:root {
  --bg:#FFFFFF; --bg1:#F7F8FA; --bg2:#F0F2F5; --bg3:#E4E8EF;
  --border:rgba(0,0,0,0.07); --border2:rgba(0,0,0,0.13);
  --text:#0A0C10; --text2:#3D4452; --text3:#7A8394; --text4:#B0B8C4;
  --blue:#0066FF; --blue2:#0052CC; --blue3:#E8F0FF; --blue4:#CCE0FF;
  --green:#00C853; --green2:#E6FAF0;
  --red:#FF3B5C; --red2:#FFF0F3;
  --amber:#FF8C00; --amber2:#FFF4E6;
  --font:'Geist',system-ui,sans-serif;
  --mono:'Geist Mono',monospace;
  --r:8px; --r2:12px; --r3:16px;
  --nav-h:60px;
  --sh:0 1px 3px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.04);
  --sh2:0 2px 8px rgba(0,0,0,0.08),0 8px 32px rgba(0,0,0,0.06);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
button{font-family:var(--font);cursor:pointer;border:none;background:none;}
input,select{font-family:var(--mono);}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;}
input[type=number]{-moz-appearance:textfield;}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px;}
.section{padding:96px 0;}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;transition:box-shadow 0.2s;}
#nav.up{box-shadow:0 1px 20px rgba(0,0,0,0.08);}
.nav-in{display:flex;align-items:center;justify-content:space-between;width:100%;}
.nav-logo{display:flex;align-items:center;gap:8px;}
.logo-mark{width:28px;height:28px;background:var(--blue);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;}
.logo-text{font-size:16px;font-weight:700;letter-spacing:-0.3px;}
.logo-text span{color:var(--blue);}
.nav-links{display:flex;align-items:center;gap:2px;}
.nl{padding:6px 12px;border-radius:var(--r);font-size:14px;color:var(--text2);transition:all 0.15s;}
.nl:hover{background:var(--bg1);color:var(--text);}
.nl.on{color:var(--blue);font-weight:500;}
.nav-right{display:flex;align-items:center;gap:10px;}
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--r);font-size:14px;font-weight:500;transition:all 0.15s;cursor:pointer;border:none;}
.btn-p{background:var(--blue);color:#fff;}
.btn-p:hover{background:var(--blue2);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,102,255,0.3);}
.btn-s{background:var(--bg1);color:var(--text);border:1px solid var(--border2);}
.btn-s:hover{background:var(--bg2);}
.btn-sm{padding:6px 14px;font-size:13px;}
.btn-lg{padding:12px 28px;font-size:15px;}
.btn-xl{padding:14px 32px;font-size:16px;font-weight:600;border-radius:var(--r2);}
.ham{display:none;flex-direction:column;gap:4px;padding:6px;}
.ham span{width:20px;height:1.5px;background:var(--text);border-radius:2px;}
.mob-menu{display:none;position:fixed;top:var(--nav-h);inset:0;background:#fff;z-index:99;padding:16px 24px;flex-direction:column;gap:0;}
.mob-menu.open{display:flex;}
.mob-link{padding:14px 0;font-size:17px;font-weight:500;color:var(--text2);border-bottom:1px solid var(--border);background:none;text-align:left;display:block;}

/* PAGE */
.page-wrap{padding-top:var(--nav-h);}

/* HERO */
.hero{padding:80px 0 72px;position:relative;overflow:hidden;}
.hero-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 80% at 50% 0%,black 30%,transparent 80%);}
.hero-c{position:relative;z-index:1;text-align:center;}
.hero-pill{display:inline-flex;align-items:center;gap:6px;background:var(--blue3);color:var(--blue);border:1px solid var(--blue4);border-radius:100px;padding:4px 14px;font-size:12px;font-weight:600;letter-spacing:0.02em;margin-bottom:28px;font-family:var(--mono);}
.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:blink 2s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}
h1.hero-h{font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-0.04em;line-height:1.0;margin-bottom:24px;}
h1.hero-h .bl{color:var(--blue);}
h1.hero-h .dm{color:var(--text4);font-weight:300;}
.hero-sub{font-size:18px;color:var(--text2);max-width:520px;margin:0 auto 40px;line-height:1.65;}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:64px;}
.hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;}
.hstat-n{font-size:24px;font-weight:800;letter-spacing:-0.03em;}
.hstat-l{font-size:11px;color:var(--text3);font-family:var(--mono);letter-spacing:0.08em;margin-top:2px;}
.hdiv{width:1px;height:32px;background:var(--border2);}

/* TICKER */
.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg1);overflow:hidden;height:40px;display:flex;align-items:center;}
.tk-track{display:flex;animation:slide 35s linear infinite;white-space:nowrap;}
.tk-item{display:flex;align-items:center;gap:8px;padding:0 24px;font-family:var(--mono);font-size:11px;color:var(--text3);}
.tk-sym{color:var(--text);font-weight:600;}
.tk-dot{width:3px;height:3px;border-radius:50%;background:var(--border2);}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* SHARED */
.sec-label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.12em;color:var(--blue);text-transform:uppercase;margin-bottom:12px;}
h2.sh2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-0.03em;line-height:1.1;}
.sh2-sub{font-size:16px;color:var(--text2);line-height:1.7;max-width:520px;margin-top:12px;}
.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-family:var(--mono);font-size:11px;font-weight:600;}
.tag-g{background:var(--green2);color:#007A32;}
.tag-r{background:var(--red2);color:#CC2244;}
.tag-b{background:var(--blue3);color:var(--blue2);}

/* FEATURES */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;}
.feat{background:var(--bg);padding:28px 24px;transition:background 0.15s;}
.feat:hover{background:var(--bg1);}
.feat-ico{width:36px;height:36px;border-radius:var(--r);background:var(--blue3);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.feat-ico svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.feat-t{font-size:15px;font-weight:700;letter-spacing:-0.02em;margin-bottom:6px;}
.feat-d{font-size:13px;color:var(--text2);line-height:1.6;}

/* HOW IT WORKS */
.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.step-r{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--border);}
.step-r:last-child{border-bottom:none;}
.step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--blue3);border:1px solid var(--blue4);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--blue);}
.step-t{font-size:15px;font-weight:600;margin-bottom:4px;}
.step-d{font-size:13px;color:var(--text2);line-height:1.6;}

/* PREVIEW CARD */
.prev-card{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh2);}
.prev-hdr{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg1);}
.prev-title{font-family:var(--mono);font-size:11px;color:var(--text3);letter-spacing:0.06em;}
.prow{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid var(--border);}
.prow-l{font-size:12px;color:var(--text3);}
.prow-v{font-size:13px;font-family:var(--mono);font-weight:500;}

/* INSTRUMENTS */
.inst-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;}
.inst-item{background:var(--bg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;transition:background 0.12s;}
.inst-item:hover{background:var(--bg1);}
.inst-sym{font-family:var(--mono);font-size:14px;font-weight:700;}
.inst-name{font-size:11px;color:var(--text3);margin-top:1px;}
.inst-tv{font-family:var(--mono);font-size:12px;color:var(--green);font-weight:500;}

/* CTA */
.cta-box{background:var(--text);border-radius:var(--r3);padding:56px 48px;text-align:center;margin:0 0 80px;position:relative;overflow:hidden;}
.cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(0,102,255,0.15) 0%,transparent 70%);}
.cta-inner{position:relative;z-index:1;}
.cta-h{font-size:clamp(28px,4vw,44px);font-weight:800;color:#fff;letter-spacing:-0.03em;margin-bottom:12px;}
.cta-sub{font-size:16px;color:rgba(255,255,255,0.5);margin-bottom:32px;}
.btn-cta{background:#fff;color:var(--text);padding:14px 32px;border-radius:var(--r2);font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.15s;}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,255,255,0.15);}

/* CALCULATOR */
.calc-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start;padding:28px 0 64px;}
.cpanel{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh);position:sticky;top:calc(var(--nav-h) + 16px);}
.cpanel-hdr{padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg1);display:flex;align-items:center;justify-content:space-between;}
.cpanel-t{font-family:var(--mono);font-size:10px;color:var(--text3);letter-spacing:0.1em;font-weight:600;}
.ci-cat{font-family:var(--mono);font-size:9px;color:var(--text4);letter-spacing:0.15em;font-weight:600;margin:12px 0 6px;}
.ci-grid{display:grid;gap:4px;}
.ci-btn{padding:7px 6px;border-radius:var(--r);font-size:11px;background:var(--bg1);border:1px solid var(--border);color:var(--text3);cursor:pointer;transition:all 0.12s;text-align:center;font-family:var(--mono);}
.ci-btn .s{font-size:13px;font-weight:700;display:block;}
.ci-btn .n{font-size:9px;display:block;opacity:0.7;margin-top:1px;}
.ci-mode{display:flex;background:var(--bg2);border-radius:var(--r);padding:3px;}
.ci-mbt{flex:1;padding:7px;border-radius:6px;border:none;font-family:var(--mono);font-size:10px;color:var(--text3);background:transparent;cursor:pointer;transition:all 0.12s;}
.f-label{font-family:var(--mono);font-size:9px;color:var(--text3);letter-spacing:0.12em;font-weight:600;margin-bottom:4px;}
.f-hint{font-size:10px;color:var(--text4);margin-bottom:6px;}
.ci-inp{width:100%;padding:9px 12px;background:var(--bg1);border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-size:15px;font-family:var(--mono);font-weight:500;transition:border-color 0.15s,box-shadow 0.15s;}
.ci-inp:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,102,255,0.08);}
.ci-result{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh);min-height:320px;}
.cr-empty{padding:60px 24px;text-align:center;}
.cr-empty-icon{font-size:32px;margin-bottom:12px;opacity:0.2;}
.cr-empty-t{font-size:13px;color:var(--text3);font-family:var(--mono);}
.cr-hdr{padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg1);display:flex;align-items:center;justify-content:space-between;}
.cr-lbl{font-family:var(--mono);font-size:10px;color:var(--text3);letter-spacing:0.1em;}
.cr-row{display:flex;justify-content:space-between;align-items:center;padding:11px 20px;border-bottom:1px solid var(--border);}
.cr-k{font-size:12px;color:var(--text3);}
.cr-v{font-size:13px;font-family:var(--mono);font-weight:500;}
.cr-v.big{font-size:22px;font-weight:800;letter-spacing:-0.03em;}
.cr-sect{font-family:var(--mono);font-size:9px;color:var(--text3);letter-spacing:0.15em;padding:10px 20px 6px;border-top:1px solid var(--border);font-weight:600;}
.tp-row{display:flex;align-items:center;border-bottom:1px solid var(--border);}
.tp-badge{width:48px;flex-shrink:0;padding:12px 0;text-align:center;border-right:1px solid var(--border);}
.tp-badge-r{font-family:var(--mono);font-size:13px;font-weight:700;}
.tp-badge-s{font-family:var(--mono);font-size:9px;color:var(--text3);margin-top:1px;}
.tp-data{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 16px;}
.tp-cl{font-family:var(--mono);font-size:9px;color:var(--text3);margin-bottom:2px;letter-spacing:0.08em;}
.tp-cv{font-size:14px;font-family:var(--mono);font-weight:600;}
.oco-sect{background:var(--blue3);border-top:1px solid var(--blue4);}
.oco-sh{padding:10px 20px 6px;display:flex;justify-content:space-between;align-items:center;}
.oco-st{font-family:var(--mono);font-size:9px;color:var(--blue2);letter-spacing:0.15em;font-weight:700;}
.oco-sn{font-family:var(--mono);font-size:9px;color:var(--blue);opacity:0.6;}
.oco-note{padding:0 20px 6px;font-size:10px;color:var(--blue2);opacity:0.7;}
.oco-rrow{display:grid;grid-template-columns:52px 1fr 1fr 1fr;align-items:center;border-top:1px solid rgba(0,102,255,0.1);}
.oco-bc{padding:10px 0;text-align:center;border-right:1px solid rgba(0,102,255,0.1);}
.oco-bl{font-family:var(--mono);font-size:10px;font-weight:700;}
.oco-bs{font-family:var(--mono);font-size:9px;color:var(--blue);opacity:0.6;}
.oco-cell{padding:8px 10px;}
.oco-cl{font-family:var(--mono);font-size:9px;color:var(--blue2);opacity:0.6;margin-bottom:2px;}
.oco-cv{font-family:var(--mono);font-size:13px;font-weight:600;}
.oco-foot{padding:8px 20px;font-size:10px;color:var(--blue2);opacity:0.6;border-top:1px solid rgba(0,102,255,0.1);}

/* PROP FIRMS */
.firm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.firm-card{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r3);overflow:hidden;transition:box-shadow 0.2s,transform 0.2s;}
.firm-card:hover{box-shadow:var(--sh2);transform:translateY(-2px);}
.firm-card.ft{border-color:var(--blue);}
.firm-top{padding:20px 22px 0;}
.firm-badge{display:inline-block;background:var(--blue3);color:var(--blue2);border:1px solid var(--blue4);border-radius:100px;font-size:10px;font-weight:600;padding:2px 10px;font-family:var(--mono);margin-bottom:10px;}
.firm-name{font-size:19px;font-weight:800;letter-spacing:-0.02em;margin-bottom:4px;}
.firm-tag{font-size:13px;color:var(--text2);}
.firm-specs{padding:14px 22px;}
.firm-spec{display:flex;justify-content:space-between;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--border);gap:12px;}
.firm-spec:last-child{border-bottom:none;}
.firm-spec-k{font-size:11px;color:var(--text3);font-family:var(--mono);letter-spacing:0.06em;flex-shrink:0;}
.firm-spec-v{font-size:12px;font-weight:500;text-align:right;}
.firm-note{padding:0 22px 14px;font-size:11px;color:var(--text3);line-height:1.5;}
.firm-foot{padding:14px 22px;border-top:1px solid var(--border);background:var(--bg1);}
.firm-btn{width:100%;padding:10px;border-radius:var(--r);font-size:13px;font-weight:600;text-align:center;transition:all 0.15s;display:block;cursor:pointer;border:none;}
.firm-btn.p{background:var(--blue);color:#fff;}
.firm-btn.p:hover{background:var(--blue2);}
.firm-btn.s{background:var(--bg2);color:var(--text);border:1px solid var(--border2);}
.firm-btn.s:hover{background:var(--bg3);}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.blog-card{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r3);overflow:hidden;transition:box-shadow 0.2s,transform 0.2s;}
.blog-card:hover{box-shadow:var(--sh2);transform:translateY(-2px);}
.blog-thumb{height:160px;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:44px;border-bottom:1px solid var(--border);}
.blog-body{padding:18px;}
.blog-cat{font-family:var(--mono);font-size:10px;color:var(--blue);font-weight:600;letter-spacing:0.1em;margin-bottom:8px;}
.blog-t{font-size:15px;font-weight:700;letter-spacing:-0.01em;line-height:1.35;margin-bottom:8px;}
.blog-e{font-size:13px;color:var(--text2);line-height:1.6;}
.blog-meta{margin-top:14px;display:flex;gap:10px;font-size:11px;color:var(--text3);font-family:var(--mono);}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-q{width:100%;text-align:left;padding:18px 0;font-size:15px;font-weight:600;color:var(--text);background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color 0.15s;}
.faq-q:hover{color:var(--blue);}
.faq-q .ico{width:20px;height:20px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text3);transition:all 0.2s;flex-shrink:0;}
.faq-q.open .ico{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(45deg);}
.faq-a{display:none;padding:0 0 16px;font-size:14px;color:var(--text2);line-height:1.75;}
.faq-a.open{display:block;}
.disc{background:var(--bg1);border:1px solid var(--border2);border-left:3px solid var(--amber);border-radius:var(--r2);padding:18px 20px;margin-top:32px;font-size:13px;color:var(--text2);line-height:1.7;}
.disc-t{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--amber);letter-spacing:0.1em;margin-bottom:8px;}

/* FOOTER */
footer{background:var(--bg1);border-top:1px solid var(--border);padding:48px 0 28px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.fl-mark{width:24px;height:24px;background:var(--blue);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;}
.fl-text{font-size:15px;font-weight:700;}
.footer-desc{font-size:13px;color:var(--text3);line-height:1.7;max-width:260px;}
.fcol-t{font-family:var(--mono);font-size:10px;letter-spacing:0.15em;color:var(--text3);font-weight:600;margin-bottom:14px;}
.flink{display:block;font-size:13px;color:var(--text2);margin-bottom:10px;transition:color 0.15s;}
.flink:hover{color:var(--blue);}
.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.fcopy{font-size:12px;color:var(--text3);font-family:var(--mono);}
.fdisc{font-size:11px;color:var(--text4);max-width:440px;}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.fu{animation:fadeUp 0.4s ease forwards;}

@media(max-width:1024px){.calc-layout{grid-template-columns:1fr;}.cpanel{position:static;}.footer-grid{grid-template-columns:1fr 1fr;}.how-grid{grid-template-columns:1fr;gap:40px;}.firm-grid{grid-template-columns:1fr;}}
@media(max-width:768px){.nav-links,.nav-right{display:none;}.ham{display:flex;}.section{padding:56px 0;}.hero{padding:48px 0 56px;}.feat-grid{grid-template-columns:1fr;}.about-grid{grid-template-columns:1fr;gap:40px;}.blog-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;gap:28px;}.cta-box{padding:40px 24px;}}
@media(max-width:480px){.wrap{padding:0 16px;}.hero-h{font-size:36px;}.hero-stats{gap:20px;}.inst-list{grid-template-columns:1fr 1fr;}}

/* ARTICLE */
.art-body{font-size:16px;line-height:1.85;color:var(--text2);}
.art-body p{margin-bottom:20px;}
.art-body h2{font-size:24px;font-weight:800;letter-spacing:-0.02em;color:var(--text);margin:48px 0 16px;line-height:1.2;}
.art-body h3{font-size:18px;font-weight:700;color:var(--text);margin:32px 0 12px;}
.art-body ul{padding-left:20px;margin-bottom:20px;}
.art-body ul li{margin-bottom:8px;}
.art-body strong{color:var(--text);font-weight:700;}
.art-body em{font-style:italic;}
.art-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;}
.art-table th{background:var(--bg2);padding:10px 14px;text-align:left;font-weight:600;color:var(--text);font-size:12px;letter-spacing:0.04em;border-bottom:2px solid var(--border2);}
.art-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text2);}
.art-table tr:last-child td{border-bottom:none;}
.art-formula{background:var(--blue3);border:1px solid var(--blue4);border-radius:var(--r2);padding:18px 24px;font-family:var(--mono);font-size:16px;font-weight:600;color:var(--blue2);margin:24px 0;text-align:center;}
.art-code{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r);padding:16px 20px;font-family:var(--mono);font-size:13px;color:var(--text);margin:16px 0;white-space:pre-line;line-height:1.8;}
.art-callout{background:var(--bg1);border:1px solid var(--border2);border-left:3px solid var(--blue);border-radius:var(--r2);padding:16px 20px;margin:20px 0;font-size:14px;color:var(--text2);line-height:1.7;}
.art-callout-title{font-weight:700;color:var(--text);margin-bottom:4px;font-size:14px;}
.art-cta{background:var(--text);border-radius:var(--r3);padding:32px;text-align:center;margin:48px 0 32px;}
.art-cta-title{font-size:22px;font-weight:800;color:#fff;letter-spacing:-0.02em;margin-bottom:8px;}
.art-cta-sub{font-size:14px;color:rgba(255,255,255,0.5);}
.art-disc{font-size:12px;color:var(--text4);line-height:1.7;padding:16px;background:var(--bg1);border-radius:var(--r);border:1px solid var(--border);margin-top:32px;}

/* DARK MODE */
[data-theme="dark"]{
  --bg:#0F1117;--bg1:#171B24;--bg2:#1E2330;--bg3:#252B3A;
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);
  --text:#F0F2F7;--text2:#B8BFD0;--text3:#6B7585;--text4:#424B5C;
  --blue:#4D94FF;--blue2:#7AB0FF;--blue3:rgba(0,102,255,0.15);--blue4:rgba(0,102,255,0.25);
  --green:#00E05A;--green2:rgba(0,200,83,0.12);--green3:#00C853;
  --red:#FF5C78;--red2:rgba(255,59,92,0.12);--red3:#FF3B5C;
  --amber:#FFB547;--amber2:rgba(255,140,0,0.12);--amber3:#FF8C00;
  --sh:0 1px 3px rgba(0,0,0,0.3),0 4px 16px rgba(0,0,0,0.2);
  --sh2:0 2px 8px rgba(0,0,0,0.4),0 8px 32px rgba(0,0,0,0.3);
}
[data-theme="dark"] #nav{background:rgba(23,27,36,0.95);}
[data-theme="dark"] .mob-menu{background:var(--bg1);}
[data-theme="dark"] .mob-link{color:var(--text2);}
[data-theme="dark"] .ci-inp{background:var(--bg2);color:var(--text);}
[data-theme="dark"] .hero-grid{background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);}
[data-theme="dark"] .art-code{background:var(--bg2);color:var(--text);}
[data-theme="dark"] .art-callout{background:var(--bg2);}
[data-theme="dark"] select,.f-select{background:var(--bg);}
[data-theme="dark"] .ticker{background:var(--bg1);}
[data-theme="dark"] .cta-box{background:#1a1f2e;}
[data-theme="dark"] .card{background:var(--bg1);}
[data-theme="dark"] .feat{background:var(--bg1);}
[data-theme="dark"] .feat:hover{background:var(--bg2);}
[data-theme="dark"] .firm-card{background:var(--bg1);}
[data-theme="dark"] .firm-foot{background:var(--bg2);}
[data-theme="dark"] .blog-card{background:var(--bg1);}
[data-theme="dark"] .blog-thumb{background:var(--bg2);}
[data-theme="dark"] .inst-item{background:var(--bg1);}
[data-theme="dark"] .inst-item:hover{background:var(--bg2);}
[data-theme="dark"] .calc-panel{background:var(--bg1);}
[data-theme="dark"] .cpanel-hdr{background:var(--bg2);}
[data-theme="dark"] .ci-btn{background:var(--bg2);color:var(--text3);}
[data-theme="dark"] .ci-mode{background:var(--bg3);}
[data-theme="dark"] .ci-result{background:var(--bg1);}
[data-theme="dark"] .cr-header{background:var(--bg2);}
[data-theme="dark"] .preview-card{background:var(--bg1);}
[data-theme="dark"] .prev-hdr{background:var(--bg2);}
[data-theme="dark"] .setup-card{background:var(--bg1);}
[data-theme="dark"] .faq-item{border-color:var(--border);}
[data-theme="dark"] .faq-q{color:var(--text);}
[data-theme="dark"] .faq-a{color:var(--text2);}
[data-theme="dark"] .disc{background:var(--bg2);}
[data-theme="dark"] .art-body p,[data-theme="dark"] .art-body li{color:var(--text2);}
[data-theme="dark"] .art-body h2,[data-theme="dark"] .art-body h3{color:var(--text);}
[data-theme="dark"] .art-table th{background:var(--bg2);color:var(--text);border-color:var(--border2);}
[data-theme="dark"] .art-table td{color:var(--text2);border-color:var(--border);}
[data-theme="dark"] .art-formula{background:var(--blue3);border-color:var(--blue4);color:var(--blue2);}
[data-theme="dark"] .art-cta{background:var(--bg2);}
[data-theme="dark"] .art-disc{background:var(--bg2);color:var(--text3);}
[data-theme="dark"] .art-callout{background:var(--bg2);color:var(--text2);}
[data-theme="dark"] .hero-pill{background:var(--blue3);border-color:var(--blue4);}
[data-theme="dark"] .step-row{border-color:var(--border);}
[data-theme="dark"] footer{background:var(--bg1);}
[data-theme="dark"] .footer-desc{color:var(--text3);}
[data-theme="dark"] .flink{color:var(--text2);}
[data-theme="dark"] .flink:hover{color:var(--blue);}
[data-theme="dark"] .fcopy{color:var(--text3);}
[data-theme="dark"] .fdisc{color:var(--text4);}
[data-theme="dark"] .metric{background:var(--bg1);}
[data-theme="dark"] .setup-tag{background:var(--bg2);border-color:var(--border2);color:var(--text2);}
[data-theme="dark"] .blog-body .blog-exc{color:var(--text2);}
[data-theme="dark"] .blog-meta{color:var(--text3);}
[data-theme="dark"] .how-wrap .step-d{color:var(--text2);}
[data-theme="dark"] .sub{color:var(--text2);}
[data-theme="dark"] .sh2-sub{color:var(--text2);}
[data-theme="dark"] .hero-sub{color:var(--text2);}

/* PRICING dark */
[data-theme="dark"] .pricing-table th{background:var(--bg2);color:var(--text2);}
[data-theme="dark"] .pricing-table td{color:var(--text2);}
[data-theme="dark"] .pricing-table{background:var(--bg1);}
[data-theme=dark] .faq-q{color:var(--text);}

/* TOOLS dark */
[data-theme="dark"] .firm-spec-v{color:var(--text);}
[data-theme="dark"] .firm-spec-k{color:var(--text3);}
[data-theme="dark"] .firm-note{color:var(--text3);}
[data-theme="dark"] .firm-tag{color:var(--text2);}

/* NAV dark */
[data-theme="dark"] .nl{color:var(--text2);}
[data-theme="dark"] .nl:hover{color:var(--text);}
[data-theme="dark"] .nl.on{color:var(--blue);}
[data-theme="dark"] .btn-s{background:var(--bg2);border-color:var(--border2);color:var(--text);}
[data-theme=dark] .btn-s:hover{background:var(--bg3);}
[data-theme=dark] .btn-cta{background:var(--blue);color:#fff;}
[data-theme=dark] .btn-cta:hover{background:var(--blue2);}
[data-theme=dark] .price-toggle-active{background:#fff!important;color:#0A0C10!important;}
[data-theme=dark] .price-toggle-inactive{background:transparent!important;color:rgba(255,255,255,0.5)!important;}

/* THEME TOGGLE */
.theme-toggle{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--border2);cursor:pointer;font-size:12px;color:var(--text2);transition:all 0.15s;font-family:var(--font);}
.theme-toggle:hover{background:var(--bg3);}

/* TOOLS MOBILE FIX */
@media(max-width:768px){
  #tools-grid{grid-template-columns:1fr!important;}
}
@media(max-width:480px){
  #tools-grid{grid-template-columns:1fr!important;}
}
.ptbtn{padding:5px 14px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.15s;}
.price-toggle-active{background:#fff!important;color:#0A0C10!important;}
.price-toggle-inactive{background:transparent!important;color:rgba(255,255,255,0.65)!important;}
::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px;}