*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f2f7fa;color:#10243b}.wrap{max-width:1200px;margin:auto;padding:0 20px}.hero{background:linear-gradient(135deg,#061524,#0b315c 72%,#134b7a);color:#fff;padding:62px 0;border-bottom:6px solid #ff6b00}.hero.small{padding:30px 0}.hero h1{font-size:clamp(35px,5vw,57px);line-height:1.03;margin:10px 0 14px;max-width:950px}.hero p{font-size:17px;line-height:1.55;color:#d7e6f2;max-width:900px}.eyebrow,.kicker{display:inline-block;color:#ff8a34;font-size:11px;font-weight:900;letter-spacing:.13em}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.actions.center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:900;border:0;cursor:pointer}.primary{background:#ff6b00;color:#fff}.secondary{background:#fff;color:#071d38;border:1px solid #cbdbe7}.ghost{background:#183e60;color:#fff;border:1px solid #4f708c}.main{padding-top:28px;padding-bottom:45px}.notice{background:#fff4e8;border-left:5px solid #ff6b00;border-radius:10px;padding:15px 17px;line-height:1.5}.grid{display:grid;gap:18px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid #d7e3ec;border-radius:18px;padding:21px;box-shadow:0 8px 25px rgba(7,29,56,.06)}.family{margin-top:24px;border-top:5px solid #0b315c}.family.tetra{border-top-color:#2563eb}.family.poc{border-top-color:#7c3aed}.family.analog{border-top-color:#16a34a}.family.hybrid{border-top-color:#f97316}.icon{font-size:32px}.card h2,.card h3{color:#071d38}.card p,.card li{line-height:1.55}.section{margin-top:38px}.head h2{font-size:35px;margin:6px 0 13px;color:#071d38}.lead{line-height:1.6;color:#dbeafe}.lead.light{color:#536b7d}.architecture{background:#fff;border:1px solid #d7e3ec;border-radius:20px;padding:22px}.layer{padding:18px;border-radius:12px;background:#eaf4fb;border-left:6px solid #0b315c}.layer b{display:block;color:#071d38}.layer span{font-size:13px;color:#536b7d}.arrow{text-align:center;font-size:25px;color:#ff6b00}.badge{display:inline-block;background:#fff2cc;color:#775700;padding:8px 10px;border-radius:999px;font-size:10px;font-weight:900}.badge.blue{background:#e2f0ff;color:#0b4e8a}.small{font-size:12px;color:#667b8c}.dark{background:#071d38;color:#fff;border-radius:22px;padding:28px}.dark .head h2{color:#fff}.mini{background:#0d365a;border:1px solid #315a7f;border-radius:14px;padding:16px}.mini b{display:block;margin-bottom:7px}.mini span{font-size:13px;color:#d8e6f1;line-height:1.45}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform{background:#fff;border:1px solid #d7e3ec;border-radius:18px;padding:21px}.platform-title{display:flex;gap:10px;align-items:center}.platform-title span{font-size:28px}.platform-title h3{margin:0;color:#071d38}.platform p,.platform li{line-height:1.5}.warn{background:#fff1ef;border:1px solid #ffc8c1;color:#8a271e;padding:10px;border-radius:9px;font-size:11px;font-weight:800}.table-wrap{overflow:auto;background:#fff;border:1px solid #d7e3ec;border-radius:16px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px;border-bottom:1px solid #e2e8ee;text-align:left;font-size:13px}th{background:#071d38;color:#fff}.callout{background:#dfeefa;border-radius:18px;padding:24px}.foot{display:flex;justify-content:space-between;gap:20px}footer{background:#061524;color:#d8e6f1;padding:24px 0;font-size:13px}@media(max-width:900px){.four,.three,.platforms{grid-template-columns:1fr 1fr}}@media(max-width:650px){.four,.three,.two,.platforms{grid-template-columns:1fr}.hero h1{font-size:37px}.head h2{font-size:29px}.foot{display:block}}.techlink{display:block;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.techlink:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(7,36,70,.12)}.more{display:inline-block;margin-top:10px;font-weight:800;color:#0d5fa8}.detail-hero{padding:34px 0 28px;background:#0a3159;color:#fff;border-bottom:4px solid #ff6a00}.detail-hero h1{margin:8px 0;font-size:clamp(30px,4vw,48px)}.detail-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.detail-nav a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:9px 13px;border-radius:9px;font-weight:800}.diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:18px 0}.node{background:#eaf4fb;border:1px solid #c7deef;border-radius:12px;padding:18px;text-align:center;font-weight:800}.flow{font-size:26px;color:#ff6a00;font-weight:900}.checklist li{margin:8px 0}@media(max-width:760px){.diagram{grid-template-columns:1fr}.flow{transform:rotate(90deg);text-align:center}}