body.xp-fine,body.xp-fine a,body.xp-fine button{cursor:none}.xp-gl{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.xp .wrap{box-sizing:content-box;max-width:1320px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}@media (min-width:900px){.xp .wrap{padding-left:max(48px,env(safe-area-inset-left,0px));padding-right:max(48px,env(safe-area-inset-right,0px))}}.xp .pill svg{width:14px;height:14px}.xp .pill{will-change:transform}.xp .sec{position:relative;z-index:2}.xp .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.xp .copy{min-width:0;position:sticky;top:0;min-height:100vh;min-height:100svh;box-sizing:border-box;padding-block:104px 48px;display:flex;flex-direction:column;justify-content:center;gap:22px;max-width:600px}.xp .sec.r .copy{grid-column:2}.xp .sec.l .copy{grid-column:1}.xp .track{min-height:230vh}.xp .track>.grid{min-height:230vh;align-items:start}.xp .cost,.xp .cost>.grid{min-height:200vh}.xp .cost>.grid{align-items:start}@media (max-width:899px){.xp .grid{grid-template-columns:1fr}.xp .sec.l .copy,.xp .sec.r .copy{grid-column:1}.xp .copy{padding-block:84px 28px}.xp .track .copy{background:radial-gradient(120% 90% at 30% 40%,rgba(0,0,0,.72),rgba(0,0,0,0) 75%)}}.xp h1,.xp h2{font-family:var(--font-display);font-weight:400;margin:0;text-wrap:balance}.xp h1{font-size:clamp(54px,8.8vw,138px);line-height:.9;letter-spacing:-.05em}.xp h2{font-size:clamp(36px,min(5.4vw,9.5vh),88px);line-height:.95;letter-spacing:-.045em}.xp .w{overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.xp .w,.xp .wi{display:inline-block}.xp .wi{will-change:transform}.xp .ch{transition:color .4s}.xp .lead{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.6;font-weight:300;color:var(--mist);max-width:33em}.xp .row{flex-wrap:wrap;gap:22px 32px}.xp .hero,.xp .row{display:flex;align-items:center}.xp .hero{min-height:100vh}.xp .hero .grid{width:100%}.xp .hero .copy{position:relative;top:0;min-height:0;padding-block:120px 80px;gap:30px}.xp-wait .hero .wi,.xp-wait .hero [data-r]{opacity:0;animation:xp-show .6s 3s forwards}@keyframes xp-show{to{opacity:1}}.xp .hint{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.xp .hint span{width:1px;height:54px;background:linear-gradient(var(--brand),rgba(70,170,233,0));transform-origin:top;animation:xp-drip 2.2s cubic-bezier(.6,0,.2,1) infinite}@keyframes xp-drip{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.xp .marquee{position:relative;z-index:2;padding-block:34vh;overflow:hidden;white-space:nowrap;pointer-events:none}.xp .mrow{display:inline-flex;align-items:center;gap:.3em;font-family:var(--font-display);font-weight:300;font-size:clamp(44px,6.6vw,108px);line-height:1.05;letter-spacing:-.045em;text-shadow:0 0 28px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.9);will-change:transform}.xp .mline{display:block}.xp .mline+.mline{margin-top:.25em}.xp .mrow .o{color:var(--ice);opacity:.55}.xp .mrow .f{color:var(--bone)}.xp .mrow svg{width:.32em;height:.32em;flex:none}.xp .lessons{display:flex;flex-direction:column;gap:4px;margin-top:6px}.xp .lesson{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-block:12px;font-family:var(--font-display);font-size:clamp(18px,min(1.6vw,2.9vh),24px);letter-spacing:-.02em;transition:color .35s}.xp .lesson .arr{font-family:var(--font-mono);font-size:14px;transition:transform .45s cubic-bezier(.2,.7,0,1);color:var(--tc)}.xp .lesson:hover{color:var(--tc)}.xp .lesson:hover .arr{transform:translateX(10px)}.xp .lesson.more{color:var(--ash);font-family:var(--font-mono);font-size:12.5px;letter-spacing:.07em;text-transform:uppercase}.xp .lesson.more:hover{color:var(--bone)}.xp .end{min-height:140vh;display:flex;align-items:center;padding-bottom:30vh;box-sizing:border-box}.xp .end .copy{position:relative;top:0;min-height:0;max-width:980px;margin:0 auto;align-items:center;text-align:center}.xp .end h2{font-size:clamp(52px,8.4vw,132px)}.xp .end .lead,.xp .end h2{text-shadow:0 0 30px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.9)}.xp .end .lead{text-align:center}.xp-dots{position:fixed;right:max(22px,calc(env(safe-area-inset-right, 0px) + 12px));top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:14px}.xp-dots button{all:unset;display:flex;align-items:center;justify-content:flex-end;gap:12px;height:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ash)}.xp-dots button:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:4px}.xp-dots button span{opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s}.xp-dots button.on span,.xp-dots button:hover span{opacity:1;transform:none}.xp-dots button i{width:6px;height:6px;border-radius:6px;background:rgba(255,255,255,.35);transition:height .45s cubic-bezier(.2,.7,0,1),background .3s}.xp-dots button.on{color:var(--bone)}.xp-dots button.on i{height:18px;background:var(--brand)}@media (max-width:899px){.xp-dots{display:none}}.xp-cur{display:none}body.xp-fine .xp-cur{display:block;position:fixed;inset:0;pointer-events:none;z-index:60;mix-blend-mode:difference}.xp-cur .c-dot,.xp-cur .c-ring{position:fixed;left:0;top:0;border-radius:50%;will-change:transform}.xp-cur .c-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:#ffffff}.xp-cur .c-ring{width:40px;height:40px;margin:-20px 0 0 -20px;border:1px solid #ffffff;transition:width .4s cubic-bezier(.2,.7,0,1),height .4s cubic-bezier(.2,.7,0,1),margin .4s cubic-bezier(.2,.7,0,1),background .4s}.xp-cur.hover .c-ring{width:76px;height:76px;margin:-38px 0 0 -38px;background:#ffffff}@media (prefers-reduced-motion:reduce){.xp .hint span{animation:none}}