@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";
:root{--paper:#f1f2ee;--ink:#202820;--muted:#8b9187;--lime:#c1f36a;--line:#d4d9cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#a8b39b var(--paper)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Noto Sans KR,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #5b7b2d}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:var(--lime)}.scene{pointer-events:none;z-index:0;position:fixed;inset:0}.scene canvas{width:100%;height:100%;display:block}.scene-grain{pointer-events:none;z-index:1;background:linear-gradient(90deg,#f1f2eef7 0%,#f1f2eecc 25%,#f1f2ee00 49%);position:fixed;inset:0}.header{z-index:20;background:linear-gradient(var(--paper) 20%,#f1f2eeeb 70%,transparent);justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 4.5%;display:flex;position:fixed;top:0;left:0}.wordmark{letter-spacing:-2.5px;font-size:37px;font-weight:800;line-height:1}.brand-dot{color:#628548}.nav{gap:37px;margin-left:110px;display:flex}.nav button{background:0 0;border:0;padding:12px 0;font-size:13px;font-weight:500}.nav button:hover{color:#61822d}.header-cta{background:0 0;border:1px solid #bdc5b7;border-radius:3px;align-items:center;gap:28px;padding:13px 19px;font-size:12px;font-weight:600;display:flex}.header-cta:hover{background:var(--lime);border-color:var(--lime)}.header-cta span{font-size:18px}.menu-button{display:none}.scene-label{letter-spacing:1.5px;z-index:3;color:#74806f;align-items:center;gap:9px;font-size:9px;display:flex;position:fixed;top:126px;left:4.5%;right:4.5%}.live-dot{background:#7c9f49;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.label-coordinate{letter-spacing:1.2px;margin-left:auto;font-size:8px}.chapter{z-index:2;align-items:center;height:100vh;min-height:100svh;padding:180px 6% 125px;scroll-margin-top:0;display:flex;position:relative}.copy{width:530px;max-width:46%;position:relative}.eyebrow{letter-spacing:2px;align-items:center;gap:9px;margin-bottom:29px;font-size:10px;font-weight:700;display:flex}.eyebrow>span{background:#6f9540;width:5px;height:5px}.hero h1{letter-spacing:-4px;margin:0 0 28px;font-size:clamp(48px,4.7vw,76px);font-weight:700;line-height:1.25}.underlined{display:inline-block;position:relative}.underlined:after{content:"";background:var(--lime);z-index:-1;height:7px;position:absolute;bottom:1px;left:0;right:-5px;transform:rotate(-2deg)}h2{letter-spacing:-2.8px;margin:0 0 24px;font-size:clamp(34px,3.45vw,55px);font-weight:700;line-height:1.32}.muted{color:#949c8e}.description{color:#65705f;letter-spacing:-.3px;margin:0 0 30px;font-size:14px;font-weight:400;line-height:1.95}.primary{background:var(--lime);border:1px solid var(--lime);justify-content:space-between;align-items:center;gap:36px;padding:19px 23px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.primary:hover{background:#b0e257;transform:translateY(-2px)}.primary>span{font-size:20px;line-height:1}.hero-note{color:#899181;margin-top:18px;font-size:10px}.hero-bottom{color:#65705f;align-items:center;gap:13px;font-size:10px;display:flex;position:absolute;bottom:108px;left:6%}.hero-bottom small{letter-spacing:1.6px;color:#8d9587;margin-top:7px;font-size:7px;display:block}.scroll-symbol{border:1px solid #c9d0c1;border-radius:20px;place-items:center;width:29px;height:42px;font-size:20px;display:grid}.data-tag{border-left:1px solid #9dad8b;padding-left:20px;position:absolute;bottom:120px;right:6%}.data-tag>span{letter-spacing:1.6px;color:#75806e;font-size:8px}.data-tag strong{letter-spacing:-2px;font-size:45px;font-weight:500;line-height:1.4;display:block}.data-tag strong span{color:#7f965f;margin-left:4px;font-size:25px}.data-tag p{color:#6e7966;margin:2px 0;font-size:10px}.scene-caption{z-index:1;letter-spacing:1.1px;color:#6e7b63;gap:12px;font-size:8px;display:flex;position:fixed;top:33%;right:6%}.scene-caption small{letter-spacing:1.3px;color:#929d88;margin-top:7px;font-size:6px;display:block}.cross{font-size:23px;font-weight:400;line-height:15px}.journey-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#f1f2eef0;border-top:1px solid #cbd2c4;align-items:center;gap:24px;height:72px;margin:0 4.5%;display:flex;position:fixed;bottom:0;left:0;right:0}.journey-name{letter-spacing:1.5px;color:#8a9581;white-space:nowrap;margin-right:20px;font-size:8px}.journey-nav button{white-space:nowrap;color:#9ba392;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:15px 0;font-size:10px;display:flex}.step-number{font-size:9px}.step-name{font-weight:500}.step-line{background:#d5dacd;flex:1;max-width:58px;height:1px;margin-left:5px}.journey-nav .current{color:#344328}.current .step-number{background:var(--lime);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.current .step-line{background:#7c965b}.journey-count{white-space:nowrap;margin-left:auto;font-size:13px}.journey-count>span{color:#98a08e;font-size:10px}.region-selector{gap:8px;margin:24px 0;display:flex}.region-selector button{background:0 0;border:1px solid #cbd2c4;padding:12px 15px;font-size:12px}.region-selector button span{opacity:.5;margin-left:10px;font-size:8px}.region-selector .selected{background:var(--ink);color:#fff;border-color:var(--ink)}.insight{border-left:2px solid #a6bf78;margin-top:28px;padding:4px 0 3px 18px}.tiny-label{letter-spacing:1.4px;color:#859774;margin-bottom:9px;font-size:8px;display:block}.insight strong{font-size:14px;font-weight:600}.insight p{color:#7b8672;margin:9px 0 0;font-size:12px;line-height:1.85}.text-link{border-bottom:1px solid #bac5ad;align-items:center;gap:24px;margin-top:9px;padding:16px 0 8px;font-size:10px;display:inline-flex}.text-link span{font-size:17px}.floating-label{letter-spacing:1px;background:#f7f9f3d9;border:1px solid #d4ddc9;padding:17px 22px;font-size:10px;position:absolute;bottom:23%;right:13%;box-shadow:0 8px 30px #43552a08}.floating-label .live-dot{margin-right:7px}.floating-label small{color:#859276;letter-spacing:0;margin-top:8px;font-size:9px;display:block}.cost-breakdown{width:360px;max-width:100%;margin:28px 0 18px}.cost-breakdown>div{color:#6d7864;border-bottom:1px solid #d6dcd0;justify-content:space-between;padding:14px 0;font-size:12px;display:flex}.cost-breakdown>div>span:last-child{font-size:10px}.accent-text{color:#6d8c43}.cost-breakdown .cost-total{color:#2f4025;border-bottom:0;align-items:center;padding-top:20px}.cost-total strong{font-size:17px}.fine-print{color:#6d7964;max-width:390px;font-size:11px;line-height:1.9}.fine-print>span{color:#929b8a;font-size:9px}.layout-options{gap:10px;display:flex}.layout-options button{background:0 0;border:1px solid #c8d0c0;align-items:center;gap:12px;padding:15px 20px;font-size:12px;display:flex}.layout-options button>span{color:#728365;font-size:21px}.layout-options .active{background:#e1ebd3;border-color:#aabf8b}.small-note{color:#8a9580;margin-top:11px;font-size:9px}.process{color:#617052;align-items:center;gap:14px;margin:28px 0 35px;font-size:11px;display:flex}.process i{color:#b0bba5;font-style:normal}.contact-inline{align-items:center;gap:16px;margin-top:24px;font-size:11px;display:flex}.contact-inline a{letter-spacing:.5px}.contact-inline span{color:#8d9882;font-size:9px}.final-stamp{letter-spacing:-.5px;color:#536749;font-size:22px;line-height:1.15;position:absolute;bottom:24%;right:9%}.final-stamp span{letter-spacing:2px;margin-top:12px;font-size:8px;display:block}footer{color:#8d9684;align-items:center;gap:25px;display:flex;position:absolute;bottom:95px;left:6%;right:6%}footer .wordmark{letter-spacing:-1px;font-size:20px}footer>span{letter-spacing:1px;font-size:7px}footer>a:last-child{margin-left:auto;font-size:9px}dialog{width:540px;max-width:calc(100% - 30px);max-height:90svh;color:var(--ink);background:#f3f5ef;border:1px solid #d5ddcd;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18221480}.dialog-inner{padding:40px;position:relative}.close-dialog{background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:19px}.dialog-inner h2{letter-spacing:-1.5px;font-size:29px}.dialog-inner>p{color:#7d8872;font-size:11px;line-height:1.8}.dialog-inner form{gap:14px;margin-top:23px;display:grid}.dialog-inner label{gap:7px;font-size:11px;display:grid}.dialog-inner input,.dialog-inner select,.dialog-inner textarea{background:#fff8;border:1px solid #cdd5c5;border-radius:0;width:100%;padding:11px;font-size:12px}.dialog-inner textarea{resize:vertical}.phone-link{text-align:center;padding:8px;font-size:11px}.fallback-building{background:linear-gradient(135deg,#e3e9dc,#bdd58c);border:1px solid #9cb77a;padding:90px 35px;font-size:32px;line-height:1.6;position:absolute;top:36%;right:13%;transform:skewY(-8deg)}.fallback-building span{letter-spacing:2px;font-size:9px}@media (min-width:1600px){.copy{margin-left:3%}.chapter{padding-top:180px}.hero h1{font-size:82px}.description{font-size:16px}}@media (max-height:780px) and (min-width:761px){.chapter{padding-top:150px;padding-bottom:100px}.hero h1{font-size:57px}.eyebrow{margin-bottom:20px}h2{font-size:40px}.description{margin-bottom:20px;font-size:12px}.insight{margin-top:18px}.hero-bottom{bottom:94px}.data-tag{bottom:100px}.cost-breakdown{margin:15px 0}.hero-note{margin-top:12px}.scene-label{top:109px}}@media (max-width:1000px){.nav{gap:24px;margin-left:0}.journey-nav{gap:16px}.journey-name{display:none}.copy{max-width:52%}.hero h1{letter-spacing:-3px}.step-line{display:none}.floating-label{right:6%}.scene-caption{top:29%}.data-tag strong{font-size:36px}}@media (max-width:760px){.header{background:var(--paper);height:77px;padding:0 6%}.wordmark{font-size:31px}.header-cta{gap:12px;margin-left:auto;margin-right:15px;padding:10px 12px;font-size:10px}.header-cta span{font-size:15px}.menu-button{background:0 0;border:0;padding:5px;font-size:20px;display:block}.nav{border-bottom:1px solid var(--line);background:#f1f2eef5;padding:15px 6%;display:none;position:absolute;top:77px;left:0;right:0}.nav.open{justify-content:space-between;display:flex}.nav button{font-size:11px}.scene-label{letter-spacing:1px;font-size:7px;top:94px;left:6%}.label-coordinate{display:none}.chapter{align-items:flex-start;height:100svh;min-height:780px;padding:147px 7% 90px}.copy{width:100%;max-width:100%}.eyebrow{margin-bottom:20px;font-size:8px}.hero h1{letter-spacing:-2.8px;margin-bottom:23px;font-size:49px;line-height:1.21}h2{letter-spacing:-1.8px;margin-bottom:18px;font-size:34px;line-height:1.27}.description{margin-bottom:21px;font-size:11px;line-height:1.8}.primary{gap:28px;padding:15px 18px;font-size:11px}.hero-note{margin-top:13px;font-size:9px}.scene-grain{background:linear-gradient(#f1f2ee 5%,#f1f2eef2 28%,#f1f2ee73 49%,#f1f2ee00 65%)}.hero-bottom{font-size:8px;bottom:91px;left:7%}.hero-bottom small{font-size:6px}.scroll-symbol{width:24px;height:34px;font-size:15px}.data-tag{padding-left:12px;bottom:90px;right:7%}.data-tag>span{letter-spacing:.7px;font-size:5px}.data-tag strong{font-size:29px}.data-tag p{font-size:7px}.scene-caption{display:none}.journey-nav{justify-content:space-between;gap:6px;height:61px;margin:0 6%}.journey-nav button{flex:0;gap:5px}.step-name{display:none}.journey-nav .current .step-name{font-size:8px;display:inline}.step-number{font-size:8px}.journey-count{margin-left:10px;font-size:10px}.journey-count>span{font-size:8px}.floating-label{padding:12px 15px;font-size:8px;bottom:100px;right:7%}.floating-label small{font-size:8px}.region-selector{margin:16px 0}.region-selector button{padding:9px 12px;font-size:10px}.insight{margin-top:18px;padding-left:13px}.insight strong{font-size:12px}.insight p{margin-top:6px;font-size:10px}.tiny-label{font-size:7px}.text-link{margin-top:1px;padding:10px 0 5px;font-size:9px}.cost-breakdown{width:310px;margin:18px 0 10px}.cost-breakdown>div{padding:11px 0;font-size:11px}.cost-total strong{font-size:15px}.fine-print{max-width:310px;font-size:10px}.fine-print>span{font-size:8px}.layout-options button{padding:9px 15px;font-size:10px}.process{gap:12px;margin:20px 0 24px;font-size:10px}.final-stamp{font-size:17px;bottom:160px;right:8%}.contact-inline{margin-top:16px;font-size:10px}footer{gap:15px;bottom:82px;left:7%;right:7%}footer .wordmark{font-size:17px}footer>span{font-size:5px}footer>a:last-child{font-size:7px}.dialog-inner{padding:30px 24px}.dialog-inner h2{font-size:26px}.scene-fallback .fallback-building{padding:25px;font-size:20px;top:65%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.finale-cta{opacity:.4;transition:opacity .5s,transform .5s;transform:translateY(8px)}.finale-cta.is-ready,.finale-cta:focus-visible{opacity:1;transform:translateY(0)}.chapter{padding-bottom:65px}.hero-bottom{bottom:40px}.data-tag{bottom:45px}footer{bottom:28px}@media (max-width:760px){.chapter{padding-bottom:45px}.hero-bottom,.data-tag{bottom:30px}footer{bottom:25px}}
