/* Zilem Method — black Apple-inspired interface */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#000;--bg-elevated:#0a0a0c;--bg-surface:rgba(255,255,255,.045);--bg-surface-hi:rgba(255,255,255,.075);--bg-surface-2:rgba(255,255,255,.1);--border:rgba(255,255,255,.09);--border-hi:rgba(255,255,255,.16);--border-bright:rgba(255,255,255,.25);--text:#f5f5f7;--text-1:#f5f5f7;--text-2:#a1a1a6;--text-3:#6e6e73;--text-4:#48484a;--glow:#fff;--glow-dim:rgba(255,255,255,.06);--glow-border:rgba(255,255,255,.18);--glow-glow:rgba(255,255,255,.14);--green:#30d158;--green-dim:rgba(48,209,88,.1);--amber:#ffd60a;--red:#ff453a;--r:12px;--r2:16px;--r3:22px;--r4:30px;--pill:999px;--glass-bg:rgba(18,18,20,.72);--glass-blur:blur(28px) saturate(1.35);--glass-blur-sm:blur(18px) saturate(1.2);--glass-shine:linear-gradient(140deg,rgba(255,255,255,.06),rgba(255,255,255,0) 42%);--glass-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 24px 70px rgba(0,0,0,.48);--ease-spring:cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;}
html{scroll-behavior:smooth;background:#000}body{background:#000;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;outline:0;background:none}input,select{font-family:inherit}::selection{background:rgba(255,255,255,.18)}
/* Dark autofill — prevents browser from overriding dark input backgrounds */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #1a1a1f inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff;border-color:var(--border-hi)!important;transition:background-color 5000s ease-in-out 0s}
@keyframes pageEnter{from{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes floatSoft{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.42;transform:scale(.72)}}@keyframes borderSweep{0%{transform:translateX(-110%)}100%{transform:translateX(210%)}}@keyframes shimmer{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.page{position:relative;z-index:2;animation:pageEnter .75s var(--ease-out) both}
nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:200;width:calc(100% - 40px);max-width:1060px;height:54px;padding:0 8px 0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(12,12,14,.68);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--pill);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 14px 42px rgba(0,0,0,.55);transition:border-color .3s,background .3s,box-shadow .3s}nav:hover{border-color:var(--border-hi);background:rgba(16,16,18,.78);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 18px 48px rgba(0,0,0,.62)}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:650;font-size:15px;letter-spacing:-.3px;flex-shrink:0}.nav-logo-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.07),0 0 18px rgba(255,255,255,.42);animation:pulseDot 2.4s ease-in-out infinite}.nav-logo-text{font-weight:650;color:#fff}.nav-links{display:flex;align-items:center;gap:3px}.nav-link{padding:7px 12px;border-radius:var(--pill);font-size:13px;font-weight:500;color:var(--text-3);transition:color .2s,background .2s,transform .2s}.nav-link:hover{color:var(--text);background:rgba(255,255,255,.07);transform:translateY(-1px)}.nav-link.active{color:#fff;background:rgba(255,255,255,.1)}#nav-key-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--pill);font-size:12px;font-weight:600;color:#000;background:#f5f5f7;box-shadow:0 3px 14px rgba(0,0,0,.3);transition:transform .22s var(--ease-out),background .2s,box-shadow .2s;white-space:nowrap;flex-shrink:0}#nav-key-btn:hover{background:#fff;transform:translateY(-1px) scale(1.02);box-shadow:0 7px 20px rgba(0,0,0,.4)}#nav-key-btn:active{transform:scale(.96)}#nav-key-btn.active{background:rgba(255,255,255,.09);color:#fff;border:1px solid var(--border-hi);box-shadow:none}#nav-usage-pill{display:none;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--pill);background:var(--bg-surface);border:1px solid var(--border);font-size:10px;font-weight:600;color:var(--text-3)}
.container{max-width:960px;margin:0 auto;padding:0 24px}section{padding:90px 0 0}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:132px 24px 76px}.hero::before{content:"";position:absolute;width:min(760px,92vw);height:420px;top:18%;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,255,255,.05),transparent 67%);filter:blur(12px);pointer-events:none;animation:heroAura 7s ease-in-out infinite}@keyframes heroAura{0%,100%{opacity:.6;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}.hero>*{position:relative}.hero-badge-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:30px;animation:fadeSlideUp .7s .05s var(--ease-out) both}.hero-badge,.void-badge,.section-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--pill);background:rgba(255,255,255,.055);border:1px solid var(--border-hi);font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--text-2);backdrop-filter:blur(12px)}.hero-badge-dot,.void-badge-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 12px var(--glow-glow);animation:pulseDot 2s ease-in-out infinite}.void-badge{background:var(--glow-dim);border-color:var(--glow-border)}.void-badge-dot{background:#fff;box-shadow:0 0 12px var(--glow-glow)}.hero h1{font-family:var(--font-display);font-size:clamp(50px,8.5vw,94px);font-weight:700;letter-spacing:-4.8px;line-height:.97;color:#f5f5f7;margin-bottom:25px;animation:heroTitle .9s .12s var(--ease-out) both}@keyframes heroTitle{from{opacity:0;transform:translateY(24px) scale(.98);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}.hero h1 span{background:linear-gradient(100deg,#fff 10%,#e5e5e7 52%,#fff 92%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShine 6s ease-in-out infinite}@keyframes titleShine{0%,100%{background-position:0 center}50%{background-position:100% center}}.hero-sub{font-size:clamp(15px,2vw,18px);color:var(--text-2);max-width:580px;line-height:1.6;margin-bottom:40px;font-weight:400;animation:fadeSlideUp .8s .25s var(--ease-out) both}.hero-cta-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;justify-content:center;margin-bottom:62px;animation:fadeSlideUp .8s .35s var(--ease-out) both}
.btn-primary,.btn-run,.btn-tt-analyze{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:var(--pill);font-size:14px;font-weight:600;color:#000;background:#f5f5f7;box-shadow:0 5px 22px rgba(0,0,0,.38);transition:transform .24s var(--ease-out),background .2s,box-shadow .2s}.btn-primary::after,.btn-run::after,.btn-tt-analyze::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-130%)}.btn-primary:hover::after,.btn-run:hover:not(:disabled)::after,.btn-tt-analyze:hover::after{animation:borderSweep .8s ease}.btn-primary:hover,.btn-run:hover:not(:disabled),.btn-tt-analyze:hover{background:#fff;transform:translateY(-2px) scale(1.015);box-shadow:0 10px 30px rgba(0,0,0,.48)}.btn-primary:active,.btn-run:active:not(:disabled),.btn-tt-analyze:active{transform:scale(.96)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--pill);font-size:14px;font-weight:600;color:var(--text);background:rgba(255,255,255,.055);border:1px solid var(--border-hi);backdrop-filter:blur(14px);transition:.22s var(--ease-out)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:var(--border-bright);transform:translateY(-2px)}.btn-discord{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--pill);font-size:14px;font-weight:600;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:.22s var(--ease-out)}.btn-discord:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,255,255,.06)}
.hero-stats{display:flex;align-items:center;gap:30px;flex-wrap:wrap;justify-content:center;padding:18px 30px;border-radius:var(--r2);background:rgba(255,255,255,.035);border:1px solid var(--border);backdrop-filter:var(--glass-blur-sm);box-shadow:0 18px 50px rgba(0,0,0,.35);animation:fadeSlideUp .9s .46s var(--ease-out) both}.stat-item{text-align:center;transition:transform .25s}.stat-item:hover{transform:translateY(-3px)}.stat-val{font-family:var(--font-display);font-size:21px;font-weight:650;color:#fff}.stat-lbl{font-size:10px;font-weight:600;color:var(--text-3);letter-spacing:.35px;margin-top:3px}.stat-divider{width:1px;height:27px;background:var(--border)}
.section-header{text-align:center;margin-bottom:36px}.section-badge{margin-bottom:14px}.section-title{font-family:var(--font-display);font-size:clamp(29px,4.5vw,46px);font-weight:650;letter-spacing:-1.9px;color:#f5f5f7;margin-bottom:10px}.section-title span{color:var(--glow)}.section-sub{font-size:15px;color:var(--text-2);max-width:540px;margin:0 auto;line-height:1.65}.engine-tabs{display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.04);border:1px solid var(--border);width:fit-content}.engine-tab{display:flex;align-items:center;gap:7px;padding:9px 19px;border-radius:var(--pill);font-size:13px;font-weight:600;color:var(--text-3);transition:.24s var(--ease-out)}.engine-tab:hover{color:var(--text-2);transform:translateY(-1px)}.engine-tab.active{color:#000;background:#f5f5f7;box-shadow:0 3px 12px rgba(0,0,0,.36)}.engine-tab-badge{font-size:9px;font-weight:650;padding:2px 6px;border-radius:var(--pill);background:rgba(255,255,255,.08);color:var(--text-3)}.engine-tab.active .engine-tab-badge{background:rgba(0,0,0,.1);color:rgba(0,0,0,.56)}.patcher-wrap{max-width:800px;margin:0 auto}.engine-panel{display:none}.engine-panel.active{display:block;animation:fadeSlideUp .42s var(--ease-out)}
.drop-card,.void-card,.tier-card,.dash-card,.dash-profile{border-radius:var(--r3);background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:transform .32s var(--ease-out),border-color .3s,box-shadow .3s,background .3s}.drop-card{padding:28px}.drop-card::before,.void-card::before,.tier-card::before,.dash-card::before{content:"";position:absolute;left:-40%;top:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);opacity:0}.drop-card:hover::before,.void-card:hover::before,.tier-card:hover::before,.dash-card:hover::before{opacity:1;animation:borderSweep 1.1s ease}.drop-card:hover,.void-card:hover,.tier-card:hover,.dash-card:hover,.dash-profile:hover{border-color:var(--border-hi);background:rgba(22,22,25,.78);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 28px 80px rgba(0,0,0,.6)}.drop-card::after,.void-card::after,.tier-card::after,.dash-card::after,.dash-profile::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--glass-shine)}
.drop-zone{border:1.5px dashed rgba(255,255,255,.14);border-radius:var(--r2);padding:60px 24px;text-align:center;background:rgba(255,255,255,.018);cursor:pointer;transition:.3s var(--ease-out)}.drop-zone:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.025);transform:translateY(-2px)}.drop-zone.drag-over{border-color:var(--glow);border-style:solid;background:var(--glow-dim);box-shadow:0 0 0 4px rgba(255,255,255,.025),0 0 44px rgba(255,255,255,.04)}.drop-zone.has-file{border-style:solid;border-color:rgba(48,209,88,.38);background:rgba(48,209,88,.025)}.drop-icon{width:54px;height:54px;border-radius:15px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:var(--glow-dim);border:1px solid var(--glow-border);color:var(--glow);box-shadow:0 10px 28px rgba(255,255,255,.04);animation:floatSoft 5s ease-in-out infinite}#dropTitle{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}#dropSub{font-size:12px;color:var(--text-3)}
.scan-view{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.sv-item{padding:12px;border-radius:var(--r);background:var(--bg-surface);border:1px solid var(--border);text-align:center;transition:.22s var(--ease-out)}.sv-item:hover{background:var(--bg-surface-hi);border-color:var(--border-hi);transform:translateY(-2px)}.sv-lbl,.tt-tech-lbl{font-size:9px;font-weight:650;color:var(--text-3);letter-spacing:.55px;margin-bottom:5px}.sv-val,.tt-tech-val{font-size:14px;font-weight:600;color:#fff}#limitWrap{display:none;margin-top:12px}.limit-bar-track,.progress-track,.dash-progress-track{height:4px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}.limit-bar-fill,.progress-fill,.dash-progress-fill{position:relative;height:100%;border-radius:4px;background:rgba(255,255,255,.55);transition:width .5s var(--ease-out);overflow:hidden}.limit-bar-fill::after,.progress-fill::after,.dash-progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 2.2s ease-in-out infinite}.limit-bar-fill.warn{background:var(--amber)}#limitText{font-size:10px;color:var(--text-3);margin-top:6px}.tier-unlock-bar{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 15px;border-radius:var(--r);background:rgba(255,69,58,.065);border:1px solid rgba(255,69,58,.18)}.tier-unlock-bar.show{display:flex;animation:fadeSlideUp .3s var(--ease-out)}.tier-unlock-text{font-size:12px;color:var(--text-2);line-height:1.5}.btn-key-unlock{padding:7px 13px;border-radius:var(--pill);font-size:11px;font-weight:600;color:#000;background:#f5f5f7;white-space:nowrap;transition:.2s}.btn-key-unlock:hover{background:#fff;transform:translateY(-1px)}
.action-row{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.btn-run{flex:1;min-width:120px}.btn-run:disabled{opacity:.25;cursor:not-allowed}.btn-dl{display:none;align-items:center;gap:7px;padding:13px 21px;border-radius:var(--pill);font-size:13px;font-weight:600;color:#001a06;background:var(--green);box-shadow:0 8px 22px rgba(48,209,88,.14);transition:.22s var(--ease-out)}.btn-dl.show{display:flex;animation:fadeSlideUp .35s var(--ease-out)}.btn-dl:hover{filter:brightness(1.07);transform:translateY(-2px)}.btn-clear{display:none;align-items:center;gap:6px;padding:11px 16px;border-radius:var(--pill);font-size:12px;font-weight:600;color:var(--text-3);border:1px solid var(--border);background:var(--bg-surface);transition:.2s}.btn-clear:hover{color:var(--red);border-color:rgba(255,69,58,.28);background:rgba(255,69,58,.055)}
#usage-bar,#usage-bar-void{display:none;margin-top:14px;padding:13px 15px;border-radius:var(--r);background:var(--bg-surface)!important;border:1px solid var(--border)!important}.usage-row{display:flex;align-items:center;gap:10px}.usage-info{flex:1}.usage-label{font-size:12px;font-weight:600;color:var(--text-2)}
.processing-view{display:none;padding:28px}.processing-view.show{display:block}.proc-terminal{border-radius:var(--r2);overflow:hidden;background:#050506;border:1px solid var(--border);box-shadow:0 16px 46px rgba(0,0,0,.45)}.proc-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#111113;border-bottom:1px solid var(--border)}.proc-dots{display:flex;gap:6px}.proc-dot{width:9px;height:9px;border-radius:50%}.proc-dot-r{background:#ff5f57}.proc-dot-y{background:#febc2e}.proc-dot-g{background:#28c840}.proc-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text-3)}.proc-status{font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--pill);background:var(--bg-surface-hi);color:var(--text-2)}.proc-log{min-height:180px;max-height:220px;overflow-y:auto;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.85}.log-line{color:#66666c;animation:logIn .22s ease both}@keyframes logIn{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}.log-line.hi{color:#64d2ff}.log-line.pur{color:#d1d1d6}.log-line.ok{color:#30d158}.log-line.err{color:#ff6961}.log-line.warn{color:#ffd60a}.progress-wrap{margin-top:14px}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.progress-pct{font-size:13px;font-weight:650;color:#fff}.progress-stage{font-size:11px;color:var(--text-3)}
.void-card{padding:28px}.void-engine-label{display:flex;align-items:center;gap:8px;margin-bottom:20px}.void-engine-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 13px var(--glow-glow);animation:pulseDot 2.2s ease-in-out infinite}.void-engine-name{font-size:11px;font-weight:650;color:var(--text-2);letter-spacing:.5px}.void-engine-ver{font-size:10px;font-weight:600;padding:3px 7px;border-radius:var(--pill);background:var(--glow-dim);color:#fff;border:1px solid var(--glow-border)}.tt-input-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tt-input-wrap{flex:1;min-width:200px}.tt-input,.key-input,.notify-input{width:100%;padding:13px 16px;border-radius:var(--pill);font-size:14px;color:#fff;background:rgba(255,255,255,.055);border:1px solid var(--border-hi);outline:none;transition:.22s}.tt-input:focus,.key-input:focus,.notify-input:focus{border-color:var(--glow);box-shadow:0 0 0 4px rgba(255,255,255,.05);background:rgba(255,255,255,.075)}.tt-input::placeholder,.key-input::placeholder,.notify-input::placeholder{color:var(--text-3)}
.tt-result{display:none;animation:fadeSlideUp .46s var(--ease-out)}.tt-result.show{display:block}.tt-profile-row{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;border-radius:var(--r2);background:var(--bg-surface);border:1px solid var(--border);transition:.22s}.tt-profile-row:hover{background:var(--bg-surface-hi);border-color:var(--border-hi)}.tt-thumb{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid var(--border-hi)}.tt-author-info{flex:1;min-width:0}.tt-author-name{font-size:15px;font-weight:650;color:#fff}.tt-author-handle{font-size:12px;color:var(--text-3);margin-top:2px}.tt-verified{font-size:10px;font-weight:600;color:#a1a1a6;background:var(--glow-dim);border:1px solid var(--glow-border);padding:2px 8px;border-radius:var(--pill)}.tt-account-badge{font-size:10px;font-weight:650;padding:3px 9px;border-radius:var(--pill)}.tt-account-badge.public{background:var(--green-dim);color:var(--green);border:1px solid rgba(48,209,88,.2)}.tt-account-badge.private{background:rgba(255,69,58,.07);color:var(--red);border:1px solid rgba(255,69,58,.18)}.tt-meta-row{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:var(--text-3);flex-wrap:wrap}.tt-meta-item{display:flex;align-items:center;gap:5px}.tt-title-box{padding:12px 14px;border-radius:var(--r);background:var(--bg-surface);border:1px solid var(--border);margin-bottom:16px}.tt-title-text{font-size:13px;color:var(--text-2);line-height:1.55}.tt-hashtags{font-size:12px;color:var(--glow);margin-top:6px;font-weight:550}.tt-tech-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tt-tech{padding:10px 12px;border-radius:var(--r);background:var(--bg-surface);border:1px solid var(--border);transition:.2s}.tt-tech:hover{background:var(--bg-surface-hi);transform:translateY(-1px)}.tt-loading{display:none;padding:44px;text-align:center}.tt-loading.show{display:block}.tt-spinner{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.08);border-top-color:var(--glow);animation:spin .7s linear infinite;margin:0 auto 12px}.tt-loading-text{font-size:13px;color:var(--text-3)}.tt-error{display:none;padding:14px;border-radius:var(--r);background:rgba(255,69,58,.065);border:1px solid rgba(255,69,58,.17);font-size:13px;color:var(--red)}.tt-error.show{display:block;animation:fadeSlideUp .3s var(--ease-out)}.tt-video-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:var(--r2);font-size:13px;font-weight:600;color:#000;background:#f5f5f7;width:100%;transition:.22s}.tt-video-btn:hover{background:#fff;transform:translateY(-2px)}
#tiers{padding:80px 0 0}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tiers-fixed{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.tiers-fixed{grid-template-columns:1fr;max-width:420px;margin:0 auto}}@media(max-width:640px){.tiers-fixed{max-width:100%}}.tier-card{padding:28px}.tier-card:hover{transform:translateY(-7px)}.tier-card.featured{border-color:rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(16,16,18,.76) 45%);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 22px 65px rgba(0,0,0,.42)}.tier-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:var(--bg-surface-hi);border:1px solid var(--border);color:#fff;transition:.3s var(--ease-out)}.tier-card:hover .tier-icon{transform:translateY(-3px) rotate(-3deg) scale(1.05)}.tier-icon.member{background:var(--bg-surface-hi)}.tier-icon.booster{background:var(--glow-dim);border-color:var(--glow-border)}.tier-icon.donor{background:var(--glow-dim);border-color:var(--glow-border)}.tier-badge{display:inline-flex;padding:4px 9px;border-radius:var(--pill);font-size:9px;font-weight:650;letter-spacing:.4px;text-transform:uppercase;background:var(--bg-surface-hi);color:var(--text-2);border:1px solid var(--border-hi);margin-bottom:10px}.tier-name{font-size:16px;font-weight:650;color:#fff;margin-bottom:4px}.tier-sub{font-size:11px;color:var(--text-3);margin-bottom:16px}.tier-limit{font-size:31px;font-weight:650;color:#fff;letter-spacing:-1.5px;margin-bottom:20px}.tier-limit span{font-size:14px;font-weight:500;color:var(--text-3);letter-spacing:0}.tier-features{list-style:none;display:flex;flex-direction:column;gap:9px}.tier-features li{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-2)}.tier-feat-icon{width:20px;height:20px;border-radius:6px;background:var(--green-dim);border:1px solid rgba(48,209,88,.18);display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0}
#faq{padding:80px 0 0}.faq-list{max-width:680px;margin:0 auto}.faq-item{border-radius:var(--r2);margin-bottom:8px;overflow:hidden;background:rgba(255,255,255,.035);border:1px solid var(--border);transition:.24s}.faq-item:hover{background:rgba(255,255,255,.055);border-color:var(--border-hi);transform:translateY(-1px)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;font-size:14px;font-weight:550;color:var(--text-2);text-align:left}.faq-q:hover,.faq-item.open .faq-q{color:#fff}.faq-arrow{font-size:14px;color:var(--text-3);transition:.3s var(--ease-out)}.faq-item.open .faq-arrow{transform:rotate(180deg);color:#fff}.faq-a{max-height:0;overflow:hidden;transition:max-height .42s var(--ease-out)}.faq-item.open .faq-a{max-height:240px}.faq-a-inner{padding:0 20px 18px;font-size:13px;color:var(--text-3);line-height:1.72}
.page-hero{padding:142px 24px 60px;text-align:center}.page-hero-title{font-size:clamp(36px,5.5vw,60px);font-weight:700;letter-spacing:-2.9px;color:#f5f5f7;margin-bottom:10px;animation:heroTitle .8s .08s var(--ease-out) both}.page-hero-sub{font-size:15px;color:var(--text-2);max-width:520px;margin:0 auto;line-height:1.58;animation:fadeSlideUp .7s .2s var(--ease-out) both}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:24px}.dash-card{padding:23px}.dash-card:hover{transform:translateY(-5px)}.dash-card-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--glow-dim);border:1px solid var(--glow-border);margin-bottom:14px;color:var(--glow);transition:.3s var(--ease-out)}.dash-card:hover .dash-card-icon{transform:scale(1.08) rotate(-3deg)}.dash-card-lbl{font-size:10px;font-weight:650;letter-spacing:.45px;color:var(--text-3);margin-bottom:10px}.dash-card-val{font-size:clamp(26px,4vw,36px);font-weight:650;letter-spacing:-1px;color:#fff}.dash-card-sub{font-size:12px;color:var(--text-3);margin-top:4px}.dash-progress-track{margin-top:16px}.dash-profile{display:flex;align-items:center;gap:16px;padding:20px 24px;margin-bottom:20px}.dash-avatar,.dash-avatar-placeholder{width:52px;height:52px;border-radius:50%;border:1px solid var(--border-hi);flex-shrink:0;object-fit:cover}.dash-avatar-placeholder{background:var(--bg-surface-hi);display:flex;align-items:center;justify-content:center}.dash-tier-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--pill);font-size:10px;font-weight:650;background:var(--glow-dim);color:#a1a1a6;border:1px solid var(--glow-border)}.dash-tier-badge.guest{background:var(--bg-surface);color:var(--text-3);border-color:var(--border)}.dash-locked{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 24px;text-align:center}.dash-locked-icon{width:60px;height:60px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-3);box-shadow:var(--glass-shadow);animation:floatSoft 5s ease-in-out infinite}.dash-section-title{font-size:14px;font-weight:650;color:var(--text-2);margin-bottom:14px;display:flex;align-items:center;gap:8px}.dash-history-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--r2);background:var(--glass-bg);border:1px solid var(--border);margin-bottom:8px;transition:.22s}.dash-history-item:hover{background:var(--bg-surface-hi);border-color:var(--border-hi);transform:translateX(3px)}.analytics-section{padding:0 0 80px}.coming-soon-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 60px;flex-direction:column;gap:24px;text-align:center}.coming-soon-badge,.cs-feat{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--border);font-size:12px;color:var(--text-2)}.coming-soon-icon{width:80px;height:80px;border-radius:22px;background:var(--glass-bg);border:1px solid var(--border-hi);display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow);animation:floatSoft 5s ease-in-out infinite}.coming-soon-title{font-size:clamp(38px,6vw,68px);font-weight:700;letter-spacing:-3.2px;color:#fff}.coming-soon-sub{font-size:16px;color:var(--text-2);max-width:440px;line-height:1.65}.coming-soon-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.cs-feat{transition:.22s}.cs-feat:hover{background:var(--bg-surface-hi);transform:translateY(-2px)}.cs-feat svg{color:var(--green)}.notify-form{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;justify-content:center}.notify-input{min-width:220px}
#key-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.76);backdrop-filter:blur(22px);opacity:0;pointer-events:none;transition:opacity .28s}#key-modal.show{opacity:1;pointer-events:all}.key-modal-card{width:min(460px,92vw);border-radius:var(--r3);overflow:hidden;background:rgba(18,18,20,.88);backdrop-filter:var(--glass-blur);border:1px solid var(--border-hi);box-shadow:0 1px 0 rgba(255,255,255,.09) inset,0 32px 100px rgba(0,0,0,.78);transform:scale(.94) translateY(18px);filter:blur(5px);transition:transform .36s var(--ease-out),filter .36s}#key-modal.show .key-modal-card{transform:none;filter:none}.key-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.key-modal-logo{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;color:#fff}.key-modal-logo-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.42)}.modal-close-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-3);background:var(--bg-surface);border:1px solid var(--border);transition:.2s}.modal-close-btn:hover{color:#fff;background:var(--bg-surface-hi);transform:rotate(90deg)}.key-modal-body{padding:24px}.key-modal-title{font-size:20px;font-weight:650;color:#fff;margin-bottom:5px}.key-modal-sub{font-size:13px;color:var(--text-3);line-height:1.6;margin-bottom:20px}.key-input-wrap{position:relative;margin-bottom:12px}.key-input{border-radius:var(--r2)}.btn-verify,.btn-discord-modal{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:var(--pill);font-size:14px;font-weight:600;color:#000;background:#f5f5f7;transition:.22s var(--ease-out);margin-bottom:12px}.btn-verify:hover{background:#fff;transform:translateY(-1px)}.btn-verify:disabled{opacity:.3}.btn-discord-modal{color:#fff;background:rgba(255,255,255,.25)}.btn-discord-modal:hover{background:#6975f5;transform:translateY(-1px)}.key-status{font-size:12px;font-weight:600;padding:10px 14px;border-radius:10px;display:none;margin-bottom:12px}.key-status.show{display:block;animation:fadeSlideUp .25s var(--ease-out)}.key-status.ok{background:var(--green-dim);color:var(--green);border:1px solid rgba(48,209,88,.2)}.key-status.err{background:rgba(255,69,58,.07);color:var(--red);border:1px solid rgba(255,69,58,.16)}.key-modal-note{font-size:11px;color:var(--text-3);line-height:1.65;padding:12px 14px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border)}#discord-profile-card{display:none}
footer{margin-top:80px;padding:44px 24px;text-align:center;border-top:1px solid var(--border)}.footer-logo{font-size:15px;font-weight:650;color:var(--text-2);margin-bottom:8px}.footer-sub{font-size:11px;color:var(--text-4);margin-bottom:16px}.footer-links{display:flex;align-items:center;gap:22px;justify-content:center;flex-wrap:wrap}.footer-links a{font-size:12px;color:var(--text-3);transition:.2s}.footer-links a:hover{color:#fff;transform:translateY(-1px)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(18px) scale(.97);z-index:500;padding:11px 20px;border-radius:var(--pill);font-size:13px;font-weight:550;color:#fff;background:rgba(24,24,26,.94);backdrop-filter:blur(18px);border:1px solid var(--border-hi);box-shadow:0 12px 42px rgba(0,0,0,.55);pointer-events:none;opacity:0;transition:.32s var(--ease-out);white-space:nowrap}#toast.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}#toast.ok{border-color:rgba(48,209,88,.35)}#toast.err,#toast.error{border-color:rgba(255,69,58,.35)}#toast.warn{border-color:rgba(255,214,10,.35)}.spinner{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:#000;animation:spin .6s linear infinite}.fade-in{opacity:0;transform:translateY(22px);filter:blur(4px);transition:opacity .72s,transform .72s var(--ease-out),filter .72s}.fade-in.visible{opacity:1;transform:none;filter:none}
.dash-history-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--r2);background:var(--glass-bg);border:1px solid var(--border);margin-bottom:8px;transition:.22s}.dash-section-title{font-size:14px;font-weight:650;color:var(--text-2);margin-bottom:14px;display:flex;align-items:center;gap:8px}.dash-locked-icon{width:60px;height:60px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-3);box-shadow:var(--glass-shadow);animation:floatSoft 5s ease-in-out infinite}.analytics-section{padding:0 0 80px}.tt-video-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:var(--r2);font-size:13px;font-weight:600;color:#000;background:#f5f5f7;width:100%;transition:.22s}.tt-video-btn:hover{background:#fff;transform:translateY(-1px)}.tt-error{display:none;padding:14px;border-radius:var(--r);background:rgba(255,69,58,.065);border:1px solid rgba(255,69,58,.17);font-size:13px;color:var(--red)}.tt-error.show{display:block}.tt-loading-text{font-size:13px;color:var(--text-3)}.coming-soon-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 60px;flex-direction:column;gap:24px;text-align:center}.coming-soon-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--border);font-size:12px;color:var(--text-2)}.coming-soon-icon{width:80px;height:80px;border-radius:22px;background:var(--glass-bg);border:1px solid var(--border-hi);display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow);animation:floatSoft 5s ease-in-out infinite}.coming-soon-title{font-size:clamp(38px,6vw,68px);font-weight:700;letter-spacing:-3.2px;color:#fff}.coming-soon-sub{font-size:16px;color:var(--text-2);max-width:440px;line-height:1.65}.coming-soon-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.cs-feat{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--border);font-size:12px;color:var(--text-2);transition:.22s}.hero-sub{font-size:clamp(15px,2vw,18px);color:var(--text-2);max-width:580px;line-height:1.6;margin-bottom:40px;font-weight:400;animation:fadeSlideUp .8s .25s var(--ease-out) both}.hero-cta-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;justify-content:center;margin-bottom:62px;animation:fadeSlideUp .8s .35s var(--ease-out) both}.tier-badge-row{margin-bottom:12px}.key-modal-note{font-size:11px;color:var(--text-3);line-height:1.65;padding:12px 14px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border)}#nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border)}#nav-hamburger span{display:block;width:15px;height:1.5px;background:#fff;transition:.3s}#nav-hamburger.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}#nav-hamburger.open span:nth-child(2){opacity:0}#nav-hamburger.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}#mobile-nav-overlay{display:none;position:fixed;inset:0;z-index:190;background:rgba(0,0,0,.68);backdrop-filter:blur(7px);opacity:0;transition:opacity .25s}#mobile-nav-overlay.show{display:block;opacity:1}#mobile-nav-menu{display:none;position:fixed;top:0;right:0;bottom:0;z-index:195;width:min(300px,88vw);background:rgba(8,8,10,.96);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .34s var(--ease-out);flex-direction:column;box-shadow:-24px 0 80px rgba(0,0,0,.72)}#mobile-nav-menu.show{display:flex;transform:none}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.mobile-nav-logo{display:flex;align-items:center;gap:9px;font-weight:650;color:#fff}.mobile-nav-close{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-2)}.mobile-nav-links{display:flex;flex-direction:column;padding:14px 12px;gap:4px;flex:1}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r2);font-size:14px;font-weight:550;color:var(--text-2);transition:.2s}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-surface-hi);color:#fff;transform:translateX(3px)}.mobile-nav-footer{padding:16px 22px;border-top:1px solid var(--border)}.mobile-key-btn{width:100%;padding:13px;border-radius:var(--pill);font-size:13px;font-weight:600;color:#000;background:#f5f5f7}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:640px){nav{display:none}.hero{padding:112px 16px 52px}.hero h1{letter-spacing:-2.8px}.container{padding:0 16px}.scan-view{grid-template-columns:repeat(2,1fr)}.tt-tech-row{grid-template-columns:repeat(2,1fr)}.tier-grid,.dash-grid{grid-template-columns:1fr}.tt-input-row{flex-direction:column}.btn-tt-analyze{width:100%}.footer-links{gap:12px}.engine-tabs{width:100%;justify-content:center}.engine-tab{flex:1;justify-content:center;padding:9px 11px}.hero-stats{gap:16px;padding:14px 20px}.action-row{flex-wrap:wrap}.key-modal-card{max-height:calc(100vh - 24px);overflow-y:auto}.tier-unlock-bar{align-items:flex-start;flex-direction:column}.btn-key-unlock{width:100%}}@media(max-width:400px){.hero h1{font-size:40px;letter-spacing:-2px}.engine-tab{font-size:12px}}
/* ── Mobile bottom taskbar — redesigned ─────────────────────────────────── */
#mobile-taskbar {
  display: none;
  position: fixed;
  bottom: 12px;
  left: 12px;
  right: 12px;
  z-index: 300;
  height: 64px;
  padding: 0 4px;
  background: rgba(18,18,20,.96);
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 -1px 0 rgba(255,255,255,.04) inset,
    0 8px 32px rgba(0,0,0,.55),
    0 2px 8px rgba(0,0,0,.4);
  align-items: center;
  justify-content: space-around;
}

#mobile-taskbar .tb-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex: 1;
  height: 100%;
  padding: 0 4px;
  border-radius: 16px;
  color: rgba(255,255,255,.38);
  transition: color .18s, background .18s;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
}

#mobile-taskbar .tb-item svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.8;
  transition: transform .2s var(--ease-out);
}

#mobile-taskbar .tb-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -.01em;
  white-space: nowrap;
}

#mobile-taskbar .tb-item:hover { color: rgba(255,255,255,.7); }
#mobile-taskbar .tb-item:active svg { transform: scale(.88); }

#mobile-taskbar .tb-item.active {
  color: #fff;
}

/* Active indicator — small pill above icon */
#mobile-taskbar .tb-item.active::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 2.5px;
  background: #fff;
  border-radius: 99px;
  box-shadow: 0 0 8px rgba(255,255,255,.4);
}

/* "More" tray — slides up from bottom bar */
#mobile-more-tray {
  display: none;
  position: fixed;
  bottom: 88px;
  left: 12px;
  right: 12px;
  z-index: 299;
  background: rgba(18,18,20,.97);
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  padding: 16px 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,.55);
  animation: trayIn .22s var(--ease-out);
}
@keyframes trayIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}
#mobile-more-tray.open { display: block; }

.tb-tray-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.tb-tray-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.07);
  color: rgba(255,255,255,.75);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background .18s, color .18s;
  cursor: pointer;
  border: none;
  font-family: inherit;
  border: 1px solid rgba(255,255,255,.07);
}
.tb-tray-item:hover, .tb-tray-item:active {
  background: rgba(255,255,255,.09);
  color: #fff;
}
.tb-tray-item svg {
  flex-shrink: 0;
  color: rgba(255,255,255,.5);
}

/* Tray backdrop — tap outside to close */
#mobile-more-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 298;
}
#mobile-more-backdrop.open { display: block; }

@media (max-width: 640px) {
  #mobile-taskbar { display: flex; }
  nav { display: none !important; }
  #nav-hamburger { display: none !important; }
  #mobile-nav-overlay { display: none !important; }
  #mobile-nav-menu { display: none !important; }
  body { padding-bottom: 88px; }
}
@media (min-width: 641px) {
  #mobile-taskbar { display: none !important; }
  #mobile-more-tray { display: none !important; }
}

/* ── Donation modal ── */
#donate-modal{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.76);backdrop-filter:blur(22px);opacity:0;pointer-events:none;transition:opacity .28s}#donate-modal.show{opacity:1;pointer-events:all}#donate-modal.show .donate-card{transform:none;filter:none}.donate-card{width:min(500px,94vw);max-height:90vh;overflow-y:auto;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(18,18,20,.96)!important;transform:scale(.94) translateY(18px);filter:blur(5px);transition:transform .36s var(--ease-out),filter .36s}.donate-body{padding:20px 24px}.donate-amount-section{margin:18px 0}.donate-amount-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text-2)}.donate-amount-display{font-size:20px;font-weight:700;color:#fff}.donate-slider{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:rgba(255,255,255,.1);outline:none;margin-bottom:12px}.donate-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 10px rgba(255,255,255,.4)}.donate-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.donate-preset{padding:6px 14px;border-radius:var(--pill);font-size:12px;font-weight:600;color:var(--text-2);background:rgba(255,255,255,.05);border:1px solid var(--border);cursor:pointer;transition:.2s}.donate-preset:hover{background:rgba(255,255,255,.1);color:#fff}.donate-preset.active{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);color:#fff}.donate-months{font-size:12px;color:var(--text-3);margin-top:4px}.donate-months strong{color:#fff}.donate-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.04);border:1px solid var(--border);margin:16px 0}.donate-tab{flex:1;padding:9px 12px;border-radius:var(--pill);font-size:12px;font-weight:600;color:var(--text-3);text-align:center;cursor:pointer;transition:.2s}.donate-tab:hover{color:var(--text-2)}.donate-tab.active{color:#000;background:#f5f5f7}.donate-tab-content{display:none}.donate-tab-content.active{display:block}.donate-crypto-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--border);margin-bottom:6px;cursor:pointer;transition:.2s}.donate-crypto-item:hover{background:rgba(255,255,255,.06);border-color:var(--border-hi)}.donate-crypto-coin{font-size:13px;font-weight:600;color:var(--text);min-width:100px}.donate-crypto-addr{font-size:11px;color:var(--text-3);font-family:monospace;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis}.donate-crypto-copy{font-size:10px;font-weight:600;color:var(--text-3);padding:3px 10px;border-radius:var(--pill);background:rgba(255,255,255,.06);border:1px solid var(--border);margin-left:8px;transition:.2s}.donate-crypto-item:hover .donate-crypto-copy{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.donate-crypto-loading{font-size:12px;color:var(--text-3);text-align:center;padding:14px}.donate-crypto-note{font-size:10px;color:var(--text-4);margin:8px 0 4px}.donate-ticket-note{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:10px;background:rgba(255,214,10,.06);border:1px solid rgba(255,214,10,.15);font-size:12px;color:var(--text-2);line-height:1.6;margin-bottom:4px}.donate-ticket-note svg{flex-shrink:0;margin-top:1px;color:#ffd60a}#donate-submit-btn:disabled{opacity:.4;cursor:not-allowed}.tier-unlock-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.donate-btn{white-space:nowrap}

/* ── Tier card donation buttons ── */
.tier-donate-section{position:relative;z-index:2;margin-top:18px}.tier-donate-label{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tier-donate-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px;border-radius:var(--pill);font-size:13px;font-weight:600;cursor:pointer;transition:.22s var(--ease-out);margin-bottom:7px;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tier-donate-btn.crypto{color:#000;background:#f5f5f7;box-shadow:0 2px 8px rgba(0,0,0,.3)}.tier-donate-btn.crypto:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.4)}.tier-donate-btn.paypal{color:#e5e5ea;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.tier-donate-btn.paypal:hover{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}.tier-donate-note{font-size:10px;color:var(--text-3);text-align:center;margin-top:6px}

/* ── Engine switcher (Zeta v4 Server / Zeta v4 Local) ── */
.engine-tabs{display:flex;align-items:stretch;justify-content:center;gap:6px;padding:5px;border-radius:var(--pill);background:rgba(255,255,255,.04);border:1px solid var(--border);margin:0 auto 26px;width:min(560px,100%)}.engine-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:10px 16px;border-radius:var(--pill);border:none;background:transparent;color:var(--text-2);font-family:var(--font-display);font-size:14px;font-weight:600;cursor:pointer;transition:.22s var(--ease-out);letter-spacing:-.2px}.engine-tab b{color:inherit;font-weight:700}.engine-tab span{font-size:10px;font-weight:500;color:var(--text-3);letter-spacing:.2px}.engine-tab:hover{color:var(--text-1);background:rgba(255,255,255,.05)}.engine-tab.active{background:rgba(255,255,255,.12);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 4px 18px rgba(0,0,0,.4)}.engine-tab.active span{color:var(--text-2)}

/* ── Crypto auto-payment invoice ── */
.donate-crypto-auto-note{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:10px;background:rgba(48,209,88,.06);border:1px solid rgba(48,209,88,.15);font-size:12px;color:var(--text-2);line-height:1.6;margin-bottom:14px}.donate-crypto-auto-note svg{flex-shrink:0;margin-top:1px}.donate-coin-picker{display:flex;align-items:center;gap:10px;margin-bottom:14px}.donate-coin-label{font-size:12px;color:var(--text-3);white-space:nowrap}.donate-coin-select{padding:8px 12px;border-radius:var(--pill);font-size:12px;font-weight:600;color:#fff;background:rgba(255,255,255,.05);border:1px solid var(--border-hi);outline:none;cursor:pointer;min-width:140px}.donate-coin-select:focus{border-color:#fff}.donate-coin-select option{background:#1a1a1f;color:#fff}.donate-invoice-card{padding:18px;border-radius:var(--r2);background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.2);text-align:center;margin-bottom:14px}.donate-invoice-header{font-size:10px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.donate-invoice-amount{font-size:28px;font-weight:700;color:#fff;font-family:'Space Grotesk',var(--font-display);letter-spacing:-1px}.donate-invoice-currency{font-size:12px;color:var(--text-3);margin-bottom:14px}.donate-invoice-addr-wrap{padding:12px;border-radius:10px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06)}.donate-invoice-addr-label{font-size:9px;font-weight:650;color:var(--text-4);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.donate-invoice-addr{font-size:11px;font-family:'SF Mono',ui-monospace,monospace;color:var(--text-2);word-break:break-all;margin-bottom:10px;line-height:1.5;user-select:all}.donate-invoice-copy{padding:6px 16px;border-radius:var(--pill);font-size:11px;font-weight:650;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:.2s}.donate-invoice-copy:hover{background:rgba(255,255,255,.2)}.donate-invoice-expires{font-size:10px;color:var(--text-4);margin-top:8px}.donate-invoice-waiting{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;font-size:12px;color:var(--text-3)}.donate-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .8s linear infinite}


/* ═══════════════════════════════════════════════════════════════
   ZILEM GLOW REDESIGN — appended overrides (cascade-safe)
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. New design tokens ──────────────────────────────────────── */
:root {
  /* Monochrome accent — replaces all violet/purple */
  --violet:          #fff;
  --violet-dim:      rgba(255,255,255,.06);
  --violet-border:   rgba(255,255,255,.18);
  --violet-glow:     rgba(255,255,255,.10);
  --violet-strong:   rgba(255,255,255,.28);

  /* Green accent (patched, good, download) */
  --green-glow:      rgba(48,209,88,.22);
  --green-border-hi: rgba(48,209,88,.45);

  /* Ambient page radial sources */
  --aura-top:    radial-gradient(ellipse 80% 55% at 50% -10%, rgba(167,139,250,.10), transparent);
  --aura-mid:    radial-gradient(ellipse 55% 40% at 50% 48%,  rgba(255,255,255,.04), transparent);

  /* Enhanced glass */
  --glass-bg-hi:     rgba(20,20,23,.82);
  --glass-shadow-hi: 0 1px 0 rgba(255,255,255,.08) inset, 0 32px 90px rgba(0,0,0,.65);
}

/* ── Ambient page glow layers (behind everything) ─────────────── */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: var(--aura-top), var(--aura-mid);
  pointer-events: none;
  z-index: 0;
}

/* ── 2. Nav upgrades ───────────────────────────────────────────── */
nav {
  box-shadow:
    0 1px 0 rgba(255,255,255,.09) inset,
    0 -1px 0 rgba(167,139,250,.12) inset,
    0 14px 42px rgba(0,0,0,.55),
    0 0 60px rgba(167,139,250,.04);
}
nav:hover {
  border-color: rgba(167,139,250,.22);
  box-shadow:
    0 1px 0 rgba(255,255,255,.11) inset,
    0 18px 52px rgba(0,0,0,.62),
    0 0 80px rgba(167,139,250,.07);
}

/* Logo dot — white pulse */
.nav-logo-dot {
  background: #fff;
  box-shadow: 0 0 0 4px rgba(255,255,255,.08), 0 0 18px rgba(255,255,255,.35);
}

/* Active login button — white */
#nav-key-btn.active {
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.22);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset;
}
#nav-key-btn:not(.active):hover {
  box-shadow: 0 7px 24px rgba(0,0,0,.42), 0 0 30px rgba(255,255,255,.08);
}

/* Usage pill — colour on pressure */
#nav-usage-pill {
  transition: border-color .25s, box-shadow .25s;
}

/* ── 3. Hero upgrades ──────────────────────────────────────────── */
.hero::before {
  background:
    radial-gradient(ellipse 70% 45% at 50% 20%, rgba(167,139,250,.09), transparent 65%),
    radial-gradient(ellipse 90% 55% at 50% 22%, rgba(255,255,255,.04), transparent 68%);
  filter: blur(18px);
  animation: heroAura 8s ease-in-out infinite;
}

/* Title gradient — violet tint */
.hero h1 span {
  background: linear-gradient(110deg, #fff 8%, #d8b4fe 38%, #fff 58%, #e9d5ff 82%, #fff 95%);
  background-size: 260% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: titleShine 7s ease-in-out infinite;
}

/* Hero stats bar — violet top glow */
.hero-stats {
  border-color: rgba(167,139,250,.14);
  box-shadow:
    0 0 0 1px rgba(167,139,250,.08) inset,
    0 18px 55px rgba(0,0,0,.38),
    0 0 50px rgba(167,139,250,.05);
}
.hero-stats:hover {
  border-color: rgba(167,139,250,.22);
  box-shadow:
    0 0 0 1px rgba(167,139,250,.14) inset,
    0 22px 65px rgba(0,0,0,.44),
    0 0 70px rgba(167,139,250,.09);
}

/* ── 4. Drop card, drop zone, scan-view ────────────────────────── */
.drop-card,
.void-card {
  background: var(--glass-bg-hi);
  box-shadow: var(--glass-shadow-hi);
  transition: transform .32s var(--ease-out), border-color .3s, box-shadow .35s, background .3s;
}
.drop-card:hover,
.void-card:hover {
  border-color: rgba(167,139,250,.20);
  box-shadow:
    0 1px 0 rgba(255,255,255,.10) inset,
    0 32px 90px rgba(0,0,0,.65),
    0 0 70px rgba(167,139,250,.07);
}

/* Drop zone — violet on drag-over, green when file loaded */
.drop-zone {
  border-color: rgba(255,255,255,.11);
  transition: border-color .3s, background .3s, transform .3s, box-shadow .3s;
}
.drop-zone:hover {
  border-color: rgba(167,139,250,.30);
  background: rgba(167,139,250,.03);
  box-shadow: 0 0 40px rgba(167,139,250,.05);
}
.drop-zone.drag-over {
  border-color: var(--violet);
  background: var(--violet-dim);
  box-shadow:
    0 0 0 4px rgba(167,139,250,.06),
    0 0 55px rgba(167,139,250,.12);
}
.drop-zone.has-file {
  border-color: var(--green-border-hi);
  background: rgba(48,209,88,.03);
  box-shadow: 0 0 40px rgba(48,209,88,.06);
}

/* Drop icon — violet glow */
.drop-icon {
  background: var(--violet-dim);
  border-color: var(--violet-border);
  color: var(--violet);
  box-shadow: 0 0 28px var(--violet-glow);
}

/* Scan-view items — violet hover glow */
.sv-item {
  transition: background .22s, border-color .22s, transform .22s, box-shadow .22s;
}
.sv-item:hover {
  background: rgba(167,139,250,.07);
  border-color: var(--violet-border);
  box-shadow: 0 0 18px var(--violet-dim);
  transform: translateY(-3px);
}

/* ── 5. Progress bar, proc terminal, usage bar ─────────────────── */

/* Progress fill — violet → green gradient + stronger shimmer */
.progress-fill {
  background: linear-gradient(90deg, #7c3aed, var(--violet), #30d158);
  box-shadow: 0 0 14px rgba(167,139,250,.45);
}
.progress-fill::after {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
}

/* Limit-bar fill green glow */
.limit-bar-fill {
  background: linear-gradient(90deg, rgba(48,209,88,.6), var(--green));
  box-shadow: 0 0 10px var(--green-glow);
}
.limit-bar-fill.warn {
  background: linear-gradient(90deg, #f59e0b, var(--amber));
  box-shadow: 0 0 10px rgba(255,214,10,.35);
}

/* Proc terminal — darker, richer border */
.proc-terminal {
  border-color: rgba(167,139,250,.14);
  box-shadow: 0 16px 55px rgba(0,0,0,.55), 0 0 40px rgba(167,139,250,.06);
}
.proc-bar {
  background: #0d0d10;
  border-bottom-color: rgba(167,139,250,.12);
}

/* Usage progress bar fill — driven by JS inline style but override track */
#usage-progress-fill {
  box-shadow: 0 0 8px var(--green-glow);
}

/* Tier unlock bar — violet version for limit reason */
.tier-unlock-bar {
  border-color: rgba(255,69,58,.18);
}
.tier-unlock-bar.show {
  box-shadow: 0 4px 20px rgba(255,69,58,.06);
}

/* ── 6. Tier cards ─────────────────────────────────────────────── */

/* All tier cards — subtle violet shimmer on hover */
.tier-card {
  transition: transform .32s var(--ease-out), border-color .3s, box-shadow .35s, background .3s;
}
.tier-card:hover {
  border-color: rgba(167,139,250,.22);
  box-shadow:
    0 1px 0 rgba(255,255,255,.10) inset,
    0 28px 80px rgba(0,0,0,.60),
    0 0 60px rgba(167,139,250,.09);
  transform: translateY(-8px);
}

/* Featured (Booster) card — white/silver glow */
.tier-card.featured {
  border-color: rgba(255,255,255,.18);
  box-shadow:
    0 1px 0 rgba(255,255,255,.12) inset,
    0 24px 70px rgba(0,0,0,.48),
    0 0 80px rgba(255,255,255,.04);
}
.tier-card.featured:hover {
  border-color: rgba(255,255,255,.28);
  box-shadow:
    0 1px 0 rgba(255,255,255,.15) inset,
    0 32px 90px rgba(0,0,0,.60),
    0 0 100px rgba(255,255,255,.07);
}

/* Donor card — violet aura */
.tier-card:has(.tier-icon.donor) {
  border-color: var(--violet-border);
  background: linear-gradient(180deg, rgba(167,139,250,.06), rgba(16,16,20,.78) 50%);
  box-shadow:
    0 1px 0 rgba(167,139,250,.15) inset,
    0 22px 65px rgba(0,0,0,.45),
    0 0 80px rgba(167,139,250,.10);
}
.tier-card:has(.tier-icon.donor):hover {
  border-color: var(--violet-strong);
  box-shadow:
    0 1px 0 rgba(167,139,250,.22) inset,
    0 32px 90px rgba(0,0,0,.60),
    0 0 120px rgba(167,139,250,.18);
}

/* Tier icons */
.tier-icon.booster {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.2);
  box-shadow: 0 0 20px rgba(255,255,255,.08);
}
.tier-icon.donor {
  background: var(--violet-dim);
  border-color: var(--violet-border);
  box-shadow: 0 0 22px var(--violet-glow);
  color: var(--violet);
}
.tier-card:hover .tier-icon {
  transform: translateY(-4px) rotate(-4deg) scale(1.08);
  box-shadow: 0 6px 22px rgba(167,139,250,.18);
}

/* Tier feature icons — violet for donor card */
.tier-card:has(.tier-icon.donor) .tier-feat-icon {
  background: var(--violet-dim);
  border-color: var(--violet-border);
  color: var(--violet);
}

/* ── 7. Button upgrades ────────────────────────────────────────── */

/* btn-run (Patch button) — violet shimmer + glow */
.btn-run {
  background: #f5f5f7;
  box-shadow: 0 5px 22px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.12);
  transition: transform .24s var(--ease-out), background .2s, box-shadow .25s;
}
.btn-run:hover:not(:disabled) {
  background: #fff;
  transform: translateY(-2px) scale(1.015);
  box-shadow:
    0 10px 32px rgba(0,0,0,.48),
    0 0 50px rgba(255,255,255,.10);
}

/* btn-dl (Download) — green glow */
.btn-dl {
  background: var(--green);
  box-shadow: 0 8px 26px var(--green-glow);
  transition: transform .22s var(--ease-out), filter .2s, box-shadow .25s;
}
.btn-dl:hover {
  filter: brightness(1.1);
  box-shadow: 0 12px 36px rgba(48,209,88,.38);
  transform: translateY(-2px);
}

/* Donate button in unlock bar — violet gradient glow */
.btn-key-unlock.donate-btn {
  background: linear-gradient(135deg, #7c3aed, var(--violet));
  color: #fff;
  border: none;
  box-shadow: 0 4px 18px rgba(167,139,250,.35);
  transition: transform .22s, box-shadow .22s, filter .2s;
}
.btn-key-unlock.donate-btn:hover {
  filter: brightness(1.1);
  box-shadow: 0 8px 28px rgba(167,139,250,.50);
  transform: translateY(-2px);
}

/* btn-primary / btn-secondary — subtle violet accent on hover */
.btn-secondary:hover {
  border-color: var(--violet-border);
  box-shadow: 0 0 24px var(--violet-dim);
}

/* Discord modal button — actual Discord blue/violet */
.btn-discord-modal {
  background: linear-gradient(135deg, rgba(88,101,242,.35), rgba(88,101,242,.20));
  border: 1px solid rgba(88,101,242,.40);
}
.btn-discord-modal:hover {
  background: linear-gradient(135deg, rgba(88,101,242,.55), rgba(88,101,242,.38));
  border-color: rgba(88,101,242,.65);
  box-shadow: 0 6px 24px rgba(88,101,242,.28);
  transform: translateY(-1px);
}

/* Tier donate crypto button — shimmer */
.tier-donate-btn.crypto {
  box-shadow: 0 2px 12px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.08);
}
.tier-donate-btn.crypto:hover {
  box-shadow: 0 6px 22px rgba(0,0,0,.44), 0 0 30px rgba(255,255,255,.07);
}

/* ── Extra: section badge violet tint ──────────────────────────── */
.section-badge {
  background: var(--violet-dim);
  border-color: var(--violet-border);
  color: var(--violet);
}

/* ── Extra: FAQ item hover — violet left accent ────────────────── */
.faq-item {
  transition: background .24s, border-color .24s, transform .24s, box-shadow .24s;
}
.faq-item:hover {
  border-color: rgba(167,139,250,.18);
  box-shadow: 0 0 28px rgba(167,139,250,.05);
}
.faq-item.open {
  border-color: rgba(167,139,250,.22);
  box-shadow: 0 0 36px rgba(167,139,250,.07);
}

/* ── Extra: modal card violet shimmer ──────────────────────────── */
.key-modal-card {
  box-shadow:
    0 1px 0 rgba(255,255,255,.09) inset,
    0 0 0 1px rgba(167,139,250,.08) inset,
    0 32px 100px rgba(0,0,0,.80),
    0 0 80px rgba(167,139,250,.08);
}

/* ── Extra: footer top border violet glow ──────────────────────── */
footer {
  border-top-color: rgba(167,139,250,.10);
  box-shadow: 0 -1px 40px rgba(167,139,250,.04);
}

/* ── Extra: toast violet border for ok ─────────────────────────── */
#toast.ok {
  border-color: var(--green-border-hi);
  box-shadow: 0 12px 42px rgba(0,0,0,.55), 0 0 24px var(--green-glow);
}
#toast.err,
#toast.error {
  box-shadow: 0 12px 42px rgba(0,0,0,.55), 0 0 24px rgba(255,69,58,.18);
}

/* ── Extra: nav usage pill — amber/red pressure states ─────────── */
#nav-usage-pill.near  { border-color: rgba(245,158,11,.35); color: #f59e0b; }
#nav-usage-pill.limit { border-color: rgba(255,69,58,.35);  color: var(--red); box-shadow: 0 0 14px rgba(255,69,58,.15); }

/* ── Extra: page background noise texture overlay ──────────────── */
html::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ZILEM DESIGN OVERHAUL — Inter font · sharp shapes · nav · tier cards · SVG
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Inter font ──────────────────────────────────────────────────────────── */
/* ── SF Pro system font (no import needed — system font) ── */

:root {
  --font:         -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;

  /* ── Revised radius system — sharper, more architectural ── */
  --r:   8px;
  --r2:  10px;
  --r3:  14px;
  --r4:  18px;
  --pill: 999px;

  /* ── Nav ── */
  --nav-h: 56px;
  --nav-r: 14px;
}

/* ── Body tracking ───────────────────────────────────────────────────────── */
body {
  font-feature-settings: "cv02","cv03","cv04","cv11";
  letter-spacing: -.01em;
}

/* ═══════════════════════════════════════════════════════════════════════════
   NAV — completely redesigned
   ─ Wider inner content area, tighter height, left logo / center links / right actions
   ─ Sharp 14px radius replaces the full pill
   ─ Active link gets a bottom line indicator instead of background fill
   ─ Usage pill sits between links and login button
   ═══════════════════════════════════════════════════════════════════════════ */
nav {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
  width: calc(100% - 32px);
  max-width: 1080px;
  height: var(--nav-h);
  padding: 0 6px 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  background: rgba(10,10,12,.82);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--nav-r);
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 0 0 1px rgba(167,139,250,.06) inset,
    0 16px 48px rgba(0,0,0,.55),
    0 0 80px rgba(167,139,250,.04);
  transition: border-color .3s, box-shadow .3s;
}
nav:hover {
  border-color: rgba(255,255,255,.12);
  box-shadow:
    0 1px 0 rgba(255,255,255,.08) inset,
    0 20px 56px rgba(0,0,0,.62),
    0 0 100px rgba(167,139,250,.07);
}

/* Logo — SF Pro, clean weight */
.nav-logo {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -.4px;
  color: #fff;
  flex-shrink: 0;
  text-decoration: none;
}
/* nav-logo-mark hidden — not used */
.nav-logo-mark { display: none; }
/* Keep old dot hidden too */
.nav-logo-dot { display: none; }

/* Center nav links */
.nav-links {
  display: flex;
  align-items: center;
  gap: 1px;
  flex: 1;
  justify-content: center;
}
.nav-link {
  position: relative;
  padding: 7px 11px;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: rgba(255,255,255,.45);
  transition: color .18s, background .18s;
  text-decoration: none;
  letter-spacing: -.01em;
}
.nav-link:hover {
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.055);
  transform: none; /* remove bounce */
}
.nav-link.active {
  color: #fff;
  background: rgba(255,255,255,.08);
  font-weight: 600;
}
/* Active underline indicator */
.nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 1.5px;
  background: var(--violet, #a78bfa);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(167,139,250,.6);
}

/* Right-side nav actions */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Usage pill — redesigned */
#nav-usage-pill {
  display: none;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.09);
  font-size: 10.5px;
  font-weight: 600;
  color: rgba(255,255,255,.45);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
}
#nav-usage-pill svg { opacity: .55; }

/* Login button — sharp, premium */
#nav-key-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: 9px;
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset;
  transition: background .18s, border-color .18s, box-shadow .18s, transform .18s;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: -.01em;
}
#nav-key-btn:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 1px 0 rgba(255,255,255,.09) inset, 0 4px 14px rgba(0,0,0,.3);
  transform: translateY(-1px);
}
#nav-key-btn:active { transform: scale(.97); }
#nav-key-btn.active {
  background: linear-gradient(135deg, rgba(124,58,237,.25), rgba(167,139,250,.15));
  border-color: rgba(167,139,250,.35);
  color: var(--violet, #a78bfa);
  box-shadow: 0 0 0 1px rgba(167,139,250,.2) inset, 0 0 18px rgba(167,139,250,.12);
}

/* ═══════════════════════════════════════════════════════════════════════════
   BUTTONS — sharper radius system
   ═══════════════════════════════════════════════════════════════════════════ */
.btn-primary, .btn-run, .btn-tt-analyze {
  border-radius: 10px;
  font-weight: 650;
  letter-spacing: -.01em;
}
.btn-secondary {
  border-radius: 10px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.btn-discord {
  border-radius: 10px;
}
.btn-dl {
  border-radius: 10px;
  font-weight: 650;
}
.btn-clear, .btn-run {
  border-radius: 10px;
}
/* Verify/discord modal buttons */
.btn-verify, .btn-discord-modal {
  border-radius: 10px;
}
/* Unlock bar buttons */
.btn-key-unlock {
  border-radius: 8px;
  font-weight: 650;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARDS — sharper radii
   ═══════════════════════════════════════════════════════════════════════════ */
.drop-card, .void-card, .dash-card, .dash-profile {
  border-radius: 14px;
}
.key-modal-card {
  border-radius: 16px;
}
#key-modal, #donate-modal {
  /* modal backdrop sharper too */
}

/* ═══════════════════════════════════════════════════════════════════════════
   TIER CARDS — full redesign
   Three-level depth system: Member (flat), Booster (raised), Donor (glow)
   ═══════════════════════════════════════════════════════════════════════════ */
.tier-card {
  border-radius: 16px;
  padding: 28px 26px 26px;
  position: relative;
  overflow: hidden;
  background: rgba(14,14,17,.88);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 12px 40px rgba(0,0,0,.45);
  transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .28s, box-shadow .32s;
}

/* Top edge highlight line — unique per tier */
.tier-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  border-radius: 0 0 2px 2px;
}
.tier-card:has(.tier-icon.donor)::before {
  background: linear-gradient(90deg, transparent, rgba(167,139,250,.55), transparent);
}
.tier-card.featured::before {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
}

.tier-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255,255,255,.13);
  box-shadow: 0 1px 0 rgba(255,255,255,.07) inset, 0 24px 64px rgba(0,0,0,.55);
}

/* Booster — featured */
.tier-card.featured {
  background: rgba(18,18,22,.92);
  border-color: rgba(255,255,255,.14);
  box-shadow:
    0 1px 0 rgba(255,255,255,.08) inset,
    0 18px 55px rgba(0,0,0,.50);
}
.tier-card.featured:hover {
  border-color: rgba(255,255,255,.22);
  box-shadow:
    0 1px 0 rgba(255,255,255,.11) inset,
    0 28px 72px rgba(0,0,0,.60);
}

/* Donor */
.tier-card:has(.tier-icon.donor) {
  background: linear-gradient(160deg, rgba(124,58,237,.08) 0%, rgba(14,14,17,.92) 55%);
  border-color: rgba(167,139,250,.22);
  box-shadow:
    0 1px 0 rgba(167,139,250,.12) inset,
    0 18px 55px rgba(0,0,0,.48),
    0 0 80px rgba(167,139,250,.08);
}
.tier-card:has(.tier-icon.donor):hover {
  border-color: rgba(167,139,250,.36);
  box-shadow:
    0 1px 0 rgba(167,139,250,.18) inset,
    0 28px 72px rgba(0,0,0,.58),
    0 0 120px rgba(167,139,250,.16);
}

/* Tier icon — circle instead of rounded square */
.tier-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
}
.tier-icon.member {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.6);
}
.tier-icon.booster {
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  box-shadow: 0 0 20px rgba(255,255,255,.06);
}
.tier-icon.donor {
  background: linear-gradient(135deg, rgba(124,58,237,.3), rgba(167,139,250,.15));
  border: 1px solid rgba(167,139,250,.35);
  color: var(--violet, #a78bfa);
  box-shadow: 0 0 22px rgba(167,139,250,.25);
}
.tier-card:hover .tier-icon {
  transform: translateY(-3px) scale(1.06);
}
.tier-card:has(.tier-icon.donor):hover .tier-icon {
  box-shadow: 0 4px 24px rgba(167,139,250,.35);
}

/* Tier badge */
.tier-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 6px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.4);
  border: 1px solid rgba(255,255,255,.09);
  margin-bottom: 12px;
}

/* Tier name/limit */
.tier-name {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.3px;
  color: #fff;
  margin-bottom: 3px;
}
.tier-sub {
  font-size: 11px;
  color: rgba(255,255,255,.35);
  margin-bottom: 18px;
  letter-spacing: -.01em;
}
.tier-limit {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -2px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1;
}
.tier-limit span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,.35);
  letter-spacing: 0;
  margin-left: 2px;
}

/* Feature list — circle check icons */
.tier-features { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.tier-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12.5px;
  color: rgba(255,255,255,.6);
  letter-spacing: -.01em;
}
.tier-feat-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(48,209,88,.1);
  border: 1px solid rgba(48,209,88,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--green);
  flex-shrink: 0;
}
.tier-card:has(.tier-icon.donor) .tier-feat-icon {
  background: rgba(167,139,250,.10);
  border-color: rgba(167,139,250,.22);
  color: var(--violet, #a78bfa);
}

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION BADGES — sharper, with left SVG icon slot
   ═══════════════════════════════════════════════════════════════════════════ */
.section-badge, .hero-badge {
  border-radius: 8px;
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: .3px;
  padding: 5px 11px;
  gap: 6px;
}
.hero-badge-dot { display: none; } /* remove dot, icon takes over */

/* ═══════════════════════════════════════════════════════════════════════════
   FAQ — sharper, cleaner arrow replaced by CSS chevron via SVG in HTML
   ═══════════════════════════════════════════════════════════════════════════ */
.faq-item {
  border-radius: 10px;
  margin-bottom: 6px;
}
.faq-q {
  font-size: 13.5px;
  font-weight: 550;
  letter-spacing: -.01em;
  padding: 16px 18px;
}
.faq-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.4);
  flex-shrink: 0;
  transition: background .2s, color .2s, transform .28s;
}
.faq-item.open .faq-arrow {
  transform: rotate(180deg);
  background: rgba(167,139,250,.12);
  border-color: rgba(167,139,250,.25);
  color: var(--violet, #a78bfa);
}

/* ═══════════════════════════════════════════════════════════════════════════
   INPUTS — sharper
   ═══════════════════════════════════════════════════════════════════════════ */
.tt-input, .key-input, .notify-input {
  border-radius: 10px;
}
.tt-input:focus, .key-input:focus, .notify-input:focus {
  border-color: var(--violet, #a78bfa);
  box-shadow: 0 0 0 3px rgba(167,139,250,.12);
}

/* ═══════════════════════════════════════════════════════════════════════════
   SCAN VIEW tiles — sharper
   ═══════════════════════════════════════════════════════════════════════════ */
.sv-item { border-radius: 8px; }
.sv-lbl {
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
}
.sv-val { font-size: 13px; font-weight: 650; }

/* ═══════════════════════════════════════════════════════════════════════════
   DROP ZONE — sharper
   ═══════════════════════════════════════════════════════════════════════════ */
.drop-zone { border-radius: 10px; }
.drop-icon { border-radius: 12px; }

/* ═══════════════════════════════════════════════════════════════════════════
   MODAL CARD — sharper
   ═══════════════════════════════════════════════════════════════════════════ */
.key-modal-card, .donate-card { border-radius: 16px; }

/* ═══════════════════════════════════════════════════════════════════════════
   PROC TERMINAL — tighter
   ═══════════════════════════════════════════════════════════════════════════ */
.proc-terminal { border-radius: 10px; }
.proc-bar { border-radius: 10px 10px 0 0; }

/* ═══════════════════════════════════════════════════════════════════════════
   HERO TITLE — Inter tighter tracking
   ═══════════════════════════════════════════════════════════════════════════ */
.hero h1 {
  letter-spacing: -5.5px;
  font-weight: 800;
  line-height: .95;
}
.hero h1 span {
  background: linear-gradient(115deg, #fff 5%, #c4b5fd 35%, #fff 55%, #ddd6fe 78%, #fff 95%);
  background-size: 280% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.section-title {
  letter-spacing: -2.2px;
  font-weight: 750;
}
.page-hero-title {
  letter-spacing: -3.2px;
  font-weight: 800;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER — sharper separator
   ═══════════════════════════════════════════════════════════════════════════ */
footer {
  border-top-color: rgba(255,255,255,.06);
}
.footer-logo {
  font-weight: 700;
  letter-spacing: -.3px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TOAST — sharper
   ═══════════════════════════════════════════════════════════════════════════ */
#toast {
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -.01em;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE NAV — update to match new nav radius
   ═══════════════════════════════════════════════════════════════════════════ */
#mobile-nav-menu { border-left: 1px solid rgba(255,255,255,.07); }
.mobile-nav-link {
  border-radius: 8px;
  font-size: 13.5px;
}
.mobile-key-btn { border-radius: 10px; }

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE TASKBAR — sharper items
   ═══════════════════════════════════════════════════════════════════════════ */
#mobile-taskbar .tb-item { border-radius: 10px; }

/* ═══════════════════════════════════════════════════════════════════════════
   TIER UNLOCK BAR — sharper
   ═══════════════════════════════════════════════════════════════════════════ */
.tier-unlock-bar { border-radius: 10px; }
.tier-unlock-bar.show { animation: fadeSlideUp .25s var(--ease-out); }

/* ═══════════════════════════════════════════════════════════════════════════
   ENGINE TAB — sharper
   ═══════════════════════════════════════════════════════════════════════════ */
.engine-tabs { border-radius: 12px; }
.engine-tab  { border-radius: 9px; }

/* ═══════════════════════════════════════════════════════════════════════════
   USAGE BAR — sharper
   ═══════════════════════════════════════════════════════════════════════════ */
#usage-bar, #usage-bar-void { border-radius: 10px; }

/* ═══════════════════════════════════════════════════════════════════════════
   DONATE TICKET NOTE — violet tint
   ═══════════════════════════════════════════════════════════════════════════ */
.donate-ticket-note {
  border-radius: 10px;
  background: rgba(167,139,250,.06);
  border-color: rgba(167,139,250,.18);
}
.donate-ticket-note svg { color: var(--violet, #a78bfa); }

/* ═══════════════════════════════════════════════════════════════════════════
   COMPARISON TABLE — sharper container
   ═══════════════════════════════════════════════════════════════════════════ */
.tier-grid + * table,
section table {
  font-size: 12.5px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE TEXT COMFORT — appended (cascade-safe, wins all earlier overrides)
   Fixes "squeezed" text on phones: the redesign block's extreme negative
   letter-spacing and tiny label sizes are softened on small screens.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  /* Reset global tight tracking on small screens */
  body { letter-spacing: 0; }

  /* Headings — un-squeeze (redesign set -5.5px / -2.2px / -3.2px) */
  .hero h1 { letter-spacing: -1.5px; line-height: 1.05; }
  .section-title { letter-spacing: -.5px; }
  .page-hero-title { letter-spacing: -1px; }
  .coming-soon-title { letter-spacing: -1px; }
  .tier-limit { letter-spacing: -1px; }
  .dash-card-val { letter-spacing: -.5px; }

  /* Body copy — breathing room */
  .hero-sub,
  .section-sub,
  .page-hero-sub,
  .coming-soon-sub,
  .faq-a-inner { letter-spacing: 0; line-height: 1.7; }

  /* Small labels — readable minimum sizes */
  .sv-lbl, .tt-tech-lbl { font-size: 10px; letter-spacing: .5px; }
  .sv-val, .tt-tech-val { font-size: 14px; }
  .stat-lbl { font-size: 11px; letter-spacing: .3px; }
  .section-badge, .hero-badge { font-size: 11px; }
  .tier-badge { font-size: 10px; }
  .dash-card-lbl { font-size: 11px; }
  #limitText { font-size: 11px; }
  .tier-unlock-text { font-size: 13px; line-height: 1.55; }
  .tier-donate-note { font-size: 11px; line-height: 1.5; }

  /* Prevent long words from overflowing the viewport */
  .hero-sub, .section-sub, .page-hero-sub,
  .tier-unlock-text, .faq-a-inner,
  #dropSub { overflow-wrap: break-word; }
}

@media (max-width: 400px) {
  .hero h1 { font-size: 40px; letter-spacing: -1px; }
  .sv-val { font-size: 13px; }
}