@font-face{font-family:"Pitch Sans";font-weight:400;src:url(../fonts/PitchSans-400.woff2) format("woff2"),url(../fonts/PitchSans-400.otf) format("opentype");font-display:block}
@font-face{font-family:"Pitch Sans";font-weight:600;src:url(../fonts/PitchSans-600.woff2) format("woff2"),url(../fonts/PitchSans-600.otf) format("opentype");font-display:block}
@font-face{font-family:"Pitch Sans";font-weight:700;src:url(../fonts/PitchSans-700.woff2) format("woff2"),url(../fonts/PitchSans-700.otf) format("opentype");font-display:block}

:root{
  --index-gray:#8C887F; --peat:#39352F; --signal:#D9F78F; --saline:#F8FDF2; --sandstone:#F0F2EB;
  --lab-blue:#5C85FB; --dilute-blue:#9DB8FF; --saline-85:rgba(248,253,242,.85); --saline-80:rgba(248,253,242,.8);
  --font:"Pitch Sans", ui-monospace, "SF Mono", Menlo, monospace;
  --ease:cubic-bezier(.2,0,0,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--peat);scroll-behavior:smooth}
body{font-family:var(--font);color:var(--peat);-webkit-font-smoothing:antialiased;background:var(--sandstone);overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a:focus-visible,button:focus-visible{outline:1.5px solid var(--lab-blue);outline-offset:2px}

.page{position:relative;width:1440px;margin:0 auto;zoom:var(--z,1)}
.birds{position:absolute;left:0;top:180px;width:1440px;height:1140px;pointer-events:none;z-index:5}
.s{position:relative;width:1440px;overflow:hidden}
.abs{position:absolute}
.bgimg{position:absolute;background-repeat:no-repeat;pointer-events:none}

/* type */
.eyebrow{font-weight:700;font-size:16px;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:var(--index-gray)}
.h36,.h28,.h20{font-weight:600;line-height:1.1;letter-spacing:-.06em;color:var(--peat)}
.h36{font-size:36px}.h28{font-size:28px}.h20{font-size:20px}
.b14{font-weight:600;font-size:14px;line-height:1.4;letter-spacing:-.02em}
.b12{font-weight:600;font-size:12px;line-height:1.3;letter-spacing:-.02em}

/* CTAs (DS: CTA - Large / CTA - Small) */
.cta{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:5px;white-space:nowrap;color:var(--peat);transition:filter 120ms ease}
.cta-l{padding:10px;font-weight:600;font-size:14px;line-height:1.2;letter-spacing:-.02em}
.cta-s{padding:5px;font-weight:700;font-size:10px;line-height:1.2;letter-spacing:-.02em}
.primary{background:var(--signal)}.secondary{background:var(--saline)}
a.cta:hover,button.cta:hover{filter:brightness(.96);color:var(--peat)}
span.cta{cursor:default}

/* structure */
.rail{position:absolute;top:0;bottom:0;width:0;border-left:.5px solid var(--index-gray)}
.xhair{position:absolute;width:20px;height:20px}
.texture{position:absolute;inset:0;background:url(../img/noisey-fiber-texture.webp) center/cover;mix-blend-mode:overlay;pointer-events:none}
.graph{position:absolute;width:447px;height:326px;overflow:hidden}
.graph .fill{position:absolute;inset:0}
.graph .grid{position:absolute;inset:0;
  background-image:linear-gradient(90deg,rgba(140,136,127,.7) .5px,transparent .5px),linear-gradient(rgba(157,184,255,.9) .5px,transparent .5px);
  background-size:41.1px 41.1px;background-position:12px 0,0 18px}
.ic{display:block;width:16px;height:16px;color:var(--peat)}

/* blue fill block */
.blue{position:absolute;left:761px;width:692px;height:384px;overflow:hidden}
.blue .tint{position:absolute;left:-222px;top:-53.49px;width:918px;height:494.7px;opacity:.5;background:var(--dilute-blue)}
.blue .tex{position:absolute;left:0;top:0;width:833px;height:583.913px;transform:matrix(-1,0,0,1,626,-126.611);transform-origin:0 0;mix-blend-mode:overlay;
  background:url(../img/noisey-fiber-texture.webp) 99.999% -56.454%/100.596% 99.472% no-repeat}
.dots{position:absolute;left:399px;top:17px;display:flex;gap:10.024px;align-items:center}
.dots i{width:6.979px;height:6.979px;border-radius:50%;background:var(--lab-blue)}
.dots i.o{background:transparent;border:.5px solid var(--lab-blue)}

.fpv{left:360.967px;width:1218.065px;height:584.596px;background-image:url(../img/first-person-view.png);background-position:31.654% 61.194%;background-size:104.163% 121.136%}

/* nav */
.nav-bar{position:absolute;left:154px;top:60px;width:1132px;height:60px;border-radius:10px;background:var(--saline-85);display:flex;align-items:center;gap:20px;padding:0 20px}
.nav-logo{display:flex;align-items:center;gap:20px;color:var(--peat)}
.nav-logo svg{display:block}
.nav-link{font-weight:600;font-size:16px;line-height:1.2;letter-spacing:-.02em;color:var(--peat);margin-right:12px;transition:color .2s var(--ease)}
.nav-link:hover{color:var(--lab-blue)}

/* hero */
.hero{height:448px;background:var(--sandstone);overflow:visible}
.hero-copy{position:absolute;left:154px;top:10px;width:720px;display:flex;flex-direction:column;gap:40px;justify-content:flex-start;align-items:flex-start}
.row{display:flex;gap:10px}

.acc{position:absolute;left:953px;top:41.625px;width:333px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.acc-item{position:relative;width:333px;border-radius:5px;background:var(--saline);overflow:hidden;cursor:pointer}
.acc-item .head{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;width:100%;text-align:left}
.acc-item .body{display:none;padding:10px 10px 36px;min-height:148px}
.acc-item .body .t{color:var(--index-gray);margin-bottom:6px}
.acc-item .body .x{position:absolute;left:307px;bottom:10px}
.acc-item.open{cursor:default}
.acc-item.open .head{display:none}
.acc-item.open .body{display:block}

.sim-tag{position:absolute;left:142.9px;top:140.8px;height:12.669px;padding:1.09px;border-radius:1.143px;background:var(--dilute-blue);
  font-weight:600;font-size:8.554px;line-height:1.2;letter-spacing:-.04em;white-space:nowrap}

/* why now */
.why{height:462px;background:var(--sandstone)}
.why-head{position:absolute;left:154px;top:81.5px;width:333px;display:flex;flex-direction:column;gap:20px}
.why-card{position:absolute;left:611px;top:81px;width:561px;height:300px;border-radius:5px;background:var(--saline-85);padding:40px}
.why-card p{width:473px}
.why-card p+p{margin-top:19.6px}

/* workflows */
.wf{height:594px;background:var(--signal)}
.wf .rail{top:80px;bottom:auto;height:304px}
.wf-intro{position:absolute;left:154px;top:80px;width:218px;display:flex;flex-direction:column;gap:40px}
.wf-intro .h20{width:147px}
.tags{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.wf-col{position:absolute;top:80px;width:207px;display:flex;flex-direction:column;gap:20px}
.wf-col .h20{width:160px}
.hills{left:-64.21px;top:343px;width:1539.419px;height:380.38px;background-image:url(../img/rolling-hills-landscape.png);background-position:50% 100%;background-size:100% 225.882%}

/* partners */
.partners{height:1006px;background:var(--sandstone)}
.moss{left:0;top:0;width:378.455px;height:171.001px;transform:matrix(.688,-.726,.726,.688,-101.408,808.957);transform-origin:0 0;
  background-image:url(../img/mossy-tree-branch.png);background-position:49.573% 65.079%;background-size:120.49% 148.837%}
.rock{left:0;top:0;width:255.564px;height:177.537px;transform:matrix(.707,-.707,.707,.707,1210.492,478.462);transform-origin:0 0;
  background-image:url(../img/rock-organic-form.png);background-position:50.424% 54.286%;background-size:152.212% 122.293%}
.p-head{position:absolute;left:154px;top:96.5px;width:675px;display:flex;flex-direction:column;gap:20px}
.p-head .h28{width:598px}
.p-tag{position:absolute;top:330px}
.pcard{position:absolute;top:362px;width:561px;height:234px;border-radius:5px;background:var(--saline-80);overflow:hidden;cursor:pointer;transition:height 200ms var(--ease)}
.pcard.open{height:565px;cursor:default}
.pcard .h20{position:absolute;left:40px;top:41px;width:320px}
.pcard .lede{position:absolute;left:40px;top:94px;width:431.625px}
.pcard .list{position:absolute;left:40px;top:234px;width:431.625px;display:none;flex-direction:column;gap:20px}
.pcard.open .list{display:flex}
.pcard .list hr{border:0;border-top:.5px solid var(--index-gray)}
.pcard .list span{max-width:400px}
.pcard .tog{position:absolute;left:517px;bottom:20px;width:24px;height:24px}
.pcard .tog .ic{width:24px;height:24px}
.pcard .i-close{display:none}.pcard.open .i-close{display:block}.pcard.open .i-open{display:none}

/* proof */
.proof{height:540px;background:var(--saline)}
.proof .h28{position:absolute;left:40px;top:80px;white-space:nowrap}
.steps{position:absolute;left:40px;top:181px;width:1362px;height:274px;display:flex;gap:10px}
.step{position:relative;width:333px;height:274px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--sandstone);transition:background 200ms ease}
.step .top{position:absolute;left:20px;top:20px;width:293px;display:flex;justify-content:space-between;align-items:flex-start}
.step .num{font-weight:400;font-size:96px;line-height:.8;letter-spacing:-.06em}
.step p{position:absolute;left:20px;top:149px;width:254.826px;color:var(--index-gray);transition:color 200ms ease}
.step.on{background:var(--dilute-blue)}
.step.on p{color:var(--peat)}

/* partner with us */
.contact{height:410px;background:var(--dilute-blue)}
.lead{font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.04em}
.c-h1{position:absolute;left:40px;top:80px;width:320px}
.c-card{position:absolute;left:383px;top:80px;width:675px;height:250px;border-radius:5px;background:var(--saline);z-index:1}
.c-p{position:absolute;left:20px;top:20px;width:470px}
.c-row{position:absolute;left:20px;top:193px}
.blue-bg{background:var(--dilute-blue)}.lgray{background:#DCDBD4}
.island{position:absolute;left:906.5px;top:82.38px;width:533.5px;height:212.5px;z-index:2;pointer-events:none}

/* footer */
.foot{height:730px;background:var(--peat)}
.f-word{position:absolute;left:154px;top:81.819px;color:var(--sandstone)}
.f-word svg{display:block}
.flink{position:absolute;top:84px;color:var(--sandstone);transition:color .2s}
.flink:hover{color:var(--signal)}
.flink.li{color:var(--signal)}.flink.li:hover{color:var(--saline)}
.f-mark{position:absolute;left:154px;top:178.757px;width:1139.6px;height:471px;color:var(--index-gray);opacity:.18}

/* workflows map */
@keyframes wf-dash{to{stroke-dashoffset:-24}}
#workflows button{font-family:var(--font)}
@keyframes wf-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.wf-pulse{animation:wf-pulse 1.2s cubic-bezier(.2,0,0,1) infinite}
@media (prefers-reduced-motion: reduce){.wf-pulse{animation:none}}

/* hero terrain + its grainy reflection in Who we are (aligned at the section edge) */
.terrain-a{position:absolute;left:274px;top:141.2px;width:1166px;height:306.8px;pointer-events:none;display:block}
.terrain-b{position:absolute;left:274px;top:0;width:1166px;height:324px;pointer-events:none;display:block}

/* who we are */
.who{height:470px;background:var(--sandstone)}
.who-head{position:absolute;left:154px;top:200px;width:460px;display:flex;flex-direction:column;gap:20px;z-index:1}
.who-cards{position:absolute;left:154px;top:290px;width:1132px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;z-index:1}
.wcard{background:var(--saline);border-radius:5px;padding:24px;display:flex;flex-direction:column;gap:20px;transition:background-color .2s var(--ease)}
.wcard:nth-of-type(1){grid-column:1;grid-row:1}
.wcard:nth-of-type(2){grid-column:1;grid-row:2}
.wcard:nth-of-type(3){grid-column:2;grid-row:1 / 3}
.wcard:hover{background:var(--dilute-blue)}
.wtag{align-self:flex-start;font-weight:600;font-size:12px;line-height:1.2;letter-spacing:-.02em;padding:4px 8px;border-radius:3px;background:var(--dilute-blue);transition:background-color .2s var(--ease)}
.wcard:hover .wtag{background:var(--lab-blue)}
.wcard-p{font-weight:600;font-size:16px;line-height:1.3;letter-spacing:-.02em}

/* dropdowns unroll like a scroll: height eases open while the content is revealed top-down */
:root{--unroll:cubic-bezier(.22,.8,.2,1)}
.acc-item{height:40px;transition:height 650ms var(--unroll),background-color .2s}
.acc-item .head{display:flex;position:absolute;left:0;top:0;transition:opacity 220ms var(--unroll)}
.acc-item .body{display:block;position:absolute;left:0;top:0;width:100%;clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(-6px);
  transition:clip-path 650ms var(--unroll),transform 650ms var(--unroll),opacity 300ms var(--unroll)}
.acc-item.open .head{display:flex;opacity:0;pointer-events:none}
.acc-item.open .body{display:block;clip-path:inset(0 0 0 0);opacity:1;transform:none;transition-delay:60ms}
.acc-item::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:1.5px;border-radius:1px;background:var(--dilute-blue);opacity:0;transition:opacity 300ms}
.acc-item.rolling::after{opacity:1}
.acc-item .ic{transition:transform 400ms var(--unroll)}
.noanim,.noanim *{transition:none !important}
.pcard{transition:height 650ms var(--unroll)}
.pcard .list{display:flex;clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(-8px);
  transition:clip-path 650ms var(--unroll),transform 650ms var(--unroll),opacity 300ms var(--unroll)}
.pcard.open .list{display:flex;clip-path:inset(0 0 0 0);opacity:1;transform:none;transition-delay:60ms}
.pcard .tog .ic{transition:transform 400ms var(--unroll)}
.partners{transition:height 650ms var(--unroll)}

/* larger UI type and controls */
.cta-l{padding:11px 12px;font-size:16px}
.cta-s{padding:6px;font-size:12px}
.nav-bar{height:68px;top:56px}
.nav-link{font-size:18px;margin-right:16px}
.acc{gap:12px}
.acc-item{height:46px}
.acc-item .head{height:46px;font-size:15px}
.acc-item .head .ic{width:18px;height:18px}
.acc-item .body{padding:12px 12px 40px}
.acc-item .body .b14{font-size:16px;line-height:1.4}
.acc-item .body .x .ic{width:18px;height:18px}

.who-cards{grid-template-columns:1fr}
.who-cards .wcard{grid-column:1 !important;grid-row:1 !important;padding:28px 32px}
.who-cards .wcard-p{max-width:860px;font-size:18px;line-height:1.4}

/* approach card: light, translucent green sampled from the hill's reflection */
.who-cards .wcard{position:relative;overflow:hidden;isolation:isolate;background:rgba(248,253,242,.35);color:var(--peat)}
.who-cards .wcard::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:url(../img/firstPersonViewB1.webp) 62% 18%/260% 420% no-repeat;opacity:.5}
.who-cards .wcard::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(217,247,143,.28),rgba(217,247,143,.28)),rgba(248,253,242,.32)}
.who-cards .wcard-p{color:var(--peat)}
.who-cards .wtag{background:var(--saline);color:var(--peat)}
.who-cards .wcard:hover{background:rgba(248,253,242,.35)}
.who-cards .wcard:hover .wtag{background:var(--signal)}


/* partners: tighter top */
.partners .p-tag{top:148px;padding:10px 12px;font-size:18px;font-weight:600;letter-spacing:-.02em}
.partners .pcard{top:202px}

/* contact card flows */
.c-card{height:auto;padding:24px;display:flex;flex-direction:column;gap:32px}
.c-p{position:static;width:auto;max-width:470px}
.c-row{position:static}
.contact{height:340px}

/* hero CTAs: translucent white, Signal green on hover */
a.cta.hero-cta{background:rgba(248,253,242,.6);transition:background-color .2s var(--ease)}
a.cta.hero-cta:hover{background:var(--signal);filter:none}

/* partner tags hover */
.partners .p-tag{transition:background-color .2s var(--ease);cursor:default}
.partners .p-tag:hover{background:var(--signal)}

.graph-tex{-webkit-mask-image:linear-gradient(#000,#000),url(../img/firstPersonViewB.webp?v=670cf4d5);mask-image:linear-gradient(#000,#000),url(../img/firstPersonViewB.webp?v=670cf4d5);
  -webkit-mask-size:100% 100%,1166px 306.8px;mask-size:100% 100%,1166px 306.8px;-webkit-mask-position:0 0,254px -103.1px;mask-position:0 0,254px -103.1px;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}

/* map nodes centered */
#workflows button[data-node]{align-items:center !important;justify-content:center !important;text-align:center !important}

/* partners: no lede */
.partners .pcard .h20{width:470px}
.partners .pcard .list{top:150px;font-size:16px;line-height:1.4}

/* partner tag colors + branch */
.partners .p-tag.pt-ai{background:var(--signal)}
.partners .p-tag.pt-hc{background:var(--dilute-blue)}
.partners .p-tag.pt-ai:hover,.partners .p-tag.pt-hc:hover{filter:none}
.partners .p-tag.pt-ai:hover{background:var(--signal)}
.partners .p-tag.pt-hc:hover{background:var(--dilute-blue)}
/* old-layout branch and rock (fill like the original slots), clipped at the card edges so nothing shows under the cards */
.partners .moss{left:0;top:372px;bottom:auto;width:283.5px;height:392.5px;transform:none;background-image:url(../img/mossyBranch.webp);background-size:100% 100%;background-position:0 0;clip-path:inset(0 129.5px 0 0)}
.partners .rock{left:1210px;top:138px;width:230px;height:306.5px;transform:none;background-image:url(../img/organicRock.webp);background-size:100% 100%;background-position:0 0;clip-path:inset(0 0 0 76px)}

/* ===================== Responsive: below 1100px the 1440 canvas becomes document flow ===================== */
/* Desktop (>=1100) keeps every absolute coordinate above. Breakpoints match about.css: tablet 768-1099, phone <768.
   Many homepage elements carry inline styles, so the overrides below need !important. */
.nav-burger,.nav-menu{display:none}
.art,.art-in{display:contents}  /* desktop: wrappers are transparent; children stay on the 1440 canvas */
.f-links{display:contents}
@media (max-width:1099px){
  .page{--g:40px;--navh:100px;--navtop:24px;width:100%;overflow-x:clip}
  .s{width:100%}
  .rail,.xhair,.birds{display:none}

  /* nav */
  .top-bar{height:var(--navh) !important;overflow:visible;z-index:20}   /* the expanded phone menu must not be clipped by the header */
  .nav-bar{left:var(--g);right:var(--g);width:auto;top:var(--navtop);height:60px;padding:0 16px;gap:16px}
  .nav-logo{gap:12px}
  .nav-link{font-size:16px;margin-right:8px}

  /* hero + who: art layers scale as one strip (--ak), copy flows above it */
  .hero{height:auto;padding:48px var(--g) 0;display:flex;flex-direction:column;gap:40px;z-index:1}
  .hero-copy{position:static;width:auto;order:1}
  .hero-copy .h36{font-size:34px}
  .art{display:block;position:relative;flex:none;order:2;margin:0 calc(-1*var(--g));overflow-x:clip;overflow-y:visible}
  .art-in{display:block;position:absolute;left:var(--ao,0px);top:0;width:1440px;transform:scale(var(--ak,.5));transform-origin:0 0}
  .hero-art{height:calc(306.8px*var(--ak,.5));z-index:2}
  .hero-art .art-in{height:306.8px}
  .hero-art .terrain-a{top:0}
  .hero-art .blue{top:54.4px !important}
  .hero-art .graph,.hero-art .graph-tex{top:103.1px !important}
  .art .graph-tex,.art .blue .tex{display:none}   /* overlay blends have no backdrop inside the transformed strip */
  .who{height:auto;padding:0 var(--g) 56px}
  .who-art{height:calc(280px*var(--ak,.5));overflow:hidden}
  .who-art .art-in{height:324px}
  .who-head{position:static;width:auto;margin-top:40px;max-width:560px}
  .who-head .h28{width:auto !important;font-size:28px !important}

  /* workflows: the map becomes a vertical list */
  .wf{width:100% !important;height:auto !important;padding:56px var(--g) 0;display:flex;flex-direction:column}
  .wf-head{position:static !important;width:auto !important;display:block !important;order:1}
  .wf-head-copy{width:auto !important;max-width:600px}
  .wf-h2{font-size:28px !important}
  .wf-map{position:static !important;width:auto !important;height:auto !important;pointer-events:auto !important;display:flex;flex-direction:column;gap:10px;margin-top:40px;order:2}
  #wf-links{display:none}
  #workflows button.wf-node{position:static !important;width:auto !important;height:auto !important;min-height:56px;padding:14px 16px !important;gap:4px !important}
  .wf-node[data-node=dtp]{order:10}.wf-node[data-node=ehr]{order:20}.wf-node[data-node=pacs]{order:30}.wf-node[data-node=voice]{order:40}
  .wf-node[data-node=trials]{order:50}.wf-node[data-node=payer]{order:60}.wf-node[data-node=res]{order:70}
  .wf-name{font-size:20px !important;white-space:normal !important}
  .wf-sub{font-size:13px !important;white-space:normal !important}
  .wf-node[data-node=pacs]::after,.wf-node[data-node=voice]::after,.wf-node[data-node=trials]::after,.wf-node[data-node=payer]::after{content:"[Linked to EHR]";font-weight:700;font-size:12px;line-height:1.2;color:var(--index-gray)}
  .wf-hills{position:relative !important;left:auto !important;top:auto !important;order:3;width:calc(100% + 2*var(--g)) !important;margin:48px calc(-1*var(--g)) 0;height:220px !important;background-size:auto 225.882% !important;background-position:50% 100% !important}
  .cta-l{padding:13px 14px}   /* 44px+ tap targets */
  .flink{padding:12px 0;font-size:16px}

  /* partners: tags and cards stack, lists always open */
  .partners{height:auto !important;padding:64px var(--g);display:flex;flex-direction:column}
  .partners .moss,.partners .rock{display:none}
  .p-head{position:static;width:auto;margin-bottom:24px}
  .partners .p-tag{position:static;align-self:flex-start;margin:0 0 10px}
  .partners .pcard{position:static;width:auto;height:auto !important;cursor:default;padding:24px;display:flex;flex-direction:column;gap:20px;margin:0 0 28px;transition:none}
  .partners .pcard:last-of-type{margin-bottom:0}
  .partners .pcard .h20{position:static;width:auto;font-size:22px}
  .partners .pcard .list{position:static;width:auto;clip-path:none;opacity:1;transform:none;display:flex;gap:16px;font-size:16px;line-height:1.4;transition:none}
  .partners .pcard .list span{max-width:none}
  .pcard .tog{display:none}

  /* partner with us: heading, card, island stack */
  .contact{height:auto;padding:56px var(--g) 24px;display:flex;flex-direction:column;gap:28px}
  .c-h1{position:static;width:auto}
  .c-h1 br{display:none}
  .c-card{position:static;width:auto;max-width:675px}
  .contact .graph{display:none}
  .island{position:relative;left:auto;top:auto;width:min(70%,533.5px);height:auto;align-self:flex-end;margin-top:8px}

  /* footer */
  .foot{height:auto;padding:56px var(--g) 40px;display:flex;flex-direction:column}
  .f-word{position:static}
  .f-links{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:16px}
  .flink{position:static}
  .f-mark{position:static;width:100% !important;height:auto;margin-top:56px}
}

@media (max-width:767px){
  .page{--g:20px;--navh:80px;--navtop:16px}
  .nav-link,.nav-cta{display:none}
  .nav-bar{align-items:flex-start;overflow:hidden;transition:height .35s var(--ease)}
  .nav-logo{height:60px}
  .nav-logo svg:first-child{width:40px;height:17px}
  .nav-logo svg:last-child{width:160px;height:17px}
  .nav-burger{display:block;position:absolute;right:6px;top:6px;width:48px;height:48px}
  .nav-burger span{position:absolute;left:14px;width:20px;height:2px;background:var(--index-gray);transition:transform .25s var(--ease),opacity .2s,top .25s var(--ease)}
  .nav-burger span:nth-child(1){top:18px}.nav-burger span:nth-child(2){top:24px}.nav-burger span:nth-child(3){top:30px}
  .nav-bar.open .nav-burger span:nth-child(1){top:24px;transform:rotate(45deg)}
  .nav-bar.open .nav-burger span:nth-child(2){opacity:0}
  .nav-bar.open .nav-burger span:nth-child(3){top:24px;transform:rotate(-45deg)}
  .nav-menu{display:flex;flex-direction:column;gap:10px;position:absolute;left:0;right:0;top:60px;padding:16px 20px 20px;visibility:hidden}
  .nav-bar.open .nav-menu{visibility:visible}
  .nav-bar.open{background:rgba(248,253,242,.97)}
  .nm-cta{align-self:stretch;width:auto;background:var(--sandstone)}
  .nm-cta.primary{background:var(--signal)}

  .hero{padding-top:40px;gap:8px}
  .hero-copy .h36{font-size:30px}
  .who{padding-bottom:48px}
  .who-head{margin-top:32px}
  .who-head .h28{font-size:24px !important}
  .wf{padding-top:48px}
  .wf-h2{font-size:26px !important}
  .wf-map{margin-top:32px}
  .wf-name{font-size:18px !important}
  .wf-hills{height:150px !important;margin-top:40px}
  .partners{padding:48px var(--g)}
  .partners .p-tag{white-space:normal;max-width:100%}
  .partners .pcard{padding:20px;margin-bottom:24px}
  .partners .pcard .h20{font-size:20px}
  .contact{padding-top:48px;gap:24px}
  .c-h1{font-size:30px}
  .c-card{padding:20px;gap:24px}
  .lead{font-size:18px}
  .c-row{flex-wrap:wrap}
  .foot{padding:40px var(--g) 32px}
  .f-links{gap:0 20px;margin-top:12px}
  .f-mark{margin-top:40px}
}