:root{--paper: #f6f3eb;--surface: #fffdf7;--surface-raised: #ffffff;--ink: #15233a;--muted: #526078;--line: #d9d5ca;--brand: #173f91;--brand-strong: #102f71;--brand-fill: #173f91;--brand-fill-hover: #102f71;--brand-soft: #dfe8fb;--accent: #d88b24;--accent-text: #854600;--accent-soft: #f5e3c4;--success: #14745c;--teal: #087465;--purple: #6c3ce7;--shadow: 0 18px 60px rgb(23 63 145 / .12)}:root[data-theme=dark]{--paper: #09111f;--surface: #0f192a;--surface-raised: #152238;--ink: #f5f7fb;--muted: #aab7ca;--line: #2b3a51;--brand: #7fa2ff;--brand-strong: #a8beff;--brand-fill: #2554db;--brand-fill-hover: #1d43b0;--brand-soft: #1a3268;--accent: #efb65d;--accent-text: #efb65d;--accent-soft: #4f3719;--success: #55c6a4;--teal: #40d3bd;--purple: #a981ff;--shadow: 0 18px 60px rgb(0 0 0 / .3)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:DM Sans,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-160%);padding:10px 14px;background:var(--ink);color:var(--paper);border-radius:6px}.skip-link:focus{transform:translateY(0)}.portal-shell{overflow:clip}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{width:min(1180px,calc(100% - 40px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.03em}.wordmark-icon{width:36px;height:36px;border-radius:9px;object-fit:cover}.brand-name{display:inline-flex;align-items:baseline;letter-spacing:-.045em}.brand-name span{color:var(--ink);font-weight:700}.brand-name strong{color:var(--brand);font-weight:800}.desktop-nav{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:14px;font-weight:600}.desktop-nav a:hover,.footer-links a:hover,.text-action:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.menu-button{min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.icon-button{display:grid;place-items:center;border-radius:50%}.menu-button{display:none;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:0 12px}.teacher-link{display:inline-flex;min-height:44px;align-items:center;border-radius:8px;padding:0 17px;background:var(--ink);color:var(--surface);font-size:14px;font-weight:700}.mobile-nav{display:none;width:min(1180px,calc(100% - 40px));margin:0 auto 14px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised)}.mobile-nav a{display:flex;min-height:44px;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);font-weight:600}.mobile-nav a:last-child{border-bottom:0}main>section{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hero{min-height:calc(100vh - 73px);min-height:calc(100dvh - 73px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(48px,7vw,100px);padding-block:clamp(64px,9vw,112px)}.hero-brand-seal{display:inline-flex;align-items:center;gap:14px;margin-bottom:30px}.hero-brand-seal img{width:58px;height:58px;border:1px solid #dce6f3;border-radius:15px;background:#fff;object-fit:cover;box-shadow:0 10px 24px #173f9121}.hero-brand-seal .brand-name{display:flex;font-size:19px;line-height:1}.hero-brand-seal p{margin:7px 0 0;color:var(--muted);font-size:12px;font-weight:600}.section-kicker{margin:0 0 14px;color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.04em}h1,h2{font-family:Nunito Sans,sans-serif;font-weight:900}.hero h1{max-width:720px;margin:0;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em}.hero-lead{max-width:650px;margin:28px 0 0;color:var(--muted);font-size:clamp(17px,2vw,20px);line-height:1.65}.hero-actions,.closing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}.code-rhythm{display:flex;align-items:center;gap:7px;margin-top:30px}.code-rhythm>span{display:grid;width:34px;height:38px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised);color:var(--brand);font-family:ui-monospace,monospace;font-size:15px;font-weight:800;box-shadow:0 5px 14px #173f9114}.code-rhythm>span:nth-child(3){color:var(--teal);transform:rotate(-2deg)}.code-rhythm>span:nth-child(4){color:var(--purple);transform:rotate(2deg)}.code-rhythm>span:nth-child(5){color:var(--accent)}.code-rhythm small{margin-left:8px;color:var(--muted);font-size:11px;font-weight:700}.primary-action{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:0 20px;background:var(--brand-fill);color:#fff;font-size:14px;font-weight:700;box-shadow:0 8px 24px #173f9133}.primary-action:hover{background:var(--brand-fill-hover)}.text-action{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);font-size:14px;font-weight:700}.join-form{max-width:610px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;align-items:end;gap:20px}.join-form label{font-size:14px;font-weight:700}.join-form p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.join-control{display:grid;grid-template-columns:1fr auto}.join-control input{min-width:0;height:48px;border:1px solid var(--line);border-radius:8px 0 0 8px;padding:0 14px;background:var(--surface);color:var(--ink);font-family:ui-monospace,monospace;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.join-control button{min-height:48px;border:0;border-radius:0 8px 8px 0;padding:0 16px;background:var(--ink);color:var(--surface);font-size:13px;font-weight:700;cursor:pointer}.join-form .form-error{grid-column:1 / -1;color:#b42318;font-weight:700}.classroom-frame{position:relative;padding:22px;border:1px solid var(--line);border-radius:18px 38px 18px 18px;background:#0d1728;color:#f8fafc;box-shadow:var(--shadow);transform:rotate(.7deg)}.frame-header,.frame-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#a9b5c8;font-size:12px}.frame-code{border-radius:6px;padding:5px 9px;background:#2554db;color:#fff;font-family:ui-monospace,monospace;font-weight:800;letter-spacing:.12em}.frame-timer,.frame-footer span{display:inline-flex;align-items:center;gap:6px}.question-stage{min-height:210px;display:flex;flex-direction:column;justify-content:center;padding:28px 8px 22px}.question-topic{color:#94a3b8;font-size:11px;font-weight:700}.question-stage h2{margin:8px 0 0;font-size:clamp(24px,3vw,37px);line-height:1.15;letter-spacing:-.025em}.answer-board{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-row{min-height:66px;display:flex;align-items:center;gap:14px;border:1px solid #344259;border-radius:8px;padding:10px 14px;background:#152237}.answer-row span{display:grid;width:30px;height:30px;place-items:center;border-radius:6px;background:#24334b;font-family:ui-monospace,monospace}.answer-row:nth-child(1) span{background:#1258b5}.answer-row:nth-child(2) span{background:#087f71}.answer-row:nth-child(3) span{background:#6938cf}.answer-row:nth-child(4) span{background:#a85f08}.answer-row:hover{border-color:#60718d;transform:translateY(-1px)}.frame-footer{margin-top:18px}.response-track,.console-progress{flex:1;height:6px;overflow:hidden;border-radius:99px;background:#2a3850}.response-track span,.console-progress span{display:block;width:72%;height:100%;background:#6f94ff}.process-section{padding-block:120px;display:grid;grid-template-columns:.78fr 1.22fr;gap:10vw;border-top:1px solid var(--line)}.section-heading h2{margin:0;font-size:clamp(38px,5vw,58px);line-height:1.03;letter-spacing:-.045em}.left-heading{position:sticky;top:120px;align-self:start}.process-list{margin:0;padding:0;list-style:none}.process-list li{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.process-list li:first-child{border-top:1px solid var(--line)}.process-number{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent-text);font-family:ui-monospace,monospace;font-weight:800;transform:rotate(-2deg)}.process-list h3{margin:0;font-size:18px}.process-list p{margin:8px 0 0;color:var(--muted);line-height:1.7}.modes-section{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr}.mode-panel{min-height:550px;padding:clamp(48px,7vw,96px) max(40px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}.synchronized-panel{padding-left:max(40px,calc((100vw - 1180px)/2));background:var(--brand-fill);color:#fff}.independent-panel{padding-right:max(40px,calc((100vw - 1180px)/2));background:var(--accent-soft);color:#352612}:root[data-theme=dark] .independent-panel{color:#f9ead1}.mode-marker{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.mode-panel h2{max-width:560px;margin:24px 0 18px;font-size:clamp(40px,5vw,62px);line-height:1;letter-spacing:-.05em}.mode-panel>p{max-width:560px;margin:0;font-size:17px;line-height:1.7;opacity:.84}.mode-panel ul{margin:30px 0 0;padding:0;list-style:none;display:grid;gap:12px}.mode-panel li{display:flex;align-items:center;gap:10px;font-weight:600}.roles-section{padding-block:120px}.centered-heading{max-width:760px;margin:0 auto 60px;text-align:center}.role-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.role-primary{min-height:460px;padding:clamp(32px,5vw,62px);border-radius:12px 30px 12px 12px;background:var(--surface-raised);box-shadow:var(--shadow)}.role-label{color:var(--brand);font-size:12px;font-weight:700}.role-primary h3,.role-secondary h3{margin:14px 0 10px;font-family:Nunito Sans,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:900;letter-spacing:-.04em;line-height:1.08}.role-primary>p,.role-secondary p{color:var(--muted);line-height:1.7}.teacher-console{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.teacher-console>div:not(.console-progress){border:1px solid var(--line);border-radius:9px;padding:18px;display:grid;gap:8px}.teacher-console span{color:var(--muted);font-size:12px}.console-progress{grid-column:1 / -1;height:8px;background:var(--brand-soft)}.console-progress span{background:var(--brand)}.role-secondary{display:grid;gap:24px}.role-secondary>div{padding:32px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.role-secondary>div:first-child{transform:rotate(-.5deg);border-color:color-mix(in srgb,var(--teal) 30%,var(--line))}.role-secondary>div:last-child{transform:rotate(.5deg);border-color:color-mix(in srgb,var(--purple) 25%,var(--line))}.role-secondary h3{font-size:28px}.evidence-section{padding:80px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;border-top:1px solid var(--line)}.evidence-copy h2{margin:0;font-size:clamp(35px,4vw,52px);line-height:1.05}.evidence-list{display:grid}.evidence-list>div{display:grid;grid-template-columns:30px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.65}.evidence-list svg{color:var(--brand)}.evidence-list strong{color:var(--ink)}.security-section{margin-block:60px 120px;padding:clamp(34px,5vw,58px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;border-radius:12px;background:var(--ink);color:var(--surface)}.security-mark{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--surface) 12%,transparent);color:var(--accent)}.security-section h2{margin:0;font-size:clamp(30px,4vw,48px)}.security-section p:not(.section-kicker){max-width:720px;margin:12px 0 0;color:color-mix(in srgb,var(--surface) 72%,transparent);line-height:1.7}.security-section .section-kicker{color:var(--accent)}.secondary-action{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--surface) 38%,transparent);border-radius:8px;padding:0 17px;font-size:13px;font-weight:700;white-space:nowrap}.closing-section{padding-block:90px;display:flex;align-items:end;justify-content:space-between;gap:60px;border-top:1px solid var(--line)}.closing-section h2{max-width:740px;margin:0;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.05em}.closing-actions{flex-direction:column;align-items:stretch;min-width:250px}.closing-actions .text-action{justify-content:center}.site-footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:34px 0 50px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-wordmark{color:var(--ink)}.footer-links{display:flex;gap:22px}@media(max-width:900px){.desktop-nav,.teacher-link{display:none}.menu-button,.mobile-nav{display:flex}.mobile-nav{flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{max-width:760px}.classroom-frame{max-width:720px}.process-section,.evidence-section{grid-template-columns:1fr;gap:50px}.left-heading{position:static}.role-layout{grid-template-columns:1fr}.role-secondary{grid-template-columns:1fr 1fr}.security-section{grid-template-columns:auto 1fr}.security-section .secondary-action{grid-column:2;justify-self:start}.closing-section{align-items:start;flex-direction:column}.closing-actions{flex-direction:row}.site-footer{grid-template-columns:1fr auto}.site-footer>p{grid-row:2}}@media(max-width:650px){.header-inner,main>section,.site-footer,.mobile-nav{width:min(100% - 28px,1180px)}.header-inner{min-height:64px}.hero{min-height:auto;padding-block:54px 80px;gap:56px}.hero h1{font-size:clamp(43px,14vw,62px)}.code-rhythm{flex-wrap:wrap}.code-rhythm small{width:100%;margin:3px 0 0}.join-form{grid-template-columns:1fr}.question-stage{min-height:180px}.answer-board{grid-template-columns:1fr}.classroom-frame{transform:none}.frame-footer{align-items:stretch;flex-direction:column}.response-track{width:100%}.process-section,.roles-section{padding-block:84px}.modes-section{grid-template-columns:1fr}.mode-panel{min-height:auto;padding:70px 24px}.role-secondary,.teacher-console{grid-template-columns:1fr}.console-progress{grid-column:1}.security-section{margin-block:30px 90px;grid-template-columns:1fr}.security-section .secondary-action{grid-column:1}.closing-actions{width:100%;flex-direction:column}.site-footer{grid-template-columns:1fr}.site-footer>p{grid-row:auto}.footer-links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}