:root{color-scheme:light;--ink:#192c2a;--paper:#edf0e6;--card:#fcfcf7;--sage:#d9e3d6;--muted:#465e57;--line:#c3d2c7;--accent:#f8ce69;font-family:Manrope,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}header{width:min(1040px,calc(100% - 48px));margin:auto;height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.055em}
.mark { display: block; flex: none; width: 34px; height: 34px; border-radius: 8px; object-fit: cover; }
.badge,.eyebrow,.price,.route{font-family:"IBM Plex Mono",Consolas,monospace}.badge{font-size:.76rem;color:var(--muted);padding:7px 10px;border:1px solid var(--line);border-radius:4px}main{width:min(1040px,calc(100% - 48px));margin:58px auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.offer,.cabinet{padding:clamp(23px,5vw,50px);border-radius:19px}.offer{background:var(--ink);color:var(--paper)}.eyebrow{margin:0 0 35px;color:#bdcfc2;font-size:.85rem}
h1 { font-size: clamp(35px, 5.2vw, 64px); font-weight: 800; letter-spacing: -.074em; line-height: .98; margin: 0 0 22px; }
.offer-description { max-width: 36ch; margin: 0 0 24px; color: #d4e3d6; font-size: 1.0625rem; line-height: 1.48; }
.price{font-size:clamp(36px,5vw,58px);letter-spacing:-.07em;line-height:1;margin:0;color:var(--accent)}.price span{font-size:.62em}.period{margin:8px 0 30px}.route{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:12px;font-size:.72rem;color:#d4e3d6}.route li{border-top:1px solid #668376;padding-top:10px;position:relative}.route li::before{position:absolute;top:-4px;left:0;width:7px;height:7px;content:"";background:var(--accent);border-radius:50%}.cabinet{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;justify-content:center}h2{margin:0;letter-spacing:-.045em;font-size:clamp(25px,4vw,38px);line-height:1.12}.cabinet p{line-height:1.55;color:var(--muted)}form{margin:12px 0 0}label{display:block;margin:0 0 8px;font-weight:650}input{display:block;width:100%;padding:11px 12px;margin:0 0 14px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:7px;font:inherit}button{display:inline-flex;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid transparent;background:var(--accent);color:#1d2b1f;border-radius:8px;font:inherit;font-weight:750;cursor:pointer}button:hover{background:#f2bc48}button.secondary{border-color:var(--line);background:var(--sage)}button.secondary:hover{background:#cadbcb}button.link{background:transparent;color:var(--muted);padding:8px 0;text-decoration:underline;font-weight:550}button:focus-visible,input:focus-visible{outline:3px solid #305e52;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap}.notice{padding:9px 12px;border-left:3px solid #ad6b22;background:#fff3d6}
@media(max-width:700px){main{grid-template-columns:1fr;margin:22px auto 35px;width:calc(100% - 28px)}header{height:67px;width:calc(100% - 28px)}.eyebrow{margin-bottom:23px}.period{margin-bottom:26px}.route{gap:8px}}

.tariff-select {
    display: block;
    width: 100%;
    min-height: 44px;
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--card);
    color: var(--ink);
    font: inherit;
}

.tariff-select:focus-visible {
    outline: 3px solid #305e52;
    outline-offset: 3px;
}