:root{
  --bg:#070512;
  --bg-2:#0d0a24;
  --ink:#f4f2ff;
  --muted:#a89fd0;
  --violet:#7c3aed;
  --magenta:#ff2d9b;
  --cyan:#22d3ee;
  --lime:#a3f55b;
  --amber:#ffb020;
  --card:rgba(255,255,255,.04);
  --stroke:rgba(255,255,255,.10);
  --radius:22px;
  --shadow:0 30px 80px -30px rgba(124,58,237,.55);
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  overflow-x:hidden;
  line-height:1.6;
}
/* Animated aurora background */
.aurora{position:fixed;inset:0;z-index:-2;overflow:hidden}
.aurora::before,.aurora::after{
  content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;
  will-change:transform;animation:float 20s ease-in-out infinite;
}
.aurora::before{width:55vw;height:55vw;background:radial-gradient(circle,#7c3aed,transparent 60%);top:-15vw;left:-10vw}
.aurora::after{width:50vw;height:50vw;background:radial-gradient(circle,#ff2d9b,transparent 60%);bottom:-15vw;right:-8vw;animation-delay:-9s}
.aurora i{position:absolute;width:38vw;height:38vw;border-radius:50%;filter:blur(90px);opacity:.4;
  will-change:transform;background:radial-gradient(circle,#22d3ee,transparent 60%);top:30%;left:40%;animation:float 24s ease-in-out infinite -4s}
@keyframes float{0%,100%{transform:translate(0,0)}33%{transform:translate(6vw,4vh)}66%{transform:translate(-5vw,-3vh)}}
.grid-overlay{position:fixed;inset:0;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%)}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* NAV */
header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);
  background:rgba(7,5,18,.55);border-bottom:1px solid var(--stroke)}
nav{position:relative;display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--maxw);margin:0 auto;padding:0 22px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Sora';font-weight:800;font-size:18px;letter-spacing:.3px;color:#fff;text-decoration:none}
.brand .logo{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;overflow:hidden;
  background:#000;border:1px solid rgba(255,190,60,.4);box-shadow:0 4px 16px -6px rgba(255,190,60,.45);
  box-shadow:0 6px 18px -6px rgba(124,58,237,.65),inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.3)}
.brand .logo::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 52%)}
.brand .logo svg{position:relative;z-index:1;width:21px;height:21px}
.brand .logo img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.brand .bname{word-spacing:-1px}
.brand b{background:linear-gradient(90deg,#fff,#c9b6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{white-space:nowrap}
.nav-links a{position:relative;color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-links a.active{color:#fff}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:linear-gradient(90deg,#22d3ee,#ff2d9b)}
.btn{display:inline-flex;align-items:center;gap:9px;border:none;cursor:pointer;font-family:'Inter';font-weight:600;
  padding:12px 22px;border-radius:999px;font-size:14.5px;text-decoration:none;transition:transform .18s,box-shadow .25s}
.btn-primary{position:relative;overflow:hidden;color:#0a0618;background:linear-gradient(90deg,#22d3ee,#a3f55b);box-shadow:0 12px 30px -10px #22d3ee}
.btn-primary::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:shine 3.2s ease-in-out infinite}
@keyframes shine{0%,60%{left:-120%}100%{left:160%}}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px #22d3ee}
.btn-ghost{color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--stroke)}
.btn-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.nav-right{display:flex;align-items:center;gap:12px}
.lang-switch{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid var(--stroke);color:#fff;font-family:'Inter';font-weight:600;font-size:13.5px;padding:9px 13px;border-radius:999px;cursor:pointer;transition:background .2s}
.lang-btn:hover{background:rgba(255,255,255,.12)}
.lang-btn svg{opacity:.85}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:158px;background:rgba(9,6,22,.98);backdrop-filter:blur(16px);border:1px solid var(--stroke);border-radius:14px;padding:6px;display:none;flex-direction:column;gap:2px;box-shadow:0 24px 50px -20px rgba(0,0,0,.85);z-index:60}
.lang-menu.open{display:flex}
.lang-menu button{display:flex;align-items:center;gap:10px;background:none;border:none;color:#e9e3ff;font-family:'Inter';font-size:14px;padding:10px 12px;border-radius:9px;cursor:pointer;text-align:left;width:100%;transition:background .15s}
.lang-menu button:hover{background:rgba(255,255,255,.08)}
.lang-menu button.active{background:rgba(124,58,237,.28);color:#fff}
.menu-btn{display:none;width:44px;height:44px;background:rgba(255,255,255,.06);border:1px solid var(--stroke);border-radius:12px;color:#fff;cursor:pointer;font-size:19px;line-height:1;transition:background .2s,border-color .2s}
.menu-btn:hover{background:rgba(255,255,255,.12)}
.menu-btn.active{background:rgba(124,58,237,.28);border-color:rgba(124,58,237,.55)}

/* ANNOUNCEMENT BAR */
.announce{position:relative;z-index:40;overflow:hidden;background:linear-gradient(95deg,#7c3aed,#ff2d9b)}
.announce::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.28) 50%,transparent 68%);
  transform:translateX(-100%);animation:annshine 5s ease-in-out infinite}
@keyframes annshine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(120%)}}
.announce-in{position:relative;max-width:var(--maxw);margin:0 auto;padding:9px 48px 9px 22px;
  display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap}
.announce p{font-size:13.5px;color:#fff;text-align:center;line-height:1.4}
.announce p strong{font-weight:700}
.ann-ico{font-size:15px;animation:annpulse 1.4s ease-in-out infinite}
@keyframes annpulse{50%{opacity:.4;transform:scale(.88)}}
.ann-cta{flex:none;font-size:12.5px;font-weight:700;color:#7c1d63;background:#fff;padding:6px 15px;border-radius:999px;
  text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.ann-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.ann-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;
  color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;display:grid;place-items:center;transition:background .2s}
.ann-close:hover{background:rgba(255,255,255,.38)}
.announce.hidden{display:none}
@media(max-width:620px){.announce-in{padding:9px 42px 9px 16px;gap:9px}.announce p{font-size:12px}.ann-cta{display:none}}

/* HERO */
.hero{position:relative;padding:60px 0 30px;display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#d8ccff;
  background:rgba(124,58,237,.16);border:1px solid rgba(124,58,237,.4);padding:7px 14px;border-radius:999px}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.4}}
h1{font-family:'Sora';font-weight:800;font-size:clamp(34px,5vw,58px);line-height:1.05;margin:18px 0 16px;letter-spacing:-.5px}
h1 .grad{background:linear-gradient(100deg,#a78bfa 0%,#7dd3fc 55%,#22d3ee 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes gradflow{to{background-position:200% center}}
.hero p.lead{color:var(--muted);font-size:17.5px;max-width:520px}
.hero-cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.stats{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap}
.stats .s b{font-family:'Sora';font-size:26px;display:block;background:linear-gradient(90deg,#fff,#bfa9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats .s span{color:var(--muted);font-size:13px}

/* ORBIT / GLOBE */
.orbit-stage{position:relative;height:520px;display:grid;place-items:center;overflow:hidden}
.orbit-stage .core{position:absolute;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at 35% 30%,#2a1d5e,#0a0720);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 60px -10px #7c3aed, inset 0 0 30px rgba(124,58,237,.4);z-index:5}
.core b{font-family:'Sora';font-size:15px;line-height:1.2}
.core small{display:block;color:var(--cyan);font-size:11px;margin-top:4px;letter-spacing:1px}
.ring-line{position:absolute;border:1px dashed rgba(255,255,255,.10);border-radius:50%}
.orbit-icon{position:absolute;top:0;left:0;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;
  background:rgba(20,14,46,.85);border:1px solid var(--stroke);backdrop-filter:blur(6px);
  box-shadow:0 14px 30px -10px rgba(0,0,0,.6);transition:none;will-change:transform}
.orbit-icon svg{width:34px;height:34px}
.orbit-icon::after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:0 0 22px var(--glow,#7c3aed);opacity:.35}

/* SECTION HEADERS */
section{padding:70px 0;position:relative}
.head{text-align:center;max-width:680px;margin:0 auto 46px}
.kicker{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--cyan)}
.head h2{font-family:'Sora';font-weight:800;font-size:clamp(28px,4vw,42px);margin:10px 0 12px;letter-spacing:-.5px}
.head p{color:var(--muted);font-size:16.5px}

/* SERVICES GRID */
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{position:relative;padding:26px 24px;border-radius:var(--radius);background:var(--card);border:1px solid var(--stroke);
  overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.card::before{content:"";position:absolute;inset:0;border-radius:var(--radius);padding:1px;
  background:linear-gradient(140deg,var(--c1,#7c3aed),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.3s}
.card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 30px 60px -30px var(--c1,#7c3aed)}
.card:hover::before{opacity:1}
.card .ico{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;margin-bottom:16px;
  background:linear-gradient(135deg,var(--c1,#7c3aed),var(--c2,#ff2d9b));box-shadow:0 12px 26px -10px var(--c1,#7c3aed)}
.card .ico svg{width:28px;height:28px;fill:#fff}
.card h3{font-family:'Sora';font-size:18px;font-weight:700;margin-bottom:8px}
.card p{color:var(--muted);font-size:14.5px}
.card .tag{margin-top:14px;display:inline-block;font-size:12px;font-weight:600;color:#fff;
  background:rgba(255,255,255,.07);border:1px solid var(--stroke);padding:5px 12px;border-radius:999px}

/* PLATFORM STRIP */
.platforms{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:8px}
.plat{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;
  background:var(--card);border:1px solid var(--stroke);font-weight:600;font-size:14.5px}
.plat svg{width:24px;height:24px}

/* PROCESS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{padding:26px 22px;border-radius:var(--radius);background:var(--card);border:1px solid var(--stroke);position:relative}
.step b.num{font-family:'Sora';font-size:40px;background:linear-gradient(90deg,#22d3ee,#ff2d9b);-webkit-background-clip:text;background-clip:text;color:transparent}
.step h4{font-family:'Sora';margin:6px 0 8px;font-size:17px}
.step p{color:var(--muted);font-size:14px}

/* WHY / FEATURES */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why .f{padding:24px;border-radius:var(--radius);background:var(--card);border:1px solid var(--stroke);display:flex;gap:14px}
.why .f .badge{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.3)}
.why .f .badge svg{width:24px;height:24px;stroke:var(--cyan)}
.why .f h4{font-family:'Sora';font-size:16px;margin-bottom:5px}
.why .f p{color:var(--muted);font-size:14px}

/* CTA */
.cta{position:relative;margin:30px auto;max-width:var(--maxw);padding:54px 40px;border-radius:32px;text-align:center;overflow:hidden;
  background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(255,45,155,.28));border:1px solid var(--stroke)}
.cta h2{font-family:'Sora';font-size:clamp(26px,4vw,40px);margin-bottom:12px}
.cta p{color:#e9e2ff;max-width:560px;margin:0 auto 26px}
.cta .hero-cta{justify-content:center}

/* IG RECOVERY DEMO */
.demo-wrap{display:grid;grid-template-columns:370px minmax(0,1fr);gap:42px;align-items:center}
.demo-wrap>*{min-width:0}
.phone{position:relative;width:100%;max-width:360px;margin:0 auto;border-radius:36px;padding:14px 14px 22px;
  background:linear-gradient(160deg,#191230,#0b0720);border:1px solid var(--stroke);box-shadow:var(--shadow);transition:box-shadow .6s;
  will-change:transform;animation:phoneFloat 5.5s ease-in-out infinite}
@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.phone{animation:none}}
.phone.glow{box-shadow:0 0 0 1px rgba(80,230,120,.4),0 30px 80px -24px rgba(80,230,120,.55)}
.phone::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:92px;height:6px;border-radius:99px;background:rgba(255,255,255,.16)}
.ig-card{margin-top:20px;border-radius:24px;overflow:hidden;background:#0d0a1c;border:1px solid var(--stroke);position:relative}
.ig-head{height:84px;background:linear-gradient(120deg,#feda75,#fa7e1e,#d62976,#962fbf);transition:filter .6s}
.ig-card.locked .ig-head{filter:grayscale(.85) brightness(.55)}
.ig-lockbadge{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:rgba(0,0,0,.55);backdrop-filter:blur(4px);transition:.45s;z-index:3}
.ig-lockbadge svg{width:17px;height:17px;fill:#fff}
.ig-card.done .ig-lockbadge{background:rgba(80,230,120,.3)}
.ig-ava{position:absolute;left:50%;top:50px;transform:translateX(-50%);width:76px;height:76px;border-radius:50%;
  border:4px solid #0d0a1c;display:grid;place-items:center;z-index:2;
  background:linear-gradient(135deg,#feda75,#d62976,#962fbf);transition:filter .6s,box-shadow .5s}
.ig-card.locked .ig-ava{filter:grayscale(.9) brightness(.55)}
.ig-card.done .ig-ava{box-shadow:0 0 0 4px rgba(80,230,120,.35),0 0 30px rgba(80,230,120,.5)}
.ig-ava::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #6ee87f;opacity:0;pointer-events:none}
.ig-card.done .ig-ava::after{animation:avaPulse 1.7s ease-out}
@keyframes avaPulse{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}
.ig-ava .ico{position:absolute;width:34px;height:34px;display:grid;place-items:center;transition:opacity .4s,transform .4s}
.ig-ava .ico svg{width:30px;height:30px}
.ig-ava .ico-lock{opacity:1}
.ig-ava .ico-check{opacity:0;transform:scale(.4)}
.ig-card.done .ig-ava .ico-lock{opacity:0;transform:scale(.4)}
.ig-card.done .ig-ava .ico-check{opacity:1;transform:scale(1)}
.ig-body{padding:50px 22px 26px;text-align:center}
.ig-handle{font-family:'Sora';font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:6px}
.ig-handle .vt{width:17px;height:17px;opacity:0;transition:opacity .5s}
.ig-card.done .ig-handle .vt{opacity:1}
.ig-stats{display:flex;justify-content:center;gap:30px;margin:14px 0 18px;color:var(--muted);font-size:12.5px}
.ig-stats b{color:#fff;font-family:'Sora';display:block;font-size:16px}
.ig-state{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;padding:8px 16px;border-radius:999px;transition:.4s}
.ig-state .sp{width:8px;height:8px;border-radius:50%}
.ig-card.locked .ig-state{background:rgba(255,70,70,.14);color:#ff9090;border:1px solid rgba(255,70,70,.35)}
.ig-card.locked .ig-state .sp{background:#ff5a5a;box-shadow:0 0 8px #ff5a5a}
.ig-card.recovering .ig-state{background:rgba(255,176,32,.14);color:#ffd27a;border:1px solid rgba(255,176,32,.35)}
.ig-card.recovering .ig-state .sp{width:13px;height:13px;border:2px solid #ffd27a;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
.ig-card.done .ig-state{background:rgba(80,230,120,.16);color:#8effa8;border:1px solid rgba(80,230,120,.4)}
.ig-card.done .ig-state .sp{background:#6ee87f;box-shadow:0 0 10px #6ee87f}
@keyframes spin{to{transform:rotate(360deg)}}
.ig-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);margin:18px 30px 0;overflow:hidden;opacity:0;transition:opacity .3s}
.ig-card.recovering .ig-bar,.ig-card.done .ig-bar{opacity:1}
.ig-bar i{display:block;height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#22d3ee,#a3f55b)}
.spark{position:absolute;left:50%;top:74px;width:9px;height:9px;border-radius:50%;pointer-events:none;z-index:4}
.demo-steps{display:flex;flex-direction:column;gap:14px}
.dstep{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--stroke);transition:.4s;opacity:.5}
.dstep.active{opacity:1;border-color:rgba(124,58,237,.55);box-shadow:0 12px 30px -18px #7c3aed;transform:translateX(4px)}
.dstep .dn{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;font-family:'Sora';font-weight:700;
  background:rgba(255,255,255,.06);border:1px solid var(--stroke);transition:.4s}
.dstep.active .dn{background:linear-gradient(135deg,#7c3aed,#ff2d9b);border-color:transparent}
.dstep h4{font-family:'Sora';font-size:15.5px;margin-bottom:2px}
.dstep p{color:var(--muted);font-size:13px}
.dstep .dn .ok{display:none}.dstep.done .dn .num{display:none}.dstep.done .dn .ok{display:block}
@media(max-width:820px){.demo-wrap{grid-template-columns:1fr;gap:28px}}

/* SCROLL PROGRESS */
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,#22d3ee,#ff2d9b,#a3f55b);box-shadow:0 0 12px #ff2d9b;transition:width .1s}

/* FLOATING WHATSAPP */
.wa-float{position:fixed;left:24px;bottom:24px;z-index:70;display:flex;align-items:center;
  height:60px;width:60px;padding:0;border-radius:999px;overflow:hidden;white-space:nowrap;
  background:linear-gradient(135deg,#25d366,#0f9d52);color:#fff;text-decoration:none;font-weight:700;font-size:15px;
  box-shadow:0 16px 40px -12px rgba(37,211,102,.85);transition:width .35s cubic-bezier(.2,.8,.2,1)}
.wa-float .wa-ico{position:relative;flex:0 0 60px;width:60px;height:60px;display:grid;place-items:center}
.wa-float .wa-ico svg{position:relative;z-index:1;width:33px;height:33px;display:block}
.wa-float .wa-ico::before{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid #25d366;animation:waring 2.2s ease-out infinite}
.wa-float .wa-txt{opacity:0;transition:opacity .25s;padding-right:24px}
.wa-float:hover{width:230px}
.wa-float:hover .wa-txt{opacity:1}
@keyframes waring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@media(max-width:620px){.wa-float:hover{width:60px}.wa-float:hover .wa-txt{opacity:0}}

/* MARQUEE */
.marquee{position:relative;overflow:hidden;padding:18px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);
  background:rgba(255,255,255,.02);-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:46px;width:max-content;animation:scrollx 28s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{display:flex;align-items:center;gap:12px;font-family:'Sora';font-weight:700;font-size:18px;color:#cfc6f5;opacity:.85}
.marquee-track span::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,#22d3ee,#ff2d9b)}
@keyframes scrollx{to{transform:translateX(-50%)}}

/* GUARANTEE BAND */
.guarantee{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px}
.guarantee .g{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;
  background:var(--card);border:1px solid var(--stroke);transition:transform .22s,border-color .22s}
.guarantee .g:hover{transform:translateY(-4px);border-color:rgba(163,245,91,.4)}
.guarantee .g svg{flex:0 0 46px;width:46px;height:46px;box-sizing:border-box;padding:11px;border-radius:13px;
  stroke:var(--lime);background:rgba(163,245,91,.1);border:1px solid rgba(163,245,91,.25)}
.guarantee .g b{font-family:'Sora';font-size:14.5px;display:block;white-space:nowrap}
.guarantee .g small{color:var(--muted);font-size:12.5px}

/* REFERENCES (recovery proofs) */
#references{padding:70px 0 30px}
.ref-marquee{position:relative;overflow:hidden;padding:10px 0 24px;
  -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ref-track{display:flex;gap:20px;width:max-content;animation:refscroll 80s linear infinite}
.ref-marquee:hover .ref-track{animation-play-state:paused}
@keyframes refscroll{to{transform:translateX(-50%)}}
.ref-card{flex:0 0 364px;width:364px;padding:20px;border-radius:20px;background:rgba(15,12,32,.92);
  border:1px solid var(--stroke);box-shadow:0 24px 50px -30px rgba(0,0,0,.85)}
.ref-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.ref-head .rlogo{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 32%,#4a3a0d,#070707);border:1px solid rgba(255,196,0,.45);
  font-family:'Sora';font-weight:800;font-size:15px;color:#ffce4d}
.ref-head b{font-family:'Sora';font-size:14px;color:#fff}
.ref-head .uyg{font-size:9px;font-weight:700;letter-spacing:.5px;color:#fff;background:#5865f2;padding:2px 6px;border-radius:5px}
.ref-title{color:#5dabff;font-weight:600;font-size:14.5px;line-height:1.45;margin-bottom:9px;word-break:break-word}
.ref-meta,.ref-time{color:#b7b0d4;font-size:12.5px;font-style:italic;line-height:1.5}
.ref-meta{margin-bottom:4px}
.ref-time{margin-bottom:15px}
.ref-ig{display:flex;align-items:center;gap:14px;background:#000;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}
.ref-ig .ava{flex:0 0 60px;width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 18px rgba(0,0,0,.4)}
.ref-ig-body{min-width:0}
.ref-ig .uname{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14.5px;margin-bottom:7px}
.ref-ig .follow{font-size:10.5px;font-weight:700;color:#fff;background:#0095f6;padding:3px 9px;border-radius:7px}
.ref-ig .stats{display:flex;gap:13px;font-size:11.5px;color:#9a9a9a}
.ref-ig .stats b{color:#fff;font-weight:600}
.ref-ig .rname{font-size:12px;color:#cfcfcf;margin-top:6px}
@media(max-width:620px){.ref-card{flex-basis:300px;width:300px}}

/* TESTIMONIALS */
.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tcard{display:flex;flex-direction:column;padding:30px 26px 26px;border-radius:var(--radius);background:var(--card);border:1px solid var(--stroke);position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.tcard::before{content:"\201C";position:absolute;top:-18px;right:18px;font-family:Georgia,serif;font-size:120px;line-height:1;color:rgba(124,58,237,.16)}
.tcard:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.4);box-shadow:0 30px 60px -34px #7c3aed}
.tcard .stars{color:var(--amber);font-size:15px;letter-spacing:3px;margin-bottom:14px}
.tcard p{font-size:15px;color:#e7e1ff;margin-bottom:22px;position:relative;z-index:1}
.tcard .who{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:6px;border-top:1px solid var(--stroke)}
.tcard .av{flex:0 0 46px;width:46px;height:46px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-family:'Sora';font-weight:700;font-size:15px;color:#0a0618;
  background:linear-gradient(135deg,#22d3ee,#a3f55b);box-shadow:0 8px 18px -8px #22d3ee}
.tcard .who b{font-size:14.5px;display:block;line-height:1.3}
.tcard .who small{color:var(--muted);font-size:12.5px}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
.qa{border:1px solid var(--stroke);border-radius:16px;background:var(--card);margin-bottom:12px;overflow:hidden}
.qa button{width:100%;text-align:left;background:none;border:none;color:#fff;cursor:pointer;
  font-family:'Sora';font-weight:600;font-size:16px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.qa .ans{max-height:0;overflow:hidden;transition:max-height .35s ease;color:var(--muted);font-size:14.5px}
.qa .ans p{padding:0 22px 20px}
.qa .ic{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;
  background:rgba(124,58,237,.2);transition:transform .3s;font-size:18px;line-height:1}
.qa.open .ic{transform:rotate(45deg)}
.qa.open{border-color:rgba(124,58,237,.5)}

/* FOOTER */
footer{border-top:1px solid var(--stroke);padding:46px 0 30px;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}
footer h5{color:#fff;font-family:'Sora';font-size:14px;margin-bottom:14px;letter-spacing:1px}
footer a{color:var(--muted);text-decoration:none;display:block;margin-bottom:9px;font-size:14px}
footer a:hover{color:#fff}
.foot-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--stroke);padding-top:20px;font-size:13px;flex-wrap:wrap;gap:10px}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}

@media(max-width:1040px){
  .menu-btn{display:grid;place-items:center}
  .brand{white-space:nowrap}
  .nav-links{position:absolute;top:62px;left:12px;right:12px;z-index:80;flex-direction:column;gap:0;align-items:stretch;
    background:#0c0a1e;border:1px solid rgba(255,255,255,.14);border-radius:18px;
    padding:8px 14px;box-shadow:0 30px 60px -16px rgba(0,0,0,.92);
    transform:translateY(-14px) scale(.98);transform-origin:top right;opacity:0;pointer-events:none;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .26s}
  .nav-links.open{transform:none;opacity:1;pointer-events:auto}
  .nav-links a{padding:15px 8px;font-size:16px;color:#e9e3ff;border-bottom:1px solid rgba(255,255,255,.07)}
  .nav-links a:last-child{border-bottom:none}
  .nav-links a.active{color:#fff}
  .nav-links a.active::after{left:8px;right:auto;bottom:auto;top:50%;transform:translateY(-50%);width:3px;height:18px}
  .hero{grid-template-columns:1fr;gap:10px}
  .orbit-stage{height:420px;order:-1}
  .services,.why{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .tcards{grid-template-columns:1fr 1fr}
  .guarantee{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  nav{padding:0 14px}
  .nav-right{gap:8px}
  .nav-right .btn-primary{display:none}
  .lang-btn{padding:9px 11px}
  .brand{font-size:15px;gap:8px}
  .brand .logo{width:34px;height:34px}
  .services,.why,.steps,.foot-grid,.tcards,.guarantee{grid-template-columns:1fr}
  .orbit-stage{height:360px}
  .progress{display:none}
  .announce-in{justify-content:flex-start;text-align:left}
  .announce p{font-size:12.5px;line-height:1.35}
  .ann-close{top:12px;transform:none}
}

/* ===== MULTI-PAGE: sub-page hero, content, contact ===== */
.wrap.narrow{max-width:920px}
.phero{padding:60px 0 26px;text-align:center}
.phero .kicker{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--cyan)}
.phero h1{font-family:'Sora';font-weight:800;font-size:clamp(30px,5vw,48px);margin:12px 0 12px;letter-spacing:-.5px;line-height:1.08}
.phero h1 .grad{background:linear-gradient(90deg,#22d3ee,#ff2d9b,#a3f55b);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero p{color:var(--muted);max-width:600px;margin:0 auto;font-size:16.5px}
.phero .updated{margin-top:16px;display:inline-block;font-size:12.5px;color:var(--muted);padding:6px 14px;border-radius:999px;border:1px solid var(--stroke);background:var(--card)}

/* legal/about prose */
.content{padding:14px 0 40px}
.content .block{margin-bottom:18px;padding:26px 28px;border-radius:18px;background:var(--card);border:1px solid var(--stroke)}
.content h2{font-family:'Sora';font-weight:700;font-size:19px;margin-bottom:14px;display:flex;align-items:center;gap:13px;line-height:1.3}
.content h2 .n{flex:0 0 30px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-family:'Sora';font-size:13px;color:#0a0618;background:linear-gradient(135deg,#22d3ee,#a3f55b)}
.content h3{font-family:'Sora';font-weight:600;font-size:15.5px;margin:18px 0 8px;color:#fff}
.content p{color:#d6d0ef;margin-bottom:12px;font-size:15px}
.content ul{margin:4px 0 14px;padding-left:22px;color:#d6d0ef}
.content li{margin-bottom:9px;font-size:15px}
.content li::marker{color:var(--cyan)}
.content strong{color:#fff;font-weight:600}
.content a{color:var(--cyan);text-decoration:none}
.content a:hover{text-decoration:underline}
.note{margin-top:8px;padding:16px 20px;border-radius:14px;font-size:13.5px;color:#cdbfe9;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.3)}

/* about */
.founder{display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:24px 26px;border-radius:18px;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(34,211,238,.1));border:1px solid var(--stroke)}
.founder .av{flex:0 0 74px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-family:'Sora';font-weight:800;font-size:26px;color:#0a0618;background:linear-gradient(135deg,#22d3ee,#a3f55b);box-shadow:0 10px 24px -8px #22d3ee}
.founder h3{font-family:'Sora';font-size:20px;color:#fff;margin-bottom:3px}
.founder .role{color:var(--cyan);font-size:14px;font-weight:600;display:block}
.founder .sub{color:var(--muted);font-size:13px;margin-top:3px;display:block}
.signature{margin-top:14px;padding-top:18px;border-top:1px solid var(--stroke);text-align:right}
.signature b{font-family:'Sora';font-size:18px;color:#fff;display:block}
.signature span{color:var(--muted);font-size:13.5px}
.lead-quote{font-family:'Sora';font-weight:600;font-size:17px;color:#fff;line-height:1.5;padding-left:18px;border-left:3px solid var(--cyan);margin-bottom:6px}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 18px}
.about-stats .s{padding:20px;border-radius:16px;background:var(--card);border:1px solid var(--stroke);text-align:center}
.about-stats .s b{font-family:'Sora';font-size:26px;display:block;background:linear-gradient(90deg,#fff,#bfa9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-stats .s span{color:var(--muted);font-size:13px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.feat .f{display:flex;gap:12px;padding:16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--stroke)}
.feat .f svg{flex:0 0 22px;width:22px;height:22px;stroke:var(--lime)}
.feat .f b{font-family:'Sora';font-size:14.5px;display:block;margin-bottom:2px}
.feat .f span{color:var(--muted);font-size:13px}

/* contact page */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:6px 0 26px}
.con-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:18px;background:var(--card);border:1px solid var(--stroke);text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .25s}
.con-card:hover{transform:translateY(-5px);border-color:rgba(124,58,237,.45);box-shadow:0 26px 50px -30px #7c3aed}
.con-card .ci{flex:0 0 52px;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1,#7c3aed),var(--c2,#22d3ee))}
.con-card .ci svg{width:26px;height:26px;fill:#fff}
.con-card b{font-family:'Sora';font-size:17px;color:#fff;display:block;margin-bottom:3px}
.con-card span{color:var(--muted);font-size:14px}
@media(max-width:760px){.about-stats,.feat,.contact-grid{grid-template-columns:1fr}.content .block{padding:22px 20px}}


/* ===== Live demo — professional additions ===== */
.case-bar{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:12px;margin-bottom:2px;
  background:rgba(255,255,255,.045);border:1px solid var(--stroke);font-size:11.5px;letter-spacing:.08em;font-weight:700;text-transform:uppercase}
.case-bar .live-dot{width:8px;height:8px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 10px #ff5a5a;animation:liveBlink 1.1s ease-in-out infinite}
.ig-card.done ~ * .live-dot{background:#6ee87f}
.case-bar .case-id{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#9aa3c7;text-transform:none}
@keyframes liveBlink{50%{opacity:.35}}

.demo-log{margin-top:14px;border-radius:16px;overflow:hidden;background:#0b0817;border:1px solid var(--stroke)}
.dlog-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--stroke);font-size:12.5px;font-weight:600}
.dlog-head .dots{display:inline-flex;gap:5px}
.dlog-head .dots i{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.dlog-head .dots i:nth-child(2){background:#febc2e}
.dlog-head .dots i:nth-child(3){background:#28c840}
.dlog-badges{margin-left:auto;display:inline-flex;gap:7px;flex-wrap:wrap}
.dlog-badges .chip{font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:999px;
  background:rgba(34,211,238,.12);color:#7fe3f5;border:1px solid rgba(34,211,238,.3)}
.dlog-badges .chip-sec{background:rgba(163,245,91,.1);color:#c6f79a;border-color:rgba(163,245,91,.28)}
.dlog-body{padding:12px 14px;min-height:118px;display:flex;flex-direction:column;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}
.dl{display:flex;gap:9px;align-items:baseline;opacity:0;transform:translateY(5px);animation:dlIn .35s ease forwards}
.dl .ts{color:#5d6486;flex:none}
.dl .tx{color:#c8cde8}
.dl-warn .tx{color:#ffd27a}
.dl-ok .tx{color:#8effa8}
.dl::before{content:"›";color:#4c5578;flex:none}
.dl-ok::before{content:"✓";color:#6ee87f}
.dl-warn::before{content:"!";color:#ffb020}
@keyframes dlIn{to{opacity:1;transform:none}}
@media (max-width:560px){.dlog-badges{display:none}}

/* ===== Free analysis form ===== */
.analiz-form{margin-top:44px;border-radius:22px;border:1px solid var(--stroke);background:var(--card);padding:30px 28px;position:relative;overflow:hidden}
.analiz-form::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 20% 0%,rgba(124,58,237,.16),transparent 60%);pointer-events:none}
.analiz-form h2{font-family:'Sora';font-weight:800;font-size:clamp(22px,3.4vw,30px);margin:0 0 8px;position:relative}
.analiz-form>p{color:var(--muted);margin:0 0 22px;font-size:15px;position:relative}
.af-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.af-field{display:flex;flex-direction:column;gap:7px}
.af-field.full{grid-column:1/-1}
.af-field label{font-size:13px;font-weight:600;letter-spacing:.02em;color:#c8cde8}
.af-field label .req{color:#ff2d9b}
.af-field input,.af-field select,.af-field textarea{
  background:rgba(255,255,255,.045);border:1px solid var(--stroke);border-radius:12px;color:var(--text,#fff);
  padding:12px 14px;font-size:14.5px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}
.af-field select{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='%239aa3c7' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.af-field select option{background:#141024;color:#fff}
.af-field textarea{min-height:110px;resize:vertical}
.af-field input:focus,.af-field select:focus,.af-field textarea:focus{border-color:rgba(34,211,238,.6);box-shadow:0 0 0 3px rgba(34,211,238,.14)}
.af-field input.err,.af-field select.err,.af-field textarea.err{border-color:rgba(255,90,90,.7);box-shadow:0 0 0 3px rgba(255,90,90,.12)}
.af-actions{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.af-note{font-size:12.5px;color:var(--muted);max-width:420px}
.af-ok{grid-column:1/-1;display:none;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;
  background:rgba(80,230,120,.12);color:#8effa8;border:1px solid rgba(80,230,120,.35)}
.af-ok.show{display:flex}
@media (max-width:640px){.af-grid{grid-template-columns:1fr}}

/* ===== Blog ===== */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}
@media (max-width:760px){.blog-grid{grid-template-columns:1fr}}
.bcard{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:20px;background:var(--card);border:1px solid var(--stroke);
  text-decoration:none;color:inherit;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}
.bcard::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 140px at 15% 0%,rgba(34,211,238,.12),transparent 60%);opacity:0;transition:opacity .25s}
.bcard:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.4);box-shadow:0 20px 44px -18px rgba(0,0,0,.7)}
.bcard:hover::before{opacity:1}
.bcard .bmeta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);position:relative}
.bcard .btag{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;
  background:rgba(124,58,237,.18);color:#c9b6ff;border:1px solid rgba(124,58,237,.4)}
.bcard h3{font-family:'Sora';font-weight:700;font-size:19px;margin:0;line-height:1.3;position:relative}
.bcard p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;position:relative}
.bcard .bread{margin-top:auto;font-size:13.5px;font-weight:600;color:var(--cyan);position:relative}

/* Article prose */
.article{max-width:760px;margin:0 auto}
.article .art-meta{display:flex;align-items:center;gap:12px;justify-content:center;font-size:13px;color:var(--muted);margin-top:14px;flex-wrap:wrap}
.article .art-body{margin-top:40px}
.article .art-body h2{font-family:'Sora';font-weight:700;font-size:clamp(20px,3vw,26px);margin:36px 0 14px;letter-spacing:-.3px}
.article .art-body p{color:#c4c9e4;font-size:15.5px;line-height:1.75;margin:0 0 16px}
.article .art-body ul,.article .art-body ol{color:#c4c9e4;font-size:15.5px;line-height:1.75;margin:0 0 16px;padding-left:22px}
.article .art-body li{margin-bottom:8px}
.article .art-body strong{color:#fff}
.article .art-body a{color:var(--cyan)}
.article .art-note{margin:20px 0;padding:14px 18px;border-radius:14px;font-size:14px;line-height:1.65;
  background:rgba(255,176,32,.08);border:1px solid rgba(255,176,32,.3);color:#ffd9a0}
.art-cta{margin-top:44px}


/* Demo: istatistikler yalnızca hesap aktif olunca görünür */
.ig-card .ig-stats{opacity:0;transform:translateY(10px);filter:blur(5px);transition:opacity .55s ease,transform .55s ease,filter .55s ease;pointer-events:none}
.ig-card.done .ig-stats{opacity:1;transform:none;filter:none;pointer-events:auto}

/* ============================================================
   HX HERO — real-time case tracking (flat, single accent)
   ============================================================ */
.hx{
  --hxbg:#0A0A0F; --hxs1:rgba(255,255,255,.035); --hxs2:rgba(255,255,255,.06); --hxs3:rgba(8,8,14,.5);
  --hxline:rgba(255,255,255,.08); --hxline2:rgba(255,255,255,.14);
  --hxtext:#F2F3F5; --hxmut:#9BA0A8; --hxdim:#63676F;
  --hxacc:#7dd3fc; --hxok:#34d399; --hxwarn:#e8b04b; --hxgold:#f5c518;
  position:relative; padding:72px 0 72px; font-family:'Inter',system-ui,sans-serif;
}
.hx::before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100vw;
  background:rgba(5,5,10,.35);border-top:1px solid var(--hxline);border-bottom:1px solid var(--hxline);z-index:-1;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* ---- intro ---- */
.hx-intro{max-width:760px;margin:0 auto;text-align:center}
.hx-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;
  border:1px solid var(--hxline2);color:var(--hxmut);font-size:12.5px;font-weight:500;letter-spacing:.01em}
.hx-dot{width:6px;height:6px;border-radius:50%;background:var(--hxok)}
.hx-intro h1{margin:22px 0 0;font-weight:700;font-size:clamp(34px,5.4vw,58px);line-height:1.06;
  letter-spacing:-.032em;color:var(--hxtext)}
.hx-intro p{margin:18px auto 0;max-width:540px;color:var(--hxmut);font-size:16.5px;line-height:1.6}
.hx-cta{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.hx-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;
  font-size:14.5px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s}
.hx-btn-solid{background:var(--hxacc);color:#fff}
.hx-btn-solid:hover{background:#2F6FE0}
.hx-btn-line{border:1px solid rgba(255,255,255,.22);color:var(--hxtext)}
.hx-btn-line:hover{border-color:rgba(255,255,255,.45)}
.hx-btn:focus-visible{outline:2px solid var(--hxacc);outline-offset:3px}

/* ---- console ---- */
.hx-console{max-width:960px;margin:0 auto;border-radius:22px;overflow:hidden;
  background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 40px 110px -40px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07)}
.hx-conhead{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 18px;border-bottom:1px solid var(--hxline)}
.hx-track{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;
  letter-spacing:.12em;color:var(--hxmut)}
.hx-live{width:7px;height:7px;border-radius:50%;background:var(--hxacc);animation:hxPulse 2s ease-in-out infinite}
.hx-console[data-phase="active"] .hx-live{background:var(--hxok);animation:none}
@keyframes hxPulse{50%{opacity:.35}}
.hx-ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.05em;color:var(--hxgold);opacity:.85}

.hx-body{display:grid;grid-template-columns:320px 1fr}
.hx-phonecol{display:grid;place-items:center;padding:36px 28px;border-right:1px solid var(--hxline)}

/* ---- phone ---- */
.hx-phone{position:relative;width:236px;border-radius:36px;background:#17171C;
  border:1px solid var(--hxline2);padding:7px;box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}
.hx-island{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:66px;height:19px;
  border-radius:999px;background:#000;z-index:2}
.hx-screen{border-radius:29px;background:#0B0B10;border:1px solid var(--hxline);
  min-height:428px;padding:14px 16px 16px;display:flex;flex-direction:column}
.hx-statusbar{display:flex;justify-content:space-between;align-items:center;color:var(--hxmut);
  font-size:11.5px;font-weight:600;padding:0 4px}
.hx-sysicons{display:inline-flex;gap:5px;align-items:center}
.hx-stateblock{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
.hx-icon{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;
  background:var(--hxs2);border:1px solid var(--hxline2);color:var(--hxwarn);
  transition:color .45s,border-color .45s}
.hx-icon svg{grid-area:1/1;transition:opacity .4s,transform .4s}
.hx-i-check{opacity:0;transform:scale(.6)}
.hx-i-spin{grid-area:1/1;width:64px;height:64px;border-radius:50%;opacity:0;transition:opacity .3s;
  border:2px solid transparent;border-top-color:var(--hxacc);animation:hxSpin 1s linear infinite}
@keyframes hxSpin{to{transform:rotate(360deg)}}
.hx-console[data-phase="recovering"] .hx-icon{color:var(--hxacc)}
.hx-console[data-phase="recovering"] .hx-i-spin{opacity:1}
.hx-console[data-phase="active"] .hx-icon{color:var(--hxok);border-color:rgba(16,185,129,.45)}
.hx-console[data-phase="active"] .hx-i-lock{opacity:0;transform:scale(.6)}
.hx-console[data-phase="active"] .hx-i-check{opacity:1;transform:scale(1)}
.hx-statetitle{font-size:15px;font-weight:600;color:var(--hxtext);letter-spacing:-.01em}
.hx-progress{width:150px;height:3px;border-radius:99px;background:rgba(255,255,255,.09);
  overflow:hidden;opacity:0;transition:opacity .3s}
.hx-progress i{display:block;height:100%;width:0;background:var(--hxacc);border-radius:99px}
.hx-console[data-phase="recovering"] .hx-progress{opacity:1}
.hx-profile{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:13px;
  background:var(--hxs2);border:1px solid var(--hxline);
  opacity:.45;filter:grayscale(1);transition:opacity .5s,filter .5s}
.hx-console[data-phase="active"] .hx-profile{opacity:1;filter:none}
.hx-ava{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:#1D1D24;border:1px solid var(--hxline2);color:var(--hxmut)}
.hx-pinfo{display:flex;flex-direction:column;gap:2px;min-width:0}
.hx-pinfo>b{font-size:13px;font-weight:600;color:var(--hxtext);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-pinfo>span{font-size:12px;color:var(--hxmut)}
.hx-pinfo>span b{color:var(--hxtext);font-weight:600;font-variant-numeric:tabular-nums}

/* ---- steps ---- */
.hx-stepscol{padding:26px 26px 24px;display:flex;flex-direction:column;gap:18px}
.hx-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hx-steps li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start;
  padding:14px 16px;border:1px solid var(--hxline);border-radius:12px;
  transition:border-color .3s,background .3s;opacity:.6}
.hx-steps li.is-active,.hx-steps li.is-done{opacity:1}
.hx-steps li.is-active{background:var(--hxs1);border-color:rgba(59,130,246,.4)}
.hx-n{position:relative;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-top:1px;
  border:1px solid var(--hxline2);color:var(--hxmut);font-size:12.5px;font-weight:600;
  transition:background .3s,border-color .3s,color .3s}
.hx-n i{font-style:normal;grid-area:1/1}
.hx-n svg{grid-area:1/1;opacity:0;transform:scale(.5);transition:opacity .25s,transform .25s}
.hx-steps li.is-active .hx-n{background:var(--hxacc);border-color:var(--hxacc);color:#fff}
.hx-steps li.is-done .hx-n{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.5);color:var(--hxok)}
.hx-steps li.is-done .hx-n i{opacity:0}
.hx-steps li.is-done .hx-n svg{opacity:1;transform:scale(1)}
.hx-steps h3{margin:0 0 3px;font-size:14.5px;font-weight:600;color:var(--hxtext);letter-spacing:-.01em}
.hx-steps p{margin:0;font-size:13px;line-height:1.5;color:var(--hxmut)}

/* ---- activity log ---- */
.hx-log{border:1px solid var(--hxline);border-radius:12px;background:var(--hxbg);overflow:hidden}
.hx-loghead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:10px 14px;border-bottom:1px solid var(--hxline);font-size:12px;font-weight:600;color:var(--hxmut)}
.hx-badges{display:inline-flex;gap:7px;flex-wrap:wrap}
.hx-badge{font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;
  border:1px solid var(--hxline2);color:var(--hxmut);white-space:nowrap}
.hx-logbody{padding:11px 14px;min-height:104px;display:flex;flex-direction:column;gap:6px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}
.hx-line{display:flex;gap:10px;align-items:baseline;opacity:0;transform:translateY(4px);animation:hxIn .3s ease forwards}
.hx-line .t{color:var(--hxdim);flex:none;font-variant-numeric:tabular-nums}
.hx-line .m{color:#C9CDD6}
.hx-line.hx-warn .m{color:#E5A34D}
.hx-line.hx-ok .m{color:#4ADE9E}
@keyframes hxIn{to{opacity:1;transform:none}}

/* ---- stats ---- */
.hx-stats{display:flex;justify-content:center;margin-top:56px}
.hx-stats>div{display:flex;flex-direction:column;gap:5px;align-items:center;padding:0 44px}
.hx-stats>div+div{border-left:1px solid var(--hxline)}
.hx-stats b{font-size:30px;font-weight:700;color:var(--hxtext);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hx-stats span{font-size:13px;color:var(--hxmut)}

/* ---- responsive ---- */
@media (max-width:860px){
  .hx{padding:80px 0 56px}
  .hx-body{grid-template-columns:1fr}
  .hx-phonecol{border-right:0;border-bottom:1px solid var(--hxline);padding:30px 20px}
  .hx-stepscol{padding:20px 16px}
}
@media (max-width:560px){
  .hx-stats{flex-direction:column;gap:22px}
  .hx-stats>div{padding:0}
  .hx-stats>div+div{border-left:0}
  .hx-badges{display:none}
  .hx-phone{width:216px}
  .hx-screen{min-height:392px}
}
@media (prefers-reduced-motion:reduce){
  .hx-live,.hx-i-spin{animation:none}
  .hx-line{animation:none;opacity:1;transform:none}
}

/* hx — a11y & micro-polish */
.hx-btn:focus-visible,.hx a:focus-visible{outline:2px solid #3B82F6;outline-offset:3px;border-radius:10px}
.hx-steps li:not(:last-child) .hx-n::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:calc(100% - 2px);background:rgba(255,255,255,.08);transform:translateX(-50%)}
.hx-steps li.is-done:not(:last-child) .hx-n::after{background:rgba(16,185,129,.35)}
.hx-steps li .hx-n{position:relative}

/* ============ HZ — minimal cinematic hero ============ */
.hz{position:relative;padding:150px 0 110px;text-align:center;font-family:'Inter',system-ui,sans-serif;overflow:visible}
.hz::before{content:"";position:absolute;top:-140px;bottom:0;left:50%;transform:translateX(-50%);width:100vw;
  background:#050508;z-index:-2}
.hz-glow{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(131,58,180,.16) 0%,rgba(253,29,29,.07) 40%,transparent 70%);
  filter:blur(200px);pointer-events:none;z-index:-1}
.hz h1{margin:0;font-weight:300;letter-spacing:-.025em;line-height:1.08;color:#fff;
  font-size:clamp(2.5rem,6.2vw,5rem)}
.hz h1 .hz-line{display:block;opacity:0;transform:translateY(26px);animation:hzUp .8s cubic-bezier(.22,.7,.3,1) forwards}
.hz h1 .hz-line:nth-child(2){animation-delay:.2s}
.hz-grad{background:linear-gradient(92deg,#833ab4 0%,#fd1d1d 55%,#fcb045 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.hz-sub{margin:26px auto 0;max-width:500px;color:rgba(255,255,255,.5);font-weight:300;font-size:17px;line-height:1.65;
  opacity:0;transform:translateY(22px);animation:hzUp .8s cubic-bezier(.22,.7,.3,1) .4s forwards}
.hz-cta{margin-top:38px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  opacity:0;transform:translateY(22px);animation:hzUp .8s cubic-bezier(.22,.7,.3,1) .6s forwards}
.hz-btn{display:inline-flex;align-items:center;padding:13px 30px;border-radius:50px;
  border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14.5px;font-weight:400;letter-spacing:.01em;
  text-decoration:none;background:transparent;
  transition:border-color .25s ease,box-shadow .25s ease,color .25s ease}
.hz-btn:hover{border-color:#f5c518;box-shadow:0 0 24px -4px rgba(245,197,24,.35),inset 0 0 12px -8px rgba(245,197,24,.3)}
.hz-btn-sec{color:rgba(255,255,255,.72)}
.hz-btn-sec:hover{color:#fff}
.hz-btn:focus-visible{outline:2px solid #f5c518;outline-offset:3px}
@keyframes hzUp{to{opacity:1;transform:none}}
@media (max-width:640px){
  .hz{padding:104px 0 76px}
  .hz-glow{width:380px;height:380px;filter:blur(140px)}
}
@media (prefers-reduced-motion:reduce){
  .hz h1 .hz-line,.hz-sub,.hz-cta{animation:none;opacity:1;transform:none}
}

/* ============ HP — premium brand hero ============ */
.hp{position:relative;padding:96px 0 84px}
.hp-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hp-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.02em;
  color:#cfd3ee;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hp-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.16)}
.hp-intro h1{margin:22px 0 0;font-family:'Sora';font-weight:800;letter-spacing:-.03em;line-height:1.07;color:#fff;
  font-size:clamp(34px,4.6vw,58px)}
.hp-lead{margin:20px 0 0;max-width:520px;color:#a7acce;font-size:16px;line-height:1.7}
.hp-cta{margin-top:30px;display:flex;gap:13px;flex-wrap:wrap}
.hp-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:14px;font-size:14.5px;font-weight:700;
  text-decoration:none;letter-spacing:.01em;transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.hp-btn-primary{color:#0a0618;background:linear-gradient(135deg,#a78bfa 0%,#22d3ee 100%);
  box-shadow:0 10px 30px -10px rgba(124,58,237,.55),0 2px 8px -2px rgba(34,211,238,.4)}
.hp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px -10px rgba(124,58,237,.65),0 4px 12px -2px rgba(34,211,238,.5)}
.hp-btn-ghost{color:#e7e9f8;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);backdrop-filter:blur(10px)}
.hp-btn-ghost:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}
.hp-btn:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
.hp-stats{margin-top:44px;display:flex;gap:38px}
.hp-stats>div{display:flex;flex-direction:column;gap:4px;padding-left:16px;border-left:1px solid rgba(255,255,255,.1)}
.hp-stats b{font-size:27px;font-weight:800;font-family:'Sora';letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.hp-stats span{font-size:12.5px;color:#8b90b5}

/* particle shield visual */
.hp-visual{position:relative;height:500px}
.hp-keylight{position:absolute;left:12%;top:0;width:400px;height:400px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(245,197,24,.08) 0%,rgba(124,58,237,.05) 50%,transparent 72%);filter:blur(70px)}
.hp-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}
@media (max-width:960px){
  .hp{padding:64px 0 60px}
  .hp-grid{grid-template-columns:1fr;gap:40px}
  .hp-visual{height:360px;max-width:460px;margin:0 auto;width:100%}
}
@media (max-width:520px){
  .hp-stats{gap:22px}
  .hp-visual{height:320px}
}
/* hareket azaltma: parçacık animasyonu app.js içinde statik kareye düşer */

/* hx premium section head */
.hx-head{max-width:680px;margin:0 auto 40px;text-align:center}
.hx-head h2{font-family:'Sora';font-weight:800;letter-spacing:-.02em;font-size:clamp(24px,3.6vw,38px);margin:14px 0 12px;color:#fff;line-height:1.2}
.hx-head p{color:#a7acce;font-size:15.5px;line-height:1.65;margin:0}

/* ============ TRI — instant triage bar (hero hook) ============ */
.tri{margin-top:56px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;
  padding:27px 32px;border-radius:24px;position:relative;overflow:hidden;
  background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 34px 80px -34px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.07);
  animation:triIn .8s cubic-bezier(.22,.7,.3,1) .9s backwards}
@keyframes triIn{from{opacity:0;transform:translateY(20px)}}
.tri::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  box-shadow:0 0 0 1px rgba(245,197,24,.35),0 0 34px -6px rgba(245,197,24,.25)}
.tri.pulse::after{animation:triPulse 2.2s ease-in-out 1}
@keyframes triPulse{0%,100%{opacity:0}35%{opacity:1}}
.tri-lead{display:flex;align-items:center;gap:13px;min-width:220px}
.tri-ico{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#f5c518;
  background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.24)}
.tri-lead div{display:flex;flex-direction:column;gap:2px;line-height:1.3}
.tri-lead b{font-family:'Sora';font-size:16.5px;font-weight:700;color:#fff}
.tri-lead span{font-size:13px;color:#8b90b5}
.tri-flow{position:relative;min-height:64px;display:flex;align-items:center}
.tri-pane{display:none;align-items:center;gap:16px;width:100%;
  animation:triPane .34s cubic-bezier(.22,.7,.3,1)}
@keyframes triPane{from{opacity:0;transform:translateX(14px)}}
.tri[data-step="1"] .tri-s1,.tri[data-step="2"] .tri-s2,.tri[data-step="3"] .tri-s3{display:flex}
.tri-q{flex:none;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8b90b5}
.tri-chips{display:flex;gap:9px;flex-wrap:wrap}
.tri-chips button{padding:12px 21px;border-radius:999px;font-size:14.5px;font-weight:600;cursor:pointer;
  color:#e7e9f8;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);
  font-family:'Inter',sans-serif;transition:border-color .2s,background .2s,transform .15s}
.tri-chips button:hover{border-color:rgba(245,197,24,.55);background:rgba(245,197,24,.07);transform:translateY(-1px)}
.tri-chips button:focus-visible{outline:2px solid #f5c518;outline-offset:2px}
.tri-backbtn{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  color:#c8cde8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);font-size:15px}
.tri-backbtn:hover{border-color:rgba(255,255,255,.3)}
.tri-backbtn .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tri-res{display:flex;flex-direction:column;gap:13px;width:100%}
.tri-res-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;width:100%}
.tri-vsep{width:1px;align-self:stretch;background:rgba(255,255,255,.1)}
.tri-lab{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9ba0c4;margin-bottom:7px}
.tri-meterbox{min-width:200px}
.tri-meterrow{display:flex;align-items:center;gap:11px}
.tri-meter{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;min-width:110px}
.tri-meter i{display:block;height:100%;width:0;border-radius:inherit;
  background:linear-gradient(90deg,#34d399,#7dd3fc);transition:width 1s cubic-bezier(.25,.7,.3,1)}
.tri-meterrow b{font-family:'Sora';font-size:22px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.tri-etabox b{font-family:'Sora';font-size:18px;font-weight:700;color:#fff}
.tri-urgent{margin:0;display:flex;align-items:flex-start;gap:10px;width:100%;
  font-size:12.5px;line-height:1.55;color:#ffd9a0;
  padding:11px 15px;border-radius:12px;background:rgba(255,176,32,.07);border:1px solid rgba(255,176,32,.22)}
.tri-urgent svg{flex:none;margin-top:1px;color:#ffb020}
.tri-urgent[hidden]{display:none}
.tri-cta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:13px;
  font-size:13.5px;font-weight:700;text-decoration:none;color:#0a0618;
  background:linear-gradient(135deg,#f9e08a,#e9b93b);
  box-shadow:0 10px 26px -10px rgba(245,197,24,.5);transition:transform .18s,box-shadow .22s}
.tri-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(245,197,24,.6)}
@media (max-width:960px){
  .tri{grid-template-columns:1fr;gap:16px;padding:18px 18px}
  .tri-flow{min-height:0}
  .tri-pane{flex-wrap:wrap}
  .tri-res-row{gap:16px}
  .tri-vsep{display:none}
  .tri-cta{margin-left:0;width:100%;justify-content:center}
  .tri-urgent{max-width:none}
}
@media (prefers-reduced-motion:reduce){.tri{animation:none}.tri.pulse::after{animation:none}}
.af-flash{animation:afFlash 1.6s ease-out 1}
@keyframes afFlash{0%{box-shadow:0 0 0 2px rgba(245,197,24,.55),0 0 44px -6px rgba(245,197,24,.35)}100%{box-shadow:none}}

/* tri — premium yükseltme */
.tri-dots{margin-left:14px;display:inline-flex;gap:5px;align-items:center}
.tri-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.18);transition:background .3s,transform .3s}
.tri[data-step="1"] .tri-dots i:nth-child(1),
.tri[data-step="2"] .tri-dots i:nth-child(-n+2),
.tri[data-step="3"] .tri-dots i{background:#f5c518;transform:scale(1.15)}
.tri-chips button{display:inline-flex;align-items:center;gap:9px}
.tri-chips button svg{width:19px;height:19px;opacity:1;flex:none}
/* Platform ikonları — marka renkleriyle net görünüm */
.tri-chips button[data-plat="Instagram"] svg{color:#e75a92}
.tri-chips button[data-plat="TikTok"] svg{color:#5eead4}
.tri-chips button[data-plat="Facebook"] svg{color:#5b9bf5}
.tri-chips button[data-plat="YouTube"] svg{color:#ff5b5b}
.tri-chips button[data-plat="X"] svg{color:#ffffff}
.tri-chips button[data-plat="Google"] svg{color:#7db4f8}
.tri-crumb{flex:none;display:inline-flex;align-items:center;padding:5px 13px;border-radius:999px;
  font-size:12px;font-weight:700;color:#f9e08a;letter-spacing:.02em;
  background:rgba(245,197,24,.07);border:1px solid rgba(245,197,24,.24)}
.tri-ctx{align-self:flex-start;display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;
  font-size:12.5px;font-weight:700;color:#f9e08a;letter-spacing:.02em;
  background:rgba(245,197,24,.07);border:1px solid rgba(245,197,24,.24)}
#triProbs button{animation:triChip .34s cubic-bezier(.22,.7,.3,1) backwards}
@keyframes triChip{from{opacity:0;transform:translateY(9px)}}
.tri-res{row-gap:10px}
@media (max-width:960px){.tri-dots{margin-left:auto}}
@media (prefers-reduced-motion:reduce){#triProbs button{animation:none}}

/* ============ SVX — premium services grid ============ */
.svx-filters{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:6px 0 34px}
.svx-filters button{position:relative;padding:9px 19px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;
  font-family:'Inter',sans-serif;color:#a7acce;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.11);
  transition:color .2s,border-color .2s,background .2s}
.svx-filters button:hover{color:#fff;border-color:rgba(255,255,255,.26)}
.svx-filters button.on{color:#0a0618;background:linear-gradient(135deg,#f9e08a,#e9b93b);border-color:transparent;
  box-shadow:0 8px 22px -8px rgba(245,197,24,.45)}
.svx-filters button:focus-visible{outline:2px solid #f5c518;outline-offset:2px}

.svx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:960px){.svx-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.svx-grid{grid-template-columns:1fr}}

.svx-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px 20px;border-radius:20px;
  text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;
  background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:transform .25s cubic-bezier(.22,.7,.3,1),border-color .25s,box-shadow .3s;
  animation:svxIn .5s cubic-bezier(.22,.7,.3,1) backwards;
  --mx:-400px;--my:-400px}
@keyframes svxIn{from{opacity:0;transform:translateY(16px)}}
.svx-card:hover{transform:translateY(-7px);border-color:rgba(245,197,24,.5);
  box-shadow:0 34px 66px -26px rgba(0,0,0,.8),0 0 0 1px rgba(245,197,24,.28),0 0 30px -6px rgba(245,197,24,.28)}
.svx-card.off{display:none}
/* imleci izleyen altın kenar huzmesi */
.svx-beam{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(240px circle at var(--mx) var(--my),rgba(245,197,24,.55),rgba(124,58,237,.18) 45%,transparent 65%);
  padding:1px;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  opacity:0;transition:opacity .3s}
.svx-card:hover .svx-beam{opacity:1}
/* iç yüzeyde soluk imleç aydınlatması */
.svx-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(320px circle at var(--mx) var(--my),rgba(255,255,255,.045),transparent 55%);
  opacity:0;transition:opacity .3s}
.svx-card:hover::after{opacity:1}

.svx-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.svx-ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);
  color:rgba(255,255,255,.9);transition:transform .25s,box-shadow .25s;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.svx-ico svg{width:25px;height:25px}
/* Marka renkli cam karolar */
.svx-ico.p-ig{color:#e75a92;background:rgba(228,64,95,.09);border-color:rgba(228,64,95,.3)}
.svx-ico.p-tt{color:#5eead4;background:rgba(94,234,212,.08);border-color:rgba(94,234,212,.28)}
.svx-ico.p-fb{color:#5b9bf5;background:rgba(24,119,242,.1);border-color:rgba(24,119,242,.32)}
.svx-ico.p-yt{color:#ff5b5b;background:rgba(255,0,0,.09);border-color:rgba(255,60,60,.3)}
.svx-ico.p-x{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2)}
.svx-ico.p-gg{color:#7db4f8;background:rgba(66,133,244,.1);border-color:rgba(66,133,244,.3)}
.svx-ico.p-vt{color:#f5c518;background:rgba(245,197,24,.08);border-color:rgba(245,197,24,.3)}
.svx-card:hover .svx-ico{transform:translateY(-2px) scale(1.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 20px -8px currentColor}
.svx-tag{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;
  color:#a7acce;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.svx-card h3{font-family:'Sora';font-size:16.5px;font-weight:700;margin:4px 0 0;color:#fff;line-height:1.35;letter-spacing:-.01em}
.svx-card p{margin:0;color:#9ba0c4;font-size:13.5px;line-height:1.6;flex:1}
.svx-foot{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.svx-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;
  font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;
  color:#8fe6bd;background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.2)}
.svx-chip+.svx-chip{color:#a7c8ef;background:rgba(125,211,252,.06);border-color:rgba(125,211,252,.2)}
.svx-chip svg{width:11px;height:11px}
.svx-go{margin-left:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  color:#c8cde8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  transition:transform .25s,color .25s,border-color .25s,background .25s}
.svx-go svg{width:14px;height:14px}
.svx-card:hover .svx-go{transform:translateX(3px);color:#0a0618;background:#f5c518;border-color:transparent}
@media (prefers-reduced-motion:reduce){.svx-card{animation:none}}

/* ============ SVCP — service detail pages ============ */
.svcp-crumb{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#8b90b5;padding-top:8px;flex-wrap:wrap}
.svcp-crumb a{color:#a7acce;text-decoration:none}
.svcp-crumb a:hover{color:#fff}
.svcp-crumb b{color:#e7e9f8;font-weight:600}
.svcp-proof{margin-top:30px;display:flex;justify-content:center;gap:34px;flex-wrap:wrap}
.svcp-proof span{display:flex;flex-direction:column;gap:3px;align-items:center}
.svcp-proof b{font-family:'Sora';font-size:21px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.svcp-proof i{font-style:normal;font-size:11.5px;color:#8b90b5}
.svcp-body{max-width:760px;margin:26px auto 0}
.svcp-body h2{font-family:'Sora';font-weight:700;font-size:clamp(19px,2.8vw,24px);margin:38px 0 14px;letter-spacing:-.02em}
.svcp-body>p{color:#c4c9e4;font-size:15.5px;line-height:1.75;margin:0 0 14px}
.svcp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;counter-reset:sp}
.svcp-steps li{counter-increment:sp;position:relative;padding:18px 18px 16px 54px;border-radius:16px;
  background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.09)}
.svcp-steps li::before{content:counter(sp,decimal-leading-zero);position:absolute;left:18px;top:19px;
  font-family:'Sora';font-size:13px;font-weight:800;color:#f5c518}
.svcp-steps b{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}
.svcp-steps span{font-size:13px;color:#9ba0c4;line-height:1.55}
@media (max-width:620px){.svcp-steps{grid-template-columns:1fr}}
.svcp-faq details{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025);margin-bottom:10px;overflow:hidden}
.svcp-faq summary{cursor:pointer;padding:15px 18px;font-weight:600;font-size:14.5px;color:#e7e9f8;list-style:none}
.svcp-faq summary::-webkit-details-marker{display:none}
.svcp-faq summary::after{content:"+";float:right;color:#8b90b5;font-size:17px}
.svcp-faq details[open] summary::after{content:"–"}
.svcp-faq p{margin:0;padding:0 18px 16px;color:#a7acce;font-size:14px;line-height:1.65}
.svcp-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:680px){.svcp-rel{grid-template-columns:1fr}}
.svcp-rel a{display:block;padding:15px 17px;border-radius:14px;font-size:13.5px;font-weight:600;line-height:1.45;
  color:#e7e9f8;text-decoration:none;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.09);
  transition:border-color .2s,transform .2s}
.svcp-rel a:hover{border-color:rgba(245,197,24,.4);transform:translateY(-2px)}


/* particle shield — çevre katmanları */
.hp-rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88%;aspect-ratio:1;
  border-radius:50%;border:1px solid rgba(255,255,255,.05);pointer-events:none}
.hp-rings::before{content:"";position:absolute;inset:-8.5%;border-radius:50%;
  border:1px dashed rgba(245,197,24,.12);animation:hpRingSpin 90s linear infinite}
.hp-rings::after{content:"";position:absolute;inset:9%;border-radius:50%;
  border:1px solid rgba(255,255,255,.035)}
@keyframes hpRingSpin{to{transform:rotate(360deg)}}
.hp-floor{position:absolute;left:50%;bottom:2%;width:74%;height:64px;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(245,197,24,.12),rgba(124,58,237,.05) 55%,transparent 75%);
  filter:blur(20px);pointer-events:none}
@media (max-width:960px){.hp-visual{height:420px}}
@media (max-width:520px){.hp-visual{height:340px}}
@media (prefers-reduced-motion:reduce){.hp-rings::before{animation:none}}