:root, [data-theme="light"] {
    --color-app-background: #F7F4EE; --color-surface: #FFFFFF; --color-surface-raised: #F0ECE4;
    --color-control-background: #E8E2DA; --color-control-pressed: #D9D2C8; --color-border-interactive: #887F8F;
    --color-divider: #D4CFC6; --color-text-primary: #1B1B2B; --color-text-secondary: #4E4958; --color-text-muted: #68616F;
    --color-brand-accent: #B4233F; --color-action-primary: #B4233F; --color-on-action-primary: #FFFFFF;
    --color-accent-text: #B4233F; --color-focus-ring: #B4233F; --color-selection-background: #F8DDE3; --color-selection-foreground: #79162D;
    --color-ink-background: #0F0F1A; --color-ink-surface: #1B1B2B; --color-ink-raised: #29283B;
    --color-ink-text: #F8F7F4; --color-ink-secondary: #B8B6B2; --color-ink-accent: #FF7186; --color-ink-divider: #696782;
    --color-paper-background: #F7F4EE; --color-paper-text: #1B1B2B; --color-paper-secondary: #4E4958;
    --color-device-frame: #1B1B2B; --color-device-edge: #887F8F; --shadow-device: 0 24px 48px #00000033;
}
[data-theme="dark"] {
    --color-app-background: #0F0F1A; --color-surface: #1B1B2B; --color-surface-raised: #29283B;
    --color-control-background: #34344C; --color-control-pressed: #3F3F5A; --color-border-interactive: #696782;
    --color-divider: #45455F; --color-text-primary: #F8F7F4; --color-text-secondary: #B8B6B2; --color-text-muted: #AAA6B5;
    --color-brand-accent: #E94560; --color-action-primary: #C52C49; --color-on-action-primary: #FFFFFF;
    --color-accent-text: #FF7186; --color-focus-ring: #FF7186; --color-selection-background: #3A1F28; --color-selection-foreground: #F8F7F4;
}
[data-theme="hc-light"] {
    --color-app-background: #FFFFFF; --color-surface: #FFFFFF; --color-surface-raised: #F2F2F2;
    --color-control-background: #FFFFFF; --color-control-pressed: #E6E6E6; --color-border-interactive: #000000;
    --color-divider: #000000; --color-text-primary: #000000; --color-text-secondary: #000000; --color-text-muted: #1A1A1A;
    --color-brand-accent: #8A0025; --color-action-primary: #8A0025; --color-on-action-primary: #FFFFFF;
    --color-accent-text: #8A0025; --color-focus-ring: #8A0025; --color-selection-background: #8A0025; --color-selection-foreground: #FFFFFF;
}
[data-theme="hc-dark"] {
    --color-app-background: #000000; --color-surface: #000000; --color-surface-raised: #101010;
    --color-control-background: #000000; --color-control-pressed: #1A1A1A; --color-border-interactive: #FFFFFF;
    --color-divider: #FFFFFF; --color-text-primary: #FFFFFF; --color-text-secondary: #FFFFFF; --color-text-muted: #F2F2F2;
    --color-brand-accent: #FF6B7E; --color-action-primary: #FF6B7E; --color-on-action-primary: #000000;
    --color-accent-text: #FF6B7E; --color-focus-ring: #FF6B7E; --color-selection-background: #FF6B7E; --color-selection-foreground: #000000;
}
[data-theme^="hc-"] {
    --color-ink-background: #000000; --color-ink-surface: #000000; --color-ink-raised: #101010;
    --color-ink-text: #FFFFFF; --color-ink-secondary: #FFFFFF; --color-ink-accent: #FF6B7E; --color-ink-divider: #FFFFFF;
    --color-paper-background: #FFFFFF; --color-paper-text: #000000; --color-paper-secondary: #000000;
    --shadow-device: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 32px; }
body { margin: 0; background: var(--color-app-background); color: var(--color-text-primary); font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; }
::selection { background: var(--color-selection-background); color: var(--color-selection-foreground); }
a { color: inherit; text-decoration: none; }
button, select { font: inherit; }
button, a, select, summary { -webkit-tap-highlight-color: transparent; }
button, select, summary { cursor: pointer; }
:focus-visible { outline: 2px solid var(--color-focus-ring); outline-offset: 5px; }
[data-theme^="hc-"] :focus-visible { outline-width: 3px; }
img { display: block; max-width: 100%; height: auto; }
svg { width: 24px; height: 24px; fill: currentColor; flex: none; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: Merriweather, Georgia, serif; font-weight: 400; letter-spacing: -.045em; }
h1 { font-size: clamp(40px, 4.7vw, 64px); line-height: 1.12; margin-bottom: 24px; }
h2 { font-size: clamp(28px, 3.1vw, 40px); line-height: 1.25; margin-bottom: 24px; }
h3 { font-size: 24px; line-height: 1.35; font-weight: 600; letter-spacing: -.035em; }
p { color: var(--color-text-secondary); }
.wrap { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.section { padding-block: 96px; }
.eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 24px; color: var(--color-text-secondary); }
.caption { font-size: 13px; line-height: 1.6; color: var(--color-text-muted); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 48px; padding: 12px 24px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; line-height: 20px; font-weight: 600; transition: background 120ms ease-out, transform 120ms ease-out; }
.primary { background: var(--color-action-primary); color: var(--color-on-action-primary); }
.button:hover { transform: translateY(-2px); }
.button:active { transform: translateY(1px); }
.text-link { display: inline-flex; align-items: center; gap: 24px; min-height: 44px; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--color-divider); }
.text-link:hover { text-decoration-color: currentColor; }
.site-header { min-height: 132px; display: flex; align-items: center; gap: 40px; }
.brand { display: inline-block; padding-block: 16px; flex: none; }
.brand img { width: 180px; }
.logo-dark { display: none; }
[data-theme="dark"] .logo-light, [data-theme="hc-dark"] .logo-light { display: none; }
[data-theme="dark"] .logo-dark, [data-theme="hc-dark"] .logo-dark { display: block; }
.site-header nav { display: flex; gap: 32px; margin-left: auto; }
.site-header nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
.site-header nav a:hover, .footer-links a:hover { text-decoration: underline; text-underline-offset: 5px; }
.header-cta { margin-left: 8px; }
.skip-link { position: fixed; top: -100px; left: 16px; padding: 12px 20px; background: var(--color-surface); z-index: 10; }
.skip-link:focus { top: 12px; }
.hero { display: grid; grid-template-columns: .95fr 1.05fr; gap: 48px; align-items: center; padding-block: 28px 64px; }
.hero-copy { padding-block: 24px; }
.hero-copy .eyebrow { display: flex; align-items: center; gap: 8px; font-size: 10px; }
.small-mark { width: 6px; height: 6px; border-radius: 50%; background: var(--color-brand-accent); }
h1 em { font-style: normal; color: var(--color-accent-text); }
.lead { font-size: 18px; line-height: 1.6; margin-bottom: 16px; }
.hero-description { font-size: 16px; max-width: 40ch; margin-bottom: 24px; }
.actions { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }
.hero-note { margin: 16px 0 0; font-size: 13px; }
.hero-art { min-width: 0; position: relative; height: 612px; border-radius: 16px; isolation: isolate; }
.hero-photo { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; border-radius: inherit; }
.hero-art-label { position: absolute; inset: 24px auto auto 24px; display: flex; align-items: center; padding: 4px; border: 1px solid var(--color-paper-background); border-radius: 999px; background: var(--color-paper-background); font-size: 12px; line-height: 20px; font-weight: 500; }
.hero-art-label > span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; white-space: nowrap; }
.daylight-label { color: var(--color-paper-text); }
.after-hours-label { background: var(--color-ink-background); color: var(--color-ink-text); }
.hero-art-label svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.phone { background: var(--color-device-frame); border: 5px solid var(--color-device-frame); outline: 1px solid var(--color-device-edge); border-radius: 24px; box-shadow: var(--shadow-device); overflow: hidden; }
.phone img { width: 100%; }
.hero-phone-light { width: 38%; position: absolute; top: 85px; left: 10%; transform: rotate(-6deg); }
.hero-phone-dark { width: 38%; position: absolute; top: 40px; right: 8%; transform: rotate(6deg); }
.art-footnote { position: absolute; bottom: 20px; right: 24px; display: inline-flex; align-items: center; gap: 12px; color: var(--color-ink-text); background: var(--color-ink-background); border: 1px solid var(--color-ink-divider); border-radius: 999px; padding: 12px 20px; font-size: 14px; line-height: 20px; font-weight: 500; }
.art-footnote::before { content: ""; width: 20px; height: 1px; background: var(--color-ink-accent); }
.benefit-strip { border-block: 1px solid var(--color-divider); display: flex; justify-content: space-between; gap: 24px; padding-block: 24px; font-size: 12px; font-weight: 500; }
.benefit-strip > span { display: flex; gap: 16px; align-items: center; }
.benefit-strip > span > span { font-size: 10px; color: var(--color-text-muted); }
.capture-section { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; }
.capture-section h2 { margin-bottom: 0; }
.capture-section > div:last-child { padding-top: 32px; }
.capture-section p:not(.eyebrow) { font-size: 16px; }
.capture-section .section-lead { color: var(--color-text-primary); font-weight: 600; margin-bottom: 12px; }
.capture-types { display: flex; gap: 24px; font-size: 12px; margin-top: 24px; flex-wrap: wrap; }
.capture-types span { border-bottom: 1px solid var(--color-border-interactive); padding-bottom: 8px; }
.product-section { background: var(--color-ink-background); color: var(--color-ink-text); padding-block: 80px; --color-focus-ring: var(--color-ink-accent); }
.product-section p { color: var(--color-ink-secondary); }
.product-heading { display: flex; justify-content: space-between; align-items: end; gap: 48px; margin-bottom: 48px; }
.product-heading h2 { margin: 0; }
.product-heading > p { font-size: 14px; max-width: 360px; }
.product-explorer { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 96px; }
.preview-stage { background: var(--color-paper-background); border-radius: 16px; padding: 24px 32px; display: grid; justify-items: center; gap: 24px; border: 1px solid var(--color-ink-divider); }
.preview-stage[data-preview-theme="dark"] { background: var(--color-ink-raised); }
.preview-label, .preview-bottom { color: var(--color-paper-secondary); font-size: 10px; letter-spacing: .04em; }
[data-preview-theme="dark"] .preview-label, [data-preview-theme="dark"] .preview-bottom { color: var(--color-ink-secondary); }
.preview-bottom { font-size: 11px; letter-spacing: 0; }
.explorer-phone { width: min(260px, 100%); border-radius: 24px; }
.segmented { display: flex; gap: 4px; border: 1px solid var(--color-ink-divider); padding: 4px; border-radius: 12px; width: fit-content; max-width: 100%; }
.segmented button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 1px solid transparent; border-radius: 8px; padding: 8px 16px; font-size: 13px; font-weight: 500; background: transparent; color: var(--color-ink-secondary); }
.segmented svg { width: 16px; height: 16px; }
.segmented button:hover { background: var(--color-ink-raised); color: var(--color-ink-text); }
.segmented button[aria-pressed="true"] { color: var(--color-ink-text); background: var(--color-ink-raised); border-color: var(--color-ink-divider); box-shadow: inset 0 -2px var(--color-ink-accent); }
.view-description { margin-top: 48px; min-height: 220px; }
.feature-number { display: block; font-size: 10px; color: var(--color-ink-accent); letter-spacing: .04em; margin-bottom: 16px; }
.view-description h3 { font-size: 30px; max-width: 15ch; }
.view-description p { font-size: 16px; max-width: 40ch; }
.theme-choice { display: flex; gap: 24px; align-items: center; margin: 32px 0 16px; padding-top: 32px; border-top: 1px solid var(--color-ink-divider); font-size: 13px; flex-wrap: wrap; }
.theme-dot { width: 12px; height: 12px; border-radius: 50%; border: 1px solid var(--color-ink-secondary); }
.light-dot { background: var(--color-paper-background); }
.dark-dot { background: var(--color-ink-background); }
.explorer-controls .caption { max-width: 36ch; font-size: 12px; }
.section-heading { text-align: center; margin: 0 auto 48px; }
.section-heading p { font-size: 16px; }
.section-heading .eyebrow { font-size: 11px; }
.duality-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.privacy-card { padding: 40px; border-radius: 16px; border: 1px solid var(--color-divider); }
.local-card { background: var(--color-surface-raised); }
.cloud-card { background: var(--color-ink-background); color: var(--color-ink-text); border-color: var(--color-ink-divider); }
.cloud-card p, .cloud-card .card-kicker, .cloud-card .card-bottom { color: var(--color-ink-secondary); }
.card-kicker { font-size: 10px; letter-spacing: .04em; color: var(--color-text-muted); }
.feature-icon { display: block; margin-block: 40px 24px; width: 32px; height: 32px; }
.privacy-card h3 { font-size: 23px; margin-bottom: 16px; }
.privacy-card p { font-size: 16px; min-height: 104px; }
.check-list { list-style: none; margin: 32px 0; padding: 0; font-size: 13px; }
.check-list li { display: flex; align-items: baseline; gap: 12px; margin-top: 12px; }
.check-list li::before { content: "✓"; color: var(--color-accent-text); }
.cloud-card .check-list li::before { color: var(--color-ink-accent); }
.card-bottom { display: block; border-top: 1px solid var(--color-divider); padding-top: 24px; font-size: 11px; color: var(--color-text-muted); }
.cloud-card .card-bottom { border-color: var(--color-ink-divider); }
.ai-section { background: var(--color-surface-raised); border-block: 1px solid var(--color-divider); }
.ai-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.ai-copy > p:not(.eyebrow) { font-size: 16px; max-width: 44ch; }
.ai-copy .text-link { margin-top: 16px; }
.writing-example { background: var(--color-surface); border: 1px solid var(--color-divider); border-radius: 16px; padding: 32px; }
.example-top { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; font-size: 13px; color: var(--color-text-muted); padding-bottom: 24px; }
.thought-lines { border-left: 2px solid var(--color-brand-accent); padding-left: 16px; margin: 8px 0 24px; }
.thought-lines p { font-size: 13px; margin: 4px 0; }
.draft-divider { display: flex; gap: 12px; align-items: center; padding-block: 16px; color: var(--color-text-muted); font-size: 10px; border-top: 1px solid var(--color-divider); }
.draft-divider > span:first-child { font-size: 20px; color: var(--color-accent-text); }
.writing-example h3 { font-size: 18px; margin: 8px 0 16px; }
.writing-example > p { font-size: 16px; line-height: 1.75; }
.draft-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding-top: 24px; font-size: 13px; color: var(--color-text-muted); }
.draft-bottom span:first-child { color: var(--color-accent-text); }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 96px; }
.faq-list details { border-bottom: 1px solid var(--color-divider); }
.faq-list details:first-child { border-top: 1px solid var(--color-divider); }
.faq-list summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; list-style: none; min-height: 76px; padding-block: 20px; font-size: 14px; font-weight: 500; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; font-size: 24px; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { font-size: 16px; padding-right: 32px; }
.download-section { padding-block: 80px; text-align: center; background: var(--color-surface-raised); border-block: 1px solid var(--color-divider); }
.download-icon { margin: 0 auto 24px; border-radius: 16px; background: var(--color-ink-background); }
.download-section h2 { font-size: clamp(32px, 3.8vw, 48px); }
.download-section .button { margin-block: 16px 24px; }
.platforms { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; font-size: 12px; }
.platforms span { color: var(--color-text-muted); }
.download-section .caption { font-size: 13px; }
.site-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding-block: 48px 24px; }
.site-footer p { font-size: 12px; }
.footer-links { display: flex; align-items: start; flex-wrap: wrap; gap: 24px; padding-top: 24px; }
.footer-links a { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; font-size: 12px; }
.footer-bottom { flex-basis: 100%; border-top: 1px solid var(--color-divider); padding-top: 24px; display: flex; gap: 24px; justify-content: space-between; align-items: center; flex-wrap: wrap; color: var(--color-text-muted); }
.footer-bottom small { font-size: 10px; }
.appearance-label { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 11px; }
select { min-height: 44px; max-width: 100%; background: var(--color-control-background); color: var(--color-text-primary); border: 1px solid var(--color-border-interactive); border-radius: 8px; padding: 8px 12px; font-size: 12px; }
.error-page { min-height: 50vh; }
.legal-page { padding-block: 24px 80px; }
.legal-navigation { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding-bottom: 24px; margin-bottom: 48px; border-bottom: 1px solid var(--color-divider); }
.legal-navigation a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.legal-navigation a[aria-current="page"] { color: var(--color-accent-text); font-weight: 600; text-decoration: underline; text-underline-offset: 6px; }
.legal-content { max-width: 720px; margin-inline: auto; overflow-wrap: anywhere; }
.legal-content h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1.2; }
.legal-content h2 { font: 600 24px/1.35 Inter, system-ui, sans-serif; letter-spacing: -.02em; margin-bottom: 20px; }
.legal-content p, .legal-content li { font-size: 16px; line-height: 1.75; color: var(--color-text-secondary); }
.legal-content p { margin-bottom: 20px; }
.legal-content strong { color: var(--color-text-primary); font-weight: 600; }
.legal-content section { margin-top: 48px; }
.legal-content ul, .legal-content ol { padding-left: 24px; }
.legal-content li { margin-block: 12px; padding-left: 4px; }
.legal-content a { color: var(--color-accent-text); text-decoration: underline; text-underline-offset: 3px; }
.legal-content a:hover, .legal-navigation a:hover { text-decoration-thickness: 2px; }
.legal-content code { font: inherit; background: var(--color-control-background); color: var(--color-text-primary); border-radius: 4px; padding: 2px 4px; }
.legal-content nav { margin-top: 32px; padding: 16px 24px; background: var(--color-surface-raised); border: 1px solid var(--color-border-interactive); border-radius: 12px; }
.legal-content summary { min-height: 44px; padding-block: 8px; font-weight: 600; }
.legal-content nav a { display: inline-flex; align-items: center; min-height: 44px; }
.legal-content nav li { margin-block: 0; }
@media (prefers-color-scheme: dark) {
    html:not([data-theme]) { color-scheme: dark; }
}
@media (max-width: 1199px) {
    .wrap { width: calc(100% - 64px); }
    .hero { gap: 32px; }
    .hero-art { height: 550px; }
    .hero-phone-light { top: 130px; }
    .hero-phone-dark { top: 85px; }
    .product-explorer, .capture-section, .ai-layout, .faq-section { gap: 48px; }
    .privacy-card { padding: 32px; }
    .segmented button { padding-inline: 12px; }
}
@media (max-width: 767px) {
    .wrap { width: calc(100% - 40px); }
    .section { padding-block: 64px; }
    .site-header { min-height: 140px; gap: 8px 24px; flex-wrap: wrap; padding-block: 8px 16px; justify-content: space-between; }
    .site-header nav { order: 3; width: 100%; justify-content: center; margin: 0; }
    .header-cta { margin-left: 0; padding-inline: 16px; }
    .hero { grid-template-columns: 1fr; gap: 32px; padding-block: 16px 40px; }
    .hero-copy { padding: 16px 0 0; }
    .hero h1 { font-size: clamp(40px, 9.5vw, 60px); }
    .hero-description { max-width: 44ch; }
    .hero-art { height: clamp(460px, 117vw, 640px); max-width: 560px; width: 100%; margin-inline: auto; }
    .hero-phone-light { top: 21%; width: 38%; left: 10%; }
    .hero-phone-dark { top: 16%; width: 38%; right: 8%; }
    .hero-art-label { left: 24px; top: 24px; }
    .art-footnote { bottom: 16px; right: 16px; padding: 10px 16px; font-size: 13px; }
    .benefit-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; font-size: 11px; }
    .benefit-strip > span { gap: 8px; }
    .capture-section, .product-explorer, .duality-cards, .ai-layout, .faq-section { grid-template-columns: 1fr; gap: 32px; }
    .capture-section > div:last-child { padding: 0; }
    .product-section { padding-block: 64px; }
    .product-heading { display: block; margin-bottom: 32px; }
    .product-heading > p { margin: 24px 0 0; }
    .product-explorer { gap: 40px; }
    .preview-stage { padding: 24px; }
    .explorer-phone { width: 240px; }
    .explorer-controls { max-width: 500px; }
    .view-description { margin-top: 32px; min-height: 0; }
    .view-description h3 { max-width: 20ch; font-size: 28px; }
    .view-description p { max-width: none; }
    .section-heading { text-align: left; margin-bottom: 32px; }
    .privacy-card { padding: 32px; }
    .privacy-card p { min-height: 0; }
    .ai-copy > p:not(.eyebrow) { max-width: none; }
    .writing-example { padding: 24px; }
    .faq-section { gap: 24px; }
    .download-section { padding-block: 64px; }
    .site-footer { padding-top: 32px; }
    .footer-links { gap: 16px; padding: 0; }
    .footer-bottom { align-items: start; flex-direction: column; gap: 16px; }
    .desktop-break { display: none; }
}
@media (max-width: 360px) {
    .site-header { justify-content: center; }
    .site-header nav { gap: 24px; }
    .hero-art { height: 440px; }
    .hero-art-label { top: 20px; left: 16px; font-size: 11px; }
    .hero-art-label > span { gap: 6px; padding-inline: 10px; }
    .hero-phone-light { top: 30%; }
    .hero-phone-dark { top: 20%; }
    .segmented { width: 100%; }
    .segmented button { flex: 1; padding: 8px; gap: 4px; font-size: 12px; }
    .benefit-strip { grid-template-columns: 1fr; }
    .draft-bottom, .example-top { flex-wrap: wrap; gap: 8px; }
    .privacy-card { padding: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition: none !important; }
    .button:hover, .button:active { transform: none; }
}
@media (forced-colors: active) {
    .button, .phone, .privacy-card, .writing-example, .preview-stage { border: 2px solid CanvasText; }
    .segmented button[aria-pressed="true"] { border-color: Highlight; outline: 2px solid Highlight; }
    .hero-art-label, .art-footnote { background: Canvas; color: CanvasText; }
    .logo-light, .logo-dark { background: #F7F4EE; }
    .logo-dark { background: #0F0F1A; }
    .feature-icon, svg { fill: currentColor; }
    :focus-visible { outline: 3px solid Highlight; }
}