:root{--cgb-text:#edf5ff;--cgb-muted:#b8c9db;--cgb-action:#6ce7f2;--cgb-surface:#101b2d;--cgb-border:#345169;--cgb-radius-card:20px;--cgb-radius-control:10px;--cgb-card-title:20px;--cgb-text-size:16px;--cgb-leading:1.6;--cgb-control-height:46px;--cgb-space-1:8px;--cgb-space-2:16px;--cgb-space-3:24px;--cgb-space-4:32px;--cgb-space-6:48px;--cgb-space-8:64px}
main .page-hero h1,main #cgbx-v2-title,main .affiliate-hero h1,main .affiliate-public-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.1;letter-spacing:-.035em}
main .home-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.05}
main .section-head h2,main .membership-section-heading h2,main .cgbx-v2 h2{font-size:clamp(28px,3vw,40px);line-height:1.2}
main .card h3,main .membership-plan h3,main .cgbx-v2__use-card h3,main .affiliate-product-card h3{font-size:var(--cgb-card-title);line-height:1.3}
main .card,main .membership-plan,main .cgbx-v2__use-card,main .cgbx-v2__pass-grid>div{border-radius:var(--cgb-radius-card)}
main .card p,main .membership-description,main .membership-benefits,main .cgbx-v2__use-card p,main .affiliate-hero p{font-size:var(--cgb-text-size);line-height:var(--cgb-leading)}
main .button,main .membership-button,main .cgbx-v2__button{min-height:var(--cgb-control-height);border-radius:var(--cgb-radius-control);line-height:1.4;white-space:normal;max-width:100%}
.site-header select,.site-header .small-cta,.site-header summary{min-height:44px}
.site-header :focus-visible,main :focus-visible{outline:3px solid #87e6f3;outline-offset:3px}
.cgbx-v2__hero{padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.cgbx-v2__hero .cgbx-v2__hero-logo{border:0!important;border-radius:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.membership-actions+.membership-terms{margin-top:14px}
main .partners-commercial .affiliate-public-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.1;letter-spacing:-.035em}
main .commercial-pricing-shell .membership-plans .membership-plan{border-radius:var(--cgb-radius-card)}
@media(max-width:600px){main .card,main .cgbx-v2__use-card{padding:20px}main .home-hero h1{font-size:42px}.cgb-help-launcher{min-height:52px}}

main .membership-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.1}main .cgbx-v2__pass-grid{align-items:start}main .cgbx-v2__pass-grid>.membership-plan{padding:24px;min-width:0}main .pricing-grid>.membership-plan{display:flex;flex-direction:column}main .pricing-grid .membership-benefits{flex:1}main .pricing-grid .membership-price strong{font-size:42px}main .membership-plan summary{overflow-wrap:anywhere}main .membership-plan .membership-service-group li{display:grid;gap:4px;font-size:14px}main .membership-plan .membership-all-services{margin-top:16px}main .membership-plan .membership-actions{margin-top:24px}main .membership-plan .membership-nautworld{font-size:14px;color:#b8c9db}

/* Shared public preferences: keep Blog, Pricing and Partners on one control system. */
.site-header .preference-controls{display:flex;align-items:flex-end;gap:8px}
.site-header .preference-controls label{display:grid;min-width:0;gap:2px;color:#a9bdd2;font:600 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.02em}
.site-header .preference-controls select{box-sizing:border-box;width:auto;max-width:128px;height:34px;min-height:34px;padding:4px 24px 4px 7px;border:1px solid #34445a;border-radius:4px;background:#0d1521;color:#eef5ff;font:600 11.2px/1.2 Arial,Helvetica,sans-serif}
.site-header .preference-controls select:hover{border-color:#56708e}

/* Targeted card rhythm: equal desktop heights, aligned CTA row, natural mobile height. */
main .commercial-pricing-shell .membership-plans{align-items:stretch}
main .commercial-pricing-shell .membership-plans>.membership-plan{height:100%}
main .commercial-pricing-shell .membership-plan>.membership-benefits{flex:none;min-height:0;margin-bottom:8px}
main .commercial-pricing-shell .membership-plan>.membership-nautworld{margin:0 0 8px}
main .commercial-pricing-shell .membership-plan>.membership-all-services{margin:4px 0 0}
main .commercial-pricing-shell .membership-plan>.membership-terms,
main .commercial-pricing-shell .membership-plan>.membership-payment-method-note{order:20;min-height:0;margin:8px 0 0}
main .commercial-pricing-shell .membership-plan>.membership-actions{order:30;margin-top:auto;padding-top:12px}

/* Partners hero content sits directly on the shared black page background. */
main .partners-commercial .affiliate-public-hero{margin:8px 0 24px;padding:32px 0;border:0;border-radius:0;background:none;box-shadow:none}

@media(max-width:800px){
  .site-header .header-actions .preference-controls.compact{gap:4px}
  .site-header .header-actions .preference-controls.compact label>span{display:none}
  .site-header .header-actions .preference-controls.compact select{width:96px;max-width:96px;height:40px;min-height:40px;padding:6px 22px 6px 7px;font-size:12px}
  .site-header .header-actions .preference-controls.compact label:last-child select{width:68px;max-width:68px}
  .site-header .mobile-menu .preference-controls{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;padding-top:16px}
  .site-header .mobile-menu .preference-controls label{gap:6px;font-size:12px}
  .site-header .mobile-menu .preference-controls select{width:100%;max-width:none;height:44px;min-height:44px;padding:8px 28px 8px 10px;font-size:14px}
  main .commercial-pricing-shell .membership-plans>.membership-plan{height:auto}
  main .commercial-pricing-shell .membership-plan>.membership-actions{margin-top:12px}
  main .partners-commercial .affiliate-public-hero{gap:24px;margin-top:0;padding:24px 0}
}

@media(max-width:380px){
  .site-header .header-actions .preference-controls.compact select{
    width:72px;
    max-width:72px;
  }

  .site-header .header-actions .preference-controls.compact label:last-child select{
    width:56px;
    max-width:56px;
  }
}