@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@500;600&display=swap');
:root{--ink:#352925;--muted:#826f68;--surface:#efe6df;--paper:#fffaf7;--accent:#a66f72;--accent2:#d3aca6;--line:#dfd0c9;--photo:url('assets/profiles/beauty.jpg');--display:'Cormorant Garamond','Noto Serif KR',serif;--sans:'DM Sans','Noto Sans KR',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:#f6f5f2;color:var(--ink);font-family:var(--sans);transition:background .35s,color .35s}button,a{font:inherit}.showcase-head{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,74px);border-bottom:1px solid #dedbd5;background:#f6f5f2cc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{color:#151515;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.14em}.brand span{font-family:'Noto Serif KR';font-size:18px;margin-right:8px}.showcase-head>div{text-align:right}.showcase-head strong,.showcase-head small{display:block}.showcase-head strong{font-size:11px;letter-spacing:.12em}.showcase-head small{font-size:10px;color:#888;margin-top:2px}.intro{max-width:1180px;margin:auto;padding:90px 30px 70px}.kicker{font-size:10px;letter-spacing:.24em;font-weight:700;color:#8a8279}.intro h1{font:600 clamp(44px,7vw,88px)/.96 var(--display);letter-spacing:-.045em;margin:20px 0 28px}.intro h1 em{font-weight:500;color:var(--accent)}.intro>p:last-child{max-width:500px;line-height:1.8;color:#756e67;font-size:14px;word-break:keep-all}.theme-tabs{max-width:1180px;margin:0 auto 30px;padding:0 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-tabs button{height:64px;border:1px solid #d9d5ce;background:transparent;color:#89837a;cursor:pointer;text-align:left;padding:0 16px;transition:.25s}.theme-tabs span{display:block;font-size:9px;margin-bottom:4px}.theme-tabs button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.stage{min-width:0;background:var(--surface);min-height:880px;padding:70px max(30px,calc((100% - 1120px)/2));display:grid;grid-template-columns:440px 1fr;gap:clamp(60px,10vw,140px);align-items:center;transition:.35s}.device{width:390px;max-width:100%;height:760px;background:#111;border:9px solid #151515;border-radius:42px;overflow:hidden;box-shadow:0 35px 80px #3b272229;justify-self:center}.card{height:100%;overflow-y:auto;background:var(--paper);scrollbar-width:none}.card::-webkit-scrollbar{display:none}.hero{height:420px;position:relative;overflow:hidden;background:var(--surface);color:#fff}.photo{position:absolute;inset:0;background-image:var(--photo);background-position:center 24%;background-size:cover;filter:saturate(.78) contrast(.96)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0000 25%,#21120fbb 100%)}.monogram{position:absolute;right:18px;top:8px;font:500 118px/1 var(--display);color:#fff2;mix-blend-mode:overlay}.industry-en{position:absolute;top:26px;left:24px;margin:0;font-size:9px;letter-spacing:.18em}.identity{position:absolute;left:24px;right:24px;bottom:25px}.company{font-size:10px;letter-spacing:.2em;margin:0 0 8px}.identity h2{font:600 38px/1.1 var(--display);margin:0}.identity h2 small{font:500 11px var(--sans);letter-spacing:.05em;margin-left:5px}.tagline{font:500 16px/1.6 'Noto Serif KR',serif;margin:15px 0 0}.card-body{padding:26px 22px 36px}.welcome{font-size:12px;line-height:1.75;color:var(--muted);word-break:keep-all;margin:0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;border-block:1px solid var(--line)}.trust-row div{padding:14px 4px;text-align:center;border-right:1px solid var(--line)}.trust-row div:last-child{border:0}.trust-row strong,.trust-row span{display:block}.trust-row strong{font:600 21px var(--display)}.trust-row span{font-size:7px;letter-spacing:.12em;color:var(--muted);margin-top:2px}.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cta{min-height:58px;border:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-decoration:none;font-size:10px}.cta b{font-size:16px}.cta.primary{background:var(--accent);border-color:var(--accent);color:#fff}.info{margin:22px 0}.info div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding:10px 0}.info dt{font-size:7px;letter-spacing:.12em;color:var(--muted)}.info dd{font-size:10px;margin:0}.info a{color:inherit;text-decoration:none}.save-contact{width:100%;height:48px;border:0;background:var(--ink);color:var(--paper);font-size:11px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;cursor:pointer}.save-contact span{font-size:18px}.spec{max-width:510px}.spec-no{font-size:10px;letter-spacing:.18em;color:var(--muted)}.spec-no span{font:600 22px var(--display);color:var(--accent);margin-left:8px}.spec h2{font:600 clamp(50px,7vw,86px)/.92 var(--display);margin:26px 0;letter-spacing:-.04em}.concept{max-width:430px;font-size:14px;line-height:1.8;word-break:keep-all;color:var(--muted)}.palette{display:flex;margin:34px 0}.palette i{width:52px;height:52px;background:var(--ink)}.palette i:nth-child(2){background:var(--accent)}.palette i:nth-child(3){background:var(--accent2)}.palette i:nth-child(4){background:var(--paper);border:1px solid var(--line)}.spec dl{margin:0;border-top:1px solid var(--line)}.spec dl div{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line);padding:14px 0}.spec dt{font-size:8px;letter-spacing:.13em}.spec dd{margin:0;font-size:11px;color:var(--muted)}.switch-hint{margin-top:28px;font-size:10px;color:var(--muted)}.product-info{max-width:1180px;margin:auto;padding:110px 30px}.product-info h2{font:600 clamp(40px,6vw,70px)/1.08 var(--display);letter-spacing:-.04em;margin:20px 0 55px}.features{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9d5ce}.features article{padding:25px 22px;border-right:1px solid #d9d5ce}.features article:first-child{padding-left:0}.features article:last-child{border:0}.features span{font-size:9px;color:#999}.features h3{font-size:14px;margin:24px 0 12px}.features p{font-size:12px;line-height:1.75;color:#777;word-break:keep-all}
body[data-theme=tax]{--ink:#10263e;--muted:#657386;--surface:#e5eaf0;--paper:#fbfcfd;--accent:#b08a4a;--accent2:#294765;--line:#d4dce5;--photo:url('assets/profiles/tax.jpg');--display:'Noto Serif KR',serif}body[data-theme=tax] .hero-shade{background:linear-gradient(180deg,#0d27432b,#0a1f36e8)}body[data-theme=tax] .photo{filter:saturate(.56) contrast(1.04);background-position:center 60%}
body[data-theme=realtor]{--ink:#173b32;--muted:#687c73;--surface:#e1e7df;--paper:#fafbf7;--accent:#b58b51;--accent2:#59766b;--line:#d1dbd4;--photo:url('assets/profiles/realtor.jpg');--display:'Cormorant Garamond','Noto Serif KR',serif}body[data-theme=realtor] .hero-shade{background:linear-gradient(180deg,#163d3210,#102d25e8)}
body[data-theme=medical]{--ink:#123856;--muted:#66849a;--surface:#e9f3f7;--paper:#fff;--accent:#2787b6;--accent2:#8dc8dc;--line:#d7e7ee;--photo:url('assets/profiles/medical.jpg');--display:'Noto Sans KR',sans-serif}body[data-theme=medical] .hero{color:#173f59}body[data-theme=medical] .hero-shade{background:linear-gradient(180deg,#eefbff18,#eaf8f6eb)}body[data-theme=medical] .photo{filter:saturate(.7);background-position:center 35%}body[data-theme=medical] .tagline{font-family:'Noto Sans KR';font-weight:600}
body[data-theme=restaurant]{--ink:#171715;--muted:#8f877b;--surface:#24221f;--paper:#f5efe4;--accent:#aa6f45;--accent2:#d5b488;--line:#ded2c1;--photo:url('assets/profiles/restaurant.jpg');--display:'Cormorant Garamond','Noto Serif KR',serif}body[data-theme=restaurant] .hero-shade{background:linear-gradient(180deg,#0002,#090807e8)}body[data-theme=restaurant] .photo{background-position:center 67%}body[data-theme=restaurant] .spec{color:#f5efe4}body[data-theme=restaurant] .spec .concept,body[data-theme=restaurant] .spec dd,body[data-theme=restaurant] .switch-hint,body[data-theme=restaurant] .spec-no{color:#b8afa3}
.cta b{display:grid;place-items:center}.cta b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.social-links a{min-height:45px;border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-size:9px;background:var(--paper)}.social-links img{width:21px;height:21px;object-fit:contain}.social-links a:nth-child(2) img{border-radius:6px}
@media(max-width:850px){.intro{padding-top:60px}.theme-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(110px,1fr));padding-bottom:4px}.stage{grid-template-columns:1fr;padding:45px 20px 70px;gap:55px}.spec{justify-self:center;width:min(100%,500px)}.features{grid-template-columns:1fr 1fr}.features article:nth-child(2){border-right:0}.features article{border-bottom:1px solid #d9d5ce}.features article:first-child{padding-left:22px}}
@media(max-width:480px){.showcase-head{height:64px}.showcase-head>div{display:none}.intro{padding:46px 20px}.theme-tabs{padding-inline:20px}.stage{padding-inline:10px}.device{width:min(370px,100%);height:720px;border-width:7px;border-radius:34px}.hero{height:395px}.spec{padding:0 14px}.features{grid-template-columns:1fr}.features article{border-right:0}.product-info{padding:80px 20px}.product-info h2 br{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sample-link{width:min(100%,330px);height:58px;margin-top:30px;padding:0 18px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:12px;font-weight:700}.sample-link span{font-size:20px;font-weight:400}.comparison{background:#171716;color:#f6f2e9;padding:110px max(30px,calc((100% - 1120px)/2))}.comparison-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px}.comparison-head h2{font:600 clamp(38px,5vw,64px)/1.08 var(--display);margin:0;letter-spacing:-.04em}.comparison .kicker{color:#aaa298}.comparison-table{border-top:1px solid #45423d}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #45423d;min-height:64px;align-items:center}.table-row span,.table-row strong{padding:0 16px;font-size:12px;text-align:center}.table-row span:first-child{text-align:left}.table-row strong{height:100%;display:flex;align-items:center;justify-content:center;background:#f1e9dc;color:#171716}.table-title{color:#aaa298}.table-title strong{background:#b07c61;color:#fff}.package-section{max-width:1120px;margin:auto;padding:120px 30px;display:grid;grid-template-columns:1fr 520px;gap:90px;align-items:start}.package-copy{position:sticky;top:110px}.package-copy h2{font:600 clamp(56px,7vw,88px)/.88 var(--display);letter-spacing:-.045em;margin:22px 0}.package-copy>p:last-child{max-width:380px;color:#777;line-height:1.8;font-size:13px;word-break:keep-all}.price-card{border:1px solid #d7d2ca;background:#fff}.price-head{padding:34px;border-bottom:1px solid #d7d2ca}.price-head p{font-size:11px;margin:0;color:#777}.price-head strong{display:block;font:600 64px/1 var(--display);margin:20px 0 9px}.price-head strong small{font:600 14px var(--sans);margin-left:4px}.price-head span{font-size:11px;color:#8a8279}.price-card ul{list-style:none;margin:0;padding:20px 34px}.price-card li{position:relative;padding:10px 0 10px 23px;border-bottom:1px solid #eeeae4;font-size:12px}.price-card li:before{content:'✓';position:absolute;left:0;color:#9b6b56;font-weight:800}.price-card>a{height:62px;margin:0 34px 34px;background:#171716;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:700}.process{background:#ece6dd;padding:120px max(30px,calc((100% - 1120px)/2))}.process>h2{font:600 clamp(42px,6vw,72px)/1.05 var(--display);letter-spacing:-.04em;margin:20px 0 60px}.process ol{list-style:none;padding:0;margin:0;border-top:1px solid #cfc5b9}.process li{display:grid;grid-template-columns:90px 1fr;padding:26px 0;border-bottom:1px solid #cfc5b9}.process li>span{font:600 20px var(--display);color:#a56d58}.process h3{font-size:15px;margin:0 0 8px}.process li p{font-size:12px;color:#756c62;line-height:1.7;margin:0}.requirements{max-width:1120px;margin:auto;padding:110px 30px;display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.requirements h2{font:600 clamp(40px,5vw,64px)/1 var(--display);margin:18px 0}.requirements ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ddd7cf}.requirements li{padding:20px 8px;border-bottom:1px solid #ddd7cf;font-size:12px}.faq{max-width:900px;margin:auto;padding:110px 30px}.faq>h2{font:600 clamp(42px,6vw,68px)/1 var(--display);letter-spacing:-.04em;margin:20px 0 50px}.faq details{border-top:1px solid #d8d3cc}.faq details:last-child{border-bottom:1px solid #d8d3cc}.faq summary{padding:23px 4px;cursor:pointer;font-size:14px;font-weight:600;list-style:none}.faq summary:after{content:'＋';float:right;font-size:18px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{margin:0;padding:0 40px 24px 4px;font-size:12px;line-height:1.8;color:#777;word-break:keep-all}.closing{background:#a67565;color:#fff;text-align:center;padding:110px 20px}.closing p{font-size:9px;letter-spacing:.22em}.closing h2{font:600 clamp(48px,8vw,96px)/.96 var(--display);letter-spacing:-.045em;margin:24px 0 40px}.closing a{display:inline-flex;height:54px;padding:0 25px;align-items:center;border:1px solid #fff;color:#fff;text-decoration:none;font-size:11px}
@media(max-width:850px){.comparison-head{display:block}.comparison-head .kicker{margin-bottom:18px}.package-section{grid-template-columns:1fr;gap:45px}.package-copy{position:static}.requirements{grid-template-columns:1fr;gap:35px}}
@media(max-width:560px){.comparison{padding:80px 18px}.table-row{grid-template-columns:1.5fr repeat(3,1fr)}.table-row span,.table-row strong{padding-inline:5px;font-size:9px}.package-section,.process,.requirements,.faq{padding-top:80px;padding-bottom:80px}.price-head,.price-card ul{padding-left:22px;padding-right:22px}.price-card>a{margin-left:22px;margin-right:22px}.requirements ul{grid-template-columns:1fr}.process li{grid-template-columns:52px 1fr}}