:root{color:#17212b;font-synthesis:none;background:#fafbfd;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:4px;border-radius:5px;outline:3px solid #6aa5dd}.wrap{width:min(1120px,100% - 44px);margin:auto}.site-header{background:#fff;border-bottom:1px solid #e9edf2}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:84px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:11px;font-size:1.28rem;font-weight:760;display:flex}.brand img{object-fit:contain;border-radius:9px}.site-header nav{flex-wrap:wrap;gap:8px;display:flex}.nav-link{color:#687482;border-radius:9px;padding:10px 13px;font-size:.9rem}.nav-link:hover,.nav-link.active{color:#1f527a;background:#eff4f9}.hero{padding:94px 0 76px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#5288b5;font-size:.77rem;font-weight:750}.hero h1{letter-spacing:-3px;max-width:830px;margin:19px 0 20px;font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.07}.hero .lead{color:#687482;max-width:700px;font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.75}.hero .intro{color:#687482;max-width:700px;line-height:1.75}.highlight{color:#5288b5}.section{padding:24px 0 88px}.section-heading{letter-spacing:-.7px;margin:0 0 25px;font-size:1.65rem}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.app-card{background:#fff;border:1px solid #e4eaf0;border-radius:20px;flex-direction:column;padding:29px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 35px #142d4609}.app-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #142d4614}.app-icon{color:#346d9d;background:#eaf3fb;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:24px;font-size:1.65rem;font-weight:750;display:grid}.app-card h3{margin:0 0 9px;font-size:1.38rem}.app-card p{color:#6c7886;flex:1;margin:0 0 23px;line-height:1.7}.card-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{letter-spacing:.25px;border-radius:100px;padding:7px 11px;font-size:.74rem;font-weight:750;display:inline-block}.badge.beta{color:#23649d;background:#e7f2ff}.badge.alpha{color:#93621d;background:#fff2dc}.arrow{color:#3979aa;font-size:.86rem;font-weight:700}.principles{border-top:1px solid #e4eaf0;padding:55px 0 88px}.principles p{color:#687482;max-width:740px;line-height:1.85}.site-footer{color:#798592;background:#fff;border-top:1px solid #e9edf2;font-size:.85rem}.footer-inner{justify-content:space-between;align-items:center;gap:18px;min-height:90px;display:flex}.footer-inner a{color:#3d7ca9}.detail-hero{padding:64px 0 42px}.breadcrumb{color:#64819a;font-size:.9rem}.detail-heading{align-items:center;gap:24px;margin-top:30px;display:flex}.detail-heading .app-icon{width:88px;height:88px;margin:0;font-size:2rem}.detail-heading h1{letter-spacing:-2px;margin:0 0 9px;font-size:clamp(2.3rem,5vw,3.8rem)}.detail-heading p{color:#697787;margin:0}.detail-content{grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:24px;padding:14px 0 90px;display:grid}.panel{background:#fff;border:1px solid #e4eaf0;border-radius:18px;padding:30px}.panel h2{margin:0 0 19px;font-size:1.3rem}.panel p,.panel li{color:#697787;line-height:1.8}.panel ul{padding-left:21px}.meta{grid-template-columns:1fr;gap:17px;display:grid}.meta dt{color:#7c8793;margin-bottom:5px;font-size:.8rem}.meta dd{margin:0;font-weight:650}.button{color:#fff;background:#285e87;border-radius:10px;padding:12px 17px;font-size:.9rem;font-weight:650;display:inline-flex}.button:hover{background:#1c4869}.muted{color:#8793a0;font-size:.88rem}.note{color:#587086;background:#f0f5f9;border-radius:12px;padding:15px 18px;font-size:.9rem;line-height:1.6}.section-small{padding-top:0}@media (width<=800px){.app-grid{grid-template-columns:1fr 1fr}.detail-content{grid-template-columns:1fr}}@media (width<=600px){.header-inner{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0}.site-header nav{gap:2px}.nav-link{padding:8px}.hero{padding:66px 0 46px}.hero h1{letter-spacing:-1.8px}.app-grid{grid-template-columns:1fr}.detail-heading{gap:15px}.detail-heading .app-icon{flex:none;width:65px;height:65px}.panel{padding:22px}.footer-inner{flex-direction:column;align-items:flex-start;padding:25px 0}}