html:root{--sh-shade:color-mix(in oklab, var(--shadow-tint,var(--navy)) 35%, black);--sh-bw:1px;--sh-line:color-mix(in oklab, var(--ink) 7%, transparent);--sh-line-ctl:color-mix(in oklab, var(--ink) 14%, transparent);--sh-line-inner:transparent;--sh-line-on-dark:#ffffff29;--sh-line-panel:transparent;--sh-btn-line:transparent;--sh-r-tag:8px;--sh-r-pill:999px;--sh-r-ctl:14px;--sh-r-card-sm:22px;--sh-r-card:28px;--sh-r-hero:36px;--sh-r-btn:999px;--sh-shadow-0:0 1px 2px color-mix(in oklab, var(--sh-shade) 10%, transparent);--sh-shadow-1:0 1px 2px color-mix(in oklab, var(--sh-shade) 8%, transparent), 0 4px 12px -4px color-mix(in oklab, var(--sh-shade) 16%, transparent);--sh-shadow-2:0 1px 2px color-mix(in oklab, var(--sh-shade) 8%, transparent), 0 12px 32px -8px color-mix(in oklab, var(--sh-shade) 18%, transparent);--sh-shadow-3:0 1px 3px color-mix(in oklab, var(--sh-shade) 8%, transparent), 0 18px 40px -14px color-mix(in oklab, var(--sh-shade) 22%, transparent), 0 44px 80px -36px color-mix(in oklab, var(--sh-shade) 20%, transparent);--sh-shadow-4:0 2px 4px color-mix(in oklab, var(--sh-shade) 8%, transparent), 0 28px 60px -20px color-mix(in oklab, var(--sh-shade) 28%, transparent), 0 60px 120px -50px color-mix(in oklab, var(--sh-shade) 24%, transparent);--sh-shadow-hover:0 2px 4px color-mix(in oklab, var(--sh-shade) 8%, transparent), 0 20px 44px -12px color-mix(in oklab, var(--sh-shade) 26%, transparent);--sh-shadow-btn:0 1px 2px color-mix(in oklab, var(--sh-shade) 10%, transparent), 0 6px 16px -6px color-mix(in oklab, var(--sh-shade) 24%, transparent);--sh-shadow-btn-hover:0 2px 4px color-mix(in oklab, var(--sh-shade) 10%, transparent), 0 14px 28px -10px color-mix(in oklab, var(--sh-shade) 32%, transparent);--sh-accent-shade:color-mix(in oklab, var(--brand-accent-600) 55%, var(--sh-shade));--sh-shadow-accent:0 1px 2px color-mix(in oklab, var(--sh-accent-shade) 30%, transparent), 0 8px 20px -8px color-mix(in oklab, var(--sh-accent-shade) 60%, transparent);--sh-shadow-accent-hover:0 2px 4px color-mix(in oklab, var(--sh-accent-shade) 30%, transparent), 0 16px 30px -10px color-mix(in oklab, var(--sh-accent-shade) 65%, transparent);--sh-shadow-on-dark:0 10px 24px -12px #00000073;--sh-focus:0 0 0 4px color-mix(in oklab, var(--brand-accent) 28%, transparent);--sh-ring-w:2px;--sh-text-shadow:0 6px 18px color-mix(in oklab, var(--sh-shade) 18%, transparent);--sh-title-shadow:0 2px 18px color-mix(in oklab, var(--sh-shade) 30%, transparent);--sh-lift:-3px;--sh-lift-sm:-1px;--sh-tilt:0;--sh-halo-w:4px;--sh-section-line:0 solid transparent;--sh-meta-line:1px solid var(--sh-line-ctl);--shadow-sm:var(--sh-shadow-1);--shadow-md:var(--sh-shadow-2);--shadow-lg:var(--sh-shadow-3);--shadow-glow:var(--sh-shadow-accent-hover);--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-2xl:36px}@supports (color:lab(0% 0 0)){html:root{--sh-line-on-dark:lab(100% -.0000298023 .0000119209/.16);--sh-shadow-on-dark:0 10px 24px -12px lab(0% 0 0/.45)}}html:root :is(.site-header,.mobile-panel,.btn,.car-btn){--sh-shade:color-mix(in oklab, var(--shadow-tint,var(--navy)) 30%, black);--sh-edge:oklch(from var(--surface) calc(l + .22) c h / .6);--sh-hl:inset 0 1px 0 #ffffff73;--sh-glow:color-mix(in oklab, var(--brand-accent) 40%, transparent);--sh-bw:1px;--sh-line:var(--sh-edge);--sh-line-ctl:color-mix(in oklab, var(--ink) 16%, transparent);--sh-line-inner:#ffffff61;--sh-line-on-dark:#ffffff4d;--sh-line-panel:#ffffff1f;--sh-btn-line:#ffffff47;--sh-shadow-0:var(--sh-hl), 0 1px 2px color-mix(in oklab, var(--sh-shade) 10%, transparent);--sh-shadow-1:var(--sh-hl), 0 1px 3px color-mix(in oklab, var(--sh-shade) 10%, transparent), 0 6px 18px -6px color-mix(in oklab, var(--sh-shade) 22%, transparent);--sh-shadow-2:var(--sh-hl), 0 2px 8px -2px color-mix(in oklab, var(--sh-shade) 12%, transparent), 0 12px 34px -12px color-mix(in oklab, var(--sh-shade) 26%, transparent);--sh-shadow-3:var(--sh-hl), 0 4px 14px -4px color-mix(in oklab, var(--sh-shade) 14%, transparent), 0 22px 56px -18px color-mix(in oklab, var(--sh-shade) 30%, transparent);--sh-shadow-4:var(--sh-hl), 0 8px 24px -8px color-mix(in oklab, var(--sh-shade) 18%, transparent), 0 32px 90px -24px color-mix(in oklab, var(--sh-shade) 34%, transparent);--sh-shadow-hover:var(--sh-hl), 0 2px 8px -2px color-mix(in oklab, var(--sh-shade) 12%, transparent), 0 18px 44px -12px color-mix(in oklab, var(--sh-shade) 32%, transparent);--sh-shadow-btn:var(--sh-hl), 0 6px 18px -6px color-mix(in oklab, var(--sh-shade) 30%, transparent);--sh-shadow-btn-hover:var(--sh-hl), 0 2px 4px color-mix(in oklab, var(--sh-shade) 10%, transparent), 0 12px 24px -10px color-mix(in oklab, var(--sh-shade) 28%, transparent);--sh-shadow-accent:inset 0 1px 0 #ffffff4d, 0 1px 1px color-mix(in oklab, var(--sh-shade) 8%, transparent), 0 6px 16px -6px color-mix(in oklab, var(--sh-shade) 26%, transparent);--sh-shadow-accent-hover:inset 0 1px 0 #ffffff4d, 0 2px 4px color-mix(in oklab, var(--sh-shade) 10%, transparent), 0 12px 24px -10px color-mix(in oklab, var(--sh-shade) 30%, transparent);--sh-shadow-on-dark:inset 0 1px 0 #ffffff47, 0 10px 26px -12px #0006;--sh-focus:0 0 0 3px color-mix(in oklab, var(--brand-accent) 38%, transparent), 0 0 22px color-mix(in oklab, var(--brand-accent) 35%, transparent);--sh-ring-w:2px;--sh-text-shadow:0 0 26px color-mix(in oklab, var(--brand-accent) 50%, transparent);--sh-title-shadow:0 0 30px color-mix(in oklab, var(--brand-accent) 45%, transparent);--sh-lift:-2px;--sh-lift-sm:-1px;--sh-tilt:0;--sh-halo-w:4px;--sh-section-line:1px solid var(--sh-edge);--sh-meta-line:1px solid var(--sh-line-ctl);--shadow-sm:var(--sh-shadow-1);--shadow-md:var(--sh-shadow-2);--shadow-lg:var(--sh-shadow-3);--shadow-glow:var(--sh-shadow-accent-hover)}@supports (color:lab(0% 0 0)){html:root :is(.site-header,.mobile-panel,.btn,.car-btn){--sh-hl:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.45);--sh-line-inner:lab(100% -.0000298023 .0000119209/.38);--sh-line-on-dark:lab(100% -.0000298023 .0000119209/.3);--sh-line-panel:lab(100% -.0000298023 .0000119209/.12);--sh-btn-line:lab(100% -.0000298023 .0000119209/.28);--sh-shadow-accent:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.3), 0 1px 1px color-mix(in oklab, var(--sh-shade) 8%, transparent), 0 6px 16px -6px color-mix(in oklab, var(--sh-shade) 26%, transparent);--sh-shadow-accent-hover:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.3), 0 2px 4px color-mix(in oklab, var(--sh-shade) 10%, transparent), 0 12px 24px -10px color-mix(in oklab, var(--sh-shade) 30%, transparent);--sh-shadow-on-dark:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.28), 0 10px 26px -12px lab(0% 0 0/.4)}}html:root .btn,html:root .book-submit,html:root .code-run,html:root .quiz-check,html:root .quiz-result-btn,html:root .quiz-next,html:root .track-block-cta{border-width:var(--sh-bw);border-style:solid;border-color:var(--sh-btn-line);border-radius:var(--sh-r-btn);box-shadow:var(--sh-shadow-btn);text-shadow:none}html:root .btn-accent,html:root .book-submit,html:root .code-run,html:root .quiz-check{box-shadow:var(--sh-shadow-accent)}html:root .btn-ghost{border-color:var(--sh-line-ctl)}html:root .btn-outline-light{border-color:var(--sh-line-on-dark);box-shadow:var(--sh-shadow-on-dark)}html:root .btn:hover,html:root .book-submit:hover:not(:disabled),html:root .track-block-cta:hover{transform:translateY(var(--sh-lift));box-shadow:var(--sh-shadow-btn-hover)}html:root .btn-accent:hover,html:root .book-submit:hover:not(:disabled){box-shadow:var(--sh-shadow-accent-hover)}html:root .btn-outline-light:hover{box-shadow:var(--sh-shadow-on-dark)}html:root .btn:active,html:root .book-submit:active:not(:disabled){box-shadow:var(--sh-shadow-btn);transform:translateY(0)}html:root .btn-accent:active,html:root .book-submit:active:not(:disabled){box-shadow:var(--sh-shadow-accent)}html:root .code-run:active:not(:disabled),html:root .quiz-check:active:not(:disabled),html:root .quiz-next:active{transform:translateY(1px)}html:root .header-cta{box-shadow:var(--sh-shadow-btn)}html:root .header-cta.btn-accent{box-shadow:var(--sh-shadow-accent)}html:root .lang-toggle{border:var(--sh-bw) solid var(--sh-line-ctl);box-shadow:var(--sh-shadow-0)}html:root .lang-toggle button.is-active{box-shadow:var(--sh-shadow-1)}html:root .eyebrow,html:root .eyebrow-dark{border:var(--sh-bw) solid var(--sh-line-inner);border-radius:var(--sh-r-pill);box-shadow:var(--sh-shadow-0)}html:root .algo-eyebrow{box-shadow:var(--sh-shadow-2)}html:root .algo-meta,html:root .quiz-tag,html:root .code-tag,html:root .compare-badge,html:root .ac-tag,html:root .ac-level,html:root .track-age-pill{border:var(--sh-bw) solid var(--sh-line-inner);border-radius:var(--sh-r-pill);box-shadow:var(--sh-shadow-0)}html:root .algo-row-tag,html:root .viz-code-chip,html:root .snake-score-float{border:var(--sh-bw) solid var(--sh-line-on-dark);box-shadow:var(--sh-shadow-1);border-radius:var(--sh-r-pill)}html:root .snake-concept{border:var(--sh-bw) solid var(--sh-line-inner);box-shadow:var(--sh-shadow-1)}html:root .float-chip-soft{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-pill);box-shadow:var(--sh-shadow-2)}html:root .v3d-hint{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-2)}html:root .v3d-keys kbd{border:var(--sh-bw) solid var(--sh-line-ctl);border-radius:var(--sh-r-tag);box-shadow:var(--sh-shadow-0)}html:root .vx-stage{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-card);box-shadow:var(--sh-shadow-3);transform:rotate(calc(-1.5deg * var(--sh-tilt)))}html:root .vx-float:hover .vx-stage,html:root .vx-float:focus-within .vx-stage{transform:rotate(0)}html:root .vx-chips{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-1)}html:root .vx-chip{border-radius:calc(var(--sh-r-ctl) - 4px)}html:root .vx-btn{border:var(--sh-bw) solid var(--sh-btn-line);border-radius:var(--sh-r-btn);box-shadow:var(--sh-shadow-accent)}html:root .vx-btn:active{box-shadow:var(--sh-shadow-accent);transform:translateY(1px)}html:root .vx-pill,html:root .m3d-card{border:var(--sh-bw) solid var(--sh-line-on-dark);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-1)}html:root .vx-code{border:var(--sh-bw) solid var(--sh-line-panel);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-2)}html:root .m3d-hint-tile{border:var(--sh-bw) solid var(--sh-line-ctl)}html:root .m3d-fallback{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-card);box-shadow:var(--sh-shadow-3)}html:root .hero-warm{border-bottom:var(--sh-section-line)}html:root .hi-underline:after{box-shadow:none}html:root .hero-benefit-check{border:var(--sh-bw) solid transparent;box-shadow:var(--sh-shadow-0)}html:root .hero-mentor-chip{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-card-sm);box-shadow:var(--sh-shadow-1)}html:root .hero-mentor-chip:hover{transform:translateY(var(--sh-lift));box-shadow:var(--sh-shadow-hover)}html:root .hero-mentor-teal .hero-mentor-photo{box-shadow:0 0 0 var(--sh-ring-w) var(--teal)}html:root .hero-mentor-purple .hero-mentor-photo{box-shadow:0 0 0 var(--sh-ring-w) var(--purple)}html:root .snake-stage-bare{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-card);box-shadow:var(--sh-shadow-3);transform:rotate(calc(-2.5deg * var(--sh-tilt)))}html:root .snake-float:hover .snake-stage-bare{transform:rotate(0)}html:root .mentor-bubble{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-card);box-shadow:var(--sh-shadow-3)}html:root .mentor-bubble-left{transform:rotate(calc(-1.8deg * var(--sh-tilt)))}html:root .mentor-bubble-right{transform:rotate(calc(2deg * var(--sh-tilt))) translateY(40px)}html:root .mentor-bubble-left:hover{transform:translateY(var(--sh-lift))}html:root .mentor-bubble-right:hover{transform:translateY(calc(40px + var(--sh-lift)))}html:root .mentor-portrait{border:var(--sh-bw) solid var(--sh-line);box-shadow:var(--sh-shadow-2)}html:root .mentor-bento-tile{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-0)}html:root .mentor-bento-icon{border-radius:var(--sh-r-tag)}html:root .mentor-bubble-quote,html:root .parent-bubble{border:var(--sh-bw) solid var(--sh-line);box-shadow:var(--sh-shadow-2)}html:root .parent-avatar{border:var(--sh-bw) solid var(--sh-line);box-shadow:var(--sh-shadow-0)}html:root .algo-row-viz{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-card);box-shadow:var(--sh-shadow-3)}html:root .algo-viz-tilt-0{transform:rotate(calc(-2.5deg * var(--sh-tilt)))}html:root .algo-viz-tilt-1{transform:rotate(calc(2deg * var(--sh-tilt)))}html:root .algo-viz-tilt-2{transform:rotate(calc(-1.8deg * var(--sh-tilt)))}html:root .viz-canvas-wrap{border-radius:calc(var(--sh-r-card) - var(--sh-bw));box-shadow:none}html:root .quiz-code,html:root .code-panel,html:root .code-console{border:var(--sh-bw) solid var(--sh-line-panel);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-1)}html:root .quiz-opt,html:root .code-input,html:root .quiz-input{border:var(--sh-bw) solid var(--sh-line-ctl);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-0)}html:root .quiz-opt:hover{transform:translateY(var(--sh-lift-sm));box-shadow:var(--sh-shadow-1)}html:root .quiz-opt:active{box-shadow:var(--sh-shadow-0);transform:none}html:root .quiz-opt.is-selected{border-color:var(--brand-accent);box-shadow:0 0 0 1px var(--brand-accent), var(--sh-shadow-1)}html:root .quiz-opt.is-correct{border-color:var(--brand-accent-600);box-shadow:0 0 0 1px var(--brand-accent-600), var(--sh-shadow-1)}html:root .quiz-input:focus{border-color:var(--brand-accent-600);box-shadow:var(--sh-focus)}html:root .quiz-input.is-correct{border-color:var(--brand-accent-600);box-shadow:0 0 0 1px var(--brand-accent-600)}html:root .quiz-opt-badge{border:var(--sh-bw) solid transparent;border-radius:calc(var(--sh-r-tag) - 2px)}html:root .quiz-opt-box{border:var(--sh-bw) solid var(--sh-line-ctl);border-radius:calc(var(--sh-r-tag) - 2px)}html:root .quiz-dot,html:root .code-dots span{border:1px solid color-mix(in oklab, var(--ink) 22%, transparent)}html:root .ac-card{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-card-sm);box-shadow:var(--sh-shadow-2)}html:root .ac-card:hover{transform:translateY(var(--sh-lift));box-shadow:var(--sh-shadow-hover)}html:root .ac-icon{border:var(--sh-bw) solid var(--sh-line-inner);border-radius:var(--sh-r-ctl)}html:root .ac-meta{border-top:var(--sh-meta-line)}html:root .car-btn{border:var(--sh-bw) solid var(--sh-line-ctl);box-shadow:var(--sh-shadow-1)}html:root .compare-classic,html:root .compare-byte{border:var(--sh-bw) solid var(--sh-line-on-dark);border-radius:var(--sh-r-card);box-shadow:var(--sh-shadow-3)}html:root .compare-classic{transform:rotate(calc(-1deg * var(--sh-tilt)))}html:root .compare-byte{transform:rotate(calc(1.5deg * var(--sh-tilt)))}html:root .compare-col:hover{transform:translateY(var(--sh-lift))}html:root .compare-vs{transform:rotate(calc(-6deg * var(--sh-tilt)));text-shadow:var(--sh-text-shadow)}html:root .compare-mark{border:var(--sh-bw) solid transparent}html:root .cta-warm{border:var(--sh-bw) solid var(--sh-line-on-dark);border-radius:var(--sh-r-hero);box-shadow:var(--sh-shadow-4)}html:root .cta-warm .cta-title{text-shadow:var(--sh-title-shadow)}html:root .site-footer{border-top:var(--sh-section-line)}html:root .site-footer:before{display:none}html:root .footer-socials a{border:var(--sh-bw) solid var(--sh-line-on-dark);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-on-dark)}html:root .footer-socials a:hover{transform:translateY(var(--sh-lift));box-shadow:var(--sh-shadow-on-dark);border-color:#0000}html:root .book-back-link,html:root .legal-back-link{border:var(--sh-bw) solid var(--sh-line-ctl);border-radius:var(--sh-r-pill);box-shadow:var(--sh-shadow-1)}html:root .book-back-link:hover,html:root .legal-back-link:hover{transform:translateY(var(--sh-lift));box-shadow:var(--sh-shadow-hover)}html:root .perk-icon{border:var(--sh-bw) solid transparent;border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-1)}html:root .book-card,html:root .book-testimonial{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-card);box-shadow:var(--sh-shadow-3)}html:root .book-field-wrap{border-width:var(--sh-bw);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-0)}html:root .book-field-wrap:not(.is-error){border-color:var(--sh-line-ctl)}html:root .book-field-wrap:not(.is-error):focus-within{border-color:var(--brand-accent-600);box-shadow:var(--sh-focus)}html:root .book-field-wrap.is-error,html:root .book-field-wrap.is-error:focus-within{box-shadow:var(--sh-shadow-0)}html:root .book-field-icon{border-right:var(--sh-bw) solid var(--sh-line-ctl)}html:root .book-success-circle,html:root .book-t-avatar{border:var(--sh-bw) solid transparent;box-shadow:var(--sh-shadow-2)}html:root .book-success-summary{border:var(--sh-bw) solid var(--sh-line);border-radius:var(--sh-r-ctl);box-shadow:var(--sh-shadow-0)}@media (max-width:960px){html:root .snake-stage-bare,html:root .vx-stage,html:root .compare-classic,html:root .compare-byte,html:root .mentor-bubble-left,html:root .mentor-bubble-right,html:root .mentor-bubble:hover,html:root .algo-viz-tilt-0,html:root .algo-viz-tilt-1,html:root .algo-viz-tilt-2,html:root .compare-vs{transform:none}}@media (prefers-reduced-motion:reduce){html:root .btn:hover,html:root .btn:active,html:root .book-submit:hover:not(:disabled),html:root .hero-mentor-chip:hover,html:root .ac-card:hover,html:root .quiz-opt:hover,html:root .book-back-link:hover,html:root .legal-back-link:hover,html:root .footer-socials a:hover{transform:none}}html:root .site-footer{border-radius:40px 40px 0 0}html:root .ac-meta{border-top-style:dashed}html:root .cc-viewport{padding-block:var(--s-4) var(--s-10)}@media (max-width:768px){html:root .site-footer{border-radius:28px 28px 0 0}}
@keyframes bs-bob-calm{0%,to{translate:0}50%{translate:0 -4px}}@keyframes bs-fade-pop{0%{opacity:0;scale:.92}}html:root .float-sticker{animation-name:bs-bob-calm;animation-duration:14s}html:root .float-spark{animation-name:bs-bob-calm;animation-duration:12s}html:root :is(.float-chip,.float-chip-soft){animation-name:bs-bob-calm;animation-duration:10s}html:root .dot-live{animation-duration:3.6s}html:root :is(.book-success-circle,.snake-concept){animation-name:bs-fade-pop;animation-timing-function:ease-out}html:root :is(.mentor-bubble,.compare-col,.track-block,.parent-bubble,.snake-stage-bare){transition:transform .25s ease-out,translate .25s ease-out}@media (min-width:961px){html:root .snake-float:hover .snake-stage-bare{transform:rotate(calc(-2.5deg * var(--sh-tilt,1)))}html:root .mentor-bubble-left:hover{transform:rotate(calc(-1.8deg * var(--sh-tilt,1)))}html:root .mentor-bubble-right:hover{transform:rotate(calc(2deg * var(--sh-tilt,1))) translateY(40px)}html:root .compare-classic:hover{transform:rotate(calc(-1deg * var(--sh-tilt,1)))}html:root .compare-byte:hover{transform:rotate(calc(1.5deg * var(--sh-tilt,1)))}html:root .track-block-low:hover{transform:rotate(calc(-1.5deg * var(--sh-tilt,1))) translateY(20px)}html:root .track-block-high:hover{transform:rotate(calc(1.8deg * var(--sh-tilt,1))) translateY(-30px)}html:root .parent-bubble-0:hover{transform:rotate(calc(-1deg * var(--sh-tilt,1)))}html:root .parent-bubble-1:hover{transform:rotate(calc(2deg * var(--sh-tilt,1)))}html:root .parent-bubble-2:hover{transform:rotate(calc(-1.5deg * var(--sh-tilt,1)))}html:root :is(.mentor-bubble,.compare-col,.track-block,.parent-bubble):hover{translate:0 -3px}}
html:root{--lg-white:color-mix(in oklab, white 72%, var(--surface));--lg-fill:color-mix(in oklab, var(--lg-white) 52%, transparent);--lg-fill-strong:color-mix(in oklab, var(--lg-white) 80%, transparent);--lg-fill-thin:color-mix(in oklab, var(--lg-white) 34%, transparent);--lg-rim:#ffffffc7;--lg-rim-soft:#ffffff80;--lg-rim-dark:#ffffff3d;--lg-sheen:linear-gradient(180deg, #ffffff6b 0%, #ffffff14 40%, transparent 60%);--lg-gloss:linear-gradient(180deg, #ffffff4d 0%, transparent 55%);--lg-spec:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff38, inset 0 0 0 1px #ffffff1a;--lg-spec-dark:inset 0 1px 0 #ffffff52, inset 0 -1px 0 #00000024;--lg-depth:0 1px 1px color-mix(in oklab, var(--sh-shade) 6%, transparent), 0 8px 24px -8px color-mix(in oklab, var(--sh-shade) 18%, transparent), 0 30px 60px -30px color-mix(in oklab, var(--sh-shade) 24%, transparent);--lg-depth-hover:0 2px 2px color-mix(in oklab, var(--sh-shade) 6%, transparent), 0 14px 32px -10px color-mix(in oklab, var(--sh-shade) 24%, transparent), 0 40px 80px -36px color-mix(in oklab, var(--sh-shade) 30%, transparent);--lg-depth-btn:0 1px 1px color-mix(in oklab, var(--sh-shade) 8%, transparent), 0 6px 16px -6px color-mix(in oklab, var(--sh-shade) 26%, transparent)}@supports (color:lab(0% 0 0)){html:root{--lg-rim:lab(100% -.0000298023 .0000119209/.78);--lg-rim-soft:lab(100% -.0000298023 .0000119209/.5);--lg-rim-dark:lab(100% -.0000298023 .0000119209/.24);--lg-sheen:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.42) 0%, lab(100% -.0000298023 .0000119209/.08) 40%, transparent 60%);--lg-gloss:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.3) 0%, transparent 55%);--lg-spec:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.9), inset 0 -1px 0 lab(100% -.0000298023 .0000119209/.22), inset 0 0 0 1px lab(100% -.0000298023 .0000119209/.1);--lg-spec-dark:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.32), inset 0 -1px 0 lab(0% 0 0/.14)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html:root{--lg-fill:var(--lg-fill-strong);--lg-fill-thin:color-mix(in oklab, var(--lg-white) 60%, transparent)}}@media (prefers-reduced-transparency:reduce){html:root{--lg-fill:var(--lg-white);--lg-fill-strong:var(--lg-white);--lg-fill-thin:color-mix(in oklab, var(--lg-white) 85%, var(--surface))}}html:root .site-header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;padding:10px 16px 0}html:root .site-header>*{pointer-events:auto}html:root .site-header .header-inner{border-radius:var(--sh-r-pill);border:1px solid #0000;height:64px;padding-inline:24px 10px;transition:background-color .3s,border-color .3s,box-shadow .3s}html:root .site-header:is(.is-scrolled,.is-open) .header-inner{background:var(--lg-sheen), var(--lg-fill);border-color:var(--lg-rim);box-shadow:var(--lg-spec), var(--lg-depth);-webkit-backdrop-filter:blur(28px)saturate(190%);backdrop-filter:blur(28px)saturate(190%)}html:root .site-nav{gap:2px}html:root .site-nav a{border-radius:var(--sh-r-pill);border:0;padding:8px 14px;transition:background-color .2s,color .2s}html:root .site-nav a:hover{color:var(--navy);background:color-mix(in oklab, var(--ink) 6%, transparent)}html:root .mobile-trigger{border:1px solid var(--lg-rim-soft);border-radius:var(--sh-r-pill);background:var(--lg-fill-thin);width:44px;height:44px;box-shadow:var(--lg-spec);justify-content:center;align-items:center;padding:0}html:root .mobile-panel{max-width:1240px;padding:var(--s-3);border:1px solid var(--lg-rim);border-radius:var(--sh-r-card);background:var(--lg-sheen), var(--lg-fill-strong);box-shadow:var(--lg-spec), var(--lg-depth);-webkit-backdrop-filter:blur(28px)saturate(190%);backdrop-filter:blur(28px)saturate(190%);gap:2px;margin:8px auto 0}html:root .mobile-panel a:not(.btn){border-radius:var(--sh-r-ctl);padding:12px 14px;transition:background-color .2s}html:root .mobile-panel a:not(.btn):hover{background:color-mix(in oklab, var(--ink) 6%, transparent)}html:root .mobile-panel .btn{margin-top:var(--s-1);justify-content:center}@media (max-width:768px){html:root .site-header .header-inner{padding-inline:18px 8px}}html:root :is(.ac-card,.book-card,.book-testimonial,.blog-card,.float-chip-soft,.v3d-hint,.book-back-link,.legal-back-link){background:var(--lg-sheen), var(--lg-fill);border-color:var(--lg-rim-soft);box-shadow:var(--lg-spec), var(--lg-depth);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%)}html:root .blog-card{border:1px solid var(--lg-rim-soft);border-radius:var(--sh-r-card-sm)}html:root :is(.ac-card,.blog-card,.book-back-link,.legal-back-link){transition:transform .25s ease-out,box-shadow .25s ease-out,border-color .25s ease-out,color .15s}html:root :is(.ac-card,.blog-card,.book-back-link,.legal-back-link):hover{background:var(--lg-sheen), var(--lg-fill-strong);border-color:var(--lg-rim);box-shadow:var(--lg-spec), var(--lg-depth-hover);transform:translateY(var(--sh-lift))}html:root .ac-card{box-shadow:var(--lg-spec), 0 1px 1px color-mix(in oklab, var(--sh-shade) 6%, transparent), 0 6px 16px -8px color-mix(in oklab, var(--sh-shade) 18%, transparent)}html:root .ac-card:hover{box-shadow:var(--lg-spec), 0 2px 2px color-mix(in oklab, var(--sh-shade) 6%, transparent), 0 10px 22px -10px color-mix(in oklab, var(--sh-shade) 24%, transparent)}html:root .mentor-bubble{background:color-mix(in oklab, var(--game-cream) 90%, transparent);box-shadow:inset 0 1px 0 #ffffff8c, var(--sh-shadow-3);-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%)}@supports (color:lab(0% 0 0)){html:root .mentor-bubble{box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.55), var(--sh-shadow-3)}}html:root .book-success-summary{background:var(--lg-fill-thin);border-color:var(--lg-rim-soft);box-shadow:var(--lg-spec)}html:root .eyebrow{background:var(--lg-sheen), color-mix(in oklab, var(--game-wheat-light) 72%, transparent);border-color:var(--lg-rim-soft);box-shadow:var(--lg-spec), var(--sh-shadow-0);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%)}html:root :is(.algo-row-viz,.bsx-win,.book-card),html:root .snake-stage-bare:not(.algo-row-viz .snake-stage-bare),html:root .vx-stage:not(.algo-row-viz .vx-stage){outline-offset:-1px;outline:1px solid #ffffff8c;outline:1px solid lab(100% -.0000298023 .0000119209/.55)}html:root .bsx-win-bar{background:var(--lg-sheen), var(--bsx-bar)}html:root :is(.compare-classic,.compare-byte){border-color:var(--lg-rim-dark);box-shadow:var(--lg-spec-dark), var(--sh-shadow-3)}html:root .cta-warm{border-color:var(--lg-rim-dark);box-shadow:var(--lg-spec-dark), var(--sh-shadow-4)}html:root .site-footer{box-shadow:inset 0 1px #ffffff42;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.26)}html:root :is(.btn-ghost,.car-btn){--lg-btn-fill:color-mix(in oklab, color-mix(in oklab, var(--surface) 50%, var(--lg-white)) 68%, transparent);background:var(--lg-gloss), var(--lg-btn-fill);border-color:var(--lg-rim-soft);box-shadow:inset 0 1px 0 #ffffff80, var(--lg-depth-btn);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%)}@supports (color:lab(0% 0 0)){html:root :is(.btn-ghost,.car-btn){box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.5), var(--lg-depth-btn)}}html:root .btn-ghost:hover{background:var(--lg-gloss), var(--lg-fill-strong);color:var(--navy)}html:root .car-btn:hover{background:var(--navy);border-color:var(--navy)}html:root :is(.btn-accent,.book-submit,.code-run,.quiz-check,.vx-btn){background-image:linear-gradient(#ffffff29 0%,#0000 55%);background-image:linear-gradient(lab(100% -.0000298023 .0000119209/.16) 0%,#0000 55%);border-color:#0000}html:root .hero-ctas .btn-accent{background:linear-gradient(180deg, #ffffff24 0%, transparent 55%), var(--deep);color:var(--on-deep)}@supports (color:lab(0% 0 0)){html:root .hero-ctas .btn-accent{background:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.14) 0%, transparent 55%), var(--deep)}}html:root .hero-ctas .btn-accent:hover{background:linear-gradient(180deg, #ffffff24 0%, transparent 55%), var(--deep-900);color:var(--on-deep)}@supports (color:lab(0% 0 0)){html:root .hero-ctas .btn-accent:hover{background:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.14) 0%, transparent 55%), var(--deep-900)}}html:root .btn-outline-light{background:var(--lg-gloss), #ffffff21;border-color:var(--lg-rim-dark);box-shadow:inset 0 1px 0 #ffffff3d, var(--sh-shadow-on-dark);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%)}@supports (color:lab(0% 0 0)){html:root .btn-outline-light{background:var(--lg-gloss), lab(100% -.0000298023 .0000119209/.13);box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.24), var(--sh-shadow-on-dark)}}html:root .btn-outline-light:hover{background:var(--lg-gloss), #ffffff38}@supports (color:lab(0% 0 0)){html:root .btn-outline-light:hover{background:var(--lg-gloss), lab(100% -.0000298023 .0000119209/.22)}}@media (prefers-reduced-motion:reduce){html:root :is(.ac-card,.blog-card,.book-back-link,.legal-back-link):hover{transform:none}}