@font-face{font-family:Tonnelier;src:url('/assets/Tonnelier-Book.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tonnelier;src:url('/assets/Tonnelier-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Tonnelier;src:url('/assets/Tonnelier-Heavy.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--canvas:#effaf5;--ink:#163c31;--accent:#20b990;--muted:#577267;--line:#bfe5d6;--font:Tonnelier,'Hiragino Sans','Yu Gothic',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:18px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #087f65;outline-offset:7px}a:hover{color:#128265}svg{display:block}.wrap{width:min(1392px,calc(100% - 112px));margin-inline:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.wordmark{font-weight:900;font-size:54px;letter-spacing:-2px;line-height:1}.wordmark span{color:var(--accent)}header nav{display:flex;align-items:center;gap:48px;font-weight:700;font-size:20px}.languages{position:relative}.languages summary{list-style:none;cursor:pointer;border:1.5px solid var(--line);border-radius:24px;padding:10px 18px;display:flex;gap:16px;align-items:center;font-size:18px;min-height:46px}.languages summary::-webkit-details-marker{display:none}.languages summary svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.languages[open] summary svg{transform:rotate(180deg)}.languages>div{position:absolute;top:calc(100% + 12px);right:0;background:white;border:1px solid var(--line);border-radius:18px;padding:8px;min-width:170px;box-shadow:0 14px 40px #163c3114}.languages a{display:block;padding:10px 14px;border-radius:10px;font-size:17px}.languages a:hover,.languages a[aria-current]{background:var(--canvas);color:#08795b}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:765px;padding-block:32px 54px;gap:25px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(64px,6.35vw,98px);font-weight:900;line-height:1.01;letter-spacing:-3.8px;margin:0 0 32px}.hero h1 span{color:var(--accent)}.hero-copy>p{font-size:29px;line-height:1.4;max-width:600px;margin:0 0 42px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:20px 30px;border-radius:99px;background:var(--ink);color:white;font-size:22px;font-weight:700;transition:transform .25s,background .25s;min-height:58px}.button:hover{background:#23634c;color:white;transform:translateY(-3px)}.button svg{width:25px;height:25px;flex-shrink:0}.availability{font-size:18px}.hero-media{position:relative;height:700px;isolation:isolate}.halo{position:absolute;width:110%;aspect-ratio:1;top:7%;left:-3%;border-radius:50%;background:#d0f5e7;z-index:-1}.phone{position:relative;background:#18241f;padding:7px;border-radius:42px;border:3px solid #a2a9a4;box-shadow:0 22px 30px -20px #163c3160;overflow:hidden;width:270px;flex-shrink:0}.phone img{display:block;width:100%;height:auto;border-radius:32px}.island{position:absolute;top:17px;width:29%;height:19px;border-radius:20px;left:35.5%;background:#121b16}.phone-front{position:absolute;width: min(53%,335px);left:3%;top:14px;z-index:2;animation:float 7s ease-in-out infinite}.phone-back{position:absolute;width:min(49%,312px);right:-1%;top:63px;transform:rotate(11deg);animation:float-back 7s ease-in-out infinite;animation-delay:-3s}.spark{position:absolute;left:-12%;top:12%;width:60px;height:65px;animation:twinkle 6s ease-in-out infinite}.benefits{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding:32px 12px 38px;font-size:21px;font-weight:700}.benefits>div{display:flex;align-items:center;gap:18px}.benefits svg{width:31px;height:31px;flex-shrink:0;color:#138569}.features{background:#fff;padding:90px 0 92px}.section-heading{text-align:center;margin-bottom:62px}h2{font-weight:900;font-size:clamp(40px,4.4vw,68px);line-height:1.08;letter-spacing:-2px;margin:0 0 20px}.section-heading p{font-size:26px;color:var(--muted);margin:0}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;text-align:center}.feature-columns .phone{width:224px;border-radius:33px;margin:0 auto 38px;padding:5px;border-width:2px;transition:transform .4s}.feature-columns .phone img{border-radius:25px}.feature-columns .island{top:12px;height:14px}.feature-columns article:hover .phone{transform:translateY(-8px) rotate(-2deg)}h3{font-size:35px;line-height:1.15;font-weight:900;letter-spacing:-.7px;margin:0 0 16px}.feature-columns p{font-size:20px;line-height:1.5;color:var(--muted);max-width:350px;margin:0 auto}.closing{background:#dcf8ea;text-align:center;padding:68px 0}.closing p{font-size:24px;color:var(--muted);margin:18px 0}.coming{font-size:21px;font-weight:700;margin-top:28px}footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block:35px}body:has(footer){background:var(--canvas)}footer .wordmark{font-size:38px}footer nav{margin-left:auto;display:flex;gap:28px;font-size:17px}footer small{width:100%;font-size:13px;color:var(--muted)}.text-page{max-width:850px;min-height:calc(100vh - 300px);padding-block:50px 90px}.back{display:block;color:var(--muted);font-size:16px;margin-bottom:46px;text-decoration:underline;text-underline-offset:5px}.support-logo{border-radius:23px;margin:0 0 26px}.text-page h1{font-size:clamp(42px,5vw,68px);line-height:1.08;font-weight:900;letter-spacing:-2px;margin:0 0 28px}.text-page p{line-height:1.65;font-size:20px}.text-page .lead{font-size:24px;color:var(--muted);max-width:740px}.email-button{margin-top:18px}.email-address{display:block;margin-block:22px;font-size:20px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.hint{max-width:650px;color:var(--muted);margin-top:40px}.legal h2{font-size:30px;letter-spacing:-.5px;margin-top:40px}.draft{display:inline-block;background:#fff2c9;color:#795a14;padding:10px 16px;border-radius:10px;font-weight:700;font-size:16px}.skip{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:100;background:white;padding:16px;border-radius:12px}.skip:focus{transform:none}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .75s var(--delay,0ms),transform .75s var(--delay,0ms)}.motion-ready .reveal.visible{opacity:1;transform:none}html[lang=ja] h1{font-size:clamp(50px,5.9vw,88px);line-height:1.2;letter-spacing:-2px}html[lang=ja] h2{line-height:1.3}html[lang=de] .hero h1{font-size:clamp(55px,5.8vw,89px)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float-back{0%,100%{transform:rotate(11deg) translateY(0)}50%{transform:rotate(9deg) translateY(-14px)}}@keyframes twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.86) rotate(8deg)}}
@media(min-width:1450px){.hero-media{height:740px}.hero{min-height:790px}.actions{flex-wrap:nowrap}.availability{font-size:19px;white-space:nowrap}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:660px;gap:20px}.hero h1{font-size:64px;letter-spacing:-2px}.hero-copy>p{font-size:23px}.hero-media{height:570px}.phone{border-radius:32px;padding:5px}.phone img{border-radius:24px}.island{top:13px;height:15px}.benefits{font-size:17px;gap:20px}.benefits>div{gap:12px}.feature-columns{gap:30px}.feature-columns .phone{width:200px}h3{font-size:28px}.hero .spark{left:-9%;width:43px}.phone-back{right:0;top:55px}.availability{font-size:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:90px}.wordmark{font-size:40px}header nav{gap:18px;font-size:16px}.feature-link{display:none}.languages summary{padding:8px 12px;font-size:15px;gap:8px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:24px 0 30px;min-height:0}.hero h1,html[lang=de] .hero h1{font-size:clamp(44px,10.9vw,70px);letter-spacing:-1.8px;line-height:1.04;max-width:610px;margin-bottom:24px}.hero-copy>p{font-size:21px;margin-bottom:28px;max-width:540px}.actions{gap:15px}.button{font-size:18px;padding:17px 24px}.availability{font-size:14px}.hero-media{height:520px;width:min(100%,470px);margin:26px auto 0}.phone-front{width:53%;left:3%;top:0}.phone-back{width:49%;right:0%;top:34px}.halo{left:0;top:5%;width:100%}.hero .spark{left:0;top:-3%;width:36px}.benefits{display:grid;padding:26px 0 34px;gap:22px;justify-content:center;font-size:18px}.benefits svg{width:26px;height:26px}.features{padding:62px 0}.section-heading{margin-bottom:46px}h2{font-size:40px;letter-spacing:-1px}.section-heading p{font-size:21px}.feature-columns{grid-template-columns:1fr;gap:60px}.feature-columns .phone{width:224px;margin-bottom:28px}.feature-columns p{font-size:19px;max-width:340px}h3{font-size:31px}.closing{padding:52px 0}.closing p{font-size:20px}.coming{font-size:18px}footer{padding-block:30px;gap:25px}footer nav{margin:0;width:100%;flex-wrap:wrap;gap:22px;font-size:15px}footer small{margin-top:0}.text-page{padding-block:30px 60px}.text-page .lead{font-size:21px}.text-page h1{font-size:42px}.text-page p{font-size:18px}.back{margin-bottom:30px}html[lang=ja] .hero h1{font-size:clamp(38px,10.8vw,65px)}.spark{display:none}}
@media(max-width:390px){.hero-media{height:440px}.phone{border-radius:25px}.phone img{border-radius:18px}.island{top:11px;height:11px}header nav{gap:10px}.wrap{width:calc(100% - 32px)}.hero h1,html[lang=de] .hero h1{font-size:43px}.actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
@media(max-width:760px){.phone-back{right:7%;width:46%}.phone-front{left:4%;width:51%}.hero-media{height:470px}}
@media(max-width:390px){.hero-media{height:430px}}
.legal p{overflow-wrap:anywhere}
.legal-links a{text-decoration:underline;text-underline-offset:4px}
.legal h1{overflow-wrap:anywhere;hyphens:auto}