*{box-sizing:border-box}
html,body{height:100%;margin:0}
body.landing{overflow:hidden;height:100svh;display:flex;flex-direction:column;color:#222;font:700 16px/1.5 Nunito,system-ui,-apple-system,sans-serif;background:radial-gradient(120% 90% at 70% 40%,#fff7d1 0%,#fdf6d8 35%,#fff 75%)}
a{color:inherit}
.l-main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(32px,7vw,110px);padding:24px clamp(20px,6vw,80px) 0;max-width:1180px;width:100%;margin:0 auto}
.l-text{max-width:540px}
.l-icon{border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.14)}
h1{font-weight:900;font-size:clamp(44px,6.4vw,84px);line-height:.98;letter-spacing:-.03em;margin:26px 0 18px}
.l-text p{font-size:clamp(18px,1.7vw,22px);color:#555;margin:0 0 30px}
.l-soon{display:inline-flex;align-items:center;gap:10px;background:#222;color:#fff;font-weight:800;padding:14px 22px;border-radius:999px;box-shadow:0 4px 0 #000,0 12px 24px rgba(0,0,0,.18)}
.l-dot{width:9px;height:9px;border-radius:50%;background:#f7dd5b;box-shadow:0 0 0 4px rgba(247,221,91,.35)}
.l-phone{height:min(80svh,740px);min-height:0;display:flex;align-self:flex-end;justify-content:center}
.l-phone img{height:100%;width:auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.28)) drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.l-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;padding:18px 20px calc(18px + env(safe-area-inset-bottom));font-size:14px}
.l-foot a{color:#777;text-decoration:none}
.l-foot a:hover{color:#222}
@media (max-width:760px){
  .l-main{flex-direction:column;justify-content:flex-start;gap:22px;padding-top:max(28px,env(safe-area-inset-top))}
  .l-text{text-align:center}
  .l-icon{width:56px;height:56px;border-radius:14px}
  h1{margin:14px 0 10px}
  .l-text p{margin-bottom:18px}
  .l-soon{padding:12px 18px;font-size:15px}
  .l-phone{flex:1;height:auto;align-self:stretch;padding-top:4px}
}
@media (max-height:560px) and (min-width:761px){.l-icon{display:none}h1{margin-top:0}}