@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-Light.woff2') format('woff2');
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-LightItalic.woff2') format('woff2');
  font-weight:300;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-Regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-Italic.woff2') format('woff2');
  font-weight:400;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-Medium.woff2') format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-MediumItalic.woff2') format('woff2');
  font-weight:500;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-Semibold.woff2') format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-SemiboldItalic.woff2') format('woff2');
  font-weight:600;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-Bold.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Rowan';
  src:url('../fonts/rowan/Rowan-BoldItalic.woff2') format('woff2');
  font-weight:700;
  font-style:italic;
  font-display:swap;
}

/* ============================================================
   ZENWORK — TOKENS  (white-dominant, green as accent)
   ============================================================ */
:root{--type-h2:clamp(2.25rem, 3.1vw, 3rem);
  /* Brand */
  --green:#00AB52;
  --green-ink:#00814A;      /* darker green for text on white (AA contrast) */
  --green-deep:#0C331E;     /* the single immersive dark canvas */
  --lime:#ACD400;
  /* Official Green tonal system (reference palette) */
  --g-025:#F7FCFA; --g-050:#E6F7EE; --g-100:#D9F2E5; --g-200:#B0E5C9;
  --g-300:#00AB52; --g-400:#009A44; --g-500:#008942; --g-600:#00803E;
  --g-700:#006731; --g-800:#004D25; --g-900:#003C1D;
  --yellow:#F2E400;
  /* Lemon tonal scale — for quiet SELECTED-control surfaces (filters/tabs).
     Distinct from --yellow, which stays reserved for the primary-CTA gradient. */
  --lemon-050:#FFFDE0; --lemon-100:#FFF9B8; --lemon-300:#E3D400;
  --ink:#0F1822;
  --white:#FFFFFF;

  /* Light neutrals — the page is mostly these */
  --paper:#FFFFFF;
  --paper-2:#FAFBFA;        /* barely-there section alternation */
  --mist:#F4F7F5;           /* rare soft panel */
  --line:#EAEEEB;           /* hairlines, very light */
  --footer-divider:rgba(15,24,34,.16); /* dedicated light-footer divider — clearly visible, still secondary */
  --line-2:#DEE5E0;
  --muted:#576560;
  --muted-2:#8A968F;

  /* On the one dark section */
  --on-dark:#EAF3ED;
  --on-dark-muted:#9DB6A7;
  --on-dark-line:rgba(255,255,255,0.13);

  /* Product tonal scales — each sub-product's own brand palette, 025→900.
     These are NOT decoration; they build the actual UI of each product's
     artifact in the Platform section and the Integrations flow. The Zenwork
     parent brand (green/lime/yellow above) remains the page's foundation —
     these only appear inside a specific product's own experience. */
  --compliancely-025:#F7FEFF; --compliancely-050:#EDFAFD; --compliancely-100:#E4F7FC;
  --compliancely-200:#C8EEF8; --compliancely-300:#4CC9E9; --compliancely-400:#44B5D2;
  --compliancely-500:#3DA1BA; --compliancely-600:#3997AF; --compliancely-700:#2E798C;
  --compliancely-800:#225A69; --compliancely-900:#1B4652;

  --payments-025:#FFFCF2; --payments-050:#FFF6D9; --payments-100:#FFE9A8;
  --payments-200:#FFD66A; --payments-300:#FDB600; --payments-400:#E6A400;
  --payments-500:#CC9100; --payments-600:#B37E00; --payments-700:#8F6400;
  --payments-800:#6B4A00; --payments-900:#473100;

  --tax1099-025:#F5F8FE; --tax1099-050:#E6EDF8; --tax1099-100:#D9E3F5;
  --tax1099-200:#B0C6EA; --tax1099-300:#0047BB; --tax1099-400:#0040A8;
  --tax1099-500:#003996; --tax1099-600:#00358C; --tax1099-700:#002B70;
  --tax1099-800:#002054; --tax1099-900:#00122E;

  --serif:'Rowan',Georgia,'Times New Roman',serif;
  --sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  --maxw:clamp(1200px, 90vw, 1600px);
  --maxw-wide:1320px;
  --edge:24px;   /* single source of truth for the page's horizontal inset — the
                    floating nav pill uses this exact value, so resting content
                    and the scrolled pill always line up, at every viewport width */
  --gap:clamp(80px,9vw,132px);   /* rhythmic section spacing — was clamp(104px,13vw,184px) */

  --r-lg:18px;
  --r-md:12px;
  --r-sm:8px;

  --shadow-sm:0 1px 2px rgba(15,24,34,0.04);
  --shadow:0 1px 3px rgba(15,24,34,0.05), 0 18px 40px -22px rgba(15,24,34,0.16);
  --shadow-lift:0 2px 6px rgba(15,24,34,0.06), 0 30px 70px -28px rgba(15,24,34,0.22);
  --ease:cubic-bezier(0.22,0.61,0.36,1);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:17px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
img,svg{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--serif);font-weight:400;}
p{margin:0;font-family:var(--sans);}
blockquote{margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
button,input,select,textarea{font-family:var(--sans);}
button{cursor:pointer;}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px;}
button:focus-visible{outline-offset:2px;}
a:focus-visible{border-radius:6px;}
.skip-link{
  position:absolute;top:-100px;left:16px;z-index:9999;
  background:var(--ink);color:#fff;padding:10px 20px;border-radius:8px;
  font-size:14px;font-weight:600;
  transition:top 200ms var(--ease);
}
.skip-link:focus{top:12px;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition-duration:0.01ms!important;animation-duration:0.01ms!important;}}

/* Primitives */
.wrap{width:min(calc(100% - (var(--edge) * 2)), var(--maxw));margin-inline:auto;}
.wrap--wide{max-width:var(--maxw-wide);}
@media (max-width:640px){:root{--edge:20px;}}
.section{padding:var(--gap) 0;scroll-margin-top:130px;}
.section + .section:not(.alt){border-top:1px solid var(--line);}
.alt{background:var(--paper-2);}
.reveal{opacity:0;transform:translateY(20px);transition:opacity 850ms var(--ease),transform 850ms var(--ease);}
.reveal.in{opacity:1;transform:none;}
.reveal[data-d="1"]{transition-delay:.08s;}
.reveal[data-d="2"]{transition-delay:.16s;}
.reveal[data-d="3"]{transition-delay:.24s;}

/* Type scale — big, editorial */
.eyebrow{
  font-family:var(--sans);font-size:12.5px;font-weight:700;
  letter-spacing:0.15em;text-transform:uppercase;color:var(--green-ink);
  display:block;margin-bottom:22px;
}
.display{
  font-family:var(--serif);
  font-size:clamp(64px,8.6vw,124px);line-height:1.06;letter-spacing:-0.025em;
}
.display .it{font-style:italic;}
.h2{font-family:var(--serif);font-size:var(--type-h2);line-height:1.08;letter-spacing:-0.018em;text-wrap:balance;}
.h3{font-family:var(--serif);font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-0.012em;}
.lead{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--muted);}
.measure{max-width:56ch;}

/* Buttons — Zenwork Yellow/Lemon is the primary-action color; green is reserved
   for secondary/system/semantic usage. Matches the approved 1099 implementation
   exactly: gradient fill, dark readable text, no visible border artifacts. */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:52px;padding:0 26px;border-radius:999px;font-size:15.5px;font-weight:600;line-height:1;
  border:0;background-clip:border-box;
  transition:transform 200ms var(--ease),background 200ms,box-shadow 200ms,border-color 200ms;white-space:nowrap;
}
.btn svg{width:16px;height:16px;transition:transform 260ms var(--ease);}
.btn:hover svg{transform:translateX(3px);}
.btn--primary,.btn--yellow{background:linear-gradient(105deg,#F2E400 0%,#E8DB00 58%,#DACD00 100%);color:#241F00;box-shadow:0 10px 24px -14px rgba(36,31,0,.32);}
.btn--primary:hover,.btn--yellow:hover{transform:translateY(-1px);background:linear-gradient(105deg,#F2E400 0%,#E3D600 50%,#CFC300 100%);box-shadow:0 14px 28px -14px rgba(36,31,0,.38);}
.btn--primary:active,.btn--yellow:active{transform:translateY(0);box-shadow:0 6px 16px -12px rgba(36,31,0,.26);}
.btn:focus-visible{outline-offset:3px;}
/* secondary — light background context: transparent, dark text, subtle neutral/green border */
.btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2);}
.btn--ghost:hover{background:rgba(0,171,82,.06);border-color:rgba(0,129,74,.35);}
/* secondary — dark background context: transparent, light text, subtle light border */
.btn--ghost-dark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.32);}
.btn--ghost-dark:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);}
.btn--lg{height:58px;padding:0 34px;font-size:16.5px;}
.textlink{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:15px;color:var(--green-ink);}
.textlink svg{width:15px;height:15px;transition:transform 240ms var(--ease);}
.textlink:hover svg{transform:translateX(4px);}
.textlink--ink{color:var(--ink);}

/* section heading block */
.shead{margin-bottom:clamp(48px,6vw,76px);}
.shead .h2{margin-bottom:0;}
.shead p{margin-top:22px;font-size:19px;line-height:1.55;color:var(--muted);max-width:50ch;}
.shead--center{margin-left:auto;margin-right:auto;text-align:center;}
.shead--center p{margin-left:auto;margin-right:auto;}

/* Section strip — Zenwork's own signature device (see zenwork.com's green-strip/
   yellow-strip marks before each section label). Small, quiet, never a full rule. */


/* ============================================================
   NAV — with lightweight dropdown panels per item
   ============================================================ */
.util{background:var(--ink);color:var(--on-dark-muted);font-size:13px;}
.util .wrap{display:flex;justify-content:flex-end;align-items:center;gap:20px;height:38px;}
.util a:hover{color:#fff;}
.util .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4;}

.nav{display:block;position:sticky;top:0;z-index:100;transition:padding 420ms var(--ease);}
.nav__utility{
  background:
    radial-gradient(60% 140% at 78% 50%, rgba(0,171,82,.06), transparent 70%),
    linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
  border-bottom:1px solid var(--line);
  max-width:100%;
  transition:background 420ms var(--ease),border-color 420ms var(--ease),box-shadow 420ms var(--ease),border-radius 420ms var(--ease),max-width 420ms var(--ease);
}
.nav__utility .wrap{display:flex;align-items:center;height:52px;gap:20px;transition:height 420ms var(--ease),padding 420ms var(--ease);}
.nav__main{
  background:
    radial-gradient(60% 140% at 78% 50%, rgba(0,171,82,.06), transparent 70%),
    linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
  border-bottom:1px solid var(--line);
  max-height:61px;overflow:hidden;
  transition:max-height 420ms var(--ease),opacity 420ms var(--ease),border-color 420ms var(--ease);
}
.nav__main.has-open,
.nav__main:has(.navitem[data-open="true"]){overflow:visible;}
.nav__main .wrap{display:flex;align-items:center;height:60px;gap:36px;position:relative;}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:22px;letter-spacing:-0.01em;color:var(--ink);}
.brand__lockup{height:42px;width:auto;object-fit:contain;display:block;transition:height 380ms var(--ease);}
.brand__mark{width:28px;height:28px;flex:none;object-fit:contain;display:block;}

.navlinks{display:flex;align-items:center;gap:4px;margin-left:auto;}
.navitem{position:relative;}
.navlink{display:inline-flex;align-items:center;gap:5px;height:60px;padding:0 14px;font-size:15px;font-weight:500;color:var(--ink);opacity:.86;background:none;border:0;font-family:inherit;cursor:pointer;transition:opacity 160ms;}
.navlink:hover{opacity:1;}
.navlink .chev{width:11px;height:11px;color:var(--muted-2);transition:transform 240ms var(--ease),color 240ms var(--ease);}
.navitem[data-open="true"] .navlink{opacity:1;}
.navitem[data-open="true"] .navlink .chev{transform:rotate(180deg);color:var(--green);}

/* Dropdown panels — kept light for content readability, but tied back to the
   dark parent with a brand-tinted edge instead of a plain gray border. */
.navpanel{
  position:fixed;top:113px;left:0;right:0;width:100%;
  background:#fff;border-top:1px solid var(--line);
  box-shadow:0 26px 50px -18px rgba(6,20,12,.25);
  padding:32px clamp(24px,4vw,64px) 40px;
  opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;
  transition:opacity 220ms var(--ease),transform 220ms var(--ease),visibility 220ms;
  z-index:110;
}
.nav.scrolled .navpanel{top:64px;}
.navpanel__inner{}
.navpanel__items{display:flex;flex-wrap:wrap;gap:8px 28px;}
.navpanel__head{display:flex;align-items:center;gap:9px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line);}
.navpanel__head-mark{width:10px;height:12px;flex:none;background-image:url('../img/business-verification/business-verification-brand-mark.png');background-size:contain;background-repeat:no-repeat;background-position:center;}
.navpanel__head-label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green-ink);}
.navpanel__item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;transition:background 160ms;box-sizing:border-box;}
.navpanel__item--c3{flex:0 0 calc(33.333% - 19px);}
.navpanel__item--c4{flex:0 0 calc(25% - 21px);}
.navpanel__item--c5{flex:0 0 calc(20% - 23px);}
.navpanel__item:hover{background:var(--g-050);}
.navpanel__item-ic{
  width:42px;height:42px;flex:none;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);background:#fff;color:var(--muted);
  transition:color 160ms,border-color 160ms;
}
.navpanel__item:hover .navpanel__item-ic{color:var(--green-ink);border-color:var(--g-200);}
.navpanel__item-ic svg{width:19px;height:19px;}
.navpanel__item-body b{display:block;font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-0.005em;margin-bottom:2px;}
.navpanel__item-body span{display:block;font-size:12.5px;color:var(--muted-2);font-weight:400;line-height:1.4;}
.navitem[data-open="true"] .navpanel{opacity:1;transform:none;pointer-events:auto;visibility:visible;}
.navpanel--wide{min-width:560px;grid-template-columns:1fr 1fr;display:grid;gap:6px 26px;}
.navpanel--extra{min-width:820px;grid-template-columns:1fr 1fr 1fr;display:grid;gap:6px 24px;}
.navpanel--products{min-width:640px;padding:18px;}
.navpanel__primary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line);}
.navpanel__primary{display:block;padding:12px 12px;border-radius:10px;transition:background 160ms;}
.navpanel__primary:hover{background:var(--paper-2);}
.navpanel__primary__name{display:block;font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-0.005em;margin-bottom:2px;}
.navpanel__primary small{display:block;font-size:12px;color:var(--muted-2);font-weight:400;}
.navpanel__others{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px;}
.navpanel__lbl{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);padding:0 10px 8px;}
.navpanel__group{padding:6px 4px;}
.navpanel a:not(.navpanel__item){display:block;padding:9px 10px;border-radius:8px;font-size:14.5px;font-weight:500;color:var(--ink);opacity:.9;transition:background 160ms,opacity 160ms;}
.navpanel a:not(.navpanel__item):hover{background:var(--paper-2);opacity:1;}
.navpanel a:not(.navpanel__item) small{display:block;font-size:12.5px;color:var(--muted-2);font-weight:400;margin-top:1px;}

.navlinks__mobileauth{display:none;}
.nav__right{margin-left:auto;display:flex;align-items:center;gap:6px;}
.nav__login{padding:0 14px;height:38px;display:inline-flex;align-items:center;font-size:14.5px;font-weight:600;border-radius:999px;color:var(--ink);opacity:.92;transition:background 160ms,opacity 160ms;}
.nav__login:hover{background:var(--paper-2);opacity:1;}
.nav__signup{padding:0 18px;height:38px;display:inline-flex;align-items:center;font-size:14.5px;font-weight:600;border-radius:999px;border:1px solid var(--line-2);color:var(--ink);transition:border-color 160ms,background 160ms;}
.nav__signup:hover{border-color:var(--muted-2);background:var(--paper-2);}
.navtoggle{display:none;background:none;border:1px solid var(--line-2);color:var(--ink);border-radius:8px;height:38px;padding:0 14px;font-size:14px;font-weight:600;}
.nav__utility .btn{height:38px;padding:0 20px;font-size:14.5px;}
.btn-secoundry{background: var(--g-050);
    border-color: var(--g-200) !important;
    color: var(--g-700) !important;
    gap: 6px;
    height: 38px;
    font-weight: 700;
    box-shadow: none;}
.btn-secoundry svg{width:16px;height:16px;transition:transform 260ms var(--ease);}
/* ---- Floating nav on scroll (desktop only — mobile keeps its own
   independent toggle-driven accordion untouched).
   Previously the utility strip itself animated max-width/padding/
   border-radius to "become" a pill on scroll — the shape-morphing read
   as elastic rather than premium. Replaced with a body double: a
   second, independent nav element that is ALWAYS already in its final
   compact-pill form (never animates its own box model), sitting fixed
   and hidden until scroll. The original nav simply fades/lifts away;
   the double fades/settles in. Two static shapes crossfading, nothing
   stretching. ---- */
.nav.scrolled{transition:opacity 260ms var(--ease);}
@media (min-width:961px){
  .nav.scrolled{opacity:0;pointer-events:none;}
  .nav.scrolled .nav__main{pointer-events:none;}
}

.nav-float{
  display:none;
  position:fixed;top:16px;left:50%;
  transform:translateX(-50%) translateY(-10px);
  z-index:101;
  width:min(calc(100% - (var(--edge) * 2)), var(--maxw));
  background:
    radial-gradient(60% 140% at 78% 50%, rgba(0,171,82,.06), transparent 70%),
    linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
  border-radius:999px;
  border:1px solid var(--line-2);
  box-shadow:0 20px 44px -22px rgba(15,24,34,.18),0 2px 12px -2px rgba(15,24,34,.1);
  opacity:0;pointer-events:none;
  transition:opacity 260ms var(--ease),transform 260ms var(--ease);
}
@media (min-width:961px){ .nav-float{display:block;} }
.nav-float.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.nav-float .wrap{display:flex;align-items:center;height:56px;padding-left:28px;padding-right:14px;gap:20px;}
.nav-float .btn{height:38px;padding:0 20px;font-size:14.5px;}
.nav-float .brand__lockup{height:42px;}

@media (prefers-reduced-motion:reduce){
  .nav.scrolled{transition:none;}
  .nav-float{transition:none;}
}

/* ============================================================
   HERO — 2-column, product-led. Left: approved copy, unchanged.
   Right: the actual Zenwork faceted brand photograph (the real
   asset — not a redrawn approximation) with real product UI
   layered on top of it.
   ============================================================ */
/* ============================================================
   HERO — full-bleed product photo, matching the pattern already
   established on Zenwork's own product sites (Payments, EZ2290,
   Compliancely): the real photograph pinned to the viewport edge,
   with a diagonal-cut brand-color facet baked into the image itself
   (dark green here — the parent color — where each product page uses
   its own). Small icon+label callouts straddle the photo's left edge,
   the same device those pages use, here naming the three engines so
   the parent page reads as one family with them.
   ============================================================ */
.hero{position:relative;overflow:hidden;background:#fff;min-height:clamp(560px,58vw,720px);display:flex;align-items:center;}
.hero .wrap{position:relative;z-index:2;width:100%;padding-left:max(var(--edge), calc((100% - var(--maxw)) / 2));padding-top:clamp(56px,7vw,84px);padding-bottom:clamp(56px,7vw,84px);}
.hero__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background: radial-gradient(62% 70% at 14% 10%, rgba(0, 129, 74, .13) 0%, rgba(0, 129, 74, .055) 38%, transparent 68%), radial-gradient(50% 58% at 52% 90%, rgba(172, 212, 0, .075) 0%, rgba(242, 228, 0, .032) 48%, transparent 74%);animation:heroGlowPulse 10s ease-in-out infinite;}
@keyframes heroGlowPulse{0%,100%{opacity:.7;}50%{opacity:1;}}
@media (prefers-reduced-motion:reduce){.hero__glow{animation:none;}}

.hero__row{display:block;}
.hero__inner{position:relative;z-index:2;max-width:760px;text-align:left;margin-top:-28px;}
.hero__inner .display{font-size:clamp(56px,6.6vw,128px);color:var(--ink);}
/* Explicit, font-independent line break: each phrase is its own block and
   never wraps internally (regardless of Rowan's actual character widths,
   which a ch-based max-width can't reliably predict), so this always
   renders as exactly two lines. */
.hero h1{margin:0 0 28px;}
/* .hero h1 .ln,.hero h1 .it{display:block;white-space:nowrap;} */
.hero .lead{margin:0 0 36px;max-width:50ch;font-size:clamp(18px,1.5vw,20px);color:var(--muted);}
.hero__form{display:flex;gap:10px;flex-wrap:wrap;max-width:540px;margin:0;justify-content:flex-start;}

/* ============================================================
   HERO STAGE — full-bleed to the top and right edges, the same
   pattern Zenwork's own product sites (Payments, EZ2290, Compliancely)
   already use: the real photograph pinned to the viewport edge, not
   boxed in a rounded card with a shadow. The live product-verification
   card sits over the photo's left edge, vertically centered against
   the full hero height — the same device those pages use for feature
   callouts, holding one real animated artifact here instead of three
   static labels, so it reads as a Zenwork page but keeps the richer
   demo. Sized generously so the payee name and EIN never need to
   truncate. ============================================================ */
.hstage{
  position:absolute;top:0;right:0;bottom:0;z-index:1;
  width:40%;
  overflow:hidden;pointer-events:none;
}
@media (min-width:1467px){ .hstage{width:620px;} }
.hstage__img{
  position:absolute;top:0;right:0;bottom:0;left:0;
  width:100%;height:100%;object-fit:cover;object-position:center 18%;
  display:block;
  animation:heroPhotoDrift 13s ease-in-out infinite;
}
@keyframes heroPhotoDrift{0%,100%{transform:scale(1);}50%{transform:scale(1.018);}}
@media (prefers-reduced-motion:reduce){.hstage__img{animation:none;}}

.hstage__wrap{
  position:absolute;top:0;bottom:0;z-index:3;
  /* min() keeps the straddle-the-photo-edge offset at wide widths, but stops
     it from pushing the card left into the paragraph text once the viewport
     narrows — 100% - 1010px guarantees clearance under the lead's right edge
     down to the mobile breakpoint. */
  right:min(calc(40% - 172px), calc(100% - 1010px));
  width:345px;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateX(-14px);
  animation:hstage-in .8s var(--ease) .4s forwards;
}
@keyframes hstage-in{to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.hstage__wrap{opacity:1;transform:none;animation:none;}}

.hstage__card{
  position:relative;width:100%;
  border-radius:14px;overflow:hidden;background:#fff;
  box-shadow:0 18px 36px -16px rgba(15,24,34,.22),0 2px 6px rgba(15,24,34,.06);
}
.product__foot{padding:0 16px 16px;}
.product__foot-track{display:block;height:4px;border-radius:2px;background:var(--stage-100,var(--paper-2));overflow:hidden;}
.product__foot-fill{display:block;height:100%;width:35%;border-radius:2px;background:var(--stage-c,var(--green));transition:width 500ms var(--ease);}
.hstage__card[data-stage="verify"]{--stage-025:var(--compliancely-025);--stage-100:var(--compliancely-100);--stage-200:var(--compliancely-200);--stage-c:var(--compliancely-300);--stage-c-ink:var(--compliancely-700);}
.hstage__card[data-stage="pay"]{--stage-025:var(--payments-025);--stage-100:var(--payments-100);--stage-200:var(--payments-200);--stage-c:var(--payments-300);--stage-c-ink:var(--payments-700);}
.hstage__card[data-stage="report"]{--stage-025:var(--tax1099-025);--stage-100:var(--tax1099-100);--stage-200:var(--tax1099-200);--stage-c:var(--tax1099-300);--stage-c-ink:var(--tax1099-700);}
.hstage__card .product__head{padding:14px 16px;gap:9px;}
.hstage__card .product__av{width:30px;height:30px;border-radius:8px;font-size:10px;background:var(--g-025);border:1px solid var(--g-200);color:var(--green-ink);box-shadow:none;}
.hstage__card .product__av svg{width:16px;height:16px;}
.hstage__card .product__id b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px;display:inline-block;}
.hstage__card .product__id__sub{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px;display:inline-block;}
.hstage__card .product__seal{font-size:9.5px;padding:0;flex:none;background:transparent;border:0;border-radius:0;color:var(--muted);letter-spacing:.06em;box-shadow:none;}
.hstage__card .product__body{padding:18px 16px 20px;}
.hstage__card .product__row{padding:9px 0;font-size:11.5px;}

.hstage__steps{
  display:flex;align-items:center;justify-content:center;gap:9px;
  padding:10px 14px 12px;
  background:var(--paper-2);
  border-top:1px solid rgba(15,24,34,.05);
}
.hstage__step{
  font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted-2);opacity:.7;
  transition:color 300ms var(--ease),opacity 300ms var(--ease);
}
.hstage__step:not(:last-child)::after{content:"\00b7";margin-left:9px;color:var(--line-2);font-weight:400;}
.hstage__step.is-on{opacity:1;}
.hstage__step[data-hstep="verify"].is-on{color:#4CC9E9;}
.hstage__step[data-hstep="pay"].is-on{color:#FDB600;}
.hstage__step[data-hstep="report"].is-on{color:#0047BB;}







/* Proof statement — restrained editorial line: quiet label, the number does the work */
.hero__proof{
  display:block;margin:0 0 28px;font-size:14px;color:var(--muted);letter-spacing:0.005em;line-height:1.3;
}
/* Odometer — each decimal digit is its own vertical reel that rolls to its neighbor,
   the way a live data readout ticks (see Ramp's hero number treatment). The integer
   and punctuation stay static text; only the four decimal digits ever move. */
.odometer{
  display:inline-flex;align-items:baseline;color:var(--green-ink);font-weight:700;
  font-size:1.28em;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;
}

.hero__input{flex:1;min-width:220px;height:54px;padding:0 22px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font-size:15.5px;font-family:inherit;color:var(--ink);transition:border-color 180ms,box-shadow 180ms;}
.hero__input::placeholder{color:var(--muted-2);}
.hero__input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(0,171,82,.1);}
.hero__load > *{opacity:0;transform:translateY(16px);animation:up .9s var(--ease) forwards;}
.hero__load > *:nth-child(1){animation-delay:.05s;}
.hero__load > *:nth-child(2){animation-delay:.15s;}
.hero__load > *:nth-child(3){animation-delay:.25s;}
.hero__load > *:nth-child(4){animation-delay:.35s;}
@keyframes up{to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.hero__load > *{opacity:1;transform:none;animation:none;}}

/* ============================================================
   DEMO — product walkthrough (introduced right after hero)
   ============================================================ */
.demo__frame{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-lift);overflow:hidden;max-width:1060px;margin:0 auto;}
.demo__bar{height:46px;background:var(--paper-2);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 18px;}
.demo__bar i{width:10px;height:10px;border-radius:50%;background:var(--line-2);display:block;}
.demo__bar .url{margin-left:14px;font-size:12.5px;color:var(--muted-2);font-weight:500;}
.demo__bar .live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--green-ink);text-transform:uppercase;}
.demo__bar .live .pip{width:7px;height:7px;border-radius:50%;background:var(--green);}
.demo__stage{padding:44px 40px 38px;}
.demo__steps{display:flex;align-items:flex-start;position:relative;}
.dstep{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;position:relative;opacity:.38;transition:opacity 500ms var(--ease);}
.dstep.on{opacity:1;}
.dstep__node{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:var(--paper-2);color:var(--muted-2);border:1px solid var(--line-2);transition:all 500ms var(--ease);position:relative;z-index:2;}
.dstep.on .dstep__node{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 10px 24px -10px rgba(0,171,82,.55);transform:translateY(-3px);}
.dstep.done .dstep__node{background:#fff;border-color:var(--green);color:var(--green-ink);}
.dstep__node svg{width:25px;height:25px;}
.dstep__label{margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);transition:color 400ms;}
.dstep.on .dstep__label{color:var(--ink);}
.dstep__cap{margin-top:7px;font-size:13px;color:var(--muted-2);line-height:1.4;min-height:2.8em;max-width:17ch;}
.dstep__wire{position:absolute;top:28px;left:50%;width:100%;height:2px;background:var(--line-2);z-index:1;overflow:hidden;}
.dstep:last-child .dstep__wire{display:none;}
.dstep__wire::after{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform 600ms var(--ease);}
.dstep.done .dstep__wire::after{transform:scaleX(1);}
.demo__ticker{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);justify-content:center;flex-wrap:wrap;}
.demo__ticker .rec{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:var(--ink);}
.demo__ticker .rec .av{width:26px;height:26px;border-radius:7px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;}
.demo__ticker .now{font-family:var(--serif);font-style:italic;color:var(--green-ink);}
.demo__note{margin-top:22px;text-align:center;color:var(--muted-2);font-size:12.5px;}

/* ============================================================
   TRUST STRIP
   ============================================================ */
.trust{padding:48px 0 0;text-align:center;}
.trust p.tl{font-size:14px;color:var(--muted-2);letter-spacing:.02em;margin-bottom:22px;}
.trust__chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-bottom:32px;}
/* Shared filter/tab control — Trust chips and Industry tabs are the same
   interaction, so they share one system: sizing, hover, selected and focus
   states all live here rather than being tuned independently per instance. */
.chip,.ind__tab{height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:transparent;font-size:13.5px;font-weight:600;color:var(--muted);transition:background 180ms var(--ease),border-color 180ms var(--ease),color 180ms var(--ease);display:inline-flex;align-items:center;}
.chip:hover,.ind__tab:hover{background:var(--g-025);border-color:var(--g-200);color:var(--green-ink);}
.chip:focus-visible,.ind__tab:focus-visible{outline-offset:2px;}
/* Selected state — a quiet green-tonal surface (not the Yellow/Lemon primary-
   CTA treatment): selected filters/tabs are indicating state, not asking
   for a click, so they stay restrained — same family as the hover state,
   just a touch more settled, with a slightly stronger label weight. */
.chip[aria-pressed="true"],.ind__tab[aria-selected="true"]{background:var(--g-050);border-color:var(--g-200);color:var(--g-700);font-weight:700;box-shadow:none;}
/* ============================================================
   LOGO MARQUEE — two duplicate .marquee-group sequences inside one
   flex track; translate3d(-50%) shifts by exactly one group's width,
   so the loop is seamless. hover only ever sets animation-play-state,
   so it pauses and resumes at the exact same position — it can never
   reset or jump. Real customer/partner marks stay in their original,
   unaltered colors and proportions; only display height is scaled
   for row balance. Ported verbatim from the 1099 design system as a
   static demo strip — swap in the confirmed Zenwork logo list when
   available.
   ============================================================ */
.logow-section{position:relative;overflow:hidden;background:#fff;padding:0 0 clamp(32px,4.4vw,44px);}
.logow__marquee{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 4%,#000 10%,#000 90%,rgba(0,0,0,.5) 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 4%,#000 10%,#000 90%,rgba(0,0,0,.5) 96%,transparent 100%);
}
.logow__track{display:flex;align-items:center;gap:clamp(30px,calc(16px + 3.8889vw),72px);width:max-content;will-change:transform;animation:logowscroll 36s linear infinite;}
.marquee-group{display:flex;align-items:center;gap:clamp(30px,calc(16px + 3.8889vw),72px);flex-shrink:0;}
.logow__marquee:hover .logow__track{animation-play-state:paused;}
@keyframes logowscroll{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
.logow__img{height:clamp(22px,calc(18px + 1.1111vw),34px);width:auto;flex-shrink:0;display:block;object-fit:contain;}
.logow__img--badge{height:clamp(17px,calc(14px + 0.8333vw),26px);}
@media (prefers-reduced-motion:reduce){.logow__track{animation:none;}}


/* ============================================================
   PLATFORM — one product, three lenses. Prove as a light supporting layer.
   Verify → Pay → Report select the lens; the product view changes.
   ============================================================ */
.plat{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,var(--paper-2) 45%,#fff);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.plat::before{
  content:"";
  position:absolute;top:0;right:0;bottom:0;left:0;
  z-index:0;pointer-events:none;
  background:
    radial-gradient(44% 60% at 82% 0%, rgba(172,212,0,.08), transparent 66%),
    radial-gradient(38% 50% at 6% 100%, rgba(0,171,82,.06), transparent 68%);
}
.plat > .wrap{position:relative;z-index:1;}

/* Stage selector — three lenses, workflow-directional. Clean and calm. */
.plat__stages{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:8px;
  max-width:780px;
  margin:0 auto clamp(56px,6vw,88px);
  padding:0 clamp(12px,2vw,24px);
}
.pstage{
  position:relative;
  background:transparent;border:0;padding:14px 18px 20px;
  cursor:pointer;text-align:left;font-family:inherit;
  display:flex;align-items:center;gap:14px;
  border-radius:14px;
  transition:background 220ms var(--ease);
}
.pstage:hover{background:rgba(15,24,34,0.025);}
.pstage:focus-visible{background:rgba(15,24,34,0.025);outline:2px solid var(--green);outline-offset:2px;border-radius:var(--r-md);}
.pstage__ico{
  width:40px;height:40px;border-radius:12px;flex:none;
  display:grid;place-items:center;
  background:var(--paper-2);border:1px solid var(--line);color:var(--muted-2);
  transition:all 340ms var(--ease);
}
.pstage__ico svg{width:20px;height:20px;}
.pstage[aria-selected="true"] .pstage__ico{
  background:linear-gradient(135deg,var(--green),var(--lime) 70%,var(--yellow));
  border-color:var(--green);color:#fff;
  box-shadow:0 8px 18px -8px rgba(0,171,82,.5);
}
.pstage__body{display:flex;flex-direction:column;gap:3px;min-width:0;}
.pstage__name{
  font-family:var(--serif);font-size:22px;letter-spacing:-0.014em;
  color:var(--muted-2);font-weight:400;
  transition:color 340ms var(--ease);
}
.pstage[aria-selected="true"] .pstage__name{color:var(--ink);}
/* underline appears under the active stage — the "lens indicator" */
.pstage::after{
  content:"";position:absolute;
  left:18px;right:18px;bottom:10px;
  height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--green),var(--lime) 60%,var(--yellow));
  transform:scaleX(0);transform-origin:left;
  transition:transform 380ms var(--ease);
}
.pstage[aria-selected="true"]::after{transform:scaleX(1);}

/* Arrows between stages — sequence indicator */
.pstage__arrow{
  color:var(--line-2);
  display:grid;place-items:center;
  transition:color 320ms var(--ease);
}
.pstage__arrow svg{width:16px;height:16px;}

/* Central content — caption LEFT, one product interface RIGHT.
   The frame doesn't change on selection; the CONTENT inside does. */
.plat__body{
  position:relative;
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:clamp(40px,4vw,72px);
  align-items:center;
  padding-bottom:clamp(40px,5vw,64px);
  /* Capped to the site's existing --maxw-wide token (1320px, already used
     elsewhere) rather than the full 1600px wrap, then centered: flush-left
     alignment left a hanging block of empty space on the right at wide
     viewports, which read as broken rather than intentional. Centering
     splits that leftover evenly into two matching side margins — smaller
     than the section's original 1120px cap, so it still reads noticeably
     wider/more consistent with the rest of the page, while the caption and
     product card — each still capped on its own terms below — stay close
     enough together to read as one module instead of two stranded pieces.
     On anything narrower than the cap this is simply the wrap's full
     width, unchanged. */
  max-width:var(--maxw-wide);margin-inline:auto;
}
/* Ambient product-colored light behind the active artifact — cyan for Verify,
   yellow for Pay, blue for Report. Large, blurred, low-opacity, and purely
   decorative (z-index:0, pointer-events:none) so it never affects layout. */
.plat__body::before{
  content:"";
  position:absolute;top:-14%;right:-8%;
  width:64%;height:128%;
  z-index:0;pointer-events:none;
  background:radial-gradient(58% 58% at 50% 46%, var(--stage-glow,var(--green)), transparent 72%);
  opacity:.15;
  filter:blur(64px);
  transition:background 340ms var(--ease);
}
.plat__body[data-stage="verify"]{--stage-glow:var(--compliancely-300);}
.plat__body[data-stage="pay"]{--stage-glow:var(--payments-300);}
.plat__body[data-stage="report"]{--stage-glow:var(--tax1099-300);}
.plat__caption,.plat__product{position:relative;z-index:1;}

/* Caption — cross-fades on stage switch */
.plat__caption{
  display:flex;flex-direction:column;gap:18px;
  max-width:54ch;
  transition:opacity 220ms var(--ease),transform 220ms var(--ease);
}
.plat__caption.switching{opacity:0;transform:translateY(6px);}
/* Product lockup — the real sub-brand logo, given room to read as a premium mark. */
.plat__prodmark{display:flex;align-items:center;gap:10px;}
.plat__lockup{height:26px;width:auto;display:block;object-fit:contain;}
.plat__lockup--text{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-0.005em;}
.plat__prodname{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.01em;}
.plat__caption h3{
  font-family:var(--serif);font-size:clamp(30px,3.2vw,44px);
  line-height:1.08;letter-spacing:-0.02em;color:var(--ink);font-weight:400;
}
.plat__caption p{
  font-size:15.5px;line-height:1.65;color:var(--muted);
  font-family:var(--sans);
}

/* Product interface — one card. Frame constant, body cross-fades. */
.plat__product{
  position:relative;
  background:#fff;border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 44px 100px -50px rgba(15,24,34,.2),0 2px 6px rgba(15,24,34,.05);
  overflow:hidden;
  width:100%;max-width:620px;justify-self:end;
  --stage-025:var(--paper-2);--stage-100:var(--paper-2);--stage-200:var(--line-2);
  --stage-c:var(--green);--stage-c-ink:var(--green-ink);--stage-700:var(--green-ink);--stage-900:var(--green-deep);
}
/* Product-color inheritance, using each product's actual tonal scale rather than
   a single swapped accent: 025/100/200 build the artifact's own subtle surface,
   300 is the primary interactive/identity color, 700+ gives legible text-on-white.
   Payments now carries its real brand yellow (not a green stand-in) — Verify is
   Compliancely cyan, Report is Tax1099 blue. Color lives inside the workflow
   states themselves (surfaces, trackers, confirmations), never as a card border. */
.plat__product[data-stage="verify"]{
  --stage-025:var(--compliancely-025);--stage-100:var(--compliancely-100);--stage-200:var(--compliancely-200);
  --stage-c:var(--compliancely-300);--stage-c-ink:var(--compliancely-700);--stage-700:var(--compliancely-700);--stage-900:var(--compliancely-900);
}
.plat__product[data-stage="pay"]{
  --stage-025:var(--payments-025);--stage-100:var(--payments-100);--stage-200:var(--payments-200);
  --stage-c:var(--payments-300);--stage-c-ink:var(--payments-700);--stage-700:var(--payments-700);--stage-900:var(--payments-900);
}
.plat__product[data-stage="report"]{
  --stage-025:var(--tax1099-025);--stage-100:var(--tax1099-100);--stage-200:var(--tax1099-200);
  --stage-c:var(--tax1099-300);--stage-c-ink:var(--tax1099-700);--stage-700:var(--tax1099-700);--stage-900:var(--tax1099-900);
}
.product__head{
  display:flex;align-items:center;gap:14px;
  padding:22px 24px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff,var(--paper-2));
}
.product__av{
  width:46px;height:46px;border-radius:12px;flex:none;
  background:linear-gradient(135deg,var(--green),#008b41);color:#fff;
  font-size:14px;font-weight:700;letter-spacing:.02em;
  display:grid;place-items:center;
  box-shadow:0 6px 14px -6px rgba(0,171,82,.5);
  transition:opacity 220ms var(--ease);
}
.product__id{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0;}
.product__id b{
  font-size:16px;color:var(--ink);font-weight:700;letter-spacing:-0.006em;
  transition:opacity 220ms var(--ease);
}
.product__id__sub{
  font-size:12px;color:var(--muted-2);letter-spacing:.02em;
  transition:opacity 220ms var(--ease);
}
.product__seal{
  font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--stage-c-ink);
  background:var(--stage-100);
  border:1px solid var(--stage-200);
  padding:6px 11px 6px 8px;border-radius:20px;
  display:inline-flex;align-items:center;gap:6px;flex:none;
  transition:opacity 220ms var(--ease),background 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease);
}
/* ---- completion feedback lives on the small status pip only — never the
   chip/label/container — so the pulse always reads as a circular signal,
   not a rectangular halo, and never causes the "Verified/Paid/Filed" text
   to itself scale or shake. ---- */
.product__seal .pip{
  position:relative;width:6px;height:6px;border-radius:50%;
  background:var(--stage-c);transition:background 260ms var(--ease);
}
.product__seal.pop .pip::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  background:var(--stage-c);
  animation:pipPulse 650ms var(--ease);
}
@keyframes pipPulse{
  0%{transform:scale(.6);opacity:.45;}
  100%{transform:scale(2.2);opacity:0;}
}
@media (prefers-reduced-motion:reduce){.product__seal.pop .pip::after{animation:none;}}

/* Product body — its own quiet product-tinted surface (Cyan-025 / Yellow-025 /
   Blue-025), not white-everywhere. This alone makes each artifact feel like a
   distinct product workspace rather than the same white card three times. */
.product__body{
  padding:16px 24px 20px;
  background:var(--stage-025);
  transition:opacity 220ms var(--ease),transform 220ms var(--ease),background 320ms var(--ease);
}
/* Verify/Pay/Report are genuinely different DOM structures (5 rows + stamp vs.
   amount+tracker vs. form-fan+rows), so their natural content heights differ by
   ~58px. Left alone, the auto-cycling demo made the card — and everything below
   it on the page — grow and shrink on every switch. Locked to the tallest
   state's measured height so only the content changes, never the layout. */
#platform .product__body{min-height:354px;}
.product__body.switching{opacity:0;transform:translateY(6px);}
.product__head.switching{opacity:0;transition:opacity 220ms var(--ease);}
.product__row{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 0;
  border-bottom:1px dashed var(--line-2);
  font-size:14px;
}
.product__row:last-child{border-bottom:none;}
.product__row .k{color:var(--muted);}
.product__row .v{
  color:var(--ink);font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
}
.product__row .v .pip{width:6px;height:6px;border-radius:50%;background:var(--green);flex:none;}

/* Verify — an animated sequence: Request → source check → matched → verified.
   Each row moves through pending → checking → done, one at a time, on a loop —
   the same "shared motion logic" as the Pay tracker below, applied to Verify's
   own operation instead of a frozen list. */
.vrow{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line-2);transition:opacity 300ms var(--ease);}
.vrow:last-child{border-bottom:none;}
.vrow__ic{width:26px;height:26px;border-radius:8px;flex:none;background:var(--paper-2);border:1px solid var(--line);color:var(--muted);display:grid;place-items:center;transition:color 300ms var(--ease),border-color 300ms var(--ease);}
.vrow__ic svg{width:14px;height:14px;}
.vrow__body{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vrow__k{font-size:14px;color:var(--muted);display:inline-flex;align-items:center;}
.vrow__v{font-size:13.5px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:color 300ms var(--ease);}
.vrow__v .pip{width:6px;height:6px;border-radius:50%;background:var(--green);flex:none;transition:background 300ms var(--ease);}
.vrow--pending{opacity:.4;}
.vrow--pending .vrow__v .pip{background:var(--line-2);}
.vrow--checking .vrow__ic{color:var(--stage-c-ink);border-color:var(--stage-200);background:#fff;}
.vrow--checking .vrow__v{color:var(--muted);}
.vrow--checking .vrow__v .pip{background:var(--stage-c);animation:pdotpulse 1s ease-in-out infinite;}
/* The closing artifact — what makes this read as a verification RECORD rather
   than a checklist. Only appears once every row has actually finished checking. */
.vstamp{
  display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 14px;border-radius:12px;
  background:var(--stage-100);
  border:1px solid var(--stage-200);
  opacity:0;transform:translateY(4px) scale(.98);
  transition:opacity 380ms var(--ease),transform 380ms var(--ease);
}
.vstamp.show{opacity:1;transform:none;}
.vstamp__ring{width:30px;height:30px;border-radius:50%;background:var(--stage-c);color:#fff;display:grid;place-items:center;flex:none;}
.vstamp__ring svg{width:15px;height:15px;}
.vstamp__text{display:flex;flex-direction:column;line-height:1.3;}
.vstamp__text b{font-size:13px;color:var(--ink);font-weight:700;}
.vstamp__text span{font-size:11.5px;color:var(--muted);}

/* Pay — one evolving card: a persistent tax-info anchor + a 3-step animated tracker */
/* Pay's own composition anchor: unlike Verify's record and Report's form fan,
   a real payment artifact leads with the amount. Every color here now comes
   from the Payments Yellow scale, not a green stand-in. */
.payamount{padding:2px 0 18px;}
.payamount__label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--stage-c-ink);margin-bottom:5px;}
.payamount__num{font-family:var(--serif);font-size:36px;line-height:1;color:var(--ink);letter-spacing:-0.01em;}
.payamount__cents{font-size:0.5em;color:var(--muted);}
.payanchor{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:0 0 20px;background:var(--stage-025);border:1px solid var(--stage-200);border-radius:12px;}
.payanchor__ic{width:30px;height:30px;border-radius:9px;flex:none;background:#fff;border:1px solid var(--stage-200);color:var(--stage-c-ink);display:grid;place-items:center;}
.payanchor__ic svg{width:15px;height:15px;}
.payanchor__body{display:flex;flex-direction:column;gap:1px;min-width:0;}
.payanchor__body b{font-size:12.5px;color:var(--ink);font-weight:700;}
.payanchor__body span{font-size:11.5px;color:var(--stage-c-ink);font-weight:600;}
.paytrack{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin:0 4px;padding-top:2px;}
.paytrack::before{content:"";position:absolute;left:14px;right:14px;top:7px;height:1px;background:var(--line-2);z-index:0;}
.paytrack__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;flex:1;}
.paytrack__dot{width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--line-2);transition:all 420ms var(--ease);position:relative;}
.paytrack__step.done .paytrack__dot{background:var(--stage-c);border-color:var(--stage-c);}
.paytrack__step.on .paytrack__dot{background:var(--stage-c);border-color:var(--stage-c);box-shadow:0 0 0 4px var(--stage-100);}
.paytrack__step.on .paytrack__dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:var(--stage-200);animation:pdotring 2.2s ease-out infinite;}
.paytrack__lbl{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;transition:color 420ms var(--ease);}
.paytrack__step.on .paytrack__lbl,.paytrack__step.done .paytrack__lbl{color:var(--ink);}
.paycap{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.55;min-height:2.7em;}
.paycap b{color:var(--ink);font-weight:700;}

/* Report — breadth-first form fan + credibility status rows */
.formfan{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 18px;}
.formchip{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 13px;border-radius:8px;background:#fff;border:1px solid var(--line-2);font-size:12.5px;font-weight:700;color:var(--muted);transition:all 460ms var(--ease);}
.formchip.on{background:var(--stage-c);border-color:var(--stage-c);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px -10px var(--stage-700);}
.reportnow{padding:14px 0 4px;margin-bottom:4px;border-top:1px solid var(--line);font-size:12px;color:var(--muted-2);}
.reportnow b{font-family:var(--serif);font-style:italic;font-size:15.5px;color:var(--ink);font-weight:400;margin-left:4px;}
.rrow{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13.5px;}
.rrow .k{color:var(--muted);flex:1;}
.rrow .v{font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:7px;}
.rrow .v .pip{width:6px;height:6px;border-radius:50%;background:var(--stage-c);flex:none;}
.rrow--deliver .v{color:var(--stage-c-ink);}
/* The confirmation number — what makes this read as a filed document rather
   than a status list. Every real IRS acknowledgement has a reference id. */
.rconfirm{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:14px;padding:10px 13px;border-radius:10px;
  background:var(--stage-025);
  border:1px dashed var(--stage-200);
}
.rconfirm__label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);}
.rconfirm__id{font-family:var(--sans);font-size:12.5px;font-weight:700;color:var(--stage-c-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;}

/* PROVE — a single thin band. Not a section, not a table. A trust rail. */
.plat__prove{
  display:flex;align-items:center;gap:32px;
  padding:22px clamp(20px,2.4vw,32px);
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 4px 16px -8px rgba(15,24,34,.06);
  flex-wrap:wrap;
  /* margin-top:clamp(24px,3vw,36px); */
}
.plat__prove__label{display:flex;align-items:center;gap:12px;flex:none;}
.plat__prove__label__ico{
  width:32px;height:32px;border-radius:9px;
  background:var(--ink);color:#fff;
  display:grid;place-items:center;flex:none;
}
.plat__prove__label__ico svg{width:15px;height:15px;}
.plat__prove__label__body{display:flex;flex-direction:column;line-height:1.25;}
.plat__prove__label__body b{
  font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink);
}
.plat__prove__label__body span{font-size:12.5px;color:var(--muted);margin-top:2px;}

/* Minimal timeline visualization — evokes "persistent, always logging" without any data */
.plat__timeline{
  flex:1;min-width:200px;
  position:relative;height:24px;
  display:flex;align-items:center;
}
.plat__timeline::before{
  content:"";position:absolute;left:0;right:0;top:50%;
  height:1px;background:var(--line-2);
}
.plat__timeline__dots{
  position:relative;display:flex;align-items:center;
  gap:clamp(14px,2vw,28px);
  width:100%;
}
.plat__timeline__dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--green);flex:none;
  box-shadow:0 0 0 3px #fff;
  position:relative;
}
.plat__timeline__dot:nth-child(1){margin-left:6%;}
.plat__timeline__dot:nth-child(2){margin-left:12%;}
.plat__timeline__dot:nth-child(3){margin-left:18%;}
.plat__timeline__dot--live{
  animation:pdotpulse 2.6s ease-in-out infinite;
}
.plat__timeline__dot--live::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  background:rgba(0,171,82,.25);
  animation:pdotring 2.6s ease-out infinite;
}
@keyframes pdotpulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.15);}
}
@keyframes pdotring{
  0%{transform:scale(0.7);opacity:.6;}
  100%{transform:scale(2.4);opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .plat__timeline__dot--live,.plat__timeline__dot--live::after{animation:none;}
}

.plat__prove__meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none;
}
.plat__prove__meta span{
  font-size:11px;font-weight:600;color:var(--muted);
  letter-spacing:.02em;
  padding:5px 11px;
  background:var(--paper-2);border:1px solid var(--line);border-radius:20px;
  display:inline-flex;align-items:center;gap:6px;
}
.plat__prove__meta span::before{
  content:"";width:5px;height:5px;border-radius:50%;background:var(--green);
}

/* Mobile */
@media (max-width:900px){
  .plat__stages{grid-template-columns:1fr;gap:6px;max-width:100%;}
  .pstage__arrow{display:none;}
  .pstage::after{left:14px;right:14px;bottom:6px;}
  .plat__body{grid-template-columns:1fr;gap:36px;}
  .plat__product{max-width:100%;justify-self:stretch;}
  .plat__prove{flex-direction:column;align-items:stretch;gap:18px;}
  .plat__timeline{width:100%;}
}

/* ============================================================
   AI — real task interaction
   ============================================================ */
#ai{position:relative;overflow:hidden;}
.ai__glow{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(42% 55% at 78% 28%, rgba(242,228,0,.16), transparent 70%),
    radial-gradient(40% 58% at 86% 80%, rgba(0,171,82,.13), transparent 72%);
  animation:heroGlowPulse 10s ease-in-out infinite;
}
.ai__grid{position:relative;z-index:1;display:grid;grid-template-columns:0.88fr 1.12fr;gap:clamp(40px,5vw,80px);align-items:center;}
.ai__points{margin-top:30px;display:grid;gap:16px;}
.ai__point{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;}
.ai__point .tk{width:23px;height:23px;border-radius:50%;background:rgba(0,171,82,.1);color:var(--green-ink);display:grid;place-items:center;flex:none;margin-top:2px;}
.ai__point .tk svg{width:12px;height:12px;stroke-width:2.4;}
.ai__point p{font-size:15.5px;color:var(--muted);line-height:1.5;}
.ai__point b{color:var(--ink);font-weight:700;}
/* Zenwork AI — product animation. The clip has its own white card design baked in,
   so the frame stays neutral and only supplies sizing, rounding, and a resting shadow. */
.aivideo{
  position:relative;
  width:100%;margin-left:auto;
}
.aivideo__frame{
  position:relative;z-index:1;border-radius:var(--r-lg);overflow:hidden;
  background:var(--paper-2);box-shadow:var(--shadow-lift);
  aspect-ratio:7/8;
}
.aivideo__frame video{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:900px){
  .aivideo{margin-left:auto;margin-right:auto;}
}

/* ============================================================
   STAKES — page-level dark scroll transformation (the ONE dark section)
   ============================================================ */
/* Premium atmospheric gradient — Dark Green base with a Green glow easing in
   from the upper-left and a faint Lime wash in the opposite corner, so the
   section reads as depth rather than a flat fill. */
.stakes{
  background:
    radial-gradient(58% 50% at 18% 12%,rgba(0,171,82,.22),transparent 64%),
    radial-gradient(52% 55% at 88% 88%,rgba(172,212,0,.09),transparent 66%),
    linear-gradient(165deg,#0e4023 0%,var(--green-deep) 46%,#081f13 100%);
  color:var(--on-dark);position:relative;
}
/* soft bleeds that dissolve the section into the pages above and below - makes it feel like the page transforming */
.stakes::before,.stakes::after{content:"";position:absolute;left:0;right:0;height:180px;z-index:4;pointer-events:none;}
.stakes::before{top:0;background:linear-gradient(to bottom,var(--paper) 0%,rgba(12,51,30,0) 100%);opacity:0.28;}
.stakes::after{bottom:0;background:linear-gradient(to top,var(--paper) 0%,rgba(12,51,30,0) 100%);opacity:0.28;}
.stakes__track{position:relative;}
.stakes__sticky{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:56px;padding:80px 0;overflow:hidden;}
.stakes__head{text-align:center;max-width:none;width:min(760px,90vw);margin:0;position:relative;z-index:5;}
.stakes__head .eyebrow{color:var(--lime);margin-bottom:20px;}
.stakes__phase{position:relative;min-height:112px;}
.stakes__t{position:absolute;left:0;right:0;top:0;font-family:var(--serif);font-size:clamp(28px,3.6vw,46px);line-height:1.08;letter-spacing:-0.02em;color:#fff;opacity:0;transform:translateY(12px);transition:opacity 600ms var(--ease),transform 600ms var(--ease);}
.stakes__t.on{opacity:1;transform:none;}
.stakes__sub{margin:22px auto 0;max-width:46ch;color:var(--on-dark-muted);font-size:16px;line-height:1.6;opacity:0;transition:opacity 500ms var(--ease);}
.stakes__sub.on{opacity:1;}
.stakes__field{position:absolute;inset:0;z-index:1;pointer-events:none;}
.frag{position:absolute;background:rgba(255,255,255,.055);border:1px solid var(--on-dark-line);border-radius:11px;padding:11px 14px;font-size:12.5px;font-weight:600;color:var(--on-dark);white-space:nowrap;transition:all 300ms linear;box-shadow:0 12px 30px -14px rgba(0,0,0,.6);}
.frag .fl{display:block;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted);margin-bottom:3px;}
.stakes__ribbon{position:relative;z-index:3;display:flex;align-items:center;gap:0;opacity:0;transform:translateY(14px) scale(.96);transition:opacity 700ms var(--ease),transform 700ms var(--ease);pointer-events:none;width:min(560px,84vw);}
.stakes.done .stakes__ribbon{opacity:1;transform:none;}
.sribbon__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;}
.sribbon__dot{width:14px;height:14px;border-radius:50%;background:var(--lime);position:relative;z-index:2;box-shadow:0 0 0 5px rgba(172,212,0,.15);}
.sribbon__line{position:absolute;top:7px;left:50%;width:100%;height:2px;background:var(--lime);z-index:1;}
.sribbon__step:last-child .sribbon__line{display:none;}
.sribbon__l{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;}

/* ============================================================
   INDUSTRIES — horizontal nav + large product canvas + contextual proof
   ============================================================ */
/* Platform → Industries is a continuation of the same story (the platform,
   then the platform per-industry), not two independent topics — tighten
   this specific transition rather than using the default section gap. */
#platform{padding-bottom:clamp(56px,6vw,88px);}
#industries{padding-top:clamp(56px,6vw,88px);}
/* Industries — same quiet atmospheric technique as Scale (radial washes over
   --mist, no shapes), lime-led instead of green-led so the two moments feel
   related but not identical. Breaks up the long run of plain-white sections
   between the hero and the dark Testimonials break. The .ind__canvas card
   keeps its own white background/shadow and sits unchanged on top. */
#industries{position:relative;overflow:hidden;background:var(--mist);}
#industries::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(55% 60% at 96% 4%, rgba(172,212,0,.09), transparent 68%),
    radial-gradient(60% 55% at 4% 98%, rgba(0,171,82,.06), transparent 70%);
}
#industries > .wrap{position:relative;z-index:1;}
.ind__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;border-bottom:1px solid var(--line);padding-bottom:24px;}

.ind__canvas{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);background:#fff;}
/* ---- one shared desktop canvas height for every industry state — derived
   from the tallest actual industry content (CPA/Accounting, the longest
   description+proof pairing, tops out well under this), not guessed. Using
   one token means switching industries can never move the page content
   below the section, and both halves (copy + photo) always stay equal
   height because grid items stretch to the row height by default. ---- */
@media (min-width:961px){
  :root{--industry-canvas-height:clamp(405px, calc(405px + (100vw - 1280px) / 8), 445px);}
  .ind__canvas{min-height:var(--industry-canvas-height);}
}
.ind__left{padding:clamp(36px,3vw,48px);display:flex;flex-direction:column;position:relative;overflow:hidden;}
.ind__left::before{
  content:"";
  position:absolute;top:-12%;left:-10%;
  width:44%;height:48%;
  z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(242,228,0,.15),transparent 72%);
  filter:blur(48px);
}
.ind__leftinner{position:relative;z-index:1;opacity:0;transform:translateY(12px);transition:opacity 460ms var(--ease),transform 460ms var(--ease);display:flex;flex-direction:column;flex:1;justify-content:center;}
.ind__leftinner.in{opacity:1;transform:none;}
.ind__tag{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-ink);margin-bottom:16px;}
.ind__ph{font-family:var(--serif);font-size:clamp(26px,2.6vw,36px);line-height:1.12;letter-spacing:-0.015em;margin-bottom:18px;width:100%;max-width:none;text-wrap:balance;}
.ind__pdesc{color:var(--muted);font-size:16.5px;line-height:1.62;width:100%;max-width:none;text-wrap:pretty;}
/* contextual customer proof, lives inside the left panel */
.ind__proof{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);}
.ind__proof .metric{font-family:var(--serif);font-size:clamp(24px,2.4vw,32px);letter-spacing:-0.015em;color:var(--ink);line-height:1.1;margin-bottom:10px;}
.ind__proof p{font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:14px;width:100%;max-width:none;text-wrap:pretty;}
.ind__proof cite{font-style:normal;font-size:12.5px;color:var(--muted-2);display:flex;align-items:center;gap:9px;}
.ind__proof cite .who{width:30px;height:30px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted);flex:none;}
.ind__proof cite b{color:var(--ink);font-weight:700;display:block;}
/* right: product/workflow canvas that changes per industry */
.ind__right{background:var(--paper-2);border-left:1px solid var(--line);padding:0;position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;}
.ind__vis{opacity:0;transform:translateY(12px);transition:opacity 500ms var(--ease) 80ms,transform 500ms var(--ease) 80ms;flex:1;display:flex;}
.ind__vis.in{opacity:1;transform:none;}
/* Real, human-centered photography per industry with a premium gradient scrim */
.ind__photo{
  position:relative;flex:1;min-height:0;
  background-size:cover;background-position:center;background-color:var(--ink);
  display:flex;align-items:flex-end;
}
.ind__photo__scrim{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(12,20,15,0) 35%,rgba(9,15,12,0.55) 78%,rgba(6,10,8,0.82) 100%);
}
.ind__photo__cap{position:relative;z-index:2;padding:26px 28px;width:100%;}
.ind__photo__tag{display:block;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;text-shadow:0 1px 3px rgba(0,0,0,.3);}
/* The operational flow, not a list of form codes: this is how Zenwork handles
   THIS industry's specific work — input, what Zenwork does, the outcome. */
.ind__flow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;}
.ind__flow__step{
  font-size:11.5px;font-weight:700;color:#fff;white-space:nowrap;
  background:rgba(255,255,255,.16);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.28);
  padding:5px 10px;border-radius:6px;
}
.ind__flow__arrow{color:rgba(255,255,255,.58);flex:none;display:flex;align-items:center;}
.ind__flow__arrow svg{width:12px;height:12px;}

/* Placeholder industry state — deliberately unfinished-looking until real content lands */
.ind__soon{
  display:inline-flex;align-items:center;gap:6px;margin-left:10px;
  font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted-2);background:var(--paper-2);border:1px dashed var(--line-2);
  padding:4px 9px;border-radius:20px;vertical-align:middle;
}
.ind__placeholder{
  position:relative;width:100%;height:100%;min-height:200px;flex:1;
  background:var(--paper-2);
  background-image:radial-gradient(circle at 1.5px 1.5px,rgba(15,24,34,0.06) 1.5px,transparent 0);
  background-size:20px 20px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  border:1.5px dashed var(--line-2);box-sizing:border-box;
}
.ind__placeholder__ic{width:46px;height:46px;border-radius:13px;background:#fff;border:1.5px dashed var(--line-2);display:grid;place-items:center;color:var(--muted-2);flex:none;}
.ind__placeholder__ic svg{width:19px;height:19px;}
.ind__placeholder__label{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2);}
.ind__placeholder__sub{font-size:13px;color:var(--muted-2);text-align:center;max-width:26ch;line-height:1.5;padding:0 24px;}
/* lifecycle strip below the canvas card */
.ind__lifecycle{margin-top:22px;display:flex;align-items:center;gap:0;}
.ind__lc{flex:1;text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);position:relative;padding:0 4px;}
.ind__lc::after{content:"";position:absolute;right:-2px;top:50%;width:10px;height:1.5px;background:var(--line-2);transform:translateY(-50%);}
.ind__lc:last-child::after{display:none;}
.ind__lc.hot{color:#8a7a00;}
.ind__lc.hot::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--yellow);margin-right:5px;vertical-align:middle;}

/* ============================================================
   STORIES — editorial customer proof. Minimal, human, premium.
   ============================================================ */
.stories{position:relative;max-width:none;}

/* ---- proof section: dark green canvas, a deliberate immersive break in the page ---- */
.proof-dark{
  position:relative;overflow:hidden;
  background:
    radial-gradient(50% 55% at 8% 105%, rgba(172,212,0,.10), transparent 68%),
    radial-gradient(120% 90% at 50% -10%, #0e5c33 0%, var(--green-deep) 55%, #071a10 100%);
}
.proof-dark::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,0.10) 1.5px,transparent 0);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(65% 70% at 50% 30%,#000 10%,rgba(0,0,0,0.3) 55%,transparent 88%);
  mask-image:radial-gradient(65% 70% at 50% 30%,#000 10%,rgba(0,0,0,0.3) 55%,transparent 88%);
}
.proof-dark .wrap{position:relative;z-index:1;}
.proof-dark .shead .h2{color:#fff;}
.proof-dark .stories__frame{box-shadow:0 40px 80px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.09);}
.proof-dark .stories__arrow{background:rgba(15,24,20,.55);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.26);color:rgba(255,255,255,.85);}
.proof-dark .stories__arrow:hover{border-color:var(--lime);color:var(--lime);}
.proof-dark .stories__counter{color:rgba(255,255,255,.55);}
.proof-dark .stories__counter b{color:#fff;}
.proof-dark .stories__cta{color:var(--lime);}
.proof-dark .stories__foot-divider{background:rgba(255,255,255,.18);}

/* ---- desktop: three-up peek carousel — dimmed neighbors pushed out to the
   section's own left/right edges (same bounds .shead/.wrap use elsewhere on
   this page), center card floating in the middle, rather than the whole
   cluster huddled in the page's horizontal center. ---- */
@media (min-width:901px){
  .stories__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;}
  .stories__center{position:relative;flex:1 1 480px;max-width:680px;margin:0 auto;z-index:3;}
  .stories__peek{
    position:relative;flex:0 0 auto;width:clamp(180px,17vw,260px);align-self:center;aspect-ratio:3/4.05;
    border:0;padding:0;cursor:pointer;border-radius:var(--r-lg);overflow:hidden;
    background:var(--ink);box-shadow:0 18px 44px -18px rgba(0,0,0,.55);
    opacity:.5;transform:scale(.94);z-index:1;
    transition:opacity 320ms var(--ease),transform 320ms var(--ease);
  }
  .stories__peek:hover{opacity:.82;transform:scale(.97);}
  .stories__peek:focus-visible{outline:2px solid var(--lime);outline-offset:3px;opacity:.9;}
  .stories__peek-media{position:absolute;inset:0;background-size:cover;background-position:center 22%;}
  .stories__peek-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,8,.25) 0%,rgba(6,10,8,.35) 45%,rgba(4,8,6,.88) 100%);}
  .stories__peek-id{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;gap:9px;padding:16px;text-align:left;}
  .stories__peek-avatar{width:30px;height:30px;border-radius:50%;flex:none;object-fit:cover;border:1.5px solid rgba(255,255,255,.5);background:var(--paper-2);}
  .stories__peek-idtext{display:flex;flex-direction:column;gap:1px;min-width:0;}
  .stories__peek-idtext b{display:block;color:#fff;font-weight:700;font-size:12.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .stories__peek-idtext span{display:block;font-size:11px;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .stories__peek.is-fading{opacity:0;}

  .stories__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;}
  .stories__arrow--prev{left:-17px;}
  .stories__arrow--next{right:-17px;}
}
@media (min-width:1300px){
  .stories__peek{width:clamp(220px,15vw,300px);}
}

/* ---- one dominant frame: the person and the video ARE the section ---- */
.stories__frame{
  position:relative;width:100%;aspect-ratio:16/10;max-height:min(560px,60vh);
  border-radius:var(--r-lg);overflow:hidden;background:var(--ink);box-shadow:var(--shadow-lift);
  transition:opacity 280ms var(--ease);
}
.stories__frame.is-fading{opacity:0;}
.stories__poster{position:absolute;inset:0;background-size:cover;background-position:center 22%;transition:transform 6s var(--ease);}
.stories__frame:hover .stories__poster{transform:scale(1.03);}
.stories__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,15,12,0.03) 0%,rgba(9,15,12,0.05) 38%,rgba(6,10,8,0.74) 100%);}
.stories__playbtn{
  position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:none;border:0;cursor:pointer;z-index:2;
}
.stories__playbtn:focus-visible{outline:none;}
.stories__playbtn:focus-visible .stories__playring{outline:2px solid var(--green);outline-offset:3px;}
.stories__playring{
  width:66px;height:66px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:rgba(255,255,255,.94);box-shadow:0 8px 28px -8px rgba(0,0,0,.5);
  transition:transform 260ms var(--ease),box-shadow 260ms var(--ease);
}
.stories__playbtn:hover .stories__playring{transform:scale(1.07);box-shadow:0 10px 32px -8px rgba(0,0,0,.55);}
.stories__playring svg{width:19px;height:19px;margin-left:2px;color:var(--ink);}
.stories__viddur{
  position:absolute;right:16px;top:16px;z-index:2;
  background:rgba(9,15,12,.5);backdrop-filter:blur(6px);color:#fff;
  font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:999px;
  font-variant-numeric:tabular-nums;pointer-events:none;
}
.stories__frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:3;border-radius:inherit;}
.stories__frame.is-playing .stories__scrim,
.stories__frame.is-playing .stories__viddur,
.stories__frame.is-playing .stories__panel{display:none;}

/* ---- quote + identity, overlaid over the scrim at the base of the frame ---- */
.stories__panel{
  position:absolute;left:0;right:0;bottom:0;z-index:2;pointer-events:none;
  padding:clamp(26px,4.4vw,52px) clamp(24px,4.4vw,52px) clamp(24px,3vw,34px);
  display:flex;flex-direction:column;
}
.stories__quote{
  font-family:var(--serif);font-size:clamp(21px,2.9vw,31px);font-style:italic;
  line-height:1.22;letter-spacing:-0.01em;color:#fff;
  margin-bottom:clamp(16px,2.2vw,22px);
  transition:opacity 280ms var(--ease),transform 280ms var(--ease);
}
.stories__id{
  display:flex;align-items:center;gap:12px;
  transition:opacity 280ms var(--ease),transform 280ms var(--ease);
}
.stories__avatar{
  width:42px;height:42px;border-radius:50%;flex:none;object-fit:cover;
  border:1.5px solid rgba(255,255,255,.55);
  background:var(--paper-2);
}
.stories__idtext{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;}
.stories__idtext b{display:block;color:#fff;font-weight:700;font-size:14.5px;line-height:1.25;}
.stories__idtext span{font-size:12.5px;color:rgba(255,255,255,.74);}
.stories__panel.is-fading .stories__quote,
.stories__panel.is-fading .stories__id{opacity:0;transform:translateY(6px);}

/* ---- controls: a quiet counter + CTA pairing below the row; arrows live on the frame itself on desktop ---- */
.stories__foot{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px;}
.stories__foot-divider{width:1px;height:14px;background:var(--line-2);flex:none;}
.stories__arrow{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:#fff;flex:none;
  display:grid;place-items:center;color:var(--muted);box-shadow:var(--shadow);
  transition:border-color 200ms var(--ease),color 200ms var(--ease),transform 200ms var(--ease);
}
.stories__arrow:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-50%) scale(1.06);}
.stories__arrow:focus-visible{outline-offset:2px;}
.stories__arrow svg{width:13px;height:13px;}
.stories__counter{
  font-size:13px;font-weight:600;color:var(--muted-2);
  font-variant-numeric:tabular-nums;letter-spacing:.01em;
  text-align:center;user-select:none;
}
.stories__counter b{color:var(--ink);font-weight:700;}
.stories__cta{
  font-size:13.5px;font-weight:600;color:var(--green-ink);white-space:nowrap;
  display:inline-flex;align-items:center;gap:6px;
  transition:gap 200ms var(--ease);
}
.stories__cta:hover{gap:9px;}
.stories__cta svg{width:12px;height:12px;}

/* ---- below 901px: no peek layout — single card, arrows centered under it, counter+cta on their own line ---- */
@media (max-width:900px){
  .stories{max-width:900px;margin:0 auto;}
  .stories__frame{aspect-ratio:4/5;max-height:64vh;}
  .stories__peek{display:none;}
  .stories__row{display:block;}
  .stories__center{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;}
  .stories__frame{flex-basis:100%;}
  .stories__arrow{position:static;transform:none;flex:none;}
  .stories__arrow:hover{transform:scale(1.06);}
  .stories__counter{min-width:3.2em;}
}
@media (max-width:560px){
  .stories__foot{margin-top:18px;flex-wrap:wrap;}
  .stories__cta{width:100%;justify-content:center;order:5;margin-top:6px;flex-basis:100%;}
}



/* ============================================================
   SCALE — editorial data, one hero number + supporting metrics
   ============================================================ */
.scale__grid{display:grid;grid-template-columns:1.15fr 1px 1fr;gap:clamp(40px,5vw,72px);align-items:center;margin-top:clamp(32px,5vw,72px);}
/* Scale section — atmospheric pale-green field replaces the flat .alt tone.
   Two soft, static radial washes (green + lime) over --mist; no shapes, no
   cards — just enough atmosphere to separate this data moment from the
   plain-white sections around it. Content sits in a z-indexed layer above. */
#scale{position:relative;overflow:hidden;background:var(--mist);}
#scale::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(58% 62% at 8% 6%, rgba(0,171,82,.07), transparent 68%),
    radial-gradient(52% 58% at 94% 96%, rgba(172,212,0,.09), transparent 70%),
    radial-gradient(70% 50% at 50% 100%, rgba(0,171,82,.04), transparent 72%);
}
#scale > .wrap{position:relative;z-index:1;}
.scale__hero{position:relative;}
.scale__hero::before{
  content:"";position:absolute;top:-20%;left:-10%;width:62%;height:78%;
  z-index:0;pointer-events:none;
  background:radial-gradient(ellipse,rgba(242,228,0,.17),transparent 70%);
  filter:blur(52px);
}
.scale__hero .snum,.scale__hero .slabel{position:relative;z-index:1;}
.scale__hero .snum{font-family:var(--serif);font-size:clamp(84px,11vw,168px);line-height:0.9;letter-spacing:-0.04em;color:var(--ink);}
.scale__hero .slabel{margin-top:20px;font-size:16px;color:var(--muted);line-height:1.5;}
.scale__divider{background:var(--line);height:100%;align-self:stretch;min-height:180px;}
.scale__side{display:grid;grid-template-columns:1fr 1fr;gap:36px 32px;}
.scale__side .item{padding-top:0;}
.scale__side .item .snum{font-family:var(--serif);font-size:clamp(38px,4vw,52px);line-height:0.95;letter-spacing:-0.02em;color:var(--ink);}
.scale__side .item .slabel{margin-top:12px;font-size:13.5px;color:var(--muted);line-height:1.48;}
/* Uptime evidence — combines the metric with a live operational state */
.uptime-status{
  display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin-top:10px;
  font-size:12px;font-weight:600;line-height:1.3;
  color:var(--ink);
}
.uptime-status__pip{
  width:7px;height:7px;border-radius:50%;
  background:var(--green);flex:none;
}
.uptime-status__label{letter-spacing:0.01em;}
.uptime-status__detail{
  color:var(--muted-2);font-weight:500;
  border-left:1px solid var(--line);
  padding-left:6px;margin-left:1px;
}
@media (max-width:560px){
  .uptime-status__detail{display:none;}
}

.scale__foot{margin-top:clamp(64px,7.5vw,96px);padding-top:44px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;}
.scale__foot .sf-badge{height:50px;width:auto;display:block;object-fit:contain;}
.scale__foot .sf-badge--wide{height:44px;}
.scale__foot .sf{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);font-weight:500;}
.scale__foot .sf b{font-family:var(--serif);font-size:20px;color:var(--ink);font-weight:400;letter-spacing:-0.01em;}
.scale__foot .divider{width:1px;height:22px;background:var(--line);}

/* ============================================================
   INTEGRATIONS / API / MCP — three product-capability cards,
   built as one cohesive system rather than three unrelated blocks
   ============================================================ */
/* Section environment first, product visuals second — same restrained
   atmospheric technique as Industries/Scale (soft radial washes, no
   shapes), so the section stops reading flat/white next to its
   richer neighbors. Cards keep their own white surface/shadow and
   sit unchanged on top; nothing is added to the individual cards. */
#fits{position:relative;overflow:hidden;background:var(--mist);}
#fits::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(58% 62% at 22% 54%, rgba(0,129,74,.075), transparent 46%),
    radial-gradient(52% 56% at 84% 38%, rgba(242,228,0,.055), transparent 42%);
}
#fits > .wrap{position:relative;z-index:1;}
.fitsgrid{
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:18px;
}
.fitcard{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(24px,2.6vw,32px);position:relative;overflow:hidden;
  box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
}
.fitcard::before{
  /* faint ambient brand-color bleed in the corner — restrained, adds richness without noise */
  content:"";position:absolute;top:-70px;right:-70px;width:220px;height:220px;z-index:0;
  background:radial-gradient(circle,rgba(0,171,82,.09),transparent 70%);
  pointer-events:none;
}
.fitcard>*{position:relative;z-index:1;}
.fitcard__head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;}
.fitcard__ico{width:42px;height:42px;border-radius:11px;background:rgba(0,171,82,0.08);color:var(--green-ink);display:grid;place-items:center;flex:none;}
.fitcard__ico svg{width:20px;height:20px;}
.fitcard__ico--code{background:var(--ink);color:#c9e6d3;font-family:'SF Mono','Monaco','Consolas',monospace;font-size:14px;font-weight:600;letter-spacing:-0.02em;}
.fitcard h4{font-family:var(--serif);font-size:clamp(19px,1.8vw,23px);font-weight:400;letter-spacing:-0.01em;line-height:1.15;margin:0 0 6px;}
.fitcard p{font-size:13.5px;color:var(--muted);line-height:1.55;}

/* Card 1 — Integrations: a curated ecosystem field. Zenwork sits at the literal center;
   every connected system is placed around it at a hand-set position, not in rows —
   the composition reads as "things gathered around Zenwork," not "things listed near it."
   Depth is built from a lit-stage background, layered elevation shadows, a glass sheen on
   every tile, and a soft ground shadow under the hub — not just more icons. */
.fitcard--integrations{grid-column:1;grid-row:1 / span 2;}
.ecofield{
  position:relative;flex:1;min-height:340px;
  border:1px solid var(--line);border-radius:var(--r-md);
  background:radial-gradient(120% 90% at 50% 8%,#fcfdfc 0%,var(--paper-2) 52%,#eef1ee 100%);
  overflow:hidden;width:100%;
  box-shadow:inset 0 0 70px -8px rgba(15,24,34,.08);
}
.ecofield::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle at 1.5px 1.5px,rgba(15,24,34,0.085) 1.5px,transparent 0);
  background-size:20px 20px;
  -webkit-mask-image:radial-gradient(72% 72% at 50% 50%,#000 38%,transparent 92%);
  mask-image:radial-gradient(72% 72% at 50% 50%,#000 38%,transparent 92%);
  pointer-events:none;
}
.ecofield::after{
  content:"";position:absolute;top:50%;left:50%;width:78%;aspect-ratio:1;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(0,171,82,.16) 0%,rgba(0,171,82,.07) 38%,transparent 70%);
}

/* -- shared tile language: every logo sits in the same kind of object, placed absolutely --
   elevation reads through a layered shadow stack (contact + ambient) rather than one flat shadow,
   and a faint top-lit sheen suggests each tile is a small glass/lacquer object, not a flat swatch. */
.itile{
  position:absolute;top:0;left:0;z-index:1;
  background:#fff;border:1px solid rgba(15,24,34,.07);border-radius:11px;
  box-shadow:
    0 1px 1px rgba(15,24,34,.05),
    0 5px 10px -5px rgba(15,24,34,.09),
    0 16px 28px -16px rgba(15,24,34,.12);
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  transform:translate(-50%,-50%);
  transition:transform 560ms var(--ease),box-shadow 560ms var(--ease),border-color 560ms var(--ease);
}
.itile::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0) 40%);
  pointer-events:none;
}
.itile img,.itile svg{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:0;}
/* optical footprints, chosen per logo's native aspect ratio — same padding logic throughout:
   icon marks read denser (less padding); wordmarks get more room to breathe (more padding). */
.itile--icon{width:50px;height:50px;padding:12px;}
.itile--icon.itile--lg{width:58px;height:58px;padding:13px;}
.itile--icon.itile--sm{width:42px;height:42px;padding:10px;}
.itile--word-sm{width:96px;height:44px;padding:9px 14px;}
.itile--word-md{width:128px;height:48px;padding:8px 16px;}
.itile--word-lg{width:176px;height:44px;padding:7px 18px;}
.itile--word-xl{width:230px;height:36px;padding:6px 18px;}

/* the ecosystem's one deliberate object — Zenwork, dead center, not just another tile.
   A soft ground shadow beneath it reads as "this is elevated, casting light and shadow on
   everything around it" — reinforcing that the whole field runs through Zenwork. */
.ecohub{
  position:absolute;top:50%;left:50%;z-index:3;
  width:60px;height:60px;border-radius:16px;
  background:#fff;border:1px solid rgba(15,24,34,.06);
  display:grid;place-items:center;
  box-shadow:
    0 2px 4px rgba(0,80,40,.14),
    0 10px 18px -6px rgba(0,171,82,.22),
    0 26px 44px -14px rgba(0,171,82,.26);
  transform:translate(-50%,-50%);
  transition:transform 560ms var(--ease),box-shadow 560ms var(--ease);
}
.ecohub::after{
  content:"";position:absolute;top:100%;left:50%;width:64%;height:16px;margin-top:4px;
  transform:translateX(-50%);border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse,rgba(0,60,30,.28),transparent 72%);
  filter:blur(2px);
}
.ecohub img{width:32px;height:32px;object-fit:contain;display:block;position:relative;z-index:1;}
.ecohub__ring{position:absolute;inset:-8px;border-radius:21px;border:1px solid rgba(0,171,82,.22);animation:ecopulse 3.2s ease-out infinite;}
@keyframes ecopulse{0%{transform:scale(.94);opacity:.85;}100%{transform:scale(1.16);opacity:0;}}
@media (prefers-reduced-motion:reduce){.ecohub__ring{animation:none;display:none;}}

/* editorial spotlight — one tile comes into gentle focus at a time, tiny movement, then releases */
.itile.spot{
  transform:translate(-50%,-50%) translateY(-4px);
  box-shadow:
    0 2px 3px rgba(15,24,34,.05),
    0 9px 16px -7px rgba(15,24,34,.10),
    0 24px 38px -18px rgba(0,171,82,.28);
  border-color:rgba(0,171,82,.26);
  z-index:2;
}

.ecofield__conn{position:absolute;top:0;left:0;color:var(--line-2);width:11px;height:11px;opacity:.55;transform:translate(-50%,-50%);}
.ecofield .st0{fill:#089949;}
.ecofield .st1{fill:#F9B21D;}
.ecofield .st2{fill:#E42527;}
.ecofield .st3{fill:#226DB4;}

/* Card 2 — API: a minimal Request → Zenwork → Response flow, no code block */
.apiflow{display:flex;align-items:flex-start;justify-content:space-between;margin:auto 0;padding:6px 0;}
.apiflow__node{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:25%;}
.apiflow__ic{width:38px;height:38px;border-radius:10px;background:var(--paper-2);border:1px solid var(--line);color:var(--muted);display:grid;place-items:center;}
.apiflow__ic svg{width:17px;height:17px;}
.apiflow__ic img{width:17px;height:17px;object-fit:contain;display:block;}
.apiflow__node--hub .apiflow__ic{background:#fff;border-color:rgba(15,24,34,.06);box-shadow:0 10px 20px -10px rgba(0,171,82,.38);}
.apiflow__node--hub .apiflow__ic img{width:20px;height:20px;}
.apiflow__lbl{font-size:11.5px;font-weight:700;color:var(--ink);}
.apiflow__sub{font-size:10px;color:var(--muted-2);font-variant-numeric:tabular-nums;white-space:nowrap;}
.apiflow__arrow{color:var(--line-2);flex:none;margin-top:9px;}
.apiflow__arrow svg{width:16px;height:16px;}

/* Card 3 — MCP: static dark agent workspace — a task + an execution checklist */
.agentcard{margin:auto 0;background:var(--ink);border-radius:12px;padding:14px 16px 16px;overflow:hidden;}
.agentcard__head{display:flex;align-items:center;gap:6px;margin-bottom:13px;}
.agentcard__head i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18);display:block;}
.agentcard__title{margin-left:6px;display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.5);font-weight:600;white-space:nowrap;}
.agentcard__title img{width:14px;height:14px;object-fit:contain;flex:none;display:block;}

/* short request → reply exchange, like a real agent chat log */
.agentcard__ask{
  max-width:86%;margin:0 0 8px auto;
  background:rgba(255,255,255,.07);border-radius:10px 10px 3px 10px;
  padding:7px 11px;font-size:11px;color:rgba(234,243,237,.85);line-height:1.42;
}
.agentcard__reply{font-size:11px;color:rgba(234,243,237,.62);line-height:1.42;margin-bottom:14px;max-width:92%;}

/* the task panel — its own nested card, matching the reference's collapsible-panel look */
.agentpanel{border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:12px 14px 13px;background:rgba(255,255,255,.02);}
.agentpanel__head{display:flex;align-items:center;gap:9px;margin-bottom:12px;}
.agentpanel__ico{width:20px;height:20px;border-radius:6px;flex:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;overflow:hidden;}
.agentpanel__ico img{width:14px;height:14px;object-fit:contain;display:block;}
.agentpanel__head b{font-size:11.5px;font-weight:600;color:#fff;flex:1;min-width:0;}
.agentpanel__pill{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--lime);border:1px solid rgba(172,212,0,.4);background:rgba(172,212,0,.08);padding:3px 9px;border-radius:20px;white-space:nowrap;}

.agentchecklist{position:relative;padding-left:22px;}
.agentchecklist::before{content:"";position:absolute;left:8px;top:9px;bottom:9px;width:1.5px;background:rgba(255,255,255,.1);}
.agentstep{position:relative;display:flex;align-items:center;gap:8px;padding:6px 0;font-size:11.5px;color:rgba(234,243,237,.55);}
.agentstep__node{
  position:absolute;left:-22px;top:50%;transform:translateY(-50%);
  width:17px;height:17px;border-radius:50%;background:var(--ink);
  border:1.5px solid rgba(255,255,255,.2);display:grid;place-items:center;
}
.agentstep__node svg{width:9px;height:9px;}
.agentstep--done .agentstep__node{background:rgba(63,220,124,.14);border-color:#3fdc7c;color:#3fdc7c;}
.agentstep--done{color:rgba(234,243,237,.92);}
.agentstep--active .agentstep__node{border-color:var(--lime);}
.agentstep--active .agentstep__node::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);}
.agentstep--active{color:#fff;}
.agentstep__label{flex:1;min-width:0;}
.agentstep__val{font-size:10px;color:rgba(234,243,237,.32);font-variant-numeric:tabular-nums;white-space:nowrap;}
.agentstep--done .agentstep__val{color:#3fdc7c;}
.agentstep--active .agentstep__val{color:var(--lime);}

@media (max-width:900px){
  .fitsgrid{grid-template-columns:1fr;grid-template-rows:none;}
  .fitcard--integrations{grid-column:auto;grid-row:auto;}
  .ecofield{min-height:540px;}
  .itile--word-sm{width:84px;height:38px;padding:7px 12px;}
  .itile--word-md{width:106px;height:42px;padding:7px 13px;}
  .itile--word-lg{width:142px;height:40px;padding:6px 15px;}
  .itile--word-xl{width:194px;height:32px;padding:5px 14px;}
}


/* ============================================================
   RESOURCES — editorial
   ============================================================ */
.res__head{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:nowrap;margin-bottom:clamp(40px,5vw,60px);}
.res__head > div{flex:1;min-width:0;}
.res__head .textlink{flex:none;white-space:nowrap;}
.res__grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.6vw,30px);}
.res__card{
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  display:flex;flex-direction:column;background:#fff;box-shadow:var(--shadow-sm);
  transition:box-shadow 300ms,transform 300ms;height:100%;
}
.res__card:hover{box-shadow:var(--shadow);transform:translateY(-1px);}
.res__card:focus-visible{outline-offset:4px;}
.res__cardart{
  aspect-ratio:16/10;position:relative;overflow:hidden;
  border-bottom:1px solid var(--line);
  background-size:cover;background-position:center;background-color:var(--paper-2);
  transition:transform 600ms var(--ease);
}
.res__card:hover .res__cardart{transform:scale(1.045);}
.res__cardart::before{
  /* per Zenwork's Image Style guideline (bright, natural lighting, cheerful mood) —
     just a whisper of brand tint in one corner for cohesion, never darkening the photo */
  content:"";position:absolute;inset:0;
  background:linear-gradient(200deg,rgba(0,80,42,.10) 0%,rgba(0,80,42,0) 42%);
  pointer-events:none;
}
.res__cardart::after{
  /* faint top sheen, same glass/lacquer language used on the integration tiles — a quiet premium finish */
  content:"";position:absolute;inset:0;
  background:linear-gradient(165deg,rgba(255,255,255,.16),rgba(255,255,255,0) 34%);
  mix-blend-mode:soft-light;pointer-events:none;
}
.res__cardart .ico{
  width:42px;height:42px;border-radius:11px;position:absolute;z-index:1;top:16px;left:16px;
  display:grid;place-items:center;background:rgba(255,255,255,.96);
  color:var(--green-ink);box-shadow:0 6px 14px -6px rgba(0,0,0,.28);
  transition:transform 400ms var(--ease);
}
.res__card:hover .res__cardart .ico{transform:translateY(-2px);}
.res__cardart .ico svg{width:19px;height:19px;}
.res__cardbody{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1;}
.res__cardbody .tag{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-ink);}
.res__cardbody h3{font-family:var(--serif);font-size:19px;line-height:1.32;letter-spacing:-0.008em;font-weight:400;color:var(--ink);flex:1;}
.res__cardbody .rd{font-size:13px;color:var(--green-ink);font-weight:600;margin-top:auto;}

/* ============================================================
   CLOSE — extreme whitespace
   ============================================================ */
.close{
  position:relative;overflow:hidden;text-align:center;
  padding:clamp(96px,12vw,160px) 0 clamp(64px,8vw,96px);
  background:
    radial-gradient(58% 65% at 84% 6%, rgba(242,228,0,.11), transparent 62%),
    radial-gradient(52% 60% at 12% 96%, rgba(172,212,0,.10), transparent 64%),
    linear-gradient(180deg,#0c331e 0%,#00351C 55%,#052013 100%);
  border-bottom:1px solid var(--on-dark-line);
}
.close::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  top:0;right:0;bottom:0;left:0;
  background-image:url('../img/brand/zenwork-footer-ribbon-pattern.svg');
  background-repeat:no-repeat;
  background-position:right center;
  background-size:auto 130%;
}
@media (max-width:720px){.close::after{background-size:auto 80%;}}
.close .wrap{position:relative;z-index:1;}
.close .h2{margin:0 auto 22px;color:#fff;}
.close-title--narrow{margin-left:auto;margin-right:auto;}
.close-title--wide{max-width:32ch!important;margin-left:auto;margin-right:auto;}
.close p{color:rgba(255,255,255,.72);font-size:19px;margin:0 auto 36px;}
.close .btn--primary{box-shadow:0 14px 30px -14px rgba(0,0,0,.45);}
.close .btn--primary:hover{box-shadow:0 18px 34px -14px rgba(0,0,0,.5);}
.close>*{position:relative;z-index:1;}

/* ---- shared visual rhythm bridging CTA into footer: one continuous dark green
   canvas, same restrained dotted motif as the testimonials section, concentrated
   around the CTA and fading out before the footer's link columns begin. The two
   sections still get a real divider (below) — same canvas, but a CTA and a
   footer are different kinds of content and should read as distinct. ---- */
.closefoot{position:relative;overflow:hidden;background:#00351C;}
.closefoot::before{
  content:"";position:absolute;left:0;right:0;top:0;height:640px;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,0.09) 1.5px,transparent 0);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.22) 55%,transparent 100%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.22) 55%,transparent 100%);
}
.closefoot .close,.closefoot .foot{background:transparent;}

/* ============================================================
   FOOTER
   ============================================================ */
.foot{color:var(--on-dark-muted);padding:56px 0 40px;position:relative;z-index:1;}

/* ---------- FOOTER — LIGHT SHARED-SYSTEM VARIANT: the closing CTA above keeps
   its immersive dark canvas; the footer gets its own opaque light surface so it
   reads as utility/navigation rather than a continuation of the conversion
   moment. Matches the approved 1099 implementation exactly. ---------- */
.foot-light{background:linear-gradient(180deg,#F3F7F4 0%,#EAF2ED 100%);color:var(--muted);border-top:1px solid rgba(0,129,74,.12);}
.closefoot .foot.foot-light{background:linear-gradient(180deg,#F3F7F4 0%,#EAF2ED 100%);border-top:1px solid rgba(0,129,74,.12);}
.foot-light .foot__top{border-bottom:1px solid var(--footer-divider);}
.foot-light .foot__address{color:var(--ink);opacity:.85;}
.foot-light .foot__address svg{color:#00814A;}
.foot-light .foot__company{color:var(--ink);}
.foot-light .foot__hours{color:var(--muted);}
.foot-light .foot__col h5{color:#00713F;font-weight:500;}
.foot-light .foot__col a{color:#33513F;opacity:.85;}
.foot-light .foot__col a:hover{color:#00814A;opacity:1;}
.foot-light .foot__social a{background:rgba(0,129,74,.08);color:#00814A;border:1px solid rgba(0,129,74,.2);}
.foot-light .foot__social a:hover{background:rgba(0,129,74,.16);border-color:rgba(0,129,74,.36);color:#00713F;transform:translateY(-2px);}
.foot-light .foot__legalrow{border-bottom:1px solid var(--footer-divider);}
.foot-light .foot__legalrow a{color:#33513F;opacity:.85;}
.foot-light .foot__legalrow a:hover{color:#00814A;opacity:1;}
.foot-light .foot__legalrow .sep{color:var(--muted-2);opacity:1;}
.foot-light .foot__bottom{color:var(--muted-2);}
.foot__top{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px;padding-bottom:44px;border-bottom:1px solid var(--on-dark-line);}
.foot__col--nested{display:flex;flex-direction:column;gap:26px;}
.foot__brand{display:flex;align-items:center;margin-bottom:22px;}
.foot__brand img{height:46px;width:auto;object-fit:contain;display:block;}
.foot__company{font-family:var(--serif);font-size:19px;color:var(--on-dark);margin-bottom:14px;}
.foot__address{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.5;color:var(--on-dark);opacity:.9;margin-bottom:8px;max-width:34ch;}
.foot__address svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--lime);}
.foot__hours{font-size:14px;color:var(--on-dark-muted);margin:12px 0 22px;}
.foot__social{display:flex;gap:10px;align-items:center;}
.foot__social a{
  width:38px;height:38px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:var(--green);color:#fff;font-weight:800;font-size:14px;font-family:var(--sans);
  transition:background 160ms,transform 160ms;
}
.foot__social a:hover{background:var(--lime);color:var(--green-deep);transform:translateY(-2px);}
.foot__col h5{font-family:var(--serif);font-style:italic;font-weight:400;font-size:19px;letter-spacing:0;text-transform:none;color:var(--lime);margin-bottom:16px;}
.foot__col a{display:block;font-size:14.5px;color:var(--on-dark);opacity:.82;padding:5px 0;transition:opacity 160ms;}
.foot__col a:hover{opacity:1;}
.foot__legalrow{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:26px;padding-bottom:14px;font-size:13.5px;border-bottom:1px solid var(--on-dark-line);}
.foot__legallinks{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.foot__legalrow a{color:var(--on-dark);opacity:.82;transition:opacity 160ms;}
.foot__legalrow a:hover{opacity:1;}
.foot__legalrow .sep{color:var(--on-dark-muted);opacity:.5;}
.foot__bottom{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding-top:22px;font-size:13px;}
.foot__compliance{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.foot__compliance img{height:44px;width:auto;object-fit:contain;display:block;border-radius:8px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:960px){
  .navlinks{display:none;}
  .navtoggle{display:inline-flex;align-items:center;}
  .nav__right .btn,.nav__right .nav__login,.nav__right .nav__signup{display:none;}
  .nav__main{border-bottom:0;background:transparent;}
  .nav__main .wrap{height:auto;min-height:0;padding-top:0;padding-bottom:0;}
  .navlinks__mobileauth{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:16px;border-top:1px solid var(--line);}
  .navlinks__mobileauth .nav__login,.navlinks__mobileauth .nav__signup{justify-content:center;border:1px solid var(--line-2);}
  .navlinks__mobileauth .btn{width:100%;justify-content:center;}
  /* nav dropdowns become an inline accordion on mobile instead of a floating panel —
     the fixed min-widths above (560–820px) would otherwise force horizontal overflow */
  .navpanel{position:static;min-width:0;width:100%;box-sizing:border-box;box-shadow:none;border:0;border-radius:0;padding:6px 4px 4px;margin-top:2px;display:none;opacity:1;transform:none;pointer-events:auto;visibility:visible;}
  .navitem[data-open="true"] .navpanel{display:block;}
  .navpanel__items{display:block;}
  .navpanel__item{width:100%;}
  .navpanel__head{padding-bottom:8px;margin-bottom:6px;}
  .navpanel--wide,.navpanel--extra{grid-template-columns:1fr;gap:0;}
  .navpanel--products{min-width:0;padding:6px 4px 4px;}
  .navpanel__primary-row{grid-template-columns:1fr;}
  .navpanel__others{grid-template-columns:1fr;}
  .hero{overflow:visible;display:flex;flex-direction:column;align-items:stretch;min-height:0;}
  .hero .wrap{order:1;padding-top:clamp(56px,9vw,84px);padding-bottom:0;padding-left:var(--edge);padding-right:var(--edge);}
  .hstage{order:2;position:relative;top:auto;right:auto;bottom:auto;width:100%;height:clamp(280px,52vw,380px);margin-top:40px;}
  .hero__inner{max-width:640px;text-align:center;margin:0 auto;}
  .hero h1{margin:0 auto 24px;}
  .hero .lead{margin:0 auto 34px;}
  .hero__form{justify-content:center;margin:0 auto;}
  .hstage__wrap{order:3;position:relative;top:auto;bottom:auto;right:auto;left:auto;width:100%;max-width:360px;margin:-30px auto 0;padding:0 20px 40px;opacity:1;transform:none;animation:none;}
  .hstage__card{width:100%;}
  .plat__lifecycle{grid-template-columns:repeat(2,1fr);gap:24px 0;}
  .plat__conn{display:none;}
  .pnode__arrow{display:none;}
  .ai__grid{grid-template-columns:1fr;}
  .ind__canvas{grid-template-columns:1fr;}
  .ind__right{border-left:0;border-top:1px solid var(--line);}
  .scale__grid{grid-template-columns:1fr;gap:36px;}
  .scale__divider{display:none;}
  .fitsgrid{grid-template-columns:1fr;grid-template-rows:none;}
  .fitcard--integrations{grid-column:auto;grid-row:auto;}
  .res__grid3{grid-template-columns:1fr;}
  .res__head{align-items:flex-start;}
  .foot__top{grid-template-columns:1fr;gap:32px;}
}
@media (max-width:560px){
  body{font-size:16px;}
  .demo__steps{flex-wrap:wrap;gap:20px 0;}
  .dstep{flex:0 0 50%;}
  .dstep__wire{display:none;}
  .scale__side{grid-template-columns:1fr 1fr;}
  .foot__top{grid-template-columns:1fr;gap:28px;}
  .hero__form{flex-direction:column;}
  .hero__input{min-width:0;}
  .btn{width:100%;}
}

/* Project global structure kept for the PHP header/footer includes. */
:root{--mobile-edge:24px;}
.brand-mark{display:inline-flex;align-items:center;margin-right:9px;vertical-align:-3px;}
.brand-mark img{display:block;height:16.5px;width:auto;}
.navlinks__primary{display:contents;}
.chev--static{display:none;}
.foot__contact-chev{display:none;}
.navtoggle{display:none;}
.navtoggle__icon{position:relative;width:20px;height:14px;flex:none;}
.navtoggle__bar{position:absolute;left:0;top:50%;height:2px;border-radius:1px;background:var(--ink);transition:transform 220ms var(--ease);}
.navtoggle__bar--1{width:20px;transform:translateY(-6px);}
.navtoggle__bar--2{width:13px;transform:translateY(6px);}
.navtoggle[aria-expanded="true"] .navtoggle__bar--1{transform:translateY(0) rotate(45deg);}
.navtoggle[aria-expanded="true"] .navtoggle__bar--2{transform:translateY(0) rotate(-45deg);}
.foot__legalrow{width:100%;box-sizing:border-box;}
.footdisc__trigger{
  font:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;
  letter-spacing:inherit;text-transform:inherit;color:inherit;
  background:none;border:0;padding:0;margin:0;text-align:left;cursor:default;
  display:block;width:100%;
}
.footdisc__chev{display:none;}
.footdisc__panel{display:block;}
html.nav-locked,html.nav-locked body{overflow:hidden;height:100%;}

@media (min-width:1024px){
  .foot{padding:64px 0 64px!important;}
  .foot__top{padding-bottom:22px!important;}
  .foot__col--nested{gap:14px!important;}
  .foot__brand{margin-bottom:16px!important;}
  .foot__company{margin-bottom:10px!important;}
  .foot__hours{margin:10px 0 16px!important;}
  .foot__col h5{margin-bottom:10px!important;}
  .foot__legalrow{padding-top:13px!important;padding-bottom:7px!important;}
  .foot__bottom{padding-top:11px!important;}
}

@media (max-width:960px){
  .navtoggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:none;border-radius:0;padding:0;}
  .nav__right .btn,.nav__right .nav__login,.nav__right .nav__signup{display:none;}
  .nav__main{border-bottom:0;background:transparent;}
  .nav__main .wrap{height:auto;min-height:0;padding-top:0;padding-bottom:0;}
  .nav__utility .wrap{height:64px;}
  .navlinks{
    display:flex;flex-direction:column;align-items:stretch;
    position:fixed;top:64px;left:0;right:0;bottom:0;
    overflow-y:auto;
    background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 82%,var(--mist) 100%);
    padding:8px var(--mobile-edge) 22px;margin:0;
    z-index:120;
    opacity:0;transform:translateY(-6px);visibility:hidden;pointer-events:none;
    transition:opacity 210ms var(--ease),transform 210ms var(--ease),visibility 210ms;
  }
  .navlinks.nav-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;}
  .navlinks__primary{display:flex;flex-direction:column;gap:0;margin:0;}
  .navitem{width:100%;}
  .navlinks__primary>a.navlink,
  .navitem>.navlink{
    width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;
    font-family:'Hanken Grotesk',sans-serif;font-size:16.5px;font-weight:600;letter-spacing:-0.006em;color:var(--ink);
    padding:0 10px;box-sizing:border-box;
  }
  .chev--static{display:inline-flex;width:11px;height:11px;color:var(--muted-2);transform:rotate(-90deg);flex:none;}
  .navlinks__mobileauth{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);}
  .navlinks__authrow{display:flex;gap:10px;}
  .navlinks__authrow .nav__login,.navlinks__authrow .nav__signup{flex:1 1 0;justify-content:center;border:1px solid var(--line-2);min-height:46px;}
  .navlinks__mobileauth .btn{width:100%;justify-content:center;min-height:50px;}
  .navpanel{
    position:static;min-width:0;width:100%;box-sizing:border-box;
    box-shadow:none;border:0;border-radius:0;margin:0;
    max-height:0;padding-top:0;padding-bottom:0;
    opacity:0;overflow:hidden;pointer-events:none;
    transform:none;visibility:visible;
    transition:max-height 200ms var(--ease),opacity 200ms var(--ease),padding-top 200ms var(--ease),padding-bottom 200ms var(--ease);
  }
  .navitem[data-open="true"] .navpanel{max-height:600px;padding-top:6px;padding-bottom:16px;opacity:1;pointer-events:auto;}
  .navpanel__items{display:flex;flex-direction:column;gap:4px;}
  .navpanel__item{width:100%;padding:12px 8px;}
  .navpanel__head{padding-bottom:10px;margin-bottom:8px;}
  .navpanel--wide,.navpanel--extra{grid-template-columns:1fr;gap:0;}
  .navpanel--products{min-width:0;padding:6px 4px 4px;}
  .navpanel__primary-row{grid-template-columns:1fr;}
  .navpanel__others{grid-template-columns:1fr;}
  #np-solutions .navpanel__head,
  #np-industries .navpanel__head,
  #np-resources .navpanel__head{display:none;}
  #np-solutions .navpanel__items,
  #np-industries .navpanel__items,
  #np-resources .navpanel__items{margin-top:6px;}
  #np-industries .navpanel__item-ic{display:none;}
  .navitem[data-open="true"]>.navlink{background:rgba(0,171,82,.06);border-radius:8px;}
}

@media (min-width:768px) and (max-width:960px){
  .foot__top{grid-template-columns:1fr;gap:32px;}
}

@media (max-width:767px){
  .foot__top{grid-template-columns:1fr;gap:0;padding-bottom:4px;}
  .foot__col--brand{padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid var(--footer-divider);}
  .foot__col--nested{gap:0!important;}
  .footdisc__trigger{
    display:flex!important;align-items:center;justify-content:space-between;
    min-height:54px;padding:15px 10px;cursor:pointer;box-sizing:border-box;
    font-family:'Hanken Grotesk',sans-serif!important;font-style:normal!important;
    font-size:16.5px!important;font-weight:600!important;color:var(--ink)!important;letter-spacing:-0.006em;
  }
  .footdisc__chev{display:block;width:13px;height:13px;flex:none;color:var(--muted-2);transition:transform 200ms var(--ease);}
  .footdisc__trigger[aria-expanded="true"] .footdisc__chev{transform:rotate(180deg);}
  .footdisc__trigger[aria-expanded="true"]{background:rgba(0,171,82,.06);border-radius:8px;}
  .footdisc__panel{max-height:0;overflow:hidden;opacity:0;transition:max-height 200ms var(--ease),opacity 200ms var(--ease);}
  .footdisc__panel.is-open{max-height:640px;opacity:1;padding-top:2px;padding-bottom:8px;}
  .footdisc__panel a{padding:8px 10px;display:block;}
  .foot__col h5{margin:0!important;}
  .foot__col--contact{padding:0;}
  .foot__col--contact h5{display:none;}
  .foot__col--contact a{
    display:flex!important;align-items:center;justify-content:space-between;
    min-height:54px;padding:15px 10px;box-sizing:border-box;opacity:1!important;
    font-family:'Hanken Grotesk',sans-serif!important;font-style:normal!important;
    font-size:16.5px!important;font-weight:600!important;color:var(--ink)!important;letter-spacing:-0.006em;
  }
  .foot__contact-chev{display:inline-flex;width:11px;height:11px;color:var(--muted-2);transform:rotate(-90deg);flex:none;}
  .foot__legalrow{width:100%;font-size:13px;margin-top:8px;padding-top:16px!important;border-bottom:0!important;flex-direction:column;align-items:flex-start;gap:16px;}
  .foot__bottom{flex-direction:column;align-items:flex-start;gap:14px;}
  .foot__social a{min-width:44px;min-height:44px;}
}

@media (max-width:560px){
  .hero__form{flex-direction:row;flex-wrap:nowrap;width:100%;gap:8px;}
  .hero__input{min-width:0;width:auto;flex:1 1 auto;-webkit-appearance:none;appearance:none;}
  .hero__form .btn{width:auto;flex:0 0 auto;padding:0 18px;}
}

@media (max-width:380px){
  .hero__input{padding:0 14px;font-size:14.5px;}
  .hero__form .btn{padding:0 14px;font-size:14.5px;}
}

/* ===== Additional Page Styles ===== */
/* Product page styles are in assets/css/products.css. */
/* PAGE-CONTACT */
body.page-contact{
  --cf-error:#B3261E;
  --cf-error-bg:#FBEEEC;
}.page-contact .eyebrow-mark{display:inline-block;height:14px;width:auto;vertical-align:-2px;margin-right:10px;}.page-contact .brand-mark{display:inline-flex;align-items:flex-end;gap:2px;margin-right:10px;vertical-align:-2px;}.page-contact .brand-mark span{display:block;width:6px;height:13px;border-radius:1px;transform:skewX(-16deg);}.page-contact .brand-mark span:first-child{background:var(--green);}.page-contact .brand-mark span:last-child{background:var(--lime);}.page-contact .contact-hero{
  position:relative;overflow:hidden;scroll-margin-top:130px;
  background:var(--paper);
}.page-contact .contact-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(85% 100% at 26% 62%, rgba(0,171,82,.10), transparent 72%),
    radial-gradient(70% 85% at 82% 12%, rgba(172,212,0,.065), transparent 74%);
}@media (min-width:1024px){.page-contact .contact-hero::before{
    background:
      radial-gradient(85% 105% at 24% 62%, rgba(0,171,82,.12), transparent 70%),
      radial-gradient(72% 90% at 82% 12%, rgba(172,212,0,.08), transparent 72%);
  }
}.page-contact .contact-hero__grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  grid-template-areas:
    "heading form"
    "illustration form";
  column-gap:clamp(40px,5vw,88px);
  align-items:start;
  padding:clamp(52px,6vw,80px) 0 clamp(64px,6vw,96px);
}.page-contact .hero-heading-block{grid-area:heading;}.page-contact .hero-illustration-block{grid-area:illustration;align-self:start;margin-top:clamp(8px,2vw,16px);}.page-contact .hero-form-block{grid-area:form;align-self:center;}.page-contact .contact-hero__h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,4.4vw,64px);line-height:1.07;letter-spacing:-0.025em;color:var(--ink);margin:0;text-wrap:pretty;}.page-contact .hero-illustration-wrap{position:relative;max-width:460px;}.page-contact .hero-illustration{position:relative;z-index:1;width:100%;height:auto;display:block;}.page-contact .contact-form-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(30px,3.4vw,44px);box-shadow:var(--shadow-sm);
}.page-contact .cf-field{margin-bottom:22px;}.page-contact .cf-field:last-of-type{margin-bottom:0;}.page-contact .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}@media (max-width:560px){.page-contact .cf-row{grid-template-columns:1fr;}}.page-contact .cf-row .cf-field:last-of-type{margin-bottom:22px;}.page-contact .cf-label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;}.page-contact .cf-label .req{color:var(--green-ink);margin-left:3px;}.page-contact .cf-input,.page-contact .cf-textarea{
  width:100%;height:52px;padding:0 16px;border:1px solid var(--line-2);border-radius:10px;
  font:400 16px/1.4 'Hanken Grotesk',sans-serif;color:var(--ink);background:var(--paper);
  transition:border-color 160ms,box-shadow 160ms;
}.page-contact .cf-textarea{height:auto;min-height:132px;padding:14px 16px;resize:vertical;line-height:1.55;}.page-contact .cf-input::placeholder,.page-contact .cf-textarea::placeholder{color:var(--muted-2);}.page-contact .cf-input:focus,.page-contact .cf-textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(0,171,82,.14);}.page-contact .cf-input[aria-invalid="true"],.page-contact .cf-textarea[aria-invalid="true"]{border-color:var(--cf-error);}.page-contact .cf-input[aria-invalid="true"]:focus,.page-contact .cf-textarea[aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(179,38,30,.14);}.page-contact .cf-error{display:none;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--cf-error);}.page-contact .cf-error.show{display:flex;}.page-contact .cf-error span{display:inline-flex;}.page-contact .cf-error svg{width:14px;height:14px;flex:none;}.page-contact .cf-privacy{font-size:13.5px;line-height:1.62;color:var(--muted);margin:26px 0 18px;}.page-contact .cf-check{display:flex;align-items:flex-start;gap:12px;padding:8px 0;cursor:pointer;min-height:44px;position:relative;}.page-contact .cf-check input{position:absolute;top:0;left:0;width:44px;height:44px;margin:0;opacity:0;cursor:pointer;}.page-contact .cf-check__box{flex:none;width:20px;height:20px;border:1.5px solid var(--line-2);border-radius:5px;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:background 160ms,border-color 160ms;background:var(--paper);}.page-contact .cf-check__box svg{width:12px;height:12px;opacity:0;stroke:#fff;transition:opacity 120ms;}.page-contact .cf-check input:checked ~ .cf-check__box{background:var(--green);border-color:var(--green);}.page-contact .cf-check input:checked ~ .cf-check__box svg{opacity:1;}.page-contact .cf-check input:focus-visible ~ .cf-check__box{outline:2px solid var(--green);outline-offset:2px;}.page-contact .cf-check__label{font-size:14.5px;color:var(--ink);line-height:1.4;padding-top:1px;}.page-contact .cf-agree-err{margin:-10px 0 14px;}.page-contact .cf-submit{
  width:100%;height:56px;border:0;border-radius:999px;
  background:linear-gradient(105deg,#F2E400 0%,#E8DB00 58%,#DACD00 100%);color:#241F00;
  font:700 16px/1 'Hanken Grotesk',sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  margin-top:26px;cursor:pointer;box-shadow:0 1px 2px rgba(218,205,0,.28),0 10px 22px -12px rgba(218,205,0,.55);
  transition:transform 200ms var(--ease),box-shadow 200ms,background 160ms;
}.page-contact .cf-submit:hover{transform:translateY(-1px);background:linear-gradient(105deg,#F2E400 0%,#DACD00 58%,#CCBF00 100%);}.page-contact .cf-submit svg{width:17px;height:17px;}.page-contact .cf-success{display:none;text-align:center;padding:20px 4px 6px;}.page-contact .cf-success.show{display:block;}.page-contact .cf-success__icon{width:56px;height:56px;border-radius:50%;background:var(--g-050);color:var(--green-ink);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}.page-contact .cf-success__icon svg{width:26px;height:26px;}.page-contact .cf-success h3{font-family:var(--serif);font-weight:400;font-size:24px;color:var(--ink);margin:0 0 10px;}.page-contact .cf-success p{font-size:15px;line-height:1.55;color:var(--muted);max-width:34ch;margin:0 auto;}.page-contact .cf-form.hide{display:none;}.page-contact .cf-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}.page-contact .cf-form-error{margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#FDECEC;color:#B42318;font-size:14px;line-height:1.45;}.page-contact .cf-form-error[hidden]{display:none;}.page-contact .cf-submit[disabled]{opacity:.7;cursor:progress;transform:none;}.page-contact .routes-section{position:relative;overflow:hidden;background:var(--mist);}.page-contact .routes-section::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(58% 75% at 88% 12%, rgba(0,171,82,.04), transparent 72%),
    radial-gradient(52% 60% at 6% 92%, rgba(172,212,0,.035), transparent 74%);
}.page-contact .routes-section > .wrap{position:relative;z-index:1;}.page-contact .routes-head{margin-bottom:clamp(32px,4vw,44px);}.page-contact .routes-head .h2{font-size:var(--type-h2);line-height:1.08;margin:0;}.page-contact .routes-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:48px;
  padding-top:28px;
}.page-contact .routes-col{min-width:0;padding-top:6px;}.page-contact .routes-col + .routes-col{border-left:1px solid rgba(15,24,34,.09);padding-left:32px;}.page-contact .route-icon{color:var(--green-ink);margin-bottom:18px;display:inline-flex;}.page-contact .route-icon svg{width:22px;height:22px;stroke-width:1.5;}.page-contact .route-heading{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.1vw,23px);letter-spacing:-0.01em;color:var(--ink);margin:0 0 16px;}.page-contact .route-group + .route-group{margin-top:22px;}.page-contact .route-sub{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted-2);margin:0 0 5px;}.page-contact .route-address{font-size:15px;line-height:1.62;color:var(--muted);margin:0 0 14px;}.page-contact .route-link{display:inline-flex;align-items:center;gap:6px;font-size:15.5px;font-weight:600;color:var(--green-ink);}.page-contact .route-link:hover{text-decoration:underline;text-underline-offset:3px;}.page-contact .route-link svg{width:14px;height:14px;}.page-contact .close.brand-band::after{content:none;}.page-contact .close.brand-band{padding:clamp(52px,6.4vw,80px) 0 clamp(44px,5.4vw,64px);}.page-contact .brand-band__ribbon{width:min(100%,880px);height:auto;margin:0 auto;display:block;}.page-contact .brand-band__lines{display:none;flex-direction:column;align-items:center;gap:12px;}.page-contact .brand-band__lines p{font-family:var(--sans);font-weight:400;font-size:22px;color:#fff;margin:0;letter-spacing:-0.005em;}.page-contact .brand-band__lines em{font-style:italic;color:var(--lime);}@media (min-width:768px) and (max-width:1023px){.page-contact .contact-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:clamp(32px,4vw,48px);}.page-contact .hero-illustration-wrap{max-width:360px;}.page-contact .contact-hero__h1{font-size:clamp(36px,3.4vw,48px);line-height:1.14;letter-spacing:-0.02em;max-width:16ch;}.page-contact .routes-head{max-width:52ch;}.page-contact .routes-head .h2{font-size:var(--type-h2);}.page-contact .routes-grid{grid-template-columns:repeat(2,1fr);max-width:100%;padding-top:40px;border-top:1px solid var(--divider-soft);}.page-contact .routes-col:nth-child(3){
    grid-column:1/-1;border-left:0;padding-left:0;
    margin-top:28px;padding-top:24px;border-top:1px solid var(--divider-soft);
  }
}@media (max-width:767px){.page-contact .contact-hero__grid{
    display:flex;flex-direction:column;gap:clamp(28px,7vw,40px);
    padding:clamp(40px,10vw,56px) 0 28px;
  }.page-contact .contact-hero__h1{font-size:32px;line-height:1.16;letter-spacing:-0.02em;max-width:16ch;}.page-contact .hero-illustration-block{order:3;margin-top:0;}.page-contact .hero-illustration-wrap{max-width:260px;margin:0 auto;}.page-contact .hero-form-block{order:2;}.page-contact .hero-heading-block{order:1;}.page-contact .contact-form-card{padding:26px 22px;}.page-contact .routes-head{margin-bottom:32px;max-width:52ch;}.page-contact .routes-head .h2{font-size:var(--type-h2);}.page-contact .eyebrow-mark{height:12px;margin-right:8px;}.page-contact .routes-grid{grid-template-columns:1fr;column-gap:0;max-width:100%;padding-top:24px;row-gap:0;border-top:1px solid var(--divider-soft);}.page-contact .routes-col{padding-top:0;}.page-contact .routes-col + .routes-col{
    border-left:0;padding-left:0;
    margin-top:24px;padding-top:24px;border-top:1px solid var(--line-2);
  }
}@media (max-width:767px){.page-contact .brand-band__ribbon{display:none;}.page-contact .brand-band__lines{display:flex;}
}
/* PAGE-LEGAL */
.page-legal{--prose:100%;--rhythm-lg:clamp(56px,6.4vw,84px);--rhythm-md:36px;--rhythm-sm:20px;}
.page-legal .legal-hero{min-height:clamp(300px,32vw,420px);}
.page-legal .legal-hero .wrap{padding-top:clamp(34px,4.8vw,58px);padding-bottom:clamp(34px,4.8vw,58px);}
.page-legal .legal-hero .hero__inner{max-width:900px;margin-top:0;}
.page-legal .legal-hero .bhero__title{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(40px,5vw,70px);line-height:1.06;letter-spacing:0;margin:0 0 28px;}
.page-legal .legal-hero .bhero__title .it{display:inline;white-space:normal;font-style:italic;color:var(--green-ink);}
.page-legal .legal-hero .lead{max-width:none;}.page-legal .legal-hero .hero__row{position:relative;}.page-legal .legal-hero__art{position:absolute;right:0;top:60%;transform:translateY(-50%);height:auto;z-index:1;pointer-events:none;}.page-legal .legal-hero__art ~ .hero__inner,.page-legal .legal-hero .hero__row:has(.legal-hero__art) .hero__inner{max-width:min(900px,60%);}@media (max-width:960px){.page-legal .legal-hero__art{display:none;}.page-legal .legal-hero .hero__row:has(.legal-hero__art) .hero__inner{max-width:none;}}
.legal-page{padding:clamp(56px,7vw,96px) 0 clamp(72px,8vw,120px);}
.legal-container{width:min(calc(100% - (var(--edge) * 2)), var(--maxw-wide));margin-inline:auto;}
.legal-prose{width:var(--prose);margin-inline:auto;}
.legal-eyebrow{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);display:block;}
.legal-h1{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(34px,4.2vw,46px);line-height:1.14;letter-spacing:-0.014em;}
.legal-h2{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(23px,2.2vw,27px);line-height:1.3;letter-spacing:-0.01em;margin-bottom:var(--rhythm-sm);}
.legal-h3{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:17px;line-height:1.4;letter-spacing:-0.003em;margin:30px 0 12px;}
.legal-h4{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:15.5px;line-height:1.4;margin:22px 0 10px;}
.legal-p{font-size:16.5px;line-height:1.75;color:var(--ink);max-width:none;}
.legal-p + .legal-p{margin-top:var(--rhythm-sm);}
.legal-p strong{font-weight:600;}
.legal-term{font-weight:600;color:var(--ink);}
.legal-meta{padding-bottom:var(--rhythm-lg);border-bottom:1px solid var(--line);}
.legal-meta--document{padding-bottom:var(--rhythm-md);}
.legal-meta--document .legal-meta__dates{margin-top:0;}
.legal-meta__dates{display:flex;flex-wrap:wrap;gap:8px 32px;margin:18px 0 24px;}
.legal-meta__date{display:inline-flex;align-items:baseline;gap:7px;font-size:14.5px;color:var(--ink);}
.legal-meta__date b{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);}
.legal-meta__intro{font-size:18px;line-height:1.6;color:var(--muted);max-width:none;}
.legal-meta__intro + .legal-meta__intro{margin-top:16px;}
.legal-section{margin-top:var(--rhythm-lg);}
.legal-section:first-of-type{margin-top:var(--rhythm-lg);}
.legal-link{color:var(--green-ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(0,129,74,.35);text-underline-offset:3px;transition:color 160ms var(--ease),text-decoration-color 160ms var(--ease);}
.legal-link:hover{color:var(--green);text-decoration-color:currentColor;}
.legal-link:focus-visible{outline-offset:3px;text-decoration-color:currentColor;}
.legal-link__ic{width:12px;height:12px;display:inline-block;vertical-align:-1px;margin-left:2px;flex:none;}
.legal-ol,.legal-ul{margin:var(--rhythm-sm) 0;padding-left:1.4em;}
.legal-ol{list-style:decimal;font-variant-numeric:tabular-nums;}
.legal-ul{list-style:disc;}
.legal-ol li,.legal-ul li{font-size:16.5px;line-height:1.7;color:var(--ink);padding-left:.35em;margin-bottom:12px;}
.legal-ol li:last-child,.legal-ul li:last-child{margin-bottom:0;}
.legal-ol li::marker{font-weight:600;color:var(--muted);}
.legal-ul li::marker{color:var(--muted-2);}
.legal-ol ol{list-style:lower-alpha;margin:12px 0 0;padding-left:1.3em;}
.legal-ol ol ol{list-style:lower-roman;}
.legal-ol ol li{margin-bottom:10px;}
.legal-ul ul{list-style:none;margin:10px 0 0;padding-left:1.1em;}
.legal-ul ul li{position:relative;margin-bottom:8px;}
.legal-ul ul li::before{content:"";position:absolute;left:-1.1em;top:.72em;width:6px;height:1.5px;background:var(--muted-2);}
.legal-notice{border-left:2px solid var(--green);padding-left:20px;max-width:none;margin:var(--rhythm-md) 0;}
.legal-notice__label{display:block;margin-bottom:8px;}
.legal-notice__lead{font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.6;}
.legal-notice__body{margin-top:8px;font-size:16px;line-height:1.7;color:var(--muted);}
.legal-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--rhythm-md) 0;}
.legal-table{width:100%;border-collapse:collapse;font-size:15px;}
.legal-table caption{text-align:left;font-size:13px;color:var(--muted-2);margin-bottom:10px;}
.legal-table th,.legal-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.55;}
.legal-table th{background:var(--paper-2);font-weight:700;color:var(--ink);font-size:13px;letter-spacing:.02em;border-bottom:1px solid var(--line-2);white-space:nowrap;}
.legal-table td{color:var(--muted);}
.legal-table td strong{color:var(--ink);font-weight:600;}
.legal-table tbody tr:last-child td{border-bottom:0;}
.legal-table thead th:last-child,.legal-table tbody td:last-child{padding-right:20px;}
.page-legal-privacy .privacy-live-content > p:first-child{font-size:18px;line-height:1.65;color:var(--muted);}
.page-legal-privacy .privacy-live-content p{font-size:16.5px;line-height:1.75;color:var(--ink);max-width:none;margin:0 0 var(--rhythm-sm);}
.page-legal-privacy .privacy-live-content p strong{font-weight:700;color:var(--ink);}
.page-legal-privacy .privacy-live-content h4{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(24px,2.3vw,30px);line-height:1.25;letter-spacing:-0.01em;margin:var(--rhythm-lg) 0 var(--rhythm-sm);}
.page-legal-privacy .privacy-live-content h4:first-of-type{margin-top:var(--rhythm-md);}
.page-legal-privacy .privacy-live-content a{color:var(--green-ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(0,129,74,.35);text-underline-offset:3px;transition:color 160ms var(--ease),text-decoration-color 160ms var(--ease);}
.page-legal-privacy .privacy-live-content a:hover{color:var(--green);text-decoration-color:currentColor;}
.page-legal-privacy .privacy-live-content .privacy-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:var(--rhythm-md) 0;padding:22px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;box-shadow:0 18px 42px -34px rgba(15,24,34,.22);}
.page-legal-privacy .privacy-live-content .privacy-toc p{font-size:14.5px;line-height:1.45;margin:0;color:var(--muted);}
.page-legal-privacy .privacy-live-content .privacy-toc strong{font-weight:700;}
.page-legal-privacy .privacy-live-content ul{list-style:disc;margin:var(--rhythm-sm) 0;padding-left:1.35em;}
.page-legal-privacy .privacy-live-content li{font-size:16.5px;line-height:1.7;color:var(--ink);padding-left:.35em;margin-bottom:12px;}
.page-legal-privacy .privacy-live-content li:last-child{margin-bottom:0;}
.page-legal-privacy .privacy-live-content li::marker{color:var(--muted-2);}
.page-legal-privacy .privacy-live-content .data-points,.page-legal-privacy .privacy-live-content .data-points-2,.page-legal-privacy .privacy-live-content .data-points-3,.page-legal-privacy .privacy-live-content .data-points-4{margin:var(--rhythm-sm) 0;}
.page-legal-privacy .privacy-live-content .legal-table-wrap{margin:var(--rhythm-md) 0;}
.page-legal-privacy .privacy-live-content table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;}
.page-legal-privacy .privacy-live-content th,.page-legal-privacy .privacy-live-content td{padding:14px 18px;text-align:left;vertical-align:top;border:1px solid var(--line);line-height:1.55;color:var(--muted);}
.page-legal-privacy .privacy-live-content th{background:var(--paper-2);font-weight:700;color:var(--ink);}
.page-legal-privacy .privacy-live-content td strong{color:var(--ink);}
/* Legal accordions use the shared FAQ component (usecase-faq.css); only spacing and rich-body tweaks live here. */
.page-legal-terms .legal-faq{margin-top:clamp(34px,5vw,54px);}
.page-legal-terms .legal-faq .faq__answer-in .legal-p{margin:0 0 16px;}
.page-legal-terms .legal-faq .faq__answer-in .legal-p:last-child{margin-bottom:0;}
.page-legal-terms .legal-faq .faq__answer-in .legal-ul{margin:16px 0 20px;}
.page-legal-terms .legal-faq .faq__answer-in .legal-ul li span{display:block;}
.page-legal-terms .legal-address{font-style:normal;margin:18px 0;padding:16px 18px;border-left:2px solid var(--green);background:var(--paper-2);}
.page-legal-terms .legal-address small{font-size:15px;line-height:1.7;color:var(--ink);}
.page-legal-terms .legal-address .legal-p{margin-top:8px;}
.page-legal-terms .legal-terms__closing{max-width:none;}
.page-legal-terms .legal-terms__closing .legal-p{font-weight:700;text-transform:uppercase;color:var(--ink);}
.legal-attachment{padding-top:calc(var(--rhythm-lg) * 0.55);margin-top:calc(var(--rhythm-lg) * 0.55);border-top:1px solid var(--line-2);}
.legal-attachment__id{margin-bottom:14px;}
.legal-attachment__title{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(25px,2.6vw,31px);line-height:1.25;letter-spacing:-0.012em;}
.legal-attachment .legal-p{margin-top:18px;}
.legal-contact{display:flex;flex-direction:column;gap:22px;max-width:none;margin-top:var(--rhythm-sm);}
.legal-contact__org{font-family:var(--serif);font-size:19px;color:var(--ink);}
.legal-contact dl{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:12px;margin:0;}
.legal-contact dd{margin:0;}
.legal-contact dt{font-size:13px;color:var(--muted-2);white-space:nowrap;padding-top:2px;}
.legal-contact dd{font-size:15.5px;color:var(--ink);line-height:1.6;}
.legal-entities-wrap{margin-top:var(--rhythm-sm);}
.legal-entities{display:flex;flex-direction:column;align-items:center;padding:16px 0 4px;}
.legal-entities__node{width:min(100%,340px);border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--paper);padding:16px 20px;text-align:center;position:relative;}
.legal-entities__node::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--green);border-radius:2px;}
.legal-entities__node b{display:block;font-family:var(--sans);font-weight:600;font-size:15.5px;color:var(--ink);}
.legal-entities__node span{display:block;margin-top:3px;font-size:12.5px;color:var(--muted-2);}
.legal-entities__connector{width:1px;height:32px;background:var(--line-2);}
.legal-entities__branch{display:flex;align-items:flex-start;gap:0;width:100%;max-width:820px;justify-content:center;}
.legal-entities__branchcol{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;padding-top:32px;}
.legal-entities__branchcol::before{content:"";position:absolute;top:0;left:50%;width:1px;height:32px;background:var(--line-2);}
.legal-entities__branchbar{position:relative;width:100%;max-width:820px;height:1px;background:var(--line-2);}
.legal-closing{border-top:1px solid var(--line);padding-top:28px;margin-top:var(--rhythm-lg);}
.legal-closing p{font-size:17px;font-weight:600;line-height:1.65;color:var(--ink);max-width:none;}
.legal-footnote{border-top:1px solid var(--line);padding-top:20px;margin-top:var(--rhythm-md);display:flex;flex-direction:column;gap:10px;}
.legal-footnote li{display:flex;gap:8px;font-size:13px;line-height:1.6;color:var(--muted-2);list-style:none;}
.legal-footnote li span{flex:none;font-variant-numeric:tabular-nums;}
.legal-fn-ref{font-size:.7em;vertical-align:super;color:var(--green-ink);font-weight:700;margin-left:1px;}
@media (max-width:640px){
  .page-legal .legal-hero{min-height:0;}
  .page-legal .legal-hero .wrap{padding-top:32px;padding-bottom:34px;}
  .page-legal .legal-hero .bhero__title{font-size:clamp(36px,12vw,48px);}
  .legal-meta__intro{font-size:16.5px;}
  .legal-h2{font-size:22px;}
  .legal-contact dl{grid-template-columns:1fr;row-gap:16px;}
  .legal-contact dt{padding-top:0;}
  .legal-entities__branch{flex-direction:column;align-items:center;gap:20px;max-width:340px;}
  .legal-entities__branchbar{display:none;}
  .legal-entities__branchcol{padding-top:0;}
  .legal-entities__branchcol::before{height:20px;}
  .legal-entities__branchcol:first-child::before{content:"";}
  .legal-table th,.legal-table td{padding:12px 14px;font-size:14px;}
  .legal-table thead th:first-child,.legal-table tbody td:first-child{padding-left:16px;}
  .legal-table thead th:last-child,.legal-table tbody td:last-child{padding-right:16px;}
  .page-legal-privacy .privacy-live-content .privacy-toc{grid-template-columns:1fr;padding:18px;}
}

/* ============================================================
   USE-CASE SHARED COMPONENTS
   Reused by 1099 and Business Verification pages.
   ============================================================ */
body.page-usecase{
  --head-gap:clamp(44px,4vw,56px);
  --story-gap:clamp(44px,4.2vw,64px);
  --story-pad:34px;
  --story-col-gap:56px;
  --visual-stage-pad:clamp(28px,2.5vw,36px);
  --divider-soft:rgba(15,24,34,.07);
}
body.page-usecase .btn{border:0;background-clip:border-box;}
body.page-usecase .m-light-a{background:radial-gradient(55% 60% at 80% 8%, rgba(0,171,82,.05), transparent 62%),var(--paper);}
body.page-usecase .m-light-b{background:radial-gradient(55% 60% at 15% 92%, rgba(172,212,0,.055), transparent 62%),var(--mist);}
body.page-usecase .m-visual-stage{position:relative;border-radius:24px;}

@keyframes usecaseLogoScroll{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
@keyframes usecaseHeroSweep{to{transform:rotate(360deg);}}
@keyframes usecaseHeroSweepBack{to{transform:rotate(-360deg);}}
body.page-usecase .logow__marquee{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
body.page-usecase .logow__track{display:flex;align-items:center;gap:0;width:max-content;will-change:transform;animation:usecaseLogoScroll 36s linear infinite;}
body.page-usecase .marquee-group{display:flex;align-items:center;gap:clamp(30px,calc(16px + 3.8889vw),72px);padding-right:clamp(30px,calc(16px + 3.8889vw),72px);flex-shrink:0;}
body.page-usecase .logow__marquee:hover .logow__track{animation-play-state:paused;}
body.page-usecase .logow__img{height:clamp(22px,calc(18px + 1.1111vw),34px);width:auto;flex-shrink:0;display:block;object-fit:contain;}
body.page-usecase .logow__img--badge{height:clamp(17px,calc(14px + 0.8333vw),26px);}
body.page-usecase .hero-sweep{animation:usecaseHeroSweep 26s linear infinite;}
body.page-usecase .hero-sweep-2{animation:usecaseHeroSweepBack 44s linear infinite;}

@media (prefers-reduced-motion:reduce){
  body.page-usecase .logow__track{animation:none;transform:none!important;}
  body.page-usecase .logow__marquee{overflow:visible;}
  body.page-usecase .logow__track{flex-wrap:wrap;justify-content:center;width:100%;}
  body.page-usecase .marquee-group[aria-hidden="true"]{display:none;}
}
@media (max-width:1023px){
  body.page-usecase{overflow-x:hidden;}
}
@media (min-width:768px) and (max-width:1023px){
  body.page-usecase{--edge:clamp(32px,4.5vw,48px);}
  body.page-usecase .m-stories3{grid-template-columns:repeat(2,1fr)!important;}
  body.page-usecase .m-stories3>div:nth-child(2){padding-right:0!important;}
  body.page-usecase .m-stories3>div:nth-child(3){
    grid-column:1/-1!important;
    border-left:0!important;padding:var(--story-pad) 0 0!important;
    margin-top:var(--story-pad)!important;
    border-top:1px solid var(--divider-soft)!important;
  }
}
@media (max-width:767px){
  body.page-usecase{--edge:24px;}
}
@media (min-width:1024px){
  body.page-usecase{--divider-soft:rgba(15,24,34,.09);}
  body.page-usecase h1{font-size:clamp(48px,4.4vw,64px)!important;line-height:1.06!important;letter-spacing:-0.025em!important;}
  body.page-usecase .m-narrative-h2,
  body.page-usecase .h2{font-size:var(--type-h2)!important;line-height:1.08!important;letter-spacing:-0.018em!important;}
  body.page-usecase .m-narrative-h2{max-width:none!important;}
  body.page-usecase .m-head-intro{margin-bottom:44px!important;}
  body.page-usecase .m-head-nointro{margin-bottom:48px!important;}
  body.page-usecase .close p{max-width:90ch!important;text-wrap:balance!important;}
  body.page-usecase .lead{margin-top:18px!important;}
  body.page-usecase .h3{font-size:clamp(22px,1.7vw,25px)!important;line-height:1.14!important;}
  body.page-usecase .hero-lead{max-width:none!important;}
  body.page-usecase .hero-stat__label{max-width:none!important;}
  body.page-usecase .m-t-h2{max-width:none!important;}
  body.page-usecase .m-t-quote{max-width:none!important;}
  body.page-usecase .m-stories3{border-top:0!important;padding-top:0!important;margin-top:36px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:0!important;row-gap:0!important;align-items:start!important;}
  body.page-usecase .m-stories3>div{min-width:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;}
  body.page-usecase .m-stories3>div:nth-child(1){padding-left:0!important;padding-right:38px!important;}
  body.page-usecase .m-stories3>div:nth-child(2){padding-left:38px!important;padding-right:38px!important;border-left:1px solid var(--divider-soft)!important;}
  body.page-usecase .m-stories3>div:nth-child(3){padding-left:38px!important;padding-right:0!important;border-left:1px solid var(--divider-soft)!important;}
  body.page-usecase .m-stories3>div>div{padding:0!important;border-left:0!important;}
  body.page-usecase .m-stories3 p{width:100%!important;max-width:none!important;text-wrap:pretty!important;font-size:16px!important;line-height:1.6!important;}
  body.page-usecase .m-stories3 h3{max-width:none!important;}
  body.page-usecase section:has(>.m-testimonial-grid){padding:clamp(48px,6.25vw,97px) 0!important;}
  body.page-usecase .m-testimonial-grid{grid-template-columns:clamp(290px,23vw,330px) minmax(0,1fr)!important;}
  body.page-usecase .m-tphoto{height:380px!important;}
  body.page-usecase .m-tstory{gap:0!important;}
  body.page-usecase .m-t-quote{margin-top:22px!important;}
  body.page-usecase .m-testimonial-metrics{margin-top:30px!important;padding-top:22px!important;}
  body.page-usecase .m-visual-stage{
    background:
      radial-gradient(circle at 12% 18%, rgba(0,171,82,.07), transparent 34%),
      radial-gradient(circle at 88% 82%, rgba(242,228,0,.05), transparent 32%),
      linear-gradient(135deg, #F1F8F4 0%, #F7FAF8 48%, #FFFCEB 100%);
    border:1px solid rgba(0,129,74,.07);
    padding:var(--visual-stage-pad);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
    overflow:hidden;
  }
  body.page-usecase .m-light-b .m-visual-stage{
    background:
      radial-gradient(circle at 90% 85%, rgba(242,228,0,.06), transparent 34%),
      radial-gradient(circle at 6% 10%, rgba(0,171,82,.03), transparent 26%),
      linear-gradient(115deg, #FFFFFF 0%, #FBFDFB 54%, #FFFBE7 100%);
    border:1px solid rgba(15,24,34,.06);
  }
}
/* ===== End Additional Page Styles ===== */

/* ============================================================
   EXTRACTED INLINE STYLES
   Generated from legacy page exports. Reused declarations are
   deduplicated here so page markup remains clean and maintainable.
   ============================================================ */
.zwx-0011f83e{position:absolute;left:80.5%;top:38%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#2FA765;box-shadow:0 0 0 3.5px rgba(0,171,82,.09),0 2px 4px -1px rgba(10,61,36,.16);}
.zwx-00d3b4ff{margin-left:30px;}
.zwx-012c2b05{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 10px;border:1px solid #A8D9BC;background:#E8F5EC;border-radius:4px;box-shadow:0 1px 2px rgba(0,113,63,.08);}
.zwx-027df92d{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-0.012em;margin:0 0 12px;color:var(--ink);}
.zwx-02f15195{position:absolute;inset:0;background:radial-gradient(40% 42% at 50% 48%,rgba(0,171,82,.11),rgba(0,171,82,0) 70%),radial-gradient(48% 24% at 50% 84%,rgba(0,171,82,.08),rgba(0,171,82,0) 76%),radial-gradient(28% 26% at 80% 78%,rgba(172,212,0,.08),rgba(172,212,0,0) 72%);pointer-events:none;}
.zwx-038b7e3a{position:absolute;left:0;top:56%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ACD400;opacity:.55;}
.zwx-03bdaf43{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:27px 0 27px;border-bottom:1px solid var(--line-2);}
.zwx-03fa5cb7{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px 14px;border-top:1px solid #F0F3F1;}
.zwx-04f50dcf{position:relative;width:100%;max-width:596px;justify-self:end;margin:0;}
.zwx-07037266{flex:1;height:1px;background:linear-gradient(90deg,#A8CFB9,rgba(168,207,185,0));}
.zwx-07db7d0c{font-size:16.5px;line-height:1.58;color:var(--muted);margin:0;max-width:44ch;text-wrap:pretty;}
.zwx-08209a4b{width:4px;height:4px;border-radius:50%;background:#D8E38A;}
.zwx-083d7827{position:relative;display:flex;align-items:baseline;gap:clamp(40px,4.5vw,64px);padding-top:26px;}
.zwx-08b20069{font-family:'Rowan',Georgia,serif;font-weight:400;font-size:clamp(28px,2.2vw,30px);line-height:1.18;letter-spacing:-0.015em;margin:0;max-width:14ch;color:#fff;}
.zwx-08c1ced5{enable-background:new 0 0 1024 450;}
.zwx-0a090aff{position:absolute;top:0;bottom:0;left:33%;right:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,.07) 1.5px,transparent 0);background-size:30px 30px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 78%,transparent 100%);}
.zwx-0b4a9c73{font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);}
.zwx-0b82e95e{position:absolute;inset:9%;border-radius:50%;border:1px solid transparent;border-bottom-color:#DEEDE5;border-left-color:#EEF5F1;}
.zwx-0bac684c{position:relative;width:100%;aspect-ratio:1/.86;overflow:hidden;}
.zwx-0c88fe3a{display:flex;align-items:center;gap:9px;}
.zwx-0ce0724c{position:absolute;left:13.5%;top:13.5%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#ACD400;box-shadow:0 0 0 3px rgba(172,212,0,.13);}
.zwx-105df7d9{padding:22px 28px 24px;display:flex;flex-direction:column;justify-content:center;gap:16px;position:relative;}
.zwx-10a4d438{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#00693B;margin-top:9px;}
.zwx-10ddb25a{font-size:10.5px;line-height:1.4;color:#6B5522;margin-top:5px;}
.zwx-10f249b1{width:80%;}
.zwx-11641ebf{display:flex;align-items:center;gap:5px;color:var(--green-ink);flex:none;white-space:nowrap;}
.zwx-11848a10{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);}
.zwx-1363b299{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.zwx-13d32bcc{width:5px;height:5px;border-radius:50%;background:#CBD5CF;}
.zwx-144b0588{font-size:16.5px;line-height:1.58;color:var(--muted);max-width:44ch;margin:0;text-wrap:pretty;}
.zwx-14b4b58a{display:flex;flex-direction:column;gap:6px;}
.zwx-1591bb1f{position:absolute;inset:-45% -60% -20% -60%;background:radial-gradient(circle at 92% 88%, rgba(172,212,0,.07), transparent 32%);pointer-events:none;}
.zwx-1660e6f8{background-image:url('https://images.unsplash.com/photo-1758611972678-bc3b29b4718f?w=1200&q=80&auto=format&fit=crop');}
.zwx-16ee2373{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,0.10) 1.5px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(65% 70% at 50% 30%,#000 10%,rgba(0,0,0,0.3) 55%,transparent 88%);mask-image:radial-gradient(65% 70% at 50% 30%,#000 10%,rgba(0,0,0,0.3) 55%,transparent 88%);}
.zwx-1740d7cd{top:15%;left:63%;}
.zwx-19f1b587{background-image:url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1000&q=80&auto=format&fit=crop');}
.zwx-1acb5caf{font-size:11px;font-weight:600;color:var(--warn);white-space:nowrap;}
.zwx-1aea0747{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 21px;border-bottom:1px solid var(--line);border-right:1px solid var(--line-2);}
.zwx-1c6d02e3{font-size:11.5px;color:var(--muted-2);white-space:nowrap;}
.zwx-1ca812f7{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#00693B;white-space:nowrap;flex:none;}
.zwx-1d3924a8{padding:clamp(72px,6.4vw,96px) 0 clamp(60px,5vw,80px);}
.zwx-1f145665{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:67%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 18px 26px rgba(10,61,36,.10));}
.zwx-1f53cf15{display:flex;flex-direction:column;gap:2px;}
.zwx-1f99c961{position:relative;overflow:hidden;}
.zwx-213abdbd{position:relative;width:96px;height:120px;flex:none;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(120% 90% at 28% 0%, rgba(172,212,0,.13), transparent 62%),linear-gradient(165deg,#123D26 0%,#0A2B1A 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;}
.zwx-2363cc69{display:flex;flex-direction:column;justify-content:center;gap:22px;min-width:0;padding:clamp(8px,1.5vw,24px) 0;}
.zwx-25201a71{font-family:'Hanken Grotesk',sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.13em;}
.zwx-254bbb0b{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-0.02em;margin:0 auto;max-width:24ch;text-align:center;text-wrap:balance;}
.zwx-26d43603{font-size:16.5px;font-weight:600;letter-spacing:-.005em;color:var(--ink);}
.zwx-277ede21{display:block;width:52px;height:5px;border-radius:3px;background:#CFE7DA;}
.zwx-2799259d{display:grid;grid-template-columns:1fr;gap:0;}
.zwx-27c7de9e{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-0.02em;margin:0 auto;color:var(--ink);max-width:24ch;text-align:center;text-wrap:balance;}
.zwx-28c3b81f{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:13px;width:88%;}
.zwx-291fedae{display:block;font-size:13px;line-height:1.42;color:#8A968F;max-width:15ch;margin:9px 0 0 auto;text-wrap:pretty;}
.zwx-2932df48{font-size:17.5px;color:var(--ink);font-weight:600;letter-spacing:-0.01em;}
.zwx-29ecf202{border-left:1px solid var(--line);background:#F5FAF7;padding:24px 30px 26px;display:flex;flex-direction:column;}
.zwx-29f6bf9c{position:absolute;left:22px;right:20px;bottom:24px;display:flex;flex-direction:column;gap:4px;}
.zwx-2a1b75c9{display:block;}
.zwx-2a409ad4{position:relative;width:100%;max-width:644px;justify-self:end;}
.zwx-2bd9f92a{font-size:12.5px;font-weight:600;color:#43514B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zwx-2caa3289{position:relative;overflow:hidden;background:#FFFFFF;padding:clamp(40px,6vw,64px) 0 clamp(44px,6.4vw,68px);}
.zwx-2cb7fd7d{font-size:18px;font-weight:700;letter-spacing:-0.015em;color:#141A17;}
.zwx-2da5e7de{background-image:url('https://images.unsplash.com/photo-1758876201660-103984519266?w=1000&q=80&auto=format&fit=crop');}
.zwx-2e69784f{background-image:url('https://images.unsplash.com/photo-1508385082359-f38ae991e8f2?w=1000&q=80&auto=format&fit=crop');}
.zwx-2fbbbcd4{margin-top:30px;}
.zwx-3072bff9{display:flex;align-items:center;gap:9px;font-size:14px;color:#00814A;}
.zwx-3076d727{font-size:12.5px;font-weight:600;letter-spacing:-0.005em;}
.zwx-30e02557{display:block;font-family:'Rowan',Georgia,serif;font-size:clamp(34px,3.4vw,44px);line-height:1;letter-spacing:-0.02em;color:#0A3D24;}
.zwx-310d16c3{width:5px;height:5px;border-radius:50%;background:#ACD400;}
.zwx-31d3c5e7{position:absolute;left:14.6%;top:14.6%;width:1px;height:9px;background:#E2EDE6;transform:rotate(-45deg);}
.zwx-36a4040f{width:24px;height:2px;background:var(--lime);margin-bottom:12px;}
.zwx-36beb7d1{padding:16px 18px 14px;background:linear-gradient(90deg,#F7FAF8,#FCFDFC);border-bottom:1px solid #EEF2F0;}
.zwx-36d53a0a{background-image:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1000&q=80&auto=format&fit=crop');}
.zwx-3832c3ae{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-0.012em;margin:0 0 12px;}
.zwx-38a252da{background:#FFFFFF;border:1px solid rgba(15,24,34,.08);border-radius:18px;overflow:hidden;box-shadow:0 2px 5px rgba(15,24,34,.035),0 16px 34px -22px rgba(15,24,34,.18);}
.zwx-38c10b0d{flex:1;display:flex;flex-direction:column;justify-content:center;gap:13px;}
.zwx-38f65423{flex:1;height:1px;background:linear-gradient(270deg,#A8CFB9,rgba(168,207,185,0));}
.zwx-3922d326{min-width:0;}
.zwx-3aa0d48e{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);background:#FAFCFB;padding:14px 18px 15px;}
.zwx-3bcb9c0c{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);height:75%;aspect-ratio:1/1;}
.zwx-3eb2b2e8{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--warn);white-space:nowrap;}
.zwx-3f40a244{display:block;height:1px;background:var(--line);}
.zwx-3f677b9f{background-image:url('https://images.unsplash.com/photo-1758691737246-95bf8f09a997?w=1000&q=80&auto=format&fit=crop');}
.zwx-4114d151{font-family:'Hanken Grotesk',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.15em;}
.zwx-41420224{position:relative;overflow:hidden;color:#fff;background:radial-gradient(38% 44% at 100% 108%, rgba(242,228,0,.07), transparent 62%),radial-gradient(50% 56% at 97% 100%, rgba(172,212,0,.06), transparent 66%),radial-gradient(55% 60% at 8% 105%, rgba(172,212,0,.13), transparent 68%),radial-gradient(120% 90% at 50% -10%, #0E5C33 0%, #0C331E 55%, #071A10 100%);padding:clamp(64px,8vw,120px) 0;}
.zwx-433293f9{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(56% 52% at 50% 50%,rgba(255,255,255,.86),rgba(255,255,255,0) 78%);pointer-events:none;}
.zwx-44146b13{display:block;font-size:13.5px;line-height:1.42;color:var(--muted);max-width:17ch;margin:9px 0 0 auto;text-wrap:pretty;}
.zwx-44866880{position:absolute;box-sizing:border-box;left:18px;top:12px;right:0;height:64px;border:1px solid var(--line-2);border-radius:8px;background:#fff;}
.zwx-448fb925{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;letter-spacing:-0.008em;color:#0A3D24;}
.zwx-46046048{position:absolute;inset:-8% -6%;background:radial-gradient(48% 48% at 50% 47%,#F3F9F6,rgba(243,249,246,0) 72%),radial-gradient(30% 28% at 78% 76%,rgba(172,212,0,.06),rgba(172,212,0,0) 70%);pointer-events:none;}
.zwx-471abb6c{position:absolute;inset:0;border-radius:50%;border:1px solid transparent;border-top-color:#9AD3B4;border-right-color:#E2EEE7;}
.zwx-474ad97e{font:500 11.5px/1 'Hanken Grotesk',sans-serif;letter-spacing:-0.004em;color:#7C8A83;background:#F7FAF8;border:1px solid #EDF3F0;border-radius:999px;padding:6px 11px;}
.zwx-47f751f9{background-image:url('https://images.unsplash.com/photo-1495640388908-05fa85288e61?w=1000&q=80&auto=format&fit=crop');}
.zwx-49a81cf0{margin-bottom:var(--head-gap);}
.zwx-4a237d57{position:relative;z-index:1;padding:0;display:grid;grid-template-columns:minmax(0,27%) minmax(0,1fr);gap:clamp(48px,5vw,84px);align-items:stretch;}
.zwx-4a77cc7c{font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#6E5C00;background:#FBF3BE;border:1px solid #E6D400;border-radius:4px;padding:4px 7px;white-space:nowrap;}
.zwx-4b5fa917{padding:22px 28px 20px;background:linear-gradient(90deg,#F7FAF8,#FCFDFC);border-bottom:1px solid #EEF2F0;}
.zwx-4b84ae59{width:63%;}
.zwx-4caa6d3c{display:flex;align-items:center;gap:6px;margin-bottom:10px;}
.zwx-4e55aee4{margin:0;font-family:'Rowan',Georgia,serif;font-style:italic;font-weight:400;font-size:23px;line-height:1.44;letter-spacing:-0.005em;color:rgba(255,255,255,.9);max-width:75ch;text-wrap:pretty;}
.zwx-4f2a4243{flex:1;height:1px;background:linear-gradient(270deg,#BBD44F,rgba(187,212,79,0));}
.zwx-4f91ec00{display:grid;grid-template-columns:minmax(0,284px) minmax(0,1fr);align-items:stretch;min-height:0;}
.zwx-4faff954{font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#5B665F;background:#F5F7F6;border:1px solid #DEE5E0;border-radius:4px;padding:4px 7px;white-space:nowrap;}
.zwx-50379a01{width:70%;}
.zwx-50c8e28b{position:relative;background:radial-gradient(56% 50% at 76% 26%,rgba(0,171,82,.055),transparent 70%),radial-gradient(36% 40% at 96% 84%,rgba(242,228,0,.06),transparent 72%);}
.zwx-5107d2f1{width:1px;height:15px;background:linear-gradient(180deg,rgba(154,211,180,0),#BFDCCB);}
.zwx-51362b32{padding:16px 24px 22px;border-left:1px solid var(--divider-soft);display:flex;flex-direction:column;}
.zwx-518399d1{display:block;font-size:16.5px;font-weight:700;letter-spacing:-0.008em;}
.zwx-55d4469a{position:absolute;inset:13%;border:1px solid #E4EDE8;border-radius:50%;}
.zwx-56fefa58{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;border-top:1px solid var(--line);background:#FAFCFB;padding:14px 28px 15px;}
.zwx-5890fd89{font-size:11.5px;font-weight:600;}
.zwx-59b9bacc{color:#C7D0CA;}
.zwx-59e7cf5e{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#7A5B04;margin-top:9px;}
.zwx-5b283cae{position:absolute;left:22%;top:93%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#F2E400;box-shadow:0 0 0 3px rgba(242,228,0,.15);}
.zwx-5ba37640{font:700 9.5px/1.4 'Hanken Grotesk',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#8A7644;margin-top:3px;}
.zwx-5dae7522{font-size:13px;font-weight:700;color:#00713F;}
.zwx-607daf90{color:var(--ink);position:relative;overflow:hidden;}
.zwx-627df74c{font-size:18px;line-height:1.55;color:var(--muted);margin:22px auto 0;text-align:center;text-wrap:pretty;}
.zwx-63dcbed0{padding:24px 34px 26px;display:flex;flex-direction:column;}
.zwx-63e7261c{position:absolute;right:0;top:13%;text-align:right;max-width:31%;}
.zwx-65411b18{font-family:'Rowan',Georgia,serif;font-weight:400;font-size:clamp(34px,3.6vw,46px);line-height:1.06;letter-spacing:-0.022em;margin:0;max-width:20ch;text-wrap:pretty;}
.zwx-65f9d5a3{text-align: center;}
.zwx-671ff88e{top:68%;left:30%;}
.zwx-67d0065e{position:absolute;right:-28px;bottom:-36px;width:21%;min-width:150px;max-width:270px;aspect-ratio:240/480;z-index:0;pointer-events:none;overflow:visible;}
.zwx-684ecc96{top:13%;left:33%;}
.zwx-688b5565{position:absolute;inset:0;border:1px solid #EDF2EF;border-radius:50%;}
.zwx-69a0fd5a{width:60%;}
.zwx-69b5e1af{font-size:16.5px;line-height:1.58;color:var(--muted);max-width:44ch;text-wrap:pretty;margin:0;}
.zwx-69bd08af{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 19px;}
.zwx-69be3752{display:flex;align-items:center;justify-content:space-between;}
.zwx-69da3fd5{background-image:url('https://images.unsplash.com/photo-1563013544-824ae1b704d3?w=1000&q=80&auto=format&fit=crop');}
.zwx-6a9996bf{font-size:11.5px;line-height:1.42;color:#6B5522;margin-top:7px;}
.zwx-6b4f0219{border:1px solid rgba(15,24,34,.08);border-radius:18px;background:#FFFFFF;overflow:hidden;box-shadow:0 2px 5px rgba(15,24,34,.035),0 16px 34px -22px rgba(15,24,34,.18);}
.zwx-6b99de8b{display:none;}
.zwx-6bb4ef82{position:absolute;left:64%;top:68%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#B9D641;box-shadow:0 0 0 3.5px rgba(172,212,0,.1);}
.zwx-6c211fe4{font-size:18px;line-height:1.6;color:var(--muted);max-width:48ch;margin:0 0 36px;text-wrap:pretty;}
.zwx-6d162a74{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-0.012em;margin:0 0 12px;max-width:22ch;}
.zwx-6e0f3af5{background-image:url('https://images.unsplash.com/photo-1758611972678-bc3b29b4718f?w=1000&q=80&auto=format&fit=crop');}
.zwx-6f967f72{font:700 10.5px/1 'Hanken Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);}
.zwx-70d07b4d{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.zwx-716cf37a{color:rgba(234,246,239,.6);display:flex;}
.zwx-73101009{margin-top:8px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px;color:#5B6862;}
.zwx-74a235d7{font-size:13px;line-height:1.4;color:rgba(255,255,255,.72);}
.zwx-74cac98b{display:flex;gap:4px;}
.zwx-75184bea{font-size:15.5px;font-weight:600;letter-spacing:-0.01em;}
.zwx-758cd0bf{width:4px;height:4px;border-radius:50%;background:#BFDCCB;}
.zwx-75fc9741{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;padding:clamp(80px,7vw,104px) 0 clamp(76px,7vw,96px);align-items:center;}
.zwx-781f79b0{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;}
.zwx-78d9d65c{top:30%;left:32%;}
.zwx-790dbf0e{font-family:'Rowan',Georgia,serif;font-size:36px;line-height:1;letter-spacing:-0.02em;}
.zwx-79c219bc{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0;}
.zwx-7a49968c{position:absolute;left:44.5%;top:30%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#69C295;box-shadow:0 0 0 3.5px rgba(0,171,82,.07);}
.zwx-7c25d8d3{font-size:14.5px;font-weight:600;letter-spacing:-0.008em;color:#141A17;line-height:1.3;}
.zwx-7c582d16{background-image:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=1000&q=80&auto=format&fit=crop');}
.zwx-7e531a70{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;}
.zwx-7fe2d59f{font:700 9px/1 'Hanken Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#00814A;}
.zwx-80380a16{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.zwx-8047e74d{font-size:25px;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.zwx-826a1e9d{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);color:rgba(234,246,239,.55);display:flex;}
.zwx-83f4af21{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.zwx-8420594a{position:absolute;box-sizing:border-box;left:0;top:0;right:18px;height:64px;border:1px solid #C4DBCD;border-radius:8px;background:#fff;padding:11px 14px;display:flex;flex-direction:column;justify-content:space-between;}
.zwx-845aefd5{position:relative;height:420px;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(120% 90% at 28% 0%, rgba(172,212,0,.13), transparent 62%),linear-gradient(165deg,#123D26 0%,#0A2B1A 100%);box-shadow:0 22px 48px -22px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.06);}
.zwx-847206f9{position:absolute;left:0;bottom:11%;max-width:31%;}
.zwx-8672fd43{display:block;flex:none;opacity:.85;}
.zwx-87911f3a{position:absolute;left:72%;top:2.2%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#BFDCCB;}
.zwx-87bec058{width:6px;height:6px;border-radius:50%;background:#00AB52;flex:none;}
.zwx-87de83bd{font:700 9px/1 'Hanken Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);}
.zwx-87e09841{font:700 9px/1 'Hanken Grotesk',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);padding:18px 28px 0;}
.zwx-8ad5e4eb{position:absolute;left:87%;top:87%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#B4D6C3;}
.zwx-8bd1f4d8{top:94%;left:50%;}
.zwx-8c17728e{position:absolute;left:-1px;top:50%;transform:translate(-50%,-50%);width:11px;height:1px;background:#CFE0D6;}
.zwx-8c8cd3a2{width:48%;}
.zwx-8d1d3ca2{padding-right:8px;}
.zwx-8d7b9969{position:absolute;right:-1px;top:50%;transform:translate(50%,-50%);width:11px;height:1px;background:#CFE0D6;}
.zwx-8e4b1397{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 12px;padding:11px 14px;background:var(--warn-tint);}
.zwx-8e5ad3ea{top:14%;left:86%;}
.zwx-8f077292{display:flex;align-items:center;border-top:1px solid var(--line-2);background:linear-gradient(180deg,#FAFBFA 0%,#F4F7F5 100%);}
.zwx-8f272cb0{display:flex;align-items:center;gap:5px;color:var(--warn);flex:none;white-space:nowrap;}
.zwx-8f3dd797{position:absolute;left:99.5%;top:62%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#F2E400;box-shadow:0 0 0 4px rgba(242,228,0,.15);}
.zwx-8fcee90c{font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:600;letter-spacing:-0.004em;}
.zwx-8ff9df1d{top:86%;left:87%;}
.zwx-90235611{font-size:15px;font-weight:600;letter-spacing:-0.008em;color:#141A17;line-height:1.3;}
.zwx-90e65216{position:absolute;right:4.5%;bottom:27%;text-align:right;max-width:21%;}
.zwx-90fb97c1{background-image:url('https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?w=1000&q=80&auto=format&fit=crop');}
.zwx-91231ffe{width:100%;height:auto;}
.zwx-9210b2f9{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:15px 21px;border-bottom:1px solid var(--line);border-right:1px solid var(--line-2);}
.zwx-938d6dd8{font:700 10px/1.5 'Hanken Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8A7644;margin-top:2px;}
.zwx-939f7002{position:relative;width:100%;aspect-ratio:1/.83;}
.zwx-93bd105a{font-family:'Rowan',Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-0.02em;margin:0 0 24px;max-width:29ch;text-wrap:pretty;}
.zwx-945e0715{--warn:#6E5C00;--warn-line:#E6D400;--warn-tint:#FBF3BE;position:relative;overflow:hidden;color:var(--ink);}
.zwx-9516dca7{position:absolute;left:0;top:-1px;bottom:-1px;width:3px;background:var(--yellow);}
.zwx-95d3094f{padding:13px 16px 14px;border-top:1px solid #F0F3F1;border-left:1px solid var(--divider-soft);}
.zwx-96d1eecd{width:85%;}
.zwx-97b8d6dc{font-size:10.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted-2);white-space:nowrap;}
.zwx-991c9cb3{display:block;font-size:12px;line-height:1.5;color:rgba(255,255,255,.68);margin-top:2px;}
.zwx-9a055a62{display:block;font-family:'Rowan',Georgia,serif;font-size:clamp(30px,2.8vw,36px);line-height:1;letter-spacing:-0.02em;color:#0A3D24;}
.zwx-9a441bd3{font-family:'Rowan',Georgia,serif;font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-0.012em;margin:0 0 12px;color:var(--ink);}
.zwx-9a9230f8{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.68);}
.zwx-9abf1f5a{color:#00814A;}
.zwx-9b122fe7{display:flex;align-items:center;gap:8px;padding:13px 23px;color:var(--green-ink);white-space:nowrap;}
.zwx-9bccf566{position:absolute;right:-28px;bottom:-36px;width:16%;min-width:120px;max-width:210px;aspect-ratio:240/480;z-index:0;pointer-events:none;overflow:visible;}
.zwx-9bf392cd{display:block;font-size:13.5px;line-height:1.42;color:var(--muted);max-width:17ch;margin:9px 0 0;text-wrap:pretty;}
.zwx-9c9e3b35{margin:0;font-family:'Rowan',Georgia,serif;font-style:italic;font-weight:400;font-size:23px;line-height:1.44;letter-spacing:-0.005em;color:rgba(255,255,255,.9);max-width:46ch;text-wrap:pretty;}
.zwx-9cf9757d{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:88%;aspect-ratio:1/1;}
.zwx-9da999cf{display:grid;grid-template-columns:73% 27%;border:1px solid rgba(15,24,34,.08);border-radius:18px;overflow:hidden;background:#FFFFFF;box-shadow:0 2px 5px rgba(15,24,34,.035),0 16px 34px -22px rgba(15,24,34,.18);}
.zwx-9f885322{background:linear-gradient(180deg,#FAFBFA 0%,#F4F7F5 100%);border-right:1px solid var(--line-2);min-width:0;overflow:hidden;}
.zwx-9f8b2afe{font:600 11.5px/1 'Hanken Grotesk',sans-serif;letter-spacing:-0.004em;color:#20493A;background:#EDF5F1;border:1px solid #E9F2ED;border-radius:999px;padding:6px 11px;}
.zwx-9fa4a8c0{position:absolute;right:0;top:4%;text-align:right;max-width:21%;}
.zwx-a1300279{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:72%;aspect-ratio:1/1;max-width:250px;border-radius:50%;background:radial-gradient(circle, rgba(172,212,0,.13), transparent 70%);pointer-events:none;}
.zwx-a19d34f6{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zwx-a461892e{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(242,228,0,0),rgba(242,228,0,.55) 20%,rgba(172,212,0,.55) 80%,rgba(172,212,0,0));z-index:1;}
.zwx-a47962cb{width:5px;height:5px;border-radius:50%;background:#00AB52;}
.zwx-a4adbf9e{padding:13px 16px 14px;border-top:1px solid #F0F3F1;}
.zwx-a5613f0f{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:17px 21px;background:#fff;border-top:1px solid var(--warn-line);border-bottom:1px solid var(--warn-line);}
.zwx-a56c893a{display:block;width:34px;height:5px;border-radius:3px;background:#E6EAE7;}
.zwx-a57630e8{width:5px;height:5px;border-radius:50%;background:#00AB52;flex:none;}
.zwx-a5bc7fa2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.zwx-a62874b8{top:70%;left:68%;}
.zwx-a656c349{padding:16px 24px 22px;display:flex;flex-direction:column;}
.zwx-a908f185{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(242,228,0,.4),rgba(172,212,0,.4) 55%,rgba(172,212,0,.08));}
.zwx-a9c5e7e4{width:45%;}
.zwx-ab352750{padding:16px 24px 22px;border-left:1px solid var(--divider-soft);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(242,228,0,.07),rgba(242,228,0,0) 62%);}
.zwx-ab692bde{font:500 11.5px/1 'Hanken Grotesk',sans-serif;letter-spacing:-0.004em;color:#4E5F58;background:#F4F8F6;border:1px solid #EDF3F0;border-radius:999px;padding:6px 11px;}
.zwx-ae39da9f{position:absolute;inset:27%;border:1px dashed #DCE9E1;border-radius:50%;}
.zwx-ae75f99e{position:absolute;inset:-45% -60% -20% -60%;background:radial-gradient(circle at 92% 88%, rgba(172,212,0,.10), transparent 32%);pointer-events:none;}
.zwx-aed08dee{position:absolute;inset:20%;border:1px dashed #E4EEE8;border-radius:50%;}
.zwx-af583616{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--story-col-gap);align-items:start;margin-top:var(--story-gap);}
.zwx-af6b5c12{display:grid;grid-template-columns:1fr 172px;align-items:center;gap:24px;min-height:52px;border-top:1px solid var(--line);}
.zwx-af76a22a{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--story-col-gap);}
.zwx-afc5846c{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #9AD3B4;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px -3px rgba(10,61,36,.25);}
.zwx-b014c54e{position:absolute;left:24px;right:22px;bottom:26px;display:flex;flex-direction:column;gap:4px;}
.zwx-b0818748{position:absolute;left:64%;top:4%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#BFDCCB;}
.zwx-b0d3299b{top:50%;left:91%;}
.zwx-b17d18df{font-family:'Rowan',Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-0.02em;margin:0 0 24px;max-width:26ch;text-wrap:pretty;}
.zwx-b23823a7{position:absolute;left:98%;top:44%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;border:1px solid #DDE8E1;display:flex;align-items:center;justify-content:center;}
.zwx-b34e329e{font:700 9.5px/1.4 'Hanken Grotesk',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--muted-2);margin-top:3px;}
.zwx-b3bd1b12{max-width:none;}
.zwx-b58768fe{font-size:18px;font-weight:700;letter-spacing:-0.008em;}
.zwx-b5a550fc{position:absolute;inset:0;pointer-events:none;}
.zwx-b64e50cf{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:#00693B;margin-top:16px;}
.zwx-b87ca324{display:flex;align-items:center;gap:10px;}
.zwx-b9011c5d{align-self:flex-start;margin-top:12px;}
.zwx-b975f442{font-size:11.5px;color:var(--muted);}
.zwx-b99041c4{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.zwx-ba6caa37{display:grid;grid-template-columns:1fr 1fr;}
.zwx-bc2b5aac{display:flex;align-items:center;margin-bottom:10px;width:104px;margin-left:auto;}
.zwx-bd92f957{font-size:15px;font-weight:600;letter-spacing:-0.008em;color:#141A17;}
.zwx-bd9c86f1{position:absolute;left:-28px;top:0;bottom:0;width:1px;background:var(--divider-soft);}
.zwx-bef59bf6{border-left:1px solid var(--divider-soft);padding-left:var(--story-col-gap);}
.zwx-bf15b26a{width:5px;height:5px;border-radius:50%;background:#ACD400;flex:none;}
.zwx-bf2d1473{display:block;font-size:13px;font-weight:600;line-height:1.42;color:#2C4A3A;max-width:15ch;margin:9px 0 0;text-wrap:pretty;}
.zwx-bf5d2504{font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#4A5C00;background:#EEF7C8;border:1px solid #B9D400;border-radius:4px;padding:4px 7px;white-space:nowrap;}
.zwx-c021f203{top:81%;left:73%;}
.zwx-c03a3602{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,3.8vw,56px);padding:clamp(64px,5.6vw,84px) 0 clamp(60px,5.2vw,76px);align-items:center;}
.zwx-c2b61da0{position:absolute;box-sizing:border-box;left:9px;top:6px;right:9px;height:64px;border:1px solid var(--line-2);border-radius:8px;background:#fff;}
.zwx-c2f8cbc6{background-color: #dddddd;}
.zwx-c4359a5e{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 26px rgba(10,61,36,.11)) drop-shadow(0 2px 3px rgba(10,61,36,.05));}
.zwx-c581a042{position:absolute;left:20.5%;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#2FA765;box-shadow:0 0 0 4px rgba(0,171,82,.09),0 2px 4px -1px rgba(10,61,36,.18);}
.zwx-c66c6ee6{font-size:15px;line-height:1.6;color:rgba(255,255,255,.65);margin:2px 0 0;text-wrap:pretty;border-left:1px solid rgba(255,255,255,.18);padding-left:var(--story-col-gap);}
.zwx-c672d6f0{font-size:17px;font-weight:700;letter-spacing:-0.008em;color:#fff;}
.zwx-c6d829c3{font-family:'Rowan',Georgia,serif;font-size:clamp(19px,5.5vw,25px);line-height:1;letter-spacing:-0.02em;}
.zwx-c73aca4b{font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--muted-2);}
.zwx-c77da374{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:#7A5B04;margin-top:16px;}
.zwx-c78b8f65{width:78px;height:1px;background:linear-gradient(270deg,#CBD86E,rgba(203,216,110,0));}
.zwx-c8a2e470{position:relative;height:420px;border-radius:var(--r-lg);overflow:hidden;background:#0A2B1A;box-shadow:0 22px 48px -22px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.06);}
.zwx-ca70fd71{position:relative;overflow:hidden;color:var(--ink);}
.zwx-cc0994af{position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top, rgba(7,29,17,0.94) 0%, rgba(7,29,17,0.72) 34%, rgba(7,29,17,0.18) 74%, rgba(7,29,17,0) 100%);pointer-events:none;}
.zwx-cc2836b0{font-size:11px;color:var(--muted-2);letter-spacing:.02em;}
.zwx-cc379623{font:700 10px/1.5 'Hanken Grotesk',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-top:2px;}
.zwx-cceb9113{position:relative;overflow:hidden;color:#fff;background:radial-gradient(46% 52% at 100% 105%, rgba(242,228,0,.12), transparent 64%),radial-gradient(56% 62% at 96% 96%, rgba(172,212,0,.09), transparent 68%),radial-gradient(55% 60% at 8% 105%, rgba(172,212,0,.13), transparent 68%),radial-gradient(120% 90% at 50% -10%, #0E5C33 0%, #0C331E 55%, #071A10 100%);padding:clamp(64px,8vw,120px) 0;}
.zwx-cd29868a{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:58%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(58% 54% at 50% 50%,rgba(255,255,255,.92),rgba(255,255,255,0) 72%);pointer-events:none;}
.zwx-ce24f702{font-family:'Hanken Grotesk',sans-serif;font-size:15.5px;font-weight:700;letter-spacing:-0.004em;}
.zwx-cff4f0e4{position:absolute;left:11%;top:20%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#ACD400;box-shadow:0 0 0 4px rgba(172,212,0,.14);}
.zwx-d0faf3df{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-bottom:10px;}
.zwx-d13a1424{position:relative;height:76px;}
.zwx-d2918947{background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=1000&q=80&auto=format&fit=crop');}
.zwx-d36bc0eb{display:block;opacity:.8;}
.zwx-d45bfe71{font-family:'Rowan',Georgia,serif;font-weight:400;font-size:clamp(34px,3.6vw,46px);line-height:1.06;letter-spacing:-0.022em;margin:0;max-width:38ch;}
.zwx-d461c96d{position:relative;}
.zwx-d49af930{border:1px solid #EAF0EC;border-radius:var(--r-md);background:#fff;overflow:hidden;box-shadow:var(--shadow);}
.zwx-d6048ac0{display:grid;grid-template-columns:1fr 172px;align-items:center;gap:24px;min-height:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.zwx-d664dee5{top:32%;left:68%;}
.zwx-d6c35224{height:clamp(28px,2.8vw,44px);}
.zwx-d7f6aa64{display:flex;align-items:center;justify-content:space-between;gap:21px;padding:13px 23px;background:linear-gradient(180deg,#FFFFFF 0%,#F4F7F5 100%);border-bottom:1px solid var(--line-2);}
.zwx-d8245d2c{font-size:11.5px;color:#7C8C83;}
.zwx-d8afdb49{display:inline-flex;align-items:center;gap:5px;background:#F1F8F3;border:1px solid #E4F0E8;border-radius:999px;padding:6px 11px;}
.zwx-d8e30aeb{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-0.02em;margin:0 auto;color:var(--ink);max-width:26ch;text-align:center;text-wrap:balance;}
.zwx-d9ede2e9{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.zwx-da34f478{background-image:url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=1000&q=80&auto=format&fit=crop');}
.zwx-dafd549a{border-left:1px solid var(--divider-soft);padding-left:var(--story-col-gap);padding-right:8px;}
.zwx-db60bd11{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.07) 55%,rgba(255,255,255,.02));}
.zwx-db7a2358{position:absolute;inset:9%;border:1px solid #EEF4F1;border-radius:50%;}
.zwx-dbcdabc9{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.zwx-dc39b8f5{width:40%;}
.zwx-dd382e02{padding:13px 16px 14px;border-top:1px solid #F0F3F1;border-left:1px solid var(--divider-soft);background:linear-gradient(135deg,rgba(242,228,0,.1),rgba(242,228,0,0) 78%);box-shadow:inset 3px 0 0 #E2C500;}
.zwx-def86909{position:absolute;right:14.6%;top:14.6%;width:1px;height:9px;background:#E2EDE6;transform:rotate(45deg);}
.zwx-defa5ae4{font-family:'Hanken Grotesk',sans-serif;font-size:13.5px;font-weight:500;letter-spacing:-0.004em;}
.zwx-dfe9f457{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:12px;}
.zwx-e02b7901{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:#5B6862;}
.zwx-e0403d33{font-size:18px;line-height:1.6;color:var(--muted);margin:0 0 36px;}
.zwx-e0bf0e09{font-size:16px;color:var(--ink);}
.zwx-e10fa6dc{max-width:22ch;}
.zwx-e12cda65{width:24px;height:2px;background:var(--lime);margin-bottom:14px;}
.zwx-e1885a73{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.zwx-e1908fc6{display:flex;align-items:center;margin-bottom:10px;width:104px;}
.zwx-e1c2099e{top:89%;left:26%;}
.zwx-e2d01509{font-family:'Hanken Grotesk',sans-serif;font-size:13.5px;font-weight:600;letter-spacing:-0.004em;}
.zwx-e2f3354c{padding:clamp(64px,8vw,120px) 0;}
.zwx-e3a5b8d6{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:99%;}
.zwx-e3bda251{width:24%;}
.zwx-e3c81806{display:block;font-family:'Rowan',Georgia,serif;font-size:clamp(19px,1.7vw,22px);line-height:1;letter-spacing:-0.02em;color:#4A5C53;}
.zwx-e3feac9b{position:absolute;inset:0;border:1px solid #E9F1ED;border-radius:50%;}
.zwx-e44a5e3e{width:78px;height:1px;background:linear-gradient(270deg,rgba(168,207,185,0),#A8CFB9);}
.zwx-e604fcf2{display:none;align-items:center;gap:16px;padding:20px 0 0;}
.zwx-e630a558{position:relative;color:#fff;overflow:hidden;background:radial-gradient(60% 160% at 88% 10%, rgba(242,228,0,.10), transparent 62%),radial-gradient(52% 140% at 4% 105%, rgba(172,212,0,.09), transparent 60%),#0C331E;}
.zwx-e6b7c78f{font-size:19px;font-weight:700;letter-spacing:-0.014em;line-height:1.25;margin-top:6px;}
.zwx-e71f5c15{font-size:12px;color:#7C8C83;padding-left:22px;}
.zwx-e7f59d38{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-0.02em;margin:0 auto;max-width:26ch;text-align:center;text-wrap:balance;}
.zwx-e8654108{background-image:url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=1000&q=80&auto=format&fit=crop');}
.zwx-eb00a1e6{max-width:none;text-align:left;margin-bottom:clamp(32px,2.4vw,40px);}
.zwx-ecaba9a9{font:700 9.5px/1 'Hanken Grotesk',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);padding:13px 18px 2px;}
.zwx-ee172ce8{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--story-col-gap);align-items:start;margin-top:48px;padding-top:30px;border-top:1px solid var(--divider-soft);}
.zwx-ee828bae{position:relative;display:grid;grid-template-columns:40fr 60fr;gap:var(--story-col-gap);align-items:center;padding:50px 0;}
.zwx-ee973a4f{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px;}
.zwx-ef0b7a11{margin-bottom:0;}
.zwx-f197030f{background-image:url('https://images.unsplash.com/photo-1590012314607-cda9d9b699ae?w=1000&q=80&auto=format&fit=crop');}
.zwx-f1d3e2dd{position:absolute;left:50%;top:-1px;transform:translate(-50%,-50%);width:1px;height:11px;background:#CFE0D6;}
.zwx-f319a33a{border:1px solid rgba(15,24,34,.08);border-radius:18px;background:#FFFFFF;box-shadow:0 2px 5px rgba(15,24,34,.035),0 16px 34px -22px rgba(15,24,34,.18);padding:6px 24px 14px;}
.zwx-f3fb339f{position:absolute;left:0;top:2%;max-width:29%;}
.zwx-f4b87e73{position:absolute;inset:13%;border-radius:50%;border:1px solid transparent;border-top-color:#9AD3B4;border-right-color:#D2E8DC;}
.zwx-f5551dc2{border:1px solid var(--warn-line);border-radius:7px;overflow:hidden;}
.zwx-f6898cb4{display:flex;flex-direction:column;gap:3px;min-width:0;}
.zwx-f6c797b5{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.zwx-f7d548e9{font-family:'Rowan',Georgia,serif;font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-0.02em;margin:0 auto;color:var(--ink);max-width:26ch;text-align:center;text-wrap:balance;}
.zwx-f91b8046{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#00814A;}
.zwx-fb2676a2{top:6%;left:50%;}
.zwx-fb92396a{font-size:10.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--warn);white-space:nowrap;}
.zwx-fbdc4360{max-width:min(1100px,100%);}
.zwx-fca3ead9{position:absolute;right:-2px;top:-1px;bottom:-1px;width:2px;background:var(--warn-line);}
.zwx-fcb159b4{display:block;flex:none;}
.zwx-fcc4f900{width:58%;}
.zwx-fed8787c{color:var(--ink);position:relative;background:radial-gradient(58% 52% at 74% 28%,rgba(0,171,82,.055),transparent 70%),radial-gradient(38% 42% at 96% 80%,rgba(242,228,0,.07),transparent 72%);}
.zwx-ffa08b4c{background:#FFFFFF;border:1px solid rgba(15,24,34,.07);border-radius:18px;padding:clamp(24px,2vw,30px);box-shadow:0 2px 5px rgba(15,24,34,.03),0 16px 34px -24px rgba(15,24,34,.16);}
.about-footer-anim{background:#00351C;padding:70px 0 50px;}
.zwx-ffe01040{flex:none;}

/* ============================================================
   RESOURCE HEROES (Blogs, Webinars, Guides & Whitepapers, Customer
   Stories) — same hero proportions as the Products page: viewport-height
   hero, 480–720px image column, text column padded clear of the image;
   image beside the text on tablet, stacked below it on phones.
   ============================================================ */
body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page){
  --hero-stage-w:clamp(480px,calc(240px + 25vw),720px);
  --hero-content-gap:clamp(64px,6vw,100px);
}
@media (min-width:700px){
  body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page) .bhero{
    min-height:clamp(480px,calc(100vh - var(--header-h,114px) - clamp(72px,7vh,110px)),920px);
    min-height:clamp(480px,calc(100dvh - var(--header-h,114px) - clamp(72px,7dvh,110px)),920px);
  }
}
@media (min-width:961px){
  body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page) .bhero .hstage{width:var(--hero-stage-w);}
  body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page) .bhero .hero__inner{max-width:calc(100% - var(--hero-stage-w) - var(--hero-content-gap));}
}
@media (min-width:700px) and (max-width:960px){
  body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page) .bhero{
    --hero-tablet-img-w:clamp(260px,36vw,380px);
    display:flex;flex-direction:row;align-items:center;overflow:hidden;
  }
  body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page) .bhero .wrap{
    padding-top:clamp(48px,7vw,72px);padding-bottom:clamp(48px,7vw,72px);
    padding-right:calc(var(--hero-tablet-img-w) + clamp(24px,3vw,40px));
  }
  body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page) .bhero .hero__inner{max-width:none;text-align:left;margin:0;}
  body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page) .bhero .hstage{
    position:absolute;inset:0 0 0 auto;order:0;width:var(--hero-tablet-img-w);height:auto;
    margin-top:0;border-radius:0 0 0 24px;overflow:hidden;
  }
}
@media (max-width:699px){
  body:is(.blog-page,.webinars-page,.guides-page,.customer-stories-page) .bhero .hstage{
    width:100%;height:clamp(300px,82vw,360px);margin-top:30px;border-radius:0 0 24px 24px;overflow:hidden;
  } 
.page-usecase-1099 main .logow__img{
  height:clamp(22px,calc(12px + 7vw),72px) !important;
}
.about-footer-anim{
  padding:0px;
}
}

/* Sticky mobile "Get in Touch" bar — shown (via .is-visible from main.js) only between
   the hero and the closing CTA; hidden on desktop and while the mobile menu is open. */
.mcta{display:none;}
@media (max-width:960px){
  .mcta{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:110;
    padding:12px var(--mobile-edge,16px) calc(12px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgba(0,0,0,.25);
    transform:translateY(110%);visibility:hidden;
    transition:transform 260ms var(--ease),visibility 260ms;
  }
  .mcta.is-visible{transform:none;visibility:visible;}
  .mcta .btn{width:100%;justify-content:center;}
  html.nav-locked .mcta{display:none;}
}
@media (prefers-reduced-motion:reduce){.mcta{transition:none;}}

/* ============ STICKY EVENT BANNER (includes/event-banner.php) ============ */
html.has-evbar .mcta{display:none;} /* the event bar has its own CTA; mobile Get in Touch returns once it's closed */
.evbar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;justify-content:center;padding:0 16px;pointer-events:none;}
.evbar__inner{
  pointer-events:auto;position:relative;width:min(1180px,100%);
  display:flex;align-items:center;gap:32px;padding:18px 72px 18px 36px;
  border-radius:22px 22px 0 0;border:1px solid rgba(255,255,255,.18);border-bottom:0;
  background:#004C25 var(--evbar-img) right center / auto 100% no-repeat;
  box-shadow:0 -18px 44px -18px rgba(0,40,20,.45);color:#fff;
  animation:evbar-in 480ms var(--ease) both;
}
/* keeps the text readable where the photo starts */
.evbar__inner::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#004C25 0%,#004C25 45%,rgba(0,76,37,.55) 75%,rgba(0,76,37,.2) 100%);pointer-events:none;}
.evbar__inner>*{position:relative;}
.evbar__body{flex:1;min-width:0;}
.evbar__title{margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.3;color:#fff;}
.evbar__title span{color:#F2E400;}
.evbar__desc{margin:0 0 8px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.8);}
.evbar__details{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;font-weight:500;color:#fff;}
.evbar__details li{display:inline-flex;align-items:center;gap:7px;}
.evbar__details svg{width:16px;height:16px;color:#F2E400;flex:none;}
.evbar__cta{flex:none;height:46px;padding:0 24px;font-size:15px;}
.evbar__close{
  position:absolute;top:14px;right:16px;width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;border:0;cursor:pointer;
  background:rgb(255 255 255);color:#004c25;transition:background 160ms;
}
.evbar__close:hover,.evbar__close:focus-visible{background:rgba(255,255,255,.28);}
.evbar__close:focus-visible{outline:2px solid #F2E400;outline-offset:2px;}
.evbar__close svg{width:14px;height:14px;}
@keyframes evbar-in{from{transform:translateY(100%);}to{transform:none;}}
@media (max-width:960px){
  .evbar{padding:0;}
  .evbar__inner{gap:16px;padding:14px 56px 14px 20px;border-radius:18px 18px 0 0;border-left:0;border-right:0;}
  .evbar__inner::before{background:linear-gradient(90deg,#004C25 0%,#004C25 60%,rgba(0,76,37,.7) 100%);}
  .evbar__title{font-size:17px;}
  .evbar__desc{display:none;}
  .evbar__close{top:10px;right:10px;width:28px;height:28px;}
}
/* Hidden on mobile; the mobile "Get in Touch" bar (.mcta) shows instead. */
@media (max-width:767px){
  .evbar{display:none;}
  html.has-evbar .mcta{display:block;}
}
@media (prefers-reduced-motion:reduce){.evbar__inner{animation:none;}}

/* Text link rendered as a <button> (e.g. video popup triggers) */
.textlink--btn{background:none;border:0;padding:0;font:inherit;cursor:pointer;}

/* Video popup (<dialog>) */
html.vmodal-open{overflow:hidden;}
.vmodal{padding:0;border:0;background:transparent;width:min(960px,calc(100vw - 32px));max-width:none;max-height:none;overflow:visible;}
.vmodal::backdrop{background:rgba(8,14,20,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.vmodal[open]{animation:vmodalIn 240ms var(--ease,ease);}
@keyframes vmodalIn{from{opacity:0;transform:scale(.97);}to{opacity:1;transform:none;}}
.vmodal__box{position:relative;}
.vmodal__frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--r-lg,16px);overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);}
.vmodal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vmodal__close{position:absolute;top:-48px;right:0;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 160ms;}
.vmodal__close:hover,.vmodal__close:focus-visible{background:rgba(255,255,255,.26);outline:none;}
.vmodal__close svg{width:16px;height:16px;}
@media (prefers-reduced-motion:reduce){.vmodal[open]{animation:none;}}

/* ============ CONTACT FORM — Solutions of Interest + volume (contact-us.php) ============ */
.page-contact fieldset.cf-field.cf-solutions{border:0;padding:0;margin:0 0 22px;min-width:0;}
.page-contact .cf-solutions legend.cf-label{padding:0;margin-bottom:6px;}
.page-contact .cf-solutions__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;align-items:start;}
.page-contact .cf-solution .cf-check{padding:6px 0;min-height:52px;}
.page-contact .cf-solution{min-width:0;}
.page-contact .cf-solution .cf-volume{margin:6px 0 0;}
.page-contact .cf-solution .cf-volume .cf-label{font-size:13px;margin-bottom:6px;}
.page-contact .cf-solution .cf-select{height:46px;padding-left:12px;padding-right:36px;font-size:15px;background-position:right 12px center;}
.page-contact .cf-solution .cf-check__label{font-size:14px;}
@media (max-width:560px){.page-contact .cf-solutions__list{grid-template-columns:1fr;gap:4px;}.page-contact .cf-solution .cf-check{min-height:40px;}.page-contact .cf-solution .cf-volume{margin:2px 0 10px 32px;}}
.page-contact .cf-volume[hidden]{display:none;}
.page-contact .cf-select{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:44px;
  background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23576560' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center / 16px 16px;
}
.page-contact .cf-select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(0,171,82,.14);}
.page-contact .cf-select[aria-invalid="true"]{border-color:var(--cf-error);}
.page-contact .cf-select:invalid,.page-contact .cf-select option[value=""]{color:var(--muted-2);}
.page-contact .cf-select option{color:var(--ink);}