*{margin:0;padding:0;box-sizing:border-box;}
:root{
  /* SEQUEL — Achromatic system */
  --void:#000000;
  --carbon:#202020;
  --graphite:#333333;
  --bone:#c0c0c0;
  --smoke:#999999;
  --chalk:#ffffff;
  --linen:#f5f5f0;

  /* Legacy aliases (for JS/calc compatibility) */
  --sun:#ffffff; --sun2:#f5f5f0; --green:#c0c0c0;
  --dark:#000000; --dark2:#111111; --surface:#202020;
  --border:#333333;
  --text:#ffffff; --muted:#c0c0c0; --dim:#666666;

  /* Typography */
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;

  /* Sequel tokens */
  --radius-card:10px;
  --radius-pill:9999px;
  --shadow-card:rgba(0,0,0,0.35) 0 10px 30px,rgba(255,255,255,0.08) 0 1px 0 inset;
  --shadow-btn:rgba(0,0,0,0.15) 0 4px 20px;
}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--void);color:var(--chalk);overflow-x:hidden;cursor:none;font-weight:300;}

/* CURSOR */
#cur{width:9px;height:9px;background:#fff;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;}
#cur-ring{width:34px;height:34px;border:1px solid rgba(255,255,255,0.4);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform 0.08s;}

/* NAV — Sequel sticky top */
#nav{position:fixed;top:0;left:0;right:0;z-index:500;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;transition:background 0.4s,border-color 0.4s;border-bottom:1px solid transparent;}
#nav.solid{background:rgba(0,0,0,0.88);backdrop-filter:blur(24px);border-bottom-color:var(--graphite);}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:400;font-size:1.1rem;letter-spacing:-0.02em;text-decoration:none;color:var(--chalk);}
.logo-mark{display:flex;align-items:center;gap:3px;}
.logo-bar{width:2px;height:14px;background:var(--chalk);border-radius:1px;}
nav ul{display:flex;gap:2.2rem;list-style:none;align-items:center;}
nav a{font-size:0.78rem;font-weight:400;color:var(--smoke);text-decoration:none;letter-spacing:0.04em;transition:color 0.2s;}
nav a:hover{color:var(--chalk);}
.nav-cta{background:transparent!important;color:var(--chalk)!important;padding:0.5rem 1.3rem!important;border-radius:var(--radius-pill)!important;border:1px solid rgba(255,255,255,0.5)!important;font-weight:500!important;font-size:0.8rem!important;letter-spacing:-0.01em!important;transition:background 0.2s,border-color 0.2s!important;}
.nav-cta:hover{background:var(--chalk)!important;color:var(--void)!important;border-color:var(--chalk)!important;}

/* Mobile nav toggle (hamburger) — hidden on desktop */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:none;border:none;padding:0;cursor:pointer;z-index:501;}
.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--chalk);border-radius:1px;transition:transform 0.3s ease,opacity 0.2s ease;}
#nav.nav-open .nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
#nav.nav-open .nav-toggle span:nth-child(2){opacity:0;}
#nav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* ===== PHOTO SECTION SYSTEM ===== */
.ps{position:relative;overflow:hidden;}
.ps-bg{
  position:absolute;inset:-25% 0;
  background-size:cover;background-position:center;
  will-change:transform;
  filter:brightness(0.38) saturate(1.2);
}
.ps-over{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,
    rgba(6,10,12,0.55) 0%,
    rgba(6,10,12,0.28) 40%,
    rgba(6,10,12,0.72) 100%);
}
.ps-over-dark{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,
    rgba(6,10,12,0.78) 0%,
    rgba(6,10,12,0.62) 50%,
    rgba(6,10,12,0.88) 100%);
}
.ps-c{position:relative;z-index:2;}
/* All direct children of photo sections (except bg/overlay) float above */
.ps > *:not(.ps-bg):not(.ps-over):not(.ps-over-dark){position:relative;z-index:3;}
.ps::before{z-index:3!important;}

/* ===== GLASSMORPHISM CARDS ===== */
.glass{
  background:rgba(6,10,12,0.52)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  border:1px solid rgba(255,255,255,0.1)!important;
}
.glass-light{
  background:rgba(255,255,255,0.04)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  border:1px solid rgba(255,255,255,0.09)!important;
}

/* ===== HERO ===== */
#hero{height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;}

/* Hero photo background */
.hero-photo-bg{
  position:absolute;inset:-18% 0;z-index:0;
  background-image:url('https://d8j0ntlcm91z4.cloudfront.net/user_3FXfQgRP8lJk1IQH13n4tOsg2Ql/hf_20260623_150040_e2417e96-6dfe-4edf-8151-17c235235178.png');
  background-size:cover;background-position:center 30%;
  filter:brightness(0.3) saturate(1.25);
  will-change:transform;
}
/* Color science overlays */
.hero-sky{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(
    135deg,
    rgba(6,10,12,0.45) 0%,
    rgba(10,20,35,0.3) 40%,
    rgba(6,10,12,0.15) 70%
  );
}
.hero-sky::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 55% 55% at 30% 55%, rgba(255,255,255,0.06) 0%, transparent 65%);
}
.hero-sky::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:45%;
  background:linear-gradient(to top,rgba(6,10,12,1) 0%,transparent 100%);
}

/* Stars canvas */
#stars-canvas{position:absolute;inset:0;z-index:0;}

/* Horizon / landscape silhouette */
.hero-landscape{
  position:absolute;bottom:0;left:0;right:0;z-index:1;
  height:35%;
}

/* Content */
.hero-content{
  position:relative;z-index:3;
  padding:0 2.5rem;
  max-width:900px;
  width:100%;
}
.h-badge{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(255,255,255,0.25);border-radius:var(--radius-pill);
  padding:5px 16px;font-size:0.7rem;font-weight:500;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--bone);
  margin-bottom:2.2rem;background:rgba(255,255,255,0.04);
}
.h-dot{width:5px;height:5px;background:var(--chalk);border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.2;}}
h1.ht{
  font-family:var(--serif);
  font-size:clamp(3.5rem,7vw,7.5rem);
  font-weight:500;line-height:1.0;letter-spacing:-0.04em;
  margin-bottom:2rem;
}
.ht-line{display:block;overflow:hidden;}
.ht-inner{display:block;transform:translateY(110%);}
.accent{color:var(--chalk);}
.h-sub{font-size:1rem;font-weight:300;color:var(--bone);line-height:1.75;max-width:500px;margin-bottom:2.8rem;letter-spacing:-0.02em;}
.h-actions{display:flex;gap:1rem;align-items:center;}

/* Sequel pill buttons */
.btn-main{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--chalk);color:var(--void);
  padding:1rem 1.8rem;border-radius:var(--radius-pill);
  font-weight:500;font-size:0.88rem;letter-spacing:-0.01em;
  text-decoration:none;border:none;cursor:pointer;
  box-shadow:var(--shadow-btn);
  transition:background 0.2s,transform 0.2s,box-shadow 0.2s;
}
.btn-main:hover{background:var(--linen);transform:translateY(-1px);box-shadow:rgba(0,0,0,0.25) 0 8px 28px;}
.btn-main::after{display:none;}
.btn-ghost{
  display:inline-flex;align-items:center;gap:9px;
  color:var(--chalk);font-size:0.88rem;font-weight:500;
  text-decoration:none;letter-spacing:-0.01em;
  padding:1rem 1.8rem;border-radius:var(--radius-pill);
  border:1px solid rgba(255,255,255,0.4);
  transition:background 0.2s,border-color 0.2s;
}
.btn-ghost:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.7);}
.ghost-circle{display:none;}

/* hero stats */
.h-stats{position:absolute;bottom:3rem;right:2.5rem;display:flex;gap:3rem;z-index:3;}
.h-stat-n{font-family:var(--serif);font-size:2rem;font-weight:500;color:var(--chalk);display:block;letter-spacing:-0.04em;}
.h-stat-l{font-size:0.65rem;color:var(--smoke);letter-spacing:0.08em;text-transform:uppercase;display:block;margin-top:4px;font-weight:400;}

/* scroll indicator */
.scroll-ind{position:absolute;bottom:3rem;left:2.5rem;display:flex;flex-direction:column;align-items:center;gap:7px;z-index:3;}
.scroll-ind span{font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--smoke);}
.s-bar{width:1px;height:48px;background:linear-gradient(to bottom,rgba(255,255,255,0.6),transparent);animation:sdrop 1.8s cubic-bezier(0.4,0,0.2,1) infinite;}
@keyframes sdrop{0%{transform:scaleY(0);transform-origin:top;}48%{transform:scaleY(1);transform-origin:top;}52%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

/* ===== MARQUEE ===== */
.mq{background:var(--graphite);padding:0.85rem 0;overflow:hidden;white-space:nowrap;border-top:1px solid var(--graphite);border-bottom:1px solid rgba(255,255,255,0.08);}
.mq-track{display:inline-flex;gap:2.5rem;animation:mq 16s linear infinite;}
.mq-track span{font-family:var(--sans);font-size:0.72rem;font-weight:400;color:var(--bone);letter-spacing:0.12em;text-transform:uppercase;}
.mq-sep{color:rgba(255,255,255,0.25);}
@keyframes mq{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ===== SOLAR DEPLOY SECTION ===== */
#deploy{
  min-height:500vh;
  position:relative;
  background:linear-gradient(to bottom, var(--dark) 0%, #070d12 20%, #050b10 100%);
}
.deploy-sticky{
  position:sticky;top:0;height:100vh;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
/* background glow that intensifies */
.deploy-glow{
  position:absolute;inset:0;z-index:1;
  background:radial-gradient(ellipse 70% 60% at 50% 40%, rgba(255,255,255,0) 0%, transparent 70%);
  transition:background 0.3s;
}

/* ===== GALLERY ===== */
#gallery{padding:9rem 4rem;background:var(--dark);}
#gallery::before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);}
.gal-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  grid-template-rows:auto auto;
  gap:1rem;
  margin-top:4rem;
}
.gal-item{
  position:relative;overflow:hidden;border-radius:16px;
  background:var(--surface);
  cursor:pointer;
}
.gal-item img{
  width:100%;height:100%;object-fit:cover;
  display:block;
  transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
  aspect-ratio:4/3;
}
.gal-item:hover img{transform:scale(1.06);}
.gal-item.gal-tall{grid-row:span 2;}
.gal-item.gal-tall img{aspect-ratio:unset;height:100%;}
.gal-cap{
  position:absolute;bottom:0;left:0;right:0;
  padding:1.2rem 1.4rem;
  background:linear-gradient(to top,rgba(6,10,12,0.85) 0%,transparent 100%);
  display:flex;align-items:flex-end;justify-content:space-between;
  transform:translateY(4px);opacity:0;
  transition:transform 0.3s,opacity 0.3s;
}
.gal-item:hover .gal-cap{transform:translateY(0);opacity:1;}
.gal-cap span{font-size:0.82rem;font-weight:500;color:#fff;letter-spacing:0.03em;}
.gal-cap .gal-kw{
  font-family:var(--serif);font-size:0.78rem;font-weight:700;
  color:var(--sun);background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.15);
  padding:3px 10px;border-radius:100px;
}
@media(max-width:900px){
  #gallery{padding:5rem 1.5rem;}
  .gal-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .gal-item.gal-tall{grid-row:span 1;}
  .gal-item.gal-tall img{height:auto;}
  .gal-cap{opacity:1;transform:translateY(0);}
}

/* Main SVG scene */
#solar-scene{
  width:min(900px,90vw);
  position:relative;z-index:6;
  box-shadow:0 40px 80px rgba(0,0,0,0.8);
}

/* Immersive layers — a color wash behind the solar scene, matching the
   SVG's own sky gradient (#sceneSky) instead of a full photo */
.pi{
  position:absolute;inset:0;
  opacity:0;
  will-change:opacity,transform;
  overflow:hidden;
  background:linear-gradient(to bottom, #0d1e35 0%, #0a1520 60%, #060a0c 100%);
}
.pi img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  will-change:transform;
}
.pi::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,rgba(6,10,12,0.4) 0%,rgba(6,10,12,0.15) 40%,rgba(6,10,12,0.65) 100%);
}
.pi0{z-index:1;opacity:1;}
.pi1{z-index:2;}
.pi2{z-index:3;}
.pi3{z-index:4;}
.pi4{z-index:5;}
.pi-curtain{
  position:absolute;inset:0;z-index:10;
  background:var(--dark);
  transform:translateY(0%);
  will-change:transform;
}
#solar-scene{display:block;}

/* Text overlay */
.deploy-text{
  position:absolute;
  bottom:8vh;left:0;right:0;
  display:flex;justify-content:center;
  z-index:5;
}
.dt-inner{
  text-align:center;
  max-width:600px;padding:0 2rem;
}
.dt-step{
  font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;
  color:var(--smoke);font-weight:400;margin-bottom:0.7rem;
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.dt-step::before,.dt-step::after{content:'';width:24px;height:1px;background:rgba(255,255,255,0.3);}
.dt-title{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;letter-spacing:-0.03em;margin-bottom:0.8rem;line-height:1.05;}
.dt-body{font-size:0.95rem;color:var(--muted);line-height:1.8;font-weight:300;max-width:460px;margin:0 auto;}

/* progress bar */
.deploy-progress{
  position:absolute;top:50%;right:2.5rem;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:10px;z-index:4;
}
.dp-dot{width:5px;height:5px;border-radius:50%;background:var(--dim);transition:height 0.35s,background 0.35s,border-radius 0.35s;}
.dp-dot.on{height:22px;border-radius:3px;background:var(--sun);}

/* ===== SERVICES ===== */
#services{padding:9rem 4rem;position:relative;}
#services::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;z-index:3;background:linear-gradient(to right,transparent,rgba(255,255,255,0.12),transparent);}
.sec-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4.5rem;}
.eyebrow{font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--smoke);font-weight:400;display:flex;align-items:center;gap:9px;margin-bottom:1rem;}
.eyebrow::before{content:'';width:18px;height:1px;background:rgba(255,255,255,0.3);}
.sec-title{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.8rem);font-weight:500;letter-spacing:-0.04em;line-height:1.04;}
.sec-desc{font-size:0.92rem;color:var(--muted);line-height:1.8;max-width:300px;font-weight:300;text-align:right;}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.svc{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-card);position:relative;overflow:hidden;transition:border-color 0.35s,transform 0.35s;cursor:default;display:flex;flex-direction:column;}
.svc:hover{border-color:rgba(255,255,255,0.18);transform:translateY(-3px);}
.svc-img{width:100%;height:148px;overflow:hidden;flex-shrink:0;}
.svc-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.6) saturate(1.2);transition:transform 0.65s cubic-bezier(0.25,0.46,0.45,0.94),filter 0.35s;}
.svc:hover .svc-img img{transform:scale(1.06);filter:brightness(0.72) saturate(1.2);}
.svc-body{padding:1.8rem;flex:1;display:flex;flex-direction:column;}
.svc-n{font-family:var(--sans);font-size:0.6rem;font-weight:400;color:var(--dim);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:1rem;}
.svc-ico{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);display:grid;place-items:center;margin-bottom:1.2rem;transition:background 0.3s;}
.svc:hover .svc-ico{background:rgba(255,255,255,0.11);}
.svc-ico svg{stroke:var(--chalk);width:18px;height:18px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.svc h3{font-family:var(--serif);font-size:1.05rem;font-weight:500;margin-bottom:0.6rem;letter-spacing:-0.02em;line-height:1.3;}
.svc p{font-size:0.84rem;color:var(--smoke);line-height:1.8;font-weight:300;margin-top:auto;}
.svc-arr{display:none;}

/* ===== PROCESS ===== */
#process{padding:9rem 4rem;background:transparent;}
.proc-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:7rem;align-items:start;}
.proc-left{position:sticky;top:28vh;}
.proc-img{width:100%;border-radius:18px;overflow:hidden;aspect-ratio:4/3;margin-top:1.8rem;background:#111820;display:flex;align-items:center;justify-content:center;position:relative;}
.proc-img-photo{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=900&q=85&crop=bottom');background-size:cover;background-position:center;filter:brightness(0.45) saturate(1.1);border-radius:18px;}
.proc-img svg{position:relative;z-index:2;mix-blend-mode:screen;opacity:0.7;}
.steps{display:flex;flex-direction:column;gap:0;}
.step{border-bottom:1px solid var(--border);padding:2.2rem 0;display:grid;grid-template-columns:72px 1fr;gap:1.2rem;align-items:start;}
.step-circ{width:50px;height:50px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;font-family:var(--serif);font-size:0.8rem;font-weight:700;color:var(--dim);transition:all 0.3s;flex-shrink:0;}
.step:hover .step-circ{border-color:var(--sun);color:var(--sun);}
.step h3{font-family:var(--serif);font-size:1.12rem;font-weight:700;letter-spacing:-0.01em;margin-bottom:0.5rem;margin-top:0.85rem;}
.step p{font-size:0.86rem;color:var(--muted);line-height:1.8;font-weight:300;}

/* ===== CALCULATOR ===== */
#calc{padding:9rem 4rem;}
.calc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.calc-fields{display:flex;flex-direction:column;gap:2rem;}
.cf label{font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);font-weight:500;display:block;margin-bottom:0.75rem;}
.sr{position:relative;}
.st{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:3px;background:var(--border);border-radius:2px;pointer-events:none;}
.sf{height:100%;background:linear-gradient(to right,var(--green),var(--sun));border-radius:2px;width:50%;}
input[type=range]{width:100%;height:3px;-webkit-appearance:none;background:transparent;position:relative;z-index:2;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;border:3px solid var(--sun);cursor:pointer;}
.sv{font-family:var(--serif);font-size:1.9rem;font-weight:800;color:var(--text);margin-top:0.7rem;}
.sv span{color:var(--sun);}
.type-btns{display:flex;gap:0.7rem;margin-top:0.5rem;}
.tb{flex:1;padding:0.75rem;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:'Inter',sans-serif;font-size:0.83rem;font-weight:500;cursor:pointer;transition:all 0.2s;}
.tb.on{border-color:rgba(255,255,255,0.20);background:rgba(255,255,255,0.06);color:var(--sun);}
.calc-res{background:rgba(6,10,12,0.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.09);border-radius:22px;padding:2.2rem;}
.cr-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem;padding-bottom:1.4rem;border-bottom:1px solid var(--border);}
.cr-hd h3{font-family:var(--serif);font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);}
.cr-badge{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:100px;padding:3px 11px;font-size:0.7rem;color:#c0c0c0;font-weight:600;}
.cr-big{text-align:center;padding:1.8rem 0;}
.cr-num{font-family:var(--serif);font-size:3.8rem;font-weight:800;color:var(--sun);line-height:1;display:block;margin-bottom:0.25rem;}
.cr-sub{font-size:0.8rem;color:var(--muted);}
.cr-bd{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:12px;overflow:hidden;margin-top:1.5rem;}
.cr-item{background:var(--surface);padding:1.1rem;}
.cr-label{font-size:0.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.07em;margin-bottom:3px;}
.cr-val{font-family:var(--serif);font-size:1.25rem;font-weight:700;}
.cr-val.g{color:#c0c0c0;}
.co2{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--border);}
.co2-lbl{display:flex;justify-content:space-between;font-size:0.76rem;color:var(--muted);margin-bottom:7px;}
.co2-lbl strong{color:#c0c0c0;}
.co2-tr{height:5px;background:var(--border);border-radius:3px;overflow:hidden;}
.co2-f{height:100%;background:linear-gradient(to right,#888888,#c0c0c0);border-radius:3px;width:0;transition:width 0.8s cubic-bezier(0.4,0,0.2,1);}
.cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--sun);color:#000;padding:0.9rem 2rem;border-radius:14px;font-weight:600;font-size:0.92rem;text-decoration:none;border:none;cursor:pointer;width:100%;margin-top:1.4rem;transition:transform 0.2s,box-shadow 0.2s;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(255,255,255,0.20);}

/* ===== TESTIMONIALS ===== */
#testi{padding:9rem 4rem;background:transparent;}
.g-badge{display:flex;align-items:center;gap:10px;font-size:0.78rem;color:var(--smoke);letter-spacing:0.04em;margin-bottom:3rem;flex-wrap:wrap;}
.g-badge svg{opacity:0.5;flex-shrink:0;}
.g-badge-link{color:var(--chalk);text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.25);padding-bottom:1px;transition:border-color 0.2s;margin-left:auto;}
.g-badge-link:hover{border-color:var(--chalk);}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem;}
.tc{background:rgba(255,255,255,0.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-card);padding:1.8rem;transition:border-color 0.3s,transform 0.3s;}
.tc:hover{border-color:rgba(255,255,255,0.15);transform:translateY(-3px);}
.stars{color:var(--sun);font-size:0.82rem;margin-bottom:1.1rem;letter-spacing:2px;}
.tc-text{font-size:0.92rem;color:rgba(255,255,255,0.72);line-height:1.8;font-weight:300;font-style:italic;margin-bottom:1.4rem;}
.tc-author{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);padding-top:1.1rem;}
.tc-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:0.82rem;color:#fff;}
.tc-name{font-weight:600;font-size:0.86rem;display:block;}
.tc-loc{font-size:0.73rem;color:var(--muted);}

/* ===== CTA FINAL ===== */
#ctaf{
  padding:9rem 2rem;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  background:transparent;
}
.ctaf-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.07) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;}
.ctaf-content{position:relative;z-index:2;width:100%;max-width:900px;}
.ctaf-top{text-align:center;margin-bottom:3.5rem;}
.ctaf-top h2{font-family:var(--serif);font-size:clamp(2.4rem,5vw,4rem);font-weight:500;letter-spacing:-0.04em;line-height:1.05;margin-bottom:1rem;}
.ctaf-top p{font-size:1rem;color:var(--muted);line-height:1.8;font-weight:300;}

/* MULTISTEP FORM */
.msf-wrap{
  background:rgba(6,10,12,0.65);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:24px;
  padding:2.8rem 3rem;
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(32px);
  -webkit-backdrop-filter:blur(32px);
}
.msf-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,0.35),transparent);}

/* Progress */
.msf-progress{margin-bottom:2.2rem;}
.msf-prog-labels{display:flex;justify-content:space-between;font-size:0.68rem;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.6rem;font-weight:500;}
.msf-prog-labels .msf-active-lbl{color:var(--sun);}
.msf-prog-track{height:3px;background:rgba(255,255,255,0.07);border-radius:2px;overflow:hidden;}
.msf-prog-fill{height:100%;background:var(--chalk);border-radius:2px;width:25%;transition:width 0.5s cubic-bezier(0.4,0,0.2,1);}

/* Steps */
.msf-step{display:none;animation:msfIn 0.4s ease;}
.msf-step.msf-on{display:block;}
@keyframes msfIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.msf-step-lbl{font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--sun);font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:0.75rem;}
.msf-step-lbl::before{content:'';width:16px;height:1px;background:var(--sun);}
.msf-step h3{font-family:var(--serif);font-size:1.5rem;font-weight:500;letter-spacing:-0.03em;line-height:1.15;margin-bottom:0.5rem;}
.msf-step-sub{font-size:0.86rem;color:var(--muted);line-height:1.7;font-weight:300;margin-bottom:1.6rem;}

/* Two column layout for steps 1-3 */
.msf-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;}
.msf-col-right{display:flex;flex-direction:column;gap:0;}

/* Options */
.msf-opts{display:flex;flex-direction:column;gap:0.6rem;margin-bottom:1.2rem;}
.msf-opt{
  display:flex;align-items:center;gap:0.9rem;
  padding:0.85rem 1.1rem;
  border:1px solid var(--border);border-radius:12px;
  cursor:pointer;transition:border-color 0.2s,background 0.2s;
  user-select:none;
}
.msf-opt:hover{border-color:rgba(255,255,255,0.18);background:rgba(255,255,255,0.03);}
.msf-opt.msf-sel{border-color:var(--sun);background:rgba(255,255,255,0.05);}
.msf-opt-ico{width:38px;height:38px;min-width:38px;border-radius:9px;background:rgba(255,255,255,0.04);display:grid;place-items:center;transition:background 0.2s;}
.msf-opt.msf-sel .msf-opt-ico{background:rgba(255,255,255,0.07);}
.msf-opt-ico svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.2s;}
.msf-opt.msf-sel .msf-opt-ico svg{stroke:var(--sun);}
.msf-opt-txt h4{font-size:0.9rem;font-weight:600;letter-spacing:-0.01em;margin-bottom:1px;}
.msf-opt-txt p{font-size:0.74rem;color:var(--muted);font-weight:300;line-height:1.4;}
.msf-chk{width:18px;height:18px;min-width:18px;border:1.5px solid var(--border);border-radius:50%;margin-left:auto;display:grid;place-items:center;transition:all 0.2s;}
.msf-opt.msf-sel .msf-chk{border-color:var(--sun);background:var(--sun);}
.msf-opt.msf-sel .msf-chk::after{content:'✓';font-size:0.62rem;color:#000;font-weight:700;}

/* Blocker */
.msf-blocker{background:rgba(239,68,68,0.07);border:1px solid rgba(239,68,68,0.22);border-radius:14px;padding:1.3rem;text-align:center;display:none;margin-bottom:1rem;}
.msf-blocker.msf-show{display:block;animation:msfIn 0.3s ease;}
.msf-blocker-ico{font-size:1.6rem;margin-bottom:0.5rem;}
.msf-blocker h4{font-family:var(--serif);font-size:1rem;font-weight:700;margin-bottom:0.4rem;color:#c0c0c0;}
.msf-blocker p{font-size:0.8rem;color:var(--muted);line-height:1.6;font-weight:300;}

/* Fields */
.msf-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.2rem;}
.msf-field label{font-size:0.68rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--muted);font-weight:500;display:block;margin-bottom:0.45rem;}
.msf-field input,.msf-field select{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:11px;padding:0.8rem 0.95rem;color:var(--text);font-family:'Inter',sans-serif;font-size:0.9rem;outline:none;transition:border-color 0.2s,background 0.2s;-webkit-appearance:none;}
.msf-field input:focus,.msf-field select:focus{border-color:rgba(255,255,255,0.25);background:rgba(255,255,255,0.03);}
.msf-field input::placeholder{color:var(--muted);}
.msf-field select option{background:#141C1F;color:#fff;}

/* Contact toggle */
.msf-ctoggle{display:flex;gap:0.6rem;margin-bottom:1.3rem;}
.msf-ctbtn{flex:1;padding:0.75rem 0.5rem;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--muted);font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px;}
.msf-ctbtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.msf-ctbtn.msf-cton{border-color:rgba(255,255,255,0.22);background:rgba(255,255,255,0.05);color:var(--sun);}
.msf-ctbtn:hover:not(.msf-cton){border-color:rgba(255,255,255,0.15);color:var(--text);}

/* Call panel */
.msf-callpanel{background:rgba(5,150,105,0.07);border:1px solid rgba(5,150,105,0.22);border-radius:14px;padding:1.4rem;text-align:center;display:none;margin-bottom:1rem;}
.msf-callpanel.msf-show{display:block;animation:msfIn 0.3s ease;}
.msf-callpanel p{font-size:0.82rem;color:var(--muted);margin-bottom:0.8rem;line-height:1.6;}
.msf-callnum{display:inline-flex;align-items:center;gap:9px;font-family:var(--serif);font-size:1.5rem;font-weight:500;color:#c0c0c0;text-decoration:none;transition:color 0.2s;}
.msf-callnum:hover{color:#6EE7B7;}
.msf-callnum svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;}
.msf-callhrs{font-size:0.72rem;color:var(--muted);margin-top:0.4rem;}
.msf-calldivider{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.06);font-size:0.78rem;color:var(--muted);margin-bottom:0.8rem;}

/* Buttons */
.msf-btn-next{width:100%;padding:0.95rem;background:var(--chalk);color:var(--void);border:none;border-radius:var(--radius-pill);font-family:var(--sans);font-weight:500;font-size:0.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:transform 0.2s,box-shadow 0.2s,background 0.2s;}
.msf-btn-next:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,255,255,0.20);}
.msf-btn-next:disabled{opacity:0.3;cursor:not-allowed;transform:none;box-shadow:none;}
.msf-btn-next svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;}
.msf-btn-back{width:100%;padding:0.65rem;margin-top:0.5rem;background:transparent;color:var(--muted);border:none;border-radius:11px;font-family:'Inter',sans-serif;font-size:0.83rem;cursor:pointer;transition:color 0.2s;}
.msf-btn-back:hover{color:var(--text);}

/* Summary sidebar */
.msf-summary{
  background:rgba(255,255,255,0.02);
  border:1px solid var(--border);
  border-radius:16px;padding:1.4rem;
  margin-bottom:1.2rem;
}
.msf-summary h4{font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:1rem;}
.msf-sum-item{display:flex;gap:0.6rem;align-items:flex-start;padding:0.55rem 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.msf-sum-item:last-child{border-bottom:none;}
.msf-sum-dot{width:6px;height:6px;background:var(--sun);border-radius:50%;margin-top:5px;flex-shrink:0;}
.msf-sum-lbl{font-size:0.72rem;color:var(--muted);font-weight:300;}
.msf-sum-val{font-size:0.82rem;font-weight:500;color:var(--text);}

/* Success */
.msf-success{display:none;text-align:center;}
.msf-success.msf-show{display:block;animation:msfIn 0.5s ease;}
.msf-succ-check{width:68px;height:68px;background:rgba(5,150,105,0.12);border:2px solid rgba(52,211,153,0.35);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.4rem;font-size:1.7rem;}
.msf-success h3{font-family:var(--serif);font-size:1.5rem;font-weight:500;letter-spacing:-0.03em;margin-bottom:0.7rem;}
.msf-success p{font-size:0.9rem;color:var(--muted);line-height:1.8;font-weight:300;margin-bottom:1.3rem;}
.msf-succ-detail{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);border-radius:13px;padding:1.1rem;font-size:0.82rem;color:var(--muted);line-height:1.7;margin-bottom:1.3rem;}
.msf-succ-detail strong{color:var(--sun);}
.msf-wa-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:0.85rem 1.8rem;border-radius:13px;text-decoration:none;font-weight:600;font-size:0.88rem;transition:transform 0.2s,box-shadow 0.2s;}
.msf-wa-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,211,102,0.35);}

/* trust strip */
.trust{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;}
.tr{display:flex;align-items:center;gap:5px;font-size:0.78rem;color:rgba(255,255,255,0.42);}
.tr svg{width:13px;height:13px;stroke:#c0c0c0;fill:none;stroke-width:2.5;stroke-linecap:round;}

/* ===== FOOTER ===== */
footer{background:var(--dark);border-top:1px solid var(--border);padding:3.5rem 4rem 1.8rem;}
.ft{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border);}
.fb-logo{font-family:var(--serif);font-weight:500;font-size:1.05rem;letter-spacing:-0.02em;display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;margin-bottom:0.9rem;}
.fb-desc{font-size:0.82rem;color:var(--muted);line-height:1.8;max-width:260px;font-weight:300;margin-bottom:1.3rem;}
.fsoc{display:flex;gap:0.7rem;}
.fsb{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;text-decoration:none;transition:border-color 0.2s;}
.fsb:hover{border-color:rgba(255,255,255,0.18);}
.fsb svg{stroke:var(--muted);width:15px;height:15px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.2s;}
.fsb:hover svg{stroke:var(--sun);}
.fc h4{font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:1.1rem;}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:0.65rem;}
.fc a{font-size:0.83rem;color:var(--muted);text-decoration:none;font-weight:300;transition:color 0.2s;}
.fc a:hover{color:var(--text);}
.fb2{display:flex;justify-content:space-between;align-items:center;padding-top:1.3rem;font-size:0.76rem;color:var(--muted);}
.fb2 a{color:var(--muted);text-decoration:none;transition:color 0.2s;}
.fb2 a:hover{color:var(--chalk);}
.fb2-links{display:flex;gap:1.5rem;}

/* WA float */
.wa{position:fixed;bottom:1.8rem;right:1.8rem;z-index:200;width:54px;height:54px;background:#25D366;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 18px rgba(37,211,102,0.38);text-decoration:none;transition:transform 0.3s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s;animation:wafloat 3s ease-in-out infinite;}
.wa:hover{transform:scale(1.1);box-shadow:0 8px 28px rgba(37,211,102,0.55);}
@keyframes wafloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
.wa svg{fill:#fff;width:27px;height:27px;}

/* Back to top */
.to-top{
  position:fixed;bottom:1.8rem;left:1.8rem;z-index:200;
  width:46px;height:46px;border-radius:50%;
  background:rgba(20,20,20,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,0.18);
  display:grid;place-items:center;cursor:pointer;color:var(--chalk);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s,background 0.2s,border-color 0.2s;
}
.to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.to-top:hover{background:var(--chalk);color:var(--void);border-color:var(--chalk);}
.to-top svg{width:19px;height:19px;}
@media(max-width:900px){
  .wa{bottom:1.2rem;right:1.2rem;width:48px;height:48px;}
  .wa svg{width:24px;height:24px;}
  .to-top{bottom:1.2rem;left:1.2rem;width:42px;height:42px;}
}

/* Reveal helpers */
.rv{opacity:0;transform:translateY(26px);}
.rl{opacity:0;transform:translateX(-20px);}

/* ===== GRAIN TEXTURE (premium feel) ===== */
body::before{
  content:'';position:fixed;inset:0;z-index:9001;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;
  opacity:0.028;pointer-events:none;
}

/* ===== HERO PANEL ===== */
.hero-panel{
  position:absolute;right:5rem;top:50%;transform:translateY(-52%);
  z-index:3;width:272px;opacity:0;
}
@media(max-width:1100px){.hero-panel{display:none;}}
.hp-card{
  background:rgba(10,18,22,0.82);backdrop-filter:blur(28px);
  border:1px solid rgba(255,255,255,0.09);border-radius:22px;
  padding:1.6rem;position:relative;overflow:hidden;
}
.hp-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent,rgba(255,255,255,0.3),transparent);
}
.hp-live{
  position:absolute;top:-11px;right:18px;
  background:rgba(5,150,105,0.14);border:1px solid rgba(52,211,153,0.38);
  border-radius:100px;padding:3px 11px;
  font-size:0.6rem;color:#c0c0c0;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;
  display:flex;align-items:center;gap:5px;
}
.hp-live::before{content:'';width:5px;height:5px;background:var(--chalk);border-radius:50%;animation:blink 1.4s infinite;}
.hp-lbl{font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--smoke);margin-bottom:0.3rem;font-weight:400;}
.hp-num{font-family:var(--serif);font-size:2.3rem;font-weight:500;color:var(--chalk);line-height:1;margin-bottom:0.2rem;}
.hp-unit{font-size:0.75rem;color:var(--smoke);margin-bottom:1.3rem;font-weight:300;}
.hp-bars{display:flex;gap:5px;align-items:flex-end;height:48px;margin-bottom:1.2rem;}
.hp-bar{
  flex:1;border-radius:4px 4px 3px 3px;
  background:rgba(255,255,255,0.07);
  transition:height 1s cubic-bezier(0.4,0,0.2,1);
}
.hp-bar.hp-hi{background:rgba(255,255,255,0.85);}
.hp-divider{height:1px;background:rgba(255,255,255,0.07);margin-bottom:1.1rem;}
.hp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.7rem;}
.hp-row:last-child{margin-bottom:0;}
.hp-rl{font-size:0.74rem;color:var(--smoke);font-weight:300;}
.hp-rv{font-size:0.8rem;font-weight:500;color:var(--chalk);}
.hp-rv.g{color:var(--chalk);}
.hp-rv.a{color:var(--chalk);}
.hp-card2{margin-top:1rem;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:1.1rem;}
.hp-c2-row{display:flex;align-items:center;gap:0.6rem;}
.hp-c2-ico{width:32px;height:32px;background:rgba(255,255,255,0.08);border-radius:9px;display:grid;place-items:center;flex-shrink:0;}
.hp-c2-ico svg{stroke:var(--chalk);width:16px;height:16px;fill:none;stroke-width:2;stroke-linecap:round;}
.hp-c2-t{font-size:0.78rem;font-weight:600;margin-bottom:1px;}
.hp-c2-s{font-size:0.68rem;color:var(--muted);font-weight:300;}

/* ===== WORD SPLIT ANIMATION ===== */
.ws{display:inline-block;overflow:hidden;vertical-align:bottom;}
.ws-i{display:inline-block;transform:translateY(110%);}

/* ===== GRADIENT BORDER CARDS ===== */
.gbc{position:relative;}
.gbc::after{
  content:'';position:absolute;inset:-1px;
  border-radius:inherit;z-index:-1;
  background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);
  transition:background 0.5s;
}
.gbc:hover::after{
  background:linear-gradient(135deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.04) 50%,rgba(5,150,105,0.15) 100%);
}

/* ===== PREMIUM SECTION EYEBROW ===== */
.eyebrow-v2{
  display:inline-flex;align-items:center;gap:10px;
  font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--sun);font-weight:600;
  margin-bottom:1rem;
}
.eyebrow-v2::before{content:'';width:24px;height:1px;background:linear-gradient(to right,rgba(255,255,255,0.4),transparent);}
.eyebrow-v2::after{content:'';width:24px;height:1px;background:linear-gradient(to left,rgba(255,255,255,0.4),transparent);}

/* ===== GLOW BTN ===== */
.btn-main{position:relative;overflow:hidden;}
.btn-main::after{
  content:'';position:absolute;inset:-2px;
  background:linear-gradient(135deg,var(--sun2),var(--sun),#e67e00);
  border-radius:inherit;z-index:-1;opacity:0;
  transition:opacity 0.3s;filter:blur(12px);
}
.btn-main:hover::after{opacity:0.6;}

/* ===== FEATURED TESTIMONIAL ===== */
.tc-feat{
  grid-column:span 3;
  background:linear-gradient(135deg,rgba(15,22,24,0.95),rgba(10,16,18,0.95));
  border:1px solid rgba(255,255,255,0.10);border-radius:22px;
  padding:2.4rem 3rem;margin-bottom:1.4rem;
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;
}
.tc-feat::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,0.22),transparent);}
.tc-feat-quote{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;line-height:1.55;letter-spacing:-0.02em;margin-bottom:1.4rem;color:rgba(255,255,255,0.92);}
.tc-feat-quot-mark{font-size:4rem;color:rgba(255,255,255,0.12);font-family:var(--serif);line-height:0.5;margin-bottom:0.8rem;display:block;}
.tc-feat-aside{text-align:center;min-width:140px;}
.tc-feat-num{font-family:var(--serif);font-size:3rem;font-weight:500;color:var(--chalk);line-height:1;}
.tc-feat-sub{font-size:0.72rem;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase;margin-top:4px;}
@media(max-width:900px){
  .tc-feat{grid-column:span 1;grid-template-columns:1fr;gap:1.5rem;padding:1.8rem;}
  .tc-feat-aside{text-align:left;}
}

/* ===== COUNTER ===== */
.cnt{font-variant-numeric:tabular-nums;}

/* ===== SECTION GLOW ===== */
.sec-glow{
  position:absolute;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,0.03) 0%,transparent 70%);
  pointer-events:none;
}

/* ===== NAV UPGRADE ===== */
#nav{border-bottom:1px solid transparent;transition:background 0.5s,border-color 0.5s;}
#nav.solid{border-bottom-color:var(--border);}

/* ===== STATS BAR ===== */
#stats-bar{
  padding:2.5rem 4rem;
  background:rgba(6,10,12,0.92);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,0.07);
  border-top:1px solid rgba(255,255,255,0.05);
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.sb-item{text-align:center;padding:1rem;position:relative;}
.sb-item:not(:last-child)::after{
  content:'';position:absolute;right:0;top:20%;bottom:20%;
  width:1px;background:var(--border);
}
.sb-n{font-family:var(--serif);font-size:2.5rem;font-weight:500;color:var(--chalk);line-height:1;margin-bottom:0.3rem;}
.sb-l{font-size:0.72rem;color:var(--muted);letter-spacing:0.08em;text-transform:uppercase;font-weight:400;}
@media(max-width:900px){
  #stats-bar{grid-template-columns:1fr 1fr;padding:2rem 1.5rem;gap:1px;background:var(--border);}
  .sb-item{background:var(--dark2);}
  .sb-item::after{display:none;}
}

/* Mobile */
@media(max-width:900px){
  #nav{padding:0 1.2rem;}
  .nav-toggle{display:flex;}
  nav ul{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    position:fixed;top:64px;left:0;right:0;
    max-height:calc(100vh - 64px);overflow-y:auto;
    background:rgba(0,0,0,0.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    border-bottom:1px solid var(--graphite);
    padding:0 1.2rem;
    clip-path:inset(0 0 100% 0);
    transition:clip-path 0.35s ease;
  }
  #nav.nav-open ul{clip-path:inset(0 0 0 0);}
  nav ul li{width:100%;}
  nav ul a{display:block;padding:1rem 0;font-size:0.95rem;border-bottom:1px solid rgba(255,255,255,0.08);}
  nav ul li:last-child a{border-bottom:none;}
  nav ul .nav-cta{display:block;text-align:center;margin:1rem 0;}
  .hero-content,.h-stats,.scroll-ind{padding-left:1.5rem;padding-right:1.5rem;right:1.5rem;left:1.5rem;}
  #services,#process,#calc,#testi{padding:5rem 1.5rem;}
  .svc-grid{grid-template-columns:1fr;}
  .sec-hd{flex-direction:column;align-items:flex-start;gap:0.8rem;}
  .sec-desc{text-align:left;max-width:none;}
  .proc-inner{grid-template-columns:1fr;}
  .calc-wrap{grid-template-columns:1fr;}
  .tgrid{grid-template-columns:1fr;}
  footer{padding:3rem 1.5rem 1.5rem;}
  .ft{grid-template-columns:1fr 1fr;}
  .msf-cols{grid-template-columns:1fr;}
  .msf-wrap{padding:2rem 1.5rem;}
  .msf-ctoggle{flex-direction:column;}
  #ctaf{padding:5rem 1.5rem;}
}
