/* VijAI chrome stylesheet ยท brand tokens, header v8, footer v5. Load this on EVERY page of thevijai.com, before any page-specific stylesheet. Built 9 Sep 2026 from _brand/tokens-and-chrome.css. Closed spec, do not edit. */ /* VijAI shared chrome. Brand guide v2 palette, DM Sans + IBM Plex Mono. Carry VERBATIM into every page. Header v8 and footer v5 are CLOSED specs. Font link required in : https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=IBM+Plex+Mono:wght@400;500;600&display=swap Media queries needed: @media(max-width:1040px){.hnav{display:none}} @media(max-width:860px){.ftg{grid-template-columns:1fr 1fr}} */ :root{--cy:#00B9F2; --cyd:#0074A6; --cys:#B7ECFB; --cym:#E8F8FE; --ink:#050B12; --ink2:#0A1621; --line:#1B2E3F; --amb:#F0A500; --red:#FF5E5E; --pg:#FBFCFD; --pn:#FFFFFF; --sk:#F1F5F8; --tx:#08131D; --tx2:#4A5C6E; --tx3:#8AA0B2; --rl:#DFE7ED; --dtx:#DCE8F2; --dtx2:#93A9BC; --dtx3:#5F7386;} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--pg);color:var(--tx);font-family:"DM Sans",system-ui,sans-serif; font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} .hdr{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .35s,border-color .35s; border-bottom:1px solid transparent} .hdr.pin{background:rgba(5,11,18,.82);backdrop-filter:blur(16px);border-bottom-color:var(--line)} .hbar{max-width:1200px;margin:0 auto;padding:15px 26px;display:flex;align-items:center;gap:20px} .hbar img{height:34px;width:auto;display:block;filter:brightness(1.12)} .hnav{margin-left:auto;display:flex;gap:2px} .hnav a{font-size:14px;color:var(--dtx2);text-decoration:none;padding:9px 13px;border-radius:6px;font-weight:500; transition:color .2s,background .2s} .hnav a:hover,.hnav a.on{color:#fff;background:rgba(255,255,255,.06)} .hcta{background:var(--cy);color:#04212E;font-weight:700;font-size:13.5px;padding:11px 19px;border-radius:7px; border:0;cursor:pointer;white-space:nowrap;transition:transform .18s,box-shadow .18s} .hcta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,185,242,.35)} h1{font-size:clamp(38px,6.6vw,84px);line-height:.98;letter-spacing:-.042em;margin:0 0 26px;color:#fff; font-weight:700;max-width:15ch;text-wrap:balance} h1 em{font-style:normal;color:var(--cy);display:block} .btn{background:var(--cy);color:#04212E;font-weight:700;font-size:15.5px;padding:16px 30px;border-radius:8px; border:0;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .18s,box-shadow .18s} .btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,185,242,.4)} .btn2{border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.04);font-weight:600; font-size:15px;padding:15px 24px;border-radius:8px;text-decoration:none;transition:border-color .2s,background .2s} .btn2:hover{border-color:var(--cy);background:rgba(0,185,242,.08)} .ft{background:var(--ink);color:var(--dtx2);font-size:13.5px;padding-top:66px} .ftin{max-width:1200px;margin:0 auto;padding:0 26px} .ftg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:38px} .ft img{height:38px;width:auto;display:block;filter:brightness(1.12)} .est{font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dtx3);font-weight:700;margin:9px 0 0} .fttag{color:#fff;font-size:20px;font-weight:700;margin:16px 0 7px;letter-spacing:-.02em} .ftd{color:var(--dtx2);font-size:13.5px;max-width:33ch;margin:0} .mii{display:inline-block;margin-top:17px;font-weight:700;font-size:12.5px;color:#fff; background:rgba(0,185,242,.1);border:1px solid rgba(0,185,242,.3);padding:7px 13px;border-radius:6px} .vbg{margin-top:12px;font-size:13px} .vbg a{color:var(--cy);text-decoration:none} .fth{font-size:9.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--dtx3);font-weight:700;margin:0 0 15px} .ft ul{list-style:none;margin:0;padding:0} .ft li{margin-bottom:9px} .ft a{color:var(--dtx);text-decoration:none;font-size:13.5px;transition:color .2s} .ft a:hover{color:var(--cy)} .ftbot{margin-top:44px;border-top:1px solid var(--line);padding:20px 0 32px;display:flex;gap:20px; flex-wrap:wrap;font-size:12.5px;color:var(--dtx3)} .ftbot .lg{margin-left:auto} .ftbot .lg a{padding:0 12px;border-right:1px solid var(--line);font-size:12.5px} .ftbot .lg a:last-child{border:0;padding-right:0} /* required media queries, per the _brand README */ @media(max-width:1040px){ .hnav{display:none} } @media(max-width:860px){ .ftg{grid-template-columns:1fr 1fr} } @media(max-width:560px){ .ftg{grid-template-columns:1fr} .hbar{padding:13px 18px} .ftin{padding:0 18px} } /* the chrome sits on a dark ground on every page */ body{background:#050B12;color:var(--dtx)}