:root{--ink:#101828;--muted:#667085;--line:#e7eaf0;--soft:#f7f8fb;--brand:#5b5bd6;--brand2:#7474e8;--green:#067647;--green-bg:#ecfdf3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}.container{width:min(1180px,calc(100% - 40px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(231,234,240,.8);background:rgba(255,255,255,.9);backdrop-filter:blur(14px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand b{color:var(--brand)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--brand),#8585ed);color:#fff;font-size:12px;box-shadow:0 7px 20px rgba(91,91,214,.22)}.nav-links{display:flex;gap:30px}.nav-links a{color:#475467;text-decoration:none;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 18px;font-weight:800;font-size:14px;text-decoration:none;border:0;cursor:pointer}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(91,91,214,.22)}.btn-primary:hover{background:#4d4dc4}.btn-secondary,.btn-ghost{background:#fff;color:#344054;border:1px solid var(--line)}.hero{padding:88px 0 82px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#f0f0ff;color:#4d4dc4;font-size:12px;font-weight:800}.dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}h1{margin:22px auto 0;max-width:960px;font-size:clamp(40px,6vw,70px);line-height:1.08;letter-spacing:-.055em}h1 span{color:var(--brand)}.hero-copy{max-width:700px;margin:24px auto 0;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:30px}.microcopy{margin-top:14px;color:#98a2b3;font-size:12px}.composer-card{margin:58px auto 0;max-width:980px;border:1px solid var(--line);border-radius:28px;padding:28px;background:#fff;text-align:left;box-shadow:0 22px 60px rgba(16,24,40,.08)}.composer-head{display:flex;justify-content:space-between;gap:20px}.composer-head h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.03em}.composer-head p{margin:0;color:var(--muted);font-size:14px}.section-kicker{font-size:11px;letter-spacing:.12em;color:var(--brand);font-weight:900}.ready-pill{height:max-content;padding:7px 10px;border-radius:999px;color:var(--green);background:var(--green-bg);font-size:12px;font-weight:900}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.mode-card{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px;cursor:pointer}.mode-card.active{border-color:#b9b9f5;background:#f7f7ff;box-shadow:0 0 0 3px rgba(91,91,214,.07)}.mode-icon{font-size:23px}.mode-card b{display:block;font-size:15px}.mode-card small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.mode-check{margin-left:auto;color:var(--brand);opacity:0}.mode-card.active .mode-check{opacity:1}.url-form{margin-top:22px;padding-top:22px;border-top:1px solid #eef0f3}.url-form label{display:block;margin-bottom:8px;font-size:13px;font-weight:800}.url-row{display:flex;gap:9px}.url-row input{flex:1;min-width:0;border:1px solid #d8dde6;border-radius:12px;padding:13px 14px;font:inherit;outline:0}.url-row input:focus{border-color:#8b8be8;box-shadow:0 0 0 3px rgba(91,91,214,.1)}.form-message{margin:9px 0 0;color:#98a2b3;font-size:12px}.section{padding:92px 0}.section-soft{background:var(--soft);border-top:1px solid #f0f1f4;border-bottom:1px solid #f0f1f4}.section-title{text-align:center;max-width:650px;margin:0 auto 38px}.section-title.left{text-align:left;margin-left:0}.section-title h2,.quality-copy h2{margin:8px 0 12px;font-size:36px;line-height:1.22;letter-spacing:-.04em}.section-title p,.quality-copy p{color:var(--muted);line-height:1.75}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps article,.features article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.steps span{font-size:11px;color:var(--brand);font-weight:900}.steps b{display:block;margin-top:8px;font-size:18px}.steps p,.features p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.quality-layout{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.quality-copy{max-width:580px}.quality-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.quality-badges span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:800;color:#475467}.score-card{border:1px solid var(--line);border-radius:26px;padding:25px;box-shadow:0 22px 55px rgba(16,24,40,.08)}.score-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:24px}.score-top small{display:block;color:var(--muted);font-weight:800}.score-top strong{display:block;margin-top:3px;font-size:42px;letter-spacing:-.04em}.score-top em{font-style:normal;color:#98a2b3;font-size:16px}.ok-badge{padding:7px 10px;border-radius:999px;background:var(--green-bg);color:var(--green);font-size:12px;font-weight:900}.score-line{display:flex;justify-content:space-between;margin-top:14px;font-size:13px}.bar{height:7px;border-radius:999px;background:#eef0f4;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:999px}.muted-line{padding-top:15px;margin-top:18px;border-top:1px solid #eef0f3;color:#667085}.features{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.features article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0f0ff;color:var(--brand);font-weight:900}.features h3{margin:18px 0 0;font-size:15px}.footer{display:flex;justify-content:space-between;align-items:start;padding-top:40px;padding-bottom:50px;border-top:1px solid var(--line);color:#98a2b3;font-size:12px}.footer p{margin:0 0 5px;text-align:right}@media(max-width:900px){.nav-links{display:none}.steps,.features{grid-template-columns:1fr 1fr}.quality-layout{grid-template-columns:1fr;gap:35px}.hero{padding-top:62px}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.nav{height:64px}.nav .btn-ghost{padding:9px 11px}.hero{padding:52px 0 58px}.hero-copy{font-size:16px}.hero-actions{flex-direction:column}.composer-card{padding:18px;border-radius:22px}.composer-head{display:block}.ready-pill{display:inline-block;margin-top:12px}.mode-grid,.steps,.features{grid-template-columns:1fr}.url-row{flex-direction:column}.quality-copy h2,.section-title h2{font-size:30px}.section{padding:66px 0}.footer{flex-direction:column;gap:18px}.footer p{text-align:left}}