@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.0_n_qwbzcushi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.07r2ragk8ph~z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0787d67~10694.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.0dgq8lqrj3gc_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.0o14nraug8u5s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_af6003fe-module__LUvlQG__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_af6003fe-module__LUvlQG__variable{--font-ibm-plex-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--font-display:"Cabinet Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-mono:var(--font-ibm-plex-mono), "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:18px;--duration-fast:.2s;--duration-slow:.3s;--color-bg:#f4f8fb;--color-surface:#fff;--color-surface-hover:#eff6fb;--color-light-surface:#edf9ff;--color-text:#0b1730;--color-text-sub:#334766;--color-text-muted:#63758f;--color-border:#d5e1ea;--color-border-strong:#b7c8d7;--color-shadow:#0e1a3147;--color-teal:#00c2cc;--color-teal-dim:#17858f;--color-teal-glow:#00c2cc75;--color-mint:#00e5b0;--color-glow-cta:#00e5b061;--color-info:#0b89ad;--color-success:#0f9f72;--color-error:#d14a4a;--alert-error-bg:#ef444412;--header-backdrop:#ffffffd1;--page-glow-1:#00c2cc38;--page-glow-2:#00e5b026;--page-glow-3:#00c2cc1a;--dot-grid-color:#00c2cc47;--color-navy:#0a2540;--color-glow-card:0 4px 24px #00c2cc1f, 0 1px 4px #0a25400f;--hero-section-bg:linear-gradient(150deg, #edfcfd 0%, #f0f7ff 45%, #f7fffe 100%);--text-caption:600 12px / 1.4 var(--font-mono);--text-h1:700 clamp(2.4rem, 5vw, 3.8rem) / 1.1 var(--font-display);--text-h3:700 clamp(1.8rem, 3.5vw, 2.6rem) / 1.2 var(--font-display);--text-h5:700 clamp(1.1rem, 1.75vw, 1.4rem) / 1.35 var(--font-display);--text-h4:700 clamp(1.55rem, 3vw, 2.45rem) / 1.2 var(--font-display);--text-body-lg:400 18px / 1.6 var(--font-display);--text-body:400 16px / 1.6 var(--font-display);--text-body-sm:400 14px / 1.5 var(--font-display)}[data-theme=dark]{--color-bg:#060f24;--color-surface:#0f1b34;--color-surface-hover:#172743;--color-light-surface:#213152;--color-text:#e6eef9;--color-text-sub:#b2c3dc;--color-text-muted:#8ca1c0;--color-border:#2c3d5c;--color-border-strong:#40557a;--color-shadow:#020918a3;--color-teal:#22d3dd;--color-teal-dim:#1e8f9e;--color-teal-glow:#22d3dd80;--color-mint:#34f2c4;--color-glow-cta:#34f2c470;--color-info:#6fddf1;--color-success:#56d3a5;--color-error:#ff9191;--header-backdrop:#091428cc;--page-glow-1:#00c2cc33;--page-glow-2:#00e5b01f;--page-glow-3:#00c2cc14;--dot-grid-color:#00c2cc2e;--color-navy:#e6eef9;--color-glow-card:0 4px 32px #00c2cc2e, 0 1px 6px #02091866;--hero-section-bg:linear-gradient(150deg, #071020 0%, #060f24 45%, #07111e 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#060f24;--color-surface:#0f1b34;--color-surface-hover:#172743;--color-light-surface:#213152;--color-text:#e6eef9;--color-text-sub:#b2c3dc;--color-text-muted:#8ca1c0;--color-border:#2c3d5c;--color-border-strong:#40557a;--color-shadow:#020918a3;--color-teal:#22d3dd;--color-teal-dim:#1e8f9e;--color-teal-glow:#22d3dd80;--color-mint:#34f2c4;--color-glow-cta:#34f2c470;--color-info:#6fddf1;--color-success:#56d3a5;--color-error:#ff9191;--header-backdrop:#091428cc;--page-glow-1:#00c2cc33;--page-glow-2:#00e5b01f;--page-glow-3:#00c2cc14;--dot-grid-color:#00c2cc2e;--color-navy:#e6eef9;--color-glow-card:0 4px 32px #00c2cc2e, 0 1px 6px #02091866;--hero-section-bg:linear-gradient(150deg, #071020 0%, #060f24 45%, #07111e 100%)}}
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:radial-gradient(900px 500px at -5% -5%, var(--page-glow-1), transparent 55%), radial-gradient(700px 400px at 105% 15%, var(--page-glow-2), transparent 50%), radial-gradient(500px 350px at 50% 105%, var(--page-glow-3), transparent 55%), var(--color-bg);color:var(--color-text);font:var(--text-body);font-kerning:normal;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}body:before{background-image:radial-gradient(circle, var(--dot-grid-color) 1px, transparent 1px);content:"";pointer-events:none;z-index:0;background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c 0%,#0003 40%,#0000 75%);mask-image:linear-gradient(#0000008c 0%,#0003 40%,#0000 75%)}.device-not-supported{display:none}.device-not-supported-card{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 22px 42px color-mix(in srgb, var(--color-shadow) 32%, transparent);max-width:620px;padding:var(--space-7);text-align:center}.device-not-supported-kicker{color:var(--color-info);font:var(--text-caption);text-transform:uppercase}.device-not-supported-title{color:var(--color-text);font:var(--text-h4);margin-top:var(--space-3)}.device-not-supported-copy{color:var(--color-text-sub);font:var(--text-body);margin-top:var(--space-3)}a{color:inherit;text-decoration:none}code,pre,kbd,samp,.font-mono{font-family:var(--font-mono)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-teal);outline-offset:4px}
.shell{max-width:1200px;padding:0 var(--space-5);z-index:1;width:100%;margin:0 auto;position:relative}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--header-backdrop);border-bottom:1px solid var(--color-border);z-index:20;position:sticky;top:0}.app-header-inner{align-items:center;gap:var(--space-6);justify-content:space-between;min-height:74px;display:flex}.brand-link{align-items:center;gap:var(--space-3);display:inline-flex}.brand-emblem{background:linear-gradient(145deg, color-mix(in srgb, var(--color-teal) 22%, transparent), color-mix(in srgb, var(--color-mint) 12%, transparent));border:1px solid color-mix(in srgb, var(--color-teal) 36%, var(--color-border));border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.brand-icon{border-radius:8px;width:28px;height:28px}.brand-text-wrap{flex-direction:column;line-height:1;display:flex}.brand-wordmark{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:800}.brand-tagline{color:var(--color-text-sub);font:var(--text-caption);text-transform:uppercase;margin-top:2px}.header-nav{flex:1;justify-content:center;display:flex}.header-nav-list{background:color-mix(in srgb, var(--color-surface) 82%, transparent);border:1px solid var(--color-border);align-items:center;gap:var(--space-2);border-radius:999px;padding:6px;list-style:none;display:flex}.header-nav-link{color:var(--color-text-sub);font-family:var(--font-display);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700;line-height:1.4}.header-nav-link:hover{background:color-mix(in srgb, var(--color-teal) 12%, transparent);color:var(--color-text)}.page-content{gap:var(--space-8);padding-bottom:var(--space-8);padding-top:calc(var(--space-7) + 8px);flex-direction:column;display:flex}.page-modern{padding-bottom:calc(var(--space-8) + 16px)}
.hero-block{background:color-mix(in srgb, var(--color-surface) 86%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-4);padding:var(--space-7);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-block:before{background:linear-gradient(120deg, color-mix(in srgb, var(--color-teal) 20%, transparent), transparent 52%, color-mix(in srgb, var(--color-mint) 12%, transparent));content:"";opacity:.9;pointer-events:none;position:absolute;inset:0}.hero-kicker{color:var(--color-info);font:var(--text-caption);text-transform:uppercase;font-weight:600}.hero-title{color:var(--color-text);font:var(--text-h4);letter-spacing:-.01em}.hero-subtitle{color:var(--color-text-sub);font:var(--text-body-lg);max-width:62ch}.hero-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-modern{box-shadow:0 24px 60px color-mix(in srgb, var(--color-shadow) 70%, transparent)}.hero-grid{gap:var(--space-6);z-index:1;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);display:grid;position:relative}.hero-content{gap:var(--space-4);flex-direction:column;display:flex}.hero-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-chip{background:color-mix(in srgb, var(--color-surface) 74%, transparent);border:1px solid color-mix(in srgb, var(--color-teal) 20%, var(--color-border));color:var(--color-text-sub);font:var(--text-caption);text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:small;font-weight:600}.hero-panel{background:color-mix(in srgb, var(--color-surface) 76%, transparent);border:1px solid color-mix(in srgb, var(--color-teal) 20%, var(--color-border));padding:var(--space-5);border-radius:14px}.hero-panel-kicker{color:var(--color-info);font:var(--text-caption);margin-bottom:var(--space-3);text-transform:uppercase}.hero-panel-list{color:var(--color-text);gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.hero-panel-list li{border-left:2px solid color-mix(in srgb, var(--color-teal) 60%, transparent);font:var(--text-body);padding-left:var(--space-3)}.stats-strip{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats-item{border-radius:14px;min-height:132px}.stats-value{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;font-size:42px;font-weight:800;line-height:1.1}.stats-label{color:var(--color-text-sub);font:var(--text-body);margin-top:var(--space-2)}.showcase-section{background:radial-gradient(700px 280px at 20% 12%, color-mix(in srgb, var(--color-teal) 30%, transparent), transparent 70%), radial-gradient(680px 320px at 80% 4%, color-mix(in srgb, var(--color-mint) 22%, transparent), transparent 74%), color-mix(in srgb, var(--color-surface) 92%, transparent);border-color:color-mix(in srgb, var(--color-teal) 22%, var(--color-border));border-radius:var(--radius-lg);isolation:isolate;padding:var(--space-7);position:relative;overflow:hidden}.showcase-section:before{background-image:radial-gradient(circle at 12% 28%, color-mix(in srgb, var(--color-light-surface) 85%, transparent) 0 1.2px, transparent 1.2px 100%), radial-gradient(circle at 76% 14%, color-mix(in srgb, var(--color-light-surface) 70%, transparent) 0 1px, transparent 1px 100%), radial-gradient(circle at 62% 78%, color-mix(in srgb, var(--color-light-surface) 65%, transparent) 0 1px, transparent 1px 100%);content:"";opacity:.25;pointer-events:none;z-index:0;background-size:220px 200px,260px 240px,240px 220px;position:absolute;inset:0}.showcase-grid{align-items:center;gap:var(--space-7);z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(320px,1fr);display:grid;position:relative}.showcase-copy{gap:var(--space-4);flex-direction:column;max-width:56ch;display:flex}.showcase-kicker{color:var(--color-info);font:var(--text-caption);text-transform:uppercase}.showcase-title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(30px,4.6vw,52px);font-weight:800;line-height:1.08}.showcase-subtitle{color:var(--color-text-sub);font:var(--text-body-lg);font-weight:500}.showcase-list{gap:var(--space-3);list-style:none;display:grid}.showcase-list li{color:var(--color-text);font:var(--text-body);padding-left:var(--space-5);position:relative}.showcase-list li:before{background:linear-gradient(90deg, var(--color-teal), var(--color-mint));content:"";border-radius:999px;width:24px;height:8px;position:absolute;top:8px;left:0}.showcase-stage{min-height:380px;position:relative}.device-frame{background:linear-gradient(165deg, color-mix(in srgb, var(--color-text) 14%, #020617), color-mix(in srgb, var(--color-text) 6%, #020617));border:1px solid color-mix(in srgb, var(--color-light-surface) 22%, var(--color-border));box-shadow:0 18px 50px color-mix(in srgb, var(--color-shadow) 80%, #000);border-radius:24px;padding:10px;position:absolute}.device-bezel{background:color-mix(in srgb, #060f24 88%, var(--color-surface));border-radius:16px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.device-topbar{align-items:center;gap:5px;min-height:22px;padding-left:10px;display:flex}.device-topbar span{background:color-mix(in srgb, var(--color-light-surface) 65%, transparent);border-radius:999px;width:5px;height:5px}.device-screen{background:radial-gradient(240px 180px at 20% 0%, color-mix(in srgb, var(--color-teal) 25%, transparent), transparent 68%), color-mix(in srgb, #0b1730 88%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-light-surface) 14%, transparent);border-radius:12px;flex:1;margin:0 8px 8px;padding:12px}.device-desktop{z-index:1;width:min(100%,520px);height:280px;top:34px;left:50%;transform:translate(-54%)}.device-screen-desktop{grid-template-columns:1.2fr .8fr;gap:10px;display:grid}.screen-panel{background:color-mix(in srgb, var(--color-surface) 16%, transparent);border:1px solid color-mix(in srgb, var(--color-light-surface) 10%, transparent);border-radius:10px;padding:10px}.screen-panel-main{flex-direction:column;gap:10px;display:flex}.screen-label{color:color-mix(in srgb, var(--color-light-surface) 82%, transparent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.screen-graph{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:6px;min-height:84px;display:grid}.screen-bar{background:linear-gradient(180deg, var(--color-teal), var(--color-mint));border-radius:6px 6px 2px 2px;width:100%;display:block}.screen-bar-1{height:34%}.screen-bar-2{height:48%}.screen-bar-3{height:62%}.screen-bar-4{height:76%}.screen-bar-5{height:54%}.screen-line{background:color-mix(in srgb, var(--color-light-surface) 26%, transparent);border-radius:999px;width:100%;height:8px}.screen-line.short{width:72%}.device-tablet{z-index:2;width:206px;height:236px;top:94px;right:0}.device-screen-tablet{gap:9px;display:grid}.screen-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.screen-metric{background:color-mix(in srgb, var(--color-teal) 38%, #1a2f5c);border-radius:8px;height:36px;display:block}.device-phone{z-index:3;border-radius:28px;width:154px;height:228px;padding:8px;bottom:0;left:30px}.device-screen-phone{gap:8px;display:grid}.screen-pill{background:linear-gradient(90deg, var(--color-teal), var(--color-mint));border-radius:999px;width:62%;height:20px;display:block}.landing-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-card{border-top:2px solid color-mix(in srgb, var(--color-teal) 32%, transparent);gap:var(--space-3);flex-direction:column;min-height:220px;display:flex}.card-title{color:var(--color-text);font:var(--text-h5)}.card-copy{color:var(--color-text-sub);font:var(--text-body)}
.btn{cursor:pointer;font-family:var(--font-display);align-items:center;gap:var(--space-2);min-height:44px;transition:all var(--duration-fast) ease;border-radius:999px;justify-content:center;font-weight:700;display:inline-flex}.btn-primary{background:var(--color-teal);color:var(--color-light-surface);border:none}.btn-primary:hover{background:var(--color-teal-dim);box-shadow:0 12px 24px var(--color-glow-cta)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.btn-secondary{background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1.5px solid var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-secondary:disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.btn-ghost{color:var(--color-text-sub);background:0 0;border:none}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-ghost:disabled{color:var(--color-text-muted);cursor:not-allowed}.btn-navy{background:color-mix(in srgb, var(--color-navy) 12%, transparent);border:2px solid color-mix(in srgb, var(--color-navy) 40%, transparent);color:var(--color-navy)}.btn-navy:hover{background:color-mix(in srgb, var(--color-navy) 20%, transparent);border-color:color-mix(in srgb, var(--color-navy) 50%, transparent)}.btn-navy:disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.btn-sm{min-height:36px;padding:var(--space-2) var(--space-4);font-size:14px}.btn-md{min-height:44px;padding:var(--space-3) var(--space-6);font-size:16px}.btn-lg{min-height:56px;padding:var(--space-4) var(--space-7);font-size:18px}.card{background:color-mix(in srgb, var(--color-surface) 88%, transparent);border:1px solid var(--color-border);box-shadow:0 10px 28px color-mix(in srgb, var(--color-shadow) 58%, transparent);padding:var(--space-6);transition:all var(--duration-fast) ease;border-radius:12px}.card:hover{background:color-mix(in srgb, var(--color-surface-hover) 92%, transparent);border-color:var(--color-border-strong);box-shadow:0 18px 34px color-mix(in srgb, var(--color-shadow) 52%, transparent);transform:translateY(-2px)}
.survey-shell{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);display:grid}.survey-shell-modern{align-items:start;gap:var(--space-5)}.survey-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.survey-main{gap:var(--space-4);flex-direction:column;display:flex}.survey-progress-sticky{gap:var(--space-4);z-index:24;flex-direction:column;display:flex;position:sticky;top:84px}.survey-rail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-surface);border-color:color-mix(in srgb, var(--color-teal) 18%, var(--color-border));box-shadow:0 16px 34px color-mix(in srgb, var(--color-shadow) 22%, transparent);isolation:isolate}.progress-wrap{gap:var(--space-2);flex-direction:column;display:flex}.progress-meta{justify-content:space-between;align-items:center;display:flex}.progress-title{color:var(--color-text-sub);font:var(--text-body-sm);font-weight:500}.progress-count{color:var(--color-text);font:var(--text-caption)}.progress-track{background:color-mix(in srgb, var(--color-border) 90%, transparent);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-teal), var(--color-mint));height:100%;transition:width var(--duration-slow) ease;display:block}.stepper-wrap{border-top:1px solid color-mix(in srgb, var(--color-teal) 20%, var(--color-border));padding-top:var(--space-4)}.stepper-list{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;display:grid}.stepper-item{background:color-mix(in srgb, var(--color-surface) 78%, transparent);border:1px solid var(--color-border);gap:var(--space-2);min-height:96px;padding:var(--space-3);border-radius:10px;flex-direction:column;display:flex;position:relative}.stepper-item.is-current{border:1px solid var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-teal) 18%, transparent)}.stepper-item.is-complete{border-color:var(--color-success)}.stepper-code{color:var(--color-text-sub);font:var(--text-caption);font-weight:600}.stepper-title{color:var(--color-text);font-family:var(--font-display);font-size:14px;font-weight:700}.stepper-meta{color:var(--color-text-sub);font:var(--text-caption)}.stepper-complete-icon{color:var(--color-success);right:var(--space-2);top:var(--space-2);position:absolute}.current-section-row{align-items:baseline;gap:var(--space-3);justify-content:space-between;display:flex}.current-section-label{color:var(--color-info);font:var(--text-caption);text-transform:uppercase;font-weight:600}.current-section-count{color:var(--color-text-sub);font:var(--text-caption)}.survey-section-panel{gap:var(--space-5);flex-direction:column;display:flex}.survey-stage{border-color:color-mix(in srgb, var(--color-teal) 16%, var(--color-border))}.survey-section-header{gap:var(--space-2);flex-direction:column;display:flex}.survey-section-code{color:var(--color-text-sub);font:var(--text-caption);text-transform:uppercase}.survey-section-title{color:var(--color-text);font:var(--text-h5)}.survey-section-description{color:var(--color-text-sub);font:var(--text-body)}.survey-section-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.survey-meta-pill{background:color-mix(in srgb, var(--color-surface) 76%, transparent);border:1px solid color-mix(in srgb, var(--color-teal) 20%, var(--color-border));color:var(--color-text-sub);font:var(--text-caption);text-transform:uppercase;border-radius:999px;padding:6px 10px}.question-list{gap:var(--space-4);flex-direction:column;display:flex}.question-card{background:color-mix(in srgb, var(--color-surface) 82%, transparent);border:1px solid color-mix(in srgb, var(--color-teal) 12%, var(--color-border));gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.question-head{gap:var(--space-2);flex-direction:column;display:flex}.question-title{color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.4}.required-mark{color:var(--color-error);margin-left:var(--space-1)}.optional-mark{color:var(--color-text-muted);font:var(--text-body-sm);margin-left:var(--space-2)}.helper-text{color:var(--color-text-muted);font:var(--text-body-sm)}.question-fieldset{border:none}.option-grid{gap:var(--space-3);display:grid}.choice-option{background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1px solid var(--color-border);align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3);transition:all var(--duration-fast) ease;border-radius:10px;display:flex}.choice-option:hover{border-color:var(--color-border-strong)}.choice-option:has(.choice-input:checked){background:color-mix(in srgb, var(--color-teal) 12%, var(--color-surface));border-color:color-mix(in srgb, var(--color-teal) 55%, var(--color-border))}.choice-input{accent-color:var(--color-teal);width:18px;height:18px}.choice-label{color:var(--color-text);font:var(--text-body)}.likert-scale{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.likert-option{background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1px solid var(--color-border);min-height:48px;padding:var(--space-2);border-radius:10px;justify-content:center;align-items:center;display:flex}.likert-option:has(.choice-input:checked){background:color-mix(in srgb, var(--color-teal) 14%, var(--color-surface));border-color:color-mix(in srgb, var(--color-teal) 55%, var(--color-border))}.likert-number{color:var(--color-text);font-family:var(--font-mono);font-size:16px;font-weight:600}.likert-labels{color:var(--color-text-muted);font:var(--text-caption);margin-top:var(--space-2);justify-content:space-between;display:flex}.input{background:color-mix(in srgb, var(--color-surface) 84%, transparent);border:1px solid var(--color-border);color:var(--color-text);font:var(--text-body);min-height:44px;padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) ease;border-radius:10px;width:100%}.input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px var(--color-teal-glow);outline:none}.question-textarea{resize:vertical;min-height:120px}.input-error{color:var(--color-error);font:var(--text-body-sm)}.ranking-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.ranking-item{background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1px solid var(--color-border);align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-3);border-radius:10px;display:flex}.ranking-position{color:var(--color-info);font:var(--text-caption);min-width:20px}.ranking-label{color:var(--color-text);font:var(--text-body);flex:1}.ranking-controls{gap:var(--space-2);display:inline-flex}.icon-btn{border-radius:var(--radius-sm);min-width:32px;min-height:32px;padding:var(--space-1)}.survey-actions{border-top:1px solid color-mix(in srgb, var(--color-teal) 20%, var(--color-border));align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);justify-content:space-between;display:flex}.alert{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);border-left:4px solid}.alert-error{background:var(--alert-error-bg);border-color:var(--color-error);color:var(--color-error)}.insight-grid{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:84px}.insight-card{background:color-mix(in srgb, var(--color-surface) 84%, transparent);border-color:color-mix(in srgb, var(--color-teal) 16%, var(--color-border));gap:var(--space-3);flex-direction:column;display:flex}.insight-card-head{color:var(--color-info);align-items:center;gap:var(--space-2);display:flex}.insight-kicker{font:var(--text-caption);text-transform:uppercase}.insight-value{color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:700}.insight-text{color:var(--color-text-sub);font:var(--text-body-sm)}.confirmation-wrap{justify-content:center;align-items:center;min-height:calc(100vh - 128px);display:flex}.confirmation-card{background:color-mix(in srgb, var(--color-surface) 84%, transparent);border-color:color-mix(in srgb, var(--color-teal) 16%, var(--color-border));gap:var(--space-5);text-align:center;border-radius:16px;flex-direction:column;max-width:720px;display:flex}.confirmation-icon{color:var(--color-success);width:64px;height:64px;margin:0 auto}.confirmation-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.theme-toggle{background:color-mix(in srgb, var(--color-surface) 70%, transparent);border-color:color-mix(in srgb, var(--color-teal) 24%, var(--color-border));white-space:nowrap}.theme-toggle:hover{border-color:color-mix(in srgb, var(--color-teal) 48%, var(--color-border))}.icon-16{width:16px;height:16px}.icon-20{width:20px;height:20px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-motion{animation:card-enter var(--duration-slow) ease}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation:none!important}}@media (max-width:1024px){.desktop-only-app{display:none}.device-not-supported{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.hero-grid,.showcase-grid{grid-template-columns:1fr}.showcase-stage{min-height:410px}.device-desktop{transform:translate(-50%)}.device-tablet{right:4%}.device-phone{left:6%}.stats-strip,.survey-shell{grid-template-columns:1fr}.insight-grid{position:static}.stepper-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.device-not-supported{padding:var(--space-4)}.device-not-supported-card{padding:var(--space-5)}.shell{padding:0 var(--space-4)}.app-header-inner{gap:var(--space-3);min-height:64px}.header-nav-list,.brand-tagline{display:none}.hero-block,.card{padding:var(--space-5)}.hero-title{font-size:40px;line-height:1.3}.showcase-section{padding:var(--space-5)}.showcase-title{font-size:34px;line-height:1.14}.showcase-subtitle{font:var(--text-body);font-weight:500}.showcase-stage{min-height:330px}.device-desktop{width:min(100%,420px);height:224px;top:38px}.device-tablet{width:156px;height:186px;top:118px;right:2%}.device-phone{width:120px;height:178px;bottom:8px;left:3%}.screen-panel,.device-screen{padding:8px}.landing-grid{grid-template-columns:1fr}.hero-chip-row{gap:var(--space-1)}.hero-chip{font-size:11px}.survey-progress-sticky{position:sticky;top:72px}.stepper-list{grid-template-columns:1fr}.current-section-row{align-items:flex-start;gap:var(--space-1);flex-direction:column}.survey-section-meta{gap:var(--space-1)}.survey-actions{flex-direction:column;align-items:stretch}.survey-actions .btn{width:100%}}
.survey-page-shell{padding-top:calc(var(--space-7) + 8px)}.survey-wizard-layout{gap:var(--space-5);flex-direction:column;display:flex}.survey-wizard-header{gap:var(--space-5);padding:var(--space-6) var(--space-7);flex-direction:column;display:flex}.survey-wizard-title-row{align-items:center;display:flex}.survey-wizard-title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:800;line-height:1.2}.wizard-nav{width:100%}.wizard-steps{align-items:flex-start;list-style:none;display:flex;position:relative}.wizard-step{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.wizard-step:not(:first-child):before{background:var(--color-border);content:"";z-index:-1;height:2px;position:absolute;top:35px;left:calc(18px - 50%);right:calc(50% + 18px)}.wizard-step.is-past:not(:first-child):before,.wizard-step.is-complete:not(:first-child):before{background:linear-gradient(90deg, var(--color-teal), var(--color-teal-dim))}.wizard-step-num{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:600}.wizard-step.is-current .wizard-step-num,.wizard-step.is-past .wizard-step-num{color:var(--color-teal-dim)}.wizard-circle{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-muted);height:32px;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;width:32px;display:flex}.wizard-step.is-current .wizard-circle{background:color-mix(in srgb, var(--color-teal) 14%, var(--color-surface));border-color:var(--color-teal);border-width:2.5px}.wizard-step.is-past .wizard-circle,.wizard-step.is-complete .wizard-circle{background:var(--color-teal);border-color:var(--color-teal);color:#fff}.wizard-circle-dot{background:var(--color-teal);border-radius:50%;width:10px;height:10px;display:block}.wizard-step-title{color:var(--color-text-muted);font-family:var(--font-display);max-width:90px;font-size:12px;font-weight:600;line-height:1.3}.wizard-step.is-current .wizard-step-title{color:var(--color-text)}.wizard-step.is-past .wizard-step-title,.wizard-step.is-complete .wizard-step-title{color:var(--color-text-sub)}.survey-content-col{background:color-mix(in srgb, var(--color-surface) 88%, transparent);border:1px solid var(--color-border);box-shadow:0 4px 20px color-mix(in srgb, var(--color-shadow) 40%, transparent);gap:var(--space-5);padding:var(--space-6) var(--space-7);border-radius:12px;flex-direction:column;display:flex}.survey-section-top{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.survey-section-header-text{gap:var(--space-1);flex-direction:column;display:flex}.collapse-all-btn{background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1px solid var(--color-border);color:var(--color-text-sub);cursor:pointer;font-family:var(--font-display);transition:all var(--duration-fast) ease;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.collapse-all-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.collapse-all-icon{transition:transform var(--duration-fast) ease}.collapse-all-icon-up{transform:rotate(180deg)}.qcard{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border:1px solid var(--color-border);border-left:3px solid var(--color-teal);box-shadow:0 2px 8px color-mix(in srgb, var(--color-shadow) 24%, transparent);transition:box-shadow var(--duration-fast) ease;border-radius:10px;overflow:hidden}.qcard.qcard-collapsed{border-left-color:color-mix(in srgb, var(--color-teal) 35%, var(--color-border))}.qcard-header{cursor:pointer;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;width:100%;transition:background var(--duration-fast) ease;background:0 0;border:none;justify-content:space-between;display:flex}.qcard-header:hover{background:color-mix(in srgb, var(--color-teal) 5%, transparent)}.qcard-number{color:var(--color-text);font-family:var(--font-display);font-size:15px;font-weight:700}.qcard-chevron{color:var(--color-text-muted);transition:transform var(--duration-fast) ease;flex-shrink:0}.qcard-chevron-down{transform:rotate(180deg)}.qcard-body{border-top:1px solid var(--color-border);gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.qcard-prompt-row{align-items:flex-start;gap:var(--space-3);justify-content:space-between;display:flex}.qcard-prompt{color:var(--color-text);font-family:var(--font-display);flex:1;font-size:16px;font-weight:600;line-height:1.55}.qcard-type-badge{background:color-mix(in srgb, var(--color-teal) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-teal) 24%, var(--color-border));color:var(--color-teal-dim);font:var(--text-caption);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 12px;display:inline-flex}.qcard-footer{border-top:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);padding-top:var(--space-3);justify-content:flex-end;align-items:center;display:flex}.qcard-required-badge{background:color-mix(in srgb, var(--color-teal) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-teal) 22%, var(--color-border));color:var(--color-teal-dim);font:var(--text-caption);border-radius:999px;align-items:center;padding:4px 14px;display:inline-flex}.qcard-optional-badge{color:var(--color-text-muted);font:var(--text-caption)}.survey-action-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--color-surface) 94%, transparent);border-top:1px solid var(--color-border);box-shadow:0 -4px 24px color-mix(in srgb, var(--color-shadow) 18%, transparent);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-8);z-index:30;justify-content:space-between;display:flex;position:fixed;bottom:0;left:0;right:0}.survey-action-bar-right{align-items:center;gap:var(--space-3);display:flex}@media (max-width:768px){.sq-layout{padding-bottom:84px}.wizard-step-title{display:none}.survey-wizard-header,.survey-content-col{padding:var(--space-4)}.survey-action-bar{padding:var(--space-3) var(--space-4)}.survey-action-bar .btn-md{min-height:40px;padding:var(--space-2) var(--space-4);font-size:14px}.qcard-type-badge{display:none}}
.sq-layout{gap:var(--space-8);flex-direction:column;width:100%;max-width:860px;margin:0 auto;padding-bottom:100px;display:flex}.sqp-root{background:var(--color-bg);border-bottom:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);padding-block:var(--space-4);z-index:15;width:100%;position:sticky;top:74px}.sqp-track{background:var(--color-border);border-radius:999px;height:6px;position:absolute;top:25px;left:10%;right:10%;overflow:hidden}.sqp-track-fill{background:linear-gradient(90deg, var(--color-teal), var(--color-mint));height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.sqp-steps{justify-content:space-between;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex;position:relative}.sqp-step{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex;position:relative}.sqp-dot{background:var(--color-bg);border:2px solid var(--color-border);z-index:1;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative}.sqp-dot-inner{background:var(--color-border);border-radius:999px;width:6px;height:6px;transition:background .3s;display:block}.sqp-step--active .sqp-dot{border-color:var(--color-teal);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-teal) 18%, transparent), 0 0 10px color-mix(in srgb, var(--color-teal) 28%, transparent)}.sqp-step--active .sqp-dot-inner{background:var(--color-teal)}.sqp-step--done .sqp-dot{background:var(--color-teal);border-color:var(--color-teal)}.sqp-check{color:#052030;width:10px;height:10px}.sqp-step-label{flex-direction:column;align-items:center;gap:2px;display:flex}.sqp-step-num{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:10px;font-weight:600;line-height:1;transition:color .3s}.sqp-step-title{color:var(--color-text-muted);font-family:var(--font-display);text-align:center;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.2;transition:color .3s}.sqp-step--active .sqp-step-num,.sqp-step--active .sqp-step-title{color:var(--color-teal-dim)}.sqp-step--done .sqp-step-num,.sqp-step--done .sqp-step-title{color:var(--color-text-sub)}@media (max-width:640px){.sqp-step-title{display:none}.sqp-step-num{font-size:9px}}.sq-hero{border-bottom:1px solid var(--color-border);gap:var(--space-3);padding-bottom:var(--space-6);flex-direction:column;display:flex}.sq-hero-code{color:var(--color-info);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.sq-hero-title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.sq-hero-subtitle{color:var(--color-text-sub);font:var(--text-body-lg);max-width:56ch}.sq-content{gap:var(--space-6);flex-direction:column;display:flex}.sq-question-list{gap:var(--space-10,48px);flex-direction:column;display:flex}.sq-q-block{gap:var(--space-5);flex-direction:column;display:flex}.sq-q-head{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.sq-q-num{color:var(--color-teal-dim);font-family:var(--font-mono);flex-shrink:0;font-size:14px;font-weight:700}.sq-q-title{color:var(--color-text);font-family:var(--font-display);flex:1;font-size:18px;font-weight:700;line-height:1.4}.sq-q-badge{background:color-mix(in srgb, var(--color-light-surface) 80%, var(--color-surface));color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:10px;font-weight:600}.sq-hidden-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sq-bento-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.sq-bento-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--space-5);transition:all var(--duration-fast) ease;border-radius:12px;display:block;position:relative}.sq-bento-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.sq-bento-card:has(.sq-hidden-input:checked){background:color-mix(in srgb, var(--color-teal) 8%, var(--color-surface));border-color:var(--color-teal);box-shadow:0 0 0 1px var(--color-teal)}.sq-bento-card-text{color:var(--color-text);font-family:var(--font-display);pointer-events:none;font-size:15px;font-weight:600;line-height:1.4}.sq-multi-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.sq-multi-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;padding:var(--space-4);transition:all var(--duration-fast) ease;border-radius:12px;display:block;position:relative}.sq-multi-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.sq-multi-card:has(.sq-hidden-input:checked){background:var(--color-teal);border-color:var(--color-teal-dim)}.sq-multi-card:has(.sq-hidden-input:checked) .sq-multi-card-text{color:#052030}.sq-multi-card-text{color:var(--color-text);font-family:var(--font-display);pointer-events:none;font-size:14px;font-weight:600;line-height:1.4}.sq-rank-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.sq-rank-card{background:color-mix(in srgb, var(--color-surface) 88%, transparent);border:1px solid var(--color-border);gap:var(--space-2);min-height:120px;padding:var(--space-4);transition:border-color var(--duration-fast) ease;border-radius:12px;flex-direction:column;display:flex;position:relative}.sq-rank-card:hover{border-color:var(--color-border-strong)}.sq-rank-badge{background:var(--color-surface);box-shadow:0 1px 4px color-mix(in srgb, var(--color-shadow) 30%, transparent);color:var(--color-text);font-family:var(--font-mono);height:28px;right:var(--space-3);top:var(--space-3);border-radius:999px;justify-content:center;align-items:center;width:28px;font-size:12px;font-weight:700;display:flex;position:absolute}.sq-rank-title{color:var(--color-text);font-family:var(--font-display);margin-top:var(--space-5);padding-right:var(--space-7);font-size:14px;font-weight:600;line-height:1.4}.sq-rank-controls{gap:var(--space-2);justify-content:flex-end;margin-top:auto;display:flex}.sq-likert-scale{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sq-likert-option{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;min-height:52px;padding:var(--space-2);transition:all var(--duration-fast) ease;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.sq-likert-option:hover{border-color:var(--color-border-strong)}.sq-likert-option:has(.sq-hidden-input:checked){background:color-mix(in srgb, var(--color-teal) 14%, var(--color-surface));border-color:var(--color-teal);box-shadow:0 0 0 1px var(--color-teal)}.sq-likert-num{color:var(--color-text);font-family:var(--font-mono);pointer-events:none;font-size:16px;font-weight:600}.sq-likert-labels{color:var(--color-text-muted);font-family:var(--font-mono);margin-top:var(--space-2);justify-content:space-between;font-size:11px;display:flex}
.si-layout{gap:var(--space-8);flex-direction:column;width:100%;max-width:680px;margin:0 auto;display:flex}.si-hero{gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.si-kicker{color:var(--color-teal);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.si-title{color:var(--color-text);font:var(--text-h3);letter-spacing:-.02em;line-height:1.15}.si-subtitle{color:var(--color-text-sub);font:var(--text-body-lg);max-width:56ch;margin-inline:auto}.si-meta-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;padding:0;list-style:none;display:flex}.si-meta-item{background:color-mix(in srgb, var(--color-light-surface) 70%, var(--color-surface));border:1px solid var(--color-border);color:var(--color-text-sub);font-family:var(--font-display);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.si-meta-icon{color:var(--color-teal-dim);flex-shrink:0;width:14px;height:14px}.si-sections{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--color-glow-card);gap:var(--space-5);padding:var(--space-6) var(--space-7);flex-direction:column;display:flex}.si-sections-title{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.si-section-list{gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.si-section-item{align-items:flex-start;gap:var(--space-4);display:flex}.si-section-num{background:color-mix(in srgb, var(--color-teal) 12%, var(--color-surface));border:1.5px solid color-mix(in srgb, var(--color-teal) 30%, var(--color-border));color:var(--color-teal-dim);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.si-section-icon{color:var(--color-teal-dim);opacity:.8;flex-shrink:0;width:18px;height:18px;margin-top:2px}.si-section-text{flex-direction:column;gap:2px;display:flex}.si-section-name{color:var(--color-text);font-family:var(--font-display);font-size:15px;font-weight:700}.si-section-desc{color:var(--color-text-muted);font-family:var(--font-display);font-size:13px;font-weight:400;line-height:1.5}.si-cta{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.si-disclaimer{color:var(--color-text-sub);font-family:var(--font-display);text-align:center;max-width:44ch;font-size:15px}@media (max-width:640px){.si-hero{text-align:left}.si-meta-row{justify-content:flex-start}.si-sections{padding:var(--space-5) var(--space-4)}.si-cta{align-items:flex-start}}
@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.35}}.lp-page{z-index:1;position:relative}.lp-container{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}.lp-section{padding:96px 0}.lp-section--border-top{border-top:1px solid var(--color-border)}.lp-alt{background:color-mix(in srgb, var(--color-light-surface) 80%, transparent);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.lp-section-head{margin-bottom:56px}.lp-kicker{color:var(--color-teal);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.lp-h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,3rem);font-weight:900;line-height:1.08}.lp-h2--center{text-align:center;margin-bottom:56px}.lp-accent{color:var(--color-teal)}.lp-body-lg{color:var(--color-text-sub);font:var(--text-body-lg);margin-top:24px}.lp-grid-pattern{background-image:radial-gradient(circle, var(--color-border) 1px, transparent 1px);border-radius:inherit;opacity:.5;pointer-events:none;z-index:0;background-size:32px 32px;position:absolute;inset:0}.lp-grid-pattern--light{opacity:.2}.lp-btn{cursor:pointer;font-family:var(--font-display);letter-spacing:-.01em;transition:all var(--duration-fast) ease;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.lp-btn--md{height:44px;padding:0 28px;font-size:15px}.lp-btn--lg{height:50px;padding:0 36px;font-size:17px}.lp-btn--primary{background:var(--color-teal);color:#062036;border:none}.lp-btn--primary:hover{box-shadow:0 8px 24px var(--color-teal-glow);filter:brightness(1.06)}.lp-btn--outline{border:1.5px solid var(--color-border-strong);color:var(--color-text);background:0 0}.lp-btn--outline:hover{background:color-mix(in srgb, var(--color-surface-hover) 80%, transparent);border-color:var(--color-teal)}.lp-badge{background:color-mix(in srgb, var(--color-teal) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-teal) 22%, transparent);color:var(--color-teal);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.lp-badge__dot{background:var(--color-teal);border-radius:999px;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite lp-pulse}.lp-hero{background:var(--hero-section-bg);padding:96px 0 80px}.lp-hero__inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.lp-hero__content{flex-direction:column;gap:24px;display:flex}.lp-hero__title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.025em;margin-top:4px;font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:900;line-height:1.05}.lp-hero__sub{color:var(--color-text-sub);font:var(--text-body-lg);max-width:50ch}.lp-hero__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;display:flex}.lp-hero__visual{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);border-radius:18px;position:relative;overflow:hidden}.lp-hero__visual-box{border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden}.lp-hero__img{mix-blend-mode:multiply;object-fit:cover;opacity:.85}[data-theme=dark] .lp-hero__img{mix-blend-mode:screen}.lp-hero__visual-overlay{background:linear-gradient(to top right, color-mix(in srgb, var(--color-text) 8%, transparent), transparent 55%, color-mix(in srgb, var(--color-teal) 5%, transparent));pointer-events:none;z-index:1;position:absolute;inset:0}.lp-stats{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:36px 0}.lp-stats__inner{justify-content:space-between;align-items:center;gap:0;display:flex}.lp-stats__item{text-align:center;flex-direction:column;flex:1;gap:6px;padding:0 24px;display:flex}.lp-stats__divider{background:var(--color-border);flex-shrink:0;width:1px;height:40px}.lp-stats__value{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:900;line-height:1}.lp-stats__label{color:var(--color-text-sub);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.lp-problem-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.lp-problem-card{background:color-mix(in srgb, var(--color-surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:14px;flex-direction:column;gap:14px;padding:32px;display:flex}.lp-problem-card:hover{border-color:color-mix(in srgb, var(--color-teal) 40%, transparent);box-shadow:0 8px 28px color-mix(in srgb, var(--color-shadow) 28%, transparent)}.lp-problem-card__icon{color:var(--color-teal);width:28px;height:28px}.lp-problem-card__title{color:var(--color-text);font-family:var(--font-display);font-size:17px;font-weight:700}.lp-problem-card__body{color:var(--color-text-sub);font:var(--text-body-sm);line-height:1.6}.lp-sol-grid{grid-template-columns:4fr 8fr;align-items:start;gap:64px;display:grid}.lp-sol__sticky{position:sticky;top:96px}.lp-sol-cards{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lp-sol-card{background:color-mix(in srgb, var(--color-light-surface) 70%, transparent);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:12px;padding:32px;display:flex}.lp-sol-card--accent{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-color:color-mix(in srgb, var(--color-teal) 30%, var(--color-border))}.lp-sol-card--wide{grid-column:1/-1}.lp-sol-card__execute-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.lp-sol-card__img-wrap{flex-shrink:0}.lp-sol-card__img{filter:grayscale()brightness(.7);object-fit:cover;opacity:.6;border-radius:10px;width:192px;height:128px}.lp-sol-card__phase{color:var(--color-teal);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.lp-sol-card__title{color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:700}.lp-sol-card__body{color:var(--color-text-sub);font:var(--text-body-sm);line-height:1.6}.lp-bento{auto-rows:200px;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:0;display:grid}.lp-bento__item{background:color-mix(in srgb, var(--color-surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:14px;flex-direction:column;justify-content:space-between;gap:10px;min-height:200px;padding:28px;display:flex;position:relative;overflow:hidden}.lp-bento__item--wide,.lp-bento__item--wide2{grid-column:span 2}.lp-bento__item--teal-border{border-color:color-mix(in srgb, var(--color-teal) 28%, var(--color-border))}.lp-bento__item--error-border{border-color:color-mix(in srgb, var(--color-error) 22%, var(--color-border))}.lp-bento__item--accent{background:color-mix(in srgb, var(--color-light-surface) 80%, transparent);border-color:color-mix(in srgb, var(--color-teal) 22%, var(--color-border))}.lp-bento__item--center{text-align:center;justify-content:center;align-items:center}.lp-bento__bg-icon{color:color-mix(in srgb, var(--color-teal) 6%, transparent);z-index:0;transition:opacity var(--duration-fast) ease;position:absolute;bottom:-8px;right:-8px}.lp-bento__item:hover .lp-bento__bg-icon{color:color-mix(in srgb, var(--color-teal) 10%, transparent)}.lp-bento__title{color:var(--color-text);font-family:var(--font-display);z-index:1;font-size:16px;font-weight:700;position:relative}.lp-bento__body{color:var(--color-text-sub);font:var(--text-body-sm);z-index:1;line-height:1.6;position:relative}.lp-bento__metric{color:var(--color-teal);font-family:var(--font-display);z-index:1;font-size:26px;font-weight:900;line-height:1;position:relative}.lp-bento__metric-label{color:var(--color-text-sub);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:500;display:block}.lp-bento__code{background:color-mix(in srgb, var(--color-light-surface) 90%, transparent);border:1px solid color-mix(in srgb, var(--color-teal) 20%, var(--color-border));color:var(--color-teal);font-family:var(--font-mono);border-radius:7px;padding:6px 10px;font-size:11px}.lp-bento__error-icon{color:var(--color-error);width:28px;height:28px}.lp-bento__risk{align-items:center;gap:12px;display:flex}.lp-bento__risk-track{background:color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:999px;flex:1;height:8px;overflow:hidden}.lp-bento__risk-fill{background:linear-gradient(90deg, var(--color-teal-dim), var(--color-teal));height:100%;transition:width var(--duration-slow) ease;border-radius:999px}.lp-bento__risk-score{color:var(--color-teal);font-family:var(--font-mono);white-space:nowrap;font-size:13px;font-weight:700}.lp-bento__teal-icon{color:var(--color-teal);width:28px;height:28px}.lp-bento__trend-icon{color:var(--color-teal);width:40px;height:40px}.lp-bento__mono-label{color:var(--color-teal);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:600}.lp-diff-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.lp-diff__list{flex-direction:column;gap:32px;display:flex}.lp-diff-item{align-items:flex-start;gap:20px;display:flex}.lp-diff-item__icon-wrap{background:color-mix(in srgb, var(--color-light-surface) 80%, transparent);border:1px solid var(--color-border);color:var(--color-teal);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.lp-diff-item__title{color:var(--color-text);font-family:var(--font-display);margin-bottom:6px;font-size:16px;font-weight:700}.lp-diff-item__body{color:var(--color-text-sub);font:var(--text-body-sm);line-height:1.6}.lp-diff-visual{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border:1px solid var(--color-border);border-radius:18px;padding:28px;position:relative;overflow:visible}.lp-diff-visual__img{filter:grayscale(.4)brightness(.8);mix-blend-mode:luminosity;z-index:1;border-radius:12px;width:100%;height:auto;position:relative}.lp-diff-quote{background:color-mix(in srgb, var(--color-surface) 95%, transparent);border:1px solid var(--color-border);box-shadow:0 16px 36px color-mix(in srgb, var(--color-shadow) 28%, transparent);z-index:2;border-radius:12px;max-width:300px;padding:20px;position:absolute;bottom:-28px;right:-20px}.lp-diff-quote__text{color:var(--color-text-sub);font:var(--text-body-sm);margin-bottom:14px;font-style:italic;line-height:1.6}.lp-diff-quote__attribution{align-items:center;gap:10px;display:flex}.lp-diff-quote__avatar{background:var(--color-teal);border-radius:999px;flex-shrink:0;width:30px;height:30px}.lp-diff-quote__name{color:var(--color-text);font-family:var(--font-display);font-size:13px;font-weight:700}.lp-diff-quote__role{color:var(--color-text-sub);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.lp-flow{justify-content:space-between;align-items:flex-start;gap:0;margin-top:56px;display:flex;position:relative}.lp-flow__connector{background:var(--color-border);z-index:0;width:100%;height:1px;position:absolute;top:28px;left:0}.lp-flow__step{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;gap:14px;padding:0 16px;display:flex;position:relative}.lp-flow__step-num{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border:2px solid color-mix(in srgb, var(--color-teal) 60%, var(--color-border));color:var(--color-teal);font-family:var(--font-mono);letter-spacing:.05em;height:56px;transition:transform var(--duration-fast) ease;border-radius:999px;justify-content:center;align-items:center;width:56px;font-size:15px;font-weight:700;display:inline-flex}.lp-flow__step:hover .lp-flow__step-num{transform:scale(1.08)}.lp-flow__step-num--active{background:var(--color-teal);border-color:var(--color-teal);color:#062036}.lp-flow__step-title{color:var(--color-text);font-family:var(--font-display);font-size:16px;font-weight:700}.lp-flow__step-body{color:var(--color-text-sub);font:var(--text-body-sm);max-width:160px}.lp-cta__inner{text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.lp-cta__title{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1}.lp-cta__br{display:block}.lp-cta__actions{justify-content:center}.lp-cta__footnote{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.lp-footer{--lp-footer-bg:#071320;--lp-footer-text:#d6e4f2e6;--lp-footer-text-muted:#b4c8dc80;--lp-footer-border:#ffffff12;--lp-footer-heading:#e6eef9;background:var(--lp-footer-bg);border-top:1px solid var(--lp-footer-border);padding:72px 0 40px}.lp-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.lp-footer__wordmark{color:var(--lp-footer-heading);font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:14px;font-size:22px;font-weight:900}.lp-footer__brand-body{color:var(--lp-footer-text-muted);font:var(--text-body-sm);max-width:28ch;line-height:1.7}.lp-footer__heading{color:var(--lp-footer-heading);font-family:var(--font-display);letter-spacing:.01em;margin-bottom:18px;font-size:13px;font-weight:700}.lp-footer__links{flex-direction:column;gap:10px;list-style:none;display:flex}.lp-footer__link{color:var(--lp-footer-text);font:var(--text-body-sm);opacity:.75;transition:opacity var(--duration-fast) ease, color var(--duration-fast) ease}.lp-footer__link:hover{color:var(--color-teal);opacity:1}.lp-footer__bottom{border-top:1px solid var(--lp-footer-border);justify-content:space-between;align-items:center;padding-top:24px;display:flex}.lp-footer__copy{color:var(--lp-footer-text-muted);font:var(--text-body-sm)}.lp-footer__social{align-items:center;gap:20px;display:flex}.lp-footer__social-link{color:var(--lp-footer-text-muted);transition:color var(--duration-fast) ease}.lp-footer__social-link:hover{color:var(--color-teal)}@media (max-width:1024px){.lp-hero__inner{grid-template-columns:1fr}.lp-hero__visual{aspect-ratio:16/9;max-height:360px}.lp-problem-grid{grid-template-columns:repeat(2,1fr)}.lp-sol-grid{grid-template-columns:1fr;gap:40px}.lp-sol__sticky{position:static}.lp-bento{grid-template-columns:repeat(2,1fr)}.lp-bento__item--wide,.lp-bento__item--wide2{grid-column:span 2}.lp-diff-grid{grid-template-columns:1fr;gap:56px}.lp-footer__grid{grid-template-columns:1fr 1fr}.lp-footer__brand{grid-column:1/-1}}@media (max-width:640px){.lp-container{padding:0 20px}.lp-section{padding:64px 0}.lp-hero{padding:72px 0 56px}.lp-hero__title{font-size:2.2rem}.lp-stats__inner{flex-direction:column;gap:28px}.lp-stats__divider{display:none}.lp-stats__item{padding:0}.lp-problem-grid,.lp-sol-cards,.lp-bento{grid-template-columns:1fr}.lp-bento__item--wide,.lp-bento__item--wide2{grid-column:span 1}.lp-sol-card__execute-inner{flex-direction:column}.lp-sol-card__img-wrap{width:100%}.lp-sol-card__img{width:100%;height:auto}.lp-flow{flex-direction:column;gap:28px}.lp-flow__connector{display:none}.lp-flow__step{text-align:left;flex-direction:row;align-items:flex-start}.lp-diff-quote{max-width:none;margin-top:20px;position:static}.lp-footer__grid{grid-template-columns:1fr 1fr}.lp-cta__br{display:none}}

.tv-showcase{gap:var(--space-7);max-width:1120px;padding:var(--space-6) var(--space-5) var(--space-8);flex-direction:column;width:100%;margin:0 auto;display:flex;position:relative}.tv-showcase__title{color:var(--color-text);font:var(--text-h4)}.tv-showcase__subtitle{color:var(--color-text-sub);font:var(--text-body);margin-top:var(--space-2)}.tv-showcase__section{background:color-mix(in srgb, var(--color-surface) 84%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);gap:var(--space-3);border-radius:10px;flex-direction:column;padding:14px 16px;display:flex}.tv-showcase__label{color:var(--color-text-sub);font:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;line-height:1}.tv-showcase__row{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.tv-showcase__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.tv-btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;transition:all var(--duration-fast) ease;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.tv-btn__icon{justify-content:center;align-items:center;display:inline-flex}.tv-btn__label{white-space:nowrap}.tv-btn--sm{min-height:32px;padding:6px 12px}.tv-btn--md{min-height:34px;padding:7px 14px}.tv-btn--lg{min-height:40px;padding:10px 18px}.tv-btn--full{width:100%}.tv-btn--primary{background:linear-gradient(135deg, var(--color-teal-dim), var(--color-teal));border-color:color-mix(in srgb, var(--color-teal) 40%, var(--color-border));color:#062036}.tv-btn--primary:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-teal) 22%, transparent);filter:brightness(1.02)}.tv-btn--secondary{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-color:var(--color-border-strong);color:var(--color-text-sub)}.tv-btn--secondary:hover{background:var(--color-surface-hover);color:var(--color-text)}.tv-btn--ghost{color:var(--color-teal-dim);background:0 0;border-color:#0000}.tv-btn--ghost:hover{background:color-mix(in srgb, var(--color-teal) 12%, transparent)}.tv-btn--danger{border-color:color-mix(in srgb, var(--color-error) 55%, var(--color-border));color:var(--color-error);background:0 0}.tv-btn--danger:hover{background:color-mix(in srgb, var(--color-error) 9%, transparent)}.tv-btn--navy{background:color-mix(in srgb, var(--color-navy) 12%, transparent);border-color:color-mix(in srgb, var(--color-navy) 42%, transparent);color:var(--color-navy)}.tv-btn--navy:hover{background:color-mix(in srgb, var(--color-navy) 18%, transparent)}.tv-card{background:color-mix(in srgb, var(--color-surface) 92%, transparent);border:1px solid var(--color-border);box-shadow:0 4px 14px color-mix(in srgb, var(--color-shadow) 24%, transparent);border-radius:9px;overflow:hidden}.tv-card--muted{background:color-mix(in srgb, var(--color-surface) 84%, transparent)}.tv-card--striped{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-surface) 93%, transparent) 0, color-mix(in srgb, var(--color-surface) 93%, transparent) 26px, color-mix(in srgb, var(--color-surface-hover) 92%, transparent) 26px, color-mix(in srgb, var(--color-surface-hover) 92%, transparent) 52px)}.tv-card__head{border-bottom:1px solid var(--color-border);padding:8px 12px}.tv-card__title{color:var(--color-text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.tv-card__subtitle{color:var(--color-text-sub);font:var(--text-body-sm);margin-top:4px}.tv-card__body{padding:12px}.tv-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-flex}.tv-badge__dot{background:currentColor;border-radius:999px;flex-shrink:0;width:6px;height:6px}.tv-badge--neutral{background:color-mix(in srgb, var(--color-text-muted) 10%, transparent);border-color:color-mix(in srgb, var(--color-text-muted) 20%, transparent);color:var(--color-text-sub)}.tv-badge--teal{background:color-mix(in srgb, var(--color-teal) 12%, transparent);border-color:color-mix(in srgb, var(--color-teal) 24%, transparent);color:var(--color-teal-dim)}.tv-badge--auth{background:color-mix(in srgb, var(--color-success) 12%, transparent);border-color:color-mix(in srgb, var(--color-success) 24%, transparent);color:var(--color-success)}.tv-badge--billing{color:#d97706;background:#f59e0b24;border-color:#f59e0b3d}.tv-badge--access{color:#ea580c;background:#f9731624;border-color:#f973163d}.tv-badge--workspace{color:#7c3aed;background:#8b5cf624;border-color:#8b5cf63d}.tv-badge--audit{background:color-mix(in srgb, var(--color-error) 14%, transparent);border-color:color-mix(in srgb, var(--color-error) 24%, transparent);color:var(--color-error)}.tv-field{flex-direction:column;flex:240px;gap:6px;min-width:200px;display:flex}.tv-field__label{color:var(--color-text-sub);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:600}.tv-field__error{color:var(--color-error);font-family:var(--font-mono);font-size:10px}.tv-input-wrap,.tv-select-wrap{position:relative}.tv-input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);min-height:34px;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:7px;outline:none;width:100%;padding:7px 10px;font-size:11px}.tv-input::placeholder{color:var(--color-text-sub)}.tv-input--with-icon{padding-left:30px}.tv-input__icon{color:var(--color-text-sub);pointer-events:none;align-items:center;display:inline-flex;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.tv-input:focus,.tv-select:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-teal) 18%, transparent)}.tv-input--error,.tv-select--error{border-color:var(--color-error)}.tv-select{appearance:none;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-family:var(--font-mono);min-height:34px;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:7px;outline:none;width:100%;padding:7px 28px 7px 10px;font-size:11px}.tv-select__arrow{color:var(--color-text-sub);pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.tv-alert{font-family:var(--font-mono);border-left:3px solid;border-radius:6px;gap:10px;width:100%;padding:8px 12px;display:flex}.tv-alert__title{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.tv-alert__body{color:var(--color-text-sub);margin-top:3px;font-size:10px}.tv-alert--info{background:color-mix(in srgb, var(--color-teal) 8%, transparent);border-color:var(--color-teal);color:var(--color-teal-dim)}.tv-alert--success{background:color-mix(in srgb, var(--color-success) 8%, transparent);border-color:var(--color-success);color:var(--color-success)}.tv-alert--warn{color:#b45309;background:#f59e0b14;border-color:#f59e0b}.tv-alert--error{background:color-mix(in srgb, var(--color-error) 8%, transparent);border-color:var(--color-error);color:var(--color-error)}.tv-progress{flex-direction:column;gap:6px;width:100%;display:flex}.tv-progress__meta{justify-content:space-between;align-items:center;display:flex}.tv-progress__label{color:var(--color-text-sub);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.tv-progress__count{color:var(--color-text);font-family:var(--font-mono);font-size:10px}.tv-progress__track{background:color-mix(in srgb, var(--color-border) 85%, transparent);border-radius:999px;height:7px;overflow:hidden}.tv-progress__fill{background:linear-gradient(90deg, var(--color-teal-dim), var(--color-teal));height:100%;transition:width var(--duration-slow) ease;display:block}.tv-stepper{width:100%}.tv-stepper__list{align-items:flex-start;gap:0;margin:0;padding:0;list-style:none;display:flex}.tv-stepper__item{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;gap:5px;display:flex;position:relative}.tv-stepper__item:not(:first-child):before{background:var(--color-border);content:"";z-index:-1;height:2px;position:absolute;top:26px;left:calc(12px - 50%);right:calc(50% + 12px)}.tv-stepper__item.is-past:before,.tv-stepper__item.is-current:before{background:linear-gradient(90deg, var(--color-teal-dim), var(--color-teal))}.tv-stepper__num{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;line-height:1}.tv-stepper__dot{background:var(--color-surface);border:2px solid var(--color-border);border-radius:999px;flex-shrink:0;width:16px;height:16px}.tv-stepper__item.is-current .tv-stepper__dot,.tv-stepper__item.is-past .tv-stepper__dot{background:var(--color-teal);border-color:var(--color-teal)}.tv-stepper__title{color:var(--color-text);font-family:var(--font-display);font-size:12px;font-weight:700}@media (max-width:768px){.tv-showcase{padding:var(--space-5) var(--space-4) var(--space-7)}.tv-showcase__row{flex-direction:column;align-items:stretch;width:100%}.tv-field{flex:100%;min-width:100%}.tv-showcase__grid{grid-template-columns:1fr}.tv-stepper__title{display:none}}
