html { scroll-behavior:smooth; scroll-padding-top:74px; }
.site-header { gap:clamp(18px,3vw,48px); }
.brand { flex:0 0 auto; }
.site-nav { display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,34px);height:100%;margin-left:auto; }
.site-nav a { position:relative;display:flex;align-items:center;height:100%;color:rgba(202,221,237,.52);font-size:12px;white-space:nowrap;transition:color .25s ease; }
.site-nav a::after { position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,#58e8ff,transparent);box-shadow:0 0 12px #4ce7ff;transform:scaleX(0);content:"";transition:transform .28s ease; }
.site-nav a:hover,.site-nav a.is-active { color:#eefbff; }.site-nav a.is-active::after { transform:scaleX(1); }
.header-actions { display:flex;align-items:center;gap:10px;margin-left:clamp(2px,1.2vw,16px); }
.phone-link { display:flex;align-items:center;gap:9px;padding:7px 12px 7px 10px;border:1px solid rgba(86,215,255,.2);border-radius:999px;background:rgba(43,201,255,.045);transition:border-color .25s ease,background .25s ease,transform .25s ease; }
.phone-link:hover { transform:translateY(-1px);border-color:rgba(86,225,255,.5);background:rgba(43,201,255,.09); }
.phone-link svg { width:19px;height:19px;color:#67eaff;filter:drop-shadow(0 0 7px rgba(54,222,255,.55)); }
.phone-link span { display:flex;flex-direction:column;gap:2px; }.phone-link small { color:rgba(177,211,231,.45);font-size:8px;line-height:1; }.phone-link b { color:rgba(233,249,255,.84);font:600 11px/1.1 monospace;letter-spacing:.02em; }
.header-actions .back-link { padding:10px 12px; }

@media(max-width:1220px){.site-header{gap:20px}.site-nav{gap:18px}.site-nav a{font-size:11px}.phone-link span{display:none}.phone-link{padding:10px}.header-actions{margin-left:0}}
@media(max-width:940px){.site-nav a:nth-child(5){display:none}.brand img{width:155px}.site-header{padding-inline:22px}}
@media(max-width:760px){html{scroll-padding-top:64px}.site-nav{display:none}.site-header{justify-content:space-between}.header-actions{margin-left:auto}.phone-link span{display:flex}.phone-link small{display:none}.phone-link b{font-size:10px}.header-actions .back-link span{display:none}}
@media(max-width:430px){.phone-link b{display:none}.phone-link{padding:10px}.brand img{width:145px}.site-header{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
