/* ZEVQORA Huslen Super Refresh v8
   This layer intentionally preserves the v7 layout and upgrades hierarchy,
   spacing, brand consistency, motion and conversion detail. */
:root {
  --ink: #0F1115;
  --ink-2: #20242d;
  --muted: #626b7a;
  --muted-2: #87909f;
  --blue: #6B8FFF;
  --blue-2: #86a3ff;
  --blue-strong: #587cf0;
  --blue-soft: #f0f4ff;
  --cloud: #F7F8FA;
  --stone: #EDE9E3;
  --hairline: rgba(15,17,21,.075);
  --hairline-2: rgba(15,17,21,.12);
  --surface: rgba(255,255,255,.88);
  --shadow: 0 24px 70px rgba(30,42,72,.095);
  --shadow-soft: 0 14px 38px rgba(30,42,72,.065);
  --zq-ease: cubic-bezier(.16,1,.3,1);
}

html { background:#fff; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
  letter-spacing: -.005em;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(780px 420px at 72% 5%, rgba(107,143,255,.07), transparent 68%),
    radial-gradient(620px 340px at 10% 35%, rgba(107,143,255,.035), transparent 70%),
    #fff;
}

/* restrained initial load — premium, not theatrical */
.zqv8-boot {
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:rgba(250,251,253,.98);
  transition:opacity .5s var(--zq-ease), visibility .5s var(--zq-ease);
}
.zqv8-boot.is-done { opacity:0; visibility:hidden; pointer-events:none; }
.zqv8-boot-inner { display:grid; justify-items:center; gap:14px; }
.zqv8-boot-mark { width:42px; height:42px; object-fit:contain; animation:zqv8Mark 1.15s var(--zq-ease) infinite alternate; }
.zqv8-boot-copy { font-size:10px; font-weight:760; letter-spacing:.18em; color:rgba(15,17,21,.42); }
.zqv8-boot-line { width:82px; height:2px; overflow:hidden; border-radius:999px; background:rgba(15,17,21,.06); }
.zqv8-boot-line::after { content:""; display:block; width:42%; height:100%; border-radius:inherit; background:var(--blue); animation:zqv8Load 1s var(--zq-ease) infinite; }
@keyframes zqv8Mark { from{transform:translateY(2px) scale(.97);filter:saturate(.9)} to{transform:translateY(-2px) scale(1.02);filter:saturate(1.05)} }
@keyframes zqv8Load { from{transform:translateX(-130%)} to{transform:translateX(250%)} }

.zqv8-progress { position:fixed; top:0; left:0; height:2px; width:100%; z-index:90; pointer-events:none; transform-origin:left; transform:scaleX(var(--zqv8-progress,0)); background:linear-gradient(90deg,#8fa8ff,#5f85f7); box-shadow:0 0 16px rgba(107,143,255,.35); }

/* Browser chrome: same idea, more precise */
.site-chrome {
  height:72px;
  border-bottom:1px solid rgba(15,17,21,.065);
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(26px) saturate(1.12);
  box-shadow:0 1px 0 rgba(255,255,255,.8);
}
.chrome-inner { width:min(1540px,calc(100% - 56px)); }
.traffic { gap:8px; min-width:170px; }
.traffic span { width:11px; height:11px; opacity:.9; }
.brand-home { gap:11px; font-size:16px; font-weight:760; letter-spacing:.18em; }
.brand-mark { width:25px; height:25px; }
.chrome-actions { min-width:310px; gap:6px; }
.chrome-link,.session-link { min-height:38px; padding:0 13px; display:inline-flex; align-items:center; border-radius:10px; font-size:13px; font-weight:650; }
.chrome-link.outline { border-color:rgba(15,17,21,.09); box-shadow:none; }
.chrome-link.zqv8-download { background:var(--blue); color:#fff; border:1px solid var(--blue); box-shadow:0 9px 24px rgba(107,143,255,.18); }
.chrome-link.zqv8-download:hover { background:var(--blue-strong); box-shadow:0 12px 30px rgba(107,143,255,.24); }

/* Hero: preserve Huslen composition, reduce giant headline feeling */
.hero {
  min-height:auto;
  padding:72px 0 44px;
  overflow:hidden;
  background:
    radial-gradient(660px 390px at 74% 42%, rgba(107,143,255,.075), transparent 72%),
    linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}
.hero-grid { grid-template-columns:.88fr 1.45fr; gap:58px; }
.hero-copy { padding-left:82px; position:relative; z-index:3; }
.eyebrow { margin-bottom:18px; color:var(--blue-strong); font-size:11px; font-weight:800; letter-spacing:.145em; }
.hero h1 {
  max-width:570px;
  margin-bottom:24px;
  font-size:clamp(48px,4.65vw,68px);
  line-height:.985;
  letter-spacing:-.052em;
  font-weight:735;
  text-wrap:balance;
}
.hero h1 .lighter { color:var(--blue); background:none; -webkit-text-fill-color:currentColor; }
.hero .lead { max-width:590px; margin-bottom:26px; font-size:17px; line-height:1.62; color:#626c7d; }
.zqv8-hero-status { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.zqv8-status-chip { min-height:28px; display:inline-flex; align-items:center; gap:7px; padding:0 10px; border:1px solid rgba(15,17,21,.075); border-radius:999px; background:rgba(255,255,255,.78); color:rgba(15,17,21,.54); font-size:10.5px; font-weight:620; box-shadow:0 4px 15px rgba(15,17,21,.025); }
.zqv8-status-chip i { width:6px; height:6px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px rgba(107,143,255,.1); }
.cta-row { gap:10px; }
.button { min-height:48px; padding:0 19px; border-radius:11px; font-size:13px; font-weight:680; }
.button-primary { background:var(--blue); border-color:var(--blue); box-shadow:0 12px 26px rgba(107,143,255,.2); }
.button-primary:hover { background:var(--blue-strong); border-color:var(--blue-strong); box-shadow:0 16px 34px rgba(107,143,255,.25); }
.zqv8-cta-note { margin:12px 0 0; color:rgba(15,17,21,.36); font-size:10.5px; }

.product-stage { padding-right:34px; perspective:1400px; }
.product-stage::before { content:""; position:absolute; width:64%; height:64%; right:6%; top:18%; border-radius:50%; background:rgba(107,143,255,.12); filter:blur(86px); opacity:.42; pointer-events:none; }
.product-card { position:relative; padding:9px; border-color:rgba(107,143,255,.17); border-radius:20px; background:rgba(255,255,255,.86); box-shadow:0 30px 76px rgba(45,65,110,.11),0 1px 0 rgba(255,255,255,.95) inset; }
.product-card img { border-radius:14px; }
.zqv8-product-label { position:absolute; left:24px; top:-15px; z-index:4; min-height:31px; display:inline-flex; align-items:center; gap:8px; padding:0 11px; border:1px solid rgba(15,17,21,.07); border-radius:999px; background:rgba(255,255,255,.9); backdrop-filter:blur(16px); box-shadow:0 10px 28px rgba(30,42,72,.07); color:rgba(15,17,21,.55); font-size:10px; font-weight:650; }
.zqv8-product-label span { width:6px; height:6px; border-radius:50%; background:#54bd7f; box-shadow:0 0 0 4px rgba(84,189,127,.1); }

.hero-features { margin-top:30px; padding:0 82px; gap:14px; }
.feature-card { min-height:105px; gap:16px; padding:21px 22px; border-radius:14px; background:rgba(255,255,255,.86); }
.feature-icon { width:46px; height:46px; border-radius:12px; }
.feature-icon svg { max-width:23px; max-height:23px; }
.feature-card strong { margin-bottom:5px; font-size:13px; }
.feature-card p { font-size:11.5px; line-height:1.5; }

/* Sections: tighter editorial rhythm without serif/italics */
.scroll-section { padding:92px 0; }
.story-grid { gap:70px; }
.story-copy { padding-left:32px; }
.story-copy h2,.evidence-copy h2,.savings-copy h2 { max-width:780px; font-size:clamp(40px,3.65vw,58px); line-height:1.02; letter-spacing:-.05em; font-weight:720; }
.story-copy .lead,.evidence-copy .lead,.savings-copy .lead { font-size:16px; line-height:1.7; }
.system-list { margin-top:30px; }
.system-row { grid-template-columns:210px 1fr; min-height:63px; padding:10px 12px; border-radius:10px; }
.system-row:hover { background:#fafbfe; transform:translateX(4px); }
.row-icon { width:34px; height:34px; }
.system-row > span:last-child { font-size:12.5px; }

.zev-info-card { min-height:650px; padding:54px 42px; border-radius:30px; background:radial-gradient(480px 360px at 85% 72%,rgba(107,143,255,.08),transparent 72%),#fff; }
.zev-info-card h3 { font-size:42px; font-weight:700; }
.zev-info-card > p { font-size:14px; }
.zev-proof-list { gap:21px; margin-top:42px; }
.zev-picture { filter:drop-shadow(0 28px 46px rgba(64,91,160,.12)); }

.rail { gap:12px; }
.rail li { border-radius:14px; background:rgba(255,255,255,.78); }
.savings-panel { border-radius:22px; box-shadow:var(--shadow-soft); }

/* More expensive feeling through restraint */
.feature-card,.zev-info-card,.savings-panel,.price-card,.account-panel,.download-card,.auth-card { border-color:rgba(15,17,21,.075); }
.feature-card:hover,.price-card:hover { border-color:rgba(107,143,255,.22); }

/* Cursor-light interaction, no neon */
.zqv8-pointer-light { position:fixed; left:0; top:0; width:280px; height:280px; border-radius:50%; pointer-events:none; z-index:-1; opacity:.32; transform:translate3d(calc(var(--zqv8-x,50vw) - 140px),calc(var(--zqv8-y,50vh) - 140px),0); background:radial-gradient(circle,rgba(107,143,255,.08),rgba(107,143,255,.025) 42%,transparent 72%); filter:blur(4px); transition:opacity .25s ease; }

/* Download page should not become another giant hero */
body:not(.zqv8-home) .scroll-section h1 { font-weight:720; }
body.zqv8-download-page .scroll-section h1 { font-size:clamp(44px,5.6vw,68px) !important; line-height:.98 !important; }

/* Auth surfaces inherit the same brand rhythm */
.auth-page,.zq-auth-body { font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif !important; }
.auth-page h1,.auth-page h2,.auth-page h3,.zq-auth-body h1,.zq-auth-body h2,.zq-auth-body h3 { font-family:inherit !important; font-style:normal !important; }

/* actual responsive polish */
@media(max-width:1280px){
  .hero-copy{padding-left:30px}.hero-features{padding:0 30px}.hero-grid{grid-template-columns:.94fr 1.28fr;gap:34px}.story-copy{padding-left:12px}
}
@media(max-width:980px){
  .site-chrome{height:64px}.chrome-inner{width:calc(100% - 28px)}.traffic{min-width:90px}.chrome-actions{min-width:90px}.chrome-actions .chrome-link:not(.zqv8-download):not(.outline){display:none}.hero{padding-top:54px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:0 10px;text-align:center}.hero h1,.hero .lead{margin-inline:auto}.zqv8-hero-status,.cta-row{justify-content:center}.product-stage{padding:20px 0 0;width:min(880px,100%);margin:auto}.hero-features{padding:0;grid-template-columns:repeat(3,1fr)}.story-grid{grid-template-columns:1fr;gap:36px}.zev-info-card{min-height:600px}
}
@media(max-width:680px){
  .container{width:min(100% - 28px,var(--page))}.traffic{display:none}.brand-home{position:static;transform:none}.chrome-inner{justify-content:space-between}.chrome-actions{min-width:auto}.chrome-link.outline{display:none}.hero{padding:46px 0 30px}.hero h1{font-size:44px}.hero .lead{font-size:15px}.hero-features{grid-template-columns:1fr}.feature-card{min-height:88px}.story-copy h2,.evidence-copy h2,.savings-copy h2{font-size:38px}.system-row{grid-template-columns:1fr;gap:8px}.system-row>span:last-child{border-left:0;padding-left:50px}.zev-info-card{min-height:680px;padding:38px 24px}.zev-info-card h3{font-size:36px}.zev-proof-list{width:100%;padding-bottom:210px}.zev-picture{right:18px;bottom:20px;width:48%}.scroll-section{padding:68px 0}.zqv8-product-label{left:14px;top:-8px}
}
@media(prefers-reduced-motion:reduce){
  .zqv8-boot-mark,.zqv8-boot-line::after{animation:none}.zqv8-pointer-light{display:none}.zqv8-boot{transition:none}
}