@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
@import "https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css";
:root{--ink:#10131c;--muted:#626b7a;--paper:#fffaf0;--line:#10131c1f;--brand-primary:#1a5cac;--brand-secondary:#ffd84d;--brand-accent:#0b3b75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Pretendard,SUIT,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.brand-shell{background:radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--brand-secondary) 40%, transparent), transparent 28rem), radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--brand-primary) 22%, transparent), transparent 26rem), linear-gradient(135deg, #fffaf0 0%, #f7fbff 54%, #fff4d5 100%);min-height:100vh;position:relative;overflow:hidden}.brand-shell:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(#10131c09 1px,#0000 1px),linear-gradient(90deg,#10131c09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.brand-shell>*{z-index:1;position:relative}.brand-shell[data-brand=yen-moa]{background:radial-gradient(circle at 12% 12%,#f3e6d0b8,#0000 28rem),radial-gradient(circle at 92% 8%,#b423182e,#0000 24rem),linear-gradient(135deg,#fffaf4 0%,#f7eee2 48%,#ead8c5 100%)}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #ffffff9e;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 32px);margin:16px auto 0;padding:12px;display:flex;position:sticky;top:0;box-shadow:0 24px 80px #10131c1a}.logo{align-items:center;gap:10px;min-width:max-content;display:inline-flex}.logo-mark{width:42px;height:42px;color:var(--brand-primary);background:0 0;border-radius:12px;place-items:center;font-family:SUIT,Pretendard,sans-serif;font-size:20px;display:grid;overflow:hidden}.logo-mark img{object-fit:contain;width:100%;height:100%}.logo strong,h1,h2{letter-spacing:-.07em;font-family:SUIT,Pretendard,sans-serif;font-weight:900}.logo strong{font-size:18px;line-height:1;display:block}.logo small{color:var(--muted);font-size:12px}.nav-links{color:#10131cc2;gap:20px;font-size:15px;display:flex}.nav-links a:hover{color:var(--brand-primary)}.button,.store-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:800;display:inline-flex}.button-primary{background:var(--brand-primary);color:#fff;box-shadow:0 16px 36px color-mix(in srgb, var(--brand-primary) 34%, transparent)}.button-secondary,.store-pill{border:1px solid var(--line);color:var(--ink);background:#ffffffb8}.button-ghost{color:var(--brand-primary)}main{width:min(1180px,100% - 32px);margin:0 auto}.hero{grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:54px;min-height:760px;padding:72px 0 96px;display:grid}.eyebrow{border:1px solid color-mix(in srgb, var(--brand-primary) 18%, transparent);background:color-mix(in srgb, var(--brand-secondary) 24%, #fff);width:fit-content;color:var(--brand-accent);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin:0 0 20px;padding:8px 12px;font-size:13px;font-weight:900;display:inline-flex}.hero h1{max-width:710px;margin:0;font-size:clamp(56px,9vw,112px);line-height:.84}.hero h1 span{color:var(--brand-primary);text-shadow:5px 5px 0 var(--brand-secondary), 11px 11px 0 #10131c14;display:block}.hero-description{max-width:610px;color:var(--muted);margin:28px 0 0;font-size:22px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin:44px 0 0;display:grid}.hero-metrics div{border:1px solid var(--line);background:#ffffff9e;border-radius:24px;padding:18px}.hero-metrics dt{color:var(--brand-primary);font-family:SUIT,Pretendard,sans-serif;font-size:30px;font-weight:900}.hero-metrics dd{color:var(--muted);margin:4px 0 0;font-size:13px}.phone-stage{place-items:center;min-height:560px;display:grid;position:relative}.phone-stage:before{border:2px dashed color-mix(in srgb, var(--brand-primary) 26%, transparent);content:"";border-radius:50%;width:410px;height:410px;animation:22s linear infinite rotate;position:absolute}.coin-orbit{background:var(--brand-secondary);border-radius:50%;position:absolute;box-shadow:0 14px 30px #10131c1f}.reward-ticket{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:2px solid #10131c1f;border-radius:24px;min-width:138px;padding:16px 18px;position:absolute;box-shadow:0 22px 48px #10131c24}.reward-ticket:before,.reward-ticket:after{background:var(--paper);content:"";border-radius:50%;width:16px;height:16px;position:absolute;top:50%}.reward-ticket:before{left:-9px}.reward-ticket:after{right:-9px}.reward-ticket span{color:var(--muted);font-size:13px;font-weight:900;display:block}.reward-ticket strong{color:var(--brand-primary);margin-top:4px;font-family:SUIT,Pretendard,sans-serif;font-size:30px;font-weight:900;display:block}.ticket-left{top:126px;left:-34px;transform:rotate(-8deg)}.ticket-right{bottom:126px;right:-26px;transform:rotate(9deg)}.ticket-mine{bottom:66px;left:8px;transform:rotate(6deg)}.ticket-draw{top:208px;right:-34px;transform:rotate(-7deg)}.ticket-survey{top:38px;left:62px;transform:rotate(4deg)}.coin-one{width:76px;height:76px;top:86px;right:24px}.coin-two{width:52px;height:52px;bottom:88px;left:18px}.phone{z-index:1;background:linear-gradient(#fffef7,#edf6ff);border:12px solid #151821;border-radius:42px;width:300px;min-height:540px;padding:20px;position:relative;transform:rotate(4deg);box-shadow:0 36px 90px #10131c47}.phone-top,.mission-list div{justify-content:space-between;align-items:center;display:flex}.phone-brand{align-items:center;gap:8px;font-weight:900;display:inline-flex}.phone-brand img{object-fit:contain;width:26px;height:26px}.phone-top b{color:#067647;background:#ddfbe6;border-radius:999px;padding:4px 8px;font-size:11px}.balance-card{background:radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--brand-secondary) 48%, transparent), transparent 4.5rem), var(--brand-primary);color:#fff;border-radius:28px;margin-top:30px;padding:22px}.balance-card small,.balance-card span{opacity:.78;display:block}.balance-card strong{color:var(--brand-secondary);margin:8px 0;font-family:SUIT,Pretendard,sans-serif;font-size:50px;font-weight:900;display:block}.progress-track{background:#10131c14;border-radius:999px;height:12px;margin:16px 4px 0;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-secondary), var(--brand-primary));width:68%;height:100%;display:block}.mission-list{gap:12px;margin-top:18px;display:grid}.mission-list div{background:#ffffffc7;border-radius:18px;padding:15px}.mission-list b{color:var(--brand-primary)}.phone-cta{background:var(--brand-secondary);color:var(--ink);text-align:center;border-radius:18px;margin-top:20px;padding:15px;font-weight:900}.section{padding:96px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 38px}.section-heading.align-left{text-align:left;margin-left:0}.section-heading h2{margin:0;font-size:clamp(38px,5vw,70px);line-height:.92}.section-heading p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7}.proof-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.proof-card,.feature-card,.step-card{border:1px solid var(--line);background:#ffffffb8;border-radius:32px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 26px 70px #10131c14}.proof-card:hover,.feature-card:hover,.step-card:hover{border-color:color-mix(in srgb, var(--brand-primary) 30%, transparent);transform:translateY(-6px);box-shadow:0 34px 90px #10131c21}.proof-card{min-height:285px;padding:28px}.proof-card span{color:var(--brand-primary);font-family:SUIT,Pretendard,sans-serif;font-size:44px;font-weight:900}.proof-card h3,.feature-card h3,.step-card h3{margin:24px 0 10px;font-size:24px}.proof-card p,.feature-card p,.step-card p{color:var(--muted);line-height:1.7}.feature-section{position:relative}.feature-grid{align-items:stretch}.feature-card{padding:28px;position:relative;overflow:hidden}.feature-card:after{background:color-mix(in srgb, var(--brand-secondary) 32%, transparent);content:"";border-radius:50%;width:130px;height:130px;position:absolute;bottom:-44px;right:-40px}.feature-glyph{z-index:1;background:linear-gradient(135deg, var(--brand-secondary), transparent 62%), var(--brand-primary);color:#fff;width:74px;height:74px;box-shadow:10px 10px 0 color-mix(in srgb, var(--brand-primary) 12%, transparent);border-radius:24px;place-items:center;font-size:38px;display:grid;position:relative}.feature-glyph svg{stroke-width:2.5px;width:34px;height:34px}.step-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.step-card{padding:30px}.step-card span{background:var(--brand-primary);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-family:SUIT,Pretendard,sans-serif;font-weight:900;display:grid}.cta-banner{background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--brand-secondary) 58%, transparent), transparent 18rem), var(--brand-primary);color:#fff;box-shadow:0 28px 90px color-mix(in srgb, var(--brand-primary) 28%, transparent);border-radius:42px;justify-content:space-between;align-items:center;gap:32px;margin:58px 0 96px;padding:clamp(32px,6vw,64px);display:flex}.cta-banner .eyebrow{color:#fff;background:#ffffff29}.cta-banner h2{margin:0;font-size:clamp(38px,6vw,76px);line-height:.95}.cta-banner p:not(.eyebrow){color:#fffc;max-width:560px;font-size:18px}.footer{border:1px solid var(--line);color:#fff;background:#10131ceb;border-radius:34px;width:min(1180px,100% - 32px);margin:0 auto 24px;padding:30px}.footer-main{justify-content:space-between;align-items:center;gap:32px;display:flex}.footer-main p,.footer-meta{color:#ffffffa3}.footer-links{color:#ffffffd1;flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.legal-main{padding:64px 0 96px}.legal-card{border:1px solid var(--line);background:#ffffffd1;border-radius:38px;max-width:920px;margin:0 auto;padding:clamp(24px,5vw,64px);box-shadow:0 28px 90px #10131c14}.legal-content h1{margin:0 0 12px;font-size:clamp(38px,6vw,72px);line-height:.98}.legal-content h2{letter-spacing:-.03em;margin:46px 0 14px;font-family:SUIT,Pretendard,sans-serif;font-size:24px;font-weight:900}.legal-content p,.legal-content li{color:#394150;font-size:17px;line-height:1.85}.legal-date{font-weight:900;color:var(--brand-primary)!important}.legal-content table{border-collapse:collapse;border-radius:18px;width:100%;margin:24px 0;overflow:hidden}.legal-content th,.legal-content td{border:1px solid var(--line);text-align:left;padding:14px}.legal-content th{background:color-mix(in srgb, var(--brand-secondary) 22%, #fff)}.notice-box,.deletion-callout{background:color-mix(in srgb, var(--brand-secondary) 22%, #fff);border-radius:24px;margin:24px 0;padding:22px}.deletion-callout span,.deletion-callout strong{display:block}.deletion-callout strong{color:var(--brand-primary);margin-top:8px;font-size:28px}.webview-legal-main{background:#fff;width:100%;min-height:100vh;margin:0;padding:22px 16px 48px}.webview-legal-main .legal-content{max-width:none}.webview-legal-main .legal-content h1{letter-spacing:-.04em;font-size:26px;line-height:1.24}.webview-legal-main .legal-content h2{margin-top:34px;font-size:19px}.webview-legal-main .legal-content h3{margin-top:22px;font-size:16px}.webview-legal-main .legal-content p,.webview-legal-main .legal-content li{font-size:15px;line-height:1.78}.webview-legal-main .notice-box,.webview-legal-main .deletion-callout{border-radius:14px}.webview-legal-main .legal-content table{white-space:nowrap;font-size:14px;display:block;overflow-x:auto}@keyframes rotate{to{transform:rotate(360deg)}}@media (max-width:900px){.navbar{border-radius:28px;align-items:flex-start}.nav-links{display:none}.hero,.proof-grid,.feature-grid,.step-rail{grid-template-columns:1fr}.hero{min-height:auto;padding-top:54px}.hero h1{font-size:clamp(50px,16vw,82px)}.hero-metrics{grid-template-columns:1fr}.phone-stage{min-height:500px}.cta-banner,.footer-main{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.navbar{width:calc(100% - 20px)}.navbar .button{display:none}main,.footer{width:calc(100% - 20px)}.phone{width:270px}}
