/* AppsGet customer pages v3 — unified visual system for guide, SEO/catalog, referral, support and legal pages. */

:root{
  --ag3-ink:#0b0f14;
  --ag3-ink-2:#151b22;
  --ag3-paper:#f4f2ec;
  --ag3-paper-2:#ece9e1;
  --ag3-card:#fff;
  --ag3-line:#ddd9cf;
  --ag3-text:#14171b;
  --ag3-muted:#6d706d;
  --ag3-acid:#d9ff67;
  --ag3-acid-2:#c8f64f;
  --ag3-coral:#ff684f;
  --ag3-shadow:0 20px 60px rgba(17,19,22,.08);
  --ag3-shadow-soft:0 10px 30px rgba(17,19,22,.065);
}

/* ---------- global page canvas ---------- */
body.premium-guide,
body:has(.seo-page),
body:has(.referral-page),
body:has(.support-page),
body:has(.recover-page){
  background:
    radial-gradient(circle at 86% 3%,rgba(217,255,103,.16),transparent 28rem),
    linear-gradient(180deg,#eef0e9 0,#f5f3ed 26rem,var(--ag3-paper) 100%);
  color:var(--ag3-text);
  padding-bottom:0;
}

body:has(.seo-page) .wrap,
body:has(.referral-page) .wrap,
body:has(.support-page) .wrap,
body:has(.recover-page) .wrap,
body.premium-guide .guide-page{
  width:min(1180px,calc(100% - 36px));
  max-width:none;
  margin:0 auto;
  padding:22px 0 72px;
}

/* ---------- shared inner header ---------- */
.site-v3-header,
.premium-guide .page-topbar{
  position:sticky;
  top:12px;
  z-index:80;
  width:min(1180px,calc(100% - 36px));
  min-height:68px;
  margin:12px auto 0;
  padding:10px 12px 10px 16px;
  display:flex;
  align-items:center;
  gap:18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:21px;
  background:rgba(9,13,18,.9);
  color:#fff;
  box-shadow:0 16px 45px rgba(5,7,10,.18);
  backdrop-filter:blur(22px);
}
.site-v3-brand,
.premium-guide .page-brand{
  display:flex;
  align-items:center;
  gap:9px;
  margin-right:auto;
  color:#fff;
  text-decoration:none;
  min-width:max-content;
}
.site-v3-brand>i,
.premium-guide .page-brand>i{
  width:14px;
  height:14px;
  border-radius:4px;
  background:var(--ag3-acid);
  box-shadow:0 0 0 4px rgba(217,255,103,.1),0 0 28px rgba(217,255,103,.35);
}
.site-v3-brand strong,
.premium-guide .page-brand strong{display:block;font-size:16px;line-height:1;font-weight:950;letter-spacing:-.04em}
.site-v3-brand small,
.premium-guide .page-brand small{display:block;margin-top:3px;color:#89918e;font-size:8px;line-height:1;letter-spacing:.16em}
.site-v3-links,
.premium-guide .page-toplinks{display:flex;align-items:center;gap:5px}
.site-v3-links a,
.premium-guide .page-toplinks>a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:0;
  border-radius:12px;
  color:#c8cecc;
  text-decoration:none;
  font-size:12px;
  font-weight:780;
  transition:background .18s,color .18s,transform .18s;
}
.site-v3-links a:hover,
.premium-guide .page-toplinks>a:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateY(-1px)}
.site-v3-links .is-muted{color:#989f9c}
.site-v3-links .site-v3-orders,
.premium-guide .page-toplinks .page-top-action:not(.acid){border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff}
.site-v3-links .site-v3-cta,
.premium-guide .page-toplinks .page-top-action.acid{
  background:var(--ag3-acid);
  color:#101410;
  box-shadow:0 7px 20px rgba(217,255,103,.16);
}

/* ---------- generic SEO / footer-linked pages ---------- */
.seo-page{color:var(--ag3-text)}
.seo-page .mini-return,
.referral-page .referral-back,
.support-page .mini-return{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  margin:5px 0 12px;
  padding:0 12px;
  border:1px solid rgba(18,20,22,.1);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#464a48;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  backdrop-filter:blur(12px);
}
.seo-page .hero.seo-hero,
.referral-page .referral-hero,
.support-page .support-hero,
.recover-page>.hero{
  position:relative;
  overflow:hidden;
  min-height:300px;
  margin:0 0 22px;
  padding:42px 44px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:32px;
  background:
    radial-gradient(circle at 83% 28%,rgba(217,255,103,.18),transparent 18rem),
    radial-gradient(circle at 100% 0,rgba(255,255,255,.08),transparent 24rem),
    linear-gradient(135deg,#080d13,#121820 68%,#171e22);
  color:#fff;
  box-shadow:0 24px 70px rgba(8,10,12,.16);
}
.seo-page .hero.seo-hero:before,
.referral-page .referral-hero:before,
.support-page .support-hero:before,
.recover-page>.hero:before{
  content:"";
  position:absolute;
  width:320px;height:320px;
  right:-85px;top:-100px;
  border:1px solid rgba(217,255,103,.17);
  border-radius:50%;
  box-shadow:0 0 0 44px rgba(217,255,103,.04),0 0 0 88px rgba(217,255,103,.025);
  pointer-events:none;
}
.seo-page .hero.seo-hero>* ,
.referral-page .referral-hero>* ,
.support-page .support-hero>* ,
.recover-page>.hero>*{position:relative;z-index:1}
.seo-page .tag,
.referral-page .tag,
.support-page .tag,
.recover-page .tag,
.seo-page .pill,
.referral-page .pill,
.support-page .pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  border:1px solid rgba(217,255,103,.45);
  border-radius:999px;
  background:rgba(217,255,103,.12);
  color:var(--ag3-acid);
  padding:7px 10px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.seo-page .hero h1,
.referral-page .hero h1,
.support-page .hero h1,
.recover-page .hero h1{
  max-width:820px;
  margin:15px 0 12px;
  color:#fff;
  font-size:clamp(40px,5.4vw,70px);
  line-height:.95;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.seo-page .hero>p,
.referral-page .hero>p,
.support-page .hero>p,
.recover-page .hero>p{
  max-width:720px;
  margin:0;
  color:#aeb6b4;
  font-size:15px;
  line-height:1.65;
}
.seo-page .hero-pricing{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.seo-page .hero-pricing span{
  display:inline-flex;align-items:center;min-height:38px;padding:0 12px;
  border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:#b8c0be;font-size:12px
}
.seo-page .hero-pricing b{margin-left:4px;color:#fff}

.seo-page .seo-section{margin:34px 0 0}
.seo-page .info-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 2px 15px}
.seo-page .info-head h2{margin:0;color:#15181c;font-size:clamp(28px,3.4vw,42px);line-height:1;letter-spacing:-.055em}
.seo-page .info-head p{max-width:540px;margin:0;color:#747774;font-size:13px;line-height:1.55}

.seo-category-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.seo-category-card{
  position:relative;
  min-height:165px;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  padding:22px!important;
  overflow:hidden;
  border:1px solid var(--ag3-line)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.9)!important;
  color:#171a1e!important;
  text-decoration:none!important;
  box-shadow:var(--ag3-shadow-soft)!important;
  transition:transform .18s,box-shadow .18s,border-color .18s!important;
}
.seo-category-card:after{content:"↗";position:absolute;right:18px;top:17px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#11161c;color:var(--ag3-acid);font-size:14px}
.seo-category-card:hover{transform:translateY(-3px);border-color:#b9c99a!important;box-shadow:0 18px 42px rgba(17,19,22,.1)!important}
.seo-category-card b{max-width:85%;font-size:18px!important;line-height:1.08;letter-spacing:-.035em}
.seo-category-card>span{margin-top:auto;padding-top:22px;color:#171a1e;font-size:12px;font-weight:900}
.seo-category-card small{display:block;margin-top:7px;color:#7b7d79!important;font-size:12px!important;line-height:1.5}

.seo-app-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.seo-app-card{
  position:relative;
  min-height:112px;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 26px;
  align-items:center;
  gap:12px;
  padding:15px!important;
  border:1px solid var(--ag3-line)!important;
  border-radius:21px!important;
  background:#fff!important;
  color:#17191d!important;
  text-decoration:none!important;
  box-shadow:0 8px 24px rgba(18,20,22,.045)!important;
  transition:transform .17s,box-shadow .17s,border-color .17s!important;
}
.seo-app-card:after{content:"+";display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ag3-acid);color:#101410;font-size:17px;font-weight:800;line-height:1}
.seo-app-card:hover{transform:translateY(-2px);border-color:#b8c993!important;box-shadow:0 14px 34px rgba(17,19,22,.085)!important}
.seo-app-card img,.seo-app-placeholder{width:58px!important;height:58px!important;border-radius:15px!important;object-fit:cover;box-shadow:0 7px 18px rgba(0,0,0,.1)}
.seo-app-placeholder{display:grid;place-items:center;background:#11161c;color:var(--ag3-acid);font-size:20px;font-weight:950}
.seo-app-card>span:not(.seo-app-placeholder){min-width:0}
.seo-app-card b{display:block;overflow:hidden;color:#17191d;font-size:13px!important;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.seo-app-card small{display:block;margin-top:5px;overflow:hidden;color:#858784!important;font-size:10px!important;text-overflow:ellipsis;white-space:nowrap}

.seo-two-col{display:grid!important;grid-template-columns:minmax(0,1.42fr) minmax(310px,.78fr)!important;gap:14px!important;margin-top:16px}
.seo-page .card,
.referral-page .card,
.support-page .card,
.recover-page .card{
  border:1px solid var(--ag3-line)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.94)!important;
  color:#171a1e!important;
  box-shadow:var(--ag3-shadow-soft)!important;
}
.seo-page .seo-text-card,.seo-page .seo-facts,.seo-page .seo-faq-card,.seo-page .legal-card{padding:28px!important}
.seo-page .seo-text-card .pill,.seo-page .seo-facts .pill,.seo-page .seo-faq-card .pill{border-color:#c9db9e;background:#efffc9;color:#2c3910}
.seo-page .seo-text-card h2,.seo-page .seo-faq-card h2,.seo-page .legal-card h2{margin:14px 0 10px;color:#171a1e;font-size:26px;line-height:1.05;letter-spacing:-.045em}
.seo-page .muted,.seo-page .seo-text-card p,.seo-page .legal-card p{color:#686b67!important;font-size:14px!important;line-height:1.68!important}
.seo-page .seo-facts{align-self:start}
.seo-page .seo-facts>div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #ebe8df}
.seo-page .seo-facts>div:last-child{border-bottom:0}
.seo-page .seo-facts b{color:#858782;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.seo-page .seo-facts span,.seo-page .seo-facts a{color:#171a1e;font-size:13px;font-weight:800;text-decoration:none}
.seo-page .seo-steps{display:grid;gap:8px;margin:19px 0;padding:0;list-style:none;counter-reset:agsteps}
.seo-page .seo-steps li{counter-increment:agsteps;display:grid;grid-template-columns:36px 1fr;column-gap:11px;padding:12px;border:1px solid #e8e4da;border-radius:16px;background:#f8f7f2}
.seo-page .seo-steps li:before{content:counter(agsteps);grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#12171d;color:var(--ag3-acid);font-size:12px;font-weight:900}
.seo-page .seo-steps b{color:#171a1e;font-size:13px}
.seo-page .seo-steps span{margin-top:3px;color:#777a76;font-size:12px;line-height:1.45}
.seo-page .btn,
.referral-page .btn,
.support-page .btn,
.recover-page .btn{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:14px!important;
  background:#11161c!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.seo-page .btn:hover,.referral-page .btn:hover,.support-page .btn:hover,.recover-page .btn:hover{filter:none!important;transform:translateY(-1px)}
.seo-page .btn:not(.sec),.referral-page .btn:not(.sec),.support-page .btn:not(.sec){background:var(--ag3-acid)!important;color:#111510!important}
.seo-page .btn.sec,.recover-page .btn.sec{border:1px solid #d8d4ca!important;background:#fff!important;color:#171a1e!important}

.seo-page .app-seo-hero{min-height:340px}
.seo-page .seo-app-heading{display:grid!important;grid-template-columns:104px minmax(0,1fr);gap:24px;align-items:center}
.seo-page .seo-app-heading>img,.seo-page .seo-app-placeholder-large{width:104px!important;height:104px!important;border-radius:26px!important;box-shadow:0 18px 45px rgba(0,0,0,.3)}
.seo-page .seo-app-heading h1{margin-top:13px;font-size:clamp(40px,5vw,64px)}

.seo-page .faq-list details{border:0!important;border-top:1px solid #e7e3da!important;padding:0!important}
.seo-page .faq-list details:first-child{border-top:0!important}
.seo-page .faq-list summary{position:relative;padding:17px 40px 17px 0;color:#171a1e;font-size:14px;font-weight:900;list-style:none}
.seo-page .faq-list summary::-webkit-details-marker{display:none}
.seo-page .faq-list summary:after{content:"+";position:absolute;right:0;top:13px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f0eee7;color:#1a1d20;font-size:18px}
.seo-page .faq-list details[open] summary:after{content:"−";background:var(--ag3-acid)}
.seo-page .faq-list details p{max-width:820px;margin:0 0 17px;color:#70736f!important;font-size:13px!important;line-height:1.6!important}

.seo-page .final-cta{
  position:relative;
  overflow:hidden;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:36px 0 0!important;
  padding:24px 25px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:25px!important;
  background:linear-gradient(135deg,#0b1016,#171d22)!important;
  color:#fff!important;
}
.seo-page .final-cta h2{margin:0 0 4px;color:#fff;font-size:22px;letter-spacing:-.04em}
.seo-page .final-cta p{margin:0;color:#9da5a2;font-size:12px}
.seo-page .final-cta a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:13px;text-decoration:none;font-size:12px;font-weight:900}
.seo-page .final-cta .primary{background:var(--ag3-acid);color:#111510}
.seo-page .final-cta .secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff}

/* ---------- legal and guide-topic pages ---------- */
.legal-page{width:min(980px,calc(100% - 36px))!important}
.legal-page .seo-hero{min-height:260px!important}
.legal-page .legal-updated{display:inline-flex;margin-top:18px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#aeb6b4;font-size:10px}
.legal-page .legal-card{padding:34px!important}
.legal-page .legal-card>section{padding:22px 0;border-top:1px solid #e8e4da}
.legal-page .legal-card>section:first-child{padding-top:0;border-top:0}
.legal-page .legal-card h2{font-size:22px}
.legal-page .legal-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid #e8e4da}
.legal-page .legal-links a{display:inline-flex;min-height:36px;align-items:center;padding:0 11px;border:1px solid #dedad0;border-radius:999px;color:#3e423f;text-decoration:none;font-size:11px;font-weight:800}
.guide-topic-card>section{position:relative;padding-left:52px!important}
.guide-topic-card>section h2:before{content:attr(data-step)}
.guide-topic-card>section h2{font-size:21px!important}

/* ---------- GUIDE v3 ---------- */
.premium-guide .guide-page{padding-top:20px}
.premium-guide .guide-hero{
  position:relative;
  overflow:hidden;
  min-height:440px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);
  align-items:center;
  gap:24px;
  padding:52px 54px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:34px;
  background:
    radial-gradient(circle at 83% 44%,rgba(217,255,103,.19),transparent 15rem),
    linear-gradient(135deg,#080d13 0,#111820 62%,#171e22 100%);
  color:#fff;
  box-shadow:0 24px 72px rgba(8,10,12,.17);
}
.premium-guide .guide-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:370px;height:370px;border-radius:50%;border:1px solid rgba(217,255,103,.13);box-shadow:0 0 0 55px rgba(217,255,103,.035),0 0 0 110px rgba(217,255,103,.018)}
.premium-guide .guide-hero-copy{position:relative;z-index:2;max-width:720px}
.premium-guide .guide-kicker,.premium-guide .guide-pill{display:inline-flex;align-items:center;width:max-content;border:1px solid #cbe99a;border-radius:999px;background:#efffc9;color:#304014;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.premium-guide .guide-hero .guide-kicker{border-color:rgba(217,255,103,.35);background:rgba(217,255,103,.09);color:var(--ag3-acid)}
.premium-guide .guide-hero h1{margin:16px 0 14px;max-width:720px;color:#fff;font-size:clamp(48px,6vw,78px);line-height:.9;letter-spacing:-.07em;text-wrap:balance}
.premium-guide .guide-hero h1 span{color:var(--ag3-acid)}
.premium-guide .hero-lead{max-width:680px;margin:0;color:#aeb7b4;font-size:15px;line-height:1.65}
.premium-guide .guide-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.premium-guide .guide-hero-meta span{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.045);color:#c8cfcd;font-size:10px;font-weight:780}
.premium-guide .guide-hero-meta i{width:7px;height:7px;border-radius:50%;background:var(--ag3-acid);box-shadow:0 0 0 4px rgba(217,255,103,.08)}
.premium-guide .guide-orbit{position:relative;z-index:2;display:grid;place-items:center;justify-self:end;width:245px;height:245px;border:1px solid rgba(217,255,103,.16);border-radius:50%;box-shadow:0 0 0 38px rgba(217,255,103,.035),0 0 0 76px rgba(217,255,103,.018)}
.premium-guide .guide-orbit svg{width:72px;color:var(--ag3-acid)}
.premium-guide .guide-summary{position:relative;z-index:5;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:14px 0 0!important}
.premium-guide .guide-summary .card{min-height:118px;margin:0!important;padding:18px 18px 17px!important;border:1px solid var(--ag3-line)!important;border-radius:20px!important;background:#fff!important;color:#171a1e!important;box-shadow:var(--ag3-shadow-soft)!important}
.premium-guide .guide-summary .card>span.label{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#12171d!important;color:var(--ag3-acid)!important;font-size:11px!important;font-weight:900!important}
.premium-guide .guide-summary .card>b{display:block;color:#171a1e!important;font-size:14px!important}
.premium-guide .guide-summary .card p{margin:5px 0 0!important;color:#7d807c!important;font-size:11px!important;line-height:1.45!important}

.premium-guide .guide-surface{margin-top:22px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.premium-guide .guide-section{
  display:block!important;
  margin:16px 0!important;
  padding:30px!important;
  border:1px solid var(--ag3-line)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.94)!important;
  color:#171a1e!important;
  box-shadow:var(--ag3-shadow-soft)!important;
}
.premium-guide .guide-section-head{display:block!important;margin:0 0 20px!important;padding:0!important}
.premium-guide .guide-section-copy{max-width:790px!important}
.premium-guide .guide-section h2{margin:12px 0 7px!important;color:#171a1e!important;font-size:clamp(28px,3.6vw,43px)!important;line-height:.98!important;letter-spacing:-.055em!important}
.premium-guide .guide-section .intro{max-width:760px!important;margin:0!important;color:#747774!important;font-size:13px!important;line-height:1.6!important}
.premium-guide .guide-warning{background:#fff!important;border-color:#d8dfc8!important}
.premium-guide .guide-warning .guide-section-head{margin:-12px -12px 18px!important;padding:22px!important;border-radius:21px!important;background:linear-gradient(135deg,#ecffc2,#f7ffe6)!important}
.premium-guide .guide-warning .warn{max-width:860px;margin:0 0 18px!important;padding:14px 16px;border-left:3px solid var(--ag3-coral);border-radius:0 12px 12px 0;background:#fff5f1;color:#5e4b46!important;font-size:12px!important;line-height:1.55!important}

.premium-guide .shot-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.premium-guide .guide-warning .shot-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.premium-guide .shot{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #e2ded4!important;
  border-radius:20px!important;
  background:#f5f3ed!important;
  box-shadow:none!important;
}
.premium-guide .shot img{
  display:block!important;
  width:100%!important;
  height:330px!important;
  max-height:none!important;
  padding:14px 14px 6px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(180deg,#efede7,#f8f7f3)!important;
}
.premium-guide .guide-warning .shot img{height:300px!important;padding:12px 10px 4px!important}
.premium-guide .shot figcaption{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;padding:12px 13px 14px!important;border-top:1px solid #e7e3da!important;background:#fff!important}
.premium-guide .shot-num{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:9px!important;background:#12171d!important;color:var(--ag3-acid)!important;font-size:11px!important;font-weight:900!important}
.premium-guide .shot figcaption b{display:block!important;color:#171a1e!important;font-size:12px!important;line-height:1.25!important}
.premium-guide .shot figcaption small{display:block!important;margin-top:4px!important;color:#81837f!important;font-size:10px!important;line-height:1.4!important}
.premium-guide .single-shot{width:min(430px,100%)!important;max-width:none!important}
.premium-guide .single-shot img{height:520px!important}

.premium-guide .credential-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 12px!important}
.premium-guide .credential-box{padding:15px!important;border:1px solid #e0dcd2!important;border-radius:17px!important;background:#f8f7f2!important}
.premium-guide .credential-box>.label{display:block!important;margin:0 0 7px!important;color:#868883!important;font-size:9px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.premium-guide .field{min-height:48px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:6px 7px 6px 12px!important;border:1px solid #dedad0!important;border-radius:13px!important;background:#fff!important}
.premium-guide .field b{min-width:0;overflow:hidden;color:#171a1e!important;font-size:12px!important;text-overflow:ellipsis;white-space:nowrap}
.premium-guide .field button{margin-left:auto!important;min-height:34px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:#12171d!important;color:#fff!important;font-size:10px!important;font-weight:900!important;cursor:pointer}
.premium-guide .guide-code-panel{margin-top:12px!important;padding:20px!important;border:1px solid #253028!important;border-radius:20px!important;background:linear-gradient(135deg,#11171b,#1a221c)!important;color:#fff!important}
.premium-guide .guide-code-panel h3{margin:0 0 6px!important;color:#fff!important;font-size:17px!important}
.premium-guide .guide-code-panel .muted{color:#a9b1ad!important;font-size:11px!important}
.premium-guide .guide-code-panel .field{margin-top:12px!important;border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.06)!important}
.premium-guide .guide-code-panel .field b{color:#fff!important;font-size:17px!important;letter-spacing:.12em!important}
.premium-guide #demoCode{min-height:42px;margin-top:9px;padding:0 14px;border:0;border-radius:12px;background:var(--ag3-acid);color:#111510;font-size:11px;font-weight:900;cursor:pointer}

.premium-guide .seo-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.premium-guide .seo-category-card{min-height:130px!important}
.premium-guide .guide-bottom-actions{display:grid!important;grid-template-columns:1fr 1fr 1.25fr!important;gap:9px!important;margin:14px 0 0!important}
.premium-guide .guide-bottom-actions .btn{min-height:50px!important;margin:0!important;border-radius:14px!important;background:#fff!important;border:1px solid #dcd8ce!important;color:#171a1e!important;font-size:12px!important;font-weight:900!important;box-shadow:none!important}
.premium-guide .guide-bottom-actions .btn.primary{border-color:#11161c!important;background:#11161c!important;color:#fff!important}
.premium-guide .guide-bottom-actions .btn.support{border-color:#c8dc99!important;background:var(--ag3-acid)!important;color:#111510!important}

/* ---------- referral ---------- */
.referral-page{color:var(--ag3-text)}
.referral-page .referral-hero{min-height:360px;padding-right:42%}
.referral-page .referral-hero:after{content:"50 ₽";position:absolute;right:7%;top:50%;transform:translateY(-50%);z-index:1;color:var(--ag3-acid);font-size:clamp(76px,10vw,150px);font-weight:950;line-height:.8;letter-spacing:-.08em;text-shadow:0 18px 50px rgba(217,255,103,.1)}
.referral-page .referral-auth{max-width:760px;margin:0 auto 18px;padding:30px!important;text-align:center}
.referral-page .referral-auth .pill{margin:0 auto;border-color:#c9db9e;background:#efffc9;color:#304014}
.referral-page .referral-auth h2{margin:14px 0 8px;font-size:30px;letter-spacing:-.05em}
.referral-page .referral-auth p{max-width:600px;margin:0 auto;color:#747774!important;line-height:1.6}
.referral-page .referral-auth .btn{width:min(360px,100%);margin:18px auto 0!important}
.referral-page .referral-dashboard{display:grid;gap:12px}
.referral-page .referral-share{padding:26px!important}
.referral-page .referral-share h2,.referral-page .referral-withdraw h2,.referral-page .referral-history h2{margin:12px 0 6px;font-size:25px;letter-spacing:-.045em}
.referral-page .referral-share .pill,.referral-page .referral-withdraw .pill,.referral-page .referral-history .pill{border-color:#c9db9e;background:#efffc9;color:#304014}
.referral-page .copyline{display:flex!important;align-items:center!important;gap:8px!important;margin-top:15px!important;padding:7px 7px 7px 13px!important;border:1px solid #dedad0!important;border-radius:14px!important;background:#f8f7f2!important}
.referral-page .copyline code{min-width:0;flex:1;overflow:hidden;color:#171a1e!important;font-family:inherit!important;font-size:12px!important;text-overflow:ellipsis;white-space:nowrap}
.referral-page .copyline button{min-height:36px;border:0;border-radius:10px;background:#11161c;color:#fff;padding:0 12px;font-size:10px;font-weight:900}
.referral-page .referral-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}
.referral-page .referral-metrics .card{min-height:130px;margin:0!important;padding:18px!important;display:flex;flex-direction:column;justify-content:space-between}
.referral-page .referral-metrics span{color:#838580!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.07em}
.referral-page .referral-metrics b{color:#171a1e!important;font-size:30px!important;letter-spacing:-.06em}
.referral-page .seo-two-col{grid-template-columns:1fr 1fr!important}
.referral-page .referral-withdraw,.referral-page .referral-history{padding:26px!important}
.referral-page .field-input,.referral-page .support-textarea{width:100%;margin:7px 0 14px;padding:13px;border:1px solid #dcd8ce;border-radius:13px;background:#f8f7f2;color:#171a1e;outline:0}
.referral-page .support-textarea{min-height:120px;resize:vertical}
.referral-page .label{color:#7d807b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.referral-page .referral-status{min-height:18px;color:#686b67;font-size:11px}

/* ---------- support ---------- */
.support-page .support-hero{min-height:300px}
.support-page .support-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.support-page .support-points span{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.05);color:#c7cecc;font-size:10px}
.support-page .support-card{max-width:860px;margin:0 auto!important;padding:28px!important}
.support-page .support-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.support-page .support-card-head .pill{border-color:#c9db9e;background:#efffc9;color:#304014}
.support-page .support-card h2{margin:10px 0 0;color:#171a1e;font-size:28px;letter-spacing:-.05em}
.support-page .support-status-dot{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#efffc9;color:#314114;font-size:10px;font-weight:900}
.support-page .support-status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#73a600}
.support-page .support-form label{display:block;margin:16px 0 7px;color:#72756f;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.support-page .support-textarea{width:100%;min-height:150px;padding:14px;border:1px solid #dcd8ce;border-radius:15px;background:#f8f7f2;color:#171a1e;resize:vertical;outline:0;font:inherit;font-size:13px;line-height:1.55}
.support-page .support-form .btn{width:100%;margin-top:9px!important}
.support-page .support-error{min-height:16px;margin:7px 0 0;color:#d94f3a;font-size:11px}
.support-page .support-bottom{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:14px!important}
.support-page .support-bottom .card{margin:0!important;padding:18px!important}
.support-page .support-bottom h2{margin:13px 0 6px;color:#171a1e;font-size:16px;letter-spacing:-.035em}
.support-page .process-num{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#11161c;color:var(--ag3-acid);font-size:11px;font-weight:900}
.support-page .support-thread{display:flex;flex-direction:column;gap:9px;max-height:520px;overflow:auto;margin:18px 0;padding:14px;border:1px solid #e0dcd2;border-radius:17px;background:#f5f3ed}
.support-page .support-message{max-width:78%;padding:11px 13px;border-radius:15px 15px 15px 5px;background:#fff;color:#171a1e;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.support-page .support-message.is-customer{align-self:flex-end;border-radius:15px 15px 5px 15px;background:#11161c;color:#fff}
.support-page .support-message p{margin:0;font-size:12px;line-height:1.5}
.support-page .support-message small{display:block;margin-top:6px;color:#8c8f8a;font-size:9px}
.support-page .support-message.is-customer small{color:#aeb4b1}

/* ---------- recover ---------- */
.recover-page{width:min(760px,calc(100% - 36px))!important}
.recover-page>.hero{min-height:275px}
.recover-page>.card{padding:28px!important;margin:0!important}
.recover-page .recover-form{display:grid;gap:8px}
.recover-page .recover-form label{margin-top:6px;color:#767973;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.recover-page .recover-form input{width:100%;min-height:50px;padding:0 14px;border:1px solid #dcd8ce;border-radius:14px;background:#f8f7f2;color:#171a1e;outline:0;font-size:14px}
.recover-page .recover-form .btn{margin-top:7px!important;background:var(--ag3-acid)!important;color:#111510!important}
.recover-page .recover-note{margin:14px 3px!important;color:#747774!important;font-size:12px!important;line-height:1.55!important}
.recover-page>a.btn{width:100%;margin-top:8px!important}

/* ---------- footer ---------- */
.site-footer{
  width:100%!important;
  max-width:none!important;
  margin:72px 0 0!important;
  padding:52px max(18px,calc((100vw - 1180px)/2)) 26px!important;
  border:0!important;
  background:#070c12!important;
  color:#939c99!important;
}
.site-footer-main{max-width:1180px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.2fr .85fr 1.05fr!important;gap:58px!important}
.site-footer-brand{display:inline-flex!important;color:#fff!important;text-decoration:none!important;font-size:21px!important;font-weight:950!important;letter-spacing:-.05em!important}
.site-footer p{max-width:330px!important;margin:10px 0 0!important;color:#808986!important;font-size:11px!important;line-height:1.6!important}
.site-footer nav{display:grid!important;align-content:start!important;gap:9px!important}
.site-footer nav a{color:#aeb7b4!important;text-decoration:none!important;font-size:11px!important;line-height:1.35!important;transition:color .16s!important}
.site-footer nav a:hover{color:var(--ag3-acid)!important;text-decoration:none!important}
.site-footer-bottom{max-width:1180px!important;margin:32px auto 0!important;padding-top:18px!important;display:flex!important;justify-content:space-between!important;gap:16px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#666f6d!important;font-size:9px!important}

/* ---------- support widget recolor ---------- */
.support-widget-button{border-color:#d9ff67!important;background:var(--ag3-acid)!important;color:#111510!important;box-shadow:0 14px 35px rgba(17,19,22,.2)!important}
.support-widget-unread{background:var(--ag3-coral)!important;box-shadow:0 0 0 4px rgba(255,104,79,.14)!important}
.support-widget-window{border-color:rgba(255,255,255,.1)!important;background:#11171d!important}
.support-widget-header{background:#0a0f14!important}
.support-widget-send{background:var(--ag3-acid)!important;color:#111510!important}
.support-widget-message.is-customer{background:var(--ag3-acid)!important;color:#111510!important}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .site-v3-header,.premium-guide .page-topbar{width:min(100% - 24px,1180px);gap:8px;padding-left:13px}
  .site-v3-links a,.premium-guide .page-toplinks>a{padding:0 9px;font-size:10px}
  .site-v3-links a:nth-child(2),.site-v3-links a:nth-child(3),.premium-guide .page-toplinks>a:nth-child(2),.premium-guide .page-toplinks>a:nth-child(3){display:none}
  .seo-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .seo-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-guide .guide-warning .shot-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .referral-page .referral-metrics{grid-template-columns:repeat(2,1fr)!important}
}

@media(max-width:720px){
  body:has(.seo-page) .wrap,body:has(.referral-page) .wrap,body:has(.support-page) .wrap,body:has(.recover-page) .wrap,body.premium-guide .guide-page{width:calc(100% - 20px);padding-top:12px;padding-bottom:44px}
  .site-v3-header,.premium-guide .page-topbar{top:7px;width:calc(100% - 16px);min-height:58px;margin-top:7px;padding:8px 9px 8px 11px;border-radius:17px}
  .site-v3-brand small,.premium-guide .page-brand small{display:none}
  .site-v3-brand strong,.premium-guide .page-brand strong{font-size:14px}
  .site-v3-links,.premium-guide .page-toplinks{gap:4px}
  .site-v3-links a,.premium-guide .page-toplinks>a{display:none!important}
  .site-v3-links .site-v3-orders,.site-v3-links .site-v3-cta,.premium-guide .page-toplinks .page-top-action{display:inline-flex!important;min-height:38px;padding:0 9px;font-size:9px}
  .premium-guide .page-toplinks .page-top-action:not(.acid){display:none!important}
  .seo-page .hero.seo-hero,.referral-page .referral-hero,.support-page .support-hero,.recover-page>.hero{min-height:0;padding:29px 22px;border-radius:25px}
  .seo-page .hero h1,.referral-page .hero h1,.support-page .hero h1,.recover-page .hero h1{font-size:clamp(34px,11vw,48px);line-height:.94}
  .seo-page .hero>p,.referral-page .hero>p,.support-page .hero>p,.recover-page .hero>p{font-size:13px}
  .seo-page .hero-pricing{margin-top:18px}
  .seo-page .info-head{display:block;margin-bottom:12px}
  .seo-page .info-head h2{font-size:30px}
  .seo-page .info-head p{margin-top:7px}
  .seo-category-grid{grid-template-columns:1fr!important}
  .seo-category-card{min-height:140px}
  .seo-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .seo-app-card{min-height:105px;grid-template-columns:50px minmax(0,1fr) 24px;padding:12px!important}
  .seo-app-card img,.seo-app-placeholder{width:50px!important;height:50px!important;border-radius:13px!important}
  .seo-app-card:after{width:24px;height:24px}
  .seo-two-col{grid-template-columns:1fr!important}
  .seo-page .seo-text-card,.seo-page .seo-facts,.seo-page .seo-faq-card,.seo-page .legal-card{padding:21px!important}
  .seo-page .seo-app-heading{grid-template-columns:76px minmax(0,1fr);gap:15px}
  .seo-page .seo-app-heading>img,.seo-page .seo-app-placeholder-large{width:76px!important;height:76px!important;border-radius:20px!important}
  .seo-page .seo-app-heading h1{font-size:37px}
  .seo-page .final-cta{grid-template-columns:1fr!important;padding:21px!important}
  .seo-page .final-cta a{width:100%}
  .legal-page{width:calc(100% - 20px)!important}
  .legal-page .legal-card{padding:22px!important}

  .premium-guide .guide-hero{min-height:0;grid-template-columns:1fr;padding:31px 23px 34px;border-radius:27px}
  .premium-guide .guide-hero h1{font-size:clamp(42px,13vw,58px);line-height:.9}
  .premium-guide .hero-lead{font-size:13px}
  .premium-guide .guide-orbit{position:absolute;right:-58px;bottom:-68px;width:180px;height:180px;opacity:.55}
  .premium-guide .guide-orbit svg{width:48px}
  .premium-guide .guide-summary{grid-template-columns:1fr!important;gap:7px!important}
  .premium-guide .guide-summary .card{min-height:0!important;display:grid!important;grid-template-columns:34px 1fr!important;column-gap:11px!important;align-items:center!important;padding:13px!important}
  .premium-guide .guide-summary .card>span.label{grid-row:1/3;margin:0!important}
  .premium-guide .guide-summary .card p{margin-top:2px!important}
  .premium-guide .guide-section{padding:19px!important;border-radius:22px!important}
  .premium-guide .guide-warning .guide-section-head{margin:-7px -7px 15px!important;padding:17px!important;border-radius:17px!important}
  .premium-guide .guide-section h2{font-size:31px!important}
  .premium-guide .guide-warning .shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .premium-guide .guide-warning .shot img{height:310px!important;padding:9px 7px 3px!important}
  .premium-guide .shot-grid.step-pair{grid-template-columns:1fr!important}
  .premium-guide .shot-grid.step-pair .shot img{height:470px!important}
  .premium-guide .credential-grid{grid-template-columns:1fr!important}
  .premium-guide .single-shot{width:100%!important}
  .premium-guide .single-shot img{height:520px!important}
  .premium-guide .seo-category-grid{grid-template-columns:1fr!important}
  .premium-guide .guide-bottom-actions{grid-template-columns:1fr!important}

  .referral-page .referral-hero{padding-right:22px;padding-bottom:155px}
  .referral-page .referral-hero:after{right:22px;top:auto;bottom:42px;transform:none;font-size:82px}
  .referral-page .referral-auth{padding:22px!important}
  .referral-page .referral-metrics{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .referral-page .seo-two-col{grid-template-columns:1fr!important}
  .referral-page .referral-share,.referral-page .referral-withdraw,.referral-page .referral-history{padding:20px!important}

  .support-page .support-card{padding:21px!important}
  .support-page .support-bottom{grid-template-columns:1fr!important}
  .support-page .support-message{max-width:88%}

  .site-footer{margin-top:46px!important;padding:38px 18px 22px!important}
  .site-footer-main{grid-template-columns:1fr!important;gap:28px!important}
  .site-footer-bottom{display:block!important;margin-top:26px!important}
  .site-footer-bottom span{display:block!important}
  .site-footer-bottom span+span{margin-top:6px!important}
}

@media(max-width:390px){
  .seo-app-grid{grid-template-columns:1fr!important}
  .premium-guide .guide-warning .shot-grid{grid-template-columns:1fr!important}
  .premium-guide .guide-warning .shot img{height:510px!important}
  .referral-page .referral-metrics{grid-template-columns:1fr!important}
}


/* GUIDE MOBILE SINGLE COLUMN FIX */
@media(max-width:720px){
  .premium-guide .guide-warning .shot-grid{grid-template-columns:1fr!important}
  .premium-guide .guide-warning .shot img{height:520px!important;padding:10px 8px 4px!important}
}


/* APPSGET V3 VISUAL QA HOTFIX */
.seo-page .hero p{color:#aeb7b4!important}
.seo-page details{
  overflow:hidden!important;
  border:1px solid #e1ddd3!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#171a1e!important;
  box-shadow:0 6px 20px rgba(18,20,22,.035)!important;
}
.seo-page details+details{margin-top:8px!important}
.seo-page details summary{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  padding:15px 48px 15px 17px!important;
  background:#fff!important;
  color:#171a1e!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.35!important;
}
.seo-page details summary b,.seo-page details summary strong{color:#171a1e!important}
.seo-page details[open] summary{background:#f7f8f2!important}
.seo-page details p{max-width:none!important;margin:0!important;padding:0 17px 17px!important;color:#6f726e!important;font-size:12px!important;line-height:1.6!important}
.seo-page details summary:after{right:14px!important;top:50%!important;transform:translateY(-50%)!important;background:#efffc9!important;color:#1d2910!important}
.seo-page details[open] summary:after{background:var(--ag3-acid)!important}

@media(max-width:720px){
  .premium-guide .guide-section.guide-warning .shot-grid{display:block!important;grid-template-columns:none!important}
  .premium-guide .guide-section.guide-warning .shot{display:block!important;width:100%!important;margin:0 0 10px!important}
  .premium-guide .guide-section.guide-warning .shot:last-child{margin-bottom:0!important}
  .premium-guide .guide-section.guide-warning .shot img{display:block!important;width:100%!important;height:540px!important;max-height:none!important;padding:10px 8px 4px!important;object-fit:contain!important}
  .premium-guide .guide-section.guide-warning .shot figcaption{min-height:72px!important}
}