@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--pink:#ff2d55;--ink:#17191f;--line:#e8ebf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);font-family:Manrope,'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{transition:color .2s,background .2s,transform .2s}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;padding:0 64px;height:86px;gap:65px}.logo{font-size:25px;letter-spacing:-1px;font-weight:900;display:flex;align-items:center;gap:7px}.logo i,.appbar i{font-style:normal;background:var(--pink);color:white;border-radius:7px;display:inline-grid;place-items:center;width:28px;height:28px;font-size:13px}.logo>span{color:var(--pink);margin-left:-7px}header nav{display:flex;gap:30px;font-size:12px;font-weight:600}header nav a:hover{color:var(--pink)}.nav-end{margin-left:auto;display:flex;gap:24px;align-items:center}.nav-end>a{font-size:10px;color:#9399a5}.login{border:0;background:none;font-size:12px}.primary{background:var(--pink);border:0;color:white;padding:16px 23px;border-radius:6px;font-size:12px;font-weight:700}.primary:hover{background:#e91e46;transform:translateY(-2px)}header .primary{padding:11px 17px;font-size:11px}.hero{background:#101217;color:white;overflow:hidden;position:relative;background-image:radial-gradient(ellipse at 85% 20%,#ff2d5512,transparent 50%)}.hero-inner{max-width:1440px;margin:auto;padding:88px 64px 85px;display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--pink);font-weight:800;display:flex;gap:8px;align-items:center}.hero .eyebrow{color:#adb4c1}.eyebrow i{height:6px;width:6px;border-radius:50%;background:var(--pink)}h1{font-size:47px;line-height:1.4;letter-spacing:-2.8px;white-space:nowrap;margin:24px 0;font-weight:800}h1 em{font-style:normal;color:var(--pink)}.hero-copy>p{font-size:13px;color:#9da5b4;line-height:1.95}.actions{display:flex;gap:10px;align-items:center;margin:30px 0 36px}.secondary{font-size:11px;border:1px solid #383e49;padding:15px 18px;border-radius:6px;white-space:nowrap}.secondary:hover{background:#282d36}.byline{font-size:8px;color:#6d7686;display:flex;gap:7px;align-items:center}.byline b{color:#a8b0bf;letter-spacing:1px}.byline>span{margin-left:8px;border-left:1px solid #39404d;padding-left:14px}.product{border:1px solid #3b414e;border-radius:10px;background:#1d212a;box-shadow:0 30px 70px #0005;position:relative;min-width:0}.appbar{height:43px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:7px;border-bottom:1px solid #303641}.appbar>b{display:flex;align-items:center;gap:6px;font-size:10px}.appbar i{height:17px;width:17px;border-radius:4px;font-size:7px}.appbar small{font-size:6px;color:#8d97a8;border-left:1px solid #444c59;padding-left:6px}.appbar>span{color:#a8b1c1}.appbody{display:flex;min-height:350px}.appbody aside{width:35px;flex-shrink:0;border-right:1px solid #303641;text-align:center;line-height:49px;color:#737f93;font-size:15px}.appmain{padding:14px;width:70%;min-width:0}.apptitle{font-size:9px;font-weight:700;margin-bottom:13px;display:flex;align-items:center;gap:6px}.apptitle small{border:1px solid #444b58;font-size:5px;color:#a6afbf;border-radius:3px;padding:3px 4px}.apptitle>b{margin-left:auto;color:var(--pink);font-size:6px}.stream{position:relative;height:201px;border-radius:5px;overflow:hidden}.stream>img,.demo-scene>img{height:100%;width:100%;object-fit:cover;filter:brightness(.7)}.live{position:absolute;top:12px;left:12px;background:var(--pink);color:white;border-radius:3px;padding:4px 6px;font-size:6px;font-weight:800}.live b{font-size:6px;border-left:1px solid #ffffff70;margin-left:4px;padding-left:4px;font-weight:500}.alert{position:absolute;bottom:32px;left:12px;right:12px;border:1px solid #ffffff35;border-radius:6px;padding:11px;display:flex;gap:10px;align-items:center;background:#111722e8;backdrop-filter:blur(10px)}.alert>i{font-style:normal;display:grid;place-items:center;background:#ff2d5517;color:var(--pink);font-size:29px;width:35px;height:37px;border-radius:6px}.alert small{font-size:6px;color:#9aa5b8;display:block;margin-bottom:5px}.alert strong{font-size:10px}.alert strong b{color:var(--pink)}.alert p{font-size:7px;color:#b5becc;margin:5px 0 0}.stream-bottom{position:absolute;bottom:10px;left:12px;right:12px;font-size:6px;letter-spacing:1px;color:#c3cbd9}.stream-bottom b{float:right;font-weight:400}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.stats>div{background:#262c37;border:1px solid #343c48;border-radius:5px;padding:10px;position:relative}.stats span{font-size:6px;color:#98a4b7;display:block;margin-bottom:6px}.stats strong{font-size:15px}.stats strong small{font-size:8px;font-weight:400}.stats>div>small{font-size:5px;color:#8d99ac}.bars{position:absolute;right:10px;bottom:9px;letter-spacing:2px;font-size:14px;color:var(--pink)}.progress{height:4px;background:#414957;border-radius:8px;margin:7px 0}.progress i{width:75%;height:100%;background:var(--pink);display:block;border-radius:8px}.chat{width:30%;min-width:124px;border-left:1px solid #303641;padding:15px 10px;position:relative}.chat h4{font-size:9px;margin:0 0 13px}.chat h4 b{float:right;font-size:6px;color:#4dd59e}.filter{font-size:6px;background:#29313d;color:#a0abbd;padding:7px;border-radius:3px}.filter span{float:right}.chat p{display:grid;grid-template-columns:11px 1fr;column-gap:5px;font-size:6px;margin:14px 0}.chat p i{width:10px;height:10px;display:grid;place-items:center;border-radius:3px;font-style:normal;font-size:6px}.green{background:#00dc98;color:#004e32}.red{background:#f04356;color:white}.blue{background:#486cdd;color:white}.chat p b{align-self:center;color:#cbd4e3}.chat p>span{grid-column:2;color:#99a5b7;margin-top:4px;line-height:1.7}.event{font-size:6px;padding:8px 5px;border:1px solid #ff2d5530;color:#ff8aa2;background:#ff2d5510;border-radius:4px}.compose{position:absolute;bottom:13px;left:9px;right:9px;font-size:6px;background:#29313d;border-radius:4px;padding:9px;color:#8490a3}.compose b{float:right;color:var(--pink)}.note{position:absolute;bottom:-22px;right:0;font-size:7px;color:#6b7689}.hero-bottom{max-width:1312px;margin:auto;border-top:1px solid #292f3a;padding:24px 0;display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:1.5px;color:#c3cad7;font-weight:700}.hero-bottom i{color:var(--pink);font-style:normal}.hero-bottom p{color:#69758a;font-size:10px;letter-spacing:0;font-weight:400;margin:0 0 0 25px}.hero-bottom a{margin-left:auto;font-size:8px;color:#7f8a9d}.section{max-width:1312px;margin:auto;padding:90px 0}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}h2{font-size:35px;letter-spacing:-1.7px;line-height:1.45;font-weight:800;margin:16px 0 0}.section-top>p{font-size:12px;line-height:1.95;color:#8a929f;margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{padding:28px;border:1px solid var(--line);border-radius:10px;position:relative}.cards article>i{font-style:normal;display:grid;place-items:center;width:43px;height:43px;color:var(--pink);background:#fff0f3;font-size:25px;border-radius:10px;margin-bottom:27px}.cards article>small{position:absolute;right:25px;top:43px;font-size:8px;letter-spacing:1px;color:#adb4bf}.cards h3{font-size:20px;letter-spacing:-.7px;margin:0 0 12px}.cards p{font-size:12px;color:#8b939f;line-height:1.9}.cards a{display:block;border-top:1px solid var(--line);padding-top:18px;margin-top:27px;font-size:11px;font-weight:600}.cards a:hover{color:var(--pink)}.cards a b{float:right}.gray-section{background:#f6f7f9;border-block:1px solid #eef0f5}.tabs{display:flex;gap:25px;border-bottom:1px solid #dce1e9;margin-bottom:23px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;font-size:12px;font-weight:600;color:#8b95a5;padding:15px 3px}.tabs button.active{color:var(--pink);border-color:var(--pink)}.tabs>span{margin-left:auto;align-self:center;font-size:8px;letter-spacing:1px;color:#a1aaba}.demo{border:1px solid #e0e5ed;border-radius:10px;overflow:hidden;background:white;display:grid;grid-template-columns:1.65fr 1fr}.demo-scene{height:405px;position:relative;background:#101217}.demo-scene>img{filter:brightness(.45)}.demo-scene .live{top:23px;left:25px;font-size:8px}.watermark{position:absolute;left:25px;bottom:23px;color:#ffffff60;font-size:9px;letter-spacing:2px}#output{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#101722ed;border:1px solid #ffffff35;border-top:2px solid var(--pink);border-radius:8px;padding:24px;width:80%;text-align:center;color:white;box-shadow:0 20px 40px #0005}#output>i{font-size:40px;display:block;color:var(--pink);font-style:normal;margin-bottom:12px}#output strong{font-size:18px;letter-spacing:-.5px}#output b{color:var(--pink)}#output p{font-size:11px;color:#b8c4d6;margin:10px 0 0}.control{padding:32px}.control h3{font-size:25px;letter-spacing:-1px;line-height:1.5;margin:17px 0}.control>p{font-size:12px;color:#8a95a6;line-height:1.9;margin-bottom:20px}.setting{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px;color:#8591a3}.toggle{height:14px;width:26px;border-radius:15px;background:var(--pink);position:relative}.toggle:after{content:'';position:absolute;right:2px;top:2px;width:10px;height:10px;background:white;border-radius:50%}.setting>b{font-size:9px;display:flex;gap:7px;align-items:center}.setting i{width:12px;height:12px;background:var(--pink);border-radius:3px}.control .primary{width:100%;margin-top:22px;font-size:11px;padding:13px}.control>small{font-size:8px;color:#a2acba;display:block;text-align:center;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:42px}.steps>div{border-top:1px solid #dce2eb;padding-top:21px}.steps b{font-size:12px;color:var(--pink)}.steps h3{font-size:19px;letter-spacing:-.6px;margin:19px 0 11px}.steps p{font-size:12px;color:#8c97a8;line-height:1.9}.cta{background:#12151c;color:white;padding:60px max(64px,calc((100vw - 1312px)/2));display:flex;justify-content:space-between;align-items:center;overflow:hidden}.cta .eyebrow{color:#8b98ad;font-size:8px}.cta h2{font-size:33px;margin-bottom:25px}.cta>span{font-size:170px;font-weight:800;letter-spacing:-15px;color:#ffffff07}.cta>span b{color:#ff2d5570;font-weight:400}footer{max-width:1312px;margin:auto;padding:40px 0;display:flex;gap:65px;align-items:start}footer .logo{font-size:21px}footer .logo i{height:24px;width:24px;font-size:11px}footer p{font-size:10px;color:#98a3b3;line-height:1.9;margin:13px 0 6px}footer>div:nth-child(2){font-size:11px;padding-top:5px}footer small{font-size:9px;color:#a6b0bf}footer>a{margin-left:auto;font-size:10px;color:#8a97aa;padding-top:7px}dialog{border:1px solid #dce2eb;border-radius:12px;padding:38px;text-align:center;max-width:90vw}dialog::backdrop{background:#080d18aa;backdrop-filter:blur(5px)}dialog .eyebrow{justify-content:center}dialog h2{font-size:24px}dialog p{font-size:12px;line-height:1.9;color:#8c98aa;margin:20px 0 25px}.close{position:absolute;right:10px;top:6px;border:0;background:none;font-size:24px;color:#8c98aa}.flash{animation:flash .4s}@keyframes flash{50%{box-shadow:0 0 0 7px #ff2d5530}}
@media(max-width:1450px){.section,footer,.hero-bottom{margin-left:64px;margin-right:64px}.actions{flex-wrap:wrap}h1{font-size:45px}.hero-inner{gap:24px}}@media(max-width:1100px){header{padding:0 32px;gap:35px}header nav{gap:20px}.nav-end{gap:14px}.hero-inner{padding:65px 32px 70px;gap:20px;grid-template-columns:.8fr 1fr}h1{font-size:36px}.hero-copy>p{font-size:12px}.byline{font-size:7px}.appmain{padding:10px}.appbody aside{width:28px}.chat{min-width:100px;padding:12px 7px}.appbody{min-height:326px}.stream{height:180px}.alert{padding:8px;left:8px;right:8px;gap:5px}.alert strong{font-size:8px}.alert>i{width:25px;font-size:24px}.stats strong{font-size:12px}.bars{display:none}.section,footer,.hero-bottom{margin-left:32px;margin-right:32px}.section{padding:75px 0}h2{font-size:30px}.section-top>p{font-size:11px}.cards article{padding:23px}.cards h3{font-size:17px}.cards p{font-size:10px}.cards article>small{font-size:6px;right:20px}.demo{grid-template-columns:1.3fr 1fr}.control{padding:25px}.control h3{font-size:22px}.control>p{font-size:11px}.cta{padding:55px 32px}.cta>span{font-size:120px}.hero-bottom{gap:12px}.hero-bottom p{font-size:9px;margin-left:8px}.steps{gap:35px}}
@media(max-width:760px){header{height:72px;padding:0 22px}.logo{font-size:22px}header nav,.login,.nav-end>a{display:none}.nav-end{gap:0}header .primary{font-size:10px}.hero-inner{grid-template-columns:1fr;padding:46px 24px 54px;gap:37px}.hero .eyebrow{font-size:8px}h1{font-size:39px;letter-spacing:-2px;margin:22px 0}.hero-copy>p{font-size:12px}.actions{margin:26px 0}.primary{padding:15px 17px;font-size:11px}.secondary{font-size:10px;padding:14px}.byline{font-size:8px}.appbar{height:36px;padding:0 10px;font-size:6px}.appbar>b{font-size:8px}.appbar small{font-size:5px}.appbody{min-height:280px}.appbody aside{width:26px;line-height:43px;font-size:12px}.appmain{padding:9px}.apptitle{font-size:7px;margin-bottom:9px;gap:4px}.apptitle small{font-size:4px}.apptitle>b{font-size:5px}.stream{height:155px}.alert{left:6px;right:6px;bottom:25px;padding:7px}.alert>i{width:23px;height:27px;font-size:23px}.alert small{font-size:4px;margin-bottom:3px}.alert strong{font-size:7px}.alert p{font-size:5px}.live{top:8px;left:8px;font-size:5px;padding:3px 4px}.live b{font-size:5px}.stream-bottom{left:8px;right:8px;bottom:8px;font-size:4px}.stats{gap:5px;margin-top:6px}.stats>div{padding:7px}.stats span{font-size:5px;margin-bottom:5px}.stats strong{font-size:11px}.stats strong small{font-size:6px}.stats>div>small{font-size:4px}.chat{min-width:88px;padding:11px 6px}.chat h4{font-size:7px}.chat p{font-size:5px;grid-template-columns:9px 1fr;column-gap:3px;margin:11px 0}.chat p i{height:8px;width:8px;font-size:5px}.filter,.event,.compose{font-size:5px}.compose{left:5px;right:5px}.note{font-size:6px;bottom:-18px}.hero-bottom{margin:0 24px;flex-wrap:wrap;gap:14px;font-size:8px;padding:21px 0}.hero-bottom p{flex-basis:100%;margin:0;font-size:9px}.hero-bottom a{display:none}.section{margin:0 24px;padding:60px 0}.section-top{display:block;margin-bottom:28px}.eyebrow{font-size:8px}h2{font-size:28px;letter-spacing:-1.3px}.section-top>p{font-size:11px;margin-top:20px}.cards{grid-template-columns:1fr;gap:13px}.cards article{padding:23px}.cards h3{font-size:19px}.cards p{font-size:12px}.cards article>small{font-size:8px;top:39px}.cards article>i{margin-bottom:22px}.cards a{margin-top:20px;padding-top:17px}.tabs{gap:20px}.tabs button{font-size:11px}.tabs>span{display:none}.demo{grid-template-columns:1fr}.demo-scene{height:270px}#output{padding:19px;width:83%}#output strong{font-size:16px}#output>i{font-size:34px}.control{padding:25px}.control h3{font-size:23px}.control>p{font-size:12px}.setting{font-size:11px}.steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.steps>div{position:relative;padding:20px 0 0 44px}.steps b{position:absolute;left:0;top:23px;font-size:13px}.steps h3{font-size:18px;margin:0 0 9px}.steps p{font-size:12px;margin:0}.cta{padding:45px 24px;position:relative}.cta h2{font-size:27px}.cta .eyebrow{font-size:7px}.cta>span{position:absolute;right:-30px;bottom:10px;font-size:110px;pointer-events:none;opacity:.5}.cta>div{position:relative;z-index:1}footer{margin:0 24px;padding:30px 0;flex-wrap:wrap;gap:24px}footer>div:first-child{width:100%}footer>div:nth-child(2){font-size:10px}footer p{font-size:9px}footer>a{margin:0;font-size:9px}dialog{padding:32px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}