.homepage-sections{position:relative;overflow-x:clip;background:#000;color:var(--color-ink);font-family:Roboto Slab Variable,display,serif}.homepage-sections-inner{width:min(1000px,calc(100% - 48px));margin-inline:auto;padding-bottom:100px}.homepage-feature{padding:64px 0}.homepage-conversation{display:flex;flex-direction:column;gap:28px;width:min(760px,100%);margin:0 auto 48px;padding:0;list-style:none;font-family:var(--font-sans),"Inter",sans-serif;font-size:16px;font-weight:400;line-height:1.65;letter-spacing:normal}.homepage-message{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:". name" "avatar bubble" ". reaction";align-self:flex-start;gap:6px 10px;max-width:82%}.homepage-message[data-side=self]{grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"name ." "bubble avatar" "reaction .";align-self:flex-end}.homepage-message-name{grid-area:name;padding-inline:16px;color:var(--color-ink-muted);font-size:12px;line-height:1.4}.homepage-message[data-side=self] .homepage-message-name{text-align:right}.homepage-message-body{grid-area:bubble;min-width:0}.homepage-message-person{grid-area:avatar;align-self:end;margin-bottom:2px;display:inline-flex}.homepage-message-person [data-slot=avatar]{width:32px;height:32px;transition:transform .18s ease}.homepage-message-person:hover [data-slot=avatar],.homepage-message-person:focus-visible [data-slot=avatar]{transform:scale(1.07)}.homepage-message [data-user-message-bubble]{max-width:100%;margin:0}.homepage-message[data-side=peer] [data-user-message-bubble]{background:var(--color-panel);color:var(--color-ink)}.homepage-message-reaction{grid-area:reaction;justify-self:start;min-height:28px;color:var(--color-ink-muted);background:var(--color-surface);transition:background .18s ease,transform .18s ease}.homepage-message[data-side=self] .homepage-message-reaction{justify-self:end}.homepage-message-reaction:hover{transform:translateY(-1px)}.homepage-message-reaction[aria-pressed=true]{color:var(--color-ink);background:var(--color-active);border-color:var(--color-ink-muted)}.homepage-mention{display:inline-flex;align-items:baseline;gap:4px;max-width:100%;vertical-align:baseline;border-radius:5px;padding:0;color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 25%,transparent);text-underline-offset:3px;white-space:normal}.homepage-mention>svg{flex-shrink:0;align-self:center}.homepage-mention:hover,.homepage-mention:focus-visible{background:var(--color-hover);text-decoration-color:currentColor}.homepage-enter{transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.homepage-enter[data-reveal=waiting]{opacity:.2;transform:translateY(16px)}.homepage-enter[data-reveal=visible]{opacity:1;transform:translateY(0)}.homepage-message.homepage-enter,.homepage-message.homepage-enter[data-reveal=waiting],.homepage-message.homepage-enter[data-reveal=visible]{opacity:1;transform:none;transition:none}.homepage-message [data-user-message-bubble]{transform-origin:left bottom}.homepage-message[data-side=self] [data-user-message-bubble]{transform-origin:right bottom}.homepage-message[data-reveal=waiting] [data-user-message-bubble]{opacity:0;transform:scale(.9)}.homepage-message[data-reveal=visible] [data-user-message-bubble]{animation:homepage-bubble-pop .44s cubic-bezier(.18,1.15,.36,1) both}.homepage-message+.homepage-message[data-reveal=visible] [data-user-message-bubble]{animation-delay:70ms}@keyframes homepage-bubble-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.homepage-enter,.homepage-message-person [data-slot=avatar],.homepage-message-reaction{transition:none;transform:none}.homepage-enter[data-reveal=waiting]{opacity:1;transform:none}.homepage-message [data-user-message-bubble]{animation:none;opacity:1;transform:none}}.homepage-feature-graphic{width:100%;min-width:0}.homepage-feature-visual{position:relative}.homepage-feature-heading{margin-bottom:56px;text-align:center}.homepage-feature-title{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}#coding-agents .homepage-feature-title{flex-direction:column}.homepage-feature-heading h2{text-wrap:balance;margin:0;color:var(--color-ink);font-family:Roboto Slab Variable,display,serif;font-size:clamp(28px,3.2vw,40px);font-weight:315;line-height:1.25;letter-spacing:-.035em}.homepage-section-break{display:flex;align-items:center;gap:24px;width:100%;color:var(--color-ink-placeholder);font:400 14px/1.65 Inter Variable,Inter,sans-serif}.homepage-section-break>span{flex:1;height:1px;background:color-mix(in srgb,var(--color-ink) 16%,transparent)}.homepage-section-break p{flex:0 1 440px;min-width:0;margin:0;color:inherit;text-wrap:balance}@media(max-width:699px){.homepage-feature-heading{margin-bottom:36px}.homepage-feature-title{margin-bottom:16px}#coding-agents .homepage-feature-title{gap:10px}#coding-agents .homepage-feature-heading h2{font-size:clamp(18px,5.5vw,28px);white-space:nowrap}.homepage-section-break{gap:12px;font-size:13px}.homepage-section-break>span{flex:0 0 20px}.homepage-section-break p{flex:1}}.homepage-founder-rule{color:color-mix(in srgb,var(--color-ink) 16%,transparent)}@media(max-width:699px){.homepage-founder-letter{font-size:12px}}.homepage-feature-email,.homepage-feature-spreadsheet{max-width:920px;margin-inline:auto}.homepage-feature-email{--homepage-email-height: 500px}.homepage-feature-email .homepage-email-demo{--color-composer: var(--color-surface-0)}.homepage-feature-email .homepage-compose-loading{height:var(--homepage-email-height);min-height:var(--homepage-email-height)}.homepage-spreadsheet{display:flex;flex-direction:column;height:460px;overflow:hidden;border:1px solid var(--color-edge-muted);border-radius:16px;background:var(--color-surface)}.homepage-spreadsheet .homepage-compose-status{padding:16px 20px 0}.homepage-doc-history{position:relative;margin:0}@media(max-width:767px){.homepage-doc-history .homepage-doc-timeline{display:none}}.homepage-feature-end{position:relative;margin-top:0;padding:clamp(72px,12svh,140px) 0 56px}.homepage-closing-rule{position:absolute;top:0;left:0;width:100%;margin:0;border:0;border-top:1px solid var(--color-edge-muted)}.homepage-app-landing{height:200px}@media(max-width:699px){.homepage-sections-inner{width:calc(100% - 36px)}.homepage-feature{padding:40px 0}.homepage-conversation{gap:24px;margin-bottom:32px;font-size:15px}.homepage-message{max-width:92%}}@media(max-width:699px){#documents{padding-bottom:0}#coding-agents{padding-top:0}}.workspace-demo{color:var(--color-ink);font-family:var(--font-sans)}.homepage-compose-status{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:13px;color:var(--color-ink-muted)}.homepage-compose-status span:last-child{color:var(--color-ink-placeholder)}.homepage-compose-loading{min-height:480px;display:grid;place-items:center;color:var(--color-ink-muted)}.homepage-compact-proof{width:min(480px,calc(100vw - 48px));margin-inline:auto}.homepage-compact-proof .home-proof-section{flex-direction:row;gap:16px;min-height:0;padding:24px 0 52px}.homepage-compact-proof .home-proof-signal{flex:1;min-width:0;gap:8px}.homepage-compact-proof .home-proof-mark-row{height:28px}.homepage-compact-proof .home-proof-a16z{height:21px}.homepage-compact-proof .home-proof-github-row{font-size:14px;gap:6px}.homepage-compact-proof .home-proof-github-icon{height:16px;width:16px}.homepage-compact-proof .home-proof-star{height:12px;width:12px}.homepage-compact-proof .home-proof-badges{gap:8px}.homepage-compact-proof .home-proof-badge{height:25px;width:25px}.homepage-compact-proof .home-proof-caption{font-size:8px;letter-spacing:.08em}.homepage-compact-proof .home-proof-divider{height:32px}@media(min-width:768px){.homepage-compact-proof{width:min(600px,calc(100vw - 48px))}.homepage-compact-proof .home-proof-section{gap:20px;padding:30px 0 65px}.homepage-compact-proof .home-proof-signal{gap:10px}.homepage-compact-proof .home-proof-mark-row{height:35px}.homepage-compact-proof .home-proof-a16z{height:26.25px}.homepage-compact-proof .home-proof-github-row{font-size:17.5px;gap:7.5px}.homepage-compact-proof .home-proof-github-icon{height:20px;width:20px}.homepage-compact-proof .home-proof-star{height:15px;width:15px}.homepage-compact-proof .home-proof-badges{gap:10px}.homepage-compact-proof .home-proof-badge{height:31.25px;width:31.25px}.homepage-compact-proof .home-proof-caption{font-size:10px}.homepage-compact-proof .home-proof-divider{height:40px}}@media(max-width:639px){.homepage-compact-proof .home-proof-section{gap:12px}.homepage-compact-proof .home-proof-a16z{height:17px}.homepage-compact-proof .home-proof-github-row{font-size:12px;gap:5px}.homepage-compact-proof .home-proof-badges{gap:5px}.homepage-compact-proof .home-proof-badge{height:21px;width:21px}.homepage-compact-proof .home-proof-caption{font-size:7px;letter-spacing:.04em}}.homepage-agent-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--color-panel);border:1px solid var(--color-edge-muted);color:var(--color-ink)}.homepage-agent-avatar[data-agent=claude]{color:#d97757}.homepage-agent-label{margin-left:7px;font-size:10px;color:var(--color-ink-placeholder)}.homepage-person-mention{color:var(--color-link);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:3px}.homepage-sections{z-index:1}