@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900;1000&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#faf9f5;--ink:#252823;--coral:#fa5c48;--muted:#797b72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.nav{height:100px;max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 64px;border-bottom:1px solid #dedfd5}.logo{font-size:33px;letter-spacing:-1.7px;font-weight:1000;display:inline-flex;align-items:center;gap:8px}.symbol{font-size:45px;color:var(--coral);line-height:1}.dot{color:var(--coral);margin-left:-9px}.nav nav{display:flex;gap:36px;font-size:14px;font-weight:600}.nav nav a:hover,.text-link:hover{color:var(--coral)}.nav-cta{font-size:13px;border:1px solid #bfc2b8;border-radius:7px;padding:12px 18px;display:flex;gap:25px;font-weight:700}.hero{max-width:1400px;margin:auto;padding:80px 64px 89px;display:grid;grid-template-columns:1fr 1fr;min-height:735px;overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--coral)}h1{font-size:65px;letter-spacing:-3.8px;line-height:1.24;margin:25px 0 24px;font-weight:900}h1 em{font-style:normal;color:var(--coral)}.burst{display:inline-block;font-size:66px;color:var(--coral);vertical-align:middle;margin-left:17px;transform:rotate(10deg)}.hero-copy>p{font-size:15px;line-height:1.95;color:#71756b;letter-spacing:-.3px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;padding:17px 23px;border-radius:6px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.dark{background:var(--ink);color:white}.button:hover{background:#434a3b;transform:translateY(-3px)}.text-link{font-size:12px;font-weight:600;display:flex;gap:18px}.byline{margin-top:47px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1px;color:#7a7e73}.byline b{font-size:11px;letter-spacing:1px;color:#434b3f}.byline>span{letter-spacing:0;font-size:10px;border-left:1px solid #cdd0c5;padding-left:11px;margin-left:3px}.playground{position:relative;align-self:center;height:510px;margin-left:3px}.orbit{position:absolute;border:1px solid #dedfd5;border-radius:50%;width:510px;height:510px;left:8px;top:0}.orbit-two{width:400px;height:400px;left:62px;top:55px}.floating-label{position:absolute;right:20px;top:1px;font-size:9px;letter-spacing:2px;transform:rotate(8deg)}.live-window{position:absolute;left:45px;top:74px;width:440px;background:white;border:1px solid #30372b;border-radius:12px;transform:rotate(-4deg);box-shadow:9px 13px 0 #e3e5d8;overflow:hidden}.window-top{height:39px;display:flex;align-items:center;padding:0 14px;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1px}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#c7c9bf}.live-pill{background:#ffede8;color:var(--coral);padding:4px 7px;border-radius:3px;font-size:7px}.stage{position:relative;height:271px;background:#dce8d3;overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#b2c4a130 1px,transparent 1px),linear-gradient(90deg,#b2c4a130 1px,transparent 1px);background-size:30px 30px}.scene-tag{position:absolute;top:17px;left:16px;background:#fff9;font-size:8px;padding:5px 9px;border-radius:3px}.pop-art{width:180px;height:180px;position:absolute;left:125px;top:40px;transform:rotate(-9deg)}.petal{position:absolute;background:var(--coral);width:104px;height:104px;border-radius:50%}.p1{top:0;left:38px}.p2{top:38px;right:0}.p3{bottom:0;left:38px}.p4{left:0;top:38px}.pop-face{position:absolute;inset:43px 35px;background:var(--coral);border-radius:20px;display:flex;justify-content:center;gap:20px;padding-top:24px}.pop-face i{height:18px;width:10px;background:var(--ink);border-radius:50%}.pop-face b{position:absolute;top:29px;font-size:57px;font-weight:500;line-height:1}.spark{position:absolute;font-size:45px}.s1{left:50px;top:65px;color:#faf8d2}.s2{right:38px;top:45px;color:#50613f}.stage-caption{position:absolute;bottom:64px;left:29px;font-size:9px;font-weight:900;letter-spacing:3px}.goal{position:absolute;bottom:14px;left:25px;width:230px;padding:9px 12px;background:#fffaf0;border:1px solid #33442b;border-radius:5px}.goal>span{font-size:7px;display:flex;justify-content:space-between}.goal>div{height:5px;background:#e9e7d9;margin-top:6px;border-radius:9px}.goal i{display:block;width:75%;height:100%;background:var(--coral);border-radius:9px}.window-bottom{height:35px;padding:10px 14px;font-size:7px;display:flex;justify-content:space-between}.window-bottom i{display:inline-block;width:5px;height:5px;background:#79a365;border-radius:50%;margin-right:5px}.notification{position:absolute;background:#fff;border:1px solid #30372b;border-radius:10px;box-shadow:4px 5px 0 #25282310}.donation{top:50px;left:8px;display:flex;align-items:center;padding:16px 20px;gap:12px;transform:rotate(4deg);z-index:2}.gift{width:43px;height:43px;background:#ffe4de;border-radius:11px;display:grid;place-items:center;color:var(--coral);font-size:34px}.donation small{font-size:8px;color:#888;display:block;margin-bottom:5px}.donation strong{font-size:12px}.donation em{color:var(--coral);font-style:normal}.donation p{font-size:9px;margin:5px 0 0}.confetti{font-size:22px;color:var(--coral);align-self:flex-start;margin-left:6px}.chat{right:-9px;bottom:30px;width:246px;padding:16px;transform:rotate(5deg);z-index:2}.chat-heading{display:flex;justify-content:space-between;font-size:10px;font-weight:800;margin-bottom:17px}.chat-heading small{font-size:6px;color:#6c8c55;letter-spacing:.5px}.chat p{font-size:8px;margin:12px 0}.chat p b{margin-right:8px}.green{color:#63984d}.violet{color:#997cc0}.coral{color:var(--coral)}.chat-input{padding:8px;background:#f5f5ef;color:#a3a397;font-size:7px;display:flex;justify-content:space-between;border-radius:4px;margin-top:15px}.sticker{position:absolute;bottom:27px;left:42px;background:#f4ed9b;width:115px;height:115px;border:1px solid #30372b;border-radius:50%;transform:rotate(-13deg);font-size:17px;line-height:1.05;padding:24px 18px;text-align:center}.sticker b{font-size:28px;letter-spacing:-1px}.sticker>span{position:absolute;right:10px;top:18px}.demo-caption{position:absolute;bottom:-12px;right:80px;font-size:8px;color:#95998c}.ticker{display:flex;align-items:center;justify-content:space-around;gap:24px;background:#e8ecdf;border-block:1px solid #d6dccb;overflow:hidden;padding:20px 30px;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:1.7px}.ticker i{font-size:27px;color:#697d4d;font-style:normal}.section{max-width:1272px;margin:auto;padding:105px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}h2{font-size:38px;line-height:1.4;letter-spacing:-1.8px;margin:16px 0 0;font-weight:800}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 4px}.experience-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.demo-panel{background:#eeeae1;border:1px solid #dfdcd1;border-radius:12px;padding:22px;display:flex;align-items:center;flex-direction:column;min-height:375px}.demo-top{display:flex;justify-content:space-between;width:100%;font-size:9px;font-weight:800;letter-spacing:1px;color:#74786c}.demo-top span:last-child{font-size:7px}.demo-visual{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;height:235px}.demo-heart{color:var(--coral);font-size:70px;line-height:1;margin-bottom:20px}.demo-visual strong{font-size:16px;letter-spacing:-.5px}.demo-visual p{font-size:11px;color:#7c7d72;line-height:1.8}.demo-panel>.button{font-size:11px;padding:12px 20px;min-width:190px}.demo-panel>small{font-size:9px;color:#8c8d81;margin-top:12px}.feature-tab{width:100%;border:0;border-bottom:1px solid #dedfd6;background:transparent;text-align:left;display:flex;padding:24px 13px;gap:20px;transition:background .2s}.feature-tab>span{font-size:10px;color:#8b8e81;margin-top:4px}.feature-tab h3{margin:0 0 11px;font-size:20px;letter-spacing:-.7px}.feature-tab p{font-size:12px;line-height:1.8;color:#8a8b80;margin:0}.feature-tab>b{margin-left:auto;font-size:20px;color:#9a9e91}.feature-tab.active{background:#f0f0e8;border-radius:7px}.feature-tab.active h3,.feature-tab.active>b{color:var(--coral)}.tools{border-top:1px solid #dedfd5;padding-top:85px}.section-note{font-size:12px;color:#83877a;margin-bottom:6px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{border-radius:12px;min-height:355px;padding:28px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.pink{background:#f8e6e1}.yellow{background:#f1edce}.mint{background:#e0e8dc}.tool-card>div:last-of-type>span{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#898577}.tool-card h3{font-size:22px;letter-spacing:-.8px;margin:12px 0}.tool-card p{font-size:12px;line-height:1.9;color:#7f7e72;margin:0}.mini-alert{background:#fffaf5;box-shadow:0 5px 10px #865f4910;border-radius:8px;padding:15px 12px;transform:rotate(-5deg);margin:15px 7px 33px;display:grid;grid-template-columns:35px 1fr;align-items:center}.mini-alert>span{grid-row:span 2;color:var(--coral);font-size:31px}.mini-alert b{font-size:12px}.mini-alert small{font-size:9px;color:#898476;margin-top:5px}.mini-chat{transform:rotate(3deg);margin:0 4px 21px}.mini-chat p{background:#fffc;padding:9px 12px;border-radius:6px;font-size:10px;margin:5px 0;box-shadow:0 2px 2px #00000003}.mini-chat p:nth-child(2){margin-left:22px}.mini-chat b{color:#9c8f3d;margin-right:8px}.mini-overlay{background:#fffaf5;padding:21px 17px;border:1px solid #d1d7c6;border-radius:7px;transform:rotate(-4deg);margin:18px 6px 32px}.mini-overlay>span{display:flex;justify-content:space-between;font-size:9px;font-weight:800}.mini-overlay>div{height:12px;background:#e4e8dc;border-radius:10px;margin:12px 0}.mini-overlay i{height:100%;width:75%;background:#829866;border-radius:10px;display:block}.mini-overlay small{font-size:9px;color:#8a907c}.card-icon{position:absolute;right:25px;bottom:29px;font-size:20px}.concept-note{font-size:10px;color:#93978b;text-align:right;margin-top:20px}.start{max-width:none;background:#f0edda;text-align:center;position:relative;overflow:hidden;padding:77px 24px 38px}.start>.eyebrow{justify-content:center}.start h2{font-size:44px}.start>p{font-size:13px;color:#868575;line-height:1.9;margin:20px 0 27px}.start-flower{position:absolute;right:9%;top:80px;color:#e2dfc7;font-size:200px;transform:rotate(10deg)}.start>.button{position:relative;z-index:1}.steps{display:flex;justify-content:center;gap:36px;border-top:1px solid #d9d7c4;max-width:850px;margin:55px auto 0;padding-top:26px;font-size:12px;position:relative}.steps b{font-size:10px;color:#9b9d89;margin-right:12px}.steps>span{color:#a9ab98}footer{max-width:1272px;margin:auto;display:flex;justify-content:space-between;padding:42px 0 50px}footer .logo{font-size:26px}footer .symbol{font-size:35px}footer p{font-size:10px;color:#94968a;line-height:1.8}footer .footer-right{text-align:right;font-size:11px;padding-top:10px}.footer-right small{font-size:9px;color:#a2a497}dialog{border:1px solid #d1d3c7;border-radius:18px;padding:45px;text-align:center;max-width:90vw;box-shadow:0 20px 100px #0002}dialog::backdrop{background:#25282370;backdrop-filter:blur(5px)}dialog h2{font-size:25px}dialog p{font-size:12px;line-height:1.9;color:#858777;margin:20px 0 25px}#close-dialog{position:absolute;right:12px;top:8px;border:0;background:none;font-size:25px;color:#777}.pulse{animation:pop .4s ease}@keyframes pop{0%{transform:scale(.85)}65%{transform:scale(1.08)}100%{transform:scale(1)}}
@media(min-width:1450px){.section,footer{max-width:1272px}}@media(max-width:1400px){.section,footer{margin-left:64px;margin-right:64px}.start{margin:0}.hero{grid-template-columns:1fr 1fr}.playground{transform:scale(.94);transform-origin:left center}.hero-copy{position:relative;z-index:3}}@media(max-width:1100px){.nav{padding:0 32px}.hero{padding:65px 32px;min-height:690px}h1{font-size:54px}.hero-actions{gap:15px;flex-wrap:wrap}.playground{transform:scale(.77);width:540px;margin-left:-15px}.section,footer{margin-left:32px;margin-right:32px}.experience-grid{gap:30px}.section-heading h2{font-size:33px}.tool-card{padding:22px}.start{margin:0}.start-flower{right:0;opacity:.6}.byline>span{display:none}.nav nav{gap:24px}}@media(max-width:760px){.nav{height:78px;padding:0 22px}.logo{font-size:29px}.nav nav{display:none}.nav-cta{padding:10px 12px;font-size:11px;gap:12px}.hero{display:flex;flex-direction:column;padding:45px 24px 30px;min-height:auto}.eyebrow{font-size:9px}h1{font-size:52px;letter-spacing:-3px;margin:22px 0}.burst{font-size:53px}.hero-copy>p{font-size:13px}.hero-actions{gap:20px;margin-top:26px}.button{padding:15px 19px;font-size:12px}.text-link{font-size:11px}.byline{margin-top:28px}.byline>span{display:block}.playground{transform:scale(.68);transform-origin:top center;width:540px;align-self:center;margin:30px 0 -150px;height:510px}.ticker{padding:12px 20px;gap:25px;justify-content:start;font-size:10px}.ticker i{font-size:20px}.section{margin:0 24px;padding:64px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2,h2{font-size:28px;letter-spacing:-1.2px}.section-heading>p{margin-top:20px;font-size:12px}.experience-grid{grid-template-columns:1fr;gap:17px}.demo-panel{min-height:340px;padding:18px}.demo-visual{height:210px}.feature-tab{padding:21px 10px}.feature-tab h3{font-size:18px}.feature-tab p{font-size:11px}.section-note{display:block;margin-top:20px;font-size:11px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:295px;padding:27px}.tool-card h3{font-size:23px}.mini-alert{max-width:300px;width:90%;align-self:center}.mini-chat{width:90%;align-self:center}.mini-overlay{width:90%;align-self:center}.concept-note{text-align:left;line-height:1.8;font-size:9px}.start{margin:0;padding:60px 22px 30px}.start h2{font-size:34px}.start-flower{font-size:130px;right:-42px;top:110px}.steps{gap:14px;flex-wrap:wrap;font-size:10px;margin-top:40px}.steps b{margin-right:5px}.steps>span{display:none}footer{margin:0 24px;padding:34px 0;gap:20px}.footer-right b{font-size:10px}footer .logo{font-size:23px}footer .symbol{font-size:30px}.footer-right p{font-size:8px}dialog{padding:35px 22px}dialog h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
