:root { --font-heading: "Inter", system-ui, -apple-system, sans-serif; --font-heading-weight: 500; --font-body: "Inter", system-ui, -apple-system, sans-serif; }html { scroll-behavior: smooth; }html, body { overflow-x: hidden; max-width: 100%; }body { margin: 0; font-family: var(--font-body); -webkit-font-smoothing: antialiased; }img { max-width: 100%; }a { color: var(--v-blue); text-decoration: none; }a:hover { color: var(--v-blue-deep); }*:focus-visible { outline: 2px solid var(--v-blue-bright); outline-offset: 3px; }.scp0:hover { background: var(--v-blue-deep) !important; }.scp1:hover { box-shadow: 0 24px 54px color-mix(in srgb, var(--v-blue) 24%, transparent) !important; }.scp2:hover { background: var(--v-tint) !important; border-color: var(--v-blue-bright) !important; }.scp3:hover { background: var(--v-tint) !important; }.scp4:hover { background: color-mix(in srgb, var(--v-white) 14%, transparent) !important; }:root {--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-accent: #9184d9;--color-accent-2: #a7a1db;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--color-accent-2-100: #f5f4ff;--color-accent-2-200: #e7e5fe;--color-accent-2-300: #d2cefd;--color-accent-2-400: #b5afe8;--color-accent-2-500: #9690c9;--color-accent-2-600: #7972a9;--color-accent-2-700: #5c5783;--color-accent-2-800: #423e5d;--color-accent-2-900: #2b293a;--color-section: #262a60;--color-section-glow: #353b80;--color-section-ghost: #4c5397;--font-heading: "Inter", system-ui, sans-serif;--font-heading-weight: 500;--font-body: "Inter", system-ui, sans-serif;--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--space-4: 11.2px;--space-6: 16.8px;--space-8: 22.4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0,0,0,0.55);--shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0,0,0,0.65);}body {background: var(--color-bg);color: var(--color-text);font-family: var(--font-body);}h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); }.lighten{mix-blend-mode:lighten;background-color:transparent}*, *::before, *::after { box-sizing: border-box; }body { margin: 0; font-size: 15px; line-height: 1.55; font-weight: 400; }h1, h2, h3, h4, h5, h6 {font-family: var(--font-heading); font-weight: var(--font-heading-weight);line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 var(--space-2);}h1 { font-size: 42px; }h2 { font-size: 32px; }h3 { font-size: 25px; }h4 { font-size: 20px; }h5 { font-size: 16px; }h6 { font-size: 13px; }h6 { letter-spacing: 0.08em; text-transform: uppercase; }p { margin: 0 0 var(--space-3); }a { color: var(--color-accent); text-underline-offset: 3px; }img { display: block; max-width: 100%; }figure { margin: 0; }figcaption {font-size: 11px; margin-top: var(--space-1);color: color-mix(in srgb, var(--color-text) 55%, transparent);}.text-muted { color: color-mix(in srgb, var(--color-text) 55%, transparent); }:focus { outline: none; }:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }::selection { background: color-mix(in srgb, var(--color-accent) 30%, transparent); }.hr {height: 1px; border: 0; margin: var(--space-4) 0;background: linear-gradient(to right,transparent, var(--color-divider) 48px,var(--color-divider) calc(100% - 48px), transparent);}.btn {display: inline-flex; align-items: center; justify-content: center; gap: 6px;cursor: pointer; text-decoration: none;font-family: var(--font-heading); font-weight: var(--font-heading-weight);font-size: 14px; line-height: 1.2; color: var(--color-text);background: transparent; border: 1px solid transparent;padding: var(--space-2) calc(var(--space-3) * 1.2);border-radius: var(--radius-md);}.btn svg { display: block; }.btn:disabled { opacity: 0.45; cursor: not-allowed; }.btn-primary { color: var(--color-accent); border-color: var(--color-accent); }.btn-primary:hover { background: color-mix(in srgb, var(--color-accent) 12%, transparent); }.btn-primary:active { background: color-mix(in srgb, var(--color-accent) 22%, transparent); }.btn-secondary { border-color: var(--color-divider); }.btn-secondary:hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }.btn-secondary:active { background: color-mix(in srgb, var(--color-text) 14%, transparent); }.btn-ghost { color: var(--color-accent); padding-inline: var(--space-1); }.btn-ghost:hover { background: color-mix(in srgb, var(--color-accent) 10%, transparent); }.btn-ghost:active { background: color-mix(in srgb, var(--color-accent) 18%, transparent); }.btn-icon { width: 36px; height: 36px; padding: 0; }.btn-block { width: 100%; margin-top: var(--space-2); }.field > label {display: block; font-size: 12px; margin-bottom: 5px;color: color-mix(in srgb, var(--color-text) 70%, transparent);}.input {width: 100%; min-height: 36px; padding: 6px 10px; font: inherit;font-size: 14px; color: var(--color-text); caret-color: var(--color-accent);background: var(--color-surface);border: 1px solid var(--color-divider); border-radius: var(--radius-md);}.input:hover { border-color: color-mix(in srgb, var(--color-text) 45%, transparent); }.input:focus-visible { border-color: var(--color-accent); outline-offset: 0; }textarea.input { min-height: 90px; resize: vertical; }.radio { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; }.radio input, .seg-opt input {position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;}.radio .dot {width: 16px; height: 16px; flex: none; border-radius: 50%;border: 1.5px solid var(--color-divider);}.radio:hover .dot { border-color: var(--color-accent); }.radio input:checked + .dot {border-color: var(--color-accent); background: var(--color-accent);box-shadow: inset 0 0 0 4px var(--color-bg);}.radio input:focus-visible + .dot { outline: 2px solid var(--color-accent); outline-offset: 2px; }.seg {display: inline-flex; overflow: hidden;border: 1px solid var(--color-divider); border-radius: var(--radius-md);}.seg-opt {display: inline-flex; align-items: center; gap: 6px;padding: 7px 12px; font-size: 13px; cursor: pointer;}.seg-opt + .seg-opt { border-left: 1px solid var(--color-divider); }.seg-opt:has(input:checked) { color: var(--color-accent); box-shadow: inset 0 0 0 1px var(--color-accent); }.seg-opt:not(:has(input:checked)):hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }.seg-opt:has(input:focus-visible) { outline: 2px solid var(--color-accent); outline-offset: -2px; }.card {display: flex; flex-direction: column; gap: var(--space-2);padding: var(--space-3); border-radius: var(--radius-md); background: var(--color-surface);}.card-kicker { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent); }.card-title {font-family: var(--font-heading); font-weight: var(--font-heading-weight);font-size: 17px; line-height: 1.2;}.card-body { margin: 0; font-size: 13px; opacity: 0.8; flex: 1; }.card-meta {display: flex; align-items: center; gap: 6px; font-size: 11px;color: color-mix(in srgb, var(--color-text) 50%, transparent);}.elev-sm { box-shadow: var(--shadow-sm); }.elev-md { box-shadow: var(--shadow-md); }.elev-lg { box-shadow: var(--shadow-lg); }.tag {display: inline-flex; align-items: center; font-size: 11px;letter-spacing: 0.02em; padding: 3px 10px;border-radius: calc(var(--radius-md) * 0.75);}.tag-accent { background: var(--color-accent-800); color: var(--color-accent-100); }.tag-accent-2 { background: var(--color-accent-2-800); color: var(--color-accent-2-100); }.tag-neutral { background: var(--color-neutral-800); color: var(--color-neutral-100); }.tag-outline { border: 1px solid var(--color-accent); color: var(--color-accent); }.nav {display: flex; align-items: center; gap: var(--space-4);padding: var(--space-3) var(--space-4);border-bottom: none;}.nav-brand {font-family: var(--font-heading); font-weight: var(--font-heading-weight);font-size: 18px; margin-right: auto;}.nav a { color: inherit; text-decoration: none; font-size: 14px; }.nav a:hover, .nav a[aria-current='page'] { color: var(--color-accent); }.table { width: 100%; border-collapse: collapse; font-size: 14px; }.table th {text-align: left; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;color: color-mix(in srgb, var(--color-text) 60%, transparent);padding: var(--space-2); border-bottom: 1px solid transparent;}.table td {padding: var(--space-2);border-bottom: 1px solid transparent;}.table thead tr {background: linear-gradient(to right,transparent, var(--color-divider) 48px,var(--color-divider) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;}.table tbody tr {background: linear-gradient(to right,transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px,color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;}.table tbody tr:hover {background:linear-gradient(color-mix(in srgb, var(--color-text) 4%, transparent),color-mix(in srgb, var(--color-text) 4%, transparent)) no-repeat 0 0 / 100% 100%,linear-gradient(to right,transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px,color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;}.dialog-backdrop {position: fixed; inset: 0; display: grid; place-items: center;padding: var(--space-4);background: color-mix(in srgb, var(--color-neutral-900) 50%, transparent);}.dialog {width: min(440px, 100%); display: flex; flex-direction: column; gap: var(--space-3);padding: var(--space-4); border-radius: var(--radius-lg);background: var(--color-surface); box-shadow: var(--shadow-lg);}.dialog-title {font-family: var(--font-heading); font-weight: var(--font-heading-weight);font-size: 20px;}.dialog-body { font-size: 14px; opacity: 0.85; }.dialog-actions { display: flex; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-2); }:root {--v-paper: oklch(98.8% 0.006 240);--v-paper-2: oklch(96.2% 0.015 240);--v-tint: oklch(93.2% 0.032 238);--v-line: oklch(89% 0.02 240);--v-ink: oklch(29% 0.045 258);--v-ink-soft: oklch(47% 0.03 258);--v-blue: oklch(52% 0.14 252);--v-blue-deep: oklch(34% 0.12 258);--v-blue-bright: oklch(68% 0.14 234);--v-white: oklch(99% 0.008 240);}body { margin:0; background: var(--v-paper); text-wrap: pretty; }a { color: var(--v-blue); text-decoration: none; }a:hover { color: var(--v-blue-deep); }*:focus-visible { outline: 2px solid var(--v-blue-bright); outline-offset: 3px; }::selection { background: var(--v-tint); }@keyframes wa-pulse {0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--v-blue) 42%, transparent); }50% { box-shadow: 0 0 0 10px color-mix(in srgb, var(--v-blue) 0%, transparent); }}@keyframes wa-nudge {0%, 92%, 100% { transform: rotate(0deg) scale(1); }94% { transform: rotate(-9deg) scale(1.08); }97% { transform: rotate(8deg) scale(1.08); }}.faq-item summary::-webkit-details-marker { display:none; }.faq-ico { transition: transform .18s ease, background .18s ease, color .18s ease; }.faq-item[open] .faq-ico { background: var(--v-blue); color: var(--v-white); transform: rotate(45deg); }.faq-item:hover { border-color: var(--v-blue-bright); }.spec-table { width:100%; border-collapse:collapse; font-size:15.5px; }.spec-table th, .spec-table td { text-align:left; padding:14px 16px; border-bottom:1px solid var(--v-line); vertical-align:top; }.spec-table th { width:38%; font-weight:500; color:var(--v-blue-deep); font-family:var(--font-heading); }.spec-table td { color:var(--v-ink-soft); }.spec-table tr:last-child th, .spec-table tr:last-child td { border-bottom:0; }.cmp-table { width:100%; border-collapse:collapse; font-size:15px; background:var(--v-white); }.cmp-table th, .cmp-table td { padding:13px 15px; border-bottom:1px solid var(--v-line); text-align:left; }.cmp-table thead th { background:var(--v-tint); color:var(--v-blue-deep); font-family:var(--font-heading); font-weight:500; }.cmp-table td { color:var(--v-ink-soft); }.cmp-table tbody th { font-weight:500; color:var(--v-ink); font-family:var(--font-body); }@media (max-width:700px){ .spec-table th{width:44%} .cmp-table, .spec-table {font-size:13.5px} .cmp-table th,.cmp-table td{padding:10px 9px} }@media (max-width: 900px) {[style*="60fr 40fr"], [style*="54fr 46fr"] { grid-template-columns: 1fr !important; }nav > div { flex-wrap: wrap !important; margin-left: 0 !important; row-gap: 6px !important; }}@media (max-width: 620px) { nav > div { gap: 14px !important; font-size: 13.5px !important; } }@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }