:root{--primary: #29529E;--primary-deep: #1c3a73;--secondary: #97CEF4;--accent: #E0A12E;--accent-soft: #f7e3b5;--bg: #F4F4F4;--panel: #EBEBEB;--ink: #353535;--muted: #848383;--card: #ffffff;--radius: 16px;--shadow: 0 12px 32px rgba(41, 82, 158, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Source Sans Pro,system-ui,sans-serif;font-size:16px}h1,h2,legend,.brand__name{font-family:Montserrat,sans-serif}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}.topbar{background:#fff;border-bottom:1px solid #e3e3e3;position:sticky;top:0;z-index:10}.topbar__in{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary);font-weight:800}.brand__mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;font-size:20px}.brand__name em{font-style:normal;color:var(--accent)}.topbar__nav{display:flex;gap:8px}.pill{font:700 13px Montserrat,sans-serif;padding:8px 14px;border-radius:999px;border-bottom:3px solid transparent;text-decoration:none;color:#555}.pill--active{color:#000;border-bottom-color:#000;border-radius:0}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 60%,#101f42 100%);color:#fff}.hero__in{display:grid;grid-template-columns:1.4fr .8fr;gap:28px;padding:44px 24px;align-items:center}.hero h1{margin:0 0 10px;font-size:clamp(32px,4vw,48px);line-height:1.05}.hero p{margin:0;max-width:62ch;opacity:.92}.hero__bullets{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:14px 0 0;margin:0}.hero__bullets li{background:#ffffff24;border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:999px;font-size:13px}.hero__bullets code{color:var(--accent-soft)}.hero__card{background:#fff;color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.hero__meta{display:flex;flex-direction:column;gap:2px;padding:4px 6px 2px}.hero__meta strong{color:var(--primary);font-family:Montserrat,sans-serif}.hero__meta span{color:var(--muted);font-size:13px}.layout{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;padding:28px 24px 24px;align-items:start}.layout--viz{grid-template-columns:1.25fr 1fr}.side{display:flex;flex-direction:column;gap:24px}@media(min-width:921px){.side--follow .side__follow{position:sticky;top:12px;z-index:5;height:calc(100vh - 24px);display:flex;flex-direction:column;gap:16px}.side--follow .viewer-card{flex:none}.side--follow .eff-card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.side--follow .eff-card .eff-chart{flex:1;min-height:0;display:flex;flex-direction:column}.side--follow .eff-main{flex:1;min-height:0}.side--follow .eff-yaxis{height:auto}.side--follow .eff-plot{height:auto;min-height:60px}.side--follow .eff-xrow{flex:none}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.card h2{margin:0 0 6px;color:var(--primary);font-size:24px}.form fieldset{border:1px solid #e8e8e8;border-radius:12px;padding:16px;margin:16px 0 0}.form legend{padding:0 8px;font-weight:700;color:var(--primary)}.step{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--primary-deep);font-size:13px;margin-right:8px}.grid{display:grid;gap:12px;margin-top:10px}.grid--2{grid-template-columns:1fr 1fr}.grid--1{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:600;color:#555}.field__label i{color:var(--accent);font-style:normal}.field__hint{font-size:12px;color:var(--muted)}.field__error{color:#c2161e;font-size:12.5px;font-weight:600;white-space:pre-line}.field--invalid select,.field--invalid input:not(.slider){border-color:#c2161e;background:#fff8f8}.segmented--invalid .seg{border-color:#e5a3a3}.ok-badge{align-self:center;color:#1c7a3d;font:700 13px Montserrat,sans-serif}.eff-card h2{margin-bottom:2px}.eff-sub{font-size:13px;color:var(--muted);margin:2px 0 12px}.eff-sub strong{color:var(--primary-deep)}.eff-chart{overflow-x:auto}.eff-main{display:flex;gap:6px;min-width:340px}.eff-yaxis{width:30px;flex:none;height:var(--eff-h, 170px);display:flex;flex-direction:column;justify-content:space-between;font-size:10.5px;color:var(--muted);text-align:right}.eff-plot{position:relative;flex:1;height:var(--eff-h, 170px);border-left:1px solid #c9d4e8;border-bottom:1px solid #c9d4e8}.eff-grid{position:absolute;left:0;right:0;border-top:1px dashed #e3e9f4}.eff-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:6px}.eff-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.eff-bar{width:100%;max-width:46px;min-height:3px;border-radius:5px 5px 0 0;background:linear-gradient(to bottom,#3f6fb8,var(--primary));transition:height .35s ease}.eff-bar--ideal{background:linear-gradient(to bottom,var(--accent),#b57e1c)}.eff-xrow{display:flex;gap:6px;min-width:340px;margin-top:6px}.eff-xspacer{width:30px;flex:none}.eff-xlabels{flex:1;display:flex;gap:6px}.eff-xlab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.25}.eff-xlab strong{font-size:13px;color:var(--primary)}.eff-xlab span{font-size:10.5px;color:var(--muted)}.eff-xlabel{text-align:center;font-style:italic;font-weight:700;color:#555;font-size:13px;margin:8px 0 0}.notes-in{margin-top:16px;padding-top:14px;border-top:1px solid #e0e7f3}.notes-in h3{margin:0 0 8px;font-size:15px;color:var(--primary)}.notes-in ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:#666}select,input{border:1px solid #d9d9d9;border-radius:10px;padding:11px 12px;font-size:15px;background:#fff;color:var(--ink);width:100%}select:focus,input:focus{outline:2px solid var(--secondary);border-color:var(--primary)}input:disabled{background:#f2f2f2;color:#999}.actions{display:flex;gap:10px;margin-top:18px}.btn{font:700 15px Montserrat,sans-serif !important;border-radius:10px !important;padding:12px 20px !important;cursor:pointer;border:2px solid transparent !important}.btn--primary{background:var(--accent) !important;color:var(--primary-deep) !important;border-color:var(--accent) !important}.btn--primary:hover{background:transparent !important;color:var(--accent) !important}.btn--ghost{background:#eee !important;color:#333 !important;border-color:#eee !important}.btn--ghost:hover{background:#d5d5d5 !important}.error{background:#fdecec;color:#c2161e;border:1px solid #f3b4b4;padding:10px 12px;border-radius:10px;white-space:pre-line}.fineprint{font-size:12.5px;color:var(--muted)}.fineprint code{color:var(--primary)}.results{background:linear-gradient(180deg,#fff,#f6f8fd)}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.stat{background:#fff;border:1px solid #e6ebf5;border-radius:12px;padding:12px}.stat:first-child{grid-column:1 / -1;background:var(--primary);color:#fff;border:none}.stat:first-child .stat__k,.stat:first-child .stat__s{color:#cdd9f2}.stat__k{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.stat__v{display:block;font:800 20px Montserrat,sans-serif;color:var(--primary-deep);margin:2px 0}.stat:first-child .stat__v{color:#fff;font-size:24px}.stat__s{font-size:12.5px;color:#666}.footer{border-top:1px solid #e2e2e2;padding:18px 0 28px;color:var(--muted);font-size:13px}.footer code{color:var(--primary)}.titleband{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 60%,#101f42 100%);color:#fff}.titleband .wrap{padding-top:30px;padding-bottom:26px}.titleband h1{margin:0 0 6px;font-size:clamp(28px,3.4vw,40px);line-height:1.05}.titleband p{margin:0;max-width:72ch;opacity:.92}.segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 4px}.seg{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px !important;cursor:pointer;border:2px solid #d9d9d9 !important;background:#fff !important;color:#555 !important;font:700 12px Montserrat,sans-serif !important}.seg:hover{border-color:var(--secondary) !important;color:var(--primary) !important}.seg:focus{outline-color: var(--accent) !important;}.seg--on{border-color:var(--accent) !important;background:#fdf6e7 !important;color:var(--primary-deep) !important;}.slider{accent-color:var(--accent);padding:0;border:none;height:22px;cursor:pointer}.slider:disabled{cursor:not-allowed;opacity:.4}.combo{position:relative}.combo__list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #d9d9d9;border-radius:10px;box-shadow:0 12px 32px #29529e2e;max-height:240px;overflow-y:auto}.combo__opt{display:block;width:100%;text-align:left;cursor:pointer;border:none !important;background:transparent !important;border-radius:8px !important;padding:9px 10px !important;font:inherit;font-size:14.5px;color:var(--ink) !important}.combo__opt:hover,.combo__opt--hi{background:#eef2f9 !important}.combo__opt--sel{color:var(--primary-deep) !important;font-weight:700}.combo__empty{padding:9px 10px;font-size:13.5px;color:var(--muted) !important}.input-unit{position:relative}.input-unit input{padding-right:46px}.input-unit__tag{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--primary);font-weight:700;font-size:14px;pointer-events:none}.viewer-card h2{margin-bottom:10px}.viewer{position:relative;border-radius:12px;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,#eef3fb,#e2e9f5 55%,#d5deef);border:1px solid #e0e7f3}.viewer__canvas{aspect-ratio:4 / 3;width:100%}.viewer__canvas canvas{display:block;width:100%!important;height:100%!important}.viewer--loading{padding:60px 20px;text-align:center;color:var(--muted)}.viewer__chip{position:absolute;top:10px;left:10px;background:#29529eeb;color:#fff;font:700 12px Montserrat,sans-serif;padding:6px 12px;border-radius:999px}.viewer__tools{position:absolute;top:10px;right:10px;display:flex;gap:6px}.viewer__tools button{border:1px solid #c9d4e8;background:#ffffffeb;color:var(--primary-deep);font:700 12px Montserrat,sans-serif;border-radius:999px;padding:6px 10px;cursor:pointer}.viewer__tools button.on{background:var(--accent);border-color:var(--accent);color:var(--primary-deep)}.viewer__bar{position:absolute;left:10px;right:10px;bottom:10px;background:#ffffffe6;border:1px solid #e0e7f3;border-radius:10px;font-size:12.5px;color:#445;padding:6px 10px;text-align:center}@media(max-width:920px){.hero__in,.layout{grid-template-columns:1fr}.side{position:static}.grid--2{grid-template-columns:1fr}.segmented{grid-template-columns:repeat(3,1fr)}}} @media print{.topbar,.hero,.form .actions,.results .actions,.footer{display:none}.layout{grid-template-columns:1fr}}