@font-face{font-family:"Alpen Sans";src:url("fonts/alpen-sans-regular.otf") format("opentype");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:"Alpen Sans";src:url("fonts/alpen-sans-bold.otf") format("opentype");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/alpen-sans-regular.otf") format("opentype");font-weight:300 500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("fonts/alpen-sans-bold.otf") format("opentype");font-weight:600 800;font-style:normal;font-display:swap}

:root{--ink:#edf4ed;--muted:#9aa9a0;--night:#071513;--night-2:#0b211c;--line:rgba(223,238,226,.16);--spark:#ffb23f;--spark-soft:#ffd17d;--pine:#164c3c;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font-family:"Alpen Sans",Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.skip-link{position:fixed;left:1rem;top:-4rem;background:var(--spark);color:#071513;padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 32px;position:absolute;left:0;right:0;z-index:10;border-bottom:1px solid var(--line)}
.brand,.footer-brand{display:flex;align-items:center;gap:12px;font-family:"Alpen Sans",Arial,sans-serif;font-size:18px;letter-spacing:.02em}
.brand-mark{width:26px;height:26px;position:relative;display:inline-block;transform:rotate(-8deg)}
.brand-mark i{position:absolute;left:12px;top:1px;width:2px;height:24px;border-radius:4px;background:var(--spark);transform-origin:center}
.brand-mark i:nth-child(2){transform:rotate(60deg)}.brand-mark i:nth-child(3){transform:rotate(120deg)}
nav{display:flex;align-items:center;gap:36px;font-size:14px}nav>a{color:#bac8bf;transition:.2s}nav>a:hover{color:var(--ink)}
.language{border:0;background:none;color:var(--muted);display:flex;gap:9px;align-items:center;cursor:pointer;font:inherit;padding:8px}.language-active{color:var(--ink)}.language-divider{height:14px;width:1px;background:var(--line)}
.hero{min-height:780px;height:100vh;max-height:980px;position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;overflow:hidden;padding:128px max(32px,calc((100vw - var(--max))/2 + 32px)) 70px;background:radial-gradient(circle at 75% 43%,#123d30 0,transparent 34%),linear-gradient(135deg,#071513 20%,#0a1d19 100%)}
.topography{position:absolute;inset:0;opacity:.3;background-image:repeating-radial-gradient(ellipse at 78% 48%,transparent 0,transparent 48px,rgba(191,218,194,.14) 49px,transparent 51px);transform:rotate(-11deg) scale(1.3)}
.hero-glow{position:absolute;width:390px;height:390px;border-radius:50%;right:12%;top:31%;background:radial-gradient(circle,#ffb23f 0 1px,rgba(255,178,63,.22) 3px,rgba(255,178,63,.08) 23%,transparent 67%);filter:blur(.2px)}
.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;color:var(--spark-soft);margin:0 0 25px}
h1,h2,h3{font-family:Manrope,sans-serif;font-weight:300;margin:0;line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(56px,7.2vw,104px)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--spark-soft)}
.intro{font-size:clamp(18px,1.5vw,22px);font-weight:300;color:#b7c4bc;max-width:570px;margin:34px 0 42px}
.primary-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid rgba(255,209,125,.5);padding:0 0 11px;color:var(--spark-soft);font-size:14px;letter-spacing:.04em}.primary-link span:last-child{font-size:18px;transition:transform .2s}.primary-link:hover span:last-child{transform:translateY(4px)}
.spark-orbit{position:relative;width:min(34vw,460px);aspect-ratio:1;margin-left:auto}.orbit{position:absolute;border:1px solid rgba(214,232,218,.17);border-radius:50%;inset:10%}.orbit-two{inset:26%;border-style:dashed;animation:spin 25s linear infinite}.spark-core{position:absolute;width:9px;height:9px;background:var(--spark);border-radius:50%;left:50%;top:50%;box-shadow:0 0 24px 9px rgba(255,178,63,.32)}.orbit-one:after{content:"";position:absolute;width:5px;height:5px;background:var(--spark-soft);border-radius:50%;right:11%;top:16%;box-shadow:0 0 12px var(--spark)}
.hero-index{position:absolute;right:32px;bottom:30px;color:#71837a;font-size:11px;line-height:1.5;letter-spacing:.12em;text-align:right}
@keyframes spin{to{transform:rotate(360deg)}}
.apps-section{background:#eef1eb;color:#10201b;padding:140px max(32px,calc((100vw - var(--max))/2 + 32px))}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:80px}.section-heading .eyebrow{color:#3b6658;margin-top:13px}.section-heading h2{font-size:clamp(42px,5vw,70px);width:62%}
.app-feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;background:#0b211c;color:var(--ink);border-radius:2px;overflow:hidden;box-shadow:0 32px 70px rgba(9,33,27,.17)}
.app-visual{position:relative;display:grid;place-items:center;min-height:650px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(255,190,81,.28),transparent 18%),linear-gradient(145deg,#174d3d,#091b17)}
.app-visual:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(221,235,223,.15);border-radius:50%}.app-visual:after{content:"";position:absolute;width:390px;height:390px;border:1px dashed rgba(221,235,223,.13);border-radius:50%}
.phone{position:relative;z-index:2;width:230px;height:470px;border:7px solid #101614;border-radius:39px;background:#0b1613;padding:7px;box-shadow:0 28px 65px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.14)}
.phone-screen{height:100%;border-radius:27px;position:relative;overflow:hidden;background:linear-gradient(#071814,#13362b);text-align:center;padding-top:34px}.phone-label{font-family:Manrope;font-size:12px;letter-spacing:.13em;color:#cad6cd}.gong{width:160px;height:160px;border-radius:50%;position:absolute;top:108px;left:50%;transform:translateX(-50%);background:radial-gradient(circle at 42% 35%,#ffe09d 0,#c7842c 18%,#6f3e11 56%,#261306 79%);box-shadow:0 17px 30px rgba(0,0,0,.35)}.gong:before{content:"";position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(255,220,143,.45)}.gong span{position:absolute;width:18px;height:18px;border-radius:50%;background:#3a200b;left:71px;top:70px;box-shadow:inset 0 2px 3px #100}.timer{position:absolute;top:298px;left:0;right:0;font:300 32px Manrope;color:#f6f4e9;letter-spacing:.03em}.play{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);width:55px;height:55px;border:1px solid rgba(255,211,126,.45);border-radius:50%}.play:after{content:"";position:absolute;left:23px;top:19px;border-left:11px solid var(--spark-soft);border-top:8px solid transparent;border-bottom:8px solid transparent}
.sound-wave{position:absolute;left:9%;bottom:10%;display:flex;gap:5px;align-items:center}.sound-wave i{display:block;width:1px;height:22px;background:rgba(255,209,125,.4)}.sound-wave i:nth-child(2){height:42px}.sound-wave i:nth-child(3){height:65px}.sound-wave i:nth-child(4){height:33px}.sound-wave i:nth-child(5){height:14px}
.app-copy{padding:75px 9%;display:flex;flex-direction:column;justify-content:center}.app-meta{display:flex;justify-content:space-between;color:#81968b;font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:55px}.status{display:flex;align-items:center;gap:7px}.status i{width:6px;height:6px;border-radius:50%;background:var(--spark)}.app-copy h3{font-size:clamp(42px,5vw,66px);margin-bottom:28px}.app-copy>p{font-size:18px;color:#afbeb5;max-width:490px;margin:0 0 33px}.app-copy ul{list-style:none;padding:0;margin:0 0 43px;border-top:1px solid var(--line)}.app-copy li{padding:12px 0 12px 25px;border-bottom:1px solid var(--line);color:#c7d2ca;font-size:14px;position:relative}.app-copy li:before{content:"—";position:absolute;left:0;color:var(--spark)}
.store-badge{display:inline-flex;align-items:center;gap:12px;border:1px solid #52665c;border-radius:8px;padding:10px 17px;width:max-content;color:#dce5de;font-size:17px;line-height:1.15}.store-badge svg{width:23px;fill:#dce5de}.store-badge small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:8px}
.about-section{max-width:var(--max);margin:auto;padding:150px 32px;display:grid;grid-template-columns:.25fr 1.25fr .7fr;gap:6%;align-items:start}.about-number{font:300 110px Manrope;color:#244b3e;line-height:.8}.about-copy .eyebrow{color:#628c7d}.about-copy h2{font-size:clamp(42px,4.15vw,58px);margin-bottom:40px}.about-copy h2 span,.about-copy h2 em{white-space:nowrap}.about-copy>p:last-child{font-size:18px;color:#9fb0a6;max-width:610px}.principles{border-top:1px solid var(--line);margin-top:50px}.principles div{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid var(--line);padding:24px 0}.principles span{font-size:11px;color:var(--spark);letter-spacing:.1em}.principles p{margin:0;color:#c5d1c8}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:55px 32px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;color:#81948a;font-size:13px}.footer-brand{color:var(--ink)}.footer-links{display:flex;gap:25px}.footer-links a:hover{color:var(--ink)}.copyright{grid-column:3;margin:0}
.legal-note{position:fixed;inset:0;z-index:50;display:none;place-items:center}.legal-note:target{display:grid}.legal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.legal-card{position:relative;width:min(560px,calc(100% - 32px));padding:55px;background:#102c24;border:1px solid var(--line);box-shadow:0 30px 90px #000}.legal-card h2{font-size:36px}.legal-card>p:last-child{color:#a8b8af}.legal-close{position:absolute;right:20px;top:12px;font-size:28px;color:#9fb0a6}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{height:78px;padding:0 20px}.site-header nav>a{display:none}.site-header nav{gap:12px}.hero{height:auto;max-height:none;min-height:760px;display:block;padding:150px 24px 80px}.hero-copy{max-width:620px}.spark-orbit{position:absolute;right:-80px;bottom:15px;width:320px;opacity:.6}.hero-index{display:none}.apps-section{padding:95px 20px}.section-heading{display:block;margin-bottom:45px}.section-heading h2{width:100%}.app-feature{grid-template-columns:1fr}.app-visual{min-height:560px}.app-copy{padding:55px 28px 65px}.about-section{padding:100px 24px;grid-template-columns:1fr}.about-number{font-size:70px}.principles{margin-top:10px}footer{grid-template-columns:1fr 1fr;padding:45px 24px}.copyright{grid-column:1}.footer-links{justify-content:flex-end}}
@media(max-width:520px){h1{font-size:49px}.intro{font-size:17px}.section-heading h2{font-size:39px}.app-visual{min-height:500px}.phone{transform:scale(.86)}.app-copy h3{font-size:42px}.app-meta{margin-bottom:38px}.about-copy h2{font-size:clamp(27px,8.6vw,39px)}footer{display:flex;flex-direction:column;align-items:flex-start}.footer-links{order:3}.copyright{order:4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-two{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Alpen panorama direction */
.hero{display:flex;background:#071513 url("alpenfunke-hero.webp") center/cover no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,15,.94),rgba(3,17,15,.7) 42%,rgba(3,17,15,.08) 76%),linear-gradient(0deg,rgba(3,14,12,.55),transparent 55%)}
.hero-copy{max-width:750px}
.intro{max-width:610px;margin-bottom:38px;color:#c3cec7}
.origin{font-size:13px;letter-spacing:.08em;color:var(--spark-soft);margin:0 0 40px}
.section-heading{display:grid;grid-template-columns:.35fr 1fr;gap:7%}
.section-heading h2{width:auto}
.section-intro>p{max-width:630px;color:#53655d;font-size:18px;margin:28px 0 0}
.app-copy>p{font-size:16px;color:#9fb0a6;max-width:500px;margin:0 0 22px}
.app-copy .app-lead{font-size:19px;color:#d0dad3;margin-bottom:14px}
.about-copy>p{font-size:17px;color:#9fb0a6;max-width:610px;margin:0 0 17px}
.about-copy>p:first-of-type{font-size:20px;color:#d2dcd5}
[lang="de"] .hero-copy{max-width:830px}
[lang="de"] .hero-copy h1{font-size:clamp(52px,5.7vw,82px)}
[lang="de"] .hero-copy h1>span{white-space:nowrap}
@media(max-width:850px){.hero{display:flex;background-position:81% center}.hero-shade{background:linear-gradient(90deg,rgba(3,17,15,.95),rgba(3,17,15,.5)),linear-gradient(0deg,rgba(3,14,12,.7),transparent)}.section-heading{display:block}}
@media(max-width:700px){[lang="de"] .hero-copy h1{font-size:clamp(43px,11.5vw,62px)}[lang="de"] .hero-copy h1>span{white-space:normal}}
@media(max-width:520px){.hero{background-position:82% center}}
.legal-body{min-height:100vh;background:linear-gradient(145deg,#061513,#0a211b)}
.legal-header{position:static;max-width:960px;height:96px;margin:0 auto;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.legal-header .back{font-size:14px;color:#aab9b0}.legal-header .back:hover{color:var(--spark-soft)}
.legal-content{max-width:850px;margin:0 auto;padding:90px 28px 120px}
.legal-content>h1{font-size:clamp(48px,7vw,78px);margin-bottom:18px}
.legal-content .legal-updated{color:#82968b;margin:0 0 55px}
.legal-content section{padding:34px 0;border-top:1px solid var(--line)}
.legal-content section h2{font-family:"Alpen Sans",Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0 0 16px;color:#e6eee8}
.legal-content section p,.legal-content address{max-width:760px;color:#acbbb2;font-style:normal;margin:0 0 14px}
.legal-content section a{color:var(--spark-soft);text-decoration:underline;text-underline-offset:3px}
.legal-warning{margin-top:22px!important;padding:16px 18px;border-left:2px solid var(--spark);background:rgba(255,178,63,.08);color:#dfd6c1!important}
.legal-footer{max-width:850px;margin:0 auto;padding:30px 28px 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#82968b;font-size:13px}
@media(max-width:600px){.legal-header{height:78px;padding:0 20px}.legal-header .back{font-size:0}.legal-header .back:after{content:"←";font-size:24px}.legal-content{padding:65px 20px 90px}.legal-content section{padding:28px 0}.legal-footer{padding-left:20px;padding-right:20px}}