:root{--scale:0.85}*{margin:0;padding:0;box-sizing:border-box}.defense-container{background:#eef2f5;font-family:Segoe UI,Inter,system-ui,-apple-system,Roboto,sans-serif;padding:calc(24px*var(--scale)) calc(32px*var(--scale));color:#1f2d3d;min-height:100vh}.top-nav{background:#fff;border-radius:calc(20px*var(--scale));box-shadow:0 calc(4px*var(--scale)) calc(12px*var(--scale)) rgba(0,0,0,.03);padding:calc(12px*var(--scale)) calc(24px*var(--scale));margin-bottom:calc(28px*var(--scale));display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border:calc(1px*var(--scale)) solid #e9edf2}.logo-area h2{font-size:calc(1.35rem*var(--scale));font-weight:600;background:linear-gradient(135deg,#1a4d8c,#0f2f5a);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0}.nav-links{display:flex;gap:calc(28px*var(--scale));flex-wrap:wrap}.nav-links span{font-size:calc(0.9rem*var(--scale));font-weight:500;color:#2c4c6e;cursor:default;padding:calc(6px*var(--scale)) 0;border-bottom:calc(2px*var(--scale)) solid transparent;transition:.2s}.nav-links span.active{color:#1e6f9f;border-bottom-color:#1e6f9f}.defense-section{background:#fff;border-radius:calc(28px*var(--scale));border:calc(1px*var(--scale)) solid #e9edf2;box-shadow:0 calc(8px*var(--scale)) calc(24px*var(--scale)) rgba(0,0,0,.04);padding:calc(28px*var(--scale)) calc(32px*var(--scale)) calc(36px*var(--scale))}.defense-header{display:flex;align-items:center;gap:calc(16px*var(--scale));flex-wrap:wrap;border-bottom:calc(2px*var(--scale)) solid #eef2fc;padding-bottom:calc(16px*var(--scale));margin-bottom:calc(24px*var(--scale))}.defense-header h3{font-size:calc(1.5rem*var(--scale));font-weight:700;color:#1e3a5f;margin:0}.badge{background:#eef2fa;padding:calc(6px*var(--scale)) calc(16px*var(--scale));border-radius:calc(40px*var(--scale));font-size:calc(0.75rem*var(--scale));font-weight:600;color:#1e6f9f}.sub-desc{margin-bottom:calc(24px*var(--scale));font-size:calc(1rem*var(--scale));color:#2c4c6e;border-left:calc(4px*var(--scale)) solid #2c7da0;padding-left:calc(16px*var(--scale));background:#f9fbfe;border-radius:0 calc(16px*var(--scale)) calc(16px*var(--scale)) 0;line-height:1.4}.arch-card{background:#fafdff;border-radius:calc(28px*var(--scale));padding:calc(20px*var(--scale)) calc(24px*var(--scale));border:calc(1px*var(--scale)) solid #eef2f8;margin-bottom:calc(28px*var(--scale))}.arch-title{font-weight:700;font-size:calc(1.1rem*var(--scale));margin-bottom:calc(18px*var(--scale));gap:calc(10px*var(--scale));color:#1a4d6e}.arch-flow,.arch-title{display:flex;align-items:center}.arch-flow{flex-wrap:wrap;gap:calc(16px*var(--scale));justify-content:space-between;background:#f3f8fe;border-radius:calc(28px*var(--scale));padding:calc(20px*var(--scale))}.flow-node{flex:1;min-width:calc(140px*var(--scale));background:#fff;border-radius:calc(24px*var(--scale));padding:calc(18px*var(--scale)) calc(12px*var(--scale));text-align:center;box-shadow:0 calc(2px*var(--scale)) calc(8px*var(--scale)) rgba(0,0,0,.02);border:calc(1px*var(--scale)) solid #e4edf5;transition:all .2s}.flow-node strong{font-size:calc(1rem*var(--scale));display:block;margin-bottom:calc(8px*var(--scale));color:#1f4e79}.flow-node span{font-size:calc(0.7rem*var(--scale));color:#5a6e82}.arrow-symbol{font-size:calc(1.8rem*var(--scale));color:#7c9ec0;font-weight:300}.result-node{background:#c3e0cb;border-color:#9bc0a5}.result-node strong{color:#1e5a2e}.tech-note{background:#f0f6fe;padding:calc(18px*var(--scale)) calc(22px*var(--scale));border-radius:calc(20px*var(--scale));margin-top:calc(20px*var(--scale));border-left:calc(5px*var(--scale)) solid #2c7da0;font-size:calc(0.85rem*var(--scale));line-height:1.55}.stats-row{display:flex;flex-wrap:wrap;gap:calc(28px*var(--scale));margin:calc(32px*var(--scale)) 0 calc(28px*var(--scale))}.chart-box{box-shadow:0 calc(2px*var(--scale)) calc(12px*var(--scale)) rgba(0,0,0,.03)}.chart-box,.table-box{flex:1;min-width:calc(280px*var(--scale));background:#fff;border-radius:calc(24px*var(--scale));padding:calc(18px*var(--scale)) calc(16px*var(--scale));border:calc(1px*var(--scale)) solid #ecf3fa}.svg-chart{width:100%}.chart-title{text-align:center;font-size:calc(0.8rem*var(--scale));font-weight:600;color:#1f4e79;margin-bottom:calc(16px*var(--scale))}.bar-container{display:flex;flex-direction:column;gap:calc(16px*var(--scale))}.bar-item{display:flex;align-items:center;gap:calc(12px*var(--scale));font-size:calc(0.75rem*var(--scale))}.bar-label{width:calc(70px*var(--scale));font-weight:600;color:#2c4c6e}.bar-wrapper{flex:1;background:#e9ecef;overflow:hidden;height:calc(32px*var(--scale))}.bar-fill,.bar-wrapper{border-radius:calc(20px*var(--scale))}.bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:calc(10px*var(--scale));transition:width .5s ease}.bar-value{font-size:calc(0.7rem*var(--scale));font-weight:600;color:#fff}.perf-table{width:100%;border-collapse:collapse;font-size:calc(0.8rem*var(--scale))}.perf-table td,.perf-table th{border:calc(1px*var(--scale)) solid #e2e8f0;padding:calc(10px*var(--scale)) calc(12px*var(--scale));text-align:left}.perf-table th{background:#f8fafc;font-weight:700;color:#1f4e79}.effect-badge{background:#e9f4ef;border-radius:calc(18px*var(--scale));padding:calc(14px*var(--scale)) calc(18px*var(--scale));font-weight:500;font-size:calc(0.85rem*var(--scale));color:#1a5a38;border:calc(1px*var(--scale)) solid #cde0d4}.effect-badge,.feature-row{margin-top:calc(20px*var(--scale))}.feature-row{display:flex;flex-wrap:wrap;gap:calc(16px*var(--scale));justify-content:space-between}.feature-card{background:#fafcff;border-radius:calc(20px*var(--scale));padding:calc(16px*var(--scale)) calc(20px*var(--scale));flex:1;min-width:calc(180px*var(--scale));border:calc(1px*var(--scale)) solid #e2edf7;transition:.2s}.feature-card .emoji{font-size:calc(1.6rem*var(--scale));display:block;margin-bottom:calc(8px*var(--scale))}.feature-card h4{font-size:calc(0.95rem*var(--scale));font-weight:700;margin-bottom:calc(6px*var(--scale));color:#1f4e79}.feature-card p{font-size:calc(0.7rem*var(--scale));color:#4a627a;margin:0}hr{margin:calc(24px*var(--scale)) 0 calc(10px*var(--scale));border:none;border-top:calc(1px*var(--scale)) solid #e2edf2}.advantage-row{display:flex;flex-wrap:wrap;gap:calc(20px*var(--scale));margin-top:calc(10px*var(--scale))}.advantage-card{flex:1;background:#f8fbfe;border-radius:calc(20px*var(--scale));padding:calc(16px*var(--scale))}.advantage-title{font-weight:700;margin-bottom:calc(8px*var(--scale))}.advantage-content{font-size:calc(0.75rem*var(--scale));line-height:1.5}.footer-note{margin-top:calc(28px*var(--scale));font-size:calc(0.7rem*var(--scale));color:#6a7f9b;text-align:center;border-top:calc(1px*var(--scale)) solid #e9edf2;padding-top:calc(20px*var(--scale))}@media (max-width:780px){.defense-container{padding:calc(16px*var(--scale))}.defense-section{padding:calc(20px*var(--scale))}.arch-flow{flex-direction:column}.arrow-symbol{transform:rotate(90deg)}.bar-item{flex-direction:column;align-items:flex-start}.bar-label{width:auto}.bar-wrapper{width:100%}}