@import url("marketing-theme.css");
.nav{position:fixed;inset-inline:0;top:0;z-index:100;
  padding-top:calc(1.25rem + env(safe-area-inset-top,0px));padding-bottom:.75rem;
  padding-left:.625rem;padding-right:.625rem;
  pointer-events:none;
  transition:padding-left .3s linear,padding-right .3s linear}
.nav-capsule{
  --nav-pad-block:.625rem;
  direction:ltr;
  position:relative;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-block:var(--nav-pad-block);padding-inline:1.25rem;margin-inline:auto;
  width:100%;max-width:100vw;border-radius:999px;pointer-events:auto;
  color:var(--d-ink);
  transition:max-width .3s linear,color .3s linear}
/* The rounded rectangle, and the only thing on this header that animates. It animates on
   opacity, which every engine interpolates, and on nothing else. Deliberately absent from every
   transitioned value here: env() (its used value moves on iOS as the toolbar collapses),
   color-mix() and percentage endpoints. Those were the three left over from the old capsule.
   It is a positioned child, so .nav-start and .nav-cta -- both position:relative and later in the
   DOM -- paint over it with no z-index anywhere. */
.nav-plate{
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background-color:rgba(247,249,247,.93);
  box-shadow:0 8px 28px rgba(12,26,18,.12);
  /* Promoted up front, and deliberately never given a backdrop-filter. Both are about the FIRST
     flip: a layer built at the moment a transition starts swallows that transition, and every
     later one then looks fine because the layer already exists. The old rule handed the plate a
     blur on the same flip that started the fade, which is exactly that -- a new compositing layer
     and a new backdrop root, mid-tween. At .93 alpha the blur was worth almost nothing anyway. */
  will-change:opacity;
  opacity:0;transition:opacity .28s linear}
.nav.is-glass .nav-plate{opacity:1}
.nav-start{position:relative;display:flex;align-items:center;gap:.625rem;flex:1 1 auto;min-width:0}
.nav .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:-.6px;flex-shrink:0}
.nav .brand .badge{width:36px;height:36px;border-radius:10px;overflow:hidden;display:inline-flex}
.nav .brand span{color:inherit;direction:ltr}
.nav-toggle{display:grid;place-items:center;width:1.5rem;height:1.5rem;flex-shrink:0;
  background:none;border:none;padding:0;cursor:pointer;color:inherit}
.nav-bars{position:relative;display:block;width:1.125rem;height:.625rem}
.nav-bars span{position:absolute;inset-inline:0;height:2px;border-radius:2px;background:currentColor;
  transition:top .2s var(--ease),transform .28s var(--ease)}
.nav-bars span:first-child{top:0}
.nav-bars span:last-child{top:calc(100% - 2px)}
.nav-toggle[aria-expanded=true] .nav-bars span{top:calc(50% - 1px)}
.nav-toggle[aria-expanded=true] .nav-bars span:first-child{transform:rotate(45deg)}
.nav-toggle[aria-expanded=true] .nav-bars span:last-child{transform:rotate(-45deg)}
.nav-panel{
  position:absolute;left:0;right:auto;
  top:calc(100% + var(--nav-pad-block) + .5rem);
  width:max-content;min-width:10rem;padding:.5rem;border-radius:1.25rem;
  background-color:color-mix(in srgb,var(--card) 92%,transparent);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 .602187px .602187px -1.25px rgb(0 0 0 / .14),0 2.28853px 2.28853px -2.5px rgb(0 0 0 / .13),
    0 14px 22px -6px rgb(0 0 0 / .12);
  color:var(--ink);visibility:hidden;opacity:0;transform:translateY(-.375rem) scale(.97);
  transform-origin:top left;transition:opacity .24s ease,transform .28s var(--ease),visibility .28s}
.nav-panel.is-open{visibility:visible;opacity:1;transform:none}
.nav-links{display:flex;flex-direction:column;gap:0}
.nav-links a{display:block;padding:.5625rem .75rem;border-radius:.875rem;font-size:.9375rem;font-weight:600;
  color:var(--muted);transition:background-color .2s ease,color .2s ease;white-space:nowrap}
.nav-links a:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}
.nav-panel.is-open .nav-links a{animation:navLinkIn .34s var(--ease) both;
  animation-delay:calc(.06s + var(--link-i,0) * .045s)}
@keyframes navLinkIn{from{opacity:0;transform:translateY(-.25rem)}}
.nav-cta{
  display:grid;place-items:center;flex-shrink:0;height:2.6875rem;padding:0 1.25rem;
  border-radius:999px;border:none;font-family:var(--font);font-size:.875rem;font-weight:800;
  letter-spacing:-.2px;cursor:pointer;white-space:nowrap;
  position:relative;
  background:var(--d-ink);color:var(--d-bg);
  transition:background-color .28s linear,color .28s linear,transform .2s var(--ease);
  box-shadow:none}
.nav-cta:hover{transform:scale(1.03)}
.nav-cta:active{transform:scale(.95)}
@media(min-width:768px){
  .nav{padding-top:calc(2.625rem + env(safe-area-inset-top,0px));padding-left:1rem;padding-right:1rem}
  .nav-capsule{padding-inline:2.5rem}
}
@media(min-width:1024px){
  .nav-capsule{gap:1.5rem}
  .nav-start{gap:1.75rem}
  .nav-toggle{display:none}
  .nav-panel{
    position:static;visibility:visible;opacity:1;transform:none;display:flex;flex:1 1 auto;
    justify-content:center;left:auto;width:auto;min-width:0;margin:0;padding:0;border-radius:0;
    background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:inherit}
  .nav-links{flex-direction:row;align-items:center;gap:1.65rem}
  .nav-links a{padding:.2rem 0;color:inherit;opacity:.84;background:transparent}
  .nav-links a:hover{opacity:1;color:inherit;background:transparent}
  .nav-panel.is-open .nav-links a{animation:none}
}
@media(prefers-reduced-motion:reduce){
  /* A cross-fade is what reduced motion asks you to SUBSTITUTE for movement, so the plate keeps
     fading. Only the menu's slide and the width change go. Killing the lot here is what made the
     header snap on every iPhone with the setting on. */
  .nav{transition:none}
  .nav-capsule{transition:color .3s linear}
  .nav-bars span,.nav-panel{transition:none}
  .nav-panel.is-open .nav-links a{animation:none}
}

/* Glass capsule is additive — first paint is already over-hero (Safari/Chrome incremental paint). */
.nav.is-glass{padding-left:1.75rem;padding-right:1.75rem}
@media(min-width:768px){.nav.is-glass{padding-left:2rem;padding-right:2rem}}
.nav.is-glass .nav-capsule{max-width:66.75rem;color:var(--ink)}
.nav.is-glass .nav-cta{background:var(--ink);color:var(--card)}

@font-face{font-family:Assistant;src:url('fonts/assistant-he.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Assistant;src:url('fonts/assistant-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
:root{--font:Assistant,sans-serif;--ease:cubic-bezier(.2,.7,.3,1);--d-ink:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;font-family:var(--font);font-size:18px;line-height:1.65;color:var(--ink);background:#fff}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800;line-height:1.1;letter-spacing:-.035em}a:focus-visible,button:focus-visible{outline:3px solid #80C953;outline-offset:5px}.skip-link{position:fixed;top:-80px;right:20px;z-index:110;background:#fff;padding:12px 20px;border-radius:999px}.skip-link:focus{top:20px}
.nav-capsule{color:#0C1F00}.nav-cta,.nav.is-glass .nav-cta{background:#9FE870;color:#0C1F00}.nav .brand img{display:block;width:100%;height:100%;object-fit:cover}.nav-plate{box-shadow:none;background:#FFFFFF}
.page-wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.label-dot{width:8px;height:8px;border-radius:50%;background:#0C1F00}.about-hero{padding-top:174px}.about-hero>.section-label{border-radius:999px;background:#F1F3EF;padding:7px 16px}.about-hero h1{font-size:clamp(58px,7.3vw,100px);margin-top:24px;color:#0C1F00}.about-hero h1>span{color:#0C1F00}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:32px 0 48px}.hero-bottom p{color:#5D605B;font-size:21px;line-height:1.65}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.text-link:hover{color:#476930}.founders-photo{position:relative;overflow:hidden;border-radius:28px;background:#F1F3EF;isolation:isolate}.founders-photo img{display:block;width:100%;height:560px;object-fit:cover;object-position:center 43%}.founders-photo:after{content:'';position:absolute;inset:55% 0 0;z-index:0;background:linear-gradient(transparent,#000a)}.founders-photo figcaption{position:absolute;bottom:26px;inset-inline:30px;display:flex;justify-content:space-between;align-items:end;gap:16px;color:#fff;z-index:1}.founders-photo figcaption span:first-child{font-size:24px;font-weight:700}.founders-photo figcaption span:last-child{font-size:16px;color:#E8EBE5}
.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:116px}.story h2,.section-heading h2,.official h2{font-size:clamp(36px,4.1vw,54px);margin-top:24px}.muted{color:#0C1F00}.story-copy{padding-top:45px;color:#5D605B}.story-copy p+p{margin-top:22px}.story-copy .lead{color:#0C1F00;font-weight:700;font-size:24px}.people-section{padding-bottom:110px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:24px}.section-heading h2{margin:0}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.person{background:#F1F3EF;border-radius:24px;padding:36px}.person-domain{display:inline-block;background:#fff;padding:5px 12px;font-size:14px;font-weight:700;border-radius:999px;color:#5D605B}.person h3{font-size:36px;margin-top:34px}.person-role{display:block;margin-top:12px;color:#5D605B;font-size:16px}.person p{margin-top:28px;color:#5D605B;font-size:18px;line-height:1.7}
.belief-shell{margin-inline:20px;background:#0C1F00;border-radius:32px;color:#fff}.belief{padding-block:80px}.belief .section-label{color:#D3E2C9}.belief h2{font-size:clamp(38px,5.4vw,68px);margin-top:26px}.belief h2>span{color:#9FE870}.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:68px}.belief-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9FE87066;color:#9FE870;border-radius:50%;font-size:26px}.belief h3{font-size:24px;margin-top:22px;letter-spacing:-.02em}.belief p{margin-top:12px;font-size:18px;color:#D3E2C9;max-width:26ch}.official{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:110px}.official p{margin-top:26px;color:#5D605B}.official p a{text-decoration:underline;text-underline-offset:4px}.official-links{align-self:center}.official-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 0;border-bottom:1px solid #E8EBE5;font-size:18px;font-weight:700}.official-links a span:last-child{color:#5D605B;font-size:16px;font-weight:400}.official-links a:hover{color:#476930}
.about-cta{background:#F1F3EF;border-radius:28px;text-align:center;padding:65px 32px;margin-bottom:90px}.about-cta h2{font-size:clamp(38px,4.8vw,62px);margin-top:20px;color:#0C1F00}.about-cta p{margin-top:22px;color:#5D605B;font-size:16px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:999px;padding:16px 28px;background:#9FE870;color:#0C1F00;font-size:18px;font-weight:700}.primary-btn:hover{background:#80E142}.about-cta .primary-btn{display:flex;width:max-content;margin:28px auto 20px}.about-cta .text-link{color:#5D605B;font-size:15px}
dialog{border:0;border-radius:24px;padding:40px 30px;width:min(420px,calc(100% - 32px));color:#0C1F00;text-align:center}dialog::backdrop{background:#0C1F00aa}dialog img{border-radius:16px}dialog h2{margin:20px 0 10px;font-size:32px}dialog p{color:#5D605B;font-size:16px}dialog .primary-btn{display:flex;margin-top:14px}.dialog-close{position:absolute;top:12px;left:12px;width:32px;height:32px;border:0;background:#F1F3EF;border-radius:50%;font-size:24px;color:#0C1F00}
.reveal{transition:opacity .6s ease,transform .6s ease}.motion-ready .reveal{opacity:0;transform:translateY(18px)}.motion-ready .reveal.in{opacity:1;transform:none}
@media(max-width:1023px){.page-wrap{width:calc(100% - 48px)}.story,.official{gap:36px}.nav-links{gap:0}}
@media(max-width:760px){html{scroll-padding-top:95px}.page-wrap{width:calc(100% - 40px)}.about-hero{padding-top:124px}.about-hero h1{font-size:clamp(42px,10.7vw,70px);letter-spacing:-.04em}.hero-bottom{display:block;margin:26px 0 30px}.hero-bottom p{font-size:18px}.hero-bottom .text-link{margin-top:22px}.founders-photo{border-radius:20px}.founders-photo img{height:auto;aspect-ratio:4/3;object-fit:cover}.founders-photo figcaption{bottom:18px;inset-inline:18px;display:block}.founders-photo figcaption span{display:block}.founders-photo figcaption span:first-child{font-size:20px}.founders-photo figcaption span:last-child{font-size:12px;margin-top:4px}.story{grid-template-columns:1fr;padding-block:68px;gap:24px}.story h2,.section-heading h2,.official h2{font-size:36px}.story-copy{padding:0;font-size:17px}.story-copy .lead{font-size:22px}.people-section{padding-bottom:68px}.section-heading{display:block}.section-heading h2{margin-top:20px}.people-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.person{padding:26px}.person h3{font-size:32px;margin-top:26px}.person p{font-size:17px}.belief-shell{margin-inline:8px;border-radius:24px}.belief{padding-block:48px}.belief h2{font-size:clamp(34px,8.7vw,44px)}.belief-grid{grid-template-columns:1fr;gap:32px;margin-top:40px}.belief-grid article{display:grid;grid-template-columns:44px 1fr;gap:0 18px}.belief-icon{grid-row:1/3}.belief h3{margin-top:0;font-size:22px}.belief p{font-size:17px;max-width:none;margin-top:8px}.official{grid-template-columns:1fr;gap:26px;padding-block:68px}.official-links a{font-size:16px;padding:20px 0}.official-links a span:last-child{font-size:14px}.about-cta{padding:42px 20px;margin-bottom:50px}.about-cta h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal{opacity:1;transform:none;transition:none}}

.belief-icon svg{width:24px;height:24px}.inline-icon{display:inline-flex;align-items:center}.inline-icon svg{width:20px;height:20px}

.official-links a span:last-child{display:inline-flex;align-items:center;gap:12px}.social-link-icon{width:18px;height:18px;flex-shrink:0}

.social-name{display:inline-flex;align-items:center;gap:12px}.social-brand-icon{width:20px;height:20px;fill:currentColor;flex-shrink:0}
