.kk{--kk-bg:#f6f6f3;--kk-surface:#fff;--kk-ink:#141414;--kk-muted:#6b6b66;--kk-line:#e4e4df;--kk-accent:#ddf200;--kk-accent-deep:#c9dc00;--kk-radius:20px;--kk-radius-sm:12px;--kk-font:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Pretendard", system-ui, sans-serif;--kk-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--kk-gutter:clamp(20px, 5vw, 72px);--kk-ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--kk-font);color:var(--kk-ink);background:var(--kk-bg);-webkit-font-smoothing:antialiased;overflow-x:clip}html{scroll-behavior:smooth;background:#f6f6f3}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.kk img{max-width:100%;height:auto;display:block}.kk-mono{font-family:var(--kk-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.kk-eyebrow{font-family:var(--kk-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--kk-muted);margin:0 0 14px;font-size:12px;font-weight:500}.kk-eyebrow--ink{color:var(--kk-ink)}.kk-h1{letter-spacing:-.035em;word-break:keep-all;margin:0;font-size:clamp(34px,5.2vw,64px);font-weight:700;line-height:1.08}.kk-h2{letter-spacing:-.03em;word-break:keep-all;margin:0;font-size:clamp(28px,3.6vw,46px);font-weight:700;line-height:1.12}.kk-lede{max-width:34ch;color:var(--kk-muted);word-break:keep-all;margin:18px 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.7}.kk-lede--ink{color:var(--kk-ink)}.kk-ring{flex:none;display:inline-block}.kk-ring__stroke{fill:none;stroke:var(--kk-accent);stroke-width:8.5px}.kk-ring__notch{fill:var(--kk-accent)}.kk-nav{z-index:30;height:68px;padding:0 var(--kk-gutter);background:color-mix(in srgb, var(--kk-bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--kk-line) 70%, transparent);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.kk-nav__brand{color:var(--kk-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.kk-nav__word{font-family:var(--kk-mono);letter-spacing:.12em;font-size:13px;font-weight:600}.kk-nav__links{gap:28px;display:flex}.kk-nav__links a{color:var(--kk-muted);transition:color .2s var(--kk-ease);font-size:14px;font-weight:500;text-decoration:none}.kk-nav__links a:hover{color:var(--kk-ink)}.kk-hairline{color:var(--kk-ink);align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.kk-hairline__arrow{transition:transform .35s var(--kk-ease);display:inline-block}.kk-hairline__line{background:var(--kk-accent);transform-origin:0;height:2px;transition:transform .45s var(--kk-ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.28)}.kk-hairline:hover .kk-hairline__line,.kk-hairline:focus-visible .kk-hairline__line{transform:scaleX(1)}.kk-hairline:hover .kk-hairline__arrow{transform:translate(4px)}.kk-hairline:active{transform:translateY(1px)}.kk-shutter{color:var(--kk-ink);align-items:center;gap:16px;text-decoration:none;display:inline-flex}.kk-shutter__button{background:var(--kk-accent);width:84px;height:84px;transition:transform .18s var(--kk-ease), box-shadow .18s var(--kk-ease);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 10px 30px #1414141f}.kk-shutter__ring{border:2px solid var(--kk-ink);transition:transform .6s var(--kk-ease);border-right-color:#0000;border-radius:50%;position:absolute;inset:-7px}.kk-shutter__core{font-family:var(--kk-mono);letter-spacing:.08em;font-size:13px;font-weight:600}.kk-shutter__text{flex-direction:column;line-height:1.25;display:flex}.kk-shutter__text strong{font-size:17px;font-weight:700}.kk-shutter__text span{color:var(--kk-muted);font-size:13px}.kk-shutter:hover .kk-shutter__ring{transform:rotate(180deg)}.kk-shutter:hover .kk-shutter__button{box-shadow:0 14px 36px #14141429}.kk-shutter:active .kk-shutter__button{transform:scale(.9);box-shadow:0 4px 12px #14141424}.kk .scroll-scrub__copy{font-family:var(--kk-font)}.kk .scroll-scrub__title{letter-spacing:-.03em;word-break:keep-all}.kk .scroll-scrub__body{word-break:keep-all}.kk .scroll-scrub__route-button{font-family:var(--kk-mono)}.kk .scroll-scrub__route{justify-content:flex-end;top:auto;bottom:28px}.kk-screens{padding:clamp(80px, 10vw, 140px) var(--kk-gutter) 0}.kk-screens__head{max-width:720px}.kk-screens__stage{grid-template-columns:.8fr 1.15fr 1fr;align-items:end;gap:clamp(16px,3vw,40px);margin-top:clamp(40px,5vw,72px);padding-bottom:clamp(60px,8vw,120px);display:grid;position:relative}.kk-phone{margin:0}.kk-phone img{border-radius:var(--kk-radius);border:1px solid var(--kk-line);background:var(--kk-surface);width:100%;box-shadow:0 30px 60px -30px #14141459}.kk-phone figcaption{color:var(--kk-muted);align-items:baseline;gap:10px;margin-top:14px;font-size:13px;display:flex}.kk-phone figcaption .kk-mono{color:var(--kk-ink);font-size:15px;font-weight:600}.kk-phone--a{transform:translateY(-8%)}.kk-phone--c{transform:translateY(-16%)}.kk-steps{padding:clamp(60px, 8vw, 120px) 0 clamp(60px, 8vw, 120px) var(--kk-gutter);border-top:1px solid var(--kk-line)}.kk-steps__head{max-width:720px;padding-right:var(--kk-gutter)}.kk-rail{padding:0 var(--kk-gutter) 8px 0;scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;gap:20px;margin:clamp(36px,4vw,64px) 0 0;list-style:none;display:grid;overflow-x:auto}.kk-rail::-webkit-scrollbar{display:none}.kk-step{scroll-snap-align:start;border-top:2px solid var(--kk-ink);flex-direction:column;padding-top:20px;display:flex}.kk-step__top{justify-content:space-between;align-items:center;display:flex}.kk-step__n{font-size:14px;font-weight:600}.kk-step__icon{mix-blend-mode:multiply;width:36px;height:36px}.kk-step__title{letter-spacing:-.02em;margin:22px 0 0;font-size:20px;font-weight:700}.kk-step__body{color:var(--kk-muted);word-break:keep-all;min-height:3.3em;margin:8px 0 0;font-size:14.5px;line-height:1.65}.kk-step__shot{aspect-ratio:4/5;border-radius:var(--kk-radius-sm);background:var(--kk-ink);border:1px solid var(--kk-line);margin-top:22px;overflow:hidden}.kk-step__shot img{object-fit:cover;object-position:center top;width:100%;height:100%}.kk-friend{grid-template-columns:1.05fr 1fr;min-height:80vh;display:grid}.kk-friend__plate{padding:clamp(60px, 8vw, 120px) var(--kk-gutter);background:var(--kk-accent) url(/assets/brand/plate-lime.jpg) center / cover no-repeat;color:var(--kk-ink);position:relative;overflow:hidden}.kk-friend__plate .kk-lede{max-width:40ch}.kk-code{border-radius:var(--kk-radius-sm);background:#ffffffb8;border:1px solid #1414141f;flex-direction:column;gap:6px;margin-top:36px;padding:18px 22px;display:inline-flex}.kk-code .kk-mono{letter-spacing:.22em;font-size:26px;font-weight:600}.kk-code__hint{color:var(--kk-muted);font-size:13px}.kk-friend__login{border-radius:var(--kk-radius);border:1px solid #1414141f;width:34%;max-width:260px;position:absolute;bottom:-18%;right:-6%;transform:rotate(-6deg);box-shadow:0 30px 60px -20px #14141459}.kk-friend__shot{background:var(--kk-surface);margin:0;overflow:hidden}.kk-friend__shot img{object-fit:cover;object-position:center top;width:100%;height:100%}.kk-faq{padding:clamp(70px, 9vw, 130px) var(--kk-gutter);grid-template-columns:1fr 1.6fr;gap:clamp(24px,5vw,80px);display:grid}.kk-faq__list{border-top:1px solid var(--kk-ink)}.kk-faq__item{border-bottom:1px solid var(--kk-line)}.kk-faq__item summary{cursor:pointer;word-break:keep-all;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:17px;font-weight:600;list-style:none;display:flex}.kk-faq__item summary::-webkit-details-marker{display:none}.kk-faq__plus{background:var(--kk-accent);border-radius:50%;flex:none;width:22px;height:22px;position:relative}.kk-faq__plus:before,.kk-faq__plus:after{content:"";background:var(--kk-ink);width:10px;height:2px;transition:transform .3s var(--kk-ease);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kk-faq__plus:after{transform:translate(-50%,-50%)rotate(90deg)}.kk-faq__item[open] .kk-faq__plus:after{transform:translate(-50%,-50%)rotate(0)}.kk-faq__item p{color:var(--kk-muted);word-break:keep-all;margin:0;padding:0 44px 24px 0;font-size:15px;line-height:1.7}.kk-download{padding:clamp(70px, 9vw, 130px) var(--kk-gutter);border-top:1px solid var(--kk-line);background:var(--kk-surface);grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,5vw,80px);display:grid}.kk-download__copy .kk-h1{max-width:14ch;margin-top:22px}.kk-bands{border-top:1px solid var(--kk-ink);max-width:560px;margin-top:40px}.kk-band{border-bottom:1px solid var(--kk-line);color:var(--kk-ink);isolation:isolate;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:22px 16px;text-decoration:none;display:grid;position:relative;overflow:hidden}.kk-band:before{content:"";z-index:-1;background:var(--kk-accent);transition:transform .45s var(--kk-ease);position:absolute;inset:0;transform:translate(-101%)}.kk-band:hover:before,.kk-band:focus-visible:before{transform:translate(0)}.kk-band__store{letter-spacing:-.02em;font-size:clamp(22px,2.4vw,30px);font-weight:700}.kk-band__meta{color:var(--kk-muted);font-size:13px}.kk-band__arrow{transition:transform .35s var(--kk-ease);font-size:22px}.kk-band:hover .kk-band__arrow{transform:translate(3px,-3px)}.kk-band:active{transform:translateY(1px)}.kk-download__photo{border-radius:var(--kk-radius);aspect-ratio:4/5;justify-self:end;width:100%;max-width:440px;max-height:640px;margin:0;overflow:hidden}.kk-download__photo img{object-fit:cover;object-position:center bottom;width:100%;height:100%}.kk-footer{padding:40px var(--kk-gutter) 48px;border-top:1px solid var(--kk-line);color:var(--kk-muted);font-size:13px}.kk-footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.kk-footer__brand{font-family:var(--kk-mono);letter-spacing:.12em;color:var(--kk-ink);align-items:center;gap:10px;font-weight:600;display:inline-flex}.kk-footer__links{gap:20px;display:flex}.kk-footer__links a{color:var(--kk-ink);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--kk-line);text-decoration-color:var(--kk-line)}.kk-footer__links a:hover{-webkit-text-decoration-color:var(--kk-accent);text-decoration-color:var(--kk-accent)}.kk-footer__legal{margin-top:28px;font-style:normal;line-height:1.8}.kk-footer__copy{margin:18px 0 0;font-size:12px}@media (width<=860px){.kk .scroll-scrub__route{display:none}}@media (width<=960px){.kk-nav__links{display:none}.kk-screens__stage{grid-template-columns:1fr 1fr}.kk-phone--a{display:none}.kk-friend{grid-template-columns:1fr}.kk-friend__shot{max-height:70vh}.kk .kk-friend__login{display:none}.kk-faq,.kk-download{grid-template-columns:1fr}.kk-download__photo{aspect-ratio:16/10;justify-self:start;max-width:100%}}@media (width<=600px){.kk-nav{height:60px}.kk-nav__word{display:none}.kk-screens__stage{grid-template-columns:1fr;gap:28px}.kk-phone--c{transform:none}.kk-shutter__button{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){.kk-hairline__line,.kk-hairline__arrow,.kk-shutter__button,.kk-shutter__ring,.kk-band:before,.kk-band__arrow,.kk-faq__plus:before,.kk-faq__plus:after{transition:none}.kk-shutter:hover .kk-shutter__ring{transform:none}}.kk-legal{background:var(--kk-bg);color:var(--kk-ink);font-family:var(--kk-font);min-height:100dvh;padding:0 var(--kk-gutter) clamp(64px, 10vw, 128px)}.kk-legal__head{border-bottom:1px solid var(--kk-line);max-width:760px;margin:0 auto;padding:clamp(28px,5vw,56px) 0 clamp(20px,3vw,32px)}.kk-legal__back{color:var(--kk-muted);transition:color .2s var(--kk-ease);align-items:center;gap:8px;margin-bottom:clamp(20px,4vw,36px);font-size:.9rem;text-decoration:none;display:inline-flex}.kk-legal__back:hover{color:var(--kk-ink)}.kk-legal__body{max-width:760px;margin:0 auto;padding-top:clamp(28px,4vw,44px)}.kk-legal__h{letter-spacing:-.01em;margin:clamp(36px,5vw,52px) 0 clamp(10px,1.5vw,14px);font-size:clamp(1.02rem,1.6vw,1.16rem);font-weight:600;line-height:1.45}.kk-legal__h:first-child{margin-top:0}.kk-legal__p{color:var(--kk-muted);overflow-wrap:anywhere;word-break:keep-all;margin:0 0 clamp(14px,2vw,18px);font-size:.96rem;line-height:1.85}.kk-legal__foot{border-top:1px solid var(--kk-line);max-width:760px;margin:clamp(48px,7vw,80px) auto 0;padding-top:clamp(20px,3vw,28px)}.kk-legal__foot a{color:var(--kk-muted);transition:color .2s var(--kk-ease);font-size:.9rem;text-decoration:none}.kk-legal__foot a:hover{color:var(--kk-ink)}