:root{--canvas: #FFFFFF;--whisper: #F5F5F5;--hairline: #E8E8E8;--stone: #8A8A8A;--steel: #6B6B6B;--charcoal: #3A3A3A;--ink: #1A1A1A;--coral: #FF4D2E;--coral-hover: #E63E20;--coral-muted: #FFF0EC;--coral-hairline: #FFD9CC;--blue: #0066FF;--blue-hover: #0052CC;--blue-muted: #E6F0FF;--magenta: #C2185B;--magenta-muted: #FCE4EC;--magenta-hairline: #F8BBD0;--purple: #6750A4;--purple-muted: #EDE7F6;--success: #2E7D32;--success-muted: #E8F5E9;--warning: #ED6C02;--warning-muted: #FFF4E5;--danger: #C62828;--danger-muted: #FFEBEE;--xxs: 4px;--xs: 8px;--sm: 12px;--md: 16px;--lg: 20px;--xl: 24px;--xxl: 32px;--xxxl: 40px;--section: 64px;--hero: 96px;--r-input: 8px;--r-doc: 16px;--r-product: 32px;--r-pill: 9999px;--shadow-l2: 0 4px 6px 0 rgba(0,0,0,.08);--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--whisper);color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}.page{max-width:1280px;margin:0 auto;padding:var(--xxxl) var(--xl)}@media(min-width:900px){.page{padding:var(--section) var(--xxl)}}.site-head{background:#fff;border-bottom:1px solid var(--hairline)}.site-head .inner{max-width:1280px;margin:0 auto;padding:var(--md) var(--xl);display:flex;align-items:center;justify-content:space-between;gap:var(--lg)}.site-head .brand{font:600 18px/1.25 var(--font);color:var(--ink)}.site-head .brand .kicker{font:600 11px/1.4 var(--font);letter-spacing:.15em;color:var(--stone);text-transform:uppercase;margin-bottom:2px;display:block}.site-head .head-search{flex:1;max-width:480px;position:relative}.site-head nav{display:flex;gap:var(--md)}.site-head nav a{font:500 14px/1.4 var(--font);color:var(--charcoal);padding:6px 10px;border-radius:var(--r-pill)}.site-head nav a:hover{background:var(--whisper);color:var(--ink)}.site-head nav a.active{background:var(--ink);color:#fff}.search-box{position:relative;width:100%}.search-box input{width:100%;background:#fff;color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-pill);padding:12px 18px;font:400 16px/1.5 var(--font);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.search-box input::placeholder{color:var(--stone)}.search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0066ff1f}.search-box.lg input{padding:16px 22px;font-size:18px}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-doc);box-shadow:var(--shadow-l2);max-height:360px;overflow-y:auto;z-index:50}.search-results .item{display:block;padding:10px 16px;border-bottom:1px solid var(--hairline);cursor:pointer;transition:background 80ms ease}.search-results .item:last-child{border-bottom:0}.search-results .item:hover,.search-results .item.active{background:var(--whisper)}.search-results .item .em{font:600 15px/1.4 var(--font);color:var(--ink)}.search-results .item .sub{font:400 12px/1.4 var(--font);color:var(--steel);margin-top:2px}.search-results .empty{padding:16px;text-align:center;color:var(--steel);font:400 14px/1.5 var(--font)}.btn-primary{background:var(--blue);color:#fff;padding:10px 20px;border-radius:var(--r-pill);font:600 14px/1.4 var(--font);display:inline-flex;align-items:center;gap:var(--xs);transition:background .12s ease,transform 80ms ease}.btn-primary:hover{background:var(--blue-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary.coral{background:var(--coral)}.btn-primary.coral:hover{background:var(--coral-hover)}.btn-secondary{background:#fff;color:var(--ink);padding:10px 20px;border-radius:var(--r-pill);border:1px solid var(--hairline);font:600 14px/1.4 var(--font)}.btn-secondary:hover{background:var(--whisper)}.btn-ghost{background:transparent;color:var(--charcoal);padding:6px 12px;border-radius:var(--r-pill);font:500 13px/1.4 var(--font)}.btn-ghost:hover{background:var(--whisper);color:var(--ink)}.btn-fav{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--r-pill);background:var(--whisper);color:var(--charcoal);font:600 13px/1.4 var(--font);border:1px solid var(--hairline)}.btn-fav.on{background:var(--coral);color:#fff;border-color:var(--coral)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);font:600 11px/1.4 var(--font);letter-spacing:.05em}.badge-blue{background:var(--blue-muted);color:var(--blue)}.badge-coral{background:var(--coral-muted);color:var(--coral)}.badge-purple{background:var(--purple-muted);color:var(--purple);letter-spacing:.1em}.badge-default{background:var(--whisper);color:var(--charcoal)}.card{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-doc);padding:var(--xl)}.card.elevated{box-shadow:var(--shadow-l2)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sm)}.metric{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-doc);padding:var(--lg)}.metric .label{font:600 11px/1.4 var(--font);color:var(--stone);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.metric .value{font:700 28px/1.2 var(--font);color:var(--ink);letter-spacing:-.5px}.metric .unit{font:400 14px/1.5 var(--font);color:var(--steel);margin-left:4px}.metric .sub{font:400 12px/1.5 var(--font);color:var(--steel);margin-top:4px}.metric.coral{background:var(--coral-muted);border-color:var(--coral-hairline)}.metric.coral .value{color:var(--coral)}.metric.blue{background:var(--blue-muted);border-color:#b8d4ff}.metric.blue .value{color:var(--blue)}.crumbs{display:flex;align-items:center;gap:var(--xs);font:400 13px/1.5 var(--font);color:var(--steel);margin-bottom:var(--md);flex-wrap:wrap}.crumbs a{color:var(--blue)}.crumbs a:hover{text-decoration:underline}.crumbs .sep{color:var(--stone)}.region-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--md);padding:var(--xl) 0 var(--lg);border-bottom:1px solid var(--hairline);margin-bottom:var(--xl);flex-wrap:wrap}.region-head h1{font:600 36px/1.2 var(--font);letter-spacing:-.8px;color:var(--ink)}.region-head .meta{font:400 14px/1.6 var(--font);color:var(--steel);margin-top:var(--xs)}.region-head .actions{display:flex;gap:var(--xs);align-items:center;flex-wrap:wrap}.section{margin-top:var(--section)}.section h2{font:600 16px/1.5 var(--font);color:var(--charcoal);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--md)}.list-table{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-doc);overflow:hidden}.list-table .row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--sm);padding:var(--sm) var(--lg);border-bottom:1px solid var(--hairline);align-items:center;font:400 14px/1.5 var(--font);color:var(--ink);cursor:pointer;transition:background 80ms ease}.list-table .row:hover{background:var(--whisper)}.list-table .row:last-child{border-bottom:0}.list-table .row.header{background:var(--whisper);font:600 11px/1.4 var(--font);color:var(--stone);letter-spacing:.1em;text-transform:uppercase;cursor:default}.list-table .row.header:hover{background:var(--whisper)}.list-table .row .name{color:var(--ink);font-weight:500}.list-table .row .num{font-variant-numeric:tabular-nums;font-weight:600}.list-table .row .muted{color:var(--steel)}@media(max-width:720px){.list-table .row{grid-template-columns:1.5fr 1fr}.list-table .row .col-3,.list-table .row .col-4{display:none}}.compare-grid{display:grid;grid-template-columns:200px repeat(var(--n, 2),1fr);gap:0;background:#fff;border:1px solid var(--hairline);border-radius:var(--r-doc);overflow:hidden}.compare-grid .header-cell{font:600 14px/1.4 var(--font);color:var(--ink);padding:var(--lg) var(--md);background:var(--whisper);border-bottom:1px solid var(--hairline)}.compare-grid .header-cell .sub{font:400 12px/1.4 var(--font);color:var(--steel);margin-top:4px;font-weight:400}.compare-grid .cell{padding:var(--md);border-bottom:1px solid var(--hairline);font:400 14px/1.5 var(--font);color:var(--ink)}.compare-grid .label-cell{background:var(--whisper);font:600 12px/1.4 var(--font);color:var(--stone);letter-spacing:.05em;text-transform:uppercase;border-right:1px solid var(--hairline)}.compare-grid .cell .num{font:600 18px/1.3 var(--font);color:var(--ink);letter-spacing:-.3px}.compare-grid .cell .num.highlight{color:var(--coral)}.compare-grid .cell .sub{font:400 12px/1.5 var(--font);color:var(--steel);margin-top:2px}@media(max-width:720px){.compare-grid{grid-template-columns:1fr}.compare-grid .label-cell{display:none}}.fav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--md)}.fav-card{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-doc);padding:var(--lg);cursor:pointer;transition:border-color .12s ease,transform .1s ease}.fav-card:hover{border-color:var(--blue);transform:translateY(-2px)}.fav-card .ttl{font:600 16px/1.4 var(--font);color:var(--ink)}.fav-card .sub{font:400 12px/1.4 var(--font);color:var(--steel);margin-top:4px}.fav-card .stats{font:600 14px/1.4 var(--font);color:var(--charcoal);margin-top:var(--sm);padding-top:var(--sm);border-top:1px solid var(--hairline)}.hero{padding:var(--hero) var(--xl) var(--section);text-align:center;background:#fff;border-bottom:1px solid var(--hairline)}.hero .badge{margin-bottom:var(--md)}.hero h1{font:600 48px/1.15 var(--font);letter-spacing:-1.2px;color:var(--ink);margin-bottom:var(--md);word-break:keep-all}@media(min-width:720px){.hero h1{font-size:64px;letter-spacing:-1.5px}}.hero p{font:400 17px/1.6 var(--font);color:var(--charcoal);max-width:560px;margin:0 auto var(--xl)}.hero .search-box{max-width:560px;margin:0 auto}.loading{padding:var(--hero) var(--xl);text-align:center;color:var(--steel);font:400 14px/1.6 var(--font)}.error-box{background:var(--danger-muted);color:var(--danger);border-radius:var(--r-doc);padding:var(--md) var(--lg);font:400 14px/1.6 var(--font)}.pdf-doc{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-doc);padding:var(--xxxl);margin-bottom:var(--md)}.pdf-doc .doc-head{border-bottom:2px solid var(--ink);padding-bottom:var(--md);margin-bottom:var(--xl)}.pdf-doc .doc-head .title{font:600 28px/1.3 var(--font);color:var(--ink);letter-spacing:-.5px}.pdf-doc .doc-head .kicker{font:600 12px/1.4 var(--font);color:var(--stone);letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}@media print{@page{size:A4;margin:12mm 14mm}body{background:#fff!important}.site-head,.pdf-hide{display:none!important}.page{padding:0!important;max-width:100%!important}}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--md)}.use-case{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-doc);padding:var(--xl);padding-left:calc(var(--xl) + 8px);position:relative;overflow:hidden;transition:transform .1s ease,border-color .12s ease}.use-case:hover{transform:translateY(-2px)}.use-case .accent-stripe{position:absolute;top:0;left:0;width:6px;height:100%}.use-case.coral .accent-stripe{background:var(--coral)}.use-case.blue .accent-stripe{background:var(--blue)}.use-case.magenta .accent-stripe{background:var(--magenta)}.use-case .kicker{font:600 11px/1.4 var(--font);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--xs)}.use-case.coral .kicker{color:var(--coral)}.use-case.blue .kicker{color:var(--blue)}.use-case.magenta .kicker{color:var(--magenta)}.use-case .ttl{font:600 18px/1.35 var(--font);color:var(--ink);letter-spacing:-.3px;margin-bottom:var(--xs);word-break:keep-all}.use-case .desc{font:400 14px/1.6 var(--font);color:var(--charcoal);margin-bottom:var(--md);word-break:keep-all}.use-case .bullets{display:flex;flex-direction:column;gap:6px;list-style:none}.use-case .bullets li{font:400 13px/1.55 var(--font);color:var(--steel);position:relative;padding-left:14px}.use-case .bullets li:before{content:"·";position:absolute;left:4px;color:var(--stone);font-weight:700}.site-foot{padding:var(--section) var(--xl) var(--xxxl);background:#fff;border-top:1px solid var(--hairline);margin-top:var(--hero);font:400 13px/1.7 var(--font);color:var(--steel);text-align:center}.site-foot .legal{display:flex;gap:var(--sm);flex-wrap:wrap;justify-content:center;margin-top:var(--xs)}.site-foot .legal a{color:var(--steel)}.site-foot .legal a+a:before{content:"·";margin-right:var(--sm);color:var(--stone)}