.m-hero{padding-top:var(--sp-section);padding-bottom:var(--sp-section-tight);text-align:center;position:relative;overflow:hidden}.m-hero:before{content:"";background:radial-gradient(50% 60% at 50% 0%, color-mix(in oklab, var(--brand-blue) 7%, transparent), transparent 60%), radial-gradient(40% 40% at 90% 30%, color-mix(in oklab, var(--accent) 10%, transparent), transparent 60%), radial-gradient(40% 40% at 6% 30%, color-mix(in oklab, var(--sage) 12%, transparent), transparent 60%);pointer-events:none;opacity:.85;position:absolute;inset:0}[data-theme=dark] .m-hero:before{opacity:.45}.m-hero-inner{max-width:880px;margin:0 auto;position:relative}.m-hero h1{letter-spacing:-.025em;margin-top:22px;font-size:clamp(2.4rem,5.2vw,4rem);font-weight:600;line-height:1.04}.m-hero h1 .accent{color:var(--brand-blue)}@supports (color:color-mix(in oklab, red, blue)){.m-hero h1 .accent{background:linear-gradient(110deg, var(--brand-blue) 0%, color-mix(in oklab, var(--brand-blue) 65%, var(--accent)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}.m-hero-sub{color:var(--text-muted);max-width:660px;margin:22px auto 0;font-size:clamp(1.02rem,1.45vw,1.22rem);line-height:1.55}.m-hero .eyebrow{justify-content:center}.auto{background:var(--bg);padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(60px,8vw,110px);position:relative}.auto-head{text-align:center;max-width:760px;margin:0 auto 48px}.auto-head h2{margin-top:16px;font-size:clamp(1.9rem,3.8vw,2.6rem)}.auto-head p{color:var(--text-muted);margin-top:16px;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.55}.auto-head .eyebrow{justify-content:center;display:inline-flex}.router{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-md);max-width:1080px;margin:0 auto;padding:clamp(28px,4vw,56px) clamp(20px,4vw,48px);position:relative;overflow:hidden}.router:before{content:"";background:radial-gradient(55% 60% at 50% 0%, color-mix(in oklab, var(--brand-blue) 5%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.router-bar{border-bottom:1px dashed var(--border);font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.03em;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:18px;font-size:12px;display:flex;position:relative}.router-bar .auto-chip{background:color-mix(in oklab, var(--brand-blue) 10%, transparent);color:var(--brand-blue);font-family:var(--font-display);letter-spacing:-.01em;border-radius:999px;align-items:center;gap:8px;padding:5px 11px 5px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.router-bar .auto-chip svg{width:13px;height:13px}.router-bar .pulse-live{background:var(--sage);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in oklab, var(--sage) 60%, transparent);border-radius:50%;animation:1.6s ease-out infinite pulse}.router-bar .live-text{color:var(--text-muted);margin-left:auto}.router-grid{grid-template-columns:minmax(0,1fr) clamp(120px,18vw,220px) minmax(0,.85fr);align-items:stretch;gap:0;display:grid;position:relative}.router-msgs,.router-modes{z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.router-msg{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:12px 12px 12px 4px;align-items:center;gap:8px;padding:11px 14px;font-size:13.5px;line-height:1.4;transition:all .4s;display:flex;position:relative}.router-msg .you{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);background:var(--bg-tint);border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:22px;font-size:10px;font-weight:600;display:grid}.router-msg em{font-family:var(--font-mono);background:var(--bg-tint);color:var(--text);border-radius:4px;padding:1px 5px;font-size:12.5px;font-style:normal}.router-msg.active{background:var(--bg-elevated);border-color:color-mix(in oklab, var(--brand-blue) 35%, transparent);box-shadow:0 6px 18px -8px color-mix(in oklab, var(--brand-blue) 50%, transparent);transform:translate(2px)}.router-msg.active .you{background:var(--brand-blue);color:#fff}.router-mode{background:var(--bg);border:1px solid var(--border);font-family:var(--font-display);letter-spacing:-.01em;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .4s;display:flex;position:relative}.router-mode .ico{background:color-mix(in oklab, var(--brand-blue) 10%, transparent);width:28px;height:28px;color:var(--brand-blue);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.router-mode .ico svg{width:15px;height:15px}.router-mode .ico-label{flex-direction:column;gap:1px;min-width:0;display:flex}.router-mode .ico-label small{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);font-size:9.5px;font-weight:500}.router-mode.active{background:color-mix(in oklab, var(--brand-blue) 6%, var(--bg-elevated));border-color:color-mix(in oklab, var(--brand-blue) 40%, transparent);box-shadow:0 8px 22px -10px color-mix(in oklab, var(--brand-blue) 60%, transparent)}.router-mode.active .ico{background:var(--brand-blue);color:#fff}.router-mode[data-m=solve] .ico{color:#a1716b;color:lab(52.6622% 18.67 11.5178);background:#f4a28c38;background:lab(74.5843% 29.4599 24.602/.22)}.router-mode[data-m=practice] .ico{color:#647164;color:lab(46.2907% -7.53546 5.86375);background:#9caf8838;background:lab(69.1991% -12.1774 17.7682/.22)}.router-mode[data-m=quiz] .ico{color:#7d6d98;color:lab(48.8356% 13.2819 -20.986);background:#c9a8e84d;background:lab(73.5185% 21.3718 -27.7178/.3)}.router-mode[data-m=review] .ico{color:#796d51;color:lab(46.4948% 1.54579 17.182);background:#e8c46b42;background:lab(80.9709% 5.42066 49.1079/.26)}.router-mode[data-m=create] .ico{color:#5175a1;color:lab(48.0494% -3.68857 -27.7126);background:#6b9fd82e;background:lab(63.5808% -5.77459 -34.9287/.18)}.router-mode[data-m=buddy] .ico{color:#7f5e9c;color:lab(45.4496% 23.1052 -28.646);background:#c9a8e838;background:lab(73.5185% 21.3718 -27.7178/.22)}[data-theme=dark] .router-mode .ico{color:var(--text)}[data-theme=dark] .router-mode.active .ico{color:#fff}.router-flow{z-index:1;position:relative}.router-flow svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.router-flow .line{fill:none;stroke:var(--border-strong);stroke-width:1.4px;stroke-linecap:round;opacity:.4;transition:opacity .3s,stroke-width .3s,stroke .3s}.router-flow .line.active{stroke:var(--brand-blue);stroke-width:1.8px;opacity:1}.router-flow .pulse-dot{fill:var(--brand-blue);opacity:0;transition:opacity .2s}.router-flow .pulse-dot.visible{opacity:1}.auto-fineprint{text-align:center;max-width:620px;color:var(--text-muted);margin-top:32px;margin-left:auto;margin-right:auto;font-size:14.5px;line-height:1.6}.auto-fineprint b{color:var(--text);font-weight:500}@media (max-width:820px){.router{box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.router:before{display:none}.router-grid{grid-template-columns:1fr;gap:8px;display:grid}.router-msgs,.router-modes{display:contents}.router-flow{display:none}.router-msg:first-child,.router-mode:first-child{grid-area:1/1}.router-msg:nth-child(2),.router-mode:nth-child(2){grid-area:2/1}.router-msg:nth-child(3),.router-mode:nth-child(3){grid-area:3/1}.router-msg:nth-child(4),.router-mode:nth-child(4){grid-area:4/1}.router-msg:nth-child(5),.router-mode:nth-child(5){grid-area:5/1}.router-msg:nth-child(6),.router-mode:nth-child(6){grid-area:6/1}.router-msg:nth-child(7),.router-mode:nth-child(7){grid-area:7/1}.router-msg .you{display:none}.router-msg{background:var(--bg-elevated);border-radius:12px;gap:10px;padding:9px 128px 9px 12px;font-size:13px;line-height:1.35;overflow:hidden}.router-msg .msg-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;min-width:0;display:-webkit-box;overflow:hidden}.router-msg.active{background:color-mix(in oklab, var(--brand-blue) 8%, var(--bg-elevated));border-color:color-mix(in oklab, var(--brand-blue) 40%, transparent);transform:none}.router-mode{background:var(--bg-tint);border-radius:999px;place-self:center end;gap:6px;min-width:88px;margin-right:8px;padding:4px 7px 4px 6px;font-size:11.5px}.router-mode .ico{border-radius:5px;width:18px;height:18px}.router-mode .ico svg{width:11px;height:11px}.router-mode .ico-label{display:inline}.router-mode .ico-label small{display:none}.router-mode:before{content:"→";color:var(--text-soft);font-size:13px;line-height:1;transition:color .3s;position:absolute;top:50%;left:-22px;transform:translateY(-50%)}.router-mode.active:before{color:var(--brand-blue)}.router-mode.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 6px 18px -6px color-mix(in oklab, var(--brand-blue) 55%, transparent)}.router-mode.active .ico{color:#fff;background:#fff3}}.modes-detail{background:var(--bg)}.mode-row{border-top:1px solid var(--border);padding:clamp(56px,8vw,110px) 0}.mode-row:first-child{border-top:none}.mode-row .container{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.mode-row.flip .container>.mode-text{order:2}.mode-row.flip .container>.mode-demo{order:1}.mode-text{max-width:480px}.mode-text .head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.mode-text .head .ico{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.mode-text .head .ico svg{width:22px;height:22px}.mode-text .head .index{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.08em;font-size:11px}.mode-text h2{letter-spacing:-.025em;margin-top:4px;font-size:clamp(2.2rem,4.4vw,3.2rem);font-weight:600}.mode-text .purpose{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin-top:14px;font-size:clamp(1.1rem,1.8vw,1.32rem);font-weight:500;line-height:1.35}.mode-text .body{color:var(--text-muted);flex-direction:column;gap:16px;margin-top:22px;font-size:1.02rem;line-height:1.62;display:flex}.mode-text .try{border-left:2px solid var(--accent);margin-top:24px;padding:4px 0 4px 16px}.mode-text .try-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin-bottom:8px;font-size:11px}.mode-text .try ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mode-text .try li{color:var(--text);font-size:14.5px;font-style:italic}.mode-text .try li:before{content:"“";color:var(--accent);margin-right:2px}.mode-text .try li:after{content:"”";color:var(--accent);margin-left:2px}.mode-text .next-link{color:var(--text-muted);margin-top:20px;font-size:14px}.mode-text .next-link a{color:var(--brand-blue);border-bottom:1px solid color-mix(in oklab, var(--brand-blue) 30%, transparent);font-weight:500}.mode-row[data-mode=learn] .head .ico{background:color-mix(in oklab, var(--brand-blue) 12%, transparent);color:var(--brand-blue)}.mode-row[data-mode=solve] .head .ico{color:#966b66;color:lab(49.5288% 17.1575 9.68916);background:#f4a28c38;background:lab(74.5843% 29.4599 24.602/.22)}.mode-row[data-mode=practice] .head .ico{color:#5d6a5f;color:lab(43.4252% -6.92485 4.40555);background:#9caf8838;background:lab(69.1991% -12.1774 17.7682/.22)}.mode-row[data-mode=quiz] .head .ico{color:#74668e;color:lab(45.7502% 12.2715 -20.1442);background:#c9a8e842;background:lab(73.5185% 21.3718 -27.7178/.26)}.mode-row[data-mode=review] .head .ico{color:#796d51;color:lab(46.4948% 1.54579 17.182);background:#e8c46b42;background:lab(80.9709% 5.42066 49.1079/.26)}.mode-row[data-mode=create] .head .ico{color:#4d6f98;color:lab(45.4609% -3.34066 -26.5098);background:#6b9fd82e;background:lab(63.5808% -5.77459 -34.9287/.18)}.mode-row[data-mode=buddy] .head .ico{color:#785a94;color:lab(43.0469% 21.5521 -27.3765);background:#c9a8e83d;background:lab(73.5185% 21.3718 -27.7178/.24)}[data-theme=dark] .mode-row .head .ico{color:var(--text)}.mode-demo{position:relative}.demo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);color:var(--text);font-size:13px;line-height:1.52;overflow:hidden}.demo-head{border-bottom:1px solid var(--border);background:var(--bg-elevated);align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.demo-head img{border-radius:50%;width:22px;height:22px}.demo-head .who{color:var(--text);font-weight:500}.demo-head .topic{color:var(--text-soft);margin-left:4px}.demo-head .mode-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:color-mix(in oklab, var(--brand-blue) 12%, transparent);color:var(--brand-blue);border-radius:6px;margin-left:auto;padding:3px 8px;font-size:10.5px;font-weight:600}.demo-body{background:var(--bg);flex-direction:column;gap:14px;padding:18px;display:flex}.demo-bubble{border-radius:14px;max-width:88%;padding:11px 14px;font-size:13.5px;line-height:1.55}.demo-bubble.user{background:var(--brand-blue);color:#fff;font-family:var(--font-display);border-bottom-right-radius:5px;align-self:flex-end;font-weight:500}.demo-bubble.user em{font-style:normal;font-family:var(--font-mono);background:#ffffff26;border-radius:4px;padding:1px 5px;font-weight:500}.demo-bubble.tutor{background:var(--bg-elevated);border:1px solid var(--border);border-bottom-left-radius:5px;align-self:flex-start}.demo-bubble.tutor h5{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 6px;font-size:14px;font-weight:600}.demo-bubble.tutor h5:not(:first-child){margin-top:12px}.demo-bubble.tutor p{margin:0}.demo-bubble.tutor p+p{margin-top:8px}.demo-shortcuts{border-top:1px dashed var(--border);flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;display:flex}.demo-shortcuts button{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:default;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.demo-shortcuts button svg{width:11px;height:11px}.demo-step{border-top:1px solid var(--border);align-items:flex-start;gap:10px;margin-top:10px;padding-top:10px;display:flex}.demo-step:first-of-type{border-top:none;padding-top:0}.demo-step .num{background:color-mix(in oklab, var(--brand-blue) 12%, transparent);width:22px;height:22px;color:var(--brand-blue);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.demo-step .step-body{flex:1;min-width:0}.demo-step .step-title{font-size:13px;font-weight:500}.demo-step .step-eq{font-family:var(--font-mono);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;margin-top:6px;padding:6px 10px;font-size:13px;display:inline-block}.demo-final{background:color-mix(in oklab, var(--sage) 14%, transparent);color:color-mix(in oklab, var(--sage) 55%, #1a1f2e);font-family:var(--font-mono);border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:600}[data-theme=dark] .demo-final{color:color-mix(in oklab, var(--sage) 80%, #fff)}.demo-assess{font-size:11.5px;font-weight:500;font-family:var(--font-display);border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;display:inline-flex}.demo-assess.ok{background:color-mix(in oklab, var(--sage) 18%, transparent);color:color-mix(in oklab, var(--sage) 55%, #1a1f2e)}[data-theme=dark] .demo-assess.ok{color:color-mix(in oklab, var(--sage) 85%, #fff)}.demo-assess:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.demo-quiz-prog{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.demo-quiz-bar{background:var(--bg-tint);border-radius:3px;flex:1;height:5px;overflow:hidden}.demo-quiz-bar>i{background:var(--brand-blue);border-radius:3px;width:37.5%;height:100%;display:block}.demo-quiz-q{font-family:var(--font-display);color:var(--text);margin-top:4px;font-size:14px;font-weight:500;line-height:1.45}.demo-quiz-opts{flex-direction:column;gap:6px;margin-top:10px;display:flex}.demo-quiz-opt{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.demo-quiz-opt .letter{background:var(--bg-tint);width:20px;height:20px;color:var(--text-soft);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:6px;place-items:center;display:grid}.demo-quiz-opt.selected{border-color:color-mix(in oklab, var(--brand-blue) 40%, transparent);background:color-mix(in oklab, var(--brand-blue) 6%, var(--bg-elevated))}.demo-quiz-opt.selected .letter{background:var(--brand-blue);color:#fff}.demo-quiz-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:14px}.demo-quiz-foot{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:10px;font-size:12.5px;display:flex}.demo-quiz-foot .score{font-family:var(--font-mono);color:var(--text);font-size:13px;font-weight:600}.demo-quiz-foot .score b{color:var(--sage);font-weight:600}.demo-essay-quote{color:var(--text-muted);border-left:2px solid var(--border-strong);margin:0;padding:4px 12px;font-family:Instrument Serif,Times New Roman,serif;font-size:13.5px;font-style:italic}.demo-feedback{flex-direction:column;gap:14px;display:flex}.demo-feedback .block h6{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 8px;font-size:12.5px;font-weight:600;display:flex}.demo-feedback .block.good h6{color:color-mix(in oklab, var(--sage) 55%, #1a1f2e)}[data-theme=dark] .demo-feedback .block.good h6{color:color-mix(in oklab, var(--sage) 85%, #fff)}.demo-feedback .block.imp h6{color:#846553;color:lab(45.6565% 10.825 15.5364)}[data-theme=dark] .demo-feedback .block.imp h6{color:#eccd84;color:lab(83.8609% 4.00329 40.5893)}.demo-feedback ul{color:var(--text);flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none;display:flex}.demo-feedback li{align-items:flex-start;gap:8px;display:flex}.demo-feedback .block.good li:before{content:"✓";color:color-mix(in oklab, var(--sage) 55%, #1a1f2e);font-weight:700}[data-theme=dark] .demo-feedback .block.good li:before{color:color-mix(in oklab, var(--sage) 85%, #fff)}.demo-feedback .block.imp li:before{content:"→";color:#846553;color:lab(45.6565% 10.825 15.5364)}[data-theme=dark] .demo-feedback .block.imp li:before{color:#eccd84;color:lab(83.8609% 4.00329 40.5893)}.demo-flash-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.demo-flash{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;min-height:130px;display:flex;overflow:hidden}.demo-flash .front{background:color-mix(in oklab, var(--brand-blue) 8%, var(--bg-elevated));font-family:var(--font-display);color:var(--text);border-bottom:1px dashed var(--border);letter-spacing:-.01em;padding:12px;font-size:13.5px;font-weight:600}.demo-flash .back{color:var(--text-muted);flex:1;padding:10px 12px;font-size:12px;line-height:1.5}.demo-flash .label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin-bottom:4px;font-size:9.5px}.demo-create-summary{color:var(--text-muted);align-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:flex}.demo-create-summary .pill{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;display:inline-flex}.demo-mark{font-size:11.5px;font-weight:500;font-family:var(--font-display);background:color-mix(in oklab, var(--sage) 18%, transparent);color:color-mix(in oklab, var(--sage) 55%, #1a1f2e);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.demo-mark:before{content:"✓";font-weight:700}[data-theme=dark] .demo-mark{color:color-mix(in oklab, var(--sage) 85%, #fff)}.demo-quiz-breadcrumb{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:color-mix(in oklab, #c9a8e8 60%, var(--text));font-size:10.5px;font-weight:600}[data-theme=dark] .demo-quiz-breadcrumb{color:#d1b5ec;color:lab(77.513% 17.971 -23.6677)}.demo-card.buddy .demo-bubble.tutor{background:color-mix(in oklab, #c9a8e8 8%, var(--bg-elevated));border-color:color-mix(in oklab, #c9a8e8 22%, var(--border))}@media (max-width:920px){.mode-row .container{grid-template-columns:1fr;gap:36px}.mode-row.flip .container>.mode-text{order:1}.mode-row.flip .container>.mode-demo{order:2}.mode-text{max-width:none}}.beyond{background:var(--bg-tint)}.beyond-head{text-align:center;max-width:720px;margin:0 auto 56px}.beyond-head .eyebrow{display:inline-flex}.beyond-head h2{margin-top:16px;font-size:clamp(2rem,4vw,2.6rem)}.beyond-head p{color:var(--text-muted);margin-top:16px;font-size:clamp(1rem,1.3vw,1.1rem)}.beyond-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.beyond-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);flex-direction:column;gap:20px;min-width:0;padding:36px;display:flex}.beyond-col .visual{min-width:0}.beyond-col h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.4rem;font-weight:600}.beyond-col p{color:var(--text-muted);font-size:14.5px;line-height:1.62}.beyond-col .visual{margin-top:auto;padding-top:12px}.beyond-chips{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;padding:16px;display:flex}.beyond-chips .chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.beyond-chips .chip svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.beyond-chips .chip .caret{opacity:.7;width:10px;height:10px;margin-left:2px}.beyond-chain{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:stretch;gap:10px;padding:14px;display:flex}.beyond-chain .step{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;padding:10px;display:flex}.beyond-chain .step .ic{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.beyond-chain .step .ic svg{width:16px;height:16px}.beyond-chain .step .name{font-family:var(--font-display);font-size:12.5px;font-weight:600}.beyond-chain .step .what{background:var(--bg-tint);border:1px solid var(--border);max-width:100%;font-family:var(--font-mono);letter-spacing:.01em;color:var(--text-muted);text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:10px;line-height:1.3;display:inline-flex}.beyond-chain .arr{color:var(--text-soft);place-items:center;font-size:18px;display:grid}.beyond-chain .step[data-m=learn] .ic{background:color-mix(in oklab, var(--brand-blue) 14%, transparent);color:var(--brand-blue)}.beyond-chain .step[data-m=practice] .ic{color:#647164;color:lab(46.2907% -7.53546 5.86375);background:#9caf8838;background:lab(69.1991% -12.1774 17.7682/.22)}.beyond-chain .step[data-m=quiz] .ic{color:#74668e;color:lab(45.7502% 12.2715 -20.1442);background:#c9a8e842;background:lab(73.5185% 21.3718 -27.7178/.26)}[data-theme=dark] .beyond-chain .step .ic{color:var(--text)}@media (max-width:720px){.beyond-cols{grid-template-columns:minmax(0,1fr)}.beyond-col{padding:24px 18px}.beyond-chain{gap:6px;padding:10px}.beyond-chain .step{padding:10px 6px}.beyond-chain .step .what{padding:3px 7px;font-size:9.5px}.beyond-chain .arr{font-size:15px}.beyond-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.beyond-chips .chip{justify-content:center;min-width:0;padding:7px 12px;font-size:12.5px}.beyond-chips .chip svg{width:13px;height:13px}}.auto-callout{border:1px solid color-mix(in oklab, var(--brand-blue) 10%, var(--border));background:color-mix(in oklab, var(--brand-blue) 3%, var(--bg));width:100%;color:var(--text);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:24px;margin:28px 0 0;padding:16px 22px;display:grid}[data-theme=dark] .auto-callout{background:color-mix(in oklab, var(--brand-blue) 6%, var(--bg));border-color:color-mix(in oklab, var(--brand-blue) 16%, var(--border))}.auto-callout__left{border-right:1px solid color-mix(in oklab, var(--brand-blue) 18%, transparent);align-items:center;gap:10px;padding-right:18px;display:inline-flex}.auto-callout__icon{background:var(--brand-blue);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 4px 12px -6px #1d4ed88c}.auto-callout__icon svg{width:16px;height:16px}.auto-callout__label{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:17px;font-weight:600}.auto-callout__tagline{color:var(--text-muted);text-wrap:pretty;margin:0;font-size:15px;line-height:1.45}.auto-callout__routes{flex-shrink:0;width:clamp(280px,32vw,380px);height:32px;position:relative}.auto-route{white-space:nowrap;opacity:0;pointer-events:none;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0;transform:translateY(4px)}.auto-route.is-active{opacity:1;transform:translateY(0)}.auto-route__msg{font-family:var(--font-mono);color:var(--text);background:var(--bg-card);border:1px solid var(--border);text-overflow:ellipsis;border-radius:8px;max-width:100%;padding:5px 10px;font-size:12px;overflow:hidden}.auto-route__arrow{color:color-mix(in oklab, var(--brand-blue) 70%, var(--text-soft));font-size:14px;font-weight:500}.auto-route__mode{background:var(--brand-blue);color:#fff;font-family:var(--font-display);letter-spacing:.01em;border-radius:8px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px -3px #1d4ed866}@media (max-width:1100px){.auto-callout{gap:18px;padding:14px 18px}.auto-callout__routes{width:clamp(240px,30vw,320px)}}@media (max-width:720px){.auto-callout{text-align:center;grid-template-columns:1fr;gap:12px;padding:16px 18px}.auto-callout__tagline{font-size:14.5px}.auto-callout__routes{width:100%;height:30px}.auto-route{justify-content:center}.auto-route__msg{text-overflow:ellipsis;max-width:60%}}.beyond-col .visual:has(.beyond-screenshot){justify-content:center;align-items:center;display:flex}.beyond-col .visual .beyond-screenshot{width:100%}