#vpn-calculator{--ink:#0a4a8c;--link:#0063bd;--soft:#eaf3fd;--line:#b2cce6;--paper:#fff;padding-top:24px;scroll-margin-top:104px;color:var(--ink);font:16px/1.5 "Golos Text",system-ui,sans-serif;

*{box-sizing:border-box}[hidden]{display:none!important}a{color:var(--link)}h1{font-size:clamp(30px,4vw,46px);line-height:1.15;margin:20px 0 16px}h2{font-size:25px;margin:0}h3{font-size:18px;margin:0}p{margin:12px 0}.intro{margin-bottom:32px}.small,small{font-size:14px}.panel{border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:24px;min-width:0}.section{margin-top:32px}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.grid{display:flex;flex-wrap:wrap;gap:20px 28px}.grid>div{min-width:0}.field{min-width:0}label,.field-label{display:block;font-size:14px;margin-bottom:8px}select,input,button:not(.calc-help):not(.popover-close){font:inherit;color:inherit;border:1px solid var(--line);border-radius:8px;background:var(--paper);min-height:44px;padding:8px 12px;max-width:100%}select{width:auto}#vpn-country,#hop-country{width:200px}#vpn-power,#hop-power{width:250px}#egress-ips{width:76px}#payment{width:240px}#auth-provider{width:210px}#auth-method{width:300px}input[type=number]{width:76px}button{cursor:pointer}button:not(.calc-help):hover{background:var(--soft)}:focus-visible:not(.calc-help){outline:3px solid var(--ink);outline-offset:3px}.price{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.server-price{margin:16px 0 24px}.ip-field{max-width:500px}.ip-field select{max-width:180px}.ip-note{font-size:14px;margin:8px 0 0}.hop-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.check{display:inline-flex;align-items:center;gap:10px;font-size:16px;margin:0}.check input{width:18px;height:18px;min-height:18px;accent-color:var(--ink);margin:0}.hop-fields{margin-top:20px}.figure{margin:20px 0 0;padding:20px;background:var(--soft);border-radius:12px;min-width:0}.figure-heading{font-size:16px;font-weight:500;margin:0 0 8px}.figure svg{max-width:100%;height:auto}.equipment{display:grid;grid-template-columns:minmax(0,1fr) auto 76px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--soft)}.equipment:last-child{border:0;padding-bottom:0}.equipment:first-child{padding-top:0}.model{display:block;font-size:16px;font-weight:500;margin:4px 0}.cap{font-size:14px}.install-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.tax{padding:12px 0;font-weight:500}.total{scroll-margin-top:24px}.summary-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:start}.total-list{list-style:none;margin:0;padding:0}.total-list li{padding:12px 0;border-bottom:1px solid var(--soft);overflow-wrap:anywhere}.total-list li:first-child{padding-top:0}.total-list li:last-child{border:0}.summary-cost{background:var(--soft);border-radius:12px;padding:24px}.cost-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px 20px;padding:10px 0;font-size:14px}.cost-row strong{font-size:16px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}.payment-breakdown{margin-top:16px;padding-top:20px;border-top:1px solid var(--line)}.payment-breakdown h3{margin-bottom:10px}.grand-total{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;font-size:18px;font-weight:600}.grand-total strong{font-size:24px}.invoice-note{margin:20px 0 0;font-size:14px}.floating{position:fixed;right:24px;bottom:24px;z-index:10;display:flex;align-items:center;gap:20px;border:1px solid var(--ink);border-radius:12px;padding:12px 16px;background:var(--ink);color:var(--paper);box-shadow:0 5px 20px #0a4a8c24;max-width:calc(100vw - 32px);text-decoration:none}.floating small{display:block;font-size:12px}.floating strong{font-weight:500;font-variant-numeric:tabular-nums}.floating .jump{font-size:14px;border-left:1px solid #ffffff70;padding-left:16px;white-space:nowrap}[popover]{max-width:min(440px,calc(100vw - 32px));border:1px solid var(--line);border-radius:12px;color:var(--ink);background:white;padding:20px;font:14px/1.55 system-ui;box-shadow:0 8px 32px #0a4a8c24}[popover] p:first-child{margin-top:0}[popover] p:last-child{margin-bottom:0}button:disabled{cursor:default;opacity:.5}.payment-grid{align-items:start}@media(max-width:700px){main,header{padding:16px}.panel{padding:20px}.grid,.payment-grid{gap:20px}.summary-layout{grid-template-columns:1fr;gap:24px}.summary-cost{padding:18px}.cost-row{gap:12px}.grand-total strong{font-size:22px}.equipment{grid-template-columns:minmax(0,1fr) 76px;gap:12px}.equipment .price{grid-column:1}.equipment .quantity{grid-column:2;grid-row:1 / span 2}.equipment input{width:76px}.floating{right:16px;bottom:16px;gap:12px;padding:10px 14px}.install-row{flex-wrap:wrap}.row{gap:12px}.figure{padding:12px}.grand-total{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.options-section{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.option-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.option-row .check{align-items:flex-start}.option-row .check input{margin-top:3px;flex-shrink:0}.free-badge{font-size:12px;padding:3px 8px;border-radius:6px;background:var(--soft);white-space:nowrap}.option-note{font-size:13px;margin:7px 0 0 28px}.option-wide{grid-column:1/-1}.auth-fields{margin-top:18px}[popover]{position:fixed;inset:auto;margin:0;width:min(340px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:18px 38px 18px 18px;overflow:auto}.popover-close{position:absolute;right:8px;top:8px;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;border:0;border-radius:50%;font-size:17px;line-height:1;display:grid;place-items:center}.popover-close:after{content:"";position:absolute;inset:-4px}.help-content p:first-child{margin-top:0}.help-content p:last-child{margin-bottom:0}@media(max-width:700px){.options-grid{grid-template-columns:1fr}}


.mode-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.mode-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.simple-fields{align-items:end}.simple-router-field{padding-bottom:10px}.simple-extra-field{flex-basis:100%}#simple-country{width:220px}#simple-people{width:90px}.equipment-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;margin-top:8px}@media(max-width:700px){.simple-fields{gap:20px}.simple-router-field{padding-bottom:0}}

.request-quote{display:inline-flex;margin-top:20px;padding:10px 18px;border-radius:8px;background:var(--ink);color:white;text-decoration:none}.section{padding:24px}.figure svg{width:100%}.panel{background:var(--paper)}
.payment-grid{margin-top:20px}.tax .small{font-weight:400}.diagram-wide,.diagram-narrow{width:100%;height:auto;display:block}.diagram-narrow{display:none}.route-node-title,.route-node-text,.route-edge-label{font-family:Arial,sans-serif;fill:#0a4a8c}.route-node-title{font-size:22px;font-weight:600}.route-node-text{font-size:18px}.route-edge-label{font-size:17px;font-weight:500;fill:#0063bd}.diagram-narrow .route-node-title{font-size:20px}.diagram-narrow .route-node-text{font-size:16px}.diagram-narrow .route-edge-label{font-size:14px}@media(max-width:600px){.diagram-wide{display:none}.diagram-narrow{display:block}}
}
.vpn-hero{background:#fff}.vpn-faq{padding-top:32px}
#vpn-country{min-width:min(100%,290px)}#vpn-users{width:120px}
.vpn-sketch{margin:28px 0 0}.vpn-sketch img{display:block;width:100%;max-width:760px;height:auto;margin:0 auto}
#hop-country{min-height:32px;padding:2px 8px;margin-left:8px}