@property --glow{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes drift{0%{transform:translate(0,0)scale(1)rotate(0)}50%{transform:translate(3%,-2%)scale(1.08)rotate(4deg)}to{transform:translate(0,0)scale(1)rotate(0)}}@keyframes shine{to{background-position:-200% 0}}@keyframes pulse{0%,to{text-shadow:0 0 #0000;transform:scale(1)}50%{text-shadow:0 0 14px var(--accent);transform:scale(1.25)}}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.05)}to{transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-20px)scale(.96)}to{opacity:1;transform:translate(-50%)}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{isolation:isolate;position:relative;overflow-x:clip}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(38% 32% at 18% 12%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 70%), radial-gradient(34% 38% at 86% 18%, color-mix(in srgb, var(--violet) 15%, transparent), transparent 70%), radial-gradient(42% 36% at 55% 100%, color-mix(in srgb, var(--boost) 8%, transparent), transparent 70%);filter:blur(30px);animation:28s ease-in-out infinite drift;position:fixed;inset:-25%}body:after{content:"";z-index:-1;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.hero .stack>*,.hero>.scorecard,.page>*,.narrow>main>*{animation:.8s cubic-bezier(.2,.7,.2,1) both rise}.hero .stack>:nth-child(2),.page>:nth-child(2){animation-delay:80ms}.hero .stack>:nth-child(3),.page>:nth-child(3){animation-delay:.16s}.hero .stack>:nth-child(4),.page>:nth-child(4){animation-delay:.24s}.hero .stack>:nth-child(5),.page>:nth-child(5){animation-delay:.32s}.page>:nth-child(6){animation-delay:.4s}.page>:nth-child(n+7){animation-delay:.48s}.hero>.scorecard{animation-duration:1s;animation-delay:.25s}html.motion [data-reveal]:not(.in){opacity:0;transform:translateY(28px)}html.motion [data-reveal]{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}html.motion [data-reveal=stagger]{opacity:1!important;transform:none!important}html.motion [data-reveal=stagger]>*{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms)}html.motion [data-reveal=stagger]:not(.in)>*{opacity:0;transform:translateY(26px)scale(.98)}[data-reveal=stagger]>:nth-child(2){--i:1}[data-reveal=stagger]>:nth-child(3){--i:2}[data-reveal=stagger]>:nth-child(4){--i:3}[data-reveal=stagger]>:nth-child(5){--i:4}[data-reveal=stagger]>:nth-child(n+6){--i:5}.brand{white-space:nowrap}.brand b{animation:2.8s ease-in-out infinite pulse;display:inline-block}.hero h1 em,.shine-text{background:linear-gradient(100deg, var(--accent) 0%, var(--accent) 35%, var(--accent-2) 50%, var(--accent) 65%, var(--accent) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine}.card{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) var(--glow), transparent), transparent 55%), var(--surface);transition:--glow .5s,border-color .35s,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.plan{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) var(--glow), transparent), transparent 55%);transition:--glow .5s,border-color .35s,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.plan.pro{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) var(--glow), transparent), transparent 55%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 9%, var(--surface)), var(--surface) 55%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 30px 60px -35px color-mix(in srgb, var(--accent) 55%, transparent)}.card:hover,.plan:hover{--glow:11%;border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.insight,.kpi,.plan,.scorecard{will-change:transform}.insight:hover,.kpi:hover,.plan:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px #0000008c}.scorecard{box-shadow:0 40px 80px -40px #0009, 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent), 0 0 80px -30px color-mix(in srgb, var(--accent) 40%, transparent)}.btn{isolation:isolate;background:linear-gradient(135deg, var(--accent-2), var(--accent) 55%);box-shadow:0 10px 26px -14px color-mix(in srgb, var(--accent) 85%, transparent);transition:transform .2s,box-shadow .3s,filter .2s;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff73 50%,#0000 80%);position:absolute;inset:0;transform:translate(-100%)}.btn:hover:not(:disabled):after{animation:.9s sweep}.btn:hover:not(:disabled){box-shadow:0 16px 34px -14px color-mix(in srgb, var(--accent) 95%, transparent);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)scale(.97)}.btn.ghost{box-shadow:none;background:0 0}.btn.ghost:after{background:linear-gradient(110deg, transparent 20%, color-mix(in srgb, var(--fg) 12%, transparent) 50%, transparent 80%)}.btn.ghost:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 50%, var(--line));box-shadow:none}.btn.danger{background:var(--brake);box-shadow:0 10px 26px -14px var(--brake)}.navlink{background:linear-gradient(var(--accent), var(--accent)) left bottom / 100% 1px no-repeat;border-bottom-color:#0000;transition:background-size .35s,color .2s;position:relative}.navlink:hover{color:var(--accent);background-position:100% 100%;background-size:0% 1px}.input{transition:border-color .2s,box-shadow .25s,background-color .2s}.input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.seg button,.seg label{transition:background-color .25s,color .25s,border-color .25s,transform .15s}.seg button:hover:not(:disabled):not([aria-pressed=true]){border-color:color-mix(in srgb, var(--accent) 55%, var(--line));transform:translateY(-1px)}.seg label:hover:not(:has(input:checked)){border-color:color-mix(in srgb, var(--accent) 55%, var(--line));transform:translateY(-1px)}.seg button[aria-pressed=true]{background:linear-gradient(135deg, var(--accent-2), var(--accent) 60%);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--accent) 80%, transparent);animation:.35s cubic-bezier(.2,.8,.2,1) pop}.seg label:has(input:checked){background:linear-gradient(135deg, var(--accent-2), var(--accent) 60%);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--accent) 80%, transparent);animation:.35s cubic-bezier(.2,.8,.2,1) pop}.field output{transition:transform .2s;display:inline-block}input[type=range]{cursor:grab}input[type=range]:active{cursor:grabbing}details summary:after{transition:transform .3s}details[open] summary:after{transform:rotate(180deg)}details[open] p{animation:.45s both rise}.gauge-ticks{transform-origin:60px 60px;animation:60s linear infinite spin}.gauge-arc{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 55%, transparent));transition:opacity .3s}.gauge-high .gauge-arc{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 85%, transparent))}.gauge-high .val strong{text-shadow:0 0 24px color-mix(in srgb, var(--accent) 55%, transparent)}.gauge .val strong{font-variant-numeric:tabular-nums}.gauge-empty .val strong{animation:2.4s ease-in-out infinite breathe}.bars .bar i{transform-origin:bottom;background:linear-gradient(180deg, var(--accent-2), var(--accent))}html.motion .bars:not(.in) .bar i{transform:scaleY(0)}.bars .bar i{transition:transform 1s cubic-bezier(.2,.9,.2,1.05);transition-delay:calc(var(--i,0) * 80ms)}.bars .bar span{transition:opacity .6s;transition-delay:calc(var(--i,0) * 80ms + .4s)}html.motion .bars:not(.in) .bar span{opacity:0}.cbar{transform-box:fill-box;transform-origin:bottom;animation:.9s cubic-bezier(.2,.9,.2,1.05) both grow;animation-delay:calc(var(--i,0) * 22ms + .2s)}.cbar:hover{filter:brightness(1.2) drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 70%, transparent))}.cal>a,.cal>span.cell{animation:.45s cubic-bezier(.2,.8,.2,1.2) both pop-in;animation-delay:calc(var(--i,0) * 12ms + .25s);transition:transform .2s,box-shadow .2s}.cal>a:hover{box-shadow:0 8px 20px -8px color-mix(in srgb, var(--accent) 70%, transparent);z-index:1;transform:scale(1.12)}.progress{position:relative}.progress i{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));animation:1.4s cubic-bezier(.2,.8,.2,1) .3s both fill}.progress:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:40%;animation:2.4s ease-in-out 1.6s infinite sweep;position:absolute;inset:0}.insight .delta{display:inline-block}.insight.b:hover .delta,.insight.f:hover .delta{animation:.4s pop}.notice{position:relative;overflow:hidden}.notice:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--accent) 12%, transparent) 50%, transparent 70%);animation:3.5s ease-in-out infinite sweep;position:absolute;inset:0}.notice{isolation:isolate}.confetti{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0}.toast{z-index:60;background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--boost) 45%, var(--line));border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:opacity .5s,transform .5s;animation:.5s cubic-bezier(.2,.8,.2,1.1) both toast-in;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -20px #0009}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-16px)}}.toast.out{pointer-events:none;animation:.5s forwards toast-out}.toast-dot{background:var(--boost);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--boost) 25%, transparent);border-radius:50%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html.motion [data-reveal]:not(.in),html.motion [data-reveal=stagger]:not(.in)>*,html.motion .bars:not(.in) .bar i{opacity:1;transform:none}}.words .w{animation:.9s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--w) * 70ms + .1s);display:inline-block}.hero .stack>h1.words{animation:none}.hero{position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--fg) 13%, transparent) 1px, transparent 1.5px);background-size:26px 26px;position:absolute;inset:-40px -10vw 0;-webkit-mask-image:radial-gradient(60% 60% at 70% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 60% at 70% 40%,#000 20%,#0000 75%)}.hero-visual{perspective:1200px;min-width:0;position:relative}.hero-visual [data-tilt]{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hero-visual .scorecard{animation:1s cubic-bezier(.2,.7,.2,1) .25s both rise}.gauge svg{overflow:visible}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes chip-in{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:none}}.chip{z-index:2;white-space:nowrap;background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.85rem;font-weight:600;animation:.7s cubic-bezier(.2,.8,.2,1.1) both chip-in,5s ease-in-out infinite bob;display:flex;position:absolute;box-shadow:0 18px 40px -18px #0009}.chip b{font-family:var(--font-mono-face);color:var(--boost)}.chip-a{animation-delay:.9s,1.6s;top:-20px;left:-40px}.chip-b{animation-duration:.7s,6s;animation-delay:1.1s,2.4s;bottom:-20px;right:-24px}.chip-b b{color:var(--accent)}.chip-tag{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:2px 7px;font-size:.68rem}.chip-tag.b{color:var(--boost);background:color-mix(in srgb, var(--boost) 16%, transparent)}.chip-flame{background:radial-gradient(circle at 50% 60%, var(--accent-2), var(--accent));width:10px;height:10px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.6s ease-in-out infinite breathe}@media (max-width:860px){.chip-a{top:-18px;left:8px}.chip-b{bottom:-18px;right:8px}}.insight .lock{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--surface) 75%, transparent) 40%);border-radius:inherit;font-size:.9rem;line-height:1.4}.insight.locked:hover .lock{color:var(--accent)}
