@font-face{font-family:BrandHeading;src:url('/assets/brand-heading.ttf') format('truetype');font-display:swap;font-weight:800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#09070e;color:#f8f7fb;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #bc98ff;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:white;color:black;padding:15px}.skip:focus{top:10px}.nav{height:76px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#09070ee8;backdrop-filter:blur(22px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand img{width:40px;height:40px;clip-path:inset(14%)}.nav nav{display:flex;gap:34px;align-items:center;font-size:14px}.nav-cta{background:#eee9ff;color:#251a3b;border-radius:30px;padding:11px 19px}.hero{overflow:hidden;position:relative;min-height:970px;padding-top:80px}.hero-copy{position:relative;z-index:2;text-align:center}.eyebrow{font-size:16px;font-weight:600;color:#b79ada;letter-spacing:.04em;margin:0 0 25px}h1{font-size:clamp(60px,7.7vw,112px);line-height:1.09;letter-spacing:-.065em;margin:0;font-weight:800}h1 span,h2 span{color:#b29acb}.hero-sub{font-size:21px;color:#c2bfc9;margin:27px 0}.hero-sub strong{color:white}.button{display:inline-flex;align-items:center;gap:22px;border-radius:30px;background:#8549ee;color:white;padding:16px 25px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#965cf6;transform:translateY(-2px)}.hero-stage{position:relative;max-width:1160px;margin:58px auto 0;height:680px;display:flex;justify-content:center}.halo{position:absolute;inset:8% -20% -30%;background:radial-gradient(ellipse at center,#7343a67a,transparent 64%);filter:blur(35px)}.app-frame{position:relative;margin:0;width:300px;transform:rotate(-7deg);z-index:2;filter:drop-shadow(0 25px 65px #0008)}.app-frame img{display:block;width:100%;height:auto;border:7px solid #3a3544;border-radius:38px;background:white}.app-frame figcaption{font-size:12px;color:#948b9e;text-align:center;margin-top:18px}.stage-word{position:absolute;left:8%;top:140px;font-size:clamp(95px,15vw,210px);font-weight:800;line-height:.97;letter-spacing:-.08em;color:#f0e2ff0b;white-space:nowrap;transform:rotate(-7deg)}.section{padding:130px max(7vw,24px)}.intro{text-align:center;background:#f5f5f7;color:#17151c}.intro .eyebrow{color:#7946b4}h2{font-size:clamp(42px,5.6vw,80px);line-height:1.13;letter-spacing:-.055em;margin:0;font-weight:800}.intro h2 span{color:#85818c}.lead{font-size:clamp(18px,2vw,24px);line-height:1.7;color:#85818c;margin:30px 0 0}.download{text-align:center;background:radial-gradient(ellipse at 50% 130%,#512a80 0,transparent 65%),#100b19}.stores{display:flex;justify-content:center;gap:14px;margin-top:36px}.stores button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid #74647c;background:#ffffff09;color:#fff;border-radius:14px;padding:17px 30px;min-width:190px;opacity:1}.stores strong{font-size:21px}.stores span{font-size:13px;color:#c0b4ce}footer{background:#f5f5f7;color:#6a6570;padding:50px max(7vw,24px);font-size:13px;line-height:1.9}.footer-top{display:flex;align-items:center;gap:24px;border-bottom:1px solid #ddd8e1;padding-bottom:24px;margin-bottom:24px}.footer-top .brand{color:#29232e}footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:#3c3546}footer nav a:first-child{font-weight:700}footer a:hover{text-decoration:underline}.business{margin-top:24px}.copyright{font-size:12px;color:#8d8693;margin-top:24px}@media(max-width:600px){.nav{height:64px;padding:0 20px}.nav nav{gap:18px}.nav nav>a:first-child{display:none}.nav-cta{padding:9px 15px;font-size:13px}.hero{padding-top:67px;min-height:0}.eyebrow{font-size:14px;margin-bottom:22px}h1{font-size:clamp(48px,12vw,72px)}.hero-sub{font-size:17px}.hero-stage{margin-top:50px;height:590px}.app-frame{width:250px}.stage-word{font-size:130px;left:-13%;top:145px}.section{padding:90px 24px}h2{font-size:clamp(38px,9.8vw,55px)}.lead{font-size:18px}.stores{gap:10px}.stores button{min-width:0;padding:15px 20px}.stores strong{font-size:18px}.footer-top{gap:18px}footer nav{gap:12px 18px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
