/* One centered content rail for every page and shared website element. */
:root{--content-width:1200px;--page-gutter:clamp(16px,3vw,40px)}
.container,
.site-header .nav-wrap{width:min(var(--content-width),calc(100% - var(--page-gutter)*2));max-width:var(--content-width);margin-inline:auto;min-width:0}
.site-header .nav-wrap{padding:12px 0}
.site-header #navigation{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:8px!important}
.site-header #navigation>a,
.site-header #navigation>.brand{width:100%!important;min-width:0!important;grid-column:auto!important;justify-self:stretch!important;padding:10px 7px!important}
.site-header #navigation .lg-brand-tab-label{width:auto!important;flex:0 1 auto;min-width:0}
.site-header #navigation>a.social-nav{gap:7px!important}
.site-header #navigation>a.social-nav>.facebook-brand-logo{width:22px!important;height:22px!important;flex:0 0 22px}

/* The tour card previously reset the container's automatic side margins. */
.lg-tour-entry.container{margin:0 auto 20px;justify-content:center;gap:24px;text-align:center}
.lg-tour-entry-copy{flex:0 1 620px}
.hero-promo video,.gallery-cover{width:100%;max-width:none}
.site-tab-page .hero{grid-template-columns:minmax(0,520px) minmax(0,240px);justify-content:center;gap:clamp(24px,5vw,72px);text-align:center}
.hero-copy{display:block;min-width:0}
.hero h1{font-size:clamp(25px,3.5vw,46px)}
.hero-copy .light-rule{width:100%;margin:18px auto 0;background:linear-gradient(90deg,transparent,var(--turquoise),transparent)}
.site-tab-page .hero-art{max-width:240px;margin:0;justify-self:center}
.brand-gallery{text-align:center}
.brand-gallery .eyebrow{justify-content:center}
.brand-gallery h2,.gallery-note{margin-inline:auto}
.gallery-note{margin-block:18px 26px}

/* Center section introductions while keeping data, instructions and lists readable. */
.section-intro{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.section-intro>p{width:100%;max-width:680px;margin:0;font-size:14px}
.section-intro .eyebrow,.process-title .eyebrow{justify-content:center}
.membership-section .section-intro h2{justify-content:center}
.platform-cards,.plans,.access-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.feature-card{display:flex;flex-direction:column;min-width:0}
.card-heading{justify-content:center;white-space:normal;text-align:center;min-height:68px}
.card-arrow{margin-left:0}
.card-copy{text-align:center;margin-top:auto}
.workspace-body,.workspace-sidebar,.plan,.access-card{min-width:0}
.process-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px)}
.process-title{text-align:center}
.process-title>p:not(.eyebrow){max-width:430px;margin:14px auto 0;color:var(--muted);font-size:14px}
.robot-visual{margin:26px auto 0}
.plan-label,.plan h3,.price,.plan-copy,.access-platform,.access-card h3,.access-card>p{text-align:center}
.plan h3{min-height:52px;display:flex;align-items:center;justify-content:center}
.plan-copy{min-height:64px}
.price{min-height:48px}
.plan .button,.access-card>.button{width:100%;align-self:stretch}
.access-card h3{min-height:48px;display:flex;align-items:center;justify-content:center}
.access-card>p:first-of-type{min-height:72px}
.access-plan-link{align-self:center}
.plan-note{text-align:center}
.site-tab-page[data-site-page="help"]>.container:first-child{text-align:center}
.faq-section{grid-template-columns:minmax(0,1fr);gap:30px}
.faq-section>div:first-child{text-align:center}
.faq-section .eyebrow{justify-content:center}
.faq-items{width:100%;max-width:900px;margin-inline:auto}
.social-section{flex-direction:column;justify-content:center;text-align:center;gap:22px}
.social-section .eyebrow{justify-content:center}
.social-link{justify-content:center;max-width:100%;align-self:center}
.closing{display:flex;justify-content:center;text-align:center;gap:22px}
.closing .eyebrow{justify-content:center}
.footer-top{flex-direction:column;align-items:center;gap:25px;text-align:center}
.footer-top nav{align-items:center;justify-content:center;gap:16px 26px}
.footer-facebook{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.footer-facebook .facebook-brand-logo{width:20px;height:20px}
footer>p{margin:26px auto 0;text-align:center}
.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.footer-bottom>span:nth-child(2){text-align:center}
.footer-bottom>a{justify-self:end;margin:0}

@media(max-width:1100px){
  .site-header .nav-wrap{width:min(var(--content-width),calc(100% - var(--page-gutter)*2))!important;max-width:var(--content-width)!important;padding:10px 0!important}
  .site-header #navigation{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  .site-header #navigation>a,.site-header #navigation>.brand{grid-column:span 2!important;padding:9px 5px!important;gap:6px!important;font-size:12px!important}
  .site-header #navigation>a:nth-child(5){grid-column:2/span 2!important}
  .site-header #navigation>a:nth-child(6){grid-column:4/span 2!important}
  .site-header #navigation>a:nth-child(7){grid-column:6/span 2!important}
  .site-header #navigation .lg-brand-tab-label{font-size:inherit!important}
}
@media(max-width:800px){
  .platform-cards,.plans,.access-grid{gap:16px}
  .site-header #navigation>a,.site-header #navigation>.brand{font-size:11px!important}
  .lg-tour-entry.container{gap:18px}
  .lg-tour-entry>img{width:160px;flex-basis:160px}
  .price{min-height:70px}
  .access-card h3{min-height:56px}
  .access-card>p:first-of-type{min-height:90px}
  .footer-bottom{grid-template-columns:1fr;text-align:center;gap:12px}
  .footer-bottom>span:nth-child(2){order:0;width:auto}
  .footer-bottom>a{justify-self:center;margin:0}
}
@media(max-width:600px){
  .site-header #navigation{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .site-header #navigation>a,.site-header #navigation>.brand,.site-header #navigation>a:nth-child(5),.site-header #navigation>a:nth-child(6){grid-column:auto!important;font-size:11px!important;padding:9px 6px!important;min-height:50px!important}
  .site-header #navigation>a:nth-child(7){grid-column:1/-1!important}
  .site-header #navigation>a.social-nav{gap:6px!important}
  .site-header #navigation>a.social-nav>.facebook-brand-logo{width:22px!important;height:22px!important;flex-basis:22px}
  .lg-tour-entry.container{flex-direction:column;align-items:center;gap:16px;padding:18px!important}
  .lg-tour-entry>img{width:200px;height:112px;flex-basis:auto;object-position:center}
  .lg-tour-entry-copy{flex:auto;width:100%}
  .lg-tour-entry a{justify-content:center;max-width:100%}
  .site-tab-page .hero{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:24px;text-align:center}
  .hero h1{grid-column:auto;grid-row:auto;font-size:clamp(26px,7vw,38px);line-height:1.4}
  .site-tab-page .hero-art{grid-column:auto;grid-row:auto;max-width:170px}
  .site-tab-page .hero-coin{max-width:170px}
  .hero-copy .light-rule{max-width:320px;margin:18px auto 0}
  .platform-cards,.plans,.access-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .section-intro>p{font-size:13px}
  .process-section{grid-template-columns:minmax(0,1fr);gap:32px}
  .card-heading{min-height:60px}
  .plan h3,.plan-copy,.price,.access-card h3,.access-card>p:first-of-type{min-height:0}
  .plan h3,.access-card h3{font-size:16px}
  .plan-copy{padding-bottom:20px}
  .price{margin-block:18px}
  .social-section{padding:24px 18px;align-items:center}
  .social-link{gap:10px;padding:14px 12px}
  .social-link>span:last-child{margin-left:0}
  .closing{flex-direction:column;padding:24px 18px;gap:16px}
  .closing>img{width:64px;height:64px}
  .closing h2{font-size:17px}
  .closing .eyebrow{font-size:8px}
  .footer-top{align-items:center}
  .footer-top nav{justify-content:center;gap:16px 22px}
}