.co-top{
  background:rgba(10,7,20,.94);
  border-bottom:1px solid var(--line-soft);
  position:sticky;top:0;z-index:60;
}
.co-top .wrap{display:flex;align-items:center;gap:18px;height:62px;}
.co-top-right{display:flex;align-items:center;gap:18px;margin-left:auto;}
.co-flag{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted-2);white-space:nowrap;}
.co-flag svg{width:14px;height:14px;color:var(--purple-3);}
.co-flag:hover{color:#fff;}

.co-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:start;padding:24px 0 40px;}

.co-steps{position:sticky;top:86px;}
.co-step{
  display:flex;align-items:center;gap:11px;width:100%;
  padding:11px 13px;border-radius:var(--r-sm);margin-bottom:6px;
  font-size:12px;font-weight:600;color:var(--muted-2);text-align:left;
}
.co-step:hover{color:#fff;background:var(--surface);}
.co-step.is-on{background:var(--grad-btn);color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.35);}
.co-step-no{
  width:21px;height:21px;border-radius:50%;flex-shrink:0;
  background:var(--surface-3);display:grid;place-items:center;
  font-size:10.5px;font-weight:800;color:var(--muted-2);
}
.co-step.is-on .co-step-no{background:rgba(255,255,255,.24);color:#fff;}
.co-step.is-done .co-step-no{background:rgba(34,197,94,.2);color:#4ade80;}

.co-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:18px;margin-bottom:16px;
}
.co-card h3{font-size:14px;font-weight:700;margin-bottom:14px;}
.co-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;}

.co-item{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line-soft);}
.co-item-logo{
  width:46px;height:46px;border-radius:11px;flex-shrink:0;
  background:var(--surface-3);display:grid;place-items:center;overflow:hidden;
}
.co-item-name{font-size:12.5px;font-weight:600;display:block;}
.co-item-sub{font-size:10.5px;color:var(--muted-2);display:block;margin-top:2px;}
.co-item-price{font-size:14px;font-weight:800;display:block;margin-top:5px;}
.co-item-qty{font-size:10.5px;color:var(--muted-2);white-space:nowrap;margin-left:auto;align-self:flex-end;}

.co-seller{
  display:flex;align-items:center;gap:11px;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r);padding:11px;margin:14px 0;
}
.co-seller-av{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;
}
.co-seller b{font-size:12px;font-weight:700;display:block;}
.co-seller .seller-badge{display:block;margin-top:2px;}
.co-seller-rate{font-size:10px;color:var(--muted-2);display:block;margin-top:3px;}

.co-coupon{display:flex;gap:9px;margin-top:8px;}
.co-coupon input{
  flex:1;min-width:0;padding:10px 12px;border-radius:var(--r-sm);
  background:var(--surface-2);border:1px solid var(--line);
  color:#fff;font-size:12px;outline:none;
}
.co-coupon input:focus{border-color:var(--purple);}
.co-coupon button{
  padding:10px 20px;border-radius:var(--r-sm);flex-shrink:0;
  background:var(--grad-btn);color:#fff;font-size:12px;font-weight:600;
}

.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;}
.price-row span{color:var(--muted-2);}
.price-row b{font-weight:600;}
.price-row.total{
  margin-top:10px;padding-top:13px;border-top:1px solid var(--line-soft);
}
.price-row.total span{font-size:13.5px;font-weight:700;color:var(--text);}
.price-row.total b{font-size:19px;font-weight:800;letter-spacing:-.03em;}
.discount{color:#4ade80 !important;}

.co-note{
  font-size:10.5px;color:var(--muted-2);line-height:1.6;
  padding:10px 12px;border-radius:var(--r-sm);
  background:var(--surface-2);border:1px solid var(--line);margin-top:10px;
}

.side-list{display:block;}
.side-list li{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:var(--muted);margin-bottom:10px;}
.side-list svg{width:13px;height:13px;color:#4ade80;flex-shrink:0;margin-top:2px;}
.step-list{counter-reset:s;display:block;}
.step-list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:11px;color:var(--muted);margin-bottom:11px;
}
.step-list li::before{
  counter-increment:s;content:counter(s);
  width:19px;height:19px;border-radius:50%;flex-shrink:0;
  background:var(--surface-3);color:var(--muted-2);
  display:grid;place-items:center;font-size:9.5px;font-weight:800;
}

.co-actions{display:flex;gap:11px;margin-top:6px;}
.co-actions .btn-back{flex:0 0 auto;}
.co-actions .btn-next{flex:1;justify-content:center;padding:13px;}

.co-assure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;}
.co-assure .side-list li,
.co-assure .step-list li{font-size:12px;}

.co-trust{
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:24px;margin-top:6px;
  background:
    radial-gradient(600px 220px at 12% 0%,rgba(139,92,246,.10),transparent 70%),
    var(--surface);
}

.co-trust-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;}
.co-trust-ico{
  width:42px;height:42px;border-radius:12px;flex-shrink:0;
  display:grid;place-items:center;
  background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.3);
}
.co-trust-ico svg{width:21px;height:21px;color:#4ade80;}
.co-trust-head h3{font-size:16px;font-weight:800;letter-spacing:-.01em;margin-bottom:5px;}
.co-trust-head p{font-size:12.5px;line-height:1.7;color:var(--muted);max-width:62ch;}

.co-trust-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  padding-bottom:20px;border-bottom:1px solid var(--line-soft);
}
.co-trust-item{
  padding:15px;border-radius:var(--r);
  background:var(--surface-2);border:1px solid var(--line);
}
.co-trust-item span{
  width:30px;height:30px;border-radius:9px;margin-bottom:10px;
  display:grid;place-items:center;
  background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.28);
}
.co-trust-item span svg{width:15px;height:15px;color:var(--purple-3);}
.co-trust-item b{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;}
.co-trust-item p{font-size:11.5px;line-height:1.75;color:var(--muted-2);}

.co-trust-foot{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;padding-top:18px;
}
.co-trust-foot p{
  display:flex;align-items:center;gap:9px;
  font-size:12.5px;color:var(--muted);
}
.co-trust-foot svg{width:16px;height:16px;color:var(--purple-3);flex-shrink:0;}
.co-trust-links{display:flex;gap:9px;flex-wrap:wrap;}
.co-trust-links .btn{font-size:12px;padding:9px 14px;}

.bs-hero{
  position:relative;overflow:hidden;
  border-radius:var(--r-xl);border:1px solid rgba(168,85,247,.3);
  background:
    radial-gradient(520px 300px at 50% 0%,rgba(168,85,247,.35),transparent 68%),
    linear-gradient(160deg,#1c1038,#0c0718 62%);
  padding:34px 30px;text-align:center;
}
.bs-hero h1{font-size:clamp(24px,3.2vw,34px);font-weight:800;letter-spacing:-.035em;}
.bs-hero p{font-size:13px;color:var(--muted);margin-top:11px;}
.bs-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px;}
.bs-perk .bp-ico{
  width:44px;height:44px;border-radius:14px;margin:0 auto 11px;
  background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.3);
  display:grid;place-items:center;color:var(--purple-3);
}
.bs-perk .bp-ico svg{width:19px;height:19px;}
.bs-perk b{font-size:12.5px;font-weight:700;display:block;}
.bs-perk span{font-size:10.5px;color:var(--muted-2);display:block;margin-top:4px;line-height:1.55;}

.bs-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start;}
.bs-form-foot{font-size:11.5px;color:var(--muted-2);text-align:center;margin-top:14px;}
.bs-form-foot a{color:var(--purple-3);font-weight:600;}
.bs-form-foot a:hover{text-decoration:underline;}

.hiw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.hiw-step{text-align:center;}
.hiw-no{
  width:34px;height:34px;border-radius:50%;margin:0 auto 12px;
  background:var(--grad-btn);color:#fff;
  display:grid;place-items:center;font-size:13px;font-weight:800;
  box-shadow:0 4px 16px rgba(124,58,237,.4);
}
.hiw-step b{font-size:12.5px;font-weight:700;display:block;}
.hiw-step span{font-size:10.5px;color:var(--muted-2);display:block;margin-top:5px;line-height:1.55;}

.od-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.od-back{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);}
.od-back:hover{color:#fff;}
.od-back svg{width:13px;height:13px;}
.od-head{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:14px;flex-wrap:wrap;margin-bottom:18px;
}
.od-head h2{font-size:20px;font-weight:800;letter-spacing:-.03em;}
.od-head p{font-size:11.5px;color:var(--muted-2);margin-top:4px;}
.od-head-btns{display:flex;align-items:center;gap:10px;}

.od-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 290px;gap:16px;align-items:start;}

.tl{position:relative;padding-left:22px;}
.tl::before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line);}
.tl-row{position:relative;padding-bottom:17px;}
.tl-row:last-child{padding-bottom:0;}
.tl-row::before{
  content:'';position:absolute;left:-21px;top:3px;
  width:13px;height:13px;border-radius:50%;
  background:var(--surface-3);border:2px solid var(--surface);
}
.tl-row.done::before{background:#22c55e;}
.tl-row.now::before{background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.22);}
.tl-row b{font-size:12px;font-weight:600;display:block;}
.tl-row span{font-size:10.5px;color:var(--muted-2);display:block;margin-top:2px;}

.rate-order{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-soft);}
.rate-order b{font-size:12.5px;font-weight:700;display:block;margin-bottom:9px;}
.star-pick{display:flex;gap:7px;}
.star-pick button{color:var(--surface-3);font-size:20px;line-height:1;transition:.15s;}
.star-pick button:hover,.star-pick button.on{color:var(--amber);}

.od-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-18px -18px 16px;padding:0 18px;}
.od-tab{padding:13px 16px;font-size:12.5px;font-weight:600;color:var(--muted-2);border-bottom:2px solid transparent;}
.od-tab:hover{color:#fff;}
.od-tab.is-on{color:var(--purple-3);border-bottom-color:var(--purple);}

.tool-row{
  display:flex;align-items:center;gap:11px;width:100%;
  padding:11px 0;border-bottom:1px solid var(--line-soft);
  font-size:12px;color:var(--muted);text-align:left;
}
.tool-row:last-of-type{border-bottom:none;}
.tool-row:hover{color:#fff;}
.tool-row .t-ico{
  width:30px;height:30px;border-radius:9px;flex-shrink:0;
  background:var(--surface-2);border:1px solid var(--line);
  display:grid;place-items:center;color:var(--muted-2);
}
.tool-row .t-ico svg{width:14px;height:14px;}
.tool-row span{flex:1;min-width:0;}
.tool-row > svg{width:12px;height:12px;color:var(--muted-2);flex-shrink:0;}
.tool-row.danger{color:#f87171;}
.tool-row.danger .t-ico{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.28);color:#f87171;}

.wal-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start;}
.wal-card{
  position:relative;overflow:hidden;
  border-radius:var(--r-lg);
  background:linear-gradient(125deg,#4c1d95,#7c3aed 55%,#a855f7);
  border:1px solid rgba(168,85,247,.4);
  padding:24px;
  box-shadow:0 12px 40px rgba(124,58,237,.35);
}
.wal-card::after{
  content:'';position:absolute;right:-40px;top:-40px;
  width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);
}
.wal-label{font-size:11.5px;color:rgba(255,255,255,.75);display:block;}
.wal-amount{display:flex;align-items:center;gap:11px;margin-top:5px;}
.wal-amount b{font-size:34px;font-weight:800;letter-spacing:-.04em;}
.wal-eye{
  width:18px;height:18px;flex-shrink:0;display:grid;place-items:center;
  overflow:hidden;color:rgba(255,255,255,.7);padding:0;line-height:0;
}
.wal-eye svg{width:17px;height:17px;}
.wal-eye:hover{color:#fff;}
.wal-split{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
  margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);
  position:relative;z-index:2;
}
.wal-split span{font-size:11px;color:rgba(255,255,255,.75);display:block;}
.wal-split b{font-size:17px;font-weight:800;display:block;margin-top:3px;}
.wal-coin{position:absolute;right:24px;bottom:20px;font-size:30px;z-index:2;}

.qa-row{
  display:flex;align-items:center;gap:11px;width:100%;
  padding:12px 0;border-bottom:1px solid var(--line-soft);
  font-size:12px;font-weight:500;text-align:left;
}
.qa-row:last-of-type{border-bottom:none;}
.qa-row:hover{color:var(--purple-3);}
.qa-ico{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.3);
  display:grid;place-items:center;color:var(--purple-3);
}
.qa-ico svg{width:15px;height:15px;}
.qa-row span{flex:1;min-width:0;}
.qa-row > svg{width:12px;height:12px;color:var(--muted-2);flex-shrink:0;}

.tx-table{width:100%;border-collapse:collapse;min-width:640px;}
.tx-table th{
  text-align:left;padding:12px 14px;font-size:11.5px;font-weight:700;color:var(--muted);
  border-bottom:1px solid var(--line);white-space:nowrap;
}
.tx-table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);font-size:12px;}
.tx-table tbody tr:last-child td{border-bottom:none;}
.tx-table tbody tr:hover{background:var(--surface-2);}
.tx-in{color:#4ade80;font-weight:700;}
.tx-out{color:#f87171;font-weight:700;}

.bm-layout{
  display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;
  height:calc(100vh - var(--topbar-h) - 120px);min-height:540px;
}

.set-tabs{
  display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;
  border-bottom:1px solid var(--line);margin:-18px -18px 20px;padding:0 18px;
}
.set-tabs::-webkit-scrollbar{display:none;}
.set-tab{
  padding:14px 15px;font-size:12.5px;font-weight:600;color:var(--muted-2);
  border-bottom:2px solid transparent;white-space:nowrap;
}
.set-tab:hover{color:#fff;}
.set-tab.is-on{color:var(--purple-3);border-bottom-color:var(--purple);}

.media-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;}
.logo-box{
  width:78px;height:78px;border-radius:var(--r);flex-shrink:0;
  background:linear-gradient(150deg,#7c3aed,#a855f7);
  display:grid;place-items:center;font-size:30px;color:#fff;
  border:1px solid var(--line);
}
.banner-box{
  flex:1;min-width:0;height:78px;border-radius:var(--r);
  background:linear-gradient(120deg,#2a1257,#4c1d95 60%,#7c3aed);
  border:1px solid var(--line);
}
.change-btn{
  display:block;margin-top:8px;padding:6px 14px;border-radius:7px;
  background:var(--surface-2);border:1px solid var(--line);
  font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;
}
.change-btn:hover{color:#fff;border-color:var(--purple);}
.media-hint{font-size:10px;color:var(--muted-2);margin-top:6px;}
.set-foot{display:flex;justify-content:flex-end;margin-top:20px;padding-top:18px;border-top:1px solid var(--line-soft);}

.side-list,.step-list{list-style:none;margin:0;padding:0;}
.seller-badge{font-style:normal;}

@media (max-width:1240px){
  .co-grid{grid-template-columns:170px minmax(0,1fr);}
  .co-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .od-grid{grid-template-columns:minmax(0,1fr) 280px;}
  .od-left{grid-column:span 2;}
}
@media (max-width:1000px){
  .co-grid{grid-template-columns:1fr;}
  .co-assure{grid-template-columns:1fr;}
  .co-steps{position:static;display:flex;gap:7px;overflow-x:auto;}
  .co-step{margin-bottom:0;white-space:nowrap;}
  .co-cols{grid-template-columns:1fr;}
  .od-grid{grid-template-columns:1fr;}
  .od-left{grid-column:span 1;}
  .wal-grid{grid-template-columns:1fr;}
  .bs-grid{grid-template-columns:1fr;}
  .bs-perks{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hiw{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bm-layout{grid-template-columns:1fr;height:auto;}
  .bm-layout .m-pane:nth-child(1){height:320px;}
  .bm-layout .m-pane:nth-child(2){height:560px;}
}
@media (max-width:600px){
  .bs-perks,.hiw{grid-template-columns:1fr;}
  .wal-amount b{font-size:27px;}
  .co-actions{flex-direction:column;}
  .co-actions .btn-back{width:100%;text-align:center;}
  .co-trust{padding:18px;}
  .co-trust-grid{grid-template-columns:1fr;}
  .co-trust-links .btn{flex:1;justify-content:center;}
}

.sl-hero{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:34px;align-items:center;padding:32px 0 8px;
}
.sl-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 15px;border-radius:20px;
  background:rgba(139,92,246,.13);border:1px solid rgba(139,92,246,.34);
  font-size:11.5px;font-weight:600;color:#c4b5fd;
}
.sl-badge svg{width:13px;height:13px;}
.sl-title{
  font-size:clamp(32px,4.4vw,48px);line-height:1.08;font-weight:800;
  letter-spacing:-.04em;margin-top:18px;
}
.sl-title em{
  font-style:normal;display:block;
  background:linear-gradient(90deg,#a855f7,#e879f9);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.sl-sub{font-size:13.5px;color:var(--muted);line-height:1.7;margin-top:16px;max-width:430px;}

.sl-feats{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-top:26px;}
.sl-feat{display:flex;gap:11px;}
.sl-feat-ico{
  width:36px;height:36px;border-radius:11px;flex-shrink:0;
  display:grid;place-items:center;
}
.sl-feat-ico svg{width:16px;height:16px;}
.sl-feat b{font-size:12.5px;font-weight:700;display:block;}
.sl-feat span:not(.sl-feat-ico){font-size:10.5px;color:var(--muted-2);display:block;margin-top:3px;line-height:1.55;}

.sl-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px;}
.sl-primary{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 26px;border-radius:var(--r);
  background:var(--grad-btn);color:#fff;
  font-size:14px;font-weight:700;
  box-shadow:0 8px 26px rgba(124,58,237,.45);
}
.sl-primary:hover{transform:translateY(-2px);}
.sl-primary svg{width:15px;height:15px;}
.sl-secondary{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 22px;border-radius:var(--r);
  background:var(--surface);border:1px solid var(--line);
  font-size:13.5px;font-weight:600;
}
.sl-secondary:hover{border-color:var(--purple);}
.sl-play{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;
  background:var(--surface-3);display:grid;place-items:center;color:var(--purple-3);
}
.sl-play svg{width:11px;height:11px;}

.mock-wrap{position:relative;}
.mock{
  border-radius:var(--r-lg);overflow:hidden;
  background:var(--bg-2);border:1px solid var(--line);
  box-shadow:0 24px 70px rgba(0,0,0,.55);
  display:grid;grid-template-columns:132px minmax(0,1fr);
}
.mock-side{background:var(--surface);border-right:1px solid var(--line-soft);padding:13px 9px;}
.mock-brand{display:flex;align-items:center;gap:7px;padding:0 4px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:10px;}
.mock-brand span{
  width:20px;height:20px;border-radius:6px;flex-shrink:0;
  background:var(--grad-purple);display:grid;place-items:center;
}
.mock-brand span svg{width:11px;height:11px;color:#fff;}
.mock-brand b{font-size:10px;font-weight:800;letter-spacing:-.02em;}
.mock-nav{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;font-size:9.5px;color:var(--muted-2);margin-bottom:2px;}
.mock-nav.on{background:var(--grad-btn);color:#fff;font-weight:600;}
.mock-nav svg{width:11px;height:11px;flex-shrink:0;}
.mock-nav em{
  font-style:normal;margin-left:auto;font-size:8px;font-weight:700;
  background:var(--surface-3);color:#fff;padding:1px 5px;border-radius:20px;
}
.mock-nav.on em{background:rgba(255,255,255,.24);}

.mock-main{padding:13px;min-width:0;}
.mock-top{display:flex;align-items:center;justify-content:flex-end;margin-bottom:11px;}
.mock-store{
  display:flex;align-items:center;gap:7px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:7px;padding:5px 9px;
}
.mock-store span{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#a855f7);flex-shrink:0;}
.mock-store b{font-size:9px;font-weight:700;display:block;line-height:1.2;}
.mock-store small{font-size:7.5px;color:#60a5fa;display:block;}

.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px;}
.mock-kpi{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px;}
.mock-kpi span{font-size:7.5px;color:var(--muted-2);display:block;}
.mock-kpi b{font-size:13px;font-weight:800;letter-spacing:-.03em;display:block;margin:2px 0 3px;}
.mock-kpi i{font-style:normal;font-size:7px;color:#4ade80;font-weight:700;}
.mock-kpi u{text-decoration:none;font-size:7px;color:var(--muted-2);margin-left:3px;}

.mock-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;margin-bottom:9px;}
.mock-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0;}
.mock-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.mock-card-head b{font-size:9.5px;font-weight:700;}
.mock-card-head span{font-size:8px;color:var(--purple-3);}
.mock-chart{width:100%;height:auto;display:block;}
.mock-prod{display:flex;align-items:center;gap:7px;padding:5px 0;}
.mock-prod .pl{width:18px;height:18px;border-radius:5px;flex-shrink:0;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;}
.mock-prod .pn{flex:1;min-width:0;font-size:8.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mock-prod .pp{font-size:8.5px;font-weight:700;white-space:nowrap;}
.mock-order{display:flex;align-items:center;gap:9px;font-size:8px;color:var(--muted-2);}
.mock-order b{color:var(--text);font-weight:600;}
.mock-done{
  background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.3);
  font-size:7px;font-weight:700;padding:1px 6px;border-radius:20px;
}

.trusted{
  position:absolute;right:-14px;bottom:-22px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:14px 16px;
  box-shadow:0 14px 40px rgba(0,0,0,.5);
}
.trusted span{font-size:10.5px;color:var(--muted-2);display:block;}
.trusted b{font-size:22px;font-weight:800;letter-spacing:-.03em;display:block;margin:3px 0;}
.avatars{display:flex;margin-top:9px;}
.avatars i{
  width:24px;height:24px;border-radius:50%;font-style:normal;
  display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;
  border:2px solid var(--surface);margin-left:-7px;
}
.avatars i:first-child{margin-left:0;}
.avatars i.more{background:var(--grad-btn);}

.sl-stats{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
}
.sl-stat{display:flex;align-items:center;gap:13px;padding:20px 22px;}
.sl-stat + .sl-stat{border-left:1px solid var(--line-soft);}
.sl-stat-ico{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;}
.sl-stat-ico svg{width:18px;height:18px;}
.sl-stat b{font-size:20px;font-weight:800;letter-spacing:-.03em;display:block;}
.sl-stat span{font-size:11px;color:var(--muted-2);display:block;margin-top:2px;}

.hiw5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.hiw5-step{position:relative;text-align:center;padding:0 6px;}
.hiw5-ico{
  position:relative;width:52px;height:52px;border-radius:16px;margin:0 auto 14px;
  background:rgba(139,92,246,.13);border:1px solid rgba(139,92,246,.32);
  display:grid;place-items:center;color:var(--purple-3);
}
.hiw5-ico svg{width:22px;height:22px;}
.hiw5-no{
  position:absolute;right:-5px;bottom:-5px;
  width:19px;height:19px;border-radius:50%;
  background:var(--grad-btn);color:#fff;
  display:grid;place-items:center;font-size:9.5px;font-weight:800;
  border:2px solid var(--surface);
}
.hiw5-step b{font-size:12.5px;font-weight:700;display:block;}
.hiw5-step span{font-size:10.5px;color:var(--muted-2);display:block;margin-top:6px;line-height:1.55;}
.hiw5-line{
  position:absolute;top:26px;left:calc(50% + 34px);right:calc(-50% + 34px);
  border-top:1.5px dashed var(--line);
}
.hiw5-step:last-child .hiw5-line{display:none;}

.why6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
.why6-card{
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r);padding:18px 12px;text-align:center;transition:.2s;
}
.why6-card:hover{border-color:var(--purple);transform:translateY(-4px);}
.why6-ico{width:40px;height:40px;border-radius:13px;margin:0 auto 12px;display:grid;place-items:center;}
.why6-ico svg{width:18px;height:18px;}
.why6-card b{font-size:12px;font-weight:700;display:block;}
.why6-card span:not(.why6-ico){font-size:10px;color:var(--muted-2);display:block;margin-top:6px;line-height:1.55;}

.sl-cta{
  position:relative;overflow:hidden;
  border-radius:var(--r-lg);border:1px solid rgba(168,85,247,.36);
  background:linear-gradient(115deg,#3b1a72,#5b21b6 55%,#7c3aed);
  padding:24px 26px;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  box-shadow:0 12px 40px rgba(124,58,237,.32);
}
.sl-cta-ico{
  width:56px;height:56px;border-radius:16px;flex-shrink:0;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);
  display:grid;place-items:center;color:#fff;
}
.sl-cta-ico svg{width:26px;height:26px;}
.sl-cta h3{font-size:20px;font-weight:800;letter-spacing:-.03em;}
.sl-cta p{font-size:12.5px;color:rgba(255,255,255,.8);margin-top:5px;}
.sl-cta .sl-primary{
  margin-left:auto;background:#fff;color:#3b1a72;box-shadow:0 6px 20px rgba(0,0,0,.28);
}

.testi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.testi{
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r);padding:16px;
  display:flex;flex-direction:column;
}
.testi-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.testi-av{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;
}
.testi-stars{color:var(--amber);font-size:11px;letter-spacing:1px;}
.testi p{font-size:11.5px;color:var(--muted);line-height:1.7;flex:1;}
.testi-who{margin-top:13px;}
.testi-who b{font-size:12px;font-weight:700;display:block;}
.testi-who span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted-2);margin-top:3px;}
.testi-who svg{width:11px;height:11px;color:#60a5fa;}
.dots{display:flex;justify-content:center;gap:7px;margin-top:16px;}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--surface-3);font-style:normal;}
.dots i.on{width:20px;border-radius:20px;background:var(--purple);}

.sl-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start;}
.sl-col{display:flex;flex-direction:column;gap:16px;min-width:0;}

@media (max-width:1300px){
  .why6{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1100px){
  .sl-hero{grid-template-columns:1fr;gap:44px;}
  .trusted{position:static;margin-top:16px;}
  .sl-grid{grid-template-columns:1fr;}
  .hiw5{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 8px;}
  .hiw5-line{display:none;}
  .sl-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sl-stat:nth-child(3){border-left:none;}
  .testi-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .sl-feats{grid-template-columns:1fr;}
  .why6{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hiw5{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mock{grid-template-columns:1fr;}
  .mock-side{display:none;}
  .mock-kpis{grid-template-columns:repeat(2,1fr);}
  .mock-row{grid-template-columns:1fr;}
  .sl-cta{flex-direction:column;align-items:flex-start;}
  .sl-cta .sl-primary{margin-left:0;width:100%;justify-content:center;}
  .sl-stats{grid-template-columns:1fr;}
  .sl-stat + .sl-stat{border-left:none;border-top:1px solid var(--line-soft);}
}

.mock-kpi i,.mock-kpi u,.mock-nav em,.mock-done,.hiw5-no,.avatars i,.dots i{font-style:normal;}
.hiw5-line{font-style:normal;}
.sl-feat-ico svg,.sl-stat-ico svg,.why6-ico svg{display:block;}
.mock-store div b,.mock-store div small{display:block;}

.sl-lede{font-size:11.5px;color:var(--muted-2);line-height:1.7;margin:6px 0 20px;}

.mock-bar{
  display:block;height:7px;border-radius:4px;margin-top:6px;
  background:linear-gradient(90deg,var(--surface-3),var(--line));
}
.mock-prod .mock-bar{margin-top:0;flex:1;}
.mock-sq{background:var(--surface-3);}
.mock-bar.w40{width:40%;}
.mock-bar.w50{width:50%;}
.mock-bar.w60{width:60%;}
.mock-bar.w70{width:70%;}
.mock-bar.w75{width:75%;}
.mock-bar.w80{width:80%;}
.mock-bar.w90{width:90%;}
.mock-note{
  margin-top:12px;font-size:10.5px;line-height:1.6;color:var(--muted-2);text-align:center;
}

.sl-stats[hidden]{display:none;}

.sa-signin{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  padding:14px 16px;margin-bottom:18px;border-radius:var(--r);
  background:rgba(139,92,246,.09);border:1px solid rgba(139,92,246,.3);
}
.sa-signin-ico{
  width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;
  background:rgba(139,92,246,.18);color:var(--purple-3);
}
.sa-signin-ico svg{width:16px;height:16px;}
.sa-signin div{flex:1;min-width:190px;}
.sa-signin b{display:block;font-size:12.5px;font-weight:700;}
.sa-signin span{display:block;font-size:11px;color:var(--muted-2);line-height:1.6;margin-top:3px;}
.sa-signin-btns{display:inline-flex;gap:8px;flex-wrap:wrap;}
.sa-signin-btn{padding:9px 18px;font-size:12.5px;}

.sa-rail{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;
  list-style:none;margin:0 0 22px;padding:0;
}
.sa-rail-step{
  position:relative;display:flex;flex-direction:column;align-items:center;
  gap:7px;text-align:center;padding-top:4px;
}
.sa-rail-step::after{
  content:"";position:absolute;top:17px;left:calc(50% + 20px);right:calc(-50% + 20px);
  border-top:1.5px dashed var(--line);
}
.sa-rail-step:last-child::after{display:none;}
.sa-rail-step.is-done::after{border-top-style:solid;border-top-color:var(--purple);}
.sa-rail-no{
  width:28px;height:28px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;font-size:12px;font-weight:800;
  background:var(--surface-2);border:1px solid var(--line);color:var(--muted-2);
  transition:.18s;
}
.sa-rail-name{font-size:10px;font-weight:600;color:var(--muted-2);line-height:1.4;}
.sa-rail-step.is-on .sa-rail-no{background:var(--grad-btn);border-color:transparent;color:#fff;}
.sa-rail-step.is-on .sa-rail-name{color:var(--text);}
.sa-rail-step.is-done .sa-rail-no{
  background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.4);color:#4ade80;
}

.sa-form{margin:0;}
.sa-step{display:none;border:0;padding:0;margin:0;min-width:0;}
.sa-step.is-on{display:block;}
.sa-step-head{padding:0;margin-bottom:18px;display:block;width:100%;}
.sa-step-head b{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em;}
.sa-step-head span{display:block;font-size:11px;color:var(--muted-2);margin-top:4px;line-height:1.6;}

.sa-hint{font-size:10.5px;color:var(--muted-2);line-height:1.65;margin-top:6px;}
.sa-opt{font-size:9.5px;font-weight:600;color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em;}
.sa-split{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:9px;}
.sa-code{min-width:0;}

.sa-note{
  padding:13px 15px;border-radius:var(--r);margin-bottom:18px;
  background:var(--surface-2);border:1px solid var(--line);
}
.sa-note b{display:block;font-size:12px;font-weight:700;margin-bottom:4px;}
.sa-note span{display:block;font-size:11px;color:var(--muted-2);line-height:1.7;}

.sa-docs{
  padding:15px;border-radius:var(--r);margin-bottom:20px;
  background:var(--surface-2);border:1px solid var(--line);
}
.sa-docs h4{font-size:12px;font-weight:700;margin-bottom:11px;}
.sa-docs ul{list-style:none;margin:0;padding:0;}
.sa-docs li{
  display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--muted);
  padding:6px 0;border-bottom:1px solid var(--line-soft);
}
.sa-docs li:last-child{border-bottom:0;}
.sa-doc-need,.sa-doc-opt{
  font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px;flex-shrink:0;
  text-transform:uppercase;letter-spacing:.04em;
}
.sa-doc-need{background:rgba(239,68,68,.14);color:#fca5a5;border:1px solid rgba(239,68,68,.28);}
.sa-doc-opt{background:var(--surface-3);color:var(--muted-2);border:1px solid var(--line);}
.sa-docs-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:12px;
  font-size:11.5px;font-weight:600;color:var(--purple-3);
}
.sa-docs-link svg{width:12px;height:12px;}

.sa-review{
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:18px;
}
.sa-review-group{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 15px;background:var(--surface-2);border-bottom:1px solid var(--line-soft);
}
.sa-review-group b{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted-2);}
.sa-review-edit{
  background:none;border:0;cursor:pointer;font:inherit;
  font-size:11px;font-weight:600;color:var(--purple-3);
}
.sa-review-row{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:9px 15px;border-bottom:1px solid var(--line-soft);
}
.sa-review-row:last-child{border-bottom:0;}
.sa-review-row span{font-size:11.5px;color:var(--muted-2);flex-shrink:0;}
.sa-review-row b{
  font-size:11.5px;font-weight:600;text-align:right;line-height:1.6;
  word-break:break-word;max-width:62%;
}
.sa-review-row b.is-empty{color:var(--muted-2);font-weight:500;}

.sa-nav{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:22px;}
.sa-back{padding:13px 20px;}
.sa-next,.sa-submit{margin-left:auto;}
.sa-nav [hidden]{display:none;}

.sa-progress{position:sticky;top:16px;}
.sa-ring-wrap{position:relative;width:150px;margin:0 auto 20px;}
.sa-ring{width:150px;height:150px;display:block;transform:rotate(-90deg);}
.sa-ring-track{fill:none;stroke:var(--surface-3);stroke-width:9;}
.sa-ring-fill{
  fill:none;stroke:var(--purple);stroke-width:9;stroke-linecap:round;
  stroke-dasharray:326.7;stroke-dashoffset:326.7;
  transition:stroke-dashoffset .35s ease;
}
.sa-ring-mid{
  position:absolute;inset:0;display:grid;place-content:center;text-align:center;
}
.sa-ring-mid b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;}
.sa-ring-mid span{display:block;font-size:10.5px;color:var(--muted-2);margin-top:2px;}

.sa-checks{list-style:none;margin:0;padding:0;}
.sa-checks li{
  display:flex;align-items:center;gap:10px;padding:8px 0;
  font-size:11.5px;color:var(--muted-2);border-bottom:1px solid var(--line-soft);
}
.sa-checks li:last-child{border-bottom:0;}
.sa-check{
  width:20px;height:20px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  background:var(--surface-2);border:1px solid var(--line);color:transparent;
}
.sa-check svg{width:10px;height:10px;}
.sa-checks li.is-done{color:var(--text);font-weight:600;}
.sa-checks li.is-done .sa-check{
  background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.4);color:#4ade80;
}
.sa-checks li.is-on .sa-check{border-color:var(--purple);}

.sa-help{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.sa-help-ico{
  width:48px;height:48px;border-radius:15px;flex-shrink:0;display:grid;place-items:center;
  background:rgba(96,165,250,.13);border:1px solid rgba(96,165,250,.3);color:#60a5fa;
}
.sa-help-ico svg{width:22px;height:22px;}
.sa-help div{flex:1;min-width:220px;}
.sa-help h3{font-size:15px;font-weight:800;letter-spacing:-.02em;}
.sa-help p{font-size:11.5px;color:var(--muted-2);line-height:1.7;margin-top:5px;}

@media (max-width:1100px){
  .sa-progress{position:static;}
}
@media (max-width:760px){
  .sa-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;}
  .sa-rail-name{display:none;}
  .sa-rail-step::after{top:17px;left:calc(50% + 18px);right:calc(-50% + 18px);}
  .sa-split{grid-template-columns:1fr;}
  .sa-nav{flex-direction:column;align-items:stretch;}
  .sa-next,.sa-submit,.sa-back{margin-left:0;justify-content:center;}
  .sa-review-row{flex-direction:column;gap:3px;}
  .sa-review-row b{text-align:left;max-width:100%;}
}

@media (max-width:480px){
  .sa-rail{
    display:flex;
    gap:10px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
  }
  .sa-rail-step{flex:0 0 auto;}
  .sa-rail-name{display:block;white-space:nowrap;}
  .sa-rail-step::after{display:none;}
}