:root{--paper:#f4f7fc;--card:#fff;--ink:#0c1b36;--ink-soft:#3d4e6e;--ink-mute:#7183a3;--line:#dce4f2;--night:#101e3f;--night-deep:#0b1730;--signal:#0fa5d8;--violet:#7a5af8;--rose:#e14d68;--aurora:linear-gradient(90deg, #21b5e4 0%, #7b8cff 55%, #a66bff 100%);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink-soft);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-family:Space Grotesk,Inter,sans-serif}a{color:var(--signal);text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1140px;margin:0 auto;padding:0 24px}::selection{background:#21b5e440}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}.btn{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 26px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-aurora{background:var(--aurora);color:#0b1730;box-shadow:0 12px 32px #7a5af859}.btn-aurora:hover{transform:translateY(-2px);box-shadow:0 18px 40px #7a5af873}.btn-outline{color:#edf1fc;background:0 0;border:1.5px solid #edf1fc47}.btn-outline:hover{border-color:#edf1fc;transform:translateY(-2px)}.btn-light{color:var(--night);background:#fff}.btn-light:hover{transform:translateY(-2px)}.btn-primary{background:var(--night);color:#7fe3ff;border:1px solid #7fe3ff38;box-shadow:0 10px 28px #0c1b3647}.btn-primary:hover{transform:translateY(-2px)}.btn-primary .arrow{background:var(--aurora);color:#0b1730;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex}nav.site-nav{z-index:50;-webkit-backdrop-filter:blur(16px);background:#06070fd1;border-bottom:1px solid #7882b429;position:sticky;top:0}.nav-inner{align-items:center;gap:28px;max-width:1220px;margin:0 auto;padding:14px 24px;display:flex}.brand{color:#f1f4fd;letter-spacing:-.02em;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;display:inline-flex}.nav-links{align-items:center;gap:24px;margin:0 auto;padding:0;list-style:none;display:flex}.nav-links a{color:#a6b1ce;font-size:14.5px;font-weight:500}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-cta{align-items:center;gap:10px;display:flex}.nav-cta .btn{padding:9px 20px;font-size:13.5px}.nav-drop{position:relative}.nav-drop>button{cursor:pointer;color:#a6b1ce;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-family:Inter,sans-serif;font-size:14.5px;font-weight:500;display:inline-flex}.nav-drop>button:hover,.nav-drop.open>button,.nav-drop>button[aria-expanded=true]{color:#fff}.nav-drop .caret{font-size:10px;transition:transform .15s}.nav-drop.open .caret{transform:rotate(180deg)}.drop-panel{-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;background:#0d101ef5;border:1px solid #a78bfa47;border-radius:16px;min-width:330px;padding:16px;transition:opacity .16s,translate .16s,visibility .16s;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 30px 70px #02030a99,inset 0 1px #ffffff0d}.drop-panel:before{content:"";height:14px;position:absolute;top:-14px;left:0;right:0}.nav-drop.open .drop-panel,.nav-drop:hover .drop-panel,.nav-drop:focus-within .drop-panel{opacity:1;visibility:visible;translate:0}.drop-label{letter-spacing:.16em;text-transform:uppercase;color:#66739b;padding:2px 10px 10px;font-family:JetBrains Mono,monospace;font-size:10px}.drop-item{border-radius:11px;align-items:flex-start;gap:12px;padding:11px 12px;text-decoration:none;transition:background .12s;display:flex}.drop-item:hover{background:#7a5af81f}.drop-item .di{color:#c9b8ff;background:#7a5af824;border:1px solid #a78bfa4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.drop-item b{color:#edf1fc;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;display:block}.drop-item span span{color:#8b97b8;margin-top:2px;font-size:12px;font-weight:400;line-height:1.5;display:block}.role-hero{color:#edf1fc;background:radial-gradient(850px 480px at 78% 20%,#7a5af82b,#0000 62%),radial-gradient(650px 400px at 6% 90%,#21b5e417,#0000 60%),linear-gradient(#05060d 0%,#0a0d1c 100%);padding:clamp(52px,7vw,84px) 0 clamp(56px,7vw,88px);position:relative;overflow:hidden}.role-hero:after{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(#a78bfa8c 1.2px,#0000 1.9px);background-size:21px 21px;width:52%;height:55%;position:absolute;bottom:-60px;right:-80px;transform:skewY(-7deg);-webkit-mask-image:radial-gradient(82% 95% at 82% 95%,#000 25%,#0000 72%);mask-image:radial-gradient(82% 95% at 82% 95%,#000 25%,#0000 72%)}.role-grid{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(30px,5vw,64px);display:grid;position:relative}.kicker-pill{letter-spacing:.12em;text-transform:uppercase;color:#b9c2de;background:#13182eb3;border:1px solid #a78bfa4d;border-radius:999px;align-items:center;gap:9px;padding:7px 16px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.kicker-pill .gem{background:var(--aurora);border-radius:4px;flex-shrink:0;width:14px;height:14px}.role-copy h1{color:#f4f6fe;letter-spacing:-.025em;margin:24px 0 0;font-size:clamp(32px,4.2vw,50px);font-weight:700;line-height:1.08}.role-copy h1 .grad{background:var(--aurora);color:#0000;-webkit-background-clip:text;background-clip:text}.role-copy .sub{color:#a6b1ce;max-width:520px;margin:20px 0 0;font-size:16.5px}.role-copy .cta-row{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.role-copy .fine{letter-spacing:.14em;text-transform:uppercase;color:#66739b;margin-top:26px;font-family:JetBrains Mono,monospace;font-size:10.5px}.role-viz{width:100%;max-width:430px;margin:0 auto;position:relative}.role-viz svg{width:100%;height:auto;display:block}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes linkdash{to{stroke-dashoffset:-24px}}@media (prefers-reduced-motion:no-preference){.role-viz .dash{animation:2.6s linear infinite linkdash}.role-viz .fl{transform-box:fill-box;animation:5.2s ease-in-out infinite floaty}.role-viz .fl2{animation-delay:1.6s}.role-viz .bl{animation:2.4s ease-in-out infinite blink}}section.block{padding:92px 0 0}.section-head{text-align:center;max-width:740px;margin:0 auto 44px}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px}.section-head h2{font-size:clamp(26px,3.6vw,40px);font-weight:700;line-height:1.15}.section-head p{max-width:640px;margin:16px auto 0;font-size:16px}.section-head .three{color:var(--ink);margin-top:22px;font-size:14.5px;font-weight:600}.options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:960px;margin:0 auto;display:grid}.option-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 22px #0c1b360d}.option-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #0c1b361a}.option-card .num{color:var(--rose);letter-spacing:0;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.option-card h3{margin:6px 0 10px;font-size:15px}.option-card p{margin:0;font-size:13.5px;line-height:1.65}.bento{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tile{border-radius:20px;flex-direction:column;justify-content:space-between;min-height:180px;padding:26px 24px;transition:transform .18s;display:flex}.tile:hover{transform:translateY(-4px)}.tile h3{margin-bottom:10px;font-size:18px;line-height:1.25}.tile p{margin:0;font-size:13px;line-height:1.6}.tile-cream{background:var(--card);border:1px solid var(--line)}.tile-cream p{color:var(--ink-soft)}.tile-cyan{background:#ddf3fb}.tile-cyan h3{color:#093a4e}.tile-cyan p{color:#2e5d70}.tile-night{background:var(--night)}.tile-night h3{color:#edf2fc}.tile-night p{color:#9aa9cb}.tile-violet{background:#e9e3fd}.tile-violet h3{color:#2c1e63}.tile-violet p{color:#55479a}.tile-brand{background:var(--night);justify-content:center;align-items:center;position:relative;overflow:hidden}.tile-brand:after{content:"";background:radial-gradient(circle,#7b8cff38,#0000 60%);position:absolute;inset:-40%}.tile-brand .gem-big{background:var(--aurora);z-index:1;border-radius:22px;justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:relative;box-shadow:0 0 40px #3bc7f080}.tile .tile-tag{letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.tile-cream .tile-tag{color:var(--signal)}.tile-cyan .tile-tag{color:#0a7ca3}.tile-night .tile-tag{color:#6fd6f7}.tile-violet .tile-tag{color:#6c4fe0}.jobs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.job-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:transform .18s;overflow:hidden;box-shadow:0 6px 22px #0c1b360d}.job-card:hover{transform:translateY(-4px)}.job-visual{background:linear-gradient(160deg,#16264d,#0b1730 80%);justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.job-visual:after{content:"";background:radial-gradient(240px 120px at 50% 110%,#7a5af838,#0000 70%);position:absolute;inset:0}.job-visual svg{z-index:1;position:relative}.job-body{padding:18px 20px 22px}.job-body .jk{letter-spacing:.14em;text-transform:uppercase;color:var(--signal);font-family:JetBrains Mono,monospace;font-size:10px}.job-body h3{margin:6px 0 8px;font-size:16.5px}.job-body p{margin:0;font-size:13.5px;line-height:1.65}.banner{background:var(--night-deep);text-align:center;color:#dce4f6;border-radius:16px;margin-top:26px;padding:20px 28px;font-family:Space Grotesk,sans-serif;font-size:clamp(14px,1.8vw,17px);font-weight:600;position:relative;overflow:hidden}.banner:before{content:"";background:linear-gradient(90deg,#0000,#21b5e4 25%,#7b8cff 55%,#a66bff 80%,#0000);height:2px;position:absolute;top:0;left:32px;right:32px}.demo-band{background:linear-gradient(160deg,#12224a 0%,#0b1730 75%);border-radius:28px;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(30px,5vw,56px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #0c1b3659}.demo-band:before{content:"";background:linear-gradient(90deg,#0000,#21b5e4 25%,#7b8cff 55%,#a66bff 80%,#0000);height:2px;position:absolute;top:0;left:48px;right:48px}.demo-band h2{color:#edf2fc;font-size:clamp(24px,3.4vw,36px);line-height:1.15}.demo-band p{color:#9aa9cb;margin:16px 0 26px;font-size:15.5px}.demo-band .shot{border:1px solid #6fd6f740;border-radius:14px;box-shadow:0 20px 60px #02061299}footer{text-align:center;padding:60px 24px 40px}footer .foot-brand{color:var(--ink);align-items:center;gap:9px;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-flex}footer p{color:var(--ink-mute);margin-top:10px;font-size:13px}footer .motto{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-family:JetBrains Mono,monospace;font-size:11px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.65,.25,1),transform .7s cubic-bezier(.2,.65,.25,1);transform:translateY(26px)}.reveal.on{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=900px){.nav-links{display:none}.role-grid{grid-template-columns:1fr}.role-viz{max-width:360px;margin-top:20px}.bento{grid-template-columns:1fr 1fr}.demo-band{grid-template-columns:1fr}}@media (width<=600px){.bento{grid-template-columns:1fr}section.block{padding-top:64px}}