@charset "UTF-8";
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{--bg:#f1f9ff;--ink:#143b56;--muted:#48677d;--accent:#ffdb40;--panel:#dceffc;--line:#aecbdc;--btn:#153e5b;margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure,blockquote{margin:0}p{margin-bottom:1.2em}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(42px,5.8vw,84px);font-weight:800;margin:24px 0}h2{font-size:clamp(32px,3.4vw,49px);font-weight:700;margin-bottom:24px}h3{font-size:23px;letter-spacing:-.02em;margin-bottom:14px;line-height:1.25}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,a,summary,td,th{overflow-wrap:anywhere}.wrap{width:min(1220px,calc(100% - 80px));margin-inline:auto}.section{padding-block:88px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.6;margin-bottom:20px}.lead{font-size:21px;line-height:1.65}.intro{font-size:20px;max-width:560px}.meta,figcaption{font-size:13px;color:var(--muted);line-height:1.65}.meta{margin-top:22px}.section-title{max-width:740px}.site-header{border-bottom:1px solid var(--line)}.header-row{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-weight:800;font-size:23px;letter-spacing:-.04em;text-decoration:none;line-height:1.15}.site-header nav{display:flex;gap:30px}.site-header nav a{font-size:14px;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.menu{display:none;background:transparent;border:1px solid var(--line);color:inherit;border-radius:6px;padding:9px 14px}.skip{position:absolute;top:-100px;left:16px;background:var(--ink);color:var(--bg);padding:12px;z-index:100}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:70px;padding-block:70px;min-height:730px}.hero>*{min-width:0}.hero-copy{position:relative;z-index:1}.app-line{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700}.app-line .app-icon{width:52px;height:52px;border-radius:14px;flex-shrink:0}.app-line small{display:block;font-size:13px;font-weight:400;color:var(--muted)}.hero-image{justify-self:center;max-width:275px;width:100%}.hero-image img{border-radius:20px;box-shadow:0 25px 65px #143b5622}.hero-image figcaption{margin-top:16px;font-size:12px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--btn);color:#fff;padding:16px 22px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.5;transition:transform .18s}.button:hover{transform:translateY(-3px)}.secondary{font-size:14px;font-weight:700}.hero-label{position:absolute;right:0;bottom:38px;background:var(--accent);padding:12px 20px;border-radius:8px;font-size:14px;font-weight:700;transform:rotate(-5deg);color:#17252e}.ribbon{background:var(--panel);border-block:1px solid var(--line)}.ribbon>.wrap{display:flex;justify-content:space-between;gap:24px;padding-block:22px;font-size:14px;font-weight:700}.overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:85px}.overview p:last-child{color:var(--muted)}.feature-section{background:var(--panel)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:40px}.features article{border-top:2px solid var(--ink);padding-top:25px}.features p{margin-bottom:0}.start{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:24px 0}.steps li:first-child{padding-top:0}.step-number{font-size:28px;font-weight:700;min-width:44px;line-height:1.2}.steps li>div{min-width:0}.steps p{margin:0}.mode-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:85px;align-items:center;margin-top:40px}.mode-layout figure{max-width:280px;justify-self:center}.mode-layout figure img{border-radius:16px}.mode-layout figcaption{margin-top:16px}.mode-layout article{border-bottom:1px solid var(--line);padding:25px 0}.reward{background:var(--panel)}.reward-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px}.practice-note{border-left:2px solid var(--ink);padding-left:32px;align-self:center}.community .section-title{max-width:850px}.table-note{max-width:780px;color:var(--muted)}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left}caption{text-align:left;font-size:13px;color:var(--muted);padding:15px 0}td,th{padding:20px 16px;border-bottom:1px solid var(--line)}th{font-size:14px}td:first-child{font-size:27px;font-weight:700}td:nth-child(2){font-weight:700}td:last-child{font-size:14px}.tips{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;border-top:1px solid var(--line)}blockquote{font:italic 36px/1.3 Georgia,serif;margin-top:40px;max-width:470px}cite{display:block;font:13px/1.65 Arial,sans-serif;margin-top:22px;color:var(--muted)}.tips-list article{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}.tips-list article:last-child{margin:0}.mistake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.mistake-grid article{border-left:3px solid var(--line);padding-left:24px}.editorial{background:var(--panel)}.editorial-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:85px;align-items:center}.editorial figure{max-width:270px;justify-self:center}.editorial img{border-radius:14px}.editorial figcaption{margin-top:18px}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:40px}.timeline article{border-top:1px solid var(--line);padding-top:25px}.timeline .eyebrow{display:block;margin-bottom:16px}.practical{border-top:1px solid var(--line)}.practical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 65px}.practical-grid article{padding-top:25px;border-top:1px solid var(--line)}.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:75px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;padding:22px 35px 22px 0;position:relative;list-style:none;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:19px;font-size:24px}details[open] summary:after{content:'−'}details p{color:var(--muted);padding-right:20px}.closing{text-align:center;padding-block:85px 100px;border-top:1px solid var(--line)}.closing h2{max-width:850px;margin-inline:auto}.closing .button{margin-top:12px}footer{background:var(--ink);color:var(--bg);padding:60px 0 28px}footer p{font-size:14px;margin-top:20px}.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:90px}.footer-grid h2{font-size:28px}.email{font-size:21px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid currentColor;padding-top:25px;margin-top:35px;font-size:13px;flex-wrap:wrap}.footer-bottom nav{display:flex;gap:24px}.notice{position:fixed;z-index:50;bottom:16px;left:16px;max-width:410px;width:calc(100% - 32px);padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);box-shadow:0 10px 45px #0002}.notice p{font-size:13px;margin-bottom:12px}.notice button{background:var(--btn);color:white;border:0;border-radius:5px;padding:8px 18px;font-size:14px}[hidden]{display:none!important}.legal{max-width:850px;padding-block:65px 100px}.legal h1{font-size:clamp(38px,5vw,60px)}.legal h2{font-size:28px}.legal section{margin-top:38px}.legal p{color:var(--muted)}.legal>a{font-size:14px}main>section>*,.wrap>*,.mode-layout>*,.editorial-layout>*,.reward-layout>*{min-width:0}
.ice h1,.ice h2{font-family:Georgia,serif;font-weight:400}.ice .hero-image{transform:rotate(4deg);padding:12px;background:white;border-radius:26px}.ice .hero{gap:80px}.ice .steps li{background:white;padding:24px;border:1px solid var(--line);border-radius:16px;margin-bottom:14px}.ice .features{gap:50px}.ice .feature-section{border-radius:60px 60px 0 0}.ice .hero-copy>.eyebrow{color:#416477}.ice .hero-image img{box-shadow:none}
.night{--bg:#0c2230;--ink:#e7f3f6;--muted:#adc2cc;--accent:#ffa48d;--panel:#173644;--line:#47606c;--btn:#b94832}.night h1,.night h2{font-family:Georgia,serif;font-weight:400}.night .hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px;min-height:0;padding-bottom:50px}.night .hero-copy{grid-column:1/-1;max-width:850px}.night h1{font-size:clamp(46px,6.8vw,98px)}.night .hero-image{grid-column:1;max-width:none}.night .hero-image img{border-radius:0}.night .hero-aside{align-self:end;border-left:1px solid var(--line);padding:25px;font:22px/1.5 Georgia,serif}.night .hero-aside span{font:12px/1.5 Arial,sans-serif;letter-spacing:.12em}.night .hero-aside p{margin:18px 0 0}.night .ribbon{background:#071a24}.night .mode-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:60px}.night .mode-layout figure,.night .editorial figure{max-width:none}.night .editorial-layout{grid-template-columns:1fr;gap:40px}.night .editorial-layout>div{max-width:850px}.night .features{display:block;columns:3;column-gap:40px}.night .features article{break-inside:avoid}.night .button{border-radius:0}.night .timeline{grid-template-columns:1fr;max-width:800px;margin-left:auto}.night footer{background:#061721;color:var(--ink)}.night footer :focus-visible{outline-color:#fff}
.puzzle{--bg:#fff;--ink:#152852;--muted:#4e607d;--accent:#ffe35f;--panel:#d9f7fc;--line:#acc6d4;--btn:#2548d2}.puzzle .hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding-block:65px;gap:65px}.puzzle .hero-image{max-width:270px;z-index:1;border:9px solid white;box-shadow:16px 16px 0 var(--accent);border-radius:0}.puzzle .hero-image img{border-radius:0;box-shadow:none}.puzzle .hero-image figcaption{padding:8px;font-size:12px}.puzzle .hero-number{position:absolute;top:15px;left:-12px;font-size:230px;font-weight:900;line-height:1;color:#d9f7fc;z-index:0}.puzzle h1{font-size:clamp(44px,5.8vw,80px)}.puzzle .hero-copy{align-self:center}.puzzle .button{border-radius:100px}.puzzle .ribbon{background:var(--accent);border:0}.puzzle .feature-section{background:var(--ink);color:white}.puzzle .features article{border-color:#6ce3ef}.puzzle .start{display:block}.puzzle .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}.puzzle .steps li{display:block;border-top:3px solid var(--btn);padding-top:22px;border-bottom:0}.puzzle .step-number{display:block;margin-bottom:22px}.puzzle .mode-layout figure{box-shadow:-20px 20px 0 var(--accent)}.puzzle .reward{background:var(--accent)}.puzzle .tips{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.puzzle .tips-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.puzzle .editorial{background:var(--ink);color:white}.puzzle .editorial figcaption{color:#c4d8e5}
.bounce{--bg:#fff8dd;--ink:#193d27;--muted:#516549;--accent:#ffe34c;--panel:#e3edbd;--line:#acbb86;--btn:#245a30}.bounce h1,.bounce h2{font-weight:900;letter-spacing:-.055em}.bounce .hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.bounce .bounce-frame{background:var(--accent);border-radius:180px 180px 35px 35px;padding:30px;transform:rotate(3deg);position:relative}.bounce .hero-image{max-width:245px;margin:auto}.bounce .hero-image img{border:7px solid var(--ink);border-radius:110px 110px 15px 15px}.bounce .hero-label{right:-12px;bottom:0;background:var(--ink);color:var(--accent);font-size:12px;line-height:1.4;transform:rotate(-7deg)}.bounce .button{border-radius:100px;border:2px solid var(--ink);box-shadow:4px 4px 0 #99b66a}.bounce .ribbon{background:var(--ink);color:var(--accent)}.bounce .feature-section{background:var(--accent)}.bounce .features article{border-top:0;border-left:3px solid var(--ink);padding:0 0 0 24px}.bounce .tips{border-top:0}.bounce blockquote{font-weight:700}.bounce .start{background:var(--ink);color:var(--bg);border-radius:24px;padding:50px}.bounce .steps li{border-color:#719467}.bounce .mode-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bounce .mode-layout figure{border:10px solid white;transform:rotate(-3deg);box-shadow:12px 12px 0 var(--accent)}.bounce .reward{background:var(--accent)}.bounce .editorial figure{transform:rotate(3deg)}.bounce .closing h2{font-size:clamp(40px,5.6vw,72px)}
.defense{--bg:#101b15;--ink:#f0f5e5;--muted:#bdcbb5;--accent:#c2f44f;--panel:#213725;--line:#4e6550;--btn:#38650f}.defense .site-header{border-bottom:3px solid var(--accent)}.defense .hero{display:block;text-align:center;padding-top:60px}.defense .hero-copy{max-width:900px;margin:auto}.defense .app-line{justify-content:center}.defense h1{font-size:clamp(50px,7vw,96px);text-transform:uppercase;line-height:.99}.defense .intro{margin-inline:auto;max-width:680px}.defense .actions{justify-content:center}.defense .hero-image{max-width:1050px;margin:45px auto 0;border:2px solid var(--line);padding:10px;background:#09110d;transform:rotate(-1deg)}.defense .hero-image img{border-radius:0}.defense .hero-aside{display:inline-block;margin-top:30px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.1em}.defense .ribbon{background:var(--accent);color:#132115}.defense .button{background:var(--accent);color:#10200f;border-radius:0;box-shadow:5px 5px 0 #52702e}.defense .notice button{background:var(--accent);color:#10200f}.defense .modes .mode-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px}.defense .mode-layout figure{max-width:none}.defense .modes .mode-layout article{padding:20px;background:var(--panel);margin-bottom:15px;border-left:4px solid var(--accent);border-bottom:0}.defense .editorial-layout{grid-template-columns:1fr;gap:40px}.defense .editorial figure{max-width:none}.defense .editorial-layout>div{max-width:900px}.defense .features h3{color:var(--accent)}.defense .community{border:1px solid var(--line);padding:45px;margin-block:60px}.defense footer{background:#080e0b;color:var(--ink)}.defense .timeline{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.defense .timeline article:last-child{grid-column:1/-1}.defense :focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:40px;min-height:650px}.hero h1{font-size:clamp(38px,5.5vw,64px)}.hero-image{max-width:235px}.overview,.start,.mode-layout,.reward-layout,.tips,.editorial-layout,.faq,.footer-grid{gap:42px}.header-row{gap:20px}.site-header nav{gap:20px}.brand{font-size:21px}.ice .hero{gap:40px}.puzzle .hero{gap:40px}.puzzle .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.bounce .bounce-frame{padding:20px}.defense h1{font-size:72px}.features,.mistake-grid,.timeline{gap:25px}.night .hero h1{font-size:70px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-row{min-height:78px;flex-wrap:wrap;gap:0}.brand{font-size:21px;max-width:calc(100% - 88px)}.menu{display:block}.site-header nav{display:none;width:100%;flex-direction:column;padding:22px 0;gap:18px}.site-header nav.open{display:flex}.hero,.ice .hero,.puzzle .hero,.bounce .hero{grid-template-columns:minmax(0,1fr);gap:38px;min-height:0;padding-block:45px}.hero h1,.night .hero h1{font-size:clamp(40px,9vw,66px)}.hero .intro{font-size:18px}.hero-image{max-width:250px}.hero-label{position:relative;right:auto;bottom:auto;justify-self:center;max-width:270px;margin:0}.ice .hero-image{max-width:255px}.ribbon>.wrap{flex-wrap:wrap;justify-content:flex-start;gap:12px 25px;padding-block:20px}.section{padding-block:60px}.overview,.start,.mode-layout,.reward-layout,.tips,.editorial-layout,.faq,.footer-grid,.night .mode-layout,.puzzle .tips,.bounce .mode-layout,.defense .modes .mode-layout{grid-template-columns:minmax(0,1fr);gap:32px}.features,.mistake-grid,.timeline,.defense .timeline{grid-template-columns:minmax(0,1fr);gap:25px}.features article{padding-top:22px}.start .section-title{margin-bottom:10px}.mode-layout{margin-top:25px}.mode-layout figure{max-width:250px}.night .features{columns:1}.night .features article+article{margin-top:28px}.night .hero{display:block}.night .hero-image{max-width:none;margin-top:30px}.night .hero-aside{margin-top:25px}.night .hero-aside p{font-size:20px}.puzzle .hero-image{order:2;max-width:240px}.puzzle .hero-number{font-size:160px;top:12px;left:0}.puzzle .hero-copy{order:1}.puzzle .steps{gap:25px}.puzzle .tips-list{grid-template-columns:1fr}.bounce .bounce-frame{width:min(320px,calc(100% - 20px));justify-self:center;transform:none;padding:25px}.bounce .hero-label{position:absolute;right:-8px;bottom:0}.bounce .start{padding:35px 24px}.practice-note{padding-left:22px}.editorial figure{max-width:240px}.night .editorial figure,.defense .editorial figure{max-width:none}.defense .hero-image{margin-top:35px}.defense .hero h1{font-size:clamp(42px,10.5vw,74px)}.defense .community{padding:28px 18px}.defense .timeline article:last-child{grid-column:auto}.practical-grid{grid-template-columns:1fr;gap:20px}.closing{padding-block:60px}td,th{padding:15px 8px}td:nth-child(2){font-size:14px}td:last-child{font-size:13px}td:first-child{font-size:22px}th{font-size:13px}blockquote{font-size:30px;margin-top:25px}.lead{font-size:19px}.footer-grid{gap:30px}.footer-bottom{gap:15px}.email{font-size:19px}.legal{padding-block:40px 65px}.legal h1{font-size:40px}.legal h2{font-size:26px}.ice .feature-section{border-radius:30px 30px 0 0}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.hero h1,.night .hero h1{font-size:38px}.actions{align-items:stretch;flex-direction:column;gap:20px}.actions .secondary{text-align:center}.button{padding:15px 16px;gap:12px}.puzzle .steps{grid-template-columns:1fr}.app-line{font-size:15px}.brand{font-size:19px}.hero-image{max-width:225px}.bounce .hero-image{max-width:215px}.defense .hero h1{font-size:42px}.footer-bottom nav{gap:17px}.ribbon>.wrap{font-size:13px}}
.notice{left:auto;right:16px}footer :focus-visible{outline-color:var(--bg)}.night footer :focus-visible,.defense footer :focus-visible{outline-color:var(--ink)}
@media(max-width:760px){.notice{position:static;margin:16px auto;width:calc(100% - 32px);max-width:none;box-shadow:none}.defense .notice{border-color:var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
.bounce h1{font-size:clamp(42px,5vw,72px)}
@media(max-width:1050px){.bounce .bounce-frame{transform:none}.bounce .hero-label{right:0}}
@media(max-width:760px){.bounce h1{font-size:clamp(40px,9vw,66px)}}
@media(max-width:420px){.bounce h1{font-size:38px}}