:root{--paper:#f7f5ef;--paper2:#efede6;--ink:#1c2230;--muted:#67717d;--blue:#2545df;--blue-dark:#1737c0;--orange:#fa714e;--mint:#d9f5e9;--pale:#fce6df;--line:#d8d9d3;--white:#fffdf8;--shadow:0 16px 55px rgba(21,34,53,.07);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-serif:Georgia,'Times New Roman',serif;--r-sm:6px;--r-md:10px;--r-pill:999px;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#171c25;--paper2:#242b37;--ink:#f1f0e7;--muted:#adb5bf;--line:#414b55;--white:#202735;--mint:#224c49;--pale:#48302e;color-scheme:dark}}
:root[data-theme=dark]{--paper:#171c25;--paper2:#242b37;--ink:#f1f0e7;--muted:#adb5bf;--line:#414b55;--white:#202735;--mint:#224c49;--pale:#48302e;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13}h1,h2,.editorial-title,.footer-title{font-family:var(--font-serif);font-weight:500;letter-spacing:-.045em}em{font-weight:400}img{max-width:100%;display:block}.reading-progress{position:fixed;z-index:99;top:0;left:0;height:3px;width:0;background:var(--orange)}.skip-link{position:fixed;z-index:110;top:-120px;left:12px;background:#fff;padding:12px}.skip-link:focus{top:10px}
.site-header{min-height:86px;position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:14px 4.6%;gap:28px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-serif);font-size:17px;font-weight:700;line-height:.99;letter-spacing:-.035em;white-space:nowrap}.wordmark>span:nth-child(2){display:block}.wordmark-middle{display:block;font-size:13px;font-family:var(--font-sans);font-weight:700;letter-spacing:.01em;line-height:1.4}.wordmark-square{width:36px;height:36px;background:var(--blue);color:#fff;display:grid;place-items:center;border-radius:50% 50% 50% 8%;font-family:var(--font-serif);font-size:24px}.wordmark-period{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.main-nav a{text-decoration:none;transition:color .16s}.main-nav a:hover{color:var(--blue)}.header-tools{display:flex;align-items:center;gap:9px}.header-tools button{border:1px solid var(--line);background:transparent;color:var(--ink);height:40px}.lang-button{border-radius:var(--r-pill);padding:0 15px;display:flex;gap:6px;align-items:center;font-size:13px;font-weight:700}.theme-button{border-radius:50%;width:40px;font-size:20px}.header-start{display:inline-flex;align-items:center;gap:10px;text-decoration:none;background:var(--blue);border-radius:var(--r-sm);color:#fff;padding:10px 14px;font-size:13px;font-weight:700}.header-start:hover,.button-primary:hover{background:var(--blue-dark)}
.hero{min-height:min(780px,calc(100vh - 86px));display:grid;grid-template-columns:55% 45%;border-bottom:1px solid var(--line)}.hero-main{padding:clamp(55px,7vw,115px) 5.2vw 36px max(5vw,calc((100vw - 1450px)/2));display:flex;flex-direction:column;min-width:0}.eyebrow,.overline,.small-kicker,.challenge-label{font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:38px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}.hero h1{font-size:clamp(66px,7.5vw,126px);line-height:.91;margin:0 0 23px;max-width:900px;letter-spacing:-.065em}.hero h1 em{color:var(--blue);font-style:italic}.hero-subtitle{font-weight:700;letter-spacing:-.012em;font-size:clamp(17px,2vw,22px);margin-bottom:21px}.hero-explainer{font-size:16px;max-width:500px;line-height:1.8;color:var(--muted);margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{border:0;border-radius:var(--r-sm);padding:14px 18px;display:inline-flex;gap:10px;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:13px;transition:background .18s,transform .18s}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.46;cursor:not-allowed}.button-primary{background:var(--blue);color:#fff}.under-link{font-size:13px;font-weight:700;text-underline-offset:5px}.hero-bottom{font-size:11px;font-weight:700;letter-spacing:.1em;display:flex;flex-wrap:wrap;gap:20px;margin-top:auto;padding-top:50px;color:var(--muted)}.hero-visual{background:#2847e3;position:relative;min-width:0;overflow:hidden}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-note{position:absolute;padding:12px 18px;background:var(--white);color:var(--ink);font-family:var(--font-serif);font-weight:700;box-shadow:8px 8px 0 rgba(26,35,48,.13);font-size:clamp(12px,1.3vw,18px)}.note-a{top:8%;right:4%;transform:rotate(7deg)}.note-b{bottom:18%;left:4%;transform:rotate(-5deg)}.note-number{font-family:var(--font-sans);color:var(--blue);font-size:11px;letter-spacing:.1em;display:block}.visual-caption{position:absolute;bottom:16px;right:20px;font-size:11px;font-weight:700;letter-spacing:.1em;color:#fff;background:#151d39a8;padding:4px 8px}.chapter-strip{display:flex;justify-content:space-evenly;align-items:center;gap:14px;padding:17px 15px;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.chapter-strip b{font-size:15px;color:var(--orange)}
.section-wrap{padding:105px max(5vw,calc((100vw - 1450px)/2))}.section-label{border-top:1px solid currentColor;padding-top:14px;display:flex;justify-content:space-between;gap:12px;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;margin-bottom:65px}.section-label>span:last-child{color:var(--muted)}.research-top{display:grid;grid-template-columns:1.15fr .85fr;column-gap:5vw;row-gap:40px;align-items:center}.overline{color:var(--blue);margin-bottom:20px}.editorial-title{font-size:clamp(43px,5.7vw,88px);line-height:1.04;max-width:950px;margin:0 0 40px}.editorial-title em{color:var(--blue)}.research-lead{margin:0;align-self:start}.research-note{align-self:start;max-width:520px}.research-note .fine-print{margin-top:0}.research-lead,.research-note p,.family-intro>p,.family-side>p{font-size:17px;line-height:1.85}.fine-print,.study-note{font-size:13px;color:var(--muted);line-height:1.75}.evidence-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:7px;text-decoration:none;font-weight:700;font-size:13px;margin-top:20px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px}.stat{border-radius:var(--r-sm);min-height:248px;padding:27px;display:flex;flex-direction:column}.stat p{font-size:13px;font-weight:700;max-width:250px;line-height:1.45}.stat strong{font-family:var(--font-serif);font-size:clamp(64px,7vw,120px);font-weight:400;letter-spacing:-.075em;line-height:1;margin-top:auto}.stat strong span{font-size:.43em}.stat small{font-size:13px;line-height:1.4;margin-top:15px}.stat-ink{background:#1a2232;color:white}.stat-peach{background:#ffb39c;color:#222733}.stat-light{background:#ccebe0;color:#1a2232}.study-note{margin-top:12px}
.scroll-story{background:#e9eee9;color:#1b2835;padding:80px 5vw 0}.scroll-story .section-label{margin-bottom:0}.scroll-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:8vw;align-items:start}.scroll-visual{position:sticky;top:110px;height:calc(100vh - 140px);min-height:475px;display:flex;align-items:center;padding:30px 0}.scroll-screen{background:#202b3c;color:white;width:100%;max-width:640px;height:min(570px,78vh);display:flex;flex-direction:column;border:10px solid #384558;border-radius:19px;box-shadow:0 28px 60px #1c263333;overflow:hidden}.screen-top,.screen-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:10px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid #536076}.screen-bottom{border-top:1px solid #536076;border-bottom:0}.screen-dot{height:9px;width:9px;border-radius:50%;background:#a6ecbf}.bubble{font-size:15px;border-radius:var(--r-md);padding:14px 18px;min-height:48px}.user-bubble{background:#526077;justify-self:end}.ai-bubble{background:#f1f0e9;color:#202b3c;justify-self:start;max-width:100%;min-width:150px;white-space:pre-line}.cursor{display:inline-block;width:7px;height:16px;background:#2944da;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.scroll-copy{padding-top:95px}.scroll-intro{max-width:490px;min-height:65vh}.scroll-intro .editorial-title{font-size:clamp(42px,5vw,74px)}.scroll-intro>p:last-child{color:#56616b;line-height:1.8;font-size:17px}.story-step{min-height:75vh;max-width:440px;display:flex;flex-direction:column;justify-content:center;padding:100px 0;opacity:.29;transition:opacity .35s;scroll-margin-top:140px}.story-step.is-active{opacity:1}.story-step>span{font-size:13px;font-weight:700;letter-spacing:.1em;color:#1f47ce}.story-step h3{font-family:var(--font-serif);font-size:clamp(33px,3.5vw,56px);margin:20px 0}.story-step p{font-size:17px;line-height:1.8}
.activities-intro{padding-bottom:40px}.activities-intro h2{font-size:clamp(43px,5.6vw,82px);max-width:940px;margin:0 0 25px}.activities-intro h2 em{color:var(--blue)}.activities-intro>p:not(.overline),.activities-copy>p:not(.overline){font-size:17px;color:var(--muted)}.challenge-index{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:60px}.challenge-index a{background:var(--white);text-decoration:none;padding:17px 15px;min-height:115px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-weight:700;font-size:13px;transition:transform .17s}.challenge-index a:hover{transform:translateY(-5px)}.challenge-index a>span:first-child{font-size:11px;color:var(--blue)}
.challenge{padding:90px max(5vw,calc((100vw - 1450px)/2)) 100px}.challenge-heading{display:flex;justify-content:space-between;gap:30px;margin-bottom:48px}.challenge-heading>div:first-child{max-width:850px}.challenge-heading h2{font-size:clamp(38px,5.15vw,76px);margin:15px 0 18px}.challenge-heading p{font-size:17px;max-width:700px;line-height:1.8;opacity:.83}.challenge-mark{font-family:var(--font-serif);font-style:italic;font-size:clamp(80px,10vw,160px);opacity:.16;line-height:.8}.challenge-blue{background:#2746d4;color:#fff}.challenge-cream{background:#f4ede2;color:#18212e}.challenge-sage{background:#dcf1e5;color:#18212e}.challenge-white{background:var(--paper);color:var(--ink)}.challenge-charcoal{background:#1b2332;color:#fff}.challenge-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.game-paper{background:#fffdfa;color:#222b36;border-radius:var(--r-md);padding:clamp(18px,3vw,38px);box-shadow:var(--shadow)}.game-topline,.game-bottom,.sorter-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.game-topline{border-bottom:1px solid #d3d6d2;padding-bottom:12px}.prompt-sentence{font-family:var(--font-serif);font-size:clamp(27px,3vw,45px);line-height:1.25;min-height:120px;margin:50px 0 35px}.prompt-sentence strong{background:#fbd39a;padding:3px 7px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-grid button,.quiz-options button{background:transparent;border:1px solid #9fa8b0;border-radius:var(--r-sm);padding:15px;text-align:left;color:inherit;font-weight:700}.option-grid button:hover:not(:disabled),.quiz-options button:hover:not(:disabled){background:#eef0f6;border-color:#2846dd}.option-grid button.selected{background:#d5e7fc;border-color:#2846dd}.option-grid button:disabled,.quiz-options button:disabled{cursor:default}.game-bottom{border-top:1px solid currentColor;margin-top:25px;padding-top:18px}.button-ink{background:#1e2735;color:white}.game-aside{border:1px solid rgba(255,255,255,.55);border-radius:var(--r-md);padding:33px;min-height:470px}.game-aside h3{font-family:var(--font-serif);font-weight:400;font-size:clamp(30px,3.2vw,47px);line-height:1.17}.game-aside>p{font-size:15px;line-height:1.8}.aside-source{font-size:13px;color:inherit;text-underline-offset:4px}.probability-bars{margin:20px 0 35px}.prob-row{display:grid;grid-template-columns:80px 1fr 44px;gap:10px;align-items:center;margin:9px 0;font-size:13px;font-weight:700}.prob-track{height:8px;border-radius:var(--r-sm);background:rgba(255,255,255,.22);overflow:hidden}.prob-fill{height:100%;width:0;background:#bef4db;transition:width .6s}.result-panel{min-height:40px;margin-top:18px;font-size:15px;line-height:1.7}.result-panel a{font-weight:700;text-underline-offset:3px}
.homework-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notebook-card,.exam-card{padding:clamp(22px,4vw,43px);border:1px solid #d4cfc5;border-radius:var(--r-sm);background:#fffdfa;min-height:430px}.notebook-card{background:repeating-linear-gradient(#fffdfa,#fffdfa 37px,#d7e0e8 38px)}.notebook-card h3,.exam-card h3{font-size:clamp(25px,3vw,40px);font-family:var(--font-serif);font-weight:400;line-height:1.3;margin:35px 0 28px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-tile{min-height:150px;text-align:left;background:#f6f2ea;border:1px solid #cac8c2;padding:20px;border-radius:var(--r-sm);color:#1e2532;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.choice-tile>b{font-size:27px;color:#2746d4}.choice-tile>span{font-size:15px;font-weight:700}.choice-tile>small{font-size:13px}.choice-tile.active{background:#e1eafc;border:2px solid #2746d4}.homework-help{margin-top:20px;font-size:15px;line-height:1.8}.exam-card label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.answer-input{display:flex;align-items:center;border:1px solid #bbc2c2;background:#fff;color:#1e2532;color-scheme:light;gap:8px;padding:6px 6px 6px 14px;border-radius:var(--r-sm);max-width:410px}.answer-input input{width:100%;min-width:0;border:0;outline:none!important;background:transparent;color:#1e2532;font-size:24px;padding:6px 0}.answer-input .button{flex:none;border-radius:0}
.answer-input:focus-within{outline:3px solid var(--orange);outline-offset:3px}.homework-help:empty,.result-panel:empty{min-height:18px}
.hunt-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:18px}.chat-exhibit{background:#fdfcf6;border-radius:var(--r-md);color:#1f2835;padding:25px 32px 30px}.chat-exhibit-head{font-size:11px;font-weight:700;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #d0d6ce;padding-bottom:13px}.chat-bot-icon{border-radius:100%;display:inline-grid;place-items:center;background:#2544d9;color:white;width:30px;height:30px;font-size:21px}.exhibit-label{font-size:11px;color:#576676;margin-top:14px}.chat-exhibit blockquote{background:#edf3ee;margin:25px 0;padding:25px;font-size:clamp(20px,2.25vw,29px);font-family:var(--font-serif);line-height:1.5;min-height:160px}.hunt-actions{display:flex;gap:10px;flex-wrap:wrap}.button-outline{border:1px solid #2544d9;color:#1a2e8b;background:transparent}.button-outline:hover{background:#dde8ff}.challenge-sage .game-aside{border-color:#b4cfc3}.fact-check-card{border-top:1px solid #99bcad;margin-top:40px;display:grid;padding-top:25px;gap:16px;font-size:13px;font-weight:700;letter-spacing:.1em}.fact-check-card span{border-bottom:1px dashed #94b5aa;padding-bottom:10px}
.sorter-game{max-width:790px;margin:auto}.sorter-top{padding:0 5px 16px}.sorter-card{background:#fefdf8;border:2px solid #29384b;min-height:290px;border-radius:var(--r-sm);padding:30px 40px;position:relative;box-shadow:10px 10px 0 var(--paper2);transition:transform .2s;color:#1a2433}.sorter-card p{font-family:var(--font-serif);font-size:clamp(25px,3.5vw,40px);line-height:1.3;margin:15px 0}.sort-quote-mark{font-family:var(--font-serif);font-size:45px;color:#2046e9;line-height:1}.sort-quote-mark.end{display:block;text-align:right}.sort-context{display:block;font-size:13px;font-weight:700;color:#677480}.sort-card-number{font-size:11px;font-weight:700;letter-spacing:.1em;color:#1e45e5}.sorter-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.sort-choice{border:1px solid var(--line);padding:16px 12px;background:var(--white);color:var(--ink);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.3;text-align:left}.sort-choice>span{font-size:22px}.sort-choice>b{font-size:13px}.sort-choice:disabled{opacity:.55}.sort-good{border-color:#4ca685}.sort-ask{border-color:#bf9454}.sort-no{border-color:#cc7d6d}.sorter-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:15px}.sorter-footer>span{font-size:11px;color:var(--muted)}.policy-context{max-width:830px;margin:45px auto 0;line-height:1.7;font-size:13px;color:var(--muted)}
.quiz-box{background:#263144;max-width:900px;margin:auto;border-radius:var(--r-md);padding:clamp(24px,4vw,58px)}.quiz-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:.1em}.quiz-track{display:flex;gap:6px}.quiz-track span{height:6px;width:28px;background:#526074}.quiz-track .on{background:#b5efd8}.quiz-box h3{font-family:var(--font-serif);font-size:clamp(27px,3.6vw,49px);font-weight:400;margin:50px 0 28px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-options button{color:#fff;border-color:#647185;background:#293950;display:flex;align-items:flex-start;gap:12px;font-size:15px}.quiz-options button .quiz-letter{font-size:11px;color:#c4efde}.quiz-options button:hover:not(:disabled){background:#3e4c65}.quiz-options .selected{background:#465a7e;border-color:#bcefd9}.button-light{background:#c9f4df;color:#172b28}
.family{background:var(--paper)}.family-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;margin-bottom:50px}.family-intro>p,.family-side{padding-top:35px;max-width:390px}.agreement-grid{display:grid;grid-template-columns:1fr 1fr;gap:3vw;align-items:start}.agreement-form{padding:36px 0}.agreement-form>label{font-size:13px;font-weight:700;display:block;margin-bottom:10px}.agreement-form>input{width:100%;height:49px;border-radius:var(--r-sm);border:1px solid var(--line);padding:12px;background:var(--white);color:var(--ink);margin-bottom:36px}.rule-checks{display:grid;gap:12px;margin-bottom:30px}.rule-checks label{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid var(--line);padding-bottom:11px;font-size:15px;line-height:1.6}.rule-checks input{accent-color:var(--blue);min-width:18px;height:18px;margin-top:3px}.agreement-preview{background:#fffefa;color:#1a2530;border:1px solid #d8d9d3;box-shadow:0 16px 43px #00000010;padding:clamp(25px,4vw,53px);min-height:690px}.preview-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.1em;border-bottom:2px solid #233fcc;padding-bottom:17px}.preview-head>span:last-child{font-size:25px;color:#2244e5}.agreement-preview .small-kicker{color:#2244e5;margin:55px 0 15px}.agreement-preview h3{font:400 clamp(27px,3vw,40px) var(--font-serif);margin-bottom:30px}.agreement-preview ol{padding-left:26px}.agreement-preview li{margin-bottom:18px;font-size:15px;line-height:1.5}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:75px}.signature-row span{font-size:11px;font-weight:700;border-top:1px solid #6d7279;padding-top:10px}.preview-foot{margin-top:40px;font-size:11px;color:#5f6872}
.resources{background:var(--paper2)}.social-header{display:flex;justify-content:space-between;gap:45px;margin-top:110px;align-items:end}.social-header h3{font:400 clamp(34px,4.5vw,60px) var(--font-serif);max-width:740px}.social-header>p{font-size:15px;max-width:330px}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}.social-card{background:var(--white);border:1px solid var(--line)}.social-frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#1d3fca}.social-frame img{width:100%;height:100%;object-fit:cover}.social-card-info{padding:15px 16px}.social-card-info>p{font-weight:700;font-size:15px;margin-bottom:10px}.social-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-card-bottom span{font-size:11px;color:var(--muted)}.social-card-actions{display:flex;gap:10px;flex-wrap:wrap}.social-card-actions a,.social-card-actions button{font-size:11px;font-weight:700;padding:5px 9px;text-decoration:none;background:var(--paper2);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm)}.source-section{margin-top:100px}.source-section h3{font:400 42px var(--font-serif)}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.source-list a{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-start;font-size:13px;text-decoration:none;padding:17px 0;gap:.3em}
.source-list a>.ic{margin-left:auto;flex:none}.source-list a:hover{color:var(--blue)}.evidence-details{margin-top:27px;border-top:1px solid var(--line);padding:20px 0}.evidence-details summary{font-weight:700;cursor:pointer}.evidence-details p{max-width:850px;font-size:13px;line-height:1.8;margin:20px 0}.print-only{display:none}
@media(min-width:1500px){.site-header{padding-left:calc((100vw - 1450px)/2);padding-right:calc((100vw - 1450px)/2)}}
@media(max-width:1020px){.main-nav{display:none}.hero-main{padding:65px 5vw 30px}.hero h1{font-size:clamp(60px,7vw,92px)}.hero-visual img{object-position:center}.scroll-layout{gap:4vw}.scroll-screen{height:480px}.challenge-index{grid-template-columns:repeat(3,1fr)}.challenge-index a{min-height:85px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:20px}.stat strong{font-size:70px}}
@media(max-width:740px){html{scroll-padding-top:70px}.site-header{min-height:67px;padding:10px 4%;gap:8px}.wordmark{font-size:13px}.wordmark-middle{font-size:11px}.wordmark-square{height:31px;width:31px;font-size:17px}.header-tools{gap:5px}.header-tools button{height:35px}.lang-button{padding:0 8px;font-size:11px}.theme-button{width:35px}.header-start{display:none}.hero{grid-template-columns:1fr}.hero-main{padding:53px 6% 29px}.eyebrow{font-size:11px;margin-bottom:29px}.hero h1{font-size:clamp(62px,14vw,98px)}.hero-subtitle{font-size:17px}.hero-explainer{font-size:15px}.hero-bottom{padding-top:38px;gap:8px;justify-content:space-between;font-size:11px}.hero-visual{height:430px}.hero-note{padding:9px 12px;font-size:13px}.chapter-strip{font-size:11px;gap:8px;flex-wrap:wrap;padding:12px 6%}.section-wrap{padding:64px 6%}.section-label{margin-bottom:34px;font-size:11px}.research-top,.family-intro,.agreement-grid{grid-template-columns:1fr;gap:12px}.editorial-title{font-size:clamp(42px,10vw,66px)}.research-lead,.research-note p{font-size:15px}.stat-row{grid-template-columns:1fr;gap:9px;margin-top:32px}.stat{min-height:160px}.stat strong{font-size:75px}.scroll-story{padding:58px 6% 0}.scroll-layout{grid-template-columns:1fr;gap:0}.scroll-visual{position:sticky;top:67px;z-index:1;height:270px;min-height:270px;background:#e9eee9;padding:10px 0}.scroll-screen{height:250px;border-width:5px;border-radius:var(--r-md);max-width:420px;margin:auto}.screen-top,.screen-bottom{padding:5px 10px;font-size:7px}.bubble{font-size:11px;padding:6px 9px;min-height:25px}.scroll-copy{padding-top:0}.scroll-intro{min-height:60vh;padding-top:42px}.scroll-intro>p:last-child{font-size:15px}.story-step{min-height:70vh;max-width:500px;padding:80px 0 160px;scroll-margin-top:360px}.story-step h3{font-size:35px}.story-step p{font-size:16px}.activities-intro{padding-bottom:35px}.activities-intro h2{font-size:clamp(41px,11vw,65px)}.challenge-index{grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.challenge-index a{font-size:13px;padding:12px;min-height:80px}.challenge{padding:64px 6% 76px}.challenge-heading{margin-bottom:28px}.challenge-heading h2{font-size:clamp(39px,10vw,58px)}.challenge-heading p{font-size:15px}.challenge-mark{display:none}.challenge-grid,.homework-grid,.hunt-grid{grid-template-columns:1fr}.game-paper,.chat-exhibit{padding:20px}.game-aside{min-height:0;padding:25px}.game-aside h3{font-size:36px}.prompt-sentence{font-size:33px;min-height:95px;margin:28px 0}.notebook-card,.exam-card{min-height:0;padding:25px}.notebook-card h3,.exam-card h3{font-size:30px}.sorter-card{padding:23px 22px;min-height:260px}.sorter-card p{font-size:28px}.sorter-controls{gap:5px}.sort-choice{padding:10px 6px;gap:4px;flex-direction:column;text-align:center}.sort-choice>b{font-size:11px}.sorter-footer>span{font-size:11px}.quiz-box{padding:25px 20px}.quiz-options{grid-template-columns:1fr}.quiz-box h3{margin:34px 0 20px}.agreement-form{padding:15px 0}.agreement-preview{min-height:550px;padding:27px}.social-header{display:block;margin-top:65px}.social-header>p{max-width:650px}.social-grid{grid-template-columns:1fr 1fr;gap:8px}.social-card-info{padding:10px}.social-card-info>p{font-size:13px}.social-card-bottom{display:block}.social-card-actions{margin-top:10px}.social-card-actions a,.social-card-actions button{font-size:11px}.source-section{margin-top:65px}.source-section h3{font-size:34px}.source-list{grid-template-columns:1fr}}
@media(max-width:400px){.hero h1{font-size:58px}.hero-visual{height:335px}.languageToggle{font-size:11px}.social-grid{grid-template-columns:1fr}.choice-tile{min-height:130px;padding:13px}.decision-grid{gap:7px}.answer-input{flex-wrap:wrap}.answer-input .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body>*:not(.print-only){display:none!important}.print-only{display:block!important;color:#18212b;background:#fff;padding:25mm;font:16px/1.6 var(--font-sans)}.print-only h1{font:48px var(--font-serif)}.print-only li{margin:10px 0}.print-only .signatures{display:flex;gap:35px;margin-top:80px}.print-only .signatures span{width:45%;border-top:1px solid #333;padding-top:10px;font-size:13px}.print-only .notice{font-size:11px;color:#555;margin-top:45px}@page{size:A4;margin:0}}
/* Prevent min-content sizing of the sticky illustrated screen on small devices. */
@media(max-width:740px){.scroll-layout{grid-template-columns:minmax(0,1fr)}.scroll-visual,.scroll-copy{min-width:0;width:100%}.scroll-screen{width:100%;max-width:100%}.scroll-conversation{min-width:0}}
.access-story{background:#e4eafc;color:#1b2839}.access-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.access-copy>p:not(.overline){font-size:17px;line-height:1.8}.access-copy .editorial-title{font-size:clamp(42px,5vw,76px)}.access-demo{background:#fffdf9;border-radius:var(--r-sm);box-shadow:0 15px 50px #23305816;padding:28px;color:#1e2a3a}.access-demo-head{font-size:11px;font-weight:700;letter-spacing:.1em;display:flex;gap:8px;justify-content:space-between;border-bottom:1px solid #ccd5e5;padding-bottom:14px}.access-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.access-toggle button{border:1px solid #b4c3d3;border-radius:var(--r-sm);padding:12px;text-align:left;background:transparent;color:#283545;font-weight:700;font-size:13px}.access-toggle button.active{background:#2547db;border-color:#2547db;color:#fff}.access-device b,.access-device small{display:block}.access-device small{font-size:13px}.access-demo h3{font:400 31px/1.2 var(--font-serif);margin:28px 0 15px}.access-demo .fine-print{font-size:11px;margin-top:23px}
@media(max-width:740px){.access-layout{grid-template-columns:1fr;gap:25px}.access-story{padding:65px 6%}.access-copy>p:not(.overline){font-size:15px}.access-demo{padding:20px}.access-demo-head{font-size:11px}.access-toggle button{font-size:11px}.access-demo h3{font-size:28px}}

/* 00 / How to use — site guide */
.guide{background:var(--paper2)}
.guide-top{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end;margin-bottom:64px}
.guide .editorial-title{font-size:clamp(42px,5vw,76px);margin-bottom:28px}
.guide-copy>p:not(.overline){font-size:17px;line-height:1.85;max-width:680px;margin:0}
.guide-for{background:var(--white);padding:24px 24px 14px}
.guide-for ul{list-style:none;margin:14px 0 0;padding:0}
.guide-for li{padding:12px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.55}
.guide-for li:first-child{border-top:0;padding-top:0}
.guide-steps-title{font-family:var(--font-serif);font-weight:500;letter-spacing:-.02em;font-size:28px;margin:0 0 20px}
.guide-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.guide-steps a{display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box;background:var(--white);padding:18px 16px;text-decoration:none;color:inherit;transition:transform .17s}
.guide-steps a:hover{transform:translateY(-5px)}
.guide-num{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--blue)}
.guide-steps strong{font-size:15px;line-height:1.3}
.guide-desc{flex:1;font-size:13px;line-height:1.55;color:var(--muted)}
.guide-go{color:var(--blue);font-weight:700}
.guide-tips{list-style:none;margin:44px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:13px;line-height:1.55;color:var(--muted)}
.guide-tips b{color:var(--ink)}
@media(max-width:1020px){.guide-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:740px){.guide-top{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.guide .editorial-title{font-size:clamp(38px,10vw,56px)}.guide-copy>p:not(.overline){font-size:15px}.guide-steps-title{font-size:23px}.guide-steps{grid-template-columns:1fr;gap:8px}.guide-steps a{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;padding:14px}.guide-num{grid-row:span 2;padding-top:3px}.guide-go{grid-row:1 / span 2;grid-column:3;align-self:center}.guide-tips{grid-template-columns:1fr;gap:12px;margin-top:32px}}

/* Icons: Lucide (https://lucide.dev, ISC license) drawn as currentColor masks */
.ic{display:inline-block;flex:none;width:1em;height:1em;vertical-align:-.14em;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;forced-color-adjust:none}
@media(forced-colors:active){.ic{background:CanvasText}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.9em;padding:0 .3em;border:1px solid var(--line);border-bottom-width:2px;border-radius:var(--r-sm);background:var(--white);font:inherit;vertical-align:middle}
.button .ic,.header-start .ic{font-size:1.15em}
.choice-tile>b{line-height:1}
.sort-choice>span{display:inline-flex;font-size:22px}
.sort-good>span{color:#2f7d5b}.sort-ask>span{color:#a87a1e}.sort-no>span{color:#b4533f}
.social-card-actions a,.social-card-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:30px}
.social-card-actions .ic{font-size:15px}
.ic-arrow-right{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14%22/%3E%3Cpath d=%22m12 5 7 7-7 7%22/%3E%3C/svg%3E")}
.ic-arrow-left{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m12 19-7-7 7-7%22/%3E%3Cpath d=%22M19 12H5%22/%3E%3C/svg%3E")}
.ic-arrow-up{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m5 12 7-7 7 7%22/%3E%3Cpath d=%22M12 19V5%22/%3E%3C/svg%3E")}
.ic-arrow-down{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 5v14%22/%3E%3Cpath d=%22m19 12-7 7-7-7%22/%3E%3C/svg%3E")}
.ic-chevron-left{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m15 18-6-6 6-6%22/%3E%3C/svg%3E")}
.ic-chevron-right{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m9 18 6-6-6-6%22/%3E%3C/svg%3E")}
.ic-external-link{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 3h6v6%22/%3E%3Cpath d=%22M10 14 21 3%22/%3E%3Cpath d=%22M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6%22/%3E%3C/svg%3E")}
.ic-download{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%22/%3E%3Cpath d=%22m7 10 5 5 5-5%22/%3E%3Cpath d=%22M12 15V3%22/%3E%3C/svg%3E")}
.ic-printer{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9V2h12v7%22/%3E%3Cpath d=%22M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2%22/%3E%3Crect width=%2212%22 height=%228%22 x=%226%22 y=%2214%22/%3E%3C/svg%3E")}
.ic-share-2{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2218%22 cy=%225%22 r=%223%22/%3E%3Ccircle cx=%226%22 cy=%2212%22 r=%223%22/%3E%3Ccircle cx=%2218%22 cy=%2219%22 r=%223%22/%3E%3Cpath d=%22m8.59 13.51 6.83 3.98%22/%3E%3Cpath d=%22m15.41 6.51-6.82 3.98%22/%3E%3C/svg%3E")}
.ic-rotate-ccw{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8%22/%3E%3Cpath d=%22M3 3v5h5%22/%3E%3C/svg%3E")}
.ic-check{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E")}
.ic-circle-check{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E")}
.ic-circle-help{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E")}
.ic-circle-x{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m15 9-6 6%22/%3E%3Cpath d=%22m9 9 6 6%22/%3E%3C/svg%3E")}
.ic-zap{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z%22/%3E%3C/svg%3E")}
.ic-lightbulb{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E%3Cpath d=%22M9 18h6%22/%3E%3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E")}

/* ---- Motion (only with html.motion; skipped for prefers-reduced-motion) ---- */
.motion #mainTitle:not(.tw-ready){visibility:hidden}
.tw-ch{opacity:0}.tw-ch.on{opacity:1}
.tw-caret{display:inline-block;width:.06em;height:.8em;margin-right:-.06em;background:var(--orange);vertical-align:-.04em;animation:blink 1s step-end infinite;transition:opacity .4s}
.typing .tw-caret{animation:none}
.tw-caret.done{opacity:0}
.motion .hero-main>:not(h1){opacity:0;translate:0 18px;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.7,.2,1)}
.motion .hero.hero-in .hero-main>*{opacity:1;translate:0 0}
.motion .hero-main>.eyebrow{transition-delay:.1s}
.motion .hero-main>.hero-subtitle{transition-delay:.85s}
.motion .hero-main>.hero-explainer{transition-delay:1s}
.motion .hero-main>.hero-actions{transition-delay:1.15s}
.motion .hero-main>.hero-bottom{transition-delay:1.3s}
.motion .hero-visual .hero-art{opacity:0;scale:1.08;transition:opacity 1s ease,scale 1.8s cubic-bezier(.2,.7,.2,1),translate .35s ease-out}
.motion .hero.hero-in .hero-visual .hero-art{opacity:1;scale:1.04}
.motion .hero-note{opacity:0;scale:.6;transition:opacity .45s ease,scale .6s cubic-bezier(.3,1.6,.5,1),translate .35s ease-out}
.motion .hero.hero-in .hero-note{opacity:1;scale:1}
.motion .hero.hero-in .note-a{transition-delay:1.1s,1.1s,0s}
.motion .hero.hero-in .note-b{transition-delay:1.35s,1.35s,0s}
.motion .visual-caption{opacity:0;transition:opacity .8s ease 1.6s}
.motion .hero.hero-in .visual-caption{opacity:1}
.motion [data-reveal]{opacity:0;translate:0 28px;transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0s),translate .9s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .17s}
.motion [data-reveal].in{opacity:1;translate:0 0}
.motion .section-label[data-reveal]{translate:none;border-top-color:transparent;background:linear-gradient(currentColor,currentColor) left top/0 1px no-repeat;transition:opacity .6s ease,background-size 1.1s cubic-bezier(.6,0,.2,1)}
.motion .section-label[data-reveal].in{background-size:100% 1px}
.motion .challenge-heading[data-reveal] .challenge-mark{translate:60px 0;transition:translate 1.1s cubic-bezier(.2,.7,.2,1) .15s}
.motion .challenge-heading[data-reveal].in .challenge-mark{translate:0 0}
.motion .chapter-strip b{display:inline-block;animation:spin 9s linear infinite}
@keyframes spin{to{rotate:360deg}}
@keyframes pop-in{from{opacity:0;translate:0 8px}}
.motion .result-panel:not(:empty),.motion .homework-help:not(:empty){animation:pop-in .4s ease-out}
.button .ic,.header-start .ic,.under-link .ic,.guide-steps .ic,.challenge-index .ic,.evidence-link .ic,.source-list .ic{transition:translate .2s ease}
.button:hover .ic-arrow-right,.header-start:hover .ic-arrow-right{translate:3px 0}
.under-link:hover .ic-arrow-down,.guide-steps a:hover .ic,.challenge-index a:hover .ic{translate:0 3px}
.evidence-link:hover .ic,.source-list a:hover .ic{translate:2px -2px}
.button{transition:background .18s,transform .18s,scale .12s ease}
.sort-choice,.choice-tile{transition:background .18s,border-color .18s,scale .12s ease}
.button:active:not(:disabled),.sort-choice:active,.choice-tile:active{scale:.97}
.ic-message-square{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z%22/%3E%3C/svg%3E")}
.ic-scissors{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%226%22 cy=%226%22 r=%223%22/%3E%3Cpath d=%22M8.12 8.12 12 12%22/%3E%3Cpath d=%22M20 4 8.12 15.88%22/%3E%3Ccircle cx=%226%22 cy=%2218%22 r=%223%22/%3E%3Cpath d=%22M14.8 14.8 20 20%22/%3E%3C/svg%3E")}
.ic-chart-column{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3v16a2 2 0 0 0 2 2h16%22/%3E%3Cpath d=%22M18 17V9%22/%3E%3Cpath d=%22M13 17V5%22/%3E%3Cpath d=%22M8 17v-3%22/%3E%3C/svg%3E")}
.ic-repeat{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m17 2 4 4-4 4%22/%3E%3Cpath d=%22M3 11v-1a4 4 0 0 1 4-4h14%22/%3E%3Cpath d=%22m7 22-4-4 4-4%22/%3E%3Cpath d=%22M21 13v1a4 4 0 0 1-4 4H3%22/%3E%3C/svg%3E")}
.ic-search-check{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m8 11 2 2 4-4%22/%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22/%3E%3Cpath d=%22m21 21-4.3-4.3%22/%3E%3C/svg%3E")}
.ic-triangle-alert{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3%22/%3E%3Cpath d=%22M12 9v4%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E")}
/* ---- 02 / Inside a chatbot: demo screen ---- */
.screen-stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;padding:22px 26px 18px;overflow:hidden}
.stage-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);background:#2e3a4f;color:#a6ecbf;font-size:11px;font-weight:700;letter-spacing:.1em}
.stage-chip .ic{font-size:14px}
.chat-thread{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:14px}
.chat-thread .user-bubble{align-self:flex-end;max-width:80%;border-bottom-right-radius:3px}
.stage-panel{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:0;max-width:100%}
.stage-panel.enter{animation:pop-in .45s ease-out}
.stage-label,.stage-note{margin:0;font-size:11px;letter-spacing:.1em;color:#9fb0c6}
.stage-label{font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.chat-thread .ai-bubble{border-bottom-left-radius:3px;line-height:1.5}
.ai-bubble.typing{display:inline-flex;align-items:center;gap:5px;min-width:0;min-height:0;padding:15px 16px}
.ai-bubble.typing span{width:7px;height:7px;border-radius:50%;background:#7d8aa0;animation:typing-dot 1.2s ease-in-out infinite}
.ai-bubble.typing span:nth-child(2){animation-delay:.15s}.ai-bubble.typing span:nth-child(3){animation-delay:.3s}
@keyframes typing-dot{0%,60%,100%{translate:0 0;opacity:.45}30%{translate:0 -4px;opacity:1}}
.token-row{display:flex;flex-wrap:wrap;gap:6px}
.tok{padding:7px 11px;border-radius:var(--r-sm);font-size:15px;font-weight:700;color:#1b2835;animation:pop-in .4s ease-out both;animation-delay:calc(var(--i)*110ms)}
.tok:nth-child(5n+1){background:#a6ecbf}.tok:nth-child(5n+2){background:#fcd9a8}.tok:nth-child(5n+3){background:#b9cdfb}.tok:nth-child(5n+4){background:#f7b9ae}.tok:nth-child(5n){background:#e3d3fa}
.cand-list{display:grid;gap:9px;width:100%;max-width:380px}
.cand{display:grid;grid-template-columns:72px 1fr 40px;align-items:center;gap:10px;font-size:13px;color:#c9d3e0}
.cand-word{font-weight:700}
.cand-bar{height:8px;border-radius:var(--r-pill);background:#2e3a4f;overflow:hidden}
.cand-bar b{display:block;height:100%;width:var(--w);border-radius:inherit;background:#6e7c93;transform-origin:left;animation:bar-grow .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*120ms)}
.cand.top{color:#fff}.cand.top .cand-bar b{background:#a6ecbf}
.cand-pct{text-align:right;font-variant-numeric:tabular-nums}
@keyframes bar-grow{from{transform:scaleX(0)}}
.stream-text .new{border-radius:var(--r-sm);animation:token-flash .7s ease-out}
@keyframes token-flash{from{background:#a6ecbf}}
.ai-bubble .cursor{width:2px;height:1.05em;margin-left:2px;vertical-align:-.18em;background:#2944da}
.verify-card{display:flex;align-items:flex-start;gap:12px;max-width:100%;padding:12px 14px;border:1px dashed #f0b35b;border-radius:var(--r-md);background:rgba(240,179,91,.1);color:#ffe2b5;animation:pop-in .45s ease-out .25s both}
.verify-card .ic{font-size:20px;color:#f0b35b;margin-top:1px}
.verify-card b{display:block;font-size:14px;line-height:1.35}
.verify-card small{display:block;margin-top:3px;font-size:12px;color:#d7c3a3}
.screen-steps{list-style:none;margin:0;padding:12px 18px 14px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;border-top:1px solid #536076}
.screen-steps li{font-size:9px;font-weight:700;letter-spacing:.1em;color:#7d8aa0}
.screen-steps li::before{content:'';display:block;height:3px;margin-bottom:7px;border-radius:var(--r-sm);background:#3a475c;transition:background .3s}
.screen-steps li.done::before{background:#5d8f78}
.screen-steps li.active{color:#a6ecbf}.screen-steps li.active::before{background:#a6ecbf}
@media(max-width:740px){
.screen-stage{padding:7px 10px 6px;gap:5px}
.stage-chip{padding:3px 8px;gap:5px;font-size:8px}.stage-chip .ic{font-size:10px}
.chat-thread{gap:6px}.stage-panel{gap:5px}
.stage-label,.stage-note{font-size:8px}
.ai-bubble.typing{padding:8px 10px}.ai-bubble.typing span{width:5px;height:5px}
.token-row{gap:4px}.tok{padding:3px 7px;border-radius:var(--r-sm);font-size:11px}
.cand-list{gap:5px}.cand{grid-template-columns:44px 1fr 28px;gap:6px;font-size:9px}.cand-bar{height:5px}
.verify-card{gap:7px;padding:5px 8px;border-radius:var(--r-sm)}.verify-card .ic{font-size:13px}.verify-card b{font-size:10px}.verify-card small{font-size:8px;margin-top:1px}
.stage-panel[data-step="4"] .ai-bubble{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.screen-steps{padding:5px 10px 6px;gap:4px}.screen-steps li{font-size:0}.screen-steps li::before{margin-bottom:0}
}

/* ---- Section illustrations ---- */
.section-art{margin:0;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;background:#2b44d6;box-shadow:10px 10px 0 rgba(26,35,48,.13)}
.section-art img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .7s cubic-bezier(.2,.7,.2,1)}
.section-art:hover img{scale:1.035}

.access-copy .section-art{margin-top:36px;max-width:520px}
.activities-top{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:end}
.activities-copy>:last-child{margin-bottom:0}

.family-side>p{margin-top:0}
@media(max-width:1020px){.activities-top{grid-template-columns:1fr 1fr;gap:4vw}}
@media(max-width:740px){.activities-top{grid-template-columns:1fr;gap:24px}.section-art{box-shadow:6px 6px 0 rgba(26,35,48,.13)}.research-top .section-art{margin:8px 0}.access-copy .section-art{margin-top:26px}.family-side{padding-top:0}}
.ic-smartphone{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2214%22 height=%2220%22 x=%225%22 y=%222%22 rx=%222%22 ry=%222%22/%3E%3Cpath d=%22M12 18h.01%22/%3E%3C/svg%3E")}
.ic-laptop{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16%22/%3E%3C/svg%3E")}
.ic-clock{--ic:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 6v6l4 2%22/%3E%3C/svg%3E")}
/* ---- 01B scenario explorer ---- */
.access-stat-bar{height:6px;margin-top:12px;border-radius:var(--r-pill);background:#dfe6f3;overflow:hidden}
.access-stat-bar b{display:block;width:48.8%;height:100%;border-radius:inherit;background:#2547db}
.access-toggle button{display:flex;align-items:center;gap:10px;transition:background .18s,border-color .18s,color .18s}
.access-toggle button .ic{font-size:17px;flex:none}
.access-toggle button:not(.active):hover{border-color:#2547db;color:#2547db}
.access-panel{animation:pop-in .4s ease-out}
.access-panel>*{animation:pop-in .45s ease-out both}
.access-device{display:flex;align-items:center;gap:16px;margin-top:24px;padding:18px 20px;border-radius:var(--r-sm);background:#e7edf9}
.access-device>.ic{font-size:40px;color:#2547db}
.access-device b{display:block;font-size:17px}
.access-device small{display:block;font-size:13px;color:#55627a;margin-top:2px}
.access-meters{display:grid;gap:10px;margin-top:18px}
.meter{display:grid;grid-template-columns:110px 1fr 92px;align-items:center;gap:12px;font-size:13px}
.meter-label{font-weight:700;color:#3a4759}
.meter-bar{height:8px;border-radius:var(--r-pill);background:#e3e9f4;overflow:hidden}
.meter-bar b{display:block;height:100%;width:var(--w);border-radius:inherit;background:#2547db;transform-origin:left;animation:bar-grow .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*90ms)}
.meter-value{color:#55627a;text-align:right}
.access-demo h3{font:400 26px/1.2 var(--font-serif);margin:26px 0 12px}
.access-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.access-steps li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e1e6ef;border-radius:var(--r-sm);background:#fff;animation:pop-in .4s ease-out both;animation-delay:calc(var(--i)*70ms)}
.access-steps li>.ic{font-size:20px}
.access-steps b{display:block;font-size:15px}
.access-steps small{display:block;font-size:13px;color:#5d6878;margin-top:1px}
.st-pill{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:var(--r-pill);white-space:nowrap}
.st-ok>.ic{color:#2f7d5b}.st-ok .st-pill{background:#dcf2e6;color:#1f6446}
.st-warn>.ic{color:#b07a17}.st-warn .st-pill{background:#fbefd5;color:#7d560c}
.st-block>.ic{color:#b4533f}.st-block .st-pill{background:#fbe2dc;color:#8e3b2a}
.access-tip{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:var(--r-sm);background:#fff6e6;color:#5b4210;font-size:13px;line-height:1.55}
.access-tip .ic{flex:none;font-size:17px;color:#d68a17;margin-top:1px}
.access-body{font-size:15px;line-height:1.7;margin:14px 0 0;color:#3a4759}
@media(max-width:740px){.access-device{padding:14px}.access-device>.ic{font-size:32px}.meter{grid-template-columns:86px 1fr 76px;gap:8px;font-size:11px}.access-demo h3{font-size:22px}.access-steps li{grid-template-columns:auto 1fr;gap:4px 10px}.st-pill{grid-column:2;justify-self:start}.access-toggle button{gap:7px}.access-toggle button .ic{font-size:15px}}

/* ---- Hero: live details on the illustration (steam, ticking watch) ---- */
.hero-art{position:relative;height:100%}
.hero-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.wisp{opacity:0;transform-box:fill-box;transform-origin:center bottom;animation:wisp 5.4s ease-in-out infinite}
.w2{animation-delay:1.8s}.w3{animation-delay:3.6s}
@keyframes wisp{0%{opacity:0;transform:translateY(34px) scaleX(.8)}22%{opacity:.8}65%{opacity:.4}100%{opacity:0;transform:translateY(-80px) scaleX(1.2)}}
.second-hand{transform-origin:176px 626px;animation:tick 60s steps(60) infinite}
@keyframes tick{to{transform:rotate(360deg)}}

/* ---- Consistency layer: icon spacing, text links, answer letters ---- */
.button .ic,.header-start .ic{font-size:1.1em}
.under-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding-bottom:4px;border-bottom:1.5px solid currentColor;line-height:1.2}
.under-link .ic{font-size:1.05em}
.lang-button{gap:8px}
.quiz-options button{align-items:flex-start;line-height:1.6}
.quiz-options button .quiz-letter{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;font-size:11px;line-height:1}

/* ---- Footer ---- */
.footer{background:#151c28;color:#e9ecf1;padding:84px max(5vw,calc((100vw - 1450px)/2)) 28px;border-top:1px solid rgba(255,255,255,.06)}
.footer-cta{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-kicker{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b3ebd3}
.footer-title{margin:0;max-width:760px;font-size:clamp(32px,4vw,56px);line-height:1.08;color:#fff}
.footer-title em{color:#b3ebd3}
.footer-cta-actions{display:flex;flex-wrap:wrap;gap:12px;flex:none}
.button-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.button-ghost:hover{background:rgba(255,255,255,.08)}
.footer .button-light:hover{background:#b3ebd3}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:40px;padding:56px 0}
.footer-wordmark{color:#fff}
.footer-about>p{margin:18px 0 0;max-width:340px;font-size:15px;line-height:1.6;color:#b7c0ca}
.footer-head{margin:6px 0 16px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8d98a8}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.footer-col a{display:inline-flex;align-items:center;gap:8px;color:#e9ecf1;text-decoration:none;font-size:15px;transition:color .15s}
.footer-col a .ic{font-size:13px;color:#8d98a8;transition:color .15s,translate .2s ease}
.footer-col a:hover{color:#b3ebd3}.footer-col a:hover .ic{color:#b3ebd3;translate:2px -2px}
.footer-line{margin:0 0 10px;font-size:15px;line-height:1.5;color:#b7c0ca}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#8d98a8}
.footer-bottom .back-to-top{color:#e9ecf1}
.footer-bottom .back-to-top:hover{color:#b3ebd3}
@media(max-width:1020px){.footer-cta{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.footer{padding:56px 6% 24px}.footer-cta{padding-bottom:40px;gap:24px}.footer-cta-actions{width:100%}.footer-cta-actions .button{flex:1 1 220px}.footer-grid{grid-template-columns:1fr;gap:32px;padding:40px 0}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}}
.back-to-top{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding-bottom:4px;border-bottom:1.5px solid currentColor;line-height:1.2;font-size:13px;font-weight:700}
.back-to-top .ic{font-size:1.05em;transition:translate .2s ease}
.back-to-top:hover .ic{translate:0 -3px}