@font-face{font-family:Aspekta;src:url(/AspektaVF.ttf) format("truetype");font-weight:100 900}
:root{--ink:#0b1433;--cobalt:#4f7bff;--cobalt-d:#1f45d6;--off:#f4f3f0;--sand:#cfc9be}
*{box-sizing:border-box}body{margin:0;font-family:Aspekta,system-ui,sans-serif;background:var(--off);color:var(--ink);line-height:1.6}
.shell{min-height:100vh;display:grid;grid-template-columns:minmax(260px,360px) 1fr}
.side{background:var(--ink);color:var(--off);padding:40px 32px;display:flex;flex-direction:column;gap:32px;
 background-image:repeating-linear-gradient(90deg,transparent 0 79px,rgba(244,243,240,.06) 79px 80px)}
.mark{font-weight:650;font-size:26px;letter-spacing:-.02em}.mark i{display:inline-block;width:.28em;height:.28em;background:var(--cobalt);margin-left:2px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}.steps li{display:flex;gap:12px;align-items:center;opacity:.55}
.steps li.on{opacity:1}.steps li.done{opacity:.85}.steps b{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(244,243,240,.3);font-size:12px}
.steps li.on b{background:var(--cobalt);border-color:var(--cobalt)}
.main{padding:64px clamp(24px,6vw,96px);max-width:760px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--cobalt-d);font-weight:600}
h1{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.025em;margin:8px 0 12px;font-weight:600}
p.lead{color:#3a4466;margin:0 0 32px}
label{display:block;font-size:14px;font-weight:550;margin:18px 0 6px}
input,select,textarea{width:100%;padding:14px 16px;border:1px solid var(--sand);background:#fff;font:inherit;color:inherit;border-radius:0}
input:focus,textarea:focus,select:focus{outline:2px solid var(--cobalt);border-color:var(--cobalt)}
.btn{display:inline-flex;gap:10px;align-items:center;margin-top:28px;padding:15px 22px;background:var(--cobalt-d);color:#fff;border:0;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s}
.btn:hover{background:var(--ink)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--sand)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plans label{border:1px solid var(--sand);padding:16px;margin:0;background:#fff;cursor:pointer}
.plans input{width:auto;margin-right:8px}.note{font-size:13px;color:#5b6483}
.card{background:#fff;border:1px solid var(--sand);padding:20px;margin-top:16px}
code{background:#e9e7e2;padding:2px 6px;font-size:13px;word-break:break-all}
.dot{width:56px;height:56px;background:var(--cobalt);position:relative;animation:bob 3s ease-in-out infinite}
.dot:before,.dot:after{content:"";position:absolute;top:20px;width:7px;height:12px;background:var(--off);animation:blink 4s infinite}
.dot:before{left:15px}.dot:after{right:15px}
@keyframes bob{50%{transform:translateY(-5px)}}@keyframes blink{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
@media (prefers-reduced-motion:reduce){.dot,.dot:before,.dot:after{animation:none}}
@media (max-width:800px){.shell{grid-template-columns:1fr}.side{padding:24px}.steps{display:none}.plans{grid-template-columns:1fr}}
.kv{width:100%;border-collapse:collapse}.kv td{padding:10px 0;border-bottom:1px solid #ece9e3}.kv td:first-child{color:#5b6483;width:40%}.kv tr:last-child td{border:0}
.badge{display:inline-block;padding:3px 10px;font-size:13px;font-weight:600}.badge.ok{background:#e5ecff;color:#1f45d6}.badge.bad{background:#fde8e6;color:#a3261a}
h2{font-size:22px;letter-spacing:-.015em;font-weight:600;margin:44px 0 6px}
.hours{padding:6px 20px}.hrow{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #ece9e3}.hrow:last-child{border:0}
.hrow span{font-weight:550;font-size:15px}.hrow input{padding:10px 12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.hol{padding:4px 20px}.check{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;margin:0;padding:11px 0;border-bottom:1px solid #ece9e3;font-weight:400;cursor:pointer}
.check:last-child{border:0}.check input{width:18px;height:18px;margin:0;accent-color:var(--cobalt-d)}.check b{font-weight:600;margin-right:10px}.check em{font-style:normal;font-size:12px;color:#5b6483;text-transform:uppercase;letter-spacing:.08em}
.exform .btn{margin-top:20px}.ex td{padding:10px 8px 10px 0;width:auto!important;color:inherit!important;font-size:14px}
button.link{background:none;border:0;color:var(--cobalt-d);font:inherit;font-size:14px;cursor:pointer;padding:0;text-decoration:underline}
.slot{display:inline-block;border:1px solid var(--sand);padding:8px 12px;margin:4px 6px 4px 0;font-size:14px;background:var(--off)}
.ok-note{border-color:#b8c8ff;background:#eef2ff}.bad-note{border-color:#f3c1bb;background:#fde8e6}
@media (max-width:800px){.grid2{grid-template-columns:1fr}.hrow{grid-template-columns:1fr}}