:root{--paper:#fffbf7;--ink:#2b2823;--muted:#635e55;--line:#e5dfd4;--gold:#f5a623;--cta-text:#fff;--sage:#5f7a61;--error:#b42318;--serif:'Newsreader',Georgia,'Songti SC','STSong',serif;--sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(46px,4.65vw,72px);line-height:1.05;max-width:590px}h2{font-size:clamp(36px,3.4vw,50px);line-height:1.12}h3{font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.035em}p{color:var(--muted)}:focus-visible{outline:3px solid var(--sage);outline-offset:5px}a,button,summary{touch-action:manipulation}.shell{width:calc(100% - 96px);max-width:1160px;margin-inline:auto}.section{padding-block:102px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;line-height:1.5;color:var(--sage)}.site-header{height:88px;border-bottom:1px solid rgba(229,223,212,.65);background:#fffbf6;position:relative;z-index:5}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:var(--serif);font-size:28px;letter-spacing:-.03em}.brand img{border-radius:8px}.nav nav{display:flex;gap:30px;margin-left:auto;font-size:12px;color:var(--muted)}.nav a:hover:not(.button),.text-link:hover{color:var(--sage)}.nav-actions{display:flex;gap:23px;align-items:center}.language-switch{font-size:12px;min-height:44px;display:flex;align-items:center;gap:7px;padding:0}.language-globe{font-size:20px;line-height:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--gold);color:var(--cta-text);border-radius:7px;padding:15px 23px;min-height:54px;font-size:13px;font-weight:700;line-height:1.5;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ca941720}.button-small{padding:11px 16px;min-height:44px;font-size:11px;gap:12px}.button [aria-hidden]{font-size:20px;font-weight:400;line-height:1}.hero{position:relative;max-width:1680px;margin:auto;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:635px;align-items:center}.hero-copy{grid-column:2;padding:63px 0 65px 32px}.hero-copy h1{margin:23px 0}.hero-description{max-width:460px;font-size:16px;line-height:1.8}.hero-actions{margin-top:29px}.hero-note{font-size:10px;margin-top:9px}.film-link{display:flex;gap:10px;align-items:center;padding:0;min-height:44px;margin-top:21px;font-size:12px;text-align:left}.play-small{display:grid;place-items:center;width:28px;height:28px;border:1px solid #8d897c66;border-radius:50%;font-size:9px;padding-left:2px;flex-shrink:0}.film-duration{font-size:10px;color:var(--muted);border-left:1px solid #aaa49366;padding-left:10px;margin-left:3px;white-space:nowrap}.intro-line{display:flex;align-items:center;justify-content:space-between;padding-block:27px;border-bottom:1px solid var(--line);font-size:12px}.intro-line p{color:var(--ink)}.intro-line span{font-size:11px;color:var(--sage)}.section-heading{text-align:center;max-width:630px;margin:0 auto 52px}.section-heading h2{margin:18px 0}.section-heading>p:last-child{font-size:14px;line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.phone-stage{background:#f3eee5;display:flex;align-items:center;justify-content:center;aspect-ratio:360/450;border-radius:10px;overflow:hidden}.screen-crop{width:52%;aspect-ratio:1206/2622;background-size:100% auto;background-repeat:no-repeat;box-shadow:0 10px 22px #2b28230c;border-radius:13px}.screen-prompt{background-image:url('assets/screen-prompt.jpg')}.screen-record{background-image:url('assets/screen-record.jpg')}.screen-memory{background-image:url('assets/screen-memory.jpg')}.step-copy{display:flex;gap:15px;margin-top:26px}.step-number{color:#908b7c;font-size:11px;padding-top:3px}.step-copy h3{font-size:17px;margin-bottom:10px}.step-copy p{font-size:13px;line-height:1.9}.language-section{background:#f2f0e8;padding-block:78px}.language-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.language-copy h2{margin:20px 0 23px}.language-copy>p:not(.eyebrow){max-width:415px;font-size:14px;line-height:1.9}.language-copy .language-footnote{font-size:10px!important;margin-top:24px}.text-link{display:inline-flex;gap:14px;align-items:center;padding:0;font-size:12px;font-weight:600;min-height:44px;text-underline-offset:5px}.text-link:hover{text-decoration:underline}.language-copy .text-link{margin-top:12px}.language-visual{position:relative;display:block;padding:25px 40px;background:#fffcf8;border-radius:10px;width:100%;overflow:hidden}.language-visual img{max-height:470px;width:100%;object-fit:contain}.image-hint{display:block;margin-top:12px;font-size:10px;color:var(--muted)}.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin-bottom:50px}.story-intro h2{margin-top:20px}.story-lead p{font-size:15px;line-height:1.9}.story-lead .text-link{margin-top:12px}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px}.story-photo{width:100%;display:block;padding:0;position:relative;aspect-ratio:1.55;overflow:hidden;border-radius:9px;background:#eee7db}.story-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.story-photo:hover img{transform:scale(1.025)}.photo-plus{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;background:var(--paper);border-radius:50%;width:30px;height:30px;font-size:20px}.story-pair h3{margin:22px 0 12px}.story-pair p{font-size:13px;line-height:1.9;max-width:475px}.story-closing{text-align:center;font-family:var(--serif);font-size:26px;line-height:1.5;margin:60px auto;color:var(--ink)}.mother-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:42px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mother-story>div>p:nth-child(2){font-size:13px;line-height:1.95;margin-top:19px}.source-note{font-size:10px;margin-top:14px}.testimonial{padding-left:33px;border-left:1px solid #d6cbb6}.testimonial blockquote{font-family:var(--serif);font-size:29px;line-height:1.4;margin:0;color:#45483c}.testimonial figcaption{font-size:10px;margin-top:20px;color:var(--muted)}.testimonial small{display:block;font-size:9px;margin-top:3px;color:#787266}.questions-section{padding-top:6px;display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.questions-section h2{margin-top:20px}.questions-contact{font-size:12px;margin-top:25px}.questions-contact a{color:var(--ink)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;font-size:14px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:24px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:22px;line-height:1;font-weight:400;color:var(--muted)}details[open] summary::after{content:'−'}details p{font-size:13px;line-height:1.85;margin-top:16px}details .text-link{margin-top:7px}.launch-section{padding:78px 0 60px;background:#eeeee3;text-align:center}.launch-inner{max-width:700px}.launch-inner h2{margin:18px 0 20px;font-size:clamp(40px,4vw,57px)}.launch-inner>p:not(.eyebrow){font-size:14px;line-height:1.9}.launch-inner>.button{margin-top:28px}.launch-beta{display:flex;width:fit-content;margin:18px auto 0;font-weight:400;font-size:11px}footer{padding-top:12px;background:#fffbf6}.footer-bottom{display:flex;justify-content:space-between;padding:14px 0 36px;margin-top:0;font-size:12px;color:var(--muted)}.footer-identity{display:flex;align-items:center;gap:9px}.footer-identity img{display:block;width:24px;height:24px;object-fit:contain;border-radius:6px}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:20px;width:min(1040px,calc(100vw - 40px));max-height:92dvh;color:var(--ink);overflow:auto}dialog::backdrop{background:#181a17cc;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.dialog-top h2{font-family:var(--sans);font-size:15px;letter-spacing:0;line-height:1.5}.dialog-close{font-size:28px;width:44px;height:44px;flex-shrink:0;border-radius:50%}.dialog-close:hover{background:#e9e4dc}#media-content iframe,#media-content video{display:block;border:0;width:100%;aspect-ratio:16/9;background:#141511;border-radius:5px}#media-content img{max-height:70dvh;object-fit:contain;margin:auto}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.dialog-footer p{font-size:11px}.dialog-footer .text-link{font-size:11px}.skip-link{position:fixed;z-index:100;top:-80px;left:12px;background:var(--paper);padding:12px}.skip-link:focus{top:10px}.noscript-note{padding:20px;font-size:13px}html[lang="zh-Hans"] h1{font-size:clamp(43px,4.2vw,62px);line-height:1.35;letter-spacing:.02em}html[lang="zh-Hans"] h2{line-height:1.4;letter-spacing:.02em}html[lang="zh-Hans"] .eyebrow{letter-spacing:.12em}html[lang="zh-Hans"] .testimonial blockquote{font-size:25px;line-height:1.65}.campaign-link[aria-disabled="true"]{cursor:default}
@media(min-width:1500px){.hero-copy{padding-left:10px}.hero-inner{min-height:700px}.hero-art{object-position:bottom}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.nav nav{gap:20px}.nav-actions{gap:17px}.header-cta{display:none}.hero-copy{padding-left:20px}.hero-inner{min-height:600px}.hero-description{font-size:15px}.steps{gap:22px}.language-grid,.story-intro{gap:50px}.mother-story{gap:45px}.phone-stage{aspect-ratio:1/1.4}.screen-crop{width:57%}.section{padding-block:80px}.questions-section{padding-top:0}.testimonial blockquote{font-size:26px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{height:73px}.nav{gap:15px}.nav nav{gap:15px}.nav nav a{font-size:11px}.nav nav a:last-child{display:none}.brand{font-size:25px}.brand img{width:30px;height:30px}.nav-actions{gap:0}.language-switch{font-size:12px}.hero{display:flex;flex-direction:column}.hero-inner{display:block;min-height:0;order:0}.hero-copy{padding:44px 0 16px;max-width:520px;margin:auto}.hero-copy h1{font-size:clamp(43px,8vw,64px);max-width:500px;margin:20px 0}.hero-description{font-size:15px;max-width:430px}.hero-art{position:relative;inset:auto;order:1;height:300px;object-fit:cover;object-position:12% 57%;width:100%;z-index:0}.hero-actions{margin-top:24px}.hero-note{font-size:10px}.film-link{margin-top:14px}.intro-line{gap:14px;padding:23px 0;font-size:11px}.intro-line span{font-size:10px;text-align:right}.section{padding-block:64px}.section-heading{margin-bottom:34px}.section-heading h2{margin:15px 0}h2{font-size:39px}.section-heading>p:last-child{font-size:13px}.steps{grid-template-columns:1fr;gap:28px;max-width:470px;margin:auto}.step{display:grid;grid-template-columns:135px 1fr;gap:22px;align-items:center}.phone-stage{aspect-ratio:1/2.1}.screen-crop{width:84%}.step-copy{margin:0;gap:9px}.step-copy h3{font-size:16px}.step-copy p{font-size:12px;line-height:1.9}.step-number{font-size:9px}.language-section{padding-block:55px}.language-grid{grid-template-columns:1fr;gap:30px}.language-copy h2{margin:15px 0 20px}.language-copy>p:not(.eyebrow){max-width:100%;font-size:13px}.language-visual{max-width:440px;margin:auto;padding:20px}.language-visual img{max-height:440px}.story-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.story-lead p{font-size:14px}.story-intro h2{margin-top:16px}.story-pair{grid-template-columns:1fr;gap:34px}.story-pair h3{font-size:19px;margin-top:20px}.story-pair p{font-size:13px;max-width:100%}.story-photo{aspect-ratio:1.6}.story-closing{font-size:25px;margin:40px auto;max-width:500px}.mother-story{grid-template-columns:1fr;gap:27px;padding:32px 0}.mother-story>div>p:nth-child(2){margin-top:14px;font-size:13px}.testimonial{padding-left:21px}.testimonial blockquote{font-size:27px}.testimonial figcaption{margin-top:14px}.questions-section{grid-template-columns:1fr;gap:30px;padding-top:0}.questions-contact{margin-top:18px}.questions-section h2{margin-top:16px}summary{font-size:13px;line-height:1.65}details{padding:18px 0}.launch-section{padding:60px 0}.launch-inner h2{font-size:43px}.launch-inner>p:not(.eyebrow){font-size:13px}.footer-bottom{flex-direction:column;align-items:flex-start;font-size:11px;gap:8px;padding:12px 0 28px}.dialog-top h2{font-size:12px}dialog{padding:12px;width:calc(100vw - 20px)}.dialog-footer{flex-direction:column;gap:3px}.dialog-footer p{font-size:10px}html[lang="zh-Hans"] h1{font-size:43px;line-height:1.42;max-width:460px}html[lang="zh-Hans"] h2{font-size:35px}html[lang="zh-Hans"] .hero-copy{padding-top:37px}html[lang="zh-Hans"] .testimonial blockquote{font-size:24px}}
@media(max-width:380px){.nav nav{display:none}.nav-actions{margin-left:auto}.hero-copy h1{font-size:42px}.hero-art{height:240px}.step{grid-template-columns:112px 1fr;gap:14px}.step-copy{gap:6px}.step-copy p{font-size:11px}.footer-bottom{gap:8px}html[lang="zh-Hans"] h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.mother-story>div>p.mother-stat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:18px;margin-top:16px;color:var(--ink);font-size:initial;line-height:normal}
.mother-stat strong{font-family:var(--serif);font-size:76px;font-weight:400;letter-spacing:-.055em;line-height:.88;color:var(--sage)}
.mother-stat span{font-size:13px;font-weight:600;line-height:1.45;letter-spacing:.01em}
.mother-story>div>.mother-detail{font-size:13px;line-height:1.95;margin-top:23px}
.testimonial{align-self:start;margin-top:36px;padding-left:38px}
.dialog-close{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:0;line-height:1;border-radius:50%}
.close-icon::before,.close-icon::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;background:currentColor;border-radius:999px}
.close-icon::before{transform:translate(-50%,-50%) rotate(45deg)}
.close-icon::after{transform:translate(-50%,-50%) rotate(-45deg)}
@media(max-width:760px){.mother-story>div>p.mother-stat{margin-top:18px}.mother-stat strong{font-size:68px}.mother-story>div>.mother-detail{margin-top:19px}.testimonial{margin-top:0;padding-left:21px}}
[hidden]{display:none!important}

/* Early-user signup — a distinct paper card inside the cream launch section.
   The Kickstarter button above it stays the section's primary action, so this
   card is quieter than that button: no fill, one hairline border, and its own
   left-aligned reading rhythm (the launch section centers its text, which is
   wrong for a form — labels and inputs need a shared left edge to scan). */
.early-access{margin-top:58px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:34px 38px;text-align:left}
.early-access-intro{max-width:620px;margin-bottom:24px}
.early-access-intro h3{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.03em;line-height:1.2;margin:12px 0 10px}
.early-access-intro p{font-size:13px;line-height:1.65;max-width:620px;text-wrap:pretty}
.early-access-form{display:grid;gap:20px}
.ea-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ea-field{display:grid;gap:8px}
.ea-field label{font-size:12px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.ea-field input,.hero-waitlist input{font:inherit;font-size:16px;line-height:1.5;color:var(--ink);background:#fffefc;border:1px solid var(--line);border-radius:7px;padding:13px 14px;min-height:52px;width:100%;transition:border-color .18s}
.ea-field input:hover,.hero-waitlist input:hover{border-color:#d3cbbc}
.ea-field input:focus,.hero-waitlist input:focus{border-color:var(--sage);outline:none}
.ea-field input:focus-visible,.hero-waitlist input:focus-visible{outline:3px solid var(--sage);outline-offset:2px}
.ea-field input[aria-invalid="true"],.hero-waitlist input[aria-invalid="true"]{border-color:var(--error)}
.ea-field input[aria-invalid="true"]:focus,.hero-waitlist input[aria-invalid="true"]:focus{border-color:var(--error)}
.ea-field input[aria-invalid="true"]:focus-visible,.hero-waitlist input[aria-invalid="true"]:focus-visible{outline-color:var(--error)}
.ea-group{border:0;padding:0;margin:0;min-width:0}
.ea-group legend{padding:0;font-size:13px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin-bottom:5px}
.ea-group-status{font-size:12px;line-height:1.55;margin:9px 0 0;color:var(--error)}
.ea-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}
.ea-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ea-choices-stacked{grid-template-columns:1fr}
.ea-role-group{grid-column:1 / -1}
.ea-role-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.ea-role-option{display:grid;align-content:start;gap:7px;min-width:0}
.ea-role-option>.ea-choice{height:100%}
/* The checkbox is the real input, kept focusable and hit-testable across the
   whole row; .ea-box is only its drawing. */
.ea-choice{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#fffefc;cursor:pointer;min-height:48px;transition:border-color .18s,background-color .18s}
.ea-choice:hover{border-color:#d3cbbc}
.ea-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.ea-box{position:relative;flex:0 0 18px;width:18px;height:18px;margin-top:2px;border:1px solid #c9c0ae;border-radius:4px;background:var(--paper);transition:background-color .18s,border-color .18s}
.ea-box::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:8px;border:solid var(--cta-text);border-width:0 1.5px 1.5px 0;transform:translate(-50%,-62%) rotate(45deg) scale(.7);transform-origin:center;opacity:0;transition:opacity .16s,transform .16s}
.ea-choice:has(input:checked){border-color:#d9c08d;background:#fffaf1}
.ea-choice:has(input:checked) .ea-box{background:var(--sage);border-color:var(--sage)}
.ea-choice:has(input:checked) .ea-box::after{opacity:1;transform:translate(-50%,-62%) rotate(45deg) scale(1)}
.ea-choice:has(input:focus-visible){outline:3px solid var(--sage);outline-offset:2px}
.ea-choice-text{display:grid;gap:2px;min-width:0}
.ea-choice-label{font-size:13px;font-weight:500;line-height:1.45;color:var(--ink)}
.ea-choice-tag{font-size:10px;letter-spacing:.14em;font-weight:600;color:var(--sage);text-transform:uppercase}
/* Guardian keeps its meaning available without making every role card tall. */
.ea-help{border:0;padding:0;margin:0 2px}
.ea-help summary{min-height:44px;font-size:12px;line-height:1.5;font-weight:500;color:var(--muted);text-decoration:none}
.ea-help summary::after{content:none;display:none}
.ea-help-icon{position:relative;display:block;flex:0 0 20px;width:20px;height:20px;border:1px solid #cfc3b2;border-radius:50%;color:var(--muted)}
.ea-help-icon::before{content:'?';position:absolute;top:50%;left:50%;font-size:12px;font-weight:400;line-height:1;transform:translate(-50%,-50%)}
.ea-help summary:hover .ea-help-icon{border-color:var(--gold);background:#fef6e8;color:var(--ink)}
.ea-help[open] .ea-help-icon::before{content:'';width:8px;height:1px;background:currentColor;transform:translate(-50%,-50%)}
.ea-help p{font-size:11px;line-height:1.55;margin-top:2px;max-width:44ch}
.ea-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ea-submit{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}
.ea-submit .button{flex-shrink:0;min-height:48px;padding:12px 18px;gap:14px}
.ea-submit .button[disabled]{background:#e0dacd;color:#8a847a;cursor:default;transform:none;box-shadow:none}
.ea-privacy{font-size:11px;line-height:1.55;max-width:42ch}
.ea-status{font-size:12.5px;line-height:1.7;margin:0;color:var(--error)}
.ea-status:empty{display:none}
.early-access-done{display:grid;justify-items:start;max-width:470px}
.ea-done-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e9efe7;color:var(--sage);font-size:19px;line-height:1;margin-bottom:20px}
.early-access-done h3{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.03em;line-height:1.2;margin-bottom:13px}
.early-access-done p{font-size:14px;line-height:1.9}
html[lang="zh-Hans"] .early-access-intro h3,html[lang="zh-Hans"] .early-access-done h3{line-height:1.45;letter-spacing:.01em}
html[lang="zh-Hans"] .ea-choice-label{letter-spacing:.01em}
@media(max-width:1100px){.early-access{padding:34px 32px;margin-top:48px}}
@media(max-width:760px){
  .early-access{padding:26px 20px;margin-top:40px;border-radius:10px}
  .early-access-intro{margin-bottom:20px}
  .early-access-intro h3{font-size:25px}
  .early-access-intro p{font-size:13px}
  .early-access-form{gap:20px}
  .ea-preferences{grid-template-columns:1fr;gap:20px}
  .ea-role-group{grid-column:auto}
  .ea-row{grid-template-columns:1fr;gap:18px}
  .ea-choices,.ea-role-choices{grid-template-columns:1fr}
  .ea-role-option>.ea-choice{height:auto}
  .ea-submit{gap:16px;padding-top:18px}
  .ea-submit .button{width:100%}
  .ea-privacy{max-width:100%}
  .early-access-done h3{font-size:23px}
  .early-access-done p{font-size:13px}
  html[lang="zh-Hans"] .early-access-intro h3{font-size:23px}
}
/* No :has() support — checked state would be invisible, which is worse than a
   plain native checkbox. Fall back to the browser's own control. */
@supports not selector(:has(*)){
  .ea-choice input{position:static;width:20px;height:20px;flex:0 0 20px;opacity:1;margin-top:1px;-webkit-appearance:auto;appearance:auto;accent-color:var(--gold)}
  .ea-box{display:none}
}

/* Secondary actions stay easy to find without competing with Kickstarter's
   filled gold primary action. */
.button-secondary{background:transparent;color:var(--ink);border:1px solid #c9c0ae}
.button-secondary:hover{background:#fef6e8;border-color:var(--gold);box-shadow:none;transform:none}
.button-secondary [aria-hidden]{font-size:18px}
.hero-actions .button{width:336px;max-width:100%;white-space:nowrap}
.hero-actions .button [aria-hidden]{display:inline-block;width:18px;font-size:18px;line-height:1;text-align:center}
@media(max-width:380px){.hero-actions .button{width:100%}}

/* Homepage visitor journey: put a real video affordance beside the campaign story. */
:root{--cta-gold:#a8650a;--paper:#fbf5e9;--muted:#62594d;--line:#e4d7bf;--sage:#65734f;--cta-text:#273a46;--hero-paper:#f3ead7;--hero-ink:#273a46;--quilt-wheat:#efdfbd;--quilt-sage:#e2e8db;--quilt-blue:#dce7eb}
.hero{width:100%;max-width:none;min-height:clamp(620px,76svh,820px);margin:0;background:var(--hero-paper)}
.hero-inner.shell{width:calc(100% - 64px);max-width:1440px;min-height:clamp(620px,76svh,820px)}
.hero-inner{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(42px,5vw,84px);min-height:inherit}
.hero-copy{grid-column:1;grid-row:1;position:relative;z-index:3;max-width:570px;padding:58px 0}
.hero-copy h1{color:var(--hero-ink)}
.hero-copy .hero-description{max-width:500px;color:#4c5a5e}
.hero::before{content:"";position:absolute;z-index:2;inset:0 auto 0 34%;width:22%;background:linear-gradient(90deg,var(--hero-paper) 0%,rgba(243,234,215,.86) 36%,rgba(243,234,215,0) 100%);pointer-events:none}
.film-preview{position:absolute;z-index:1;inset:0 0 0 auto;display:block;width:58%;height:100%;padding:0;overflow:hidden;border:0;border-radius:0;background:#273a46;text-align:left;box-shadow:none}
.film-preview[hidden]{display:none}
.film-preview img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease}
.film-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#182630d9 100%);pointer-events:none}
.film-preview:hover img{transform:scale(1.025)}
.film-preview-play{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:82px;height:82px;border:1px solid #ffffffdd;border-radius:50%;background:var(--hero-ink);color:#fff;box-shadow:0 8px 24px #101b24a8;transform:translate(-50%,-50%);transition:transform .18s ease,background-color .18s ease}
.film-preview-play span{padding-left:4px;font-size:20px;line-height:1}
.film-preview:hover .film-preview-play{background:#334b5a;transform:translate(-50%,-50%) scale(1.06)}
.film-preview-caption{position:absolute;z-index:1;right:22px;bottom:18px;left:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;font-size:13px;font-weight:600;line-height:1.5}
.film-preview-caption .film-duration{margin:0;padding-left:12px;border-color:#ffffff70;color:#ffffffdf}
/* Every primary action on this page is a Kickstarter CTA, so the primary
   button itself is the white card with a gold-tinted lift: the Kickstarter
   wordmark sits on its own native white instead of a chip inside an orange
   fill. Label text is a darkened gold (4.6:1 on white) because --gold itself
   is ~2:1. */
.button:not(.button-secondary){background:#fff;color:var(--cta-gold);font-weight:800;box-shadow:0 1px 2px #a8650a1f,0 6px 18px #f5a62338}
.button:not(.button-secondary):hover{box-shadow:0 2px 4px #a8650a26,0 10px 26px #f5a6234d}
.kickstarter-button{gap:8px;padding-inline:28px;font-size:13px}
.cta-tail:empty{display:none}
.button-small:not(.button-secondary){padding-inline:22px}
.kickstarter-mark-shell{display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0}
.kickstarter-wordmark{display:block;width:92px;height:auto;flex:none}

.about-intro{display:grid;grid-template-columns:minmax(180px,.66fr) minmax(0,1.4fr) minmax(240px,.7fr);align-items:center;gap:clamp(24px,3.4vw,44px);margin-bottom:72px}
.about-portrait{aspect-ratio:4/5;overflow:hidden;margin:0;border-radius:12px;background:#e8e5dc}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:47% center}
.about-founder-copy h2{margin:18px 0 20px;max-width:620px}
.about-lead{max-width:58ch;font-size:15px;line-height:1.9}
.about-founder-copy .text-link{margin-top:17px;color:var(--sage)}
.phone-stage{position:relative;isolation:isolate;background:var(--quilt-wheat)}
.phone-stage-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.phone-stage--prompt .phone-stage-art{object-position:54% center}
.phone-stage--record .phone-stage-art{object-position:center 54%}
.phone-stage--memory .phone-stage-art{object-position:center}
.step:hover .phone-stage-art{transform:scale(1.025)}
.screen-crop{position:relative;z-index:1;width:57%;border:6px solid #fbf7ef;border-radius:16px;background-color:#fbf7ef;box-shadow:0 12px 28px #273a4629}
/* Size the phone by height so it always leaves ~7% of illustration above and
   below; width follows from the screenshot's aspect ratio at every breakpoint. */
.screen-crop{width:auto;height:86%;max-width:84%}
.language-section{background:var(--quilt-sage)}
.language-visual{background:#faf5e9}
.about-feedback{padding:26px 26px;border-left:2px solid var(--sage);border-radius:0 10px 10px 0;background:var(--quilt-sage)}
.launch-section{background:var(--quilt-wheat)}
.origin-intro{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(36px,5vw,72px);margin-bottom:42px}
.origin-illustration{aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:var(--quilt-sage)}
.origin-illustration img{display:block;width:100%;height:100%;object-fit:cover}
.origin-copy h2{margin:18px 0 22px}
.origin-copy .story-lead p{font-size:15px;line-height:1.9}
.about-feedback p:last-child{margin-top:12px;color:var(--ink);font-size:13px;line-height:1.9}
.origin-intro{margin-bottom:42px}

@media(max-width:900px){
  .hero{min-height:0}
  .hero::before{display:none}
  .hero-inner.shell{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;min-height:0;padding:48px 32px 0;gap:0}
  .hero-inner{min-height:0}
  .hero-copy{grid-column:auto;grid-row:auto;max-width:620px;padding:0}
  .film-preview{position:relative;inset:auto;align-self:center;width:calc(100% + 64px);height:auto;aspect-ratio:4/3;margin:34px -32px 0}
  .about-intro{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:36px}
  .about-feedback{grid-column:1/-1}
  .origin-intro{gap:30px}
}
@media(max-width:760px){
  .hero-inner.shell{padding:38px 20px 48px}
  .film-preview{width:calc(100% + 40px);margin:28px -20px 0}
  .film-preview-play{width:64px;height:64px}
  .film-preview-caption{right:16px;bottom:13px;left:16px;font-size:11px}
  .about-intro{grid-template-columns:1fr;gap:24px;margin-bottom:54px}
  .origin-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}
  .about-portrait{width:min(100%,280px);margin-inline:auto}
  .about-feedback{grid-column:auto}
  .about-feedback{padding:24px 23px}
  .origin-intro{margin-bottom:30px}
}
@media(max-width:380px){
  .kickstarter-button{gap:6px;padding-inline:14px;font-size:11px}
  .kickstarter-wordmark{width:84px}
  .film-preview-caption{font-size:10px}
}

/* The story grows at its own pace: a bold, scroll-turned circle beside the copy. */
.philosophy-section{position:relative;background:#f2f0e8;padding-block:0;margin-top:64px;overflow:visible}
.philosophy-layout{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(32px,4vw,70px);align-items:center;min-height:clamp(400px,22vw,440px);width:100%;max-width:none;margin:0;padding-left:max(48px,calc((100vw - 1160px)/2))}
.philosophy-copy{position:relative;z-index:1;max-width:600px}
.philosophy-copy h2{margin:18px 0}
.philosophy-description{max-width:520px;font-size:15px;line-height:1.8;text-wrap:pretty}
.philosophy-description+.philosophy-description{margin-top:14px}
.philosophy-art{position:absolute;top:50%;right:clamp(72px,9vw,160px);display:block;width:min(42vw,480px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;transform:translateY(-50%) rotate(var(--scroll-rotation,0deg));will-change:transform}
.philosophy-section+.questions-section{padding-top:200px}
html[lang="zh-Hans"] .philosophy-copy h2{letter-spacing:.02em}
@media(max-width:760px){
  .philosophy-section{margin-top:36px}
  .philosophy-layout{grid-template-columns:1fr;gap:0;min-height:0;padding-left:24px}
  .philosophy-copy{max-width:600px;padding:56px 24px 28px 0}
  .philosophy-description{font-size:14px}
  .philosophy-art{position:relative;top:auto;right:auto;width:min(76vw,360px);justify-self:end;margin:0 0 -24px;transform:rotate(var(--scroll-rotation,0deg))}
  .philosophy-section+.questions-section{padding-top:116px}
  .hero-actions .button,.hero-waitlist,.hero-waitlist-done{width:100%;max-width:400px}
}

/* Language question in the language section. Answers open the waitlist form
   in the dialog; the pills use the secondary-button vocabulary so they read as
   choices, not as a competing primary action. */
.language-poll{margin-top:26px;padding-top:22px;border-top:1px solid #d9d3c3;max-width:430px}
.language-poll-question{font-size:13px;font-weight:600;color:var(--ink)}
.language-poll-menu{position:relative;margin-top:14px}
.language-poll-menu summary{background:#fffcf8}
/* Floats over the section rather than pushing the beta link down. */
.language-poll-panel{position:absolute;z-index:4;top:calc(100% + 6px);left:0;right:0;max-height:min(420px,60vh);overflow:auto;margin:0;box-shadow:0 12px 30px #2b28231f}
.language-poll-custom{grid-column:1/-1}
.language-poll-footer{position:sticky;bottom:-12px;display:flex;justify-content:flex-end;margin:12px -12px -12px;padding:10px 12px;border-top:1px solid var(--line);background:#fffefc}
.language-poll-continue{min-height:44px;padding:9px 18px}
.language-poll-continue:disabled{opacity:.45;cursor:default}
.ea-optional{font-size:11px;font-weight:400;color:var(--muted);margin-left:4px}
dialog.is-form{width:min(820px,calc(100vw - 40px))}
.is-form .dialog-top{padding:6px 18px 0}
.is-form .dialog-top h2{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.03em;line-height:1.2}
.is-form .early-access{margin:0;border:0;padding:0 18px 12px;background:none}
.is-form .early-access-intro{margin-bottom:20px}
.is-form .early-access-intro .eyebrow,.is-form .early-access-intro h3{display:none}
@media(max-width:760px){
  .language-poll{max-width:100%}
  .is-form .dialog-top{padding:4px 6px 0}
  .is-form .dialog-top h2{font-size:23px}
  .is-form .early-access{padding:0 6px 8px}
}

/* Reading-language dropdown: a select-like summary over an in-flow panel, so
   opening it pushes the form down instead of covering the fields below. */
.ea-more{border:0;padding:0;margin:0}
.ea-more summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:13px 14px;border:1px solid var(--line);border-radius:7px;background:#fffefc;font-size:15px;color:var(--ink);transition:border-color .18s}
.ea-more summary::after{content:none;display:none}
.ea-more summary:hover{border-color:#d3cbbc}
.ea-more[open] summary{border-color:var(--sage)}
.ea-more summary[aria-invalid="true"]{border-color:var(--error)}
.ea-more-placeholder{color:var(--muted)}
.ea-more-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ea-more-summary{min-width:0;overflow:hidden}
.ea-more-chevron{flex:none;width:8px;height:8px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
.ea-more[open] .ea-more-chevron{transform:translateY(2px) rotate(-135deg)}
.ea-more-panel{margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffefc}
.ea-more-options{gap:6px}
.ea-choice-compact{min-height:40px;padding:9px 11px}
.ea-more-heading{margin:14px 2px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
html[lang="zh-Hans"] .ea-more-heading{letter-spacing:.04em}
.ea-more-custom{margin-top:12px;gap:6px}
.ea-more-custom label{font-size:11px;font-weight:500;color:var(--muted)}
.ea-more-custom input{min-height:44px;padding:10px 12px}
@media(max-width:760px){.ea-more-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.ea-more-panel{padding:10px}.ea-choice-compact{padding:9px 8px;gap:7px}.ea-choice-compact .ea-choice-label{font-size:12px;overflow-wrap:anywhere}}
.steps-beta{display:flex;justify-content:center;margin-top:26px}
/* Hero status line: a present-tense fact (the beta is running), so the sage
   "live" dot fits. Deliberately dateless; launch timing lives on Kickstarter. */
.hero-status{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.11em}
.status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--sage)}
@media(max-width:380px){.hero-status{font-size:9px}}
.keep-together{white-space:nowrap}
/* Hero: the film is absolutely positioned over the right 58%, so the copy
   column is capped to end at least 56px before it; long Chinese headlines
   otherwise ran right up to the image. */
@media(min-width:761px){.hero-copy{max-width:min(570px,calc(42vw - 56px - max(32px,(100vw - 1440px) / 2)))}}
/* The hero stacks below 900px, so tablet copy should use that full row rather
   than the narrow desktop column reserved beside the film preview. */
@media (min-width:761px) and (max-width:900px){
  .hero-copy{max-width:min(620px,100%)}
  .hero-copy h1{font-size:clamp(50px,6.2vw,58px)}
  .hero-copy .hero-description{max-width:560px}
  .hero-actions .kickstarter-button{width:336px;max-width:100%}
}
/* Story-photo "+" drawn with two bars so it sits exactly in the circle's centre
   (a text glyph rides low on its baseline). */
.photo-plus{font-size:0;box-shadow:0 2px 8px #2b28231f}
.photo-plus::before,.photo-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ink);border-radius:1px;transform:translate(-50%,-50%)}
.photo-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
/* The Chinese headline breaks by phrase on wide screens; phones wrap naturally. */
@media(max-width:760px){.hero-copy h1 br{display:none}}
/* Founder section: two quiet links side by side, and the promise list. */
.about-links{display:flex;flex-wrap:wrap;column-gap:28px;margin-top:17px}
.about-links .text-link{margin-top:0;color:var(--sage)}
.about-promises{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.about-promises li{position:relative;padding-left:20px;color:var(--ink);font-size:13px;line-height:1.7}
.about-promises li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:5px;border:solid var(--sage);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg)}
/* Contact form message box matches the form's inputs. */
.ea-field textarea{font:inherit;font-size:16px;line-height:1.6;color:var(--ink);background:#fffefc;border:1px solid var(--line);border-radius:7px;padding:12px 14px;width:100%;min-height:128px;resize:vertical;transition:border-color .18s}
.ea-field textarea:hover{border-color:#d3cbbc}
.ea-field textarea:focus{border-color:var(--sage);outline:none}
.ea-field textarea:focus-visible{outline:3px solid var(--sage);outline-offset:2px}
.ea-field textarea[aria-invalid="true"]{border-color:var(--error)}
.contact-card .early-access-form{gap:18px}
.contact-join{width:fit-content;max-width:100%}
.contact-join-slot:empty{display:none}
.contact-join-slot .ea-preferences{margin-top:4px}
/* Language section: a quiet illustration behind the screenshot card, drifting
   slower than the page (parallax). It sits only on the right, so the left
   column's text and language question keep their plain background and
   contrast. overflow-x:clip stops the offset art from causing sideways scroll
   without clipping the language dropdown, which can hang below the section. */
.language-section{overflow-x:clip}
.language-stage{position:relative;isolation:isolate}
.language-art{position:absolute;z-index:-1;top:-56px;bottom:-56px;right:-88px;left:16%;overflow:hidden;border-radius:16px}
.language-art img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;object-position:center;opacity:.92;filter:saturate(1.08) brightness(1.04);transform:translate3d(0,var(--parallax,0px),0);will-change:transform}
.language-stage .language-visual{position:relative;box-shadow:0 14px 34px #2b28231a}
@media(max-width:760px){
  .language-art{top:-18px;bottom:-18px;right:-20px;left:28%}
}
.about-lead+.about-lead{margin-top:12px}
/* Lighter band so the section and its illustration read bright, not grey.
   Text contrast rises (muted 6.0:1, ink 12.9:1); the eyebrow is darkened a
   step here to clear 4.5:1 at its small size. */
.language-section{background:#eef1e8}
.language-section .eyebrow{color:#5d6a48}
/* A plain white card around the screenshot (the screenshot's own background
   is white, so the two read as one surface), with "View screenshots" as a
   quiet line inside it. The dialog still opens the full image. */
.language-stage .language-visual{padding:22px 22px 14px;background:#fff;box-shadow:0 16px 38px #2b28232b;border-radius:14px;overflow:hidden;max-width:none}
.language-stage .language-visual img{display:block;width:100%;height:auto;max-height:none}
.language-stage .image-hint{display:block;margin-top:10px;text-align:center;font-size:11px;color:var(--muted)}
@media(max-width:760px){.language-stage .language-visual{max-width:440px;margin:auto}}
@media(max-width:760px){.language-stage .language-visual{padding:14px 14px 10px}}

/* Give the stories a quiet pause before the next divider. */
.mother-story{margin-top:52px}

/* Use two unused in-app illustrations to frame the launch section. */
.launch-section{position:relative;isolation:isolate;overflow:hidden}
.launch-inner>:not(.launch-artwork){position:relative;z-index:1}
.launch-artwork{position:absolute;inset:0;z-index:0;pointer-events:none}
.launch-art{position:absolute;display:block;width:clamp(280px,18vw,370px);height:clamp(280px,18vw,370px);object-fit:cover;border-radius:50%;opacity:.96;transform:translate3d(0,var(--scroll-parallax-y,0px),0)}
.launch-art--left{top:clamp(60px,6vw,88px);left:clamp(32px,6.2vw,128px)}
/* The lower art sits 44vw down, but never lower than the section allows: once the waitlist card collapses to its
   short confirmation the section gets shorter, so the cap keeps the art (plus its 18% parallax travel) clear of the footer. */
.launch-art--right{--art-size:clamp(300px,20vw,410px);top:min(clamp(380px,44vw,890px),calc(100% - var(--art-size) * 1.18 - 48px));right:clamp(32px,6vw,124px);width:var(--art-size);height:var(--art-size)}
@media(max-width:1200px){
  .launch-artwork{display:none}
}

/* Preserve the two-column language section on desktop while putting the
   illustration between the intro and language question on phones. */
.language-grid{grid-template-rows:auto auto auto;column-gap:90px;row-gap:0}
.language-grid>.language-copy{grid-column:1;grid-row:1}
.language-grid>.language-poll{grid-column:1;grid-row:2}
.language-grid>.language-stage{grid-column:2;grid-row:1 / span 3}
.language-grid>.language-beta{grid-column:1;grid-row:3;margin-top:12px}
@media(max-width:1200px){.language-grid{column-gap:50px}}
@media(max-width:760px){
  .language-grid{grid-template-columns:1fr;grid-template-rows:none;gap:24px}
  .language-grid>.language-copy,.language-grid>.language-stage,.language-grid>.language-poll,.language-grid>.language-beta{grid-column:auto;grid-row:auto}
  .language-grid>.language-poll,.language-grid>.language-beta{margin-top:0}
}

/* Keep the FAQ heading and answers visually connected, with a calmer row rhythm. */
.questions-section{grid-template-columns:minmax(200px,.75fr) minmax(0,1.35fr);gap:48px}
.faq-list details{padding:14px 0}
.faq-list summary::after{content:"";flex:0 0 13px;width:13px;height:13px;font-size:0;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:center;background-repeat:no-repeat;background-size:100% 1px,1px 100%;transition:background-size .22s ease}
.faq-list details[open] summary::after{content:"";background-size:100% 1px,1px 0}
.faq-answer{overflow:hidden}
.faq-answer-links{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:7px}
.faq-answer-links .text-link{margin-top:0;font-size:12px}
@media(prefers-reduced-motion:reduce){.faq-list summary::after{transition:none}}
@media(max-width:760px){.questions-section{grid-template-columns:1fr;gap:30px}}

/* Campaign countdown under each Kickstarter button, and the hero's email-only
   waitlist shortcut: a quieter second action under the gold primary. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.campaign-countdown{font-size:12px;font-weight:600;color:var(--cta-gold);margin-top:10px;letter-spacing:.01em}
.launch-countdown{margin-top:12px}
.hero-waitlist{margin-top:26px;max-width:336px}
.hero-waitlist-lead{font-size:13px;line-height:1.6;color:#4c5a5e;margin-bottom:9px}
.hero-waitlist-row{display:flex;gap:8px}
.hero-waitlist input{flex:1 1 auto;min-width:0;min-height:48px;padding:11px 14px;font-size:16px}
.hero-waitlist .button{flex:0 0 auto;min-height:48px;padding:11px 16px;font-size:12px;white-space:nowrap}
.hero-waitlist-status{font-size:12px;line-height:1.5;margin-top:8px;color:var(--error)}
.hero-waitlist-status[data-i18n="eaSending"]{color:var(--muted)}
.hero-waitlist-status:empty{display:none}
.hero-waitlist-done{margin-top:26px;max-width:336px}
.hero-waitlist-done p{font-size:13px;line-height:1.7;color:#4c5a5e}
.hero-waitlist-done p:focus{outline:none}
.hero-waitlist-done strong{color:var(--hero-ink)}
@media(max-width:380px){.hero-waitlist-row{flex-direction:column}.hero-waitlist .button{width:100%}}
@media(max-width:760px){.hero-waitlist,.hero-waitlist-done{max-width:400px}}