
:root{--blue:#384ad3;--deep:#25318d;--navy:#131946;--pale:#f2f4fc;--gray:#e8e6e6;--ink:#202642}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--deep)}.wrap{max-width:1180px;margin:auto;padding:0 30px}.draft{background:var(--navy);color:white;text-align:center;font-size:12px;letter-spacing:1px;padding:7px}header{background:white;border-bottom:1px solid var(--gray)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px;padding-bottom:14px}.logo{width:300px;height:auto;object-fit:contain}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:bold}.button{display:inline-block;border-radius:6px;padding:14px 23px;background:var(--blue);color:white;text-decoration:none;font-weight:bold;line-height:1.4}.button:hover{background:var(--deep)}.outline{background:transparent;border:1px solid #bbc3e7;color:var(--deep)}.hero{background:linear-gradient(125deg,#f5f6ff 0%,#fff 80%);padding:76px 0 64px}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px}.eyebrow{color:var(--deep);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold}h1{font-size:clamp(40px,4.7vw,64px);line-height:1.08;letter-spacing:-2px;margin:20px 0 25px;color:var(--navy)}h1 span{color:var(--blue)}h2{font-size:36px;line-height:1.2;letter-spacing:-1px;color:var(--navy);margin:14px 0 22px}h3{font-size:21px;line-height:1.3;color:var(--navy)}p{margin:0 0 20px}.lede{font-size:18px;color:#525a77;max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-art{background:var(--navy);color:white;border-radius:16px;padding:34px;box-shadow:18px 18px 0 #e4e8fc}.hero-art img{width:100%;border-radius:8px;background:white;display:block}.hero-art p{margin:22px 0 0;font-size:20px;line-height:1.4}.trust{padding:24px 0;border-bottom:1px solid var(--gray)}.trust .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;font-weight:bold;color:var(--deep)}section{padding:76px 0}.intro{max-width:680px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card{border:1px solid #dce0ef;border-radius:10px;padding:30px;background:white}.number{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:bold}.card a{font-weight:bold}.tinted{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.audience{display:block;padding:26px 0;border-top:1px solid #cbd1e9;text-decoration:none}.audience strong{display:block;color:var(--navy);font-size:23px}.audience span{color:#535b75}.mission{border-left:4px solid var(--blue);padding-left:24px;margin-top:30px}.steps{counter-reset:step}.step{padding:20px 0;border-top:1px solid #dce0ef}.step h3{margin:0 0 8px}.contact{background:var(--navy);color:white}.contact h2{color:white}.contact .eyebrow{color:#b5bcf0}.contact a:not(.button){color:white}.contact .button{background:white;color:var(--deep)}footer{padding:32px 0;font-size:13px;color:#646b80}.foot{display:flex;justify-content:space-between;gap:25px}.foot a{margin-left:20px}.small{font-size:13px}.credentials{display:flex;align-items:center;gap:20px;margin-top:25px}.credentials img{width:72px;height:72px;object-fit:contain}@media(max-width:850px){nav{gap:12px;flex-wrap:wrap}.nav{align-items:flex-start}.logo{width:180px;height:90px}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr}.hero{padding:45px 0}.hero-art{max-width:550px}section{padding:50px 0}.foot{flex-direction:column}}@media(max-width:540px){.wrap{padding:0 22px}.nav{flex-direction:column;gap:5px}nav{padding-bottom:12px}nav a{font-size:12px}nav .button{padding:9px 12px}h1{letter-spacing:-1px}.hero-art{padding:24px}.trust .wrap{flex-direction:column;gap:8px}h2{font-size:30px}.foot a{margin:0 18px 0 0}}

/* Action palette: Intuit QuickBooks green, with dark text for contrast. */
:root{--action:#2ca01c;--action-hover:#248517;--action-text:#17610e}
.button{background:var(--action);color:#0b2507}
.button:hover{background:var(--action-hover);color:#071c04}
.button.outline{background:transparent;border-color:var(--action-text);color:var(--action-text)}
.button.outline:hover{background:#e9f6e7}
.card a,.audience strong,footer a{color:var(--action-text)}
.card a:hover,.audience:hover strong,footer a:hover{color:#104609}
.contact .button{background:var(--action);color:#0b2507}
.contact .button:hover{background:var(--action-hover);color:#071c04}
a:focus-visible{outline:3px solid var(--action);outline-offset:5px}

[hidden]{display:none!important}.subpage{background:var(--pale);min-height:70vh}.page-head{max-width:760px;margin-bottom:32px}.page-head h1{font-size:46px}.form-panel{background:white;border:1px solid #dce0ef;border-radius:12px;padding:36px;max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:7px;font-weight:bold;font-size:14px}.field input,.field select{font:inherit;font-weight:normal;border:1px solid #adb4ca;border-radius:5px;padding:12px;width:100%;background:white}.field input:focus,.field select:focus{outline:2px solid var(--blue);outline-offset:2px}fieldset{margin:24px 0;padding:18px;border:1px solid #cbd1e9;border-radius:6px}legend{font-weight:bold;padding:0 7px}.choice{display:inline-flex;align-items:center;gap:8px;margin:7px 22px 7px 0}.choice input{accent-color:var(--action)}button.button{border:0;cursor:pointer;font:inherit;font-weight:bold}.notice{padding:15px 18px;background:#f2f4fc;border-left:3px solid var(--blue);font-size:14px;margin-bottom:24px}.back{display:inline-block;margin-bottom:20px;font-weight:bold;color:var(--action-text)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-panel{padding:23px}.page-head h1{font-size:36px}}

/* Keep the design readable even in viewers that prefer dark mode. */
:root{color-scheme:light}
html,body{background:#ffffff;color:#202642}
#homepage{background:#ffffff;color:#202642}
header,footer{background:#ffffff}
section{background:#ffffff}
section.tinted,section.subpage{background:#f2f4fc}
h1,h2,h3{color:#131946}
.hero{background:linear-gradient(125deg,#f5f6ff 0%,#ffffff 80%);color:#202642}
.hero-art{background:#131946;color:#ffffff}
.hero-art p{color:#ffffff}
.contact{background:#131946;color:#ffffff}
.contact h2,.contact h3,.contact p,.contact a:not(.button){color:#ffffff}
.contact .eyebrow{color:#cbd2ff}
.draft{background:#131946;color:#ffffff}

.veteran-badge{display:inline-flex;align-items:center;gap:12px;padding:15px 18px;border:2px solid #25318d;border-radius:8px;background:#fff;color:#131946;flex-shrink:0;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:1.4px}
.veteran-star{font-size:32px;color:#25318d;line-height:1}
.veteran-owned{display:block;font-size:10px;letter-spacing:1.5px;margin-top:5px}
.credentials{flex-wrap:wrap}
textarea{width:100%;padding:13px;border:1px solid #adb4ca;border-radius:5px;font:inherit;font-weight:normal;line-height:1.6;resize:vertical;background:#fff;color:#202642}.field input{color:#202642}#content-studio .form-panel{min-width:0}nav{gap:18px}.field-error{font-size:14px;color:#9b1c1c;margin:5px 0 0}.field input[aria-invalid="true"]{border:2px solid #9b1c1c}button:disabled{opacity:.6;cursor:wait}
.faq-list{max-width:850px}.faq-list details{border-bottom:1px solid #cbd1e9;padding:20px 0}.faq-list summary{font-size:19px;font-weight:bold;color:#131946;cursor:pointer}.faq-list p{margin:15px 0 5px}.page-body{max-width:850px}.page-body h2{margin-top:34px;font-size:28px}.breadcrumb{font-size:13px;margin-bottom:25px}.service-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{position:fixed;left:15px;top:15px;z-index:99;background:#fff;padding:12px}.hero-art img{aspect-ratio:1607/1210}.site-footer-links{margin-top:20px;display:flex;gap:18px;flex-wrap:wrap}.site-footer-links a{margin:0}
/* Wider desktop artwork with proportional, unclipped laptop display. */
.hero-art{min-width:0;padding:24px}
.hero-image{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#fff}
.hero-art .hero-image img{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center;transform:scale(1.12);border-radius:0}
@media(min-width:851px){.hero-grid{grid-template-columns:1.05fr 1.1fr;gap:40px}}
@media(max-width:850px){.hero-art{max-width:none;width:100%}}

/* Mobile and tablet layout, touch targets, and form readability. */
img{max-width:100%}
.hero-grid>*,.split>*,.cards>*,.page-body,.form-panel{min-width:0}
fieldset{min-inline-size:0}
legend{max-width:100%;white-space:normal}
.contact a,.foot,.breadcrumb{overflow-wrap:anywhere}
@media(max-width:960px){
  .nav{flex-direction:column;align-items:flex-start;gap:10px}
  .nav .logo{width:240px;max-width:75vw;height:auto}
  .nav nav{width:100%;display:flex;flex-wrap:wrap;gap:4px 16px;padding-bottom:0}
  .nav nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
  .nav nav .button{padding:11px 18px}
}
@media(max-width:850px){
  .hero-grid,.split,.cards{grid-template-columns:minmax(0,1fr)}
  .hero-grid{gap:32px}
  .hero-art{box-shadow:8px 8px 0 #e4e8fc}
  .hero-art p{font-size:18px}
}
@media(max-width:600px){
  html{scroll-padding-top:20px}
  .wrap{padding-left:20px;padding-right:20px}
  .hero{padding:36px 0 42px}
  section{padding:40px 0}
  h1{font-size:clamp(34px,9vw,46px);letter-spacing:-1px;line-height:1.12}
  .page-head h1{font-size:clamp(32px,8.5vw,42px)}
  h2{font-size:28px}
  .eyebrow{font-size:11px;letter-spacing:1.3px;overflow-wrap:break-word}
  .lede{font-size:17px}
  .actions{flex-direction:column;align-items:stretch}
  .actions .button{width:100%;text-align:center}
  .button{min-height:48px}
  .hero-art{padding:18px}
  .hero-image{aspect-ratio:16/10}
  .hero-art .hero-image img{transform:scale(1.08)}
  .card{padding:22px}
  .form-panel{padding:22px 18px}
  .field input,.field select,textarea{font-size:16px;min-height:48px}
  .choice{display:flex;min-height:44px;margin:4px 0;gap:10px}
  .choice input{width:20px;height:20px;flex:0 0 20px}
  fieldset{padding:14px;margin:22px 0}
  .faq-list summary{font-size:17px;min-height:44px}
  .site-footer-links{gap:4px 18px}
  .site-footer-links a{display:inline-flex;align-items:center;min-height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
