/* Telehealth clinics page (2026-10-01), rebuilt from the live sekhn.com page in the V3 look. Always on, online first:
   the homepage hero gradient with a frosted device playing a booking chat, the problems as cards that pile into a stack
   under the menu, a wide teal photo panel for the reasons, and the two service pillars side by side as accordions.
   Loaded after v3.css and ind.css, and only by this page. Sizes and colours come from the ind.css tokens and the
   homepage palette (2026-10-03). */

/* film grain, the same monochrome noise the homepage photo tiles carry */
.thgrain{position:relative;isolation:isolate}
.thgrain::after,.thc::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:var(--gr,.55);mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/180px 180px}

/* ---- hero: the homepage gradient (.flow, untouched) with its clouds; copy left, the device right ---- */
.thhero{min-height:0;padding-top:calc(64px + clamp(2.25rem,7vh,4.5rem));padding-bottom:clamp(3.5rem,9vh,5.5rem)}
.thhero>.wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;width:100%}
.thtext{display:grid;gap:1.25rem;justify-items:start}
.thtext .crumb{margin:0;color:var(--ink2)}
.thtext h1{max-width:16ch}
.thtext .lede{color:var(--ink2);max-width:54ch;line-height:1.65}
.thtext .btn{margin-top:.3rem}

/* the device: a frosted glass frame around a pale screen; no brand, no status bar */
.thdevwrap{position:relative;justify-self:end;width:min(392px,100%)}
.thdevwrap::before{content:"";position:absolute;inset:6% -12% 4% -10%;z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(50% 50% at 60% 40%,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 70%),radial-gradient(45% 45% at 30% 75%,rgba(42,120,145,.26) 0%,rgba(42,120,145,0) 70%);filter:blur(10px)}
.thdev{padding:9px;border-radius:40px;background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.88);
  backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);
  box-shadow:0 26px 50px rgba(34,53,42,.15),0 4px 14px rgba(34,53,42,.06),inset 0 1px 0 #fff}
.thscreen{border-radius:31px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(221,239,240,.9) 100%);border:1px solid rgba(255,255,255,.9)}
.thscreen::before{content:"";display:block;width:58px;height:5px;margin:10px auto 0;border-radius:9px;background:rgba(34,53,42,.12)}
.thtop{display:flex;align-items:center;gap:.7rem;padding:.75rem 1.1rem .85rem;border-bottom:1px solid rgba(34,53,42,.07)}
.thav{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:#16485A;color:#A6D6D8}
.thav .ic{width:18px;height:18px}
.thwho{display:grid;gap:.1rem;line-height:1.2}
.thwho b{font:600 .95rem/1.2 var(--display);letter-spacing:-.01em;color:var(--ink)}
.thwho span{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--muted)}
.thwho i{width:7px;height:7px;border-radius:50%;background:#ABD963;box-shadow:0 0 0 3px rgba(171,217,99,.32)}
.thchat{display:flex;flex-direction:column;gap:.6rem;padding:.9rem 1rem 1rem;transition:opacity .45s var(--ease)}
.thchat.out{opacity:0}
.thstamp{align-self:center;margin:0 0 .15rem;font-size:.72rem;color:var(--muted)}
.thmsg{position:relative;max-width:86%;text-wrap:pretty;font-size:.9rem;line-height:1.42}
.thmsg .b{display:block;padding:.62rem .9rem}
.thmsg.me{align-self:flex-end}
.thmsg.me .b{border-radius:18px 18px 6px 18px;background:#1E6577;color:#fff}
.thmsg.ai{align-self:flex-start}
.thmsg.ai .b{border-radius:18px 18px 18px 6px;background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(34,53,42,.07)}
.thdots{position:absolute;left:0;top:0;display:flex;gap:4px;padding:.85rem .9rem;border-radius:18px 18px 18px 6px;background:#fff;box-shadow:0 4px 14px rgba(34,53,42,.07);opacity:0;transition:opacity .25s}
.thdots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:thbob 1.1s ease-in-out infinite}
.thdots i:nth-child(2){animation-delay:.15s}.thdots i:nth-child(3){animation-delay:.3s}
@keyframes thbob{0%,60%,100%{transform:none;opacity:.55}30%{transform:translateY(-3px);opacity:1}}
.thdone{align-self:center;display:inline-flex;align-items:center;gap:.45rem;margin-top:.2rem;font:600 .85rem/1 var(--sans);color:#0E3A1F}
.thtick{width:24px;height:24px;border-radius:50%;background:#C6E57C;display:grid;place-items:center;box-shadow:0 0 0 4px rgba(198,229,124,.3)}
.thtick svg{width:16px;height:16px;fill:none;stroke:#0E3A1F;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.thinput{display:flex;align-items:center;justify-content:space-between;margin:auto .8rem .8rem;padding:.42rem .42rem .42rem 1rem;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(34,53,42,.07);font-size:.84rem;color:var(--muted)}
.thinput i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#16485A}
.thinput svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* animated states (the finished conversation is the default without script) */
.js .thmsg .b,.js .thdone{opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease),transform .5s var(--ease)}
.js .thmsg.in .b,.js .thdone.in{opacity:1;transform:none}
.js .thmsg.typing .thdots{opacity:1}
.js .thchat:not(.paused) .thmsg:not(.typing) .thdots i,.js .thchat.paused .thdots i{animation-play-state:paused}
.js .thtick path{stroke-dasharray:1 2;stroke-dashoffset:1.01;transition:stroke-dashoffset .5s var(--ease) .25s}
.js .thdone.in .thtick path{stroke-dashoffset:0}

/* ---- problem: large cards that stick under the menu and pile up ---- */
#problem.thprob{background:linear-gradient(180deg,#FFFFFF 0%,rgba(255,255,255,0) 24%),var(--g-cream);padding-top:clamp(2.5rem,6vh,4rem);padding-bottom:clamp(1rem,3vh,2rem)}
.thprob .shead.left h2{max-width:21ch}
/* each card's bottom margin grows by 14px per card above it (and the next card pulls back by the same amount), so when
   the stack reaches the end of its box the cards leave together and keep their offsets; --hold keeps the full pile
   in place for a moment before it scrolls away */
.thstack{display:flex;flex-direction:column;gap:1.4rem;--hold:clamp(2rem,8vh,4.5rem)}
.thc{margin-bottom:calc((4 - var(--i))*14px + var(--hold))}
.thc+.thc{margin-top:calc(-1*((5 - var(--i))*14px + var(--hold)))}
.thc{position:sticky;top:calc(64px + 1.2rem + var(--i)*14px);isolation:isolate;overflow:hidden;border-radius:28px;transform-origin:50% 0;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;
  min-height:clamp(300px,46vh,380px);padding:clamp(1.8rem,3.4vw,2.8rem) clamp(1.8rem,4vw,3.4rem);
  box-shadow:0 -6px 24px rgba(34,53,42,.05),0 24px 60px rgba(34,53,42,.12)}
.thc>:not(.ph){position:relative;z-index:1}
.thct{display:grid;gap:.85rem;align-content:center}
.thct h3{font-size:var(--i-t1);line-height:1.18;letter-spacing:-.02em;max-width:24ch;color:var(--i-title)}
.thct p{font-size:var(--i-body);line-height:1.6;max-width:50ch;color:var(--i-text)}
.thg{width:100%;max-width:330px;height:auto;justify-self:center;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
/* surfaces: the homepage set only. White glass, the photo under the forest scrim, then the Strategy (lime), Deploy
   (teal) and calculator (dark) surfaces, each with the monochrome grain */
.thc.glass{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 -6px 24px rgba(34,53,42,.04),0 18px 44px rgba(34,53,42,.09),inset 0 1px 0 #fff;--gr:.22}
.thc.photo{background:#173D29;--gr:.6;color:#fff}
.thc.photo .ph{position:absolute;inset:-2%;z-index:-2;background:url(img/th-card.jpg) 0 50%/cover no-repeat}
.thc.photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(var(--s-forest),.82) 0%,rgba(var(--s-forest),.6) 42%,rgba(var(--s-forest),.12) 78%,rgba(var(--s-forest),.04) 100%)}
.thc.lime{background:var(--g-lime);--gr:.45}
.thc.lime h3{color:#0E3A1F}
.thc.lime p{color:rgba(14,58,31,.82)}
.thc.teal{background:var(--g-teal);--gr:.5;color:#fff}
.thc.forest{background:var(--g-dark);--gr:.5;color:#fff}
.thc.photo h3,.thc.teal h3,.thc.forest h3{color:var(--i-title-on)}
.thc.photo p,.thc.teal p,.thc.forest p{color:var(--i-text-on)}
/* line drawings */
.thg .ln{stroke-width:2}
.g-say .ln{stroke:#1F4A31}
.g-say .rd{fill:#1F4A31;transform-box:fill-box;transform-origin:0 50%}
.g-route .slow{stroke:#1F4A31;stroke-width:1.8}
.g-route .fast{stroke:#fff;stroke-width:3}
.g-route .nd{fill:#1F4A31}
.g-route .st{fill:#1F4A31}
.g-route .go{fill:#fff;stroke:#1F4A31;stroke-width:2}
.g-same .ln,.g-same path,.g-same circle{stroke:rgba(255,255,255,.82);stroke-width:1.8}
.g-same circle{stroke:rgba(198,229,124,.95)}
.g-dial .ring{stroke:rgba(255,255,255,.4);stroke-width:1.6}
.g-dial .tk{stroke:rgba(255,255,255,.5);stroke-width:1.6}
.g-dial .sun circle,.g-dial .sun path,.g-dial .moon{stroke:#C6E57C;stroke-width:1.8}
.g-dial .halo{fill:rgba(198,229,124,.22)}
.g-dial .dt{fill:#C6E57C}
/* draw-in states: hidden until the card arrives (no script or reduced motion shows them finished) */
.js .thg .ln{stroke-dasharray:1 2;stroke-dashoffset:1.01;transition:stroke-dashoffset 1.4s var(--ease)}
.js .thc.seen .thg .ln{stroke-dashoffset:0}
.js .g-say .d1{transition-delay:.35s}.js .g-say .d2{transition-delay:.5s}.js .g-say .d3{transition-delay:.65s}
.js .g-say .rd{transform:scaleX(0);transition:transform .7s var(--ease)}
.js .thc.seen .g-say .r1{transform:none;transition-delay:1.2s}
.js .thc.seen .g-say .r2{transform:none;transition-delay:1.45s}
.js .g-route .slow{transition-duration:3.2s;transition-delay:.2s}
.js .g-route .fast{transition-duration:1.2s;transition-delay:.4s}
.js .g-route .nd,.js .g-route .go,.js .g-route .st{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.js .thc.seen .g-route .nd{opacity:1;transform:none;transition-delay:1.2s}
.js .thc.seen .g-route .nd+.nd{transition-delay:1.9s}
.js .thc.seen .g-route .nd+.nd+.nd{transition-delay:2.5s}
.js .thc.seen .g-route .go{opacity:1;transform:none;transition-delay:1.45s}
.js .thc.seen .g-route .st{opacity:1;transform:none;transition-delay:0s}
.js .g-same .tl{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--k)*.12s)}
.js .thc.seen .g-same .tl{opacity:1;transform:none}
.js .g-same .tl .ln{transition-delay:calc(var(--k)*.12s)}
.js .g-dial .ring{transition-duration:1.8s}
.js .g-dial .tk,.js .g-dial .sun,.js .g-dial .moon{opacity:0;transition:opacity .9s var(--ease) .6s}
.js .thc.seen .g-dial .tk,.js .thc.seen .g-dial .sun,.js .thc.seen .g-dial .moon{opacity:1}
.js .g-dial .eq{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .4s var(--ease),transform .55s var(--ease);transition-delay:calc(1s + var(--k)*.22s)}
.js .thc.seen .g-dial .eq{opacity:1;transform:none}

/* ---- why SEKHN: wide teal photo panel under the teal scrim, intro left, her four reasons right as compact glass
   rows (icon and heading only) ---- */
.thwhy{border-radius:28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;
  min-height:clamp(420px,60vh,520px);padding:clamp(2rem,4.5vw,3.6rem);background:#16485A;--gr:.6;box-shadow:0 30px 70px rgba(34,53,42,.16)}
.thwhy .ph{position:absolute;inset:-3%;z-index:-2;background:url(img/th-panel.jpg) 50% 50%/cover no-repeat}
.thwhy::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(var(--s-teal),.8) 0%,rgba(var(--s-teal),.55) 42%,rgba(var(--s-teal),.2) 100%)}
.thwtext,.thwgrid{position:relative;z-index:1}
.thwtext{display:grid;gap:1rem}
.thwtext h2{color:#fff;max-width:15ch;text-shadow:0 2px 24px rgba(var(--s-teal),.3)}
.thwtext p{font-size:var(--i-copy);color:var(--i-text-on);line-height:1.65;max-width:44ch}
.thwgrid{display:grid;grid-template-columns:1fr;gap:.6rem;width:100%;max-width:420px;justify-self:end}
.thw{display:flex;align-items:center;gap:.9rem;padding:.75rem 1.1rem .75rem .75rem;border-radius:22px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);
  backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 18px 44px rgba(34,53,42,.09),inset 0 1px 0 #fff}
.thw .ico{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:#DDEFF0;color:#1E6577}
.thw .ico .ic{width:20px;height:20px}
.thw h3{font-size:var(--i-t2);line-height:1.25;letter-spacing:-.02em;color:var(--i-title)}

/* ---- services: the "How SEKHN works" band, two panels side by side (marketing on white glass, AI on the Deploy teal),
   each an accordion of its four services ---- */
.thsvc{background:var(--g-band);--gr:.3}
.thsvc>.wrap{position:relative;z-index:1}
.thsvc .shead{margin-bottom:clamp(1.2rem,3vh,1.8rem)}
.thpans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.thpan{border-radius:26px;padding:clamp(1.3rem,2.2vw,1.8rem);display:flex;flex-direction:column;gap:.9rem}
.thpan.mk{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 18px 44px rgba(34,53,42,.09),inset 0 1px 0 #fff}
.thpan.ai{overflow:hidden;color:#fff;background:var(--g-teal);box-shadow:0 24px 60px rgba(34,53,42,.2);--gr:.55}
.thpan.ai>*{position:relative;z-index:1}
.thph{display:grid;gap:.4rem;justify-items:start}
.thph h3{font-size:var(--i-t1);line-height:1.2;letter-spacing:-.02em;color:var(--i-title)}
.thph p{color:var(--i-text);font-size:var(--i-body);line-height:1.55;max-width:52ch}
.thph .mt{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--ink2)}
.thph .mt .ic{width:15px;height:15px;color:#3F5C3B}
.ai .thph h3{color:var(--i-title-on)}
.ai .thph p{color:var(--i-text-on)}
.ai .thph .mt{color:var(--i-list-on)}
.ai .thph .mt .ic{color:#A6D6D8}
.thacc{display:grid}
.thi{border-top:1px solid rgba(34,53,42,.1)}
.ai .thi{border-color:rgba(255,255,255,.15)}
.thi h4{margin:0;font-size:var(--i-t2)}
.throw{display:flex;align-items:center;gap:.8rem;width:100%;padding:.5rem 0;border:0;background:none;cursor:pointer;text-align:left;font:600 var(--i-t2)/1.3 var(--display);letter-spacing:-.02em;color:var(--i-title)}
.ai .throw{color:var(--i-title-on)}
.throw .ico{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:#EEF5DF;color:#3F5C3B;transition:background .3s,color .3s}
.throw .ico .ic{width:20px;height:20px}
.ai .throw .ico{background:rgba(255,255,255,.12);color:#A6D6D8}
.throw[aria-expanded="true"] .ico{background:#173D29;color:#C6E57C}
.ai .throw[aria-expanded="true"] .ico{background:#16485A;color:#A6D6D8}
.throw .tt{flex:1;min-width:0}
.throw .chev{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:transform .35s var(--ease),opacity .2s}
.throw:hover .chev{opacity:1}
.throw[aria-expanded="true"] .chev{transform:rotate(180deg);opacity:1}
.throw:focus-visible{outline:2px solid #1E6577;outline-offset:3px;border-radius:12px}
.ai .throw:focus-visible{outline-color:#C6E57C}
.thb{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .45s var(--ease),visibility 0s .45s}
.thb.open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .45s var(--ease),visibility 0s}
.thbi{overflow:hidden;min-height:0}
.thbi p{margin:.1rem 0 .55rem;font-size:var(--i-body);line-height:1.55;color:var(--i-text)}
.thbi ul{list-style:none;margin:0;padding:0 0 .9rem;display:grid;gap:.25rem}
.thbi li{display:flex;gap:.5rem;font-size:var(--i-li);line-height:1.45;color:var(--i-list)}
.thbi li::before{content:"";flex:none;width:13px;height:13px;margin-top:.2em;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F5C3B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4 4 10-10'/%3E%3C/svg%3E") center/contain no-repeat}
.ai .thbi p{color:var(--i-text-on)}
.ai .thbi li{color:var(--i-list-on)}
.ai .thbi li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A6D6D8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4 4 10-10'/%3E%3C/svg%3E")}
.thcta{display:flex;justify-content:center;margin-top:clamp(1.4rem,3.5vh,2.2rem)}
.thcta .btn{min-width:min(340px,100%);justify-content:center;padding:.95rem 2.6rem}

/* ---- closing: her copy, centred, under a small line drawing ---- */
.thpath{display:block;width:230px;height:auto;margin:0 auto 1.2rem;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.thpath .ln{stroke:#1F4A31;stroke-width:2}
.thpath .end{fill:#C6E57C}
.thpath .tick{stroke:#0E3A1F;stroke-width:2.2}
.js .thpath .ln{stroke-dasharray:1 2;stroke-dashoffset:1.01;transition:stroke-dashoffset 1.2s var(--ease)}
.js .thpath .wave{transition-duration:1.6s;transition-delay:.3s}
.js .thpath .tick{transition-duration:.5s;transition-delay:1.7s}
.js .thpath .end{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .5s var(--ease) 1.5s,transform .6s var(--ease) 1.5s}
.js .thpath.seen .ln{stroke-dashoffset:0}
.js .thpath.seen .end{opacity:1;transform:none}
.thclose .shead{margin-bottom:1.3rem}
.thcopy{max-width:800px;margin:0 auto;display:grid;gap:1rem;text-align:center}
.thcopy p{font-size:var(--i-copy);color:var(--i-text);line-height:1.7}

/* ---- tablets ---- */
@media (max-width:1080px){
  .thwhy{grid-template-columns:1fr;align-items:start}
  .thwtext h2{max-width:22ch}
  .thwtext p{max-width:62ch}
  .thwgrid{max-width:none;justify-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---- phones: hero stacks, problem cards become a plain stack, panels stack ---- */
@media (max-width:860px){
  .thhero>.wrap{grid-template-columns:1fr}
  .thtext h1{max-width:none}
  .thdevwrap{justify-self:center;width:min(360px,100%)}
  .thstack{gap:.9rem}
  .thc,.thc+.thc{margin:0}
  .thc{position:relative;top:auto;grid-template-columns:1fr;gap:1.1rem;min-height:0;padding:1.6rem 1.4rem 1.7rem;border-radius:24px;align-content:start}
  .thc .thg{order:-1;max-width:230px;justify-self:start}
  .thc.photo{min-height:360px;align-content:end}
  .thc.photo .ph{background-position:0 50%}
  .thc.photo::before{background:linear-gradient(180deg,rgba(var(--s-forest),.15) 0%,rgba(var(--s-forest),.55) 45%,rgba(var(--s-forest),.86) 100%)}
  .thwhy{padding:1.7rem 1.2rem 1.3rem;border-radius:24px}
  .thwhy::before{background:linear-gradient(180deg,rgba(var(--s-teal),.8) 0%,rgba(var(--s-teal),.6) 50%,rgba(var(--s-teal),.45) 100%)}
  .thwgrid{grid-template-columns:1fr;gap:.65rem}
  .thpans{grid-template-columns:1fr}
  .thpan{border-radius:22px}
}
@media (max-width:760px){#why .wrap.wide{padding-inline:.6rem}}
@media (prefers-reduced-motion:reduce){
  .thb,.thb.open,.throw .chev,.thchat{transition:none}
  .thdots i{animation:none}
}