*{box-sizing:border-box}
:root{--bg:#07101a;--panel:#0d1722;--panel2:#111e2c;--line:#2a3e52;--text:#f5f9fd;--muted:#90a0b1;--blue:#2d8cff;--blue2:#1f6fe5}
html{background:#07101a;color-scheme:dark}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 13% 10%,rgba(40,129,232,.14),transparent 28%),radial-gradient(circle at 90% 88%,rgba(16,86,170,.12),transparent 25%),linear-gradient(180deg,#060b11,#08111b 56%,#060c13);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#55a3ff;text-decoration:none}a:hover{text-decoration:underline}.bg-glow{position:fixed;width:300px;height:300px;border-radius:50%;filter:blur(110px);opacity:.3;pointer-events:none}.glow-a{background:#097cff;left:-180px;top:80px}.glow-b{background:#0b53ac;right:-170px;bottom:0}
.shell{width:min(1040px,100%);margin:auto;padding:28px 22px 34px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.brand{display:flex;align-items:center;gap:13px;color:inherit}.brand:hover{text-decoration:none}.brand-mark{width:60px;height:60px;border:1px solid #31495f;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#183754,#09131d 72%);box-shadow:0 0 26px rgba(49,146,255,.17),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;flex:0 0 60px}.brand-mark img{width:48px;height:48px;object-fit:contain;display:block;filter:drop-shadow(0 0 12px rgba(94,179,255,.28))}.brand strong{font-size:24px;display:block;line-height:1.05}.brand small{font-size:13px;color:var(--muted);display:block;margin-top:4px}.secure{font-size:13px;color:#76b6ff;border:1px solid #234566;background:#0c2033;border-radius:12px;padding:9px 12px}
.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:stretch}.hero-copy,.hero-card,.info-card,.service-card,.checkout,.legal-page{border:1px solid #2d4257;background:linear-gradient(145deg,rgba(15,25,36,.98),rgba(8,15,23,.98));box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03);border-radius:28px}.hero-copy{padding:42px}.hero-copy h1{font-size:49px;line-height:1.04;letter-spacing:-.045em;margin:12px 0 18px}.hero-copy p{font-size:18px;line-height:1.6;color:#a8b6c5;max-width:700px}.eyebrow{display:inline-flex;color:#61a9ff;background:#0d2034;border:1px solid #1c4267;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;font-weight:750;border:0;cursor:pointer}.primary-btn{color:white;background:linear-gradient(180deg,#3798ff,#1f6ddd);box-shadow:0 10px 28px rgba(31,109,221,.28)}.primary-btn:hover{text-decoration:none;filter:brightness(1.06)}.ghost-btn{color:#dbe8f5;border:1px solid #334a60;background:#101a25}.ghost-btn:hover{text-decoration:none;background:#142232}.full{width:100%}
.hero-card{padding:28px}.mini-badge{font-size:13px;color:#8ea1b5;margin-bottom:11px}.step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #25384a}.step:last-child{border-bottom:0}.step b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#67b0ff;background:#102943;border:1px solid #245584}.step span{line-height:1.45;color:#d6e0ea}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.info-card{padding:23px}.info-card .icon{font-size:24px}.info-card h2{font-size:20px;margin:12px 0 8px}.info-card p{color:#9eafbf;line-height:1.55;margin:0}.service-card{margin-top:16px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.service-card h2{font-size:28px;margin:12px 0}.service-card p{color:#9eb0c2;line-height:1.6}.service-points{display:flex;flex-direction:column;justify-content:center;gap:13px;color:#dbe6f0}.service-points span{padding:12px 14px;border:1px solid #293d50;border-radius:14px;background:#0b151f}
.checkout{max-width:760px;margin:0 auto;padding:32px}.checkout-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.checkout h1,.legal-page h1{font-size:38px;letter-spacing:-.035em;margin:10px 0 8px}.checkout-head p{margin:0;color:var(--muted)}.copy-order{background:none;border:0;color:#4a9eff;padding:0;cursor:pointer}.status-pill{white-space:nowrap;color:#ffcb66;border:1px solid #5d4b26;background:#2a2110;border-radius:999px;padding:8px 10px;font-size:12px}.line{height:1px;background:#293d50;margin:26px 0}.checkout h2{font-size:21px;margin:0 0 14px}.groups{border:1px solid #2c3f51;border-radius:18px;padding:0 15px}.group-row{min-height:55px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #253646}.group-row:last-child{border-bottom:0}.tg{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#2a95e8;color:white;transform:rotate(-18deg)}.label{font-size:13px;color:var(--muted);margin:20px 0 9px}.tariff{display:flex;align-items:center;justify-content:space-between;gap:15px;border:2px solid #2e8df8;border-radius:17px;padding:16px 18px;background:linear-gradient(90deg,rgba(45,141,248,.11),rgba(255,255,255,.01))}.tariff>div:first-child{display:flex;align-items:center;gap:12px}.clock{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#122c46;color:#60aaff}.price-area{display:flex;align-items:center;gap:9px}.price-area strong{font-size:23px;color:#61a8ff}.old-price{text-decoration:line-through;color:#78899a}.discount{font-size:12px;border:1px solid #255f37;color:#6ee093;background:#0e2b18;border-radius:999px;padding:4px 7px}.pay-heading{margin-top:25px!important}.methods{display:grid;gap:11px}.method{display:grid;grid-template-columns:24px 43px 1fr;align-items:center;gap:13px;width:100%;padding:16px;border:1px solid #2b3d4d;border-radius:17px;background:#0a131c;color:white;text-align:left;cursor:pointer}.method.active{border:2px solid #2d8cff;background:linear-gradient(90deg,rgba(45,140,255,.08),transparent)}.radio{width:22px;height:22px;border-radius:50%;border:2px solid #4a5a6b;display:grid;place-items:center}.method.active .radio{border-color:#5aa8ff}.method.active .radio i{width:9px;height:9px;background:#72b5ff;border-radius:50%}.method-logo{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:22px}.sbp-logo{background:linear-gradient(135deg,#35bb8e,#5c5fe6 55%,#f08a3c)}.card-logo{background:linear-gradient(135deg,#469cff,#1f55b3)}.method strong{display:block;font-size:17px}.method small{display:block;color:#8799aa;margin-top:3px}.safe-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #293d4f;border-radius:14px;padding:13px 14px;margin-top:14px;color:#c3d0dc;font-size:13px}.safe-note b{margin-left:auto;color:#5aa9ff}.pay-btn{width:100%;margin-top:19px;border:0;border-radius:16px;padding:18px;color:white;font-size:19px;font-weight:800;background:linear-gradient(180deg,#3797ff,#206be0);box-shadow:0 11px 28px rgba(31,105,220,.27);cursor:pointer}.pay-btn span{font-size:26px;margin-left:10px}.pay-btn:disabled{opacity:.65;cursor:wait}.agreement{text-align:center;font-size:12px;color:#7e8fa0;line-height:1.5}
.legal-page{padding:36px}.legal-page h1{margin-top:14px}.legal-subtitle{color:#9eb0c0;font-size:17px;margin-top:0}.draft-note{border:1px solid #594a24;background:#28200e;color:#e8cb7c;border-radius:14px;padding:13px 15px;margin:22px 0}.legal-sections{display:grid;gap:13px}.legal-sections article{border:1px solid #293c4e;background:#0a141e;border-radius:16px;padding:18px}.legal-sections h2{font-size:18px;margin:0 0 8px}.legal-sections p{margin:0;color:#a8b6c4;line-height:1.65;white-space:pre-line}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.contact-card{border:1px solid #293d50;border-radius:16px;padding:18px;background:#0b151f}.contact-card small{display:block;color:#7f91a2;margin-bottom:7px}.contact-card strong{font-size:16px}
footer{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding:22px 5px 0;color:#718395;font-size:12px}footer strong{color:#94a5b6}footer nav{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap}footer a{color:#7d91a5}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;z-index:40}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.modal-box{position:relative;z-index:1;width:min(430px,100%);border:1px solid #31475b;border-radius:22px;padding:26px;background:linear-gradient(145deg,#101b27,#09111a);box-shadow:0 25px 80px rgba(0,0,0,.55)}.close{position:absolute;right:13px;top:8px;border:0;background:transparent;color:#91a1b0;font-size:29px;cursor:pointer}.check{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#102e22;color:#5cdf9f;border:1px solid #205a41;font-size:25px}.modal-box h3{font-size:24px;margin:13px 0 7px}.modal-box p{color:#9fb0c0;line-height:1.5}.summary{display:grid;grid-template-columns:1fr auto;gap:9px 16px;border:1px solid #293d50;border-radius:14px;padding:14px;margin:18px 0}.summary span{color:#7f91a4}.summary b{text-align:right}
@media(max-width:780px){.hero{grid-template-columns:1fr}.hero-copy h1{font-size:40px}.info-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.secure{display:none}.contact-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}footer nav{justify-content:flex-start}}
@media(max-width:520px){.shell{padding:18px 11px 28px}.brand-mark{width:52px;height:52px;flex-basis:52px}.brand-mark img{width:42px;height:42px}.brand strong{font-size:21px}.brand small{font-size:11px}.hero-copy,.hero-card,.checkout,.legal-page{padding:21px;border-radius:22px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:16px}.hero-actions{display:grid}.checkout-head{display:block}.status-pill{display:inline-flex;margin-top:14px}.checkout h1,.legal-page h1{font-size:30px}.tariff{align-items:flex-start}.price-area{flex-wrap:wrap;justify-content:flex-end}.safe-note b{margin-left:0}.method{grid-template-columns:22px 39px 1fr;padding:14px 12px}.method-logo{width:39px;height:39px}.agreement{font-size:11px}}

/* Requisites, services and live pricing */
.contact-card-wide{grid-column:1/-1}.contact-note{border:1px solid #293d50;border-radius:16px;padding:16px 18px;background:#0b151f;color:#9fb0c0;line-height:1.55}.services-page{max-width:940px;margin:0 auto}.price-block{border:1px solid #293c4e;background:#0a141e;border-radius:18px;padding:20px;margin-top:18px}.price-block-head h2,.service-terms-grid h2{font-size:19px;margin:0 0 8px}.price-block-head p,.service-terms-grid p{margin:0;color:#9fb0c0;line-height:1.6}.price-table-wrap{overflow-x:auto;margin-top:16px}.price-table{width:100%;border-collapse:collapse;min-width:560px}.price-table th,.price-table td{text-align:left;padding:13px 14px;border-bottom:1px solid #26394a}.price-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#7890a6}.price-table td{color:#dce6ef}.price-table tr:last-child td{border-bottom:0}.price-table td:last-child{color:#67adff}.price-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.price-chip{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #2b4054;background:#0c1823;border-radius:14px;padding:14px}.price-chip span{color:#9badbd}.price-chip strong{color:#67adff;white-space:nowrap}.service-terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.service-terms-grid article{border:1px solid #293c4e;background:#0a141e;border-radius:16px;padding:18px}.catalog-unavailable{border:1px solid #594a24;background:#28200e;border-radius:16px;padding:20px;margin-top:22px;color:#e8cb7c}.catalog-unavailable p{color:#c9b985;line-height:1.55}.catalog-unavailable .primary-btn{margin-top:5px}
@media(max-width:780px){.price-chips{grid-template-columns:1fr 1fr}.service-terms-grid{grid-template-columns:1fr}}
@media(max-width:520px){.price-chips{grid-template-columns:1fr}.contact-card-wide{grid-column:auto}.price-block{padding:16px}.price-table th,.price-table td{padding:11px 10px}}


/* Services page — clearer commercial presentation */
.services-intro{max-width:790px;line-height:1.65}
.services-how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 8px}
.services-how-item{display:flex;gap:12px;align-items:center;border:1px solid #293d50;border-radius:16px;padding:15px;background:linear-gradient(145deg,#0d1925,#0a141e)}
.services-how-item>b{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#102943;border:1px solid #245584;color:#69afff;font-size:13px}
.services-how-item span{display:grid;gap:3px}.services-how-item strong{font-size:14px}.services-how-item small{color:#8295a7;line-height:1.35}
.section-kicker{display:block;color:#5ca8ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}
.price-block-featured{border-color:#31577b;background:linear-gradient(145deg,rgba(15,31,46,.98),rgba(8,18,28,.98))}
.price-block-head h2{font-size:23px;margin-bottom:8px}.price-block-head p{max-width:790px}
.price-table thead{background:#0c1b29}.price-table th:first-child{border-radius:10px 0 0 10px}.price-table th:last-child{border-radius:0 10px 10px 0}
.price-table tbody tr:hover{background:rgba(45,140,255,.035)}
.price-footnote{font-size:12px;color:#71869a!important;margin:13px 2px 0!important;line-height:1.5!important}
.price-chip{min-height:64px}.price-chip span{display:grid;gap:2px}.price-chip span b{font-size:16px;color:#dce8f2}.price-chip span small{font-size:11px;color:#7f93a6}.price-chip strong{font-size:17px}
.service-terms-title{margin:28px 2px 12px}.service-terms-title h2{font-size:25px;margin:0}
.service-terms-grid article{position:relative;padding:20px}.term-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:13px;border:1px solid #245584;background:#102943;color:#69afff;font-size:11px;font-weight:800;letter-spacing:.04em}
.service-terms-grid h2{font-size:18px;margin-bottom:8px}
.services-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;border:1px solid #31577b;border-radius:18px;padding:20px;background:linear-gradient(90deg,rgba(45,140,255,.09),rgba(10,20,30,.7))}
.services-cta>div{display:grid;gap:5px}.services-cta strong{font-size:18px}.services-cta span{color:#91a4b6;line-height:1.45}.services-cta .primary-btn{white-space:nowrap}
@media(max-width:780px){.services-how{grid-template-columns:1fr}.services-cta{align-items:flex-start;flex-direction:column}.services-cta .primary-btn{width:100%}}


/* Services page — readability pass */
.services-page{
  --services-heading:#f3f7fa;
  --services-text:#b8c4cf;
  --services-muted:#8fa2b3;
  --services-price:#eaf2f8;
}
.services-page h1,
.services-page h2,
.services-page strong{color:var(--services-heading)}
.services-page .legal-subtitle,
.services-page .price-block-head p,
.services-page .service-terms-grid p,
.services-page .services-cta span{color:var(--services-text)}
.services-page .services-how-item small,
.services-page .price-footnote,
.services-page .price-chip span small{color:var(--services-muted)!important}
.services-page .price-table td{color:var(--services-text)}
.services-page .price-table td:last-child,
.services-page .price-chip strong{color:var(--services-price)}
.services-page .price-range{color:var(--services-price);font-weight:750}


/* Services page — compact UX pass */
.services-page{
  --services-heading:#f3f7fa;
  --services-text:#b8c4cf;
  --services-muted:#9caebe;
  --services-price:#eaf2f8;
}
.services-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.services-hero>div{min-width:0}
.services-top-cta{flex:0 0 auto;margin-bottom:4px;white-space:nowrap}
.services-intro{max-width:760px;line-height:1.6;margin-bottom:0}
.services-page h1,.services-page h2,.services-page strong{color:var(--services-heading)}
.services-page .legal-subtitle,
.services-page .price-block-head p,
.services-page .service-flow p,
.services-page .services-cta span{color:var(--services-text)}
.services-page .price-footnote,
.services-page .price-chip span small{color:var(--services-muted)!important}

.services-page .price-block{margin-top:14px}
.services-page .price-block-head h2{font-size:22px;margin:0 0 6px}
.services-page .price-block-head p{line-height:1.5}
.services-page .price-table-wrap{margin-top:14px;overflow:visible}
.services-page .price-table{min-width:0}
.services-page .price-table th{color:var(--services-muted)}
.services-page .price-table td{color:var(--services-text)}
.services-page .price-table td:last-child,
.services-page .price-chip strong,
.services-page .price-range{color:var(--services-price)}
.services-page .price-range{font-weight:750}
.services-page .price-chip span b{color:var(--services-heading)}
.services-page .price-footnote{font-size:12.5px;line-height:1.5!important}

.service-flow{margin-top:24px;padding:18px 20px;border-top:1px solid #293c4e;border-bottom:1px solid #293c4e}
.service-flow-row{display:flex;align-items:center;gap:10px;margin-top:12px}
.service-flow-row>div{display:flex;align-items:center;gap:9px;min-width:0}
.service-flow-row>div b{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#102943;border:1px solid #245584;color:#69afff;font-size:11px}
.service-flow-row>div span{color:#dbe5ee;font-size:14px;white-space:nowrap}
.service-flow-row>i{color:#4e657a;font-style:normal}
.service-flow p{margin:14px 0 0;font-size:13px;line-height:1.55}
.service-flow a{white-space:nowrap}

.services-cta{margin-top:18px}
.services-cta strong{font-size:18px}

@media(max-width:780px){
  .services-hero{align-items:flex-start;flex-direction:column;gap:14px}
  .services-top-cta{width:100%;margin:0}

  .services-page .price-table,
  .services-page .price-table tbody,
  .services-page .price-table tr,
  .services-page .price-table td{display:block;width:100%}
  .services-page .price-table thead{display:none}
  .services-page .price-table tbody{display:grid;gap:10px}
  .services-page .price-table tr{
    border:1px solid #2b4054;
    border-radius:15px;
    padding:12px 14px;
    background:#0c1823;
  }
  .services-page .price-table td{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    padding:8px 0;
    border-bottom:1px solid #223545;
    text-align:right;
  }
  .services-page .price-table td:last-child{border-bottom:0}
  .services-page .price-table td::before{
    content:attr(data-label);
    color:var(--services-muted);
    font-size:12px;
    font-weight:650;
    text-align:left;
  }
  .services-page .price-table td:first-child strong{font-size:17px}
  .services-page .price-range{max-width:60%;line-height:1.35}

  .service-flow-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .service-flow-row>i{display:none}
  .service-flow-row>div{border:1px solid #293d50;border-radius:12px;padding:10px;background:#0b151f}
  .service-flow-row>div span{white-space:normal}
}

@media(max-width:520px){
  .services-page .price-block{padding:15px}
  .services-page .price-chip{min-height:58px}
  .service-flow{padding:16px 2px}
  .service-flow-row{grid-template-columns:1fr}
}


/* Order status states */
.status-pill.status-waiting{color:#ffcb66;border-color:#5d4b26;background:#2a2110}
.status-pill.status-paid,
.status-pill.status-active,
.status-pill.status-done{color:#72e49b;border-color:#285d3a;background:#0d2918}
.status-pill.status-canceled{color:#ff9191;border-color:#673535;background:#2a1111}
.status-pill.status-paused{color:#ffd07a;border-color:#674d28;background:#2a2110}
.status-pill.status-neutral{color:#9fc9ff;border-color:#31587c;background:#102238}
.order-state-note{margin-top:24px;border:1px solid #2b4054;border-radius:16px;padding:16px 18px;background:#0b151f}
.order-state-note strong{display:block;color:#e5edf5;font-size:15px;line-height:1.45}
.order-state-note span{display:block;margin-top:7px;color:#93a6b8;font-size:13px;line-height:1.5}
.order-state-note.status-canceled{border-color:#563238;background:#211114}
.order-state-note.status-paid,
.order-state-note.status-active,
.order-state-note.status-done{border-color:#27513a;background:#0c1e14}
.order-state-note.status-paused{border-color:#5d4929;background:#211a0f}


/* Services flow polish */
.service-flow{
  margin-top:24px;
  padding:20px;
  border:1px solid #293d50;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(10,21,31,.92),rgba(8,16,24,.92));
}
.service-flow-head{display:grid;gap:6px;margin-bottom:14px}
.service-flow-head h2{margin:0;font-size:24px;color:#f3f7fa}
.service-flow-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.service-step{
  position:relative;
  border:1px solid #2c4256;
  border-radius:16px;
  padding:16px 15px 15px;
  background:linear-gradient(180deg,rgba(12,24,36,.98),rgba(8,18,28,.98));
  min-height:152px;
}
.service-step-num{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border:1px solid #2c6db1;
  background:linear-gradient(180deg,#16385d,#102943);
  color:#7cc1ff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
}
.service-step strong{
  display:block;
  color:#f1f6fb;
  font-size:16px;
  line-height:1.3;
  margin-bottom:8px;
}
.service-step p{
  margin:0;
  color:#9bb0c2;
  font-size:13px;
  line-height:1.55;
}
.service-flow-note{
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid #233748;
  background:rgba(11,22,31,.7);
  color:#b8c4cf;
  font-size:13px;
  line-height:1.55;
}
.service-flow-note a{white-space:nowrap}

@media(max-width:980px){
  .service-flow-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .service-flow{padding:16px}
  .service-flow-head h2{font-size:20px}
  .service-flow-grid{grid-template-columns:1fr;gap:10px}
  .service-step{min-height:auto;padding:14px}
  .service-step-num{
    width:38px;
    height:38px;
    margin-bottom:10px;
    font-size:12px;
  }
  .service-step strong{font-size:15px}
  .service-step p{font-size:12.5px}
  .service-flow-note{
    margin-top:12px;
    padding:12px;
    font-size:12.5px;
  }
}


/* Services flow compact cards polish */
.service-flow.compact-cards{
  margin-top:32px;
  padding:22px 20px 18px;
  border:1px solid #263c50;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(9,18,28,.96),rgba(8,17,26,.94));
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.service-flow-head.compact{
  display:grid;
  gap:6px;
  margin-bottom:14px;
}
.service-flow-head.compact h2{
  margin:0;
  font-size:22px;
  line-height:1.15;
  color:#f3f7fa;
}
.service-flow-head.compact p{
  margin:0;
  color:#9eb1c2;
  font-size:13px;
  line-height:1.45;
}
.service-flow-grid.compact{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.service-step.compact{
  min-height:auto;
  padding:14px 14px 13px;
  border:1px solid #2b4256;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(12,23,34,.98),rgba(9,18,28,.98));
}
.service-step-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.service-step.compact .service-step-num{
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:11px;
  margin:0;
  font-size:12px;
}
.service-step.compact strong{
  display:block;
  margin:0;
  font-size:16px;
  line-height:1.25;
  color:#f0f6fb;
}
.service-step.compact p{
  margin:0;
  color:#a5b7c7;
  font-size:13px;
  line-height:1.5;
}
.service-flow-note.compact{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid #223749;
  background:rgba(10,20,30,.72);
  color:#b8c4cf;
  font-size:12.8px;
  line-height:1.5;
}
.service-flow-note.compact a{white-space:nowrap}

@media(max-width:760px){
  .service-flow.compact-cards{
    margin-top:28px;
    padding:18px 16px 16px;
  }
  .service-flow-head.compact{
    margin-bottom:12px;
  }
  .service-flow-head.compact h2{
    font-size:20px;
  }
  .service-flow-grid.compact{
    grid-template-columns:1fr;
    gap:10px;
  }
  .service-step.compact{
    padding:13px 13px 12px;
  }
  .service-step.compact strong{
    font-size:15px;
  }
  .service-step.compact p{
    font-size:12.8px;
  }
}

@media(max-width:420px){
  .service-flow.compact-cards{
    margin-top:26px;
    padding:16px 14px 14px;
  }
  .service-flow-head.compact h2{
    font-size:18px;
  }
  .service-flow-head.compact p{
    font-size:12.4px;
  }
  .service-step-top{
    gap:9px;
    margin-bottom:8px;
  }
  .service-step.compact .service-step-num{
    width:34px;
    height:34px;
    min-width:34px;
    font-size:11px;
  }
  .service-step.compact strong{
    font-size:14.5px;
  }
  .service-step.compact p{
    font-size:12.4px;
    line-height:1.45;
  }
  .service-flow-note.compact{
    font-size:12.2px;
    padding:11px 12px;
  }
}


/* Desktop header + wider home layout */
@media(min-width:781px){
  .shell{width:min(1320px,100%);padding:34px 30px 40px}
  .topbar{
    position:sticky;top:18px;z-index:15;
    padding:14px 18px;
    border:1px solid #294055;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(9,18,28,.94),rgba(8,16,24,.92));
    box-shadow:0 20px 46px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
    backdrop-filter:blur(10px);
    margin-bottom:28px;
  }
  .topbar-nav{display:flex;align-items:center;gap:28px;flex:1;justify-content:center}
  .topbar-nav a{color:#dce8f3;font-size:15px;font-weight:500}
  .topbar-nav a:hover{text-decoration:none;color:#73b7ff}
  .topbar-actions{display:flex;align-items:center;gap:12px}
  .topbar-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,#3798ff,#1f6ddd);color:#fff;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px rgba(31,109,221,.28)}
  .topbar-cta:hover{text-decoration:none;filter:brightness(1.05)}

  .hero-homewide{grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);gap:26px;align-items:start}
  .hero-copy-home{padding:48px 46px;min-height:100%}
  .hero-copy-home h1{font-size:66px;max-width:760px;margin-bottom:18px}
  .hero-copy-home p{max-width:760px;font-size:19px}
  .hero-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
  .hero-highlights span{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #284156;border-radius:16px;background:rgba(10,20,30,.66);color:#d9e4ee;font-size:14px;line-height:1.45}
  .hero-highlights span::before{content:"✦";color:#69afff;font-size:13px}

  .hero-side{display:grid;grid-template-rows:auto auto;gap:18px;min-width:0}
  .hero-panel{border:1px solid #2d4257;background:linear-gradient(145deg,rgba(15,25,36,.98),rgba(8,15,23,.98));box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03);border-radius:28px;padding:28px}
  .panel-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#0d2034;border:1px solid #1c4267;color:#61a9ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .hero-panel h2{margin:14px 0 16px;font-size:29px;line-height:1.15}
  .panel-steps{display:grid;gap:12px}
  .panel-step{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #22384a}
  .panel-step:last-child{border-bottom:0;padding-bottom:0}
  .panel-step b{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#102943;border:1px solid #245584;color:#69afff;font-size:12px}
  .panel-step span{color:#d8e2ec;line-height:1.5}

  .summary-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
  .summary-list li{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid #22384a}
  .summary-list li:last-child{border-bottom:0;padding-bottom:0}
  .summary-list strong{font-size:16px;color:#eef5fb}
  .summary-list span{color:#98abbd;line-height:1.45}

  .info-grid-home{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
  .info-grid-home .info-card{min-height:100%}
  .service-card-home{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:26px;align-items:start;margin-top:22px}
  .service-points-home{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
  .service-points-home span{padding:14px 16px;border:1px solid #2a3f52;border-radius:16px;background:#0b151f;color:#dce5ee}
}

@media(max-width:780px){
  .topbar-nav,.topbar-cta{display:none}
  .topbar-actions{display:block}
  .hero-side{display:grid;gap:16px}
  .hero-highlights{display:grid;gap:10px;margin-top:20px}
  .hero-highlights span{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #284156;border-radius:14px;background:rgba(10,20,30,.66);color:#d9e4ee;font-size:14px;line-height:1.45}
  .hero-highlights span::before{content:"✦";color:#69afff;font-size:13px;margin-top:2px}
  .hero-panel{border:1px solid #2d4257;background:linear-gradient(145deg,rgba(15,25,36,.98),rgba(8,15,23,.98));box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03);border-radius:22px;padding:21px}
  .panel-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#0d2034;border:1px solid #1c4267;color:#61a9ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .hero-panel h2{margin:12px 0 14px;font-size:24px;line-height:1.2}
  .panel-steps{display:grid;gap:8px}
  .panel-step{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #22384a}
  .panel-step:last-child{border-bottom:0;padding-bottom:0}
  .panel-step b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#102943;border:1px solid #245584;color:#69afff;font-size:11px}
  .panel-step span{color:#d8e2ec;line-height:1.45}
  .summary-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
  .summary-list li{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #22384a}
  .summary-list li:last-child{border-bottom:0;padding-bottom:0}
  .summary-list strong{font-size:15px;color:#eef5fb}
  .summary-list span{color:#98abbd;line-height:1.4}
  .service-points-home{display:grid;gap:10px}
  .service-points-home span{padding:12px 14px;border:1px solid #2a3f52;border-radius:14px;background:#0b151f;color:#dce5ee}
}


/* Desktop home refinement */
@media(min-width:781px){
  .shell{width:min(1420px,100%);padding:34px 34px 48px}
  .hero-homewide{grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);gap:22px;align-items:stretch}
  .hero-copy-home{padding:42px 42px 34px}
  .hero-copy-home h1{font-size:56px;line-height:1.08;max-width:680px;margin-bottom:16px}
  .hero-copy-home p{max-width:690px;font-size:18px;line-height:1.6}
  .hero-actions{margin-top:24px}
  .hero-highlights{margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-highlights span{padding:12px 13px;font-size:13.5px;border-radius:14px}

  .hero-side{gap:14px}
  .hero-panel{padding:24px 24px 22px;border-radius:24px}
  .hero-panel h2{margin:12px 0 14px;font-size:25px;line-height:1.18}
  .panel-steps{gap:8px}
  .panel-step{grid-template-columns:36px 1fr;gap:10px;padding:10px 0}
  .panel-step b{width:32px;height:32px;border-radius:10px;font-size:11px}
  .panel-step span{font-size:14px;line-height:1.45}
  .summary-list{gap:8px}
  .summary-list li{padding:11px 0}
  .summary-list strong{font-size:15px}
  .summary-list span{font-size:14px;line-height:1.42}

  .home-section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 2px 16px}
  .home-section-head h2{margin:8px 0 6px;font-size:34px;line-height:1.12}
  .home-section-head p{margin:0;color:#9bb0c2;max-width:760px;font-size:16px;line-height:1.5}
  .home-section-head-compact{margin-top:26px;margin-bottom:14px}
  .home-section-head-compact h2{font-size:30px;margin:8px 0 0}

  .info-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0}
  .info-grid-home .info-card{padding:28px 26px;min-height:210px}
  .info-grid-home .info-card h2{font-size:28px;margin-bottom:14px}
  .info-grid-home .info-card p{font-size:15px;line-height:1.62;max-width:none}

  .service-card-home{grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:20px;margin-top:0;padding:30px 28px}
  .service-card-home h2{font-size:34px;line-height:1.15;margin-bottom:12px}
  .service-card-home p{font-size:16px;line-height:1.62;max-width:760px}
  .service-points-home{grid-template-columns:1fr 1fr;gap:12px}
  .service-points-home span{display:flex;align-items:flex-start;padding:15px 16px;font-size:14px;line-height:1.5}
}

@media(max-width:780px){
  .home-section-head{margin:22px 0 12px}
  .home-section-head h2{margin:8px 0 6px;font-size:24px;line-height:1.18}
  .home-section-head p{margin:0;color:#9bb0c2;font-size:14px;line-height:1.5}
  .home-section-head-compact{margin-top:20px}
}