:root{--color-bg: #171614;--color-surface: #1e1d1b;--color-primary: #01696f;--color-primary-hover: #0c4e54;--color-text: #cdccca;--color-text-muted: #797876;--color-heading: #ffffff;--color-input-bg: #0f0e0d;--color-input-text: #ffffff;--color-table-header: #222220;--color-table-row-hover: rgba(255, 255, 255, .04);--color-warning: #da7101;--color-success: #6daa45;--color-error: #a13544;--font-body: "Satoshi", sans-serif;--font-display: "Clash Display", sans-serif;--radius-md: .5rem;--radius-lg: .75rem;--space-4: 1rem;--bg-primary: var(--color-bg);--bg-secondary: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--accent-primary: var(--color-primary);--accent-secondary: var(--color-primary-hover);--border-color: rgba(255, 255, 255, .08);--glass-bg: rgba(28, 27, 25, .7)}body.light{--color-bg: #f5f4f0;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #555555;--color-heading: #111111;--color-input-bg: #ffffff;--color-input-text: #111111;--color-table-header: #f0eeea;--color-table-row-hover: rgba(0, 0, 0, .04);--border-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7)}html{background:#171614;color-scheme:dark;scroll-behavior:smooth}body{background:#171614;margin:0;padding:0;overscroll-behavior-y:none;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body.light{background:#f5f4f0}#root{background:inherit;min-height:100vh}#main-nav{background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease;position:fixed;top:0;left:0;right:0;z-index:100}#main-nav.nav-scrolled{background:#050c1433!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 30px #0000001a!important}body.light #main-nav.nav-scrolled{background:#f5f4f080!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;border-bottom:1px solid rgba(0,0,0,.08)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bgPan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseShadow{0%{box-shadow:0 0 #4f98a366}to{box-shadow:0 0 0 12px #4f98a300}}@keyframes progressFill{0%{width:0%}}@keyframes ping{0%{box-shadow:0 0 #4f98a366}to{box-shadow:0 0 0 20px #4f98a300}}@keyframes float{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}@keyframes orbitEllipse{0%{transform:translate(110px)}12.5%{transform:translate(77.78px,49.5px)}25%{transform:translateY(70px)}37.5%{transform:translate(-77.78px,49.5px)}50%{transform:translate(-110px)}62.5%{transform:translate(-77.78px,-49.5px)}75%{transform:translateY(-70px)}87.5%{transform:translate(77.78px,-49.5px)}to{transform:translate(110px)}}@keyframes flashTeal{0%{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8)}15%{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8)}to{color:#4f98a3;text-shadow:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.spin-slow{animation:slowSpin 20s linear infinite}.animate-bounce{animation:bounce 2s infinite ease-in-out}.btn-pulse{animation:pulseShadow 2.5s ease-out infinite}.gauge-fill{animation:progressFill 1.2s cubic-bezier(.22,1,.36,1) forwards}.landing-card{background-color:var(--color-surface);border:1px solid rgba(255,255,255,.08);border-top:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.landing-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000080}.text-gradient{background:linear-gradient(to right,#01696f,#4f98a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-text-line{opacity:0;animation:slideUpFadeIn .8s ease-out forwards}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal-left.revealed,.reveal-up.revealed{opacity:1;transform:translate(0)}.delay-100{transition-delay:.1s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.info-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:150%;left:50%;transform:translate(-50%);background-color:var(--color-surface);color:var(--color-text);padding:1rem;border-radius:8px;width:300px;font-size:.85rem;line-height:1.5;border:1px solid var(--border-color);box-shadow:0 10px 25px #00000080;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none}.tooltip-container:hover .info-tooltip{visibility:visible;opacity:1}.hover-opacity-transition{transition:opacity .2s}.hover-opacity-transition:hover{opacity:.7}.step-row{transition:all .35s cubic-bezier(.16,1,.3,1)}.step-row:hover .step-bg-number{opacity:.35!important}.step-row:hover .step-mock-ui{transform:translateY(-3px)!important;box-shadow:0 12px 40px #0006!important}.tool-page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:transparent;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(1,105,111,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(1,105,111,.05) 0%,transparent 60%)}.tool-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease}.tool-card:hover{border-color:#01696f38;box-shadow:0 0 0 1px #01696f14,0 8px 32px #00000040}body.light .tool-card{background:#fffc;border-color:#00000014}.tool-heading{color:var(--color-heading);margin-bottom:1.5rem;font-size:1.75rem;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.tool-table{width:100%;border-collapse:collapse;font-size:.9rem}.tool-table th{padding:.85rem 1.1rem;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff05;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s ease}.tool-table th:hover{color:#ffffffb3}.tool-table td{padding:.85rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--color-text);transition:background .15s ease}.tool-table tbody tr{transition:box-shadow .15s ease}.tool-table tbody tr:hover td{background:#01696f0f}.tool-table tbody tr:hover{box-shadow:inset 3px 0 #01696f}.tool-table tbody tr:last-child td{border-bottom:none}body.light .tool-table th{color:#0006;background:#00000005;border-bottom-color:#00000014}body.light .tool-table td{border-bottom-color:#0000000d}body.light .tool-table tbody tr:hover td{background:#01696f0d}.row-good{background-color:#01696f0f}.row-good:hover{background-color:#01696f1f!important}.tool-input{width:100%;padding:.9rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:var(--color-text);font-size:1rem;font-family:var(--font-body);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.tool-input:focus{border-color:#01696f;box-shadow:0 0 0 3px #01696f2e,0 0 20px #01696f14;background:#01696f0a}.tool-input::placeholder{color:#ffffff38}body.light .tool-input{background:#fff;border-color:#0000001f;color:#111}body.light .tool-input::placeholder{color:#0000004d}body.light .tool-input:focus{border-color:#01696f;box-shadow:0 0 0 3px #01696f26;background:#01696f08}.ra-input:focus{border-color:#01696f!important;box-shadow:0 0 0 3px #01696f2e,0 0 16px #01696f14!important;background:#01696f0a!important}body.light .ra-input{background-color:#f9f8f5;border-color:#d4d1ca;color:#111}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}.badge-good{background:#01696f26;color:#4fb3bf;border-color:#01696f59;box-shadow:0 0 8px #01696f2e}.badge-borderline{background:#da710126;color:#fbbf24;border-color:#da710159;box-shadow:0 0 8px #da71011f}.badge-poor{background:#a1354426;color:#f87171;border-color:#a1354459;box-shadow:0 0 8px #a135441f}body.light .badge-good{background-color:#dcfce7;color:#14532d;border-color:#86efac;box-shadow:none}body.light .badge-borderline{background-color:#fef9c3;color:#713f12;border-color:#fde047;box-shadow:none}body.light .badge-poor{background-color:#fee2e2;color:#7f1d1d;border-color:#fca5a5;box-shadow:none}.calc-button{background:#01696f;color:#fff;border:none;padding:.75rem 2.25rem;border-radius:50px;font-size:.95rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 20px #01696f59;letter-spacing:.01em}.calc-button:hover{background:#0c4e54;transform:translateY(-2px);box-shadow:0 6px 28px #01696f80}.calc-button:active{transform:translateY(0);box-shadow:0 2px 12px #01696f4d}.autocomplete-dropdown li:hover{background-color:#ffffff0d}body.light .autocomplete-dropdown{box-shadow:0 4px 16px #0000001a}body.light .autocomplete-dropdown li{color:#111;background:transparent}body.light .autocomplete-dropdown li:hover{background-color:#f0eeea!important;color:#01696f!important}.dropdown-item:hover{background-color:#01696f14!important}body.light .dropdown-item:hover{background-color:#01696f0f!important}@media print{body{background:#fff!important;color:#000!important}#main-nav,.tool-page-bg,button,input{display:none!important}.tool-card,.step-mock-ui{background:#fff!important;border:1px solid #ccc!important;color:#000!important;box-shadow:none!important;break-inside:avoid;margin-bottom:2rem!important}.tool-table th,.tool-table td{color:#000!important;border-bottom:1px solid #ddd!important}h1,h2,h3{color:#000!important}}