/* VPN-only component refinements. Shared palette stays in site.css. */
.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.12;letter-spacing:-.035em}
.hero-core{min-height:620px}
.hero-intro{max-width:460px;font-size:19px;line-height:1.7}
.hero-art{width:550px;height:550px;top:22px}
.hero-under{font-size:14px}
.routing-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:26px;color:var(--muted);font-size:14px}
.routing-notes strong{color:var(--text);font-weight:500}
.pricing{background:var(--bg);border-block:1px solid var(--line)}
.plans{gap:18px}
.plan{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:28px 26px;border-radius:16px;background:linear-gradient(145deg,#1a2932 0%,#111c23 38%,#0d171e 100%);border:1px solid #38505d;transition:border-color .3s}
.plan.tier-2{background:linear-gradient(145deg,#1b373b 0%,#11262b 42%,#0d1b21 100%);border-color:#467578}
.plan:before{content:'';position:absolute;inset:-30% -90%;background:linear-gradient(115deg,transparent 42%,#c2fff70a 49%,transparent 56%);transform:translateX(-55%);transition:transform .8s var(--ease);pointer-events:none;z-index:-1}
.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}
.plan h3{font-size:21px;font-weight:500;letter-spacing:-.015em}
.plan-symbol{color:#88b5ba;display:inline-flex}.plan-symbol .icon{width:23px;height:23px}
.plan-price{display:flex;align-items:flex-start;gap:8px;margin-top:42px;white-space:nowrap;flex-wrap:nowrap;font-variant-numeric:tabular-nums}
.plan-price strong{font:700 clamp(38px,3.3vw,48px)/1 var(--display);letter-spacing:-.04em}
.plan-price>span{font-size:22px;line-height:1.2;padding-top:1px}
.plan-price small{display:block;color:#adc1cd;font:400 12px/1.4 var(--body);margin:6px 0 0}
.plan-specs{margin:33px 0 30px;display:grid;gap:0}
.plan-specs>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-top:1px solid #30444e}
.plan-specs dt{font-size:14px;color:#b2c6d0}.plan-specs dd{margin:0;font-size:22px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.plan-specs dd span{font-size:14px;color:#b2c6d0;font-weight:400}
.plan .button{width:100%;min-height:50px;font-size:14px;justify-content:space-between;padding-inline:16px;margin-top:auto}
.plan .button .icon{width:19px;height:19px}.plan .button.ghost{border-color:#4c6672;background:#0b151b}
.plan-common{display:flex;flex-wrap:wrap;gap:20px 34px;margin-top:30px;font-size:13px;color:#c3d4dd}.plan-common>span{display:inline-flex;align-items:center;gap:10px}.plan-common .icon{width:19px;height:19px;color:var(--accent)}
.pricing-foot{margin-top:25px;align-items:flex-start;line-height:1.6}
.footer-connect{margin-top:24px}
.button:active{transform:translateY(1px)}
.cat-trigger{border-radius:12px;transition:filter .2s,transform .2s}
.cat-trigger[data-taps]{filter:drop-shadow(0 6px 10px #26d9ce25);transform:translateY(-3px)}
.cat-trigger:after{content:attr(data-taps);position:absolute;right:0;bottom:4px;min-width:22px;color:var(--accent);font:12px var(--mono)}
.legacy-dialog{width:min(880px,calc(100% - 32px));max-height:min(760px,90dvh);padding:0;border:1px solid #39535d;border-radius:16px;background:#071116;color:#bdd2da;overflow:hidden}
.legacy-dialog[open]{display:flex;flex-direction:column}
.legacy-dialog::backdrop{background:#02080de8}
.terminal-bar{display:flex;align-items:center;gap:20px;min-height:62px;padding:8px 14px 8px 24px;border-bottom:1px solid #253b45;background:#101d25;flex-shrink:0}
.terminal-lights{display:flex;gap:7px}.terminal-lights i{width:7px;height:7px;background:#637f8a;border-radius:50%}.terminal-lights i:last-child{background:var(--accent)}
.terminal-bar h2{font:500 14px var(--mono);letter-spacing:0;margin:0;color:#b4cbd6}
.terminal-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;margin-left:auto;border:1px solid #354c58;border-radius:7px;background:transparent;color:var(--text)}
.terminal-close:hover{background:#24363f}
.terminal-content{padding:26px 30px 32px;overflow-y:auto;min-height:0;overscroll-behavior:contain}
.terminal-brand{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #243b43}
.terminal-brand img{width:72px;height:72px;object-fit:contain}.terminal-brand strong{display:block;color:var(--accent);font:700 22px var(--mono)}.terminal-brand span{display:block;margin-top:8px;color:#95b0bd;font:12px var(--mono)}
.terminal-log{font:13px/1.75 var(--mono);overflow-wrap:anywhere}.terminal-log p{line-height:1.75;white-space:pre-wrap;margin:0 0 9px}
.legacy-dialog[open] .terminal-line{animation:terminal-line .3s var(--ease) both;animation-delay:var(--line-delay)}
.terminal-prompt{display:flex;align-items:center;gap:12px;color:var(--accent);font:13px var(--mono);margin-top:25px}.terminal-prompt i{width:8px;height:16px;background:var(--accent);animation:terminal-cursor 1.2s steps(1) 4}
.terminal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:13px 24px;border-top:1px solid #253b45;background:#0d1a21;font-size:12px;color:#a1bac8}
.legacy-dialog audio{display:none}
@keyframes terminal-line{from{opacity:.15;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@keyframes terminal-cursor{50%{opacity:0}}
@media(hover:hover){.plan:hover{border-color:#64aaa9}.plan:hover:before{transform:translateX(55%)}}
@media(max-width:1100px){.hero h1{font-size:clamp(40px,5.1vw,56px)}.hero-art{width:min(430px,38vw);height:auto;top:70px}.hero-intro{max-width:350px;font-size:18px}.plans{grid-template-columns:repeat(2,1fr);gap:20px}.plan{padding:28px}.plan-price strong{font-size:46px}.plan-price{margin-top:32px}}
@media(max-width:800px){.hero-core{min-height:560px}.hero-art{width:310px;height:310px;top:170px}.hero h1{font-size:44px}.hero-intro{font-size:17px}.routing-notes{gap:24px}.plan-common{gap:16px 24px}}
@media(max-width:700px){.hero-core{min-height:0;padding-top:32px;padding-bottom:38px}.hero h1{font-size:clamp(31px,9vw,54px);white-space:nowrap}.hero-art{width:clamp(210px,65vw,310px);height:auto;top:auto;margin-top:18px}.hero-intro{font-size:16px;max-width:none}.routing-notes{grid-template-columns:1fr;gap:16px}.terminal-content{padding:20px}.terminal-brand{gap:14px}.terminal-bar{gap:12px;padding-left:16px}.terminal-bar h2{font-size:12px}.terminal-footer{gap:12px;padding:12px 16px}.terminal-log{font-size:12px}}
@media(max-width:480px){.plans{grid-template-columns:1fr;gap:18px}.plan{padding:26px}.plan-price{margin-top:27px}.plan-price strong{font-size:48px}.plan h3{font-size:21px}.plan .button{font-size:15px}.plan-specs{margin-top:25px;margin-bottom:23px}.plan-specs>div{padding-block:14px}.plan-common{flex-direction:column;gap:16px}.trial-callout{font-size:13px;line-height:1.5}.section-title p{font-size:15px}.terminal-lights{display:none}.terminal-footer{align-items:flex-start;flex-direction:column;gap:8px}.terminal-footer .button{width:100%;justify-content:center}.terminal-brand strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.plan:before{display:none}.terminal-line,.terminal-prompt i{animation:none!important}.terminal-line{opacity:1;filter:none}.cat-trigger[data-taps]{transform:none}}
.motion-off .plan:before{display:none}.motion-off .terminal-line{opacity:1;filter:none}.motion-off .cat-trigger[data-taps]{transform:none}