.tt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 18px}
.tt-tabs button{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--font);color:var(--teal-pale);background:rgba(7,28,66,.7);border:1px solid rgba(148,212,244,.25);border-radius:999px;padding:7px 14px 7px 7px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.tt-tabs button i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(148,212,244,.12);color:var(--accent);font-size:12px}
.tt-tabs button[aria-selected=true]{background:var(--accent);color:var(--navy);border-color:var(--accent)}
.tt-tabs button[aria-selected=true] i{background:var(--navy);color:var(--accent)}
.tt-tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tt-panel{border:1px solid rgba(148,212,244,.25);background:rgba(7,28,66,.72);border-radius:14px;padding:20px;animation:ttIn .45s var(--ease)}
@keyframes ttIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tt-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(148,212,244,.45);border-radius:999px;padding:3px 10px}
.tt-panel h5{color:#fff;font-size:18px;margin:10px 0 6px}
.nx-card .tt-setup{color:var(--mist);font-size:15px}
.tt-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;margin-top:18px}
.tt-cols small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(203,232,230,.8);margin-bottom:10px}
.tt-injects{list-style:none;margin:0;padding:0 0 0 18px;position:relative;display:grid;gap:12px}
.tt-injects::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--accent),rgba(148,212,244,.15))}
.prose .tt-injects{padding-left:20px}
.prose .tt-injects li{padding-left:0;}
.tt-injects li{position:relative;display:grid;gap:2px;opacity:0;transform:translateX(-8px);animation:ttInj .5s var(--ease) forwards;animation-delay:calc(var(--i)*.18s + .15s)}
.prose .tt-injects li::before{content:"";position:absolute;left:-18px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--navy);border:2px solid var(--accent);transform:none;display:block}
.prose .tt-injects li:last-child::before{background:var(--accent);box-shadow:0 0 10px var(--accent)}
@keyframes ttInj{to{opacity:1;transform:none}}
.tt-injects b{font-size:12px;color:var(--accent);letter-spacing:.04em}
.tt-injects span{font-size:14px;color:var(--teal-pale);line-height:1.45}
.prose .tt-qs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.prose .tt-qs li::before{display:none}
.prose .tt-qs li{font-size:14px;line-height:1.45;color:#fff;background:rgba(148,212,244,.07);border:1px solid rgba(148,212,244,.18);border-radius:10px;padding:9px 12px}
.tt-vs{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:14px;align-items:stretch;margin-top:18px}
.tt-col{border:1px solid rgba(148,212,244,.22);background:rgba(7,28,66,.7);border-radius:14px;padding:18px;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.tt-col.now{border-color:var(--accent);transition-delay:.5s}
.tt-compare.in .tt-col{opacity:1;transform:none}
.tt-col h5{color:#fff;font-size:15px;margin:0 0 10px}
.prose .tt-col ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.prose .tt-col li{font-size:14px;line-height:1.5;color:var(--teal-pale);padding-left:16px;position:relative}
.prose .tt-col li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:rgba(203,232,230,.6);transform:none}
.prose .tt-col.now li{color:#fff}.prose .tt-col.now li::before{background:var(--accent)}
.tt-arrow{display:grid;place-items:center;color:var(--accent)}
.tt-arrow svg{width:28px;height:28px;opacity:0;transition:opacity .4s .3s}
.tt-compare.in .tt-arrow svg{opacity:1;animation:ttNudge 1.8s 1s ease-in-out infinite}
@keyframes ttNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (max-width:760px){.tt-cols{grid-template-columns:1fr}.tt-vs{grid-template-columns:1fr}.tt-arrow svg{transform:rotate(90deg)}.tt-compare.in .tt-arrow svg{animation:none;transform:rotate(90deg)}}
@media (max-width:560px){.tt-tabs button span{font-size:12px}.tt-panel{padding:16px}}
@media (prefers-reduced-motion:reduce){.tt-panel,.tt-injects li{animation:none;opacity:1;transform:none}.tt-col{transition:none}.tt-compare.in .tt-arrow svg{animation:none}}