.intro-scope{--navy:#0d2137;--blue:#0d47a1;--blue-light:#e8eef6;--text:#1a1a1a;--text-secondary:#4a5568;--text-muted:#718096;--border:#e2e8f0;--bg:#fff;--bg-section:#f8fafc;--warn:#92400e;--warn-bg:#fffbeb}.intro-scope *{box-sizing:border-box;margin:0;padding:0}.intro-scope{color:var(--text);-webkit-font-smoothing:antialiased;background:#f1f5f9;font-family:Noto Sans KR,sans-serif;font-size:15px;line-height:1.8}.intro-scope .page{background:var(--bg);max-width:900px;margin:0 auto;box-shadow:0 1px 3px #0000000f}.intro-scope .cover{background:var(--navy);color:#fff;padding:80px 60px 60px}.intro-scope .cover-label{letter-spacing:3px;text-transform:uppercase;color:#ffffff80;margin-bottom:32px;font-size:12px}.intro-scope .cover h1{margin-bottom:16px;font-family:"Source Serif 4",serif;font-size:34px;font-weight:700;line-height:1.3}.intro-scope .cover .subtitle{color:#ffffffb3;max-width:580px;font-size:16px;line-height:1.7}.intro-scope .cover-meta{color:#ffffff73;gap:40px;margin-top:48px;font-size:12px;display:flex}.intro-scope .content{padding:60px}.intro-scope .section{margin-bottom:56px}.intro-scope .section-number{letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:8px;font-size:12px;font-weight:600}.intro-scope .section h2{color:var(--navy);margin-bottom:6px;font-size:22px;font-weight:700;line-height:1.4}.intro-scope .section .section-sub{color:var(--text-muted);margin-bottom:28px;font-size:14px}.intro-scope .section>p{color:var(--text-secondary);margin-bottom:16px}.intro-scope .divider{background:var(--border);height:1px;margin:48px 0}.intro-scope .profile-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.intro-scope .profile-card{border:1px solid var(--border);border-radius:6px;padding:24px}.intro-scope .profile-card .role{color:var(--blue);margin-bottom:8px;font-size:14px;font-weight:700}.intro-scope .profile-card h3{color:var(--navy);margin-bottom:12px;font-size:16px;font-weight:700}.intro-scope .profile-card p{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.7}.intro-scope .tag-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.intro-scope .tag{background:var(--blue-light);color:var(--blue);border-radius:3px;padding:3px 10px;font-size:12px;font-weight:500}.intro-scope .highlight-box{background:var(--blue-light);color:var(--navy);border-radius:6px;margin-bottom:24px;padding:20px 24px;font-size:16px;font-weight:600;line-height:1.7}.intro-scope .diff-card{border:1px solid var(--border);border-radius:6px;margin-bottom:24px;overflow:hidden}.intro-scope .diff-header{background:var(--navy);color:#fff;padding:20px 28px}.intro-scope .diff-number{color:#ffffff80;letter-spacing:1px;margin-bottom:4px;font-size:13px}.intro-scope .diff-title{font-size:18px;font-weight:700;line-height:1.4}.intro-scope .diff-oneliner{color:#ffffffb3;margin-top:4px;font-size:14px}.intro-scope .diff-body{padding:24px 28px}.intro-scope .diff-body p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.8}.intro-scope .diff-body .lead{color:var(--text);margin-bottom:12px;font-size:15px;font-weight:600}.intro-scope .compare{border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr;gap:0;margin:16px 0;display:grid;overflow:hidden}.intro-scope .compare-col{padding:20px}.intro-scope .compare-col:first-child{border-right:1px solid var(--border);background:var(--bg-section)}.intro-scope .compare-label{color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:600}.intro-scope .compare-label.ours{color:var(--blue)}.intro-scope .compare-col p{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.7}.intro-scope .feature-list{margin:0;padding:0;list-style:none}.intro-scope .feature-list li{color:var(--text-secondary);padding:6px 0 6px 22px;font-size:14px;line-height:1.7;position:relative}.intro-scope .feature-list li:before{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:0}.intro-scope .feature-list li strong{color:var(--text)}.intro-scope .system-box{background:var(--bg-section);border:1px solid var(--border);border-radius:6px;margin-bottom:20px;padding:28px}.intro-scope .system-box h3{color:var(--navy);margin-bottom:4px;font-size:17px;font-weight:700}.intro-scope .system-box .desc{color:var(--text-muted);margin-bottom:16px;font-size:14px}.intro-scope .two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.intro-scope .col-label{color:var(--navy);margin-bottom:10px;font-size:15px;font-weight:700}.intro-scope .footer{background:var(--bg-section);border-top:1px solid var(--border);text-align:center;padding:40px 60px}.intro-scope .footer p{color:var(--text-muted);margin-bottom:4px;font-size:13px}.intro-scope .footer .contact{color:var(--navy);font-size:15px;font-weight:600}.intro-scope .require-box{background:var(--warn-bg);border:1px solid #fde68a;border-radius:6px;margin-bottom:24px;padding:20px 24px}.intro-scope .require-box h4{color:var(--warn);margin-bottom:8px;font-size:15px;font-weight:600}.intro-scope .require-box p{color:var(--text-secondary);margin-bottom:8px;font-size:14px;line-height:1.7}.intro-scope .require-box ul{margin:0;padding:0;list-style:none}.intro-scope .require-box ul li{color:var(--text-secondary);padding:4px 0 4px 20px;font-size:14px;position:relative}.intro-scope .require-box ul li:before{content:"·";color:var(--warn);font-weight:700;position:absolute;left:6px}.intro-scope .diagram{background:var(--bg-section);border:1px solid var(--border);border-radius:6px;margin:16px 0 12px;padding:20px 16px;overflow-x:auto}.intro-scope .diagram-label{color:var(--text-muted);text-align:center;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:12px}.intro-scope .diagram svg{max-width:100%;height:auto;margin:0 auto;display:block}.intro-scope .diagram svg text{fill:var(--text);font-family:Noto Sans KR,sans-serif}.intro-scope .diagram svg .d-box{fill:#fff;stroke:#cbd5e1;stroke-width:1px}.intro-scope .diagram svg .d-box-primary{fill:var(--blue-light);stroke:var(--blue);stroke-width:1.5px}.intro-scope .diagram svg .d-box-accent{fill:var(--navy);stroke:var(--navy)}.intro-scope .diagram svg .d-label{font-size:13px;font-weight:500}.intro-scope .diagram svg .d-label-primary{fill:var(--blue);font-size:13px;font-weight:600}.intro-scope .diagram svg .d-label-white{fill:#fff;font-size:13px;font-weight:600}.intro-scope .diagram svg .d-title{fill:var(--text);font-size:14px;font-weight:700}.intro-scope .diagram svg .d-arrow{stroke:#94a3b8;stroke-width:1.2px;fill:none}.intro-scope .diagram svg .d-arrow-head{fill:#94a3b8}