/* ============================================================
   DUMP AND DUMPSTER — style.css
   Design: Google Gemini 2.5 Pro · Code: Claude Sonnet 4.6
   ============================================================ */

/* ── TOKENS ─────────────────────────────────────────────── */
:root {
  --bg:           #080808;
  --surface:      #111111;
  --elevated:     #1A1A1A;
  --silver-light: #E8E8E8;
  --silver-mid:   #C8C8C8;
  --silver-dark:  #888888;
  --green:        #00C878;
  --green-dark:   #009958;
  --blue:         #2BC0E4;
  --blue-dark:    #1A8FB5;
  --green-glow:   rgba(0,200,120,0.15);
  --blue-glow:    rgba(43,192,228,0.12);
  --border:       rgba(200,200,200,0.10);
  --error:        #EF4444;

  --font-display: 'Cormorant Garamond', serif;
  --font-logo:    'Bebas Neue', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  --ease-out:    cubic-bezier(0.25,0.46,0.45,0.94);
  --ease-in-out: cubic-bezier(0.4,0,0.2,1);
}

/* ── RESET ───────────────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html  { scroll-behavior:smooth; }
body  { background:var(--bg); font-family:var(--font-body); color:var(--silver-mid); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a     { color:inherit; text-decoration:none; }
ul    { list-style:none; }
address { font-style:normal; }

/* ── SCROLL PROGRESS ─────────────────────────────────────── */
#scroll-progress {
  position:fixed; top:0; left:0; height:2px; width:0%;
  background:var(--green); z-index:9999; pointer-events:none;
  transition:width 0.05s linear;
}

/* ── BUTTONS ─────────────────────────────────────────────── */
.btn {
  display:inline-block; padding:12px 28px;
  font-family:var(--font-body); font-size:13px; font-weight:500;
  letter-spacing:0.1em; text-transform:uppercase; border-radius:2px;
  border:1px solid transparent; cursor:pointer; white-space:nowrap;
  transition:transform 150ms var(--ease-out), box-shadow 150ms var(--ease-out),
             background 150ms var(--ease-out), color 150ms var(--ease-out);
}
.btn--primary {
  background:linear-gradient(90deg, var(--green) 0%, var(--blue) 100%);
  color:#000; border:none;
}
.btn--primary:hover {
  background:linear-gradient(90deg, var(--green-dark) 0%, var(--blue-dark) 100%);
  transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,200,120,0.25);
}
.btn--outline {
  background:transparent; border:1px solid rgba(200,200,200,0.35); color:var(--silver-mid);
}
.btn--outline:hover {
  background:rgba(200,200,200,0.08); border-color:var(--silver-mid);
  color:var(--silver-light); transform:translateY(-2px);
}
.btn--ghost {
  background:transparent; border:none; color:var(--green);
  padding:12px 0; display:inline-flex; align-items:center; gap:8px;
}
.btn--ghost:hover .btn__arrow { transform:translateX(4px); }
.btn__arrow { display:inline-block; transition:transform 200ms var(--ease-out); }
.btn--lg { padding:16px 40px; font-size:14px; }

/* ── SHARED SECTION TAG ──────────────────────────────────── */
.section-tag {
  display:inline-flex; align-items:center; gap:14px;
  font-family:var(--font-body); font-weight:300; font-size:11px;
  text-transform:uppercase; letter-spacing:0.2em; color:var(--green);
  margin-bottom:20px;
}
.section-tag__line { width:28px; height:1px; background:var(--green); flex-shrink:0; }

/* ── FADE-UP ANIMATION ───────────────────────────────────── */
.fade-up {
  opacity:0; transform:translateY(24px);
  transition:opacity 0.55s var(--ease-out), transform 0.55s var(--ease-out);
}
.fade-up.is-visible { opacity:1; transform:translateY(0); }

/* ══════════════════════════════════════════════════════════
   NAVIGATION
══════════════════════════════════════════════════════════ */
.main-header {
  position:fixed; top:0; left:0; width:100%; z-index:1000;
  background:linear-gradient(180deg,rgba(8,8,8,0.80) 0%,rgba(8,8,8,0) 100%);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:background 0.3s ease;
}
.main-header.is-scrolled { background:rgba(8,8,8,0.96); }

.main-nav {
  display:flex; justify-content:space-between; align-items:center;
  height:80px; padding:0 80px;
}
.nav-logo {
  font-family:var(--font-logo); font-size:22px; letter-spacing:0.06em; flex-shrink:0;
  background:linear-gradient(90deg,var(--silver-light),var(--silver-mid));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.nav-logo__dot { -webkit-text-fill-color:var(--green); }

.nav-links {
  display:flex; gap:40px;
  position:absolute; left:50%; transform:translateX(-50%);
}
.nav-links a {
  font-family:var(--font-body); font-weight:300; font-size:13px;
  text-transform:uppercase; letter-spacing:0.12em; color:var(--silver-mid);
  padding:6px 0; position:relative; transition:color 150ms var(--ease-out);
}
.nav-links a::after {
  content:''; position:absolute; bottom:0; left:0;
  width:0; height:1px; background:var(--green); transition:width 200ms var(--ease-out);
}
.nav-links a:hover { color:var(--silver-light); }
.nav-links a:hover::after { width:100%; }

.nav-hamburger {
  display:none; background:none; border:none; cursor:pointer;
  width:24px; height:18px; flex-direction:column; justify-content:space-between; padding:0;
}
.nav-hamburger__line {
  display:block; width:100%; height:1.5px; background:var(--silver-light);
  border-radius:1px; transition:transform 250ms var(--ease-in-out), opacity 250ms var(--ease-in-out);
}
.nav-hamburger.is-open .nav-hamburger__line:nth-child(1) { transform:translateY(8.25px) rotate(45deg); }
.nav-hamburger.is-open .nav-hamburger__line:nth-child(2) { opacity:0; }
.nav-hamburger.is-open .nav-hamburger__line:nth-child(3) { transform:translateY(-8.25px) rotate(-45deg); }

.mobile-menu {
  display:none; flex-direction:column; gap:8px;
  background:rgba(8,8,8,0.98); border-top:1px solid var(--border); padding:24px;
}
.mobile-menu.is-open { display:flex; }
.mobile-menu__links { display:flex; flex-direction:column; }
.mobile-menu__link {
  font-family:var(--font-body); font-weight:300; font-size:13px;
  text-transform:uppercase; letter-spacing:0.12em; color:var(--silver-mid);
  padding:14px 0; border-bottom:1px solid var(--border); transition:color 150ms;
}
.mobile-menu__link:hover { color:var(--silver-light); }
.mobile-menu__cta { margin-top:16px; text-align:center; }

/* ══════════════════════════════════════════════════════════
   HERO
══════════════════════════════════════════════════════════ */
.hero {
  position:relative; min-height:100vh; display:flex; align-items:center;
  background:var(--bg); overflow:hidden; isolation:isolate;
}
.hero__video-wrap { position:absolute; inset:0; z-index:0; overflow:hidden; }
.hero__video-placeholder {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center; pointer-events:none;
}
.hero__glow {
  position:absolute; border-radius:50%; pointer-events:none; z-index:1;
}
.hero__glow--green {
  width:700px; height:700px;
  background:radial-gradient(circle,rgba(0,200,120,0.12) 0%,transparent 70%);
  top:50%; left:20%; transform:translate(-50%,-50%); filter:blur(60px);
}
.hero__glow--blue {
  width:600px; height:600px;
  background:radial-gradient(circle,rgba(43,192,228,0.10) 0%,transparent 70%);
  top:50%; left:75%; transform:translate(-50%,-50%); filter:blur(60px);
}
.hero__grid {
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background-image:linear-gradient(to right,rgba(200,200,200,0.06) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(200,200,200,0.06) 1px,transparent 1px);
  background-size:60px 60px; opacity:0.5;
}
.hero__grain {
  position:absolute; inset:0; z-index:1; pointer-events:none; opacity:0.03;
  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 baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
}
.hero__content-wrapper {
  position:relative; z-index:2; display:grid;
  grid-template-columns:1.3fr 0.7fr; align-items:center; gap:60px;
  width:100%; max-width:1400px; margin:0 auto; padding:120px 80px 80px;
}
.hero__eyebrow {
  display:flex; align-items:center; gap:16px; margin-bottom:28px;
  font-family:var(--font-body); font-weight:300; font-size:11px;
  text-transform:uppercase; letter-spacing:0.2em; color:var(--green);
  opacity:0;
}
.hero__eyebrow-line { width:32px; height:1px; background:var(--green); flex-shrink:0; }

.hero__title {
  font-family:var(--font-display); font-size:88px;
  line-height:1.0; letter-spacing:-0.02em; margin-bottom:32px;
}
.hero__title span { display:block; opacity:0; }
.hero__title--line1 { font-weight:300; color:var(--silver-light); }
.hero__title--line2 {
  font-style:italic; font-weight:300;
  background:linear-gradient(105deg,var(--silver-light) 0%,#fff 25%,var(--silver-mid) 60%,var(--silver-dark) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.hero__title--line3 {
  font-weight:300; -webkit-text-stroke:1px var(--silver-dark); color:transparent;
}
.hero__body {
  font-family:var(--font-body); font-weight:300; font-size:15px; line-height:1.8;
  color:var(--silver-dark); max-width:440px; margin-bottom:40px; opacity:0;
}
.hero__cta-group { display:flex; gap:16px; flex-wrap:wrap; opacity:0; }

.hero__stats { display:flex; flex-direction:column; gap:0; align-self:center; justify-self:end; opacity:0; }
.hero__stat-item { display:flex; flex-direction:column; padding:32px 0; }
.hero__stat-divider { width:40px; height:1px; background:var(--border); }
.hero__stat-number {
  font-family:var(--font-display); font-weight:300; font-size:56px;
  line-height:1; color:var(--silver-light); letter-spacing:-0.01em;
}
.hero__stat-label {
  font-family:var(--font-body); font-weight:300; font-size:11px;
  text-transform:uppercase; letter-spacing:0.15em; color:var(--silver-dark); margin-top:8px;
}

/* Scroll indicator */
.hero__scroll-indicator {
  position:absolute; bottom:40px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:4px; z-index:2;
  opacity:0; animation:fadeIn 0.6s var(--ease-out) 1.2s forwards;
}
.hero__scroll-label {
  font-family:var(--font-display); font-style:italic; font-size:13px; color:var(--silver-dark);
}
.hero__scroll-arrow { color:var(--green); font-size:16px; animation:bounceY 1.5s ease-in-out infinite; }

@keyframes bounceY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }
@keyframes fadeIn  { from{opacity:0} to{opacity:1} }
@keyframes heroFadeUp   { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes heroFadeUpSm { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }
@keyframes heroFadeUpXs { from{opacity:0;transform:translateY(8px)}  to{opacity:1;transform:translateY(0)} }

/* ══════════════════════════════════════════════════════════
   TRUST BAR
══════════════════════════════════════════════════════════ */
.trust-bar {
  width:100%; background:var(--surface);
  border-top:1px solid rgba(200,200,200,0.08);
  border-bottom:1px solid rgba(200,200,200,0.08);
}
.trust-bar__inner {
  display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; height:56px; padding:0 40px;
}
.trust-item {
  font-family:var(--font-body); font-weight:400; font-size:13px; color:var(--silver-dark);
  padding:0 20px; transition:color 150ms; cursor:default; white-space:nowrap;
}
.trust-item:hover { color:var(--silver-light); }
.trust-dot { color:var(--silver-dark); opacity:0.4; font-size:16px; }

/* ══════════════════════════════════════════════════════════
   SERVICES
══════════════════════════════════════════════════════════ */
.services { background:var(--bg); padding:120px 0; }
.services__inner { max-width:1400px; margin:0 auto; padding:0 80px; }
.services__header { margin-bottom:64px; }
.services__title {
  font-family:var(--font-display); font-weight:300; font-size:58px;
  line-height:1.1; color:var(--silver-light); margin-bottom:16px;
}
.services__title em {
  font-style:italic; font-weight:300;
  background:linear-gradient(105deg,var(--silver-light) 0%,#fff 30%,var(--silver-mid) 70%,var(--silver-dark) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.services__subtitle {
  font-family:var(--font-body); font-weight:300; font-size:15px;
  line-height:1.8; color:var(--silver-dark); max-width:480px;
}
.services__grid {
  display:grid; grid-template-columns:repeat(4,1fr);
  border:1px solid var(--border); border-radius:4px; overflow:hidden;
}
.srv-card + .srv-card { border-left:1px solid var(--border); }

.srv-card {
  position:relative; display:flex; flex-direction:column; background:var(--surface);
  cursor:pointer; overflow:hidden;
  transition:background 300ms var(--ease-out), box-shadow 300ms var(--ease-out),
             opacity 0.55s var(--ease-out), transform 0.55s var(--ease-out);
  opacity:0; transform:translateY(24px);
}
.srv-card.is-visible { opacity:1; transform:translateY(0); }
.srv-card__accent-bar {
  position:absolute; top:0; left:0; height:2px; width:0;
  background:linear-gradient(90deg,var(--green) 0%,var(--blue) 100%);
  transition:width 300ms var(--ease-out); z-index:2;
}
.srv-card__badge {
  position:absolute; top:20px; right:16px; z-index:3;
  font-family:var(--font-body); font-weight:500; font-size:10px;
  text-transform:uppercase; letter-spacing:0.08em; padding:4px 10px;
  border-radius:40px; transition:opacity 300ms;
}
.srv-card__badge--green { background:rgba(0,200,120,0.12); color:var(--green); border:1px solid rgba(0,200,120,0.25); }
.srv-card__badge--blue  { background:rgba(43,192,228,0.10); color:var(--blue); border:1px solid rgba(43,192,228,0.20); }
.srv-card__body { flex:1; padding:36px 28px 24px; display:flex; flex-direction:column; }
.srv-card__size-block { display:flex; flex-direction:column; gap:4px; margin-bottom:20px; }
.srv-card__number {
  font-family:var(--font-logo); font-size:56px; line-height:1;
  background:linear-gradient(135deg,var(--silver-light) 0%,var(--silver-mid) 60%,var(--silver-dark) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.srv-card__unit {
  font-family:var(--font-body); font-weight:300; font-size:12px;
  text-transform:uppercase; letter-spacing:0.15em; color:var(--silver-dark);
}
.srv-card__divider { border:none; border-top:1px solid rgba(200,200,200,0.08); margin:0 0 20px; }
.srv-card__desc { font-family:var(--font-body); font-weight:300; font-size:13px; line-height:1.6; color:#666; flex:1; margin-bottom:24px; }
.srv-card__price { display:flex; align-items:baseline; gap:6px; }
.srv-card__amount { font-family:var(--font-display); font-weight:300; font-size:22px; color:var(--green); }
.srv-card__period { font-family:var(--font-body); font-weight:300; font-size:12px; color:var(--silver-dark); }
.srv-card__cta {
  display:flex; align-items:center; justify-content:center; width:100%; padding:16px 28px;
  background:none; border:none; border-top:1px solid rgba(200,200,200,0.08);
  font-family:var(--font-body); font-weight:500; font-size:12px; text-transform:uppercase;
  letter-spacing:0.1em; color:var(--silver-dark); cursor:pointer; transition:color 200ms;
}
.srv-card__cta-selected { display:none; }
.srv-card:hover { background:var(--elevated); box-shadow:0 8px 32px rgba(0,0,0,0.5); }
.srv-card:hover .srv-card__accent-bar { width:100%; }
.srv-card:hover .srv-card__cta { color:var(--green); }
.srv-card.is-selected { background:rgba(0,200,120,0.06); outline:1px solid rgba(0,200,120,0.50); outline-offset:-1px; }
.srv-card.is-selected .srv-card__accent-bar { width:100%; }
.srv-card.is-selected .srv-card__cta { color:var(--green); border-top-color:rgba(0,200,120,0.20); }
.srv-card.is-selected .srv-card__cta-default { display:none; }
.srv-card.is-selected .srv-card__cta-selected { display:inline; }
.srv-card.is-selected .srv-card__badge { opacity:0; pointer-events:none; }

/* ══════════════════════════════════════════════════════════
   HOW IT WORKS
══════════════════════════════════════════════════════════ */
.how-it-works {
  background:var(--bg); padding:120px 0;
  background-image:linear-gradient(to right,rgba(200,200,200,0.04) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(200,200,200,0.04) 1px,transparent 1px);
  background-size:60px 60px;
}
.hiw__inner { max-width:1400px; margin:0 auto; padding:0 80px; }
.hiw__header { margin-bottom:80px; }
.hiw__title {
  font-family:var(--font-display); font-weight:300; font-size:58px;
  line-height:1.1; color:var(--silver-light);
}
.hiw__title em {
  font-style:italic;
  background:linear-gradient(105deg,var(--silver-light) 0%,#fff 30%,var(--silver-mid) 70%,var(--silver-dark) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.hiw__steps {
  display:grid; grid-template-columns:repeat(4,1fr); gap:40px; position:relative;
}
.hiw__connector {
  position:absolute; top:28px; left:calc(12.5% + 28px); right:calc(12.5% + 28px);
  height:1px; background:linear-gradient(90deg,transparent,rgba(0,200,120,0.20) 20%,rgba(0,200,120,0.20) 80%,transparent);
  pointer-events:none; z-index:0;
}
.hiw__step { display:flex; flex-direction:column; align-items:flex-start; position:relative; z-index:1; }
.hiw__step-circle {
  width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:#0f1a14; border:1px solid rgba(0,200,120,0.25); margin-bottom:24px; flex-shrink:0;
}
.hiw__step-num { font-family:var(--font-logo); font-size:24px; color:var(--green); line-height:1; }
.hiw__step-title {
  font-family:var(--font-display); font-weight:300; font-size:22px;
  color:var(--silver-light); margin-bottom:12px; line-height:1.3;
}
.hiw__step-body {
  font-family:var(--font-body); font-weight:300; font-size:13px;
  line-height:1.7; color:var(--silver-dark); max-width:200px;
}

/* ══════════════════════════════════════════════════════════
   VIDEO SECTION
══════════════════════════════════════════════════════════ */
.video-section { background:var(--bg); padding:120px 0; }
.video-section__inner { max-width:1400px; margin:0 auto; padding:0 80px; }
.video-section__header { margin-bottom:56px; }
.video-section__title {
  font-family:var(--font-display); font-weight:300; font-size:58px;
  line-height:1.1; color:var(--silver-light);
}
.video-section__title em {
  font-style:italic;
  background:linear-gradient(105deg,var(--silver-light) 0%,#fff 30%,var(--silver-mid) 70%,var(--silver-dark) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.video-player {
  position:relative; max-width:900px; aspect-ratio:16/9; margin:0 auto;
  border:1px solid rgba(0,200,120,0.15); border-radius:4px;
  background:var(--surface); overflow:hidden; cursor:pointer;
}
.video-player__video { width:100%; height:100%; object-fit:cover; display:block; }
.video-player__placeholder {
  position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 50% at 30% 50%,rgba(0,200,120,0.05) 0%,transparent 70%),var(--surface);
}
.video-player__placeholder-bg {
  position:absolute; inset:0;
  background-image:linear-gradient(to right,rgba(200,200,200,0.05) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(200,200,200,0.05) 1px,transparent 1px);
  background-size:40px 40px;
}
.video-player__play {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:72px; height:72px; border-radius:50%; border:1px solid rgba(0,200,120,0.30);
  background:rgba(0,200,120,0.12); display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:background 200ms, transform 200ms; z-index:2;
}
.video-player__play:hover { background:rgba(0,200,120,0.25); transform:translate(-50%,-50%) scale(1.1); }
.video-player.is-playing .video-player__play    { opacity:0; pointer-events:none; }
.video-player.is-playing .video-player__placeholder { display:none; }
.video-section__caption {
  text-align:center; margin-top:20px; font-family:var(--font-body); font-weight:300;
  font-size:12px; font-style:italic; color:var(--silver-dark);
}

/* ══════════════════════════════════════════════════════════
   PRO PLANS TEASER
══════════════════════════════════════════════════════════ */
.plans-teaser {
  background:var(--surface); border-top:1px solid var(--border);
  border-bottom:1px solid var(--border); padding:96px 0;
}
.plans-teaser__inner {
  max-width:1400px; margin:0 auto; padding:0 80px;
  display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;
}
.plans-teaser__title {
  font-family:var(--font-display); font-weight:300; font-size:58px;
  line-height:1.1; color:var(--silver-light); margin-bottom:20px;
}
.plans-teaser__title em {
  font-style:italic;
  background:linear-gradient(105deg,var(--silver-light) 0%,#fff 30%,var(--silver-mid) 70%,var(--silver-dark) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.plans-teaser__body {
  font-family:var(--font-body); font-weight:300; font-size:15px; line-height:1.8;
  color:var(--silver-dark); max-width:400px; margin-bottom:32px;
}
.plans-teaser__right { display:flex; flex-direction:column; gap:12px; }

.plan-pill {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 24px; border-radius:4px; border:1px solid var(--border);
  transition:background 200ms, border-color 200ms, box-shadow 200ms; cursor:default;
}
.plan-pill:hover { background:var(--elevated); border-color:rgba(200,200,200,0.2); }
.plan-pill--neutral { background:var(--elevated); }
.plan-pill--green { background:rgba(0,200,120,0.05); border-color:rgba(0,200,120,0.25); }
.plan-pill--green:hover { box-shadow:0 4px 20px rgba(0,200,120,0.12); }
.plan-pill--blue  { background:rgba(43,192,228,0.05); border-color:rgba(43,192,228,0.20); }
.plan-pill--blue:hover  { box-shadow:0 4px 20px rgba(43,192,228,0.10); }
.plan-pill__left { display:flex; flex-direction:column; gap:4px; }
.plan-pill__name { font-family:var(--font-logo); font-size:20px; letter-spacing:0.04em; color:var(--silver-light); }
.plan-pill__tag  { font-family:var(--font-body); font-weight:300; font-size:12px; color:var(--silver-dark); }
.plan-pill__price { font-family:var(--font-display); font-weight:300; font-size:22px; color:var(--green); white-space:nowrap; }

/* ══════════════════════════════════════════════════════════
   TESTIMONIALS
══════════════════════════════════════════════════════════ */
.testimonials { background:var(--bg); padding:120px 0; }
.testimonials__inner { max-width:1400px; margin:0 auto; padding:0 80px; }
.testimonials__header { margin-bottom:64px; }
.testimonials__title {
  font-family:var(--font-display); font-weight:300; font-size:58px;
  line-height:1.1; color:var(--silver-light);
}
.testimonials__title em {
  font-style:italic;
  background:linear-gradient(105deg,var(--silver-light) 0%,#fff 30%,var(--silver-mid) 70%,var(--silver-dark) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.testimonials__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }

.testi-card {
  background:var(--surface); border:1px solid var(--border); border-radius:4px; padding:32px;
  display:flex; flex-direction:column; transition:border-color 200ms, box-shadow 200ms;
}
.testi-card:hover { border-color:rgba(200,200,200,0.2); box-shadow:0 8px 32px rgba(0,0,0,0.3); }
.testi-card__quote-mark {
  font-family:var(--font-display); font-size:72px; line-height:0.8; color:var(--green); margin-bottom:16px;
}
.testi-card__quote {
  font-family:var(--font-display); font-style:italic; font-weight:300;
  font-size:22px; line-height:1.4; color:var(--silver-light); flex:1; margin-bottom:24px;
}
.testi-card__divider { border:none; border-top:1px solid var(--border); margin-bottom:20px; }
.testi-card__footer { display:flex; align-items:center; justify-content:space-between; }
.testi-card__name { font-family:var(--font-body); font-weight:500; font-size:14px; color:var(--silver-light); }
.testi-card__role { font-family:var(--font-body); font-weight:300; font-size:12px; color:var(--silver-dark); margin-top:2px; }
.testi-card__stars { color:var(--green); font-size:14px; letter-spacing:2px; }
.testimonials__grid .testi-card:nth-child(2) { transition-delay:0.1s; }
.testimonials__grid .testi-card:nth-child(3) { transition-delay:0.2s; }

/* ══════════════════════════════════════════════════════════
   FINAL CTA BAND
══════════════════════════════════════════════════════════ */
.cta-band {
  position:relative; background:var(--bg); padding:120px 80px;
  text-align:center; overflow:hidden;
}
.cta-band__glow {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:600px; height:400px; pointer-events:none;
  background:radial-gradient(ellipse 60% 80% at center,rgba(0,200,120,0.08) 0%,transparent 100%);
  filter:blur(40px);
}
.cta-band__inner { position:relative; z-index:1; max-width:640px; margin:0 auto; }
.cta-band__tag { justify-content:center; }
.cta-band__title {
  font-family:var(--font-display); font-weight:300; font-size:64px;
  line-height:1.05; color:var(--silver-light); margin-bottom:20px;
}
.cta-band__body {
  font-family:var(--font-body); font-weight:300; font-size:15px; line-height:1.8;
  color:var(--silver-dark); max-width:400px; margin:0 auto 40px;
}
.cta-band__fine {
  margin-top:20px; font-family:var(--font-body); font-weight:300; font-size:11px;
  letter-spacing:0.15em; color:var(--silver-dark); text-transform:uppercase;
}

/* ══════════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════════ */
.footer { background:var(--bg); border-top:1px solid rgba(200,200,200,0.08); }
.footer__inner { max-width:1400px; margin:0 auto; padding:64px 80px 40px; }
.footer__top { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:48px; }
.footer__logo {
  font-family:var(--font-logo); font-size:20px; letter-spacing:0.06em; display:block;
  background:linear-gradient(90deg,var(--silver-light),var(--silver-mid));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  margin-bottom:16px;
}
.footer__tagline {
  font-family:var(--font-body); font-weight:300; font-size:13px; line-height:1.7;
  color:var(--silver-dark); margin-bottom:24px; max-width:260px;
}
.footer__socials { display:flex; gap:16px; }
.footer__social { color:var(--silver-dark); transition:color 150ms; display:flex; align-items:center; }
.footer__social:hover { color:var(--green); }
.footer__col-title {
  font-family:var(--font-body); font-weight:500; font-size:11px;
  text-transform:uppercase; letter-spacing:0.15em; color:var(--silver-mid); margin-bottom:20px;
}
.footer__links { display:flex; flex-direction:column; gap:10px; }
.footer__links a {
  font-family:var(--font-body); font-weight:300; font-size:13px;
  color:var(--silver-dark); transition:color 150ms;
}
.footer__links a:hover { color:var(--silver-light); }
.footer__address p {
  font-family:var(--font-body); font-weight:300; font-size:13px;
  color:var(--silver-dark); line-height:1.7; margin-bottom:10px;
}
.footer__address a { transition:color 150ms; }
.footer__address a:hover { color:var(--silver-light); }
.footer__divider { border:none; border-top:1px solid var(--border); margin:48px 0 24px; }
.footer__bottom { display:flex; justify-content:space-between; align-items:center; }
.footer__copy { font-family:var(--font-body); font-weight:300; font-size:12px; color:var(--silver-dark); }
.footer__legal { display:flex; align-items:center; gap:12px; font-family:var(--font-body); font-weight:300; font-size:12px; color:var(--silver-dark); }
.footer__legal a { transition:color 150ms; }
.footer__legal a:hover { color:var(--silver-light); }

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — TABLET
══════════════════════════════════════════════════════════ */
@media (max-width:1024px) {
  .main-nav { padding:0 40px; }
  .nav-links { gap:28px; }

  .hero__content-wrapper { grid-template-columns:1fr; padding:140px 40px 80px; gap:64px; }
  .hero__title { font-size:72px; }
  .hero__stats { flex-direction:row; gap:48px; justify-self:start; }
  .hero__stat-divider { display:none; }
  .hero__stat-item { padding:0; }

  .services__inner,.hiw__inner,.video-section__inner,
  .testimonials__inner,.footer__inner { padding:0 40px; }
  .plans-teaser__inner { padding:0 40px; }

  .services__title,.hiw__title,.video-section__title,
  .plans-teaser__title,.testimonials__title { font-size:46px; }

  .services__grid { grid-template-columns:repeat(2,1fr); }
  .srv-card:nth-child(3),.srv-card:nth-child(4) { border-top:1px solid var(--border); }
  .srv-card:nth-child(odd)  { border-left:none; }
  .srv-card:nth-child(even) { border-left:1px solid var(--border); }

  .hiw__steps { grid-template-columns:repeat(2,1fr); gap:40px; }
  .hiw__connector { display:none; }

  .plans-teaser__inner { grid-template-columns:1fr; gap:48px; }
  .testimonials__grid { grid-template-columns:1fr 1fr; }

  .cta-band { padding:80px 40px; }
  .cta-band__title { font-size:48px; }

  .footer__top { grid-template-columns:1fr 1fr; gap:40px; }
  .footer__inner { padding:48px 40px 32px; }
}

/* ══════════════════════════════════════════════════════════
   RESPONSIVE — MOBILE
══════════════════════════════════════════════════════════ */
@media (max-width:768px) {
  .main-nav { height:72px; padding:0 24px; }
  .nav-links,.nav-cta { display:none; }
  .nav-hamburger { display:flex; }

  .hero__content-wrapper { padding:112px 24px 80px; }
  .hero__title { font-size:52px; }
  .hero__body { max-width:100%; }
  .hero__cta-group { flex-direction:column; }
  .hero__cta-group .btn { text-align:center; width:100%; }
  .hero__stats { display:none; }

  .trust-bar__inner { height:auto; padding:16px 24px; flex-direction:column; gap:8px; }
  .trust-dot { display:none; }

  .services { padding:80px 0; }
  .services__inner,.hiw__inner,.video-section__inner,
  .testimonials__inner { padding:0 24px; }
  .plans-teaser__inner { padding:0 24px; }

  .services__title,.hiw__title,.video-section__title,
  .plans-teaser__title,.testimonials__title,.cta-band__title { font-size:36px; }
  .services__header { margin-bottom:40px; }
  .services__grid { grid-template-columns:repeat(2,1fr); }

  .how-it-works { padding:80px 0; }
  .hiw__steps { grid-template-columns:1fr; }
  .video-section { padding:80px 0; }
  .plans-teaser { padding:64px 0; }
  .plans-teaser__inner { grid-template-columns:1fr; gap:40px; }
  .testimonials { padding:80px 0; }
  .testimonials__grid { grid-template-columns:1fr; }

  .cta-band { padding:80px 24px; }
  .cta-band__title { font-size:40px; }

  .footer__inner { padding:48px 24px 32px; }
  .footer__top { grid-template-columns:1fr 1fr; gap:32px; }
  .footer__col--brand { grid-column:1/-1; }
  .footer__bottom { flex-direction:column; gap:12px; text-align:center; }
}

@media (max-width:480px) {
  .hero__title { font-size:44px; }
  .services__grid { grid-template-columns:1fr; }
  .srv-card + .srv-card { border-left:none; border-top:1px solid var(--border); }
  .srv-card:nth-child(even) { border-left:none; }
  .footer__top { grid-template-columns:1fr; }
}