:root{--b:#0B3D91;--b2:#1F6FB2;--g:#148565;--gold:#F4B400;--ink:#17344b;--muted:#58707d;--line:#dce7ec;--pale:#f5f9fb}
body{color:var(--ink)}.hero{padding:72px 0 58px;background:linear-gradient(135deg,#eef8fb,#fff);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:38px;align-items:center}.kicker{color:#188a8c;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:12px 0 18px;color:var(--b);font-size:clamp(42px,6vw,72px);line-height:1}.lead,.intro{max-width:880px;color:var(--muted);font-size:20px;line-height:1.6}.hero aside,.example{padding:25px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 40px #0b3d9112}.hero aside strong{display:block;margin-bottom:8px;font-size:20px;color:var(--b)}.hero aside p{margin:0;color:var(--muted);line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.toc{padding:18px 0;border-bottom:1px solid var(--line);background:#fff}.toc .wrap{display:flex;flex-wrap:wrap;gap:9px}.toc a{padding:8px 12px;border:1px solid var(--line);border-radius:99px;color:var(--ink);font-weight:800;text-decoration:none}.section{padding:68px 0}.section.pale{background:var(--pale)}.section h2{margin:10px 0 14px;color:var(--b);font-size:clamp(32px,4.6vw,50px);line-height:1.1}.section h2:not(:first-of-type){margin-top:58px}.intro{font-size:18px}.steps,.grid,.legend,.roadmap,.faqs{display:grid;gap:20px;margin-top:30px}.steps{grid-template-columns:repeat(4,1fr)}.steps article,.roadmap article,.faqs article{padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--b);color:#fff}.steps h3,.roadmap h3,.faqs h3{color:var(--b)}.steps p,.roadmap li,.faqs p{color:var(--muted);line-height:1.55}.grid{grid-template-columns:repeat(2,1fr)}.shield-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 28px #0b3d910d}.shield-card figure{position:relative;display:flex;align-items:center;justify-content:center;min-height:285px;margin:0;padding:28px;background:linear-gradient(145deg,#fff,#eef5f7)}.shield-card img{display:block;max-width:100%;max-height:235px;width:auto;height:auto}.shield-card figure em{position:absolute;top:13px;left:13px;padding:6px 9px;border-radius:99px;background:#0b3d91e8;color:#fff;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.07em}.shield-card>div{padding:24px}.shield-card h3{margin:9px 0;color:var(--b);font-size:26px}.shield-card p{color:var(--muted);line-height:1.6}.pill{display:inline-block;padding:6px 10px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.05em}.pill.neutral{background:#eef1f3}.pill.blue{background:#e5f1fb;color:#165b8b}.pill.yellow{background:#fff1bc;color:#775700}.pill.green{background:#def4e9;color:#086848}.shield-card dl{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;margin:18px 0 0;padding:15px;border-radius:14px;background:#f5f8f9;font-size:14px;line-height:1.45}.shield-card dt{font-weight:900;color:var(--b)}.shield-card dd{margin:0;color:var(--muted)}.table-wrap{margin-top:28px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--b);color:#fff}tr:last-child td{border:0}td:first-child{font-weight:900;color:var(--b)}.legend{grid-template-columns:repeat(4,1fr)}.legend article{padding:18px;border:1px solid var(--line);border-radius:16px}.legend i{display:block;width:35px;height:12px;margin-bottom:10px;border-radius:99px}.legend i.green{background:#15906b}.legend i.yellow{background:#e1ad21}.legend i.blue{background:#2879ad}.legend i.red{background:#b84138}.legend b,.legend span{display:block}.legend b{color:var(--b)}.legend span{margin-top:5px;color:var(--muted);font-size:14px;line-height:1.4}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:28px}.split>article{padding:26px;border-radius:20px;background:#fff;border:1px solid var(--line)}.split h3{color:var(--b);font-size:25px}.split li{margin:10px 0;color:var(--muted);line-height:1.5}.example span,.roadmap span{font-size:11px;font-weight:900;letter-spacing:.08em}.example small{display:block;color:var(--muted);line-height:1.5}.notice{margin-top:22px;padding:20px;border-left:4px solid var(--gold);border-radius:12px;background:#fff8e5;color:#4c5d63}.roadmap{grid-template-columns:repeat(3,1fr)}.roadmap .live{color:#08734f}.roadmap .build{color:#876000}.roadmap .next{color:#245f87}.faqs{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.steps,.legend{grid-template-columns:repeat(2,1fr)}.roadmap{grid-template-columns:1fr}}
@media(max-width:680px){.grid,.steps,.legend,.faqs{grid-template-columns:1fr}.section{padding:50px 0}.hero{padding:54px 0 44px}.shield-card figure{min-height:240px}.shield-card img{max-height:200px}}