:root{
  --bg:#050505;
  --panel:#0a0a0a;
  --text:#f3f4f6;
  --muted:rgba(255,255,255,.72);
  --line:rgba(255,255,255,.08);
  --accent:#c9a96e;
  --accent-light:#d4b87a;
  --accent-glow:rgba(201,169,110,.35);
  --accent2:#ffffff;
  --accent2-light:rgba(255,255,255,.85);
  --accent2-glow:rgba(255,255,255,.15);
  --lime:#d9ff40;
  --shadow:0 22px 80px rgba(0,0,0,.55);
  --r:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;background-color:#050505}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:radial-gradient(1100px 700px at 50% -10%, rgba(201,169,110,.06), transparent 55%),linear-gradient(#050505,#020202);
  color:var(--text);
  overflow-x:hidden;
  max-width:100vw;
}
.container{max-width:1120px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:50;background:#030303;backdrop-filter:none;border-bottom:none}
.topbar::before{content:"";position:absolute;inset:0;background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E"),
    linear-gradient(135deg, rgba(201,169,110,.05) 0%, transparent 40%, rgba(201,169,110,.03) 100%);
  pointer-events:none;
}
.topbar::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent 5%,rgba(201,169,110,.3) 35%,rgba(201,169,110,.3) 65%,transparent 95%);
}
.topbarInner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:24px}
.brand{display:flex;align-items:center;gap:10px}
.logo{
  width:34px;height:34px;border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:radial-gradient(circle at 30% 30%, rgba(230,255,77,.28), transparent 55%),linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
}
.brandText{font-weight:800;letter-spacing:.10em;text-transform:uppercase;font-size:12px;color:rgba(255,255,255,.86)}
.logoImg{height:72px;width:auto;display:block;margin-left:20px;mix-blend-mode:screen;}
.nav{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:rgba(255,255,255,.45);margin-left:auto}
.nav a{padding:10px 16px;border-radius:0;transition:all .3s ease;letter-spacing:.02em;position:relative}
.nav a::after{
  content:"";position:absolute;bottom:2px;left:16px;right:16px;height:1px;
  background:#c9a96e;transform:scaleX(0);transform-origin:right;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.nav a:hover{color:rgba(255,255,255,.95)}
.nav a:hover::after{transform:scaleX(1);transform-origin:left}
.navNum{font-size:10px;color:rgba(201,169,110,.45);font-weight:700;margin-right:6px;letter-spacing:.04em}
.nav a:hover .navNum{color:rgba(201,169,110,.8)}
.nav a:last-child{
  color:#ebd8ae;font-weight:700;
  border:1px solid rgba(201,169,110,.18);border-top-color:rgba(255,245,220,.32);
  border-radius:12px;padding:10px 24px;margin-left:12px;
  background:linear-gradient(165deg,rgba(201,169,110,.12) 0%,rgba(255,255,255,.05) 40%,rgba(201,169,110,.07) 100%);
  box-shadow:0 1px 2px rgba(0,0,0,.2),0 6px 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,245,220,.25);
  text-shadow:0 0 8px rgba(201,169,110,.10);letter-spacing:.04em;overflow:hidden;
  backdrop-filter:blur(60px) saturate(200%) brightness(1.15) contrast(1.05);
  -webkit-backdrop-filter:blur(60px) saturate(200%) brightness(1.15) contrast(1.05);
  animation:ctaGlass 3.5s ease-in-out infinite;
}
.nav a:last-child::before{
  content:"";position:absolute;top:0;left:0;right:0;height:52%;
  background:linear-gradient(175deg,rgba(255,245,220,.16) 0%,rgba(255,255,255,.03) 60%,transparent 100%);
  border-radius:12px 12px 0 0;pointer-events:none;
}
.nav a:last-child::after{
  content:"";position:absolute;top:0;left:-140%;width:80%;height:100%;
  background:linear-gradient(105deg,transparent 25%,rgba(255,245,220,.05) 38%,rgba(255,245,220,.12) 45%,rgba(255,255,255,.15) 50%,rgba(255,245,220,.12) 55%,rgba(255,245,220,.05) 62%,transparent 75%);
  animation:ctaShimmer 7s ease-in-out infinite;
}
.nav a:last-child:hover{
  background:linear-gradient(165deg,rgba(201,169,110,.18) 0%,rgba(255,255,255,.08) 40%,rgba(201,169,110,.10) 100%);
  border-color:rgba(201,169,110,.26);border-top-color:rgba(255,245,220,.42);
  box-shadow:0 2px 4px rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,245,220,.32),0 0 16px rgba(201,169,110,.05);
  color:#f2e4c4;transform:translateY(-1px);animation:none;
}
.burger{display:none;background:transparent;border:0;cursor:pointer;padding:8px;transition:opacity .2s}
.burger:hover{opacity:.8}
.burger span{display:block;width:20px;height:1.5px;background:rgba(201,169,110,.7);margin:5px 0;border-radius:1px;transition:all .3s ease}
.mobileNav{
  position:fixed;top:0;left:0;right:0;bottom:auto;z-index:9999;
  background:rgba(5,5,5,.98);backdrop-filter:blur(24px);border:none;margin:0;
  border-radius:0 0 20px 20px;box-shadow:0 10px 40px rgba(0,0,0,.6);
  opacity:0;visibility:hidden;transform:translateY(-100%);
  transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility .35s;
}
.mobileNav.navVisible{opacity:1;visibility:visible;transform:translateY(0)}

.mobileNavHead{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(201,169,110,.12);background:rgba(5,5,5,.95);backdrop-filter:blur(10px)}
.mobileNavBrand{display:flex;align-items:center;gap:10px}
.mobileNavBrand .logoImg{height:24px;width:auto}
.mobileNavClose{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.9);font-size:28px;line-height:1;cursor:pointer;transition:all .2s ease;font-weight:300;display:flex;align-items:center;justify-content:center}
.mobileNavClose:hover{background:rgba(201,169,110,.12);border-color:rgba(201,169,110,.25);color:#fff;transform:scale(1.05)}
.mobileNavClose:active{transform:scale(0.95)}
.mobileNavLinks{display:flex;flex-direction:column;padding:24px 0}
.mobileNavLinks a{padding:20px 28px;color:rgba(255,255,255,.65);font-size:18px;font-weight:700;letter-spacing:.01em;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.04)}
.mobileNavLinks a:hover{color:#fff;background:rgba(201,169,110,.04)}
.mobileNavLinks a:last-child{color:#c9a96e;border-bottom:none}
.mobileNavLinks .navNum{font-size:12px;color:rgba(201,169,110,.4);margin-right:10px}
section{padding:80px 0}.hero{padding:80px 0 40px;position:relative;overflow:hidden}
.heroBgVideo{
  position:absolute;
  top:50%;
  left:50%;
  width:160%;
  height:160%;
  transform:translate(-45%,-50%) scale(.65);
  z-index:0;
  object-fit:cover;
  pointer-events:none;
  opacity:.7;
}
.hero::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:40%;
  background:linear-gradient(to bottom, transparent 0%, #050505 100%);
  z-index:0;
  pointer-events:none;
}
.hero .container{position:relative;z-index:1;}
.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}
h1{font-size:52px;letter-spacing:-.03em;line-height:1.05;font-weight:900}
.heroText{margin-top:14px;color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.65;max-width:560px}
.heroLeft .cta{margin-top:20px}
.heroLeft .cta::after{animation:none;display:none}
.heroLeft .ctaSecondary{margin-top:12px}
.cta{
  display:inline-flex;padding:18px 48px;border-radius:14px;
  background:linear-gradient(165deg,rgba(201,169,110,.14) 0%,rgba(255,255,255,.06) 40%,rgba(201,169,110,.08) 100%);
  color:#ebd8ae;font-weight:700;font-size:14px;
  border:1px solid rgba(201,169,110,.18);border-top-color:rgba(255,245,220,.35);
  transition:all .35s cubic-bezier(.22,1,.36,1);
  align-items:center;justify-content:center;letter-spacing:.03em;
  box-shadow:0 1px 2px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,245,220,.28),inset 0 -1px 0 rgba(201,169,110,.06);
  text-shadow:0 0 8px rgba(201,169,110,.12);position:relative;overflow:hidden;
  backdrop-filter:blur(60px) saturate(200%) brightness(1.15) contrast(1.05);
  -webkit-backdrop-filter:blur(60px) saturate(200%) brightness(1.15) contrast(1.05);
  animation:ctaGlass 3.5s ease-in-out infinite;
}
.cta::before{
  content:"";position:absolute;top:0;left:0;right:0;height:52%;
  background:linear-gradient(175deg,rgba(255,245,220,.18) 0%,rgba(255,255,255,.04) 60%,transparent 100%);
  border-radius:14px 14px 0 0;pointer-events:none;
}
.cta::after{
  content:"";position:absolute;top:0;left:-140%;width:80%;height:100%;
  background:linear-gradient(105deg,transparent 25%,rgba(255,245,220,.06) 38%,rgba(255,245,220,.14) 45%,rgba(255,255,255,.18) 50%,rgba(255,245,220,.14) 55%,rgba(255,245,220,.06) 62%,transparent 75%);
  animation:ctaShimmer 7s ease-in-out infinite;
}
.cta:hover{
  transform:translateY(-1px);
  background:linear-gradient(165deg,rgba(201,169,110,.20) 0%,rgba(255,255,255,.10) 40%,rgba(201,169,110,.12) 100%);
  border-color:rgba(201,169,110,.28);border-top-color:rgba(255,245,220,.45);
  box-shadow:0 2px 4px rgba(0,0,0,.25),0 12px 32px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,245,220,.35),0 0 20px rgba(201,169,110,.06);
  color:#f2e4c4;animation:none;
}
.cta:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,245,220,.18)}
.heroImg{height:270px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);box-shadow:var(--shadow)}.proofGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.proofCardWide{grid-column:1 / -1}
.proofCardWide .videoBtn{margin-top:12px}.proofCard{display:flex;gap:12px;align-items:flex-start;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);transition:all .3s ease}
.proofCard:hover{border-color:rgba(201,169,110,.30);background:rgba(255,255,255,.05);transform:translateY(-2px)}.proofIcon{width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:none}.proofTitle{font-weight:800;font-size:16px}.proofSub{margin-top:6px;color:rgba(255,255,255,.75);font-size:13.5px;line-height:1.45}.partnerCard{grid-column:1 / -1;display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:center;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.partnerImg{height:140px;border-radius:22px;overflow:hidden;position:relative;background:rgba(255,255,255,.04);}.partnerTitle{font-weight:900;font-size:16px}.partnerText{margin-top:8px;color:rgba(255,255,255,.75);font-size:13.5px;line-height:1.5}.videoBtn{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:rgba(255,255,255,.86);cursor:pointer}.videoBtn:hover{background:rgba(255,255,255,.08)}.teleInner{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:center}.teleImg{
  position:relative;
  width:100%;
  height:220px;
  border-radius:18px;
  overflow:hidden;
  background: rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.08);
}
.teleImg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("../assets/telegram-banner.png");
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  filter: brightness(1.22) contrast(1.08);
  transform: translateZ(0);
}

.partnerImg::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 20% 0%, rgba(210,255,90,.18), transparent 55%),radial-gradient(120% 120% at 80% 100%, rgba(210,255,90,.10), transparent 60%),linear-gradient(135deg, rgba(255,255,255,.04), rgba(0,0,0,.0));opacity:.95;filter:saturate(1.15) contrast(1.08);}
.partnerImg::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.35));
}
.partnerImg > *{position:relative; z-index:1;}
.teleImg::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.45) 70%, rgba(0,0,0,.65) 100%);
  pointer-events:none;
}
h2{font-size:38px;letter-spacing:-.02em;font-weight:900;line-height:1.15}.muted{margin-top:10px;color:rgba(255,255,255,.75);font-size:15px;line-height:1.6}.teleBtn{display:inline-flex;margin-top:14px;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.teleBtn:hover{background:rgba(255,255,255,.08)}.repeatGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.repeatLeft .cta{margin-top:20px}.repeatRight{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);box-shadow:var(--shadow)}.metricsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}.metricLabel{font-size:12px;color:rgba(255,255,255,.75);font-weight:700}.metricVal{margin-top:6px;font-size:20px;font-weight:900}.bullets{margin-top:12px;list-style:none}.bullets li{position:relative;
  padding:10px 0 10px 26px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.82);font-size:14px;line-height:1.45}.bullets li:before{content:"✓";position:absolute;left:0;top:10px;color:#b7ff3c;font-weight:900}.bullets li:first-child{border-top:0}.reviews h3{font-size:22px;font-weight:900}.trust{display:inline-block;margin-top:12px;color:rgba(255,255,255,.85);text-decoration:underline}.slider{margin-top:16px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);box-shadow:var(--shadow)}.slide{display:none;gap:14px;align-items:flex-start}.slide.active{display:flex}.avatar{
  width:56px;
  height:56px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}.name{font-weight:900}.stars{color:var(--accent);font-size:12px;margin-top:4px}.role{color:rgba(255,255,255,.62);font-size:12px;margin-top:4px}.readMore{margin-top:10px;border:0;background:transparent;color:rgba(255,255,255,.85);text-decoration:underline;cursor:pointer}.text{margin-top:10px;color:rgba(255,255,255,.70);font-size:13.5px;line-height:1.55}.sliderNav{display:flex;gap:12px;margin-top:14px;justify-content:center}.navBtn{padding:12px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:rgba(255,255,255,.90);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.navBtn:hover{background:rgba(201,169,110,.15);border-color:rgba(201,169,110,.4);color:#fff}.ctaCenter{display:flex;justify-content:center;margin-top:18px}.learnGrid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.learnCard{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);transition:all .3s ease}
.learnCard:hover{border-color:rgba(230,255,77,.25);background:rgba(255,255,255,.05);transform:translateY(-2px)}.ic{width:46px;height:46px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.learnCard h4{margin-top:12px;font-weight:900}.learnCard p{margin-top:8px;color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.5}.valueGrid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.valueCard{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);box-shadow:var(--shadow)}.valueImg{height:120px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.valueCard h4{margin-top:12px;font-weight:900}.valueCard p{margin-top:8px;color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.5}

/* ===== VALUE BLOCK (premium wide cards) ===== */
.valueWide{margin-top:18px;display:flex;flex-direction:column;gap:16px}
.valueWideItem{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);box-shadow:var(--shadow);min-height:150px}
.valueWideContent{position:relative;z-index:3;padding:22px 22px 22px 22px;max-width:72%}
.valueWideItem h4{margin:0;font-weight:950;font-size:22px;letter-spacing:.2px}
.valueWideItem p{margin-top:10px;color:rgba(255,255,255,.70);font-size:14.5px;line-height:1.5}
.valueWideBg{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center;filter:saturate(1.15) contrast(1.05)}
.valueWideItem::before{content:"";position:absolute;inset:0;z-index:2;
  background:
    radial-gradient(520px 240px at 20% 30%, rgba(201,169,110,.18), rgba(0,0,0,0) 60%),
    radial-gradient(460px 220px at 80% 70%, rgba(201,169,110,.12), rgba(0,0,0,0) 62%),
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.25) 55%, rgba(0,0,0,.65));
  pointer-events:none;
}
.valueWideItem::after{content:"";position:absolute;inset:-2px;z-index:2;border-radius:28px;pointer-events:none;
  box-shadow: 0 0 0 1px rgba(201,169,110,.10) inset, 0 30px 80px rgba(0,0,0,.55);
}
.valueWideItem--infra .valueWideBg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221200%22%20height=%22500%22%20viewBox=%220%200%201200%20500%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%230a0f0d%22%20stop-opacity=%220%22/%3E%20%3Cstop%20offset=%221%22%20stop-color=%22%230a0f0d%22%20stop-opacity=%221%22/%3E%20%3C/linearGradient%3E%20%3Cfilter%20id=%22glow%22%20x=%22-30%%22%20y=%22-30%%22%20width=%22160%%22%20height=%22160%%22%3E%20%3CfeGaussianBlur%20stdDeviation=%222.5%22%20result=%22b%22/%3E%20%3CfeMerge%3E%20%3CfeMergeNode%20in=%22b%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%20%3C/feMerge%3E%20%3C/filter%3E%20%3C/defs%3E%20%3Crect%20width=%221200%22%20height=%22500%22%20fill=%22url(%23g)%22/%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.22%22%20stroke-width=%222%22%20filter=%22url(%23glow)%22%3E%20%3Cpath%20d=%22M90%20380%20C%20220%20210,%20330%20420,%20470%20260%20S%20740%20210,%20930%20320%20S%201080%20260,%201160%20160%22/%3E%20%3Cpath%20d=%22M120%20130%20C%20260%20220,%20300%2060,%20520%20150%20S%20800%20240,%20980%20120%20S%201120%2080,%201180%20210%22/%3E%20%3Cpath%20d=%22M160%20460%20C%20260%20420,%20320%20470,%20420%20410%20S%20640%20330,%20760%20390%20S%20980%20450,%201140%20360%22/%3E%20%3C/g%3E%20%3Cg%20fill=%22%23C9A96E%22%20fill-opacity=%220.36%22%3E%20%3Ccircle%20cx=%2290%22%20cy=%22380%22%20r=%226%22/%3E%3Ccircle%20cx=%22470%22%20cy=%22260%22%20r=%226%22/%3E%3Ccircle%20cx=%22760%22%20cy=%22390%22%20r=%226%22/%3E%20%3Ccircle%20cx=%22930%22%20cy=%22320%22%20r=%226%22/%3E%3Ccircle%20cx=%221180%22%20cy=%22210%22%20r=%226%22/%3E%3Ccircle%20cx=%22520%22%20cy=%22150%22%20r=%226%22/%3E%20%3C/g%3E%20%3Cg%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.10%22%3E%20%3Cpath%20d=%22M0%2080%20H1200%22%20/%3E%3Cpath%20d=%22M0%20160%20H1200%22%20/%3E%3Cpath%20d=%22M0%20240%20H1200%22%20/%3E%3Cpath%20d=%22M0%20320%20H1200%22%20/%3E%3Cpath%20d=%22M0%20400%20H1200%22%20/%3E%20%3Cpath%20d=%22M120%200%20V500%22/%3E%3Cpath%20d=%22M240%200%20V500%22/%3E%3Cpath%20d=%22M360%200%20V500%22/%3E%3Cpath%20d=%22M480%200%20V500%22/%3E%3Cpath%20d=%22M600%200%20V500%22/%3E%3Cpath%20d=%22M720%200%20V500%22/%3E%3Cpath%20d=%22M840%200%20V500%22/%3E%3Cpath%20d=%22M960%200%20V500%22/%3E%3Cpath%20d=%22M1080%200%20V500%22/%3E%20%3C/g%3E%20%3C/svg%3E")}
.valueWideItem--mentor .valueWideBg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221200%22%20height=%22500%22%20viewBox=%220%200%201200%20500%22%3E%20%3Cdefs%3E%20%3Cfilter%20id=%22glow%22%20x=%22-30%%22%20y=%22-30%%22%20width=%22160%%22%20height=%22160%%22%3E%20%3CfeGaussianBlur%20stdDeviation=%223%22%20result=%22b%22/%3E%20%3CfeMerge%3E%3CfeMergeNode%20in=%22b%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%3C/feMerge%3E%20%3C/filter%3E%20%3ClinearGradient%20id=%22bg%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%23050807%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%230c1411%22/%3E%20%3C/linearGradient%3E%20%3C/defs%3E%20%3Crect%20width=%221200%22%20height=%22500%22%20fill=%22url(%23bg)%22/%3E%20%3C!--%20monitors%20--%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.18%22%20stroke-width=%223%22%20filter=%22url(%23glow)%22%3E%20%3Crect%20x=%22650%22%20y=%22120%22%20width=%22420%22%20height=%22250%22%20rx=%2222%22/%3E%20%3Crect%20x=%22690%22%20y=%22160%22%20width=%22160%22%20height=%22110%22%20rx=%2214%22/%3E%20%3Crect%20x=%22870%22%20y=%22160%22%20width=%22160%22%20height=%22110%22%20rx=%2214%22/%3E%20%3Cpath%20d=%22M710%20330%20h340%22%20stroke-opacity=%220.12%22/%3E%20%3Cpath%20d=%22M720%20250%20l40%20-30%2055%2040%2070%20-60%2080%2050%2070%20-40%22%20stroke-opacity=%220.35%22/%3E%20%3C/g%3E%20%3C!--%20silhouette%20--%3E%20%3Cg%20fill=%22%230b0f0d%22%3E%20%3Ccircle%20cx=%22410%22%20cy=%22210%22%20r=%2258%22/%3E%20%3Cpath%20d=%22M300%20390c20-90%20200-90%20220%200v40H300z%22/%3E%20%3C/g%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.25%22%20stroke-width=%222%22%20filter=%22url(%23glow)%22%3E%20%3Ccircle%20cx=%22410%22%20cy=%22210%22%20r=%2262%22/%3E%20%3Cpath%20d=%22M295%20390c25-95%20230-95%20250%200%22%20/%3E%20%3C/g%3E%20%3C!--%20particles%20--%3E%20%3Cg%20fill=%22%23C9A96E%22%20fill-opacity=%220.18%22%3E%20%3Ccircle%20cx=%221020%22%20cy=%2290%22%20r=%226%22/%3E%3Ccircle%20cx=%22930%22%20cy=%22420%22%20r=%225%22/%3E%3Ccircle%20cx=%22770%22%20cy=%2290%22%20r=%224%22/%3E%20%3Ccircle%20cx=%22580%22%20cy=%22130%22%20r=%224%22/%3E%3Ccircle%20cx=%22620%22%20cy=%22420%22%20r=%225%22/%3E%20%3C/g%3E%20%3C/svg%3E")}
.valueWideItem--control .valueWideBg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221200%22%20height=%22500%22%20viewBox=%220%200%201200%20500%22%3E%20%3Cdefs%3E%20%3Cfilter%20id=%22glow%22%20x=%22-30%%22%20y=%22-30%%22%20width=%22160%%22%20height=%22160%%22%3E%20%3CfeGaussianBlur%20stdDeviation=%222.5%22%20result=%22b%22/%3E%20%3CfeMerge%3E%3CfeMergeNode%20in=%22b%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%3C/feMerge%3E%20%3C/filter%3E%20%3ClinearGradient%20id=%22bg%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%23050807%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%230d1612%22/%3E%20%3C/linearGradient%3E%20%3C/defs%3E%20%3Crect%20width=%221200%22%20height=%22500%22%20fill=%22url(%23bg)%22/%3E%20%3C!--%20dashboard%20panel%20--%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.18%22%20stroke-width=%223%22%20filter=%22url(%23glow)%22%3E%20%3Crect%20x=%22640%22%20y=%22105%22%20width=%22470%22%20height=%22300%22%20rx=%2226%22/%3E%20%3Crect%20x=%22680%22%20y=%22150%22%20width=%22260%22%20height=%22120%22%20rx=%2218%22%20stroke-opacity=%220.14%22/%3E%20%3Cpath%20d=%22M705%20250%20l55-40%2070%2055%2075-70%2080%2048%2070-55%22%20stroke-opacity=%220.32%22/%3E%20%3C/g%3E%20%3C!--%20checklist%20--%3E%20%3Cg%20fill=%22none%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.22%22%20stroke-width=%223%22%20filter=%22url(%23glow)%22%3E%20%3Crect%20x=%22130%22%20y=%22140%22%20width=%22380%22%20height=%22250%22%20rx=%2226%22/%3E%20%3Cpath%20d=%22M185%20205%20h270%22%20stroke-opacity=%220.12%22/%3E%20%3Cpath%20d=%22M185%20260%20h270%22%20stroke-opacity=%220.12%22/%3E%20%3Cpath%20d=%22M185%20315%20h270%22%20stroke-opacity=%220.12%22/%3E%20%3Cpath%20d=%22M175%20195%20l12%2014%2024-30%22%20/%3E%20%3Cpath%20d=%22M175%20250%20l12%2014%2024-30%22%20/%3E%20%3Cpath%20d=%22M175%20305%20l12%2014%2024-30%22%20/%3E%20%3C/g%3E%20%3C!--%20grid%20--%3E%20%3Cg%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.08%22%3E%20%3Cpath%20d=%22M0%2090%20H1200%22/%3E%3Cpath%20d=%22M0%20180%20H1200%22/%3E%3Cpath%20d=%22M0%20270%20H1200%22/%3E%3Cpath%20d=%22M0%20360%20H1200%22/%3E%3Cpath%20d=%22M0%20450%20H1200%22/%3E%20%3Cpath%20d=%22M120%200%20V500%22/%3E%3Cpath%20d=%22M240%200%20V500%22/%3E%3Cpath%20d=%22M360%200%20V500%22/%3E%3Cpath%20d=%22M480%200%20V500%22/%3E%3Cpath%20d=%22M600%200%20V500%22/%3E%3Cpath%20d=%22M720%200%20V500%22/%3E%3Cpath%20d=%22M840%200%20V500%22/%3E%3Cpath%20d=%22M960%200%20V500%22/%3E%3Cpath%20d=%22M1080%200%20V500%22/%3E%20%3C/g%3E%20%3C/svg%3E")}

@media (max-width: 980px){
  .valueWideContent{max-width:100%;padding:18px}
  .valueWideItem h4{font-size:19px}
  .valueWideItem{min-height:138px}
  .valueWideItem::before{background:
    radial-gradient(460px 220px at 25% 25%, rgba(201,169,110,.16), rgba(0,0,0,0) 62%),
    linear-gradient(180deg, rgba(0,0,0,.74), rgba(0,0,0,.58));
  }
}

.reviewsTeaser{padding:34px 0}.trustIcon{display:inline-flex;margin-top:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.teamGrid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin-left:auto;margin-right:auto}.teamCard{padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);transition:all .3s ease}
.teamCard:hover{border-color:rgba(201,169,110,.30);transform:translateY(-2px)}.teamImg{height:150px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background-color:rgba(255,255,255,.04);background-size:cover;background-position:center;background-repeat:no-repeat;}.teamCard h4{margin-top:10px;font-weight:900}.badge{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:12px;color:rgba(255,255,255,.80);font-weight:800}

.results{padding:64px 0 120px}
.resultsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.resultCard{padding:24px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));text-align:center;transition:all .3s ease}
.resultCard:hover{border-color:rgba(201,169,110,.35);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.resultNumber{font-size:42px;font-weight:900;color:var(--accent);line-height:1;margin-bottom:12px}
.resultLabel{font-size:15px;font-weight:700;color:rgba(255,255,255,.90);margin-bottom:6px}
.resultDesc{font-size:12px;color:rgba(255,255,255,.70);line-height:1.5}
.resultsNote{margin-top:28px;padding:16px 20px;border-radius:16px;background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.2);max-width:720px;margin-left:auto;margin-right:auto}
.resultsNote p{font-size:13px;color:rgba(255,255,255,.75);line-height:1.6;margin:0}.bookingTop{text-align:center}
.liveCounter{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(46,213,115,.12);border:1px solid rgba(46,213,115,.25);font-size:13px;color:rgba(46,213,115,1);font-weight:600;margin-bottom:12px}
.liveCounterDot{width:8px;height:8px;border-radius:50%;background:rgba(46,213,115,1);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

.urgencyTimer{margin-top:16px;margin-bottom:20px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10)}
.urgencyText{font-size:13px;font-weight:600;color:rgba(255,255,255,.65);margin-bottom:14px;text-align:center}
.timerDisplay{display:flex;justify-content:center;gap:20px}
.timerBlock{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.timerNumber{font-size:28px;font-weight:800;color:rgba(255,255,255,.95);line-height:1;font-family:monospace}
.timerLabel{font-size:10px;color:rgba(255,255,255,.50);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.urgencySubtext{margin-top:12px;font-size:13px;color:rgba(255,255,255,.55);font-weight:500;text-align:center}
.kicker{color:rgba(255,255,255,.75);font-weight:800}.kicker2{margin-top:6px;color:rgba(255,255,255,.75);font-weight:800}.bookingTop h2{margin-top:10px}.bookingGrid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.metaLine{margin-top:10px;color:rgba(255,255,255,.70)}.metaLine span{color:rgba(255,255,255,.55)}.copyLine{margin-top:10px;color:rgba(255,255,255,.55);font-size:12.5px}.addrLine{margin-top:8px;color:rgba(255,255,255,.55);font-size:12.5px}.addrLine a{text-decoration:underline}.form{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);box-shadow:var(--shadow)}.form label{display:block;margin-top:10px;color:rgba(255,255,255,.70);font-size:12px;font-weight:800}.form input,.form select{margin-top:6px;width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;outline:none;font-family:inherit;font-size:14px;transition:border-color .2s}
.form input:focus,.form select:focus{border-color:rgba(230,255,77,.4)}
.form input:valid:not(:placeholder-shown){border-color:rgba(46,213,115,.4);background:rgba(46,213,115,.06)}
.form select:valid:not([value=""]){border-color:rgba(46,213,115,.4);background:rgba(46,213,115,.06)}
.form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,.7)' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.form select option{background:#11131b;color:#fff}.form button{margin-top:14px;width:100%;padding:12px;border-radius:14px;border:0;background:var(--accent);color:#000;font-weight:900;cursor:pointer;transition:opacity .2s}
.form button:disabled{opacity:.5;cursor:not-allowed}
.formMessage{display:none;padding:12px;border-radius:12px;font-size:13px;line-height:1.5;margin-bottom:14px}
.formMessage--success{background:rgba(46,213,115,.15);border:1px solid rgba(46,213,115,.3);color:rgba(46,213,115,1)}
.formMessage--error{background:rgba(255,107,107,.15);border:1px solid rgba(255,107,107,.3);color:rgba(255,107,107,1)}
.chatBubble{
  position:fixed;right:18px;bottom:18px;z-index:9990;width:60px;height:60px;
  border-radius:14px;border:1px solid rgba(255,255,255,.55);border-top-color:rgba(255,255,255,.70);
  background:linear-gradient(165deg,rgba(255,255,255,.45) 0%,rgba(240,240,255,.28) 40%,rgba(255,255,255,.35) 100%);
  color:#fff;cursor:pointer;
  box-shadow:0 2px 4px rgba(0,0,0,.3),0 10px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.50),0 0 36px rgba(255,255,255,.10);
  transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(60px) saturate(200%) brightness(1.15);
  -webkit-backdrop-filter:blur(60px) saturate(200%) brightness(1.15);
  animation:chatPulse 3s ease-in-out infinite;overflow:visible;
}
.chatBubble::before{
  content:"";position:absolute;top:0;left:0;right:0;height:52%;
  background:linear-gradient(175deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.06) 60%,transparent 100%);
  border-radius:14px 14px 0 0;pointer-events:none;
}
.chatBubble::after{display:none}
.chatBubble svg{width:26px;height:26px;transition:all .4s ease;position:relative;z-index:1}
.chatBubble:hover{
  background:linear-gradient(165deg,rgba(255,255,255,.55) 0%,rgba(240,240,255,.35) 40%,rgba(255,255,255,.45) 100%);
  color:#fff;border-color:rgba(255,255,255,.65);border-top-color:rgba(255,255,255,.80);
  box-shadow:0 2px 6px rgba(0,0,0,.2),0 12px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55),0 0 44px rgba(255,255,255,.14);
  transform:translateY(-2px);animation:none;
}
.chatBubble:hover svg{transform:scale(1.1)}
.chatBubble:active{transform:translateY(0) scale(.95)}
.stickyCTA{
  display:none;position:fixed;left:50%;transform:translateX(-50%);
  width:calc(100% - 48px);max-width:1072px;bottom:18px;z-index:9980;padding:18px 32px;
  background:linear-gradient(165deg,rgba(201,169,110,.55) 0%,rgba(180,145,80,.35) 40%,rgba(201,169,110,.45) 100%);
  color:#fff;font-weight:800;font-size:18px;text-align:center;border-radius:14px;
  border:1px solid rgba(201,169,110,.60);border-top-color:rgba(255,235,200,.70);
  box-shadow:0 2px 4px rgba(0,0,0,.3),0 10px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,245,220,.50),0 0 40px rgba(201,169,110,.20);
  text-shadow:0 0 14px rgba(201,169,110,.35);text-decoration:none;letter-spacing:.05em;
  transition:all .3s ease;overflow:hidden;animation:ctaGlass 3.5s ease-in-out infinite;
  backdrop-filter:blur(60px) saturate(200%) brightness(1.15) contrast(1.05);
  -webkit-backdrop-filter:blur(60px) saturate(200%) brightness(1.15) contrast(1.05);
}
.stickyCTA::before{content:"";position:absolute;top:0;left:0;right:0;height:52%;background:linear-gradient(175deg,rgba(255,245,220,.20) 0%,rgba(255,255,255,.04) 60%,transparent 100%);border-radius:14px 14px 0 0;pointer-events:none}
.stickyCTA::after{display:none}
.stickyCTA:active{transform:scale(.97)}
@media (max-width: 980px){
  .stickyCTA{display:block;width:calc(100% - 100px);left:14px;transform:none;padding-top:0;padding-bottom:0;height:58px;line-height:58px}
  .chatBubble{bottom:18px;right:14px;width:58px;height:58px;border-radius:14px}
}
.chatWidget{
  position:fixed;right:16px;bottom:16px;z-index:9989;width:340px;max-width:calc(100vw - 32px);
  border-radius:20px;border:1px solid rgba(201,169,110,.12);background:rgba(8,8,8,.96);
  box-shadow:0 4px 12px rgba(0,0,0,.3),0 20px 60px rgba(0,0,0,.4);overflow:hidden;
  backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);
  opacity:0;visibility:hidden;transform:translateY(20px) scale(.92);transform-origin:bottom right;
  transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1),visibility .4s;
}
.chatWidget.chatOpen{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.chatWidget.chatClosing{opacity:0;visibility:hidden;transform:translateY(12px) scale(.95)}
.chatBubbleBadge{
  position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;
  background:rgba(201,169,110,.95);color:#000;font-size:9px;font-weight:800;
  display:none;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(201,169,110,.4);z-index:2;line-height:1;
  animation:badgePop .35s cubic-bezier(.22,1,.36,1);
}
@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
.chatHead{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid rgba(201,169,110,.08);position:relative}
.chatClose{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:none;border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.40);
  font-size:18px;cursor:pointer;width:30px;height:30px;display:flex;
  align-items:center;justify-content:center;border-radius:10px;transition:all 0.25s ease;
}
.chatClose:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.14)}
.chatAva{
  width:40px;height:40px;border-radius:14px;
  border:1px solid rgba(201,169,110,.18);
  background:linear-gradient(165deg,rgba(201,169,110,.10),rgba(201,169,110,.04));
  display:flex;align-items:center;justify-content:center;font-size:18px;
}
.chatName{font-weight:700;font-size:14px;letter-spacing:.02em;color:rgba(255,255,255,.90)}
.chatStatus{color:rgba(52,211,153,.85);font-size:11px;margin-top:3px;display:flex;align-items:center;gap:6px;letter-spacing:.03em;font-weight:500}
.chatStatusDot{width:6px;height:6px;border-radius:50%;background:rgba(52,211,153,.9);animation:pulse 2s infinite;box-shadow:0 0 6px rgba(52,211,153,.4)}.chatBody{padding:14px;display:flex;flex-direction:column;height:380px}.chatMsg{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:rgba(255,255,255,.70);font-size:13px;line-height:1.5}.chatTime{margin-top:6px;color:rgba(255,255,255,.30);font-size:10px;letter-spacing:.03em}
.chatMessages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.chatMsgUser{padding:12px 14px;border-radius:14px;background:rgba(201,169,110,.10);border:1px solid rgba(201,169,110,.16);color:rgba(255,255,255,.88);font-size:13px;line-height:1.5;align-self:flex-end;max-width:85%}
.chatMsgSupport{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:rgba(255,255,255,.70);font-size:13px;line-height:1.5;align-self:flex-start;max-width:85%}
.chatInputWrap{display:flex;gap:8px;align-items:center;padding-top:2px;border-top:1px solid rgba(255,255,255,.04)}
.chatInput{flex:1;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:rgba(255,255,255,.90);font-size:13px;outline:none;transition:border-color .25s ease}.chatInput:focus{border-color:rgba(201,169,110,.22)}
.chatInput::placeholder{color:rgba(255,255,255,.28)}
.chatSend{width:38px;height:38px;border-radius:12px;border:1px solid rgba(201,169,110,.18);border-top-color:rgba(255,245,220,.28);background:linear-gradient(165deg,rgba(201,169,110,.14),rgba(255,255,255,.04));color:#ebd8ae;font-weight:700;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0;transition:all .25s ease;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:inset 0 1px 0 rgba(255,245,220,.18)}
.chatSend:hover{background:linear-gradient(165deg,rgba(201,169,110,.22),rgba(255,255,255,.06));border-color:rgba(201,169,110,.28);box-shadow:inset 0 1px 0 rgba(255,245,220,.25),0 0 12px rgba(201,169,110,.06)}
.powered{margin-top:10px;color:rgba(255,255,255,.55);font-size:12px}.powered a{text-decoration:underline}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:10000;background:rgba(0,0,0,.55)}.modalInner{width:min(900px,92vw);border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(17,19,27,.98);box-shadow:var(--shadow);position:relative;
  padding:18px}.modalClose{position:absolute;right:12px;top:10px;background:transparent;border:0;color:rgba(255,255,255,.70);font-size:24px;cursor:pointer}.modalBody{padding:24px}
.modalBody iframe,
.modalBody video{
  width:100%;
  height:auto;
  max-height:70vh;
  border-radius:14px;
  background:#000;
  display:block;
}
.promoVideoWrap{
  position: relative;
}
.videoMuteBtn{
  position:absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(7,10,16,.45);
  box-shadow: 0 10px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  -webkit-tap-highlight-color: transparent;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.videoMuteBtn:hover{
  background: rgba(7,10,16,.62);
  border-color: rgba(255,255,255,.6);
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.28);
}
.videoMuteBtn:active{ transform: translateY(0); }
.videoMuteIcon{
  width: 30px;
  height: 30px;
  stroke: #fff;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.exitModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:10001;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.exitModalInner{width:min(520px,90vw);border-radius:20px;border:1px solid rgba(230,255,77,.3);background:rgba(17,19,27,.98);box-shadow:0 24px 64px rgba(0,0,0,.6);position:relative;padding:32px 28px;text-align:center;animation:slideUp .3s ease}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.exitModalClose{position:absolute;right:12px;top:12px;background:transparent;border:0;color:rgba(255,255,255,.5);font-size:28px;cursor:pointer;transition:color .2s}
.exitModalClose:hover{color:rgba(255,255,255,.9)}
.exitModalTitle{font-size:28px;font-weight:900;margin:0 0 12px}
.exitModalText{color:rgba(255,255,255,.75);font-size:16px;line-height:1.6;margin:0 0 24px}
.exitModalActions{display:flex;flex-direction:column;gap:10px}
.exitModalCTA{display:block;padding:14px 24px;border-radius:999px;background:var(--accent);color:#000;font-weight:900;text-decoration:none;transition:all .2s}
.exitModalCTA:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(230,255,77,.4)}
.exitModalSecondary{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);border-radius:999px;cursor:pointer;font-size:14px;transition:all .2s}
.exitModalSecondary:hover{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.9)}@media (max-width: 980px){
  .nav{display:none}
  .burger{display:block}
  .topbarInner{padding:12px 0}
  .logoImg{height:72px;width:auto;display:block;margin-left:20px;mix-blend-mode:screen;}
  h1{font-size:34px;line-height:1.08}
  .hero{padding:30px 0 18px}
  .heroText{font-size:14.5px;line-height:1.55}
  .cta{width:100%;max-width:100%;justify-content:center}
  .heroLeft .cta{margin-top:16px}
  .heroLeft .ctaSecondary{margin-top:10px;width:100%;max-width:100%}
  .heroGrid,.productGrid{grid-template-columns:1fr}
  .proofGrid{grid-template-columns:1fr}
  .partnerCard{grid-template-columns:1fr}
  .teleInner{grid-template-columns:1fr}
  .repeatGrid{grid-template-columns:1fr}
  .metricsRow{grid-template-columns:repeat(2,1fr)}
  .learnGrid,.valueGrid{grid-template-columns:1fr}
  .teamGrid{grid-template-columns:1fr}
  .resultsGrid{grid-template-columns:1fr 1fr;gap:12px}
  .bookingGrid{grid-template-columns:1fr}
  .chatBubble{width:58px;height:58px;right:14px;bottom:18px;border-radius:14px}
  .chatWidget{right:16px;left:16px;width:auto}
}
@media (max-width: 480px){
  .container{padding:0 18px}
  h2{font-size:28px}
  .metricVal{font-size:18px}
  .resultsGrid{grid-template-columns:1fr}
  .resultNumber{font-size:36px}
  .mobileNavLinks a{font-size:17px}
}


/* ===== FINAL 1:1 FIXES ===== */
.logoImg{height:72px;width:auto;display:block;margin-left:20px;mix-blend-mode:screen;}
.brandText{margin-left:2px}

@media (max-width: 980px){
  .topbarInner{padding:10px 0}
  .brandText{font-size:12px}
  /* Make hero tighter like ref */
  .hero{padding:34px 0 18px}
  h1{font-size:36px;line-height:1.05}
  .cta{width:100%;justify-content:center}
}


/* prevent body scroll when menu open */
body.navOpen{overflow:hidden}


/* LOGO VISIBILITY FIX */
@media (max-width: 980px){
  .topbarInner{padding:10px 0}
  .brandText{font-size:14px;font-weight:800;letter-spacing:1px}
  .logoImg{height:30px}
  .burger{width:44px;height:44px}
}


/* ===== LOGO RENDER FIX ===== */
.logoFull{
  width:auto !important;
  height:155px !important;
  mix-blend-mode: screen !important;
  border-radius:0 !important;
  border:0 !important;
  background:transparent !important;
  margin: -55px 0 -55px 10px !important;
}
.brand{gap:10px}
@media (max-width: 980px){
  .logoFull{height:100px !important; margin: -24px 0 !important;}
  .brandText{display:none !important;}
}


/* ===== LOGO ABOVE HERO TEXT (LIKE REF) ===== */
.heroLogoWrap{
  display:none;
  width:100%;
  justify-content:center;
  margin: 6px 0 18px;
}
.heroLogo{
  height:54px;
  width:auto;
  border-radius:14px;
  box-shadow: 0 16px 50px rgba(0,0,0,.55);
  mix-blend-mode: screen;
}
@media (max-width: 980px){
  .heroLogoWrap{display:flex;}
  .topbar .brand{display:none;}
  .topbar{background:transparent !important;border-bottom:none !important;position:absolute;width:100%;z-index:50}
  .topbar::before,.topbar::after{display:none !important}
  .topbarInner{justify-content:flex-end;padding:26px 0 !important}
  .burger{
    margin-left:auto;
    width:42px;height:42px;
    border-radius:12px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(30px);
    -webkit-backdrop-filter:blur(30px);
    box-shadow:0 2px 8px rgba(0,0,0,.2);
    display:flex;align-items:center;justify-content:center;
    flex-direction:column;gap:5px;
    transition:all .3s ease;
  }
  .burger:active{transform:scale(.92)}
  .burger span{background:rgba(255,255,255,.65);width:18px;height:1.5px;border-radius:2px;margin:0}
  .hero{padding:22px 0 18px;}
}


/* ===== FORCE HERO LOGO ON MOBILE ===== */
@media (max-width: 980px){
  .heroLogoWrap{display:flex !important;}
}


/* ===== HERO LOGO POSITION TWEAK (HIGHER) ===== */
@media (max-width: 980px){
  .hero{padding-top:14px !important;}
  .heroLogoWrap{margin: -6px 0 10px !important;}
  .heroLogo{height:64px !important;}
}

@media (max-width: 980px){
  .heroBgVideo{
    left: 62%;
    transform: translate(-62%, -50%);
  }
}

/* ===== HERO LOGO BIG & READABLE ===== */
@media (max-width: 980px){
  .heroLogo{
    height:88px !important;
    width:auto !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .heroLogoWrap{margin:-10px 0 12px !important;}
}

/* ===== HERO LOGO BLEND INTO BG ===== */
@media (max-width: 980px){
  .heroLogo{
    background: transparent !important;
    filter: drop-shadow(0 10px 28px rgba(0,0,0,.55));
  }
}

/* ===== HERO LOGO: NO GRAY, NO CLIP ===== */
@media (max-width: 980px){
  .heroLogoWrap{
    overflow: visible !important;
    padding-top: 6px !important;
    margin: -40px 0 -30px !important;
  }
  .heroLogo{
    mix-blend-mode: screen !important;
    opacity: 0.98 !important;
    height: 168px !important;
    max-width: 100% !important;
    filter:
      drop-shadow(0 10px 26px rgba(0,0,0,.55))
      drop-shadow(0 0 18px rgba(230,255,77,.20));
  }
}

/* ===== TEAM CARD NAME ===== */
.teamGrid{
  /* 2x2 layout with square photos (mobile-first friendly) */
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 980px){
  .teamGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 520px;
    gap: 12px;
  }
}
@media (max-width: 420px){
  .teamGrid{
    max-width: 100%;
    gap: 10px;
  }
  .teamCard{padding:12px}
  .teamCard h4{font-size:13px}
  .teamName{font-size:13px}
}

.teamPartner{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 40px;
  padding: 16px 24px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.teamPartnerLabel{
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.5);
  letter-spacing: .04em;
}
.teamPartnerLogo{
  height: 28px;
  width: auto;
  filter: brightness(1.1);
  opacity: .85;
}

.teamName{
  margin-top:8px;
  font-size:14px;
  color:rgba(255,255,255,.72);
  font-weight:600;
}
.teamCard .avatar{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* TEAM IMAGE BACKGROUND */
.teamImg{
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ===== TEAMIMG FINAL ===== */
.teamImg{
  background-color: rgba(255,255,255,.04);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 1 / 1;
}
.teamImg:empty{}

/* ===== TEAM PHOTO IMG (robust for file://) ===== */
.teamImg.hasPhoto{
  padding:0;
  overflow:hidden;
  background-color: transparent;
}
.teamPhoto{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  border-radius:18px;
}

/* Per-photo crop tuning */
.teamPhoto--showTop{
  /* Show more top (avoid cutting head) */
  object-position: center 0% !important;
}

.teamImg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  border-radius:16px;
}

/* for very vertical photos — show full frame, avoid aggressive crop */
.teamImg img.contain{
  object-fit:contain;
  object-position:center;
  background:rgba(0,0,0,.25);
}

.tick{color:#b7ff3c}


/* --- FIX: proof icons (shield + brain) --- */
.proofIcon{display:flex;align-items:center;justify-content:center}

/* --- FIX: desktop centering / avoid huge empty canvas --- */
body{overflow-x:hidden}
.container{margin-left:auto;margin-right:auto}

/* Make the block below the proof cards not look like a huge empty slab on desktop */
.videoBox{max-width:1100px;margin-left:auto;margin-right:auto}

/* Telegram block: keep a reasonable max width on desktop */
.teleGrid{max-width:1100px;margin-left:auto;margin-right:auto}

/* --- FIX: add green check to metric labels --- */
.metricLabel{display:flex;align-items:center;gap:8px}
.metricLabel:before{content:none;}

/* --- FIX: desktop centering + avoid huge empty areas --- */
section{width:100%}
.container{margin-left:auto;margin-right:auto}
.videoBox{min-height:220px}


.metricLabel--ticked{
  position: relative;
  padding-left: 28px;
}
.metricLabel--ticked::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 7px;
  background: rgba(217,255,64,0.12);
  border: 1px solid rgba(217,255,64,0.35);
  box-shadow: 0 0 18px rgba(217,255,64,0.10);
  z-index: 2;
}
.metricLabel--ticked::after{
  content: '';
  position: absolute;
  left: 6px;
  top: 50%;
  width: 6px;
  height: 10px;
  transform: translateY(-60%) rotate(45deg);
  border-right: 2px solid #c9a96e;
  border-bottom: 2px solid #c9a96e;
  z-index: 3;
}
.metricVal{display:none !important;}

.proofIcon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(217,255,64,0.10);
  border: 1px solid rgba(217,255,64,0.18);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.proofIcon::before{
  content:'';
  width:22px;
  height:22px;
  display:block;
  background:#c9a96e;
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
}
.proofIcon.iconShield::before{
  -webkit-mask-image:url("../assets/icons/shield.svg");
  mask-image:url("../assets/icons/shield.svg");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.proofIcon.iconBrain::before{
  -webkit-mask-image:url("../assets/icons/brain.svg");
  mask-image:url("../assets/icons/brain.svg");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}


.checklist{
  margin-top: 14px !important;
}
.checklist li{
  padding: 14px 0 !important;
}

/* --- OVERRIDE: crisp icons for proof cards --- */
.proofIcon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(201,169,110,.14);border:1px solid rgba(201,169,110,.22);}
.proofIcon::before{content:"";width:22px;height:22px;background:#c9a96e;display:block;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;}

/* --- OVERRIDE: reviews width (avoid oversized empty gaps) --- */
.reviews .slider{max-width:820px;margin-left:auto;margin-right:auto;}
.reviews .ctaCenter{margin-top:24px;margin-bottom:0}

.metricsList{margin-top:18px;}


/* overrides */
.slider{max-width:900px;margin-left:auto;margin-right:auto}
@media (max-width: 920px){.slider{max-width:100%}}


/* Proof icons (inline SVG) */
.proofIcon{display:flex;align-items:center;justify-content:center}
.proofIcon svg{width:20px;height:20px;color:var(--lime);}

/* Single checkmark on metric cards */
.metric{position:relative}
.metric::before{content:"";width:18px;height:18px;border-radius:50%;background:rgba(210,255,90,.14);border:1px solid rgba(210,255,90,.35);position:absolute;left:16px;top:14px;}
.metric::after{content:"";position:absolute;left:21px;top:18px;width:7px;height:12px;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(45deg);}
.metricLabel{padding-left:32px;}

/* =========================
   FINAL PATCH v7
   ========================= */

/* Proof icons: use mask images (no inline SVG needed) */
.proofIcon{display:block;}
.proofIcon svg{display:none !important;}
.proofIcon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(210,255,90,.16);
  border: 1px solid rgba(210,255,90,.28);
  box-shadow: 0 10px 28px rgba(0,0,0,.35) inset;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
}
.proofIcon.iconShield{ -webkit-mask-image: url('../assets/icons/shield.svg'); mask-image: url('../assets/icons/shield.svg'); }
.proofIcon.iconBrain{ -webkit-mask-image: url('../assets/icons/brain.svg');  mask-image: url('../assets/icons/brain.svg'); }

/* Metrics: ensure only one check inside each small card */
.metricLabel{background:none !important;}
.metricLabel:not(.metricLabel--ticked)::before{display:none !important;}
/* keep check on labels (not absolute on card) */

/* Fix: tick-in-circle alignment on metric cards */
.metric::before,
.metric::after{
  content: none !important;
}
.metricLabel--ticked{
  padding-left: 0 !important;
}
.metricLabel--ticked::before{
  content: '';
  display: inline-block !important;
  /* override older absolute-positioned tick styles */
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background-color: rgba(210,255,90,.14);
  border: 1px solid rgba(210,255,90,.35);
  box-shadow: 0 0 18px rgba(217,255,64,0.10);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2012%2010%27%3E%3Cpath%20d%3D%27M1%205l3%203%207-7%27%20fill%3D%27none%27%20stroke%3D%27%23d9ff40%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px;
  flex: 0 0 auto;
}
.metricLabel--ticked::after{
  content: none !important;
}

/* Telegram banner: brighter + fitted */
.teleImg{
  background-size: contain !important;
  filter: brightness(1.25) contrast(1.12);
}
.teleImg::before{opacity: .12 !important;}

/* Partner (video) preview should stay neutral, not use telegram banner */
.partnerImg{filter:none !important;}

/* v7.1 tweak: make shield/brain icons solid lime */
.proofIcon{background: var(--lime) !important; border: none !important; box-shadow: 0 10px 28px rgba(210,255,90,.16) !important;}


.ctaSecondary{display:inline-flex;padding:14px 22px;font-weight:600;opacity:.85;text-decoration:underline;align-items:center;justify-content:center;transition:opacity .2s ease}
.ctaSecondary:hover{opacity:1}
.ctaCenter{margin-top:32px;text-align:center;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
@media (max-width: 980px){
  .ctaCenter{flex-direction:column;gap:10px}
  .ctaCenter .cta, .ctaCenter .ctaSecondary{width:100%;max-width:400px}
}

.heroMedia{overflow:hidden;}
.heroSvg{display:block;width:100%;height:100%;}

.learnCard .ic{font-size:28px;line-height:1;}


/* === Telegram: premium card with white accents === */
/* Shared background wrapper for sections 02-04 */
.sharedBgWrap{
  position: relative;
  clip-path: inset(0);
  -webkit-clip-path: inset(0);
}
/* Dark gradient fade at wrap edges */
.sharedBgWrap::before,
.sharedBgWrap::after{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 0;
  pointer-events: none;
}
.sharedBgWrap::before{
  top: 0;
  background: linear-gradient(to bottom, #050505 0%, transparent 100%);
}
.sharedBgWrap::after{
  bottom: 0;
  background: linear-gradient(to top, #050505 0%, transparent 100%);
}

/* Dark overlay between wraps — covers the seam from outside */
.seamFade{
  position: relative;
  z-index: 3;
  height: 400px;
  margin: -200px 0;
  pointer-events: none;
  background: linear-gradient(to bottom,
    transparent 0%,
    rgba(5,5,5,.25) 20%,
    rgba(5,5,5,.55) 35%,
    #050505 50%,
    rgba(5,5,5,.55) 65%,
    rgba(5,5,5,.25) 80%,
    transparent 100%
  );
}


.sharedBg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
}
.sharedBg .tgBgVideo{
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.sharedBg .tgBgVideo video{
  mask-image: radial-gradient(ellipse 85% 80% at 50% 50%, black 35%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 85% 80% at 50% 50%, black 35%, transparent 100%);
}
.sharedBgWrap2 .sharedBg .tgBgVideo video{
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  width: 140%;
  height: auto;
  opacity: .30;
  transform: translate(-50%, -50%) scale(.75);
}
.sharedBgWrap3 .sharedBg .tgBgVideo video{
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  width: 120%;
  height: auto;
  opacity: .55;
  transform: translate(-50%, -50%) scale(1.15);
}
.sharedBgWrap3 .sharedBg .tgBgVideo{
  mask-image:
    linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, black 5%, black 95%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-composite: source-in;
}
.sharedBg .tgAurora{
  position: absolute;
  inset: 0;
  overflow: hidden;
  mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 90%);
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 90%);
}

.telegram{
  padding: 100px 0;
  position: relative;
  z-index: 1;
}
@keyframes tgGlow1{
  0%{transform: translate(0,0) scale(1); opacity:.5}
  50%{transform: translate(-4%,6%) scale(1.15); opacity:1}
  100%{transform: translate(3%,-4%) scale(1.05); opacity:.6}
}
@keyframes tgGlow2{
  0%{transform: translate(0,0) scale(1); opacity:.4}
  50%{transform: translate(5%,-3%) scale(1.12); opacity:1}
  100%{transform: translate(-3%,5%) scale(1.05); opacity:.5}
}
.tgBgVideo video{
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: .35;
  mix-blend-mode: screen;
}

/* Aurora rays — animated light beams */
.tgRay{
  position: absolute;
  bottom: -20%;
  width: 2px;
  height: 130%;
  transform-origin: bottom center;
  opacity: 0;
  filter: blur(30px);
  animation: tgRaySweep linear infinite;
}
.tgRay1{
  left: 30%;
  width: 120px;
  background: linear-gradient(to top, transparent, rgba(201,169,110,.14), transparent);
  animation-duration: 12s;
  transform: rotate(-15deg);
}
.tgRay2{
  left: 50%;
  width: 80px;
  background: linear-gradient(to top, transparent, rgba(255,255,255,.08), transparent);
  animation-duration: 16s;
  animation-delay: 2s;
  transform: rotate(5deg);
}
.tgRay3{
  left: 65%;
  width: 140px;
  background: linear-gradient(to top, transparent, rgba(201,169,110,.10), transparent);
  animation-duration: 14s;
  animation-delay: 5s;
  transform: rotate(10deg);
}
.tgRay4{
  left: 20%;
  width: 60px;
  background: linear-gradient(to top, transparent, rgba(255,255,255,.06), transparent);
  animation-duration: 18s;
  animation-delay: 8s;
  transform: rotate(-25deg);
}
.tgRay5{
  left: 75%;
  width: 100px;
  background: linear-gradient(to top, transparent, rgba(201,169,110,.08), transparent);
  animation-duration: 15s;
  animation-delay: 3s;
  transform: rotate(20deg);
}
@keyframes tgRaySweep{
  0%{opacity: 0; transform: rotate(-20deg) translateX(-40px)}
  10%{opacity: 1}
  50%{opacity: .7; transform: rotate(10deg) translateX(40px)}
  90%{opacity: 1}
  100%{opacity: 0; transform: rotate(-20deg) translateX(-40px)}
}

.telegram > .container{
  position: relative;
  z-index: 1;
}
.tgCard{
  max-width: 680px;
  margin: 0 auto;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100%);
  box-shadow: 0 24px 64px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 40px 32px;
  text-align: center;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1.1s cubic-bezier(.22,1,.36,1) .25s, transform 1.1s cubic-bezier(.22,1,.36,1) .25s;
}
.tgCard.visible{
  opacity: 1;
  transform: translateY(0);
}
.tgLogoBox{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.tgLogo{
  height: 140px;
  width: auto;
  margin: -20px 0;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.4));
  mix-blend-mode: screen;
}
.tgBadge{
  display: inline-block;
  padding: 6px 16px;
  border-radius: 999px;
  background: rgba(230,255,77,.12);
  border: 1px solid rgba(230,255,77,.3);
  color: var(--accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
}
.urgencyBadge{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.20);
  color: rgba(255,255,255,.85);
  font-size: 11px;
  padding: 7px 18px;
}
.tgTitle{
  font-size: 26px;
  font-weight: 900;
  line-height: 1.2;
  margin: 0 0 14px;
}
.tgText{
  color: rgba(255,255,255,.75);
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 24px;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}
.tgFeatures{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 460px;
  margin: 0 auto 28px;
}
.tgFeature{
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  font-size: 13px;
  color: rgba(255,255,255,.85);
  font-weight: 600;
  transition: all .2s ease;
}
.tgFeature:hover{
  border-color: rgba(255,255,255,.20);
  background: rgba(255,255,255,.07);
}
.tgCTA{
  margin-top: 8px;
}
.tgNote{
  margin-top: 16px;
  color: rgba(255,255,255,.55);
  font-size: 12px;
}

/* Direction cards inside Telegram section */
.tgDirections{
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 540px;
  margin: 0 auto 24px;
  text-align: left;
}
.tgDir{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%);
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}
.tgDir::before{
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--accent), rgba(201,169,110,.3));
  opacity: .6;
  transition: opacity .3s ease;
}
.tgDir:hover{
  border-color: rgba(201,169,110,.22);
  background: linear-gradient(135deg, rgba(201,169,110,.05) 0%, rgba(255,255,255,.02) 100%);
  transform: translateX(4px);
}
.tgDir:hover::before{
  opacity: 1;
}
.tgDirIcon{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(201,169,110,.10);
  border: 1px solid rgba(201,169,110,.20);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--accent);
  transition: all .3s ease;
}
.tgDir:hover .tgDirIcon{
  background: rgba(201,169,110,.18);
  border-color: rgba(201,169,110,.35);
  box-shadow: 0 0 16px rgba(201,169,110,.12);
}
.tgDirBody{
  flex: 1;
  min-width: 0;
}
.tgDirName{
  font-size: 15px;
  font-weight: 800;
  color: rgba(255,255,255,.95);
  margin-bottom: 4px;
}
.tgDirDesc{
  font-size: 13px;
  color: rgba(255,255,255,.72);
  line-height: 1.5;
}
.tgSupportBar{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 auto 24px;
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(46,213,115,.08);
  border: 1px solid rgba(46,213,115,.18);
  color: rgba(46,213,115,.95);
  font-size: 13px;
  font-weight: 600;
}
.tgSupportDot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(46,213,115,1);
  animation: pulse 2s infinite;
}

@media (max-width: 640px){
  .telegram{padding: 56px 0}
  .tgCard{padding: 32px 24px}
  .tgTitle{font-size: 22px}
  .tgDirections{max-width: 100%}
  .tgDir{padding: 14px 16px}
  .tgDirIcon{width: 36px; height: 36px}
  .tgDirIcon svg{width: 18px; height: 18px}
}




.metricsRow{gap:12px}
.metric{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:66px;
}
.metricLabel{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  line-height:1.2;
}


.valueCard{
  display:flex;
  flex-direction:column;
}
.valueImg{
  height:150px;
  overflow:hidden;
  position:relative;
}

/* Tech palette background (no images) */
.valueCard--infra .valueImg{
  background:
    radial-gradient(140px 140px at 18% 28%, rgba(201,169,110,.30), transparent 62%),
    radial-gradient(200px 200px at 78% 55%, rgba(0,255,183,.10), transparent 66%),
    linear-gradient(180deg, rgba(10,14,20,.55), rgba(4,6,10,.96)),
    repeating-linear-gradient(135deg, rgba(201,169,110,.12) 0 2px, transparent 2px 12px);
  border-color: rgba(201,169,110,.22);
}
.valueCard--infra .valueImg:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 30% 35%, rgba(255,255,255,.10), transparent 55%),
    radial-gradient(circle at 68% 62%, rgba(201,169,110,.10), transparent 60%),
    radial-gradient(circle at 55% 20%, rgba(0,255,183,.08), transparent 55%);
  opacity:1;
}
.valueCard--infra .valueImg:after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(2px 2px at 18% 30%, rgba(201,169,110,.55), transparent 60%),
    radial-gradient(2px 2px at 42% 62%, rgba(201,169,110,.45), transparent 60%),
    radial-gradient(2px 2px at 70% 40%, rgba(0,255,183,.35), transparent 60%),
    radial-gradient(2px 2px at 82% 68%, rgba(201,169,110,.35), transparent 60%);
  filter: blur(.2px);
  opacity:.9;
}

/* Trader / screens vibe */
.valueCard--mentor .valueImg{
  background:
    radial-gradient(180px 140px at 62% 34%, rgba(201,169,110,.20), transparent 62%),
    radial-gradient(220px 180px at 28% 72%, rgba(0,255,183,.10), transparent 66%),
    linear-gradient(180deg, rgba(10,12,18,.55), rgba(5,6,10,.96)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 8px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 14px);
  border-color: rgba(201,169,110,.18);
}
.valueCard--mentor .valueImg:after{
  content:"";
  position:absolute; inset:14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 0 0 1px rgba(201,169,110,.10),
    0 0 22px rgba(201,169,110,.06);
  opacity:1;
}
.valueCard--mentor .valueImg:before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(201,169,110,.10) 12% 12.4%, transparent 12.4% 100%),
    linear-gradient(0deg, transparent 0 58%, rgba(0,255,183,.08) 58% 58.4%, transparent 58.4% 100%);
  opacity:.55;
}

/* Mobile */
@media (max-width: 920px){
  .metricsRow{grid-template-columns:repeat(2,1fr)}
  .valueGrid{grid-template-columns:1fr}
}



/* --- PATCH V28: make tech visuals more explicit (value infra/mentor cards only) --- */
.valueCard--infra .valueImg,
.valueCard--mentor .valueImg {
  height: 168px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 18px 40px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(201,169,110,.12);
}

.valueCard--infra .valueImg {
  background:
    radial-gradient(180px 140px at 18% 28%, rgba(201,169,110,.36), transparent 62%),
    radial-gradient(220px 180px at 78% 58%, rgba(212,175,55,.28), transparent 64%),
    linear-gradient(180deg, rgba(14,18,26,.62), rgba(6,8,12,.96)),
    repeating-linear-gradient(135deg, rgba(201,169,110,.16) 0 2px, transparent 2px 12px);
}

.valueCard--infra .valueImg::after {
  content:"";
  position:absolute;
  inset:14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNDAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwIDAgMjQwIDE2MCc+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9J2cnIHgxPScwJyB5MT0nMCcgeDI9JzEnIHkyPScxJz4KPHN0b3Agc3RvcC1jb2xvcj0nI2M5ZmYzZCcgc3RvcC1vcGFjaXR5PScuOTUnIG9mZnNldD0nMCcvPgo8c3RvcCBzdG9wLWNvbG9yPScjMDBmZmI3JyBzdG9wLW9wYWNpdHk9Jy44NScgb2Zmc2V0PScxJy8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPGcgZmlsbD0nbm9uZScgc3Ryb2tlPSd1cmwoI2cpJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgb3BhY2l0eT0nLjknPgo8cGF0aCBkPSdNNDAgMTIwIEw5MCA3MCBMMTQwIDk1IEwxODUgNTUnLz4KPHBhdGggZD0nTTkwIDcwIEw4MCAzNScvPgo8cGF0aCBkPSdNMTQwIDk1IEwxNDUgMTMwJy8+CjwvZz4KPGcgZmlsbD0ndXJsKCNnKScgb3BhY2l0eT0nLjk1Jz4KPGNpcmNsZSBjeD0nNDAnIGN5PScxMjAnIHI9JzUnLz48Y2lyY2xlIGN4PSc5MCcgY3k9JzcwJyByPSc2Jy8+PGNpcmNsZSBjeD0nMTQwJyBjeT0nOTUnIHI9JzYnLz48Y2lyY2xlIGN4PScxODUnIGN5PSc1NScgcj0nNScvPgo8Y2lyY2xlIGN4PSc4MCcgY3k9JzM1JyByPSc0Jy8+PGNpcmNsZSBjeD0nMTQ1JyBjeT0nMTMwJyByPSc0Jy8+CjwvZz4KPC9zdmc+");
  background-repeat:no-repeat;
  background-position:center;
  background-size: 92%;
  opacity: .95;
  filter: drop-shadow(0 0 12px rgba(201,169,110,.25));
}

.valueCard--mentor .valueImg {
  background:
    radial-gradient(240px 160px at 60% 35%, rgba(201,169,110,.22), transparent 62%),
    radial-gradient(260px 200px at 30% 78%, rgba(212,175,55,.20), transparent 66%),
    linear-gradient(180deg, rgba(12,14,20,.55), rgba(5,6,10,.96)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, transparent 1px 8px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 14px);
}

.valueCard--mentor .valueImg::after {
  content:"";
  position:absolute;
  inset:14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNDAnIGhlaWdodD0nMTYwJyB2aWV3Qm94PScwIDAgMjQwIDE2MCc+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9J2cnIHgxPScwJyB5MT0nMCcgeDI9JzEnIHkyPScwJz4KPHN0b3Agc3RvcC1jb2xvcj0nI2M5ZmYzZCcgc3RvcC1vcGFjaXR5PScuOTUnIG9mZnNldD0nMCcvPgo8c3RvcCBzdG9wLWNvbG9yPScjMDBmZmI3JyBzdG9wLW9wYWNpdHk9Jy44NScgb2Zmc2V0PScxJy8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPGcgZmlsbD0nbm9uZScgc3Ryb2tlPSdyZ2JhKDI1NSwyNTUsMjU1LC4xMiknIHN0cm9rZS13aWR0aD0nMSc+CjxwYXRoIGQ9J00yMCAzMCBIMjIwJy8+PHBhdGggZD0nTTIwIDcwIEgyMjAnLz48cGF0aCBkPSdNMjAgMTEwIEgyMjAnLz48cGF0aCBkPSdNMjAgMTUwIEgyMjAnLz4KPC9nPgo8ZyBzdHJva2U9J3VybCgjZyknIHN0cm9rZS13aWR0aD0nMycgZmlsbD0nbm9uZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBvcGFjaXR5PScuOTUnPgo8cGF0aCBkPSdNMjQgMTE4IEw2MCA5MCBMOTIgMTA0IEwxMjIgNjQgTDE1MCA3OCBMMTc2IDQ4IEwyMTQgNjInLz4KPC9nPgo8ZyBmaWxsPSd1cmwoI2cpJyBvcGFjaXR5PScuOTUnPgo8Y2lyY2xlIGN4PSc2MCcgY3k9JzkwJyByPSc0Jy8+PGNpcmNsZSBjeD0nMTIyJyBjeT0nNjQnIHI9JzQnLz48Y2lyY2xlIGN4PScxNzYnIGN5PSc0OCcgcj0nNCcvPjxjaXJjbGUgY3g9JzIxNCcgY3k9JzYyJyByPSc0Jy8+CjwvZz4KPC9zdmc+");
  background-repeat:no-repeat;
  background-position:center;
  background-size: 92%;
  opacity: .95;
  filter: drop-shadow(0 0 12px rgba(212,175,55,.20));
}

.valueCard--infra .valueImg::before,
.valueCard--mentor .valueImg::before {
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(500px 220px at 50% 0%, rgba(255,255,255,.16), transparent 55%);
  opacity:.55;
}



.value{
  position: relative;
}
.value:before{
  content:"";
  position:absolute;
  inset:-40px -20px -40px -20px;
  pointer-events:none;
  background:
    radial-gradient(220px 180px at 18% 22%, rgba(201,169,110,.18), transparent 65%),
    radial-gradient(260px 220px at 82% 58%, rgba(0,255,183,.10), transparent 70%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px);
  opacity:.55;
  filter: blur(.2px);
}
.value:after{
  content:"";
  position:absolute;
  inset:-40px -20px -40px -20px;
  pointer-events:none;
  background:
    radial-gradient(2px 2px at 12% 30%, rgba(201,169,110,.55), transparent 60%),
    radial-gradient(2px 2px at 34% 64%, rgba(201,169,110,.35), transparent 60%),
    radial-gradient(2px 2px at 70% 42%, rgba(0,255,183,.35), transparent 60%),
    radial-gradient(2px 2px at 86% 62%, rgba(201,169,110,.25), transparent 60%),
    radial-gradient(1px 1px at 56% 18%, rgba(255,255,255,.25), transparent 60%);
  opacity:.35;
}
.value > *{
  position: relative;
  z-index: 1;
}



/* --- PATCH: Variant 1 premium tech/crypto palette (value block only) --- */

/* make the image area feel premium */
.valueImg {
  height: 170px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.03);
  background-size: cover;
  background-position: center;
}

/* Infrastructure: crypto network gold/black */
.valueCard--infra .valueImg {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.55)),
    url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221200%22%20height=%22480%22%20viewBox=%220%200%201200%20480%22%3E%3Cdefs%3E%3CradialGradient%20id=%22g1%22%20cx=%2225%%22%20cy=%2235%%22%20r=%2270%%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23D4AF37%22%20stop-opacity=%220.26%22/%3E%3Cstop%20offset=%220.45%22%20stop-color=%22%23C9A96E%22%20stop-opacity=%220.10%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23000000%22%20stop-opacity=%220%22/%3E%3C/radialGradient%3E%3CradialGradient%20id=%22g2%22%20cx=%2278%%22%20cy=%2255%%22%20r=%2275%%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23D4AF37%22%20stop-opacity=%220.20%22/%3E%3Cstop%20offset=%220.6%22%20stop-color=%22%23C9A96E%22%20stop-opacity=%220.08%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23000000%22%20stop-opacity=%220%22/%3E%3C/radialGradient%3E%3Cfilter%20id=%22glow%22%20x=%22-40%%22%20y=%22-40%%22%20width=%22180%%22%20height=%22180%%22%3E%3CfeGaussianBlur%20stdDeviation=%226%22%20result=%22b%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in=%22b%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter%20id=%22spark%22%20x=%22-60%%22%20y=%22-60%%22%20width=%22220%%22%20height=%22220%%22%3E%3CfeGaussianBlur%20stdDeviation=%222.2%22%20result=%22b%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in=%22b%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Crect%20width=%221200%22%20height=%22480%22%20fill=%22%230b0f14%22/%3E%3Crect%20width=%221200%22%20height=%22480%22%20fill=%22url(%23g1)%22/%3E%3Crect%20width=%221200%22%20height=%22480%22%20fill=%22url(%23g2)%22/%3E%3C!--%20subtle%20diagonal%20tech%20lines%20--%3E%3Cg%20opacity=%220.20%22%3E%3Cpath%20d=%22M-200%20520%20L520%20-200%22%20stroke=%22%23D4AF37%22%20stroke-opacity=%220.22%22%20stroke-width=%222%22/%3E%3Cpath%20d=%22M0%20520%20L720%20-200%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.12%22%20stroke-width=%222%22/%3E%3Cpath%20d=%22M260%20520%20L980%20-200%22%20stroke=%22%23D4AF37%22%20stroke-opacity=%220.18%22%20stroke-width=%222%22/%3E%3Cpath%20d=%22M520%20520%20L1240%20-200%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.10%22%20stroke-width=%222%22/%3E%3C/g%3E%3C!--%20network%20--%3E%3Cg%20filter=%22url(%23glow)%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M190%20320%20L360%20210%20L520%20260%20L690%20150%20L880%20220%20L1010%20140%22%20stroke=%22%23D4AF37%22%20stroke-opacity=%220.55%22%20stroke-width=%223%22/%3E%3Cpath%20d=%22M360%20210%20L330%20120%20L520%2090%20L690%20150%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.22%22%20stroke-width=%222%22/%3E%3Cpath%20d=%22M520%20260%20L540%20390%20L720%20360%20L880%20220%22%20stroke=%22%23D4AF37%22%20stroke-opacity=%220.35%22%20stroke-width=%222.5%22/%3E%3C/g%3E%3C!--%20nodes%20--%3E%3Cg%20filter=%22url(%23spark)%22%3E%3Ccircle%20cx=%22190%22%20cy=%22320%22%20r=%227%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.95%22/%3E%3Ccircle%20cx=%22360%22%20cy=%22210%22%20r=%227%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.95%22/%3E%3Ccircle%20cx=%22520%22%20cy=%22260%22%20r=%227%22%20fill=%22%23C9A96E%22%20fill-opacity=%220.85%22/%3E%3Ccircle%20cx=%22690%22%20cy=%22150%22%20r=%227%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.95%22/%3E%3Ccircle%20cx=%22880%22%20cy=%22220%22%20r=%227%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.95%22/%3E%3Ccircle%20cx=%221010%22%20cy=%22140%22%20r=%227%22%20fill=%22%23C9A96E%22%20fill-opacity=%220.75%22/%3E%3Ccircle%20cx=%22330%22%20cy=%22120%22%20r=%225%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.70%22/%3E%3Ccircle%20cx=%22520%22%20cy=%2290%22%20r=%225%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.70%22/%3E%3Ccircle%20cx=%22540%22%20cy=%22390%22%20r=%225%22%20fill=%22%23C9A96E%22%20fill-opacity=%220.55%22/%3E%3Ccircle%20cx=%22720%22%20cy=%22360%22%20r=%225%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.55%22/%3E%3C/g%3E%3C!--%20particles%20--%3E%3Cg%20opacity=%220.55%22%3E%3Ccircle%20cx=%22140%22%20cy=%2290%22%20r=%221.6%22%20fill=%22%23fff%22%20fill-opacity=%220.25%22/%3E%3Ccircle%20cx=%22250%22%20cy=%2260%22%20r=%221.2%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.35%22/%3E%3Ccircle%20cx=%22420%22%20cy=%2240%22%20r=%221.4%22%20fill=%22%23fff%22%20fill-opacity=%220.20%22/%3E%3Ccircle%20cx=%22780%22%20cy=%2270%22%20r=%221.8%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.28%22/%3E%3Ccircle%20cx=%22940%22%20cy=%2250%22%20r=%221.2%22%20fill=%22%23fff%22%20fill-opacity=%220.18%22/%3E%3Ccircle%20cx=%221080%22%20cy=%22110%22%20r=%221.6%22%20fill=%22%23C9A96E%22%20fill-opacity=%220.18%22/%3E%3Ccircle%20cx=%221120%22%20cy=%22320%22%20r=%221.5%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.22%22/%3E%3Ccircle%20cx=%2270%22%20cy=%22340%22%20r=%221.2%22%20fill=%22%23fff%22%20fill-opacity=%220.15%22/%3E%3Ccircle%20cx=%22420%22%20cy=%22430%22%20r=%221.6%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.18%22/%3E%3Ccircle%20cx=%22860%22%20cy=%22430%22%20r=%221.6%22%20fill=%22%23fff%22%20fill-opacity=%220.14%22/%3E%3C/g%3E%3C/svg%3E");
}
/* Mentor: screens + charts gold glow */
.valueCard--mentor .valueImg {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.60)),
    url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221200%22%20height=%22480%22%20viewBox=%220%200%201200%20480%22%3E%3Cdefs%3E%3CradialGradient%20id=%22bg%22%20cx=%2255%%22%20cy=%2245%%22%20r=%2280%%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23D4AF37%22%20stop-opacity=%220.18%22/%3E%3Cstop%20offset=%220.35%22%20stop-color=%22%230b0f14%22%20stop-opacity=%220.95%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23000%22%20stop-opacity=%221%22/%3E%3C/radialGradient%3E%3Cfilter%20id=%22g%22%20x=%22-40%%22%20y=%22-40%%22%20width=%22180%%22%20height=%22180%%22%3E%3CfeGaussianBlur%20stdDeviation=%226%22%20result=%22b%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in=%22b%22/%3E%3CfeMergeNode%20in=%22SourceGraphic%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Crect%20width=%221200%22%20height=%22480%22%20fill=%22url(%23bg)%22/%3E%3C!--%20subtle%20grid%20--%3E%3Cg%20opacity=%220.12%22%20stroke=%22%23ffffff%22%3E%3Cpath%20d=%22M0%2080%20H1200%22%20/%3E%3Cpath%20d=%22M0%20160%20H1200%22%20/%3E%3Cpath%20d=%22M0%20240%20H1200%22%20/%3E%3Cpath%20d=%22M0%20320%20H1200%22%20/%3E%3Cpath%20d=%22M0%20400%20H1200%22%20/%3E%3Cpath%20d=%22M100%200%20V480%22%20/%3E%3Cpath%20d=%22M220%200%20V480%22%20/%3E%3Cpath%20d=%22M340%200%20V480%22%20/%3E%3Cpath%20d=%22M460%200%20V480%22%20/%3E%3Cpath%20d=%22M580%200%20V480%22%20/%3E%3Cpath%20d=%22M700%200%20V480%22%20/%3E%3Cpath%20d=%22M820%200%20V480%22%20/%3E%3Cpath%20d=%22M940%200%20V480%22%20/%3E%3Cpath%20d=%22M1060%200%20V480%22%20/%3E%3C/g%3E%3C!--%20screens%20--%3E%3Cg%20filter=%22url(%23g)%22%20opacity=%220.95%22%3E%3Crect%20x=%22150%22%20y=%22120%22%20rx=%2220%22%20ry=%2220%22%20width=%22360%22%20height=%22240%22%20fill=%22%230f151d%22%20stroke=%22%23D4AF37%22%20stroke-opacity=%220.30%22/%3E%3Crect%20x=%22540%22%20y=%2290%22%20rx=%2222%22%20ry=%2222%22%20width=%22520%22%20height=%22300%22%20fill=%22%230f151d%22%20stroke=%22%23D4AF37%22%20stroke-opacity=%220.30%22/%3E%3Crect%20x=%22200%22%20y=%22155%22%20rx=%2212%22%20ry=%2212%22%20width=%22260%22%20height=%22170%22%20fill=%22%230b0f14%22%20stroke=%22%23ffffff%22%20stroke-opacity=%220.10%22/%3E%3Crect%20x=%22590%22%20y=%22130%22%20rx=%2214%22%20ry=%2214%22%20width=%22420%22%20height=%22230%22%20fill=%22%230b0f14%22%20stroke=%22%23ffffff%22%20stroke-opacity=%220.10%22/%3E%3C/g%3E%3C!--%20chart%20lines%20--%3E%3Cg%20filter=%22url(%23g)%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M230%20285%20L290%20240%20L345%20255%20L390%20210%20L440%20200%22%20stroke=%22%23C9A96E%22%20stroke-opacity=%220.25%22%20stroke-width=%223%22/%3E%3Cpath%20d=%22M620%20310%20L700%20260%20L770%20275%20L840%20220%20L930%20205%20L990%20235%22%20stroke=%22%23D4AF37%22%20stroke-opacity=%220.55%22%20stroke-width=%223.2%22/%3E%3Ccircle%20cx=%22930%22%20cy=%22205%22%20r=%226%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.95%22/%3E%3Ccircle%20cx=%22840%22%20cy=%22220%22%20r=%226%22%20fill=%22%23C9A96E%22%20fill-opacity=%220.55%22/%3E%3C/g%3E%3C!--%20bokeh%20particles%20--%3E%3Cg%20opacity=%220.55%22%3E%3Ccircle%20cx=%22120%22%20cy=%2280%22%20r=%222.0%22%20fill=%22%23fff%22%20fill-opacity=%220.14%22/%3E%3Ccircle%20cx=%22270%22%20cy=%2250%22%20r=%221.5%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.25%22/%3E%3Ccircle%20cx=%221040%22%20cy=%2270%22%20r=%222.2%22%20fill=%22%23D4AF37%22%20fill-opacity=%220.20%22/%3E%3Ccircle%20cx=%221110%22%20cy=%22340%22%20r=%221.6%22%20fill=%22%23fff%22%20fill-opacity=%220.12%22/%3E%3Ccircle%20cx=%2280%22%20cy=%22360%22%20r=%221.4%22%20fill=%22%23C9A96E%22%20fill-opacity=%220.12%22/%3E%3C/g%3E%3C/svg%3E");
}

/* keep section subtle and consistent with site */
.valueGrid {
  gap: 18px;
}

/* ===== FAQ BLOCK ===== */
.faq{
  padding: 72px 0;
  background: transparent;
  border: none;
  position: relative;
  z-index: 1;
}
.faq .sectionTitle{
  font-size: 48px;
}
.faq .sectionHead{
  margin-bottom: 44px;
}
.faq .sectionHead::after{
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background: linear-gradient(to right, rgba(201,169,110,.5), transparent);
  margin: 20px auto 0;
  border-radius: 2px;
}
.faqGrid{
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  counter-reset: faqCounter;
}
.faqItem{
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,.08);
  border-radius: 0;
  overflow: hidden;
  transition: background .3s ease;
  counter-increment: faqCounter;
}
.faqItem:first-child{
  border-top: 1px solid rgba(255,255,255,.08);
}
.faqItem:hover{
  background: rgba(201,169,110,.03);
}
.faqItem summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  padding: 26px 4px;
  font-weight: 700;
  font-size: 16px;
  color: rgba(255,255,255,.92);
  cursor: pointer;
  list-style: none;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  transition: all .3s ease;
}
.faqItem summary::before{
  content: "0" counter(faqCounter);
  font-size: 14px;
  font-weight: 800;
  color: #c9a96e;
  opacity: .5;
  flex: 0 0 auto;
  transition: opacity .3s ease;
  min-width: 28px;
}
.faqItem:hover summary::before,
.faqItem[open] summary::before{
  opacity: 1;
}
.faqItem summary .faqQ{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  color: rgba(255,255,255,.85);
  transition: color .3s ease;
}
.faqItem:hover summary .faqQ{
  color: #fff;
}
.faqItem summary::-webkit-details-marker{
  display: none;
}
.faqItem summary::after{
  content: '';
  position: static;
  transform: rotate(0deg);
  margin-left: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 0;
  background: rgba(201,169,110,.08);
  border: 1px solid rgba(201,169,110,.20);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2 6h8' stroke='%23c9a96e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform .4s cubic-bezier(.22,1,.36,1), background .3s ease, border-color .3s ease;
  flex: 0 0 auto;
}
.faqItem:hover summary::after{
  background-color: rgba(201,169,110,.12);
  border-color: rgba(201,169,110,.30);
}
.faqItem[open] summary::after{
  transform: rotate(45deg);
  background-color: rgba(201,169,110,.14);
  border-color: rgba(201,169,110,.35);
}
.faqItem p{
  margin: 0;
  padding: 0 4px 24px 46px;
  color: rgba(255,255,255,.58);
  font-size: 14.5px;
  line-height: 1.7;
}
.faqItem[open]{
  background: rgba(201,169,110,.03);
  border-bottom-color: rgba(201,169,110,.12);
}
.faqItem summary:focus-visible{
  outline: 2px solid rgba(201,169,110,.45);
  outline-offset: -2px;
}
@media (max-width: 980px){
  .faq{padding: 40px 0}
  .faqItem summary{padding: 18px 18px}
  .faqItem p{padding: 0 18px 18px 48px}
}

/* ===== PARTNERS BLOCK ===== */
.partners{
  padding: 28px 0;
  border: none;
  background: rgba(5,5,5,.5);
  position: relative;
  z-index: 1;
}
.partnersTitle{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .06em;
  text-align: center;
  margin: 0 0 8px;
  color: rgba(255,255,255,.55);
  text-transform: uppercase;
}
.partnersSub{
  text-align: center;
  color: rgba(255,255,255,.80);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .02em;
}
.partnerLogoSingle{
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.partnerLogoSingle img{
  height: 40px;
  width: auto;
  max-width: 180px;
  filter: brightness(1.1);
  opacity: .95;
}
.partnersLogos{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 740px;
  margin: 36px auto 0;
}
.partnerLogo{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
}
.partnerLogo::before{
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(230,255,77,.08), transparent 70%);
  opacity: 0;
  transition: opacity .3s ease;
}
.partnerLogo:hover::before{
  opacity: 1;
}
.partnerLogo:hover{
  border-color: rgba(230,255,77,.4);
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 40px rgba(230,255,77,.15);
}
.partnerLogo img{
  height: 36px;
  width: auto;
  max-width: 150px;
  filter: brightness(1.1) contrast(1.05);
  transition: all .3s ease;
  position: relative;
  z-index: 1;
}
.partnerLogo:hover img{
  filter: brightness(1.25) contrast(1.1);
}
@media (max-width: 980px){
  .partners{padding: 32px 0 28px}
  .partnersLogos{grid-template-columns: 1fr 1fr;gap: 16px;margin-top: 24px}
  .partnerLogo{padding: 24px 16px}
  .partnerLogo img{height: 28px;max-width: 120px}
  .timerNumber{font-size:28px}
  .timerBlock{gap:2px}
  .urgencyTimer{padding:16px}
}
@media (max-width: 480px){
  .partnersLogos{grid-template-columns: 1fr;gap: 12px}
  .partnerLogo{padding: 20px}
  .timerDisplay{gap:12px}
  .timerNumber{font-size:24px}
  .timerLabel{font-size:10px}
}

/* CTA Banner */
.ctaBanner{padding:80px 0;background:linear-gradient(135deg,#1a1d29 0%,#0f1117 100%);position:relative;overflow:hidden;margin:60px 0}
.ctaBanner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,175,55,0.08),rgba(212,175,55,0.03));pointer-events:none}
.ctaBannerInner{text-align:center;position:relative;z-index:1}
.ctaBannerInner h3{font-size:36px;margin:0 0 16px;font-weight:900;background:linear-gradient(135deg,#fff,rgba(255,255,255,0.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ctaBannerInner p{font-size:18px;margin:0 0 32px;color:rgba(255,255,255,0.7);max-width:600px;margin-left:auto;margin-right:auto}
.ctaBannerInner .cta{font-size:16px;padding:20px 56px}
@media(max-width:768px){
  .ctaBanner{padding:50px 0;margin:40px 0}
  .ctaBannerInner h3{font-size:26px}
  .ctaBannerInner p{font-size:16px}
}

/* ===== MOBILE NAV BACKGROUND PAINT FIX =====
   On some Android / in-app browsers (WebView) a fixed overlay that uses
   backdrop-filter may render without a painted background (appears transparent).
   This forces an always-painted background, and applies blur only when supported.
*/
.mobileNav{
  background: rgba(11,12,16,0.98);
  backdrop-filter: none;
}
.mobileNav::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(11,12,16,0.98);
  pointer-events:none;
}
.mobileNav > *{
  position:relative;
  z-index:1;
}
.mobileNavHead{
  position:relative;
  background: rgba(11,12,16,0.95);
  backdrop-filter: none;
}
.mobileNavHead::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(11,12,16,0.95);
  pointer-events:none;
}
.mobileNavHead > *{
  position:relative;
  z-index:1;
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .mobileNav{
    background: rgba(11,12,16,0.72);
  }
  .mobileNav::before{
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  .mobileNavHead{
    background: rgba(11,12,16,0.82);
  }
  .mobileNavHead::before{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

/* Optional: keep topbar background consistent across devices */
.topbar{
  background: #030303;
  backdrop-filter: none;
}
.topbar::before{
  content:"";
  position:absolute;
  inset:0;
  background: #030303;
  pointer-events:none;
}
.topbar > *{
  position:relative;
  z-index:1;
}

/* ===== SEAMLESS SECTIONS — no visible seams ===== */
section{
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ===== A01K-STYLE SECTION HEADERS ===== */
.sectionHead{
  margin-bottom: 40px;
}
.sectionNum{
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: var(--accent);
  letter-spacing: .06em;
  margin-bottom: 10px;
}
.sectionTitle{
  font-size: 42px;
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.1;
  margin: 0;
}

/* ===== A01K-STYLE PROOF CARDS ===== */
.proof{
  padding: 80px 0;
  position: relative;
  overflow: hidden;
  border-top: none !important;
  border-bottom: none !important;
}
.proof .proofFade{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, #050505 0%, transparent 100%);
  z-index: 0;
  pointer-events: none;
}
.proof::before{
  content: "" !important;
  position: absolute;
  top: -20%;
  left: -15%;
  width: 65%;
  height: 140%;
  background: radial-gradient(ellipse at center, rgba(201,169,110,.10) 0%, rgba(201,169,110,.03) 40%, transparent 70%);
  animation: proofGlow1 8s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}
.proof::after{
  content: "" !important;
  position: absolute;
  bottom: -30%;
  right: -15%;
  width: 60%;
  height: 140%;
  background: radial-gradient(ellipse at center, rgba(201,169,110,.08) 0%, rgba(201,169,110,.025) 40%, transparent 70%);
  animation: proofGlow2 10s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}
@keyframes proofGlow1{
  0%{transform: translate(0, 0) scale(1); opacity: .5}
  50%{transform: translate(5%, 8%) scale(1.2); opacity: 1}
  100%{transform: translate(-3%, -5%) scale(1.05); opacity: .6}
}
@keyframes proofGlow2{
  0%{transform: translate(0, 0) scale(1); opacity: .4}
  50%{transform: translate(-6%, -4%) scale(1.15); opacity: 1}
  100%{transform: translate(4%, 6%) scale(1.05); opacity: .5}
}
.proof > .container{
  position: relative;
  z-index: 1;
}

/* Scroll reveal animation — must override all earlier .proofCard rules */
.proof .proofGrid .proofCard{
  opacity: 0 !important;
  transform: translateY(50px) !important;
  transition: opacity 1s cubic-bezier(.22,1,.36,1) .2s, transform 1s cubic-bezier(.22,1,.36,1) .2s !important;
  will-change: opacity, transform;
}
.proof .proofGrid .proofCard.visible{
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.proof .proofGrid .proofCard:nth-child(2){transition-delay: .2s !important}
.proof .proofGrid .proofCard:nth-child(3){transition-delay: .3s !important}
.proof .proofGrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.proof .proofCard{
  padding: 32px 28px 32px 32px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%);
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
}
.proof .proofCard::before{
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--accent), rgba(201,169,110,.2));
  opacity: .7;
  transition: opacity .3s ease;
}
.proof .proofCard:hover{
  border-color: rgba(201,169,110,.30);
  background: linear-gradient(135deg, rgba(201,169,110,.06) 0%, rgba(255,255,255,.03) 100%);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(201,169,110,.08);
}
.proof .proofCard:hover::before{
  opacity: 1;
}
.proofNum{
  display: inline-block;
  font-size: 28px;
  font-weight: 900;
  color: var(--accent);
  opacity: .15;
  margin-bottom: 14px;
  letter-spacing: -.02em;
  line-height: 1;
}
.proof .proofTitle{
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 10px;
  color: rgba(255,255,255,.95);
}
.proof .proofSub{
  font-size: 14.5px;
  color: rgba(255,255,255,.75);
  line-height: 1.65;
}
.proof .proofCardWide{
  grid-column: 1 / -1;
}
.proofCardAccent{
  border-color: rgba(201,169,110,.22) !important;
  background: linear-gradient(135deg, rgba(201,169,110,.06), rgba(255,255,255,.02)) !important;
}
.proofCardAccent::before{
  width: 4px !important;
  opacity: 1 !important;
}
.proofCardAccent:hover{
  border-color: rgba(201,169,110,.40) !important;
  box-shadow: 0 16px 48px rgba(201,169,110,.10);
}
.proof .videoBtn{
  margin-top: 18px;
  padding: 14px 32px;
  border-radius: 14px;
  border: 1px solid rgba(201,169,110,.18);
  border-top-color: rgba(255,245,220,.35);
  background: linear-gradient(165deg, rgba(201,169,110,.14) 0%, rgba(255,255,255,.06) 40%, rgba(201,169,110,.08) 100%);
  color: #ebd8ae;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: all .35s cubic-bezier(.22,1,.36,1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 1px 2px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,245,220,.28), inset 0 -1px 0 rgba(201,169,110,.06);
  text-shadow: 0 0 8px rgba(201,169,110,.12);
  letter-spacing: .03em;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(60px) saturate(200%) brightness(1.15) contrast(1.05);
  -webkit-backdrop-filter: blur(60px) saturate(200%) brightness(1.15) contrast(1.05);
  animation: ctaGlass 3.5s ease-in-out infinite;
}
.proof .videoBtn::before{
  content: "▶";
  font-size: 11px;
}
.proof .videoBtn::after{
  content: "";
  position: absolute;
  top: 0; left: -140%;
  width: 80%; height: 100%;
  background: linear-gradient(105deg, transparent 25%, rgba(255,245,220,.06) 38%, rgba(255,245,220,.14) 45%, rgba(255,255,255,.18) 50%, rgba(255,245,220,.14) 55%, rgba(255,245,220,.06) 62%, transparent 75%);
  animation: ctaShimmer 7s ease-in-out infinite;
}
.proof .videoBtn:hover{
  transform: translateY(-1px);
  background: linear-gradient(165deg, rgba(201,169,110,.20) 0%, rgba(255,255,255,.10) 40%, rgba(201,169,110,.12) 100%);
  border-color: rgba(201,169,110,.28);
  border-top-color: rgba(255,245,220,.45);
  box-shadow: 0 2px 4px rgba(0,0,0,.25), 0 12px 32px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,245,220,.35), 0 0 20px rgba(201,169,110,.06);
  color: #f2e4c4;
  animation: none;
}

@media (max-width: 980px){
  .sectionTitle{font-size: 32px}
  .sectionHead{margin-bottom: 28px}
  .proof .proofGrid{grid-template-columns: 1fr}
  .proof .proofCard{padding: 24px 22px}
  .proof .proofTitle{font-size: 18px}
}

/* ===== (03) REPEAT / HOW IT WORKS — white accents ===== */
.repeat{
  padding: 100px 0;
  position: relative;
  z-index: 1;
}
.repeat::before{
  content: "";
  position: absolute;
  top: -15%;
  left: -20%;
  width: 55%;
  height: 130%;
  background: radial-gradient(ellipse at center, rgba(201,169,110,.10) 0%, transparent 65%);
  animation: repeatGlow1 10s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}
.repeat::after{
  content: "";
  position: absolute;
  bottom: -20%;
  right: -15%;
  width: 55%;
  height: 130%;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.06) 0%, transparent 65%);
  animation: repeatGlow2 12s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}
@keyframes repeatGlow1{
  0%{transform: translate(0,0) scale(1); opacity:.5}
  100%{transform: translate(4%,6%) scale(1.1); opacity:.8}
}
@keyframes repeatGlow2{
  0%{transform: translate(0,0) scale(1); opacity:.4}
  100%{transform: translate(-5%,-3%) scale(1.15); opacity:.7}
}
/* Animated spotlight behind repeatRight */
.repeat .repeatRight::before{
  content: "";
  position: absolute;
  top: -30%;
  left: -20%;
  width: 140%;
  height: 160%;
  background: radial-gradient(ellipse at 50% 50%, rgba(201,169,110,.09) 0%, transparent 60%);
  pointer-events: none;
  z-index: -1;
  animation: spotlightPulse 6s ease-in-out infinite alternate;
}
.repeat .repeatLeft{position: relative;}
.repeat .repeatLeft::before{
  content: "";
  position: absolute;
  top: -20%;
  left: -30%;
  width: 130%;
  height: 140%;
  background: radial-gradient(ellipse at 40% 50%, rgba(255,255,255,.045) 0%, transparent 55%);
  pointer-events: none;
  z-index: -1;
  animation: spotlightPulse 8s ease-in-out 2s infinite alternate;
}
@keyframes spotlightPulse{
  0%{opacity:.5; transform: scale(1)}
  100%{opacity:1; transform: scale(1.08)}
}
.repeat > .container{
  position: relative;
  z-index: 1;
}
.repeatHeading{
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 12px;
}
.repeat .repeatRight{
  border-color: rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 100%);
}
.repeat .metric{
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  transition: all .2s ease;
}
.repeat .metric:hover{
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  transform: translateY(-2px);
}
.repeat .metricLabel--ticked::before{
  background-color: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 0 18px rgba(255,255,255,.06) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2012%2010%27%3E%3Cpath%20d%3D%27M1%205l3%203%207-7%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") !important;
}

/* Scroll reveal for repeat elements */
.repeat .repeatGrid{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s cubic-bezier(.22,1,.36,1) .2s, transform 1s cubic-bezier(.22,1,.36,1) .2s;
}
.repeat .repeatGrid.visible{
  opacity: 1;
  transform: translateY(0);
}

/* ---- Wave activation for metric cards ---- */
.repeat .repeatRight{
  position: relative;
  overflow: hidden;
}
.repeat .repeatRight::after{
  content: "";
  position: absolute;
  top: -20%;
  left: -100%;
  width: 60%;
  height: 140%;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(201,169,110,.12) 30%,
    rgba(255,255,255,.18) 50%,
    rgba(201,169,110,.12) 70%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transform: skewX(-12deg);
  transition: none;
}
.repeat .repeatRight.wave-active::after{
  opacity: 1;
  animation: repeatWaveSweep 1.2s cubic-bezier(.25,.46,.45,.94) forwards;
}
@keyframes repeatWaveSweep{
  0%{left: -60%; opacity: 1}
  70%{opacity: 1}
  100%{left: 120%; opacity: 0}
}

/* Metric cards — start dim, activate on wave */
.repeat .metric{
  opacity: .3;
  transform: scale(.95);
  transition: opacity .5s ease, transform .5s ease, border-color .5s ease, background .5s ease, box-shadow .5s ease;
}
.repeat .metric.metric-active{
  opacity: 1;
  transform: scale(1.02);
  border-color: rgba(201,169,110,.45) !important;
  background: rgba(201,169,110,.12) !important;
  box-shadow: 0 0 32px rgba(201,169,110,.18), 0 0 8px rgba(201,169,110,.08), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.repeat .metric.metric-active .metricLabel--ticked::before{
  background-color: rgba(201,169,110,.25) !important;
  border-color: rgba(201,169,110,.55) !important;
  box-shadow: 0 0 24px rgba(201,169,110,.22) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2012%2010%27%3E%3Cpath%20d%3D%27M1%205l3%203%207-7%27%20fill%3D%27none%27%20stroke%3D%27%23c9a96e%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E") !important;
}

@media (max-width: 980px){
  .repeat{padding: 56px 0}
  .repeatHeading{font-size: 20px}
}

/* ===== (04) REVIEWS — gold stars, white nav ===== */
.reviews{
  padding: 100px 0;
  position: relative;
  z-index: 1;
}
.reviews > .container{
  position: relative;
  z-index: 1;
}
/* Animated spotlight behind review slider */
.reviews .slider{
  position: relative;
}
.reviews .slider::before{
  content: "";
  position: absolute;
  top: -40%;
  left: -15%;
  width: 130%;
  height: 180%;
  background: radial-gradient(ellipse at 50% 50%, rgba(201,169,110,.08) 0%, transparent 55%);
  pointer-events: none;
  z-index: -1;
  animation: spotlightPulse 7s ease-in-out 1s infinite alternate;
}
.reviews .slider{
  border-color: rgba(255,255,255,.08);
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s cubic-bezier(.22,1,.36,1) .25s, transform 1s cubic-bezier(.22,1,.36,1) .25s;
}
.reviews .slider.visible{
  opacity: 1;
  transform: translateY(0);
}
.reviews .navBtn:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
  color: var(--accent2);
}

/* ===== (05) TEAM — premium founder section ===== */
.team{
  padding: 100px 0;
  position: relative;
  z-index: 1;
}
.team > .container{
  position: relative;
  z-index: 1;
}


/* ---- CEO lead card (horizontal) ---- */
.teamLead{
  max-width: 760px;
  margin: 0 auto 28px;
}
.teamCard--ceo{
  border-color: rgba(201,169,110,.22) !important;
  background: linear-gradient(135deg, rgba(201,169,110,.06) 0%, rgba(20,20,22,.95) 50%, rgba(255,255,255,.03) 100%) !important;
  padding: 0 !important;
  overflow: hidden;
}
.teamLeadInner{
  display: grid;
  grid-template-columns: 260px 1fr;
  min-height: 300px;
}
.teamCard--ceo .teamImgWrap{
  border-radius: 0;
  padding: 0;
  background: none;
}
.teamCard--ceo .teamImgWrap::after{display: none}
.teamCard--ceo .teamImg{
  height: 100%;
  aspect-ratio: auto;
  border-radius: 20px 0 0 20px;
}
.teamCard--ceo .teamPhoto{
  border-radius: 20px 0 0 20px;
  object-position: 30% 20%;
  transform: scale(1.15);
}
.teamLeadInfo{
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.teamLeadInfo h4{
  margin-top: 10px;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.01em;
}
.teamLeadBio{
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,.75);
}
.teamLeadStats{
  display: flex;
  gap: 24px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(201,169,110,.15);
}
.teamLeadStat{
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.teamLeadStatNum{
  font-size: 22px;
  font-weight: 900;
  color: #c9a96e;
}
.teamLeadStatLabel{
  font-size: 11px;
  color: rgba(255,255,255,.45);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.teamCard--ceo:hover{
  border-color: rgba(201,169,110,.38) !important;
  box-shadow: 0 20px 60px rgba(201,169,110,.12) !important;
}

/* Badge */
.teamBadge{
  display: inline-block;
  width: fit-content;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.teamBadge--gold{
  border: 1px solid rgba(201,169,110,.35);
  background: rgba(201,169,110,.10);
  color: #c9a96e;
}

/* ---- Team grid (3 cols) ---- */
.team .teamGrid{
  max-width: 760px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* Photo wrapper with glow ring */
.teamImgWrap{
  position: relative;
  padding: 3px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(201,169,110,.20), rgba(255,255,255,.06), rgba(201,169,110,.20));
}
.teamImgWrap::after{
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 24px;
  background: radial-gradient(ellipse at 50% 50%, rgba(201,169,110,.06) 0%, transparent 70%);
  z-index: -1;
  animation: spotlightPulse 7s ease-in-out infinite alternate;
}

/* Regular cards */
.team .teamCard{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s cubic-bezier(.22,1,.36,1) .2s, transform 1s cubic-bezier(.22,1,.36,1) .2s, border-color .3s, box-shadow .3s;
  position: relative;
  overflow: hidden;
}
.team .teamCard.visible{
  opacity: 1;
  transform: translateY(0);
}
.team .teamGrid .teamCard:nth-child(1){transition-delay: .3s}
.team .teamGrid .teamCard:nth-child(2){transition-delay: .5s}
.team .teamGrid .teamCard:nth-child(3){transition-delay: .7s}
.team .teamCard:hover{
  border-color: rgba(201,169,110,.28);
  box-shadow: 0 14px 44px rgba(201,169,110,.10);
  transform: translateY(-4px);
}

/* Card body */
.teamCardBody{
  padding: 14px 4px 4px;
  text-align: center;
}
.teamCardBody h4{
  font-size: 14px;
  font-weight: 900;
}
.teamCardBody .teamName{
  margin-top: 4px;
}
.teamDivider{
  width: 32px;
  height: 2px;
  background: linear-gradient(90deg, rgba(201,169,110,.4), rgba(201,169,110,.1));
  border-radius: 2px;
  margin: 10px auto;
}

/* Experience / description */
.teamExp{
  font-size: 12px;
  color: rgba(255,255,255,.65);
  font-weight: 500;
  line-height: 1.5;
}

/* ---- Responsive ---- */
@media (max-width: 980px){
  .team{padding: 56px 0}
  .teamLeadInner{
    grid-template-columns: 200px 1fr;
    min-height: 240px;
  }
  .teamLeadInfo h4{font-size: 18px}
  .teamLeadStats{gap: 16px}
  .teamLeadStatNum{font-size: 18px}
}
@media (max-width: 680px){
  .teamLeadInner{
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .teamCard--ceo .teamImg{
    border-radius: 20px 20px 0 0;
    aspect-ratio: 4/3;
  }
  .teamCard--ceo .teamPhoto{
    border-radius: 20px 20px 0 0;
  }
  .teamLeadInfo{padding: 20px 20px 24px}
  .team .teamGrid{
    grid-template-columns: 1fr;
    max-width: 340px;
  }
}

/* ===== (06) RESULTS — white numbers ===== */
.results{
  position: relative;
  z-index: 1;
}
.results::before{
  content: "";
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 130%;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.03) 0%, transparent 70%);
  animation: resultsGlow 10s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0;
}
@keyframes resultsGlow{
  0%{transform: translateX(-50%) scale(1); opacity:.4}
  100%{transform: translateX(-50%) scale(1.15); opacity:.7}
}
.results > .container{
  position: relative;
  z-index: 1;
}
.results .resultNumber{
  color: var(--accent2) !important;
}
.results .resultCard{
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1);
}
.results .resultCard:nth-child(1){transition-delay: .2s}
.results .resultCard:nth-child(2){transition-delay: .35s}
.results .resultCard:nth-child(3){transition-delay: .5s}
.results .resultCard:nth-child(4){transition-delay: .65s}
.results .resultCard.visible{
  opacity: 1;
  transform: translateY(0);
}
.results .resultCard:nth-child(2){transition-delay: .1s}
.results .resultCard:nth-child(3){transition-delay: .2s}
.results .resultCard:nth-child(4){transition-delay: .3s}
.results .resultCard:hover{
  border-color: rgba(255,255,255,.20);
  box-shadow: 0 12px 40px rgba(255,255,255,.06);
}

/* ===== (08) FAQ — white expand icon ===== */

/* ===== (09) BOOKING — white timer ===== */
.booking{
  padding: 80px 0 40px;
  position: relative;
  z-index: 1;
}
.booking > .container{
  position: relative;
  z-index: 1;
}
/* Booking: premium card */
.booking .bookingGrid{
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  border-top-color: rgba(255,255,255,.18);
  background: linear-gradient(to bottom, rgba(255,255,255,.12), rgba(255,255,255,.06));
  padding: 44px;
  gap: 44px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 20px 60px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.14);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(60px) saturate(180%) brightness(1.1);
  -webkit-backdrop-filter: blur(60px) saturate(180%) brightness(1.1);
}
.booking .bookingGrid::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255,255,255,.06), transparent);
  border-radius: 22px 22px 0 0;
  pointer-events: none;
}
.booking .bookLeft{
  padding-right: 44px;
  border-right: 1px solid rgba(255,255,255,.04);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.booking .metaLine{
  padding: 16px 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
  font-size: 14px;
  line-height: 1.5;
}
.booking .metaLine:first-child{
  padding-top: 0;
}
.booking .metaLine:last-of-type{
  border-bottom: none;
}
.booking .metaLine span{
  color: rgba(255,255,255,.45);
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .10em;
  display: block;
  margin-bottom: 5px;
}
.booking .metaLine b{
  color: rgba(255,255,255,.95);
  font-size: 15px;
  font-weight: 700;
}

/* Timer */
.booking .urgencyTimer{
  border: none;
  background: transparent;
  border-radius: 0;
  padding: 20px 0 0;
  box-shadow: none;
  margin-top: 16px;
  text-align: left;
  border-top: 1px solid rgba(255,255,255,.06);
}
.booking .urgencyText{
  color: rgba(201,169,110,.50);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  margin-bottom: 16px;
}
.booking .timerNumber{
  color: #ebd8ae !important;
  font-size: 38px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1;
  text-shadow: 0 0 12px rgba(201,169,110,.15);
}
@keyframes timerPulse{
  0%,100%{opacity:1}
  50%{opacity:.7}
}
.booking .timerBlock{
  background: linear-gradient(165deg, rgba(201,169,110,.08), rgba(255,255,255,.025));
  border-radius: 14px;
  padding: 16px 22px;
  gap: 4px;
  border: 1px solid rgba(201,169,110,.10);
  border-top-color: rgba(255,245,220,.16);
  box-shadow: inset 0 1px 0 rgba(255,245,220,.10);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}
.booking .timerLabel{
  color: rgba(201,169,110,.40);
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.booking .timerDisplay{
  gap: 10px;
  justify-content: flex-start;
}
.timerFooter{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 16px;
}
.booking .urgencySubtext{
  color: rgba(255,255,255,.55);
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  letter-spacing: .03em;
}

/* Form */
.booking .form{
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.booking .form label{
  color: rgba(255,255,255,.50);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .10em;
  margin-top: 18px;
}
.booking .form label:first-of-type{
  margin-top: 0;
}
.booking .form input,
.booking .form select{
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,.08);
  border-radius: 0;
  padding: 12px 0;
  font-size: 14px;
  color: rgba(255,255,255,.90);
  transition: border-color .3s;
}
.booking .form input:focus,
.booking .form select:focus{
  border-color: rgba(201,169,110,.6);
  background: transparent;
  outline: none;
}
.booking .form input:valid:not(:placeholder-shown),
.booking .form select:valid:not([value=""]){
  border-color: rgba(201,169,110,.35);
  background: transparent;
}
.booking .form input::placeholder{
  color: rgba(255,255,255,.40);
}
.booking .form button{
  margin-top: 28px;
  padding: 18px;
  border-radius: 14px;
  background: linear-gradient(165deg, rgba(201,169,110,.22) 0%, rgba(180,140,80,.10) 30%, rgba(220,190,130,.16) 60%, rgba(201,169,110,.12) 100%);
  color: #f0e0c0;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .03em;
  transition: all .35s cubic-bezier(.22,1,.36,1);
  box-shadow: 0 1px 2px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,245,220,.30), inset 0 -1px 0 rgba(201,169,110,.08);
  text-shadow: 0 0 10px rgba(201,169,110,.18);
  border: 1px solid rgba(201,169,110,.22);
  border-top-color: rgba(255,235,200,.38);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(60px) saturate(220%) brightness(1.2) contrast(1.08) hue-rotate(-5deg);
  -webkit-backdrop-filter: blur(60px) saturate(220%) brightness(1.2) contrast(1.08) hue-rotate(-5deg);
  animation: ctaGlass 3.5s ease-in-out infinite;
}
.booking .form button::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 52%;
  background: linear-gradient(175deg, rgba(255,235,200,.22) 0%, rgba(255,245,220,.06) 50%, transparent 100%);
  border-radius: 14px 14px 0 0;
  pointer-events: none;
}
.booking .form button::after{
  content: "";
  position: absolute;
  top: 0; left: -140%;
  width: 80%; height: 100%;
  background: linear-gradient(105deg, transparent 25%, rgba(255,245,220,.06) 38%, rgba(255,245,220,.14) 45%, rgba(255,255,255,.18) 50%, rgba(255,245,220,.14) 55%, rgba(255,245,220,.06) 62%, transparent 75%);
  animation: ctaShimmer 7s ease-in-out infinite;
}
.booking .form button:hover{
  transform: translateY(-1px);
  background: linear-gradient(165deg, rgba(201,169,110,.30) 0%, rgba(220,190,130,.14) 40%, rgba(201,169,110,.18) 100%);
  border-color: rgba(201,169,110,.28);
  border-top-color: rgba(255,245,220,.45);
  box-shadow: 0 2px 4px rgba(0,0,0,.25), 0 12px 32px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,245,220,.35), 0 0 20px rgba(201,169,110,.06);
  color: #f2e4c4;
  animation: none;
}
@media (max-width: 980px){
  .booking .form button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    max-width: 360px;
  }
}
.booking .liveCounter{
  background: rgba(52,211,153,.08);
  border: 1px solid rgba(52,211,153,.20);
  color: rgba(52,211,153,.90);
  font-size: 12px;
  font-weight: 600;
  padding: 8px 18px;
  letter-spacing: .02em;
  margin: 0;
  border-radius: 999px;
}
.booking .liveCounterDot{
  background: rgba(52,211,153,.85);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px rgba(52,211,153,.4);
}

/* ===== SCROLL ANIMATIONS — enhanced ===== */

/* Section headers: slide from left */
.sectionHead{
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 1s cubic-bezier(.22,1,.36,1) .15s, transform 1s cubic-bezier(.22,1,.36,1) .15s;
}
.sectionHead.visible{
  opacity: 1;
  transform: translateX(0);
}

/* FAQ items: stagger from bottom */
.faqItem{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1);
}
.faqItem.visible{
  opacity: 1;
  transform: translateY(0);
}
.faqItem:nth-child(1){transition-delay: .2s}
.faqItem:nth-child(2){transition-delay: .35s}
.faqItem:nth-child(3){transition-delay: .5s}
.faqItem:nth-child(4){transition-delay: .65s}

/* Booking form: fade + scale */
.booking .bookingGrid{
  opacity: 0;
  transform: translateY(40px) scale(.98);
  transition: opacity 1s cubic-bezier(.22,1,.36,1) .3s, transform 1s cubic-bezier(.22,1,.36,1) .3s;
}
.booking .bookingGrid.visible{
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Partners logo: fade + scale */
.partnerLogoSingle{
  opacity: 0;
  transform: scale(.9);
  transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
}
.partnerLogoSingle.visible{
  opacity: 1;
  transform: scale(1);
}

/* Telegram card: scale entrance */
.tgCard{
  transform: translateY(40px) scale(.97);
}
.tgCard.visible{
  transform: translateY(0) scale(1);
}

/* Result number counter glow on reveal */
.results .resultCard.visible .resultNumber{
  animation: numberPulse .6s ease-out .3s both;
}
@keyframes numberPulse{
  0%{text-shadow: 0 0 0 transparent}
  50%{text-shadow: 0 0 20px rgba(255,255,255,.25)}
  100%{text-shadow: 0 0 0 transparent}
}

/* Direction cards: stagger reveal */
.tgDir{
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity .9s cubic-bezier(.22,1,.36,1) .2s, transform .9s cubic-bezier(.22,1,.36,1) .2s;
}
.tgDir:nth-child(2){transition-delay: .35s}
.tgDir:nth-child(3){transition-delay: .5s}
.tgDir.visible{
  opacity: 1;
  transform: translateX(0);
}
.tgDir:nth-child(2){transition-delay: .12s}
.tgDir:nth-child(3){transition-delay: .24s}

/* Parallax — subtle vertical shift on glow containers via JS --parallax-y */

@keyframes ctaGlass{
  0%,100%{box-shadow:0 1px 2px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,245,220,.28);border-top-color:rgba(255,245,220,.35)}
  50%{box-shadow:0 2px 4px rgba(0,0,0,.25),0 10px 32px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,245,220,.35),0 0 30px rgba(201,169,110,.06);border-top-color:rgba(255,245,220,.42)}
}
@keyframes ctaShimmer{
  0%{transform:translateX(0);opacity:0}
  5%{opacity:.6}
  12%{opacity:1}
  45%{transform:translateX(440%);opacity:.4}
  50%{transform:translateX(440%);opacity:0}
  51%,100%{transform:translateX(0);opacity:0}
}
@keyframes chatPulse{
  0%,100%{box-shadow:0 1px 2px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.22);transform:scale(1)}
  50%{box-shadow:0 2px 6px rgba(0,0,0,.2),0 12px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.28),0 0 28px rgba(255,255,255,.05);transform:scale(1.04)}
}