/* Playful postal identity. Product illustrations remain readable, static HTML. */
.design-v3 { --wrap:1200px; --peach-ink:#5b352a; --fixed-ink:#282442; }
.design-v3 .section { padding-block:100px; }
.design-v3 h2 { font-size:clamp(36px,4vw,54px); letter-spacing:-2px; line-height:1.06; }
.design-v3 .section-heading { gap:50px; margin-bottom:44px; }
.design-v3 .section-heading>p { font-size:15px; line-height:1.8; max-width:340px; }
.design-v3 .eyebrow { font-size:10px; letter-spacing:1.4px; font-weight:650; }
.design-v3 .button { border-radius:10px; min-height:52px; padding-inline:24px; }
.design-v3 .button-small { min-height:42px; padding-inline:17px; }
.design-v3 .site-header { border:0; }
.design-v3 .nav { height:88px; }
.design-v3 .wordmark { font-size:33px; }
.design-v3 .desktop-nav { gap:28px; }
.design-v3 .example-caption { margin-top:16px; font-size:11px; color:var(--muted); text-align:center; }
.accent-underline { position:relative; display:inline-block; }
.accent-underline:after { content:''; display:block; width:87%; height:8px; margin-top:5px; background:var(--apricot); border-radius:100% 40% 90% 30%; transform:rotate(-1deg); }
.button-citron { background:#eff2b2; color:#30331b; box-shadow:0 4px 0 #32206a; }
.button-citron:hover { background:#f6f8c9; }
.hero-stage { margin:0 24px; border-radius:30px; color:#fffaf2; background:#5634d1; position:relative; overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding-block:56px 34px; }
.launch-label { display:flex; align-items:center; gap:9px; font-size:9px; letter-spacing:1.2px; font-weight:600; color:#f1eaff; margin-bottom:28px; }
.launch-label>span:first-child { width:7px; height:7px; border-radius:50%; background:#eff2b2; }
.launch-label .label-divider { opacity:.5; margin-inline:3px; }
.hero-message h1 { font-size:clamp(52px,5.2vw,73px); line-height:1.015; letter-spacing:-3.4px; font-weight:680; }
.hero-message h1>span { color:#eff2b2; position:relative; }
.hero-message h1>span:after { content:''; position:absolute; left:1%; bottom:-5px; width:100%; height:4px; background:#bda7ff; border-radius:100%; transform:rotate(-2deg); }
.hero-lead { font-size:21px; line-height:1.5; margin-top:26px; font-weight:500; letter-spacing:-.3px; }
.hero-support { font-size:14px; line-height:1.85; color:#e9e0ff; margin-top:15px; }
.hero-message .hero-actions { display:flex; gap:25px; margin-top:28px; align-items:center; flex-wrap:wrap; }
.hero-message .text-link { color:#fffaf2; font-size:13px; }
.hero-message .hero-note { color:#e5dbff; font-size:11px; margin-top:18px; }
.hero-scene { position:relative; height:570px; width:100%; margin:0; }
.scene-orbit { position:absolute; width:500px; height:500px; top:47px; left:4px; border-radius:50%; background:#7857e7; border:1px solid #9b7ff066; }
.scene-orbit:before { content:''; position:absolute; inset:27px; border:1px dashed #b9a2ff55; border-radius:50%; }
.scene-spark { position:absolute; color:#ffbf96; font:70px/1 var(--font-display); }
.spark-one { top:8px; right:5px; transform:rotate(15deg); }
.brief-slip { position:absolute; z-index:3; left:14px; top:8px; width:330px; display:flex; gap:12px; align-items:center; background:#352476; border:1px solid #ab91ed88; padding:16px; border-radius:15px; transform:rotate(-5deg); box-shadow:0 7px 0 #39258155; }
.brief-slip p { font-size:12px; line-height:1.6; }
.brief-slip>span:last-child { color:#eff2b2; margin-left:auto; }
.you-avatar { flex-shrink:0; width:34px; height:34px; display:grid; place-items:center; font-size:11px; background:#e5dfff; color:#44316c; border-radius:50%; }
.hero-task-card,.task-desktop,.onboarding-screen,.native-phone,.phone-activity-card,.design-v3 .mail-illustration,.design-v3 .form {
  --paper:#f8f8f2; --surface:#fffefa; --ink:#282442; --muted:#6a637b; --line:#e6e1eb; --lilac:#ece6fb; --lilac-line:#d4c7ed; --violet-ink:#5736bc; --critical:#a12e4a;
  color:var(--ink); color-scheme:light;
}
.hero-task-card { position:absolute; width:365px; top:99px; right:0; padding:23px; background:#fffdf6; border:1px solid #38235b; border-radius:19px; box-shadow:8px 9px 0 #38227255,0 20px 50px #2b166033; transform:rotate(2deg); }
.screen-topline { display:flex; align-items:center; justify-content:space-between; font-size:11px; }
.screen-topline>span:first-child { display:flex; gap:8px; align-items:center; }
.screen-topline [data-icon] svg { width:16px; height:16px; }
.example-pill { font-size:8px; font-weight:650; letter-spacing:.7px; padding:4px 7px; border-radius:5px; color:#6b647b; background:#f0ecf4; white-space:nowrap; }
.hero-task-card .hero-number { font-size:30px; letter-spacing:-1px; margin-top:19px; }
.line-capabilities { display:flex; gap:9px; font-size:10px; margin-top:8px; color:#6a637b; align-items:center; }
.line-capabilities>span:not(.line-quiet) { padding-right:9px; border-right:1px solid #ddd6e7; }
.line-capabilities .line-quiet { margin-left:auto; display:flex; gap:5px; align-items:center; color:#326c52; }
.line-quiet i { width:5px; height:5px; border-radius:50%; background:#438065; }
.hero-voicemail { margin-top:21px; padding:16px; background:#efe8fc; border-radius:12px 12px 12px 3px; }
.hero-voice-top { display:flex; align-items:center; gap:9px; }
.incoming-orb { width:31px; height:31px; border-radius:50%; background:#dbcdf6; color:#5736bc; flex-shrink:0; }
.hero-voice-top strong { font-size:11px; display:block; }
.hero-voice-top>div>span { display:block; font-size:9px; color:#6a637b; margin-top:1px; }
.hero-voice-top .small-wave { margin-left:auto; gap:2px; }
.hero-voicemail>p { font-size:13px; margin-top:12px; line-height:1.6; }
.transcript-label { display:block; font-size:7px; font-weight:600; letter-spacing:1px; color:#715890; margin-top:10px; }
.hero-approval { display:flex; gap:6px; align-items:center; font-size:9px; color:#6a637b; padding:15px 0; }
.hero-approval svg { width:15px; height:15px; color:#367350; }
.hero-sms { margin-left:34px; background:#e9edc9; padding:14px 17px; border-radius:13px 13px 3px 13px; }
.sms-sender { display:flex; align-items:center; gap:6px; color:#4b5632; font-size:8px; letter-spacing:.5px; font-weight:650; }
.sms-sender svg { width:14px; height:14px; }
.hero-sms>p { font:550 18px/1.35 var(--font-display); margin-top:8px; letter-spacing:-.25px; }
.hero-sms>span:last-child { display:flex; align-items:center; justify-content:space-between; font-size:9px; margin-top:11px; color:#50633a; }
.hero-sms>span:last-child svg { width:15px; height:15px; }
.hero-card-footer { display:flex; align-items:center; gap:8px; font-size:9px; color:#6a637b; margin-top:17px; }
.hero-card-footer svg { width:14px; height:14px; }
.scene-courier { position:absolute; z-index:4; width:280px; height:280px; left:-81px; top:326px; filter:drop-shadow(0 15px 10px #30205b22); transform:rotate(-5deg); }
.quiet-sticker { position:absolute; z-index:3; left:-34px; top:192px; width:174px; padding:16px 12px; background:#ffbf96; color:#402843; border-radius:13px; transform:rotate(-7deg); display:flex; align-items:center; gap:11px; box-shadow:4px 5px 0 #38227244; }
.quiet-sticker strong { display:block; font:650 15px/1.2 var(--font-display); }
.quiet-sticker div>span { font-size:8px; display:block; line-height:1.4; margin-top:7px; }
.mini-handset { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:32px; height:55px; border:2px solid #51325b; border-radius:7px; flex-shrink:0; }
.mini-handset>span:first-child { width:12px; height:3px; background:#51325b; border-radius:3px; }
.mini-handset svg { width:19px; height:19px; }
.hero-scene figcaption { position:absolute; bottom:-28px; right:0; font-size:11px; color:#e9dfff; font-style:italic; }
.hero-benefit-bar { display:flex; justify-content:center; gap:60px; padding:21px 25px; margin-top:28px; border-top:1px solid #ffffff26; color:#f5eeff; font-size:12px; }
.hero-benefit-bar>span { display:flex; gap:11px; align-items:center; }
.hero-benefit-bar [data-icon] { color:#e0cf85; }
.hero-benefit-bar svg { width:18px; height:18px; }

.assistant-ribbon { display:grid; grid-template-columns:170px 1fr; gap:20px 30px; align-items:center; padding-block:36px 28px; border-bottom:1px solid var(--line); }
.assistant-ribbon>p:first-child { font-size:12px; color:var(--muted); line-height:1.5; }
.assistant-ribbon strong { color:var(--ink); font-weight:550; }
.ribbon-brands { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.ribbon-brands>span { display:flex; align-items:center; gap:7px; font:600 16px var(--font-display); white-space:nowrap; position:relative; }
.ribbon-brands img { width:26px; height:26px; border-radius:5px; background:#fffaf3; padding:3px; }
.ribbon-brands small { position:absolute; top:24px; left:33px; font:8px var(--font-body); color:var(--muted); }
.ribbon-brands i { display:grid; place-items:center; width:26px; height:26px; border-radius:5px; background:#fffaf3; color:#282442; font:500 15px var(--font-mono); font-style:normal; }
.assistant-ribbon .ribbon-caption { grid-column:1/-1; text-align:center; font-size:10px; color:var(--muted); margin-top:5px; }
.ribbon-caption a { text-decoration:underline; text-underline-offset:3px; margin-left:5px; }

.design-v3 .story-section { padding-bottom:0; }
.task-desktop { border:1px solid #d5cde1; border-radius:20px; overflow:hidden; background:#fffdf7; box-shadow:0 8px 0 var(--lilac-line),0 18px 45px #21132e0b; }
.desktop-chrome { display:flex; gap:24px; align-items:center; padding:17px 23px; border-bottom:1px solid #e3dce9; background:#f5f0fa; }
.mini-wordmark { display:flex; align-items:center; gap:5px; font:750 23px/1 var(--font-display); letter-spacing:-1px; }
.mini-wordmark>span { color:#5836d9; margin-left:-5px; }
.window-breadcrumb { display:flex; align-items:center; gap:13px; color:#6a637b; font-size:11px; border-left:1px solid #ddd3e8; padding-left:22px; }
.desktop-chrome>.example-pill { margin-left:auto; }
.task-workspace { display:grid; grid-template-columns:.88fr 1.08fr 1fr; }
.brief-panel,.replies-panel,.decision-panel { padding:28px 25px; min-width:0; }
.chapter-label { font:500 9px/1.4 var(--font-mono); color:#736388; letter-spacing:.8px; }
.brief-panel { background:#f2ecfc; border-right:1px solid #e2d9ed; }
.brief-art { display:grid; place-items:center; margin-top:25px; width:43px; height:43px; border-radius:12px; background:#ded0f9; color:#5736bc; transform:rotate(-7deg); }
.brief-art svg { width:24px; height:24px; }
.brief-panel h3 { font-size:29px; line-height:1.08; margin-top:18px; letter-spacing:-1px; }
.brief-panel blockquote { font-size:14px; line-height:1.8; margin-top:18px; }
.brief-rules { display:grid; gap:11px; padding-block:21px; font-size:10px; }
.brief-rules>span { display:flex; align-items:center; gap:8px; }
.brief-rules svg { width:14px; height:14px; color:#6544af; }
.brief-owner { display:flex; gap:10px; border-top:1px solid #d9cfe7; padding-top:18px; margin-top:5px; }
.brief-owner strong,.brief-owner div>span { display:block; font-size:10px; }
.brief-owner div>span { margin-top:2px; color:#736388; font-size:9px; }
.panel-heading { display:flex; justify-content:space-between; align-items:center; gap:5px; }
.panel-heading>span:last-child { font-size:9px; color:#736b7f; }
.quote-card { margin-top:14px; padding:15px; border:1px solid #e2dce9; border-radius:11px; background:#fffefa; }
.quote-best { margin-top:25px; background:#fafbed; border-color:#d7dcab; }
.quote-header { display:flex; align-items:center; gap:9px; }
.channel-icon { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:9px; }
.channel-icon.peach { background:#ffdfc9; color:#6d4030; }.channel-icon.lilac { background:#e9defa; color:#63489a; }.channel-icon.citron { background:#eef0c2; color:#65713d; }
.quote-header strong { display:block; font-size:11px; }.quote-header div>span { display:block; margin-top:3px; color:#756c80; font-size:9px; }
.match-tag { margin-left:auto; font-size:8px; padding:4px 6px; border:1px solid #d3dcaa; background:#eef3d4; color:#52643a; border-radius:5px; white-space:nowrap; }
.quote-card>p { font-size:12px; line-height:1.7; margin-top:14px; }
.quote-bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:12px; font-size:11px; }
.quote-bottom strong { font:600 24px var(--font-display); letter-spacing:-.6px; }
.quote-bottom small { display:block; font-size:8px; color:#877268; margin-top:2px; }
.small-wave { display:flex; align-items:center; gap:3px; margin-left:auto; height:28px; color:#9072c6; }
.small-wave i { width:2px; height:7px; background:currentColor; border-radius:2px; }.small-wave i:nth-child(2n) { height:17px; }.small-wave i:nth-child(3n) { height:25px; }
.scope-caption { font-size:9px; line-height:1.7; color:#756c80; margin-top:16px; }
.decision-panel { border-left:1px solid #e6e1eb; display:flex; flex-direction:column; }
.decision-intro { display:flex; gap:13px; align-items:center; margin-top:27px; }
.decision-star { font-size:45px; line-height:1; color:#b87957; }
.decision-intro h3 { font-size:28px; letter-spacing:-1px; }
.decision-panel>p { font-size:13px; line-height:1.8; margin-top:19px; }
.decision-history { display:grid; gap:20px; margin-block:28px; }
.decision-history>div { display:flex; align-items:flex-start; gap:10px; position:relative; }.decision-history>div:first-child:after { content:''; height:21px; border-left:1px dashed #cfc5da; position:absolute; left:11px; top:28px; }
.decision-history [data-icon] { color:#5f714c; background:#edf2df; width:25px; height:25px; border-radius:50%; }.decision-history svg { width:14px; height:14px; }
.decision-history strong { display:block; font-size:11px; }.decision-history p>span { display:block; font-size:10px; color:#756c80; line-height:1.6; margin-top:4px; }
.booking-ticket { position:relative; display:flex; align-items:center; gap:13px; border:1px solid #d3d99f; background:#eff2b2; padding:19px 13px; margin-top:auto; border-radius:11px; box-shadow:0 3px 0 #e1e5aa; }
.booking-ticket:before,.booking-ticket:after { content:''; position:absolute; width:12px; height:12px; border-radius:50%; background:#fffdf7; top:50%; margin-top:-6px; }.booking-ticket:before { left:-7px; }.booking-ticket:after { right:-7px; }
.ticket-day { padding-right:12px; border-right:1px dashed #bdc27e; text-align:center; }.ticket-day>span { display:block; font-size:8px; letter-spacing:1px; }.ticket-day>strong { font:600 27px var(--font-display); }.ticket-day strong>span { font-size:12px; }
.booking-ticket .micro { font-size:7px; letter-spacing:.6px; color:#576137; }.booking-ticket>div:nth-child(2)>strong { display:block; font:600 15px var(--font-display); margin-block:5px; }.booking-ticket>div:nth-child(2)>span:last-child { font-size:9px; }.booking-ticket>[data-icon] { margin-left:auto; color:#526138; }
.workspace-footer { background:#f8f5fb; border-top:1px solid #e3dce9; display:flex; justify-content:space-between; gap:15px; padding:16px 25px; font-size:10px; color:#6c607c; }.workspace-footer>span { display:flex; gap:8px; align-items:center; }.workspace-footer svg { width:15px; height:15px; }
.design-v3 .other-errands { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:44px; padding:0; border:0; }
.design-v3 .other-errands .errand-card { display:grid; grid-template-columns:125px 1fr; align-items:center; gap:24px; padding:25px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.errand-drawing { height:133px; position:relative; color:#4d376b; border-radius:13px; display:flex; align-items:center; justify-content:center; }.desk-drawing { background:#e7e0f8; }.errand-drawing svg { width:110px; height:95px; fill:none; stroke:#5c447e; stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round; }
.drawing-note { position:absolute; bottom:8px; left:8px; right:8px; padding:4px; text-align:center; background:#fffaf3; color:#594e64; font-size:8px; border-radius:4px; transform:rotate(-4deg); }
.verification-drawing { background:#f5dfc9; flex-direction:column; gap:8px; }.verification-drawing [data-icon] svg { width:27px; height:27px; }.code-dots { font:600 20px var(--font-mono); letter-spacing:2px; }
.design-v3 .errand-card .eyebrow { font-size:8px; margin-bottom:10px; letter-spacing:1px; }.design-v3 .errand-card h3 { font-size:23px; line-height:1.1; }.design-v3 .errand-card p:not(.eyebrow) { font-size:12px; margin-top:12px; line-height:1.8; color:var(--muted); }

.onboarding-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.onboarding-card { color:#332844; border-radius:20px; padding:27px 25px 21px; display:flex; flex-direction:column; }
.setup-peach { background:#ffdac1; }.setup-lilac { background:#e3d7fb; }.setup-citron { background:#eef0b6; }
.onboarding-number { font:500 12px var(--font-mono); display:grid; place-items:center; border:1px solid #58406444; width:36px; height:36px; border-radius:50%; margin-bottom:22px; }
.onboarding-copy h3 { font-size:25px; letter-spacing:-.8px; }.onboarding-copy p { font-size:13px; line-height:1.75; margin-top:14px; min-height:69px; }
.onboarding-screen { margin-top:25px; background:#fffcf7; border:1px solid #74627c44; border-radius:12px; padding:18px; min-height:268px; box-shadow:0 5px 0 #66536d1a; }
.mini-screen-title { display:flex; align-items:center; gap:7px; font-size:10px; padding-bottom:13px; border-bottom:1px solid #e6e1eb; color:#6a6077; }.mini-screen-title svg { width:15px; height:15px; }
.account-screen { text-align:center; }.account-monogram { position:relative; width:45px; height:45px; display:grid; place-items:center; background:#f4d0b8; border-radius:50%; margin:14px auto 10px; font:550 24px var(--font-display); }.account-monogram>[data-icon] { width:19px; height:19px; border:2px solid white; background:#e3edd3; border-radius:50%; position:absolute; bottom:-2px; right:-4px; }.account-monogram svg { width:12px; height:12px; }
.account-screen>strong { display:block; font:600 22px var(--font-display); }.account-screen>p { font-size:10px; color:#776a80; margin-top:4px; }
.account-method { display:flex; align-items:center; justify-content:center; gap:6px; background:#f0f3e2; color:#4f663e; border:1px solid #e0e6cc; border-radius:6px; padding:9px 4px; font-size:9px; margin-top:15px; }.account-method svg { width:14px; height:14px; }
.account-inbox { display:flex; align-items:center; text-align:left; gap:9px; margin-top:13px; }.account-inbox>[data-icon] { width:27px; height:27px; background:#f4e7da; border-radius:6px; color:#95704e; }.account-inbox>div>strong { display:block; font-size:10px; }.account-inbox>div>span { font-size:9px; color:#776a80; display:block; }.account-inbox>span:last-child { margin-left:auto; }
.connect-screen { text-align:center; }.pairing-art { display:flex; gap:20px; justify-content:center; align-items:center; margin:26px 0 21px; }.pairing-art>span { color:#ab95c7; font-size:24px; }.connect-screen>strong { font-size:11px; }.connection-scopes { display:flex; justify-content:center; gap:16px; font-size:8px; margin-top:14px; }.connection-scopes>span { display:flex; gap:4px; align-items:center; }.connection-scopes svg { width:12px; height:12px; }.connect-screen>p { font-size:9px; color:#776a80; margin-top:10px; }
.permissions-screen h4 { font:600 22px var(--font-display); margin:21px 0 17px; letter-spacing:-.5px; }.permissions-screen>div:not(.mini-screen-title):not(.account-method) { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:10px; padding-block:12px; border-bottom:1px solid #e6e1eb; }.permissions-screen>div>span { color:#776a80; }.permissions-screen .permission-gate { display:flex; align-items:center; gap:5px; color:#675090; }.permission-gate svg { width:12px; height:12px; }
.onboarding-foot { display:block; text-align:center; font-size:10px; margin-top:20px; color:#5e4a6a; }
.owner-strip { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; padding:24px 0; margin-top:16px; font-size:12px; border-bottom:1px solid var(--line); }.owner-strip>[data-icon] { color:var(--violet-ink); }.owner-strip>span:last-child { color:var(--muted); }
.connection-disclosure { margin-top:20px; border:1px solid var(--line); border-radius:12px; scroll-margin-top:24px; }.connection-disclosure summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding:17px 21px; font-size:12px; list-style:none; gap:18px; }.connection-disclosure summary>span:first-child { display:flex; align-items:center; gap:11px; }.connection-disclosure summary::-webkit-details-marker { display:none; }.disclosure-symbol { font-size:22px; font-weight:400; color:var(--violet-ink); }.connection-disclosure[open] .disclosure-symbol { transform:rotate(45deg); }
.connection-detail-body { border-top:1px solid var(--line); padding:25px; }.connection-methods { display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; }.connection-methods p { font-size:12px; color:var(--muted); line-height:1.8; }.connection-methods strong { display:block; font-size:14px; color:var(--ink); margin-bottom:8px; }.connection-methods code { display:inline; }.connection-detail-body .system-explainer { margin-top:28px; }.connection-detail-body .system-heading h3 { font-size:25px; }

.design-v3 .toolkit-section { padding-top:0; }
.design-v3 .toolkit { gap:25px; }
.design-v3 .tool { padding:25px 23px 0; border:1px solid var(--line); border-radius:19px; background:var(--surface); overflow:hidden; }
.design-v3 .tool-title h3 { font-size:24px; }.design-v3 .tool-title>span { width:34px; height:34px; border-radius:10px; background:var(--lilac); }.design-v3 .tool>p { font-size:13px; min-height:72px; }
.design-v3 .inbox-specimen { margin-inline:-24px; border:0; border-top:1px solid #e7d4c6; background:#fff1e4; border-radius:0; color:#493c4f; }
.design-v3 .specimen-address { border-color:#ead6c8; color:#786475; justify-content:center; }.design-v3 .specimen-address code { font-size:8px; }.design-v3 .empty-inbox>span { color:#786475; }.design-v3 .inbox-courier { width:144px; height:144px; }.design-v3 .empty-inbox strong { font-size:15px; }
.design-v3 .voicemail-specimen { border-radius:65px 12px 0 0; margin-inline:-9px; background:#e8ddfc; color:#47345f; min-height:255px; padding:25px 22px; }.design-v3 .voice-wave i { background:#7858ba; }.design-v3 .voicemail-specimen blockquote { font-size:23px; }.design-v3 .voicemail-specimen>p { font-size:10px; }
.design-v3 .lifecycle-specimen { margin-top:25px; padding-bottom:0; }.design-v3 .lifecycle-specimen>div:first-child>[data-icon] { color:var(--green); }.design-v3 .lifecycle-specimen>div:last-child { border-bottom:0; }.design-v3 .lifecycle-specimen small { font-size:11px; }.design-v3 .tiny-frozen { width:77px; height:77px; }

.second-line-section { margin:0 24px; background:#e0d5f6; color:#35254d; border-radius:30px; overflow:hidden; }
.second-line-grid { display:grid; grid-template-columns:.93fr 1.07fr; gap:45px; align-items:center; padding-block:70px; }
.second-line-copy .eyebrow { color:#72528f; }.design-v3 .second-line-copy h2 { font-size:clamp(42px,4.3vw,59px); line-height:1.05; }.second-line-copy h2>span { color:#6643ba; }
.second-line-lead { font-size:21px; line-height:1.5; font-weight:500; margin-top:26px; }.second-line-copy>p:not(.eyebrow):not(.second-line-lead):not(.second-line-small) { font-size:14px; line-height:1.9; margin-top:17px; max-width:390px; }
.quiet-mode-card { display:flex; gap:12px; align-items:center; padding:20px; background:#f9f3ff99; border:1px solid #c5b3df; border-radius:13px; margin-top:27px; max-width:410px; }.quiet-mode-card>[data-icon] { width:33px; height:33px; border-radius:50%; background:#d7c7ee; }.quiet-mode-card strong { display:block; font-size:13px; }.quiet-mode-card p { font-size:11px; line-height:1.7; margin-top:4px; color:#6a547d; }.static-switch { width:30px; height:18px; border-radius:20px; background:#7453b4; flex-shrink:0; position:relative; }.static-switch:after { content:''; width:12px; height:12px; background:#fff; border-radius:50%; position:absolute; right:3px; top:3px; }
.second-line-copy .second-line-small { font-size:10px; line-height:1.8; color:#725c84; margin-top:20px; max-width:375px; }
.handset-scene { position:relative; height:700px; }.handset-orbit { width:470px; height:470px; border-radius:50%; background:#c9b5ed; position:absolute; right:-12px; top:50px; }.handset-orbit:before { content:''; position:absolute; inset:25px; border:1px dashed #a387c766; border-radius:50%; }.handset-spark { position:absolute; font-size:75px; color:#8665b4; right:-6px; top:3px; line-height:1; }
.native-phone { position:absolute; width:255px; height:475px; right:23px; top:5px; border:7px solid #3e3154; background:#fff; border-radius:43px; padding:11px 12px; box-shadow:4px 6px 0 #78668e,0 15px 35px #46326230; transform:rotate(6deg); }
.native-status { display:flex; align-items:center; justify-content:space-between; font-size:10px; padding:0 6px; }.native-island { width:73px; height:20px; background:#3e3154; border-radius:15px; margin-left:15px; }.native-status>span:last-child { font-size:9px; }
.native-contact { position:relative; margin-top:20px; text-align:center; padding-bottom:13px; border-bottom:1px solid #f0ecf3; }.native-back { position:absolute; left:1px; top:15px; color:#765ac0; font-size:30px; line-height:1; }.contact-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; margin-inline:auto; background:#e6def0; color:#786985; font:500 20px var(--font-display); }.native-contact strong { display:block; font-size:12px; margin-top:6px; }.native-contact>span:last-child { display:block; font-size:8px; color:#8f8498; margin-top:3px; }
.native-timestamp { display:block; font-size:8px; text-align:center; color:#8a8192; margin:15px 0 12px; }.native-bubble { background:#eeedf0; border-radius:14px 14px 14px 3px; padding:13px; font-size:12px; line-height:1.5; max-width:180px; }.human-timestamp { text-align:right; margin-bottom:8px; }.native-human { margin-left:auto; color:white; background:#6750ad; border-radius:14px 14px 3px 14px; }.native-delivery { display:block; text-align:right; font-size:8px; color:#8a8192; margin-top:5px; }
.native-compose { position:absolute; bottom:25px; left:15px; right:15px; display:flex; gap:10px; align-items:center; font-size:13px; color:#998da5; }.native-compose>span:nth-child(2) { flex:1; border:1px solid #e4dfe9; border-radius:16px; padding:5px 8px; font-size:10px; }.native-compose>span:last-child { width:19px; height:19px; display:grid; place-items:center; background:#e9e3f2; color:#695180; border-radius:50%; }.native-home { position:absolute; bottom:8px; width:90px; height:4px; border-radius:4px; background:#3e3154; left:calc(50% - 45px); }
.handset-caption { font:550 17px/1.15 var(--font-display); position:absolute; top:30px; left:0; transform:rotate(-9deg); color:#6b4c87; }.handset-caption svg { width:75px; height:45px; margin:10px 0 0 27px; fill:none; stroke:#9577b8; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.phone-activity-card { position:absolute; left:0; right:49px; bottom:37px; padding:20px; border:1px solid #b69ece; border-radius:15px; box-shadow:5px 6px 0 #c7b2e3; background:#fffaf4; transform:rotate(-3deg); }
.activity-card-top { display:flex; gap:8px; align-items:center; padding-bottom:15px; border-bottom:1px solid #e8dfed; font-size:12px; }.activity-card-top>.example-pill { margin-left:auto; }.phone-activity-card ol { margin-top:15px; display:grid; gap:15px; }.phone-activity-card li { display:flex; align-items:flex-start; gap:10px; }.phone-activity-card li>[data-icon] { width:25px; height:25px; border-radius:50%; background:#eee5f7; color:#8665a5; }.phone-activity-card li svg { width:14px; height:14px; }.phone-activity-card strong { display:block; font-size:11px; }.phone-activity-card li div>span { display:block; font-size:10px; color:#7c6c84; margin-top:2px; }.phone-activity-card li.activity-takeover { background:#eef1d7; padding:10px; margin-inline:-7px; border-radius:7px; }.paused-chip { font-size:8px; padding:3px 6px; border:1px solid #d1d8a5; color:#61703e; border-radius:4px; margin-left:auto; align-self:center; }
.listening-courier { position:absolute; left:-36px; top:153px; width:218px; height:218px; transform:rotate(-7deg); }
.phone-activity-card { z-index:1; }
.handset-scene figcaption { position:absolute; bottom:-15px; right:0; left:0; text-align:center; font-size:9px; line-height:1.7; color:#715d81; }

.design-v3 .continuity-section { gap:48px 75px; }.design-v3 .continuity-copy h2 { font-size:45px; }.design-v3 .continuity-steps p { font-size:14px; }.design-v3 .continuity-steps li>span { display:grid; place-items:center; width:29px; height:29px; background:var(--lilac); border-radius:50%; padding:0; flex-shrink:0; }.design-v3 .mail-illustration { border-radius:17px; padding:27px; background:#fffdf7; box-shadow:10px 12px 0 var(--lilac); }.design-v3 .mail-window-bar { font-size:14px; }.design-v3 .mail-row { padding-block:20px; }.design-v3 .relay-receipt { border-radius:10px; padding:23px; background:#fbf7ef; }.design-v3 .relay-receipt>p:nth-child(2) { font-size:22px; }.design-v3 .mail-illustration figcaption { font-size:10px; }
.design-v3 .assistant-handoff { background:var(--lilac); border:1px solid var(--lilac-line); border-radius:21px; padding:33px; grid-template-columns:.85fr 1.2fr; gap:35px; }.design-v3 .handoff-copy h3 { font-size:35px; }.design-v3 .handoff-copy .eyebrow { font-size:8px; max-width:250px; }.design-v3 .handoff-copy>p:last-child { font-size:13px; max-width:310px; }.design-v3 .handoff-picture { gap:12px; }.design-v3 .handoff-identity>img { width:128px; height:128px; }.design-v3 .handoff-agent { padding:15px; background:var(--surface); border-radius:12px; }.design-v3 .handoff-brand { font-size:13px; }.design-v3 .handoff-agent small { font-size:9px; }
.design-v3 .pricing-section { background:var(--soft); border:0; }.design-v3 .pricing-section>.wrap { max-width:1080px; }.design-v3 .plans { gap:28px; }.design-v3 .plan { border-radius:19px; padding:32px 36px; }.design-v3 .plan h3 { font-size:33px; }.design-v3 .price>strong { font-size:76px; font-weight:550; }.design-v3 .plan ul { font-size:13px; gap:16px; }.design-v3 .pro-plan { --line:#9476e377; --muted:#e4d9fb; --violet-ink:#eff2b2; background:#5835ce; color:#fffaf1; border-color:#5835ce; box-shadow:0 6px 0 #3d258b; position:relative; }.design-v3 .pro-plan .plan-top>span { color:#f4eaff; background:#7552da; }.pro-star { display:inline-block; margin-left:10px; color:#ffbf96; font-size:30px; vertical-align:middle; }.design-v3 .pro-plan>.button { background:#eff2b2; color:#353725; }.design-v3 .plan>p { font-size:14px; }.design-v3 .price>span { font-size:14px; }.design-v3 .currency-control { border-radius:10px; }.design-v3 .currency-control button { min-height:37px; border-radius:6px; }.design-v3 .esim-addon { margin-top:36px; padding:24px 0; }.design-v3 .esim-addon h3 { font-size:24px; }
.design-v3 .faq-layout { grid-template-columns:.85fr 1.3fr; gap:70px; }.design-v3 .faq-layout h2 { font-size:47px; }.faq-courier { margin-top:25px; margin-left:-22px; transform:rotate(-7deg); }.design-v3 .faq summary { font-size:14px; cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; }.design-v3 .faq summary::-webkit-details-marker { display:none; }.design-v3 .faq summary:after { content:'+'; font-size:24px; font-weight:400; flex-shrink:0; }.design-v3 .faq details[open] summary:after { content:'−'; }.design-v3 .faq details p { font-size:13px; }
.design-v3 .waitlist-section { background:#ffcfaf; color:#3b2d43; border-color:#ffcfaf; border-radius:30px; padding-block:64px; position:relative; }.design-v3 .waitlist-inner { gap:90px; grid-template-columns:1fr .85fr; position:relative; }.design-v3 .waitlist-copy { position:relative; }.design-v3 .waitlist-copy h2 { font-size:58px; line-height:1.02; letter-spacing:-2px; }.design-v3 .waitlist-copy h2>span { color:#7241a0; }.design-v3 .waitlist-copy .eyebrow { color:#80566b; }.design-v3 .waitlist-copy>p:not(.eyebrow) { color:#795366; max-width:300px; font-size:14px; }.design-v3 .waitlist-copy>.offer { color:#523248!important; max-width:290px; }.design-v3 .waitlist-copy>.offer-detail { color:#795366; max-width:260px; }.design-v3 .waitlist-courier { position:absolute; width:200px; height:200px; right:-50px; bottom:-76px; margin:0; transform:rotate(7deg); pointer-events:none; }.design-v3 .form { padding:33px; border-radius:17px; background:#fffaf3; border:1px solid #b7949c; box-shadow:7px 8px 0 #dca987; position:relative; }.design-v3 .form h3 { font-size:32px; }.design-v3 .field input { border-radius:8px; min-height:51px; background:#fffdf8; }.design-v3 .form-note { font-size:10px; }.design-v3 .form .button { margin-top:5px; }.design-v3 .site-footer { padding-block:35px; }

@media (min-width:1440px) { .hero-grid { gap:65px; }.hero-stage { max-width:1600px; margin-inline:auto; width:calc(100% - 48px); }.hero-scene { width:550px; }.hero-task-card { right:10px; width:379px; }.quiet-sticker { left:-12px; }.scene-courier { left:-62px; } }
@media (max-width:1150px) {
  .design-v3 .wrap { width:calc(100% - 64px); }.hero-grid { gap:20px; padding-top:42px; }.hero-message h1 { font-size:59px; }.hero-lead { font-size:19px; }.hero-support { font-size:12px; }.hero-scene { transform:scale(.89); transform-origin:center right; width:480px; margin-left:-50px; }.hero-grid { grid-template-columns:1fr 1fr; }.hero-message .hero-actions { gap:15px; }.hero-message .hero-actions .button { padding-inline:18px; }.hero-message .text-link { font-size:11px; }
  .assistant-ribbon { grid-template-columns:130px 1fr; gap:20px; }.ribbon-brands { gap:12px; }.ribbon-brands>span { font-size:14px; }.ribbon-brands img,.ribbon-brands i { width:23px; height:23px; }.ribbon-brands small { left:30px; }
  .brief-panel,.replies-panel,.decision-panel { padding:24px 18px; }.quote-card { padding:13px; }.match-tag { font-size:7px; padding:3px; }.quote-header { gap:6px; }.quote-header strong { font-size:10px; }.quote-header div>span { font-size:8px; }.booking-ticket { gap:8px; padding:16px 11px; }.booking-ticket>div:nth-child(2)>strong { font-size:12px; }.booking-ticket>[data-icon] { display:none; }.decision-intro h3 { font-size:25px; }.panel-heading { align-items:flex-start; flex-direction:column; }.quote-best { margin-top:15px; }
  .design-v3 .other-errands .errand-card { grid-template-columns:95px 1fr; gap:18px; padding:21px; }.errand-drawing { height:130px; }.drawing-note { font-size:7px; }.design-v3 .errand-card h3 { font-size:21px; }.onboarding-cards { gap:17px; }.onboarding-card { padding:23px 19px 19px; }.onboarding-copy h3 { font-size:23px; }.onboarding-copy p { font-size:12px; }.onboarding-screen { padding:15px; }.connection-scopes { gap:10px; }.design-v3 .tool { padding-inline:19px; }.design-v3 .tool-title h3 { font-size:21px; }.design-v3 .voicemail-specimen blockquote { font-size:20px; }.design-v3 .tool>p { min-height:94px; }
  .second-line-grid { gap:25px; }.handset-scene { transform:scale(.94); transform-origin:right center; }.handset-caption { left:0; font-size:14px; }.phone-activity-card { right:25px; }.design-v3 .continuity-section { gap:40px; }.design-v3 .continuity-copy h2 { font-size:41px; }.design-v3 .handoff-picture { gap:7px; }.design-v3 .handoff-agent { padding:11px; }.design-v3 .handoff-brand { font-size:11px; }.design-v3 .handoff-identity>img { width:105px; height:105px; }.design-v3 .waitlist-inner { gap:60px; }.design-v3 .waitlist-copy h2 { font-size:50px; }.design-v3 .waitlist-courier { width:160px; height:160px; right:-28px; }
}
@media (max-width:900px) {
  .design-v3 .section { padding-block:76px; }.design-v3 .section-heading { align-items:flex-start; gap:25px; }.design-v3 .section-heading>p { max-width:270px; font-size:13px; }.design-v3 h2 { font-size:41px; }.hero-grid { grid-template-columns:1fr; gap:10px; }.hero-message { max-width:560px; text-align:center; margin-inline:auto; }.launch-label,.hero-message .hero-actions { justify-content:center; }.hero-message h1 { font-size:69px; }.hero-support { font-size:14px; }.hero-message .hero-actions .text-link { font-size:13px; }.hero-scene { transform:none; width:520px; height:590px; margin:20px auto 0; }.hero-task-card { width:365px; right:5px; }.scene-courier { left:-17px; top:340px; }.quiet-sticker { left:0; top:190px; }.brief-slip { left:30px; }.hero-scene figcaption { bottom:-7px; }.hero-benefit-bar { gap:30px; font-size:11px; margin-top:15px; }.hero-benefit-bar>span { gap:7px; }
  .assistant-ribbon { grid-template-columns:1fr; text-align:center; gap:22px; }.assistant-ribbon>p:first-child br { display:none; }.ribbon-brands { justify-content:center; flex-wrap:wrap; gap:22px; }.ribbon-brands>span { font-size:16px; }.assistant-ribbon .ribbon-caption { margin-top:0; }
  .task-workspace { grid-template-columns:1fr 1fr; }.brief-panel { grid-column:1/-1; display:grid; grid-template-columns:.8fr 1.2fr; gap:12px 27px; padding:25px; border-right:0; border-bottom:1px solid #e2d9ed; }.brief-panel .chapter-label { grid-column:1/-1; }.brief-art { display:none; }.brief-panel h3 { margin:0; font-size:28px; }.brief-panel blockquote { margin:0; font-size:13px; grid-column:2; grid-row:2/4; }.brief-rules { padding:8px 0 0; grid-column:1; gap:7px; }.brief-owner { grid-column:2; border-top:0; padding-top:0; margin-top:0; align-self:end; }.replies-panel,.decision-panel { padding:25px; }.quote-header strong { font-size:12px; }.quote-header div>span { font-size:9px; }.match-tag { font-size:8px; }.quote-bottom strong { font-size:25px; }.decision-intro h3 { font-size:29px; }.booking-ticket>div:nth-child(2)>strong { font-size:14px; }.panel-heading { flex-direction:row; align-items:center; }.quote-best { margin-top:22px; }.decision-panel>p { font-size:14px; }
  .design-v3 .story-section { padding-bottom:0; }.design-v3 .other-errands .errand-card { grid-template-columns:1fr; }.errand-drawing { width:100%; height:130px; }.drawing-note { width:120px; left:calc(50% - 60px); font-size:9px; }.design-v3 .other-errands { gap:20px; }
  .onboarding-cards { grid-template-columns:1fr; gap:23px; }.onboarding-card { display:grid; grid-template-columns:.9fr 1fr; gap:15px 35px; padding:27px; align-items:center; }.onboarding-copy p { min-height:0; font-size:14px; }.onboarding-copy h3 { font-size:27px; }.onboarding-number { margin-bottom:20px; }.onboarding-screen { margin:0; grid-column:2; grid-row:1/3; min-height:270px; }.onboarding-foot { margin:0; text-align:left; align-self:start; }.onboarding-copy { align-self:end; }.owner-strip { font-size:11px; }.connection-methods { gap:22px; }.design-v3 .toolkit-section { padding-top:0; }.design-v3 .toolkit { gap:23px; }.design-v3 .tool { padding:25px; gap:0 35px; }.design-v3 .tool-title h3 { font-size:25px; }.design-v3 .tool>p { min-height:0; font-size:14px; }.design-v3 .tool-title { margin-bottom:17px; }.design-v3 .inbox-specimen { margin:-25px -25px -25px 0; border:0; border-left:1px solid #e7d4c6; height:calc(100% + 50px); }.design-v3 .voicemail-specimen { margin:-8px -8px -25px 0; }.design-v3 .lifecycle-specimen { margin:0; }.design-v3 .voicemail-specimen blockquote { font-size:23px; }
  .second-line-grid { grid-template-columns:1fr; gap:30px; padding:55px 0; }.second-line-copy { max-width:560px; }.design-v3 .second-line-copy h2 { font-size:54px; }.second-line-copy>p:not(.eyebrow):not(.second-line-lead):not(.second-line-small) { max-width:470px; }.quiet-mode-card { max-width:450px; }.handset-scene { width:490px; max-width:100%; margin-inline:auto; transform:none; height:630px; }.handset-caption { font-size:17px; left:5px; }.phone-activity-card { right:49px; }.design-v3 .continuity-section { grid-template-columns:1fr 1fr; }.design-v3 .continuity-copy h2 { font-size:36px; }.design-v3 .continuity-steps p { font-size:12px; }.design-v3 .continuity-steps h3 { font-size:20px; }.design-v3 .mail-illustration { padding:19px; }.design-v3 .mail-window-bar { font-size:11px; }.design-v3 .assistant-handoff { grid-template-columns:1fr; padding:27px; }.design-v3 .handoff-copy>p:last-child { max-width:100%; }.design-v3 .handoff-copy .eyebrow { max-width:100%; }.design-v3 .handoff-brand { font-size:14px; }.design-v3 .handoff-agent { padding:17px; }.design-v3 .handoff-identity>img { width:130px; height:130px; }.design-v3 .plan { padding:28px; }.design-v3 .plan ul { font-size:12px; }.design-v3 .plan-top>span { font-size:9px; }.design-v3 .faq-layout { grid-template-columns:.8fr 1.2fr; gap:40px; }.design-v3 .faq-layout h2 { font-size:37px; }.design-v3 .waitlist-inner { gap:35px; grid-template-columns:1fr 1fr; }.design-v3 .waitlist-copy h2 { font-size:44px; }.design-v3 .form { padding:25px; }.design-v3 .waitlist-courier { position:static; margin-top:12px; margin-left:-20px; margin-bottom:-25px; width:155px; height:155px; }
}
@media (max-width:650px) {
  .design-v3 .wrap { width:calc(100% - 40px); }.design-v3 .nav { height:76px; gap:10px; }.design-v3 .wordmark { font-size:28px; }.design-v3 .nav-actions { gap:2px; }.design-v3 .nav-actions .button-small { min-height:38px; padding:8px 11px; font-size:10px; }.design-v3 .nav-actions>.button>span { display:none; }.design-v3 .icon-button { width:33px; height:38px; }.design-v3 .nav-actions .theme-toggle svg { width:18px; height:18px; }.design-v3 .wordmark img { width:25px; height:29px; }
  .design-v3 .section { padding-block:58px; }.design-v3 h2 { font-size:36px; letter-spacing:-1.5px; }.design-v3 .section-heading { display:block; margin-bottom:29px; }.design-v3 .section-heading>p { margin-top:21px; font-size:14px; max-width:100%; }.design-v3 .section-heading>p br { display:none; }.design-v3 .eyebrow { font-size:8px; letter-spacing:1.2px; margin-bottom:17px; }.accent-underline:after { height:6px; margin-top:4px; }
  .hero-stage { margin:0 10px; border-radius:22px; }.hero-grid { width:calc(100% - 34px)!important; padding:36px 0 0; gap:6px; }.hero-message { width:100%; text-align:left; }.launch-label { justify-content:flex-start; font-size:7px; letter-spacing:.8px; gap:6px; margin-bottom:25px; }.launch-label .label-divider { margin:0 2px; }.hero-message h1 { font-size:clamp(42px,12.1vw,65px); letter-spacing:-2px; line-height:1.02; }.hero-lead { font-size:18px; margin-top:27px; line-height:1.5; }.hero-support { font-size:12px; line-height:1.85; margin-top:12px; }.hero-support br { display:none; }.hero-message .hero-actions { gap:18px; justify-content:flex-start; margin-top:24px; flex-wrap:nowrap; }.hero-message .hero-actions>.button { font-size:12px; min-height:49px; padding-inline:16px; gap:17px; white-space:nowrap; }.hero-message .hero-actions>.text-link { font-size:10px; gap:8px; max-width:140px; }.hero-message .hero-note { font-size:10px; margin-top:16px; }
  .hero-scene { width:100%; height:640px; margin-top:26px; }.scene-orbit { width:360px; height:430px; top:90px; left:calc(50% - 180px); border-radius:180px; }.brief-slip { width:276px; left:0; top:7px; padding:13px; }.brief-slip p { font-size:11px; }.brief-slip .you-avatar { width:29px; height:29px; }.spark-one { font-size:41px; right:0; top:18px; }.hero-task-card { width:calc(100% - 13px); max-width:355px; top:101px; right:0; padding:20px; transform:rotate(2deg); }.hero-task-card .hero-number { font-size:28px; }.hero-voicemail { margin-top:17px; padding:14px; }.hero-approval { font-size:8px; }.hero-voice-top .small-wave { gap:2px; }.hero-sms { margin-left:22px; }.hero-sms>p { font-size:18px; }.hero-card-footer { margin-top:16px; }.scene-courier { width:164px; height:164px; top:481px; left:-26px; }.quiet-sticker { width:180px; left:auto; right:0; top:536px; padding:12px; transform:rotate(-4deg); }.quiet-sticker strong { font-size:14px; }.quiet-sticker div>span { font-size:8px; }.quiet-sticker .mini-handset { width:28px; height:46px; }.hero-scene figcaption { right:0; bottom:-5px; font-size:9px; text-align:right; max-width:185px; }.hero-benefit-bar { padding:20px 12px; gap:10px; margin-top:30px; justify-content:space-around; font-size:9px; }.hero-benefit-bar>span { flex-direction:column; gap:8px; text-align:center; }.hero-benefit-bar svg { width:17px; height:17px; }
  .assistant-ribbon { padding-block:26px; gap:24px; }.assistant-ribbon>p:first-child { font-size:11px; }.ribbon-brands { display:grid; grid-template-columns:1fr 1fr 1fr; gap:25px 15px; }.ribbon-brands>span { font-size:14px; gap:6px; justify-content:center; }.ribbon-brands img,.ribbon-brands i { width:25px; height:25px; }.ribbon-brands small { top:23px; left:35px; font-size:7px; }.assistant-ribbon .ribbon-caption { font-size:9px; line-height:1.8; margin-top:0; }
  .design-v3 .story-section { padding-bottom:0; }.desktop-chrome { gap:10px; padding:15px; }.mini-wordmark { font-size:20px; }.mini-wordmark img { width:20px; height:22px; }.window-breadcrumb { display:none; }.task-workspace { grid-template-columns:1fr; }.brief-panel { display:block; padding:24px; }.brief-panel h3 { font-size:29px; margin-top:18px; }.brief-panel h3 br { display:none; }.brief-panel blockquote { margin-top:13px; font-size:14px; }.brief-rules { padding-top:19px; gap:10px; font-size:11px; }.brief-owner { padding-top:16px; border-top:1px solid #d9cfe7; margin-top:20px; }.brief-owner strong { font-size:11px; }.brief-owner div>span { font-size:10px; }.replies-panel,.decision-panel { padding:25px 22px; }.replies-panel { border-bottom:1px solid #e6e1eb; }.decision-panel { border-left:0; }.chapter-label { font-size:10px; }.panel-heading>span:last-child { font-size:9px; }.quote-card { padding:15px; margin-top:14px; }.quote-best { margin-top:20px; }.quote-header strong { font-size:12px; }.quote-header div>span { font-size:9px; }.quote-header { gap:9px; }.quote-bottom { font-size:12px; }.quote-bottom small { font-size:9px; }.quote-card>p { font-size:13px; }.scope-caption { font-size:10px; }.decision-intro { margin-top:21px; gap:14px; }.decision-intro h3 { font-size:28px; }.decision-panel>p { font-size:14px; margin-top:16px; }.decision-history { margin-block:25px; }.decision-history strong { font-size:12px; }.decision-history p>span { font-size:11px; }.booking-ticket { padding:20px 16px; gap:16px; }.booking-ticket>div:nth-child(2)>strong { font-size:17px; }.booking-ticket .micro { font-size:8px; }.booking-ticket>div:nth-child(2)>span:last-child { font-size:10px; }.booking-ticket>[data-icon] { display:flex; }.ticket-day>strong { font-size:32px; }.workspace-footer { flex-direction:column; gap:10px; padding:19px; font-size:10px; }.design-v3 .example-caption { font-size:10px; line-height:1.7; }.design-v3 .other-errands { grid-template-columns:1fr; margin-top:29px; gap:16px; }.design-v3 .other-errands .errand-card { grid-template-columns:78px 1fr; gap:17px; padding:20px 17px; }.errand-drawing { height:114px; align-self:start; margin-top:1px; }.drawing-note { width:70px; left:4px; font-size:6px; padding:3px 1px; }.errand-drawing svg { width:70px; }.design-v3 .errand-card h3 { font-size:21px; }.design-v3 .errand-card .eyebrow { font-size:7px; letter-spacing:.6px; }.design-v3 .errand-card p:not(.eyebrow) { font-size:12px; }.code-dots { font-size:15px; letter-spacing:0; }
  .onboarding-cards { gap:19px; }.onboarding-card { display:block; padding:25px; border-radius:19px; }.onboarding-number { float:left; margin:0 13px 12px 0; width:31px; height:31px; font-size:11px; }.onboarding-copy h3 { font-size:25px; line-height:1.15; min-height:31px; padding-top:1px; }.onboarding-copy p { clear:both; font-size:14px; margin-top:16px; }.onboarding-screen { margin-top:22px; padding:20px; min-height:277px; }.mini-screen-title { font-size:11px; }.onboarding-foot { text-align:center; margin-top:18px; font-size:10px; }.account-screen>strong { font-size:24px; }.account-screen>p { font-size:11px; }.account-method { font-size:10px; }.account-inbox>div>strong { font-size:11px; }.account-inbox>div>span { font-size:10px; }.connect-screen>strong { font-size:12px; }.connection-scopes { font-size:9px; gap:17px; }.connect-screen>p { font-size:10px; }.permissions-screen>div:not(.mini-screen-title):not(.account-method) { font-size:11px; }.owner-strip { justify-content:flex-start; gap:10px; padding:20px 0; font-size:11px; }.owner-strip strong { flex:1; }.owner-strip>span:last-child { padding-left:30px; }.connection-disclosure summary { padding:16px; font-size:11px; }.connection-disclosure summary>span:first-child { gap:9px; }.connection-detail-body { padding:20px; }.connection-methods { grid-template-columns:1fr; gap:20px; }.connection-detail-body .system-heading h3 { font-size:24px; }.design-v3 .toolkit-section { padding-top:0; }.design-v3 .toolkit { gap:22px; }.design-v3 .tool { display:block; padding:25px 25px 0; }.design-v3 .tool-title { margin-bottom:0; }.design-v3 .tool-title h3 { font-size:24px; }.design-v3 .tool>p { font-size:14px; margin-top:17px; }.design-v3 .inbox-specimen { height:auto; margin:24px -25px 0; border:0; border-top:1px solid #e7d4c6; }.design-v3 .specimen-address code { font-size:9px; }.design-v3 .inbox-courier { width:160px; height:160px; }.design-v3 .voicemail-specimen { margin:24px -10px 0; min-height:255px; }.design-v3 .lifecycle-specimen { margin-top:25px; }.design-v3 .tiny-frozen { width:78px; height:78px; }
  .second-line-section { margin-inline:10px; border-radius:22px; }.second-line-grid { width:calc(100% - 36px)!important; padding-block:39px 30px; gap:30px; }.design-v3 .second-line-copy h2 { font-size:41px; letter-spacing:-1.7px; }.second-line-lead { font-size:20px; margin-top:23px; }.second-line-copy>p:not(.eyebrow):not(.second-line-lead):not(.second-line-small) { font-size:14px; }.quiet-mode-card { padding:17px 14px; gap:10px; margin-top:23px; }.quiet-mode-card strong { font-size:12px; }.quiet-mode-card p { font-size:11px; }.quiet-mode-card>[data-icon] { width:26px; height:26px; }.static-switch { width:27px; }.second-line-copy .second-line-small { font-size:10px; }
  .handset-scene { width:100%; height:705px; margin-top:5px; }.handset-orbit { width:320px; height:405px; right:-15px; top:65px; border-radius:170px; }.native-phone { right:7px; width:236px; height:461px; top:10px; transform:rotate(5deg); }.handset-caption { font-size:13px; width:100px; left:-3px; top:3px; transform:rotate(-12deg); }.handset-caption svg { width:50px; margin-left:4px; }.handset-spark { font-size:35px; right:0; top:-17px; }.phone-activity-card { left:0; right:7px; bottom:62px; padding:17px; transform:rotate(-2deg); }.activity-card-top { gap:6px; }.activity-card-top>strong { font-size:11px; }.activity-card-top .example-pill { font-size:7px; padding:3px 5px; }.phone-activity-card li strong { font-size:10px; }.phone-activity-card li div>span { font-size:9px; }.phone-activity-card li { gap:8px; }.paused-chip { font-size:7px; padding:3px 4px; }.handset-scene figcaption { bottom:7px; font-size:9px; }
  .design-v3 .continuity-section { grid-template-columns:1fr; gap:32px; }.design-v3 .continuity-copy h2 { font-size:36px; }.design-v3 .continuity-steps h3 { font-size:23px; }.design-v3 .continuity-steps p { font-size:14px; }.design-v3 .mail-illustration { padding:20px; margin-right:5px; }.design-v3 .mail-window-bar { font-size:12px; }.design-v3 .relay-receipt { padding:17px; }.design-v3 .relay-receipt>p:nth-child(2) { font-size:21px; }.design-v3 .relay-receipt code { font-size:8px; }.design-v3 .assistant-handoff { padding:24px 19px; gap:20px; }.design-v3 .handoff-copy h3 { font-size:33px; }.design-v3 .handoff-copy>p:last-child { font-size:13px; }.design-v3 .handoff-picture { grid-template-columns:1fr 13px 1fr; gap:6px; }.design-v3 .handoff-identity { grid-column:1/-1; grid-row:1; }.design-v3 .handoff-picture>.handoff-arrow:nth-of-type(1) { display:none; }.design-v3 .handoff-agent { padding:12px 9px; }.design-v3 .handoff-brand { font-size:12px; }.design-v3 .handoff-agent small { font-size:8px; }.design-v3 .handoff-picture figcaption { font-size:9px; }.design-v3 .handoff-identity>img { width:110px; height:110px; }.design-v3 .control-note { font-size:11px; margin-top:0; }
  .design-v3 .pricing-intro { margin-top:20px; font-size:12px; }.design-v3 .plans { grid-template-columns:1fr; gap:24px; }.design-v3 .plan { padding:27px; }.design-v3 .plan ul { font-size:13px; }.design-v3 .price>strong { font-size:69px; }.design-v3 .plan-top>span { font-size:10px; }.design-v3 .esim-addon { display:grid; grid-template-columns:35px 1fr; gap:10px 14px; align-items:start; margin-top:28px; }.design-v3 .addon-icon { width:35px; height:35px; }.design-v3 .esim-addon h3 { font-size:22px; }.design-v3 .esim-addon>.text-link { grid-column:2; margin-left:0; width:fit-content; }.design-v3 .esim-addon p { font-size:12px; }.design-v3 .pricing-note { font-size:10px; }
  .design-v3 .faq-layout { display:block; }.design-v3 .faq-layout>div:first-child { position:relative; padding-right:80px; margin-bottom:30px; }.design-v3 .faq-layout h2 { font-size:33px; }.faq-courier { position:absolute; width:106px; height:106px; right:-7px; top:12px; margin:0; }.design-v3 .faq summary { font-size:13px; min-height:65px; }.design-v3 .faq details p { font-size:13px; }
  .design-v3 .waitlist-section { margin:0 10px; padding-block:37px; border-radius:22px; }.design-v3 .waitlist-inner { display:block; width:calc(100% - 36px); }.design-v3 .waitlist-copy h2 { font-size:44px; }.design-v3 .waitlist-copy>p:not(.eyebrow) { font-size:13px; max-width:260px; }.design-v3 .waitlist-copy>.offer { font-size:11px!important; max-width:225px; margin-top:20px!important; }.design-v3 .waitlist-copy>.offer-detail { font-size:9px!important; max-width:215px; }.design-v3 .waitlist-courier { position:absolute; right:-27px; bottom:-21px; width:128px; height:128px; margin:0; opacity:1; }.design-v3 .form { margin-top:45px; padding:23px; box-shadow:4px 6px 0 #dca987; }.design-v3 .form h3 { font-size:30px; }.design-v3 .form-note { font-size:10px; }.design-v3 .site-footer { gap:18px; padding-block:30px; }.design-v3 .site-footer nav { flex-wrap:wrap; gap:17px; margin-left:0; font-size:11px; }.design-v3 .site-footer>p { font-size:11px; }
}
/* Let mobile illustration height follow the messages, keeping artwork below text. */
@media (max-width:650px) {
  .hero-message h1 { font-size:clamp(34px,10.6vw,64px); }
  .hero-scene { height:auto; padding-bottom:156px; }
  .brief-slip { position:relative; top:auto; margin-bottom:30px; }
  .hero-task-card { position:relative; top:auto; right:auto; margin-left:auto; }
  .scene-courier { top:auto; bottom:-5px; }
  .quiet-sticker { top:auto; bottom:40px; }
  .listening-courier { width:146px; height:146px; left:-31px; top:245px; }
  .design-v3 .waitlist-courier { right:-10px; width:110px; height:110px; bottom:-18px; }
  .design-v3 .waitlist-copy>p.offer { max-width:calc(100% - 115px); }
  .design-v3 .waitlist-copy>p.offer-detail { max-width:calc(100% - 140px); }
  .owner-strip { display:grid; grid-template-columns:20px 1fr; }
  .owner-strip>span:last-child { grid-column:2; padding-left:0; }
}
@media (max-width:370px) {
  .design-v3 .wrap { width:calc(100% - 32px); }.design-v3 .nav-actions .button-small { font-size:9px; padding-inline:8px; }.design-v3 .wordmark { font-size:25px; }.design-v3 .nav { gap:6px; }.design-v3 .icon-button { width:29px; }.hero-message .hero-actions { gap:12px; }.hero-message .hero-actions>.button { padding-inline:12px; gap:10px; font-size:11px; }.hero-message .hero-actions>.text-link { font-size:9px; }.hero-task-card { padding:17px; }.hero-task-card .hero-number { font-size:25px; }.hero-voice-top .small-wave { display:none; }.hero-approval { font-size:7px; }.hero-sms { margin-left:13px; }.hero-scene { height:627px; }.quiet-sticker { width:169px; top:533px; }.scene-courier { width:150px; height:150px; }.ribbon-brands { gap:23px 10px; }.ribbon-brands>span { font-size:12px; }.match-tag { font-size:7px; }.quote-header strong { font-size:11px; }.onboarding-card { padding:22px; }.onboarding-screen { padding:16px; }.onboarding-copy h3 { font-size:22px; }.native-phone { width:223px; right:2px; }.handset-caption { font-size:11px; width:75px; }.phone-activity-card { padding:14px; }.activity-card-top>strong { font-size:10px; }.paused-chip { display:none; }.design-v3 .waitlist-copy h2 { font-size:40px; }.design-v3 .waitlist-courier { width:106px; height:106px; right:-23px; bottom:-15px; }.design-v3 .waitlist-copy>.offer-detail { max-width:195px; }
}
@media (max-width:370px) {
  .hero-scene { height:auto; }
  .quiet-sticker { top:auto; }
  .design-v3 .waitlist-courier { right:-10px; }
  .design-v3 .waitlist-copy>p.offer { max-width:calc(100% - 115px); }
  .design-v3 .waitlist-copy>p.offer-detail { max-width:calc(100% - 140px); }
}
@media (min-width:651px) and (max-width:900px) { .handset-scene { height:700px; } }
@media (min-width:651px) { .phone-activity-card { bottom:20px; } }
.connection-disclosure summary:after { display:none; }
@media (prefers-reduced-motion:reduce) { .design-v3 *, .design-v3 *:before, .design-v3 *:after { animation:none!important; transition:none!important; } }

/* Compact product explanation: a visual idea, without a simulated dashboard. */
.design-v3 .compact-story { display:grid; grid-template-columns:.85fr 1.2fr; gap:70px; align-items:center; padding-block:70px; }
.design-v3 .compact-story-copy h2 { font-size:44px; line-height:1.07; letter-spacing:-1.7px; }
.compact-story-copy>p:not(.eyebrow) { max-width:340px; font-size:15px; line-height:1.8; margin-top:20px; color:var(--muted); }
.everyday-note { display:block; font-size:11px; color:var(--muted); margin-top:18px; max-width:300px; }
.reply-to-result { min-width:0; }
.compact-brief { display:flex; align-items:center; gap:11px; padding-bottom:21px; margin-bottom:19px; border-bottom:1px solid var(--line); }
.compact-brief p { font-size:13px; line-height:1.65; }.compact-brief p br { display:none; }.compact-brief .you-avatar { width:29px; height:29px; font-size:9px; }
.reply-flow { display:grid; grid-template-columns:1.1fr 48px 1fr; gap:10px; align-items:center; }
.flow-label { display:block; font-size:8px; font-weight:650; letter-spacing:1px; line-height:1.5; color:var(--muted); margin-bottom:12px; }
.incoming-quotes { min-width:0; }
.quote-slip { display:flex; align-items:center; gap:10px; padding:9px 11px; border:1px solid var(--line); border-radius:10px; background:var(--surface); margin-top:8px; }
.quote-slip .channel-icon { width:28px; height:28px; border-radius:8px; }.quote-slip .channel-icon svg { width:15px; height:15px; }
.quote-slip>div { display:flex; flex-direction:column; min-width:0; }.quote-slip>div>strong { font-size:11px; }.quote-slip>div>span { font-size:10px; color:var(--muted); margin-top:1px; }.quote-slip>strong { margin-left:auto; font:550 18px var(--font-display); letter-spacing:-.3px; }
.flow-arrow { color:var(--violet-ink); opacity:.6; }.flow-arrow svg { width:100%; height:110px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.result-slip { background:#eff2b2; color:#343923; padding:21px; border-radius:15px; transform:rotate(2deg); box-shadow:4px 5px 0 #cdd19a44; }
.result-slip .flow-label { color:#68713f; font-size:7px; letter-spacing:.9px; max-width:155px; }
.result-seal { width:27px; height:27px; border:1px solid #b4c078; color:#5e7136; border-radius:50%; margin-bottom:10px; }.result-seal svg { width:17px; height:17px; }
.result-slip h3 { font-size:31px; letter-spacing:-1px; line-height:1; }.result-slip>p { margin-top:10px; font-size:11px; }.result-signoff { border-top:1px dashed #c6cd90; margin-top:15px; padding-top:12px; font-size:9px; line-height:1.6; }.result-signoff span,.result-signoff strong { display:block; }.result-signoff strong { font-weight:600; }
.reply-to-result figcaption { font-size:9px; text-align:center; color:var(--muted); margin-top:19px; }
.design-v3 .compact-setup { padding-block:15px 65px; }.design-v3 .compact-setup .section-heading { margin-bottom:28px; }.design-v3 .compact-setup h2 { font-size:35px; letter-spacing:-1px; }.compact-setup .section-heading .eyebrow { margin-bottom:14px; }
.compact-setup .onboarding-cards { gap:20px; }.compact-setup .onboarding-card { position:relative; display:block; padding:25px; border-radius:15px; }
.compact-step { position:absolute; right:23px; top:22px; font:500 10px var(--font-mono); color:#725a77; }
.setup-symbols { display:flex; align-items:center; gap:9px; height:43px; margin-bottom:20px; color:#795267; }.setup-symbols>[data-icon] { width:37px; height:37px; border:1px solid #8e6b7955; border-radius:10px; transform:rotate(-6deg); background:#ffffff33; }.setup-symbols>[data-icon]:last-child { transform:rotate(7deg); }.setup-symbols svg { width:21px; height:21px; }
.setup-pair { gap:13px; color:#9980b5; font-size:22px; }.setup-pair img { width:36px; height:36px; }.setup-citron .setup-symbols { color:#6d7540; }.setup-citron .setup-symbols>[data-icon] { border-color:#939b6655; }
.compact-setup .onboarding-card h3 { font-size:24px; letter-spacing:-.65px; }.compact-setup .onboarding-card>p { font-size:12px; line-height:1.8; margin-top:10px; color:#624f6a; }
.compact-owner { display:flex; align-items:center; justify-content:center; gap:9px; font-size:11px; color:var(--ink); flex-wrap:wrap; margin-top:22px; }.compact-owner>[data-icon] { color:var(--violet-ink); }.compact-owner svg { width:16px; height:16px; }.compact-owner>span:last-child { color:var(--muted); }
.compact-setup .connection-disclosure { margin-top:19px; }
@media(max-width:1150px) {
  .design-v3 .compact-story { gap:40px; grid-template-columns:.85fr 1.15fr; }.design-v3 .compact-story-copy h2 { font-size:39px; }.reply-flow { grid-template-columns:1.1fr 30px 1fr; gap:7px; }.result-slip { padding:17px; }.quote-slip { padding:8px; gap:7px; }.quote-slip>strong { font-size:16px; }.quote-slip>div>strong { font-size:10px; }.flow-label { font-size:7px; }.compact-setup .onboarding-card { padding:23px; }.compact-setup .onboarding-card h3 { font-size:22px; }.compact-setup .onboarding-card>p br { display:none; }
}
@media(max-width:900px) {
  .design-v3 .compact-story { gap:32px; grid-template-columns:.8fr 1.1fr; padding-block:55px; }.design-v3 .compact-story-copy h2 { font-size:34px; }.compact-story-copy>p:not(.eyebrow) { font-size:13px; }.everyday-note { font-size:10px; }.reply-flow { grid-template-columns:1.1fr 18px 1fr; gap:5px; }.result-slip { padding:15px; }.result-slip h3 { font-size:25px; }.result-slip>p { font-size:10px; }.quote-slip .channel-icon { width:23px; height:23px; }.quote-slip { gap:6px; }.quote-slip>strong { font-size:14px; }.quote-slip>div>strong { font-size:9px; }.quote-slip>div>span { font-size:8px; }.compact-brief p { font-size:11px; }.compact-brief { gap:8px; }.result-slip .flow-label { font-size:6px; }
  .compact-setup .onboarding-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.compact-setup .onboarding-card { padding:21px 17px; }.compact-setup .onboarding-card h3 { font-size:21px; }.compact-setup .onboarding-card>p { font-size:11px; }.compact-step { top:19px; right:17px; }.design-v3 .compact-setup h2 { font-size:32px; }.setup-symbols { margin-bottom:17px; }
}
@media(max-width:650px) {
  .design-v3 .compact-story { grid-template-columns:1fr; gap:26px; padding-block:43px; }.design-v3 .compact-story-copy h2 { font-size:33px; }.compact-story-copy h2 br:last-child { display:none; }.compact-story-copy>p:not(.eyebrow) { margin-top:16px; font-size:14px; max-width:100%; }.everyday-note { display:none; }.compact-story-copy .eyebrow { font-size:8px; }
  .compact-brief { padding-bottom:15px; margin-bottom:14px; }.compact-brief p { font-size:11px; }.compact-brief p br { display:block; }.reply-flow { grid-template-columns:1.1fr 24px 1fr; gap:6px; }.flow-label { font-size:6px; letter-spacing:.7px; }.quote-slip { padding:8px 7px; gap:6px; }.quote-slip .channel-icon { width:23px; height:23px; border-radius:6px; }.quote-slip .channel-icon svg { width:13px; height:13px; }.quote-slip>div>strong { font-size:9px; }.quote-slip>div>span { font-size:8px; }.quote-slip>strong { font-size:15px; }.result-slip { padding:14px; border-radius:12px; }.result-slip h3 { font-size:26px; }.result-slip>p { font-size:9px; }.result-seal { width:24px; height:24px; margin-bottom:8px; }.result-signoff { font-size:8px; margin-top:12px; padding-top:9px; }.reply-to-result figcaption { font-size:8px; line-height:1.6; margin-top:16px; }
  .design-v3 .compact-setup { padding-block:14px 43px; }.design-v3 .compact-setup h2 { font-size:30px; max-width:330px; }.compact-setup .section-heading .eyebrow { font-size:7px; }.compact-setup .onboarding-cards { grid-template-columns:1fr; gap:12px; }.compact-setup .onboarding-card { padding:19px 20px 19px 99px; min-height:128px; display:flex; flex-direction:column; justify-content:center; }.compact-step { font-size:8px; top:13px; left:20px; right:auto; }.setup-symbols { position:absolute; left:15px; top:46px; gap:0; width:70px; height:38px; margin:0; }.setup-symbols>[data-icon] { width:32px; height:32px; border-radius:8px; }.setup-symbols>[data-icon]:last-child { margin-left:-4px; margin-top:11px; }.setup-symbols svg { width:18px; height:18px; }.setup-pair { gap:3px; }.setup-pair img { width:26px; height:29px; }.setup-pair>span { font-size:15px; }
  .compact-setup .onboarding-card h3 { font-size:21px; }.compact-setup .onboarding-card>p { margin-top:7px; font-size:11px; line-height:1.7; }.compact-owner { text-align:left; justify-content:flex-start; font-size:10px; gap:7px; }.compact-owner>span:last-child { width:100%; padding-left:23px; font-size:10px; }.compact-setup .connection-disclosure summary { font-size:10px; padding:14px; }
}
@media(max-width:370px) { .reply-flow { grid-template-columns:1.05fr 16px 1fr; gap:4px; }.quote-slip { padding:7px 5px; gap:5px; }.quote-slip .channel-icon { width:20px; height:20px; }.quote-slip>div>strong { font-size:8px; }.quote-slip>strong { font-size:13px; }.result-slip { padding:12px; }.result-slip h3 { font-size:23px; }.result-slip .flow-label { font-size:6px; letter-spacing:.5px; }.compact-setup .onboarding-card { padding-left:86px; }.compact-setup .onboarding-card h3 { font-size:20px; } }