@font-face{font-family:Deebo;src:url(/assets/google-sans-flex.woff2)}*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#172235;font:16px/1.6 Deebo,system-ui,sans-serif}a{color:#1761d6;text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid #e2e7ee;background:#fff;position:sticky;top:0;z-index:2}.bar{max-width:1180px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;font-weight:750;color:#172235;letter-spacing:-1px}.brand b{color:#4285f4}.mark{display:inline-grid;grid-template-columns:8px 8px;gap:3px;margin-right:10px;vertical-align:middle}.mark i{width:8px;height:8px;border-radius:3px;background:#4285f4}.mark i:nth-child(2){background:#ea4335}.mark i:nth-child(3){background:#fbbc04}.mark i:nth-child(4){background:#34a853}nav{display:flex;gap:26px;font-size:14px}nav a{color:#475569}main{max-width:1180px;margin:auto;padding:64px 28px 80px}.eyebrow{color:#1761d6;font-size:12px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase}h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-2px;max-width:820px;margin:20px 0}h2{font-size:28px;letter-spacing:-.7px;margin:0 0 14px}h3{margin:0 0 10px;font-size:20px}.lead{font-size:20px;color:#657287;max-width:660px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding-bottom:64px}.actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-block;padding:12px 20px;border-radius:9px;background:#1761d6;color:white;font-size:14px;font-weight:650}.button.secondary{background:white;border:1px solid #dde4ec;color:#172235}.panel{background:#14243c;border-radius:18px;padding:28px;color:#a5bcda;box-shadow:0 20px 45px #14243c20}.dots{letter-spacing:4px;color:#7788a0;margin-bottom:22px}.panel code{font:13px/2 ui-monospace,monospace;white-space:pre-wrap}.panel em{color:#76d8a7;font-style:normal}.panel strong{color:#91b9ff}.section{margin-top:52px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.muted{color:#657287}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #e0e6ed;border-radius:14px;padding:26px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #14243c0a}.card p{color:#657287;font-size:14px}.badge{display:inline-block;background:#e8f2ff;color:#1761d6;border-radius:20px;font-size:11px;padding:4px 10px;margin-bottom:20px}.version{font:12px ui-monospace,monospace;color:#657287}.row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #e5eaf0;gap:20px}.online{color:#168447;font-size:13px}.online:before{content:'●';margin-right:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eff3f8;padding:20px;border-radius:10px;font-size:13px}article{max-width:850px}.note{background:#e9f1ff;border-left:3px solid #4285f4;padding:18px 22px;border-radius:0 8px 8px 0}.crumb{font-size:13px;margin-bottom:25px}footer{border-top:1px solid #e0e6ed;background:white}.small{font-size:12px;color:#7b8798}.guidegrid{grid-template-columns:repeat(2,1fr)}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero{gap:28px}.bar{padding:16px 20px;flex-wrap:wrap}nav{gap:18px}main{padding:38px 20px}.guidegrid{grid-template-columns:1fr}h1{letter-spacing:-1px}}