.qt-topbar{
width:100%;
background:var(--qt-bg);
padding:8px 14px;
position:relative;
overflow:hidden;
color:#fff;
border-bottom:1px solid rgba(255,255,255,.18);
box-shadow:0 10px 22px rgba(0,0,0,.16);
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
min-height:40px;
display:flex;
align-items:center;
contain:layout paint;
}
.qt-topbar::before{
content:"";
position:absolute;
inset:-40% -10%;
background:
radial-gradient(circle at 18% 50%, rgba(255,255,255,.14), transparent 52%),
radial-gradient(circle at 85% 35%, rgba(255,255,255,.10), transparent 60%);
opacity:.55;
pointer-events:none;
z-index:1;
}
.qt-topbar-inner{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
color:#fff;
position:relative;
z-index:2;
width:100%;
min-width:0;
}
.qt-icon{
font-size:1.02rem;
min-width:20px;
height:20px;
line-height:1;
opacity:.98;
display:flex;
align-items:center;
justify-content:center;
}
.qt-topbar-text{
flex:1 1 auto;
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-weight:800;
font-size:.90rem;
letter-spacing:.12px;
text-shadow:0 1px 2px rgba(0,0,0,.16);
}
.qt-topbar-cta{
flex:0 0 auto;
font:900 12px/1 Inter, system-ui;
padding:7px 10px;
border-radius:999px;
background:rgba(255,255,255,.18);
border:1px solid rgba(255,255,255,.22);
box-shadow:0 10px 18px rgba(0,0,0,.10);
backdrop-filter:none;
}
@media (hover:hover){
.qt-topbar-inner:hover .qt-topbar-cta{
background:rgba(255,255,255,.24);
transform:translateY(-1px);
transition:transform .18s ease, background .18s ease;
}
}
@media (max-width:600px){
.qt-topbar{ padding:8px 12px; min-height:38px; }
.qt-topbar-text{ font-size:.86rem; }
.qt-topbar-cta{ padding:6px 9px; font-size:11.5px; }
}
.site-brand{
color:var(--qt-lav-base) !important;
text-decoration:none;
}
.site-brand svg{
display:block;
width:auto;
height:86px;
max-width:100%;
-webkit-backface-visibility:hidden;
}
@media (max-width:420px){ .site-brand svg{ height:104px; } }
@media (min-width:1440px){ .site-brand svg{ height:90px; } }
.site-brand svg text{ font-family:Inter,system-ui,sans-serif; }
.site-brand svg .wm{
font-weight:900;
font-size:40px;
letter-spacing:1.15px;
fill:var(--qt-lav-matte) !important;
}
.site-brand svg .wm-quant{
fill:var(--qt-lav-matte) !important;
opacity:.98;
}
.site-brand svg .wm-aps{
fill:var(--qt-lav-soft) !important;
font-weight:850;
opacity:1;
}
.site-brand svg .tagline{
font-weight:600;
font-size:13px;
fill:var(--qt-tag) !important;
opacity:.95;
}
@media (max-width:420px){
.site-brand svg .tagline{ font-size:12px; opacity:.92; }
}
@keyframes qt-sepPulse{ 0%,100%{opacity:.55} 50%{opacity:1} }
.site-brand svg .tagline tspan.sep{
opacity:.7;
animation:qt-sepPulse 2.2s ease-in-out infinite;
}
@keyframes qt-logo-spin{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes qt-logo-breathe{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.03)} }
.site-brand svg .orbit-rotate,
.site-brand svg .breath{
transform-origin:50px 50px;
transform-box:fill-box;
}
.site-brand svg .orbit-rotate{ animation:qt-logo-spin 7s linear infinite; }
.site-brand svg .breath{ animation:qt-logo-breathe 4s ease-in-out infinite; }
@keyframes qt-aps-domino{
0%{ opacity:0; transform:translateX(12px) rotate(-55deg); }
100%{ opacity:1; transform:none; }
}
.site-brand svg .aps-l1,
.site-brand svg .aps-l2,
.site-brand svg .aps-l3{
transform-origin:0% 92%;
animation:qt-aps-domino .6s cubic-bezier(.2,.8,.25,1) both;
}
.site-brand svg .aps-l2{ animation-delay:.08s; }
.site-brand svg .aps-l3{ animation-delay:.16s; }
@media (prefers-reduced-motion: reduce){
.site-brand svg *{ animation:none !important; }
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
html.no-scroll,body.no-scroll{overflow-x:hidden!important}
body.no-scroll{overflow:hidden!important;position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;touch-action:none!important;overscroll-behavior:none!important}
header#quantapsHeader{
position:sticky;
top:0;
z-index:2000;
width:100%!important;
margin:0!important;
padding-left:0!important;
padding-right:0!important;
transform:none!important;
background:
radial-gradient(900px 260px at 8% -14%, rgba(106,126,255,.12), transparent 60%),
radial-gradient(900px 260px at 92% -14%, rgba(97,242,255,.10), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.92), rgba(250,252,255,.98));
border-bottom:1px solid rgba(106,126,255,.25);
box-shadow:0 8px 24px rgba(24,32,64,.08);
-webkit-backdrop-filter:var(--blur);
backdrop-filter:var(--blur);
transition:box-shadow .22s ease, backdrop-filter .22s ease, -webkit-backdrop-filter .22s ease, background .22s ease, border-color .22s ease;
contain:layout paint;
isolation:isolate;
}
header#quantapsHeader.scrolled{
transform:none!important;
-webkit-backdrop-filter:blur(10px) saturate(180%);
backdrop-filter:blur(10px) saturate(180%);
box-shadow:0 4px 16px rgba(24,32,64,.12);
}
.qt-head{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:16px;
padding:14px 20px;
min-width:0;
}
.hamburger{
display:none;
position:relative;
width:30px;
height:30px;
cursor:pointer;
border:none;
background:transparent;
justify-self:end;
flex:0 0 auto;
-webkit-tap-highlight-color:transparent;
}
.hamburger .bar{
position:absolute;
left:0;
width:100%;
height:3px;
background:var(--lav1,#6a7eff);
border-radius:3px;
transition:transform .35s ease, top .35s ease, opacity .25s ease;
}
.hamburger .bar:nth-child(1){top:4px}
.hamburger .bar:nth-child(2){top:13px}
.hamburger .bar:nth-child(3){top:22px}
.hamburger.active .bar:nth-child(1){transform:rotate(45deg);top:13px}
.hamburger.active .bar:nth-child(2){opacity:0}
.hamburger.active .bar:nth-child(3){transform:rotate(-45deg);top:13px}
.qt-search{
position:relative;
display:flex;
align-items:center;
gap:10px;
min-width:0;
background:linear-gradient(180deg,#fff,#f7f9ff);
border:1px solid rgba(106,126,255,.25);
border-radius:14px;
box-shadow:0 10px 24px rgba(106,126,255,.15);
padding:8px 12px;
transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.qt-search input{
flex:1 1 auto;
min-width:0;
border:none;
outline:none;
background:transparent;
font:600 13px/1.3 Inter,system-ui;
}
.qt-search button{
flex:0 0 auto;
border:none;
border-radius:10px;
background:linear-gradient(135deg,var(--lav1,#6a7eff),var(--lav2,#8ea2ff));
color:#fff;
font:800 12px/1 Inter,system-ui;
padding:7px 12px;
box-shadow:0 8px 22px rgba(106,126,255,.25);
cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.qt-search button:hover{transform:translateY(-1px);filter:saturate(1.05)}
.qt-search button:active{transform:scale(.98)}
.qt-menubar{
border-top:1px solid rgba(106,126,255,.25);
border-bottom:1px solid rgba(106,126,255,.25);
background:rgba(255,255,255,.85);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
}
.qt-menubar ul{
display:flex;
gap:14px;
justify-content:center;
align-items:center;
list-style:none;
margin:0;
padding:10px;
flex-wrap:wrap;
}
.qt-menubar a{
text-decoration:none;
display:flex;
align-items:center;
gap:6px;
font:700 14px/1.3 Inter,system-ui;
color:var(--txt-dark,#101526);
border-radius:999px;
padding:8px 14px;
transition:background .2s ease, color .2s ease;
position:relative;
}
.qt-menubar a::after{
content:"";
position:absolute;
bottom:3px;
left:50%;
transform:translateX(-50%);
width:0;
height:2px;
border-radius:4px;
background:linear-gradient(90deg,var(--lav1,#6a7eff),var(--neon1,#61f2ff));
transition:width .25s ease;
}
.qt-menubar a:hover::after{width:60%}
.qt-menubar a:hover{color:var(--lav1,#6a7eff);background:rgba(106,126,255,.08)}
.qt-menubar .qt-menu-rail{
display:block!important;
width:100%!important;
overflow-x:auto!important;
overflow-y:hidden;
white-space:nowrap;
scrollbar-width:none;
padding-left:12px!important;
}
.qt-menubar .qt-menu-rail::-webkit-scrollbar{display:none}
.qt-menubar .qt-menu-rail>ul{
display:inline-flex!important;
flex-wrap:nowrap!important;
margin-left:0!important;
padding-left:0!important;
}
.mobile-menu{
position:fixed;
inset:0;
display:none;
z-index:3000;
overflow-x:hidden;
}
.mobile-menu.active{display:block;width:100%!important;overflow:hidden!important}
.menu-overlay{
position:absolute;
inset:0;
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
opacity:0;
transition:opacity .35s ease;
background:linear-gradient(90deg,rgba(20,24,40,.65),rgba(20,24,40,.55) 30%,rgba(20,24,40,0) 80%)!important;
}
.mobile-menu.active .menu-overlay{opacity:1}
.drawer{
position:fixed;
top:0;
right:-100%;
width:78%;
max-width:360px;
height:100%;
background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,248,255,.98));
-webkit-backdrop-filter:blur(14px) saturate(180%);
backdrop-filter:blur(14px) saturate(180%);
border-left:1px solid rgba(106,126,255,.25);
box-shadow:-16px 0 48px rgba(24,32,64,.28);
transition:right .4s cubic-bezier(.5,0,.2,1);
padding:18px 20px 80px;
overflow-y:auto;
overflow-x:hidden!important;
z-index:2;
-webkit-overflow-scrolling:touch;
}
.mobile-menu.active .drawer{right:0}
.drawer::before{
content:"";
position:absolute;
inset:-20% -40% 60% -40%;
background:
radial-gradient(60% 70% at 20% 10%,rgba(106,126,255,.20),transparent 55%),
radial-gradient(60% 70% at 80% 0%,rgba(97,242,255,.18),transparent 60%);
filter:blur(36px);
z-index:0;
pointer-events:none;
}
.close-menu{
position:absolute;
top:14px;
right:16px;
width:40px;
height:40px;
border-radius:12px;
border:1px solid rgba(106,126,255,.3);
background:linear-gradient(180deg,#fff,#f5f7ff);
font-size:20px;
cursor:pointer;
color:#6a7eff;
transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
z-index:3;
}
.close-menu:hover{background:linear-gradient(180deg,#f6f8ff,#fff);transform:rotate(8deg) scale(1.05);box-shadow:0 10px 22px rgba(106,126,255,.25)}
.floating-close{
position:fixed!important;
top:50%!important;
left:18px!important;
transform:translateY(-50%)!important;
z-index:5000!important;
width:42px!important;
height:42px!important;
-webkit-backdrop-filter:blur(14px) saturate(160%);
backdrop-filter:blur(14px) saturate(160%);
background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,247,255,.98))!important;
border:1px solid rgba(106,126,255,.3)!important;
box-shadow:0 8px 28px rgba(24,32,64,.20)!important;
border-radius:14px!important;
animation:fadeInClose .35s ease both;
}
@keyframes fadeInClose{from{opacity:0;transform:translateY(-50%) translateY(-6px) scale(.92)}to{opacity:1;transform:translateY(-50%) scale(1)}}
#scrollToTop{
position:fixed;
right:18px;
bottom:95px;
z-index:9999;
width:42px;
height:42px;
border-radius:999px;
border:1px solid rgba(148,163,184,.55);
display:none;
align-items:center;
justify-content:center;
font-size:20px;
cursor:pointer;
color:var(--qt-ink,rgba(245,248,255,.92));
background:radial-gradient(220% 220% at 30% 0%,rgba(97,242,255,.22),transparent 60%),linear-gradient(135deg,#0a0f1f,#101526,#0a0e1a);
box-shadow:0 0 0 1px rgba(15,23,42,.6),0 10px 28px rgba(0,0,0,.65);
-webkit-backdrop-filter:blur(18px) saturate(200%);
backdrop-filter:blur(18px) saturate(200%);
transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
#scrollToTop.visible{display:flex;animation:qt-micropulse 2.1s ease-in-out infinite}
@keyframes qt-micropulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
#scrollToTop:hover{
transform:translateY(-3px) scale(1.04);
background:radial-gradient(220% 220% at 30% 0%,rgba(97,242,255,.3),transparent 60%),linear-gradient(135deg,#101526,#0a0f1f);
box-shadow:0 0 0 1px rgba(129,140,248,.65),0 14px 34px rgba(15,23,42,.9);
}
@media (max-width:992px){
.hamburger{display:flex}
.qt-menubar{display:none}
.qt-search{display:none}
}
.qt-suggest-portal{
position:absolute;
background:rgba(255,255,255,.97);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
border:1px solid rgba(106,126,255,.25);
border-radius:14px;
box-shadow:0 10px 30px rgba(106,126,255,.25);
z-index:9999;
display:none;
overflow:hidden;
animation:qtFadeIn .25s ease;
}
.qt-suggest-portal.open{display:block}
.qt-suggest-portal .sug{
display:block;
width:100%;
border:none;
background:transparent;
padding:10px 14px;
text-align:left;
font:600 14px/1.4 Inter,system-ui;
color:#0f172a;
cursor:pointer;
transition:background .2s ease, color .2s ease;
}
.qt-suggest-portal .sug:hover{background:linear-gradient(90deg,rgba(106,126,255,.1),rgba(97,242,255,.08));color:var(--lav1,#6a7eff)}
.qt-suggest-portal .title{pointer-events:none}
@keyframes qtFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.drawer .mnav{position:relative;z-index:1}
.drawer .mnav-sec{
width:100%;
display:flex;
align-items:center;
gap:10px;
text-align:left;
cursor:pointer;
border:none;
padding:14px 12px;
border-radius:18px;
color:#0f172a;
font:800 16px/1.2 Inter,system-ui;
background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,249,255,.9)) padding-box,linear-gradient(135deg,rgba(106,126,255,.35),rgba(97,242,255,.25)) border-box;
border:1px solid transparent;
box-shadow:0 8px 20px rgba(106,126,255,.12);
transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.drawer .mnav-sec:hover{background:linear-gradient(180deg,rgba(255,255,255,1),rgba(245,247,255,1));box-shadow:0 10px 22px rgba(106,126,255,.22);transform:translateY(-1px)}
.drawer .mnav-sec:active{transform:scale(.99)}
.drawer .mnav-ico{
width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;color:#6a7eff;
background:linear-gradient(145deg,rgba(106,126,255,.15),rgba(97,242,255,.12));
box-shadow:inset 0 0 0 1px rgba(106,126,255,.25),0 4px 14px rgba(106,126,255,.12);
}
.drawer .mnav-chev{
margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:rgba(106,126,255,.95);
background:rgba(106,126,255,.10);box-shadow:inset 0 0 0 1px rgba(106,126,255,.16);
transition:transform .25s ease, background .25s ease;
}
.drawer .mnav-sec[aria-expanded="true"] .mnav-chev{transform:rotate(180deg);background:rgba(97,242,255,.10)}
.drawer .mnav-sub{
margin-top:10px;
margin-left:10px;
margin-right:2px;
border-radius:18px;
border:1px solid rgba(106,126,255,.16);
background:radial-gradient(140% 120% at 20% 0%,rgba(106,126,255,.10),transparent 55%),rgba(255,255,255,.78);
box-shadow:0 12px 28px rgba(24,32,64,.10);
overflow:hidden;
max-height:0;
opacity:0;
padding:0 10px;
transition:max-height .35s ease, opacity .22s ease, padding .22s ease;
position:relative;
}
.drawer .mnav-sub.open{max-height:210px;opacity:1;padding:10px;overflow:auto;scrollbar-width:none}
.drawer .mnav-sub.open::-webkit-scrollbar{display:none}
.drawer .mnav-sub.open::after{
height:14px!important;margin:0!important;border-radius:0 0 16px 16px;
background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.65))!important;filter:blur(.3px);
}
.drawer .mnav-sublist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.drawer .mnav-sublist a{
display:flex;align-items:center;gap:10px;text-decoration:none;font:750 14px/1.1 Inter,system-ui;color:#0f172a;
padding:10px 10px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(247,249,255,.90));
border:1px solid rgba(106,126,255,.10);box-shadow:0 6px 14px rgba(106,126,255,.10);
transition:transform .18s ease, box-shadow .18s ease;
}
.drawer .mnav-sublist a i{
width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:15px;color:#6a7eff;
background:rgba(106,126,255,.10);box-shadow:inset 0 0 0 1px rgba(106,126,255,.16);flex:0 0 30px;
}
.drawer .mnav-sublist a:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(106,126,255,.16)}
.drawer .mnav-sublist .mnav-all{
margin-top:6px;justify-content:center;font-weight:900;
background:linear-gradient(180deg,rgba(255,255,255,1),rgba(245,247,255,1)) padding-box,linear-gradient(135deg,rgba(106,126,255,.45),rgba(97,242,255,.28)) border-box;
border:1px solid transparent;
}
.drawer .mnav-sublist .mnav-all i{background:linear-gradient(145deg,rgba(106,126,255,.16),rgba(97,242,255,.12))}
.drawer .mnav-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.drawer .mnav-list a{
display:flex;align-items:center;gap:10px;text-decoration:none;font:700 16px/1.2 Inter,system-ui;color:#0f172a;
padding:14px 12px;border-radius:18px;
background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,249,255,.9)) padding-box,linear-gradient(135deg,rgba(106,126,255,.35),rgba(97,242,255,.25)) border-box;
border:1px solid transparent;box-shadow:0 8px 20px rgba(106,126,255,.12);
transition:transform .18s ease, box-shadow .18s ease;
}
.drawer .mnav-list a i{
width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;font-size:18px;color:#6a7eff;border-radius:12px;
background:linear-gradient(145deg,rgba(106,126,255,.15),rgba(97,242,255,.12));
box-shadow:inset 0 0 0 1px rgba(106,126,255,.25),0 4px 14px rgba(106,126,255,.12);
}
.drawer .mnav-list a:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(106,126,255,.20)}
.drawer .mnav-list a:active{transform:scale(.99)}
.drawer .mnav-contact{margin-top:10px;display:grid;gap:8px}
.drawer .ct-card{
width:100%;
box-sizing:border-box;
display:flex;
align-items:center;
gap:8px;
text-decoration:none;
padding:8px 10px;
border-radius:16px;
background:radial-gradient(120% 140% at 18% 0%,rgba(97,242,255,.08),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,247,255,.98));
border:1px solid rgba(106,126,255,.14);
box-shadow:0 8px 18px rgba(24,32,64,.10);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
overflow:hidden;
}
.drawer .ct-card:hover{transform:translateY(-1px);border-color:rgba(106,126,255,.22);box-shadow:0 12px 24px rgba(24,32,64,.12)}
.drawer .ct-card:active{transform:scale(.99)}
.drawer .ct-ico{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;background:none;box-shadow:none;border-radius:0}
.drawer .ct-ico::after{display:none}
.drawer .ct-ico i{font-size:18px;line-height:1}
.drawer .ct-wa .ct-ico{color:#22c55e}
.drawer .ct-tg .ct-ico{color:#229ED9}
.drawer .ct-mail .ct-ico{color:var(--lav1,#6a7eff)}
.drawer .ct-meta{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:1px}
.drawer .ct-top{font:600 11px/1 Inter,system-ui;color:#5c6a86}
.drawer .ct-main{font:600 13px/1.05 Inter,system-ui;color:#0b1227;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer .ct-go{
margin-left:auto;width:26px;height:26px;flex:0 0 26px;border-radius:10px;display:grid;place-items:center;
color:rgba(106,126,255,.95);background:rgba(106,126,255,.10);box-shadow:inset 0 0 0 1px rgba(106,126,255,.14);
transition:transform .18s ease, background .18s ease;
}
.drawer .ct-go i{font-size:12px;line-height:1}
.drawer .ct-card:hover .ct-go{background:rgba(106,126,255,.14);transform:translateX(1px)}
@media (max-width:420px){
.drawer .ct-card{padding:7px 9px;border-radius:14px}
.drawer .ct-top{font-size:10.5px}
.drawer .ct-main{font-size:12.5px}
.drawer .ct-go{width:24px;height:24px;flex-basis:24px;border-radius:9px}
.drawer .ct-go i{font-size:11px}
}
body.qt-mm-open .qtnav{transform:translateY(110%)!important;opacity:0!important;pointer-events:none!important}
@media (max-width:768px){
.qt-head{
padding-top:10px!important;
padding-bottom:10px!important;
padding-left:calc(14px + env(safe-area-inset-left))!important;
padding-right:calc(14px + env(safe-area-inset-right))!important;
gap:12px!important;
}
.hamburger{width:46px!important;height:38px!important}
.hamburger .bar:nth-child(1){top:8px}
.hamburger .bar:nth-child(2){top:17px}
.hamburger .bar:nth-child(3){top:26px}
.site-brand{display:flex;align-items:center;min-width:0}
.site-brand svg{height:76px!important;width:auto!important;max-width:100%!important;display:block}
.mobile-menu .drawer{padding:14px 14px 60px!important}
.drawer .mnav-sec{padding:12px 10px;border-radius:16px;font-size:15px}
.drawer .mnav-ico{width:34px;height:34px;flex:0 0 34px;border-radius:11px}
.drawer .mnav-chev{width:32px;height:32px}
.drawer .mnav-sub{margin-left:8px}
.drawer .mnav-sub.open{max-height:190px}
.drawer .mnav-sublist a{padding:9px 10px;font-size:13.5px}
.drawer .mnav-sublist a i{width:28px;height:28px;font-size:14px;border-radius:10px}
.drawer .mnav-list a{padding:12px 10px;border-radius:16px;font-size:15px}
.drawer .mnav-list a i{width:34px;height:34px;flex:0 0 34px;border-radius:11px;font-size:16px}
.drawer .ct-ico{width:46px;height:46px;border-radius:16px;font-size:20px}
.drawer .ct-main{font-size:17px}
}

/* =========================
   LANG SWITCH (TR/EN)
   ========================= */
.qt-lang{
  display:inline-flex;
  align-items:center;
  gap:0;
  padding:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff,#f7f9ff);
  border:1px solid rgba(106,126,255,.25);
  box-shadow:0 10px 24px rgba(106,126,255,.12);
  flex:0 0 auto;
}

.qt-lang-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:32px;
  padding:0 12px;
  border-radius:999px;
  text-decoration:none;
  font:900 12px/1 Inter,system-ui;
  letter-spacing:.5px;
  color:rgba(16,21,38,.78);
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.qt-lang-btn:hover{
  color:var(--lav1,#6a7eff);
  background:rgba(106,126,255,.08);
}

.qt-lang-btn[aria-current="true"]{
  color:#fff;
  background:linear-gradient(135deg,var(--lav1,#6a7eff),var(--lav2,#8ea2ff));
  box-shadow:0 10px 22px rgba(106,126,255,.22);
}

.qt-lang-btn:active{transform:scale(.98)}

/* Desktop’ta arama + dil yan yana dursun */
.qt-head{
  /* zaten grid: auto 1fr auto */
}
.qt-search{ /* var */
}
.qt-lang{ justify-self:end; }

/* Mobilde drawer içinde üstte tam geniş */
.qt-lang--mobile{
  width:100%;
  margin:12px 0 4px;
  justify-content:space-between;
}
.qt-lang--mobile .qt-lang-btn{
  flex:1 1 0;
  height:40px;
  font-size:13px;
}
.qt-lang--mobile .qt-lang-btn + .qt-lang-btn{ margin-left:6px; }

/* 992 altı: header’daki dil switch’i görünmesin (istersen kalsın diye kaldırabilirsin) */
@media (max-width:992px){
  header#quantapsHeader .qt-lang{ display:none; }
}
.qt-lang-btn{
  gap:8px; /* bayrak + yazı arası */
}

.qt-lang-flag{
  font-size:16px;
  line-height:1;
  transform:translateY(-.5px); /* optik hizalama */
}

.qt-lang-btn[aria-current="true"] .qt-lang-flag{
  filter:saturate(1.05);
}
.qtf-premium{
--ink:#0f172a;
--muted:#8a93c9;
--ac1:#6a7eff;
--ac2:#9faeff;
--card:#ffffff;
--bd:#dce2ff;
--r:16px;
--max:1480px;
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
color:var(--ink);
position:relative;
background:
radial-gradient(900px 400px at 50% -100px, rgba(106,126,255,.12), transparent 70%),
linear-gradient(108deg,#edf1ff 0%,#f9faff 100%);
border-top:1px solid rgba(106,126,255,.22);
box-shadow:0 -15px 40px rgba(106,126,255,.12);
}
.qt-ic{width:1em;height:1em;display:inline-block;vertical-align:-.15em;color:currentColor}
.qt-ic--14{width:14px;height:14px}
.qt-ic--16{width:16px;height:16px}
.qt-ic--18{width:18px;height:18px}

/* =========================
   QT SVG ICONS (DROP-IN)
   ========================= */

/* Global svg resetleri büyütüyorsa bunu ez */
header#quantapsHeader svg.qt-ic,
#mobileMenu svg.qt-ic,
#scrollToTop svg.qt-ic{
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.14em; /* optik hizalama */
  flex: 0 0 auto;
  color: currentColor;
}

/* Kesin pixel boyutları (senin class’ların) */
header#quantapsHeader .qt-ic--14,
#mobileMenu .qt-ic--14,
#scrollToTop .qt-ic--14{ width:14px; height:14px; }

header#quantapsHeader .qt-ic--16,
#mobileMenu .qt-ic--16,
#scrollToTop .qt-ic--16{ width:16px; height:16px; }

header#quantapsHeader .qt-ic--18,
#mobileMenu .qt-ic--18,
#scrollToTop .qt-ic--18{ width:18px; height:18px; }

/* Link içindeki ikon + yazı hizası */
.qt-menubar a svg.qt-ic{ margin-right:6px; }
.drawer a svg.qt-ic{ margin-right:8px; }

/* Buton içi ikonlar ortalansın */
#scrollToTop{
  gap:0;
}
#scrollToTop svg.qt-ic{
  pointer-events:none;
}

/* =========================
   QT SVG ICONS — HEADER + MOBILE
   (font-size büyüse bile ikon şişmez)
   ========================= */

header#quantapsHeader svg.qt-ic,
#mobileMenu svg.qt-ic,
#scrollToTop svg.qt-ic{
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -0.14em;
  flex: 0 0 auto;
  color: currentColor;
}

/* boyut yardımcıları */
header#quantapsHeader .qt-ic--14,
#mobileMenu .qt-ic--14,
#scrollToTop .qt-ic--14{ width:14px; height:14px; }

header#quantapsHeader .qt-ic--16,
#mobileMenu .qt-ic--16,
#scrollToTop .qt-ic--16{ width:16px; height:16px; }

header#quantapsHeader .qt-ic--18,
#mobileMenu .qt-ic--18,
#scrollToTop .qt-ic--18{ width:18px; height:18px; }

/* menü link boşlukları */
header#quantapsHeader .qt-menubar a svg.qt-ic{ margin-right:6px; }
#mobileMenu .drawer a svg.qt-ic{ margin-right:8px; }
/* FORCE: Header + Mobile menu SVG icon size (home overrides fix) */
header#quantapsHeader svg.qt-ic,
header#quantapsHeader a svg.qt-ic,
header#quantapsHeader button svg.qt-ic,
#mobileMenu svg.qt-ic,
#mobileMenu a svg.qt-ic,
#mobileMenu button svg.qt-ic{
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: -0.14em !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
}

/* helper sizes */
header#quantapsHeader .qt-ic--14,
#mobileMenu .qt-ic--14{ width:14px !important; height:14px !important; }

header#quantapsHeader .qt-ic--18,
#mobileMenu .qt-ic--18{ width:18px !important; height:18px !important; }

.qtf-premium,
.qtf-premium *{ box-sizing:border-box; }
.qtf-premium :where(h1,h2,h3,h4,h5,h6,p){
margin:0 !important;
padding:0 !important;
}
.qtf-premium a{ color:inherit; text-decoration:none; }
.qtf-premium a:hover{ color:var(--ac1); }
.qtfc-wrap{
width:min(var(--max), calc(100vw - 24px));
margin:0 auto;
padding:32px 12px 24px;
}
.qtfc-top{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:14px;
margin-bottom:22px;
}
.qtfc-logo{
display:flex;
align-items:center;
gap:10px;
padding:10px 14px;
border-radius:14px;
background:#fff;
border:1px solid rgba(106,126,255,.28);
box-shadow:0 6px 16px rgba(106,126,255,.15);
transition:transform .18s ease, box-shadow .18s ease;
will-change:transform;
}
.qtfc-logo:hover{
transform:translateY(-2px);
box-shadow:0 10px 22px rgba(106,126,255,.18);
}
.qtfc-brand{
font-weight:900;
font-size:1.15rem;
color:#1d2250;
}
.qtfc-chips{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.qtfc-chip{
display:flex;
align-items:center;
gap:8px;
padding:10px 14px;
border-radius:12px;
background:#fff;
border:1px solid rgba(106,126,255,.25);
box-shadow:0 4px 12px rgba(106,126,255,.08);
font-weight:800;
font-size:.9rem;
color:var(--ink);
min-width:0;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.qtfc-chip i{ color:var(--ac1); }
.qtfc-chip:hover{
transform:translateY(-2px);
border-color:var(--ac1);
box-shadow:0 10px 20px rgba(106,126,255,.18);
}
.qtfc-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0,1fr));
gap:16px;
}
@media (max-width:1200px){
.qtfc-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:680px){
.qtfc-grid{ grid-template-columns:1fr; }
}
.qtfc-col{
background:#fff;
border:1px solid rgba(106,126,255,.18);
border-radius:var(--r);
box-shadow:0 8px 20px rgba(106,126,255,.08);
overflow:hidden;
transition:box-shadow .18s ease, transform .18s ease;
contain:layout paint;
}
.qtfc-col:hover{
box-shadow:0 12px 28px rgba(106,126,255,.14);
}
.qtfc-tt{
display:flex;
align-items:center;
gap:10px;
padding:14px 20px !important;
font-size:.95rem;
font-weight:900;
line-height:1.2;
color:#28306f;
cursor:pointer;
text-transform:uppercase;
letter-spacing:.05em;
user-select:none;
}
.qtfc-tt i{ color:var(--ac1); font-size:1rem; }
.qtfc-tt .caret{
margin-left:auto;
width:26px;
height:26px;
border-radius:8px;
border:1px solid var(--bd);
display:none;
place-items:center;
color:var(--ac1);
font-size:.8rem;
background:rgba(255,255,255,.7);
}
.qtfc-panel{ padding:0 12px 12px; }
.qtfc-list{
display:grid;
gap:8px;
margin-top:8px;
margin-bottom:12px;
}
.qtfc-link{
display:flex;
align-items:center;
gap:12px;
padding:12px;
background:#fafbff;
border:1px solid rgba(106,126,255,.16);
border-radius:12px;
color:var(--ink);
font-weight:700;
box-shadow:0 4px 10px rgba(106,126,255,.06);
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, color .16s ease;
}
.qtfc-link i{
width:22px;
height:22px;
font-size:1rem;
display:grid;
place-items:center;
color:var(--ac1);
}
.qtfc-link:hover{
transform:translateY(-2px);
border-color:var(--ac1);
color:var(--ac1);
box-shadow:0 10px 20px rgba(106,126,255,.18);
}
.qtfc-link[data-platform="instagram"] i{ color:#E1306C; }
.qtfc-link[data-platform="tiktok"] i{ color:#000; }
.qtfc-link[data-platform="twitter"] i{ color:#1DA1F2; }
.qtfc-link[data-platform="telegram"] i{ color:#0088cc; }
.qtfc-link[data-platform="youtube"] i{ color:#FF0000; }
.qtfc-link[data-platform="facebook"] i{ color:#1877F2; }
.qtfc-link[data-platform="linkedin"] i{ color:#0077B5; }
.qtfc-note{
background:#fafbff;
border:1px dashed rgba(106,126,255,.4);
border-radius:12px;
padding:14px;
margin:0 12px 12px;
color:#5e6aa1;
font-weight:650;
line-height:1.5;
}
.qtfc-pay{
margin:12px;
text-align:center;
}
.qtfc-pay img{
display:block;
width:100%;
max-width:620px;
height:auto;
border-radius:14px;
background:#fff;
border:1px solid var(--bd);
padding:8px;
margin:0 auto;
}
.qtfc-bottom{
margin-top:22px;
padding:14px;
border-radius:12px;
background:rgba(255,255,255,.8);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
border:1px solid rgba(106,126,255,.16);
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
justify-content:space-between;
font-size:.9rem;
color:var(--muted);
}
.qtfc-mini a{ color:var(--muted); }
.qtfc-mini a:hover{ color:var(--ac1); }
@media (max-width:768px){
.qtfc-top{
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
}
.qtfc-logo{ margin:0 auto; }
.qtfc-chips{
width:100%;
max-width:560px;
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:10px;
justify-items:stretch;
}
.qtfc-chip{
justify-content:center;
text-align:center;
padding:12px;
font-size:.92rem;
line-height:1.15;
}
.qtfc-chip[href^="mailto:"]{
font-size:.82rem;
word-break:break-all;
}
.qtfc-grid{ gap:12px; }
.qtfc-tt .caret{ display:grid; }
.qtf-premium .qtfc-tt{
padding:12px 16px !important;
font-size:.98rem !important;
line-height:1.15 !important;
min-height:52px;
}
.qtf-premium .qtfc-tt i{ font-size:1.05rem !important; }
.qtf-premium .qtfc-tt .caret{
width:24px !important;
height:24px !important;
border-radius:8px !important;
}
.qtfc-panel{
max-height:0;
overflow:hidden;
padding:0 10px !important;
transition:max-height .28s ease;
}
.qtfc-col.is-open .qtfc-panel{
max-height:900px;
padding:10px 10px 12px !important;
}
}
@media (prefers-reduced-motion: reduce){
.qtf-premium *{ transition:none !important; }
}
.qtf-premium :focus-visible{
outline:3px solid rgba(106,126,255,.35);
outline-offset:3px;
border-radius:12px;
}
@keyframes qt-nav-aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes qt-nav-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes qt-nav-rip{from{transform:scale(0);opacity:.30}to{transform:scale(3);opacity:0}}
@keyframes qt-nav-qOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes qt-sheet-qOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* ===== FOOTER MOBILE ACCORDION (COMPOSITOR FRIENDLY) ===== */
@media (max-width:768px){

  /* Panel kapalı: yükseklik 0, içerik görünmez (opacity/transform animasyon) */
  .qtfc-panel{
    max-height:0;              /* sadece kapatma için, ANİ (animasyon yok) */
    overflow:hidden;
    padding:0 10px !important;

    opacity:0;
    transform:translate3d(0,-6px,0);

    /* max-height transition YOK! */
    transition: opacity .18s ease, transform .18s ease, padding .18s ease;
    will-change: opacity, transform;
  }

  /* Panel açık */
  .qtfc-col.is-open .qtfc-panel{
    opacity:1;
    transform:translate3d(0,0,0);
    padding:10px 10px 12px !important;
  }

  /* Başlık caret biraz daha “modern” his */
  .qtfc-tt .caret{
    display:grid;
    transition: transform .18s ease, opacity .18s ease;
    opacity:.9;
  }
  .qtfc-col.is-open .qtfc-tt .caret{
    transform: rotate(180deg);
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  @media (max-width:768px){
    .qtfc-panel, .qtfc-tt .caret{ transition:none !important; }
  }
}



/* =========================================================
   QUANTAPS • MODERN MOBILE NAV + SEARCH SHEET (PERF SAFE)
   - Non-composited animation yok (background-position yok)
   - Aurora: ::before + transform only (composited)
   - Ripple/Pulse: transform + opacity only (composited)
   ========================================================= */

/* ---- Varsayılan kapalı (desktop) ---- */
.qtnav{display:none;pointer-events:none}
body{--qt-nav-safe: env(safe-area-inset-bottom,0px);}

/* ---- Tema değişkenleri (fallback) ---- */
:root{
  --qt-nav-h: 64px;

  --qt-nav-ink:#0f172a;
  --qt-nav-ink2:#55607a;

  --qt-nav-ac:#6a7eff;   /* primary glow */
  --qt-nav-ac3:#22c55e;  /* secondary glow */
  --qt-nav-hi:#1f2a4a;

  --qt-nav-ring: rgba(106,126,255,.22);

  --qt-nav-glass: rgba(255,255,255,.70);
  --qt-nav-glass2: rgba(255,255,255,.52);

  --qt-sheet-bg: rgba(255,255,255,.78);
  --qt-sheet-bg2: rgba(255,255,255,.62);
}

/* =========================================================
   SEARCH SHEET (bottom sheet)
   ========================================================= */
.qt-sheet{
  position:fixed;left:0;right:0;bottom:0;
  z-index:999999999;
  height:min(72svh,72vh);
  transform:translate3d(0,110%,0);
  transition:transform .34s cubic-bezier(.15,.85,.25,1);
  display:flex;flex-direction:column;
  padding:16px 16px calc(18px + var(--qt-nav-safe));
  overflow:hidden;

  /* glass base */
  background: linear-gradient(180deg,var(--qt-sheet-bg),var(--qt-sheet-bg2));
  border-radius:22px 22px 0 0;
  border:1px solid rgba(148,163,184,.22);
  border-bottom:none;

  backdrop-filter: blur(22px) saturate(175%);
  -webkit-backdrop-filter: blur(22px) saturate(175%);
  box-shadow: 0 -18px 60px rgba(15,23,42,.14);

  contain: layout paint style;
  isolation:isolate;
}

/* aurora layer: transform only */
.qt-sheet::before{
  content:"";
  position:absolute;
  inset:-30% -30%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 320px at 18% 0%,
      color-mix(in srgb,var(--qt-nav-ac) 16%,transparent), transparent 70%),
    radial-gradient(860px 320px at 86% 0%,
      color-mix(in srgb,var(--qt-nav-ac3) 14%,transparent), transparent 72%);
  transform: translate3d(-8%,0,0) scale(1.02);
  will-change: transform;
  animation: qtAuroraFloat 14s ease-in-out infinite;
  opacity:.92;
}

.qt-sheet.active{transform:translate3d(0,0,0)}
.qt-sheet > *{position:relative;z-index:1}

.qt-sheet-header{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:8px;
  padding-bottom:10px;
  flex:0 0 auto;
}
.qt-sheet-close{
  position:absolute;
  right:6px;
  top:2px;
  width:44px;height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 10px 22px rgba(15,23,42,.08);
  color:var(--qt-nav-ink);
  opacity:.92;
  font-size:34px;
  line-height:1;
  -webkit-tap-highlight-color:transparent;
}

.qt-sheet-title{
  font-size:18px;
  font-weight:950;
  letter-spacing:-.01em;
  color:var(--qt-nav-ink);
  position:relative;
}
.qt-sheet-title::after{
  content:"";
  display:block;
  width:110px;height:3px;
  margin:8px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,
    rgba(93,116,255,0),
    color-mix(in srgb,var(--qt-nav-ac) 70%,rgba(255,255,255,.6)),
    rgba(93,116,255,0));
  opacity:.75;
  filter:blur(.2px);
}

.qt-input-wrap{margin-top:12px;flex:0 0 auto}
.qt-input-wrap input{
  width:100%;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.26);
  background:rgba(255,255,255,.72);
  color:var(--qt-nav-ink);
  font-size:16px;
  outline:none;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.qt-input-wrap input:focus{
  border-color:color-mix(in srgb,var(--qt-nav-ac) 26%,rgba(148,163,184,.26));
  box-shadow:0 0 0 4px var(--qt-nav-ring),0 10px 24px rgba(15,23,42,.08);
}

.qt-results{
  margin-top:14px;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  padding-right:4px;
}
.qt-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 10px;
  border-bottom:1px solid rgba(148,163,184,.20);
  border-radius:12px;
  color:var(--qt-nav-ink);
  text-decoration:none;
  transition: background .12s ease;
}
.qt-item:hover{background:rgba(255,255,255,.55)}
.qt-p{font-size:11px;opacity:.78;color:rgba(95,107,143,.86)}
.qt-t{font-size:15px;font-weight:850;color:var(--qt-nav-ink)}

body.qt-search-open::after{
  content:"";
  position:fixed;inset:0;
  background:rgba(11,18,39,.22);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  z-index:99999998;
  pointer-events:none;
}

/* =========================================================
   MOBILE NAV (bottom bar)
   ========================================================= */
#qtnav{will-change:transform;transform:translate3d(0,0,0)}
#qtnav.is-hidden{transform:translate3d(0,110%,0)}

@media (max-width:768px){
  body{padding-bottom:calc(var(--qt-nav-h) + var(--qt-nav-safe))}

  .qtnav{
    display:flex;pointer-events:auto;
    position:fixed;left:0;right:0;bottom:0;
    z-index:9999;
    height:calc(var(--qt-nav-h) + var(--qt-nav-safe));
    padding:8px 10px calc(10px + var(--qt-nav-safe));
    justify-content:center;align-items:center;

    border-radius:22px 22px 0 0;
    overflow:hidden;
    isolation:isolate;

    /* base glass */
    background: linear-gradient(180deg,var(--qt-nav-glass),var(--qt-nav-glass2));
    border-top:1px solid rgba(15,23,42,.12);

    box-shadow:
      0 -16px 40px rgba(15,23,42,.18),
      inset 0 0 0 1px rgba(15,23,42,.08),
      inset 0 1px 0 rgba(255,255,255,.62);

    backdrop-filter:blur(16px) saturate(205%) contrast(112%);
    -webkit-backdrop-filter:blur(16px) saturate(205%) contrast(112%);

    transition:transform .22s ease, opacity .22s ease;
    will-change: transform;
  }

  /* aurora: transform-only layer */
  .qtnav::before{
    content:"";
    position:absolute;
    inset:-35% -35%;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(900px 260px at 12% -55%,
        color-mix(in srgb,var(--qt-nav-ac) 22%,transparent), transparent 72%),
      radial-gradient(820px 240px at 92% -55%,
        color-mix(in srgb,var(--qt-nav-ac3) 18%,transparent), transparent 74%),
      radial-gradient(980px 320px at 50% 165%,
        color-mix(in srgb,var(--qt-nav-ac) 12%,transparent), transparent 76%);
    transform: translate3d(-10%,0,0) scale(1.04);
    will-change: transform;
    animation: qtAuroraFloat 16s ease-in-out infinite;
    opacity:.92;
  }

  /* üst çizgi/parlaklık (sabit, animasyon yok) */
  .qtnav::after{
    content:"";
    position:absolute;
    left:24px;right:24px;top:1px;
    height:2px;
    border-radius:999px;
    pointer-events:none;
    z-index:2;
    background:linear-gradient(
      90deg,
      rgba(93,116,255,0) 0%,
      color-mix(in srgb,var(--qt-nav-ac) 62%,rgba(255,255,255,.42)) 18%,
      color-mix(in srgb,var(--qt-nav-ac3) 50%,rgba(255,255,255,.34)) 50%,
      color-mix(in srgb,var(--qt-nav-ac) 62%,rgba(255,255,255,.42)) 82%,
      rgba(93,116,255,0) 100%
    );
    box-shadow:0 8px 18px color-mix(in srgb,var(--qt-nav-ac) 12%,transparent);
    opacity:.92;
  }

  .qtnav__wrap{
    width:min(640px,100%);
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
    padding:0 6px;
    position:relative;
    z-index:3;
  }

  .qtnav__link{
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:10px 6px 12px;
    border-radius:18px;
    background:transparent;
    color:var(--qt-nav-ink);
    position:relative;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
    transform:translate3d(0,0,0);
  }

  /* modern active glass tile */
  .qtnav__link::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:17px;
    opacity:0;
    transform:scale(.995);
    pointer-events:none;
    z-index:0;
    background:
      radial-gradient(240px 140px at 50% -12%,
        color-mix(in srgb,var(--qt-nav-ac) 20%,rgba(255,255,255,.72)),
        rgba(255,255,255,.48) 62%,
        rgba(255,255,255,.30) 100%),
      linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.38));
    border:1px solid color-mix(in srgb,var(--qt-nav-ac) 18%,rgba(148,163,184,.18));
    box-shadow:
      0 12px 26px rgba(15,23,42,.12),
      0 0 0 1px rgba(255,255,255,.62) inset;
    transition:opacity .14s ease, transform .14s ease;
  }

  .qtnav__icon{
    width:28px;height:28px;
    min-width:28px;min-height:28px;
    display:grid;place-items:center;
    line-height:1;
    color:var(--qt-nav-ink);
    position:relative;
    z-index:1;
    transition:color .14s ease, transform .14s ease, filter .14s ease;
  }
  .qtnav__icon>i,
  .qtnav__icon>svg{
    display:inline-block;
    width:22px;height:22px;
    line-height:1;
  }

  .qtnav__label{
    font-size:10.8px;
    line-height:1.06;
    min-height:12px;
    font-weight:900;
    letter-spacing:.01em;
    color:var(--qt-nav-ink2);
    opacity:.94;
    position:relative;
    z-index:1;
  }

  /* ripple: transform+opacity only */
  .qtnav__link:active::after{
    content:"";
    position:absolute;inset:0;margin:auto;
    width:18px;height:18px;
    border-radius:50%;
    background:color-mix(in srgb,var(--qt-nav-ac) 14%,rgba(255,255,255,.58));
    animation: qtTapRip .42s ease-out;
    pointer-events:none;
    z-index:2;
  }

  .qtnav__link:focus-visible{outline:none;box-shadow:0 0 0 4px var(--qt-nav-ring)}

  .qtnav__link.is-active::before{opacity:1;transform:scale(1)}
  .qtnav__link.is-active .qtnav__icon{
    color:var(--qt-nav-hi);
    transform: translate3d(0,-1px,0);
    filter: drop-shadow(0 0 10px color-mix(in srgb,var(--qt-nav-ac) 22%,transparent));
    animation: qtIconPulse 2.4s ease-in-out infinite;
    will-change: transform;
  }
  .qtnav__link.is-active .qtnav__label{
    opacity:1;
    color:color-mix(in srgb,var(--qt-nav-ac) 58%,#1f2a4a);
  }

  .qtnav.is-hidden{transform:translate3d(0,110%,0);opacity:0;pointer-events:none}
  footer.qtf-premium{padding-bottom:calc(var(--qt-nav-h) + var(--qt-nav-safe) + 16px)}
  body.q-sheet-open .qtnav{transform:translate3d(0,120%,0);opacity:0;pointer-events:none}
  body.q-sheet-open{padding-bottom:0!important}
}

/* =========================================================
   Keyframes (COMPOSITOR SAFE)
   ========================================================= */
@keyframes qtAuroraFloat{
  0%   { transform:translate3d(-10%,0,0) scale(1.04) rotate(0deg); }
  50%  { transform:translate3d( 10%,0,0) scale(1.06) rotate(.6deg); }
  100% { transform:translate3d(-10%,0,0) scale(1.04) rotate(0deg); }
}
@keyframes qtIconPulse{
  0%,100%{ transform:translate3d(0,-1px,0) scale(1); }
  50%    { transform:translate3d(0,-1px,0) scale(1.06); }
}
@keyframes qtTapRip{
  0%   { transform:translate3d(0,0,0) scale(.6); opacity:.55; }
  100% { transform:translate3d(0,0,0) scale(3.2); opacity:0; }
}

/* =========================================================
   Motion preferences
   ========================================================= */
@media (prefers-reduced-motion: reduce){
  .qtnav::before,
  .qt-sheet::before,
  .qtnav__link.is-active .qtnav__icon{
    animation:none !important;
  }
}