:root{color-scheme:light;--cream:#faf6e9;--ink:#174b39;--muted:#4b6253;--gold:#efbd46}
*{box-sizing:border-box}
html{background:var(--cream)}
body{margin:0;color:var(--ink);font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif}
.scene{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;overflow:clip;background:radial-gradient(ellipse at 50% 38%,#fffcf4,transparent 70%),#f7eedf}
.scene::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 55% 30%,#f6fbef,transparent 75%),#dfede3;opacity:0;animation:color-fade 18s cubic-bezier(.45,0,.55,1) infinite alternate}
.scene>div[aria-hidden="true"]:not(.landscape){position:absolute;inset:0;pointer-events:none}
header{display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,2.7svh,27px) clamp(22px,5vw,80px);gap:18px;z-index:2}
.domain{text-decoration:none;color:inherit;font-size:16px;font-weight:800;letter-spacing:.02em}
.status{display:flex;align-items:center;gap:8px;color:#45624c;font-size:12px;font-weight:700}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:#748c54;box-shadow:0 0 0 5px #748c5410}
main{position:relative;text-align:center;align-self:center;padding:0 24px 28px;display:flex;align-items:center;flex-direction:column;justify-content:center;z-index:1}
.logo{width:min(560px,80vw,59svh);height:auto;display:block;margin:0 auto}
.copy{max-width:660px}
.eyebrow{margin:clamp(8px,1.4svh,15px) 0 10px;font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:#566c48}
h1{margin:0;font-size:clamp(32px,5.6svh,56px);font-weight:800;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.intro{margin:clamp(12px,2svh,20px) auto 0;font-size:clamp(15px,2.1svh,18px);line-height:1.55;color:var(--muted);text-wrap:balance}
.coming{margin-top:clamp(15px,2.5svh,27px);display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.coming-label{width:100%;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#506447;font-weight:800}
.store{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #335a3833;border-radius:13px;font-family:system-ui,sans-serif;font-size:12px;font-weight:600;background:#fffdf5b3}
.store svg{width:17px;height:19px;fill:currentColor;flex:none}
footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px clamp(22px,5vw,80px) max(14px,env(safe-area-inset-bottom));color:#faf7e6;font-size:11px;line-height:1.45;min-height:65px}
footer a{color:inherit;text-decoration:underline;text-underline-offset:4px;padding:10px 0}footer p{margin:0}
.landscape{position:absolute;bottom:0;height:90px;left:-5%;width:110%;pointer-events:none;z-index:0;overflow:hidden}
.hill{position:absolute;width:80%;height:190px;border-radius:50% 50% 0 0;bottom:-105px;left:-8%;background:#92a875;transform:rotate(5deg)}
.hill.two{background:#648358;left:38%;bottom:-135px;transform:rotate(-6deg);height:230px}
.hill.three{background:#214e39;width:125%;left:-10%;bottom:-185px;height:260px;border-radius:48% 53% 0 0;transform:rotate(-2deg)}
.sun{position:absolute;top:20%;right:10%;width:72px;height:72px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 14px #efbd4610;transform:rotate(-12deg)}
.sun::before,.sun::after{content:"";position:absolute;top:30px;width:4px;height:6px;background:#796027;border-radius:50%}.sun::before{left:24px}.sun::after{left:44px}
.smile{position:absolute;top:42px;left:29px;width:14px;height:8px;border:2px solid #796027;border-top:0;border-radius:0 0 12px 12px}
.cloud{position:absolute;top:35%;left:6%;width:100px;height:28px;background:#e4e5d666;border-radius:40px;transform:rotate(-7deg)}
.cloud::before,.cloud::after{content:"";position:absolute;border-radius:50%;background:inherit;bottom:8px}.cloud::before{width:42px;height:42px;left:15px}.cloud::after{width:54px;height:54px;left:40px}
.star{position:absolute;width:19px;height:19px;background:var(--gold);clip-path:polygon(50% 0,64% 35%,100% 50%,64% 65%,50% 100%,36% 65%,0 50%,36% 35%)}
.s1{top:18%;left:25%;transform:rotate(15deg);width:14px;height:14px}.s2{top:54%;right:20%;width:12px;height:12px;background:#a3ae78}.s3{top:66%;left:17%;transform:rotate(20deg)}
.trail,.leaf{display:none}
:focus-visible{outline:3px solid #bb8520;outline-offset:5px}
@keyframes color-fade{from{opacity:0}to{opacity:1}}
@media(max-width:650px){header{padding-inline:22px}.domain{font-size:14px}.status{font-size:10px}main{padding:0 22px 26px}.logo{width:min(440px,88vw,57svh)}h1{font-size:clamp(30px,5.3svh,44px);max-width:330px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.13em}.intro{font-size:15px}.sun{width:46px;height:46px;top:12%;right:8%;box-shadow:0 0 0 9px #efbd4610}.sun::before,.sun::after{top:20px;width:3px;height:4px}.sun::before{left:15px}.sun::after{left:28px}.smile{width:9px;height:5px;left:19px;top:27px;border-width:1.5px}.cloud{top:24%;left:-24px;scale:.65}.s1{top:13%;left:23%;width:10px;height:10px}.s2{right:5%}.s3{left:5%;width:12px;height:12px}footer{font-size:10px}.coming{gap:8px}.store{padding:9px 14px}}
@media(max-height:600px){header{padding-block:12px}main{padding-bottom:20px}.logo{width:min(72vw,45svh)}.eyebrow{margin:4px 0 8px}.intro{margin-top:10px;font-size:14px}.coming{margin-top:12px;gap:6px}.store{padding:7px 12px}footer{min-height:58px;padding-block:10px}.sun{top:15%}}
@media(max-height:500px) and (min-width:600px){main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);width:min(900px,100%);margin:auto;gap:24px;padding:10px 32px 22px}.logo{width:100%;max-height:48svh;object-fit:contain}.eyebrow{display:none}h1{font-size:32px}.intro{font-size:14px}.coming{margin-top:12px}.sun,.cloud,.star{display:none}.landscape{height:70px}footer{min-height:50px;padding-block:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}.scene::before{opacity:.35}}