/* Al Murad Al Daim - "The pack": cream base, plum bands, stand-up pouch cards, stitched labels, tear lines.
   Logical properties throughout (RTL Arabic primary, LTR English). No inline styles (strict CSP). */

/* ---------- fonts (self-hosted, OFL) */
@font-face{font-family:"Lemonada";src:url(fonts/lemonada-arabic-wght-normal.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-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:"Noto Sans Arabic";src:url(fonts/noto-sans-arabic-arabic-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-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:"Poppins";src:url(fonts/poppins-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;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:"Poppins";src:url(fonts/poppins-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;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:"Poppins";src:url(fonts/poppins-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;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:"Poppins";src:url(fonts/poppins-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;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}

/* ---------- tokens */
:root{
  --plum:#4A2343;--plum2:#6B3462;--plum-deep:#3A1B35;--chick:#E3BE7A;--chick-d:#C99A4B;--gold-text:#845C1C;
  --cream:#FBF4E6;--paper:#FFFDF8;--kraft:#F3E4C8;--lilac:#E7D3E2;--lilac-soft:#F2E7EF;
  --text:#3A2236;--muted:#6A4B63;--line:rgba(74,35,67,.16);--stitch:rgba(74,35,67,.28);--err:#A3261E;
  --f-body:"Noto Sans Arabic","Poppins",system-ui,"Segoe UI",Tahoma,sans-serif;
  --f-disp:"Lemonada","Noto Sans Arabic","Poppins",system-ui,sans-serif;
  --r:22px;--shadow:0 18px 36px -22px rgba(58,27,53,.45);--wrap:1200px;
}
html[lang=en]{--f-body:"Poppins","Noto Sans Arabic",system-ui,"Segoe UI",sans-serif;--f-disp:"Poppins","Lemonada",system-ui,sans-serif}

/* ---------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:var(--f-body);font-size:17px;line-height:1.9;overflow-x:hidden}
html[lang=en] body{font-size:16px;line-height:1.7}
img,svg,video{max-width:100%}
img{height:auto;display:block}
a{color:var(--plum2);text-underline-offset:3px}
a:hover{color:var(--plum)}
h1,h2,h3,h4{font-family:var(--f-disp);color:var(--plum);margin:0 0 .5em;font-weight:700;line-height:1.55}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] h4{line-height:1.25;letter-spacing:-.01em}
h1{font-size:clamp(30px,4.2vw,52px)}
h2{font-size:clamp(24px,3vw,36px)}
h3{font-size:20px}
h4{font-size:16px;font-family:var(--f-body);font-weight:700;color:var(--plum2)}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
[hidden]{display:none!important}
[id]{scroll-margin-top:110px}
:focus-visible{outline:3px solid var(--gold-text);outline-offset:3px}
.band :focus-visible,.site-footer :focus-visible,.cta-body :focus-visible,.ch-card :focus-visible{outline-color:var(--chick)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{clip-path:none;width:auto;height:auto;inset-inline-start:16px;top:12px;z-index:100;background:var(--plum);color:var(--cream);padding:12px 18px;border-radius:12px}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
[dir=rtl] .ic.flip{transform:scaleX(-1)}
.ic.back{transform:scaleX(-1)}
[dir=rtl] .ic.back{transform:none}
.wrap{width:min(100% - 32px,var(--wrap));margin-inline:auto}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--muted)}
.note{font-size:14px;color:var(--muted);margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
img.ph{object-fit:cover}
img.ph.is-gone{display:none}

/* ---------- buttons, tags, labels */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 24px;border-radius:999px;border:2px solid transparent;font:inherit;font-weight:700;font-size:16px;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;text-align:center}
.btn:hover{transform:translateY(-1px)}
.btn .ic{width:20px;height:20px}
.btn-sm{min-height:44px;padding:8px 18px;font-size:15px}
.btn-plum{background:var(--plum);color:var(--cream)}
.btn-plum:hover{background:var(--plum2);color:var(--cream)}
.btn-chick{background:var(--chick);color:var(--plum-deep)}
.btn-chick:hover{background:#EBCB8F;color:var(--plum-deep)}
.btn-line{border-color:var(--plum);color:var(--plum);background:transparent}
.btn-line:hover{background:var(--plum);color:var(--cream)}
.btn-ghost{border-color:rgba(251,244,230,.55);color:var(--cream);background:transparent}
.btn-ghost:hover{background:rgba(251,244,230,.12);color:var(--cream)}
.btn.off{opacity:.55;cursor:not-allowed;transform:none}
.acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.tag{display:inline-flex;align-items:center;gap:9px;padding:5px 16px 5px 14px;border:1.5px dashed var(--plum2);border-radius:999px;color:var(--plum2);background:rgba(255,253,248,.7);font-size:14px;font-weight:700;line-height:1.6;margin-bottom:14px}
.tag::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cream);box-shadow:inset 0 0 0 2px currentColor;flex:none}
.prov{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border:1.5px dashed var(--gold-text);border-radius:6px;color:var(--gold-text);font-size:13px;font-weight:700;line-height:1.6;background:rgba(227,190,122,.14);white-space:nowrap;transform:rotate(-1.5deg)}
.band .prov,.cta-body .prov,.ch-card .prov{color:var(--chick);border-color:var(--chick)}
.shead{max-width:760px;margin-bottom:34px}
.shead.center{margin-inline:auto;text-align:center}
.shead p{color:var(--muted);font-size:18px;margin:0}
html[lang=en] .shead p{font-size:17px}

/* ---------- die-cut pouch mask: hang hole + two tear notches */
.cut{--hole:9px;--hy:20px;--ny:54px;--nd:9px;
  -webkit-mask:radial-gradient(circle var(--hole) at 50% var(--hy),transparent 96%,#000 100%),conic-gradient(from 225deg at var(--nd) var(--ny),transparent 0 90deg,#000 0),conic-gradient(from 45deg at calc(100% - var(--nd)) var(--ny),transparent 0 90deg,#000 0);
  -webkit-mask-composite:source-in;
  mask:radial-gradient(circle var(--hole) at 50% var(--hy),transparent 96%,#000 100%),conic-gradient(from 225deg at var(--nd) var(--ny),transparent 0 90deg,#000 0),conic-gradient(from 45deg at calc(100% - var(--nd)) var(--ny),transparent 0 90deg,#000 0);
  mask-composite:intersect}
.seal{position:relative}
.pframe{position:relative}
.pf{--hole:11px;--hy:22px;--ny:66px;--nd:12px;position:relative;background:var(--plum);border-radius:36px 36px 26px 26px;padding:46px 18px 36px}
.pf::before{content:"";position:absolute;inset-inline:0;top:0;height:44px;background:repeating-linear-gradient(90deg,rgba(251,244,230,.15) 0 2px,transparent 2px 7px);border-bottom:2px dashed rgba(227,190,122,.6)}
.pf::after{content:"";position:absolute;inset-inline:26px;bottom:12px;height:16px;border-top:2px solid rgba(251,244,230,.22);border-radius:50% 50% 0 0/100% 100% 0 0}
.pf.light{background:var(--cream)}
.pf.light::before{background:repeating-linear-gradient(90deg,rgba(74,35,67,.12) 0 2px,transparent 2px 7px);border-bottom-color:rgba(74,35,67,.35)}
.pf.light::after{border-top-color:rgba(74,35,67,.18)}
.pf-win{position:relative;overflow:hidden;border-radius:22px;background:var(--kraft);aspect-ratio:4/3}
.pf-win>img.ph,.pf-win>.vslot{position:absolute;inset:0;width:100%;height:100%}
.pframe.big .pf-win{aspect-ratio:1/1.08}

/* soft shadow layer under die-cut shapes (box-shadow instead of filter:drop-shadow) */
.pframe,.pcard,.cta-pack,.name-card,.b-card,.sp{position:relative;isolation:isolate}
.pframe::before,.pcard::before,.cta-pack::before,.name-card::before,.b-card::before,.sp::before{content:"";position:absolute;inset:10px 6px 0;border-radius:30px 30px 24px 24px;box-shadow:var(--sh,0 22px 38px -16px rgba(58,27,53,.38));z-index:-1;pointer-events:none}
.b-card{position:sticky}

/* ---------- video slot */
.vslot{position:relative;overflow:hidden}
.vslot img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;pointer-events:none}
.vslot.v-on .bgv{opacity:1}
.vslot.v-fail .bgv{display:none}
.vbtn{position:absolute;inset-inline-end:12px;bottom:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:2px solid rgba(251,244,230,.85);background:rgba(58,27,53,.74);color:var(--cream);display:grid;place-items:center;cursor:pointer;padding:0}
.vbtn:hover{background:var(--plum)}
.vbtn .ic{width:20px;height:20px;stroke-width:2.6}
.vbtn .i-play{display:none;fill:currentColor;stroke-width:1.4}
.vbtn.is-paused .i-play{display:block}
.vbtn.is-paused .i-pause{display:none}

/* ---------- header: a plum label hanging from the top edge */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,244,230,.95);border-top:4px solid var(--plum);transition:box-shadow .3s}
@supports (backdrop-filter:blur(6px)){.site-header{background:rgba(251,244,230,.86);backdrop-filter:blur(8px)}}
.site-header::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:repeating-linear-gradient(90deg,var(--stitch) 0 8px,transparent 8px 14px)}
.site-header.scrolled{box-shadow:0 10px 24px -18px rgba(58,27,53,.55)}
.site-header .wrap{width:min(100% - 40px,1360px)}
.hrow{display:flex;align-items:center;gap:18px;min-height:74px;position:relative}
.brand{position:relative;z-index:2;align-self:flex-start;display:flex;align-items:center;gap:12px;padding:10px 18px 14px;margin-bottom:-26px;background:var(--plum);color:var(--cream);text-decoration:none;border-radius:0 0 22px 22px;box-shadow:0 14px 24px -14px rgba(58,27,53,.7);transition:padding .3s,margin .3s;flex:none}
.brand::before{content:"";position:absolute;inset:0 6px 6px;border:1.5px dashed rgba(227,190,122,.6);border-top:0;border-radius:0 0 17px 17px;pointer-events:none}
.brand:hover{color:var(--cream)}
.brand .badge{width:58px;height:58px;transition:width .3s,height .3s}
.badge{display:grid;place-items:center;border-radius:50%;background:var(--cream);flex:none;box-shadow:inset 0 0 0 2px rgba(227,190,122,.7)}
.badge img{width:84%;height:auto}
.bname{display:flex;flex-direction:column;line-height:1.35;white-space:nowrap}
.bname b{font-family:var(--f-disp);font-size:20px;font-weight:700}
.bname small{font-size:13px;color:var(--chick);font-weight:600}
html[lang=en] .bname b{font-size:18px}
.site-header.scrolled .brand{padding-block:6px 10px;margin-bottom:-12px}
.site-header.scrolled .brand .badge{width:48px;height:48px}
.nav{display:flex;align-items:center;gap:2px;margin-inline-start:auto;min-width:0}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 11px;border-radius:999px;color:var(--plum);text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap;transition:background .2s}
.nav a:hover{background:rgba(74,35,67,.07)}
.nav a.active{background:repeating-linear-gradient(90deg,var(--chick-d) 0 6px,transparent 6px 10px) center bottom 6px/calc(100% - 22px) 2px no-repeat;color:var(--plum2)}
.nav .nav-cta{display:none}
.hact{display:flex;align-items:center;gap:10px;flex:none}
.lang-btn{width:44px;height:44px;border-radius:50%;border:1.5px dashed var(--plum);background:var(--paper);color:var(--plum);font:700 15px/1 "Poppins","Noto Sans Arabic",sans-serif;cursor:pointer;display:grid;place-items:center}
.lang-btn:hover{background:var(--plum);color:var(--cream)}
.hcta{display:none}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--plum);background:var(--paper);color:var(--plum);cursor:pointer;place-items:center;padding:0}
.burger .i-close{display:none}
.burger[aria-expanded=true] .i-menu{display:none}
.burger[aria-expanded=true] .i-close{display:block}
@media (min-width:1240px){.hcta{display:inline-flex}}
@media (max-width:1199px){
  .nav{position:absolute;top:100%;inset-inline:-20px;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:22px 20px 24px;background:var(--cream);border-bottom:3px solid var(--plum);box-shadow:0 24px 40px -24px rgba(58,27,53,.6);max-height:calc(100vh - 80px);overflow:auto}
  .nav.open{display:flex}
  .nav a{min-height:50px;border-radius:12px;padding:8px 14px;border-bottom:1.5px dashed var(--line);font-size:17px}
  .nav a.active{background:var(--lilac-soft)}
  .nav .nav-cta{display:inline-flex;justify-content:center;margin-top:16px;border-bottom:0;color:var(--cream)}
  .burger{display:grid}
  .hact{margin-inline-start:auto}
}
@media (min-width:768px) and (max-width:1199px){.hcta{display:inline-flex}}
@media (max-width:767px){
  .hrow{min-height:64px;gap:10px}
  .site-header .wrap{width:min(100% - 24px,1360px)}
  .brand{padding:8px 12px 10px;gap:9px;margin-bottom:-14px;border-radius:0 0 18px 18px}
  .brand .badge,.site-header.scrolled .brand .badge{width:42px;height:42px}
  .bname b{font-size:16px}
  html[lang=en] .bname b{font-size:15px}
  .site-header.scrolled .brand{padding-block:6px 8px;margin-bottom:-8px}
  .nav{inset-inline:-12px}
}

/* ---------- decorative: flowing infinity line, tear line, legumes */
.flow{direction:ltr;display:flex;align-items:center;width:min(100% - 32px,var(--wrap));margin:0 auto;padding:6px 0;pointer-events:none}
.flow i{flex:1;height:2px;transition:transform 1s ease}
.flow i:first-child{background:linear-gradient(to right,transparent,var(--chick-d));transform-origin:right center}
.flow i:last-child{background:linear-gradient(to left,transparent,var(--chick-d));transform-origin:left center}
.flow .inf{width:150px;height:60px;flex:none;overflow:visible}
.flow .loop{fill:none;stroke:var(--plum);stroke-width:6;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s ease .3s}
.flow .seed{fill:var(--chick);transition:opacity .5s ease 1.5s}
.flow.pending i{transform:scaleX(0)}
.flow.pending .loop{stroke-dashoffset:100}
.flow.pending .seed{opacity:0}
.tear{direction:ltr;display:flex;align-items:center;width:100%;height:28px;position:relative}
.tear::before,.tear::after{content:"";width:13px;height:26px;background:var(--plum);flex:none}
.tear::before{clip-path:polygon(0 0,100% 50%,0 100%)}
.tear::after{clip-path:polygon(100% 0,0 50%,100% 100%)}
.tear span{flex:1;height:0;border-top:2px dashed var(--stitch);margin:0 8px;position:relative}
.tear span .ic{position:absolute;inset-inline-start:7%;top:-12px;width:22px;height:22px;color:var(--plum2);background:var(--cream);padding:0 2px;box-sizing:content-box}
.deco{position:absolute;pointer-events:none}
.hero .deco-a{width:380px;height:380px;inset-inline-end:-120px;bottom:-110px;background:url(img/deco-legumes-a.svg) center/contain no-repeat;opacity:.9}
.sec.deco-a::before,.sec.deco-b::before{content:"";position:absolute;width:340px;height:340px;inset-inline-start:-110px;top:-80px;background:url(img/deco-legumes-b.svg) center/contain no-repeat;pointer-events:none;opacity:.85}
.sec.deco-a::before{background-image:url(img/deco-legumes-a.svg);inset-inline-start:auto;inset-inline-end:-120px;top:auto;bottom:-120px}
.band .deco-c{width:420px;height:420px;inset-inline-end:-160px;bottom:-170px;background:url(img/deco-legumes-c.svg) center/contain no-repeat}

/* ---------- sections */
.sec{position:relative;padding:84px 0;overflow:hidden;--sec-bg:var(--cream)}
.sec>.wrap{position:relative;z-index:1}
.sec.kraft{background:var(--kraft);--sec-bg:var(--kraft)}
.sec.lilac{background:var(--lilac-soft);--sec-bg:var(--lilac-soft)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split.rev .split-media{order:2}
.split-text .shead{margin-bottom:22px}

/* ---------- hero */
.hero{position:relative;overflow:hidden;padding:64px 0 36px}
.hgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;position:relative;z-index:1}
.hero h1{font-size:clamp(32px,4.6vw,58px);margin-bottom:18px}
.hero h1 .hl{display:block;color:var(--plum2);text-decoration:underline;text-decoration-color:rgba(227,190,122,.6);text-decoration-thickness:.26em;text-underline-offset:-.1em;text-decoration-skip-ink:none}
html[lang=en] .hero h1{font-size:clamp(30px,3.9vw,50px);line-height:1.12}
.hero .lead{max-width:600px}
.stitch-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.stitch-list li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1.5px dashed var(--stitch);border-radius:12px;background:var(--paper);font-weight:700;font-size:15px;color:var(--plum)}
.stitch-list .ic{width:18px;height:18px;color:var(--gold-text)}
.hmedia{position:relative;max-width:520px;justify-self:center;width:100%}
.sticker{position:absolute;z-index:3;inset-inline-start:-18px;bottom:70px;width:118px;height:118px;border-radius:50%;background:var(--chick);color:var(--plum-deep);display:grid;place-items:center;text-align:center;transform:rotate(-10deg);box-shadow:0 12px 22px -10px rgba(58,27,53,.55);padding:16px}
.sticker::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1.5px dashed rgba(58,27,53,.45)}
.sticker span{font-family:var(--f-disp);font-weight:700;font-size:15px;line-height:1.5}

/* ---------- product pouch cards */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}
.pcard{display:block;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.3,1.3,.5,1);border-radius:30px}
.pcard:hover{transform:translateY(-6px);color:inherit}
.pc-body{position:relative;background:var(--paper);border-radius:30px 30px 22px 22px;padding:48px 20px 24px;height:100%}
.pc-body::before,.sp-body::before,.sx-panel::before,.cta-body::before,.ch-card::before,.hon-card::before,.map-card::before,.nc-body::before,.ccard::before,.bc-body::before,.ld::before{content:"";position:absolute;inset-inline:0;top:0;height:40px;background:repeating-linear-gradient(90deg,rgba(74,35,67,.09) 0 2px,transparent 2px 6px);border-bottom:1.5px dashed var(--stitch);pointer-events:none}
.pc-win{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--kraft);margin-bottom:16px}
.pc-win img{position:absolute;inset:0;width:100%;height:100%}
.pcard h3{margin-bottom:4px}
.pcard p{color:var(--muted);font-size:16px;margin-bottom:10px}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--plum2);font-size:15px}
.more .ic{width:18px;height:18px}

/* ---------- label cards (hang tags) */
.label-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.label-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.label-card{position:relative;background:var(--paper);border-radius:20px;padding:40px 22px 24px;box-shadow:var(--shadow)}
.label-card::before{content:"";position:absolute;inset:7px;border:1.5px dashed var(--stitch);border-radius:15px;pointer-events:none}
.label-card::after{content:"";position:absolute;top:13px;inset-inline-start:50%;width:14px;height:14px;margin-inline-start:-7px;border-radius:50%;background:var(--sec-bg,var(--cream));box-shadow:inset 0 0 0 2px var(--stitch)}
.label-card h3{font-size:19px;margin-bottom:6px}
.label-card p{color:var(--muted);font-size:16px;margin:0}
.lc-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--lilac-soft);color:var(--plum);margin-bottom:14px}
.lc-ic .ic{width:26px;height:26px}

/* ---------- plum band (home process teaser) */
.band{position:relative;overflow:hidden;background:var(--plum-deep);color:rgba(251,244,230,.9);padding:90px 0}
.band h2{color:var(--cream)}
.band .tag{color:var(--chick);border-color:var(--chick);background:rgba(255,255,255,.04)}
.band .tag::before{background:var(--plum-deep)}
.bgrid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.stage-chips{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 30px}
.stage-chips li{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1.5px dashed rgba(227,190,122,.45);border-radius:14px;font-weight:700;color:var(--cream);font-size:16px}
.stage-chips .n{font:700 14px/1 "Poppins",sans-serif;color:var(--chick);min-width:24px}
.bmedia{max-width:500px;width:100%;justify-self:center}

/* ---------- pack types */
.pk-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pk{position:relative;background:var(--paper);border-radius:18px;padding:26px 22px 22px;border:1.5px solid var(--line);overflow:hidden}
.pk::before{content:"";position:absolute;inset-inline:0;top:0;height:8px;background:repeating-linear-gradient(90deg,var(--plum) 0 14px,var(--plum2) 14px 28px)}
.pk-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--kraft);color:var(--plum);margin-bottom:14px;box-shadow:inset 0 0 0 2px var(--stitch)}
.pk-ic .ic{width:32px;height:32px}
.pk h3{font-size:19px;margin-bottom:6px}
.pk p{color:var(--muted);font-size:16px;margin:0}
.row-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:30px}
.row-cta .note{margin:0}

/* ---------- sectors preview + steps */
.sec-tags{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sec-tag{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px;border:1.5px dashed var(--stitch);border-radius:16px;background:var(--paper);color:var(--plum);font-weight:700;text-decoration:none;transition:background .2s,border-color .2s}
.sec-tag:hover{background:var(--plum);color:var(--cream);border-style:solid;border-color:var(--plum)}
.sec-tag .ic{color:var(--gold-text)}
.sec-tag:hover .ic{color:var(--chick)}
.steps3{list-style:none;counter-reset:s;display:grid;gap:14px;margin:4px 0 24px}
.steps3 li{counter-increment:s;position:relative;display:flex;flex-direction:column;padding-inline-start:58px;min-height:46px}
.steps3 li::before{content:counter(s);position:absolute;inset-inline-start:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--plum);color:var(--cream);display:grid;place-items:center;font:700 17px/1 "Poppins",sans-serif}
.steps3 li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:20px;top:46px;bottom:-12px;border-inline-start:2px dashed var(--stitch)}
.steps3 b{color:var(--plum);font-size:18px}
.steps3 span{color:var(--muted)}
.steps3.wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.steps3.wide li{padding:66px 22px 22px;background:var(--paper);border-radius:20px;box-shadow:var(--shadow)}
.steps3.wide li::before{inset-inline-start:22px;top:18px}
.steps3.wide li::after{display:none}

/* ---------- CTA label */
.cta-sec{padding:76px 0}
.cta-pack{--sh:0 26px 44px -18px rgba(58,27,53,.5)}
.cta-body{--hole:12px;--hy:22px;--ny:70px;--nd:13px;position:relative;background:var(--plum);color:rgba(251,244,230,.9);border-radius:36px 36px 28px 28px;padding:74px 52px 50px;display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:center}
.cta-body::before{height:44px;background:repeating-linear-gradient(90deg,rgba(251,244,230,.14) 0 2px,transparent 2px 7px);border-bottom-color:rgba(227,190,122,.6)}
.cta-body h2{color:var(--cream);margin-bottom:8px}
.cta-body p{margin:0;font-size:18px}
.cta-act{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}

/* ---------- footer */
.site-footer{position:relative;background:var(--plum-deep);color:rgba(251,244,230,.85);padding-top:4px}
.ft-tear{position:absolute;top:-14px;inset-inline:0}
.ft-tear::before,.ft-tear::after{background:var(--cream)}
.ft-tear span{border-top-color:rgba(74,35,67,.35)}
.ft-tear span .ic{display:none}
.ftop{display:grid;grid-template-columns:1.75fr 1fr 1fr 1.25fr;gap:40px;padding:70px 0 44px}
.fb-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.fb-head .badge{width:64px;height:64px}
.fb-names{display:flex;flex-direction:column;gap:2px;line-height:1.6}
.fb-names strong{font-family:"Lemonada","Noto Sans Arabic",sans-serif;color:var(--cream);font-size:15px;font-weight:700;line-height:1.7}
.fb-names span{font-family:"Poppins",sans-serif;font-size:13px;letter-spacing:.06em;color:var(--chick);font-weight:600}
.fbrand p{font-size:15px;margin:0;max-width:420px}
.fh{font-family:var(--f-disp);color:var(--chick);font-size:17px;margin-bottom:14px}
.fcol{display:flex;flex-direction:column;align-items:flex-start}
.fcol>a:not(.btn){color:rgba(251,244,230,.85);text-decoration:none;padding:5px 0;font-size:15px}
.fcol>a:not(.btn):hover{color:var(--chick);text-decoration:underline}
.fl{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:15px}
.fl .ic{color:var(--chick);width:19px;height:19px}
.fl a{color:rgba(251,244,230,.9);text-decoration:none}
.fl a:hover{color:var(--chick)}
.f-cta{margin-top:14px}
.fbot{border-top:1.5px dashed rgba(227,190,122,.3);padding:18px 0}
.fbot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:14px}
.fb-loop{display:inline-flex;align-items:center;gap:8px;color:var(--chick)}
.to-top{position:fixed;inset-inline-end:18px;bottom:18px;z-index:40;width:48px;height:48px;border-radius:50%;border:2px solid var(--chick);background:var(--plum);color:var(--cream);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s}
.to-top.show{opacity:1;visibility:visible;transform:none}

/* ---------- page hero */
.phero{position:relative;overflow:hidden;padding:58px 0 10px;background:linear-gradient(180deg,var(--lilac-soft),var(--cream) 82%)}
.phgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.phero.plain .phgrid{grid-template-columns:1fr;max-width:860px}
.phero h1{margin-bottom:12px}
.phmedia{max-width:470px;width:100%;justify-self:center}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:12px}
.crumbs a{color:var(--plum2);font-weight:600}
.ph-flow{margin-top:28px}

/* ---------- about */
.name-card{}
.nc-body{position:relative;background:var(--paper);border-radius:32px 32px 24px 24px;padding:58px 34px 32px;text-align:center}
.nc-body img{width:120px;margin:0 auto 12px}
.nc-body p{color:var(--muted);margin:0}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.mv-card{position:relative;background:var(--paper);border-radius:24px;padding:32px;box-shadow:var(--shadow);border-top:6px solid var(--plum)}
.mv-card h2{font-size:26px}
.mv-card p{margin:0;color:var(--muted);font-size:18px}
.scope{display:grid;grid-template-columns:1fr 1fr .9fr;gap:24px;align-items:stretch}
.scope-card{background:var(--paper);border-radius:22px;padding:28px;border:1.5px solid var(--line)}
.scope-card h2{display:flex;align-items:center;gap:10px;font-size:22px}
.scope-card.do h2 .ic{color:#2F6B3A}
.scope-card.dont h2 .ic{color:var(--gold-text)}
.scope-card ul{list-style:none;display:grid;gap:10px}
.scope-card li{position:relative;padding-inline-start:22px}
.scope-card li::before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:9px;height:9px;border-radius:50%;background:var(--chick-d)}
.scope-card.dont li::before{background:transparent;box-shadow:inset 0 0 0 2px var(--plum2)}
.scope-media .pframe{height:100%}
.roles{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.role{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border-radius:18px;padding:20px;border:1.5px dashed var(--stitch)}
.r-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--plum);color:var(--chick);flex:none}
.role h3{font-size:18px;margin-bottom:4px}
.role p{margin:0;color:var(--muted);font-size:16px}
.ccard{position:relative;background:var(--paper);border-radius:28px 28px 22px 22px;padding:58px 32px 26px;box-shadow:var(--shadow);max-width:900px}
.ccard dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.ccard dl>div{padding:12px 0;border-bottom:1.5px dashed var(--line)}
.ccard dt{font-size:14px;color:var(--muted);font-weight:600}
.ccard dd{margin:0;font-weight:700;color:var(--plum)}
.ccard dd[lang=en]{font-family:"Poppins",sans-serif;font-size:15px;letter-spacing:.03em}

/* ---------- products: shelf explorer */
.explorer{scroll-margin-top:120px}
.shelf{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:end;padding:26px 14px 0}
.shelf::after{content:"";grid-column:1/-1;height:20px;margin-inline:-14px;margin-top:-6px;background:linear-gradient(var(--plum2),var(--plum-deep));border-radius:6px 6px 12px 12px;box-shadow:0 16px 20px -12px rgba(58,27,53,.55)}
.sp{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:block;width:100%;transition:transform .35s cubic-bezier(.3,1.4,.5,1);border-radius:20px;--sh:0 12px 18px -10px rgba(58,27,53,.35)}
.sp-body{--hole:6px;--hy:13px;--ny:36px;--nd:7px;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 10px 16px;border-radius:20px 20px 14px 14px;background:var(--paper)}
.sp-body::before{height:26px}
.sp-win{display:grid;place-items:center;width:78%;aspect-ratio:1;border-radius:50%;background:var(--kraft);overflow:hidden;box-shadow:inset 0 0 0 2px rgba(74,35,67,.12)}
.sp-win img{width:90%}
.sp-name{font-weight:700;font-size:15px;line-height:1.4;text-align:center;color:var(--plum);min-height:2.8em;display:flex;align-items:center}
.sp:hover{transform:translateY(-6px)}
.sp[aria-selected=true]{transform:translateY(-16px)}
.sp[aria-selected=true] .sp-body{background:var(--plum)}
.sp[aria-selected=true] .sp-body::before{background:repeating-linear-gradient(90deg,rgba(251,244,230,.16) 0 2px,transparent 2px 6px);border-bottom-color:rgba(227,190,122,.6)}
.sp[aria-selected=true] .sp-name{color:var(--cream)}
.sp[aria-selected=true] .sp-win{background:var(--cream)}
.ex-panels{margin-top:40px}
.ex-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}
.ex-panel:focus-visible{outline-offset:8px;border-radius:18px}
.ex-info h3{font-size:28px}
.ex-info>p{color:var(--muted);font-size:18px}
.ex-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0 24px}
.ticks{list-style:none;display:grid;gap:8px}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks .ic{width:20px;height:20px;color:#2F6B3A;margin-top:.35em}
.ticks.big{gap:12px;margin-bottom:24px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1.5px dashed var(--stitch);border-radius:999px;background:var(--paper);font-size:14px;font-weight:700;color:var(--plum)}
.chips .ic{width:17px;height:17px;color:var(--gold-text)}

/* ---------- pack builder */
.builder{display:grid;grid-template-columns:1.55fr 1fr;gap:34px;align-items:start}
.b-group{border:0;padding:0;margin:0 0 26px;min-width:0}
.b-group legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:12px;font-weight:700;font-size:19px;color:var(--plum)}
.bn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--plum);color:var(--cream);font:700 15px/1 "Poppins",sans-serif;flex:none}
.oc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.oc-grid.fam{grid-template-columns:repeat(3,minmax(0,1fr))}
.opt-chip{position:relative;display:block;cursor:pointer}
.opt-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.oc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;min-height:100px;padding:14px 10px;border:2px dashed var(--stitch);border-radius:18px;background:var(--paper);text-align:center;color:var(--plum);transition:background .2s,border-color .2s,color .2s}
.oc img{width:54px;height:54px}
.oc .ic{width:32px;height:32px;color:var(--plum2)}
.oc .lb{font-weight:700;font-size:15px;line-height:1.4}
.oc small{font-size:13px;line-height:1.5;color:var(--muted)}
.opt-chip:hover .oc{border-color:var(--plum2)}
.opt-chip input:checked+.oc{background:var(--plum);border-style:solid;border-color:var(--plum);color:var(--cream)}
.opt-chip input:checked+.oc .ic{color:var(--chick)}
.opt-chip input:checked+.oc small{color:rgba(251,244,230,.85)}
.opt-chip input:checked+.oc img{background:var(--cream);border-radius:50%}
.opt-chip input:focus-visible+.oc{outline:3px solid var(--gold-text);outline-offset:3px}
.opt-chip.off{cursor:not-allowed}
.opt-chip.off input{cursor:not-allowed}
.opt-chip.off .oc{opacity:.5;background:repeating-linear-gradient(-45deg,var(--paper) 0 8px,rgba(74,35,67,.06) 8px 16px);border-color:var(--line)}
.size-note{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin:12px 0 0}
.size-note .ic{width:18px;height:18px;color:var(--gold-text)}
.b-card{position:sticky;top:110px}
.bc-body{position:relative;background:var(--paper);border-radius:32px 32px 24px 24px;padding:52px 26px 26px}
.bc-body h3{text-align:center;margin-bottom:10px}
.pv{display:grid;place-items:center;height:186px;margin-bottom:6px}
.pv-shape{position:relative;display:grid;place-items:center;width:124px;height:156px;background:var(--plum);border-radius:20px 20px 12px 12px;transition:width .4s,height .4s,border-radius .4s,background .4s}
.pv-shape::before{content:"";position:absolute;inset-inline:0;top:0;height:22px;border-bottom:1.5px dashed rgba(227,190,122,.7);background:repeating-linear-gradient(90deg,rgba(251,244,230,.16) 0 2px,transparent 2px 6px);border-radius:inherit;border-end-start-radius:0;border-end-end-radius:0}
.pv-img{width:76px;height:76px;border-radius:50%;background:var(--cream);padding:6px;margin-top:14px}
.pv[data-pack=none] .pv-shape{background:transparent;border:2px dashed var(--stitch)}
.pv[data-pack=none] .pv-shape::before{display:none}
.pv[data-pack=box] .pv-shape{width:160px;height:118px;border-radius:8px;background:#C99A5B}
.pv[data-pack=box] .pv-shape::before{height:26px;border-bottom:2px solid rgba(58,27,53,.25);background:linear-gradient(90deg,transparent 46%,rgba(255,253,248,.55) 46% 54%,transparent 54%)}
.pv[data-pack=sack] .pv-shape{width:136px;height:164px;border-radius:44px 44px 28px 28px/34px 34px 28px 28px;background:#C9A46C repeating-linear-gradient(0deg,rgba(169,132,79,.45) 0 2px,transparent 2px 6px)}
.pv[data-pack=sack] .pv-shape::before{height:20px;border-bottom:3px solid #A9844F;background:none}
.pv[data-pack=bulk] .pv-shape{width:172px;height:160px;border-radius:12px;background:#EDE3CF;box-shadow:inset 0 0 0 3px var(--plum2)}
.pv[data-pack=bulk] .pv-shape::before{height:14px;top:-12px;inset-inline:20px;border:3px solid var(--plum2);border-bottom:0;border-radius:12px 12px 0 0;background:none}
.bc-list{margin:0 0 12px}
.bc-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1.5px dashed var(--line)}
.bc-list dt{color:var(--muted);font-size:15px}
.bc-list dd{margin:0;font-weight:700;color:var(--plum);text-align:end}
.bc-list dd.empty{color:var(--muted);font-weight:400;font-style:italic}
.pv-note{font-size:15px;color:var(--muted);background:var(--lilac-soft);border-radius:12px;padding:10px 14px}
.b-msg{color:var(--err);font-weight:700;font-size:15px;min-height:0;margin:0 0 8px}
.b-msg:empty{display:none}
.bc-acts{display:grid;gap:10px}
.bc-acts .btn{width:100%}

/* ---------- tips */
.tips{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tip{background:var(--paper);border-radius:20px;padding:24px;border:1.5px dashed var(--stitch)}
.tip h3{font-size:18px}
.tip p{margin:0;color:var(--muted);font-size:16px}

/* ---------- process: conveyor */
.conveyor{--gap:10px;--rw:56px;scroll-margin-top:120px}
.conv-track{position:relative;height:96px}
.runner{position:absolute;top:0;width:var(--rw);height:72px;inset-inline-start:calc(var(--at,0) * ((100% - 5 * var(--gap)) / 6 + var(--gap)) + (100% - 5 * var(--gap)) / 12 - var(--rw) / 2);transition:inset-inline-start .9s cubic-bezier(.5,0,.2,1);z-index:2}
.runner-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 6px rgba(58,27,53,.3))}
.conveyor.moving .runner-svg{animation:bob .45s ease-in-out 2}
@keyframes bob{50%{transform:translateY(-6px) rotate(-3deg)}}
.belt{position:absolute;inset-inline:0;bottom:0;height:24px;border-radius:12px;background:radial-gradient(circle at 12px 12px,#7A5872 0 6px,#2A1226 6.5px 8px,transparent 8.5px) 0 0/40px 24px repeat-x,var(--plum-deep);box-shadow:0 10px 16px -10px rgba(58,27,53,.6)}
.conveyor.moving .belt{animation:beltL .9s linear}
[dir=rtl] .conveyor.moving .belt{animation-name:beltR}
@keyframes beltL{to{background-position:-80px 0,0 0}}
@keyframes beltR{to{background-position:80px 0,0 0}}
.stations{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap);margin-top:14px}
.st{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:118px;padding:14px 8px;border:2px dashed var(--stitch);border-radius:18px;background:var(--paper);font:inherit;color:var(--plum);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.st:hover{border-color:var(--plum2)}
.st .ic{width:28px;height:28px;color:var(--plum2)}
.st-n{font:700 13px/1 "Poppins",sans-serif;color:var(--gold-text)}
.st-t{font-weight:700;font-size:15px;line-height:1.4;text-align:center}
.st[aria-selected=true]{background:var(--plum);border-style:solid;border-color:var(--plum);color:var(--cream)}
.st[aria-selected=true] .ic,.st[aria-selected=true] .st-n{color:var(--chick)}
.st-panels{margin-top:26px}
.st-panel{position:relative;background:var(--paper);border-radius:26px;padding:34px;box-shadow:var(--shadow)}
.st-panel::before{content:"";position:absolute;inset:8px;border:1.5px dashed var(--stitch);border-radius:20px;pointer-events:none}
.stp-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}
.stp-n{font:700 44px/1 "Poppins",sans-serif;color:var(--chick-d);flex:none}
.stp-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--plum);color:var(--chick);flex:none}
.stp-ic .ic{width:28px;height:28px}
.stp-head h3{font-size:26px;margin-bottom:4px}
.stp-head p{margin:0;color:var(--muted);font-size:18px}
.stp-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}
.stp-check{display:flex;gap:14px;align-items:flex-start;background:var(--lilac-soft);border-radius:18px;padding:20px}
.stp-check>.ic{width:30px;height:30px;color:var(--plum2)}
.stp-check p{margin:0}
.stp-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;position:relative}
.stp-nav>:only-child{margin-inline-start:auto}

/* ---------- quality */
.checks{list-style:none;display:grid;gap:0}
.checks li{position:relative;display:flex;gap:16px;padding-bottom:20px}
.checks li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:23px;top:50px;bottom:4px;border-inline-start:2px dashed var(--stitch)}
.ck-n{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--plum);color:var(--chick);font:700 15px/1 "Poppins",sans-serif;flex:none}
.checks h3{font-size:19px;margin-bottom:2px}
.checks p{margin:0;color:var(--muted)}
.label-demo{max-width:440px;width:100%;justify-self:center}
.ld{--hole:10px;--hy:20px;--ny:58px;--nd:10px;position:relative;background:var(--paper);border-radius:30px 30px 22px 22px;padding:54px 28px 30px;filter:none;box-shadow:var(--shadow)}
.ld-top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--plum);margin-bottom:6px}
.ld-top img{width:52px}
.ld-t{font-family:var(--f-disp);font-weight:700;color:var(--plum);font-size:18px}
.ld dl{margin:0}
.ld dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1.5px dashed var(--line)}
.ld dt{color:var(--muted);font-size:15px}
.ld dd{margin:0;font-weight:700;color:var(--plum)}
.ld-bars{display:block;height:46px;margin-top:16px;background:repeating-linear-gradient(90deg,var(--plum-deep) 0 3px,transparent 3px 5px,var(--plum-deep) 5px 6px,transparent 6px 10px,var(--plum-deep) 10px 14px,transparent 14px 16px);border-radius:4px;opacity:.85}
.label-demo .note{justify-content:center;text-align:center}
.honesty{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.hon-card{--hole:10px;--hy:20px;--ny:56px;--nd:10px;position:relative;background:var(--paper);border-radius:30px 30px 22px 22px;padding:58px 32px 30px;box-shadow:var(--shadow)}
.hon-card h2{font-size:24px}
.hon-card p{margin:0;color:var(--muted)}

/* ---------- sectors */
.sx{display:grid;grid-template-columns:310px 1fr;gap:30px;align-items:start}
.sx-tabs{display:flex;flex-direction:column;gap:10px}
.sx-tab{appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 18px;border:2px dashed var(--stitch);border-radius:999px;background:var(--paper);font:inherit;font-weight:700;font-size:16px;color:var(--plum);text-align:start;cursor:pointer;transition:background .2s,color .2s}
.sx-tab .ic{color:var(--gold-text)}
.sx-tab:hover{border-color:var(--plum2)}
.sx-tab[aria-selected=true]{background:var(--plum);color:var(--cream);border-style:solid;border-color:var(--plum)}
.sx-tab[aria-selected=true] .ic{color:var(--chick)}
.sx-panel{--hole:10px;--hy:20px;--ny:56px;--nd:10px;position:relative;background:var(--paper);border-radius:30px 30px 22px 22px;padding:60px 36px 34px;box-shadow:var(--shadow)}
.sxp-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.sxp-head .lc-ic{margin:0}
.sxp-head h3{font-size:26px;margin:0}
.sxp-lead{font-size:18px;color:var(--muted)}
.sx-panel h4{margin-top:18px}
.sx-panel .chips{margin-bottom:24px}

/* ---------- FAQ */
.faq-wrap{max-width:900px}
.faq-tools{display:grid;gap:16px;margin-bottom:22px}
.field label{display:block;font-weight:700;color:var(--plum);margin-bottom:6px;font-size:16px}
.search-in{position:relative}
.search-in .ic{position:absolute;inset-inline-start:16px;top:50%;margin-top:-11px;color:var(--plum2)}
.search-in input[type=search]{padding-inline-start:50px}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filter{min-height:44px;padding:6px 18px;border:1.5px dashed var(--stitch);border-radius:999px;background:var(--paper);color:var(--plum);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.filter[aria-pressed=true]{background:var(--plum);border-style:solid;border-color:var(--plum);color:var(--cream)}
.faq-list{border-top:2px solid var(--plum)}
.qa{border-bottom:1.5px dashed var(--stitch)}
.qa h3{margin:0;font-family:var(--f-body);font-size:inherit}
.qa button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:58px;padding:14px 6px;background:none;border:0;font:inherit;font-weight:700;font-size:17px;line-height:1.6;color:var(--plum);text-align:start;cursor:pointer}
.qa button:hover{color:var(--plum2)}
.qa .chev{width:20px;height:20px;transform:rotate(90deg);transition:transform .25s;color:var(--gold-text)}
.qa.open .chev{transform:rotate(-90deg)}
.qa-a{display:none;padding:0 6px 18px}
.qa.open .qa-a{display:block}
.qa-a p{margin:0;color:var(--muted)}
.faq-empty{padding:24px;text-align:center;background:var(--lilac-soft);border-radius:18px;margin-top:16px}
.faq-count{font-size:14px;color:var(--muted);margin-top:12px}
.faq-count:empty{display:none}

/* ---------- forms */
input[type=text],input[type=email],input[type=tel],input[type=search],select,textarea{width:100%;min-height:52px;padding:12px 16px;border:2px solid rgba(74,35,67,.22);border-radius:14px;background:var(--paper);color:var(--text);font:inherit;font-size:16px;line-height:1.5}
textarea{min-height:120px;resize:vertical}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--plum2) 50%),linear-gradient(135deg,var(--plum2) 50%,transparent 50%);background-size:6px 6px;background-repeat:no-repeat;background-position:left 22px center,left 16px center;padding-inline-end:44px}
[dir=ltr] select{background-position:right 16px center,right 22px center}
input:focus,select:focus,textarea:focus{border-color:var(--plum);outline:3px solid rgba(227,190,122,.6);outline-offset:1px}
::placeholder{color:#8C7487;opacity:1}
.field{min-width:0}
.field.bad input,.field.bad select,.field.bad textarea{border-color:var(--err)}
.err{display:block;color:var(--err);font-size:14px;font-weight:700;margin-top:6px}
.err:empty{display:none}
.opt{font-weight:400;color:var(--muted);font-size:14px}
.req{color:var(--err)}
.hp{position:absolute;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- contact: wizard */
.cgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:start}
.wiz-card{position:relative;background:var(--paper);border-radius:28px;padding:36px;box-shadow:var(--shadow);scroll-margin-top:110px}
.wiz-head p{color:var(--muted);font-size:15px}
.wsteps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:6px 0 26px;counter-reset:w}
.wsteps li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1.5px dashed var(--stitch);color:var(--muted);font-weight:700;font-size:14px;min-width:0}
.ws-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lilac-soft);color:var(--plum);font:700 14px/1 "Poppins",sans-serif;flex:none}
.ws-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsteps li.on{border-style:solid;border-color:var(--plum);color:var(--plum);background:var(--lilac-soft)}
.wsteps li.on .ws-n{background:var(--plum);color:var(--cream)}
.wsteps li.done .ws-n{background:var(--chick);color:var(--plum-deep)}
.prefill-note{display:flex;align-items:center;gap:10px;background:rgba(227,190,122,.2);border:1.5px dashed var(--gold-text);border-radius:14px;padding:10px 14px;font-size:15px;color:var(--plum)}
.prefill-note .ic{color:var(--gold-text)}
.wstep{border:0;padding:0;margin:0;min-width:0}
.wstep legend{font-family:var(--f-disp);font-weight:700;color:var(--plum);font-size:22px;padding:0;margin-bottom:16px;line-height:1.6}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.choice{position:relative;display:block;cursor:pointer}
.choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.ch-b{display:flex;gap:12px;align-items:flex-start;height:100%;min-height:88px;padding:16px;border:2px dashed var(--stitch);border-radius:18px;background:var(--paper);transition:background .2s,border-color .2s}
.ch-b>.ic{width:28px;height:28px;color:var(--plum2);margin-top:2px}
.ch-b b{display:block;color:var(--plum);font-size:17px;line-height:1.5}
.ch-b small{display:block;color:var(--muted);font-size:14px;line-height:1.6}
.choice:hover .ch-b{border-color:var(--plum2)}
.choice input:checked+.ch-b{border-style:solid;border-color:var(--plum);background:var(--lilac-soft);box-shadow:inset 0 0 0 1px var(--plum)}
.choice input:focus-visible+.ch-b{outline:3px solid var(--gold-text);outline-offset:3px}
.need-err{margin-top:10px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.field.full{grid-column:1/-1}
.check{display:flex!important;align-items:flex-start;gap:12px;font-weight:600!important;cursor:pointer}
.check input{width:22px;height:22px;margin-top:5px;accent-color:var(--plum);flex:none}
.wnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px}
.wnav>:only-child{margin-inline-start:auto}
.review{background:var(--lilac-soft);border-radius:18px;padding:18px 20px;margin-bottom:22px}
.review h3{font-size:18px;margin-bottom:6px}
.live-sum{margin:0}
.live-sum>div{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px 0;border-bottom:1.5px dashed var(--line)}
.live-sum dt{color:var(--muted);font-size:15px}
.live-sum dd{margin:0;font-weight:700;color:var(--plum);font-size:15px;overflow-wrap:anywhere}
.form-ok{display:none}
.form-ok.show{display:block}
.form-ok h3{display:flex;align-items:center;gap:10px}
.form-ok h3 .ic{color:#2F6B3A;width:28px;height:28px}
.summary{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--kraft);border:1.5px dashed var(--stitch);border-radius:16px;padding:16px;font:15px/1.8 var(--f-body);max-height:340px;overflow:auto;margin:14px 0 18px}
.ok-acts{display:flex;flex-wrap:wrap;gap:12px}
.channels{position:sticky;top:110px}
.ch-card{--hole:10px;--hy:20px;--ny:56px;--nd:10px;position:relative;background:var(--plum);color:rgba(251,244,230,.9);border-radius:30px 30px 22px 22px;padding:60px 26px 26px}
.ch-card::before{background:repeating-linear-gradient(90deg,rgba(251,244,230,.14) 0 2px,transparent 2px 6px);border-bottom-color:rgba(227,190,122,.6)}
.ch-card h2{color:var(--cream);font-size:22px}
.ch-list{list-style:none;display:grid;gap:14px;margin-bottom:16px}
.ch-list li{display:flex;gap:12px;align-items:flex-start}
.ch-list li>.ic{width:42px;height:42px;padding:10px;border-radius:50%;background:rgba(251,244,230,.1);color:var(--chick);box-sizing:border-box}
.ch-list b{display:block;color:var(--chick);font-size:14px}
.ch-list a,.ch-list span{color:var(--cream);font-size:16px;overflow-wrap:anywhere}
.ch-list div>span:not(.prov){display:block}
.ch-list .prov{margin-top:6px;font-size:13px}
.ch-card .note{color:rgba(251,244,230,.85);margin:0}
.map-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.map-card{--hole:10px;--hy:20px;--ny:56px;--nd:10px;position:relative;background:var(--paper);border-radius:30px 30px 22px 22px;padding:52px 18px 18px;box-shadow:var(--shadow)}
.map-svg{display:block;width:100%;height:auto;border-radius:16px;direction:ltr}

/* ---------- 404 */
.nf{padding:80px 0 90px}
.nf-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}
.nf-art svg{width:100%;max-width:260px;margin-inline:auto;display:block}

/* ---------- responsive */
@media (max-width:1100px){
  .label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pk-grid,.tips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scope{grid-template-columns:1fr 1fr}
  .scope-media{grid-column:1/-1;max-width:560px;justify-self:center;width:100%}
}
@media (max-width:960px){
  .hgrid,.phgrid,.split,.bgrid,.builder,.cgrid,.ex-panel,.map-wrap,.nf-grid{grid-template-columns:1fr}
  .hgrid{gap:40px}
  .split.rev .split-media{order:0}
  .phmedia{max-width:420px}
  .hmedia{max-width:460px}
  .b-card,.channels{position:static}
  .sx{grid-template-columns:1fr}
  .sx-tabs{display:grid;grid-template-columns:1fr 1fr}
  .sx-tab{border-radius:16px;min-height:60px}
  .label-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-body{grid-template-columns:1fr;padding:70px 32px 36px}
  .cta-act{justify-content:flex-start}
  .ftop{grid-template-columns:1fr 1fr;gap:32px}
  .fbrand{grid-column:1/-1}
  .honesty,.mv{grid-template-columns:1fr}
  .steps3.wide{grid-template-columns:1fr}
  .ex-media{max-width:520px}
  .nf-art svg{max-width:200px}
}
@media (max-width:760px){
  .sec{padding:60px 0}
  .band{padding:64px 0}
  .shelf{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;row-gap:0;padding:20px 0 0}
  .shelf::after{display:none}
  .sp{padding:16px 6px 0;position:relative}
  .sp::before{display:none}
  .sp::after{content:"";display:block;height:14px;margin-inline:-6px;background:linear-gradient(var(--plum2),var(--plum-deep));border-radius:3px}
  .sp-body{margin-bottom:-2px;box-shadow:0 8px 14px -10px rgba(58,27,53,.4)}
  .sp[aria-selected=true]{transform:none}
  .sp[aria-selected=true] .sp-body{transform:translateY(-10px)}
  .sp:hover{transform:none}
  .stations{grid-template-columns:repeat(3,minmax(0,1fr))}
  .runner{inset-inline-start:calc(var(--at,0) * (100% - var(--rw)) / 5)}
  .conv-track{height:88px}
  .st{min-height:104px}
  .st-panel{padding:26px 20px}
  .stp-cols,.ex-cols{grid-template-columns:1fr}
  .stp-n{font-size:34px}
  .oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-chips{grid-template-columns:1fr}
  .wiz-card{padding:24px 18px}
  .ccard{padding:56px 20px 20px}
  .ccard dl{grid-template-columns:1fr}
  .sticker{inset-inline-start:6px;bottom:auto;top:62px;width:96px;height:96px;padding:12px}
  .sticker span{font-size:13px}
}
@media (max-width:640px){
  body{font-size:16px}
  .fgrid,.choice-grid{grid-template-columns:1fr}
  .label-grid,.label-grid.three,.pk-grid,.tips,.roles,.scope{grid-template-columns:1fr}
  .sec-tags{grid-template-columns:1fr}
  .acts .btn,.row-cta .btn,.cta-act .btn,.ex-acts .btn{width:100%}
  .ex-acts{display:grid;gap:10px}
  .wsteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .wsteps li{flex-direction:column;gap:4px;padding:8px 4px;text-align:center}
  .ws-t{font-size:13px;white-space:normal;line-height:1.4}
  .wnav .btn{flex:1 1 auto}
  .stp-nav .btn{flex:1 1 auto}
  .ftop{grid-template-columns:1fr}
  .pf{padding:42px 12px 30px;--nd:9px;--ny:62px}
  .pc-body{padding:44px 12px 18px}
  .pgrid{gap:20px 14px}
  .pcard h3{font-size:17px}
  .pcard p{font-size:14px;line-height:1.7}
  .more{font-size:14px}
  .cta-body{padding:66px 20px 30px;border-radius:30px 30px 22px 22px}
  .sx-tabs{grid-template-columns:1fr 1fr;gap:8px}
  .sx-tab{flex-direction:column;justify-content:center;text-align:center;gap:4px;padding:10px 8px;font-size:14px;line-height:1.45}
  .sx-panel{padding:58px 20px 26px}
  .hero{padding-top:48px}
  .phero{padding-top:44px}
  .shead p{font-size:16px}
  .lead{font-size:17px}
}
@media (max-width:380px){
  .bname small{display:none}
  .pgrid{grid-template-columns:1fr 1fr}
  .oc .lb{font-size:14px}
}

/* ---------- motion preferences */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .flow.pending i{transform:none}
  .flow.pending .loop{stroke-dashoffset:0}
  .flow.pending .seed{opacity:1}
}
@media print{
  .site-header,.to-top,.vbtn,.bgv,.flow,.tear{display:none!important}
  body{background:#fff}
}