@layer fluxara.reset,fluxara.tokens,fluxara.base,fluxara.layout,fluxara.utilities,fluxara.variants,fluxara.recipes;@layer fluxara.tokens{:where(:root,[data-fx-theme=aurora]){color-scheme:light;--fx-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fx-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--fx-step--2: .75rem;--fx-step--1: .875rem;--fx-step-0: 1rem;--fx-step-1: 1.125rem;--fx-step-2: 1.375rem;--fx-step-3: 1.75rem;--fx-step-4: 2.25rem;--fx-step-5: 3rem;--fx-space-0: 0;--fx-space-1: .25rem;--fx-space-2: .5rem;--fx-space-3: .75rem;--fx-space-4: 1rem;--fx-space-5: 1.25rem;--fx-space-6: 1.5rem;--fx-space-7: 2rem;--fx-space-8: 2.5rem;--fx-space-9: 3rem;--fx-space-10: 4rem;--fx-space-11: 5rem;--fx-space-12: 6rem;--fx-radius-0: 0;--fx-radius-1: .25rem;--fx-radius-2: .5rem;--fx-radius-3: .75rem;--fx-radius-4: 1rem;--fx-radius-pill: 999rem;--fx-canvas: #fbfcff;--fx-surface: #ffffff;--fx-surface-2: #eef3f8;--fx-ink: #14171f;--fx-muted: #5b6575;--fx-line: #d8e0ea;--fx-brand: #0f7c80;--fx-brand-ink: #f4ffff;--fx-accent: #b62f5c;--fx-accent-ink: #fff7fb;--fx-warn: #a96300;--fx-danger: #bd2036;--fx-success: #167a45;--fx-shadow-1: 0 1px 2px rgb(20 23 31 / .08), 0 1px 1px rgb(20 23 31 / .05);--fx-shadow-2: 0 10px 25px rgb(20 23 31 / .12);--fx-shadow-3: 0 20px 55px rgb(20 23 31 / .18);--fx-ring: 0 0 0 3px color-mix(in srgb, var(--fx-brand), transparent 70%);--fx-ease: cubic-bezier(.2, 0, 0, 1);--fx-fast: .14s;--fx-normal: .22s;--fx-measure: 68ch}[data-fx-theme=midnight]{color-scheme:dark;--fx-canvas: #101216;--fx-surface: #171b22;--fx-surface-2: #222936;--fx-ink: #f5f7fb;--fx-muted: #aab4c3;--fx-line: #323b4a;--fx-brand: #55d0c7;--fx-brand-ink: #061616;--fx-accent: #ff7aa8;--fx-accent-ink: #2d0614}}@layer fluxara.reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-block-size:100vh}img,picture,video,canvas,svg{display:block;max-inline-size:100%}button,input,select,textarea{font:inherit}:target{scroll-margin-block:2rem}}@layer fluxara.base{:where(body){background:var(--fx-canvas);color:var(--fx-ink);font-family:var(--fx-font-sans);font-size:var(--fx-step-0);line-height:1.5}:where(a){color:var(--fx-brand);text-underline-offset:.18em}:where(:focus-visible){outline:0;box-shadow:var(--fx-ring)}}@layer fluxara.layout{.fx\:block{display:block}.fx\:inline{display:inline-flex}.fx\:flex{display:flex}.fx\:grid{display:grid}.fx\:contents{display:contents}.fx\:hidden{display:none}.fx\:row{flex-direction:row}.fx\:col{flex-direction:column}.fx\:wrap{flex-wrap:wrap}.fx\:nowrap{flex-wrap:nowrap}.fx\:items\:start{align-items:start}.fx\:items\:center{align-items:center}.fx\:items\:end{align-items:end}.fx\:items\:stretch{align-items:stretch}.fx\:justify\:start{justify-content:start}.fx\:justify\:center{justify-content:center}.fx\:justify\:end{justify-content:end}.fx\:justify\:between{justify-content:space-between}.fx\:place\:center{place-items:center}}@layer fluxara.layout{.fx\:grid\:cols\:1{grid-template-columns:repeat(1,minmax(0,1fr))}.fx\:grid\:cols\:2{grid-template-columns:repeat(2,minmax(0,1fr))}.fx\:grid\:cols\:3{grid-template-columns:repeat(3,minmax(0,1fr))}.fx\:grid\:cols\:4{grid-template-columns:repeat(4,minmax(0,1fr))}.fx\:grid\:cols\:5{grid-template-columns:repeat(5,minmax(0,1fr))}.fx\:grid\:cols\:6{grid-template-columns:repeat(6,minmax(0,1fr))}.fx\:grid\:cols\:12{grid-template-columns:repeat(12,minmax(0,1fr))}.fx\:grid\:cols\:auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--fx-col-min, 14rem)),1fr))}.fx\:grid\:rows\:auto{grid-auto-rows:auto}.fx\:grid\:rows\:equal{grid-auto-rows:1fr}.fx\:colspan\:2{grid-column:span 2}.fx\:colspan\:3{grid-column:span 3}.fx\:colspan\:full{grid-column:1 / -1}}@layer fluxara.layout{.fx\:w\:full{inline-size:100%}.fx\:w\:screen{inline-size:100vi}.fx\:w\:fit{inline-size:fit-content}.fx\:w\:max{inline-size:max-content}.fx\:w\:\${inline-size:var(--fx-w)}.fx\:h\:full{block-size:100%}.fx\:h\:screen{min-block-size:100vb}.fx\:h\:\${block-size:var(--fx-h)}.fx\:min\:0{min-inline-size:0;min-block-size:0}.fx\:measure{max-inline-size:var(--fx-measure)}.fx\:container{inline-size:min(100% - (2 * var(--fx-space-4)),var(--fx-container, 72rem));margin-inline:auto}.fx\:ratio\:square{aspect-ratio:1}.fx\:ratio\:video{aspect-ratio:16 / 9}.fx\:ratio\:\${aspect-ratio:var(--fx-ratio)}}@layer fluxara.layout{.fx\:clip{overflow:clip}.fx\:scroll{overflow:auto}.fx\:scroll\:x{overflow-x:auto}.fx\:scroll\:y{overflow-y:auto}.fx\:overscroll\:contain{overscroll-behavior:contain}.fx\:snap\:x{scroll-snap-type:x mandatory}.fx\:snap\:y{scroll-snap-type:y mandatory}.fx\:snap\:start{scroll-snap-align:start}}@layer fluxara.layout{.fx\:relative{position:relative}.fx\:absolute{position:absolute}.fx\:fixed{position:fixed}.fx\:sticky{position:sticky}.fx\:inset\:0{top:0;right:0;bottom:0;left:0}.fx\:inset\:\${inset:var(--fx-inset)}.fx\:top\:0{inset-block-start:0}.fx\:bottom\:0{inset-block-end:0}.fx\:start\:0{inset-inline-start:0}.fx\:end\:0{inset-inline-end:0}.fx\:z\:0{z-index:0}.fx\:z\:1{z-index:1}.fx\:z\:10{z-index:10}.fx\:z\:top{z-index:2147483647}}@layer fluxara.utilities{.fx\:gap\:0{gap:var(--fx-space-0)}.fx\:gap\:1{gap:var(--fx-space-1)}.fx\:gap\:2{gap:var(--fx-space-2)}.fx\:gap\:3{gap:var(--fx-space-3)}.fx\:gap\:4{gap:var(--fx-space-4)}.fx\:gap\:5{gap:var(--fx-space-5)}.fx\:gap\:6{gap:var(--fx-space-6)}.fx\:gap\:7{gap:var(--fx-space-7)}.fx\:gap\:8{gap:var(--fx-space-8)}.fx\:gap\:\${gap:var(--fx-gap)}.fx\:p\:0{padding:var(--fx-space-0)}.fx\:p\:1{padding:var(--fx-space-1)}.fx\:p\:2{padding:var(--fx-space-2)}.fx\:p\:3{padding:var(--fx-space-3)}.fx\:p\:4{padding:var(--fx-space-4)}.fx\:p\:5{padding:var(--fx-space-5)}.fx\:p\:6{padding:var(--fx-space-6)}.fx\:p\:8{padding:var(--fx-space-8)}.fx\:p\:10{padding:var(--fx-space-10)}.fx\:p\:\${padding:var(--fx-p)}.fx\:px\:2{padding-inline:var(--fx-space-2)}.fx\:px\:3{padding-inline:var(--fx-space-3)}.fx\:px\:4{padding-inline:var(--fx-space-4)}.fx\:px\:5{padding-inline:var(--fx-space-5)}.fx\:px\:6{padding-inline:var(--fx-space-6)}.fx\:py\:1{padding-block:var(--fx-space-1)}.fx\:py\:2{padding-block:var(--fx-space-2)}.fx\:py\:3{padding-block:var(--fx-space-3)}.fx\:py\:4{padding-block:var(--fx-space-4)}.fx\:m\:0{margin:var(--fx-space-0)}.fx\:m\:auto{margin:auto}.fx\:mx\:auto{margin-inline:auto}.fx\:mt\:4{margin-block-start:var(--fx-space-4)}.fx\:mt\:6{margin-block-start:var(--fx-space-6)}.fx\:mb\:4{margin-block-end:var(--fx-space-4)}.fx\:mb\:6{margin-block-end:var(--fx-space-6)}.fx\:stack\:2>*+*{margin-block-start:var(--fx-space-2)}.fx\:stack\:3>*+*{margin-block-start:var(--fx-space-3)}.fx\:stack\:4>*+*{margin-block-start:var(--fx-space-4)}.fx\:stack\:6>*+*{margin-block-start:var(--fx-space-6)}}@layer fluxara.utilities{.fx\:font\:sans{font-family:var(--fx-font-sans)}.fx\:font\:mono{font-family:var(--fx-font-mono)}.fx\:text\:xs{font-size:var(--fx-step--2)}.fx\:text\:sm{font-size:var(--fx-step--1)}.fx\:text\:base{font-size:var(--fx-step-0)}.fx\:text\:lg{font-size:var(--fx-step-1)}.fx\:text\:xl{font-size:var(--fx-step-2)}.fx\:text\:2xl{font-size:var(--fx-step-3);line-height:1.15}.fx\:text\:3xl{font-size:var(--fx-step-4);line-height:1.1}.fx\:text\:4xl{font-size:var(--fx-step-5);line-height:1.05}.fx\:weight\:400{font-weight:400}.fx\:weight\:500{font-weight:500}.fx\:weight\:600{font-weight:600}.fx\:weight\:700{font-weight:700}.fx\:leading\:tight{line-height:1.1}.fx\:leading\:normal{line-height:1.5}.fx\:leading\:loose{line-height:1.75}.fx\:align\:start{text-align:start}.fx\:align\:center{text-align:center}.fx\:align\:end{text-align:end}.fx\:balance{text-wrap:balance}.fx\:pretty{text-wrap:pretty}.fx\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer fluxara.utilities{.fx\:bg\:canvas{background:var(--fx-canvas)}.fx\:bg\:surface{background:var(--fx-surface)}.fx\:bg\:surface-2{background:var(--fx-surface-2)}.fx\:bg\:brand{background:var(--fx-brand)}.fx\:bg\:accent{background:var(--fx-accent)}.fx\:bg\:\${background:var(--fx-bg)}.fx\:fg\:ink{color:var(--fx-ink)}.fx\:fg\:muted{color:var(--fx-muted)}.fx\:fg\:brand{color:var(--fx-brand)}.fx\:fg\:brand-ink{color:var(--fx-brand-ink)}.fx\:fg\:accent{color:var(--fx-accent)}.fx\:fg\:accent-ink{color:var(--fx-accent-ink)}.fx\:fg\:\${color:var(--fx-fg)}.fx\:border{border:1px solid var(--fx-line)}.fx\:border\:brand{border-color:var(--fx-brand)}.fx\:border\:\${border-color:var(--fx-border)}.fx\:divide\:y>*+*{border-block-start:1px solid var(--fx-line)}}@layer fluxara.utilities{.fx\:radius\:0{border-radius:var(--fx-radius-0)}.fx\:radius\:1{border-radius:var(--fx-radius-1)}.fx\:radius\:2{border-radius:var(--fx-radius-2)}.fx\:radius\:3{border-radius:var(--fx-radius-3)}.fx\:radius\:4{border-radius:var(--fx-radius-4)}.fx\:radius\:pill{border-radius:var(--fx-radius-pill)}.fx\:shadow\:1{box-shadow:var(--fx-shadow-1)}.fx\:shadow\:2{box-shadow:var(--fx-shadow-2)}.fx\:shadow\:3{box-shadow:var(--fx-shadow-3)}.fx\:ring{box-shadow:var(--fx-ring)}.fx\:blur\:backdrop{-webkit-backdrop-filter:blur(var(--fx-blur, 14px));backdrop-filter:blur(var(--fx-blur, 14px))}.fx\:opacity\:0{opacity:0}.fx\:opacity\:50{opacity:.5}.fx\:opacity\:100{opacity:1}}@layer fluxara.utilities{.fx\:cursor\:pointer{cursor:pointer}.fx\:cursor\:disabled{cursor:not-allowed}.fx\:select\:none{-webkit-user-select:none;user-select:none}.fx\:events\:none{pointer-events:none}.fx\:touch\:pan-x{touch-action:pan-x}.fx\:touch\:pan-y{touch-action:pan-y}.fx\:accent\:brand{accent-color:var(--fx-brand)}.fx\:disabled,:disabled.fx\:disabled{cursor:not-allowed;opacity:.55}}@layer fluxara.utilities{.fx\:transition{transition-duration:var(--fx-normal);transition-timing-function:var(--fx-ease)}.fx\:transition\:fast{transition-duration:var(--fx-fast);transition-timing-function:var(--fx-ease)}.fx\:animate\:fade-in{animation:fx-fade-in var(--fx-normal) var(--fx-ease) both}.fx\:animate\:rise-in{animation:fx-rise-in .36s var(--fx-ease) both}@keyframes fx-fade-in{0%{opacity:0}}@keyframes fx-rise-in{0%{opacity:0;transform:translateY(.5rem)}}@media(prefers-reduced-motion:reduce){.fx\:transition,.fx\:transition\:fast,.fx\:animate\:fade-in,.fx\:animate\:rise-in{animation-duration:1ms;transition-duration:1ms}}}@layer fluxara.variants{.fx\:hover\:lift{transition:transform var(--fx-fast) var(--fx-ease),box-shadow var(--fx-fast) var(--fx-ease)}.fx\:hover\:lift:hover{transform:translateY(-2px);box-shadow:var(--fx-shadow-2)}.fx\:hover\:bright:hover{filter:brightness(1.06)}.fx\:focus\:ring:focus-visible{box-shadow:var(--fx-ring)}.fx\:active\:press:active{transform:translateY(1px)}[data-state=open].fx\:state\:open\:show,.fx\:state\:open\:show[data-state=open]{display:revert}[data-state=closed].fx\:state\:closed\:hide,.fx\:state\:closed\:hide[data-state=closed]{display:none}[data-fx-theme=midnight] .fx\:dark\:surface{background:var(--fx-surface);color:var(--fx-ink)}@media(min-width:40rem){.fx\:sm\:grid\:cols\:2{grid-template-columns:repeat(2,minmax(0,1fr))}.fx\:sm\:row{flex-direction:row}.fx\:sm\:block{display:block}}@media(min-width:56rem){.fx\:md\:grid\:cols\:2{grid-template-columns:repeat(2,minmax(0,1fr))}.fx\:md\:grid\:cols\:3{grid-template-columns:repeat(3,minmax(0,1fr))}.fx\:md\:grid\:cols\:4{grid-template-columns:repeat(4,minmax(0,1fr))}.fx\:md\:p\:8{padding:var(--fx-space-8)}.fx\:md\:flex{display:flex}}@media(min-width:72rem){.fx\:lg\:grid\:cols\:4{grid-template-columns:repeat(4,minmax(0,1fr))}.fx\:lg\:grid\:cols\:6{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (min-width: 32rem){.fx\:cq\:grid\:cols\:2{grid-template-columns:repeat(2,minmax(0,1fr))}.fx\:cq\:row{flex-direction:row}}}@layer fluxara.recipes{.fx\:recipe\:button{align-items:center;border:1px solid transparent;border-radius:var(--fx-radius-2);cursor:pointer;display:inline-flex;font-weight:600;gap:var(--fx-space-2);justify-content:center;min-block-size:2.5rem;padding-block:var(--fx-space-2);padding-inline:var(--fx-space-4);transition:transform var(--fx-fast) var(--fx-ease),filter var(--fx-fast) var(--fx-ease)}.fx\:recipe\:button:hover{filter:brightness(1.04)}.fx\:recipe\:button:active{transform:translateY(1px)}.fx\:recipe\:panel{background:var(--fx-surface);border:1px solid var(--fx-line);border-radius:var(--fx-radius-3);box-shadow:var(--fx-shadow-1)}.fx\:recipe\:cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--fx-gap, var(--fx-space-3))}.fx\:recipe\:switch{--fx-switch-size: 1.25rem;align-items:center;background:var(--fx-surface-2);border:1px solid var(--fx-line);border-radius:var(--fx-radius-pill);display:inline-flex;inline-size:calc(var(--fx-switch-size) * 2);padding:.125rem}.fx\:recipe\:switch:before{aspect-ratio:1;background:var(--fx-surface);border-radius:inherit;box-shadow:var(--fx-shadow-1);content:"";inline-size:var(--fx-switch-size);transition:transform var(--fx-fast) var(--fx-ease)}.fx\:recipe\:switch[aria-checked=true]{background:var(--fx-brand)}.fx\:recipe\:switch[aria-checked=true]:before{transform:translate(calc(var(--fx-switch-size) - .25rem))}}@layer app{:root{--site-nav-h: 4.75rem}html{scroll-behavior:smooth}body{min-inline-size:320px}a{text-decoration:none}.skip-link{position:fixed;inset-block-start:var(--fx-space-3);inset-inline-start:var(--fx-space-3);z-index:2147483647;padding:var(--fx-space-2) var(--fx-space-4);border-radius:var(--fx-radius-2);background:var(--fx-brand);color:var(--fx-brand-ink);font-weight:700;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-nav{position:sticky;inset-block-start:0;z-index:10;border-block-end:1px solid color-mix(in srgb,var(--fx-line),transparent 25%);background:color-mix(in srgb,var(--fx-canvas),transparent 9%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-inner{min-block-size:var(--site-nav-h)}.brand-mark{color:var(--fx-ink)}.brand-glyph{display:grid;inline-size:2.25rem;block-size:2.25rem;place-items:center;border:1px solid color-mix(in srgb,var(--fx-brand),white 18%);border-radius:var(--fx-radius-2);background:linear-gradient(135deg,color-mix(in srgb,var(--fx-brand),white 18%),var(--fx-brand));color:var(--fx-brand-ink);box-shadow:var(--fx-shadow-1);font-weight:800}.nav-actions{--fx-gap: var(--fx-space-3)}.nav-link{color:var(--fx-muted);font-weight:650}.nav-link:hover{color:var(--fx-brand)}.theme-switch{flex:0 0 auto}.hero-shell{border-block-end:1px solid var(--fx-line);background:linear-gradient(180deg,color-mix(in srgb,var(--fx-brand),transparent 92%),transparent 42%),radial-gradient(circle at 76% 18%,color-mix(in srgb,var(--fx-accent),transparent 84%),transparent 27rem)}.hero{min-block-size:calc(100vb - var(--site-nav-h));padding-block:var(--fx-space-9)}.hero-copy{max-inline-size:42rem}.pill{border-radius:var(--fx-radius-pill);padding:.35rem .75rem;font-size:var(--fx-step--1);white-space:nowrap}.signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fx-space-3);margin:0}.signal-grid div{border:1px solid var(--fx-line);border-radius:var(--fx-radius-2);background:color-mix(in srgb,var(--fx-surface),transparent 12%);padding:var(--fx-space-4)}.signal-grid dt{color:var(--fx-muted);font-size:var(--fx-step--1)}.signal-grid dd{margin:var(--fx-space-1) 0 0;font-weight:800}.hero-product{overflow:hidden;border:1px solid var(--fx-line);border-radius:var(--fx-radius-4);background:var(--fx-surface);box-shadow:var(--fx-shadow-3)}.preview-toolbar{min-block-size:3rem;border-block-end:1px solid var(--fx-line);padding-inline:var(--fx-space-4);color:var(--fx-muted)}.window-dots{display:flex;gap:.45rem}.window-dots span{inline-size:.72rem;block-size:.72rem;border-radius:var(--fx-radius-pill);background:var(--fx-line)}.window-dots span:nth-child(1){background:var(--fx-danger)}.window-dots span:nth-child(2){background:var(--fx-warn)}.window-dots span:nth-child(3){background:var(--fx-success)}.preview-body{display:grid;grid-template-columns:4.25rem minmax(0,1fr);min-block-size:30rem}.preview-rail{display:flex;flex-direction:column;gap:var(--fx-space-3);border-inline-end:1px solid var(--fx-line);padding:var(--fx-space-4);background:var(--fx-surface-2)}.preview-rail span,.preview-line,.preview-cards span{border-radius:var(--fx-radius-2);background:color-mix(in srgb,var(--fx-brand),var(--fx-surface) 78%)}.preview-rail span{inline-size:100%;aspect-ratio:1}.preview-main{min-inline-size:0;padding:var(--fx-space-5)}.preview-line{inline-size:58%;block-size:.85rem}.preview-line.wide{inline-size:82%;block-size:1.2rem}.preview-cards span{min-block-size:4.8rem;background:linear-gradient(135deg,color-mix(in srgb,var(--fx-brand),transparent 45%),color-mix(in srgb,var(--fx-accent),transparent 62%))}pre{overflow-x:auto;white-space:pre;color:var(--fx-ink)}.preview-main pre,.terminal{border:1px solid var(--fx-line);border-radius:var(--fx-radius-2);background:color-mix(in srgb,var(--fx-canvas),var(--fx-surface) 65%);box-shadow:var(--fx-shadow-1)}.preview-main pre{padding:var(--fx-space-4)}.section{padding-block:var(--fx-space-10)}.section-head{max-inline-size:48rem}.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:var(--fx-step--1)}.feature-card,.utility-card{min-block-size:100%}.feature-code,.class-chip{inline-size:fit-content;border-radius:var(--fx-radius-1)}.feature-code{padding:.25rem .5rem;background:var(--fx-surface-2);color:var(--fx-brand)}.quick-start,.production-band{padding-block:var(--fx-space-10);border-block:1px solid var(--fx-line);background:var(--fx-surface-2)}.terminal{margin:0}.layer-strip span{min-inline-size:0}.check-list{margin:0;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:var(--fx-space-3);border:1px solid var(--fx-line);border-radius:var(--fx-radius-2);background:var(--fx-surface);padding:var(--fx-space-4)}.check-list span{display:grid;flex:0 0 auto;inline-size:1.5rem;block-size:1.5rem;place-items:center;border-radius:var(--fx-radius-pill);background:var(--fx-brand);color:var(--fx-brand-ink);font-weight:800}.final-cta{padding-block:var(--fx-space-10)}.site-footer{border-block-start:1px solid var(--fx-line)}@media(max-width:56rem){.nav-inner,.site-footer{align-items:flex-start;flex-direction:column;padding-block:var(--fx-space-4)}.nav-actions{inline-size:100%;justify-content:space-between}.hero{min-block-size:auto;padding-block:var(--fx-space-7)}.preview-body{grid-template-columns:1fr;min-block-size:auto}.preview-rail{display:none}.signal-grid{grid-template-columns:1fr}}@media(max-width:38rem){.nav-actions{gap:var(--fx-space-2)}.nav-link{font-size:var(--fx-step--1)}.preview-toolbar code{display:none}}}
