*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ══ LIGHT (default) ══ */
:root{
  --bg:#FFFFFF;--bg1:#F8F8F6;--bg2:#F1F1ED;--bg3:#E8E8E3;
  --g:#FFD600;--g2:#F0C800;
  --gd:rgba(255,214,0,.12);--gd2:rgba(255,214,0,.07);--gd3:rgba(255,214,0,.22);
  --g-rgb:255,214,0;
  --w1:rgba(0,0,0,.07);--w2:rgba(0,0,0,.13);--w3:rgba(0,0,0,.2);
  --t:#0A0A0E;--mu:rgba(10,10,14,.65);--mu2:rgba(10,10,14,.35);
  --nav-bg:rgba(255,255,255,.85);--nav-border:rgba(0,0,0,.1);
  --HF:'Syne',sans-serif;--BF:'Inter',sans-serif;
  --r1:14px;--r2:22px;--r3:32px;
  --shadow:0 8px 40px rgba(0,0,0,.1);
}

/* ══ DARK ══ */
[data-theme="dark"]{
  --bg:#08080A;--bg1:#0E0E11;--bg2:#131316;--bg3:#1A1A1E;
  --g:#B7FF00;--g2:#9EE000;
  --gd:rgba(183,255,0,.1);--gd2:rgba(183,255,0,.05);--gd3:rgba(183,255,0,.18);
  --g-rgb:183,255,0;
  --w1:rgba(255,255,255,.06);--w2:rgba(255,255,255,.1);--w3:rgba(255,255,255,.16);
  --t:#F2F0EB;--mu:rgba(242,240,235,.65);--mu2:rgba(242,240,235,.38);
  --nav-bg:rgba(14,14,17,.8);--nav-border:rgba(255,255,255,.1);
  --shadow:0 8px 40px rgba(0,0,0,.5);
}

html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t);font-family:var(--BF);overflow-x:hidden;cursor:none;transition:background .3s,color .3s}
::selection{background:var(--g);color:#000}
::-webkit-scrollbar{width:2px}
::-webkit-scrollbar-thumb{background:var(--bg3)}

/* ══ PARTICLES ══ */
#particlesCanvas{
  position:absolute;inset:0;
  width:100%;height:100%;
  pointer-events:none;
  z-index:0;
  display:block;
}

/* ══ CURSOR ══ */
#cur-dot{
  position:fixed;width:8px;height:8px;left:0;top:0;
  background:var(--g);border-radius:50%;pointer-events:none;z-index:9999;
  transform:translate(0,0);
  will-change:transform;
  transition:width .15s,height .15s,margin .15s,background .2s;
}
body:has(a:hover) #cur-dot,body:has(button:hover) #cur-dot{width:16px;height:16px;margin:-4px 0 0 -4px}
.ripple-ring{position:fixed;border-radius:50%;pointer-events:none;z-index:9990;transform:translate(-50%,-50%) scale(0);animation:rippleOut .65s cubic-bezier(.15,.6,.35,1) forwards}
@keyframes rippleOut{0%{transform:translate(-50%,-50%) scale(0);opacity:.85}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}

/* ══ NAV ══ */
body > nav{
  position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:600;
  display:flex;align-items:center;flex-wrap:nowrap;gap:0;
  background:var(--nav-bg);backdrop-filter:blur(28px);
  border:1px solid var(--nav-border);border-radius:100px;
  padding:5px 5px 5px 20px;
  transition:all .3s;
}
.nav-logo{font-family:var(--HF);font-size:14px;font-weight:800;letter-spacing:-.3px;color:var(--t);text-decoration:none;margin-right:16px;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.nav-logo em{color:var(--g);font-style:normal}
.brand-logo-img{width:28px;height:28px;object-fit:contain;flex-shrink:0}
[data-theme="light"] .brand-logo-img{filter:hue-rotate(-45deg) saturate(1.5)}
.nav-links{display:flex;gap:4px;flex-shrink:0}
.nav-links a{font-size:11.5px;font-weight:500;color:var(--mu);text-decoration:none;padding:7px 8px;border-radius:100px;transition:all .2s;white-space:nowrap}
.nav-links a:hover{color:var(--t);background:var(--w1)}
.nav-controls{display:flex;align-items:center;gap:4px;margin:0 4px;flex-shrink:0}

/* Lang picker */
.lang-pick{position:relative}
.lang-btn{
  display:flex;align-items:center;gap:5px;
  padding:8px 12px;border-radius:100px;
  border:1.5px solid var(--w2);background:var(--w1);
  color:var(--t);font-family:var(--HF);font-size:11px;font-weight:700;letter-spacing:.5px;
  cursor:pointer;transition:all .25s;
}
.lang-btn:hover{border-color:var(--g);background:var(--gd);color:var(--t)}
.lang-btn svg{transition:transform .25s;color:var(--mu)}
.lang-pick.open .lang-btn svg{transform:rotate(180deg)}
.lang-dd{
  position:absolute;top:calc(100% + 8px);right:0;
  background:var(--bg1);border:1px solid var(--w2);border-radius:14px;
  padding:6px;display:none;flex-direction:column;gap:2px;
  min-width:155px;box-shadow:var(--shadow);z-index:1000;
}
.lang-pick.open .lang-dd{display:flex}
.lang-dd button{
  width:100%;text-align:left;padding:9px 13px;
  border-radius:9px;border:none;background:transparent;
  color:var(--mu);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;
}
.lang-dd button:hover,.lang-dd button.active-lang{background:var(--gd);color:var(--t)}

/* Theme toggle */
.theme-toggle{
  width:36px;height:36px;border-radius:50%;
  border:1.5px solid var(--w2);background:var(--w1);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .25s;color:var(--mu);
}
.theme-toggle:hover{border-color:var(--g);color:var(--g);background:var(--gd)}
.icon-sun,.icon-moon{width:16px;height:16px}
[data-theme="light"] .icon-moon{display:block}
[data-theme="light"] .icon-sun{display:none}
[data-theme="dark"] .icon-sun{display:block}
[data-theme="dark"] .icon-moon{display:none}

.nav-cta{
  font-family:var(--HF);font-size:11.5px;font-weight:700;letter-spacing:.3px;
  padding:8px 16px;border-radius:100px;
  background:var(--g);color:#000;border:none;text-decoration:none;
  transition:all .25s;display:inline-block;white-space:nowrap;flex-shrink:0;
}
.nav-cta:hover{background:var(--g2);transform:scale(1.04)}

/* ══ HERO ══ */
.hero{
  min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;padding:175px 48px 40px;position:relative;overflow:hidden;
}
.orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);will-change:transform;contain:paint layout}
.orb1{width:500px;height:500px;background:rgba(var(--g-rgb),.07);top:-100px;left:-100px;animation:orbf 9s ease-in-out infinite alternate}
.orb2{width:400px;height:400px;background:rgba(var(--g-rgb),.05);bottom:-80px;right:-80px;animation:orbf2 11s ease-in-out infinite alternate-reverse}
.orb3{width:300px;height:300px;background:rgba(var(--g-rgb),.04);top:50%;left:50%;margin:-150px 0 0 -150px;animation:orbf 7s ease-in-out infinite alternate}
@keyframes orbf{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.2) translate(3%,-3%)}}
@keyframes orbf2{0%{transform:scale(1)}100%{transform:scale(1.15) translate(-2%,4%)}}
.hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(var(--g-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--g-rgb),.04) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 30%,transparent 100%);
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--gd2);border:1px solid rgba(var(--g-rgb),.2);
  border-radius:100px;padding:5px 14px;margin-bottom:24px;
  font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--g);
  opacity:0;animation:popIn .6s .1s cubic-bezier(.34,1.56,.64,1) forwards;
}
.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--g);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}
.hero-h{
  font-family:var(--HF);font-size:clamp(24px,4.5vw,52px);font-weight:800;
  line-height:.95;letter-spacing:-1px;margin-bottom:20px;position:relative;z-index:2;
}
.hero-h .row{display:block;overflow:hidden;padding-bottom:12px}
.hero-h .row-inner{display:inline-block;opacity:0;transform:translateY(100%);animation:rowUp .85s cubic-bezier(.16,1,.3,1) forwards}
.r1 .row-inner{animation-delay:.15s}
.r2 .row-inner{animation-delay:.28s}
.r3 .row-inner{animation-delay:.41s}
.hero-h .outline{-webkit-text-stroke:2px rgba(var(--g-rgb),.4);color:transparent}

.hero-pre-sub{
  font-size:11.5px;color:var(--mu);font-weight:500;letter-spacing:.5px;
  margin:0 auto 40px;opacity:0;animation:popIn 1s .4s forwards;
}
.hero-sub{
  font-size:clamp(15px,1.6vw,18px);color:var(--mu);font-weight:300;line-height:1.75;
  max-width:520px;margin:0 auto 48px;
  opacity:0;animation:fadeUp .8s .6s ease forwards;
}
.hero-btns{
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  opacity:0;animation:fadeUp .8s .75s ease forwards;position:relative;z-index:2;
}
.btn-main{
  font-family:var(--HF);font-size:13px;font-weight:700;
  padding:12px 30px;border-radius:100px;
  background:var(--g);color:#000;border:none;text-decoration:none;
  transition:all .3s;display:inline-block;
}
.btn-main:hover{background:var(--g2);transform:translateY(-2px);box-shadow:0 0 40px rgba(var(--g-rgb),.3)}
.btn-ghost{
  font-family:var(--HF);font-size:13px;font-weight:700;
  padding:12px 28px;border-radius:100px;
  background:transparent;color:var(--t);
  border:1.5px solid var(--w2);text-decoration:none;
  transition:all .25s;display:inline-block;
}
.btn-ghost:hover{background:var(--bg2);border-color:var(--w3)}
.hero-stats{
  display:flex;gap:0;margin-top:100px;
  border:1px solid var(--w1);border-radius:var(--r2);
  overflow:hidden;background:var(--bg1);backdrop-filter:blur(20px);
  opacity:0;animation:fadeUp .8s .9s ease forwards;position:relative;z-index:2;
}
.hst{padding:22px 36px;text-align:center;border-right:1px solid var(--w1);transition:background .25s}
.hst:last-child{border-right:none}
.hst:hover{background:var(--gd2)}
.hst-n{font-family:var(--HF);font-size:28px;font-weight:800;color:var(--g);letter-spacing:-1px;line-height:1}
.hst-l{font-size:11px;color:var(--mu);margin-top:5px;font-weight:400}

/* ══ TICKER ══ */
.ticker{overflow:hidden;border-top:1px solid var(--w1);border-bottom:1px solid var(--w1);padding:0;background:var(--bg1)}
.ticker-track{display:flex;animation:tick 25s linear infinite;white-space:nowrap;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ti{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;font-family:var(--HF);font-size:13px;letter-spacing:1px;color:var(--mu);text-transform:uppercase}
.ts{color:var(--g);font-size:10px}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ══ SECTIONS ══ */
.sec{padding:110px 64px}
.sec-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--g);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.sec-tag::before{content:'';width:16px;height:1.5px;background:var(--g)}
.sec-title{font-family:var(--HF);font-size:clamp(36px,5.5vw,72px);font-weight:800;letter-spacing:-2px;line-height:.95;margin-bottom:16px}
.sec-sub{font-size:16px;color:var(--mu);font-weight:300;line-height:1.8;max-width:520px;margin-bottom:64px}

/* ══ FEATURES ══ */
#what{background:var(--bg1)}
.feat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.feat-card{
  background:var(--bg2);border:1px solid var(--w1);border-radius:var(--r2);
  padding:36px 30px;position:relative;overflow:hidden;
  transition:border-color .3s,transform .3s;cursor:default;
  will-change:transform;
}
.feat-card::before{
  content:'';position:absolute;inset:0;border-radius:var(--r2);
  background:radial-gradient(circle at var(--px,50%) var(--py,50%),var(--gd3) 0%,transparent 65%);
  opacity:0;transition:opacity .4s;
}
.feat-card:hover{border-color:rgba(var(--g-rgb),.3);transform:translateY(-4px)}
.feat-card:hover::before{opacity:1}
.feat-icon{
  width:48px;height:48px;border-radius:14px;
  background:var(--gd);border:1px solid rgba(var(--g-rgb),.2);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin-bottom:20px;
}
.feat-card h3{font-family:var(--HF);font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}
.feat-card p{font-size:13.5px;color:var(--mu);line-height:1.75}
.feat-card.big{grid-column:span 2}
.feat-card.big .feat-card-inner{display:flex;gap:40px;align-items:center}
.feat-card.big h3{font-size:28px}
.feat-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--gd);border:1px solid rgba(var(--g-rgb),.18);
  border-radius:100px;padding:5px 14px;margin-top:16px;
  font-size:11px;color:var(--g);font-weight:600;letter-spacing:.3px;
}

/* ══ HOW ══ */
#how{background:var(--bg)}
.how-list{display:flex;flex-direction:column;border:1px solid var(--w1);border-radius:var(--r3);overflow:hidden}
.how-item{
  display:grid;grid-template-columns:100px 1fr auto;align-items:center;
  padding:40px 48px;border-bottom:1px solid var(--w1);gap:40px;
  position:relative;overflow:hidden;transition:background .3s;
}
.how-item:last-child{border-bottom:none}
.how-item::after{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--g);transform:scaleY(0);transition:transform .4s cubic-bezier(.16,1,.3,1);transform-origin:bottom;
}
.how-item:hover{background:var(--bg1)}
.how-item:hover::after{transform:scaleY(1)}
.how-num{font-family:var(--HF);font-size:48px;font-weight:800;color:rgba(var(--g-rgb),.15);line-height:1;letter-spacing:-2px;transition:color .3s}
.how-item:hover .how-num{color:rgba(var(--g-rgb),.4)}
.how-title{font-family:var(--HF);font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:-.5px;margin-bottom:8px}
.how-desc{font-size:13.5px;color:var(--mu);line-height:1.7}
.how-tag{
  flex-shrink:0;background:var(--gd);border:1px solid rgba(var(--g-rgb),.15);
  border-radius:100px;padding:8px 18px;font-size:11px;color:var(--g);font-weight:600;white-space:nowrap;
}

/* ══ PRICING ══ */
#pricing{background:var(--bg1)}
.price-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px;flex-wrap:wrap;gap:24px}
.p-toggles{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.p-toggle{display:flex;background:var(--bg2);border:1px solid var(--w2);border-radius:100px;padding:4px;gap:3px}
.ptb{
  font-family:var(--HF);font-size:12px;font-weight:700;letter-spacing:.3px;
  padding:9px 22px;border-radius:100px;border:none;background:transparent;
  color:var(--mu);transition:all .22s;cursor:pointer;
}
.ptb.on{background:var(--g);color:#000}
.p-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}
.pc{
  background:var(--bg);border:1px solid var(--w1);border-radius:var(--r2);
  padding:30px 24px 26px;display:flex;flex-direction:column;
  position:relative;overflow:hidden;transition:transform .3s,border-color .3s;
}
.pc:hover{transform:translateY(-5px);border-color:var(--w2)}
.pc.hot{border-color:rgba(var(--g-rgb),.4);background:var(--bg1)}
.pc.hot:hover{border-color:var(--g)}
.pc-hot-tag{
  position:absolute;top:-1px;right:20px;
  background:var(--g);color:#000;
  font-family:var(--HF);font-size:10px;font-weight:800;letter-spacing:1px;
  padding:5px 14px;border-radius:0 0 10px 10px;
}
.pc::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(var(--g-rgb),.04) 50%,transparent 60%);
  transform:translateX(-100%);transition:transform .5s ease;
}
.pc:hover::before{transform:translateX(100%)}
.pc-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mu);margin-bottom:6px}
.pc-name{font-family:var(--HF);font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin-bottom:22px}
.pc-price{font-family:var(--HF);font-size:54px;font-weight:800;line-height:1;letter-spacing:-3px}
.pc-price sup{font-size:20px;vertical-align:super;letter-spacing:0}
.pc-old{font-size:12px;color:var(--mu);text-decoration:line-through;min-height:17px;margin-top:3px}
.pc-inc{font-size:11px;color:var(--g);font-weight:600;min-height:15px;margin:4px 0 18px}
.pc-line{border:none;border-top:1px solid var(--w1);margin:16px 0}
.pc-feats{list-style:none;flex:1}
.pc-feats li{
  display:flex;align-items:flex-start;gap:8px;
  font-size:12.5px;color:var(--mu);padding:7px 0;
  border-bottom:1px solid var(--w1);line-height:1.5;
}
.pc-feats li:last-child{border:none}
.pck{color:var(--g);font-size:11px;flex-shrink:0;margin-top:1px;font-weight:700}
.pc-btn{
  display:block;text-align:center;margin-top:20px;
  font-family:var(--HF);font-size:12px;font-weight:700;letter-spacing:.5px;
  padding:12px;border-radius:100px;text-decoration:none;border:none;
  transition:all .25s;cursor:pointer;
}
.pc-btn.out{background:transparent;border:1.5px solid var(--w2);color:var(--t)}
.pc-btn.out:hover{background:var(--bg2);border-color:var(--w3)}
.pc-btn.solid{background:var(--g);color:#000}
.pc-btn.solid:hover{background:var(--g2);box-shadow:0 8px 30px rgba(var(--g-rgb),.25)}

/* ══ RESULTS ══ */
#results{background:var(--bg);overflow:hidden}
.results-inner{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--w1);border:1px solid var(--w1);border-radius:var(--r3);overflow:hidden}
.result-cell{background:var(--bg);padding:56px 60px;position:relative;overflow:hidden;transition:background .3s}
.result-cell:hover{background:var(--bg1)}
.rc-ghost{
  position:absolute;right:-10px;bottom:-20px;
  font-family:var(--HF);font-size:200px;font-weight:800;
  color:rgba(var(--g-rgb),.05);line-height:1;pointer-events:none;user-select:none;letter-spacing:-4px;
}
.rc-val{font-family:var(--HF);font-size:clamp(56px,7vw,88px);font-weight:800;color:var(--g);line-height:1;letter-spacing:-3px;position:relative}
.rc-lbl{font-size:14px;color:var(--mu);margin-top:12px;line-height:1.6;position:relative;max-width:280px}

/* ══ PORTFOLIO ══ */
#portfolio{background:#0a0a0c}
#portfolio .sec-tag,#portfolio .sec-title,#portfolio .sec-sub{color:#fff}
#portfolio .sec-sub{margin-bottom:0;color:rgba(255,255,255,.5)}

.pf-photo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,320px);
  gap:18px;
  margin-top:56px;
  border-radius:var(--r3);
  overflow:hidden;
}
.pf-photo-grid > div{border-radius:16px;overflow:hidden}
.pf-photo-grid > div{overflow:hidden}
.pf-photo-grid img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s ease;
  filter:brightness(.88);
  will-change:transform;
}
.pf-photo-grid img:hover{transform:scale(1.04);filter:brightness(1)}

/* 1 — большая верхняя, занимает 2 колонки */
.pf-pg-1{grid-column:1 / span 2;grid-row:1}
/* 2 — маленькая верхняя справа */
.pf-pg-2{grid-column:3;grid-row:1}
/* 3, 4, 5 — маленькие средний ряд */
.pf-pg-3{grid-column:1;grid-row:2}
.pf-pg-4{grid-column:2;grid-row:2}
.pf-pg-5{grid-column:3;grid-row:2}
/* 6 — маленькая нижняя слева */
.pf-pg-6{grid-column:1;grid-row:3}
/* 7 — большая нижняя, занимает 2 колонки */
.pf-pg-7{grid-column:2 / span 2;grid-row:3}

@media(max-width:768px){
  .pf-photo-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:repeat(4,200px);
  }
  .pf-pg-1{grid-column:1 / span 2;grid-row:1}
  .pf-pg-2{grid-column:1;grid-row:2}
  .pf-pg-3{grid-column:2;grid-row:2}
  .pf-pg-4{grid-column:1;grid-row:3}
  .pf-pg-5{grid-column:2;grid-row:3}
  .pf-pg-6{grid-column:1;grid-row:4}
  .pf-pg-7{grid-column:2;grid-row:4}
}

.pf-empty{
  background:#0e0e10;border:1px dashed rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
}
.pf-empty span{font-size:12px;color:rgba(255,255,255,.2);letter-spacing:1px;text-transform:uppercase}

.pf-videos{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;
}
.pf-vid-ph{
  background:#111114;border:1px solid rgba(255,255,255,.07);border-radius:16px;
  height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  cursor:default;
}
.pf-vid-icon{font-size:28px;color:rgba(255,255,255,.2)}
.pf-vid-lbl{font-size:12px;color:rgba(255,255,255,.25);letter-spacing:.4px}

@media(max-width:640px){
  .pf-videos{grid-template-columns:1fr}
}

/* ══ TESTIMONIALS ══ */
#testi{background:var(--bg1)}
.testi-slider{
  overflow:hidden;
  margin:0 -64px;
  padding:40px 0 64px;
  cursor:grab;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.testi-slider.dragging{cursor:grabbing}
.testi-track{
  display:flex;gap:16px;
  width:max-content;
  will-change:transform;
  user-select:none;
}
.tcard{
  background:var(--bg2);border:1px solid var(--w1);border-radius:var(--r2);
  padding:28px 24px;
  width:320px;flex-shrink:0;
  transition:transform .3s,border-color .3s;
}
.tcard:hover{transform:translateY(-3px);border-color:var(--w2)}
.tcard-stars{color:var(--g);font-size:13px;margin-bottom:14px;letter-spacing:2px}
.tcard-text{font-size:13.5px;color:var(--mu);line-height:1.75;margin-bottom:20px}
.tcard-bottom{display:flex;align-items:center;gap:12px}
.tcard-ava{
  width:38px;height:38px;border-radius:50%;
  background:var(--gd);border:1px solid rgba(var(--g-rgb),.2);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--HF);font-size:13px;font-weight:700;color:var(--g);
}
.tcard-name{font-family:var(--HF);font-size:13px;font-weight:700}
.tcard-role{font-size:11px;color:var(--mu);margin-top:1px}
.tcard-result{margin-left:auto;font-family:var(--HF);font-size:18px;font-weight:800;color:var(--g);letter-spacing:-1px}

/* ══ FAQ ══ */
#faq{background:var(--bg)}
.faq-wrap{display:grid;grid-template-columns:420px 1fr;gap:80px;align-items:start}
.faq-sticky{position:sticky;top:100px}
.faq-list{border-top:1px solid var(--w1)}
.fi{border-bottom:1px solid var(--w1)}
.fq{
  width:100%;background:none;border:none;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 0;gap:16px;
  font-size:14px;font-weight:600;color:var(--t);text-align:left;transition:color .2s;cursor:pointer;
}
.fq:hover{color:var(--g)}
.fi-ico{
  width:28px;height:28px;border-radius:50%;border:1.5px solid var(--w2);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;color:var(--mu);flex-shrink:0;transition:all .3s;
}
.fi.on .fi-ico{background:var(--g);border-color:var(--g);color:#000;transform:rotate(45deg)}
.fa{font-size:13.5px;color:var(--mu);line-height:1.8;max-height:0;overflow:hidden;transition:max-height .38s ease,padding .38s}
.fi.on .fa{max-height:260px;padding-bottom:22px}

/* ══ CTA ══ */
#cta{background:var(--bg1);padding:0;position:relative;overflow:hidden}
.cta-glow{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(var(--g-rgb),.08) 0%,transparent 65%);
  pointer-events:none;animation:glowpulse 4s ease-in-out infinite alternate;
}
@keyframes glowpulse{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-50%,-50%) scale(1.15)}}
.cta-inner{padding:100px 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;z-index:2}
.cta-h{font-family:var(--HF);font-size:clamp(40px,6vw,76px);font-weight:800;letter-spacing:-2px;line-height:.95;margin-bottom:16px}
.cta-h em{color:var(--g);font-style:italic}
.cta-p{font-size:16px;color:var(--mu);line-height:1.75;font-weight:300}
.cta-btns{display:flex;flex-direction:column;gap:10px}

/* ── CTA FORM ── */
.cta-form-wrap{width:100%}
.cta-form{display:flex;flex-direction:column;gap:14px}
.cfg{display:flex;flex-direction:column;gap:6px}
.cfl{font-family:var(--HF);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--mu)}
.cfi{
  background:var(--bg2);border:1px solid var(--w2);color:var(--t);
  font-family:var(--BF);font-size:13px;padding:13px 16px;
  border-radius:var(--r1);outline:none;transition:border-color .2s,background .2s;
  width:100%;
}
.cfi:focus{border-color:var(--g);background:var(--bg3)}
.cfi::placeholder{color:var(--mu2)}
select.cfi{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
[data-theme="light"] select.cfi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}
select.cfi option{background:var(--bg2);color:var(--t)}
.cft{resize:vertical;min-height:100px}
.cfbtn{
  margin-top:4px;
  font-family:var(--HF);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  padding:16px;border:none;border-radius:var(--r1);cursor:pointer;
  background:var(--g);color:#000;transition:all .25s;
}
.cfbtn:hover{background:var(--g2);transform:translateY(-2px);box-shadow:0 8px 30px rgba(183,255,0,.25)}
.cb{
  display:flex;align-items:center;gap:16px;
  padding:20px 24px;border-radius:var(--r2);
  border:1px solid var(--w1);text-decoration:none;
  transition:all .25s;position:relative;overflow:hidden;
}
.cb::before{content:'';position:absolute;inset:0;background:var(--gd2);opacity:0;transition:opacity .3s}
.cb:hover{border-color:rgba(var(--g-rgb),.25);transform:translateX(4px)}
.cb:hover::before{opacity:1}
.cb-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cb-text{flex:1}
.cb-name{font-family:var(--HF);font-size:14px;font-weight:700;color:var(--t)}
.cb-hint{font-size:11px;color:var(--mu);margin-top:2px}
.cb-arr{font-size:20px;color:var(--mu);transition:transform .25s,color .25s}
.cb:hover .cb-arr{transform:translateX(6px);color:var(--g)}
.cb.tg .cb-ico{background:rgba(32,159,210,.18)}
.cb.wa .cb-ico{background:rgba(37,211,102,.15)}
.cb.ph .cb-ico{background:var(--gd);border:1px solid rgba(var(--g-rgb),.18)}
.cb.ph .cb-name{color:var(--g)}
.cb.ph .cb-arr{color:var(--g)}

/* ══ FOOTER ══ */
/* ═══ FOOTER ═══ */
footer{background:var(--bg);border-top:1px solid var(--w1);padding:48px 64px 36px}
.f-logo{font-family:var(--HF);font-size:18px;font-weight:800;color:var(--t);text-decoration:none;display:inline-flex;align-items:center;gap:9px;margin-bottom:12px}
.f-logo em{color:var(--g);font-style:normal}
.ft-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:32px;flex-wrap:wrap}
.ft-brand{max-width:300px}
.ft-desc{font-size:12px;color:var(--mu);line-height:1.7;margin-top:0}
.ft-cols{display:flex;gap:56px;flex-shrink:0}
.ft-col h4{font-family:var(--HF);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--mu);margin-bottom:14px}
.ft-col a{display:block;font-size:12px;color:var(--t);text-decoration:none;margin-bottom:9px;opacity:.55;transition:opacity .2s}
.ft-col a:hover{opacity:1}
.ft-mainsite{padding:20px 0;border-top:1px solid var(--w1);border-bottom:1px solid var(--w1);text-align:center;margin-bottom:0}
.ft-mainsite a{font-family:var(--HF);font-size:14px;font-weight:700;color:var(--g);text-decoration:none;letter-spacing:.02em;transition:opacity .2s}
.ft-mainsite a span{font-weight:900}
.ft-mainsite a:hover{opacity:.7}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;flex-wrap:wrap;gap:14px}
.ft-bottom>span{font-size:11px;color:var(--mu2)}
.ft-bottom>span a{color:var(--mu2);text-decoration:none;transition:color .2s}
.ft-bottom>span a:hover{color:var(--g)}
.ft-cta{font-family:var(--HF);font-size:12px;font-weight:700;padding:10px 24px;border-radius:100px;background:var(--g);color:#000;text-decoration:none;transition:all .25s;display:inline-block;white-space:nowrap}
.ft-cta:hover{background:var(--g2);transform:scale(1.04);color:#000}
@media(max-width:768px){
  footer{padding:36px 20px 28px}
  .ft-top{flex-direction:column;gap:28px}
  .ft-brand{max-width:100%}
  .ft-cols{gap:28px}
}

/* ══ ANIMS ══ */
@keyframes rowUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes popIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.rv{opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
.rv.vis{opacity:1;transform:translateY(0)}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}.rv.d5{transition-delay:.4s}
.rv.left{transform:translateX(-24px)}.rv.left.vis{transform:translateX(0)}

/* ══ RESPONSIVE ══ */
@media(max-width:1200px){.p-cards{grid-template-columns:1fr 1fr}.results-inner{grid-template-columns:1fr}}
@media(max-width:960px){
  nav{top:12px;padding:8px 8px 8px 16px}
  .nav-links{display:none}
  .hero,.sec,#cta .cta-inner{padding-left:20px;padding-right:20px}
  #cta .cta-inner{padding-top:60px;padding-bottom:60px}
  .feat-grid{grid-template-columns:1fr}
  .feat-card.big{grid-column:span 1}
  .feat-card.big .feat-card-inner{flex-direction:column;gap:20px}
  .p-cards{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr}
  .faq-wrap{grid-template-columns:1fr;gap:40px}
  .faq-sticky{position:static}
  #cta .cta-inner{grid-template-columns:1fr;gap:44px}
  .hero-stats{flex-wrap:wrap}
  .hst{flex:1;min-width:120px}
  footer{padding:24px 20px}
  .how-item{grid-template-columns:70px 1fr;padding:28px 24px}
  .how-tag{display:none}
  .nav-controls{gap:4px}
  .lang-btn{padding:7px 10px;font-size:10px}
}