:root{--bg:#07070a;--tx:#f2efe9;--mut:#8b8792;--a:#ff5f3d;--b:#ffc53d;--c:#8b7bff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.6 Inter,sans-serif;overflow-x:hidden}
a{color:var(--b)}
h1,h2,h3{font-family:Syne,sans-serif;font-weight:800;margin:0;letter-spacing:-.03em}
.grad{background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;mix-blend-mode:difference}
.nav__logo{font:800 22px Syne;color:#fff;text-decoration:none}
.nav__cta{color:#fff;text-decoration:none;border:1px solid #fff;border-radius:99px;padding:8px 18px;font-size:14px}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 28px 60px;position:relative;overflow:hidden}
.hero__t{font-size:clamp(44px,9vw,140px);line-height:.95;position:relative;z-index:2}
.line{display:block;overflow:hidden}.line>span{display:inline-block}
.hero__p{max-width:46ch;color:var(--mut);font-size:19px;margin-top:32px;position:relative;z-index:2}
.hero__orb{position:absolute;right:-10vw;top:10vh;width:60vw;height:60vw;max-width:800px;max-height:800px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--b),var(--a) 40%,var(--c) 75%,transparent 76%);filter:blur(60px);opacity:.55}
.scroll-hint{position:absolute;bottom:28px;left:28px;font-size:12px;text-transform:uppercase;letter-spacing:.3em;color:var(--mut)}
.manifest{padding:20vh 28px;max-width:1200px;margin:0 auto}
.reveal-words{font:700 clamp(26px,4vw,56px)/1.2 Syne;letter-spacing:-.02em;margin:0}
.reveal-words span{opacity:.15}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #222}
.num{padding:48px 28px;border-right:1px solid #222}.num:last-child{border:0}
.num b{display:block;font:800 clamp(56px,8vw,110px)/1 Syne;background:linear-gradient(180deg,#fff,#555);-webkit-background-clip:text;background-clip:text;color:transparent}
.num span{color:var(--mut)}
.hscroll{overflow:hidden}
.hscroll__track{display:flex;gap:28px;padding:12vh 28px;width:max-content}
.panel{width:min(560px,80vw);min-height:70vh;border-radius:32px;padding:40px;flex-shrink:0;display:flex;flex-direction:column}
.panel--intro{background:none;justify-content:center;width:min(520px,80vw)}
.panel--intro h2{font-size:clamp(40px,5vw,72px);line-height:1}
.panel--intro p{color:var(--mut)}
.job{background:linear-gradient(160deg,#1c1310,#0e0b0a);border:1px solid #3a221a}
.job--b{background:linear-gradient(160deg,#1d1907,#0e0d07);border-color:#3d3413}
.job--c{background:linear-gradient(160deg,#14112a,#0b0a14);border-color:#2c2655}
.job__n{font:800 18px Syne;color:var(--a)}.job--b .job__n{color:var(--b)}.job--c .job__n{color:var(--c)}
.job h3{font-size:clamp(36px,4vw,60px);line-height:1;margin:auto 0 20px}
.job p{color:#b8b3bd;margin:0 0 12px}
.job__pay{font-size:14px;color:var(--mut)!important}
.job__btn{margin-top:20px;display:flex;justify-content:space-between;align-items:center;background:var(--tx);color:var(--bg);text-decoration:none;font-weight:500;padding:20px 26px;border-radius:99px;transition:background .2s}
.job__btn i{font-style:normal;font-size:22px;transition:transform .25s}
.job__btn:hover{background:var(--b)}.job__btn:hover i{transform:rotate(45deg)}
.timeline{padding:16vh 28px;max-width:1200px;margin:0 auto}
.timeline h2{font-size:clamp(32px,5vw,64px);margin-bottom:60px}
.tl{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:40px}
.tl__line{position:absolute;top:0;left:0;right:0;height:2px;background:#222}
.tl__fill{height:100%;background:linear-gradient(90deg,var(--a),var(--b),var(--c));transform:scaleX(0);transform-origin:left}
.tl__item b{display:block;font:700 24px Syne;margin-bottom:6px}.tl__item span{color:var(--mut)}
.free{text-align:center;padding:12vh 28px 16vh;max-width:900px;margin:0 auto}
.free h2{font-size:clamp(36px,6vw,84px);line-height:1}
.free p{color:var(--mut);margin:24px auto 40px;max-width:52ch}
.big-cta{display:inline-block;background:linear-gradient(90deg,var(--a),var(--b));color:#000;font:700 20px Syne;text-decoration:none;padding:24px 48px;border-radius:99px;transition:transform .2s}
.big-cta:hover{transform:scale(1.05)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding:40px 28px;border-top:1px solid #222;font-size:14px;color:var(--mut)}
.foot b{color:var(--tx);font-family:Syne}
@media(max-width:900px){.hscroll__track{flex-direction:column;width:auto}.panel{width:auto;min-height:auto}.panel--intro{width:auto}.numbers,.tl{grid-template-columns:1fr 1fr}.num:nth-child(2){border-right:0}.num{border-bottom:1px solid #222}.foot{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reveal-words span{opacity:1}}