/* ═══════════════════════════════════════════
   AXON DRAFT — styles.css v1.1
   Task 01: LCD-boosted accent colours
   Task 02: Full responsive + mobile nav
   Task 04: Hero card canvas
   Task 06: Expanded identity cards + THE CUSTOM
   Task 07: Testimonials section
   ═══════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ══ THEMES — Task 01 ══ */
[data-theme="acid"]{--bg:#060606;--accent:#c9f040;--cta-fg:#060606;--mx-col:rgba(201,240,64,.18);--mx-bg:rgba(6,6,6,.06);--geo-col:rgba(201,240,64,.12);--accent-dim:rgba(201,240,64,.07);--t1:#edeae0;--t2:#cccccc;--t3:#aaaaaa;--t4:#777777;--t5:#555555;--ln:#2a2a2a;--ln2:#1e1e1e;--card:#0a0a0a;--hover:#0e0e0e}
[data-theme="red"]{--bg:#080404;--accent:#ff2d3a;--cta-fg:#ffffff;--mx-col:rgba(255,45,58,.18);--mx-bg:rgba(8,4,4,.06);--geo-col:rgba(255,45,58,.12);--accent-dim:rgba(255,45,58,.07);--t1:#f5f0eb;--t2:#ccbbbb;--t3:#bbbbbb;--t4:#888888;--t5:#5a3030;--ln:#2e1a1a;--ln2:#221010;--card:#0d0606;--hover:#100808}
[data-theme="blue"]{--bg:#020408;--accent:#00e5ff;--cta-fg:#020408;--mx-col:rgba(0,229,255,.18);--mx-bg:rgba(2,4,8,.06);--geo-col:rgba(0,229,255,.12);--accent-dim:rgba(0,229,255,.07);--t1:#e8f4ff;--t2:#ccddee;--t3:#aabbcc;--t4:#7799aa;--t5:#2a4060;--ln:#0e2040;--ln2:#081828;--card:#060c14;--hover:#060e1a}
[data-theme="amber"]{--bg:#060502;--accent:#ffb830;--cta-fg:#060502;--mx-col:rgba(255,184,48,.18);--mx-bg:rgba(6,5,2,.06);--geo-col:rgba(255,184,48,.12);--accent-dim:rgba(255,184,48,.07);--t1:#faf4e8;--t2:#ccbb88;--t3:#bbaa88;--t4:#8a7a5a;--t5:#3a2e10;--ln:#2e2410;--ln2:#221a08;--card:#0a0804;--hover:#0e0a04}

html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t1);font-family:'IBM Plex Mono',monospace;overflow-x:hidden;cursor:crosshair;transition:background .5s}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.6}

/* ── THEME SWITCHER ── */
#theme-sw{position:fixed;bottom:24px;right:24px;z-index:8500;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.82);border:1px solid var(--ln);backdrop-filter:blur(14px);padding:9px 14px}
.sw-lbl{font-family:'Space Mono',monospace;font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--t4);padding-right:10px;border-right:1px solid var(--ln);white-space:nowrap}
.sw-dot{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .18s}
.sw-dot:hover{transform:scale(1.25)}
.sw-dot.on{border-color:var(--t1);transform:scale(1.2)}
.sw-dot[data-t="acid"]{background:#c9f040}
.sw-dot[data-t="red"]{background:#ff2d3a}
.sw-dot[data-t="blue"]{background:#00e5ff}
.sw-dot[data-t="amber"]{background:#ffb830}
.sw-name{font-family:'Space Mono',monospace;font-size:7px;letter-spacing:2px;text-transform:uppercase;color:var(--t3);padding-left:10px;border-left:1px solid var(--ln);min-width:68px;transition:color .3s}

/* ── NAV ── */
#nav{position:fixed;top:0;left:0;right:0;z-index:8000;display:flex;justify-content:space-between;align-items:center;padding:16px 48px;background:rgba(0,0,0,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--ln);transition:border-color .4s}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:6px;cursor:pointer;color:var(--t1)}
.nav-logo span{color:var(--accent);transition:color .4s}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-link{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--t4);cursor:pointer;transition:color .2s;font-family:'Space Mono',monospace;border:none;background:none}
.nav-link:hover{color:var(--t1)}
.nav-cta{font-size:9px;letter-spacing:2px;text-transform:uppercase;background:var(--accent);color:var(--cta-fg);padding:10px 18px;font-family:'Space Mono',monospace;font-weight:700;cursor:pointer;border:none;transition:all .2s}
.nav-cta:hover{background:var(--t1);box-shadow:3px 3px 0 var(--accent);transform:translate(-2px,-2px)}
#nav-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--t1);padding:4px;align-items:center;justify-content:center}

/* ── MOBILE CTA ── */
#mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:8400;padding:12px 20px;background:rgba(0,0,0,.94);border-top:1px solid var(--ln);backdrop-filter:blur(14px)}
#mobile-cta button{width:100%;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;background:var(--accent);color:var(--cta-fg);border:none;padding:14px 20px;font-weight:700;cursor:pointer}

.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}
.reveal.visible{opacity:1;transform:translateY(0)}
.rd1{transition-delay:.1s}.rd2{transition-delay:.22s}.rd3{transition-delay:.36s}
section{position:relative;overflow:hidden}

/* ═══ HERO ═══ */
#hero{min-height:100vh;display:grid;grid-template-rows:1fr auto;padding-top:72px;background:var(--bg);transition:background .5s;position:relative}
#matrix-canvas{position:absolute;inset:0;opacity:.35}
.geo-circle{position:absolute;border-radius:50%;border:1px solid var(--geo-col);animation:geoSpin 60s linear infinite;transition:border-color .5s}
.gc1{width:700px;height:700px;top:-200px;right:-200px}
.gc2{width:400px;height:400px;top:50px;right:50px;opacity:.5;animation-direction:reverse;animation-duration:35s}
.gc3{width:200px;height:200px;top:180px;right:180px;animation-duration:25s}
@keyframes geoSpin{to{transform:rotate(360deg)}}
.geo-rect{position:absolute;border:1px solid var(--geo-col);opacity:.6}
.gr1{width:300px;height:300px;bottom:120px;left:-60px;transform:rotate(15deg);animation:rectDrift 12s ease-in-out infinite alternate}
.gr2{width:150px;height:150px;bottom:200px;left:80px;animation:rectDrift 9s ease-in-out infinite alternate-reverse}
@keyframes rectDrift{to{transform:rotate(22deg) translate(12px,-8px)}}
.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:2}
#hero-card-canvas{position:absolute;right:48px;bottom:160px;width:300px;height:420px;z-index:5;pointer-events:none;opacity:0;transition:opacity 1.2s ease .5s}
#hero-card-canvas.loaded{opacity:1}
.hero-content{position:relative;z-index:10;padding:60px 48px 40px;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100vh - 72px)}
.hero-eyebrow{font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--t3);margin-bottom:28px;font-family:'Space Mono',monospace;display:flex;align-items:center;gap:16px}
.hero-eyebrow::before{content:'';width:32px;height:1px;background:var(--accent);flex-shrink:0;transition:background .4s}
.hero-headline{display:grid;grid-template-columns:1fr auto;gap:0;align-items:end;margin-bottom:32px}
.hero-type{font-family:'Bebas Neue',sans-serif;font-size:clamp(72px,14vw,200px);line-height:.82}
.hero-type .l1{display:block;color:var(--t1)}
.hero-type .l2{display:block;color:var(--accent);transition:color .4s}
.hero-type .l3{display:block;-webkit-text-stroke:1px var(--t5);color:transparent}
.hero-statbar{display:flex;flex-direction:column;border-left:1px solid var(--ln);padding-left:28px;margin-bottom:8px;width:180px;flex-shrink:0}
.hero-stat{padding:16px 0;border-bottom:1px solid var(--ln2)}
.hero-stat:last-child{border-bottom:none}
.hs-val{font-family:'Bebas Neue',sans-serif;font-size:38px;color:var(--accent);line-height:1;transition:color .4s}
.hs-label{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace;margin-top:2px}
.hero-explanation{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--t3);line-height:1.95;max-width:560px;margin-bottom:28px;border-left:2px solid var(--accent);padding-left:16px;transition:color .4s,border-color .4s}
.hero-explanation em{color:var(--t1);font-style:normal}
.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:32px;border-top:1px solid var(--ln);flex-wrap:wrap}
.hero-sub{max-width:400px;font-size:11px;line-height:2.1;color:var(--t3)}
.hero-sub em{color:var(--t1);font-style:normal}
.hero-cta-group{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.hero-cta{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;background:var(--accent);color:var(--cta-fg);padding:16px 32px;font-weight:700;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:12px}
.hero-cta:hover{background:var(--t1);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent)}
.hero-tag{font-size:8px;letter-spacing:3px;color:var(--t4);text-transform:uppercase;font-family:'Space Mono',monospace}
.hero-ticker{height:38px;border-top:1px solid var(--ln2);overflow:hidden;display:flex;align-items:center;position:relative;z-index:10}
.ticker-track{display:flex;animation:ticker 25s linear infinite;white-space:nowrap}
.ticker-item{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--t4);padding:0 48px;font-family:'Space Mono',monospace}
.ticker-item span{color:var(--accent);transition:color .4s}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ═══ QUICKHOW ═══ */
#quickhow{background:var(--card);padding:64px 48px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);transition:background .5s}
.qh-inner{max-width:960px;margin:0 auto}
.qh-label{font-size:8px;letter-spacing:5px;text-transform:uppercase;color:var(--t3);margin-bottom:36px;font-family:'Space Mono',monospace}
.qh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ln)}
.qh-step{padding:36px 32px;border-right:1px solid var(--ln);position:relative;transition:background .2s}
.qh-step:last-child{border-right:none}
.qh-step:hover{background:var(--hover)}
.qh-num{font-family:'Bebas Neue',sans-serif;font-size:64px;color:var(--t5);line-height:1;margin-bottom:12px;transition:color .2s}
.qh-step:hover .qh-num{color:var(--accent)}
.qh-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;color:var(--t1);margin-bottom:8px}
.qh-sub{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-family:'Space Mono',monospace;margin-bottom:12px}
.qh-desc{font-size:11px;line-height:1.95;color:var(--t3)}
.qh-connector{position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--accent);z-index:2;opacity:.6}

/* ═══ CUBE ═══ */
#cube-section{position:relative;height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);transition:background .5s}
#cube-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
#cube-eyebrow{position:absolute;top:40px;left:50%;transform:translateX(-50%);font-family:'Space Mono',monospace;font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--t3);white-space:nowrap;z-index:10;display:flex;align-items:center;gap:16px}
#cube-eyebrow::before,#cube-eyebrow::after{content:'';width:40px;height:1px;background:var(--ln);display:block}
#cube-label-wrap{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);text-align:center;z-index:10;pointer-events:none}
#cube-face-label{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,5vw,56px);letter-spacing:4px;color:var(--accent);line-height:1;transition:color .4s,opacity .25s;opacity:1}
#cube-sub-label{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t4);margin-top:8px;transition:color .4s,opacity .25s;opacity:1}
#cube-progress-wrap{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:10}
#cube-progress-track{width:200px;height:1px;background:var(--ln)}
#cube-progress-fill{height:100%;background:var(--accent);width:0%;transition:width .1s,background .4s}
#cube-progress-pct{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:2px;color:var(--t4);min-width:32px}

/* ═══ PARTICLE ═══ */
#particle-section{position:relative;height:300vh;background:var(--bg);border-top:1px solid var(--ln);transition:background .5s}
#particle-sticky{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
#particle-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
#particle-eyebrow{position:absolute;top:40px;left:50%;transform:translateX(-50%);font-family:'Space Mono',monospace;font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--t3);white-space:nowrap;z-index:10;display:flex;align-items:center;gap:16px}
#particle-eyebrow::before,#particle-eyebrow::after{content:'';width:40px;height:1px;background:var(--ln);display:block}
#particle-label-wrap{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);text-align:center;z-index:10;pointer-events:none}
#particle-face-label{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,5vw,56px);letter-spacing:4px;color:var(--accent);line-height:1;transition:color .4s,opacity .25s}
#particle-sub-label{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t4);margin-top:8px;transition:color .4s,opacity .25s}
#particle-progress-wrap{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:10}
#particle-progress-track{width:200px;height:1px;background:var(--ln)}
#particle-progress-fill{height:100%;background:var(--accent);width:0%;transition:width .1s,background .4s}
#particle-progress-pct{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:2px;color:var(--t4);min-width:32px}

/* ═══ MANIFESTO ═══ */
#manifesto{background:var(--t1);color:#111;padding:100px 48px 120px;position:relative}
.mani-bg-letter{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:clamp(300px,45vw,700px);color:rgba(0,0,0,.04);line-height:1;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;user-select:none;white-space:nowrap}
.mani-inner{max-width:960px;margin:0 auto;position:relative;z-index:2}
.mani-eyebrow{font-size:9px;letter-spacing:5px;text-transform:uppercase;color:#888;margin-bottom:48px;font-family:'Space Mono',monospace;display:flex;align-items:center;gap:16px}
.mani-eyebrow::after{content:'';flex:1;height:1px;background:#bbb}
.mani-headline-wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:80px;align-items:start}
.mani-head{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,9vw,130px);line-height:.88}
.mani-head .outline{-webkit-text-stroke:2px #111;color:transparent;display:block}
.mani-head-right{padding:16px 0 0 32px;border-left:2px solid #111}
.mani-pull{font-family:'Playfair Display',serif;font-size:clamp(15px,2vw,22px);font-style:italic;line-height:1.7;color:#333;margin-bottom:24px}
.mani-stat-row{display:flex;gap:32px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid #ccc}
.m-stat-val{font-family:'Bebas Neue',sans-serif;font-size:40px;color:#111;line-height:1}
.m-stat-label{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#777;font-family:'Space Mono',monospace;margin-top:3px}
.mani-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid #111}
.mani-item{padding:36px 32px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;position:relative;overflow:hidden}
.mani-item:nth-child(even){border-right:none}
.mani-item:nth-child(3),.mani-item:nth-child(4){border-bottom:none}
.mani-item-num{font-family:'Bebas Neue',sans-serif;font-size:100px;color:rgba(0,0,0,.06);position:absolute;top:-10px;right:16px;line-height:1;pointer-events:none}
.mani-item-head{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:1px;margin-bottom:14px;position:relative;z-index:1}
.mani-item-body{font-size:11px;line-height:1.9;color:#444;letter-spacing:.3px;position:relative;z-index:1}
.signal-translator{font-size:11px;line-height:1.85;color:#888;border-left:2px solid #ddd;padding-left:14px;margin-top:14px;font-style:italic;position:relative;z-index:1}

/* ═══ IDENTITY MATRIX ═══ */
#matrix-break{background:var(--bg);padding:80px 48px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);transition:background .5s}
.mb-inner{max-width:960px;margin:0 auto}
.mb-label{font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--t3);margin-bottom:40px;font-family:'Space Mono',monospace}
.mb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--ln)}
.mb-cell{padding:24px 20px;border-right:1px solid var(--ln2);border-bottom:1px solid var(--ln2);position:relative;overflow:hidden;cursor:default;transition:background .2s}
.mb-cell:hover{background:var(--hover)}
.mb-cell-num{font-family:'Bebas Neue',sans-serif;font-size:42px;color:var(--t5);line-height:1;margin-bottom:8px;transition:color .2s}
.mb-cell:hover .mb-cell-num{color:var(--accent)}
.mb-cell-name{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:1px;color:var(--t3);transition:color .2s}
.mb-cell:hover .mb-cell-name{color:var(--t1)}
.mb-cell-sub{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--t4);margin-top:4px;font-family:'Space Mono',monospace;line-height:1.6}
.mb-cell-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);width:0%;transition:width .6s ease,background .4s}
.mb-readiness{position:absolute;top:12px;right:12px;font-family:'Space Mono',monospace;font-size:8px;color:var(--t4);letter-spacing:1px;transition:color .2s}
.mb-cell:hover .mb-readiness{color:var(--accent)}

/* ═══ HOW IT WORKS ═══ */
#how{background:var(--bg);padding:100px 48px;transition:background .5s}
.how-inner{max-width:960px;margin:0 auto}
.sec-eyebrow{font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--t3);margin-bottom:48px;font-family:'Space Mono',monospace;display:flex;align-items:center;gap:16px}
.sec-eyebrow::after{content:'';flex:1;height:1px;background:var(--ln)}
.sec-head{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,9vw,120px);line-height:.88;letter-spacing:1px;margin-bottom:64px;color:var(--t1)}
.sec-head .ac{color:var(--accent);transition:color .4s}
.phase-timeline{position:relative}
.phase-timeline::before{content:'';position:absolute;left:40px;top:0;bottom:0;width:1px;background:linear-gradient(var(--accent),var(--ln));z-index:0}
.pt-item{display:grid;grid-template-columns:80px 1fr auto;border-bottom:1px solid var(--ln2);position:relative;z-index:1;transition:background .2s}
.pt-item:last-child{border-bottom:none}
.pt-item:hover{background:var(--hover)}
.pt-node{display:flex;flex-direction:column;align-items:center;padding:32px 0}
.pt-circle{width:16px;height:16px;border:2px solid var(--accent);border-radius:50%;background:var(--bg);margin-top:6px;transition:background .2s}
.pt-item:hover .pt-circle{background:var(--accent)}
.pt-body{padding:32px 40px 32px 32px}
.pt-tag{font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:'Space Mono',monospace}
.pt-name{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:1px;margin-bottom:10px;color:var(--t1)}
.pt-desc{font-size:11px;line-height:1.9;color:var(--t3);max-width:480px}
.pt-price{padding:32px 0 32px 28px;border-left:1px solid var(--ln2);display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:140px}
.pt-price-val{font-family:'Bebas Neue',sans-serif;font-size:44px;color:var(--accent);line-height:1}
.pt-price-sub{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace;text-align:right;margin-top:4px;line-height:1.6}

/* ═══ BRUTALIST DIVIDER ═══ */
.brut-divider{background:var(--accent);padding:28px 48px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;transition:background .4s}
.bd-text{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,5vw,64px);color:var(--cta-fg);letter-spacing:2px;line-height:1}
.bd-action{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;background:var(--bg);color:var(--accent);padding:14px 28px;cursor:pointer;border:none;font-weight:700;transition:all .2s}
.bd-action:hover{opacity:.85;transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(0,0,0,.25)}
.bd-shape{opacity:.3;color:var(--cta-fg)}

/* ═══ ARCHITECT'S RULE ═══ */
#architects-rule{background:var(--card);padding:48px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);transition:background .5s}
.ar-inner{max-width:960px;margin:0 auto;border-left:3px solid #ff6b1a;padding-left:32px;display:flex;flex-direction:column;gap:10px}
.ar-tag{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:4px;text-transform:uppercase;color:#ff6b1a}
.ar-body{font-size:12px;line-height:2;color:var(--t3)}
.ar-body strong{color:var(--t1)}

/* ═══ VIZ BREAK ═══ */
#viz-break{background:var(--card);padding:80px 48px;border-top:1px solid var(--ln);transition:background .5s}
.vb-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.vb-eyebrow{font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--t3);margin-bottom:20px;font-family:'Space Mono',monospace}
.vb-head{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,7vw,88px);line-height:.9;margin-bottom:20px;color:var(--t1)}
.vb-head span{color:var(--accent);transition:color .4s}
.vb-body{font-size:11px;line-height:1.9;color:var(--t3)}
.vb-bars{display:flex;flex-direction:column;border:1px solid var(--ln)}
.vb-row{display:grid;grid-template-columns:120px 1fr 52px;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ln2);transition:background .15s}
.vb-row:last-child{border-bottom:none}
.vb-row:hover{background:var(--hover)}
.vb-name{font-family:'Bebas Neue',sans-serif;font-size:16px;color:var(--t3);transition:color .2s}
.vb-row:hover .vb-name{color:var(--t1)}
.vb-track{height:2px;background:var(--ln);flex:1}
.vb-fill{height:100%;background:var(--accent);width:0%;transition:width 1.4s cubic-bezier(.22,1,.36,1),background .4s}
.vb-fill.orange{background:#ff6b1a}
.vb-pct{font-family:'Space Mono',monospace;font-size:9px;color:var(--t3);text-align:right}
.vb-row:hover .vb-pct{color:var(--accent)}

/* ═══ SHOWCASE ═══ */
#showcase{background:var(--card);padding:100px 48px;border-top:1px solid var(--ln);transition:background .5s}
.showcase-inner{max-width:980px;margin:0 auto}
.client-header{display:grid;grid-template-columns:auto 1fr;border:1px solid var(--ln);margin-bottom:48px;overflow:hidden}
.client-badge-block{background:var(--accent);padding:28px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:140px;transition:background .4s}
.client-badge-num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--cta-fg);line-height:1}
.client-badge-txt{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--cta-fg);font-family:'Space Mono',monospace;font-weight:700}
.client-info{padding:24px 32px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.client-name{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:2px;color:var(--t1)}
.client-meta-row{display:flex;gap:24px;flex-wrap:wrap}
.client-meta-item{display:flex;flex-direction:column;gap:3px}
.cmi-label{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace}
.cmi-val{font-size:11px;letter-spacing:1px;color:var(--t2);font-family:'Space Mono',monospace}
.tab-row{display:flex;border:1px solid var(--ln);overflow:hidden;margin-bottom:32px;overflow-x:auto}
.tab{flex:1;padding:13px 16px;font-family:'Space Mono',monospace;font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:var(--t3);cursor:pointer;border:none;background:transparent;border-right:1px solid var(--ln);transition:all .2s;text-align:center;white-space:nowrap;min-width:80px}
.tab:last-child{border-right:none}
.tab:hover{color:var(--t1);background:var(--hover)}
.tab.active{background:var(--accent);color:var(--cta-fg);font-weight:700}
.tab-content{display:none}.tab-content.active{display:block;animation:fadeUp .3s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.resume-pill-row{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.r-pill{border:1px solid var(--ln);padding:7px 16px;font-size:8px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:'Space Mono',monospace;color:var(--t3);transition:all .15s;background:transparent}
.r-pill:hover{border-color:var(--t4);color:var(--t2)}
.r-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}
.resume-mock{border:1px solid var(--ln);overflow:hidden}
.rm-header{background:var(--t1);color:#111;display:grid;grid-template-columns:1fr auto}
.rm-header-left{padding:28px 32px;border-right:1px solid #ccc}
.rm-identity-chip{display:inline-block;background:#111;color:var(--accent);font-family:'Space Mono',monospace;font-size:8px;letter-spacing:3px;padding:4px 12px;margin-bottom:12px;font-weight:700;transition:color .4s}
.rm-name{font-family:'Bebas Neue',sans-serif;font-size:44px;letter-spacing:2px;color:#111;line-height:1}
.rm-role{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#666;margin-top:6px;font-family:'Space Mono',monospace}
.rm-header-right{padding:28px 24px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:center;min-width:200px}
.rm-contact-item{font-size:9px;color:#666;font-family:'Space Mono',monospace}
.rm-score-strip{background:var(--bg);padding:10px 32px;display:flex;align-items:center;gap:20px}
.rss-label{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace;flex-shrink:0}
.rss-bar{flex:1;height:2px;background:var(--ln)}
.rss-fill{height:100%;background:var(--accent);transition:width 1s ease,background .4s}
.rss-val{font-size:9px;color:var(--accent);font-family:'Space Mono',monospace;flex-shrink:0}
.rm-body{padding:28px 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;background:var(--card)}
.rm-sec-label{font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-family:'Space Mono',monospace;padding-bottom:6px;border-bottom:1px solid var(--ln2)}
.rm-item{margin-bottom:18px}
.rm-item-head{font-size:12px;font-weight:600;margin-bottom:3px;color:var(--t1)}
.rm-item-sub{font-size:9px;color:var(--t3);letter-spacing:1.5px;margin-bottom:6px;font-family:'Space Mono',monospace;text-transform:uppercase}
.rm-item-desc{font-size:10px;color:var(--t3);line-height:1.9}
.rm-skill-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.rm-skill{font-size:8px;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--ln);padding:4px 10px;color:var(--t3);font-family:'Space Mono',monospace}
.roadmap-visual{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rv-card{border:1px solid var(--ln);padding:20px 22px;position:relative;overflow:hidden}
.rv-card::before{content:'';position:absolute;top:0;left:0;width:3px;bottom:0;background:var(--accent);transition:background .4s}
.rv-badge{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);margin-bottom:10px;font-family:'Space Mono',monospace;padding-left:12px}
.rv-head{font-family:'Bebas Neue',sans-serif;font-size:20px;margin-bottom:8px;padding-left:12px;color:var(--t1)}
.rv-body{font-size:10px;color:var(--t3);line-height:1.9;padding-left:12px}
.cert-list{margin-top:20px;border:1px solid var(--ln)}
.cert-item{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--ln2)}
.cert-item:last-child{border-bottom:none}
.cert-dot{width:6px;height:6px;background:var(--accent);flex-shrink:0}
.cert-name{font-size:11px;color:var(--t1)}
.cert-tag{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace}
.cheat-box{border:1px solid var(--ln);overflow:hidden}
.cheat-item{padding:24px 28px;border-bottom:1px solid var(--ln2);transition:background .15s}
.cheat-item:last-child{border-bottom:none}
.cheat-item:hover{background:var(--hover)}
.cheat-q{font-size:11px;font-weight:600;color:var(--accent);margin-bottom:12px}
.cheat-a{font-size:10px;line-height:1.95;color:var(--t3);padding-left:14px;border-left:1px solid var(--ln)}
.latex-preview{background:#050505;border:1px solid var(--ln);padding:24px;font-family:'Space Mono',monospace;font-size:9px;color:var(--t4);line-height:1.9;overflow-x:auto;white-space:pre}
.lp-comment{color:var(--t5)}.lp-cmd{color:var(--accent)}.lp-text{color:var(--t4)}

/* ═══ TESTIMONIALS — Task 07 ═══ */
#testimonials{background:var(--bg);padding:100px 48px;border-top:1px solid var(--ln);transition:background .5s}
.testi-inner{max-width:980px;margin:0 auto}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ln);margin-bottom:32px}
.testi-card{padding:32px 28px;border-right:1px solid var(--ln);position:relative;overflow:hidden;transition:background .2s}
.testi-card:last-child{border-right:none}
.testi-card:hover{background:var(--hover)}
.testi-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--accent);transition:background .4s}
.testi-phase{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t4);margin-bottom:8px}
.testi-before{padding-bottom:14px;border-bottom:1px solid var(--ln2);margin-bottom:14px}
.testi-before-text{font-size:11px;color:var(--t3);line-height:1.8}
.testi-identity-label{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t4);margin-bottom:6px}
.testi-identity{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--accent);margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--ln2)}
.testi-outcome-text{font-size:11px;color:var(--t2);line-height:1.8;margin-bottom:14px}
.testi-quote{font-size:10px;color:var(--t3);font-style:italic;line-height:1.8;padding-top:14px;border-top:1px solid var(--ln2)}
.testi-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--ln2)}
.testi-name{font-family:'Bebas Neue',sans-serif;font-size:16px;color:var(--t1)}
.testi-college{font-size:9px;color:var(--t4);font-family:'Space Mono',monospace;letter-spacing:1px}
.testi-count{font-family:'Space Mono',monospace;font-size:9px;color:var(--t4);letter-spacing:2px;text-transform:uppercase;text-align:center;padding:16px 0}
.testi-count span{color:var(--accent)}

/* ═══ PRICING ═══ */
#pricing{background:var(--bg);padding:100px 48px;transition:background .5s}
.pricing-inner{max-width:960px;margin:0 auto}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--t2);overflow:hidden;margin-bottom:40px}
.price-card{padding:32px 24px;border-right:1px solid var(--ln);cursor:pointer;transition:background .15s;position:relative;overflow:hidden}
.price-card:last-child{border-right:none}
.price-card:hover{background:var(--hover)}
.price-card.featured{background:var(--accent);transition:background .4s}
.price-card.featured .price-tag,.price-card.featured .price-name,.price-card.featured .price-feature{color:var(--cta-fg)!important}
.price-card.featured .price-amt{color:var(--cta-fg)!important}
.price-card.featured .price-feature{border-color:rgba(0,0,0,.15)!important}
.price-tag{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);margin-bottom:20px;font-family:'Space Mono',monospace;display:block}
.price-amt{font-family:'Bebas Neue',sans-serif;font-size:54px;color:var(--accent);line-height:1;margin-bottom:6px;transition:color .4s}
.price-name{font-family:'Bebas Neue',sans-serif;font-size:22px;margin-bottom:18px;color:var(--t1)}
.price-feature{font-size:9px;letter-spacing:1.5px;color:var(--t3);text-transform:uppercase;padding:7px 0;border-top:1px solid var(--ln);font-family:'Space Mono',monospace;line-height:1.8}

/* ═══ FUNNEL ═══ */
#funnel-section{background:var(--card);padding:100px 48px;border-top:1px solid var(--ln);transition:background .5s}
.funnel-inner{max-width:780px;margin:0 auto}
.funnel-phase{display:none;animation:fadeUp .35s ease both}
.funnel-phase.active{display:block}
.progress-wrap{margin-bottom:48px}
.p-steps{display:flex;gap:8px;margin-bottom:10px}
.p-dot{height:2px;width:32px;background:var(--ln);transition:background .3s,width .3s}
.p-dot.done{background:var(--t4)}.p-dot.active{background:var(--accent);width:52px}
.p-lbl{font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace}
.f-eyebrow{font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace;display:flex;align-items:center;gap:12px;margin-bottom:20px}
.f-eyebrow::after{content:'';flex:1;height:1px;background:var(--ln)}
.f-head{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,8vw,90px);line-height:.9;margin-bottom:36px;color:var(--t1)}
.f-head .ac{color:var(--accent)}
.f-label{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace;display:block;margin-bottom:8px}
.f-input{width:100%;background:var(--bg);border:1px solid var(--ln);color:var(--t1);font-family:'IBM Plex Mono',monospace;font-size:16px;padding:13px 15px;outline:none;transition:border-color .2s,background .5s;-webkit-appearance:none;border-radius:0}
.f-input:focus{border-color:var(--accent)}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.f-grid.one{grid-template-columns:1fr}
.f-group{display:flex;flex-direction:column}
.f-divider{height:1px;background:var(--ln);margin:24px 0}
.persona-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}
.p-card{border:1px solid var(--ln);padding:16px 18px;cursor:pointer;transition:all .15s;position:relative}
.p-card:hover{border-color:var(--t4)}
.p-card.sel{border-color:var(--accent);background:var(--accent-dim)}
.p-card.sel::after{content:'✓';position:absolute;top:10px;right:12px;color:var(--accent);font-size:9px;font-family:'Space Mono',monospace}
.p-card-lbl{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);margin-bottom:6px;font-family:'Space Mono',monospace}
.p-card-name{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--t1)}
.pill-g{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.pill{border:1px solid var(--ln);padding:7px 15px;font-size:8px;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;font-family:'Space Mono',monospace;color:var(--t3);transition:all .15s;background:transparent;user-select:none}
.pill:hover{border-color:var(--t4);color:var(--t2)}
.pill.sel{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}
.terminal{background:#040404;border:1px solid var(--ln);padding:16px 20px;font-family:'Space Mono',monospace;font-size:9px;color:var(--accent);letter-spacing:1px;line-height:2;margin-bottom:20px}
.terminal .dim{color:var(--t4)}
.cursor{display:inline-block;width:6px;height:10px;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.info-row{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:32px}
.info-item{display:flex;flex-direction:column;gap:3px}
.info-lbl{font-size:7px;letter-spacing:3px;text-transform:uppercase;color:var(--t3);font-family:'Space Mono',monospace}
.info-val{font-size:11px;color:var(--accent);font-family:'Space Mono',monospace}
.pay-box{border:2px solid var(--t2);background:var(--bg);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:14px}
.pay-amt{font-family:'Bebas Neue',sans-serif;font-size:54px;color:var(--accent);line-height:1}
.pay-desc{font-size:9px;letter-spacing:2px;color:var(--t3);text-transform:uppercase;margin-top:4px;font-family:'Space Mono',monospace}
.hw-box{border-left:2px solid #ff6b1a;padding:12px 18px;background:rgba(255,107,26,.04);margin-bottom:20px}
.hw-box p{font-size:10px;line-height:1.9;color:var(--t3)}
.hw-box strong{color:#ff6b1a}
.scorecard-wrap{border:2px solid var(--t2);overflow:hidden;margin-bottom:24px}
.sc-head{background:var(--t1);color:#111;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}
.sc-title{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px}
.sc-id{font-size:8px;letter-spacing:2px;color:#555;font-family:'Space Mono',monospace}
.sc-row{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--ln2);transition:background .15s}
.sc-row:last-child{border-bottom:none}
.sc-row:hover{background:var(--hover)}
.sc-num{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--t4);width:32px;flex-shrink:0}
.sc-info{flex:1}
.sc-name{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--t1)}
.sc-sub{font-size:8px;letter-spacing:2px;color:var(--t3);text-transform:uppercase;font-family:'Space Mono',monospace}
.sc-bar-wrap{width:140px;flex-shrink:0}
.sc-bar-lbl{font-size:7px;color:var(--t3);text-transform:uppercase;margin-bottom:4px;display:flex;justify-content:space-between;font-family:'Space Mono',monospace}
.sc-track{height:2px;background:var(--ln);overflow:hidden}
.sc-fill{height:100%;width:0%;transition:width 1.4s cubic-bezier(.22,1,.36,1),background .4s;background:var(--accent)}
.sc-fill.r{background:#ff6b1a}
.bundle-g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:2px solid var(--t2);overflow:hidden;margin-bottom:24px}
.b-card{padding:24px 20px;border-right:1px solid var(--ln);cursor:pointer;transition:all .15s}
.b-card:last-child{border-right:none}
.b-card:hover{background:var(--hover)}
.b-card.sel{background:var(--accent)}
.b-card.sel .b-price,.b-card.sel .b-name,.b-card.sel .b-tag,.b-card.sel .b-feat,.b-card.sel .b-desc{color:var(--cta-fg)!important}
.b-card.sel .b-feat{border-color:rgba(0,0,0,.12)!important}
.b-tag{font-size:7px;letter-spacing:3px;text-transform:uppercase;background:var(--ln);color:var(--t3);padding:3px 8px;display:inline-block;margin-bottom:14px;font-family:'Space Mono',monospace}
.b-price{font-family:'Bebas Neue',sans-serif;font-size:40px;color:var(--accent);line-height:1;margin-bottom:4px}
.b-name{font-family:'Bebas Neue',sans-serif;font-size:18px;color:var(--t1);margin-bottom:6px}
.b-desc{font-size:9px;color:var(--t3);letter-spacing:1.5px;margin-bottom:16px;font-family:'Space Mono',monospace;line-height:1.7;text-transform:uppercase}
.b-feat{font-size:8px;letter-spacing:1.5px;color:var(--t3);text-transform:uppercase;padding:6px 0;border-top:1px solid var(--ln);font-family:'Space Mono',monospace;line-height:1.9}
.id-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--ln);margin-bottom:20px}
.id-card{padding:16px 14px;border-right:1px solid var(--ln2);border-bottom:1px solid var(--ln2);cursor:pointer;transition:all .15s;position:relative;display:flex;gap:10px;align-items:flex-start}
.id-card:nth-child(5){border-right:none}
.id-card:nth-child(n+6){border-top:none}
.id-card:hover{background:var(--hover)}
.id-card.sel{background:var(--accent-dim);outline:1px solid var(--accent);outline-offset:-1px;z-index:1}
.id-card.off{opacity:.3;pointer-events:none}
.id-num{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--t4);flex-shrink:0;line-height:1}
.id-name{font-family:'Bebas Neue',sans-serif;font-size:14px;color:var(--t1);line-height:1.1}
.id-sub{font-size:7px;letter-spacing:2px;color:var(--t3);text-transform:uppercase;font-family:'Space Mono',monospace;margin-top:4px}
.id-check{position:absolute;top:9px;right:11px;color:var(--accent);font-size:8px;font-family:'Space Mono',monospace;display:none}
.id-card.sel .id-check{display:block}
.id-card.custom-card{grid-column:span 1;border-right:none}
#custom-identity-input{display:none;margin-top:10px}
#custom-domain-val{width:100%;background:var(--bg);border:1px solid var(--ln);color:var(--t1);font-family:'IBM Plex Mono',monospace;font-size:14px;padding:8px 12px;outline:none;border-radius:0;-webkit-appearance:none}
#custom-domain-val:focus{border-color:var(--accent)}
#custom-domain-val::placeholder{color:var(--t4)}
.sel-ctr{font-size:9px;letter-spacing:2px;color:var(--t3);margin-bottom:14px;text-transform:uppercase;font-family:'Space Mono',monospace}
.sel-ctr em{color:var(--accent);font-style:normal;font-weight:700}
.btn{display:inline-block;padding:15px 32px;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;font-weight:700;transition:all .2s}
.btn-acid{background:var(--accent);color:var(--cta-fg)}
.btn-acid:hover{background:var(--t1);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent)}
.btn-ghost{background:transparent;color:var(--t1);border:2px solid var(--t2)}
.btn-ghost:hover{background:var(--t1);color:var(--bg)}
.btn-pay{background:var(--accent);color:var(--cta-fg);position:relative;overflow:hidden}
.btn-pay::after{content:'';position:absolute;inset:0;background:var(--t1);transform:translateX(-101%);transition:transform .25s ease;z-index:0}
.btn-pay:hover::after{transform:translateX(0)}
.btn-pay span{position:relative;z-index:1}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.err{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#ff6b1a;margin-bottom:12px;display:none;font-family:'Space Mono',monospace}
.err.show{display:block}
.final-wrap{text-align:center;padding:60px 20px}
.final-icon{font-size:48px;display:block;margin-bottom:24px;animation:pulse 2.5s ease infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.glitch{position:relative;display:inline-block;color:var(--t1)}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;font-family:'Bebas Neue',sans-serif;font-size:inherit}
.glitch::before{color:var(--accent);animation:g1 4s infinite;clip-path:polygon(0 25%,100% 25%,100% 45%,0 45%)}
.glitch::after{color:#ff6b1a;animation:g2 4s infinite;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}
@keyframes g1{0%,88%,100%{transform:translate(0)}90%{transform:translate(-3px,1px)}92%{transform:translate(3px,-1px)}}
@keyframes g2{0%,88%,100%{transform:translate(0)}91%{transform:translate(3px,2px)}93%{transform:translate(-2px,-1px)}}

/* ═══ FOUNDERS ═══ */
#founders{background:var(--t1);color:#111;padding:100px 48px;position:relative;overflow:hidden}
.founders-bg-geo{position:absolute;right:-120px;top:50%;transform:translateY(-50%);opacity:.03;pointer-events:none}
.founders-inner{max-width:760px;margin:0 auto;position:relative;z-index:2}
.founders-pre{font-size:8px;letter-spacing:5px;text-transform:uppercase;color:#888;margin-bottom:48px;font-family:'Space Mono',monospace;display:flex;align-items:center;gap:16px}
.founders-pre::before{content:'';width:28px;height:1px;background:#888}
.founders-head{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,9vw,110px);line-height:.88;margin-bottom:64px;color:#111}
.founders-head .out{-webkit-text-stroke:2px #111;color:transparent}
.founders-body p{font-family:'Playfair Display',serif;font-size:clamp(15px,1.8vw,19px);line-height:1.95;color:#333;margin-bottom:28px;font-style:italic}
.founders-body p strong{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#111}
.declarations{border:2px solid #111;margin:56px 0}
.decl{padding:20px 28px;border-bottom:1px solid #ccc;display:flex;gap:20px;align-items:flex-start}
.decl:last-child{border-bottom:none}
.decl-n{font-family:'Bebas Neue',sans-serif;font-size:48px;color:rgba(0,0,0,.08);flex-shrink:0;line-height:1}
.decl-t{font-size:11px;line-height:1.9;padding-top:10px;color:#444}
.decl-t strong{color:#111}
.founders-sign{margin-top:56px}
.sign-bar{width:60px;height:2px;background:#111;margin-bottom:18px}
.sign-name{font-family:'Bebas Neue',sans-serif;font-size:32px;color:#111}
.sign-title{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#777;font-family:'Space Mono',monospace;margin-top:6px}
.sign-co{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#999;font-family:'Space Mono',monospace;margin-top:3px}

/* ═══ FOOTER ═══ */
#footer{background:var(--bg);border-top:1px solid var(--ln);padding:64px 48px 40px;transition:background .5s}
.footer-inner{max-width:960px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid var(--ln)}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:48px;letter-spacing:4px;line-height:1;color:var(--t1)}
.footer-logo span{color:var(--accent)}
.footer-tagline{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--t4);font-family:'Space Mono',monospace;margin-top:10px}
.footer-col-head{font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--t3);margin-bottom:16px;font-family:'Space Mono',monospace}
.alias-row{display:flex;gap:12px;align-items:baseline;margin-bottom:8px}
.alias-role{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--t4);font-family:'Space Mono',monospace;min-width:90px}
.alias-email{font-size:9px;color:var(--t3);font-family:'Space Mono',monospace}
.footer-nav-link{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--t4);font-family:'Space Mono',monospace;margin-bottom:10px;cursor:pointer;transition:color .2s}
.footer-nav-link:hover{color:var(--t2)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:8px;letter-spacing:2px;color:var(--t4);text-transform:uppercase;font-family:'Space Mono',monospace}

/* ═══ RESPONSIVE — Task 02 ═══ */
@media(max-width:900px){
  #hero-card-canvas{width:240px;height:336px;right:24px;bottom:180px}
  .price-grid{grid-template-columns:1fr 1fr}
  .testi-grid{grid-template-columns:1fr;border-right:none}
  .testi-card{border-right:none;border-bottom:1px solid var(--ln)}
  .testi-card:last-child{border-bottom:none}
  .mani-headline-wrap{grid-template-columns:1fr}
  .mani-head-right{padding:24px 0 0;border-left:none;border-top:2px solid #111}
  .footer-top{grid-template-columns:1fr 1fr}
  .vb-inner{grid-template-columns:1fr}
}

@media(max-width:768px){
  #nav{padding:14px 20px}
  #nav-hamburger{display:flex}
  .nav-links{display:flex;flex-direction:column;gap:0;position:fixed;top:56px;left:0;right:0;background:rgba(0,0,0,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--ln);max-height:0;overflow:hidden;transition:max-height .35s ease}
  .nav-links.nav-open{max-height:400px}
  .nav-link{padding:16px 24px;border-bottom:1px solid var(--ln2);font-size:11px;letter-spacing:3px;width:100%;text-align:left}
  .nav-cta{margin:16px 24px;display:block;text-align:center;padding:14px 20px}
  #mobile-cta{display:block}
  #hero-card-canvas{display:none}
  .hero-content{padding:40px 24px 80px}
  .hero-headline{grid-template-columns:1fr}
  .hero-statbar{flex-direction:row;width:100%;border-left:none;border-top:1px solid var(--ln);padding-left:0;padding-top:16px;margin-bottom:0;margin-top:16px;overflow-x:auto;gap:0}
  .hero-stat{padding:12px 16px;border-bottom:none;border-right:1px solid var(--ln2);min-width:80px;flex-shrink:0}
  .hero-stat:last-child{border-right:none}
  .hero-explanation{border-left:none;padding-left:0;border-top:2px solid var(--accent);padding-top:12px;margin-top:12px}
  .hero-bottom{flex-direction:column;gap:20px}
  .hero-cta-group{align-items:flex-start;width:100%}
  .hero-cta{width:100%;justify-content:center}
  .qh-grid{grid-template-columns:1fr}
  .qh-step{border-right:none;border-bottom:1px solid var(--ln)}
  .qh-step:last-child{border-bottom:none}
  .qh-connector{display:none}
  #quickhow{padding:40px 20px}
  #manifesto{padding:60px 24px 80px}
  .mani-grid{grid-template-columns:1fr}
  .mani-item:nth-child(even){border-right:none}
  .mani-item:nth-child(3),.mani-item:nth-child(4){border-bottom:1px solid #ccc}
  .mani-item:last-child{border-bottom:none}
  #matrix-break,#how,#viz-break,#showcase,#testimonials,#pricing,#funnel-section,#founders,#footer,#architects-rule{padding-left:24px;padding-right:24px}
  .mb-grid{grid-template-columns:repeat(2,1fr)}
  .id-grid{grid-template-columns:repeat(2,1fr)}
  .id-card:nth-child(5){border-right:1px solid var(--ln2)}
  .id-card:nth-child(2n){border-right:none}
  .id-card.custom-card{grid-column:span 2}
  .pt-item{grid-template-columns:60px 1fr}
  .pt-price{display:none}
  .rm-header{grid-template-columns:1fr}
  .rm-header-right{align-items:flex-start;min-width:auto;padding:0 32px 20px}
  .rm-body{grid-template-columns:1fr}
  .roadmap-visual{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
  .persona-g{grid-template-columns:1fr 1fr}
  .bundle-g{grid-template-columns:1fr}
  .b-card{border-right:none;border-bottom:1px solid var(--ln)}
  .b-card:last-child{border-bottom:none}
  .price-grid{grid-template-columns:1fr}
  .price-card{border-right:none;border-bottom:1px solid var(--ln)}
  .price-card:last-child{border-bottom:none}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .brut-divider{flex-direction:column;text-align:center;gap:16px}
  #theme-sw{bottom:80px}
  .sw-name{display:none}
  .testi-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;border:none;gap:0}
  .testi-card{min-width:280px;border:1px solid var(--ln);flex-shrink:0}
}

@media(max-width:400px){
  .hero-type{font-size:clamp(56px,18vw,80px)}
  .mb-grid{grid-template-columns:1fr}
  .persona-g{grid-template-columns:1fr}
  .id-grid{grid-template-columns:1fr}
  .id-card.custom-card{grid-column:1}
}