@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--green:#139B83;--deep:#087864;--ink:#172824;--muted:#687771;--line:#e6ece9;--soft:#f4f9f7;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:17px;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.container{width:min(1440px,calc(100% - 88px));margin:0 auto}.skip-link{position:absolute;top:-60px;left:12px;z-index:50;padding:12px;background:#fff}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #f0b346;outline-offset:4px}.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #f0f2f1}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:32px;font-weight:800;letter-spacing:-1.7px}.brand-symbol{display:grid;place-items:center;width:39px;height:39px;background:var(--green);border-radius:12px;color:#fff;font-size:28px;font-weight:400}.brand-dot{color:var(--green)}.brand small{font-size:10px;letter-spacing:.2px;color:#81918b;align-self:flex-end;margin:0 0 6px -5px;font-weight:600}.main-nav{display:flex;align-items:center;gap:46px;font-size:15px;font-weight:700}.main-nav>a:not(.btn):hover,.main-nav>a[aria-current=page]{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 26px;border-radius:10px;font-size:15px;font-weight:800;transition:transform .2s,background .2s;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--deep)}.btn-outline{border-color:#d7e2dc;background:#fff}.btn-dark{background:#172824;color:#fff}.btn-small{min-height:43px;padding:0 20px}.mobile-toggle{display:none}.hero{background:linear-gradient(120deg,#f6fbf8 0%,#f4faf7 60%,#eff8f4 100%);overflow:hidden}.hero>.container{min-height:665px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:38px}.hero-copy{padding:60px 0 80px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--green)}.eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:1.3px}.eyebrow-dot{width:8px;height:8px;background:#65c5ab;border-radius:50%}.hero h1{font-size:clamp(42px,4.2vw,68px);line-height:1.27;letter-spacing:-3px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{line-height:1.85;color:#5b7168;font-size:19px}.hero-buttons{display:flex;gap:12px;margin:35px 0 24px}.hero-note{color:#6a8178;font-size:13px}.check-mark{display:inline-grid;place-items:center;border-radius:50%;background:#cdece2;color:var(--deep);width:20px;height:20px;margin-right:6px}.hero-art{height:570px;position:relative}.hero-glow{position:absolute;width:500px;height:460px;inset:48px 0 0 13%;border-radius:50%;background:#d8eee3;filter:blur(24px)}.hero-poster{position:absolute;width:245px;border-radius:13px;box-shadow:0 28px 55px #174c352a;border:7px solid #fff;animation:float 6s ease-in-out infinite}.hp-one{top:72px;left:23%;transform:rotate(-8deg);z-index:2}.hp-two{top:145px;left:55%;transform:rotate(11deg);z-index:3;animation-delay:1s}.hp-three{top:245px;left:5%;transform:rotate(-13deg);z-index:1;animation-delay:2s}.floating-pill{position:absolute;z-index:4;background:#fff;box-shadow:0 8px 34px #2557401c;padding:13px 19px;border-radius:999px;font-size:12px;font-weight:800}.pill-a{left:2%;top:103px}.pill-b{right:0;bottom:55px}@keyframes float{50%{translate:0 -11px}}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.trust-inner span{color:#8c9b94;font-size:13px}.trust-inner strong{color:#9faea8;font-size:16px;letter-spacing:1.2px}.section{padding:115px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:30px}.section h2{font-size:clamp(30px,3vw,46px);line-height:1.35;letter-spacing:-1.7px;margin:17px 0}.section-head p,.center-head p,.steps-copy p{color:var(--muted);line-height:1.8;font-size:17px}.text-link{font-weight:800;color:var(--green);white-space:nowrap;font-size:15px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:31px}.template-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:#fff}.template-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #143d2710}.template-image{height:320px;background:#f4f6f5;display:grid;place-items:center;position:relative;overflow:hidden}.template-image img{height:280px;width:auto;max-width:88%;box-shadow:0 12px 30px #2c413126;transition:transform .3s}.template-card:hover .template-image img{transform:scale(1.045)}.template-preview{position:absolute;right:15px;bottom:16px;background:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;color:var(--ink)}.template-meta{padding:20px 22px;display:flex;justify-content:space-between;align-items:center}.template-meta small{color:var(--green);font-size:12px;font-weight:700}.template-meta h3{font-size:18px;margin:5px 0 0}.template-meta>span{font-size:24px;color:#8da69a}.centered-cta{text-align:center;margin-top:42px}.value-section{background:var(--soft)}.center-head{text-align:center;margin-bottom:48px}.center-head p{max-width:650px;margin:0 auto}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.value-card{background:white;padding:38px;border:1px solid #eaf0ed;border-radius:18px;min-height:290px}.value-icon{font-size:35px;background:#e9f7f1;width:68px;height:68px;display:grid;place-items:center;border-radius:18px;color:var(--green);margin-bottom:26px}.value-card>span{font-size:11px;color:var(--green);font-weight:800;letter-spacing:1px}.value-card h3{font-size:22px;margin:12px 0}.value-card p{color:var(--muted);font-size:15px;line-height:1.85}.steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.steps-list{border-top:1px solid var(--line)}.steps-list>div{display:flex;gap:27px;padding:30px 0;border-bottom:1px solid var(--line)}.steps-list b{color:var(--green);font-size:18px}.steps-list strong{display:block;font-size:20px;margin-bottom:10px}.steps-list small{display:block;font-size:15px;color:var(--muted);line-height:1.6}.member-section{padding-top:20px}.member-panel{background:#e5f5ed;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;min-height:390px;padding:60px 75px;border-radius:26px;overflow:hidden}.member-panel h2{margin-top:16px}.member-panel p{max-width:690px;color:#56796a;line-height:1.9;margin-bottom:24px}.member-art{position:relative;min-height:260px;display:grid;place-items:center}.member-round{border-radius:50%;background:#159a7e;width:260px;height:260px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;box-shadow:30px 25px 0 #c8ead9}.member-round span{font-size:57px;letter-spacing:-3px;font-weight:800}.member-round small{font-size:11px;letter-spacing:2px}.member-star{position:absolute;right:3%;top:4%;font-size:85px;color:#ffcb77}.site-footer{background:#162720;color:#fff;padding:68px 0 23px}.footer-main{display:flex;justify-content:space-between;gap:30px;padding-bottom:70px}.footer-brand{font-size:30px}.footer-main p{color:#adbdb6;font-size:14px;margin:17px 0 0}.footer-links{display:flex;gap:30px;font-size:14px;color:#d5e1da;align-items:flex-start}.footer-bottom{border-top:1px solid #365047;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#a4b6ac}.subhero{background:#f3faf6;padding:92px 0 85px}.subhero h1{font-size:54px;letter-spacing:-2px;margin:15px 0}.subhero p{color:var(--muted);font-size:18px;line-height:1.8;max-width:720px}.inner-section{padding:80px 0 120px}.filterbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.filter-button{padding:12px 20px;border:1px solid #dae5df;border-radius:999px;background:#fff;cursor:pointer;font-size:14px;font-weight:700;color:#62766c}.filter-button.active,.filter-button:hover{background:var(--green);border-color:var(--green);color:#fff}.template-card[hidden]{display:none}.library-note{margin-top:34px;color:var(--muted);font-size:14px}.feature-list>div{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:30px;padding:38px 0;border-bottom:1px solid var(--line)}.feature-no{font-size:16px;color:var(--green);font-weight:800}.feature-list h2{font-size:28px;margin:0 0 10px}.feature-list p{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.feature-mark{font-size:65px;color:#9fd6c4;text-align:right}.development-notice{margin-top:50px;padding:26px 30px;background:#f1f7f4;border-radius:12px}.development-notice p{margin:8px 0 0;color:#667970;font-size:15px}.narrow{max-width:950px}.content-title{font-size:30px!important;margin:0 0 20px!important}.prose{line-height:2;color:var(--muted);margin-bottom:40px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:75px}.guide-grid>div{padding:25px;border-radius:15px;background:#f2f8f5}.guide-grid b{color:var(--green)}.guide-grid h3{margin:15px 0 10px}.guide-grid p{font-size:14px;color:var(--muted);line-height:1.8}.faq-item{padding:26px 0;border-bottom:1px solid var(--line)}.faq-item h3{font-size:19px}.faq-item p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:0}.guide-banner{background:#edf8f3;border-radius:16px;padding:35px;margin-top:50px}.guide-banner p{color:var(--muted)}.login-section{min-height:590px;display:flex;align-items:center}.login-card{max-width:580px;margin:auto;text-align:center;padding:42px}.login-card h1{font-size:40px;margin:20px 0}.login-card>p{color:var(--muted);line-height:1.9}.login-lock{padding:28px;background:var(--soft);border-radius:16px;margin:30px 0}.login-lock span{font-size:45px;color:var(--green);display:block}.login-lock strong{display:block;margin:9px}.login-lock p{color:var(--muted);font-size:14px;line-height:1.7}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.container{width:min(100% - 48px,1440px)}.hero>.container{min-height:560px}.hero-art{transform:scale(.82);transform-origin:center}.hero h1{font-size:50px}.main-nav{gap:24px}.steps-layout{gap:50px}.template-image{height:270px}.template-image img{height:235px}}@media(max-width:760px){body{font-size:16px}.container{width:calc(100% - 36px)}.header-inner{height:74px}.brand{font-size:27px}.brand-symbol{width:35px;height:35px}.brand small{display:none}.mobile-toggle{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;cursor:pointer}.mobile-toggle span{height:2px;width:24px;background:#243e33}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:20px 18px;flex-direction:column;align-items:stretch;gap:10px;box-shadow:0 18px 24px #142d1d14}.main-nav.open{display:flex}.main-nav>a:not(.btn){padding:10px}.hero>.container{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:68px 0 20px}.hero h1{font-size:clamp(38px,10vw,54px);letter-spacing:-2px}.hero-copy>p{font-size:16px}.hero-art{height:390px;transform:scale(.7);transform-origin:center top;width:135%;margin-left:-16%}.hero-poster{width:210px}.hp-one{top:10px;left:27%}.hp-two{top:80px;left:58%}.hp-three{top:150px;left:5%}.pill-b{bottom:75px}.trust-inner{padding:20px 0;justify-content:center;min-height:0}.trust-inner span{width:100%;text-align:center}.trust-inner strong{font-size:12px}.section{padding:70px 0}.section h2{font-size:32px}.section-head{align-items:start;flex-direction:column}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.template-image{height:240px}.template-image img{height:205px}.template-meta{padding:14px}.template-meta h3{font-size:15px}.template-meta small{font-size:11px}.value-grid,.steps-layout,.member-panel{grid-template-columns:1fr}.value-card{min-height:0;padding:25px}.steps-layout{gap:32px}.member-panel{padding:40px 28px;min-height:0}.member-art{display:none}.footer-main{flex-direction:column}.footer-links{flex-wrap:wrap;gap:20px}.subhero{padding:65px 0}.subhero h1{font-size:38px}.guide-grid{grid-template-columns:1fr}.feature-list>div{grid-template-columns:42px 1fr;gap:15px}.feature-mark{display:none}}@media(max-width:470px){.hero-buttons{flex-direction:column;align-items:stretch}.hero-art{margin-left:-23%;width:145%}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-image{height:180px}.template-image img{height:157px}.template-preview{font-size:10px;padding:5px 7px;right:5px;bottom:7px}.template-meta>span{display:none}.template-meta h3{font-size:13px}.footer-bottom{gap:15px;flex-wrap:wrap}}
/* v0.2 browser-based editor */
.editor-heading{padding:65px 0 30px;background:#f5faf8}.editor-heading h1{font-size:clamp(27px,3vw,40px);margin:12px 0}.editor-heading p{font-size:16px;line-height:1.8;color:#65716d}.editor-section{background:#f5faf8;padding:0 0 90px}.editor-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:26px;align-items:start}.editor-panel,.editor-workspace{background:white;border:1px solid #e4ece8;border-radius:18px;box-shadow:0 12px 34px #1a4c3610}.editor-panel{padding:26px;display:grid;gap:18px}.editor-field{display:flex;flex-direction:column;gap:7px}.editor-field label{font-weight:700;font-size:14px}.editor-field input:not([type=color]):not([type=range]),.editor-field select,.editor-field textarea{display:block;width:100%;font:inherit;padding:11px 12px;border:1px solid #cfded7;border-radius:9px;background:#fff;color:#172b25}.editor-field input:focus-visible,.editor-field select:focus-visible,.editor-field textarea:focus-visible{outline:3px solid #a1dfd0;outline-offset:1px}.editor-field small,.editor-disclaimer{color:#687972;font-size:12px;line-height:1.7}.editor-colors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-field input[type=color]{width:100%;height:42px;border:1px solid #d4e1db;border-radius:8px;background:#fff;cursor:pointer}.editor-field input[type=range]{accent-color:#139B83;width:100%}.editor-clear,.editor-action{border:1px solid #ccded6;background:#fff;border-radius:8px;padding:9px 14px;cursor:pointer;font:inherit;font-size:13px;color:#243e34}.editor-clear{align-self:flex-start}.editor-tips{padding:12px;background:#e8f7f1;color:#236453;font-size:13px;line-height:1.7;border-radius:9px}.editor-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 22px;border-bottom:1px solid #e7eeeb}.editor-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.editor-download{background:#139B83;color:white;border-color:#139B83;font-weight:700}.editor-canvas-holder{padding:28px;display:flex;justify-content:center;background:#f1f3f3}.editor-canvas-holder canvas{width:min(100%,430px);height:auto;aspect-ratio:520/680;box-shadow:0 10px 32px #11221d26;background:white;touch-action:none}.editor-disclaimer{text-align:center;padding:15px;margin:0}.editor-action:hover,.editor-clear:hover{filter:brightness(.94)}@media(max-width:850px){.editor-layout{grid-template-columns:1fr}.editor-panel{grid-template-columns:1fr 1fr}.editor-colors,.editor-tips{grid-column:1/-1}}@media(max-width:550px){.editor-panel{grid-template-columns:1fr;padding:18px}.editor-colors,.editor-tips{grid-column:auto}.editor-toolbar{align-items:flex-start;flex-direction:column}.editor-canvas-holder{padding:12px}}