/* One device vocabulary, one panel; links lead to installation or platform details. */
.device-icon{width:58px;height:58px;display:block;color:var(--text,#1d1d1f);flex-shrink:0}
.hero-art#platforms{min-height:0;padding:0;scroll-margin-top:110px}
.hero-art#platforms::before{display:none}
.device-picker{background:var(--surface,#fff);border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 3px #00000005,0 14px 40px #00000005;overflow:hidden}
.device-picker h2{font-size:18px;letter-spacing:-.02em;margin:0;padding:22px 24px 8px;color:var(--text,#1d1d1f)}
.device-picker ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.device-picker li{min-width:0;border-inline-end:1px solid var(--line)}
.device-picker li:last-child{border-inline-end:0}

.device-link{display:flex;align-items:center;flex-direction:column;gap:8px;min-height:142px;padding:20px 6px;color:var(--text,#1d1d1f);text-decoration:none;transition:background .2s}
.device-link:hover{background:#f5f5f7;color:var(--accent,#0066cc)}
.device-link:focus-visible,.download-button:focus-visible{outline:3px solid var(--accent,#0066cc);outline-offset:-4px}
.device-link strong{font-size:16px;font-weight:600;line-height:1.3}
.device-link span{font-size:12px;line-height:1.4;color:var(--accent,#0066cc);text-align:center;overflow-wrap:anywhere}
.download-section{scroll-margin-top:110px}
.apple-download{display:flex;align-items:flex-start;gap:22px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:22px;margin-bottom:18px}
.apple-download h3{margin-top:0}.apple-download p{margin:10px 0}.apple-download .store-cta{display:inline-flex;align-items:center;gap:8px;margin-top:4px;min-height:44px}
.app-store-badge{display:inline-block;padding:10px;line-height:0}.app-store-badge img{display:block;height:40px;width:auto;max-width:100%}.app-store-badge:focus-visible{outline:3px solid var(--accent,#0066cc);border-radius:8px}.picker-store{text-align:center;padding:0 12px 8px}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:var(--surface,#fff);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.download-panel{min-width:0;padding:24px;scroll-margin-top:110px}
.download-panel+.download-panel{border-inline-start:1px solid var(--line)}
.download-panel h3{font-size:22px;letter-spacing:-.02em;margin:14px 0 20px}
.download-panel small{font-size:13px;font-weight:400;color:var(--muted)}
.download-panel ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.download-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px 16px;border-radius:12px;background:var(--accent,#0066cc);color:white;text-decoration:none;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.download-button:hover{background:#005fc7;color:white}
.download-panel .download-help{font-size:12px;line-height:1.7;margin-top:16px;color:var(--muted)}
.download-panel details{font-size:12px;color:var(--muted);margin-top:12px}
.download-panel summary{min-height:44px;cursor:pointer;display:flex;align-items:center}
.download-panel code{display:block;overflow-wrap:anywhere;font-size:11px;line-height:1.7}
@media(max-width:620px){.device-picker ul{grid-template-columns:repeat(4,minmax(0,1fr))}.device-picker li:nth-child(4){border-inline-end:0}.device-picker li:nth-child(n+5){border-top:1px solid var(--line)}.device-link{min-height:124px;padding:16px 3px}.device-picker h2{padding:18px 20px 6px}.device-icon{width:38px;height:38px}.download-grid{grid-template-columns:1fr}.download-panel+.download-panel{border-inline-start:0;border-top:1px solid var(--line)}.hero-art#platforms{margin-top:20px;margin-bottom:12px}.device-link strong{font-size:12px}.device-link span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.device-link{transition:none}}

.device-link.device-soon{cursor:default;pointer-events:none}
:root{color-scheme:dark;--bg:#0d121c;--surface:#141d2c;--text:#fff;--muted:#cbd5e1;--line:rgba(255,255,255,.17);--accent:#38bdf8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse 80% 34% at 50% 0%,rgba(95,130,180,.23),transparent 70%),linear-gradient(#101623,var(--bg) 50%,#090d14);line-height:1.65}a{color:inherit}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;inset-inline-start:20px;padding:10px 16px;background:#fff;color:#111;z-index:5}.skip-link:focus{top:10px}.site-head{border-bottom:1px solid var(--line);background:rgba(13,18,28,.9)}.head-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.brand img{border-radius:9px}.site-head nav{display:flex;gap:20px;flex-wrap:wrap}.site-head nav a,.site-foot a{text-decoration:none;color:var(--muted);font-size:14px}.site-head nav a:hover,.site-foot a:hover{color:#fff}.breadcrumbs{padding:27px 0 16px;display:flex;gap:10px;flex-wrap:wrap;color:#aab8cd;font-size:13px}.breadcrumbs a{color:#aab8cd}.page-hero{padding:56px 0 58px;max-width:900px}.eyebrow{color:#7dd3fc;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2{letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(38px,5.4vw,70px);margin:18px 0 22px}h2{font-size:clamp(25px,3vw,34px);margin:0 0 20px}.lead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:#e0e8f1;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:11px 20px;text-decoration:none;border-radius:12px;font-weight:650}.button.primary{background:#e7f5ff;color:#102037}.button.primary:hover{background:#fff;color:#102037}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.06)}.feature-figure{margin:0 0 42px;padding:20px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.04);text-align:center}.feature-figure img{max-width:100%;max-height:390px;object-fit:contain}.feature-figure figcaption{font-size:13px;color:#aab8cd}.product-shots{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin:0 0 42px}.product-shot{margin:0;flex:0 1 320px;text-align:center}.product-shot.wide{flex-basis:600px}.product-shot.wide img{border-radius:20px}.product-shot img{width:100%;height:auto;border-radius:28px;border:1px solid var(--line)}.product-shot figcaption{font-size:13px;color:#aab8cd;margin-top:10px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;padding-bottom:84px}.article-content{max-width:730px}.content-section{padding:36px 0;border-top:1px solid var(--line)}.content-section p,.content-section li{font-size:18px;color:#e0e8f1}.content-section p{margin:0 0 18px}.content-section ul{padding-inline-start:22px;margin:0}.content-section li{padding:0 0 10px}.related{align-self:start;position:sticky;top:24px;padding:25px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}.related h2{font-size:20px}.related ul{padding:0;list-style:none}.related li{border-top:1px solid var(--line);padding:12px 0}.related li a{text-decoration:none}.related p{color:#b8c5d7;font-size:14px}.related p a{text-decoration:underline}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:600}.faq details p{padding-top:15px;font-size:16px}.closing{padding:38px 42px;margin-bottom:64px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(130deg,rgba(56,189,248,.15),rgba(255,255,255,.04))}.closing p{font-size:18px;color:#d4deea;max-width:680px}.site-foot{border-top:1px solid var(--line);padding:28px 0 42px;display:flex;justify-content:space-between;gap:22px}.site-foot nav{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:800px){.head-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.site-head nav{gap:8px 16px}.page-hero{padding:38px 0}.article-grid{display:block}.related{position:static;margin:0 0 50px}.content-section p,.content-section li{font-size:17px}.closing{padding:28px}.site-foot{flex-direction:column}}
@media(max-width:480px){.container{width:min(100% - 32px,1120px)}.site-head nav a{font-size:13px}.button{width:100%;justify-content:center}.feature-figure{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.feature-photo{padding:0;overflow:hidden}.feature-photo img{display:block;width:100%;height:clamp(240px,36vw,420px);max-height:none;object-fit:cover}.feature-photo figcaption{padding:8px 16px 12px;text-align:start}
/* Right-to-left pages: the arrow points the way the text reads; Arabic letters join, so no tracking. */
[dir="rtl"] .button span[aria-hidden],[dir="rtl"] .related li span[aria-hidden]{display:inline-block;transform:scaleX(-1)}[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] .eyebrow{letter-spacing:0}
[dir="rtl"] .related li span[aria-hidden]{margin-inline-start:.3em}
.hub-cards{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.hub-cards li{padding:0!important}.hub-cards a{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);text-decoration:none}.hub-cards a:hover{border-color:var(--accent);color:inherit}.hub-cards strong{font-size:19px;color:#fff}.hub-cards span{font-size:15px;line-height:1.5;color:#b8c5d7}
:where(img){height:auto}
.site-foot{flex-wrap:wrap}.page-languages{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}.site-foot .page-languages a{font-size:12.5px}.page-languages [aria-current]{color:#fff}

/* Task groups share the existing card system rather than a second layout. */
.guide-group + .guide-group { margin-top: 36px; }
.guide-group h3 { font-size: 22px; line-height: 1.3; margin: 0 0 16px; }
.availability { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px; margin: -32px 0 56px; border: 1px solid var(--line); border-radius: 20px; }
.availability p { margin: 0; color: var(--muted); }
.feature-downloads { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; min-width: 0; }
.download-requirements { font-weight: 600; }
@media (max-width: 800px) { .availability { flex-direction: column; align-items: stretch; } }

.context-links { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 20px; font-size: 16px; }
.context-links a { padding: 6px 0; }

/* The feature and help pages use the same light language as the homepage. */
:root{color-scheme:light;--bg:#f5f5f7;--surface:#fff;--text:#1d1d1f;--muted:#606674;--line:rgba(18,28,51,.1);--accent:#0066cc}
body{background:#f5f5f7;color:var(--text)}
.site-head{background:rgba(255,255,255,.78);border-color:var(--line);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}
.site-head nav a,.site-foot a{color:#555b68}.site-head nav a:hover,.site-foot a:hover{color:var(--accent)}
/* The content pages share the homepage's floating glass navigation. */
.site-header{position:fixed;z-index:100;top:22px;inset-inline:0;pointer-events:none}
.site-header .nav{width:min(840px,calc(100% - 48px));height:64px;margin:auto;padding:8px 12px 8px 18px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:auto;background:linear-gradient(135deg,rgba(33,51,68,.93),rgba(8,17,30,.96));border:1px solid rgba(220,239,255,.28);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 #ffffff55,0 16px 40px #0004}
.site-header.scrolled .nav{background:rgba(8,14,22,.94);box-shadow:inset 0 1px 0 #ffffff55,0 20px 48px #0005}
.site-header .brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:18px;font-weight:650;letter-spacing:-.02em;flex-shrink:0}
.site-header .brand img{width:36px;height:36px;border-radius:10px;display:block;box-shadow:0 4px 12px #0005}
.site-header .nav-links{display:flex;align-items:center;gap:28px;min-width:0}
.site-header .nav-links a{color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
.site-header .nav-links a:hover{color:#fff}
.site-header .nav-actions{display:flex;align-items:center;gap:12px}
.site-header .language-picker{display:inline-flex;align-items:center;height:38px;padding:0 10px 0 12px;border:1px solid #dcefff38;border-radius:999px;background:#ffffff0d;color:#fff}
.site-header .language-picker:hover{border-color:#dcefff73;background:#ffffff1a}
.site-header .language-picker select{max-width:120px;background:transparent;border:0;color:#fff;font:inherit;font-size:13px;cursor:pointer;outline-offset:3px}
.site-header .language-picker option{background:#101721;color:#fff}
.site-header .menu-button{display:none}
.site-header .mobile-drawer{display:none}
.site-header .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
main.container{padding-top:112px}
@media(max-width:1100px){.site-header{top:14px}.site-header .nav{width:calc(100% - 32px);height:60px;padding:6px 8px 6px 14px;gap:10px}.site-header .brand img{width:32px;height:32px}.site-header .brand strong{font-size:16px}.site-header .nav-links{display:none}.site-header .menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;cursor:pointer;padding:0}.site-header .menu-button span{display:block;width:18px;height:1.5px;background:#fff;border-radius:1px;transition:transform .25s,opacity .25s}.site-header .menu-button[aria-expanded=true] span:first-child{transform:translateY(5.5px) rotate(45deg)}.site-header .menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.site-header .menu-button[aria-expanded=true] span:last-child{transform:translateY(-5.5px) rotate(-45deg)}.site-header .mobile-drawer{display:block;position:absolute;top:calc(100% + 10px);inset-inline:16px;padding:20px;border-radius:24px;background:rgba(11,22,37,.97);border:1px solid #dcefff47;box-shadow:0 24px 55px #0005;pointer-events:auto}.site-header .mobile-drawer[hidden]{display:none}.site-header .drawer-nav{display:flex;flex-direction:column;gap:8px}.site-header .drawer-nav a{min-height:48px;display:flex;align-items:center;padding:0 16px;border-radius:14px;color:#fff;text-decoration:none;font-size:16px}.site-header .drawer-nav a:hover{background:#ffffff15}main.container{padding-top:96px}}
@media(max-width:480px){.site-header .language-picker select{max-width:100px}}
[dir=rtl] .site-header .language-picker select{direction:rtl}
.breadcrumbs,.breadcrumbs a{color:#707683}.eyebrow{color:var(--accent)}
h1,h2{color:#12151c;letter-spacing:-.045em}.lead,.content-section p,.content-section li{color:#4c5360}
.button.primary{background:#0071e3;color:#fff;box-shadow:0 8px 20px #0066cc26}.button.primary:hover{background:#005fc7;color:#fff}
.button.secondary{background:#fff;border-color:var(--line)}
.feature-figure,.related,.closing,.availability{background:#fff;border-color:var(--line);box-shadow:0 9px 25px #263e6309}
.feature-figure figcaption,.product-shot figcaption,.related p,.closing p{color:#606674}
.related li{border-color:var(--line)}.content-section{border-color:var(--line)}
.hub-cards a{background:#fff;border-color:var(--line)}.hub-cards strong{color:#1d1d1f}.hub-cards span{color:#606674}
.closing{background:#fff}.site-foot{border-color:var(--line)}.page-languages [aria-current]{color:#1d1d1f}
/* Long compound headings must fit narrow viewports in every locale. */
.page-hero h1,.content-section h2,.hub-cards strong{hyphens:auto;overflow-wrap:anywhere}

/* Editorial example, visually separate from app screenshots. */
.summary-example{padding:clamp(20px,4vw,32px);border:1px solid #e5e5ea;border-radius:24px;background:#fff}.summary-example-note{font-size:.88rem!important;color:#6e6e73}.summary-example-result{display:flex;align-items:flex-start;gap:14px;margin:22px 0}.summary-example-result p{margin:0!important}.summary-example-mark{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;color:#0071e3;background:#edf5ff}.summary-example details{padding:14px 0;border-top:1px solid #e5e5ea}.summary-example summary{cursor:pointer;overflow-wrap:anywhere}.summary-example ol{padding-inline-start:22px;font-size:.9rem}.summary-example li{margin:10px 0}.summary-example-original{white-space:pre-wrap;margin-top:16px;font-size:.9rem;overflow-wrap:anywhere}

.voice-example{padding:clamp(20px,4vw,32px);border:1px solid #e5e5ea;border-radius:24px;background:#fff}.voice-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.voice-example-track{min-width:0}.voice-example-track h3{font-size:1rem}.voice-example-track audio{width:100%;height:42px;margin:8px 0}.voice-example-transcript{font-size:.9rem!important;color:#6e6e73;overflow-wrap:anywhere}@media(max-width:680px){.voice-example-grid{grid-template-columns:1fr;gap:16px}}
.release-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 14px}.release-heading time{font-weight:600;color:#414753}.release-status{display:inline-block;font-size:12px;font-weight:600;color:#0066cc;background:#eef6ff;border:1px solid #dbeaff;border-radius:999px;padding:5px 10px;line-height:1.4}.release-disclaimer{font-size:14px;color:#606674;line-height:1.6;margin:0 0 24px}.release-cards{display:grid;gap:16px}.release-card{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:24px;min-width:0}.release-card .thematic-art{width:130px;height:100px;background:transparent;box-shadow:none;border:0;padding:0;margin:18px 0 0}.release-card .thematic-art svg{width:100%;height:100%}.release-card h2{font-size:23px;line-height:1.2;margin:14px 0 10px;hyphens:auto;overflow-wrap:anywhere}.release-card p{font-size:16px;line-height:1.6;color:#4c5360;margin:0 0 12px}.release-card .release-platforms{font-size:12px;color:#6e6e73}.release-card details{font-size:14px;line-height:1.6}.release-card summary{cursor:pointer;color:#0066cc;padding:6px 0}.release-card details p{font-size:14px;margin-top:12px}.release-card details a{font-size:14px}.release-update{margin-bottom:32px}@media(max-width:600px){.release-card{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:18px 14px}.release-card>div{display:contents}.release-card .thematic-art{width:96px;height:70px;grid-column:1;grid-row:1/span 2;margin:0;align-self:center}.release-card .release-status{grid-column:2;justify-self:start;align-self:start}.release-card h2{font-size:21px;grid-column:2;margin:0}.release-card p,.release-card details{grid-column:1/-1}.release-card p{font-size:15px}.release-status{font-size:11px}}

/* Same light navigation material as the homepage. */
.site-header .nav,.site-header.scrolled .nav{background:rgba(255,255,255,.84);border-color:rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #ffffffcc,0 8px 28px #253b5814}
.site-header .brand,.site-header .nav-links a:hover{color:var(--text)}
.site-header .nav-links a{color:#484c5b}
.site-header .language-picker{background:#ffffffaa;border-color:var(--line);color:var(--text)}
.site-header .language-picker select,.site-header .language-picker option{color:var(--text);background:transparent}
.site-header .language-picker option{background:#fff}
.site-header .menu-button span{background:var(--text)}
.site-header .mobile-drawer{background:rgba(255,255,255,.94);border-color:var(--line);box-shadow:0 18px 40px #253b581c}
.site-header .drawer-nav a{color:var(--text)}
.site-header .drawer-nav a:hover{background:#f5f5f7}

/* The account stays visible beside the language control, including on phones. */
.site-header .nav{width:min(1100px,calc(100% - 32px))}
.header-account{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid rgba(18,28,51,.12);border-radius:50%;color:#0066cc;text-decoration:none;background:#fff}
.header-account:focus-visible{outline:2px solid #0066cc;outline-offset:3px}
@media(min-width:1101px){.header-account{display:none}}
@media(max-width:1100px){.site-header .nav-links{display:none}.site-header .menu-button{display:flex}.site-header .mobile-drawer{pointer-events:auto}}

@media(max-width:700px){.site-header .nav-actions{gap:6px}.site-header .language-picker{width:120px;max-width:120px;min-width:0}.site-header .language-picker select{width:100%;min-width:0;max-width:100%}}
@media(max-width:380px){.site-header .brand strong{display:none}}
/* Small narrative scenes: vector art, no embedded text or fabricated app UI. */
.thematic-art{display:block;position:relative;isolation:isolate;width:100%;height:112px;flex:none;overflow:hidden}
.thematic-art svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 7px 9px #3065a315)}
.thematic-art .art-wave rect{transform-box:fill-box;transform-origin:center;animation:art-wave-pulse 1.2s ease-in-out 3}
.thematic-art .art-wave rect:nth-child(2n){animation-delay:.14s}.thematic-art .art-wave rect:nth-child(3n){animation-delay:.28s}
.thematic-art .art-travel{animation:art-travel 1.8s ease-in-out 2}
.thematic-art .art-spark{transform-box:fill-box;transform-origin:center;animation:art-spark 1.8s ease-in-out 2}
@keyframes art-wave-pulse{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.45)}}
@keyframes art-travel{0%,100%{opacity:1;transform:translateX(0)}50%{opacity:.55;transform:translateX(5px)}}
@keyframes art-spark{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.why-grid .why-card{display:flex;flex-direction:column;gap:10px;min-height:0}
.why-card .thematic-art{height:96px;max-width:240px;margin:0 auto}
.why-card .feature-copy{width:100%;flex:1}
.why-card .why-link{margin-top:auto}
.trust-card .thematic-art{height:90px;margin:0 0 10px}
.how-it-works .story-card-media{height:auto;aspect-ratio:auto;background:none;display:flex;flex-direction:column;align-items:flex-start;overflow:visible}
.how-it-works .story-card-media .thematic-art{height:126px;margin-bottom:10px}
.how-it-works .story-badge,.how-it-works .story-badge.accent{position:static;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;color:#0066cc}
.how-it-works .story-card:hover{transform:none;box-shadow:none}
.platform-card .thematic-art{height:115px;margin:0 auto 12px;max-width:240px}
.hub-cards a .thematic-art{height:96px;margin:0 auto 4px;max-width:240px}
.article-grid + .thematic-art{display:none}
main.container > article > .thematic-art{height:190px;max-width:550px;margin:-22px auto 30px}
@media(max-width:1100px){.why-grid .why-card{display:flex;min-height:0;grid-template-columns:none}}
@media(max-width:760px){.platforms .platform-card{display:flex;flex-direction:column;align-items:flex-start}.platform-card .thematic-art{height:100px;margin:0 auto 12px}}
@media(max-width:620px){.why-grid .why-card{display:flex;padding:20px;min-height:0}.why-card .thematic-art{height:88px;max-width:220px}.trust-card .thematic-art{height:86px;max-width:220px;margin:0 auto 10px}.how-it-works .story-card-media .thematic-art{height:115px}.hub-cards a .thematic-art{height:88px}main.container > article > .thematic-art{height:150px}}
@media(prefers-reduced-motion:reduce){.thematic-art .art-wave rect,.thematic-art .art-travel,.thematic-art .art-spark{animation:none}}

.scene .thematic-art .art-wave rect,.scene .thematic-art .art-travel,.scene .thematic-art .art-spark{animation-play-state:paused}
.scene .thematic-art.art-visible .art-wave rect,.scene .thematic-art.art-visible .art-travel,.scene .thematic-art.art-visible .art-spark{animation-play-state:running}
.voice-wave i{transform-origin:center;animation:art-wave-pulse 1.2s ease-in-out 3}
.voice-wave i:nth-child(2n){animation-delay:.14s}
@media(prefers-reduced-motion:reduce){.voice-wave i{animation:none}}
/* Three main capabilities get a more expressive scene without growing the text. */
.why-card:nth-child(-n+3) .thematic-art{height:122px;max-width:290px}
.feature-details{margin:7px 0 10px;font-size:13px;line-height:1.45;color:#606674}
.feature-details summary{width:fit-content;cursor:pointer;padding:4px 0;color:#0066cc;font-weight:600;min-height:28px}
.feature-details[open] summary{margin-bottom:6px}
.feature-details p{padding:8px 10px;border-inline-start:2px solid #c8e0ff;background:#f5f9ff;border-radius:0 8px 8px 0}
.real-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.real-example{margin:0;padding:24px;display:flex;flex-direction:column;align-items:center;gap:15px}
.real-example + .real-example{border-inline-start:1px solid var(--line)}
.example-image{display:block;width:180px;max-width:100%;transition:transform .2s ease}
.example-image:hover{transform:translateY(-3px)}
.example-image img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #cfd7e4;box-shadow:0 9px 24px #263e6324}
.real-example figcaption{text-align:center;font-size:15px;line-height:1.3;font-weight:650}
.real-example figcaption a{color:#0066cc;text-decoration:none}
@media(max-width:620px){.why-card:nth-child(-n+3) .thematic-art{height:110px;max-width:260px}.real-example{padding:18px 12px}.example-image{width:145px}.real-example figcaption{font-size:13px}.feature-details summary{min-height:44px;display:list-item}}
@media(prefers-reduced-motion:reduce){.example-image{transition:none}.example-image:hover{transform:none}}
.feature-details summary{min-height:44px}
.example-image{height:280px;width:auto;max-width:100%}
.example-image img{height:100%;width:auto;max-width:100%;object-fit:contain}
@media(max-width:620px){.example-image{height:220px;width:auto}}
/* One header on every page (owner, 01.11.2026: «строка навигации прыгает … она
   везде разная, чтоб везде одинаковая была»). The home bundle (work/styles.css,
   work/liquid-glass.css) and the article bundle (seo/liquid-glass.css) each set
   their own top, height and width, and the home one narrowed the bar from 1100
   to 920 px on scroll. This file is appended LAST to both bundles and is the
   only place that sizes the bar; scrolling changes nothing but the shade.
   Guard: tools/site-header.test.mjs. */
html body .site-header{position:fixed;top:18px;inset-inline:0;left:0;width:100%;transform:none}
html body .site-header .nav,html body .site-header.scrolled .nav{box-sizing:border-box;width:min(1100px,calc(100% - 32px));max-width:none;height:60px;margin:0 auto;padding:8px 12px 8px 18px;gap:20px;transform:none;transition:background .2s,box-shadow .2s}
html body .site-header .brand{font-size:18px;gap:12px}
html body .site-header .brand img{width:36px;height:36px}
html body .site-header .nav-links{gap:24px}
html body .site-header .nav-links a{font-size:14px;font-weight:500;line-height:21px;padding-block:0}
html body .site-header .language-picker{box-sizing:border-box;height:38px;width:150px;min-width:0;max-width:150px;padding:0 10px 0 12px;font-size:13px}
html body .site-header .language-picker select{width:100%;max-width:100%;min-width:0;font-size:13px}
@media(max-width:1100px){
 html body .site-header{top:12px}
 html body .site-header .nav,html body .site-header.scrolled .nav{width:calc(100% - 24px);height:56px;padding:6px 8px 6px 14px;gap:10px}
 html body .site-header .brand img{width:32px;height:32px}
 html body .site-header .brand strong{font-size:16px}
}
@media(max-width:700px){html body .site-header .language-picker{width:120px;max-width:120px}}