@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{color:#0b0f13;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b0f13;--muted:#3c4753;--accent:#2b3640;--accent-strong:#1d252c;--accent-soft:#2b364033;--card:#e9edf2;--card-strong:#f3f6f9;--border:#0b0f132e;--shadow:0 22px 50px #0b0f1338;background-color:#d7dde3;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(160deg,#d2dae2eb 0%,#adb8c3e0 42%,#dee4eaf2 100%),repeating-linear-gradient(90deg,#0b0f1314,#0b0f1314 1px,#0000 1px 120px);margin:0}body:before{content:"";pointer-events:none;opacity:.6;background-image:linear-gradient(120deg,#2b364029 0,#0000 45%),linear-gradient(60deg,#0b0f131f 0,#0000 40%);position:fixed;inset:0}a{color:inherit;text-decoration:none}#app{z-index:1;max-width:1200px;margin:0 auto;padding:48px 24px 72px;position:relative}.app-shell{flex-direction:column;gap:36px;display:flex}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:32px;animation:.8s both fade-up;display:grid}.hero-content h1{letter-spacing:-.015em;margin:8px 0 14px;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:clamp(2.6rem,3.6vw,3.6rem)}.eyebrow{text-transform:uppercase;letter-spacing:.32em;color:var(--muted);margin:0;font-size:.72rem;font-weight:600}.hero-subtitle{color:var(--muted);max-width:520px;margin:0 0 24px;font-size:1.05rem}.nav-links{flex-wrap:wrap;gap:16px;display:flex}.nav-link{border:1px solid var(--border);background:var(--card-strong);border-radius:999px;padding:12px 20px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 10px 30px #0b0f132e}.nav-link:hover{border-color:#00bcd480;transform:translateY(-2px);box-shadow:0 16px 32px #0b0f1333}.nav-link.alt{background:var(--card-strong);color:var(--ink);border-color:var(--border)}.nav-link.router-link-active,.nav-link.router-link-exact-active{border-color:var(--accent);background:#2b36401f;transform:translateY(-1px);box-shadow:0 0 0 2px #2b364059,0 12px 28px #0b0f1329}.nav-link.alt.router-link-active,.nav-link.alt.router-link-exact-active{background:var(--accent-strong);color:#fff;border-color:#0000;box-shadow:0 0 0 2px #2b364059,0 14px 30px #0b0f132e}.hero-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #0b0f1329;border-radius:24px;padding:24px 26px;animation:.9s both fade-up}.hero-card-title{color:var(--muted);text-transform:uppercase;letter-spacing:.24em;margin:0 0 12px;font-size:.72rem;font-weight:600}.hero-card-list{gap:12px;margin:0;padding:0;font-weight:500;list-style:none;display:grid}.hero-card-list li{padding-left:20px;position:relative}.hero-card-list li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.5em;left:0}.page{gap:28px;display:grid}.calculator{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f3f6f9e6;border:1px solid #0b0f1329;border-radius:28px;padding:clamp(20px,3vw,36px);animation:.9s both fade-up}.calculator-header{gap:8px;margin-bottom:24px;display:grid}.calculator-header h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem)}.calculator-subtitle{color:var(--muted);max-width:620px;margin:0}.sections{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.section{background:var(--card-strong);border:1px solid var(--border);border-radius:18px;padding:18px 18px 20px;animation:.6s both fade-up;box-shadow:0 12px 26px #0b0f131f}.section:nth-child(2){animation-delay:50ms}.section:nth-child(3){animation-delay:.1s}.section:nth-child(4){animation-delay:.15s}.section h3{margin:0 0 14px;font-size:1.1rem}.input-group{gap:8px;margin-bottom:14px;display:grid}label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;font-weight:600}input[type=number]{width:100%;color:var(--ink);background:#fff;border:1px solid #0b0f1333;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}input[type=number]:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:#2b3640b3;outline:none}.results{background:linear-gradient(140deg,#2b364038,#f3f6f9f5);border:1px solid #2b364066;border-radius:20px;padding:20px;animation:.7s both fade-up;box-shadow:0 12px 30px #0b0f1329}.results h3{margin-top:0}.results--compact{place-items:center;margin-top:20px;display:grid}.result-item{border-bottom:1px dashed #1f1c1a26;justify-content:space-between;padding:10px 0;font-weight:500;display:flex}.result-item:last-child{border-bottom:none}.result-item.total{font-weight:700}.result-item.final{text-align:center;color:var(--accent-strong);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;display:flex}.result-item.final .result-label,.result-item.final .result-value{text-align:center;width:100%}.result-label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-family:IBM Plex Mono,Courier New,monospace;font-size:.85rem}.result-value{font-family:IBM Plex Mono,Courier New,monospace;font-size:clamp(1.6rem,3vw,2.4rem)}.result{color:var(--ink);text-align:center;background:#2b364024;border-radius:12px;padding:10px 12px;font-family:IBM Plex Mono,Courier New,monospace;font-weight:600}@media (max-width:900px){.hero{grid-template-columns:1fr}}@media (max-width:600px){#app{padding:32px 16px 56px}.nav-links{flex-direction:column;align-items:stretch}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}