:root{
  --pink:#e623aa;
  --purple:#8c52ff;
  --magenta:#c83ad0;
  --black:#050507;
  --surface:#0b0b10;
  --line:rgba(255,255,255,.10);
  --muted:#a7a7b1;
  --white:#fff;
  --gradient:linear-gradient(110deg,#e623aa 0%,#c83ad0 45%,#8c52ff 100%);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");z-index:20}
a{color:inherit;text-decoration:none}
.nav{height:86px;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:10}
.brand img{width:190px;height:auto;display:block}
.nav nav{display:flex;gap:34px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.nav nav a{opacity:.72;transition:.25s}.nav nav a:hover{opacity:1;color:#f35bc1}
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px 9vw 70px;overflow:hidden}
.hero-bg{position:absolute;width:700px;height:700px;border-radius:50%;right:-180px;top:80px;background:radial-gradient(circle,rgba(230,35,170,.18),rgba(140,82,255,.08) 35%,transparent 68%);filter:blur(10px)}
.hero-copy{position:relative;z-index:2;max-width:750px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.28em;color:#ddd;text-transform:uppercase;margin:0 0 20px}
.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px var(--pink);margin-right:10px}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif}
h1{font-size:clamp(65px,8.2vw,132px);line-height:.86;letter-spacing:-.065em;margin:0 0 30px}
h1 em,h2 span{font-style:normal;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{font-size:18px;line-height:1.75;color:#b7b7c1;max-width:620px}
.hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.btn{padding:15px 22px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.04em;transition:.25s}
.btn-primary{background:var(--gradient);box-shadow:0 12px 45px rgba(230,35,170,.22)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 55px rgba(230,35,170,.35)}
.btn-primary span,.contact-link span{margin-left:18px}
.btn-ghost{border:1px solid var(--line);color:#ddd}.btn-ghost:hover{border-color:rgba(230,35,170,.55);background:rgba(255,255,255,.03)}
.hero-orbit{height:600px;position:relative;display:flex;align-items:center;justify-content:center}
.orbit{position:absolute;border:1px solid rgba(230,35,170,.24);border-radius:50%;transform:rotate(-24deg)}
.orbit-1{width:470px;height:470px}.orbit-2{width:340px;height:510px;border-color:rgba(140,82,255,.28)}.orbit-3{width:570px;height:260px;border-color:rgba(255,255,255,.10);transform:rotate(28deg)}
.core{width:130px;height:130px;border-radius:35px;background:var(--gradient);display:grid;place-items:center;font-family:"Space Grotesk";font-weight:700;font-size:34px;box-shadow:0 0 90px rgba(230,35,170,.3);transform:rotate(-8deg)}
.node{position:absolute;padding:8px 12px;border:1px solid var(--line);border-radius:100px;background:rgba(5,5,7,.75);backdrop-filter:blur(10px);font-size:9px;letter-spacing:.18em;font-weight:800;color:#ddd}
.node-a{top:100px;right:90px;color:#ff6cc9}.node-b{bottom:115px;left:70px;color:#b18bff}.node-c{top:250px;left:15px}
.scroll-cue{position:absolute;bottom:35px;left:9vw;font-size:9px;letter-spacing:.25em;color:#777}.scroll-cue span{color:var(--pink);font-size:15px;margin-left:8px}
.section{padding:130px 9vw;position:relative;border-top:1px solid rgba(255,255,255,.06)}
.section-number{position:absolute;left:4vw;top:135px;color:#555;font-size:10px;letter-spacing:.2em}
.intro-grid,.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}
h2{font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.055em;margin:0}
.large-copy{font-size:20px;line-height:1.8;color:#aaaab4;margin:0;max-width:600px}
.section-heading{margin-bottom:65px}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.service-card{min-height:340px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));padding:34px;position:relative;overflow:hidden;transition:.35s}
.service-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-80px;background:radial-gradient(circle,rgba(230,35,170,.16),transparent 70%);transition:.35s}
.service-card:hover{transform:translateY(-7px);border-color:rgba(230,35,170,.32)}.service-card:hover:after{transform:scale(1.6)}
.service-card.featured{background:linear-gradient(145deg,rgba(230,35,170,.09),rgba(140,82,255,.035))}
.service-no{position:absolute;right:30px;top:30px;font-size:10px;color:#666;letter-spacing:.15em}
.icon{font-size:38px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:50px}
.service-card h3{font-size:30px;margin:0 0 15px;letter-spacing:-.03em}
.service-card p{color:#9696a0;line-height:1.7;max-width:470px;margin:0}
.tags{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:7px 10px;border-radius:100px;color:#8f8f99;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.approach{background:linear-gradient(180deg,#050507,#08070a)}
.steps{border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}
.step b{font-size:10px;color:var(--pink);letter-spacing:.12em}.step h3{font-size:22px;margin:0 0 8px}.step p{color:#92929b;line-height:1.6;margin:0;max-width:550px}
.statement{padding:170px 9vw;background:var(--gradient);position:relative;overflow:hidden}
.statement:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-100px;top:-260px;background:rgba(255,255,255,.11);filter:blur(30px)}
.statement-inner{position:relative}.statement span{font-size:11px;letter-spacing:.3em;font-weight:800}.statement h2{font-size:clamp(60px,9vw,140px);margin-top:20px;color:#050507}.statement h2 em{font-style:normal;-webkit-text-stroke:1px #050507;color:transparent}
.contact{padding-bottom:100px}.contact-box{max-width:1050px}.contact-box>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#9696a0;max-width:620px;margin:35px 0}.contact-link{font-family:"Space Grotesk";font-size:clamp(22px,3vw,42px);font-weight:600;border-bottom:1px solid rgba(230,35,170,.5);padding-bottom:10px;display:inline-block;transition:.25s}.contact-link:hover{color:#f05ac0;border-color:#f05ac0}
footer{border-top:1px solid var(--line);padding:30px 5vw;display:flex;justify-content:space-between;align-items:center;color:#666;font-size:11px;letter-spacing:.04em}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:125px}.footer-brand span{color:#666}
.reveal{opacity:0;transform:translateY(25px);animation:rise .9s .15s forwards}.delay-1{animation-delay:.35s}@keyframes rise{to{opacity:1;transform:none}}
@media(max-width:850px){
  .nav{padding:16px 6vw}.brand img{width:150px}.nav nav{gap:15px;font-size:9px}
  .hero{grid-template-columns:1fr;padding:120px 7vw 80px;min-height:auto}.hero-orbit{height:430px;margin-top:20px}.orbit-1{width:330px;height:330px}.orbit-2{width:250px;height:360px}.orbit-3{width:390px;height:190px}.node-a{top:60px;right:20px}.node-b{bottom:60px;left:20px}.node-c{top:190px;left:0}
  .section{padding:90px 7vw}.section-number{left:3vw;top:95px}.intro-grid,.approach-grid{grid-template-columns:1fr;gap:45px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px}
  .statement{padding:110px 7vw}footer{flex-direction:column;gap:20px;align-items:flex-start}
}
@media(max-width:520px){.nav nav a:nth-child(1),.nav nav a:nth-child(2){display:none}.hero{padding-top:110px}.hero-text{font-size:16px}.hero-orbit{transform:scale(.82);margin-left:-10%;margin-right:-10%}.service-card{padding:28px}.icon{margin-bottom:35px}}

.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(230,35,170,.055),transparent 68%);filter:blur(8px);transition:transform .12s ease-out}