/* Formixa – compiled Tailwind CSS v3.4 utilities */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.z-50{z-index:50}.z-\[60\]{z-index:60}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[3px\]{height:3px}.min-h-\[20px\]{min-height:20px}.min-h-\[300px\]{min-height:300px}.min-h-\[460px\]{min-height:460px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[92px\]{width:92px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[1132px\]{max-width:1132px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-page{max-width:1180px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[18px\]{border-radius:18px}.rounded-\[24px\]{border-radius:24px}.rounded-brand{border-radius:18px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--before-line\)\]{border-color:var(--before-line)}.border-\[var\(--hover-line\)\]{border-color:var(--hover-line)}.border-indigo\/30{border-color:rgba(90,79,208,.3)}.border-teal\/30{border-color:rgba(16,160,144,.3)}.border-transparent{border-color:transparent}.bg-\[rgba\(229\2c 72\2c 77\2c \.04\)\]{background-color:rgba(229,72,77,.04)}.bg-\[var\(--band\)\]{background-color:var(--band)}.bg-\[var\(--chip-bg\)\]{background-color:var(--chip-bg)}.bg-\[var\(--dot\)\]{background-color:var(--dot)}.bg-\[var\(--input-bg\)\]{background-color:var(--input-bg)}.bg-\[var\(--line\)\]{background-color:var(--line)}.bg-\[var\(--menu-bg\)\]{background-color:var(--menu-bg)}.bg-\[var\(--panel\)\]{background-color:var(--panel)}.bg-\[var\(--soft-fill\)\]{background-color:var(--soft-fill)}.bg-\[var\(--tag-bg\)\]{background-color:var(--tag-bg)}.bg-indigo\/15{background-color:rgba(90,79,208,.15)}.bg-surface{background-color:var(--surface)}.bg-surface2{background-color:var(--surface-2)}.bg-teal{--tw-bg-opacity:1;background-color:rgb(16 160 144/var(--tw-bg-opacity,1))}.bg-teal-soft{background-color:var(--teal-soft)}.bg-teal\/15{background-color:rgba(16,160,144,.15)}.bg-teal\/\[0\.06\]{background-color:rgba(16,160,144,.06)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-1\.5{padding-left:.375rem}.pr-3{padding-right:.75rem}.pr-7{padding-right:1.75rem}.pt-0\.5{padding-top:.125rem}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Poppins,ui-sans-serif,system-ui,sans-serif}.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[23px\]{font-size:23px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.08\]{line-height:1.08}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[\.15em\]{letter-spacing:.15em}.text-\[var\(--after-text\)\]{color:var(--after-text)}.text-\[var\(--before-text\)\]{color:var(--before-text)}.text-\[var\(--chip-fg\)\]{color:var(--chip-fg)}.text-\[var\(--industry\)\]{color:var(--industry)}.text-faint{color:var(--faint)}.text-indigo-soft{color:var(--indigo-soft)}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-teal-soft{color:var(--teal-soft)}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.placeholder\:text-faint::-moz-placeholder{color:var(--faint)}.placeholder\:text-faint::placeholder{color:var(--faint)}.hover\:border-\[var\(--hover-line\)\]:hover{border-color:var(--hover-line)}.hover\:bg-\[var\(--dot-hover\)\]:hover{background-color:var(--dot-hover)}.hover\:bg-\[var\(--tint\)\]:hover{background-color:var(--tint)}.hover\:text-ink:hover{color:var(--ink)}.focus\:border-indigo-soft:focus{border-color:var(--indigo-soft)}@media (min-width:640px){.sm\:mt-16{margin-top:4rem}.sm\:inline{display:inline}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:p-10{padding:2.5rem}.sm\:p-3{padding:.75rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:pt-24{padding-top:6rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[19px\]{font-size:19px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[30px\]{font-size:30px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[44px\]{font-size:44px}.sm\:leading-\[1\.04\]{line-height:1.04}.sm\:leading-\[1\.08\]{line-height:1.08}.sm\:leading-\[1\.12\]{line-height:1.12}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.2fr_1fr\]{grid-template-columns:1.2fr 1fr}.md\:gap-10{gap:2.5rem}}@media (min-width:1024px){.lg\:max-w-md{max-width:28rem}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[1\.05fr_1fr\]{grid-template-columns:1.05fr 1fr}.lg\:grid-cols-\[1\.25fr_1fr\]{grid-template-columns:1.25fr 1fr}.lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}.lg\:self-auto{align-self:auto}}
/* Formixa – brand tokens (light default, dark via [data-theme="dark"]) and components */
  :root{
    color-scheme: light;
    --ground:#F4F5F8; --surface:#FFFFFF; --surface-2:#FBFBFD; --line:#E6E7EE; --line-2:#D9DBE4;
    --ink:#131826; --muted:#5E6472; --faint:#6F7584;
    --indigo:#5A4FD0; --indigo-soft:#4B40C4; --teal:#10A090; --teal-soft:#0B8074;
    --alert:#E5484D; --amber:#E3A33B;
    --grad: linear-gradient(135deg,#5A4FD0 0%,#10A090 100%);
    --shadow: 0 1px 2px rgba(12,21,38,.05), 0 16px 40px -22px rgba(12,21,38,.22);
    --band:#EDEFF4; --panel:#F8F9FC; --chip-bg:#ECEAFB; --chip-fg:#4B40C4;
    --before-line:#EFC6C8; --before-text:#C4383D; --after-text:#1B2130; --industry:#6B7180;
    --hover-line:#C9CCD8; --dot:#D3D6E0; --dot-hover:#A9AEBD;
    --nav-bg:rgba(244,245,248,.86); --menu-bg:rgba(244,245,248,.97); --input-bg:#FFFFFF; --tag-bg:rgba(255,255,255,.85);
    --tint:rgba(12,21,38,.035); --soft-fill:rgba(12,21,38,.07); --outline-bg:#FFFFFF; --outline-hover:#BFC3D0;
    --window-top:#FFFFFF; --window-bottom:#FAFBFD; --window-shadow:0 40px 100px -50px rgba(12,21,38,.35);
    --ring-mid:rgba(214,217,227,.7); --grid-line:rgba(12,21,38,.05); --glow1:rgba(90,79,208,.16); --glow2:rgba(16,160,144,.12);
    --switch-off:#D8DBE4; --knob:#FFFFFF; --row-line:#EEF0F4; --seg-shadow:0 1px 2px rgba(12,21,38,.1);
    --backdrop:rgba(12,21,38,.45); --selection:rgba(90,79,208,.2);
    --pill-info:#4B40C4; --pill-ok:#0B7F72; --pill-warn:#8A5A06; --pill-bad:#C4383D;
    --cta-glow1:rgba(90,79,208,.16); --cta-glow2:rgba(16,160,144,.13);
    --sun:none; --moon:block;
  }
  :root[data-theme="dark"]{
    color-scheme: dark;
    --ground:#0A0D14; --surface:#141824; --surface-2:#1A1F2C; --line:#262C3A; --line-2:#323a4c;
    --ink:#EAECF3; --muted:#AEB5C4; --faint:#8C94A7;
    --indigo-soft:#8F86F5; --teal-soft:#35CDB9;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 16px 40px -22px rgba(0,0,0,.7);
    --band:#0C1019; --panel:#121622; --chip-bg:#2b2350; --chip-fg:#c9c3ff;
    --before-line:#3a3240; --before-text:#F08A8D; --after-text:#e3e6ee; --industry:#8d95a8;
    --hover-line:#39415a; --dot:#3a4152; --dot-hover:#56607a;
    --nav-bg:rgba(10,13,20,.78); --menu-bg:rgba(10,13,20,.95); --input-bg:rgba(10,13,20,.8); --tag-bg:rgba(20,24,36,.7);
    --tint:rgba(255,255,255,.03); --soft-fill:rgba(255,255,255,.1); --outline-bg:rgba(255,255,255,.02); --outline-hover:#46506a;
    --window-top:#151a27; --window-bottom:#10141e; --window-shadow:0 40px 120px -40px rgba(0,0,0,.85);
    --ring-mid:rgba(38,44,58,.2); --grid-line:rgba(255,255,255,.035); --glow1:rgba(90,79,208,.28); --glow2:rgba(16,160,144,.18);
    --switch-off:#2a3142; --knob:#cfd3de; --row-line:rgba(38,44,58,.6); --seg-shadow:0 1px 2px rgba(0,0,0,.4);
    --backdrop:rgba(5,7,12,.72); --selection:rgba(90,79,208,.45);
    --pill-info:#A9A2FA; --pill-ok:#35CDB9; --pill-warn:#F0BE68; --pill-bad:#F08A8D;
    --cta-glow1:rgba(90,79,208,.35); --cta-glow2:rgba(16,160,144,.28);
    --sun:block; --moon:none;
  }
  .i-sun{display:var(--sun)} .i-moon{display:var(--moon)}
  [hidden]{display:none!important}
  html{scroll-behavior:smooth; scroll-padding-top:84px}
  body{background:var(--ground); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; overflow-x:hidden}
  h1,h2,h3{font-family:Poppins,ui-sans-serif,system-ui,sans-serif; text-wrap:balance; letter-spacing:-0.02em}
  .tnum{font-variant-numeric:tabular-nums}
  .wordmark{font-family:Poppins,sans-serif; font-weight:800; letter-spacing:-0.03em; text-transform:lowercase}
  .eyebrow{font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--indigo-soft)}
  .grad-text{background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent}
  ::selection{background:var(--selection)}

  /* Buttons (shadcn-like) */
  .btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; height:40px; padding:0 1rem; border-radius:10px; font-weight:500; font-size:14px; white-space:nowrap; transition:background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; cursor:pointer}
  .btn:focus-visible, .focusable:focus-visible, button:focus-visible, a:focus-visible, select:focus-visible{outline:2px solid var(--indigo-soft); outline-offset:2px}
  .btn-primary{background:var(--indigo); color:#fff; box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 8px 24px -10px rgba(90,79,208,.8)}
  .btn-primary:hover{background:#6A60DC; transform:translateY(-1px); box-shadow:0 1px 0 rgba(255,255,255,.2) inset, 0 12px 28px -10px rgba(90,79,208,.9)}
  .btn-primary:active{transform:translateY(0)}
  .btn-outline{background:var(--outline-bg); border:1px solid var(--line-2); color:var(--ink)}
  .btn-outline:hover{background:var(--surface-2); border-color:var(--outline-hover)}
  .btn-ghost{color:var(--muted)} .btn-ghost:hover{color:var(--ink); background:var(--surface-2)}
  .btn-lg{height:46px; padding:0 1.25rem; font-size:15px}
  .btn.px-0{padding:0} .btn.px-2{padding:0 .5rem} .btn.w-8{width:32px} .btn.w-10{width:40px}
  .btn.h-8{height:32px} .btn.h-9{height:36px} .btn.h-12{height:48px} .btn.justify-start{justify-content:flex-start}
  @media (min-width:768px){ .btn.md\:hidden{display:none} }

  .card{background:var(--surface); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow)}
  .hairline{border-color:var(--line)}

  /* Status pills */
  .pill{display:inline-flex; align-items:center; gap:6px; height:24px; padding:0 9px; border-radius:999px; font-size:13px; font-weight:500; white-space:nowrap; border:1px solid transparent}
  .pill::before{content:""; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none}
  .pill-info{color:var(--pill-info); background:rgba(90,79,208,.14); border-color:rgba(90,79,208,.3)}
  .pill-ok{color:var(--pill-ok); background:rgba(16,160,144,.12); border-color:rgba(16,160,144,.3)}
  .pill-warn{color:var(--pill-warn); background:rgba(227,163,59,.12); border-color:rgba(227,163,59,.3)}
  .pill-bad{color:var(--pill-bad); background:rgba(229,72,77,.12); border-color:rgba(229,72,77,.3)}
  .pill-neutral{color:var(--muted); background:rgba(152,160,178,.1); border-color:rgba(152,160,178,.22)}

  /* Hero atmosphere */
  .hero-glow{position:absolute; inset:-10% -20% auto; height:720px; pointer-events:none;
    background:
      radial-gradient(520px 300px at 30% 20%, var(--glow1), transparent 70%),
      radial-gradient(460px 260px at 72% 38%, var(--glow2), transparent 70%);
    filter:blur(10px)}
  .grid-lines{position:absolute; inset:0; pointer-events:none; opacity:.5;
    background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);
    background-size:56px 56px; mask-image:radial-gradient(ellipse 70% 60% at 50% 20%, #000 30%, transparent 75%); -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%, #000 30%, transparent 75%)}
  .window{background:linear-gradient(180deg, var(--window-top), var(--window-bottom)); border:1px solid var(--line-2); border-radius:18px; box-shadow:var(--window-shadow)}
  .window-ring{position:relative}
  .window-ring::before{content:""; position:absolute; inset:-1px; border-radius:19px; padding:1px; background:linear-gradient(135deg, rgba(90,79,208,.7), var(--ring-mid) 40%, rgba(16,160,144,.6)); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none}

  /* Segmented control */
  .seg{display:inline-flex; padding:3px; gap:2px; background:var(--surface-2); border:1px solid var(--line); border-radius:10px}
  .seg button{height:30px; padding:0 12px; border-radius:7px; font-size:13px; font-weight:500; color:var(--muted); transition:all .18s ease}
  .seg button:hover{color:var(--ink)}
  .seg button[aria-selected="true"], .seg button[aria-pressed="true"]{background:var(--surface); color:var(--ink); box-shadow:var(--seg-shadow), 0 0 0 1px var(--line-2)}

  /* Dashboard table */
  .dtable{width:100%; border-collapse:separate; border-spacing:0; font-size:14px}
  .dtable th{font-weight:500; color:var(--faint); text-align:left; padding:8px 12px; border-bottom:1px solid var(--line); font-size:12px; white-space:nowrap}
  .dtable td{padding:10px 12px; border-bottom:1px solid var(--row-line); white-space:nowrap; transition:background-color .15s ease}
  .dtable tr:hover td{background:var(--tint)}
  .dtable tr.mine td:first-child{box-shadow:inset 2px 0 0 var(--teal)}
  .navitem{display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:8px; font-size:14px; color:var(--muted); transition:all .15s ease}
  .navitem:hover{background:var(--tint); color:var(--ink)}
  .navitem.active{background:rgba(90,79,208,.16); color:var(--ink)}
  .navitem .dot{width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.6}
  .fade-swap{animation:fadeSwap .28s ease}
  @keyframes fadeSwap{from{opacity:.25; transform:translateY(3px)} to{opacity:1; transform:none}}

  /* Switch */
  .switch{position:relative; width:38px; height:22px; border-radius:999px; background:var(--switch-off); border:1px solid var(--line-2); transition:background-color .2s ease, border-color .2s ease; flex:none}
  .switch::after{content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--knob); transition:transform .2s ease, background-color .2s ease; box-shadow:0 1px 2px rgba(0,0,0,.4)}
  .switch[aria-checked="true"]{background:var(--teal); border-color:var(--teal)}
  .switch[aria-checked="true"]::after{transform:translateX(16px); background:#fff}
  .switch[aria-disabled="true"]{opacity:.55; cursor:not-allowed}
  .modrow{transition:background-color .15s ease, border-color .15s ease}
  .modrow:hover{background:var(--tint)}

  /* Feature cards */
  .fcard{transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease}
  .fcard:hover{transform:translateY(-3px); border-color:var(--hover-line); box-shadow:0 24px 60px -30px rgba(90,79,208,.55)}


  /* Accordion */
  .acc-panel{display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease}
  .acc-panel > div{overflow:hidden}
  .acc[aria-expanded="true"] + .acc-panel{grid-template-rows:1fr}
  .acc .chev{transition:transform .25s ease}
  .acc[aria-expanded="true"] .chev{transform:rotate(45deg)}

  /* Walkthrough steps */
  .stepdot{height:6px; border-radius:999px; background:var(--line-2); transition:all .25s ease; flex:1}
  .stepdot.done{background:rgba(16,160,144,.55)}
  .stepdot.current{background:var(--teal-soft)}

  .modal-backdrop{background:var(--backdrop); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px)}
  .progress{height:3px; background:var(--indigo-soft); width:0}

  .navlink{position:relative; color:var(--muted); font-size:15px; transition:color .15s ease}
  .navlink:hover{color:var(--ink)}
  .navlink::after{content:""; position:absolute; left:0; right:0; bottom:-6px; height:1px; background:var(--indigo-soft); transform:scaleX(0); transition:transform .2s ease; transform-origin:left}
  .navlink:hover::after{transform:scaleX(1)}

  .navbar{top:env(safe-area-inset-top,0px); transition:background-color .2s ease, border-color .2s ease, backdrop-filter .2s ease}
  .navbar.scrolled{background:var(--nav-bg); border-color:var(--line); backdrop-filter:saturate(140%) blur(12px); -webkit-backdrop-filter:saturate(140%) blur(12px)}

  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.001ms!important; transition-duration:.001ms!important; scroll-behavior:auto!important}
  }