.hero-description{max-width:580px;color:#f0eee7;font-size:17px;line-height:1.7;margin:0 0 20px}.hero h1{margin-bottom:25px}.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.beta-link{font-size:12px;border-bottom:1px solid #ffffff65;padding:13px 0}.hero-copy{bottom:130px}.proof-intro{font-size:18px;max-width:660px;margin-bottom:55px}.proof-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:start}.proof-grid figure{margin:0}.proof-stack{display:grid;gap:45px}.capture-frame{background:#e9e2d5;padding:18px;border:1px solid #ffffff30;box-shadow:0 18px 45px #00000020}.capture-frame img{display:block;width:100%;height:auto}.capture-frame.compact{max-width:360px;margin-right:auto}.proof-grid figcaption{padding:25px 0}.proof-grid figcaption h3{font-size:27px;margin:12px 0}.proof-grid figcaption p{margin:0;max-width:500px}.proof-note{font-size:12px;max-width:820px;margin:35px 0 15px}.product-proof .section-head{margin-bottom:40px}html[data-palette=sunrise] .hero-description{color:#fff6e7}html[data-palette=sunrise] .capture-frame{box-shadow:0 18px 45px #3b261814;border-color:#d6c1a2}.preview-note{padding-top:30px}
@media(max-width:1000px){.proof-grid{gap:30px}.hero-description{font-size:16px;max-width:510px}.hero h1{font-size:80px}}
@media(max-width:650px){.proof-grid{grid-template-columns:1fr}.proof-stack{gap:20px}.proof-intro{font-size:16px;margin-bottom:30px}.capture-frame{padding:10px}.capture-frame.compact{max-width:100%}.hero h1{font-size:clamp(49px,12.5vw,75px);margin-bottom:22px}.hero-description{font-size:14px;max-width:380px}.hero-actions{gap:8px 24px}.hero{min-height:790px}.hero-copy{bottom:140px}.hero-foot>span{max-width:135px}.proof-grid figcaption h3{font-size:24px}}

/* Sequential editorial product chapters with restrained metallic device chrome. */
.showcase-chapters{margin-top:70px}.showcase-chapter{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.65fr);gap:65px;align-items:start;padding:70px 0;border-top:1px solid var(--border)}.showcase-copy{padding-top:8px}.showcase-copy h3{font-size:clamp(29px,3vw,44px);line-height:1.15;margin:22px 0;letter-spacing:-1.4px}.showcase-copy p{font-size:15px}.showcase-copy strong{color:var(--ink);font-weight:500}.concept-note{margin-top:32px;padding-top:25px;border-top:1px solid var(--border)}.concept-note h4{font-size:20px;font-weight:400;line-height:1.4;margin:12px 0}.concept-note p{margin-bottom:0}.showcase-copy .sample-caption{font-size:12px;margin-top:25px}.showcase-chapter figure{margin:0;min-width:0}.showcase-chapter figcaption{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:18px 0;line-height:1.8}.connection-scenes{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:24px;align-items:start}.invite-scene{padding-top:85px}.browser-shell{padding:5px;border-radius:13px;background:linear-gradient(125deg,#f3f2ed,#8f9593 30%,#c8cbc7 50%,#6b7370 76%,#dbddd7);border:1px solid #d4d6d080;box-shadow:0 25px 45px #00000025,0 1px 0 #ffffff85 inset;overflow:hidden}.browser-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(#eaece8,#d9dcd7);border-radius:8px 8px 0 0;padding:12px 13px;color:#46504b;font-size:9px;letter-spacing:.5px;border-bottom:1px solid #acb3ac}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#84918a}.screen-viewport{background:#f7f4ed;overflow:hidden;border-radius:0 0 8px 8px}.screen-viewport img{display:block;width:154%;max-width:none;margin-left:-54%;height:auto}.connect-screen{aspect-ratio:1.12}.write-screen{max-height:690px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b8b9aa #f6f1e7}.phone-shell{padding:6px;border-radius:24px;background:linear-gradient(140deg,#eef0e9,#747d77 25%,#bfc6bc 50%,#626e66 78%,#d8ddd2);border:1px solid #c4cbbd;box-shadow:0 22px 35px #00000025;overflow:hidden}.phone-cap{height:14px;position:relative}.phone-cap:after{content:'';position:absolute;left:calc(50% - 16px);top:3px;width:32px;height:4px;border-radius:5px;background:#556258}.phone-screen{overflow:hidden;border-radius:13px;background:#f7f4ed}.phone-screen img{display:block;width:100%;height:auto}.legacy-scene{max-width:315px;margin-inline:auto!important}.legacy-scene .phone-shell{border-radius:32px;padding:8px}.legacy-scene .phone-cap{height:18px}.legacy-scene .phone-screen{border-radius:19px}.legacy-scene figcaption{text-align:center}.write-scene{max-width:760px}.product-proof .proof-note{border-top:1px solid var(--border);padding-top:25px}.product-proof>h2{max-width:1000px}
html[data-palette=sunrise] .browser-shell,html[data-palette=sunrise] .phone-shell{background:linear-gradient(125deg,#fff8e5,#9e8c73 30%,#e4d7bb 52%,#8d7860 78%,#f5e6c8);border-color:#d6c4a5;box-shadow:0 25px 45px #51361e20,0 1px 0 #ffffffa0 inset}html[data-palette=sunrise] .browser-chrome{background:linear-gradient(#f5ebd9,#e9dcc4);color:#69533c;border-color:#c6b596}html[data-palette=sunrise] .window-dots i{background:#a18d6f}html[data-palette=sunrise] .phone-cap:after{background:#8f795c}
@media(max-width:1100px){.showcase-chapter{gap:35px;grid-template-columns:.75fr 1.4fr}.connection-scenes{grid-template-columns:minmax(0,1fr) 145px;gap:15px}.browser-chrome{font-size:8px;padding:11px 9px}.showcase-copy h3{font-size:32px}.invite-scene{padding-top:60px}}
@media(max-width:800px){.showcase-chapter{grid-template-columns:1fr;gap:35px;padding:50px 0}.showcase-copy{max-width:560px}.showcase-copy h3{font-size:38px}.connection-scenes{grid-template-columns:minmax(0,1fr) 175px;gap:25px}.concept-note{margin-top:20px}.invite-scene{padding-top:35px}.write-screen{max-height:none}.legacy-scene{max-width:300px!important}}
@media(max-width:500px){.showcase-chapters{margin-top:40px}.showcase-copy h3{font-size:32px}.connection-scenes{grid-template-columns:1fr;gap:35px}.connect-screen{aspect-ratio:1.18}.invite-scene{max-width:225px;padding-top:0;margin-inline:auto!important}.browser-chrome{font-size:9px}.showcase-chapter{padding-block:40px}.showcase-chapter figcaption{font-size:8px}.write-screen{max-height:none}.showcase-copy p{font-size:14px}}

.write-scene{max-width:590px;width:100%;margin-inline:auto!important}.write-screen{max-height:none;overflow:hidden}@media(min-width:801px){.showcase-copy{position:sticky;top:65px}}

/* Keep the people and software visible within the company photograph. */
#company .purpose-image{object-position:62% center}
@media(max-width:650px){#company .purpose-image{object-position:60% center}}

/* Introductions: a full-width editorial passage within the connection chapter. */
.introductions-story{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--border);padding-top:45px;margin-top:10px}
.introductions-story h4{font-size:clamp(32px,4vw,58px);font-weight:400;line-height:1.12;letter-spacing:-1.5px;margin:22px 0 0}
.introductions-story p{font-size:16px;line-height:1.85;margin:0 0 22px;max-width:590px}
@media(max-width:650px){.introductions-story{grid-template-columns:1fr;gap:25px;padding-top:32px}.introductions-story h4{font-size:36px}.introductions-story p{font-size:15px}}
/* The connection copy must finish before its second, full-width story row. */
#showcase-connect>.showcase-copy{position:static}

.office-address{font-style:normal;margin-top:38px;padding-top:28px;border-top:1px solid var(--border)}.office-address p{font-size:14px;line-height:1.8;margin:13px 0 0;color:var(--muted)}