:root{
  --green:#167C1B;
  --green-d:#0F5E13;
  --panel:#123F1A;         
  --clay:#B86A2E;
  --clay-deep:#6E3D16;     
  --clay-text:#8A4E1F;
  --deep:#15181A;          
  --paper:#FFFFFF;
  --card:#FFFFFF;
  --wash:#E9EFE6;        
  --wash-2:#DCE5D9;      
  --ink:#1B1F1C;
  --ink-2:#5C625C;
  --ink-3:#6E746D;
  --line:#D9E2D6;
  --on-d:#F0F2EF;
  --on-d-2:#9BA29B;
  --line-d:#2B2F31;
  --r-photo:2rem;
  --r-card:1.15rem;
  --r-panel:1.5rem;
  --shell:min(88vw,84rem);
  --loop-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 6h21M16 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --loop-arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 24'%3E%3Cpath d='M6 0v21M1 16l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --lat:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
  --ar:'Tajawal','Segoe UI',system-ui,sans-serif;
  --logo:'Outfit','Segoe UI',system-ui,sans-serif;
  --nav-h:5.6rem;          
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-drawer:cubic-bezier(.32,.72,0,1);
  color-scheme:light;
}
*{box-sizing:border-box}
html{font-size:clamp(15px,min(1.34vw,2.6vh),34px)}
body{margin:0;background:var(--wash);color:var(--ink);
  font-family:var(--lat);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;
  overflow-x:clip}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}
p{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:6px}
img{display:block;width:100%;height:100%;object-fit:cover}
ul{margin:0;padding:0;list-style:none}
.shell{width:var(--shell);margin-inline:auto}
.sec{padding-block:clamp(3rem,5vw,4.4rem)}
.wash{background:var(--wash)}   
.eyebrow{font-size:.84rem;color:var(--green);font-weight:500;margin-block-end:1.1rem;
  display:flex;align-items:center;gap:.55rem}
.eyebrow::before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:currentColor;flex:none}
.h1{font-size:clamp(2.4rem,4.86rem,4.9rem);line-height:1.04}
.pagehead--run-on .h1{font-size:clamp(1.95rem,3.1rem,3.2rem);line-height:1.1;
  letter-spacing:-.015em;max-width:26ch}
.h2{font-size:2.7rem;line-height:1.08}
.h-big{font-size:2.45rem;line-height:1.22}
.lede{font-size:1.08rem;line-height:1.7;color:var(--ink-2);max-width:58ch}
.mark{display:inline-flex;flex-direction:column;line-height:1}
.mark__img{display:block;block-size:calc(var(--ms,1.25rem) * 2.1);inline-size:auto;
  max-inline-size:min(60vw,15rem);object-fit:contain}
.mark b{font-family:var(--logo);font-weight:700;color:var(--green);font-size:var(--ms,1.25rem);letter-spacing:-.035em}
.mark i{font-family:var(--logo);font-style:normal;font-weight:600;color:var(--green);
  font-size:calc(var(--ms,1.25rem)*.3);letter-spacing:.2em;text-align:center;margin-block-start:.32em}
.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:70;display:flex;align-items:center;
  gap:2rem;padding:1.15rem 6vw;
  transition:background 220ms var(--ease-out),padding 220ms var(--ease-out),
             box-shadow 220ms var(--ease-out),transform 300ms var(--ease-out)}
.nav{will-change:transform}
.nav--away{transform:translateY(-100%)}
.nav.stuck{padding-block:.8rem;background:color-mix(in srgb,var(--wash) 88%,transparent);
  backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}
.nav__links{display:flex;gap:1.9rem;margin-inline-start:auto}
.nlink{font-size:.94rem;color:var(--ink-2);transition:color 150ms var(--ease-out)}
.nlink:hover,.nlink[aria-current="page"]{color:var(--green)}
@media (max-width:980px){.nav__links{display:none}.nav .pill{margin-inline-start:auto}}
@media (max-width:600px){
  .nav{gap:.5rem;padding-inline:4vw}
  .nav .pill{padding-inline:.9rem;font-size:.88rem}
  .nav #lang{min-width:2.6rem}
}
@media (max-width:380px){
  .nav{gap:.35rem;padding-inline:3vw}
  .nav .pill{padding-inline:.7rem;font-size:.84rem}
}
.nav__group{position:relative;display:flex;align-items:center}
.nlink--menu{display:inline-flex;align-items:center;gap:.34rem}
.nlink--menu .caret{display:block;line-height:0;
  transition:transform 180ms var(--ease-out)}
.nlink--menu .caret svg{display:block;width:.62rem;height:.44rem;overflow:visible}
.nlink--menu .caret path{fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){
  .nav__group:hover .nlink--menu .caret{transform:rotate(180deg)}
}
.nav__group:focus-within .nlink--menu .caret{transform:rotate(180deg)}
.nav__menu{position:absolute;inset-block-start:100%;inset-inline-start:50%;
  min-width:13.5rem;padding:.3rem;margin-block-start:2.25rem;
  background:var(--paper);border:1px solid rgba(27,31,28,.06);border-radius:.7rem;
  box-shadow:0 1px 1px rgba(27,31,28,.04),
             0 .45rem .9rem -.5rem rgba(27,31,28,.14),
             0 1.4rem 2.2rem -1.4rem rgba(27,31,28,.22);
  display:flex;flex-direction:column;z-index:80;
  opacity:0;visibility:hidden;transform:translate(-50%,-.25rem);
  transition:opacity 140ms var(--ease-out),transform 140ms var(--ease-out),
             visibility 140ms}
.nav__menu::before{content:"";position:absolute;inset-block-start:-2.35rem;inset-inline:0;height:2.35rem}
.nav__menu a{display:flex;align-items:center;gap:.5rem;white-space:nowrap;
  padding:.46rem .7rem;border-radius:.45rem;font-size:.86rem;line-height:1.3;
  color:var(--ink-2);transition:background 140ms var(--ease-out),color 140ms var(--ease-out)}
.nav__menu a:hover{background:var(--wash);color:var(--ink)}
.nav__menu-all{color:var(--green) !important;font-weight:500;
  margin-block-start:.28rem;padding-block-start:.5rem !important;
  border-block-start:1px solid var(--line);border-radius:0 0 .45rem .45rem}
.nav__menu-all em{font-style:normal;transition:transform 160ms var(--ease-out)}
.nav__menu-all:hover em{transform:translateX(.18rem)}
[dir="rtl"] .nav__menu-all em{transform:scaleX(-1)}
[dir="rtl"] .nav__menu-all:hover em{transform:scaleX(-1) translateX(.18rem)}
@media (hover:hover) and (pointer:fine){
  .nav__group:hover .nav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
}
.nav__group:focus-within .nav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
[dir="rtl"] .nav__menu{transform:translate(50%,-.25rem)}
[dir="rtl"] .nav__group:focus-within .nav__menu{transform:translate(50%,0)}
@media (hover:hover) and (pointer:fine){
  [dir="rtl"] .nav__group:hover .nav__menu{transform:translate(50%,0)}
}
.has-hero .nav:not(.stuck) .nav__menu a{color:var(--ink-2)}
.has-hero .nav:not(.stuck) .nav__menu a:hover{color:var(--ink)}
.drawer__sub{font-size:clamp(1rem,4vw,1.25rem) !important;font-weight:400 !important;
  color:var(--ink-2);padding-inline-start:1.2rem;border-block-end:0 !important;
  padding-block:.3rem !important}
@media (min-width:901px){
.has-hero .nav:not(.stuck) .nlink{color:rgba(255,255,255,.88)}
.has-hero .nav:not(.stuck) .nlink:hover,
.has-hero .nav:not(.stuck) .nlink[aria-current="page"]{color:#fff}
.has-hero .nav:not(.stuck) .mark b,
.has-hero .nav:not(.stuck) .mark i{color:#fff}
.has-hero .nav:not(.stuck) .pill--ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.has-hero .nav:not(.stuck) .pill--ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.has-hero .nav:not(.stuck) .burger{color:#fff;border-color:rgba(255,255,255,.45)}
}
.pill{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;padding:.9rem 1.75rem;
  font-size:.95rem;font-weight:500;background:var(--green);color:#fff;border:1px solid var(--green);
  transition:background 180ms var(--ease-out),border-color 180ms var(--ease-out),
             color 180ms var(--ease-out),transform 160ms var(--ease-out)}
.pill:active{transform:scale(.97)}
.pill em{font-style:normal;transition:transform 200ms var(--ease-out)}
.pill:hover em{transform:translateX(.3rem)}
@media (hover:hover) and (pointer:fine){.pill:hover{background:var(--green-d);border-color:var(--green-d)}}
.pill--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.pill--ghost:hover{background:var(--ink);border-color:var(--ink);color:var(--wash)}
.pill--sm{padding:.62rem 1.25rem;font-size:.86rem}
.burger{display:none;width:2.62rem;height:2.62rem;border-radius:999px;border:1px solid var(--line);
  align-items:center;justify-content:center;flex:none;transition:transform 160ms var(--ease-out)}
.burger:active{transform:scale(.94)}
.burger i{display:block;width:1rem;height:1.5px;background:currentColor;position:relative;transition:background .2s}
.burger i::before,.burger i::after{content:"";position:absolute;inset-inline-start:0;width:1rem;height:1.5px;
  background:currentColor;transition:transform 240ms var(--ease-out)}
.burger i::before{transform:translateY(-.32rem)}
.burger i::after{transform:translateY(.32rem)}
.burger.on i{background:transparent}
.burger.on i::before{transform:rotate(45deg)}
.burger.on i::after{transform:rotate(-45deg)}
@media (max-width:980px){.burger{display:inline-flex}}
.drawer{position:fixed;inset:0;z-index:65;background:var(--wash);padding:7rem 8vw 3rem;
  display:flex;flex-direction:column;gap:.4rem;justify-content:center;
  transform:translateY(-101%);visibility:hidden;
  transition:transform 380ms var(--ease-drawer),visibility 380ms}
.drawer.open{transform:none;visibility:visible}
.drawer a{font-size:clamp(1.5rem,7vw,2.2rem);font-weight:600;padding-block:.55rem;
  border-block-end:1px solid var(--line)}
.drawer .pill{margin-block-start:2.45rem;align-self:start;font-size:1rem}
.drawer__row{display:flex;flex-wrap:wrap;align-items:center}
.drawer__row > a{flex:1 1 auto}
.drawer__more{flex:0 0 auto;display:grid;place-items:center;inline-size:3rem;block-size:3rem;
  padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.drawer__more .caret{display:block;inline-size:1.1rem;transition:transform 200ms var(--ease-out)}
.drawer__more[aria-expanded="true"] .caret{transform:rotate(180deg)}
.drawer__more svg{display:block;inline-size:100%;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drawer__subs{flex:1 0 100%;display:flex;flex-direction:column;
  padding-block-end:.6rem;padding-inline-start:1.1rem}
.drawer__subs[hidden]{display:none}
[dir="rtl"] .drawer__subs{padding-inline-start:0;padding-inline-end:1.1rem}
.skip{position:absolute;inset-block-start:-100px;inset-inline-start:1rem;z-index:200;
  background:var(--ink);color:#fff;padding:.7rem 1.2rem;border-radius:0 0 .5rem .5rem;font-size:.9rem}
.skip:focus{inset-block-start:0}
.ph{position:relative;border-radius:var(--r-photo);overflow:hidden;background:var(--wash-2);
  display:grid;place-items:center}
.ph > span{padding:2rem;text-align:center;font-size:.86rem;color:var(--ink-3);max-width:34ch;line-height:1.7}
.ph.has img{position:absolute;inset:0}
.ph.has > span{display:none}
.band-ph.has img,.panel__ph.has img{position:absolute;inset-inline:0;height:118%;inset-block-start:-9%}
.hero{padding:0}
.hero > .shell{width:100%;margin-inline:0}
.hero__ph{position:relative;width:100%;height:calc(100svh - var(--nav-h));min-height:30rem;
  border-radius:0;overflow:hidden;display:grid;align-content:center;
  justify-items:center;text-align:center;
  padding:clamp(1.5rem,4vw,3.6rem);background:var(--wash-2)}
.hero__ph::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(to bottom,rgba(12,16,12,.5) 0%,
      rgba(12,16,12,.28) calc(var(--nav-h) * .95),
      rgba(12,16,12,0) calc(var(--nav-h) * 1.7)),
    radial-gradient(115% 85% at 50% 50%,rgba(12,16,12,.60) 0%,rgba(12,16,12,.52) 45%,rgba(12,16,12,.30) 100%),
    linear-gradient(to top,rgba(12,16,12,.55) 0%,rgba(12,16,12,0) 40%,rgba(12,16,12,0) 72%,rgba(12,16,12,.4) 100%)}
.hero__ph > span{position:absolute;inset-block-start:40%;z-index:1}
.hero__copy{position:relative;z-index:2;color:#fff;width:min(52rem,88%);text-align:center}
.hero__copy .eyebrow{color:rgba(255,255,255,.9)}
.hero__copy .eyebrow::before{background:#7FD184;box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.hero__copy .lede{color:rgba(255,255,255,.9);max-width:52ch;margin-inline:auto}
.hero__copy .pill--ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.hero__copy .pill--ghost:hover{background:#fff;border-color:#fff;color:var(--ink)}
.hero__act{display:flex;gap:.8rem;flex-wrap:wrap;margin-block-start:2rem}
.hero__copy .hero__act{justify-content:center}
.drift{display:block}
@media (max-width:900px){.hero__ph{height:auto;aspect-ratio:3/4;min-height:auto;border-radius:0}
  .hero__copy{max-width:100%}}
.pagehead{padding-block:clamp(7rem,12vh,9rem) 6rem}
.about-page .h2{font-size:2.25rem}
[dir="rtl"] .about-page .h2{font-size:2.05rem}
.pagehead:not(.pagehead--run-on){min-height:100vh;min-height:100svh;
  display:grid;align-content:center}
@media (max-width:900px){.pagehead:not(.pagehead--run-on){min-height:0}
  .pagehead{padding-block:clamp(7rem,14vh,9rem) 3rem}}
.is-curtain-riding *{animation-play-state:paused !important}
.pagehead--run-on{padding-block-end:clamp(4rem,8vw,7rem)}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.pillar{padding:1.6rem 1.4rem}
.pillar .pillar__ico{display:block;margin:0 0 1.05rem;font-size:0;
  color:var(--green)}
.pillar__ico svg{display:block;width:1.9rem;height:1.9rem}
.pillar__ico svg *{fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.pillar b{display:block;font-size:1.02rem;font-weight:600}
.pillar span{display:block;font-size:.9rem;color:var(--ink-2);margin-block-start:.4rem;line-height:1.55}
@media (max-width:900px){.pillars{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.pillars{grid-template-columns:1fr}}
.statement{max-width:min(62rem,88vw);margin-inline:auto;text-align:center}
.w-hl{color:#80897E}
.tagline{font-size:2.16rem;font-weight:600;text-align:center;
  letter-spacing:-.02em;margin-block-start:.4rem}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,4rem);
  align-items:start}
.split--wide{grid-template-columns:1.05fr .95fr}
.split--specs{align-items:start}  
.split--pair{align-items:stretch}   
.split--mid{align-items:center}
.split__aside{margin:0;padding-inline-start:clamp(1rem,1.6vw,1.6rem);
  border-inline-start:2px solid var(--line)}
@media (max-width:900px){
  .split__aside{border-inline-start:0;padding-inline-start:0}
}
@media (max-width:900px){.split--mid{align-items:start}}
.speccard{padding:clamp(1.4rem,2.2vw,2rem)}
.speccard__t{font-size:.94rem;font-weight:600;letter-spacing:.01em;color:var(--green);
  margin:0 0 .9rem;padding-block-end:.85rem;border-block-end:1px solid var(--line)}
.cyc{position:relative;display:inline-block;margin-block-start:1.2rem;
  padding-block-end:1.5rem}
.cyc__row{list-style:none;margin:0;padding:0;
  display:flex;align-items:center;gap:.55rem}
.cyc__row li{display:flex;align-items:center;gap:.55rem}
.cyc__row li span{display:inline-flex;align-items:center;
  padding:.6rem 1.05rem;border-radius:999px;
  background:var(--wash-2);border:1px solid var(--line);
  font-size:1rem;font-weight:500;line-height:1.25;color:var(--ink);
  transition:transform 240ms var(--ease-out),background-color 240ms var(--ease-out)}
.cyc__row li:not(:last-child)::after{content:"";flex:0 0 auto;
  inline-size:1.15rem;block-size:.62rem;
  background:currentColor;color:var(--green);opacity:.55;
  -webkit-mask:var(--loop-arrow) no-repeat center/contain;
          mask:var(--loop-arrow) no-repeat center/contain}
[dir="rtl"] .cyc__row li:not(:last-child)::after{transform:scaleX(-1)}
.cyc__back{position:absolute;inset-inline:2.2rem;inset-block-end:.45rem;
  block-size:.95rem;
  border:2px solid var(--green);border-block-start:0;
  border-end-start-radius:.75rem;border-end-end-radius:.75rem;
  opacity:.5}
.cyc__back::after{content:"";position:absolute;
  inset-block-start:-7px;inset-inline-start:-5px;
  inline-size:0;block-size:0;
  border-inline-start:5px solid transparent;
  border-inline-end:5px solid transparent;
  border-block-end:7px solid var(--green)}
@media (hover:hover){
  .cyc:hover .cyc__row li span{background:var(--wash)}
  .cyc__row li span:hover{transform:translateY(-2px);background:#DFE9DB}
}
@media (max-width:600px){
  .cyc__row li span{font-size:.88rem;padding:.5rem .8rem}
  .cyc__back{inset-inline:1.8rem}
}
.loop{list-style:none;margin:1.2rem 0 0;padding:0;
  display:flex;flex-wrap:wrap;align-items:stretch;gap:.55rem}
.loop li{display:flex;align-items:center;gap:.55rem}
.loop li span{display:inline-flex;align-items:center;
  padding:.6rem 1.05rem;border-radius:999px;
  background:var(--wash-2);border:1px solid var(--line);
  font-size:1rem;font-weight:500;line-height:1.25;color:var(--ink);
  transition:transform 240ms var(--ease-out),background-color 240ms var(--ease-out)}
.loop li:last-child span{background:transparent;border-style:dashed;color:var(--green);
  border-color:currentColor}
.loop li{--arrow:1}
.loop li:not(:last-child)::after{content:"";flex:0 0 auto;inline-size:1.15rem;block-size:.62rem;
  background:currentColor;color:var(--green);opacity:calc(.55 * var(--arrow));
  transform:scaleX(var(--arrow));transform-origin:0 50%;
  -webkit-mask:var(--loop-arrow) no-repeat center/contain;
          mask:var(--loop-arrow) no-repeat center/contain}
[dir="rtl"] .loop li:not(:last-child)::after{transform-origin:100% 50%}
[dir="rtl"] .loop li:not(:last-child)::after{transform:scaleX(calc(-1 * var(--arrow)))}
@media (hover:hover) and (pointer:fine){
  .loop:hover li span{background:var(--wash)}
  .loop li span:hover{transform:translateY(-2px);background:#DFE9DB}
}
@media (max-width:600px){.loop li span{font-size:.92rem;padding:.5rem .85rem}}
.deepstate{background:var(--deep);color:var(--on-d)}
.deepstate .eyebrow{color:#9FCF9C}
.deepstate__grid{display:grid;grid-template-columns:1.25fr .75fr;
  gap:clamp(2rem,5vw,5rem);align-items:end}
.deepstate__h{color:var(--on-d);margin-block-start:.7rem;
  font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.08;letter-spacing:-.018em}
.deepstate__p{color:rgba(240,242,239,.74) !important;margin:0;
  padding-block-end:.4rem;border-inline-start:2px solid rgba(159,207,156,.35);
  padding-inline-start:clamp(1rem,1.6vw,1.6rem)}
@media (max-width:900px){
  .deepstate__grid{grid-template-columns:1fr;gap:1.8rem;align-items:start}
  .deepstate__p{border-inline-start:0;padding-inline-start:0}
}
.speccard .eyebrow{margin-block-end:.95rem}
.speccard .ticks{margin-block-start:0 !important}
.speccard .lede{font-size:1rem}
.speccard .lede + .lede{margin-block-start:1rem !important}
ul.rail-list{position:relative;--rail-x:.52rem;--node:.62rem;
  padding-inline-start:1.85rem;gap:.72rem}
ul.rail-list li{position:relative;padding-inline-start:0}
ul.rail-list li::before{display:none}
ul.rail-list .rail{position:absolute;inset-block:.72rem;
  inset-inline-start:calc(var(--rail-x) - 1px);
  width:2px;border-radius:2px;background:rgba(23,129,28,.18)}
ul.rail-list .rail i{position:absolute;inset:0;border-radius:2px;background:var(--green);
  transform-origin:top center;transform:scaleY(1)}
ul.rail-list .node{position:absolute;
  inset-inline-start:calc(var(--rail-x) - (var(--node) / 2) - 1.85rem);
  inset-block-start:.42rem;
  width:var(--node);height:var(--node);border-radius:50%;background:var(--green);
  box-shadow:0 0 0 2px rgba(23,129,28,.15);
  transition:transform .25s var(--ease-out)}
ul.rail-list .node::after{content:"";position:absolute;inset:-2px;border-radius:50%;
  border:2px solid rgba(23,129,28,.5);opacity:0;pointer-events:none}
ul.rail-list.is-armed .rail i{transform:scaleY(0)}
ul.rail-list.is-armed .node{opacity:0;transform:scale(.2);transition:none}
ul.rail-list.is-armed .txt{opacity:0}
ul.rail-list.is-armed li.is-on .node::after{animation:rail-ring .95s ease-out 1 forwards}
@keyframes rail-ring{
  0%{transform:scale(1);opacity:.6}
  100%{transform:scale(3.4);opacity:0}
}
@media (hover:hover) and (pointer:fine){
  ul.rail-list li:hover .node{transform:scale(1.32)}
  ul.rail-list li:hover .txt{color:var(--ink)}
}
@media (prefers-reduced-motion:reduce){
  ul.rail-list.is-armed .rail i{transform:none}
  ul.rail-list.is-armed .node{opacity:1;transform:none}
  ul.rail-list.is-armed .txt{opacity:1}
}
.speccard .ticks li{font-size:.96rem}
@media (max-width:900px){.speccard{padding:1.3rem}}
.split .ph{aspect-ratio:4/3;border-radius:1.75rem}
@media (max-width:900px){.split,.split--wide{grid-template-columns:1fr;gap:2rem}}
.applist{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1.8rem}
.applist span{font-size:.85rem;color:var(--ink-2);background:var(--paper);border-radius:999px;
  padding:.35rem .9rem;box-shadow:0 1px 2px rgba(27,31,28,.05);
  transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out),
             color 220ms var(--ease-out)}
.ticks{display:flex;flex-direction:column;gap:.85rem;margin-block-start:1.8rem}
.ticks li{position:relative;padding-inline-start:1.5rem;font-size:1rem;
  color:var(--ink-2);line-height:1.6}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.62rem;
  width:.44rem;height:.44rem;border-radius:50%;background:var(--green)}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-block-start:3rem}
@media (max-width:900px){.prods{grid-template-columns:1fr}}
.prod{overflow:hidden;display:flex;flex-direction:column}
.prod .ph{border-radius:0;aspect-ratio:4/3}
.prod__b{padding:1.5rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.prod h3{font-size:1.18rem}
.prod__k{font-size:.78rem;color:var(--clay-text);font-weight:500}
.prod p{font-size:.94rem;line-height:1.65;color:var(--ink-2)}
.prod__cta{margin-block-start:auto;padding-block-start:1.2rem;font-size:.9rem;color:var(--green);
  font-weight:500;display:inline-flex;align-items:center;gap:.4rem}
.prod:hover .prod__cta em{transform:translateX(.25rem)}
.prod__cta em{font-style:normal;transition:transform 200ms var(--ease-out)}
.carousel{background:var(--wash);border-radius:0;overflow:hidden;
  min-height:100vh;min-height:100svh;display:grid;align-content:center;
  padding-block:clamp(3rem,7vh,5rem)}
.carousel__head{display:flex;align-items:flex-start;gap:2rem;
  width:var(--shell);margin-inline:auto;margin-block-end:clamp(1.8rem,4vh,2.8rem)}
.carousel__nav{display:flex;gap:.6rem;margin-inline-start:auto;flex:none}
.cbtn{width:2.88rem;height:2.88rem;border-radius:999px;border:1px solid rgba(27,31,28,.10);
  display:grid;place-items:center;background:#fff;color:var(--ink);
  box-shadow:0 1px 2px rgba(27,31,28,.05),0 10px 20px -14px rgba(27,31,28,.35);
  transition:background 180ms var(--ease-out),color 180ms var(--ease-out),
             transform 160ms var(--ease-out),opacity 180ms var(--ease-out)}
.cbtn:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.cbtn:hover{background:var(--ink);color:#fff}}
.cbtn svg{width:1.06rem;height:1.06rem;pointer-events:none}
.cbtn svg path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .cbtn svg{transform:scaleX(-1)}
.carousel__vp{overflow:hidden;padding-block-end:10px;
  padding-inline:calc((100% - var(--shell)) / 2)}
.carousel__track{display:flex;gap:1.5rem;will-change:transform}
.capp,.prod,.art__body,.pillar,.speccard{
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFDFB 54%,#F1F6EF 100%);
  border:1px solid rgba(27,31,28,.05);
  border-radius:var(--r-card);
  box-shadow:0 1px 1px rgba(27,31,28,.03),
             0 .5rem 1.1rem -.6rem rgba(27,31,28,.10),
             0 2.1rem 3.6rem -2rem rgba(27,31,28,.26);
  transition:transform 420ms var(--ease-out),box-shadow 420ms var(--ease-out);
}
@media (hover:hover) and (pointer:fine){
  .prod:hover,.art:hover .art__body,.capp:hover,.pillar:hover{
    transform:translateY(-.45rem);
    box-shadow:0 1px 1px rgba(27,31,28,.03),
               0 .9rem 1.6rem -.75rem rgba(27,31,28,.12),
               0 3rem 5rem -2.4rem rgba(27,31,28,.30);
  }
}
.capp{
  flex:0 0 auto;width:24rem;
  padding:1.6rem;display:flex;flex-direction:column;gap:.8rem;min-height:20rem;
}
.capp__n{font-family:var(--logo);font-size:.74rem;font-weight:600;letter-spacing:.08em;
  color:var(--green);direction:ltr;text-align:start;align-self:start;
  background:rgba(23,129,28,.09);border-radius:999px;padding:.3rem .62rem;line-height:1}
.capp h3{font-size:1.06rem;line-height:1.3}
.capp p{font-size:.92rem;line-height:1.6;color:var(--ink-2)}
.capp__ico{margin-block-start:auto;display:grid;place-items:center;padding-block-start:1rem;
  -webkit-mask-image:linear-gradient(180deg,#000 46%,rgba(0,0,0,0) 100%);
          mask-image:linear-gradient(180deg,#000 46%,rgba(0,0,0,0) 100%)}
.capp__ico svg{width:5.25rem;height:5.25rem}
.capp__ico svg [stroke]{fill:none;stroke:var(--green);stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
@media (max-width:600px){.capp{width:78vw;min-height:18rem}}
@media (max-width:900px){
  .carousel{min-height:0;padding-block:clamp(2.5rem,6vw,4rem)}
  .carousel__vp{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none}
  .carousel__vp::-webkit-scrollbar{display:none}
  .carousel__track{transform:none !important}
  .capp{scroll-snap-align:start}
  .carousel__nav{display:none}
}
.stack{display:flex;flex-direction:column;gap:0}
.panel{position:sticky;inset-block-start:5.5rem;border-radius:var(--r-panel);
  padding:clamp(2rem,4vw,3.4rem);display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(2rem,4vw,3.4rem);align-items:center;min-height:min(84vh,45rem);transform-origin:50% 0%}
.panel + .panel{box-shadow:0 -8px 22px -14px rgba(0,0,0,.5)}
.panel--ag{background:var(--panel);color:#EDF4EA}
.panel--in{background:var(--clay-deep);color:#F6EFE9}
.panel--dk{background:var(--deep);color:var(--on-d)}
.panel--dk .eyebrow{color:#9FCF9C}
.panel .pill{border-width:1px}
.panel--ag .pill{background:#A9E3A8;border-color:#A9E3A8;color:#0D3212}
.panel--in .pill{background:#F2CB9E;border-color:#F2CB9E;color:#46250A}
.panel--dk .pill{background:#8FD98F;border-color:#8FD98F;color:#15181A}
@media (hover:hover) and (pointer:fine){
  .panel--ag .pill:hover{background:#C4EDC2;border-color:#C4EDC2;color:#0D3212}
  .panel--in .pill:hover{background:#F9DDBC;border-color:#F9DDBC;color:#46250A}
  .panel--dk .pill:hover{background:#ACE7AC;border-color:#ACE7AC;color:#15181A}
}
.panel .pill--ghost{background:transparent;color:rgba(255,255,255,.94);
  border-color:rgba(255,255,255,.34)}
@media (hover:hover) and (pointer:fine){
  .panel--ag .pill--ghost:hover{background:#A9E3A8;border-color:#A9E3A8;color:#0D3212}
  .panel--in .pill--ghost:hover{background:#F2CB9E;border-color:#F2CB9E;color:#46250A}
  .panel--dk .pill--ghost:hover{background:#8FD98F;border-color:#8FD98F;color:#15181A}
}
.stack--products{gap:clamp(2.6rem,5vw,4.6rem)}
.stack--products .panel{position:relative;inset-block-start:auto;
  padding:clamp(1.7rem,2.6vw,2.3rem);
  align-items:start;min-height:0;gap:clamp(1.8rem,3.2vw,3rem);
  grid-template-columns:1.08fr .92fr}
.stack--products .panel + .panel{box-shadow:none}
.stack--products .panel{
  box-shadow:0 1px 2px rgba(15,30,18,.08), 0 18px 38px -28px rgba(15,30,18,.55);
  transition:transform 420ms var(--ease-out), box-shadow 420ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){
  .stack--products .panel:hover{transform:translateY(-6px);
    box-shadow:0 2px 4px rgba(15,30,18,.10), 0 30px 60px -30px rgba(15,30,18,.62)}
  .stack--products .panel:hover .panel__ph img{transform:scale(1.045)}
}
@media (prefers-reduced-motion: reduce){
  .stack--products .panel,
  }
.stack--products .panel{scroll-margin-block-start:7rem}
.stack--products .panel .h2{font-size:2rem;line-height:1.12}
.panel__name{letter-spacing:-.018em;margin-block-start:.5rem}
.panel__claim{margin-block-start:.6rem;font-size:1.02rem;line-height:1.4;
  font-weight:500;max-width:34ch}
.panel--ag .panel__claim{color:#9FCF9C}
.panel--in .panel__claim{color:#F1D0AA}
.panel--dk .panel__claim{color:#9FCF9C}
.panel__lede{margin-block-start:1.1rem;color:rgba(255,255,255,.82) !important;
  font-size:.98rem;line-height:1.6}
.panel__alias{margin-block-start:.85rem;font-size:.86rem;color:rgba(255,255,255,.55)}
.panel__sub{margin-block:1.45rem .2rem}
.panel__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.7rem}
.panel__chips li{font-size:.92rem;line-height:1.3;color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.1);
  border-radius:999px;padding:.42rem .9rem;
  transition:transform 220ms var(--ease-out),background-color 220ms var(--ease-out),
             border-color 220ms var(--ease-out),color 220ms var(--ease-out)}
[dir="rtl"] .panel__chips li{direction:rtl}
.panel__act{margin-block-start:1.45rem}
.panel__stats{display:flex;flex-wrap:wrap;gap:.55rem;margin-block-start:1.35rem;
  padding:0;list-style:none}
.panel__stats li{flex:1 1 7.5rem;min-inline-size:0;
  padding:.62rem .8rem;border-radius:.7rem;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}
.panel__stats b{display:block;font-size:1.12rem;line-height:1.15;font-weight:600;
  color:#fff;letter-spacing:-.01em}
.panel--in .panel__stats b{color:#FDF3E9}
.panel__stats span{display:block;margin-block-start:.2rem;font-size:.76rem;
  line-height:1.3;color:rgba(255,255,255,.66)}
[dir="rtl"] .panel__stats li{direction:rtl}
@media (max-width:600px){.panel__stats li{flex:1 1 45%}}
@media (max-width:900px){.stack--products .panel{position:static;min-height:0}}
.panel h2{color:inherit}
.panel--ag .eyebrow{color:#9FCF9C}
.panel--in .eyebrow{color:#F1D0AA}
.panel .ticks li{color:rgba(255,255,255,.8)}
.panel .ticks li::before{background:currentColor}
.panel__ph{position:relative;border-radius:1.15rem;overflow:hidden;aspect-ratio:4/3;background:rgba(255,255,255,.08)}
.panel__ph > span{display:grid;place-items:center;height:100%;padding:2rem;text-align:center;
  font-size:.86rem;color:rgba(255,255,255,.6);line-height:1.7}
.panel__ph.has > span{display:none}
@media (max-width:900px){.panel{grid-template-columns:1fr;min-height:0;position:static}}
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-block-start:3rem}
@media (max-width:900px){.arts{grid-template-columns:1fr}}
.art{display:flex}
.art__body{overflow:hidden;display:flex;flex-direction:column;width:100%}
.art .ph{aspect-ratio:16/10;border-radius:0}
.art__txt{padding:1.3rem;display:flex;flex-direction:column;gap:.6rem}
.art__meta{font-size:.8rem;color:var(--ink-3)}
.art h3{font-size:1.16rem;line-height:1.3}
.art p{font-size:.94rem;color:var(--ink-2);line-height:1.6}
.contact{background:var(--deep);color:var(--on-d)}
.contact .eyebrow{color:var(--on-d-2)}
.contact .eyebrow::before{background:var(--on-d-2)}
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);
  padding-block:clamp(4.5rem,9vw,7.5rem)}
@media (max-width:900px){.contact__grid{grid-template-columns:1fr}}
.contact h2{color:var(--on-d);font-size:2.25rem}
[dir="rtl"] .contact h2{font-size:2.05rem}
.contact__lede{color:var(--on-d-2);max-width:44ch;margin-block-start:1.4rem}
.contact dl{margin:3rem 0 0}
.contact dl div{display:flex;gap:1.4rem;padding-block:1.05rem;border-block-start:1px solid var(--line-d)}
.contact dt{font-size:.84rem;color:var(--on-d-2);width:9rem;flex:none;margin:0}
.contact dd{margin:0;font-size:.96rem}
.tbd{color:var(--on-d-2);border-block-end:1px dashed currentColor;padding-block-end:1px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1.2rem;align-content:start;min-width:0}
.form .w{grid-column:1/-1;min-width:0}
.f{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.f input,.f select,.f textarea{min-width:0;max-inline-size:100%}
.f label{font-size:.8rem;color:var(--on-d-2)}
.f input,.f textarea,.f select{
  font:inherit;font-size:.95rem;color:var(--on-d);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  border-radius:.55rem;
  padding:.7rem .85rem;
  transition:border-color 160ms var(--ease-out),background-color 160ms var(--ease-out)}
.f input::placeholder,.f textarea::placeholder{color:rgba(255,255,255,.38)}
.f input:hover,.f textarea:hover,.f select:hover{border-color:rgba(255,255,255,.34)}
.f textarea{resize:vertical;min-height:6rem}
.f input:focus-visible,.f textarea:focus-visible,.f select:focus-visible{
  outline:none;
  border-color:var(--green);
  background:rgba(255,255,255,.1);
  box-shadow:0 0 0 3px rgba(23,129,28,.35)}
.f label i{font-style:normal;color:var(--green);font-weight:600}
.form__go{grid-column:1/-1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.form__go .pill{padding-inline:1.6rem}
.form__note{font-size:.82rem;color:var(--on-d-2)}
.f select option{background:var(--deep);color:var(--on-d)}
.form .pill{justify-content:center;background:var(--on-d);border-color:var(--on-d);color:var(--deep)}
.form .pill:hover{background:#fff;border-color:#fff}
.toast{grid-column:1/-1;font-size:.84rem;color:var(--on-d-2);min-height:1.3rem}
.ft{background:var(--deep);color:var(--on-d-2);padding-block:clamp(3rem,5vw,4.5rem) 2rem;
  border-block-start:1px solid var(--line-d)}
@media (min-width:901px){
  .ft{padding-block-end:5.4rem}
}
.ft__grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:2.8rem}
@media (max-width:820px){.ft__grid{grid-template-columns:1fr 1fr;gap:2.2rem}}
.ft .mark b,.ft .mark i{color:var(--on-d)}
.ft h3{font-size:.88rem;font-weight:500;color:var(--on-d);margin-block-end:1.1rem}
.ft ul{display:flex;flex-direction:column;gap:.65rem;font-size:.9rem}
.ft a:hover{color:var(--green)}
.ft__end{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-block-start:3.5rem;
  padding-block-start:1.5rem;border-block-start:1px solid var(--line-d);font-size:.8rem}
.ft__end > :last-child{justify-self:end;text-align:end}
@media (max-width:760px){
  .ft__end{grid-template-columns:1fr;gap:.55rem;text-align:start}
  .ft__end > :last-child{justify-self:start;text-align:start}
}
[dir="rtl"] body{font-family:var(--ar);line-height:1.8}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{
  font-weight:700;              
  letter-spacing:0;             
}
[dir="rtl"] .h1{line-height:1.32;font-size:clamp(2.1rem,4.32rem,4.4rem)}
[dir="rtl"] .h2{line-height:1.36}
[dir="rtl"] .h-big{line-height:1.45;font-size:2.25rem}
[dir="rtl"] .lede{line-height:1.9;max-width:40em}
[dir="rtl"] .tagline{letter-spacing:0}
[dir="rtl"] .eyebrow{font-size:.88rem}
[dir="rtl"] .mark{direction:ltr}
[dir="rtl"] .app__n,[dir="rtl"] .art__meta{direction:ltr;text-align:start}
[dir="rtl"] .pill em,[dir="rtl"] .prod__cta em{transform:scaleX(-1);display:inline-block}
[dir="rtl"] .pill:hover em{transform:scaleX(-1) translateX(.3rem)}
[dir="rtl"] .prod:hover .prod__cta em{transform:scaleX(-1) translateX(.25rem)}
[dir="rtl"] .app::before{transform-origin:right}
[dir="rtl"] .skip{border-radius:0 0 .5rem .5rem}
[dir="rtl"] .ln > i{padding-block-end:.04em}
#lang{font-family:var(--lat);min-width:3.2rem;justify-content:center}
[dir="rtl"] #lang{font-family:var(--ar)}
@media (hover:hover) and (pointer:fine){
  .applist span:hover{transform:translateY(-2px);color:var(--ink);
    box-shadow:0 2px 3px rgba(27,31,28,.06),0 .6rem 1.1rem -.6rem rgba(27,31,28,.24)}
  .panel__chips li:hover{transform:translateY(-2px);color:#fff;
    background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}
  .mark{transition:opacity 180ms var(--ease-out)}
  .mark:hover{opacity:.72}
  .ft h3 + ul a{display:inline-block;transition:transform 180ms var(--ease-out),color 150ms var(--ease-out)}
  .ft h3 + ul a:hover{transform:translateX(.18rem)}
  [dir="rtl"] .ft h3 + ul a:hover{transform:translateX(-.18rem)}
}
.ln{display:block;overflow:hidden}
.ln > i{display:block;font-style:normal}
.fx .ln > i{transform:translateY(112%)}
.fx .up{opacity:0;transform:translateY(22px)}
.h2 > i.rise{display:block;font-style:normal}
.fx .zoom{opacity:0;transform:scale(1.04)}
.fx .stack--products .panel{opacity:0;transform:translateY(34px) scale(.985)}
.fx .stack--products .panel [data-pfx]{opacity:0;transform:translateY(14px)}
.fx 
.fx .pswipe__card{opacity:0;transform:translateY(34px) scale(.965)}
@media (max-width:600px){
  .fx .pswipe__dots{opacity:0;transform:translateY(10px)}
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;
    transition-property:opacity,color,background-color,border-color !important;
    transition-duration:120ms !important}
  .drawer{transition:none}
}
@media (max-width:900px){
  .h1{font-size:2.45rem;line-height:1.1}
  .h2{font-size:1.85rem;line-height:1.15}
  .h-big{font-size:1.6rem;line-height:1.32}
  .tagline{font-size:1.4rem}
  .lede{font-size:1rem}
  [dir="rtl"] .h1{font-size:2.15rem;line-height:1.42}
  [dir="rtl"] .h2{font-size:1.65rem;line-height:1.45}
  [dir="rtl"] .h-big{font-size:1.45rem}
  .hero__ph{height:auto;aspect-ratio:auto;min-height:calc(100svh - var(--nav-h));
    border-radius:0}
  .hero__copy{width:min(52rem,92%)}
  .hero__act{gap:.6rem;width:100%}
  .hero__copy .hero__act .pill{flex:1 1 10rem;justify-content:center}
  .stack--products .panel{display:flex;flex-direction:column;gap:0;
    align-items:stretch;
    grid-template-columns:1fr;padding:1.4rem;position:static}
  .stack--products .panel > div{display:contents}
  .panel__stats{gap:.45rem}
  .panel__stats li{flex:1 1 100%;display:flex;align-items:baseline;gap:.6rem;
    padding:.55rem .8rem}
  .panel__stats b{font-size:1.02rem}
  .panel__stats span{margin-block-start:0;margin-inline-start:auto;text-align:end}
  .stack--products .panel__act{flex-direction:column;align-items:stretch;gap:.6rem}
  .stack--products .panel__act .pill{justify-content:center;inline-size:100%}
  .stack--products{gap:1.6rem}
  .stack--products .panel{padding:1.3rem}
    .stack--products .panel .h2,.stack--products .panel .panel__name{font-size:1.6rem}
  .panel__name{margin-block-start:.35rem}
  .panel__claim{margin-block-start:.5rem;font-size:.97rem;line-height:1.38}
  .panel__lede{margin-block-start:.8rem;font-size:.94rem;line-height:1.55}
  .panel__stats{margin-block-start:1rem;gap:.42rem}
  .panel__stats li{padding:.5rem .8rem}
  .panel__stats b{font-size:1rem}
  .panel__stats span{font-size:.74rem}
  .panel__stats li{flex:1 1 calc(50% - .21rem)}
  .panel__stats li:last-child{flex-basis:100%}
    .stack--products .panel__act{order:1;margin-block-start:1.5rem}
  .stack--products .panel .h2{font-size:1.7rem}
  .panel__sub{margin-block:1.3rem .2rem}
  .panel__lede{font-size:1rem}
  .nav{background:color-mix(in srgb,var(--wash) 94%,transparent);
    backdrop-filter:blur(14px)}
  .has-hero .hero{padding-block-start:var(--nav-h)}
  .sec{padding-block:2.8rem}
  .speccard{padding:1.25rem}
}
@media (max-width:520px){
  .h1{font-size:2.1rem}
  [dir="rtl"] .h1{font-size:1.9rem}
  .h2{font-size:1.7rem}
}
.prose{max-width:68ch;font-size:1.05rem;line-height:1.75;color:var(--ink-2)}
[dir="rtl"] .prose{line-height:1.95}
.prose > * + *{margin-block-start:1.15rem}
.prose h2{font-size:1.6rem;color:var(--ink);line-height:1.2;margin-block-start:2.4rem}
.prose h3{font-size:1.25rem;color:var(--ink);margin-block-start:2rem}
.prose a{color:var(--green);text-decoration:underline;text-underline-offset:.2em}
.prose ul,.prose ol{padding-inline-start:1.4rem;display:flex;flex-direction:column;gap:.5rem}
.prose li{padding-inline-start:.2rem}
.prose blockquote{margin:2rem 0;padding-inline-start:1.2rem;
  border-inline-start:3px solid var(--green);color:var(--ink);font-size:1.15rem}
.prose strong{color:var(--ink);font-weight:600}
#material .ph{aspect-ratio:16/9}
.prod__link{display:flex;flex-direction:column;flex:1;color:inherit}
.prod__link:hover .prod__cta{color:var(--green-d)}
[id]{scroll-margin-block-start:calc(var(--nav-h) + 1.2rem)}
html{scroll-padding-block-start:calc(var(--nav-h) + 1.2rem)}
.contact dd .wa{margin-inline-start:.6rem;padding:.1rem .5rem;border-radius:999px;
  border:1px solid currentColor;font-size:.78rem;opacity:.75}
.contact dd .wa:hover{opacity:1}
.mark b,.mark i{white-space:nowrap}
.pill,.pill span,.btn{white-space:nowrap}
@media (max-width:600px){
  .mark i{font-size:max(calc(var(--ms,1.25rem)*.3), .56rem);letter-spacing:.14em}
  .burger{width:2.95rem;height:2.95rem}
  .nav .mark{padding-block:.42rem}
  .ft h3 + ul a{display:block;padding-block:.6rem}
  .ft h3 + ul li{margin-block:0}
  .hero__act .pill{padding-inline:1.35rem}
}
@media (max-width:600px) and (max-height:730px){
  .stack--products .panel{padding:.95rem}
    .stack--products .panel .h2,.stack--products .panel .panel__name{font-size:1.32rem}
  .panel__claim{font-size:.86rem;margin-block-start:.3rem}
  .panel__lede{margin-block-start:.5rem;font-size:.88rem;line-height:1.45}
  .panel__stats{margin-block-start:.6rem}
  .panel__stats li{padding:.34rem .6rem}
  .panel__stats b{font-size:.88rem}
  .panel__sub{margin-block:.7rem .1rem}
  .panel__chips li{font-size:.76rem;padding:.26rem .58rem}
  .stack--products .panel__act{margin-block-start:.75rem}
  .stack--products .panel__act .pill{padding-block:.6rem;font-size:.86rem}
}
.apps{margin-block-start:0}
.apps summary{list-style:none;cursor:default}
.apps summary::-webkit-details-marker{display:none}
.apps summary i{display:none}
@media (min-width:601px){ .apps{display:contents} }
@media (max-width:600px){
  .apps summary{cursor:pointer;display:flex;align-items:center;gap:.6rem;
    padding-block:.55rem;margin-block-start:.9rem;
    border-block-start:1px solid rgba(255,255,255,.14)}
  .apps summary .panel__sub{margin:0}
  .apps summary i{display:inline-grid;place-items:center;font-style:normal;
    inline-size:1.45rem;block-size:1.45rem;border-radius:999px;
    background:rgba(255,255,255,.14);font-size:.76rem;font-weight:600;
    color:rgba(255,255,255,.92)}
  .apps summary::after{content:"";margin-inline-start:auto;inline-size:.62rem;
    block-size:.62rem;border-inline-end:1.8px solid rgba(255,255,255,.6);
    border-block-end:1.8px solid rgba(255,255,255,.6);
    transform:rotate(45deg) translate(-.1em,-.1em);
    transition:transform 220ms var(--ease-out)}
  .apps[open] summary::after{transform:rotate(225deg) translate(-.05em,-.05em)}
  .apps .panel__chips{margin-block-start:.7rem}
}
.pswipe{display:none}
.prod1{min-block-size:100vh;padding-block:clamp(5.5rem,13vw,8rem) clamp(3rem,9vw,5rem)}
.prod1.panel--ag{background:var(--panel);color:#EDF4EA}
.prod1.panel--in{background:var(--clay-deep);color:#F6EFE9}
.prod1.panel--dk{background:var(--deep);color:var(--on-d)}
.prod1__in{max-inline-size:44rem}
.prod1__back{display:inline-flex;align-items:center;gap:.5rem;
  color:rgba(255,255,255,.7);text-decoration:none;font-size:.92rem;
  transition:color 160ms var(--ease-out)}
.prod1__back:hover{color:#fff}
.prod1__back em{font-style:normal}
[dir="rtl"] .prod1__back em{transform:scaleX(-1);display:inline-block}
.prod1__n{margin-block-start:2.2rem;color:rgba(255,255,255,.62)}
.prod1 .panel--ag .prod1__n{color:#9FCF9C}
.prod1__name{margin:.5rem 0 0;font-size:clamp(2rem,7vw,2.9rem);line-height:1.1;
  font-weight:600;letter-spacing:-.02em;color:inherit}
.prod1__claim{margin:.7rem 0 0;font-size:clamp(1rem,3.6vw,1.15rem);line-height:1.4;
  font-weight:500;max-width:32ch}
.panel--ag .prod1__claim{color:#9FCF9C}
.panel--in .prod1__claim{color:#F1D0AA}
.panel--dk .prod1__claim{color:#9FCF9C}
.prod1__ph{margin-block-start:1.9rem;border-radius:var(--r-card);overflow:hidden;
  aspect-ratio:4/3;background:var(--wash-2)}
.prod1__ph img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.prod1__says{margin-block-start:1.5rem;font-size:1rem;line-height:1.65;
  color:rgba(255,255,255,.82);max-width:46ch}
.prod1__stats{list-style:none;margin:1.6rem 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:.55rem}
.prod1__stats li{flex:1 1 9rem;padding:.8rem .95rem;border-radius:.8rem;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}
.prod1__stats b{display:block;font-size:1.2rem;font-weight:600;color:#fff;line-height:1.15}
.panel--in .prod1__stats b{color:#FDF3E9}
.prod1__stats span{display:block;margin-block-start:.22rem;font-size:.78rem;
  color:rgba(255,255,255,.66)}
.prod1__sub{margin-block:2rem .1rem;color:rgba(255,255,255,.62)}
.panel--ag .prod1__sub{color:#9FCF9C}
.prod1__uses{list-style:none;margin:.75rem 0 0;padding:0;
  display:flex;flex-wrap:wrap;gap:.5rem}
.prod1__uses li{font-size:.92rem;line-height:1.3;color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.1);
  border-radius:999px;padding:.44rem .9rem}
[dir="rtl"] .prod1__uses li{direction:rtl}
.prod1__act{display:flex;flex-wrap:wrap;gap:.6rem;margin-block-start:2.2rem}
.prod1 .pill{border-width:1px}
.panel--ag .prod1__act .pill{background:#A9E3A8;border-color:#A9E3A8;color:#0D3212}
.panel--in .prod1__act .pill{background:#F2CB9E;border-color:#F2CB9E;color:#46250A}
.panel--dk .prod1__act .pill{background:#8FD98F;border-color:#8FD98F;color:#15181A}
.prod1__act .pill--ghost{background:transparent;color:rgba(255,255,255,.94);
  border-color:rgba(255,255,255,.34)}
.prod1__next{display:flex;flex-direction:column;gap:.2rem;
  margin-block-start:3.2rem;padding-block-start:1.4rem;
  border-block-start:1px solid rgba(255,255,255,.16)}
.prod1__next a{display:flex;align-items:center;gap:.6rem;padding-block:.75rem;
  color:rgba(255,255,255,.78);text-decoration:none;font-size:1rem;
  transition:color 160ms var(--ease-out)}
.prod1__next a:hover{color:#fff}
.prod1__next em{margin-inline-start:auto;font-style:normal;opacity:.6}
[dir="rtl"] .prod1__next em{transform:scaleX(-1)}
@media (max-width:600px){
  .prod1__act{flex-direction:row;flex-wrap:wrap}
  .prod1__act .pill{flex:1 1 auto;justify-content:center}
}
@media (max-width:600px){
  .pagehead:not(.pagehead--run-on){
    min-height:100svh;
    display:grid;align-content:center;
    padding-block:calc(var(--nav-h) + 1rem) 2.5rem}
  .pswipe{display:flex;flex-direction:column;justify-content:center;
    min-block-size:100svh;padding-block:calc(var(--nav-h) + 1rem) clamp(1.5rem,6vw,2.5rem)}
  .stack--wrap{display:none}
  .products-page{scroll-snap-type:y mandatory}
  .products-page .pagehead,
  .products-page .pswipe,
  .products-page .ft{scroll-snap-align:start;scroll-snap-stop:always}
}
@media (max-width:600px){
  .pswipe__track{display:flex;gap:.8rem;overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-inline:8vw;scroll-padding-inline:8vw;
    padding-block:.4rem;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    overscroll-behavior-x:contain}
  .pswipe__track::-webkit-scrollbar{display:none}
  .pswipe__card{flex:0 0 84%;scroll-snap-align:center;
    display:flex;flex-direction:column;
    min-block-size:min(66svh,34rem);
    padding:1.5rem 1.15rem 1.15rem;border-radius:var(--r-panel);
    color:#fff;text-decoration:none;
    box-shadow:0 1px 2px rgba(15,30,18,.10),0 18px 38px -26px rgba(15,30,18,.6);
    transition:transform 260ms var(--ease-out)}
  .pswipe__card:active{transform:scale(.982)}
  .pswipe__say{text-align:center;padding-inline:.2rem}
  .pswipe__n{display:block;font-size:.78rem;font-weight:600;letter-spacing:.1em;opacity:.55}
  .pswipe__t{margin:.5rem 0 0;font-size:1.5rem;line-height:1.16;
    font-weight:600;letter-spacing:-.018em;color:inherit}
  .pswipe__d{margin:.55rem 0 0;font-size:.92rem;line-height:1.45;
    color:rgba(255,255,255,.76)}
  .panel--in .pswipe__d{color:rgba(255,255,255,.8)}
  .pswipe__ph{flex:1;margin-block-start:1.15rem;min-block-size:0;
    border-radius:calc(var(--r-panel) - .55rem);overflow:hidden;
    background:rgba(0,0,0,.22)}
  .pswipe__ph img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
  .pswipe__dots{display:flex;align-self:center;align-items:center;gap:.45rem;
    margin-block-start:1.5rem;padding:.55rem .8rem;border-radius:999px;
    background:var(--wash-2)}
  .pswipe__dots button{inline-size:.42rem;block-size:.42rem;padding:0;border:0;
    border-radius:999px;background:var(--ink-3);opacity:.42;cursor:pointer;
    transition:inline-size 300ms var(--ease-out),opacity 300ms var(--ease-out),
               background-color 300ms var(--ease-out)}
  .pswipe__dots button.on{inline-size:1.5rem;opacity:1;background:var(--green)}
}
@media (prefers-reduced-motion: reduce){
  .pswipe__track{scroll-behavior:auto}
  .pswipe__dots button{transition:none}
}
@media (max-width:600px){
  .pagehead:not(.pagehead--run-on) .h1{font-size:clamp(2.6rem,13vw,3.6rem);line-height:1.02}
  .pagehead:not(.pagehead--run-on) .lede{font-size:1.05rem;line-height:1.55;max-width:26ch}
}
@media (max-width:600px){
  .contact .h2{font-size:1.85rem;line-height:1.14}
  .contact__lede{margin-block-start:.8rem;font-size:.97rem;line-height:1.55}
  .contact__tbd{margin-block-start:.7rem;font-size:.9rem;color:var(--on-d-2)}
  .contact .contact__dl{display:grid;grid-template-columns:1fr 1fr;
    gap:1rem;margin-block-start:1.1rem}
  .contact .contact__dl div{display:block;gap:0;margin:0;padding-block:0;
    border-block-start:0}
  .contact .contact__dl dt{margin-block-end:.15rem;font-size:.76rem;line-height:1.35}
  .contact .contact__dl dd{margin:0;font-size:.92rem;line-height:1.4}
  .contact .contact__dl dd a{display:inline-block;padding-block:.22rem;min-block-size:1.5rem}
  .form{gap:.85rem}
  .form .f{margin:0}
  .form .f--phone-wide{grid-column:1/-1}
  .contact__grid{gap:2rem}
  .form textarea{min-block-size:6.2rem}
}
@media (max-width:600px){
  .loop{flex-direction:column;align-items:center;gap:.75rem}
  .loop li{flex-direction:column;align-items:center;gap:.75rem}
  .loop li span{justify-content:center;text-align:center;
    padding:.5rem 1.1rem;font-size:.97rem}
  .loop li:not(:last-child)::after{
    inline-size:.7rem;block-size:.95rem;margin-inline:auto;margin-block:0;
    -webkit-mask:var(--loop-arrow-down) no-repeat center/contain;
            mask:var(--loop-arrow-down) no-repeat center/contain;
    transform:scaleY(var(--arrow));transform-origin:50% 0}
  [dir="rtl"] .loop li:not(:last-child)::after{
    transform:scaleY(var(--arrow));transform-origin:50% 0}
}
.scrollcue{position:absolute;inset-inline-start:50%;inset-block-end:clamp(1.6rem,5vh,2.8rem);
  translate:-50% 0;
  inline-size:1.45rem;block-size:2.35rem;border-radius:999px;
  border:1px solid currentColor;color:var(--ink-3);opacity:.5;
  display:grid;justify-items:center;padding-block-start:.42rem;
  transition:opacity 420ms var(--ease-out),translate 420ms var(--ease-out);
  cursor:default}
.scrollcue i{display:block;inline-size:1.5px;block-size:.42rem;border-radius:2px;
  background:currentColor;
  animation:cuedrop 2.1s var(--ease-out) infinite}
@keyframes cuedrop{
  0%   {transform:translateY(0);opacity:0}
  22%  {opacity:1}
  70%  {transform:translateY(.72rem);opacity:0}
  100% {transform:translateY(.72rem);opacity:0}
}
.has-scrolled .scrollcue{opacity:0;translate:-50% .4rem;pointer-events:none}
.scrollcue.is-tappable{cursor:pointer}
@media (hover:hover){ .scrollcue.is-tappable:hover{opacity:.85} }
.pagehead:not(.pagehead--run-on){position:relative}
@media (prefers-reduced-motion: reduce){
  .scrollcue i{animation:none;transform:translateY(.36rem)}
}
.ft__tax{color:var(--on-d-2)}
.ft__by{color:var(--on-d-2)}
.ft__by a{display:inline-block;line-height:0;vertical-align:-.28em;
  opacity:.7;transition:opacity 160ms var(--ease-out)}
.ft__by a:hover,.ft__by a:focus-visible{opacity:1}
.ft__by img{inline-size:auto;block-size:1.05em;display:block}
.ft__tax b{font-weight:500;color:var(--on-d)}
@media (min-width:601px){
  .pswipe{display:block;padding-block:clamp(1rem,3vw,2rem) clamp(4rem,9vw,7rem)}
  .pswipe__track{display:grid;grid-template-columns:repeat(3,1fr);
    gap:clamp(1rem,2vw,1.6rem);
    inline-size:var(--shell);margin-inline:auto;
    overflow:visible;scroll-snap-type:none;padding:0}
  .pswipe__card{flex:none;scroll-snap-align:none;
    display:flex;flex-direction:column;min-block-size:0;
    padding:1.5rem 1.35rem 1.35rem;border-radius:var(--r-panel);
    color:#fff;text-decoration:none;
    box-shadow:0 1px 2px rgba(15,30,18,.08),0 20px 40px -30px rgba(15,30,18,.55);
    transition:transform 300ms var(--ease-out),box-shadow 300ms var(--ease-out)}
  @media (hover:hover){
    .pswipe__card:hover{transform:translateY(-6px);
      box-shadow:0 2px 5px rgba(15,30,18,.10),0 34px 60px -32px rgba(15,30,18,.62)}
    .pswipe__card:hover .pswipe__ph img{transform:scale(1.05)}
    .pswipe__card:hover .pswipe__go em{transform:translateX(.25rem)}
  }
  .pswipe__say{text-align:start}
  .pswipe__n{display:block;font-size:.76rem;font-weight:600;letter-spacing:.1em;opacity:.55}
  .pswipe__t{margin:.45rem 0 0;font-size:1.42rem;line-height:1.16;font-weight:600;
    letter-spacing:-.018em;color:inherit}
  .pswipe__d{margin:.5rem 0 0;font-size:.93rem;line-height:1.5;
    color:rgba(255,255,255,.76)}
  .pswipe__ph{margin-block-start:1.1rem;aspect-ratio:4/3;
    border-radius:calc(var(--r-panel) - .55rem);overflow:hidden;
    background:rgba(0,0,0,.22)}
  .pswipe__ph img{inline-size:100%;block-size:100%;object-fit:cover;display:block;
    transition:transform 520ms var(--ease-out)}
  .pswipe__dots{display:none}
}
.pswipe__stats{display:none}
@media (min-width:601px){
  .pswipe__stats{display:flex;flex-wrap:wrap;gap:.4rem;
    margin:1.05rem 0 0;padding:0;list-style:none}
  .pswipe__stats li{flex:1 1 0;min-inline-size:0;
    padding:.5rem .65rem;border-radius:.6rem;
    background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}
  .pswipe__stats b{display:block;font-size:.95rem;font-weight:600;color:#fff;
    line-height:1.15;white-space:nowrap}
  .panel--in .pswipe__stats b{color:#FDF3E9}
  .pswipe__stats span{display:block;margin-block-start:.15rem;font-size:.68rem;
    line-height:1.3;color:rgba(255,255,255,.62)}
}
.pswipe__go{display:none}
@media (min-width:601px){
  .pswipe__go{display:inline-flex;align-items:center;gap:.45rem;
    margin-block-start:auto;padding-block-start:1.15rem;
    font-size:.92rem;font-weight:500;color:rgba(255,255,255,.9)}
  .pswipe__go em{font-style:normal;transition:transform 220ms var(--ease-out)}
  [dir="rtl"] .pswipe__go em{transform:scaleX(-1)}
}
@media (min-width:601px){
  .products-page .pagehead:not(.pagehead--run-on){
    min-height:0;
    padding-block:var(--nav-h) 0}
  .products-page .pagehead .eyebrow{margin-block-end:.2rem}
  .products-page .pagehead .h1{font-size:clamp(2.1rem,3.4vw,3.1rem);line-height:1.05}
  .products-page .pagehead .lede{margin-block-start:.8rem;font-size:1rem;max-width:44ch}
  .products-page .scrollcue{display:none}
  .pswipe{padding-block:clamp(.7rem,1.8vh,1.4rem) clamp(2.5rem,6vw,4rem)}
  .pswipe__track{max-inline-size:100%;gap:1rem}
  .pswipe__ph{aspect-ratio:4/3;margin-block-start:.45rem;
    max-inline-size:83%;margin-inline:auto}
  .products-page .pagehead__lede{margin-block-start:.6rem}
  .pswipe__card{padding:.8rem .95rem .6rem}
  .pswipe__stats{margin-block-start:.85rem;gap:.35rem}
  .pswipe__stats li{padding:.42rem .55rem}
  .pswipe__stats b{font-size:.9rem}
  .pswipe__go{padding-block-start:.85rem}
}
@media (min-width:601px) and (max-height:1500px){
  .products-page .pagehead .h1{font-size:clamp(1.55rem,2.1vw,1.95rem)}
  .products-page .pagehead .eyebrow{margin-block-end:.3rem}
  .products-page .pagehead .lede{font-size:.9rem;margin-block-start:.6rem}
  .pswipe__d{font-size:.88rem;line-height:1.4}
  .pswipe__t{font-size:1.28rem}
  .pswipe__stats{margin-block-start:.55rem}
  .pswipe__stats b{font-size:.85rem}
  .pswipe__stats span{font-size:.64rem}
  .pswipe__go{padding-block-start:.8rem;font-size:.88rem}
  .pswipe{padding-block:clamp(.9rem,2.6vh,2rem) clamp(2rem,4vw,3rem)}
  .products-page .pagehead__lede{margin-block-start:.5rem}
  .products-page .pagehead .lede{font-size:.8rem;line-height:1.4}
  .pswipe__stats{margin-block-start:.35rem;gap:.3rem}
  .pswipe__stats li{flex:1 1 calc(50% - .3rem);min-inline-size:0;padding:.42rem .6rem}
  .pswipe__stats b{font-size:.96rem;line-height:1.1}
  .pswipe__stats span{font-size:.6rem;margin-block-start:.22rem}
  .pswipe__act{padding-block-start:.3rem}
}
.pswipe__card{position:relative}
.pswipe__t .pswipe__main{color:inherit;text-decoration:none}
.pswipe__t .pswipe__main::after{content:"";position:absolute;inset:0;z-index:1}
.pswipe__sheet{position:relative;z-index:2}
.pswipe__act{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;
  margin-block-start:auto}
.pswipe__sheet{display:none}
@media (min-width:601px){
  .pswipe__act{padding-block-start:.75rem}
  .pswipe__go{margin-block-start:0;padding-block-start:0}
  .pswipe__sheet{display:inline-flex;align-items:center;gap:.4rem;
    margin-inline-start:auto;
    font-size:.88rem;font-weight:500;text-decoration:none;
    color:rgba(255,255,255,.72);
    border-block-end:1px solid rgba(255,255,255,.3);
    transition:color 180ms var(--ease-out),border-color 180ms var(--ease-out)}
  .pswipe__sheet em{font-style:normal}
  .pswipe__sheet:hover{color:#fff;border-block-end-color:#fff}
  [dir="rtl"] .pswipe__sheet{margin-inline-start:auto}
}
.pswipe__card,
.pswipe__card.panel--ag,
.pswipe__card.panel--in,
.pswipe__card.panel--dk{
  background:var(--card);
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 1px 2px rgba(27,31,28,.04),0 14px 30px -26px rgba(27,31,28,.30)}
.pswipe__card .pswipe__n{color:var(--green);opacity:1}
.pswipe__card .pswipe__t,
.pswipe__card .pswipe__t .pswipe__main{color:var(--ink)}
.pswipe__card .pswipe__d{color:var(--ink-2)}
.pswipe__card .pswipe__ph{background:var(--wash-2)}
.pswipe__card .pswipe__stats li{
  background:var(--wash);
  border:0;
  border-radius:.7rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.pswipe__card .pswipe__stats b,
.pswipe__card.panel--in .pswipe__stats b{
  color:var(--ink);
  font-weight:600;
  letter-spacing:-.012em;
  font-variant-numeric:proportional-nums}
.pswipe__card .pswipe__stats span{
  color:var(--ink-3);
  line-height:1.25}
.pswipe__card .pswipe__go{color:var(--green)}
.pswipe__card .pswipe__sheet{color:var(--ink-3);
  border-block-end-color:var(--line)}
.pswipe__card .pswipe__sheet:hover{color:var(--ink);
  border-block-end-color:var(--ink-3)}
@media (hover:hover) and (min-width:601px){
  .pswipe__card:hover{border-color:var(--wash-2);
    box-shadow:0 2px 4px rgba(27,31,28,.05),0 26px 48px -28px rgba(27,31,28,.38)}
}
.pagehead__lede{margin-block-start:1.6rem}
[dir="rtl"] .pswipe__stats b,
[dir="rtl"] .prod1__stats b{unicode-bidi:plaintext;text-align:right}
.prod1__more{margin-block-start:.9rem;font-size:.95rem;line-height:1.6;color:var(--ink-2);max-width:60ch}
@media (max-width:600px){
  .pswipe__track{
    display:flex;flex-direction:column;
    gap:.7rem;
    overflow:visible;
    scroll-snap-type:none;
    padding-inline:clamp(1rem,5vw,1.6rem);
    padding-block:0;
    scroll-padding-inline:0}
  .pswipe__card{
    flex:0 0 auto;
    display:grid;
    grid-template-columns:36% 1fr;
    grid-template-rows:auto auto;
    align-items:center;
    gap:.9rem;
    min-block-size:0;
    padding:.8rem;
    border-radius:var(--r-card, 1rem);
    scroll-snap-align:none}
  .pswipe__ph{
    grid-column:1;grid-row:1 / span 2;
    flex:none;
    margin:0;
    aspect-ratio:4/3;
    max-block-size:none;
    border-radius:.7rem;
    overflow:hidden}
  .pswipe__ph img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
  .pswipe__say{
    grid-column:2;grid-row:1;
    align-self:end;
    text-align:start;
    padding-inline:0;
    min-inline-size:0}
  .pswipe__n{font-size:.7rem;letter-spacing:.09em}
  .pswipe__t{margin-block-start:.2rem;
    font-size:1.02rem;line-height:1.2;
    min-block-size:2.4em;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    overflow:hidden}
  .pswipe__d{
    margin-block-start:.3rem;
    font-size:.8rem;line-height:1.35;
    min-block-size:2.7em;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    overflow:hidden}
  .pswipe__act{
    grid-column:2;grid-row:2;
    align-self:start;
    display:flex;
    margin:.4rem 0 0;padding:0;
    pointer-events:none}
  .pswipe__go{
    display:inline-flex;align-items:center;gap:.35rem;
    margin:0;padding:0;
    font-size:.8rem;font-weight:500}
  [dir="rtl"] .pswipe__go em{transform:scaleX(-1)}
  .pswipe__dots{display:none}
  .products-page .pagehead:not(.pagehead--run-on){
    min-height:0;display:block;
    padding-block:calc(var(--nav-h) + .5rem) 0}
  .products-page .pagehead .h1{font-size:2rem;line-height:1.08}
  .products-page .pagehead:not(.pagehead--run-on) .lede{margin-block-start:.7rem;font-size:.9rem}
  .products-page .scrollcue{display:none}
  .products-page{scroll-snap-type:none}
  .products-page .pagehead,
  .products-page .pswipe,
  .products-page .ft{scroll-snap-align:none;scroll-snap-stop:normal}
  .pswipe{min-block-size:0;justify-content:flex-start;
    padding-block:1.1rem clamp(2rem,8vw,3rem)}
}
@media (max-width:600px) and (max-height:790px){
  .products-page .pagehead:not(.pagehead--run-on){
    padding-block:calc(var(--nav-h) + .2rem) 0}
  .products-page .pagehead .h1{font-size:1.65rem}
  .products-page .pagehead .eyebrow{margin-block-end:.15rem}
  .products-page .pagehead:not(.pagehead--run-on) .lede{margin-block-start:.5rem;font-size:.82rem;line-height:1.4}
  .pswipe{padding-block:.8rem clamp(1.5rem,6vw,2.5rem)}
  .pswipe__track{gap:.5rem}
  .pswipe__card{padding:.6rem;grid-template-columns:33% 1fr;gap:.7rem}
  .pswipe__t{font-size:.94rem;min-block-size:2.3em}
  .pswipe__d{font-size:.75rem;min-block-size:2.6em}
  .pswipe__go{font-size:.75rem}
  .pswipe__act{margin-block-start:.25rem}
}
@media (max-width:600px) and (max-height:685px){
  .products-page .pagehead .h1{font-size:1.5rem}
  .products-page .pagehead:not(.pagehead--run-on) .lede{font-size:.85rem;margin-block-start:.4rem;line-height:1.38}
  .pswipe{padding-block:.4rem clamp(1.2rem,5vw,2rem)}
  .pswipe__track{gap:.45rem}
  .pswipe__card{padding:.55rem;gap:.6rem}
  .pswipe__t{font-size:.9rem;min-block-size:2.25em}
  .pswipe__d{font-size:.73rem;min-block-size:2.5em}
  .pswipe__go{font-size:.72rem}
  .pswipe__act{margin-block-start:.15rem}
}
.prod1,
.prod1.panel--ag,
.prod1.panel--in,
.prod1.panel--dk{background:var(--wash);color:var(--ink)}
.prod1 .prod1__back{color:var(--ink-3)}
.prod1 .prod1__back:hover{color:var(--ink)}
.prod1 .prod1__n,
.prod1.panel--ag .prod1__n{color:var(--green)}
.prod1 .prod1__name{color:var(--ink)}
.prod1 .prod1__claim,
.prod1.panel--ag .prod1__claim,
.prod1.panel--in .prod1__claim,
.prod1.panel--dk .prod1__claim{color:var(--green)}
.prod1 .prod1__says{color:var(--ink-2)}
.prod1 .prod1__ph{background:var(--wash-2)}
.prod1 .prod1__stats li{background:var(--card);border:0;
  box-shadow:0 1px 2px rgba(27,31,28,.04),inset 0 1px 0 rgba(255,255,255,.9)}
.prod1 .prod1__stats b{letter-spacing:-.012em;font-variant-numeric:proportional-nums}
.prod1 .prod1__stats b,
.prod1.panel--in .prod1__stats b{color:var(--ink)}
.prod1 .prod1__stats span{color:var(--ink-3)}
.prod1 .prod1__sub,
.prod1.panel--ag .prod1__sub{color:var(--green)}
.prod1 .prod1__uses li{background:var(--card);border:1px solid var(--line);
  color:var(--ink-2)}
.prod1 .prod1__act .pill,
.prod1.panel--ag .prod1__act .pill,
.prod1.panel--in .prod1__act .pill,
.prod1.panel--dk .prod1__act .pill{
  background:var(--green);border-color:var(--green);color:#fff}
.prod1 .prod1__act .pill.pill--ghost{background:transparent;color:var(--ink);
  border-color:var(--line)}
@media (hover:hover){
  .prod1 .prod1__act .pill:hover{background:var(--green-d);border-color:var(--green-d)}
  .prod1 .prod1__act .pill.pill--ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff}
}
.prod1 .prod1__next{border-block-start-color:var(--line)}
.prod1 .prod1__next a{color:var(--ink-2)}
.prod1 .prod1__next a:hover{color:var(--green)}
.prod1 .prod1__next em{opacity:.5}
.wafab{
  position:fixed;z-index:60;
  inset-block-end:calc(1.1rem + env(safe-area-inset-bottom,0px));
  inset-inline-end:1.1rem;
  display:inline-flex;align-items:center;gap:0;
  block-size:3.1rem;padding-inline:.85rem;
  border-radius:999px;
  background:#25D366;color:#fff;text-decoration:none;
  box-shadow:0 2px 6px rgba(15,30,18,.18),0 14px 30px -12px rgba(15,30,18,.45);
  transition:transform 340ms var(--ease-out),box-shadow 340ms var(--ease-out)}
.wafab svg{inline-size:1.6rem;block-size:1.6rem;flex:none;display:block}
.wafab__t{
  max-inline-size:5.2rem;
  opacity:1;
  overflow:hidden;white-space:nowrap;
  font-size:.92rem;font-weight:600;line-height:1;
  transition:max-inline-size 380ms var(--ease-out),
             opacity 150ms var(--ease-out)}
[dir="rtl"] .wafab__t{max-inline-size:4rem}
.wafab__t > span{display:block;padding-inline-start:.55rem}
.wafab:hover .wafab__t,
.wafab:focus-visible .wafab__t{
  max-inline-size:8.8rem;opacity:1;
  transition:max-inline-size 560ms var(--ease-out),
             opacity 320ms var(--ease-out) 160ms}
[dir="rtl"] .wafab:hover .wafab__t,
[dir="rtl"] .wafab:focus-visible .wafab__t{max-inline-size:8.5rem}
.wafab:hover{transform:translateY(-2px);
  box-shadow:0 3px 8px rgba(15,30,18,.2),0 20px 38px -14px rgba(15,30,18,.5)}
.wafab:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:600px){
  .wafab{inset-block-end:calc(.9rem + env(safe-area-inset-bottom,0px));
    inset-inline-end:.9rem;block-size:2.9rem;padding-inline:.65rem}
  .wafab svg{inline-size:1.55rem;block-size:1.55rem}
  .wafab__t{display:none}
}
@media (prefers-reduced-motion: reduce){
  .wafab,.wafab__t{transition:none}
  .wafab:hover{transform:none}
}