:root{--brown-50:#faf5ee;--brown-100:#f2e8d4;--brown-200:#e5d0ae;--brown-300:#d4b282;--brown-400:#be9a66;--brown-500:#a98559;--brown-600:#9e7a4e;--brown-700:#7d5f3b;--brown-800:#5e4529;--brown-900:#463b30;--brown-950:#2a2218;--cream-50:#fffdf8;--cream-100:#f7efe1;--cream-200:#ede0cb;--cream-300:#e9dec9;--cream-400:#d6c9b0;--warm-50:#fefcf8;--warm-100:#f9f3ea;--gradient-cta:linear-gradient(135deg,#9e7a4e,#a98559 50%,#be9a66);--gradient-warm:linear-gradient(160deg,#f7efe1,#fffdf8);--gradient-hero:linear-gradient(105deg,rgba(26,23,18,0.96),rgba(26,23,18,0.82) 38%,rgba(26,23,18,0.45) 65%,rgba(26,23,18,0.10));--gradient-hero-bg:linear-gradient(145deg,#8b5e30,#c4864a 22%,#e8b96a 48%,#f0cc8a 68%,#d4a058 85%,#a0723a);--font-display:"Hanken Grotesk","DM Sans",system-ui,sans-serif;--font-sans:"Prompt",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SF Mono",ui-monospace,monospace;--text-display:4.25rem;--text-display-lh:1.04;--text-display-ls:-0.022em;--text-h1:3rem;--text-h1-lh:1.08;--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.65;--text-body:1rem;--text-body-lh:1.65;--text-body-sm:0.875rem;--text-body-sm-lh:1.6;--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;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--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-xl:1240px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-full:9999px;--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-spring:cubic-bezier(0.34,1.56,0.64,1);--blur-sm:6px;--blur-md:14px;--blur-lg:28px}[data-theme=light]{color-scheme:light;--color-bg:#f7efe1;--color-bg-subtle:#f0e5d0;--color-surface:#fffdf8;--color-surface-raised:#ffffff;--color-surface-deep:#ede0cb;--color-overlay:rgba(46,35,24,0.44);--color-text:#463b30;--color-text-muted:#7e7160;--color-text-subtle:#a09080;--color-text-inverted:#fffdf8;--color-border:#e9dec9;--color-border-strong:#d6c9b0;--color-border-subtle:#f0e5d0;--color-primary:#9e7a4e;--color-primary-hover:#7d5f3b;--color-primary-active:#5e4529;--color-on-primary:#fffdf8;--color-primary-subtle:rgba(158,122,78,0.10);--color-primary-subtle-text:#7d5f3b;--color-ring:rgba(158,122,78,0.45);--shadow-xs:0 1px 2px rgba(46,35,24,0.06);--shadow-sm:0 1px 3px rgba(46,35,24,0.08),0 1px 2px rgba(46,35,24,0.05);--shadow-md:0 4px 12px rgba(46,35,24,0.09),0 2px 4px rgba(46,35,24,0.05);--shadow-lg:0 12px 28px rgba(46,35,24,0.12),0 4px 8px rgba(46,35,24,0.06);--shadow-xl:0 24px 56px rgba(46,35,24,0.14),0 8px 16px rgba(46,35,24,0.07);--shadow-focus:0 0 0 3px rgba(158,122,78,0.32);--glass-bg:rgba(255,253,248,0.72);--glass-bg-hover:rgba(255,253,248,0.88);--glass-border:rgba(255,253,248,0.90);--glass-highlight:rgba(255,255,255,0.95);--glass-shadow:0 8px 32px rgba(46,35,24,0.10),0 2px 8px rgba(46,35,24,0.06);--glass-blur:blur(18px) saturate(160%)}[data-theme=dark]{color-scheme:dark;--color-bg:#1a1712;--color-bg-subtle:#211e18;--color-surface:#262019;--color-surface-raised:#2e2820;--color-surface-deep:#191612;--color-overlay:rgba(0,0,0,0.66);--color-text:#f5eee2;--color-text-muted:#c4b49a;--color-text-subtle:#8a7a66;--color-text-inverted:#1a1712;--color-border:rgba(255,248,235,0.10);--color-border-strong:rgba(255,248,235,0.18);--color-border-subtle:rgba(255,248,235,0.05);--color-primary:#e6d4b0;--color-primary-hover:#f0e2c4;--color-primary-active:#f7ede0;--color-on-primary:#2a2218;--color-primary-subtle:rgba(230,212,176,0.12);--color-primary-subtle-text:#e6d4b0;--color-ring:rgba(230,212,176,0.40);--shadow-xs:0 1px 2px rgba(0,0,0,0.40);--shadow-sm:0 1px 3px rgba(0,0,0,0.50),0 1px 2px rgba(0,0,0,0.40);--shadow-md:0 4px 12px rgba(0,0,0,0.52),0 2px 4px rgba(0,0,0,0.40);--shadow-lg:0 12px 28px rgba(0,0,0,0.60),0 4px 8px rgba(0,0,0,0.45);--shadow-xl:0 24px 56px rgba(0,0,0,0.72),0 8px 16px rgba(0,0,0,0.50);--shadow-focus:0 0 0 3px rgba(230,212,176,0.36);--glass-bg:rgba(38,32,25,0.70);--glass-bg-hover:rgba(46,40,32,0.82);--glass-border:rgba(255,248,235,0.12);--glass-highlight:rgba(255,248,235,0.07);--glass-shadow:0 8px 32px rgba(0,0,0,0.44),0 2px 8px rgba(158,122,78,0.14);--glass-blur:blur(18px) saturate(160%)}::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-style:italic;font-variation-settings:var(--font-display-settings);font-optical-sizing:auto;font-size:var(--text-display);line-height:var(--text-display-lh);letter-spacing:var(--text-display-ls);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:800;font-style:italic;font-variation-settings:var(--font-display-settings);font-optical-sizing:auto;font-size:var(--text-h1);line-height:var(--text-h1-lh);letter-spacing:var(--text-h1-ls);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{padding:.7rem 1.25rem;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[disabled]{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not([disabled]){background:var(--color-primary-hover)}.btn-primary:active:not([disabled]){background:var(--color-primary-active)}.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)}.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 .85rem}.btn-lg{padding:.95rem 1.6rem}.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}.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)}.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{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.comp-badge svg{width:18px;height:18px}.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}*{box-sizing:border-box}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:rgba(158,122,78,.22);color:var(--color-text)}.site{overflow-x:clip}.container{max-width:var(--container-xl);margin:0 auto;padding-inline:var(--space-6)}.band{padding-block:clamp(var(--space-16),9vw,var(--space-32));position:relative}.band-cream{background:var(--color-bg-subtle)}.band-warm{background:var(--color-surface)}.band-dark{background:linear-gradient(160deg,#2a2218,#1a1712 60%,#120f0a);color:#f5eee2}.band-dark .eyebrow{color:var(--brown-300)}.band-dark .section-lead{color:#c4b49a}.band-dark .section-title{color:#f5eee2}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-overline);letter-spacing:var(--text-overline-ls);text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--color-primary-subtle-text);margin-bottom:var(--space-4)}.eyebrow:before{content:"";width:20px;height:2px;background:var(--gradient-cta);border-radius:2px}.section-title{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(1.9rem,3.8vw,var(--text-h1));line-height:1.08;letter-spacing:-.018em;margin:0 0 var(--space-4);text-wrap:balance}.section-lead{font-size:var(--text-body-lg);line-height:1.65;color:var(--color-text-muted);margin:0;max-width:60ch}.section-head{max-width:58ch;margin-bottom:var(--space-12)}.section-head.center{text-align:center;margin-inline:auto}.section-head.center .section-lead{margin-inline:auto}.section-head.center .eyebrow{justify-content:center}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-2xl)}.btn{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-body-sm);border-radius:var(--radius-md);padding:.72rem 1.3rem;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);line-height:1;text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),filter var(--duration-fast) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn svg{width:17px;height:17px;flex-shrink:0}.btn-cta{background:var(--gradient-cta);color:#fffdf8;border:none;box-shadow:0 6px 20px -6px rgba(158,122,78,.55)}.btn-cta:hover{filter:brightness(1.07);box-shadow:0 10px 28px -6px rgba(158,122,78,.65);transform:translateY(-2px)}.btn-cta:active{transform:translateY(0);filter:brightness(.97)}.btn-outline{background:rgba(255,253,248,.1);border:1px solid rgba(255,253,248,.35);color:#fffdf8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{background:rgba(255,253,248,.18);transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-bg);border-color:var(--color-text-subtle);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-lg{padding:.9rem 1.6rem;font-size:var(--text-body);border-radius:var(--radius-lg)}.btn-sm{padding:.5rem .9rem;font-size:var(--text-caption);border-radius:var(--radius-sm)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-bottom:1px solid transparent;transition:background var(--duration-slow) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),-webkit-backdrop-filter var(--duration-slow) var(--ease-standard);transition:background var(--duration-slow) var(--ease-standard),backdrop-filter var(--duration-slow) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);transition:background var(--duration-slow) var(--ease-standard),backdrop-filter var(--duration-slow) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),-webkit-backdrop-filter var(--duration-slow) var(--ease-standard)}.nav.scrolled{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom-color:var(--color-border);box-shadow:0 1px 0 var(--glass-highlight) inset,var(--shadow-sm)}.nav-inner{gap:var(--space-6);height:70px}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:var(--space-2);text-decoration:none;color:var(--color-text);flex-shrink:0}.nav-logo span{font-family:var(--font-display);font-weight:var(--weight-black);font-size:1.15rem;letter-spacing:-.02em}.nav-logo span i{font-style:normal;color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:2px;margin-left:var(--space-4)}.nav-links a{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;padding:7px 11px;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.nav-links a:hover{color:var(--color-text);background:var(--color-primary-subtle)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.theme-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);transition:color var(--duration-fast),background var(--duration-fast)}.theme-btn:hover{color:var(--color-text);background:var(--color-primary-subtle)}.theme-btn svg{width:18px;height:18px}.nav-burger{display:none;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text);place-items:center}.lang{position:relative}.lang-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.lang-btn:hover{color:var(--color-text)}.lang.open .lang-btn .chev{transform:rotate(180deg)}.lang-btn .chev{transition:transform var(--duration-fast)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);min-width:178px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all var(--duration-fast) var(--ease-standard);z-index:60}.lang.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-menu button{display:flex;width:100%;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--color-text)}.lang-menu button:hover{background:var(--color-primary-subtle)}.lang-menu button .flag{font-size:.9rem;width:22px}.lang-menu button .code{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-subtle)}.lang-menu button.sel{color:var(--color-primary-subtle-text);font-weight:var(--weight-semibold)}.mobile-menu{position:fixed;inset:0;z-index:60;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--duration-base)}.mobile-menu.open{opacity:1;visibility:visible}.mobile-sheet{position:absolute;top:0;right:0;width:min(86vw,340px);height:100%;background:var(--color-surface);box-shadow:var(--shadow-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);transform:translateX(100%);transition:transform var(--duration-base) var(--ease-standard);overflow-y:auto}.mobile-menu.open .mobile-sheet{transform:none}.mobile-sheet a{padding:var(--space-3);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);font-weight:var(--weight-medium)}.mobile-sheet a:hover{background:var(--color-primary-subtle)}.mobile-sheet .mm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:var(--gradient-hero-bg)}.hero-photo{z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.hero-photo,.hero-scrim{position:absolute;inset:0}.hero-scrim{z-index:1;background:linear-gradient(105deg,rgba(26,23,18,.92),rgba(26,23,18,.78) 40%,rgba(26,23,18,.38) 68%,rgba(26,23,18,.08)),linear-gradient(0deg,rgba(26,23,18,.7) 0,transparent 45%)}.hero-content{position:relative;z-index:2;padding:clamp(var(--space-16),10vw,var(--space-32)) 0 clamp(var(--space-12),7vw,var(--space-24))}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);border-radius:var(--radius-full);background:rgba(255,253,248,.12);border:1px solid rgba(255,253,248,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:rgba(255,253,248,.92)}.hero-badge svg{color:#be9a66}.hero h1{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(2.4rem,5.5vw,var(--text-display));line-height:1.04;letter-spacing:var(--text-display-ls);color:#f5eee2;margin:0 0 var(--space-6);max-width:18ch;text-wrap:balance}.hero h1 .accent{color:#e6d4b0}.hero-sub{font-size:var(--text-body-lg);line-height:1.65;color:rgba(245,238,226,.82);max-width:48ch;margin:0 0 var(--space-8)}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-ctas,.hero-nowait{margin-bottom:var(--space-6)}.hero-nowait{font-size:var(--text-body-sm);color:rgba(245,238,226,.62)}.hero-trust{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);font-size:var(--text-caption);color:rgba(245,238,226,.55);font-weight:var(--weight-medium)}.hero-trust span{display:flex;align-items:center;gap:6px}.hero-trust svg{color:#be9a66}.hero-scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:rgba(245,238,226,.4);font-size:var(--text-caption);animation:scrollpulse 2.4s var(--ease-standard) infinite}.hero-scroll svg{width:20px;height:20px}@keyframes scrollpulse{0%,to{opacity:.4;transform:translateX(-50%) translateY(0)}50%{opacity:.8;transform:translateX(-50%) translateY(6px)}}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-2xl);padding:var(--space-8);transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-lg)}.stat-card .si{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--color-primary-subtle);color:var(--color-primary-subtle-text);margin-bottom:var(--space-5)}.stat-card .n{font-family:var(--font-mono);font-weight:600;font-size:clamp(1.9rem,3.8vw,2.7rem);line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--gradient-cta);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card .l{margin-top:var(--space-3);font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.55}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.step{position:relative;padding:var(--space-8) var(--space-6);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-2xl);transition:transform var(--duration-base)}.step:hover{transform:translateY(-3px)}.step .num{font-family:var(--font-display);font-weight:var(--weight-black);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:var(--gradient-cta);-webkit-background-clip:text;background-clip:text;color:transparent}.step .ic{width:50px;height:50px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--gradient-cta);color:#fffdf8;margin:var(--space-3) 0 var(--space-5);box-shadow:0 6px 18px -6px rgba(158,122,78,.5)}.step .ic svg{width:22px;height:22px}.step h4{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-h5);font-weight:var(--weight-bold)}.step p{margin:0;font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.6}.step-line{position:absolute;top:92px;right:calc(var(--space-6) * -1);width:var(--space-6);height:2px;background:var(--color-border-strong);z-index:1}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.feature{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-2xl);padding:var(--space-8);transition:transform var(--duration-base),box-shadow var(--duration-base)}.feature:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-xl)}.feature .fic{width:54px;height:54px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--gradient-cta);color:#fffdf8;margin-bottom:var(--space-5);box-shadow:0 8px 20px -8px rgba(158,122,78,.55)}.feature .fic svg{width:24px;height:24px}.feature h4{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-h5);font-weight:var(--weight-bold)}.feature p{margin:0 0 var(--space-4);font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.6}.feature .flist{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.feature .flist li{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-caption);color:var(--color-text-muted)}.feature .flist svg{color:var(--color-primary);flex-shrink:0}.showcase{display:grid;grid-template-columns:1fr 1.05fr;grid-gap:clamp(var(--space-8),4vw,var(--space-16));gap:clamp(var(--space-8),4vw,var(--space-16));align-items:center}.showcase-points{list-style:none;padding:0;margin:var(--space-8) 0 0;display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.showcase-points li{display:flex;gap:var(--space-4);align-items:flex-start}.showcase-points .pi{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0;background:rgba(255,253,248,.08);border:1px solid rgba(255,253,248,.15);color:var(--brown-300)}.showcase-points b{display:block;font-size:var(--text-body);font-weight:var(--weight-semibold);margin-bottom:2px;color:#f5eee2}.showcase-points span{font-size:var(--text-body-sm);color:#c4b49a;line-height:1.5}.trust-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5);margin-top:var(--space-10)}.trust-card-dark{background:linear-gradient(145deg,#2a2218,#1e1912);border:1px solid rgba(255,248,235,.1);box-shadow:inset 0 1px 0 rgba(255,248,235,.06),var(--shadow-lg);border-radius:var(--radius-2xl);padding:var(--space-8);color:#f5eee2}.trust-card-dark h4{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h4);margin:0 0 var(--space-4)}.trust-card-dark p{font-size:var(--text-body-sm);color:#c4b49a;line-height:1.7;margin:0}.trust-card-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-2xl);padding:var(--space-8)}.trust-card-glass h4{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h4);margin:0 0 var(--space-5)}.trust-checklist{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.trust-checklist li{display:flex;gap:var(--space-3);align-items:center;font-size:var(--text-body-sm)}.trust-checklist svg{color:var(--color-primary);flex-shrink:0}.compliance-row{flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.comp-badge,.compliance-row{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:16px;height:16px;color:var(--color-primary-subtle-text)}.comp-badge b{font-size:var(--text-caption);font-weight:var(--weight-bold)}.hero-mock{position:relative}.session-win{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-xl),0 0 60px -20px rgba(158,122,78,.22);border-radius:var(--radius-2xl);overflow:hidden}.session-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.session-bar .dots{display:flex;gap:6px}.session-bar .dots i{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-border-strong)}.session-bar .dots i:first-child{background:#fc6058}.session-bar .dots i:nth-child(2){background:#ffa500}.session-bar .dots i:nth-child(3){background:#36c246}.session-bar .stab{margin-left:var(--space-2);font-size:var(--text-caption);color:var(--color-text-muted);background:var(--color-primary-subtle);padding:4px 10px;display:flex;gap:6px}.pill-live,.session-bar .stab{font-weight:var(--weight-semibold);border-radius:var(--radius-full);align-items:center}.pill-live{display:inline-flex;gap:5px;font-size:.62rem;padding:2px 8px;background:rgba(158,122,78,.12);color:var(--color-primary-subtle-text)}.pulse-dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;position:relative}.pulse-dot: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.8);opacity:0}}.session-body{padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.bear-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;position:relative}.bear-halo{position:relative;width:120px;height:120px;display:grid;place-items:center}.bear-halo:after,.bear-halo:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);border:2px solid rgba(158,122,78,.45);animation:listenring 2.8s var(--ease-standard) infinite}.bear-halo:after{animation-delay:1.4s}@keyframes listenring{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.5);opacity:0}}.bear-img{width:104px;height:104px;position:relative;z-index:1;filter:drop-shadow(0 8px 20px rgba(158,122,78,.3))}.wave{display:flex;align-items:center;gap:3px;height:28px}.wave i{width:3px;border-radius:var(--radius-full);background:var(--gradient-cta);animation:wavebar 1.1s var(--ease-standard) infinite}@keyframes wavebar{0%,to{height:4px}50%{height:26px}}.session-caption{font-size:var(--text-caption);color:var(--color-text-subtle);display:flex;align-items:center;gap:6px}.bubble{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs);max-width:92%}.bubble .who{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-primary-subtle-text);display:flex;align-items:center;gap:5px;margin-bottom:4px}.bubble p{margin:0;font-size:var(--text-body-sm);color:var(--color-text);line-height:1.5}.session-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3)}.metric-card .mt{font-size:var(--text-caption);color:var(--color-text-muted);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:5px;margin-bottom:var(--space-3)}.metric-card .mt svg{color:var(--color-primary-subtle-text)}.wheel{position:relative;width:100%;aspect-ratio:1;max-width:120px;margin:0 auto}.wheel svg{width:100%;height:100%;display:block}.wheel .dot{position:absolute;width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:0 0 0 3px rgba(158,122,78,.28);transform:translate(-50%,-50%);transition:all 1.4s var(--ease-spring)}.wheel-axis{position:absolute;font-size:.52rem;color:var(--color-text-subtle);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.phq{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.phq-arc{position:relative;width:120px;height:70px}.phq-arc svg{width:100%;height:100%}.phq-read{position:absolute;bottom:0;left:0;right:0;text-align:center}.phq-read .v{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;line-height:1}.phq-read .o{font-size:.62rem;color:var(--color-text-subtle)}.phq-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:2px 10px;border-radius:var(--radius-full);background:rgba(158,122,78,.12);color:var(--color-primary-subtle-text)}.faq{max-width:740px;margin:0 auto;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.faq-item{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.faq-item.open{border-color:var(--color-primary);box-shadow:inset 0 1px 0 var(--glass-highlight),0 0 0 1px var(--color-primary-subtle),var(--shadow-sm)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer;padding:var(--space-5) var(--space-6);border:none;background:none;text-align:left;font-family:var(--font-sans);font-size:var(--text-h6);font-weight:var(--weight-semibold);color:var(--color-text)}.faq-q .qx{width:30px;height:30px;border-radius:var(--radius-full);display:grid;place-items:center;flex-shrink:0;background:var(--color-primary-subtle);color:var(--color-primary-subtle-text);transition:transform var(--duration-base),background var(--duration-fast)}.faq-item.open .faq-q .qx{transform:rotate(180deg);background:var(--color-primary);color:#fffdf8}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease-enter)}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a-inner{overflow:hidden}.faq-a-body{padding:0 var(--space-6) var(--space-5);font-size:var(--text-body);color:var(--color-text-muted);line-height:1.7}.cta-final{border-radius:var(--radius-2xl);padding:clamp(var(--space-12),6vw,var(--space-24));text-align:center;position:relative;overflow:hidden;color:#f5eee2;background:linear-gradient(150deg,#2a2218,#1a1712 60%,#120f0a)}.cta-final:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(52% 66% at 22% 0,rgba(190,154,102,.3),transparent 64%),radial-gradient(42% 60% at 80% 10%,rgba(158,122,78,.22),transparent 60%)}.cta-final>*{position:relative}.cta-final .bear-sm{width:80px;margin:0 auto var(--space-5);filter:drop-shadow(0 10px 24px rgba(0,0,0,.4));display:block}.cta-final h2{font-family:var(--font-display);font-weight:var(--weight-black);font-size:clamp(1.9rem,4.5vw,3.2rem);line-height:1.06;margin:0 0 var(--space-4);color:#f5eee2;text-wrap:balance}.cta-final p{font-size:var(--text-body-lg);color:#c4b49a;max-width:44ch;margin:0 auto var(--space-8)}.cta-final .btn-secondary{background:rgba(255,253,248,.08);color:#f5eee2;border-color:rgba(255,253,248,.2)}.cta-final .btn-secondary:hover{background:rgba(255,253,248,.14)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding-block:var(--space-12) var(--space-8)}.footer-simple{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-10)}.footer-brand p{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.65;max-width:36ch;margin:var(--space-3) 0 var(--space-4)}.footer-langs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.footer-langs a{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-subtle);padding:3px 9px;border-radius:var(--radius-full);border:1px solid var(--color-border);text-decoration:none;transition:color var(--duration-fast),border-color var(--duration-fast)}.footer-langs a.on,.footer-langs a:hover{color:var(--color-primary-subtle-text);border-color:var(--color-primary);background:var(--color-primary-subtle)}.footer-bottom,.footer-cta-col{display:flex;align-items:center}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.footer-bottom .built,.footer-bottom .legal{font-size:var(--text-caption);color:var(--color-text-subtle)}.footer-bottom .built{display:flex;align-items:center;gap:6px}@media (prefers-reduced-motion:reduce){.feature:hover,.stat-card:hover,.step:hover{transform:none}.bear-halo:after,.bear-halo:before,.hero-scroll,.pulse-dot:after,.wave i{animation:none!important}html{scroll-behavior:auto}}@media (max-width:1000px){.showcase,.stat-grid,.trust-cards{grid-template-columns:1fr}.footer-simple{flex-direction:column;align-items:flex-start}}@media (max-width:860px){.nav-links{display:none}.nav-burger{display:grid}.steps{grid-template-columns:1fr}.step-line{display:none}.features-grid,.session-metrics{grid-template-columns:1fr}}@media (max-width:680px){.hero h1{font-size:clamp(2rem,8vw,2.8rem)}.footer-cta-col{width:100%}.footer-cta-col .btn{width:100%;justify-content:center}.cta-row{flex-direction:column;align-items:stretch}.cta-row .btn{justify-content:center}}body,html{padding:0;margin:0;background:var(--color-bg);color:var(--color-text)}html{scroll-behavior:smooth}