/* BRUTE ONE v5 — "The Conversation" */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
    --bg-void:#030508;--bg-glass:rgba(10,18,32,0.35);--bg-glass-strong:rgba(10,18,32,0.55);
    --neon-green:#39ff14;--neon-amber:#ffab00;--neon-cyan:#00e5ff;
    --neon-magenta:#ff2d78;--neon-purple:#b14eff;--neon-red:#ff4444;
    --text-bright:#e4eaf0;--text-primary:#a8b4c4;--text-dim:#3e4c62;
    --border:rgba(57,255,20,0.1);--border-glass:rgba(57,255,20,0.08);
    --glow-green:0 0 8px rgba(57,255,20,0.15),0 0 30px rgba(57,255,20,0.05);
    --glow-green-strong:0 0 15px rgba(57,255,20,0.3),0 0 50px rgba(57,255,20,0.1);
}
html{scroll-behavior:smooth}
body{font-family:'Rajdhani',sans-serif;background:var(--bg-void);color:var(--text-primary);overflow-x:hidden;font-weight:500;line-height:1.6}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,0.012) 2px,rgba(0,0,0,0.012) 4px)}
.accent-green{color:var(--neon-green);text-shadow:0 0 20px rgba(57,255,20,0.4)}
.section-container{max-width:1140px;margin:0 auto;padding:0 24px}
.hex-dot{display:inline-block;width:8px;height:8px;background:var(--neon-green);flex-shrink:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}
.hex-dot.hex-amber{background:var(--neon-amber)}.hex-dot.hex-cyan{background:var(--neon-cyan)}.hex-dot.hex-magenta{background:var(--neon-magenta)}

/* GLITCH */
.glitch{position:relative;animation:glitchText 4s steps(1) infinite}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.glitch::before{color:var(--neon-magenta);z-index:-1;animation:glitchBefore 4s steps(1) infinite}
.glitch::after{color:var(--neon-cyan);z-index:-2;animation:glitchAfter 4s steps(1) infinite}
@keyframes glitchText{0%,100%{transform:none}4%{transform:translate(-3px,1px) skewX(-2deg)}5%{transform:none}42%{transform:translate(2px,-1px)}43%{transform:none}77%{transform:translate(-1px,2px) skewX(1deg)}78%{transform:none}}
@keyframes glitchBefore{0%,100%{clip-path:inset(0 0 100% 0)}4%{clip-path:inset(20% 0 40% 0);transform:translateX(-4px)}5%{clip-path:inset(0 0 100% 0)}42%{clip-path:inset(60% 0 10% 0);transform:translateX(3px)}43%{clip-path:inset(0 0 100% 0)}77%{clip-path:inset(10% 0 70% 0);transform:translateX(-2px)}78%{clip-path:inset(0 0 100% 0)}}
@keyframes glitchAfter{0%,100%{clip-path:inset(100% 0 0 0)}4%{clip-path:inset(50% 0 20% 0);transform:translateX(4px)}5%{clip-path:inset(100% 0 0 0)}42%{clip-path:inset(10% 0 60% 0);transform:translateX(-3px)}43%{clip-path:inset(100% 0 0 0)}77%{clip-path:inset(70% 0 5% 0);transform:translateX(2px)}78%{clip-path:inset(100% 0 0 0)}}

/* NAV */
.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 24px;backdrop-filter:blur(20px);background:rgba(3,5,8,0.85);border-bottom:1px solid var(--border);transition:all 0.3s}
.nav-scrolled{border-bottom-color:rgba(57,255,20,0.2);box-shadow:0 2px 30px rgba(0,0,0,0.5)}
.nav-container{max-width:1140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}
.nav-brand{font-family:'Orbitron',sans-serif;font-size:20px;font-weight:700;color:var(--text-bright);letter-spacing:4px;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:15px;font-weight:600;color:var(--text-dim);text-decoration:none;letter-spacing:1px;transition:color 0.2s}
.nav-links a:hover{color:var(--neon-green)}
.nav-cta{padding:10px 22px !important;background:rgba(57,255,20,0.06) !important;border:1px solid rgba(57,255,20,0.2);color:var(--neon-green) !important;font-weight:700 !important;letter-spacing:2px !important;font-size:13px !important;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));transition:all 0.2s}
.nav-toggle{display:none;background:none;border:1px solid var(--border);width:40px;height:40px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{width:20px;height:2px;background:var(--neon-green)}

/* ═══ HERO ═══ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 24px 50px;overflow:hidden}
#neural-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%}
.hero-avatar{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-46%);width:auto;height:115vh;max-height:1200px;opacity:0.12;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 35%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 72%)}
.hero-bg-layers{position:absolute;inset:0;z-index:2;pointer-events:none}
.scan-line{position:absolute;left:0;right:0;height:2px;top:-2px;background:linear-gradient(90deg,transparent,rgba(57,255,20,0.2),transparent);animation:scanDown 6s linear infinite}
@keyframes scanDown{0%{top:-2px}100%{top:100%}}
.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);animation:orbFloat 20s ease-in-out infinite}
.glow-orb-1{width:600px;height:600px;background:var(--neon-green);top:-15%;left:-10%;opacity:0.07}
.glow-orb-2{width:500px;height:500px;background:var(--neon-magenta);bottom:-10%;right:-5%;opacity:0.05;animation-delay:-7s}
@keyframes orbFloat{0%,100%{transform:translate(0,0)}33%{transform:translate(40px,-30px)}66%{transform:translate(-30px,40px)}}

.hero-content{position:relative;z-index:3;max-width:900px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border:1px solid var(--border);margin-bottom:14px;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--text-dim);letter-spacing:4px;backdrop-filter:blur(10px);background:rgba(57,255,20,0.02);animation:fadeIn 0.8s ease}
.hero-tagline{font-family:'Rajdhani',sans-serif;font-size:28px;font-weight:500;color:var(--text-dim);letter-spacing:3px;margin-bottom:10px;min-height:42px;animation:fadeIn 0.8s ease 0.1s both}
.hero-tagline .keyword{color:var(--neon-amber);font-weight:700;transition:all 0.3s}
.hero-tagline .keyword.final{color:var(--neon-green);font-size:34px;font-weight:800;text-shadow:0 0 30px rgba(57,255,20,0.5)}
.hero-tagline .cursor-tag{color:var(--neon-green);animation:blink 0.6s step-end infinite}
.hero-title{font-family:'Orbitron',sans-serif;font-size:clamp(64px,12vw,120px);font-weight:900;color:var(--text-bright);letter-spacing:12px;line-height:1;margin-bottom:20px;animation:fadeIn 0.8s ease 0.2s both}
.hero-subtitle{font-size:24px;font-weight:400;color:var(--text-primary);line-height:1.6;margin-bottom:32px;animation:fadeIn 0.8s ease 0.3s both}
.hero-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;margin-bottom:36px;animation:fadeIn 0.8s ease 0.4s both}
.hero-benefit{display:flex;align-items:center;gap:8px;font-family:'Share Tech Mono',monospace;font-size:14px;color:var(--neon-green);letter-spacing:1px}
.hero-benefit .hex-dot{width:6px;height:6px}
.hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:40px;animation:fadeIn 0.8s ease 0.5s both}
@keyframes fadeIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}

/* BUTTONS */
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 42px;background:var(--neon-green);color:#030508;text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:17px;letter-spacing:3px;transition:all 0.25s;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.btn-primary::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);transform:rotate(45deg) translateX(-100%);transition:transform 0.5s}
.btn-primary:hover::before{transform:rotate(45deg) translateX(100%)}
.btn-primary:hover{box-shadow:var(--glow-green-strong);transform:translateY(-2px)}
.btn-arrow{font-size:12px}
.btn-ghost{display:inline-flex;align-items:center;padding:16px 42px;background:transparent;border:1px solid rgba(57,255,20,0.15);color:var(--text-primary);text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:17px;letter-spacing:3px;transition:all 0.25s}
.btn-ghost:hover{border-color:rgba(57,255,20,0.5);color:var(--neon-green);box-shadow:var(--glow-green)}
.btn-full{width:100%;justify-content:center}

/* PROMPT BOX */
.hero-prompt{max-width:680px;margin:0 auto;animation:fadeIn 0.8s ease 0.7s both}
.prompt-box{background:var(--bg-glass);backdrop-filter:blur(20px);border:1px solid rgba(57,255,20,0.12);overflow:hidden;cursor:pointer;transition:all 0.3s;text-decoration:none;display:block}
.prompt-box:hover{border-color:rgba(57,255,20,0.3);box-shadow:var(--glow-green)}
.prompt-box:hover .prompt-send{background:var(--neon-green);color:#030508}
.prompt-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(57,255,20,0.03);border-bottom:1px solid rgba(57,255,20,0.06)}
.prompt-dots{display:flex;gap:6px}
.prompt-dots span{width:8px;height:8px;border-radius:50%}
.prompt-dots .d-r{background:#ff5f57}.prompt-dots .d-a{background:#ffbd2e}.prompt-dots .d-g{background:#28c840}
.prompt-label{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--text-dim);letter-spacing:2px;margin-left:8px}
.prompt-body{display:flex;align-items:center;padding:16px 18px;gap:12px}
.prompt-prefix{font-family:'Share Tech Mono',monospace;font-size:15px;color:var(--neon-amber);white-space:nowrap}
.prompt-text{flex:1;font-family:'Share Tech Mono',monospace;font-size:16px;color:var(--text-primary)}
.prompt-cursor{display:inline-block;width:9px;height:18px;background:var(--neon-green);vertical-align:text-bottom;margin-left:2px;animation:blink 0.6s step-end infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.prompt-send{padding:10px 20px;background:rgba(57,255,20,0.08);border:1px solid rgba(57,255,20,0.15);color:var(--neon-green);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;letter-spacing:2px;transition:all 0.2s}
.prompt-tag{text-align:center;margin-top:14px;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--text-dim);letter-spacing:3px}

/* VIDEO DEMO */
.video-section{padding:60px 0 40px}
.video-wrapper{max-width:900px;margin:0 auto;border:1px solid rgba(57,255,20,0.15);background:var(--bg-glass);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 0 40px rgba(57,255,20,0.05)}
.video-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(57,255,20,0.03);border-bottom:1px solid rgba(57,255,20,0.06)}
.video-container{position:relative;aspect-ratio:16/9;background:#000}
.video-container video{width:100%;height:100%;object-fit:cover}
.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.video-placeholder-text{font-family:'Orbitron',sans-serif;font-size:24px;color:var(--text-dim);text-align:center;letter-spacing:4px}
.video-container video:not([src=""]) ~ .video-placeholder{display:none}

/* MARQUEE */
.tool-marquee{overflow:hidden;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(57,255,20,0.01);position:relative}
.tool-marquee::before,.tool-marquee::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}
.tool-marquee::before{left:0;background:linear-gradient(90deg,var(--bg-void),transparent)}
.tool-marquee::after{right:0;background:linear-gradient(90deg,transparent,var(--bg-void))}
.marquee-track{display:flex;gap:48px;animation:marquee 30s linear infinite;width:max-content}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee-item{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:600;letter-spacing:4px;white-space:nowrap;display:flex;align-items:center;gap:12px}
.marquee-item .hex-dot{width:5px;height:5px}
.m-green{color:var(--neon-green);opacity:0.6}.m-cyan{color:var(--neon-cyan);opacity:0.6}.m-amber{color:var(--neon-amber);opacity:0.6}.m-magenta{color:var(--neon-magenta);opacity:0.6}.m-purple{color:var(--neon-purple);opacity:0.6}

/* DATA STREAM */
.data-stream{height:28px;position:relative;overflow:hidden}
.data-stream::before{content:'01001000 01000001 01000011 01001011 00100000 01010100 01001000 01000101 00100000 01010000 01001100 01000001 01001110 01000101 01010100';position:absolute;white-space:nowrap;font-family:'Share Tech Mono',monospace;font-size:10px;color:rgba(57,255,20,0.06);letter-spacing:2px;top:50%;transform:translateY(-50%);animation:dataScroll 40s linear infinite}
@keyframes dataScroll{0%{transform:translateY(-50%) translateX(0)}100%{transform:translateY(-50%) translateX(-50%)}}

/* ═══ SECTION TITLES ═══ */
.section-title{text-align:center;padding:48px 24px 16px;font-family:'Share Tech Mono',monospace;font-size:clamp(14px,2.5vw,18px);letter-spacing:6px;color:var(--text-dim)}
.section-hash{color:var(--neon-green);font-weight:700;margin-right:8px}

/* ═══ CONVERSATION SYSTEM ═══ */
.convo-section{padding:40px 0;position:relative;background-image:linear-gradient(rgba(57,255,20,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,0.025) 1px,transparent 1px);background-size:40px 40px;background-position:center center}
.convo-section + .convo-section{padding-top:10px}
.convo{max-width:1000px;margin:0 auto;padding:0 24px}

/* Chat message */
.msg{display:flex;gap:16px;margin-bottom:28px;animation:msgIn 0.5s ease both;max-width:78%}
.msg.right{flex-direction:row-reverse;margin-left:auto}
@keyframes msgIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.msg-avatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid var(--text-dim);box-shadow:0 0 20px rgba(0,0,0,0.4)}
.msg-avatar img{width:100%;height:100%;object-fit:cover}
.msg-avatar.glow-red{border-color:var(--neon-red);border-width:3px;box-shadow:0 0 18px rgba(255,68,68,0.3)}
.msg-avatar.glow-blue{border-color:var(--neon-cyan);border-width:3px;box-shadow:0 0 18px rgba(0,229,255,0.3)}
.msg-avatar.glow-green{border-color:var(--neon-green);border-width:3px;box-shadow:0 0 18px rgba(57,255,20,0.35)}

.msg-bubble{flex:1;padding:26px 30px;backdrop-filter:blur(12px);border:1px solid var(--border-glass);max-width:780px}
.msg-name{font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:3px;margin-bottom:8px;opacity:0.7}
.msg-text{font-size:22px;font-weight:500;color:var(--text-bright);line-height:1.65}

/* Pain messages (RIGHT side - visitor identifies with them) */
.msg-bubble.pain{background:rgba(255,68,68,0.04);border:1px solid rgba(255,68,68,0.08);border-right:3px solid rgba(255,68,68,0.3);border-left:1px solid rgba(255,68,68,0.08)}
.msg-bubble.pain .msg-name{color:var(--neon-red)}

.msg-bubble.noob{background:rgba(0,229,255,0.04);border:1px solid rgba(0,229,255,0.08);border-right:3px solid rgba(0,229,255,0.3);border-left:1px solid rgba(0,229,255,0.08)}
.msg-bubble.noob .msg-name{color:var(--neon-cyan)}

/* Solution messages (LEFT side - Brute One answers) */
.msg-bubble.solution{background:rgba(57,255,20,0.04);border-color:rgba(57,255,20,0.1);border-left:3px solid rgba(57,255,20,0.4);box-shadow:0 0 20px rgba(57,255,20,0.03)}
.msg-bubble.solution .msg-name{color:var(--neon-green)}

/* Visual elements between messages */
.convo-visual{margin:20px 0 32px;text-align:left;padding-left:96px}
.convo-visual-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:3px;border:2px solid;background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);animation:tagPulse 2.5s ease infinite}
@keyframes tagPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 15px rgba(255,171,0,0.15)}}
.tag-soon{color:var(--neon-amber);border-color:rgba(255,171,0,0.35);background:rgba(255,171,0,0.06)}
.tag-green{color:var(--neon-green);border-color:rgba(57,255,20,0.2)}

/* BETA badge */
.beta-badge{display:inline-block;padding:2px 8px;font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--neon-amber);border:1px solid rgba(255,171,0,0.3);background:rgba(255,171,0,0.08);vertical-align:middle;margin-left:8px;border-radius:2px}
.beta-title{display:inline-block;padding:6px 16px;font-family:'Share Tech Mono',monospace;font-size:clamp(14px,2vw,20px);letter-spacing:4px;color:var(--neon-amber);border:2px solid rgba(255,171,0,0.4);background:rgba(255,171,0,0.08);animation:tagPulse 2.5s ease infinite}
.hero-beta{margin-bottom:20px;animation:fadeIn 0.8s ease 0.25s both}
.footer-beta{padding:16px 0;margin-bottom:16px;border-bottom:1px solid var(--border);font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--text-dim);line-height:1.7;letter-spacing:0.5px}

/* ═══ OPPORTUNITY SECTION ═══ */
.opportunity-section{padding:60px 0;text-align:center;background-image:linear-gradient(rgba(57,255,20,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,0.025) 1px,transparent 1px);background-size:40px 40px;background-position:center center}
.opportunity-content{max-width:700px;margin:0 auto;padding:0 24px}
.opportunity-vulns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px}
.opp-tag{padding:8px 18px;font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:3px;color:var(--neon-green);border:1px solid rgba(57,255,20,0.2);background:rgba(57,255,20,0.04)}
.opportunity-range{font-family:'Orbitron',sans-serif;font-size:clamp(36px,6vw,56px);font-weight:700;color:var(--text-bright);margin-bottom:8px}
.opportunity-per{font-size:clamp(16px,2.5vw,22px);color:var(--neon-green);font-weight:400}
.opportunity-text{font-size:20px;color:var(--text-bright);line-height:1.7;margin:24px 0 16px;font-weight:500}
.opportunity-highlight{font-size:18px;color:var(--neon-amber);line-height:1.7;margin:16px 0;font-weight:500;padding:16px 24px;border:1px solid rgba(255,171,0,0.15);background:rgba(255,171,0,0.04)}
.opportunity-sub{font-family:'Share Tech Mono',monospace;font-size:18px;color:var(--neon-green);letter-spacing:2px;line-height:2;margin-top:24px}
.opportunity-sub-line{display:block}
.opportunity-sub-cta{font-size:22px;font-weight:700;color:var(--text-bright);margin-top:8px;letter-spacing:4px;text-shadow:0 0 20px rgba(57,255,20,0.3)}

/* ═══ COMPARISON TABLE ═══ */
.compare{padding:60px 0;background-image:linear-gradient(rgba(57,255,20,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,0.025) 1px,transparent 1px);background-size:40px 40px;background-position:center center}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto;padding:0 24px}
.compare-card{padding:36px 28px;backdrop-filter:blur(16px);border:1px solid;overflow:hidden;position:relative}
.compare-bad{background:rgba(255,68,68,0.03);border-color:rgba(255,68,68,0.12)}
.compare-bad h3{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--neon-red);letter-spacing:2px;margin-bottom:20px}
.compare-good{background:rgba(57,255,20,0.04);border-color:rgba(57,255,20,0.15);box-shadow:var(--glow-green)}
.compare-good h3{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--neon-green);letter-spacing:2px;margin-bottom:20px}
.compare-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.04);font-size:15px;color:var(--text-primary)}
.compare-line:last-child{border-bottom:none}
.compare-line .val{font-family:'Share Tech Mono',monospace;font-weight:600;font-size:14px}
.compare-line .val.bad{color:var(--neon-red)}
.compare-line .val.good{color:var(--neon-green)}
.compare-total{margin-top:20px;padding-top:16px;border-top:2px solid}
.compare-bad .compare-total{border-color:rgba(255,68,68,0.2)}
.compare-good .compare-total{border-color:rgba(57,255,20,0.2)}
.compare-total .total-label{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:var(--text-bright);letter-spacing:2px}
.compare-total .total-value{font-family:'Orbitron',sans-serif;font-size:28px;font-weight:900;margin-top:4px}
.compare-bad .total-value{color:var(--neon-red)}
.compare-good .total-value{color:var(--neon-green)}
.compare-total .total-sub{font-size:14px;color:var(--text-dim);margin-top:4px}

/* ═══ PRICING ═══ */
.pricing{padding:80px 0;position:relative;background-image:linear-gradient(rgba(57,255,20,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,0.025) 1px,transparent 1px);background-size:40px 40px;background-position:center center}
/* Annual perks */
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:0 auto;padding:0 24px}
.pricing-card{padding:40px 32px;background:var(--bg-glass);backdrop-filter:blur(20px);border:1px solid var(--border-glass);overflow:hidden;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:all 0.3s;position:relative}
.pricing-card.annual{border-color:rgba(57,255,20,0.25)}
.pricing-glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:400px;height:400px;background:var(--neon-green);filter:blur(150px);opacity:0.05;pointer-events:none}
.pricing-save{display:inline-block;margin-top:6px;padding:4px 14px;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--neon-green);letter-spacing:1px;border:1px solid rgba(57,255,20,0.2);background:rgba(57,255,20,0.06)}
.pricing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.pricing-name{font-family:'Orbitron',sans-serif;font-size:16px;font-weight:700;color:var(--text-bright);letter-spacing:2px}
.pricing-badge{padding:4px 12px;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:2px;border:1px solid}
.badge-flex{color:var(--neon-green);border-color:rgba(57,255,20,0.2);background:rgba(57,255,20,0.04)}
.badge-best{color:var(--neon-amber);border-color:rgba(255,171,0,0.25);background:rgba(255,171,0,0.06)}
.pricing-amount{margin-bottom:8px}
.price-currency{font-family:'Orbitron',sans-serif;font-size:22px;font-weight:700;color:var(--text-dim);vertical-align:top}
.price-value{font-family:'Orbitron',sans-serif;font-size:64px;font-weight:900;color:var(--text-bright);line-height:1}
.price-period{font-size:16px;color:var(--text-dim)}
.pricing-sub{font-size:13px;color:var(--text-dim);margin-bottom:24px;font-family:'Share Tech Mono',monospace}
.pricing-sub-bright{font-size:14px;color:var(--text-bright);margin-bottom:24px;font-family:'Share Tech Mono',monospace;opacity:0.8}
.pricing-features-spaced li{padding:18px 0;border-bottom:1px solid var(--border)}
.pricing-features-spaced li:last-child{border-bottom:none}
.pricing-footnote{text-align:center;margin-top:32px;padding:0 24px;font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--text-dim);letter-spacing:0.5px}
.pricing-footnote a{color:var(--neon-green);text-decoration:none;border-bottom:1px solid rgba(57,255,20,0.3)}
.pricing-footnote a:hover{border-bottom-color:var(--neon-green)}
.pricing-features{list-style:none;margin-bottom:32px}
.pricing-features li{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:15px;color:var(--text-primary);border-bottom:1px solid rgba(57,255,20,0.04)}
.pricing-features li:last-child{border-bottom:none}

/* CLOSE CTA */
.close-section{padding:80px 0;text-align:center;background-image:linear-gradient(rgba(57,255,20,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,0.025) 1px,transparent 1px);background-size:40px 40px;background-position:center center}
.close-section .msg{justify-content:flex-start;max-width:78%}
.close-section .msg .msg-bubble{max-width:100%}
.close-cta{margin-top:40px}

/* FOOTER */
.site-footer{padding:60px 0 40px;border-top:1px solid var(--border)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{font-family:'Orbitron',sans-serif;font-size:18px;font-weight:700;color:var(--text-bright);letter-spacing:4px}
.footer-tagline{font-size:13px;color:var(--text-dim);margin-top:8px;font-family:'Share Tech Mono',monospace;letter-spacing:2px}
.footer-by{font-size:13px;color:var(--text-dim);margin-top:10px}.footer-by a{color:var(--neon-green);text-decoration:none}
.footer-cred{font-size:11px;color:var(--text-dim);margin-top:10px;line-height:1.7;font-family:'Share Tech Mono',monospace}
.footer-links h4{font-family:'Orbitron',sans-serif;font-size:11px;font-weight:600;color:var(--text-bright);letter-spacing:3px;margin-bottom:16px}
.footer-links a{display:block;font-size:13px;color:var(--text-dim);text-decoration:none;padding:4px 0;transition:color 0.2s}
.footer-links a:hover{color:var(--neon-green)}
.footer-bottom{padding-top:24px;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--text-dim);font-family:'Share Tech Mono',monospace}
.footer-bottom a{color:var(--neon-green);text-decoration:none}

/* RESPONSIVE */
@media(max-width:768px){
    .compare-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px}
    .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
    .hero-benefits{flex-direction:column;align-items:center}
    .hero-cta{flex-direction:column;align-items:center}
    .msg{gap:12px}.msg-avatar{width:56px;height:56px}.msg-text{font-size:18px}.msg-bubble{padding:18px 20px}
}
@media(max-width:640px){
    .footer-grid{grid-template-columns:1fr}.pricing-card{padding:28px 20px}
    .nav-links{display:none}
    .nav-links.nav-open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;bottom:0;background:rgba(3,5,8,0.96);padding:32px;gap:24px;backdrop-filter:blur(20px)}
    .nav-toggle{display:flex}
}
.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ═══ WOOCOMMERCE & GENERIC PAGES ═══ */

/* Top padding to clear fixed nav */
body.wp-singular .site-content,
body.archive .site-content,
body.search .site-content,
body.error404 .site-content{padding-top:100px}

/* Base layout for all non-home pages */
body:not(.home) .site-content{max-width:1100px;margin:0 auto;padding-left:24px;padding-right:24px;padding-bottom:40px;min-height:60vh}
body:not(.home) .site-content,
body:not(.home) .site-content *:not(.btn-primary):not(.btn-ghost):not(.nav-brand):not(.nav-cta):not(.beta-badge):not(.accent-green){color:var(--text-bright)}
body:not(.home) .site-content a:not(.btn-primary):not(.btn-ghost):not(.nav-cta){color:var(--neon-green)}
body:not(.home) .site-content h1,
body:not(.home) .site-content h2,
body:not(.home) .site-content h3{font-family:'Orbitron',sans-serif;color:var(--text-bright)!important}
body:not(.home) .site-content img{max-width:100%;height:auto}

/* Hide sidebar on all non-home pages */
body:not(.home) .widget-area,body:not(.home) .sidebar,body:not(.home) aside#secondary{display:none}
body:not(.home) #primary{width:100%;float:none}

/* ─── Single Product Page ─── */
body.single-product .site-content div.product{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin:24px 0}
body.single-product .product_title.entry-title{font-family:'Orbitron',sans-serif;font-size:28px!important;margin-bottom:16px!important}
body.single-product .price{color:var(--neon-green)!important;font-family:'Orbitron',sans-serif;font-size:28px!important;display:block;margin-bottom:20px!important}
body.single-product .summary.entry-summary{padding:24px 0}
body.single-product .posted_in{color:var(--text-dim)!important;font-size:13px}
body.single-product .posted_in a{color:var(--neon-green)!important}

/* Product gallery - dark bg, hide placeholder */
body.single-product .woocommerce-product-gallery{background:var(--glass-bg)!important;border:1px solid var(--border);border-radius:12px;overflow:hidden}
body.single-product .woocommerce-product-gallery__image--placeholder img,
body.single-product .woocommerce-product-gallery img.wp-post-image{background:var(--bg-dark)!important;border-radius:0}
body.single-product .woocommerce-product-gallery--without-images{display:none}

/* Quantity input */
body.single-product .quantity input.qty{background:var(--bg-dark)!important;border:1px solid var(--border)!important;color:var(--text-bright)!important;border-radius:6px;padding:8px 12px;width:60px;font-size:16px;text-align:center}
/* Hide quantity for subscriptions */
body.single-product .product-type-fsb-subscription .quantity{display:none!important}

/* Product meta */
body.single-product .product_meta{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}

/* ─── WooCommerce Buttons ─── */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button{background:var(--neon-green)!important;color:#000!important;border:none!important;font-family:'Orbitron',sans-serif;font-weight:700!important;padding:16px 32px!important;border-radius:6px!important;cursor:pointer;text-transform:uppercase;letter-spacing:2px;font-size:16px!important;transition:opacity 0.2s;text-shadow:none!important}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover{opacity:0.85!important;color:#000!important}

/* ─── Tabs (Description/Reviews) ─── */
body.single-product .woocommerce-tabs{grid-column:1/-1;margin-top:24px}
body.single-product .wc-tabs{list-style:none!important;display:flex;gap:0;padding:0!important;margin:0 0 24px!important;border-bottom:1px solid var(--border)!important}
body.single-product .wc-tabs li{background:transparent!important;border:none!important;margin:0!important;padding:0!important}
body.single-product .wc-tabs li a{display:block;padding:12px 24px!important;color:var(--text-dim)!important;font-family:'Share Tech Mono',monospace;font-size:14px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:2px solid transparent;transition:all 0.2s}
body.single-product .wc-tabs li.active a,
body.single-product .wc-tabs li a:hover{color:var(--neon-green)!important;border-bottom-color:var(--neon-green)}
body.single-product .wc-tab{background:var(--glass-bg)!important;border:1px solid var(--border)!important;border-radius:12px;padding:24px!important}

/* ─── Reviews ─── */
body.single-product .woocommerce-Reviews-title{font-size:20px!important}
body.single-product .woocommerce-noreviews{color:var(--text-dim)!important}
body.single-product .comment-respond{margin-top:24px}
body.single-product .comment-form label{color:var(--text-bright)!important;font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:1px}
body.single-product .comment-form textarea,
body.single-product .comment-form input[type="text"],
body.single-product .comment-form input[type="email"]{background:var(--bg-dark)!important;border:1px solid var(--border)!important;color:var(--text-bright)!important;border-radius:6px;padding:12px!important;width:100%;box-sizing:border-box;font-size:14px}
body.single-product .comment-form textarea:focus,
body.single-product .comment-form input:focus{border-color:var(--neon-green)!important;outline:none}
body.single-product .comment-form .stars a{color:var(--neon-amber)!important}
body.single-product .comment-form-cookies-consent label{font-size:12px!important}

/* ─── Shop Archive (Product Grid) ─── */
body.post-type-archive-product .page-title,
body.woocommerce-shop .page-title{font-family:'Orbitron',sans-serif;font-size:32px!important;margin-bottom:32px}
body.post-type-archive-product .woocommerce-result-count,
body.post-type-archive-product .woocommerce-ordering select{background:var(--bg-dark)!important;border:1px solid var(--border)!important;color:var(--text-bright)!important;border-radius:6px;padding:8px 12px;font-size:13px}
body.post-type-archive-product ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:24px!important;list-style:none!important;padding:0!important}
body.post-type-archive-product ul.products li.product{background:var(--glass-bg)!important;border:1px solid var(--border)!important;border-radius:12px;padding:20px!important;margin:0!important;transition:border-color 0.2s}
body.post-type-archive-product ul.products li.product:hover{border-color:var(--neon-green)!important}
body.post-type-archive-product ul.products li.product a img{border-radius:8px;margin-bottom:12px}
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title{font-family:'Orbitron',sans-serif!important;font-size:15px!important;color:var(--text-bright)!important}
body.post-type-archive-product ul.products li.product .price{color:var(--neon-green)!important;font-family:'Orbitron',sans-serif;font-size:18px!important}
body.post-type-archive-product ul.products li.product .button{width:100%;text-align:center;margin-top:12px}
/* Hide placeholder on shop grid */
body.post-type-archive-product .woocommerce-placeholder{background:var(--bg-dark)!important;border-radius:8px}

/* ─── Cart Page ─── */
.woocommerce table.shop_table{background:var(--glass-bg)!important;border:1px solid var(--border)!important;border-radius:12px;border-collapse:collapse}
.woocommerce table.shop_table th{background:rgba(57,255,20,0.05)!important;color:var(--neon-green)!important;font-family:'Share Tech Mono',monospace;letter-spacing:2px;padding:14px 16px!important;border-bottom:1px solid var(--border)!important}
.woocommerce table.shop_table td{padding:14px 16px!important;border-bottom:1px solid var(--border)!important}
.woocommerce .cart_totals{background:var(--glass-bg)!important;border:1px solid var(--border)!important;border-radius:12px;padding:24px}

/* ─── Checkout Page ─── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{background:var(--bg-dark)!important;border:1px solid var(--border)!important;color:var(--text-bright)!important;border-radius:6px;padding:12px!important}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus{border-color:var(--neon-green)!important;outline:none}
.woocommerce form .form-row label{color:var(--text-bright)!important}
.woocommerce-checkout #payment{background:var(--glass-bg)!important;border:1px solid var(--border)!important;border-radius:12px}
.woocommerce-checkout #payment .payment_methods{border-bottom:1px solid var(--border)!important}

/* ─── My Account Page ─── */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;background:var(--glass-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:block;padding:14px 20px;color:var(--text-bright)!important;text-decoration:none;border-bottom:1px solid var(--border);font-family:'Share Tech Mono',monospace;letter-spacing:1px;transition:background 0.2s}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:rgba(57,255,20,0.05);color:var(--neon-green)!important}
.woocommerce-account .woocommerce-MyAccount-content{background:var(--glass-bg);border:1px solid var(--border);border-radius:12px;padding:24px}

/* ─── Notices / Messages ─── */
.woocommerce .woocommerce-message{background:rgba(57,255,20,0.08)!important;border-top-color:var(--neon-green)!important;color:var(--text-bright)!important}
.woocommerce .woocommerce-error{background:rgba(255,50,50,0.08)!important;border-top-color:#ff3232!important;color:var(--text-bright)!important}
.woocommerce .woocommerce-info{background:rgba(0,200,255,0.08)!important;border-top-color:var(--neon-cyan)!important;color:var(--text-bright)!important}

/* ─── Content Pages (Terms, Privacy, etc) ─── */
body.page:not(.home) .entry-content{max-width:760px;line-height:1.8;font-size:16px}
body.page:not(.home) .entry-content p{margin-bottom:16px}
body.page:not(.home) .entry-content h2{font-size:22px!important;margin:32px 0 16px}
body.page:not(.home) .entry-content h3{font-size:18px!important;margin:24px 0 12px}
body.page:not(.home) .entry-content ul,
body.page:not(.home) .entry-content ol{padding-left:24px;margin-bottom:16px}
body.page:not(.home) .entry-content li{margin-bottom:8px;line-height:1.7}
body.page:not(.home) .entry-content a{color:var(--neon-green);text-decoration:none;border-bottom:1px solid rgba(57,255,20,0.3)}
body.page:not(.home) .entry-content a:hover{border-bottom-color:var(--neon-green)}

/* ─── Mobile responsive for product pages ─── */
@media(max-width:768px){
    body.single-product .site-content div.product{grid-template-columns:1fr!important}
    body.single-product .woocommerce-tabs{margin-top:16px}
}