.ysl{--ysl-ink:#0f172a;--ysl-soft:#475569;--ysl-line:#e2e8f0;--ysl-bg:#ffffff;--ysl-alt:#f8fafc;min-height:100vh;background:var(--ysl-bg);color:var(--ysl-ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-align:left}.ysl *,.ysl :after,.ysl :before{box-sizing:border-box}.ysl a{color:inherit;text-decoration:none}.ysl dd,.ysl dl,.ysl h1,.ysl h2,.ysl ol,.ysl p,.ysl ul{margin:0;padding:0}.ysl-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.ysl-top{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ysl-line)}.ysl-top-in{justify-content:space-between;height:64px}.ysl-brand,.ysl-top-in{display:flex;align-items:center}.ysl-brand{gap:10px}.ysl-brand b{display:block;font-size:17px;letter-spacing:-.01em}.ysl-brand small{display:block;font-size:12px;color:var(--ysl-soft);margin-top:-2px}.ysl-logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;background:var(--ysl-accent)}.ysl-nav{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--ysl-soft)}.ysl-nav a:hover{color:var(--ysl-ink)}.ysl-nav-cta{padding:8px 16px;border-radius:999px;background:var(--ysl-ink);color:#fff!important;font-weight:600}.ysl-hero{background:radial-gradient(900px 420px at 0 0,var(--ysl-accent-soft),transparent 70%),var(--ysl-bg);border-bottom:1px solid var(--ysl-line)}.ysl-hero-in{display:grid;grid-template-columns:1.25fr .9fr;grid-gap:48px;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}.ysl-eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--ysl-accent);background:#fff;border:1px solid var(--ysl-line);border-radius:999px;padding:4px 12px;margin-bottom:18px}.ysl-hero h1{font-size:44px;line-height:1.18;letter-spacing:-.03em;font-weight:800}.ysl-hero h1 em{font-style:normal;color:var(--ysl-accent)}.ysl-lead{margin-top:18px;font-size:18px;color:var(--ysl-soft);max-width:560px}.ysl-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:32px;max-width:560px}.ysl-metrics>div{background:#fff;border:1px solid var(--ysl-line);border-radius:14px;padding:14px 16px}.ysl-metrics dt{font-size:12px;color:var(--ysl-soft)}.ysl-metrics dd{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-top:2px;white-space:nowrap}.ysl-note{margin-top:10px;font-size:12px;color:#94a3b8}.ysl-card{background:#fff;border:1px solid var(--ysl-line);border-radius:20px;padding:28px;box-shadow:0 20px 50px rgba(15,23,42,.08)}.ysl-card-title{font-size:22px;font-weight:800}.ysl-card-sub{font-size:13px;color:var(--ysl-soft);margin:6px 0 20px}.ysl-section{padding:80px 0}.ysl-alt{background:var(--ysl-alt);border-top:1px solid var(--ysl-line);border-bottom:1px solid var(--ysl-line)}.ysl-kicker{font-size:13px;font-weight:700;color:var(--ysl-accent);letter-spacing:.02em}.ysl-section h2{font-size:30px;line-height:1.3;letter-spacing:-.02em;font-weight:800;margin-top:6px}.ysl-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.ysl-points{list-style:none;margin-top:20px;display:grid;grid-gap:12px;gap:12px}.ysl-points li{position:relative;padding-left:28px;color:var(--ysl-soft);font-size:16px}.ysl-points li:before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border-radius:50%;background:var(--ysl-accent-soft);border:4px solid var(--ysl-accent)}.ysl-preview{background:#0f172a;color:#e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.18)}.ysl-preview-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#1e293b;font-size:12px;color:#94a3b8}.ysl-preview-bar i{width:10px;height:10px;border-radius:50%;background:#475569}.ysl-preview-bar span{margin-left:8px}.ysl-preview ul{list-style:none;padding:8px 20px 18px}.ysl-preview li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #1e293b;font-size:14px}.ysl-preview li:last-child{border-bottom:0}.ysl-preview li span{color:#94a3b8}.ysl-preview li b{font-weight:600;text-align:right}.ysl-tone-ok{color:#4ade80}.ysl-tone-warn{color:#fbbf24}.ysl-tone-bad{color:#f87171}.ysl-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:32px;counter-reset:s}.ysl-steps li{background:#fff;border:1px solid var(--ysl-line);border-radius:16px;padding:22px}.ysl-step-no{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ysl-accent);color:#fff;font-weight:800;font-size:14px;margin-bottom:12px}.ysl-steps b{display:block;font-size:16px}.ysl-steps p{font-size:14px;color:var(--ysl-soft);margin-top:6px}.ysl-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:32px}.ysl-features article{border:1px solid var(--ysl-line);border-radius:16px;padding:22px;background:#fff}.ysl-f-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ysl-accent-soft);font-size:20px;margin-bottom:12px}.ysl-features b{display:block;font-size:16px}.ysl-features p{font-size:14px;color:var(--ysl-soft);margin-top:6px}.ysl-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ysl-tech span{font-size:13px;padding:6px 12px;border-radius:999px;background:var(--ysl-alt);border:1px solid var(--ysl-line);color:var(--ysl-soft)}.ysl-family{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:28px}.ysl-family a{position:relative;background:#fff;border:1px solid var(--ysl-line);border-radius:14px;padding:16px;transition:border-color .15s,transform .15s}.ysl-family a:hover{border-color:var(--ysl-accent);transform:translateY(-2px)}.ysl-family a.is-current{border-color:var(--ysl-accent);box-shadow:0 0 0 3px var(--ysl-accent-soft)}.ysl-family b{display:block;font-size:15px}.ysl-family span{display:block;font-size:12px;color:var(--ysl-soft);margin-top:4px}.ysl-family em{display:inline-block;margin-top:8px;font-style:normal;font-size:11px;font-weight:700;color:var(--ysl-accent)}.ysl-foot{padding:28px 0;font-size:13px;color:#94a3b8;border-top:1px solid var(--ysl-line)}@media (max-width:960px){.ysl-hero-in,.ysl-split{grid-template-columns:1fr;gap:32px}.ysl-family,.ysl-features,.ysl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ysl-nav a:not(.ysl-nav-cta){display:none}.ysl-hero h1{font-size:32px}.ysl-lead{font-size:16px}.ysl-metrics{gap:8px}.ysl-metrics>div{padding:10px;border-radius:12px}.ysl-metrics dt{font-size:11px;line-height:1.4}.ysl-metrics dd{font-size:18px}.ysl-hero-in{padding-top:40px;padding-bottom:40px}.ysl-card{padding:22px}.ysl-section{padding:56px 0}.ysl-section h2{font-size:24px}.ysl-family,.ysl-features,.ysl-steps{grid-template-columns:1fr}}html:has(.ysl){scroll-behavior:smooth}.ysl-login{scroll-margin-top:88px}.ysl-login:target .ysl-card{animation:ysl-focus 1.6s ease-out 1}@keyframes ysl-focus{0%{box-shadow:0 0 0 0 var(--ysl-accent),0 20px 50px rgba(15,23,42,.08)}30%{box-shadow:0 0 0 4px var(--ysl-accent),0 20px 50px rgba(15,23,42,.08)}to{box-shadow:0 0 0 0 transparent,0 20px 50px rgba(15,23,42,.08)}}@media (prefers-reduced-motion:reduce){html:has(.ysl){scroll-behavior:auto}.ysl-login:target .ysl-card{animation:none;outline:3px solid var(--ysl-accent)}}