/* Smart Start Phase 8 owner-approved reference design refinements. */
body.sshi-reference-design {
  --sshi-reference-shell: min(1280px, calc(100vw - 44px));
}
body.sshi-reference-design .shell { width: var(--sshi-reference-shell); }
body.sshi-reference-design .site-header { border-bottom: 1px solid #dce5ef; }
body.sshi-reference-design .utility-inner { min-height: 34px; font-size: .71rem; }
body.sshi-reference-design .utility-location { display:flex; align-items:center; gap:9px; color:#fff; font-weight:750; }
body.sshi-reference-design .utility-actions { gap:16px; }
body.sshi-reference-design .utility-actions a { font-weight:750; }
body.sshi-reference-design .utility-partners { padding-left:16px; border-left:1px solid rgba(255,255,255,.28); }
body.sshi-reference-design .header-main { min-height:82px; gap:18px; }
body.sshi-reference-design .brand { gap:10px; }
body.sshi-reference-design .brand-mark { width:48px; height:48px; }
body.sshi-reference-design .brand-mark svg { width:37px; height:37px; stroke-width:2.3; }
body.sshi-reference-design .brand-copy { min-width:138px; }
body.sshi-reference-design .brand-copy strong { font-size:1.18rem; line-height:1; }
body.sshi-reference-design .brand-copy span { margin-top:3px; font-size:.58rem; }
body.sshi-reference-design .header-navigation { gap:15px; }
body.sshi-reference-design .primary-nav { gap:clamp(9px,1.1vw,17px); }
body.sshi-reference-design .primary-nav a { font-size:.76rem; letter-spacing:-.01em; }
body.sshi-reference-design .header-cta { min-height:44px; padding:0 16px; font-size:.75rem; text-transform:uppercase; }
body.sshi-reference-design .hero { padding-top:clamp(58px,7vw,92px); padding-bottom:70px; }
body.sshi-reference-design .hero-layout { gap:clamp(38px,5vw,70px); }
body.sshi-reference-design .hero-image-frame { min-height:540px; box-shadow:0 22px 52px rgba(7,43,98,.16); }
body.sshi-reference-design .hero-image { height:540px; }
body.sshi-reference-design .page-hero { padding-top:clamp(58px,7vw,96px); padding-bottom:65px; }
body.sshi-reference-design .signal-grid span { min-height:62px; font-size:.68rem; }
body.sshi-reference-design .section { padding:clamp(70px,7vw,105px) 0; }
body.sshi-reference-design .pillar-card,
body.sshi-reference-design .service-tile,
body.sshi-reference-design .page-card,
body.sshi-reference-design .audience-card,
body.sshi-reference-design .price-card,
body.sshi-reference-design .process-card,
body.sshi-reference-design .documentation-card,
body.sshi-reference-design .detail-card,
body.sshi-reference-design .policy-card {
  border-color:#dce5ef;
  box-shadow:0 6px 18px rgba(7,43,98,.055);
}
body.sshi-reference-design .service-tile,
body.sshi-reference-design .page-card { min-height:310px; }
body.sshi-reference-design .owner-panel {
  border:1px solid #d6e1ee;
  background:linear-gradient(135deg,#edf4fb,#fff);
  color:#102a54;
  box-shadow:0 12px 34px rgba(7,43,98,.08);
}
body.sshi-reference-design .owner-panel::after { border-color:rgba(21,90,158,.12); box-shadow:0 0 0 48px rgba(21,90,158,.025),0 0 0 98px rgba(21,90,158,.018); }
body.sshi-reference-design .owner-panel h2 { color:#072b62; }
body.sshi-reference-design .owner-panel .large-copy { color:#52647b; }
body.sshi-reference-design .owner-panel .button-light { border-color:#f26a16; background:#f26a16; color:#fff; }
body.sshi-reference-design .flagship-card {
  border:1px solid #d5e1ee;
  background:linear-gradient(135deg,#eef5fc,#fff);
  color:#102a54;
  box-shadow:0 13px 36px rgba(7,43,98,.09);
}
body.sshi-reference-design .flagship-card::after { border-color:rgba(21,90,158,.12); box-shadow:0 0 0 55px rgba(21,90,158,.02),0 0 0 115px rgba(21,90,158,.012); }
body.sshi-reference-design .flagship-copy h2 { color:#072b62; }
body.sshi-reference-design .flagship-copy > p:not(.eyebrow) { color:#52647b; }
body.sshi-reference-design .check-list-light li { color:#1d3a66; }
body.sshi-reference-design .check-list-light li::before { background:#e5f5ed; color:#168b57; }
body.sshi-reference-design .flagship-offer { border-color:#0a3c78; background:#072b62; }
body.sshi-reference-design .flagship-offer > span,
body.sshi-reference-design .flagship-offer > p { color:rgba(255,255,255,.76); }
body.sshi-reference-design .final-cta-card { border-radius:10px; background:linear-gradient(90deg,#072b62,#0a4687); }
body.sshi-reference-design .travel-table th { font-size:.68rem; }
body.sshi-reference-design .travel-table td { padding:15px 18px; }
body.sshi-reference-design .inspection-form,
body.sshi-reference-design .contact-panel { border-radius:10px; }
body.sshi-reference-design .site-footer { margin-top:58px; background:#fff; }
body.sshi-reference-design .phase1-site-directory { display:none!important; }
body.sshi-reference-design .footer-top-reference {
  grid-template-columns:minmax(240px,1.25fr) repeat(4,minmax(125px,.72fr));
  gap:clamp(22px,3vw,44px);
  padding:55px 0 42px;
}
body.sshi-reference-design .footer-brand > p { max-width:360px; margin-top:18px; font-size:.79rem; line-height:1.7; }
body.sshi-reference-design .footer-button { min-height:44px; margin-top:18px; padding:0 16px; font-size:.72rem; }
body.sshi-reference-design .footer-column h2 { margin-bottom:17px; font-size:.69rem; }
body.sshi-reference-design .footer-column nav { gap:9px; }
body.sshi-reference-design .footer-column nav a,
body.sshi-reference-design .footer-column p,
body.sshi-reference-design .footer-contact-reference a,
body.sshi-reference-design .footer-contact-reference span { color:#52647b; font-size:.72rem; line-height:1.55; }
body.sshi-reference-design .footer-contact-reference { margin-top:0; }
body.sshi-reference-design .footer-contact-reference span { display:block; }
body.sshi-reference-design .footer-relationship-links { margin-top:17px; padding-top:15px; border-top:1px solid #dce5ef; }
body.sshi-reference-design .footer-bottom { padding:17px 0; font-size:.64rem; }
body.sshi-reference-design .sshi-p8-cta { padding-bottom:42px; }
body.sshi-reference-design .sshi-p8-cta-inner { background:linear-gradient(90deg,#072b62,#0a4687); }
@media (max-width:1220px) {
  body.sshi-reference-design .utility-email { display:none; }
  body.sshi-reference-design .primary-nav { gap:10px; }
  body.sshi-reference-design .primary-nav a { font-size:.71rem; }
  body.sshi-reference-design .footer-top-reference { grid-template-columns:minmax(240px,1.2fr) repeat(2,minmax(160px,.8fr)); }
  body.sshi-reference-design .footer-contact-column { grid-column:2 / -1; }
}
@media (max-width:1040px) {
  body.sshi-reference-design .utility-partners { display:none; }
}
@media (max-width:980px) {
  body.sshi-reference-design .header-main { min-height:72px; }
  body.sshi-reference-design .primary-nav a { font-size:1.34rem; }
  body.sshi-reference-design .header-navigation { top:calc(34px + var(--header-height)); }
  body.sshi-reference-design .footer-top-reference { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.sshi-reference-design .footer-brand { grid-column:1 / -1; }
  body.sshi-reference-design .footer-contact-column { grid-column:auto; }
}
@media (max-width:720px) {
  body.sshi-reference-design { --sshi-reference-shell:min(100% - 24px,680px); }
  body.sshi-reference-design .utility-location span,
  body.sshi-reference-design .utility-location span + * { display:none; }
  body.sshi-reference-design .utility-location { max-width:55vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  body.sshi-reference-design .utility-actions { margin-left:auto; }
  body.sshi-reference-design .hero-image-frame,
  body.sshi-reference-design .hero-image { min-height:410px; height:410px; }
  body.sshi-reference-design .footer-top-reference { grid-template-columns:1fr; padding-top:46px; }
  body.sshi-reference-design .footer-brand { grid-column:auto; }
  body.sshi-reference-design .footer-bottom { gap:14px; }
}
@media (max-width:480px) {
  body.sshi-reference-design .utility-location { display:none; }
  body.sshi-reference-design .utility-inner { justify-content:flex-end; }
}