:root{--color-yellow: #f9e97f;--color-dark: #2b2b2b;--color-text: #1f1f1f;--color-sub: #5b5b5b;--content-max: 640px;--side-gap: clamp(16px, 4.5vw, 28px);--fs-hero-title: clamp(24px, 6.4vw, 44px);--fs-hero-desc: clamp(15px, 3.8vw, 22px);--fs-feature-title: clamp(22px, 5.8vw, 40px);--fs-btn-large: clamp(16px, 3.8vw, 20px);--fs-btn-small: clamp(13px, 3vw, 15px);--sp-section-top: clamp(72px, 20vw, 160px);--sp-section-bottom: clamp(56px, 16vw, 120px);--sp-title-visual: clamp(36px, 11vw, 72px)}.page{overflow-x:hidden}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--side-gap)}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--color-dark);color:#fff;font-weight:600;white-space:nowrap;transition:transform .15s ease,background-color .15s ease}.download-btn:hover{background:#000}.download-btn:active{transform:scale(.98)}.download-btn--large{width:100%;height:clamp(52px,12.6vw,68px);border-radius:4px;font-size:var(--fs-btn-large)}.download-btn--small{height:clamp(32px,7.8vw,40px);padding:0 clamp(14px,3.8vw,20px);border-radius:4px;font-size:var(--fs-btn-small)}.apple-icon{width:1.1em;height:1.3em;margin-top:-.15em}.header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--content-max);margin:0 auto;padding:clamp(16px,4vw,24px) var(--side-gap)}.header__logo img{width:clamp(34px,9vw,48px);height:auto}.section{position:relative;text-align:center}.hero{background:var(--color-yellow);overflow:hidden}.hero__title{margin-top:clamp(28px,8.5vw,64px);font-size:var(--fs-hero-title);line-height:1.45;font-weight:700;letter-spacing:-.02em}.hero__desc{margin:clamp(14px,4vw,24px) 0 clamp(28px,8vw,48px);font-size:var(--fs-hero-desc);line-height:1.6;color:var(--color-sub)}.hero__visual{position:relative;width:100%;max-width:var(--content-max);margin:clamp(24px,6vw,48px) auto 0;aspect-ratio:375 / 494}.hero__star,.hero__phone{position:absolute;left:0;width:100%;height:auto;pointer-events:none}.hero__star{z-index:0;top:6.1%}.hero__phone--back{z-index:1;top:0}.hero__phone--front{z-index:2;top:5.7%}@media (min-width: 641px){.hero__star{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%)}}.feature{padding:var(--sp-section-top) 0 var(--sp-section-bottom);background:#fff}.feature__title{font-size:var(--fs-feature-title);line-height:1.5;font-weight:400;letter-spacing:-.02em}.feature__title strong{font-weight:700}.feature__visual{width:100%;max-width:var(--content-max);margin:var(--sp-title-visual) auto 0;padding:0 var(--side-gap)}.feature__visual img{width:100%;height:auto;margin:0 auto}.feature--notification .feature__visual img{width:100%}.feature__visual--kok{position:relative;width:100%;max-width:var(--content-max);margin:var(--sp-title-visual) auto 0;aspect-ratio:546 / 650;padding:0}.kok-layer{position:absolute;height:auto}.kok-layer--phone{z-index:2;top:0;left:24%;width:52%}.kok-layer--left{z-index:1;top:40%;left:-14%;width:50%}.kok-layer--right{z-index:3;top:32%;right:-8%;width:54%}.feature--friends{background:var(--color-yellow);padding-bottom:clamp(40px,12vw,80px)}.feature--friends .feature__visual img{width:64%}.feature__cta{margin-top:clamp(56px,18vw,120px)}.footer{padding:clamp(16px,5vw,28px) var(--side-gap) clamp(24px,7vw,40px);background:var(--color-yellow);text-align:center;font-size:clamp(11px,2.6vw,13px);color:#00000073}.header--fixed{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:var(--content-max);margin:0 auto}.hero{padding-top:calc(var(--sp-section-top) + 60px)}.scroll-to-top{position:fixed;bottom:clamp(20px,5vw,40px);right:clamp(20px,5vw,40px);width:50px;height:50px;border-radius:50%;background-color:var(--color-yellow);color:var(--color-dark);border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;transition:transform .2s,background-color .2s}.scroll-to-top:hover{transform:translateY(-3px);background-color:#f7df43}.scroll-to-top svg{width:24px;height:24px}.opacity-0{opacity:0}.animate-fade-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.header--scrolled{background-color:#fffffff2!important;box-shadow:0 2px 10px #0000000d}.header--bg-yellow{background-color:#f9e97ff2!important;box-shadow:none}.header--bg-white{background-color:#fffffff2!important;box-shadow:0 2px 10px #0000000d}.footer{background-color:#000;color:#d1d1d1;padding:clamp(40px,10vw,60px) var(--side-gap);text-align:left;font-size:clamp(12px,3.5vw,14px);line-height:1.6}.footer__logo-wrap{display:flex;align-items:center;gap:8px;margin-bottom:24px}.footer__logo{width:clamp(24px,6vw,32px);height:auto;filter:brightness(0) invert(1)}.footer__logo-text{font-size:clamp(18px,5vw,24px);font-weight:700;color:#fff;letter-spacing:-.02em}.footer__links{margin-bottom:24px;font-weight:500}.footer__links a{color:#fff;text-decoration:none}.footer__links a:hover{text-decoration:underline}.footer__divider{margin:0 10px;color:#555}.footer__info{margin-bottom:32px;color:#a0a0a0}.footer__info p{margin:4px 0}.footer__copy{color:#777;font-size:clamp(11px,3vw,13px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;color:#1f1f1f;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}h1,h2,p{margin:0}