:root {
  --bg: #f6f7fb;
  --card: #ffffff;
  --text: #17282d;
  --muted: #6b787f;
  --line: #e8ecee;
  --accent: #167566;
  --accent2: #8fd2b7;
  --green: #a8e3b8;
  --soft: #eaf4f0;
  --hero: #163f38;
  --hero-text: #f6fff9;
}

body {
  background:
    radial-gradient(circle at 78% 7%, rgba(168, 227, 184, .3), transparent 27rem),
    radial-gradient(circle at 8% 35%, rgba(22, 117, 102, .06), transparent 30rem),
    var(--bg);
}

.noise { opacity: .018; }
.logo, .nav-cta { color: var(--text); }
.logo-mark {
  color: var(--hero-text);
  background: linear-gradient(145deg, #217e6e, var(--hero) 68%);
  box-shadow: 0 10px 30px rgba(22, 63, 56, .18);
}
.nav-links a { color: var(--muted); }
.nav-links a:hover { color: var(--accent); }
.nav-cta {
  border-color: rgba(22, 117, 102, .15);
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 8px 25px rgba(30, 52, 48, .05);
}
.nav-cta:hover { border-color: rgba(22, 117, 102, .35); }

.eyebrow, .section-kicker { color: var(--accent); }
.pulse {
  background: var(--accent);
  box-shadow: 0 0 0 7px rgba(22, 117, 102, .09);
}
.gradient-text {
  background: linear-gradient(90deg, var(--text) 0%, var(--accent) 55%, #68aa8f 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.hero-copy p, .feature p, .scene-copy p, .final-cta p { color: var(--muted); }
.primary {
  color: var(--hero-text);
  background: var(--accent);
  box-shadow: 0 16px 40px rgba(22, 117, 102, .18);
}
.primary:hover { background: var(--hero); }
.secondary {
  color: var(--text);
  border-color: var(--line);
  background: rgba(255, 255, 255, .72);
}
.trust { color: #7c898e; }
.trust i { background: #b9c4c6; }

.orb { filter: blur(80px); opacity: .55; }
.orb-a { background: #b8e5c6; }
.orb-b { background: #91cdb8; }
.phone {
  color: var(--text);
  background: linear-gradient(160deg, #ffffff, #f0f4f3);
  border-color: rgba(22, 63, 56, .16);
  box-shadow: 0 55px 110px rgba(22, 63, 56, .2), inset 0 1px 0 #fff;
}
.phone::before { border-color: rgba(22, 63, 56, .07); }
.phone-top { color: var(--text); }
.app-head small, .sub-card small { color: var(--muted); }
.avatar { color: var(--hero-text); background: var(--accent); }
.balance-card {
  color: var(--hero-text);
  background: linear-gradient(140deg, #1c695c, var(--hero));
  box-shadow: 0 15px 35px rgba(22, 63, 56, .2);
}
.balance-card small { color: #d8eee2; }
.label-row span { color: var(--accent); }
.sub-card {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 5px 16px rgba(30, 52, 48, .035);
}
.service { color: var(--accent); background: var(--soft); }
.service.violet, .service.blue, .service.green { background: var(--soft); }
.phone-nav {
  color: #9aa8aa;
  background: #fff;
  border: 1px solid var(--line);
}
.phone-nav .active { color: var(--accent); }
.glass {
  background: rgba(255, 255, 255, .78);
  border-color: rgba(22, 117, 102, .13);
  box-shadow: 0 25px 60px rgba(22, 63, 56, .12);
}
.float-card small { color: var(--muted); }
.icon-circle { color: var(--accent); background: var(--soft); }
.spark { color: var(--accent); }

.statement span { color: var(--accent); }
.statement .muted { color: #cfd7d8; }
.feature {
  background: linear-gradient(145deg, #fff, #f3f7f5);
  border-color: var(--line);
  box-shadow: 0 18px 60px rgba(30, 52, 48, .035);
}
.tag { color: var(--accent); }
.calendar-ui {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 35px 70px rgba(22, 63, 56, .11);
}
.cal-head span, .days { color: var(--muted); }
.dates span { color: #66767a; }
.dates span.active {
  color: var(--hero-text);
  background: var(--accent);
  box-shadow: 0 8px 20px rgba(22, 117, 102, .2);
}
.calendar-payment { background: var(--soft); box-shadow: none; }
.calendar-payment small, .ring small, .legend { color: var(--muted); }
.ring {
  background: conic-gradient(var(--accent) 0 43%, #71b49a 43% 73%, #b8e5c6 73% 100%);
  box-shadow: 0 0 60px rgba(22, 117, 102, .1);
}
.ring::after { background: #fff; }
.legend i { background: var(--accent); }
.legend span:nth-child(2) i { background: #71b49a; }
.legend span:nth-child(3) i { background: #b8e5c6; }
.notif-logo { color: var(--hero-text); background: var(--accent); }
.notif small { color: var(--muted); }

.cinema {
  color: var(--hero-text);
  background:
    radial-gradient(circle at 68% 50%, rgba(168, 227, 184, .13), transparent 35%),
    var(--hero);
  border-color: rgba(255, 255, 255, .08);
}
.cinema .section-kicker { color: #a8e3b8; }
.cinema .scene-copy p { color: #bfd3cd; }
.text-link { color: var(--hero-text); }
.tg-core {
  color: var(--hero);
  background: linear-gradient(145deg, #d9f2df, #8fd2b7);
  box-shadow: 0 0 100px rgba(168, 227, 184, .22);
}
.orbit { border-color: rgba(255, 255, 255, .13); }
.orbit-chip {
  color: #dcece7;
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .12);
}
.final-glow { background: #9bd7b0; opacity: .22; }
footer { color: var(--muted); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}