@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f6f3ea;--ink:#253e35;--muted:#6f7469;--line:#d8d9cc;--lime:#d9ef87;--paper:#fffdf5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #628e22;outline-offset:6px}header,main,footer{max-width:1320px;margin:auto}header{padding:30px 56px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:8px}.brand-dot{font-size:12px;align-self:flex-start;margin-top:7px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:500}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:12px 22px}.hero{padding:70px 56px 90px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:650px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 26px}.eyebrow span,.live-dot{display:inline-block;width:7px;height:7px;background:#6c8a34;border-radius:50%}h1{font-size:clamp(34px,3.65vw,52px);letter-spacing:-2.7px;line-height:1.42;margin:0 0 25px;font-weight:800}.accent{position:relative;z-index:0;white-space:nowrap}.accent:after{content:'';position:absolute;bottom:0;left:-3px;width:103%;height:19px;background:var(--lime);z-index:-1;transform:rotate(-1deg)}.intro{font-size:16px;line-height:1.9;color:#667064;margin:0 0 32px}.button{display:inline-flex;align-items:center;gap:38px;padding:18px 25px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px}.micro{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}.hero-art{height:480px;position:relative}.orbit{position:absolute;inset:12px -8px 22px 15px;border:1px solid #d9dac8;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#e9eccc70,transparent 70%)}.mascot{position:absolute;width:87%;top:-24px;left:12%;transform:rotate(8deg)}.scribble{position:absolute;right:4px;top:10px;font:italic 17px Georgia;transform:rotate(10deg);z-index:1}.paper{background:var(--paper);border:1px solid #d7d7bf;border-radius:8px;box-shadow:0 20px 50px #293d3512}.hero-note{position:absolute;width:290px;bottom:0;left:15%;padding:20px 23px;transform:rotate(-7deg)}.note-top{display:flex;justify-content:space-between;font-size:10px;color:#7c816f;border-bottom:1px solid #e3e4d6;padding-bottom:12px}.paper h3{font-size:17px;margin:20px 0 18px}.paper p{font-size:13px;margin:13px 0}.check{background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:3px;margin-right:9px;font-size:11px}.empty{margin-right:10px}.note-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:#7d826d;border-top:1px solid #e3e4d6;padding-top:15px;margin-top:22px}.star{font-size:60px;color:#7c903e;position:absolute}.star-one{bottom:28px;right:0}.star-two{font-size:32px;top:115px;left:0}.statement{padding:26px 56px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement span{font-size:10px;letter-spacing:1px}.statement p{font-size:15px;margin:0}.demo-section,.how{padding:96px 56px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}h2{font-size:38px;line-height:1.4;letter-spacing:-1.8px;margin:0}.section-heading>p,.next p,.start>p{font-size:14px;line-height:1.9;color:var(--muted)}.demo-stage{border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.conversation{padding:40px;background:#eeeee3}.demo-label{font-size:10px;color:#7b8071}.conversation h3{font-size:21px;margin:24px 0}.choices{display:flex;flex-direction:column;gap:9px}.choices button{text-align:left;padding:15px 16px;border:1px solid #d5d9c7;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;font-size:13px;transition:background .2s}.choices button.selected,.choices button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.agent-reply{font-size:12px;color:#637456;line-height:1.8;margin-top:25px}.preview{position:relative;padding:55px 60px 50px;background-color:#e1e5d4;background-image:radial-gradient(#bbc3ab 1px,transparent 1px);background-size:18px 18px;display:flex;align-items:center;flex-direction:column;justify-content:center}.desktop-label{font-size:8px;letter-spacing:1.5px;margin-bottom:25px;color:#737d66}.demo-note{width:100%;max-width:320px;padding:23px;transform:rotate(3deg);transition:background .2s}.preview-caption{font-size:10px;margin-top:24px;color:#737d66}.how{border-top:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:55px}.feature-number{font:italic 28px Georgia;color:#84915d}.features h3{font-size:20px;margin:22px 0 14px}.features p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.next{margin:0 56px;padding:60px;background:var(--ink);color:var(--bg);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:45px;overflow:hidden}.next .eyebrow{color:#b5c3a5}.badge{display:inline-block;font-size:9px;letter-spacing:1px;border:1px solid #8b9d6e;border-radius:30px;padding:7px 12px;color:var(--lime);margin-bottom:22px}.next p{color:#c2cbb7}.next .micro{font-size:11px;color:#aab69e}.snapshot-art{position:relative;min-height:300px;align-self:center}.snapshot{position:absolute;width:240px;height:280px;left:calc(50% - 120px);top:15px;border:10px solid #ebe8d9;border-bottom-width:42px;background:#a8ba91;box-shadow:0 10px 30px #0002}.snapshot.back{transform:rotate(-13deg);background:#637e61}.snapshot.front{transform:rotate(9deg)}.snapshot img{width:100%;height:100%;object-fit:contain}.snapshot span{position:absolute;bottom:-28px;left:30px;font:10px Georgia;letter-spacing:1px;color:var(--ink)}.snapshot-art>.star{right:-15px;bottom:-10px;color:var(--lime);font-size:80px}.start{text-align:center;padding:110px 56px 80px}.start .eyebrow{justify-content:center}.start h2{font-size:43px}.start .button{margin-top:15px}details{max-width:580px;margin:35px auto 0;text-align:left;font-size:12px;color:var(--muted);line-height:1.9}summary{cursor:pointer;text-align:center}footer{border-top:1px solid var(--line);padding:30px 56px;display:flex;justify-content:space-between;align-items:center}footer p,footer>span{font-size:10px;color:var(--muted)}footer .brand{font-size:19px}.skip{position:absolute;left:15px;top:-100px;padding:15px;background:var(--ink);color:white;z-index:20}.skip:focus{top:10px}@media(max-width:1000px){header{padding:25px 30px}.hero{padding:40px 30px 70px}.hero-art{height:410px}.hero-note{width:260px;left:8%}.features{gap:25px}.preview{padding:40px 30px}.next{padding:40px}.scribble{display:none}}@media(max-width:900px){header{padding:20px 22px}.brand{font-size:21px}.brand img{width:32px;height:32px}nav a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:9px 14px}.hero{grid-template-columns:1fr;padding:42px 24px 50px;gap:35px}.hero h1{font-size:36px;letter-spacing:-2px}.intro{font-size:14px}.hero-art{height:420px;max-width:390px;width:100%;margin:0 auto}.hero-note{left:12%;bottom:5px;width:265px}.statement{padding:23px 24px}.statement span:first-child{display:none}.statement p{font-size:13px}.demo-section,.how{padding:60px 24px}.section-heading{display:block}.section-heading>p{margin-top:23px}h2{font-size:31px}.demo-stage{grid-template-columns:1fr}.conversation{padding:28px 24px}.preview{padding:35px 40px}.features{grid-template-columns:1fr;gap:32px;margin-top:35px}.features article{border-top:1px solid var(--line);padding-top:24px}.features h3{margin-top:12px}.next{margin:0 16px;padding:36px 26px;grid-template-columns:1fr;gap:20px}.snapshot-art{min-height:310px}.next h2{font-size:34px}.start{padding:70px 24px 50px}.start h2{font-size:34px}.start>p{font-size:13px}footer{padding:25px 24px;flex-wrap:wrap;gap:15px}footer p{display:none}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:900px){.orbit{inset:25px 12px 25px 12px;transform:none}}
@media(max-width:380px){.hero h1{font-size:30px}.hero-note{width:235px;left:5%}.hero-art{height:370px}.preview{padding:30px 22px}.brand{font-size:18px}.nav-cta{padding:9px 10px}.start h2{font-size:30px}}
.hero{overflow:hidden}

.doc{max-width:900px;padding:56px 24px 80px;line-height:1.9}.doc h1{font-size:40px}.doc h2{font-size:27px;margin:48px 0 16px}.doc h3{margin-top:28px}.doc a,.start p a{text-decoration:underline;text-underline-offset:4px}.doc pre{background:#253e35;color:#fffdf5;padding:24px;border-radius:8px;overflow:auto;font-size:14px}.doc img{max-width:100%;height:auto}.doc li{margin:10px 0}.doc .button{text-decoration:none}.language{display:inline-block!important}@media(max-width:600px){.doc h1{font-size:30px}nav{gap:12px}}