/* Golf Cart Training Center site theme. 2026-10 rebrand: navy + Electric Blue on dark, Tech Blue on light,
   Barlow Condensed headings over Barlow body. Load /shared/brand-tokens.css first; the old variable names
   below are mapped onto the brand tokens (fallbacks in case the token file is missing).
   Everything is scoped under body.pro so core.css (the labs, sims and core.js widgets) is untouched.
   body.pro.page  = content pages (Certified Shops, Verify, shop/state pages, For Shops)
   body.pro.hub   = the hub (public/index.html), restyled over its existing structure

   Shared building blocks (for page templates):
     header ...... .util (navy strip) + .top > .wrap.nav > a.brand.gct-brand (lockup img) + .links + buttons
     footer ...... .foot > .wrap > a.foot-brand (stacked lockup img) + spans
     buttons ..... .btn.p (primary) · .btn.o (secondary outline) · .btn.sm; inside .on-dark/.hero/.top/.foot
                   they switch to the on-navy colours automatically
     cards ....... .gct-card (white, 1px line, radius 10)  · .gct-card.hl (Tech Blue top border)
     eyebrow ..... .eyebrow (Tech Blue on light, Electric Blue on dark)
     alerts ...... .gct-alert (Signal Yellow, navy text; warnings only) · .gct-alert.err (red)
     seal ........ .gct-shield (directory.shield_html(): shield art + live year label)
     dark band ... .on-dark (navy section: white text, muted #B7C4D4, Electric Blue links/accents) */
body.pro{--navy:var(--gct-navy,#0B1F33);--navy2:var(--gct-navy-2,#132B44);--volt:var(--gct-electric-blue,#3FA9F5);
  --green:var(--gct-tech-blue,#1468B0);--green-d:var(--gct-tech-blue-hover,#0F5390);--paper:var(--gct-paper,#F4F6F8);
  --ink:var(--gct-ink,#111820);--mut:var(--gct-steel-grey,#5F6B78);--line:var(--gct-line,#DDE3EA);--gold:var(--gct-signal-yellow,#FFC72C);
  --mut-dark:var(--gct-text-on-dark-muted,#B7C4D4);--tint:#E8F1FA;
  --fh:var(--font-heading,"Barlow Condensed","Arial Narrow",sans-serif);--fb:var(--font-body,"Barlow","Helvetica Neue",Arial,sans-serif);
  margin:0;font-family:var(--fb);font-weight:400;line-height:1.5;color:var(--ink);background:var(--paper);font-size:16px}
html:has(body.pro){background:var(--gct-paper,#F4F6F8)}
body.pro *{box-sizing:border-box}
body.pro .wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* ---- type ---- */
body.pro h1,body.pro h2{font-family:var(--fh);font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:1.05}
body.pro h3{font-family:var(--fh);font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.15}
body.pro .vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---- focus: Tech Blue on light, Electric Blue on navy ---- */
body.pro :focus-visible{outline:2px solid var(--gct-tech-blue,#1468B0);outline-offset:2px}
body.pro :is(.util,.top,.hero,.foot,.on-dark,#hero,header,footer) :focus-visible{outline-color:var(--gct-electric-blue,#3FA9F5)}

/* ---- links: Tech Blue on light (underline on hover), Electric Blue on dark ---- */
body.pro a{color:var(--green)}
body.pro a:hover{color:var(--green-d);text-decoration:underline}
body.pro :is(.hero,.on-dark) a:not(.btn,.cta){color:var(--volt)}
body.pro :is(.hero,.on-dark) a:not(.btn,.cta):hover{color:#fff}

/* ---- shared chrome: navy header ---- */
body.pro .util{background:var(--navy);color:var(--mut-dark);font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}
body.pro .util .wrap{display:flex;min-height:34px;align-items:center;gap:20px}
body.pro .util .r{margin-left:auto;display:flex;gap:18px}
body.pro .util a{color:var(--mut-dark);text-decoration:none;display:inline-block;padding:12px 0;margin:-12px 0}   /* 44px tap target, strip stays 34px */
body.pro .util a:hover{color:var(--volt)}
body.pro .top{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.1)}
body.pro .nav{display:flex;align-items:center;min-height:80px;gap:24px;flex-wrap:wrap}
body.pro .brand,body.pro .gct-brand{display:flex;align-items:center;flex:none;text-decoration:none;line-height:0}
body.pro .gct-brand img{display:block;height:56px;width:auto}   /* 56px tall: the wordmark reads at a glance */
body.pro .gct-brand .gct-brand-icon{display:none;height:44px}
@media (max-width:399px){body.pro .gct-brand .gct-brand-full{display:none}body.pro .gct-brand .gct-brand-icon{display:block}}
body.pro .links{display:flex;gap:22px;margin-left:auto;font-family:var(--fh);font-weight:600;font-size:16px;
  text-transform:uppercase;letter-spacing:.06em}
body.pro .links a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;box-shadow:inset 0 -2px 0 transparent}
body.pro .links a:hover,body.pro .links a.on{color:var(--volt);box-shadow:inset 0 -2px 0 var(--volt)}

/* ---- buttons ---- */
body.pro .btn.p,body.pro .btn.o{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;
  border-radius:var(--radius-md,6px);font-family:var(--fh);font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.06em;
  line-height:1.1;border:2px solid transparent;text-decoration:none;cursor:pointer;box-shadow:none;text-shadow:none;margin:0}
body.pro .btn.p{background:var(--green);color:#fff}
body.pro .btn.p:hover{background:var(--green-d);color:#fff}
body.pro .btn.o{border-color:var(--green);background:none;color:var(--green)}
body.pro .btn.o:hover{background:var(--tint);color:var(--green-d);border-color:var(--green-d)}
body.pro .btn.sm{padding:8px 16px;font-size:15px}
/* on navy: Electric Blue with navy text (6.52:1), hover white; secondary = white outline */
body.pro :is(.top,.hero,.foot,.on-dark,#hero) .btn.p{background:var(--volt);color:var(--navy)}
body.pro :is(.top,.hero,.foot,.on-dark,#hero) .btn.p:hover{background:#fff;color:var(--navy)}
body.pro :is(.top,.hero,.foot,.on-dark,#hero) .btn.o{border-color:#fff;color:#fff}
body.pro :is(.top,.hero,.foot,.on-dark,#hero) .btn.o:hover{background:#fff;color:var(--navy)}

/* ---- eyebrow, check list, cards, alerts ---- */
body.pro .eyebrow{font-family:var(--fh);font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--green);text-transform:uppercase}
body.pro :is(.hero,.on-dark,#hero) .eyebrow{color:var(--volt)}
body.pro .check{list-style:none;padding:0;margin:16px 0 0}
body.pro .check li{padding:11px 0 11px 34px;position:relative;font-size:16.5px;border-bottom:1px solid var(--line)}
body.pro .check li:before{content:"✓";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--green);
  color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
body.pro .gct-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg,10px);padding:22px}
body.pro .gct-card.hl{border-top:4px solid var(--green)}
body.pro .gct-alert{background:var(--gold);color:var(--navy);border-radius:var(--radius-md,6px);padding:12px 16px;font-weight:500}
body.pro .gct-alert.err{background:#FDECEB;color:#9B2C24;border:1px solid #E3A39E}
body.pro .on-dark{background:var(--navy);color:#fff}
body.pro .on-dark p{color:var(--mut-dark)}

/* ---- the seal: shield art with the year as live text (directory.shield_html) ---- */
.gct-shield{display:inline-flex;flex-direction:column;align-items:center;gap:6px;line-height:1;vertical-align:middle}
.gct-shield img{display:block;height:auto}
.gct-shield .gct-shield-year{font-family:var(--font-heading,"Barlow Condensed","Arial Narrow",sans-serif);font-weight:700;
  font-size:15px;letter-spacing:.2em;color:var(--gct-navy,#0B1F33)}
.gct-shield.dark .gct-shield-year{color:#fff}

/* ---- footer: navy, stacked lockup, white + muted text, Electric Blue hover ---- */
body.pro .foot{background:var(--navy);color:var(--mut-dark);font-size:14px}
body.pro .foot .wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 36px;padding-top:28px;padding-bottom:28px}
body.pro .foot .wrap>:not(.foot-brand){grid-column:2}
body.pro .foot .foot-brand{grid-column:1;grid-row:1 / span 3;line-height:0}
body.pro .foot .foot-brand img{display:block;width:120px;height:auto}
body.pro .foot a{color:#fff;text-decoration:none}
body.pro .foot a:not(.foot-brand){display:inline-flex;align-items:center;min-height:44px;padding:0 2px}   /* 44px tap targets */
body.pro .foot a:hover{color:var(--volt);text-decoration:underline}
@media (max-width:640px){body.pro .foot .wrap{grid-template-columns:1fr}body.pro .foot .wrap>*{grid-column:1!important}
  body.pro .foot .foot-brand{grid-row:auto;margin-bottom:8px}}
body.pro .def{color:var(--mut);font-size:14px;line-height:1.5}

/* ---- content pages ---- */
body.page .hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
body.page .hero:after{content:"";position:absolute;right:-140px;top:-140px;width:640px;height:640px;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 18px);border-radius:50%;pointer-events:none}
body.page .hero .wrap{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px;position:relative;z-index:1}
body.page h1{font-size:56px;margin:12px 0 16px}
body.page .hero p{font-size:19px;line-height:1.5;color:var(--mut-dark);max-width:600px}
body.page .ctas{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
body.page section{padding:56px 0}
body.page h2{font-size:40px;margin:8px 0 10px}
body.page .sub{color:var(--mut);font-size:17px;line-height:1.5;max-width:700px}
body.page .two{display:grid;grid-template-columns:1fr 1fr;gap:48px}
body.page .band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.page .marks{display:flex;gap:28px;align-items:center;margin-top:22px}
body.page .marks div{text-align:center;font-family:var(--fh);font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--mut)}
body.page .kit{margin-top:22px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--radius-lg,10px);padding:16px 18px}
body.page .kit b{font-size:17px}
body.page .kit p{margin:6px 0 0;color:var(--mut);font-size:15px}
body.page .soon{display:inline-block;margin-left:10px;font-family:var(--fh);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:20px;background:var(--navy);color:#fff;vertical-align:2px}
/* directory: one search box + cards in a row */
body.page .search{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;max-width:720px}
body.page .search input,body.page .vbox input{flex:1;min-width:200px;min-height:48px;padding:12px 14px;border:1px solid #9AA6B2;border-radius:var(--radius-md,6px);font-size:16px;font-family:inherit;background:#fff;color:var(--ink)}
body.page .dir{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
body.page .shop{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg,10px);padding:18px;display:flex;gap:14px;align-items:flex-start}
body.page .shop.cert{border-top:4px solid var(--green)}
body.page .shop b{font-size:17px}
body.page .shop b a{display:inline-block;padding:12px 0;margin:-12px 0}   /* 44px tap target on the shop name */
body.page .shop .meta{color:var(--mut);font-size:14.5px;margin-top:3px;line-height:1.45}
body.page .shop .tag{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px;background:var(--tint);color:var(--green-d);margin-top:8px}
body.page .shop .tag.m{background:#eef1f5;color:var(--mut)}
body.page .shop a{color:var(--green)}
body.page .shop .ph{flex:none;width:52px;height:56px;display:flex;align-items:center;justify-content:center}
body.page .empty{grid-column:1/-1;background:#fff;border:1px dashed #C3CCD6;border-radius:var(--radius-lg,10px);padding:24px;color:var(--mut)}
body.page .vbox{display:flex;gap:10px;flex-wrap:wrap}
body.page .vgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
body.page .vcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg,10px);padding:24px;max-width:720px}
body.page .vcard.valid{border-top:4px solid var(--green)}
body.page .vcard.miss{border-top:4px solid #c9ced4}
body.page .vcard dl{display:grid;grid-template-columns:180px 1fr;gap:8px 16px;margin:16px 0 0}
body.page .vcard dt{color:var(--mut);font-weight:600}
body.page .vcard dd{margin:0;font-weight:600}
@media (max-width:860px){
  body.page .hero .wrap,body.page .two,body.page .vgrid{grid-template-columns:1fr}
  body.page .hero .wrap>div:last-child{text-align:center}
  body.page h1{font-size:42px}
  body.page h2{font-size:32px}
  body.pro .links{display:none}
  body.page .dir{grid-template-columns:1fr}
  body.page .vcard dl{grid-template-columns:1fr}
}
@media (max-width:560px){
  body.pro .wrap{padding:0 16px}
  body.pro .util .wrap>span:first-child{display:none}   /* phones: the tagline would wrap the strip to two lines; keep the links */
  body.pro .nav{gap:10px 12px;min-height:64px;padding-top:10px;padding-bottom:10px}
  body.pro .nav .btn.sm{padding:8px 12px;font-size:14px}
  body.pro .gct-brand img{height:48px}
}

/* ---- the hub, restyled over its existing markup (full-bleed bands via box-shadow + clip-path) ---- */
body.hub #stage{background:var(--paper)}
body.hub #wrap{max-width:1200px;padding:0 24px 0}
body.hub header{background:var(--navy);box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax);border-bottom:1px solid rgba(255,255,255,.1);
  min-height:80px;margin:0;padding:10px 0;gap:16px;color:#fff}
body.hub header .logo{display:none}
body.hub header .gct-brand img{height:56px}
body.hub .htitle h1{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.hub header .sub{color:var(--mut-dark);font-size:13px;max-width:260px;line-height:1.35}
body.hub #prolinks{margin-left:auto;display:flex;align-items:center;gap:20px;font-family:var(--fh);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.06em}
body.hub #prolinks a{color:#fff;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
body.hub #prolinks a:hover{color:var(--volt);box-shadow:inset 0 -2px 0 var(--volt)}
body.hub #prolinks + #topnav{margin-left:0}
body.hub #topnav a{border:0;border-radius:var(--radius-sm,4px);color:#fff;font-family:var(--fh);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.06em;padding:0 4px;background:none}
body.hub #topnav a:hover,body.hub #topnav a:focus{background:none;color:var(--volt);text-decoration:none;box-shadow:inset 0 -2px 0 var(--volt)}
body.hub #topnav a:focus-visible{outline:2px solid var(--volt)}
body.hub #acct{color:var(--mut-dark)}
body.hub #acct .btn{background:var(--volt);color:var(--navy);border-radius:var(--radius-md,6px);box-shadow:none;text-shadow:none;display:inline-flex;align-items:center;
  font-family:var(--fh);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:15px;min-height:44px;padding:8px 16px}
body.hub #acct .btn:hover{background:#fff;filter:none}
body.hub #acct .btn.gray{background:none;color:#fff;border:2px solid #fff}
body.hub #acct .btn.gray:hover{background:#fff;color:var(--navy)}
body.hub #acctlinks a{color:var(--volt)}
body.hub #teambar .tb_act a{color:var(--green)}
body.hub #trialline{color:var(--volt)}
body.hub #teambar{background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:var(--radius-lg,10px);color:var(--ink);margin:18px 0 0}
body.hub #teambar .tb_txt b{color:var(--ink)}
body.hub #teambar .tb_sub{color:var(--mut)}
body.hub #teambar.awaiting{border-left-color:var(--gold)}
body.hub #teambar .tb_act a.tb_leave{color:#a2332c}
body.hub #hero{position:relative;background:var(--navy);box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax);
  border:0;border-radius:0;margin:0 0 0;padding:44px 0 48px;color:#fff;overflow:hidden}
body.hub #hero:after{content:"";position:absolute;right:-260px;top:-160px;width:640px;height:640px;pointer-events:none;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 18px);border-radius:50%}
body.hub #hero > *{position:relative;z-index:1}
body.hub #hero img{width:84px;height:84px;box-shadow:0 0 0 3px var(--volt)}
body.hub #hero h2{color:var(--volt);font-size:16px;letter-spacing:.12em;font-weight:700}
body.hub #hero p{color:var(--mut-dark);font-size:16.5px;line-height:1.55;max-width:760px}
body.hub #hero b{color:#fff}
body.hub #hero > div{display:grid;grid-template-columns:1fr minmax(320px,520px);column-gap:36px;align-items:start}
body.hub #hero > div > h2{grid-column:1}
body.hub #hero > div > p{grid-column:1}
body.hub #hubvid{grid-column:2;grid-row:1 / span 3;margin-top:0}
body.hub #cards{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:20px}
body.hub #hubvid video{background:#06111d;border-radius:var(--radius-md,6px);box-shadow:0 20px 50px rgba(0,0,0,.35)}
body.hub #shopcta{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg,10px);box-shadow:none;margin:28px 0 22px;padding:22px 24px}
body.hub #shopcta h2{color:var(--ink);font-size:28px}
body.hub #shopcta p{color:var(--mut);font-size:15.5px}
body.hub #shopcta a.btn{border-radius:var(--radius-md,6px);box-shadow:none;text-shadow:none;font-family:var(--fh);text-transform:uppercase;letter-spacing:.06em;font-size:16px}
body.hub #shopcta a.btn.sc_invite{background:var(--navy);color:#fff}
body.hub #shopcta a.btn.gold{background:var(--green);color:#fff}
body.hub #shopcta a.btn.gold:hover{background:var(--green-d)}
body.hub #shopcta a.sc_login{color:var(--green)}
body.hub #shopcta a:focus-visible{outline-color:var(--green)}
body.hub #course{background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:var(--radius-lg,10px);margin:0 0 26px}
body.hub #course .ctitle{color:var(--navy);font-family:var(--fh);font-size:15px;letter-spacing:.1em}
body.hub #course .cnum{color:var(--ink)}
body.hub #course .cbarwrap,body.hub .cprog .pbar{background:#e9edf2}
body.hub #course .cbar,body.hub .cprog .pfill{background:var(--green)}
body.hub #course.beat{border-top-color:var(--green)}
body.hub #course .btn{background:var(--green);color:#fff;border-radius:var(--radius-md,6px);box-shadow:none;text-shadow:none;display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;margin:0;
  font-family:var(--fh);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.06em}
body.hub #course .btn:hover{background:var(--green-d);filter:none}
body.hub #course.beat .cbar,body.hub .cprog.full .pfill{background:var(--green)}   /* done: Tech Blue, not gold (yellow is for warnings) */
body.hub .cprog{color:var(--mut)}
body.hub .cprog b{color:var(--green)}
body.hub .cprog.full b{color:var(--green-d)}
body.hub .stagehd{margin:22px 0 -2px}
body.hub .stagehd .stt{color:var(--green);font-family:var(--fh);font-size:15px;letter-spacing:.12em;font-weight:700}
body.hub .stagehd .stb{color:var(--mut);font-size:14.5px}
body.hub .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg,10px);color:var(--ink);box-shadow:0 1px 2px rgba(11,31,51,.04)}
body.hub .card:hover{box-shadow:0 10px 26px rgba(11,31,51,.12);border-color:#c8d2dd}
body.hub .card h3{color:var(--ink);font-size:21px}
body.hub .card p{color:var(--mut);font-size:15px}
body.hub .card .stepno{color:var(--green);font-family:var(--fh);font-size:13px;letter-spacing:.12em}
body.hub .card .meta{color:var(--mut)}
body.hub .card.upnext{border-color:var(--green);box-shadow:0 0 0 2px var(--green),0 10px 26px rgba(11,31,51,.12)}
body.hub .card .btn{background:var(--green);color:#fff;border-radius:var(--radius-md,6px);box-shadow:none;text-shadow:none;align-self:flex-start;min-height:44px;padding:10px 18px;
  font-family:var(--fh);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.06em}
body.hub .card .btn:hover{background:var(--green-d);filter:none}
body.hub .card .btn.gold{background:var(--navy);color:#fff}
body.hub .card .btn.gold:hover{background:var(--navy2)}
body.hub .tag.free{background:var(--green)}
body.hub .tag.pro{background:var(--navy);color:#fff}
body.hub .tag.soon{background:#c9ced4;color:var(--ink)}
body.hub footer{background:var(--navy);box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax);color:var(--mut-dark);
  margin-top:40px;padding:28px 0;font-size:14px}
body.hub footer .foot-brand{display:inline-block;line-height:0;margin-bottom:12px}
body.hub footer .foot-brand img{display:block;width:120px;height:auto}
body.hub footer a{color:#fff;display:inline-flex;align-items:center;min-height:44px}
body.hub footer a:hover{color:var(--volt)}
body.hub footer .def{color:var(--mut-dark)!important}
body.hub input.field{border:1px solid #9AA6B2;background:#fff;color:var(--ink);border-radius:var(--radius-md,6px)}
body.hub #modal .btn{border-radius:var(--radius-md,6px);background:var(--green);color:#fff;box-shadow:none;font-family:var(--fh);text-transform:uppercase;letter-spacing:.06em}
body.hub #modal .btn:hover{background:var(--green-d);filter:none}
body.hub #modal .btn.gold{background:var(--navy);color:#fff}
body.hub #modal .btn.gray{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
@media (max-width:1100px){body.hub header .sub{display:none}}
@media (max-width:1000px){
  body.hub #hero > div{display:block}
  body.hub #hubvid{margin-top:14px}
  body.hub #cards{grid-template-columns:1fr}
}
@media (max-width:760px){
  body.hub #prolinks{display:none}
  body.hub #wrap{padding:0 16px}
  body.hub #hero{padding:28px 0 32px}
  body.hub #hero p{font-size:15px}
  body.hub header .gct-brand img{height:48px}
}