:root{--color-brand:#5b5fd4;--color-brand-hover:#5558cc;--color-brand-active:#4547b0;--color-brand-light:#5b5fd414;--color-brand-50:#eef;--color-brand-100:#ddddf8;--color-bg:#f8f8f7;--color-bg-panel:#fff;--color-bg-secondary:#f1f1ef;--color-bg-tertiary:#e9e9e6;--color-bg-warm:#f4f2ed;--color-bg-dark:#0a0a16;--color-bg-dark-elevated:#14141e;--color-text:#14141f;--color-text-secondary:#4a4a5a;--color-text-tertiary:#5e5e6e;--color-text-muted:#5e5e6e;--color-text-on-dark:#ededeb;--color-text-on-dark-secondary:#8e8e96;--color-text-on-brand:#fff;--color-text-on-brand-secondary:#ffffffbf;--color-text-on-brand-muted:#ffffffd9;--color-border:#e5e5e3;--color-border-strong:#d4d4d2;--color-border-dark:#ffffff14;--color-border-brand:#ffffff26;--color-success:#27a644;--color-success-light:#27a64414;--color-warning:#e5a30b;--color-error:#eb5757;--color-info:#4ea7fc;--font-heading:"Outfit Variable", "Outfit", system-ui, sans-serif;--font-body:"Outfit Variable", "Outfit", system-ui, sans-serif;--radius:10px;--radius-sm:6px;--radius-xs:4px;--shadow:0 2px 12px #0000000d;--shadow-elevated:0 4px 24px #00000012;--shadow-brand:0 8px 40px #5b5fd440;--shadow-dark:0 8px 40px #0003;--shadow-lift:0 12px 32px #0000001a;--shadow-tilt:0 12px 32px #00000014;--color-brand-badge:#5b5fd426;--color-glow:#5b5fd417;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6}body:after{content:"";pointer-events:none;z-index:1000;opacity:.028;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}a{color:var(--color-brand);text-decoration:none}a:hover,a:focus-visible{color:var(--color-brand-hover)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light);outline:none}.skip-link{z-index:9999;background:var(--color-brand);color:var(--color-text-on-brand);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.85rem;font-weight:500;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes meshShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.orb-1{animation:20s ease-in-out infinite orbFloat1}@keyframes scrollPulse{0%{transform:translateY(-100%)}50%{transform:translateY(200%)}to{transform:translateY(-100%)}}.scroll-line-inner{animation:2.5s ease-in-out infinite scrollPulse}@keyframes charReveal{0%{opacity:0;filter:blur(3px);transform:translateY(.2em)rotateX(-60deg)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}}.char-reveal{opacity:0;transform-origin:bottom;perspective:500px;animation:.5s cubic-bezier(.16,1,.3,1) forwards charReveal;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{animation:35s linear infinite marquee}.marquee-track:hover{animation-play-state:paused}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes borderSpin{to{--border-angle:360deg}}.gradient-border{border-radius:var(--radius);background-color:var(--color-bg-panel);background-image:linear-gradient(var(--color-bg-panel), var(--color-bg-panel)), conic-gradient(from var(--border-angle), var(--color-brand), transparent 30%, transparent 70%, var(--color-brand));background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:2px solid #0000;animation:4s linear infinite borderSpin}.hover-lift{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.hover-scale{overflow:hidden}.hover-scale>img,.hover-scale>div{transition:transform .6s cubic-bezier(.16,1,.3,1)}.hover-scale:hover>img,.hover-scale:hover>div{transform:scale(1.04)}.link-reveal{display:inline-block;position:relative}.link-reveal:after{content:"";background:currentColor;width:0;height:1.5px;transition:width .3s;position:absolute;bottom:-2px;left:0}.link-reveal:hover:after{width:100%}@media (width<=768px){.hide-mobile{display:none!important}.calculator-grid{grid-template-columns:1fr!important}.calculator-summary{position:static!important}}@media (width>=769px){.hide-desktop{display:none!important}}@media (prefers-reduced-motion:reduce){.orb-1,.scroll-line-inner{animation:none}.char-reveal{opacity:1;animation:none}.marquee-track,.gradient-border{animation:none}.hover-lift,.hover-scale>img,.hover-scale>div,.link-reveal:after{transition:none}}