:root{color-scheme:light;--ink:#102936;--muted:#57616e;--navy:#040e16;--deep:#042938;--cyan:#00d6f2;--teal:#006f7f;--line:#dae5eb;--soft:#eaf8fb;--radius:18px;--max:1120px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:linear-gradient(145deg,#fdfeff 10%,#f3f8fd 90%);color:var(--ink);line-height:1.65;min-width:280px;-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px;border-radius:4px}
img{display:block;max-width:100%;height:auto}
p{margin:0 0 1.15rem}
h1,h2,h3{line-height:1.18;letter-spacing:-.035em;margin:0 0 1rem;font-weight:650}
h1{font-size:clamp(2.5rem,4.7vw,4rem)}
h2{font-size:clamp(1.8rem,3vw,2.5rem)}
h3{font-size:1.25rem}
ul,ol{padding-left:1.4rem}
li+li{margin-top:.45rem}
address{font-style:normal}
.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.skip{position:absolute;left:24px;top:-120px;z-index:20;padding:12px 20px;background:white;color:var(--navy)}
.skip:focus{top:12px}
.site-header{padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;gap:12px;align-items:center;color:var(--ink);font-size:1.25rem;font-weight:700;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.brand img{width:42px;height:42px;border-radius:23%}
.site-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.site-nav a{color:var(--muted);padding:9px 14px;font-size:1rem;font-weight:550;text-decoration:none;border-radius:12px}
.site-nav a:hover,.site-nav a[aria-current=page]{background:#e6f1f5;color:var(--ink)}
.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center;padding:64px 58px;border-radius:28px;background:linear-gradient(125deg,var(--navy),var(--deep));color:#fff;min-height:486px}
.hero:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-155px;top:-110px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 41px,rgba(0,214,242,.10) 42px 43px,transparent 44px 77px);opacity:.8}
.eyebrow{font-size:.875rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:1.25rem}
.hero .eyebrow{color:#91edf7;display:flex;align-items:center;gap:10px;letter-spacing:.07em}
.status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--cyan)}
.hero h1{max-width:680px;margin-bottom:1.5rem;line-height:1.11}
.hero h1 span{display:block;color:#90ecf6}
.hero .lead{max-width:540px;color:#d8e8ee;font-size:1.125rem;line-height:1.65;margin-bottom:1.8rem}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:12px 20px;border-radius:12px;background:var(--cyan);color:#05212d;font-weight:650;text-decoration:none;border:1px solid transparent}
.button:hover{background:#61e6f7;text-decoration:none}
.button:focus-visible{outline-color:#fff}
.button.secondary{color:#fff;background:rgba(255,255,255,.035);border-color:#577781}
.button.secondary:hover{background:rgba(255,255,255,.10)}
.arrow{font-size:1.15em;font-weight:400}
.hero-art{justify-self:center;width:clamp(160px,21vw,272px);transform:rotate(-5deg);filter:drop-shadow(0 26px 32px rgba(0,0,0,.27))}
.hero-art img{border-radius:23%}
.hero-caption{margin-top:18px;text-align:center;color:#b6d4de;font-size:.875rem;letter-spacing:.02em;transform:rotate(5deg)}
.intro-line{display:flex;justify-content:center;gap:0;flex-wrap:wrap;color:var(--muted);padding:25px 10px;font-size:.9375rem;border-bottom:1px solid var(--line)}
.intro-line span{padding:0 22px}
.intro-line span+span{border-left:1px solid #c9dce3}
.section{padding-top:76px}
.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:28px}
.section-heading h2{margin:0}
.section-heading p{color:var(--muted);max-width:360px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:#fff;border:1px solid #e1e9ee;border-radius:var(--radius);padding:29px;box-shadow:0 6px 24px rgba(4,41,56,.035)}
.card p{color:var(--muted);margin-bottom:0}
.step{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;color:var(--teal);background:var(--soft);font-size:.9375rem;font-weight:650;margin-bottom:28px}
.privacy-band{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:42px;border:1px solid #c9e8ed;border-radius:var(--radius);background:linear-gradient(120deg,#e9f8fc,#f6fbfd)}
.privacy-band h2{font-size:2rem}
.privacy-band p:last-child{margin-bottom:0}
.privacy-band .copy{color:#425967}
.text-link{font-weight:650;display:inline-block;margin-top:8px}
.beta{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;padding-bottom:72px}
.beta h2{max-width:460px}
.beta .copy{color:var(--muted)}
.beta-label{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;border:1px solid #c8dfe6;background:#eef8fb;color:#395e6b;padding:5px 11px;border-radius:100px;margin-bottom:20px}
.note{font-size:.9375rem;color:var(--muted);border-left:3px solid #a7dae4;padding-left:18px;margin-top:24px}
.site-footer{border-top:1px solid var(--line);padding-block:30px 35px;display:flex;justify-content:space-between;align-items:start;gap:28px;color:var(--muted);font-size:.875rem}
.footer-title{font-weight:650;color:var(--ink);margin-bottom:5px}
.footer-links{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}
.footer-links a{color:var(--muted)}
.page-heading{padding-top:54px;padding-bottom:32px;max-width:810px}
.page-heading h1{font-size:clamp(2.25rem,4.7vw,3.5rem)}
.page-heading .lead{font-size:1.125rem;color:var(--muted);max-width:670px}
.page-heading .eyebrow{margin-bottom:14px}
.support-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-bottom:56px}
.contact-card{padding:34px;background:linear-gradient(130deg,var(--navy),var(--deep));color:#fff;border-radius:var(--radius)}
.contact-card .eyebrow{color:#91edf7}
.contact-card h2{font-size:1.65rem;letter-spacing:-.02em}
.contact-card .mail{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#9aedf7;display:inline-block;margin:3px 0 20px;font-weight:600}
.contact-card address{color:#d8e8ee}
.contact-card a:focus-visible{outline-color:#fff}
.contact-card p{color:#d8e8ee}
.support-details{padding:30px}
.support-details ul{color:var(--muted);margin-bottom:0}
.faq{max-width:840px;margin-bottom:70px}
.faq h2{margin-bottom:24px}
details{border-bottom:1px solid var(--line)}
summary{padding:20px 30px 20px 0;font-weight:600;cursor:pointer;position:relative;list-style:none;font-size:1.0625rem}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:4px;color:var(--teal);font-size:1.35rem;top:15px;font-weight:400}
details[open] summary:after{content:"−"}
details .answer{padding-bottom:22px;color:var(--muted)}
details .answer p:last-child{margin-bottom:0}
.legal-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:48px;align-items:start;padding-bottom:70px}
.toc{position:sticky;top:26px;background:#fff;border:1px solid #e1e9ee;padding:22px;border-radius:var(--radius);font-size:.9375rem}
.toc-title{font-weight:650;margin-bottom:12px}
.toc ol{list-style:none;padding:0;margin:0}
.toc li{margin:0}
.toc a{display:block;padding:6px 0;line-height:1.5;color:var(--muted);text-decoration:none}
.toc a:hover{text-decoration:underline;color:var(--teal)}
.legal{min-width:0;max-width:780px}
.legal h2{font-size:1.6rem;margin-top:46px;line-height:1.3;scroll-margin-top:24px}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:1.125rem;margin-top:24px}
.legal p,.legal li{color:#435564}
.legal strong{color:var(--ink);font-weight:650}
.legal ul{margin-bottom:1.3rem}
.legal table{width:100%;border-collapse:collapse;margin:24px 0 30px;font-size:1rem}
.legal th{text-align:left;background:#eaf5f8;font-weight:650}
.legal th,.legal td{padding:14px 16px;border:1px solid #d8e4eb;vertical-align:top;overflow-wrap:anywhere}
.legal th:first-child,.legal td:first-child{width:27%}
.legal td{background:#fff}
.legal .date{color:var(--muted);font-size:.9375rem}
.privacy-short{padding:26px 30px;background:#eaf7fa;border:1px solid #c8e7ed;border-radius:var(--radius);margin-bottom:34px}
.privacy-short h2{font-size:1.3rem;margin:0 0 12px}
.privacy-short p{margin:0;color:#435564}
.imprint{padding:35px;max-width:760px;margin-bottom:80px}
.imprint h2{font-size:1.3rem;margin-top:30px}
.imprint h2:first-child{margin-top:0}
.imprint p:last-child{margin-bottom:0}
.imprint address{margin-bottom:24px}
@media(max-width:950px){.hero{padding:46px 36px;grid-template-columns:1.65fr 1fr;min-height:450px}.hero-art{width:190px}.cards{gap:14px}.card{padding:24px}.privacy-band{gap:30px;padding:32px}.beta{gap:38px}.legal-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.toc{padding:18px}.hero h1{font-size:3rem}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:18px;gap:14px;flex-wrap:wrap}.brand{font-size:1.125rem}.brand img{width:36px;height:36px}.site-nav{gap:0}.site-nav a{font-size:.9375rem;padding:8px 11px}.hero{grid-template-columns:1fr;padding:34px 28px 36px;border-radius:22px;gap:32px}.hero h1{font-size:clamp(2.3rem,7vw,3.25rem)}.hero .lead{font-size:1.0625rem}.hero-art{width:154px;justify-self:end;margin:-8px 12px 0}.hero-caption{font-size:.875rem}.hero:after{right:-255px;top:50px}.intro-line{justify-content:flex-start;gap:10px 18px;padding:22px 3px;font-size:.875rem}.intro-line span{padding:0}.intro-line span+span{border:0}.section{padding-top:50px}.section-heading{display:block}.section-heading p{margin-top:14px;max-width:100%}.cards{grid-template-columns:1fr;gap:14px}.card{padding:25px}.step{margin-bottom:18px}.privacy-band{grid-template-columns:1fr;gap:14px;padding:28px}.privacy-band h2{font-size:1.8rem}.beta{grid-template-columns:1fr;gap:16px;padding-bottom:48px}.beta-label{margin-bottom:16px}.site-footer{flex-direction:column;gap:20px;padding-block:26px}.footer-links{justify-content:flex-start;gap:18px}.page-heading{padding-top:30px;padding-bottom:18px}.support-grid{grid-template-columns:1fr;gap:18px;margin-bottom:44px}.contact-card,.support-details{padding:26px}.faq{margin-bottom:48px}.legal-layout{grid-template-columns:1fr;gap:30px;padding-bottom:48px}.toc{position:static;padding:22px}.toc ol{columns:2;column-gap:20px}.toc li{break-inside:avoid}.toc a{font-size:.875rem}.legal h2{font-size:1.4rem}.legal th,.legal td{padding:12px 10px}.legal th:first-child,.legal td:first-child{width:31%}.legal table{font-size:1rem}.privacy-short{padding:23px}.imprint{padding:26px;margin-bottom:50px}}
@media(max-width:390px){.site-header{gap:10px}.site-nav{width:100%;justify-content:space-between}.site-nav a{padding:8px 12px}.hero{padding:30px 24px}.hero .eyebrow{font-size:.8125rem;letter-spacing:.035em}.hero-art{width:134px}.actions{align-items:stretch;flex-direction:column}.toc ol{columns:1}.privacy-band{padding:24px}.hero h1{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{body{background:#fff;color:#000}.wrap{width:100%}.site-header,.site-footer,.toc,.skip,.actions{display:none}.legal-layout{display:block}.page-heading{padding-top:0}.legal{max-width:none}.legal h2{break-after:avoid}.legal table{font-size:10pt}.legal tr{break-inside:avoid}a{color:#000}.hero,.contact-card{background:#fff;color:#000;border:1px solid #999}.hero *,.contact-card *{color:#000!important}.hero-art{display:none}.hero{display:block;min-height:0}.section{padding-top:24px}}