@property --stat-grad-angle{syntax:"<angle>";inherits:false;initial-value:145deg}:root{--primary-50:#f7f4fa;--primary-100:#efeaf7;--primary-200:#e0d6ee;--primary-300:#c8b8dd;--primary-400:#a68fc3;--primary-500:#866aa6;--primary-600:#694c89;--primary-700:#52376f;--primary-800:#341e4c;--primary-900:#261239;--primary-950:#170a25;--accent-50:#fdf3f0;--accent-100:#fee7e2;--accent-200:#fcd1c7;--accent-300:#f6b0a1;--accent-400:#f0917b;--accent-500:#ee735f;--accent-600:#d7583f;--accent-700:#b44029;--accent-800:#8a3120;--accent-900:#662619;--accent-950:#411810;--brand-amber:#f7b13c;--brand-coral:#ee735f;--brand-magenta:#e72166;--gradient-brand:linear-gradient(145deg,#f7b13c,#ee735f 45%,#e72166);--gradient-brand-soft:linear-gradient(145deg,#f9b13e,#ee735f 50%,#e7405a);--neutral-50:#fafafb;--neutral-100:#f5f4f6;--neutral-200:#e7e6ea;--neutral-300:#d5d4d9;--neutral-400:#a4a2a8;--neutral-500:#7b7880;--neutral-600:#5b5961;--neutral-700:#45434b;--neutral-800:#2c2a30;--neutral-900:#1a181d;--neutral-950:#0d0b0f;--success-50:#eaf8ed;--success-100:#d7f2dd;--success-200:#b6e5c1;--success-300:#89d19c;--success-400:#5cba7a;--success-500:#3aa460;--success-600:#26894c;--success-700:#1b6c3a;--success-800:#14522c;--success-900:#124022;--success-950:#0c2815;--warning-50:#fff5e7;--warning-100:#ffebce;--warning-200:#ffd9a4;--warning-300:#fdc471;--warning-400:#f9b13e;--warning-500:#eda421;--warning-600:#d08b00;--warning-700:#a56d00;--warning-800:#7e5403;--warning-900:#62420a;--warning-950:#3e2909;--warning-text:#a66e00;--danger-50:#fff1ef;--danger-100:#ffe4e0;--danger-200:#fdcbc5;--danger-300:#f9a69c;--danger-400:#f3766b;--danger-500:#e8403b;--danger-600:#d3181f;--danger-700:#b00c15;--danger-800:#8a0f12;--danger-900:#6c1614;--danger-950:#440f0d;--font-display:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display-settings:normal;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SF Mono",ui-monospace,monospace;--text-display:4.5rem;--text-display-lh:1.02;--text-display-ls:-0.02em;--text-h1:3rem;--text-h1-lh:1.06;--text-h1-ls:-0.018em;--text-h2:2.25rem;--text-h2-lh:1.12;--text-h2-ls:-0.014em;--text-h3:1.75rem;--text-h3-lh:1.2;--text-h3-ls:-0.01em;--text-h4:1.375rem;--text-h4-lh:1.3;--text-h4-ls:-0.006em;--text-h5:1.125rem;--text-h5-lh:1.4;--text-h5-ls:0;--text-h6:1rem;--text-h6-lh:1.45;--text-h6-ls:0;--text-body-lg:1.125rem;--text-body-lg-lh:1.6;--text-body:1rem;--text-body-lh:1.6;--text-body-sm:0.875rem;--text-body-sm-lh:1.55;--text-caption:0.75rem;--text-caption-lh:1.4;--text-caption-ls:0.01em;--text-overline:0.6875rem;--text-overline-lh:1.3;--text-overline-ls:0.12em;--text-vital-xl:3.5rem;--text-vital-lg:2.5rem;--text-vital-md:1.75rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--space-0:0;--space-px:1px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--grid-columns:12;--grid-gutter:var(--space-6);--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--border-width:1px;--border-width-2:2px;--border-width-4:4px;--blur-sm:6px;--blur-md:14px;--blur-lg:28px;--blur-xl:48px;--duration-instant:80ms;--duration-fast:140ms;--duration-base:220ms;--duration-slow:340ms;--duration-slower:520ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-enter:cubic-bezier(0.05,0.7,0.1,1);--ease-exit:cubic-bezier(0.3,0,0.8,0.15);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}[data-theme=light]{color-scheme:light;--color-bg:var(--neutral-100);--color-bg-subtle:var(--neutral-200);--color-surface:#ffffff;--color-surface-raised:#ffffff;--color-surface-sunken:var(--neutral-100);--color-overlay:rgba(23,10,37,0.42);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-text-subtle:var(--neutral-500);--color-text-inverted:#ffffff;--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-border-subtle:var(--neutral-100);--color-primary:var(--primary-800);--color-primary-hover:var(--primary-900);--color-primary-active:var(--primary-950);--color-on-primary:#ffffff;--color-primary-subtle:var(--primary-50);--color-primary-subtle-text:var(--primary-800);--color-accent:var(--accent-500);--color-accent-hover:var(--accent-600);--color-accent-active:var(--accent-700);--color-on-accent:#ffffff;--color-accent-subtle:var(--accent-50);--color-ring:var(--accent-500);--color-normal:var(--success-600);--color-normal-bg:var(--success-50);--color-normal-text:var(--success-800);--color-borderline:var(--warning-600);--color-borderline-bg:var(--warning-50);--color-borderline-text:var(--warning-800);--color-borderline-ic:var(--warning-text);--color-critical:var(--danger-600);--color-critical-bg:var(--danger-50);--color-critical-text:var(--danger-800);--color-dark-band:var(--primary-950);--shadow-xs:0 1px 2px rgba(23,10,37,0.05);--shadow-sm:0 1px 2px rgba(23,10,37,0.04),0 4px 10px rgba(23,10,37,0.05);--shadow-md:0 2px 4px rgba(23,10,37,0.04),0 12px 26px rgba(23,10,37,0.07);--shadow-lg:0 4px 10px rgba(23,10,37,0.05),0 20px 46px rgba(23,10,37,0.10);--shadow-xl:0 10px 22px rgba(23,10,37,0.05),0 40px 80px rgba(23,10,37,0.12);--shadow-focus:0 0 0 3px rgba(238,115,95,0.40)}[data-theme=dark]{color-scheme:dark;--color-surface:#161616;--color-surface-raised:#1f1f1f;--color-surface-sunken:#050505;--color-text:#fafafa;--color-text-muted:#a3a3a3;--color-text-subtle:#737373;--color-border:rgba(255,255,255,0.10);--color-border-strong:rgba(255,255,255,0.18);--color-border-subtle:rgba(255,255,255,0.05);--color-primary:#fafafa;--color-primary-active:#e5e5e5;--color-primary-subtle-text:#e5e5e5;--color-accent:var(--accent-400);--color-accent-hover:var(--accent-300);--color-accent-active:var(--accent-200);--color-on-accent:#0a0a0a;--color-accent-subtle:rgba(238,115,95,0.16);--color-ring:var(--accent-400);--color-dark-band:#141414;--color-normal:#3fa968;--color-normal-bg:rgba(63,169,104,0.16);--color-normal-text:#82d1a0;--color-borderline:#e5a52e;--color-borderline-bg:rgba(229,165,46,0.16);--color-borderline-text:#f2c97c;--color-borderline-ic:#e5a52e;--color-critical:#f0565c;--color-critical-bg:rgba(240,86,92,0.18);--color-critical-text:#f6968b;--shadow-xs:0 1px 2px rgba(0,0,0,0.45);--shadow-sm:0 1px 3px rgba(0,0,0,0.55),0 1px 2px rgba(0,0,0,0.45);--shadow-md:0 4px 12px rgba(0,0,0,0.55),0 2px 4px rgba(0,0,0,0.45);--shadow-lg:0 12px 28px rgba(0,0,0,0.65),0 4px 8px rgba(0,0,0,0.5);--shadow-xl:0 24px 56px rgba(0,0,0,0.75),0 8px 16px rgba(0,0,0,0.55);--shadow-focus:0 0 0 3px rgba(240,145,123,0.45)}:root{--glass-bg:rgba(255,255,255,0.55);--glass-bg-strong:rgba(255,255,255,0.72);--glass-bg-dark:rgba(20,20,22,0.72);--glass-border:rgba(255,255,255,0.70);--glass-text:var(--neutral-800);--glass-blur:saturate(160%) blur(18px);--glass-shadow:0 1px 0 rgba(255,255,255,0.55) inset,0 8px 24px rgba(23,10,37,0.08),0 1px 2px rgba(23,10,37,0.06);--color-primary:var(--neutral-900);--color-primary-hover:var(--neutral-800);--color-primary-active:#000;--color-primary-subtle:var(--glass-bg);--color-primary-subtle-text:var(--glass-text);--color-dark-band:#1a181d}[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-subtle:#050505;--color-surface:#1c1c1e;--color-surface-raised:#2c2c2e;--color-surface-sunken:#141416;--color-overlay:rgba(0,0,0,0.66);--color-text:#f5f5f7;--color-text-muted:#c7c7cc;--color-text-subtle:#98989d;--color-text-inverted:#0a0a0a;--color-border:rgba(255,255,255,0.14);--color-border-strong:rgba(255,255,255,0.22);--color-border-subtle:rgba(255,255,255,0.07);--color-primary:#f5f5f7;--color-primary-hover:#ffffff;--color-primary-active:#e5e5ea;--color-on-primary:#0a0a0a;--color-primary-subtle:rgba(255,255,255,0.08);--color-primary-subtle-text:#f5f5f7;--glass-bg:rgba(44,44,46,0.78);--glass-bg-strong:rgba(58,58,60,0.92);--glass-bg-dark:rgba(20,20,22,0.85);--glass-border:rgba(255,255,255,0.14);--glass-text:#f5f5f7;--glass-blur:saturate(180%) blur(28px);--glass-shadow:0 1px 0 rgba(255,255,255,0.08) inset,0 12px 32px rgba(0,0,0,0.6),0 1px 2px rgba(0,0,0,0.5)}.badge-primary,.btn-ghost:active:not([disabled]),.btn-ghost:hover:not([disabled]),.comp-badge,.device .dic,.device-tile .dic,.ds-nav a.active,.logo-mark .lg,.nav-login-menu .lic.cl,.radii-box,.step .ic,.tab.active,.toast.info .ic,.topnav .seg button.active{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--glass-text)}.comp-badge svg,.device .dic svg,.device-tile .dic svg,.fhir-node svg,.hero-trust .mk svg,.logo-mark .lg svg,.step .ic svg,.toast.info .ic svg{color:var(--glass-text)}.cta-final,.fhir-hub,.mock-phone,.split-card.clin{background:var(--glass-bg-strong)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--color-text)!important}.band-ink .stat .l,.cta-final p,.split-card.clin .lead{color:var(--color-text-muted)!important}.band-ink .stat .n,.band-ink h2,.cta-final h2,.split-card.clin h3{color:var(--color-text)!important}.cta-final:before{display:none!important}.band-ink{background:var(--color-surface)!important;color:var(--color-text)!important;border-block:1px solid var(--color-border)!important}[data-theme=dark] .band-ink{background:#1c1c1e!important;color:#f5f5f7!important}.band-ink .eyebrow{color:var(--color-accent)!important}.band-ink .lead,.band-ink p{color:var(--color-text-muted)!important}[data-theme=dark] .band-ink .lead,[data-theme=dark] .band-ink p{color:#aeaeb2!important}[data-theme=dark] .cta-final,[data-theme=dark] .fhir-hub,[data-theme=dark] .mock-phone,[data-theme=dark] .split-card.clin{color:#f5f5f7!important}[data-theme=dark] .cta-final .lead,[data-theme=dark] .cta-final p,[data-theme=dark] .split-card.clin .lead,[data-theme=dark] .split-card.clin p{color:#c7c7cc!important}[data-theme=dark] .device-tile .dic,[data-theme=dark] .fhir-node,[data-theme=dark] .mock-bar .mock-tab,[data-theme=dark] .mock-body,[data-theme=dark] .mock-phone-screen{background:var(--color-surface-raised)!important;color:var(--color-text)!important}[data-theme=dark] .band-ink,[data-theme=dark] .band-ink .stat .n,[data-theme=dark] .band-ink h2{color:#f5f5f7!important}[data-theme=dark] .band-ink .lead,[data-theme=dark] .band-ink .stat .l,[data-theme=dark] .band-ink p{color:#c7c7cc!important}::selection{color:var(--neutral-900)}[data-theme=dark] ::selection{background:rgba(238,115,95,.35);color:#fff}[data-theme=dark] .partner-marquee{background:#f5f5f7!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 12px 32px rgba(0,0,0,.5)}.device-tile{display:flex;flex-direction:column}.device-tile .meta{min-height:2.6em}.device-tile>.btn:last-child,.device-tile>.conn:last-child,.device-tile>.cta-row:last-child,.device-tile>a:last-child{margin-top:auto}.split-card{display:flex;flex-direction:column}.split-card>.btn:last-child,.split-card>.cta-row:last-child{margin-top:auto}.devices-grid.cols-3{grid-template-columns:repeat(3,1fr)}.devices-grid.cols-2{grid-template-columns:repeat(2,1fr)}.steps.steps-4{grid-template-columns:repeat(4,1fr)}@media (max-width:720px){.devices-grid.cols-2,.devices-grid.cols-3{grid-template-columns:1fr}}.hero.hero-cinema{position:relative;isolation:isolate;padding:0!important;min-height:clamp(560px,78vh,880px);display:flex;align-items:stretch;overflow:hidden;background:var(--color-bg)}.hero.hero-cinema:before{display:none}.hero-cinema-media{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transform:scale(1);transform-origin:center;will-change:opacity,transform;transition:opacity 1.4s ease-in-out,transform 6s ease-out}.hero-slide.is-active{opacity:1;transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.hero-slide{transition:opacity .4s ease}.hero-slide,.hero-slide.is-active{transform:none}}.hero-cinema-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,14,.88),rgba(8,10,14,.74) 30%,rgba(8,10,14,.4) 55%,rgba(8,10,14,.08) 78%,rgba(8,10,14,0)),linear-gradient(180deg,rgba(8,10,14,.2),rgba(8,10,14,0) 40%,rgba(8,10,14,.55));pointer-events:none}.hero-cinema-overlay{position:relative;z-index:1;display:flex;align-items:center;padding-block:clamp(var(--space-12),8vw,var(--space-24));width:100%}.hero-cinema-copy{max-width:56ch;color:#f5f5f7}.hero-cinema-copy .eyebrow{color:#f5f5f7;background:rgba(255,255,255,.08);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border:1px solid rgba(255,255,255,.18);padding:6px 12px;border-radius:999px;display:inline-flex;width:auto}.hero-cinema-copy h1.display{color:#ffffff;font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.025em;text-shadow:0 2px 24px rgba(0,0,0,.35)}.hero-cinema-copy h1 .accent{color:var(--color-accent)}.hero-cinema-copy .hero-lead{color:rgba(255,255,255,.88);font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;max-width:52ch;text-shadow:0 1px 12px rgba(0,0,0,.35)}.hero-cinema-copy .cta-row .btn-secondary{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px)}.hero-cinema-copy .cta-row .btn-secondary:hover{background:rgba(255,255,255,.18)}.hero-cinema-copy .cta-row .btn-primary{background:#ffffff;color:#0a0a0a;border:1px solid rgba(255,255,255,.22)}.hero-cinema-copy .cta-row .btn-primary:hover{background:#f1f1f3}.hero-cinema-copy .hero-trust .lbl{color:rgba(255,255,255,.65)}.hero-cinema-copy .hero-trust .mk{color:rgba(255,255,255,.92)}.hero-cinema-copy .hero-trust .mk svg{color:rgba(255,255,255,.85)}@media (max-width:900px){.hero.hero-cinema{min-height:clamp(520px,90vh,760px)}.hero-cinema-media img{object-position:60% center}.hero-cinema-scrim{background:linear-gradient(180deg,rgba(8,10,14,.35),rgba(8,10,14,.55) 42%,rgba(8,10,14,.88))}.hero-cinema-overlay{align-items:flex-end}.hero-cinema-copy{max-width:100%}}@media (min-width:1600px){.hero.hero-cinema{min-height:clamp(720px,70vh,980px)}.hero-cinema-copy h1.display{font-size:clamp(4rem,5vw,6.4rem)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-200);color:var(--primary-900)}.ds-app{display:grid;grid-template-columns:276px 1fr;min-height:100vh}.ds-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-6) 0 var(--space-12);display:flex;flex-direction:column}.ds-main{min-width:0}.ds-content{max-width:1180px;margin:0 auto;padding:var(--space-16) var(--space-12) var(--space-32)}.ds-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6) var(--space-6)}.ds-brand img{height:34px;width:auto}.ds-brand-text{display:flex;flex-direction:column;line-height:1.1}.ds-brand-text b{font-weight:var(--weight-bold);font-size:.95rem;letter-spacing:-.01em}.ds-brand-text span{font-size:var(--text-caption);color:var(--color-text-subtle)}.ds-nav{padding:0 var(--space-3);display:flex;flex-direction:column;gap:1px}.ds-nav-group{margin-top:var(--space-5);padding:0 var(--space-3) var(--space-2);font-size:var(--text-overline);letter-spacing:var(--text-overline-ls);text-transform:uppercase;color:var(--color-text-subtle);font-weight:var(--weight-semibold)}.ds-nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-body-sm);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.ds-nav a:hover{background:var(--color-bg);color:var(--color-text)}.ds-nav a.active{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.ds-nav a .dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;opacity:.55}.ds-theme-toggle{margin:auto var(--space-6) 0;padding-top:var(--space-6)}.ds-hero{margin-bottom:var(--space-16)}.ds-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-overline);letter-spacing:var(--text-overline-ls);text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--color-accent);margin-bottom:var(--space-4)}.ds-hero h1{font-family:var(--font-display);font-weight:800;font-size:var(--text-display);line-height:var(--text-display-lh);letter-spacing:-.028em;margin:0 0 var(--space-5);color:var(--color-text)}.ds-hero p{font-size:var(--text-body-lg);line-height:var(--text-body-lg-lh);color:var(--color-text-muted);max-width:60ch;margin:0}.ds-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}.ds-hero-meta div{display:flex;flex-direction:column;gap:2px}.ds-hero-meta dt{font-size:var(--text-caption);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em}.ds-hero-meta dd{margin:0;font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.ds-section{margin-bottom:var(--space-24);scroll-margin-top:var(--space-6)}.ds-section-head{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.ds-section-head h2{font-family:var(--font-display);font-weight:700;font-size:var(--text-h1);line-height:var(--text-h1-lh);letter-spacing:-.022em;margin:0 0 var(--space-3)}.ds-section-head p{font-size:var(--text-body);color:var(--color-text-muted);max-width:66ch;margin:0;line-height:1.6}.ds-sub{margin:var(--space-12) 0 var(--space-5)}.ds-sub h3{font-size:var(--text-h4);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0 0 var(--space-1)}.ds-sub p{margin:0;font-size:var(--text-body-sm);color:var(--color-text-muted)}.ds-panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:1100px){.ds-panels{grid-template-columns:1fr}}.ds-panel{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);overflow:hidden}.ds-panel-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.ds-panel-body{padding:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start}.ds-panel-body.col{flex-direction:column}.ds-panel-body.center{align-items:center;justify-content:center;min-height:160px}.ds-card-demo{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-8)}.ds-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.ds-stack{display:flex;flex-direction:column;gap:var(--space-3)}.ds-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.swatch-scale{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:var(--space-2);gap:var(--space-2)}@media (max-width:920px){.swatch-scale{grid-template-columns:repeat(6,1fr)}}.swatch{cursor:pointer;border:none;background:none;padding:0;text-align:left;font-family:inherit}.swatch-chip{height:64px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-spring)}.swatch:hover .swatch-chip{transform:translateY(-3px)}.swatch-meta{padding:var(--space-2) 2px 0}.swatch-meta .k{font-size:var(--text-caption);font-weight:var(--weight-semibold)}.swatch-meta .v{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-subtle);text-transform:uppercase}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.role-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--color-surface)}.role-card .role-sample{height:52px}.role-card .role-info{padding:var(--space-2) var(--space-3)}.role-card .role-info .k{font-family:var(--font-mono);font-size:.7rem}.role-card .role-info .v{font-size:.65rem;color:var(--color-text-subtle)}.token-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.token-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);font-weight:var(--weight-semibold)}.token-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.token-table tr:hover td{background:var(--color-bg)}.mono,.token-name{font-family:var(--font-mono)}.token-name{font-size:.78rem;color:var(--color-accent);background:var(--color-accent-subtle);padding:2px 7px;border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap}.token-name:hover{outline:1px solid var(--color-accent)}.type-spec{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-subtle)}.type-spec .sample{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-spec .meta{flex-shrink:0;text-align:right;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-subtle);line-height:1.5}.font-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);background:var(--color-surface)}.font-card .glyph{font-size:4.5rem;line-height:1;margin-bottom:var(--space-4)}.font-card .name{font-size:var(--text-h5);font-weight:var(--weight-semibold)}.font-card .role{font-size:var(--text-body-sm);color:var(--color-text-muted)}.space-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0}.space-bar{height:16px;background:var(--gradient-brand);border-radius:var(--radius-xs)}.radii-box{width:88px;height:88px;background:var(--color-primary-subtle);border:2px solid var(--color-primary);display:flex;align-items:flex-end;justify-content:center;padding:6px}.radii-box span{font-family:var(--font-mono);font-size:.62rem;color:var(--color-primary-subtle-text)}.shadow-box{width:130px;height:96px;border-radius:var(--radius-md);background:var(--color-surface);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-2)}.shadow-box span{font-family:var(--font-mono);font-size:.62rem;color:var(--color-text-subtle)}.blur-box{width:130px;height:96px;border-radius:var(--radius-md);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.blur-box .glass{position:absolute;inset:0;background:rgba(255,255,255,.35)}.blur-box span{position:relative;font-family:var(--font-mono);font-size:.62rem;color:#fff;padding:var(--space-2)}.motion-track{height:44px;background:var(--color-bg-subtle);position:relative;flex:1 1;cursor:pointer}.motion-dot,.motion-track{border-radius:var(--radius-full)}.motion-dot{position:absolute;top:6px;left:6px;width:32px;height:32px;background:var(--gradient-brand)}.btn{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-body-sm);border-radius:var(--radius-full);padding:.7rem 1.35rem;min-height:44px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:1;letter-spacing:0;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn[disabled]{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not([disabled]){background:var(--color-primary-hover)}.btn-primary:active:not([disabled]){background:var(--color-primary-active)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not([disabled]){background:var(--color-bg);border-color:var(--color-text-subtle)}.btn-secondary:active:not([disabled]){background:var(--color-bg-subtle)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:active:not([disabled]),.btn-ghost:hover:not([disabled]){background:var(--color-primary-subtle)}.btn-ghost:active:not([disabled]){filter:brightness(.96)}.btn-accent{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-sm)}.btn-accent:hover:not([disabled]){background:var(--color-accent-hover)}.btn-accent:active:not([disabled]){background:var(--color-accent-active)}.btn-danger{background:var(--color-critical);color:#fff}.btn-danger:hover:not([disabled]){filter:brightness(1.06)}.btn-danger:active:not([disabled]){filter:brightness(.92)}.btn-sm{padding:.5rem .95rem;font-size:var(--text-caption);min-height:36px}.btn-lg,.btn-sm{border-radius:var(--radius-full)}.btn-lg{padding:.8rem 1.6rem;font-size:var(--text-body);min-height:48px}.btn.is-focus{box-shadow:var(--shadow-focus)}.field{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px}.field>label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text)}.field .hint{font-size:var(--text-caption);color:var(--color-text-subtle)}.field .err{color:var(--color-critical)}.field .err,.field .ok{font-size:var(--text-caption);display:flex;align-items:center;gap:5px}.field .ok{color:var(--color-normal)}.input{font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.7rem .85rem;width:100%;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.input::placeholder{color:var(--color-text-subtle)}.input:hover:not([disabled]){border-color:var(--color-text-subtle)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.input[disabled]{background:var(--color-bg-subtle);cursor:not-allowed;opacity:.7}.input.is-focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.input.is-error{border-color:var(--color-critical)}.input.is-error.is-focus,.input.is-error:focus{box-shadow:0 0 0 3px var(--color-critical-bg)}.input.is-success{border-color:var(--color-normal)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap svg{position:absolute;left:.75rem;width:16px;height:16px;color:var(--color-text-subtle);pointer-events:none}.input-wrap .input{padding-left:2.3rem}.select-wrap svg.chev{left:auto;right:.75rem}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:3px 9px;border-radius:var(--radius-full);line-height:1.4;letter-spacing:.01em}.badge svg{width:12px;height:12px}.badge-neutral{background:var(--color-bg-subtle);color:var(--color-text-muted)}.badge-primary{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.badge-accent{background:var(--color-accent-subtle);color:var(--color-accent)}.badge-normal{background:var(--color-normal-bg);color:var(--color-normal-text)}.badge-borderline{background:var(--color-borderline-bg);color:var(--color-borderline-text)}.badge-critical{background:var(--color-critical-bg);color:var(--color-critical-text)}.badge-outline{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-muted)}.badge .dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.tab{font-family:var(--font-sans);background:none;cursor:pointer;padding:var(--space-3) var(--space-4);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary-subtle-text);border-bottom-color:var(--color-accent);font-weight:var(--weight-semibold)}.tooltip{position:relative;display:inline-flex}.tooltip-bubble{background:var(--neutral-900);color:#fff;font-size:var(--text-caption);font-weight:var(--weight-medium);padding:6px 10px;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);position:relative}[data-theme=dark] .tooltip-bubble{background:var(--neutral-200);color:var(--neutral-900)}.tooltip-bubble:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:inherit}.toast{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);width:100%;max-width:380px}.toast .ic{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.toast .ic svg{width:18px;height:18px}.toast .body{flex:1 1;min-width:0}.toast .body b{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);display:block}.toast .body p{margin:2px 0 0;font-size:var(--text-caption);color:var(--color-text-muted)}.toast .close{background:none;border:none;cursor:pointer;color:var(--color-text-subtle);padding:2px;display:grid;place-items:center}.toast .close svg{width:15px;height:15px}.toast.normal .ic{background:var(--color-normal-bg);color:var(--color-normal)}.toast.borderline .ic{background:var(--color-borderline-bg);color:var(--color-borderline)}.toast.critical .ic{background:var(--color-critical-bg);color:var(--color-critical)}.toast.info .ic{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.toast.critical{border-left:3px solid var(--color-critical)}.modal-stage{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:280px;display:grid;place-items:center;padding:var(--space-8)}.modal-scrim{position:absolute;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.modal{position:relative;width:100%;max-width:380px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);overflow:hidden}.modal-head{padding:var(--space-6) var(--space-6) var(--space-2)}.modal-head h4{margin:0 0 var(--space-2);font-size:var(--text-h4);font-weight:var(--weight-semibold)}.modal-head p{margin:0;font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.55}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6)}.topnav{gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.topnav,.topnav .logo{display:flex;align-items:center}.topnav .logo{gap:var(--space-2);font-weight:var(--weight-bold)}.topnav .logo img{height:26px}.topnav .seg{display:flex;gap:2px;background:var(--color-bg-subtle);padding:3px;border-radius:var(--radius-md)}.topnav .seg button{font-family:var(--font-sans);border:none;background:none;cursor:pointer;padding:6px 14px;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.topnav .seg button svg{width:14px;height:14px}.topnav .seg button.active{background:var(--color-surface);color:var(--color-primary-subtle-text);box-shadow:var(--shadow-xs)}.topnav .links{display:flex;gap:var(--space-1);margin-left:var(--space-2)}.topnav .links a{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;padding:6px 10px;border-radius:var(--radius-sm)}.topnav .links a.active{color:var(--color-text);background:var(--color-bg)}.topnav .right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.icon-btn{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:grid;place-items:center;cursor:pointer;color:var(--color-text-muted);position:relative}.icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.icon-btn svg{width:18px;height:18px}.icon-btn .ind{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-surface)}.avatar{width:38px;height:38px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;display:grid;place-items:center;font-weight:var(--weight-bold);font-size:var(--text-body-sm)}.vital{width:250px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-5);position:relative;overflow:hidden}.vital:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--vital-accent,var(--color-normal))}.vital-head{justify-content:space-between;margin-bottom:var(--space-3)}.vital-head,.vital-label{display:flex;align-items:center}.vital-label{gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.vital-label svg{width:16px;height:16px;color:var(--vital-accent,var(--color-normal))}.vital-value{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono)}.vital-value .num{font-size:var(--text-vital-lg);font-weight:500;letter-spacing:-.02em;color:var(--color-text);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vital-value .unit{font-size:var(--text-body-sm);color:var(--color-text-subtle);font-family:var(--font-sans)}.vital-foot{justify-content:space-between;margin-top:var(--space-4)}.vital-foot,.vital-trend{display:flex;align-items:center}.vital-trend{gap:5px;font-size:var(--text-caption);color:var(--color-text-muted);font-family:var(--font-mono)}.spark{display:block}.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:4px 10px 4px 8px;line-height:1.3}.pill,.pill .pulse{border-radius:var(--radius-full)}.pill .pulse{width:8px;height:8px;background:currentColor;position:relative}.pill.live .pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;animation:pulsering 1.8s ease-out infinite}@keyframes pulsering{0%{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}.pill-normal{background:var(--color-normal-bg);color:var(--color-normal-text)}.pill-borderline{background:var(--color-borderline-bg);color:var(--color-borderline-text)}.pill-critical{background:var(--color-critical-bg);color:var(--color-critical-text)}.pill .pill-glyph{font-family:var(--font-mono);font-weight:700;font-size:.85em;line-height:1;display:inline-flex;align-items:center}.device{width:280px;display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs)}.device .dic{width:46px;height:46px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary-subtle-text);display:grid;place-items:center;flex-shrink:0}.device .dic svg{width:22px;height:22px}.device .dinfo{flex:1 1;min-width:0}.device .dinfo b{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);display:block}.device .dinfo span{color:var(--color-text-subtle);display:flex}.conn,.device .dinfo span{font-size:var(--text-caption);align-items:center;gap:5px}.conn{display:inline-flex;font-weight:var(--weight-semibold)}.conn .d{width:7px;height:7px;border-radius:var(--radius-full)}.conn.on{color:var(--color-normal)}.conn.on .d{background:var(--color-normal);box-shadow:0 0 0 3px var(--color-normal-bg)}.conn.off{color:var(--color-text-subtle)}.conn.off .d{background:var(--color-text-subtle)}.conn.sync{color:var(--color-accent)}.conn.sync .d{background:var(--color-accent)}.compliance{flex-wrap:wrap;gap:var(--space-3)}.comp-badge,.compliance{display:flex;align-items:center}.comp-badge{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.comp-badge svg{width:18px;height:18px;color:var(--color-primary-subtle-text)}.comp-badge .ct b{font-size:var(--text-caption);font-weight:var(--weight-bold);display:block;line-height:1.2}.comp-badge .ct span{font-size:.62rem;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.trend-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-6)}.trend-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.trend-head h4{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold)}.trend-head .big{font-family:var(--font-mono);font-size:var(--text-vital-md);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.copy-pop{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%) translateY(20px);background:var(--neutral-900);color:#fff;padding:10px 18px;border-radius:var(--radius-full);font-size:var(--text-body-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-spring);z-index:100;display:flex;align-items:center;gap:var(--space-2)}.copy-pop.show{opacity:1;transform:translateX(-50%) translateY(0)}.copy-pop svg{width:16px;height:16px;color:var(--accent-400)}.codeblock{background:var(--neutral-950);color:#e8e6ec;border-radius:var(--radius-lg);padding:var(--space-6);font-family:var(--font-mono);font-size:.8rem;line-height:1.7;overflow-x:auto;border:1px solid var(--color-border)}.codeblock .c{color:#7b7880}.codeblock .k{color:#f0917b}.codeblock .s{color:#89d19c}.codeblock .n{color:#c8b8dd}.theme-switch{display:inline-flex;background:var(--color-bg-subtle);border-radius:var(--radius-full);padding:3px;gap:2px}.theme-switch button{font-family:var(--font-sans);border:none;background:none;cursor:pointer;padding:7px 14px;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.theme-switch button svg{width:14px;height:14px}.theme-switch button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.callout{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-accent-subtle);border:1px solid var(--accent-200);font-size:var(--text-body-sm);color:var(--color-text);line-height:1.55}[data-theme=dark] .callout{border-color:rgba(238,115,95,.3)}.callout svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0;margin-top:1px}