/* Amazing Agents — Brand Stylesheet */
/* "It's predictable when you do the math" */

:root{
  --bg:#080808;--dark:#111111;--dark2:#161616;--dark3:#0c0c0c;--border:#222222;
  --red-org:#CC3300;--orange:#E84D00;--gold:#CC7700;--gold-lt:#E8A000;
  --glow:#FF4400;--white:#FFFFFF;--gray:#FFFFFF;--muted:#E0E0E0;--dim:#888888;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--white);font-family:'Outfit',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}

/* Tech Grid Background */
.tech-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,68,0,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,68,0,0.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%)}

/* Floating particles in bg */
.bg-particles{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.5}
.bg-particle{position:absolute;width:2px;height:2px;background:var(--orange);border-radius:50%;box-shadow:0 0 8px var(--orange);animation:float 15s infinite linear}
@keyframes float{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:0.6}90%{opacity:0.6}100%{transform:translateY(-100px) translateX(100px);opacity:0}}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(12px);background:rgba(8,8,8,0.7);border-bottom:1px solid rgba(34,34,34,0.5);transition:all 0.3s ease}
.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0;text-decoration:none;transition:opacity 0.3s ease}
.nav-logo:hover{opacity:0.85}
.nav-logo img{height:48px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(255,68,0,0.25))}
.nav-logo .nav-logo-text{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:0.05em;color:var(--white);line-height:1}
.nav-logo .nav-logo-text .dot{background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.nav-menu{display:flex;align-items:center;gap:36px;list-style:none}
.nav-menu a{color:var(--gray);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.12em;text-decoration:none;transition:color 0.3s ease;position:relative;padding:6px 0}
.nav-menu a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--red-org),var(--gold-lt));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}
.nav-menu a:hover{color:var(--white)}
.nav-menu a:hover::after,.nav-menu a.active::after{transform:scaleX(1)}
.nav-menu a.active{color:var(--gold-lt)}

.nav-right{display:flex;align-items:center;gap:24px;flex-shrink:0}
.nav-cta{padding:10px 24px;background:linear-gradient(135deg,var(--red-org),var(--gold-lt));color:#0A0A0A;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;border:none;border-radius:3px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;white-space:nowrap}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 24px rgba(204,51,0,0.5)}

/* Hamburger */
.nav-toggle{display:none;width:32px;height:32px;background:transparent;border:none;cursor:pointer;position:relative;flex-direction:column;justify-content:center;gap:5px;padding:0}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--white);transition:all 0.3s ease;transform-origin:center}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--orange)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--orange)}

/* Mobile menu */
@media (max-width:900px){
  nav{padding:12px 20px}
  .nav-logo img{height:40px}
  .nav-logo .nav-logo-text{font-size:20px}
}
@media (max-width:480px){
  .nav-logo .nav-logo-text{display:none}
}
@media (max-width:900px){
  .nav-menu{position:fixed;top:0;right:-100%;height:100dvh;width:min(320px,82vw);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:90px 32px 32px;gap:0;background:rgba(8,8,8,0.97);backdrop-filter:blur(20px);border-left:1px solid var(--border);transition:right 0.4s cubic-bezier(0.16,1,0.3,1);z-index:99;box-shadow:-20px 0 60px rgba(0,0,0,0.5)}
  .nav-menu.open{right:0}
  .nav-menu li{width:100%;border-bottom:1px solid var(--border)}
  .nav-menu a{display:block;padding:20px 0;font-size:15px;letter-spacing:0.15em}
  .nav-menu a::after{display:none}
  .nav-menu a:hover,.nav-menu a.active{color:var(--gold-lt);padding-left:8px}
  .nav-toggle{display:flex;z-index:101}
  .nav-cta{display:none}
  .nav-menu .nav-cta-mobile{display:inline-block;margin-top:24px;padding:14px 28px}
}
@media (min-width:901px){
  .nav-menu .nav-cta-mobile{display:none}
}

/* Body offset when menu open on mobile */
body.menu-open{overflow:hidden}
.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:98;opacity:0;pointer-events:none;transition:opacity 0.4s ease}
.menu-backdrop.show{opacity:1;pointer-events:auto}

/* HERO */
.hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden;z-index:1}
.hero::before{content:'';position:absolute;top:30%;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(204,51,0,0.18) 0%,transparent 70%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:1100px;height:240px;background:radial-gradient(ellipse,rgba(255,68,0,0.3) 0%,transparent 70%);pointer-events:none}

.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border:1px solid rgba(232,77,0,0.3);border-radius:100px;background:rgba(204,51,0,0.06);font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:var(--orange);margin-bottom:32px;position:relative;z-index:1}
.hero-badge .pulse{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px var(--orange);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.3)}}

.hero-mark{margin-bottom:32px;position:relative;z-index:1;animation:markFade 1.4s cubic-bezier(0.16,1,0.3,1) both}
.hero-mark img{height:160px;width:auto;display:block;filter:drop-shadow(0 0 40px rgba(255,68,0,0.45)) drop-shadow(0 0 80px rgba(204,51,0,0.25));animation:markPulse 4s ease-in-out infinite}
@keyframes markFade{0%{opacity:0;transform:translateY(-16px) scale(0.92)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes markPulse{0%,100%{filter:drop-shadow(0 0 40px rgba(255,68,0,0.45)) drop-shadow(0 0 80px rgba(204,51,0,0.25))}50%{filter:drop-shadow(0 0 60px rgba(255,68,0,0.6)) drop-shadow(0 0 120px rgba(204,51,0,0.35))}}
@media (max-width:640px){
  .hero-mark img{height:120px}
}

.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,10vw,140px);line-height:0.9;letter-spacing:0.01em;text-transform:uppercase;position:relative;z-index:1;max-width:14ch}
.hero h1 .line1{color:var(--white);display:block;text-shadow:0 0 60px rgba(204,51,0,0.2)}
.hero h1 .line2{display:block;background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(204,51,0,0.5))}
.hero h1 .line3{color:var(--white);display:block}

.hero-sub{margin-top:32px;font-size:clamp(16px,2vw,20px);color:var(--gray);max-width:56ch;line-height:1.6;position:relative;z-index:1}
.hero-sub strong{color:var(--white);font-weight:600}

.hero-buttons{margin-top:44px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}
.btn-primary{padding:18px 48px;background:linear-gradient(135deg,var(--red-org),var(--gold-lt));color:#0A0A0A;font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;border:none;border-radius:3px;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 48px rgba(204,51,0,0.7)}
.btn-secondary{padding:18px 48px;background:transparent;color:var(--orange);font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;border:1px solid rgba(232,77,0,0.4);border-radius:3px;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}
.btn-secondary:hover{border-color:var(--orange);background:rgba(232,77,0,0.06);box-shadow:0 0 28px rgba(204,51,0,0.25)}

.hero-trust{margin-top:48px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--muted);position:relative;z-index:1}
.hero-trust span{display:flex;align-items:center;gap:8px}
.hero-trust .check{color:var(--orange)}

/* MARQUEE */
.marquee{padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--dark3);position:relative;z-index:1;overflow:hidden}
.marquee-track{display:flex;gap:80px;white-space:nowrap;animation:scroll 30s linear infinite;width:max-content}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee-item{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:0.08em;color:var(--muted);display:flex;align-items:center;gap:80px}
.marquee-item::after{content:'';width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px var(--orange)}

/* PROBLEM SECTION */
.problem{padding:120px 24px;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.section-tag{display:inline-block;font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:var(--orange);border:1px solid rgba(232,77,0,0.25);padding:6px 18px;border-radius:2px;margin-bottom:24px;background:rgba(204,51,0,0.04)}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,6vw,84px);text-transform:uppercase;letter-spacing:0.02em;line-height:0.95;margin-bottom:24px}
.section-title .accent{background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(204,51,0,0.3))}
.section-sub{font-size:18px;color:var(--gray);max-width:62ch;line-height:1.65}

.problem-header{text-align:center;margin-bottom:80px}
.problem-header .section-sub{margin:0 auto}

.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.problem-card{background:var(--dark);border:1px solid var(--border);border-radius:6px;padding:36px 32px;position:relative;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);overflow:hidden}
.problem-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(180deg,var(--red-org),var(--gold-lt));transition:height 0.4s ease}
.problem-card:hover{background:var(--dark2);border-color:rgba(204,51,0,0.3);transform:translateY(-4px)}
.problem-card:hover::before{height:100%}
.problem-card .icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--orange);background:rgba(204,51,0,0.08);border:1px solid rgba(204,51,0,0.2);border-radius:4px;margin-bottom:24px}
.problem-card h3{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--white)}
.problem-card p{font-size:14px;color:var(--muted);line-height:1.7}

/* SOLUTION / EQUATION */
.equation-section{padding:120px 24px;text-align:center;position:relative;overflow:hidden;z-index:1;background:var(--dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.equation-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1200px;height:600px;background:radial-gradient(ellipse,rgba(204,51,0,0.08),transparent 60%);pointer-events:none}
.equation-section::after{content:'';position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);width:1200px;height:280px;background:radial-gradient(ellipse,rgba(255,68,0,0.25),transparent 70%);pointer-events:none}
.equation-section .section-tag{margin-bottom:20px}
.equation-section h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5.5vw,76px);margin-bottom:16px;line-height:0.95;text-transform:uppercase}
.equation-section .section-sub{margin:0 auto 64px}

.eq-blocks{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;position:relative;z-index:2}
.eq-block{background:linear-gradient(160deg,#1E1A18 0%,#0E0C0B 100%);border:1px solid rgba(204,51,0,0.25);border-radius:8px;padding:36px 36px;position:relative;min-width:170px;box-shadow:0 24px 60px rgba(0,0,0,0.6),0 0 0 1px rgba(204,51,0,0.1),inset 0 1px 0 rgba(255,255,255,0.04);transition:transform 0.3s ease,box-shadow 0.3s ease}
.eq-block::after{content:'';position:absolute;bottom:-22px;left:8%;right:8%;height:24px;background:radial-gradient(ellipse,rgba(255,68,0,0.4),transparent 70%);filter:blur(8px)}
.eq-block:hover{transform:translateY(-6px);box-shadow:0 36px 80px rgba(0,0,0,0.7),0 0 0 1px rgba(204,51,0,0.35)}
.eq-block .big-num{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1;background:linear-gradient(160deg,var(--gold-lt) 0%,var(--red-org) 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(204,51,0,0.5))}
.eq-block .block-label{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-top:6px;font-weight:500}
.eq-operator{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--orange);opacity:0.8;text-shadow:0 0 24px rgba(204,51,0,0.6)}

.eq-formula{margin-top:64px;font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--muted);max-width:60ch;margin-left:auto;margin-right:auto;line-height:1.8;position:relative;z-index:2}
.eq-formula .hl{color:var(--gold-lt)}

/* AGENTS / FEATURES */
.agents{padding:120px 24px;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.agents-header{text-align:center;margin-bottom:72px}
.agents-header .section-sub{margin:0 auto}

.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1px;background:var(--border);border-radius:6px;overflow:hidden;border:1px solid var(--border)}
.agent-card{background:var(--dark);padding:48px 36px;position:relative;overflow:hidden;cursor:default;transition:background 0.3s ease}
.agent-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle 240px at var(--mx,50%) var(--my,50%),rgba(204,51,0,0.08),transparent);opacity:0;transition:opacity 0.3s;pointer-events:none}
.agent-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,68,0,0),transparent);transition:background 0.4s ease}
.agent-card:hover::before{opacity:1}
.agent-card:hover{background:var(--dark2)}
.agent-card:hover::after{background:linear-gradient(90deg,transparent,rgba(255,68,0,0.6),transparent)}
.agent-num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:0.15em;margin-bottom:24px;display:flex;align-items:center;gap:10px}
.agent-num::before{content:'';width:24px;height:1px;background:var(--gold)}
.agent-card h3{font-family:'Bebas Neue',sans-serif;font-size:28px;margin-bottom:14px;color:var(--white);letter-spacing:0.02em;text-transform:uppercase}
.agent-card p{font-size:14px;color:var(--muted);line-height:1.7}
.agent-tag{display:inline-block;margin-top:24px;padding:4px 12px;border:1px solid rgba(204,51,0,0.2);border-radius:2px;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--orange);background:rgba(204,51,0,0.04)}

/* MULTI-AGENT FLOW */
.flow-section{padding:140px 24px;position:relative;z-index:1;overflow:hidden;background:var(--dark3);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.flow-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1400px;height:700px;background:radial-gradient(ellipse,rgba(204,51,0,0.06),transparent 60%);pointer-events:none}
.flow-container{max-width:1200px;margin:0 auto;text-align:center}
.flow-container .section-sub{margin:0 auto 80px}

.flow-diagram{display:grid;grid-template-columns:1fr;gap:40px;max-width:1000px;margin:0 auto;position:relative;z-index:2}
@media (min-width:900px){.flow-diagram{grid-template-columns:repeat(4,1fr);gap:24px;align-items:center}}

.flow-node{background:linear-gradient(160deg,#1A1614 0%,#0A0908 100%);border:1px solid rgba(204,51,0,0.25);border-radius:8px;padding:28px 20px;position:relative;text-align:center;transition:all 0.4s ease;animation:nodeGlow 3s ease-in-out infinite}
@keyframes nodeGlow{0%,100%{box-shadow:0 12px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(204,51,0,0.15)}50%{box-shadow:0 16px 40px rgba(0,0,0,0.6),0 0 24px rgba(204,51,0,0.3),0 0 0 1px rgba(204,51,0,0.4)}}
.flow-node:nth-child(1){animation-delay:0s}
.flow-node:nth-child(3){animation-delay:0.5s}
.flow-node:nth-child(5){animation-delay:1s}
.flow-node:nth-child(7){animation-delay:1.5s}
.flow-node .role{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-weight:600}
.flow-node .label{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--white);letter-spacing:0.02em;text-transform:uppercase}
.flow-node .desc{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}

.flow-arrow{font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--orange);opacity:0.6;text-align:center;display:flex;align-items:center;justify-content:center;text-shadow:0 0 16px rgba(204,51,0,0.5)}
@media (max-width:899px){.flow-arrow{transform:rotate(90deg)}}

.flow-result{margin-top:64px;padding:32px;background:linear-gradient(160deg,rgba(204,51,0,0.06),rgba(232,160,0,0.03));border:1px solid rgba(204,51,0,0.2);border-radius:6px;max-width:680px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.flow-result-label{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.flow-result-text{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--white);letter-spacing:0.02em;text-transform:uppercase;line-height:1.1}
.flow-result-text .accent{background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* USE CASES */
.cases{padding:120px 24px;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.cases-header{text-align:center;margin-bottom:64px}
.cases-header .section-sub{margin:0 auto}

.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}
.case-card{background:var(--dark);border:1px solid var(--border);border-radius:6px;padding:40px 36px;position:relative;transition:all 0.4s ease;overflow:hidden}
.case-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red-org),var(--gold-lt));transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease}
.case-card:hover{background:var(--dark2);border-color:rgba(204,51,0,0.25);transform:translateY(-4px)}
.case-card:hover::before{transform:scaleX(1)}
.case-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.case-icon{width:52px;height:52px;background:linear-gradient(160deg,rgba(204,51,0,0.15),rgba(232,160,0,0.08));border:1px solid rgba(204,51,0,0.3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--gold-lt);flex-shrink:0}
.case-title{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--white);text-transform:uppercase;letter-spacing:0.02em;line-height:1.05}
.case-desc{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:24px}
.case-stat{display:flex;align-items:baseline;gap:12px;padding-top:20px;border-top:1px solid var(--border)}
.case-stat-num{font-family:'Bebas Neue',sans-serif;font-size:36px;background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.case-stat-label{font-size:12px;color:var(--gray);letter-spacing:0.05em}

/* COMPARISON */
.compare{padding:120px 24px;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.compare-header{text-align:center;margin-bottom:64px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:8px;overflow:hidden;border:1px solid var(--border)}
@media (max-width:768px){.compare-grid{grid-template-columns:1fr}}
.compare-col{background:var(--dark);padding:48px 40px}
.compare-col.bad{position:relative}
.compare-col.bad .compare-title{color:var(--gray)}
.compare-col.good{background:linear-gradient(160deg,#0F0C0A 0%,#0A0807 100%);position:relative;overflow:hidden}
.compare-col.good::before{content:'';position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:400px;height:120px;background:radial-gradient(ellipse,rgba(255,68,0,0.2),transparent 70%);pointer-events:none}
.compare-label{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;margin-bottom:12px;font-weight:600}
.compare-col.bad .compare-label{color:var(--muted)}
.compare-col.good .compare-label{color:var(--orange)}
.compare-title{font-family:'Bebas Neue',sans-serif;font-size:32px;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:32px;line-height:1}
.compare-col.good .compare-title{background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.compare-list{list-style:none;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}
.compare-list li{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.5}
.compare-col.bad .compare-list li{color:var(--gray)}
.compare-col.good .compare-list li{color:var(--white)}
.compare-mark{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-top:1px}
.compare-col.bad .compare-mark{background:rgba(120,120,120,0.1);color:var(--dim);border:1px solid var(--border)}
.compare-col.good .compare-mark{background:linear-gradient(135deg,var(--red-org),var(--gold-lt));color:#0A0A0A}

/* STATS BANNER */
.stats-banner{padding:80px 24px;background:var(--dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:1;overflow:hidden}
.stats-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(204,51,0,0.05),transparent 70%);pointer-events:none}
.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;position:relative;z-index:1}
.stat{text-align:center;padding:24px 16px;border-right:1px solid var(--border)}
.stat:last-child{border-right:none}
@media (max-width:768px){.stat{border-right:none;border-bottom:1px solid var(--border);padding-bottom:24px}.stat:last-child{border-bottom:none}}
.stat-num{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1;display:flex;align-items:baseline;justify-content:center;gap:0;color:var(--gold-lt)}
.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:0.25em;color:var(--gray);margin-top:12px}
.stat-source{font-size:10px;color:var(--dim);margin-top:6px;letter-spacing:0.05em}

/* PROCESS */
.process{padding:120px 24px;max-width:1100px;margin:0 auto;position:relative;z-index:1}
.process-header{text-align:center;margin-bottom:80px}
.process-steps{display:grid;grid-template-columns:1fr;gap:24px}
.process-step{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;padding:36px;background:var(--dark);border:1px solid var(--border);border-radius:6px;transition:all 0.3s ease;position:relative}
.process-step:hover{border-color:rgba(204,51,0,0.3);background:var(--dark2)}
.process-num{font-family:'Bebas Neue',sans-serif;font-size:64px;background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:0.9;min-width:80px;filter:drop-shadow(0 0 12px rgba(204,51,0,0.3))}
.process-content h3{font-family:'Bebas Neue',sans-serif;font-size:28px;margin-bottom:8px;color:var(--white);text-transform:uppercase;letter-spacing:0.02em}
.process-content p{font-size:15px;color:var(--gray);line-height:1.65}

/* TEAM (Curtain Reveal) */
.team{padding:120px 24px;max-width:1280px;margin:0 auto;position:relative;z-index:1}
.team-header{text-align:center;margin-bottom:72px}
.team-header .section-sub{margin:0 auto}

/* CEO Hero Card (mittig, breiter) */
.team-ceo-wrap{display:flex;justify-content:center;margin-bottom:48px}
.team-ceo{position:relative;width:100%;max-width:560px;border-radius:8px;overflow:hidden;background:var(--dark);border:1px solid var(--border);aspect-ratio:16/10;cursor:pointer;transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}
.team-ceo:hover{transform:translateY(-6px);border-color:rgba(232,160,0,0.5);box-shadow:0 24px 60px rgba(0,0,0,0.6),0 0 60px rgba(232,160,0,0.3)}
.team-ceo .team-img{object-position:center 30%}
.team-ceo .team-curtain{background:linear-gradient(180deg,#13100c 0%,#080807 100%)}
.team-ceo .team-curtain.left{border-right:1px solid rgba(232,160,0,0.3)}
.team-ceo .team-curtain.right{border-left:1px solid rgba(232,160,0,0.3)}
.team-ceo .team-curtain-word{color:transparent;-webkit-text-stroke:1.5px rgba(232,160,0,0.5);font-size:clamp(48px,8vw,84px)}
.team-ceo .team-curtain::after{background:linear-gradient(180deg,transparent,rgba(232,160,0,0.7),transparent)}
.team-ceo .team-role{background:rgba(232,160,0,0.18);border-color:rgba(232,160,0,0.4);color:var(--gold-lt)}
.team-ceo .team-pulse{background:var(--gold-lt);box-shadow:0 0 14px var(--gold-lt)}
.team-ceo .team-name{font-size:42px}
.team-ceo .team-task{font-size:14px;max-width:90%}

/* Founder Badge */
.ceo-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:linear-gradient(135deg,rgba(204,51,0,0.85),rgba(232,160,0,0.85));border-radius:100px;font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#0A0A0A;z-index:4;backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(204,51,0,0.4)}
.ceo-badge::before{content:'★';font-size:11px}

.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
@media (min-width:900px){.team-grid{grid-template-columns:repeat(4,1fr)}}

.team-card{position:relative;border-radius:8px;overflow:hidden;background:var(--dark);border:1px solid var(--border);aspect-ratio:4/5;cursor:pointer;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);transform-style:preserve-3d}
.team-card:hover{transform:translateY(-6px);border-color:rgba(204,51,0,0.4);box-shadow:0 24px 60px rgba(0,0,0,0.6),0 0 40px rgba(204,51,0,0.25)}

.team-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1),filter 0.6s ease;filter:saturate(0.9) brightness(0.85)}
.team-card:hover .team-img{transform:scale(1.06);filter:saturate(1.1) brightness(0.95)}

.team-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,0) 30%,rgba(8,8,8,0.4) 55%,rgba(8,8,8,0.95) 100%);pointer-events:none;z-index:1}

/* CURTAIN PANELS */
.team-curtain{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(180deg,#0f0c0a 0%,#080807 100%);z-index:3;display:flex;align-items:center;will-change:transform;transition:transform 0.85s cubic-bezier(0.7,0,0.3,1);box-shadow:0 0 40px rgba(0,0,0,0.5)}
.team-curtain.left{left:0;justify-content:flex-end;padding-right:8px;border-right:1px solid rgba(204,51,0,0.25)}
.team-curtain.right{right:0;justify-content:flex-start;padding-left:8px;border-left:1px solid rgba(204,51,0,0.25)}
.team-curtain-word{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,7vw,72px);letter-spacing:0.02em;color:transparent;-webkit-text-stroke:1px rgba(204,51,0,0.4);line-height:0.9;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}
.team-curtain.right .team-curtain-word{transform:rotate(180deg)}

/* Open state */
.team-card:hover .team-curtain.left,
.team-card.open .team-curtain.left{transform:translateX(-100%)}
.team-card:hover .team-curtain.right,
.team-card.open .team-curtain.right{transform:translateX(100%)}

/* Lightning glow on curtain edges */
.team-curtain::after{content:'';position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(255,68,0,0.6),transparent);opacity:0;transition:opacity 0.4s ease}
.team-curtain.left::after{right:-1px}
.team-curtain.right::after{left:-1px}
.team-card:hover .team-curtain::after{opacity:1}

/* Team Info */
.team-info{position:absolute;left:0;right:0;bottom:0;padding:24px 22px;z-index:2;color:var(--white)}
.team-role{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-lt);padding:3px 10px;background:rgba(204,51,0,0.15);border:1px solid rgba(204,51,0,0.3);border-radius:3px;margin-bottom:10px;backdrop-filter:blur(8px)}
.team-name{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:0.02em;text-transform:uppercase;line-height:1;margin-bottom:6px;text-shadow:0 2px 12px rgba(0,0,0,0.6)}
.team-task{font-size:13px;color:rgba(255,255,255,0.85);line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,0.6)}

/* Reveal status indicator */
.team-pulse{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);z-index:4;opacity:0;transition:opacity 0.4s ease 0.6s;animation:livePulse 2s ease-in-out infinite}
.team-card:hover .team-pulse{opacity:1}

/* FAQ */
.faq{padding:120px 24px;max-width:880px;margin:0 auto;position:relative;z-index:1}
.faq-header{text-align:center;margin-bottom:64px}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--dark);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:all 0.3s ease}
.faq-item.open{border-color:rgba(204,51,0,0.3);background:var(--dark2)}
.faq-question{padding:24px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:600;color:var(--white);transition:color 0.3s ease}
.faq-item.open .faq-question{color:var(--gold-lt)}
.faq-toggle{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--orange);line-height:1;transition:transform 0.3s ease}
.faq-item.open .faq-toggle{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;padding:0 28px}
.faq-item.open .faq-answer{max-height:300px;padding-bottom:24px}
.faq-answer p{font-size:14px;color:var(--gray);line-height:1.7}

/* FINAL CTA */
.cta-final{padding:140px 24px;text-align:center;position:relative;overflow:hidden;z-index:1}
.cta-final::before{content:'';position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:1100px;height:600px;background:radial-gradient(ellipse,rgba(204,51,0,0.12),transparent 65%);pointer-events:none}
.cta-final::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1000px;height:200px;background:radial-gradient(ellipse,rgba(255,68,0,0.25),transparent 70%);pointer-events:none}
.cta-final h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,8vw,108px);text-transform:uppercase;line-height:0.92;margin-bottom:28px;position:relative;z-index:1;letter-spacing:0.01em}
.cta-final h2 .accent{background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 28px rgba(204,51,0,0.5))}
.cta-final p{font-size:18px;color:var(--gray);max-width:46ch;margin:0 auto 48px;line-height:1.6;position:relative;z-index:1}
.cta-final .btn-primary{padding:22px 64px;font-size:15px}
.cta-trust{margin-top:32px;font-size:13px;color:var(--muted);position:relative;z-index:1}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:48px 24px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;max-width:1200px;margin:0 auto;position:relative;z-index:1}
.footer-logo{display:flex;align-items:center;gap:14px}
.footer-logo img{height:64px;width:auto;display:block;filter:drop-shadow(0 0 20px rgba(255,68,0,0.3))}
.footer-logo-text{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:0.05em;color:var(--white);line-height:1}
.footer-logo-text .dot{background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.footer-tag{font-family:'Outfit',sans-serif;font-size:12px;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;margin-top:14px}
footer .right{text-align:right}
footer p{font-size:13px;color:var(--muted)}

/* PARTICLES */
.particle{position:fixed;border-radius:50%;pointer-events:none;z-index:9999}
.divider{height:1px;border:none;background:linear-gradient(90deg,transparent,rgba(204,51,0,0.35),transparent)}

/* RESPONSIVE */
@media (max-width:640px){
  nav{padding:14px 20px}
  .nav-cta{padding:8px 16px;font-size:11px}
  .hero{padding:100px 20px 40px}
  .hero-buttons{flex-direction:column;width:100%;max-width:320px}
  .btn-primary,.btn-secondary{width:100%;padding:16px 32px}
  .problem,.agents,.cases,.compare,.process,.faq{padding:80px 20px}
  .equation-section,.flow-section{padding:80px 20px}
  .cta-final{padding:100px 20px}
  .eq-blocks{gap:12px}
  .eq-block{min-width:130px;padding:24px 20px}
  .eq-block .big-num{font-size:48px}
  .eq-operator{font-size:36px}
  .compare-col{padding:32px 24px}
  .process-step{grid-template-columns:1fr;gap:12px;padding:28px}
  .process-num{font-size:48px}
}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1)}
.reveal.in{opacity:1;transform:translateY(0)}


/* === AI AGENT TERMINAL (21st.dev inspired) === */
.agent-terminal{margin-top:60px;max-width:680px;width:100%;background:linear-gradient(160deg,rgba(20,16,14,0.85),rgba(10,8,7,0.95));border:1px solid rgba(204,51,0,0.25);border-radius:14px;overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 32px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(204,51,0,0.1),0 0 60px rgba(204,51,0,0.15);position:relative;z-index:2;animation:terminalReveal 1.6s cubic-bezier(0.16,1,0.3,1) 0.3s both}
@keyframes terminalReveal{from{opacity:0;transform:translateY(40px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.terminal-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.4)}
.terminal-dots{display:flex;gap:6px}
.terminal-dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,0.15)}
.terminal-dot.live{background:var(--orange);box-shadow:0 0 10px var(--orange);animation:livePulse 2s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(0.85)}}
.terminal-title{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold-lt);letter-spacing:0.1em;text-transform:uppercase;flex:1}
.terminal-status{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--orange);letter-spacing:0.05em}
.terminal-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange);animation:livePulse 1.5s ease-in-out infinite}

.terminal-body{padding:24px 28px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.8;text-align:left;min-height:240px}
.term-line{display:flex;gap:10px;margin-bottom:8px;opacity:0;animation:termLine 0.5s cubic-bezier(0.16,1,0.3,1) forwards}
.term-line:nth-child(1){animation-delay:1.4s}
.term-line:nth-child(2){animation-delay:2.6s}
.term-line:nth-child(3){animation-delay:3.5s}
.term-line:nth-child(4){animation-delay:4.4s}
.term-line:nth-child(5){animation-delay:5.3s}
.term-line:nth-child(6){animation-delay:6.2s}
@keyframes termLine{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.term-prompt{color:var(--orange);user-select:none;flex-shrink:0}
.term-text{color:var(--white)}
.term-text .hl{color:var(--gold-lt)}
.term-text .agent-tag-mini{display:inline-block;padding:1px 8px;background:rgba(204,51,0,0.15);border:1px solid rgba(204,51,0,0.3);border-radius:3px;font-size:11px;color:var(--orange);margin-right:6px}
.term-checkmark{color:var(--gold-lt)}
.term-spinner{display:inline-block;color:var(--orange);animation:spin 1s linear infinite}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.term-cursor{display:inline-block;width:8px;height:14px;background:var(--orange);margin-left:4px;animation:cursorBlink 1s step-end infinite;vertical-align:middle}
@keyframes cursorBlink{50%{opacity:0}}

.terminal-footer{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.3);font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:0.05em}
.terminal-footer-stat{display:flex;align-items:center;gap:6px}
.terminal-footer-stat strong{color:var(--gold-lt);font-weight:500}

/* === HEADLINE TEXT SCRAMBLE === */
.scramble-char{display:inline-block;transition:color 0.1s}
.scramble-char.scrambling{color:var(--orange)!important;-webkit-text-fill-color:var(--orange)!important}

/* === ODOMETER === */
.odometer{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1;display:inline-flex;justify-content:center;color:var(--gold-lt);filter:drop-shadow(0 0 16px rgba(204,51,0,0.4));overflow:hidden;height:1.05em}
.odo-digit{display:inline-block;overflow:hidden;height:1.05em;position:relative}
.odo-strip{display:flex;flex-direction:column;transition:transform 1.8s cubic-bezier(0.16,1,0.3,1);will-change:transform}
.odo-strip span{display:block;height:1.05em;line-height:1.05;background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.odometer > span:not(.odo-digit){background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.odo-suffix{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:1;background:linear-gradient(135deg,var(--red-org),var(--gold-lt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(204,51,0,0.3))}

/* === AGENT PLAN PANEL (between sections) === */
.plan-section{padding:120px 24px;max-width:1100px;margin:0 auto;position:relative;z-index:1}
.plan-header{text-align:center;margin-bottom:64px}
.plan-panel{background:linear-gradient(160deg,rgba(20,16,14,0.7),rgba(10,8,7,0.9));border:1px solid rgba(204,51,0,0.2);border-radius:16px;overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 32px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(204,51,0,0.08)}
.plan-panel-header{padding:18px 24px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.plan-task{font-family:'Outfit',sans-serif;font-size:14px;color:var(--white);font-weight:500}
.plan-task::before{content:'TASK · ';color:var(--gold-lt);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.15em;margin-right:8px;font-weight:600}
.plan-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gold-lt);display:flex;gap:16px;align-items:center}
.plan-meta-pill{padding:3px 10px;background:rgba(204,51,0,0.1);border:1px solid rgba(204,51,0,0.25);border-radius:100px;color:var(--orange)}

.plan-steps{padding:8px 0}
.plan-step{display:flex;align-items:flex-start;gap:16px;padding:18px 28px;position:relative;transition:background 0.3s ease}
.plan-step:hover{background:rgba(204,51,0,0.04)}
.plan-step::before{content:'';position:absolute;left:42px;top:48px;bottom:-18px;width:1px;background:linear-gradient(180deg,rgba(204,51,0,0.3),rgba(204,51,0,0.05));z-index:0}
.plan-step:last-child::before{display:none}
.plan-step-icon{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;background:rgba(20,16,14,0.9);border:1px solid rgba(204,51,0,0.3);color:var(--gold-lt);position:relative;z-index:1}
.plan-step.done .plan-step-icon{background:linear-gradient(135deg,var(--red-org),var(--gold-lt));border-color:transparent;color:#0A0A0A}
.plan-step.running .plan-step-icon{border-color:var(--orange);color:var(--orange);animation:stepRun 1.5s ease-in-out infinite}
@keyframes stepRun{0%,100%{box-shadow:0 0 0 0 rgba(204,51,0,0.5)}50%{box-shadow:0 0 0 8px rgba(204,51,0,0)}}
.plan-step-content{flex:1;min-width:0}
.plan-step-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.plan-step-agent{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);padding:2px 8px;background:rgba(204,119,0,0.1);border:1px solid rgba(204,119,0,0.2);border-radius:3px}
.plan-step-status{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase}
.plan-step.done .plan-step-status{color:var(--gold-lt)}
.plan-step.running .plan-step-status{color:var(--orange);display:flex;align-items:center;gap:6px}
.plan-step.running .plan-step-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange);animation:livePulse 1.5s ease-in-out infinite}
.plan-step.pending .plan-step-status{color:var(--muted)}
.plan-step-title{font-size:14px;color:var(--white);font-weight:500;line-height:1.4}
.plan-step.pending .plan-step-title{color:rgba(255,255,255,0.5)}
.plan-step-desc{font-size:12px;color:rgba(255,255,255,0.55);font-family:'JetBrains Mono',monospace;margin-top:4px}
.plan-step-time{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);flex-shrink:0;align-self:flex-start;margin-top:6px}

/* === MAGNETIC BUTTON === */
.btn-magnetic{display:inline-block;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1)}

/* === FLOATING STATUS BADGE === */
.float-badge{position:fixed;bottom:32px;right:32px;background:linear-gradient(160deg,rgba(20,16,14,0.95),rgba(10,8,7,0.98));border:1px solid rgba(204,51,0,0.3);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(204,51,0,0.1),0 0 30px rgba(204,51,0,0.15);z-index:90;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--white);letter-spacing:0.05em;opacity:0;transform:translateY(20px);transition:all 0.5s cubic-bezier(0.16,1,0.3,1);max-width:calc(100vw - 64px)}
.float-badge.visible{opacity:1;transform:translateY(0)}
.float-badge-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px var(--orange);animation:livePulse 1.5s ease-in-out infinite;flex-shrink:0}
.float-badge-text{display:flex;flex-direction:column;gap:2px}
.float-badge-text strong{color:var(--gold-lt);font-weight:500;font-size:10px;letter-spacing:0.15em;text-transform:uppercase}
.float-badge-text span{color:rgba(255,255,255,0.7);font-size:11px}
@media (max-width:640px){
  .float-badge{bottom:16px;right:16px;left:16px;padding:12px 14px}
}

/* === GLOWING SECTION DIVIDERS === */
.glow-divider{height:1px;border:none;background:linear-gradient(90deg,transparent 5%,rgba(204,51,0,0.6) 50%,transparent 95%);position:relative;margin:0;box-shadow:0 0 20px rgba(204,51,0,0.4)}
.glow-divider::after{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--red-org),var(--gold-lt));border-radius:2px;box-shadow:0 0 12px rgba(204,51,0,0.6)}

/* === FOOTER LEGAL LINKS === */
footer a{color:var(--gold-lt);text-decoration:none;transition:color 0.2s ease}
footer a:hover{color:var(--orange)}
footer .sep{color:rgba(255,255,255,0.3);margin:0 8px}
.footer-legal{margin-top:12px;font-size:12px}

/* === LEGAL PAGES (Impressum / Datenschutz) === */
.legal-page{min-height:100vh;padding:100px 24px 60px;max-width:900px;margin:0 auto;color:var(--white)}
.legal-page h1{font-family:'Bebas Neue',sans-serif;font-size:48px;letter-spacing:0.02em;margin-bottom:8px;text-transform:uppercase}
.legal-page h2{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:0.02em;margin:40px 0 16px;text-transform:uppercase;color:var(--gold-lt)}
.legal-page h3{font-size:18px;font-weight:600;margin:24px 0 12px;color:var(--white)}
.legal-page p{font-size:15px;line-height:1.7;margin-bottom:16px;color:var(--gray)}
.legal-page li{font-size:15px;line-height:1.7;margin:8px 0 8px 24px;color:var(--gray)}
.legal-page ul{list-style-type:disc;margin:16px 0}
.legal-page a{color:var(--orange);text-decoration:underline}
.legal-page a:hover{color:var(--gold-lt)}
.legal-page hr{border:none;border-top:1px solid var(--border);margin:40px 0}
.legal-page strong{color:var(--white);font-weight:600}
.legal-page em{color:var(--gold-lt);font-style:italic}