@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800&display=swap');

:root{--bg:#0b1224;--surface:#111827;--surface-light:#1f2937;--primary:#6366f1;--accent:#22d3ee;--pink:#ec4899;--text:#e5e7eb;--dim:#94a3b8;--border:#1f2937;--grad:linear-gradient(120deg,#6366f1,#ec4899,#06b6d4)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans KR",sans-serif;min-width:320px}.cosmos{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 600px at 15% -5%,rgba(99,102,241,.28),transparent 60%),radial-gradient(760px 560px at 92% 8%,rgba(236,72,153,.20),transparent 60%),radial-gradient(760px 620px at 60% 100%,rgba(6,182,212,.16),transparent 60%),linear-gradient(180deg,#0b1224,#101024 40%,#0b1224)}.stars{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,#cbd5ff,transparent),radial-gradient(1px 1px at 85% 25%,#fff,transparent),radial-gradient(1px 1px at 55% 15%,#e9d5ff,transparent);background-size:520px 520px;animation:drift 60s linear infinite}@keyframes drift{to{background-position:520px 520px}}
.topbar{height:64px;display:flex;align-items:center;gap:10px;padding:0 clamp(16px,3vw,46px);border-bottom:1px solid var(--border);background:rgba(17,24,39,.95);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.hub-mark{display:flex;padding-right:10px;border-right:1px solid rgba(148,163,184,.3)}.hub-mark img{width:88px;height:30px;object-fit:contain}.app-name{color:transparent;background:var(--grad);background-clip:text;-webkit-background-clip:text;font:800 17px Outfit,"Noto Sans KR",sans-serif;text-decoration:none;letter-spacing:-.04em}.topbar nav{display:flex;gap:3px;margin-left:10px;flex:1}.topbar nav a,.login{color:var(--dim);font-size:14px;text-decoration:none;padding:8px 10px;border-radius:5px}.topbar nav a:hover,.login:hover{color:var(--text);background:var(--surface-light)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.login{font-size:12px}.buy-small{background:var(--primary);color:white;border-radius:4px;text-decoration:none;font-size:12px;font-weight:700;padding:8px 11px}.buy-small:hover{filter:brightness(1.12)}
.hero{min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:90px 24px 72px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#c9c9f0;border:1px solid var(--border);background:rgba(17,24,39,.6);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600}.hero-kicker i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399}.hero h1,.products h2,.benefit h2,.download h2{font-family:"Noto Sans KR",sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.12}.hero h1{max-width:18ch;margin:28px auto 0;font-size:clamp(40px,5vw,77px)}em{font-style:normal;background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.hero>p{max-width:670px;margin:27px auto 0;color:#a9bbd4;font-size:clamp(14px,1.25vw,17px);line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:38px}.hero-actions a{border-radius:12px;text-decoration:none;padding:14px 28px;font-size:14px;font-weight:800}.cta-primary{background:var(--grad);color:#fff}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(99,102,241,.25)}.cta-secondary{border:1px solid var(--border);color:var(--dim)}.cta-secondary:hover{color:var(--text);border-color:#3e4a62}.hero-counter{display:flex;gap:clamp(28px,5vw,65px);justify-content:center;flex-wrap:wrap;margin-top:66px}.hero-counter div{min-width:84px}.hero-counter b{display:block;font:800 clamp(28px,2.5vw,39px) Outfit,"Noto Sans KR",sans-serif;letter-spacing:-.05em;background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-counter span{display:block;margin-top:4px;color:var(--dim);font-size:13px}
.products,.benefit,.download{max-width:1120px;margin:auto;padding:110px 24px}.section-kicker{margin:0;color:var(--accent);font:600 12px Outfit,sans-serif;letter-spacing:.12em}.products h2,.benefit h2,.download h2{font-size:clamp(35px,4vw,58px);margin:17px 0 50px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-grid article{background:rgba(17,24,39,.8);border:1px solid var(--border);border-radius:15px;padding:27px 23px;min-height:224px;transition:transform .2s,border-color .2s}.product-grid article:hover{transform:translateY(-5px);border-color:rgba(99,102,241,.75)}.product-grid span{font:700 13px Outfit,sans-serif;color:var(--accent)}.product-grid h3{margin:26px 0 11px;font-size:18px;letter-spacing:-.04em}.product-grid p{margin:0;color:var(--dim);font-size:14px;line-height:1.75}.benefit{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start;border-top:1px solid var(--border)}.benefit h2{margin-bottom:0}.benefit ul{list-style:none;margin:0;padding:0}.benefit li{display:grid;grid-template-columns:125px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--border)}.benefit b{font:700 18px Outfit,sans-serif;color:#d7dcff}.benefit span{color:var(--dim);font-size:14px;line-height:1.65}.download{text-align:center;padding-bottom:130px}.download h2{margin:16px 0}.download>p:not(.section-kicker){color:var(--dim);font-size:15px;margin:20px 0 31px}.download-pending{display:inline-block;border:1px dashed #4c5971;color:#bdc6d6;border-radius:9px;padding:13px 22px;font-size:14px;font-weight:700;opacity:.85}footer{max-width:1120px;margin:auto;padding:25px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:#60708a;font:500 11px Outfit,sans-serif;letter-spacing:.08em}
.download-pending{text-decoration:none}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-bottom:18px}.footer-links a{color:#aeb8ca;text-decoration:none;font-family:"Noto Sans KR",sans-serif;font-weight:700;letter-spacing:-.02em}.footer-links a:hover{color:#fff}.business-info{font-family:"Noto Sans KR",sans-serif;font-size:11px;line-height:1.8;letter-spacing:-.02em;margin:0 auto 16px;color:#70809a}.business-info p{margin:0}
@media(max-width:820px){.product-grid{grid-template-columns:repeat(2,1fr)}.benefit{grid-template-columns:1fr;gap:44px}.hero{min-height:calc(100svh - 64px)}.topbar nav{display:none}.app-name{font-size:15px}.hub-mark img{width:76px}.products,.benefit,.download{padding-top:78px;padding-bottom:78px}}
@media(max-width:520px){.topbar{height:58px;padding:0 14px}.hub-mark{padding-right:7px}.hub-mark img{width:60px;height:27px}.app-name{font-size:13px}.login{display:none}.buy-small{padding:7px 9px;font-size:11px}.hero{min-height:calc(100svh - 58px);padding:64px 18px 50px}.hero-kicker{font-size:11px;padding:6px 10px}.hero h1{font-size:clamp(35px,10vw,52px);margin-top:22px}.hero>p{font-size:13px;margin-top:20px}.desktop-only{display:none}.hero-actions{margin-top:27px}.hero-actions a{padding:13px 20px;font-size:13px}.hero-counter{gap:22px;margin-top:49px}.hero-counter b{font-size:28px}.hero-counter span{font-size:11px}.products,.benefit,.download{padding:66px 18px}.product-grid{grid-template-columns:1fr}.product-grid article{min-height:0;padding:22px}.products h2,.benefit h2,.download h2{font-size:34px;margin-bottom:35px}.benefit li{grid-template-columns:86px 1fr;gap:9px}.benefit b{font-size:15px}.benefit span{font-size:13px}footer{padding:20px 18px;font-size:9px}.business-info{font-size:10px}.footer-links{gap:8px 15px}}
@media(prefers-reduced-motion:reduce){.stars{animation:none}}
