:root{--ink:#172333;--muted:#586779;--blue:#176cde;--line:#dde4ed;--surface:#f5f8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR",sans-serif;line-height:1.6;word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:0;left:24px;transform:translateY(-130%);background:var(--ink);color:white;padding:12px 18px;z-index:10}.skip-link:focus{transform:translateY(0)}
.site-header{display:flex;align-items:center;justify-content:space-between;min-height:100px}.brand{font-size:21px;font-weight:800;letter-spacing:1.6px}.brand-dot{color:var(--blue)}.languages{display:flex;align-items:center;gap:9px;color:#77818e;font-size:13px}.languages button{border:0;background:none;color:var(--muted);padding:10px 4px;cursor:pointer}.languages button[aria-pressed=true]{color:var(--ink);font-weight:700}
.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;padding-block:46px 84px}.app-name{display:flex;align-items:center;gap:14px;font-size:23px;font-weight:700;margin-bottom:42px}.app-name img,.closing>img{border-radius:15px;box-shadow:0 6px 18px #17233314}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.8px;color:var(--blue);margin-bottom:18px}.hero h1{font-size:clamp(40px,4.5vw,60px);line-height:1.22;letter-spacing:-2.9px;font-weight:800}.accent{color:var(--blue)}.hero-description{font-size:17px;line-height:1.9;color:var(--muted);margin-top:26px}.download-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px}.store-button{display:inline-flex;align-items:center;gap:18px;background:var(--ink);color:#fff;padding:11px 20px;border-radius:12px;font-weight:600;font-size:17px;line-height:1.4;transition:background .2s}.store-button:hover{background:#29435e}.store-button small{display:block;font-weight:400;font-size:10px;color:#cbd7e7}.store-symbol{font-size:26px}.store-pending{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;line-height:1.5}.store-pending small{display:block;color:var(--muted);font-size:11px;font-weight:400}.pending-dot{width:7px;height:7px;border-radius:50%;background:#8e9eaf}.hero-note{margin-top:17px;font-size:12px;color:var(--muted)}.hero-visual{padding:32px 36px 15px;border-radius:36px;background:radial-gradient(ellipse at 25% 20%,#e4efff,#f2f5fb 65%,#e5ebf4);position:relative}.phone{position:relative;background:#182333 url('assets/wallpaper.webp') center/cover;border:7px solid #27303d;outline:1px solid #415066;border-radius:42px;width:min(100%,338px);margin-inline:auto;padding:52px 13px 42px;box-shadow:0 24px 35px #25365126}.phone-camera{position:absolute;top:17px;left:calc(50% - 5px);width:10px;height:10px;background:#0b1019;border-radius:50%;box-shadow:inset 0 0 0 2px #344150}.phone-widgets{display:grid;gap:18px}.phone-widgets img{width:100%;filter:drop-shadow(0 4px 6px #152c3d14)}.phone-home{position:absolute;bottom:14px;left:calc(50% - 45px);width:90px;height:4px;border-radius:10px;background:#eef5fa}.hero-visual figcaption{text-align:center;font-size:10px;color:#586779;margin-top:20px}
h2{font-size:clamp(30px,3.6vw,43px);letter-spacing:-1.8px;line-height:1.35;font-weight:750}.overview{text-align:center;padding-block:84px 90px;border-top:1px solid var(--line)}.section-description{font-size:16px;color:var(--muted);line-height:1.9;margin-top:22px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;text-align:left}.benefits>div{border-top:1px solid var(--line);padding-top:22px}.benefit-number{font-size:12px;color:var(--blue);font-weight:750;letter-spacing:1px}.benefits h3{font-size:18px;letter-spacing:-.5px;margin:12px 0 8px}.benefits p{font-size:14px;color:var(--muted);line-height:1.8}
.details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-card{border-radius:26px;overflow:hidden;background:#eff5fc;padding:40px 38px 0}.upcoming-card{background:#f3f1fb}.detail-copy h2{font-size:31px;letter-spacing:-1.4px}.detail-copy>p:last-child{font-size:14px;color:var(--muted);line-height:1.8;margin-top:18px}.widget-stage{margin:32px -5px 0;padding:28px 22px 34px;border-radius:24px 24px 0 0;background:url('assets/wallpaper.webp') center 45%/cover}.widget-stage img{width:100%;filter:drop-shadow(0 5px 12px #152c3d16)}
.styles-section{padding-block:100px}.section-heading{text-align:center}.style-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.style-gallery figure>div{padding:20px;border-radius:20px;background:#edf4fc}.style-gallery figure:nth-child(2)>div{background:#edf5f1}.style-gallery figure:nth-child(3)>div{background:#f4f0f7}.style-gallery figcaption{text-align:center;margin-top:17px;font-size:13px;color:var(--muted)}.extras{padding-block:0 90px}.extras>h2{font-size:29px;letter-spacing:-1px}.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:38px}.extra-mark{font-size:25px;color:var(--blue);font-weight:600;display:block;margin-bottom:14px}.extras h3{font-size:18px;margin-bottom:10px}.extras p{font-size:14px;line-height:1.85;color:var(--muted)}.closing{border-radius:30px;background:var(--surface);text-align:center;padding:58px 24px}.closing>img{margin:0 auto 22px}.closing h2{font-size:37px}.text-link{display:inline-block;font-size:15px;font-weight:650;color:var(--blue);margin-top:26px}.text-link:hover{text-decoration:underline}.closing>p{font-size:12px;margin-top:12px;color:var(--muted)}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:58px 30px}.site-footer .brand{font-size:17px}.site-footer>div p{font-size:11px;color:var(--muted);margin-top:8px}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--muted);padding-top:5px}.site-footer nav a:hover{text-decoration:underline}.platform-note{width:100%;font-size:10px;color:var(--muted);padding-top:15px;border-top:1px solid var(--line)}
@media(min-width:1600px){.hero{gap:90px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-visual{padding:28px 22px 15px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-description{font-size:15px}.download-links{gap:16px}.detail-card{padding:30px 25px 0}.detail-copy h2{font-size:26px}.extras-grid{gap:24px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{min-height:76px}.brand{font-size:18px}.hero{grid-template-columns:1fr;padding-block:30px 54px;gap:34px}.app-name{margin-bottom:30px;font-size:21px}.app-name img{width:48px;height:48px;border-radius:12px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero .eyebrow{font-size:11px}.hero-description{font-size:15px;margin-top:22px}.hero-description br{display:none}.hero-visual{padding:30px 40px 16px;max-width:440px;width:100%;justify-self:center;border-radius:26px}.phone{max-width:290px;padding-top:43px;border-radius:36px;border-width:6px}.phone-widgets{gap:16px}.phone-camera{top:13px}.hero-visual figcaption{font-size:9px}.overview{padding-block:54px}.overview h2,.section-heading h2{font-size:32px}.section-description{font-size:14px}.section-description br{display:none}.benefits{grid-template-columns:1fr;gap:20px;margin-top:34px}.benefits>div{display:grid;grid-template-columns:32px 1fr;column-gap:12px;padding-top:18px}.benefit-number{grid-row:1/3;padding-top:4px}.benefits h3{margin:0 0 5px;font-size:17px}.benefits p{font-size:14px}.benefits br{display:none}.details{grid-template-columns:1fr;gap:20px}.detail-card{padding:30px 26px 0}.detail-copy h2{font-size:29px}.widget-stage{max-width:390px;margin-inline:auto;width:100%}.styles-section{padding-block:60px}.style-gallery{grid-template-columns:1fr;max-width:390px;margin-inline:auto;gap:28px}.style-gallery figure>div{padding:24px}.style-gallery figcaption{margin-top:12px}.extras{padding-bottom:54px}.extras>h2{font-size:27px}.extras-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.extra-mark{font-size:23px;margin-bottom:8px}.extras h3{margin-bottom:6px}.closing{padding:42px 20px;border-radius:24px}.closing h2{font-size:29px}.site-footer{padding-top:42px;gap:20px}.site-footer nav{gap:12px 20px}.site-footer nav a:last-child{flex-basis:100%}.platform-note{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}