:root{color-scheme:dark;--bg:#0a101d;--fg:#edf3fc;--mute:#9dabbd;--border:rgba(173,198,237,.13);--card:rgba(20,31,49,.86);--accent:#89aefe;--blue:#678ffa;font-family:'DM Sans','Noto Sans SC',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);margin:0;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(82px);border-radius:100%;opacity:.35}.a1{width:620px;height:400px;top:-205px;left:50%;transform:translateX(-50%);background:#234c99}.a2{width:400px;height:350px;top:470px;right:-250px;background:#1a5771;opacity:.18}
.shell{max-width:995px;margin:auto;padding:0 30px}.topbar{height:80px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.5px}.brand-accent{color:#91b8ff}.brand-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#3158a3,#1b345f);color:#d6e5ff;border:1px solid #466db1}
.hero{padding:32px 0 24px}.hero h1{font-size:clamp(28px,4.5vw,38px);line-height:1.3;letter-spacing:-1px;margin:0;font-weight:800}.card{background:var(--card);border:1px solid var(--border);box-shadow:0 6px 45px rgba(0,0,0,.12);border-radius:18px}.primary{padding:29px 31px;background:linear-gradient(115deg,rgba(34,54,87,.87),rgba(18,29,47,.93))}.device-top{display:flex;gap:17px;align-items:center}.device-emblem{width:56px;height:56px;min-width:56px;display:grid;place-items:center;background:#314770;border:1px solid rgba(160,196,247,.16);border-radius:14px;color:#b7d1fa}.device-text{flex:1}.device-text h2{font-size:22px;margin:0 0 3px}.device-text p{color:#9cacc3;font-size:13px;margin:0}.pill{padding:7px 12px;border:1px solid #3a5072;border-radius:22px;background:rgba(72,112,165,.2);color:#b9d0f5;font-size:12px;white-space:nowrap}.primary-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:57px;margin:22px 0 0;background:linear-gradient(105deg,#7e9ff9,#5d84ed);border:1px solid #9ab7ff;box-shadow:0 8px 30px #3762df2f;border-radius:12px;color:#0b1b3b;font-weight:800;font-size:16px;transition:transform .2s,filter .2s}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.primary-btn:focus-visible,.platform:focus-visible,button:focus-visible{outline:2px solid #b5caff;outline-offset:3px}
.details,.certificate{padding:25px 30px;margin-top:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title h2{margin:0;font-size:19px;letter-spacing:-.4px}.steps{list-style:none;margin:24px 0 22px;padding:0;counter-reset:step;display:grid;gap:15px}.steps li{display:flex;gap:15px;line-height:1.75;color:#d6e1ee;font-size:14px}.steps li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;min-width:28px;height:28px;background:#263c5d;color:#b8cffd;border:1px solid #3d567c;border-radius:50%;font-size:12px;font-weight:800;line-height:1}.steps code{color:#b8cffd}.note{display:flex;gap:12px;padding:14px 16px;background:rgba(181,131,63,.09);border:1px solid rgba(239,193,115,.18);border-radius:12px}.note p{margin:0;color:#c6b6a0;font-size:12px;line-height:1.8}.note-icon{display:grid;place-items:center;min-width:18px;width:18px;height:18px;background:#705433;border-radius:50%;font-size:12px;color:#ffdeb0;font-weight:bold}
.all-platforms{margin:32px 0 25px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:19px;letter-spacing:-.4px;margin:0}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform{display:flex;align-items:center;gap:16px;padding:20px;transition:transform .2s,border-color .2s}.platform:hover{transform:translateY(-2px);border-color:#6086b5}.platform-mark{display:grid;place-items:center;width:52px;height:52px;min-width:52px;border-radius:12px;border:1px solid #3b506d;background:#20324b;color:#b6d4ff;font-size:29px;font-weight:500}.platform h3{font-size:15px;margin:0 0 4px}.platform p{color:#98a9c1;font-size:12px;margin:0 0 7px}.platform code{color:#8ca9d8;font-size:11px}.arrow{margin-left:auto;font-size:20px;color:#7694b9;align-self:flex-start}
.certificate{margin:28px 0 36px}.fingerprint{border:1px solid var(--border);border-radius:11px;background:#0f1a29;margin-top:16px;padding:17px 19px}.fp-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#90a6c3;letter-spacing:.5px}.fp-heading button{border:1px solid #425879;background:#223552;color:#b5cfff;padding:6px 12px;border-radius:7px;cursor:pointer;font-size:11px}.fingerprint code{display:block;margin-top:11px;color:#c8d7ee;line-height:1.9;overflow-wrap:anywhere;font-size:12px;letter-spacing:.3px}.cert-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:17px 0 0}.cert-meta div{min-width:0}.cert-meta dt{font-size:11px;color:#8a9fbb;margin-bottom:8px}.cert-meta dd{font-size:12px;line-height:1.65;color:#c2d1e7;margin:0;overflow-wrap:anywhere}
@media(max-width:700px){.shell{padding:0 18px}.topbar{height:68px}.hero{padding:24px 0}.primary,.details,.certificate{padding:20px 18px}.device-top{flex-wrap:wrap;gap:12px}.device-emblem{width:48px;height:48px;min-width:48px}.device-text h2{font-size:19px}.primary-btn{font-size:14px}.platform-grid{grid-template-columns:1fr}.platform{padding:17px}.cert-meta{grid-template-columns:1fr}.section-title{align-items:start}}
