/* whatsapp */
.btn-w{background:#1FA855;color:#fff;border-color:#1FA855}
.btn-w:hover{background:#178A45;border-color:#178A45}
.btn-w .wai,.wafab .wai{vertical-align:-.22em;margin-inline-start:.15rem}
.pcta{display:block;text-align:center;margin-top:auto;padding-top:.62rem}
.pc .pm{margin-bottom:1.5rem}
.fsub{max-width:44ch;margin:1.2rem auto 0;color:var(--soft);font-size:1.02rem}
.wafab{position:fixed;inset-inline-start:1.1rem;inset-block-end:1.1rem;z-index:80;
 display:inline-flex;align-items:center;gap:.55rem;background:#1FA855;color:#fff;
 text-decoration:none;padding:.72rem 1.1rem;border-radius:999px;font-weight:600;font-size:.95rem;
 box-shadow:0 10px 30px rgba(31,168,85,.34);transition:transform .25s,box-shadow .25s}
.wafab:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(31,168,85,.42)}
.wafab span{white-space:nowrap}
.wafab.away{opacity:0;transform:translateY(14px);pointer-events:none}
@media(max-width:620px){.wafab span{display:none}.wafab{padding:.85rem;border-radius:50%}}
@media(prefers-reduced-motion:reduce){.wafab{transition:none}}
:root{--ground:#F7F2E7;--panel:#FCF8F0;--ink:#16241C;--soft:#6E7C70;--green:#1F3D2B;--deep:#12271A;
 --orange:#EE7127;--orangeD:#C4551A;--line:#E3D8C4;--rule:#EAE0CE}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ground:#0D1611;--panel:#141F19;--ink:#F0E8D9;
 --soft:#98A89C;--green:#D2E2D2;--deep:#080F0B;--orange:#FF8845;--orangeD:#FF9A5E;--line:#25362B;--rule:#1F2E26}}
:root[data-theme="dark"]{--ground:#0D1611;--panel:#141F19;--ink:#F0E8D9;--soft:#98A89C;--green:#D2E2D2;
 --deep:#080F0B;--orange:#FF8845;--orangeD:#FF9A5E;--line:#25362B;--rule:#1F2E26}
html[lang="ar"]{--disp:"Tajawal","IBM Plex Sans Arabic",sans-serif;
 --body:"IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif}
html[lang="en"]{--disp:Fraunces,Georgia,"Times New Roman",serif;
 --body:Karla,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);direction:rtl;text-align:right;
 font-family:var(--body);font-size:17px;line-height:1.8;
 -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}

a{color:inherit}
.kufi{font-family:var(--disp)}
.mono{font-family:"JetBrains Mono",monospace;direction:ltr;unicode-bidi:isolate}
.en{font-family:Karla,Arial,sans-serif;direction:ltr;unicode-bidi:isolate}
.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2.4rem)}
html[lang="en"] body{direction:ltr;text-align:left;line-height:1.65}
html[lang="en"] .eyebrow,html[lang="en"] .dc .ce,html[lang="en"] .pc .pe,
html[lang="en"] .pc .pr,html[lang="en"] .pc .pr small,html[lang="en"] .pc .pm,
html[lang="en"] .sig,html[lang="en"] .dnums dt{text-align:left;direction:ltr}
html[lang="en"] .dnums{justify-content:flex-start}
html[lang="en"] .st .n{right:auto;left:0}
html[lang="en"] .dswap{border-right:none;border-left:2px solid var(--orange)}
html[lang="en"] .pc .flag{left:auto;right:1.2rem}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] .quote{line-height:1.16;letter-spacing:-.02em}
html[lang="en"] .st h3,html[lang="en"] .dtxt h3,html[lang="en"] .pc h3{line-height:1.25}

/* nav */
nav{position:fixed;inset-inline:0;top:0;z-index:80;padding:.9rem 0;
 transition:background .35s,backdrop-filter .35s,box-shadow .35s,padding .35s}
nav.solid{background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(12px);
 box-shadow:0 1px 0 var(--line);padding:.6rem 0}
nav .nb{display:flex;align-items:center;gap:1.6rem}
nav img{height:30px;width:auto;transition:opacity .3s}
nav .lnk{display:flex;gap:1.4rem;margin-inline-start:auto;font-size:.95rem}
nav .lnk a{text-decoration:none;color:#EFE7D8;transition:color .2s}
nav.solid .lnk a{color:var(--ink)}
.nlw{position:relative;display:block;line-height:0}
.nl{transition:opacity .3s ease}
.nl-d{position:absolute;top:0;inset-inline-start:0;opacity:0}
nav.solid .nl-c{opacity:0}
nav.solid .nl-d{opacity:1}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) nav.solid .nl-c{opacity:1}
 :root:not([data-theme="light"]) nav.solid .nl-d{opacity:0}}
:root[data-theme="dark"] nav.solid .nl-c{opacity:1}
:root[data-theme="dark"] nav.solid .nl-d{opacity:0}
@media(prefers-reduced-motion:reduce){.nl{transition:none}}
nav .lnk a:hover{color:var(--orange)}
.btn{display:inline-block;text-decoration:none;border-radius:2px;font-weight:700;font-family:inherit;
 transition:transform .16s cubic-bezier(.22,.8,.3,1),filter .2s,background .2s,color .2s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-o{background:var(--orange);color:#12271A;padding:.62rem 1.3rem;font-size:.95rem}
.btn-o:hover{filter:brightness(1.07)}
.btn-g{background:transparent;color:#EFE7D8;border-color:rgba(239,231,216,.45);padding:.62rem 1.3rem;font-size:.95rem}
.btn-g:hover{border-color:var(--orange);color:var(--orange)}
.btn-d{background:transparent;color:var(--green);border-color:rgba(31,61,43,.32);padding:.62rem 1.3rem;font-size:.95rem}
.btn-d:hover{border-color:#1FA855;color:#1FA855;background:rgba(31,168,85,.06)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-d{color:var(--ink);border-color:rgba(240,232,217,.3)}}
:root[data-theme="dark"] .btn-d{color:var(--ink);border-color:rgba(240,232,217,.3)}
.btn-lg{padding:.85rem 2rem;font-size:1.05rem}
@media(max-width:760px){nav .lnk{display:none}}

/* hero */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:var(--deep)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
 transform:scale(1.08);opacity:0;animation:heroIn 1.8s cubic-bezier(.2,.7,.25,1) .1s forwards}
@keyframes heroIn{to{transform:scale(1);opacity:.72}}
.hero::after{content:"";position:absolute;inset:0;z-index:1;
 background:linear-gradient(180deg,rgba(8,15,11,.62) 0%,rgba(8,15,11,.48) 38%,rgba(8,15,11,.88) 100%)}
.hin{position:relative;z-index:2;text-align:center;padding:7rem 1.2rem 4rem;max-width:920px}
.hin>*{opacity:0;transform:translateY(22px);animation:up .95s cubic-bezier(.22,.8,.3,1) forwards}
.hin>*:nth-child(1){animation-delay:.35s}.hin>*:nth-child(2){animation-delay:.5s}
.hin>*:nth-child(3){animation-delay:.65s}.hin>*:nth-child(4){animation-delay:.8s}
.hin>*:nth-child(5){animation-delay:.95s}
@keyframes up{to{opacity:1;transform:none}}
.hin img.mk{width:min(320px,62vw);margin:0 auto 2rem}
h1{font-family:var(--disp);font-weight:700;
 font-size:clamp(1.9rem,5.6vw,3.5rem);color:#FAF6EE;margin:0;line-height:1.4;letter-spacing:-.005em}
h1 em{font-style:normal;color:var(--orange)}
.hsub{margin:1.3rem auto 0;max-width:44ch;color:#D6D1C4;font-size:clamp(1rem,2.2vw,1.14rem)}
.hcta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:2.1rem}
.trust{margin:2.2rem 0 0;font-size:.84rem;color:#8E9A88;letter-spacing:.02em}
.scroll{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);z-index:2;
 width:1px;height:44px;background:linear-gradient(180deg,transparent,var(--orange));opacity:.7;
 animation:sc 2.4s ease-in-out infinite}
@keyframes sc{0%,100%{transform:translateX(-50%) scaleY(.35);opacity:.3}50%{transform:translateX(-50%) scaleY(1);opacity:.8}}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.22,.8,.3,1),transform .85s cubic-bezier(.22,.8,.3,1)}
.rv.in{opacity:1;transform:none}
.rv[data-d="1"]{transition-delay:.09s}.rv[data-d="2"]{transition-delay:.18s}
.rv[data-d="3"]{transition-delay:.27s}.rv[data-d="4"]{transition-delay:.36s}.rv[data-d="5"]{transition-delay:.45s}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .rv{opacity:1;transform:none}.hero>img{opacity:.72;transform:none}.hin>*{opacity:1;transform:none}}

section{padding:clamp(3.6rem,9vw,6.5rem) 0}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;
 color:var(--orangeD);margin:0 0 1rem;direction:ltr;text-align:right}
html[lang="ar"] .eyebrow{font-family:var(--body);font-size:.8rem;letter-spacing:0;font-weight:700;
 direction:rtl;text-align:right;opacity:.95}
html[lang="ar"] .eyebrow::before{content:"— ";opacity:.6}
h2{font-family:var(--disp);font-weight:700;
 font-size:clamp(1.55rem,4.2vw,2.6rem);margin:0;color:var(--green);line-height:1.42}
.lead{margin:1.1rem 0 0;max-width:56ch;color:var(--soft);font-size:clamp(1rem,2vw,1.1rem)}

/* problem */
.problem{background:var(--deep);color:#EFE7D8}
.problem h2{color:#FAF6EE;max-width:22ch;font-size:clamp(1.7rem,4.6vw,2.9rem)}
.problem h2 em{font-style:normal;color:var(--orange)}
.problem .lead{color:#A9AFA3;max-width:52ch}

/* modes */
.modebar{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}
.mb{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:.6rem 1.1rem;border-radius:2px;
 font:inherit;font-size:.95rem;cursor:pointer;transition:all .22s cubic-bezier(.22,.8,.3,1)}
.mb:hover{border-color:var(--orange);transform:translateY(-2px)}
.mb[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#12271A;font-weight:700}
.demo{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;margin-top:2rem;
 background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden}
@media(max-width:800px){.demo{grid-template-columns:1fr}}
.demo img{width:100%;height:100%;min-height:280px;object-fit:cover}
.dtxt{padding:clamp(1.4rem,3.4vw,2.2rem)}
.dtxt h3{font-family:var(--disp);font-weight:700;font-size:1.3rem;margin:0;color:var(--green)}
.dnums{display:flex;gap:1.6rem;margin:1.3rem 0 0;font-family:"JetBrains Mono",monospace;direction:ltr;justify-content:flex-end}
.dnums div{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}
.dnums dt{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:.68rem;color:var(--soft);direction:rtl}
.dnums dd{margin:0;font-size:1.05rem;font-weight:500}
.dnums .kc dd{color:var(--orangeD);font-weight:700;font-size:1.6rem}
.dswap{margin:1.2rem 0 0;padding:.7rem .85rem;background:var(--ground);border-right:2px solid var(--orange);
 font-size:.94rem;line-height:1.7;min-height:3.4rem}
.dswap b{color:var(--orangeD)}

/* steps */
.steps{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2.4rem}
.st{position:relative;padding-top:2.6rem}
.st .n{position:absolute;top:0;right:0;font-family:"JetBrains Mono",monospace;font-size:2rem;font-weight:700;
 color:var(--orange);opacity:.32;line-height:1;direction:ltr}
.st h3{font-family:var(--disp);font-weight:700;font-size:1.08rem;margin:0 0 .4rem;color:var(--green)}
.st p{margin:0;font-size:.94rem;color:var(--soft);line-height:1.75}

/* dishes */
.dgrid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:2.4rem}
@media(max-width:860px){.dgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.dgrid{grid-template-columns:1fr}}
.dc{text-decoration:none;border-radius:3px;overflow:hidden;background:var(--panel);border:1px solid var(--line);
 transition:transform .4s cubic-bezier(.22,.8,.3,1),box-shadow .4s}
.dc:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(20,32,24,.13)}
.dc .im{aspect-ratio:1/1;overflow:hidden}
.dc img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.8,.3,1)}
.dc:hover img{transform:scale(1.07)}
.dc .cap{padding:.8rem .9rem 1rem}
.dc .ca{font-family:var(--disp);font-weight:700;font-size:1rem;color:var(--ink)}
.dc .ce{font-family:Fraunces,Georgia,serif;font-size:.8rem;color:var(--orangeD);direction:ltr;text-align:right;margin-top:.1rem}

/* plans */
.plans{background:var(--panel);border-block:1px solid var(--line)}
.pgrid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2.4rem}
.pc{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--ground);border-radius:3px;padding:1.7rem 1.5rem;position:relative;
 transition:transform .35s cubic-bezier(.22,.8,.3,1),border-color .3s}
.pc:hover{transform:translateY(-4px);border-color:var(--orange)}
.pc.hi{border-color:var(--orange);border-width:1.5px}
.pc .flag{position:absolute;top:0;left:1.2rem;background:var(--orange);color:#12271A;font-size:.66rem;
 font-weight:700;padding:.22rem .6rem}
.pc h3{font-family:var(--disp);font-weight:700;font-size:1.3rem;margin:0;color:var(--green)}
.pc .pe{font-family:Fraunces,Georgia,serif;font-size:.92rem;color:var(--orangeD);direction:ltr;text-align:right;margin:.15rem 0 0}
.pc .pr{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:2.3rem;color:var(--ink);margin:1.1rem 0 0;
 line-height:1;direction:ltr;text-align:right}
.pc .pr small{display:block;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:.74rem;color:var(--soft);
 font-weight:400;margin-top:.4rem;direction:rtl;text-align:right}
.pc .pw{margin:.9rem 0 0;font-size:.96rem}
.pc .pm{font-family:"JetBrains Mono",monospace;font-size:.7rem;color:var(--orangeD);margin:.9rem 0 0;
 padding-top:.8rem;border-top:1px solid var(--rule);direction:ltr;text-align:right}
.addon{margin-top:1.4rem;padding:1rem 1.2rem;border:1px dashed var(--orange);border-radius:3px;
 display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.addon b{font-family:var(--disp);color:var(--green)}
.addon .pz{font-family:"JetBrains Mono",monospace;color:var(--orangeD);font-weight:700;margin-inline-start:auto;direction:ltr}

/* maryam */
.mar{background:var(--deep);color:#EFE7D8}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:820px){.mgrid{grid-template-columns:1fr}}
.mar img{border-radius:3px;aspect-ratio:4/5;object-fit:cover}
.quote{font-family:var(--disp);font-weight:700;
 font-size:clamp(1.3rem,3.4vw,2rem);color:#FAF6EE;line-height:1.55;margin:0}
.mar p.b{margin:1.4rem 0 0;color:#A9AFA3;font-size:1rem;max-width:44ch}
.sig{font-family:Fraunces,Georgia,serif;color:var(--orange);font-size:1.1rem;margin:1.6rem 0 0;direction:ltr;text-align:right}

/* final */
.final{text-align:center}
.final h2{margin-inline:auto;max-width:20ch}
footer{background:var(--deep);color:#8E9A88;padding:2.6rem 0;font-size:.88rem}
.fb{display:flex;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;align-items:center}
footer img{height:26px;width:auto}
footer .fl{display:flex;gap:1.2rem;flex-wrap:wrap}
footer a{text-decoration:none}footer a:hover{color:var(--orange)}

/* language switch */
.lang{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;font-size:.82rem;
 font-family:Karla,Arial,sans-serif;letter-spacing:.06em;font-weight:700;
 border:1px solid rgba(239,231,216,.4);color:#EFE7D8;padding:.34rem .66rem;border-radius:2px;
 direction:ltr;transition:border-color .2s,color .2s,background .2s}
.lang:hover{border-color:var(--orange);color:var(--orange)}
nav.solid .lang{border-color:var(--line);color:var(--ink)}
nav.solid .lang:hover{border-color:var(--orange);color:var(--orange)}
footer .lang{border-color:rgba(142,154,136,.42);color:#8E9A88}

/* three kitchens */
.kits{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:2.6rem}
@media(max-width:700px){.kits{grid-template-columns:1fr}}
.kit{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.2rem;background:var(--panel);
 border:1px solid var(--line);border-radius:3px;
 transition:transform .35s cubic-bezier(.22,.8,.3,1),border-color .3s}
.kit:hover{transform:translateY(-4px);border-color:var(--orange)}
.kit img{width:52px;height:52px;object-fit:contain;flex:0 0 auto;
 transition:transform .5s cubic-bezier(.22,.8,.3,1)}
.kit:hover img{transform:scale(1.11) rotate(-4deg)}
.kit b{display:block;font-family:var(--disp);font-weight:700;font-size:1.06rem;color:var(--green);line-height:1.3}
.kit span{display:block;font-size:.86rem;color:var(--soft);margin-top:.2rem;line-height:1.55}

/* cuisine badge on a dish card */
.dc .im{position:relative}
.dc .bdg{position:absolute;inset-block-start:.6rem;inset-inline-start:.6rem;width:38px;height:38px;
 object-fit:contain;z-index:2;filter:drop-shadow(0 2px 6px rgba(8,15,11,.45));
 transition:transform .45s cubic-bezier(.22,.8,.3,1)}
.dc:hover .bdg{transform:scale(1.14) rotate(-6deg)}

/* ── inner pages ─────────────────────────────────────────────────────── */
.phead{background:var(--deep);color:#EFE7D8;padding:calc(clamp(3.6rem,9vw,6.5rem) + 3.2rem) 0 clamp(3rem,7vw,4.6rem)}
.phead h1{font-size:clamp(1.8rem,5vw,3.1rem);max-width:20ch}
.phead .lead{color:#A9AFA3;max-width:52ch;margin-top:1.2rem}
.phead .eyebrow{color:var(--orange)}
html[lang="ar"] .phead .eyebrow{color:var(--orange)}

/* comparison table */
.ctab{width:100%;border-collapse:collapse;margin-top:2.4rem;font-size:.95rem}
.ctab th,.ctab td{padding:.85rem .9rem;border-bottom:1px solid var(--rule);text-align:inherit;vertical-align:top}
.ctab thead th{font-family:var(--disp);font-weight:700;color:var(--green);font-size:1rem;
 border-bottom:1.5px solid var(--orange);white-space:nowrap}
.ctab tbody th{font-weight:500;color:var(--soft);font-size:.9rem}
.ctab .yes{color:#1FA855;font-weight:700}
.ctab .no{color:var(--soft);opacity:.55}
.ctab tr.hl td,.ctab tr.hl th{background:color-mix(in srgb,var(--orange) 7%,transparent)}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* faq */
.faq{margin-top:2.4rem;border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;padding:1.15rem 0;font-family:var(--disp);font-weight:700;
 font-size:1.05rem;color:var(--green);display:flex;align-items:flex-start;gap:.8rem;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--orange)}
.faq summary::after{content:"+";margin-inline-start:auto;color:var(--orange);font-weight:700;
 font-size:1.35rem;line-height:1;flex:0 0 auto;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .ans{padding:0 0 1.3rem;margin:0;color:var(--soft);font-size:.97rem;max-width:62ch}

/* prose */
.prose p{max-width:60ch;color:var(--ink);margin:0 0 1.2rem}
.prose p.dim{color:var(--soft)}
.pull{font-family:var(--disp);font-weight:700;font-size:clamp(1.25rem,3.2vw,1.9rem);
 color:var(--green);line-height:1.55;margin:2.4rem 0;padding-inline-start:1.2rem;
 border-inline-start:3px solid var(--orange);max-width:26ch}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media(max-width:820px){.two{grid-template-columns:1fr}}
.two img{border-radius:3px;object-fit:cover;width:100%}
.sticky{position:sticky;top:6rem}

/* form */
.form{background:var(--panel);border:1px solid var(--line);border-radius:4px;
 padding:clamp(1.4rem,3.6vw,2.4rem);margin-top:2.4rem}
.fg{display:grid;gap:1.1rem;grid-template-columns:1fr 1fr}
@media(max-width:640px){.fg{grid-template-columns:1fr}}
.fld{display:flex;flex-direction:column;gap:.4rem}
.fld.wide{grid-column:1/-1}
.fld label{font-size:.86rem;font-weight:600;color:var(--green)}
.fld input,.fld select,.fld textarea{font:inherit;font-size:.95rem;padding:.68rem .8rem;
 border:1px solid var(--line);border-radius:2px;background:var(--ground);color:var(--ink);
 direction:inherit;transition:border-color .2s,box-shadow .2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--orange);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 18%,transparent)}
.fld textarea{min-height:88px;resize:vertical}
.fld .hint{font-size:.78rem;color:var(--soft)}
.fsec{margin:0 0 .9rem;font-family:var(--disp);font-weight:700;color:var(--green);font-size:1.05rem;
 padding-top:1.6rem;border-top:1px solid var(--rule);grid-column:1/-1}
.fsec:first-child{padding-top:0;border-top:none}
.chk{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:var(--soft);grid-column:1/-1}
.chk input{width:auto;flex:0 0 auto;margin-top:.25rem;accent-color:var(--orange)}
.fmsg{grid-column:1/-1;margin:.4rem 0 0;font-size:.9rem;color:var(--orangeD);min-height:1.4rem}
.fmsg.ok{color:#1FA855}
.subhero{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:2rem;
 padding:1.3rem 1.4rem;border:1px solid #1FA855;border-radius:4px;
 background:color-mix(in srgb,#1FA855 7%,transparent)}
.subhero b{font-family:var(--disp);color:var(--green);font-size:1.1rem;display:block}
.subhero span{font-size:.92rem;color:var(--soft)}
.subhero .btn{margin-inline-start:auto}
@media(max-width:620px){.subhero .btn{margin-inline-start:0;width:100%;text-align:center}}

/* menu page frame */
.menuframe{width:100%;border:0;display:block;min-height:100vh}
.notice{margin-top:2.4rem;padding:1.2rem 1.3rem;background:var(--panel);border:1px solid var(--line);
 border-inline-start:3px solid var(--orange);border-radius:3px;max-width:62ch}
.notice b{font-family:var(--disp);color:var(--green);display:block;margin-bottom:.35rem}
.notice p{margin:0;color:var(--soft);font-size:.95rem}

/* skip link + page-nav polish */
.skip{position:absolute;inset-inline-start:-9999px;top:.6rem;z-index:200;background:var(--orange);
 color:#12271A;padding:.6rem 1rem;border-radius:2px;font-weight:700;text-decoration:none}
.skip:focus{inset-inline-start:.6rem}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.plist{list-style:none;margin:1.2rem 0 0;padding:0;font-size:.93rem;color:var(--soft)}
.plist li{position:relative;padding-inline-start:1.3rem;margin-bottom:.5rem;line-height:1.6}
.plist li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:6px;height:6px;
 border-radius:50%;background:var(--orange);opacity:.75}
.pgrid-lg .pc{padding:2rem 1.7rem}
/* the menu tool, embedded as a real page section */
.menuapp{display:block}
.menuapp .wrap{max-width:1140px}

/* tighten the run-in after a page header */
.phead + section, .phead + .menuapp{padding-top:clamp(2.2rem,5vw,3.4rem)}
.menuapp > .wrap:first-child{padding-top:clamp(2.2rem,5vw,3.4rem)}
/* selects must show their longest option */
html[lang="en"] .crow select,html[lang="en"] .cbox select{min-width:11.5rem}
.cbox select,.crow select{max-width:100%}

/* mobile hero: more contrast behind the headline, tighter lockup */
@media(max-width:620px){
 .hero::after{background:linear-gradient(180deg,rgba(8,15,11,.72) 0%,rgba(8,15,11,.62) 34%,rgba(8,15,11,.93) 100%)}
 .hin{padding:6rem 1.1rem 3.4rem}
 .hin img.mk{width:min(240px,56vw);margin-bottom:1.5rem}
 .hcta .btn{width:100%;text-align:center}
 .trust{font-size:.78rem;line-height:1.7}
}