@font-face{font-family:Manrope;src:url('../fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#191919;--paper:#f3f2ed;--ink:#f5f5f0;--muted:#adada9;--line:#414141;--blue:#2460f4;--blue-light:#91b4ff;--ease:cubic-bezier(.16,1,.3,1);--gutter:5vw;color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:#91b4ff44;touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button{border:0}img{max-width:100%;display:block}::selection{background:var(--blue);color:white}h1,h2,h3,p{margin:0}h2,h3{text-wrap:balance}p{text-wrap:pretty}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue-light);outline-offset:7px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.blue{color:var(--blue)}.muted{color:var(--muted)}.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--blue);padding:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.scroll-progress{position:fixed;z-index:80;top:0;left:0;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left}
.site-header{position:absolute;inset:0 0 auto;z-index:20;padding:28px var(--gutter);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:800;letter-spacing:-.035em;line-height:1.1}.brand img{width:45px;height:50px;object-fit:contain}.brand-last{color:var(--blue-light)}.brand small{display:block;font-size:9px;letter-spacing:.26em;font-weight:600;margin-top:7px;color:#b9b9b9}.header-actions{position:fixed;z-index:20;right:var(--gutter);top:29px;display:flex;align-items:center;gap:22px}.entry-link{font-size:14px;display:flex;gap:22px;align-items:center;min-height:50px;padding:0 22px;border:1px solid #737373;border-radius:32px;background:#191919ed;transition:background .15s,border-color .15s}.entry-link:hover{background:var(--blue);border-color:var(--blue)}.entry-link span{font-size:24px}.menu-button{width:54px;height:54px;border-radius:50%;border:1px solid #737373;background:#191919ed;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;transition:background .15s}.menu-button:hover{background:var(--blue)}.menu-button span{height:1px;width:21px;background:white}
.hero{min-height:850px;height:100svh;max-height:1150px;position:relative;padding:150px var(--gutter) 28px;overflow:hidden;isolation:isolate}.hero-kicker,.eyebrow,.hero-foot,.chapter-top,.image-label,.footer-top,.menu-head,.demo-top,.demo-kicker{font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.6}.hero-kicker{display:flex;align-items:center;gap:12px}.blue-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-light)}.hero h1{position:relative;z-index:3;font-size:clamp(70px,11.35vw,220px);font-weight:800;line-height:1.04;letter-spacing:-.075em;margin-top:48px;pointer-events:none}.line-mask{display:block;overflow:hidden;padding-bottom:.05em}.line-reveal{display:block;transform-origin:0 100%;animation:hero-enter .85s var(--ease) both}.line-mask:nth-child(2) .line-reveal{animation-delay:.13s}.hero h1 .outline{font-size:1.04em;letter-spacing:-.074em}.hero-image{position:absolute;width:45%;height:56%;top:27%;right:7%;z-index:1;overflow:hidden;transform:translateY(var(--parallax,0px));animation:photo-enter 1s var(--ease) both}.hero-image img{height:100%;width:100%;object-fit:cover;filter:grayscale(1) brightness(.62);object-position:65% center}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:4;margin-top:28px;padding-right:5%}.hero-copy{max-width:430px;font-size:clamp(16px,1.35vw,23px);line-height:1.55}.hero-copy p+p{margin-top:12px}.hero-copy a{border-bottom:1px solid var(--ink);position:relative;z-index:7}.hero-copy a:hover{color:var(--blue-light);border-color:var(--blue-light)}.circle-link{width:146px;height:146px;border:1px solid #999;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:10px;letter-spacing:.12em;text-align:center;font-weight:650;line-height:1.4;transition:background .2s,border-color .2s,color .2s,transform .2s;flex:none}.circle-link .arrow{font-size:34px;font-weight:400;line-height:1}.circle-link:hover{background:var(--blue);border-color:var(--blue);color:white;transform:rotate(-7deg)}.hero-explore{background:#19191940;border-color:#d6d6d6}.hero-foot{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#b7b7b2;z-index:4;font-size:9px}.hero-foot a{padding:10px 0}.hero-foot span{align-self:center}.hero-foot a span{margin-left:25px;font-size:22px}.hover-photo{width:240px;height:165px;position:absolute;z-index:6;left:26%;top:52%;pointer-events:none;opacity:0;transform:rotate(-7deg) scale(.9);transition:opacity .2s,transform .35s var(--ease);box-shadow:0 12px 48px #0008}.hover-photo.active{opacity:1;transform:rotate(-5deg) scale(1)}.hover-photo img{width:100%;height:100%;object-fit:cover}
.section-pad{padding:130px var(--gutter)}.intro{border-top:1px solid var(--line);margin-top:20px}.eyebrow{color:var(--muted);margin-bottom:45px}.intro-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:12vw;align-items:end}.intro h2{font-size:clamp(38px,4.8vw,86px);font-weight:650;line-height:1.13;letter-spacing:-.055em}.intro-copy{padding-bottom:10px;font-size:17px;line-height:1.75;max-width:430px;color:#c6c6c1}.intro-copy p+p{margin-top:18px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;margin-top:24px;background:transparent;border-bottom:1px solid #909090;font-size:14px;font-weight:600;padding:10px 0}.text-link span{font-size:25px;transition:transform .2s}.text-link:hover span{transform:translate(4px,-4px)}
.chapter{padding:60px 0 110px;overflow:hidden}.chapter-top{display:flex;justify-content:space-between;margin:0 var(--gutter) 45px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;font-size:10px}.chapter-stage{position:relative;min-height:660px;height:59vw;max-height:930px;isolation:isolate}.chapter-title{position:absolute;top:0;left:8%;z-index:1;font-size:clamp(72px,12.2vw,225px);letter-spacing:-.075em;line-height:1.15;font-weight:800;white-space:nowrap;transform:translateX(var(--title-shift,0px))}.chapter-image{position:absolute;left:0;top:7.2vw;width:71%;height:calc(100% - 7.2vw);overflow:hidden;z-index:2;background:#303030;clip-path:inset(0)}.chapter-image img{width:100%;height:115%;object-fit:cover;transform:translateY(calc(-5% + var(--parallax,0px)));filter:brightness(.75)}.chapter-image::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 75%,#0006)}.chapter-title.title-outline{z-index:3;color:transparent;-webkit-text-stroke:1.5px var(--ink);pointer-events:none;clip-path:inset(7.2vw 0 0 0)}.chapter-number{position:absolute;top:21%;right:3%;font-size:21vw;line-height:1;font-weight:550;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #777}.chapter-link{position:absolute;bottom:6%;right:6.5%;z-index:4}.image-label{position:absolute;z-index:2;bottom:30px;left:var(--gutter);font-size:9px;letter-spacing:.15em;color:white}.chapter-detail{padding:45px var(--gutter) 0;display:grid;grid-template-columns:1fr 1fr;gap:12vw}.chapter-detail h3{font-size:clamp(25px,3vw,48px);letter-spacing:-.045em;line-height:1.2;font-weight:550}.chapter-detail p{font-size:17px;line-height:1.8;color:#c4c4bf;max-width:580px}.feature-tags{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:24px;font-size:10px;letter-spacing:.02em;color:#adada9}.feature-tags span{border-bottom:1px solid #4b4b4b;padding-bottom:8px}.chapter-right .chapter-image{left:auto;right:0}.chapter-right .chapter-title{left:14%;font-size:10.8vw}.chapter-right .chapter-number{right:auto;left:3%}.chapter-right .chapter-link{right:auto;left:6.5%}.chapter-right .image-label{left:auto;right:var(--gutter)}.chapter-right .chapter-image img{object-position:40% center}.chapter-last .chapter-image img{object-position:center 50%;filter:brightness(.6) saturate(.5)}
.day-section{background:var(--paper);color:#1a1a1a}.day-section .eyebrow{color:#555}.day-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:12vw;align-items:end}.day-layout h2{font-size:clamp(45px,6.5vw,105px);letter-spacing:-.065em;line-height:1.06}.day-layout .outline{-webkit-text-stroke-color:#1a1a1a}.day-layout p{font-size:18px;line-height:1.7;max-width:430px}.study-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:90px}.study-steps>div{border-top:1px solid #babbb8;padding-top:25px}.study-steps span{font-size:13px;color:#5d5d5d}.study-steps h3{font-size:40px;letter-spacing:-.04em;margin:28px 0 12px}.study-steps p{font-size:15px;line-height:1.6;max-width:260px;color:#4f4f4f}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.faq-section h2{font-size:clamp(35px,4vw,68px);letter-spacing:-.055em}.faq-section .eyebrow{margin-bottom:25px}.faqs details{border-bottom:1px solid var(--line)}.faqs summary{list-style:none;cursor:pointer;display:flex;gap:25px;align-items:center;justify-content:space-between;min-height:86px;font-size:18px;font-weight:500}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:27px;transition:transform .2s;font-weight:350}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{color:#bcbcb7;line-height:1.8;padding:0 28px 28px 0;font-size:15px}
.footer{padding:40px var(--gutter) 22px;background:var(--paper);color:#191919}.footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bcbcb8;padding-bottom:20px;font-size:10px}.motion-control{background:transparent;text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:11px}.footer h2{font-size:clamp(60px,14vw,250px);letter-spacing:-.085em;line-height:1.2;margin-top:50px;font-weight:800}.footer-cta{display:flex;justify-content:space-between;align-items:center;padding:10px 10% 55px 7%}.footer-cta p{font-size:21px;line-height:1.7}.footer-cta .circle-link{border-color:#333;width:160px;height:160px}.footer-cta .circle-link:hover{border-color:var(--blue)}.footer-base{display:flex;align-items:center;gap:50px;border-top:1px solid #bcbcb8;padding:24px 0}.footer-base img{width:180px;height:88px;object-fit:contain}.footer-base p{font-size:12px;line-height:1.6;color:#555}.footer-base a{margin-left:auto;font-size:12px;min-height:44px;display:flex;align-items:center;gap:18px}.preview-note{font-size:10px;color:#686863;border-top:1px solid #d1d1cc;padding-top:18px;line-height:1.7}
dialog{color:var(--ink);padding:0;border:0;background:var(--bg)}dialog::backdrop{background:#000a}dialog[open]{animation:dialog-enter .32s var(--ease) both}.menu-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:32px var(--gutter);background:var(--blue)}.menu-head{display:flex;align-items:center;justify-content:space-between}.close-button{font-size:35px;line-height:1;font-weight:300;background:transparent;border:1px solid #ffffff70;border-radius:50%;height:52px;width:52px;flex:none}.close-button:hover{background:#ffffff24}.menu-dialog nav{max-width:1150px;margin:40px auto 20px}.menu-dialog nav a{display:flex;align-items:center;gap:32px;font-size:clamp(33px,5.1vw,78px);font-weight:650;letter-spacing:-.05em;border-bottom:1px solid #ffffff40;padding:8px 0;transition:color .15s}.menu-dialog nav a span{font-size:11px;letter-spacing:.1em;font-weight:450}.menu-dialog nav a i{margin-left:auto;font-weight:350;font-style:normal}.menu-dialog nav a:hover{color:#c1d6ff}.menu-bottom{display:flex;justify-content:space-between;align-items:end;max-width:1150px;margin:30px auto 0;font-size:13px;line-height:1.5}.menu-bottom .text-link{border-color:#ffffff90}.demo-dialog{width:min(740px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:30px;background:var(--paper);color:#191919;border-radius:4px;overflow:auto}.demo-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;letter-spacing:.09em}.demo-top .close-button{border-color:#bbb;width:44px;height:44px;font-size:28px}.demo-dialog h2{font-size:31px;letter-spacing:-.05em;line-height:1.2;max-width:500px;margin:26px 0}.demo-tabs{display:flex;border-bottom:1px solid #c3c3bd;gap:18px}.demo-tabs button{background:transparent;min-height:50px;color:#666;font-size:13px;border-bottom:3px solid transparent;padding:0 8px}.demo-tabs button[aria-selected=true]{color:#1d50d1;border-color:var(--blue);font-weight:700}.demo-panel{min-height:295px;padding:30px 0 16px}.demo-kicker{font-size:9px;color:#555;letter-spacing:.08em}.demo-panel h3{font-size:25px;font-weight:600;letter-spacing:-.04em;margin:16px 0}.demo-panel p{font-size:15px;line-height:1.7;color:#555;max-width:580px}.demo-sample{padding:20px 16px;background:white;display:flex;align-items:center;gap:16px;border:1px solid #ddd;margin-top:22px}.sample-check{display:grid;place-items:center;width:37px;height:37px;background:#e9efff;color:var(--blue);flex:none;font-size:20px}.demo-sample strong{font-size:13px;display:block}.demo-sample div>span{display:block;font-size:11px;margin-top:5px;line-height:1.4;color:#666}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #ccc;padding-top:22px;font-size:12px;color:#666}.demo-next{background:var(--blue);color:white;padding:14px 19px;display:flex;gap:24px;min-height:47px;align-items:center;font-size:12px;font-weight:650}.cursor-ring{position:fixed;top:-80px;left:-80px;z-index:99;border:1px solid #a8a8a8;width:26px;height:26px;border-radius:50%;pointer-events:none;opacity:0;transition:width .2s,height .2s,border-color .2s,opacity .2s;mix-blend-mode:exclusion}.cursor-ring.over-link{width:52px;height:52px;border-color:white}
.reveal,.reveal-image{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.motion-ready .reveal.in-view{opacity:1;transform:none}.motion-ready .reveal-image{clip-path:inset(8% 0 8% 0);transition:clip-path .95s var(--ease)}.motion-ready .reveal-image.in-view{clip-path:inset(0)}
@keyframes hero-enter{from{transform:translateY(110%) skewY(5deg)}to{transform:translateY(0) skewY(0)}}@keyframes photo-enter{from{opacity:0;clip-path:inset(15% 0 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-top:180px}.hero h1{margin-top:55px}.hero-bottom{margin-top:35px}.chapter-stage{max-height:1100px}.chapter-number{font-size:330px}.section-pad{padding-top:170px;padding-bottom:170px}}
@media(max-width:1100px){.hero{min-height:780px;padding-top:155px}.hero h1{margin-top:45px}.hero-image{height:52%;top:29%;right:5%}.hero-bottom{margin-top:60px}.hero-copy{font-size:17px}.chapter-stage{min-height:570px}.chapter-link{right:6%;width:120px;height:120px}.chapter-right .chapter-link{left:6%}.chapter-detail{gap:7vw}.intro-layout,.day-layout{gap:7vw}.faq-section{gap:6vw}}
@media(max-width:760px){:root{--gutter:6vw}html{scroll-padding-top:88px}.site-header{padding-top:22px}.brand{font-size:13px;gap:8px}.brand img{width:32px;height:38px}.brand small{font-size:7px;margin-top:4px}.header-actions{top:22px;gap:10px}.entry-link{min-height:43px;font-size:12px;padding:0 15px;gap:11px}.entry-link span{font-size:18px}.menu-button{width:43px;height:43px}.menu-button span{width:17px}.hero{min-height:800px;max-height:none;height:100svh;padding-top:147px;padding-bottom:60px}.hero-kicker{font-size:8px;letter-spacing:.13em;gap:8px}.hero-kicker .blue-dot{width:6px;height:6px}.hero h1{font-size:11.45vw;letter-spacing:-.07em;line-height:1.19;margin-top:39px}.hero h1 .outline{-webkit-text-stroke-width:1px;font-size:1.05em}.hero-image{top:28%;width:76%;right:0;height:39%}.hero-image img{object-position:70% center;filter:grayscale(1) brightness(.48)}.hero-bottom{margin-top:190px;padding:0;align-items:end;gap:20px}.hero-copy{font-size:14px;max-width:65%;line-height:1.65}.desktop-break{display:none}.hero-explore{width:100px;height:100px;font-size:8px;background:transparent}.circle-link .arrow{font-size:27px}.hero-foot{font-size:7px;bottom:14px;gap:15px}.hero-foot a span{margin-left:10px;font-size:18px}.hover-photo{display:none}.section-pad{padding:85px var(--gutter)}.intro{margin-top:0}.eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:30px}.intro-layout,.day-layout{display:block}.intro h2{font-size:9vw}.intro-copy{font-size:15px;line-height:1.75;margin:32px 0 0 15%;max-width:430px}.text-link{font-size:12px;gap:20px;margin-top:16px}.chapter{padding:35px 0 75px}.chapter-top{margin-bottom:35px;font-size:8px;letter-spacing:.05em;gap:20px;padding-top:20px}.chapter-top>span:last-child{text-align:right;max-width:43%}.chapter-stage{min-height:410px;height:105vw;max-height:560px}.chapter-title{font-size:13.6vw;left:5%;top:0;letter-spacing:-.07em}.chapter-image{top:8vw;width:81%;height:calc(100% - 8vw)}.chapter-image img{width:100%;object-position:58% center}.chapter-title.title-outline{clip-path:inset(8vw 0 0 0);-webkit-text-stroke-width:1px}.chapter-number{font-size:25vw;top:33%;right:2%;z-index:3;-webkit-text-stroke-color:#f5f5f0}.chapter-link{width:86px;height:86px;right:3%;bottom:6%;font-size:7px;gap:4px;background:#191919ee}.chapter-right .chapter-title{font-size:11.1vw;left:5%}.chapter-right .chapter-link{left:3%}.chapter-right .chapter-number{left:1%}.chapter-right .chapter-image img{object-position:35% center}.image-label{bottom:20px;font-size:7px;letter-spacing:.06em;max-width:80%}.chapter-detail{padding-top:30px;display:block}.chapter-detail h3{font-size:29px;line-height:1.25}.chapter-detail p{font-size:14px;line-height:1.8;margin-top:20px;max-width:560px}.feature-tags{font-size:9px;gap:12px 15px;margin-top:18px}.day-layout h2{font-size:13vw}.day-layout p{font-size:16px;margin-top:32px}.study-steps{gap:22px;grid-template-columns:1fr;margin-top:45px}.study-steps>div{display:grid;grid-template-columns:25px 1fr;column-gap:18px;padding-top:18px}.study-steps h3{font-size:30px;margin:0;grid-column:2}.study-steps span{grid-row:1;align-self:center}.study-steps p{grid-column:2;max-width:none;font-size:14px;margin-top:10px}.faq-section{display:block}.faq-section h2{font-size:10vw;margin-bottom:30px}.faqs summary{font-size:16px;min-height:76px}.faqs p{font-size:14px}.footer{padding-top:25px}.footer-top{font-size:7px;gap:15px}.motion-control{font-size:9px}.footer h2{font-size:14.6vw;margin-top:45px;letter-spacing:-.075em}.footer-cta{padding:28px 0 40px;gap:18px}.footer-cta p{font-size:14px;line-height:1.7}.footer-cta .circle-link{width:105px;height:105px;font-size:8px;gap:5px}.footer-base{flex-wrap:wrap;gap:12px 20px;padding:12px 0 22px}.footer-base img{width:120px;height:65px}.footer-base p{font-size:10px;flex:1}.footer-base a{font-size:10px;min-height:44px;margin-left:0}.preview-note{font-size:9px}.menu-dialog{padding:22px var(--gutter)}.menu-head{font-size:10px}.menu-dialog nav{margin-top:55px}.menu-dialog nav a{font-size:9vw;padding:16px 0;gap:20px}.menu-dialog nav a span{font-size:9px}.menu-bottom{align-items:start;gap:20px;font-size:12px;flex-direction:column}.menu-bottom .text-link{margin-top:0}.close-button{width:44px;height:44px;font-size:28px}.demo-dialog{padding:22px}.demo-dialog h2{font-size:26px}.demo-top{font-size:8px;max-width:100%}.demo-tabs{gap:7px}.demo-tabs button{font-size:11px;padding:0 6px}.demo-panel{padding-top:22px;min-height:310px}.demo-panel h3{font-size:22px}.demo-panel p{font-size:14px}.demo-sample{padding:14px 10px;gap:10px}.demo-sample strong{font-size:12px}.demo-sample div>span{font-size:10px}.demo-bottom{font-size:10px;gap:8px}.demo-next{font-size:10px;padding:12px;gap:14px}.cursor-ring{display:none}}
@media(max-height:740px) and (min-width:761px){.hero{min-height:790px}.menu-dialog nav{margin-top:15px}.menu-dialog nav a{font-size:6vh;padding:6px 0}.menu-bottom{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-image,.chapter-title,.chapter-image img,.motion-ready .reveal{transform:none!important}.motion-ready .reveal{opacity:1!important}.motion-ready .reveal-image{clip-path:none!important}.hover-photo,.cursor-ring{display:none!important}}
html.reduce-motion{scroll-behavior:auto}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important}.reduce-motion .hero-image,.reduce-motion .chapter-title,.reduce-motion .chapter-image img,.reduce-motion .reveal{transform:none!important}.reduce-motion .reveal{opacity:1!important}.reduce-motion .reveal-image{clip-path:none!important}.reduce-motion .hover-photo,.reduce-motion .cursor-ring{display:none!important}
.day-section :focus-visible,.footer :focus-visible,.demo-dialog :focus-visible{outline:3px solid #1745be;outline-offset:5px}.menu-dialog :focus-visible{outline-color:#fff}.demo-panel:focus-visible{outline-offset:-4px}
@media(max-width:360px){.brand{font-size:10px;gap:6px}.brand img{width:25px;height:32px}.brand small{font-size:6px}.header-actions{gap:7px}.entry-link{padding:0 11px;gap:8px}}

/* Revisión 2: composición de Jomor, paleta real de BomberoFlash.
   Valores fuente: app.css (marca única) y sidebar-h49.css de la app. */
:root {
  --bg: #101c35;
  --paper: #f8fbff;
  --ink: #ffffff;
  --muted: #b7c6df;
  --line: #35496b;
  --blue: #2563eb;
  --blue-strong: #1d4ed8;
  --blue-deep: #1e3a8a;
  --blue-light: #93c5fd;
  --blue-soft: #eff6ff;
  --copy: #40516d;
  --light-line: #d9e4f2;
}
.hero { padding-top: 143px; min-height: 880px; }
.brand small { color: #b7c6df; }
.entry-link { background: var(--blue); border-color: var(--blue); color: white; }
.entry-link:hover { background: var(--blue-strong); border-color: var(--blue-strong); }
.menu-button { background: var(--paper); border-color: var(--light-line); }
.menu-button span { background: var(--bg); }
.menu-button:hover span { background: white; }
.hero h1 {
  font-family: 'Arial Black', Manrope, sans-serif;
  font-size: clamp(78px, 11.9vw, 220px);
  font-weight: 900;
  line-height: 1.03;
  letter-spacing: -.055em;
  margin-top: 48px;
  transform: translateY(var(--hero-shift, 0px));
}
.hero h1 .outline { font-size: 1.075em; letter-spacing: -.055em; -webkit-text-stroke: 2px var(--blue-light); }
.line-reveal { animation-duration: .9s; }
.hero-image { width: 53%; height: 59%; right: 3%; top: 27%; }
.hero-image img { filter: saturate(.4) brightness(.68); object-position: 60% center; }
.hero-side-note { position: absolute; top: 39%; right: 1%; writing-mode: vertical-rl; font-size: 9px; letter-spacing: .18em; color: var(--blue-light); }
.hero-copy { max-width: 510px; font-size: clamp(16px, 1.35vw, 22px); }
.hero-copy p:first-child { font-weight: 600; }
.hero-bottom { margin-top: 36px; padding-right: 1%; }
.hero-explore { background: #101c3570; border-color: #93c5fdbb; }
.hero-foot { color: #b7c6df; }
.hover-photo { width: 290px; height: 190px; top: 54%; left: 29%; box-shadow: 0 16px 60px #080f2480; }
.intro, .chapter:not(.chapter-right), .faq-section { background: var(--paper); color: var(--bg); }
.intro { margin-top: 0; border-top: 0; }
.intro .eyebrow, .faq-section .eyebrow { color: var(--blue-strong); }
.intro .muted { color: var(--blue); }
.intro-copy { color: var(--copy); }
.intro .text-link { color: var(--blue-strong); border-color: var(--blue); }
.chapter-title { font-family: 'Arial Black', Manrope, sans-serif; font-weight: 900; letter-spacing: -.055em; font-size: clamp(76px, 12vw, 225px); }
.chapter-title.title-outline { -webkit-text-stroke-color: white; }
.chapter:not(.chapter-right) .chapter-top { color: var(--copy); border-color: var(--light-line); }
.chapter:not(.chapter-right) .chapter-number { -webkit-text-stroke: 1.5px var(--blue); }
.chapter:not(.chapter-right) .chapter-link { border-color: var(--blue); color: var(--blue-strong); }
.chapter:not(.chapter-right) .chapter-link:hover { color: white; }
.chapter:not(.chapter-right) .chapter-detail p { color: var(--copy); }
.chapter:not(.chapter-right) .feature-tags { color: var(--copy); }
.chapter:not(.chapter-right) .feature-tags span { border-color: var(--light-line); }
.chapter-right .chapter-title { font-size: 10.5vw; }
.chapter-right .chapter-detail p { color: #c4d1e5; }
.chapter-right .chapter-number { -webkit-text-stroke-color: var(--blue-light); }
.chapter-right .chapter-link { border-color: var(--blue-light); }
.chapter-right .feature-tags { color: #b7c6df; }
.chapter-right .feature-tags span { border-color: var(--line); }
.chapter-image { background: var(--bg); }
.chapter-image img { filter: brightness(.84); }
.image-label { background: #101c35e8; color: white; padding: 7px 10px; font-size: 10px; }
.chapter-last .chapter-image img { filter: brightness(.72) saturate(.65); }
.day-section { background: var(--blue-soft); color: var(--bg); }
.day-section .eyebrow { color: var(--blue-strong); }
.day-layout .outline { -webkit-text-stroke-color: var(--blue); }
.day-layout p, .study-steps p { color: var(--copy); }
.study-steps>div { border-color: #bed3ef; }
.study-steps span { color: var(--blue-strong); }
.faqs details { border-color: var(--light-line); }
.faqs p { color: var(--copy); }
.footer { background: white; color: var(--bg); }
.footer-top, .footer-base { border-color: var(--light-line); }
.footer-cta .circle-link { color: var(--blue-strong); border-color: var(--blue); }
.footer-cta .circle-link:hover { color: white; }
.footer-base p, .preview-note { color: var(--copy); }
.preview-note { border-color: var(--light-line); }
.demo-dialog { background: white; color: var(--bg); }
.demo-dialog p, .demo-top, .demo-kicker, .demo-bottom { color: var(--copy); }
.demo-sample { background: var(--blue-soft); border-color: var(--light-line); }
.demo-sample div>span { color: var(--copy); }
.demo-tabs { border-color: var(--light-line); }
.demo-tabs button { color: var(--copy); }
.demo-tabs button[aria-selected=true] { color: var(--blue-strong); }
.sample-check { background: #dbeafe; }
.intro :focus-visible, .chapter:not(.chapter-right) :focus-visible, .faq-section :focus-visible { outline-color: var(--blue-strong); }
.menu-dialog nav a { font-family: 'Arial Black', Manrope, sans-serif; font-weight: 900; letter-spacing: -.04em; }
.menu-dialog[open] nav a { animation: menu-link-enter .45s var(--ease) both; }
.menu-dialog[open] nav a:nth-child(2) { animation-delay: .04s; }
.menu-dialog[open] nav a:nth-child(3) { animation-delay: .08s; }
.menu-dialog[open] nav a:nth-child(4) { animation-delay: .12s; }
.menu-dialog[open] nav a:nth-child(5) { animation-delay: .16s; }
@keyframes menu-link-enter { from { opacity: 0; transform: translateY(28px) skewY(3deg); } to { opacity: 1; transform: none; } }
@media(min-width:1600px) { .hero { padding-top: 175px; } .hero h1 { margin-top: 60px; } }
@media(max-width:1100px) and (min-width:761px) {
  .hero { min-height: 800px; }
  .hero-image { width: 56%; height: 54%; top: 29%; }
  .hero h1 { font-size: 11.7vw; }
  .hero-bottom { margin-top: 50px; }
  .hero-copy { max-width: 380px; }
}
@media(max-width:760px) {
  .hero { min-height: 770px; padding-top: 134px; }
  .hero h1 { font-size: 11.45vw; line-height: 1.14; margin-top: 35px; letter-spacing: -.055em; }
  .hero h1 .outline { -webkit-text-stroke-width: 1.2px; font-size: 1.07em; letter-spacing: -.045em; }
  .hero-image { width: 84%; right: 0; top: 28%; height: 38%; }
  .hero-image img { filter: saturate(.4) brightness(.62); object-position: 65% center; }
  .hero-side-note { display: none; }
  .hero-bottom { margin-top: 225px; padding-right: 0; gap: 14px; }
  .hero-copy { max-width: 65%; font-size: 14px; }
  .hero-explore { background: #101c3580; }
  .chapter-title { font-size: 12.8vw; letter-spacing: -.055em; }
  .chapter-right .chapter-title { font-size: 10.6vw; }
  .chapter-link { background: var(--bg); }
  .chapter:not(.chapter-right) .chapter-link { background: var(--paper); }
  .chapter:not(.chapter-right) .chapter-link:hover { background: var(--blue); }
}
@media(prefers-reduced-motion:reduce) { .hero h1 { transform: none!important; } }
.reduce-motion .hero h1 { transform: none!important; }

/* Revisión 3: ritmo y capas medidos en la referencia, no un fade genérico. */
/* Marca vigente, conservando el casco. Ningún cambio de tipografía ni movimiento. */
.current-wordmark { position: relative; display: block; width: 160px; aspect-ratio: 1750 / 545; overflow: hidden; flex-shrink: 0; }
.brand .current-wordmark img { position: absolute; width: 101.37%; max-width: none; height: auto; left: -1.09%; top: -36.7%; filter: brightness(0) invert(1); }
.current-wordmark::after { content: ''; position: absolute; inset: 0; background: #ffdf00; clip-path: polygon(48.98% 47.6%,47.12% 65.1%,50.78% 64.6%,41.01% 95.4%,44.66% 74.7%,42.09% 75.1%); }
@media(max-width:480px) { .brand { gap: 8px; } .current-wordmark { width: 104px; } }
:root { --out-cubic: cubic-bezier(.215,.61,.355,1); --out-quart: cubic-bezier(.165,.84,.44,1); }
html { scroll-behavior: auto; }
.hero { min-height: 880px; }
.hero h1, .hero-headline {
  position: absolute; top: 25vh; left: var(--gutter); right: var(--gutter);
  margin: 0; z-index: 1; pointer-events: none;
  font: 900 clamp(78px,10.7vw,210px)/1.08 'Arial Black',Manrope,sans-serif;
  letter-spacing: -.055em;
  transform: translateY(var(--hero-y,0px)) skewY(var(--hero-skew,0deg));
  opacity: var(--hero-opacity,1); transform-origin: center;
}
.hero-headline-front { z-index: 3; color: transparent; -webkit-text-stroke: 1.5px white; }
.hero-headline-front .line-reveal { color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px white; }
.hero .entrance-done { animation: none!important; }
.line-mask { overflow: visible; padding: 0; }
.line-reveal { animation: title-arrive 1200ms var(--out-cubic) 600ms backwards, title-opacity 600ms ease 600ms backwards; }
.line-mask:nth-child(2) .line-reveal { animation-delay: 600ms; }
.hero-kicker { animation: title-opacity 850ms ease 600ms backwards; }
.hero-bottom {
  position: absolute; top: calc(25vh + 23.1vw + 32px); left: var(--gutter); right: var(--gutter);
  margin: 0; padding: 0; align-items: center;
  transform: translateY(var(--hero-y,0px)) skewY(var(--hero-skew,0deg));
  opacity: var(--hero-opacity,1);
}
.hero-copy { max-width: 670px; animation: subtitle-arrive 1200ms var(--out-cubic) 700ms backwards, title-opacity 1250ms ease 700ms backwards; }
.hero-copy p+p { margin-top: 10px; }
.hero-copy a { display: inline-block; padding: 2px 0; }
.hero-explore { width: 130px; height: 130px; }
.hero-foot { animation: scroll-copy-arrive 1200ms var(--out-cubic) 800ms backwards, title-opacity 1250ms ease 800ms backwards; }
.hero-side-note { top: auto; bottom: 150px; }
.hero-image {
  animation: none; z-index: 2; pointer-events: none; opacity: 0;
  width: 58%; height: 57%; top: 21%; right: 6%;
  transform: translateY(15%) skew(4deg,-8deg);
  transition: transform 600ms ease, opacity 300ms ease;
  box-shadow: none;
}
.hero-image img { filter: brightness(.82); object-position: center; }
.hero-image-practicar.active { opacity: 1; transform: translateY(0) skew(3deg,-3deg); transition: transform 500ms var(--out-cubic), opacity 500ms ease; }
.hero-image-repasar { transform: translateY(-15%) rotate(4deg) skewY(-5deg); }
.hero-image-repasar.active { opacity: 1; transform: translateY(0) rotate(4deg) skewY(0); transition: transform 500ms var(--out-cubic), opacity 500ms ease; }
.chapter-title, .chapter-right .chapter-title { left: 0; font-size: 10.8vw; }
.chapter-right .chapter-title { font-size: 9.2vw; }
.chapter-title span { display: block; }
.motion-ready .chapter-title span { opacity: 0; transform: translateY(20vh) skewY(-5deg); transition: transform 500ms ease, opacity 500ms ease; }
.motion-ready .stage-in-view .chapter-title span { opacity: 1; transform: translateY(0) skewY(0); transition: transform 1400ms var(--out-cubic), opacity 1000ms var(--out-quart); }
.chapter-title.title-outline { clip-path: none; }
.chapter-image { top: 7.2vw; }
.chapter-image img {
  height: 100%; transform: scale(var(--image-scale,1));
  transform-origin: center; filter: brightness(.78);
}
.motion-ready .reveal-image { clip-path: none; transition: none; }
.chapter-number { transform: translate3d(var(--number-shift,0px),0,0); }
.chapter-number { right: 6%; }
.chapter-right .chapter-number { left: 1%; }
.footer-title { transform-origin: center; }
.motion-ready .footer-title { opacity: 0; transform: translateY(10vh) skewY(8deg); transition: opacity 400ms ease, transform 400ms ease; }
.motion-ready .footer-in-view .footer-title { opacity: 1; transform: none; transition: opacity 1400ms ease-out, transform 1400ms var(--out-cubic); }
.circle-link:hover { transform: none; }
.circle-link .arrow { transition: transform 300ms var(--out-cubic); }
.circle-link:hover .arrow { transform: rotate(-45deg); }
.menu-dialog { background: var(--bg); }
.menu-dialog::backdrop { background: transparent; }
.menu-dialog[open] { animation: menu-surface-in 1500ms ease both; }
.menu-dialog[open] .menu-head { animation: menu-content-in 1000ms var(--out-cubic) 500ms backwards; }
.menu-dialog[open] nav a { animation: menu-content-in 900ms var(--out-cubic) backwards; animation-delay: 500ms; }
.menu-dialog[open] nav a:nth-child(2) { animation-delay: 650ms; }
.menu-dialog[open] nav a:nth-child(3) { animation-delay: 800ms; }
.menu-dialog[open] nav a:nth-child(4) { animation-delay: 950ms; }
.menu-dialog[open] nav a:nth-child(5) { animation-delay: 1100ms; }
.menu-dialog[open] .menu-bottom { animation: menu-content-in 1000ms var(--out-cubic) 900ms backwards; }
.menu-dialog nav a { color: transparent; -webkit-text-stroke: 1px white; border-color: var(--line); }
.menu-dialog nav a:hover, .menu-dialog nav a:focus-visible { color: white; }
.menu-dialog nav a span, .menu-dialog nav a i { -webkit-text-stroke: 0; color: var(--blue-light); }
.menu-dialog.is-closing[open] { animation: menu-surface-out 1700ms ease both; }
.menu-dialog.is-closing[open] nav a { animation: menu-content-out 700ms ease-in both; animation-delay: 0ms; }
.menu-dialog.is-closing[open] nav a:first-child { animation-delay: 50ms; }
.menu-dialog.is-closing[open] .menu-head, .menu-dialog.is-closing[open] .menu-bottom { animation: menu-content-out 700ms ease-in both; }
@keyframes title-arrive { from { transform: translateY(120px) skewY(5deg); } to { transform: none; } }
@keyframes title-opacity { from { opacity: 0; } to { opacity: 1; } }
@keyframes subtitle-arrive { from { transform: translateY(130px) skewY(5deg); } to { transform: none; } }
@keyframes scroll-copy-arrive { from { transform: translateY(100px) skewY(5deg); } to { transform: none; } }
@keyframes menu-surface-in { 0% { background: #f8fbff00; } 33.333% { background: var(--paper); } 100% { background: var(--bg); } }
@keyframes menu-content-in { from { opacity: 0; transform: translateY(80px) skewY(-5deg); } to { opacity: 1; transform: none; } }
@keyframes menu-content-out { to { opacity: 0; transform: translateY(80px) skewY(-5deg); } }
@keyframes menu-surface-out { 0%,14.7% { background: var(--bg); } 50% { background: var(--paper); } 100% { background: #f8fbff00; } }
@media(min-width:1600px) { .hero h1, .hero-headline { margin: 0; } }
@media(max-width:1100px) and (min-width:768px) {
  .hero h1, .hero-headline { font-size: 10.7vw; margin: 0; }
  .hero-bottom { margin: 0; }
  .hero-copy { font-size: 17px; max-width: 510px; }
  .hero-image { width: 65%; height: 47%; top: 23%; }
}
@media(max-width:767.98px) {
  .hero { min-height: calc(780px + 26.2vw); height: 100svh; padding-top: 124px; }
  .hero h1, .hero-headline { top: 178px; font-size: 11.45vw; margin: 0; line-height: 1.14; }
  .hero-headline-front { display: none; }
  .hero-image-practicar { display: none; }
  .hero-image-repasar { opacity: 1; transform: none; width: 86%; height: 245px; top: calc(210px + 26.2vw); right: 0; }
  .hero-image-repasar.active { transform: none; }
  .hero-image img { filter: brightness(.85); }
  .hero-bottom { top: calc(495px + 26.2vw); margin: 0; gap: 20px; transform: none; opacity: 1; }
  .hero-copy { max-width: 67%; font-size: 14px; }
  .hero-explore { width: 92px; height: 92px; font-size: 8px; }
  .hero-foot { font-size: 7px; }
  .chapter-title, .chapter-right .chapter-title { left: 5%; font-size: 12.8vw; }
  .chapter-right .chapter-title { font-size: 10.6vw; }
  .chapter-image { top: 8vw; }
  .motion-ready .reveal-image { transform: translateX(105%); transition: transform 500ms ease; }
  .motion-ready .stage-in-view .reveal-image { transform: translateX(0); transition: transform 1000ms var(--out-cubic); }
  .chapter-right .chapter-number { left: 1%; }
  .chapter-number { right: 2%; }
  .menu-dialog nav { margin-top: 32px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-headline, .hero-bottom, .hero-copy, .hero-foot, .line-reveal, .chapter-title span, .chapter-number, .footer-title { opacity: 1!important; transform: none!important; }
  .reveal-image { transform: none!important; }
}
.reduce-motion .hero-headline, .reduce-motion .hero-bottom, .reduce-motion .hero-copy, .reduce-motion .hero-foot,
.reduce-motion .line-reveal, .reduce-motion .chapter-title span, .reduce-motion .chapter-number,
.reduce-motion .footer-title { opacity: 1!important; transform: none!important; }
.reduce-motion .reveal-image { transform: none!important; }
@media(min-width:768px) {
  .reduce-motion .hero-image { display: none; }
}

/* Revisión 3: cifras con la app en pantalla, «¿Te suena?» y contacto. */
.proof { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 4vw; align-items: center; border-top: 1px solid var(--line); padding-top: 110px; padding-bottom: 110px; overflow: hidden; }
.proof .eyebrow { color: var(--blue-light); margin-bottom: 28px; }
.proof h2 { font-family: 'Arial Black', Manrope, sans-serif; font-size: clamp(40px, 4.6vw, 84px); font-weight: 900; line-height: 1; letter-spacing: -.05em; text-transform: uppercase; text-wrap: balance; }
.proof-accent { display: block; color: transparent; -webkit-text-stroke: 2px var(--blue-light); }
.proof-copy > p:not(.eyebrow) { margin-top: 28px; max-width: 460px; font-size: 17px; line-height: 1.7; color: var(--muted); }
.proof-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 30px; margin: 44px 0 0; padding-top: 28px; border-top: 1px solid var(--line); }
.proof-stats div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; }
.proof-stats dd { margin: 0; font-family: 'Arial Black', Manrope, sans-serif; font-size: clamp(34px, 3.4vw, 56px); line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; color: #fff; }
.proof-stats dt { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.proof-device { margin: 0 -4vw 0 0; }
.proof-device img { width: 100%; height: auto; filter: drop-shadow(0 40px 60px #0007); }
.proof-device figcaption { margin-top: 6px; text-align: right; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.pains-title { margin-top: 110px; font-size: clamp(32px, 3.4vw, 58px); font-weight: 650; letter-spacing: -.05em; color: var(--bg); }
.pains { list-style: none; margin: 34px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--light-line); }
.pains li { padding: 30px 28px 34px 0; border-bottom: 1px solid var(--light-line); min-width: 0; }
.pains li:not(:nth-child(3n+1)) { padding-left: 28px; border-left: 1px solid var(--light-line); }
.pains q { display: block; font-size: clamp(19px, 1.6vw, 25px); font-weight: 700; line-height: 1.25; letter-spacing: -.03em; color: var(--bg); }
.pains q::before { content: '«'; color: var(--blue); }
.pains q::after { content: '»'; color: var(--blue); }
.pains p { margin-top: 14px; font-size: 15px; line-height: 1.65; color: var(--copy); max-width: 340px; }
.inline-link { text-decoration: underline; text-underline-offset: 3px; font-weight: 700; }
.faq-section .inline-link { color: var(--blue-strong); }
@media (max-width: 1100px) { .proof { grid-template-columns: 1fr; } .proof-device { margin: 10px auto 0; max-width: 820px; } .pains { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pains li:not(:nth-child(3n+1)) { padding-left: 0; border-left: 0; } .pains li:nth-child(2n) { padding-left: 24px; border-left: 1px solid var(--light-line); } }
@media (max-width: 760px) { .proof { padding-top: 80px; padding-bottom: 70px; gap: 30px; } .proof h2 { font-size: 11vw; } .proof-stats { gap: 22px 18px; } .proof-device { max-width: 330px; } .pains-title { margin-top: 70px; font-size: 9vw; } .pains { grid-template-columns: 1fr; } .pains li, .pains li:nth-child(2n) { padding: 24px 0; border-left: 0; } }
.ig-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 700; text-decoration: none; }
.ig-link span { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.ig-link:hover span { text-decoration-thickness: 2px; }
.ig-icon { flex: none; }
.ig-inline { min-height: 0; vertical-align: -3px; color: var(--blue-strong); }
.footer-cta .footer-ig { margin-top: 14px; font-size: 15px; color: var(--copy); }
.footer-ig .ig-link { color: var(--blue-strong); margin-left: 4px; }
.menu-ig { font-size: 15px; color: #fff; }
@media (max-width: 760px) { .footer-cta .footer-ig { font-size: 13px; } .footer-ig .ig-link { margin-left: 0; } }

/* Revisión 4: titulares que entran por líneas, cifras en los capítulos, dudas completas y ejemplo con pantallas reales. */
.rise-mask { display: block; overflow: hidden; padding-bottom: .1em; margin-bottom: -.1em; }
.rise { display: block; transform-origin: 0 100%; }
.motion-ready .reveal-lines .rise { opacity: 0; transform: translateY(110%) skewY(5deg); transition: transform 500ms ease, opacity 300ms ease; }
.motion-ready .reveal-lines.in-view .rise { opacity: 1; transform: none; transition: transform 1200ms var(--out-cubic), opacity 800ms var(--out-quart); }
.motion-ready .reveal-lines.in-view .rise-mask:nth-child(2) .rise { transition-delay: 120ms; }
.motion-ready .reveal-lines.in-view .rise-mask:nth-child(3) .rise { transition-delay: 240ms; }
.proof h2 .rise-mask:last-child { margin-top: .06em; }

.chapter-number b { display: block; font-weight: inherit; }
.chapter-number small { display: block; margin-top: 10px; font-size: 12px; font-weight: 650; letter-spacing: .14em; line-height: 1.4; text-transform: uppercase; text-align: right; -webkit-text-stroke: 0; color: var(--blue-strong); }
.chapter-number small { max-width: 240px; margin-left: auto; }
.chapter-right .chapter-number small { text-align: left; color: var(--blue-light); margin-left: 0; }
.chapter-number.is-wide { font-size: 13vw; }
@media (min-width: 1600px) { .chapter-number.is-wide { font-size: 205px; } }

.faq-section { align-items: start; }
.faq-head { position: sticky; top: 120px; }
.faq-lead { margin-top: 28px; max-width: 380px; font-size: 16px; line-height: 1.75; color: var(--copy); }
.faq-group + .faq-group { margin-top: 64px; }
.faq-group-title { padding-bottom: 14px; border-bottom: 1px solid var(--light-line); font-size: 11px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; color: var(--blue-strong); }
.faqs summary { transition: color .25s ease, padding-left .35s var(--ease); }
.faqs summary:hover { padding-left: 10px; color: var(--blue-strong); }
.faqs details[open] summary { color: var(--blue-strong); }
.faqs .faq-item.is-closing summary span { transform: none; }
.faq-body { overflow: hidden; }
.faqs { counter-reset: faq; }
.faqs .faq-item summary { justify-content: flex-start; }
.faqs .faq-item summary::before { counter-increment: faq; content: counter(faq, decimal-leading-zero); flex: none; min-width: 30px; font-size: 11px; font-weight: 650; letter-spacing: .08em; color: var(--blue-strong); font-variant-numeric: tabular-nums; }
.faqs .faq-item summary span { margin-left: auto; }
.faqs .faq-body p { padding-left: 55px; }
.faqs .faq-body p { max-width: 640px; }

.demo-dialog { width: min(1120px, calc(100% - 32px)); }
.demo-dialog h2 { max-width: none; }
.demo-panel { display: grid; grid-template-columns: minmax(0, 290px) minmax(0, 1fr); gap: 40px; align-items: center; min-height: 0; padding: 28px 0 24px; }
.demo-panel h3 { font-size: 28px; }
.demo-shot { margin: 0; overflow: hidden; border-radius: 14px; background: #f6f8fc; box-shadow: 0 0 0 1px var(--light-line), 0 34px 60px -30px #10204a80; }
.demo-shot img { width: 100%; height: auto; }
.motion-ready .demo-panel:not([hidden]) .demo-text { animation: demo-text-in .6s var(--ease) both; }
.motion-ready .demo-panel:not([hidden]) .demo-shot { animation: demo-shot-in .85s var(--ease) .06s both; }
@keyframes demo-text-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes demo-shot-in { from { opacity: 0; transform: translateY(28px) scale(.98); } to { opacity: 1; transform: none; } }


@media (max-width: 760px) {
  .chapter-number small { margin-top: 6px; font-size: 8px; letter-spacing: .1em; }
  .chapter-number.is-wide { font-size: 17vw; }
  .chapter-number small { max-width: 38vw; margin-top: 8px; padding: 5px 7px; background: var(--paper); }
  .chapter-right .chapter-number small { background: var(--bg); }
  .faq-head { position: static; }
  .faq-lead { margin: -8px 0 40px; font-size: 14px; }
  .faq-group + .faq-group { margin-top: 44px; }
  .faqs summary:hover { padding-left: 0; }
  .faqs .faq-body p { padding-left: 0; }
  .faqs .faq-item summary { gap: 14px; }
  .demo-panel { grid-template-columns: 1fr; gap: 20px; padding-top: 22px; }
  .demo-panel h3 { font-size: 22px; }
  .demo-shot { width: min(68vw, 270px); margin: 0 auto; border-radius: 24px; }
}
@media (prefers-reduced-motion: reduce) { .reveal-lines .rise { opacity: 1!important; transform: none!important; } }
.reduce-motion .reveal-lines .rise { opacity: 1!important; transform: none!important; }