:root{--ink:#112536;--muted:#617586;--purple:#0061ff;--line:#d8e4ed;--paper:#f2f6f9;font-family:'Segoe UI',Arial,sans-serif}.announcement{background:#102536;color:#d3ebfc}.announcement span{color:#a4bfd1}.brand-icon{border-radius:50%;background:#0061ff;letter-spacing:-1px}.ai-label{background:#ddecff;color:#0750bd}.header{height:88px}.btn{border-radius:4px;background:#0061ff;border-color:#0061ff}.btn:hover{background:#0049c2}.btn.outline{border-color:#c6d7e5}.eyebrow{color:#0759df}.hero-grok{padding-block:80px 70px}.hero-grok h1{font-size:clamp(44px,5.4vw,76px);font-weight:650;letter-spacing:-3.5px}.hero-grok h1 span{color:#0061ff}.hero-grok .lead{font-size:17px;max-width:480px}.grok-board{background:#102536;color:#fff;padding:32px;border-radius:8px;position:relative;min-height:430px}.grok-board-head{display:flex;justify-content:space-between;color:#a8c7dc;font-size:11px;letter-spacing:1px;border-bottom:1px solid #355064;padding-bottom:20px}.grok-board h3{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:25px 0}.grok-task{display:flex;gap:15px;align-items:center;padding:18px 0;border-top:1px solid #355064;font-size:14px}.grok-task span{background:#21415a;color:#a9dfff;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:11px}.grok-task b{margin-left:auto;color:#83eecc;font-size:11px}.grok-output{background:#edf6fb;color:#193549;padding:21px;border-radius:4px;margin-top:22px;font-size:13px}.grok-output small{color:#0759df;letter-spacing:1px;font-size:9px}.grok-output p{margin-top:8px}.focus-strip{background:#edf3f7;border:0;padding:24px;border-radius:4px}.module{border-radius:5px;border:1px solid #d8e4ed;background:#fff!important}.module .module-symbol{color:#0061ff}.module-dark{background:#102536!important;color:white}.module-dark .module-symbol{color:#9aecff}.process-band{background:#102536;color:white}.process-band .eyebrow,.process-band .fine{color:#b5cede}.steps p{color:#b5cede}.plan{border-radius:5px;box-shadow:none}.plan.featured{border:2px solid #0061ff;background:#f4f8ff}.plan.featured .plan-top span{background:#0061ff;color:white}.credits{background:#edf4f9}.credit-card{border-radius:5px}.footer{background:#102536;color:#d4e3ed}.footer a{color:inherit}.footer .brand{color:white}.pill{border-radius:4px;background:#edf3fa;color:#234d72}.space{padding-block:80px}
@media(max-width:760px){.hero-grok{padding-block:40px;gap:35px}.hero-grok h1{font-size:47px;letter-spacing:-2px}.grok-board{padding:24px;min-height:0}.space{padding-block:50px}}