/* ============================================================
   ALPHA CYBERSECURITY — CLASSIFIED INTELLIGENCE TERMINAL v3.0
   Next-Level Design System · Copper/Amber Ops Aesthetic
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --black:          #000000;
  --void:           #030507;
  --deep:           #080c10;
  --surface:        #0d1117;
  --panel:          #111820;
  --border:         rgba(180,120,40,0.18);
  --border-bright:  rgba(200,140,50,0.45);
  --copper:         #c87941;
  --copper-light:   #e8963c;
  --copper-bright:  #ffaa44;
  --amber:          #ffb347;
  --amber-dim:      rgba(255,179,71,0.10);
  --amber-glow:     rgba(200,121,65,0.30);
  --text-primary:   #f0e8d8;
  --text-secondary: #a89880;
  --text-muted:     #5a4e42;
  --success:        #3ddc84;
  --font-display:   'Orbitron', monospace;
  --font-mono:      'Share Tech Mono', monospace;
  --font-body:      'Inter', sans-serif;
  --nav-h:          72px;
  --pad:            120px;
  --t:              0.25s ease;
  --t-slow:         0.6s cubic-bezier(0.16,1,0.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--void);color:var(--text-primary);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
::selection{background:var(--amber-glow);color:var(--copper-bright);}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--deep);}
::-webkit-scrollbar-thumb{background:var(--copper);border-radius:2px;}

/* SCANLINES */
body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.06) 2px,rgba(0,0,0,0.06) 4px);pointer-events:none;z-index:9999;}

/* PARTICLE CANVAS */
#particle-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.35;}

/* ── NAVBAR ── */
.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(3,5,7,0.7);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:all var(--t);}
.navbar.scrolled{background:rgba(3,5,7,0.97);border-bottom-color:var(--border-bright);}
.nav-brand{display:flex;align-items:center;gap:12px;}
.nav-brand img{height:30px;}
.nav-brand-text{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:0.18em;color:var(--text-primary);text-transform:uppercase;}
.nav-brand-text span{color:var(--copper-light);}
.nav-status{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;color:var(--success);letter-spacing:0.1em;margin-left:16px;}
.nav-status-dot{width:5px;height:5px;border-radius:50%;background:var(--success);animation:pdot 2s ease-in-out infinite;}
@keyframes pdot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(61,220,132,0.4);}50%{opacity:0.6;box-shadow:0 0 0 4px rgba(61,220,132,0);}}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-links a{font-family:var(--font-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-secondary);padding:8px 14px;border:1px solid transparent;transition:all var(--t);}
.nav-links a:hover{color:var(--copper-light);border-color:var(--border);}
.nav-dropdown{position:relative;}
.nav-dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:4px;}
.nav-dropdown-toggle::after{content:'▾';font-size:9px;transition:transform var(--t);}
.nav-dropdown:hover .nav-dropdown-toggle::after{transform:rotate(180deg);}
.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:230px;background:rgba(8,12,16,0.98);border:1px solid var(--border-bright);padding:8px 0;opacity:0;pointer-events:none;transition:opacity 0.2s ease;backdrop-filter:blur(20px);}/* invisible bridge fills gap so mouse doesn't lose hover */.nav-dropdown-menu::before{content:'';position:absolute;top:-18px;left:-12px;right:-12px;height:18px;}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;pointer-events:all;}
.nav-dropdown-menu a{display:block;padding:10px 20px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-secondary);transition:all var(--t);}
.nav-dropdown-menu a:hover{color:var(--copper-bright);background:var(--amber-dim);padding-left:28px;}
.nav-cta{font-family:var(--font-mono)!important;font-size:10px!important;letter-spacing:0.15em!important;color:var(--black)!important;background:var(--copper-light)!important;border:1px solid var(--copper-light)!important;padding:10px 20px!important;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all var(--t)!important;}
.nav-cta:hover{background:var(--copper-bright)!important;box-shadow:0 0 24px var(--amber-glow)!important;}

/* ── HERO ── */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:var(--nav-h);}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center right;background-repeat:no-repeat;}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(3,5,7,0.97) 0%,rgba(3,5,7,0.88) 38%,rgba(3,5,7,0.50) 68%,rgba(3,5,7,0.15) 100%);}
.hero::before,.hero::after{content:'';position:absolute;width:56px;height:56px;z-index:2;pointer-events:none;}
.hero::before{top:calc(var(--nav-h) + 24px);left:48px;border-top:1px solid var(--copper);border-left:1px solid var(--copper);animation:bpulse 3s ease-in-out infinite;}
.hero::after{bottom:24px;right:48px;border-bottom:1px solid var(--copper);border-right:1px solid var(--copper);animation:bpulse 3s ease-in-out infinite 1.5s;}
@keyframes bpulse{0%,100%{opacity:0.3;}50%{opacity:1;}}
.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:80px 48px;width:100%;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--copper-light);margin-bottom:28px;padding:8px 16px;border:1px solid var(--border-bright);background:rgba(200,121,65,0.07);}
.hero-eyebrow::before{content:'//';color:var(--text-muted);}
.hero-title{font-family:var(--font-display);font-size:clamp(40px,6vw,86px);font-weight:900;line-height:1.0;letter-spacing:-0.02em;color:var(--text-primary);margin-bottom:28px;max-width:680px;}
.hero-title em{font-style:normal;background:linear-gradient(135deg,var(--copper) 0%,var(--copper-bright) 50%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-sub{font-size:18px;font-weight:300;color:var(--text-secondary);max-width:500px;line-height:1.7;margin-bottom:48px;}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}

/* HUD PANEL */
.hero-hud{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:310px;z-index:3;}
.hud-header{background:rgba(200,121,65,0.12);border:1px solid var(--border-bright);border-bottom:none;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper-light);}
.hud-live{display:flex;align-items:center;gap:5px;color:var(--success);}
.hud-live::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--success);animation:pdot 1.5s ease-in-out infinite;}
.hud-body{background:rgba(8,12,16,0.93);border:1px solid var(--border-bright);padding:20px;backdrop-filter:blur(16px);}
.hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
.hud-metric{padding:12px;border:1px solid var(--border);background:rgba(200,121,65,0.03);}
.hud-metric-val{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--copper-bright);line-height:1;margin-bottom:4px;}
.hud-metric-label{font-family:var(--font-mono);font-size:8px;letter-spacing:0.1em;color:var(--text-muted);text-transform:uppercase;}
.hud-metric-sub{font-family:var(--font-mono);font-size:8px;color:var(--success);margin-top:2px;}
.hud-bars{display:flex;flex-direction:column;gap:7px;}
.hud-bar-row{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:8px;color:var(--text-secondary);letter-spacing:0.06em;}
.hud-bar-label{flex:0 0 100px;}
.hud-bar-track{flex:1;height:2px;background:rgba(255,255,255,0.05);position:relative;overflow:hidden;}
.hud-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--copper),var(--copper-bright));animation:bfill 2s ease-out forwards;}
@keyframes bfill{from{transform:scaleX(0);}to{transform:scaleX(1);}}
.hud-bar-pct{flex:0 0 28px;text-align:right;color:var(--copper-light);}
.hud-footer{border:1px solid var(--border);border-top:none;padding:8px 16px;background:rgba(3,5,7,0.9);font-family:var(--font-mono);font-size:8px;letter-spacing:0.12em;color:var(--text-muted);text-transform:uppercase;}

/* SCROLL INDICATOR */
.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono);font-size:8px;letter-spacing:0.2em;color:var(--text-muted);text-transform:uppercase;animation:ffloat 2s ease-in-out infinite;}
.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--copper),transparent);}
@keyframes ffloat{0%,100%{opacity:0.4;transform:translateX(-50%) translateY(0);}50%{opacity:0.8;transform:translateX(-50%) translateY(4px);}}

/* ── STATS BAR ── */
.stats-bar{position:relative;z-index:2;background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stats-inner{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--border);}
.stat-item{padding:36px 28px;border-right:1px solid var(--border);position:relative;overflow:hidden;transition:background var(--t);}
.stat-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--copper),transparent);transform:scaleX(0);transition:transform var(--t-slow);}
.stat-item:hover::before{transform:scaleX(1);}
.stat-item:hover{background:rgba(200,121,65,0.04);}
.stat-number{font-family:var(--font-display);font-size:40px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--copper) 0%,var(--copper-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;}
.stat-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;}
.stat-sub{font-family:var(--font-mono);font-size:8px;color:var(--success);letter-spacing:0.08em;}

/* ── SECTION HEADERS ── */
.section-header{text-align:center;margin-bottom:64px;}
.section-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:9px;letter-spacing:0.25em;text-transform:uppercase;color:var(--copper-light);margin-bottom:20px;}
.section-eyebrow::before,.section-eyebrow::after{content:'';width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--copper));}
.section-eyebrow::after{background:linear-gradient(90deg,var(--copper),transparent);}
.section-title{font-family:var(--font-display);font-size:clamp(26px,4vw,46px);font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:16px;}
.section-title em{font-style:normal;background:linear-gradient(135deg,var(--copper) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.section-sub{font-size:15px;color:var(--text-secondary);max-width:540px;margin:0 auto;line-height:1.7;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;text-decoration:none;padding:14px 28px;border:1px solid transparent;cursor:pointer;transition:all var(--t);position:relative;overflow:hidden;white-space:nowrap;}
.btn-primary{background:var(--copper-light);color:var(--black);border-color:var(--copper-light);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);}
.btn-primary:hover{background:var(--copper-bright);border-color:var(--copper-bright);box-shadow:0 0 30px rgba(200,121,65,0.5),0 0 60px rgba(200,121,65,0.2);transform:translateY(-1px);}
.btn-ghost{background:transparent;color:var(--copper-light);border-color:var(--border-bright);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);}
.btn-ghost:hover{background:var(--amber-dim);border-color:var(--copper-light);color:var(--copper-bright);box-shadow:0 0 20px rgba(200,121,65,0.2);}

/* ── SERVICES ── */
.services-section{position:relative;z-index:2;padding:var(--pad) 0;background:var(--void);}
/* 5-service grid: 3 top row, 2 bottom row centered */
.services-grid{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-items:stretch;}
.services-grid .service-card:nth-child(4){margin-left:0;}
.services-grid .service-card:nth-child(5){margin-right:0;}
.service-card{position:relative;background:var(--surface);border:1px solid var(--border);padding:40px;text-decoration:none;color:inherit;overflow:hidden;transition:all var(--t);display:flex;flex-direction:column;}
.service-card::before{content:'';position:absolute;top:0;left:0;width:36px;height:36px;border-top:2px solid var(--copper);border-left:2px solid var(--copper);transition:all var(--t);}
.service-card::after{content:'';position:absolute;bottom:0;right:0;width:36px;height:36px;border-bottom:2px solid transparent;border-right:2px solid transparent;transition:all var(--t);}
.service-card:hover{background:var(--panel);border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 40px rgba(200,121,65,0.07);}
.service-card:hover::before{width:56px;height:56px;}
.service-card:hover::after{width:56px;height:56px;border-color:var(--copper);}
.service-op-code{font-family:var(--font-mono);font-size:8px;letter-spacing:0.2em;color:var(--copper);text-transform:uppercase;margin-bottom:20px;opacity:0.7;}
.service-icon{width:48px;height:48px;background:var(--amber-dim);border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;transition:all var(--t);}
.service-card:hover .service-icon{background:rgba(200,121,65,0.18);box-shadow:0 0 20px rgba(200,121,65,0.25);}
.service-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:12px;line-height:1.3;}
.service-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;flex:1;}
.service-price{display:none;}
.service-cta{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper);text-transform:uppercase;display:flex;align-items:center;gap:8px;transition:all var(--t);}
.service-cta::after{content:'→';transition:transform var(--t);}
.service-card:hover .service-cta{color:var(--copper-bright);}
.service-card:hover .service-cta::after{transform:translateX(4px);}

/* ── PROCESS ── */
.process-section{position:relative;z-index:2;padding:var(--pad) 0;background:var(--deep);overflow:hidden;}
.process-section::before,.process-section::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent);}
.process-section::before{top:0;}
.process-section::after{bottom:0;}
.process-inner{max-width:1400px;margin:0 auto;padding:0 48px;}
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;}
.process-steps::before{content:'';position:absolute;top:40px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border-bright) 20%,var(--border-bright) 80%,transparent);z-index:0;}
.process-step{position:relative;z-index:1;padding:0 20px;text-align:center;}
.process-number{width:80px;height:80px;border:1px solid var(--border-bright);background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--copper-light);margin:0 auto 24px;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:all var(--t);}
.process-step:hover .process-number{background:var(--amber-dim);border-color:var(--copper-light);box-shadow:0 0 28px rgba(200,121,65,0.3);color:var(--copper-bright);}
.process-step-title{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:10px;letter-spacing:0.05em;}
.process-step-desc{font-size:12px;color:var(--text-secondary);line-height:1.6;}

/* ── TESTIMONIALS ── */
.testimonials-section{position:relative;z-index:2;padding:var(--pad) 0;background:var(--void);}
.testimonials-grid{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.testimonial-card{background:var(--surface);border:1px solid var(--border);padding:36px;position:relative;overflow:hidden;transition:all var(--t);}
.testimonial-card::before{content:'"';position:absolute;top:16px;right:24px;font-family:var(--font-display);font-size:80px;color:var(--copper);opacity:0.07;line-height:1;}
.testimonial-card:hover{border-color:var(--border-bright);background:var(--panel);box-shadow:0 20px 60px rgba(0,0,0,0.4);}
.testimonial-stars{display:flex;gap:3px;margin-bottom:20px;}
.testimonial-stars span{color:var(--copper-light);font-size:13px;}
.testimonial-text{font-size:13px;color:var(--text-secondary);line-height:1.8;margin-bottom:28px;font-style:italic;}
.testimonial-author{display:flex;align-items:center;gap:14px;}
.testimonial-avatar{width:44px;height:44px;background:var(--amber-dim);border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--copper-light);flex-shrink:0;}
.testimonial-name{font-family:var(--font-mono);font-size:10px;letter-spacing:0.1em;color:var(--text-primary);text-transform:uppercase;margin-bottom:3px;}
.testimonial-role{font-size:11px;color:var(--text-muted);}

/* ── LEAD MAGNET ── */
.lead-magnet-section{position:relative;z-index:2;padding:var(--pad) 0;background:var(--deep);overflow:hidden;}
.lead-magnet-inner{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.lead-magnet-title{font-family:var(--font-display);font-size:clamp(22px,3vw,36px);font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.2;}
.lead-magnet-title em{font-style:normal;color:var(--copper-light);}
.lead-magnet-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:28px;}
.lead-magnet-checklist{list-style:none;display:flex;flex-direction:column;gap:10px;}
.lead-magnet-checklist li{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.05em;color:var(--text-secondary);}
.lead-magnet-checklist li::before{content:'▸';color:var(--copper-light);flex-shrink:0;}
.lead-magnet-form-wrap{background:var(--surface);border:1px solid var(--border-bright);padding:4px;position:relative;}
.lead-magnet-form-wrap::before{content:'// SECURE DOWNLOAD';position:absolute;top:-10px;left:20px;font-family:var(--font-mono);font-size:8px;letter-spacing:0.2em;color:var(--copper);background:var(--deep);padding:0 8px;}
.lead-magnet-form-wrap iframe{width:100%;min-height:300px;border:none;display:block;}

/* ── FINAL CTA ── */
.final-cta{position:relative;z-index:2;padding:120px 0;background:var(--void);text-align:center;overflow:hidden;}
.final-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(200,121,65,0.06) 0%,transparent 70%);pointer-events:none;}
.final-cta-inner{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:0 48px;}
.final-cta-title{font-family:var(--font-display);font-size:clamp(26px,4vw,50px);font-weight:900;color:var(--text-primary);margin-bottom:20px;line-height:1.1;}
.final-cta-title em{font-style:normal;background:linear-gradient(135deg,var(--copper) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.final-cta-sub{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;}
.final-cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}

/* ── FOOTER ── */
.footer{position:relative;z-index:2;background:var(--deep);border-top:1px solid var(--border);padding:64px 0 0;}
.footer-inner{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-brand img{height:32px;margin-bottom:16px;}
.footer-brand-desc{font-size:12px;color:var(--text-muted);line-height:1.7;max-width:260px;margin-bottom:20px;}
.footer-social{display:flex;gap:10px;}
.footer-social a{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);transition:all var(--t);}
.footer-social a:hover{border-color:var(--copper);color:var(--copper-light);background:var(--amber-dim);}
.footer-col-title{font-family:var(--font-mono);font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--copper-light);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.footer-col ul{display:flex;flex-direction:column;gap:10px;}
.footer-col ul a{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;transition:color var(--t);}
.footer-col ul a::before{content:'›';color:var(--border-bright);transition:color var(--t);}
.footer-col ul a:hover{color:var(--copper-light);}
.footer-col ul a:hover::before{color:var(--copper-light);}
.footer-bottom{border-top:1px solid var(--border);padding:16px 48px;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.footer-terminal{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:0.05em;}
.footer-terminal .prompt{color:var(--copper);}
.cursor{display:inline-block;width:7px;height:11px;background:var(--copper);margin-left:2px;animation:cblink 1s step-end infinite;vertical-align:middle;}
@keyframes cblink{0%,100%{opacity:1;}50%{opacity:0;}}
.footer-copy{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:0.1em;}

/* ── PAGE HERO (inner pages) ── */
.page-hero{position:relative;padding:calc(var(--nav-h) + 80px) 0 80px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;}
.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.page-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,7,0.65) 0%,rgba(3,5,7,0.85) 55%,rgba(3,5,7,0.99) 100%);}
.page-hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 48px;width:100%;}
.page-hero-op{font-family:var(--font-mono);font-size:9px;letter-spacing:0.25em;color:var(--copper);text-transform:uppercase;margin-bottom:16px;opacity:0.8;}
.page-hero-title{font-family:var(--font-display);font-size:clamp(30px,5vw,62px);font-weight:900;line-height:1.05;color:var(--text-primary);margin-bottom:20px;max-width:680px;}
.page-hero-title em{font-style:normal;background:linear-gradient(135deg,var(--copper) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.page-hero-sub{font-size:16px;color:var(--text-secondary);max-width:540px;line-height:1.7;margin-bottom:36px;}
.page-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}

/* ── CONTENT SECTIONS ── */
.content-section{position:relative;z-index:2;padding:var(--pad) 0;}
.content-section.bg-deep{background:var(--deep);}
.content-section.bg-void{background:var(--void);}
.content-inner{max-width:1400px;margin:0 auto;padding:0 48px;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.glass-panel{background:rgba(13,17,23,0.8);border:1px solid var(--border);padding:40px;backdrop-filter:blur(20px);position:relative;}
.glass-panel::before{content:'';position:absolute;top:0;left:0;width:28px;height:28px;border-top:2px solid var(--copper);border-left:2px solid var(--copper);}
.check-list{list-style:none;display:flex;flex-direction:column;gap:10px;}
.check-list li{display:flex;align-items:flex-start;gap:14px;font-size:13px;color:var(--text-secondary);line-height:1.6;padding:12px 16px;border:1px solid var(--border);background:rgba(200,121,65,0.02);transition:all var(--t);}
.check-list li:hover{border-color:var(--border-bright);background:var(--amber-dim);color:var(--text-primary);}
.check-list li::before{content:'✓';color:var(--copper-light);font-family:var(--font-mono);font-size:11px;flex-shrink:0;margin-top:1px;}
.timeline{background:var(--surface);border:1px solid var(--border);padding:28px;}
.timeline-title{font-family:var(--font-mono);font-size:9px;letter-spacing:0.2em;color:var(--copper);text-transform:uppercase;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);}
.timeline-item{display:flex;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.03);}
.timeline-day{font-family:var(--font-mono);font-size:9px;color:var(--copper-light);flex:0 0 80px;letter-spacing:0.05em;}
.timeline-bar{flex:1;height:2px;background:var(--border);position:relative;}
.timeline-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--copper),var(--copper-bright));}
.timeline-event{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);flex:0 0 180px;text-align:right;letter-spacing:0.05em;}
.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}
.pricing-card{background:var(--surface);border:1px solid var(--border);padding:40px;position:relative;transition:all var(--t);}
.pricing-card.featured{border-color:var(--border-bright);background:var(--panel);}
.pricing-card.featured::before{content:'// RECOMMENDED';position:absolute;top:-10px;left:20px;font-family:var(--font-mono);font-size:8px;letter-spacing:0.2em;color:var(--copper);background:var(--panel);padding:0 8px;}
.pricing-tier{font-family:var(--font-mono);font-size:9px;letter-spacing:0.2em;color:var(--copper);text-transform:uppercase;margin-bottom:8px;}
.pricing-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px;}
.pricing-price{font-family:var(--font-display);font-size:34px;font-weight:900;background:linear-gradient(135deg,var(--copper) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border);}

/* CASE STUDY CARDS */
.case-card{background:var(--surface);border:1px solid var(--border);overflow:hidden;margin-bottom:2px;transition:all var(--t);}
.case-card:hover{border-color:var(--border-bright);box-shadow:0 20px 60px rgba(0,0,0,0.5);}
.case-card-header{background:var(--panel);border-bottom:1px solid var(--border);padding:18px 40px;display:flex;align-items:center;justify-content:space-between;}
.case-op-code{font-family:var(--font-mono);font-size:9px;letter-spacing:0.2em;color:var(--copper);text-transform:uppercase;}
.case-stamp{font-family:var(--font-mono);font-size:8px;letter-spacing:0.15em;color:var(--success);border:1px solid var(--success);padding:3px 10px;text-transform:uppercase;opacity:0.7;}
.case-card-body{padding:40px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:start;}
.case-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.3;}
.case-desc{font-size:13px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px;}
.case-author{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.case-author-avatar{width:40px;height:40px;background:var(--amber-dim);border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--copper-light);flex-shrink:0;}
.case-author-name{font-family:var(--font-mono);font-size:10px;letter-spacing:0.1em;color:var(--text-primary);text-transform:uppercase;}
.case-author-role{font-size:11px;color:var(--text-muted);}
.case-deliverables-title{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper);text-transform:uppercase;margin-bottom:12px;}
.case-metrics{display:flex;flex-direction:column;gap:2px;min-width:190px;}
.case-metric{background:var(--panel);border:1px solid var(--border);padding:18px 22px;text-align:center;}
.case-metric-val{font-family:var(--font-display);font-size:30px;font-weight:900;background:linear-gradient(135deg,var(--copper) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:6px;}
.case-metric-label{font-family:var(--font-mono);font-size:8px;letter-spacing:0.15em;color:var(--text-muted);text-transform:uppercase;}
.case-card-footer{padding:18px 40px;border-top:1px solid var(--border);display:flex;gap:12px;}

/* ABOUT PAGE */
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.principle-card{background:var(--surface);border:1px solid var(--border);padding:36px;position:relative;overflow:hidden;transition:all var(--t);}
.principle-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--copper),var(--amber));transform:scaleX(0);transform-origin:left;transition:transform var(--t-slow);}
.principle-card:hover::before{transform:scaleX(1);}
.principle-card:hover{border-color:var(--border-bright);}
.principle-number{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--border-bright);line-height:1;margin-bottom:16px;opacity:0.35;}
.principle-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--copper-light);margin-bottom:12px;letter-spacing:0.05em;}
.principle-desc{font-size:12px;color:var(--text-secondary);line-height:1.7;}

/* BOOK PAGE */
.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;align-items:start;}
.book-info{background:var(--surface);border:1px solid var(--border);padding:48px;}
.book-cal{background:var(--surface);border:1px solid var(--border-bright);padding:4px;position:relative;}
.book-cal::before{content:'// SCHEDULE BRIEFING';position:absolute;top:-10px;left:20px;font-family:var(--font-mono);font-size:8px;letter-spacing:0.2em;color:var(--copper);background:var(--void);padding:0 8px;}
.book-faq{margin-top:32px;display:flex;flex-direction:column;gap:2px;}
.faq-item{background:var(--panel);border:1px solid var(--border);padding:20px 24px;}
.faq-q{font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;color:var(--copper-light);margin-bottom:8px;display:flex;align-items:flex-start;gap:8px;}
.faq-q::before{content:'Q:';color:var(--text-muted);flex-shrink:0;}
.faq-a{font-size:12px;color:var(--text-secondary);line-height:1.6;padding-left:24px;}

/* SCROLL ANIMATIONS */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s cubic-bezier(0.16,1,0.3,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.1s;}
.reveal-delay-2{transition-delay:0.2s;}
.reveal-delay-3{transition-delay:0.3s;}
.reveal-delay-4{transition-delay:0.4s;}
.reveal-delay-5{transition-delay:0.5s;}

/* GLITCH */
.glitch{position:relative;}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;-webkit-background-clip:text;background-clip:text;}
.glitch::before{left:2px;animation:g1 4s infinite linear;clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);}
.glitch::after{left:-2px;animation:g2 4s infinite linear;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);}
@keyframes g1{0%,90%,100%{transform:translate(0);opacity:0;}91%{transform:translate(-2px,1px);opacity:0.4;}93%{transform:translate(2px,-1px);opacity:0.4;}95%{transform:translate(0);opacity:0;}}
@keyframes g2{0%,88%,100%{transform:translate(0);opacity:0;}89%{transform:translate(2px,1px);opacity:0.4;}91%{transform:translate(-2px,-1px);opacity:0.4;}93%{transform:translate(0);opacity:0;}}

/* RESPONSIVE */
@media(max-width:1100px){.hero-hud{display:none;}.stats-inner{grid-template-columns:repeat(2,1fr);}.services-grid{grid-template-columns:1fr;}.process-steps{grid-template-columns:repeat(3,1fr);gap:24px;}.process-steps::before{display:none;}.testimonials-grid{grid-template-columns:1fr;}.lead-magnet-inner{grid-template-columns:1fr;gap:40px;}.two-col{grid-template-columns:1fr;gap:40px;}.pricing-grid{grid-template-columns:1fr;}.case-card-body{grid-template-columns:1fr;}.principles-grid{grid-template-columns:1fr;}.book-grid{grid-template-columns:1fr;}.footer-inner{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){:root{--pad:72px;}.navbar{padding:0 24px;}.nav-links{display:none;}.hero-content,.stats-inner,.services-grid,.testimonials-grid,.content-inner,.process-inner,.lead-magnet-inner,.final-cta-inner,.footer-inner{padding:0 24px;}.process-steps{grid-template-columns:1fr 1fr;}.footer-inner{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;gap:8px;text-align:center;padding:16px 24px;}}

/* ── REVEAL ANIMATIONS ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.12s;}
.reveal-delay-2{transition-delay:0.24s;}
.reveal-delay-3{transition-delay:0.36s;}
.reveal-delay-4{transition-delay:0.48s;}

/* ── CONTENT SECTIONS (inner pages) ── */
.content-section{position:relative;z-index:2;padding:var(--pad) 0;}
.content-inner{max-width:1400px;margin:0 auto;padding:0 48px;}
.content-two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}

/* ── ABOUT PAGE ── */
.about-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);margin-bottom:2px;}
.about-stat{background:var(--surface);padding:24px;text-align:center;}
.about-stat-val{font-family:var(--font-display);font-size:32px;font-weight:900;background:linear-gradient(135deg,var(--copper),var(--copper-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;}
.about-stat-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.12em;color:var(--text-muted);text-transform:uppercase;}
.about-clearance-box{background:var(--surface);border:1px solid var(--border-bright);padding:20px;}
.about-clearance-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper-light);margin-bottom:12px;}
.about-clearance-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);letter-spacing:0.08em;}
.about-clearance-item:last-child{border-bottom:none;}
.about-clearance-status{color:var(--success);font-size:9px;}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.diff-card{background:var(--surface);border:1px solid var(--border);padding:36px;transition:all var(--t);}
.diff-card:hover{border-color:var(--border-bright);background:var(--panel);}
.diff-icon{font-size:20px;color:var(--copper-light);margin-bottom:16px;}
.diff-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:12px;}
.diff-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;}
.directives-list{display:flex;flex-direction:column;gap:2px;}
.directive{display:grid;grid-template-columns:80px 1fr;gap:32px;background:var(--surface);border:1px solid var(--border);padding:36px;align-items:start;transition:all var(--t);}
.directive:hover{border-color:var(--border-bright);}
.directive-num{font-family:var(--font-display);font-size:36px;font-weight:900;color:var(--border-bright);line-height:1;}
.directive-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:10px;}
.directive-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;}

/* ── CASE STUDIES ── */
.case-card{background:var(--surface);border:1px solid var(--border);margin-bottom:2px;overflow:hidden;transition:border-color var(--t);}
.case-card:hover{border-color:var(--border-bright);}
.case-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 36px;border-bottom:1px solid var(--border);}
.case-op-code{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper-light);text-transform:uppercase;margin-bottom:10px;}
.case-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3;max-width:700px;}
.case-stamp{font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:0.1em;color:var(--copper-bright);border:2px solid var(--copper-bright);padding:10px 14px;text-align:center;line-height:1.4;flex-shrink:0;transform:rotate(2deg);box-shadow:0 0 20px rgba(200,121,65,0.2);}
.case-body{padding:32px 36px;display:grid;grid-template-columns:1fr auto 1fr;gap:32px;border-bottom:1px solid var(--border);}
.case-context-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper-light);text-transform:uppercase;margin-bottom:12px;}
.case-context-text{font-size:13px;color:var(--text-secondary);line-height:1.8;}
.case-metrics{display:flex;flex-direction:column;gap:2px;min-width:140px;}
.case-metric{background:var(--deep);border:1px solid var(--border);padding:16px;text-align:center;}
.case-metric-val{font-family:var(--font-display);font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--copper),var(--copper-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;}
.case-metric-label{font-family:var(--font-mono);font-size:8px;letter-spacing:0.1em;color:var(--text-muted);text-transform:uppercase;}
.case-del-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper-light);text-transform:uppercase;margin-bottom:12px;}
.case-del-list{display:flex;flex-direction:column;gap:6px;}
.case-del-list span{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.06em;color:var(--text-secondary);}
.case-del-list span::before{content:'▸';color:var(--copper);flex-shrink:0;}
.case-quote{padding:24px 36px;background:rgba(200,121,65,0.05);border-left:3px solid var(--copper);font-size:14px;color:var(--text-secondary);font-style:italic;line-height:1.7;}
.case-quote-attr{font-family:var(--font-mono);font-size:10px;color:var(--copper-light);font-style:normal;margin-top:10px;letter-spacing:0.08em;}

/* ── SERVICE PAGES ── */
.scope-list{display:flex;flex-direction:column;gap:24px;}
.scope-item{display:flex;gap:16px;align-items:flex-start;}
.scope-icon{font-size:14px;color:var(--copper-light);flex-shrink:0;margin-top:3px;font-family:var(--font-display);}
.scope-title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:0.03em;}
.scope-desc{font-size:12px;color:var(--text-secondary);line-height:1.7;}
.deliverables-panel{background:var(--surface);border:1px solid var(--border-bright);overflow:hidden;}
.del-panel-header{background:rgba(200,121,65,0.12);padding:14px 20px;font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper-light);border-bottom:1px solid var(--border);}
.del-item{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:10px;letter-spacing:0.06em;color:var(--text-secondary);}
.del-check{color:var(--success);flex-shrink:0;}
.del-timeline{padding:16px 20px;background:var(--deep);}
.del-timeline-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper-light);margin-bottom:10px;}
.del-timeline-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);}
.del-timeline-item:last-child{border-bottom:none;}
.del-timeline-item span:first-child{color:var(--copper-light);}
.del-price{font-family:var(--font-mono);font-size:9px;letter-spacing:0.06em;color:var(--text-secondary);line-height:1.7;padding:12px 14px;border:1px solid var(--border);background:rgba(200,121,65,0.04);margin-bottom:20px;display:block;}

/* ── PRICING ── */
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:900px;margin:0 auto;}
.pricing-card{background:var(--surface);border:1px solid var(--border);padding:40px;position:relative;}
.pricing-featured{border-color:var(--border-bright);background:var(--panel);}
.pricing-featured-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:8px;letter-spacing:0.15em;color:var(--black);background:var(--copper-light);padding:4px 16px;white-space:nowrap;}
.pricing-tier{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:0.15em;color:var(--copper-light);text-transform:uppercase;margin-bottom:12px;}
.pricing-price{font-family:var(--font-display);font-size:36px;font-weight:900;background:linear-gradient(135deg,var(--copper),var(--copper-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;}
.pricing-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border);}
.pricing-includes{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--copper-light);margin-bottom:12px;}
.pricing-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(180,120,40,0.08);font-family:var(--font-mono);font-size:10px;letter-spacing:0.05em;color:var(--text-secondary);}

/* ── COMPARISON ── */
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:800px;margin:0 auto 64px;}
.comparison-col{padding:36px;border:1px solid var(--border);}
.comparison-bad{background:rgba(255,68,68,0.04);border-color:rgba(255,68,68,0.2);}
.comparison-good{background:rgba(61,220,132,0.04);border-color:rgba(61,220,132,0.2);}
.comparison-label{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:12px;}
.comparison-bad .comparison-label{color:rgba(255,120,120,0.8);}
.comparison-good .comparison-label{color:var(--success);}
.comparison-cost{font-family:var(--font-display);font-size:28px;font-weight:900;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border);}
.comparison-bad .comparison-cost{color:rgba(255,120,120,0.8);}
.comparison-good .comparison-cost{background:linear-gradient(135deg,var(--copper),var(--copper-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.comparison-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-family:var(--font-mono);font-size:10px;letter-spacing:0.05em;border-bottom:1px solid rgba(180,120,40,0.08);}
.comparison-item.bad{color:rgba(255,120,120,0.7);}
.comparison-item.bad::before{content:'x';color:rgba(255,68,68,0.6);}
.comparison-item.good{color:var(--text-secondary);}
.comparison-item.good::before{content:'v';color:var(--success);}

/* ── BOOK PAGE ── */
.book-faq{margin-top:40px;border-top:1px solid var(--border);padding-top:32px;}
.book-faq-title{font-family:var(--font-mono);font-size:9px;letter-spacing:0.2em;color:var(--copper-light);margin-bottom:20px;}
.book-faq-item{margin-bottom:20px;}
.book-faq-q{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:8px;}
.book-faq-a{font-size:13px;color:var(--text-secondary);line-height:1.7;}

/* ── FINAL CTA ── */
.final-cta{position:relative;z-index:2;padding:var(--pad) 0;background:var(--void);overflow:hidden;}
.final-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(200,121,65,0.08) 0%,transparent 70%);}
.final-cta-inner{max-width:800px;margin:0 auto;padding:0 48px;text-align:center;position:relative;z-index:1;}
.final-cta-title{font-family:var(--font-display);font-size:clamp(28px,4vw,52px);font-weight:900;color:var(--text-primary);margin-bottom:20px;line-height:1.1;}
.final-cta-title em{background:linear-gradient(135deg,var(--copper),var(--copper-bright),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.final-cta-sub{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;}
.final-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

/* ── LEAD MAGNET ── */
.lead-magnet-section{position:relative;z-index:2;padding:var(--pad) 0;background:var(--deep);overflow:hidden;}
.lead-magnet-inner{max-width:1400px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.lead-magnet-title{font-family:var(--font-display);font-size:clamp(22px,3vw,36px);font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.2;}
.lead-magnet-title em{background:linear-gradient(135deg,var(--copper),var(--copper-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.lead-magnet-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:28px;}
.lead-magnet-checklist{list-style:none;display:flex;flex-direction:column;gap:10px;}
.lead-magnet-checklist li{display:flex;align-items:flex-start;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.05em;color:var(--text-secondary);}
.lead-magnet-checklist li::before{content:'v';color:var(--copper-light);flex-shrink:0;margin-top:1px;}
.lead-magnet-form-wrap{background:var(--surface);border:1px solid var(--border-bright);overflow:hidden;}
.lead-magnet-form-wrap iframe{width:100%;min-height:380px;display:block;border:none;}

/* ── FOOTER ── */
.footer{position:relative;z-index:2;background:var(--deep);border-top:1px solid var(--border);}
.footer-inner{max-width:1400px;margin:0 auto;padding:64px 48px 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;}
.footer-brand img{height:28px;margin-bottom:16px;}
.footer-brand-desc{font-size:12px;color:var(--text-muted);line-height:1.7;margin-bottom:20px;}
.footer-social{display:flex;gap:8px;}
.footer-social a{width:32px;height:32px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);transition:all var(--t);}
.footer-social a:hover{border-color:var(--copper-light);color:var(--copper-light);}
.footer-col-title{font-family:var(--font-mono);font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--copper-light);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.footer-col ul{display:flex;flex-direction:column;gap:8px;}
.footer-col ul li a{font-family:var(--font-mono);font-size:10px;letter-spacing:0.08em;color:var(--text-muted);transition:color var(--t);}
.footer-col ul li a:hover{color:var(--copper-light);}
.footer-bottom{border-top:1px solid var(--border);padding:20px 48px;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.footer-terminal{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:8px;}
.prompt{color:var(--copper-light);}
.cursor{display:inline-block;width:7px;height:12px;background:var(--copper-light);animation:blink 1s step-end infinite;vertical-align:middle;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}
.footer-copy{font-family:var(--font-mono);font-size:9px;letter-spacing:0.12em;color:var(--text-muted);}

/* ── MOBILE NAV TOGGLE ── */
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;width:22px;height:1px;background:var(--copper-light);transition:all var(--t);}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .hero-hud{display:none;}
  .services-grid{grid-template-columns:1fr 1fr;}
  .case-body{grid-template-columns:1fr;}
  .content-two-col{grid-template-columns:1fr;gap:48px;}
  .pricing-grid{grid-template-columns:1fr;}
  .comparison-grid{grid-template-columns:1fr;}
  .diff-grid{grid-template-columns:1fr;}
  .stats-inner{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  :root{--pad:72px;}
  .navbar{padding:0 24px;}
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
  .hero-content,.stats-inner,.services-grid,.testimonials-grid,.content-inner,.process-inner,.lead-magnet-inner,.final-cta-inner,.footer-inner{padding:0 24px;}
  .services-grid{grid-template-columns:1fr;}
  .testimonials-grid{grid-template-columns:1fr;}
  .process-steps{grid-template-columns:1fr 1fr;}
  .footer-inner{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center;padding:16px 24px;}
  .lead-magnet-inner{grid-template-columns:1fr;gap:40px;}
  .case-header{flex-direction:column;}
  .case-stamp{align-self:flex-start;}
}

/* ============================================================
   TIER 1+2 UPGRADES — Boot, Cursor, Ticker, Glitch, Video Hero
   ============================================================ */

/* ── BOOT SCREEN ────────────────────────────────────────────── */
#boot-screen {
  position: fixed; inset: 0; z-index: 99999;
  background: #000;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-mono);
  overflow: hidden;
}
/* Matrix rain canvas behind the boot content */
#boot-screen canvas {
  position: absolute; inset: 0; opacity: 0.18; pointer-events: none;
}
.boot-inner {
  position: relative; z-index: 2;
  text-align: center; width: 480px; padding: 40px;
}
/* The actual logo image — same as navbar */
.boot-logo-img {
  width: 120px; height: 120px;
  margin: 0 auto 32px;
  display: block;
  filter: drop-shadow(0 0 24px rgba(200,121,65,0.8)) drop-shadow(0 0 60px rgba(200,121,65,0.35));
  animation: bootLogoIn 0.8s cubic-bezier(0.16,1,0.3,1) both, bootLogoPulse 2s ease-in-out 0.8s infinite alternate;
}
@keyframes bootLogoIn {
  from { opacity: 0; transform: scale(0.4) rotate(-15deg); filter: drop-shadow(0 0 60px rgba(200,121,65,1)) brightness(3); }
  to   { opacity: 1; transform: scale(1) rotate(0deg); }
}
@keyframes bootLogoPulse {
  from { filter: drop-shadow(0 0 20px rgba(200,121,65,0.6)) drop-shadow(0 0 50px rgba(200,121,65,0.2)); }
  to   { filter: drop-shadow(0 0 36px rgba(200,121,65,1))   drop-shadow(0 0 80px rgba(200,121,65,0.5)); }
}
/* Rotating ring around the logo */
.boot-ring {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 140px; height: 140px; margin-top: -10px;
  border: 1px solid rgba(200,121,65,0.35);
  border-radius: 50%;
  animation: bootRingSpin 4s linear infinite;
}
.boot-ring::before {
  content: '';
  position: absolute; top: -3px; left: 50%; transform: translateX(-50%);
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--copper-bright);
  box-shadow: 0 0 12px var(--copper-bright);
}
.boot-ring-outer {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 168px; height: 168px; margin-top: -24px;
  border: 1px dashed rgba(200,121,65,0.15);
  border-radius: 50%;
  animation: bootRingSpin 10s linear infinite reverse;
}
@keyframes bootRingSpin { from { transform: translateX(-50%) rotate(0deg); } to { transform: translateX(-50%) rotate(360deg); } }
.boot-logo-wrap { position: relative; width: 120px; margin: 0 auto 48px; }
.boot-brand {
  font-family: var(--font-display); font-size: 13px; font-weight: 700;
  letter-spacing: 0.28em; color: var(--text-primary); text-transform: uppercase;
  margin-bottom: 4px;
}
.boot-brand span { color: var(--copper-light); }
.boot-tagline {
  font-size: 9px; color: var(--text-muted); letter-spacing: 0.22em;
  text-transform: uppercase; margin-bottom: 32px;
}
.boot-line {
  font-size: 11px; color: #39ff14; min-height: 20px;
  margin-bottom: 20px; letter-spacing: 0.1em;
}
.boot-bar {
  width: 100%; height: 2px;
  background: rgba(200,121,65,0.12); margin-bottom: 12px;
  position: relative; overflow: hidden;
}
.boot-bar::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent, rgba(200,121,65,0.4), transparent);
  animation: bootScan 1.5s ease-in-out infinite;
}
@keyframes bootScan { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.boot-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, var(--copper), var(--copper-bright));
  transition: width 0.3s ease;
  box-shadow: 0 0 10px rgba(200,121,65,0.7);
  position: relative; z-index: 1;
}
.boot-status {
  font-size: 9px; color: var(--text-muted);
  letter-spacing: 0.18em; text-transform: uppercase;
}

/* ── CUSTOM CURSOR ──────────────────────────────────────────── */
@media (pointer: fine) {
  body { cursor: none; }
  a, button, .service-card, .op-card, .case-card { cursor: none; }
}
#alpha-cursor {
  position: fixed; top: 0; left: 0; z-index: 99998;
  width: 40px; height: 40px; pointer-events: none;
  opacity: 0; transition: opacity 0.2s;
}
.c-ring {
  position: absolute; inset: 0;
  border: 1.5px solid rgba(200,121,65,0.65);
  border-radius: 50%;
  transition: transform 0.18s ease, border-color 0.2s, box-shadow 0.2s;
}
.c-dot {
  position: absolute; top: 50%; left: 50%;
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--copper-light);
  box-shadow: 0 0 8px var(--copper);
  transform: translate(-50%,-50%);
}
.c-h { position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: rgba(200,121,65,0.4); transform: translateY(-50%); }
.c-v { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: rgba(200,121,65,0.4); transform: translateX(-50%); }
#alpha-cursor.hovering .c-ring {
  transform: scale(1.7);
  border-color: var(--copper-bright);
  box-shadow: 0 0 20px rgba(200,121,65,0.4);
}

/* ── MOUSE SPOTLIGHT ────────────────────────────────────────── */
#mouse-spotlight {
  position: fixed; inset: 0; z-index: 1; pointer-events: none;
}

/* ── THREAT TICKER ──────────────────────────────────────────── */
#threat-ticker {
  position: fixed; top: 0; left: 0; right: 0; z-index: 9990;
  height: 26px; overflow: hidden;
  background: rgba(0,0,0,0.92);
  border-bottom: 1px solid rgba(200,121,65,0.18);
  display: flex; align-items: center;
}
.ticker-label {
  flex-shrink: 0; padding: 0 14px;
  font-family: var(--font-mono); font-size: 9px;
  color: var(--copper); letter-spacing: 0.14em;
  border-right: 1px solid rgba(200,121,65,0.2);
  white-space: nowrap; text-transform: uppercase;
}
.ticker-track {
  display: flex; align-items: center;
  white-space: nowrap;
  animation: tickerScroll 65s linear infinite;
}
@keyframes tickerScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.t-item {
  font-family: var(--font-mono); font-size: 9px;
  color: rgba(240,232,216,0.55); letter-spacing: 0.08em;
  padding: 0 32px;
  display: inline-flex; align-items: center; gap: 8px;
}
.t-dot {
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--copper); box-shadow: 0 0 6px var(--copper);
  flex-shrink: 0; animation: pdot 1.4s ease infinite;
}

/* ── NAVBAR OFFSET FOR TICKER ───────────────────────────────── */
.navbar { top: 26px !important; }
.hero { padding-top: calc(var(--nav-h) + 26px) !important; }
.page-hero { padding-top: calc(var(--nav-h) + 26px + 40px) !important; }

/* ── TYPEWRITER CURSOR ──────────────────────────────────────── */
.tw-cursor {
  color: var(--copper); font-family: var(--font-mono);
  animation: twBlink 0.8s step-end infinite;
  display: inline;
}
@keyframes twBlink { 0%,100% { opacity: 1; } 50% { opacity: 0; } }

/* ── VIDEO HERO BACKGROUND ──────────────────────────────────── */
.hero-video-wrap {
  position: absolute; inset: 0; z-index: 0; overflow: hidden;
}
.hero-video-bg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; opacity: 0.3;
}
.hero-bg-fallback {
  position: absolute; inset: 0;
  background-image: url('../images/hero-globe.png');
  background-size: cover; background-position: center;
  opacity: 0.3; display: none;
}

/* ── PARALLAX LAYERS ────────────────────────────────────────── */
.hero-video-wrap,
.hero-bg { will-change: transform; }

/* ── 3D SERVICE CARD FLIP ───────────────────────────────────── */
.service-card-3d {
  perspective: 1100px;
  height: 300px;
}
.service-card-3d .service-card-inner {
  position: relative; width: 100%; height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.7s cubic-bezier(0.4,0,0.2,1);
}
.service-card-3d:hover .service-card-inner { transform: rotateY(180deg); }
.service-card-3d .service-front,
.service-card-3d .service-back {
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.service-card-3d .service-back {
  transform: rotateY(180deg);
  background: rgba(200,121,65,0.07);
  border: 1px solid rgba(200,121,65,0.4);
  padding: 28px;
  display: flex; flex-direction: column; justify-content: space-between;
}
.service-back-title {
  font-family: var(--font-display); font-size: 13px; font-weight: 600;
  color: var(--copper-bright); margin-bottom: 14px;
  letter-spacing: 0.05em;
}
.service-back-list { list-style: none; flex: 1; }
.service-back-list li {
  font-family: var(--font-mono); font-size: 10px;
  color: rgba(240,232,216,0.7); padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  letter-spacing: 0.06em;
}
.service-back-list li::before { content: '✓ '; color: #39ff14; }
.service-back-cta {
  display: inline-block; margin-top: 16px;
  font-family: var(--font-mono); font-size: 10px;
  letter-spacing: 0.14em; text-transform: uppercase;
  padding: 10px 20px;
  background: linear-gradient(135deg, var(--copper), var(--copper-bright));
  color: #000; font-weight: 700;
  clip-path: polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  transition: box-shadow 0.2s;
}
.service-back-cta:hover { box-shadow: 0 0 20px rgba(200,121,65,0.5); }


/* ── BREADCRUMB ─────────────────────────────────────────────── */
.breadcrumb {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
  padding: 10px var(--gap);
  border-bottom: 1px solid rgba(200,121,65,0.12);
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
  position: relative; z-index: 100;
}
.breadcrumb a {
  color: var(--copper-light);
  text-decoration: none;
  transition: color 0.2s;
}
.breadcrumb a:hover { color: var(--copper-bright); }
.breadcrumb .bc-sep {
  color: var(--copper);
  margin: 0 8px;
  opacity: 0.6;
}
.breadcrumb .bc-current {
  color: var(--text-primary);
}

/* ============================================================
   RESPONSIVE OPTIMISATION — All Device Types
   Breakpoints: 1100px (tablet-landscape), 768px (tablet),
                480px (large phone), 380px (small phone)
   ============================================================ */

/* ── FIX: breadcrumb padding (--gap is undefined) ── */
.breadcrumb { padding: 10px 48px; }

/* ── FIX: mobile nav menu visibility ── */
.nav-links.mobile-open {
  display: flex !important;
  flex-direction: column;
  position: fixed;
  top: calc(26px + var(--nav-h));
  left: 0; right: 0;
  background: rgba(3,5,7,0.98);
  border-bottom: 1px solid var(--border-bright);
  padding: 16px 0;
  z-index: 999;
  gap: 0;
}
.nav-links.mobile-open li { width: 100%; }
.nav-links.mobile-open a {
  display: block;
  padding: 14px 24px;
  font-size: 11px;
  border-bottom: 1px solid var(--border);
}
.nav-links.mobile-open .nav-dropdown-menu {
  position: static;
  transform: none;
  width: 100%;
  opacity: 1;
  pointer-events: all;
  border: none;
  border-top: 1px solid var(--border);
  padding: 0;
  background: rgba(0,0,0,0.4);
}
.nav-links.mobile-open .nav-dropdown-menu a {
  padding: 12px 36px;
  font-size: 10px;
}
.nav-links.mobile-open .nav-cta {
  margin: 12px 24px 4px;
  display: block;
  text-align: center;
  clip-path: none !important;
}

/* ── TABLET LANDSCAPE (≤1100px) ── */
@media (max-width: 1100px) {
  .breadcrumb { padding: 10px 32px; }
  .hero-content { padding: 60px 32px; }
  .content-inner { padding: 0 32px; }
  .process-inner { padding: 0 32px; }
  .services-grid { padding: 0 32px; }
  .testimonials-grid { padding: 0 32px; }
  .lead-magnet-inner { padding: 0 32px; }
  .final-cta-inner { padding: 0 32px; }
  .footer-inner { padding: 0 32px; }
  .footer-bottom { padding: 16px 32px; }
  .page-hero-content { padding: 0 32px; }
  .stats-inner { padding: 0 32px; }
  /* 3D cards: disable flip on tablet (no hover on touch) */
  .service-card-3d { height: auto; min-height: 260px; }
  .service-card-3d .service-card-inner { transform: none !important; }
  .service-card-3d .service-back { display: none; }
  .service-card-3d .service-front { position: relative; inset: auto; }
  /* Directive layout */
  .directive { grid-template-columns: 60px 1fr; gap: 20px; }
}

/* ── TABLET PORTRAIT (≤768px) ── */
@media (max-width: 768px) {
  :root { --pad: 64px; }

  /* Global padding */
  .breadcrumb { padding: 10px 20px; }
  .hero-content { padding: 48px 20px; }
  .content-inner { padding: 0 20px; }
  .process-inner { padding: 0 20px; }
  .services-grid { padding: 0 20px; }
  .testimonials-grid { padding: 0 20px; }
  .lead-magnet-inner { padding: 0 20px; }
  .final-cta-inner { padding: 0 20px; }
  .footer-inner { padding: 0 20px; }
  .footer-bottom { padding: 16px 20px; }
  .page-hero-content { padding: 0 20px; }
  .stats-inner { padding: 0 20px; }

  /* Boot screen */
  .boot-inner { width: 100%; max-width: 380px; padding: 28px 20px; }
  .boot-logo-img { width: 90px; height: 90px; }
  .boot-logo-wrap { width: 90px; }
  .boot-ring { width: 110px; height: 110px; margin-top: -10px; }
  .boot-ring-outer { width: 134px; height: 134px; margin-top: -22px; }
  .boot-brand { font-size: 11px; }

  /* Hero */
  .hero { min-height: 90vh; }
  .hero-title { font-size: clamp(30px, 8vw, 52px); }
  .hero-sub { font-size: 15px; }
  .hero-actions { flex-direction: column; align-items: flex-start; gap: 12px; }
  .hero-scroll { display: none; }
  /* Corner brackets too large on mobile */
  .hero::before, .hero::after { width: 32px; height: 32px; }
  .hero::before { left: 20px; }
  .hero::after { right: 20px; }

  /* Stats */
  .stats-inner { grid-template-columns: 1fr 1fr; }
  .stat-item { padding: 24px 16px; }
  .stat-number { font-size: 28px; }

  /* Services grid */
  .services-grid { grid-template-columns: 1fr; }
  .service-card { padding: 28px 24px; }

  /* Process steps */
  .process-steps { grid-template-columns: 1fr 1fr; gap: 20px; }
  .process-steps::before { display: none; }
  .process-number { width: 60px; height: 60px; font-size: 18px; }

  /* Testimonials */
  .testimonials-grid { grid-template-columns: 1fr; }

  /* Lead magnet */
  .lead-magnet-inner { grid-template-columns: 1fr; gap: 32px; }

  /* Footer */
  .footer-inner { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }

  /* Content two-col */
  .content-two-col { grid-template-columns: 1fr; gap: 40px; }
  .two-col { grid-template-columns: 1fr; gap: 40px; }

  /* Case studies */
  .case-header { flex-direction: column; gap: 12px; }
  .case-stamp { align-self: flex-start; transform: none; }
  .case-body { grid-template-columns: 1fr; gap: 24px; padding: 24px 20px; }
  .case-metrics { flex-direction: row; flex-wrap: wrap; min-width: 0; }
  .case-metric { flex: 1 1 120px; }
  .case-card-header { padding: 14px 20px; }
  .case-card-footer { padding: 14px 20px; flex-wrap: wrap; }

  /* About page */
  .principles-grid { grid-template-columns: 1fr; }
  .diff-grid { grid-template-columns: 1fr; }
  .directive { grid-template-columns: 1fr; gap: 8px; padding: 24px 20px; }
  .directive-num { font-size: 28px; }

  /* Book page */
  .book-grid { grid-template-columns: 1fr; }
  .book-info { padding: 28px 24px; }

  /* Pricing / comparison */
  .pricing-grid { grid-template-columns: 1fr; }
  .comparison-grid { grid-template-columns: 1fr; }
  .pricing-card { padding: 28px 24px; }

  /* Buttons */
  .btn { white-space: normal; text-align: center; justify-content: center; }
  .btn-primary, .btn-ghost { clip-path: none; }

  /* Page hero */
  .page-hero { min-height: 320px; }
  .page-hero-content { padding: 0 20px; }

  /* Section headers */
  .section-header { margin-bottom: 40px; }

  /* Glass panel */
  .glass-panel { padding: 24px 20px; }

  /* Timeline */
  .del-timeline-item { flex-direction: column; gap: 2px; }
  .del-timeline-item span:last-child { color: var(--text-muted); font-size: 9px; }
}

/* ── LARGE PHONE (≤480px) ── */
@media (max-width: 480px) {
  :root { --pad: 48px; --nav-h: 60px; }

  /* Navbar */
  .navbar { padding: 0 16px; }
  .nav-brand-text { display: none; }  /* show only logo icon on very small screens */
  .nav-status { display: none; }

  /* Boot screen */
  .boot-inner { padding: 24px 16px; }
  .boot-logo-img { width: 72px; height: 72px; }
  .boot-logo-wrap { width: 72px; margin-bottom: 36px; }
  .boot-ring { width: 90px; height: 90px; }
  .boot-ring-outer { width: 110px; height: 110px; }
  .boot-brand { font-size: 10px; letter-spacing: 0.2em; }
  .boot-tagline { font-size: 8px; }
  .boot-line { font-size: 10px; }
  .boot-status { font-size: 8px; }

  /* Breadcrumb */
  .breadcrumb { padding: 8px 16px; font-size: 9px; }

  /* Hero */
  .hero-content { padding: 36px 16px; }
  .hero-eyebrow { font-size: 8px; padding: 6px 10px; }
  .hero-title { font-size: clamp(26px, 7vw, 40px); }
  .hero-sub { font-size: 14px; }

  /* Stats — single column on tiny screens */
  .stats-inner { grid-template-columns: 1fr; }
  .stat-item { padding: 20px 16px; border-right: none; border-bottom: 1px solid var(--border); }

  /* Process steps */
  .process-steps { grid-template-columns: 1fr; }

  /* Content */
  .content-inner { padding: 0 16px; }
  .services-grid { padding: 0 16px; }
  .testimonials-grid { padding: 0 16px; }
  .lead-magnet-inner { padding: 0 16px; }
  .final-cta-inner { padding: 0 16px; }
  .footer-inner { padding: 0 16px; }
  .footer-bottom { padding: 12px 16px; }
  .page-hero-content { padding: 0 16px; }
  .stats-inner { padding: 0 16px; }
  .process-inner { padding: 0 16px; }

  /* Case studies */
  .case-header { padding: 20px 16px; }
  .case-body { padding: 20px 16px; }
  .case-quote { padding: 16px; }

  /* Cards */
  .service-card { padding: 24px 16px; }
  .testimonial-card { padding: 24px 20px; }
  .glass-panel { padding: 20px 16px; }
  .book-info { padding: 24px 16px; }
  .pricing-card { padding: 24px 16px; }

  /* Section titles */
  .section-title { font-size: clamp(22px, 6vw, 32px); }

  /* Footer */
  .footer-inner { gap: 24px; }
  .footer-bottom { font-size: 8px; }

  /* Ticker: hide on very small screens to reclaim space */
  #threat-ticker { display: none; }
  .navbar { top: 0 !important; }
  .hero { padding-top: var(--nav-h) !important; }
  .page-hero { padding-top: calc(var(--nav-h) + 40px) !important; }
  .breadcrumb { top: 0; }
}

/* ── SMALL PHONE (≤380px) ── */
@media (max-width: 380px) {
  .hero-title { font-size: 24px; }
  .boot-logo-img { width: 60px; height: 60px; }
  .boot-logo-wrap { width: 60px; }
  .boot-ring { width: 76px; height: 76px; }
  .boot-ring-outer { width: 94px; height: 94px; }
  .nav-brand img { height: 24px; }
  .stat-number { font-size: 24px; }
}

/* ── TOUCH DEVICES: disable hover-only interactions ── */
@media (hover: none) {
  /* 3D card flip: show back content inline instead */
  .service-card-3d { height: auto; }
  .service-card-3d .service-card-inner { transform: none !important; transition: none; }
  .service-card-3d .service-back { display: none; }
  .service-card-3d .service-front { position: relative; inset: auto; }
  /* Disable parallax transform that can cause jank on touch */
  .hero-video-wrap, .hero-bg { will-change: auto; }
}

/* ── LANDSCAPE PHONE ── */
@media (max-width: 768px) and (orientation: landscape) {
  .hero { min-height: 100vh; }
  .boot-inner { padding: 16px 24px; }
  .boot-logo-img { width: 60px; height: 60px; margin-bottom: 16px; }
  .boot-logo-wrap { margin-bottom: 28px; }
}

/* ── HAMBURGER ANIMATION (mobile nav toggle) ── */
.nav-toggle[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0; transform: scaleX(0);
}
.nav-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

/* ── IFRAME RESPONSIVE (lead magnet + book page) ── */
.lead-magnet-form-wrap iframe,
.book-cal iframe {
  width: 100%;
  min-height: 320px;
}
@media (max-width: 480px) {
  .lead-magnet-form-wrap iframe,
  .book-cal iframe {
    min-height: 260px;
  }
}

/* ── DELIVERABLES PANEL RESPONSIVE ── */
@media (max-width: 768px) {
  .deliverables-panel { margin-top: 0; }
  .del-price { font-size: 18px; }
}

/* ── CONTENT-INNER MAX-WIDTH FIX ── */
/* Ensure the services section header wrapper has the same max-width as services-grid */
.services-section .content-inner {
  max-width: 1400px;
  margin: 0 auto;
}

/* ── FOOTER TYPEWRITER ── */
/* Animates the footer terminal text via CSS since JS only handles data-typewriter */
.footer-terminal .typewriter {
  display: inline;
  overflow: hidden;
  white-space: nowrap;
  border-right: none;
}
.footer-terminal .typewriter::after {
  content: attr(data-text);
  display: inline;
  animation: footerTypeIn 2.5s steps(50, end) 1.2s both;
}
@keyframes footerTypeIn {
  from { clip-path: inset(0 100% 0 0); }
  to   { clip-path: inset(0 0% 0 0); }
}

/* ── SCOPE TABLE (service pages) ──────────────────────────────── */
.scope-table {
  border: 1px solid var(--border);
  overflow: hidden;
}
.scope-table-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid var(--border);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--text-secondary);
  transition: background var(--t);
}
.scope-table-row:last-child { border-bottom: none; }
.scope-table-row:hover { background: rgba(200,121,65,0.03); }
.scope-table-header {
  background: rgba(200,121,65,0.07);
  color: var(--copper-light);
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.scope-yes {
  color: var(--success);
  font-size: 14px;
  font-weight: 700;
}
.scope-add {
  color: var(--copper-light);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* ── DIFF GRID (about page) ──────────────────────────────────── */
.diff-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
.diff-icon {
  font-size: 20px;
  color: var(--copper-light);
  margin-bottom: 16px;
}
.diff-title {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 12px;
}
.diff-desc {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.7;
}
@media (max-width: 768px) {
  .diff-grid { grid-template-columns: 1fr; }
  .scope-table-row { font-size: 10px; padding: 12px 14px; }
}

/* ── BRIEFING FORM (book.html) ──────────────────────────────── */
.briefing-form { display: flex; flex-direction: column; gap: 14px; }
.bform-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bform-field { display: flex; flex-direction: column; gap: 6px; }
.bform-label {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.2em;
  color: var(--copper-light);
  text-transform: uppercase;
}
.bform-input {
  background: var(--void);
  border: 1px solid var(--border);
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  padding: 10px 14px;
  outline: none;
  transition: border-color var(--t), box-shadow var(--t);
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
.bform-input::placeholder { color: var(--text-muted); }
.bform-input:focus {
  border-color: var(--copper);
  box-shadow: 0 0 0 1px var(--copper), inset 0 0 12px rgba(200,121,65,0.05);
}
.bform-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c87941'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
  cursor: pointer;
}
.bform-select option { background: var(--deep); color: var(--text-primary); }
.bform-textarea { resize: vertical; min-height: 100px; }
@media (max-width: 600px) {
  .bform-row { grid-template-columns: 1fr; }
}