:root{color-scheme:dark;--page:#1d1e22;--surface:#17181c;--text:#f5f5f4;--muted:#a8a8aa;--line:rgba(255,255,255,.14);--accent:#d2b85f}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--text);font-family:Inter,sans-serif}
.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;padding:clamp(72px,9vh,104px) 7% 64px;position:relative;overflow:hidden;text-align:center;isolation:isolate}
.bg{position:absolute;z-index:-3;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(210,184,95,.075),transparent 42%),linear-gradient(180deg,#222329 0%,var(--page) 58%,#18191d 100%)}
.bg:after{content:'';position:absolute;inset:0;background:url('../images/background.png') center/cover no-repeat;opacity:.22;filter:saturate(.55) contrast(.88);-webkit-mask-image:linear-gradient(to bottom,transparent 2%,#000 16%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 2%,#000 16%,#000 78%,transparent 100%);pointer-events:none}
.rays{display:none}.ball{display:none}
.content,.device,.availability,.buttons,.privacy-link{position:relative;z-index:2}.content{width:min(900px,100%)}
.brand-logo{display:block;width:min(700px,90%);height:auto;margin:0 auto 24px;filter:drop-shadow(0 5px 14px rgba(210,184,95,.14));opacity:.96}
.brand-slogan{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 13px;color:var(--accent);font:700 clamp(.78rem,1.5vw,.95rem)/1 Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase}.brand-slogan:before,.brand-slogan:after{content:'';width:clamp(24px,4vw,42px);height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.brand-slogan:after{background:linear-gradient(90deg,var(--accent),transparent)}
h1{margin:0;font:800 clamp(1.45rem,3.2vw,2.35rem)/1.18 Montserrat,sans-serif;letter-spacing:-.03em;color:var(--text)}
#caption{margin:13px 0 0;font-size:clamp(1rem,1.8vw,1.2rem);color:var(--muted)}
.device{width:min(640px,92%);margin-top:8px;padding:11px;background:linear-gradient(145deg,#32343a 0%,#17181d 42%,#090a0d 100%);border:2px solid rgba(255,255,255,.27);border-radius:14px;box-shadow:0 0 0 1px rgba(210,184,95,.22),0 38px 78px rgba(0,0,0,.58),0 10px 22px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.16),inset 0 -1px rgba(0,0,0,.75)}
.device:before{content:'';position:absolute;inset:4px;border:1px solid rgba(255,255,255,.07);border-radius:9px;pointer-events:none}#screen{display:block;width:100%;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.8);transition:opacity .4s}
.availability{display:flex;align-items:center;gap:14px;margin:-2px 0 -7px;font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}.availability:before{content:'';width:42px;height:2px;background:var(--accent)}
.buttons{display:flex;align-items:center;justify-content:center;gap:12px}.buttons a{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 24px;border-radius:4px;color:var(--text);text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.primary{background:var(--accent)}.secondary{background:transparent;border:1px solid var(--line);font-weight:600}.secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3)}
.buttons .app-store-link{width:50px;padding:8px;color:#242217;box-shadow:none}.app-store-link svg{width:34px;height:34px}.app-store-link:hover{background:#dfc873}
.privacy-link{margin-top:-10px;color:var(--muted);font-size:.82rem;text-underline-offset:3px;transition:color .2s ease}.privacy-link:hover{color:var(--text)}
.language-switcher{position:absolute;z-index:4;top:24px;right:30px;display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--muted)}.language-switcher details{position:relative;color:var(--text)}
.language-switcher summary{display:flex;align-items:center;gap:8px;min-width:112px;padding:8px 11px;background:#191a1e;border:1px solid var(--line);border-radius:3px;cursor:pointer;list-style:none;transition:border-color .2s ease,background .2s ease}.language-switcher summary:hover{background:#222328;border-color:rgba(255,255,255,.24)}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:after{content:'\25BE';margin-left:auto;color:var(--accent)}
.language-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:148px;padding:6px;background:#191a1e;border:1px solid var(--line);border-radius:3px;box-shadow:0 18px 45px rgba(0,0,0,.5)}.language-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;color:var(--text);background:none;border:0;border-radius:2px;font:inherit;text-align:left;cursor:pointer}.language-menu button:hover,.language-menu button:focus{background:rgba(210,184,95,.14);outline:none}
.flag{display:inline-block;flex:0 0 auto;width:24px;height:18px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.2);background-position:center;background-repeat:no-repeat;background-size:cover}.flag-de{background-image:url('../images/flag-de.svg')}.flag-us{background-image:url('../images/flag-us.svg')}
@media(max-width:600px){.landing{gap:21px;padding:82px 5% 48px}.language-switcher{top:18px;right:18px}.language-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.brand-logo{width:94%;margin-bottom:19px}.device{width:100%;padding:8px;border-radius:10px}.device:before{inset:3px;border-radius:6px}.buttons{flex-wrap:wrap}.buttons a{min-width:120px}.buttons .app-store-link{min-width:50px}.availability{font-size:.7rem;letter-spacing:.08em}.availability:before{width:28px}}