/* Cold Call Gym — Design System v1.0
   Ink #16140F · Ink Deep #0F0E0A · Volt #C9F23B · Ember #FF5A1F · Chalk #F4F1EA · Paper #FCFBF7 · Muted #57534A */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#F4F1EA;color:#16140F;font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}

/* layout */
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;}
.narrow{max-width:780px;margin:0 auto;padding-left:24px;padding-right:24px;}
.prose-wrap{max-width:720px;margin:0 auto;padding-left:24px;padding-right:24px;}
.sec{padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(64px,9vw,120px);}
.ink{background:#16140F;color:#F4F1EA;}
.volt-bg{background:#C9F23B;color:#16140F;}
.ember-bg{background:#FF5A1F;color:#16140F;}

/* type */
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#FF5A1F;margin-bottom:14px;}
.eyebrow.volt{color:#C9F23B;}
.display{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:0.92;letter-spacing:-0.01em;margin:0;}
h1.display{font-size:clamp(44px,8.5vw,108px);line-height:0.95;}
h2.display{font-size:clamp(38px,6vw,76px);}
.mono{font-family:'JetBrains Mono',monospace;}
.subh{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;}

/* ticker */
.ticker{background:#16140F;color:#C9F23B;overflow:hidden;white-space:nowrap;}
.ticker-track{display:inline-flex;animation:ccg-marquee 32s linear infinite;will-change:transform;}
.ticker-track span.grp{display:inline-flex;align-items:center;gap:28px;padding:9px 14px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;}
.ticker-track span.sep{color:#5b5a3a;}
@keyframes ccg-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ccg-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes ccg-blink{0%,100%{opacity:1}50%{opacity:.2}}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(244,241,234,0.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(22,20,15,0.12);}
.nav-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:11px;}
.brand-badge{width:34px;height:34px;background:#16140F;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#C9F23B;flex:none;}
.brand-name{font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;letter-spacing:.02em;text-transform:uppercase;}
.nav-links{display:flex;align-items:center;gap:6px;}
.nav-links a{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:9px 14px;border-radius:5px;color:#3a372f;transition:background .15s ease;}
.nav-links a:hover{background:rgba(22,20,15,0.06);}
.nav-links a.active{color:#16140F;background:rgba(22,20,15,0.06);}
.btn-call{display:inline-flex;align-items:center;gap:8px;margin-left:6px;background:#16140F;color:#C9F23B;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:11px 18px;border-radius:6px;transition:background .15s ease,color .15s ease;}
.btn-call:hover{background:#C9F23B;color:#16140F;}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:#16140F;color:#C9F23B;border:none;border-radius:6px;cursor:pointer;}
@media(max-width:880px){.nav-links{display:none;}.burger{display:flex;}}

/* drawer */
.overlay{position:fixed;inset:0;z-index:60;background:rgba(15,14,10,0.5);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;}
.overlay.open{opacity:1;pointer-events:auto;}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(86vw,360px);background:#16140F;padding:24px;box-shadow:-20px 0 60px rgba(0,0,0,0.4);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);}
.drawer.open{transform:translateX(0);}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.drawer-head span{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#F4F1EA;}
.drawer-close{width:42px;height:42px;background:rgba(244,241,234,0.1);color:#F4F1EA;border:none;border-radius:6px;cursor:pointer;}
.drawer a.dl{display:block;padding:16px 0;border-bottom:1px solid rgba(244,241,234,0.12);font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:#F4F1EA;font-size:15px;}
.drawer a.dcall{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:28px;background:#C9F23B;color:#16140F;font-family:'JetBrains Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:16px;border-radius:8px;}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:10px;font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;padding:17px 28px;cursor:pointer;border:none;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease;}
.btn-volt{background:#C9F23B;color:#16140F;}
.btn-volt:hover{transform:translateY(-2px);}
.btn-ink{background:#16140F;color:#C9F23B;}
.btn-ink:hover{transform:translateY(-2px);}
.btn-ghost{background:transparent;border:1px solid rgba(244,241,234,0.28);color:#F4F1EA;}
.btn-ghost:hover{border-color:#C9F23B;color:#C9F23B;}
.btn-ghost-dark{background:transparent;border:1px solid rgba(22,20,15,0.2);color:#16140F;}
.btn-ghost-dark:hover{background:rgba(22,20,15,0.05);}
.btn-mono{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.04em;padding:15px 26px;}

/* pills + badges */
.pill{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:8px 15px;}
.pill-dark{color:rgba(244,241,234,0.85);border:1px solid rgba(244,241,234,0.2);}
.pill-dark i{color:#C9F23B;}
.pill-light{color:#16140F;border:1px solid rgba(22,20,15,0.2);}
.pill-light i{color:#FF5A1F;}
.badge{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:100px;}
.badge-volt{background:#C9F23B;color:#16140F;}
.badge-ember{background:#FF5A1F;color:#16140F;}

/* cards */
.grid{display:grid;gap:18px;}
.card{background:#FCFBF7;border:1px solid rgba(22,20,15,0.14);border-radius:16px;padding:30px;transition:border-color .15s ease,transform .15s ease;}
.card.hov:hover{border-color:#16140F;transform:translateY(-2px);}
.card-line{border:1px solid rgba(244,241,234,0.16);border-radius:16px;padding:30px;transition:border-color .15s ease;}
.card-line.hov:hover{border-color:#C9F23B;}
.card-icon{font-size:28px;color:#FF5A1F;}
.card .card-icon.volt,.card-line .card-icon{color:#C9F23B;}
.card h3,.card-line h3{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:17px;margin:16px 0 10px;}
.card p{margin:0;color:#57534A;font-size:14.5px;line-height:1.6;}
.card-line p{margin:0;color:rgba(244,241,234,0.62);font-size:14.5px;line-height:1.6;}

/* footer */
.footer{background:#0F0E0A;color:rgba(244,241,234,0.6);}
.footer a:hover{color:#C9F23B;}
.footer-mono{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.03em;}
.footer-mono a{color:#C9F23B;}

/* prose (articles) */
.prose p{font-size:18px;line-height:1.72;color:#2a2720;margin:0 0 22px;}
.prose p.lead{font-size:21px;line-height:1.6;color:#16140F;font-weight:500;margin-bottom:28px;}
.prose h2{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(26px,3.6vw,38px);line-height:1.0;letter-spacing:-0.005em;margin:48px 0 18px;}
.prose h3{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:19px;letter-spacing:.01em;margin:30px 0 12px;}
.prose ul,.prose ol{margin:0 0 24px;padding-left:4px;list-style:none;counter-reset:ccg;}
.prose li{position:relative;padding-left:34px;font-size:17px;line-height:1.6;color:#2a2720;margin-bottom:13px;}
.prose ul li::before{content:"";position:absolute;left:4px;top:11px;width:9px;height:9px;background:#C9F23B;border:1.5px solid #16140F;border-radius:2px;}
.prose ol li{counter-increment:ccg;}
.prose ol li::before{content:counter(ccg);position:absolute;left:0;top:1px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;color:#16140F;background:#C9F23B;width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.prose strong{color:#16140F;font-weight:700;}
.prose a{color:#16140F;text-decoration:underline;text-decoration-color:#C9F23B;text-decoration-thickness:2px;text-underline-offset:2px;}

/* callouts inside prose */
.callout{background:rgba(201,242,59,0.18);border:1px solid rgba(22,20,15,0.14);border-left:4px solid #C9F23B;border-radius:0 12px 12px 0;padding:22px 24px;margin:0 0 24px;}
.callout .k{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#16140F;margin-bottom:8px;}
.callout h3{margin:0 0 12px;font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:17px;}
.callout p{margin:0 0 12px;font-size:16.5px;line-height:1.6;color:#2a2720;}
.callout p:last-child,.callout ul:last-child,.callout ol:last-child{margin-bottom:0;}
.callout ul,.callout ol{margin:0;}
.script-callout{background:#16140F;color:#F4F1EA;border-radius:14px;padding:24px;margin:0 0 24px;}
.script-callout .k{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#C9F23B;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.script-callout p{font-size:16.5px;line-height:1.6;color:rgba(244,241,234,0.92);margin:0 0 10px;font-style:italic;}
.script-callout p:last-child{margin-bottom:0;}
.story-callout{background:#FCFBF7;border:1px solid rgba(22,20,15,0.14);border-radius:14px;padding:24px;margin:0 0 24px;}
.story-callout .k{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#FF5A1F;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.story-callout p{font-size:17px;line-height:1.55;color:#16140F;margin:0;font-weight:500;}
.prose-cta{background:#16140F;color:#F4F1EA;border-radius:16px;padding:30px;margin:36px 0;text-align:center;}
.prose-cta .k{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C9F23B;margin-bottom:12px;}
.prose-cta h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:24px;margin:0 0 8px;color:#F4F1EA;}
.prose-cta p{margin:0 0 20px;color:rgba(244,241,234,0.65);font-size:15px;line-height:1.55;}

/* reading progress */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;background:transparent;}
.progress > i{display:block;height:100%;width:0;background:#C9F23B;transition:width .1s linear;}