:root {
    --primary: #0B3D6B;
    --primary-700: #082C4E;
    --primary-50: #EAF1F8;
    --primary-ink: #ffffff;        /* readable text on --primary, set by JS */
    --accent: #10B981;
    --accent-soft: #D1FAE5;
    --accent-ink: #ffffff;         /* readable text on --accent */
    --hero-accent: #C2410C;
    --eyebrow: #047857;            /* eyebrow color — independent of --accent */
    --tag-blog-bg: #D1FAE5;
    --tag-blog-fg: #065F46;
    --whatsapp: #128C7E;           /* WhatsApp Business green — passes contrast on white text */
    --whatsapp-hover: #0F7368;
    --bg: #FBFAF7;
    --surface: #FFFFFF;
    --ink: #0E1726;
    --ink-2: #34415A;
    --muted: #5B6577;              /* darkened from #6B7589 to pass 4.5:1 on --bg */
    --line: #E6E2D9;
    --warm: #F1ECE0;
    --ph-fg: #4A5266;              /* darker placeholder text for contrast on --warm */
    --radius: 14px;
    --radius-lg: 22px;
    --pad: 24px;
    --shadow-sm: 0 1px 2px rgba(14,23,38,.04), 0 1px 1px rgba(14,23,38,.03);
    --shadow-md: 0 6px 18px -8px rgba(14,23,38,.18), 0 2px 6px -3px rgba(14,23,38,.08);
    --shadow-lg: 0 30px 60px -25px rgba(14,23,38,.25), 0 10px 25px -10px rgba(14,23,38,.12);
    --serif: 'Fraunces', Georgia, serif;
    --sans: 'Inter', system-ui, -apple-system, sans-serif;
    --mono: 'JetBrains Mono', ui-monospace, monospace;
  }
  html[data-dark="true"] {
    --bg: #0B1220;
    --surface: #121A2B;
    --ink: #F4F5F8;
    --ink-2: #C7CEDB;
    --muted: #A6B0C4;              /* lifted for dark mode */
    --line: #233048;
    --warm: #1A2438;
    --primary-50: #142844;
    --hero-accent: #FBBF24;
    --eyebrow: #34D399;            /* light green for dark mode eyebrows */
    --tag-blog-bg: rgba(52, 211, 153, .15);
    --tag-blog-fg: #6EE7B7;
    --ph-fg: #B0B9CC;
    --shadow-md: 0 6px 18px -8px rgba(0,0,0,.5), 0 2px 6px -3px rgba(0,0,0,.4);
    --shadow-lg: 0 30px 60px -25px rgba(0,0,0,.6), 0 10px 25px -10px rgba(0,0,0,.4);
  }
  html[data-density="compact"] {
    --pad: 16px;
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
  }
  h1,h2,h3,h4 { font-family: var(--serif); font-weight: 500; letter-spacing: -0.015em; line-height: 1.08; margin: 0; color: var(--ink); }
  h1 { font-size: clamp(40px, 6.5vw, 88px); }
  h2 { font-size: clamp(30px, 3.6vw, 52px); }
  h3 { font-size: clamp(22px, 2vw, 30px); }
  p { margin: 0; color: var(--ink-2); }
  a { color: inherit; text-decoration: none; }
  button { font-family: var(--sans); cursor: pointer; border: none; }
  img { max-width: 100%; display: block; }

  .container { max-width: 1280px; margin: 0 auto; padding: 0 28px; }
  @media (max-width: 720px) { .container { padding: 0 18px; } }

  .eyebrow {
    font-family: var(--mono);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--eyebrow);
    font-weight: 600;
  }
  .badge {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12.5px;
    color: var(--ink-2);
    background: var(--surface);
    font-weight: 500;
  }
  .badge .dot { width: 7px; height: 7px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent) 25%, transparent); animation: pulse 2s ease-in-out infinite; }
  @keyframes pulse { 0%,100%{transform:scale(1);} 50%{transform:scale(1.2);} }

  .btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 14px 22px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 15px;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, filter .18s ease, border-color .18s ease;
    line-height: 1;
    white-space: nowrap;
    position: relative;
  }
  .btn-primary { background: var(--primary); color: var(--primary-ink); box-shadow: 0 4px 12px -4px color-mix(in oklab, var(--primary) 50%, transparent); }
  .btn-primary:hover { background: var(--primary-700); transform: translateY(-2px); box-shadow: 0 8px 20px -6px color-mix(in oklab, var(--primary) 60%, transparent); }
  .btn-primary:active { transform: translateY(0); }
  .btn-accent { background: var(--accent); color: var(--accent-ink); box-shadow: 0 4px 12px -4px color-mix(in oklab, var(--accent) 50%, transparent); }
  .btn-accent:hover { filter: brightness(1.05); transform: translateY(-2px); box-shadow: 0 8px 20px -6px color-mix(in oklab, var(--accent) 60%, transparent); }
  .btn-accent:active { transform: translateY(0); }
  .btn-ghost { background: transparent; color: var(--ink); border: 1px solid var(--line); }
  .btn-ghost:hover { border-color: var(--ink); background: color-mix(in oklab, var(--ink) 4%, transparent); transform: translateY(-1px); }
  .btn-whatsapp { background: var(--whatsapp); color: #fff; box-shadow: 0 4px 12px -4px color-mix(in oklab, var(--whatsapp) 50%, transparent); }
  .btn-whatsapp:hover { background: var(--whatsapp-hover); transform: translateY(-2px); box-shadow: 0 8px 20px -6px color-mix(in oklab, var(--whatsapp) 60%, transparent); }
  .btn-whatsapp:active { transform: translateY(0); }

  /* Subtle reveal on text links inside dark sections */
  a { transition: opacity .15s ease, color .15s ease; }
  footer a:hover { color: #fff !important; }

  /* Card hover lift utility */
  .lift { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
  .lift:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); border-color: color-mix(in oklab, var(--ink) 14%, transparent); }

  /* Disable transforms on mobile to avoid jank */
  @media (hover: none) {
    .btn:hover, .lift:hover { transform: none !important; }
  }

  /* Placeholder pattern for missing imagery */
  .ph {
    background-color: var(--warm);
    background-image:
      repeating-linear-gradient(135deg,
        color-mix(in oklab, var(--ink) 6%, transparent) 0 1px,
        transparent 1px 14px);
    color: var(--ph-fg);
    font-family: var(--mono);
    font-size: 11px;
    display: flex; align-items: center; justify-content: center;
    border: 1px dashed color-mix(in oklab, var(--ink) 18%, transparent);
    text-align: center;
    padding: 12px;
  }

  .grain {
    position: absolute; inset: 0; pointer-events: none; opacity: .35;
    mix-blend-mode: multiply;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* sections share rhythm */
  section { padding: clamp(64px, 8vw, 120px) 0; }
  .section-head { display: flex; flex-direction: column; gap: 14px; max-width: 760px; margin-bottom: 56px; }

  /* utility scrollbar */
  *::-webkit-scrollbar { width: 10px; height: 10px; }
  *::-webkit-scrollbar-thumb { background: color-mix(in oklab, var(--ink) 18%, transparent); border-radius: 999px; }

  /* ============================
     RESPONSIVE — global mobile rules
     ============================ */

  /* Tablet */
  @media (max-width: 900px) {
    .cred-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .cred-cell:nth-child(2) { border-right: none !important; }
    .cred-cell:nth-child(1), .cred-cell:nth-child(2) { border-bottom: 1px solid var(--line); }

    .testimonial-grid { grid-template-columns: 1fr !important; }
    .footer-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 32px !important; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
  }

  /* Phone */
  @media (max-width: 640px) {
    section { padding: 56px 0 !important; }
    .section-head { margin-bottom: 32px !important; }

    h1 { font-size: clamp(34px, 9vw, 48px) !important; }
    h2 { font-size: clamp(26px, 7vw, 36px) !important; }
    h3 { font-size: clamp(20px, 5.5vw, 26px) !important; }

    .container { padding: 0 18px !important; }

    /* All multi-column grids → 1 column */
    .hero-grid, .about-grid, .sim-grid, .contact-grid, .faq-layout,
    .blog-grid, .products-layout, .testimonial-grid {
      grid-template-columns: 1fr !important;
      gap: 32px !important;
    }

    /* Credibility metrics → 2 cols on small phone */
    .cred-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .cred-cell { padding: 24px 18px !important; }

    /* Footer collapses to single col */
    .footer-grid { grid-template-columns: 1fr !important; gap: 28px !important; }

    /* Hide decorative floaters that get in the way */
    .hero-floater-1 { display: none !important; }
    .about-card-1 { left: 12px !important; bottom: 12px !important; padding: 12px 14px !important; }

    /* Buttons full width */
    .btn { padding: 13px 18px; font-size: 14.5px; }

    /* Hero adjust */
    #home { padding-top: 24px !important; padding-bottom: 48px !important; }
  }

  /* Tweaks panel safety on mobile */
  @media (max-width: 640px) {
    [data-tweaks-panel], .tweaks-panel {
      max-width: calc(100vw - 24px) !important;
      right: 12px !important;
      left: 12px !important;
    }
  }

  /* iframe maps shouldn't blow out the layout */
  iframe { max-width: 100%; }

  /* Quote modal mobile */
  @media (max-width: 640px) {
    /* WhatsApp FAB doesn't overlap nav cta */
    .whatsapp-fab { bottom: 16px !important; right: 16px !important; }
  }

/* Static, crawlable site */
html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}img{max-width:100%;display:block}figure{margin:0}address{font-style:normal;line-height:1.8}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #C2410C;outline-offset:4px}
.skip-link{position:absolute;left:-9999px;top:12px;z-index:100;background:#0B3D6B;color:#fff;padding:12px 20px}.skip-link:focus{left:12px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(250,249,246,.98);border-bottom:1px solid var(--line)}.header-inner{min-height:82px;display:flex;align-items:center;gap:22px}.brand-word{font-family:var(--serif);font-size:28px;color:var(--primary);letter-spacing:-1px;font-weight:600}.brand-sub{font-size:11px;color:var(--muted);max-width:110px;letter-spacing:.08em;text-transform:uppercase}#site-nav{display:flex;align-items:center;gap:24px;margin-left:auto}#site-nav a{font-size:14px;color:var(--ink-2)}#site-nav a:hover{color:var(--primary)}.header-inner>.btn{font-size:12px;padding:10px 14px}.menu-toggle{display:none}
.hero-static{background:radial-gradient(ellipse at top right,#d8eee4,transparent 60%),radial-gradient(ellipse at bottom left,#e7eef6,transparent 65%)}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:52px}.hero-layout h1{font-size:clamp(40px,4.8vw,68px);margin:20px 0 24px;line-height:1.08}.hero-layout em{color:var(--hero-accent)}.lead{font-size:19px;line-height:1.7;color:var(--ink-2);margin:18px 0 28px}.button-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:26px 0}.hero-facts{display:flex;gap:40px;border-top:1px solid var(--line);padding-top:22px;margin-top:36px;font-size:13px;color:var(--muted)}.hero-facts strong{display:inline-block;color:var(--ink);margin-top:6px}.hero-photo{position:relative;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-lg)}.hero-photo img{width:100%;height:560px;object-fit:cover;object-position:center 65%}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.78));padding:50px 24px 24px;color:white;font-family:var(--serif);font-size:25px}.hero-photo figcaption span{display:block;font-family:var(--sans);font-size:11px;color:#eee;margin-top:8px}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:16px}.service-card h3,.service-card h2{font-size:23px;line-height:1.2;margin:0}.service-card p{font-size:14px;line-height:1.6;flex:1;margin:0}.service-number{font-size:12px;color:var(--accent);font-weight:700}.text-link{font-size:14px;font-weight:600;color:var(--primary)}.service-card:hover,.guide-card:hover{box-shadow:var(--shadow-md)}.warm-section{background:var(--warm)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps-grid h3{font-size:24px;margin:14px 0}.steps-grid p{font-size:16px}
.about-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px}.about-photo img{width:100%;height:440px;object-fit:cover;border-radius:20px}.about-photo figcaption{font-size:11px;color:var(--muted);margin-top:10px}.team-grid-static{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.team-name{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;align-items:center;gap:18px}.team-name h3{font-size:21px;line-height:1.3}.initials{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--primary-50);color:var(--primary);font-family:var(--serif);font-size:21px}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:box-shadow .2s}.cover-link{display:block}.cover-link img{width:100%;height:210px;object-fit:cover}.card-copy{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}.card-copy h3{font-size:23px;line-height:1.3;margin:0}.card-copy p{font-size:14px;line-height:1.6;flex:1;margin:0}.card-copy .eyebrow{font-size:10px}.faq-list{max-width:900px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{font-family:var(--serif);font-size:23px;cursor:pointer;color:var(--ink);line-height:1.4}.faq-list p{margin:15px 0 4px;font-size:16px;line-height:1.7}
.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.contact-layout address{font-size:18px;margin:22px 0}.quote-box{padding:34px;border-radius:20px;background:var(--primary-50);border:1px solid var(--line)}.quote-box h3{font-size:28px}.quote-box p{margin:16px 0;line-height:1.7}.quote-box label{display:block;margin:22px 0 8px;font-weight:600}.quote-box select{width:100%;padding:14px;border:1px solid var(--line);background:#fff;border-radius:8px;font:inherit;color:var(--ink)}.quote-box button{margin-top:18px;width:100%}.small{font-size:12px!important;color:var(--muted)!important;line-height:1.7!important}
.site-footer{background:var(--primary-700);color:#fff;padding:60px 0 24px}.site-footer .brand-word{color:#fff}.site-footer p{font-size:13px;line-height:1.8;color:#d8e3f0;margin-top:18px}.site-footer nav a{display:block;font-size:13px;color:#d8e3f0;margin:10px 0}.site-footer h2{font-family:var(--sans);font-size:15px;color:#fff;margin-bottom:16px}.footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr;gap:32px}.footer-note{border-top:1px solid #355978;padding-top:22px;margin-top:36px;font-size:12px;color:#d8e3f0}.whatsapp-fab{position:fixed;bottom:20px;right:20px;z-index:21;display:block;background:#087a65;color:#fff;border-radius:999px;padding:13px 20px;font-size:13px;box-shadow:var(--shadow-md)}
.page-content{padding-top:34px;padding-bottom:70px}.breadcrumbs{font-size:12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);margin-bottom:30px}.breadcrumbs a{color:var(--primary)}.page-content>h1{font-size:clamp(36px,4.2vw,60px);margin:18px 0;line-height:1.15}.page-content>.lead{max-width:740px}.page-content>.cards-grid,.page-content>.services-grid{margin-top:40px}.page-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;margin:36px 0 64px}.page-hero h1{font-size:clamp(36px,4.3vw,60px);line-height:1.12}.page-hero img{width:100%;height:320px;object-fit:cover;border-radius:18px}.reading-layout{display:grid;grid-template-columns:minmax(0,800px) 300px;gap:50px;align-items:start}.prose{max-width:820px}.prose h1{font-size:clamp(36px,4.2vw,60px);line-height:1.12;margin:20px 0}.prose h2{font-size:30px;line-height:1.25;margin:38px 0 16px}.prose p,.prose li{font-size:17px;line-height:1.8}.prose p{margin:16px 0}.prose ul{padding-left:24px}.prose li{margin:8px 0}.prose a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.prose a.btn{color:white;text-decoration:none}.prose .faq-list p{font-size:16px}.sidebar{position:sticky;top:110px;background:var(--warm);border-radius:18px;border:1px solid var(--line);padding:24px}.sidebar h2{font-size:26px}.sidebar p{font-size:14px;margin:18px 0}.sidebar .btn{font-size:13px;width:100%;white-space:normal;text-align:center;line-height:1.5}.related{padding:60px 0 0!important;border-top:1px solid var(--line);margin-top:50px}.related>h2{font-size:32px;margin-bottom:30px}.article-wide{max-width:840px;margin:auto}.article-head .lead{font-size:20px}.article-meta{font-size:12px!important;color:var(--muted);margin-top:24px!important}.article-image{margin:32px 0}.article-image img{width:100%;height:350px;object-fit:cover;border-radius:18px}.article-image figcaption{font-size:11px;margin-top:8px;color:var(--muted)}.contents{padding:24px;background:var(--warm);border-radius:12px;margin:30px 0}.contents a,.contents li{font-size:14px}.article-cta{background:var(--primary-50);padding:28px;border-radius:18px;margin:40px 0}.article-cta h2{margin-top:0}
@media(max-width:1100px){.brand-sub{display:none}.header-inner>.btn{display:none}.services-grid{grid-template-columns:repeat(2,1fr)}.reading-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}.hero-layout{gap:30px}.team-name{flex-direction:column;align-items:flex-start}}
@media(max-width:900px){.hero-layout,.about-layout,.contact-layout,.page-hero,.reading-layout{grid-template-columns:1fr;gap:32px}.hero-photo img{height:430px}.hero-photo{max-width:650px}.cards-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-layout h1{max-width:780px}.team-grid-static{gap:14px}.header-inner{gap:20px}.page-hero{margin-bottom:35px}}
@media(max-width:640px){.header-inner{min-height:70px;justify-content:space-between}.brand-word{font-size:27px}.menu-toggle{display:block;background:var(--primary);color:#fff;border-radius:8px;padding:10px 14px;font:inherit;font-size:13px}#site-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:var(--surface);border-bottom:1px solid var(--line);margin:0;box-shadow:var(--shadow-sm)}#site-nav.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:18px}#site-nav a{font-size:17px}.hero-facts{gap:24px}.hero-photo img{height:380px}.services-grid,.cards-grid,.steps-grid,.team-grid-static,.footer-grid{grid-template-columns:1fr}.service-card{padding:24px}.team-name{flex-direction:row;align-items:center}.button-row>.btn{width:100%;justify-content:center;text-align:center}.prose h1{font-size:36px!important}.prose h2{font-size:26px!important}.prose p,.prose li{font-size:16px}.article-image img,.about-photo img{height:280px}.page-content{padding-top:24px;padding-bottom:48px}.page-hero img{height:260px}.quote-box{padding:24px}.whatsapp-fab{padding:11px 14px;bottom:12px;right:12px}.site-footer{padding-bottom:80px}.faq-list summary{font-size:21px}.hero-layout h1{font-size:39px!important}.lead{font-size:17px}.hero-photo figcaption{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-word img{width:150px;height:45px;object-fit:contain}.site-footer .brand-word{display:inline-block;background:#fff;border-radius:8px;padding:8px 12px}

/* Visual homepage and focused quote journey */
.sales-home section{padding:80px 0}.sales-home .section-head{margin-bottom:34px}.sales-home .section-head p{max-width:550px}.sales-home .hero-layout{grid-template-columns:1fr 1.08fr;gap:48px}.sales-home .hero-layout h1{font-size:clamp(44px,5.4vw,76px);line-height:1.02}.sales-home .hero-layout .lead{max-width:490px;font-size:18px;line-height:1.65}.sales-home .hero-photo{margin:0}.sales-home .hero-photo img{height:570px}.hero-location{font-size:13px;line-height:1.7;margin-top:22px;color:var(--muted)}.hero-location strong{color:var(--primary)}.benefit-strip{background:var(--primary);color:#fff}.benefit-strip>.container{display:grid;grid-template-columns:repeat(3,1fr);padding-top:24px;padding-bottom:24px;gap:24px}.benefit-strip span{font-size:13px;color:#dce8f5}.benefit-strip strong{display:block;color:white;font-size:16px;margin-bottom:5px}.visual-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.visual-service{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:box-shadow .2s}.visual-service:hover{box-shadow:var(--shadow-md)}.service-photo{display:block;overflow:hidden}.service-photo img{width:100%;height:170px;object-fit:cover;transition:transform .25s}.visual-service:hover img{transform:scale(1.03)}.service-copy{padding:20px;display:flex;flex-direction:column;gap:12px}.service-copy h3{font-size:23px;line-height:1.2}.service-copy p{font-size:14px;min-height:42px}.service-copy .text-link{padding:8px 0}.image-note{font-size:11px;color:var(--muted);margin-top:18px}.sales-home .about-photo{margin:0}.sales-team{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;scroll-margin-top:100px}.sales-team h3{font-size:22px;margin-bottom:12px}.sales-team p{font-size:14px;line-height:1.8}.sales-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:56px}.sales-faq h2{margin:18px 0}.sales-faq p{margin-top:15px}.sales-contact{background:#eaf1f8}.sales-contact .quote-box{background:white;box-shadow:var(--shadow-md)}.sales-home .btn{white-space:normal;line-height:1.35}.sales-home em{color:var(--hero-accent)}.sales-home .steps-grid article{background:var(--surface);border:1px solid var(--line);padding:26px;border-radius:18px}.sales-home .steps-grid p{font-size:15px;line-height:1.65}
@media(max-width:1000px){.visual-services{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-home .hero-layout{grid-template-columns:1fr 1fr;gap:28px}.sales-home .hero-photo img{height:490px}}
@media(max-width:800px){.sales-home .hero-layout,.sales-faq{grid-template-columns:1fr}.sales-home .hero-photo{max-width:none}.sales-home .hero-photo img{height:390px}.sales-faq{gap:24px}.sales-home .hero-layout h1 br:nth-of-type(2){display:none}.sales-home .hero-layout .lead{max-width:none}}
@media(max-width:640px){.benefit-strip>.container{grid-template-columns:1fr;gap:16px}.benefit-strip span{border-bottom:1px solid #396185;padding-bottom:14px}.benefit-strip span:last-child{border-bottom:0;padding-bottom:0}.visual-services{gap:12px}.service-photo img{height:130px}.service-copy{padding:14px;gap:9px}.service-copy h3{font-size:19px!important}.service-copy p{font-size:12px;min-height:36px}.service-copy .text-link{font-size:13px;min-height:44px;display:flex;align-items:center}.sales-home .hero-layout h1{font-size:43px!important}.sales-home .hero-photo img{height:330px}.sales-home .hero-photo figcaption{font-size:21px}.sales-home .steps-grid{gap:14px}.sales-home .section-head{margin-bottom:28px}.sales-home .hero-layout .lead{font-size:16px}.sales-home .contact-layout h2{font-size:31px!important}}

/* Larger SOSSEG logo with room for navigation */
.site-header .brand-word{display:flex;align-items:center;flex-shrink:0}
.site-header .brand-word img{width:230px;height:69px;object-fit:contain}
.header-inner{min-height:100px}
.site-footer .brand-word img{width:210px;height:63px;object-fit:contain}
@media(max-width:1100px){.site-header .brand-word img{width:215px;height:64.5px}}
@media(max-width:640px){.header-inner{min-height:86px}.site-header .brand-word img{width:200px;height:60px}#site-nav{top:86px}.site-footer .brand-word img{width:200px;height:60px}}
@media(max-width:360px){.site-header .brand-word img{width:180px;height:54px}}

/* Crop the transparent canvas around the original logo without changing its pixels.
   Source 1600x1131; display window x=188,y=410,w=1240,h=350. */
.site-header .brand-word,.site-footer .brand-word{position:relative;display:block;width:230px;height:auto;aspect-ratio:1240/350;overflow:hidden;flex-shrink:0;padding:0}
.site-header .brand-word img,.site-footer .brand-word img{position:absolute;max-width:none;width:129.032258%;height:auto;left:-15.16129%;top:-117.142857%;object-fit:initial}
.site-footer .brand-word{width:210px}
@media(max-width:1100px){.site-header .brand-word{width:215px}}
@media(max-width:640px){.site-header .brand-word,.site-footer .brand-word{width:200px}}
@media(max-width:360px){.site-header .brand-word{width:180px}}