@font-face{font-family:Manrope;src:url('./assets/manrope-400.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('./assets/manrope-800.woff') format('woff');font-weight:700 900;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#060c19;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #255789;outline-offset:4px}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:10;background:#fff;padding:12px}main{max-width:1440px;margin:auto;padding:0 20px}.hero{position:relative;isolation:isolate;text-align:center;padding:5px 16px 45px;overflow:hidden;margin:0 -20px}.hero-content{position:relative;z-index:2;max-width:800px;margin:auto}.brand-art{width:280px;height:193px;margin:0 auto;background:url('./assets/reference.png') no-repeat -460px 0/1198px 1313px;mask-image:radial-gradient(ellipse 70% 80% at center,#000 64%,transparent 95%)}.slogan{font-size:18px;font-weight:800;margin:0 0 15px}h1{font-size:clamp(36px,4.6vw,64px);font-weight:800;line-height:1.08;letter-spacing:-.055em;margin:0 0 5px}h2{font-size:clamp(24px,2.8vw,36px);font-weight:800;line-height:1.2;letter-spacing:-.04em;margin:0}h3{font-size:18px;line-height:1.3;margin:0}.intro{font-size:20px;line-height:1.4;max-width:540px;margin:12px auto 0}.countdown{margin:32px auto 0;max-width:500px}.countdown h3{display:inline-block;background:linear-gradient(#ffb529,#ff7b00 70%,#ff6500);border:1px solid #ffc15c;border-radius:40px;box-shadow:inset 0 2px 3px #fff9,0 5px 7px #167e8b38;color:#fff;padding:13px 28px;font-size:20px;font-weight:800}.clock-shell{margin:24px auto 0;background:linear-gradient(#fff,#f6fffe);border:3px solid #ff970b;border-radius:60px;padding:16px 22px 12px;box-shadow:0 6px 9px #168d9a35}#clock{display:flex;justify-content:center;align-items:center;gap:13px;font-variant-numeric:tabular-nums}#clock .time{display:flex;align-items:baseline;gap:4px}#clock b{font-size:34px;line-height:1.1;letter-spacing:-.04em}#clock small{font-size:12px;color:#42517c}#clock i{font-style:normal;color:#ff8a00;font-size:22px}.date{font-size:15px;color:#405181;margin:10px 0 0}#clock-status{color:#344670;font-size:13px;margin:12px auto 0;max-width:440px}#clock-status:empty{display:none}.notify{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#fff,#f0fffe);border:1px solid #fff;border-radius:40px;margin:30px auto 0;padding:15px 25px;font-size:17px;font-weight:800;text-decoration:none;box-shadow:0 4px 6px #1499ac30}.notify svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.8}header{position:absolute;right:3%;top:24px;display:flex;align-items:center;gap:8px;z-index:3}.region{display:flex;align-items:center;gap:12px;background:#f4ffffeb;border-radius:40px;padding:12px 18px;font-size:12px;font-weight:800;max-width:225px;color:#26345f;text-align:left}.swiss{background:#ed1919;color:white;border-radius:3px;font-size:22px;line-height:26px;width:28px;flex-shrink:0;text-align:center}.language select{font-size:12px;min-height:40px;border:1px solid #ffffff88;border-radius:20px;background:#f4ffffa8;padding:5px;color:#26345f}.handwritten{position:absolute;z-index:2;top:82px;left:5%;font-family:cursive;font-style:italic;color:#fff;font-size:23px;line-height:1.25;transform:rotate(-10deg);text-align:left}.handwritten span{font-size:18px}.handwritten b{display:block;color:#ffc200;text-align:center;font-size:32px;margin-top:10px;text-shadow:0 2px 3px #098f9b50}.objects,.scenery,.mail-art,.plant-art{position:absolute;background:url('./assets/reference.png') no-repeat;background-size:1198px 1313px;pointer-events:none}.objects{bottom:0;z-index:1}.objects-left{left:0;width:390px;height:470px;background-position:0 -190px;clip-path:polygon(0 0,180px 0,180px 140px,275px 140px,275px 270px,390px 365px,390px 470px,0 470px);mask-image:linear-gradient(to right,#000 90%,transparent)}.objects-right{right:0;width:400px;height:390px;background-position:-798px -270px;clip-path:polygon(160px 0,400px 0,400px 390px,0 390px,0 210px,160px 100px);mask-image:linear-gradient(to left,#000 90%,transparent)}.scenery{right:0;top:80px;width:300px;height:310px;background-position:-898px -80px;mask-image:linear-gradient(to left,#000 70%,transparent)}.panel{position:relative;background:linear-gradient(140deg,#fff,#f4ffff);border:1px solid #fff;border-radius:30px;margin:0 auto 20px;padding:26px 14px;box-shadow:0 8px 30px #0cb7b118;text-align:center}.features{z-index:3}.features h2{font-size:clamp(26px,3vw,38px)}.subtitle{font-size:18px;font-weight:800;margin:4px 0 18px}.subtitle::before,.subtitle::after{content:'—';display:inline-block;color:#ffb000;margin:0 10px;transform:rotate(-15deg)}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.grid article{min-width:0;background:linear-gradient(#fff,#fcffff);border:1px solid #e7fafa;border-radius:20px;padding:14px 10px 17px;box-shadow:0 3px 12px #3bbecb14;display:flex;align-items:center;flex-direction:column}.icon{width:145px;height:112px;max-width:100%;flex-shrink:0;background:url('./assets/reference.png') no-repeat;background-size:1198px 1313px;margin:0 auto 4px}.i0{background-position:-38px -750px}.i1{background-position:-230px -750px}.i2{background-position:-425px -750px}.i3{background-position:-620px -750px}.i4{background-position:-812px -750px}.i5{background-position:-1004px -750px}.grid h3{font-size:18px;letter-spacing:-.045em;min-height:47px;display:flex;align-items:center;justify-content:center}.grid p{color:#526797;font-size:15px;line-height:1.4;margin:8px 0 0;max-width:165px}.app-note{color:#526797;font-size:11px;line-height:1.3;margin-top:6px;display:block;max-width:100%;white-space:normal}.signup{overflow:hidden;padding:28px 20px 24px;min-height:260px}.signup-content{position:relative;z-index:2;max-width:780px;margin:auto}.signup h2{font-size:clamp(24px,2.7vw,34px)}.signup-intro{color:#425b8f;font-size:16px;line-height:1.5;margin:10px auto 18px}form{max-width:740px;margin:auto}.input-row{display:flex;align-items:center;border-radius:40px;border:1px solid #b9d9ee;background:#fff;box-shadow:0 3px 6px #54adcb24;padding:3px}.input-row>span{font-size:28px;color:#728ab5;padding-left:16px}input[type=email]{background:transparent;border:0;padding:12px;min-width:0;flex:1;font-size:16px;outline-offset:-4px}input::placeholder{color:#7b8fba}.cta{border:1px solid #ffd895;border-radius:40px;padding:16px 24px;flex-shrink:0;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(#ffb82e,#ff8709 65%,#ff7000);box-shadow:inset 0 2px 3px #fff8,0 3px 5px #ad5c002b;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.check{display:flex;align-items:flex-start;gap:8px;text-align:left;color:#4c6186;font-size:12px;line-height:1.5;margin:14px 10px 8px}.check input{width:17px;height:17px;flex-shrink:0;margin:0;accent-color:#0d9ca3}.honeypot{position:absolute;left:-10000px}details{font-size:11px;color:#4c6186;text-align:left;margin:0 10px 12px}summary{cursor:pointer}.reassurance,.app-coming{font-size:12px;line-height:1.4;color:#526797;margin:0}.app-coming{font-weight:800}.privacy-link{font-size:11px;color:#526797;margin:8px 0 0}#form-status{color:#40517a;font-size:12px;line-height:1.5;margin:12px 0 0}#form-status:empty{display:none}.mail-art{left:-3px;bottom:0;width:210px;height:215px;background-position:0 -995px;mask-image:linear-gradient(to right,#000 80%,transparent)}.plant-art{right:-3px;bottom:0;width:200px;height:215px;background-position:-998px -995px;mask-image:linear-gradient(to left,#000 80%,transparent)}footer.panel{max-width:1400px;margin:0 auto 24px;padding:17px 28px;display:flex;align-items:center;gap:20px;text-align:left}footer a{text-decoration:none}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand>a:first-child{font-size:30px;font-weight:800;letter-spacing:-.06em}.divider{height:30px;width:1px;background:#13bbc5}.facebook{color:#2b5d83;display:block;width:34px;height:34px}.facebook svg{width:100%;height:100%}footer p{margin:0 0 0 auto;display:flex;align-items:center;gap:12px;font-size:12px;color:#26345f}footer p b{font-size:27px;color:#ffba00}.legal{font-size:11px;color:#526797;text-decoration:underline!important}.grid p,.check span{overflow-wrap:anywhere}
@media(min-width:1440px){.objects-left{left:40px}.objects-right{right:40px}.scenery{right:40px}.mail-art,.plant-art{opacity:.75}}
@media(max-width:1100px){header{right:20px}.region{max-width:175px;font-size:10px;padding:10px 12px}.handwritten{left:3%;font-size:20px}.handwritten span{font-size:15px}.hero-content{max-width:680px}.objects-left{left:-75px}.objects-right{right:-80px}.scenery{right:-80px}.grid{gap:8px}.grid article{padding:10px 5px 16px}.grid h3{font-size:16px}.grid p{font-size:13px}.icon{transform:scale(.86);margin:-6px -10px 0;max-width:none}.mail-art,.plant-art{opacity:.3}.signup-content{max-width:700px}footer.panel{margin-inline:20px}.legal{max-width:100px}}
@media(max-width:760px){main{padding:0 12px}.hero{margin:0 -12px;padding:55px 16px 160px}.brand-art{margin:-15px auto -8px;transform:scale(.88)}header{top:12px;right:14px}.region{max-width:none;padding:7px 12px}.swiss{font-size:15px;width:20px;line-height:20px}.language select{min-height:32px}.handwritten{display:none}.slogan{font-size:13px;margin-bottom:18px}h1{font-size:clamp(34px,7vw,52px)}.hero h2{font-size:clamp(21px,4.5vw,30px)}.intro{font-size:16px;max-width:400px}.countdown{margin-top:28px;max-width:440px}.countdown h3{font-size:17px;padding:12px 22px}.clock-shell{margin-top:22px;padding:15px 16px 12px}#clock{gap:9px}#clock b{font-size:30px}#clock small{font-size:10px}.date{font-size:13px}.notify{font-size:14px;padding:13px 20px;margin-top:26px}.objects{transform:scale(.55);transform-origin:bottom left}.objects-left{left:0}.objects-right{right:-180px;transform-origin:bottom right}.scenery{display:none}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grid article{padding:12px 8px 18px}.grid h3{font-size:17px}.grid p{font-size:14px}.icon{transform:scale(.9);margin:-5px auto 0}.panel{border-radius:25px;padding:24px 12px}.subtitle{font-size:15px}.signup{padding:26px 20px}.signup-intro{font-size:14px}.mail-art,.plant-art{display:none}.input-row{border-radius:27px;flex-wrap:wrap;padding:6px}.input-row>span{padding-left:9px}.input-row input{width:calc(100% - 45px);flex:auto;padding:12px 8px}.input-row button{width:100%;padding:14px;font-size:15px}.check{margin-inline:2px}details{margin-inline:2px}footer.panel{margin:0 12px 20px;flex-wrap:wrap;justify-content:space-between;padding:18px 20px;gap:14px}.footer-brand{gap:16px}.footer-brand>a:first-child{font-size:26px}footer p{font-size:10px;max-width:190px}.legal{max-width:none;font-size:11px;width:100%;text-align:center}}
@media(max-width:440px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-inline:12px}.clock-shell{padding:14px 9px 12px}#clock{gap:6px}#clock .time{flex-direction:column;align-items:center;gap:3px}#clock b{font-size:31px}#clock small{font-size:10px}#clock i{font-size:16px}.date{font-size:12px}.hero h1{font-size:36px}.intro{max-width:310px}.features h2{font-size:27px}.objects-left{left:-45px}.objects-right{right:-200px}footer p{max-width:150px}footer p b{display:none}.footer-brand{gap:12px}.facebook{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Full-width hero; launch elements remain live HTML over the supplied scene. */
.brand-name{font-weight:800;-webkit-text-stroke:.025em currentColor}
.hero{width:100%;margin:0 0 28px;padding:0;min-height:0;display:block;background:#53e7ec}
.hero .hero-content{width:100%;max-width:640px;margin:0 auto;padding:64px 24px 36px;position:relative;z-index:2}
.hero-logo{display:block;width:210px;height:auto;margin:0 auto 18px;object-fit:contain}
.hero h1{font-size:clamp(40px,3.7vw,54px);line-height:1.1;letter-spacing:-.045em;text-wrap:balance;margin:0 auto;max-width:590px;color:#083342}
.hero .intro{font-size:17px;line-height:1.6;max-width:475px;margin:18px auto 0;color:#164c59;text-wrap:pretty}
.hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:0;pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 30% 46% at 50% 45%,#c6fff36b,transparent 100%)}
.hero-launch{margin:34px auto 0;max-width:500px}.hero-launch .countdown{margin:0 auto}.hero-launch .clock-shell{margin-top:24px}.hero-launch .notify{margin-top:28px}
@media(min-width:1800px){.hero .hero-content{padding-top:90px}.hero-logo{width:250px}.hero-launch{margin-top:44px}}
@media(min-width:761px) and (max-width:1100px){.hero .hero-content{padding-top:76px;max-width:550px}.hero h1{font-size:44px}.hero-logo{width:190px}.hero::after{background:radial-gradient(ellipse 43% 49% at 50% 45%,#bcfff1d9,#bafff35c 65%,transparent 100%)}}
@media(max-width:760px){.hero{min-height:0;margin:0 0 22px;background:radial-gradient(ellipse at 50% 25%,#b9fff4,#51e6ed 85%)}.hero .hero-content{padding:65px 20px clamp(145px,35vw,260px);max-width:580px}.hero-logo{width:190px;margin-bottom:18px}.hero h1{font-size:clamp(34px,6.4vw,46px);max-width:520px}.hero .intro{font-size:16px;max-width:420px;margin-top:18px}.hero-landscape{inset:auto 0 0;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 24%)}.hero::after{display:none}.hero header{top:12px;right:14px}.hero-launch{margin-top:30px}.hero-launch .clock-shell{margin-top:22px}.hero-launch .notify{margin-top:24px}}
@media(max-width:440px){.hero .hero-content{padding-inline:16px}.hero-logo{width:180px}.hero h1{font-size:35px}.hero .intro{font-size:15px;max-width:340px}.hero-launch .clock-shell{padding-inline:9px}}

/* Compact regional badge and desktop hero ending just below the launch CTA. */
.hero .region{max-width:none;gap:8px;padding:10px 14px}
.hero .region [data-t="region"]{max-width:145px;text-align:center;line-height:1.35}
@media(max-width:760px){.hero .region{padding:7px 10px;gap:7px}.hero .region [data-t="region"]{max-width:140px}}

/* White canvas with softly tinted content areas. */
.features.panel{background:linear-gradient(135deg,#f5fbfb,#edf8f8);border-color:#e4f0ef;box-shadow:0 6px 24px #164f5906}
.features .grid article{background:#fff;border-color:#e4eeee;box-shadow:0 3px 12px #164f5905}
.signup.panel{background:linear-gradient(135deg,#f2faf9,#eaf7f6);border-color:#e0efed;box-shadow:0 6px 24px #164f5906}
footer.panel{background:#f6f9f9;border-color:#e8efef;box-shadow:none}

/* First screen: hero and feature cards share the available viewport height. */
.opening-screen{padding-bottom:24px}
.opening-screen>.features{width:calc(100% - 40px);max-width:1400px;margin-bottom:0}
@media(min-width:1101px){
 .opening-screen{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;gap:22px}
 .opening-screen .hero{flex:1;display:flex;align-items:center;margin:0}
 .opening-screen .hero-content{padding:54px 24px 28px}
 .opening-screen .hero-logo{width:clamp(145px,17svh,210px);margin-bottom:14px}
 .opening-screen .hero h1{font-size:clamp(34px,4.5svh,50px)}
 .opening-screen .hero .intro{font-size:15px;line-height:1.5;margin-top:16px}
 .opening-screen .hero-launch{margin-top:24px}
 .opening-screen .countdown h3{font-size:17px;padding:11px 24px}
 .opening-screen .clock-shell{margin-top:18px;padding:13px 20px 10px}
 .opening-screen #clock b{font-size:30px}
 .opening-screen .date{font-size:13px;margin-top:8px}
 .opening-screen .notify{margin-top:20px;padding:13px 24px;font-size:15px}
 .opening-screen>.features{flex:none;padding:20px 14px}
 .opening-screen .features h2{font-size:30px}
 .opening-screen .subtitle{font-size:16px;margin-bottom:14px}
 .opening-screen .grid article{padding:10px 10px 14px}
 .opening-screen .grid h3{font-size:16px;min-height:40px}
 .opening-screen .grid p{font-size:13px;margin-top:6px}
}
@media(max-width:760px){.opening-screen>.features{width:calc(100% - 24px)}}

/* Supplied transparent artwork replaces both old reference crops. */
.signup-art{position:absolute;left:0;bottom:0;transform:translateY(15%);width:100%;height:auto;pointer-events:none;z-index:0}
@media(max-width:1100px){.signup{padding-bottom:clamp(125px,22vw,240px)}}

/* Discreet attribution stays inside the existing footer text group. */
.footer-copy{display:flex;flex-direction:column;gap:3px}
.footer-credit{font-size:10px;font-weight:400;line-height:1.35;color:#526797}

/* Official PNG stays byte-identical; show its artwork within its transparent canvas. */
.official-logo{display:block;position:relative;overflow:hidden;width:210px;max-width:70%;aspect-ratio:629/504;margin:0 auto 24px;height:auto}
.official-logo img{position:absolute;width:283.943%;max-width:none;height:auto;left:-83.784%;top:-134.524%}
.opening-screen .official-logo.hero-logo{width:clamp(145px,17svh,210px);height:auto;aspect-ratio:629/504}
.footer-brand .official-logo{width:72px;max-width:none;margin:0}
.hero-launch .countdown{max-width:590px}
.hero-launch .clock-shell{border:3px solid #ff950d;border-radius:100px;background:linear-gradient(160deg,#fff 35%,#f3ffff);padding:18px 25px 15px;box-shadow:inset 0 2px 3px #fff,0 5px 9px #087f8c30}
#clock{gap:14px;white-space:nowrap}
#clock .time{flex-direction:row;align-items:baseline;gap:4px}
#clock b,.opening-screen #clock b{font-size:clamp(30px,3.3vw,46px);font-weight:800;letter-spacing:-.055em}
#clock small{font-size:clamp(21px,2.4vw,32px);font-weight:800;color:#060c19}
#clock i{display:block;flex:0 0 15px;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff3b3 0,#ffbb2b 25%,#ff9008 58%,#ff6800 100%);box-shadow:0 2px 3px #b7650038}
.hero-launch .date,.opening-screen .date{font-size:clamp(14px,1.8vw,20px);margin-top:12px}
@media(max-width:440px){.hero-launch .clock-shell{padding:15px 10px 12px}#clock{gap:7px}#clock b,.opening-screen #clock b{font-size:29px}#clock small{font-size:20px}#clock .time{gap:2px}#clock i{flex-basis:10px;width:10px;height:10px}}

#clock i{font-size:0}

/* Status retains descriptive text; colour reinforces its meaning. */
#form-status[data-tone=warning]{color:#a64b00;font-weight:800}
#form-status[data-tone=success]{color:#18733b;font-weight:800}