:root{--bg:#f6faf8;--sf:#fff;--tx:#1b2a26;--mu:#55665f;--g:#0f4a3b;--o:#b96a2c;--mn:#e3efe9;--ln:#d7e2dd;--bt:#0f4a3b;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}


html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.7 Lato,Cairo,system-ui,sans-serif}
[dir=rtl] body{font-family:Cairo,Lato,system-ui,sans-serif}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.2;margin:0 0 .5em;color:var(--g)}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Cairo,sans-serif;line-height:1.4}
a{color:inherit}
:focus-visible{outline:3px solid var(--o);outline-offset:2px}
.w{max-width:1040px;margin:auto;padding:0 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--sf);border-bottom:1px solid var(--ln)}
.hd{display:flex;align-items:center;gap:14px;height:66px}
.hd img{height:48px;width:auto;background:#fff;border-radius:8px;padding:2px 6px}
nav{display:flex;gap:20px;margin-inline-start:auto;font-size:14px;font-weight:700}
nav a{text-decoration:none;color:var(--mu)}nav a:hover{color:var(--g)}
.act{display:flex;gap:8px}
@media(max-width:860px){nav{display:none}.act{margin-inline-start:auto}}
.b{display:inline-block;padding:10px 20px;border-radius:999px;border:1.5px solid transparent;background:var(--bt);color:#fff;font:700 14px Lato,Cairo,sans-serif;text-decoration:none;cursor:pointer}
.b.o{background:var(--o)}.b.l{background:transparent;color:var(--g);border-color:var(--g)}
.hero{position:relative;min-height:min(80vh,640px);display:flex;align-items:center;color:#fff;overflow:hidden;background:linear-gradient(#0a3128 0%,#18604d 50%,#e8a869 100%)}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:#f7cf86;bottom:26%;inset-inline-end:14%;opacity:.9;animation:rise 16s ease-in-out infinite alternate}
.hero svg{position:absolute;left:0;bottom:0;width:100%;height:42%}
.wave{position:absolute;left:0;bottom:-2px;width:200%;height:30%;animation:drift 24s linear infinite}
.wave.b2{height:20%;animation-duration:16s;animation-direction:reverse}
@keyframes drift{to{transform:translateX(-50%)}}
@keyframes rise{to{transform:translateY(-30px)}}
@media(prefers-reduced-motion:reduce){.wave,.sun{animation:none}}
.in{position:relative;z-index:2;padding:90px 0 130px;max-width:620px;text-shadow:0 2px 16px rgba(0,0,0,.4)}
.hero h1{color:#fff;font-size:clamp(38px,7vw,68px);margin-bottom:.3em}
.hero p{font-size:19px;margin:0 0 26px;max-width:30em}
.hero .b.l{color:#fff;border-color:#fff}
section{padding:68px 0}.alt{background:var(--mn)}
h2{font-size:clamp(26px,4vw,36px)}
.sv{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:34px}
.sv div{border-top:4px solid var(--g);padding-top:14px}.sv div:nth-child(2){border-color:var(--o)}
.sv h3{font-size:21px}.sv p{margin:0;color:var(--mu)}
.st{list-style:none;margin:0;padding:0;max-width:640px;counter-reset:s;border-inline-start:2px solid var(--o)}
.st li{counter-increment:s;position:relative;padding:0 0 22px 28px;padding-inline:28px 0}
.st li::before{content:counter(s);position:absolute;inset-inline-start:-15px;top:-2px;width:28px;height:28px;border-radius:50%;background:var(--o);color:#fff;display:grid;place-items:center;font:700 14px Lato,sans-serif}
.nt{color:var(--mu);font-size:15px;max-width:640px}
.ab{max-width:660px;font-size:18px}
details{border-bottom:1px solid var(--ln);padding:14px 0;max-width:720px}
summary{cursor:pointer;font-weight:700;color:var(--g)}details p{margin:.6em 0 0;color:var(--mu)}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--sf);border:1px solid var(--ln);border-radius:20px;padding:26px;max-width:760px}
.full{grid-column:1/-1}@media(max-width:640px){.fm{grid-template-columns:1fr;padding:18px}}
label{display:grid;gap:4px;font-size:14px;font-weight:700;color:var(--mu)}
input,textarea{width:100%;padding:11px 12px;border:1px solid var(--ln);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit}
label.ck{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--tx)}label.ck input{width:auto;margin-top:6px}
.ok{background:var(--mn);color:var(--g);padding:12px 14px;border-radius:10px;font-weight:700}
.ct{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.ct b{display:block;color:var(--g)}.ltr{direction:ltr;unicode-bidi:embed;display:inline-block}
.wa{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9;background:#1c9c52;color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}
footer{background:#0c2b23;color:#d6e4de;padding:34px 0;font-size:14px}footer a{color:#f2c58f}
dialog{max-width:560px;width:calc(100% - 32px);border:1px solid var(--ln);border-radius:16px;background:var(--sf);color:var(--tx);padding:24px}
dialog::backdrop{background:rgba(0,0,0,.55)}dialog li{margin-bottom:8px}

.ph{background:var(--mn);padding:56px 0 44px}.ph h1{font-size:clamp(30px,5vw,46px);margin:0 0 .3em}.ph p{max-width:36em;color:var(--mu);margin:0;font-size:18px}
select{width:100%;padding:11px 12px;border:1px solid var(--ln);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit}
.ul{margin:.6em 0 0;padding-inline-start:1.2em;color:var(--mu)}.cta{text-align:center}.cta p{color:var(--mu);max-width:34em;margin:0 auto 20px}
.mb{display:none;background:none;border:1.5px solid var(--ln);border-radius:10px;padding:5px 11px;color:var(--g);font:700 18px Lato,sans-serif;cursor:pointer}
nav a[aria-current]{color:var(--g);border-bottom:2px solid var(--o)}
@media(max-width:860px){.mb{display:inline-block}nav{position:absolute;top:100%;inset-inline:0;flex-direction:column;gap:14px;background:var(--sf);padding:16px 20px;border-bottom:1px solid var(--ln)}header.open nav{display:flex}}
@media(max-width:520px){.act .o{display:none}}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand img{height:54px;width:auto;background:#fff;border-radius:50%;padding:4px}
.bn b{display:block;font:600 25px/1 Fraunces,Georgia,serif;color:var(--g);white-space:nowrap}.bn i{font-style:normal;color:var(--o)}
.bn small{display:block;font:700 9.5px/1 Lato,Cairo,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--mu);margin-top:6px}
[dir=rtl] .bn small{letter-spacing:0;font-size:12px;font-family:Cairo,sans-serif}
@media(max-width:520px){.brand img{height:44px}.bn b{font-size:20px}.bn small{font-size:8px;letter-spacing:.16em}}
.kick{font:italic 600 clamp(18px,2.4vw,24px)/1.3 Fraunces,Georgia,serif;color:#f6cf9a;margin:0 0 10px}[dir=rtl] .kick{font-family:Cairo,sans-serif;font-style:normal}
.rib{background:var(--mn);border-bottom:1px solid var(--ln)}.rib .w{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0;padding-block:14px}
.rib span{font:700 12px Lato,Cairo,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--g);padding:0 16px;border-inline-start:1px solid var(--o)}.rib span:first-child{border:0}
[dir=rtl] .rib span{letter-spacing:0;font-size:14px;font-family:Cairo,sans-serif}
.ms{padding:46px 0 10px}.ms .w{display:grid;grid-template-columns:1fr 1fr;max-width:900px;direction:ltr;align-items:center}
.ms p{margin:0;padding:10px 28px;text-align:center;font:600 clamp(18px,2.3vw,23px)/1.55 Fraunces,Georgia,serif;color:var(--g)}
.ms .msa{font-family:Cairo,sans-serif;border-left:2px solid var(--o)}
@media(max-width:640px){.ms .w{grid-template-columns:1fr}.ms .msa{border-left:0;border-top:2px solid var(--o);margin-top:10px;padding-top:18px}}
.bn{display:block;text-align:center}.bn small::before,.bn small::after{content:"–";margin:0 .45em}
.hero p.sl{font:700 clamp(17px,2.1vw,21px)/1.35 Lato,Cairo,sans-serif;color:#ffd28a;margin:0 0 8px}[dir=rtl] .hero p.sl{font-family:Cairo,sans-serif}@media(min-width:700px){.hero p.sl{white-space:nowrap}}
.wnb{max-width:640px;border-inline-start:4px solid var(--o);padding:6px 16px;margin:22px 0 0;color:var(--g);font-weight:700;font-size:17px}footer strong{color:#fff}

.ph2{background:linear-gradient(90deg,var(--mn) 24%,transparent 44%),url(assets/hdr.jpg) right top/cover,var(--mn);padding:70px 0 60px;min-height:220px}
[dir=rtl] .ph2{background:linear-gradient(270deg,var(--mn) 24%,transparent 44%),url(assets/hdr.jpg) left top/cover,var(--mn)}
.ph2 p{max-width:430px}.ph2 h1{font-size:clamp(36px,6vw,56px)}.ph2 p{color:var(--tx);font-size:20px}
@media(max-width:700px){.ph2{padding-bottom:170px;background-repeat:no-repeat;background:linear-gradient(180deg,var(--mn) 52%,transparent 88%),url(assets/hdr.jpg) 60% 100%/auto 62%,var(--mn)}[dir=rtl] .ph2{background:linear-gradient(180deg,var(--mn) 52%,transparent 88%),url(assets/hdr.jpg) 40% 100%/auto 62%,var(--mn)}}
.sc{display:grid;grid-template-columns:repeat(5,1fr)}.cd{position:relative;padding:0 12px}.cd+.cd{border-inline-start:1px solid var(--ln)}
@media(max-width:1000px){.sc{grid-template-columns:repeat(2,1fr);row-gap:34px}.cd+.cd{border:0}.cd:nth-child(even){border-inline-start:1px solid var(--ln)}}
@media(max-width:600px){.sc{grid-template-columns:1fr}.cd:nth-child(even){border:0}}
.cp{height:128px;border-radius:10px 10px 0 0;overflow:hidden}.cp img{width:100%;height:100%;object-fit:cover;display:block}
.ci{position:absolute;inset-inline-start:26px;top:104px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--bg);z-index:2}
.cd.g .ci,.bi{background:var(--bt)}.cd.o .ci{background:var(--o)}
.ci svg,.bi svg,.ni svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cb{border-top:4px solid var(--g);padding-top:32px}.cd.o .cb{border-color:var(--o)}
.cb h3{font-size:19px;margin:0 0 .4em}.cb p{font-size:14.5px;color:var(--mu);margin:0 0 .6em;line-height:1.55}.cb .ul{font-size:14px;line-height:1.55}
.bi{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center}.bi svg{width:28px;height:28px}
.rcv,.trb{margin-top:34px;border-radius:18px;padding:24px 28px;overflow:hidden}
.rcv{background:linear-gradient(90deg,var(--mn) 40%,transparent 66%),url(assets/rec.jpg) right center/cover,var(--mn)}
.trb{display:flex;gap:18px;align-items:center;background:linear-gradient(90deg,var(--mn) 55%,transparent),url(assets/trt.jpg) right center/auto 100% no-repeat,var(--mn)}
[dir=rtl] .rcv{background:linear-gradient(270deg,var(--mn) 40%,transparent 66%),url(assets/rec_ar.jpg) left center/cover,var(--mn)}
[dir=rtl] .trb{background:linear-gradient(270deg,var(--mn) 55%,transparent),url(assets/trt.jpg) left center/auto 100% no-repeat,var(--mn)}
.hd2{display:flex;gap:18px;align-items:center}.rcv h3,.trb h3{font-size:28px;margin:0}.rcv p,.trb p{margin:.3em 0 0;max-width:34em;color:var(--mu)}
.nb{margin-top:18px;background:rgba(185,106,44,.16);border-radius:12px;padding:10px 16px;display:flex;gap:12px;align-items:center}.nb p{margin:0;color:var(--tx);max-width:none;font-size:15px}
.ni{flex:none;width:36px;height:36px;border-radius:50%;background:rgba(185,106,44,.25);display:grid;place-items:center}.ni svg{stroke:var(--o);width:20px;height:20px}
.qh{display:flex;gap:16px;align-items:center;margin-bottom:22px}.qh h2{margin:0}
.fq{columns:2;column-gap:22px}@media(max-width:760px){.fq{columns:1}}
.fq details{break-inside:avoid;max-width:none;border:1px solid var(--ln);border-radius:12px;padding:14px 18px;margin:0 0 14px;background:var(--sf)}
.fq summary{display:flex;justify-content:space-between;gap:12px;list-style:none}.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"";flex:none;width:8px;height:8px;margin-top:7px;border:solid var(--g);border-width:0 2px 2px 0;transform:rotate(45deg)}.fq details[open] summary::after{transform:rotate(-135deg);margin-top:11px}
.cta2{position:relative;overflow:hidden;background:linear-gradient(100deg,#0a3128,#14594a);color:#fff;padding:56px 0}.cta2 .w{position:relative;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.cta2 h2{color:#fff;font-size:clamp(30px,5vw,44px);margin:0 0 6px}.cta2 p{margin:0;max-width:30em;color:#d6e8e0}.cb2{display:flex;gap:12px;flex-wrap:wrap}
.cta2 .b{padding:15px 30px;font-size:17px;border-radius:14px}.cta2 .b.o::after{content:" ›"}.cta2 .b.l{color:#fff;border-color:#fff}.cw{position:absolute;left:0;bottom:0;width:100%;height:45%;opacity:.28}
footer .brand img{height:48px}footer .bn b{color:#fff}footer .bn i{color:#f2c58f}footer .bn small{color:#b9cfc7}
.fg{display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:28px}@media(max-width:760px){.fg{grid-template-columns:1fr}}
footer b.fh{display:block;color:#fff;margin-bottom:4px}.fl{border-top:1px solid rgba(255,255,255,.16);margin-top:26px;padding-top:18px}.fs{margin:14px 0 0;font-style:italic;color:#f2c58f}


.hero{min-height:0;display:flex;align-items:center;overflow:hidden}.hero::after{display:none}
.hero .w{display:grid;grid-template-columns:1fr minmax(360px,40.8%);gap:48px;align-items:center;width:100%}
.hero .in{max-width:none;padding:72px 0}.hero h1{font-size:clamp(34px,4.6vw,58px)}
.wave,.sun{animation:none}
.vbox{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:#0a3128;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 44px rgba(0,0,0,.35)}
.vbox video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vp{position:absolute;inset-inline-end:12px;bottom:12px;z-index:3;background:rgba(6,32,26,.72);color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:6px 12px;font:700 12.5px Lato,Cairo,sans-serif;cursor:pointer}
@media(min-width:700px){.hero p.sl{white-space:normal}}@media(min-width:1100px){.hero p.sl{white-space:nowrap}}
@media(max-width:900px){.hero .w{grid-template-columns:1fr;gap:0}.hero .in{padding:44px 0 26px}.vbox{margin-bottom:38px}}
.ill{margin:6px 0 0;color:#b9cfc7;font-size:13px}

.cp{position:relative;height:auto;aspect-ratio:3/2;overflow:visible;border-radius:10px 10px 0 0}
.cp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:10px 10px 0 0}
.cp .ci{top:auto;bottom:-23px;inset-inline-start:14px}

.tn{margin:.8em 0 0;font-size:14px;color:var(--mu);font-style:italic}
.rr{margin-top:34px;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:var(--mn);align-items:stretch}
.rr .rrt{padding:28px;align-self:center}.rr h3{font-size:28px;margin:0}.rr p{margin:.6em 0 0;color:var(--mu);max-width:32em}.rr .rrn{font-size:13px}
.rr img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}
@media(max-width:700px){.rr{grid-template-columns:1fr}.rr img{order:2;max-height:220px}}
.rcv .nb{max-width:56%}@media(max-width:700px){.rcv .nb{max-width:100%}}
@media(max-width:700px){[dir=rtl] .ph2{padding-bottom:250px;background:linear-gradient(180deg,var(--mn) 36%,transparent 62%),url(assets/hdr.jpg) 50% 100%/100% auto no-repeat,var(--mn)}}
.rcv .hd2 p{max-width:29em}@media(max-width:700px){.rcv .hd2 p{max-width:none}}

.tl{margin-top:14px;background:#fff;border:1px solid #d6e5dd;border-radius:18px;padding:22px 26px}
.tl ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tl li{background:var(--mn);color:#0f4a3b;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:500}
.tl .tln{margin:16px 0 0;font-size:14px;color:var(--mu)}

.tg{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;align-items:start}
.tg details{border:1px solid #d6e5dd;border-radius:12px;background:#fbfdfc}
.tg summary{cursor:pointer;padding:12px 16px;font-weight:600;color:#0f4a3b;list-style:none;display:flex;justify-content:space-between;gap:10px}
.tg summary::-webkit-details-marker{display:none}
.tg summary::after{content:"+";font-weight:700;color:#b9692c}
.tg details[open] summary::after{content:"\2212"}
.tg details[open]{background:var(--mn)}
.tg ul{display:block;margin:0;padding:0 16px 14px 34px;list-style:disc}
.tg li{background:none;border-radius:0;padding:3px 0;font-size:15px;font-weight:400;color:var(--mu)}
[dir=rtl] .tg ul{padding:0 34px 14px 16px}
@media(max-width:700px){.tg{grid-template-columns:1fr}}

.wks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.wks figure{margin:0;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #d6e5dd}
.wks img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.wks figcaption{padding:11px 14px;font-weight:600;font-size:15px;color:#0f4a3b}
.wkn{margin:10px 0 0;font-size:13px;color:var(--mu)}
@media(max-width:800px){.wks{grid-template-columns:1fr 1fr;gap:12px}}

.slg{text-align:center;padding:22px 16px;font-family:Georgia,serif;letter-spacing:.2em;color:#b9692c;font-size:15px;font-weight:700;background:#fff;border-bottom:1px solid #d6e5dd}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.tc{background:#fff;border:1px solid #d6e5dd;border-radius:16px;padding:22px 26px;border-top:4px solid #0f4a3b}
.tc h3{margin:0 0 .5em;font-size:22px}.tn2{border-top-color:#b9692c}
.fd{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px;color:var(--mu)}
.fd .fh{display:block;color:#0f4a3b;margin-bottom:4px}.fd a{color:#0f4a3b}
@media(max-width:800px){.two,.fd{grid-template-columns:1fr}}

.ph3{position:relative;overflow:hidden}.ph3 .w{position:relative;z-index:1}
.ph3::after{content:"";position:absolute;right:0;top:0;bottom:0;width:38%;background:url(assets/sv1.jpg) center/cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
[dir=rtl] .ph3::after{right:auto;left:0;-webkit-mask-image:linear-gradient(270deg,transparent,#000 45%);mask-image:linear-gradient(270deg,transparent,#000 45%)}
@media(max-width:700px){.ph3::after{display:none}}

:root{color-scheme:light}
/* header brand: true logo colours, no white disc */
header{background:#f3f6f4}
header .brand img{background:none;border-radius:0;padding:0;height:52px}
header .bn b{color:#00483a}header .bn i{color:#b86828}
header .bn small{color:#5b6b64}
/* subtle pause button */
.vp{top:10px;bottom:auto;padding:3px 10px;font-size:11px;font-weight:600;background:rgba(0,0,0,.28);border:0;opacity:.75;letter-spacing:.02em}
.vp:hover,.vp:focus-visible{opacity:1;background:rgba(0,0,0,.5)}
/* how it works two-column */
.hw2{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start}
.hwc{background:#fff;border:1px solid #d6e5dd;border-top:4px solid #b86828;border-radius:18px;padding:26px 28px;position:sticky;top:96px}
.hwc h3{margin:0 0 6px;font-size:24px}.hwc p{margin:0 0 16px;color:var(--mu)}
.hwc ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hwc li{background:var(--mn);color:#0f4a3b;border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:500}
@media(max-width:860px){.hw2{grid-template-columns:1fr;gap:30px}.hwc{position:static}}
/* final home hero: ash + orange edge */
.hero.h7{background:linear-gradient(120deg,#e4e8e9 0%,#eef0f0 65%,#f3d9bd 100%);color:#3a4a46}
.hero.h7 .sun,.hero.h7>svg{display:none}
.hero.h7 h1{color:#0f4a3b;text-shadow:none}.hero.h7 .kick{color:#b86828}.hero.h7 p.sl{color:#8a4c1c}
.hero.h7 p{color:#3a4a46}.hero.h7 .in{text-shadow:none}.hero.h7 .b.l{color:#0f4a3b;border-color:#0f4a3b}
.hero.h7 .vbox{border-color:#fff;box-shadow:0 18px 44px rgba(20,50,40,.25)}
/* final header: soft keypad buttons on orange */
header{background:#b0601f;border-bottom:2px solid #8a4a15;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.hd{height:84px}
header .brand{background:#fbf5ea;border:1px solid #e3d3b4;border-radius:12px;padding:5px 16px 5px 10px;box-shadow:0 1px 0 #d2bd96,0 2px 5px rgba(0,0,0,.18)}
header .brand img{height:46px}
header .bn b{color:#00483a}header .bn i{color:#b86828}header .bn small{color:#5b6b64}
header nav a{background:#fbf5ea;color:#0f4a3b;font-weight:700;border:1px solid #e3d3b4;border-radius:9px;padding:8px 17px;box-shadow:0 1px 0 #d2bd96,0 2px 4px rgba(0,0,0,.16);text-decoration:none}
header nav a:hover{color:#0f4a3b;background:#fff}
header nav a[aria-current]{background:#dcece3;border-color:#a9c9b8;box-shadow:inset 0 1px 3px rgba(0,0,0,.18)}
@media(min-width:861px){header nav{display:flex;gap:10px}}
header .act .b.l{background:#fbf5ea;border:1px solid #e3d3b4;color:#0f4a3b;box-shadow:0 1px 0 #d2bd96,0 2px 4px rgba(0,0,0,.16)}
header .act .b.o{background:#fbf5ea;color:#0f4a3b;border:1px solid #e3d3b4;box-shadow:0 1px 0 #d2bd96,0 2px 4px rgba(0,0,0,.16)}
header .mb{background:#fbf5ea;border:1px solid #e3d3b4;box-shadow:0 1px 0 #d2bd96,0 2px 4px rgba(0,0,0,.16)}
@media(max-width:520px){header .brand{padding:4px 8px 4px 6px}header .bn b{font-size:17px}header .brand img{height:38px}header .act{gap:6px}header .act .b.l{padding:8px 12px}.hd{gap:8px}}
/* header: all buttons same shape */
header .act .b,header .mb{border-radius:9px;padding:8px 17px;font-size:14px;font-weight:700;line-height:1.3;font-family:inherit}
header nav a{font-size:14px;line-height:1.3}
header .mb{padding:8px 13px;font-size:18px}
@media(max-width:520px){header .act .b.l{padding:8px 12px}}
/* mission statement box */
.ms .w{background:#fbf5ea;border:1px solid #e3d3b4;border-top:4px solid #b86828;border-radius:18px;padding:14px 8px;box-shadow:0 2px 10px rgba(80,60,20,.1)}
@media(max-width:640px){.ms .w{margin-inline:16px;max-width:none}}

/* justified Why Kerala paragraphs */
.ab.jy{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:600px){.ab.jy{text-align:start}}
/* footer brand: same cream plate as header */
footer .brand{display:inline-flex;background:#fbf5ea;border:1px solid #e3d3b4;border-radius:12px;padding:5px 16px 5px 10px;box-shadow:0 1px 0 #d2bd96,0 2px 5px rgba(0,0,0,.25)}
footer .brand img{background:none;border-radius:0;padding:0;height:46px}
footer .bn b{color:#00483a}footer .bn i{color:#b86828}footer .bn small{color:#5b6b64}
@media(max-width:520px){footer .brand{padding:4px 10px 4px 6px}footer .bn b{font-size:17px}footer .brand img{height:38px}}
/* services refinements */
main>section:nth-of-type(2){padding-top:20px}
.rcv .hd2 p{max-width:25em}.rcv .nb{max-width:50%}
@media(max-width:700px){.rcv .hd2 p{max-width:none}.rcv .nb{max-width:100%}}
/* about page refinements */
.wg{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:start}
.agc{background:#fbf5ea;border:1px solid #e3d3b4;border-top:4px solid #b86828;border-radius:18px;padding:22px 26px;box-shadow:0 2px 10px rgba(80,60,20,.1)}
.agc h3{margin:0 0 10px;font-size:22px}.agc dl{margin:0}.agc dt{font-weight:700;color:#0f4a3b;margin-top:12px;font-size:14px;letter-spacing:.02em}.agc dd{margin:2px 0 0;color:var(--mu)}
@media(max-width:860px){.wg{grid-template-columns:1fr;gap:22px}}
.fd .mp{margin-top:12px;display:inline-block;padding:8px 17px;border-radius:9px;font-size:14px}

.ef{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:32px;align-items:start}
.nx{background:#fbf5ea;border:1px solid #e3d3b4;border-top:4px solid #b86828;border-radius:18px;padding:22px 22px 18px}
.nx h3{margin:0 0 14px;color:#00483a}
.nx ol{list-style:none;margin:0;padding:0;counter-reset:n}
.nx li{counter-increment:n;position:relative;padding:0 0 16px 44px}
.nx li:before{content:counter(n);position:absolute;inset-inline-start:0;top:0;width:30px;height:30px;border-radius:50%;background:#00483a;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.nx li b{display:block;color:#00483a}.nx li span{display:block;color:#4a5a55;font-size:15px;margin-top:2px}
.ct .mp{margin-top:10px;display:inline-block}
@media(max-width:980px){.ef{grid-template-columns:1fr}}
.rcv .ul{max-width:46%}@media(max-width:760px){.rcv .ul{max-width:none}}
@media(max-width:700px){.rcv,[dir=rtl] .rcv{background:linear-gradient(180deg,var(--mn) 88%,transparent 100%),url(assets/rec.jpg) center bottom/cover,var(--mn);padding-bottom:40px}}
.rg{font-size:13px;opacity:.85;margin:0 0 4px}

.tf{min-width:0}.tf iframe{display:block;width:100%;border:0;background:transparent;margin:6px 0 4px}.docs li{margin:6px 0}
/* chat button + consent box */
.chbtn{position:fixed;inset-inline-end:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:9;background:var(--g);color:#fff;border:0;padding:12px 18px;border-radius:999px;font:700 15px Lato,Cairo,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.chbtn:disabled{opacity:.6;cursor:wait}
.chat-on .chbtn{display:none}
.chat-on .wa{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.cm{position:fixed;inset:0;z-index:20;background:rgba(10,30,25,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.cm[hidden]{display:none}
.cmb{position:relative;background:#fff;color:var(--tx);max-width:460px;width:100%;max-height:90vh;overflow:auto;border-radius:16px;padding:24px 22px 20px;box-shadow:0 12px 40px rgba(0,0,0,.3);font:16px/1.6 Lato,Cairo,sans-serif}
.cmb h2{margin:0 0 10px;font:600 22px Fraunces,Cairo,serif;color:var(--g)}
.cmb p{margin:0 0 12px}
.cmb a{color:var(--g);font-weight:700}
.cmx{position:absolute;top:8px;inset-inline-end:10px;background:none;border:0;font-size:28px;line-height:1;color:var(--mu);cursor:pointer;padding:4px 8px}
.cma{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.cma .b{padding:12px 22px;font-size:16px}
.cma .cn{background:#fff;color:var(--g);border:1.5px solid var(--g)}
.chbtn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 10px}
.cbi{width:32px;height:32px;color:#fff;flex:none}
[dir=rtl] .chbtn{padding:8px 10px 8px 18px}

/* 2 Nov 2026: Arabic recovery photo uses a mirrored copy so the balcony shows on the left, as in English on the right */
@media(max-width:700px){[dir=rtl] .rcv{background:linear-gradient(180deg,var(--mn) 88%,transparent 100%),url(assets/rec_ar.jpg) center bottom/cover,var(--mn)}}
/* 2 Nov 2026: Arabic services header on desktop shows the hospital lobby on the LEFT (cropped copy, sign not mirrored) */
@media(min-width:701px){[dir=rtl] .ph2{background:linear-gradient(270deg,var(--mn) 42%,transparent 66%),url(assets/hdr_ar.jpg) left 40%/auto 130% no-repeat,var(--mn)}}
.em2{display:block;margin-top:6px;font-size:14px;color:var(--mu)}
.em2 a{color:inherit}
/* chat button: "Ask MediRoute / Your AI Assistant" */
.chbtn{background:#fff;color:var(--g);border:1.5px solid #cfe3da;padding:6px 18px 6px 6px;gap:10px;box-shadow:0 6px 18px rgba(0,0,0,.18);text-align:start}
[dir=rtl] .chbtn{padding:6px 6px 6px 18px}
.chbtn .cbi{width:42px;height:42px}
.cbt{display:flex;flex-direction:column;line-height:1.2}
.cbt b{font:700 15px Lato,Cairo,sans-serif;color:var(--g)}
.cbt small{font:400 12.5px Lato,Cairo,sans-serif;color:var(--mu)}
.chbtn{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
.fsw{margin:4px 0 8px}
.fsw button{background:#fbf5ea;color:var(--g);border:1.5px solid #e3d3b4;border-radius:999px;padding:9px 16px;font:700 15px Cairo,Lato,sans-serif;cursor:pointer}
.fsw button:hover{background:#f5ead5}
.tf.done>:not(.tfdone){display:none}
.tfdone{background:#e7f6ec;border:2px solid #1c9c52;border-radius:16px;padding:22px 24px;margin:6px 0 10px;color:#0f4a3b;font-size:17px;line-height:1.6}
.tfdone p{margin:0 0 8px}
.tfdone .tfh{font:700 24px Fraunces,Cairo,serif;color:#1c7a43;margin-bottom:6px}
.tfdone .b{background:#1c9c52;color:#fff;margin-top:6px}
.tfdone:focus{outline:none}
/* 4 Nov 2026: mobile only — text about 6–10% smaller */
@media(max-width:600px){
body{font-size:15px}
.hero p{font-size:17.5px}
.ab,.ph p{font-size:16.5px}
.ph2 p{font-size:18px}
.sv h3{font-size:19.5px}
.cb h3{font-size:17.5px}
.rcv h3,.trb h3,.rr h3{font-size:25px}
.tc h3,.agc h3{font-size:20px}
.hwc h3{font-size:22px}
.cta2 .b{font-size:16px}
.cmb{font-size:15px}
.tfdone{font-size:16px}
}
/* 4 Nov 2026: mobile only — Botpress chat window right-aligned, 12% gap on the left so it reads as a window over the site */
@media(max-width:600px){
.bpWebchat{left:12% !important;right:0 !important;width:auto !important;max-width:none !important;border-radius:16px 0 0 16px !important;overflow:hidden !important;box-shadow:-6px 0 24px rgba(0,0,0,.28) !important}
}
/* 4 Nov 2026: mobile — Services header and Recovery photos shown clearly (cropped copies, no wash-out) */
@media(max-width:700px){
.ph2,[dir=rtl] .ph2{padding-bottom:calc(100vw / 1.741 + 8px);background:linear-gradient(180deg,var(--mn) calc(100% - 100vw / 1.741),rgba(227,239,233,0) calc(100% - 100vw / 1.741 + 28px)),url(assets/hdr_m.jpg) center bottom/100% auto no-repeat,var(--mn)}
.rcv,[dir=rtl] .rcv{padding-bottom:calc((100vw - 32px) / 1.952 + 16px);background:linear-gradient(180deg,var(--mn) calc(100% - (100vw - 32px) / 1.952),rgba(227,239,233,0) calc(100% - (100vw - 32px) / 1.952 + 28px)),url(assets/rec_m.jpg) center bottom/100% auto no-repeat,var(--mn)}
}