:root{--bg:#0A1628;--surface:#0F1A2E;--card:rgba(15,26,46,0.85);--card-alt:#162240;--accent:#2563EB;--glow:#60A5FA;--asoft:rgba(37,99,235,0.12);--gold:#F59E0B;--gsoft:rgba(245,158,11,0.12);--green:#10B981;--grsoft:rgba(16,185,129,0.12);--red:#EF4444;--rsoft:rgba(239,68,68,0.1);--purple:#8B5CF6;--t1:#F1F5F9;--t2:#94A3B8;--t3:#64748B;--brd:#1E3A5F;--brds:rgba(30,58,95,0.5);--r:10px;--f:'DM Sans',-apple-system,sans-serif;--m:'JetBrains Mono',monospace;--shadow:0 1px 3px rgba(0,0,0,.3);--hdr-bg:rgba(10,22,40,.95);--input-bg:#0F1A2E;--dark:#0F1A2E;--mid:#162240;--navy:#0A1628}
    [data-theme="light"]{--bg:#FFFFFF;--surface:#F7F8FA;--card:#FFFFFF;--card-alt:#F1F4F8;--accent:#1D4ED8;--glow:#2563EB;--asoft:rgba(37,99,235,0.08);--gold:#D97706;--gsoft:rgba(217,119,6,0.08);--green:#059669;--grsoft:rgba(5,150,105,0.08);--red:#DC2626;--rsoft:rgba(220,38,38,0.06);--purple:#7C3AED;--t1:#111827;--t2:#4B5563;--t3:#6B7280;--brd:#E5E7EB;--brds:#F3F4F6;--shadow:0 1px 3px rgba(0,0,0,.06);--hdr-bg:rgba(255,255,255,.92);--input-bg:#F9FAFB;--dark:#F1F4F8;--mid:#E5E7EB;--navy:#FFFFFF}
    *{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;touch-action:manipulation}
    body{font-family:var(--f);background:var(--bg);color:var(--t1);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
    [data-theme="light"] body::before{display:none}
    body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(37,99,235,.03) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(5,150,105,.02) 0%,transparent 50%);pointer-events:none;z-index:0}
    [data-theme="light"] body::before{display:none}
    body::before{background:radial-gradient(ellipse at 20% 0%,rgba(37,99,235,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(16,185,129,.04) 0%,transparent 50%)}
    input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
    select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px!important}
    [data-theme="light"] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
    select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
    .hdr{position:sticky;top:0;z-index:100;background:var(--hdr-bg);backdrop-filter:blur(24px);border-bottom:1px solid var(--brd);padding:14px 16px}.hdr-in{max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
    .hdr-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}
    .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--t1)}.bm{width:38px;height:38px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .brand-text{font-size:22px;font-weight:800;color:var(--t1);letter-spacing:-.04em;line-height:1}.brand-text span{color:var(--glow)}
    .hdr-right{display:flex;align-items:center;gap:14px}
    .theme-toggle{cursor:pointer;color:var(--t3);transition:color .2s;background:none;border:none;padding:4px;display:flex;align-items:center}.theme-toggle:hover{color:var(--glow)}
    .dc{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow)}
    .mi{background:var(--card);border:1px solid var(--brd);border-radius:var(--r);padding:14px;box-shadow:var(--shadow)}
    .seo{margin-top:24px;padding:20px;background:var(--card);border:1px solid var(--brd);border-radius:var(--r);font-size:13px;color:var(--t2);line-height:1.7;box-shadow:var(--shadow)}
    /* Email signup sticky bar */
    .mpp-bar{position:fixed;bottom:0;left:0;right:0;background:var(--accent);color:#fff;transform:translateY(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:9999;box-shadow:0 -4px 20px rgba(0,0,0,.15)}
    .mpp-bar.vis{transform:translateY(0)}.mpp-bar-in{max-width:880px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px;flex-wrap:wrap}
    .mpp-bar .bt{flex:1;min-width:180px}.mpp-bar .bt strong{display:block;font-size:14px;font-weight:700}.mpp-bar .bt span{font-size:12px;opacity:.85}
    .mpp-bar form{display:flex;gap:6px;flex-shrink:0}.mpp-bar input[type="email"]{padding:8px 12px;border:2px solid rgba(255,255,255,.3);border-radius:var(--r);background:rgba(255,255,255,.12);color:#fff;font-size:16px;font-family:var(--f);width:200px;outline:none}.mpp-bar input::placeholder{color:rgba(255,255,255,.55)}.mpp-bar input:focus{border-color:var(--gold);background:rgba(255,255,255,.18)}
    .mpp-bar button[type="submit"]{padding:8px 16px;background:var(--gold);color:#1a1a1a;border:none;border-radius:var(--r);font-weight:700;font-size:13px;font-family:var(--f);cursor:pointer;white-space:nowrap}
    .mpp-bar .bx{background:none;border:none;color:rgba(255,255,255,.6);font-size:20px;cursor:pointer;padding:4px;line-height:1}.mpp-bar .bx:hover{color:#fff}
    @media(max-width:600px){.mpp-bar-in{flex-direction:column;text-align:center;padding:10px 16px 14px}.mpp-bar form{width:100%}.mpp-bar input[type="email"]{flex:1;width:auto}}
    .blog-link{color:var(--t2);font-size:13px;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:5px;transition:color .2s}.blog-link:hover{color:var(--glow)}
    .save-icon{cursor:pointer;color:var(--t3);transition:color .2s;background:none;border:none;padding:4px;display:flex;align-items:center}.save-icon:hover{color:var(--glow)}
    .tabs{display:flex;gap:0;margin-top:12px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--brd);padding:0 16px}.tabs::-webkit-scrollbar{display:none}
    .ib{display:none;margin-top:12px;padding:10px 14px;background:var(--asoft);border:1px solid rgba(37,99,235,.25);border-radius:var(--r);font-size:13px;color:var(--glow);cursor:pointer;align-items:center;gap:8px}.ib.show{display:flex}
    .tab{flex:0 0 auto;text-align:center;padding:10px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--t2);font-family:var(--f);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}
    .tab:hover{color:var(--t1)}.tab.on{color:var(--accent);font-weight:600;border-bottom-color:var(--accent);background:rgba(37,99,235,.08)}[data-theme="light"] .tab.on{color:var(--accent)}
    .cnt{max-width:880px;margin:0 auto;padding:20px 16px 40px;position:relative;z-index:1}
    .hero{text-align:center;padding:28px 16px 20px;position:relative;z-index:1;max-width:880px;margin:0 auto}
    .hero h1{font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1.2;color:var(--t1);margin-bottom:6px}
    .hero h1 span{color:var(--accent)}
    
    .hero p{font-size:14px;color:var(--t3);max-width:520px;margin:0 auto 14px;line-height:1.5}
    .hero-stats{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
    .hero-stat{font-size:12px;color:var(--t2);display:flex;align-items:center;gap:5px}
    .hero-stat strong{color:var(--t1);font-weight:700}
    @media(max-width:520px){.hero h1{font-size:22px}.hero p{font-size:13px}}
    .pnl{display:none;animation:fi .25s ease}.pnl.on{display:block}@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
    .st{font-size:20px;font-weight:700;letter-spacing:-.03em;margin-bottom:3px}.ss{font-size:13px;color:var(--t3);margin-bottom:20px}
    .sh{font-size:15px;font-weight:700;margin:24px 0 14px;padding-top:20px;border-top:1px solid var(--brds);color:var(--t1)}.sh:first-of-type{border-top:none;padding-top:0;margin-top:8px}
    .fg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.fg.c3{grid-template-columns:1fr 1fr 1fr}@media(max-width:520px){.fg,.fg.c3{grid-template-columns:1fr}}
    .fl label{display:block;font-size:11.5px;color:var(--t2);margin-bottom:5px;font-weight:500}
    .fl input,.fl select{width:100%;padding:12px 12px;border-radius:8px;border:1px solid var(--brd);background-color:var(--input-bg);color:var(--t1);font-family:var(--m);font-size:16px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s;min-height:44px}
    .fl select{font-family:var(--f);font-size:16px;padding-right:32px}.fl input:focus,.fl select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
    .fl.cur{position:relative}.fl.cur::before{content:'$';position:absolute;bottom:14px;left:11px;color:var(--t3);font-family:var(--m);font-size:16px;pointer-events:none}.fl.cur input{padding-left:24px}
    .og{display:flex;gap:6px;margin-bottom:18px}
    .ob{flex:1;padding:10px 8px;border-radius:8px;border:1px solid var(--brd);background:var(--card);color:var(--t2);font-family:var(--f);font-size:13px;cursor:pointer;text-align:center;transition:all .2s}
    .ob:hover{border-color:var(--t3)}.ob.on{border-color:var(--accent);background:var(--asoft);color:var(--glow);font-weight:600}.ob small{display:block;font-size:10px;opacity:.7;margin-top:2px}
    .rp{background:var(--surface);border:1px solid var(--brd);border-radius:var(--r);padding:18px;margin-bottom:14px}
    [data-theme="light"] .rp{background:linear-gradient(135deg,var(--mid),var(--dark))}
    .rp .lb{font-size:10.5px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}
    .rg{display:grid;gap:14px}.rg.c2{grid-template-columns:1fr 1fr}.rg.c3{grid-template-columns:1fr 1fr 1fr}.rg.c4{grid-template-columns:1fr 1fr 1fr 1fr}
    @media(max-width:520px){.rg.c3{grid-template-columns:1fr 1fr}.rg.c4{grid-template-columns:1fr 1fr}}
    .sv .sl{font-size:10.5px;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
    .sv .vl{font-family:var(--m);font-size:22px;font-weight:700;letter-spacing:-.02em}.sv .vl.lg{font-size:26px}
    .al{padding:12px 14px;border-radius:8px;font-size:13px;color:var(--t2);margin-top:12px;line-height:1.5}
    .al.w{background:var(--rsoft);border:1px solid rgba(239,68,68,.25)}.al.w strong{color:var(--red)}
    .al.t{background:var(--grsoft);border:1px solid rgba(16,185,129,.25)}.al.t strong{color:var(--green)}
    .dc .ct{padding:14px 16px 10px;font-size:10.5px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em}
    .dc table{width:100%;border-collapse:collapse;font-size:13px}.dc thead tr{background:var(--surface)}
    [data-theme="light"] .dc thead tr{background:var(--mid)}
    .dc th{padding:8px 10px;text-align:left;color:var(--t3);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
    .dc td{padding:8px 10px;border-top:1px solid var(--brds);color:var(--t2);white-space:nowrap}.dc tr.hl{background:var(--asoft)}.dc tr.hl td{color:var(--glow);font-weight:600}.dc tr.fd{opacity:.45}
    .bg{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10.5px;font-weight:600}.bg.cu{background:rgba(37,99,235,.2);color:var(--glow)}
    .sg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
    .sc{border-radius:var(--r);padding:16px}.sc.bl{background:var(--asoft);border:1px solid rgba(37,99,235,.2)}.sc.tl{background:var(--grsoft);border:1px solid rgba(16,185,129,.2)}
    .sc .sl2{font-size:10.5px;color:var(--t3);text-transform:uppercase;letter-spacing:.06em}.sc .sv2{font-family:var(--m);font-size:28px;font-weight:700;margin-top:4px}
    .sc.bl .sv2{color:var(--glow)}.sc.tl .sv2{color:var(--green)}.sc .ss2{font-size:12px;color:var(--t3);margin-top:2px}
    .mc{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}@media(max-width:520px){.mc{grid-template-columns:1fr}}
    .mi .ml{font-size:10.5px;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.mi .mv{font-family:var(--m);font-size:20px;font-weight:700}.mi .ms{font-size:11px;color:var(--t3);margin-top:4px}
    .cb{display:flex;align-items:flex-end;gap:3px;height:130px;padding-bottom:22px;position:relative}
    .cr{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;height:108px}
    .cr .br{width:100%;max-width:22px;border-radius:3px 3px 0 0;min-height:3px;transition:height .3s ease;background:linear-gradient(180deg,var(--accent),rgba(37,99,235,.5))}
    .cr .bl2{position:absolute;bottom:-18px;font-size:9px;color:var(--t3);white-space:nowrap}
    .bd{margin:14px 0}.br2{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--brds);font-size:13px}.br2:last-child{border-bottom:none}
    .br2 .bl3{color:var(--t2)}.br2 .bv{font-family:var(--m);font-weight:600}.br2.ded .bv{color:var(--red)}.br2.inc .bv{color:var(--green)}
    .br2.tot{padding-top:10px;margin-top:4px;border-top:2px solid var(--brd);border-bottom:none}.br2.tot .bl3{color:var(--t1);font-weight:700}
    .fr{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--brds)}.fr:last-child{border-bottom:none}
    .fn{width:36px;font-family:var(--m);font-weight:700;font-size:13px;flex-shrink:0}
    .fw{flex:1;height:22px;background:var(--surface);border-radius:4px;overflow:hidden}.ff{height:100%;border-radius:4px;transition:width .4s;display:flex;align-items:center;justify-content:flex-end;padding-right:6px}
    [data-theme="light"] .fw{background:var(--dark)}
    .ff span{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
    .fp{width:48px;text-align:right;font-family:var(--m);font-size:13px;font-weight:600;flex-shrink:0}
    .fa{width:66px;flex-shrink:0}.fa input{width:100%;padding:6px 4px;border-radius:6px;border:1px solid var(--brd);background:var(--input-bg);color:var(--t1);font-family:var(--m);font-size:16px;text-align:center;outline:none}.fa input:focus{border-color:var(--accent)}
    .ft{text-align:center;padding:32px 16px 72px;color:var(--t3);font-size:11px;border-top:1px solid var(--brds);margin-top:20px;line-height:1.6}.ft a{color:var(--glow);text-decoration:none}
    .seo h3{font-size:15px;color:var(--t1);margin-bottom:8px}.seo p+p{margin-top:8px}
    /* Feedback button */
    
    .ubar{background:var(--mid);border-bottom:1px solid var(--brd);padding:7px 16px;font-size:12px;position:relative;z-index:99;overflow:hidden;white-space:nowrap}.ubar-in{max-width:780px;margin:0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.ubar-in::-webkit-scrollbar{display:none}.ubar-label{color:var(--gold);font-weight:700;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.ubar a{color:var(--t2);text-decoration:none;white-space:nowrap;transition:color .2s}.ubar a:hover{color:var(--glow)}.ubar-dot{color:var(--t3);flex-shrink:0}