.btn{isolation:isolate;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-spring);position:relative}.btn:not(.btn-link):not(.btn-ghost):not(:disabled):hover{transform:translateY(var(--lift-sm));box-shadow:var(--shadow-1)}.btn:not(:disabled):active{transform:translateY(0) scale(var(--press-scale));box-shadow:var(--shadow-0);transition-duration:var(--duration-instant)}.btn:focus-visible{box-shadow:var(--ring)}.btn:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), #ffffff1f, transparent 65%);transition:opacity var(--duration-base) var(--ease-out);position:absolute;inset:0}.btn-secondary:before,.btn-outline:before,.btn-ghost:before{background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--brand-500) 6%, transparent), transparent 65%)}.btn:not(:disabled):hover:before{opacity:1}.btn-link:before{display:none}.m-fx{border-radius:inherit;pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.m-ripple{pointer-events:none;z-index:-1;opacity:.18;animation:m-ripple .52s var(--ease-out) forwards;background:currentColor;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes m-ripple{to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.btn[data-loading=true] .spinner{animation:spin .7s linear infinite, m-fade-in var(--duration-base) var(--ease-out)}.icon{transition:transform var(--duration-slow) var(--ease-spring);transform-origin:50%}:is(.btn,.menu-item,.sidebar-item,.chip,.link,.page-btn,.toggle,.ex-card):hover .icon:has(use[href=\#arrow-right],use[href=\#chevron-right],use[href=\#external-link],use[href=\#arrow-up-right]){transform:translate(3px)}:is(.btn,.page-btn):hover .icon:has(use[href=\#chevron-left]){transform:translate(-3px)}:is(.btn,.menu-item,.sidebar-item,.chip):hover .icon:has(use[href=\#plus]){transform:rotate(90deg)}:is(.btn,.menu-item,.sidebar-item):hover .icon:has(use[href=\#settings]){transform:rotate(60deg)}:is(.btn,.menu-item,.sidebar-item,.badge,.ai-mark,.ex-card):hover .icon:has(use[href=\#sparkles]){animation:m-twinkle .7s var(--ease-out)}:is(.btn,.menu-item):hover .icon:has(use[href=\#trash-2]){animation:m-wiggle .42s var(--ease-out)}:is(.btn,.sidebar-item):hover .icon:has(use[href=\#bell]){animation:m-ring .6s var(--ease-out);transform-origin:50% 10%}:is(.btn,.menu-item):hover .icon:has(use[href=\#download],use[href=\#upload-cloud]){animation:m-hop .52s var(--ease-out)}:is(.btn,.menu-item,.copy):hover .icon:has(use[href=\#copy]){transform:translate(1px,-1px)}:is(:is(.btn,.dropdown):hover>.icon:has(use[href=\#chevron-down]),.btn:hover .icon:has(use[href=\#chevron-down])){transform:translateY(2px)}:is(.btn,.menu-item):hover .icon:has(use[href=\#send]){transform:translate(2px,-2px)rotate(-8deg)}.btn:hover .icon:has(use[href=\#moon]){transform:rotate(-20deg)}.btn:hover .icon:has(use[href=\#sun]){transform:rotate(45deg)}:is(.btn,.sidebar-item,.menu-item):hover .icon:has(use[href=\#search]){transform:scale(1.12)rotate(-6deg)}:is(.btn,.sidebar-item):hover .icon:has(use[href=\#refresh-cw]){transform:rotate(180deg)}.btn:hover .icon:has(use[href=\#x]){transform:rotate(90deg)}:is(.btn,.sidebar-item,.menu-item):hover .icon:has(use[href=\#heart],use[href=\#star]){transform:scale(1.2)}.btn.m-sent .icon:has(use[href=\#send]){animation:m-fly .52s var(--ease-in-out)}@keyframes m-twinkle{0%{transform:scale(1)rotate(0)}40%{transform:scale(1.25)rotate(14deg)}to{transform:scale(1)rotate(0)}}@keyframes m-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-6deg)}}@keyframes m-ring{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}@keyframes m-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-3px)}70%{transform:translateY(1px)}}@keyframes m-fly{0%{opacity:1;transform:translate(0)}45%{opacity:0;transform:translate(14px,-14px)}55%{opacity:0;transform:translate(-14px,14px)}to{opacity:1;transform:translate(0)}}@keyframes m-fade-in{0%{opacity:0}}.input,.select,.textarea{transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-slow) var(--ease-spring), background-color var(--duration-fast)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{animation:m-ring-in var(--duration-slow) var(--ease-spring)}@keyframes m-ring-in{0%{box-shadow:0 0 0 0 var(--bg-surface), 0 0 0 0 var(--border-focus)}}.input-group>.icon{transition:color var(--duration-fast), transform var(--duration-slow) var(--ease-spring)}.input-group:focus-within>.icon{color:var(--icon-brand);transform:scale(1.1)}.input[aria-invalid=true].m-shake,.field[data-invalid=true] .input.m-shake{animation:m-shake .36s var(--ease-out)}@keyframes m-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.check input{transition:background-color var(--duration-fast), border-color var(--duration-fast), transform var(--duration-slow) var(--ease-spring)}.check:hover input:not(:disabled){transform:scale(1.08)}.check input:active:not(:disabled){transition-duration:var(--duration-instant);transform:scale(.88)}.check input:checked{animation:m-pop var(--duration-slow) var(--ease-spring)}.check input:checked:after{animation:m-draw var(--duration-slow) var(--ease-out)}@keyframes m-pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes m-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.check input[type=radio]{transition:border-width var(--duration-slow) var(--ease-spring), transform var(--duration-slow) var(--ease-spring)}.switch input{transition:background-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base)}.switch input:after{transition:transform var(--duration-slow) var(--ease-spring), width var(--duration-base) var(--ease-spring)}.switch:hover input:not(:disabled){box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-500) 8%, transparent)}.switch input:active:not(:disabled):after{width:21px}.switch input:checked:active:not(:disabled):after{transform:translate(11px)}.switch-sm input:active:not(:disabled):after{width:16px}.switch-sm input:checked:active:not(:disabled):after{transform:translate(8px)}.slider::-webkit-slider-thumb{transition:transform var(--duration-slow) var(--ease-spring), box-shadow var(--duration-base)}.slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-500) 9%, transparent);transform:scale(1.12)}.slider:active::-webkit-slider-thumb{transform:scale(1.3)}.slider::-moz-range-thumb{transition:transform var(--duration-slow) var(--ease-spring)}.slider:hover::-moz-range-thumb{transform:scale(1.15)}.otp input{transition:border-color var(--duration-fast), box-shadow var(--duration-base), transform var(--duration-slow) var(--ease-spring)}.otp input:focus-visible{transform:translateY(-2px)}.otp input.m-filled{animation:m-pop var(--duration-slow) var(--ease-spring)}.dropzone{transition:border-color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-slow) var(--ease-spring)}.dropzone .icon-wrap{transition:transform var(--duration-slow) var(--ease-spring)}.dropzone:hover .icon-wrap,.dropzone[data-drag=true] .icon-wrap{transform:translateY(-4px)}.dropzone[data-drag=true]{transform:scale(1.01)}.badge{transition:transform var(--duration-slow) var(--ease-spring), background-color var(--duration-fast)}.badge:hover{transform:translateY(-1px)}.badge-success .dot,.notif[data-unread]:before{position:relative}.badge-success .dot{animation:m-ping 2.2s var(--ease-out) infinite}@keyframes m-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 55%, transparent)}70%,to{box-shadow:0 0 0 5px #0000}}.notif[data-unread]:before{animation:m-ping 2.2s var(--ease-out) infinite;color:var(--bg-primary)}.avatar{transition:transform var(--duration-slow) var(--ease-spring), margin var(--duration-slow) var(--ease-spring), box-shadow var(--duration-base)}.avatar:hover{z-index:1;transform:translateY(-1px)scale(1.04)}.avatar-group .avatar+.avatar{transition:margin var(--duration-slow) var(--ease-spring), transform var(--duration-slow) var(--ease-spring)}.avatar-group:hover .avatar+.avatar{margin-left:-2px}.kbd{transition:transform var(--duration-instant), border-bottom-width var(--duration-instant)}:is(.kbd:hover,.btn:active .kbd,.search-btn:active .kbd){border-bottom-width:1px;transform:translateY(1px)}.progress>span{transition:width var(--duration-slower) var(--ease-spring);position:relative;overflow:hidden}.progress>span:after{content:"";animation:m-sheen 2.4s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#ffffff59,#0000);position:absolute;inset:0;transform:translate(-100%)}@keyframes m-sheen{60%,to{transform:translate(100%)}}.card{transition:box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base), transform var(--duration-slow) var(--ease-spring), background-color var(--duration-fast)}.card:not(.featured):hover{border-color:color-mix(in srgb, var(--border-brand) 12%, var(--border-default));background-image:radial-gradient(320px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--brand-500) 2.5%, transparent), transparent 60%)}:is(a.card,.card[data-interactive],.ex-card,.kanban-card,.pricing):hover{transform:translateY(var(--lift-sm));box-shadow:var(--shadow-2)}[data-tilt]{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0))}[data-tilt]:hover{--ty:var(--lift-sm)}.kpi:hover .delta .icon{animation:m-hop .52s var(--ease-out)}.table tbody tr{transition:background-color var(--duration-fast)}.table tbody tr:hover .icon-btn{opacity:1}.cell-user .avatar{transition:transform var(--duration-slow) var(--ease-spring)}.table tbody tr:hover .cell-user .avatar{transform:scale(1.08)rotate(-4deg)}.cal-day{transition:background-color var(--duration-fast), transform var(--duration-slow) var(--ease-spring), color var(--duration-fast)}.cal-day:not(.muted):hover{transform:scale(1.04)}.cal-day[aria-selected=true]{animation:m-pop var(--duration-slow) var(--ease-spring)}.bars i,.stack-bar i{transform-origin:bottom;transition:transform var(--duration-slower) var(--ease-spring), filter var(--duration-fast);transition-delay:calc(var(--i,0) * 40ms)}.m-wait .bars i,.bars.m-wait i,.m-wait .stack-bar i{transform:scaleY(0)}.bars>div:hover i{filter:brightness(1.15)saturate(1.1)}.bars>div:hover span{color:var(--text-primary)}.legend span{transition:opacity var(--duration-fast)}.legend:hover span:not(:hover){opacity:.5}.alert{animation:m-rise var(--duration-slow) var(--ease-spring) both}.alert:before{transform-origin:top;animation:m-grow-y var(--duration-slower) var(--ease-spring) both}@keyframes m-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes m-grow-y{0%{transform:scaleY(0)}}.toast{animation:m-toast-in var(--duration-slower) var(--ease-spring);transition:transform var(--duration-base) var(--ease-out), opacity var(--duration-base)}.toast:hover{transform:translate(-3px)}.toast.m-leaving{opacity:0;transform:translate(24px)scale(.98)}.toast .m-progress{background:var(--tone,var(--bg-primary));opacity:.5;transform-origin:0;height:2px;animation:linear forwards m-shrink;position:absolute;bottom:0;left:0;right:0}.toast:hover .m-progress{animation-play-state:paused}@keyframes m-toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}@keyframes m-shrink{to{transform:scaleX(0)}}.empty .icon-wrap{animation:m-float 3.2s var(--ease-in-out) infinite}@keyframes m-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}[data-tooltip]:after{transform-origin:bottom;transition:opacity var(--duration-fast), translate var(--duration-slow) var(--ease-spring), scale var(--duration-slow) var(--ease-spring);scale:.94}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{transition-delay:.12s;scale:1}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog{animation:m-dialog var(--duration-slower) var(--ease-spring)}@keyframes m-dialog{0%{opacity:0;transform:translateY(10px)scale(.95)}}.sheet{animation:m-sheet var(--duration-slower) var(--ease-spring)}@keyframes m-sheet{0%{opacity:0;transform:translate(40px)}}.drawer{animation:m-drawer var(--duration-slower) var(--ease-spring)}@keyframes m-drawer{0%{opacity:.4;transform:translateY(60px)}}.dropdown>.menu{transform-origin:0 0;animation:m-menu var(--duration-slow) var(--ease-spring)}.dropdown-end>.menu{transform-origin:100% 0}@keyframes m-menu{0%{opacity:0;transform:translateY(-4px)scale(.96)}}.dropdown[data-open=true] .menu>*{animation:m-item var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 22ms)}@keyframes m-item{0%{opacity:0;transform:translateY(-3px)}}.command .command-list>*{animation:m-item var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 18ms)}.accordion summary{transition:background-color var(--duration-fast), padding var(--duration-base) var(--ease-spring)}.accordion summary:hover{background:var(--bg-hover);padding-left:var(--space-2)}.accordion summary .icon{transition:transform var(--duration-slow) var(--ease-spring)}.accordion details>div{overflow:hidden}.popover{animation:m-menu var(--duration-slow) var(--ease-spring)}.menu-item,.sidebar-item,.tab,.page-btn,.toggle,.chip{transition:background-color var(--duration-fast), color var(--duration-fast), transform var(--duration-slow) var(--ease-spring), box-shadow var(--duration-base)}.menu-item:active,.sidebar-item:active,.tab:active,.toggle:active,.chip:active,.page-btn:active{transition-duration:var(--duration-instant);transform:scale(.97)}.sidebar-item:hover .icon{transform:scale(1.1)}.page-btn:hover{transform:translateY(-1px)}.page-btn[aria-current=page]{animation:m-pop var(--duration-slow) var(--ease-spring)}.chip{isolation:isolate;position:relative}.chip[aria-pressed=true] .icon,.toggle[aria-pressed=true]{animation:m-pop var(--duration-slow) var(--ease-spring)}.link{background:linear-gradient(currentColor, currentColor) left bottom / 0% 1px no-repeat, linear-gradient(color-mix(in srgb, currentColor 30%, transparent), color-mix(in srgb, currentColor 30%, transparent)) left bottom / 100% 1px no-repeat;transition:background-size var(--duration-slow) var(--ease-out);padding-bottom:1px;text-decoration:none}.link:hover{background-size:100% 1px,100% 1px}.breadcrumb a{transition:color var(--duration-fast)}.step-bar{position:relative;overflow:hidden;background:var(--bg-muted)!important}.step-bar:after{content:"";background:var(--bg-primary);transform-origin:0;transition:transform var(--duration-slower) var(--ease-spring);transition-delay:calc(var(--i,0) * .12s);position:absolute;inset:0;transform:scaleX(0)}.step[data-state=complete] .step-bar:after{transform:scaleX(1)}.step[data-state=current] .step-bar:after{transform:scaleX(.5)}.m-wait .step-bar:after{transform:scaleX(0)!important}.m-ind{pointer-events:none;z-index:0;opacity:0;width:0;height:0;transition:transform var(--duration-slow) var(--ease-spring), width var(--duration-slow) var(--ease-spring), height var(--duration-slow) var(--ease-spring), opacity var(--duration-fast);position:absolute;top:0;left:0}.m-ind.on{opacity:1}.m-ready>:not(.m-ind){z-index:1;position:relative}.tabs-list.m-ready .tab[aria-selected=true]:after{display:none}.tabs-list>.m-ind{background:var(--bg-primary);border-radius:2px 2px 0 0;bottom:-1px;height:2px!important;top:auto!important}.tabs-list .tab:hover:not([aria-selected=true]){color:var(--text-secondary)}.tabs-pill.m-ready .tab[aria-selected=true],.toggle-group[data-single].m-ready .toggle[aria-pressed=true]{box-shadow:none;background:0 0;animation:none}.tabs-pill>.m-ind{background:var(--bg-surface);box-shadow:var(--shadow-1);border-radius:6px}.toggle-group[data-single]>.m-ind{background:var(--bg-selected);border-radius:6px}:is(.menu,.command-list,.docs-side,.settings-nav,.sidebar).m-ready>:is(.menu-item,a,.sidebar-item):hover:not([aria-current=page]):not(.on),.command-list.m-ready>.menu-item[aria-selected=true]{background:0 0}:is(.menu,.command-list,.docs-side,.settings-nav,.sidebar)>.m-ind{background:var(--bg-hover);border-radius:var(--radius-sm)}.command-list>.m-ind{background:var(--bg-selected)}:is(.menu,.command-list).m-ready>.menu-item:hover:before,:is(.menu,.command-list).m-ready>.menu-item[aria-selected=true]:before{display:none}:is(.menu,.command-list)>.m-ind:before{content:"";background:var(--bg-primary);border-radius:2px;width:2px;position:absolute;top:25%;bottom:25%;left:0}.kanban-card{transition:box-shadow var(--duration-base), transform var(--duration-slow) var(--ease-spring), border-color var(--duration-base)}.kanban-card:active{cursor:grabbing;box-shadow:var(--shadow-3);transition-duration:var(--duration-base);transform:rotate(-1deg)scale(1.01)}.pricing.featured{background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--m-angle,0deg), var(--brand-300), var(--brand-600), var(--lime-300), var(--brand-500), var(--brand-300)) border-box;border-color:#0000;animation:6s linear infinite m-spin-angle}@property --m-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes m-spin-angle{to{--m-angle:360deg}}.ai-mark{background-size:200% 200%;background-image:linear-gradient(135deg, var(--brand-500), var(--brand-700), var(--brand-400));animation:m-shift 6s var(--ease-in-out) infinite}@keyframes m-shift{0%,to{background-position:0%}50%{background-position:100%}}.composer{transition:border-color var(--duration-base), box-shadow var(--duration-slow) var(--ease-spring), transform var(--duration-slow) var(--ease-spring)}.composer:focus-within{transform:translateY(-1px)}.ctx-chip{transition:transform var(--duration-slow) var(--ease-spring)}.ctx-chip:hover{transform:translateY(-1px)}.msg{animation:m-rise var(--duration-slower) var(--ease-spring) both}.timeline li{animation:m-rise var(--duration-slower) var(--ease-spring) both;animation-delay:calc(var(--i,0) * 70ms)}.timeline .node.brand{animation:m-ping 2.4s var(--ease-out) infinite;color:var(--icon-brand)}.timeline li:hover .node{transition:transform var(--duration-slow) var(--ease-spring);transform:scale(1.12)}.notif{transition:background-color var(--duration-fast)}.notif:hover{background:var(--bg-subtle)}.scope{transition:transform var(--duration-slow) var(--ease-spring)}.command-input:focus-within .scope{transform:scale(1.04)}[data-magnetic]{translate:var(--tx,0) var(--ty2,0);transition:translate var(--duration-slow) var(--ease-spring), transform var(--duration-base) var(--ease-spring), box-shadow var(--duration-base)}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}html[data-motion=off] .m-wait .bars i,html[data-motion=off] .m-wait .stack-bar i{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}[data-tilt],.m-wait .bars i,.m-wait .stack-bar i{transform:none!important}}
:root{--font-sans:"Mona Sans Variable", "Mona Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--m-accent:var(--bg-primary);--m-accent-strong:var(--text-brand);--m-accent-soft:var(--bg-primary-subtle);--m-teal:var(--brand-400);--m-text:var(--text-primary);--m-text-muted:var(--text-secondary);--m-text-faint:var(--text-tertiary);--m-surface:var(--bg-surface);--m-surface-strong:var(--bg-elevated);--m-surface-sunken:var(--bg-subtle);--m-border:var(--border-subtle);--m-border-strong:var(--border-strong);--m-warn:var(--text-warning);--m-danger:var(--text-danger);--m-chart-1:var(--chart-1);--m-chart-2:var(--chart-2);--m-chart-3:var(--chart-3);--m-chart-4:var(--chart-4);--m-chart-5:var(--chart-5);--m-shadow:var(--shadow-2);--m-ease:var(--ease-out);--m-ease-spring:var(--ease-spring)}html,body{margin:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100dvh}h1,h2,h3{margin:0 0 var(--space-2)}h1{font:var(--text-heading-h1);letter-spacing:var(--tracking-heading-h1,-.02em)}h2{font:var(--text-heading-h4)}h3{font:var(--text-heading-h5)}p{margin:0 0 var(--space-3)}a{color:var(--text-link)}.skip-link{z-index:100;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}.container{max-width:1180px;margin:0 auto;padding:0 16px}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.row-between{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.spacer{flex:1}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));display:grid}.grid-4{gap:var(--space-3);grid-template-columns:repeat(auto-fit, minmax(min(100%, max(170px, calc((100% - 3 * var(--space-3)) / 4))), 1fr));display:grid}.m-grid{gap:var(--space-4);display:grid}.m-num{font-variant-numeric:tabular-nums}.m-mono{font:var(--text-code-sm)}.m-card{padding:var(--layout-card-padding)}.m-card-sm{padding:var(--space-3) var(--space-4)}a.card{color:inherit;text-decoration:none;display:block}.sunken{background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.m-danger{color:var(--text-danger)}.m-error{font:var(--text-body-xs);color:var(--text-danger)}.input-affix{align-items:center;display:flex;position:relative}.input-affix>span{color:var(--text-tertiary);pointer-events:none;font:var(--text-body-sm);position:absolute;left:12px}.input-affix>.input{padding-left:26px}.input-affix.suffix>span{left:auto;right:12px}.input-affix.suffix>.input{padding-left:var(--control-padding-x);padding-right:32px}.m-stat{flex-direction:column;gap:2px;min-width:0;display:flex}.m-stat .kpi-value.m-lg{font:var(--text-data-xl);letter-spacing:var(--tracking-data-xl)}.m-stat .help{margin-top:2px}.app-layout.m-shell{border:0;border-radius:0;height:100dvh}.m-shell .app-main{overflow-y:auto}.app-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.ai-panel{position:sticky;top:0}@media (max-width:1180px){.app-grid{grid-template-columns:minmax(0,1fr)}.ai-panel{position:static}}.m-bottom-nav{display:none}@media (max-width:860px){.m-shell .app-main{padding-bottom:96px}.m-bottom-nav{z-index:40;padding:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl) var(--radius-sm) var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-3);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:8px;left:8px;right:8px}.m-bottom-nav a{border-radius:var(--radius-md);color:var(--text-tertiary);font:var(--text-label-xs);min-height:48px;transition:background var(--duration-fast), color var(--duration-fast), transform var(--duration-fast) var(--ease-spring);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px;text-decoration:none;display:flex}.m-bottom-nav a[aria-current=page]{color:var(--text-brand);background:var(--bg-primary-subtle)}.m-bottom-nav a:active{transform:scale(var(--press-scale,.97))}}.m-site-header{z-index:30;position:sticky;top:0}.hero{padding-block:44px 20px}.hero h1{font:var(--text-display-xl);letter-spacing:var(--tracking-display-xl,-.03em);max-width:18ch}.eyebrow{font:var(--text-overline);color:var(--text-brand);text-transform:uppercase;letter-spacing:.08em}.section{padding-block:36px}.footer{border-top:1px solid var(--border-subtle);margin-top:30px;padding-block:30px 50px}.prose{max-width:72ch}.prose h2{margin-top:1.4em}.prose li{margin-bottom:.4em}.calc-grid{grid-template-columns:minmax(300px,400px) minmax(0,1fr)}@media (max-width:900px){.calc-grid{grid-template-columns:minmax(0,1fr)}}.chart-wrap{touch-action:pan-y;position:relative}.chart-tip{pointer-events:none;padding:var(--space-2) var(--space-2-5);font:var(--text-body-xs);white-space:nowrap;background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-3);border-radius:var(--radius-md) var(--radius-xs) var(--radius-md) var(--radius-md);z-index:3;transition:left 90ms linear,top 90ms linear;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.chart .draw{stroke-dasharray:var(--len,4000);stroke-dashoffset:var(--len,4000);animation:ml-draw 1.4s var(--ease-out) forwards}.chart .area{animation:1s .2s both ml-fade}.chart .m-marker{transform-box:fill-box;transform-origin:50%;animation:ml-pop .5s var(--ease-spring) both}.legend button{align-items:center;gap:6px;display:inline-flex}.legend button i{border-radius:2px;width:8px;height:8px}.bar-grow{transform-origin:0;animation:ml-grow-x .9s var(--ease-out) both}.m-stackbar{border-radius:var(--radius-full);background:var(--bg-muted);height:12px;display:flex;overflow:hidden}.journey{padding:var(--space-2) 0 var(--space-1);position:relative;container-type:inline-size}.journey-rail{padding:26px 10px 0;position:relative}.journey-here{font:var(--text-label-xs);color:var(--text-brand);white-space:nowrap;transition:left .9s var(--ease-out);position:absolute;top:0;translate:-50%}.journey-here[data-anchor=start]{translate:-10px}.journey-here[data-anchor=end]{translate:calc(10px - 100%)}.journey-labels{height:40px;margin:10px 0 0;padding:0;list-style:none;position:relative}.journey-label{text-align:center;white-space:nowrap;font:var(--text-body-sm);animation:ml-fade-up .48s var(--ease-out) both;flex-direction:column;display:flex;position:absolute;top:0;translate:-50%}.journey-label[data-anchor=start]{text-align:left;translate:none}.journey-label[data-anchor=end]{text-align:right;translate:-100%}.journey-label.done strong{color:var(--text-brand)}.journey-pin.dest{background:var(--bg-surface);border-width:3px;width:18px;height:18px;margin:-9px 0 0 -9px}@container (max-width:520px){.journey-labels{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));height:auto;display:grid}.journey-label,.journey-label[data-anchor]{text-align:left;white-space:normal;position:static;translate:none}}.journey-track{border-radius:var(--radius-full);background:var(--bg-muted);height:10px;position:relative}.journey-fill{border-radius:var(--radius-full);background-image:linear-gradient(90deg, var(--brand-400), var(--bg-primary), var(--brand-400));transition:width .9s var(--ease-out);background-size:200% 100%;animation:4s linear infinite ml-flow;position:absolute;inset:0 auto 0 0}.journey-pin{background:var(--bg-surface);border:2px solid var(--bg-primary);width:14px;height:14px;animation:ml-pop .52s var(--ease-spring) both;transition:left .9s var(--ease-out);border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%}.journey-pin.done{background:var(--bg-surface);opacity:.85;z-index:1;border:0;border-radius:2px;width:3px;height:10px;margin:-5px 0 0 -1.5px}.journey-car{background:var(--bg-primary);width:20px;height:20px;box-shadow:0 0 0 4px var(--bg-surface), var(--shadow-2);transition:left .9s var(--ease-out);z-index:2;border-radius:50%;margin:-10px 0 0 -10px;position:absolute;top:50%}.journey-car:after{content:"";border:2px solid var(--bg-primary);animation:ml-ping 2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-6px}.hero-wrap{isolation:isolate;position:relative;overflow-x:clip}.hero-aurora{pointer-events:none;z-index:-1;filter:blur(60px);opacity:.6;height:640px;position:absolute;inset:-120px -10% auto}.hero-aurora i{border-radius:50%;animation:18s ease-in-out infinite ml-float;position:absolute}.hero-aurora i:first-child{background:var(--brand-300);width:460px;height:460px;top:40px;left:5%}.hero-aurora i:nth-child(2){background:var(--brand-200);width:380px;height:380px;animation-duration:22s;animation-delay:-6s;top:0;right:8%}.hero-aurora i:nth-child(3){background:var(--chart-3);opacity:.5;width:320px;height:320px;animation-duration:26s;animation-delay:-11s;top:220px;left:40%}.hero h1,.hero .eyebrow{animation:ml-fade-up .8s var(--ease-out) both}.hero p{animation:ml-fade-up .8s var(--ease-out) .12s both}.rotator{vertical-align:bottom;display:inline-grid;overflow:hidden}.rotator-word{animation:ml-word 2.4s var(--ease-out) both;color:var(--text-brand);grid-area:1/1;padding-bottom:.08em}.hero-route{width:100%;max-width:520px;height:auto;display:block}.hero-route .draw{stroke-dasharray:900;stroke-dashoffset:900px;animation:ml-draw 2.6s var(--ease-out) .3s forwards}.hero-route .stop{animation:ml-pop .5s var(--ease-spring) both;transform-box:fill-box;transform-origin:50%}.hero-route .traveler{offset-path:path("M20 150 C 110 150, 120 60, 210 70 S 330 140, 400 60 S 470 30, 500 26");animation:ml-travel 6s var(--ease-out) 1.2s infinite}.app-main>*,.app-main>.stack>*,.app-main>.m-home>.stack>*{animation:ml-fade-up .56s var(--ease-out) both}.app-main>.stack>:nth-child(2),.app-main>.m-home>.stack>:nth-child(2){animation-delay:60ms}.app-main>.stack>:nth-child(3),.app-main>.m-home>.stack>:nth-child(3){animation-delay:.12s}.app-main>.stack>:nth-child(4),.app-main>.m-home>.stack>:nth-child(4){animation-delay:.18s}.app-main>.stack>:nth-child(n+5),.app-main>.m-home>.stack>:nth-child(n+5){animation-delay:.24s}.grid-2>*,.grid-3>*,.grid-4>*{animation:ml-fade-up .52s var(--ease-out) both}.grid-2>:nth-child(2),.grid-3>:nth-child(2),.grid-4>:nth-child(2){animation-delay:50ms}.grid-2>:nth-child(3),.grid-3>:nth-child(3),.grid-4>:nth-child(3){animation-delay:.1s}.grid-2>:nth-child(n+4),.grid-3>:nth-child(n+4),.grid-4>:nth-child(n+4){animation-delay:.15s}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(22px)}.reveal.is-in{opacity:1;transform:none}.tilt{perspective:900px}.tilt>*{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);position:relative;overflow:hidden}.tilt:hover>*{box-shadow:var(--shadow-4)}.lift{transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.lift:hover,a.card:hover{transform:translateY(var(--lift-md,-2px));box-shadow:var(--shadow-3)}a.card{transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.confetti{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:40%;left:50%}.confetti i{width:8px;height:12px;animation:ml-burst 1.1s var(--ease-out) forwards;border-radius:2px;position:absolute}.m-typing{gap:4px;display:inline-flex}.m-typing i{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite ml-bounce}.m-typing i:nth-child(2){animation-delay:.12s}.m-typing i:nth-child(3){animation-delay:.24s}@keyframes ml-fade-up{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes ml-fade{0%{opacity:0}to{opacity:1}}@keyframes ml-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes ml-draw{to{stroke-dashoffset:0}}@keyframes ml-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ml-flow{to{background-position:-200% 0}}@keyframes ml-ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes ml-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.08)}66%{transform:translate(-30px,25px)scale(.95)}}@keyframes ml-word{0%{opacity:0;transform:translateY(100%)}12%{opacity:1;transform:none}88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-100%)}}@keyframes ml-travel{0%{offset-distance:0%;opacity:0}8%{opacity:1}85%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}@keyframes ml-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), calc(var(--dy) + 80px)) rotate(var(--rot));opacity:0}}@keyframes ml-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes ml-ripple{to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.chart .draw,.hero-route .draw{stroke-dashoffset:0}.hero-aurora,.hero-route .traveler,.journey-car:after{display:none}.tilt>*{transform:none!important}}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}html[data-motion=off] .reveal{opacity:1;transform:none}html[data-motion=off] .chart .draw,html[data-motion=off] .hero-route .draw{stroke-dashoffset:0}.m-spin{animation:1s linear infinite ml-spin}@keyframes ml-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.m-hide-sm{display:none!important}}.m-shell-wrap{width:100%;container-type:inline-size}.m-shell .app-main>*{width:100%;max-width:1320px;margin-inline:auto}