@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#34205e;--purple:#4a3392;--accent:#7c5fcf;--pale:#f3eefb;--line:#ded3ee;--muted:#726584}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfaff;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.16;letter-spacing:-.045em;margin:0 0 22px}h1{font-size:clamp(40px,4.8vw,72px);font-weight:800}h2{font-size:clamp(30px,3.4vw,48px)}h3{font-size:24px;letter-spacing:-.025em}p{margin:0 0 22px;color:var(--muted)}em{font-style:normal;color:var(--accent)}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--accent);margin-bottom:22px}.lead{font-size:20px;line-height:1.7;max-width:610px}.skip{position:fixed;top:-60px;left:12px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{height:86px;padding:0 max(30px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fcfaffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px);gap:24px}.brand{display:flex;gap:10px;align-items:center;font:800 23px 'Manrope',sans-serif;letter-spacing:-1px;color:var(--purple);white-space:nowrap}.brand img{width:22px;height:28px;object-fit:contain}.brand-light{font-weight:500}header nav{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:700}header nav a{padding:14px 0;white-space:nowrap}header nav a[aria-current]{color:var(--accent);box-shadow:0 2px var(--accent)}.menu{display:none;background:none;border:1px solid var(--line);padding:8px 12px;border-radius:8px;color:var(--purple)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:820px;padding-top:60px;padding-bottom:60px;gap:70px}.hero-copy{position:relative;z-index:1}.hero h1{margin-bottom:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--purple);border:1px solid var(--purple);color:white;padding:15px 23px;border-radius:12px;font-size:15px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#382473;transform:translateY(-2px)}.secondary{background:transparent;color:var(--purple)}.secondary:hover{background:var(--pale)}.hero-art{position:relative;display:flex;justify-content:center}.halo{position:absolute;inset:-30px -40px;background:linear-gradient(150deg,#eee8fc99,#c3b5e299),url('assets/paysage.png') center/cover;border-radius:240px 240px 90px 90px;transform:rotate(5deg)}.screen{margin:0;text-align:center;max-width:390px;width:100%;position:relative}.screen .zoom{padding:0;display:block;border:0;background:none;cursor:zoom-in;width:100%;position:relative}.screen img{width:100%;border:1px solid #cfc0e0;border-radius:28px;box-shadow:0 25px 65px #4024681d}.screen .zoom span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:6px 12px;background:#ffffffed;border:1px solid var(--line);border-radius:30px;color:var(--purple);white-space:nowrap;font-size:12px;opacity:0;transition:.2s}.screen .zoom:hover span,.screen .zoom:focus-visible span{opacity:1}.screen figcaption{font-size:13px;color:var(--muted);margin-top:18px}.hero-art .screen{max-width:285px;transform:rotate(-3deg)}.hero-art figcaption{display:none}.floating-label{position:absolute;right:-12px;bottom:90px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 26px;font-size:14px;line-height:1.5;box-shadow:0 10px 30px #44236d10}.floating-label span{font-size:30px;font-weight:800;color:var(--accent);float:left;margin-right:13px}.stores{display:flex;align-items:center;gap:12px;margin-top:30px}.stores img{width:145px;height:49px;object-fit:contain}.stores .google{width:164px;height:64px;margin:-8px -10px}.store-note{font-size:12px;max-width:340px;line-height:1.5;margin-top:12px}.features{padding:80px 0 110px;border-top:1px solid var(--line)}.section-heading{max-width:680px;margin-bottom:45px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.feature{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white;display:grid;grid-template-columns:42% 58%;transition:box-shadow .2s}.feature:hover{box-shadow:0 14px 35px #45217516}.feature-image{background:var(--pale);overflow:hidden;padding:25px 18px 0;height:315px}.feature-image img{width:100%;border-radius:16px 16px 0 0;box-shadow:0 8px 25px #44247520}.feature-text{padding:32px 24px}.feature-text>span{font-size:12px;font-weight:700;color:var(--accent)}.feature-text h3{margin-top:20px;font-size:25px}.feature-text p{font-size:15px;line-height:1.6}.feature-text b{font-size:13px;color:var(--purple)}.band{background:var(--pale);border-block:1px solid var(--line)}.band-inner{padding:70px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.band h2{margin:0}.text-link{font-weight:700;color:var(--purple);border-bottom:1px solid #bba8de;padding-bottom:5px}.ecosystem-teaser{padding:100px 0;text-align:center}.ecosystem-teaser p{max-width:610px;margin-left:auto;margin-right:auto}.page-intro{padding:75px 0 55px}.guide-layout{display:grid;grid-template-columns:390px 1fr;gap:105px;align-items:start;padding:10px 0 90px}.guide-layout .screen{position:sticky;top:112px}.steps article{display:flex;gap:24px;margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid var(--line)}.steps article:last-child{border:0}.step-n{font-size:14px;font-weight:800;color:var(--accent);margin-top:5px}.steps h3{font-size:23px;margin-bottom:13px}.steps p{margin:0}.tip{padding:28px;background:var(--pale);border-left:3px solid var(--accent);border-radius:0 16px 16px 0}.tip>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.tip h3{font-size:21px;margin:12px 0}.tip p{margin:0;font-size:16px}.next-page{padding:20px 0 70px;display:flex;gap:30px;align-items:center}.reading{padding:55px 60px;background:var(--pale);border-radius:24px;margin-bottom:60px}.reading p{max-width:700px}.gauge-explain{display:flex;justify-content:space-between;position:relative;border-top:6px solid #cbbde5;padding-top:18px;margin:40px 0;max-width:660px}.gauge-explain div{display:flex;flex-direction:column;align-items:center;font-size:14px}.gauge-explain b{font-size:26px;color:var(--purple)}.reverse{border-top:1px solid var(--line);padding-top:80px}.guide-copy>h3{margin-top:34px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px;margin-bottom:30px}td,th{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left}th{background:var(--pale)}.universe-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:80px}.universe-grid article{padding:40px;border:1px solid var(--line);border-radius:24px;background:#fff}.universe-grid article:first-child{grid-column:1/-1;background:var(--purple);color:#fff}.universe-grid article:first-child p,.universe-grid article:first-child .eyebrow{color:#e0d5f6}.universe-grid article:first-child .button{background:white;color:var(--purple)}.universe-grid h2{font-size:36px;margin-top:18px}.availability{text-align:center;padding:65px 30px;background:var(--pale);border-radius:24px;margin-bottom:90px}.availability .stores{justify-content:center}.availability p{max-width:550px;margin:15px auto}footer{background:#2d1d4a;color:#eee6fb;padding:65px max(30px,calc((100% - 1180px)/2)) 20px}footer .brand{color:white}footer p{color:#c5b7d9;font-size:15px;margin-top:20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-top strong{display:block;margin-bottom:20px;font-size:15px}.footer-top>div>a:not(.brand){display:block;color:#c5b7d9;font-size:14px;padding:6px 0}.footer-top a:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff20;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#bcacd2;font-size:12px}.lightbox{padding:20px;border:0;border-radius:18px;background:var(--pale);max-height:94dvh;max-width:94vw}.lightbox::backdrop{background:#1c1029de}.lightbox>img{max-height:85dvh;width:auto;max-width:100%;border-radius:12px}.close{position:sticky;top:0;float:right;width:44px;height:44px;background:var(--purple);color:white;border:0;border-radius:50%;z-index:2;cursor:pointer;margin-bottom:12px}
@media(max-width:1050px){header nav{gap:15px}.wrap{width:calc(100% - 48px)}.hero{gap:35px}.floating-label{right:0}.guide-layout{grid-template-columns:320px 1fr;gap:45px}.feature{grid-template-columns:38% 62%}.feature-text{padding:25px 18px}.feature-image{padding:20px 10px 0}.feature-text h3{font-size:22px}}
@media(max-width:800px){header{height:72px;padding:0 24px}.menu{display:block}header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fcfaff;padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:0 15px 30px #40236712;flex-wrap:wrap}header nav.open{display:flex}header nav a{padding:10px 5px}.hero{min-height:auto;grid-template-columns:1fr 1fr;padding-top:50px;padding-bottom:60px;gap:25px}.hero h1{font-size:42px}.hero .lead{font-size:17px}.hero-art .screen{max-width:240px}.floating-label{display:none}.halo{inset:-10px}.stores{flex-wrap:wrap;gap:5px}.stores img{width:120px}.stores .google{width:138px}.guide-layout{grid-template-columns:270px 1fr;gap:28px}.steps article{gap:12px}.steps h3{font-size:20px}.guide-copy p{font-size:16px}.feature-grid{gap:18px}.feature{display:block}.feature-image{height:250px;padding:20px 40px 0}.feature-text{padding:24px}.band-inner{gap:45px}.footer-top{gap:30px}.page-intro{padding-top:50px}.reading{padding:40px 30px}}
@media(max-width:580px){.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:55px;padding-top:42px}.hero h1{font-size:48px}.hero .lead{font-size:18px}.hero-art{padding:15px 25px}.hero-art .screen{max-width:245px}.halo{inset:0 10px}.hero .stores img{width:145px}.hero .stores .google{width:164px}.hero .store-note{max-width:320px}.features{padding:60px 0}.feature-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:40% 60%}.feature-image{height:290px;padding:20px 12px 0}.feature-text{padding:24px 18px}.feature-text h3{font-size:23px}.feature-text p{font-size:15px}.band-inner{grid-template-columns:1fr;gap:25px;padding:50px 0}.ecosystem-teaser{padding:65px 0}.guide-layout{display:flex;flex-direction:column;gap:45px;padding-bottom:55px}.guide-layout .screen{position:relative;top:auto;max-width:300px;align-self:center}.screen .zoom span{opacity:1}.page-intro{padding:42px 0 35px}.page-intro h1{font-size:40px}.lead{font-size:18px}.steps article{gap:20px}.steps h3{font-size:23px}.guide-copy p{font-size:17px}.next-page{align-items:flex-start;flex-direction:column;gap:25px}.reverse{padding-top:45px}.universe-grid{grid-template-columns:1fr;gap:20px}.universe-grid article{padding:28px}.universe-grid article:first-child{grid-column:auto}.universe-grid h2{font-size:29px}.availability{padding:40px 20px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.reading{padding:30px 22px}.tip{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:581px) and (max-width:800px){.hero-art .halo{inset:0 15px;transform:rotate(2deg)}}

.video-section{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:center;padding:60px 0;border-top:1px solid var(--line);margin-bottom:40px}.video-section video{width:100%;max-height:640px;border-radius:20px;border:1px solid var(--line);background:var(--pale)}.other-app{width:100%;height:230px;object-fit:contain;background:var(--pale);border-radius:12px;margin-bottom:26px}@media(max-width:650px){.video-section{grid-template-columns:1fr;gap:25px}.video-section video{max-width:320px;justify-self:center}}

.language-picker{margin-left:auto;margin-right:14px}.language-picker select{font:inherit;font-size:14px;color:#4a3392;border:1px solid #d4c6ed;border-radius:9px;padding:8px;background:#faf7ff}.media-language{font-size:12px;opacity:.8;margin-bottom:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}header nav{flex-wrap:wrap}html[lang=de] header nav{gap:16px}@media(max-width:900px){.language-picker{margin-right:8px}}
.hero-art .halo{inset:12px 20px;transform:rotate(2deg)}
@media(max-width:580px){header .brand{font-size:18px;white-space:nowrap}header{gap:10px;padding-inline:16px}.menu{white-space:nowrap;padding:8px 10px;min-height:40px}.language-picker{margin-right:0}.language-picker select{padding:8px 5px}header .brand img{width:20px;height:auto}}