@font-face{font-family:Archivo;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/Archivo-Variable.ttf) format("truetype-variations");font-weight:100 900;font-stretch:62.5% 125%;font-style:normal;font-display:swap } @font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap } @font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap } @font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap }:root{--n-0:#FFFFFF;--n-50:#F7F6F4;--n-100:#EFEEEB;--n-200:#E3E1DD;--n-300:#CFCCC6;--n-400:#ABA79F;--n-500:#807C74;--n-600:#5D5A53;--n-700:#44423C;--n-800:#2B2A28;--n-900:#1E1D1B;--n-950:#151412;--copper-50:#FBF1E9;--copper-100:#F6E0CE;--copper-200:#EFC5A3;--copper-300:#E5A371;--copper-400:#D98146;--copper-500:#BE5B20;--copper-600:#A04A1B;--copper-700:#7F3B18;--copper-800:#613017;--copper-900:#472513;--state-live:#1F9D5B;--state-live-bright:#37C97F;--state-busy:#D6453D;--state-hold:#DB930B;--state-idle:#ABA79F;--state-info:#3E7BC0;--accent:var(--copper-700);--accent-hover:var(--copper-600);--accent-active:var(--copper-700);--accent-on-ink:var(--copper-400);--accent-soft:var(--copper-50);--accent-soft-border:var(--copper-200);--success:var(--state-live);--danger:var(--state-busy);--warning:var(--state-hold);--info:var(--state-info);--surface-page:var(--n-50);--surface-card:var(--n-0);--surface-sunken:var(--n-100);--surface-ink:var(--n-950);--surface-ink-raised:#211F1C;--surface-ink-overlay:rgba(255,255,255,.05);--text-primary:var(--n-900);--text-secondary:var(--n-600);--text-muted:var(--n-600);--text-on-ink:var(--n-50);--text-on-ink-secondary:rgba(247,246,244,.62);--text-on-ink-muted:rgba(247,246,244,.4);--text-on-accent:#FFFFFF;--border:var(--n-200);--border-strong:var(--n-300);--border-on-ink:rgba(255,255,255,.09);--border-on-ink-strong:rgba(255,255,255,.16);--tint-live:#E4F4EB;--tint-live-border:#B9E2CC;--tint-busy:#FBEAE9;--tint-busy-border:#F1C6C3;--tint-hold:#FBF1DC;--tint-hold-border:#EFD9A8;--tint-info:#E9F1FA;--tint-info-border:#C5D9EF;--glow-live:0 0 0 3px rgba(31,157,91,.16);--glow-busy:0 0 0 3px rgba(214,69,61,.16);--glow-hold:0 0 0 3px rgba(219,147,11,.18);--focus-ring-color:var(--copper-500);--overlay-scrim:rgba(21,20,18,.44) }:root{--font-sans:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--display-stretch:116%;--display-weight:680;--display-tracking:-.015em;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-body:16px;--text-lg:18px;--text-xl:22px;--text-2xl:27px;--text-3xl:34px;--text-4xl:44px;--text-5xl:56px;--text-6xl:72px;--leading-display:1.04;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.01em;--tracking-normal:0;--tracking-label:.09em;--tracking-caps:.05em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700 }:root{--sp-05:2px;--sp-1:4px;--sp-15:6px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--r-xs:4px;--r-sm:6px;--r-md:4px;--r-lg:6px;--r-xl:8px;--r-pill:999px;--container-max:1160px;--container-pad:24px;--control-h-sm:32px;--control-h-md:38px;--control-h-lg:46px }:root{--shadow-xs:0 1px 2px rgba(21,20,18,.05);--shadow-sm:0 1px 2px rgba(21,20,18,.06),0 2px 6px -2px rgba(21,20,18,.06);--shadow-md:0 2px 4px rgba(21,20,18,.05),0 8px 20px -6px rgba(21,20,18,.1);--shadow-lg:0 4px 8px rgba(21,20,18,.06),0 16px 40px -12px rgba(21,20,18,.18);--shadow-pop:0 2px 6px rgba(21,20,18,.07),0 10px 28px -8px rgba(21,20,18,.16);--stroke-card:1px solid var(--border);--stroke-card-ink:1px solid var(--border-on-ink) }:root{--dur-1:.12s;--dur-2:.18s;--dur-3:.26s;--ease-precise:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1) } @keyframes wx-pulse{0%{box-shadow:0 0 #1f9d5b59 } 70%{box-shadow:0 0 0 6px #1f9d5b00 } to{box-shadow:0 0 #1f9d5b00 } } @keyframes wx-pulse-busy{0%{box-shadow:0 0 #d6453d59 } 70%{box-shadow:0 0 0 6px #d6453d00 } to{box-shadow:0 0 #d6453d00 } } @keyframes wx-eq{0%,to{transform:scaleY(.35) } 50%{transform:scaleY(1) } } body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility } a{color:var(--accent);text-decoration:none } a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px }::selection{background:var(--copper-100);color:var(--copper-900) } code,kbd,pre{font-family:var(--font-mono) }:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:2px } *{text-transform:none !important } [data-theme="dark"]{--n-0:#151412;--n-50:#1E1D1B;--n-100:#2B2A28;--n-200:#44423C;--n-300:#5D5A53;--n-400:#807C74;--n-500:#ABA79F;--n-600:#CFCCC6;--n-700:#E3E1DD;--n-800:#EFEEEB;--n-900:#F7F6F4;--n-950:#FFFFFF;--surface-page:var(--n-0);--surface-card:var(--n-50);--surface-sunken:var(--n-100);--surface-ink:var(--n-950);--text-primary:var(--n-950);--text-secondary:var(--n-700);--text-muted:var(--n-500);--border:var(--n-200);--border-strong:var(--n-300)} .loading-spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;width:16px;height:16px;animation:wx-spin 1s ease-in-out infinite;display:inline-block;vertical-align:middle} @keyframes wx-spin{to{transform:rotate(360deg)} } .cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--surface-ink);color:var(--text-on-ink);padding:16px;display:flex;justify-content:center;align-items:center;gap:16px;z-index:9999;font-size:13px;box-shadow:0 -2px 10px rgba(0,0,0,0.1)} .scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:10000;pointer-events:none} .scroll-progress-bar{height:100%;background:var(--accent);width:0%} .scroll-top-btn{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--surface-ink);color:var(--text-on-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9998;opacity:0;transition:opacity 0.3s;pointer-events:none;box-shadow:var(--shadow-md);border:none} .scroll-top-btn.visible{opacity:1;pointer-events:auto} .skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:white;padding:8px;z-index:10000;transition:top 0.2s} .skip-link:focus{top:0} .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:8px} .desktop-nav{display:flex;gap:2px;flex:1;align-items:center} @media (max-width:768px){.mobile-menu-toggle{display:block} .desktop-nav{display:none;flex-direction:column;position:absolute;top:64px;left:0;width:100%;background:var(--surface-page);box-shadow:var(--shadow-md);padding:16px;border-bottom:1px solid var(--border)} .desktop-nav.mobile-open{display:flex} header>div{justify-content:space-between} } sc-for,sc-if{display:contents} .wk-trio{display:grid;grid-template-columns:1fr;gap:16px} @media (min-width:768px){.wk-trio{grid-template-columns:1.15fr 0.85fr;grid-template-rows:auto auto} .wk-trio>*:nth-child(1){grid-row:span 2} } .wk-grid6{display:grid;grid-template-columns:1fr;gap:16px;margin-top:40px} @media (min-width:768px){.wk-grid6{grid-template-columns:repeat(4,1fr)} .wk-grid6>*:nth-child(1){grid-column:span 2;grid-row:span 2} .wk-grid6>*:nth-child(2){grid-column:span 2} .wk-grid6>*:nth-child(3){grid-column:span 1} .wk-grid6>*:nth-child(4){grid-column:span 1} .wk-grid6>*:nth-child(5){grid-column:span 2} .wk-grid6>*:nth-child(6){grid-column:span 2} } .nav-menu-link:hover{color:var(--text-primary) !important;background:var(--surface-sunken) !important} .nav-dropdown-link:hover{background:var(--surface-sunken) !important} .nav-menu-item:hover .nav-dropdown{display:block !important} .top-btn-hover:hover{background:var(--surface-sunken) !important} .top-btn-primary-hover:hover{background:var(--accent-hover) !important} .mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text-primary);margin-left:auto} #mobile-menu-toggle{display:none} #mobile-menu-toggle:checked ~ .mobile-nav-wrapper{display:block !important} .mobile-nav-wrapper{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--surface-page);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);padding:16px var(--container-pad) 32px;box-sizing:border-box;max-height:calc(100vh - 98px);overflow-y:auto;z-index:500} @media (max-width:900px){.desktop-nav{display:none !important} .desktop-actions{display:none !important} .mobile-menu-btn{display:flex !important} } @font-face{font-family:Archivo;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/Archivo-Variable.ttf) format("truetype-variations");font-weight:100 900;font-stretch:62.5% 125%;font-style:normal;font-display:swap } @font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap } @font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap } @font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap }:root{--n-0:#FFFFFF;--n-50:#F7F6F4;--n-100:#EFEEEB;--n-200:#E3E1DD;--n-300:#CFCCC6;--n-400:#ABA79F;--n-500:#807C74;--n-600:#5D5A53;--n-700:#44423C;--n-800:#2B2A28;--n-900:#1E1D1B;--n-950:#151412;--copper-50:#FBF1E9;--copper-100:#F6E0CE;--copper-200:#EFC5A3;--copper-300:#E5A371;--copper-400:#D98146;--copper-500:#BE5B20;--copper-600:#A04A1B;--copper-700:#7F3B18;--copper-800:#613017;--copper-900:#472513;--state-live:#1F9D5B;--state-live-bright:#37C97F;--state-busy:#D6453D;--state-hold:#DB930B;--state-idle:#ABA79F;--state-info:#3E7BC0;--accent:var(--copper-700);--accent-hover:var(--copper-600);--accent-active:var(--copper-700);--accent-on-ink:var(--copper-400);--accent-soft:var(--copper-50);--accent-soft-border:var(--copper-200);--success:var(--state-live);--danger:var(--state-busy);--warning:var(--state-hold);--info:var(--state-info);--surface-page:var(--n-50);--surface-card:var(--n-0);--surface-sunken:var(--n-100);--surface-ink:var(--n-950);--surface-ink-raised:#211F1C;--surface-ink-overlay:rgba(255,255,255,.05);--text-primary:var(--n-900);--text-secondary:var(--n-600);--text-muted:var(--n-600);--text-on-ink:var(--n-50);--text-on-ink-secondary:rgba(247,246,244,.62);--text-on-ink-muted:rgba(247,246,244,.4);--text-on-accent:#FFFFFF;--border:var(--n-200);--border-strong:var(--n-300);--border-on-ink:rgba(255,255,255,.09);--border-on-ink-strong:rgba(255,255,255,.16);--tint-live:#E4F4EB;--tint-live-border:#B9E2CC;--tint-busy:#FBEAE9;--tint-busy-border:#F1C6C3;--tint-hold:#FBF1DC;--tint-hold-border:#EFD9A8;--tint-info:#E9F1FA;--tint-info-border:#C5D9EF;--glow-live:0 0 0 3px rgba(31,157,91,.16);--glow-busy:0 0 0 3px rgba(214,69,61,.16);--glow-hold:0 0 0 3px rgba(219,147,11,.18);--focus-ring-color:var(--copper-500);--overlay-scrim:rgba(21,20,18,.44) }:root{--font-sans:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--display-stretch:116%;--display-weight:680;--display-tracking:-.015em;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-body:16px;--text-lg:18px;--text-xl:22px;--text-2xl:27px;--text-3xl:34px;--text-4xl:44px;--text-5xl:56px;--text-6xl:72px;--leading-display:1.04;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.01em;--tracking-normal:0;--tracking-label:.09em;--tracking-caps:.05em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700 }:root{--sp-05:2px;--sp-1:4px;--sp-15:6px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--r-xs:4px;--r-sm:6px;--r-md:4px;--r-lg:6px;--r-xl:8px;--r-pill:999px;--container-max:1160px;--container-pad:24px;--control-h-sm:32px;--control-h-md:38px;--control-h-lg:46px }:root{--shadow-xs:0 1px 2px rgba(21,20,18,.05);--shadow-sm:0 1px 2px rgba(21,20,18,.06),0 2px 6px -2px rgba(21,20,18,.06);--shadow-md:0 2px 4px rgba(21,20,18,.05),0 8px 20px -6px rgba(21,20,18,.1);--shadow-lg:0 4px 8px rgba(21,20,18,.06),0 16px 40px -12px rgba(21,20,18,.18);--shadow-pop:0 2px 6px rgba(21,20,18,.07),0 10px 28px -8px rgba(21,20,18,.16);--stroke-card:1px solid var(--border);--stroke-card-ink:1px solid var(--border-on-ink) }:root{--dur-1:.12s;--dur-2:.18s;--dur-3:.26s;--ease-precise:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1) } @keyframes wx-pulse{0%{box-shadow:0 0 #1f9d5b59 } 70%{box-shadow:0 0 0 6px #1f9d5b00 } to{box-shadow:0 0 #1f9d5b00 } } @keyframes wx-pulse-busy{0%{box-shadow:0 0 #d6453d59 } 70%{box-shadow:0 0 0 6px #d6453d00 } to{box-shadow:0 0 #d6453d00 } } @keyframes wx-eq{0%,to{transform:scaleY(.35) } 50%{transform:scaleY(1) } } body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility } a{color:var(--accent);text-decoration:none } a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px }::selection{background:var(--copper-100);color:var(--copper-900) } code,kbd,pre{font-family:var(--font-mono) }:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:2px } *{text-transform:none !important } [data-theme="dark"]{--n-0:#151412;--n-50:#1E1D1B;--n-100:#2B2A28;--n-200:#44423C;--n-300:#5D5A53;--n-400:#807C74;--n-500:#ABA79F;--n-600:#CFCCC6;--n-700:#E3E1DD;--n-800:#EFEEEB;--n-900:#F7F6F4;--n-950:#FFFFFF;--surface-page:var(--n-0);--surface-card:var(--n-50);--surface-sunken:var(--n-100);--surface-ink:var(--n-950);--text-primary:var(--n-950);--text-secondary:var(--n-700);--text-muted:var(--n-500);--border:var(--n-200);--border-strong:var(--n-300)} .loading-spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;width:16px;height:16px;animation:wx-spin 1s ease-in-out infinite;display:inline-block;vertical-align:middle} @keyframes wx-spin{to{transform:rotate(360deg)} } .cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--surface-ink);color:var(--text-on-ink);padding:16px;display:flex;justify-content:center;align-items:center;gap:16px;z-index:9999;font-size:13px;box-shadow:0 -2px 10px rgba(0,0,0,0.1)} .scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:10000;pointer-events:none} .scroll-progress-bar{height:100%;background:var(--accent);width:0%} .scroll-top-btn{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--surface-ink);color:var(--text-on-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9998;opacity:0;transition:opacity 0.3s;pointer-events:none;box-shadow:var(--shadow-md);border:none} .scroll-top-btn.visible{opacity:1;pointer-events:auto} .skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:white;padding:8px;z-index:10000;transition:top 0.2s} .skip-link:focus{top:0} .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:8px} .desktop-nav{display:flex;gap:2px;flex:1;align-items:center} @media (max-width:768px){.mobile-menu-toggle{display:block} .desktop-nav{display:none;flex-direction:column;position:absolute;top:64px;left:0;width:100%;background:var(--surface-page);box-shadow:var(--shadow-md);padding:16px;border-bottom:1px solid var(--border)} .desktop-nav.mobile-open{display:flex} header>div{justify-content:space-between} } sc-for,sc-if{display:contents} .wk-trio{display:grid;grid-template-columns:1fr;gap:16px;margin-top:40px} @media (min-width:768px){.wk-trio{grid-template-columns:1.15fr 0.85fr;grid-template-rows:auto auto} .wk-trio>*:nth-child(1){grid-row:span 2} } .wk-grid6{display:grid;grid-template-columns:1fr;gap:16px;margin-top:40px} @media (min-width:768px){.wk-grid6{grid-template-columns:repeat(4,1fr)} .wk-grid6>*:nth-child(1){grid-column:span 2;grid-row:span 2} .wk-grid6>*:nth-child(2){grid-column:span 2} .wk-grid6>*:nth-child(3){grid-column:span 1} .wk-grid6>*:nth-child(4){grid-column:span 1} .wk-grid6>*:nth-child(5){grid-column:span 2} .wk-grid6>*:nth-child(6){grid-column:span 2} } @font-face{font-family:Archivo;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/Archivo-Variable.ttf) format("truetype-variations");font-weight:100 900;font-stretch:62.5% 125%;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/_ds/wivox-design-system-b5fd829d-b256-4677-b976-818ff424e4ff/assets/fonts/IBMPlexMono-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--n-0:#FFFFFF;--n-50:#F7F6F4;--n-100:#EFEEEB;--n-200:#E3E1DD;--n-300:#CFCCC6;--n-400:#ABA79F;--n-500:#807C74;--n-600:#5D5A53;--n-700:#44423C;--n-800:#2B2A28;--n-900:#1E1D1B;--n-950:#151412;--copper-50:#FBF1E9;--copper-100:#F6E0CE;--copper-200:#EFC5A3;--copper-300:#E5A371;--copper-400:#D98146;--copper-500:#BE5B20;--copper-600:#A04A1B;--copper-700:#7F3B18;--copper-800:#613017;--copper-900:#472513;--state-live:#1F9D5B;--state-live-bright:#37C97F;--state-busy:#D6453D;--state-hold:#DB930B;--state-idle:#ABA79F;--state-info:#3E7BC0;--accent:var(--copper-700);--accent-hover:var(--copper-600);--accent-active:var(--copper-700);--accent-on-ink:var(--copper-400);--accent-soft:var(--copper-50);--accent-soft-border:var(--copper-200);--success:var(--state-live);--danger:var(--state-busy);--warning:var(--state-hold);--info:var(--state-info);--surface-page:var(--n-50);--surface-card:var(--n-0);--surface-sunken:var(--n-100);--surface-ink:var(--n-950);--surface-ink-raised:#211F1C;--surface-ink-overlay:rgba(255,255,255,.05);--text-primary:var(--n-900);--text-secondary:var(--n-600);--text-muted:var(--n-600);--text-on-ink:var(--n-50);--text-on-ink-secondary:rgba(247,246,244,.62);--text-on-ink-muted:rgba(247,246,244,.4);--text-on-accent:#FFFFFF;--border:var(--n-200);--border-strong:var(--n-300);--border-on-ink:rgba(255,255,255,.09);--border-on-ink-strong:rgba(255,255,255,.16);--tint-live:#E4F4EB;--tint-live-border:#B9E2CC;--tint-busy:#FBEAE9;--tint-busy-border:#F1C6C3;--tint-hold:#FBF1DC;--tint-hold-border:#EFD9A8;--tint-info:#E9F1FA;--tint-info-border:#C5D9EF;--glow-live:0 0 0 3px rgba(31,157,91,.16);--glow-busy:0 0 0 3px rgba(214,69,61,.16);--glow-hold:0 0 0 3px rgba(219,147,11,.18);--focus-ring-color:var(--copper-500);--overlay-scrim:rgba(21,20,18,.44)}:root{--font-sans:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--display-stretch:116%;--display-weight:680;--display-tracking:-.015em;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-body:16px;--text-lg:18px;--text-xl:22px;--text-2xl:27px;--text-3xl:34px;--text-4xl:44px;--text-5xl:56px;--text-6xl:72px;--leading-display:1.04;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.01em;--tracking-normal:0;--tracking-label:.09em;--tracking-caps:.05em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}:root{--sp-05:2px;--sp-1:4px;--sp-15:6px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--r-xs:4px;--r-sm:6px;--r-md:4px;--r-lg:6px;--r-xl:8px;--r-pill:999px;--container-max:1160px;--container-pad:24px;--control-h-sm:32px;--control-h-md:38px;--control-h-lg:46px}:root{--shadow-xs:0 1px 2px rgba(21,20,18,.05);--shadow-sm:0 1px 2px rgba(21,20,18,.06),0 2px 6px -2px rgba(21,20,18,.06);--shadow-md:0 2px 0px rgba(21,20,18,.05);--shadow-lg:0 4px 0px rgba(21,20,18,.08);--shadow-pop:0 6px 0px rgba(21,20,18,.12);--stroke-card:1px solid var(--border);--stroke-card-ink:1px solid var(--border-on-ink)}:root{--dur-1:.12s;--dur-2:.18s;--dur-3:.26s;--ease-precise:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1)}@keyframes wx-pulse{0%{box-shadow:0 0 #1f9d5b59}70%{box-shadow:0 0 0 6px #1f9d5b00}to{box-shadow:0 0 #1f9d5b00}}@keyframes wx-pulse-busy{0%{box-shadow:0 0 #d6453d59}70%{box-shadow:0 0 0 6px #d6453d00}to{box-shadow:0 0 #d6453d00}}@keyframes wx-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px}::selection{background:var(--copper-100);color:var(--copper-900)}code,kbd,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:2px}*{text-transform:none!important} [data-theme="dark"]{--n-0:#151412;--n-50:#1E1D1B;--n-100:#2B2A28;--n-200:#44423C;--n-300:#5D5A53;--n-400:#807C74;--n-500:#ABA79F;--n-600:#CFCCC6;--n-700:#E3E1DD;--n-800:#EFEEEB;--n-900:#F7F6F4;--n-950:#FFFFFF;--surface-page:var(--n-0);--surface-card:var(--n-50);--surface-sunken:var(--n-100);--surface-ink:var(--n-950);--text-primary:var(--n-950);--text-secondary:var(--n-700);--text-muted:var(--n-500);--border:var(--n-200);--border-strong:var(--n-300)} .loading-spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;width:16px;height:16px;animation:wx-spin 1s ease-in-out infinite;display:inline-block;vertical-align:middle} @keyframes wx-spin{to{transform:rotate(360deg)} } .cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--surface-ink);color:var(--text-on-ink);padding:16px;display:flex;justify-content:center;align-items:center;gap:16px;z-index:9999;font-size:13px;box-shadow:0 -2px 10px rgba(0,0,0,0.1)} .scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:10000;pointer-events:none} .scroll-progress-bar{height:100%;background:var(--accent);width:0%} .scroll-top-btn{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--surface-ink);color:var(--text-on-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9998;opacity:0;transition:opacity 0.3s;pointer-events:none;box-shadow:var(--shadow-md);border:none} .scroll-top-btn.visible{opacity:1;pointer-events:auto} .skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:white;padding:8px;z-index:10000;transition:top 0.2s} .skip-link:focus{top:0} .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:8px} .desktop-nav{display:flex;gap:2px;flex:1;align-items:center} @media (max-width:768px){.mobile-menu-toggle{display:block} .desktop-nav{display:none;flex-direction:column;position:absolute;top:64px;left:0;width:100%;background:var(--surface-page);box-shadow:var(--shadow-md);padding:16px;border-bottom:1px solid var(--border)} .desktop-nav.mobile-open{display:flex} header>div{justify-content:space-between} } sc-for,sc-if{display:contents} .wk-trio{display:grid;grid-template-columns:1fr;gap:16px;margin-top:40px} @media (min-width:768px){.wk-trio{grid-template-columns:1.15fr 0.85fr;grid-template-rows:auto auto} .wk-trio>*:nth-child(1){grid-row:span 2} } .wk-grid6{display:grid;grid-template-columns:1fr;gap:16px;margin-top:40px} @media (min-width:768px){.wk-grid6{grid-template-columns:repeat(4,1fr)} .wk-grid6>*:nth-child(1){grid-column:span 2;grid-row:span 2} .wk-grid6>*:nth-child(2){grid-column:span 2} .wk-grid6>*:nth-child(3){grid-column:span 1} .wk-grid6>*:nth-child(4){grid-column:span 1} .wk-grid6>*:nth-child(5){grid-column:span 2} .wk-grid6>*:nth-child(6){grid-column:span 2} }

/* --- Comparison Page Styles --- */
.compare-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 48px;
  align-items: start;
  width: 100%;
}
.sticky-sidebar, .c509 {
  position: sticky;
  top: 88px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: start;
}
.c505 {
  flex: 1;
  max-width: var(--container-max);
  width: 100%;
  margin: 0 auto;
  padding: 64px var(--container-pad) 96px;
  box-sizing: border-box;
}
.c506 {
  font: 600 11px var(--font-mono);
  letter-spacing: var(--tracking-label);
  color: var(--copper-500);
  margin-bottom: 12px;
  text-transform: uppercase;
}
.c507 {
  font-family: var(--font-sans);
  font-weight: 680;
  font-stretch: 116%;
  font-size: 42px;
  line-height: var(--leading-display);
  letter-spacing: var(--display-tracking);
  margin: 0 0 16px;
  color: var(--text-primary);
  max-width: 840px;
}
.c508 {
  font: 400 17px/1.6 var(--font-sans);
  color: var(--text-secondary);
  margin: 0 0 48px;
  max-width: 840px;
}
.c510 {
  background: var(--surface-card);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-sm);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.c511 {
  font: 600 14px var(--font-sans);
  color: var(--text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}
.c512 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font: 400 13px/1.45 var(--font-sans);
  color: var(--text-secondary);
}
.c513 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.c514 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--copper-500);
  flex: none;
  margin-top: 6px;
}
.c515 {
  height: 1px;
  background: var(--border);
  margin: 4px 0;
}
.c516 {
  display: flex;
  flex-direction: column;
  gap: 48px;
  max-width: 800px;
  min-width: 0;
}
.c517 {
  font: 600 22px/1.3 var(--font-sans);
  color: var(--text-primary);
  margin: 0 0 16px;
  letter-spacing: -0.01em;
}
.c518 {
  font: 400 15px/1.65 var(--font-sans);
  color: var(--text-secondary);
  margin: 0 0 16px;
  text-wrap: pretty;
}
.c518:last-child {
  margin-bottom: 0;
}
.c519 {
  width: 100%;
  border-collapse: collapse;
  background: var(--surface-card);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  margin: 24px 0;
  box-shadow: var(--shadow-xs);
}
.c520 {
  padding: 14px 18px;
  text-align: left;
  font: 600 11px var(--font-mono);
  letter-spacing: var(--tracking-label);
  color: var(--text-muted);
  border-bottom: 1px solid var(--border);
  background: var(--surface-sunken);
}
.c521 {
  padding: 14px 18px;
  text-align: left;
  font: 600 11px var(--font-mono);
  letter-spacing: var(--tracking-label);
  color: var(--copper-700);
  border-bottom: 1px solid var(--border);
  background: var(--accent-soft);
}
.c522 {
  padding: 14px 18px;
  font: 500 13.5px var(--font-sans);
  color: var(--text-primary);
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
.c523 {
  padding: 14px 18px;
  font: 400 13.5px/1.5 var(--font-sans);
  color: var(--text-primary);
  background: var(--accent-soft);
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
.c524 {
  padding: 14px 18px;
  font: 400 13.5px/1.5 var(--font-sans);
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
.c519 tr:last-child td {
  border-bottom: none;
}
.c525, .c528 {
  background: var(--surface-sunken);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 20px;
  margin-top: 16px;
  overflow-x: auto;
}
.c526 {
  font: 600 11px var(--font-mono);
  letter-spacing: var(--tracking-label);
  color: var(--copper-700);
  margin-bottom: 12px;
  text-transform: uppercase;
}
.c527 {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--text-primary);
  overflow-x: auto;
  white-space: pre;
}
@media (max-width: 900px) {
  .compare-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .sticky-sidebar, .c509 {
    position: static;
  }
  .c507 {
    font-size: 32px;
  }
}


/* === Global Button Hover & State Protection === */
.c21,
.top-btn-primary-hover,
a.c21,
a.top-btn-primary-hover,
.wx-btn--primary,
button.wx-btn--primary,
a.wx-btn--primary {
  color: #FFFFFF !important;
  color: var(--text-on-accent) !important;
  background: var(--accent) !important;
  text-decoration: none !important;
}

.c21:hover,
.top-btn-primary-hover:hover,
a.c21:hover,
a.top-btn-primary-hover:hover,
.wx-btn--primary:hover,
button.wx-btn--primary:hover,
a.wx-btn--primary:hover {
  color: #FFFFFF !important;
  color: var(--text-on-accent) !important;
  background: var(--accent-hover) !important;
  text-decoration: none !important;
}

.c20,
.top-btn-hover,
a.c20,
a.top-btn-hover,
.wx-btn--secondary,
button.wx-btn--secondary,
a.wx-btn--secondary {
  color: var(--text-primary) !important;
  background: transparent !important;
  border: 1px solid var(--border) !important;
  text-decoration: none !important;
}

.c20:hover,
.top-btn-hover:hover,
a.c20:hover,
a.top-btn-hover:hover,
.wx-btn--secondary:hover,
button.wx-btn--secondary:hover,
a.wx-btn--secondary:hover {
  color: var(--text-primary) !important;
  background: var(--surface-sunken) !important;
  text-decoration: none !important;
}

/* Ensure button links inside headers and content never inherit general a:hover color */
header a.top-btn-primary-hover:hover,
header a.c21:hover,
.desktop-actions a.c21:hover,
.desktop-actions a.top-btn-primary-hover:hover {
  color: #FFFFFF !important;
  background: var(--accent-hover) !important;
  text-decoration: none !important;
}


/* === Modern Category / Section Eyebrow Badges === */
.c76 {
  display: inline-flex !important;
  align-items: center !important;
  font: 600 12.5px/1.2 var(--font-sans) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--copper-300) !important;
  background: rgba(229, 163, 113, 0.12) !important;
  border: 1px solid rgba(229, 163, 113, 0.28) !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  margin-bottom: 18px !important;
}

.c89,
.c29,
.c64,
.c506 {
  display: inline-flex !important;
  align-items: center !important;
  font: 600 12px/1.2 var(--font-sans) !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--copper-700) !important;
  background: var(--accent-soft) !important;
  border: 1px solid var(--accent-soft-border) !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  margin-bottom: 14px !important;
}

.c85 {
  font: 600 12px/1.2 var(--font-sans) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  margin-bottom: 24px !important;
}