/* ==========================================================================
   QUANTUM Industrial Studio — skin v2 (DEFAULT since 2026.7.0; classic look = git tag v1-classic-look)
   Loaded AFTER styles.css (and after each module page's inline <style>).
   Language taken from /optris/: near-black green-tinted ground, sharp 6px
   radii, Rajdhani display + IBM Plex body, left-aligned section heads with
   an accent bar, iron-palette signature strip. Nasalization stays for the
   brand mark and the hero tagline only.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root{
  --v2-bg:#0c100e; --v2-bg2:#101613; --v2-surface:#151c18; --v2-surface2:#1a231e;
  --v2-line:#243128; --v2-line2:#2f4036;
  --v2-text:#e6ece8; --v2-muted:#9aa89f; --v2-dim:#6f7d74;
  --v2-accent:#5fd36a; --v2-accent-ink:#0b1a0e; --v2-heat:#ff7a2f;
  --v2-iron:linear-gradient(90deg,#000 0%,#20004a 12%,#8a0f7a 30%,#e02a1e 52%,#ff8a1e 70%,#ffd23f 86%,#fff 100%);
  --v2-display:"Rajdhani","Bahnschrift","Arial Narrow",system-ui,sans-serif;
  --v2-body:"IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;
  --v2-mono:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;
  --v2-radius:6px;
}

/* ---------- ground & type ---------- */
body{background-color:var(--v2-bg);color:var(--v2-text);font-family:var(--v2-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";display:block;height:4px;background:var(--v2-iron)}
.container{max-width:1180px}
h1,h2,h3,h4{font-family:var(--v2-display);font-weight:700;line-height:1.05;letter-spacing:.005em}
section{border-radius:var(--v2-radius)}
section h2{font-family:var(--v2-display);font-size:clamp(1.9rem,3.2vw,2.6rem);text-transform:uppercase;text-align:left;margin-bottom:28px;color:var(--v2-text);position:relative;padding-left:18px;letter-spacing:.005em}
section h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;background:var(--v2-accent)}
.why-quantum h2,.tiers h2,.showcase h2,.video-section h2,.tracking h2{text-align:left}
p{color:inherit}

/* ---------- sticky header ---------- */
.sticky-header{background:rgba(12,16,14,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--v2-line);box-shadow:none}
.sticky-nav-link{color:var(--v2-muted);font-family:var(--v2-body);font-weight:500}
.sticky-nav-link:hover{color:var(--v2-text);border-color:transparent}
.sticky-nav-link.cta{color:var(--v2-accent);border:1px solid var(--v2-accent);border-radius:var(--v2-radius);padding:8px 14px;font-family:var(--v2-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
.sticky-nav-link.cta:hover{background:rgba(95,211,106,.08)}

/* ---------- hero (home) ---------- */
body{background-image:
  radial-gradient(1100px 520px at 88% 0%,rgba(255,122,47,.10),transparent 60%),
  radial-gradient(900px 480px at 0% 420px,rgba(95,211,106,.07),transparent 60%);background-repeat:no-repeat}
.hero{padding:72px 0 56px;text-align:left;background:none}
.hero-logo{max-width:420px;margin:0 0 26px}
.hero-tagline{font-family:'Nasalization',sans-serif;font-size:clamp(1.3rem,2.4vw,1.9rem);color:var(--v2-accent);letter-spacing:2px;text-align:left}
.hero-subtitle,.hero-subtitle-secondary{color:var(--v2-muted);max-width:62ch;margin:0;font-size:1.12rem;text-align:left}
.hero-slogan{justify-content:flex-start;margin:14px 0;color:var(--v2-muted)}
.hero-highlight{color:var(--v2-heat)}

/* ---------- generic dark panels ---------- */
.why-quantum,.video-section,.showcase,.tiers,.tracking,.module-section,.module-cta{background:var(--v2-bg);border:0;border-top:1px solid var(--v2-line);border-radius:0;box-shadow:none;margin-bottom:0;padding:72px 0}
.video-description,.showcase-description,.section-lede,.tracking-description{text-align:left;color:var(--v2-muted);max-width:62ch;margin:0 0 36px;font-size:1.1rem;line-height:1.6}

/* ---------- highlight cards (Why QUANTUM) ---------- */
.highlights-grid{gap:10px;background:transparent;border:0;border-radius:0;overflow:visible;max-width:none;grid-auto-rows:auto;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.highlight-card,.highlight-card.ai,.highlight-card.vr,.highlight-card.cost,.highlight-card.research{background:var(--v2-surface);border:1px solid var(--v2-line);border-radius:var(--v2-radius);padding:22px 20px;text-align:left;align-items:flex-start;justify-content:flex-start;gap:8px;transition:background .15s}
.highlight-card:hover,.highlight-card.ai:hover,.highlight-card.vr:hover{transform:none;background:var(--v2-surface2);border-color:var(--v2-line2)}
.highlight-card.clickable{position:relative}
.highlight-card.ai,.highlight-card.vr,.highlight-card.research{box-shadow:inset 3px 0 0 var(--v2-accent)}
.highlight-icon,.highlight-card.ai .highlight-icon,.highlight-card.vr .highlight-icon,.highlight-card.research .highlight-icon{color:var(--v2-accent);margin-bottom:4px}
.highlight-card h3{font-family:var(--v2-display);font-size:1.15rem;text-transform:uppercase;letter-spacing:.02em;color:var(--v2-text)}
.highlight-card p{font-size:.9rem;color:var(--v2-muted);line-height:1.5}
.highlight-card .card-cta{color:var(--v2-accent);font-family:var(--v2-display);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.highlight-card.clickable:hover .card-cta{color:var(--v2-accent)}

/* ---------- explore / tour ---------- */
.product-tour-tabs{justify-content:flex-start}
.tour-tab,.tour-tab.module{background:transparent;color:var(--v2-muted);border:1px solid var(--v2-line2);border-radius:var(--v2-radius);font-family:var(--v2-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;padding:8px 16px}
.tour-tab.module{color:var(--v2-text)}
.tour-tab.active,.tour-tab.module.active{background:var(--v2-accent);color:var(--v2-accent-ink);border-color:var(--v2-accent)}
.tour-tab-plus{color:var(--v2-accent)}
.tour-tab.active .tour-tab-plus{color:var(--v2-accent-ink)}
.tour-tabs-divider{background:var(--v2-line2)}
.carousel-title{font-family:var(--v2-display);font-size:1.25rem;color:var(--v2-text);text-transform:none;justify-content:flex-start}
.carousel-btn{background:var(--v2-surface);border:1px solid var(--v2-line2);border-radius:var(--v2-radius)}
.carousel-btn:hover{border-color:var(--v2-accent)}
.carousel-indicator{background:var(--v2-line2);border-radius:1px;width:14px;height:4px}
.carousel-indicator.active{background:var(--v2-accent)}
.video-container,.video-container iframe,.video-container img{border-radius:var(--v2-radius)!important}
.video-container{border:1px solid var(--v2-line2);background:#000}
.module-deep-dive-link{color:var(--v2-accent);border:1px solid var(--v2-accent);border-radius:var(--v2-radius);font-family:var(--v2-display);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.module-deep-dive-link:hover{background:rgba(95,211,106,.08);color:var(--v2-accent)}

/* ---------- showcase ---------- */
.showcase-grid{gap:10px;background:transparent;border:0;border-radius:0;overflow:visible;max-width:none}
.showcase-card{background:var(--v2-surface);border:1px solid var(--v2-line);border-radius:var(--v2-radius)}
.showcase-card:hover{transform:none;background:var(--v2-surface2)}
.showcase-image{background:var(--v2-bg2)!important;height:120px;border-bottom:1px solid var(--v2-line)}
.showcase-card h3{font-family:var(--v2-display);font-size:1.2rem;text-transform:uppercase}
.showcase-card p{color:var(--v2-muted)}
.showcase-tag,.use-eyebrow{background:transparent;color:var(--v2-heat);border:0;padding:0;border-radius:0;font-family:var(--v2-mono);font-size:.74rem;letter-spacing:.06em}

/* ---------- tiers / contact ---------- */
.tiers-grid{gap:20px}
.tier-card,.tier-card.pro,.tier-card.pilot{background:var(--v2-surface);border:1px solid var(--v2-line2);border-radius:var(--v2-radius);padding:36px 30px;text-align:left}
.tier-card.pro{border-color:var(--v2-accent)}
.tier-card:hover{transform:none;box-shadow:none}
.tier-badge,.tier-badge.popular{left:30px;transform:none;border-radius:3px;font-family:var(--v2-mono);font-weight:500;letter-spacing:.06em;font-size:.72rem;background:var(--v2-bg);color:var(--v2-accent);border:1px solid var(--v2-accent)}
.tier-header{justify-content:flex-start}
.tier-card h3{font-family:var(--v2-display);text-transform:uppercase;font-size:1.6rem}
.tier-price{font-family:var(--v2-display);font-size:1.6rem;text-transform:uppercase;color:var(--v2-text);margin-bottom:20px}
.tier-tagline{color:var(--v2-muted);font-family:var(--v2-body);text-transform:none;font-size:.95rem;font-weight:400}
.tier-features li{border-bottom:1px solid var(--v2-line);color:var(--v2-text)}
.tier-features .check{color:var(--v2-accent)}
.tier-btn,.tier-btn.primary,.tier-btn.secondary{border-radius:var(--v2-radius);font-family:var(--v2-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;padding:13px 26px}
.tier-btn.primary{background:var(--v2-accent);color:var(--v2-accent-ink)}
.tier-btn.primary:hover{background:#74e07e}
.tier-btn.secondary{background:transparent;color:var(--v2-accent);border:1px solid var(--v2-accent)}
.tier-btn.secondary:hover{background:rgba(95,211,106,.08)}
.tier-note{color:var(--v2-dim);text-align:left}

/* ---------- modals & forms ---------- */
.modal-content{background:var(--v2-surface);border:1px solid var(--v2-line2);border-radius:var(--v2-radius)}
.modal-content h2{padding-left:0;font-size:1.6rem}
.modal-content h2::before{display:none}
.form-group input,.form-group textarea,.form-group select{background:var(--v2-bg);border:1px solid var(--v2-line2);border-radius:var(--v2-radius);color:var(--v2-text);font-family:var(--v2-body)}
.submit-btn{border-radius:var(--v2-radius);background:var(--v2-accent);color:var(--v2-accent-ink);font-family:var(--v2-display);text-transform:uppercase;letter-spacing:.08em}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--v2-line);background:var(--v2-bg)}
.footer-content{text-align:center}
.footer-links a{color:var(--v2-muted)}
.footer-links a:hover{color:var(--v2-accent)}
.footer-copyright{color:var(--v2-dim);font-size:.85rem}

/* ---------- module pages ---------- */
.module-hero{text-align:left;padding:64px 0 40px}
.module-hero .breadcrumb{font-family:var(--v2-mono);font-size:.8rem;color:var(--v2-dim)}
.module-hero .breadcrumb a{color:var(--v2-accent)}
.module-hero .module-eyebrow{font-family:var(--v2-display);font-weight:600;letter-spacing:.18em;border:0;padding:0;color:var(--v2-accent);font-size:.82rem;margin-bottom:14px}
.module-hero h1{font-family:var(--v2-display);font-size:clamp(2.4rem,5.2vw,4.2rem);text-transform:uppercase;letter-spacing:.005em;color:var(--v2-text);margin-bottom:12px}
.module-hero .module-tagline{color:var(--v2-accent);font-family:var(--v2-display);font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.module-hero .module-sub{margin:0 0 30px;max-width:66ch;color:var(--v2-muted);font-size:1.08rem}
.module-section h2,.module-cta h2,.video-section h2{text-align:left}
.module-section .section-lede,.video-section .section-lede,.module-cta p{text-align:left;margin:0 0 30px;max-width:62ch}
.capability-grid{gap:10px;background:transparent;border:0;border-radius:0;overflow:visible}
.capability-card{background:var(--v2-surface);border:1px solid var(--v2-line);border-radius:var(--v2-radius);padding:22px 20px}
.capability-card:hover{transform:none;background:var(--v2-surface2);border-color:var(--v2-line2)}
.capability-card h4{font-family:var(--v2-display);font-size:1.1rem;text-transform:uppercase}
.capability-card p{color:var(--v2-muted);font-size:.9rem}
.feature-shot{border:1px solid var(--v2-line2);border-radius:var(--v2-radius);box-shadow:0 30px 80px rgba(0,0,0,.45);background:#000}
.feature-copy h3{font-family:var(--v2-display);font-size:1.6rem;text-transform:uppercase;color:var(--v2-text)}
.feature-copy p{color:var(--v2-muted)}
.feature-copy ul li{color:var(--v2-text);font-size:.97rem;padding-left:22px}
.feature-copy ul li::before{content:"";width:11px;height:2px;background:var(--v2-heat);top:.75em}
.featured-uses,.built-grid{gap:10px;background:transparent;border:0;border-radius:0;overflow:visible}
.use-card,.built-card{background:var(--v2-surface);border:1px solid var(--v2-line);border-radius:var(--v2-radius);padding:22px 20px}
.use-card:hover{transform:none;background:var(--v2-surface2);border-color:var(--v2-line2)}
.use-card h4,.built-card h4{font-family:var(--v2-display);text-transform:uppercase;font-size:1.1rem;color:var(--v2-text);letter-spacing:.01em}
.built-card h4{color:var(--v2-accent)}
.use-card p,.built-card p{color:var(--v2-muted)}
.use-case-chip{background:transparent;border:1px solid var(--v2-line2);border-radius:3px;font-family:var(--v2-mono);font-size:.78rem;color:var(--v2-muted)}
.more-uses-label{text-align:left;font-family:var(--v2-display);letter-spacing:.18em;color:var(--v2-accent)}
.video-frame{border:1px solid var(--v2-line2);border-radius:var(--v2-radius);margin:0;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.video-caption{text-align:left;font-family:var(--v2-mono);font-size:.82rem;color:var(--v2-muted)}
.module-cta{background:var(--v2-surface);border:1px solid var(--v2-line2);border-radius:var(--v2-radius);padding:40px;text-align:left;margin:40px 0}
.module-cta h2{padding-left:0}
.module-cta h2::before{display:none}
.module-cta p{margin-left:0;color:var(--v2-muted)}
.module-cta .cta-row{justify-content:flex-start}
.cta-btn,.cta-btn.primary,.cta-btn.secondary{border-radius:var(--v2-radius);font-family:var(--v2-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;padding:12px 22px}
.cta-btn.primary{background:var(--v2-accent);color:var(--v2-accent-ink);box-shadow:none}
.cta-btn.primary:hover{background:#74e07e;transform:none}
.cta-btn.secondary{color:var(--v2-accent);border:1px solid var(--v2-accent)}
.cta-btn.secondary:hover{background:rgba(95,211,106,.08)}

/* ---------- small screens ---------- */
@media (max-width:768px){
  section h2{font-size:1.7rem}
  .why-quantum,.video-section,.showcase,.tiers,.module-section,.module-cta{padding:48px 0}
  .hero{padding:48px 20px 40px}
}

/* ---------- terms page ---------- */
.terms-container{max-width:860px}
.terms-content{background:transparent;border-radius:0;box-shadow:none;padding:0}
.terms-content h1{font-family:var(--v2-display);color:var(--v2-text);text-transform:uppercase;font-size:clamp(2.2rem,4.5vw,3.4rem);margin-bottom:24px}
.terms-content h2{font-family:var(--v2-display);text-transform:uppercase;color:var(--v2-text);font-size:1.35rem;border-bottom:1px solid var(--v2-line);padding:0 0 8px;margin-top:36px}
.terms-content h2::before{display:none}
.terms-content p,.terms-content li{color:var(--v2-muted);line-height:1.7;max-width:70ch}
.terms-content strong{color:var(--v2-text)}
.terms-content .highlight{background:var(--v2-surface);border-left:3px solid var(--v2-accent);border-radius:0 var(--v2-radius) var(--v2-radius) 0}
.back-link{color:var(--v2-accent);font-family:var(--v2-display);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.9rem}