@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@400;500;700;800&display=swap";:root{--font-display:"Archivo Black", "Trebuchet MS", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#111;--main-color:#eee;--caret-color:#eee;--sub-color:#444;--sub-alt-color:#1a1a1a;--text-color:#eee;--bg-base:var(--bg-color);--bg-surface:var(--sub-alt-color);--card-bg:#1a1a1ae6;--card-border:#eeeeee29;--text:var(--text-color);--muted:#b7b7b7;--primary:var(--main-color);--primary-bright:var(--caret-color);--highlight:#fff;--primary-soft:#eeeeee14;--panel-soft:#44444480;--focus-ring:#eee3}*,:before,:after{box-sizing:border-box}#root{border:0;width:100%;max-width:none;min-height:100vh;margin:0}body{color:var(--text);background:radial-gradient(circle at 12% 8%, #eeeeee14, transparent 34%), radial-gradient(circle at 88% 0%, #7878781a, transparent 34%), linear-gradient(165deg, var(--bg-base) 10%, #161616 46%, #202020 100%);font-family:var(--font-body);margin:0}.page{gap:clamp(.85rem,2.8vw,1.4rem);max-width:1040px;margin:0 auto;padding:clamp(.85rem,4vw,2.4rem);display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;padding:clamp(.95rem,2.5vw,1.4rem);animation:.42s both card-rise;box-shadow:0 20px 44px #02050f7a,inset 0 1px #ffffff08}.hero{background:linear-gradient(145deg,#3a3a3adb,#222222f0),radial-gradient(circle at 100% 0,#eeeeee24,#0000 56%)}.hero-brand{align-items:center;gap:.95rem;display:flex}.hero-icon{color:#ff6060;background:linear-gradient(160deg,#eeeeee1f,#44444459);border:1px solid #eeeeee52;border-radius:15px;place-items:center;width:clamp(2.65rem,10vw,3.65rem);height:clamp(2.65rem,10vw,3.65rem);animation:6s linear infinite rgb-logo;display:grid;box-shadow:0 16px 26px #04071266}.hero-icon svg{width:70%;height:70%}.hero-kicker{color:var(--highlight);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.7rem;font-weight:800}.hero h1{color:#fff;letter-spacing:.015em;font-family:var(--font-display);margin:.15rem 0 0;font-size:clamp(1.42rem,6vw,2.35rem)}.hero-subtitle{color:var(--muted);max-width:50ch;margin:.7rem 0 0}.calculator-form{gap:1rem;display:grid}.field-group{text-align:left}label{color:#efefef;letter-spacing:.02em;margin-bottom:.44rem;font-weight:800;display:block}input,select{box-sizing:border-box;width:100%;color:var(--text);background:#131313f0;border:1px solid #eeeeee3d;border-radius:12px;padding:.72rem .78rem;font-size:1rem;transition:border-color .18s,box-shadow .18s}label,input,select,option,.slider-value{-webkit-user-select:none;user-select:none}input:focus,select:focus{box-shadow:none;border-color:#eeeeee3d;outline:none}input:focus-visible,select:focus-visible{border-color:var(--primary-bright);box-shadow:0 0 0 3px var(--focus-ring)}select option{color:#efefef;background:#1a1a1a}input[type=range]{appearance:none;width:100%;accent-color:var(--primary-bright);box-shadow:none;background:0 0;outline:none;padding:0;display:block}input[type=range]:focus{box-shadow:none;outline:none}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#444444e6,#eeeeeef2);border-radius:999px;height:.42rem}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--caret-color);background:var(--main-color);border-radius:999px;width:1rem;height:1rem;margin-top:-.29rem;box-shadow:0 0 0 2px #0000003d}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#444444e6,#eeeeeef2);border-radius:999px;height:.42rem}input[type=range]::-moz-range-thumb{border:2px solid var(--caret-color);background:var(--main-color);border-radius:999px;width:1rem;height:1rem;box-shadow:0 0 0 2px #0000003d}.slider-value{color:var(--primary-bright);letter-spacing:.03em;margin:.3rem 0 0;font-weight:800;line-height:1.1}.primary-result{background:linear-gradient(140deg, #eee3, #44444429), var(--primary-soft);color:#f5f5f5;text-align:left;letter-spacing:.01em;border:1px solid #eeeeee52;border-radius:14px;margin:1rem 0 0;padding:.86rem .92rem;font-weight:800}.insights-panel{text-align:left;margin-top:.95rem}.insights-panel h3,.facts h2{color:#fff;font-family:var(--font-display);letter-spacing:.01em;margin:0 0 .62rem}.insight-grid{grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:.72rem;display:grid}.insight-card{background:linear-gradient(160deg,#2c2c2ce6,#202020f2);border:1px solid #eeeeee29;border-radius:14px;margin:0;padding:.78rem .8rem}.insight-card h4{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.76rem;font-weight:800}.insight-card p{color:#f0f0f0;margin:.4rem 0 0;font-size:1.22rem;font-weight:800}.facts-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.facts-list li{text-align:left;border-top:1px solid #eeeeee24;padding-top:.85rem}.facts-list li:first-child{border-top:0;padding-top:0}.facts-list a{color:var(--primary-bright);font-weight:600;text-decoration:none}.facts-list a:hover{text-decoration:underline}@media (width>=720px){.hero-brand{gap:1.2rem}.calculator-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.calculator-form .field-group:nth-child(3),.calculator-form .field-group:nth-child(4){grid-column:span 2}}@media (width>=960px){.page{gap:1.3rem;padding:2.3rem}.card{padding:1.35rem}}@keyframes card-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rgb-logo{0%{color:#ff6060}33%{color:#60ff80}66%{color:#609cff}to{color:#ff6060}}@media (prefers-reduced-motion:reduce){.card{animation:none}.hero-icon{color:var(--primary-bright);animation:none}}