:root { color-scheme: light; --navy:#0b2f58; --teal:#087f8c; --ink:#17324d; --muted:#60748b; --line:#d7e3ec; --paper:#fff; --wash:#f4f9fb; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(145deg,#edf7fa 0,#f8fbfc 42%,#fff 100%); }
.calculator-landing { width:min(1060px,calc(100% - 32px)); margin:0 auto; padding:42px 0 88px; }
.calculator-landing nav { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:28px; color:var(--muted); font-size:.9rem; }
.calculator-landing nav a { color:var(--teal); text-decoration:none; font-weight:700; }
.calculator-landing article { overflow:hidden; background:var(--paper); border:1px solid var(--line); border-radius:24px; box-shadow:0 24px 70px rgba(11,47,88,.10); }
.calculator-landing header,.calculator-landing section,.calculator-landing aside { padding:clamp(24px,5vw,52px); }
.calculator-landing header { background:linear-gradient(125deg,rgba(8,127,140,.10),rgba(255,255,255,.95)); border-bottom:1px solid var(--line); }
.calculator-landing__eyebrow { margin:0 0 12px; color:var(--teal); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; }
.calculator-landing h1 { margin:0; color:var(--navy); font:700 clamp(2rem,5vw,4.4rem)/1.02 Georgia,serif; max-width:18ch; }
.calculator-landing header>p:not(.calculator-landing__eyebrow) { max-width:70ch; color:var(--muted); font-size:1.08rem; line-height:1.75; }
.calculator-landing__tags { display:flex; flex-wrap:wrap; gap:8px; }
.calculator-landing__tags span { padding:7px 10px; border-radius:999px; background:#e5f4f5; color:#086b75; font-size:.8rem; font-weight:800; }
.calculator-landing section { border-bottom:1px solid var(--line); }
.calculator-landing h2 { margin:0 0 16px; color:var(--navy); font:700 1.45rem/1.2 Georgia,serif; }
.calculator-landing ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.calculator-landing li { padding:13px 15px; border:1px solid var(--line); border-radius:12px; background:var(--wash); font-weight:700; }
.calculator-landing li span { color:var(--muted); font-weight:500; }
.calculator-landing section p,.calculator-landing aside p { line-height:1.7; color:var(--muted); }
.calculator-landing aside { background:#fff9e8; border-bottom:1px solid #ecd99d; }
.calculator-landing aside strong { color:#785b08; }
.calculator-landing__open { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:clamp(24px,5vw,52px); padding:18px 22px; border-radius:14px; background:var(--navy); color:white; font-weight:800; text-decoration:none; }
.calculator-landing__open:hover,.calculator-landing__open:focus-visible { background:var(--teal); }
@media (max-width:560px) { .calculator-landing { width:min(100% - 20px,1060px); padding-top:22px; } .calculator-landing article { border-radius:18px; } }