/*
 * Smart Start reference visual standard.
 * Inspired by the owner-approved design mockups: white surfaces, deep navy,
 * warm orange actions, compact cards, clear tables/forms, and strong mobile use.
 */
body.sshi-reference-design {
  --sshi-ref-navy: #072b62;
  --sshi-ref-navy-2: #0a3c78;
  --sshi-ref-blue: #155a9e;
  --sshi-ref-orange: #f26a16;
  --sshi-ref-orange-dark: #d94f00;
  --sshi-ref-green: #168b57;
  --sshi-ref-ink: #102a54;
  --sshi-ref-muted: #52647b;
  --sshi-ref-line: #dce5ef;
  --sshi-ref-pale: #f3f7fc;
  --sshi-ref-pale-blue: #eaf2fb;
  --sshi-ref-white: #fff;
  --ink: var(--sshi-ref-ink);
  --ink-soft: #1d3a66;
  --muted: var(--sshi-ref-muted);
  --blue: var(--sshi-ref-blue);
  --blue-deep: var(--sshi-ref-navy-2);
  --blue-dark: var(--sshi-ref-navy);
  --gold: var(--sshi-ref-orange);
  --gold-deep: var(--sshi-ref-orange-dark);
  --cream: #fff;
  --sand: var(--sshi-ref-pale);
  --sky: var(--sshi-ref-pale-blue);
  --sky-strong: #dfeefa;
  --line: rgba(16, 42, 84, .13);
  --line-strong: rgba(16, 42, 84, .24);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  background: #fff;
  color: var(--sshi-ref-ink);
  font-family: Manrope, Arial, sans-serif;
}
body.sshi-reference-design h1,
body.sshi-reference-design h2,
body.sshi-reference-design h3,
body.sshi-reference-design h4,
body.sshi-reference-design h5,
body.sshi-reference-design h6,
body.sshi-reference-design .brand-copy strong,
body.sshi-reference-design .primary-nav a,
body.sshi-reference-design .faq-item summary,
body.sshi-reference-design .not-found-code {
  font-family: Manrope, Arial, sans-serif;
  letter-spacing: -.025em;
}
body.sshi-reference-design h1 { font-size: clamp(2.5rem, 5.7vw, 5rem); line-height: 1.02; font-weight: 800; }
body.sshi-reference-design h2 { font-size: clamp(2rem, 4vw, 3.55rem); line-height: 1.08; font-weight: 800; }
body.sshi-reference-design h3 { font-weight: 800; }
body.sshi-reference-design .utility-bar { background: var(--sshi-ref-navy); border: 0; }
body.sshi-reference-design .utility-inner,
body.sshi-reference-design .utility-actions a { color: #fff; }
body.sshi-reference-design .utility-actions a:hover,
body.sshi-reference-design .utility-actions a:focus-visible { color: #ffd7bf; }
body.sshi-reference-design .site-header { background: rgba(255,255,255,.98); box-shadow: 0 4px 18px rgba(7,43,98,.08); }
body.sshi-reference-design .brand-mark { border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--sshi-ref-navy); }
body.sshi-reference-design .brand-copy strong { color: var(--sshi-ref-navy); font-size: 1.24rem; font-weight: 850; text-transform: uppercase; letter-spacing: .02em; }
body.sshi-reference-design .brand-copy span { color: var(--sshi-ref-muted); letter-spacing: .11em; }
body.sshi-reference-design .primary-nav a { color: var(--sshi-ref-navy); font-weight: 800; }
body.sshi-reference-design .primary-nav a::after { background: var(--sshi-ref-orange); }
body.sshi-reference-design .header-cta,
body.sshi-reference-design .button-primary,
body.sshi-reference-design .button-accent,
body.sshi-reference-design .search-submit { background: var(--sshi-ref-orange); color: #fff; border-radius: 7px; box-shadow: 0 9px 22px rgba(242,106,22,.22); }
body.sshi-reference-design .header-cta:hover,
body.sshi-reference-design .header-cta:focus-visible,
body.sshi-reference-design .button-primary:hover,
body.sshi-reference-design .button-primary:focus-visible { background: var(--sshi-ref-orange-dark); }
body.sshi-reference-design .button { border-radius: 7px; min-height: 50px; text-transform: uppercase; letter-spacing: .015em; }
body.sshi-reference-design .button-secondary { border-color: #9eb2ce; background: #fff; color: var(--sshi-ref-navy); box-shadow: none; }
body.sshi-reference-design .hero,
body.sshi-reference-design .page-hero { background: linear-gradient(90deg,#fff 0%,#f9fbfe 49%,#eaf2fb 100%); }
body.sshi-reference-design .hero-image-frame { border-radius: 14px; border-width: 5px; }
body.sshi-reference-design .hero-float-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 .policy-card,
body.sshi-reference-design .detail-card,
body.sshi-reference-design .inspection-form,
body.sshi-reference-design .contact-panel,
body.sshi-reference-design .post-card { border-radius: 10px; box-shadow: 0 7px 20px rgba(7,43,98,.07); }
body.sshi-reference-design .section-tint,
body.sshi-reference-design .page-section-tint { background: var(--sshi-ref-pale); }
body.sshi-reference-design .flagship-card,
body.sshi-reference-design .final-cta-card,
body.sshi-reference-design .owner-panel { background: linear-gradient(135deg,var(--sshi-ref-navy),#0b4585); border-radius: 12px; }
body.sshi-reference-design .price-chip,
body.sshi-reference-design .pillar-kicker { background: var(--sshi-ref-pale-blue); color: var(--sshi-ref-navy); }
body.sshi-reference-design .check-list li::before { background: #e5f5ed; color: var(--sshi-ref-green); }
body.sshi-reference-design .travel-table th { background: var(--sshi-ref-navy); color: #fff; }
body.sshi-reference-design .travel-table-wrap { border-radius: 8px; }
body.sshi-reference-design .site-footer { background: #f7f9fc; border-top: 1px solid var(--sshi-ref-line); }
body.sshi-reference-design .footer-column h2 { color: var(--sshi-ref-navy); }
body.sshi-reference-design input:focus,
body.sshi-reference-design select:focus,
body.sshi-reference-design textarea:focus { border-color: var(--sshi-ref-blue); box-shadow: 0 0 0 4px rgba(21,90,158,.1); }
body.sshi-reference-design .eyebrow::before { background: var(--sshi-ref-orange); }

.sshi-p8-page { background: #fff; color: var(--sshi-ref-ink); }
.sshi-p8-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.sshi-p8-hero { padding: clamp(58px,8vw,98px) 0; border-bottom: 1px solid var(--sshi-ref-line); background: radial-gradient(circle at 80% 10%,rgba(21,90,158,.12),transparent 32%),linear-gradient(90deg,#fff 0%,#f7faff 58%,#eaf2fb 100%); }
.sshi-p8-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr); gap:clamp(34px,7vw,86px); align-items:center; }
.sshi-p8-eyebrow,.sshi-p8-kicker { margin:0 0 14px; color:var(--sshi-ref-navy-2); font-size:.75rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.sshi-p8-eyebrow::after,.sshi-p8-kicker::after { display:block; width:38px; height:3px; margin-top:9px; background:var(--sshi-ref-orange); content:""; }
.sshi-p8-page h1 { max-width:14ch; margin:0; color:var(--sshi-ref-navy); font-size:clamp(2.8rem,6vw,5.4rem); line-height:1.01; font-weight:850; }
.sshi-p8-page h2 { color:var(--sshi-ref-navy); }
.sshi-p8-lede { max-width:760px; margin:22px 0 0; color:var(--sshi-ref-muted); font-size:clamp(1.02rem,1.6vw,1.2rem); line-height:1.8; }
.sshi-p8-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.sshi-p8-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 21px; border:1px solid transparent; border-radius:7px; font-size:.82rem; font-weight:850; text-align:center; text-transform:uppercase; transition:.18s ease; }
.sshi-p8-button:hover,.sshi-p8-button:focus-visible { transform:translateY(-2px); }
.sshi-p8-button-orange { background:var(--sshi-ref-orange); color:#fff; box-shadow:0 10px 24px rgba(242,106,22,.22); }
.sshi-p8-button-orange:hover,.sshi-p8-button-orange:focus-visible { background:var(--sshi-ref-orange-dark); }
.sshi-p8-button-outline { border-color:#9cb0cc; background:#fff; color:var(--sshi-ref-navy); }
.sshi-p8-button-light { background:#fff; color:var(--sshi-ref-navy); }
.sshi-p8-hero-card { padding:28px; border:1px solid #d4dfec; border-radius:10px; background:rgba(255,255,255,.96); box-shadow:0 18px 40px rgba(7,43,98,.13); }
.sshi-p8-icon { display:grid; place-items:center; width:48px; height:48px; border:1px solid #cfdbeb; border-radius:50%; background:#fff; color:var(--sshi-ref-navy); }
.sshi-p8-icon svg { width:25px; height:25px; }
.sshi-p8-hero-card h2 { margin:20px 0 0; font-size:1.45rem; }
.sshi-p8-hero-card ul,.sshi-p8-check-panel ul { margin:18px 0 0; padding:0; list-style:none; }
.sshi-p8-hero-card li,.sshi-p8-check-panel li { position:relative; padding:9px 0 9px 27px; border-bottom:1px solid #edf1f6; color:#334d70; font-size:.86rem; }
.sshi-p8-hero-card li::before,.sshi-p8-check-panel li::before { position:absolute; left:0; top:11px; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; background:#e7f6ee; color:var(--sshi-ref-green); content:"✓"; font-size:.66rem; font-weight:900; }
.sshi-p8-section { padding:clamp(66px,8vw,104px) 0; }
.sshi-p8-section-tint { border-top:1px solid var(--sshi-ref-line); border-bottom:1px solid var(--sshi-ref-line); background:var(--sshi-ref-pale); }
.sshi-p8-section-heading { max-width:900px; margin-bottom:34px; }
.sshi-p8-section-heading h2 { margin:0; font-size:clamp(2rem,4vw,3.4rem); }
.sshi-p8-section-heading > p:not(.sshi-p8-kicker) { margin-top:16px; color:var(--sshi-ref-muted); line-height:1.75; }
.sshi-p8-four-grid,.sshi-p8-card-grid,.sshi-p8-three-grid { display:grid; gap:16px; }
.sshi-p8-four-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sshi-p8-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sshi-p8-three-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sshi-p8-feature,.sshi-p8-card { padding:25px; border:1px solid var(--sshi-ref-line); border-radius:10px; background:#fff; box-shadow:0 6px 18px rgba(7,43,98,.055); }
.sshi-p8-feature h3,.sshi-p8-card h3 { margin:20px 0 0; color:var(--sshi-ref-navy); font-size:1.22rem; }
.sshi-p8-feature p,.sshi-p8-card p { margin:11px 0 0; color:var(--sshi-ref-muted); font-size:.88rem; line-height:1.7; }
.sshi-p8-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:clamp(36px,7vw,82px); align-items:start; }
.sshi-p8-split > div:first-child > p:not(.sshi-p8-kicker) { margin:18px 0 0; color:var(--sshi-ref-muted); line-height:1.8; }
.sshi-p8-check-panel { padding:28px; border:1px solid #d5e0ed; border-radius:10px; background:#fff; box-shadow:0 10px 25px rgba(7,43,98,.07); }
.sshi-p8-check-panel h3 { margin:0; color:var(--sshi-ref-navy); }
.sshi-p8-timeline { display:grid; gap:0; border-top:1px solid var(--sshi-ref-line); }
.sshi-p8-timeline-item { display:grid; grid-template-columns:70px 1fr; gap:22px; padding:25px 4px; border-bottom:1px solid var(--sshi-ref-line); }
.sshi-p8-timeline-item > span { display:grid; place-items:center; width:48px; height:48px; border:2px solid var(--sshi-ref-navy); border-radius:50%; color:var(--sshi-ref-navy); font-weight:850; }
.sshi-p8-timeline-item h3 { margin:0; color:var(--sshi-ref-navy); }
.sshi-p8-timeline-item p { margin:7px 0 0; color:var(--sshi-ref-muted); line-height:1.65; }
.sshi-p8-form-layout { display:grid; grid-template-columns:minmax(280px,.65fr) minmax(0,1fr); gap:clamp(36px,7vw,88px); align-items:start; }
.sshi-p8-form-layout > div:first-child > p:not(.sshi-p8-kicker) { color:var(--sshi-ref-muted); line-height:1.8; }
.sshi-p8-contact-box { display:grid; gap:7px; margin-top:24px; padding:20px; border-left:4px solid var(--sshi-ref-orange); background:var(--sshi-ref-pale); }
.sshi-p8-contact-box a { color:var(--sshi-ref-navy); font-weight:800; }
.sshi-p8-form { display:grid; gap:18px; padding:30px; border:1px solid var(--sshi-ref-line); border-radius:10px; background:#fff; box-shadow:0 10px 28px rgba(7,43,98,.08); }
.sshi-p8-form label:not(.sshi-p8-choice):not(.sshi-p8-consent) { display:grid; gap:7px; }
.sshi-p8-form label > span,.sshi-p8-form legend { color:var(--sshi-ref-navy); font-size:.8rem; font-weight:850; }
.sshi-p8-form input[type="email"] { width:100%; min-height:50px; padding:11px 13px; border:1px solid #aebed1; border-radius:7px; }
.sshi-p8-form fieldset { display:grid; gap:10px; padding:0; border:0; }
.sshi-p8-form legend { margin-bottom:3px; }
.sshi-p8-choice { display:grid; grid-template-columns:20px 1fr; gap:11px; padding:14px; border:1px solid var(--sshi-ref-line); border-radius:8px; cursor:pointer; }
.sshi-p8-choice.is-selected { border-color:var(--sshi-ref-blue); background:#f2f7fd; }
.sshi-p8-choice input { margin-top:3px; }
.sshi-p8-choice strong,.sshi-p8-choice small { display:block; }
.sshi-p8-choice small { margin-top:4px; color:var(--sshi-ref-muted); line-height:1.5; }
.sshi-p8-consent { display:grid; grid-template-columns:20px 1fr; gap:10px; align-items:start; color:var(--sshi-ref-muted); font-size:.76rem; line-height:1.55; }
.sshi-p8-form-note { color:var(--sshi-ref-muted); font-size:.74rem; line-height:1.55; }
.sshi-p8-honeypot { position:absolute!important; left:-9999px!important; }
.sshi-p8-alert { padding:14px 16px; margin-bottom:14px; border-radius:8px; font-size:.84rem; font-weight:750; }
.sshi-p8-alert-success { border:1px solid #a7d8bd; background:#edf9f2; color:#17613d; }
.sshi-p8-alert-error { border:1px solid #e4b3b3; background:#fff1f1; color:#8a2e2e; }
.sshi-p8-process-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.sshi-p8-process-grid article { padding:24px; border:1px solid var(--sshi-ref-line); border-top:4px solid var(--sshi-ref-navy); border-radius:8px; background:#fff; }
.sshi-p8-process-grid span { color:var(--sshi-ref-orange); font-size:1.45rem; font-weight:850; }
.sshi-p8-process-grid h3 { margin:30px 0 0; color:var(--sshi-ref-navy); font-size:1.1rem; }
.sshi-p8-process-grid p { margin:10px 0 0; color:var(--sshi-ref-muted); font-size:.82rem; line-height:1.6; }
.sshi-p8-cta { padding:24px 0 72px; }
.sshi-p8-cta-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center; padding:32px 38px; border-radius:10px; background:linear-gradient(90deg,var(--sshi-ref-navy),#0b4789); color:#fff; }
.sshi-p8-cta h2 { margin:0; color:#fff; font-size:clamp(1.6rem,3vw,2.5rem); }
.sshi-p8-cta .sshi-p8-kicker { color:#dcecff; }
.sshi-p8-cta .sshi-p8-kicker::after { background:var(--sshi-ref-orange); }
.sshi-p8-cta .sshi-p8-actions { margin:0; }
@media (max-width:1080px) {
  .sshi-p8-four-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sshi-p8-card-grid,.sshi-p8-three-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sshi-p8-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  body.sshi-reference-design .brand-copy span { display:block; }
  .sshi-p8-hero-grid,.sshi-p8-split,.sshi-p8-form-layout,.sshi-p8-cta-inner { grid-template-columns:1fr; }
  .sshi-p8-cta .sshi-p8-actions { align-items:stretch; flex-direction:column; }
}
@media (max-width:640px) {
  .sshi-p8-shell { width:min(100% - 24px,600px); }
  .sshi-p8-four-grid,.sshi-p8-card-grid,.sshi-p8-three-grid,.sshi-p8-process-grid { grid-template-columns:1fr; }
  .sshi-p8-actions { align-items:stretch; flex-direction:column; }
  .sshi-p8-button { width:100%; }
  .sshi-p8-form { padding:22px; }
  .sshi-p8-timeline-item { grid-template-columns:52px 1fr; gap:14px; }
  .sshi-p8-timeline-item > span { width:42px; height:42px; }
  .sshi-p8-cta-inner { padding:28px 22px; }
}