:root{
  --bg:#0a0a0a;
  --panel:#111;
  --panel2:#171717;
  --ink:#f3f0e8;
  --muted:#aaa79f;
  --line:#2b2b2b;
  --acid:#ff5a1f;
  --black:#050505;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:Inter,Arial,sans-serif;line-height:1.45;overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.18;
  background-image:radial-gradient(rgba(255,255,255,.09) .65px,transparent .65px);
  background-size:4px 4px;
}
a{color:inherit;text-decoration:none}
.site-header{
  position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;
  padding:19px 34px;border-bottom:1px solid var(--line);background:rgba(10,10,10,.91);
  backdrop-filter:blur(18px)
}
.brand{font-family:"Archivo Black";font-size:18px;letter-spacing:-.04em}
nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
nav a{opacity:.74} nav a:hover{opacity:1}
.nav-cta{padding:10px 14px;background:var(--acid);color:#000;opacity:1}
.section{padding:94px 5vw;border-bottom:1px solid var(--line)}
.eyebrow,.section-label,.avatar-status,.product-top{
  font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase
}
.eyebrow,.section-label{color:var(--acid)}
h1,h2,h3{font-family:"Archivo Black";font-weight:400;line-height:.89;letter-spacing:-.055em;margin:0}
h1{font-size:clamp(64px,9vw,148px);max-width:920px}
h1 span,h2 span{color:var(--acid)}
h2{font-size:clamp(52px,7.2vw,112px)}
h3{font-size:32px}
p{color:#c4c1ba}
.hero{
  min-height:calc(100vh - 66px);display:grid;grid-template-columns:1.12fr .88fr;
  gap:5vw;align-items:center;padding-top:55px
}
.hero-copy-wrap{position:relative;z-index:3}
.hero .eyebrow{margin-bottom:24px}
.hero-lead{font-size:clamp(23px,2.3vw,36px);max-width:700px;color:var(--ink);font-weight:700;line-height:1.12;margin:30px 0 16px}
.hero-body{font-size:16px;max-width:650px}
.hero-actions,.final-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 18px;border:1px solid var(--line);font-weight:800;font-size:12px;letter-spacing:.04em}
.button.primary{background:var(--acid);color:#000;border-color:var(--acid)}
.button.ghost{background:transparent}
.button.huge{padding:20px 23px;font-size:14px}
.hero-orbit{height:690px;position:relative;min-width:0}
.orbit-ring{position:absolute;border:1px solid #292929;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring-one{width:430px;height:430px}.ring-two{width:610px;height:610px}
.cco-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:245px;text-align:center;z-index:4}
.cco-core img{width:210px;height:210px;border-radius:50%;object-fit:cover;border:7px solid var(--acid);box-shadow:0 0 0 18px #0a0a0a}
.cco-label{margin-top:24px;background:var(--acid);color:#000;padding:10px}
.cco-label b,.cco-label span{display:block}.cco-label span{font-size:9px;letter-spacing:.18em;margin-top:3px}
.pulse{position:absolute;inset:-13px 4px auto 4px;height:230px;border:1px solid rgba(217,255,63,.45);border-radius:50%;animation:pulse 2.3s ease-out infinite}
@keyframes pulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.orbit-avatar{position:absolute;width:126px;text-align:center;z-index:3}
.orbit-avatar img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#eee}
.orbit-avatar span{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;margin-top:9px}
.avatar-a{left:3%;top:15%}.avatar-b{right:2%;top:17%}.avatar-c{left:2%;bottom:14%}.avatar-d{right:2%;bottom:14%}
.manifesto-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.manifesto-strip div{padding:25px;border-right:1px solid var(--line);font-family:"Archivo Black";font-size:clamp(17px,1.7vw,26px);line-height:1}
.manifesto-strip .acid{background:var(--acid);color:#000}
.intro-grid,.system-heading,.products-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:22px 0 62px;align-items:end}
.big-copy{color:var(--ink);font-size:clamp(20px,2vw,30px);font-weight:700;line-height:1.2}
.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.avatar-card{background:var(--panel);padding:26px;min-height:425px;position:relative;transition:.22s ease}
.avatar-card:hover{background:#1c1c1c;transform:translateY(-4px);z-index:2}
.avatar-card img{width:142px;height:142px;border-radius:50%;object-fit:cover;background:#eee;margin-bottom:32px}
.avatar-status{color:var(--acid);margin-bottom:11px}
.avatar-card h3{font-size:29px;line-height:.95}
.avatar-card p{font-size:14px;max-width:340px}
.system{background:#0d0d0d}
.system-heading p,.products-heading p{font-size:22px;max-width:520px;color:var(--ink)}
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.flow-step{padding:24px 18px;min-height:154px;background:#111}
.flow-step span{font-size:10px;color:var(--acid);font-weight:800}
.flow-step b{display:block;font-family:"Archivo Black";font-size:20px;line-height:1;margin:18px 0 8px}
.flow-step small{color:var(--muted);font-size:11px}
.flow-step.human{background:var(--acid);color:#000}.flow-step.human span,.flow-step.human small{color:#000}
.flow-arrow{display:flex;align-items:center;padding:0 9px;font-size:22px;color:#666}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:60px}
.proof-grid article{background:var(--panel);padding:28px;min-height:230px}
.proof-grid span{font-size:10px;color:var(--acid);font-weight:800}
.proof-grid h3{font-size:28px;margin-top:40px}
.cco-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center}
.cco-portrait{position:relative;max-width:590px}
.cco-portrait img{width:100%;display:block;filter:saturate(.85) contrast(1.05)}
.cco-badge{position:absolute;right:-18px;bottom:25px;background:var(--acid);color:#000;padding:13px 15px;font-weight:800;font-size:11px;letter-spacing:.08em;transform:rotate(-2deg)}
.cco-copy h2{margin:18px 0 34px}
.cco-copy p{max-width:720px}
.cco-quote{margin-top:33px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:22px;font-weight:800;color:var(--ink)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.product-card{background:var(--panel);padding:28px;min-height:440px;display:flex;flex-direction:column}
.product-card.featured{background:#161616}
.product-card.directed{background:#12160e}
.product-card.agency-card{background:var(--acid);color:#000}
.product-card.agency-card p,.product-card.agency-card .product-top,.product-card.agency-card a{color:#000}
.product-top{display:flex;justify-content:space-between;color:#777}
.product-top em{font-style:normal;color:var(--acid)}
.product-card h3{font-size:42px;margin:55px 0 20px}
.product-card .question{font-weight:800;font-size:18px;color:var(--ink)}
.product-card p{font-size:14px}
.product-card a{margin-top:auto;border-top:1px solid #333;padding-top:20px;color:var(--acid);font-weight:800;font-size:12px}
.agency-card a{border-color:rgba(0,0,0,.35)}
.final-call{padding-top:120px;padding-bottom:120px}
.final-call h2{margin:20px 0 45px}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:28px 5vw;font-size:11px;color:#777;border-top:1px solid var(--line)}
footer div:first-child{font-family:"Archivo Black";color:var(--ink)}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr}.hero-orbit{height:560px;margin-top:-20px}
  .intro-grid,.system-heading,.products-heading,.cco-section{grid-template-columns:1fr}
  .avatar-grid,.product-grid{grid-template-columns:repeat(2,1fr)}
  .flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-content:center;padding:8px}
  .proof-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .site-header{padding:16px 18px}.site-header nav a:not(.nav-cta){display:none}
  .brand{font-size:14px}.section{padding:66px 20px}
  .hero{padding-top:45px}.hero-orbit{height:460px}
  .ring-one{width:290px;height:290px}.ring-two{width:410px;height:410px}
  .cco-core{width:180px}.cco-core img{width:150px;height:150px}
  .pulse{height:170px}
  .orbit-avatar{width:90px}.orbit-avatar img{width:72px;height:72px}.orbit-avatar span{font-size:7px}
  .manifesto-strip{grid-template-columns:1fr 1fr}.manifesto-strip div{padding:18px}
  .avatar-grid,.product-grid,.proof-grid{grid-template-columns:1fr}
  .avatar-card{min-height:350px}
  .product-card{min-height:360px}
  footer{grid-template-columns:1fr}
}


/* AVATAR CROP CORRECTIONS */
img[src$="interrogator.jpg"]     { object-position: 100% 50%; }
img[src$="strategist.jpg"]       { object-position: 41% 50%; }
img[src$="moment-mapper.jpg"]    { object-position: 0% 50%; }
img[src$="kill-room.jpg"]        { object-position: 81% 50%; }
img[src$="creative-director.jpg"]{ object-position: 45% 50%; }
img[src$="devils-advocate.jpg"]  { object-position: 3% 50%; }
img[src$="mediocrity-alarm.jpg"] { object-position: 76% 50%; }
img[src$="ecd.jpg"]              { object-position: 49% 50%; }
img[src$="creative-memory.jpg"]  { object-position: 22% 50%; }
img[src$="human-cco.jpg"]        { object-position: 50% 50%; }