/* ========== VARIABLES ========== */
:root {
  --bg: #0a0a0f;
  --bg-card: #111118;
  --bg-card-hover: #16161f;
  --red: #e63946;
  --red-dark: #b82d38;
  --red-glow: rgba(230,57,70,.35);
  --cyan: #00d4ff;
  --cyan-dark: #00a3c7;
  --cyan-glow: rgba(0,212,255,.35);
  --white: #f0f0f0;
  --white-dim: rgba(240,240,240,.7);
  --white-muted: rgba(240,240,240,.45);
  --gradient: linear-gradient(135deg, var(--red), var(--cyan));
  --font: 'Rajdhani', 'Inter', sans-serif;
  --font-display: 'Orbitron', 'Rajdhani', sans-serif;
  --transition: .3s cubic-bezier(.4,0,.2,1);
  --radius: 12px;
}

/* ========== RESET ========== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body { font-family:var(--font); background:var(--bg); color:var(--white); line-height:1.6; overflow-x:hidden; font-weight:500; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; display:block; }
ul { list-style:none; }

/* ========== UTILITIES ========== */
.container { max-width:1200px; margin:0 auto; padding:0 24px; }
.section { padding:100px 0; position:relative; }
.section-title { font-family:var(--font-display); font-size:clamp(1.8rem,4vw,3rem); font-weight:800; text-align:center; margin-bottom:16px; letter-spacing:.02em; }
.section-subtitle { text-align:center; color:var(--white-dim); font-size:1.15rem; max-width:600px; margin:0 auto 56px; font-weight:500; }
.section-label { font-family:var(--font-display); font-size:.75rem; letter-spacing:.25em; text-transform:uppercase; color:var(--cyan); display:block; margin-bottom:16px; }
.text-gradient { background:var(--gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.text-gradient-beta { background:linear-gradient(135deg, var(--cyan), #7dd3fc, var(--cyan)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ========== NAV ========== */
.nav { position:fixed; top:0; left:0; right:0; z-index:1000; padding:0 40px; transition:background var(--transition), box-shadow var(--transition); }
.nav.scrolled { background:rgba(10,10,15,.92); backdrop-filter:blur(20px); box-shadow:0 1px 0 rgba(255,255,255,.06); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }
.nav-logo img { height:60px; width:auto; transition:height var(--transition); }
.nav.scrolled .nav-logo img { height:46px; }
.nav-links { display:flex; align-items:center; gap:28px; }
.nav-links a { font-size:1.05rem; font-weight:600; color:var(--white-dim); transition:color var(--transition); letter-spacing:.04em; text-transform:uppercase; }
.nav-links a:hover, .nav-links a.active { color:var(--white); }

/* Shop Button */
.btn-shop { display:inline-flex; align-items:center; gap:8px; padding:10px 24px; background:var(--gradient); color:#fff !important; font-weight:700; font-size:.875rem; border-radius:50px; transition:transform var(--transition), box-shadow var(--transition); letter-spacing:.03em; border:none; cursor:pointer; }
.btn-shop:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(230,57,70,.3), 0 8px 32px rgba(0,212,255,.2); }
.btn-shop-lg { padding:14px 36px; font-size:1rem; }

/* Hamburger */
.hamburger { display:none; background:none; border:none; cursor:pointer; padding:8px; }
.hamburger span { display:block; width:24px; height:2px; background:var(--white); margin:5px 0; transition:var(--transition); border-radius:2px; }
.hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* Mobile Nav */
.mobile-nav { display:none; position:fixed; top:70px; left:0; right:0; background:rgba(10,10,15,.97); backdrop-filter:blur(20px); padding:24px; z-index:999; flex-direction:column; gap:16px; border-bottom:1px solid rgba(255,255,255,.06); transform:translateY(-10px); opacity:0; pointer-events:none; transition:var(--transition); }
.mobile-nav.active { transform:translateY(0); opacity:1; pointer-events:auto; }
.mobile-nav a { font-size:1rem; font-weight:600; color:var(--white-dim); padding:8px 0; text-transform:uppercase; letter-spacing:.04em; }
.mobile-nav a:hover { color:var(--white); }

/* ========== HERO — SPLIT LAYOUT ========== */
.hero { position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hero-bg { position:absolute; inset:0; }
.hero-bg img { width:100%; height:100%; object-fit:cover; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,15,.45) 0%, rgba(10,10,15,.65) 60%, var(--bg) 100%); }
.hero-content { position:relative; z-index:2; width:100%; padding:0 24px; }

.hero-split { display:flex; align-items:stretch; justify-content:center; gap:0; width:100%; padding-top:0; margin-top:0; padding-bottom:40px; }

.hero-side { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:100px 20px 40px; }

.hero-side .hero-can { height:423px; width:auto; margin-bottom:24px; filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)); transition:transform .4s ease; }
.hero-side .hero-can:hover { transform:scale(1.05); }

.hero-greek { font-size:3rem; font-weight:800; margin-bottom:12px; line-height:1; }
.hero-greek.alpha { color:var(--red); text-shadow:0 0 30px var(--red-glow); }
.hero-greek.beta { color:var(--cyan); text-shadow:0 0 30px var(--cyan-glow); }

.hero-side-text { font-family:var(--font-display); font-size:clamp(.85rem,1.6vw,1.15rem); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--white); line-height:1.7; margin-bottom:28px; max-width:300px; }
.hero-side-text .highlight-red { color:var(--red); }
.hero-side-text .highlight-cyan { color:var(--cyan); }

/* Hero divider */
.hero-divider { width:3px; align-self:stretch; margin:60px 0; background:linear-gradient(180deg, transparent 0%, var(--cyan) 10%, rgba(0,212,255,.4) 35%, var(--cyan) 55%, rgba(0,212,255,.4) 75%, var(--cyan) 90%, transparent 100%); position:relative; flex-shrink:0; box-shadow:0 0 15px var(--cyan-glow), 0 0 40px rgba(0,212,255,.1); overflow:hidden; }
.hero-divider::after { content:''; position:absolute; left:0; top:-100%; width:100%; height:60%; background:linear-gradient(180deg, transparent, rgba(255,255,255,.6), transparent); animation:hero-divider-shimmer 3s ease-in-out infinite; }
@keyframes hero-divider-shimmer { 0% { top:-60%; } 100% { top:160%; } }

/* Scroll indicator */
.hero-scroll { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; z-index:2; }
.hero-scroll span { font-family:var(--font-display); font-size:.35rem; letter-spacing:.3em; text-transform:uppercase; color:var(--white-muted); }
.scroll-line { width:1px; height:40px; background:linear-gradient(180deg, var(--white-muted), transparent); }

/* ========== PRODUCT SHOWCASE — 3-LAYER DESIGN ========== */
.product-showcase { padding:0; }
.product-showcase .section-title { margin-bottom:0; padding-top:80px; padding-bottom:48px; }

.product-scene { position:relative; width:100%; aspect-ratio:2/1; overflow:hidden; }

/* Background (combined image with can baked in) */
.product-scene .scene-bg { position:absolute; inset:0; z-index:1; }
.product-scene .scene-bg img { width:100%; height:100%; object-fit:cover; }

/* Text on frosted glass */
.product-scene .scene-text { position:absolute; inset:0; z-index:4; display:flex; align-items:center; padding:40px 60px; }
.product-scene .scene-glass { background:rgba(10,10,15,.6); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); padding:36px 32px; max-width:460px; }

.product-scene.alpha .scene-text { justify-content:flex-end; }
.product-scene.beta .scene-text { justify-content:flex-start; }

/* Product labels */
.product-label { display:inline-block; font-family:var(--font-display); font-size:.8rem; letter-spacing:.2em; text-transform:uppercase; padding:6px 18px; border-radius:50px; margin-bottom:16px; font-weight:700; }
.greek { text-transform:none; font-family:'Inter', sans-serif; font-size:1.3em; }
.product-label .greek { font-size:1.3em; }
.label-alpha { border:1.5px solid var(--red); color:var(--red); }
.label-beta { border:1.5px solid var(--cyan); color:var(--cyan); }

.scene-glass h3 { font-family:var(--font-display); font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; margin-bottom:14px; letter-spacing:.02em; }
.scene-glass .product-lead { font-size:1.08rem; color:var(--white-dim); line-height:1.7; margin-bottom:20px; font-weight:500; }

.product-benefits { margin-bottom:20px; }
.product-benefits li { padding:5px 0 5px 28px; position:relative; font-size:1.05rem; color:var(--white-dim); font-weight:500; }
.product-benefits li::before { content:'\2713'; position:absolute; left:0; font-weight:700; }
.product-benefits li strong { color:var(--white); font-weight:700; }

.product-scene.alpha .product-benefits li::before { color:var(--red); }
.product-scene.beta .product-benefits li::before { color:var(--cyan); }

.product-flavor { font-style:italic; color:var(--white-muted); font-size:.95rem; margin-bottom:24px; font-weight:400; }

/* Product buttons */
.btn-alpha { display:inline-flex; align-items:center; gap:8px; padding:11px 26px; background:transparent; border:2px solid var(--red); color:var(--red); font-family:var(--font); font-weight:700; font-size:1.025rem; border-radius:50px; transition:all var(--transition); letter-spacing:.05em; cursor:pointer; }
.btn-alpha:hover { background:var(--red); color:#fff; box-shadow:0 0 30px var(--red-glow); }
.btn-beta { display:inline-flex; align-items:center; gap:8px; padding:11px 26px; background:transparent; border:2px solid var(--cyan); color:var(--cyan); font-family:var(--font); font-weight:700; font-size:1.025rem; border-radius:50px; transition:all var(--transition); letter-spacing:.05em; cursor:pointer; }
.btn-beta:hover { background:var(--cyan); color:#000; box-shadow:0 0 30px var(--cyan-glow); }

/* Animation states for product scenes */
.product-scene .scene-bg { opacity:0; transition:opacity .8s ease, transform .8s ease; }
.product-scene .scene-glass { opacity:0; transform:translateY(30px); transition:opacity .6s ease .5s, transform .6s ease .5s; }

.product-scene.alpha .scene-bg { transform:translateX(-80px); }
.product-scene.beta .scene-bg { transform:translateX(80px); }

.product-scene.visible .scene-bg { opacity:1; transform:translateX(0); }
.product-scene.visible .scene-glass { opacity:1; transform:translateY(0); }

/* ========== WHY SECTION ========== */
.why-section { background:var(--bg); }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.why-card { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:32px 24px; transition:all var(--transition); }
.why-card:hover { border-color:rgba(255,255,255,.12); transform:translateY(-4px); box-shadow:0 16px 48px rgba(0,0,0,.3); }
.why-icon { font-size:1.8rem; margin-bottom:14px; }
.why-card h4 { font-family:var(--font-display); font-size:1rem; font-weight:700; margin-bottom:8px; letter-spacing:.02em; }
.why-card p { font-size:.92rem; color:var(--white-dim); line-height:1.65; font-weight:400; }

/* ========== STORY TEASER ========== */
.story-teaser { position:relative; overflow:hidden; }
.story-bg { position:absolute; inset:0; }
.story-bg img { width:100%; height:100%; object-fit:cover; }
.story-overlay { position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,10,15,.55) 0%, rgba(10,10,15,.3) 100%); }
.story-content { position:relative; z-index:2; padding:80px 0; }
.story-content h2 { font-family:var(--font-display); font-size:clamp(1.6rem,3.5vw,2.6rem); font-weight:800; margin-bottom:20px; line-height:1.3; letter-spacing:.02em; }
.story-content p { font-size:1.05rem; color:var(--white-dim); max-width:540px; margin-bottom:28px; line-height:1.7; font-weight:500; }
.btn-outline { display:inline-flex; align-items:center; gap:8px; padding:12px 28px; background:transparent; border:1.5px solid var(--white-dim); color:var(--white); font-family:var(--font); font-weight:600; font-size:.9rem; border-radius:50px; transition:all var(--transition); letter-spacing:.03em; }
.btn-outline:hover { border-color:var(--white); background:rgba(255,255,255,.06); }

/* ========== COMMUNITY ========== */
.community-section { background:var(--bg); }
.social-grid { display:flex; justify-content:center; gap:24px; flex-wrap:wrap; }
.social-card { display:flex; flex-direction:column; align-items:center; gap:12px; padding:28px 40px; background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); transition:all var(--transition); color:var(--white-dim); }
.social-card svg { color:var(--white-dim); transition:color var(--transition); }
.social-card span { font-size:.85rem; font-weight:600; letter-spacing:.04em; }
.social-card:hover { border-color:rgba(255,255,255,.15); transform:translateY(-3px); color:var(--white); }
.social-card:hover svg { color:var(--white); }

/* ========== CTA ========== */
.cta-section { text-align:center; padding:48px 0; }
.cta-section h2 { font-family:var(--font-display); font-size:clamp(1.8rem,4vw,3rem); font-weight:800; margin-bottom:16px; letter-spacing:.02em; }
.cta-section p { color:var(--white-dim); font-size:1.1rem; margin-bottom:32px; font-weight:500; }

/* ========== BOTTOM DUAL (Community + CTA side by side) ========== */
.bottom-dual { padding:48px 0; }
.bottom-dual-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.bottom-dual-col { text-align:center; }
.bottom-dual-col .social-grid { justify-content:center; }
.bottom-dual-col .social-card { padding:20px 28px; }
.bottom-dual-title { font-family:var(--font-display); font-size:clamp(1.3rem,2.5vw,1.8rem); font-weight:800; margin-bottom:12px; letter-spacing:.02em; }
.bottom-dual-sub { color:var(--white-dim); font-size:.95rem; margin-bottom:24px; font-weight:500; }
.cta-col { border-left:1px solid rgba(255,255,255,.08); padding-left:48px; }

/* ========== FOOTER ========== */
.footer { padding:60px 0 40px; border-top:1px solid rgba(255,255,255,.06); }
.footer-top { display:flex; justify-content:space-between; align-items:flex-start; }
.footer-brand { max-width:320px; }
.footer-logo { height:56px; width:auto; margin-bottom:16px; }
.footer-brand p { font-size:.8rem; color:var(--white-muted); font-weight:400; line-height:1.5; }
.footer-cols { display:flex; gap:60px; }
.footer-col h4 { font-family:var(--font-display); font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.15em; color:var(--white-dim); margin-bottom:14px; }
.footer-col a { display:block; font-size:.88rem; color:var(--white-muted); margin-bottom:8px; transition:color var(--transition); font-weight:500; }
.footer-col a:hover { color:var(--white); }

/* ========== PAGE HERO (shared) ========== */
.page-hero { position:relative; min-height:44vh; display:flex; align-items:center; justify-content:center; overflow:hidden; padding-top:70px; }
.page-hero-bg { position:absolute; inset:0; }
.page-hero-bg img { width:100%; height:100%; object-fit:cover; }
.page-hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,15,.3) 0%, rgba(10,10,15,.5) 60%, var(--bg) 100%); }
.page-hero-content { position:relative; z-index:2; text-align:center; padding:60px 0; }
.page-hero-title { font-family:var(--font-display); font-size:clamp(2rem,5vw,3.5rem); font-weight:800; margin-bottom:16px; letter-spacing:.02em; }
.page-hero-sub { color:var(--white-dim); font-size:1.15rem; font-weight:500; margin-bottom:32px; }
.page-hero + .section { padding-top:12px !important; }
.section:has(+ .contact-info-section) { padding-bottom:28px !important; }
.page-hero + .section.product-detail { padding-top:80px !important; }
.company-page-hero .page-hero-content { padding:48px 0; }

/* Product page nav buttons */
.product-nav { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.product-nav-btn { padding:12px 28px; border-radius:50px; font-family:var(--font); font-weight:700; font-size:.95rem; letter-spacing:.05em; transition:all var(--transition); }
.alpha-nav { border:2px solid var(--red); color:var(--red); }
.alpha-nav:hover, .alpha-nav.active { background:var(--red); color:#fff; box-shadow:0 0 30px var(--red-glow); }
.beta-nav { border:2px solid var(--cyan); color:var(--cyan); }
.beta-nav:hover, .beta-nav.active { background:var(--cyan); color:#000; box-shadow:0 0 30px var(--cyan-glow); }

/* ========== PRODUCT DETAIL PAGE ========== */
.product-detail { padding:80px 0 48px; }
.product-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.product-detail-grid.reverse { direction:rtl; }
.product-detail-grid.reverse > * { direction:ltr; }
.product-detail-can { text-align:center; }
.product-detail-can img { height:480px; width:auto; margin:0 auto; filter:drop-shadow(0 20px 50px rgba(0,0,0,.5)); transition:transform .4s ease; }
.product-detail-can img:hover { transform:scale(1.05); }
.product-detail-title { font-family:var(--font-display); font-size:clamp(1.6rem,3vw,2.4rem); font-weight:800; margin:-6px 0 18px; letter-spacing:.02em; line-height:1; }
.product-detail-info { position:relative; padding-top:0; }
.product-detail-info .product-label { position:absolute; top:-61px; left:0; }
.product-detail-tagline { font-size:1.1rem; color:var(--white-dim); font-weight:600; margin-bottom:16px; font-style:italic; }
.product-detail-desc { font-size:1rem; color:var(--white-dim); line-height:1.75; margin-bottom:28px; font-weight:400; }

.product-detail-benefits h3,
.product-detail-profile h3 { font-family:var(--font-display); font-size:.85rem; font-weight:700; text-transform:uppercase; letter-spacing:.15em; color:var(--white-dim); margin-bottom:16px; }
.benefit-grid { display:flex; flex-direction:column; gap:16px; margin-bottom:32px; }
.benefit-item { display:flex; gap:14px; align-items:flex-start; }
.benefit-icon { font-size:1.4rem; flex-shrink:0; margin-top:2px; }
.benefit-item strong { color:var(--white); font-weight:700; display:block; margin-bottom:2px; }
.benefit-item p { font-size:.9rem; color:var(--white-muted); line-height:1.5; margin:0; font-weight:400; }
.alpha-detail .benefit-icon { color:var(--red); }
.beta-detail .benefit-icon { color:var(--cyan); }

.profile-list { margin-bottom:28px; }
.profile-list li { padding:6px 0; font-size:.95rem; color:var(--white-dim); font-weight:400; }
.profile-list li strong { color:var(--white); font-weight:600; }

.btn-alpha-lg, .btn-beta-lg { padding:14px 32px; font-size:1.05rem; }

.product-page-divider { padding:0; }
.divider-line { height:1px; background:linear-gradient(90deg, transparent, var(--cyan), rgba(0,212,255,.3), var(--cyan), transparent); }

/* ========== INGREDIENTS SECTION ========== */
.ingredients-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ingredient-card { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:28px 22px; transition:all var(--transition); }
.ingredient-card:hover { border-color:rgba(255,255,255,.12); transform:translateY(-4px); box-shadow:0 16px 48px rgba(0,0,0,.3); }
.ingredient-icon { font-size:1.6rem; margin-bottom:12px; }
.ingredient-card h4 { font-family:var(--font-display); font-size:.95rem; font-weight:700; margin-bottom:8px; letter-spacing:.02em; }
.ingredient-card p { font-size:.88rem; color:var(--white-dim); line-height:1.6; font-weight:400; }

/* ========== QUALITY STATS ========== */
.quality-section { padding:60px 0; }
.quality-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; text-align:center; }
.quality-number { font-family:var(--font-display); font-size:clamp(1.8rem,3vw,2.8rem); font-weight:800; background:var(--gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:8px; }
.quality-item p { font-size:.9rem; color:var(--white-dim); font-weight:500; }

/* ========== ABOUT PAGE ========== */
.about-block { max-width:720px; }
.about-heading { font-family:var(--font-display); font-size:clamp(1.6rem,3.5vw,2.6rem); font-weight:800; margin-bottom:24px; line-height:1.3; letter-spacing:.02em; }
.about-text p { font-size:1.05rem; color:var(--white-dim); line-height:1.8; margin-bottom:20px; font-weight:400; }

/* ABOUT HERO */
.about-hero { position:relative; height:clamp(220px,20vw,300px); display:flex; align-items:flex-end; overflow:hidden; }
.about-hero-bg { position:absolute; inset:0; }
.about-hero-bg img { width:100%; height:100%; object-fit:cover; object-position:center 30%; }
.about-hero-overlay { position:absolute; inset:0; background:linear-gradient(to right, rgba(10,10,15,.82) 0%, rgba(10,10,15,.25) 40%, rgba(10,10,15,.05) 60%, rgba(10,10,15,0) 100%); }
.about-hero-content { position:relative; z-index:2; padding:0 0 40px 48px; text-align:left; max-width:100%; margin:0; width:100%; }
.about-hero-title { font-family:var(--font-display); font-size:clamp(1.6rem,3.5vw,2.4rem); font-weight:900; letter-spacing:.08em; line-height:1; margin-bottom:10px; }
.about-hero-subtitle { font-family:var(--font-display); font-size:clamp(.75rem,1.2vw,.95rem); font-weight:600; color:var(--white-dim); letter-spacing:.08em; margin-bottom:6px; }
.about-hero-tagline { font-family:var(--font); font-size:clamp(.8rem,1.1vw,.95rem); font-weight:500; color:var(--white); letter-spacing:.03em; line-height:1.5; max-width:500px; }
.about-hero-scroll { display:flex; flex-direction:column; align-items:center; position:absolute; bottom:12px; left:48px; color:var(--white-dim); animation:scroll-bounce 2s ease-in-out infinite; }
@keyframes scroll-bounce { 0%,100% { transform:translateY(0); opacity:.6; } 50% { transform:translateY(6px); opacity:1; } }

/* FOUNDER MESSAGE */
.founder-grid { display:grid; grid-template-columns:300px 1fr; gap:36px; align-items:start; }
.founder-portrait { text-align:center; }
.founder-portrait img { width:100%; max-width:300px; border-radius:var(--radius); border:2px solid rgba(255,255,255,.08); }
.founder-info { margin-top:20px; }
.founder-info h3 { font-family:var(--font-display); font-size:1.3rem; font-weight:700; letter-spacing:.04em; }
.founder-info p { font-family:var(--font-display); font-size:.85rem; font-weight:600; color:var(--cyan); letter-spacing:.08em; margin-top:4px; }
.about-founder-section { padding:28px 0 32px; }
.about-founder-section .section-title { font-size:clamp(1.4rem,3vw,2.2rem); margin-bottom:28px; }
.founder-info span { font-size:.85rem; color:var(--white-muted); font-style:italic; display:block; margin-top:6px; }
.founder-letter p { font-size:1.02rem; color:var(--white-dim); line-height:1.85; margin-bottom:18px; }
.founder-letter p:first-child { font-size:1.1rem; color:var(--white); font-weight:500; }

/* ORIGIN STORY */
.about-origin-story { padding:28px 0 32px; }
.about-origin-story .section-title { font-size:clamp(1.4rem,3vw,2.2rem); margin-bottom:20px; }
.about-origin-story .container { max-width:100%; padding:0 32px; }
.origin-chapters { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; margin-top:12px; }
.origin-chapter { text-align:center; }
.origin-number { font-family:var(--font-display); font-size:.8rem; font-weight:700; color:var(--cyan); letter-spacing:.1em; margin-bottom:6px; }
.origin-chapter h4 { font-family:var(--font-display); font-size:.92rem; font-weight:700; letter-spacing:.06em; margin-bottom:16px; color:var(--white); min-height:2.4em; }
.origin-collage { margin-bottom:16px; }
.origin-collage-duo { position:relative; height:280px; }
.origin-collage-duo img { position:absolute; border-radius:8px; border:3px solid rgba(255,255,255,.12); box-shadow:0 8px 24px rgba(0,0,0,.5); object-fit:cover; transition:transform .3s ease; }
.origin-collage-duo .collage-main { width:75%; height:65%; top:0; left:0; z-index:1; }
.origin-collage-duo .collage-accent { width:65%; height:60%; bottom:0; right:0; z-index:2; }
.origin-collage-flip .collage-main { z-index:2; }
.origin-collage-flip .collage-accent { z-index:1; }
.origin-collage-portrait { height:340px; }
.origin-collage-portrait .collage-main { width:60%; height:85%; object-fit:contain; }
.origin-collage-portrait .collage-accent { width:55%; height:75%; object-fit:contain; }
.origin-collage-duo:hover img { z-index:1; }
.origin-collage-duo:hover .collage-accent { z-index:3; }
.origin-collage-solo { text-align:center; }
.origin-collage-solo img { width:85%; border-radius:8px; border:3px solid rgba(255,255,255,.12); box-shadow:0 8px 24px rgba(0,0,0,.5); display:inline-block; }
.origin-chapter p { font-size:1.02rem; color:var(--white-dim); line-height:1.65; }
.origin-quote { text-align:center; margin-top:32px; padding:20px 20px; }
.origin-quote span { font-size:2rem; color:var(--cyan); font-family:Georgia,serif; line-height:0; vertical-align:-6px; }
.origin-quote { font-family:var(--font-display); font-size:clamp(.95rem,1.8vw,1.3rem); font-weight:800; letter-spacing:.06em; line-height:1.5; }
.origin-quote em { color:var(--cyan); font-style:italic; }

/* WHAT RENFORCE IS */
.about-divider { padding:20px 0; text-align:center; }
.about-divider .divider-shimmer { max-width:280px; margin:0 auto; }
.divider-shimmer { height:2px; background:linear-gradient(90deg, transparent, var(--cyan), rgba(0,212,255,.3), var(--cyan), transparent); box-shadow:0 0 12px var(--cyan-glow), 0 0 30px rgba(0,212,255,.1); position:relative; overflow:hidden; }
.divider-shimmer::after { content:''; position:absolute; top:0; left:-100%; width:60%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent); animation:divider-shimmer-move 3s ease-in-out infinite; }
@keyframes divider-shimmer-move { 0% { left:-60%; } 100% { left:160%; } }
.about-what { padding:36px 0 32px; }
.about-what .section-title { margin-bottom:24px; }
.what-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.what-card { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:36px 24px; text-align:center; transition:all var(--transition); }
.what-card:hover { border-color:rgba(255,255,255,.12); transform:translateY(-4px); box-shadow:0 16px 48px rgba(0,0,0,.3); }
.what-icon { font-size:2rem; margin-bottom:16px; }
.what-card h4 { font-family:var(--font-display); font-size:1.08rem; font-weight:700; margin-bottom:10px; letter-spacing:.02em; }
.what-card p { font-size:.92rem; color:var(--white-dim); line-height:1.65; }

/* ABOUT CTA */
.about-cta { position:relative; overflow:hidden; padding:0; background:var(--bg); }
.about-cta-content { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:0; align-items:center; }
.about-cta-left { position:relative; display:flex; align-items:center; justify-content:center; padding:0; overflow:hidden; height:100%; }
.about-cta-left::after { content:''; position:absolute; inset:0; background:linear-gradient(to left, var(--bg) 0%, transparent 40%); pointer-events:none; z-index:1; }
.about-cta-cans { width:100%; height:100%; object-fit:cover; object-position:center; min-height:300px; }
.about-cta-center { padding:48px 32px; text-align:left; }
.about-cta-center h2 { font-family:var(--font-display); font-size:clamp(1.1rem,2vw,1.5rem); font-weight:800; letter-spacing:.04em; line-height:1.4; margin-bottom:4px; }
.about-cta-sub { font-family:var(--font-display); font-size:clamp(.8rem,1.3vw,1rem); font-weight:600; color:var(--white-dim); letter-spacing:.04em; margin-bottom:20px; }
.about-cta-center p { font-size:.92rem; color:var(--white-muted); line-height:1.7; margin-bottom:16px; }
.about-cta-revolution { font-family:var(--font-display); font-size:clamp(1rem,1.6vw,1.2rem); font-weight:700; font-style:italic; letter-spacing:.08em; margin-bottom:16px !important; background:linear-gradient(90deg, var(--white), var(--cyan), var(--white)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; background-size:200% auto; animation:rainbow-shift 4s linear infinite; }
.about-cta-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.about-social-boxed { display:inline-flex; align-items:center; gap:16px; padding:0; border:none; }
.about-social-boxed a { display:flex; align-items:center; line-height:0; }
.about-social-boxed svg { display:block; }
.about-cta-btn { display:inline-flex; align-items:center; }
.about-cta-right-img { position:relative; overflow:hidden; height:100%; }
.about-cta-right-img::after { content:''; position:absolute; inset:0; background:linear-gradient(to right, var(--bg) 0%, transparent 40%); pointer-events:none; z-index:1; }
.about-cta-arena { width:100%; height:100%; object-fit:cover; min-height:300px; }
.text-gradient-rainbow { background:linear-gradient(90deg, var(--cyan), #7dd3fc, #a78bfa, var(--red), var(--cyan)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; background-size:200% auto; animation:rainbow-shift 4s linear infinite; }
@keyframes rainbow-shift { to { background-position:200% center; } }
.about-social-icons { display:flex; gap:20px; justify-content:center; }
.about-social-icons a { color:var(--white-dim); transition:color var(--transition); }
.about-social-icons a:hover { color:var(--white); }

.cta-buttons { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* ========== COMPANY PAGE ========== */
.structure-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-bottom:48px; }
.structure-card { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:36px 28px; }
.structure-card.brandco { border-top:3px solid var(--red); }
.structure-card.opsco { border-top:3px solid var(--cyan); }
.structure-label { font-family:var(--font-display); font-size:.75rem; font-weight:600; letter-spacing:.1em; color:var(--white-muted); text-transform:uppercase; display:block; margin-bottom:8px; }
.structure-card h3 { font-family:var(--font-display); font-size:1.3rem; font-weight:800; margin-bottom:16px; letter-spacing:.02em; }
.structure-card p { font-size:.95rem; color:var(--white-dim); line-height:1.7; margin-bottom:14px; }
.structure-card ul { list-style:none; padding:0; margin:0 0 14px; }
.structure-card ul li { padding:5px 0 5px 20px; position:relative; font-size:.9rem; color:var(--white-dim); }
.structure-card ul li::before { content:'\2022'; position:absolute; left:0; color:var(--red); font-weight:700; }
.structure-card.opsco ul li::before { color:var(--cyan); }
.structure-together { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:36px 28px; text-align:center; }
.structure-together h3 { font-family:var(--font-display); font-size:1.2rem; font-weight:800; margin-bottom:16px; }
.structure-together p { font-size:.95rem; color:var(--white-dim); line-height:1.7; margin-bottom:16px; max-width:800px; margin-left:auto; margin-right:auto; }
.engine-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:24px 0; }
.engine-card { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); padding:24px 20px; }
.engine-card h4 { font-family:var(--font-display); font-size:1rem; font-weight:700; margin-bottom:8px; color:var(--white); }
.engine-card p { font-size:.9rem; color:var(--white-dim); line-height:1.6; margin-bottom:0; }
.company-mission p, .company-vision p { font-size:1.05rem; color:var(--white-dim); line-height:1.8; margin-bottom:18px; }
.mission-statement { font-family:var(--font-display); font-size:clamp(1.2rem,2.5vw,1.7rem) !important; font-weight:800; color:var(--white) !important; letter-spacing:.03em; line-height:1.4 !important; margin-bottom:20px !important; }
.mission-principles { display:grid; grid-template-columns:1fr; gap:20px; margin-top:40px; }
.principle { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:28px 24px; display:grid; grid-template-columns:60px 1fr; gap:0 20px; }
.principle-num { font-family:var(--font-display); font-size:1.4rem; font-weight:800; color:var(--red); grid-row:span 2; padding-top:2px; }
.principle h4 { font-family:var(--font-display); font-size:1.05rem; font-weight:700; margin-bottom:8px; }
.principle p { font-size:.92rem; color:var(--white-dim); line-height:1.7; }
.section.company-intro { padding:12px 0 0 !important; }
.section.company-structure { padding:38px 0 38px !important; }
.section.company-mission-section { padding:38px 0 !important; }
.section.company-vision-section { padding:38px 0 !important; }
.company-structure .structure-grid { margin-bottom:24px; }
.company-structure .structure-together { margin-bottom:0; }

/* ========== CONTACT PAGE ========== */
.contact-form-wrap { background:var(--bg-card); border:1px solid rgba(255,255,255,.04); border-radius:var(--radius); padding:16px; }
.contact-form-section { padding-bottom:28px !important; }
.contact-info-section { padding-top:28px !important; padding-bottom:60px !important; }
.contact-info-section .section-title { font-size:1.5rem; }
.contact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:48px; }
.contact-card { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:32px 24px; text-align:center; transition:all var(--transition); }
.contact-card:hover { border-color:rgba(255,255,255,.12); transform:translateY(-4px); }
.contact-card-icon { font-size:1.8rem; margin-bottom:12px; }
.contact-card h4 { font-family:var(--font-display); font-size:.9rem; font-weight:700; margin-bottom:10px; letter-spacing:.02em; }
.contact-card a { color:var(--cyan); font-size:.9rem; text-decoration:none; transition:color var(--transition); }
.contact-card a:hover { color:var(--white); }
.contact-social { text-align:center; margin-top:8px; }
.contact-social h3 { font-family:var(--font-display); font-size:1.5rem; font-weight:700; margin-bottom:16px; letter-spacing:.06em; }

/* ========== PRODUCT GALLERY ========== */
.product-gallery { position:relative; }
.gallery-main { background:var(--bg-card); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); overflow:hidden; margin-bottom:12px; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:8px; }
.gallery-main img { max-height:100%; max-width:100%; object-fit:contain; transition:opacity .4s ease; }
.gallery-thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.gallery-thumb { background:var(--bg-card); border:1px solid rgba(255,255,255,.08); border-radius:6px; padding:4px; cursor:pointer; transition:all var(--transition); aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; }
.gallery-thumb img { max-height:100%; max-width:100%; object-fit:contain; }
.gallery-thumb:hover { border-color:rgba(255,255,255,.2); }
.gallery-thumb.active { border-color:var(--red); box-shadow:0 0 8px var(--red-glow); }

/* ========== ALPHA CHALLENGE (HP/MP) ========== */
.alpha-challenge, .beta-challenge { position:relative; overflow:hidden; padding:48px 0; }
.challenge-bg { position:absolute; inset:0; }
.challenge-bg img { width:100%; height:100%; object-fit:cover; }
.challenge-overlay { position:absolute; inset:0; background:rgba(10,10,15,.45); }
.challenge-container { position:relative; z-index:2; }
.challenge-glass { background:rgba(10,10,15,.6); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); padding:48px 40px; }
.challenge-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.challenge-intro { font-size:1.15rem; color:var(--white); font-weight:700; margin-bottom:24px; font-style:normal; line-height:1.8; }
.challenge-group { margin-bottom:20px; }
.challenge-label { font-family:var(--font-display); font-size:.85rem; font-weight:700; letter-spacing:.15em; color:var(--red); margin-bottom:12px; text-shadow:0 0 20px var(--red-glow); }
.challenge-list li { position:relative; padding:7px 0 7px 28px; font-size:.98rem; color:var(--white-dim); line-height:1.7; font-weight:400; }
.challenge-list li::before { content:'\2713'; position:absolute; left:0; color:var(--red); font-weight:700; }
.challenge-right { font-size:1.15rem; color:var(--white-dim); line-height:1.8; }
.challenge-right p { margin-bottom:18px; }
.challenge-bold-white { color:var(--white); font-weight:700; font-style:normal; }
.challenge-highlight { color:var(--white); font-weight:700; font-size:1.2rem; font-style:italic; border-left:3px solid var(--red); padding-left:20px; }
.challenge-label-mp { color:var(--cyan); text-shadow:0 0 20px var(--cyan-glow); }
.challenge-list-mp li::before { color:var(--cyan); }
.beta-challenge .challenge-bg img { object-position:center center; }
.challenge-list-beta li::before { color:var(--cyan); }
.challenge-highlight-beta { border-left-color:var(--cyan); }

/* ========== 8-CARD FEATURES ========== */
.features-grid-8 { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.feature-card-8 { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:28px 20px; text-align:center; transition:all var(--transition); }
.feature-card-8:hover { border-color:rgba(255,255,255,.12); transform:translateY(-4px); box-shadow:0 16px 48px rgba(0,0,0,.3); }
.feature-icon-8 { font-size:1.8rem; margin-bottom:14px; height:2.2rem; display:flex; align-items:center; justify-content:center; }
.icon-img { width:1.8em; height:1.8em; object-fit:contain; vertical-align:middle; }
.icon-img-sm { width:1em; height:1em; object-fit:contain; vertical-align:-2px; }
.benefit-icon .icon-img { width:1.4rem; height:1.4rem; }
.feature-icon-8 .icon-img { width:2.2rem; height:2.2rem; display:block; margin:0 auto; }
.feature-card-8 h4 { font-family:var(--font-display); font-size:1.08rem; font-weight:700; margin-bottom:8px; letter-spacing:.02em; }
.feature-card-8 p { font-size:.85rem; color:var(--white-dim); line-height:1.6; font-weight:400; }

/* ========== HEALTH BENEFITS ========== */
.alpha-features, .beta-features { padding:48px 0; }
.alpha-features .section-subtitle, .beta-features .section-subtitle { margin-bottom:32px; }
.alpha-health, .beta-health { padding:48px 0; }
.alpha-health { background:linear-gradient(180deg, var(--bg) 0%, rgba(25,15,20,1) 50%, var(--bg) 100%); }
.health-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.health-image { text-align:center; }
.health-image img { max-height:480px; width:auto; margin:0 auto; border-radius:var(--radius); }
.health-title { font-family:var(--font-display); font-size:clamp(1.6rem,3vw,2.4rem); font-weight:800; margin-bottom:28px; letter-spacing:.02em; }
.health-title-single { white-space:nowrap; font-size:clamp(1.4rem,2.5vw,2.2rem); margin-bottom:8px; }
.health-subtitle { font-size:1.05rem; color:var(--white-dim); font-weight:500; line-height:1.6; margin-bottom:28px; }
.health-categories { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
.health-cat { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:50px; font-size:.85rem; color:var(--white-dim); font-weight:500; transition:all var(--transition); }
.health-cat:hover { border-color:rgba(255,255,255,.15); color:var(--white); }

/* ========== BOTANICALS ========== */
.alpha-botanicals, .beta-botanicals { padding:48px 0; }
.alpha-botanicals .section-subtitle, .beta-botanicals .section-subtitle { margin-bottom:32px; }
.botanicals-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:28px; }
.botanical-card { text-align:center; transition:all var(--transition); }
.botanical-card:hover { transform:translateY(-4px); }
.botanical-img { width:214px; height:214px; border-radius:50%; background:var(--bg-card); border:2px solid rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; font-size:2.4rem; margin:0 auto 16px; transition:all var(--transition); overflow:hidden; }
.botanical-img img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.botanical-card:hover .botanical-img { border-color:rgba(230,57,70,.4); box-shadow:0 8px 32px rgba(0,0,0,.3); }
.botanical-card h4 { font-family:var(--font-display); font-size:.88rem; font-weight:700; margin-bottom:8px; letter-spacing:.02em; }
.botanical-card p { font-size:.82rem; color:var(--white-dim); line-height:1.6; font-weight:400; }

/* ========== PRODUCT COMPARISON ========== */
.alpha-comparison, .beta-comparison { padding:48px 0; }
.alpha-comparison .section-subtitle, .beta-comparison .section-subtitle { margin-bottom:32px; }
.comparison-table { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.comparison-table-3 { grid-template-columns:1fr 1fr 1fr; }
.comparison-col { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); overflow:hidden; transition:all var(--transition); }
.comparison-col:hover { border-color:rgba(255,255,255,.12); }
.comparison-col-typical { opacity:.85; }
.comparison-col-typical:hover { border-color:rgba(255,255,255,.08); }
.comparison-header { text-align:center; padding:32px 24px 24px; border-bottom:2px solid rgba(255,255,255,.06); }
.comparison-header-alpha { border-bottom-color:var(--red); }
.comparison-header-beta { border-bottom-color:var(--cyan); }
.comparison-header-typical { border-bottom-color:rgba(255,255,255,.15); }
.comparison-can { height:180px; width:auto; margin:0 auto 16px; filter:drop-shadow(0 10px 30px rgba(0,0,0,.4)); }
.comparison-can-placeholder { height:180px; width:80px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:4rem; font-weight:800; color:rgba(255,255,255,.12); border:2px dashed rgba(255,255,255,.08); border-radius:12px; }
.comparison-header h3 { font-family:var(--font-display); font-size:1.15rem; font-weight:700; letter-spacing:.02em; }
.comparison-row { display:flex; justify-content:space-between; align-items:center; padding:14px 24px; border-bottom:1px solid rgba(255,255,255,.03); }
.comparison-row:last-child { border-bottom:none; }
.comparison-row strong { font-size:.82rem; color:var(--white-muted); font-weight:600; letter-spacing:.04em; text-transform:uppercase; flex-shrink:0; }
.comparison-row span { font-size:.9rem; color:var(--white-dim); font-weight:500; text-align:right; }
.comp-good { color:#4ade80 !important; }
.comp-bad { color:#f87171 !important; }

/* Premium ingredients line */
.product-premium-ingredients { font-size:.9rem; color:var(--white-dim); line-height:1.7; margin-bottom:24px; padding:16px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:8px; font-weight:400; }
.product-premium-ingredients strong { color:var(--red); font-weight:700; }
.beta-detail .product-premium-ingredients strong { color:var(--cyan); }

/* ========== ANIMATIONS ========== */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:.1s; }
.reveal-delay-2 { transition-delay:.2s; }
.reveal-delay-3 { transition-delay:.3s; }
.reveal-delay-4 { transition-delay:.4s; }
.reveal-delay-5 { transition-delay:.5s; }
.reveal-delay-6 { transition-delay:.6s; }

/* ========== LEGAL PAGES (Terms, Privacy, Refund) ========== */
.legal-section { padding-bottom:60px; }
.legal-content { max-width:800px; margin:0 auto; }
.legal-content .legal-updated { font-family:var(--font-display); font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:var(--cyan); margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.08); }
.legal-content h3 { font-family:var(--font-display); font-size:1.15rem; font-weight:700; color:var(--white); margin:40px 0 16px; letter-spacing:.04em; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.06); }
.legal-content h3:first-of-type { margin-top:0; }
.legal-content p { font-size:1rem; color:var(--white-dim); line-height:1.85; margin-bottom:16px; font-weight:400; }
.legal-content a { color:var(--cyan); transition:color var(--transition); }
.legal-content a:hover { color:var(--white); }
.legal-content ul { margin:12px 0 20px 0; padding-left:0; }
.legal-content ul li { position:relative; padding:6px 0 6px 24px; font-size:.95rem; color:var(--white-dim); line-height:1.75; font-weight:400; }
.legal-content ul li::before { content:'\2022'; position:absolute; left:4px; color:var(--cyan); font-weight:700; font-size:1.1em; }
.legal-content ul li strong { color:var(--white); font-weight:600; }

/* ========== FAQ PAGE ========== */
.faq-section .faq-item { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); margin-bottom:12px; transition:all var(--transition); overflow:hidden; }
.faq-section .faq-item:hover { border-color:rgba(255,255,255,.12); }
.faq-section .faq-item[open] { border-color:rgba(0,212,255,.25); box-shadow:0 4px 24px rgba(0,0,0,.2); }
.faq-section .faq-item summary { display:flex; align-items:center; justify-content:space-between; padding:20px 28px; font-family:var(--font); font-size:1.05rem; font-weight:600; color:var(--white); cursor:pointer; list-style:none; transition:color var(--transition), background var(--transition); }
.faq-section .faq-item summary::-webkit-details-marker { display:none; }
.faq-section .faq-item summary::marker { display:none; content:''; }
.faq-section .faq-item summary:hover { color:var(--cyan); background:rgba(255,255,255,.02); }
.faq-section .faq-item summary::after { content:'+'; font-family:var(--font-display); font-size:1.4rem; font-weight:700; color:var(--cyan); flex-shrink:0; margin-left:16px; transition:transform .3s ease; line-height:1; }
.faq-section .faq-item[open] summary::after { content:'\00d7'; transform:rotate(180deg); }
.faq-section .faq-item[open] summary { color:var(--cyan); border-bottom:1px solid rgba(255,255,255,.06); }
.faq-section .faq-answer { padding:20px 28px 24px; }
.faq-section .faq-answer p { font-size:.95rem; color:var(--white-dim); line-height:1.8; margin-bottom:12px; font-weight:400; }
.faq-section .faq-answer p:last-child { margin-bottom:0; }
.faq-section .faq-answer ul { margin:8px 0 16px 0; padding-left:0; }
.faq-section .faq-answer ul li { position:relative; padding:4px 0 4px 24px; font-size:.95rem; color:var(--white-dim); line-height:1.7; font-weight:400; }
.faq-section .faq-answer ul li::before { content:'\2022'; position:absolute; left:4px; color:var(--cyan); font-weight:700; font-size:1.1em; }
.faq-section .faq-answer ul li strong { color:var(--white); font-weight:600; }
.faq-section .faq-answer a { color:var(--cyan); transition:color var(--transition); }
.faq-section .faq-answer a:hover { color:var(--white); }
.faq-health-alpha h4 { font-family:var(--font-display); font-size:1.1rem; font-weight:700; color:var(--white); margin:24px 0 12px; letter-spacing:.02em; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:8px; }
.faq-health-alpha h4:first-of-type { margin-top:16px; }
.health-claims-table { margin-top:16px; }
.health-claim { background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); padding:16px 20px; margin-bottom:12px; }
.health-claim h5 { font-family:var(--font-display); font-size:.95rem; font-weight:700; color:var(--cyan); margin-bottom:8px; letter-spacing:.02em; }
.health-claim p { font-size:.9rem; }
.health-refs { font-size:.82rem !important; color:rgba(255,255,255,.4) !important; line-height:1.6; }
.health-refs em { font-style:italic; }

/* ========== INVESTOR LOGIN ========== */
.investor-login-section { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:100px 24px 60px; position:relative; overflow:hidden; }
.investor-login-below { padding:48px 0 60px !important; display:flex; justify-content:center; }
.investor-login-below .container { display:flex; justify-content:center; }
.investor-login-wrap { position:relative; width:100%; max-width:440px; z-index:2; margin:0 auto; }
.investor-login-card { background:rgba(17,17,24,.85); backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:40px 40px 36px; position:relative; }
.investor-login-logo { text-align:center; margin-bottom:28px; }
.investor-login-logo img { height:52px; margin:0 auto; }
.investor-login-title { font-family:var(--font-display); font-size:1.5rem; font-weight:700; text-align:center; letter-spacing:.04em; margin-bottom:8px; }
.investor-login-sub { text-align:center; color:var(--white-dim); font-size:.92rem; margin-bottom:32px; line-height:1.5; }
.investor-login-error { background:rgba(230,57,70,.15); border:1px solid rgba(230,57,70,.4); color:#ff6b6b; padding:12px 16px; border-radius:8px; font-size:.88rem; margin-bottom:20px; text-align:center; }
.investor-login-form { display:flex; flex-direction:column; gap:20px; }
.investor-field label { display:block; font-size:.82rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--white-dim); margin-bottom:8px; font-family:var(--font-display); }
.investor-field input { width:100%; padding:14px 16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:10px; color:var(--white); font-family:var(--font); font-size:1rem; font-weight:500; transition:border-color var(--transition), box-shadow var(--transition); outline:none; }
.investor-field input::placeholder { color:rgba(240,240,240,.3); }
.investor-field input:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(0,212,255,.12); }
.investor-pass-wrap { position:relative; }
.investor-pass-wrap input { padding-right:48px; }
.investor-pass-toggle { position:absolute; right:12px; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--white-muted); cursor:pointer; padding:4px; transition:color var(--transition); }
.investor-pass-toggle:hover, .investor-pass-toggle.active { color:var(--cyan); }
.investor-login-btn { width:100%; padding:14px; background:var(--gradient); color:#fff; font-family:var(--font-display); font-size:1rem; font-weight:700; letter-spacing:.06em; border:none; border-radius:10px; cursor:pointer; transition:transform var(--transition), box-shadow var(--transition); display:flex; align-items:center; justify-content:center; gap:10px; margin-top:4px; }
.investor-login-btn:hover { transform:translateY(-1px); box-shadow:0 8px 32px rgba(0,212,255,.2), 0 4px 16px rgba(230,57,70,.15); }
.investor-login-btn:disabled { opacity:.7; cursor:wait; transform:none; }
.investor-btn-loader { width:18px; height:18px; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; border-radius:50%; animation:spin .6s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.investor-login-footer { margin-top:28px; text-align:center; }
.investor-forgot { display:inline-block; color:var(--cyan); font-size:.88rem; font-weight:600; margin-bottom:16px; transition:color var(--transition); }
.investor-forgot:hover { color:var(--white); }
.investor-login-note { font-size:.8rem; color:var(--white-muted); line-height:1.6; }
.investor-login-note a { color:var(--cyan); }
.investor-login-bg-glow { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:500px; height:500px; background:radial-gradient(circle, rgba(0,212,255,.08) 0%, rgba(230,57,70,.04) 40%, transparent 70%); pointer-events:none; z-index:1; }

/* ========== INVESTOR PORTAL (LOGGED IN) ========== */
.investor-portal { padding-top:70px; min-height:100vh; }
.investor-portal-section { padding-top:48px !important; }
.investor-portal-header { background:linear-gradient(180deg, rgba(0,212,255,.06) 0%, transparent 100%); border-bottom:1px solid rgba(255,255,255,.06); padding:48px 0 40px; }
.investor-portal-header-inner { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.investor-portal-title { font-family:var(--font-display); font-size:clamp(1.8rem,4vw,2.6rem); font-weight:800; letter-spacing:.02em; margin-bottom:6px; }
.investor-portal-sub { color:var(--white-dim); font-size:1rem; }
.investor-logout-btn { padding:10px 24px; border:1px solid rgba(255,255,255,.15); border-radius:8px; font-size:.85rem; font-weight:600; color:var(--white-dim); letter-spacing:.04em; transition:all var(--transition); white-space:nowrap; }
.investor-logout-btn:hover { border-color:var(--red); color:var(--red); }

.investor-news-wrap { padding:48px 0 80px; }
.investor-news-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.investor-news-card { background:var(--bg-card); border:1px solid rgba(255,255,255,.06); border-radius:var(--radius); overflow:hidden; transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition); }
.investor-news-card:hover { transform:translateY(-4px); border-color:rgba(0,212,255,.2); box-shadow:0 12px 40px rgba(0,0,0,.3); }
.investor-news-thumb { height:200px; overflow:hidden; }
.investor-news-thumb img { width:100%; height:100%; object-fit:cover; transition:transform var(--transition); }
.investor-news-card:hover .investor-news-thumb img { transform:scale(1.04); }
.investor-news-body { padding:24px; }
.investor-news-meta { display:flex; align-items:center; gap:12px; margin-bottom:12px; font-size:.8rem; color:var(--white-muted); }
.investor-news-cat { background:rgba(0,212,255,.12); color:var(--cyan); padding:3px 10px; border-radius:20px; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.investor-news-title { font-family:var(--font-display); font-size:1.15rem; font-weight:700; line-height:1.35; margin-bottom:10px; letter-spacing:.01em; }
.investor-news-title a { transition:color var(--transition); }
.investor-news-title a:hover { color:var(--cyan); }
.investor-news-excerpt { font-size:.9rem; color:var(--white-dim); line-height:1.6; margin-bottom:16px; }
.investor-news-link { font-family:var(--font-display); font-size:.82rem; font-weight:700; color:var(--cyan); letter-spacing:.06em; text-transform:uppercase; transition:color var(--transition); }
.investor-news-link:hover { color:var(--white); }

.investor-pagination { display:flex; justify-content:center; gap:8px; margin-top:48px; }
.investor-pagination a, .investor-pagination span { padding:8px 16px; border-radius:8px; font-size:.88rem; font-weight:600; transition:all var(--transition); }
.investor-pagination a { background:var(--bg-card); border:1px solid rgba(255,255,255,.1); color:var(--white-dim); }
.investor-pagination a:hover { border-color:var(--cyan); color:var(--cyan); }
.investor-pagination .current { background:var(--gradient); color:#fff; border:none; }

.investor-empty { text-align:center; padding:80px 24px; }
.investor-empty-icon { margin-bottom:24px; }
.investor-empty h2 { font-family:var(--font-display); font-size:1.5rem; font-weight:700; margin-bottom:12px; }
.investor-empty p { color:var(--white-dim); font-size:1rem; max-width:400px; margin:0 auto; line-height:1.6; }

/* ========== RESPONSIVE ========== */
@media (max-width:1024px) {
  .hero { min-height:auto; padding-top:70px; }
  .hero-split { flex-direction:column; gap:24px; margin-top:0; padding-bottom:40px; }
  .hero-side { padding:40px 20px 20px; }
  .hero-divider { width:60%; min-height:3px; height:3px; align-self:center; background:linear-gradient(90deg, transparent, var(--cyan), rgba(0,212,255,.3), var(--cyan), transparent); box-shadow:0 0 20px var(--cyan-glow); }
  .hero-divider::after { top:0; left:-100%; width:60%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent); animation:divider-shimmer-move 3s ease-in-out infinite; }
  .hero-side .hero-can { height:280px; }
  .hero-scroll { display:none; }
  .product-scene { aspect-ratio:auto; }
  .product-scene .scene-bg { position:relative; inset:auto; width:100%; aspect-ratio:2/1; }
  .product-scene .scene-text { position:static; padding:24px; justify-content:center !important; }
  .product-scene .scene-glass { max-width:100%; }
  .why-grid { grid-template-columns:repeat(2,1fr); }
  .product-detail-grid { grid-template-columns:1fr; gap:40px; }
  .product-detail-grid.reverse { direction:ltr; }
  .product-detail-can img { height:360px; }
  .ingredients-grid { grid-template-columns:repeat(2,1fr); }
  .quality-grid { grid-template-columns:repeat(2,1fr); gap:24px; }
  .mission-values { grid-template-columns:1fr; }
  .difference-grid { grid-template-columns:1fr; }
  .faq-section .faq-item summary { padding:18px 24px; font-size:1rem; }
  .faq-section .faq-answer { padding:16px 24px 20px; }
  .legal-content { max-width:100%; }
  .features-grid-8 { grid-template-columns:repeat(2,1fr); }
  .botanicals-grid { grid-template-columns:repeat(3,1fr); }
  .challenge-grid { grid-template-columns:1fr; gap:32px; }
  .challenge-glass { padding:36px 28px; }
  .health-grid { grid-template-columns:1fr; gap:40px; }
  .comparison-table { grid-template-columns:1fr; }
  .gallery-main { aspect-ratio:auto; min-height:360px; }
  .about-cta-content { grid-template-columns:1.3fr 1fr 1.3fr; }
  .about-cta-cans { min-height:280px; }
  .about-cta-arena { min-height:280px; }
}

@media (max-width:768px) {
  .nav { padding:0 20px; }
  .nav-logo img { height:48px; }
  .nav.scrolled .nav-logo img { height:40px; }
  .nav-links { display:none; }
  .hamburger { display:block; }
  .mobile-nav { display:flex; }
  .hero { background:var(--bg); }
  .hero-bg { display:none; }
  .hero-overlay { display:none; }
  .hero-split { gap:16px; padding-bottom:32px; }
  .hero-side { padding:32px 20px 24px; position:relative; border-radius:var(--radius); overflow:hidden; }
  .hero-side:first-child { background:radial-gradient(ellipse at 50% 15%, rgba(230,57,70,.18) 0%, rgba(17,17,24,.97) 65%); border:1px solid rgba(230,57,70,.12); }
  .hero-side:last-child { background:radial-gradient(ellipse at 50% 15%, rgba(0,212,255,.18) 0%, rgba(17,17,24,.97) 65%); border:1px solid rgba(0,212,255,.12); }
  .hero-side .hero-can { height:240px; }
  .hero-greek { font-size:2rem; }
  .hero-side-text { font-size:.9rem; margin-bottom:20px; }
  .btn-alpha, .btn-beta { font-size:.9rem; padding:10px 22px; }
  .section { padding:60px 0; }
  .product-showcase .section-title { padding-top:48px; padding-bottom:32px; }
  .product-scene .scene-glass { padding:28px 24px; }
  .product-scene .scene-glass h3 { font-size:1.4rem; }
  .why-grid { grid-template-columns:1fr; }
  .story-content { padding:60px 0; }
  .story-content h2 { font-size:1.6rem; }
  .social-card { padding:20px 28px; }
  .cta-section { padding:60px 0; }
  .bottom-dual-grid { grid-template-columns:1fr; gap:32px; }
  .cta-col { border-left:none; padding-left:0; border-top:1px solid rgba(255,255,255,.08); padding-top:32px; }
  .footer-top { flex-direction:column; gap:32px; }
  .footer-cols { flex-wrap:wrap; gap:24px; }
  .page-hero { min-height:36vh; }
  .page-hero-title { font-size:2rem; }
  .product-detail-can img { height:300px; }
  .product-nav-btn { padding:10px 22px; font-size:.88rem; }
  .about-heading { font-size:1.6rem; }
  .founder-grid { grid-template-columns:1fr; gap:32px; }
  .founder-portrait { max-width:260px; margin:0 auto; }
  .origin-chapters { grid-template-columns:repeat(2,1fr); gap:20px; }
  .what-grid { grid-template-columns:1fr; }
  .about-cta-content { grid-template-columns:1fr; text-align:center; }
  .about-cta-left { padding:0; max-height:280px; }
  .about-cta-cans { min-height:200px; }
  .about-cta-center { text-align:center; padding:32px 20px; }
  .about-cta-actions { justify-content:center; }
  .about-cta-right-img { max-height:240px; }
  .about-cta-arena { min-height:200px; }
  .about-social-icons { justify-content:center; }
  .about-hero { height:180px; }
  .about-hero-tagline { max-width:100%; }
  .structure-grid { grid-template-columns:1fr; }
  .engine-grid { grid-template-columns:1fr; }
  .contact-cards { grid-template-columns:1fr; }
  .ingredients-grid { grid-template-columns:1fr; }
  .quality-grid { grid-template-columns:repeat(2,1fr); }
  .diff-col { padding:28px 20px; }
  .botanicals-grid { grid-template-columns:repeat(2,1fr); }
  .health-image img { max-height:360px; }
  .comparison-can { height:140px; }
  .investor-login-card { padding:36px 28px 32px; }
  .investor-news-grid { grid-template-columns:1fr; }
  .investor-portal-header-inner { flex-direction:column; align-items:flex-start; gap:16px; }
  .faq-section .faq-item summary { padding:16px 20px; font-size:.95rem; }
  .faq-section .faq-item summary::after { font-size:1.2rem; }
  .faq-section .faq-answer { padding:14px 20px 18px; }
  .faq-section .faq-answer p { font-size:.9rem; }
  .legal-content h3 { font-size:1.05rem; margin:32px 0 12px; }
  .legal-content p { font-size:.93rem; }
  .legal-content ul li { font-size:.9rem; }
}

@media (max-width:480px) {
  .nav-logo img { height:40px; }
  .nav.scrolled .nav-logo img { height:36px; }
  .hero-split { gap:12px; padding-bottom:24px; }
  .hero-side { padding:24px 16px 16px; }
  .hero-side .hero-can { height:200px; }
  .hero-greek { font-size:1.6rem; }
  .hero-side-text { font-size:.85rem; margin-bottom:16px; }
  .btn-alpha, .btn-beta { font-size:.85rem; padding:9px 20px; }
  .section-title { font-size:1.5rem; }
  .section { padding:48px 0; }
  .product-scene .scene-glass { padding:24px 16px; }
  .cta-section h2 { font-size:1.5rem; }
  .btn-shop { padding:8px 18px; font-size:.8rem; }
  .footer-cols { flex-direction:column; gap:20px; }
  .social-card { padding:16px 24px; }
  .product-detail-can img { height:260px; }
  .quality-grid { grid-template-columns:1fr 1fr; gap:16px; }
  .quality-number { font-size:1.8rem; }
  .features-grid-8 { grid-template-columns:1fr; }
  .botanicals-grid { grid-template-columns:1fr; }
  .gallery-thumbs { gap:8px; }
  .botanical-img { width:175px; height:175px; font-size:2rem; }
  .investor-login-card { padding:32px 20px 28px; }
  .investor-login-logo img { height:40px; }
  .investor-login-title { font-size:1.25rem; }
  .comparison-row { flex-direction:column; align-items:flex-start; gap:4px; }
  .comparison-row span { text-align:left; }
  .faq-section .faq-item summary { padding:14px 16px; font-size:.9rem; }
  .faq-section .faq-item summary::after { font-size:1.1rem; margin-left:12px; }
  .faq-section .faq-answer { padding:12px 16px 16px; }
  .legal-content h3 { font-size:1rem; margin:28px 0 10px; }
  .legal-content p { font-size:.88rem; line-height:1.75; }
}
/* COOKIE CONSENT BANNER */
.cc-banner{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:rgba(10,10,16,.97);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);padding:0}
.cc-banner.cc-show{transform:translateY(0)}
.cc-banner.cc-hide{transform:translateY(100%)}
.cc-inner{max-width:1200px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;gap:32px}
.cc-text{flex:1}
.cc-title{font-size:1rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.03em}
.cc-text p{font-size:.85rem;color:rgba(255,255,255,.6);margin:0;line-height:1.5}
.cc-actions{display:flex;gap:10px;flex-shrink:0}
.cc-btn{border:none;padding:10px 20px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.02em;white-space:nowrap}
.cc-btn-accept{background:linear-gradient(135deg,#00d4ff,#0090b8);color:#000}
.cc-btn-accept:hover{filter:brightness(1.15);transform:translateY(-1px)}
.cc-btn-decline{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.1)}
.cc-btn-decline:hover{background:rgba(255,255,255,.12);color:#fff}
.cc-btn-manage{background:transparent;color:rgba(255,255,255,.5);text-decoration:underline;padding:10px 12px}
.cc-btn-manage:hover{color:#fff}

/* OVERLAY */
.cc-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s}
.cc-overlay.cc-overlay-show{opacity:1}

/* PREFERENCES PANEL */
.cc-panel{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:24px}
.cc-panel-inner{background:rgba(16,16,24,.98);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;transform:scale(.92);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}
.cc-panel.cc-panel-show .cc-panel-inner{transform:scale(1);opacity:1}
.cc-panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.cc-panel-header h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0;letter-spacing:.03em}
.cc-panel-close{background:none;border:none;color:rgba(255,255,255,.4);font-size:1.6rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}
.cc-panel-close:hover{color:#fff}
.cc-panel-body{padding:20px 28px}
.cc-category{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.cc-category:last-child{border-bottom:none}
.cc-cat-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cc-cat-header strong{font-size:.92rem;color:#fff;display:block;margin-bottom:4px}
.cc-cat-header p{font-size:.78rem;color:rgba(255,255,255,.45);margin:0;line-height:1.4}

/* TOGGLE */
.cc-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}
.cc-toggle input{opacity:0;width:0;height:0}
.cc-slider{position:absolute;inset:0;background:rgba(255,255,255,.12);border-radius:24px;cursor:pointer;transition:all .3s}
.cc-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s}
.cc-toggle input:checked+.cc-slider{background:linear-gradient(135deg,#00d4ff,#0090b8)}
.cc-toggle input:checked+.cc-slider::before{transform:translateX(20px)}
.cc-toggle-locked{opacity:.5}
.cc-toggle-locked .cc-slider{cursor:not-allowed}

.cc-panel-footer{padding:16px 28px 24px;display:flex;justify-content:flex-end}

@media(max-width:768px){
  .cc-inner{flex-direction:column;align-items:stretch;gap:16px;padding:20px 20px}
  .cc-actions{justify-content:stretch}
  .cc-btn{flex:1;padding:10px 8px;text-align:center}
  .cc-btn-manage{flex:none}
  .cc-panel-inner{max-width:100%}
  .cc-panel-header,.cc-panel-body,.cc-panel-footer{padding-left:20px;padding-right:20px}
}