:root{color-scheme:dark;--bg:#211a2e;--panel:#2d243c;--text:#f7f0f5;--muted:#c4b6cd;--lavender:#ddc1f2;--gold:#ecd6a5;--line:#554363;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px;border-bottom:1px solid #55436366}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1px;font-weight:650;text-decoration:none}.brand img{border-radius:9px}.brand span{color:var(--gold);font-size:20px;margin-left:4px}.header nav{display:flex;gap:36px;font-size:14px}.header nav a,.language{text-decoration:none}.header nav a:hover,.footer a:hover{color:var(--lavender)}.language{font-size:13px;white-space:nowrap}.language span{color:var(--muted)}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:40px;align-items:center;padding-block:90px 100px;min-height:700px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:650;color:var(--gold);margin:0 0 24px}.hero h1{font-size:clamp(44px,4.8vw,68px);letter-spacing:-3px;line-height:1.12;font-weight:520;margin:0 0 28px}h1 em{font-style:normal;color:var(--lavender)}.lead{font-size:17px;line-height:1.8;color:#e0d3e6}.hero .lead{max-width:490px;margin-bottom:30px}.button{display:inline-flex;gap:20px;align-items:center;justify-content:center;border:1px solid var(--lavender);border-radius:8px;background:var(--lavender);color:#291e36;text-decoration:none;font-size:13px;font-weight:700;padding:16px 21px;line-height:1.45;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#eddcf9;transform:translateY(-2px)}.button span{font-size:20px}.text-link{display:block;margin-top:19px;width:fit-content;font-size:13px}.micro{font-size:11px;color:var(--muted);line-height:1.8;margin-top:22px}.hero-visual{margin:0;position:relative;padding:16px 0 0 10px}.hero-visual:before{content:"";position:absolute;inset:-60px -20px;background:radial-gradient(ellipse,#b383ce25,transparent 65%);z-index:-1}.world-frame{height:440px;overflow:hidden;border:1px solid #9a7ca7;border-radius:120px 120px 16px 16px;box-shadow:0 25px 75px #100b2170;transform:rotate(2deg);background:#242d1c}.world-frame img{width:100%;height:100%;object-fit:cover;object-position:51% 50%;transform:scale(1.02)}.hero-visual figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:25px}.hero-visual figcaption span{color:var(--gold);font-size:19px}.orbit{position:absolute;right:-7px;top:-23px;color:var(--gold);font-size:49px;z-index:1}.section{padding-block:90px}h2{font-weight:500;font-size:clamp(32px,3.5vw,46px);line-height:1.2;letter-spacing:-1.7px;margin:0 0 28px}h3{font-size:20px;line-height:1.4;font-weight:550;margin:0 0 15px}p{margin:0 0 18px}.idea{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 85px}.idea-copy{padding-top:30px;color:var(--muted)}.benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-top:35px}.number{display:block;font-size:12px;letter-spacing:2px;color:var(--gold);margin-bottom:22px}.benefits article{border-top:1px solid var(--line);padding-top:23px}.benefits p{font-size:14px;color:var(--muted)}.inside{background:#191520;border-block:1px solid #55436366}.inside .eyebrow,.inside h2{text-align:center}.tabs{display:flex;gap:8px;justify-content:center;margin:35px 0}.tabs button{border:1px solid var(--line);background:transparent;border-radius:25px;color:var(--muted);padding:10px 26px;font-size:13px}.tabs button[aria-selected=true]{background:var(--lavender);color:#291e36;border-color:var(--lavender)}[hidden]{display:none!important}.panel-copy{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:23px}.panel-copy h3{min-width:250px}.panel-copy p{font-size:14px;max-width:550px;color:var(--muted)}.app-shot{display:block;width:100%;height:auto;border:1px solid #7a6689;border-radius:12px;box-shadow:0 20px 60px #0003}.image-note{text-align:center}.beta{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.beta>div>p:not(.eyebrow){color:var(--muted)}.checklist{list-style:none;padding:0;margin-top:30px;font-size:13px}.checklist li{margin:12px 0}.checklist span{color:var(--gold);margin-right:10px;font-size:20px}form{background:linear-gradient(145deg,#382c47,#2c2339);padding:36px;border:1px solid #6f567e;border-radius:16px;box-shadow:0 15px 50px #0002}form>p{font-size:13px;color:var(--muted)}label{display:block;font-size:12px;margin:22px 0 8px}label span{color:var(--muted);font-weight:400}input,textarea{width:100%;color:var(--text);background:#211a2e;border:1px solid #796383;border-radius:6px;padding:12px;font-size:14px}textarea{resize:vertical;min-height:110px}::placeholder{color:#ae9cba}form .button{margin-top:20px;width:100%;font-size:12px}.form-privacy{font-size:10px;line-height:1.8;margin-top:18px}#form-status{font-size:12px;color:var(--gold);margin-bottom:0}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.faq{max-width:850px;padding-top:20px}.faq h2{margin-bottom:40px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--lavender);font-size:23px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;margin:18px 35px 3px 0}.footer{border-top:1px solid var(--line);padding-block:40px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.footer p{font-size:12px;color:var(--muted);margin-top:10px}.footer nav{display:flex;gap:25px;align-items:center;font-size:12px}.footer small{width:100%;color:var(--muted);font-size:10px}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--bg);z-index:10}.skip:focus{top:10px}.legal{max-width:850px;min-height:55vh}.legal .eyebrow{margin-top:35px}.legal h1{font-size:45px}.legal p{color:var(--muted)}@media(min-width:1500px){.hero{padding-block:110px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:25px;padding-block:65px}.hero h1{font-size:48px}.world-frame{height:380px}.beta{gap:35px}.idea{gap:20px 40px}.hero .button{font-size:12px}.benefits{gap:25px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{min-height:84px;gap:12px}.header nav{display:none}.brand{font-size:25px}.hero{grid-template-columns:1fr;padding:50px 0 55px;gap:30px}.hero h1{font-size:49px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero .lead{font-size:16px}.hero .button{font-size:12px}.world-frame{height:350px;max-width:450px;margin:auto;border-radius:90px 90px 12px 12px}.hero-visual{padding:16px 10px 0}.orbit{right:5px;top:-14px}.section{padding-block:55px}.idea,.beta{grid-template-columns:1fr;gap:25px}.idea-copy{padding:0}.benefits{grid-template-columns:1fr;gap:18px;padding-top:10px}.benefits article{display:grid;grid-template-columns:35px 1fr;gap:0 15px}.benefits .number{grid-row:1/3}.benefits p{grid-column:2}.tabs{gap:6px}.tabs button{font-size:12px;padding:10px 16px}.panel-copy{display:block}.panel-copy h3{font-size:18px}.panel-copy p{font-size:13px}.app-shot{border-radius:6px}.image-note{text-align:left}form{padding:25px}.faq{padding-top:10px}.footer nav{gap:22px}.footer{padding-top:25px}.legal h1{font-size:35px}.hero-visual:before{inset:0}.hero .micro{max-width:290px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A quiet, one-time arrival. No timers, autoplay or scroll interception. */
.story-stage{position:relative;min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 10px 0;background:radial-gradient(ellipse at 50% 65%,#a276bc24,transparent 65%)}
.speech{position:relative;background:#f3e7f6;color:#362840;border:1px solid #e4c9ef;border-radius:25px 25px 25px 5px;padding:28px 30px;max-width:410px;box-shadow:0 14px 50px #100b2125;z-index:2}.speech:after{content:"";position:absolute;bottom:-15px;left:47%;width:27px;height:27px;background:#f3e7f6;clip-path:polygon(0 0,100% 0,0 100%)}.speech .eyebrow{color:#71527e;font-size:9px;letter-spacing:1.4px;margin-bottom:12px}.speech h2{font-size:35px;letter-spacing:-1px;margin-bottom:10px}.speech .question{font-size:22px;font-weight:550;line-height:1.4;margin-bottom:10px}.speech p:last-child{font-size:14px;margin:0;color:#65526f}.fim-arrival{z-index:1;width:160px;height:160px;animation:fim-arrive 1.3s ease-out both;margin-top:22px}.fim-sprite{width:160px;height:160px;background-image:url('/assets/fim-sprite.png');background-size:3840px 800px;background-position:0 0;image-rendering:pixelated;filter:drop-shadow(0 13px 14px #0d081e55)}.story-ground{height:20px;width:150px;border-radius:50%;background:#b98bc51f;margin-top:-22px;box-shadow:0 0 35px #bd91d225}.story-next{font-size:13px;text-decoration:none;margin-top:22px;color:var(--gold);display:flex;gap:14px;align-items:center}.story-guide{display:flex;align-items:center;gap:15px;margin:0 0 25px;max-width:560px}.story-guide p{font-size:16px;line-height:1.65;color:#e5d4ee;margin:0;font-style:italic}.fim-small{display:block;flex:0 0 64px;height:64px;background-image:url('/assets/fim-sprite.png');background-size:1536px 320px;image-rendering:pixelated}.inside .story-guide{margin:0 auto 25px}.progress-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;border-bottom:1px solid var(--line)}.progress-story .story-guide p{display:none}.progress-story .story-guide{margin-bottom:12px}.progress-story h2{font-size:37px}.hero .eyebrow{max-width:440px;line-height:1.9}.idea .story-guide{align-items:flex-start}.idea .section-heading h2{font-size:35px}.beta .story-guide p{font-size:15px}@keyframes fim-arrive{0%{transform:translateX(80px) rotate(10deg)}35%{transform:translateX(45px) translateY(-8px) rotate(-6deg)}65%{transform:translateX(15px) rotate(4deg)}100%{transform:translateX(0) rotate(0)}}@media(max-width:950px){.speech{padding:24px}.speech h2{font-size:29px}.speech .question{font-size:19px}.story-stage{padding:10px 0;min-height:450px}.progress-story{gap:30px}}@media(max-width:650px){.hero{gap:20px}.hero-copy{order:2}.story-stage{order:1;min-height:0;padding:0 5px 25px}.speech{width:100%;max-width:410px;padding:23px}.speech h2{font-size:30px}.speech .question{font-size:21px}.fim-arrival{margin-top:15px;width:128px;height:128px}.fim-sprite{width:128px;height:128px;background-size:3072px 640px}.story-next{margin-top:12px}.hero h1{font-size:43px}.progress-story{grid-template-columns:1fr;gap:20px}.progress-story h2{font-size:32px}.story-guide p{font-size:15px}}@media(prefers-reduced-motion:reduce){.fim-arrival{animation:none}}

/* Match the app navigation wordmark. */
.app-wordmark{font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--muted);gap:0}.app-wordmark span{font-size:12px;letter-spacing:0;margin-left:18px;color:#e2c698}
.footer-language{display:flex;align-items:center;gap:12px}.footer-language label{margin:0;font-size:12px;color:var(--muted)}.footer-language select{font:inherit;font-size:13px;padding:8px 30px 8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}.footer-language select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}

/* Keep beta signup in the header; let the Fim lead the introduction. */
.header nav{margin-left:auto;margin-right:24px}.header .header-beta{font-size:12px;padding:10px 15px;gap:12px;white-space:nowrap}.hero-copy .micro{max-width:400px;margin-top:24px}.story-next{border-bottom:1px solid #ecd6a56b;padding-bottom:5px}.story-next:hover{color:var(--text);border-color:var(--text)}@media(max-width:650px){.header{gap:14px}.header .header-beta{padding:9px 11px;font-size:11px;gap:6px}.app-wordmark{font-size:12px;letter-spacing:.16em}.app-wordmark span{margin-left:9px}.header .header-beta span{font-size:16px}}

/* One shared next step below both hero columns. */
.hero .hero-next{grid-column:1 / -1;justify-self:center;justify-content:center;margin-top:0;padding:12px 20px;min-height:48px}.story-stage{min-height:0}.hero{row-gap:25px}@media(max-width:650px){.hero .hero-next{order:3;margin-top:4px}.story-stage{padding-bottom:0}}
.hero .hero-next{font-size:18px;gap:18px;padding:16px 26px;min-height:56px}.hero .hero-next span{font-size:24px}@media(max-width:650px){.hero .hero-next{font-size:17px}}
/* A brief blink and a few steps, with long quiet pauses in between. */
.fim-sprite{--fim-frame:160px;animation:fim-wander 3s 1.4s 1,fim-blink 3s 1.4s steps(1,end) 1}

@keyframes fim-wander{0%,48%,84%,100%{translate:0 0;rotate:0deg}52%{translate:12px -3px;rotate:4deg}56%{translate:24px 0;rotate:-3deg}62%{translate:24px 0;rotate:0deg}66%{translate:12px -3px;rotate:-4deg}70%{translate:0 0;rotate:3deg}74%{translate:-12px -2px;rotate:-3deg}78%{translate:0 0;rotate:0deg}}
@keyframes fim-blink{0%,42%,100%{background-position:0 0}40%{background-position:0 calc(-1 * var(--fim-frame))}}
@media(max-width:650px){.fim-sprite{--fim-frame:128px}}
@media(prefers-reduced-motion:reduce){.fim-sprite{animation:none!important}}
/* Link each chapter to its companion and keep benefit rows unnumbered. */
.section .eyebrow{font-size:12px;letter-spacing:1.6px;line-height:1.6}.companion-heading{display:flex;align-items:center;gap:18px}.companion-heading .fim-small{flex-basis:80px;width:80px;height:80px;background-size:1920px 400px}.idea .companion-heading h2{margin:0;font-size:35px}.idea-copy{align-self:center;padding-top:0}.idea-copy .lead{margin:0}.benefits article h3{grid-column:1 / -1}.benefits article p{grid-column:1 / -1}.story-guide{align-items:center}.section-heading>.eyebrow{margin-bottom:18px}@media(max-width:650px){.section .eyebrow{font-size:11px;letter-spacing:1.2px}.idea .companion-heading h2{font-size:29px}.companion-heading{gap:12px}.benefits article{display:block}.benefits article h3{margin-bottom:10px}}
/* The companion introduces every chapter in the same place. */
.chapter-guide{display:flex;align-items:center;gap:24px;width:100%;grid-column:1/-1;margin-bottom:32px}.chapter-guide .fim-small{flex:0 0 88px;width:88px;height:88px;background-size:2112px 440px}.chapter-speech{position:relative;max-width:820px;margin:0!important;padding:22px 28px;border:1px solid #796184;border-radius:18px 18px 18px 4px;background:#382b46;font-size:clamp(24px,2.7vw,34px)!important;line-height:1.35;letter-spacing:-.7px;font-weight:500}.chapter-speech:before{content:"";position:absolute;left:-12px;top:calc(50% - 10px);width:12px;height:20px;background:#796184;clip-path:polygon(100% 0,100% 100%,0 50%)}.idea{display:block}.idea .idea-copy{margin-left:112px;max-width:710px}.idea .benefits{padding-top:38px}.inside .chapter-guide{margin-bottom:38px}.progress-story{grid-template-columns:.7fr 1.3fr;gap:26px 50px}.progress-story .chapter-guide{margin-bottom:8px}.progress-copy .lead{margin:0}.beta{gap:25px 90px}.beta .chapter-guide{margin-bottom:8px}.beta>div:not(.chapter-guide){padding-top:18px}@media(max-width:650px){.chapter-guide{gap:14px;margin-bottom:22px}.chapter-guide .fim-small{flex-basis:64px;width:64px;height:64px;background-size:1536px 320px}.chapter-speech{padding:17px 18px;font-size:24px!important;letter-spacing:-.4px}.idea .idea-copy{margin-left:0}.progress-story{grid-template-columns:1fr;gap:20px}.beta{gap:20px}.beta>div:not(.chapter-guide){padding-top:0}}

/* Accessibility: readable controls, reliable focus, and narrow-screen reflow. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.language-apply{font:inherit;font-size:13px;min-height:44px;padding:8px 12px;color:var(--text);background:var(--panel);border:1px solid #94809f;border-radius:6px}
.footer-language{flex-wrap:wrap}.footer-language select{min-height:44px;border-color:#94809f}
.header a,.footer nav a{min-height:44px;display:inline-flex;align-items:center}.header-beta{min-height:44px}.tabs button{min-height:44px;border-color:#94809f}
input,textarea{border-color:#94809f;font-size:16px}label{font-size:14px}.form-privacy,.footer small,.micro{font-size:12px}.form-privacy{line-height:1.8}
summary{min-height:44px;align-items:center}.footer nav{flex-wrap:wrap}.hero-copy,.story-stage,.beta>*,.progress-story>*{min-width:0}.speech,.chapter-speech{overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:fixed}.skip:focus{outline-offset:2px}
@media(max-width:650px){.hero-copy{order:0}.story-stage{order:0}.hero .hero-next{order:0}.tabs{flex-wrap:wrap}.header{flex-wrap:wrap;padding-block:14px}.header .header-beta{white-space:normal;max-width:60%;text-align:center}.panel-copy h3{min-width:0}.footer nav{gap:8px 20px}.chapter-speech{min-width:0}.hero h1{font-size:clamp(32px,10vw,43px)}}
@media(forced-colors:active){.button,.tabs button,.chapter-speech,input,textarea,select,.language-apply{border:1px solid ButtonText}.fim-small{forced-color-adjust:none}}
.fim-sprite.fim-snacking{background-position:0 calc(-2 * var(--fim-frame));animation:fim-munch 3s 1.4s 1;transform-origin:50% 75%}
@keyframes fim-munch{0%,100%{transform:scale(1) rotate(0deg)}12%,32%,52%,72%{transform:translateY(-2px) scale(1.025,.975) rotate(-1deg)}22%,42%,62%,82%{transform:scale(.99,1.01) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.fim-sprite.fim-snacking{animation:none!important}}
.fim-sprite{position:relative}.fim-laundry{display:none;position:absolute;width:50%;height:auto;left:25%;top:53%;image-rendering:pixelated}.fim-carrying-laundry .fim-laundry{display:block}
.fim-laundry{width:62%;left:19%;top:45%}
/* A small list for the list-making greeting. */
.fim-notepad,.fim-pencil{display:none;position:absolute;height:auto}.fim-notepad{width:43%;left:23%;top:49%;transform:rotate(-8deg)}.fim-pencil{width:17%;left:57%;top:42%;transform:rotate(30deg);transform-origin:50% 85%}.fim-writing{animation:none!important}.fim-writing .fim-notepad,.fim-writing .fim-pencil{display:block}.fim-writing .fim-pencil{animation:fim-write 2.7s 1.4s 1}.list-line{stroke-dasharray:20;stroke-dashoffset:0}.fim-writing .list-line{animation:list-ink .6s both}.fim-writing .line-one{animation-delay:1.5s}.fim-writing .line-two{animation-delay:2.3s}.fim-writing .line-three{animation-delay:3.1s}
@keyframes fim-write{0%,100%{translate:0 0;rotate:0deg}12%,38%,64%{translate:-5px 4px;rotate:-12deg}24%,50%,76%{translate:3px 6px;rotate:6deg}88%{translate:1px 9px;rotate:-5deg}}
@keyframes list-ink{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.fim-writing .fim-pencil,.fim-writing .list-line{animation:none!important}}
/* Fixed navigation with matching clearance for content and anchor targets. */
body{padding-top:110px}html{scroll-padding-top:130px}.header.wrap{position:fixed;z-index:100;top:0;left:0;width:100%;height:110px;min-height:0;margin:0;padding-inline:max(48px,calc((100% - 1200px)/2));background:#211a2ef5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.skip{z-index:110}
@media(max-width:950px){.header.wrap{padding-inline:24px}}
@media(max-width:650px){body{padding-top:84px}html{scroll-padding-top:104px}.header.wrap{height:84px;padding:10px 20px;flex-wrap:nowrap}.header .header-beta{max-width:65%}}
@media(forced-colors:active){.header.wrap{background:Canvas;border-color:CanvasText}}
.footer .footer-language{display:flex;gap:10px;align-items:center}.footer-language a{text-decoration:none;color:var(--muted);min-width:44px;min-height:44px;display:inline-flex;justify-content:center;align-items:center;font-size:13px}.footer-language a[aria-current]{color:var(--text);text-decoration:underline;text-underline-offset:6px;font-weight:650}.footer-language>span{color:var(--muted);font-size:12px}
/* Let the beta invitation and form use the full available section width. */
.beta{grid-template-columns:minmax(0,1fr);gap:20px}.beta>div:not(.chapter-guide){padding-top:0;max-width:780px}.beta form{width:100%}.beta form>input{max-width:540px}.optional-questions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.optional-questions>div{min-width:0}.optional-questions textarea{height:125px}.beta form>.button{width:auto;min-width:220px}.beta form>#form-status:empty{margin:0}.beta .form-privacy{max-width:780px}@media(max-width:650px){.optional-questions{grid-template-columns:1fr;gap:0}.beta form>.button{width:100%;min-width:0}}
.hero h1{margin-bottom:44px}@media(max-width:650px){.hero h1{margin-bottom:36px}}
.hero .hero-title{grid-column:1/-1;justify-self:center;width:100%;max-width:1000px;text-align:center;margin:0 0 24px}.hero{padding-top:55px;row-gap:32px}.hero-copy{align-self:center}.hero-copy .lead{margin-bottom:0}@media(max-width:650px){.hero .hero-title{margin-bottom:10px}.hero{padding-top:38px;row-gap:28px}}

/* Keep the title at the top of the left hero column. */
.hero{align-items:start}.hero-copy{align-self:start}.hero .hero-title{text-align:left;margin:0 0 44px;max-width:none}.story-stage{align-self:start;padding-top:0}@media(max-width:650px){.hero .hero-title{margin-bottom:36px}}
.hero{padding-top:85px}@media(max-width:650px){.hero{padding-top:58px}}
.chapter-guide{position:relative;padding-top:26px}.chapter-number{position:absolute;top:0;left:112px;color:var(--gold);font-size:12px;line-height:1;letter-spacing:2px;font-weight:600}@media(max-width:650px){.chapter-number{left:78px}}
.hero .hero-title{margin-bottom:30px}@media(max-width:650px){.hero .hero-title{margin-bottom:26px}}
/* Chapters take a viewport when their content fits, and grow naturally otherwise. */
:root{--nav-height:110px}main>section.hero,main>section.section{min-height:calc(100vh - var(--nav-height));min-height:calc(100svh - var(--nav-height));height:auto}.hero{align-content:space-between}.idea,.vision,.faq{display:flex;flex-direction:column;justify-content:center}.idea .idea-copy>p+p{margin-top:18px}.setup-notes{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:42px 0 0 112px;padding-top:28px;border-top:1px solid var(--line)}.setup-notes h3{font-size:18px}.setup-notes p{font-size:14px;color:var(--muted);margin-bottom:0}.inside{display:flex;align-items:center}.inside .app-shot{max-height:46svh;object-fit:contain;background:#191520}.inside .benefits{padding-top:18px}.inside .benefits article{padding-top:18px}.inside .benefits h3{font-size:18px}.progress-story{align-content:center}.beta{align-content:center}.vision{border-bottom:1px solid var(--line)}.vision-content{margin-left:112px}.vision-label{display:inline-block;padding:5px 12px;border:1px solid #94809f;border-radius:6px;font-size:12px;color:var(--gold)}.vision-content>.lead{max-width:760px}.vision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}.vision-cards article{border-top:1px solid var(--line);padding-top:22px}.vision-cards h3{font-size:18px}.vision-cards p,.vision-note{font-size:14px;color:var(--muted)}.vision-note{max-width:820px;margin-top:24px}@media(max-width:650px){:root{--nav-height:84px}.setup-notes,.vision-content{margin-left:0}.setup-notes,.vision-cards{grid-template-columns:1fr;gap:24px}.inside .app-shot{max-height:none}.hero{align-content:start}.vision-cards{margin-top:24px}.setup-notes{margin-top:30px}}
main>section.section{padding-block:60px}@media(max-width:650px){main>section.section{padding-block:48px}}
/* Put chapter numbers in a consistent gutter beside each companion. */
.chapter-guide{display:grid;grid-template-columns:24px 88px minmax(0,1fr);gap:20px;align-items:center;padding-top:0}.chapter-guide .chapter-number{position:static;line-height:1.5;text-align:left}.chapter-guide .chapter-speech{justify-self:start}.idea .idea-copy,.vision-content{margin-left:152px}.setup-notes{margin-left:152px}@media(max-width:650px){.chapter-guide{grid-template-columns:20px 48px minmax(0,1fr);gap:10px}.chapter-guide .fim-small{width:48px;height:48px;background-size:1152px 240px}.chapter-guide .chapter-number{font-size:11px;letter-spacing:1px}.idea .idea-copy,.vision-content,.setup-notes{margin-left:0}.chapter-speech{font-size:22px!important;padding:16px}}
/* One reading column below the companion question. */
.idea .idea-copy,.idea .setup-notes{align-self:stretch;margin-left:181px;margin-right:0;max-width:760px;width:auto;text-align:left}.idea .setup-notes{grid-template-columns:minmax(0,1fr);gap:28px}.idea .idea-copy>p{max-width:none}@media(max-width:650px){.idea .idea-copy,.idea .setup-notes{margin-left:0;max-width:none}}
.idea .idea-copy,.idea .setup-notes{margin-left:44px}@media(max-width:650px){.idea .idea-copy,.idea .setup-notes{margin-left:0}}
/* Balance the Fim, its question and the shared content edge. */
.chapter-guide{grid-template-columns:24px 72px minmax(0,1fr);gap:20px;margin-bottom:28px}.chapter-guide .fim-small{width:72px;height:72px;background-size:1728px 360px}.chapter-guide .chapter-speech{font-size:clamp(23px,2.35vw,29px)!important;line-height:1.35;padding:16px 22px;max-width:760px;text-align:left;border-radius:14px 14px 14px 4px}.idea .idea-copy{margin-left:44px;max-width:820px}.idea .idea-copy p{font-size:16px;line-height:1.8}.idea .idea-copy>p+p{margin-top:14px}.idea .setup-notes{margin-left:44px;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px;padding-top:0;border-top:0}.setup-notes article{padding:24px;border:1px solid #65516f;border-radius:12px;background:#2b2237}.setup-notes h3{font-size:18px;margin-bottom:12px}.setup-notes p{font-size:14px;line-height:1.75}.vision-content{margin-left:44px}@media(max-width:650px){.chapter-guide{grid-template-columns:20px 48px minmax(0,1fr);gap:10px}.chapter-guide .fim-small{width:48px;height:48px;background-size:1152px 240px}.chapter-guide .chapter-speech{font-size:21px!important;padding:14px 16px}.idea .idea-copy,.idea .setup-notes,.vision-content{margin-left:0}.idea .setup-notes{grid-template-columns:1fr;gap:16px}.setup-notes article{padding:20px}}
.idea-copy .matching-title{margin-top:28px;margin-bottom:12px;font-size:21px}
/* One stable reading edge for the manual app-preview slider. */
.inside .preview-shell,.inside .benefits{margin-left:44px}.preview-shell{border:1px solid #65516f;border-radius:14px;background:#241c30;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line)}.inside .tabs{justify-content:flex-start;flex-wrap:wrap;margin:0;gap:6px}.inside .tabs button{border-radius:7px;padding:10px 17px}.preview-arrows{display:flex;gap:8px;flex-shrink:0}.preview-arrows button{width:44px;height:44px;border:1px solid #94809f;border-radius:7px;background:transparent;color:var(--text);font-size:21px}.preview-arrows button:hover{background:#3b2e49}.inside .panel-copy{display:block;min-height:120px;padding:24px 24px 16px;margin:0}.inside .panel-copy h3{margin-bottom:8px;font-size:21px;min-width:0}.inside .panel-copy p{margin:0;max-width:760px;font-size:14px}.inside .app-shot{width:100%;height:auto;max-height:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}.preview-caption{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:14px 24px}.inside .image-note{margin:0;text-align:left;font-size:11px}.preview-count{font-size:11px;white-space:nowrap;color:var(--muted);margin:0}.inside .benefits{gap:28px;padding-top:30px}.inside .chapter-guide{margin-bottom:28px}@media(max-width:650px){.inside .preview-shell,.inside .benefits{margin-left:0}.preview-toolbar{align-items:start;gap:10px;padding:14px;flex-wrap:wrap}.inside .tabs{gap:5px}.inside .tabs button{padding:8px 12px;font-size:12px}.preview-arrows{margin-left:auto}.inside .panel-copy{padding:20px 16px;min-height:145px}.preview-caption{padding:14px 16px;flex-direction:column;gap:6px}.inside .benefits{gap:20px}}
.inside .preview-panel .app-shot{aspect-ratio:16/9;object-fit:contain;background:#191520}
/* A compact desktop chapter: explanation beside the image, not stacked above it. */
.inside.section{padding-block:32px}.inside .chapter-guide{margin-bottom:20px}.inside .preview-toolbar{padding:12px 18px}.inside .preview-panel{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);align-items:center;min-height:300px}.inside .panel-copy{padding:20px;min-height:0}.inside .panel-copy h3{font-size:20px}.inside .panel-copy>p{font-size:13px;line-height:1.6}.inside .preview-panel .app-shot{width:100%;height:auto;aspect-ratio:16/9;max-height:340px;border-top:0;border-left:1px solid var(--line);object-fit:contain}.panel-benefits{display:grid;gap:14px;margin-top:18px}.panel-benefits h4{font-size:13px;font-weight:650;margin:0 0 4px;color:var(--lavender)}.inside .panel-benefits p{font-size:12px;line-height:1.6}.panel-benefits:empty{display:none}.inside .preview-caption{padding:10px 18px}.inside .preview-shell{margin-top:0}.inside .image-note{font-size:10px}@media(max-width:750px){.inside.section{padding-block:38px}.inside .preview-panel{grid-template-columns:1fr;min-height:0}.inside .preview-panel .app-shot{border-left:0;border-top:1px solid var(--line);max-height:none}.inside .panel-copy{padding:20px 16px}.panel-benefits{grid-template-columns:1fr 1fr;gap:14px}.inside .preview-toolbar{padding:12px}.inside .preview-caption{padding:12px 16px}.inside .image-note{font-size:11px}}@media(max-width:420px){.panel-benefits{grid-template-columns:1fr}}
.panel-outlook{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.panel-outlook h4{font-size:13px;line-height:1.5;color:var(--gold);margin:0 0 6px}.inside .panel-outlook p{font-size:12px;line-height:1.6}
/* Focused feature scenes instead of scaled-down application windows. */
.inside .preview-panel{grid-template-columns:minmax(240px,.9fr) minmax(0,1.2fr);gap:24px;padding-right:28px}.feature-art{margin:24px 0;width:100%;max-width:440px;justify-self:center;min-width:0;font-size:15px}.mini-heading{display:flex;align-items:center;gap:16px;font-size:19px}.feature-fim{display:block;flex:0 0 64px;width:64px;height:64px;background:url('/assets/fim-sprite.png') 0 0/1536px 320px;image-rendering:pixelated}.mini-day{padding:20px 24px;border:1px solid var(--line);border-radius:20px;background:#2d253b;box-shadow:0 12px 30px #100c182b}.mini-quests,.mini-completed{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.mini-quests li{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px;background:#211a2e}.mini-quests strong{font-size:14px;font-weight:500}.mini-quests small{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:11px;color:#d1c4dd}.mini-checkbox{width:17px;height:17px;flex:0 0 17px;border:1px solid #b49cc7;border-radius:5px}.energy-dots{color:#e2c888;font-size:9px;letter-spacing:2px}.energy-1{color:#b1d3b9}.energy-2{color:#d7bae9}.mini-book{position:relative;padding:28px 28px 28px 42px;border:1px solid #826e91;border-radius:8px 20px 20px 8px;background:linear-gradient(100deg,#352841,#2b2237);box-shadow:8px 8px 0 #18121f}.book-spine{position:absolute;left:18px;top:0;bottom:0;border-left:1px solid #826e91}.mini-book .mini-heading>span{color:var(--gold);font-size:25px}.mini-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#c9b6d8;margin:22px 0 0}.mini-completed{gap:0}.mini-completed li{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.mini-completed li>span{color:#bbd8b7}.mini-world{position:relative;height:290px;overflow:hidden;border-radius:45% 45% 18px 18px;border:1px solid #887750}.mini-world img{width:100%;height:100%;object-fit:cover;transform:scale(1.5);object-position:50% 53%}.mini-world figcaption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #a38cba;background:#251c32ed;color:#f4edf9;border-radius:10px;padding:9px 14px;font-size:13px}.mini-milestones{display:grid;gap:16px}.milestone-card{padding:26px;border:1px solid #927c54;border-radius:18px;background:radial-gradient(ellipse at top right,#55413155,transparent 70%),#2d253b}.milestone-star{float:right;color:var(--gold);font-size:34px}.milestone-card small{display:block;color:#d6c1a1;font-size:12px;margin-bottom:12px}.milestone-card strong{font-size:20px;display:block;max-width:85%}.milestone-track{height:9px;background:#191420;border-radius:8px;margin-top:24px;overflow:hidden}.milestone-track>span{display:block;width:70%;height:100%;background:#daca91;border-radius:8px}.milestone-card p{font-size:12px;color:#dbcfdf;margin:9px 0 0}.future-fim{display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px dashed #8a7798;border-radius:16px}.future-fim strong{font-size:15px}.future-fim small{display:block;color:#c9b6d8;font-size:12px;margin-top:5px}.mystery-fim{margin-left:auto;font-size:32px;color:#b9a0cf}@media(max-width:750px){.inside .preview-panel{grid-template-columns:1fr;gap:0;padding:0}.feature-art{width:calc(100% - 40px);margin:4px auto 24px;max-width:420px}.mini-world{height:260px}}@media(max-width:380px){.mini-day{padding:16px}.mini-quests small{font-size:10px}.mini-book{padding-right:16px}.mini-world figcaption{font-size:11px}}
.inside .preview-panel{min-height:360px}.mini-day{padding:16px 22px}.mini-day .feature-fim{flex-basis:48px;width:48px;height:48px;background-size:1152px 240px}.mini-quests{gap:8px;margin-top:12px}.mini-quests li{padding:9px 12px}.mini-world img{transform:scale(1.23);object-position:50% 65%}@media(max-width:750px){.inside .preview-panel{min-height:0}}
.mini-quests .energy-1{font-size:18px;font-weight:700;line-height:1;letter-spacing:0}
.mini-quests .energy-dots{font-size:18px;font-weight:700;line-height:1;letter-spacing:0}
.milestone-card .future-fim{margin-top:22px;padding:18px 0 0;border:0;border-top:1px solid #927c5466;border-radius:0;gap:12px}.milestone-card .future-fim strong{font-size:15px;max-width:none}.milestone-card .future-fim small{font-size:12px;line-height:1.5;margin:5px 0 0;color:#d3c2df}
.progress-highlights{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;max-width:960px;margin:28px auto 0}.progress-highlights .mini-book{width:100%;margin:0;max-width:none;justify-self:stretch}.mood-preview{border:1px solid var(--line);border-radius:20px;padding:28px;background:#2b2237;min-width:0}.mood-preview .mini-heading{gap:12px}.mood-preview .mini-heading>span{font-size:30px;color:#d7bae9}.mood-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}.mood-days>div{display:flex;flex-direction:column;align-items:center;gap:8px}.mood-days small{color:#cfbfdc;font-size:12px}.mood-days svg{width:58px;height:58px}.mood-days span{font-size:12px;color:#e0d5e8;text-align:center}.motivation-preview{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.motivation-preview>span:nth-child(2){color:#d7bae9;letter-spacing:2px;margin-left:auto}.motivation-preview small{color:#cfbfdc;font-size:11px}.progress-example{grid-column:1/-1;margin:0;font-size:11px;color:#cfbfdc;text-align:center}@media(max-width:750px){.progress-highlights{grid-template-columns:1fr;gap:24px;max-width:440px}.mood-preview{padding:24px 20px}}
.progress-story{grid-template-columns:minmax(0,1fr);gap:22px}.progress-story .chapter-guide{margin-bottom:0}.progress-story .progress-copy{max-width:800px}.progress-story .progress-highlights{width:100%;margin:0 auto}.beta .unnumbered-guide{grid-template-columns:72px minmax(0,1fr);max-width:900px}.beta .unnumbered-guide .chapter-speech{max-width:760px}@media(max-width:650px){.beta .unnumbered-guide{grid-template-columns:48px minmax(0,1fr)}}

/* The Fim sits on the signup card, with a compact invitation beside it. */
.beta-signup-card{margin-top:42px;background:linear-gradient(145deg,#382c47,#2c2339);border:1px solid #6f567e;border-radius:16px;box-shadow:0 15px 50px #0002}.beta>div.beta-signup-card{max-width:none;padding-top:0}.beta-signup-card form{background:none;border:0;box-shadow:none;padding-top:26px}.beta-invitation{display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px;align-items:end;margin:-42px 28px 0 auto;max-width:540px}.beta-invitation .fim-small{width:80px;height:80px;background-size:1920px 400px;transform:translateY(10px)}.beta-invitation .speech{width:100%;max-width:600px;text-align:left;border-radius:22px 22px 22px 5px;padding:17px 22px}.beta-invitation .speech h2{font-size:clamp(19px,2vw,23px);line-height:1.4;letter-spacing:-.3px;margin:0}.beta-invitation .speech:after{left:-14px;bottom:17px;width:15px;height:20px;clip-path:polygon(100% 0,100% 100%,0 50%)}@media(max-width:650px){.beta-invitation{grid-template-columns:56px minmax(0,1fr);gap:12px;margin:-36px 16px 0}.beta-invitation .fim-small{width:56px;height:56px;background-size:1344px 280px}.beta-invitation .speech{padding:16px;font-size:18px}.beta-invitation .speech h2{font-size:18px}.beta-signup-card form{padding-top:24px}}
/* Use the open space beside the form introduction and email field. */
.beta-signup-card{position:relative;margin-top:0}.beta-invitation{position:absolute;top:28px;right:28px;display:flex;flex-direction:column;align-items:flex-end;gap:14px;width:280px;max-width:none;margin:0}.beta-invitation .speech{padding:16px 18px;border-radius:20px}.beta-invitation .speech h2{font-size:18px}.beta-invitation .speech:after{left:auto;right:28px;bottom:-13px;width:24px;height:24px;clip-path:polygon(0 0,100% 0,100% 100%)}.beta-invitation .fim-small{width:64px;height:64px;background-size:1536px 320px;transform:none;margin-right:9px}.beta-signup-card form{padding-top:36px}.beta-signup-card form>h3,.beta-signup-card form>p:first-of-type{max-width:calc(100% - 320px)}.beta-signup-card form>input{max-width:calc(100% - 320px)}@media(max-width:850px){.beta-invitation{position:static;width:calc(100% - 48px);max-width:340px;margin:24px 24px 0 auto}.beta-signup-card form{padding-top:20px}.beta-signup-card form>h3,.beta-signup-card form>p:first-of-type{max-width:none}.beta-signup-card form>input{max-width:540px}}
.beta-invitation .speech{order:0}.beta-invitation .fim-small{order:1}
.contact-form{margin-top:36px;max-width:780px}.contact-form h2{font-size:26px;margin-bottom:24px}.contact-form input,.contact-form textarea{font-size:16px}.contact-form textarea{resize:vertical}.contact-form .button{margin-top:22px}.contact-form .form-privacy,.contact-form [role=status]{font-size:13px;line-height:1.6}
.privacy-topic{margin-top:32px}.privacy-topic h2{font-size:25px;line-height:1.35;margin-bottom:14px}.privacy-topic p{font-size:16px;line-height:1.8;max-width:78ch}.privacy-topic code{overflow-wrap:anywhere;font-size:.95em}.privacy-topic a{overflow-wrap:anywhere}

/* Keep section links visible, including on smaller screens. */
.header .desktop-nav{display:flex;gap:20px;margin-left:auto;margin-right:0;white-space:nowrap;font-size:13px}
@media(max-width:850px){
 :root{--nav-height:128px}body{padding-top:128px}html{scroll-padding-top:148px}
 .header.wrap{height:128px;padding:12px 24px;flex-wrap:wrap;gap:6px 16px;align-content:center}
 .header .desktop-nav{order:3;flex:0 0 100%;min-width:0;gap:24px;overflow-x:auto;margin:0;font-size:12px;scrollbar-width:thin}
 .header .desktop-nav a{flex-shrink:0;min-height:40px}.header .header-beta{margin-left:auto;max-width:none}
}
@media(max-width:650px){.header.wrap{padding-inline:20px}.header .desktop-nav{gap:22px}.header .header-beta{font-size:11px;padding:9px 11px}}

[hidden]{display:none!important}.analytics-consent{position:fixed;z-index:120;bottom:20px;left:20px;right:20px;max-width:660px;margin-left:auto;padding:24px;background:#2d243c;border:1px solid #94809f;border-radius:16px;box-shadow:0 12px 50px #0007;max-height:80svh;overflow:auto}.analytics-consent h2{font-size:21px;line-height:1.4;letter-spacing:normal;font-weight:600;margin:0 0 12px}.analytics-consent p{font-size:14px;line-height:1.6;margin:0 0 20px}.analytics-consent>div{display:flex;gap:12px}.analytics-consent button{flex:1;min-height:44px;padding:10px 18px;border:1px solid #ddc1f2;border-radius:8px;background:#ddc1f2;color:#291e36;font-weight:600}.footer [data-analytics-settings]{padding:0;border:0;background:none;color:inherit;text-decoration:underline;min-height:44px;font-size:inherit;text-align:left}.analytics-consent button:hover{background:#ecd8f7}

/* Keep every preview in the same grid slot so switching cannot move the footer.
   Inactive panels still size the slot, but remain invisible and inaccessible. */
.inside .preview-shell{display:grid;grid-template-columns:minmax(0,1fr)}
.inside .preview-toolbar{grid-row:1}
.inside .preview-panel{grid-area:2/1;min-width:0}
.inside .preview-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.inside .preview-caption{grid-row:3;min-width:0}
.preview-count{flex-shrink:0;font-variant-numeric:tabular-nums}
@media(max-width:650px){
 .inside .preview-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .inside .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
 .inside .tabs button{min-width:0;min-height:44px;padding:8px 4px;font-size:12px;overflow-wrap:anywhere}
 .preview-arrows{width:100%;margin:0;justify-content:space-between}
 .inside .preview-caption{flex-direction:row;align-items:flex-end;gap:12px}
 .inside .image-note{min-width:0}
}

/* Section labels share the navigation wording, with room for the full title. */
.chapter-guide{grid-template-columns:72px minmax(0,1fr);gap:10px 20px;margin-left:44px}
.chapter-label{grid-column:1/-1;color:var(--gold);font-size:12px;line-height:1.5;letter-spacing:1px;font-weight:600}
.chapter-guide>.fim-small{grid-column:1;grid-row:2}
.chapter-guide>.chapter-speech{grid-column:2;grid-row:2}
@media(max-width:650px){.chapter-guide{grid-template-columns:48px minmax(0,1fr);gap:10px;margin-left:0}.chapter-label{font-size:11px}}

/* Balance hero lines and keep short trailing words with their phrase. */
.hero .hero-title{text-wrap:balance}

.preview-caption>.preview-count:only-child{margin-left:auto}

/* Center arrows independently of text baselines and browser button padding. */
.preview-arrows button{display:grid;place-items:center;padding:0;line-height:1}
.preview-arrows button>span{display:block;line-height:1}
.header-beta>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}

/* Align progress text and examples with the section label and companion. */
.chapter-guide{width:calc(100% - 44px)}
.progress-story .progress-copy,.progress-story .progress-highlights{margin-left:44px;margin-right:0;width:calc(100% - 44px);max-width:none}
.progress-highlights{align-items:start}
@media(max-width:650px){.chapter-guide{width:100%}.progress-story .progress-copy,.progress-story .progress-highlights{margin-left:0;width:100%}}

/* Landing-page sections share one content width and the same reading edges. */
main>.faq.wrap{max-width:none}
.chapter-guide{width:100%;margin-left:0}
.chapter-guide .chapter-speech{width:100%;max-width:none}
.idea .idea-copy,.idea .setup-notes,.vision-content,
.inside .preview-shell,.inside .benefits,
.progress-story .progress-copy,.progress-story .progress-highlights{
 margin-left:0;margin-right:0;width:100%;max-width:none;
}
.beta>.beta-signup-card{width:100%;max-width:none}

/* Match the email input to one column of the optional questions below. */
.beta-signup-card form>input[type=email]{width:calc((100% - 28px)/2);max-width:none}
@media(max-width:650px){.beta-signup-card form>input[type=email]{width:100%}}

/* A quiet pixel-art ending for the opening scene. */
.hero-sparkles{grid-column:1/-1;justify-self:center;display:flex;align-items:center;justify-content:center;gap:18px;min-height:40px;padding-top:12px;color:var(--gold);pointer-events:none}
.hero-sparkles svg{display:block;width:10px;height:10px;fill:currentColor;opacity:.5}
.hero-sparkles svg:nth-child(2){width:18px;height:18px;opacity:.85}

/* Compact consent banner, centered along the lower edge. */
.analytics-consent{top:auto;left:50%;right:auto;bottom:20px;transform:translateX(-50%);display:grid;grid-template-columns:36px minmax(0,1fr) auto;column-gap:16px;align-items:center;width:min(960px,calc(100% - 40px));max-width:960px;margin:0;padding:18px 22px;max-height:calc(100svh - 40px);box-shadow:0 6px 24px #0005}.consent-cookie{display:block;width:36px;height:36px;margin:0;grid-column:1;grid-row:1 / 3}.analytics-consent h2{grid-column:2;font-size:17px;text-align:left;margin:0 0 6px}.analytics-consent p{grid-column:2;font-size:13px;line-height:1.5;margin:0}.analytics-consent>div{grid-column:3;grid-row:1 / 3;gap:8px}.analytics-consent button{padding:9px 14px;font-size:13px;white-space:nowrap}
@media(max-width:760px){.analytics-consent{bottom:12px;width:calc(100% - 24px);padding:16px;grid-template-columns:30px minmax(0,1fr);column-gap:12px}.consent-cookie{width:30px;height:30px;grid-row:1}.analytics-consent h2{margin:0;font-size:16px}.analytics-consent p{grid-column:1 / -1;margin-top:10px}.analytics-consent>div{grid-column:1 / -1;grid-row:auto;margin-top:14px}}

/* Anchor destinations do not need a focus frame around the whole section. */
main[tabindex]:focus-visible,section[tabindex]:focus-visible,div[id][tabindex]:focus-visible{outline:none}
/* Keep the form focus indicator within the control's own border. */
input:focus-visible,textarea:focus-visible,select:focus-visible,.footer-language select:focus-visible{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:-2px}

/* Stack identity fields along the first optional question column. */
.form-identity{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.form-identity input{max-width:none;width:100%}.beta-signup-card .form-identity{width:calc((100% - 28px)/2)}@media(max-width:650px){.beta-signup-card .form-identity{width:100%}}

/* Give the invitation its own space beside the stacked identity fields. */
@media(min-width:851px){.beta-invitation{top:36px;right:36px;width:calc(50% - 64px);max-width:420px;align-items:center;gap:22px}.beta-invitation .speech{padding:22px 26px}.beta-invitation .speech h2{font-size:21px;line-height:1.45}.beta-invitation .speech:after{right:calc(50% - 12px)}.beta-invitation .fim-small{flex:0 0 128px;width:128px;height:128px;background-size:3072px 640px;margin:0}}

/* Center the invitation in the free column beside the form introduction. */
.beta-form-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.beta-form-intro>p{font-size:13px;color:var(--muted)}.beta-form-top .form-identity{width:100%}.beta-form-top .beta-invitation{position:static;top:auto;right:auto;width:100%;max-width:420px;margin:0 auto;align-items:center}.beta-form-top .speech{text-align:center}.beta-form-top .fim-small{margin-right:0}@media(max-width:850px){.beta-form-top{grid-template-columns:1fr;gap:24px}.beta-form-top .beta-invitation{margin:0 auto 12px}.beta-form-top .speech:after{right:calc(50% - 12px)}}