/* ===== TOKENS ===== */

:root {
    --font-display:'Space Grotesk','DM Sans',system-ui,sans-serif;
    --font-sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
    --bg-page:#152139;
    --gui-header:#141414;
    --gui-body:#0E0E0E;
    --gui-border:#252525;
    --accent:#0053d9;
    --text-main:#FFFFFF;
    --text-dim:#94a3b8;
}

:root {
    --nav-h:72px;
    --accent-soft:rgba(15,108,245,0.12);
    --ease-out:cubic-bezier(0.16,1,0.3,1);
}

:root {
    --bg-page:#0B1122;
    --panel:#0d1526;
    --grad-blue:linear-gradient(135deg,#10223f 0%,#0053d9 45%,#7cc0ff 55%,#10223f 100%);
}

:root {
    --ease-aiden:cubic-bezier(0.39,0.21,0.12,0.96);
}

:root {
    --accent:#0053d9;
    --accent-text:#4f8dff;
}

:root {
    --nav-h:78px;
}

:root {
    --nav-h:86px;
}

:root {
    --bg-page:#070B16;
    --panel:#0b1223;
}

:root {
    --d-surface:#09090b;
    --d-card:#111112;
    --d-line:#1b1b1e;
    --d-text:#ececec;
    --d-dim:#87888d;
    --d-blue:#0053d9;
    --d-blue-lit:#4f8dff;
}

:root {
    --dm-bg:#09090b;
    --dm-line:#1b1b1e;
    --dm-text:#ececec;
    --dm-text-2:#d8d8d8;
    --dm-dim:#87888d;
    --dm-blue:#2f6bff;
    --dm-blue-deep:#2348b8;
}

:root {
    --sh-blue:rgba(6,20,56,0.62);
    --sh-blue-soft:rgba(8,26,70,0.42);
}

:root {
    --ie-blue:#4f8dff;
    --ie-blue-deep:#1e46b8;
    --sh:rgba(3,9,26,0.78);
    --sh-soft:rgba(3,9,26,0.55);
}

:root {
    --box:#0b0b0d;
    --box-line:#191a1e;
}

:root {
    --stage-shift:clamp(0px,7vw,132px);
}

:root {
    --ld-bg:#0d0d0d;
    --ld-surface:#171717;
    --ld-line:#292929;
    --ld-accent:#006cff;
    --ld-text:#9b9b9b;
    --gui-line:rgba(90,160,255,0.22);
    --gui-glow:rgba(0,108,255,0.16);
    --font-mod:'Geist',var(--font-sans);
}

:root {
    --ftab-row:#000000;
    --ftab-alt:#08080a;
}


/* ===== BASE ===== */

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    background-color:var(--bg-page);
    color:var(--text-main);
    font-family:var(--font-sans);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    position:relative;
    overflow-x:hidden;
    display:flex;
    flex-direction:column;
    min-height:100vh;
}

body::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:350px;
    background:linear-gradient(to bottom,#161616 0%,rgba(21,33,57,0) 100%);
    z-index:0;
    pointer-events:none;
}

body::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:300px;
    background:linear-gradient(to top,#161616 0%,rgba(21,33,57,0) 100%);
    z-index:0;
    pointer-events:none;
}

.brand-text,
.tagline,
.gui-header,
.price-header {
    font-family:var(--font-mono);
}

.container {
    max-width:900px;
    margin:0 auto;
    padding:0 20px;
    position:relative;
    z-index:10;
}

.bg-shadow {
    position:fixed;
    border-radius:50%;
    filter:blur(140px);
    z-index:0;
    pointer-events:none;
    animation:drift 25s infinite alternate ease-in-out;
}

.navbar {
    background-color:transparent;
    padding:25px 0 15px;
    position:relative;
    z-index:10;
}

.nav-content {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.btn {
    display:inline-block;
    padding:10px 24px;
    font-family:var(--font-mono);
    font-size:0.9rem;
    font-weight:700;
    text-align:center;
    cursor:pointer;
    transition:all 0.2s ease;
    border:1px solid var(--gui-border);
    border-radius:4px;
}

.btn-primary {
    background-color:var(--accent);
    color:#fff;
    border:1px solid var(--accent);
}

.btn-primary:hover {
    background-color:#2b84d6;
    color:#fff;
}

.btn-secondary {
    background-color:transparent;
    color:var(--text-main);
}

.btn-secondary:hover {
    background-color:#1a1a1a;
    color:var(--text-main);
}

.btn-discord {
    background-color:#5865F2;
    color:white;
    border:none;
}

.btn-discord:hover {
    background-color:#4752C4;
    color:white;
}

.tagline {
    color:#cbd5e1;
    text-transform:uppercase;
    font-size:0.85rem;
    letter-spacing:2px;
    margin-bottom:15px;
}

.gui-body-wrapper {
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows 0.3s ease-out;
}

.gui-card.open .gui-body-wrapper {
    grid-template-rows:1fr;
}

.price-box {
    background-color:var(--gui-header);
    border:1px solid var(--gui-border);
    padding:30px;
    width:100%;
    max-width:320px;
    border-radius:4px;
}

.price-box.highlight {
    border-color:#333;
    background:linear-gradient(180deg,rgba(15,108,245,0.08) 0%,var(--gui-header) 100%);
}

.price-header {
    font-size:1.2rem;
    color:var(--text-dim);
    margin-bottom:15px;
}

.highlight .price-header {
    color:var(--accent);
}

.price-amount {
    font-size:3rem;
    font-weight:700;
    margin-bottom:25px;
    font-family:var(--font-mono);
}

.price-amount span {
    font-size:1rem;
    color:var(--text-dim);
    font-weight:400;
}

.price-features {
    list-style:none;
    margin-bottom:30px;
}

.price-features li {
    padding:10px 0;
    border-bottom:1px solid var(--gui-border);
    font-size:0.95rem;
    color:var(--text-dim);
}

.price-features li:last-child {
    border-bottom:none;
}

.price-features strong {
    color:var(--text-main);
}

html {
    scroll-behavior:smooth;
}

::selection {
    background:rgba(15,108,245,0.35);
    color:#fff;
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
    outline:2px solid var(--accent);
    outline-offset:3px;
    border-radius:4px;
}

.navbar {
    position:sticky;
    top:0;
    padding:0;
    background:rgba(13,16,24,0.72);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(37,37,37,0.85);
    z-index:100;
}

.nav-content {
    height:var(--nav-h);
}

.nav-links {
    display:flex;
    align-items:center;
    gap:26px;
}

.nav-links>a:not(.btn) {
    font-family:var(--font-mono);
    font-size:0.82rem;
    font-weight:500;
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--text-dim);
}

.nav-links>a:not(.btn):hover {
    color:var(--text-main);
}

.nav-links>a.active {
    color:var(--accent);
}

.btn-sm {
    padding:8px 18px;
    font-size:0.78rem;
}

.nav-toggle {
    display:none;
    background:none;
    border:1px solid var(--gui-border);
    border-radius:4px;
    width:42px;
    height:38px;
    cursor:pointer;
    position:relative;
}

.nav-toggle span {
    position:absolute;
    left:10px;
    right:10px;
    height:2px;
    background:var(--text-main);
    transition:transform 0.25s ease,opacity 0.2s ease;
}

.nav-toggle span:nth-child(1) {
    top:12px;
}

.nav-toggle span:nth-child(2) {
    top:18px;
}

.nav-toggle span:nth-child(3) {
    top:24px;
}

body.nav-open .nav-toggle span:nth-child(1) {
    transform:translateY(6px) rotate(45deg);
}

body.nav-open .nav-toggle span:nth-child(2) {
    opacity:0;
}

body.nav-open .nav-toggle span:nth-child(3) {
    transform:translateY(-6px) rotate(-45deg);
}

.compare-table tbody tr:last-child td {
    border-bottom:none;
}

.compare-table tbody tr:hover td {
    background:rgba(15,108,245,0.035);
}

.tag {
    font-family:var(--font-mono);
    font-size:0.64rem;
    font-weight:700;
    letter-spacing:1.5px;
    padding:3px 9px;
    border-radius:3px;
    border:1px solid;
}

.tag-new {
    color:var(--accent);
    border-color:rgba(15,108,245,0.4);
    background:rgba(15,108,245,0.08);
}

.tag-perf {
    color:#7ee787;
    border-color:rgba(126,231,135,0.35);
    background:rgba(126,231,135,0.07);
}

.tag-fix {
    color:#f0b45c;
    border-color:rgba(240,180,92,0.35);
    background:rgba(240,180,92,0.07);
}

.log-body {
    padding:20px 24px 22px;
}

.log-body ul {
    list-style:none;
}

.log-body li {
    position:relative;
    padding:7px 0 7px 24px;
    color:var(--text-dim);
    font-size:0.95rem;
}

.log-body li::before {
    content:'>';
    position:absolute;
    left:0;
    color:var(--accent);
    font-family:var(--font-mono);
    font-weight:700;
}

.auth-body {
    padding:28px 24px 26px;
}

.field {
    margin-bottom:18px;
}

.field label {
    display:block;
    font-family:var(--font-mono);
    font-size:0.7rem;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--text-dim);
    margin-bottom:8px;
}

.field input {
    width:100%;
    background:var(--gui-header);
    border:1px solid var(--gui-border);
    border-radius:4px;
    padding:12px 14px;
    color:var(--text-main);
    font-family:var(--font-sans);
    font-size:0.95rem;
    transition:border-color 0.2s ease,box-shadow 0.2s ease;
}

.field input::placeholder {
    color:#4a5670;
}

.field input:focus {
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(15,108,245,0.14);
}

.form-note {
    display:none;
    margin-top:16px;
    padding:10px 14px;
    border:1px solid rgba(15,108,245,0.35);
    background:rgba(15,108,245,0.07);
    border-radius:4px;
    color:#bcd9f8;
    font-size:0.85rem;
}

.form-note.show {
    display:block;
}

.price-features li:empty::after {
    content:'—';
    color:#39445c;
}

.price-box .btn {
    width:100%;
}

.field textarea {
    width:100%;
    background:var(--gui-header);
    border:1px solid var(--gui-border);
    border-radius:4px;
    padding:12px 14px;
    color:var(--text-main);
    font-family:var(--font-sans);
    font-size:0.95rem;
    resize:vertical;
    transition:border-color 0.2s ease,box-shadow 0.2s ease;
}

.field textarea::placeholder {
    color:#4a5670;
}

.field textarea:focus {
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(15,108,245,0.14);
}

.tag-checks {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.tag-checks label {
    display:flex;
    align-items:center;
    gap:7px;
    font-family:var(--font-mono);
    font-size:0.74rem;
    font-weight:700;
    letter-spacing:1.5px;
    color:var(--text-dim);
    text-transform:none;
    margin:0;
    cursor:pointer;
}

.tag-checks input {
    accent-color:var(--accent);
    width:14px;
    height:14px;
}

.form-note.error {
    border-color:rgba(240,120,92,0.45);
    background:rgba(240,120,92,0.08);
    color:#f5c0b0;
}

body::before {
    background:linear-gradient(to bottom,#0a0d16 0%,rgba(11,17,34,0) 100%);
}

body::after {
    background:linear-gradient(to top,#0a0d16 0%,rgba(11,17,34,0) 100%);
}

.navbar {
    background:rgba(7,10,19,0.72);
}

.gui-card,
.price-box,
.auth-card,
.log-entry,
.cta-banner,
.faq-item,
.acc-item {
    position:relative;
    overflow:visible;
}

.gui-card::before,
.price-box::before,
.auth-card::before,
.log-entry::before,
.cta-banner::before,
.faq-item::before,
.acc-item::before {
    content:'';
    position:absolute;
    top:-14px;
    right:-14px;
    bottom:14px;
    left:14px;
    width:auto;
    height:auto;
    z-index:-1;
    border-radius:6px;
    background-color:transparent;
    background-image:radial-gradient(rgba(30,110,245,0.7) 0.9px,transparent 1.4px);
    background-size:6px 6px;
    background-position:1px 2px;
    clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 14px) 100%,calc(100% - 14px) 14px,0 14px);
    opacity:0;
    transition:opacity 0.3s ease;
    pointer-events:none;
}

.gui-card:hover::before,
.price-box:hover::before,
.auth-card:hover::before,
.log-entry:hover::before,
.cta-banner:hover::before,
.faq-item:hover::before,
.acc-item:hover::before {
    opacity:0.55;
}

.gui-card,
.price-box,
.auth-card,
.log-entry,
.cta-banner,
.yt-card,
.faq-item,
.btn {
    position:relative;
}

.gui-card,
.log-entry,
.auth-card,
.cta-banner,
.faq-item,
.price-box,
.price-box.highlight {
    background:linear-gradient(150deg,#10141c 0%,#0c0e14 100%);
    border-color:rgba(255,255,255,0.05);
    border-radius:6px;
    transition:transform 0.32s var(--ease-out),border-color 0.28s ease,box-shadow 0.32s ease;
}

.gui-card:hover,
.log-entry:hover,
.auth-card:hover,
.cta-banner:hover,
.faq-item:hover,
.price-box:hover,
.price-box.highlight:hover {
    border-color:rgba(45,120,255,0.55);
    transform:translateY(-6px);
    box-shadow:0 20px 46px rgba(0,0,0,0.55),0 0 30px rgba(0,83,217,0.10);
}

.btn {
    background:#14181f;
    color:#e8edf5;
    border:1px solid #242a36;
    box-shadow:0 6px 16px rgba(0,0,0,0.45);
    transition:transform 0.25s var(--ease-out),box-shadow 0.25s ease,background 0.25s ease,border-color 0.25s ease;
}

.btn::before {
    content:'';
    position:absolute;
    inset:-8px;
    width:auto;
    height:auto;
    z-index:-1;
    border-radius:7px;
    background-color:transparent;
    background-image:radial-gradient(rgba(30,110,245,0.7) 0.8px,transparent 1.3px);
    background-size:5px 5px;
    opacity:0;
    transition:opacity 0.28s ease;
    pointer-events:none;
}

.btn:hover::before {
    opacity:0.5;
}

.btn:hover {
    color:#fff;
    background:#181e29;
    border-color:rgba(20,100,235,0.35);
    transform:translateY(-3px);
    box-shadow:0 12px 26px rgba(0,0,0,0.55),0 4px 18px rgba(0,83,217,0.18);
}

.btn::after {
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,0.13) 50%,transparent 58%);
    background-size:260% 100%;
    background-position:190% 0;
    transition:background-position 0.55s ease;
    pointer-events:none;
}

.btn:hover::after {
    background-position:-90% 0;
}

.btn-primary {
    background:#0053d9;
    color:#fff;
    border:1px solid rgba(255,255,255,0.14);
    box-shadow:0 6px 18px rgba(0,0,0,0.4),0 4px 22px rgba(0,83,217,0.45);
}

.btn-primary:hover {
    background:#0b62f0;
    border-color:rgba(255,255,255,0.2);
    box-shadow:0 14px 30px rgba(0,0,0,0.5),0 6px 30px rgba(0,83,217,0.6);
}

.btn-secondary {
    background:#101318;
}

.btn-secondary:hover {
    background:#151b26;
}

.price-box.highlight {
    background:var(--gui-header);
    border-color:var(--gui-border);
}

.field input,
.field textarea {
    background:#101010;
}

.nav-links {
    gap:4px;
}

.nav-links>a:not(.btn),
.nav-links>a {
    font-family:var(--font-sans);
    font-size:0.93rem;
    font-weight:500;
    letter-spacing:0.2px;
    text-transform:none;
    color:#c3cbdc;
    padding:8px 15px;
    border-radius:8px;
    transition:background 0.2s ease,color 0.2s ease;
}

.nav-links>a:hover,
.nav-links>a:not(.btn):hover {
    color:#fff;
    background:rgba(255,255,255,0.07);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.nav-links>a.active {
    color:#fff;
    background:rgba(255,255,255,0.05);
}

.nav-links>a.nav-pill {
    background:rgba(255,255,255,0.08);
    color:#fff;
    border:1px solid rgba(255,255,255,0.09);
}

.nav-links>a.nav-pill:hover {
    background:rgba(96,170,255,0.14);
}

body {
    background-image:linear-gradient(rgba(96,170,255,0.030) 1px,transparent 1px),linear-gradient(90deg,rgba(96,170,255,0.030) 1px,transparent 1px);
    background-size:46px 46px;
    background-attachment:fixed;
}

.bg-shadow {
    filter:blur(110px);
}

.navbar {
    background:transparent;
    border-bottom:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    padding:14px 16px 0;
}

.nav-content {
    background:linear-gradient(135deg,rgba(19,23,33,0.92),rgba(11,13,20,0.88));
    border:1px solid #232a3a;
    border-radius:12px;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:0 0 30px 2px rgba(4,7,14,0.85),0 0 26px rgba(15,108,245,0.07);
    height:58px;
    padding:0 10px 0 16px;
}

.navbar.pl {
    transform:translateY(-24px);
}

.navbar.pl {
    transform:translateY(-30px);
    filter:blur(8px);
}

.btn-primary::after {
    animation:btn-sheen 3.6s ease-in-out infinite 1.2s;
}

html,
body {
    overflow-x:hidden;
}

.log-body li::before {
    color:var(--accent-text);
}

.nav-links>a.nav-pill:hover {
    background:rgba(0,83,217,0.24);
}

.btn-primary::after {
    background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,0.22) 50%,transparent 58%);
    background-size:260% 100%;
}

.btn::before {
    inset:auto;
    top:-9px;
    right:-9px;
    bottom:9px;
    left:9px;
}

.btn::before {
    clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 9px) 100%,calc(100% - 9px) 9px,0 9px);
}

.navbar {
    padding:0;
}

.nav-content {
    max-width:none;
    width:100%;
    height:76px;
    border-radius:0;
    border:none;
    border-bottom:1px solid rgba(255,255,255,0.06);
    background:rgba(6,9,18,0.78);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    box-shadow:0 10px 40px rgba(0,0,0,0.35);
    padding:0 44px;
}

.nav-links {
    gap:8px;
}

.nav-links>a,
.nav-links>a:not(.btn) {
    font-size:1.04rem;
    padding:10px 18px;
}

.container {
    max-width:1200px;
}

.nav-content {
    height:84px;
    padding:0 26px;
}

.nav-links {
    gap:10px;
}

.nav-links>a,
.nav-links>a:not(.btn) {
    font-size:1.07rem;
    padding:11px 20px;
}

body {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.45 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(115deg,transparent 42%,rgba(0,70,190,0.05) 50%,transparent 58%),linear-gradient(245deg,transparent 40%,rgba(70,130,255,0.04) 52%,transparent 64%);
    background-size:140px 140px,100% 100%,100% 100%;
    background-attachment:fixed;
}

body::before {
    background:linear-gradient(to bottom,#05070f 0%,rgba(7,11,22,0) 100%);
}

body::after {
    background:linear-gradient(to top,#05070f 0%,rgba(7,11,22,0) 100%);
}

.nav-content {
    background:rgba(6,9,17,0.35);
    border-bottom:1px solid rgba(255,255,255,0.04);
    box-shadow:none;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.nav-links>a,
.nav-links>a:not(.btn) {
    color:#98a2b8;
    font-weight:500;
}

.nav-links>a:hover,
.nav-links>a.active {
    color:#fff;
}

.nav-links>a.active {
    background:rgba(255,255,255,0.06);
}

.nav-links>a.nav-pill {
    background:#eef2f8;
    color:#0a0f1c;
    border:none;
    font-weight:600;
    border-radius:999px;
    padding:11px 24px;
}

.nav-links>a.nav-pill:hover {
    background:#ffffff;
    color:#0a0f1c;
}

.gui-card::before,
.price-box::before,
.auth-card::before,
.log-entry::before,
.cta-banner::before,
.faq-item::before,
.acc-item::before,
.btn::before,
.t-card::before {
    animation:dots-crawl 5s linear infinite;
}

.btn {
    border-radius:10px;
}

.gui-card::before,
.price-box::before,
.auth-card::before,
.log-entry::before,
.cta-banner::before,
.faq-item::before,
.acc-item::before,
.t-card::before {
    border-radius:14px;
}

.btn::before {
    border-radius:12px;
}

.nav-content {
    background:transparent;
    border-bottom:none;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    gap:26px;
}

.nav-links {
    flex:1;
    align-items:center;
}

.nav-spacer {
    flex:1;
}

.nav-links>a.nav-ghost {
    color:#cfd6e4;
}

.nav-links>a.nav-ghost:hover {
    color:#fff;
    background:rgba(255,255,255,0.06);
}

.field textarea {
    resize:vertical;
    min-height:74px;
    line-height:1.55;
}

.field input[type="file"] {
    cursor:pointer;
    padding:9px 12px;
}

.field input[type="file"]::file-selector-button {
    font-family:var(--font-mono);
    font-size:0.66rem;
    font-weight:700;
    letter-spacing:1.2px;
    color:#fff;
    background:rgba(0,83,217,0.25);
    border:1px solid rgba(0,83,217,0.5);
    border-radius:4px;
    padding:7px 13px;
    margin-right:12px;
    cursor:pointer;
}

.mod-panel-body {
    flex:1;
    padding:9px 13px 12px;
    display:flex;
    flex-direction:column;
    gap:2px;
    overflow:hidden;
}

.mp-select {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
    padding:11px 10px 12px;
    border-radius:10px;
    background:rgba(0,0,0,0.42);
    border:1px solid rgba(255,255,255,0.045);
    box-shadow:inset 0 2px 6px rgba(0,0,0,0.55);
    margin:4px 0 10px;
}

.mp-select-label {
    font-size:0.74rem;
    color:#c9d4e3;
    margin-bottom:1px;
}

.btn-ghost {
    background:transparent;
    border:1px solid rgba(255,255,255,0.14);
    color:#dbe6f5;
}

.btn-ghost:hover {
    border-color:rgba(79,141,255,0.6);
    color:#fff;
    background:rgba(0,83,217,0.12);
}

.site-footer {
    border-top:1px solid rgba(255,255,255,0.06);
    margin-top:70px;
    padding-top:52px;
}

.btn {
    font-family:var(--font-sans);
    font-size:0.92rem;
    font-weight:500;
    letter-spacing:0;
    text-transform:none;
    border-radius:9px;
    padding:12px 22px;
    transition:background 0.28s var(--ease-aiden),border-color 0.28s var(--ease-aiden),color 0.28s var(--ease-aiden),transform 0.28s var(--ease-aiden);
}

.btn:hover {
    transform:translateY(-2px);
}

.btn-primary {
    background:var(--accent);
    border:1px solid var(--accent);
    color:#fff;
    box-shadow:none;
}

.btn-primary:hover {
    background:#0b62f0;
    border-color:#0b62f0;
}

.btn-secondary {
    background:#12151d;
    border:1px solid rgba(255,255,255,0.1);
    color:#dbe6f5;
}

.btn-secondary:hover {
    border-color:rgba(79,141,255,0.55);
    color:#fff;
}

.price-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;
    max-width:820px;
    margin:42px auto 0;
}

.price-card {
    position:relative;
    background:#07080c;
    border:1px solid rgba(255,255,255,0.055);
    border-radius:12px;
    padding:28px 26px 30px;
    display:flex;
    flex-direction:column;
    transition:border-color 0.4s var(--ease-aiden),transform 0.4s var(--ease-aiden);
}

.price-card:hover {
    border-color:rgba(79,141,255,0.4);
    transform:translateY(-3px);
}

.price-card.is-featured {
    border-color:rgba(79,141,255,0.34);
}

.price-flag {
    position:absolute;
    top:-10px;
    right:20px;
    font-size:0.66rem;
    font-weight:500;
    padding:4px 11px;
    border-radius:20px;
    background:var(--accent);
    color:#fff;
}

.price-name {
    font-size:1.12rem;
    font-weight:700;
    color:#fff;
    margin:0 0 6px;
}

.price-note {
    font-size:0.86rem;
    color:var(--text-dim);
    margin:0 0 20px;
}

.price-tag {
    display:flex;
    align-items:baseline;
    gap:3px;
    margin-bottom:22px;
}

.price-cur {
    font-size:1.1rem;
    font-weight:500;
    color:var(--accent-text);
}

.price-num {
    font-family:var(--font-display);
    font-size:2.5rem;
    font-weight:700;
    color:#fff;
    line-height:1;
}

.price-per {
    font-size:0.84rem;
    color:var(--text-dim);
    margin-left:3px;
}

.price-list {
    list-style:none;
    margin:0 0 24px;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:11px;
    flex:1;
}

.price-list li {
    position:relative;
    padding-left:22px;
    font-size:0.88rem;
    color:var(--text-dim);
}

.price-list li::before {
    content:'';
    position:absolute;
    left:0;
    top:6px;
    width:12px;
    height:7px;
    border-left:2px solid var(--accent-text);
    border-bottom:2px solid var(--accent-text);
    transform:rotate(-45deg);
}

.has-backdrop>.container {
    position:relative;
    z-index:1;
}

.btn::before {
    content:none !important;
}

.btn-primary,
.closing-btn {
    position:relative;
    overflow:visible;
}

.btn-primary::before,
.closing-btn::before {
    content:'' !important;
    position:absolute;
    top:-5px;
    right:-5px;
    bottom:5px;
    left:5px;
    z-index:-1;
    border-radius:5px;
    background-color:transparent;
    background-image:radial-gradient(rgba(30,110,245,0.75) 0.65px,transparent 1px);
    background-size:4px 4px;
    background-position:1px 1px;
    clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 5px) 100%,calc(100% - 5px) 5px,0 5px);
    opacity:0;
    transition:opacity 0.32s ease;
    pointer-events:none;
}

.btn-primary:hover::before,
.closing-btn:hover::before {
    opacity:0.75;
}

.btn-secondary,
.btn-ghost {
    transition:background 0.28s var(--ease-aiden),border-color 0.28s var(--ease-aiden),color 0.28s var(--ease-aiden),transform 0.28s var(--ease-aiden),box-shadow 0.34s var(--ease-aiden);
}

.btn-secondary:hover,
.btn-ghost:hover {
    box-shadow:-9px 9px 20px rgba(0,0,0,0.55),-3px 3px 0 rgba(79,141,255,0.14);
}

.price-card.is-featured::before {
    content:'' !important;
    position:absolute;
    top:-13px;
    right:-13px;
    bottom:13px;
    left:13px;
    z-index:-1;
    border-radius:6px;
    background-image:radial-gradient(rgba(30,110,245,0.7) 0.9px,transparent 1.4px);
    background-size:6px 6px;
    background-position:1px 2px;
    clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 13px) 100%,calc(100% - 13px) 13px,0 13px);
    opacity:0;
    transition:opacity 0.4s ease;
    pointer-events:none;
}

.price-card.is-featured:hover::before {
    opacity:0.55;
}

body::before {
    content:'';
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:radial-gradient(680px circle at 14% 8%,rgba(21,74,176,0.30),transparent 62%),radial-gradient(760px circle at 86% 14%,rgba(15,60,150,0.26),transparent 64%),radial-gradient(900px circle at 50% 52%,rgba(12,48,128,0.20),transparent 66%),radial-gradient(700px circle at 10% 84%,rgba(18,66,165,0.22),transparent 62%),radial-gradient(820px circle at 92% 92%,rgba(14,54,140,0.24),transparent 64%);
}

.site-footer {
    margin-top:0;
    padding-top:40px;
}

body {
    background-color:var(--d-surface);
}

body::before {
    background:radial-gradient(ellipse 80% 120% at 50% 0%,rgba(0,83,217,0.16),transparent 65%),radial-gradient(ellipse 55% 80% at 50% 42%,rgba(0,83,217,0.13),rgba(0,83,217,0.04) 45%,transparent 72%);
}

body::after {
    content:'';
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:linear-gradient(rgba(60,110,227,0.055) 1px,transparent 0),linear-gradient(90deg,rgba(60,110,227,0.055) 1px,transparent 0);
    background-size:54px 54px;
    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 78%);
    mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 78%);
}

body,
p,
li {
    color:var(--d-dim);
}

.why-card h3,
.price-name,
.stat-big {
    color:var(--d-text);
}

.why-card p,
.price-note,
.price-list li,
.stat-cap,
.footer-tag,
.footer-links a,
.f-bottom p,
.f-bottom a,
.why-sub {
    color:var(--d-dim);
}

.why-card,
.price-card,
.cta-banner,
.stat-cell,
.why-cta {
    background:var(--d-card);
    border-color:var(--d-line);
    border-radius:0.75rem;
}

.why-card:hover,
.price-card:hover {
    background:#141416;
    border-color:rgba(0,83,217,0.5);
}

.btn {
    border-radius:0.5rem;
    font-weight:500;
    box-shadow:none;
}

.btn-primary,
.price-card .btn-primary,
.closing-btn {
    background:var(--d-blue) !important;
    background-image:none !important;
    border:1px solid var(--d-blue) !important;
    color:#fff !important;
    box-shadow:none !important;
}

.btn-primary:hover,
.price-card .btn-primary:hover {
    background:#0b62f0 !important;
    border-color:#0b62f0 !important;
}

.btn-secondary,
.btn-ghost {
    background:var(--d-card);
    background-image:none;
    border:1px solid var(--d-line);
    color:var(--d-text);
    box-shadow:none;
}

.btn-secondary:hover,
.btn-ghost:hover {
    background:#17171a;
    border-color:#2a2a30;
    color:#fff;
    box-shadow:none;
}

.price-flag {
    background:var(--d-blue);
    border-radius:999px;
}

.price-cur,
.price-per {
    color:var(--d-blue-lit);
}

.price-list li::before {
    border-color:var(--d-blue-lit);
}

.site-footer {
    border-top-color:var(--d-line);
}

body {
    background-color:var(--dm-bg);
}

body::before {
    background:radial-gradient(1100px circle at 50% 0%,rgba(47,107,255,0.07),transparent 62%);
}

.btn,
.btn-primary,
.btn-secondary,
.btn-ghost,
.closing-btn {
    background-image:none !important;
    box-shadow:none;
    border-radius:0.75rem;
    padding:0.875rem 1.25rem;
    font-size:0.95rem;
    font-weight:500;
    letter-spacing:0.02em;
    text-transform:none;
    transition:background-color 0.15s,border-color 0.15s,filter 0.15s,transform 0.1s;
}

.btn:hover {
    transform:none;
    filter:brightness(1.12);
}

.btn-primary {
    background-color:var(--dm-blue-deep) !important;
    border:1px solid transparent;
    color:#fff;
}

.btn-primary:hover {
    background-color:#2a55d6 !important;
    filter:none;
}

.btn-secondary,
.btn-ghost {
    background-color:transparent !important;
    border:1px solid var(--dm-line);
    color:var(--dm-text);
}

.btn-secondary:hover,
.btn-ghost:hover {
    background-color:rgba(47,107,255,0.1) !important;
    border-color:rgba(47,107,255,0.35);
    box-shadow:none;
}

.btn-primary::before,
.closing-btn::before {
    content:'' !important;
}

.why-card,
.why-cta,
.price-card,
.stat-cell,
.cta-banner {
    background:rgba(17,17,18,0.5) !important;
    border:1px solid var(--dm-line) !important;
    border-radius:0.75rem !important;
    box-shadow:none !important;
}

.why-card:hover,
.price-card:hover {
    background:rgba(21,21,23,0.92) !important;
    border-color:rgba(47,107,255,0.35) !important;
    transform:translateY(-2px);
}

.price-card.is-featured {
    border-color:rgba(47,107,255,0.35) !important;
}

body {
    color:var(--dm-text-2);
}

.why-title,
.closing-cta h2,
.price-num {
    color:var(--dm-text);
    font-weight:700;
}

.why-card h3,
.price-name {
    color:var(--dm-text);
    font-weight:600;
}

.why-card p,
.price-note,
.why-sub,
.price-list li,
.stat-cap,
.footer-tag {
    color:var(--dm-dim);
}

.price-cur,
.price-list li::before {
    color:var(--dm-blue);
}

.site-footer,
.f-bottom {
    border-color:var(--dm-line);
}

.btn-primary::after,
.closing-btn::after {
    content:none !important;
    animation:none !important;
}

body::after {
    content:'';
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:linear-gradient(rgba(90,130,210,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(90,130,210,0.055) 1px,transparent 1px);
    background-size:62px 62px;
    -webkit-mask-image:radial-gradient(ellipse 110% 85% at 50% 40%,#000 30%,transparent 78%);
    mask-image:radial-gradient(ellipse 110% 85% at 50% 40%,#000 30%,transparent 78%);
}

.price-card.is-featured::before,
.price-card::before,
.has-dots::before,
.why-card::before,
.stat-cell::before,
.cta-banner::before,
.why-cta::before {
    content:none !important;
}

.btn-primary::before,
.closing-btn::before {
    content:'' !important;
}

.why-card:hover,
.price-card:hover,
.stat-cell:hover {
    box-shadow:0 14px 34px var(--sh-blue),0 0 0 1px rgba(47,107,255,0.16) !important;
}

html {
    font-size:clamp(14px,0.55vw + 12px,19px);
}

.price-num {
    font-size:clamp(1.9rem,1.3rem + 1.9vw,2.6rem);
}

body::after {
    background-size:108px 108px;
    background-image:linear-gradient(rgba(90,130,210,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,130,210,0.07) 1px,transparent 1px);
    -webkit-mask-image:none;
    mask-image:none;
}

.site-footer {
    position:relative;
    z-index:5;
    background:var(--dm-bg);
}

body::before {
    background:radial-gradient(520px circle at 18% 22%,rgba(30,70,184,0.16),transparent 68%),radial-gradient(600px circle at 82% 30%,rgba(24,58,158,0.14),transparent 70%),radial-gradient(560px circle at 50% 72%,rgba(20,52,145,0.12),transparent 70%),radial-gradient(900px circle at 50% 0%,rgba(47,107,255,0.07),transparent 62%);
}

.btn-primary::before,
.closing-btn::before {
    content:'' !important;
    top:-7px;
    right:-7px;
    bottom:-7px;
    left:-7px;
    border-radius:1rem;
    clip-path:none;
    background-image:radial-gradient(rgba(79,141,255,0.85) 1.1px,transparent 1.6px);
    background-size:6px 6px;
    opacity:0;
    transform:translate(3px,3px);
    transition:opacity 0.28s ease,transform 0.28s var(--ease-aiden);
}

.btn-primary:hover::before,
.closing-btn:hover::before {
    opacity:0.9;
    transform:translate(6px,6px);
}

.why-card:hover,
.price-card:hover,
.stat-cell:hover {
    box-shadow:0 22px 52px var(--sh),0 0 0 1px rgba(79,141,255,0.18) !important;
}

.price-card {
    box-shadow:0 24px 56px var(--sh),inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.price-card.is-featured {
    box-shadow:0 28px 66px var(--sh),0 0 0 1px rgba(79,141,255,0.28),inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.btn::after,
.btn-secondary::after,
.btn-ghost::after {
    content:none !important;
    background:none !important;
    animation:none !important;
}

.btn-secondary,
.btn-ghost {
    background-image:none !important;
    background:var(--box) !important;
}

.btn-secondary:hover,
.btn-ghost:hover {
    background:#16181d !important;
    border-color:rgba(79,141,255,0.4) !important;
}

.why-card:hover,
.price-card:hover,
.stat-cell:hover {
    background:#101115 !important;
    border-color:rgba(79,141,255,0.34) !important;
}

.site-footer {
    background:var(--box) !important;
}

.site-footer {
    border-top:none !important;
}

#why .container>.stat-band {
    margin-top:clamp(30px,5vh,60px);
}

body::before,
body::after {
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    inset:0 !important;
    margin:0 !important;
    z-index:0;
    pointer-events:none;
}

body::after {
    background-color:transparent !important;
    background-image:linear-gradient(rgba(90,130,210,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,130,210,0.07) 1px,transparent 1px) !important;
    background-size:108px 108px !important;
    background-position:center center !important;
    background-repeat:repeat !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
}

body::before {
    background-color:transparent !important;
    background-image:radial-gradient(520px circle at 18% 22%,rgba(30,70,184,0.16),transparent 68%),radial-gradient(600px circle at 82% 30%,rgba(24,58,158,0.14),transparent 70%),radial-gradient(560px circle at 50% 72%,rgba(20,52,145,0.12),transparent 70%),radial-gradient(900px circle at 50% 0%,rgba(47,107,255,0.07),transparent 62%) !important;
    background-repeat:no-repeat !important;
}

.site-footer {
    position:relative;
    z-index:5;
}

.mid-band>.container,
.closing-cta>.container {
    position:relative;
    z-index:1;
}

.btn-primary::before {
    content:'' !important;
}

.site-footer {
    padding-top:clamp(34px,5vh,56px);
}

body::after {
    -webkit-mask-image:radial-gradient(58% 46% at 12% 8%,transparent 0%,#000 62%),radial-gradient(46% 38% at 78% 16%,transparent 0%,#000 58%),radial-gradient(52% 44% at 34% 44%,transparent 0%,#000 60%),radial-gradient(44% 40% at 88% 58%,transparent 0%,#000 56%),radial-gradient(60% 46% at 18% 74%,transparent 0%,#000 62%),radial-gradient(48% 40% at 62% 88%,transparent 0%,#000 58%),linear-gradient(#000,#000) !important;
    mask-image:radial-gradient(58% 46% at 12% 8%,transparent 0%,#000 62%),radial-gradient(46% 38% at 78% 16%,transparent 0%,#000 58%),radial-gradient(52% 44% at 34% 44%,transparent 0%,#000 60%),radial-gradient(44% 40% at 88% 58%,transparent 0%,#000 56%),radial-gradient(60% 46% at 18% 74%,transparent 0%,#000 62%),radial-gradient(48% 40% at 62% 88%,transparent 0%,#000 58%),linear-gradient(#000,#000) !important;
    -webkit-mask-composite:source-in;
    mask-composite:intersect;
}

.why-card::after,
.price-card::after,
.stat-cell::after,
.cta-banner::after,
.why-cta::after {
    content:'';
    position:absolute;
    inset:-34px;
    z-index:-1;
    border-radius:26px;
    background:radial-gradient(ellipse at center,rgba(6,8,14,0.95) 0%,rgba(6,8,14,0.7) 52%,transparent 74%);
    pointer-events:none;
}

.why-card::after,
.price-card::after,
.stat-cell::after,
.cta-banner::after,
.why-cta::after {
    content:none !important;
}

.why-card:hover,
.price-card:hover,
.stat-cell:hover {
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 4px 9px rgba(2,6,18,0.38),0 14px 28px rgba(2,6,18,0.42),0 34px 66px rgba(2,6,18,0.5),0 0 0 1px rgba(79,141,255,0.2),inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.price-card.is-featured {
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 4px 9px rgba(2,6,18,0.38),0 14px 28px rgba(2,6,18,0.42),0 34px 66px rgba(2,6,18,0.5),0 0 0 1px rgba(79,141,255,0.28),0 0 44px rgba(47,107,255,0.1),inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.btn-primary,
.closing-btn {
    isolation:isolate;
}

.btn-primary::before {
    background-image:radial-gradient(rgba(79,141,255,0.85) 1.1px,transparent 1.6px) !important;
    background-color:transparent !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    opacity:0;
}

.btn-primary:hover::before {
    opacity:0.9;
}

.btn-primary,
.closing-btn {
    isolation:auto;
}

.btn-primary::before {
    content:'' !important;
    position:absolute;
    inset:-11px;
    z-index:-1;
    border-radius:1.15rem;
    background-color:transparent;
    background-image:radial-gradient(rgba(79,141,255,0.9) 1.15px,transparent 1.65px);
    background-size:6px 6px;
    -webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.55) 38%,#000 72%),linear-gradient(#000,#000);
    mask-image:linear-gradient(135deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.55) 38%,#000 72%),linear-gradient(#000,#000);
    -webkit-mask-size:100% 100%,calc(100% - 22px) calc(100% - 22px);
    mask-size:100% 100%,calc(100% - 22px) calc(100% - 22px);
    -webkit-mask-position:center,center;
    mask-position:center,center;
    -webkit-mask-repeat:no-repeat,no-repeat;
    mask-repeat:no-repeat,no-repeat;
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:0;
    transform:translate(3px,3px);
    transition:opacity 0.26s ease,transform 0.26s var(--ease-aiden);
    pointer-events:none;
}

.btn-primary:hover::before {
    opacity:1;
    transform:translate(6px,6px);
}

#simulation>.container {
    max-width:1320px;
}

.field-opt {
    font-family:var(--font-mono);
    font-size:0.66rem;
    color:#6d6e75;
    margin-left:8px;
}

.btn-sm {
    padding:7px 13px;
    font-size:0.78rem;
}

.tik-reply textarea {
    width:100%;
    padding:10px 12px;
    border-radius:7px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    color:#e4e5e8;
    font-family:var(--font-sans);
    font-size:0.88rem;
    resize:vertical;
}

.tik-reply textarea:focus {
    outline:none;
    border-color:rgba(79,141,255,.45);
}

.redeem-form input {
    flex:1 1 220px;
    padding:12px 14px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    color:#e4e5e8;
    font-family:var(--font-mono);
    font-size:0.88rem;
    letter-spacing:0.05em;
}

.redeem-form input::placeholder {
    color:#6d6e75;
    letter-spacing:0.05em;
}

.redeem-form input:focus {
    outline:none;
    border-color:rgba(79,141,255,0.5);
}

.signin-form input {
    width:100%;
    padding:18px 20px;
    border-radius:10px;
    border:1px solid var(--box-line);
    background:var(--box);
    color:#e9eaee;
    font-family:var(--font-sans);
    font-size:1rem;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);
    transition:border-color 0.2s ease,box-shadow 0.2s ease;
}

.signin-form input::placeholder {
    color:#5c5d64;
}

.signin-form input:focus {
    outline:none;
    border-color:rgba(79,141,255,0.55);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.02),0 0 0 3px rgba(79,141,255,0.12);
}

.cookie-bar {
    position:fixed;
    left:20px;
    bottom:20px;
    z-index:8000;
    display:flex;
    align-items:center;
    gap:20px;
    max-width:780px;
    padding:20px 22px;
    border-radius:0.85rem;
    border:1px solid var(--box-line);
    background:rgba(6,6,8,0.95);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 4px 10px rgba(2,6,18,0.4),0 16px 34px rgba(2,6,18,0.46),0 40px 80px rgba(2,6,18,0.5);
    transform:translateY(14px);
    opacity:0;
    transition:transform 0.32s var(--ease-aiden),opacity 0.32s ease;
}

.cookie-bar.is-up {
    transform:translateY(0);
    opacity:1;
}

.cookie-text {
    margin:0;
    font-size:0.86rem;
    line-height:1.6;
    color:#e4e5e8;
}

.cookie-text a {
    color:var(--ie-blue);
    text-decoration:underline;
    text-underline-offset:3px;
}

.cookie-actions {
    display:flex;
    gap:8px;
    flex:none;
}

.nav-dash::after {
    content:'';
    display:inline-block;
    width:5px;
    height:5px;
    margin-left:7px;
    border-radius:999px;
    background:#3ecfa0;
    vertical-align:middle;
}

.btn.is-off {
    opacity:0.45;
    pointer-events:none;
}

.dcheck input {
    width:16px;
    height:16px;
    accent-color:var(--ie-blue);
    cursor:pointer;
}

.btn-eye,
.btn-plus {
    margin-right:7px;
    font-size:0.9em;
}

body::before {
    content:'';
    position:fixed !important;
    inset:0 !important;
    height:100dvh !important;
    z-index:-3;
    background-image:url('../assets/bg-shiny.svg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    pointer-events:none;
}

body::after {
    content:'';
    position:fixed !important;
    inset:0 !important;
    height:100dvh !important;
    z-index:-2;
    background:linear-gradient(180deg,rgba(3,5,10,0.86) 0%,rgba(2,4,8,0.90) 55%,rgba(1,2,5,0.93) 100%);
    pointer-events:none;
}

body {
    background-image:none !important;
    background-color:#05070c !important;
}

.bg-shadow {
    display:none !important;
}

body::after {
    background:radial-gradient(58% 44% at 22% 18%,rgba(32,86,210,0.20) 0%,transparent 70%),radial-gradient(52% 46% at 82% 72%,rgba(46,74,190,0.17) 0%,transparent 72%),linear-gradient(180deg,rgba(3,5,10,0.86) 0%,rgba(2,4,8,0.90) 55%,rgba(1,2,5,0.93) 100%) !important;
}

.btn-primary::before,
.closing-btn::before,
a.btn-primary::before {
    content:none !important;
}

.btn-primary,
.closing-btn {
    box-shadow:0 1px 1px rgba(0,0,0,0.45),0 2px 8px rgba(20,70,180,0.30),0 0 18px rgba(79,141,255,0.28),inset 0 1px 0 rgba(255,255,255,0.10) !important;
    transition:box-shadow 0.25s ease,transform 0.25s var(--ease-aiden) !important;
}

.btn-primary:hover,
.closing-btn:hover {
    box-shadow:0 1px 1px rgba(0,0,0,0.45),0 3px 12px rgba(20,70,180,0.40),0 0 30px rgba(79,141,255,0.45),inset 0 1px 0 rgba(255,255,255,0.14) !important;
    transform:translateY(-1px);
}

#cfg-body {
    font-family:var(--font-mono);
    font-size:0.8rem;
    line-height:1.5;
}

input:focus,
textarea:focus,
select:focus {
    border-color:#33343b !important;
    outline:none;
}

.tag-fix {
    border:1px solid rgba(245,181,68,.32) !important;
    background:rgba(245,181,68,.10) !important;
    color:#f5b544 !important;
}

.form-note.is-ok {
    color:#58d69b;
}

.form-note.is-bad {
    color:#ff7a7a;
}

/* NEUTRALIZE LOW-OPACITY BLUE RECTANGLE NOTICES (keep round tiles + hero glows) */
.form-note {
    border:1px solid var(--box-line) !important;
    background:#0b0b0d !important;
    border-radius:10px !important;
    color:#c8cad0 !important;
}
.form-note.is-ok { color:#58d69b !important; border-color:rgba(52,211,153,.3) !important; }
.form-note.is-bad,
.form-note.error { color:#ff7a7a !important; border-color:rgba(255,90,90,.35) !important; }
.info-banner,
.gen-note,
.code-banner,
.just-generated,
.admin-note,
.motd-bar,
.motd-preview {
    border:1px solid var(--box-line) !important;
    background:#0b0b0d !important;
    color:#c8cad0 !important;
}
html{scroll-behavior:smooth}
.dash-shell .dview-wrap,.dview-wrap{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html,.dview-wrap{scroll-behavior:auto}}


/* ===== HERO ===== */

.hero {
    padding:50px 20px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.hero-desc {
    color:var(--text-dim);
    font-size:1.1rem;
}

.hero-split {
    position:relative;
    z-index:10;
    padding:72px 0 30px;
}

.hero-grid {
    display:grid;
    grid-template-columns:1.12fr 0.88fr;
    gap:44px;
    align-items:center;
}

.hero-title {
    font-size:clamp(2.3rem,5.2vw,3.5rem);
    line-height:1.05;
    letter-spacing:-1px;
    margin:14px 0 18px;
}

.hero-title .accent {
    color:var(--accent);
}

.hero-copy .hero-desc {
    max-width:50ch;
}

.hero-actions {
    display:flex;
    gap:14px;
    margin-top:30px;
    flex-wrap:wrap;
}

.hero-stats {
    display:flex;
    gap:38px;
    margin-top:40px;
    padding-top:24px;
    border-top:1px solid var(--gui-border);
    flex-wrap:wrap;
}

.hero-visual {
    position:relative;
    height:clamp(380px,52vh,560px);
}

.hero-visual::after {
    content:'';
    position:absolute;
    left:50%;
    bottom:0;
    width:72%;
    height:46px;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at center,rgba(15,108,245,0.2),transparent 68%);
    filter:blur(8px);
    pointer-events:none;
}

.section-head .hero-desc {
    margin-top:8px;
}

.hero-logo {
    position:absolute;
    inset:0;
    margin:auto;
    max-height:84%;
    max-width:78%;
    object-fit:contain;
    filter:drop-shadow(0 0 38px rgba(15,108,245,0.35)) drop-shadow(0 0 90px rgba(15,108,245,0.16));
    animation:floaty 7s ease-in-out infinite;
}

.loader-grid {
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:46px;
    align-items:center;
}

.loader-stage {
    perspective:1200px;
    display:flex;
    justify-content:center;
}

.loader-shot {
    width:min(600px,100%);
    display:block;
    border:1px solid #232a3a;
    border-radius:6px;
    transform:rotateX(7deg) rotateY(-13deg) rotateZ(1.2deg);
    box-shadow:0 34px 90px rgba(0,0,0,0.6),0 0 70px rgba(15,108,245,0.13);
    transition:transform 0.6s var(--ease-out),box-shadow 0.4s ease;
}

.loader-stage:hover .loader-shot {
    transform:rotateX(2deg) rotateY(-5deg) scale(1.07) translateY(-10px);
    box-shadow:0 46px 110px rgba(0,0,0,0.65),0 0 110px rgba(15,108,245,0.30);
}

.hero-stats {
    border-top:none;
    padding-top:10px;
}

.hero-logo {
    animation:floaty 7s ease-in-out infinite,logo-glow 5s ease-in-out infinite;
}

.hero-title .l1,
.hero-title .l2 {
    display:inline-block;
}

.hero-title .l1 {
    animation:line-left 1s var(--ease-aiden) 0.18s both;
}

.hero-title .l2 {
    animation:line-right 1s var(--ease-aiden) 0.36s both;
}

.loader-stage {
    animation:loader-bob 6.5s ease-in-out infinite;
}

.hero-stats>div:hover .stat-value {
    transform:translateY(-4px) scale(1.06);
}

.hero-slider {
    position:relative;
    width:100%;
    max-width:560px;
    aspect-ratio:16 / 9;
    margin:auto;
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 30px 70px rgba(0,0,0,0.55),0 0 60px rgba(0,83,217,0.22);
    overflow:hidden;
    background:#000;
}

.hero-slider video {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transform:scale(1.04);
    transition:opacity 0.55s var(--ease-aiden),transform 0.55s var(--ease-aiden);
    pointer-events:none;
}

.hero-slider video.on {
    opacity:1;
    transform:scale(1);
}

.hero-grid {
    gap:70px;
}

.loader-grid {
    gap:64px;
}

.hero-logo-vid {
    position:absolute;
    inset:0;
    margin:auto;
    max-height:96%;
    max-width:96%;
    mix-blend-mode:screen;
    pointer-events:none;
}

.hero-logo-card {
    position:absolute;
    inset:0;
    margin:auto;
    width:min(460px,92%);
    aspect-ratio:1 / 1;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:radial-gradient(120% 120% at 50% 38%,#0a101f 0%,#04060c 78%);
    border:1px solid transparent;
    background-clip:padding-box;
    box-shadow:0 34px 80px rgba(0,0,0,0.6),0 0 60px rgba(0,83,217,0.16);
    transition:transform 0.35s var(--ease-out),box-shadow 0.35s ease;
}

.hero-logo-card::after {
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:19px;
    padding:1px;
    background:linear-gradient(135deg,rgba(0,83,217,0.55),rgba(120,170,255,0.65),rgba(0,83,217,0.55));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}

.hero-logo-card img {
    width:74%;
    height:74%;
    object-fit:contain;
    filter:drop-shadow(0 0 30px rgba(0,83,217,0.4));
    transition:transform 0.35s var(--ease-out);
}

.hero-logo-card:hover {
    transform:translateY(-10px) scale(1.045);
    box-shadow:0 44px 100px rgba(0,0,0,0.65),0 0 90px rgba(0,83,217,0.32);
}

.hero-logo-card:hover img {
    transform:scale(1.07);
}

.loader-stage {
    position:relative;
}

.mod-rail {
    position:absolute;
    top:50%;
    right:-4%;
    width:232px;
    height:322px;
    transform-style:preserve-3d;
    transform:translateY(-50%) rotateX(7deg) rotateY(-13deg) rotateZ(1.2deg) translateZ(70px);
    transition:transform 0.6s var(--ease-out);
    pointer-events:auto;
    z-index:3;
}

.loader-stage:hover .mod-rail {
    transform:translateY(-50%) rotateX(2deg) rotateY(-5deg) scale(1.07) translateY(-10px) translateZ(90px);
}

.mod-rail {
    --mp-blue:#2f7dff;
    width:248px;
    height:432px;
}

.loader-stage {
    position:relative;
}

.stage-face {
    transform-style:preserve-3d;
    transition:opacity 0.72s var(--ease-aiden),transform 0.72s var(--ease-aiden),filter 0.72s var(--ease-aiden);
}

.stage-face[data-face="modules"] {
    position:relative;
    display:flex;
    justify-content:center;
}

.stage-face[data-face="shots"] {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.stage-face:not(.is-on) {
    opacity:0;
    pointer-events:none;
    transform:rotateY(-16deg) scale(0.93);
    filter:blur(9px);
}

.stage-face.is-on {
    opacity:1;
    pointer-events:auto;
    transform:rotateY(0) scale(1);
    filter:blur(0);
}

.shot-trio {
    position:relative;
    width:100%;
    max-width:680px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    transform-style:preserve-3d;
}

.shot-card {
    position:absolute;
    margin:0;
    aspect-ratio:16 / 9;
    border-radius:11px;
    overflow:hidden;
    border:1px solid rgba(80,120,200,0.22);
    background:#05070d;
    transition:transform 0.72s var(--ease-aiden),filter 0.72s var(--ease-aiden),opacity 0.42s var(--ease-aiden);
}

.shot-card img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.shot-card[data-slot="1"] {
    width:66%;
    z-index:3;
    transform:rotateX(6deg) rotateY(-9deg) rotateZ(0.8deg) translateZ(70px);
    box-shadow:0 34px 88px rgba(0,0,0,0.62),0 0 68px rgba(15,108,245,0.15);
}

.shot-card[data-slot="0"],
.shot-card[data-slot="2"] {
    width:50%;
    z-index:2;
    filter:brightness(0.42) saturate(0.75) blur(1.2px);
    box-shadow:0 22px 60px rgba(0,0,0,0.55);
}

.shot-card[data-slot="0"] {
    left:0;
    transform:translateX(-14%) rotateX(6deg) rotateY(20deg) scale(0.9);
}

.shot-card[data-slot="2"] {
    right:0;
    transform:translateX(14%) rotateX(6deg) rotateY(-20deg) scale(0.9);
}

.shot-trio.is-swapping .shot-card {
    opacity:0;
}

.loader-stage:hover .shot-card[data-slot="1"] {
    transform:rotateX(2deg) rotateY(-4deg) scale(1.05) translateZ(90px);
}

.orbit {
    position:relative;
    width:min(440px,92vw);
    aspect-ratio:1;
    margin:40px auto 10px;
}

.orbit-ring {
    position:absolute;
    inset:0;
    animation:orbit-spin 46s linear infinite;
}

.orbit-spokes {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:visible;
}

.orbit-spokes line {
    stroke:rgba(79,141,255,0.3);
    stroke-width:1.5;
    stroke-dasharray:4 7;
    stroke-linecap:round;
    animation:spoke-crawl 2.4s linear infinite;
}

.orbit-node {
    position:absolute;
    top:50%;
    left:50%;
    width:66px;
    height:66px;
    margin:-33px 0 0 -33px;
    transform:rotate(calc(var(--i) * 51.4286deg)) translateY(-168px);
}

.orbit-badge {
    width:100%;
    height:100%;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(circle at 32% 26%,#16233f 0%,#0a1128 62%,#070c1c 100%);
    border:1px solid rgba(79,141,255,0.3);
    box-shadow:0 10px 26px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.05);
    animation:orbit-spin 46s linear infinite reverse;
    transition:border-color 0.35s var(--ease-aiden),box-shadow 0.35s var(--ease-aiden);
}

.orbit-node:hover .orbit-badge {
    border-color:rgba(79,141,255,0.75);
    box-shadow:0 12px 32px rgba(0,0,0,0.6),0 0 26px rgba(15,108,245,0.4);
}

.orbit-badge img {
    width:62%;
    height:62%;
    object-fit:contain;
    display:block;
}

.orbit-core {
    position:absolute;
    top:50%;
    left:50%;
    width:118px;
    height:118px;
    margin:-59px 0 0 -59px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(circle at 40% 32%,#12203c 0%,#0a1026 60%,#060a18 100%);
    border:1px solid rgba(79,141,255,0.4);
    box-shadow:0 0 60px rgba(15,108,245,0.22),inset 0 1px 0 rgba(255,255,255,0.06);
    z-index:2;
}

.orbit-core::after {
    content:'';
    position:absolute;
    inset:-14px;
    border-radius:50%;
    border:1px solid rgba(79,141,255,0.14);
    animation:core-pulse 3.6s ease-in-out infinite;
}

.orbit-core img {
    width:62%;
    height:62%;
    object-fit:contain;
}

.shot-trio.is-advancing .shot-card {
    transition:transform 0.38s var(--ease-aiden),filter 0.38s var(--ease-aiden),opacity 0.38s var(--ease-aiden);
}

.shot-trio.is-advancing .shot-card[data-slot="0"] {
    opacity:0;
    transform:translateX(-32%) rotateX(6deg) rotateY(26deg) scale(0.78);
}

.shot-trio.is-advancing .shot-card[data-slot="1"] {
    transform:translateX(-14%) rotateX(6deg) rotateY(20deg) scale(0.9);
    filter:brightness(0.42) saturate(0.75) blur(1.2px);
    z-index:2;
}

.shot-trio.is-advancing .shot-card[data-slot="2"] {
    transform:rotateX(6deg) rotateY(-9deg) rotateZ(0.8deg) translateZ(70px);
    filter:none;
    z-index:3;
}

.shot-trio.is-reseating .shot-card {
    transition:none !important;
}

.hero-stage {
    position:relative;
    width:100%;
    min-height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
    perspective:1200px;
}

.hero-stage>.stage-face {
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-stage .orbit {
    margin:0;
    width:min(400px,88%);
}

.hero-stage .loader-shot {
    width:min(520px,96%);
}

.hero-stage .mod-rail {
    right:-2%;
}

.hero-stage .shot-trio {
    max-width:560px;
}

.hero-stage .hero-logo {
    max-width:min(360px,80%);
    height:auto;
}

.orbit-core {
    cursor:pointer;
    outline:none;
}

.orbit-core:focus-visible {
    box-shadow:0 0 0 3px rgba(79,141,255,0.55);
}

.orbit.is-lit .orbit-core {
    border-color:rgba(79,141,255,0.85);
    box-shadow:0 0 90px rgba(15,108,245,0.5),inset 0 1px 0 rgba(255,255,255,0.1);
}

.orbit.is-lit .orbit-spokes line {
    stroke:rgba(79,141,255,0.7);
}

.orbit.is-lit .orbit-badge {
    border-color:rgba(79,141,255,0.6);
}

.orbit.is-jolting .orbit-core {
    animation:core-jolt 0.62s var(--ease-aiden);
}

.orbit.is-jolting .orbit-spokes {
    animation:spoke-jolt 0.62s var(--ease-aiden) 0.05s;
}

.orbit.is-jolting .orbit-badge {
    animation:badge-jolt 0.62s var(--ease-aiden) 0.1s,orbit-spin 46s linear infinite reverse;
}

.orbit-badge img {
    animation:badge-selfspin 18s linear infinite;
}

.orbit.is-lit .orbit-badge img {
    animation-duration:6s;
}

.shot-trio {
    cursor:pointer;
}

.shot-trio.is-reversing .shot-card {
    transition:transform 0.38s var(--ease-aiden),filter 0.38s var(--ease-aiden),opacity 0.38s var(--ease-aiden);
}

.shot-trio.is-reversing .shot-card[data-slot="2"] {
    opacity:0;
    transform:translateX(32%) rotateX(6deg) rotateY(-26deg) scale(0.78);
}

.shot-trio.is-reversing .shot-card[data-slot="1"] {
    transform:translateX(14%) rotateX(6deg) rotateY(-20deg) scale(0.9);
    filter:brightness(0.42) saturate(0.75) blur(1.2px);
    z-index:2;
}

.shot-trio.is-reversing .shot-card[data-slot="0"] {
    transform:rotateX(6deg) rotateY(-9deg) rotateZ(0.8deg) translateZ(70px);
    filter:none;
    z-index:3;
}

.hero-split {
    padding-top:70px;
    padding-bottom:130px;
    min-height:92vh;
}

.hero-grid {
    align-items:center;
}

.hero-stage {
    min-height:520px;
}

.stage-face[data-face="modules"] .loader-shot,
.stage-face[data-face="modules"] .mod-rail {
    transition:transform 0.72s var(--ease-aiden),box-shadow 0.5s ease;
}

.hero-stage:hover .stage-face[data-face="modules"] .loader-shot {
    transform:rotateX(4deg) rotateY(-8deg) translateX(-7%) scale(1.02);
}

.hero-stage:hover .stage-face[data-face="modules"] .mod-rail {
    transform:translateY(-50%) rotateX(4deg) rotateY(-8deg) translateX(26%) translateZ(90px) scale(1.04);
}

.hero-stage .shot-trio {
    max-width:720px;
}

.shot-card[data-slot="1"] {
    width:74%;
}

.shot-card[data-slot="0"],
.shot-card[data-slot="2"] {
    width:56%;
}

.shot-trio.is-advancing .shot-card,
.shot-trio.is-reversing .shot-card {
    transition:transform 0.62s cubic-bezier(0.33,0.9,0.28,1),filter 0.62s ease,opacity 0.62s ease;
}

.orbit-spin {
    position:absolute;
    inset:0;
}

.orbit.is-waving .orbit-spin {
    animation:orbit-burst 1.4s cubic-bezier(0.3,0.9,0.25,1);
}

.orbit-badge::after {
    content:'';
    position:absolute;
    inset:-3px;
    border-radius:50%;
    border:1px solid rgba(79,141,255,0);
    box-shadow:0 0 0 0 rgba(15,108,245,0);
    pointer-events:none;
}

.orbit.is-waving .orbit-badge::after {
    animation:badge-ripple 0.9s ease calc(var(--i) * 95ms);
}

.orbit.is-waving .orbit-core {
    animation:core-flash 0.9s ease;
}

.orbit-core {
    cursor:pointer;
}

.hero-split {
    min-height:100vh;
    display:flex;
    align-items:center;
    padding-top:96px;
    padding-bottom:96px;
}

.hero-split>.container {
    width:100%;
}

.hero-grid {
    gap:40px;
    align-items:center;
}

.hero-stage {
    min-height:640px;
}

.hero-stage .hero-logo {
    max-width:min(460px,92%);
}

.hero-stage .orbit {
    width:min(500px,96%);
}

.hero-stage .loader-shot {
    width:min(640px,100%);
}

.hero-stage .shot-trio {
    max-width:860px;
}

.hero-stage .mod-rail {
    width:268px;
    height:468px;
}

.hero-title {
    font-size:clamp(2.6rem,5.6vw,4.1rem);
}

.hero-desc {
    font-size:1.03rem;
    max-width:33rem;
}

.hero-split>.container {
    max-width:1560px;
}

.hero-grid {
    grid-template-columns:0.86fr 1.14fr;
    gap:56px;
}

.hero-visual {
    height:auto;
    min-height:0;
}

.hero-stage {
    min-height:min(74vh,760px);
}

.hero-stage .hero-logo {
    max-width:min(560px,92%);
}

.hero-stage .orbit {
    width:min(620px,96%);
}

.hero-stage .loader-shot {
    width:min(820px,100%);
}

.hero-stage .shot-trio {
    max-width:min(1040px,100%);
}

.hero-stage .mod-rail {
    width:292px;
    height:520px;
    right:-6%;
}

.hero-stage .shot-card[data-slot="1"] {
    width:78%;
}

.hero-stage .shot-card[data-slot="0"],
.hero-stage .shot-card[data-slot="2"] {
    width:58%;
}

.hero-visual::after {
    width:var(--glow-w,62%);
    height:var(--glow-h,54px);
    opacity:var(--glow-o,1);
    background:radial-gradient(ellipse at center,rgba(15,108,245,0.26),transparent 68%);
    filter:blur(12px);
    transition:width 0.72s var(--ease-aiden),height 0.72s var(--ease-aiden),opacity 0.72s var(--ease-aiden);
}

.hero-visual[data-showing="logo"]::after {
    --glow-w:44%;
    --glow-h:46px;
    --glow-o:0.85;
}

.hero-visual[data-showing="orbit"]::after {
    --glow-w:56%;
    --glow-h:58px;
    --glow-o:1;
}

.hero-visual[data-showing="modules"]::after {
    --glow-w:78%;
    --glow-h:60px;
    --glow-o:0.9;
}

.hero-visual[data-showing="shots"]::after {
    --glow-w:92%;
    --glow-h:66px;
    --glow-o:1;
}

.hero-desc {
    color:var(--d-dim);
}

.shot-trio {
    overflow:visible;
}

.shot-card {
    left:50%;
    right:auto;
    top:50%;
    transition:transform 0.72s cubic-bezier(0.32,0.72,0.24,1),filter 0.72s ease,opacity 0.72s ease;
    will-change:transform,opacity;
    backface-visibility:hidden;
}

.hero-stage .shot-card[data-slot="1"],
.shot-card[data-slot="1"] {
    width:62%;
    z-index:3;
    transform:translate(-50%,-50%) rotateX(5deg) rotateY(-8deg) rotateZ(0.6deg) translateZ(60px);
}

.hero-stage .shot-card[data-slot="0"],
.hero-stage .shot-card[data-slot="2"],
.shot-card[data-slot="0"],
.shot-card[data-slot="2"] {
    width:48%;
    z-index:2;
    filter:brightness(0.4) saturate(0.7);
}

.shot-card[data-slot="0"] {
    transform:translate(-96%,-50%) rotateX(5deg) rotateY(17deg) scale(0.88);
}

.shot-card[data-slot="2"] {
    transform:translate(-4%,-50%) rotateX(5deg) rotateY(-17deg) scale(0.88);
}

.loader-stage:hover .shot-card[data-slot="1"],
.hero-stage:hover .shot-card[data-slot="1"] {
    transform:translate(-50%,-50%) rotateX(2deg) rotateY(-4deg) scale(1.04) translateZ(80px);
}

.shot-trio.is-advancing .shot-card,
.shot-trio.is-reversing .shot-card {
    transition:transform 0.72s cubic-bezier(0.32,0.72,0.24,1),filter 0.72s ease,opacity 0.72s ease;
}

.shot-trio.is-advancing .shot-card[data-slot="0"] {
    opacity:0;
    transform:translate(-120%,-50%) rotateX(5deg) rotateY(22deg) scale(0.8);
}

.shot-trio.is-advancing .shot-card[data-slot="1"] {
    transform:translate(-96%,-50%) rotateX(5deg) rotateY(17deg) scale(0.88);
    filter:brightness(0.4) saturate(0.7);
    z-index:2;
}

.shot-trio.is-advancing .shot-card[data-slot="2"] {
    transform:translate(-50%,-50%) rotateX(5deg) rotateY(-8deg) rotateZ(0.6deg) translateZ(60px);
    filter:none;
    z-index:3;
}

.shot-trio.is-reversing .shot-card[data-slot="2"] {
    opacity:0;
    transform:translate(20%,-50%) rotateX(5deg) rotateY(-22deg) scale(0.8);
}

.shot-trio.is-reversing .shot-card[data-slot="1"] {
    transform:translate(-4%,-50%) rotateX(5deg) rotateY(-17deg) scale(0.88);
    filter:brightness(0.4) saturate(0.7);
    z-index:2;
}

.shot-trio.is-reversing .shot-card[data-slot="0"] {
    transform:translate(-50%,-50%) rotateX(5deg) rotateY(-8deg) rotateZ(0.6deg) translateZ(60px);
    filter:none;
    z-index:3;
}

.hero-stage .shot-trio,
.shot-trio {
    max-width:min(980px,100%);
    overflow:visible;
}

.shot-card,
.hero-stage .shot-card {
    filter:none !important;
}

.shot-card {
    will-change:transform,opacity;
    backface-visibility:hidden;
    transform-origin:50% 50%;
    transition:transform 0.62s cubic-bezier(0.4,0.85,0.3,1),opacity 0.5s ease;
}

.shot-card::after {
    content:'';
    position:absolute;
    inset:0;
    background:#04060c;
    opacity:var(--dim,0);
    transition:opacity 0.62s ease;
    pointer-events:none;
}

.hero-stage .shot-card[data-slot="1"],
.shot-card[data-slot="1"] {
    width:60%;
    left:20%;
    right:auto;
    z-index:3;
    --dim:0;
    transform:rotateX(5deg) rotateY(-7deg) translateZ(60px);
}

.hero-stage .shot-card[data-slot="0"],
.shot-card[data-slot="0"] {
    width:44%;
    left:0;
    right:auto;
    z-index:2;
    --dim:0.58;
    transform:rotateX(5deg) rotateY(17deg) scale(0.92);
}

.hero-stage .shot-card[data-slot="2"],
.shot-card[data-slot="2"] {
    width:44%;
    left:auto;
    right:0;
    z-index:2;
    --dim:0.58;
    transform:rotateX(5deg) rotateY(-17deg) scale(0.92);
}

.shot-trio.is-advancing .shot-card[data-slot="0"] {
    opacity:0;
    transform:translateX(-40%) rotateX(5deg) rotateY(24deg) scale(0.8);
}

.shot-trio.is-advancing .shot-card[data-slot="1"] {
    --dim:0.58;
    transform:translateX(-46.67%) scale(0.733) rotateX(5deg) rotateY(17deg);
}

.shot-trio.is-advancing .shot-card[data-slot="2"] {
    --dim:0;
    transform:translateX(-63.64%) scale(1.364) rotateX(5deg) rotateY(-7deg) translateZ(60px);
    z-index:3;
}

.shot-trio.is-reversing .shot-card[data-slot="2"] {
    opacity:0;
    transform:translateX(40%) rotateX(5deg) rotateY(-24deg) scale(0.8);
}

.shot-trio.is-reversing .shot-card[data-slot="1"] {
    --dim:0.58;
    transform:translateX(46.67%) scale(0.733) rotateX(5deg) rotateY(-17deg);
}

.shot-trio.is-reversing .shot-card[data-slot="0"] {
    --dim:0;
    transform:translateX(63.64%) scale(1.364) rotateX(5deg) rotateY(-7deg) translateZ(60px);
    z-index:3;
}

.shot-trio.is-reseating .shot-card,
.shot-trio.is-reseating .shot-card::after {
    transition:none !important;
}

.loader-stage:hover .shot-card[data-slot="1"],
.hero-stage:hover .shot-card[data-slot="1"] {
    transform:rotateX(3deg) rotateY(-4deg) translateZ(80px) scale(1.02);
}

.loader-shot {
    box-shadow:0 34px 90px var(--sh-blue),0 0 70px rgba(47,107,255,0.12) !important;
}

.shot-card {
    box-shadow:0 26px 68px var(--sh-blue-soft) !important;
}

.shot-card[data-slot="1"] {
    box-shadow:0 34px 88px var(--sh-blue),0 0 60px rgba(47,107,255,0.14) !important;
}

.orbit-badge {
    box-shadow:0 10px 26px var(--sh-blue-soft),inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.hero-grid {
    align-items:start;
}

.hero-visual {
    padding-top:0;
}

.hero-stage {
    align-items:flex-start;
    padding-top:clamp(10px,3vh,46px);
    min-height:clamp(420px,62vh,700px);
}

.hero-stage>.stage-face {
    align-items:flex-start;
}

.hero-stage .mod-rail {
    top:42%;
}

.hero-split {
    min-height:clamp(560px,96vh,1100px);
}

.hero-title {
    font-size:clamp(2.1rem,1.4rem + 2.6vw,4rem);
}

.hero-desc {
    font-size:clamp(0.92rem,0.85rem + 0.25vw,1.08rem);
}

.hero-stage .hero-logo {
    max-width:clamp(220px,42vw,560px);
}

.hero-stage .orbit {
    width:clamp(260px,46vw,620px);
}

.hero-stage .loader-shot {
    width:clamp(280px,62vw,820px);
}

.hero-stage .shot-trio {
    max-width:clamp(320px,74vw,980px);
}

.hero-stage .mod-rail {
    width:clamp(210px,21vw,292px);
    height:clamp(380px,38vw,520px);
}

.hero-stage .shot-trio {
    max-width:clamp(360px,92vw,1180px);
}

.hero-stage .shot-card[data-slot="1"] {
    width:64%;
    left:18%;
}

.hero-stage .shot-card[data-slot="0"] {
    width:46%;
    left:0;
}

.hero-stage .shot-card[data-slot="2"] {
    width:46%;
    left:54%;
}

.hero-stage>.stage-face {
    padding-top:0;
}

.hero-stage .shot-trio,
.hero-stage .orbit {
    margin-top:clamp(0px,2vh,26px);
}

.shot-card[data-slot="1"],
.hero-stage .shot-card[data-slot="1"] {
    transform:rotateX(5deg) rotateY(-7deg) scale(1);
}

.shot-card[data-slot="0"],
.hero-stage .shot-card[data-slot="0"] {
    transform:rotateX(5deg) rotateY(16deg) scale(0.92);
}

.shot-card[data-slot="2"],
.hero-stage .shot-card[data-slot="2"] {
    transform:rotateX(5deg) rotateY(-16deg) scale(0.92);
}

.shot-trio.is-advancing .shot-card[data-slot="1"] {
    transform:translateX(-42.19%) scale(0.719) rotateX(5deg) rotateY(16deg);
}

.shot-trio.is-advancing .shot-card[data-slot="2"] {
    transform:translateX(-58.70%) scale(1.391) rotateX(5deg) rotateY(-7deg);
}

.shot-trio.is-reversing .shot-card[data-slot="1"] {
    transform:translateX(42.19%) scale(0.719) rotateX(5deg) rotateY(-16deg);
}

.shot-trio.is-reversing .shot-card[data-slot="0"] {
    transform:translateX(58.70%) scale(1.391) rotateX(5deg) rotateY(-7deg);
}

.loader-stage:hover .shot-card[data-slot="1"],
.hero-stage:hover .shot-card[data-slot="1"] {
    transform:rotateX(3deg) rotateY(-4deg) scale(1.03);
}

.orbit::before {
    content:'';
    position:absolute;
    inset:12%;
    border-radius:50%;
    border:1px dashed rgba(79,141,255,0.18);
    animation:orbit-spin 90s linear infinite reverse;
    pointer-events:none;
}

.orbit::after {
    content:'';
    position:absolute;
    inset:26%;
    border-radius:50%;
    border:1px solid rgba(79,141,255,0.1);
    box-shadow:inset 0 0 40px rgba(47,107,255,0.1);
    pointer-events:none;
}

.orbit-badge {
    background:radial-gradient(circle at 32% 24%,#1a2b4d 0%,#0c142c 58%,#070c1c 100%);
    border:1px solid rgba(79,141,255,0.34);
}

.orbit-badge::before {
    content:'';
    position:absolute;
    inset:3px;
    border-radius:50%;
    border:1px solid rgba(120,170,255,0.12);
    pointer-events:none;
}

.orbit-core {
    background:radial-gradient(circle at 38% 30%,#1a2c52 0%,#0c142e 58%,#060a18 100%);
    border:1px solid rgba(79,141,255,0.5);
}

.orbit-core::before {
    content:'';
    position:absolute;
    inset:7px;
    border-radius:50%;
    border:1px solid rgba(120,170,255,0.16);
    pointer-events:none;
}

.orbit-spokes line {
    stroke:rgba(79,141,255,0.34);
}

.loader-shot {
    box-shadow:0 34px 90px var(--sh),0 0 70px rgba(79,141,255,0.12) !important;
}

.shot-card {
    box-shadow:0 26px 68px var(--sh-soft) !important;
}

.shot-card[data-slot="1"] {
    box-shadow:0 34px 88px var(--sh),0 0 60px rgba(79,141,255,0.14) !important;
}

.orbit-badge {
    box-shadow:0 10px 26px var(--sh-soft),inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.stat-big,
.price-cur,
.price-list li::before,
.orbit-core,
.why-ico {
    color:var(--ie-blue);
}

.hero-title .accent,
.accent-text {
    color:var(--ie-blue);
}

.hero-grid {
    align-items:center;
}

.hero-copy {
    padding-top:clamp(30px,9vh,130px);
}

.hero-stage {
    padding-top:0;
    align-items:center;
}

.hero-stage>.stage-face {
    align-items:center;
}

.hero-split>.container {
    max-width:1720px;
}

.hero-grid {
    grid-template-columns:0.74fr 1.26fr;
    gap:44px;
}

.hero-stage {
    min-height:clamp(500px,74vh,860px);
}

.hero-stage .shot-trio {
    max-width:none;
    width:100%;
    margin-top:0;
}

.hero-stage .shot-card[data-slot="1"] {
    width:66%;
    left:17%;
}

.hero-stage .shot-card[data-slot="0"] {
    width:48%;
    left:0;
}

.hero-stage .shot-card[data-slot="2"] {
    width:48%;
    left:52%;
}

.shot-card,
.hero-stage .shot-card {
    transition:transform 0.9s cubic-bezier(0.22,0.68,0.15,1),opacity 0.7s ease !important;
}

.shot-card::after {
    transition:opacity 0.9s ease !important;
}

.orbit::before {
    content:none;
}

.orbit::after {
    content:'';
    position:absolute;
    inset:-12%;
    border-radius:50%;
    border:none;
    background:radial-gradient(circle at 50% 50%,rgba(47,107,255,0.16) 0%,rgba(30,70,184,0.09) 42%,transparent 68%);
    filter:blur(26px);
    box-shadow:none;
    pointer-events:none;
    animation:orbit-breathe 7s ease-in-out infinite;
}

.hero-stage .orbit {
    width:clamp(320px,62vw,840px);
    margin-top:0;
}

.orbit-node {
    width:clamp(58px,5.4vw,86px);
    height:clamp(58px,5.4vw,86px);
    margin:calc(clamp(58px,5.4vw,86px) / -2) 0 0 calc(clamp(58px,5.4vw,86px) / -2);
    transform:rotate(calc(var(--i) * 51.4286deg)) translateY(calc(clamp(320px,62vw,840px) * -0.375));
}

.orbit-core {
    width:clamp(110px,11vw,170px);
    height:clamp(110px,11vw,170px);
    margin:calc(clamp(110px,11vw,170px) / -2) 0 0 calc(clamp(110px,11vw,170px) / -2);
    box-shadow:0 0 90px rgba(47,107,255,0.3),inset 0 1px 0 rgba(255,255,255,0.07) !important;
}

.orbit-badge {
    box-shadow:0 10px 26px var(--sh-soft),0 0 22px rgba(47,107,255,0.14),inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.shot-trio.is-advancing .shot-card[data-slot="1"] {
    transform:translateX(-39.39%) scale(0.727) rotateX(5deg) rotateY(16deg) !important;
}

.shot-trio.is-advancing .shot-card[data-slot="2"] {
    transform:translateX(-54.17%) scale(1.375) rotateX(5deg) rotateY(-7deg) !important;
}

.shot-trio.is-reversing .shot-card[data-slot="1"] {
    transform:translateX(39.39%) scale(0.727) rotateX(5deg) rotateY(-16deg) !important;
}

.shot-trio.is-reversing .shot-card[data-slot="0"] {
    transform:translateX(54.17%) scale(1.375) rotateX(5deg) rotateY(-7deg) !important;
}

.shot-trio,
.hero-stage .shot-trio {
    transform-style:flat !important;
    perspective:1500px;
    perspective-origin:50% 50%;
}

.shot-card {
    transform-style:flat !important;
}

.hero-stage .shot-card[data-slot="0"],
.shot-card[data-slot="0"] {
    z-index:1 !important;
}

.hero-stage .shot-card[data-slot="2"],
.shot-card[data-slot="2"] {
    z-index:1 !important;
}

.hero-stage .shot-card[data-slot="1"],
.shot-card[data-slot="1"] {
    z-index:4 !important;
}

.shot-trio.is-advancing .shot-card[data-slot="2"],
.shot-trio.is-reversing .shot-card[data-slot="0"] {
    z-index:5 !important;
}

.shot-trio.is-advancing .shot-card[data-slot="1"],
.shot-trio.is-reversing .shot-card[data-slot="1"] {
    z-index:2 !important;
}

.hero-stage .shot-card[data-slot="0"],
.shot-card[data-slot="0"] {
    transform:rotateX(4deg) rotateY(15deg) scale(0.88);
}

.hero-stage .shot-card[data-slot="2"],
.shot-card[data-slot="2"] {
    transform:rotateX(4deg) rotateY(-15deg) scale(0.88);
}

.hero-stage .shot-card[data-slot="1"],
.shot-card[data-slot="1"] {
    transform:rotateX(4deg) rotateY(-6deg) scale(1);
}

.hero-split {
    min-height:calc(100vh - var(--nav-h)) !important;
    padding-top:clamp(20px,4vh,56px) !important;
    padding-bottom:clamp(20px,4vh,56px) !important;
    align-items:center;
}

.hero-copy {
    padding-top:0 !important;
}

.hero-grid {
    align-items:center !important;
}

.hero-stage {
    min-height:clamp(420px,58vh,700px) !important;
    align-items:center !important;
}

.hero-stage>.stage-face {
    align-items:center !important;
}

.hero-stage .shot-trio,
.hero-stage .orbit {
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.hero-stage:hover .stage-face[data-face="modules"] .loader-shot {
    transform:rotateX(4deg) rotateY(-8deg) translateX(-3%) scale(1.01);
}

.hero-stage:hover .stage-face[data-face="modules"] .mod-rail {
    transform:translateY(-50%) rotateX(4deg) rotateY(-8deg) translateX(8%) scale(1.01);
}

.hero-stage .mod-rail {
    right:2%;
}

.hero-stage .shot-card[data-slot="0"],
.shot-card[data-slot="0"] {
    transform:translate(0,-50%) rotateX(4deg) rotateY(15deg) scale(0.88) !important;
}

.hero-stage .shot-card[data-slot="1"],
.shot-card[data-slot="1"] {
    transform:translate(0,-50%) rotateX(4deg) rotateY(-6deg) scale(1) !important;
}

.hero-stage .shot-card[data-slot="2"],
.shot-card[data-slot="2"] {
    transform:translate(0,-50%) rotateX(4deg) rotateY(-15deg) scale(0.88) !important;
}

.shot-trio.is-advancing .shot-card[data-slot="0"] {
    opacity:0;
    transform:translate(-46%,-50%) rotateX(4deg) rotateY(24deg) scale(0.74) !important;
}

.shot-trio.is-advancing .shot-card[data-slot="1"] {
    transform:translate(-39.39%,-50%) scale(0.640) rotateX(4deg) rotateY(15deg) !important;
}

.shot-trio.is-advancing .shot-card[data-slot="2"] {
    transform:translate(-54.17%,-50%) scale(1.375) rotateX(4deg) rotateY(-6deg) !important;
}

.shot-trio.is-reversing .shot-card[data-slot="2"] {
    opacity:0;
    transform:translate(46%,-50%) rotateX(4deg) rotateY(-24deg) scale(0.74) !important;
}

.shot-trio.is-reversing .shot-card[data-slot="1"] {
    transform:translate(39.39%,-50%) scale(0.640) rotateX(4deg) rotateY(-15deg) !important;
}

.shot-trio.is-reversing .shot-card[data-slot="0"] {
    transform:translate(54.17%,-50%) scale(1.375) rotateX(4deg) rotateY(-6deg) !important;
}

.loader-stage:hover .shot-card[data-slot="1"],
.hero-stage:hover .shot-card[data-slot="1"] {
    transform:translate(0,-50%) rotateX(3deg) rotateY(-4deg) scale(1.03) !important;
}

.shot-card>img {
    animation:shot-float var(--float-dur,7s) ease-in-out var(--float-delay,0s) infinite;
    will-change:transform;
}

.shot-card[data-slot="0"]>img {
    --float-dur:8.5s;
    --float-delay:-2.2s;
}

.shot-card[data-slot="1"]>img {
    --float-dur:7s;
    --float-delay:0s;
}

.shot-card[data-slot="2"]>img {
    --float-dur:9.5s;
    --float-delay:-4.6s;
}

.shot-trio.is-advancing .shot-card>img,
.shot-trio.is-reversing .shot-card>img,
.shot-trio.is-reseating .shot-card>img {
    animation-play-state:paused;
}

.shot-trio {
    animation:trio-drift 13s ease-in-out infinite;
}

.hero-stage {
    transform:translateX(clamp(0px,3vw,58px));
}

.hero-stage {
    transform:translateX(var(--stage-shift));
}

.hero-visual::after {
    left:calc(50% + var(--stage-shift));
    transition:width 0.72s var(--ease-aiden),height 0.72s var(--ease-aiden),opacity 0.72s var(--ease-aiden),left 0.4s var(--ease-aiden);
}

.hero-visual[data-showing="logo"]::after {
    --glow-w:40%;
    --glow-h:44px;
    --glow-o:0.8;
}

.hero-visual[data-showing="orbit"]::after {
    --glow-w:62%;
    --glow-h:62px;
    --glow-o:0.95;
}

.hero-visual[data-showing="modules"]::after {
    --glow-w:80%;
    --glow-h:58px;
    --glow-o:0.85;
}

.hero-visual[data-showing="shots"]::after {
    --glow-w:96%;
    --glow-h:70px;
    --glow-o:1;
}

.sim-world {
    position:relative;
    width:min(100%,1500px);
    aspect-ratio:16 / 9;
    max-height:92vh;
    border-radius:10px;
    overflow:hidden;
    border:1px solid rgba(90,160,255,0.18);
    box-shadow:0 40px 100px rgba(0,0,0,0.7);
    background:#05070d;
}

.sim-shot {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    opacity:0;
    transition:opacity 0.9s var(--ease-aiden);
    will-change:opacity;
}

.sim-shot.is-on {
    opacity:1;
}

.sim-boot {
    position:absolute;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    z-index:6;
}

.sim-boot.is-on {
    display:flex;
}

.sim-boot.done .sim-loader {
    opacity:0;
}

.sim-loader {
    width:700px;
    height:384px;
    flex:none;
    transform:scale(var(--sim-k));
    transform-origin:center center;
    display:flex;
    flex-direction:column;
    background:#0e0e0e;
    border:none;
    border-left:1px solid #262626;
    border-right:1px solid #262626;
    border-radius:0;
    overflow:hidden;
    box-shadow:0 20px 52px rgba(0,0,0,0.62);
    transition:opacity 0.8s var(--ease-aiden);
    font-family:var(--font-sans);
}

.sim-loader-bar {
    flex:none;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 10px;
    background:#161616;
    color:#b4b4b4;
    font-size:11px;
    font-weight:400;
}

.sim-loader-ctl {
    display:flex;
    align-items:center;
    gap:14px;
    opacity:0.6;
}

.sim-min {
    display:block;
    width:9px;
    height:1px;
    background:currentColor;
}

.sim-loader-body {
    position:relative;
    flex:1;
}

.sim-loader-logo {
    position:absolute;
    top:45px;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:74px;
    object-fit:contain;
}

.sim-loader-status {
    position:absolute;
    top:168px;
    left:0;
    right:0;
    margin:0;
    text-align:center;
    font-size:13px;
    color:#9b9b9b;
}

.sim-loader-controls {
    position:absolute;
    top:213px;
    left:162px;
    display:flex;
    gap:16px;
    transition:opacity 0.3s var(--ease-aiden);
}

.sim-boot.injecting .sim-loader-controls {
    opacity:0;
    pointer-events:none;
}

.sim-loader-pick {
    width:260px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 12px;
    background:#181818;
    border:1px solid #262626;
    border-radius:0;
    font-size:12.5px;
    font-weight:400;
    color:#c4c4c4;
}

.sim-loader-pick i {
    font-style:normal;
    opacity:0.55;
    font-size:10px;
}

.sim-inject {
    width:90px;
    height:35px;
    background:#181818;
    border:1px solid #262626;
    border-radius:0;
    color:#6e6e6e;
    font-family:var(--font-sans);
    font-size:12.5px;
    font-weight:400;
    cursor:not-allowed;
    transition:background 0.2s,color 0.2s,border-color 0.2s;
}

.sim-inject.ready {
    background:#006cff;
    border-color:#006cff;
    color:#fff;
    cursor:pointer;
}

.sim-inject.ready:hover {
    filter:brightness(1.08);
}

.sim-hint {
    position:absolute;
    left:50%;
    bottom:1rem;
    transform:translateX(-50%);
    padding:0.45rem 0.9rem;
    border-radius:999px;
    background:rgba(0,0,0,0.6);
    border:1px solid rgba(255,255,255,0.08);
    font-size:0.78rem;
    color:rgba(255,255,255,0.78);
    opacity:0;
    transition:opacity 0.5s ease;
    z-index:8;
    pointer-events:none;
}

.sim-hint.is-on {
    opacity:1;
}

.sim-hint.is-on.dim {
    opacity:0.4;
}

.sim-idle b {
    color:var(--ie-blue);
    font-weight:600;
}

.sim-loader-bar {
    height:30px;
    padding:0 12px;
    font-size:12px;
}

.sim-loader-body {
    height:calc(100% - 30px);
}

.sim-loader-logo {
    top:37px;
}

.sim-loader-status {
    top:160px;
}

.sim-loader-controls {
    top:205px;
}

.sim-loader-pick,
.sim-inject {
    border-radius:5px;
}

.sim-hint {
    font-size:0.72rem;
    bottom:0.7rem;
}

.peek-stage .sim-world {
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    border-radius:0;
    overflow:hidden;
    border:1px solid var(--box-line);
    background:#05070d;
    box-shadow:0 1px 1px var(--sh),0 8px 20px var(--sh-soft),0 22px 48px var(--sh-soft),0 44px 90px rgba(3,9,26,0.4);
}

.sim-idle {
    position:absolute;
    inset:0;
    z-index:7;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
    border:none;
    border-radius:0;
    cursor:pointer;
    background:#000;
    transition:opacity 0.5s ease,visibility 0.5s;
}

.sim-idle.gone {
    opacity:0;
    visibility:hidden;
}

.sim-idle:focus-visible {
    outline:2px solid var(--ie-blue);
    outline-offset:-4px;
}

.sim-idle-mark {
    width:52px;
    height:auto;
    display:block;
    filter:drop-shadow(0 10px 28px rgba(0,0,0,0.65));
    transition:transform 0.28s var(--ease-out,ease),filter 0.28s ease;
}

.sim-idle-play {
    font-family:var(--font-mono);
    font-size:0.7rem;
    font-weight:500;
    letter-spacing:0.34em;
    text-indent:0.34em;
    text-transform:uppercase;
    color:#7e8088;
    transition:color 0.28s ease;
}

.sim-idle:hover .sim-idle-mark,
.sim-idle:focus-visible .sim-idle-mark {
    transform:translateY(-4px) scale(1.05);
}

.sim-idle:hover .sim-idle-play,
.sim-idle:focus-visible .sim-idle-play {
    color:var(--ie-blue);
}

.sim-prog {
    position:absolute;
    top:240px;
    left:215px;
    width:260px;
    height:6px;
    border-radius:999px;
    background:#191919;
    overflow:hidden;
    opacity:0;
    transition:opacity 0.24s ease;
}

.sim-prog.is-on {
    opacity:1;
}

.sim-prog.is-done {
    opacity:0;
}

.sim-prog-fill {
    display:block;
    width:0;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#1f4fae 0%,#2f6ae0 60%,#4f8dff 100%);
    box-shadow:0 0 10px rgba(47,106,224,0.42);
    transition:width 3s cubic-bezier(0.33,0.9,0.28,1);
}

.hero-centred {
    min-height:calc(100vh - 90px);
    display:flex;
    align-items:center;
}

.hero-centred .container {
    width:100%;
}

.hero-centred .hero-grid {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0;
    text-align:center;
    padding:18px 0 22px;
}

.hero-centred .hero-visual {
    width:100%;
    max-width:520px !important;
    margin:0 auto;
}

.hero-centred .hero-stage {
    max-width:520px;
}

.hero-centred .hero-stage {
    margin:0 auto;
}

.hero-centred .hero-copy {
    max-width:660px;
    margin-top:10px;
}

.hero-centred .hero-title {
    margin:0 0 16px;
    line-height:1.06;
}

.hero-centred .hero-desc {
    margin:0 auto 26px;
    max-width:46ch;
    font-size:0.98rem;
    line-height:1.65;
    color:#9a9ba1;
}

.hero-centred .hero-actions {
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}

.hero-scroll {
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    margin-top:26px;
    text-decoration:none;
    font-family:var(--font-mono);
    font-size:0.7rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:#55565d;
    transition:color 0.25s ease;
}

.hero-scroll:hover {
    color:var(--ie-blue);
}

.hero-scroll i {
    font-style:normal;
    font-size:1rem;
    animation:scroll-bob 2.2s ease-in-out infinite;
}

.hero-centred {
    --stage-shift:0px;
}

.hero-centred .hero-stage {
    min-height:clamp(300px,34vh,400px) !important;
    max-height:400px;
    align-items:center !important;
    padding-top:0 !important;
    transform:none !important;
    margin-left:auto;
    margin-right:auto;
}

.hero-centred .hero-visual {
    height:auto !important;
    min-height:0 !important;
    padding-top:0 !important;
}

.hero-centred .hero-visual::after {
    left:50% !important;
}

.hero-centred .stage-face {
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-centred .hero-logo {
    max-height:300px;
    width:auto;
}

.hero-centred .stage-face {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    inset:0;
}

.hero-centred .orbit {
    width:min(330px,78vw) !important;
    margin:0 auto !important;
}

.hero-centred [data-face="modules"] {
    transform-origin:50% 50%;
}

.hero-centred [data-face="modules"]>* {
    transform:scale(0.62);
    transform-origin:50% 50%;
}

.hero-centred .loader-shot {
    display:block;
    margin:0 auto;
}

.hero-centred [data-face="shots"] .shot-trio {
    transform:scale(1.28);
    transform-origin:50% 50%;
}

.hero-centred .hero-stage {
    overflow:visible;
}

.hero-centred [data-face="modules"] {
    transform:scale(0.46);
    transform-origin:50% 50%;
}

.hero-centred [data-face="logo"] {
    transform:scale(0.92);
    transform-origin:50% 50%;
}

.hero-centred [data-face="modules"]>* {
    transform:none;
}

.hero-centred [data-face="shots"] .shot-trio {
    transform:none;
}

.hero-centred .orbit {
    width:min(430px,90vw) !important;
    margin:0 auto !important;
}

.hero-centred .stage-face {
    transition:opacity 0.72s var(--ease-aiden);
}

.hero-centred .hero-stage {
    transform:translate3d(var(--mx,0px),var(--my,0px),0);
    transition:transform 0.42s cubic-bezier(0.22,0.61,0.36,1);
    min-height:clamp(330px,40vh,440px) !important;
    max-height:440px;
}

.hero-centred [data-face="logo"] {
    transform:scale(0.85);
}

.hero-centred [data-face="modules"] {
    position:absolute;
    inset:0;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.hero-centred [data-face="modules"] {
    transform:scale(0.44) !important;
}

.hero-centred [data-face="logo"] {
    transform:scale(0.8) !important;
}

.hero-centred .stage-face {
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}

.hero-centred .hero-copy {
    margin-top:22px;
}

.hero-centred .shot-card {
    transition:transform 0.85s cubic-bezier(0.22,0.61,0.36,1),opacity 0.6s ease;
    will-change:transform,opacity;
    backface-visibility:hidden;
}

.hero-centred [data-face="orbit"] {
    transform:scale(0.34) !important;
}

.hero-centred {
    position:relative;
}

.hero-centred .hero-visual {
    position:static;
}

.hero-centred .hero-visual {
    position:relative;
}

.hero-centred .stage-face {
    position:absolute;
    inset:0;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.hero-centred [data-face="logo"] {
    transform:scale(0.86);
    transform-origin:50% 50%;
}

.hero-centred [data-face="shots"] {
    transform:scale(0.92);
    transform-origin:50% 50%;
}

.hero-centred [data-face="modules"] {
    transform:scale(0.52);
    transform-origin:50% 50%;
}

.hero-centred [data-face="orbit"] {
    transform:scale(0.46) !important;
    transform-origin:50% 50%;
}

.hero-centred [data-face="shots"] .shot-trio {
    position:relative;
    width:100% !important;
    max-width:min(940px,100%) !important;
    height:100% !important;
    margin:0 auto;
}

.hero-centred [data-face="modules"] {
    position:absolute;
}

.hero-centred [data-face="modules"] .loader-shot {
    display:block;
    width:700px;
    max-width:none;
    height:auto;
}

.hero-centred [data-face="modules"] .mod-rail {
    position:absolute !important;
    top:50% !important;
    left:auto !important;
    right:-80px !important;
    bottom:auto !important;
    margin-left:0 !important;
    width:250px !important;
    height:420px !important;
    transform:translateY(-50%) !important;
    z-index:3;
}

.hero-centred {
    min-height:calc(100vh - 150px);
}

.hero-centred .hero-grid {
    padding:10px 0 14px;
}

.hero-centred .hero-stage {
    min-height:clamp(300px,34vh,400px) !important;
    max-height:400px;
}

.hero-centred .hero-copy {
    margin-top:14px;
}

.hero-scroll {
    margin-top:18px;
}

.hero-centred [data-face="modules"] {
    transform:scale(0.52) translateX(-40px);
}

.hero-centred [data-face="logo"] {
    transform:scale(0.86) translateX(0);
}

.hero-centred [data-face="shots"] {
    transform:scale(0.92) translateX(0);
}

.hero-centred [data-face="orbit"] {
    transform:scale(0.46) translateX(0) !important;
}

.hero-centred .orbit {
    margin:0 auto !important;
}

.hero-centred .hero-logo,
.hero-centred .shot-trio,
.hero-centred .loader-shot,
.hero-centred .mod-rail {
    margin-top:0;
    margin-bottom:0;
}

.hero-centred .stage-face {
    filter:drop-shadow(0 18px 44px rgba(2,6,18,0.55)) drop-shadow(0 0 60px rgba(79,141,255,0.14));
}

.hero-centred .hero-logo {
    filter:none !important;
}

.hero-centred .shot-card {
    box-shadow:none !important;
}

.hero-centred .loader-shot {
    box-shadow:none !important;
}

.hero-centred .mod-rail {
    box-shadow:none !important;
}

.hero-centred [data-face="modules"] .mod-rail {
    right:-96px !important;
}

.hero-centred [data-face="modules"] {
    transform:scale(0.52) translateX(-48px);
}

/* SCROLL PERFORMANCE: keep hero repaints off the scroll path */
.hero-visual, .hero-stage, .shot-trio {
    will-change:auto;
    
    transform:translateZ(0);
    backface-visibility:hidden;
}
@media (prefers-reduced-motion: reduce) {
    .float-dot, .orbit-spin, .shot-card { animation:none !important; }
    .hero-logo { filter:none !important; }
}
/* below-the-fold sections skip layout/paint until near the viewport */
.section-block { content-visibility:auto; contain-intrinsic-size:1px 800px; }


/* ===== FEATURES ===== */

.fsearch:focus-within {
    border-color:rgba(79,141,255,0.5);
}

.fsearch svg {
    flex:none;
    width:16px;
    height:16px;
    color:#6d6e75;
}

.fsearch input {
    width:100%;
    border:none;
    background:none;
    outline:none;
    font-family:var(--font-sans);
    font-size:0.92rem;
    color:#e4e5e8;
}

.fsearch input::placeholder {
    color:#5c5d64;
}

.fsearch input::-webkit-search-cancel-button {
    -webkit-appearance:none;
}

.fsec:hover,
.fsec:focus-visible {
    border-color:rgba(79,141,255,0.45);
    transform:translateY(-2px);
    outline:none;
}

.fsec-ico {
    grid-area:ico;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:11px;
    background:rgba(79,141,255,0.14);
    color:var(--ie-blue);
    font-size:1.05rem;
}

.fsec-head {
    grid-area:head;
    line-height:1.25;
}

.fsec-arrow {
    grid-area:arrow;
    font-size:1.3rem;
    color:#4a4b52;
    transition:color .2s ease;
}

.fsec:hover .fsec-arrow {
    color:var(--ie-blue);
}

.fsec-tags {
    grid-area:tags;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:4px;
}

.fitems {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
    gap:10px;
}

.fitem:hover {
    border-color:#24252c;
}

.fitem-sec {
    float:right;
    font-style:normal;
    font-family:var(--font-mono);
    font-size:0.6rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#55565d;
}

.fvers {
    padding:24px 26px 22px;
    margin-bottom:18px;
    border-radius:0.9rem;
    border:1px solid var(--box-line);
    background:#000;
    box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 12px 26px rgba(2,6,18,.4),inset 0 1px 0 rgba(255,255,255,.03);
}

.fvers[hidden] {
    display:none;
}

.fvers-head {
    display:flex;
    align-items:center;
    gap:15px;
    padding-bottom:0;
    margin-bottom:18px;
}

.fvers-ico {
    flex:none;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:11px;
    background:rgba(79,141,255,0.14);
    color:var(--ie-blue);
    font-size:1.05rem;
}

.fvers-head>div {
    flex:1 1 auto;
    min-width:0;
}

.fvers-head h2 {
    margin:0 0 2px;
    font-family:var(--font-display);
    font-size:1.12rem;
    font-weight:700;
    letter-spacing:-0.01em;
    color:#f1f2f4;
}

.fvers-head p {
    margin:0;
    font-size:0.84rem;
    color:#7e8088;
}

.fvers-n {
    flex:none;
    padding:4px 11px;
    border-radius:999px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    font-family:var(--font-mono);
    font-size:0.7rem;
    color:#7e8088;
}

.fsearch-wrap {
    margin-bottom:18px;
}

.fsearch {
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 20px;
    border-radius:0.9rem;
    border:1px solid var(--box-line);
    background:#000;
    box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),inset 0 1px 0 rgba(255,255,255,.03);
    transition:border-color 0.2s ease;
}

.fsearch:focus-within {
    border-color:rgba(79,141,255,0.45);
}

.fsearch svg {
    flex:none;
    width:17px;
    height:17px;
    color:#5c5d64;
}

.fsearch input {
    width:100%;
    border:none;
    background:none;
    outline:none;
    font-family:var(--font-sans);
    font-size:0.95rem;
    color:#ececec;
}

.fsearch input::placeholder {
    color:#5c5d64;
}

.fsearch input::-webkit-search-cancel-button {
    -webkit-appearance:none;
}

.fsec {
    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:'ico head arrow' 'blurb blurb blurb' 'tags tags tags';
    align-items:center;
    gap:14px;
    padding:22px 24px;
    border-radius:0.9rem;
    border:1px solid var(--box-line);
    background:#000;
    text-align:left;
    cursor:pointer;
    box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 12px 26px rgba(2,6,18,.4),inset 0 1px 0 rgba(255,255,255,.03);
    transition:border-color .2s ease,transform .2s var(--ease-aiden);
}

.fsec:hover,
.fsec:focus-visible {
    border-color:rgba(79,141,255,0.42);
    transform:translateY(-2px);
    outline:none;
}

.fsec-head b {
    display:block;
    font-family:var(--font-mod);
    font-size:1.05rem;
    font-weight:600;
    letter-spacing:-0.005em;
    color:#f1f2f4;
}

.fsec-head i {
    font-style:normal;
    font-family:var(--font-mono);
    font-size:0.7rem;
    letter-spacing:0.04em;
    color:#6d6e75;
}

.fsec-blurb {
    grid-area:blurb;
    margin-top:2px;
    font-size:0.88rem;
    line-height:1.65;
    color:#9a9ba1;
}

.fsec:hover .fs-tag {
    color:#9fbcf5;
    border-color:rgba(79,141,255,0.28);
}

.fitem {
    padding:16px 19px;
    border-radius:0.75rem;
    border:1px solid var(--box-line);
    background:#000;
    transition:border-color .2s ease,background .2s ease;
}

.fitem:hover {
    border-color:rgba(79,141,255,0.3);
    background:#05070d;
}

.fitem b {
    display:block;
    margin-bottom:4px;
    font-family:var(--font-mod);
    font-size:0.94rem;
    font-weight:600;
    color:#f1f2f4;
}

.fitem span {
    font-size:0.85rem;
    line-height:1.6;
    color:#9a9ba1;
}

.fsearch:focus-within {
    border-color:#2a2b31 !important;
}
.fsec,.fitem,.fvers,.fsearch,.legal-card,.legal-box,.policy-card,.terms-card,.privacy-card,.panel-sec,.legal-wrap .card,main .container .card{background:#0b0b0d!important;border:1px solid var(--box-line)!important;box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 12px 26px rgba(2,6,18,.4)!important}
.fsec:hover,.fitem:hover{border-color:#2a2b31!important;background:#101116!important}
.legal-box,.tos-def,.legal-wrap .legal-box{background:#0b0b0d!important;border:1px solid var(--box-line)!important;box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 12px 26px rgba(2,6,18,.4)!important}
.fgrid,.fitems,.fdetail,.fresults,.fback,.fsearch-wrap,.fmain,.fpanel{background:#0b0b0d!important;border:1px solid var(--box-line)!important;border-radius:14px!important;box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 12px 26px rgba(2,6,18,.4)!important;backdrop-filter:none!important}
.fdetail-head{background:transparent!important;border-bottom:1px solid var(--box-line)!important}


/* ===== DASHBOARD ===== */

.dstat {
    padding:14px 16px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0e0f14;
}

.dstat-k {
    display:block;
    font-family:var(--font-mono);
    font-size:0.63rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:#6d6e75;
    margin-bottom:6px;
}

.dstat-v {
    display:block;
    font-family:var(--font-display);
    font-size:1.28rem;
    font-weight:700;
    color:#ececec;
}

.cfg-form {
    padding:18px;
    margin-bottom:18px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0e0f14;
}

.cfg-form.hide {
    display:none;
}

.cfg-form textarea,
.cfg-form select {
    width:100%;
    padding:10px 12px;
    border-radius:7px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    color:#e4e5e8;
    font-family:var(--font-sans);
    font-size:0.88rem;
    resize:vertical;
}

.cfg-form textarea:focus,
.cfg-form select:focus {
    outline:none;
    border-color:rgba(79,141,255,0.45);
}

.cfg-actions {
    display:flex;
    gap:10px;
    justify-content:flex-end;
    margin-top:14px;
}

.cfg-vis {
    display:flex;
    gap:0;
    margin-bottom:16px;
    border-radius:7px;
    overflow:hidden;
    border:1px solid var(--box-line);
}

.cfg-vis-btn {
    flex:1;
    padding:10px 14px;
    border:none;
    background:#0b0b0d;
    color:#87888d;
    cursor:pointer;
    font-family:var(--font-sans);
    font-size:0.8rem;
    font-weight:600;
    letter-spacing:0.06em;
    text-transform:uppercase;
    transition:background 0.2s ease,color 0.2s ease;
}

.cfg-vis-btn.is-on {
    background:linear-gradient(180deg,#2f6ae0 0%,#2657c4 100%);
    color:#fff;
}

.cfg-tabs {
    display:flex;
    gap:10px;
    margin-bottom:16px;
}

.cfg-list {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.cfg-item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:15px 17px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0e0f14;
    transition:border-color 0.2s ease;
}

.cfg-item:hover {
    border-color:#26272d;
}

.cfg-item-main {
    min-width:0;
}

.cfg-item h4 {
    display:flex;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
    margin:0 0 5px;
    font-family:var(--font-mod);
    font-size:0.95rem;
    font-weight:600;
    color:#ececec;
}

.cfg-item p {
    margin:0 0 6px;
    font-size:0.84rem;
    color:#9a9ba1;
}

.cfg-meta {
    font-family:var(--font-mono);
    font-size:0.68rem;
    color:#6d6e75;
}

.cfg-item-side {
    display:flex;
    gap:8px;
    flex:none;
}

.cfg-badge {
    padding:2px 8px;
    border-radius:999px;
    border:1px solid var(--box-line);
    font-family:var(--font-mono);
    font-size:0.6rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#87888d;
}

.cfg-public {
    border-color:rgba(79,141,255,.4);
    color:var(--ie-blue);
}

.cfg-official {
    border-color:rgba(62,207,160,.45);
    color:#3ecfa0;
}

.acct-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
    gap:14px;
}

.acct-box {
    padding:18px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0e0f14;
}

.acct-box h4 {
    margin:0 0 4px;
    font-family:var(--font-mod);
    font-size:0.92rem;
    font-weight:600;
    color:#ececec;
}

.acct-hint {
    margin:0 0 13px;
    font-size:0.78rem;
    line-height:1.5;
    color:#6d6e75;
}

.acct-box form {
    display:flex;
    flex-direction:column;
    gap:9px;
}

.acct-box input {
    width:100%;
    padding:10px 12px;
    border-radius:7px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    color:#e4e5e8;
    font-family:var(--font-sans);
    font-size:0.86rem;
}

.acct-box input::placeholder {
    color:#6d6e75;
}

.acct-box input:focus {
    outline:none;
    border-color:rgba(79,141,255,0.5);
}

.acct-box .btn {
    align-self:flex-start;
}

.acct-channel {
    display:flex;
    border-radius:7px;
    overflow:hidden;
    border:1px solid var(--box-line);
}

.dash-shell {
    display:grid;
    grid-template-columns:268px minmax(0,1fr);
    gap:22px;
    max-width:none;
    margin:0;
    padding:22px 26px 80px;
}

.dnav {
    position:sticky;
    top:96px;
    align-self:start;
    padding:20px 14px;
    border-radius:1rem;
    border:1px solid var(--box-line);
    background:#000;
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 12px 26px rgba(2,6,18,0.4),inset 0 1px 0 rgba(255,255,255,0.035);
}

.dnav-brand {
    display:flex;
    align-items:center;
    gap:11px;
    padding:4px 8px 20px;
    margin-bottom:12px;
    border-bottom:1px solid var(--box-line);
}

.dnav-brand img {
    width:30px;
    height:auto;
}

.dnav-brand span {
    font-family:var(--font-display);
    font-size:0.86rem;
    font-weight:500;
    color:#87888d;
    line-height:1.25;
}

.dnav-brand b {
    display:block;
    font-weight:700;
    color:#f1f2f4;
}

.dnav-list {
    display:flex;
    flex-direction:column;
    gap:4px;
}

.dnav-item {
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:11px 13px;
    border:1px solid transparent;
    border-radius:9px;
    background:none;
    cursor:pointer;
    font-family:var(--font-sans);
    font-size:0.88rem;
    font-weight:500;
    text-align:left;
    color:#87888d;
    transition:color 0.2s ease,background 0.2s ease,border-color 0.2s ease;
}

.dnav-item:hover {
    color:#e4e5e8;
    background:#0b0b0d;
}

.dnav-item.is-on {
    color:#fff;
    border-color:rgba(79,141,255,0.45);
    background:linear-gradient(180deg,rgba(47,106,224,0.32) 0%,rgba(38,87,196,0.22) 100%);
}

.dnav-item:focus-visible {
    outline:2px solid var(--ie-blue);
    outline-offset:2px;
}

.dnav-ico {
    width:17px;
    text-align:center;
    font-size:0.9rem;
    opacity:0.8;
}

.dnav-out {
    margin-top:8px;
    border-top:1px solid var(--box-line);
    border-radius:0 0 9px 9px;
}

.dview-wrap {
    min-width:0;
}

.dview {
    display:none;
}

.dview.is-on {
    display:block;
    animation:dview-in 0.28s var(--ease-aiden) both;
}

.dcard {
    padding:22px 24px;
    margin-bottom:14px;
    border-radius:0.85rem;
    border:1px solid var(--box-line);
    background:#000;
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 12px 26px rgba(2,6,18,0.4),inset 0 1px 0 rgba(255,255,255,0.03);
}

.dcard-hero {
    background:linear-gradient(160deg,#06080f 0%,#000 60%);
}

.dcard-split {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.dcard-title {
    margin:0 0 3px;
    font-family:var(--font-mod);
    font-size:1rem;
    font-weight:600;
    color:#ececec;
}

.dcard-sub {
    margin:0 0 16px;
    font-size:0.83rem;
    color:#87888d;
}

.dcard-hint {
    margin:12px 0 0;
    font-size:0.8rem;
    color:#87888d;
}

.dlog-scroll {
    max-height:250px;
    overflow-y:auto;
    padding-right:8px;
    scrollbar-width:thin;
    scrollbar-color:#26272d transparent;
}

.dlog-scroll::-webkit-scrollbar {
    width:6px;
}

.dlog-scroll::-webkit-scrollbar-thumb {
    background:#26272d;
    border-radius:999px;
}

.dlog-item {
    padding:12px 0;
    border-bottom:1px solid var(--box-line);
}

.dlog-item:last-child {
    border-bottom:none;
}

.dlog-item h4 {
    display:inline-block;
    margin:0 9px 5px 0;
    font-family:var(--font-mod);
    font-size:0.88rem;
    color:#ececec;
}

.dlog-at {
    font-family:var(--font-mono);
    font-size:0.66rem;
    color:#6d6e75;
}

.dlog-item p {
    margin:4px 0 0;
    font-size:0.82rem;
    line-height:1.6;
    color:#9a9ba1;
    white-space:pre-wrap;
}

.dlog-tag {
    display:inline-block;
    margin-right:6px;
    padding:1px 7px;
    border-radius:999px;
    border:1px solid rgba(79,141,255,0.32);
    font-family:var(--font-mono);
    font-size:0.58rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--ie-blue);
    vertical-align:middle;
}

.dstat {
    display:flex;
    align-items:center;
    gap:13px;
    padding:17px 18px;
    border-radius:0.85rem;
    border:1px solid var(--box-line);
    background:#000;
    box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 10px 22px rgba(2,6,18,.38),inset 0 1px 0 rgba(255,255,255,.03);
}

.dstat-ico {
    flex:none;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(79,141,255,0.14);
    color:var(--ie-blue);
    font-size:1rem;
}

.dstat-body {
    min-width:0;
}

.dstat-k {
    display:block;
    font-family:var(--font-mono);
    font-size:0.6rem;
    letter-spacing:0.15em;
    text-transform:uppercase;
    color:#6d6e75;
    margin-bottom:3px;
}

.dstat-v {
    display:block;
    font-family:var(--font-display);
    font-size:1.35rem;
    font-weight:700;
    color:#f1f2f4;
    line-height:1.1;
}

.dchart-card {
    padding:24px 26px 18px;
}

.dchart-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}

.dchart-title {
    margin:0;
    font-family:var(--font-display);
    font-size:1.28rem;
    font-weight:700;
    letter-spacing:-0.01em;
    color:#f1f2f4;
}

.dchart-scope {
    font-size:0.79rem;
    color:#6d6e75;
}

.dlog-card {
    padding:24px 26px 20px;
}

.dlog-scroll {
    max-height:460px;
    margin-top:14px;
}

.dlog-item {
    padding:16px 18px;
    margin-bottom:12px;
    border:1px solid var(--box-line);
    border-radius:0.75rem;
    background:#050506;
}

.dlog-item:last-child {
    margin-bottom:0;
}

.dlog-item h4 {
    display:inline-block;
    margin:0 10px 0 0;
    font-family:var(--font-display);
    font-size:1.15rem;
    font-weight:700;
    color:#f1f2f4;
    vertical-align:middle;
}

.dlog-at {
    float:right;
    font-family:var(--font-mono);
    font-size:0.72rem;
    color:#6d6e75;
}

.dlog-item p {
    clear:both;
    margin:0;
    padding:4px 0 4px 15px;
    border-left:2px solid rgba(79,141,255,0.4);
    font-size:0.85rem;
    line-height:1.7;
    color:#b9bac0;
}

.dlog-item p:first-of-type {
    margin-top:12px;
}

.dash-shell {
    grid-template-columns:300px minmax(0,1fr);
}

.dnav {
    padding:24px 16px;
}

.dnav-brand {
    padding:6px 10px 22px;
}

.dnav-brand img {
    width:36px;
}

.dnav-brand span {
    font-size:0.95rem;
}

.dnav-list {
    gap:6px;
}

.dnav-item {
    padding:15px 16px;
    font-size:0.98rem;
    gap:15px;
    border-radius:11px;
}

.dnav-ico {
    width:20px;
    font-size:1.05rem;
}

body:has(.dash-shell) .nav-links>a.nav-pill,
body:has(.dash-shell) .nav-links>a.nav-ghost {
    display:none;
}

body:has(.dash-shell) .nav-spacer {
    flex:1 1 auto;
}

.dash-shell {
    padding-top:26px;
}

.dnav {
    display:flex;
    flex-direction:column;
}

.dnav-list {
    flex:1 1 auto;
}

.dnav-group {
    display:block;
    margin:18px 0 6px;
    padding:0 14px;
    font-family:var(--font-mono);
    font-size:0.6rem;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:#55565d;
}

a.dnav-item {
    text-decoration:none;
}

.dnav-foot {
    display:flex;
    align-items:center;
    gap:11px;
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid var(--box-line);
}

.dnav-avatar {
    flex:none;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:rgba(79,141,255,0.16);
    color:var(--ie-blue);
    font-family:var(--font-display);
    font-weight:700;
    font-size:0.9rem;
}

.dnav-who {
    min-width:0;
    flex:1 1 auto;
    line-height:1.25;
}

.dnav-who b {
    display:block;
    font-size:0.86rem;
    color:#ececec;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dnav-who i {
    font-style:normal;
    font-family:var(--font-mono);
    font-size:0.64rem;
    text-transform:uppercase;
    letter-spacing:0.1em;
    color:#6d6e75;
}

.dnav-exit {
    flex:none;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    color:#87888d;
    cursor:pointer;
    transition:color .2s ease,border-color .2s ease;
}

.dnav-exit:hover {
    color:#e04040;
    border-color:rgba(224,64,64,0.45);
}

.qcard {
    display:block;
    width:100%;
    padding:20px;
    border-radius:0.85rem;
    border:1px solid var(--box-line);
    background:#000;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 10px 22px rgba(2,6,18,.38),inset 0 1px 0 rgba(255,255,255,.03);
    transition:border-color .2s ease,transform .2s var(--ease-aiden);
}

.qcard:hover {
    border-color:rgba(79,141,255,0.42);
    transform:translateY(-2px);
}

.qcard-ico {
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    margin-bottom:14px;
    border-radius:11px;
    background:rgba(79,141,255,0.14);
    color:var(--ie-blue);
    font-size:1.05rem;
}

.qcard b {
    display:block;
    margin-bottom:3px;
    font-family:var(--font-mod);
    font-size:0.98rem;
    font-weight:600;
    color:#ececec;
}

.qcard i {
    font-style:normal;
    font-size:0.8rem;
    color:#6d6e75;
}

.dash-shell {
    display:grid;
    grid-template-columns:292px minmax(0,1fr);
    gap:0;
    padding:0;
    max-width:none;
    align-items:stretch;
}

.dnav {
    position:sticky;
    top:0;
    height:100vh;
    align-self:start;
    margin:0;
    padding:26px 18px 22px;
    border-radius:0;
    border:none;
    border-right:1px solid var(--box-line);
    background:#050609;
    box-shadow:1px 0 0 rgba(255,255,255,0.02),8px 0 34px rgba(0,0,0,0.45);
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#23242a transparent;
}

.dnav::-webkit-scrollbar {
    width:6px;
}

.dnav::-webkit-scrollbar-thumb {
    background:#23242a;
    border-radius:999px;
}

.dview-wrap {
    padding:30px 34px 90px;
}

.dcard {
    padding:26px 28px;
    margin-bottom:18px;
}

.dcard-hero {
    padding:30px 32px;
}

.dstat {
    padding:19px 20px;
}

.qcard {
    padding:24px;
}

.cfg-list,
.tik-list {
    gap:12px;
}

.acct-grid {
    gap:18px;
}

.acct-box {
    padding:22px;
}

.dchart-card {
    padding:28px 30px 22px;
}

.dlog-card {
    padding:28px 30px 24px;
}

.cfg-pager {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-top:20px;
    font-family:var(--font-mono);
    font-size:0.76rem;
    color:#6d6e75;
}

.cfg-pager[hidden] {
    display:none;
}

.cfg-pager button:disabled {
    opacity:0.4;
    cursor:not-allowed;
}

.qcard {
    position:relative;
}

.dcard,
.dstat,
.qcard,
.acct-box,
.cfg-item,
.tikrow,
.dplan,
.dchart-card,
.dlog-card,
.dlog-item,
.fitem,
.fsec,
.fvers,
.fsearch {
    background:#000 !important;
    border:1px solid var(--box-line) !important;
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 12px 26px rgba(2,6,18,0.40),inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.dcard-hero {
    background:linear-gradient(160deg,#05080f 0%,#000 62%) !important;
}

.dcard-sub,
.dash-sub,
.qcard i,
.acct-hint,
.cfg-item p,
.dlog-item p,
.fitem span,
.fsec-blurb,
.fvers-head p,
.dplan-sub,
.dplan-list li {
    color:#eaeaec !important;
}

.dstat-v,
.dcard-title,
.qcard b,
.acct-box h4,
.cfg-item h4,
.fitem b,
.fsec-head b,
.fvers-head h2,
.dplan h3 {
    color:#fff !important;
}

.dstat-k,
.dash-kicker,
.cfg-meta,
.dlog-at,
.fsec-head i,
.tikrow-date,
.tikrow-user {
    color:#8a8b92 !important;
}

.dstat {
    padding:22px !important;
}

.qcard {
    padding:26px !important;
}

.dcard {
    margin-bottom:20px !important;
}

.dplans {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:18px;
}

.dplan {
    position:relative;
    padding:30px 30px 28px;
    border-radius:0.9rem;
}

.dplan.is-featured {
    border-color:rgba(79,141,255,0.45) !important;
}

.dplan-flag {
    position:absolute;
    top:-12px;
    right:22px;
    padding:5px 13px;
    border-radius:999px;
    background:var(--d-blue,#1257e0);
    font-family:var(--font-sans);
    font-size:0.7rem;
    font-weight:600;
    color:#fff;
}

.dplan h3 {
    margin:0 0 6px;
    font-family:var(--font-display);
    font-size:1.3rem;
    font-weight:700;
}

.dplan-sub {
    margin:0 0 20px;
    font-size:0.88rem;
}

.dplan-price {
    margin:0 0 22px;
    font-family:var(--font-display);
    font-size:3rem;
    font-weight:700;
    line-height:1;
    color:#fff;
}

.dplan-price span {
    font-size:1.3rem;
    color:var(--ie-blue);
    vertical-align:super;
}

.dplan-price i {
    font-style:normal;
    font-size:0.9rem;
    font-weight:500;
    color:var(--ie-blue);
    margin-left:6px;
}

.dplan-list {
    list-style:none;
    margin:0 0 26px;
    padding:0;
}

.dplan-list li {
    position:relative;
    padding:0 0 11px 26px;
    font-size:0.9rem;
}

.dplan-list li::before {
    content:'';
    position:absolute;
    left:2px;
    top:6px;
    width:11px;
    height:6px;
    border-left:2px solid var(--d-blue-lit);
    border-bottom:2px solid var(--d-blue-lit);
    transform:rotate(-45deg);
}

.dplan-go {
    width:100%;
    text-align:center;
}

.dplans-note {
    margin-top:18px;
    text-align:center;
}

.qcard {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.qcard b {
    margin-top:auto;
}

.qcard-ico {
    margin-bottom:18px;
}

.dview-wrap {
    padding:36px 40px 100px !important;
}

.dstat {
    padding:24px !important;
}

.qcard {
    padding:28px !important;
}

.dcard {
    padding:30px 32px !important;
    margin-bottom:24px !important;
}

.dcard-hero {
    padding:34px 36px !important;
}

.dchart-card,
.dlog-card {
    padding:32px 34px 26px !important;
}

.acct-grid {
    gap:20px !important;
}

.acct-box {
    padding:26px !important;
}

.cfg-list,
.tik-list {
    gap:14px !important;
}

.cfg-item.is-you {
    border-color:rgba(79,141,255,0.45) !important;
}

.dmotd {
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 22px;
    margin-bottom:20px;
    border-radius:0.85rem;
    border:1px solid rgba(79,141,255,0.35);
    background:linear-gradient(160deg,#061024 0%,#000 70%);
}

.dmotd[hidden] {
    display:none;
}

.dmotd.is-warn {
    border-color:rgba(240,180,60,0.4);
}

.dmotd.is-alert {
    border-color:rgba(224,64,64,0.45);
}

.dmotd-tag {
    flex:none;
    padding:4px 11px;
    border-radius:999px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    font-family:var(--font-mono);
    font-size:0.62rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--ie-blue);
}

.dmotd p {
    margin:0;
    flex:1 1 auto;
    font-size:0.9rem;
    color:#fff;
}

.dmotd a {
    color:var(--ie-blue);
    font-size:0.86rem;
}

.dcard,
.dstat,
.qcard,
.acct-box,
.cfg-item,
.tikrow,
.dplan,
.dchart-card,
.dlog-card,
.dlog-item,
.fitem,
.fsec,
.fvers,
.fsearch,
.price-card,
.lic-card,
.prod-row,
.panel,
.box,
.mod-card {
    border-color:var(--box-line) !important;
}

.dcard:hover,
.dstat:hover,
.qcard:hover,
.acct-box:hover,
.cfg-item:hover,
.tikrow:hover,
.dplan:hover,
.fitem:hover,
.fsec:hover,
.fvers:hover,
.price-card:hover,
.lic-card:hover,
.prod-row:hover,
.mod-card:hover {
    border-color:#2a2b31 !important;
}

.price-card.is-featured,
.dplan.is-featured,
.cfg-item.is-you {
    border-color:#2a2b31 !important;
}

.prod-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
    gap:18px;
    margin-bottom:8px;
}

.prod-card {
    display:flex;
    flex-direction:column;
    padding:26px 28px 24px;
    border-radius:0.9rem;
    border:1px solid var(--box-line);
    background:#000;
    box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 12px 26px rgba(2,6,18,.4),inset 0 1px 0 rgba(255,255,255,.03);
}

.prod-top {
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
}

.prod-mark {
    flex:none;
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:12px;
    background:rgba(79,141,255,0.12);
}

.prod-mark img {
    width:26px;
    height:auto;
}

.prod-top b {
    display:block;
    font-family:var(--font-mod);
    font-size:1.02rem;
    font-weight:600;
    color:#fff;
}

.prod-badge {
    display:inline-block;
    margin-top:5px;
    padding:3px 10px;
    border-radius:5px;
    background:var(--d-blue,#1257e0);
    font-family:var(--font-mono);
    font-size:0.62rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#fff;
}

.prod-desc {
    flex:1 1 auto;
    margin:0 0 22px;
    font-size:0.89rem;
    line-height:1.62;
    color:#b9bac0;
}

.prod-foot {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding-top:20px;
    border-top:1px solid var(--box-line);
}

.prod-from span {
    display:block;
    font-family:var(--font-mono);
    font-size:0.62rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:#8a8b92;
}

.prod-from b {
    font-family:var(--font-display);
    font-size:1.65rem;
    color:#fff;
}

.prod-foot .btn {
    min-width:128px;
}

.dash-shell {
    display:grid;
    grid-template-columns:286px minmax(0,1fr);
    gap:0;
    padding:0;
    max-width:none;
    height:100vh;
}

.dnav {
    position:sticky;
    top:0;
    height:100vh;
    display:flex;
    flex-direction:column;
    margin:0;
    border-radius:0;
    border:none;
    border-right:1px solid var(--box-line);
    overflow:hidden;
}

.dnav-list {
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
}

.dnav-list::-webkit-scrollbar {
    width:0;
}

.dnav-foot {
    flex:none;
    margin-top:auto;
}

.dview-wrap {
    height:100vh;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.14) transparent;
}

.dview-wrap::-webkit-scrollbar {
    width:10px;
}

.dview-wrap::-webkit-scrollbar-track {
    background:transparent;
}

.dview-wrap::-webkit-scrollbar-thumb {
    background:rgba(255,255,255,.12);
    background-clip:content-box;
    border:3px solid transparent;
    border-radius:999px;
}

.dview-wrap::-webkit-scrollbar-thumb:hover {
    background:rgba(255,255,255,.22);
    background-clip:content-box;
}

.dview-wrap .site-footer {
    margin:46px -38px -40px;
    border-top:1px solid var(--box-line);
}

.dcard,
.dstat,
.qcard,
.acct-box,
.cfg-item,
.tikrow,
.dplan,
.lic-card,
.dchart-card,
.dlog-card,
.price-card,
.prod-card,
.prod-row,
.admin-card {
    border-radius:13px !important;
    transition:transform .18s cubic-bezier(.22,.61,.36,1),border-color .18s ease,box-shadow .18s ease;
}

.qcard:hover,
.cfg-item:hover,
.tikrow:hover,
.price-card:hover,
.prod-card:hover,
.prod-row:hover {
    transform:translateY(-2px);
    border-color:#2a2b31 !important;
    box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 16px 34px rgba(2,6,18,.45) !important;
}

.dnav-item {
    position:relative;
    border-radius:10px;
}

.dnav-item.is-on::before {
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:3px;
    height:17px;
    border-radius:0 3px 3px 0;
    background:linear-gradient(180deg,#fff,rgba(255,255,255,.35));
    transform:translateY(-50%);
}

.dnav-item.is-locked {
    opacity:.38;
    filter:grayscale(1);
    cursor:not-allowed;
}

.dnav-item.is-locked:hover {
    background:transparent;
}

.dview {
    scroll-margin-top:24px;
}

.lic-state:not(.is-off),
.tag-perf {
    border:1px solid rgba(52,211,153,.32) !important;
    background:rgba(52,211,153,.10) !important;
    color:#34d399 !important;
}

.dash-shell {
    height:100vh;
    max-height:100vh;
    overflow:hidden;
    align-items:stretch;
}

.dnav,
.dash-shell>.dnav {
    height:100vh !important;
    max-height:100vh !important;
    min-height:0 !important;
    overflow:hidden !important;
    overflow-y:hidden !important;
}

.dnav-list {
    flex:1 1 auto;
    min-height:0;
    overflow:hidden !important;
    overflow-y:hidden !important;
}

.dview-wrap,
.dash-shell>.dview-wrap {
    height:100vh !important;
    max-height:100vh !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scroll-behavior:smooth;
    overscroll-behavior:contain;
}

.dash-shell .dcard,
.dash-shell .dstat,
.dash-shell .qcard,
.dash-shell .acct-box,
.dash-shell .cfg-item,
.dash-shell .tikrow,
.dash-shell .dplan,
.dash-shell .lic-card,
.dash-shell .dchart-card,
.dash-shell .dlog-card,
.dash-shell .dlog-item,
.dash-shell .price-card,
.dash-shell .prod-card,
.dash-shell .prod-row,
.dash-shell .admin-card,
.dash-shell .admin-stat,
.dash-shell .admin-row,
.dash-shell .atab-panel>*,
.dash-shell .dmotd,
.dash-shell .fld {
    background:#0b0b0d !important;
}

.dash-shell .dcard-hero {
    background:linear-gradient(150deg,#101218 0%,#0b0b0d 60%) !important;
}

.dash-shell .qcard:hover,
.dash-shell .cfg-item:hover,
.dash-shell .tikrow:hover,
.dash-shell .price-card:hover,
.dash-shell .prod-card:hover {
    background:#101116 !important;
}

.cfg-search {
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:16px;
}

.cfg-search input {
    flex:1 1 auto;
    padding:12px 16px;
    border-radius:10px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    font-family:var(--font-sans);
    font-size:0.92rem;
    color:#ececec;
}

.cfg-search input::placeholder {
    color:#5c5d64;
}

.cfg-search input:focus {
    outline:none;
    border-color:#2a2b31;
}

.cfg-search input::-webkit-search-cancel-button {
    -webkit-appearance:none;
}

.cfg-count {
    flex:none;
    font-family:var(--font-mono);
    font-size:0.72rem;
    color:#8a8b92;
}

.cfg-picked {
    margin:9px 0 0;
    font-size:0.82rem;
    color:#8a8b92;
}

.cfg-picked.is-ok {
    color:#58d69b;
}

.cfg-picked.is-bad {
    color:#ff7a7a;
}

.cfg-item {
    display:flex;
    align-items:center;
    gap:16px;
}

.cfg-item-main {
    flex:1 1 auto;
    min-width:0;
}

.cfg-item-side {
    flex:none;
}

.dash-shell .dnav,
.dash-shell>.dnav {
    background:#0b0b0d !important;
    border-right:1px solid var(--box-line) !important;
}

.dash-shell .dnav-brand,
.dash-shell .dnav-foot,
.dash-shell .dnav-me {
    background:transparent !important;
}

.dash-shell .dnav-item.is-on {
    background:#16171c !important;
    color:#fff !important;
    border-color:var(--box-line) !important;
}

.dash-shell .dnav-item:hover {
    background:#121317 !important;
}

.dash-shell .dnav-item.is-locked:hover {
    background:transparent !important;
}

.motd-preview .motd-bar,
.dash-shell .motd-bar,
.dash-shell .motd-preview {
    background:#0b0b0d !important;
    border:1px solid var(--box-line) !important;
    color:#c8cad0 !important;
}

.dash-shell .motd-bar.is-warn {
    border-color:rgba(245,181,68,.35) !important;
}

.dash-shell .motd-bar.is-alert {
    border-color:rgba(255,77,77,.4) !important;
}

.dash-shell .mini-tag,
.dash-shell .utag,
.dash-shell .u-badge,
.dash-shell .row-tag,
.dash-shell td .tag,
.dash-shell .admin-pill {
    border:1px solid var(--box-line) !important;
    background:#16171c !important;
    color:#c8cad0 !important;
}

.dash-shell .tag-perf,
.dash-shell .is-active {
    border-color:rgba(52,211,153,.32) !important;
    background:rgba(52,211,153,.10) !important;
    color:#34d399 !important;
}

.dash-shell .role-media,
.dash-shell [data-role="media"] {
    border-color:rgba(255,51,51,.45) !important;
    background:rgba(255,51,51,.12) !important;
    color:#ff3333 !important;
}

.dash-shell thead th,
.dash-shell .tbl-head {
    background:#0b0b0d !important;
}

.dash-shell tbody tr:hover td {
    background:#101116 !important;
}

.dash-shell .tik-filters,
.dash-shell .tik-toggle,
.dash-shell .seg,
.dash-shell .toggle-box,
.dash-shell .show-closed {
    background:#0b0b0d !important;
    border:1px solid var(--box-line) !important;
    color:#c8cad0 !important;
}

.dash-shell .seg-btn.is-on,
.dash-shell .tik-filters .is-on {
    background:#16171c !important;
    border-color:var(--box-line) !important;
    color:#fff !important;
}

.dash-shell select,
.dash-shell input,
.dash-shell textarea {
    background:#0b0b0d !important;
    border:1px solid var(--box-line) !important;
    color:#ececec !important;
}

.dash-shell select:focus,
.dash-shell input:focus,
.dash-shell textarea:focus {
    outline:none !important;
    border-color:#2a2b31 !important;
}

.dview[data-view="overview"].is-on {
    display:flex;
    flex-direction:column;
    min-height:min-content;
}

.dview[data-view="overview"].is-on .qgrid:last-of-type {
    flex:1 1 auto;
    align-content:start;
}

.qcard {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    min-height:150px;
}

.qcard b {
    margin-top:auto;
}

.lic-state {
    border:none !important;
    background:none !important;
    padding:0 !important;
}

.lic-state:not(.is-off) {
    color:#34d399 !important;
    text-shadow:0 0 8px rgba(52,211,153,.7),0 0 18px rgba(52,211,153,.4);
}

.lic-state.is-off {
    color:#8a8b92 !important;
    text-shadow:none !important;
}

.role-media,
[data-role="media"],
.dash-shell .role-media,
.dash-shell [data-role="media"],
[data-portal="admin"] .role-media,
[data-portal="admin"] [data-role="media"],
.dnav-tag,
.glow-pill,
.role-pill {
    border:none !important;
    background:none !important;
    background-color:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 2px !important;
}

.dnav-avatar.has-img,
.avatar-preview.has-img {
    background-size:cover;
    background-position:center;
    color:transparent;
}

/* PROFILE MOVED TO TOP OF SIDEBAR */
.dnav-brand {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    padding:22px 18px 18px;
    border-bottom:1px solid var(--box-line);
    margin-bottom:8px;
}
.dnav-logo {
    height:30px;
    width:auto;
}
.dnav-me {
    display:flex;
    align-items:center;
    gap:11px;
    width:100%;
}
.dnav-me .dnav-avatar {
    flex:none;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    background-size:cover;
    background-position:center;
    font-family:var(--font-display);
    font-size:1rem;
    font-weight:700;
    color:#c8cad0;
    overflow:hidden;
}
.dnav-me .dnav-who {
    display:flex;
    flex-direction:column;
    min-width:0;
    line-height:1.25;
}
.dnav-me .dnav-who b {
    font-size:0.92rem;
    color:#f2f3f5;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dnav-me .dnav-who i {
    font-style:normal;
    font-family:var(--font-mono);
    font-size:0.62rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:#8a8b92;
}
/* the logout foot is just a button now */
.dnav-foot {
    padding:14px 12px;
    border-top:1px solid var(--box-line);
}
.dnav-foot .dnav-exit {
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    justify-content:center;
    padding:10px;
    border:1px solid var(--box-line);
    border-radius:9px;
    background:transparent;
    color:#9a9ba1;
    font-size:0.86rem;
    cursor:pointer;
    transition:border-color .16s ease,color .16s ease;
}
.dnav-foot .dnav-exit:hover {
    border-color:rgba(255,77,77,.45);
    color:#ff6a6a;
}

/* MOTD author line */
.dmotd-by {
    display:block;
    margin-top:10px;
    font-family:var(--font-mono);
    font-size:0.74rem;
    color:#8a8b92;
}
.dmotd-by.is-staff {
    color:#ff4d4d;
    text-shadow:0 0 8px rgba(255,60,60,.75),0 0 16px rgba(255,40,40,.45);
    font-weight:700;
}

/* SIDEBAR PROFILE: logo left, profile right, on one row */
.dash-shell .dnav-brand {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:12px !important;
    padding:20px 16px 16px !important;
    border-bottom:1px solid var(--box-line);
}
.dash-shell .dnav-logo {
    height:34px;
    width:34px;
    object-fit:contain;
    flex:none;
}
.dash-shell .dnav-me {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:10px;
    min-width:0;
    flex:1 1 auto;
}
.dash-shell .dnav-me .dnav-avatar {
    flex:none;
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    background-size:cover;
    background-position:center;
    display:grid;
    place-items:center;
    font-family:var(--font-display);
    font-weight:700;
    font-size:0.95rem;
    color:#c8cad0;
    overflow:hidden;
}
.dash-shell .dnav-me .dnav-avatar.has-pfp {
    color:transparent;
    border-color:var(--box-line);
}
.dash-shell .dnav-me .dnav-who {
    display:flex;
    flex-direction:column;
    min-width:0;
    line-height:1.2;
}
.dash-shell .dnav-me .dnav-who b {
    font-size:0.88rem;
    color:#f2f3f5;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* lock toast for gated views */
.lock-toast {
    position:fixed;
    left:50%;
    bottom:26px;
    transform:translateX(-50%);
    z-index:60;
    padding:12px 20px;
    border-radius:10px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    color:#e6e7ea;
    font-size:0.88rem;
    box-shadow:0 8px 30px rgba(0,0,0,.6);
}
.lock-toast[hidden]{display:none;}

/* PFP FIX: has-pfp is the current class; fill the circle with the image and hide the letter */
.dnav-avatar.has-pfp,
.avatar-preview.has-pfp,
.dash-shell .dnav-me .dnav-avatar.has-pfp {
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    color:transparent !important;
    text-indent:-9999px;
}

/* QUICK-ACCESS ICON TILES: match the dashboard neutral palette, not blue */
.dash-shell .qcard-ico {
    background:#16171c !important;
    border:1px solid var(--box-line);
    color:#c8cad0 !important;
}
.dash-shell .qcard:hover .qcard-ico {
    color:#f2f3f5 !important;
    border-color:#2a2b31;
}

/* ROLE UNDER NAME: center it under the username */
.dash-shell .dnav-me .dnav-who {
    align-items:flex-start;
}
.dash-shell .dnav-me .dnav-who i {
    display:block;
    width:100%;
    text-align:left;
}

/* DEFAULT (was "free"): glowy white */
.glow-default,
.glow-free {
    color:#ffffff !important;
    text-shadow:0 0 8px rgba(255,255,255,0.55), 0 0 18px rgba(255,255,255,0.25) !important;
    font-family:var(--font-mono) !important;
    font-size:0.6rem !important;
    letter-spacing:0.22em !important;
    text-transform:uppercase !important;
}

/* CENTER USERNAME ABOVE THE PLAN BADGE */
.dash-shell .dnav-me .dnav-who {
    align-items:center !important;
    text-align:center;
}
.dash-shell .dnav-me .dnav-who b {
    text-align:center;
    width:100%;
}
.dash-shell .dnav-me .dnav-who i,
.dash-shell .dnav-me .dnav-who .dnav-tag {
    display:block;
    width:100%;
    text-align:center !important;
    margin-left:0 !important;
}

/* SIDEBAR PROFILE: logo left end, profile pushed to right end */
.dash-shell .dnav-brand {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:20px 16px 16px !important;
}
.dash-shell .dnav-logo {
    flex:none;
    height:34px;
    width:34px;
}
.dash-shell .dnav-me {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
    margin-left:auto;
}
.dash-shell .dnav-me .dnav-avatar {
    flex:none;
    order:0;
}
.dash-shell .dnav-me .dnav-who {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    line-height:1.15;
}
.dash-shell .dnav-me .dnav-who b {
    text-align:left;
    width:auto;
}
.dash-shell .dnav-me .dnav-who i,
.dash-shell .dnav-me .dnav-who .dnav-tag {
    display:block;
    width:auto;
    text-align:left !important;
    margin-left:0 !important;
}

/* FINAL: profile right end, names centered under each other */
.dash-shell .dnav-brand {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:20px 16px 16px !important;
}
.dash-shell .dnav-me {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
    margin-left:auto !important;
}
.dash-shell .dnav-me .dnav-who {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
}
.dash-shell .dnav-me .dnav-who b {
    text-align:center !important;
    width:100% !important;
}
.dash-shell .dnav-me .dnav-who i,
.dash-shell .dnav-me .dnav-who .dnav-tag,
.dash-shell .dnav-me .dnav-who .glow-pill {
    display:block !important;
    width:100% !important;
    text-align:center !important;
    margin-left:0 !important;
}

/* CENTER NAME/ROLE IN THE REMAINING SPACE (right of avatar) */
.dash-shell .dnav-me {
    flex:1 1 auto !important;
    margin-left:12px !important;
    justify-content:flex-start !important;
}
.dash-shell .dnav-me .dnav-who {
    flex:1 1 auto !important;
    align-items:center !important;
    text-align:center !important;
}

/* PFP at the very right edge, after name/role */
.dash-shell .dnav-me { flex:1 1 auto !important; margin-left:12px !important; }
.dash-shell .dnav-me .dnav-avatar { order:2 !important; margin-left:auto !important; }
.dash-shell .dnav-me .dnav-who { order:1 !important; flex:0 0 auto !important; align-items:flex-start !important; text-align:left !important; }
.dash-shell .dnav-me .dnav-who b, .dash-shell .dnav-me .dnav-who i, .dash-shell .dnav-me .dnav-who .glow-pill { text-align:left !important; width:auto !important; }
.hwid-current{margin:8px 0 10px;font-family:var(--font-mono);font-size:.78rem;color:#8a8b92}
.hwid-current.is-set b{color:#e6e7ea;letter-spacing:.06em}
.hwid-current .hwid-blur{filter:blur(3px);opacity:.7;margin-left:2px;letter-spacing:.2em}
.hwid-current.is-none{color:#8a8b92}
.cfg-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:26px 18px;border:1px dashed #2a2b31;border-radius:12px;background:#0b0b0d;cursor:pointer;transition:border-color .16s,background .16s}
.cfg-drop:hover,.cfg-drop.is-over{border-color:#4f8dff;background:#101116}
.cfg-drop b{font-size:.9rem;color:#e6e7ea}
.cfg-drop span{font-size:.78rem;color:#8a8b92}
.hide{display:none!important}
.dash-shell .dcard,.dash-shell .dstat,.dash-shell .qcard,.dash-shell .acct-box,.dash-shell .cfg-item,.dash-shell .tikrow,.dash-shell .dplan,.dash-shell .lic-card,.dash-shell .dchart-card,.dash-shell .dlog-card,.dash-shell .dlog-item,.dash-shell .price-card,.dash-shell .prod-card,.dash-shell .prod-row,.dash-shell .dmotd,.dash-shell .dcard-hero,.dash-shell .admin-card,.dash-shell .admin-stat,.dash-shell .atab-panel>*{background:#0b0b0d!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}
.dash-shell input,.dash-shell textarea,.dash-shell select,.dash-shell .fld{background:#050506!important;opacity:1!important}

.dash-shell .dview[data-view="overview"].is-on{display:flex!important;flex-direction:column;min-height:calc(100vh - 80px)}
.dash-shell .dview[data-view="overview"].is-on .qgrid:last-of-type{flex:1 1 auto;align-content:start}
.dash-shell .dview[data-view="overview"].is-on .qgrid:last-of-type .qcard{min-height:150px}
.dash-shell .dview-wrap,.dash-shell .dview{background:transparent!important}
.dash-shell .float-dot,.dash-shell .float-layer,[data-portal="admin"] .float-dot,[data-portal="admin"] .float-layer{display:none!important}
.dash-shell .dview[data-view="tickets"] .dcard-hero{border-left:3px solid #4f8dff;border-radius:4px 14px 14px 4px}
.dash-shell .tik-toolbar,.dash-shell .dview[data-view="tickets"] .cfg-toolbar{border-radius:10px;padding:12px 16px}
.dash-shell .tik-empty,.dash-shell .dview[data-view="tickets"] .empty-state{border:1px solid var(--box-line)!important;border-style:solid!important;border-radius:14px;background:#0b0b0d!important;padding:44px 20px}
.dash-shell .dview[data-view="tickets"] .empty-ico,.dash-shell .tik-empty svg{background:transparent!important;border:1px solid var(--box-line);border-radius:10px;padding:9px;color:#4f8dff}
.dash-shell .tikrow{border-left:3px solid transparent;border-radius:4px 11px 11px 4px;transition:border-color .16s,transform .12s}
.dash-shell .tikrow:hover{border-left-color:#4f8dff;transform:translateX(2px)}
.dash-shell .tikrow[data-status="closed"]{border-left-color:#3a3b42}
.dash-shell .tikrow[data-status="open"]{border-left-color:rgba(79,141,255,.55)}
.lock-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:9999;padding:12px 22px;border-radius:11px;border:1px solid var(--box-line);background:#0b0b0d;color:#e6e7ea;font-size:.88rem;text-align:center;box-shadow:0 10px 34px rgba(0,0,0,.65)}
.lock-toast[hidden]{display:none!important}
.acct-danger{border-color:rgba(255,77,77,.28)!important}
.acct-danger h4{color:#ff6a6a}
.acct-danger input{margin-bottom:8px}
.btn-danger{border-color:rgba(255,77,77,.4)!important;color:#ff6a6a!important}
.btn-danger:hover{background:rgba(255,77,77,.1)!important;border-color:#ff4d4d!important}


/* ===== ADMIN ===== */

.admin-panel {
    margin-top:10px;
}

.admin-bar {
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:16px;
}

.admin-title {
    font-family:var(--font-mono);
    font-size:1.15rem;
    font-weight:700;
    letter-spacing:3px;
    color:#fff;
    margin:0;
}

.admin-flag {
    font-family:var(--font-mono);
    font-size:0.62rem;
    font-weight:700;
    letter-spacing:1.4px;
    padding:4px 10px;
    border-radius:4px;
    border:1px solid rgba(240,180,92,0.4);
    background:rgba(240,180,92,0.1);
    color:#f0b45c;
    white-space:nowrap;
}

.admin-flag.is-live {
    border-color:rgba(74,222,128,0.4);
    background:rgba(74,222,128,0.1);
    color:#4ade80;
}

.admin-stats {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
    gap:10px;
    margin-bottom:22px;
}

.admin-stat {
    background:linear-gradient(160deg,#0d1526 0%,#090e1b 100%);
    border:1px solid rgba(80,120,200,0.13);
    border-radius:10px;
    padding:13px 15px;
    transition:transform 0.35s var(--ease-aiden),border-color 0.35s,box-shadow 0.35s;
}

.admin-stat:hover {
    transform:translateY(-3px);
    border-color:rgba(0,83,217,0.55);
    box-shadow:0 10px 26px rgba(0,40,120,0.3);
}

.admin-stat b {
    display:block;
    font-family:var(--font-mono);
    font-size:1.4rem;
    font-weight:700;
    color:var(--accent-text);
    line-height:1.1;
}

.admin-stat span {
    display:block;
    margin-top:4px;
    font-family:var(--font-mono);
    font-size:0.58rem;
    font-weight:700;
    letter-spacing:1.3px;
    text-transform:uppercase;
    color:var(--text-dim);
}

.atabs {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:18px;
}

.atab-btn {
    font-family:var(--font-mono);
    font-size:0.72rem;
    font-weight:700;
    letter-spacing:1.8px;
    color:var(--text-dim);
    background:#12151d;
    border:1px solid #242a36;
    border-radius:6px;
    padding:10px 20px;
    cursor:pointer;
    transition:color 0.3s,border-color 0.3s,background 0.3s,transform 0.35s var(--ease-aiden),box-shadow 0.35s;
}

.atab-btn:hover {
    color:#fff;
    transform:translateY(-2px);
}

.atab-btn.active {
    color:#fff;
    background:rgba(0,83,217,0.16);
    border-color:rgba(0,83,217,0.6);
    box-shadow:0 6px 18px rgba(0,45,130,0.35);
}

.atab-panel {
    display:none;
}

.atab-panel.active {
    display:block;
    animation:panel-in 0.5s var(--ease-aiden);
}

.admin-card {
    background:linear-gradient(165deg,#0d1526 0%,#080d19 100%);
    border:1px solid rgba(80,120,200,0.13);
    border-radius:14px;
    overflow:hidden;
}

.admin-card + .admin-card {
    margin-top:16px;
}

.admin-card-head {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    padding:15px 20px;
    border-bottom:1px solid rgba(80,120,200,0.13);
    font-family:var(--font-mono);
    font-size:0.72rem;
    font-weight:700;
    letter-spacing:2px;
    color:#fff;
}

.admin-hint {
    font-family:var(--font-sans);
    font-size:0.74rem;
    font-weight:400;
    letter-spacing:0;
    color:var(--text-dim);
}

.admin-card-body {
    padding:20px;
}

.admin-row {
    display:flex;
    flex-wrap:wrap;
    gap:0 16px;
}

.admin-row>.field {
    flex:1 1 170px;
}

.admin-row>.field-wide {
    flex:2 1 280px;
}

.admin-row>.field-btn {
    display:flex;
    align-items:flex-end;
    padding-bottom:18px;
}

.admin-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:4px;
}

.admin-divider {
    height:1px;
    background:rgba(80,120,200,0.15);
    margin:22px 0;
}

.admin-kv {
    margin-bottom:22px;
}

.field select,
.field textarea,
.field input[type="file"],
.admin-toolbar input[type="search"] {
    width:100%;
    background:var(--gui-header);
    border:1px solid var(--gui-border);
    border-radius:5px;
    padding:11px 13px;
    color:#fff;
    font-family:var(--font-sans);
    font-size:0.9rem;
    transition:border-color 0.3s,box-shadow 0.3s;
}

.field select:focus,
.field textarea:focus,
.admin-toolbar input[type="search"]:focus {
    outline:none;
    border-color:var(--accent);
    box-shadow:0 0 0 3px rgba(0,83,217,0.15);
}

.admin-switch {
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    cursor:pointer;
    font-size:0.9rem;
    color:#dbe6f5;
}

.admin-switch input {
    width:16px;
    height:16px;
    accent-color:var(--accent);
    cursor:pointer;
}

.admin-toolbar {
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:16px;
}

.admin-toolbar input[type="search"] {
    flex:1 1 auto;
}

.admin-table-wrap {
    overflow-x:auto;
    border:1px solid var(--box-line);
    border-radius:10px;
}

.admin-table {
    width:100%;
    border-collapse:collapse;
    font-size:0.85rem;
    min-width:660px;
}

.admin-table th {
    text-align:left;
    padding:12px 16px;
    background:#0b0b0d;
    border-bottom:1px solid var(--box-line);
    font-family:var(--font-mono);
    font-size:0.6rem;
    font-weight:700;
    letter-spacing:1.3px;
    text-transform:uppercase;
    color:var(--text-dim);
    white-space:nowrap;
}

.admin-table td {
    padding:12px 16px;
    border-bottom:1px solid var(--box-line);
    color:#dbe6f5;
    vertical-align:middle;
}

.admin-table tbody tr:last-child td {
    border-bottom:none;
}

.admin-table tbody tr {
    transition:background 0.25s;
}

.admin-table tbody tr:hover {
    background:rgba(255,255,255,0.03);
}

.admin-table .col-actions {
    text-align:right;
    white-space:nowrap;
}

.admin-table td.col-actions {
    white-space:nowrap;
}
.admin-table td.col-actions .row-actions {
    display:inline-flex;
    gap:6px;
    justify-content:flex-end;
    flex-wrap:wrap;
}

.admin-empty {
    text-align:center;
    color:var(--text-dim);
    padding:26px 14px !important;
    font-size:0.85rem;
}

.admin-user {
    font-weight:600;
    color:#fff;
}

.admin-you {
    font-family:var(--font-mono);
    font-size:0.55rem;
    font-weight:700;
    letter-spacing:1px;
    color:var(--accent-text);
    border:1px solid rgba(79,141,255,0.4);
    border-radius:3px;
    padding:2px 5px;
    margin-left:7px;
    vertical-align:middle;
}

.admin-table select {
    background:var(--gui-header);
    border:1px solid var(--gui-border);
    border-radius:4px;
    color:#fff;
    padding:6px 8px;
    font-family:var(--font-sans);
    font-size:0.8rem;
    cursor:pointer;
}

.admin-table select:focus {
    outline:none;
    border-color:var(--accent);
}

.admin-pager {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:16px;
    font-family:var(--font-mono);
    font-size:0.65rem;
    letter-spacing:1.2px;
    color:var(--text-dim);
}

.admin-progress {
    height:5px;
    background:#12151d;
    border-radius:3px;
    overflow:hidden;
    margin-bottom:14px;
}

.admin-progress-bar {
    height:100%;
    width:0;
    background:linear-gradient(90deg,var(--accent),#7cc0ff);
    transition:width 0.25s linear;
}

.gui-card::before,
.price-box::before,
.auth-card::before,
.log-entry::before,
.cta-banner::before,
.faq-item::before,
.acc-item::before,
.t-card::before,
.why-card::before,
.price-card::before,
.yt-card::before,
.stat-cell::before,
.admin-card::before,
.mod-panel::before {
    content:none !important;
}

.gui-card,
.log-entry,
.auth-card,
.cta-banner,
.faq-item,
.price-box,
.price-box.highlight,
.admin-card,
.mod-panel,
.why-card,
.why-cta,
.price-card,
.stat-cell {
    background-image:none !important;
}

.admin-card,
.mod-panel {
    background-color:#0a0d14 !important;
}

.why-card,
.price-card,
.stat-cell,
.cta-banner,
.why-cta,
.gui-card,
.auth-card,
.log-entry,
.admin-card,
.faq-item {
    box-shadow:0 16px 40px var(--sh) !important;
}

.why-card,
.why-cta,
.price-card,
.stat-cell,
.cta-banner,
.gui-card,
.auth-card,
.log-entry,
.faq-item,
.acc-item,
.admin-card,
.mod-panel,
.price-box,
.t-card,
.yt-card,
.btn-secondary,
.btn-ghost,
.stat-band {
    background:var(--box) !important;
    background-image:none !important;
    border-color:var(--box-line) !important;
}

.why-card,
.price-card,
.stat-cell,
.cta-banner,
.why-cta,
.admin-card,
.auth-card,
.gui-card {
    position:relative;
}

.why-card,
.why-cta,
.price-card,
.stat-cell,
.cta-banner,
.gui-card,
.auth-card,
.log-entry,
.faq-item,
.admin-card {
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 10px 20px rgba(2,6,18,0.38),0 26px 52px rgba(2,6,18,0.44),inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.admin-panel {
    padding:0;
    background:none;
    border:none;
    box-shadow:none;
}

[data-portal="admin"] .admin-panel {
    max-width:none;
    margin:0;
}

[data-portal="admin"] .admin-panel {
    background:none;
    border:none;
    box-shadow:none;
}

[data-portal="admin"] .admin-card {
    padding:22px 24px;
    margin-bottom:14px;
    border-radius:0.85rem;
    border:1px solid var(--box-line);
    background:#000 !important;
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 12px 26px rgba(2,6,18,0.4),inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

[data-portal="admin"] .admin-card-head {
    padding:0 0 14px;
    margin-bottom:16px;
    border-bottom:1px solid var(--box-line);
    background:none;
}

[data-portal="admin"] .admin-card-body {
    padding:0;
}

[data-portal="admin"] .admin-tabs {
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    padding:0 0 18px;
    border-bottom:1px solid var(--box-line);
    margin-bottom:18px;
}

[data-portal="admin"] .atab-btn {
    padding:10px 16px;
    border-radius:9px;
    border:1px solid var(--box-line);
    background:#000;
    color:#87888d;
    font-family:var(--font-sans);
    font-size:0.85rem;
    font-weight:500;
    letter-spacing:0;
    cursor:pointer;
    transition:color .2s ease,border-color .2s ease;
}

[data-portal="admin"] .atab-btn:hover {
    color:#e4e5e8;
    border-color:#26272d;
}

[data-portal="admin"] .atab-btn.active {
    color:#fff;
    border-color:rgba(79,141,255,0.55);
    box-shadow:0 8px 20px rgba(6,24,70,0.45),inset 0 1px 0 rgba(255,255,255,.06);
}

[data-portal="admin"] .admin-stats {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:12px;
    margin-bottom:18px;
}

[data-portal="admin"] .admin-card,
[data-portal="admin"] .atab-panel>*,
[data-portal="admin"] .admin-stat,
[data-portal="admin"] .admin-row {
    background:#000 !important;
    border-color:var(--box-line) !important;
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 12px 26px rgba(2,6,18,0.40),inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

[data-portal="admin"] .admin-card-head,
[data-portal="admin"] .admin-panel h2,
[data-portal="admin"] .admin-panel h3,
[data-portal="admin"] label,
[data-portal="admin"] .admin-stat b {
    color:#fff !important;
    font-family:var(--font-mod) !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

[data-portal="admin"] .admin-panel p,
[data-portal="admin"] .admin-hint,
[data-portal="admin"] .admin-stat span {
    color:#eaeaec !important;
}

[data-portal="admin"] input,
[data-portal="admin"] textarea,
[data-portal="admin"] select {
    background:#05060a !important;
    border:1px solid var(--box-line) !important;
    color:#ececec !important;
    border-radius:8px !important;
}

[data-portal="admin"] input:focus,
[data-portal="admin"] textarea:focus,
[data-portal="admin"] select:focus {
    outline:none !important;
    border-color:rgba(79,141,255,0.5) !important;
}

.earn-amt {
    font-family:var(--font-display);
    font-size:1.2rem;
    color:#fff;
}

.role-media,
[data-role="media"] {
    border:1px solid rgba(255,51,51,.45) !important;
    background:rgba(255,51,51,.12) !important;
    color:#ff3333 !important;
    font-weight:600;
    text-shadow:0 0 12px rgba(255,51,51,.3);
}

[data-portal="admin"] .admin-card,
[data-portal="admin"] .admin-stat,
[data-portal="admin"] .admin-row,
[data-portal="admin"] .atab-panel,
[data-portal="admin"] .atab-panel>*,
[data-portal="admin"] .gen-result,
[data-portal="admin"] .code-out,
[data-portal="admin"] .motd-preview,
[data-portal="admin"] .motd-bar,
[data-portal="admin"] .panel,
[data-portal="admin"] .box,
[data-portal="admin"] .well,
[data-portal="admin"] fieldset,
[data-portal="admin"] .earn-row,
[data-portal="admin"] .tik-item,
[data-portal="admin"] .transcript-row {
    background:#0b0b0d !important;
    border:1px solid var(--box-line) !important;
    color:#c8cad0 !important;
    box-shadow:none !important;
}

[data-portal="admin"] .gen-note,
[data-portal="admin"] .code-banner,
[data-portal="admin"] .just-generated,
[data-portal="admin"] .info-banner {
    background:#0b0b0d !important;
    border:1px solid var(--box-line) !important;
    color:#c8cad0 !important;
}

[data-portal="admin"] input,
[data-portal="admin"] select,
[data-portal="admin"] textarea {
    background:#050506 !important;
    border:1px solid var(--box-line) !important;
    color:#ececec !important;
}

[data-portal="admin"] input:focus,
[data-portal="admin"] select:focus,
[data-portal="admin"] textarea:focus {
    outline:none !important;
    border-color:#2a2b31 !important;
    box-shadow:none !important;
}

[data-portal="admin"] .mini-tag,
[data-portal="admin"] .u-badge,
[data-portal="admin"] .utag,
[data-portal="admin"] td .tag {
    background:#16171c !important;
    border:1px solid var(--box-line) !important;
    color:#c8cad0 !important;
}

[data-portal="admin"] .atab-btn {
    background:#0b0b0d !important;
    border:1px solid var(--box-line) !important;
    color:#8a8b92 !important;
}

[data-portal="admin"] .atab-btn:hover {
    background:#121317 !important;
    color:#fff !important;
}

[data-portal="admin"] .atab-btn.active,
[data-portal="admin"] .atab-btn.is-on {
    background:#16171c !important;
    border-color:var(--box-line) !important;
    color:#fff !important;
}

[data-portal="admin"] .motd-bar.is-warn {
    border-color:rgba(245,181,68,.35) !important;
}

[data-portal="admin"] .motd-bar.is-alert {
    border-color:rgba(255,77,77,.4) !important;
}

[data-portal="admin"] .status-active,
[data-portal="admin"] .tag-perf {
    border-color:rgba(52,211,153,.32) !important;
    background:rgba(52,211,153,.10) !important;
    color:#34d399 !important;
}

[data-portal="admin"] .role-media,
[data-portal="admin"] [data-role="media"] {
    border-color:rgba(255,51,51,.45) !important;
    background:rgba(255,51,51,.12) !important;
    color:#ff3333 !important;
}

.glow-pill,
.role-pill {
    display:inline-block;
    padding:0 2px;
    margin-left:8px;
    border:none !important;
    background:none !important;
    border-radius:0 !important;
    font-family:var(--font-mono);
    font-size:0.64rem;
    font-weight:700;
    letter-spacing:.1em;
    vertical-align:middle;
    box-shadow:none !important;
}

.role-admin {
    color:#c81e2c !important;
    text-shadow:0 0 6px rgba(180,20,30,.95),0 0 15px rgba(150,12,22,.7),0 0 28px rgba(120,8,16,.45);
    animation:glow-pulse-darkred 3.1s ease-in-out infinite;
}

.role-media {
    color:#ff4d4d !important;
    text-shadow:0 0 6px rgba(255,60,60,.9),0 0 14px rgba(255,40,40,.65),0 0 26px rgba(255,30,30,.4);
    animation:glow-pulse-red 2.8s ease-in-out infinite;
}

.role-you {
    color:#e6e7ea !important;
    text-shadow:0 0 8px rgba(255,255,255,.35);
}

/* GENERATE button aligns level with the inputs, not floating above them */
[data-portal="admin"] .admin-row > .field-btn,
.admin-row > .field-btn {
    align-items:flex-end !important;
    padding-bottom:0 !important;
}
[data-portal="admin"] .admin-row > .field-btn .btn {
    height:44px;
}

/* CLEANER STAFF PANEL — match the dashboard black/grey palette */
[data-portal="admin"] .admin-panel { margin-top:4px; }
[data-portal="admin"] .admin-title {
    font-family:var(--font-display);
    font-size:1.05rem;
    font-weight:700;
    letter-spacing:0.02em;
    text-transform:none;
}
[data-portal="admin"] .admin-card,
[data-portal="admin"] .atab-panel > .admin-card {
    background:#0b0b0d !important;
    border:1px solid var(--box-line) !important;
    border-radius:13px !important;
    overflow:hidden;
}
[data-portal="admin"] .admin-card-head {
    padding:16px 20px;
    border-bottom:1px solid var(--box-line) !important;
    font-family:var(--font-mono);
    font-size:0.66rem;
    letter-spacing:0.14em;
    color:#c8cad0 !important;
}
[data-portal="admin"] .admin-card-body { padding:22px 20px; }
[data-portal="admin"] .admin-hint { color:#8a8b92 !important; }
[data-portal="admin"] .admin-card + .admin-card { margin-top:16px; }

/* tab strip cleaner spacing */
[data-portal="admin"] .atabs {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:20px;
}

/* stats tiles: neutral, even grid */
[data-portal="admin"] .admin-stats {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:12px;
    margin-bottom:24px;
}
[data-portal="admin"] .admin-stat {
    background:#0b0b0d !important;
    border:1px solid var(--box-line) !important;
    border-radius:11px !important;
    padding:16px !important;
    box-shadow:none !important;
}
[data-portal="admin"] .admin-stat b {
    display:block;
    font-family:var(--font-display);
    font-size:1.5rem;
    color:#f2f3f5;
    margin-bottom:2px;
}
[data-portal="admin"] .admin-stat span {
    font-family:var(--font-mono);
    font-size:0.6rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:#8a8b92;
}

/* changelog maintenance block spacing */
[data-portal="admin"] .admin-sub {
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid var(--box-line);
}
[data-portal="admin"] .cl-tools {
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:12px;
}
[data-portal="admin"] .cl-tool {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:0.85rem;
    color:#c8cad0;
}
[data-portal="admin"] .cl-tool input {
    width:64px;
    text-align:center;
}
[data-portal="admin"] .cl-danger:hover {
    border-color:rgba(255,77,77,0.4) !important;
    color:#ff6a6a !important;
}
.urow-pfp{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--box-line);background:#0b0b0d;background-size:cover;background-position:center;font-family:var(--font-display);font-size:.72rem;font-weight:700;color:#c8cad0;margin-right:8px;vertical-align:middle;overflow:hidden}
.urow-pfp.has-pfp{color:transparent;text-indent:-9999px}

/* SPLIT STAFF PANEL INTO SEPARATE CARDS */
[data-portal="admin"] .atab-panel{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
[data-portal="admin"] .atab-panel>*{background:#0b0b0d!important;border:1px solid var(--box-line)!important;border-radius:13px!important;box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 12px 26px rgba(2,6,18,.4)!important;margin:0!important;overflow:hidden}
[data-portal="admin"] .admin-card{margin:0!important}
[data-portal="admin"] .admin-card+.admin-card{margin-top:0!important}
[data-portal="admin"] .admin-card-head{padding:15px 20px;border-bottom:1px solid var(--box-line)!important;background:transparent!important;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#c8cad0!important}
[data-portal="admin"] .admin-card-body{padding:20px}
[data-portal="admin"] .admin-panel{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
[data-portal="admin"] .admin-bar{margin-bottom:16px}
/* inner rectangles inside cards: drop the outline, use spacing instead */
[data-portal="admin"] .admin-card-body .admin-row{border:none!important;background:transparent!important;padding:0!important;gap:16px;margin-bottom:14px}
[data-portal="admin"] .admin-card-body .field{border:none!important;background:transparent!important;padding:0!important}
[data-portal="admin"] .admin-sub{background:transparent!important;border:none!important;border-top:1px solid var(--box-line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:18px 20px!important}
/* tables sit flush inside their card */
[data-portal="admin"] .admin-table-wrap{border:none!important;border-radius:0!important;background:transparent!important}
[data-portal="admin"] .atab-panel{display:none!important}
[data-portal="admin"] .atab-panel.active{display:flex!important;flex-direction:column;gap:16px}


/* ===== MODALS ===== */

.modal-back,
.lock-gate,
.dlg-back,
.overlay-back {
    background:rgba(6,8,14,0.55) !important;
    backdrop-filter:blur(14px) saturate(1.1);
    -webkit-backdrop-filter:blur(14px) saturate(1.1);
}

.modal-card,
.dlg-card,
.lock-gate-card,
.glass-card {
    position:relative;
    border-radius:1rem !important;
    border:1px solid rgba(255,255,255,0.10) !important;
    background:linear-gradient( 160deg,rgba(28,30,38,0.82) 0%,rgba(14,15,20,0.88) 100% ) !important;
    backdrop-filter:blur(22px) saturate(1.25);
    -webkit-backdrop-filter:blur(22px) saturate(1.25);
    box-shadow:0 28px 70px rgba(0,0,0,0.62),inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.modal-card::before,
.dlg-card::before,
.glass-card::before {
    content:'';
    position:absolute;
    inset:0 0 auto 0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.28),transparent);
    pointer-events:none;
}

.modal-back {
    position:fixed;
    inset:0;
    z-index:90;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}

.modal-back[hidden] {
    display:none;
}

.checkout-card {
    width:min(470px,100%);
    padding:32px 34px 30px;
}

.modal-x {
    position:absolute;
    top:18px;
    right:18px;
    width:30px;
    height:30px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,0.07);
    font-size:1.15rem;
    line-height:1;
    color:#c9cace;
    cursor:pointer;
}

.modal-x:hover {
    background:rgba(255,255,255,0.13);
    color:#fff;
}

.checkout-card h3 {
    margin:0 0 8px;
    font-family:var(--font-display);
    font-size:1.6rem;
    font-weight:700;
    color:#fff;
}

.modal-sub {
    margin:0 0 24px;
    font-size:0.92rem;
    color:#c2c3c8;
}

.fld-label {
    display:block;
    margin-bottom:8px;
    font-family:var(--font-mono);
    font-size:0.66rem;
    letter-spacing:0.11em;
    text-transform:uppercase;
    color:#9a9ba1;
}

.fld {
    width:100%;
    padding:13px 15px;
    margin-bottom:20px;
    border-radius:9px;
    border:1px solid rgba(255,255,255,0.12);
    background:rgba(0,0,0,0.34);
    font-family:var(--font-sans);
    font-size:0.95rem;
    color:#fff;
}

.fld option {
    background:#14151a;
    color:#fff;
}

.co-coupon {
    display:flex;
    gap:10px;
    margin-bottom:6px;
}

.co-coupon .fld {
    margin-bottom:0;
}

.co-coupon .btn {
    flex:none;
    min-width:96px;
}

.modal-note {
    min-height:20px;
    margin:10px 0 16px;
    font-size:0.84rem;
    color:#8a8b92;
}

.modal-note.is-good {
    color:#58d69b;
}

.modal-note.is-bad {
    color:#ff7a7a;
}

.co-go {
    width:100%;
    padding:15px;
    font-size:1rem;
}

.modal-back,
.lock-gate,
.dlg-back {
    background:rgba(2,4,10,0.72) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.modal-card,
.dlg-card,
.lock-gate-card,
.glass-card {
    border:1px solid var(--box-line) !important;
    background:linear-gradient(160deg,#0a0c12 0%,#000 72%) !important;
    backdrop-filter:blur(18px) saturate(1.1);
    -webkit-backdrop-filter:blur(18px) saturate(1.1);
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px var(--sh-soft,rgba(3,9,26,0.55)),0 24px 60px var(--sh,rgba(3,9,26,0.78)),inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.modal-card::before,
.dlg-card::before,
.glass-card::before {
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.10),transparent) !important;
}

.modal-x {
    background:#0b0b0d;
    border:1px solid var(--box-line);
    color:#8a8b92;
}

.modal-x:hover {
    background:#14151a;
    color:#fff;
}

.fld {
    border:1px solid var(--box-line) !important;
    background:#05070c !important;
    color:#ececec;
}

.fld:focus {
    border-color:#33343b !important;
    outline:none;
}

.fld option {
    background:#0a0c12;
    color:#fff;
}

.checkout-card h3 {
    color:#fff;
}

.modal-sub {
    color:#9a9ba1;
}

.fld-label {
    color:#8a8b92;
}

.modal-back {
    background:rgba(4,5,8,0.72) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    animation:modal-fade .2s ease;
}

.modal-card,
.checkout-card {
    border:1px solid var(--box-line) !important;
    background:#0b0b0d !important;
    box-shadow:0 1px 1px rgba(0,0,0,.5),0 3px 6px rgba(2,6,18,.34),0 28px 66px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    animation:modal-pop .26s cubic-bezier(.22,1.02,.36,1);
}

.modal-back[hidden] {
    display:none !important;
}

.modal-card::before,
.checkout-card::before {
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent) !important;
}

.checkout-card h3 {
    color:#f2f3f5;
}

.modal-sub {
    color:#9a9ba1;
}

.fld-label {
    color:#8a8b92;
}

.fld {
    background:#050506 !important;
    border:1px solid var(--box-line) !important;
    color:#ececec !important;
}

.fld:focus {
    border-color:#2a2b31 !important;
    outline:none !important;
    box-shadow:none !important;
}

.fld option {
    background:#0b0b0d;
    color:#fff;
}

.modal-x {
    background:#16171c;
    border:1px solid var(--box-line);
    color:#8a8b92;
}

.modal-x:hover {
    background:#1c1d23;
    color:#fff;
}
.co-hidden{display:none!important}
.co-plans,.co-pays{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}
.co-plan,.co-pay{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px;border:1px solid var(--box-line);border-radius:11px;background:#050506;cursor:pointer;transition:border-color .16s,background .16s}
.co-plan input,.co-pay input{position:absolute;opacity:0;pointer-events:none}
.co-plan:hover,.co-pay:hover{border-color:#2a2b31;background:#0d0e12}
.co-plan.is-on,.co-pay.is-on{border-color:#4f8dff;background:#0e1421;box-shadow:0 0 0 1px rgba(79,141,255,.25)}
.co-plan-name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:#f2f3f5}
.co-plan-price{font-family:var(--font-display);font-size:1.25rem;color:#4f8dff;line-height:1.1}
.co-plan-note{font-size:.72rem;color:#8a8b92}
.co-pay{flex-direction:row;align-items:center;gap:10px}
.co-pay svg{color:#9aa3b2;flex:none}
.co-pay.is-on svg{color:#4f8dff}
.co-pay span{font-size:.9rem;color:#e6e7ea}
.co-pay.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
.co-pay.is-disabled:hover{border-color:var(--box-line);background:#050506}
.co-soon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;font-family:var(--font-mono);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:#8a8b92;border:1px solid var(--box-line);border-radius:5px;padding:2px 5px;background:#0b0b0d}
@media(max-width:520px){.co-plans,.co-pays{grid-template-columns:1fr}}
.modal-back:not([hidden]){animation:co-fade .18s ease}
.modal-back:not([hidden]) .checkout-card{animation:co-pop .3s cubic-bezier(.2,1.05,.35,1)}
@keyframes co-fade{from{opacity:0}to{opacity:1}}
@keyframes co-pop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.modal-back:not([hidden]),.modal-back:not([hidden]) .checkout-card{animation:none}}
.co-pay.is-disabled{opacity:.55;cursor:not-allowed;filter:grayscale(1)}
.co-pay.is-disabled.shake{border-color:#ff4d4d!important;box-shadow:0 0 0 1px rgba(255,77,77,.4),0 0 16px rgba(255,60,60,.45)!important;animation:co-shake .4s ease}
.co-pay.is-disabled.shake svg,.co-pay.is-disabled.shake span{color:#ff6a6a!important}
@keyframes co-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}


/* ===== MISC ===== */

h1,
h2,
h3,
h4 {
    font-family:var(--font-display);
    letter-spacing:-0.5px;
}

a {
    text-decoration:none;
    color:var(--text-main);
    transition:color 0.2s;
}

a:hover {
    color:var(--accent);
}

.text-link {
    color:var(--text-main);
    font-weight:500;
    border-bottom:1px solid transparent;
    transition:all 0.2s ease;
}

.text-link:hover {
    color:var(--accent);
    border-bottom:1px solid var(--accent);
}

.text-center {
    text-align:center;
}

.shadow-1 {
    width:500px;
    height:500px;
    background-color:#0c1529;
    top:-100px;
    left:-150px;
}

.shadow-2 {
    width:600px;
    height:600px;
    background-color:#0e1933;
    bottom:-150px;
    right:-100px;
    animation-duration:30s;
    animation-direction:alternate-reverse;
}

.shadow-3 {
    width:400px;
    height:400px;
    background-color:#091024;
    top:40%;
    left:30%;
    animation-duration:35s;
    opacity:0.8;
}

.animate-in {
    opacity:0;
    animation:fadeSlideUp 0.6s cubic-bezier(0.16,1,0.3,1) forwards;
}

.delay-1 {
    animation-delay:0.1s;
}

.delay-2 {
    animation-delay:0.2s;
}

.delay-3 {
    animation-delay:0.3s;
}

.brand {
    display:flex;
    align-items:center;
    gap:12px;
}

.brand-logo {
    height:32px;
}

.brand-text {
    font-size:1.2rem;
    font-weight:700;
}

.full-width {
    width:100%;
}

.video-container {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    border:1px solid var(--gui-border);
    background-color:#000;
}

.video-container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.gui-accordion {
    max-width:800px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:15px;
}

.gui-card {
    background-color:var(--gui-body);
    border:1px solid var(--gui-border);
    border-radius:4px;
    transition:border-color 0.2s;
    position:relative;
    overflow:hidden;
}

.gui-header {
    background-color:var(--gui-header);
    padding:16px 20px;
    font-size:1.1rem;
    color:var(--text-main);
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    user-select:none;
    transition:background-color 0.2s;
}

.gui-header:hover {
    background-color:#1a1a1a;
}

.toggle-icon {
    font-size:1.2rem;
    color:var(--text-dim);
    transition:transform 0.3s ease;
}

.gui-content {
    overflow:hidden;
}

.gui-card.open {
    border-color:#333;
}

.gui-card.open::before {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:3px;
    background-color:var(--accent);
    z-index:5;
}

.gui-card.open .gui-header {
    border-bottom:1px solid var(--gui-border);
}

.gui-card.open .toggle-icon {
    transform:rotate(45deg);
    color:var(--accent);
}

.gui-card.open .gui-content {
    padding:30px 20px;
}

.pricing-wrapper {
    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
}

.faq-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.faq-item {
    cursor:help;
}

.faq-item h4 {
    font-size:1.05rem;
    margin-bottom:8px;
    color:#cbd5e1;
}

.faq-item p {
    color:var(--text-dim);
    font-size:0.95rem;
}

footer {
    background-color:transparent;
    padding:18px 0 22px;
    margin-top:auto;
    position:relative;
    z-index:10;
}

.footer-content {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-left p {
    color:var(--text-dim);
    font-size:0.9rem;
    margin-top:5px;
}

.footer-right {
    display:flex;
    gap:20px;
}

.footer-right a {
    color:var(--text-dim);
    font-size:0.9rem;
}

.footer-right a:hover {
    color:var(--text-main);
}

@media (max-width:600px) {
    .faq-grid {
        grid-template-columns:1fr;
    }
    .footer-content {
        flex-direction:column;
        text-align:center;
        gap:20px;
    }
}

.dose-title-container {
    margin-bottom:25px;
}

.dose-title {
    font-family:var(--font-mono);
    font-size:1.3rem;
    font-weight:700;
    color:var(--text-main);
    text-transform:uppercase;
    letter-spacing:1px;
}

.tolerance-text {
    color:var(--accent);
    text-transform:uppercase;
    font-size:0.85rem;
    letter-spacing:2px;
    margin-bottom:5px;
    font-family:var(--font-mono);
    font-weight:700;
}

::-webkit-scrollbar {
    width:10px;
}

::-webkit-scrollbar-track {
    background:#0b0f1a;
}

::-webkit-scrollbar-thumb {
    background:#252525;
    border-radius:5px;
}

::-webkit-scrollbar-thumb:hover {
    background:#0053d9;
}

#ambient-dots {
    position:fixed;
    inset:0;
    z-index:1;
    pointer-events:none;
}

.brand-logo {
    height:34px;
    width:auto;
}

.brand-text {
    font-size:1rem;
    letter-spacing:0.5px;
    white-space:nowrap;
}

.brand-text .accent {
    color:var(--accent);
}

.brand:hover .brand-text {
    color:var(--text-main);
}

@media (max-width:860px) {
    .nav-toggle {
        display:block;
    }
    .nav-links {
        position:absolute;
        top:var(--nav-h);
        left:0;
        right:0;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        background:rgba(10,12,18,0.97);
        border-bottom:1px solid var(--gui-border);
        padding:8px 20px 20px;
        display:none;
    }
    body.nav-open .nav-links {
        display:flex;
    }
    .nav-links>a:not(.btn) {
        padding:14px 4px;
        border-bottom:1px solid rgba(37,37,37,0.6);
    }
    .nav-links .btn {
        margin-top:12px;
    }
}

.reveal {
    opacity:0;
    transform:translateY(26px);
    transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out);
}

.reveal.in {
    opacity:1;
    transform:none;
}

.reveal.d1 {
    transition-delay:0.08s;
}

.reveal.d2 {
    transition-delay:0.16s;
}

.reveal.d3 {
    transition-delay:0.24s;
}

.reveal.d4 {
    transition-delay:0.32s;
}

.stat-value {
    font-family:var(--font-mono);
    font-size:1.45rem;
    font-weight:700;
    color:var(--text-main);
}

.stat-value span {
    color:var(--accent);
}

.stat-label {
    font-family:var(--font-mono);
    font-size:0.68rem;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--text-dim);
    margin-top:4px;
}

#holo-logo {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
}

@media (max-width:900px) {
    .hero-split {
        padding-top:44px;
    }
    .hero-grid {
        grid-template-columns:1fr;
        gap:12px;
    }
    .hero-visual {
        order:-1;
        height:330px;
    }
    .hero-stats {
        gap:26px;
    }
}

.section {
    position:relative;
    z-index:10;
    padding:74px 0;
}

.section-head {
    margin-bottom:36px;
}

.section-tight {
    padding-top:30px;
}

.page-head {
    position:relative;
    z-index:10;
    padding:64px 0 6px;
}

.yt-featured {
    max-width:860px;
    margin:0 auto 22px;
}

.yt-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    max-width:860px;
    margin:0 auto;
}

.yt-card {
    position:relative;
    aspect-ratio:16 / 9;
    background:var(--gui-body);
    border:1px solid var(--gui-border);
    border-radius:4px;
    overflow:hidden;
    cursor:pointer;
    transition:border-color 0.2s ease,box-shadow 0.2s ease;
}

.yt-card:hover {
    border-color:#3a3a3a;
    box-shadow:0 6px 30px rgba(0,0,0,0.35);
}

.yt-thumb {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0.92;
    transition:transform 0.4s var(--ease-out),opacity 0.2s ease;
}

.yt-card:hover .yt-thumb {
    transform:scale(1.035);
    opacity:1;
}

.yt-play {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:76px;
    height:54px;
    background:rgba(8,8,10,0.72);
    border:1px solid var(--gui-border);
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.2s ease;
    pointer-events:none;
}

.yt-play::after {
    content:'';
    border-style:solid;
    border-width:11px 0 11px 19px;
    border-color:transparent transparent transparent var(--accent);
    margin-left:5px;
}

.yt-card:hover .yt-play {
    background:rgba(15,108,245,0.16);
    border-color:var(--accent);
    box-shadow:0 0 26px rgba(15,108,245,0.35);
}

.yt-title {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:26px 16px 13px;
    font-family:var(--font-mono);
    font-size:0.84rem;
    color:#e2e8f0;
    background:linear-gradient(transparent,rgba(0,0,0,0.82));
    pointer-events:none;
}

.yt-card iframe {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.yt-card.is-empty {
    cursor:default;
    border-style:dashed;
    border-color:#2e3a52;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(ellipse at 50% 120%,rgba(15,108,245,0.06),transparent 60%),var(--gui-body);
}

.yt-card.is-empty:hover {
    border-color:rgba(15,108,245,0.5);
    box-shadow:none;
}

.yt-empty-label {
    text-align:center;
    font-family:var(--font-mono);
    font-size:0.78rem;
    letter-spacing:1px;
    color:#55648a;
    line-height:2.1;
    padding:0 16px;
}

.yt-empty-label b {
    display:block;
    color:#cbd5e1;
    font-size:0.95rem;
    letter-spacing:2px;
}

.marquee {
    position:relative;
    overflow:hidden;
    padding:6px 0;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}

.marquee-track {
    display:flex;
    width:max-content;
    animation:marquee var(--marquee-dur,44s) linear infinite;
    will-change:transform;
}

.marquee:hover .marquee-track {
    animation-play-state:paused;
}

.marquee-track img {
    display:block;
    height:224px;
    aspect-ratio:16 / 9;
    object-fit:cover;
    border:1px solid var(--gui-border);
    border-radius:4px;
    margin-right:18px;
    transition:border-color 0.2s ease;
}

.marquee-track img:hover {
    border-color:rgba(15,108,245,0.55);
}

@media (max-width:600px) {
    .marquee-track img {
        height:150px;
        margin-right:12px;
    }
}

.compare-card {
    max-width:860px;
    margin:0 auto;
}

.compare-wrap {
    overflow-x:auto;
}

.compare-table {
    width:100%;
    min-width:560px;
    border-collapse:collapse;
    font-size:0.95rem;
}

.compare-table th {
    font-family:var(--font-mono);
    font-size:0.78rem;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    text-align:left;
    color:var(--text-dim);
    background:var(--gui-header);
    padding:15px 20px;
    border-bottom:1px solid var(--gui-border);
}

.compare-table th:first-child {
    width:44%;
}

.compare-table th.col-lifetime {
    color:var(--accent);
}

.compare-table td {
    padding:16px 20px;
    border-bottom:1px solid var(--gui-border);
    color:var(--text-dim);
}

.compare-table td:first-child {
    color:var(--text-main);
    font-weight:500;
}

.compare-table td:empty::after {
    content:'—';
    color:#39445c;
}

.compare-table .yes {
    color:var(--accent);
    font-weight:700;
    font-family:var(--font-mono);
}

.compare-table .no {
    color:#55607a;
    font-family:var(--font-mono);
}

.compare-cta {
    display:flex;
    gap:14px;
    justify-content:center;
    margin-top:34px;
    flex-wrap:wrap;
}

.log-list {
    max-width:800px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.log-entry {
    background:var(--gui-body);
    border:1px solid var(--gui-border);
    border-radius:4px;
    position:relative;
    overflow:hidden;
}

.log-entry::before {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:3px;
    background:var(--accent);
    z-index:5;
}

.log-head {
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    padding:15px 22px;
    background:var(--gui-header);
    border-bottom:1px solid var(--gui-border);
}

.log-version {
    font-family:var(--font-mono);
    font-size:1.02rem;
    font-weight:700;
    color:var(--text-main);
}

.log-date {
    margin-left:auto;
    font-family:var(--font-mono);
    font-size:0.78rem;
    letter-spacing:1px;
    color:var(--text-dim);
}

.auth-wrap {
    position:relative;
    z-index:10;
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:70px 20px;
}

.auth-card {
    width:100%;
    max-width:420px;
    background:var(--gui-body);
    border:1px solid var(--gui-border);
    border-radius:4px;
    position:relative;
    overflow:hidden;
}

.auth-card::before {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:3px;
    background:var(--accent);
    z-index:5;
}

.auth-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 24px;
    background:var(--gui-header);
    border-bottom:1px solid var(--gui-border);
    font-family:var(--font-mono);
    font-size:0.92rem;
    font-weight:700;
    letter-spacing:1.5px;
}

.auth-head .dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent);
    box-shadow:0 0 10px rgba(15,108,245,0.8);
}

.auth-links {
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:16px;
    font-size:0.85rem;
    color:var(--text-dim);
    flex-wrap:wrap;
}

.auth-links a {
    color:var(--text-dim);
}

.auth-links a:hover {
    color:var(--accent);
}

.billing-note {
    text-align:center;
    color:var(--text-dim);
    font-size:0.88rem;
    margin-top:26px;
}

.cta-banner {
    position:relative;
    overflow:hidden;
    background:radial-gradient(ellipse at 100% 0%,rgba(15,108,245,0.1),transparent 55%),var(--gui-body);
    border:1px solid var(--gui-border);
    border-radius:4px;
    padding:44px 36px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:26px;
    flex-wrap:wrap;
}

.cta-banner::before {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:3px;
    background:var(--accent);
}

.cta-banner h3 {
    font-size:1.45rem;
    letter-spacing:0.5px;
}

.cta-banner p {
    color:var(--text-dim);
    margin-top:6px;
}

.cta-actions {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.legal {
    position:relative;
    z-index:10;
    max-width:760px;
    margin:0 auto;
    padding:64px 20px 90px;
}

.legal h1 {
    font-size:2rem;
    margin-bottom:4px;
}

.legal .updated {
    font-family:var(--font-mono);
    font-size:0.78rem;
    letter-spacing:1px;
    color:var(--text-dim);
    margin-bottom:8px;
}

.legal .template-note {
    font-size:0.85rem;
    color:#7c8db0;
    border:1px dashed #2e3a52;
    border-radius:4px;
    padding:10px 14px;
    margin:18px 0 30px;
}

.legal h2 {
    font-size:1.08rem;
    color:#cbd5e1;
    margin:34px 0 10px;
}

.legal p,
.legal li {
    color:var(--text-dim);
    font-size:0.95rem;
}

.legal ul {
    padding-left:22px;
    margin:8px 0;
}

.legal .fill {
    color:#5b6b8c;
    font-style:italic;
}

.hide {
    display:none !important;
}

.kv {
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px 22px;
    align-items:center;
}

.kv dt {
    font-family:var(--font-mono);
    font-size:0.7rem;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--text-dim);
}

.kv dd {
    color:var(--text-main);
    font-size:0.98rem;
}

.log-delete {
    background:none;
    border:1px solid var(--gui-border);
    border-radius:3px;
    color:var(--text-dim);
    width:24px;
    height:24px;
    cursor:pointer;
    font-size:0.8rem;
    line-height:1;
    transition:all 0.2s ease;
}

.log-delete:hover {
    color:#f0765c;
    border-color:rgba(240,118,92,0.5);
}

.shadow-1 {
    background-color:#071022;
}

.shadow-2 {
    background-color:#081430;
}

.shadow-3 {
    background-color:#050b1c;
}

.gui-card.open::before,
.log-entry::before,
.auth-card::before,
.cta-banner::before {
    content:none;
}

.cta-banner {
    background:var(--gui-body);
}

.yt-card {
    border-color:rgba(255,255,255,0.05);
}

.yt-card:hover {
    border-color:rgba(45,120,255,0.55);
}

@media (max-width:860px) {
    .nav-links {
        background:rgba(7,10,17,0.97);
    }
    .nav-links>a:not(.btn),
.nav-links>a {
        padding:14px 8px;
        border-radius:6px;
        border-bottom:1px solid rgba(37,37,37,0.6);
    }
    .nav-links>a.nav-pill {
        border:1px solid rgba(255,255,255,0.09);
        margin-top:10px;
    }
}

.slant-band {
    position:relative;
    z-index:10;
    background:linear-gradient(180deg,var(--panel) 0%,#0a101f 100%);
    clip-path:polygon(0 3.2vw,100% 0,100% calc(100% - 3.2vw),0 100%);
    padding:calc(3.2vw + 64px) 0 calc(3.2vw + 64px);
    margin:-1.6vw 0;
}

.slant-band.rev {
    clip-path:polygon(0 0,100% 3.2vw,100% 100%,0 calc(100% - 3.2vw));
}

@media (max-width:900px) {
    .loader-grid {
        grid-template-columns:1fr;
        gap:30px;
    }
    .loader-stage {
        order:-1;
    }
}

.faq-item {
    background:var(--gui-body);
    border:1px solid var(--gui-border);
    border-radius:4px;
    padding:24px 22px;
    cursor:default;
    transition:box-shadow 0.25s ease;
}

.faq-item h4 {
    font-size:1.02rem;
    margin-bottom:8px;
    color:#dbe3f0;
}

.gui-card,
.log-entry,
.auth-card,
.cta-banner {
    overflow:visible;
}

.shadow-1 {
    background-color:transparent;
    background-image:radial-gradient(circle,rgba(37,99,235,0.20),transparent 65%);
    animation:orb-a 28s ease-in-out infinite alternate;
}

.shadow-2 {
    background-color:transparent;
    background-image:radial-gradient(circle,rgba(15,108,245,0.14),transparent 62%);
    animation:orb-b 34s ease-in-out infinite alternate;
}

.shadow-3 {
    background-color:transparent;
    background-image:radial-gradient(circle,rgba(124,96,255,0.11),transparent 60%);
    animation:orb-c 40s ease-in-out infinite alternate;
}

@media (max-width:860px) {
    .nav-links {
        top:calc(var(--nav-h) + 16px);
        left:14px;
        right:14px;
        border:1px solid #232a3a;
        border-radius:12px;
        box-shadow:0 24px 60px rgba(0,0,0,0.6);
    }
}

footer {
    border-top:none;
    position:relative;
}

footer::before {
    content:'';
    position:absolute;
    top:0;
    left:8%;
    right:8%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(15,108,245,0.55),transparent);
}

.stat-value {
    background:linear-gradient(180deg,#ffffff 20%,#9cc6f5 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.stat-value span:last-child {
    color:var(--accent);
    -webkit-background-clip:initial;
    background-clip:initial;
}

.section-head .dose-title,
.page-head .dose-title {
    position:relative;
    display:inline-block;
    padding-bottom:12px;
}

.section-head .dose-title::after,
.page-head .dose-title::after {
    content:'';
    position:absolute;
    left:20%;
    right:20%;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(15,108,245,0.6),transparent);
}

.pl {
    opacity:0;
    transform:translateY(28px);
    transition:opacity 0.6s var(--ease-aiden),transform 0.6s var(--ease-aiden);
}

.pl.pl-in {
    opacity:1;
    transform:translateY(0);
}

.reveal {
    transition:opacity 0.65s var(--ease-aiden),transform 0.65s var(--ease-aiden);
}

.animate-in {
    animation-duration:0.9s;
    animation-timing-function:var(--ease-aiden);
}

.delay-1 {
    animation-delay:0.14s;
}

.delay-2 {
    animation-delay:0.28s;
}

.delay-3 {
    animation-delay:0.42s;
}

.reveal {
    opacity:0;
    transform:translateY(52px) scale(0.97);
    filter:blur(12px);
    transition:opacity 0.9s var(--ease-aiden),transform 0.9s var(--ease-aiden),filter 0.9s var(--ease-aiden);
}

.reveal.in {
    opacity:1;
    transform:none;
    filter:blur(0);
}

.reveal.d1 {
    transition-delay:0.12s;
}

.reveal.d2 {
    transition-delay:0.24s;
}

.reveal.d3 {
    transition-delay:0.36s;
}

.reveal.d4 {
    transition-delay:0.48s;
}

.pl {
    opacity:0;
    transform:translateY(44px) scale(0.98);
    filter:blur(10px);
    transition:opacity 0.85s var(--ease-aiden),transform 0.85s var(--ease-aiden),filter 0.85s var(--ease-aiden);
}

.pl.pl-in {
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
}

.typer {
    min-height:1.2em;
}

.typer.typing::after {
    content:'';
    display:inline-block;
    width:8px;
    height:0.95em;
    margin-left:7px;
    vertical-align:-2px;
    background:var(--accent);
    box-shadow:0 0 12px rgba(15,108,245,0.8);
    animation:caret-blink 0.9s steps(1) infinite;
}

#scroll-progress {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:2px;
    z-index:300;
    background:linear-gradient(90deg,#1d4ed8,#0053d9,#7cc0ff);
    box-shadow:0 0 12px rgba(15,108,245,0.7);
    transform:scaleX(0);
    transform-origin:0 50%;
    pointer-events:none;
}

.auth-head .dot {
    animation:dot-pulse 2.2s ease-in-out infinite;
}

.brand-logo {
    transition:transform 0.35s var(--ease-out);
}

.brand:hover .brand-logo {
    transform:rotate(-8deg) scale(1.1);
}

.marquee-track img {
    transition:transform 0.35s var(--ease-out),box-shadow 0.35s ease;
}

.marquee-track img:hover {
    transform:translateY(-9px) scale(1.03);
    box-shadow:0 18px 50px rgba(0,0,0,0.55),0 0 40px rgba(15,108,245,0.18);
}

.stat-value {
    transition:transform 0.3s var(--ease-out);
}

.tolerance-text {
    color:var(--accent-text);
}

.stat-value span:last-child {
    color:var(--accent-text);
}

.auth-links a:hover,
.footer-right a:hover,
.text-link:hover {
    color:var(--accent-text);
}

.marquee-track video {
    height:224px;
    width:auto;
    border-radius:6px;
    border:1px solid var(--gui-border);
    margin-right:18px;
    display:block;
    background:#000;
    transition:transform 0.35s var(--ease-out),box-shadow 0.35s ease;
}

.marquee-track video:hover {
    transform:translateY(-9px) scale(1.03);
    box-shadow:0 18px 50px rgba(0,0,0,0.55),0 0 40px rgba(0,83,217,0.20);
}

@media (max-width:700px) {
    .marquee-track video {
        height:150px;
    }
}

.tabs {
    display:flex;
    justify-content:center;
    gap:12px;
    margin:6px 0 30px;
}

.tab-btn {
    font-family:var(--font-mono);
    font-size:0.78rem;
    font-weight:700;
    letter-spacing:2px;
    color:var(--text-dim);
    background:#12151d;
    border:1px solid #242a36;
    border-radius:6px;
    padding:11px 26px;
    cursor:pointer;
    box-shadow:0 6px 16px rgba(0,0,0,0.45);
    transition:transform 0.25s var(--ease-out),box-shadow 0.25s ease,color 0.25s ease,background 0.25s ease,border-color 0.25s ease;
}

.tab-btn:hover {
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 12px 26px rgba(0,0,0,0.55),0 4px 18px rgba(0,83,217,0.16);
}

.tab-btn.active {
    color:#fff;
    background:#0053d9;
    border-color:rgba(255,255,255,0.14);
    box-shadow:0 6px 18px rgba(0,0,0,0.4),0 4px 22px rgba(0,83,217,0.45);
}

.tab-panel {
    display:none;
}

.tab-panel.active {
    display:block;
    animation:panel-in 0.55s var(--ease-aiden);
}

footer .footer-content.reveal {
    transition-delay:0.05s;
}

.brand,
.brand-logo,
.brand-text {
    transition:none !important;
    animation:none !important;
}

.brand:hover .brand-logo {
    transform:none !important;
}

.slant-band {
    isolation:isolate;
}

.slant-band::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(115deg,transparent 15%,rgba(0,96,240,0.16) 38%,rgba(90,160,255,0.10) 50%,rgba(0,96,240,0.16) 62%,transparent 85%);
    background-size:280% 100%;
    animation:band-sweep 11s linear infinite;
    pointer-events:none;
}

.marquee {
    overflow:hidden !important;
}

.marquee-track {
    animation:none !important;
    display:flex;
    width:max-content;
    will-change:transform;
}

.convince {
    position:relative;
    border-radius:14px;
    padding:56px 40px 44px;
    background:radial-gradient(120% 130% at 15% 0%,rgba(0,83,217,0.55),transparent 55%),radial-gradient(120% 140% at 90% 100%,rgba(60,130,255,0.35),transparent 55%),linear-gradient(135deg,#0a2f7c 0%,#0b1f4e 45%,#0c1330 100%);
    border:1px solid rgba(90,150,255,0.25);
    box-shadow:0 30px 80px rgba(0,0,0,0.5),0 0 60px rgba(0,83,217,0.18);
    overflow:hidden;
}

.convince::before {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,0.06) 50%,transparent 70%);
    background-size:260% 100%;
    animation:band-sweep 13s linear infinite;
    pointer-events:none;
}

.convince h2 {
    text-align:center;
    font-size:1.7rem;
    letter-spacing:1px;
    margin-bottom:8px;
    color:#fff;
}

.convince .sub {
    text-align:center;
    color:#b9cbee;
    margin-bottom:34px;
    font-size:0.98rem;
}

.convince-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.convince-grid video {
    width:100%;
    display:block;
    border-radius:8px;
    border:1px solid rgba(255,255,255,0.12);
    background:#000;
    box-shadow:0 14px 34px rgba(0,0,0,0.45);
    transition:transform 0.32s var(--ease-out),box-shadow 0.32s ease,border-color 0.28s ease;
}

.convince-grid video:hover {
    transform:translateY(-6px) scale(1.015);
    border-color:rgba(140,190,255,0.5);
    box-shadow:0 24px 50px rgba(0,0,0,0.55);
}

@media (max-width:760px) {
    .convince {
        padding:40px 20px 30px;
    }
    .convince-grid {
        grid-template-columns:1fr;
    }
}

.acc-item {
    background:linear-gradient(150deg,#10141c 0%,#0c0e14 100%);
    border:1px solid rgba(255,255,255,0.05);
    border-radius:6px;
    transition:transform 0.3s var(--ease-out),border-color 0.28s ease,box-shadow 0.3s ease;
}

.acc-item:hover {
    border-color:rgba(45,120,255,0.55);
    transform:translateY(-4px);
    box-shadow:0 16px 38px rgba(0,0,0,0.5);
}

.acc-chev {
    flex:none;
    width:10px;
    height:10px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    transition:transform 0.3s var(--ease-out);
    margin-top:-4px;
}

.acc-item.open .acc-chev {
    transform:rotate(225deg);
    margin-top:4px;
}

.cta-banner {
    overflow:visible;
}

.cta-steve {
    position:absolute;
    right:18px;
    bottom:-6px;
    width:168px;
    filter:drop-shadow(0 10px 26px rgba(0,0,0,0.55)) drop-shadow(0 0 22px rgba(0,83,217,0.35));
    animation:steve-float 5.5s ease-in-out infinite;
    pointer-events:none;
}

@media (max-width:900px) {
    .cta-steve {
        display:none;
    }
}

.cta-banner .cta-copy,
.cta-banner .cta-actions {
    position:relative;
    z-index:1;
}

@media (min-width:901px) {
    .cta-banner {
        padding-right:200px;
    }
}

.yt-play {
    width:72px;
    height:50px;
    border-radius:14px;
    background:linear-gradient(180deg,#0b62f0,#0046ba);
    border:none;
    box-shadow:0 10px 26px rgba(0,0,0,0.55),0 0 30px rgba(0,83,217,0.45);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform 0.25s var(--ease-out),box-shadow 0.25s ease;
}

.yt-card:hover .yt-play {
    transform:scale(1.1);
    box-shadow:0 14px 34px rgba(0,0,0,0.6),0 0 44px rgba(0,83,217,0.65);
}

.yt-play::after {
    content:'';
    border-style:solid;
    border-width:10px 0 10px 17px;
    border-color:transparent transparent transparent #ffffff;
    margin-left:4px;
    background:none;
    padding:0;
    position:static;
    mask:none;
    -webkit-mask:none;
}

.auth-head .dot {
    animation:none;
    transition:box-shadow 0.45s ease,background 0.45s ease;
}

.auth-card:hover .auth-head .dot {
    background:#2f7dff;
    box-shadow:0 0 16px 5px rgba(0,110,245,0.55);
}

.cta-steve {
    bottom:22px;
}

.slider-next,
.slider-prev {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.16);
    background:rgba(8,12,22,0.72);
    backdrop-filter:blur(8px);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 22px rgba(0,0,0,0.5);
    transition:background 0.25s ease,transform 0.25s var(--ease-out),box-shadow 0.25s ease;
}

.slider-next {
    right:12px;
}

.slider-prev {
    left:12px;
}

.slider-next:hover,
.slider-prev:hover {
    background:#0053d9;
    transform:translateY(-50%) scale(1.08);
    box-shadow:0 10px 26px rgba(0,0,0,0.55),0 0 26px rgba(0,83,217,0.55);
}

.slider-next span,
.slider-prev span {
    width:10px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
}

.slider-next span {
    transform:rotate(-45deg);
    margin-left:-3px;
}

.slider-prev span {
    transform:rotate(135deg);
    margin-right:-3px;
}

.slider-dots {
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
    display:flex;
    justify-content:center;
    gap:7px;
    z-index:3;
}

.slider-dots i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(255,255,255,0.35);
    transition:background 0.25s ease,transform 0.25s ease;
}

.slider-dots i.on {
    background:#2f7dff;
    transform:scale(1.25);
}

.yt-ext {
    position:absolute;
    top:8px;
    right:8px;
    z-index:4;
    font-family:var(--font-sans);
    font-size:0.72rem;
    color:#cfd9ea;
    background:rgba(8,12,22,0.78);
    border:1px solid rgba(255,255,255,0.14);
    border-radius:6px;
    padding:5px 9px;
    text-decoration:none;
    transition:background 0.2s ease,color 0.2s ease;
}

.yt-ext:hover {
    background:#0053d9;
    color:#fff;
}

.brand-text {
    font-size:1.06rem;
    letter-spacing:1.6px;
}

.brand-logo {
    height:34px;
}

@media (max-width:860px) {
    .nav-content {
        padding:0 18px;
    }
    .nav-links {
        top:var(--nav-h);
        left:0;
        right:0;
        border-radius:0;
        border:none;
        border-bottom:1px solid rgba(255,255,255,0.07);
    }
}

.mod-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(138px,1fr));
    gap:12px;
    margin-top:10px;
}

.mod-chip {
    background:linear-gradient(150deg,#10141c 0%,#0c0e14 100%);
    border:1px solid rgba(255,255,255,0.06);
    border-radius:6px;
    padding:12px 8px;
    text-align:center;
    font-family:var(--font-sans);
    font-size:0.86rem;
    font-weight:500;
    color:#cfd7e6;
    cursor:default;
    transition:transform 0.28s var(--ease-out),border-color 0.25s ease,box-shadow 0.28s ease,color 0.25s ease;
}

.mod-chip:hover {
    color:#fff;
    border-color:rgba(45,120,255,0.6);
    transform:translateY(-4px);
    box-shadow:0 12px 26px rgba(0,0,0,0.5),0 0 22px rgba(0,83,217,0.15);
}

.mod-chip.reveal {
    transform:translateY(30px) scale(0.96);
}

.mod-chip.reveal.in {
    transform:none;
}

.clipshow {
    display:grid;
    grid-template-columns:0.72fr 1.28fr;
    gap:46px;
    align-items:center;
}

.clip-slider {
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 34px 80px rgba(0,0,0,0.55),0 0 70px rgba(0,83,217,0.30);
    overflow:hidden;
    background:#000;
}

.clip-slider video {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transform:scale(1.04);
    transition:opacity 0.55s var(--ease-aiden),transform 0.55s var(--ease-aiden);
    pointer-events:none;
}

.clip-slider video.on {
    opacity:1;
    transform:scale(1);
}

.clip-slider .slider-prev {
    left:-21px;
}

.clip-slider .slider-next {
    right:-21px;
}

.clip-slider .slider-prev,
.clip-slider .slider-next {
    width:46px;
    height:46px;
    background:#0053d9;
    border-color:rgba(255,255,255,0.2);
}

.clip-slider .slider-prev:hover,
.clip-slider .slider-next:hover {
    background:#0b62f0;
}

@media (max-width:900px) {
    .clipshow {
        grid-template-columns:1fr;
        gap:28px;
    }
    .clip-slider .slider-prev {
        left:10px;
    }
    .clip-slider .slider-next {
        right:10px;
    }
}

.section {
    padding:100px 0;
}

.section-tight {
    padding:72px 0;
}

.section-head {
    margin-bottom:44px;
}

.yt-grid {
    gap:26px;
}

.mod-grid {
    gap:14px;
}

.cta-steve {
    animation:none;
    top:50%;
    bottom:auto;
    right:48px;
    transform:translateY(-50%);
    width:170px;
}

.clipshow {
    grid-template-columns:0.55fr 1.45fr;
    gap:56px;
}

.clip-slider {
    border-radius:14px;
    box-shadow:0 40px 100px rgba(0,0,0,0.6),0 0 90px rgba(0,83,217,0.35);
}

.clip-slider .slider-prev,
.clip-slider .slider-next {
    width:56px;
    height:56px;
}

.clip-slider .slider-prev {
    left:-26px;
}

.clip-slider .slider-next {
    right:-26px;
}

.clip-slider .slider-prev span,
.clip-slider .slider-next span {
    width:13px;
    height:13px;
}

.slider-dots i {
    width:9px;
    height:9px;
}

.connector {
    position:relative;
    z-index:11;
    height:96px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    margin:-6px 0;
}

.connector span {
    flex:1;
    width:2px;
    background:linear-gradient(180deg,transparent,rgba(45,120,255,0.55),transparent);
    position:relative;
    overflow:hidden;
}

.connector span::after {
    content:'';
    position:absolute;
    left:-1px;
    top:-22px;
    width:4px;
    height:22px;
    border-radius:2px;
    background:linear-gradient(180deg,transparent,#6fb1ff,#ffffff);
    box-shadow:0 0 12px rgba(80,150,255,0.9);
    animation:conn-flow 2.6s ease-in infinite;
}

.connector i {
    flex:none;
    width:8px;
    height:8px;
    border-radius:50%;
    border:2px solid rgba(45,120,255,0.8);
    background:#0B1122;
    box-shadow:0 0 12px rgba(0,83,217,0.55);
}

.mod-chip.reveal {
    opacity:0;
    transform:translateY(22px) scale(0.94);
    filter:none;
    will-change:transform,opacity;
    transition:opacity 0.45s var(--ease-aiden),transform 0.45s var(--ease-aiden);
}

.mod-chip.reveal.in {
    opacity:1;
    transform:none;
    filter:none;
}

.brand-text {
    font-size:1.14rem;
    letter-spacing:1.8px;
}

.brand-logo {
    height:38px;
}

.slant-band {
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 91%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 91%,transparent 100%);
}

.connector {
    display:none;
}

#reviews {
    position:relative;
    overflow:hidden;
}

.t-bg {
    position:absolute;
    inset:0;
    background:url('../assets/testimonial-bg.jpg') center / cover no-repeat;
    opacity:0.42;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
    pointer-events:none;
}

#reviews::before {
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(90% 70% at 50% 40%,rgba(0,83,217,0.10),transparent 70%);
    pointer-events:none;
}

.t-wrap {
    position:relative;
    z-index:1;
}

.t-grid {
    display:grid;
    grid-template-columns:1fr 1.15fr 1fr;
    gap:22px;
    align-items:start;
}

.t-card {
    position:relative;
    background:rgba(10,13,21,0.88);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.07);
    border-radius:8px;
    padding:24px 22px 20px;
    transition:transform 0.3s var(--ease-out),border-color 0.28s ease,box-shadow 0.3s ease;
}

.t-card::before {
    content:'';
    position:absolute;
    top:-13px;
    right:-13px;
    bottom:13px;
    left:13px;
    z-index:-1;
    background-image:radial-gradient(rgba(30,110,245,0.75) 0.9px,transparent 1.4px);
    background-size:6px 6px;
    clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 13px) 100%,calc(100% - 13px) 13px,0 13px);
    opacity:0.42;
    transition:opacity 0.3s ease;
    pointer-events:none;
}

.t-card:hover {
    transform:translateY(-6px);
    border-color:rgba(45,120,255,0.55);
    box-shadow:0 20px 46px rgba(0,0,0,0.55);
}

.t-card:hover::before {
    opacity:0.8;
}

.t-card p {
    color:#d6dded;
    font-size:0.95rem;
    line-height:1.65;
    margin-bottom:18px;
}

.t-foot {
    display:flex;
    align-items:center;
    gap:12px;
}

.t-ava {
    flex:none;
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-mono);
    font-weight:700;
    color:#fff;
    background:linear-gradient(145deg,#0b62f0,#003a9e);
    border:2px solid rgba(120,170,255,0.5);
    box-shadow:0 0 16px rgba(0,83,217,0.45);
}

.t-name {
    color:var(--accent-text);
    font-weight:600;
    font-size:0.92rem;
}

.t-role {
    color:var(--text-dim);
    font-size:0.78rem;
}

.t-featured {
    background:linear-gradient(160deg,#0a2f7c 0%,#0053d9 130%);
    border-color:rgba(140,185,255,0.35);
}

.t-featured p {
    color:#eaf2ff;
    font-size:1.02rem;
}

.t-featured .t-ava {
    background:rgba(255,255,255,0.16);
    border-color:rgba(255,255,255,0.45);
}

.t-featured .t-name {
    color:#fff;
}

.t-featured .t-role {
    color:#bcd2f5;
}

.t-quotes {
    display:block;
    font-family:Georgia,serif;
    font-size:2.6rem;
    line-height:0.6;
    color:#7cb1ff;
    margin-bottom:16px;
    letter-spacing:-6px;
}

@media (max-width:960px) {
    .t-grid {
        grid-template-columns:1fr;
    }
}

.clip-slider .slider-prev,
.clip-slider .slider-next {
    width:58px;
    height:58px;
    background:linear-gradient(180deg,#0b62f0,#0043b4);
    border:1px solid rgba(160,200,255,0.35);
    box-shadow:0 12px 30px rgba(0,0,0,0.55),0 0 26px rgba(0,83,217,0.4),inset 0 1px 0 rgba(255,255,255,0.25);
}

.clip-slider .slider-prev:hover,
.clip-slider .slider-next:hover {
    background:linear-gradient(180deg,#1a74ff,#0053d9);
    transform:translateY(-50%) scale(1.12);
    box-shadow:0 16px 38px rgba(0,0,0,0.6),0 0 40px rgba(0,83,217,0.65),inset 0 1px 0 rgba(255,255,255,0.3);
}

.clip-slider .slider-prev span,
.clip-slider .slider-next span {
    width:15px;
    height:15px;
    border-width:3px;
    border-radius:1px;
}

.clip-slider .slider-prev:active,
.clip-slider .slider-next:active {
    transform:translateY(-50%) scale(0.98);
}

.brand-text {
    font-family:var(--font-sans);
    font-size:1.18rem;
    font-weight:600;
    letter-spacing:0.2px;
    text-transform:none;
}

.slant-band {
    background:linear-gradient(180deg,var(--bg-page) 0%,#0d1830 22%,#0a1226 78%,var(--bg-page) 100%);
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);
}

.mods-sticky {
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:48px;
    align-items:start;
}

.mods-list {
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.mods-list .mod-chip {
    text-align:left;
    padding:14px 16px;
}

.mods-media {
    position:sticky;
    top:calc(var(--nav-h) + 36px);
}

.mods-media video {
    width:100%;
    display:block;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 30px 70px rgba(0,0,0,0.55),0 0 60px rgba(0,83,217,0.25);
    background:#000;
}

.mods-media-note {
    text-align:center;
    color:var(--text-dim);
    font-size:0.86rem;
    margin-top:12px;
}

@media (max-width:900px) {
    .mods-sticky {
        grid-template-columns:1fr;
    }
    .mods-media {
        position:static;
        order:-1;
    }
    .mods-list {
        grid-template-columns:repeat(2,1fr);
    }
}

.show-split {
    display:grid;
    grid-template-columns:1.25fr 0.75fr;
    gap:34px;
    align-items:start;
}

.show-videos .yt-featured {
    margin-bottom:22px;
    max-width:none;
}

.show-faq-title {
    font-family:var(--font-mono);
    font-size:1.02rem;
    letter-spacing:2px;
    color:#dbe3f0;
    margin-bottom:14px;
}

@media (max-width:960px) {
    .show-split {
        grid-template-columns:1fr;
    }
}

@media (min-width:901px) {
    .cta-banner {
        padding-right:250px;
    }
}

.cta-steve {
    right:34px;
    width:158px;
}

.cta-actions {
    flex-wrap:wrap;
    gap:12px;
}

footer {
    padding:56px 0 40px;
}

.footer-cols {
    display:grid;
    grid-template-columns:1.4fr 1fr 0.8fr 1.1fr;
    gap:40px;
    align-items:start;
}

.f-col h5 {
    font-family:var(--font-mono);
    font-size:0.72rem;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#8a93a8;
    margin-bottom:14px;
}

.f-col a {
    display:block;
    color:#b7c0d2;
    text-decoration:none;
    font-size:0.93rem;
    padding:5px 0;
    transition:color 0.2s ease,transform 0.2s ease;
}

.f-col a:hover {
    color:var(--accent-text);
    transform:translateX(3px);
}

.f-brand p {
    color:var(--text-dim);
    font-size:0.9rem;
    margin-top:10px;
    max-width:260px;
}

.f-copy {
    font-size:0.8rem !important;
    color:#6b7488 !important;
}

@media (max-width:860px) {
    .footer-cols {
        grid-template-columns:1fr 1fr;
        gap:28px;
    }
}

.mod-chip {
    border-radius:10px;
}

.acc-item {
    border-radius:14px;
}

.mods-pane {
    position:relative;
}

.mods-pager {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    grid-auto-rows:min-content;
    gap:10px;
    min-height:540px;
    align-content:start;
}

.mods-pager .mod-chip {
    font-size:0.78rem;
    padding:12px 10px;
    text-align:center;
    opacity:0;
    transform:translateY(26px);
    transition:opacity 0.45s var(--ease-aiden),transform 0.45s var(--ease-aiden);
}

.mods-pager .mod-chip.mp-in {
    opacity:1;
    transform:none;
}

.mods-pager .mod-chip.mp-out {
    opacity:0;
    transform:translateY(-26px);
}

.mods-pager .mod-chip.mp-hide {
    display:none;
}

.mods-pgnav {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-top:18px;
}

.mods-hint {
    font-family:var(--font-mono);
    font-size:0.66rem;
    letter-spacing:2.4px;
    color:#6c7690;
    animation:hint-pulse 2.4s ease-in-out infinite;
}

.mods-pgdots {
    display:flex;
    gap:8px;
}

.mods-pgdots i {
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(255,255,255,0.22);
    cursor:pointer;
    transition:background 0.25s ease,transform 0.25s ease;
}

.mods-pgdots i.on {
    background:#2f7dff;
    transform:scale(1.3);
}

.mods-media video {
    border-radius:14px;
}

.mods-clipdots {
    display:flex;
    justify-content:center;
    gap:7px;
    margin-top:12px;
}

.mods-clipdots i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(255,255,255,0.25);
    transition:background 0.25s ease,transform 0.25s ease;
}

.mods-clipdots i.on {
    background:#2f7dff;
    transform:scale(1.28);
}

.faq-split {
    display:grid;
    grid-template-columns:0.8fr 1.2fr;
    gap:60px;
    align-items:start;
}

.faq-badge {
    display:flex;
    align-items:center;
    justify-content:center;
    width:118px;
    height:118px;
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%,#0e2a63,#081226 70%);
    border:2px solid rgba(70,130,255,0.65);
    box-shadow:0 0 34px rgba(0,83,217,0.35),inset 0 0 26px rgba(0,83,217,0.25);
    margin-bottom:26px;
}

.faq-badge img {
    width:62%;
    height:62%;
    object-fit:contain;
}

.faq-title {
    font-family:var(--font-sans);
    font-size:2rem;
    font-weight:700;
    letter-spacing:-0.3px;
    text-transform:none;
    color:#f2f5fa;
    margin:8px 0 22px;
}

.contact-link {
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#c3cbdc;
    text-decoration:none;
    font-size:0.95rem;
    transition:color 0.2s ease;
}

.contact-link:hover {
    color:var(--accent-text);
}

.cl-ico {
    width:18px;
    height:18px;
    border:2px solid currentColor;
    border-radius:50% 50% 50% 4px;
    position:relative;
}

@media (max-width:900px) {
    .faq-split {
        grid-template-columns:1fr;
        gap:30px;
    }
    .mods-pager {
        grid-template-columns:repeat(2,1fr);
        min-height:0;
    }
}

@media (max-width:860px) {
    .nav-links {
        background:rgba(6,9,17,0.97);
    }
    .nav-spacer {
        display:none;
    }
}

.slant-band {
    --mx:50%;
    --my:50%;
}

.slant-band::after {
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    background:radial-gradient(340px circle at var(--mx) var(--my),rgba(50,130,255,0.20),rgba(0,83,217,0.08) 45%,transparent 72%);
    opacity:0;
    transition:opacity 0.35s ease;
    pointer-events:none;
}

.slant-band:hover::after {
    opacity:1;
}

#scroll-progress {
    top:0;
    right:0;
    bottom:0;
    left:auto;
    width:3px;
    height:auto;
    background:linear-gradient(180deg,#0a2c66,#0053d9);
    box-shadow:0 0 8px rgba(0,60,160,0.5);
    transform:scaleY(0);
    transform-origin:50% 0;
    opacity:0.85;
}

.yt-card {
    border:1px solid transparent;
    background:linear-gradient(var(--gui-body),var(--gui-body)) padding-box,linear-gradient(135deg,rgba(0,83,217,0.45),rgba(120,175,255,0.65),rgba(0,83,217,0.45)) border-box;
    border-radius:10px;
}

.yt-card:hover {
    border-color:transparent;
    background:linear-gradient(var(--gui-body),var(--gui-body)) padding-box,linear-gradient(135deg,rgba(0,100,250,0.8),rgba(150,195,255,0.95),rgba(0,100,250,0.8)) border-box;
    box-shadow:0 0 34px rgba(0,83,217,0.22);
}

.yt-play,
.yt-card:hover .yt-play {
    background:linear-gradient(180deg,#0b62f0,#0046ba);
    filter:none !important;
    opacity:1 !important;
}

.yt-card:hover .yt-play {
    background:linear-gradient(180deg,#1a74ff,#0053d9);
    transform:scale(1.1);
}

.mods-screen {
    position:relative;
}

.mods-screen video,
.mods-screen img {
    width:100%;
    display:block;
    border-radius:14px;
    border:1px solid rgba(255,255,255,0.08);
    background:#000;
    box-shadow:0 30px 70px rgba(0,0,0,0.55),0 0 60px rgba(0,83,217,0.25);
}

#mods-still {
    position:absolute;
    inset:0;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity 0.4s ease;
    pointer-events:none;
}

#mods-still.on {
    opacity:1;
}

#mods-player.off {
    visibility:hidden;
}

.mods-pager {
    min-height:0;
    grid-auto-rows:min-content;
}

.server-strip {
    margin-top:16px;
    border-radius:12px;
    overflow:hidden !important;
}

.server-strip .marquee-track img {
    height:54px;
    width:auto;
    border-radius:8px;
    border:1px solid rgba(255,255,255,0.06);
    margin-right:14px;
    opacity:0.85;
    transition:opacity 0.25s ease,transform 0.25s var(--ease-out);
}

.server-strip .marquee-track img:hover {
    opacity:1;
    transform:translateY(-4px);
    box-shadow:0 8px 20px rgba(0,0,0,0.45);
}

.mod-grid {
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:14px;
}

.mod-grid .mod-chip {
    opacity:initial;
    transform:initial;
    font-size:0.86rem;
    padding:12px 10px;
    text-align:center;
}

.yt-card {
    border:1px solid rgba(255,255,255,0.05);
    background:var(--gui-body);
    border-radius:10px;
}

.yt-card:hover {
    border-color:rgba(45,120,255,0.55);
    background:var(--gui-body);
    box-shadow:0 0 30px rgba(0,83,217,0.14);
}

.yt-card:hover .yt-play {
    transform:translate(-50%,-50%) scale(1.1);
}

.server-strip {
    margin-top:16px;
}

.server-strip .marquee-track img {
    height:48px;
    width:auto;
    border-radius:8px;
    border:1px solid rgba(255,255,255,0.06);
    margin-right:12px;
}

.footer-cols {
    grid-template-columns:repeat(4,1fr);
    gap:36px;
}

.f-soc {
    display:flex !important;
    align-items:center;
    gap:9px;
}

.f-soc svg {
    flex:none;
    opacity:0.85;
}

.f-bottom {
    margin-top:34px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,0.05);
}

.f-bottom p {
    color:#6b7488;
    font-size:0.8rem;
}

@media (max-width:860px) {
    .footer-cols {
        grid-template-columns:1fr 1fr;
    }
}

#showcase .clip-slider {
    max-width:980px;
    margin:0 auto 26px;
}

.yt-grid3 {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width:980px;
    margin:0 auto;
}

@media (max-width:800px) {
    .yt-grid3 {
        grid-template-columns:1fr;
    }
}

.clip-slider .slider-prev,
.clip-slider .slider-next {
    width:50px;
    height:62px;
    border-radius:12px;
    background:rgba(6,12,26,0.55);
    border:1px solid rgba(255,255,255,0.14);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 10px 26px rgba(0,0,0,0.45);
}

.clip-slider .slider-prev {
    left:14px;
}

.clip-slider .slider-next {
    right:14px;
}

.clip-slider .slider-prev:hover,
.clip-slider .slider-next:hover {
    background:rgba(0,45,130,0.85);
    border-color:rgba(120,170,255,0.5);
    transform:translateY(-50%) scale(1.06);
    box-shadow:0 14px 32px rgba(0,0,0,0.55),0 0 30px rgba(0,83,217,0.45);
}

.clip-slider .slider-prev span,
.clip-slider .slider-next span {
    width:13px;
    height:13px;
    border-width:3px;
    border-radius:1px;
}

.yt-play,
.yt-card:hover .yt-play {
    background:linear-gradient(180deg,rgba(9,45,120,0.78),rgba(4,24,70,0.82));
    border:1px solid rgba(120,170,255,0.35);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    box-shadow:0 12px 30px rgba(0,0,0,0.6),0 0 26px rgba(0,60,170,0.5);
    filter:none !important;
    opacity:1 !important;
}

.yt-card:hover .yt-play {
    background:linear-gradient(180deg,rgba(12,58,150,0.85),rgba(5,30,90,0.9));
    transform:translate(-50%,-50%) scale(1.1);
}

.marquee {
    max-width:100%;
}

.server-strip {
    margin:6px 0 18px;
}

.mods-strip {
    padding:8px 0;
}

.mods-strip + .mods-strip {
    margin-top:6px;
}

.mods-strip .marquee-track .mod-chip {
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    margin-right:12px;
    font-size:0.86rem;
    padding:12px 18px;
}

.account-col {
    width:100%;
    max-width:480px;
    display:flex;
    flex-direction:column;
    gap:18px;
    transition:max-width 0.5s var(--ease-aiden);
}

#account-root.is-admin .account-col {
    max-width:1120px;
}

#account-root.is-admin .account-col>.auth-card {
    max-width:520px;
}

.char-count {
    display:block;
    margin-top:6px;
    font-family:var(--font-mono);
    font-size:0.62rem;
    letter-spacing:1px;
    color:var(--text-dim);
    text-align:right;
}

.mini-btn {
    font-family:var(--font-mono);
    font-size:0.58rem;
    font-weight:700;
    letter-spacing:1px;
    color:var(--text-dim);
    background:#12151d;
    border:1px solid #242a36;
    border-radius:4px;
    padding:6px 10px;
    cursor:pointer;
    transition:color 0.25s,border-color 0.25s,background 0.25s,transform 0.3s var(--ease-aiden);
}

.mini-btn:hover {
    color:#fff;
    border-color:rgba(0,83,217,0.6);
    transform:translateY(-2px);
}

.mini-btn.danger:hover {
    color:#ff8b8b;
    border-color:rgba(255,107,107,0.55);
    background:rgba(255,80,80,0.08);
}

.mini-btn:disabled {
    opacity:0.35;
    cursor:not-allowed;
    transform:none;
}

.code-fresh {
    margin-top:18px;
    border:1px solid rgba(0,83,217,0.35);
    background:rgba(0,83,217,0.07);
    border-radius:10px;
    overflow:hidden;
}

.code-fresh-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 15px;
    border-bottom:1px solid rgba(0,83,217,0.25);
    font-family:var(--font-mono);
    font-size:0.64rem;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    color:#bcd9f8;
}

.code-fresh pre {
    margin:0;
    padding:14px 15px;
    font-family:var(--font-mono);
    font-size:0.82rem;
    line-height:1.75;
    color:#fff;
    white-space:pre-wrap;
    word-break:break-all;
}

.motd-bar {
    position:relative;
    z-index:60;
    border-bottom:1px solid rgba(0,83,217,0.3);
    background:linear-gradient(90deg,rgba(0,45,130,0.5),rgba(0,83,217,0.22));
    backdrop-filter:blur(9px);
}

.motd-bar>p {
    max-width:1220px;
    margin:0 auto;
    padding:11px 26px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    font-size:0.86rem;
    line-height:1.5;
    color:#e6efff;
    text-align:center;
}

.motd-bar a {
    color:#fff;
    font-weight:600;
    text-decoration:underline;
    text-underline-offset:3px;
    white-space:nowrap;
}

.motd-bar .motd-close {
    position:absolute;
    top:50%;
    right:16px;
    transform:translateY(-50%);
    background:none;
    border:none;
    color:#cfe0f8;
    font-size:1.05rem;
    line-height:1;
    padding:6px 8px;
    cursor:pointer;
    border-radius:4px;
    transition:color 0.25s,background 0.25s;
}

.motd-bar .motd-close:hover {
    color:#fff;
    background:rgba(255,255,255,0.1);
}

.motd-good {
    border-bottom-color:rgba(74,222,128,0.32);
    background:linear-gradient(90deg,rgba(15,90,55,0.5),rgba(74,222,128,0.16));
}

.motd-warn {
    border-bottom-color:rgba(240,180,92,0.35);
    background:linear-gradient(90deg,rgba(105,68,12,0.5),rgba(240,180,92,0.16));
}

#motd-slot {
    position:relative;
    z-index:60;
}

.motd-preview .motd-bar {
    position:static;
    border-radius:8px;
    border:1px solid rgba(0,83,217,0.3);
}

.motd-preview .motd-bar>p {
    padding:10px 16px;
}

@media (max-width:720px) {
    .admin-card-body {
        padding:16px;
    }
    .admin-stats {
        grid-template-columns:repeat(auto-fit,minmax(96px,1fr));
    }
    .motd-bar>p {
        padding:10px 40px 10px 18px;
        font-size:0.8rem;
    }
}

.mod-panel {
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    background:linear-gradient(165deg,#0e1729 0%,#070d1a 100%);
    border:1px solid rgba(80,120,200,0.16);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 26px 60px rgba(0,0,0,0.6),0 0 42px rgba(15,108,245,0.12);
    opacity:0;
    transform:translateY(14px) scale(0.96);
    filter:blur(6px);
    transition:opacity 0.62s var(--ease-aiden),transform 0.62s var(--ease-aiden),filter 0.62s var(--ease-aiden);
    pointer-events:none;
}

.mod-panel.is-on {
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
    pointer-events:auto;
}

.mod-panel.is-out {
    opacity:0;
    transform:translateY(-12px) scale(0.97);
    filter:blur(5px);
}

.mod-panel-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:11px 14px;
    border-bottom:1px solid rgba(80,120,200,0.16);
    background:rgba(8,13,26,0.7);
}

.mod-panel-title {
    font-family:var(--font-mono);
    font-size:0.66rem;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#fff;
}

.mod-panel-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--accent-text);
    box-shadow:0 0 0 0 rgba(15,108,245,0.5);
    animation:dot-pulse 2.2s ease-in-out infinite;
}

.mp-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:5px 0;
    font-size:0.74rem;
    color:#c6d6ec;
    border-bottom:1px solid rgba(80,120,200,0.06);
}

.mp-row:last-child {
    border-bottom:none;
}

.mp-tog {
    flex:none;
    width:26px;
    height:14px;
    border-radius:8px;
    background:#1a2133;
    border:1px solid rgba(80,120,200,0.22);
    position:relative;
    transition:background 0.35s var(--ease-aiden),border-color 0.35s;
}

.mp-tog::after {
    content:'';
    position:absolute;
    top:1px;
    left:1px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#6b7a90;
    transition:transform 0.35s var(--ease-aiden),background 0.35s;
}

.mp-tog.on {
    background:rgba(0,83,217,0.5);
    border-color:rgba(79,141,255,0.6);
}

.mp-tog.on::after {
    transform:translateX(12px);
    background:#fff;
}

.mp-slider {
    display:grid;
    grid-template-columns:1fr auto;
    gap:2px 8px;
    padding:6px 0 7px;
    font-size:0.74rem;
    color:#c6d6ec;
}

.mp-slider b {
    font-family:var(--font-mono);
    font-size:0.68rem;
    font-weight:700;
    color:var(--accent-text);
}

.mp-track {
    grid-column:1 / -1;
    height:3px;
    border-radius:2px;
    background:#1a2133;
    margin-top:4px;
    overflow:hidden;
}

.mp-track>i {
    display:block;
    height:100%;
    border-radius:2px;
    background:linear-gradient(90deg,var(--accent),#7cc0ff);
    box-shadow:0 0 8px rgba(15,108,245,0.6);
}

@media (max-width:1100px) {
    .mod-rail {
        right:-2%;
        width:208px;
        height:300px;
    }
}

@media (max-width:900px) {
    .loader-stage {
        flex-direction:column;
        align-items:center;
        gap:26px;
    }
    .mod-rail {
        position:relative;
        top:auto;
        right:auto;
        transform:none;
        width:min(260px,90%);
        height:322px;
        margin:0 auto;
    }
    .loader-stage:hover .mod-rail {
        transform:none;
    }
}

.mod-panel {
    background:linear-gradient(168deg,#0a0f18 0%,#05070d 100%);
    border:1px solid rgba(47,125,255,0.34);
    border-radius:15px;
    box-shadow:0 26px 62px rgba(0,0,0,0.72),0 0 46px rgba(47,125,255,0.14),inset 0 1px 0 rgba(255,255,255,0.045);
    padding:0;
}

.mp-title {
    margin:0;
    padding:15px 16px 10px;
    font-family:var(--font-sans);
    font-size:1.02rem;
    font-weight:700;
    letter-spacing:-0.2px;
    color:#fff;
}

.mp-scroll {
    flex:1;
    min-height:0;
    overflow-y:auto;
    padding:0 16px 15px;
    scrollbar-width:thin;
    scrollbar-color:rgba(120,150,200,0.34) transparent;
}

.mp-scroll::-webkit-scrollbar {
    width:3px;
}

.mp-scroll::-webkit-scrollbar-track {
    background:transparent;
}

.mp-scroll::-webkit-scrollbar-thumb {
    background:rgba(120,150,200,0.34);
    border-radius:2px;
}

.mp-group {
    margin:15px 0 9px;
    font-size:0.7rem;
    font-weight:400;
    color:#7f8b9e;
    letter-spacing:0.1px;
}

.mp-scroll>.mp-group:first-child {
    margin-top:4px;
}

.mp-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:7px 0;
    font-size:0.76rem;
    color:#c9d4e3;
    border-bottom:none;
}

.mp-tog {
    flex:none;
    width:30px;
    height:16px;
    border-radius:9px;
    background:#2a2f3a;
    border:none;
    position:relative;
    transition:background 0.32s var(--ease-aiden);
}

.mp-tog::after {
    content:'';
    position:absolute;
    top:2px;
    left:2px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,0.45);
    transition:transform 0.32s var(--ease-aiden);
}

.mp-tog.on {
    background:var(--mp-blue);
}

.mp-tog.on::after {
    transform:translateX(14px);
    background:#fff;
}

.mp-slider {
    display:grid;
    grid-template-columns:1fr auto;
    gap:0 8px;
    padding:8px 0 11px;
    font-size:0.76rem;
    color:#c9d4e3;
}

.mp-slider b {
    font-family:var(--font-sans);
    font-size:0.74rem;
    font-weight:400;
    color:#8a94a6;
}

.mp-track {
    grid-column:1 / -1;
    position:relative;
    height:3px;
    border-radius:2px;
    background:#262b36;
    margin-top:9px;
    overflow:visible;
}

.mp-track>i {
    display:block;
    height:100%;
    border-radius:2px;
    background:var(--mp-blue);
}

.mp-track>u {
    position:absolute;
    top:50%;
    width:11px;
    height:11px;
    margin-left:-5.5px;
    border-radius:50%;
    background:#fff;
    transform:translateY(-50%);
    box-shadow:0 1px 3px rgba(0,0,0,0.55);
}

.mp-opt {
    font-size:0.75rem;
    color:#66707f;
    transition:color 0.3s var(--ease-aiden);
}

.mp-opt.is-on {
    color:var(--mp-blue);
    font-weight:600;
}

.mp-chip {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 11px;
    border-radius:8px;
    background:rgba(0,0,0,0.4);
    border:1px solid rgba(255,255,255,0.04);
    box-shadow:inset 0 2px 5px rgba(0,0,0,0.5);
    margin:4px 0 8px;
    font-size:0.76rem;
    color:#c9d4e3;
}

.mp-chip b {
    font-weight:400;
    font-size:0.74rem;
    color:#8a94a6;
}

@media (max-width:1100px) {
    .mod-rail {
        width:232px;
        height:420px;
    }
}

@media (max-width:900px) {
    .mod-rail {
        width:min(268px,92%);
        height:432px;
    }
}

@media (max-width:900px) {
    .stage-face[data-face="shots"] {
        position:absolute;
    }
    .shot-card[data-slot="1"] {
        width:78%;
    }
    .shot-card[data-slot="0"],
.shot-card[data-slot="2"] {
        width:54%;
    }
}

@media (max-width:620px) {
    .orbit-node {
        width:52px;
        height:52px;
        margin:-26px 0 0 -26px;
        transform:rotate(calc(var(--i) * 51.4286deg)) translateY(-33vw);
    }
    .orbit-core {
        width:88px;
        height:88px;
        margin:-44px 0 0 -44px;
    }
}

@media (max-width:900px) {
    .hero-stage {
        min-height:390px;
    }
    .hero-stage .mod-rail {
        position:relative;
        right:auto;
    }
}

.why-title {
    font-size:clamp(1.9rem,3.6vw,2.5rem);
    font-weight:700;
    color:#fff;
    margin:0 0 10px;
}

.why-sub {
    color:var(--text-dim);
    font-size:1rem;
    margin:0;
}

.why-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
    gap:20px;
    margin-top:42px;
}

.why-card {
    background:#0b0e15;
    border:1px solid rgba(255,255,255,0.07);
    border-radius:12px;
    padding:26px 24px 28px;
    transition:border-color 0.4s var(--ease-aiden),transform 0.4s var(--ease-aiden),box-shadow 0.4s var(--ease-aiden);
}

.why-card:hover {
    border-color:rgba(79,141,255,0.55);
    transform:translateY(-4px);
    box-shadow:0 18px 44px rgba(0,0,0,0.5),0 0 34px rgba(15,108,245,0.14);
}

.why-ico {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:10px;
    background:rgba(0,83,217,0.16);
    border:1px solid rgba(79,141,255,0.28);
    color:var(--accent-text);
    margin-bottom:20px;
    transition:background 0.4s var(--ease-aiden),color 0.4s var(--ease-aiden);
}

.why-ico svg {
    width:20px;
    height:20px;
}

.why-card:hover .why-ico {
    background:rgba(0,83,217,0.3);
    color:#fff;
}

.why-card h3 {
    font-size:1.06rem;
    font-weight:700;
    color:#fff;
    margin:0 0 10px;
    letter-spacing:-0.2px;
}

.why-card p {
    font-size:0.9rem;
    line-height:1.62;
    color:var(--text-dim);
    margin:0;
}

.why-cta {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:40px;
    padding:22px 26px;
    border:1px solid rgba(255,255,255,0.07);
    border-radius:12px;
    background:#0b0e15;
}

.why-cta p {
    margin:0 6px 0 0;
    color:var(--text-dim);
    font-size:0.92rem;
}

.footer-top {
    display:flex;
    justify-content:space-between;
    gap:48px;
    flex-wrap:wrap;
    padding-bottom:42px;
}

.footer-brand {
    max-width:290px;
}

.footer-brand img {
    width:40px;
    height:auto;
    display:block;
    margin-bottom:15px;
}

.footer-tag {
    color:var(--text-dim);
    font-size:0.88rem;
    line-height:1.6;
    margin:0 0 18px;
}

.footer-socials {
    display:flex;
    gap:10px;
}

.footer-socials a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,0.09);
    color:var(--text-dim);
    transition:color 0.3s,border-color 0.3s,background 0.3s,transform 0.3s var(--ease-aiden);
}

.footer-socials a:hover {
    color:#fff;
    border-color:rgba(79,141,255,0.6);
    background:rgba(0,83,217,0.14);
    transform:translateY(-2px);
}

.footer-links {
    display:flex;
    gap:62px;
    flex-wrap:wrap;
}

.footer-links .f-col {
    display:flex;
    flex-direction:column;
    gap:11px;
}

.footer-links h5 {
    font-family:var(--font-mono);
    font-size:0.62rem;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:#fff;
    margin:0 0 5px;
}

.footer-links a {
    font-size:0.88rem;
    color:var(--text-dim);
    transition:color 0.28s;
}

.footer-links a:hover {
    color:#fff;
}

.f-bottom {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    padding:20px 0 26px;
    border-top:1px solid rgba(255,255,255,0.06);
}

.f-bottom p {
    margin:0;
    font-size:0.8rem;
    color:var(--text-dim);
}

.f-bottom a {
    font-size:0.8rem;
    color:var(--text-dim);
}

.f-bottom a:hover {
    color:#fff;
}

@media (max-width:760px) {
    .footer-top {
        flex-direction:column;
        gap:34px;
    }
    .footer-links {
        gap:34px;
    }
}

.full-width {
    width:100%;
    text-align:center;
}

@media (max-width:900px) {
    .hero-split {
        min-height:auto;
        padding-bottom:80px;
    }
    .hero-stage {
        min-height:400px;
    }
}

.why-card,
.why-cta {
    background:#07080c;
    border-color:rgba(255,255,255,0.055);
    box-shadow:none;
}

.why-card:hover {
    background:#090b11;
    border-color:rgba(79,141,255,0.4);
    box-shadow:none;
    transform:translateY(-3px);
}

.why-ico {
    background:rgba(0,83,217,0.14);
    border-color:rgba(79,141,255,0.22);
}

#scroll-progress {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:auto;
    width:2px;
    height:100vh;
    z-index:300;
    background:rgba(255,255,255,0.05);
    transform:none;
    opacity:0;
    transition:opacity 0.4s ease;
    pointer-events:none;
}

#scroll-progress.is-active {
    opacity:1;
}

#scroll-progress>i {
    display:block;
    width:100%;
    height:100%;
    transform-origin:50% 0;
    transform:scaleY(0);
    background:linear-gradient(180deg,var(--accent-text),var(--accent));
    box-shadow:0 0 10px rgba(15,108,245,0.55);
}

#reviews {
    position:relative;
    overflow:hidden;
}

.t-skin {
    position:absolute;
    bottom:0;
    width:auto;
    height:min(430px,54%);
    opacity:0.5;
    pointer-events:none;
    z-index:1;
    filter:drop-shadow(0 20px 40px rgba(0,0,0,0.6));
}

.t-skin-l {
    left:1%;
    transform:scaleX(-1);
}

.t-skin-r {
    right:1%;
}

.t-wrap {
    position:relative;
    z-index:2;
}

@media (max-width:1180px) {
    .t-skin {
        display:none;
    }
}

.footer-reel {
    padding-bottom:34px;
}

.footer-reel video {
    width:100%;
    display:block;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.07);
    aspect-ratio:16 / 9;
    object-fit:cover;
}

@media (max-width:1100px) {
    .hero-stage {
        min-height:540px;
    }
    .hero-stage .shot-trio {
        max-width:640px;
    }
}

@media (max-width:900px) {
    .hero-split {
        min-height:auto;
        padding-top:70px;
        padding-bottom:70px;
    }
    .hero-stage {
        min-height:420px;
    }
    .hero-stage .mod-rail {
        width:min(268px,92%);
        height:440px;
    }
}

.reveal {
    opacity:0;
    transform:translateY(38px) scale(0.985);
    filter:blur(7px);
    transition:opacity 1.05s var(--ease-aiden),transform 1.05s var(--ease-aiden),filter 1.05s var(--ease-aiden);
    will-change:opacity,transform,filter;
}

.reveal.in {
    opacity:1;
    transform:none;
    filter:blur(0);
}

.reveal.d1 {
    transition-delay:0.1s;
}

.reveal.d2 {
    transition-delay:0.2s;
}

.reveal.d3 {
    transition-delay:0.3s;
}

.reveal.d4 {
    transition-delay:0.4s;
}

.has-dots {
    position:relative;
    overflow:visible;
}

.has-dots::before {
    content:'';
    position:absolute;
    top:-14px;
    right:-14px;
    bottom:14px;
    left:14px;
    z-index:-1;
    border-radius:6px;
    background-image:radial-gradient(rgba(30,110,245,0.7) 0.9px,transparent 1.4px);
    background-size:6px 6px;
    background-position:1px 2px;
    clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 14px) 100%,calc(100% - 14px) 14px,0 14px);
    opacity:0;
    transition:opacity 0.4s ease;
    pointer-events:none;
}

.has-dots:hover::before {
    opacity:0.55;
}

.cta-banner {
    background:#07080c;
    border:1px solid rgba(255,255,255,0.055);
    border-radius:12px;
}

.cta-banner h3 {
    font-family:var(--font-display);
    font-size:1.3rem;
    letter-spacing:-0.3px;
    text-transform:none;
}

.footer-links {
    gap:74px;
}

.f-discord {
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.f-discord svg {
    flex:none;
}

.footer-brand {
    max-width:330px;
}

.footer-brand img {
    width:44px;
}

@media (max-width:1400px) {
    .hero-split>.container {
        max-width:1280px;
    }
    .hero-stage .mod-rail {
        width:268px;
        height:480px;
    }
}

@media (max-width:1100px) {
    .hero-grid {
        grid-template-columns:1fr;
        gap:30px;
    }
    .hero-stage {
        min-height:520px;
    }
}

@media (max-width:900px) {
    .hero-stage {
        min-height:430px;
    }
    .hero-stage .mod-rail {
        width:min(280px,92%);
        height:460px;
        right:auto;
    }
}

.side-beam {
    position:fixed;
    top:-20vh;
    width:1px;
    height:150vh;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 0%,rgba(79,141,255,0.28) 22%,rgba(124,192,255,0.42) 50%,rgba(79,141,255,0.28) 78%,transparent 100%);
    filter:blur(0.4px);
}

.side-beam::after {
    content:'';
    position:absolute;
    inset:-1px -14px;
    background:linear-gradient(180deg,transparent,rgba(15,108,245,0.16) 45%,transparent);
    filter:blur(11px);
}

.beam-l {
    left:9%;
    transform:rotate(14deg);
    animation:beam-drift 19s ease-in-out infinite;
}

.beam-r {
    right:9%;
    transform:rotate(-14deg);
    animation:beam-drift 23s ease-in-out infinite reverse;
}

@media (max-width:900px) {
    .side-beam {
        display:none;
    }
}

.stat-band {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:1px;
    background:rgba(255,255,255,0.055);
    border:1px solid rgba(255,255,255,0.055);
    border-radius:12px;
    overflow:hidden;
}

.stat-cell {
    background:#07080c;
    padding:30px 22px;
    text-align:center;
    transition:background 0.4s var(--ease-aiden);
}

.stat-cell:hover {
    background:#0a0d14;
}

.stat-big {
    font-family:var(--font-display);
    font-size:2.3rem;
    font-weight:700;
    color:var(--accent-text);
    line-height:1;
}

.stat-cap {
    margin-top:9px;
    font-size:0.8rem;
    color:var(--text-dim);
}

.closing-cta {
    background:linear-gradient(135deg,#0b4fd4 0%,var(--accent) 48%,#0a46bd 100%);
    padding:86px 0;
    text-align:center;
    margin-top:30px;
}

.closing-cta h2 {
    font-family:var(--font-display);
    font-size:clamp(1.9rem,4vw,2.7rem);
    font-weight:700;
    color:#fff;
    margin:0 0 12px;
    letter-spacing:-0.6px;
}

.closing-cta p {
    color:rgba(255,255,255,0.82);
    font-size:1rem;
    margin:0 0 30px;
}

.closing-btn {
    background:#f2f4f8;
    border:1px solid #f2f4f8;
    color:var(--accent);
    font-weight:600;
    padding:13px 30px;
}

.closing-btn:hover {
    background:#fff;
    border-color:#fff;
    color:#0a46bd;
}

.has-backdrop {
    position:relative;
    overflow:hidden;
}

.section-backdrop {
    position:absolute;
    inset:0;
    z-index:0;
    background-image:url('../assets/map-still.jpg');
    background-size:cover;
    background-position:center;
    opacity:0;
    transform:scale(1.06);
    transition:opacity 2.6s ease,transform 2.6s var(--ease-aiden);
    pointer-events:none;
}

.has-backdrop.bg-in .section-backdrop {
    opacity:0.16;
    transform:scale(1);
}

.section-backdrop::after {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,var(--bg-page) 0%,rgba(7,11,22,0) 34%,rgba(7,11,22,0) 66%,var(--bg-page) 100%),linear-gradient(to right,var(--bg-page) 0%,rgba(7,11,22,0) 26%,rgba(7,11,22,0) 74%,var(--bg-page) 100%);
}

.side-beam {
    position:fixed;
    top:var(--top,-20vh);
    left:auto;
    right:auto;
    width:var(--w,1px);
    height:var(--len,120vh);
    z-index:2;
    pointer-events:none;
    transform:rotate(var(--lean,12deg));
    transform-origin:50% 0;
    background:linear-gradient(180deg,transparent 0%,rgba(79,141,255,calc(var(--alpha,0.3) * 0.6)) 18%,rgba(124,192,255,var(--alpha,0.3)) 50%,rgba(79,141,255,calc(var(--alpha,0.3) * 0.6)) 82%,transparent 100%);
    filter:blur(0.4px);
    animation:beam-breathe var(--dur,20s) ease-in-out var(--delay,0s) infinite;
}

.side-beam::after {
    content:'';
    position:absolute;
    inset:-1px -10px;
    background:linear-gradient(180deg,transparent,rgba(15,108,245,calc(var(--alpha,0.3) * 0.4)) 45%,transparent);
    filter:blur(9px);
}

@media (max-width:900px) {
    .side-beam {
        display:none;
    }
}

.section-backdrop {
    opacity:0;
    filter:saturate(0) brightness(0.55) blur(3px);
    transform:scale(1.07);
    transition:opacity 3s ease,filter 3s var(--ease-aiden),transform 3.4s var(--ease-aiden);
}

.has-backdrop.bg-in .section-backdrop {
    opacity:0.3;
    filter:saturate(1) brightness(1) blur(0);
    transform:scale(1);
}

.band-pair {
    background:linear-gradient(180deg,#0a1020 0%,#070c18 52%,#0a1020 100%);
}

.band-pair .section {
    padding:84px 0;
}

.band-pair .section + .section {
    padding-top:0;
}

.band-pair .section-backdrop {
    background-position:center 38%;
}

.slant-band {
    background:none !important;
    clip-path:none !important;
    padding:0 !important;
    margin:0 !important;
}

.slant-band::after {
    content:none !important;
}

.side-beam,
.section-backdrop {
    display:none !important;
}

.has-dots::before {
    content:none !important;
}

.dot-layer {
    position:fixed;
    inset:0;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
}

.float-dot {
    position:absolute;
    width:var(--s,2px);
    height:var(--s,2px);
    border-radius:50%;
    background:#9dc4ff;
    opacity:var(--o,0.3);
    box-shadow:0 0 6px rgba(120,170,255,0.5);
    animation:dot-float var(--dur,24s) ease-in-out var(--delay,0s) infinite;
}

#cta {
    padding-top:0;
    padding-bottom:34px;
}

.footer-top {
    padding-bottom:26px;
    gap:40px;
}

.footer-brand {
    max-width:320px;
}

.footer-brand img {
    width:38px;
    margin-bottom:12px;
}

.footer-tag {
    font-size:0.86rem;
    line-height:1.55;
    margin:0 0 14px;
}

.footer-socials a {
    width:30px;
    height:30px;
}

.footer-links {
    gap:56px;
}

.footer-links .f-col {
    gap:8px;
}

.footer-links h5 {
    margin:0 0 3px;
}

.footer-links a {
    font-size:0.86rem;
}

.f-bottom {
    padding:15px 0 20px;
}

.section {
    padding:76px 0;
}

.section-tight {
    padding-top:26px;
}

h1,
h2,
h3,
h4,
h5 {
    color:var(--d-text);
    font-weight:700;
}

.stat-band {
    background:var(--d-line);
    border-color:var(--d-line);
    border-radius:0.75rem;
}

.why-ico {
    border-radius:0.5rem;
    background:rgba(0,83,217,0.16);
    border-color:rgba(79,141,255,0.28);
    color:var(--d-blue-lit);
}

.closing-cta {
    background:var(--d-blue);
}

.closing-btn {
    background:#f2f4f8 !important;
    border-color:#f2f4f8 !important;
    color:var(--d-blue) !important;
}

.closing-btn:hover {
    background:#fff !important;
    border-color:#fff !important;
}

.f-bottom {
    border-top-color:var(--d-line);
}

.footer-socials a {
    border-color:var(--d-line);
    border-radius:0.5rem;
}

.footer-socials a:hover {
    background:#17171a;
    border-color:#2a2a30;
}

.closing-btn {
    background-color:#f1f2f5 !important;
    border:1px solid #f1f2f5;
    color:var(--dm-blue-deep);
    font-weight:600;
}

.closing-btn:hover {
    background-color:#fff !important;
}

.stat-band {
    background:var(--dm-line);
    border-color:var(--dm-line);
    border-radius:0.75rem;
}

.why-ico {
    background:rgba(47,107,255,0.12);
    border:1px solid rgba(47,107,255,0.28);
    border-radius:0.6rem;
    color:#7fa6ff;
}

.footer-links a {
    color:var(--dm-dim);
}

.footer-links a:hover {
    color:var(--dm-text);
}

.stat-big {
    color:var(--dm-blue);
}

.f-bottom p,
.f-bottom a {
    color:var(--dm-dim);
}

.closing-cta {
    background:var(--dm-blue-deep);
    border-top:1px solid var(--dm-line);
    border-bottom:1px solid var(--dm-line);
}

.mod-panel {
    box-shadow:0 26px 62px var(--sh-blue),0 0 46px rgba(47,107,255,0.12) !important;
}

.footer-socials a:hover {
    box-shadow:0 6px 16px var(--sh-blue-soft);
}

.cta-banner {
    background-color:rgba(17,17,18,0.5) !important;
    box-shadow:0 16px 40px var(--sh-blue-soft) !important;
}

.closing-cta {
    position:relative;
    box-shadow:0 26px 60px var(--sh-blue);
}

.closing-cta::after {
    content:'';
    position:absolute;
    left:50%;
    bottom:-1px;
    width:78%;
    height:42px;
    transform:translateX(-50%) translateY(50%);
    background:radial-gradient(ellipse at center,rgba(35,72,184,0.5),transparent 70%);
    filter:blur(14px);
    pointer-events:none;
}

@media (max-width:1100px) {
    .hero-grid {
        align-items:center;
    }
    .hero-stage {
        align-items:center;
    }
    .hero-stage>.stage-face {
        align-items:center;
    }
}

.why-title,
.closing-cta h2 {
    font-size:clamp(1.7rem,1.2rem + 1.9vw,2.7rem);
}

.stat-big {
    font-size:clamp(1.6rem,1.1rem + 1.5vw,2.3rem);
}

@media (max-width:700px) {
    body::after {
        background-size:44px 44px;
    }
}

@media (max-width:700px) {
    body::after {
        background-size:74px 74px;
    }
}

.dot-layer {
    display:none;
}

.mod-panel {
    box-shadow:0 26px 62px var(--sh),0 0 46px rgba(79,141,255,0.12) !important;
}

#why::after,
#pricing::after {
    content:'';
    position:absolute;
    left:50%;
    bottom:0;
    width:76%;
    height:90px;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at center,rgba(6,16,44,0.85),transparent 72%);
    filter:blur(18px);
    pointer-events:none;
    z-index:0;
}

#why,
#pricing {
    position:relative;
}

.why-ico {
    background:rgba(79,141,255,0.12);
    border-color:rgba(79,141,255,0.3);
}

.mid-band {
    position:relative;
    background:var(--ie-blue-deep);
    padding:clamp(46px,7vh,78px) 0;
    text-align:center;
    border-top:1px solid rgba(255,255,255,0.05);
    border-bottom:1px solid rgba(255,255,255,0.05);
    box-shadow:0 22px 54px var(--sh);
    z-index:2;
}

.mid-band h2 {
    font-family:var(--font-display);
    font-size:clamp(1.5rem,1.1rem + 1.5vw,2.2rem);
    font-weight:700;
    color:#fff;
    margin:0 0 8px;
}

.mid-band p {
    color:rgba(255,255,255,0.78);
    margin:0 0 22px;
    font-size:0.95rem;
}

.mid-band::after {
    content:'';
    position:absolute;
    left:50%;
    bottom:-1px;
    width:74%;
    height:40px;
    transform:translateX(-50%) translateY(50%);
    background:radial-gradient(ellipse at center,rgba(20,46,130,0.6),transparent 70%);
    filter:blur(14px);
    pointer-events:none;
}

.closing-cta {
    background:var(--ie-blue-deep);
}

.footer-socials {
    display:none;
}

.footer-brand img {
    display:none;
}

.footer-brand {
    max-width:320px;
}

.footer-links a svg {
    display:none;
}

.f-discord {
    gap:0;
}

.stat-band {
    background:var(--box-line) !important;
}

#cta {
    padding-bottom:10px;
}

#cta::after,
.closing-cta::after {
    content:none !important;
}

#pricing::after {
    content:none !important;
}

.why-grid {
    margin-bottom:0;
}

.stat-band {
    margin-top:clamp(26px,4vh,52px);
}

@media (max-width:1100px) {
    .hero-grid {
        grid-template-columns:1fr;
    }
    .hero-copy {
        padding-top:0;
    }
}

.closing-cta {
    margin-bottom:clamp(28px,5vh,62px);
}

.mid-band {
    margin:clamp(20px,4vh,48px) 0;
}

#cta {
    padding-top:clamp(10px,2vh,26px);
}

.mid-band,
.closing-cta {
    background:radial-gradient(120% 160% at 50% 0%,#26489f 0%,#16307a 46%,#0f2258 100%);
    border-top:1px solid rgba(120,170,255,0.16);
    border-bottom:1px solid rgba(120,170,255,0.16);
    box-shadow:0 0 90px rgba(30,80,210,0.28),0 24px 60px var(--sh),inset 0 1px 0 rgba(255,255,255,0.06);
}

.mid-band::before,
.closing-cta::before {
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(60% 120% at 50% 42%,rgba(90,150,255,0.2),transparent 70%);
    pointer-events:none;
}

.mid-band h2,
.closing-cta h2 {
    text-shadow:0 2px 26px rgba(10,30,90,0.55);
}

.closing-btn::before {
    content:none !important;
}

.footer-top {
    display:flex;
    justify-content:center;
    gap:clamp(30px,7vw,96px);
    padding-bottom:clamp(26px,4vh,44px);
    border:none;
}

.footer-links {
    display:flex;
    gap:clamp(28px,6vw,84px);
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    max-width:1100px;
}

.footer-links .f-col {
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:84px;
}

.footer-links .f-right {
    margin-left:auto;
}

.footer-links .f-right + .f-right {
    margin-left:0;
}

.footer-links h5 {
    display:none;
}

.footer-links a {
    font-size:0.9rem;
    color:var(--dm-dim);
    transition:color 0.25s;
}

.footer-links a:hover {
    color:var(--dm-text);
}

.f-bottom {
    border-top:none !important;
    justify-content:center;
    text-align:center;
    padding:clamp(14px,2vh,24px) 0 clamp(22px,3vh,34px);
}

.f-bottom p {
    margin:0;
    font-size:0.82rem;
    color:var(--dm-dim);
}

@media (max-width:760px) {
    .footer-links {
        gap:26px 40px;
    }
    .footer-links .f-right {
        margin-left:0;
    }
}

@media (max-width:1100px) {
    .hero-stage {
        transform:none;
    }
}

@media (max-width:1100px) {
    :root {
        --stage-shift:0px;
    }
}

.footer-links a {
    font-size:0.8rem;
    color:#cfd3da;
}

.footer-links a:hover {
    color:#fff;
}

.footer-links .f-col {
    gap:9px;
}

.f-legal {
    display:flex;
    align-items:center;
    gap:clamp(26px,5vw,72px);
    margin-left:auto;
}

.f-legal .f-col {
    min-width:0;
}

.f-discord-col {
    justify-content:center;
}

@media (max-width:760px) {
    .f-legal {
        margin-left:0;
    }
}

kbd {
    font-family:var(--font-mono);
    font-size:0.76em;
    padding:2px 6px;
    border-radius:4px;
    background:rgba(0,0,0,0.35);
    border:1px solid rgba(255,255,255,0.18);
    color:#fff;
}

@media (max-width:720px) {
    .sim-panels,
.sim-arraylist,
.sim-greeting {
        display:none;
    }
}

@media (max-width:900px) {
    .sim-cat {
        display:none;
    }
}

@media (max-width:1000px) {
    .sim-panel {
        position:relative;
        left:auto !important;
        top:auto !important;
        width:min(20em,88%);
        margin:0 auto 1em;
        max-height:none;
    }
}

@media (max-width:1100px) {
    .sim-cat,
.sim-settings {
        position:relative;
        left:auto !important;
        top:auto !important;
        transform:none;
        width:min(15em,90%) !important;
        max-height:none;
        margin:0 auto 0.8em;
    }
}

@media (max-width:1100px) {
    .sim-cat.mod-panel,
.sim-settings.mod-panel {
        position:relative;
        left:auto !important;
        top:auto !important;
        transform:none;
        width:min(16em,90%) !important;
        max-height:none;
        margin:0 auto 0.9em;
    }
}

@media (max-width:1100px) {
    .sim-cat.mod-panel,
.sim-settings.mod-panel {
        width:min(15rem,90%) !important;
    }
}

@media (max-width:1100px) {
    .sim-cat,
.sim-settings {
        position:relative;
        left:auto !important;
        top:auto !important;
        transform:none;
        width:min(16rem,90%) !important;
        max-height:none;
        margin:0 auto 0.9rem;
    }
}

@media (max-width:900px) {
    .peek-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width:1000px) {
    .peek-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width:620px) {
    .mods-count {
        position:static;
        display:block;
        margin-top:8px;
    }
}

@media (min-width:1001px) {
    .peek-copy {
        max-height:none;
    }
}

@media (max-width:1000px) {
    .peek-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width:1000px) {
    .peek-grid {
        grid-template-columns:1fr;
        gap:28px;
    }
}

.peek-grid {
    display:grid;
    grid-template-columns:minmax(0,0.8fr) minmax(0,1.6fr);
    gap:64px;
    align-items:center;
}

.peek-copy {
    min-width:0;
}

.peek-title {
    font-family:var(--font-display);
    font-size:clamp(2.1rem,1.4rem + 2.4vw,3.15rem);
    font-weight:700;
    line-height:1.04;
    letter-spacing:-0.02em;
    color:#f1f2f4;
    margin:0 0 18px;
}

.peek-lead {
    margin:0 0 26px;
    max-width:34ch;
    font-size:0.92rem;
    line-height:1.65;
    color:#87888d;
}

.peek-stage {
    position:relative;
    --sim-k:0.62;
}

@media (max-width:1000px) {
    .peek-grid {
        grid-template-columns:1fr;
        gap:32px;
    }
    .peek-lead {
        max-width:none;
    }
}

.vhead {
    margin-bottom:34px;
    text-align:center;
}

.vhead-title {
    margin:0;
    font-family:var(--font-display);
    font-size:clamp(1.9rem,1.3rem + 2vw,2.7rem);
    font-weight:700;
    letter-spacing:-0.02em;
    color:#f1f2f4;
}

.vgrid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(228px,1fr));
    gap:18px;
}

@media (min-width:1080px) {
    .vgrid {
        grid-template-columns:repeat(12,1fr);
    }
    .vbox {
        grid-column:span 3;
    }
    .vbox:nth-child(5) {
        grid-column:2 / span 3;
    }
    .vbox:nth-child(6) {
        grid-column:5 / span 3;
    }
    .vbox:nth-child(7) {
        grid-column:8 / span 3;
    }
}

.vbox {
    position:relative;
    padding:22px 20px 20px;
    border-radius:0.75rem;
    border:1px solid var(--box-line);
    background:var(--box);
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 10px 20px rgba(2,6,18,0.38),0 26px 52px rgba(2,6,18,0.44),inset 0 1px 0 rgba(255,255,255,0.035);
    transition:border-color 0.4s var(--ease-aiden),transform 0.4s var(--ease-aiden);
}

.vbox:hover {
    border-color:rgba(79,141,255,0.32);
    transform:translateY(-2px);
}

.vbox-check {
    display:block;
    width:12px;
    height:7px;
    margin-bottom:14px;
    border-left:2px solid var(--d-blue-lit);
    border-bottom:2px solid var(--d-blue-lit);
    transform:rotate(-45deg);
}

.vbox-name {
    margin:0 0 4px;
    font-family:var(--font-mod);
    font-size:0.98rem;
    font-weight:600;
    color:#ececec;
}

.vbox-ver {
    margin:0;
    font-family:var(--font-mono);
    font-size:0.8rem;
    letter-spacing:0.02em;
    color:#87888d;
}

.vbox-flag {
    position:absolute;
    top:16px;
    right:16px;
    padding:3px 8px;
    border-radius:999px;
    border:1px solid var(--box-line);
    background:#101115;
    font-family:var(--font-mono);
    font-size:0.6rem;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#6d6e75;
}

.vbox[data-soon] .vbox-check {
    opacity:0.32;
}

.vbox[data-soon] .vbox-name {
    color:#a9aab0;
}

@media (max-width:620px) {
    .vgrid {
        grid-template-columns:1fr 1fr;
        gap:12px;
    }
    .vbox {
        padding:18px 15px 16px;
    }
}

.title-blue {
    color:var(--ie-blue);
}

.section-flush {
    padding-top:18px;
}

.dash,
.dash-card {
    max-width:1180px;
    margin:0 auto 26px;
    padding:26px 26px 24px;
    border-radius:0.75rem;
    border:1px solid var(--box-line);
    background:var(--box);
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 10px 20px rgba(2,6,18,0.38),0 26px 52px rgba(2,6,18,0.44),inset 0 1px 0 rgba(255,255,255,0.035);
}

.dash-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:22px;
}

.dash-kicker {
    display:block;
    font-family:var(--font-mono);
    font-size:0.68rem;
    letter-spacing:0.2em;
    text-transform:uppercase;
    color:var(--ie-blue);
    margin-bottom:8px;
}

.dash-title {
    margin:0 0 6px;
    font-family:var(--font-display);
    font-size:clamp(1.4rem,1.1rem + 1.2vw,1.95rem);
    font-weight:700;
    letter-spacing:-0.02em;
    color:#f1f2f4;
}

.dash-sub {
    margin:0;
    font-size:0.88rem;
    color:#87888d;
}

.dash-buy {
    flex:none;
}

.dash-stats {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:13px;
    margin-bottom:14px;
}

.dash-chart-card {
    padding:20px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0d0e13;
}

.dash-chart-title {
    margin:0 0 10px;
    font-family:var(--font-display);
    font-size:1.1rem;
    font-weight:700;
    color:#ececec;
}

.dash-legend {
    display:flex;
    gap:18px;
    margin-bottom:12px;
    font-size:0.76rem;
    color:#87888d;
}

.dash-legend i {
    display:inline-block;
    width:9px;
    height:9px;
    border-radius:999px;
    margin-right:7px;
}

.dot-l {
    background:var(--ie-blue);
}

.dot-d {
    background:#3ecfa0;
}

.dash-chart svg {
    width:100%;
    height:260px;
    display:block;
}

.dash-chart .cg {
    stroke:#191a1e;
    stroke-width:1;
}

.dash-chart .cy,
.dash-chart .cx {
    fill:#6d6e75;
    font-family:var(--font-mono);
    font-size:10px;
}

.dash-chart .cy {
    text-anchor:end;
}

.dash-chart .cx {
    text-anchor:middle;
}

.dash-chart .cl {
    fill:none;
    stroke-width:2.5;
    stroke-linejoin:round;
    stroke-linecap:round;
}

.dash-chart .cl-l {
    stroke:var(--ie-blue);
}

.dash-chart .cl-d {
    stroke:#3ecfa0;
}

.dash-chart .ca-l {
    fill:rgba(79,141,255,0.13);
}

.dash-chart .ca-d {
    fill:rgba(62,207,160,0.10);
}

.dash-chart .cp-l {
    fill:var(--ie-blue);
}

.dash-chart .cp-d {
    fill:#3ecfa0;
}

.tik-open {
    border-color:rgba(79,141,255,.4);
    color:var(--ie-blue);
}

.tik-answered {
    border-color:rgba(62,207,160,.45);
    color:#3ecfa0;
}

.tik-closed {
    color:#6d6e75;
}

.empty-note {
    margin:0;
    padding:26px;
    text-align:center;
    border:1px dashed var(--box-line);
    border-radius:8px;
    font-size:0.86rem;
    color:#87888d;
}

.tik-thread {
    margin-top:18px;
    padding:18px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0e0f14;
}

.tik-thread.hide {
    display:none;
}

.tik-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}

.tik-head h4 {
    display:flex;
    align-items:center;
    gap:9px;
    margin:0;
    font-family:var(--font-mod);
    font-size:1rem;
    color:#ececec;
}

.tik-msgs {
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:16px;
}

.tik-msg {
    padding:13px 15px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
}

.tik-msg.is-staff {
    border-color:rgba(79,141,255,0.32);
    background:#0c1019;
}

.tik-from {
    display:flex;
    align-items:center;
    gap:8px;
    font-family:var(--font-mod);
    font-size:0.85rem;
    font-weight:600;
    color:#ececec;
    margin-bottom:5px;
}

.tik-staff {
    font-family:var(--font-mono);
    font-size:0.58rem;
    font-style:normal;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--ie-blue);
    border:1px solid rgba(79,141,255,.4);
    border-radius:999px;
    padding:1px 7px;
}

.tik-msg p {
    margin:0 0 6px;
    font-size:0.86rem;
    line-height:1.6;
    color:#d8d8d8;
    white-space:pre-wrap;
}

.tik-at {
    font-family:var(--font-mono);
    font-size:0.66rem;
    color:#6d6e75;
}

@media (max-width:700px) {
    .cfg-item {
        flex-direction:column;
        align-items:stretch;
    }
    .cfg-item-side {
        justify-content:flex-end;
    }
    .dash-head {
        flex-direction:column;
    }
}

.signin-wrap {
    min-height:calc(100vh - var(--nav-h,78px));
    display:grid;
    place-items:center;
    padding:60px 20px;
}

.signin-hint {
    margin:16px 0 0;
    font-size:0.8rem;
    line-height:1.6;
    color:#87888d;
}

.signin-hint.hide {
    display:none;
}

.redeem-card {
    max-width:760px;
    margin:34px auto 0;
    padding:24px;
    border-radius:0.75rem;
    border:1px solid var(--box-line);
    background:var(--box);
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 10px 20px rgba(2,6,18,0.38),0 26px 52px rgba(2,6,18,0.44),inset 0 1px 0 rgba(255,255,255,0.035);
}

.redeem-form {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.my-codes {
    margin-top:18px;
}

.my-codes.hide {
    display:none;
}

.my-codes h4 {
    margin:0 0 10px;
    font-family:var(--font-mono);
    font-size:0.68rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:#6d6e75;
}

.code-row {
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 13px;
    margin-bottom:8px;
    border-radius:7px;
    border:1px solid var(--box-line);
    background:#0e0f14;
}

.code-row code {
    font-family:var(--font-mono);
    font-size:0.85rem;
    color:var(--ie-blue);
    letter-spacing:0.06em;
}

.gate-bar {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:3px;
    z-index:9999;
    pointer-events:none;
    opacity:0;
    transition:opacity 0.25s ease;
}

.gate-bar.is-on {
    opacity:1;
}

.gate-bar.is-done {
    opacity:0;
    transition:opacity 0.35s ease 0.06s;
}

.gate-bar-fill {
    display:block;
    width:0;
    height:100%;
    border-radius:0 2px 2px 0;
    background:linear-gradient(90deg,#1f4fae 0%,#2f6ae0 55%,#4f8dff 100%);
    box-shadow:0 0 10px rgba(47,106,224,0.55),0 0 3px rgba(79,141,255,0.7);
    transition:width 0.18s ease-out;
}

.signin {
    width:100%;
    max-width:420px;
    text-align:center;
}

.signin-mark {
    margin:0 0 34px;
    font-family:var(--font-display);
    font-size:clamp(2rem,1.5rem + 1.8vw,2.55rem);
    font-weight:700;
    line-height:1.08;
    letter-spacing:-0.02em;
    color:#f1f2f4;
}

.signin-form {
    display:flex;
    flex-direction:column;
    gap:14px;
}

.signin-go {
    margin-top:6px;
    width:100%;
    padding:18px 20px;
    font-size:1rem;
}

.signin-links {
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:22px;
    flex-wrap:wrap;
}

.signin-links a {
    font-size:0.86rem;
    color:var(--ie-blue);
    text-decoration:none;
    transition:color 0.2s ease;
}

.signin-links a:hover {
    color:#7fb0ff;
    text-decoration:underline;
    text-underline-offset:3px;
}

.panel-sec {
    padding-top:24px;
}

.panel-sec-title {
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 3px;
    font-family:var(--font-display);
    font-size:1.05rem;
    font-weight:700;
    letter-spacing:-0.01em;
    color:#f1f2f4;
}

.panel-sec-n {
    padding:1px 8px;
    border-radius:999px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    font-family:var(--font-mono);
    font-size:0.64rem;
    font-weight:400;
    color:#6d6e75;
}

.panel-sec-sub {
    margin:0 0 14px;
    font-size:0.8rem;
    color:#6d6e75;
}

.chip-grid {
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(178px,1fr));
    gap:9px;
}

.chip {
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 13px;
    border-radius:9px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    font-family:var(--font-mod);
    font-size:0.85rem;
    color:#d8d8d8;
    cursor:default;
    transition:border-color 0.2s ease,background 0.2s ease,transform 0.2s var(--ease-aiden);
}

.chip:hover,
.chip:focus-visible {
    border-color:rgba(79,141,255,0.4);
    background:#0d1017;
    transform:translateY(-1px);
    outline:none;
}

.chip-name {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.chip-tick {
    flex:none;
    width:11px;
    height:6px;
    border-left:2px solid var(--d-blue-lit);
    border-bottom:2px solid var(--d-blue-lit);
    transform:rotate(-45deg) translateY(-2px);
}

.chip.is-soon .chip-tick {
    border-color:#4a4b52;
}

.chip.is-soon .chip-name {
    color:#87888d;
}

.chip-soon {
    margin-left:auto;
    padding:1px 6px;
    border-radius:999px;
    border:1px solid var(--box-line);
    background:#101115;
    font-family:var(--font-mono);
    font-size:0.56rem;
    font-style:normal;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#6d6e75;
}

.chip::after {
    content:attr(data-tip);
    position:absolute;
    left:50%;
    bottom:calc(100% + 9px);
    transform:translateX(-50%) translateY(4px);
    width:max-content;
    max-width:250px;
    padding:9px 12px;
    border-radius:7px;
    border:1px solid var(--box-line);
    background:#101115;
    box-shadow:0 1px 1px var(--sh),0 8px 20px var(--sh-soft),0 18px 40px var(--sh-soft);
    font-family:var(--font-sans);
    font-size:0.76rem;
    font-weight:400;
    line-height:1.5;
    color:#d8d8d8;
    text-align:left;
    white-space:normal;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s;
    z-index:30;
    pointer-events:none;
}

.chip:hover::after,
.chip:focus-visible::after {
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

.panel-sec:first-child .chip::after {
    bottom:auto;
    top:calc(100% + 9px);
}

@media (max-width:620px) {
    .panel {
        padding:22px 18px 20px;
        border-radius:0.85rem;
    }
    .chip-grid {
        grid-template-columns:repeat(auto-fill,minmax(148px,1fr));
        gap:7px;
    }
    .chip {
        padding:10px 11px;
        font-size:0.8rem;
    }
}

.legal-wrap {
    max-width:880px;
    margin:0 auto;
    padding:70px 20px 90px;
}

.legal-box {
    padding:34px 34px 30px;
    border-radius:1rem;
    border:1px solid var(--box-line);
    background:#000;
    box-shadow:0 1px 1px rgba(0,0,0,0.5),0 3px 6px rgba(2,6,18,0.34),0 12px 26px rgba(2,6,18,0.4),0 34px 68px rgba(2,6,18,0.46),inset 0 1px 0 rgba(255,255,255,0.035);
}

.legal-box .template-note {
    padding:14px 16px;
    margin-bottom:8px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    font-size:0.82rem;
    color:#87888d;
}

.legal-box .fill {
    color:#6d6e75;
}

@media (max-width:620px) {
    .legal-wrap {
        padding:46px 16px 60px;
    }
    .legal-box {
        padding:22px 18px 20px;
        border-radius:0.85rem;
    }
}

@media (max-width:620px) {
    .cookie-bar {
        left:12px;
        right:12px;
        bottom:12px;
        flex-direction:column;
        align-items:stretch;
        gap:13px;
    }
    .cookie-actions button {
        flex:1;
    }
}

.dhero-side {
    display:flex;
    align-items:center;
    gap:12px;
    flex:none;
}

.dcount {
    padding:8px 14px;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    text-align:center;
}

.dcount span {
    display:block;
    font-family:var(--font-mono);
    font-size:0.58rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:#6d6e75;
}

.dcount b {
    font-family:var(--font-display);
    font-size:1.05rem;
    color:#f1f2f4;
}

.dgrid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:14px;
}

.dl-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.dl-ver {
    display:block;
    font-family:var(--font-display);
    font-size:1.3rem;
    font-weight:700;
    color:#f1f2f4;
}

.dl-note {
    font-family:var(--font-mono);
    font-size:0.72rem;
    color:#6d6e75;
}

.dfilter {
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 20px;
}

.dicon {
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:8px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    color:#9a9ba1;
    cursor:pointer;
    font-size:0.95rem;
    transition:color 0.2s ease,border-color 0.2s ease;
}

.dicon:hover {
    color:var(--ie-blue);
    border-color:rgba(79,141,255,0.4);
}

.dcheck {
    display:flex;
    align-items:center;
    gap:9px;
    cursor:pointer;
    font-size:0.84rem;
    color:#d8d8d8;
}

.tik-list {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.tikrow {
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 20px;
    border-radius:0.85rem;
    border:1px solid var(--box-line);
    background:#000;
    transition:border-color 0.2s ease;
}

.tikrow:hover {
    border-color:#26272d;
}

.tikrow-status {
    font-size:0.8rem;
    color:#87888d;
    flex:none;
    min-width:66px;
}

.tikrow-date {
    font-family:var(--font-mono);
    font-size:0.72rem;
    color:#6d6e75;
    flex:none;
    padding-left:14px;
    border-left:1px solid var(--box-line);
}

.tikrow-subject {
    margin:0;
    flex:1 1 auto;
    min-width:0;
    font-family:var(--font-mod);
    font-size:0.92rem;
    font-weight:600;
    color:#ececec;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.tikrow-user {
    font-family:var(--font-mono);
    font-size:0.72rem;
    color:#6d6e75;
    flex:none;
}

.tikrow-side {
    display:flex;
    align-items:center;
    gap:8px;
    flex:none;
}

.dtrash {
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:8px;
    border:1px solid rgba(224,64,64,0.32);
    background:rgba(224,64,64,0.1);
    color:#e04040;
    cursor:pointer;
    font-size:0.95rem;
    transition:background 0.2s ease,border-color 0.2s ease;
}

.dtrash:hover {
    background:rgba(224,64,64,0.2);
    border-color:rgba(224,64,64,0.55);
}

.dempty {
    padding:54px 24px;
    border-radius:0.85rem;
    border:1px dashed #23242a;
    text-align:center;
}

.dempty-ico {
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    margin:0 auto 16px;
    border-radius:999px;
    background:rgba(79,141,255,0.14);
    color:var(--ie-blue);
    font-size:1.1rem;
}

.dempty h4 {
    margin:0 0 6px;
    font-family:var(--font-display);
    font-size:1.05rem;
    color:#f1f2f4;
}

.dempty p {
    margin:0 0 18px;
    font-size:0.85rem;
    color:#87888d;
}

.dbar {
    display:flex;
    gap:10px;
    margin-bottom:14px;
}

@media (max-width:940px) {
    .dash-shell {
        grid-template-columns:1fr;
        padding-top:18px;
    }
    .dnav {
        position:static;
    }
    .dnav-list {
        flex-direction:row;
        flex-wrap:wrap;
    }
    .dnav-item {
        width:auto;
        flex:1 1 auto;
        justify-content:center;
    }
    .dnav-out {
        margin-top:0;
        border-top:none;
    }
}

.dhero-cta {
    flex:none;
}

.dash-legend {
    display:flex;
    justify-content:center;
    gap:26px;
    margin:6px 0 4px;
    font-size:0.79rem;
    color:#9a9ba1;
}

.dash-legend i {
    display:inline-block;
    width:9px;
    height:9px;
    border-radius:999px;
    margin-right:8px;
}

.dot-l {
    background:var(--ie-blue);
}

.dot-d {
    background:#3ecfa0;
}

.dash-chart svg {
    width:100%;
    height:420px;
    display:block;
}

.dash-chart .cg {
    stroke:#14151a;
    stroke-width:1;
}

.dash-chart .cg-v {
    stroke:#0f1014;
}

.dash-chart .cy,
.dash-chart .cx {
    fill:#6d6e75;
    font-family:var(--font-mono);
    font-size:11px;
}

.dash-chart .cy {
    text-anchor:end;
}

.dash-chart .cx {
    text-anchor:middle;
}

.dash-chart .cl {
    fill:none;
    stroke-width:2.5;
    stroke-linejoin:round;
    stroke-linecap:round;
}

.dash-chart .cl-l {
    stroke:var(--ie-blue);
}

.dash-chart .cl-d {
    stroke:#3ecfa0;
}

.dash-chart .ca {
    stroke:none;
}

.dash-chart .ca-l {
    fill:rgba(79,141,255,0.14);
}

.dash-chart .ca-d {
    fill:rgba(62,207,160,0.11);
}

.dash-chart .cp-l {
    fill:var(--ie-blue);
}

.dash-chart .cp-d {
    fill:#3ecfa0;
}

@media (max-width:1100px) {
    .dash-chart svg {
        height:320px;
    }
}

@media (max-width:940px) {
    .dash-shell {
        padding:18px 14px 60px;
    }
    .dchart-card,
.dlog-card {
        padding:20px 16px 16px;
    }
    .dash-chart svg {
        height:260px;
    }
}

.tik-who {
    margin:-6px 0 14px;
    font-family:var(--font-mono);
    font-size:0.72rem;
    color:#6d6e75;
}

.dtrash-wide {
    width:auto;
    padding:0 15px;
    gap:8px;
    display:inline-flex;
    align-items:center;
    height:40px;
    font-family:var(--font-sans);
    font-size:0.84rem;
    font-weight:500;
}

#ambient-dots {
    opacity:0.5;
}

.tos-wrap {
    max-width:1020px;
}

.tos-title {
    margin:6px 0 30px;
    text-align:center;
    font-family:var(--font-display);
    font-size:clamp(1.5rem,1.1rem + 1.6vw,2rem);
    font-weight:700;
    letter-spacing:-0.01em;
    color:#f1f2f4;
    text-transform:none;
}

.tos-h {
    margin:30px 0 10px;
    font-family:var(--font-display);
    font-size:1.12rem;
    font-weight:700;
    letter-spacing:-0.01em;
    color:var(--ie-blue);
    text-transform:none;
}

.tos-h:first-of-type {
    margin-top:8px;
}

.legal-box p {
    margin:0 0 13px;
    font-size:0.9rem;
    line-height:1.72;
    color:#d3d4d9;
}

.legal-box p:last-child {
    margin-bottom:0;
}

.legal-box p b,
.legal-box dd b {
    color:var(--ie-blue);
    font-weight:600;
}

.tos-defs {
    margin:0;
}

.tos-def {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:7px;
}

.tos-def dt {
    font-family:var(--font-sans);
    font-size:0.9rem;
    font-weight:600;
    color:var(--ie-blue);
}

.tos-def dd {
    margin:0;
    font-size:0.9rem;
    line-height:1.6;
    color:#d3d4d9;
}

@media (max-width:620px) {
    .tos-def {
        display:block;
    }
    .tos-def dd {
        display:inline;
    }
}

.is-working {
    opacity:0.6;
    cursor:progress;
}

.signin-note {
    margin:-20px 0 26px;
    font-size:0.84rem;
    color:#87888d;
}

.mtab {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:9px;
    border:1px solid var(--box-line);
    background:#000;
    cursor:pointer;
    font-family:var(--font-sans);
    font-size:0.86rem;
    font-weight:500;
    white-space:nowrap;
    color:#87888d;
    transition:color .2s ease,border-color .2s ease;
}

.mtab:hover {
    color:#e4e5e8;
    border-color:#26272d;
}

.mtab:focus-visible {
    outline:2px solid var(--ie-blue);
    outline-offset:2px;
}

.mtab.is-on {
    color:#fff;
    border-color:rgba(79,141,255,0.55);
    background:linear-gradient(180deg,#2f6ae0 0%,#2657c4 100%);
    box-shadow:0 6px 16px rgba(20,70,180,0.32),inset 0 1px 0 rgba(255,255,255,0.14);
}

.dsec-h {
    margin:26px 0 13px;
    padding-left:12px;
    border-left:3px solid var(--ie-blue);
    font-family:var(--font-display);
    font-size:1.08rem;
    font-weight:700;
    color:#f1f2f4;
}

.qgrid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:13px;
}

@media (max-width:900px) {
    .hero-centred {
        min-height:0;
        padding-top:24px;
    }
    .hero-centred .hero-visual {
        max-width:100%;
    }
    .hero-scroll {
        margin-top:30px;
    }
}

.fgrid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:14px;
}

.fgrid[hidden] {
    display:none;
}

.fback {
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:16px;
    padding:9px 16px;
    border-radius:999px;
    border:1px solid var(--box-line);
    background:#05060a;
    color:#d8d8d8;
    cursor:pointer;
    font-family:var(--font-sans);
    font-size:0.85rem;
    font-weight:500;
    transition:border-color .2s ease,color .2s ease;
}

.fback:hover {
    border-color:rgba(79,141,255,.45);
    color:#fff;
}

.fback[hidden] {
    display:none;
}

.fdetail[hidden] {
    display:none;
}

.fdetail-head {
    display:flex;
    align-items:center;
    gap:15px;
    padding:20px 22px;
    margin-bottom:14px;
    border-radius:0.9rem;
    border:1px solid var(--box-line);
    background:linear-gradient(160deg,#0a0e1a 0%,#000 70%);
}

.fdetail-head b {
    display:block;
    font-family:var(--font-display);
    font-size:1.2rem;
    font-weight:700;
    color:#f1f2f4;
}

.fdetail-head i {
    font-style:normal;
    font-size:0.86rem;
    color:#87888d;
}

.fresults[hidden] {
    display:none;
}

.fresults-count {
    margin:0 0 14px;
    font-family:var(--font-mono);
    font-size:0.74rem;
    color:#6d6e75;
}

@media (max-width:620px) {
    .fsearch-wrap {
        padding:16px;
    }
    .fsec {
        padding:16px 17px;
    }
}

@media (max-width:900px) {
    .hero-centred .hero-stage {
        min-height:260px !important;
        max-height:300px;
    }
    .hero-centred .hero-logo {
        max-height:200px;
    }
}

@media (max-width:900px) {
    .hero-centred .orbit {
        width:min(240px,70vw) !important;
    }
    .hero-centred [data-face="modules"]>* {
        transform:scale(0.42);
    }
    .hero-centred [data-face="shots"] .shot-trio {
        transform:scale(0.9);
    }
}

.dash-stats {
    gap:16px;
    margin-bottom:26px;
}

.dsec-h {
    margin:34px 0 16px;
}

.qgrid {
    gap:16px;
}

.dgrid {
    gap:18px;
}

@media (max-width:1100px) {
    .dview-wrap {
        padding:24px 20px 70px;
    }
}

@media (max-width:940px) {
    .dash-shell {
        grid-template-columns:1fr;
    }
    .dnav {
        position:static;
        height:auto;
        border-right:none;
        border-bottom:1px solid var(--box-line);
        box-shadow:none;
        padding:16px 14px;
    }
    .dview-wrap {
        padding:20px 14px 60px;
    }
}

#cfg-pick {
    margin-top:9px;
}

.is-locked {
    opacity:0.55;
}

@media (max-width:900px) {
    .hero-centred [data-face="orbit"] {
        transform:scale(0.5);
    }
    .hero-centred [data-face="modules"] {
        transform:scale(0.3);
    }
    .hero-centred [data-face="shots"] {
        transform:scale(0.8);
    }
}

.fs-tag {
    padding:4px 10px;
    border-radius:7px;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    font-family:var(--font-mono);
    font-size:0.66rem;
    letter-spacing:0.02em;
    color:#7e8088;
    transition:color .2s ease,border-color .2s ease;
}

@media (max-width:900px) {
    .hero-centred .hero-stage {
        min-height:280px !important;
        max-height:300px;
    }
    .hero-centred [data-face="orbit"] {
        transform:scale(0.34);
    }
    .hero-centred [data-face="shots"] {
        transform:scale(0.62);
    }
}

.dash-stats {
    gap:18px !important;
    margin-bottom:30px !important;
}

.qgrid {
    gap:18px !important;
}

.dsec-h {
    margin:38px 0 18px !important;
}

.qgrid {
    align-items:stretch;
}

@media (max-width:1200px) {
    .hero-prop-orbit {
        margin-left:-320px;
    }
    .hero-prop-loader {
        margin-left:320px;
    }
}

@media (max-width:900px) {
    .hero-props {
        display:none;
    }
}

.dash-stats {
    gap:20px !important;
    margin-bottom:36px !important;
}

.qgrid {
    gap:20px !important;
}

.dsec-h {
    margin:44px 0 20px !important;
}

@media (max-width:1100px) {
    .dview-wrap {
        padding:24px 20px 70px !important;
    }
}

@media (max-width:940px) {
    .dview-wrap {
        padding:20px 14px 60px !important;
    }
}

.tik-from.is-staff-name {
    color:#ff5a5a !important;
}

.tik-from.is-staff-name .tik-staff {
    color:#ff5a5a;
    border-color:rgba(255,90,90,0.42);
}

.dash-chart .cl-g {
    stroke:#b98cff;
}

.dash-chart .ca-g {
    fill:rgba(185,140,255,0.10);
}

.dash-chart .cp-g {
    fill:#b98cff;
}

.dot-g {
    background:#b98cff;
}

@media (max-width:1400px) {
    .hero-prop-shots {
        transform:translate(-6%,-50%) scale(0.4);
    }
    .hero-prop-loader {
        transform:translate(6%,-50%) scale(0.36);
    }
}

@media (max-width:1500px) {
    .hero-centred .hero-prop-shots {
        transform:scale(0.58);
    }
    .hero-centred .hero-prop-loader {
        transform:scale(0.5);
    }
}

@media (max-width:1100px) {
    .hero-centred .hero-props {
        display:none;
    }
}

@media (max-width:1500px) {
    .hero-centred .hero-prop-shots {
        --ps:0.72;
    }
    .hero-centred .hero-prop-loader {
        --ps:0.46;
    }
}

@media (max-width:1100px) {
    .hero-centred .hero-props {
        display:none;
    }
}

@media (max-width:1500px) {
    .hero-centred .hero-prop-shots {
        --ps:0.66;
        bottom:70px;
    }
    .hero-centred .hero-prop-loader {
        --ps:0.44;
        bottom:56px;
    }
}

@media (max-width:1100px) {
    .hero-centred .hero-props {
        display:none;
    }
}

@media (max-width:900px) {
    .hero-centred [data-face="logo"] {
        transform:scale(0.62);
    }
    .hero-centred [data-face="shots"] {
        transform:scale(0.62);
    }
    .hero-centred [data-face="modules"] {
        transform:scale(0.3);
    }
    .hero-centred [data-face="orbit"] {
        transform:scale(0.3) !important;
    }
}

@media (max-width:900px) {
    .hero-centred [data-face="modules"] {
        transform:scale(0.3) translateX(-40px);
    }
}

@media (max-width:900px) {
    .hero-centred [data-face="modules"] {
        transform:scale(0.3) translateX(-48px);
    }
}

@media (max-width:1100px) {
    .dash-shell {
        grid-template-columns:246px minmax(0,1fr);
    }
}

@media (max-width:940px) {
    .dash-shell {
        grid-template-columns:1fr;
        height:auto;
    }
    .dnav {
        position:static;
        height:auto;
        overflow:visible;
        border-right:none;
        border-bottom:1px solid var(--box-line);
    }
    .dview-wrap {
        height:auto;
        overflow:visible;
        scroll-behavior:auto;
    }
    .dview-wrap .site-footer {
        margin:32px -16px -30px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .dview-wrap {
        scroll-behavior:auto;
    }
}

@media (max-width:940px) {
    .dash-shell {
        height:auto;
        max-height:none;
        overflow:visible;
    }
    .dnav,
.dash-shell>.dnav {
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
        overflow-y:visible !important;
    }
    .dnav-list {
        overflow:visible !important;
        overflow-y:visible !important;
    }
    .dview-wrap,
.dash-shell>.dview-wrap {
        height:auto !important;
        max-height:none !important;
        overflow-y:visible !important;
        scroll-behavior:auto;
    }
}

.qgrid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:16px;
}

.qgrid:last-of-type {
    grid-auto-rows:minmax(150px,auto);
}

@media (prefers-reduced-motion:reduce) {
    .modal-back,
.modal-card,
.checkout-card {
        animation:none !important;
    }
}

.glow-media,
.glow-lifetime {
    color:#ff4d4d !important;
    text-shadow:0 0 6px rgba(255,60,60,.9),0 0 14px rgba(255,40,40,.65),0 0 26px rgba(255,30,30,.4);
    animation:glow-pulse-red 2.8s ease-in-out infinite;
}

.glow-monthly {
    color:#6fb4ff !important;
    text-shadow:0 0 6px rgba(90,165,255,.9),0 0 14px rgba(70,150,255,.6),0 0 26px rgba(60,140,255,.38);
    animation:glow-pulse-blue 2.8s ease-in-out infinite;
}

.glow-free {
    color:#8a8b92 !important;
    text-shadow:none;
}

@media (prefers-reduced-motion:reduce) {
    .glow-media,
.glow-lifetime,
.glow-monthly,
.role-admin,
.role-media {
        animation:none !important;
    }
}

.avatar-edit {
    display:flex;
    align-items:center;
    gap:16px;
    margin:6px 0 4px;
}

.avatar-preview {
    flex:none;
    display:grid;
    place-items:center;
    width:60px;
    height:60px;
    border-radius:50%;
    border:1px solid var(--box-line);
    background:#0b0b0d;
    font-family:var(--font-display);
    font-size:1.4rem;
    font-weight:700;
    color:#c8cad0;
    overflow:hidden;
}

.avatar-actions {
    display:flex;
    flex-direction:column;
    gap:8px;
}

/* CLEANER ROLE / PLAN GLOW — no rectangles, refined text glow */
.glow-pill,
.role-pill,
.dnav-tag,
.role-media,
[data-role="media"],
.dash-shell .role-media,
[data-portal="admin"] .role-media {
    display:inline-block !important;
    padding:0 !important;
    margin-left:8px !important;
    border:none !important;
    background:none !important;
    background-color:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-family:var(--font-mono) !important;
    font-size:0.6rem !important;
    font-weight:600 !important;
    letter-spacing:0.22em !important;
    text-transform:uppercase !important;
    animation:none !important;
    vertical-align:middle;
}
.glow-lifetime,
.glow-media,
.role-media,
[data-role="media"] {
    color:#ff5a5f !important;
    text-shadow:0 0 8px rgba(255,70,80,0.55), 0 0 20px rgba(255,50,60,0.30) !important;
}
.glow-monthly {
    color:#6fb4ff !important;
    text-shadow:0 0 8px rgba(90,165,255,0.5), 0 0 20px rgba(70,150,255,0.28) !important;
}
.role-admin {
    color:#e5484d !important;
    text-shadow:0 0 8px rgba(190,30,40,0.6), 0 0 20px rgba(150,20,30,0.35) !important;
}
.glow-free {
    color:#9a9ba1 !important;
    text-shadow:none !important;
}
.role-staff {
    color:#ff5a5f !important;
    text-shadow:0 0 8px rgba(255,70,80,0.5) !important;
    font-family:var(--font-mono);
    font-size:0.6rem;
    letter-spacing:0.22em;
    text-transform:uppercase;
}

/* AUTHORITATIVE ROLE/PLAN GLOW — exact colors, overrides all prior */
.glow-pill,
.role-pill,
.dnav-tag,
.role-media,
[data-role="media"],
.role-admin,
.role-staff {
    display:inline-block !important;
    padding:0 !important;
    border:none !important;
    background:none !important;
    background-color:transparent !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-family:var(--font-mono) !important;
    font-size:0.6rem !important;
    font-weight:600 !important;
    letter-spacing:0.22em !important;
    text-transform:uppercase !important;
    animation:none !important;
}
/* lifetime = blue */
.glow-lifetime {
    color:#4f8dff !important;
    text-shadow:0 0 8px rgba(79,141,255,0.6), 0 0 18px rgba(79,141,255,0.3) !important;
}
/* monthly = light green */
.glow-monthly {
    color:#5ee6a0 !important;
    text-shadow:0 0 8px rgba(94,230,160,0.55), 0 0 18px rgba(94,230,160,0.28) !important;
}
/* media = YouTube red */
.glow-media,
.role-media,
[data-role="media"] {
    color:#ff0000 !important;
    text-shadow:0 0 8px rgba(255,0,0,0.6), 0 0 18px rgba(255,0,0,0.32) !important;
}
/* admin = dark red */
.role-admin {
    color:#b81d24 !important;
    text-shadow:0 0 8px rgba(184,29,36,0.65), 0 0 18px rgba(184,29,36,0.35) !important;
}
/* default = glowy white */
.glow-default,
.glow-free {
    color:#ffffff !important;
    text-shadow:0 0 8px rgba(255,255,255,0.55), 0 0 18px rgba(255,255,255,0.25) !important;
}
.role-staff {
    color:#b81d24 !important;
    text-shadow:0 0 8px rgba(184,29,36,0.6) !important;
}


/* ===== ANIMATIONS ===== */

@keyframes drift {
    0% {
        transform:translate(0,0) scale(1);
    }
    100% {
        transform:translate(80px,60px) scale(1.1);
    }
}

@keyframes fadeSlideUp {
    0% {
        opacity:0;
        transform:translateY(20px);
    }
    100% {
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes marquee {
    to {
        transform:translateX(-50%);
    }
}

@keyframes floaty {
    0%,
100% {
        transform:translateY(6px);
    }
    50% {
        transform:translateY(-12px);
    }
}

@keyframes orb-a {
    to {
        transform:translate(70px,90px) scale(1.14);
    }
}

@keyframes orb-b {
    to {
        transform:translate(-90px,-60px) scale(1.10);
    }
}

@keyframes orb-c {
    to {
        transform:translate(50px,-80px) scale(1.18);
    }
}

@keyframes logo-glow {
    0%,
100% {
        filter:drop-shadow(0 0 34px rgba(15,108,245,0.30)) drop-shadow(0 0 80px rgba(15,108,245,0.13));
    }
    50% {
        filter:drop-shadow(0 0 48px rgba(15,108,245,0.50)) drop-shadow(0 0 120px rgba(15,108,245,0.22));
    }
}

@keyframes fadeSlideUp {
    from {
        opacity:0;
        transform:translateY(46px) scale(0.97);
        filter:blur(12px);
    }
    to {
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}

@keyframes line-left {
    from {
        opacity:0;
        transform:translateX(-64px);
        filter:blur(14px);
    }
    to {
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}

@keyframes line-right {
    from {
        opacity:0;
        transform:translateX(64px);
        filter:blur(14px);
    }
    to {
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}

@keyframes caret-blink {
    50% {
        opacity:0;
    }
}

@keyframes btn-sheen {
    0%,
55% {
        background-position:190% 0;
    }
    85%,
100% {
        background-position:-90% 0;
    }
}

@keyframes loader-bob {
    0%,
100% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(-12px);
    }
}

@keyframes dot-pulse {
    0%,
100% {
        box-shadow:0 0 0 0 rgba(15,108,245,0.45);
    }
    55% {
        box-shadow:0 0 0 7px rgba(15,108,245,0);
    }
}

@keyframes panel-in {
    from {
        opacity:0;
        transform:translateY(26px);
        filter:blur(8px);
    }
    to {
        opacity:1;
        transform:translateY(0);
        filter:blur(0);
    }
}

@keyframes band-sweep {
    from {
        background-position:140% 0;
    }
    to {
        background-position:-140% 0;
    }
}

@keyframes steve-float {
    0%,
100% {
        transform:translateY(0) rotate(-2deg);
    }
    50% {
        transform:translateY(-12px) rotate(2deg);
    }
}

@keyframes conn-flow {
    0% {
        top:-24px;
        opacity:0;
    }
    12% {
        opacity:1;
    }
    82% {
        opacity:1;
    }
    100% {
        top:100%;
        opacity:0;
    }
}

@keyframes dots-crawl {
    from {
        background-position:1px 2px;
    }
    to {
        background-position:7px 8px;
    }
}

@keyframes hint-pulse {
    50% {
        opacity:0.4;
    }
}

@keyframes orbit-spin {
    to {
        transform:rotate(360deg);
    }
}

@keyframes spoke-crawl {
    to {
        stroke-dashoffset:-22;
    }
}

@keyframes core-pulse {
    0%,
100% {
        transform:scale(1);
        opacity:0.85;
    }
    50% {
        transform:scale(1.06);
        opacity:0.35;
    }
}

@keyframes core-jolt {
    0% {
        transform:translate(0,0) scale(1);
    }
    18% {
        transform:translate(-5px,2px) scale(1.05);
    }
    38% {
        transform:translate(4px,-3px) scale(1.03);
    }
    58% {
        transform:translate(-3px,1px) scale(1.02);
    }
    78% {
        transform:translate(2px,1px) scale(1.01);
    }
    100% {
        transform:translate(0,0) scale(1);
    }
}

@keyframes spoke-jolt {
    0%,
100% {
        transform:rotate(0deg);
    }
    30% {
        transform:rotate(1.4deg);
    }
    65% {
        transform:rotate(-0.9deg);
    }
}

@keyframes badge-jolt {
    0%,
100% {
        filter:brightness(1);
    }
    40% {
        filter:brightness(1.5);
    }
}

@keyframes badge-selfspin {
    to {
        transform:rotate(360deg);
    }
}

@keyframes orbit-burst {
    to {
        transform:rotate(360deg);
    }
}

@keyframes badge-ripple {
    0% {
        border-color:rgba(79,141,255,0);
        box-shadow:0 0 0 0 rgba(15,108,245,0.55);
    }
    40% {
        border-color:rgba(79,141,255,0.9);
        box-shadow:0 0 22px 5px rgba(15,108,245,0.45);
    }
    100% {
        border-color:rgba(79,141,255,0);
        box-shadow:0 0 0 16px rgba(15,108,245,0);
    }
}

@keyframes core-flash {
    0%,
100% {
        box-shadow:0 0 60px rgba(15,108,245,0.22),inset 0 1px 0 rgba(255,255,255,0.06);
    }
    35% {
        box-shadow:0 0 110px rgba(15,108,245,0.6),inset 0 1px 0 rgba(255,255,255,0.12);
    }
}

@keyframes beam-drift {
    0%,
100% {
        opacity:0.5;
    }
    50% {
        opacity:0.95;
    }
}

@keyframes beam-breathe {
    0%,
100% {
        opacity:0.35;
    }
    50% {
        opacity:1;
    }
}

@keyframes dot-float {
    0%,
100% {
        transform:translate(0,0);
        opacity:var(--o,0.3);
    }
    50% {
        transform:translate(var(--dx),var(--dy));
        opacity:calc(var(--o,0.3) * 1.7);
    }
}

@keyframes orbit-breathe {
    0%,
100% {
        opacity:0.7;
        transform:scale(1);
    }
    50% {
        opacity:1;
        transform:scale(1.05);
    }
}

@keyframes shot-float {
    0%,
100% {
        transform:translate3d(0,0,0) rotate(0deg);
    }
    33% {
        transform:translate3d(0,-9px,0) rotate(-0.25deg);
    }
    66% {
        transform:translate3d(0,5px,0) rotate(0.2deg);
    }
}

@keyframes trio-drift {
    0%,
100% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(-7px);
    }
}

@keyframes sim-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes sim-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes sim-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes mcard-in {
    from {
        opacity:0;
        transform:translateY(8px);
    }
    to {
        opacity:1;
        transform:none;
    }
}

@keyframes dview-in {
    from {
        opacity:0;
        transform:translateY(6px);
    }
}

@keyframes scroll-bob {
    0%,
100% {
        transform:translateY(0);
        opacity:0.55;
    }
    50% {
        transform:translateY(6px);
        opacity:1;
    }
}

@keyframes modal-fade {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes modal-pop {
    from {
        opacity:0;
        transform:translateY(14px) scale(.965);
    }
    to {
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes glow-pulse-red {
    0%,
100% {
        text-shadow:0 0 6px rgba(255,60,60,.9),0 0 14px rgba(255,40,40,.55),0 0 24px rgba(255,30,30,.3);
    }
    50% {
        text-shadow:0 0 8px rgba(255,70,70,1),0 0 20px rgba(255,45,45,.8),0 0 36px rgba(255,35,35,.5);
    }
}

@keyframes glow-pulse-darkred {
    0%,
100% {
        text-shadow:0 0 6px rgba(180,20,30,.9),0 0 14px rgba(150,12,22,.6),0 0 24px rgba(120,8,16,.35);
    }
    50% {
        text-shadow:0 0 9px rgba(200,25,38,1),0 0 20px rgba(165,15,26,.82),0 0 34px rgba(135,10,20,.5);
    }
}

@keyframes glow-pulse-blue {
    0%,
100% {
        text-shadow:0 0 6px rgba(90,165,255,.85),0 0 14px rgba(70,150,255,.5),0 0 24px rgba(60,140,255,.3);
    }
    50% {
        text-shadow:0 0 9px rgba(110,180,255,1),0 0 20px rgba(80,160,255,.75),0 0 34px rgba(70,150,255,.48);
    }
}