@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}:root{--ink:#162038;--muted:#63708a;--line:#e6eaf1;--surface:#fff;--wash:#f7f9fc;--blue:#2869ed;--green:#188448;--purple:#7848e7}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh;color:var(--ink);background:var(--wash);font-family:DM Sans,sans-serif;transition:all .2s;display:flex}.app.dark{--ink:#f3f6ff;--muted:#a9b3c7;--line:#293247;--surface:#151c2a;--wash:#0d1320;--blue:#73a0ff;--green:#65d693;--purple:#b095ff}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:5;flex-direction:column;width:267px;min-height:100vh;padding:25px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{height:71px;padding:0 11px 28px}.brand img{object-fit:contain;object-position:left center;width:150px;height:34px}.nav-home,.nav-group button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 13px;font-size:14px;font-weight:500;display:flex}.nav-home{color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,transparent);margin-bottom:20px}.nav-home.active,.nav-group button.active{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.nav-group{margin-bottom:19px}.nav-group p{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;padding:0 13px 7px;font-size:11px;font-weight:700}.nav-group button span{width:16px;color:var(--blue);text-align:center;font-size:16px}.nav-group:nth-of-type(2) button span{color:var(--green)}.nav-group:nth-of-type(3) button span{color:var(--purple)}.sidebar-note{border:1px solid var(--line);background:linear-gradient(130deg,color-mix(in srgb,var(--blue) 9%,var(--surface)),var(--surface));border-radius:13px;margin-top:auto;padding:17px;font-size:13px}.sidebar-note span{color:#fff;background:linear-gradient(145deg,#2d8ffc,#8868f7);border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:12px;display:grid}.sidebar-note b{margin-bottom:5px;display:block}.sidebar-note p{color:var(--muted);font-size:12px;line-height:1.45}.content{flex-direction:column;width:calc(100% - 267px);min-height:100vh;margin-left:267px;display:flex}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:flex-end;align-items:center;height:63px;padding:0 33px;display:flex;position:sticky;top:0}.top-actions,.desktop-links{align-items:center;gap:8px;display:flex}.topbar button,.topbar a{color:var(--muted);background:0 0;border:0;padding:8px 10px;font-size:13px;font-weight:600}.topbar a:hover,.topbar button:hover{color:var(--blue)}.theme-toggle{margin-right:8px;border-right:1px solid var(--line)!important}.parent-logo{height:26px;margin-left:5px;padding:0!important}.parent-logo img{object-fit:contain;width:104px;height:26px}.menu-button,.mobile-links{display:none}.page{width:100%;max-width:1240px;margin:0 auto;padding:44px 52px 40px}.home{padding-top:42px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr .78fr;min-height:258px;display:grid;overflow:hidden}.eyebrow{color:var(--blue);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:700}.hero h1,.tool-heading h1{letter-spacing:-.045em;margin:12px 0;font-family:Manrope,sans-serif;font-size:38px;line-height:1.18}.hero h1 em{color:var(--blue);font-style:normal}.hero>div>p:not(.eyebrow){max-width:515px;color:var(--muted);font-size:16px;line-height:1.55}.search{background:var(--surface);width:min(510px,100%);height:48px;color:var(--muted);border:1px solid #cfd7e5;border-radius:10px;align-items:center;gap:11px;margin-top:25px;padding:0 13px;display:flex}.search input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;font-size:14px}.search kbd{background:var(--wash);color:var(--muted);white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:11px}.hero-art{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--blue) 11%,transparent),transparent 64%);justify-content:center;align-items:center;min-height:230px;display:flex;position:relative}.calculator-graphic{background:linear-gradient(145deg,#f6fbff,#cbdcf6);border-radius:22px;grid-template-columns:1fr 1fr;gap:8px;width:135px;height:174px;padding:16px;display:grid;transform:rotate(11deg);box-shadow:16px 17px 24px #1d408c25}.calculator-graphic div{background:linear-gradient(130deg,#56b4fc,#2972e8);border-radius:8px;grid-column:span 2;height:35px}.calculator-graphic span,.calculator-graphic b{color:#2666d8;background:#fff;border-radius:8px;place-items:center;font-size:21px;display:grid}.calculator-graphic b{color:#fff;background:#1d6de4}.math-chip{background:var(--surface);width:52px;height:52px;color:var(--blue);border-radius:11px;place-items:center;font-size:23px;font-weight:800;display:grid;position:absolute;box-shadow:0 8px 25px #1e2c4c16}.chip-one{top:28%;left:13%}.chip-two{color:var(--purple);top:40%;right:8%}.tool-section{padding-top:34px}.section-title{justify-content:space-between;align-items:end;display:flex}.section-title h2{letter-spacing:-.035em;margin-top:5px;font-family:Manrope,sans-serif;font-size:23px}.section-title>span{color:var(--muted);font-size:13px}.tool-group{margin-top:31px}.tool-group h3{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:12px;font-size:13px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:13px;min-height:142px;padding:17px;transition:transform .18s,border .18s,box-shadow .18s;position:relative}.tool-card:hover{border-color:color-mix(in srgb,var(--blue) 50%,var(--line));transform:translateY(-3px);box-shadow:0 10px 25px #0f234716}.tool-icon{border-radius:11px;flex:none;place-items:center;width:41px;height:41px;font-size:22px;font-weight:700;display:grid}.tool-card .tool-icon{margin-bottom:12px}.tool-icon.blue{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.tool-icon.green{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.tool-icon.purple{color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,transparent)}.tool-card b{font-size:15px}.tool-card p{color:var(--muted);max-width:190px;margin-top:6px;font-size:13px;line-height:1.45}.tool-card i{color:var(--muted);font-size:20px;font-style:normal;position:absolute;bottom:14px;right:17px}.trust-row{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:repeat(3,1fr);margin-top:35px;padding:22px 12px;display:grid}.trust-row div{border-right:1px solid var(--line);padding:0 17px}.trust-row div:last-child{border:0}.trust-row span{color:var(--blue);margin-bottom:6px;font-size:20px;display:block}.trust-row b{font-size:14px}.trust-row p{color:var(--muted);margin-top:4px;font-size:12px}.crumb{color:var(--blue);background:0 0;border:0;margin-bottom:28px;padding:0;font-weight:600}.tool-heading{align-items:center;gap:15px;padding-bottom:28px;display:flex}.tool-heading .tool-icon{width:49px;height:49px;font-size:25px}.tool-heading h1{margin:3px 0 6px;font-size:31px}.tool-heading p:not(.eyebrow){color:var(--muted);font-size:15px}.workspace{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:28px;box-shadow:0 8px 25px #13284b09}.calc-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.field{color:var(--ink);font-size:13px;font-weight:700;display:block}.field>span{margin-bottom:8px;display:block}.input-wrap{background:var(--surface);border:1px solid #cbd3e0;border-radius:8px;align-items:center;height:47px;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 10%,transparent)}.input-wrap input{width:100%;height:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0 13px;font-size:15px;font-weight:600}.input-wrap b{color:var(--muted);padding-right:13px;font-size:13px}.field small{color:var(--muted);margin-top:6px;font-size:11px;font-weight:400;display:block}.result-card{border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--green) 9%,var(--surface)),var(--surface));border-radius:12px;margin-top:24px;padding:20px}.result-card.blue{border-color:color-mix(in srgb,var(--blue) 25%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--blue) 9%,var(--surface)),var(--surface))}.result-card.purple{border-color:color-mix(in srgb,var(--purple) 25%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--purple) 9%,var(--surface)),var(--surface))}.result-top{justify-content:space-between;display:flex}.result-card strong{color:var(--green);letter-spacing:-.04em;margin-top:10px;font-family:Manrope,sans-serif;font-size:29px;display:block}.result-card.blue strong{color:var(--blue)}.result-card.purple strong{color:var(--purple)}.copy{color:var(--blue);background:0 0;border:0;font-size:12px;font-weight:700}.breakdown{border-top:1px solid color-mix(in srgb,var(--green) 22%,var(--line));color:var(--muted);margin-top:16px;padding-top:14px;font-size:13px;line-height:1.5}.breakdown p+p{margin-top:9px}.stat-row{justify-content:space-between;gap:16px;display:flex}.stat-row span{flex-direction:column;gap:3px;display:flex}.stat-row b{color:var(--ink);font-size:15px}.tabs,.toggle-row,.quick-buttons{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.tabs button,.toggle-row button,.quick-buttons button{border:1px solid var(--line);color:var(--muted);background:var(--wash);border-radius:7px;padding:9px 12px;font-size:12px;font-weight:700}.tabs button.active,.toggle-row button.selected,.quick-buttons button.active{background:color-mix(in srgb,var(--blue) 13%,var(--surface));color:var(--blue);border-color:color-mix(in srgb,var(--blue) 28%,var(--line))}.quick-buttons{margin:15px 0 0}.quick-buttons button{padding:7px 13px}.basic-layout{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.basic-pad{border:1px solid var(--line);background:var(--wash);border-radius:12px;padding:14px}.display{background:var(--surface);border:1px solid var(--line);border-radius:8px;justify-content:flex-end;align-items:center;min-height:60px;padding:12px;font-size:23px;font-weight:700;display:flex;overflow:auto}.keypad{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px;display:grid}.keypad button{background:var(--surface);border:1px solid var(--line);height:42px;color:var(--ink);border-radius:7px;font-weight:700}.keypad .equals{background:var(--blue);color:#fff;border-color:var(--blue)}.keypad .clear{color:#d74848}.comparison{grid-template-columns:1fr 1fr;gap:26px;display:grid}.comparison h3{color:var(--green);margin-bottom:12px;font-size:14px}.calc-grid.compact{gap:11px}.how-card{border-left:3px solid var(--blue);background:color-mix(in srgb,var(--blue) 6%,transparent);color:var(--muted);flex-direction:column;gap:6px;margin-top:26px;padding:11px 14px;font-size:13px;display:flex}.how-card b{color:var(--ink)}.how-card span{line-height:1.45}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:auto;padding:18px 52px;font-size:12px;display:flex}.modal-backdrop{z-index:20;background:#07112085;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);max-width:410px;color:var(--ink);border-radius:16px;padding:30px;position:relative;box-shadow:0 20px 60px #0004}.close{color:var(--muted);background:0 0;border:0;font-size:25px;position:absolute;top:11px;right:13px}.modal-mark{background:var(--blue);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-family:Manrope,sans-serif;font-weight:800;display:grid}.modal h2{margin:17px 0 9px;font-family:Manrope,sans-serif}.modal p{color:var(--muted);font-size:14px;line-height:1.55}.modal a{color:var(--blue);margin-top:20px;font-weight:700;display:inline-block}@media (width<=960px){.sidebar{width:235px}.content{width:calc(100% - 235px);margin-left:235px}.page{padding:35px 30px}.tool-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:33px}}@media (width<=720px){.sidebar{width:285px;transition:transform .22s;transform:translate(-100%);box-shadow:10px 0 40px #05112922}.sidebar.open{transform:translate(0)}.content{width:100%;margin-left:0}.topbar{justify-content:space-between;height:59px;padding:0 18px}.menu-button{padding-left:0!important;font-size:23px!important;display:block!important}.desktop-links{display:none}.top-actions{margin-left:auto}.mobile-links{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:17px;padding-top:16px;display:flex}.mobile-links button,.mobile-links a{color:var(--muted);text-align:left;background:0 0;border:0;padding:8px 12px;font-size:14px;font-weight:600}.mobile-links .parent-logo{height:30px;margin:5px 0}.page{padding:28px 20px 32px}.home{padding-top:28px}.hero{min-height:0;display:block}.hero h1{font-size:31px}.hero-art{display:none}.search{margin-bottom:26px}.section-title h2{font-size:20px}.tool-grid{grid-template-columns:1fr}.tool-card{grid-template-columns:44px 1fr;column-gap:12px;min-height:112px;display:grid}.tool-card .tool-icon{margin:0}.tool-card p{margin-top:5px}.tool-card i{bottom:14px}.trust-row{grid-template-columns:1fr;gap:14px}.trust-row div{border-right:0;border-bottom:1px solid var(--line);padding:0 8px 13px}.trust-row div:last-child{padding-bottom:0}.tool-heading{align-items:flex-start;padding-bottom:23px}.tool-heading h1{font-size:27px}.workspace{padding:18px}.calc-grid,.basic-layout,.comparison{grid-template-columns:1fr}.result-card strong{overflow-wrap:anywhere;font-size:24px}.tabs{flex-wrap:nowrap;padding-bottom:4px;overflow:auto}.tabs button{white-space:nowrap}.stat-row{flex-direction:column;gap:10px}footer{padding:17px 20px;line-height:1.7;display:block}.sidebar-note{margin-top:22px}}