.nav{background:rgba(5,7,13,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(26px,env(safe-area-inset-right)) 16px max(26px,env(safe-area-inset-left));transition:background .4s ease,border-color .4s ease,padding .4s ease;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(5,7,13,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--line);padding-top:12px;padding-bottom:12px}
.nav .brand{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;text-decoration:none}
.nav .brand img{height:32px;width:auto;object-fit:contain;filter:none}
.nav .brand span{font-weight:700;font-size:13px;line-height:1.2;letter-spacing:-.02em}
.nav-links{display:flex;gap:clamp(14px,2vw,28px);list-style:none;margin:0;padding:0;font-size:14px;font-weight:500}
.nav-links a{text-decoration:none;color:#c5cddd;transition:color .25s ease}
.nav-links a:hover{color:var(--text)}
@media (max-width:900px){.nav-links{display:none}}
@media (max-width:720px){.nav{padding-left:16px;padding-right:16px}}

/* ---------- Buttons (pills, reference-style) ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:100px;font-weight:600;font-size:14px;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,color .3s ease;will-change:transform}
.btn-primary{background:linear-gradient(100deg,#2f8fff,#57a6ff);color:#04101f;box-shadow:0 0 24px rgba(47,143,255,.4),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-primary:hover{box-shadow:0 0 40px rgba(47,143,255,.6),inset 0 1px 0 rgba(255,255,255,.4);transform:translateY(-1px)}
.btn-glass{background:rgba(243,242,238,.04);border:1px solid var(--line-2);color:var(--text);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-glass:hover{border-color:rgba(47,143,255,.5);background:rgba(47,143,255,.08);transform:translateY(-1px)}
.btn-sm{padding:10px 20px;font-size:13px}
.btn-call{width:44px;height:44px;padding:0;flex-shrink:0}
.btn-call svg{width:21px;height:21px}
.btn .arr{width:16px;height:16px;transition:transform .3s ease}
.btn:hover .arr{transform:translateX(3px)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
@media (pointer:coarse){.btn{min-height:44px}}

.to-top{position:fixed;right:26px;bottom:26px;z-index:180;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#57c8ff 0%,#2f8fff 45%,#2f6bff 100%);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px rgba(47,143,255,.45),inset 0 1px 0 rgba(255,255,255,.35);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .35s ease,transform .35s ease,visibility .35s,box-shadow .35s ease}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(47,143,255,.6),inset 0 1px 0 rgba(255,255,255,.4)}
.to-top svg{width:18px;height:18px;transition:transform .3s ease}
.to-top:hover svg{transform:translateY(-2px)}
@media (max-width:720px){.to-top{right:16px;bottom:16px;width:48px;height:48px}}


.nav .brand{color:#f3f2ee;line-height:1.5}
.nav .brand img{max-width:none}
.nav-links a[aria-current="page"]{color:#2f8fff}
.nav ~ main{padding-top:88px}
.button{font-weight:600;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.button.primary{background:linear-gradient(100deg,#2f8fff,#57a6ff);box-shadow:0 0 24px #2f8fff66,inset 0 1px 0 #ffffff59;color:#04101f}
.button.primary:hover{transform:translateY(-1px);box-shadow:0 0 40px #2f8fff99}
@media(max-width:900px){.nav .mobile-nav{display:block}.nav>.btn{display:none}}
@media(prefers-reduced-motion:reduce){.nav,.to-top,.btn,.button{transition:none}}