.pg-hero{
  padding:30px 26px;border-radius:var(--r-lg);margin-bottom:22px;
  background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(168,85,247,.1));
  border:1px solid rgba(139,92,246,.32);
}
.pg-hero h1{font-size:29px;letter-spacing:-.035em;}
.pg-hero p{font-size:13px;color:#d9cffb;line-height:1.65;margin-top:8px;max-width:62ch;}
.pg-hero-meta{
  display:inline-flex;align-items:center;gap:7px;margin-top:14px;
  padding:5px 12px;border-radius:20px;
  background:rgba(255,255,255,.1);color:#e4dcfa;
  font-size:11px;font-weight:600;
}
.pg-hero-meta svg{width:12px;height:12px;}

.doc-grid{display:grid;grid-template-columns:236px minmax(0,1fr);gap:26px;align-items:start;
  margin-bottom:44px;}
.doc-toc{
  position:sticky;top:20px;padding:16px;border-radius:var(--r);
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.doc-toc h4{font-size:11px;color:var(--muted-2);text-transform:uppercase;
  letter-spacing:.07em;margin-bottom:11px;}
.doc-toc a{
  display:block;padding:7px 10px;border-radius:8px;
  font-size:12px;color:var(--muted);line-height:1.4;
}
.doc-toc a:hover{background:var(--surface-2);color:#fff;}
.doc-toc a.is-on{background:rgba(139,92,246,.16);color:#c4b5fd;font-weight:600;}

.doc-body{min-width:0;}
.doc-sec{
  padding:22px 24px;border-radius:var(--r);margin-bottom:15px;
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.doc-sec h2{font-size:17px;letter-spacing:-.025em;margin-bottom:12px;
  display:flex;align-items:center;gap:10px;}
.doc-num{
  width:26px;height:26px;border-radius:8px;flex-shrink:0;
  display:grid;place-items:center;
  background:rgba(139,92,246,.16);color:#c4b5fd;
  font-size:12px;font-weight:800;
}
.doc-sec h3{font-size:13px;margin:16px 0 8px;}
.doc-sec p{font-size:12.5px;color:var(--muted);line-height:1.75;margin-bottom:11px;}
.doc-sec p:last-child{margin-bottom:0;}
.doc-sec ul{margin:0 0 11px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.doc-sec li{
  display:flex;gap:10px;font-size:12.5px;color:var(--muted);line-height:1.7;
}
.doc-sec li svg{width:13px;height:13px;flex-shrink:0;margin-top:4px;color:var(--purple-3);}
.doc-sec b{color:#fff;}

.doc-note{
  display:flex;gap:11px;padding:14px 15px;border-radius:var(--r-sm);
  background:rgba(139,92,246,.09);border:1px solid rgba(139,92,246,.28);
  font-size:12px;color:#cdc2e8;line-height:1.65;margin-top:14px;
}
.doc-note svg{width:15px;height:15px;flex-shrink:0;margin-top:2px;color:var(--purple-3);}
.doc-note b{display:block;color:#fff;font-size:12.5px;margin-bottom:4px;}

.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;}
.info-grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.info-grid.is-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.info-card{
  display:flex;flex-direction:column;gap:10px;min-width:0;
  padding:20px;border-radius:var(--r);
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.info-ico{
  width:42px;height:42px;border-radius:12px;flex-shrink:0;
  display:grid;place-items:center;
}
.info-ico svg{width:20px;height:20px;}
.info-card h3{font-size:14px;letter-spacing:-.01em;}
.info-card p{font-size:12px;color:var(--muted);line-height:1.7;}
.info-card a.info-link{
  font-size:12px;font-weight:600;color:var(--purple-3);
  display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px;
}
.info-card a.info-link svg{width:12px;height:12px;transition:transform .18s;}
.info-card a.info-link:hover svg{transform:translateX(3px);}

.steps{display:flex;flex-direction:column;gap:14px;margin-bottom:22px;}
.step{
  display:flex;gap:16px;padding:20px;border-radius:var(--r);
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.step-num{
  width:38px;height:38px;border-radius:12px;flex-shrink:0;
  display:grid;place-items:center;
  background:var(--grad-btn);color:#fff;font-size:15px;font-weight:800;
  box-shadow:0 4px 14px rgba(124,58,237,.3);
}
.step-body{min-width:0;}
.step-body h3{font-size:14px;margin-bottom:6px;}
.step-body p{font-size:12.5px;color:var(--muted);line-height:1.7;}

.faq-list{display:flex;flex-direction:column;gap:10px;}
.faq-item{
  border-radius:var(--r);overflow:hidden;
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  width:100%;padding:16px 18px;text-align:left;
  font-size:13px;font-weight:600;color:#fff;cursor:pointer;
}
.faq-q:hover{color:var(--purple-3);}
.faq-q svg{width:14px;height:14px;flex-shrink:0;color:var(--muted-2);transition:transform .2s;}
.faq-item.is-open .faq-q svg{transform:rotate(180deg);color:var(--purple-3);}
.faq-a{display:none;padding:0 18px 17px;font-size:12.5px;color:var(--muted);line-height:1.75;}
.faq-item.is-open .faq-a{display:block;}

.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start;
  margin-bottom:44px;}
.contact-form{
  padding:22px 24px;border-radius:var(--r);
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.contact-form h2{font-size:17px;letter-spacing:-.025em;margin-bottom:16px;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cf-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.cf-field label{font-size:11.5px;color:var(--muted);}
.cf-input{
  width:100%;padding:11px 13px;border-radius:10px;
  background:var(--surface-2);border:1px solid var(--line);
  color:#fff;font-size:12.5px;outline:none;font-family:inherit;
}
.cf-input::placeholder{color:var(--muted-2);}
.cf-input:focus{border-color:var(--purple);}
textarea.cf-input{min-height:120px;resize:vertical;line-height:1.65;}
.cf-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:12px;border-radius:10px;border:none;cursor:pointer;
  background:var(--grad-btn);color:#fff;font-size:13px;font-weight:700;
  box-shadow:0 4px 14px rgba(124,58,237,.3);
}
.cf-submit svg{width:14px;height:14px;}

.contact-side{display:flex;flex-direction:column;gap:14px;}
.ct-row{
  display:flex;gap:13px;padding:16px;border-radius:var(--r);
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.ct-ico{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;
  display:grid;place-items:center;
}
.ct-ico svg{width:17px;height:17px;}
.ct-body{min-width:0;}
.ct-body h4{font-size:12.5px;margin-bottom:4px;}
.ct-body p{font-size:11.5px;color:var(--muted);line-height:1.6;word-break:break-word;}

.stat-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;}
.stat-band-item{
  padding:20px;border-radius:var(--r);text-align:center;min-width:0;
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.stat-band-item b{font-size:25px;font-weight:800;letter-spacing:-.035em;display:block;}
.stat-band-item span{font-size:11.5px;color:var(--muted-2);display:block;margin-top:5px;}

.pay-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;}
.pay-tile{
  display:flex;align-items:center;gap:12px;min-width:0;
  padding:15px;border-radius:var(--r);
  background:var(--grad-card);border:1px solid var(--line-soft);
}
.pay-logo{
  width:48px;height:32px;border-radius:8px;flex-shrink:0;
  display:grid;place-items:center;
  font-size:9.5px;font-weight:800;color:#fff;text-align:center;line-height:1.1;padding:0 4px;
}
.pay-body{min-width:0;}
.pay-body b{font-size:12.5px;display:block;}
.pay-body span{font-size:10.5px;color:var(--muted-2);display:block;margin-top:2px;}

.cta-band{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
  padding:26px 28px;border-radius:var(--r-lg);margin-bottom:44px;
  background:linear-gradient(135deg,rgba(124,58,237,.32),rgba(217,70,239,.14));
  border:1px solid rgba(139,92,246,.36);
}
.cta-band h3{font-size:19px;letter-spacing:-.025em;}
.cta-band p{font-size:12.5px;color:#d9cffb;margin-top:6px;}
.cta-band-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;}
.cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:10px;
  font-size:13px;font-weight:700;white-space:nowrap;
}
.cta-btn svg{width:14px;height:14px;}
.cta-btn.is-fill{background:#fff;color:#2e1065;}
.cta-btn.is-line{border:1px solid rgba(255,255,255,.4);color:#fff;}
.cta-btn.is-line:hover{background:rgba(255,255,255,.12);}

@media (max-width:1080px){
  .doc-grid{grid-template-columns:1fr;}
  .doc-toc{position:static;}
  .contact-grid{grid-template-columns:1fr;}
  .info-grid,.info-grid.is-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pay-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .stat-band{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .pg-hero{padding:24px 20px;}
  .pg-hero h1{font-size:23px;}
  .info-grid,.info-grid.is-2,.info-grid.is-4{grid-template-columns:1fr;}
  .pay-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cf-row{grid-template-columns:1fr;}
  .doc-sec{padding:18px 17px;}
}
@media (max-width:460px){
  .stat-band{grid-template-columns:1fr;}
  .pay-grid{grid-template-columns:1fr;}
}