/* SyncFort shared theme: cream, forest green, and practical business imagery. */
:root{--band-dim:#625F58;--band-faint:#625F58;--surface:#F0EDE6;--soft-blue:#EAF0F8}
body{background:var(--paper)}
.band{background:var(--paper);color:var(--ink);background-attachment:scroll}
.band::before{display:none}
.band ::selection{background:var(--blue);color:var(--paper)}
.band a:focus-visible,.band button:focus-visible{outline-color:var(--blue)}
.nav{max-width:1240px;width:100%;margin:0 auto;justify-content:flex-end;padding:28px 32px;border-bottom:1px solid var(--hair);letter-spacing:.08em}
.nav .brand-link{margin-right:auto;font-size:20px;font-weight:700;letter-spacing:.08em;opacity:1}
.nav a{color:var(--ink);opacity:1}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--blue);color:var(--blue)}
.nav-toggle,.nav-close{color:var(--ink);border-color:var(--hair)}
.nav-links-row,.nav-links-row a{background:var(--paper)}
.home-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;max-width:1240px;width:100%;margin:0 auto;padding:76px 32px 88px}
.home-hero .hero-mid{padding:0;align-items:flex-start;text-align:left;min-width:0}
.home-hero .hero-mid h1{font-family:var(--disp);font-size:clamp(38px,4.2vw,58px);line-height:1.12;font-weight:600;letter-spacing:-.055em;text-transform:none;margin-bottom:10px}
.home-hero h1 span:last-child{color:var(--blue)}
.home-hero .overline{color:var(--blue);font-size:11px;letter-spacing:.09em;max-width:none;text-align:left;margin-bottom:24px}
.hero-description{color:var(--muted);margin:18px 0 0;font-size:19px;max-width:510px}
.hero-actions{justify-content:flex-start;gap:18px 22px;margin-top:30px}
.cta{background:var(--blue);color:#fff;border-color:var(--blue);font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:16px;padding:14px 24px;border-radius:3px}
.hero-actions .cta{letter-spacing:0}
.cta:hover{background:#173D95;border-color:#173D95;color:#fff}
.hero-secondary{color:var(--ink);font-size:16px}

.home-hero{border-bottom:1px solid var(--hair)}
#problems{background:var(--surface)}
#managed-ai{background:var(--soft-blue);border-top:1px solid #D7DFE8;border-bottom:1px solid #D7DFE8}
#managed-ai .inner{padding-left:24px;border-left:3px solid var(--blue)}
.panel + #managed-ai,.panel + #how-we-work{padding-top:clamp(40px,5vw,64px)}
.pagehero{min-height:0;border-bottom:1px solid var(--hair)}
.pagehero .hero-mid{padding:56px 24px;background:var(--surface)}
.pagehero h1{font-family:var(--serif);font-size:clamp(34px,4.5vw,54px);letter-spacing:-.03em;text-transform:none;text-indent:0;line-height:1.12}
.pagehero .tagline{font-family:var(--sans);font-size:17px;text-transform:none;letter-spacing:0;text-indent:0;max-width:600px}
.pagehero .overline{letter-spacing:.12em;color:var(--blue)}
.pagehero .hero-cue{display:none}
.quoteband{background:var(--soft-blue);padding:60px 24px;border-block:1px solid #D7DFE8}
.quoteband p{font-family:var(--serif);font-size:clamp(26px,3vw,38px);text-transform:none;letter-spacing:-.02em;text-indent:0}
.quoteband .kicker{color:var(--blue)}
.footband{background:var(--surface);border-top:1px solid var(--hair)}
.footband h2{font-family:var(--serif);font-size:clamp(30px,4vw,46px);text-transform:none;letter-spacing:-.025em;text-indent:0;line-height:1.18;max-width:800px;margin:auto}
.footband .bandsub{font-family:var(--sans);font-size:17px;letter-spacing:0;text-transform:none;text-indent:0}
.closing-description{color:var(--muted)}
footer{background:var(--paper);color:var(--muted);border-top-color:var(--hair)}
footer a{color:var(--muted)}
footer a:hover{color:var(--blue)}
.btn-ink{border-radius:3px}
.lost h1{font-family:var(--serif);font-size:44px;text-transform:none;letter-spacing:-.025em;text-indent:0}
.lost p{font-family:var(--sans);text-transform:none;letter-spacing:0}
@media(max-width:1000px){.home-intro{gap:30px;padding:56px 24px}.home-hero .hero-mid h1{font-size:42px}}
@media(max-width:820px){
  .nav{padding:20px 24px;justify-content:space-between}
  .nav-links-row a{font-size:16px}
  .home-intro{grid-template-columns:1fr;gap:38px;max-width:680px;padding:44px 24px 52px}
  .home-hero .hero-mid h1{font-size:clamp(35px,7vw,52px)}
  .hero-description{font-size:18px}
  .hero-actions{flex-direction:row;width:auto;align-items:center}
  
}
@media(max-width:480px){
  .home-hero .hero-mid h1{font-size:clamp(30px,8vw,38px)}
  .home-hero .overline{font-size:10px;line-height:1.6}
  .hero-actions{align-items:flex-start;gap:12px}

#managed-ai .inner{padding-left:16px}
}

/* Palette and photographic layouts. */
:root{color-scheme:light;--paper:#F8F5EF;--ink:#232B26;--muted:#636A61;--hair:#DADCD0;--blue:#345A48;--surface:#EDEEE5;--soft-blue:#E7ECE2;--band-dim:#636A61;--band-faint:#636A61}
.home-hero{background:#F8F5EF}
.nav{max-width:1320px;padding:26px 36px}
.nav .brand-link{font-weight:700;letter-spacing:.11em}
.home-intro{max-width:1320px;grid-template-columns:1fr 1.1fr;gap:46px;padding:58px 36px 64px;align-items:center}
.home-hero .hero-mid h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.3vw,60px);line-height:1.1;letter-spacing:-.035em}
.home-hero .hero-mid h1 span{display:inline}
.home-hero .hero-mid h1 span::after{content:" "}
.home-hero .hero-mid h1 span:first-child{display:block}
.home-hero .hero-mid h1 span:last-child{display:block;margin-top:8px;color:#345A48}
.home-hero .overline{color:#49644E;font-size:11px;letter-spacing:.08em;margin-bottom:22px}
.hero-description{font-size:19px;max-width:480px}
.cta,.btn-ink{background:#345A48;border-color:#345A48;color:#fff;border-radius:2px}
.cta:hover,.btn-ink:hover{background:#254333;border-color:#254333;color:#fff}
.field-photo{margin:0;position:relative;min-width:0}
.field-photo img{width:100%;height:540px;object-fit:cover;object-position:47% 50%;border-radius:3px}

.field-photo-label{position:absolute;left:22px;bottom:22px;background:rgba(248,245,239,.96);color:var(--ink);padding:18px 22px;max-width:310px;border-left:3px solid #345A48}
.field-photo-label strong{font-family:var(--serif);font-size:25px;font-weight:500;display:block;line-height:1.15}
.field-photo-label span{font-size:14px;line-height:1.45;display:block;margin-top:8px;color:#535D52}
.field-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 48px;padding:23px 24px;background:#345A48;color:#fff;font-family:var(--sans);font-size:16px}
.field-strip span{display:flex;gap:12px;align-items:center}
.field-strip span::before{content:"";width:5px;height:5px;border:1px solid #CEDACA;transform:rotate(45deg)}
#problems{background:var(--paper)}
#solutions{background:#EDEEE5;border-block:1px solid #DADCD0}
.panel + #solutions{padding-top:clamp(40px,5vw,64px)}
#managed-ai{background:#F8F5EF;border-block:none}
#managed-ai .inner{border-left-color:#75856C}
.rec{border-color:#CDD2C4}
.rec:hover,.steps div:hover{background:rgba(52,90,72,.035)}
.pagehero .hero-mid{background:#EDEEE5}
.pagehero h1{color:#294232}
.footband{background:#273E31;color:#F8F5EF;border-color:#273E31}
.footband h2{color:#F8F5EF}
.footband .closing-description,.footband .bandsub{color:#D3DCCA}
.footband .cta{background:#F8F5EF;color:#273E31;border-color:#F8F5EF}
.footband .cta:hover{background:#E3E8D9;border-color:#E3E8D9}
.footband a:focus-visible{outline-color:#F8F5EF}
.quoteband{background:#E7ECE2;border-color:#CDD2C4}
.contact-callout{background:#EDEEE5;padding:22px;border:1px solid #DADCD0;border-radius:3px}
footer{background:#203229;color:#D1D8CA;border-color:#425348}
footer a{color:#D1D8CA}
footer a:hover{color:#fff}
.calc button:hover{background:#254333}
@media(max-width:1000px){.home-intro{gap:30px;padding:44px 24px}.field-photo img{height:500px}.home-hero .hero-mid h1{font-size:43px}}
@media(max-width:820px){.home-intro{grid-template-columns:1fr;max-width:680px;padding:40px 24px 36px}.home-hero .hero-mid h1{font-size:clamp(38px,7vw,52px)}.field-photo img{height:390px}.nav{padding:20px 24px}.field-strip{justify-content:flex-start;gap:12px 24px}.hero-actions{flex-direction:row}}
@media(max-width:480px){.home-hero .hero-mid h1{font-size:clamp(34px,9vw,42px)}.field-photo img{height:350px}.field-photo-label{left:14px;right:14px;bottom:14px;padding:15px 18px}.field-photo-label strong{font-size:23px}.field-strip{flex-direction:column;padding:22px 24px}.contact-callout{padding:20px 16px}}

/* A second home-improvement image accompanies the closing contact invitation. */
.closing-layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left}
.closing-photo{width:100%;height:340px;object-fit:cover;border-radius:3px}
.closing-copy h2{font-size:clamp(30px,3vw,42px);margin:0}
.closing-copy .closing-description{margin:20px 0 0}
@media(max-width:820px){.closing-layout{grid-template-columns:1fr;gap:28px;max-width:600px}.closing-photo{height:280px}}

/* Keep the full company name readable across screen sizes. */
.nav .brand-link{font-size:20px;letter-spacing:-.02em;text-transform:none;white-space:normal;line-height:1.2}
@media(max-width:480px){.nav{gap:12px;padding:20px}.nav .brand-link{font-size:18px;max-width:190px}.nav-toggle{flex-shrink:0;letter-spacing:.12em;padding:10px 12px}}