@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#14241e;--deep:#183c35;--muted:#6e7772;--line:#e7e9e4;--cream:#fbfaf7;--accent:#b8d38b;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans KR',system-ui,sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #79a77a;outline-offset:3px}.wrap{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}.preview-bar{height:39px;display:flex;align-items:center;justify-content:center;gap:9px;background:#1d342d;color:#f6f8f2;font-size:11px;letter-spacing:.01em}.preview-pill{border:1px solid #64756d;border-radius:30px;padding:3px 9px;color:#cde1d1}.pulse{height:6px;width:6px;display:inline-block;background:#b7d78b;border-radius:50%;box-shadow:0 0 0 4px #b7d78b22}.site-header{background:var(--cream);border-bottom:1px solid #eeeee9;position:sticky;top:0;z-index:15}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:9px}.brand-mark{font-family:Georgia,serif;font-size:46px;font-style:italic;letter-spacing:-7px;line-height:.8;font-weight:bold;padding-right:8px;color:#23463c}.brand-mark span{color:#9abb79}.brand-text{display:flex;flex-direction:column;line-height:1.05;gap:5px;letter-spacing:2px}.brand-text strong{font-size:14px;font-weight:800}.brand-text small{font-size:8px;letter-spacing:2.25px;color:#728179}.nav-links{display:flex;gap:34px;margin-left:auto;margin-right:16px}.nav-links a{font-size:13px;font-weight:600;color:#596861;transition:color .2s}.nav-links a:hover{color:#11281f}.nav-cta{display:inline-flex;align-items:center;gap:22px;background:#173b33;color:white;padding:14px 18px;border-radius:6px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.nav-cta:hover,.btn:hover{transform:translateY(-2px);background:#2b5547}.nav-cta span{font-size:17px}.menu-toggle{display:none;border:0;background:transparent;flex-direction:column;gap:4px;padding:8px}.menu-toggle span{width:23px;height:2px;background:var(--ink);display:block}.mobile-nav{display:none}.hero{min-height:715px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:0;padding-top:86px;padding-bottom:94px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{display:flex;align-items:center;gap:12px;color:#718477;font-size:10px;letter-spacing:2.2px;font-weight:800}.eyebrow-line{height:1px;width:26px;background:#8aa78b}.hero h1{font-size:clamp(42px,4.65vw,69px);letter-spacing:-4.1px;line-height:1.25;margin:29px 0 21px;font-weight:800}.hero h1 em{font-style:normal;color:#8aaa78}.hero-lead{color:#647269;font-size:17px;line-height:2;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:37px}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:5px;padding:17px 22px;font-size:13px;font-weight:750;transition:transform .2s,background .2s}.primary{background:#173b33;color:#fff}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #a6b5ab;padding:8px 0;display:inline-flex;gap:17px}.text-link:hover{color:#57806b}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:62px;font-size:11px;color:#76817a}.hero-notes i{font-style:normal;color:#5d8e70;font-weight:bold;margin-right:5px}.hero-art{height:525px;position:relative;display:flex;align-items:center;justify-content:center}.browser{width:93%;height:410px;max-width:575px;position:relative;background:#fff;padding:9px;border-radius:14px;box-shadow:0 20px 95px #3c56412b,0 4px 25px #61736316;transform:rotate(2.2deg);z-index:1}.browser-bar{height:34px;display:flex;align-items:center;justify-content:space-between;color:#9ba49f;padding:0 8px;font-size:9px}.dots{display:flex;gap:4px}.dots b{height:6px;width:6px;background:#d8dfd7;border-radius:50%}.browser-site{height:calc(100% - 34px);background:#f4f1eb;overflow:hidden}.sample-top{height:48px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#3b554c;font-size:7px;letter-spacing:1px}.sample-logo{font-family:Georgia,serif;font-size:26px;font-weight:700;letter-spacing:-2px}.sample-logo span{color:#b28c76}.sample-photo{position:relative;overflow:hidden;height:270px;background:linear-gradient(180deg,#d4e8e3 0%,#e9e2cc 46%,#c4d3be 47%,#a8b99d 100%)}.sun{position:absolute;top:28px;right:64px;height:90px;width:90px;border-radius:50%;background:#fff2cb;filter:blur(1px)}.far-hill{position:absolute;left:-20%;bottom:0;width:90%;height:130px;border-radius:70% 70% 0 0;background:#a6b9a4;transform:rotate(-11deg)}.near-hill{position:absolute;right:-15%;bottom:-80px;width:100%;height:192px;border-radius:65% 65% 0 0;background:#738b73;transform:rotate(-18deg)}.sample-type{position:absolute;top:48px;left:39px;color:#293f36;z-index:1}.sample-type small{font-size:8px;letter-spacing:2px}.sample-type h3{font-family:Georgia,'Noto Sans KR',serif;font-size:33px;line-height:1.35;letter-spacing:-1px;font-weight:500;margin:15px 0 28px}.sample-type span{font-size:9px;font-weight:800;letter-spacing:1px;border-bottom:1px solid;padding-bottom:5px}.sample-footer{display:flex;justify-content:space-between;padding:12px 26px;font-size:7px;letter-spacing:2px;color:#6c8074}.floating-note{position:absolute;z-index:3;display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #e9ebe6;box-shadow:0 16px 50px #3a543c21;border-radius:10px;padding:18px 20px;font-size:11px}.floating-note small{font-size:10px;color:#909b91}.note-left{left:-1%;bottom:60px;transform:rotate(-4deg)}.small-dot{height:8px;width:8px;background:#91b980;border-radius:50%;margin-bottom:3px}.note-right{right:-5px;top:24px;transform:rotate(4deg)}.mini-symbol{font-size:20px;color:#7c9f80}.trust-band{background:#edf0e8;border-top:1px solid #e4e9df;border-bottom:1px solid #e4e9df}.trust-inner{min-height:90px;display:flex;align-items:center;justify-content:center;gap:28px;font-size:17px;color:#53665a}.trust-inner strong{font-size:11px;letter-spacing:.4px;color:#8a978a;margin-right:28px}.trust-inner .sep{color:#a7b6a8}.section{padding-top:124px;padding-bottom:128px;scroll-margin-top:84px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:50px}.section-head h2{font-size:clamp(30px,3.55vw,45px);line-height:1.4;letter-spacing:-2px;margin:15px 0 0}.section-head p{color:#78827b;font-size:13px;line-height:2;margin:0 0 6px}.section-head p strong{font-weight:500}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe6dc}.value{padding:29px 28px 12px 0;min-height:230px;position:relative}.value+.value{padding-left:30px;border-left:1px solid #dfe6dc}.number{font-size:10px;color:#a1ac9e;letter-spacing:2px}.value-icon{font-size:36px;line-height:1;color:#5e8a70;margin:34px 0 18px}.value h3{font-size:18px;letter-spacing:-.8px;margin:0 0 12px}.value p{max-width:285px;color:#748078;line-height:1.85;font-size:13px;margin:0}.showroom{background:#f1f3ed}.show-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.work-card{background:#fff;text-align:left;border:1px solid #e4e7df;padding:0;border-radius:11px;overflow:hidden;transition:transform .25s,box-shadow .25s}.work-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px #2d48361b}.work-preview{height:294px;position:relative;overflow:hidden}.work-browser{position:relative;z-index:4;height:28px;background:#ffffffb5;color:#9ea6a0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;letter-spacing:.7px}.stay-preview{background:linear-gradient(140deg,#b8d2cd,#d5e1d7 55%,#7e9b91)}.work-inner{position:relative;z-index:2;padding:46px 25px;color:#1f463e;display:flex;flex-direction:column;align-items:start}.work-inner small{font-size:8px;letter-spacing:2px}.work-inner strong{font-size:29px;line-height:1.4;letter-spacing:-1.5px;margin:22px 0;font-family:Georgia,'Noto Sans KR',serif}.work-inner>span{font-size:8px;letter-spacing:1px;border-bottom:1px solid;padding-bottom:5px}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:230px;height:160px;background:#9bb6a3;bottom:-83px;right:-34px}.orb-two{width:200px;height:150px;background:#6a8c77;bottom:-112px;left:83px}.cafe-preview{background:#e4d9c8}.cafe-visual{position:relative;height:265px;background:#e8dbca;padding:30px;color:#5a3d2d;overflow:hidden}.cafe-top{font-size:9px;letter-spacing:3px;font-weight:bold}.coffee-cup{position:absolute;width:142px;height:142px;border:20px solid #f7f4e9;background:#654c3b;border-radius:50%;right:-5px;top:46px;box-shadow:0 12px 10px #4d36232c}.coffee-cup i{position:absolute;height:42px;width:42px;background:#bca28b;top:32px;left:32px;border-radius:50%;box-shadow:0 0 0 11px #f4dcc2}.cafe-visual strong{position:absolute;left:25px;top:100px;font-family:Georgia,serif;font-size:39px;line-height:1;letter-spacing:-2px;font-weight:500}.cafe-visual small{position:absolute;bottom:20px;left:25px;font-size:8px;letter-spacing:1px}.company-preview{background:#283746;color:#fff}.company-visual{position:relative;padding:25px;overflow:hidden;height:266px;background:radial-gradient(circle at 90% 80%,#455e72,#283746 65%)}.company-visual>span{font-size:8px;letter-spacing:2px}.company-mark{font-size:110px;line-height:1;position:absolute;right:24px;top:36px;font-family:Georgia,serif;font-weight:500;color:#dce5e4;opacity:.21}.company-mark span{color:#c4d4cb}.company-visual strong{position:absolute;top:107px;left:25px;font-size:36px;line-height:1.2;letter-spacing:-2px;font-weight:600}.company-visual small{position:absolute;left:25px;bottom:22px;font-size:8px;letter-spacing:1px;color:#d7e1dc}.work-foot{min-height:88px;padding:20px;display:flex;align-items:center;justify-content:space-between}.work-foot strong{font-size:15px;display:block;margin-bottom:6px}.work-foot span:not(.view-arrow){font-size:11px;color:#8b928d}.view-arrow{display:grid;place-items:center;height:33px;width:33px;border-radius:50%;border:1px solid #dce1d9;color:#3a5949;font-size:17px}.show-hint{text-align:center;margin-top:27px;color:#849187;font-size:11px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce3d9;margin-top:56px}.process-line>div{position:relative;padding:30px 12px 12px 0;display:flex;flex-direction:column;gap:11px}.process-line>div:not(:first-child){padding-left:19px}.process-line>div:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#6b9478;top:-5px;left:0}.process-line>div:not(:first-child):before{left:19px}.process-line span{font-size:11px;color:#759481}.process-line strong{font-size:20px}.process-line small{color:#7a857e;font-size:11px}.pricing-section{background:#f1f3ed}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{position:relative;border:1px solid #dee6da;border-radius:10px;padding:34px;background:#fff;display:flex;flex-direction:column;min-height:520px}.price-card.highlighted{border:2px solid #3c684f;box-shadow:0 14px 32px #44674b13}.popular{position:absolute;right:24px;top:-14px;background:#2d5a45;color:#fff;padding:7px 13px;border-radius:16px;font-size:11px;font-weight:700}.tier{font-weight:800;letter-spacing:2px;font-size:10px;color:#76917e}.price-card h3{font-size:21px;margin:14px 0 10px;letter-spacing:-.8px}.price-card>p{font-size:12px;line-height:1.8;color:#7b877f;min-height:67px;margin:0}.amount{font-family:'DM Sans',sans-serif;font-size:48px;line-height:1.2;font-weight:700;letter-spacing:-2px;margin-top:27px}.amount span{font-family:'Noto Sans KR',sans-serif;font-weight:600;font-size:16px;letter-spacing:-.3px}.vat{font-size:10px;color:#8c968e;margin-top:3px;border-bottom:1px solid #e9eee6;padding-bottom:22px}.price-card ul{padding:0;margin:20px 0 26px;list-style:none;display:flex;flex-direction:column;gap:11px;flex:1}.price-card li{font-size:12px;color:#51675a}.price-card li:before{content:'✓';font-weight:800;color:#638e6b;margin-right:11px}.price-action{display:flex;justify-content:space-between;align-items:center;border:1px solid #cfded1;padding:15px 17px;border-radius:5px;font-size:12px;font-weight:700}.price-card.highlighted .price-action{background:#244738;color:#fff;border-color:#244738}.price-action:hover{background:#e7eee3}.price-card.highlighted .price-action:hover{background:#35614c}.price-footnote{display:flex;align-items:start;gap:10px;margin-top:23px;color:#818c80;font-size:11px;line-height:1.7}.price-footnote span{font-size:18px}.price-footnote p{margin:0}.faq-list{border-top:1px solid #dfe6dd}.faq-list details{border-bottom:1px solid #dfe6dd;padding:0 6px}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 8px;font-size:15px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:300;color:#728f77;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0 0 27px;padding:0 55px 0 8px;max-width:800px;line-height:2;color:#66746b;font-size:13px}.contact-section{background:#193e34;color:white;scroll-margin-top:80px}.contact-panel{padding-top:106px;padding-bottom:106px;display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center}.kicker.light{color:#b0c7b4}.contact-copy h2{font-size:clamp(34px,3.6vw,49px);line-height:1.38;letter-spacing:-2px;margin:23px 0}.contact-copy>p{color:#cad7ce;font-size:14px;line-height:2}.contact-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:38px}.contact-tags span{border:1px solid #658277;border-radius:30px;color:#d2dfd5;padding:9px 13px;font-size:10px}.contact-form{background:#fff;color:#1d3228;padding:34px;border-radius:10px}.form-tag{color:#6e9278;font-size:10px;font-weight:800;letter-spacing:1px}.contact-form h3{font-size:20px;letter-spacing:-1px;margin:12px 0 25px}.contact-form label{display:block;color:#435a4a;font-size:12px;font-weight:700;margin:17px 0 8px}.contact-form select{border:1px solid #dde5dd;padding:15px 12px;border-radius:5px;width:100%;background:#fcfcfa;color:#344e40;font-size:12px}.contact-form .submit{margin-top:24px;width:100%;background:#244c3b;color:white}.form-hint{font-size:10px;color:#8b968d;line-height:1.8;margin:14px 0 0}.footer{background:#f9faf7}.footer-main{display:flex;justify-content:space-between;padding-top:58px;padding-bottom:58px}.footer-main p{font-size:12px;line-height:1.9;color:#8b958d}.footer-main>div:last-child{display:flex;flex-direction:column;gap:11px;min-width:135px}.footer-main>div:last-child strong{font-size:12px;margin-bottom:6px}.footer-main>div:last-child a{color:#748078;font-size:12px}.footer-bottom{padding-top:19px;padding-bottom:27px;border-top:1px solid #e4e9e1;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:#9aa59c}.modal-backdrop{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:22px;background:#14271f99;backdrop-filter:blur(4px)}.modal-backdrop.show{display:flex}.modal-panel{width:min(440px,100%);position:relative;background:#fff;padding:43px;border-radius:12px;box-shadow:0 25px 90px #16251b66}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;color:#577165;font-size:31px}.modal-eyebrow{font-size:10px;color:#789b80;letter-spacing:2px;font-weight:800}.modal-panel h3{font-size:25px;letter-spacing:-1px;margin:14px 0}.modal-panel p{font-size:14px;line-height:1.9;color:#69766e}.modal-button{margin-top:24px;width:100%;justify-content:center}@media(max-width:1100px){.nav-links{gap:18px}.hero h1{font-size:51px}.hero-art{height:480px}.note-right{right:-9px}.price-card{padding:23px}.contact-panel{gap:35px}}@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}.nav{height:69px}.nav-links,.nav-cta{display:none}.menu-toggle{display:flex}.mobile-nav.open{display:flex;flex-direction:column;padding:12px 22px 22px;border-top:1px solid #e5eae2;gap:2px}.mobile-nav a{padding:12px 6px;font-size:13px}.hero{padding-top:63px;padding-bottom:70px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:47px}.hero-art{height:460px;margin-top:24px}.browser{width:90%}.note-left{left:0}.note-right{right:0}.hero-notes{margin-top:33px}.trust-inner{flex-wrap:wrap;gap:11px;padding-top:22px;padding-bottom:22px;min-height:0;font-size:12px}.trust-inner strong{width:100%;text-align:center;margin:0;font-size:10px}.section{padding-top:80px;padding-bottom:83px}.section-head{align-items:start;flex-direction:column;gap:13px;margin-bottom:35px}.section-head h2{font-size:34px}.value-grid{grid-template-columns:1fr}.value{min-height:0;padding:24px 0 28px}.value+.value{border-left:none;border-top:1px solid #dfe6dc;padding-left:0}.value-icon{margin:16px 0}.show-grid{grid-template-columns:1fr;gap:15px}.work-preview{height:280px}.work-foot{min-height:78px}.process-line{grid-template-columns:repeat(2,1fr);gap:26px 15px}.price-grid{grid-template-columns:1fr;gap:22px}.price-card{min-height:0;padding:30px}.price-card>p{min-height:0}.contact-panel{grid-template-columns:1fr;gap:34px;padding-top:79px;padding-bottom:76px}.contact-copy h2{font-size:38px}.footer-main{gap:40px}}@media(max-width:480px){.preview-bar{font-size:10px;height:44px;gap:5px}.preview-pill{font-size:9px;padding:3px 6px}.brand-mark{font-size:42px}.brand-text strong{font-size:12px}.hero{padding-top:52px}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero h1{font-size:39px;letter-spacing:-2.4px}.hero-lead{font-size:14px}.hero-actions{gap:16px}.btn{gap:12px;padding:15px 16px;font-size:12px}.text-link{font-size:12px}.hero-art{height:330px}.browser{width:94%;height:285px;padding:6px}.browser-bar{height:25px}.browser-site{height:calc(100% - 25px)}.sample-top{height:34px;padding:0 16px}.sample-logo{font-size:18px}.sample-top>span:last-child{font-size:5px}.sample-photo{height:195px}.sample-type{top:27px;left:22px}.sample-type h3{font-size:24px;margin:10px 0 18px}.sample-type small,.sample-type span{font-size:6px}.sample-footer{padding:8px 14px;font-size:5px}.floating-note{padding:9px 12px;font-size:9px}.floating-note small{font-size:8px}.note-left{bottom:5px;left:0}.note-right{top:0;right:0}.hero-notes{gap:9px;font-size:10px}.section-head h2{font-size:31px}.faq-list summary{font-size:13px;line-height:1.5;padding:22px 0}.faq-list details p{padding-right:8px}.contact-form{padding:22px}.contact-copy h2{font-size:34px}.footer-bottom{flex-direction:column}.modal-panel{padding:32px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}