@import url('/assets/fonts/noto-sans-kr.css');
:root{--ink:#28323a;--muted:#62716d;--accent:#287d65;--border:#dce3df;--paper:#f7f8f6;--surface:#fff;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a,button{transition:background-color 160ms,color 160ms,box-shadow 160ms}p,h1,h2,h3{margin:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-70px;left:20px;z-index:10;background:var(--accent);color:white;padding:12px}.skip:focus{top:10px}
.site-header{max-width:1232px;margin:auto;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:22px;font-weight:750;letter-spacing:-.6px}.brand img{display:block}.site-header nav{display:flex;gap:27px;align-items:center;font-size:13px;font-weight:550}.site-header nav>a:not(.button){min-height:44px;display:flex;align-items:center}.site-header nav>a:not(.button):hover{color:var(--accent)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:50px;padding:0 22px;border:1px solid var(--accent);border-radius:11px;background:var(--accent);color:white;font-size:14px;font-weight:650;white-space:nowrap;box-shadow:0 2px 3px #173e2810}.button:hover{background:#216a56;box-shadow:0 4px 12px #173e281a}.button-small{min-height:44px;font-size:12px;padding:0 15px;gap:12px}.button-light{background:white;color:var(--accent);border-color:white;box-shadow:none}.button-light:hover{background:#edf5f0}
main{max-width:1180px;margin:0 auto}.hero{display:grid;grid-template-columns: .88fr 1.3fr;gap:38px;align-items:center;padding:49px 0 69px}.hero-copy{padding:0 0 10px 4px}.eyebrow{font-size:12px;line-height:1.6;font-weight:650;letter-spacing:.3px;color:var(--accent)}.hero-copy>.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:20px}.hero-copy>.eyebrow span{height:6px;width:6px;border-radius:50%;background:var(--accent)}h1{font-size:48px;line-height:1.29;font-weight:750;letter-spacing:-2.1px;word-break:keep-all}.hero-description{font-size:15px;line-height:1.9;margin-top:22px;color:var(--muted);letter-spacing:-.35px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin-top:28px}.text-link{min-height:40px;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:550;color:var(--ink)}.text-link:hover{color:var(--accent)}.start-note{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.7}.mobile-break{display:none}
.preview{overflow:hidden;min-width:0;border:1px solid #d4ded8;border-radius:20px;background:white;box-shadow:0 4px 7px #21382c03,0 24px 46px -25px #263a312b;scroll-margin-top:24px}.preview-heading{padding:20px 22px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-eyebrow{font-size:10px;font-weight:650;letter-spacing:.5px;color:var(--muted)}.preview h2{font-size:15px;font-weight:600;margin-top:5px;letter-spacing:-.3px}.preview h2 span{color:var(--accent);margin-left:4px}.preview-tabs{display:flex;padding:3px;background:#edf1ed;border-radius:9px;gap:2px}.preview-tabs button{border:0;border-radius:6px;min-width:44px;min-height:34px;background:transparent;color:#62716b;font-size:12px;font-weight:650}.preview-tabs button[aria-selected=true]{color:var(--accent);background:white;box-shadow:0 1px 3px #2847351a}.preview-tabs button:hover{background:#f8faf8}.preview-image{aspect-ratio:900/620;background:#eeece6;display:flex;align-items:center;overflow:hidden}.preview-image img{display:block;width:100%;height:100%;object-fit:cover}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);padding:8px 18px}.preview-footer>span{display:flex;align-items:center;gap:6px}.preview-footer i{width:5px;height:5px;border-radius:50%;background:#78a58d}.preview-footer a{display:flex;align-items:center;gap:8px;min-height:36px;color:var(--accent);font-weight:650}
.steps{padding:41px 4px 65px;border-top:1px solid var(--border)}.section-intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:31px}.section-intro h2{font-size:23px;font-weight:650;letter-spacing:-.7px}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step-list article{border-top:1px solid var(--border);padding-top:18px}.step-number{display:block;font-size:11px;font-weight:650;color:#5f766b;letter-spacing:.7px;margin-bottom:11px}.step-list h3{font-size:17px;letter-spacing:-.5px;font-weight:650}.step-list p{margin-top:11px;color:var(--muted);font-size:12px;line-height:1.9;word-break:keep-all}
.experience{padding:43px 51px;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:40px;background:#e7efea;border:1px solid #d8e3dc;border-radius:20px}.experience h2{font-size:33px;line-height:1.45;letter-spacing:-1.25px;margin-top:12px}.experience-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:15px}.experience .button{margin-top:24px;font-size:13px;min-height:46px}.experience-detail{border-left:1px solid #cfddd4;padding-left:50px}.detail-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:18px;background:#f5f8f4;color:#438a72;border:1px solid #d7e3da;margin-bottom:22px}.detail-icon svg{width:43px;height:43px;stroke-width:1.2}.experience-detail h3{font-size:20px;letter-spacing:-.6px}.experience-detail>p{font-size:12px;margin-top:9px;color:#527365}.experience-note{display:block;color:#526d60;font-size:11px;line-height:1.8;margin-top:23px}.closing{text-align:center;padding:65px 12px 60px}.closing h2{font-size:28px;line-height:1.5;letter-spacing:-1px}.closing p{font-size:13px;line-height:1.9;color:var(--muted);margin:12px 0 23px;word-break:keep-all}.site-footer{max-width:1180px;margin:auto;padding:24px 4px 32px;border-top:1px solid var(--border);display:flex;gap:18px;align-items:center}.site-footer .brand{font-size:16px}.site-footer p{font-size:10px;color:var(--muted)}.site-footer nav{display:flex;gap:19px;margin-left:auto;font-size:11px;color:var(--muted)}.site-footer nav a{display:flex;align-items:center;min-height:44px}
@media(max-width:1240px){main,.site-footer{margin-left:28px;margin-right:28px}.hero{gap:25px}h1{font-size:42px}.site-header{padding:18px 28px}.hero{padding-top:39px}}
@media(max-width:900px){.hero{grid-template-columns:1fr 1.1fr;gap:22px}h1{font-size:35px;letter-spacing:-1.5px}.hero-description{font-size:13px}.site-header nav{gap:18px}.start-note{max-width:250px}.preview-heading{padding:15px}.preview-footer{flex-wrap:wrap;padding:9px 13px;gap:1px}.preview-footer a{margin-left:auto}.section-intro{display:block}.section-intro h2{margin-top:8px}.step-list{gap:20px}.step-list p br{display:none}.experience{padding:34px}.experience-detail{padding-left:28px}}
@media(max-width:680px){html{scroll-padding-top:20px}.site-header{padding:15px 21px;gap:10px}.brand{font-size:19px;gap:7px}.brand img{width:25px;height:25px}.site-header nav{gap:14px}.site-header nav>a.preview-nav,.site-header .button-small{display:none}.site-header .account-link{font-size:12px;color:var(--muted)}main,.site-footer{margin-left:21px;margin-right:21px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:24px 0 35px;gap:22px}.hero-copy{padding:0}.hero-copy>.eyebrow{font-size:11px;margin-bottom:16px}h1{font-size:34px;line-height:1.36;letter-spacing:-1.7px}.desktop-break{display:none}.mobile-break{display:block}.hero-description{font-size:13px;line-height:1.9;margin-top:14px}.hero-actions{gap:6px;margin-top:18px}.hero-actions>.button{min-height:48px;padding:0 19px;font-size:13px}.text-link{font-size:12px;min-height:44px}.start-note{font-size:10px;max-width:none;margin-top:3px}.preview{border-radius:15px}.preview-heading{padding:14px 15px 12px}.preview h2{font-size:13px}.preview-eyebrow{font-size:10px}.preview-tabs button{min-width:44px;min-height:44px}.preview-image{aspect-ratio:900/620}.preview-image img{object-fit:contain}.preview-footer{padding:8px 12px;font-size:9px;gap:3px;flex-wrap:nowrap}.preview-footer a{min-height:44px;white-space:nowrap;font-size:10px;gap:4px}.preview-footer>span{max-width:175px;line-height:1.6}.steps{padding:29px 0 34px}.section-intro{margin-bottom:22px}.section-intro .eyebrow{font-size:11px}.section-intro h2{font-size:21px;line-height:1.5}.step-list{grid-template-columns:1fr;gap:21px}.step-list article{display:grid;grid-template-columns:30px 1fr;column-gap:10px;row-gap:7px;padding-top:17px}.step-number{grid-row:1/3;padding-top:3px;margin:0}.step-list h3{font-size:15px}.step-list p{grid-column:2;font-size:12px;margin:0;line-height:1.9}.experience{grid-template-columns:1fr;padding:26px 23px;gap:25px;border-radius:15px}.experience h2{font-size:28px;line-height:1.4;margin-top:10px}.experience-copy>p:not(.eyebrow){font-size:12px}.experience .button{margin-top:21px;min-height:46px;font-size:12px}.experience-detail{border-left:0;border-top:1px solid #cfddd4;padding:24px 0 0 66px;position:relative}.detail-icon{position:absolute;left:0;top:26px;width:49px;height:49px;border-radius:13px}.detail-icon svg{width:29px;height:29px}.experience-detail h3{font-size:16px}.experience-detail>p{font-size:11px;margin-top:6px}.experience-note{font-size:10px;margin-top:13px}.closing{padding:37px 0}.closing h2{font-size:23px;letter-spacing:-.8px}.closing p{font-size:12px;margin:12px 0 21px}.closing .button{min-height:48px;font-size:13px}.site-footer{display:flex;flex-wrap:wrap;padding:22px 0 25px;gap:8px 16px}.site-footer .brand{font-size:15px}.site-footer .brand img{width:22px;height:22px}.site-footer p{font-size:9px}.site-footer nav{margin:0;width:100%;font-size:10px;gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}}
.preview-image{position:relative;isolation:isolate}
.preview-image iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;background:#eeece6}
.preview-image.scene-ready iframe{opacity:1}.preview-image.scene-interactive iframe{pointer-events:auto}
#preview-status{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}
.preview-tools{display:flex;align-items:center;justify-content:space-between;padding:7px 13px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:12px}
.preview-tools>div{display:flex;gap:8px;margin-left:auto}
.preview-tools button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);font-size:20px}
.preview-tools #preview-walls{padding:0 13px;font-size:12px;font-weight:600}
.preview-tools #preview-walls[aria-pressed=true]{background:#e7efea;color:var(--accent);border-color:#a4c7b7}
.preview-tools button:hover{background:#edf3ee}.preview-tools button:disabled{opacity:.45;cursor:wait}
.preview-engage,.preview-release{position:absolute;z-index:1;min-height:44px;padding:0 16px;border:1px solid #cadbd1;border-radius:10px;background:#fffffff2;color:var(--accent);font-size:12px;font-weight:650;box-shadow:0 3px 15px #263a3112}
.preview-engage{left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap}.preview-release{right:10px;top:10px}
.preview-image [hidden],.preview-tools [hidden]{display:none!important}
@media(max-width:680px){.preview-image{aspect-ratio:1.2}.preview-tools{padding:7px 10px}.preview-footer>span{max-width:180px}.preview-footer{font-size:10px;line-height:1.6}}

.preview-accuracy{margin:0;padding:10px 18px 0;color:#66736f;font-size:11px;line-height:1.6}.plan-request-prompt{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0;border-top:1px solid #e0e6e2}.plan-request-prompt h2{font-size:20px;letter-spacing:-.6px;margin:0 0 8px}.plan-request-prompt p{font-size:14px;color:#66736f;margin:0}.plan-request-prompt .button{flex-shrink:0}@media(max-width:640px){.plan-request-prompt{align-items:flex-start;flex-direction:column;gap:18px;padding:28px 0}.preview-accuracy{padding-inline:12px;font-size:10px}}