.neo-people-proof{width:100%;margin-top:22px;text-align:center;color:var(--ink-70)}
.neo-proof-label{font-size:12px;line-height:1.4;color:var(--ink-55);margin:0 0 11px;letter-spacing:.01em}
.neo-proof-brands{display:flex;align-items:center;justify-content:center;gap:25px;min-height:25px}
.neo-proof-brand{display:inline-flex;align-items:center;gap:5px;font-size:19px;line-height:1;white-space:nowrap;letter-spacing:-.035em}
.neo-proof-brand img{height:23px;width:auto;max-width:84px;object-fit:contain;filter:grayscale(1);opacity:.73;display:block}
.neo-proof-brand.apple img{height:23px;width:19px;object-fit:contain}
.neo-proof-brand.amazon img{height:24px;max-width:82px}
.neo-proof-brand.yc img{height:23px;width:23px}
.neo-proof-brand.yc span{font-size:16px;font-weight:500}
.neo-support-proof{padding:0 0 27px;margin:0 auto 27px;text-align:center;border-bottom:1px solid rgba(22,20,15,.10);max-width:670px}
.neo-support-proof .neo-proof-brands{gap:30px}
.neo-support-proof .neo-proof-brand{gap:7px;font-size:16px;color:var(--ink-70)}
.neo-support-proof .google-support{gap:6px}
.neo-support-proof .google-support img{height:23px;max-width:69px}
.neo-support-proof .residency img{height:25px;max-width:28px}
@media(max-width:960px){
 .neo-people-proof{margin-top:19px}
 .neo-proof-brands{gap:22px}
 .neo-proof-brand img{height:21px;max-width:73px}
 .neo-proof-brand.apple{font-size:18px}
 .neo-proof-brand.apple img{height:21px;width:17px}
 .neo-proof-brand.amazon img{height:22px;max-width:71px}
 .neo-proof-brand.yc img{height:21px;width:21px}
 .neo-support-proof{padding-bottom:20px;margin-bottom:24px}
 .neo-support-proof .neo-proof-brands{gap:23px;flex-wrap:wrap}
 .neo-support-proof .neo-proof-brand{font-size:14px}
}

/* V3: backing in the hero; customer affiliations at pricing. */
.hero-top>.neo-support-proof{padding:0;margin:22px auto 0;max-width:none;border:0;}
.hero-top>.neo-support-proof .neo-proof-label{margin-bottom:9px;}
.hero-top>.neo-support-proof .neo-proof-brand{font-size:15px;}
.hero-top>.neo-support-proof .google-support img{height:21px;}
.hero-top>.neo-support-proof .residency img{height:23px;}
.entry-plans>.neo-people-proof{max-width:670px;margin:0 auto 27px;padding:0 0 27px;border-bottom:1px solid rgba(22,20,15,.10);}
@media(min-width:961px){
 .hero{height:auto;min-height:min(960px,calc(100svh - 8px));max-height:none;padding:112px 44px 48px;}
 .hero-top{position:relative;left:auto;top:auto;transform:none;margin:0 auto;}
}
@media(max-width:960px){
 .hero-top>.neo-support-proof{margin-top:20px;}
 .hero-top>.neo-support-proof .neo-proof-brand{font-size:14px;}
 .entry-plans>.neo-people-proof{padding-bottom:20px;margin-bottom:24px;}
}

.neo-support-proof .aws-support{gap:5px;align-items:baseline;}
.neo-support-proof .aws-wordmark{font-size:20px;font-weight:600;letter-spacing:-.045em;line-height:1;}
@media(max-width:960px){.neo-support-proof .aws-wordmark{font-size:19px;}}

/* Layout exploration applied to the current homepage. Brand tokens and components come from the existing site. */
body:not([data-layout="current"]) .hero-grid,
body:not([data-layout="current"]) .hero>.grid-label,
body:not([data-layout="current"]) .hero-top>.explore-invitation,
body:not([data-layout="current"]) .hero .imessage-soon{display:none}
body:not([data-layout="current"]) .hero{height:auto;max-height:none;min-height:0;padding:120px 44px 64px}
body:not([data-layout="current"]) .hero-top{position:relative;left:auto;top:auto;transform:none;width:min(650px,100%);margin:0 auto;padding:0}
body:not([data-layout="current"]) .hero-lead{max-width:590px}
body:not([data-layout="current"]) .hero .neo-support-proof{margin-top:26px}
body:not([data-layout="current"]) .hero .neo-proof-label{font-size:12px}
body[data-layout="clean"] .hero{padding-top:120px;padding-bottom:66px}
body[data-layout="clean"] .life{padding-top:80px}
/* Reuse the existing demo on the paper surface. Its orange bubbles, avatar, artifacts and controls stay intact. */
body[data-layout="beside"] .life,body[data-layout="below"] .life{display:none}
.layout-demo{opacity:1!important;transform:none!important;margin:0}
.layout-demo .demo-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;order:2;margin-top:18px}
.layout-demo .demo-list li{min-width:0}
.layout-demo .demo-list button{padding:10px 8px;gap:7px;border-radius:13px;min-height:52px;color:var(--ink)}
.layout-demo .demo-list b{font-size:13px;line-height:1.18;font-weight:500;color:var(--ink-55);white-space:normal}
.layout-demo .demo-list button>div{min-width:0}
.layout-demo .demo-list li.active b{color:var(--ink)}
.layout-demo .demo-list span{display:none}
.layout-demo .demo-list .d-ico{height:28px;width:28px;border-radius:8px;background:var(--paper-deep);color:var(--ink-55)}
.layout-demo .demo-list .d-ico svg{width:17px;height:17px}
.layout-demo .demo-list li.active .d-ico{color:var(--accent);background:rgba(232,71,12,.08)}
.layout-demo .demo-list button:hover,.layout-demo .demo-list li.active button{background:var(--paper-deep)}
.layout-demo .convo{max-width:100%;order:1;box-shadow:0 18px 60px -36px rgba(22,20,15,.3);border-radius:20px}
.layout-demo .c-body{box-shadow:none;min-height:325px}
.layout-demo .c-head{border:1px solid var(--hairline)}
.layout-demo .c-body{border:1px solid var(--hairline);border-top:0}
body[data-layout="beside"] .hero{max-width:1250px;display:grid;grid-template-columns:.96fr 1.04fr;gap:90px;align-items:center;padding-top:155px;padding-bottom:95px;min-height:760px}
body[data-layout="beside"] .hero-top{width:100%;align-items:flex-start;text-align:left}
body[data-layout="beside"] .hero-neo{width:104px;height:104px}
body[data-layout="beside"] .lead-in{margin-top:24px}
body[data-layout="beside"] .hero-lead{max-width:480px}
body[data-layout="beside"] .entry-description{margin-left:0;margin-right:0;max-width:455px}
body[data-layout="beside"] .entry-privacy{margin-left:0}
body[data-layout="beside"] .cta-row{align-items:flex-start}
body[data-layout="beside"] .hero .neo-support-proof{margin-left:0;text-align:left}
body[data-layout="beside"] .hero .neo-proof-brands{justify-content:flex-start}
body[data-layout="beside"] .layout-demo{display:flex;flex-direction:column;width:100%;gap:0}
body[data-layout="beside"] .layout-demo .convo{background:#fff;border:1px solid rgba(22,20,15,.1);overflow:hidden;box-shadow:0 24px 56px -20px rgba(22,20,15,.16),0 4px 12px rgba(22,20,15,.04)}
body[data-layout="beside"] .layout-demo .c-head{background:#fff;border:0;border-bottom:1px solid rgba(22,20,15,.08)}
body[data-layout="beside"] .layout-demo .c-body{background:#fff;border:0}
body[data-layout="beside"] .layout-demo .cb.ai{background:var(--paper);box-shadow:none}
body[data-layout="beside"] .entry-hero-actions .secondary{gap:8px}
body[data-layout="below"] .hero{padding-top:112px;padding-bottom:80px;max-width:1120px}
body[data-layout="below"] .hero-top{width:min(760px,100%)}
body[data-layout="below"] .hero-neo{width:104px;height:104px}
body[data-layout="below"] .hero-lead{max-width:760px}
body[data-layout="below"] .layout-demo{display:flex;flex-direction:column;width:min(580px,100%);margin:44px auto 0;gap:0}
body[data-layout="below"] .layout-demo .convo{max-width:520px;align-self:center}
body[data-layout="below"] .layout-demo .demo-list{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));order:0;margin:0 0 18px}
body[data-layout="below"] .hero .neo-support-proof{order:8;margin-top:25px}
@media(max-width:1050px){body[data-layout="beside"] .hero{gap:40px;padding-left:28px;padding-right:28px}.layout-demo .demo-list button{gap:5px;padding:9px 5px}.layout-demo .demo-list b{font-size:12px}}
@media(max-width:850px){body:not([data-layout="current"]) .hero{padding:102px 22px 54px}body[data-layout="beside"] .hero{display:block;min-height:0}body[data-layout="beside"] .hero-top{align-items:center;text-align:center;width:min(620px,100%)}body[data-layout="beside"] .entry-description,body[data-layout="beside"] .entry-privacy{margin-left:auto;margin-right:auto}body[data-layout="beside"] .cta-row{align-items:center}body[data-layout="beside"] .hero .neo-support-proof{margin-left:auto;margin-right:auto;text-align:center}body[data-layout="beside"] .hero .neo-proof-brands{justify-content:center}body[data-layout="beside"] .layout-demo{max-width:520px;margin:40px auto 0}body[data-layout="beside"] .hero-lead{max-width:590px}body[data-layout="below"] .hero-lead{max-width:650px}}
@media(max-width:600px){body:not([data-layout="current"]) .hero{padding:100px 20px 45px}body:not([data-layout="current"]) .hero-neo{width:96px;height:96px}body:not([data-layout="current"]) .hero-lead{max-width:350px}body:not([data-layout="current"]) .hero .neo-support-proof{margin-top:22px}body[data-layout="below"] .layout-demo,body[data-layout="beside"] .layout-demo{margin-top:30px}.layout-demo .demo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.layout-demo .demo-list button{min-height:44px;padding:8px 9px;gap:8px}.layout-demo .demo-list b{font-size:13px}.layout-demo .demo-list .d-ico{width:27px;height:27px}.layout-demo .c-body{min-height:280px}.layout-demo .cb{font-size:13.5px}body[data-layout="below"] .layout-demo .demo-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-layout="clean"] .life{padding-top:62px}}

/* Refined demo-beside layout, using the existing site's colors and sections. */
body[data-layout="beside"] .role-headline{width:100%;text-wrap:initial;line-height:1.06}
.role-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.role-visual{display:block;font-size:var(--role-size,1em)}
.role-intro{display:block;white-space:nowrap}
.role-window{position:relative;display:block;height:1.2em;overflow:hidden}
.role-word{position:absolute;left:0;top:0;display:block;width:max-content;line-height:1.16;white-space:nowrap;opacity:0;visibility:hidden}
.role-word.is-active,.role-word.is-leaving{opacity:1;visibility:visible}
.role-word.is-entering{animation:role-enter .4s cubic-bezier(.22,.8,.3,1) both}
.role-word.is-leaving{animation:role-leave .4s cubic-bezier(.22,.8,.3,1) both}
@keyframes role-enter{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes role-leave{from{transform:translateY(0);opacity:1}to{transform:translateY(-110%);opacity:0}}
@media(max-width:850px){.role-word{left:50%;transform:translateX(-50%)}@keyframes role-enter{from{transform:translate(-50%,110%);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes role-leave{from{transform:translate(-50%,0);opacity:1}to{transform:translate(-50%,-110%);opacity:0}}}
@media(prefers-reduced-motion:reduce){.role-word.is-entering,.role-word.is-leaving{animation:none}}
body.beside-refined{background:var(--paper)}
body[data-layout="beside"] .hero{padding-top:126px;padding-bottom:72px;min-height:760px}
body[data-layout="beside"] .layout-messenger{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:19px;color:var(--ink-55)}
body[data-layout="beside"] .layout-messenger .entry-privacy{font-size:14px;margin:0;line-height:24px}
body[data-layout="beside"] .layout-messenger .avail{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:400}
body[data-layout="beside"] .layout-messenger .m{font-size:14px;gap:5px}
body[data-layout="beside"] .layout-messenger .messenger-logo,body[data-layout="beside"] .layout-messenger .mlogo{width:20px;height:20px}
body[data-layout="beside"] .layout-messenger .mlogo svg{width:14px;height:14px}
body[data-layout="beside"] .layout-messenger .imessage-soon{display:inline-flex;opacity:1}
body[data-layout="beside"] .layout-messenger .soon{display:none}
body[data-layout="beside"] .messenger-or{font-size:14px;color:var(--ink-55);padding:0 2px}
body[data-layout="beside"] .hero-top>.explore-invitation{display:none}
body[data-layout="beside"] .hero-top>.explore-invitation a{display:inline-flex;gap:12px;align-items:center;background:transparent;border:0;border-radius:0;padding:4px 0;color:var(--ink-70);box-shadow:none}
body[data-layout="beside"] .hero-top>.explore-invitation a:hover{color:var(--accent)}
body[data-layout="beside"] .hero-top>.explore-invitation a>span:first-child{border-bottom:1px solid var(--ink-22);padding-bottom:3px}
body[data-layout="beside"] .layout-demo .demo-list{gap:7px}
body[data-layout="beside"] .layout-demo .demo-list button{gap:9px;padding:12px 9px;min-height:54px;border-radius:13px}
body[data-layout="beside"] .layout-demo .demo-list .d-ico,body[data-layout="beside"] .layout-demo .demo-list li.active .d-ico{width:24px;height:24px;border-radius:0;background:none;color:var(--ink-55)}
body[data-layout="beside"] .layout-demo .demo-list .d-ico svg{width:23px;height:23px}
body[data-layout="beside"] .layout-demo .demo-list li.active .d-ico{color:var(--accent)}
body[data-layout="beside"] .layout-demo .demo-list li.active button{background:var(--paper-deep)}
body[data-layout="beside"] .layout-cases{display:block;background:var(--ink);color:var(--paper);padding:76px 0 66px;scroll-margin-top:80px}
body[data-layout="beside"] .layout-cases .life-lead{display:none}
body[data-layout="beside"] .layout-case-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}
body[data-layout="beside"] .layout-case-head .sec-h{max-width:640px}
body[data-layout="beside"] .layout-case-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
body[data-layout="beside"] .layout-case-controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(244,241,235,.28);background:transparent;color:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
body[data-layout="beside"] .layout-case-controls button:hover{background:rgba(244,241,235,.12)}
body[data-layout="beside"] .layout-case-controls button:disabled{opacity:.25;cursor:default}
body[data-layout="beside"] .layout-case-controls svg{width:20px;height:20px}
body[data-layout="beside"] .layout-cases .hero-grid{position:relative;inset:auto;display:grid;grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:280px;gap:20px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0;padding:10px 2px 20px;width:100%;height:auto}
body[data-layout="beside"] .layout-cases .hero-grid::-webkit-scrollbar{display:none}
body[data-layout="beside"] .layout-cases .o-deck{grid-column:auto;grid-row:auto;width:100%;position:relative;transform:none;animation:none;perspective:none;scroll-snap-align:start;margin:0;justify-self:start;--rot:0deg}
body[data-layout="beside"] .layout-cases .o-card{background:var(--paper-deep);color:var(--ink);box-shadow:none;padding:7px;border-radius:22px;cursor:default;height:100%}
body[data-layout="beside"] .layout-cases .o-card h3{order:1;display:flex;align-items:center;flex:1 0 auto;min-height:62px;font-size:18px;padding:12px;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
/* Both original faces share one card: illustration, title, then its example. */
body[data-layout="beside"] .layout-cases .o-flip{display:contents;transform:none;transform-style:flat;transition:none}
body[data-layout="beside"] .layout-cases .fface{position:relative;inset:auto;transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}
body[data-layout="beside"] .layout-cases .fface.front{order:0;height:174px;flex:none;border-radius:16px 16px 6px 6px}
body[data-layout="beside"] .layout-cases .fface.front img{object-position:50% 42%}
body[data-layout="beside"] .layout-cases .fface.back{order:2;height:144px;flex:none;gap:2px;padding:12px;background:transparent;border-top:1px solid var(--hairline);border-radius:0 0 14px 14px;color:var(--ink);justify-content:center}
body[data-layout="beside"] .layout-cases .fface.back .tag{color:var(--ink-55);font-size:10px;margin-bottom:4px}
body[data-layout="beside"] .layout-cases .fface.back .big{font-size:30px;font-weight:500;color:var(--ink)}
body[data-layout="beside"] .layout-cases .fface.back .mid{font-size:12px;color:var(--ink-70)}
body[data-layout="beside"] .layout-cases .fface.back .small{font-size:11px;line-height:1.35;color:var(--ink-55);margin-top:2px}
body[data-layout="beside"] .layout-cases .fface.back .spark{width:112px;height:24px;margin:2px 0 3px}
body[data-layout="beside"] .layout-cases .fface.back .sig svg{width:110px;height:30px;stroke:var(--ink)}
body[data-layout="beside"] .layout-cases .fface.back .who{color:var(--ink-55);border-color:var(--hairline);padding-top:5px;margin-top:4px}
body[data-layout="beside"] .layout-cases .fface.back .ok{color:var(--ink-70);font-size:11px;margin-top:4px}
body[data-layout="beside"] .layout-cases .fface.back.photo{padding:0;border:0;border-radius:12px}
body[data-layout="beside"] .layout-cases .fface.back.photo img{object-position:center 48%}
body[data-layout="beside"] .layout-cases .fface.back.reelb{align-items:flex-start;text-align:left}
body[data-layout="beside"] .layout-cases .fface.back.reelb .rchip{position:static;padding:0;background:none;color:var(--ink-55);font-size:10px}
body[data-layout="beside"] .layout-cases .fface.back.reelb .views{font-size:30px;font-weight:500;color:var(--ink);margin-top:10px}
body[data-layout="beside"] .layout-cases .fface.back.reelb .views em{color:var(--ink-55)}
body[data-layout="beside"] .layout-cases .fface.back.reelb .meta{color:var(--ink-55);margin-top:6px}
body[data-layout="beside"] .layout-cases .o-card:hover{box-shadow:none;transform:none}
@media(max-width:600px){body[data-layout="beside"] .layout-cases .fface.front{height:156px}}
body[data-layout="beside"] .layout-cases .explore-invitation{margin-top:24px;font-size:16px}
body[data-layout="beside"] .layout-cases .explore-invitation a{padding:14px 24px}
body[data-layout="beside"] .trust{background:var(--paper);padding-top:96px;padding-bottom:86px}
body[data-layout="beside"] .meet{background:var(--paper-deep);padding-top:12px}
body[data-layout="beside"] .entry-plan:not(.featured){background:var(--paper)}
@media(max-width:1050px){body[data-layout="beside"] .layout-demo .demo-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-layout="beside"] .layout-messenger{max-width:400px;gap:4px 6px}}
@media(max-width:850px){body[data-layout="beside"] .hero{padding:108px 24px 55px}body[data-layout="beside"] .layout-messenger{justify-content:center}body[data-layout="beside"] .hero-top>.explore-invitation{margin-left:auto;margin-right:auto}body[data-layout="beside"] .layout-demo .demo-list{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-layout="beside"] .layout-case-head .sec-h{max-width:490px}}
@media(max-width:600px){body[data-layout="beside"] .hero{padding:100px 20px 46px}body[data-layout="beside"] .layout-messenger{gap:6px;margin-top:18px}body[data-layout="beside"] .layout-messenger .entry-privacy,body[data-layout="beside"] .layout-messenger .avail,body[data-layout="beside"] .layout-messenger .m,body[data-layout="beside"] .messenger-or{font-size:13px}body[data-layout="beside"] .hero-top>.explore-invitation{font-size:14px;margin-top:20px}body[data-layout="beside"] .layout-demo .demo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}body[data-layout="beside"] .layout-demo .demo-list button{padding:10px 9px;gap:9px;min-height:48px}body[data-layout="beside"] .layout-demo .demo-list .d-ico svg{width:22px;height:22px}body[data-layout="beside"] .layout-cases{padding:49px 0 45px}body[data-layout="beside"] .layout-case-head{align-items:flex-start;gap:15px;margin-bottom:20px}body[data-layout="beside"] .layout-case-head .sec-h{font-size:30px;max-width:240px}body[data-layout="beside"] .layout-case-controls{gap:6px;padding-top:2px}body[data-layout="beside"] .layout-case-controls button{width:44px;height:44px}body[data-layout="beside"] .layout-cases .hero-grid{grid-auto-columns:248px;gap:16px;padding-bottom:15px}body[data-layout="beside"] .layout-cases .o-card h3{font-size:17px;padding:14px 12px 17px}body[data-layout="beside"] .layout-cases .explore-invitation{margin-top:20px;font-size:15px}body[data-layout="beside"] .trust{padding-top:68px;padding-bottom:55px}}
/* Questions and answers, below the plans. */
.neo-faq{max-width:860px;margin:0 auto;padding:54px 24px 100px;text-align:left}
.neo-faq h2{font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1.08;text-align:center;margin:0 0 30px}
.neo-faq details{border-top:1px solid var(--hairline)}
.neo-faq details:last-of-type{border-bottom:1px solid var(--hairline)}
.neo-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px;cursor:pointer;list-style:none}
.neo-faq summary::-webkit-details-marker{display:none}
.neo-faq summary h3{margin:0;font-size:clamp(17px,1.6vw,20px);font-weight:500;letter-spacing:-.015em;line-height:1.3}
.neo-faq summary i{flex:none;width:20px;height:20px;position:relative}
.neo-faq summary i:before,.neo-faq summary i:after{content:"";position:absolute;left:2px;right:2px;top:50%;height:1.6px;margin-top:-.8px;background:var(--ink-55);transition:transform .2s ease}
.neo-faq summary i:after{transform:rotate(90deg)}
.neo-faq details[open] summary i:after{transform:rotate(0deg)}
.neo-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}
.neo-faq details p{margin:0;padding:0 44px 24px 2px;font-size:clamp(16px,1.3vw,17.5px);line-height:1.55;color:var(--ink-70);max-width:68ch}
.neo-faq details p a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:740px){.neo-faq{padding:34px 22px 72px}.neo-faq summary{padding:18px 0}.neo-faq details p{padding-right:8px}}