.elementor-7 .elementor-element.elementor-element-465f442{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-619ee523{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-1433bb0e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:54px 54px;--row-gap:54px;--column-gap:54px;--padding-top:84px;--padding-bottom:92px;--padding-left:22px;--padding-right:22px;--z-index:2;}.elementor-7 .elementor-element.elementor-element-3a6507e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-3a31cb18{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--border-radius:16px 16px 16px 16px;box-shadow:0px 18px 50px 0px rgba(11,33,56,0.16);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-3a31cb18:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-3a31cb18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-7 .elementor-element.elementor-element-7a5b953a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:18px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-field-type-html{padding-bottom:0px;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-button[type="submit"]{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1b0d8ae3{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;}.elementor-7 .elementor-element.elementor-element-bb560cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-3bfb97f{--display:flex;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-1433bb0e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:54px;--padding-bottom:60px;--padding-left:22px;--padding-right:22px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-1433bb0e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:46px;--padding-bottom:54px;--padding-left:22px;--padding-right:22px;}.elementor-7 .elementor-element.elementor-element-3a6507e7{--width:100%;}.elementor-7 .elementor-element.elementor-element-3a31cb18{--width:100%;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-3a6507e7{--width:53%;}.elementor-7 .elementor-element.elementor-element-3a31cb18{--width:47%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7 .elementor-element.elementor-element-3a6507e7{--width:100%;}.elementor-7 .elementor-element.elementor-element-3a31cb18{--width:100%;}}/* Start custom CSS *//* =========================================================================
   ATRAZINE CLAIMS — GLOBAL STYLESHEET  (single file; replaces all others)
   Load this ONE file site-wide. It styles the Elementor hero template
   (atrazine-hero-v3.json) AND the below-hero HTML section, and it loads the
   fonts — so you no longer need a separate "additional CSS" snippet.

   Where to load it (pick one):
   - WP Admin > Appearance > Customize > Additional CSS  (quickest), or
   - Elementor > Site Settings > Custom CSS (Pro), or
   - A child theme stylesheet / a "Code Snippets"-style CSS plugin.

   IMPORTANT: the @import on the next line must stay at the very TOP, above all
   other CSS, or the browser ignores it and the fonts won't load.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Spectral:ital,wght@0,500;0,600;1,500&family=Public+Sans:wght@400;500;600;700&display=swap');

:root{
  --navy:#112a46; --navy-d:#0b2138; --navy-2:#1c3e63;
  --amber:#e8a23a; --amber-h:#cf8a25; --amber-d:#a96f12;
  --white:#fff; --off:#f5f8fb; --cream:#f4ecdb;
  --slate:#3c4d60; --slate-l:#6b7a8b; --line:#dde5ee;
  --shadow:0 1px 2px rgba(11,33,56,.05),0 18px 50px rgba(11,33,56,.13);
}

/* ===== BASE =====
   NOTE: this includes a light global reset + body font, matching the original
   index.html. It's meant for a dedicated landing page (use Elementor's "Canvas"
   or "Full Width" page template). On a normal themed page the reset can affect
   the theme's own header/footer — keep this on the landing template only. */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Public Sans",system-ui,sans-serif;color:var(--slate);background:var(--white);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Archivo",sans-serif;color:var(--navy);line-height:1.06;letter-spacing:-.015em}
img{display:block;max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.narrow{max-width:760px}
sup{font-size:.58em}
.hl{background:linear-gradient(transparent 56%, rgba(232,162,58,.5) 56%, rgba(232,162,58,.5) 94%, transparent 94%);padding:0 .04em}
.am{color:var(--amber)}
.eyebrow{font-family:"Archivo";font-weight:800;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-d);display:block;margin-bottom:16px}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .atz-top .urg .dot,.atz-intake .e-form__buttons__wrapper__button-next{animation:none}
}

@keyframes blip{0%{opacity:1}55%{opacity:.25}100%{opacity:1}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(232,162,58,.5)}70%{box-shadow:0 0 0 14px rgba(232,162,58,0)}100%{box-shadow:0 0 0 0 rgba(232,162,58,0)}}

/* ===== HEADER ===== */
.hdr{position:sticky;top:0;z-index:60;background:rgba(11,33,56,.97);backdrop-filter:blur(8px)}
.hdr .row{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-family:"Archivo";font-weight:900;font-size:1.16rem;letter-spacing:.01em;text-transform:uppercase;color:#fff}
@media(min-width:560px){.logo{font-size:1.34rem}}
.logo .ij{color:var(--amber)}
.call{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:var(--navy-d);text-decoration:none;font-family:"Archivo";font-weight:800;font-size:.92rem;padding:10px 16px;border-radius:8px}
.call:hover{background:var(--amber-h)}
.call .l{display:none}@media(min-width:560px){.call .l{display:inline}}

/* =========================================================================
   HERO  (used by atrazine-hero-v3.json — these classes live in HTML widgets
   inside the template, so they render regardless of Elementor container classes)
   ========================================================================= */
/* background layer + dark overlay — replicated from index.html (.hero .bg) */
.atz-hero-bg{position:absolute;inset:0;z-index:0;background:url("https://atrazineclaims.com/wp-content/uploads/2026/06/truck-atrazine_.webp") center 30%/cover no-repeat}
.atz-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,33,56,.5) 0%,rgba(11,33,56,.74) 52%,rgba(11,33,56,.94) 100%)}
@media(min-width:960px){.atz-hero-bg::after{background:linear-gradient(100deg,rgba(11,33,56,.94) 0%,rgba(11,33,56,.82) 46%,rgba(11,33,56,.5) 72%,rgba(11,33,56,.32) 100%)}}
/* hero copy */
.hero-copy{color:#eef3f8;position:relative;z-index:2}
.hero-copy .kick{font-family:"Archivo";font-weight:800;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:18px}
.hero-copy h1{font-family:"Archivo",sans-serif;font-size:2.3rem;font-weight:900;color:#fff;margin-bottom:18px;line-height:1.14;letter-spacing:-.02em}
@media(min-width:620px){.hero-copy h1{font-size:3.1rem}}
@media(min-width:960px){.hero-copy h1{font-size:3.7rem}}
.hero-copy h1 .am{color:#f6c272;font-weight:900}
.hero-copy h1 .tag{display:inline-block;background:var(--amber);color:var(--navy-d);font-size:1.05em;padding:.04em .26em;margin:0 .02em;border-radius:8px;transform:rotate(-2deg);box-shadow:0 7px 18px rgba(232,162,58,.32);white-space:nowrap}
.hero-copy .sub{font-size:1.15rem;color:#d7e1ec;max-width:40ch;margin-bottom:26px;font-family:"Public Sans",system-ui,sans-serif}
.hero-copy .sub b{color:#fff}
.hero-copy .hb{list-style:none;display:grid;gap:11px;margin:0;padding:0}
.hero-copy .hb li{display:flex;gap:11px;align-items:flex-start;font-size:1.04rem;font-weight:500;color:#eaf0f6;font-family:"Public Sans",system-ui,sans-serif}
.hero-copy .hb .tk{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--amber);color:var(--navy-d);display:grid;place-items:center;font-weight:900;font-size:.82rem;margin-top:1px}
/* form-card header */
.atz-top{background:var(--navy);color:#fff;padding:20px 22px;text-align:center}
.atz-top .t{font-family:"Archivo";font-weight:900;font-size:1.55rem;line-height:1.05}
.atz-top .s{font-size:.96rem;color:#cdd9e6;margin-top:5px;font-weight:500}
.atz-top .urg{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:var(--amber);color:var(--navy-d);padding:6px 13px;border-radius:999px;font-family:"Archivo";font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.atz-top .urg .dot{width:9px;height:9px;border-radius:50%;background:#19a94f;box-shadow:0 0 0 2px rgba(255,255,255,.7);animation:blip 1.4s infinite}

/* =========================================================================
   NATIVE ELEMENTOR PRO FORM  (Form widget carries class "atz-intake").
   Selectors written against the actual rendered Elementor Pro markup.
   ========================================================================= */
/* prevent multi-step flash: honor Elementor's hidden state from the first paint */
.atz-intake .elementor-hidden{display:none !important}
.atz-intake .elementor-field-group{margin-bottom:13px}
.atz-intake .elementor-field-group > .elementor-field-label{font-size:.84rem;font-weight:700;color:var(--navy);margin-bottom:6px;line-height:1.3}
/* inputs AND selects both carry .elementor-field-textual */
.atz-intake .elementor-field-textual{width:100%;font-family:inherit;font-size:16px;padding:14px 13px;border:1.5px solid var(--line);border-radius:9px;background:var(--off);color:var(--navy);height:auto;line-height:1.3;box-shadow:none}
.atz-intake select.elementor-field-textual{-webkit-appearance:auto;appearance:auto}
.atz-intake .elementor-field-textual:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px rgba(232,162,58,.22);background:#fff}
/* select wrapper is just a container — strip Elementor's custom caret + any border */
.atz-intake .elementor-field.elementor-select-wrapper{border:none;padding:0;background:none}
.atz-intake .select-caret-down-wrapper{display:none}
/* progress indicator -> TWO DASHES (like the original .prog), not a full bar.
   Centered 74px track with a white notch splitting it; amber meter fills per
   step (50% = one dash amber, 100% = both). */
.atz-intake .e-form__indicators{display:block;width:74px;max-width:74px;margin:0 auto 16px}
.atz-intake .e-form__indicators__indicator__progress{position:relative;height:5px;border-radius:3px;background:var(--line);overflow:visible}
.atz-intake .e-form__indicators__indicator__progress__meter{height:5px;border-radius:3px;background:var(--amber);font-size:0;color:transparent;line-height:5px;min-width:0}
.atz-intake .e-form__indicators__indicator__progress::after{content:"";position:absolute;top:-1px;bottom:-1px;left:50%;width:6px;transform:translateX(-50%);background:#fff}
/* button row: submit on top, "go back" beneath */
.atz-intake .e-form__buttons{display:flex;flex-direction:column-reverse;gap:6px}
.atz-intake .e-form__buttons .e-form__buttons__wrapper{width:100%;margin-bottom:0}
/* every form button shares .elementor-button -> big amber */
.atz-intake .elementor-button{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;background:var(--amber);color:var(--navy-d);border:none;font-family:"Archivo";font-weight:900;font-size:1.14rem;padding:17px;border-radius:11px;cursor:pointer;text-transform:uppercase;letter-spacing:.01em;transition:background .15s}
.atz-intake .elementor-button:hover{background:var(--amber-h)}
.atz-intake .elementor-button .elementor-button-text{color:var(--navy-d)}
.atz-intake .e-form__buttons__wrapper__button-next{animation:pulse 2.4s infinite}
/* "Go back" -> subtle underlined link (after base to win on equal specificity) */
.atz-intake .e-form__buttons__wrapper__button-previous{background:none;color:var(--slate-l);font-family:inherit;font-weight:600;font-size:.86rem;text-transform:none;letter-spacing:0;text-decoration:underline;padding:12px;animation:none}
.atz-intake .e-form__buttons__wrapper__button-previous:hover{background:none;color:var(--navy)}
/* consent paragraph (rendered as an HTML field) */
.atz-intake .elementor-field-type-html .consent2{font-size:.66rem;color:var(--slate-l);line-height:1.5;margin-top:4px}
.atz-intake .elementor-field-type-html .consent2 a{color:var(--amber-d);font-weight:700}
/* success / thank-you message */
.atz-intake .elementor-message-success{text-align:center;padding:24px 12px;background:none;border:none;color:var(--navy);font-family:"Archivo";font-weight:800;font-size:1.1rem;line-height:1.4}

/* =========================================================================
   BELOW-HERO SECTIONS (used by atrazine-below-hero.html)
   ========================================================================= */
/* ===== SECTION BASE ===== */
section.block{padding:64px 0}
@media(min-width:760px){section.block{padding:96px 0}}
section.alt{background:var(--off)}
.block h2{font-size:2rem;font-weight:800;margin-bottom:18px;font-family:"Archivo",sans-serif;color:var(--navy);line-height:1.06;letter-spacing:-.015em}
@media(min-width:620px){.block h2{font-size:2.7rem}}
.block .lead{font-size:1.18rem;color:var(--slate);max-width:60ch}

/* ===== STATS BAND ===== */
.band{position:relative;background:var(--navy-d) url("https://atrazineclaims.com/wp-content/uploads/2026/06/storage-shed-atra1.webp") center/cover;color:#fff}
.band::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,33,56,.82),rgba(11,33,56,.9))}
.band .wrap{position:relative;z-index:2;padding:54px 22px}
.band .grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 18px;text-align:center}
@media(min-width:760px){.band .grid{grid-template-columns:repeat(4,1fr)}}
.stat .n{font-family:"Archivo";font-weight:900;font-size:2.4rem;color:var(--amber);line-height:1}
@media(min-width:620px){.stat .n{font-size:3rem}}
.stat .lab{font-size:.92rem;color:#cdd9e6;margin-top:9px;font-weight:500;line-height:1.4}

/* ===== MATCH / CRITERIA ===== */
.matchgrid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:34px}
@media(min-width:720px){.matchgrid{grid-template-columns:1fr 1fr;gap:16px 40px}}
.mrow{display:flex;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mrow .ck{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:rgba(232,162,58,.16);color:var(--amber-d);display:grid;place-items:center;font-weight:900;margin-top:1px}
.mrow .mt{font-size:1.06rem;color:var(--navy);font-weight:600}
.mrow .mt small{display:block;font-weight:400;color:var(--slate-l);font-size:.92rem;margin-top:2px}
.matchcta{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.matchcta .big{font-family:"Archivo";font-weight:800;font-size:1.2rem;color:var(--navy)}
.abtn{display:inline-block;background:var(--amber);color:var(--navy-d);text-decoration:none;font-family:"Archivo";font-weight:900;text-transform:uppercase;letter-spacing:.01em;padding:15px 26px;border-radius:11px}
.abtn:hover{background:var(--amber-h)}

/* ===== EXPOSURE ===== */
.expo{display:grid;grid-template-columns:1fr;gap:0;margin-top:38px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
@media(min-width:760px){.expo{grid-template-columns:1fr 1fr}}
.ex{position:relative;min-height:300px;display:flex;align-items:flex-end;background:var(--navy-d) center/cover}
.ex::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,33,56,.15),rgba(11,33,56,.85))}
.ex .lab{position:relative;z-index:2;padding:26px 24px;color:#fff}
.ex h3{color:#fff;font-size:1.35rem;font-weight:800;margin-bottom:6px;font-family:"Archivo",sans-serif}
.ex p{color:#dbe5ef;font-size:1rem}
.ex1{background-image:url("https://atrazineclaims.com/wp-content/uploads/2026/06/at-mixing1.webp")}
.ex2{background-image:url("https://atrazineclaims.com/wp-content/uploads/2026/06/consumer-pics.webp")}
.brands{margin-top:28px;text-align:center;font-size:1.05rem;color:var(--slate)}
.brands b{color:var(--navy)}

/* ===== WHY (editorial) ===== */
.why .grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:8px}
@media(min-width:900px){.why .grid{grid-template-columns:1fr 1fr;gap:54px}}
.why p{margin-bottom:14px;font-size:1.08rem;color:var(--slate)}
.why h3{font-size:1.25rem;font-weight:800;margin:18px 0 8px;font-family:"Archivo",sans-serif;color:var(--navy)}
.pull{font-family:"Spectral",Georgia,serif;font-style:italic;font-weight:500;font-size:1.65rem;line-height:1.32;color:var(--navy);border-left:4px solid var(--amber);padding:6px 0 6px 22px;margin:6px 0}
.fineprint{font-size:.86rem;color:var(--slate-l)}

/* ===== COVER (hand-drawn icons) ===== */
.cover{display:grid;grid-template-columns:1fr;gap:40px;margin-top:46px}
@media(min-width:760px){.cover{grid-template-columns:repeat(3,1fr);gap:30px}}
.citem{text-align:center;padding:0 6px}
.cic{display:flex;justify-content:center;margin-bottom:14px}
.cic svg{width:92px;height:92px}
@media(min-width:620px){.cic svg{width:108px;height:108px}}
.citem h3{font-size:1.32rem;font-weight:800;margin-bottom:7px;font-family:"Archivo",sans-serif;color:var(--navy)}
.citem p{color:var(--slate);font-size:1.05rem;max-width:30ch;margin:0 auto}

/* ===== STEPS ===== */
.steps{display:grid;grid-template-columns:1fr;gap:30px;margin-top:42px}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr);gap:36px}}
.stp{display:flex;gap:18px;align-items:flex-start}
.stp .n{font-family:"Archivo";font-weight:900;font-size:2.6rem;color:var(--amber);line-height:.9;flex:0 0 auto}
.stp h3{font-size:1.16rem;font-weight:800;margin-bottom:5px;font-family:"Archivo",sans-serif;color:var(--navy)}
.stp p{color:var(--slate);font-size:1rem}

/* ===== FINAL CTA ===== */
.cta{background:var(--navy-d);color:#fff;text-align:center;padding:74px 0}
.cta h2{color:#fff;font-size:2.1rem;max-width:20ch;margin:0 auto 14px;font-family:"Archivo",sans-serif;line-height:1.06}
@media(min-width:620px){.cta h2{font-size:2.8rem}}
.cta p{color:#cdd9e6;font-size:1.16rem;max-width:52ch;margin:0 auto 30px}
.ctab{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.ctab a{font-family:"Archivo";font-weight:900;text-decoration:none;padding:17px 30px;border-radius:11px;font-size:1.08rem;text-transform:uppercase;letter-spacing:.01em}
.ctab .p{background:var(--amber);color:var(--navy-d)}.ctab .p:hover{background:var(--amber-h)}
.ctab .g{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45)}

/* ===== FOOTER ===== */
footer{background:#081a2e;color:#8aa0b6;font-size:.82rem;line-height:1.65;padding:38px 0 100px}
footer .wrap{display:grid;gap:14px}
footer strong{color:#c4d2e0}
footer a{color:#c4d2e0}
footer .paid{font-family:"Archivo";font-weight:800;letter-spacing:.1em;color:#c4d2e0}

/* ===== STICKY MOBILE BAR ===== */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;box-shadow:0 -6px 22px rgba(11,33,56,.3)}
.mbar a{flex:1;text-align:center;font-family:"Archivo";font-weight:900;padding:15px 8px;text-decoration:none;font-size:1rem;text-transform:uppercase}
.mbar .c{background:var(--navy);color:#fff}
.mbar .f{background:var(--amber);color:var(--navy-d)}
@media(min-width:860px){.mbar{display:none}}/* End custom CSS */