/* ישראל 77 ייבוש חול — design system */
:root{
  --ink:#0B1A20;--ink-2:#10252D;--ink-3:#183842;
  --paper:#FBF7F0;--sand-1:#F4E8D3;--sand:#E7C38C;--sand-d:#9A6B24;
  --aqua:#22D6C6;--aqua-d:#0A746C;--coral:#FF6B3D;--coral-d:#C2410C;
  --text:#14242B;--muted:#4A5A61;--line:#E3D7C3;
  --r:22px;--r-sm:14px;--max:1240px;--gut:clamp(16px,4vw,48px);
  --ease:cubic-bezier(.2,.7,.2,1);
  --fs:1.0625rem;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html.a11y-fs1{font-size:112.5%}html.a11y-fs2{font-size:125%}html.a11y-fs3{font-size:137.5%}
body{margin:0;font-family:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:var(--fs);line-height:1.75;color:var(--text);background:var(--paper);direction:rtl;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--aqua-d);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--coral-d)}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:6px}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em;font-weight:800}
p{margin:0 0 1.1em}
.skip{position:absolute;top:-60px;right:12px;background:var(--coral);color:var(--ink);padding:10px 16px;border-radius:10px;z-index:3000;font-weight:700}
.skip:focus{top:12px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:900;transition:background .35s var(--ease),box-shadow .35s,padding .35s;padding-block:14px}
.hdr.solid{background:rgba(11,26,32,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 30px rgba(0,0,0,.18);padding-block:8px}
.hdr .wrap{display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;flex-shrink:0}
.brand svg{width:50px;height:50px;flex-shrink:0}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm b{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;text-align:right}
.brand .wm b em{font-style:normal;color:var(--aqua)}
.brand .wm small{font-size:.72rem;letter-spacing:.06em;color:var(--sand);margin-top:5px;font-weight:600;text-transform:uppercase}
.nav{margin-inline-start:auto}
.nav>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav li{position:relative}
.nav a,.nav button.dd{display:block;white-space:nowrap;color:#fff;text-decoration:none;padding:10px 12px;border-radius:999px;font-weight:600;font-size:.98rem;background:none;border:0;font-family:inherit;cursor:pointer}
.nav a:hover,.nav button.dd:hover,.nav a[aria-current=page]{background:rgba(255,255,255,.1);color:#fff}
.nav .sub{position:absolute;top:100%;right:0;min-width:280px;background:#fff;border-radius:var(--r-sm);padding:10px;list-style:none;margin:8px 0 0;box-shadow:0 20px 50px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease)}
.nav li:hover>.sub,.nav li:focus-within>.sub,.nav li.open>.sub{opacity:1;visibility:visible;transform:none}
.nav .sub a{color:var(--text);border-radius:10px;padding:9px 12px;font-weight:500}
.nav .sub a:hover{background:var(--sand-1);color:var(--text)}
.nav .sub .hub a{font-weight:800;color:var(--aqua-d)}
.hdr-cta{display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:800;text-decoration:none;font-size:1rem;border:2px solid transparent;transition:transform .25s var(--ease),background .25s,box-shadow .25s;cursor:pointer;font-family:inherit;line-height:1.2}
.btn svg{width:20px;height:20px;flex-shrink:0}
.btn:hover{transform:translateY(-2px)}
.btn-coral{background:var(--coral);color:var(--ink)}
.btn-coral:hover{background:#ff8259;color:var(--ink);box-shadow:0 10px 30px rgba(255,107,61,.35)}
.btn-aqua{background:var(--aqua);color:var(--ink)}
.btn-aqua:hover{background:#4ee6d9;color:var(--ink)}
.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{color:#fff;background:var(--ink-3)}
.hdr .btn{padding:10px 18px;font-size:.95rem;white-space:nowrap;direction:ltr}
@media (max-width:1320px) and (min-width:1081px){.nav a,.nav button.dd{padding:10px 9px;font-size:.92rem}.hdr .wrap{gap:14px}}
.burger{display:none;margin-inline-start:auto;width:48px;height:48px;border-radius:14px;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;position:relative;z-index:1101}
.burger span{position:absolute;right:13px;left:13px;height:2.5px;background:currentColor;border-radius:2px;transition:.3s var(--ease)}
.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:23px}.burger span:nth-child(3){top:30px}
.menu-open .burger span:nth-child(1){top:23px;transform:rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){top:23px;transform:rotate(-45deg)}
@media (max-width:1080px){
  .burger{display:block}
  .hdr-cta{display:none}
  .nav{position:fixed;inset:0;z-index:1100;background:var(--ink);padding:96px var(--gut) 40px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.35s var(--ease)}
  .menu-open .nav{opacity:1;visibility:visible;transform:none}
  .menu-open{overflow:hidden}
  .menu-open .hdr{background:var(--ink)}
  .menu-open .brand{position:relative;z-index:1101}
  .nav>ul{flex-direction:column;gap:2px}
  .nav a,.nav button.dd{font-size:1.25rem;padding:12px 6px;border-radius:10px;width:100%;text-align:right}
  .nav .sub{position:static;opacity:1;visibility:visible;transform:none;background:transparent;box-shadow:none;padding:0 14px 8px;margin:0;display:none;min-width:0}
  .nav li.open>.sub{display:block}
  .nav .sub a{color:#d9e6e8;font-size:1.02rem}
  .nav .sub a:hover{background:rgba(255,255,255,.06);color:#fff}
  .nav .sub .hub a{color:var(--aqua)}
  .nav .m-cta{display:flex!important;gap:10px;margin-top:24px;flex-wrap:wrap}
}
.nav .m-cta{display:none}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:var(--ink);overflow:hidden;isolation:isolate}
.hero .bg{position:absolute;inset:0;z-index:-2}
.hero .bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:kb 18s var(--ease) forwards}
@keyframes kb{to{transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,26,32,.96) 8%,rgba(11,26,32,.55) 55%,rgba(11,26,32,.35)),radial-gradient(80% 60% at 85% 100%,rgba(34,214,198,.22),transparent 70%)}
.hero .wrap{width:100%;padding-block:150px 90px}
.hero h1{font-size:clamp(2.5rem,7vw,6rem);font-weight:900;max-width:15ch;margin-bottom:.35em;letter-spacing:-.035em}
.hero h1 .hl{color:var(--sand)}
.hero .lead{font-size:clamp(1.1rem,1.8vw,1.4rem);max-width:56ch;color:#E6EEF0;margin-bottom:34px;font-weight:400}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap}
.hero .meter{position:absolute;left:var(--gut);bottom:90px;width:min(300px,30vw);background:rgba(16,37,45,.7);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--r);padding:20px 22px}
.meter small{display:block;color:var(--sand);font-weight:700;letter-spacing:.06em;font-size:.82rem}
.meter .val{font-size:3rem;font-weight:900;line-height:1;margin:8px 0 12px;font-variant-numeric:tabular-nums}
.meter .val span{font-size:1.2rem;color:#B6C6CA;font-weight:500}
.meter .track{height:10px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;position:relative}
.meter .track i{position:absolute;inset:0 0 0 auto;width:100%;background:linear-gradient(90deg,var(--aqua),var(--coral));border-radius:99px;transition:width .2s linear}
.meter .track::after{content:"";position:absolute;top:-4px;bottom:-4px;right:30%;width:2px;background:#fff;opacity:.75}
.meter p{margin:10px 0 0;font-size:.85rem;color:#B6C6CA;line-height:1.5}
@media (max-width:860px){.hero .meter{display:none}}
.scroll-cue{position:absolute;bottom:26px;right:50%;transform:translateX(50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.5);border-radius:14px}
.scroll-cue::after{content:"";position:absolute;top:8px;right:50%;width:4px;height:8px;margin-right:-2px;background:var(--sand);border-radius:2px;animation:cue 1.8s infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* inner hero */
.hero--inner{min-height:auto;align-items:stretch}
.hero--inner .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,72px);align-items:center;padding-block:140px 80px}
.hero--inner h1{font-size:clamp(2.2rem,5.2vw,4.4rem);max-width:none}
.hero--inner .lead{margin-bottom:28px}
.hero--inner::before{background:radial-gradient(70% 90% at 0% 100%,rgba(34,214,198,.18),transparent 65%),radial-gradient(60% 80% at 100% 0%,rgba(231,195,140,.14),transparent 60%)}
.hero-figure{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.hero-figure img{width:100%;height:100%;object-fit:cover}
.hero-figure::after{content:"";position:absolute;inset:auto 0 0 0;height:14px;background:repeating-linear-gradient(90deg,var(--sand) 0 46px,var(--ink) 46px 50px)}
@media (max-width:860px){.hero--inner .wrap{grid-template-columns:1fr;padding-block:120px 56px}.hero-figure{aspect-ratio:16/10}}
.crumbs{font-size:.88rem;margin-bottom:18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-inline-end:6px;color:#7f969c}
.crumbs a{color:var(--sand);text-decoration:none}.crumbs a:hover{text-decoration:underline;color:#fff}
.crumbs [aria-current]{color:#C9D6D9}

/* ---------- strata motif ---------- */
.strata{height:26px;background:
 linear-gradient(var(--ink) 0 0) top/100% 8px no-repeat,
 linear-gradient(var(--aqua) 0 0) 0 8px/100% 3px no-repeat,
 radial-gradient(circle,var(--sand-d) 1.1px,transparent 1.6px) 0 11px/9px 7px,
 var(--sand)}
.strata--flip{transform:scaleY(-1)}

/* ---------- panels ---------- */
main{display:block}
.panel{position:relative;padding-block:clamp(72px,11vw,150px)}
.panel>.wrap{max-width:1160px}
.panel h2{font-size:clamp(2.1rem,5.4vw,4.4rem);font-weight:900;margin-bottom:.6em;max-width:20ch}
.panel h2::after{content:"";display:block;width:84px;height:8px;margin-top:22px;border-radius:2px;background:linear-gradient(90deg,var(--sand) 0 46%,transparent 46% 54%,var(--sand) 54%);}
.panel p,.panel li{font-size:1.09rem}
.panel>.wrap>p{max-width:72ch}
.panel:nth-of-type(odd){background:var(--paper)}
.panel:nth-of-type(even){background:var(--sand-1)}
.panel.dark,.panel:nth-of-type(4n+3){background:var(--ink);color:#E4ECEE}
.panel.dark a,.panel:nth-of-type(4n+3) a{color:var(--aqua)}
.panel.dark a:hover,.panel:nth-of-type(4n+3) a:hover{color:var(--sand)}
.panel:nth-of-type(4n+3) h2,.panel.dark h2{color:#fff}
.panel .num{position:absolute;top:clamp(40px,7vw,90px);left:var(--gut);font-size:clamp(4rem,12vw,10rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(154,107,36,.28);pointer-events:none;user-select:none}
.panel:nth-of-type(4n+3) .num{-webkit-text-stroke-color:rgba(34,214,198,.22)}
@media (max-width:700px){.panel .num{display:none}}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
html.no-motion .rv{opacity:1;transform:none}
html.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}*{animation:none!important;scroll-behavior:auto!important}}

/* components */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:36px 0}
.stat{background:#fff;border-radius:var(--r);padding:26px 24px;border:1px solid var(--line);position:relative;overflow:hidden}
.stat::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--aqua),var(--sand))}
.stat b{display:block;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1;color:var(--ink);margin-bottom:10px;letter-spacing:-.03em}
.stat span{display:block;color:var(--muted);font-size:.98rem;line-height:1.5}
.panel:nth-of-type(4n+3) .stat{background:var(--ink-2);border-color:var(--ink-3)}
.panel:nth-of-type(4n+3) .stat b{color:var(--sand)}
.panel:nth-of-type(4n+3) .stat span{color:#B8C8CC}
.bars{display:grid;gap:14px;margin:36px 0}
.bar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;background:rgba(11,26,32,.06);overflow:hidden;isolation:isolate;font-weight:600}
.bar::before{content:"";position:absolute;inset:0 0 0 auto;width:0;background:linear-gradient(270deg,var(--sand),#f0d6ab);z-index:-1;border-radius:14px;transition:width 1.4s var(--ease)}
.bars.in .bar::before,html.no-motion .bar::before{width:var(--v)}
.bar b{font-weight:900;white-space:nowrap}
.panel:nth-of-type(4n+3) .bar{background:rgba(255,255,255,.07);color:#fff}
.panel:nth-of-type(4n+3) .bar::before{background:linear-gradient(270deg,var(--aqua-d),#0d9488)}
.steps{list-style:none;counter-reset:s;padding:0;margin:36px 0;display:grid;gap:14px}
.steps li{counter-increment:s;position:relative;padding:22px 92px 22px 24px;background:#fff;border-radius:var(--r);border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s}
.steps li:hover{transform:translateX(-6px);box-shadow:0 14px 40px rgba(11,26,32,.08)}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;right:22px;top:20px;font-size:2.2rem;font-weight:900;color:var(--aqua-d);line-height:1}
.steps h3{font-size:1.25rem;margin-bottom:.3em}
.steps p{margin:0}
.panel:nth-of-type(4n+3) .steps li{background:var(--ink-2);border-color:var(--ink-3)}
.panel:nth-of-type(4n+3) .steps li::before{color:var(--aqua)}
.panel:nth-of-type(4n+3) .steps h3{color:#fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:36px 0}
.card{background:#fff;border-radius:var(--r);padding:28px 26px;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(11,26,32,.1);border-color:var(--sand)}
.card h3{font-size:1.28rem;margin-bottom:.45em}
.card h3 a{color:inherit;text-decoration:none}
.card h3 a::after{content:" ←";color:var(--coral-d)}
.card p{margin:0;color:var(--muted);font-size:1rem}
.panel:nth-of-type(4n+3) .card{background:var(--ink-2);border-color:var(--ink-3)}
.panel:nth-of-type(4n+3) .card h3{color:#fff}
.panel:nth-of-type(4n+3) .card p{color:#B8C8CC}
.table-wrap{overflow-x:auto;margin:36px 0;border-radius:var(--r);border:1px solid var(--line);background:#fff;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;min-width:520px;font-size:1rem}
caption{caption-side:top;text-align:right;padding:18px 22px 6px;font-weight:800;color:var(--text)}
th,td{padding:14px 22px;text-align:right;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--ink);color:#fff;font-weight:700}
tbody tr:nth-child(even){background:#FCF8F1}
tbody tr:hover{background:#F6EEDF}
.panel:nth-of-type(4n+3) .table-wrap{color:var(--text)}
.panel:nth-of-type(4n+3) .table-wrap a{color:var(--aqua-d)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0}
.side{border-radius:var(--r);padding:30px 28px}
.side h3{font-size:1.4rem}
.side.bad{background:#fff;border:1px dashed #c9b79b;color:var(--text)}
.side.good{background:var(--ink);color:#E4ECEE}
.side.good h3{color:var(--aqua)}
@media (max-width:700px){.compare{grid-template-columns:1fr}}
.panel:nth-of-type(4n+3) .side.good{background:var(--ink-3)}
.ticks{list-style:none;padding:0;margin:0 0 1em}
.ticks li{position:relative;padding-right:30px;margin-bottom:.55em}
.ticks li::before{content:"";position:absolute;right:0;top:.55em;width:16px;height:9px;border-bottom:3px solid var(--aqua-d);border-right:3px solid var(--aqua-d);transform:rotate(45deg) scale(.9);transform:none;border:0;background:var(--aqua-d);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M1 6l5 5L15 1' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M1 6l5 5L15 1' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;height:12px}
.side.bad .ticks li::before{background:var(--coral-d);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 1l10 10M11 1L1 11' stroke='black' stroke-width='2.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 1l10 10M11 1L1 11' stroke='black' stroke-width='2.6'/%3E%3C/svg%3E") center/contain no-repeat;width:12px}
.side.good .ticks li::before,.panel:nth-of-type(4n+3) .ticks li::before{background:var(--aqua)}
.callout{margin:32px 0;padding:24px 28px;border-radius:var(--r);background:linear-gradient(135deg,rgba(34,214,198,.12),rgba(231,195,140,.22));border-right:6px solid var(--aqua-d)}
.callout p:last-child{margin:0}
.panel:nth-of-type(4n+3) .callout{background:rgba(34,214,198,.1);border-color:var(--aqua)}
.media{margin:36px 0;border-radius:var(--r);overflow:hidden;background:var(--ink)}
.media img{width:100%;aspect-ratio:16/8;object-fit:cover;transition:transform 1.2s var(--ease)}
.media:hover img{transform:scale(1.03)}
.media figcaption{padding:14px 22px;color:#C9D6D9;font-size:.92rem}

/* inline CTA */
.cta-inline{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:40px 0;padding:26px 30px;border-radius:var(--r);background:var(--ink);color:#fff;position:relative;overflow:hidden}
.cta-inline::after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:repeating-linear-gradient(90deg,var(--sand) 0 46px,var(--ink) 46px 50px)}
.cta-inline strong{font-size:1.35rem;font-weight:800}
.cta-inline .acts{display:flex;gap:10px;flex-wrap:wrap}
.panel:nth-of-type(4n+3) .cta-inline{background:var(--ink-3)}

/* FAQ */
.faq{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0 22px 46px;font-weight:800;font-size:1.18rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;left:6px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--sand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2 6h8' stroke='%230B1A20' stroke-width='2'/%3E%3C/svg%3E") center/10px no-repeat;transition:transform .3s var(--ease)}
.faq[open] summary::after{transform:rotate(45deg)}
.faq p{padding-bottom:20px;margin:0;color:var(--muted)}

/* related */
.related .cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.related .card small{display:block;color:var(--sand-d);font-weight:700;font-size:.82rem;letter-spacing:.04em;margin-bottom:6px}

/* CTA band */
.band{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding-block:clamp(80px,12vw,160px);isolation:isolate}
.band video,.band .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,26,32,.4),rgba(11,26,32,.92) 70%)}
.band h2{font-size:clamp(2.4rem,6.5vw,5.4rem);font-weight:900;max-width:14ch;margin-bottom:.4em}
.band h2 em{font-style:normal;color:var(--sand)}
.band p{font-size:1.2rem;max-width:52ch;color:#D3DFE2;margin-bottom:30px}
.band .acts{display:flex;gap:14px;flex-wrap:wrap}

/* symptom checker */
.symptoms{margin:34px 0}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:600;cursor:pointer;font-family:inherit;font-size:1rem;color:var(--text);transition:.25s var(--ease)}
.chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip[aria-pressed=true]::before{content:"✓";color:var(--aqua);font-weight:900}
.verdict{border-radius:var(--r);padding:24px 26px;background:#fff;border:1px solid var(--line);display:grid;gap:12px}
.verdict .gauge{height:14px;border-radius:99px;background:linear-gradient(90deg,#2bb673,var(--sand),var(--coral));position:relative}
.verdict .gauge i{position:absolute;top:-6px;width:6px;height:26px;border-radius:4px;background:var(--ink);right:0;transition:right .6s var(--ease)}
.verdict strong{font-size:1.3rem}
.verdict p{margin:0}

/* calculator */
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin:36px 0}
@media (max-width:860px){.calc{grid-template-columns:1fr}}
.calc form,.calc .out{border-radius:var(--r);padding:28px}
.calc form{background:#fff;border:1px solid var(--line);display:grid;gap:22px}
.calc fieldset{border:0;padding:0;margin:0}
.calc legend,.calc label.lbl{font-weight:800;margin-bottom:10px;display:block}
.calc .seg{display:flex;flex-wrap:wrap;gap:8px}
.calc .seg input{position:absolute;opacity:0;pointer-events:none}
.calc .seg label{padding:10px 16px;border-radius:999px;border:2px solid var(--line);cursor:pointer;font-weight:600;transition:.2s}
.calc .seg input:checked+label{background:var(--ink);color:#fff;border-color:var(--ink)}
.calc .seg input:focus-visible+label{outline:3px solid var(--coral);outline-offset:2px}
.calc input[type=range]{width:100%;accent-color:var(--aqua-d);height:30px}
.calc .area-row{display:flex;align-items:center;gap:14px}
.calc .area-row output{min-width:86px;font-weight:900;font-size:1.3rem;text-align:center;background:var(--sand-1);border-radius:12px;padding:6px 10px}
.calc .chk{display:flex;align-items:center;gap:10px;font-weight:600}
.calc .chk input{width:22px;height:22px;accent-color:var(--aqua-d)}
.calc .out{background:var(--ink);color:#E4ECEE;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.calc .out::after{content:"";position:absolute;inset:auto 0 0 0;height:10px;background:repeating-linear-gradient(90deg,var(--sand) 0 46px,var(--ink) 46px 50px)}
.calc .out small{color:var(--sand);font-weight:700}
.calc .price{font-size:clamp(2rem,4.4vw,3rem);font-weight:900;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.calc .dur{font-size:1.15rem;font-weight:700;color:var(--aqua)}
.calc .note{font-size:.9rem;color:#A9BCC1;margin:0}
.calc .out .btn{margin-top:auto;align-self:flex-start}
.panel:nth-of-type(4n+3) .calc form{color:var(--text)}

/* contact form */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0}
@media (max-width:860px){.contact{grid-template-columns:1fr}}
.contact .box{border-radius:var(--r);padding:30px}
.contact .info{background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:16px}
.contact .info a.big{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;color:#fff;text-decoration:none;direction:ltr;text-align:right}
.contact form{background:#fff;border:1px solid var(--line);display:grid;gap:14px;color:var(--text)}
.contact label{font-weight:700;display:grid;gap:6px}
.contact input,.contact textarea,.contact select{font:inherit;padding:12px 14px;border-radius:12px;border:2px solid var(--line);background:var(--paper);color:var(--text)}
.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:var(--aqua-d);outline:none}

/* footer */
.ftr{background:#071216;color:#B9C8CC;padding-top:80px}
.ftr a{color:#DCE7E9;text-decoration:none}.ftr a:hover{color:var(--sand)}
.ftr .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
@media (max-width:960px){.ftr .grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr .grid{grid-template-columns:1fr}}
.ftr h2{font-size:1rem;color:#fff;letter-spacing:.04em;margin-bottom:16px;font-weight:800}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.98rem}
.ftr .about p{font-size:.98rem;max-width:40ch;margin-top:18px}
.ftr .social{display:flex;gap:10px;margin-top:18px}
.ftr .social a{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.07);transition:.25s}
.ftr .social a:hover{background:var(--aqua);color:var(--ink)}
.ftr .social svg{width:22px;height:22px}
.ftr .legal{margin-top:60px;border-top:1px solid rgba(255,255,255,.08);padding-block:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:.9rem}
.ftr .legal ul{display:flex;gap:18px;flex-wrap:wrap}
.built{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 16px 30px;font-size:.92rem;color:#9FB2B7;border-top:1px solid rgba(255,255,255,.06)}
.built a{display:inline-flex;align-items:center;gap:10px;color:#DCE7E9}
.built img{width:44px;height:auto}
@media (max-width:760px){.built{padding-bottom:96px}}

/* floating */
.fab{position:fixed;z-index:800;bottom:22px;display:flex;flex-direction:column;gap:12px}
.fab--cta{left:22px}
.fab--util{right:22px}
.fab a,.fab button{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .25s var(--ease),opacity .3s}
.fab a:hover,.fab button:hover{transform:scale(1.08)}
.fab svg{width:28px;height:28px}
.fab .wa{background:#25D366;color:#063}
.fab .wa svg{color:#fff}
.fab .ph{background:var(--coral);color:var(--ink)}
.fab .a11y{background:#1D4ED8;color:#fff}
.fab .up{background:var(--ink);color:#fff;opacity:0;pointer-events:none}
.fab .up.show{opacity:1;pointer-events:auto}
.wa-pulse{position:relative}
.wa-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:pulse 2.4s infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.mbar{display:none}
@media (max-width:760px){
  .fab--cta{display:none}
  .fab--util{bottom:84px;right:14px}
  .fab a,.fab button{width:50px;height:50px}
  .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;inset:auto 0 0 0;z-index:850;background:var(--ink);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -10px 30px rgba(0,0,0,.25)}
  .mbar .btn{padding:12px 10px}
  body{padding-bottom:70px}
}

/* accessibility panel */
.a11y-panel{position:fixed;right:22px;bottom:96px;z-index:1200;width:min(330px,calc(100vw - 28px));background:#fff;color:var(--text);border-radius:var(--r);box-shadow:0 30px 80px rgba(0,0,0,.35);padding:22px;display:none}
.a11y-panel.open{display:block}
.a11y-panel h2{font-size:1.2rem;margin:0 0 14px}
.a11y-panel .opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-panel button{font:inherit;font-weight:600;font-size:.92rem;padding:12px 8px;border-radius:12px;border:2px solid var(--line);background:var(--paper);cursor:pointer;color:var(--text)}
.a11y-panel button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.a11y-panel .row{display:flex;gap:8px;margin-top:12px;align-items:center;justify-content:space-between}
.a11y-panel .x{position:absolute;left:12px;top:12px;width:36px;height:36px;padding:0;border-radius:50%}
@media (max-width:760px){.a11y-panel{right:14px;bottom:150px}}
html.a11y-contrast body{background:#000;color:#fff}
html.a11y-contrast .panel,html.a11y-contrast .card,html.a11y-contrast .stat,html.a11y-contrast .steps li,html.a11y-contrast .table-wrap,html.a11y-contrast .side,html.a11y-contrast .verdict,html.a11y-contrast .calc form,html.a11y-contrast .contact form,html.a11y-contrast tbody tr,html.a11y-contrast .chip,html.a11y-contrast .bar{background:#000!important;color:#fff!important;border-color:#fff!important}
html.a11y-contrast h1,html.a11y-contrast h2,html.a11y-contrast h3,html.a11y-contrast p,html.a11y-contrast td,html.a11y-contrast th,html.a11y-contrast span,html.a11y-contrast .stat b,html.a11y-contrast caption,html.a11y-contrast li,html.a11y-contrast label{color:#fff!important}
html.a11y-contrast a{color:#FFE500!important}
html.a11y-links a{outline:2px dashed var(--coral);outline-offset:2px;text-decoration:underline!important}

/* 404 */
.nf{min-height:100svh;display:grid;place-items:center;text-align:center;background:var(--ink);color:#fff;padding:120px var(--gut) 60px}
.nf b{display:block;font-size:clamp(6rem,22vw,14rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px var(--sand)}
.nf h1{font-size:clamp(2rem,5vw,3.4rem)}
.nf .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}

/* sitemap page */
.smap{columns:2 300px;column-gap:40px}
.smap section{break-inside:avoid;margin-bottom:28px}
.smap ul{padding-right:20px}
.smap li{margin-bottom:10px}

.a11y-h{display:none}
@media (max-width:760px){
  .fab--util .a11y{display:none}
  .fab--util{right:auto;left:12px;bottom:84px}
  .a11y-h{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:0;background:#1D4ED8;color:#fff;margin-inline-start:auto;cursor:pointer}
  .a11y-h svg{width:24px;height:24px}
  .burger{margin-inline-start:8px}
  .a11y-panel{right:12px;top:76px;bottom:auto}
}
.nav .m-cta a.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;flex:1 1 140px;font-size:1.02rem;padding:14px 20px;border-radius:999px;text-align:center}
.nav .m-cta a.btn-coral{background:var(--coral);color:var(--ink)}
.nav .m-cta a.btn-aqua{background:var(--aqua);color:var(--ink)}