/* ============ TEVIANT - strict dark theme, palette matched to logo ============ */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');

:root{
  --bg:#0b0e0a; --surface:#12150d; --surface-card:#151a10; --surface-2:#0e110b; --surface-3:#1e2416;
  --ink:#edf0e6; --ink-soft:#c1c8b4; --muted:#878f78;
  --line:#232a1b; --line-strong:#39432b;
  --green:#769a07; --green-bright:#a7cd2b; --green-700:#52700c; --green-50:#1a2308; --green-200:#3f5510;
  --orange:#c8801c; --orange-bright:#e6a23c; --orange-700:#8f5c15; --orange-50:#241906; --orange-200:#5a3f16;
  --panel-dark:#070905; --cta:#1a2408;
  --good:#a7cd2b; --danger:#ff7a63;
  --spectrum:linear-gradient(90deg,#769a07,#a7cd2b);
  --display:'Barlow Condensed',sans-serif; --body:'Inter',sans-serif; --mono:'JetBrains Mono',monospace;
  --r:8px; --r-sm:6px; --r-xs:4px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--bg);color:var(--ink);line-height:1.55;font-size:15px;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
::selection{background:var(--green);color:#0c1004}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--green-bright);display:inline-flex;align-items:center;gap:8px;font-weight:700}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--orange)}
.grad-text{color:var(--green-bright)}

/* ---- buttons ---- */
.btn{font-family:var(--body);font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid transparent;
  padding:11px 20px;border-radius:var(--r-sm);transition:.18s;display:inline-flex;align-items:center;gap:7px;letter-spacing:.01em}
.btn-primary{background:var(--green);color:#0c1004}
.btn-primary:hover{background:var(--green-bright)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn-ghost:hover{border-color:var(--green);color:var(--green-bright)}

/* ---- NAV ---- */
header.nav{position:fixed;inset:0 0 auto 0;z-index:60;background:rgba(11,14,10,.86);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:.25s}
header.nav.scrolled{background:rgba(11,14,10,.96);box-shadow:0 6px 22px rgba(0,0,0,.45)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{height:34px;width:auto;display:block}
.nav-links{display:flex;gap:24px;align-items:center;font-size:15px;font-weight:600}
.nav-links a{color:var(--ink-soft);transition:.18s;position:relative;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--green-bright)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-22px;width:0;height:2px;background:var(--green);transition:.2s}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-right{display:flex;align-items:center;gap:11px;flex-shrink:0}
.lang{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-xs);overflow:hidden;font-family:var(--mono);font-size:11px}
.lang button{background:transparent;border:none;color:var(--muted);padding:6px 9px;cursor:pointer;font-family:inherit;font-size:inherit;transition:.15s;font-weight:700}
.lang button.active{background:var(--green);color:#0c1004}
.nav-toggle{display:none;background:none;border:none;color:var(--ink);font-size:24px;cursor:pointer;line-height:1}
.mobile-menu{position:fixed;inset:64px 0 auto 0;z-index:55;background:#0d100b;border-bottom:1px solid var(--line);padding:8px 0;display:none}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;color:var(--ink-soft);font-weight:600;padding:12px 24px;font-size:15px}
.mobile-menu a:hover{color:var(--green-bright);background:var(--surface-2)}

/* ---- page header band ---- */
.page-hero{position:relative;padding:120px 0 44px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.page-hero h1{font-family:var(--display);font-weight:700;letter-spacing:0;text-transform:uppercase;
  font-size:clamp(34px,5.6vw,60px);line-height:.98;margin-top:10px}
.page-hero p{color:var(--muted);margin-top:12px;font-size:16px;max-width:620px}

/* ---- HERO ---- */
.hero{position:relative;padding:130px 0 74px;overflow:hidden;border-bottom:1px solid var(--line)}
.fiber-bg{position:absolute;inset:0;z-index:0;opacity:.85}
.hero-glow{position:absolute;width:640px;height:640px;left:58%;top:-170px;
  background:radial-gradient(circle,rgba(118,154,7,.15),transparent 65%);z-index:0;pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:780px}
.hero h1{font-family:var(--display);font-weight:700;line-height:.92;letter-spacing:0;text-transform:uppercase;
  font-size:clamp(44px,7.6vw,88px);margin:16px 0 0}
.hero p.lead{font-size:clamp(15px,1.8vw,18px);color:var(--ink-soft);margin:18px 0 0;max-width:560px}
.hero-cta{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}
.hero-cta .btn{padding:13px 24px;font-size:14.5px}
.hero-stats{display:flex;gap:0;margin-top:48px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;max-width:560px;background:var(--surface)}
.stat{padding:20px 26px;flex:1;min-width:150px;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat .num{font-family:var(--display);font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1;color:var(--green-bright)}
.stat .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.pulse-path{animation:run 3.6s linear infinite;animation-delay:var(--d)}
@keyframes run{from{stroke-dashoffset:734}to{stroke-dashoffset:0}}

/* ---- ticker ---- */
.ticker{border-block:1px solid var(--line);background:var(--surface-2);overflow:hidden;white-space:nowrap;padding:13px 0}
.ticker-track{display:inline-flex;animation:scroll 28s linear infinite;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.ticker-track span{display:inline-flex;align-items:center}
.ticker-track b{color:var(--green-bright);font-weight:700;margin:0 20px}
.ticker-track b::before{content:"-";color:var(--orange);margin-right:20px}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}

/* ---- section common ---- */
.pad{padding:74px 0}
.sec-head{max-width:660px;margin-bottom:38px}
.sec-head h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.6vw,48px);line-height:.98;margin:10px 0 0;letter-spacing:0;text-transform:uppercase}
.sec-head p{color:var(--muted);margin-top:12px;font-size:15.5px}
.grid{display:grid;gap:16px}

/* ---- toggle ---- */
.toggle{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px;margin-bottom:30px}
.toggle button{font-family:var(--body);font-weight:600;font-size:13.5px;border:none;background:none;color:var(--muted);
  padding:9px 22px;border-radius:var(--r-xs);cursor:pointer;transition:.18s}
.toggle button.active{background:var(--green);color:#0c1004}

/* ---- tariff cards ---- */
.tariffs-grid{grid-template-columns:repeat(4,1fr)}
.biz-grid{grid-template-columns:repeat(3,1fr)}
.card{position:relative;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;transition:.18s}
.card:hover{border-color:var(--green-200);box-shadow:0 10px 28px rgba(0,0,0,.4);transform:translateY(-3px)}
.card.popular{border-color:var(--green)}
.badge{position:absolute;top:-1px;right:16px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;font-weight:700;
  text-transform:uppercase;padding:4px 10px;border-radius:0 0 var(--r-xs) var(--r-xs);background:var(--orange);color:#1a0c03}
.plan{font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.12em;color:var(--muted)}
.speed{font-family:var(--display);font-weight:700;font-size:54px;line-height:.9;margin:12px 0 0;color:var(--ink)}
.speed small{font-family:var(--body);font-weight:600;font-size:14px;color:var(--muted);margin-left:5px}
.bar{height:5px;border-radius:3px;background:var(--surface-3);margin:16px 0;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--green);border-radius:3px;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.price{font-family:var(--display);font-weight:700;font-size:32px;margin-top:6px;color:var(--ink)}
.price small{font-family:var(--body);font-weight:500;font-size:13px;color:var(--muted)}
.card .btn{width:100%;justify-content:center;margin-top:18px}
.addon{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:var(--r-sm);padding:16px 22px}
.addon b{font-family:var(--display);font-weight:700;font-size:19px}
.addon span{color:var(--muted);font-size:14px}

/* ---- energy ---- */
.energy{background:var(--surface-2);border-block:1px solid var(--line)}
.energy .eyebrow{color:var(--orange-bright)}
.energy .eyebrow::before{background:var(--green)}
.energy-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.energy-layout h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.6vw,48px);margin-top:10px;line-height:.98;text-transform:uppercase}
.energy-layout>div>p{color:var(--muted);margin-top:12px;font-size:15.5px}
.steps{display:flex;flex-direction:column;gap:10px;margin-top:28px}
.step{display:flex;gap:16px;align-items:flex-start;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-sm);padding:18px 20px;transition:.18s}
.step:hover{border-color:var(--orange);transform:translateX(3px)}
.step .n{font-family:var(--display);font-weight:700;font-size:20px;color:#0c1004;min-width:36px;height:36px;
  border-radius:var(--r-xs);display:grid;place-items:center;background:var(--green)}
.step h4{font-family:var(--display);font-weight:700;font-size:18px;margin-bottom:2px;text-transform:uppercase;letter-spacing:.02em}
.step p{font-size:14px;color:var(--muted)}
.windows{aspect-ratio:1/1;background:var(--panel-dark);border:1px solid var(--line-strong);
  border-radius:var(--r);padding:30px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:10px;position:relative;overflow:hidden}
.windows::after{content:attr(data-label);position:absolute;bottom:16px;left:0;right:0;text-align:center;
  font-family:var(--mono);font-size:10px;letter-spacing:.28em;color:var(--orange-bright)}
.win{border-radius:2px;background:#11160d;border:1px solid #1b2113}
.win.lit{background:var(--orange);box-shadow:0 0 18px rgba(200,128,28,.75);animation:flicker 3.5s ease-in-out infinite}
@keyframes flicker{0%,100%{opacity:1}48%{opacity:.9}50%{opacity:.62}52%{opacity:.95}}

/* ---- features ---- */
.feat-grid{grid-template-columns:repeat(3,1fr)}
.feat{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.18s}
.feat:hover{border-color:var(--green-200);transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.35)}
.feat .ico{width:42px;height:42px;border-radius:var(--r-sm);display:grid;place-items:center;margin-bottom:16px;
  background:var(--green-50);border:1px solid var(--green-200)}
.feat svg{width:22px;height:22px;stroke:var(--green-bright);fill:none;stroke-width:1.7}
.feat h4{font-family:var(--display);font-weight:700;font-size:19px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.02em}
.feat p{color:var(--muted);font-size:14px}

/* ---- tv visual (brand check mark, replaces equalizer) ---- */
.tv{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.tv h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.6vw,48px);margin-top:10px;line-height:.98;text-transform:uppercase}
.tv>div>p{color:var(--muted);margin-top:12px;font-size:15.5px}
.tv-visual{aspect-ratio:16/10;border-radius:var(--r);border:1px solid var(--line-strong);position:relative;overflow:hidden;
  background:radial-gradient(circle at 50% 42%,rgba(118,154,7,.12),transparent 60%),var(--panel-dark);display:grid;place-items:center}
.tv-mark{width:100%;height:100%;display:grid;place-items:center;position:relative}
.tv-mark .ring{position:absolute;border:1px solid var(--green-200);border-radius:50%;opacity:.5}
.tv-mark .ring.r1{width:42%;aspect-ratio:1}
.tv-mark .ring.r2{width:64%;aspect-ratio:1;opacity:.28}
.tv-mark .ring.r3{width:86%;aspect-ratio:1;opacity:.14}
.tv-mark svg{width:34%;height:auto;position:relative;z-index:2;stroke:var(--orange-bright);fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 14px rgba(200,128,28,.5))}
.tv-mark .check-path{stroke-dasharray:120;stroke-dashoffset:120;animation:draw 1.4s cubic-bezier(.6,0,.2,1) forwards .3s}
@keyframes draw{to{stroke-dashoffset:0}}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chip{font-family:var(--mono);font-size:12px;padding:7px 13px;border-radius:var(--r-xs);background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}

/* ---- price table ---- */
.tbl{width:100%;border-collapse:collapse;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tbl th,.tbl td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
.tbl thead th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);font-weight:700}
.tbl td:last-child,.tbl th:last-child{text-align:right;white-space:nowrap;font-family:var(--mono);font-weight:700;color:var(--green-bright)}
.tbl tbody tr{transition:.15s}
.tbl tbody tr:hover{background:var(--surface-2)}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl .num-col{width:44px;color:var(--muted);font-family:var(--mono)}

/* ---- channel groups ---- */
.chan-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.chan-filter button{font-family:var(--mono);font-size:12px;padding:8px 14px;border-radius:var(--r-xs);cursor:pointer;
  background:var(--surface-card);border:1px solid var(--line-strong);color:var(--ink-soft);transition:.15s;font-weight:600}
.chan-filter button:hover{border-color:var(--green);color:var(--green-bright)}
.chan-filter button.active{background:var(--green);color:#0c1004;border-color:var(--green)}
.chan-group{margin-bottom:40px}
.chan-group h3{font-family:var(--display);font-weight:700;font-size:24px;margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.02em}
.chan-group h3 .emoji{font-size:20px}
.chan-group h3 .count{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--muted);padding:2px 9px;border:1px solid var(--line);border-radius:var(--r-xs)}
.chan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px}
.chan{display:flex;align-items:center;gap:12px;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;transition:.15s}
.chan:hover{border-color:var(--green-200);transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.35)}
.chan .logo{width:38px;height:38px;border-radius:var(--r-xs);flex-shrink:0;display:grid;place-items:center;
  font-family:var(--display);font-weight:700;font-size:14px;color:#12180a}
.chan .nm{font-weight:600;font-size:14px;line-height:1.2;color:var(--ink)}
.chan .hd{font-family:var(--mono);font-size:8.5px;font-weight:700;color:#1a0c03;background:var(--orange);border-radius:2px;padding:1px 4px;margin-left:6px}

/* ---- info cards ---- */
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.info-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.info-card h3{font-family:var(--display);font-weight:700;font-size:24px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.02em}
.info-card .sub{color:var(--muted);font-size:13.5px;margin-bottom:18px}
.info-row{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-top:1px solid var(--line)}
.info-row:first-of-type{border-top:none}
.info-row .ic{width:36px;height:36px;border-radius:var(--r-xs);flex-shrink:0;display:grid;place-items:center;background:var(--green-50);border:1px solid var(--green-200)}
.info-row svg{width:19px;height:19px;stroke:var(--green-bright);fill:none;stroke-width:1.7}
.info-row .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.info-row .v{font-weight:600;font-size:15px;margin-top:2px;word-break:break-word;color:var(--ink)}
.info-row .v a:hover{color:var(--green-bright)}
.note{margin-top:20px;background:var(--orange-50);border:1px solid var(--orange-200);border-left:3px solid var(--orange);border-radius:var(--r-sm);padding:14px 18px;color:#e6b483;font-size:13.5px}
.note b{color:var(--danger)}
.mono-val{font-family:var(--mono);font-size:13.5px}

/* ---- schedule ---- */
.sched{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px}
.sched-day{background:var(--surface-card);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:var(--r-sm);padding:24px;text-align:center}
.sched-day .d{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-weight:700}
.sched-day .t{font-family:var(--display);font-weight:700;font-size:24px;color:var(--ink)}
.sched-day .x{color:var(--muted);font-size:12.5px;margin-top:7px}
.sched-day.off{border-top-color:var(--line-strong)}
.sched-day.off .t{color:var(--muted)}

/* ---- big phone block ---- */
.phone-hero{text-align:center;padding:36px 0 16px}
.phone-hero .big{font-family:var(--display);font-weight:700;font-size:clamp(40px,8vw,80px);line-height:1;letter-spacing:0;color:var(--green-bright);display:inline-block}
.phone-hero .big:hover{color:var(--green)}
.phone-hero .cap{color:var(--muted);font-size:16px;margin-top:14px;max-width:520px;margin-inline:auto}

/* ---- cta band ---- */
.cta-band{margin:74px 0;padding:48px 44px;border-radius:var(--r);background:var(--cta);border:1px solid var(--green-200);position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}
.cta-band-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-band h3{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.6vw,40px);max-width:580px;line-height:1;color:#fff;text-transform:uppercase}
.cta-band .btn-primary{background:var(--green-bright)}
.cta-band .btn{padding:14px 28px;font-size:15px}

/* ---- footer ---- */
footer{border-top:1px solid var(--line);padding:56px 0 32px;background:var(--panel-dark);color:#a3ab92;margin-top:auto}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.foot-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-bright);margin-bottom:16px;font-weight:700}
.foot-col a{display:block;color:#a3ab92;font-size:13.5px;padding:5px 0;transition:.15s}
.foot-col a:hover{color:var(--green-bright)}
.foot-about .brand img{height:40px}
.foot-about p{color:#7b836d;font-size:14px;max-width:300px;margin-top:14px}
.foot-bottom{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#6b7360;font-size:12.5px}

/* ---- reveal ---- */
.reveal{opacity:0;transform:translateY(18px);transition:.55s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ---- responsive ---- */
@media(max-width:980px){
  .nav-links{display:none} .nav-toggle{display:block}
  .tariffs-grid{grid-template-columns:repeat(2,1fr)}
  .biz-grid{grid-template-columns:repeat(2,1fr)}
  .feat-grid{grid-template-columns:repeat(2,1fr)}
  .energy-layout,.tv{grid-template-columns:1fr;gap:32px}
  .info-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .tariffs-grid,.biz-grid,.feat-grid{grid-template-columns:1fr}
  .pad{padding:52px 0} .stat{border-right:none;border-bottom:1px solid var(--line)}
  .stat:last-child{border-bottom:none}
  .cta-band{padding:34px 24px} .sched{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .tbl th,.tbl td{padding:12px 13px;font-size:13.5px}
  .brand img{height:30px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .tv-mark .check-path{stroke-dashoffset:0}
}

/* ============================================================
   BOLDER TYPE (mobile-friendly) + SKEUOMORPHISM
   ============================================================ */

/* ---- heavier, more legible type ---- */
body{font-weight:500;line-height:1.6}
.hero p.lead,.page-hero p,.sec-head p,.feat p,.step p,.tv>div>p,.energy-layout>div>p,
.info-card .sub,.addon span,.phone-hero .cap,.note{font-weight:600;color:var(--ink-soft)}
.muted,.stat .lab{font-weight:600}
.nav-links{font-weight:700}
.nav-links a{font-weight:700}
.btn{font-weight:800;letter-spacing:.02em}
.chip,.plan{font-weight:700}
.chan .nm{font-weight:700}
.info-row .k,.foot-col h5,.eyebrow,.chan-group h3 .count,.sched-day .d{font-weight:700}
.info-row .v{font-weight:700}
.tbl th{font-weight:700}.tbl td{font-weight:600}.tbl td:last-child{font-weight:800}
.foot-col a{font-weight:600}
.ticker-track{font-weight:600}
/* headings to maximum weight */
.hero h1,.page-hero h1,.sec-head h2,.energy-layout h2,.tv h2,.cta-band h3,
.feat h4,.info-card h3,.chan-group h3,.step h4,.sched-day .t,.addon b,
.speed,.price,.stat .num,.phone-hero .big{font-weight:800}

@media(max-width:560px){
  body{font-size:16px;line-height:1.62}
  .hero p.lead,.page-hero p,.sec-head p{font-size:16px}
  .feat p,.step p,.chan .nm,.info-row .v{font-size:15px}
  .btn{font-size:15px;padding:13px 22px}
  .nav-links{font-size:16px}
}

/* ---- embossed / carved headings on the dark base ---- */
.hero h1,.page-hero h1,.sec-head h2,.energy-layout h2,.tv h2,.cta-band h3,
.feat h4,.info-card h3,.chan-group h3,.sched-day .t,.addon b{
  text-shadow:0 1px 0 rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.35)}
.grad-text{text-shadow:0 0 12px rgba(167,205,43,.4),0 1px 0 rgba(0,0,0,.5)}
.speed,.price{text-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 5px rgba(0,0,0,.4)}
.stat .num,.phone-hero .big{text-shadow:0 0 14px rgba(167,205,43,.35),0 1px 0 rgba(0,0,0,.6)}
.tbl td:last-child{text-shadow:0 1px 0 rgba(0,0,0,.5)}

/* ---- textured base + vignette ---- */
body{
  background:
    radial-gradient(120% 90% at 50% -10%, rgba(118,154,7,.07), transparent 45%),
    radial-gradient(100% 60% at 50% 110%, rgba(200,128,28,.05), transparent 55%),
    var(--bg);
  background-attachment:fixed;
}

/* ---- glossy brand logo ---- */
.brand img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}

/* ---- raised navigation ---- */
header.nav{background:linear-gradient(180deg,rgba(17,21,13,.94),rgba(11,14,10,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 16px rgba(0,0,0,.45);border-bottom:1px solid #000}
header.nav.scrolled{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.6)}

/* ---- glossy buttons ---- */
.btn-primary{
  background:linear-gradient(180deg,#a8d033 0%,#7ea30c 52%,#67890a 100%);
  border:1px solid #3c5210;color:#0c1004;text-shadow:0 1px 1px rgba(255,255,255,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(0,0,0,.28),0 4px 12px rgba(0,0,0,.5);}
.btn-primary:hover{background:linear-gradient(180deg,#bbe24a 0%,#8fb616 52%,#739c0d 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 6px rgba(0,0,0,.25),0 6px 16px rgba(0,0,0,.55)}
.btn-primary:active{transform:translateY(1px);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.4)}
.btn-ghost{background:linear-gradient(180deg,#1d2415,#12160d);border:1px solid var(--line-strong);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 9px rgba(0,0,0,.45)}
.btn-ghost:hover{background:linear-gradient(180deg,#243018,#161c10);border-color:var(--green);color:var(--green-bright);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 12px rgba(0,0,0,.5)}
.btn-ghost:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,0,0,.45)}

/* ---- raised panels: cards, features, info, table, schedule ---- */
.card,.feat,.info-card,.tbl,.sched-day{
  background:linear-gradient(170deg,#1c2214 0%,#141a10 55%,#0f130b 100%);
  border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 0 1px rgba(118,154,7,.04),0 10px 26px rgba(0,0,0,.55)}
.card:hover,.feat:hover{transform:translateY(-4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 36px rgba(0,0,0,.6)}
.card.popular{border-color:var(--green);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(167,205,43,.25),0 12px 30px rgba(0,0,0,.6)}
.step{background:linear-gradient(170deg,#1b2113,#12160d);border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.45)}
.addon{background:linear-gradient(170deg,#1a2012,#11150c);border:1px solid #000;border-left:3px solid var(--orange);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.45)}

/* ---- inset grooves ---- */
.bar{background:#0a0d07;box-shadow:inset 0 1px 3px rgba(0,0,0,.8),inset 0 -1px 0 rgba(255,255,255,.04)}
.bar i{background:linear-gradient(180deg,#b6da3e,#7ba30d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 8px rgba(167,205,43,.3)}
.toggle{background:#0c0f08;box-shadow:inset 0 2px 5px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,255,255,.04)}
.lang{box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}
.hero-stats{background:linear-gradient(170deg,#161c10,#0f130b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.55)}

/* ---- glossy "pressed" active states ---- */
.toggle button.active,.lang button.active,.chan-filter button.active{
  background:linear-gradient(180deg,#a8d033,#7ea30c);color:#0c1004;text-shadow:0 1px 1px rgba(255,255,255,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px rgba(0,0,0,.45)}

/* ---- glossy domes: step numbers, icons, badge ---- */
.step .n{background:linear-gradient(180deg,#a8d033,#5f8013);color:#0c1004;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 4px rgba(0,0,0,.3),0 3px 7px rgba(0,0,0,.5);
  text-shadow:0 1px 1px rgba(255,255,255,.2)}
.feat .ico,.info-row .ic{background:linear-gradient(170deg,#23311b,#16200f);border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 7px rgba(0,0,0,.5)}
.feat svg,.info-row svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.badge{background:linear-gradient(180deg,#e6a23c,#c8801c);color:#1a0c03;text-shadow:0 1px 1px rgba(255,255,255,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 6px rgba(0,0,0,.5)}
.chan .hd{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.5);text-shadow:0 1px 1px rgba(255,255,255,.2)}

/* ---- glossy 3D channel logo tiles (echo the logo letters) ---- */
.chan{background:linear-gradient(170deg,#1a2012,#11150c);border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 5px 14px rgba(0,0,0,.45)}
.chan:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.55)}
.chan .logo{position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,0,0,.35),0 2px 5px rgba(0,0,0,.55)}
.chan .logo::after{content:"";position:absolute;left:0;right:0;top:0;height:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0));pointer-events:none}

/* ---- channel filter chips raised ---- */
.chan-filter button,.chip{background:linear-gradient(180deg,#1a2012,#11150c);border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 6px rgba(0,0,0,.4)}

/* ---- screen-like panels with gloss reflection ---- */
.tv-visual,.windows{box-shadow:inset 0 2px 18px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.6)}
.tv-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 30%)}
.tv-mark svg{filter:drop-shadow(0 0 16px rgba(200,128,28,.6)) drop-shadow(0 2px 3px rgba(0,0,0,.6))}

/* ---- price table rows ---- */
.tbl thead th{background:linear-gradient(180deg,#1a2012,#11150c);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.tbl tbody tr:hover{background:rgba(167,205,43,.06)}

/* ---- raised CTA band with sheen ---- */
.cta-band{background:linear-gradient(170deg,#22300f,#16200a);border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(167,205,43,.15),0 14px 34px rgba(0,0,0,.6)}
.cta-band::after{content:"";position:absolute;left:0;right:0;top:0;height:45%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent)}

/* ---- footer bevel ---- */
footer{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}

/* ---- subtle fiber-weave texture on banded sections (echoes logo stripes) ---- */
.page-hero,.energy,.ticker{
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 4px)}
.page-hero{background-color:var(--surface-2)}
.energy{background-color:var(--surface-2)}
.ticker{background-color:var(--surface-2);box-shadow:inset 0 2px 6px rgba(0,0,0,.5),inset 0 -2px 6px rgba(0,0,0,.5)}

/* ---- bolder, uniformly readable footer ---- */
.foot-col a{font-weight:700;color:#b9c0aa}
.foot-col a:hover{color:var(--green-bright)}
.foot-col h5{font-weight:800}
.foot-about p{font-weight:600;color:#8c947d}
.foot-bottom{font-weight:700;color:#838b76}