/* ===== RIZON DESIGN SYSTEM — basiert auf rizon-website-v3.html ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --neon:#39ff14;--neon2:#4dff2a;--neon-dim:rgba(57,255,20,0.07);--neon-glow:0 0 30px rgba(57,255,20,0.4);
  --cyan:#00e5ff;--cyan-dim:rgba(0,229,255,0.07);--cyan-glow:0 0 30px rgba(0,229,255,0.4);
  --dark:#060a0f;--dark2:#0c1118;--dark3:#121a24;--dark4:#192130;
  --border:rgba(255,255,255,0.06);--border-neon:rgba(57,255,20,0.2);--border-cyan:rgba(0,229,255,0.2);
  --text:#e8edf5;--text-mid:#7a8fa8;--text-dim:#2e3f52;
  --H:'Barlow Condensed',sans-serif;--B:'Barlow',sans-serif;
  --ease:cubic-bezier(0.22,1,0.36,1);
}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--text);font-family:var(--B);overflow-x:hidden;cursor:none;line-height:1.55;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}

/* CURSOR */
#cursor-dot{position:fixed;left:-200px;top:-200px;width:8px;height:8px;background:var(--neon);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--neon),0 0 20px var(--neon);transition:width 0.2s,height 0.2s}
#cursor-ring{position:fixed;left:-200px;top:-200px;width:40px;height:40px;border:1.5px solid rgba(57,255,20,0.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform 0.12s var(--ease),width 0.3s,height 0.3s}
body:has(a:hover) #cursor-dot,body:has(button:hover) #cursor-dot{width:14px;height:14px}
body:has(a:hover) #cursor-ring,body:has(button:hover) #cursor-ring{width:60px;height:60px;border-color:var(--neon)}

/* SCROLL BAR */
#scroll-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--neon),var(--cyan));z-index:1001;width:0%;transition:width 0.05s linear;box-shadow:0 0 8px var(--neon)}

/* GRID BG */
.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(57,255,20,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,0.022) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}

/* CANVAS */
#hero-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:500;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;transition:background 0.4s ease,border-color 0.4s ease;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(6,10,15,0.92);backdrop-filter:blur(24px) saturate(1.5);border-bottom-color:var(--border)}
/* Logo — chromatic glitch on hover */
.nav-logo{font-family:var(--H);font-size:24px;font-weight:900;letter-spacing:6px;color:var(--neon);text-decoration:none;text-transform:uppercase;text-shadow:0 0 20px rgba(57,255,20,0.6);transition:letter-spacing 0.5s cubic-bezier(.34,1.56,.64,1),text-shadow 0.3s}
.nav-logo:hover{letter-spacing:10px;text-shadow:3px 0 var(--cyan),-3px 0 rgba(57,255,20,0.95),0 0 40px rgba(57,255,20,0.7)}
/* Stagger entrance */
@keyframes navIn{from{opacity:0;transform:translateY(-8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.nav-links>li{animation:navIn 0.55s cubic-bezier(.16,1,.3,1) both}
.nav-links>li:nth-child(1){animation-delay:.06s}
.nav-links>li:nth-child(2){animation-delay:.12s}
.nav-links>li:nth-child(3){animation-delay:.18s}
.nav-links>li:nth-child(4){animation-delay:.24s}
.nav-links>li:nth-child(5){animation-delay:.30s}
.nav-links>li:nth-child(6){animation-delay:.36s}
/* Links */
.nav-links{display:flex;align-items:center;gap:36px;list-style:none}
.nav-links a{font-family:var(--H);font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-mid);text-decoration:none;position:relative;padding-bottom:6px;transition:color 0.3s cubic-bezier(.4,0,.2,1),letter-spacing 0.45s cubic-bezier(.34,1.56,.64,1),text-shadow 0.3s}
/* Center-expand underline (non-dropdown links only) */
.nav-links li:not(.nav-dropdown)>a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,var(--neon),var(--cyan),var(--neon));background-size:200% 100%;transform:scaleX(0);transform-origin:center;transition:transform 0.38s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px var(--neon)}
/* Hover: spring letter-spacing + glow + expand underline */
.nav-links a:hover{color:var(--text);letter-spacing:3.8px;text-shadow:0 0 18px rgba(57,255,20,0.28)}
.nav-links li:not(.nav-dropdown)>a:hover::after{transform:scaleX(1)}
/* Active: neon + shimmer underline + pulsing dot above */
.nav-links a.active{color:var(--neon);text-shadow:0 0 22px rgba(57,255,20,0.45)}
.nav-links li:not(.nav-dropdown)>a.active::after{transform:scaleX(1);animation:navShimmer 2.8s linear infinite}
@keyframes navShimmer{0%{background-position:0% 0}100%{background-position:200% 0}}
.nav-links li:not(.nav-dropdown)>a.active::before{content:'';position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--neon);box-shadow:0 0 6px var(--neon),0 0 14px rgba(57,255,20,0.6);animation:navDotPulse 2.2s ease-in-out infinite}
@keyframes navDotPulse{0%,100%{box-shadow:0 0 6px var(--neon),0 0 14px rgba(57,255,20,0.6);opacity:1}50%{box-shadow:0 0 12px var(--neon),0 0 30px rgba(57,255,20,0.85);opacity:0.7}}
/* Dropdown */
.nav-dropdown{position:relative}
.nav-dropdown-toggle{cursor:none;display:flex;align-items:center;gap:5px}
.nav-dropdown-toggle::after{content:'▾';font-size:10px;transition:transform 0.35s cubic-bezier(.34,1.56,.64,1)}
/* Active shimmer line for dropdown toggle (uses ::before since ::after = arrow) */
.nav-dropdown-toggle.active::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,var(--neon),var(--cyan),var(--neon));background-size:200% 100%;animation:navShimmer 2.8s linear infinite}
.nav-dropdown:hover .nav-dropdown-toggle::after{transform:rotate(180deg)}
/* Dropdown menu — clip-path curtain reveal */
.nav-dropdown-menu{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(-8px);background:rgba(7,11,18,0.98);backdrop-filter:blur(28px);border:1px solid var(--border);min-width:200px;opacity:0;pointer-events:none;padding:8px;clip-path:inset(0 0 100% 0);transition:opacity 0.28s,transform 0.32s cubic-bezier(.16,1,.3,1),clip-path 0.32s cubic-bezier(.16,1,.3,1)}
.nav-dropdown:hover .nav-dropdown-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);clip-path:inset(0 0 0% 0)}
/* Dropdown items — slide-indent + neon left-border */
.nav-dropdown-menu a{display:block;padding:9px 14px;font-family:var(--H);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-mid);text-decoration:none;border-left:2px solid transparent;transition:color 0.2s,background 0.2s,padding-left 0.28s cubic-bezier(.34,1.56,.64,1),border-color 0.2s}
.nav-dropdown-menu a::after{display:none}
.nav-dropdown-menu a:hover{color:var(--neon);background:var(--neon-dim);padding-left:20px;border-left-color:var(--neon)}
.nav-actions{display:flex;align-items:center;gap:12px}
.btn-ghost,.btn-neon{font-family:var(--H);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:9px 22px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all 0.25s;display:inline-flex;align-items:center;gap:6px}
.btn-ghost{color:var(--text-mid);border:1px solid var(--border)}
.btn-ghost:hover{color:var(--text);border-color:rgba(255,255,255,0.15)}
.btn-neon{color:#040a02;background:var(--neon);box-shadow:var(--neon-glow);position:relative;overflow:hidden}
.btn-neon::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transform:translateX(-100%);transition:transform 0.5s}
.btn-neon:hover::before{transform:translateX(100%)}
.btn-neon:hover{background:var(--neon2);box-shadow:0 0 50px rgba(57,255,20,0.65)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.hamburger span{display:block;width:24px;height:1.5px;background:var(--text);transition:all 0.3s}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}
.mobile-menu{position:fixed;inset:68px 0 0;background:rgba(6,10,15,0.98);backdrop-filter:blur(30px);z-index:499;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;pointer-events:none;transition:opacity 0.3s;overflow-y:auto;padding:40px 0}
.mobile-menu.open{opacity:1;pointer-events:all}
.mobile-menu a{font-family:var(--H);font-size:32px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--text-mid);text-decoration:none;transition:color 0.2s}
.mobile-menu a:hover{color:var(--neon);text-shadow:0 0 30px rgba(57,255,20,0.5)}
.m-divider{width:40px;height:1px;background:var(--border)}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:68px}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(6,10,15,0.92) 0%,rgba(6,10,15,0.85) 40%,rgba(6,10,15,0.96) 100%),linear-gradient(90deg,rgba(6,10,15,0.96) 0%,rgba(6,10,15,0.5) 50%,rgba(6,10,15,0.4) 100%),url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=1600&q=85&auto=format&fit=crop');background-size:cover;background-position:center right;z-index:0}
.hero-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(57,255,20,0.08) 0%,transparent 60%)}
.hero-spotlight{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(57,255,20,0.05) 0%,transparent 70%);pointer-events:none;z-index:2;transform:translate(-50%,-50%);transition:left 0.8s var(--ease),top 0.8s var(--ease)}
.hero-inner{position:relative;z-index:3;width:100%;max-width:1200px;margin:0 auto;padding:60px 40px 80px;display:grid;grid-template-columns:1.05fr 0.95fr;gap:60px;align-items:center}
.hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:28px;opacity:0;animation:fadeUp 0.7s var(--ease) 0.2s forwards}
.hero-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--H);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--neon);border:1px solid var(--border-neon);background:rgba(57,255,20,0.07);backdrop-filter:blur(10px);padding:6px 14px;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.hero-pill .live-dot{width:6px;height:6px;background:var(--neon);border-radius:50%;box-shadow:0 0 6px var(--neon);animation:blink 1.8s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.2}}
.hero-eyebrow-text{font-family:var(--H);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-mid)}
.hero-title{font-family:var(--H);font-size:clamp(70px,8vw,120px);font-weight:900;line-height:0.88;letter-spacing:-1.5px;text-transform:uppercase;margin-bottom:30px;overflow:hidden}
.hero-title .word{display:block;overflow:hidden}
.hero-title .word .inner{display:block;transform:translateY(110%);animation:slideUp 0.85s var(--ease) forwards}
.hero-title .word:nth-child(1) .inner{animation-delay:0.3s}
.hero-title .word:nth-child(2) .inner{animation-delay:0.45s}
.hero-title .word:nth-child(3) .inner{animation-delay:0.6s}
@keyframes slideUp{to{transform:translateY(0)}}
.word-neon{color:var(--neon);text-shadow:0 0 60px rgba(57,255,20,0.5)}
.word-outline{-webkit-text-stroke:2px rgba(255,255,255,0.25);color:transparent}
.hero-sub{font-size:18px;color:var(--text-mid);line-height:1.7;max-width:520px;margin-bottom:40px;opacity:0;transform:translateY(20px);animation:fadeUp 0.7s var(--ease) 0.75s forwards}
.hero-sub strong{color:var(--text);font-weight:600}
.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:fadeUp 0.7s var(--ease) 0.9s forwards}
.btn-hero{font-family:var(--H);font-size:15px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#040a02;text-decoration:none;padding:16px 36px;background:var(--neon);clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);box-shadow:0 0 40px rgba(57,255,20,0.45),0 4px 20px rgba(0,0,0,0.4);transition:all 0.25s;display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}
.btn-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transform:translateX(-100%);transition:transform 0.6s}
.btn-hero:hover::before{transform:translateX(100%)}
.btn-hero:hover{background:var(--neon2);box-shadow:0 0 60px rgba(57,255,20,0.7);transform:translateY(-3px)}
.btn-ghost-lg{font-family:var(--H);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text);text-decoration:none;padding:15px 28px;border:1px solid var(--border);background:rgba(255,255,255,0.02);backdrop-filter:blur(10px);clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);transition:all 0.25s;display:inline-flex;align-items:center;gap:8px}
.btn-ghost-lg:hover{border-color:var(--border-neon);color:var(--neon);transform:translateY(-2px)}
.hero-trust{display:flex;align-items:center;gap:24px;margin-top:22px;opacity:0;transform:translateY(20px);animation:fadeUp 0.7s var(--ease) 1.05s forwards;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-mid)}
.trust-item svg{color:var(--neon)}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{to{opacity:1}}
.hero-visual{display:flex;justify-content:center;position:relative;opacity:0;animation:fadeIn 1s var(--ease) 0.5s forwards}
.phone-scene{position:relative;animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.phone-glow-ring{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,rgba(57,255,20,0.15) 0%,transparent 65%);animation:pulseRing 4s ease-in-out infinite}
@keyframes pulseRing{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:0.6}}
.phone-shell{width:285px;height:580px;background:linear-gradient(160deg,var(--dark3) 0%,var(--dark2) 100%);border-radius:40px;border:1.5px solid rgba(57,255,20,0.3);box-shadow:0 0 0 7px rgba(57,255,20,0.04),0 50px 120px rgba(0,0,0,0.85),inset 0 0 80px rgba(57,255,20,0.04);overflow:hidden;position:relative}
.phone-screen-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(57,255,20,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,0.03) 1px,transparent 1px);background-size:18px 18px}
.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:75px;height:7px;background:var(--dark);border-radius:4px;z-index:10}
.phone-content{height:100%;display:flex;flex-direction:column;padding-top:32px;position:relative;z-index:1}
.phone-top{display:flex;align-items:center;justify-content:space-between;padding:8px 18px}
.phone-logo{font-family:var(--H);font-size:13px;font-weight:900;letter-spacing:3px;color:var(--neon);text-shadow:0 0 12px rgba(57,255,20,0.7)}
.phone-ava{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--neon),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#040a02}
.phone-greet{padding:10px 18px 2px;font-family:var(--H);font-size:9px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}
.phone-name{padding:0 18px 14px;font-family:var(--H);font-size:20px;font-weight:800;text-transform:uppercase}
.phone-ai-bubble{margin:0 12px 12px;background:var(--dark4);border:1px solid rgba(57,255,20,0.14);border-radius:12px;padding:12px}
.phone-ai-lbl{font-size:7px;font-family:var(--H);letter-spacing:2px;color:var(--neon);text-transform:uppercase;margin-bottom:5px}
.phone-ai-txt{font-size:10.5px;color:var(--text-mid);line-height:1.5}
.phone-ai-txt strong{color:var(--text)}
.phone-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 12px 11px}
.p-stat{background:var(--dark4);border:1px solid var(--border);border-radius:8px;padding:9px 7px;text-align:center}
.p-stat-v{font-family:var(--H);font-size:18px;font-weight:900;color:var(--neon);text-shadow:0 0 10px rgba(57,255,20,0.5);line-height:1}
.p-stat-l{font-size:7px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-top:2px}
.phone-workout{margin:0 12px 10px;background:linear-gradient(135deg,rgba(57,255,20,0.08),rgba(0,229,255,0.04));border:1px solid rgba(57,255,20,0.18);border-radius:10px;padding:11px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.p-wo-lbl{font-size:7px;font-family:var(--H);letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;margin-bottom:3px}
.p-wo-name{font-family:var(--H);font-size:14px;font-weight:800;text-transform:uppercase;margin-bottom:7px}
.p-wo-ex{font-size:9px;color:var(--text-mid);display:flex;align-items:center;gap:5px;margin-bottom:3px}
.p-wo-ex::before{content:'';width:3px;height:3px;background:var(--neon);border-radius:50%;box-shadow:0 0 5px var(--neon);flex-shrink:0}
.phone-nav-bar{margin-top:auto;display:flex;justify-content:space-around;padding:10px 10px 16px;border-top:1px solid var(--border);background:rgba(6,10,15,0.85)}
.p-nav{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7px;font-family:var(--H);letter-spacing:1px;color:var(--text-dim);text-transform:uppercase}
.p-nav.active{color:var(--neon)}
.p-nav-icon{font-size:14px}
.float-badge{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(12,17,24,0.92);padding:10px 14px;border-radius:10px;font-size:11px;white-space:nowrap;z-index:5;backdrop-filter:blur(12px)}
.float-badge.b1{left:-100px;top:110px;border:1px solid rgba(57,255,20,0.3);box-shadow:0 6px 30px rgba(0,0,0,0.6),var(--neon-glow);animation:float 5.5s ease-in-out infinite 0.8s}
.float-badge.b2{right:-95px;bottom:130px;border:1px solid rgba(0,229,255,0.3);box-shadow:0 6px 30px rgba(0,0,0,0.6),var(--cyan-glow);animation:float 5.5s ease-in-out infinite 2s}
.fb-val{font-family:var(--H);font-size:14px;font-weight:900}
.fb-val.g{color:var(--neon)}
.fb-val.c{color:var(--cyan)}
.fb-lbl{font-size:9px;color:var(--text-dim)}
.hero-mini-stats{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:0;background:rgba(12,17,24,0.85);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:4px;z-index:4;opacity:0;animation:fadeUp 0.8s var(--ease) 1.4s forwards}
.hero-mini-stat{padding:14px 28px;border-right:1px solid var(--border);text-align:center}
.hero-mini-stat:last-child{border-right:none}
.hms-num{font-family:var(--H);font-size:22px;font-weight:900;color:var(--neon);text-shadow:0 0 15px rgba(57,255,20,0.5);line-height:1}
.hms-num.c{color:var(--cyan);text-shadow:0 0 15px rgba(0,229,255,0.5)}
.hms-lbl{font-family:var(--H);font-size:9px;letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase;margin-top:4px}

/* TICKER */
.ticker{position:relative;z-index:2;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--dark2);padding:14px 0;overflow:hidden}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,var(--dark2),transparent)}
.ticker::after{right:0;background:linear-gradient(-90deg,var(--dark2),transparent)}
.ticker-track{display:flex;width:max-content;animation:tickerMove 35s linear infinite}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{display:flex;align-items:center;gap:16px;padding:0 36px;font-family:var(--H);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-mid);white-space:nowrap}
.ticker-sep{color:var(--neon);font-size:14px}

/* LAYOUT */
section{position:relative;z-index:2}
.container{max-width:1200px;margin:0 auto;padding:0 40px}
.container-sm{max-width:800px;margin:0 auto;padding:0 40px}
.section-pad{padding:110px 0}
.section-pad-sm{padding:90px 0}
.s-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--H);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--neon);border:1px solid var(--border-neon);background:var(--neon-dim);padding:6px 14px;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);margin-bottom:22px}
.s-tag.cyan{color:var(--cyan);border-color:var(--border-cyan);background:var(--cyan-dim)}
.s-title{font-family:var(--H);font-size:clamp(40px,5vw,68px);font-weight:900;line-height:0.93;letter-spacing:-0.5px;text-transform:uppercase;margin-bottom:22px}
.s-sub{font-size:16px;color:var(--text-mid);line-height:1.75;max-width:580px}
.centered{text-align:center}
.centered .s-sub{margin:0 auto}
.r{opacity:0;transform:translateY(44px);transition:opacity 0.75s var(--ease),transform 0.75s var(--ease)}
.r.in{opacity:1;transform:translateY(0)}
.r.d1{transition-delay:0.1s}.r.d2{transition-delay:0.2s}.r.d3{transition-delay:0.3s}.r.d4{transition-delay:0.4s}

/* STATS BAND */
.stats-band{background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.stat-item{padding:50px 36px;text-align:center;border-right:1px solid var(--border);position:relative;transition:background 0.3s}
.stat-item:last-child{border-right:none}
.stat-item:hover{background:var(--dark3)}
.stat-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transition:transform 0.4s var(--ease)}
.stat-item:hover::before{transform:scaleX(1)}
.stat-item:nth-child(odd)::before{background:var(--neon)}
.stat-item:nth-child(even)::before{background:var(--cyan)}
.stat-num{font-family:var(--H);font-size:62px;font-weight:900;line-height:1;letter-spacing:-1px;margin-bottom:8px}
.stat-num.g{color:var(--neon);text-shadow:0 0 30px rgba(57,255,20,0.35)}
.stat-num.c{color:var(--cyan);text-shadow:0 0 30px rgba(0,229,255,0.35)}
.stat-lbl{font-family:var(--H);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}

/* TRAINING MODES */
.modes{background:var(--dark)}
.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
.mode-card{position:relative;height:340px;overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:border-color 0.3s,transform 0.3s;text-decoration:none;display:block}
.mode-card:hover{border-color:var(--border-neon);transform:translateY(-6px)}
.mode-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(0.4) brightness(0.55) contrast(1.1);transition:all 0.5s var(--ease)}
.mode-card:hover .mode-img{filter:grayscale(0) brightness(0.7) contrast(1.15);transform:scale(1.06)}
.mode-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,10,15,0.4) 60%,rgba(6,10,15,0.95) 100%),radial-gradient(ellipse at 50% 100%,rgba(57,255,20,0.15) 0%,transparent 60%);pointer-events:none}
.mode-content{position:absolute;bottom:0;left:0;right:0;padding:28px;z-index:2}
.mode-num{font-family:var(--H);font-size:11px;font-weight:700;letter-spacing:3px;color:var(--neon);text-shadow:0 0 10px rgba(57,255,20,0.5);margin-bottom:8px}
.mode-title{font-family:var(--H);font-size:26px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.mode-desc{font-size:13px;color:var(--text-mid);line-height:1.5;max-width:280px}
.mode-arrow{position:absolute;top:24px;right:24px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(57,255,20,0.3);background:rgba(6,10,15,0.5);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--neon);transition:all 0.3s;z-index:2}
.mode-card:hover .mode-arrow{background:var(--neon);color:#040a02;transform:rotate(-45deg);box-shadow:var(--neon-glow)}

/* PILLARS */
.pillars{background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.pillar{padding:52px 40px;border-right:1px solid var(--border);position:relative;overflow:hidden;transition:background 0.35s}
.pillar:last-child{border-right:none}
.pillar:hover{background:var(--dark3)}
.pillar-line{position:absolute;top:0;left:0;right:0;height:3px}
.pillar-line.g{background:linear-gradient(90deg,var(--neon) 0%,rgba(57,255,20,0.1) 100%)}
.pillar-line.c{background:linear-gradient(90deg,var(--cyan) 0%,rgba(0,229,255,0.1) 100%)}
.pillar-line.gc{background:linear-gradient(90deg,var(--neon),var(--cyan))}
.pillar-num{font-family:var(--H);font-size:90px;font-weight:900;line-height:1;-webkit-text-stroke:1px;color:transparent;margin-bottom:6px}
.pillar-num.g{-webkit-text-stroke-color:rgba(57,255,20,0.1)}
.pillar-num.c{-webkit-text-stroke-color:rgba(0,229,255,0.1)}
.pillar-icon{font-size:38px;margin-bottom:18px}
.pillar-title{font-family:var(--H);font-size:30px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:14px;line-height:1.05}
.pillar-title .g{color:var(--neon)}
.pillar-title .c{color:var(--cyan)}
.pillar-text{font-size:14.5px;color:var(--text-mid);line-height:1.72;margin-bottom:22px}
.pillar-points{display:flex;flex-direction:column;gap:9px}
.pillar-point{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-mid);line-height:1.4}
.pillar-arrow{color:var(--neon);font-weight:700;flex-shrink:0;margin-top:1px}
.pillar-arrow.c{color:var(--cyan)}

/* HOW IT WORKS */
.hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:70px;position:relative}
.hiw-grid::before{content:'';position:absolute;top:38px;left:17%;right:17%;height:1px;background:linear-gradient(90deg,var(--neon),var(--cyan));opacity:0.25}
.hiw-step{text-align:center}
.hiw-num{width:78px;height:78px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-family:var(--H);font-size:26px;font-weight:900;position:relative;z-index:1;transition:transform 0.3s}
.hiw-num.g{color:var(--neon);border:1px solid var(--border-neon);background:var(--dark2);text-shadow:0 0 20px rgba(57,255,20,0.5);box-shadow:0 0 0 8px rgba(57,255,20,0.04)}
.hiw-num.c{color:var(--cyan);border:1px solid var(--border-cyan);background:var(--dark2);text-shadow:0 0 20px rgba(0,229,255,0.5);box-shadow:0 0 0 8px rgba(0,229,255,0.04)}
.hiw-step:hover .hiw-num{transform:scale(1.08)}
.hiw-title{font-family:var(--H);font-size:22px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.hiw-text{font-size:14px;color:var(--text-mid);line-height:1.7}

/* LIFESTYLE GALLERY */
.lifestyle{background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lifestyle-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:280px 280px;gap:16px;margin-top:60px}
.life-tile{position:relative;overflow:hidden;border:1px solid var(--border);transition:border-color 0.3s}
.life-tile:hover{border-color:var(--border-neon)}
.life-tile.big{grid-row:span 2}
.life-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(0.3) brightness(0.7) contrast(1.1);transition:all 0.6s var(--ease)}
.life-tile:hover .life-img{filter:grayscale(0) brightness(0.85) contrast(1.15);transform:scale(1.05)}
.life-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(6,10,15,0.92) 100%);pointer-events:none}
.life-label{position:absolute;bottom:20px;left:22px;z-index:2}
.life-cat{font-family:var(--H);font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--neon);text-transform:uppercase;text-shadow:0 0 10px rgba(57,255,20,0.5);margin-bottom:6px}
.life-cat.c{color:var(--cyan);text-shadow:0 0 10px rgba(0,229,255,0.5)}
.life-name{font-family:var(--H);font-size:22px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;line-height:1.1;color:var(--text)}

/* BRAIN */
.brain{background:var(--dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.brain-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,rgba(0,229,255,0.04) 0%,transparent 65%)}
.brain-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.brain-books{display:flex;flex-direction:column;gap:7px;margin-top:32px}
.brain-book{display:flex;align-items:center;gap:14px;padding:13px 18px;background:var(--dark2);border:1px solid var(--border);border-left:2.5px solid;transition:all 0.25s}
.brain-book:hover{background:var(--dark3)}
.brain-book.g{border-left-color:var(--neon)}
.brain-book.c{border-left-color:var(--cyan)}
.bb-icon{font-size:17px;width:26px;flex-shrink:0}
.bb-name{flex:1;font-size:13px;color:var(--text)}
.bb-chunks{font-family:var(--H);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--text-dim)}
.brain-orb-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
.orb-scene{position:relative;width:360px;height:360px;display:flex;align-items:center;justify-content:center}
.orb-ring{position:absolute;border-radius:50%;border:1px solid;inset:0}
.orb-ring:nth-child(1){border-color:rgba(0,229,255,0.12);animation:orbitSpin 22s linear infinite}
.orb-ring:nth-child(2){inset:22px;border-color:rgba(0,229,255,0.08);animation:orbitSpin 16s linear infinite reverse}
.orb-ring:nth-child(3){inset:44px;border-color:rgba(57,255,20,0.08);animation:orbitSpin 28s linear infinite}
.orb-ring:nth-child(4){inset:66px;border-color:rgba(57,255,20,0.06);animation:orbitSpin 18s linear infinite reverse}
@keyframes orbitSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.orb-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon)}
.orb-dot.c{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.orb-core{position:relative;z-index:10;text-align:center}
.orb-num{font-family:var(--H);font-size:72px;font-weight:900;color:var(--cyan);text-shadow:0 0 50px rgba(0,229,255,0.6);line-height:1}
.orb-lbl{font-family:var(--H);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-top:6px}

/* NUTRITION */
.nutrition{background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.nutrition-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.nut-img-stack{position:relative;height:540px}
.nut-img-main{position:absolute;top:0;left:0;width:75%;height:70%;background-image:url('https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=900&q=85&auto=format&fit=crop');background-size:cover;background-position:center;border:1px solid var(--border-neon);filter:grayscale(0.15) brightness(0.95) contrast(1.05);box-shadow:0 30px 80px rgba(0,0,0,0.6),0 0 40px rgba(57,255,20,0.08);z-index:1}
.nut-img-sub{position:absolute;bottom:0;right:0;width:60%;height:55%;background-image:url('https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=700&q=85&auto=format&fit=crop');background-size:cover;background-position:center;border:1px solid var(--border-cyan);filter:grayscale(0.15) brightness(0.95) contrast(1.05);box-shadow:0 30px 80px rgba(0,0,0,0.7),0 0 40px rgba(0,229,255,0.08);z-index:2}
.nut-stat-card{position:absolute;top:60%;left:8%;background:rgba(12,17,24,0.96);border:1px solid var(--border-neon);backdrop-filter:blur(20px);padding:18px 22px;z-index:3;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);box-shadow:0 20px 60px rgba(0,0,0,0.6),var(--neon-glow);animation:float 6s ease-in-out infinite}
.nsc-row{display:flex;align-items:center;gap:12px}
.nsc-icon{font-size:24px}
.nsc-data{line-height:1.2}
.nsc-val{font-family:var(--H);font-size:22px;font-weight:900;color:var(--neon)}
.nsc-lbl{font-size:10px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase}
.nut-features{display:flex;flex-direction:column;gap:18px;margin-top:32px}
.nut-feat{display:flex;gap:16px;padding:18px;background:var(--dark);border:1px solid var(--border);border-left:2px solid var(--neon);transition:all 0.25s}
.nut-feat:hover{background:var(--dark3);border-left-color:var(--cyan)}
.nut-feat-icon{font-size:28px;flex-shrink:0;transition:color 0.25s}
.nut-feat-title{font-family:var(--H);font-size:17px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:4px}
.nut-feat-text{font-size:13.5px;color:var(--text-mid);line-height:1.6}

/* FEATURES SLIDER */
.features-wrap{overflow:hidden;position:relative}
.features-slider{display:flex;gap:2px;cursor:grab;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.features-slider::-webkit-scrollbar{display:none}
.features-slider:active{cursor:grabbing}
.feat-card{min-width:320px;background:var(--dark2);border:1px solid var(--border);padding:40px 32px;position:relative;overflow:hidden;transition:background 0.3s,border-color 0.3s;flex-shrink:0;scroll-snap-align:start}
.feat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform 0.35s}
.feat-card:hover{background:var(--dark3)}
.feat-card:hover::after{transform:scaleX(1)}
.feat-card.g::after{background:var(--neon)}
.feat-card.c::after{background:var(--cyan)}
.feat-icon{font-size:36px;margin-bottom:20px}
.feat-title{font-family:var(--H);font-size:22px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:12px}
.feat-title .g{color:var(--neon)}
.feat-title .c{color:var(--cyan)}
.feat-text{font-size:14px;color:var(--text-mid);line-height:1.7}
.tilt-card{transform-style:preserve-3d}

/* COACHES */
.coaches-section{background:var(--dark)}
.coaches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}
.coach-card{position:relative;height:380px;overflow:hidden;border:1px solid var(--border);transition:border-color 0.3s,transform 0.3s;cursor:pointer;text-decoration:none;display:block}
.coach-card:hover{border-color:var(--border-neon);transform:translateY(-6px)}
.coach-img{position:absolute;inset:0;background-size:cover;background-position:center top;filter:grayscale(0.5) brightness(0.75) contrast(1.1);transition:all 0.5s var(--ease)}
.coach-card:hover .coach-img{filter:grayscale(0) brightness(0.85);transform:scale(1.05)}
.coach-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,10,15,0.5) 60%,rgba(6,10,15,0.97) 100%)}
.coach-info{position:absolute;bottom:0;left:0;right:0;padding:22px;z-index:2}
.coach-spec-tag{display:inline-block;font-family:var(--H);font-size:9px;font-weight:700;letter-spacing:2px;color:var(--neon);background:rgba(57,255,20,0.12);border:1px solid var(--border-neon);padding:3px 8px;text-transform:uppercase;margin-bottom:10px}
.coach-name{font-family:var(--H);font-size:22px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:4px}
.coach-cred{font-size:11px;color:var(--text-mid);letter-spacing:0.5px}
.coach-badge{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(57,255,20,0.95);display:flex;align-items:center;justify-content:center;font-size:18px;color:#040a02;z-index:3;box-shadow:var(--neon-glow)}

/* COMPARE */
.compare{background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.compare-table{width:100%;border-collapse:collapse;margin-top:60px;table-layout:fixed}
.compare-table thead tr{border-bottom:1px solid var(--border)}
.compare-table th{padding:24px 20px;font-family:var(--H);font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:center}
.compare-table th:first-child{text-align:left;color:var(--text-dim);font-size:11px;letter-spacing:2px}
.compare-table th.rizon-col{background:var(--neon-dim);color:var(--neon);border:1px solid var(--border-neon);position:relative}
.compare-table th.rizon-col::before{content:'★ BEST';position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;letter-spacing:2px;color:#040a02;background:var(--neon);padding:3px 10px;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);white-space:nowrap}
.compare-table th.comp-col{color:var(--text-dim)}
.compare-table tbody tr{border-bottom:1px solid var(--border);transition:background 0.2s}
.compare-table tbody tr:hover{background:rgba(255,255,255,0.018)}
.compare-table td{padding:18px 20px;text-align:center;font-size:13.5px;color:var(--text-mid)}
.compare-table td:first-child{text-align:left;font-weight:600;color:var(--text);font-size:14px}
.compare-table td.rizon-col{background:var(--neon-dim);border-left:1px solid var(--border-neon);border-right:1px solid var(--border-neon)}
.check-y{color:var(--neon);font-size:18px;font-weight:900}
.check-n{color:var(--text-dim);font-size:16px}
.check-p{color:#fbbf24;font-size:12px;font-family:var(--H);letter-spacing:1px}

/* TESTIMONIALS / REVIEWS */
.testimonials{overflow:hidden}
.stars,.testi-stars{display:flex;align-items:center;gap:3px;font-size:14px;color:#fbbf24;margin-bottom:14px}
.reviews-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
.review-card,.testi-card{background:var(--dark2);border:1px solid var(--border);padding:28px;position:relative;overflow:hidden;transition:all 0.3s}
.review-card::before{content:'"';position:absolute;top:-8px;right:16px;font-size:100px;font-family:var(--H);font-weight:900;color:rgba(57,255,20,0.05);line-height:1;pointer-events:none}
.review-card:hover,.testi-card:hover{border-color:var(--border-neon);box-shadow:0 8px 40px rgba(0,0,0,0.4),0 0 20px rgba(57,255,20,0.07);transform:translateY(-4px)}
.review-text,.testi-text{font-size:14.5px;color:var(--text-mid);line-height:1.72;margin-bottom:20px;font-style:italic}
.review-text strong,.testi-text strong{color:var(--text);font-style:normal}
.review-author,.testi-author{display:flex;align-items:center;gap:12px}
.review-photo{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;border:2px solid;flex-shrink:0;filter:grayscale(0.2)}
.review-photo.g{border-color:var(--border-neon);box-shadow:0 0 12px rgba(57,255,20,0.2)}
.review-photo.c{border-color:var(--border-cyan);box-shadow:0 0 12px rgba(0,229,255,0.2)}
.testi-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--neon),var(--cyan));display:flex;align-items:center;justify-content:center;font-family:var(--H);font-size:14px;font-weight:800;color:#040a02;flex-shrink:0}
.review-name,.testi-name{font-family:var(--H);font-size:16px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase}
.review-meta,.testi-meta{font-size:11px;color:var(--text-dim);letter-spacing:0.5px}
.review-plan{display:inline-block;margin-top:4px;font-size:9px;font-family:var(--H);letter-spacing:1.5px;text-transform:uppercase;padding:2px 8px}
.review-plan.g{color:var(--neon);background:var(--neon-dim);border:1px solid var(--border-neon)}
.review-plan.c{color:var(--cyan);background:var(--cyan-dim);border:1px solid var(--border-cyan)}
.rating-summary{display:flex;align-items:center;justify-content:center;gap:60px;padding:48px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:60px}
.rating-block{text-align:center}
.rating-big{font-family:var(--H);font-size:64px;font-weight:900;color:var(--neon);text-shadow:var(--neon-glow);line-height:1}
.rating-text{font-size:12px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-top:6px}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--border);border:1px solid var(--border);margin-top:60px}
.price-card{background:var(--dark);padding:40px 26px;display:flex;flex-direction:column;position:relative;transition:background 0.3s}
.price-card:hover{background:var(--dark3)}
.price-card.featured{background:var(--dark2);border:1px solid rgba(57,255,20,0.2);margin:-1px;box-shadow:0 0 60px rgba(57,255,20,0.06)}
.price-accent{height:3px;margin:-40px -26px 32px}
.price-accent.free{background:var(--border)}
.price-accent.starter{background:linear-gradient(90deg,rgba(57,255,20,0.4),transparent)}
.price-accent.pro{background:linear-gradient(90deg,var(--neon),rgba(57,255,20,0.3));box-shadow:0 0 12px rgba(57,255,20,0.4)}
.price-accent.elite{background:linear-gradient(90deg,var(--neon),var(--cyan));box-shadow:0 0 16px rgba(57,255,20,0.4)}
.price-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:var(--H);font-size:9px;font-weight:700;letter-spacing:2px;color:#040a02;background:var(--neon);padding:4px 14px;white-space:nowrap;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%)}
.price-plan{font-family:var(--H);font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}
.price-amount{font-family:var(--H);font-size:54px;font-weight:900;line-height:1;margin-bottom:4px}
.price-amount.g{color:var(--neon);text-shadow:0 0 20px rgba(57,255,20,0.35)}
.price-amount.c{color:var(--cyan);text-shadow:0 0 20px rgba(0,229,255,0.35)}
.price-amount.w{color:var(--text)}
.price-period{font-size:13px;color:var(--text-dim);margin-bottom:28px}
.price-div{height:1px;background:var(--border);margin-bottom:24px}
.price-feats{flex:1;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.price-feat{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-mid);line-height:1.4}
.price-feat.off{opacity:0.38;text-decoration:line-through}
.pf-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;margin-top:1px}
.pf-on-g{background:var(--neon-dim);color:var(--neon);border:1px solid var(--border-neon)}
.pf-on-c{background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--border-cyan)}
.pf-off{background:transparent;color:var(--text-dim);border:1px solid var(--border)}
.price-btn{font-family:var(--H);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:13px;text-align:center;transition:all 0.25s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);display:block}
.price-btn.primary{background:var(--neon);color:#040a02;box-shadow:var(--neon-glow)}
.price-btn.primary:hover{background:var(--neon2);box-shadow:0 0 50px rgba(57,255,20,0.6)}
.price-btn.ghost{background:transparent;color:var(--text-mid);border:1px solid var(--border)}
.price-btn.ghost:hover{border-color:var(--border-neon);color:var(--neon)}
.price-btn.cyan-btn{background:transparent;color:var(--cyan);border:1px solid var(--border-cyan)}
.price-btn.cyan-btn:hover{background:var(--cyan-dim)}

/* FAQ */
.faq{background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.faq-list{margin-top:60px;display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border)}
.faq-item{background:var(--dark);overflow:hidden}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;cursor:pointer;transition:background 0.25s;user-select:none}
.faq-q:hover{background:var(--dark3)}
.faq-question{font-family:var(--H);font-size:18px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--text);transition:color 0.25s}
.faq-item.open .faq-question{color:var(--neon)}
.faq-icon{width:32px;height:32px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-dim);flex-shrink:0;transition:all 0.3s;font-weight:300}
.faq-item.open .faq-icon{border-color:var(--border-neon);color:var(--neon);transform:rotate(45deg);background:var(--neon-dim)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease)}
.faq-item.open .faq-answer{max-height:300px}
.faq-a-inner{padding:0 28px 24px;font-size:15px;color:var(--text-mid);line-height:1.75;border-top:1px solid var(--border);padding-top:20px}
.faq-a-inner strong{color:var(--text)}

/* TRUST STRIP */
.trust-strip{border-top:1px solid var(--border)}
.trust-badges{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;padding:48px 0}
.trust-badge{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-mid)}
.trust-badge-icon{font-size:26px}
.trust-badge-text{line-height:1.3}
.trust-badge-title{font-family:var(--H);font-size:14px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--text)}
.trust-badge-sub{font-size:11px;color:var(--text-dim)}

/* FINAL CTA */
.final-cta{border-top:1px solid var(--border);text-align:center;overflow:hidden;position:relative}
.final-cta-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(6,10,15,0.85) 0%,rgba(6,10,15,0.92) 100%),url('https://images.unsplash.com/photo-1605296867304-46d5465a13f1?w=1600&q=85&auto=format&fit=crop');background-size:cover;background-position:center;z-index:0}
.final-cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(57,255,20,0.12) 0%,transparent 65%);pointer-events:none;z-index:1}
.final-cta .container-sm{position:relative;z-index:2}
.cta-title{font-family:var(--H);font-size:clamp(58px,7.5vw,108px);font-weight:900;line-height:0.9;letter-spacing:-1px;text-transform:uppercase;margin-bottom:24px}
.cta-title .g{color:var(--neon);text-shadow:0 0 70px rgba(57,255,20,0.5)}
.cta-sub{font-size:18px;color:var(--text-mid);line-height:1.65;margin-bottom:50px}
.cta-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}

/* FOOTER */
.footer{border-top:1px solid var(--border);background:var(--dark);position:relative;z-index:2}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding:64px 0 48px}
.footer-logo{font-family:var(--H);font-size:24px;font-weight:900;letter-spacing:6px;color:var(--neon);text-shadow:0 0 20px rgba(57,255,20,0.4);text-transform:uppercase;margin-bottom:12px;display:block;text-decoration:none}
.footer-tagline{font-family:var(--H);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}
.footer-desc{font-size:14px;color:var(--text-mid);line-height:1.65;max-width:290px}
.footer-col-h{font-family:var(--H);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:18px}
.footer-links{display:flex;flex-direction:column;gap:11px;list-style:none}
.footer-links a{font-size:14px;color:var(--text-mid);text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:var(--neon)}
.footer-bottom{padding:22px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-copy{font-size:12px;color:var(--text-dim)}
.footer-copy span{color:var(--neon)}

/* COOKIE BANNER */
#cookie-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 48px));background:rgba(18,26,36,0.97);backdrop-filter:blur(24px);border:1px solid var(--border);padding:24px 28px;z-index:800;display:flex;align-items:center;gap:24px;box-shadow:0 20px 60px rgba(0,0,0,0.8);transition:opacity 0.4s,transform 0.4s}
#cookie-banner.hidden{opacity:0;transform:translateX(-50%) translateY(20px);pointer-events:none}
.cookie-text{flex:1;font-size:13px;color:var(--text-mid);line-height:1.6}
.cookie-text a{color:var(--neon);text-decoration:none}
.cookie-btns{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}
.cookie-btn{font-family:var(--H);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:9px 16px;border:none;cursor:pointer;transition:all 0.2s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.cookie-btn.accept{background:var(--neon);color:#040a02}
.cookie-btn.accept:hover{background:var(--neon2)}
.cookie-btn.necessary{background:var(--dark3);color:var(--text-mid);border:1px solid var(--border)}
.cookie-btn.necessary:hover{border-color:var(--border-neon);color:var(--neon)}
.cookie-btn.settings{background:transparent;color:var(--text-dim);border:1px solid transparent}

/* ===== SUBPAGE-SPECIFIC ===== */
/* Page Hero (Unterseiten) — cinematic v3 design */
.page-hero{padding:160px 0 110px;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 80px) 100%,0 100%)}
.page-hero::before{content:'';position:absolute;top:-20%;bottom:-20%;left:-40%;width:60%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0.03) 30%,rgba(57,255,20,0.15) 48%,rgba(255,255,255,0.1) 50%,rgba(57,255,20,0.15) 52%,rgba(255,255,255,0.03) 70%,transparent 100%);filter:blur(20px);animation:phSweep 1.6s cubic-bezier(.65,0,.35,1) 0.4s both;z-index:3;pointer-events:none}
.page-hero::after{content:'';position:absolute;bottom:42px;left:0;right:80px;height:1px;background:linear-gradient(90deg,var(--neon) 0%,var(--cyan) 40%,transparent 100%);opacity:0.2;z-index:3}
@keyframes phSweep{0%{transform:skewX(-12deg) translateX(-100%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:skewX(-12deg) translateX(300%);opacity:0}}
.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(0.3) brightness(0.22) contrast(1.15);z-index:0;animation:phKb 20s ease-in-out alternate infinite}
@keyframes phKb{0%{transform:scale(1.04)}100%{transform:scale(1.11) translate(-1.5%,-1%)}}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,10,15,0.97) 35%,rgba(6,10,15,0.78) 100%),radial-gradient(ellipse at 75% 50%,rgba(57,255,20,0.09) 0%,transparent 55%);z-index:1}
.page-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 40px}
.page-hero-title{font-family:var(--H);font-size:clamp(56px,7vw,100px);font-weight:900;line-height:0.9;letter-spacing:-1px;text-transform:uppercase;margin-bottom:24px;text-shadow:0 0 80px rgba(57,255,20,0.12)}
.page-hero-sub{font-size:17px;color:var(--text-mid);line-height:1.75;max-width:620px;margin-bottom:40px}

/* Additional utility classes */
.btn-cta{font-family:var(--H);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#040a02;text-decoration:none;padding:14px 32px;background:var(--neon);clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);box-shadow:var(--neon-glow);transition:all 0.25s;display:inline-flex;align-items:center;gap:8px}
.btn-cta:hover{background:var(--neon2);box-shadow:0 0 50px rgba(57,255,20,0.65);transform:translateY(-2px)}
.btn-outline{font-family:var(--H);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-mid);text-decoration:none;padding:12px 24px;border:1px solid var(--border);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all 0.25s;display:inline-flex;align-items:center;gap:8px}
.btn-outline:hover{border-color:var(--border-neon);color:var(--neon);transform:translateY(-2px)}
.todo-box{background:rgba(255,200,0,0.05);border:1px solid rgba(255,200,0,0.2);padding:14px 18px;margin:16px 0;font-size:13px;color:rgba(255,200,0,0.8)}
.legal-content h2{font-family:var(--H);font-size:28px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;margin:40px 0 16px;color:var(--text)}
.legal-content h3{font-family:var(--H);font-size:20px;font-weight:700;text-transform:uppercase;margin:28px 0 12px;color:var(--text-mid)}
.legal-content p{font-size:14.5px;color:var(--text-mid);line-height:1.8;margin-bottom:16px}
.legal-content ul{margin:0 0 16px 24px}
.legal-content li{font-size:14.5px;color:var(--text-mid);line-height:1.8;margin-bottom:6px}
.legal-content a{color:var(--neon);text-decoration:none}

/* Form */
.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}
.form-label{font-family:var(--H);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}
.form-input,.form-textarea,.form-select{background:var(--dark2);border:1px solid var(--border);color:var(--text);font-family:var(--B);font-size:14px;padding:13px 16px;outline:none;transition:border-color 0.2s;width:100%;resize:none;-webkit-appearance:none}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-neon)}
.form-textarea{min-height:140px}

/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.blog-card{background:var(--dark2);border:1px solid var(--border);overflow:hidden;text-decoration:none;transition:all 0.3s;display:block}
.blog-card:hover{border-color:var(--border-neon);transform:translateY(-4px)}
.blog-card-img{height:200px;background-size:cover;background-position:center;filter:grayscale(0.3) brightness(0.7);transition:all 0.5s}
.blog-card:hover .blog-card-img{filter:grayscale(0) brightness(0.8)}
.blog-card-body{padding:24px}
.blog-card-cat{font-family:var(--H);font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--neon);margin-bottom:10px}
.blog-card-title{font-family:var(--H);font-size:20px;font-weight:800;letter-spacing:0.3px;text-transform:uppercase;color:var(--text);margin-bottom:10px;line-height:1.15}
.blog-card-excerpt{font-size:13px;color:var(--text-mid);line-height:1.6;margin-bottom:16px}
.blog-card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-dim)}

/* Filter */
.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 40px}
.filter-btn{font-family:var(--H);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:9px 18px;border:1px solid var(--border);background:transparent;color:var(--text-mid);cursor:pointer;transition:all 0.2s;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.filter-btn:hover,.filter-btn.active{border-color:var(--border-neon);color:var(--neon);background:var(--neon-dim)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .nav{padding:0 24px}
  .nav-links,.nav-actions .btn-ghost{display:none}
  .hamburger{display:flex}
  .hero-inner{grid-template-columns:1fr;text-align:center;gap:50px;padding:40px 24px 70px}
  .hero-eyebrow,.hero-cta,.hero-trust{justify-content:center}
  .hero-sub{margin:0 auto 40px}
  .float-badge{display:none}
  .hero-visual{display:none}
  .hero-mini-stats{position:relative;bottom:auto;left:auto;transform:none;flex-direction:column;margin:30px auto 0;width:max-content}
  .hero-mini-stat{border-right:none;border-bottom:1px solid var(--border)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .modes-grid{grid-template-columns:1fr 1fr}
  .pillars-grid{grid-template-columns:1fr}
  .pillar{border-right:none;border-bottom:1px solid var(--border)}
  .hiw-grid{grid-template-columns:1fr;gap:40px}
  .hiw-grid::before{display:none}
  .lifestyle-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 250px 250px}
  .life-tile.big{grid-row:span 2}
  .brain-layout{grid-template-columns:1fr}
  .brain-orb-wrap{display:none}
  .nutrition-layout{grid-template-columns:1fr;gap:50px}
  .nut-img-stack{height:420px;max-width:500px;margin:0 auto}
  .coaches-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-grid,.testimonials-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  body{cursor:auto}
  #cursor-dot,#cursor-ring{display:none}
  .faq-q,.mode-card,.coach-card{cursor:pointer}
  .page-hero-inner{padding:0 24px}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  #cookie-banner{flex-direction:column;align-items:flex-start}
}
@media(max-width:680px){
  .nav{padding:0 20px}
  .container,.container-sm{padding:0 20px}
  .section-pad{padding:72px 0}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stat-item{padding:36px 20px}
  .stat-num{font-size:44px}
  .modes-grid{grid-template-columns:1fr}
  .lifestyle-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,220px)}
  .life-tile.big{grid-row:span 1}
  .coaches-grid{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .compare-table{font-size:12px}
  .compare-table th,.compare-table td{padding:14px 10px}
  .rating-summary{flex-direction:column;gap:32px}
  .trust-badges{gap:28px}
  .footer-bottom{flex-direction:column;text-align:center}
  .phone-shell{width:240px;height:480px}
  .nut-img-stack{height:380px}
  .blog-grid{grid-template-columns:1fr}
  .cta-btns{flex-direction:column;align-items:center}
}

/* ===== CTA BAND ===== */
.cta-band{position:relative;padding:100px 0;text-align:center;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--dark2)}
.cta-band-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(57,255,20,0.08) 0%,transparent 65%);pointer-events:none}
.cta-band-title{font-family:var(--H);font-size:clamp(44px,6vw,88px);font-weight:900;line-height:0.92;letter-spacing:-0.5px;text-transform:uppercase;margin-bottom:24px}
.cta-band-sub{font-size:16px;color:var(--text-mid);line-height:1.7;max-width:580px;margin:0 auto 40px;text-align:center}
.cta-band-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
@media(max-width:680px){
  .cta-band{padding:72px 0}
  .cta-band-btns{flex-direction:column}
}

/* ===== PLAN CARD TYPOGRAPHY (Preise page) ===== */
.plan-name{font-family:var(--H);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}
.plan-price{font-family:var(--H);font-size:52px;font-weight:900;line-height:1;margin-bottom:4px}
.plan-per{font-size:13px;color:var(--text-dim);margin-bottom:4px}
.plan-features{display:flex;flex-direction:column;gap:10px}
.plan-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-mid);line-height:1.4}
.plan-feature .check{color:var(--neon);font-weight:900;flex-shrink:0}
.plan-feature .cross{color:var(--text-dim);flex-shrink:0;opacity:0.45}
.check{color:var(--neon)}
.cross{color:var(--text-dim);opacity:0.45}
.plan-popular-badge{font-family:var(--H);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:var(--neon);color:#040a02;padding:4px 12px;display:inline-block;margin-bottom:20px}
.plan-cta{font-family:var(--H);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;padding:14px 20px;text-align:center;display:block;transition:all 0.25s;border:1px solid var(--border);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}
.plan-cta.outline{background:transparent;color:var(--text-mid)}
.plan-cta.outline:hover{border-color:var(--border-neon);color:var(--neon)}
.plan-cta.neon{background:var(--neon);color:#040a02;border-color:var(--neon);box-shadow:var(--neon-glow)}
.plan-cta.neon:hover{background:var(--neon2)}
@media(max-width:680px){
  .plan-big{grid-template-columns:1fr!important}
}

/* ===== FAQ ALIAS ===== */
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease)}
.faq-item.open .faq-a{max-height:600px}

/* ===== NEW HERO v3 — Auto-Rotating Themes ===== */
/* Drop-in replacement for the current .hero section.       */
/* Uses your existing CSS variables, fonts and conventions. */
/* Append this to your existing styles.css.                 */

:root{
  --hero-orange:#ff6b2b;
  --hero-purple:#a78bfa;
  --hero-warn:#ffc107;
}

/* Hero rotates an --accent variable per theme. Default = neon. */
.hero-v3{
  position:relative;min-height:100vh;display:flex;flex-direction:column;
  overflow:hidden;padding-top:68px;
  --accent:var(--neon);
  --accent-glow:rgba(57,255,20,0.4);
  transition:background 1.4s cubic-bezier(.65,0,.35,1);
  perspective: 1400px;
}
/* Animate the accent custom properties themselves via @property so colors morph smoothly */
@property --accent { syntax: '<color>'; inherits: true; initial-value: #39ff14; }
@property --accent-glow { syntax: '<color>'; inherits: true; initial-value: rgba(57,255,20,0.4); }
.hero-v3,
.hero-v3 *{
  transition-property: --accent, --accent-glow, color, background-color, border-color, box-shadow, fill, stroke, text-shadow;
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(.65,0,.35,1);
}

/* Cinematic curtain — a wide diagonal light-sweep at every theme change */
.hv-curtain{
  position:absolute; inset:0; z-index:5; pointer-events:none; overflow:hidden;
}
.hv-curtain::before{
  content:''; position:absolute; top:-20%; bottom:-20%; left:-40%; width:60%;
  background: linear-gradient(105deg,
    transparent 0%,
    rgba(255,255,255,0.04) 30%,
    var(--accent-glow) 48%,
    rgba(255,255,255,0.18) 50%,
    var(--accent-glow) 52%,
    rgba(255,255,255,0.04) 70%,
    transparent 100%);
  filter: blur(20px);
  transform: translateX(0) skewX(-12deg);
  opacity:0;
}
.hero-v3.flash .hv-curtain::before{
  animation: hvSweep 1.4s cubic-bezier(.65,0,.35,1);
}
@keyframes hvSweep{
  0%   { transform: translateX(0) skewX(-12deg); opacity:0; }
  20%  { opacity:1; }
  80%  { opacity:1; }
  100% { transform: translateX(280%) skewX(-12deg); opacity:0; }
}

/* Theme-change radial pulse — bigger, longer, easier */
.hero-v3::after{
  content:''; position:absolute; inset:0; z-index:5; pointer-events:none;
  background: radial-gradient(ellipse at 70% 50%, var(--accent-glow) 0%, transparent 60%);
  opacity:0;
}
.hero-v3.flash::after{
  animation: hvFlash 1.6s cubic-bezier(.22,1,.36,1);
}
@keyframes hvFlash{ 0%{opacity:0; transform:scale(.85)} 20%{opacity:.7; transform:scale(1.02)} 100%{opacity:0; transform:scale(1.15)} }

/* Smooth slide-swap helper — used by JS for content transitions */
.hv-swap{
  transition: opacity 0.5s cubic-bezier(.65,0,.35,1), transform 0.5s cubic-bezier(.65,0,.35,1), filter 0.5s ease;
  will-change: opacity, transform, filter;
}
.hv-swap.out{ opacity:0; transform:translateY(-8px) translateZ(0); filter:blur(6px); }
.hv-swap.in {
  opacity:0; transform:translateY(16px) translateZ(0); filter:blur(8px);
  animation: hvSwapIn 0.7s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes hvSwapIn{
  0%   { opacity:0; transform:translateY(16px); filter:blur(8px); }
  55%  { opacity:1; filter:blur(0); }
  100% { opacity:1; transform:translateY(0); filter:blur(0); }
}

/* Ken-Burns subtle zoom+pan on hero bg */
.hv-img-layer.on{ animation: hvKenBurns 18s ease-in-out infinite alternate; }
@keyframes hvKenBurns{
  0%   { transform: scale(1.05) translate(0, 0); }
  100% { transform: scale(1.12) translate(-1.5%, -1%); }
}

/* Magnetic float cards — 3D hover lift */
.hv-float{ transform-style: preserve-3d; transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, opacity .35s; cursor:pointer; }
.hv-float:hover{
  transform: translateY(-6px) rotateX(8deg) rotateY(-6deg) scale(1.04) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 50px var(--accent-glow);
  z-index: 10;
}

/* Phone gentle breathing tilt on parent mouse */
.hv-phone{ transition: transform 0.6s cubic-bezier(.16,1,.3,1), box-shadow 1s ease; }

/* Active dot with glowing trail */
.hv-dot.on{ box-shadow: 0 0 12px var(--accent), 0 0 24px var(--accent-glow); }
.hero-v3.theme-training{--accent:var(--neon);--accent-glow:rgba(57,255,20,0.4)}
.hero-v3.theme-nutrition{--accent:var(--cyan);--accent-glow:rgba(0,229,255,0.4)}
.hero-v3.theme-outdoor{--accent:var(--hero-orange);--accent-glow:rgba(255,107,43,0.4)}
.hero-v3.theme-recovery{--accent:var(--hero-purple);--accent-glow:rgba(167,139,250,0.4)}
.hero-v3.theme-coach{--accent:var(--neon);--accent-glow:rgba(57,255,20,0.4)}

/* Background image layers (crossfade) */
.hero-v3-bg{position:absolute;inset:0;z-index:0;background:var(--dark)}
.hero-v3-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,15,0.85) 0%,rgba(6,10,15,0.92) 100%),linear-gradient(90deg,rgba(6,10,15,0.94) 0%,rgba(6,10,15,0.55) 50%,rgba(6,10,15,0.65) 100%);z-index:2}
.hv-img-layer{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:0;transition:opacity 1.4s cubic-bezier(.4,0,.2,1);filter:saturate(0.85) contrast(1.1)}
.hv-img-layer.on{opacity:1}
.hero-v3-bg::before{content:'';position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 80% 50%,var(--accent-glow) 0%,transparent 60%);opacity:0.18;transition:background 1s ease}

/* Particle canvas */
#hero-v3-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0.5}

/* Sys bar — top mono strip with live indicator */
.hv-sysbar{position:relative;z-index:5;display:flex;align-items:center;gap:14px;padding:10px 40px;border-bottom:1px solid var(--border);font-family:'JetBrains Mono','Courier New',monospace;font-size:10.5px;color:var(--text-dim);letter-spacing:0.5px}
.hv-sysbar .sb-live{color:var(--accent);transition:color 1s ease}
.hv-sysbar .sb-sep{color:rgba(255,255,255,0.1)}
.hv-sysbar .sb-end{margin-left:auto;color:var(--cyan)}

/* Inner layout */
.hero-v3-inner{position:relative;z-index:4;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:40px 40px 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,0.9fr);gap:60px;align-items:flex-start}

/* Eyebrow row with progress bar + theme dots */
.hv-eyebrow-row{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin-bottom:8px;flex-wrap:wrap}
.hv-pill{font-family:var(--H);font-size:10px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;color:#040a02;background:var(--accent);padding:5px 12px;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);transition:background 1s ease}
.hv-eyebrow-text{font-family:var(--H);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-mid);transition:color 0.3s}
.hv-progress{flex:1;max-width:160px;height:2px;background:var(--dark4);position:relative;overflow:hidden;margin-left:auto}
.hv-progress > i{position:absolute;left:0;top:0;bottom:0;background:var(--accent);box-shadow:0 0 8px var(--accent);width:0%;transition:background 1s ease}
.hv-progress.run > i{animation:hvProg var(--rotate-speed,5s) linear infinite}
@keyframes hvProg{from{width:0%}to{width:100%}}
.hv-dots{display:flex;gap:6px}
.hv-dot{width:10px;height:4px;background:rgba(255,255,255,0.15);border:none;padding:0;cursor:pointer;transition:width 0.4s,background 0.4s}
.hv-dot.on{width:28px;background:var(--accent)}

/* LEFT column */
.hv-left{position:relative}
.hv-title{font-family:var(--H);font-size:clamp(64px,7.2vw,108px);font-weight:900;line-height:0.92;letter-spacing:-1.5px;text-transform:uppercase;color:var(--text);margin-bottom:24px}
.hv-title .word{display:block;overflow:hidden}
.hv-title .word .inner{display:block;animation:hvWordRise 0.85s cubic-bezier(.22,1,.36,1) both}
@keyframes hvWordRise{from{transform:translateY(110%) skewY(8deg);opacity:0}to{transform:translateY(0) skewY(0);opacity:1}}
.hv-title .word.accent .inner{color:var(--accent);text-shadow:0 0 24px var(--accent-glow);transition:color 1s,text-shadow 1s}

/* Tactical underline */
.hv-tac{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.hv-tac-bar{width:40px;height:2px;background:var(--accent);flex-shrink:0;transition:background 1s ease}
.hv-tac-mono{font-family:'JetBrains Mono','Courier New',monospace;font-size:11px;color:var(--accent);transition:color 1s}

.hv-sub{font-size:17px;line-height:1.6;color:var(--text-mid);max-width:540px;margin-bottom:28px;min-height:80px}
.hv-sub strong{color:var(--text);font-weight:600}

/* CTAs (use existing .btn-hero & .btn-ghost-lg) */
.hv-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.hv-cta .btn-hero{background:var(--accent);box-shadow:0 0 40px var(--accent-glow),0 4px 20px rgba(0,0,0,0.4);transition:background 1s ease,box-shadow 1s ease,transform 0.25s}
.hv-cta-note{font-family:'JetBrains Mono','Courier New',monospace;font-size:11px;color:var(--text-dim)}

/* Live image card under hero text */
.hv-livecard{position:relative;width:100%;max-width:540px;height:200px;overflow:hidden;border:1px solid var(--border);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}
.hv-lc-img{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);filter:saturate(0.9) contrast(1.1) brightness(0.85)}
.hv-lc-img.on{opacity:1}
.hv-lc-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(6,10,15,0.96) 100%);z-index:2;pointer-events:none}
.hv-lc-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0.6;animation:hvScan 3.2s linear infinite;z-index:3;pointer-events:none}
@keyframes hvScan{0%{top:0;opacity:0}10%{opacity:.7}90%{opacity:.7}100%{top:100%;opacity:0}}
.hv-lc-tags{position:absolute;top:14px;left:14px;display:flex;gap:8px;z-index:4}
.hv-lc-tag{font-family:'JetBrains Mono','Courier New',monospace;font-size:10px;color:var(--accent);background:rgba(6,10,15,0.85);border:1px solid var(--accent);padding:5px 10px;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);display:flex;align-items:center;gap:6px;transition:border-color 1s,color 1s}
.hv-lc-tag.alt{color:var(--cyan);border-color:var(--border)}
.hv-lc-tag .live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent);animation:blink 1.8s infinite;transition:background 1s,box-shadow 1s}
.hv-lc-bottom{position:absolute;left:14px;right:14px;bottom:14px;z-index:4}
.hv-lc-lbl{font-family:var(--H);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}
.hv-lc-big{font-family:var(--H);font-size:28px;font-weight:900;line-height:1;color:var(--text);text-transform:uppercase;letter-spacing:-0.5px}
.hv-lc-big .accent{color:var(--accent);text-shadow:0 0 20px var(--accent-glow);margin-right:12px;transition:color 1s,text-shadow 1s}
.hv-lc-big .small{font-size:14px;font-weight:600;opacity:0.7;letter-spacing:0}

/* RIGHT column — Phone */
.hv-right{position:relative;display:flex;justify-content:center;padding-top:0;min-height:620px}
.hv-phone-wrap{position:relative;width:280px}
.hv-phone-glow{position:absolute;inset:-24px;border-radius:50px;background:conic-gradient(from 0deg,transparent,var(--accent-glow),transparent 60%);animation:hvRot 8s linear infinite;z-index:0;filter:blur(20px);opacity:0.5;transition:background 1s ease}
@keyframes hvRot{to{transform:rotate(360deg)}}
.hv-phone{position:relative;width:280px;height:580px;background:var(--dark2);border-radius:38px;box-shadow:0 30px 80px rgba(0,0,0,0.7),0 0 0 8px #0a0a0a,0 0 0 9px var(--dark4),0 0 60px var(--accent-glow);overflow:hidden;padding-top:28px;transition:box-shadow 1s ease;z-index:2}
.hv-phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:88px;height:7px;background:#000;border-radius:4px;z-index:5}
.hv-screen{position:absolute;inset:28px 0 0;opacity:0;transform:translateY(8px);transition:opacity 0.6s cubic-bezier(.22,1,.36,1),transform 0.6s cubic-bezier(.22,1,.36,1)}
.hv-screen.on{opacity:1;transform:translateY(0)}

/* Floating cards around phone */
.hv-float{position:absolute;z-index:6;animation:hvFloat 6s ease-in-out infinite}
.hv-float.streak{right:-78px;top:30px;background:var(--accent);color:#040a02;padding:11px 18px;font-family:var(--H);font-weight:900;letter-spacing:1.5px;text-transform:uppercase;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);box-shadow:0 0 24px var(--accent-glow);transition:background 1s,box-shadow 1s;min-width:90px;text-align:center}
.hv-float.streak .v{font-size:22px;line-height:1;margin-bottom:2px}
.hv-float.streak .l{font-size:9px;letter-spacing:1.5px}
.hv-float.coach{left:-118px;top:230px;background:var(--dark2);border:1px solid var(--accent);padding:12px 14px;display:flex;align-items:center;gap:10px;width:230px;box-shadow:0 8px 32px rgba(0,0,0,0.6);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);animation:hvFloat 7s ease-in-out -2s infinite;transition:border-color 1s}
.hv-float.coach .ava{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--cyan));color:#040a02;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:var(--H);font-size:14px;flex-shrink:0;transition:background 1s}
.hv-float.coach .lbl{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--accent);margin-bottom:2px;letter-spacing:1px;transition:color 1s}
.hv-float.coach .msg{font-size:12px;color:var(--text);line-height:1.4}
.hv-float.pr{right:-88px;bottom:50px;background:var(--dark2);border:1px solid var(--border);border-left:3px solid var(--accent);padding:11px 14px;width:200px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:border-color 1s;animation:hvFloat 6.5s ease-in-out -1s infinite}
.hv-float.pr .lbl{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--text-dim);margin-bottom:3px}
.hv-float.pr .v{font-family:var(--H);font-size:22px;font-weight:900;color:var(--accent);line-height:1;transition:color 1s}
.hv-float.pr .meta{font-size:10px;color:var(--text-mid);margin-top:3px}
@keyframes hvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Phone screen content */
.hv-scr{height:100%;display:flex;flex-direction:column;background:var(--dark);font-family:var(--B)}
.hv-scr-head{padding:14px 16px 10px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.hv-scr-head .ttl{font-family:var(--H);font-size:18px;font-weight:900;color:var(--text);letter-spacing:0.5px}
.hv-scr-head .ttl .ac{color:var(--accent);transition:color 1s}
.hv-scr-head .meta{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--text-dim);letter-spacing:1.5px}
.hv-scr-head .ava{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--cyan));transition:background 1s}
.hv-scr-week{display:flex;gap:3px;padding:8px 12px;border-bottom:1px solid var(--border)}
.hv-scr-week .d{flex:1;padding:6px 0;background:transparent;border:1px solid var(--border);color:var(--text-mid);font-family:var(--H);font-size:9px;font-weight:800;text-align:center;letter-spacing:0.5px}
.hv-scr-week .d.done{color:var(--accent);border-color:rgba(57,255,20,0.3)}
.hv-scr-week .d.today{background:var(--accent);border-color:var(--accent);color:#040a02;transition:background 1s,border-color 1s}
.hv-scr-week .d.rest{color:var(--text-dim)}
.hv-scr-week .d .n{display:block;font-size:11px}
.hv-scr-week .d .s{display:block;font-size:8px;margin-top:1px;opacity:0.85}
.hv-scr-body{padding:12px;flex:1;overflow:hidden}
.hv-ex{background:var(--dark2);border:1px solid rgba(57,255,20,0.25);border-left:3px solid var(--accent);padding:12px;transition:border-color 1s}
.hv-ex .head{display:flex;justify-content:space-between;margin-bottom:10px}
.hv-ex .lbl{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--accent);letter-spacing:1.5px;transition:color 1s}
.hv-ex .nm{font-family:var(--H);font-size:17px;font-weight:900;color:var(--text);margin-top:3px;letter-spacing:0.5px}
.hv-ex .desc{font-size:10px;color:var(--text-dim);margin-top:2px}
.hv-set{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:8px;align-items:center;padding:7px 10px;background:var(--dark);border:1px solid var(--border);margin-bottom:4px}
.hv-set.done{border-color:rgba(57,255,20,0.2)}
.hv-set.active{background:rgba(57,255,20,0.08);border-color:var(--accent)}
.hv-set .sl{font-family:var(--H);font-weight:800;font-size:10px;color:var(--text-dim);letter-spacing:1px}
.hv-set.done .sl,.hv-set.active .sl{color:var(--accent);transition:color 1s}
.hv-set .v{font-family:'JetBrains Mono','Courier New',monospace;font-size:11px;color:var(--text-dim)}
.hv-set.done .v{color:var(--text)}
.hv-set .chk{width:18px;height:18px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#040a02}
.hv-set.done .chk{background:var(--accent);border-color:var(--accent);transition:background 1s,border-color 1s}
.hv-tab{display:flex;justify-content:space-around;padding:10px 0 18px;border-top:1px solid var(--border);background:var(--dark2);margin-top:auto}
.hv-tab > div{font-size:16px;opacity:0.3;position:relative;transition:opacity 0.3s}
.hv-tab > div.on{opacity:1}
.hv-tab > div.on::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:14px;height:2px;background:var(--accent);transition:background 1s}

/* Dashboard screen variant */
.hv-scr.dash{padding:14px 14px 0}
.hv-scr.dash .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.hv-scr.dash .greet{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--text-dim);letter-spacing:1.5px}
.hv-scr.dash .name{font-family:var(--H);font-size:22px;font-weight:900;color:var(--text);margin:2px 0 12px;letter-spacing:0.5px}
.hv-scr.dash .ai{background:var(--dark2);border:1px solid var(--border);border-left:3px solid var(--accent);padding:10px 12px;margin-bottom:10px;transition:border-color 1s}
.hv-scr.dash .ai .lbl{font-family:'JetBrains Mono','Courier New',monospace;font-size:8px;color:var(--accent);letter-spacing:1.5px;transition:color 1s}
.hv-scr.dash .ai .msg{font-size:11px;color:var(--text);margin-top:4px;line-height:1.4}
.hv-scr.dash .week{display:flex;gap:3px;margin-bottom:10px}
.hv-scr.dash .week > div{flex:1;text-align:center}
.hv-scr.dash .week .d{font-family:var(--H);font-size:8px;color:var(--text-dim);letter-spacing:1px;font-weight:700}
.hv-scr.dash .week .c{width:26px;height:26px;margin:3px auto 0;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-mid);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;transition:all 1s}
.hv-scr.dash .week .c.done{background:rgba(57,255,20,0.15);color:var(--accent);border-color:rgba(57,255,20,0.4)}
.hv-scr.dash .week .c.today{background:var(--accent);color:#040a02;border-color:var(--accent)}
.hv-scr.dash .macros{background:var(--dark2);border:1px solid var(--border);padding:10px 12px}
.hv-scr.dash .macros .lbl{font-family:'JetBrains Mono','Courier New',monospace;font-size:8px;color:var(--text-dim);letter-spacing:1.5px;margin-bottom:8px}
.hv-mb{display:grid;grid-template-columns:60px 1fr 30px;gap:8px;align-items:center;margin-bottom:6px}
.hv-mb:last-child{margin-bottom:0}
.hv-mb .l{font-size:9px;color:var(--text-dim);font-family:var(--H);font-weight:700;letter-spacing:1px}
.hv-mb .bar{height:5px;background:var(--border);position:relative;overflow:hidden}
.hv-mb .bar > i{position:absolute;left:0;top:0;bottom:0;background:var(--accent);transition:background 1s,width 0.8s}
.hv-mb .v{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--accent);text-align:right;transition:color 1s}

/* Nutrition screen variant */
.hv-scr.nut .head{padding:14px 16px 10px}
.hv-scr.nut .head .meta{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--text-dim);letter-spacing:1.5px}
.hv-scr.nut .head .ttl{font-family:var(--H);font-size:18px;font-weight:900;color:var(--text);margin-top:2px;letter-spacing:0.5px}
.hv-scr.nut .rings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 12px}
.hv-scr.nut .rings .ring{background:var(--dark2);border:1px solid var(--border);padding:8px 6px;text-align:center}
.hv-scr.nut .rings .l{font-family:var(--H);font-size:8px;color:var(--text-dim);margin-top:4px;letter-spacing:1px;font-weight:700}
.hv-scr.nut .rings .m{font-size:8px;color:var(--text-dim)}
.hv-scr.nut .meal{margin:0 14px 10px;background:var(--dark2);border:1px solid var(--border);border-left:3px solid var(--accent);overflow:hidden;transition:border-color 1s}
.hv-scr.nut .meal .img{height:100px;background-image:url('https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=400&q=85');background-size:cover;background-position:center;position:relative}
.hv-scr.nut .meal .img .tag{position:absolute;top:8px;right:8px;background:rgba(6,10,15,0.85);border:1px solid var(--accent);padding:3px 8px;font-size:9px;color:var(--accent);font-family:var(--H);font-weight:800;letter-spacing:1px;transition:border-color 1s,color 1s}
.hv-scr.nut .meal .info{padding:8px 10px}
.hv-scr.nut .meal .info .t{font-family:'JetBrains Mono','Courier New',monospace;font-size:8px;color:var(--accent);letter-spacing:1.5px;transition:color 1s}
.hv-scr.nut .meal .info .n{font-size:12px;color:var(--text);font-weight:600;margin-top:2px}
.hv-scr.nut .meal .info .m{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--text-mid);margin-top:4px}

/* Bottom strip — week + stats */
.hv-week-strip{position:relative;z-index:4;max-width:1280px;margin:48px auto 0;padding:0 40px}
.hv-week-strip .head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}
.hv-week-strip .head .lbl{font-family:var(--H);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}
.hv-week-strip .head .ttl{font-family:var(--H);font-size:22px;font-weight:900;color:var(--text);margin-top:4px;letter-spacing:0.5px;text-transform:uppercase}
.hv-week-strip .head .meta{font-family:'JetBrains Mono','Courier New',monospace;font-size:11px;color:var(--text-dim)}
.hv-week-strip .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.hv-day{padding:14px 8px 12px;text-align:center;border:1px solid var(--border);background:var(--dark2);clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);transition:all 0.3s}
.hv-day .d{font-family:var(--H);font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}
.hv-day .ic{font-family:var(--H);font-size:18px;font-weight:900;margin-top:6px;color:var(--text-mid)}
.hv-day .lab{font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--text-dim);margin-top:4px;opacity:0.7}
.hv-day.done .d,.hv-day.done .ic{color:var(--accent);transition:color 1s}
.hv-day.done{border-color:rgba(57,255,20,0.25);background:rgba(57,255,20,0.04)}
.hv-day.today{background:var(--accent);border-color:var(--accent);transition:background 1s,border-color 1s}
.hv-day.today .d,.hv-day.today .ic,.hv-day.today .lab{color:#040a02;opacity:1}

/* Stats bar */
.hv-stats{position:relative;z-index:4;max-width:1280px;margin:32px auto 0;padding:0 40px 80px}
.hv-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--dark2);border:1px solid var(--border)}
.hv-stat{padding:24px 22px;border-right:1px solid var(--border);position:relative}
.hv-stat:last-child{border-right:none}
.hv-stat .row{display:flex;align-items:baseline;gap:4px}
.hv-stat .v{font-family:var(--H);font-size:38px;font-weight:900;line-height:1;letter-spacing:-0.5px}
.hv-stat .v.g{color:var(--accent);text-shadow:0 0 16px var(--accent-glow);transition:color 1s,text-shadow 1s}
.hv-stat .v.c{color:var(--cyan)}
.hv-stat .v.t{color:var(--text)}
.hv-stat .v.w{color:var(--hero-warn)}
.hv-stat .sf{font-family:var(--H);font-size:18px;font-weight:900;opacity:0.7}
.hv-stat .l{font-family:'JetBrains Mono','Courier New',monospace;font-size:10.5px;color:var(--text-mid);margin-top:8px;line-height:1.4}
.hv-stat .idx{position:absolute;top:10px;right:10px;font-family:'JetBrains Mono','Courier New',monospace;font-size:9px;color:var(--text-dim)}

/* Responsive */
@media(max-width:980px){
  .hero-v3-inner{grid-template-columns:1fr;gap:40px;padding:30px 24px 0}
  .hv-right{order:-1}
  .hv-stats-grid{grid-template-columns:repeat(2,1fr)}
  .hv-stat:nth-child(2){border-right:none}
  .hv-stat:nth-child(1),.hv-stat:nth-child(2){border-bottom:1px solid var(--border)}
  .hv-week-strip{padding:0 24px}
  .hv-stats{padding:0 24px 60px}
  .hv-day .lab{display:none}
  .hv-float.coach{display:none}
  .hv-float.streak{right:-12px;top:20px}
  .hv-float.pr{right:-12px;bottom:40px}
  .hv-sysbar{padding:10px 24px;font-size:9px;flex-wrap:wrap;gap:8px}
}
@media(max-width:560px){
  .hv-livecard{height:160px}
  .hv-stats-grid{grid-template-columns:1fr}
  .hv-stat{border-right:none;border-bottom:1px solid var(--border)}
  .hv-week-strip .grid{grid-template-columns:repeat(7,1fr);gap:3px}
  .hv-day{padding:8px 2px}
  .hv-day .d{font-size:8px;letter-spacing:0.5px}
  .hv-day .ic{font-size:14px}
}

/* ===== TOUR MODAL ===== */
.tour-modal{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.35s cubic-bezier(.4,0,.2,1)}
.tour-modal.open{opacity:1;pointer-events:all}
.tour-modal[hidden]{display:none}
.tour-modal-iframe{width:100%;height:100%;border:none;display:block;opacity:0;transition:opacity 0.4s 0.15s}
.tour-modal.open .tour-modal-iframe{opacity:1}
.tour-modal-close{position:fixed;top:20px;right:24px;z-index:10000;width:40px;height:40px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,border-color 0.2s,transform 0.2s}
.tour-modal-close:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.3);transform:scale(1.1)}