:root{--crimson:#a01536;--crimson-hover:#bc1d43;--crimson-pressed:#7f102a;--crimson-soft:#a0153633;--bg:#101010;--bar:#161616;--surface:#1c1c1c;--raised:#262626;--hover:#303030;--border:#2f2f2f;--border-strong:#4a4a4a;--text:#f2f2f2;--text-dim:#a3a3a3;--text-mute:#6b6b6b;--danger:#ff7b7b;--ok:#7fe0a0;--gold:#ffd24a;--radius-card:10px;--radius-btn:6px;--bar-h:64px;--max:1120px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;word-break:keep-all;font-family:Pretendard Variable,Pretendard,-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:14px;line-height:1.55;overflow-x:hidden}[hidden]{display:none!important}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--crimson);color:#fff}.h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.2}.h2{margin:0;font-size:20px;font-weight:700}.h3{margin:0;font-size:14px;font-weight:600}.dim{color:var(--text-dim)}.mute{color:var(--text-mute)}.small{font-size:12px}.tiny{font-size:11px}.accent{color:var(--crimson-hover)}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.section{padding-block:40px}.stack{flex-direction:column;gap:8px;display:flex}.stack-lg{flex-direction:column;gap:22px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{background:var(--surface);border-radius:var(--radius-card);padding:18px 20px}.card.raised{background:var(--raised)}.card.link{transition:background .12s,transform .12s;display:block}.card.link:hover{background:var(--raised)}.card .title{font-size:13px;font-weight:600}.card .desc{color:var(--text-mute);margin-top:3px;font-size:11px}.divider{background:var(--border);border:0;height:1px;margin:14px 0}.setting{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.btn{border-radius:var(--radius-btn);font:inherit;cursor:pointer;color:var(--text);background:var(--raised);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--hover)}.btn.primary{background:var(--crimson)}.btn.primary:hover{background:var(--crimson-hover)}.btn.primary:active{background:var(--crimson-pressed)}.btn.ghost{border-color:var(--border-strong);background:0 0}.btn.ghost:hover{background:var(--hover)}.btn.lg{padding:13px 26px;font-size:15px}.btn[disabled],.btn.disabled{opacity:.45;pointer-events:none}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:2px;display:flex}.tab{color:var(--text-dim);cursor:pointer;font-size:13px;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--crimson);font-weight:600}.pill{background:var(--raised);color:var(--text-dim);border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.pill.crimson{background:var(--crimson-soft);color:#ff8aa3}.pill.ok{color:var(--ok);background:#7fe0a024}.topbar{z-index:50;height:var(--bar-h);background:var(--bar);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar .wrap{align-items:center;gap:22px;height:100%;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.brand img{width:30px;height:30px}.nav{flex:1;gap:2px;display:flex}.nav a{border-radius:var(--radius-btn);color:var(--text-dim);padding:8px 12px;font-size:13px;font-weight:500;position:relative}.nav a:hover{color:var(--text);background:var(--surface)}.nav a.active{color:var(--text)}.nav a.active:after{content:"";background:var(--crimson);height:2px;position:absolute;bottom:-14px;left:12px;right:12px}.topbar .right{align-items:center;gap:8px;margin-left:auto;display:flex}.bottomnav{display:none}@media (width<=760px){.nav,.topbar .right .hide-sm{display:none}.bottomnav{z-index:50;background:var(--bar);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--text-mute);flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.bottomnav a.active{color:var(--text)}.bottomnav a span.ic{font-size:18px;line-height:1}body{padding-bottom:64px}}.footer{border-top:1px solid var(--border);color:var(--text-mute);margin-top:60px;padding:28px 0 40px;font-size:12px}.footer .row{justify-content:space-between}.footer a:hover{color:var(--text)}.hero{border-bottom:1px solid var(--border);background:radial-gradient(900px 420px at 75% 40%, #a0153638, transparent 70%), var(--bg);position:relative;overflow:hidden}.hero .wrap{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:520px;padding-top:30px;padding-bottom:30px;display:grid}.hero .viewer{border-radius:16px;height:460px}@media (width<=860px){.hero .wrap{grid-template-columns:1fr;min-height:0}.hero .viewer{height:360px}}.feature-ic{background:var(--crimson-soft);color:#ff8aa3;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;font-size:18px;display:flex}.plans{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=860px){.plans{grid-template-columns:1fr}}.plan{background:var(--surface);border-radius:var(--radius-card);border-top:3px solid var(--plan);flex-direction:column;gap:12px;padding:22px;display:flex}.plan .price{font-size:26px;font-weight:800}.plan ul{color:var(--text-dim);gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.code{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-btn);white-space:nowrap;color:var(--text-dim);padding:8px 10px;font-family:Consolas,D2Coding,monospace;font-size:12px;overflow-x:auto}.page-head{padding-block:34px 10px}.page-head .h2{font-size:26px}.page-head p{color:var(--text-dim);margin:6px 0 0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}