@import url('/css/index-desk.css');

:root{
  --paper:#f7f8f7;--surface:#fff;--surface-alt:#eef2ef;--ink:#252e2a;
  --muted:#4d5e55;--green:#24563e;--line:#b9c6bd;--wash:#eef2ef;
  --accent:#876b24;--action:#285943;--action-text:#fff;--header:#e9eeeb;
  color-scheme:light;
}
:root[data-homepage-theme="night"]{
  --paper:#191e21;--surface:#21282b;--surface-alt:#293236;--ink:#edf0ec;
  --muted:#bdc9c4;--green:#9dcbb3;--line:#54635f;--wash:#293236;
  --accent:#d5bb78;--action:#b1d8c0;--action-text:#182b21;--header:#20292a;
  color-scheme:dark;
}
body{background:var(--paper);color:var(--ink)}
.public-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;background:var(--header);border-color:var(--line);border-top-color:var(--accent)}
.public-brand{color:var(--ink)}
.public-brand.has-company-logo img{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.public-nav{justify-content:flex-end;gap:18px}
.public-nav a{color:var(--muted)}
.public-nav a:hover{color:var(--ink);border-color:var(--accent)}
.public-nav .client-login-link,.primary-action,.pricing-section .primary-action{background:var(--action);border-color:var(--action);color:var(--action-text)}
.public-nav .client-login-link:hover,.primary-action:hover,.pricing-section .primary-action:hover{background:var(--action);color:var(--action-text);text-decoration:underline;text-underline-offset:4px}
.homepage-theme{display:flex;border:1px solid var(--line);border-radius:4px;padding:3px;gap:3px;width:112px}
.homepage-theme button{border:0;background:transparent;color:var(--muted);border-radius:2px;min-height:34px;flex:1;font-size:12px;font-weight:650;padding:6px}
.homepage-theme button[aria-pressed="true"]{background:var(--action);color:var(--action-text)}
.homepage-theme button:hover{outline:1px solid var(--accent);outline-offset:-1px}
.why-us-section{padding-top:44px}
.why-us-copy h1{font-size:44px;max-width:390px}
.why-us-copy>p.function-first:not(.eyebrow){color:var(--muted);border-top-color:var(--accent)}
.intro-statement{border-color:var(--line)}
.why-us-copy .intro-statement>p,.why-us-copy .intro-statement>p.why-us-lead{color:var(--muted)}
.why-us-panel{background:var(--surface);border-color:var(--line);border-top-color:var(--accent)}
.why-us-panel>div,.why-us-panel>div:first-child,.why-us-panel>div:last-child{background:transparent;border-color:var(--line)}
.why-us-panel strong,.field-savings strong{color:var(--ink)}
.why-us-panel span,.why-us-copy p{color:var(--muted)}
.preview-carousel-section,.hero,.public-section,.login-footer{border-color:var(--line)}
.preview-carousel-track{border-color:var(--line);border-radius:4px}
.preview-caption{background:var(--surface);border-color:var(--line)}
.preview-caption h3{color:var(--ink)}
.preview-caption p{color:var(--muted);border-color:var(--line)}
.preview-carousel-arrow{background:var(--surface);border-color:var(--line);color:var(--ink)}
.preview-carousel-arrow:hover{background:var(--surface-alt)}
.preview-carousel-dots button::before{background:var(--line)}
.preview-carousel-dots button.active::before{background:var(--accent)}
.hero-card{background:var(--surface);border-color:var(--line);border-top-color:var(--accent);border-radius:4px}
.hero-card-head,.hero-card-footer,.record-line{border-color:var(--line)}
.hero-card-head{background:var(--surface-alt)}
.hero-price{background:var(--surface-alt);border-color:var(--line)}
.feature-card{background:var(--surface);border-color:var(--line);border-left-color:var(--accent)}
.feature-icon{color:var(--green);border-color:var(--line)}
.records-grid article{background:var(--surface);border-color:var(--line)}
.industry-grid article,.industry-grid article:last-child{border-color:var(--line)}
.pricing-section{background:var(--surface-alt);border-top-color:var(--accent)}
.pricing-section h2,.pricing-section strong{color:var(--ink)}
.pricing-section p{color:var(--muted)}
.pricing-section .setup-pricing{border-color:var(--line)}
.pricing-section a:not(.primary-action){color:var(--green)}
.secondary-action{background:var(--surface);color:var(--green);border-color:var(--line)}
.secondary-action:hover{background:var(--surface-alt)}
.phone-app-section,.field-savings{border-color:var(--accent)}
.phone-app-steps{border-color:var(--line)}
.privacy-panel,.privacy-close{background:var(--surface);border-color:var(--line);color:var(--ink)}
.privacy-panel-head{border-color:var(--line)}
.privacy-body,.privacy-body h3{color:var(--ink)}
.public-nav a:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.preview-carousel-arrow:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1100px){
  .public-header{grid-template-columns:minmax(0,1fr) auto;gap:16px}
  .public-nav{grid-column:1/-1;grid-row:2;justify-content:space-between}
  .homepage-theme{grid-column:2;grid-row:1}
  .why-us-copy h1{font-size:38px}
  .why-us-panel>div:nth-child(-n+2){border-color:var(--line)}
}
@media(max-width:767px){
  .public-header{padding:16px;gap:14px}
  .public-brand{max-width:none;font-size:20px;gap:8px}
  .public-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 8px}
  .public-nav .client-login-link{position:static;grid-column:4;grid-row:1/3;align-self:center;padding:8px 4px;min-width:0}
  .public-nav a{font-size:11px;white-space:normal}
  .homepage-theme{width:100px}
  .why-us-section{padding-top:30px}
  .why-us-copy h1{font-size:34px;max-width:100%}
  .why-us-panel>div,.why-us-panel>div:nth-child(odd),.why-us-panel>div:nth-child(even){border-color:var(--line)}
}
@media(max-width:420px){
  .public-brand{font-size:18px}
  .public-brand.has-company-logo img{width:32px;height:32px;flex-basis:32px}
  .why-us-panel>div:not(:last-child){border-color:var(--line)}
}
