
:root{
  --lime:#C6FF00; --lime2:#E1FF73; --black:#050505; --ink:#0A0A0A;
  --panel:#111; --panel2:#171717; --white:#fff; --muted:#a6a6a6;
  --line:rgba(255,255,255,.14); --max:1280px; --r:26px;
  --shadow:0 28px 90px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:#fff;font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at var(--mx,85%) var(--my,15%),rgba(198,255,0,.10),transparent 18%);z-index:-1}
a{color:inherit} img{max-width:100%;display:block}.wrap{width:min(var(--max),92vw);margin:auto}
.nav{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(5,5,5,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.navin{height:82px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.brand img{width:176px}.menu{display:flex;gap:26px;align-items:center}.menu a{text-decoration:none;color:#d6d6d6;font-size:14px}
.menu a:hover{color:var(--lime)}.nav-cta,.pill{border-radius:999px;padding:13px 19px;font-weight:800;text-decoration:none;display:inline-flex;gap:8px;align-items:center;transition:.25s}
.nav-cta{background:var(--lime);color:#050505}.nav-cta:hover,.pill:hover{transform:translateY(-2px)}
.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);color:white;border-radius:50%;width:44px;height:44px;font-size:22px}
.hero{min-height:92vh;padding:150px 0 74px;display:flex;align-items:center;position:relative}
.hero.compact{min-height:68vh}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:end}
.kicker,.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:var(--lime)}
h1{font-size:clamp(62px,9.2vw,138px);line-height:.86;letter-spacing:-.075em;margin:18px 0 0}
.hero.compact h1{font-size:clamp(58px,8vw,112px)}.lime{color:var(--lime)}
.hero-copy{border-left:1px solid var(--line);padding-left:24px}.hero-copy p,.lede{font-size:18px;color:#c7c7c7;line-height:1.72}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.pill.primary{background:var(--lime);color:#050505}.pill.ghost{border:1px solid var(--line);background:#0c0c0c}
.pill .arrow{transition:.25s}.pill:hover .arrow{transform:translateX(5px)}
.hero-meta{display:flex;justify-content:space-between;gap:20px;margin-top:70px;padding-top:20px;border-top:1px solid var(--line);color:#888;font-size:13px}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#090909}.track{display:flex;width:max-content;gap:35px;padding:20px 0;animation:marq 30s linear infinite}.track span{white-space:nowrap;font-weight:700;font-size:18px}.track i{color:var(--lime);font-style:normal}@keyframes marq{to{transform:translateX(-50%)}}
section{padding:104px 0}.section-head{display:grid;grid-template-columns:.52fr 1.48fr;gap:32px;margin-bottom:48px;align-items:start}
.section-head h2{font-size:clamp(42px,6.6vw,92px);letter-spacing:-.055em;line-height:.93;margin:0}
.section-head p{color:#aaa;line-height:1.7;max-width:680px}
.grid2,.grid3,.grid4{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);background:linear-gradient(180deg,#121212,#0b0b0b);border-radius:var(--r);padding:28px;min-height:280px;position:relative;overflow:hidden;transition:.35s}
.card:hover{transform:translateY(-5px);border-color:rgba(198,255,0,.5)}.card h3{font-size:30px;letter-spacing:-.03em;margin:46px 0 12px}.card p{color:#a5a5a5;line-height:1.65}.card .icon{width:48px;height:48px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;color:var(--lime)}
.card .go{position:absolute;right:24px;bottom:20px;color:var(--lime);font-size:28px}.card a.stretch{position:absolute;inset:0;text-indent:-9999px}
.feature{border-radius:32px;border:1px solid var(--line);padding:34px;min-height:520px}.feature.lime{background:var(--lime);color:#050505}.feature.dark{background:#0d0d0d}.feature h3{font-size:clamp(38px,5vw,70px);line-height:.94;letter-spacing:-.05em;margin:14px 0 18px}.feature.dark p{color:#aaa}
.list{list-style:none;padding:0;margin:28px 0 0}.list li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid currentColor}
.work-card{border:1px solid var(--line);border-radius:30px;background:#0e0e0e;padding:26px;min-height:460px;position:relative;overflow:hidden}
.work-card h3{font-size:38px;margin:0 0 8px}.work-card p{color:#aaa;max-width:540px}.work-card .visual{position:absolute;left:20px;right:20px;bottom:20px;height:58%;border-radius:22px;overflow:hidden;background:#151515;border:1px solid rgba(255,255,255,.08)}
.visual svg{width:100%;height:100%}.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;color:#bbb}
.metric{font-size:58px;letter-spacing:-.05em;font-weight:800}.muted{color:#999}.divider{border-top:1px solid var(--line)}
.process-row{display:grid;grid-template-columns:90px .8fr 1.2fr;gap:28px;padding:30px 0;border-top:1px solid var(--line)}.process-row .n{color:var(--lime);font-weight:800}.process-row h3{margin:0;font-size:32px}.process-row p{margin:0;color:#aaa;line-height:1.7}
.quote{font-size:clamp(32px,5vw,70px);line-height:1.05;letter-spacing:-.045em}
.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-size:22px;font-weight:700}.faq p{color:#aaa;line-height:1.7;max-width:850px}
.cta{background:var(--lime);color:#050505;border-radius:36px;padding:55px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:end}.cta h2{font-size:clamp(48px,7vw,100px);line-height:.88;letter-spacing:-.06em;margin:0}.cta p{font-size:18px;line-height:1.6}.cta .pill{background:#050505;color:#fff}
.footer{padding:50px 0 30px}.foot{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;border-top:1px solid var(--line);padding-top:28px}.foot img{width:165px;margin-bottom:18px}.foot p{color:#888;max-width:500px}.footlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.footlinks h4{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:.13em}.footlinks a{display:block;text-decoration:none;color:#bbb;margin:9px 0;font-size:14px}.footlinks a:hover{color:var(--lime)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}
.word-swap{display:inline-block;min-width:4ch;color:var(--lime)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter{background:#0d0d0d;border:1px solid var(--line);color:#bbb;border-radius:999px;padding:10px 13px;cursor:pointer}.filter.active{background:var(--lime);color:#050505;border-color:var(--lime)}
.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:26px}.contact-panel{border:1px solid var(--line);border-radius:28px;background:#0d0d0d;padding:28px}.contact-panel h2{font-size:42px;margin:0 0 12px}.contact-panel p{color:#aaa;line-height:1.7}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
input,select,textarea{width:100%;background:#090909;border:1px solid var(--line);color:white;border-radius:14px;padding:14px 15px;font:inherit;outline:none}textarea{min-height:150px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--lime)}
.submit{border:0;cursor:pointer;background:var(--lime);color:#050505;border-radius:999px;padding:15px 20px;font-weight:900}.form-status{margin-top:12px;color:#bbb;min-height:22px}
.note{font-size:12px;color:#777;line-height:1.6}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.article{max-width:860px}.article h2{font-size:44px;letter-spacing:-.035em;margin-top:54px}.article h3{font-size:28px}.article p,.article li{color:#c0c0c0;line-height:1.8}.article a{color:var(--lime)}
.breadcrumbs{font-size:12px;color:#777;margin-bottom:18px}.breadcrumbs a{color:#aaa;text-decoration:none}
.mobile-panel{display:none}
@media(max-width:980px){
  .menu{display:none}.mobile-toggle{display:block}.mobile-panel.open{display:flex;position:fixed;z-index:99;top:82px;left:0;right:0;flex-direction:column;background:#070707;border-bottom:1px solid var(--line);padding:20px 4vw}.mobile-panel a{padding:12px 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}
  .hero-grid,.section-head,.grid3,.grid4,.cta,.foot,.contact-grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.hero-copy{border-left:0;padding-left:0}.process-row{grid-template-columns:60px 1fr}.process-row p{grid-column:2}.footlinks{grid-template-columns:1fr 1fr}.hero{min-height:auto}
}
@media(max-width:600px){
  .brand img{width:145px}.nav-cta{display:none}.navin{height:74px}.mobile-panel.open{top:74px}
  .hero{padding-top:118px}.hero h1{font-size:55px}.hero-meta{flex-direction:column}.feature{min-height:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta{padding:34px 24px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
