/* AkcaVPN site v2 — light Uber-style design system (subpages) */
:root { --black:#080808; --white:#fff; --paper:#f4f2ec; --line:#d9d8d2; --muted:#666660; --green:#b8ff37; --blue:#1d4fff; --pad:clamp(20px,5vw,80px); }
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--black);background:var(--white);font-family:"Inter",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} button,input{font:inherit}
.site-header{position:relative;z-index:50;height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;background:var(--black)}
.brand img{height:26px;width:auto;display:block}
.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:5vw;font-size:14px;font-weight:500}
.desktop-nav a,.text-link{opacity:.82;transition:opacity .2s}
.desktop-nav a:hover,.text-link:hover{opacity:1}
.header-actions{display:flex;align-items:center;gap:22px}
.button{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:650;font-size:15px;transition:transform .2s,background .2s,color .2s}
.button:hover{transform:translateY(-2px)}
.button-small{min-height:40px;padding:0 18px;font-size:14px}
.button-light{color:var(--black);background:var(--white)} .button-light:hover{background:var(--green)}
.button-dark{color:var(--white);background:var(--black)}
.site-header .button-dark{color:var(--black);background:var(--white)}
.menu-button{display:none;border:0;background:none;width:36px;height:36px;padding:8px;color:#fff}
.menu-button span{display:block;height:1px;background:currentColor;margin:6px 0}
.arrow-link{display:inline-flex;align-items:center;gap:16px;font-weight:600;font-size:15px}
.arrow-link span{transition:transform .2s} .arrow-link:hover span{transform:translateX(5px)}
.eyebrow,.section-kicker{margin:0 0 26px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.page-hero{color:#fff;background:var(--black);padding:clamp(70px,9vw,130px) var(--pad) clamp(60px,7vw,100px)}
.page-hero h1{max-width:1000px;margin:0;font-size:clamp(52px,7vw,108px);line-height:.92;letter-spacing:-.07em;font-weight:700}
.page-hero .sub{max-width:600px;margin:34px 0 0;color:#b7b7b2;font-size:clamp(16px,1.3vw,20px);line-height:1.55}
.section{padding:clamp(80px,9vw,140px) var(--pad)}
.section h2{margin:0;font-size:clamp(42px,5.5vw,84px);line-height:.98;letter-spacing:-.07em;font-weight:650}
.section .lead{max-width:620px;margin:28px 0 0;color:#54544f;font-size:17px;line-height:1.65}
/* feature cards */
.feature-grid{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature-card{min-height:480px;padding:clamp(28px,4vw,54px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.feature-black{color:#fff;background:var(--black)} .feature-cream{background:var(--paper)} .feature-white{border:1px solid var(--line)}
.card-number{margin:0 0 60px;font-size:12px;font-weight:700}
.feature-card h3{margin:0;font-size:clamp(32px,3.4vw,52px);line-height:1;letter-spacing:-.055em;font-weight:650}
.feature-card .body{max-width:480px;margin:22px 0 0;color:#777872;font-size:16px;line-height:1.6}
.feature-black .body{color:#a8aaa4}
/* chips */
.chip-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.chip-grid div{padding:26px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.chip-grid strong{display:block;font-size:16px;letter-spacing:-.02em}
.chip-grid span{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}
/* price cards */
.price-grid{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.price-card{padding:clamp(30px,3.5vw,50px);display:flex;flex-direction:column;color:#fff;background:var(--black)}
.price-card.alt{background:var(--paper);color:var(--black)}
.price-label{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#949691}
.price-card.alt .price-label{color:#8a887f}
.price{margin-top:16px;font-size:clamp(56px,6vw,82px);line-height:1;letter-spacing:-.07em;font-weight:650}
.price sup{font-size:.38em;vertical-align:top} .price small{font-size:15px;letter-spacing:0;color:#989a95}
.price-note{margin:14px 0 0;color:#8f918d;font-size:12.5px}
.price-card.alt .price-note{color:#77756c}
.price-card ul{margin:34px 0;padding:0;list-style:none;flex:1}
.price-card li{padding:12px 0;border-bottom:1px solid #282a27;font-size:13.5px;color:#d0d2cc}
.price-card.alt li{border-color:#dedbd1;color:#454541}
.price-card li:before{content:"\2713";margin-right:12px;color:var(--green)}
.price-card.alt li:before{color:#0a8a3a}
/* download grid */
.dl-grid{margin-top:70px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dl-grid a{padding:30px 24px;display:flex;flex-direction:column;gap:7px;border-left:1px solid var(--line);transition:background .2s}
.dl-grid a:first-child{border-left:0} .dl-grid a:hover{background:var(--paper)}
.dl-grid strong{font-size:16px;letter-spacing:-.02em} .dl-grid span{color:var(--muted);font-size:12px}
.dl-grid .go{margin-top:14px;font-size:13px;font-weight:650}
/* row list (servers, faq) */
.row-list{margin-top:70px;border-top:1px solid var(--line)}
.row{padding:30px 0;display:grid;grid-template-columns:1fr 1fr auto;gap:4vw;align-items:center;border-bottom:1px solid var(--line)}
.row h3{margin:0;font-size:24px;letter-spacing:-.04em;font-weight:650}
.row .country{color:var(--muted);font-size:15px}
.row .tags{display:flex;gap:8px}
.row .tag{padding:6px 12px;border:1px solid var(--line);font-size:11px;font-weight:600;letter-spacing:.04em;color:#454541}
.row .tag.hot{background:var(--black);color:var(--green);border-color:var(--black)}
/* steps */
.steps-grid{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.steps-grid article{padding:32px 5vw 10px 0;border-right:1px solid var(--line)}
.steps-grid article+article{padding-left:32px} .steps-grid article:last-child{border-right:0}
.steps-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--black);font-size:13px}
.steps-grid h3{margin:55px 0 14px;font-size:26px;letter-spacing:-.045em}
.steps-grid p{max-width:300px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}
/* final cta */
.final-cta{padding:100px var(--pad);display:flex;align-items:end;justify-content:space-between;gap:40px;color:#fff;background:var(--blue)}
.final-cta h2{margin:0;font-size:clamp(44px,6vw,92px);line-height:.98;letter-spacing:-.07em;font-weight:650}
.final-cta .button{flex:none}
/* footer */
footer{padding:75px var(--pad) 28px;color:#fff;background:var(--black)}
footer>div:first-child,.footer-links{display:inline-flex;vertical-align:top}
.footer-brand{width:47%;flex-direction:column;gap:25px}
.footer-brand p{color:#858782;font-size:13px}
.footer-logo img{height:30px}
.footer-links{width:52%;justify-content:space-between}
.footer-links div{display:flex;flex-direction:column;gap:15px}
.footer-links strong{margin-bottom:8px;color:#777975;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.footer-links a{font-size:13px}
.footer-bottom{margin-top:90px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:#6f716d;border-top:1px solid #242624;font-size:11px}
.powered{display:inline-flex;align-items:center;gap:7px}
.powered .solm{width:13px;height:10px;display:inline-flex} .powered .solm svg{width:100%;height:100%}
.mobile-menu{position:fixed;inset:78px 0 0;z-index:40;padding:30px var(--pad);color:#fff;background:var(--black)}
.mobile-menu a{display:block;padding:18px 0;border-bottom:1px solid #252525;font-size:24px;font-weight:600}
@media (max-width:980px){
  .desktop-nav,.desktop-only{display:none} .menu-button{display:block}
  .feature-grid,.price-grid{grid-template-columns:1fr}
  .dl-grid{grid-template-columns:1fr 1fr} .dl-grid a:nth-child(3){border-left:0}
  .chip-grid{grid-template-columns:1fr 1fr}
  .row{grid-template-columns:1fr;gap:12px}
  .steps-grid{grid-template-columns:1fr}
  .steps-grid article,.steps-grid article+article{padding:28px 0 40px;border-right:0;border-bottom:1px solid var(--line)}
  .final-cta{align-items:flex-start;flex-direction:column}
  .footer-brand,.footer-links{width:100%} .footer-links{margin-top:55px;gap:30px;flex-wrap:wrap}
}
@media (max-width:650px){
  .site-header{height:68px} .site-header .button-small{display:none}
  .dl-grid{grid-template-columns:1fr} .dl-grid a{border-left:0;border-bottom:1px solid var(--line)}
  .chip-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}