:root{color-scheme:light;--surface: oklch(98.4% .004 95);--paper: oklch(99.4% .003 95);--paper-2: oklch(96.5% .005 95);--line: oklch(90% .006 95);--ink: oklch(24% .012 280);--muted: #6d6e77;--faint: oklch(66% .012 280);--accent: #087a8e;--accent-soft: oklch(96% .02 215);--chrome: oklch(99.4% .003 95);--chrome-ink: oklch(24% .012 280);--ad-bg: oklch(96.5% .005 95);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}:root[data-theme=dark]{color-scheme:dark;--surface: oklch(16% .012 280);--paper: oklch(21% .014 280);--paper-2: oklch(25% .015 280);--line: oklch(32% .014 280);--ink: oklch(96% .005 95);--muted: oklch(74% .012 280);--faint: oklch(60% .012 280);--accent: oklch(72% .11 215);--accent-soft: oklch(28% .05 215);--chrome: oklch(13% .012 280);--chrome-ink: oklch(96% .005 95);--ad-bg: oklch(20% .012 280)}@media(prefers-reduced-motion:no-preference){body,header,footer,nav,aside,main,section,article,.result-card,.glow-card,.card-hover{transition:background-color .25s ease,border-color .25s ease,color .25s ease}}:root[data-theme=dark] body{background-color:var(--surface);color:var(--ink)}[data-theme=dark] .bg-white,[data-theme=dark] .bg-slate-50,[data-theme=dark] .bg-light,[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-card,[data-theme=dark] .bg-dark-card{background-color:var(--paper)}[data-theme=dark] .bg-slate-100,[data-theme=dark] .bg-gray-100,[data-theme=dark] .bg-dark-bg{background-color:var(--paper-2)}[data-theme=dark] .bg-slate-200,[data-theme=dark] .bg-gray-200{background-color:var(--line)}[data-theme=dark] .bg-dark,[data-theme=dark] .bg-warm,[data-theme=dark] .bg-warm-white{background-color:var(--chrome)}[data-theme=dark] .bg-white\/95,[data-theme=dark] .bg-white\/90,[data-theme=dark] .bg-white\/80{background-color:#17181fd9}[data-theme=dark] .bg-dark-bg\/80{background-color:#0c0d12d9}[data-theme=dark] .text-slate-900,[data-theme=dark] .text-slate-800,[data-theme=dark] .text-slate-700,[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-dark,[data-theme=dark] .text-light,[data-theme=dark] .text-warm,[data-theme=dark] .text-warm-gray{color:var(--ink)}[data-theme=dark] .text-slate-600,[data-theme=dark] .text-slate-500,[data-theme=dark] .text-gray-600,[data-theme=dark] .text-gray-500,[data-theme=dark] .text-muted{color:var(--muted)}[data-theme=dark] .text-slate-400,[data-theme=dark] .text-slate-300,[data-theme=dark] .text-gray-400,[data-theme=dark] .text-gray-300{color:var(--faint)}[data-theme=dark] .text-stone-900,[data-theme=dark] .text-stone-800,[data-theme=dark] .text-stone-700{color:var(--ink)}[data-theme=dark] .text-stone-600,[data-theme=dark] .text-stone-500{color:var(--muted)}[data-theme=dark] .text-stone-400,[data-theme=dark] .text-stone-300{color:var(--faint)}[data-theme=dark] .bg-stone-100,[data-theme=dark] .bg-stone-50{background-color:var(--paper)}[data-theme=dark] .text-dark\/70,[data-theme=dark] .text-dark\/60{color:var(--muted)}[data-theme=dark] .text-accent,[data-theme=dark] .text-blue-600,[data-theme=dark] .text-primary,[data-theme=dark] .text-primary-600,[data-theme=dark] .text-primary-700,[data-theme=dark] .text-purple-600{color:var(--accent)}[data-theme=dark] .bg-paper{background-color:var(--paper)}[data-theme=dark] .border-slate-200,[data-theme=dark] .border-slate-100,[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-100,[data-theme=dark] .border-dark,[data-theme=dark] .border-dark-border,[data-theme=dark] .border-stone-200,[data-theme=dark] .border-stone-100{border-color:var(--line)}[data-theme=dark] .bg-primary-50,[data-theme=dark] .bg-primary-100,[data-theme=dark] .bg-blue-50,[data-theme=dark] .bg-accent\/10,[data-theme=dark] .bg-accent-soft{background-color:var(--accent-soft)}[data-theme=dark] .bg-emerald-50{background-color:#15301b}[data-theme=dark] .bg-red-50,[data-theme=dark] .bg-red-50\/60{background-color:#3e1e1c}[data-theme=dark] .bg-amber-50{background-color:#3c2a0e}[data-theme=dark] .text-emerald-600{color:#62bb78}[data-theme=dark] .text-red-600,[data-theme=dark] .text-red-500{color:#ed756e}[data-theme=dark] .text-amber-700{color:#e4ac59}:root[data-theme=dark] .card,:root[data-theme=dark] .result-card,:root[data-theme=dark] .glow-card,:root[data-theme=dark] .tool-input,:root[data-theme=dark] .tool-btn-secondary{background-color:var(--paper);border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .tool-input::-moz-placeholder{color:var(--faint)}:root[data-theme=dark] .tool-input::placeholder{color:var(--faint)}:root[data-theme=dark] .input-label{color:var(--ink)}:root[data-theme=dark] .gradient-text{color:var(--accent)}:root[data-theme=dark] .ad-slot{background-color:var(--ad-bg)!important;border-color:var(--line);color:var(--muted)}:root[data-theme=dark] .dot-pattern{background-image:radial-gradient(circle,oklch(74% .012 280 / .08) 1px,transparent 1px)}:root[data-theme=dark] .formula-box{background:var(--accent-soft);border-color:var(--accent)}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{color:var(--ink)}:root[data-theme=dark] input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=submit]):not([type=button]),:root[data-theme=dark] textarea,:root[data-theme=dark] select{background-color:var(--paper);border-color:var(--line)}:root[data-theme=dark] input::-moz-placeholder,:root[data-theme=dark] textarea::-moz-placeholder{color:var(--faint)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--faint)}:root[data-theme=dark] select option{background-color:var(--paper);color:var(--ink)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--surface)}[data-theme=dark] ::-moz-selection{background:var(--accent-soft);color:var(--ink)}[data-theme=dark] ::selection{background:var(--accent-soft);color:var(--ink)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;transition:color .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle:active{transform:scale(.92);transition:transform .1s cubic-bezier(.16,1,.3,1)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-reduced-motion:no-preference){.reveal-init{opacity:0;transform:translateY(18px)}.reveal-init.reveal-in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}}@keyframes shimmer-glow{0%,to{opacity:.35}50%{opacity:.9}}.count-stat{display:inline-block;font-variant-numeric:tabular-nums}.stagger-child{animation-delay:calc(var(--i, 0) * 60ms)}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text-animate{background:linear-gradient(135deg,var(--accent) 0%,oklch(65% .18 calc(var(--accent-h, 250) + 40)) 50%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 4s ease infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2.2);opacity:0}}.pulse-dot{position:relative}.pulse-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:pulse-ring 1.8s ease-out infinite}html{scroll-behavior:smooth}.scroll-mt-20{scroll-margin-top:5rem}@media(prefers-reduced-motion:no-preference){.hero-benefit{opacity:0;transform:translateY(8px);animation:benefit-in .5s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)) forwards}.hero-benefit:nth-child(1){animation-delay:.15s}.hero-benefit:nth-child(2){animation-delay:.25s}.hero-benefit:nth-child(3){animation-delay:.35s}@keyframes benefit-in{to{opacity:1;transform:none}}.ring-1[class*=ring-accent]{animation:shimmer-glow 2.5s ease-in-out infinite}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bcbdc3;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#8d8e97}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#414249}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#61636b}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-float{animation:float-y 5s ease-in-out infinite}.animate-float-slow{animation:float-y 7s ease-in-out infinite}.animate-float-fast{animation:float-y 3s ease-in-out infinite}@keyframes morph-blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:40% 60% 60% 40%/40% 60%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}75%{border-radius:60% 40% 40% 60%/60% 40%}}.blob-morph{animation:morph-blob 12s ease-in-out infinite}.hero-dots{background-image:radial-gradient(oklch(45% .006 280 / .14) 1px,transparent 1px);background-size:24px 24px}[data-theme=dark] .hero-dots{background-image:radial-gradient(oklch(80% .006 280 / .09) 1px,transparent 1px)}.hero-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;will-change:opacity;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 75%);mask-image:radial-gradient(closest-side,#000 30%,transparent 75%);animation:orb-in 1.4s ease backwards}@keyframes orb-in{0%{opacity:0}}.hero-dots>.hero-orb{position:absolute}.full-bleed{width:100vw;position:relative;left:50%;transform:translate(-50%)}body{overflow-x:clip}@media(prefers-reduced-motion:no-preference){.reveal-section{opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)),transform .65s var(--ease-out-expo, cubic-bezier(.16,1,.3,1))}.reveal-section.revealed{opacity:1;transform:translateY(0)}.reveal-section:nth-child(2){transition-delay:.08s}.reveal-section:nth-child(3){transition-delay:.16s}.reveal-section:nth-child(4){transition-delay:.24s}.reveal-section:nth-child(5){transition-delay:.32s}}@keyframes stat-pop{0%{opacity:0;transform:scale(.8) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.stat-badge{opacity:0;animation:stat-pop .5s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)) forwards}.stat-badge:nth-child(1){animation-delay:.45s}.stat-badge:nth-child(2){animation-delay:.55s}.stat-badge:nth-child(3){animation-delay:.65s}.stat-badge:nth-child(4){animation-delay:.75s}.stat-number{display:inline-block;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.icon-spring{display:inline-block;transition:transform .3s var(--ease-out-expo, cubic-bezier(.16,1,.3,1))}a:hover .icon-spring,button:hover .icon-spring{transform:scale(1.25) rotate(-8deg)}.card-lift-3d{transition:transform .35s var(--ease-out-expo, cubic-bezier(.16,1,.3,1)),box-shadow .35s ease}.card-lift-3d:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 20px 40px #0000001a,0 6px 12px #0000000f}.link-underline{position:relative}.link-underline:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out-expo, cubic-bezier(.16,1,.3,1))}.link-underline:hover:after{transform:scaleX(1)}.scroll-progress-bar{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent,#2563eb);z-index:9999;border-radius:0 2px 2px 0;pointer-events:none;transition:width .1s linear}.text-gradient{background:linear-gradient(90deg,var(--accent,#2563eb),color-mix(in oklch,var(--accent,#2563eb) 60%,oklch(65% .25 270)),var(--accent,#2563eb));background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 5s linear infinite}#calc-btn,.btn-primary{position:relative!important;overflow:hidden!important}#calc-btn:after,.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translate(-100%);transition:transform .45s ease;pointer-events:none}#calc-btn:hover:after,.btn-primary:hover:after{transform:translate(100%)}.result-animate{animation:result-panel-in .5s cubic-bezier(.16,1,.3,1) both}@keyframes result-panel-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple-out .65s ease-out forwards;pointer-events:none}@keyframes ripple-out{to{transform:scale(4);opacity:0}}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),color-mix(in oklch,var(--accent,#2563eb) 20%,transparent),transparent 70%);opacity:0;transition:opacity .35s ease;border-radius:inherit;z-index:0}.spotlight-card:hover:before{opacity:1}.spotlight-card>*{position:relative;z-index:1}[data-theme=dark] .spotlight-card:before{background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),color-mix(in oklch,var(--accent,#60a5fa) 25%,transparent),transparent 70%)}@media(prefers-reduced-motion:no-preference){.reveal-blur{opacity:0;filter:blur(6px);transform:translateY(14px);transition:opacity .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-blur.revealed{opacity:1;filter:blur(0);transform:none}}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--accent,#2563eb),color-mix(in oklch,var(--accent,#2563eb) 55%,oklch(68% .22 295)));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:0}.gradient-border:hover:before{opacity:1}@keyframes badge-drift{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-5px) rotate(.5deg)}}.badge-float{animation:badge-drift 4.2s ease-in-out infinite}.badge-float:nth-child(2){animation-delay:.9s;animation-duration:5.1s}.badge-float:nth-child(3){animation-delay:1.7s;animation-duration:4.7s}.badge-float:nth-child(4){animation-delay:2.5s;animation-duration:5.6s}@keyframes shimmer-sweep{0%{background-position:200% center}to{background-position:-200% center}}.text-shimmer{background:linear-gradient(90deg,var(--ink,#0f172a) 25%,var(--accent,#2563eb) 50%,var(--ink,#0f172a) 75%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-sweep 5s linear infinite}[data-theme=dark] .text-shimmer{background:linear-gradient(90deg,oklch(96% .005 95) 25%,var(--accent) 50%,oklch(96% .005 95) 75%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes border-glow{0%,to{box-shadow:0 0 color-mix(in oklch,var(--accent,#2563eb) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in oklch,var(--accent,#2563eb) 28%,transparent)}}.glow-pulse{animation:border-glow 3s ease-in-out infinite}.hero-dots{position:relative}.hero-dots:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(oklch(40% .004 280/.12) 1px,transparent 1px);background-size:22px 22px;border-radius:inherit;z-index:0}[data-theme=dark] .hero-dots:after{background-image:radial-gradient(oklch(85% .004 280/.07) 1px,transparent 1px)}.hero-dots>*{position:relative;z-index:1}@keyframes card-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.card-enter{animation:card-enter .5s cubic-bezier(.16,1,.3,1) both}header{transition:background-color .3s ease,box-shadow .3s ease}header.scrolled{background-color:color-mix(in oklch,var(--chrome) 82%,transparent)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--line),0 4px 24px #00000012}[data-theme=dark] header.scrolled{background-color:color-mix(in oklch,var(--chrome) 88%,transparent)!important;box-shadow:0 1px 0 var(--line),0 4px 24px #0000002e}@media(prefers-reduced-motion:no-preference){.section-heading-reveal{opacity:0;transform:translate(-18px);transition:opacity .65s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),transform .65s var(--ease-out-expo,cubic-bezier(.16,1,.3,1))}.section-heading-reveal.revealed{opacity:1;transform:none}}@keyframes badge-glow-pulse{0%,to{box-shadow:0 0 color-mix(in oklch,var(--accent) 0%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklch,var(--accent) 18%,transparent)}}.badge-glow{animation:badge-glow-pulse 2.8s ease-in-out infinite}.magnetic-btn{transition:transform .22s cubic-bezier(.16,1,.3,1)!important}.nav-section-active{color:var(--accent)!important;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.result-card{border-left:3px solid transparent;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.result-card:hover{border-left-color:var(--accent)}
