:root{
  --bg:#0B0B0F;
  --bg2:#111116;
  --panel:#15151b;
  --text:#F5F5F7;
  --muted:#A1A1AA;
  --line:rgba(255,255,255,.11);
  --accent:#D8D8DE;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.narrow{max-width:900px}
.section{padding:120px 0}
.section-muted{background:var(--bg2)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,11,15,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:9px;align-items:center;font-weight:700;letter-spacing:.16em;font-size:14px}
.brand-next{color:var(--muted)}
.desktop-nav{display:flex;gap:30px;color:#c9c9d0;font-size:14px}
.desktop-nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border:1px solid #f4f4f5;background:#f4f4f5;color:#0B0B0F;font-weight:600;font-size:14px;transition:.25s ease}
.btn:hover{transform:translateY(-2px);background:#fff}
.btn-small{padding:10px 14px}
.btn-light{margin-top:30px}
.eyebrow{font-size:11px;letter-spacing:.24em;color:#8f8f98;font-weight:600;margin-bottom:18px}
.hero{padding-top:88px}
.hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(64px,8vw,118px);line-height:.88;letter-spacing:-.065em;margin-bottom:30px}
h1 span{color:#9a9aa3}
h2{font-size:clamp(44px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;margin-bottom:24px}
h3{font-size:23px;letter-spacing:-.025em}
.lead,.section-intro{max-width:720px;color:#b6b6be;font-size:19px;line-height:1.7}
.hero-actions{display:flex;gap:24px;align-items:center;margin-top:36px}
.text-link{font-size:14px;color:#bdbdc5}
.logo-stage{position:relative;display:grid;place-items:center;min-height:570px;overflow:hidden}
.logo-stage:before{content:"";position:absolute;width:72%;height:72%;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 120px rgba(255,255,255,.04)}
.logo-stage img{width:min(90%,540px);position:relative;z-index:2;mix-blend-mode:screen;filter:contrast(1.06)}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.14}
.orb-one{width:220px;height:220px;background:#fff;top:18%;right:15%}
.orb-two{width:150px;height:150px;background:#8a8a94;bottom:12%;left:12%}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-strip span{padding:21px 0;font-size:11px;letter-spacing:.18em;color:#92929b}
.cards{display:grid;gap:18px;margin-top:54px}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card,.service{padding:30px;background:var(--panel);border:1px solid var(--line);min-height:240px;transition:.25s ease}
.card:hover,.service:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22)}
.number,.service-tag{font-size:11px;letter-spacing:.18em;color:#7f7f88;margin-bottom:70px}
.card p,.service p{color:#96969f}
.statement{overflow:hidden}
.split-statement{display:grid;grid-template-columns:1fr auto 1fr;gap:45px;align-items:center}
.mega{font-size:clamp(72px,10vw,150px);font-weight:700;letter-spacing:-.07em;line-height:.85}
.mega.accent{color:#a8a8b0}
.split-statement p{color:#8f8f98;max-width:350px;margin-top:30px}
.arrow{font-size:42px;color:#5d5d66}
.section-head{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:end}
.section-head p{color:#9999a2}
.service{min-height:330px;display:flex;flex-direction:column}
.service .service-tag{margin-bottom:auto}
.service h3{font-size:30px;max-width:480px}
.outcomes{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.outcomes div{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.outcomes strong{font-size:34px}
.outcomes span{color:#96969f}
.industry-list{margin-top:60px;border-top:1px solid var(--line)}
.industry{display:grid;grid-template-columns:70px 1fr 1fr auto;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}
.industry span,.industry p{color:#85858e}
.industry h3,.industry p{margin:0}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}
.method{padding:28px 0;border-top:1px solid var(--line)}
.method span{font-size:11px;color:#6f6f78}
.method h3{font-size:38px;margin:24px 0 12px}
.method p{color:#8e8e97}
.manifesto{background:linear-gradient(180deg,#0B0B0F,#111116)}
.cta{text-align:center;padding:150px 0}
.cta h2{font-size:clamp(58px,9vw,130px)}
.cta p{color:#9999a2}
footer{border-top:1px solid var(--line);padding:50px 0 25px}
.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:60px}
.footer-brand{margin-bottom:12px}
.footer-grid p{color:#777780;font-size:12px;letter-spacing:.14em}
.footer-links,.footer-legal{display:flex;flex-direction:column;gap:10px;color:#9b9ba3;font-size:13px}
.copyright{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:#65656e;font-size:12px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){
  .desktop-nav{display:none}
  .hero-grid{grid-template-columns:1fr;min-height:auto}
  .hero-art{order:-1}
  .logo-stage{min-height:360px}
  .cards.four,.cards.two,.outcomes,.method-grid{grid-template-columns:1fr 1fr}
  .section-head{grid-template-columns:1fr}
  .split-statement{grid-template-columns:1fr}
  .arrow{transform:rotate(90deg)}
}
@media (max-width:620px){
  .container{width:min(100% - 26px,var(--max))}
  .section{padding:82px 0}
  .nav{height:68px}
  .btn-small{display:none}
  h1{font-size:58px}
  h2{font-size:46px}
  .hero{padding-top:38px}
  .logo-stage{min-height:300px}
  .proof-strip{grid-template-columns:1fr 1fr}
  .cards.four,.cards.two,.outcomes,.method-grid{grid-template-columns:1fr}
  .industry{grid-template-columns:46px 1fr auto}
  .industry p{display:none}
  .footer-grid{grid-template-columns:1fr}
}