/* Genesis Art – shared stylesheet. Brand colour C0 M100 Y40 K0 = #ED1164 */
:root{--brand:#ED1164;--brand-deep:#B5094A;--ink:#1F1B2D;--ink-soft:#4C4759;--line:#E4E2EA;--paper-2:#F5F4F8;
--fd:"Poppins","Inter",system-ui,sans-serif;--fb:"Poppins","Inter",system-ui,sans-serif;--wrap:1240px;--g:clamp(16px,4vw,40px)}
*{box-sizing:border-box} html{color-scheme:light}body{margin:0;font-family:var(--fb);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit} svg{display:block}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--g)}

/* hero shell */
.hero{position:relative;color:var(--ink);overflow:hidden;
 background:#fff;}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
 background-image:radial-gradient(circle,rgba(237,17,100,.16) 1.4px,transparent 1.8px);background-size:16px 16px;
 opacity:.55}
.hero .reg{position:absolute;width:64px;height:64px;color:#ED1164;opacity:.3}
.hero .reg.a{top:60px;left:54%} .hero .reg.b{bottom:140px;left:2%}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#ED1164;box-shadow:0 8px 28px -6px rgba(70,0,30,.45),0 1px 0 rgba(0,0,0,.06)}
.hdr .in{display:flex;align-items:center;gap:28px;height:104px}
.brand{color:#fff;flex:none} .brand svg{height:56px;width:auto}
.nav{margin-inline-start:auto;display:flex;gap:4px;list-style:none;margin-block:0;padding:0}
.nav a{display:block;padding:10px 14px;text-decoration:none;font-weight:500;color:rgba(255,255,255,.85);border-radius:999px}
.nav a:hover{background:rgba(255,255,255,.14);color:#fff}
.nav a[aria-current]{background:#fff;color:var(--brand)}
.acts{display:flex;gap:10px;align-items:center}
.lang{font-family:var(--fb);font-weight:600;text-decoration:none;padding:9px 14px;border:1.5px solid rgba(255,255,255,.5);border-radius:999px}
.lang:hover{border-color:#fff}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:999px;font-weight:600;text-decoration:none;border:2px solid transparent;font-size:1.02rem;transition:transform .15s,box-shadow .15s,background .15s}
.btn svg{width:20px;height:20px}
.btn-w{background:#fff;color:var(--brand);box-shadow:0 12px 30px -12px rgba(60,0,25,.55)}
.btn-w:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(60,0,25,.6)}
.btn-o{border-color:rgba(255,255,255,.7);color:#fff} .btn-o:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-sm{min-height:44px;padding:9px 18px;font-size:.95rem}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;align-items:center;justify-content:center}
.burger svg{width:22px;height:22px}

/* hero content */
.hgrid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center;padding-block:72px 170px}
.kicker{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:7px 14px 7px 8px;border-radius:999px;font-size:.95rem;font-weight:500;margin-bottom:26px}
.kicker b{background:#fff;color:var(--brand);font-weight:700;border-radius:999px;padding:3px 10px;font-size:.85rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.caption{display:block;width:100%;max-width:560px;height:auto;margin-bottom:22px}.caption .c1,.caption .c3{fill:#ED1164}.caption .c2{fill:#1F1B2D}
.h1-sub{display:block;margin:0 0 24px;margin-top:4px;font-family:var(--fd);font-weight:600;font-size:clamp(1.15rem,1.8vw,1.45rem);letter-spacing:0;line-height:1.3;color:var(--ink)}
h1{font-family:var(--fd);font-weight:700;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.025em;margin:0 0 24px}

.lead{font-size:1.08rem;line-height:1.85;max-width:560px;color:var(--ink-soft);margin:0;text-align:justify;hyphens:none;text-justify:inter-word}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.facts{display:flex;flex-wrap:wrap;gap:12px 26px;list-style:none;padding:0;margin:36px 0 0;font-size:.98rem;color:rgba(255,255,255,.92)}
.facts li{display:flex;align-items:center;gap:8px}
.facts svg{width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(255,255,255,.2)}
.hero-art{width:100%;height:auto;max-width:640px;margin-inline-start:auto}

/* service strip overlapping */
.strip{position:relative;z-index:3;margin-top:-92px}
.strip ul{list-style:none;margin:0;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;border-radius:22px;box-shadow:0 30px 60px -30px rgba(31,27,45,.35),0 0 0 1px rgba(31,27,45,.05)}
.strip a{display:flex;gap:14px;align-items:center;padding:18px 18px;border-radius:14px;text-decoration:none;transition:background .15s}
.strip a:hover{background:#FDE7EF}
.strip .ic{width:52px;height:52px;flex:none;border-radius:14px;display:grid;place-items:center;background:#FDE7EF;color:var(--brand)}
.strip a:hover .ic{background:var(--brand);color:#fff}
.strip .ic svg{width:26px;height:26px}
.strip strong{display:block;font-family:var(--fd);font-weight:600;font-size:1.02rem;white-space:nowrap}
.strip span{font-size:.9rem;color:var(--ink-soft)}
.after{height:120px}

@media (prefers-reduced-motion:no-preference){
 .hero-art{animation:rise .9s cubic-bezier(.2,.7,.2,1) both .1s}
 @keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
}
@media (max-width:1180px){.nav a{padding:8px 11px!important;font-size:.92rem}}
@media (max-width:1060px){.nav,.acts .btn{display:none}.burger{display:inline-flex}.acts{margin-inline-start:auto}
 .strip ul{grid-template-columns:repeat(2,1fr)} }
@media (max-width:860px){.hgrid{grid-template-columns:1fr;padding-block:40px 140px} .hero-art{max-width:520px;margin-inline:auto} .hero .reg.a{display:none}}
@media (max-width:560px){.hdr .in{height:76px;gap:10px} .brand svg{height:34px} .acts{gap:8px} .lang.hex{padding:9px 16px!important} .burger.hex{width:50px;height:42px} .ctas .btn{width:100%;justify-content:center}
 .strip ul{grid-template-columns:1fr 1fr;padding:8px;gap:6px} .strip a{padding:14px 10px;flex-direction:column;align-items:flex-start;gap:10px} .strip .ic{width:44px;height:44px} .strip strong{font-size:1rem}  .lead{font-size:1.08rem} .lang{padding:7px 12px} .lead{text-align:start}}

/* logo-shaped buttons: angled, pointed sides like the Genesis Art mark */
.hex{clip-path:none;border-radius:999px!important}
.nav a{padding:8px 16px!important;border-radius:0!important;font-size:.96rem;white-space:nowrap}
.btn,.lang{white-space:nowrap}.hdr .in{gap:20px}.nav{gap:0}
.nav a[aria-current]{clip-path:none;border-radius:999px!important;padding:8px 20px!important}
.nav a:hover:not([aria-current]){background:transparent;color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.lang.hex{border:0;background:rgba(255,255,255,.18);padding:10px 24px;color:#fff}
.lang.hex:hover{background:rgba(255,255,255,.3)}
.btn-w.hex{box-shadow:none}
.btn.hex{padding-inline:28px}.btn-sm.hex svg{width:20px;height:20px}
.burger.hex{border:0;background:rgba(255,255,255,.18);width:54px}

/* content width: 80% of the screen on desktop */
@media (min-width:1061px){.wrap{max-width:none;width:80%;padding-inline:0}.caption{max-width:680px}.lead{max-width:680px}.hero-art{max-width:720px}}

/* four registration marks framing the hero content */
.hgrid .reg{position:absolute;width:44px;height:44px;color:#ED1164;opacity:.45;pointer-events:none}
.hgrid .reg.tl{top:22px;left:-58px}.hgrid .reg.tr{top:22px;right:-58px}
.hgrid .reg.bl{bottom:112px;left:-58px}.hgrid .reg.br{bottom:112px;right:-58px}
@media (max-width:1060px){.hgrid .reg{width:30px;height:30px}.hgrid .reg.tl,.hgrid .reg.bl{left:-4px}.hgrid .reg.tr,.hgrid .reg.br{right:-4px}.hgrid .reg.tl,.hgrid .reg.tr{top:6px}.hgrid .reg.bl,.hgrid .reg.br{bottom:104px}}
@media (max-width:560px){.hgrid .reg{display:none}}
/* services bar in brand colour */
.strip ul{background:#ED1164;box-shadow:0 24px 50px -24px rgba(120,0,45,.55)}
.strip a{color:#fff}
.strip a:hover{background:rgba(255,255,255,.14)}
.strip .ic{background:#fff;color:#ED1164}
.strip a:hover .ic{background:#fff;color:#ED1164}
.strip span{color:rgba(255,255,255,.88)}
.strip strong{color:#fff}

/* services bar hover: white card, brand-colour content */
.strip a:hover{background:#fff}
.strip a:hover strong,.strip a:hover span{color:#ED1164}
.strip a:hover .ic{background:#ED1164;color:#fff}
.strip a:focus-visible{outline:3px solid #fff;outline-offset:-3px}

/* five services */
.strip ul{grid-template-columns:repeat(5,1fr)}
.strip a{padding:16px 14px;gap:12px}
.strip .ic{width:48px;height:48px}
.strip strong{font-size:.98rem}
.strip span{font-size:.86rem}
@media (min-width:1281px){.strip a{flex-direction:column;text-align:center;padding:20px 12px;gap:12px}.strip a>span:last-child{display:block}.strip strong{font-size:1.02rem;margin-bottom:2px}}
@media (max-width:1280px){.strip ul{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1060px){.strip ul{grid-template-columns:repeat(2,1fr)}.strip li:last-child{grid-column:1/-1}}

/* ===== Step 2: Services ===== */
.after{display:none}
.services{padding-block:clamp(72px,9vw,120px) clamp(64px,8vw,110px);background:#fff}
.svc-head{display:grid;grid-template-columns:1fr 1.25fr;gap:24px 64px;align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.svc-head h2{font-family:var(--fd);font-weight:700;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.12;letter-spacing:-.02em;margin:0;color:var(--ink);text-wrap:balance}
.svc-head h2::after{content:"";display:block;width:96px;height:4px;background:var(--brand);border-radius:2px;margin-top:18px}
.svc-head p{margin:0;color:var(--ink-soft);font-size:1.05rem;line-height:1.85;text-align:justify}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:32px 28px 28px;background:#fff;border:1.5px solid #F1E3EA;border-radius:22px;transition:border-color .2s,box-shadow .2s,transform .2s}
.svc-card:hover{border-color:var(--brand);box-shadow:0 24px 48px -28px rgba(237,17,100,.45);transform:translateY(-4px)}
.svc-ic{width:64px;height:64px;border-radius:18px;background:var(--brand);color:#fff;display:grid;place-items:center}
.svc-ic svg{width:32px;height:32px}
.svc-card h3{font-family:var(--fd);font-weight:700;font-size:1.35rem;line-height:1.25;margin:6px 0 0;color:var(--ink)}
.svc-card p{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.8;text-align:start}
.svc-tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.svc-tags li{font-size:.84rem;font-weight:500;padding:6px 14px;border-radius:999px;background:#FDE7EF;color:var(--brand-deep)}
.svc-link{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--brand);text-decoration:none;font-size:.98rem}
.svc-link svg{width:18px;height:18px;transition:transform .2s}
.svc-link:hover svg{transform:translateX(4px)}
.svc-link:hover{text-decoration:underline;text-underline-offset:5px}
.svc-link::before{content:"";position:absolute;inset:0;border-radius:22px}
.svc-link:focus-visible{outline:none}.svc-link:focus-visible::before{outline:3px solid var(--brand);outline-offset:2px}
.svc-cta{background:var(--brand);border-color:var(--brand);color:#fff;justify-content:center}
.svc-cta:hover{transform:none;box-shadow:none}
.svc-cta h3{color:#fff;font-size:1.6rem}
.svc-cta p{color:rgba(255,255,255,.92);text-align:start}
.svc-btn{align-self:flex-start;margin-top:10px;display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--brand);font-weight:600;text-decoration:none;padding:13px 26px;border-radius:999px;transition:background .15s,color .15s}
.svc-btn svg{width:20px;height:20px}
.svc-btn:hover{background:var(--ink);color:#fff}
@media (max-width:1100px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.svc-head{grid-template-columns:1fr}}
@media (max-width:620px){.svc-grid{grid-template-columns:1fr}.svc-card{padding:26px 22px}.svc-head p,.svc-card p{text-align:start}}

/* ===== Values bar (replaces services strip) ===== */
.values-bar .vb-inner{display:grid;grid-template-columns:minmax(200px,.9fr) 4fr;align-items:center;gap:8px;background:#ED1164;border-radius:22px;padding:14px 14px 14px 34px;box-shadow:0 24px 50px -24px rgba(120,0,45,.55)}
.values-bar ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:none;box-shadow:none;border-radius:0}
.values-bar li{display:flex;align-items:center;gap:14px;padding:16px 12px;color:#fff}
.values-bar .ic{width:50px;height:50px;flex:none;border-radius:14px;background:#fff;color:#ED1164;display:grid;place-items:center}
.values-bar .ic svg{width:26px;height:26px}
.values-bar strong{display:block;font-family:var(--fd);font-weight:700;font-size:1.05rem;color:#fff;line-height:1.3}
.values-bar li span span{display:block;font-size:.86rem;line-height:1.45;color:rgba(255,255,255,.88)}
.vb-tag{margin:0;font-family:var(--fd);font-weight:500;font-size:1.05rem;line-height:1.3;color:rgba(255,255,255,.9);padding-inline-end:24px;border-inline-end:1.5px solid rgba(255,255,255,.35)}

@media (min-width:1281px){.values-bar li{flex-direction:column;text-align:center;gap:12px;padding:18px 8px}.values-bar .vb-inner{grid-template-columns:auto 1fr;padding:16px 16px 16px 30px}}
@media (max-width:1280px){.values-bar .vb-inner{grid-template-columns:1fr;padding:22px 18px 10px}.vb-tag{border:0;padding:0 12px 6px}.values-bar ul{grid-template-columns:repeat(4,1fr)}}
@media (max-width:1060px){.values-bar ul{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.values-bar ul{grid-template-columns:1fr}.values-bar li{padding:12px}.vb-tag{font-size:1rem}.vb-tag span{font-size:1.25rem}}

/* ===== Step 3: Products ===== */
.products{background:#FDF1F6;padding-block:clamp(72px,9vw,120px)}
.pr-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px;margin-bottom:30px}
.pr-head>div{max-width:680px;min-width:0}
.pr-head h2{font-family:var(--fd);font-weight:700;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 18px;color:var(--ink);text-wrap:balance}
.pr-head h2::after{content:"";display:block;width:96px;height:4px;background:var(--brand);border-radius:2px;margin-top:18px}
.pr-head p{margin:0;color:var(--ink-soft);font-size:1.05rem;line-height:1.85;text-align:justify}
.pr-all{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#fff;text-decoration:none;font-weight:600;padding:14px 28px;border-radius:999px;white-space:nowrap;transition:background .15s}
.pr-all svg{width:18px;height:18px}
.pr-all:hover{background:var(--ink)}
.pr-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.pt{font:inherit;font-weight:500;font-size:.95rem;padding:10px 20px;border-radius:999px;border:1.5px solid #F3C9D9;background:#fff;color:var(--ink);cursor:pointer;transition:all .15s}
.pt:hover{border-color:var(--brand);color:var(--brand)}
.pt[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.pt:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.pr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.pc{background:#fff;border-radius:20px;overflow:hidden;border:1.5px solid transparent;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.pc:hover{border-color:var(--brand);box-shadow:0 22px 44px -26px rgba(237,17,100,.45);transform:translateY(-4px)}
.pc[hidden]{display:none}
.pc-img{position:relative;aspect-ratio:4/3;max-width:100%;overflow:hidden;background:#F3F3F6}
.pc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.pc:hover .pc-img img{transform:scale(1.05)}
.pc-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background-image:radial-gradient(circle,rgba(237,17,100,.18) 1.2px,transparent 1.6px);background-size:12px 12px}
.pc-mark{width:34%;height:auto;fill:#ED1164;opacity:.9}
.pc-ph span{font-size:.78rem;font-weight:600;color:var(--brand-deep);background:#fff;padding:4px 12px;border-radius:999px}
.pc-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-body h3{font-family:var(--fd);font-weight:700;font-size:1.15rem;margin:0;color:var(--ink)}
.pc-body p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.65}
.pc-link{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:600;font-size:.92rem;text-decoration:none}
.pc-link svg{width:16px;height:16px;transition:transform .2s}
.pc-link:hover{text-decoration:underline;text-underline-offset:5px}
.pc-link:hover svg{transform:translateX(4px)}
@media (max-width:1100px){.pr-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.pr-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pr-head p{text-align:start}}
@media (max-width:560px){.pr-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;padding-bottom:6px;scrollbar-width:none}.pr-tabs::-webkit-scrollbar{display:none}.pt{flex:none;white-space:nowrap}.pc-body{padding:14px 14px 16px}.pc-body h3{font-size:1rem}.pc-body p{font-size:.85rem}.pr-all{width:100%;justify-content:center}}

/* ===== Step 4: Process + Clients ===== */
.sec-head{max-width:720px;margin-bottom:clamp(40px,5vw,60px)}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2,.cl-text h2{font-family:var(--fd);font-weight:700;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 18px;color:var(--ink);text-wrap:balance}
.sec-head h2::after,.cl-text h2::after{content:"";display:block;width:96px;height:4px;background:var(--brand);border-radius:2px;margin-top:18px}
.sec-head.center h2::after{margin-inline:auto}
.sec-head p,.cl-text>p{margin:0;color:var(--ink-soft);font-size:1.05rem;line-height:1.85}

.process{background:#fff;padding-block:clamp(72px,9vw,120px)}
.ps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;counter-reset:ps;position:relative}
.ps-list::before{content:"";position:absolute;top:40px;left:10%;right:10%;border-top:2px dashed #F3B6CC;z-index:0}
.ps{counter-increment:ps;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 6px}
.ps-ic{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:#fff;border:2px solid var(--brand);color:var(--brand);display:grid;place-items:center;transition:background .2s,color .2s}
.ps-ic svg{width:34px;height:34px}
.ps-ic::after{content:counter(ps);position:absolute;top:-4px;right:-6px;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:.85rem;display:grid;place-items:center;border:3px solid #fff}
.ps:hover .ps-ic{background:var(--brand);color:#fff}
.ps h3{font-family:var(--fd);font-weight:700;font-size:1.1rem;line-height:1.3;margin:8px 0 0;color:var(--ink)}
.ps p{margin:0;color:var(--ink-soft);font-size:.93rem;line-height:1.7;max-width:240px}

.clients{background:#FDF1F6;padding-block:clamp(72px,9vw,120px)}
.cl-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:center}
.cl-text{min-width:0}
.cl-text>p{text-align:justify}
.sectors{list-style:none;margin:28px 0 32px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sectors li{display:flex;align-items:center;gap:12px;font-weight:500;font-size:.95rem;color:var(--ink)}
.sectors span{width:40px;height:40px;flex:none;border-radius:12px;background:#fff;color:var(--brand);display:grid;place-items:center}
.sectors svg{width:22px;height:22px}
.cl-btn{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#fff;text-decoration:none;font-weight:600;padding:14px 28px;border-radius:999px;transition:background .15s}
.cl-btn svg{width:18px;height:18px}
.cl-btn:hover{background:var(--ink)}
.cl-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;min-width:0}
.cl-logos li{position:relative;aspect-ratio:3/2;max-width:100%;background:#fff;border-radius:16px;display:grid;place-items:center;padding:14px;border:1.5px solid transparent;transition:border-color .2s}
.cl-logos li:hover{border-color:var(--brand)}
.cl-logos img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.cl-logos li:hover img{filter:none;opacity:1}
.cl-ph{font-size:.78rem;font-weight:500;color:#C9A9B7}
@media (max-width:1100px){.ps-list{grid-template-columns:repeat(3,1fr);row-gap:40px}.ps-list::before{display:none}.cl-grid{grid-template-columns:1fr}}
@media (max-width:700px){.ps-list{grid-template-columns:1fr;gap:28px}
  .ps{flex-direction:row;text-align:start;align-items:flex-start;gap:18px}.ps>h3,.ps>p{margin:0}
  .ps{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:18px;row-gap:4px}
  .ps-ic{grid-row:1/3;width:64px;height:64px}.ps-ic svg{width:28px;height:28px}.ps-ic::after{width:24px;height:24px;font-size:.75rem;top:-8px;right:-10px}
  .ps h3{align-self:end}.ps p{max-width:none}
  .cl-logos{grid-template-columns:repeat(3,1fr);gap:10px}.sectors{grid-template-columns:1fr}.cl-text>p{text-align:start}}

/* ===== Step 5: CTA + Footer ===== */
.cta{position:relative;overflow:hidden;background:#ED1164;color:#fff;padding-block:clamp(56px,7vw,88px)}
.cta-reg{position:absolute;color:#fff;opacity:.25;pointer-events:none}
.cta-reg svg{width:100%;height:100%}
.cta-reg.r1{width:150px;height:150px;top:-40px;right:6%}
.cta-reg.r2{width:90px;height:90px;bottom:-26px;left:4%}
.cta-in{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 32px}
.cta-in>div:first-child{flex:1 1 420px;max-width:600px;min-width:0}
.cta h2{font-family:var(--fd);font-weight:700;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.15;margin:0 0 12px;color:#fff;text-wrap:balance}
.cta p{margin:0;font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.92)}
.cta-acts{display:flex;flex-wrap:wrap;gap:14px}
.cta-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:14px 28px;border-radius:999px;font-weight:600;text-decoration:none;white-space:nowrap;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s}
.cta-btn svg{width:20px;height:20px}
.cta-btn.light{background:#fff;color:#ED1164}
.cta-btn.light:hover{background:var(--ink);color:#fff}
.cta-btn.line{border-color:rgba(255,255,255,.75);color:#fff}
.cta-btn.line:hover{background:#fff;color:#ED1164;border-color:#fff}

.ft{background:var(--ink);color:#CFCBD8;padding-block:72px 28px;font-size:.95rem}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:40px}
.ft-logo{display:inline-block;color:#fff;margin-bottom:20px}
.ft-logo svg{height:48px;width:auto;display:block}
.ft-about p{margin:0 0 22px;line-height:1.8;max-width:340px}
.ft h2{font-family:var(--fd);font-weight:700;font-size:1.1rem;color:#fff;margin:6px 0 20px}
.ft h2::after{content:"";display:block;width:36px;height:3px;background:#ED1164;border-radius:2px;margin-top:10px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ft a{color:#CFCBD8;text-decoration:none;transition:color .15s}
.ft nav a:hover,.ft-contact a:hover{color:#ED1164;text-decoration:none}
.ft address{font-style:normal}.nw{white-space:nowrap}
.ft-contact li{display:flex;gap:12px;align-items:flex-start;line-height:1.6}
.ft-contact svg{width:20px;height:20px;flex:none;margin-top:2px;color:#ED1164}
.ft-social{display:flex;gap:10px}
.ft-social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;transition:background .15s}
.ft-social a:hover{background:#ED1164}
.ft-social svg{width:20px;height:20px}
.ft-bottom{margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:10px 24px;font-size:.88rem;color:#9C97A8}
.wa-float{position:fixed;z-index:30;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(0,0,0,.4);transition:transform .15s}
.wa-float:hover{transform:scale(1.06)}
.wa-float svg{width:30px;height:30px}
@media (max-width:1000px){.ft-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ft-grid{grid-template-columns:1fr;gap:32px}.cta-btn{width:100%;justify-content:center}.cta-acts{width:100%}.wa-float{width:54px;height:54px}}

/* ===== Company Profile + Catalog ===== */
.books{background:#fff;padding-block:clamp(72px,9vw,120px)}
.bk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.bk-card{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:28px;background:#FDF1F6;border-radius:24px;padding:32px;min-width:0}
.bk-mock{all:unset;cursor:pointer;display:grid;place-items:center;perspective:1400px;padding:18px 10px 26px}
.bk-cover{position:relative;display:block;width:100%;transform:rotateY(-22deg) rotateX(4deg);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1);
  box-shadow:18px 22px 36px -14px rgba(60,10,35,.45),1px 0 0 #fff,3px 0 0 #E9E4EC,4px 0 0 #fff,6px 0 0 #E2DCE6,7px 0 0 #fff,9px 0 0 #D9D2DE;border-radius:2px 6px 6px 2px}
.bk-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7%;background:rgba(0,0,0,.18);z-index:1;border-radius:2px 0 0 2px}
.bk-cover::after{content:"";position:absolute;left:7%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.35);z-index:1}
.bk-cover img{display:block;width:100%;height:auto;border-radius:2px 6px 6px 2px}
.bk-mock.ls .bk-cover{transform:rotateY(-16deg) rotateX(4deg)}
.bk-mock:hover .bk-cover,.bk-mock:focus-visible .bk-cover{transform:rotateY(-6deg) rotateX(2deg) translateY(-4px)}
.bk-mock:focus-visible{outline:3px solid var(--brand);outline-offset:4px;border-radius:12px}
.bk-body{min-width:0;display:flex;flex-direction:column;gap:10px}
.bk-meta{align-self:flex-start;font-size:.8rem;font-weight:600;color:var(--brand-deep);background:#fff;padding:5px 12px;border-radius:999px}
.bk-body h3{font-family:var(--fd);font-weight:700;font-size:1.5rem;margin:4px 0 0;color:var(--ink)}
.bk-body p{margin:0;color:var(--ink-soft);font-size:.96rem;line-height:1.75}
.bk-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.bk-btn{font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:600;font-size:.92rem;text-decoration:none;border:2px solid var(--brand);transition:background .15s,color .15s,border-color .15s;white-space:nowrap}
.bk-btn svg{width:18px;height:18px}
.bk-btn.fill{background:var(--brand);color:#fff}
.bk-btn.fill:hover{background:var(--ink);border-color:var(--ink)}
.bk-btn.line{background:#fff;color:var(--brand)}
.bk-btn.line:hover{background:var(--brand);color:#fff}
@media (max-width:1200px){.bk-grid{grid-template-columns:1fr}.bk-card{grid-template-columns:.8fr 1.2fr}}
@media (max-width:620px){.bk-card{grid-template-columns:1fr;padding:22px}.bk-mock{max-width:280px;margin-inline:auto}.bk-mock.ls{max-width:320px}}

/* flipbook viewer */
html.fb-open{overflow:hidden}
.fb{position:fixed;inset:0;z-index:100;background:#1F1B2D;display:flex;flex-direction:column;color:#fff;
  padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.fb[hidden]{display:none}
.fb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,2vw);border-bottom:1px solid rgba(255,255,255,.1)}
.fb-info{display:flex;align-items:baseline;gap:14px;min-width:0;flex-wrap:wrap}
.fb-info strong{font-family:var(--fd);font-weight:700;font-size:1.05rem}
.fb-info span{font-size:.88rem;color:#BDB8C8;font-variant-numeric:tabular-nums}
.fb-tools{display:flex;gap:6px}
.fb-tool{width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;text-decoration:none;transition:background .15s}
.fb-tool svg{width:20px;height:20px}
.fb-tool:hover,.fb-tool[aria-pressed="true"]{background:#ED1164}
.fb-close{background:#ED1164}.fb-close:hover{background:#fff;color:#ED1164}
.fb-tool:focus-visible,.fb-nav:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fb-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fb-stage.zoomed{overflow:auto;align-items:flex-start;justify-content:flex-start;padding:12px}
.fb-book{position:relative;display:flex;perspective:2600px;flex:none;margin:auto;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.fb-stage.zoomed .fb-book{cursor:default;touch-action:auto}
.fb-page{position:relative;flex:1;height:100%;background:#fff;overflow:hidden}
.fb-page img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.fb-page.blank{background:transparent}
.fb-page.L:not(.blank){box-shadow:inset -18px 0 22px -18px rgba(0,0,0,.35)}
.fb-page.R:not(.blank){box-shadow:inset 18px 0 22px -18px rgba(0,0,0,.35)}
.fb-book>.fb-page:not(.blank){filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.fb-leaf{position:absolute;top:0;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.45,.05,.3,1);z-index:5}
.fb-leaf .fb-page{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fb-leaf .back{transform:rotateY(180deg)}
.fb-leaf.onR{left:50%;width:50%;transform-origin:left center}
.fb-leaf.onR.go{transform:rotateY(-180deg)}
.fb-leaf.onL{left:0;width:50%;transform-origin:right center}
.fb-leaf.onL.back-go{transform:rotateY(180deg)}
.fb-leaf.onS{left:0;width:100%;transform-origin:left center}
.fb-leaf.onS.go{transform:rotateY(-180deg)}
.fb-leaf.onS.from{transform:rotateY(-180deg)}
.fb-leaf.onS.from.back-go{transform:rotateY(0deg)}
.fb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:52px;height:52px;border-radius:50%;border:0;background:#ED1164;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,opacity .15s}
.fb-nav svg{width:24px;height:24px}
.fb-nav:hover{background:#fff;color:#ED1164}
.fb-nav:disabled{opacity:.25;cursor:default;background:#ED1164;color:#fff}
.fb-nav.prev{left:max(12px,1.5vw)}.fb-nav.next{right:max(12px,1.5vw)}
.fb-hint{margin:0;text-align:center;font-size:.82rem;color:#9C97A8;padding:8px 16px 14px}
@media (max-width:700px){.fb-nav{top:auto;bottom:8px;transform:none;width:46px;height:46px}.fb-stage{padding-bottom:64px}.fb-hint{display:none}}
@media (prefers-reduced-motion:reduce){.fb-leaf{transition-duration:.01s}}


/* two-line tagline */
.vb-tag{text-transform:uppercase;text-align:center;letter-spacing:.02em}
.vb-tag span{display:block;font-family:var(--fd);font-weight:700;font-size:1.15rem;color:#fff;line-height:1.25;white-space:nowrap}
.vb-tag .vb-sub{margin-top:2px}
@media (max-width:1280px){.vb-tag span{display:inline}}

/* white footer with hero dot pattern + brand copyright band */
.ft{position:relative;background:#fff;color:var(--ink-soft);padding-block:72px 0;border-top:1px solid #F3E3EA}
.ft::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(237,17,100,.16) 1.4px,transparent 1.8px);background-size:16px 16px;opacity:.55}
.ft>.wrap{position:relative}
.ft a.ft-logo{color:#ED1164}
.ft h2{color:var(--ink)}
.ft a{color:var(--ink-soft)}
.ft nav a:hover,.ft-contact a:hover{color:#ED1164}
.ft-social a{background:#FDE7EF;color:#ED1164}
.ft-social a:hover{background:#ED1164;color:#fff}
.ft-bottom{position:relative;margin-top:56px;padding-block:18px;border-top:0;background:#ED1164;color:#fff;font-size:.9rem;text-align:center;display:block}
.ft-bottom .wrap{display:flex;justify-content:center}

.ft-about p{text-align:justify}
@media (max-width:560px){.ft-about p{text-align:start}}

/* ===================== Detail pages ===================== */
.dt-acts{margin-top:22px}
.dt-facts{background:#ED1164;color:#fff}
.dt-facts ul{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dt-facts li{display:flex;gap:14px;align-items:center}
.dt-facts li>span{width:48px;height:48px;flex:none;border-radius:14px;background:#fff;color:#ED1164;display:grid;place-items:center}
.dt-facts li>span svg{width:24px;height:24px}
.dt-facts strong{display:block;font-family:var(--fd);font-weight:700;font-size:1.02rem}
.dt-facts small{display:block;font-size:.85rem;opacity:.9;line-height:1.5}
.dt-what{background:#fff;padding-block:clamp(72px,9vw,110px)}
.dt-split{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(32px,5vw,64px);align-items:start}
.dt-spec{background:#FDF1F6;border-radius:24px;padding:clamp(24px,3vw,36px);min-width:0}
.dt-spec>h2{font-family:var(--fd);font-weight:700;font-size:1.45rem;margin:0 0 18px;color:var(--ink)}
.spec-row+.spec-row{margin-top:18px;padding-top:18px;border-top:1px solid #F3D3E0}
.spec-row h3{font-family:var(--fd);font-weight:600;font-size:.98rem;margin:0 0 10px;color:var(--ink)}
.dt-spec .svc-tags li{background:#fff}
.dt-prods{background:#FDF1F6;padding-block:clamp(72px,9vw,110px)}
.dt-why{background:#fff;padding-block:clamp(72px,9vw,110px)}
.dt-why .why-ic svg{width:22px;height:22px}
.dt-steps{background:#FDF1F6;padding-block:clamp(72px,9vw,110px)}
.dt-steps .ps-ic{background:#fff}
.ps-list.ps-4{grid-template-columns:repeat(4,1fr)}
.ps-list.ps-4::before{left:12%;right:12%}
.dt-others{background:#fff;padding-block:0 clamp(72px,9vw,110px)}
.dt-others h2{font-family:var(--fd);font-weight:700;font-size:1.5rem;margin:0 0 20px;color:var(--ink)}
.oth-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.oth-list a{display:flex;align-items:center;gap:10px;padding:16px 18px;border:1.5px solid #F1E3EA;border-radius:16px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem;transition:border-color .2s,color .2s}
.oth-list a svg{width:22px;height:22px;color:var(--brand);flex:none}
.oth-list a .arr,.oth-list a>svg:last-child{width:16px;height:16px;margin-inline-start:auto}
.oth-list a:hover{border-color:var(--brand);color:var(--brand)}
.pc-linked{position:relative}
.pc-linked h3 a{color:inherit;text-decoration:none}
.pc-linked h3 a::after{content:"";position:absolute;inset:0;border-radius:20px}
.pc-linked:hover h3 a{color:var(--brand)}
.pc-linked h3 a:focus-visible{outline:none}.pc-linked h3 a:focus-visible::after{outline:3px solid var(--brand);outline-offset:2px}
.dt-ideal{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.dt-ideal li{display:flex;gap:8px;align-items:flex-start;font-size:.95rem;color:var(--ink)}
.dt-ideal svg{width:18px;height:18px;flex:none;color:var(--brand);margin-top:3px}
.pd-photo{position:relative;z-index:1}
.ph-img .pd-photo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:22px;z-index:2}
.pr-head .pr-all{align-self:flex-end}
@media (max-width:1100px){.dt-facts ul{grid-template-columns:repeat(2,1fr)}.oth-list{grid-template-columns:repeat(2,1fr)}.ps-list.ps-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.dt-split{grid-template-columns:1fr}}
@media (max-width:700px){.ps-list.ps-4{grid-template-columns:1fr}}
@media (max-width:560px){.dt-facts ul{grid-template-columns:1fr}.dt-ideal{grid-template-columns:1fr}.oth-list{grid-template-columns:1fr}}

/* ===================== Arabic (RTL) ===================== */
html[lang="ar"]{--fd:"Poppins","Tajawal",system-ui,sans-serif;--fb:"Poppins","Tajawal",system-ui,sans-serif}
html[lang="ar"] body{font-family:var(--fb)}
html[lang="ar"] body *{letter-spacing:0!important}
html[lang="ar"] p,html[lang="ar"] li{line-height:1.95}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{line-height:1.35}
[dir="rtl"] .pc-ph span,[dir="rtl"] .is-size{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .cl-ph{unicode-bidi:plaintext}
[dir="rtl"] .arr{transform:scaleX(-1)}
[dir="rtl"] .svc-link:hover .arr,[dir="rtl"] .pc-link:hover .arr,[dir="rtl"] .pr-all:hover .arr,[dir="rtl"] .cl-btn:hover .arr,[dir="rtl"] .ct-link:hover .arr,[dir="rtl"] .pp-more:hover .arr{transform:scaleX(-1) translateX(4px)}
[dir="rtl"] .wa-float{right:auto;left:calc(22px + env(safe-area-inset-left,0px))}
[dir="rtl"] .ps-ic::after{right:auto;left:-6px}
[dir="rtl"] .values-bar .vb-inner{padding:14px 34px 14px 14px}
@media (min-width:1281px){[dir="rtl"] .values-bar .vb-inner{padding:16px 30px 16px 16px}}
[dir="rtl"] .bk-cover{transform:rotateY(22deg) rotateX(4deg);transform-origin:right center}
[dir="rtl"] .bk-mock.ls .bk-cover{transform:rotateY(16deg) rotateX(4deg)}
[dir="rtl"] .bk-mock:hover .bk-cover{transform:rotateY(6deg) rotateX(2deg) translateY(-4px)}
[dir="rtl"] .ph-img::before{inset:18px 18px -18px -18px}
@media (max-width:560px){[dir="rtl"] .ph-img::before{inset:10px 10px -10px -10px}}

/* Arabic hero caption, styled after "Printing Beyond Expectations" */
.caption-ar{margin:0 0 22px;display:inline-flex;flex-direction:column;align-items:stretch;font-family:"Tajawal","Poppins",sans-serif;line-height:1}
.caption-ar .c1{font-weight:800;font-size:clamp(4rem,8.4vw,7.2rem);color:#ED1164;line-height:1.05}
.caption-ar .c2{font-weight:500;font-size:clamp(2rem,4.2vw,3.5rem);color:var(--ink);line-height:1.2}
.caption-ar .c2 b{font-weight:800;position:relative;display:inline-block}
.caption-ar .c2 b::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:4px;background:#ED1164;border-radius:2px}

/* ===================== About page ===================== */
.ph{position:relative;background:#fff;overflow:hidden;padding-block:clamp(48px,6vw,80px)}
.ph::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(237,17,100,.16) 1.4px,transparent 1.8px);background-size:16px 16px;opacity:.55}
.ph-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.ph-grid .reg{position:absolute;width:40px;height:40px;color:#ED1164;opacity:.45;pointer-events:none}
.ph-grid .reg svg{width:100%;height:100%}
.ph-grid .reg.tl{top:-30px;left:-56px}.ph-grid .reg.tr{top:-30px;right:-56px}.ph-grid .reg.bl{bottom:-30px;left:-56px}.ph-grid .reg.br{bottom:-30px;right:-56px}
@media (max-width:1060px){.ph-grid .reg{display:none}}
.ph-text{min-width:0}
.crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:.92rem;color:var(--ink-soft)}
.crumbs li+li::before{content:"/";margin-inline-end:8px;color:#D9A7BB}
.crumbs a{color:var(--brand);text-decoration:none;font-weight:500}
.crumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.ph h1{font-family:var(--fd);font-weight:700;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 20px;color:var(--ink);text-wrap:balance}
.ph h1::after{content:"";display:block;width:96px;height:4px;background:var(--brand);border-radius:2px;margin-top:20px}
.ph-text p{margin:0;color:var(--ink-soft);font-size:1.06rem;line-height:1.85;text-align:justify}
.ph-img{margin:0;position:relative}
.ph-img::before{content:"";position:absolute;inset:18px -18px -18px 18px;background:#ED1164;border-radius:22px;z-index:0}
.ph-img img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:1345/865;object-fit:cover;border-radius:22px}
.h2u{font-family:var(--fd);font-weight:700;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 22px;color:var(--ink);text-wrap:balance}
.h2u::after{content:"";display:block;width:96px;height:4px;background:var(--brand);border-radius:2px;margin-top:18px}
.ab-story{background:#FDF1F6;padding-block:clamp(72px,9vw,120px)}
.ab-split{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:center}
.ab-photo{margin:0}
.ab-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:0 30px 60px -32px rgba(120,0,45,.45)}
.ab-copy{min-width:0}
.ab-copy p{margin:0 0 16px;color:var(--ink-soft);font-size:1.03rem;line-height:1.85;text-align:justify}
.ab-copy p:last-child{margin:0}
.ab-vmc{background:#fff;padding-block:clamp(64px,8vw,100px)}
.vmc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vmc{display:flex;flex-direction:column;gap:14px;padding:32px 28px;border:1.5px solid #F1E3EA;border-radius:22px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.vmc:hover{border-color:var(--brand);box-shadow:0 24px 48px -28px rgba(237,17,100,.45);transform:translateY(-4px)}
.vmc h3{font-family:var(--fd);font-weight:700;font-size:1.35rem;margin:6px 0 0;color:var(--ink)}
.vmc p{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.8}
.ab-facility{background:#FDF1F6;padding-block:clamp(72px,9vw,120px)}
.fac-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fac-grid figure{margin:0;background:#fff;border-radius:20px;overflow:hidden}
.fac-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;max-width:100%;object-fit:cover;transition:transform .35s}
.fac-grid li:hover img{transform:scale(1.05)}
.fac-grid figcaption{padding:16px 18px;font-family:var(--fd);font-weight:600;font-size:1rem;color:var(--ink)}
.ab-why{background:#fff;padding-block:clamp(72px,9vw,120px)}
.why-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px 40px}
.why-grid li{display:flex;gap:18px;align-items:flex-start}
.why-ic{width:56px;height:56px;flex:none;border-radius:16px;background:#FDE7EF;color:var(--brand);display:grid;place-items:center;transition:background .2s,color .2s}
.why-ic svg{width:28px;height:28px}
.why-grid li:hover .why-ic{background:var(--brand);color:#fff}
.why-grid h3{font-family:var(--fd);font-weight:700;font-size:1.12rem;margin:4px 0 6px;color:var(--ink)}
.why-grid p{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.75}
.ab-profile{background:#fff;padding-block:0 clamp(72px,9vw,120px)}
.ab-bk{grid-template-columns:.7fr 1.3fr;padding:clamp(28px,4vw,48px)}
.ab-bk .bk-mock{max-width:340px}
.ab-bk h2{font-family:var(--fd);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.2rem);margin:4px 0 0;color:var(--ink)}
.ab-bk .bk-body p{max-width:60ch;text-align:justify}

/* empty image frames, ready for real photos */
.img-slot{position:relative;z-index:1;width:100%;max-width:100%;border-radius:22px;background:#FDE7EF;border:2px dashed #F08CB2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px}
.img-slot .is-name{font-family:var(--fd);font-weight:600;font-size:1rem;color:var(--brand-deep)}
.img-slot .is-size{font-size:.85rem;font-weight:500;color:var(--brand);background:#fff;padding:4px 12px;border-radius:999px}
.fac-grid .img-slot{border-radius:20px 20px 0 0;border-width:0 0 2px 0}
.ab-photo .img-slot{box-shadow:none}
@media (max-width:1100px){.fac-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.ph-grid,.ab-split{grid-template-columns:1fr}.vmc-grid{grid-template-columns:1fr}.ab-bk{grid-template-columns:1fr}.ab-bk .bk-mock{margin-inline:auto}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr}.fac-grid{gap:12px}.fac-grid figcaption{padding:12px;font-size:.9rem}.ph-text p,.ab-copy p,.ab-bk .bk-body p{text-align:left}.ph-img::before{inset:10px -10px -10px 10px}}

/* ===================== Contact page ===================== */
.ct-main{background:#FDF1F6;padding-block:clamp(72px,9vw,120px)}
.ct-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,64px);align-items:start}
.ct-info{min-width:0}
.ct-cards{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ct-cards li{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:18px;padding:18px 20px;border:1.5px solid transparent;transition:border-color .2s}
.ct-cards li:hover{border-color:var(--brand)}
.ct-ic{width:48px;height:48px;flex:none;border-radius:14px;background:var(--brand);color:#fff;display:grid;place-items:center}
.ct-ic svg{width:24px;height:24px}
.ct-cards p{margin:0 0 4px;color:var(--ink);font-weight:500;line-height:1.6}
.ct-cards p a{color:var(--ink);text-decoration:none}
.ct-cards p a:hover{color:var(--brand)}
.ct-link{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--brand);text-decoration:none}
.ct-link svg{width:16px;height:16px;transition:transform .2s}
.ct-link:hover svg{transform:translateX(4px)}
.ct-form{background:#fff;border-radius:24px;padding:clamp(24px,4vw,40px);box-shadow:0 30px 60px -40px rgba(120,0,45,.4);min-width:0}
.ct-form h2{font-family:var(--fd);font-weight:700;font-size:1.7rem;margin:0 0 6px;color:var(--ink)}
.ct-note{margin:0 0 20px;color:var(--ink-soft);font-size:.9rem}
.ct-error{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:#FDE7EF;color:var(--brand-deep);font-weight:600;font-size:.92rem}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-field{display:grid;gap:6px;margin-bottom:16px;min-width:0}
.ct-field label{font-weight:600;font-size:.9rem;color:var(--ink)}
.ct-field input,.ct-field select,.ct-field textarea{font:inherit;font-size:.95rem;width:100%;min-height:50px;padding:12px 16px;border:1.5px solid #EBDCE3;border-radius:14px;background:#FCFAFB;color:var(--ink);transition:border-color .15s,background .15s}
.ct-field textarea{min-height:130px;resize:vertical}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(237,17,100,.12)}
.ct-field [aria-invalid="true"]{border-color:var(--brand)}
.ct-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.ct-map{background:#fff;padding-block:clamp(72px,9vw,110px) clamp(48px,6vw,72px)}
.ct-map-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:24px}
.ct-map-head>div{max-width:640px;min-width:0}
.ct-map-head h2{font-family:var(--fd);font-weight:700;font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 10px;color:var(--ink)}
.ct-map-head p{margin:0;color:var(--ink-soft);line-height:1.8}
.ct-map-acts{display:flex;flex-wrap:wrap;gap:12px}
.ct-map-frame{position:relative;aspect-ratio:21/8;max-width:100%;border-radius:24px;overflow:hidden;background:#FDE7EF;border:1.5px solid #F3E3EA}
.ct-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ct-map-slot{position:absolute;inset:0}
.ct-map-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--brand-deep);font-weight:600;
  background-image:radial-gradient(circle,rgba(237,17,100,.18) 1.2px,transparent 1.6px);background-size:14px 14px}
.ct-map-ph svg{width:44px;height:44px;color:var(--brand)}
.ct-review{background:#fff;padding-block:0 clamp(72px,9vw,110px)}
.ct-review-in{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px;background:#FDF1F6;border-radius:24px;padding:clamp(24px,4vw,40px)}
.ct-review-in>div{flex:1 1 320px;min-width:0}
.ct-review h2{font-family:var(--fd);font-weight:700;font-size:1.6rem;margin:0 0 6px;color:var(--ink)}
.ct-review p{margin:0;color:var(--ink-soft);line-height:1.75}
.ct-stars{display:flex;gap:4px;color:#ED1164}
.ct-stars svg{width:30px;height:30px}.ct-stars svg g{fill:#ED1164}
@media (max-width:900px){.ct-grid{grid-template-columns:1fr}.ct-map-frame{aspect-ratio:4/3}}
@media (max-width:560px){.ct-row{grid-template-columns:1fr}.ct-acts .sv-btn,.ct-map-acts,.ct-map-head .sv-btn,.ct-review .sv-btn{width:100%;justify-content:center}}

/* ===================== Clients page ===================== */
.cl-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:#fff;border-radius:22px;padding:22px;border:1.5px solid #F3E3EA}
.cl-hero-grid span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;aspect-ratio:1;max-width:100%;border-radius:18px;background:#FDF1F6;color:var(--brand);padding:12px}
.cl-hero-grid svg{width:36px;height:36px}
.cl-hero-grid b{font-family:var(--fd);font-weight:600;font-size:.88rem;color:var(--ink);line-height:1.3}
.cl-hero-grid span:nth-child(2),.cl-hero-grid span:nth-child(4),.cl-hero-grid span:nth-child(6){background:var(--brand);color:#fff}
.cl-hero-grid span:nth-child(2) b,.cl-hero-grid span:nth-child(4) b,.cl-hero-grid span:nth-child(6) b{color:#fff}
.cl-wall{background:#FDF1F6;padding-block:clamp(72px,9vw,120px)}
.cl-logos-all{grid-template-columns:repeat(6,1fr)}
.cl-ph{text-align:center;line-height:1.5}
.cl-sectors{background:#fff;padding-block:clamp(72px,9vw,120px)}
.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sec-card{display:flex;flex-direction:column;gap:14px;padding:30px 28px;border:1.5px solid #F1E3EA;border-radius:22px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.sec-card:hover{border-color:var(--brand);box-shadow:0 24px 48px -28px rgba(237,17,100,.45);transform:translateY(-4px)}
.sec-card h3{font-family:var(--fd);font-weight:700;font-size:1.25rem;line-height:1.3;margin:6px 0 0;color:var(--ink)}
.sec-card p{margin:0;color:var(--ink-soft);font-size:.96rem;line-height:1.8}
.cl-join{background:#fff;padding-block:0 clamp(72px,9vw,110px)}
.cl-join-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px;background:#FDF1F6;border-radius:24px;padding:clamp(28px,4vw,48px)}
.cl-join-in>div:first-child{max-width:620px;min-width:0}
.cl-join h2{font-family:var(--fd);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.2rem);margin:0 0 10px;color:var(--ink)}
.cl-join p{margin:0;color:var(--ink-soft);line-height:1.8}
.cl-join-acts{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:1100px){.cl-logos-all{grid-template-columns:repeat(4,1fr)}.sec-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.cl-hero-grid{max-width:520px}}
@media (max-width:620px){.cl-logos-all{grid-template-columns:repeat(3,1fr)}.sec-grid{grid-template-columns:1fr}.cl-join-acts,.cl-join-acts .sv-btn{width:100%;justify-content:center}.cl-hero-grid{gap:8px;padding:12px}.cl-hero-grid svg{width:26px;height:26px}.cl-hero-grid b{font-size:.75rem}}

/* ===================== Services page ===================== */
.sv-jump{position:sticky;top:var(--hdr-h,104px);z-index:15;background:#fff;border-block:1px solid #F3E3EA}
.sv-jump ul{list-style:none;margin:0;padding:12px 0;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.sv-jump ul::-webkit-scrollbar{display:none}
.sv-jump a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 18px;border-radius:999px;border:1.5px solid #F3C9D9;color:var(--ink);text-decoration:none;font-weight:500;font-size:.93rem;transition:all .15s}
.sv-jump a svg{width:18px;height:18px;color:var(--brand)}
.sv-jump a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.sv-jump a:hover svg{color:#fff}
.sv-row{background:#fff;padding-block:clamp(64px,8vw,104px);scroll-margin-top:170px}
.sv-row.alt{background:#FDF1F6}
.sv-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:center}
.sv-grid.flip .sv-img{order:2}
.sv-img{margin:0}
.sv-row.alt .img-slot{background:#fff}
.sv-row.alt .img-slot .is-size{background:#FDE7EF}
.sv-copy{min-width:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.sv-copy h2{font-family:var(--fd);font-weight:700;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.02em;margin:4px 0 0;color:var(--ink)}
.sv-copy>p{margin:0;color:var(--ink-soft);font-size:1.03rem;line-height:1.85;text-align:justify}
.sv-lists{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;width:100%;margin-top:4px}
.sv-lists h3{font-family:var(--fd);font-weight:700;font-size:1rem;margin:0 0 12px;color:var(--ink)}
.sv-best{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sv-best li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;color:var(--ink-soft);line-height:1.5}
.sv-best svg{width:18px;height:18px;flex:none;color:var(--brand);margin-top:2px}
.sv-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.sv-btn{font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.94rem;text-decoration:none;border:2px solid var(--brand);transition:background .15s,color .15s,border-color .15s}
.sv-btn svg{width:18px;height:18px}
.sv-btn.fill{background:var(--brand);color:#fff}
.sv-btn.fill:hover{background:var(--ink);border-color:var(--ink)}
.sv-btn.line{background:transparent;color:var(--brand)}
.sv-btn.line:hover{background:var(--brand);color:#fff}
.sv-faq{background:#fff;padding-block:clamp(72px,9vw,120px)}
.sv-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:start}
.faq-list{display:grid;gap:12px;min-width:0}
.faq-item{border:1.5px solid #F1E3EA;border-radius:18px;background:#fff;transition:border-color .2s}
.faq-item[open]{border-color:var(--brand)}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:var(--fd);font-weight:600;font-size:1.05rem;color:var(--ink);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:#FDE7EF;color:var(--brand);display:grid;place-items:center;font-size:1.3rem;font-weight:500;transition:transform .2s,background .2s,color .2s}
.faq-item[open] summary::after{transform:rotate(45deg);background:var(--brand);color:#fff}
.faq-item summary:hover{color:var(--brand)}
.faq-item p{margin:0;padding:0 24px 22px;color:var(--ink-soft);line-height:1.8;font-size:.98rem}
@media (max-width:1060px){.sv-jump{top:76px}}
@media (max-width:900px){.sv-grid,.sv-faq-grid{grid-template-columns:1fr}.sv-grid.flip .sv-img{order:0}}
@media (max-width:560px){.sv-lists{grid-template-columns:1fr}.sv-copy>p{text-align:left}.sv-btn{width:100%;justify-content:center}.sv-acts{width:100%}}

/* ===================== Products page ===================== */
.pp-bar{position:sticky;top:104px;z-index:15;background:#fff;border-block:1px solid #F3E3EA}
.pp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 0}
.pp-tabs .pt{padding:9px 18px;font-size:.9rem}
@media (max-width:900px){.pp-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}}
.pp-tabs::-webkit-scrollbar{display:none}
.pp-tabs .pt{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex:none}
.pp-tabs .pt svg{width:16px;height:16px;color:var(--brand)}
.pp-tabs .pt[aria-pressed="true"] svg{color:#fff}
.pp-body{background:#FDF1F6;padding-block:clamp(48px,6vw,80px) clamp(72px,9vw,110px)}
.pp-sec{scroll-margin-top:190px;padding-block:24px 40px}
.pp-sec[hidden]{display:none}
.pp-sec+.pp-sec{border-top:1px solid #F3D3E0;padding-top:48px}
.pp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:26px}
.pp-head>div:first-child{max-width:640px;min-width:0}
.pp-head h2{font-family:var(--fd);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.2;margin:0 0 8px;color:var(--ink)}
.pp-head p{margin:0;color:var(--ink-soft);line-height:1.75}
.pp-head-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pp-count{font-size:.82rem;font-weight:600;color:var(--brand-deep);background:#fff;padding:6px 14px;border-radius:999px}
.pp-more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.93rem;color:var(--brand);text-decoration:none}
.pp-more svg{width:16px;height:16px;transition:transform .2s}
.pp-more:hover svg{transform:translateX(4px)}
.pp-cat{padding:9px 18px;font-size:.9rem;background:#fff}
.pp-body .pc-ph span{font-weight:500}
.pp-custom{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;background:#fff;border:2px dashed #F08CB2;border-radius:24px;padding:clamp(24px,4vw,40px)}
.pp-custom>div{max-width:620px;min-width:0}
.pp-custom h2{font-family:var(--fd);font-weight:700;font-size:1.6rem;margin:0 0 8px;color:var(--ink)}
.pp-custom p{margin:0;color:var(--ink-soft);line-height:1.75}
@media (max-width:1060px){.pp-bar{top:76px}}
@media (max-width:560px){.pp-head-acts{width:100%}.pp-custom .sv-btn{width:100%;justify-content:center}}
.sv-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:0 30px 60px -32px rgba(120,0,45,.45)}

.pd-ratio{width:100%;aspect-ratio:4/3;border-radius:22px;background:#F3F3F6}

/* ===================== Reviews ===================== */
.reviews{background:#fff;padding-block:clamp(72px,9vw,120px)}
.rv-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,52px)}
.rv-top .sec-head{margin-bottom:0}
.rv-score{display:flex;align-items:center;gap:16px;background:#FDF1F6;border-radius:20px;padding:18px 26px}
.rv-score strong{font-family:var(--fd);font-size:3rem;font-weight:700;line-height:1;color:var(--ink)}
.rv-score .rv-cnt{display:block;font-size:.92rem;color:var(--ink-soft);margin-top:6px}
.rv-stars{position:relative;display:inline-block;line-height:0}
.rv-stars svg{width:18px;height:18px;fill:currentColor;margin-inline-end:2px;flex:none}
.rv-stars.lg svg{width:22px;height:22px}
.rv-base{color:#E6E2E8;display:inline-flex}
.rv-fill{position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden;white-space:nowrap;color:#F5B400;display:inline-flex}
.rv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rv-card figure{margin:0;height:100%;display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #F1E3EA;border-radius:22px;padding:28px;box-shadow:0 24px 50px -36px rgba(120,0,45,.35);transition:transform .25s,box-shadow .25s}
.rv-card figure:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(120,0,45,.45)}
.rv-card blockquote{margin:0;flex:1}
.rv-card blockquote p{margin:0;color:var(--ink-soft);line-height:1.8;font-size:.98rem;text-align:start}
[dir="rtl"] .rv-card blockquote p{text-align:left}
.rv-card figcaption{display:flex;align-items:center;gap:12px;border-top:1px solid #F3E8EE;padding-top:16px}
.rv-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--fd);flex:none}
.rv-card figcaption strong{display:block;color:var(--ink);font-size:.98rem}
.rv-card figcaption small{color:var(--ink-soft);font-size:.82rem}
.rv-acts{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:clamp(32px,4vw,48px)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:980px){.rv-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.rv-grid{grid-template-columns:1fr}.rv-score{width:100%;justify-content:center}}

/* ===================== Books section: tinted band (no dots – dots reserved for hero & footer) ===================== */
.books{position:relative;background:#FDF1F6;overflow:hidden}
.books>.wrap{position:relative}
.books .bk-card{background:#fff;box-shadow:0 30px 60px -38px rgba(120,0,45,.4);border:1px solid #F6E1EA}
.books .bk-meta{background:#FDF1F6}

/* ===================== Mobile menu ===================== */
@media (max-width:1060px){
 .hdr.menu-open .nav{display:flex;flex-direction:column;gap:4px;position:absolute;inset-inline:0;top:100%;margin:0;padding:14px 16px 20px;background:#ED1164;box-shadow:0 22px 30px -18px rgba(70,0,30,.55);border-top:1px solid rgba(255,255,255,.18);max-height:calc(100vh - 76px);overflow:auto;animation:mnav .22s ease-out}
 .hdr.menu-open .nav a{padding:13px 18px!important;font-size:1.02rem;border-radius:14px!important;color:#fff;text-decoration:none!important}
 .hdr.menu-open .nav a:hover:not([aria-current]){background:rgba(255,255,255,.14)}
 .hdr.menu-open .nav a[aria-current]{background:#fff;color:var(--brand);border-radius:14px!important;padding:13px 18px!important}
 .nav .m-quote{display:none}
 .hdr.menu-open .nav .m-quote{display:block;margin-top:8px}
 .hdr.menu-open .nav .m-quote a{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--brand);font-weight:700;border-radius:999px!important}
 .nav .m-quote svg{width:20px;height:20px}
 .burger{cursor:pointer}
 .burger .ic-x{display:none}
 .hdr.menu-open .burger .ic-x{display:block}
 .hdr.menu-open .burger .ic-m{display:none}
 @keyframes mnav{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
}
@media (min-width:1061px){.nav .m-quote{display:none!important}}