@import"https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css";:root{--ink: #1c2230;--ink-soft: #4a5263;--ink-faint: #8a91a0;--paper: #ffffff;--proof: #eef0f2;--road: #b8b8b8;--rule: #d9dce1;--magenta: #e4007f;--focus: #0b63ce;--font: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--step--1: .875rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.75rem;--step-3: 2.5rem;--step-4: clamp(2.4rem, 5.2vw, 4rem);--measure: 34em;--gutter: clamp(16px, 4vw, 48px);--wide: 1180px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--step-0);line-height:1.65;word-break:keep-all;font-feature-settings:"tnum" 1}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.02em}p{margin:0}.wrap{width:min(100% - 2 * var(--gutter),var(--wide));margin-inline:auto}.site-head{border-bottom:1px solid var(--rule)}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.03em;text-decoration:none}.wordmark svg{width:22px;height:22px}.site-nav{display:flex;gap:clamp(12px,3vw,28px);font-size:var(--step--1)}.site-nav a{text-decoration:none;color:var(--ink-soft)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}@media(max-width:520px){.site-nav .optional{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1.5px solid var(--ink);border-radius:999px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;background:var(--paper);color:var(--ink)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#2c3446}.btn:not(.btn-primary):hover{background:var(--proof)}.hero{padding-block:clamp(40px,7vw,88px) clamp(48px,8vw,104px)}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,80px);align-items:center}@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}}.hero h1{font-size:var(--step-4);font-weight:800;letter-spacing:-.045em;line-height:1.12}.hero .lede{margin-top:20px;max-width:var(--measure);font-size:var(--step-1);color:var(--ink-soft);line-height:1.6}.hero .actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.proof{position:relative;background:var(--proof);padding:clamp(28px,5vw,56px);border-radius:4px}.proof .sheet{position:relative;max-width:400px;margin-inline:auto;background:var(--paper);box-shadow:0 1px #1c223014,0 18px 40px -24px #1c223059}.proof .sheet:before,.proof .sheet:after{content:"";position:absolute;inset:-14px;pointer-events:none;background:linear-gradient(var(--magenta),var(--magenta)) left 14px top 0 / 1px 9px no-repeat,linear-gradient(var(--magenta),var(--magenta)) left 0 top 14px / 9px 1px no-repeat,linear-gradient(var(--magenta),var(--magenta)) right 14px top 0 / 1px 9px no-repeat,linear-gradient(var(--magenta),var(--magenta)) right 0 top 14px / 9px 1px no-repeat,linear-gradient(var(--magenta),var(--magenta)) left 14px bottom 0 / 1px 9px no-repeat,linear-gradient(var(--magenta),var(--magenta)) left 0 bottom 14px / 9px 1px no-repeat,linear-gradient(var(--magenta),var(--magenta)) right 14px bottom 0 / 1px 9px no-repeat,linear-gradient(var(--magenta),var(--magenta)) right 0 bottom 14px / 9px 1px no-repeat}.proof .sheet:after{display:none}.proof .spec{display:flex;justify-content:space-between;max-width:400px;margin:24px auto 0;font-size:var(--step--1);color:var(--ink-faint)}.proof .spec b{color:var(--magenta);font-weight:600}.section{padding-block:clamp(56px,9vw,112px);border-top:1px solid var(--rule)}.section h2{font-size:var(--step-3);font-weight:800;letter-spacing:-.035em;max-width:18em}.section .intro{margin-top:16px;max-width:var(--measure);color:var(--ink-soft);font-size:var(--step-1)}.anatomy{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border-top:2px solid var(--ink)}.anatomy div{padding:22px 24px 26px 0;border-bottom:1px solid var(--rule)}.anatomy h3{font-size:var(--step-1);font-weight:700}.anatomy p{margin-top:8px;color:var(--ink-soft);max-width:22em}.steps{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);counter-reset:step}@media(max-width:760px){.steps{grid-template-columns:1fr}}.steps li{counter-increment:step}.steps li:before{content:counter(step);display:block;font-size:var(--step-3);font-weight:200;line-height:1;color:var(--magenta);margin-bottom:14px}.steps h3{font-size:var(--step-1)}.steps p{margin-top:8px;color:var(--ink-soft)}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,72px);align-items:center}@media(max-width:860px){.split{grid-template-columns:1fr}}.split img{width:100%;height:auto;border-radius:4px;aspect-ratio:3 / 2;object-fit:cover;background:var(--proof)}.checks{margin:28px 0 0;padding:0;list-style:none}.checks li{padding:14px 0;border-bottom:1px solid var(--rule)}.checks b{display:block;font-weight:700}.checks span{color:var(--ink-soft)}.table-scroll{margin-top:40px;overflow-x:auto}.pricing{width:100%;min-width:640px;border-collapse:collapse;font-size:var(--step--1)}.pricing th,.pricing td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}.pricing thead th{border-bottom:2px solid var(--ink);font-size:var(--step-0)}.pricing thead th small{display:block;font-weight:400;color:var(--ink-faint)}.pricing tbody th{font-weight:500;color:var(--ink-soft);width:18%}.pricing .price{font-size:var(--step-1);font-weight:800;color:var(--ink)}.pricing .featured{background:#f7f8fa}.note{margin-top:16px;font-size:var(--step--1);color:var(--ink-faint)}.faq{margin-top:40px;max-width:46em;border-top:2px solid var(--ink)}.faq details{border-bottom:1px solid var(--rule)}.faq summary{padding:18px 0;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-weight:300;font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{padding-bottom:20px;color:var(--ink-soft);max-width:var(--measure)}.closing{background:var(--ink);color:var(--paper);padding-block:clamp(56px,8vw,96px)}.closing h2{font-size:var(--step-3);font-weight:800;letter-spacing:-.035em}.closing p{margin-top:12px;color:#c6cbd5}.closing .actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.closing .btn{border-color:var(--paper)}.closing .btn-primary{background:var(--paper);color:var(--ink)}.closing .btn:not(.btn-primary){background:transparent;color:var(--paper)}.closing .btn:not(.btn-primary):hover{background:#ffffff14}.site-foot{padding-block:40px 56px;border-top:1px solid var(--rule);font-size:var(--step--1);color:var(--ink-soft)}.foot-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:16px}.foot-links a{text-decoration:none;color:var(--ink);font-weight:600}.foot-links a:hover{text-decoration:underline}.site-foot p+p{margin-top:4px}.site-foot .copy{margin-top:16px;color:var(--ink-faint)}.doc{padding-block:clamp(40px,7vw,80px)}.doc h1{font-size:var(--step-3);font-weight:800}.doc p,.doc li{max-width:var(--measure);color:var(--ink-soft)}.doc p{margin-top:16px}.studio{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:calc(100vh - 65px)}@media(max-width:860px){.studio{grid-template-columns:1fr}}.panel{border-right:1px solid var(--rule);padding:24px var(--gutter) 40px;overflow-y:auto}@media(min-width:861px){.panel{max-height:calc(100vh - 65px);position:sticky;top:0}}.panel h1{font-size:var(--step-2);font-weight:800}.panel .hint{margin-top:6px;font-size:var(--step--1);color:var(--ink-soft)}.group{margin-top:24px;padding-top:18px;border-top:1px solid var(--rule)}.group>h2{font-size:var(--step-0);font-weight:700;margin-bottom:12px}.field{display:grid;gap:6px;margin-top:12px;font-size:var(--step--1)}.field span{color:var(--ink-soft)}.field input[type=text],.field input[type=tel],.field textarea,.field select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--rule);border-radius:6px;font:inherit;color:var(--ink);background:var(--paper)}.field textarea{min-height:64px;resize:vertical}.field input[type=range]{width:100%;accent-color:var(--ink)}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{min-height:36px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);font:inherit;font-size:var(--step--1);cursor:pointer}.segmented button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.swatches{display:flex;gap:10px}.swatches button{width:30px;height:30px;border-radius:50%;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--rule);cursor:pointer}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.landmarks{list-style:none;margin:0;padding:0}.landmarks li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:6px 0}.landmarks input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}.landmarks input[type=text]{min-height:34px;padding:4px 8px;border:1px solid transparent;border-radius:6px;font:inherit;font-size:var(--step--1);background:transparent}.landmarks input[type=text]:hover,.landmarks input[type=text]:focus{border-color:var(--rule)}.panel .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.panel .row .btn{min-height:40px;padding:0 16px;font-size:var(--step--1)}.canvas{background:var(--proof);display:grid;place-items:center;padding:clamp(24px,5vw,64px) var(--gutter)}.canvas .sheet{width:min(100%,520px);background:var(--paper);box-shadow:0 1px #1c223014,0 18px 40px -24px #1c223059}.canvas .caption{margin-top:16px;font-size:var(--step--1);color:var(--ink-faint);text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.proof .sheet{animation:settle .7s cubic-bezier(.2,.7,.2,1) both}@keyframes settle{0%{opacity:0;transform:translateY(14px) rotate(-1.2deg)}to{opacity:1;transform:none}}}
