/* ============================================================
   B5 — THE AI AGENCY  ·  SHARED DESIGN SYSTEM
   One stylesheet for every page. Black. White. Yellow. Bold.
   ============================================================ */

:root{
  --yellow:#FFD200;
  --yellow-d:#E0B900;
  --black:#0A0A0A;
  --ink:#111110;
  --paper:#FFFFFF;
  --bone:#F5F4F0;
  --lgray:#F5F4F0;
  --line:#E1E0D9;
  --gray:#6E6D66;
  --dim:#8A897F;
  --night:#131311;
  --night2:#1C1B18;
  --ease:cubic-bezier(.16,1,.3,1);
  --gut:clamp(20px,4vw,40px);
  --sect:clamp(68px,8.5vw,124px);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.58;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;}
::selection{background:var(--yellow);color:var(--black);}

.display{font-family:'Archivo Black','Arial Black',Arial,sans-serif;letter-spacing:-.022em;line-height:.98;text-transform:uppercase;text-wrap:balance;}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gut);}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;}
section{padding:var(--sect) 0;position:relative;}

/* ---------- scroll progress ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--yellow);z-index:80;pointer-events:none;}

/* ---------- NAV ---------- */
nav{position:sticky;top:0;background:rgba(10,10,10,.92);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);z-index:60;border-bottom:1px solid #232320;transition:box-shadow .35s var(--ease),background .35s;}
nav.stuck{box-shadow:0 14px 40px rgba(0,0,0,.5);background:rgba(10,10,10,.97);}
nav::after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:linear-gradient(90deg,var(--yellow) 0 22%,transparent 22%);opacity:.9;}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;max-width:1240px;margin:0 auto;padding:0 var(--gut);}
.logo{display:flex;align-items:center;gap:13px;text-decoration:none;}
.logo-mark{width:40px;height:40px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOTYuNyAzMDAuMCIgd2lkdGg9IjI5NyIgaGVpZ2h0PSIzMDAiPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik03OCAwVjE3NjBINTU1UTc0NyAxNzYwIDgzNC41IDE2NjYuNVE5MjIgMTU3MyA5MjIgMTM1OFYxMjgxUTkyMiAxMTU3IDg3Ny41IDEwODAuMFE4MzMgMTAwMyA3NDIgOTc5UTg2MSA5NDkgOTAxLjUgODM4LjVROTQyIDcyOCA5NDIgNTY5UTk0MiAzOTggOTEwLjAgMjcwLjBRODc4IDE0MiA3OTQuMCA3MS4wUTcxMCAwIDU1NSAwWk00MjIgMTA5N0g0OTRRNTQzIDEwOTcgNTU3LjAgMTEzNS4wUTU3MSAxMTczIDU3MSAxMjI2VjE0MDNRNTcxIDE0ODggNDk2IDE0ODhINDIyWk00NTcgMzEwUTU5NCAzMTAgNTk0IDQ0MFY2NjBRNTk0IDczNSA1NzEuNSA3NzguNVE1NDkgODIyIDQ4NyA4MjJINDIyVjMxMlE0NDQgMzEwIDQ1NyAzMTBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMuMTAyLDI5NS44MDEpIHNjYWxlKDAuMTY3OTczLC0wLjE2Nzk3MykiLz48cGF0aCBkPSJNNTA2IC0yNVEzMDMgLTI1IDE3NC41IDc1LjVRNDYgMTc2IDQ2IDM4NFY2NDZINDEyVjQ5NVE0MTIgNDQ4IDQxNy41IDQwNC4wUTQyMyAzNjAgNDQzLjAgMzMyLjBRNDYzIDMwNCA1MDYgMzA0UTU2MyAzMDQgNTgxLjAgMzQyLjVRNTk5IDM4MSA1OTkgNDQxVjc4N1E1OTkgODMwIDU5My41IDg3Mi4wUTU4OCA5MTQgNTY5LjAgOTQyLjBRNTUwIDk3MCA1MDggOTcwUTQwOCA5NzAgNDA4IDgyNUg4NVYxNzYxSDkyNFYxNDMxSDQxOVYxMTgzUTQ0NSAxMjE1IDQ4OS41IDEyMzkuNVE1MzQgMTI2NCA1OTQgMTI2NFE3MTQgMTI2NCA3ODkuNSAxMjE4LjBRODY1IDExNzIgOTA1LjUgMTA5MC4wUTk0NiAxMDA4IDk2MS41IDkwMC4wUTk3NyA3OTIgOTc3IDY2OFE5NzcgNTA5IDk2MC41IDM4MS41UTk0NCAyNTQgODk1LjUgMTYzLjBRODQ3IDcyIDc1My41IDIzLjVRNjYwIC0yNSA1MDYgLTI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMyLjU5MSwyOTUuODAxKSBzY2FsZSgwLjE2Nzk3MywtMC4xNjc5NzMpIi8+PC9nPjxwYXRoIGZpbGw9IiNGRkQyMDAiIGQ9Ik0xOTAuMTIsMCBMMjEyLjM3LDAgTDEwNi41OCwzMDAuMDAgTDg0LjMzLDMwMC4wMCBaIi8+PC9zdmc+Cg==);background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;transition:transform .4s var(--ease);}
.logo:hover .logo-mark{transform:translateY(-2px) rotate(-3deg);}
.logo-type{display:flex;flex-direction:column;line-height:1;}
.logo-type .lt1,.lt1{color:#fff;font-family:'Archivo Black',Arial,sans-serif;font-size:14.5px;letter-spacing:.005em;text-transform:uppercase;}
.logo-type .lt2,.lt2{font-family:'JetBrains Mono',monospace;color:#7E7D74;font-size:8.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-top:5px;}
.logo-type .lt2 span,.lt2 span{color:var(--yellow);}
.nav-links{display:flex;gap:2px;align-items:center;}
.nav-links a{color:#EDEDE8;text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;padding:9px 11px;position:relative;transition:color .2s;}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:0 50%;transition:transform .34s var(--ease);}
.nav-links a:not(.nav-cta):hover::after,.nav-links a.on::after{transform:scaleX(1);}
.nav-links a.on{color:var(--yellow);}
.btn{display:inline-block;background:var(--yellow);color:var(--black);font-family:'Archivo Black',Arial,sans-serif;text-transform:uppercase;text-decoration:none;font-size:13.5px;padding:15px 26px;letter-spacing:.035em;border:2px solid var(--yellow);transition:color .28s var(--ease),border-color .28s;position:relative;overflow:hidden;cursor:pointer;isolation:isolate;}
.btn::before{content:"";position:absolute;inset:0;background:var(--black);transform:translateY(101%);transition:transform .38s var(--ease);z-index:-1;}
.btn:hover::before{transform:translateY(0);}
.btn:hover{color:var(--yellow);}
.btn.ghost{background:transparent;color:#fff;border-color:#4A4943;}
.btn.ghost::before{background:var(--yellow);}
.btn.ghost:hover{color:var(--black);border-color:var(--yellow);}
.btn.dark{background:var(--black);color:var(--yellow);border-color:var(--black);}
.btn.dark::before{background:var(--yellow);}
.btn.dark:hover{color:var(--black);}
.btn.sm{font-size:12px;padding:11px 18px;}
.nav-cta{padding:11px 18px!important;font-size:11.5px!important;background:var(--yellow);color:var(--black)!important;font-family:'Archivo Black',Arial,sans-serif;letter-spacing:.06em;margin-left:8px;transition:background .2s,color .2s;}
.nav-cta:hover{background:#fff;}
.burger{display:none;background:none;border:none;cursor:pointer;padding:10px;flex-direction:column;gap:5px;}
.burger span{display:block;width:26px;height:3px;background:#fff;transition:transform .3s var(--ease),opacity .2s;}
.burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
.mobilenav{display:none;flex-direction:column;background:var(--black);border-top:1px solid #232320;padding:12px var(--gut) 26px;}
.mobilenav a{color:#fff;text-decoration:none;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:15px 0;border-bottom:1px solid #1C1B18;}
.mobilenav a:hover{color:var(--yellow);}
.mobilenav .btn{margin-top:18px;text-align:center;}
.mobilenav[hidden]{display:none;}
.mobilenav.show{display:flex;animation:slideDown .34s var(--ease);}
@keyframes slideDown{from{opacity:0;transform:translateY(-14px);}to{opacity:1;transform:none;}}
@media(max-width:1080px){.nav-links{display:none;}.burger{display:flex;}}

/* ---------- breadcrumb ---------- */
.crumb{background:var(--night);padding:14px 0;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:#7E7D74;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #232320;}
.crumb a{color:#A5A49A;text-decoration:none;}
.crumb a:hover{color:var(--yellow);}
.crumb .sep{color:var(--yellow);margin:0 10px;}

/* ---------- eyebrow / section head ---------- */
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.24em;color:var(--gray);margin-bottom:18px;display:flex;align-items:center;gap:12px;}
.eyebrow::before{content:"";display:block;width:30px;height:3px;background:var(--yellow);flex-shrink:0;}
h2.display{font-size:clamp(30px,4.4vw,54px);margin-bottom:20px;}
h1.display{font-size:clamp(38px,6vw,78px);}
.sub{font-size:17.5px;color:#4A4944;max-width:44rem;text-wrap:pretty;}
p.body{font-size:16.5px;color:#3E3D38;margin-bottom:16px;max-width:48rem;text-wrap:pretty;}
.dark{background:var(--black);color:#F2F1EC;}
.dark h1,.dark h2,.dark h3,.dark h4{color:#fff;}
.dark .sub,.dark p.body{color:#B6B5AC;}
.dark .eyebrow{color:#9A998E;}
.bone{background:var(--bone);}

/* ---------- HERO (home) ---------- */
.hero{background:var(--black);color:#fff;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(760px 420px at 78% 18%,rgba(255,210,0,.13),transparent 70%),
  linear-gradient(180deg,#0A0A0A 0%,#111110 100%);}
.hero::after{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:clamp(60px,7vw,110px) 100%;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(32px,5vw,64px);padding:clamp(60px,8vw,104px) var(--gut) clamp(64px,8vw,112px);align-items:center;}
.tape{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);color:var(--black);font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;padding:8px 14px;margin-bottom:26px;}
.hero h1{font-size:clamp(40px,6.4vw,82px);color:#fff;}
.hero h1 .y{color:var(--yellow);}
.hero p.lede{font-size:19px;color:#C6C5BC;margin:26px 0 34px;max-width:34rem;text-wrap:pretty;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.hero-note{margin-top:20px;font-size:13.5px;color:#8A897F;max-width:32rem;}
.hero-note b{color:var(--yellow);}
/* split-word hero reveal */
.sw{display:inline-block;}
.sw > i{display:inline-block;font-style:normal;opacity:0;transform:translateY(.42em);animation:swUp .8s var(--ease) forwards;}
@keyframes swUp{to{opacity:1;transform:none;}}

/* phone demo */
.phone{background:#151412;border:1px solid #2C2B26;border-top:12px solid var(--yellow);max-width:400px;margin-left:auto;width:100%;padding:22px 18px 24px;box-shadow:0 34px 70px rgba(0,0,0,.55),16px 16px 0 rgba(255,210,0,.14);}
.phone-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;}
.phone-head .who{font-family:'Archivo Black',Arial,sans-serif;font-size:12.5px;text-transform:uppercase;color:#fff;letter-spacing:.01em;}
.live{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--yellow);text-transform:uppercase;letter-spacing:.16em;}
.dot{width:7px;height:7px;background:var(--yellow);border-radius:50%;animation:pulse 1.5s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.25;transform:scale(.8);}}
.msgs{display:flex;flex-direction:column;gap:10px;min-height:296px;}
.msg{max-width:86%;padding:11px 14px;font-size:13.5px;line-height:1.48;opacity:0;transform:translateY(9px);animation:pop .4s var(--ease) forwards;}
.msg.sys{align-self:center;background:transparent;color:#75746B;font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.12em;max-width:100%;text-align:center;}
.msg.them{align-self:flex-start;background:#2A2926;color:#EDECE6;border-left:3px solid #55534B;}
.msg.ai{align-self:flex-end;background:var(--yellow);color:var(--black);font-weight:600;border-right:3px solid #B89600;}
.msg .tag{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;opacity:.68;}
@keyframes pop{to{opacity:1;transform:none;}}
.timer{margin-top:16px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:9.5px;color:#8A897F;text-transform:uppercase;letter-spacing:.14em;}
.timer b{color:var(--yellow);font-size:12px;}
@media(max-width:960px){.hero-in{grid-template-columns:1fr;}.phone{margin:0 auto;}}

/* ---------- inner page hero ---------- */
header.hero .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,4.5vw,56px);align-items:start;padding:clamp(56px,7vw,92px) var(--gut) clamp(60px,7vw,96px);}
header.hero h1{font-size:clamp(34px,5.4vw,64px);color:#fff;}
header.hero h1 .y{color:var(--yellow);}
header.hero .lede{font-size:18px;color:#C6C5BC;margin:24px 0 32px;max-width:36rem;text-wrap:pretty;}
.pricebox{background:#151412;border:1px solid #2C2B26;border-top:12px solid var(--yellow);padding:30px 28px;box-shadow:0 30px 60px rgba(0,0,0,.5),14px 14px 0 rgba(255,210,0,.13);}
.pricebox .pl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);}
.pricebox .pv{font-family:'Archivo Black',Arial,sans-serif;font-size:38px;color:#fff;margin:10px 0 2px;line-height:1;letter-spacing:-.02em;}
.pricebox .pn{font-size:13.5px;color:#96958C;margin-bottom:18px;}
.pricebox ul{list-style:none;}
.pricebox li{font-size:13.5px;color:#DAD9D2;padding:9px 0 9px 22px;position:relative;border-top:1px solid #26251F;}
.pricebox li::before{content:"";position:absolute;left:0;top:15px;width:10px;height:10px;background:var(--yellow);}
@media(max-width:960px){header.hero .hero-grid{grid-template-columns:1fr;}}

/* ---------- book bar ---------- */
.bookbar{display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);flex-wrap:wrap;background:var(--night2);border-bottom:1px solid #2A2925;padding:20px var(--gut);max-width:1240px;margin:0 auto;text-decoration:none;position:relative;overflow:hidden;transition:background .3s;}
.bookbar:hover{background:#22211D;}
.bookbar .bb-tag{font-family:'Archivo Black',Arial,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--yellow);color:var(--black);padding:8px 12px;flex-shrink:0;}
.bookbar .bb-text{font-size:14px;color:#A5A49A;flex:1;min-width:260px;line-height:1.5;}
.bookbar .bb-text b{color:#fff;}
.bookbar .bb-go{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);white-space:nowrap;}
.bookbar .arw{display:inline-block;transition:transform .3s var(--ease);}
.bookbar:hover .arw{transform:translateX(5px);}
@media(max-width:1240px){.bookbar{border-left:none;border-right:none;}}

/* ---------- ticker ---------- */
.strip{background:var(--yellow);overflow:hidden;border-top:3px solid var(--black);border-bottom:3px solid var(--black);}
.ticker{display:flex;overflow:hidden;user-select:none;padding:16px 0;}
.ticker-track{display:flex;flex-shrink:0;animation:scroll 42s linear infinite;}
.ticker-track span{display:inline-block;white-space:nowrap;padding-right:48px;font-family:'Archivo Black',Arial,sans-serif;font-size:clamp(14px,1.7vw,21px);text-transform:uppercase;color:var(--black);letter-spacing:-.01em;}
.ticker-track span::after{content:"\25A0";color:#8C7400;margin-left:48px;font-size:.62em;vertical-align:middle;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-100%);}}
.ticker:hover .ticker-track{animation-play-state:paused;}

/* ---------- credentials ---------- */
.creds{background:var(--night);border-bottom:1px solid #232320;padding:clamp(30px,4vw,48px) 0;}
.creds-in{display:grid;grid-template-columns:repeat(4,1fr);}
.cred{padding:6px 28px;border-left:1px solid #2A2925;position:relative;}
.cred::before{content:"";position:absolute;left:-1px;top:0;width:3px;height:38px;background:var(--yellow);}
.cred:first-child{padding-left:0;border-left:none;}
.cred:first-child::before{display:none;}
.cn{display:block;font-family:'Archivo Black',Arial,sans-serif;font-size:clamp(28px,3.4vw,40px);color:#fff;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.cl{display:block;margin-top:11px;font-size:12.5px;color:#8A897F;line-height:1.5;}
@media(max-width:900px){.creds-in{grid-template-columns:1fr 1fr;gap:28px 0;}.cred:nth-child(3){padding-left:0;border-left:none;}.cred:nth-child(3)::before{display:none;}}
@media(max-width:540px){.creds-in{grid-template-columns:1fr;gap:24px;}.cred,.cred:first-child{padding-left:18px;border-left:1px solid #2A2925;}.cred::before,.cred:first-child::before{display:block;}}

/* ---------- spotlight cards (agents) ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:clamp(34px,4vw,54px);border-top:3px solid var(--black);}
.card{padding:32px 30px 36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease);}
.card::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(255,210,0,.16),transparent 62%);pointer-events:none;}
.card:hover::before{opacity:1;}
.card::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease);}
.card:hover::after{transform:scaleX(1);}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(0,0,0,.13);z-index:2;}
.card h3{font-family:'Archivo Black',Arial,sans-serif;font-size:18.5px;text-transform:uppercase;margin:16px 0 11px;letter-spacing:-.01em;}
.card p{font-size:14.5px;color:#4A4944;}
.chip{display:inline-block;background:var(--black);color:var(--yellow);font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.16em;padding:6px 10px;}
.card .price{display:block;margin-top:18px;font-weight:700;font-size:14px;color:#2A2925;}
.card .price b{font-family:'Archivo Black',Arial,sans-serif;font-size:17px;}

/* ---------- sticky steps ---------- */
.steps{background:var(--black);color:#fff;overflow:hidden;}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,40px);margin-top:clamp(38px,5vw,60px);}
.step{border-top:1px solid #2A2925;padding-top:26px;position:relative;transition:border-color .5s;}
.step::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--yellow);transition:width .8s var(--ease);}
.step.lit::before{width:100%;}
.step .n{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;color:var(--yellow);}
.step h3{font-family:'Archivo Black',Arial,sans-serif;font-size:20px;text-transform:uppercase;margin:14px 0 12px;color:#fff;}
.step p{color:#A5A49A;font-size:15px;}
@media(max-width:860px){.step-grid{grid-template-columns:1fr;}}

/* ---------- clients ---------- */
.clients{border-top:1px solid var(--line);}
.client-wall{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(34px,4vw,54px);border-top:3px solid var(--black);}
.client{padding:30px 28px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);transition:transform .4s var(--ease),box-shadow .4s,background .25s;}
.client:hover{transform:translateY(-6px);box-shadow:0 24px 46px rgba(0,0,0,.11);z-index:2;background:var(--bone);}
.client .sector{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#96958C;padding-bottom:13px;border-bottom:3px solid var(--yellow);margin-bottom:17px;}
.client h3{font-family:'Archivo Black',Arial,sans-serif;font-size:17px;line-height:1.2;margin-bottom:11px;letter-spacing:-.01em;}
.client p{font-size:14px;color:#55544E;}
.client.add{background:var(--black);}
.client.add:hover{background:var(--night2);}
.client.add .sector{color:var(--yellow);border-color:#3A3933;}
.client.add h3{color:#fff;}
.client.add p{color:#96958C;}
.client-cta{display:inline-block;margin-top:16px;color:var(--yellow);font-family:'Archivo Black',Arial,sans-serif;font-size:12.5px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;}
.client-cta .arw{display:inline-block;transition:transform .3s var(--ease);}
.client-cta:hover .arw{transform:translateX(6px);}
@media(max-width:900px){.client-wall{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.client-wall{grid-template-columns:1fr;}}

/* ---------- pricing bundles ---------- */
.bundles{background:var(--bone);}
.bundle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:clamp(36px,4.5vw,56px);align-items:stretch;}
.bundle{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--black);padding:36px 32px;display:flex;flex-direction:column;position:relative;transition:transform .4s var(--ease),box-shadow .4s;}
.bundle:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,.12);}
.bundle.feat{background:var(--black);color:#fff;border-color:var(--black);border-top-color:var(--yellow);box-shadow:12px 12px 0 var(--yellow);}
.bundle.feat:hover{box-shadow:18px 18px 0 var(--yellow);}
.bundle .flag{position:absolute;top:-15px;left:28px;background:var(--yellow);color:var(--black);font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:6px 12px;}
.bundle h3{font-family:'Archivo Black',Arial,sans-serif;font-size:20px;text-transform:uppercase;margin-bottom:6px;}
.bundle .bp{font-family:'Archivo Black',Arial,sans-serif;font-size:34px;margin:14px 0 4px;letter-spacing:-.03em;}
.bundle .bp small{font-size:13.5px;font-family:'Archivo',Arial,sans-serif;font-weight:600;color:var(--gray);letter-spacing:0;}
.bundle.feat .bp small{color:#96958C;}
.bundle ul{list-style:none;margin:22px 0 28px;flex:1;}
.bundle li{font-size:14.5px;padding:10px 0 10px 26px;position:relative;border-bottom:1px solid rgba(0,0,0,.08);}
.bundle.feat li{border-color:rgba(255,255,255,.11);}
.bundle li::before{content:"";position:absolute;left:0;top:15px;width:11px;height:11px;background:var(--yellow);}
.bundle .btn{text-align:center;}

/* ---------- product strips ---------- */
.prod{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,68px);align-items:center;}
.prod + .prod{margin-top:clamp(52px,7vw,96px);}
.prod .visual{border:1px solid var(--black);background:var(--black);color:#fff;padding:clamp(30px,4vw,46px) clamp(26px,3vw,38px);box-shadow:12px 12px 0 var(--yellow);position:relative;overflow:hidden;}
.prod .visual::after{content:"";position:absolute;inset:0;background:radial-gradient(420px 240px at 84% 12%,rgba(255,210,0,.16),transparent 70%);}
.prod .visual .big{position:relative;font-family:'Archivo Black',Arial,sans-serif;font-size:clamp(24px,2.9vw,38px);text-transform:uppercase;color:var(--yellow);line-height:1.02;letter-spacing:-.02em;}
.prod .visual .small{position:relative;margin-top:16px;color:#B6B5AC;font-size:14px;}
.prod h3{font-family:'Archivo Black',Arial,sans-serif;font-size:clamp(22px,2.4vw,28px);text-transform:uppercase;margin-bottom:14px;letter-spacing:-.015em;}
.prod p{font-size:15.5px;color:#45443E;margin-bottom:12px;max-width:34rem;}
.prod .price-line{font-weight:700;margin:16px 0 24px;font-size:14.5px;}
@media(max-width:920px){.prod{grid-template-columns:1fr;}.prod .visual{order:-1;}}

/* ---------- BOOK SHELF ---------- */
.books{background:var(--black);color:#fff;overflow:hidden;}
.books::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 12% 100%,rgba(255,210,0,.1),transparent 70%);}
.books .wrap{position:relative;z-index:2;}
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(36px,4.5vw,56px);}
.bk{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:linear-gradient(165deg,#1A1917 0%,#101010 100%);border:1px solid #2C2B26;padding:22px 20px 20px;text-decoration:none;min-height:250px;position:relative;overflow:hidden;transition:transform .45s var(--ease),border-color .3s,box-shadow .45s;}
.bk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--yellow);opacity:.85;transition:width .4s var(--ease);}
.bk::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .4s;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(255,210,0,.15),transparent 65%);}
.bk:hover{transform:translateY(-8px);border-color:var(--yellow);box-shadow:0 28px 54px rgba(0,0,0,.55);}
.bk:hover::before{width:9px;}
.bk:hover::after{opacity:1;}
.bk .vol{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#8A897F;}
.bk .num{font-family:'Archivo Black',Arial,sans-serif;font-size:46px;line-height:.8;color:var(--yellow);letter-spacing:-.04em;}
.bk .who{font-family:'Archivo Black',Arial,sans-serif;font-size:17px;line-height:1.12;text-transform:uppercase;color:#fff;letter-spacing:-.01em;}
.bk .go{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);display:flex;align-items:center;gap:8px;}
.bk .go .arw{transition:transform .3s var(--ease);}
.bk:hover .go .arw{transform:translateX(5px);}
.bk.all{background:var(--yellow);border-color:var(--yellow);}
.bk.all::before{background:var(--black);}
.bk.all .vol,.bk.all .go{color:#5C4B00;}
.bk.all .num,.bk.all .who{color:var(--black);}
.bk.soon{opacity:.62;}
.books .after{margin-top:clamp(28px,3.4vw,40px);display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.books .after p{color:#A5A49A;font-size:14px;max-width:32rem;}

/* book detail page bits */
.bookface{background:linear-gradient(165deg,#1A1917,#0D0D0C);border:1px solid #2C2B26;padding:34px 30px;display:flex;flex-direction:column;gap:20px;box-shadow:0 34px 70px rgba(0,0,0,.5),14px 14px 0 rgba(255,210,0,.13);}
.bookface .fnum{font-family:'Archivo Black',Arial,sans-serif;font-size:82px;line-height:.8;color:var(--yellow);letter-spacing:-.05em;}
.bookface .ftitle{font-family:'Archivo Black',Arial,sans-serif;font-size:28px;line-height:1;text-transform:uppercase;color:#fff;}
.bookface .fmeta{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#B6B5AC;line-height:2;}
.bookface .frule{height:1px;background:#2C2B26;}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));margin-top:clamp(34px,4vw,50px);border-top:3px solid var(--black);}
.catgrid.on-dark{border-top-color:var(--yellow);}
.cat{padding:22px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:108px;display:flex;flex-direction:column;gap:9px;transition:background .25s;}
.cat:hover{background:var(--bone);}
.cat .cmeta{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#96958C;}
.cat .ctitle{font-family:'Archivo Black',Arial,sans-serif;font-size:15.5px;line-height:1.18;text-transform:uppercase;}
.anat{display:flex;flex-direction:column;border-top:1px solid #2A2925;margin-top:8px;}
.anat > div{padding:20px 0;display:flex;gap:22px;border-bottom:1px solid #2A2925;}
.anat .an{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--yellow);min-width:22px;}
.anat h4{font-family:'Archivo Black',Arial,sans-serif;font-size:14.5px;text-transform:uppercase;color:#fff;margin-bottom:6px;}
.anat p{font-size:14.5px;color:#A5A49A;}
.samples{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:20px;margin-top:clamp(30px,4vw,44px);}
.sample{border:1px solid var(--line);border-top:3px solid var(--yellow);background:var(--paper);padding:26px 24px;transition:transform .4s var(--ease),box-shadow .4s;}
.sample:hover{transform:translateY(-6px);box-shadow:0 24px 46px rgba(0,0,0,.1);}
.sample .snum{font-family:'Archivo Black',Arial,sans-serif;font-size:34px;line-height:.9;color:var(--yellow);letter-spacing:-.04em;}
.sample h3{font-family:'Archivo Black',Arial,sans-serif;font-size:16.5px;line-height:1.18;text-transform:uppercase;margin:12px 0 10px;}
.sample p{font-size:14.5px;color:#55544E;}

/* ---------- generic grids / checklists / tables / faq ---------- */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:clamp(32px,4vw,48px);border-top:3px solid var(--black);}
.gitem{padding:30px 28px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:transform .4s var(--ease),box-shadow .4s,background .25s;background:var(--paper);}
.gitem:hover{background:var(--bone);transform:translateY(-6px);box-shadow:0 24px 46px rgba(0,0,0,.1);z-index:2;}
.gitem h3{font-family:'Archivo Black',Arial,sans-serif;font-size:16.5px;text-transform:uppercase;margin-bottom:11px;line-height:1.2;}
.gitem p{font-size:14.5px;color:#55544E;}
.gitem .tagn{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#96958C;padding-bottom:12px;border-bottom:3px solid var(--yellow);margin-bottom:16px;}
.dark .gitem{background:var(--night);border-color:#2A2925;}
.dark .gitem:hover{background:var(--night2);}
.dark .gitem p{color:#A5A49A;}
.checks{list-style:none;margin-top:clamp(28px,3.4vw,40px);display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:0 40px;}
.checks li{font-size:15.5px;padding:16px 0 16px 30px;position:relative;border-bottom:1px solid rgba(0,0,0,.09);}
.dark .checks li{border-color:rgba(255,255,255,.11);color:#CFCEC6;}
.checks li::before{content:"";position:absolute;left:0;top:23px;width:13px;height:13px;background:var(--yellow);}
.checks li b{display:block;font-family:'Archivo Black',Arial,sans-serif;font-size:14px;text-transform:uppercase;margin-bottom:4px;}
table.price{width:100%;border-collapse:collapse;margin-top:36px;}
table.price th{background:var(--black);color:#fff;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.16em;text-align:left;padding:15px 16px;border-bottom:3px solid var(--yellow);}
table.price td{padding:17px 16px;border-bottom:1px solid var(--line);font-size:14.5px;color:#45443E;vertical-align:top;}
table.price tr:nth-child(even) td{background:var(--bone);}
table.price td b{font-family:'Archivo Black',Arial,sans-serif;font-size:15px;color:#000;}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:36px;}
.tablewrap table.price{margin-top:0;min-width:620px;}
.tablewrap::-webkit-scrollbar{height:8px;}
.tablewrap::-webkit-scrollbar-thumb{background:var(--yellow);}
.scrollhint{display:none;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray);margin-top:12px;text-transform:uppercase;letter-spacing:.14em;}
@media(max-width:680px){.scrollhint{display:block;}}
.faq{border-top:3px solid var(--black);margin-top:clamp(30px,4vw,44px);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{cursor:pointer;list-style:none;padding:24px 44px 24px 0;font-family:'Archivo Black',Arial,sans-serif;font-size:16px;position:relative;transition:color .2s;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"";position:absolute;right:8px;top:32px;width:16px;height:3px;background:var(--yellow);transition:transform .3s var(--ease);}
.faq summary::before{content:"";position:absolute;right:14.5px;top:24.5px;width:3px;height:18px;background:var(--yellow);transition:transform .3s var(--ease);}
.faq details[open] summary::before{transform:scaleY(0);}
.faq summary:hover{color:#57564F;}
.faq .ans{padding:0 44px 26px 0;font-size:15.5px;color:#45443E;max-width:52rem;}
.dark .faq{border-top-color:var(--yellow);}
.dark .faq details{border-color:#2A2925;}
.dark .faq .ans{color:#A5A49A;}

/* ---------- CTA bands ---------- */
.cta{background:var(--yellow);padding:clamp(56px,7vw,86px) 0;border-top:3px solid var(--black);position:relative;overflow:hidden;}
.cta h2{font-size:clamp(26px,3.8vw,46px);}
.cta p{font-size:16.5px;font-weight:600;margin:14px 0 30px;max-width:40rem;text-wrap:pretty;}
.guarantee{background:var(--yellow);padding:clamp(52px,6vw,76px) 0;border-top:3px solid var(--black);border-bottom:3px solid var(--black);}
.guarantee .wrap{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;}
.g-badge{width:154px;height:154px;background:var(--black);color:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Archivo Black',Arial,sans-serif;text-transform:uppercase;text-align:center;line-height:1.1;flex-shrink:0;}
.g-badge .gb1{font-size:42px;}
.g-badge .gb2{font-size:11px;letter-spacing:.1em;}
.guarantee h2{font-size:clamp(24px,3.4vw,40px);}
.guarantee p{font-size:16px;max-width:40rem;font-weight:600;margin-top:12px;}
@media(max-width:720px){.guarantee .wrap{grid-template-columns:1fr;}}
.final{background:var(--black);color:#fff;text-align:center;padding:clamp(76px,9vw,124px) 0;position:relative;overflow:hidden;}
.final::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 420px at 50% 0%,rgba(255,210,0,.13),transparent 70%);}
.final .wrap{position:relative;z-index:2;}
.final h2{font-size:clamp(32px,5.2vw,66px);color:#fff;}
.final h2 .y{color:var(--yellow);}
.final p{color:#B6B5AC;font-size:17.5px;margin:24px auto 38px;max-width:36rem;text-wrap:pretty;}

/* ---------- form ---------- */
.form-card{background:var(--night);border:1px solid #2C2B26;border-top:12px solid var(--yellow);max-width:800px;margin:0 auto;padding:40px 36px 34px;text-align:left;box-shadow:0 36px 74px rgba(0,0,0,.5),14px 14px 0 rgba(255,210,0,.13);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.form-grid label{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--yellow);}
.form-grid label.full{grid-column:1/-1;}
.form-grid .opt{color:#7C7B72;letter-spacing:.1em;}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:10px;background:#0A0A0A;border:1px solid #33322C;color:#fff;font-family:'Archivo',Arial,sans-serif;font-size:15px;padding:14px;letter-spacing:0;transition:border-color .2s,background .2s;}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#5A5951;}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--yellow);outline:none;background:#0F0F0E;}
.form-grid textarea{resize:vertical;}
.btn.submit{margin-top:28px;width:100%;font-size:16px;padding:19px;}
.btn.submit:active{transform:scale(.988);}
.form-note{color:#8A897F;font-size:13px;margin:20px 0 0;text-align:center;}
.form-note a{color:var(--yellow);}
.form-status{text-align:center;font-size:14px;font-weight:700;margin-top:14px;color:var(--yellow);min-height:20px;}
.form-status.err{color:#FF8A8A;}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
@media(max-width:640px){.form-grid{grid-template-columns:1fr;}.form-card{padding:32px 22px 28px;}}

/* ---------- inline link ---------- */
.more{display:inline-block;font-family:'Archivo Black',Arial,sans-serif;font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;color:#000;border-bottom:3px solid var(--yellow);padding-bottom:4px;}
.more:hover{color:#55544E;}
.more.light{color:var(--yellow);border-color:#3A3933;}
.more.light:hover{color:#fff;border-color:var(--yellow);}
.more .arw{display:inline-block;transition:transform .3s var(--ease);}
.more:hover .arw{transform:translateX(5px);}

/* ---------- footer ---------- */
footer{background:#050505;color:#8A897F;padding:clamp(48px,6vw,72px) 0 40px;border-top:3px solid var(--yellow);font-size:13px;}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:38px;}
footer h4{color:#fff;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px;}
footer a{color:#8A897F;text-decoration:none;display:block;padding:5px 0;transition:color .2s,transform .2s;}
footer a:hover{color:var(--yellow);transform:translateX(3px);}
.foot-bottom{border-top:1px solid #1E1D1A;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;}
.foot-bottom a{display:inline;}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.foot-grid{grid-template-columns:1fr;}}

/* ---------- motion layer ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
.rv.in{opacity:1;transform:none;}
.rv-d1{transition-delay:.07s;}.rv-d2{transition-delay:.14s;}.rv-d3{transition-delay:.21s;}
.rv-d4{transition-delay:.28s;}.rv-d5{transition-delay:.35s;}.rv-d6{transition-delay:.42s;}
.hero-in > div > *:not(.phone),header.hero .hero-grid > *{opacity:0;transform:translateY(22px);animation:rise .85s var(--ease) forwards;}
.hero-in > div > .tape{animation-delay:.04s;}
.hero-in > div > h1{animation-delay:.12s;}
.hero-in > div > .lede{animation-delay:.26s;}
.hero-in > div > .hero-ctas{animation-delay:.38s;}
.hero-in > div > .hero-note{animation-delay:.5s;}
header.hero .hero-grid > *:nth-child(2){animation-delay:.2s;}
.phone{opacity:0;transform:translateY(28px);animation:rise .95s var(--ease) .3s forwards;}
@keyframes rise{to{opacity:1;transform:none;}}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  .rv{opacity:1!important;transform:none!important;}
  .hero-in > div > *,.phone,header.hero .hero-grid > *,.sw > i{opacity:1!important;transform:none!important;}
  .ticker-track{animation:none!important;}
}