:root{--ground:#f2f4f7;--tile:#fff;--border:#e6e8ec;--text-1:#161b26;--text-2:#4b5565;--text-3:#8a94a6;--primary:#2f5cf0;--primary-pressed:#2449c9;--primary-soft:#ebf0ff;--radius-tile:20px;--radius-control:14px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--page-pad:20px;--max-w:480px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--text-1);font-family:var(--font);letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.5}h1,h2,p,ol{margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 45%, transparent);outline-offset:2px}.page{max-width:var(--max-w);min-height:100dvh;padding:calc(var(--s-4) + env(safe-area-inset-top,0px)) var(--page-pad) calc(var(--s-6) + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.stack{gap:var(--s-3);flex-direction:column;flex:1;display:flex}.bento{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.bento-gap{margin-top:var(--s-3)}.brand{padding:var(--s-2) 0 var(--s-4)}.brand-link{align-items:center;gap:var(--s-2);display:inline-flex}.brand-mark{background:var(--primary);color:#fff;letter-spacing:-.02em;border-radius:8px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.brand-name{font-size:17px;font-weight:700}.brand-en{color:var(--text-3);font-size:13px;font-weight:500}.footer{padding-top:var(--s-8);text-align:center;color:var(--text-3);font-size:12px}.tile{background:var(--tile);border:1px solid var(--border);border-radius:var(--radius-tile);padding:var(--s-5);gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.tile-hero{padding:var(--s-6) var(--s-5);gap:var(--s-3)}.tile-center{text-align:center;padding-block:var(--s-10);align-items:center}.tile-label{color:var(--text-3);margin-bottom:var(--s-1);font-size:13px;font-weight:600}.tile-value{font-size:16px;font-weight:700;line-height:1.4}.tile-sub{color:var(--text-2);font-size:14px}.eyebrow{color:var(--primary);font-size:13px;font-weight:600}.title-xl{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.35}.title-lg{letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.4}.body{color:var(--text-2);font-size:15px}.body-tight{margin-bottom:var(--s-3)}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{height:26px;padding:0 var(--s-3);background:var(--ground);color:var(--text-2);border-radius:999px;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.chip-primary{background:var(--primary-soft);color:var(--primary)}.chip-today{background:var(--primary);color:#fff}.chip-done{color:var(--text-3)}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);border-radius:var(--radius-control);font:inherit;cursor:pointer;border:0;font-size:15px;font-weight:600;transition:background-color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover,.btn-primary:active{background:var(--primary-pressed)}.btn-lg{width:100%;min-height:56px;font-size:17px;font-weight:700}.btn-secondary{background:var(--primary-soft);color:var(--primary);align-self:flex-start}.tile-center .btn-secondary{margin-top:var(--s-3);align-self:center}.btn-secondary:hover{background:color-mix(in srgb, var(--primary-soft) 80%, var(--primary) 8%)}.btn-store{padding:0 var(--s-3);white-space:nowrap;background:var(--text-1);color:#fff;flex:1}.btn-store:hover{background:#2a3242}.store-row{gap:var(--s-2);display:flex}.cta{gap:var(--s-3);padding:var(--s-2) 0;flex-direction:column;display:flex}.cta-note{color:var(--text-3);text-align:center;font-size:13px}.cta-note-strong{color:var(--text-2);font-size:15px;font-weight:600}.steps{gap:var(--s-4);flex-direction:column;padding:0;list-style:none;display:flex}.step{gap:var(--s-3);align-items:flex-start;display:flex}.step-num{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:999px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.step-title{font-size:15px;font-weight:700;line-height:28px}.step-body{color:var(--text-2);font-size:14px}.skeleton{background:linear-gradient(90deg, var(--ground) 0%, #e9ecf1 50%, var(--ground) 100%);background-size:200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite shimmer;display:block}.skeleton-chip{border-radius:999px;width:64px;height:26px}.skeleton-title{width:85%;height:30px}.skeleton-line{width:100%;height:18px;margin-top:var(--s-1)}.skeleton-line.short{width:55%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.btn{transition:none}}@media (width<=340px){.bento{grid-template-columns:1fr}.store-row{flex-direction:column}}@media (width>=600px){.page{padding-top:var(--s-10)}}