.landing-hero{background:radial-gradient(at 77% 38%,#23768d19,#0000 50%),radial-gradient(at 75% 65%,#6550c013,#0000 50%),#070b10;position:relative}.cinematic-sticky{grid-template-columns:1fr 1fr;align-items:center;gap:1rem 2rem;min-height:min(840px,100svh - 78px);padding-block:4rem 0;display:grid}:is([data-cinematic-state=ready],[data-cinematic-state=loading],[data-cinematic-state=suspended]).landing-hero{min-height:205svh}:is([data-cinematic-state=ready],[data-cinematic-state=loading],[data-cinematic-state=suspended]) .cinematic-sticky{top:var(--header-height);min-height:calc(100svh - var(--header-height));position:sticky}.landing-copy{z-index:1;position:relative}.beta-link{border:1px solid var(--line);color:#b6c5cf;background:#0c171fb3;border-radius:2rem;align-items:center;gap:.65rem;padding:.4rem .8rem;font-size:.75rem;display:inline-flex}.beta-link>span:first-child{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #56e8f455}.beta-link:hover{border-color:var(--cyan);color:var(--ink)}.landing-copy .section-kicker{color:#b1c1ce;margin:2rem 0 1.1rem;font-size:.7rem;line-height:1.7}.landing-copy h1{letter-spacing:-.065em;max-width:670px;font-size:clamp(3.5rem,5.6vw,5.5rem);line-height:1.06}.landing-copy h1 em{color:var(--cyan);-webkit-text-stroke:0;-webkit-text-fill-color:transparent;text-shadow:none;background:linear-gradient(105deg,#70e6e8 20%,#84a9ff 100%) text}.landing-lede{color:#aebcc8;max-width:470px;margin:1.7rem 0 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.7}.landing-actions{flex-wrap:wrap;align-items:center;gap:1.7rem;margin-top:2rem;display:flex}.landing-actions .button,.beta-copy .button{font-family:var(--sans);letter-spacing:0;text-transform:none;border-radius:2rem;font-size:.9rem}.look-link{color:#b5c4ce;align-items:center;gap:1.5rem;padding-block:.8rem;font-size:.88rem;display:inline-flex}.look-link span{transition:transform .2s}.look-link:hover span{transform:translateY(4px)}.brand-scene{aspect-ratio:1;background:radial-gradient(#367baf24,#0000 65%);place-items:center;width:100%;max-width:620px;margin:0 auto;display:grid;position:relative;overflow:clip}.cinematic-poster{place-items:center;display:grid;position:absolute;inset:0}.brand-scene img{filter:drop-shadow(0 0 40px #49b7ec22);width:56%;height:auto;position:relative}.brand-scene canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}[data-cinematic-state=ready] .cinematic-poster{visibility:hidden}.scene-caption{color:#b6c7d6;border-top:1px solid #6784a032;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.78rem;display:flex;position:absolute;bottom:0;left:1rem;right:1rem}.scene-index{color:#8a9fb0;font:.65rem var(--mono)}.scene-word-explore,.scene-word-learn,[data-beat=explore] .scene-word-identity,[data-beat=learn] .scene-word-identity{display:none}[data-beat=explore] .scene-word-explore,[data-beat=learn] .scene-word-learn{display:inline}.brand-orbit{pointer-events:none;border:1px solid #61b9d71c;border-radius:50%;position:absolute}.brand-orbit-outer{border-left-color:#57d8e369;border-right-color:#a767ff66;inset:3%;transform:rotate(-28deg)}.brand-orbit-inner{border-bottom-color:#57d8e33d;inset:13%}.brand-orbit-outer:after{content:"";background:var(--cyan);width:5px;height:5px;box-shadow:0 0 14px var(--cyan);border-radius:50%;position:absolute;top:14.2%;left:14.2%}.brand-axis{background:linear-gradient(90deg,#0000,#56e8f436,#0000);height:1px;position:absolute;inset:50% 0 auto;transform:rotate(-28deg)}.brand-scene-label{color:#93a7ba;font:.6rem var(--mono);letter-spacing:.16em;position:absolute;bottom:15%}.brand-scene-label b{color:var(--violet);padding-inline:.6rem}.landing-baseline{border-top:1px solid var(--line);color:#a2b3c0;text-align:left;grid-column:1/-1;justify-content:space-between;align-self:end;align-items:center;gap:1rem;width:100%;margin-top:1rem;padding-block:1.5rem;font-size:.82rem;display:flex}.scroll-mark{color:var(--cyan);margin-right:.65rem;display:inline-block}.landing-baseline a:hover{color:var(--cyan)}.landing-baseline a span{margin-left:.6rem}.inside-section{padding-block:clamp(4rem,9vw,8rem)}.inside-copy{text-align:center;max-width:660px;margin-inline:auto}.inside-copy h2,.lab-heading h2,.beta-section h2{letter-spacing:-.055em;margin:1rem 0 1.4rem;font-size:clamp(2.4rem,4.5vw,4.2rem);font-weight:600;line-height:1.08}.inside-copy p:not(.section-kicker){color:#aebcc8;font-size:1.05rem}.inside-copy .text-link{margin-top:.6rem;display:inline-block}.learning-path{grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1000px;margin:3.5rem auto 0;padding:0;list-style:none;display:grid}.learning-path li{border-top:1px solid #62e4e959;padding-top:1.3rem;position:relative}.learning-path li:nth-child(2){border-color:#7faaff59}.learning-path li:nth-child(3){border-color:#b79aff59}.path-number{color:#62e4e9;font:.7rem var(--mono)}.learning-path li:nth-child(2) .path-number{color:#7faaff}.learning-path li:nth-child(3) .path-number{color:#b79aff}.learning-path h3{letter-spacing:-.02em;margin:1rem 0 .6rem;font-size:1.15rem;font-weight:550}.learning-path p{color:#a3b2c0;margin:0;font-size:.9rem;line-height:1.7}.lab-section{padding-block:2rem 6rem}.lab-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.lab-heading h2{margin-bottom:0}.lab-heading>a{flex-shrink:0;padding-bottom:.4rem}.lab-links{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;column-gap:3rem;display:grid}.lab-link{border-bottom:1px solid var(--line);align-items:center;gap:1.2rem;padding:1.75rem .7rem;transition:background .2s;display:flex;position:relative}.lab-link:hover,.lab-link:focus-visible{background:#61bfde08}.lab-number{color:#8395a5;font:.65rem var(--mono);align-self:flex-start;padding-top:.2rem}.lab-category{color:#9cadbb;font:.58rem var(--mono);text-transform:uppercase;letter-spacing:.12em}.lab-link h3{letter-spacing:-.02em;margin:.3rem 0;font-size:1.15rem;font-weight:550}.lab-link p{color:#93a4b3;margin:0;font-size:.75rem}.lab-arrow{color:var(--cyan);margin-left:auto;font-size:1.1rem;transition:transform .2s}.lab-link:hover .lab-arrow{transform:translate(3px,-3px)}.lab-note{color:#9badba;max-width:820px;margin-top:1.5rem;font-size:.8rem}.lab-note a{color:#b9cad7;text-underline-offset:3px;text-decoration:underline}.beta-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding-block:5rem 7rem;display:grid}.beta-copy>p{color:#a4b3bf;max-width:530px;margin-top:0}@media (width<=1000px){.cinematic-sticky{grid-template-columns:1.1fr 1fr;gap:1rem}.landing-copy h1{font-size:clamp(3.2rem,5.8vw,4.5rem)}.baseline-detail{display:none}.brand-scene-label{font-size:.5rem}.lab-heading{flex-wrap:wrap}.beta-section{gap:2.5rem}}@media (width<=620px){.cinematic-sticky{grid-template-columns:1fr;gap:.6rem;min-height:auto;padding-top:2.3rem}:is([data-cinematic-state=ready],[data-cinematic-state=loading],[data-cinematic-state=suspended]).landing-hero{min-height:165svh}:is([data-cinematic-state=ready],[data-cinematic-state=loading],[data-cinematic-state=suspended]) .cinematic-sticky{min-height:auto;padding-top:1.8rem}.landing-copy .section-kicker{margin-top:1.8rem;font-size:.55rem}.landing-copy h1{font-size:clamp(2.65rem,10.4vw,4.5rem)}.landing-lede{margin-top:1.3rem;font-size:1rem}.landing-actions{gap:.8rem 1.5rem}.landing-actions .button{width:auto}.brand-scene{width:100%;max-width:360px;max-height:38svh;margin-top:1.5rem}.scene-caption{padding-block:.6rem;font-size:.7rem;bottom:0}.landing-baseline{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.5rem;font-size:.72rem}.inside-section{padding-block:3.5rem}.inside-copy p:not(.section-kicker){font-size:1rem}.learning-path{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.lab-section{padding-block:1rem 3rem}.lab-heading{gap:1.3rem}.lab-heading h2{font-size:2.2rem}.lab-links{grid-template-columns:1fr}.lab-link{gap:.8rem;padding-block:1.4rem}.lab-link h3{font-size:1rem}.lab-link p{font-size:.7rem}.beta-section{grid-template-columns:1fr;gap:.5rem;padding-block:3rem 4rem}}@media (height<=740px) and (width>=621px){.cinematic-sticky{padding-top:1.5rem}.brand-scene{max-height:65svh}.landing-copy h1{font-size:clamp(3rem,5vw,4.6rem)}}@media (height<=760px) and (width<=620px){:is([data-cinematic-state=ready],[data-cinematic-state=loading],[data-cinematic-state=suspended]) .cinematic-sticky{position:relative;top:auto}:is([data-cinematic-state=ready],[data-cinematic-state=loading],[data-cinematic-state=suspended]).landing-hero{min-height:auto}}@media (prefers-reduced-motion:reduce),(forced-colors:active){[data-cinematic-state].landing-hero{min-height:auto}[data-cinematic-state] .cinematic-sticky{position:relative;top:auto}.brand-scene canvas{display:none}[data-cinematic-state] .cinematic-poster{visibility:visible}}@media (forced-colors:active){.landing-copy h1 em{color:canvastext;-webkit-text-fill-color:currentColor;background:0 0}.menu-button span:not(.sr-only){background:0 0;border-top:1px solid buttontext;height:0}}