:root {
  --bg: #f7f8f7;
  --fg: #17201d;
  --surface: #ffffff;
  --mute: #66726c;
  --line: #e0e6e2;
  --edge: #bdc8c1;
  --soft: #eef2ef;
  --accent: #11755e;
  --accent-soft: #e6f2ec;
  --shadow: 0 8px 30px -16px #16281e22;
  --sans: "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
:root[data-theme="dark"] {
  --bg: #101715;
  --fg: #edf5ef;
  --surface: #19221e;
  --mute: #a4b3aa;
  --line: #303e35;
  --edge: #53675b;
  --soft: #223128;
  --accent: #8ed8b7;
  --accent-soft: #233a2d;
  --shadow: 0 12px 32px -16px #0008;
}
body {font-size:16px;line-height:1.65;}
::selection {background:#bce4cd;color:#10261a;}
h1,h2 {letter-spacing:-.045em;font-weight:750;}
.site-header {background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);border-color:var(--line);}
.bar {min-height:78px;height:auto;padding-block:14px;}
.logo {font-weight:750;letter-spacing:-.035em;gap:12px;}
.brand-icon {width:40px;height:40px;border:1px solid var(--line);background:white;border-radius:12px;box-shadow:0 3px 9px #00000008;}
.nav {gap:6px;}
.nav a {padding:9px 16px;border-radius:12px;font-weight:550;transition:background .2s,color .2s;}
.nav a:hover {background:var(--soft);color:var(--fg);}
.nav a[aria-current="page"] {background:var(--accent-soft);color:var(--accent);}
.language-nav {gap:5px;padding-block:10px;border-top:1px solid var(--line);font-size:12px;}
.language-nav a {padding:5px 12px;border-radius:8px;transition:color .2s,background .2s;}
.language-nav a:hover {background:var(--soft);color:var(--fg);}
.language-nav a[aria-current] {background:var(--accent-soft);color:var(--accent);}
.theme-toggle {width:40px;height:40px;border-radius:12px;background:var(--surface);font-size:19px;transition:background .2s,border-color .2s;}
.theme-toggle:hover {border-color:var(--edge);}
.btn {min-height:48px;padding:13px 24px;border-radius:13px;background:#17251e;color:#fff;border:1px solid #17251e;font-size:14px;font-weight:650;letter-spacing:.01em;box-shadow:0 5px 12px -7px #17251e88;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;}
.btn:hover {color:#fff;background:#264836;border-color:#264836;transform:translateY(-2px);box-shadow:0 9px 20px -9px #17251e70;}
.btn:active {transform:translateY(0);box-shadow:none;}
.btn-ghost {background:var(--surface);color:var(--fg);border-color:var(--line);box-shadow:0 3px 10px -8px #0004;}
.btn-ghost:hover {background:var(--accent-soft);color:var(--accent);border-color:var(--edge);}
.btn-sm {min-height:40px;padding:9px 18px;font-size:13px;border-radius:11px;}
.btn[disabled],button:disabled {opacity:1;background:var(--soft);color:var(--mute);border-color:var(--line);box-shadow:none;cursor:not-allowed;transform:none;}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible {outline:3px solid var(--accent);outline-offset:4px;}
:root[data-theme="dark"] .btn:not(.btn-ghost):not(:disabled) {background:#dceee1;color:#13271b;border-color:#dceee1;}
:root[data-theme="dark"] .btn:not(.btn-ghost):not(:disabled):hover {background:#bce4cc;}
.page {padding-top:64px;padding-bottom:80px;}
.h2-like {font-size:clamp(30px,3.7vw,46px);margin-bottom:16px;line-height:1.14;}
.eyebrow {color:var(--accent);letter-spacing:.13em;font-size:11px;}
.scr-hero {padding-block:86px;gap:64px;align-items:center;}
.scr-hero h1 {font-size:clamp(48px,5.6vw,74px);line-height:1.06;}
.hero-muted {color:var(--accent);}
.hero-intro {font-size:17px;color:var(--mute);line-height:1.8;max-width:48ch;}
.hero-actions {margin-block:30px 23px;}
.desktop-preview {background:radial-gradient(ellipse at 20% 0%,#cce7d866,transparent 70%),var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 22px 60px -22px #304a3930;position:relative;}
.preview-grid {font-size:clamp(33px,3.4vw,47px);font-weight:800;margin-top:8px;margin-bottom:52px;gap:12px;}
.preview-grid span:last-child {color:var(--accent);opacity:.45;}
.example-answer {background:var(--surface);border-color:var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);}
.example-answer img {background:white;border-radius:7px;}
.example-answer p {font-size:15px;color:var(--fg);}
.example-bar {background:#183022;border:1px solid #365a43;border-radius:13px;padding:17px;color:#fff;font-size:13px;}
.desktop-preview figcaption {color:var(--mute);font-size:11px;}
.scr-section {padding-block:74px;border-color:var(--line);}
.scr-section h2 {font-size:clamp(31px,4vw,48px);line-height:1.16;}
.feature-grid {gap:18px;counter-reset:feature;margin-top:36px;}
.feature-grid article {counter-increment:feature;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);}
.feature-grid article::before {content:counter(feature,decimal-leading-zero);display:grid;place-items:center;width:36px;height:36px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:11px;font:600 12px var(--mono);margin-bottom:24px;}
.feature-grid h3 {font-size:17px;line-height:1.4;}
.feature-grid p {font-size:14px;line-height:1.8;margin-bottom:0;}
.app-shot {background:var(--surface);border:1px solid var(--line);border-radius:25px;box-shadow:0 22px 55px -30px #19352250;padding:18px;}
.app-shot figcaption {color:var(--mute);padding-block:8px;}
.panel {background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:30px;}
.download-grid>.panel,.model-grid>.panel,.pricing-section>.panel {grid-column:auto;min-width:0;}
.download-grid {gap:22px;}
.download-grid .panel {padding:32px;border-radius:22px;}
.download-grid .panel h3 {font-size:23px;letter-spacing:-.03em;}
.download-grid .panel p.mute {font-size:14px;line-height:1.7;margin-top:12px;}
.download-grid .panel .btn {margin-top:12px;}
.badge {background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);padding:4px 11px;line-height:1.5;font-size:11px;font-weight:600;letter-spacing:.015em;}
.badge.solid {background:var(--accent);color:var(--surface);}
.pricing-section {gap:70px;align-items:center;}
.price-tag {font-size:76px;margin-bottom:22px;}
.pricing-section>.panel {padding:35px;}
.pricing-section hr {border:0;border-top:1px solid var(--line);margin-block:27px;}
.pricing-section .panel p {font-size:15px;color:var(--mute);}
.scr-faq {border-bottom:1px solid var(--line);padding:22px 0;}
.scr-faq summary {list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:600;line-height:1.5;}
.scr-faq summary::-webkit-details-marker {display:none;}
.scr-faq summary::after {content:'+';display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;color:var(--accent);font-size:20px;font-weight:400;background:var(--surface);}
.scr-faq[open] summary::after {content:'−';}
.scr-faq p {font-size:15px;line-height:1.8;}
.downloads-page>h1,.downloads-page>p.mute {text-align:center;margin-inline:auto;}
.system-grid {max-width:900px;margin-top:40px;gap:26px;}
.system-card {background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:44px 30px 36px;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;}
.system-card:hover,.system-card:focus-within {transform:translateY(-4px);border-color:var(--edge);box-shadow:0 20px 40px -22px #183e2955;}
.system-logo {width:90px;height:90px;margin-bottom:26px;padding:12px;box-sizing:content-box;background:var(--soft);border-radius:25px;}
.windows-logo {background:#eaf3fc;color:#0078d4;}
:root[data-theme="dark"] .windows-logo {background:#1b3142;color:#65b3ed;}
.system-card h2 {font-size:31px;letter-spacing:-.035em;}
.system-card p {font-size:14px;margin-bottom:30px;}
.system-card .btn {width:min(100%,230px);}
.page>a:first-child {display:inline-flex;align-items:center;padding:8px 13px;border:1px solid var(--line);background:var(--surface);border-radius:10px;text-decoration:none;font-size:13px;margin-bottom:8px;}
.narrow {max-width:510px;padding:36px 38px;background:var(--surface);border:1px solid var(--line);border-radius:25px;box-shadow:0 18px 45px -25px #193c2938;}
.narrow .h2-like {font-size:34px;letter-spacing:-.035em;}
.narrow form>p,.narrow>p {font-size:14px;color:var(--mute);}
.field {margin-bottom:20px;}
.field label {font-size:13px;font-weight:650;margin-bottom:7px;}
.field input,.field textarea {border:1px solid var(--line);background:var(--bg);border-radius:12px;font-size:15px;min-height:49px;padding:12px 15px;transition:border-color .2s,box-shadow .2s;}
.field input:focus,.field textarea:focus {border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent);outline:none;}
.check {font-size:12px;line-height:1.7;gap:10px;}
.check input {accent-color:var(--accent);flex:none;margin-top:4px;}
.social-buttons {gap:10px;margin-block:24px;}
.social-buttons .btn {min-height:47px;box-shadow:none;}
.social-buttons+p.mute {display:flex;align-items:center;gap:12px;font-size:12px;margin-block:25px;}
.social-buttons+p.mute::before,.social-buttons+p.mute::after {content:'';height:1px;background:var(--line);flex:1;}
.narrow>form>.btn-block {margin-top:5px;}
.narrow>form+p {margin-bottom:0;margin-top:22px;line-height:1.8;}
.flash {background:var(--surface);border-color:var(--line);border-radius:14px;font-size:14px;box-shadow:var(--shadow);}
.flash.ok {background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent);}
.flash.error {background:#fff0ef;color:#923e38;border-color:#f0c7c4;}
:root[data-theme="dark"] .flash.error {background:#38231f;color:#f4b8ac;border-color:#654039;}
.keybox {border:1px dashed var(--edge);background:var(--soft);font-size:18px;letter-spacing:.05em;border-radius:12px;}
.site-footer {background:var(--surface);border-color:var(--line);padding-block:40px 24px;}
.foot {gap:26px;align-items:center;}
.foot .logo {font-size:19px;}
.foot p {font-size:13px;margin-top:8px;margin-bottom:0;}
.footer-links {gap:20px;font-size:12px;}
.footer-links a {color:var(--mute);}
.footer-links a:hover {color:var(--accent);text-decoration:none;}
.foot-bottom {margin-top:28px;padding-top:22px;font-size:11px;}
.tablewrap {border:1px solid var(--line);border-radius:13px;}
table {font-size:13px;}
th {background:var(--soft);font-weight:650;}
th,td {padding:13px 16px;}
.prose {max-width:780px;}
.install-steps {padding-left:24px;}
.install-steps li {padding:14px 0;font-size:15px;line-height:1.8;}
@media(max-width:900px) {
  .nav {top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 15px 20px -15px #142a2033;gap:4px;padding:12px 20px;}
  .nav a {width:100%;}
  .scr-hero {grid-template-columns:1fr;gap:44px;padding-block:56px;}
  .scr-hero>div {max-width:670px;}
  .desktop-preview {width:100%;max-width:650px;justify-self:center;}
  .preview-grid {font-size:46px;}
  .nav a {padding:8px 10px;}
  .pricing-section {gap:32px;}
}
@media(max-width:600px) {
  .bar {min-height:66px;padding-block:11px;gap:10px;}
  .logo {font-size:16px;gap:8px;}
  .brand-icon {width:32px;height:32px;border-radius:10px;}
  .nav-actions {gap:6px;}
  .btn-sm {padding:8px 11px;min-height:36px;font-size:12px;}
  .theme-toggle {width:34px;height:34px;font-size:17px;border-radius:10px;}
  .nav-toggle {padding:7px 10px;border-radius:10px;font-size:12px;background:var(--surface);}
  .language-nav {gap:1px;padding-block:8px;font-size:11px;}
  .language-nav a {padding:4px 8px;}
  .page {padding-top:36px;padding-bottom:48px;}
  .scr-hero {padding-block:44px;gap:34px;}
  .scr-hero h1 {font-size:48px;}
  .hero-intro {font-size:15px;line-height:1.8;margin-top:22px;}
  .hero-actions {gap:10px;}
  .btn {padding:12px 19px;min-height:46px;font-size:13px;}
  .desktop-preview {padding:24px;border-radius:23px;}
  .preview-grid {font-size:32px;margin-bottom:35px;}
  .example-answer {padding:20px;}
  .example-bar {padding:14px;font-size:11px;}
  .scr-section {padding-block:44px;}
  .feature-grid {grid-template-columns:1fr;gap:13px;}
  .feature-grid article {padding:24px;}
  .feature-grid article::before {margin-bottom:17px;}
  .system-card {padding:30px 24px;border-radius:22px;}
  .system-logo {width:65px;height:65px;padding:12px;border-radius:21px;margin-bottom:22px;}
  .system-grid {gap:18px;margin-top:28px;}
  .download-grid .panel {padding:26px;}
  .narrow {padding:28px 22px;border-radius:20px;}
  .narrow .h2-like {font-size:30px;}
  .pricing-section>.panel {padding:27px;}
  .price-tag {font-size:62px;}
  .footer-links {gap:13px 20px;}
  .foot {align-items:flex-start;}
  .scr-faq summary {font-size:15px;}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  .btn,.system-card,.nav a,.language-nav a {transition:none;}
  .btn:hover,.system-card:hover,.system-card:focus-within {transform:none;}
}

:root[data-theme="dark"] {
  --bg:#030407;--fg:#f4f6fc;--surface:#090d16;--mute:#9ba8bd;
  --line:#1a2335;--edge:#344366;--soft:#10182a;
  --accent:#739aff;--accent-soft:#0d1b3a;
  --shadow:0 15px 40px -25px #1747bf40;
}
:root[data-theme="dark"] ::selection {background:#294ead;color:#fff;}
:root[data-theme="dark"] .site-header {background:#030407ed;border-bottom-color:#151c2a;}
:root[data-theme="dark"] .hero-muted {color:#668bff;background:linear-gradient(110deg,#9ab4ff,#456eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
:root[data-theme="dark"] .btn:not(.btn-ghost):not(:disabled) {background:linear-gradient(135deg,#3568ff,#254bea);color:white;border-color:#416fff;box-shadow:0 6px 24px -12px #3269ffcc;}
:root[data-theme="dark"] .btn:not(.btn-ghost):not(:disabled):hover {background:linear-gradient(135deg,#4b79ff,#355ff4);box-shadow:0 9px 28px -10px #3269ffbb;}
:root[data-theme="dark"] .btn-ghost {background:#070b12;color:#dce6ff;border-color:#25314b;}
:root[data-theme="dark"] .btn-ghost:hover {background:#101c38;border-color:#4264ac;color:#fff;}
:root[data-theme="dark"] .nav a[aria-current="page"],:root[data-theme="dark"] .language-nav a[aria-current] {color:#94b0ff;background:#0e1931;}
:root[data-theme="dark"] .theme-toggle {background:#090d16;border-color:#263149;color:#adc3ff;}
:root[data-theme="dark"] .feature-grid article {background:linear-gradient(150deg,#0b101b,#06080d);border-color:#192236;box-shadow:none;}
:root[data-theme="dark"] .feature-grid article::before {background:#0d1935;border-color:#213b76;color:#8eaeff;box-shadow:0 0 16px -8px #3d74ff;}
:root[data-theme="dark"] .feature-grid h3 {color:#eef3ff;}
:root[data-theme="dark"] .system-card {background:linear-gradient(150deg,#0c1322,#080b12);border-color:#1b2943;}
:root[data-theme="dark"] .system-card:hover,:root[data-theme="dark"] .system-card:focus-within {border-color:#4568b2;box-shadow:0 18px 42px -24px #285fe67a;}
:root[data-theme="dark"] .system-logo {background:#101a2d;}
:root[data-theme="dark"] .windows-logo {background:#0c1c3b;color:#70a3ff;}
:root[data-theme="dark"] .narrow,:root[data-theme="dark"] .panel {background:linear-gradient(145deg,#0c111d,#080c13);border-color:#202c43;}
:root[data-theme="dark"] .field input,:root[data-theme="dark"] .field textarea {background:#060a12;border-color:#24314c;}
:root[data-theme="dark"] .site-footer {background:#04060b;}
:root[data-theme="dark"] .desktop-preview {display:none;}
@keyframes orbit-glow {from{opacity:.84;transform:translateY(3px)}to{opacity:1;transform:translateY(-3px)}}
:root[data-theme="dark"] .scr-hero {gap:28px;}
@media(max-width:900px){:root[data-theme="dark"] .dark-orbit {width:100%;max-width:570px;justify-self:center;min-height:340px;}:root[data-theme="dark"] .scr-hero {gap:10px;}}
@media(max-width:600px){:root[data-theme="dark"] .dark-orbit {min-height:270px;}.dark-orbit svg {width:100%;}.dark-orbit::before {inset:10% 0;}}
@media(prefers-reduced-motion:reduce){.dark-orbit svg {animation:none;}}

.brand-hero-art {position:relative;display:flex;min-height:460px;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;margin:0;}
.brand-hero-art::before {content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,#c9d7fa85,transparent 70%);filter:blur(22px);z-index:-1;}
.brand-symbol {width:246px;height:246px;border-radius:53px;position:relative;overflow:hidden;background:#fff;border:1px solid #eef1f8;transform:rotate(-9deg);box-shadow:0 35px 55px -22px #17316b38,0 0 0 12px #ffffff60,0 0 0 13px #cad4ed55;}
.brand-symbol img {position:absolute;width:124%;height:124%;max-width:none;left:-12%;top:-12%;object-fit:cover;}
.brand-hero-art figcaption {display:flex;align-items:center;gap:10px;font-size:29px;font-weight:750;letter-spacing:-.045em;margin-top:40px;}
.brand-hero-art figcaption span {font-size:15px;font-weight:650;letter-spacing:.015em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);border-radius:9px;padding:4px 9px;}
.brand-input-art {height:45px;width:290px;display:flex;align-items:center;gap:8px;padding:0 17px;border:1px solid var(--line);border-radius:13px;background:var(--surface);margin-top:23px;box-shadow:0 8px 24px -18px #1c336550;}
.brand-input-art i {width:5px;height:5px;border-radius:50%;background:#a7b5d0;}
.brand-input-art b {height:2px;width:125px;background:linear-gradient(90deg,#a4b4d0,#d6ddeb);margin-left:7px;}
.brand-input-art span {width:2px;height:13px;background:var(--accent);margin-left:auto;}
:root:not([data-theme="dark"]) {--bg:#ffffff;--fg:#182033;--surface:#ffffff;--mute:#667087;--line:#e4e9f2;--edge:#bec9dd;--soft:#f4f6fa;--accent:#3456b8;--accent-soft:#edf2ff;--shadow:0 14px 34px -24px #14326828;}
:root:not([data-theme="dark"]) .site-header {background:#ffffffed;border-color:#e9edf5;}
:root:not([data-theme="dark"]) .scr-hero {background:radial-gradient(ellipse at 80% 48%,#eef3fd,transparent 63%);position:relative;border-bottom:0;gap:54px;padding-block:76px;}
:root:not([data-theme="dark"]) .hero-muted {color:#526db3;background:linear-gradient(110deg,#223f87,#7d94ca);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
:root:not([data-theme="dark"]) .eyebrow {color:#67799f;}
:root:not([data-theme="dark"]) .btn:not(.btn-ghost):not(:disabled) {background:linear-gradient(135deg,#18243f,#293d68);border-color:#283d69;color:white;box-shadow:0 7px 16px -9px #142b7470;}
:root:not([data-theme="dark"]) .btn:not(.btn-ghost):not(:disabled):hover {background:linear-gradient(135deg,#27375b,#365589);border-color:#365589;}
:root:not([data-theme="dark"]) .btn-ghost {border-color:#dce4f1;background:#fff;box-shadow:0 4px 11px -8px #263d6826;}
:root:not([data-theme="dark"]) .btn-ghost:hover {background:#eff3fc;color:#3456b8;border-color:#bec9df;}
:root:not([data-theme="dark"]) .feature-grid article {background:linear-gradient(140deg,#fff,#f8faff);border-color:#e4eaf6;box-shadow:0 12px 30px -24px #173b7340;}
:root:not([data-theme="dark"]) .system-card {background:linear-gradient(155deg,#fff,#f9fbff);border-color:#e1e8f4;box-shadow:0 18px 40px -30px #23407955;}
:root:not([data-theme="dark"]) .system-card:hover,:root:not([data-theme="dark"]) .system-card:focus-within {border-color:#adbfe5;box-shadow:0 22px 46px -26px #26498248;}
:root:not([data-theme="dark"]) .narrow {background:#fff;border-color:#e0e7f4;box-shadow:0 24px 60px -32px #25437235;}
:root:not([data-theme="dark"]) .field input,:root:not([data-theme="dark"]) .field textarea {background:#f8faff;border-color:#e1e8f3;}
:root:not([data-theme="dark"]) .site-footer {background:#f8faff;border-color:#e7edf6;}
:root[data-theme="dark"] .brand-hero-art::before {background:radial-gradient(circle,#265cff65,transparent 70%);filter:blur(30px);width:440px;height:420px;}
:root[data-theme="dark"] .brand-symbol {border-color:#b7caff;box-shadow:0 30px 70px -20px #3469ff5c,0 0 0 11px #254ba014,0 0 0 12px #315ccb38,0 0 55px -18px #3469ff85;}
:root[data-theme="dark"] .brand-hero-art figcaption {color:#f3f6ff;}
:root[data-theme="dark"] .brand-input-art {border-color:#25385f;background:#070d1a;box-shadow:0 10px 30px -18px #315df860;}
:root[data-theme="dark"] .brand-input-art b {background:linear-gradient(90deg,#3a5d9c,#172744);}
:root[data-theme="dark"] .brand-input-art i {background:#476bab;}
:root[data-theme="dark"] .scr-hero {gap:54px;}
@media(max-width:900px) {.brand-hero-art {min-height:430px;width:100%;max-width:580px;justify-self:center;}:root:not([data-theme="dark"]) .scr-hero,:root[data-theme="dark"] .scr-hero {gap:18px;padding-block:50px;}}
@media(max-width:600px) {.brand-hero-art {min-height:355px;}.brand-symbol {width:192px;height:192px;border-radius:43px;}.brand-hero-art::before,:root[data-theme="dark"] .brand-hero-art::before {width:300px;height:310px;}.brand-hero-art figcaption {font-size:25px;margin-top:32px;}.brand-input-art {width:245px;margin-top:18px;height:41px;}:root:not([data-theme="dark"]) .scr-hero,:root[data-theme="dark"] .scr-hero {gap:10px;padding-block:36px;}}

:root[data-theme="dark"] .brand-symbol {background:#02050b;border-color:#203253;box-shadow:0 30px 70px -25px #1e4bba40,0 0 0 11px #15264728,0 0 0 12px #263e6950;}
:root[data-theme="dark"] .brand-symbol img {filter:invert(1) brightness(.5) sepia(1) saturate(4) hue-rotate(175deg) brightness(.75);}
:root[data-theme="dark"] .brand-hero-art figcaption {color:#839bd0;}
:root[data-theme="dark"] .brand-hero-art figcaption span {color:#7896d4;background:#0a1328;border-color:#1e3152;}
:root:not([data-theme="dark"]) {--fg:#253b64;--mute:#596e93;--accent:#4368b5;}
:root:not([data-theme="dark"]) h1,:root:not([data-theme="dark"]) h2,:root:not([data-theme="dark"]) h3,:root:not([data-theme="dark"]) .logo {color:#2d4878;}
:root:not([data-theme="dark"]) .hero-muted {background:linear-gradient(110deg,#4668aa,#788fc2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
:root:not([data-theme="dark"]) .brand-symbol img {filter:sepia(1) saturate(2) hue-rotate(176deg);}
:root:not([data-theme="dark"]) .brand-hero-art figcaption {color:#355383;}

.personalization-head {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;}
.personalization-head h2 {margin-bottom:12px;}
.personalization-head p {margin:0;font-size:14px;color:var(--mute);}
.personalization-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.personalization-card {margin:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);}
.custom-desktop {position:relative;min-height:308px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:var(--look-wall);overflow:hidden;isolation:isolate;}
.custom-desktop::before {content:'';position:absolute;inset:0;background:var(--look-art,none);background-size:cover;background-position:center;z-index:-1;}
.custom-desktop-label {font:600 10px var(--mono);letter-spacing:.13em;color:var(--look-muted);align-self:flex-start;margin-bottom:25px;}
.custom-response {width:min(100%,360px);padding:20px 23px;min-height:119px;background:var(--look-response);color:var(--look-text);border:1px solid var(--look-line);border-radius:16px;box-shadow:0 10px 25px #00000016;backdrop-filter:blur(8px);}
.custom-response p {font-size:13px;line-height:1.7;margin:0;}
.response-mini-heading {display:flex;align-items:center;gap:7px;font-size:10px;font-weight:650;color:var(--look-accent);margin-bottom:10px;}
.response-mini-heading svg {width:13px;height:13px;}
.custom-input {width:min(100%,360px);margin-top:10px;border:1px solid var(--look-accent);border-radius:11px;min-height:38px;display:flex;align-items:center;gap:10px;background:var(--look-input);padding:9px 13px;color:var(--look-text);box-shadow:0 6px 15px #00000016;}
.custom-input-text {font-size:10px;line-height:1.4;flex:1;opacity:.72;}
.custom-input svg {width:13px;height:13px;flex:none;color:var(--look-accent);}
.personalization-card figcaption {padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-top:1px solid var(--line);}
.personalization-card figcaption strong {display:block;font-size:16px;color:var(--fg);font-weight:650;margin-bottom:5px;}
.personalization-card figcaption small {font-size:12px;color:var(--mute);line-height:1.6;display:block;}
.personalization-card figcaption>span {width:11px;height:11px;border-radius:50%;background:var(--look-accent);flex:none;margin-top:6px;box-shadow:0 0 0 5px var(--soft);}
.look-midnight {--look-wall:#050914;--look-art:radial-gradient(ellipse at 90% 10%,#2e63f34a,transparent 60%);--look-accent:#688aff;--look-text:#e5edff;--look-muted:#7486b1;--look-line:#2a4068;--look-response:#081328d9;--look-input:#070e20;}
.look-forest {--look-wall:#082a25;--look-art:url('/static/img/ejemplo-bosque.svg');--look-accent:#59dab9;--look-text:#defef1;--look-muted:#79caba;--look-line:#4abf9b55;--look-response:#052d27ce;--look-input:#06392dda;}
.look-violet {--look-wall:#171126;--look-art:url('/static/img/ejemplo-luces.svg');--look-accent:#c9a3ff;--look-text:#f2e7ff;--look-muted:#bba4de;--look-line:#ad80e755;--look-response:#281742d1;--look-input:#241638df;}
.look-paper {--look-wall:#ede5d8;--look-art:linear-gradient(125deg,#fff8,transparent),repeating-linear-gradient(0deg,transparent,transparent 22px,#b7a48c20 23px,#b7a48c20 24px);--look-accent:#976d42;--look-text:#4a3828;--look-muted:#97816a;--look-line:#ccb99a;--look-response:#fffcf4e6;--look-input:#fdf9f0;}
.theme-overview {margin-top:30px;border:1px solid var(--line);border-radius:22px;padding:26px;background:var(--surface);}
.theme-overview h3 {font-size:17px;margin-bottom:20px;}
.theme-presets {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.theme-preset {padding:14px;border:1px solid var(--line);background:var(--bg);border-radius:13px;min-width:0;}
.theme-preset span {display:block;font-size:11px;font-weight:600;color:var(--fg);margin-top:10px;}
.preset-bar {height:19px;border:1px solid var(--preset-accent);background:var(--preset-bg);color:var(--preset-accent);border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:5px;}
.preset-bar i {height:2px;width:45%;background:var(--preset-text);margin-right:auto;}
.preset-bar b {width:3px;height:3px;border-radius:50%;background:currentColor;}
.preset-white {--preset-bg:#fff;--preset-accent:#252525;--preset-text:#202020;}
.preset-dark {--preset-bg:#191a1d;--preset-accent:#717781;--preset-text:#fff;}
.preset-red {--preset-bg:#070707;--preset-accent:#ff454f;--preset-text:#fff;}
.preset-blue {--preset-bg:#080d21;--preset-accent:#668dff;--preset-text:#dde7ff;}
.preset-green {--preset-bg:#051d17;--preset-accent:#46d3a6;--preset-text:#cffbed;}
.preset-violet {--preset-bg:#180c28;--preset-accent:#b786ff;--preset-text:#f1e5ff;}
.preset-paper {--preset-bg:#fff8e9;--preset-accent:#9a7446;--preset-text:#4a3420;}
.preset-contrast {--preset-bg:#000;--preset-accent:#ffdf00;--preset-text:#fff;}
.actual-capture {margin-top:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);}
.actual-capture summary {padding:18px 23px;font-size:13px;color:var(--accent);font-weight:600;cursor:pointer;}
.actual-capture .app-shot {margin:0 auto 22px;max-width:600px;border:0;box-shadow:none;padding:15px;background:var(--surface);}
@media(max-width:650px){.personalization-gallery{grid-template-columns:1fr;gap:18px}.custom-desktop{min-height:282px;padding:24px}.personalization-card figcaption{padding:18px 22px}.theme-overview{padding:20px}.theme-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.personalization-head{display:block}.custom-response{padding:18px 20px}}

:root:not([data-theme="dark"]) ::selection{background:#cfdcff;color:#193363}:root[data-theme="dark"] ::selection{background:#294ead;color:#fff}
.personalization-section{scroll-margin-top:145px}

.greeting-example{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.greeting-example>.eyebrow{margin-bottom:24px;text-align:center}
.greeting-widget{max-width:500px;margin:auto}
.greeting-response{background:#050914;border:1px solid #202e50;border-radius:18px;color:#e6edff;padding:21px;min-height:155px}
.greeting-response p{font:400 16px/1.65 'Segoe UI',Arial,sans-serif;margin:0}
.greeting-input{display:flex;align-items:center;gap:12px;background:#050914;border:1px solid #668dff;border-radius:10px;color:#b6c7ef;margin-top:8px;min-height:39px;padding:8px 15px}
.greeting-input span{flex:1;font:400 13px/1.4 'Segoe UI',Arial,sans-serif}
.greeting-input svg{width:16px;height:16px;color:#668dff;flex:none}
@media(max-width:600px){.greeting-example{padding:22px 18px}.greeting-response{padding:18px}.greeting-response p{font-size:14px}.greeting-input{gap:8px;padding:8px 11px}.greeting-input span{font-size:11px}}

.real-capture-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.real-capture{margin:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.real-capture-link{display:block;padding:12px;background:var(--soft);text-decoration:none;cursor:zoom-in;border-bottom:1px solid var(--line)}
.real-capture-link img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:contain;border-radius:10px;filter:none;transition:opacity .18s}
.real-capture-link:hover img{opacity:.92}
.real-capture figcaption{padding:19px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.real-capture figcaption strong{display:block;font-size:15px;color:var(--fg);margin-bottom:5px}
.real-capture figcaption small{display:block;font-size:12px;color:var(--mute)}
.capture-zoom-label{font-size:11px;color:var(--accent);white-space:nowrap;margin-top:3px}
:root[data-theme="dark"] .real-capture.capture-dark{order:-1}
.capture-viewer{max-width:min(1160px,94vw);width:94vw;max-height:94dvh;padding:0;border:1px solid var(--edge);border-radius:18px;color:var(--fg);background:var(--surface);box-shadow:0 25px 100px #0009;overflow:auto}
.capture-viewer::backdrop{background:#020611d9;backdrop-filter:blur(5px)}
.capture-viewer-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--line);z-index:1}
.capture-viewer-head p{font-size:14px;margin:0;font-weight:600}
.capture-viewer-head button{min-height:36px;padding:7px 13px}
.capture-viewer-image{padding:12px;background:var(--soft)}
.capture-viewer-image img{display:block;max-width:100%;max-height:76dvh;width:auto;height:auto;margin:auto;object-fit:contain;filter:none;border-radius:8px}
html.capture-open{overflow:hidden}
@media(max-width:650px){.real-capture-gallery{grid-template-columns:1fr;gap:18px}.real-capture figcaption{padding:17px 19px}.real-capture-link{padding:8px}.capture-viewer-head{padding:12px 14px}.capture-viewer-head p{font-size:12px}.capture-viewer-image{padding:6px}}