/* Actual application screenshots; progressive enhancement, no external assets. */
:root{--ink:#112b47;--muted:#53667c;--paper:#f7f9fc;--line:#dbe4ee;--green:#123d68;--soft:#edf3f9;--accent:#e9b85b}
body{background:var(--paper)}
.site-header{border-bottom:0}.site-header .brand{color:#123d68}
.button:hover{background:#1d527f}.button.secondary{background:#e8f0f8;color:#153b63}.button.secondary:hover{background:#dae8f5}
.section-nav{background:#f7f9fcf5}.section-nav a:hover,.section-nav a[aria-current]{color:#123d68;border-color:#123d68}
.showcase-hero{position:relative;grid-template-columns:1.15fr 1fr;gap:56px;padding-block:48px 64px;isolation:isolate}
.showcase-hero h1{font-size:clamp(38px,4.2vw,62px);line-height:1.55;letter-spacing:-1.5px;max-width:690px}
.showcase-hero .lead{font-size:17px;line-height:2.1;max-width:620px}.showcase-hero .eyebrow{color:#2a628f}
.release-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #c4d8eb;padding:6px 13px;border-radius:99px;font-size:11px;font-weight:700;color:#315b80;margin-bottom:18px;background:#f0f6fc}
.release-pill i{width:7px;height:7px;border-radius:50%;background:#267053}
.showcase-hero .actions{margin-block:26px 20px}.showcase-hero .hero-facts{gap:7px 20px;font-size:12px}.showcase-hero .hero-facts li+li:before{content:none}
.hero-device{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#102a46;border-radius:30px;padding:28px 36px 20px;overflow:hidden;isolation:isolate}
.hero-device:before{content:'';position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid #6689a64d;inset-inline-start:-150px;top:40px;z-index:-1}
.hero-device:after{content:'';position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid #e9b85b42;inset-inline-end:-140px;bottom:80px;z-index:-1}
.device-label{width:100%;display:flex;justify-content:space-between;align-items:center;color:#c2d7e8;font-size:10px;letter-spacing:1.6px;margin-bottom:18px}
.device-label b{color:#f0c777;font-weight:500}
.device-frame{max-width:256px;position:relative;background:#102137;border:5px solid #34516b;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px #07132340}
.device-frame img{width:100%;height:auto;display:block}.hero-device figcaption{color:#ccdae8;font-size:11px;text-align:center;margin-top:15px}
.showcase-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid var(--line);padding-block:24px;margin-block:0 8px}
.showcase-stats div{display:flex;flex-direction:column;align-items:center;gap:3px;padding-inline:15px;text-align:center}.showcase-stats div+div{border-inline-start:1px solid var(--line)}
.showcase-stats strong{font-size:25px;font-weight:750;color:#173c61}.showcase-stats span{font-size:11px;color:#5b6e82}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.showcase-heading .section-heading{margin-bottom:0}.showcase-heading .small{max-width:280px}
.showcase-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.showcase-card{min-width:0}.showcase-card>a{position:relative;display:block;background:#e8eff6;padding:16px 15px;border:1px solid #d3e0ed;border-radius:21px;transition:border-color .15s,background .15s}
.showcase-card>a:hover{border-color:#7c9dbb;background:#e0eaf4}.showcase-card img{display:block;width:100%;height:auto;border-radius:11px;border:1px solid #ced8e3}
.showcase-card figcaption{padding:20px 4px 0}.showcase-card h3{font-size:17px;margin-block:5px 8px}.showcase-card p{font-size:12px;line-height:1.95}
.shot-step{display:flex;justify-content:space-between;align-items:center;color:#436b8d;font-size:10px;font-weight:700;letter-spacing:.03em}.shot-step b{font:500 13px/1.5 system-ui,sans-serif;color:#8c632b}
.image-open-label{position:absolute;inset-inline-end:24px;bottom:25px;border:1px solid #adc0d3;border-radius:99px;background:#fff;padding:4px 9px;font-size:10px;color:#1b456c}
.showcase-note{margin-top:24px;font-size:11px;padding-inline-start:13px;border-inline-start:2px solid #d6ae62;color:#5c6e80}
.showcase-update{border-block:1px solid var(--line);background:#edf3f9}
.showcase-update-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:60px}.showcase-update .section-heading{margin-bottom:0}.showcase-update h2 bdi{white-space:nowrap;font-weight:500;color:#39617f;font-size:.75em}
.update-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px}.update-list li{border-top:1px solid #c8d7e5;padding-top:17px}.update-list h3{font-size:15px;margin-bottom:9px}.update-list p{font-size:12px;line-height:1.95}.update-list .update-number{display:block;color:#7a5b2b;font:12px/1.5 system-ui,sans-serif;margin-bottom:8px}
.showcase-boundary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:28px;border:1px solid var(--line);border-radius:18px;background:white;margin-top:32px}.showcase-boundary h3{font-size:14px;margin-bottom:9px}.showcase-boundary p{font-size:12px;line-height:1.95}
.dark{background:#102d4c}.dark p{color:#c5d5e7}.dark .game{border-color:#42607b}.scope-note,.feature-group li{border-color:#d0dce7}.feature-icon{background:#f7faff;border-color:#c7d9e8}.sync-symbol{background:#e9f1f9;border-color:#b8cfe1}.text-link{color:#174f7b}
.showcase-subscription{font-size:13px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;margin-top:24px;background:#fff}.showcase-subscription strong{color:#143f65}.showcase-subscription a{text-decoration:underline;text-underline-offset:3px}
.showcase-dialog{width:min(900px,calc(100% - 26px));height:min(94dvh,1100px);max-width:none;max-height:none;background:#f5f8fc;color:#143553;padding:18px;border:1px solid #c9d9e7;border-radius:20px;overflow:hidden;box-sizing:border-box}
.showcase-dialog::backdrop{background:#07182de0}.showcase-dialog[open]{display:flex;flex-direction:column;gap:12px}.showcase-dialog-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-shrink:0}.showcase-dialog button{border:1px solid #bdcede;background:#fff;color:#173e63;border-radius:10px;font:inherit;font-size:12px;padding:9px 14px;min-height:44px}.showcase-dialog button:hover{background:#e5eef7}
.showcase-dialog figure{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:auto}.showcase-dialog img{min-height:0;max-height:calc(94dvh - 170px);height:auto;width:auto;max-width:100%;object-fit:contain;border:1px solid #bfcede;border-radius:10px}.showcase-dialog figcaption{font-size:12px;text-align:center;max-width:600px;color:#4c647a}.showcase-dialog-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex-shrink:0}.showcase-dialog-count{font-size:12px;direction:ltr;min-width:45px;text-align:center}
.install-showcase-link{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-block:20px 34px;padding:24px;border:1px solid #b9cfdf;border-radius:18px;background:#edf4fb}.install-showcase-link h2{font-size:21px;color:#163c60}.install-showcase-link p{font-size:14px;color:#526b81;margin:0}.install-showcase-link a{white-space:nowrap;padding:12px 18px;background:#173f67;color:#fff;border-radius:11px;text-decoration:none;font-weight:700;font-size:14px;min-height:48px;display:flex;align-items:center}
@media(min-width:1000px){html[lang=en] .showcase-hero h1,html[lang=de] .showcase-hero h1{line-height:1.12;font-size:clamp(42px,4.5vw,64px)}}
@media(max-width:1000px){.showcase-hero{gap:30px}.hero-device{padding:24px}.showcase-gallery{gap:15px}.showcase-card>a{padding:10px}.showcase-card h3{font-size:15px}.showcase-update-grid{gap:30px}.showcase-boundary{padding:22px;gap:18px}}
@media(max-width:760px){.showcase-hero{grid-template-columns:1fr;padding-block:28px 35px;gap:30px}.showcase-hero h1{font-size:39px;line-height:1.55;letter-spacing:-1px}.showcase-hero .lead{font-size:15px}.showcase-hero .actions .button{flex:1}.hero-device{padding:20px 28px;max-width:420px;width:100%;margin-inline:auto}.device-frame{max-width:224px}.showcase-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0;padding-block:22px}.showcase-stats div:nth-child(3){border-inline-start:0}.showcase-stats strong{font-size:23px}.showcase-heading{display:block}.showcase-heading .small{max-width:none;margin-top:16px}.showcase-gallery{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x proximity;scroll-padding-inline:1px;padding:4px 2px 16px;align-items:flex-start}.showcase-card{flex:0 0 min(77vw,280px);scroll-snap-align:start}.showcase-card>a{padding:14px}.showcase-card h3{font-size:17px}.showcase-card p{font-size:13px}.showcase-update-grid{grid-template-columns:1fr;gap:27px}.update-list{gap:24px 20px}.showcase-boundary{grid-template-columns:1fr;gap:20px}.showcase-boundary>div+div{border-top:1px solid var(--line);padding-top:18px}.showcase-dialog{padding:12px;border-radius:15px}.showcase-dialog img{max-height:calc(94dvh - 195px)}.install-showcase-link{flex-direction:column;align-items:stretch;gap:18px}.install-showcase-link a{justify-content:center}}
@media(max-width:380px){.showcase-hero h1{font-size:34px}.showcase-hero .actions{flex-direction:column}.showcase-hero .hero-facts{font-size:11px;gap:6px 12px}.update-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.showcase-card>a{transition:none}}