/* =========================================================================
   S-Core Ecliptor — homepage "Eclipse Glass" stylesheet
   Faithful port of the approved reference design (eclipse-glass-landing.html).
   Loads ONLY on the front page (see functions.php). Everything is scoped
   under #premium-home so it cannot leak into the shared Elementor
   header/footer chrome rendered on the same page. The reference's own
   <nav>/<header>/<footer> are NOT reproduced — the shared header/footer
   already provide real working nav, logo, and contact links.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Hanken+Grotesk:wght@300;400;500;600&display=swap');

@property --eh-la { syntax:"<angle>"; initial-value:0deg; inherits:false }

#premium-home{
  --eh-black:#030305; --eh-black-2:#06070A;
  --eh-ink:#F7F8FA; --eh-ink-2:rgba(247,248,250,.94); --eh-ink-3:rgba(247,248,250,.65); --eh-ink-4:rgba(247,248,250,.14);
  --eh-corona:#FFD9A8; --eh-corona-2:#FF9E45; --eh-refract:#8FD9FF;
  --eh-r-l:30px; --eh-r-m:22px; --eh-r-s:16px; --eh-r-p:999px;
  --eh-ease:cubic-bezier(.22,.61,.36,1);
  --eh-soft:cubic-bezier(.32,.72,.28,1);
  --eh-spring:cubic-bezier(.34,1.28,.5,1);
  --eh-disp:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --eh-text:'Hanken Grotesk',-apple-system,sans-serif;
  --eh-transit:0;
  --eh-pad:clamp(20px,5vw,64px);
  position:relative; z-index:1;
  font-family:var(--eh-text); color:var(--eh-ink); line-height:1.6;
}
#premium-home *{ box-sizing:border-box }
#premium-home img{ max-width:100%; display:block }
#premium-home a{ text-decoration:none }
#premium-home h1,#premium-home h2,#premium-home h3,#premium-home h4{ font-family:var(--eh-disp); letter-spacing:-.035em; line-height:1.06; font-weight:700; color:var(--eh-ink); margin:0 }
#premium-home h2{ font-size:clamp(28px,4.2vw,50px) }
#premium-home h3{ font-size:19px; letter-spacing:-.02em; font-weight:600; line-height:1.3 }
#premium-home .eh-lead{ font-size:clamp(15px,1.35vw,17.5px); color:var(--eh-ink-2); line-height:1.68; max-width:62ch; margin:0 }
#premium-home em.eh-hl{ font-style:normal; background:linear-gradient(96deg,#FFE9CE 0%,var(--eh-corona) 38%,#FFB574 100%); -webkit-background-clip:text; background-clip:text; color:transparent }

/* ---------- THE SKY (fixed, page-wide ambience) ---------- */
#premium-home .eh-sky{ position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none }
#premium-home .eh-sky__warm{
  position:absolute; inset:-25%;
  background:
    radial-gradient(50% 38% at 50% 16%, rgba(255,158,69,calc(.05 + var(--eh-transit) * .17)), transparent 64%),
    radial-gradient(80% 60% at 84% 88%, rgba(143,217,255,.05), transparent 66%);
  transition:background .3s linear;
}
#premium-home .eh-eclipse{ position:absolute; left:68%; top:5vh; width:clamp(280px,33vw,470px); aspect-ratio:1; transform:translate(-50%,0) }
#premium-home .eh-eclipse__sun{ position:absolute; inset:-3%; border-radius:50%; background:radial-gradient(circle, #FFF6E4 0%, #FFD9A8 44%, #FF9E45 72%, rgba(255,140,50,0) 100%); filter:blur(1px) }
#premium-home .eh-eclipse__moon{
  position:absolute; inset:0; border-radius:50%; background:var(--eh-black);
  transform:translate3d(calc(var(--eh-transit) * 58%), calc(var(--eh-transit) * -12%), 0);
  box-shadow:0 0 0 2px rgba(255,217,168,1), 0 0 34px 6px rgba(255,217,168,.65), 0 0 130px 16px rgba(255,175,95,.4), 0 0 340px 100px rgba(255,150,60,.16);
}
#premium-home .eh-eclipse__corona{
  position:absolute; inset:-22%; border-radius:50%;
  background:conic-gradient(from 0deg, rgba(255,217,168,.32), rgba(255,217,168,.05) 13%, rgba(255,217,168,.28) 27%, rgba(255,217,168,.03) 41%, rgba(255,217,168,.34) 56%, rgba(255,217,168,.05) 71%, rgba(255,217,168,.26) 85%, rgba(255,217,168,.32));
  -webkit-mask:radial-gradient(circle, transparent 36%, #000 41%, transparent 64%);
  mask:radial-gradient(circle, transparent 36%, #000 41%, transparent 64%);
  animation:eh-coronaTurn 110s linear infinite;
  opacity:calc(1 - var(--eh-transit) * .5);
}
@keyframes eh-coronaTurn{ to{ transform:rotate(360deg) } }
#premium-home .eh-eclipse__bloom{ position:absolute; inset:-60%; border-radius:50%; background:radial-gradient(circle, rgba(255,190,120,calc(.10 + var(--eh-transit) * .16)), transparent 62%) }
#premium-home .eh-grain{
  position:fixed; inset:-120%; z-index:1; pointer-events:none; opacity:.038;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:eh-grainDrift 5s steps(4) infinite;
}
@keyframes eh-grainDrift{ 0%{transform:translate(0,0)} 25%{transform:translate(-2%,2%)} 50%{transform:translate(2%,-2%)} 75%{transform:translate(-1%,-1%)} 100%{transform:translate(0,0)} }
/* Capped much lower than the reference's .35/.82/.95 - this is a FIXED,
   viewport-anchored overlay, and .eh-works pins its card in place via
   position:sticky for the section's whole (long) scroll range, so any
   text sitting in the lower half of the viewport was permanently under
   a near-opaque (.82-.95) black scrim for as long as the user stayed in
   that section, not just passing through it - that's what read as
   "dull/dark text" despite the text's own color being correct. */
#premium-home .eh-floor{ position:fixed; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg, transparent 0%, rgba(3,3,5,.12) 40%, rgba(3,3,5,.3) 70%, rgba(3,3,5,.42) 100%) }
#premium-home .eh-limb{
  position:fixed; top:0; left:0; height:2px; z-index:39; pointer-events:none;
  width:calc(var(--eh-transit) * 100%);
  background:linear-gradient(90deg, rgba(255,158,69,.35), var(--eh-corona) 70%, #FFF6EA);
  box-shadow:0 0 14px 1px rgba(255,190,120,.65);
}
#premium-home .eh-orb{
  position:fixed; z-index:1; pointer-events:none; width:320px; height:320px; margin:-160px 0 0 -160px; border-radius:50%; opacity:0;
  background:radial-gradient(circle, rgba(255,206,150,.13), rgba(255,170,90,.05) 42%, transparent 68%);
  transition:opacity .6s var(--eh-ease);
}
#premium-home .eh-orb.eh-on{ opacity:1 }

/* ---------- SECTION RAIL (right-edge scroll-spy dots) ---------- */
#premium-home .eh-rail{
  position:fixed; right:22px; top:50%; transform:translateY(-50%); z-index:38;
  display:flex; flex-direction:column; gap:2px; opacity:0; transition:opacity .7s var(--eh-soft);
}
#premium-home .eh-rail.eh-on{ opacity:1 }
#premium-home .eh-rail a{ display:flex; align-items:center; gap:11px; padding:7px 0; justify-content:flex-end; text-decoration:none }
#premium-home .eh-rail__t{
  font-family:var(--eh-disp); font-size:10.5px; font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--eh-ink-3); opacity:0; transform:translateX(7px);
  transition:all .4s var(--eh-soft); white-space:nowrap;
}
#premium-home .eh-rail__d{
  width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.2);
  transition:all .45s var(--eh-spring); flex:0 0 7px;
}
#premium-home .eh-rail a:hover .eh-rail__t{ opacity:1; transform:none }
#premium-home .eh-rail a:hover .eh-rail__d{ background:var(--eh-ink-2) }
#premium-home .eh-rail a.eh-on .eh-rail__d{ background:var(--eh-corona); box-shadow:0 0 12px 3px rgba(255,190,120,.75); transform:scale(1.35) }
#premium-home .eh-rail a.eh-on .eh-rail__t{ opacity:1; transform:none; color:var(--eh-corona) }
@media (max-width:1000px){ #premium-home .eh-rail{ display:none } }

/* ---------- HEADER PILL (shared Elementor header, homepage only —
   the file is already conditionally enqueued on the front page only, see
   the header comment above). Elementor injects its own per-post CSS
   (background/box-shadow, both !important) for this element in a <style>
   block that loads AFTER this stylesheet, so a same-specificity rule here
   loses on source order even with !important. Doubling the class name
   doubles the specificity (0,2,0 vs Elementor's 0,1,0) so this wins
   regardless of load order, without having to fight cascade position. */
.elementor-element-2698b19.elementor-element-2698b19{
  background:radial-gradient(140% 200% at 25% 0%, rgba(255,196,132,.14), transparent 60%),
              linear-gradient(158deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.05) 46%, rgba(255,255,255,.1) 100%), rgba(20,16,11,.32) !important;
  -webkit-backdrop-filter:blur(22px) saturate(190%) brightness(1.08);
  backdrop-filter:blur(22px) saturate(190%) brightness(1.08);
  box-shadow:0 18px 46px -26px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(255,255,255,.06) !important;
}

/* ---------- GLASS MATERIAL ---------- */
#premium-home .eh-glass{
  position:relative; --eh-lx:50%; --eh-ly:0%; --eh-la:0deg;
  background:linear-gradient(158deg, rgba(255,255,255,.085) 0%, rgba(255,255,255,.028) 46%, rgba(255,255,255,.055) 100%), rgba(7,7,10,.52);
  -webkit-backdrop-filter:blur(26px) saturate(175%);
  backdrop-filter:blur(26px) saturate(175%);
  box-shadow:0 30px 70px -34px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.05);
}
#premium-home .eh-glass::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; z-index:2;
  background:conic-gradient(from var(--eh-la), rgba(255,232,200,1) 0%, rgba(255,196,132,.7) 8%, rgba(143,217,255,.36) 20%, rgba(255,255,255,.05) 38%, rgba(255,255,255,.04) 60%, rgba(143,217,255,.3) 80%, rgba(255,196,132,.65) 92%, rgba(255,232,200,1) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
#premium-home .eh-glass::after{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1;
  background:radial-gradient(300px circle at var(--eh-lx) var(--eh-ly), rgba(255,241,224,.10), transparent 62%);
  transition:background .16s linear;
}
#premium-home .eh-glass > *{ position:relative; z-index:3 }
#premium-home .eh-glass{ border-radius:var(--eh-r-l) }

/* ---------- PENUMBRA reveal ---------- */
#premium-home .eh-pen{ opacity:0; transform:translateY(26px); filter:blur(7px); transition:opacity .95s var(--eh-soft), transform 1.05s var(--eh-soft), filter .9s var(--eh-soft) }
#premium-home .eh-pen.eh-lit{ opacity:1; transform:none; filter:none }
#premium-home .eh-pen[data-d="1"]{ transition-delay:.09s } #premium-home .eh-pen[data-d="2"]{ transition-delay:.18s }
#premium-home .eh-pen[data-d="3"]{ transition-delay:.27s } #premium-home .eh-pen[data-d="4"]{ transition-delay:.36s }
#premium-home .eh-pen[data-d="5"]{ transition-delay:.45s } #premium-home .eh-pen[data-d="6"]{ transition-delay:.54s }

/* ---------- LAYOUT ---------- */
#premium-home .eh-sec{ max-width:1180px; margin:0 auto; padding:clamp(60px,8vw,108px) var(--eh-pad); position:relative; z-index:2 }
#premium-home .eh-eyebrow{
  display:inline-flex; align-items:center; gap:9px; font-family:var(--eh-disp); font-size:11px; font-weight:600;
  letter-spacing:.22em; text-transform:uppercase; color:var(--eh-corona); margin-bottom:20px;
}
#premium-home .eh-eyebrow::before{ content:""; width:22px; height:1px; background:linear-gradient(90deg,transparent,var(--eh-corona)) }

/* ---------- BUTTONS ---------- */
#premium-home .eh-btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:9px;
  height:50px; padding:0 26px; border:0; border-radius:var(--eh-r-p); cursor:pointer; overflow:hidden;
  font-family:var(--eh-disp); font-size:14.5px; font-weight:600; letter-spacing:-.008em; white-space:nowrap;
  transition:transform .3s var(--eh-spring), box-shadow .4s var(--eh-ease);
}
#premium-home .eh-btn--lit{
  background:linear-gradient(168deg,#FFF6EA,#FFE0BC 52%,#FFCE9A); color:#1A0F04;
  box-shadow:0 16px 36px -16px rgba(255,180,110,.8), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(160,90,20,.2);
}
#premium-home .eh-btn--lit::after{
  content:""; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.78) 48%,transparent 74%);
  transform:translateX(-130%);
}
#premium-home .eh-btn--lit:hover{ transform:translateY(-2px); box-shadow:0 22px 46px -18px rgba(255,180,110,.95), inset 0 1px 0 rgba(255,255,255,.95) }
#premium-home .eh-btn--lit:hover::after{ animation:eh-sheen 1s var(--eh-ease) }
@keyframes eh-sheen{ to{ transform:translateX(130%) } }
#premium-home .eh-btn--ghost{ background:rgba(255,255,255,.05); color:var(--eh-ink); box-shadow:inset 0 0 0 1px rgba(255,255,255,.13), inset 0 1px 0 rgba(255,255,255,.16) }
#premium-home .eh-btn--ghost:hover{ background:rgba(255,255,255,.1); transform:translateY(-2px) }
#premium-home .eh-btn:active{ transform:translateY(0) scale(.985) }

/* ---------- HERO ---------- */
#premium-home .eh-hero{ padding-top:clamp(70px,10vh,120px); padding-bottom:clamp(40px,6vw,70px) }
#premium-home .eh-hero__grid{ display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(30px,5vw,64px); align-items:center }
#premium-home .eh-pill{
  display:inline-flex; align-items:center; gap:10px; padding:8px 16px 8px 12px; border-radius:var(--eh-r-p);
  background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,217,168,.2);
  font-family:var(--eh-disp); font-size:12px; font-weight:600; letter-spacing:.06em; color:var(--eh-ink-2);
}
#premium-home .eh-pill i{ width:7px; height:7px; border-radius:50%; background:var(--eh-corona); box-shadow:0 0 10px 2px rgba(255,190,120,.8); animation:eh-blink 2.6s var(--eh-ease) infinite; display:block }
@keyframes eh-blink{ 0%,100%{opacity:1} 50%{opacity:.25} }
#premium-home .eh-hero h1{ font-size:clamp(36px,5.6vw,72px); margin:26px 0 0; letter-spacing:-.045em; line-height:1.02 }
#premium-home .eh-hero h1 .eh-w{ display:inline-block; opacity:0; transform:translateY(24px); filter:blur(9px) }
#premium-home .eh-hero.eh-go h1 .eh-w{ animation:eh-wordUp .95s var(--eh-soft) forwards }
@keyframes eh-wordUp{ to{ opacity:1; transform:none; filter:none } }
#premium-home .eh-hero .eh-lead{ margin-top:22px }
#premium-home .eh-hero__cta{ margin-top:34px; display:flex; gap:12px; flex-wrap:wrap }
#premium-home .eh-built{ margin-top:44px; display:flex; align-items:center; gap:20px; flex-wrap:wrap }
#premium-home .eh-built__l{ font-family:var(--eh-disp); font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--eh-ink-3) }
#premium-home .eh-built__row{ display:flex; align-items:center; gap:18px }
#premium-home .eh-built__row img{ height:26px; width:auto; opacity:.75; filter:grayscale(1) brightness(1.7); transition:opacity .4s, filter .4s }
#premium-home .eh-built__row img:hover{ opacity:1; filter:grayscale(0) brightness(1) }

/* ---------- SIGNAL CARD ---------- */
#premium-home .eh-signal{ padding:22px; animation:eh-float 9s ease-in-out infinite }
@keyframes eh-float{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-11px) } }
#premium-home .eh-signal__top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px }
#premium-home .eh-signal__id{ display:flex; align-items:center; gap:9px; font-family:var(--eh-disp); font-size:11.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--eh-ink-2) }
#premium-home .eh-signal__id i{ width:6px; height:6px; border-radius:50%; background:#5BE39A; box-shadow:0 0 10px 2px rgba(91,227,154,.7); animation:eh-blink 2s var(--eh-ease) infinite; display:block }
#premium-home .eh-signal__clock{ font-family:var(--eh-disp); font-size:11.5px; font-weight:500; color:var(--eh-ink-3); font-variant-numeric:tabular-nums }
#premium-home .eh-signal__tag{ font-family:var(--eh-disp); font-size:9.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--eh-ink-3); border:1px solid var(--eh-ink-4); border-radius:var(--eh-r-p); padding:3px 9px }
#premium-home .eh-sku{ border-radius:var(--eh-r-m); padding:18px; background:rgba(255,255,255,.035); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) }
#premium-home .eh-sku__n{ font-family:var(--eh-disp); font-size:16px; font-weight:600; letter-spacing:-.02em }
#premium-home .eh-sku__id{ font-family:var(--eh-disp); font-size:11px; color:var(--eh-ink-3); margin-top:3px; letter-spacing:.06em }
#premium-home .eh-sku__p{ display:flex; align-items:baseline; gap:11px; margin-top:14px }
#premium-home .eh-sku__now{ font-family:var(--eh-disp); font-size:31px; font-weight:700; letter-spacing:-.035em; font-variant-numeric:tabular-nums; transition:color .4s }
#premium-home .eh-sku__now.eh-tick{ animation:eh-tick .6s var(--eh-spring) }
@keyframes eh-tick{ 40%{ transform:translateY(-5px); color:#FFF6EA } }
#premium-home .eh-sku__was{ font-family:var(--eh-disp); font-size:15px; color:var(--eh-ink-3); text-decoration:line-through }
#premium-home .eh-sku__up{ font-family:var(--eh-disp); font-size:11.5px; font-weight:700; color:#5BE39A; background:rgba(91,227,154,.12); border-radius:var(--eh-r-p); padding:3px 9px; letter-spacing:.04em }
#premium-home .eh-rec{ margin-top:12px; border-radius:var(--eh-r-m); padding:15px 17px; background:linear-gradient(140deg, rgba(255,217,168,.16), rgba(255,158,69,.05)); box-shadow:inset 0 0 0 1px rgba(255,217,168,.28) }
#premium-home .eh-rec__t{ display:flex; align-items:center; justify-content:space-between; gap:12px }
#premium-home .eh-rec__l{ font-family:var(--eh-disp); font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,217,168,.85) }
#premium-home .eh-rec__v{ font-family:var(--eh-disp); font-size:17px; font-weight:700; letter-spacing:-.02em; color:#FFEBD2; margin-top:5px }
#premium-home .eh-conf{ margin-top:13px }
#premium-home .eh-conf__r{ display:flex; justify-content:space-between; font-family:var(--eh-disp); font-size:11px; font-weight:500; color:var(--eh-ink-2); margin-bottom:7px }
#premium-home .eh-conf__t{ height:4px; border-radius:4px; background:rgba(255,255,255,.09); overflow:hidden }
#premium-home .eh-conf__f{ height:100%; width:0%; border-radius:4px; background:linear-gradient(90deg,#FF9E45,var(--eh-corona)); box-shadow:0 0 12px 1px rgba(255,190,120,.7); transition:width 1.9s var(--eh-soft) }
#premium-home .eh-mini{ margin-top:12px; display:grid; grid-template-columns:repeat(2,1fr); gap:9px }
#premium-home .eh-mini__c{ border-radius:var(--eh-r-s); padding:12px 14px; background:rgba(255,255,255,.035); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) }
#premium-home .eh-mini__l{ font-family:var(--eh-disp); font-size:9.5px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:var(--eh-ink-3) }
#premium-home .eh-mini__v{ font-family:var(--eh-disp); font-size:14.5px; font-weight:600; margin-top:5px; letter-spacing:-.015em }
#premium-home .eh-up{ color:#5BE39A } #premium-home .eh-warn{ color:var(--eh-corona) }

/* ---------- MARQUEE ---------- */
#premium-home .eh-mq{ overflow:hidden; padding:26px 0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); position:relative; z-index:2 }
#premium-home .eh-mq__t{ display:flex; gap:56px; width:max-content }
#premium-home .eh-mq__t span{ font-family:var(--eh-disp); font-size:clamp(15px,1.7vw,20px); font-weight:600; letter-spacing:-.02em; color:var(--eh-ink-4); white-space:nowrap; display:flex; align-items:center; gap:56px }
#premium-home .eh-mq__t span::after{ content:""; width:5px; height:5px; border-radius:50%; background:rgba(255,217,168,.4) }

/* ---------- PROBLEMS ---------- */
#premium-home .eh-leak{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,70px); align-items:start }
#premium-home .eh-leak__list{ position:relative; display:flex; flex-direction:column; gap:2px }
#premium-home .eh-leak__beam{ position:absolute; left:0; top:0; width:1px; height:0; background:linear-gradient(180deg,var(--eh-corona),rgba(255,158,69,.05)); box-shadow:0 0 12px 1px rgba(255,190,120,.55); transition:height 1.2s var(--eh-soft) }
#premium-home .eh-leak__list.eh-lit .eh-leak__beam{ height:100% }
#premium-home .eh-leak__i{ display:flex; gap:20px; padding:22px 0 22px 26px; border-bottom:1px solid rgba(255,255,255,.06) }
#premium-home .eh-leak__i:last-child{ border-bottom:0 }
#premium-home .eh-leak__n{ font-family:var(--eh-disp); font-size:12px; font-weight:700; color:var(--eh-corona); letter-spacing:.1em; padding-top:3px; flex:0 0 24px }
#premium-home .eh-leak__t{ font-size:15.5px; color:var(--eh-ink-2); line-height:1.6 }

/* ---------- GRIDS / CARDS ---------- */
#premium-home .eh-grid{ display:grid; gap:16px; margin-top:52px }
#premium-home .eh-g3{ grid-template-columns:repeat(3,1fr) }
#premium-home .eh-g4{ grid-template-columns:repeat(4,1fr) }
#premium-home .eh-card{ border-radius:var(--eh-r-l); padding:28px; transition:transform .55s var(--eh-soft) }
#premium-home .eh-card:hover{ transform:translateY(-5px) }
#premium-home .eh-card__ic{
  width:46px; height:46px; border-radius:15px; display:grid; place-items:center; margin-bottom:20px;
  background:linear-gradient(155deg, rgba(255,217,168,.22), rgba(255,158,69,.06));
  box-shadow:inset 0 0 0 1px rgba(255,217,168,.24), inset 0 1px 0 rgba(255,255,255,.3); color:var(--eh-corona);
  transition:transform .5s var(--eh-spring), box-shadow .5s var(--eh-ease);
}
#premium-home .eh-card:hover .eh-card__ic{ transform:rotate(-7deg) scale(1.1); box-shadow:inset 0 0 0 1px rgba(255,217,168,.5), inset 0 1px 0 rgba(255,255,255,.45), 0 10px 26px -10px rgba(255,180,110,.7) }
#premium-home .eh-card p{ margin-top:11px; font-size:14.5px; color:var(--eh-ink-2); line-height:1.65 }

/* ---------- BENTO FEATURES ---------- */
#premium-home .eh-bento{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:52px; grid-auto-rows:minmax(172px,auto) }
#premium-home .eh-bento .eh-card{ display:flex; flex-direction:column }
#premium-home .eh-b-lg{ grid-column:span 2; grid-row:span 2; justify-content:space-between }
#premium-home .eh-b-wide{ grid-column:span 2 }
#premium-home .eh-b-lg h3{ font-size:26px; letter-spacing:-.03em }
#premium-home .eh-b-lg p{ font-size:15.5px; max-width:44ch }
#premium-home .eh-arc{ position:relative; margin-top:22px; display:flex; align-items:center; gap:24px; flex-wrap:wrap }
#premium-home .eh-arc svg{ width:142px; height:80px; overflow:visible; flex:0 0 142px }
#premium-home .eh-arc__track{ fill:none; stroke:rgba(255,255,255,.09); stroke-width:7; stroke-linecap:round }
#premium-home .eh-arc__fill{ fill:none; stroke:url(#eh-arcG); stroke-width:7; stroke-linecap:round; stroke-dasharray:170; stroke-dashoffset:170; filter:drop-shadow(0 0 8px rgba(255,190,120,.6)); transition:stroke-dashoffset 1.9s var(--eh-soft) }
#premium-home .eh-card.eh-lit .eh-arc__fill{ stroke-dashoffset:32 }
#premium-home .eh-arc__c{ display:flex; flex-direction:column; gap:9px }
#premium-home .eh-chipline{ display:inline-flex; align-items:center; gap:9px; padding:8px 14px; border-radius:var(--eh-r-p); background:rgba(255,255,255,.045); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); font-family:var(--eh-disp); font-size:12px; font-weight:600; letter-spacing:.02em; color:var(--eh-ink-2) }
#premium-home .eh-chipline b{ color:var(--eh-corona); font-weight:600 }
#premium-home .eh-chipline i{ width:6px; height:6px; border-radius:50%; background:var(--eh-corona); box-shadow:0 0 9px 2px rgba(255,190,120,.7); display:block }
#premium-home .eh-chipline.eh-g i{ background:#5BE39A; box-shadow:0 0 9px 2px rgba(91,227,154,.6) }
#premium-home .eh-chipline.eh-g b{ color:#5BE39A }

/* ---------- VIDEO ---------- */
#premium-home .eh-stagegl{ padding:14px; margin-top:52px }
#premium-home .eh-stagegl video{ width:100%; border-radius:var(--eh-r-m); display:block; background:#08090C }

/* ---------- PINNED PROCESS ---------- */
#premium-home .eh-works{ padding-top:0; padding-bottom:0; min-height:340vh; position:relative }
#premium-home .eh-works__pin{ position:sticky; top:0; height:100vh; display:flex; flex-direction:column; justify-content:center; gap:34px; max-width:1180px; margin:0 auto; padding:96px var(--eh-pad) 60px }
#premium-home .eh-works__head{ max-width:720px }
#premium-home .eh-works__body{ display:grid; grid-template-columns:56px 1fr; gap:clamp(22px,4vw,48px); align-items:stretch }
#premium-home .eh-works__rail{ position:relative; width:2px; margin:6px auto; background:rgba(255,255,255,.08); border-radius:2px }
#premium-home .eh-works__fill{ position:absolute; left:0; top:0; width:100%; border-radius:2px; height:0%; background:linear-gradient(180deg,var(--eh-corona),rgba(255,158,69,.25)); box-shadow:0 0 14px 1px rgba(255,190,120,.6) }
#premium-home .eh-works__node{ position:absolute; left:50%; width:11px; height:11px; margin-left:-5.5px; border-radius:50%; background:#14100C; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22); transition:all .5s var(--eh-spring) }
#premium-home .eh-works__node.eh-on{ background:var(--eh-corona); box-shadow:0 0 16px 4px rgba(255,190,120,.7); transform:scale(1.25) }
#premium-home .eh-works__node:nth-of-type(1){ top:6% } #premium-home .eh-works__node:nth-of-type(2){ top:50%; margin-top:-5.5px } #premium-home .eh-works__node:nth-of-type(3){ bottom:6% }
#premium-home .eh-works__stack{ position:relative; min-height:clamp(280px,42vh,400px) }
#premium-home .eh-wstep{
  position:absolute; inset:0; border-radius:var(--eh-r-l); padding:clamp(28px,4vw,46px); display:flex; flex-direction:column; justify-content:center;
  opacity:0; transform:translateY(38px) scale(.97); filter:blur(10px); pointer-events:none;
  transition:opacity .75s var(--eh-soft), transform .9s var(--eh-soft), filter .75s var(--eh-soft);
}
#premium-home .eh-wstep.eh-on{ opacity:1; transform:none; filter:none; pointer-events:auto }
#premium-home .eh-wstep__n{ font-family:var(--eh-disp); font-size:clamp(46px,6vw,72px); font-weight:800; letter-spacing:-.055em; line-height:1; background:linear-gradient(180deg,#FFF6EA 0%,#FFD9A8 55%,#FF9E45 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 28px rgba(255,190,120,.5); margin-bottom:18px }
#premium-home .eh-wstep h3{ font-size:clamp(24px,3.2vw,36px); letter-spacing:-.035em }
#premium-home .eh-wstep p{ margin-top:14px; font-size:clamp(15px,1.35vw,17px); color:var(--eh-ink-2); line-height:1.66; max-width:46ch }
#premium-home .eh-wstep__c{ margin-top:26px; display:inline-flex; align-items:center; gap:10px; align-self:flex-start; font-family:var(--eh-disp); font-size:11.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--eh-corona); padding:8px 15px; border-radius:var(--eh-r-p); background:rgba(255,217,168,.1); box-shadow:inset 0 0 0 1px rgba(255,217,168,.26) }
@media (max-width:1000px){
  #premium-home .eh-works{ min-height:0; padding:clamp(60px,8vw,108px) var(--eh-pad) }
  #premium-home .eh-works__pin{ position:static; height:auto; padding:0; gap:26px }
  #premium-home .eh-works__body{ grid-template-columns:1fr; gap:22px }
  #premium-home .eh-works__rail{ display:none }
  #premium-home .eh-works__stack{ position:static; min-height:0; display:flex; flex-direction:column; gap:14px }
  #premium-home .eh-wstep{ position:static; opacity:1; transform:none; filter:none; pointer-events:auto }
  #premium-home .eh-wstep__n{ font-size:44px; margin-bottom:12px }
}

/* ---------- PRICING ---------- */
#premium-home .eh-tier{ border-radius:var(--eh-r-l); padding:32px 28px; display:flex; flex-direction:column; transition:transform .55s var(--eh-soft); position:relative }
#premium-home .eh-tier:hover{ transform:translateY(-6px) }
#premium-home .eh-tier--top{ background:linear-gradient(158deg, rgba(255,217,168,.14) 0%, rgba(255,255,255,.03) 50%, rgba(255,158,69,.07) 100%) }
#premium-home .eh-tier__flag{
  position:absolute; top:-11px; left:50%; transform:translateX(-50%); z-index:4;
  font-family:var(--eh-disp); font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase;
  background:linear-gradient(168deg,#FFF6EA,#FFCE9A); color:#1A0F04; padding:5px 14px; border-radius:var(--eh-r-p);
  box-shadow:0 8px 22px -8px rgba(255,180,110,.9);
}
#premium-home .eh-tier__k{ font-family:var(--eh-disp); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--eh-corona) }
#premium-home .eh-tier h3{ margin-top:12px; font-size:23px }
#premium-home .eh-tier__for{ font-size:13.5px; color:var(--eh-ink-3); margin-top:6px }
#premium-home .eh-tier__p{ display:flex; align-items:baseline; gap:5px; margin:22px 0 24px }
#premium-home .eh-tier__amt{ font-family:var(--eh-disp); font-size:42px; font-weight:700; letter-spacing:-.04em }
#premium-home .eh-tier__per{ font-family:var(--eh-disp); font-size:13.5px; color:var(--eh-ink-3); font-weight:500 }
#premium-home .eh-tier ul{ list-style:none; display:flex; flex-direction:column; gap:11px; margin:0 0 26px; padding:0; flex:1 }
#premium-home .eh-tier li{ display:flex; gap:11px; font-size:14px; color:var(--eh-ink-2); line-height:1.55 }
#premium-home .eh-tier li svg{ flex:0 0 15px; margin-top:4px; color:var(--eh-corona) }
#premium-home .eh-tier .eh-btn{ width:100% }

/* ---------- STATS ---------- */
#premium-home .eh-stat{ border-radius:var(--eh-r-m); padding:26px 22px; text-align:center }
#premium-home .eh-stat__v{ font-family:var(--eh-disp); font-size:clamp(28px,3.6vw,40px); font-weight:700; letter-spacing:-.04em; background:linear-gradient(180deg,#FFF3E2,#FFB574); -webkit-background-clip:text; background-clip:text; color:transparent }
#premium-home .eh-stat__l{ font-family:var(--eh-disp); font-size:11.5px; font-weight:500; letter-spacing:.08em; color:var(--eh-ink-3); margin-top:9px; line-height:1.45 }

/* ---------- BETA ---------- */
#premium-home .eh-beta{ padding:clamp(30px,4.5vw,52px); display:grid; grid-template-columns:1fr auto; gap:34px; align-items:center }
#premium-home .eh-beta__pts{ display:flex; flex-direction:column; gap:14px; margin-top:22px }
#premium-home .eh-beta__pt{ display:flex; gap:12px; align-items:flex-start; font-size:14.5px; color:var(--eh-ink-2) }
#premium-home .eh-beta__pt svg{ flex:0 0 16px; margin-top:4px; color:var(--eh-corona) }

/* ---------- FAQ ---------- */
#premium-home .eh-faq{ max-width:820px; margin:52px auto 0; display:flex; flex-direction:column; gap:11px }
#premium-home .eh-q{ border-radius:var(--eh-r-m); overflow:hidden }
#premium-home .eh-q__h{ width:100%; border:0; background:none; cursor:pointer; text-align:left; padding:21px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; font-family:var(--eh-disp); font-size:16px; font-weight:600; color:var(--eh-ink); letter-spacing:-.018em }
#premium-home .eh-q__x{ position:relative; flex:0 0 18px; height:18px; transition:transform .5s var(--eh-spring) }
#premium-home .eh-q__x::before,#premium-home .eh-q__x::after{ content:""; position:absolute; inset:0; margin:auto; background:var(--eh-corona); border-radius:2px }
#premium-home .eh-q__x::before{ width:14px; height:1.5px }
#premium-home .eh-q__x::after{ width:1.5px; height:14px; transition:opacity .4s, transform .5s var(--eh-spring) }
#premium-home .eh-q.eh-open .eh-q__x{ transform:rotate(180deg) }
#premium-home .eh-q.eh-open .eh-q__x::after{ opacity:0; transform:scaleY(0) }
#premium-home .eh-q__b{ height:0; overflow:hidden; transition:height .55s var(--eh-soft) }
#premium-home .eh-q__c{ padding:0 24px 23px; font-size:14.5px; color:var(--eh-ink-2); line-height:1.7 }

/* ---------- CTA ---------- */
#premium-home .eh-cta{ border-radius:clamp(26px,3.5vw,40px); padding:clamp(40px,6.5vw,86px) clamp(26px,5vw,64px); text-align:center; overflow:hidden }
#premium-home .eh-cta h2{ max-width:19ch; margin:0 auto }
#premium-home .eh-cta .eh-lead{ margin:20px auto 0; text-align:center }
#premium-home .eh-cta__b{ margin-top:34px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap }
#premium-home .eh-cta__meta{ margin-top:30px; font-family:var(--eh-disp); font-size:13px; color:var(--eh-ink-3) }
#premium-home .eh-cta__meta a{ color:var(--eh-ink-2); border-bottom:1px solid var(--eh-ink-4) }

@media (max-width:1000px){
  #premium-home .eh-hero__grid{ grid-template-columns:1fr } #premium-home .eh-signal{ animation:none; max-width:460px }
  #premium-home .eh-leak{ grid-template-columns:1fr } #premium-home .eh-g3,#premium-home .eh-g4{ grid-template-columns:repeat(2,1fr) }
  #premium-home .eh-beta{ grid-template-columns:1fr }
  #premium-home .eh-bento{ grid-template-columns:repeat(2,1fr) } #premium-home .eh-b-lg{ grid-row:span 1 }
}
@media (max-width:640px){
  #premium-home .eh-g3,#premium-home .eh-g4{ grid-template-columns:1fr }
  #premium-home .eh-bento{ grid-template-columns:1fr } #premium-home .eh-b-lg,#premium-home .eh-b-wide{ grid-column:span 1 }
  #premium-home .eh-eclipse{ top:6vh; left:76%; width:min(260px,62vw) }
  #premium-home .eh-card,#premium-home .eh-tier,#premium-home .eh-works .eh-wstep{ padding:24px }
}
@media (prefers-reduced-motion:reduce){
  #premium-home *,#premium-home *::before,#premium-home *::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.12s !important }
  #premium-home .eh-eclipse__corona,#premium-home .eh-grain,#premium-home .eh-mq__t{ animation:none !important }
}