/* Muhkam Wasel landing — wasel.muhkam.ae
   Muhkam family: flat surfaces, square corners, one loud colour (Molten Orange) used as whole blocks.
   Mobile-first. No gradients, no blur shadows. Arabic never gets letter-spacing or the mono face. */

/* fonts: self-hosted, Latin from IBM Plex Sans, Arabic from IBM Plex Sans Arabic, one family */
@font-face{font-family:"Wasel Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Wasel Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Wasel Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Wasel Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Wasel Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Wasel Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Wasel Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Wasel Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2")}

:root{
  --o:#F0530C; --od:#C43F06; --k:#141110; --k2:#201B19; --ch:#3A3330; --st:#6E6663; --p:#FAF7F5; --t:#F2ECE7; --ln:#E5DDD7;
  --on-k:#D6CDC7; --on-k2:#A39994; --ok:#2E7D4F;
  --sans:"Wasel Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Wasel Mono",ui-monospace,Menlo,monospace;
  --gut:16px; --pad:72px; --max:1240px; --hd:64px; --ease:cubic-bezier(.16,1,.3,1);
}
@media (min-width:600px){:root{--gut:28px;--pad:96px}}
@media (min-width:1080px){:root{--gut:48px;--pad:128px;--hd:72px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 20px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--p);color:var(--k);font:400 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
html[lang=ar] body{line-height:1.85}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
svg{display:block}
:focus-visible{outline:3px solid var(--o);outline-offset:3px}
.b-orange :focus-visible,.k-orange :focus-visible{outline-color:var(--k)}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.mono{font-family:var(--mono);font-feature-settings:"tnum";letter-spacing:0}
.sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;inset-inline-start:8px;inset-block-start:-60px;z-index:99;background:var(--o);color:var(--k);padding:10px 16px;font-weight:600}
.skip:focus{inset-block-start:8px}

/* type */
.h1,.h2{font-weight:700;text-wrap:balance}
.h1{font-size:clamp(34px,5vw,64px);line-height:1.06;letter-spacing:-.032em}
.h2{font-size:clamp(29px,4.6vw,54px);line-height:1.08;letter-spacing:-.028em}
html[lang=ar] .h1{font-size:clamp(32px,4.8vw,62px);line-height:1.38;letter-spacing:0}
html[lang=ar] .h2{font-size:clamp(27px,4.2vw,50px);line-height:1.4;letter-spacing:0}
h3{font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.01em}
html[lang=ar] h3{letter-spacing:0;line-height:1.55}
.lede{font-size:clamp(17.5px,1.6vw,21px);line-height:1.65;max-width:58ch;color:var(--ch)}
html[lang=ar] .lede{line-height:1.9}
.tag{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;line-height:1.2;margin-block-end:22px}
.tag::before{content:"";inline-size:12px;block-size:12px;background:var(--o);flex:none}
html[lang=en] .tag{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}
.b-ink .tag{color:var(--on-k)}
.b-orange .tag::before{background:var(--k)}
.sh{display:grid;gap:20px;margin-block-end:clamp(40px,5vw,72px);max-width:880px}

/* surfaces */
.band{padding-block:var(--pad)}
.b-tint{background:var(--t)} .b-ink{background:var(--k);color:var(--p)} .b-orange{background:var(--o);color:var(--k)}
.b-ink .lede{color:var(--on-k)} .b-orange .lede{color:var(--k)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-block-size:48px;padding:12px 22px;font:600 16px/1.2 var(--sans);border:2px solid transparent;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s,color .2s}
.btn-xl{min-block-size:58px;padding:15px 30px;font-size:17.5px}
.btn-o{background:var(--o);color:var(--k)}
.btn-k{background:var(--k);color:var(--p)}
.btn-l{border-color:currentColor}
.btn:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--k)}
[dir=rtl] .btn:hover{transform:translate(3px,-3px);box-shadow:-3px 3px 0 var(--k)}
.b-ink .btn:hover,.hd .btn:hover,.pc .btn:hover{box-shadow:3px 3px 0 var(--p)} [dir=rtl] :is(.b-ink,.hd,.pc) .btn:hover{box-shadow:-3px 3px 0 var(--p)}
.b-orange .btn-k:hover{box-shadow:3px 3px 0 var(--p)} [dir=rtl] .b-orange .btn-k:hover{box-shadow:-3px 3px 0 var(--p)}
.btn:active{transform:none;box-shadow:none}
.btn .s{display:none}
.link{font-weight:600;border-block-end:2px solid var(--o);padding-block-end:2px;transition:color .2s}
.link:hover{color:var(--od)}

/* header */
.hd{position:sticky;inset-block-start:0;z-index:50;background:var(--k);color:var(--p);border-block-end:1px solid #2E2825}
.hd-in{display:flex;align-items:center;gap:14px;min-block-size:var(--hd)}
.logo{display:inline-flex;align-items:center;gap:10px;margin-inline-end:auto;flex:none}
.logo svg{inline-size:30px;block-size:32px}
.logo-w{display:grid;line-height:1.1}
.logo-w b{font-size:19px;font-weight:700}
.logo-w i{font-style:normal;font-size:11.5px;color:var(--on-k2);font-weight:400}
.logo-w i span{color:var(--o)}
.nav{display:none}
.hd .btn{min-block-size:42px;padding:9px 16px;font-size:15px}
.hd-login{display:none;font-weight:600;font-size:15px;color:var(--on-k);padding-block:6px;border-block-end:2px solid transparent}
.hd-login:hover{color:var(--p);border-color:var(--o)}
/* mobile menu: <details>, no form controls */
.mnav{position:static}
.mnav summary{list-style:none;cursor:pointer;display:grid;place-items:center;inline-size:44px;block-size:44px;border:1.5px solid #3A3330}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary i{display:block;inline-size:18px;block-size:2px;background:var(--p);box-shadow:0 -6px 0 var(--p),0 6px 0 var(--p);transition:transform .2s}
.mnav[open] summary{background:var(--o);border-color:var(--o)}
.mnav[open] summary i{background:var(--k);box-shadow:0 -6px 0 var(--k),0 6px 0 var(--k)}
.mnav-p{position:absolute;inset-inline:0;inset-block-start:100%;background:var(--k);border-block-end:3px solid var(--o);padding:6px var(--gut) 22px;display:grid}
.mnav-p a{padding-block:13px;border-block-end:1px solid #2E2825;font-size:18px;font-weight:600}
.mnav-p a:hover{color:var(--o)}
.mnav-p .btn{margin-block-start:18px;border:0}
@media (max-width:379px){.logo-w i{display:none}}
@media (min-width:600px){.btn .s{display:inline}.btn .m{display:none}.hd-login{display:inline-block}}
@media (min-width:1080px){
  .mnav{display:none}
  .nav{display:flex;align-items:center;gap:clamp(16px,2vw,28px);font-size:15px;font-weight:500;margin-inline-end:8px}
  .nav a{color:var(--on-k);padding-block:6px;border-block-end:2px solid transparent;transition:color .2s}
  .nav a:hover{color:var(--p);border-color:var(--o)}
  .hd-in{gap:22px}
}
.lang{font-weight:600}
html[lang=ar] .lang{font-family:var(--sans)}

/* hero: paper text, orange block carrying the product */
.hero{position:relative;isolation:isolate;padding-block:44px 0}
.hero-in{display:grid;gap:40px}
.hero .lede{margin-block:24px 32px}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.note{margin-block-start:18px;font-size:14.5px;color:var(--st);display:flex;flex-wrap:wrap;gap:4px 16px}
.note span{display:inline-flex;align-items:center;gap:8px}
.note span::before{content:"";inline-size:7px;block-size:7px;background:var(--o)}
.hero-v{background:var(--o);margin-inline:calc(var(--gut) * -1);padding:36px var(--gut) 44px}
@media (min-width:1080px){
  .hero{padding-block:clamp(56px,6vw,96px)}
  .hero::after{content:"";position:absolute;z-index:-1;inset-block:0;inset-inline-end:0;inline-size:47%;background:var(--o)}
  .hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,5vw,88px);align-items:center;min-block-size:min(640px,calc(100dvh - 180px))}
  .hero-v{background:none;margin:0;padding:0}
}

/* product mock (hero) */
.mock{display:grid;max-inline-size:500px;margin-inline:auto;font-size:14px;line-height:1.5}
.card{background:var(--p);color:var(--k);border:2px solid var(--k)}
.cmp-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--k);color:var(--p)}
.cmp-h small{display:block;font-size:12px;color:var(--on-k2)}
.cmp-h b{font-size:15px;font-weight:600}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:5px 10px;background:var(--p);color:var(--k);flex:none}
.pill::before{content:"";inline-size:8px;block-size:8px;background:var(--ok);border-radius:50%}
.win{padding:14px 14px 10px;border-block-end:1px solid var(--ln)}
.win-l{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--st);margin-block-end:26px}
.win-l b{color:var(--k);font-weight:600}
.rail{position:relative;block-size:34px;border-block-end:2px solid var(--k)}
.rail i{position:absolute;inset-block-end:0;inset-inline-start:var(--x);inline-size:3px;block-size:22px;background:var(--k)}
.rail i.q{block-size:14px;background:none;border:1.5px solid var(--st);border-block-end:0}
.rail .now{position:absolute;inset-block:-6px 0;inset-inline-start:var(--x);inline-size:2px;background:var(--o)}
.rail .now span{position:absolute;inset-block-start:-14px;inset-inline-start:6px;font-size:11px;font-weight:600;color:var(--od);white-space:nowrap}
.hrs{display:flex;justify-content:space-between;font-size:11px;color:var(--st);padding-block-start:5px}
.kp{display:grid;grid-template-columns:repeat(3,1fr);border-block-end:1px solid var(--ln)}
.kp div{padding:10px 14px;border-inline-end:1px solid var(--ln)} .kp div:last-child{border:0;background:var(--o)}
.kp dt{font-size:12px;color:var(--st)} .kp div:last-child dt{color:var(--k)}
.kp dd{font-size:22px;font-weight:600;line-height:1.25} .kp dd small{font-size:13px;color:var(--st);font-weight:400}
.nums{display:grid;gap:9px;padding:12px 14px 26px}
.nums li{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:12.5px}
.nums li span:first-child{color:var(--ch)}
.nums li i{grid-column:1/-1;block-size:6px;background:var(--ln);position:relative}
.nums li i::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--v);background:var(--k)}
.nums li.w i::after{background:var(--o)}
.ibx{margin-block-start:-10px;margin-inline-start:10%;position:relative;box-shadow:8px 8px 0 var(--k)}
[dir=rtl] .ibx{box-shadow:-8px 8px 0 var(--k)}
.ibx-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-block-end:1px solid var(--ln);font-size:13px}
.ibx-h b{font-weight:600;font-size:14px} .ibx-h span{color:var(--st)}
.ibx-h em{font-style:normal;font-size:11.5px;font-weight:600;background:var(--k);color:var(--p);padding:3px 8px}
.msgs{display:grid;gap:8px;padding:12px 14px 14px}
.msgs p{max-inline-size:86%;padding:8px 12px;font-size:13.5px;line-height:1.55}
.msgs small{display:block;font-size:11px;margin-block-start:3px;opacity:.8}
.msgs .in{justify-self:start;background:var(--t);border:1px solid var(--ln)}
.msgs .in strong{font-size:16px;font-weight:700}
.msgs .out{justify-self:end;background:var(--k);color:var(--p)}
.msgs .out small{color:var(--o);opacity:1;font-weight:600}
.msgs .sys{justify-self:stretch;max-inline-size:none;text-align:center;font-size:12px;font-weight:600;color:var(--od);border:1px dashed var(--od);padding:5px}
.cap{margin-block-start:26px;font-size:12.5px;color:var(--k);text-align:center}
@media (prefers-reduced-motion:no-preference){
  .rail i{animation:tick .5s var(--ease) both;animation-delay:calc(var(--d,0) * 70ms + 300ms)}
  .msgs .a1{animation:pop .45s var(--ease) 1.4s both}
  .msgs .a2{animation:pop .45s var(--ease) 2.2s both}
  .msgs .a3{animation:pop .45s var(--ease) 2.9s both}
  @keyframes tick{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
  @keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* strip */
.strip{padding-block:26px}
.strip ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.strip li{display:grid;gap:2px;padding-inline-start:14px;border-inline-start:3px solid var(--o);font-size:14.5px;line-height:1.45;color:var(--on-k)}
.strip b{color:var(--p);font-size:16px;font-weight:600}
@media (min-width:900px){.strip ul{grid-template-columns:repeat(4,1fr)}}

/* how it works */
.steps{display:grid;border-block-start:3px solid var(--k);counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding-block:26px;border-block-end:1px solid var(--ln)}
.steps li::before{content:counter(s,decimal-leading-zero);grid-row:span 3;font:600 15px/1 var(--mono);color:var(--od);padding-block-start:6px}
.steps li>*{grid-column:2}
.steps .ic{inline-size:44px;block-size:44px;margin-block-end:8px}
.steps p{color:var(--ch);font-size:16px}
.steps .m{font-size:13.5px;color:var(--st);margin-block-start:6px}
@media (min-width:900px){
  .steps{grid-template-columns:repeat(4,1fr)}
  .steps li{grid-template-columns:1fr;align-content:start;padding:28px 24px 8px;padding-inline-start:0;border-block-end:0;border-inline-end:1px solid var(--ln)}
  .steps li+li{padding-inline-start:24px} .steps li:last-child{border-inline-end:0}
  .steps li>*{grid-column:auto}
  .steps li::before{grid-row:auto;font-size:14px;padding:0;margin-block-end:14px}
}

/* features bento */
.bento{display:grid;gap:14px}
.f{background:var(--p);border:1.5px solid var(--k);padding:26px 22px;display:grid;gap:12px;align-content:start}
.f p{color:var(--ch);font-size:16px}
.f .viz{margin-block-start:12px}
.k-ink{background:var(--k);color:var(--p);border-color:var(--k)} .k-ink p{color:var(--on-k)}
.k-orange{background:var(--o);border-color:var(--o)} .k-orange p{color:var(--k)}
@media (min-width:760px){.bento{grid-template-columns:repeat(2,1fr)} .f.wide{grid-column:1/-1}}
@media (min-width:1080px){
  .bento{grid-template-columns:repeat(6,1fr);gap:16px}
  .f{grid-column:span 2;padding:32px 30px} .f.s3{grid-column:span 3} .f.wide{grid-column:1/-1}
}
/* mini visuals */
.ramp{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;block-size:92px;border-block-end:2px solid var(--k)}
.ramp i{display:block;block-size:var(--h);background:var(--k)} .ramp i:nth-child(5){background:var(--o)}
.ramp i:nth-child(n+6){background:none;border:1.5px dashed var(--st);border-block-end:0}
.ramp-l{display:flex;justify-content:space-between;font-size:12.5px;color:var(--st);margin-block-start:8px}
.tpl{display:grid;gap:10px}
.tpl li{display:grid;grid-template-columns:5.5em 1fr 3.2em;gap:12px;align-items:center;font-size:14px}
.tpl i{display:block;block-size:12px;background:var(--k);inline-size:var(--v)}
.tpl li.best i{background:var(--o)} .tpl b{font-weight:600;text-align:end}
.mini-rail{border:1.5px solid var(--k);padding:12px 12px 8px;background:#fff}
.mini-rail .win-l{margin-block-end:8px}
.mini-rail .rail{block-size:26px}
.mini-rail .rail i{block-size:16px}
.ar{display:grid;gap:8px}
.ar p{max-inline-size:88%;padding:8px 12px;font-size:14.5px;line-height:1.5}
.ar .in{justify-self:start;background:var(--p);font-weight:700}
.ar .out{justify-self:end;background:var(--k);color:var(--p)}
.k-orange .ar .out{color:var(--p)}
.sheet{display:grid;border:1.5px solid var(--k);font-size:13px;background:#fff}
.sheet div{display:grid;grid-template-columns:2rem 1fr 1.3fr 1fr}
.sheet span{padding:6px 8px;border-inline-end:1px solid var(--ln);border-block-end:1px solid var(--ln);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet div:first-child span{background:var(--t);font-weight:600;color:var(--ch)}
.sheet span:first-child{color:var(--st);text-align:center}
.sheet-r{margin-block-start:10px;font-size:13.5px;color:var(--ch)}
.sheet-r b{color:var(--k)}
.f .masked{font-size:clamp(22px,3.4vw,30px);font-weight:600;color:var(--o);direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.seats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--on-k)}
.seats i{display:grid;place-items:center;inline-size:38px;block-size:38px;font-style:normal;font-weight:600;background:var(--p);color:var(--k);font-size:14px}
.seats i.e{background:none;border:1.5px dashed #6E6663;color:var(--on-k2)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:6px 12px;border:1.5px solid var(--k);font-size:14.5px;font-weight:600;background:#fff}
.rep{display:grid;gap:12px}
@media (min-width:760px){.rep{grid-template-columns:repeat(3,1fr)}}
.rp{border:1.5px solid var(--k);background:#fff;padding:16px;display:grid;gap:10px;align-content:start}
.rp h4{font-size:13px;font-weight:600;color:var(--st)}
.wait li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding-block:6px;border-block-end:1px solid var(--ln)}
.wait li:last-child{border:0} .wait em{font-style:normal;color:var(--od);font-weight:600}
.hours{display:grid;grid-template-columns:repeat(10,1fr);align-items:end;gap:4px;block-size:70px;border-block-end:2px solid var(--k)}
.hours i{display:block;block-size:var(--h);background:var(--ln)} .hours i.top{background:var(--o)}
.hours-l{display:flex;justify-content:space-between;font-size:11.5px;color:var(--st)}
.big-n{font-size:15px} .big-n b{display:block;font-size:30px;font-weight:600;line-height:1.2}
.fun{display:grid;gap:6px;font-size:13.5px}
.fun li{display:grid;grid-template-columns:1fr auto;gap:2px 10px}
.fun i{grid-column:1/-1;display:block;block-size:8px;background:var(--k);inline-size:var(--v)} .fun li:last-child i{background:var(--o)}
.f-cap{font-size:12.5px;color:var(--st)}

/* protect */
.prot{display:grid;gap:44px}
.plist{display:grid;border-block-start:1px solid #3A3330}
.plist li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding-block:22px;border-block-end:1px solid #3A3330}
.plist li::before{content:"";grid-row:span 2;inline-size:14px;block-size:14px;background:var(--o);margin-block-start:7px}
.plist p{color:var(--on-k);font-size:16px}
.honest{margin-block-start:32px;padding:22px 24px;border-inline-start:4px solid var(--o);background:var(--k2);color:var(--on-k);font-size:16px}
.honest b{color:var(--p)}
.health{inline-size:100%;max-inline-size:440px;justify-self:center;background:var(--p);color:var(--k);border:2px solid var(--p);box-shadow:10px 10px 0 var(--o);align-self:start}
[dir=rtl] .health{box-shadow:-10px 10px 0 var(--o)}
.health-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:var(--o);font-size:14px}
.health-h b{font-weight:700}
.health-h span{font-size:12.5px;font-weight:600;background:var(--k);color:var(--p);padding:4px 9px;white-space:nowrap}
.health-b{padding:18px 16px;display:grid;gap:14px;font-size:14px}
.cells{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.cells i{aspect-ratio:1;background:var(--k)} .cells i.x{background:var(--o)}
.health-b p{color:var(--ch)}
.health-b dl{display:grid;grid-template-columns:1fr 1fr;border-block-start:1px solid var(--ln)}
.health-b dl div{padding-block:10px} .health-b dt{font-size:12.5px;color:var(--st)} .health-b dd{font-size:17px;font-weight:600}
.health-f{padding:10px 16px;border-block-start:1px solid var(--ln);font-size:12.5px;color:var(--st)}
@media (min-width:900px){.prot{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(48px,6vw,104px);align-items:start} .health{position:sticky;inset-block-start:calc(var(--hd) + 32px)}}

/* pricing */
.price{display:grid;gap:22px}
.pc{background:var(--k);color:var(--p);padding:30px 22px;box-shadow:10px 10px 0 var(--o);display:grid;gap:18px;align-content:start}
[dir=rtl] .pc{box-shadow:-10px 10px 0 var(--o)}
.pc-k{font-size:15px;font-weight:600;color:var(--o)}
.pc-p{display:flex;align-items:flex-end;gap:14px}
.pc-p b{font-size:clamp(72px,12vw,120px);line-height:.85;font-weight:600;letter-spacing:-.04em}
.pc-p span{font-size:17px;line-height:1.35;color:var(--on-k);padding-block-end:6px}
.ticks{display:grid;gap:10px;padding-block:18px;border-block:1px solid #3A3330}
.ticks li{position:relative;padding-inline-start:28px;font-weight:500}
.ticks li::before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:.55em;inline-size:13px;block-size:7px;border-left:2.5px solid var(--o);border-bottom:2.5px solid var(--o);transform:rotate(-45deg)}
.pc-x{font-size:16px;color:var(--on-k)} .pc-x b{color:var(--p);font-weight:600}
.pc .btn{justify-self:stretch}
.pc-f{font-size:13.5px;color:var(--on-k2);line-height:1.6}
.side{display:grid;gap:16px;align-content:start}
.trial{background:var(--o);padding:26px 22px;display:grid;gap:12px}
.trial dl{display:grid;grid-template-columns:repeat(3,1fr);border-block-start:2px solid var(--k);margin-block-start:6px}
.trial dl div{padding:12px 10px 0 0;padding-inline:0 10px}
.trial dt{font-size:13px;line-height:1.4} .trial dd{font-size:24px;font-weight:600;line-height:1.3}
.pay{border:1.5px solid var(--k);padding:22px;display:grid;gap:8px}
.pay p{color:var(--ch);font-size:15.5px}
@media (min-width:900px){.price{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px)} .pc{padding:44px 40px} .trial{padding:32px 30px} .pay{padding:26px 30px}}

/* faq */
.faq{display:grid;gap:28px}
@media (min-width:900px){.faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,6vw,96px)} .faq .sh{position:sticky;inset-block-start:calc(var(--hd) + 32px);align-self:start}}
.qa details{border-block-end:1px solid #CFC3BA}
.qa details:first-child{border-block-start:3px solid var(--k)}
.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding-block:20px;font-size:clamp(17.5px,1.6vw,20px);font-weight:600;line-height:1.45}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";inline-size:15px;block-size:15px;background:var(--od);clip-path:polygon(42% 0,58% 0,58% 42%,100% 42%,100% 58%,58% 58%,58% 100%,42% 100%,42% 58%,0 58%,0 42%,42% 42%);transition:transform .25s var(--ease)}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa summary:hover{color:var(--od)}
.qa details p{padding-block-end:22px;max-inline-size:66ch;color:var(--ch)}

/* final cta */
.cta-in{display:grid;gap:28px}
.cta .lede{margin-block-start:18px;font-weight:500}
.cta-a{display:grid;gap:14px;justify-items:start}
.cta-a .link{border-color:var(--k)}
@media (min-width:900px){.cta-in{grid-template-columns:1fr auto;align-items:end;gap:56px}}

/* footer */
.ft{padding-block:56px 26px;font-size:15px}
.ft-in{display:grid;gap:34px}
.ft-a p{margin-block-start:16px;color:var(--on-k2);max-inline-size:42ch}
.ft h2{font-size:13.5px;font-weight:600;color:var(--on-k2);margin-block-end:12px}
.ft-in div:not(.ft-a) a{display:block;padding-block:5px;color:var(--on-k);inline-size:fit-content}
.ft-in div:not(.ft-a) a:hover{color:var(--o)}
.ft-b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;margin-block-start:44px;padding-block-start:20px;border-block-start:1px solid #2E2825;color:#8E8783;font-size:13.5px}
@media (min-width:760px){.ft-in{grid-template-columns:1.6fr 1fr 1fr}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}