/* Sauga Sites: navy, blue and cyan from Wayne's approved logo. */
:root {
  --cream:var(--brand-background); --paper:var(--brand-paper);
  --ink:var(--brand-ink); --body:var(--brand-body);
  --green:var(--brand-navy); --deep:var(--brand-navy);
  --terra:var(--brand-accentText); --peach:var(--brand-lightCyan);
  --sage:var(--brand-lightBlue); --line:var(--brand-line);
}
::selection { background:var(--brand-lightCyan); color:var(--brand-navy); }
html { scroll-padding-top:140px; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline-color:var(--brand-blue); }
.review-bar { background:var(--brand-lightBlue); color:var(--brand-navy); }
.status-dot { background:var(--brand-blue); }
.site-header { background:rgba(245,249,255,.97); border-color:var(--brand-line); }
.header-inner { min-height:116px; }
.wordmark,.footer-wordmark { display:inline-flex; flex-shrink:0; }
.brand-lockup { display:block; position:relative; width:184px; aspect-ratio:1166 / 616; overflow:hidden; }
.brand-lockup img { position:absolute; width:107.55%; max-width:none; height:auto; left:-3.52%; top:-52.76%; }
.footer-wordmark .brand-lockup { width:210px; }
.button { background:var(--brand-navy); border-color:var(--brand-navy); color:#fff; }
.button:hover { background:#004aaf; border-color:#004aaf; }
.button.outline { background:transparent; color:var(--brand-navy); border-color:#9ebde0; }
.button.outline:hover { background:var(--brand-lightBlue); }
.menu-toggle { border-color:var(--brand-line); }
.hero-orbit { background:linear-gradient(135deg,var(--brand-lightBlue),var(--brand-lightCyan)); }
.hero-note,.hero-footnote,.audience-strip span,.audience-strip p,.section-note,
.package-eyebrow,.currency,.pricing-note p,.timeline-note,.footer-bottom,
.form-help,.field-hint,.field label>.optional,.breadcrumb,.check-number { color:#536987; }
.hero-note em { color:var(--brand-navy); }
.hero-footnote span,.tiny-spark,.deliverable-icon,.audience-strip i { color:var(--brand-accentText); }
.concept-caption,.caption-detail,.concept-label { color:#4c6280; }
.concept-dot { background:var(--brand-blue); }
.examples-section { background:#ebf3fd; }
.example-card { border-color:var(--brand-line); }
.round-link { border-color:#b8cce3; }
.package { background:var(--brand-paper); border-color:#bed2e9; }
.package.featured { background:#eaf3ff; border-color:var(--brand-blue); }
.package.featured .package-eyebrow { color:var(--brand-accentText); }
.check-list,.package:last-child .check-list { border-color:var(--brand-line); }
.check-list li { color:var(--brand-body); }
.check-list li:before { color:var(--brand-accentText); }
.pricing-note>span { color:#536987; }
.process-section { background:#eaf3ff; border-color:var(--brand-line); }
.step-number,.faq-item,.faq-item:first-child { border-color:var(--brand-line); }
.about-section { background:var(--brand-navy); color:#fff; }
.about-section .eyebrow { color:#a8d9fc; }
.about-section em { color:#65dafa; }
.about-copy h3 { color:#fff; }
.about-copy h3>span { color:#b9d5f3; }
.about-copy p,.text-link.light { color:#d6e8fa; }
.owner-mark { color:#fff; background:#124681; border-color:#4b79b1; }
.owner-mark span { color:#65dafa; }
.closing-cta { background:linear-gradient(115deg,var(--brand-lightBlue),var(--brand-lightCyan)); border-color:#c3e0f1; }
.closing-spark { color:#b8e8f7; }
.site-footer { background:var(--brand-paper); }
.notice { background:#eaf4ff; border-color:#bdd7ef; border-left-color:var(--brand-blue); }
.field label { color:var(--brand-navy); }
.field input,.field textarea,.field select { background:#fff; color:var(--brand-ink); border-color:#a7bed8; }
.field input::placeholder,.field textarea::placeholder { color:#62758f; }
.review-state span:not(.status-dot) { border-color:#afc7e0; }

/* Each fictional client example keeps its own art direction. */
.concept-page,.browser-window,.mobile-preview {
  --cream:#f8f5ed; --paper:#fffcf6; --ink:#233f35; --body:#4e5b52;
  --green:#254f3f; --deep:#1f4437; --terra:#a54f35;
  --peach:#efd9c8; --sage:#e6e9dc; --line:#d8d9cc;
}
.concept-review-top { background:var(--brand-lightBlue); color:var(--brand-navy); border-color:var(--brand-line); }
@media (max-width:900px) {
  #main-nav { background:var(--brand-background); border-color:var(--brand-line); }
}
@media (max-width:600px) {
  html { scroll-padding-top:112px; }
  .header-inner { min-height:94px; }
  .wordmark .brand-lockup { width:146px; }
  .footer-wordmark .brand-lockup { width:190px; }
}

.quote-price { font-size:clamp(25px,2.2vw,32px); line-height:1.2; font-weight:600; }
.email-enquiry > p { margin-block:22px; }
.email-address { overflow-wrap:anywhere; }
.email-enquiry { min-width:0; }
#selected-package { padding:12px 16px; border-left:3px solid var(--brand-blue); background:var(--brand-lightBlue); font-weight:600; }
#copy-status:empty { display:none; }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; animation:none!important; }
}