:root{--ink:#16363c;--sub:#668081;--dark:#112e37;--line:#dbe7e1;--mint:#aef3d8;--bg:#f3f7f3;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}input,button,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #1ba887;outline-offset:3px}fieldset{border:0;padding:0;margin:0}.wrap{width:min(1250px,calc(100% - 50px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-90px;left:10px;z-index:200;padding:12px 20px;background:#fff}.skip:focus{top:8px}
.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:#f9fbf8f2;backdrop-filter:blur(18px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.logo{font-size:23px;font-weight:900;letter-spacing:-.075em;line-height:1}.logo span{color:#208b75}.logo small{display:block;font-weight:800;font-size:10px;letter-spacing:.19em;margin-top:5px;color:#59797b}.topbar nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:750}.topbar nav a:hover{text-decoration:underline;text-underline-offset:5px}.topbar nav .nav-cta{background:#16363a;color:white;padding:12px 16px;border-radius:8px}.intro{background:#122e36;color:white;padding:75px 0 81px;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 22%,#6fdbc126,transparent 36%);pointer-events:none}.intro-inner{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:60px;position:relative;z-index:1}.eyebrow{font-size:11px;color:#89dfbf;font-weight:900;letter-spacing:.17em}.eyebrow.dark{color:#247e65}.intro h1{font-size:clamp(36px,4.5vw,63px);letter-spacing:-.075em;line-height:1.22;margin:20px 0}.intro h1 em{font-style:normal;color:#a6f0d5}.intro p{font-size:15px;max-width:710px;line-height:1.85;color:#d7e3df;word-break:keep-all}.intro p strong{color:#d2ffeb}.intro-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.intro-tags span{border:1px solid #ffffff3c;padding:8px 11px;border-radius:30px;font-size:11px;color:#d4e8dc}.intro-mark{background:#edfaf3;color:#204c43;border-radius:21px;padding:26px;box-shadow:0 20px 70px #001c1e55;transform:rotate(3deg)}.mock-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em}.mock-line span{width:19px;height:19px;background:#47b28a;border-radius:50%}.mock-line i{font-size:25px;color:#46b48c}.mock-big{font-size:clamp(31px,3vw,47px);font-weight:900;line-height:1.12;letter-spacing:-.06em;margin:31px 0 30px}.mock-big em{color:#268b71;font-style:normal}.mock-pills{display:flex;gap:5px;flex-wrap:wrap}.mock-pills span{font-size:9px;padding:7px 9px;background:white;border-radius:100px;color:#467e69;font-weight:850}
.builder-section{padding:74px 0 95px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-top h2,.export-section h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.06em;line-height:1.24;margin:10px 0}.section-top p,.export-section p{line-height:1.75;font-size:14px;color:#617677;max-width:670px;margin:0}.version{font-weight:850;font-size:11px;white-space:nowrap;color:#64827a;letter-spacing:.12em}.studio-grid{display:grid;grid-template-columns:minmax(290px,410px) minmax(0,1fr);gap:20px;align-items:start}.controls{background:#fff;border:1px solid var(--line);padding:26px;border-radius:18px;box-shadow:0 8px 30px #164a300b}.ctrl-head{display:flex;justify-content:space-between;gap:7px;align-items:center;padding-bottom:19px;border-bottom:1px solid #e8efea;margin-bottom:20px}.ctrl-head span{font-weight:900;font-size:16px}.ctrl-head small{font-size:11px;color:#78908d}.ctrl-head.secondary{margin-top:26px}.field{display:block;margin-bottom:18px}.field>label,.field>legend{display:block;font-size:13px;font-weight:850;margin-bottom:8px}.required{color:#a84b50}.field>input,.field>textarea,.field>select{display:block;width:100%;border:1px solid #cfded6;background:#fbfdfb;border-radius:9px;padding:11px 12px;color:#223c3e;min-height:44px;resize:vertical;font-size:14px}.field small{display:block;color:#607a7a;font-size:11px;line-height:1.6;margin-top:6px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.segmented label{cursor:pointer}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;background:#f3f7f3;border:1px solid #dbe6df;border-radius:8px;padding:10px 2px;font-size:12px;font-weight:780}.segmented input:checked+span{background:#153e3e;color:white}.segmented input:focus-visible+span{outline:3px solid #1ba887;outline-offset:3px}.colors{display:flex;gap:11px;flex-wrap:wrap;padding:4px 0 9px}.colors label{cursor:pointer}.colors input{position:absolute;opacity:0}.swatch{display:flex;width:31px;height:31px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d5ded9}.colors input:checked+.swatch{box-shadow:0 0 0 3px #172f32}.colors input:focus-visible+.swatch{outline:3px solid #1ba887;outline-offset:4px}.teal{background:#197b73}.blue{background:#2758ab}.violet{background:#7255a8}.coral{background:#bc6254}.forest{background:#29754d}.slate{background:#3b5565}.checks{display:grid;gap:12px}.checks label{display:flex;align-items:center;gap:11px;font-size:13px;cursor:pointer}.checks input{width:17px;height:17px;accent-color:#197b73}.control-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e9efeb;padding-top:19px}.reset{padding:0;border:0;background:none;font-size:11px;color:#246c60;text-decoration:underline;text-underline-offset:4px}.reset.muted{color:#667e7b}
.preview-pane{position:sticky;top:96px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#fff;border:1px solid #d9e4de;border-bottom:0;border-radius:16px 16px 0 0;gap:10px}.preview-toolbar>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-toolbar strong{font-size:12px}.preview-toolbar small{font-size:10px;color:#83958d}.preview-dot{height:8px;width:8px;background:#2cc18f;display:inline-block;border-radius:50%}.device-switch{display:flex;gap:3px;background:#eff5ef;border-radius:8px;padding:3px}.device-switch button{border:0;border-radius:6px;background:none;font-size:11px;padding:6px 9px;color:#617673}.device-switch button[aria-pressed=true]{background:#153f3d;color:#fff}.preview-stage{background:repeating-linear-gradient(45deg,#e6eee7,#e6eee7 11px,#edf3ed 11px,#edf3ed 22px);border:1px solid #d9e4de;padding:16px;min-height:600px;border-radius:0 0 16px 16px;display:flex;align-items:flex-start;justify-content:center;overflow:auto}.preview-frame{width:100%;max-width:100%;transition:max-width .25s ease;background:white;border:1px solid #d1d9d3;box-shadow:0 12px 35px #3a5e4c20;overflow:hidden}.preview-stage.mobile .preview-frame{max-width:370px}.preview-site{--accent:#197b73;--dark:#0f3739;--surface:#e8f5f0;background:#fff;color:var(--dark)}.preview-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;gap:15px}.preview-nav b{font-size:16px;letter-spacing:-.05em;overflow-wrap:anywhere}.preview-nav>div{display:flex;gap:12px;font-size:9px;font-weight:800}.preview-hero{position:relative;overflow:hidden;padding:65px 32px 75px;background:var(--dark);color:white}.preview-kicker{font-size:8px;font-weight:800;letter-spacing:.12em;color:#cce8dd;max-width:360px}.preview-hero h3{font-size:clamp(24px,3.2vw,47px);letter-spacing:-.065em;line-height:1.25;max-width:440px;margin:17px 0;overflow-wrap:anywhere;position:relative;z-index:1}.preview-hero p{max-width:370px;line-height:1.75;font-size:12px;position:relative;z-index:1;color:#e2efeb;overflow-wrap:anywhere}.preview-cta{display:inline-flex;background:var(--accent);color:white;padding:11px 15px;border-radius:6px;font-size:10px;font-weight:800;margin-top:13px;position:relative;z-index:1}.preview-orb{position:absolute;right:-45px;top:38px;width:220px;height:220px;border-radius:50%;border:1px solid #ffffff35;display:flex;align-items:center;justify-content:center;transform:rotate(-13deg);box-shadow:0 0 0 32px #ffffff09,0 0 0 64px #ffffff06;opacity:.65}.preview-orb b{font-size:18px;letter-spacing:-.05em;line-height:1.2}.preview-orb span{position:absolute;inset:39px;border:1px dashed #ffffff40;border-radius:50%}.preview-services{padding:42px 25px 47px}.p-section-title{font-size:9px;letter-spacing:.15em;color:var(--accent);font-weight:850}.p-section-title b{font-size:19px;display:block;letter-spacing:-.055em;color:#193d3f;margin:9px 0 20px}.preview-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preview-service{border:1px solid #dce7df;padding:15px 12px;min-width:0;border-radius:8px}.preview-service span{font-size:17px;color:var(--accent)}.preview-service b{display:block;font-size:11px;margin:11px 0;overflow-wrap:anywhere}.preview-service small{font-size:9px;line-height:1.5;color:#6c817b}.preview-strengths{padding:35px 25px;background:var(--surface)}.preview-strengths span,.preview-contact span{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--accent)}.preview-strengths strong,.preview-contact strong{display:block;font-size:19px;letter-spacing:-.06em;margin:10px 0}.preview-strengths p{font-size:11px;line-height:1.7;color:#4e6f6b}.preview-contact{padding:35px 25px;background:#fff}.preview-contact small{font-size:11px;color:#657e7a}.preview-footer{padding:19px 25px;background:#eff4ef;display:flex;justify-content:space-between;font-size:9px;color:#607970}.preview-site[data-style=premium]{font-family:Georgia,"Noto Serif KR",serif}.preview-site[data-style=premium] .preview-hero{background:linear-gradient(115deg,var(--dark),#122126);text-align:center}.preview-site[data-style=premium] .preview-hero h3,.preview-site[data-style=premium] .preview-hero p{margin-left:auto;margin-right:auto}.preview-site[data-style=premium] .preview-orb{right:22%;top:52px;opacity:.32}.preview-site[data-style=premium] .preview-nav{border-bottom:1px solid #dfe8dd}.preview-site[data-style=editorial] .preview-hero{background:var(--surface);color:var(--dark)}.preview-site[data-style=editorial] .preview-kicker,.preview-site[data-style=editorial] .preview-hero p{color:var(--dark)}.preview-site[data-style=editorial] .preview-orb{border-color:#1c514e33;box-shadow:0 0 0 32px #113b3608;opacity:.45}.preview-site[data-style=editorial] .preview-orb b{color:#164c43}.preview-site[data-style=editorial] .preview-cta{color:#fff}.preview-stage.mobile .preview-site .preview-nav>div{display:none}.preview-stage.mobile .preview-site .preview-hero{padding:44px 18px 55px}.preview-stage.mobile .preview-site .preview-hero h3{font-size:27px}.preview-stage.mobile .preview-site .preview-orb{right:-100px}.preview-stage.mobile .preview-service-grid{grid-template-columns:1fr}.preview-stage.mobile .preview-services,.preview-stage.mobile .preview-strengths,.preview-stage.mobile .preview-contact{padding:30px 20px}.preview-note{font-size:11px;color:#5c7571;margin-top:10px;line-height:1.6}
.export-section{padding-top:80px}.export-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.export-icon{height:70px;width:70px;display:grid;place-items:center;background:#d7f2e2;border-radius:50%;color:#21876d;font-size:32px}.export-actions{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 13px}.action{display:inline-flex;align-items:center;justify-content:center;min-height:47px;background:#fff;border:1px solid #cddfd6;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:850;color:#24584d;cursor:pointer}.action.primary{background:#163c3e;color:#fff;border-color:#163c3e}.action:hover{border-color:#44a78d}.export-feedback{min-height:22px;font-size:12px;color:#2c7463;font-weight:760}.disclosure{background:#e4f3e9;border-left:4px solid #258a67;padding:20px 24px;margin:20px 0;color:#275c51;border-radius:0 12px 12px 0}.disclosure strong{font-size:14px}.disclosure p{font-size:12px;color:#45685c;margin-top:7px;max-width:none}.bottom-ctas{display:flex;flex-wrap:wrap;gap:25px;margin-top:21px}.bottom-ctas a{font-size:13px;font-weight:800;color:#207a65;text-decoration:underline;text-underline-offset:5px}.footer{background:#112a31;color:#c2d8d0;padding:24px 0}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer .wrap div{display:flex;gap:18px}.footer a:hover{text-decoration:underline}.noscript{padding:20px;border:1px solid #c7854a}
@media(max-width:1080px){.studio-grid{grid-template-columns:minmax(250px,350px) minmax(0,1fr)}.preview-pane{top:90px}.preview-service-grid{grid-template-columns:1fr}.preview-orb{right:-90px}}
@media(max-width:820px){.intro-inner{grid-template-columns:1fr}.intro-mark{max-width:400px;transform:none}.studio-grid{grid-template-columns:1fr}.preview-pane{position:static}.preview-stage{min-height:400px}.preview-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar nav a:not(.nav-cta){display:none}}
@media(max-width:560px){.wrap{width:calc(100% - 30px)}.intro{padding:54px 0 55px}.intro h1{font-size:34px}.intro-mark{padding:20px}.builder-section{padding-top:48px}.section-top{align-items:start;flex-direction:column}.controls{padding:20px}.preview-stage{padding:7px}.preview-hero{padding:42px 18px 55px}.preview-hero h3{font-size:30px}.preview-service-grid{grid-template-columns:1fr}.preview-nav>div{display:none}.preview-orb{right:-105px}.export-section{padding-top:58px}.export-heading{align-items:start}.export-icon{width:55px;height:55px;flex-shrink:0}.action{width:100%}.footer .wrap{flex-direction:column;align-items:start}.footer .wrap div{flex-wrap:wrap}.preview-toolbar small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview-frame{transition:none}}