*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#111;--cream:#f5f2ec;--bread:#d4a15c}html,body{height:100%}body{background:var(--ink);color:var(--cream);-webkit-font-smoothing:antialiased;word-break:keep-all;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,sans-serif;overflow-x:hidden}.wrap{flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;min-height:100dvh;padding:30px 32px 96px;display:flex;position:relative}.glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#d4a15c26,#0000 62%);width:640px;max-width:120vw;height:640px;position:fixed;top:-12%;left:62%;transform:translate(-50%)}.crumbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.crumb{opacity:0;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;animation-name:crumbfall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0}@keyframes crumbfall{0%{opacity:0;transform:translateY(-8vh)}8%{opacity:var(--o)}90%{opacity:var(--o)}to{transform:translate3d(var(--drift), 106vh, 0);opacity:0}}.pile{pointer-events:none;z-index:0;height:50px;position:fixed;bottom:0;left:0;right:0}.pileDot{background:#c69358;border-radius:50%;position:absolute}.topbar{z-index:1;justify-content:flex-start;align-items:center;gap:20px;width:100%;max-width:1080px;display:flex;position:relative}.brand{align-items:center;gap:15px;display:flex}.logo{border-radius:18px;width:72px;height:72px}.wordmark-img{width:auto;height:25px}.grid{z-index:1;flex:1;grid-template-columns:1.02fr .98fr;align-content:center;align-items:center;gap:40px;width:100%;max-width:1080px;display:grid;position:relative}.col-text{text-align:left;flex-direction:column;align-items:flex-start;gap:22px;display:flex}h1{letter-spacing:-.015em;font-size:clamp(38px,5.6vw,58px);font-weight:800;line-height:1.18}h1 .accent{color:var(--bread)}.lead{color:#f5f2ecad;max-width:440px;font-size:clamp(15px,1.7vw,18px);line-height:1.65}.lead b{color:var(--cream);font-weight:700}.features{flex-direction:column;gap:9px;margin:2px 0;list-style:none;display:flex}.features li{color:#f5f2ecd1;align-items:center;gap:10px;font-size:14.5px;display:inline-flex}.features .dot{background:var(--bread);border-radius:50%;flex-shrink:0;width:5px;height:5px}.stores{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.store{border-radius:15px;align-items:center;gap:11px;min-width:186px;padding:13px 20px;text-decoration:none;transition:transform .14s;display:inline-flex;position:relative}.store--ios{background:var(--cream);color:var(--ink)}.store--ios:hover{transform:translateY(-2px)}.store--soon{color:#f5f2ec80;cursor:default;border:1px solid #f5f2ec33}.store svg{flex-shrink:0;width:22px;height:22px}.store__t{text-align:left;flex-direction:column;font-size:16px;font-weight:700;line-height:1.08;display:flex}.store__t small{opacity:.62;letter-spacing:.02em;font-size:10px;font-weight:600}.soon{background:var(--bread);color:var(--ink);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:-9px;right:-8px;box-shadow:0 2px 8px #00000059}.dl-inline{margin-top:4px;display:block}form{gap:10px;width:100%;max-width:400px;margin-top:4px;display:flex}input[type=email]{min-width:0;color:var(--cream);background:#f5f2ec0d;border:1px solid #f5f2ec38;border-radius:14px;outline:none;flex:1;padding:14px 17px;font-size:14.5px}input[type=email]:focus{border-color:var(--bread)}input::placeholder{color:#f5f2ec61}button{color:var(--cream);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f5f2ec38;border-radius:14px;padding:14px 20px;font-size:14.5px;font-weight:700;transition:border-color .14s,color .14s}button:hover:not(:disabled){border-color:var(--bread);color:var(--bread)}button:disabled{opacity:.55;cursor:default}.msg{color:#f5f2ec99;font-size:13.5px}.msg.ok{color:var(--bread)}.msg.err{color:#e07a6a}.col-visual{min-height:440px;position:relative}.watermark{opacity:.1;filter:saturate(0);width:108%;max-width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cards{position:absolute;inset:0}.card{width:258px;color:var(--ink);background:#f5f2ecfa;border-radius:15px;align-items:center;gap:12px;padding:12px;animation:6.2s ease-in-out infinite cardfloat;display:flex;position:absolute;box-shadow:0 16px 38px #00000057}.card__thumb{background:linear-gradient(140deg,#e2b981,#ab6733);border-radius:12px;flex-shrink:0;width:56px;height:56px}.card__body{min-width:0}.card__name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.card__place{color:#11111180;margin:2px 0 6px;font-size:12px}.card__rate{align-items:center;gap:6px;display:flex}.card__rate b{font-size:13px}.stars{letter-spacing:1.5px;font-size:13px;line-height:1;display:inline-block;position:relative}.stars__base{color:#11111129}.stars__fill{white-space:nowrap;color:var(--bread);position:absolute;top:0;left:0;overflow:hidden}.card--1{--r:3deg;top:4%;right:3%}.card--2{--r:-2.5deg;animation-delay:.8s;top:40%;left:-2%}.card--3{--r:2deg;animation-delay:.4s;bottom:4%;right:9%}@keyframes cardfloat{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-10px) rotate(var(--r))}}.siteFoot{z-index:1;text-shadow:0 1px 6px var(--ink), 0 0 10px var(--ink);flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.links a{color:#f5f2ecb8;text-decoration:none;transition:color .14s}.links a:hover{color:var(--cream)}.links span{color:#f5f2ec59}.tagline{color:#f5f2ec6b;letter-spacing:.03em;font-size:12px}@media (max-width:880px){.wrap{justify-content:flex-start;gap:26px}.topbar{flex-direction:row;justify-content:flex-start}.topbar__dl{display:none}.wordmark-img{height:20px}.grid{flex:0 auto;grid-template-columns:1fr;max-width:440px}.col-text{text-align:center;align-items:center}.dl-inline{width:100%;display:block}.col-visual{display:none}.stores{flex-wrap:nowrap;justify-content:center;gap:10px;width:100%;max-width:400px}.store{flex:1 1 0;gap:8px;min-width:0;padding:11px 12px}.store svg{width:18px;height:18px}.store__t{font-size:13.5px}.store__t small{font-size:9px}.soon{padding:2px 6px;font-size:9px;top:-8px;right:-6px}}@media (prefers-reduced-motion:reduce){.crumb{display:none}.logo,.card{animation:none}}
