:root{--ink:#eaf0ff;--muted:#91a0ba;--blue:#7295ff;--lime:#d4ff65;--bg:#0b1020;--panel:#111a2e;--line:#26334e;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow-x:hidden}.ambient{position:fixed;z-index:-1;width:38rem;height:38rem;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.ambient-one{top:-20rem;left:-14rem;background:#3864e9}.ambient-two{right:-20rem;top:30rem;background:#c1ef4c}a{color:inherit;text-decoration:none}button,input{font:inherit}
.site-header{position:relative;z-index:4;width:min(1220px,calc(100% - 52px));height:86px;margin:auto;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:900;letter-spacing:-.06em}.brand>span:last-child span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #536fae;border-radius:50%;color:var(--lime);font-size:1.4rem}.live-pill{display:flex;align-items:center;gap:7px;margin-left:13px;padding:6px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.live-pill i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}nav{display:flex;gap:28px;margin-left:auto;color:var(--muted);font-size:.75rem;font-weight:800}nav a:hover{color:var(--ink)}.theme-button{width:30px;height:30px;margin-left:15px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent;cursor:pointer}
.hero{position:relative;width:min(1220px,calc(100% - 52px));min-height:530px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.eyebrow{margin:0 0 14px;color:var(--blue);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(3.3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.1em}.hero h1 span{color:var(--lime)}.hero-text{max-width:520px;margin:28px 0;color:var(--muted);font-size:1rem;line-height:1.7}.hero-search{display:flex;align-items:center;max-width:510px;padding:15px 17px;border:1px solid #364b75;border-radius:8px;background:#121d35;box-shadow:0 18px 50px #0005}.hero-search>span{color:var(--lime);font-size:1.4rem}.hero-search input{width:100%;margin:0 12px;border:0;outline:0;color:var(--ink);background:transparent;font-size:.85rem}.hero-search kbd{padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:.58rem}.hero-suggestions{display:flex;gap:8px;margin-top:12px}.hero-suggestions button{border:0;color:var(--muted);background:none;font-size:.65rem;cursor:pointer}.hero-suggestions button:hover{color:var(--lime)}.hero-orbit{position:relative;min-height:370px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #344b7b;border-radius:50%;transform:rotate(-28deg)}.ring-one{width:285px;height:285px}.ring-two{width:400px;height:160px;border-color:#344b7b88;transform:rotate(24deg)}.core{position:relative;z-index:2;display:grid;place-items:center;width:145px;height:145px;border:1px solid #526ca8;border-radius:50%;background:#111b32;box-shadow:0 0 80px #385cdc66}.core strong{margin-top:15px;color:var(--lime);font-size:4.2rem;line-height:.7;letter-spacing:-.1em}.core small{margin-top:4px;color:var(--muted);font-size:.65rem}.orbit-node{position:absolute;z-index:3;display:grid;place-items:center;width:48px;height:48px;border:1px solid #536fae;border-radius:50%;color:var(--ink);background:#172545;box-shadow:0 10px 20px #0004;font-weight:900}.node-one{top:55px;right:21%;color:var(--lime)}.node-two{bottom:69px;left:16%;color:#ffca73}.node-three{top:100px;left:19%;color:#9eafff}
.workspace,.all-tools{width:min(1220px,calc(100% - 52px));margin:0 auto 105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{margin:0;font-size:2rem;letter-spacing:-.08em}.shortcut{color:var(--muted);font-size:.67rem}.workspace-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:13px}.workspace-grid article{border:1px solid var(--line);border-radius:11px;background:#10192d}.focus-card{grid-row:span 2;padding:26px;background:linear-gradient(145deg,#16284c,#111a2e)!important}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.62rem}.mini-label{color:var(--lime);font-size:.57rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.card-index{color:#506182}.focus-icon{display:grid;place-items:center;width:55px;height:55px;margin:46px 0 18px;border-radius:14px;color:var(--ink);background:var(--lime);font-size:1.6rem;font-weight:900}.focus-card h3{max-width:330px;margin:0;font-size:1.65rem;letter-spacing:-.07em}.focus-card p{max-width:330px;color:var(--muted);font-size:.77rem;line-height:1.55}.open-focus{margin-top:25px;padding:0;border:0;color:var(--lime);background:none;font-size:.72rem;font-weight:900;cursor:pointer}.open-focus span{margin-left:20px}.metric-card{position:relative;min-height:130px;padding:21px;overflow:hidden}.metric-card.lime{background:#17232a!important}.metric-icon{display:block;margin-bottom:18px;color:var(--blue);font-size:1.3rem}.metric-card.lime .metric-icon{color:var(--lime)}.metric-card strong{display:block;font-size:.85rem}.metric-card p{margin:6px 0;color:var(--muted);font-size:.68rem;line-height:1.45}.metric-line{position:absolute;right:0;bottom:0;width:45%;height:3px;background:var(--blue)}.lime .metric-line{background:var(--lime)}.recent-card{grid-column:2 / span 2;padding:20px}.recent-card>div:first-child{margin-bottom:13px}.recent-card>div:first-child>span:last-child{color:var(--muted)}.empty-recent{color:var(--muted);font-size:.68rem}.recent-item{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--ink);font-size:.7rem;cursor:pointer}.recent-item span{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;color:var(--blue);background:#1d2b49}.recent-item small{margin-left:auto;color:var(--muted)}
.tools-heading{margin-bottom:18px}.small-search{display:flex;align-items:center;width:220px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--panel)}.small-search input{width:100%;margin-left:8px;border:0;outline:0;color:var(--ink);background:transparent;font-size:.7rem}.filter-row{display:flex;gap:8px;margin-bottom:20px}.chip{padding:8px 13px;border:1px solid var(--line);border-radius:20px;color:var(--muted);background:transparent;font-size:.65rem;font-weight:800;cursor:pointer}.chip b{margin-left:5px;color:#647cae;font-size:.55rem}.chip.active,.chip:hover{border-color:var(--blue);color:var(--ink);background:#22366b}.calculator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calculator-card{position:relative;display:flex;flex-direction:column;min-height:183px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#10192d;transition:.2s}.calculator-card:hover{border-color:#536fae;transform:translateY(-4px);box-shadow:0 17px 35px #0003}.card-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:18px;border-radius:8px;color:var(--lime);background:#1b2b4b;font-size:1.05rem}.calculator-card h3{margin:0 0 6px;font-size:.84rem;letter-spacing:-.03em}.calculator-card p{flex:1;margin:0;color:var(--muted);font-size:.67rem;line-height:1.45}.card-link{margin-top:15px;padding:0;border:0;color:var(--blue);background:none;text-align:left;font-size:.63rem;font-weight:900;cursor:pointer}.favorite{position:absolute;top:16px;right:16px;border:0;color:#52617d;background:none;font-size:1rem;cursor:pointer}.favorite.active{color:var(--lime)}.no-results{padding:40px;color:var(--muted);text-align:center}
.manifesto{width:min(1000px,calc(100% - 52px));margin:0 auto 100px;padding:33px;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:25px;border:1px solid #31466e;border-radius:12px;background:#111d34}.manifesto-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:var(--ink);background:var(--lime);font-size:1.5rem;font-weight:900}.manifesto h2{margin:0;font-size:1.55rem;line-height:1.1;letter-spacing:-.07em}.manifesto>p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.6}footer{padding:30px;color:#5c6c88;text-align:center;font-size:.65rem}footer span{color:var(--lime);font-weight:900}
dialog{width:min(460px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#111a2e;box-shadow:0 25px 70px #0008}dialog::backdrop{background:#050813cc}.dialog-inner{padding:30px}.dialog-inner h2{margin:0 0 22px;font-size:1.8rem;letter-spacing:-.07em}.close-dialog{position:absolute;top:12px;right:16px;z-index:2;border:0;color:var(--muted);background:none;font-size:1.6rem;cursor:pointer}.form-row{display:grid;gap:7px;margin-bottom:14px}.form-row label{color:var(--muted);font-size:.7rem;font-weight:800}.form-row input,.form-row select,.page-form-row input,.page-form-row select{width:100%;padding:11px;border:1px solid var(--line);border-radius:6px;outline-color:var(--blue);color:var(--ink);background:#0b1325}.calc-submit{width:100%;border:0;cursor:pointer}.answer{margin-top:20px;padding:16px;border-radius:8px;background:#1c2e24}.answer small{display:block;color:var(--muted);font-size:.68rem}.answer strong{display:block;margin-top:3px;color:var(--lime);font-size:1.45rem;letter-spacing:-.05em}.disclaimer{margin:14px 0 0;color:#71809a;font-size:.63rem;line-height:1.45}
body.light{--ink:#18212f;--muted:#697487;--bg:#f4f7fa;--panel:#fff;--line:#e2e7ef}.light .ambient{opacity:.35}.light .site-header,.light .hero-search,.light .calculator-card,.light .metric-card,.light .recent-card,.light dialog{background:var(--panel)}.light .hero-search input,.light .small-search input{color:var(--ink)}.light .focus-card{background:linear-gradient(145deg,#e6edff,#fff)!important}.light .workspace-grid article,.light .calculator-card{box-shadow:0 8px 22px #18212f0b}.light .manifesto{background:#fff}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;min-height:620px}.hero-orbit{min-height:300px;margin-top:-30px}.workspace-grid{grid-template-columns:1fr 1fr}.focus-card{grid-row:span 2}.recent-card{grid-column:1 / span 2}.calculator-grid{grid-template-columns:repeat(2,1fr)}.manifesto{grid-template-columns:auto 1fr}.manifesto>p{grid-column:2}.section-heading{align-items:start;flex-direction:column}.small-search{width:100%}}
@media(max-width:480px){.site-header,.hero,.workspace,.all-tools{width:calc(100% - 28px)}.live-pill{display:none}.theme-button{margin-left:auto}.hero h1{font-size:3.3rem}.hero-orbit{transform:scale(.77);margin:-50px 0}.workspace-grid{grid-template-columns:1fr}.focus-card{grid-row:auto;min-height:300px}.recent-card{grid-column:auto}.calculator-grid{grid-template-columns:1fr}.manifesto{width:calc(100% - 28px);grid-template-columns:1fr}.manifesto>p{grid-column:auto}.hero-suggestions{overflow:auto;white-space:nowrap}}

/* Clean modern light interface */
body.light { color:#152238; background:#f7f9fc; }
body.light::before { background:linear-gradient(180deg,#f7f9fc 0%,#fff 55%,#f4f8ff 100%); }
body.light .ambient { opacity:.22; }
body.light .site-header { position:sticky; top:14px; z-index:10; height:68px; padding:0 18px; border:1px solid #e7ecf3; border-radius:16px; background:#fffffff2; box-shadow:0 10px 30px #24457d0d; backdrop-filter:blur(18px); }
body.light .brand-mark { border:0; color:#fff; background:#1c2d4d; box-shadow:0 5px 12px #1c2d4d30; }
body.light .live-pill { color:#65738a; background:#f5f8fc; }
body.light nav { gap:5px; padding:4px; margin-left:auto; border:1px solid #e7ecf3; border-radius:10px; background:#f7f9fc; }
body.light nav a { padding:8px 13px; border-radius:7px; color:#68768b; font-size:.7rem; }
body.light nav a:hover, body.light nav a.active { color:#1d4fd5; background:#fff; box-shadow:0 3px 10px #24457d12; }
body.light .theme-button { color:#536681; background:#f7f9fc; }
body.light .hero { min-height:510px; }
body.light .hero h1 { color:#152238; }
body.light .hero h1 span { color:#2864e8; }
body.light .hero-text { color:#68768b; }
body.light .hero-search { border-color:#e1e8f1; background:#fff; box-shadow:0 15px 35px #24457d12; }
body.light .hero-search input { color:#152238; }
body.light .hero-search kbd { border-color:#dce4ee; background:#f7f9fc; }
body.light .hero-orbit .orbit-ring { border-color:#cbd9f4; }
body.light .hero-orbit .ring-two { border-color:#d9e6c0; }
body.light .core { border-color:#d4e0f4; background:#fff; box-shadow:0 15px 45px #24457d1c; }
body.light .core strong { color:#2864e8; }
body.light .orbit-node { border-color:#d9e3f2; color:#2864e8; background:#fff; box-shadow:0 8px 20px #24457d17; }
body.light .node-one { color:#579b26; }
body.light .node-two { color:#d58a22; }
body.light .workspace-grid article, body.light .calculator-card { border-color:#e3e9f2; background:#fff; box-shadow:0 8px 24px #24457d0b; }
body.light .focus-card { border:0!important; background:linear-gradient(135deg,#eaf0ff,#fff)!important; }
body.light .focus-card h3, body.light .metric-card strong, body.light .calculator-card h3 { color:#152238; }
body.light .metric-card p, body.light .calculator-card p, body.light .shortcut { color:#78869a; }
body.light .metric-card.lime { background:#f2fbe9!important; }
body.light .recent-item { color:#152238; }
body.light .recent-item span, body.light .card-icon { background:#edf3ff; }
body.light .small-search { border-color:#e1e8f1; background:#fff; }
body.light .small-search input { color:#152238; }
body.light .chip { border-color:#dfe6ef; color:#65738a; background:#fff; }
body.light .chip.active, body.light .chip:hover { border-color:#2864e8; color:#1b3f9e; background:#edf3ff; }
body.light .favorite { color:#a4afbf; }
body.light .favorite.active { color:#e4a52a; }
body.light .manifesto { border-color:#e0e8f3; background:linear-gradient(120deg,#fff,#f1f6ff); }
body.light .manifesto h2 { color:#152238; }
body.light .manifesto > p { color:#6e7c90; }
body.light footer { color:#8491a3; }
body.light dialog { border-color:#e1e8f1; background:#fff; }
body.light .dialog-inner h2 { color:#152238; }
body.light .form-row input { border-color:#dfe6ef; color:#152238; background:#f9fbfd; }

/* Reference-inspired public homepage */
body.reference-style { --ink:#14213d; --muted:#64728a; --blue:#1671ed; --line:#e0e7f0; color:var(--ink); background:#fff; }
body.reference-style .ambient, body.reference-style .site-header { display:none; }
body.reference-style a { color:inherit; }
body.reference-style .topbar { width:min(1110px,calc(100% - 40px)); height:60px; margin:auto; display:flex; align-items:center; gap:44px; }
body.reference-style .topbar .brand { font-size:1.8rem; color:#14213d; letter-spacing:-.07em; }
body.reference-style .brand-mark { display:grid; place-items:center; width:37px; height:37px; border:0; border-radius:8px; color:white; background:linear-gradient(145deg,#1682ef,#1760e0); font-size:1.5rem; }
body.reference-style .brand-mark { position:relative; display:block; padding:5px; overflow:hidden; }
body.reference-style .calc-screen { display:block; width:27px; height:9px; margin:0 auto 3px; overflow:hidden; border-radius:2px; color:#1760e0; background:#dff0ff; font-size:0; text-align:center; }
body.reference-style .calc-screen::after { content:"123"; font:700 6px/9px monospace; letter-spacing:1px; animation:calculator-display 4s steps(1,end) infinite; }
body.reference-style .calc-keys { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; width:27px; margin:auto; }
body.reference-style .calc-keys i { display:block; height:5px; border-radius:1px; background:#c5e3ff; animation:calculator-press 1.8s ease-in-out infinite; }
body.reference-style .calc-keys i:nth-child(2) { animation-delay:.2s; }.calc-keys i:nth-child(3){animation-delay:.4s}.calc-keys i:nth-child(4){animation-delay:.6s}
@keyframes calculator-press { 0%,100%{opacity:.65;transform:scale(1)} 15%{opacity:1;transform:scale(.75);background:#fff} 30%{opacity:.65;transform:scale(1)} }
@keyframes calculator-display { 0%,20%{content:"123"} 21%,45%{content:"2+2"} 46%,70%{content:"42"} 71%,100%{content:"100"} }
body.reference-style .topbar .brand > span:last-child span, body.reference-style footer span { color:#1471ec; }
body.reference-style .topbar nav { display:flex; gap:7px; margin:0 auto; color:#66748a; }
body.reference-style .topbar nav a { padding:21px 14px 17px; font-size:.76rem; font-weight:800; }
body.reference-style .topbar nav a:hover, body.reference-style .topbar nav a.active { color:#1671ed; border-bottom:2px solid #1671ed; }
body.reference-style .top-actions { display:flex; align-items:center; gap:18px; }
body.reference-style .top-search { border:0; color:#14213d; background:none; font-size:1.6rem; cursor:pointer; }
body.reference-style .language { padding:11px 17px; border:0; border-radius:9px; color:white; background:#126eeb; font-size:.73rem; font-weight:800; cursor:pointer; }
body.reference-style main { background:#fff; }
body.reference-style .reference-hero { position:relative; overflow:hidden; padding:43px 20px 0; min-height:385px; color:#14213d; text-align:center; background:linear-gradient(180deg,#eaf5ff 0%,#eef8ff 100%); }
body.reference-style .reference-hero .eyebrow { position:relative; z-index:1; color:#1972ea; font-size:.65rem; }
body.reference-style .reference-hero h1 { position:relative; z-index:1; margin:0; font-size:clamp(2.5rem,5vw,4rem); line-height:1.02; letter-spacing:-.07em; }
body.reference-style .reference-hero h1 span { color:#1671ed; }
body.reference-style .reference-subtitle { position:relative; z-index:1; margin:16px 0 20px; color:#5c6d85; font-size:1rem; }
body.reference-style .reference-search { position:relative; z-index:1; display:flex; align-items:center; width:min(845px,100%); height:58px; margin:auto; padding:6px 7px 6px 25px; border:1px solid #dbe5ef; border-radius:35px; background:white; box-shadow:0 10px 22px #4c8fd51c; text-align:left; }
body.reference-style .reference-search > span { color:#14213d; font-size:1.6rem; }
body.reference-style .reference-search input { width:100%; margin:0 14px; border:0; outline:0; color:#14213d; background:transparent; font-size:.85rem; }
body.reference-style .reference-search button { height:46px; padding:0 29px; border:0; border-radius:25px; color:white; background:#1473ed; font-size:.75rem; font-weight:900; cursor:pointer; }
body.reference-style .trust-row { position:relative; z-index:1; display:flex; justify-content:space-between; width:min(860px,100%); margin:22px auto 0; text-align:left; }
body.reference-style .trust-row > div { display:flex; align-items:center; gap:12px; }
body.reference-style .trust-row span { display:grid; gap:3px; }
body.reference-style .trust-row strong { font-size:.76rem; }.trust-row small { color:#718098; font-size:.65rem; }
body.reference-style .trust-icon { display:grid; place-items:center; width:39px; height:39px; border-radius:50%; color:#fff; font-size:1.2rem; font-style:normal; }.trust-icon.blue{background:#1975f0}.trust-icon.green{background:#18b47a}.trust-icon.violet{background:#4f3bd0}
body.reference-style .hero-shape { position:absolute; border-radius:50%; background:#c7e1fa; opacity:.65; }.shape-left{width:210px;height:100px;left:-72px;top:105px;transform:rotate(30deg)}.shape-right{width:180px;height:80px;right:-42px;top:40px;transform:rotate(-35deg)}
body.reference-style .reference-section { width:min(1110px,calc(100% - 40px)); margin:0 auto; padding:26px 0; }
body.reference-style .reference-section-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }.reference-section-head h2{margin:0;font-size:1.7rem;letter-spacing:-.06em}.reference-section-head a{color:#0872ee;font-size:.72rem;font-weight:800}.reference-section-head a span{margin-left:8px;font-size:1.1rem}
body.reference-style .category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
body.reference-style .category-grid button { display:flex; align-items:center; gap:14px; min-height:108px; padding:15px; border:1px solid #e0e7f0; border-radius:10px; color:#14213d; background:#fff; text-align:left; cursor:pointer; transition:.2s; }.category-grid button:hover{border-color:#94bce9;box-shadow:0 8px 18px #3068a516;transform:translateY(-2px)}.category-grid button>span{display:grid;gap:5px;flex:1}.category-grid button strong{font-size:.78rem}.category-grid button small{color:#738097;font-size:.63rem;line-height:1.3}.category-grid button>b{color:#42516a;font-size:1.25rem;font-weight:400}
body.reference-style .category-icon { display:grid; flex:none; place-items:center; width:58px; height:58px; border-radius:15px; font-size:2rem; font-style:normal; line-height:1; }.math{color:#1473ed;background:#e8f2ff}.money{color:#f3aa00;background:#fff4d9}.percent{color:#13a970;background:#e7f9ed}.home{color:#ee3361;background:#ffebf0}.auto{color:#683be1;background:#f0eaff}.health{color:#ef8b15;background:#fff1df}.convert{color:#10aaa9;background:#e4fbfb}.shopping{color:#e94f8a;background:#ffedf5}.time{color:#6e55d8;background:#efecff}.other{color:#fff;background:#768398;font-size:.9rem!important}
body.reference-style .popular-section { padding-top:17px; border-top:1px solid #f0f3f6; }.popular-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.popular-grid article{padding:16px 12px 15px;border:1px solid #e0e7f0;border-radius:8px;text-align:center;background:#fff}.popular-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 11px;border-radius:12px;font-size:1.4rem;font-style:normal;font-weight:900}.salary{color:#1b9d69;background:#e3f8e7}.pink{color:#e92661;background:#ffe9f0}.house{color:#1473ed;background:#e8f2ff}.car{color:#1473ed;background:#e8f2ff}.exchange{color:#1473ed;background:#e8f2ff}.date{color:#18a590;background:#e0f8f4}.popular-grid h3{margin:0 0 7px;font-size:.69rem}.popular-grid p{min-height:29px;margin:0;color:#7b879a;font-size:.6rem;line-height:1.35}.popular-grid .open-focus{width:100%;margin-top:13px;padding:9px;border:0;border-radius:6px;color:#fff;background:#1473ed;font-size:.65rem;font-weight:800;cursor:pointer}.popular-grid .open-focus:hover{background:#075bc9}
body.reference-style .explore-banner{width:min(1110px,calc(100% - 40px));margin:3px auto 28px;padding:20px 32px;display:flex;align-items:center;gap:20px;border-radius:10px;background:#eaf4ff}.banner-chart{color:#1473ed;font-size:1.7rem;letter-spacing:-.2em}.explore-banner span:nth-child(2){display:grid;gap:4px;flex:1}.explore-banner strong{font-size:.82rem}.explore-banner small{color:#64748b;font-size:.67rem}.explore-banner a{padding:13px 18px;border-radius:7px;color:#fff;background:#1473ed;font-size:.7rem;font-weight:800}.explore-banner a b{margin-left:18px}
body.reference-style .all-tools{width:min(1110px,calc(100% - 40px));margin:0 auto 50px}.all-tools .reference-section-head{margin-bottom:18px}.small-search{display:flex;align-items:center;width:230px;padding:10px;border:1px solid #dfe7f0;border-radius:7px;background:#fff}.small-search input{width:100%;margin-left:8px;border:0;outline:0;font-size:.7rem}.filter-row{display:flex;gap:8px;margin-bottom:15px}.chip{border-color:#dce5ef;color:#68768b;background:#fff}.chip.active,.chip:hover{border-color:#1671ed;color:#1671ed;background:#edf5ff}.calculator-grid{grid-template-columns:repeat(4,1fr)}.calculator-card{background:#fff!important;border-color:#e0e7f0!important;box-shadow:0 5px 15px #1b4a830b!important}.calculator-card h3{color:#14213d}.card-icon{background:#e9f3ff;color:#1671ed}.calculator-card p{color:#718097}.card-link{color:#1671ed}
body.reference-style .about-reference{width:min(1110px,calc(100% - 40px));margin:0 auto 45px;padding:24px 30px;display:flex;align-items:center;gap:17px;border-radius:10px;background:#f2f7fd}.about-reference>i{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;color:#fff;background:#18b47a;font-style:normal}.about-reference h2{margin:0 0 5px;font-size:1rem}.about-reference p{margin:0;color:#718097;font-size:.72rem}
body.reference-style .calculator-page-main { width:min(850px,calc(100% - 40px)); min-height:620px; margin:35px auto 70px; }
body.reference-style .breadcrumb { color:#1671ed; font-size:.75rem; font-weight:800; } body.reference-style .calculator-page-main > span { color:#758399; font-size:.75rem; }
body.reference-style .calculator-panel { max-width:650px; margin:28px auto 0; padding:42px 50px; border:1px solid #e0e7f0; border-radius:16px; background:#fff; box-shadow:0 16px 45px #24457d12; }
body.reference-style .calculator-panel h1 { margin:0 0 8px; color:#14213d; font-size:2.5rem; letter-spacing:-.07em; } .page-intro { margin:0 0 28px; color:#718097; font-size:.85rem; }
.page-calculator-icon { display:grid; place-items:center; width:62px; height:62px; margin-bottom:20px; border-radius:16px; color:#1671ed; background:#e8f2ff; font-size:2rem; font-weight:900; }
.page-form-row { display:grid; gap:7px; margin-bottom:15px; }.page-form-row label { color:#53637a; font-size:.74rem; font-weight:800; }.page-form-row input { width:100%; padding:13px; border:1px solid #dce5ef; border-radius:7px; outline-color:#1671ed; color:#14213d; background:#fbfcfe; }
.page-calc-submit { width:100%; margin-top:6px; padding:14px; border:0; border-radius:7px; color:#fff; background:#1671ed; font-size:.78rem; font-weight:900; cursor:pointer; }.page-calc-submit:hover { background:#075bc9; }.page-calc-submit span { margin-left:14px; }
.page-answer { margin-top:23px; padding:18px; border-radius:8px; background:#eaf8ef; }.page-answer small { display:block; color:#64806d; font-size:.7rem; }.page-answer strong { display:block; margin-top:4px; color:#16824d; font-size:1.45rem; }.page-disclaimer { margin:17px 0 0; color:#8491a3; font-size:.67rem; line-height:1.5; }
body.reference-style.calculator-page { background:#f5f7fa; }
body.reference-style .calculator-page-main { width:min(980px,calc(100% - 32px)); margin-top:25px; }
body.reference-style .calculator-panel { max-width:860px; padding:34px 42px; border-radius:8px; box-shadow:0 4px 18px #24457d0c; }
.salary-page-intro { text-align:center; }
.salary-page-intro h1 { margin-bottom:10px!important; font-size:2.35rem!important; }
.salary-page-intro .page-intro { max-width:650px; margin:0 auto 28px; line-height:1.55; }
.salary-form { padding:24px; border:1px solid #e0e6ee; border-radius:8px; background:#fafdff; }
.salary-form-title { margin-bottom:20px; color:#14213d; font-size:1.2rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.salary-form .page-form-row { margin-bottom:13px; }
.salary-form .page-form-row label { color:#344761; font-size:.76rem; }
.salary-form .page-form-row input,.salary-form .page-form-row select { padding:13px 14px; border-color:#d5dee9; background:#fff; }
.salary-form .page-form-row select,
body.reference-style .page-form-row select,
body.reference-style .form-row select {
  color:#14213d;
  background-color:#fff;
  color-scheme:light;
}
.salary-form .page-form-row select option,
body.reference-style .page-form-row select option,
body.reference-style .form-row select option {
  color:#14213d;
  background:#fff;
}
.salary-form .page-form-row:nth-of-type(1) { display:none; }
.salary-info { margin:20px 0; padding:12px 14px; border:1px solid #d9e8fa; border-radius:6px; color:#4d6886; background:#eef6ff; font-size:.7rem; }
.salary-answer { padding:0; background:transparent; }
.salary-results { margin-top:24px; border:1px solid #dce5ef; border-radius:8px; overflow:hidden; background:#fff; }
.salary-result-heading { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; color:#fff; background:#176fe5; font-weight:900; }
.salary-result-heading small { font-size:.68rem; font-weight:700; opacity:.9; }
.salary-result-grid { display:grid; grid-template-columns:repeat(2,1fr); }
.salary-result-grid>div { display:grid; gap:5px; padding:18px 20px; border-right:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
.salary-result-grid>div:nth-child(even) { border-right:0; }
.salary-result-grid span,.salary-extra span { color:#6c7d92; font-size:.7rem; }
.salary-result-grid strong { color:#14213d; font-size:1.08rem; }
.salary-result-grid .highlight { background:#f0f8ff; }
.salary-result-grid .highlight strong { color:#176fe5; font-size:1.25rem; }
.salary-after-tax { display:grid; gap:6px; margin:18px; padding:18px; border-radius:7px; background:#edf8f1; }
.salary-after-tax span { color:#37634a; font-size:.75rem; font-weight:800; }
.salary-after-tax strong { color:#16824d; font-size:1.3rem; }
.salary-after-tax small { color:#64806d; font-size:.66rem; }
.salary-extra { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 18px 18px; }
.salary-extra>div { display:grid; gap:5px; padding:14px; border:1px solid #e6ebf1; border-radius:6px; }
.salary-extra strong { color:#14213d; font-size:.95rem; }
body.reference-style footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;width:min(1110px,calc(100% - 40px));margin:auto;padding:28px 0 45px;border-top:1px solid #e7ecf2;text-align:left;color:#6d7b91}.reference-style footer>div{display:grid;align-content:start;gap:8px;font-size:.67rem}.reference-style footer strong{color:#14213d;font-size:.72rem}.footer-brand{grid-template-columns:auto 1fr}.footer-brand .brand-mark{grid-row:span 2}.footer-brand strong{font-size:1.5rem!important;line-height:1}.footer-brand small{grid-column:2}
@media(max-width:850px){body.reference-style .topbar{gap:15px}.topbar nav{gap:0}.topbar nav a{padding:21px 7px;font-size:.65rem}.category-grid{grid-template-columns:repeat(2,1fr)!important}.popular-grid{grid-template-columns:repeat(3,1fr)}body.reference-style footer{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){body.reference-style .topbar{width:calc(100% - 28px)}.topbar nav,.top-actions .top-search{display:none}.top-actions{margin-left:auto}.reference-hero{padding-top:35px!important}.reference-hero h1{font-size:2.5rem!important}.reference-search{height:auto!important;padding:8px!important;flex-wrap:wrap}.reference-search input{height:35px}.reference-search button{width:100%;height:40px!important}.trust-row{gap:15px;align-items:start}.trust-row>div{gap:6px!important}.trust-row small{display:none}.trust-icon{width:31px!important;height:31px!important}.category-grid{grid-template-columns:1fr!important}.popular-grid{grid-template-columns:repeat(2,1fr)}.explore-banner{align-items:start!important;flex-wrap:wrap}.explore-banner a{width:100%;text-align:center}.all-tools .reference-section-head{align-items:start;flex-direction:column;gap:12px}.small-search{width:100%}body.reference-style footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / span 2}}
@media(max-width:700px){body.reference-style .calculator-page-main{width:calc(100% - 28px);margin-top:24px}.calculator-panel{padding:28px 20px!important}.calculator-panel h1{font-size:2rem!important}.back-home{display:none}}
@media(max-width:560px){.salary-form{padding:18px 14px}.salary-result-heading{display:grid;gap:5px}.salary-result-grid>div{padding:15px 13px}.salary-extra{grid-template-columns:1fr}.salary-page-intro h1{font-size:2rem!important}}
body.reference-style .menu-toggle { display:none; border:0; color:#14213d; background:transparent; font-size:1.55rem; cursor:pointer; }
@media(max-width:700px){
  body.reference-style .topbar { width:calc(100% - 28px); gap:0; }
  body.reference-style .topbar nav { position:absolute; top:65px; left:14px; right:14px; display:none; flex-direction:column; gap:0; padding:7px; border:1px solid #dfe7f0; border-radius:12px; background:#fff; box-shadow:0 15px 35px #24457d22; }
  body.reference-style.menu-open .topbar nav { display:flex; }
  body.reference-style .topbar nav a { padding:13px 15px; border:0; border-radius:7px; font-size:.78rem; }
  body.reference-style .topbar nav a:hover, body.reference-style .topbar nav a.active { border:0; background:#edf5ff; }
  body.reference-style .top-actions { margin-left:auto; gap:10px; }
  body.reference-style .top-actions .top-search { display:block; font-size:1.35rem; }
  body.reference-style .menu-toggle { display:block; }
  body.reference-style .language { padding:9px 12px; }
  body.reference-style .reference-hero { min-height:410px; padding-top:32px; }
  body.reference-style .reference-hero h1 { font-size:clamp(2.2rem,11vw,3.3rem)!important; }
  body.reference-style .reference-subtitle { font-size:.82rem; line-height:1.45; }
  body.reference-style .reference-search { height:auto; min-height:54px; padding:6px 7px 6px 17px; flex-wrap:wrap; }
  body.reference-style .reference-search input { min-width:0; height:38px; margin-right:5px; font-size:.75rem; }
  body.reference-style .reference-search button { width:100%; height:40px; }
  body.reference-style .trust-row { gap:8px; margin-top:18px; }
  body.reference-style .trust-row > div { gap:6px; }
  body.reference-style .trust-icon { width:31px; height:31px; font-size:.9rem; }
  body.reference-style .trust-row strong { font-size:.62rem; }
  body.reference-style .trust-row small { display:none; }
  body.reference-style .reference-section, body.reference-style .all-tools, body.reference-style .explore-banner, body.reference-style .about-reference { width:calc(100% - 28px); }
  body.reference-style .reference-section { padding:23px 0; }
  body.reference-style .reference-section-head { align-items:flex-start; gap:10px; }
  body.reference-style .reference-section-head h2 { font-size:1.4rem; }
  body.reference-style .reference-section-head a { white-space:nowrap; font-size:.64rem; }
  body.reference-style .category-grid { grid-template-columns:1fr 1fr; gap:9px; }
  body.reference-style .category-grid button { min-height:86px; gap:8px; padding:9px; }
  body.reference-style .category-icon { width:43px; height:43px; border-radius:11px; font-size:1.45rem; }
  body.reference-style .category-grid button strong { font-size:.68rem; }
  body.reference-style .category-grid button small { font-size:.53rem; }
  body.reference-style .category-grid button>b { display:none; }
  body.reference-style .popular-grid { grid-template-columns:1fr 1fr; gap:8px; }
  body.reference-style .popular-grid article { padding:14px 9px; }
  body.reference-style .popular-grid p { font-size:.57rem; }
  body.reference-style .explore-banner { padding:18px; }
  body.reference-style .explore-banner small { line-height:1.4; }
  body.reference-style .filter-row { overflow-x:auto; padding-bottom:4px; }
  body.reference-style .chip { white-space:nowrap; }
  body.reference-style .calculator-grid { grid-template-columns:1fr 1fr; gap:8px; }
  body.reference-style .calculator-card { min-height:170px; padding:14px; }
  body.reference-style .calculator-card h3 { font-size:.75rem; }
  body.reference-style .calculator-card p { font-size:.61rem; }
  body.reference-style footer { width:calc(100% - 28px); grid-template-columns:1fr 1fr; gap:25px 15px; }
  body.reference-style .footer-brand { grid-column:1 / span 2; }
}

body.reference-style.history-page {
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
}
.history-main {
  width:min(1100px,calc(100% - 40px));
  margin:38px auto 60px;
}
.history-hero {
  padding:34px 28px 8px;
  text-align:center;
}
.history-hero .eyebrow {
  margin-bottom:12px;
  color:#1671ed;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.history-hero h1 {
  margin:0 0 12px;
  font-size:clamp(2.2rem,4vw,4rem);
  letter-spacing:-.07em;
  color:#14213d;
}
.history-hero p {
  max-width:740px;
  margin:0 auto;
  color:#66758b;
  font-size:1rem;
  line-height:1.65;
}
.history-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:26px;
}
.history-card {
  padding:24px 22px;
  border:1px solid #e2eaf4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(31,57,93,.05);
}
.history-card h2 {
  margin:16px 0 10px;
  color:#14213d;
  font-size:1.3rem;
  letter-spacing:-.05em;
}
.history-card p {
  margin:0;
  color:#67788f;
  font-size:.8rem;
  line-height:1.7;
}
.history-badge {
  display:inline-block;
  padding:6px 9px;
  border-radius:999px;
  color:#1671ed;
  background:#edf5ff;
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.feature-card {
  grid-column:span 2;
  background:linear-gradient(135deg,#eef7ff,#ffffff);
}
.history-timeline,
.history-summary {
  margin-top:28px;
  padding:26px 28px;
  border:1px solid #e2eaf4;
  border-radius:16px;
  background:#fff;
}
.history-timeline h2,
.history-summary h2 {
  margin:0 0 16px;
  color:#14213d;
  font-size:1.55rem;
  letter-spacing:-.05em;
}
.history-timeline ul {
  margin:0;
  padding-left:18px;
  color:#53627a;
  font-size:.8rem;
  line-height:2;
}
.history-summary p {
  margin:0;
  color:#647389;
  font-size:.85rem;
  line-height:1.7;
}

@media (max-width:860px) {
  .history-grid { grid-template-columns:1fr 1fr; }
  .feature-card { grid-column:span 2; }
}
@media (max-width:560px) {
  .history-main { width:calc(100% - 28px); }
  .history-grid { grid-template-columns:1fr; }
  .feature-card { grid-column:span 1; }
  .history-hero { padding-left:10px; padding-right:10px; }
  .history-timeline, .history-summary { padding:22px 18px; }
}

.assistant-fab {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:50;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 16px 12px 12px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#1671ed,#0a57d9);
  box-shadow:0 14px 30px rgba(13,71,199,.35);
  cursor:pointer;
  transition:transform .2s ease;
}
.assistant-fab:hover { transform:translateY(-2px); }
.assistant-fab-logo {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:.72rem;
  font-weight:900;
}
.assistant-fab-text { font-size:.72rem; font-weight:800; letter-spacing:.02em; }

.assistant-widget {
  position:fixed;
  right:22px;
  bottom:90px;
  z-index:49;
  width:min(360px,calc(100vw - 28px));
  display:flex;
  flex-direction:column;
  max-height:70vh;
  border:1px solid #dfe8f5;
  border-radius:18px;
  background:#fff;
  box-shadow:0 20px 56px rgba(20,33,61,.18);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px) scale(.98);
  transition:all .2s ease;
}
.assistant-widget.open {
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.assistant-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px 12px;
  border-bottom:1px solid #edf2f8;
}
.assistant-status {
  display:flex;
  align-items:center;
  gap:8px;
  color:#14213d;
  font-size:.72rem;
  font-weight:800;
}
.assistant-status span {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#18b47a;
  box-shadow:0 0 0 4px rgba(24,180,122,.12);
}
.assistant-close {
  border:0;
  color:#66768d;
  background:transparent;
  font-size:1.45rem;
  line-height:1;
  cursor:pointer;
}
.assistant-messages {
  display:flex;
  flex-direction:column;
  gap:12px;
  max-height:340px;
  padding:16px;
  overflow:auto;
  background:linear-gradient(180deg,#f9fbff,#fff);
}
.assistant-message {
  display:flex;
}
.assistant-message.assistant-user { justify-content:flex-end; }
.assistant-bubble {
  max-width:85%;
  padding:11px 12px;
  border-radius:14px;
}
.assistant-message.assistant-bot .assistant-bubble {
  border:1px solid #edf2f8;
  background:#f8fbff;
  color:#1b2e4d;
}
.assistant-message.assistant-user .assistant-bubble {
  color:#fff;
  background:linear-gradient(135deg,#1671ed,#0f59d1);
}
.assistant-bubble p {
  margin:0;
  color:inherit;
  font-size:.72rem;
  line-height:1.5;
}
.assistant-link {
  display:inline-block;
  margin-top:8px;
  color:#1671ed;
  font-size:.68rem;
  font-weight:800;
}
.assistant-message.assistant-user .assistant-link { color:#dfeeff; }
.assistant-suggestions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 16px 12px;
}
.assistant-chip {
  padding:7px 9px;
  border:1px solid #dfe8f5;
  border-radius:999px;
  color:#3d536e;
  background:#f7faff;
  font-size:.64rem;
  font-weight:700;
  cursor:pointer;
}
.assistant-form {
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px 16px;
}
.assistant-form input {
  width:100%;
  padding:11px 12px;
  border:1px solid #dfe8f5;
  border-radius:10px;
  color:#14213d;
  background:#fafdff;
  font-size:.72rem;
  outline:none;
}
.assistant-form input:focus { border-color:#8ab5f6; box-shadow:0 0 0 3px rgba(22,113,237,.12); }
.assistant-form button {
  width:42px;
  height:42px;
  border:0;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(135deg,#1671ed,#0a57d9);
  font-size:1rem;
  cursor:pointer;
}

@media (max-width: 700px) {
  .assistant-fab {
    right:16px;
    bottom:16px;
    padding:10px 14px 10px 10px;
  }
  .assistant-fab-text {
    display:none;
  }
  .assistant-widget {
    right:14px;
    bottom:72px;
    width:min(330px,calc(100vw - 20px));
  }
}

/* Modern, sharper palette for the public MesCalcul interface. */
body.reference-style {
  --ink:#10213f;
  --muted:#60708a;
  --blue:#2563eb;
  --line:#d9e3f0;
  color:var(--ink);
  background:#f8fafc;
}
body.reference-style main {
  background:#f8fafc;
}
body.reference-style .topbar {
  height:68px;
}
body.reference-style .topbar .brand {
  color:#10213f;
}
body.reference-style .topbar nav a:hover,
body.reference-style .topbar nav a.active {
  color:#1d4ed8;
  border-color:#2563eb;
}
body.reference-style .language,
body.reference-style .reference-search button,
body.reference-style .popular-grid .open-focus,
body.reference-style .explore-banner a {
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
}
body.reference-style .reference-hero {
  background:
    radial-gradient(circle at 15% 20%,#dbeafe 0,transparent 28%),
    radial-gradient(circle at 85% 15%,#e0e7ff 0,transparent 30%),
    linear-gradient(180deg,#f0f7ff 0%,#f8fbff 100%);
}
body.reference-style .reference-hero h1 span {
  color:#2563eb;
}
body.reference-style .reference-search {
  border-color:#cbd8ea;
  box-shadow:0 12px 30px rgba(37,99,235,.13);
}
body.reference-style .trust-icon.blue {
  background:#2563eb;
}
body.reference-style .trust-icon.green {
  background:#059669;
}
body.reference-style .trust-icon.violet {
  background:#4f46e5;
}
body.reference-style .category-grid button,
body.reference-style .popular-grid article,
body.reference-style .calculator-card,
body.reference-style .history-card,
body.reference-style .history-timeline,
body.reference-style .history-summary {
  border-color:#d9e3f0!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,40,80,.06)!important;
}
body.reference-style .category-grid button:hover,
body.reference-style .calculator-card:hover {
  border-color:#7aa7ef!important;
  box-shadow:0 14px 28px rgba(37,99,235,.12)!important;
}
body.reference-style .category-icon.math,
body.reference-style .card-icon,
body.reference-style .house,
body.reference-style .car,
body.reference-style .exchange {
  color:#2563eb;
  background:#eaf2ff;
}
body.reference-style .category-icon.money {
  color:#b7791f;
  background:#fff7df;
}
body.reference-style .category-icon.percent {
  color:#047857;
  background:#e6f8f1;
}
body.reference-style .category-icon.home {
  color:#db3158;
  background:#ffedf2;
}
body.reference-style .category-icon.auto {
  color:#6d42d8;
  background:#f1edff;
}
body.reference-style .category-icon.convert {
  color:#087f83;
  background:#e6f8f8;
}
body.reference-style .chip.active,
body.reference-style .chip:hover {
  border-color:#2563eb;
  color:#1d4ed8;
  background:#eaf2ff;
}
body.reference-style .about-reference,
body.reference-style .explore-banner {
  background:#eef5ff;
}
body.reference-style .history-hero h1,
body.reference-style .calculator-panel h1 {
  color:#10213f;
}
body.reference-style .history-badge {
  color:#1d4ed8;
  background:#eaf2ff;
}
body.reference-style .page-calc-submit,
body.reference-style .salary-result-heading {
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
}
body.reference-style .salary-form {
  border-color:#d9e3f0;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,40,80,.05);
}
body.reference-style .salary-info {
  border-color:#cfe0fa;
  color:#385779;
  background:#eff6ff;
}
body.reference-style .page-answer,
body.reference-style .salary-after-tax {
  background:#ecfdf5;
}
body.reference-style footer {
  background:#f8fafc;
}