*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08111f;color:#eef5ff;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),1180px);margin:auto}header{position:sticky;top:0;z-index:10;background:rgba(8,17,31,.9);border-bottom:1px solid #1d3046;backdrop-filter:blur(14px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#43a5ff,#5d65ff)}nav{display:flex;gap:22px;align-items:center;color:#9fb0c5;font-size:14px}.outline{border:1px solid #233850;padding:8px 14px;border-radius:10px}.hero{padding:92px 0 72px;background:radial-gradient(circle at 78% 20%,rgba(67,165,255,.16),transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}.eyebrow{color:#86c8ff;font-size:12px;font-weight:800;letter-spacing:.16em}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(44px,6vw,76px);margin:18px 0 24px}h2{font-size:clamp(34px,4vw,52px);margin:12px 0 18px}h3{font-size:22px}.lead{color:#9fb0c5;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 24px}.btn{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:11px;background:#43a5ff;color:#04101c;font-weight:800}.secondary{background:transparent;color:#eef5ff;border:1px solid #233850}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{border:1px solid #233850;border-radius:999px;padding:6px 9px;color:#9fb0c5;font-size:12px}.code{border:1px solid #25415f;border-radius:18px;overflow:hidden;background:#07101c}.code-head,.ok{padding:14px 18px;border-bottom:1px solid #172a40;color:#7890a9;font-size:12px}.ok{border-top:1px solid #172a40;border-bottom:0;color:#a9bbcd}pre{margin:0;padding:24px;overflow:auto;color:#dce9f7}.strip{padding:18px 0;text-align:center;color:#9fb0c5;border-top:1px solid #233850;border-bottom:1px solid #233850}.section{padding:92px 0}.alt{background:#0d192b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.cards article{border:1px solid #233850;border-radius:18px;padding:26px;background:rgba(255,255,255,.02)}.cards article>span{color:#86c8ff;font:800 12px monospace}.cards p,.cards li{color:#9fb0c5}.scope{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.scope>div{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid #233850;border-radius:14px;background:#0a1727}.scope b{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:#132a43;color:#86c8ff;font:800 11px monospace}.scope strong,.scope small{display:block}.scope small{color:#9fb0c5}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}.process>div{padding:22px;border-top:2px solid #274766;background:rgba(255,255,255,.02)}.process b{color:#86c8ff}.process p{color:#9fb0c5;font-size:14px}.rate-grid,.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.rate-card,.contact-card{border:1px solid #31577c;background:#0a1727;border-radius:20px;padding:34px}.rate-card small,.contact-card small{color:#86c8ff;font-weight:800;letter-spacing:.14em}.rate-card>strong{display:block;font-size:78px;line-height:1;margin-top:10px}.rate-card>span{color:#9fb0c5;font-size:18px}.rate-card p,.contact-card p{color:#9fb0c5}.terms{color:#9fb0c5;font-size:13px}.contact-card>a:first-of-type{display:block;color:#86c8ff;font-weight:800;font-size:clamp(18px,2.2vw,34px);margin:10px 0 16px;white-space:nowrap;word-break:normal;overflow-wrap:normal;letter-spacing:-.02em}.foot{display:flex;justify-content:space-between;gap:24px;color:#9fb0c5;font-size:13px;padding:30px 0;border-top:1px solid #233850}.foot strong{color:#eef5ff}@media(max-width:900px){nav a:not(.outline){display:none}.hero-grid,.rate-grid,.contact{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.scope{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr}}@media(max-width:560px){.scope{grid-template-columns:1fr}.foot{flex-direction:column}}
@media(max-width:700px){
  .contact-card{padding:24px}
  .contact-card>a:first-of-type{font-size:clamp(17px,5vw,28px)}
}
