/* ============================================================
   OUMLAYLA — ART DIRECTION v1
   Editorial · Moroccan material · Anti-AI-template
   Loads LAST. Overrides glass pills / card farms / neon gold.
   ============================================================ */

:root{
  /* Material palette — physical, not neon */
  --ink:#0c0b0a;
  --charcoal:#141210;
  --soot:#1c1916;
  --stone:#2a2622;
  --clay:#3d342c;
  --sand:#c4b5a0;
  --cream:#e8e0d4;
  --paper:#f3eee6;
  --brass:#a68b5b;
  --brass-deep:#7a6540;
  --brass-soft:#c4a574;
  --rose-dust:#8a6a62;
  --line:rgba(232,224,212,.12);
  --line-strong:rgba(166,139,91,.35);
  --text:#e8e0d4;
  --text-dim:#9a8f82;
  --text-faint:#6b635a;

  --font-display:"Noto Kufi Arabic","Reem Kufi",Tahoma,sans-serif;
  --font-body:"Tajawal",Tahoma,sans-serif;
  --font-serif:"Amiri",Georgia,"Times New Roman",serif;

  --measure:38rem;
  --page:min(1120px, calc(100% - 2.5rem));
  --ease:cubic-bezier(.22,1,.36,1);
}

/* —— Kill template chrome —— */
html,body{
  background:var(--ink)!important;
  color:var(--text)!important;
  font-family:var(--font-body)!important;
  font-weight:400!important;
  letter-spacing:.01em;
}
body::before{opacity:.025!important} /* quieter grain */

/* strip floating capsule nav */
.nav{
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  border:0!important;
  position:sticky!important;
  top:0!important;
  z-index:90!important;
}
.nav-inner{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:1rem clamp(1.25rem,4vw,2.5rem)!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  background:rgba(12,11,10,.92)!important;
  backdrop-filter:blur(12px) saturate(1.05)!important;
  box-shadow:none!important;
  gap:1.5rem!important;
}
.nav.is-scrolled .nav-inner{
  background:rgba(12,11,10,.97)!important;
  box-shadow:0 1px 0 var(--line)!important;
  border-color:var(--line)!important;
  transform:none!important;
}
.brand img{
  width:36px!important;height:36px!important;
  border-radius:2px!important;
  border:1px solid var(--line-strong)!important;
  box-shadow:none!important;
}
.brand:hover img{box-shadow:none!important;transform:none!important}
.brand-txt strong{
  font-family:var(--font-display)!important;
  font-weight:700!important;
  font-size:.95rem!important;
  letter-spacing:.04em!important;
  color:var(--cream)!important;
}
.brand-txt span{
  font-family:var(--font-serif)!important;
  font-style:italic!important;
  font-weight:400!important;
  font-size:.7rem!important;
  color:var(--brass-soft)!important;
  letter-spacing:.08em!important;
  text-transform:none!important;
}
.nav-links a{
  font-family:var(--font-display)!important;
  font-size:.78rem!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
  color:var(--text-dim)!important;
  padding:.4rem 0!important;
  margin:0 .85rem!important;
  border-radius:0!important;
  background:transparent!important;
  position:relative!important;
}
.nav-links a::before,
.nav-links a::after{display:none!important}
.nav-links a:hover,
.nav-links a.is-active{
  color:var(--cream)!important;
  background:transparent!important;
  transform:none!important;
}
.nav-links a.is-active{
  box-shadow:inset 0 -1px 0 var(--brass)!important;
}
.nav-cta .btn{
  border-radius:2px!important;
  min-height:40px!important;
  padding:.55rem 1.1rem!important;
  font-size:.75rem!important;
  letter-spacing:.1em!important;
}
.burger{
  border-radius:2px!important;
  border-color:var(--line)!important;
  background:transparent!important;
}

/* topbar — thin editorial strip */
.topbar{
  background:var(--charcoal)!important;
  border-bottom:1px solid var(--line)!important;
  font-size:.7rem!important;
  letter-spacing:.12em!important;
}
.topbar-inner{justify-content:space-between!important}
.live{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  gap:.5rem!important;
  color:var(--sand)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-size:.65rem!important;
}
.live i{
  width:5px!important;height:5px!important;
  background:var(--brass)!important;
  box-shadow:none!important;
  animation:none!important;
}
.top-wa{
  background:transparent!important;
  border-bottom:1px solid var(--brass)!important;
  border-radius:0!important;
  color:var(--brass-soft)!important;
  padding:.2rem 0!important;
  font-size:.7rem!important;
  letter-spacing:.12em!important;
}

/* —— Buttons: sharp, print-like —— */
.btn{
  border-radius:2px!important;
  font-family:var(--font-display)!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:none!important;
  box-shadow:none!important;
  min-height:48px!important;
  overflow:hidden;
}
.btn::before,.btn::after{display:none!important}
.btn-gold{
  background:var(--brass)!important;
  color:var(--ink)!important;
  border:1px solid var(--brass-deep)!important;
  box-shadow:none!important;
}
.btn-gold:hover{
  background:var(--brass-soft)!important;
  filter:none!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
}
.btn-wa{
  background:transparent!important;
  color:var(--cream)!important;
  border:1px solid var(--line-strong)!important;
  box-shadow:none!important;
}
.btn-wa:hover{
  border-color:var(--brass)!important;
  color:var(--brass-soft)!important;
  filter:none!important;
}
.btn-ghost,.btn-line{
  background:transparent!important;
  border:1px solid var(--line)!important;
  color:var(--cream)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.btn-ghost:hover,.btn-line:hover{
  border-color:var(--brass)!important;
  color:var(--brass-soft)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.btn-xl{min-height:52px!important;padding:.9rem 1.6rem!important;font-size:.8rem!important}

/* —— Typography system —— */
h1,h2,h3,.hero h1,.page-hero h1,.section-head h2{
  font-family:var(--font-display)!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  color:var(--cream)!important;
  background:none!important;
  -webkit-text-fill-color:unset!important;
  filter:none!important;
  text-shadow:none!important;
}
.hero h1 em,
.page-hero h1 em{
  font-style:normal!important;
  color:var(--brass-soft)!important;
  background:none!important;
  -webkit-text-fill-color:unset!important;
  filter:none!important;
}
.lead,[data-ai-summary],.ai-summary{
  font-family:var(--font-serif)!important;
  font-size:clamp(1.05rem,2vw,1.25rem)!important;
  font-weight:400!important;
  line-height:1.85!important;
  color:var(--sand)!important;
  max-width:var(--measure)!important;
}
.prose{
  font-size:1.05rem!important;
  line-height:1.95!important;
  color:var(--sand)!important;
}
.prose h2{
  font-size:clamp(1.15rem,2vw,1.4rem)!important;
  font-weight:700!important;
  margin-top:2.75rem!important;
  padding-top:1.5rem!important;
  border-top:1px solid var(--line)!important;
  color:var(--cream)!important;
}
.prose p{color:var(--sand)!important}
.eyebrow,.section-ornament{
  font-family:var(--font-display)!important;
  font-size:.72rem!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
  text-transform:none!important;
  color:var(--brass)!important;
  overflow:visible!important;
  white-space:normal!important;
  max-width:none!important;
}
.eyebrow::before{
  width:2rem!important;
  height:1px!important;
  background:var(--brass)!important;
  box-shadow:none!important;
}
.section-ornament::before,
.section-ornament::after{
  width:2.5rem!important;
  background:var(--line-strong)!important;
}
.gold-rule{
  height:1px!important;
  width:4rem!important;
  margin:1.25rem auto!important;
  background:var(--brass)!important;
  opacity:.6!important;
  filter:none!important;
}

/* —— HERO: editorial full-bleed —— */
.hero{
  min-height:min(92vh,880px)!important;
  padding:0!important;
  display:grid!important;
  align-items:end!important;
  position:relative!important;
  overflow:hidden!important;
}
.hero-bg{
  position:absolute!important;inset:0!important;z-index:0!important;
}
.hero-bg img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center 20%!important;
  transform:scale(1.02)!important;
  filter:grayscale(.15) contrast(1.08) brightness(.42)!important;
  animation:none!important;
}
.hero-shade{
  background:
    linear-gradient(180deg,rgba(12,11,10,.35) 0%,rgba(12,11,10,.55) 40%,rgba(12,11,10,.92) 100%),
    linear-gradient(90deg,rgba(12,11,10,.75) 0%,rgba(12,11,10,.25) 55%,rgba(12,11,10,.5) 100%)!important;
}
.hero-grain{opacity:.06!important}
.hero::before{display:none!important} /* kill twinkle particles */

.hero > .container.hero-grid,
.hero-grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  padding:clamp(4rem,12vh,7rem) clamp(1.25rem,5vw,3.5rem) clamp(2.5rem,6vh,4rem)!important;
  margin:0!important;
}
/* hide portrait in hero — one cinematic image only (editorial) */
.hero-visual{display:none!important}

.hero h1{
  font-size:clamp(2.6rem,8vw,5.6rem)!important;
  line-height:1.08!important;
  font-weight:800!important;
  max-width:12ch!important;
  margin:0 0 .75rem!important;
  letter-spacing:.01em!important;
}
.hero-sub{
  font-family:var(--font-serif)!important;
  font-style:italic!important;
  font-size:clamp(1.05rem,2.2vw,1.35rem)!important;
  color:var(--brass-soft)!important;
  margin:0 0 1.5rem!important;
  letter-spacing:.04em!important;
  font-weight:400!important;
}
.hero .lead{
  font-size:clamp(1.05rem,2.1vw,1.3rem)!important;
  max-width:32rem!important;
  margin-bottom:2rem!important;
  border-inline-start:2px solid var(--brass)!important;
  padding-inline-start:1.25rem!important;
}
.hero-cta{
  gap:12px!important;
  margin-bottom:2rem!important;
}
.hero-cta .btn{width:auto!important;max-width:none!important}
@media(max-width:560px){
  .hero-cta{flex-direction:column!important;align-items:stretch!important}
  .hero-cta .btn{width:100%!important}
}

/* metrics as thin editorial rule row — not glowing cards */
.metrics{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  margin-top:2.5rem!important;
  border-top:1px solid var(--line)!important;
  max-width:40rem!important;
}
.metric{
  background:transparent!important;
  border:0!important;
  border-inline-start:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:1.1rem 1rem!important;
  text-align:start!important;
}
.metric:first-child{border-inline-start:0!important}
.metric:hover{transform:none!important;box-shadow:none!important;border-color:var(--line)!important}
.metric strong{
  font-family:var(--font-display)!important;
  font-size:.85rem!important;
  letter-spacing:.08em!important;
  color:var(--brass-soft)!important;
  background:none!important;
  -webkit-text-fill-color:unset!important;
  margin-bottom:.35rem!important;
}
.metric span{
  font-size:.72rem!important;
  color:var(--text-faint)!important;
  letter-spacing:.04em!important;
}
@media(max-width:700px){
  .metrics{grid-template-columns:1fr 1fr!important}
  .metric:nth-child(3){border-inline-start:0!important}
}

.trust-row{gap:0!important;margin-top:0!important}
.pill{
  background:transparent!important;
  border:0!important;
  border-inline-end:1px solid var(--line)!important;
  border-radius:0!important;
  padding:.35rem 1rem!important;
  font-size:.68rem!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:var(--text-dim)!important;
  backdrop-filter:none!important;
}
.pill:last-child{border:0!important}
.pill:hover{transform:none!important;border-color:var(--line)!important}

/* marquee — thin type ticker */
.marquee{
  background:var(--charcoal)!important;
  border-block:1px solid var(--line)!important;
  padding:1rem 0!important;
}
.marquee-track{
  font-family:var(--font-display)!important;
  font-size:.72rem!important;
  font-weight:600!important;
  letter-spacing:.2em!important;
  color:var(--text-dim)!important;
  opacity:1!important;
}
.marquee-track .dot{color:var(--brass)!important;opacity:.7!important}

/* —— Sections: air + variation —— */
section,.band{
  padding-block:clamp(3.5rem,9vw,6.5rem)!important;
  background:transparent!important;
}
.band-mesh,.band-plum,.band-ink{
  background:transparent!important;
  border:0!important;
}
.band-plum{
  background:var(--charcoal)!important;
  border-block:1px solid var(--line)!important;
}
.section-head{
  text-align:start!important;
  max-width:var(--page)!important;
  margin-inline:auto!important;
  margin-bottom:clamp(2rem,5vw,3.5rem)!important;
  padding-inline:clamp(1.25rem,4vw,2.5rem)!important;
}
.section-head h2{
  font-size:clamp(1.75rem,4vw,2.75rem)!important;
  max-width:16ch!important;
  line-height:1.2!important;
}
.section-head p{
  margin-inline:0!important;
  text-align:start!important;
  color:var(--text-dim)!important;
  font-family:var(--font-serif)!important;
  font-size:1.1rem!important;
  max-width:28rem!important;
}
.section-head .gold-rule{margin-inline:0!important}

/* container */
.container{
  width:var(--page)!important;
  max-width:1120px!important;
  padding-inline:clamp(1.25rem,4vw,2.5rem)!important;
}

/* —— SERVICES: editorial list, not card farm —— */
.services-bento.grid-3,
.grid-3.services-bento{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  border-top:1px solid var(--line)!important;
}
.services-bento > .card,
.services-bento > a.card{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:clamp(1.25rem,3vw,2.5rem)!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:clamp(1.5rem,3vw,2.25rem) 0!important;
  height:auto!important;
  transform:none!important;
  isolation:auto!important;
}
.services-bento > .card:hover,
.services-bento > a.card:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:var(--line)!important;
  background:transparent!important;
}
.services-bento .card-media{
  aspect-ratio:4/3!important;
  border-radius:2px!important;
  overflow:hidden!important;
  background:var(--soot)!important;
}
.services-bento .card-media img,
.services-bento .card > img{
  filter:grayscale(.2) contrast(1.05) brightness(.9)!important;
  transition:filter .5s var(--ease),transform .7s var(--ease)!important;
  border-radius:0!important;
  clip-path:none!important;
}
.services-bento .card:hover .card-media img{
  filter:grayscale(0) contrast(1.06) brightness(1)!important;
  transform:scale(1.03)!important;
}
.services-bento .card-body{
  padding:0!important;
  gap:.75rem!important;
  background:transparent!important;
}
.services-bento .card-body h3{
  font-size:clamp(1.35rem,2.5vw,1.85rem)!important;
  font-weight:700!important;
  color:var(--cream)!important;
  -webkit-line-clamp:unset!important;
  display:block!important;
  overflow:visible!important;
}
.services-bento .card-body p{
  font-family:var(--font-serif)!important;
  font-size:1.05rem!important;
  color:var(--text-dim)!important;
  -webkit-line-clamp:3!important;
  max-width:36ch!important;
}
.services-bento .card-body .more{
  font-size:.72rem!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--brass)!important;
  margin-top:1rem!important;
  border-bottom:1px solid var(--brass)!important;
  padding-bottom:2px!important;
  align-self:flex-start!important;
}
.services-bento .seal-num{
  width:auto!important;height:auto!important;
  background:transparent!important;
  color:var(--brass)!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-size:.7rem!important;
  letter-spacing:.2em!important;
  top:auto!important;
  position:relative!important;
  inset:auto!important;
  right:auto!important;left:auto!important;
  margin-bottom:.5rem!important;
  display:inline-block!important;
  order:-1!important;
}
/* put seal inside body flow on editorial list */
.services-bento .card-media .seal-num{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  background:var(--ink)!important;
  color:var(--brass-soft)!important;
  padding:.35rem .55rem!important;
  font-size:.65rem!important;
  border:1px solid var(--line-strong)!important;
  width:auto!important;height:auto!important;
  display:inline-flex!important;
}

@media(max-width:720px){
  .services-bento > .card,
  .services-bento > a.card{
    grid-template-columns:1fr!important;
    gap:1rem!important;
  }
}

/* blog teaser / other grids — quieter panels not glass cards */
.blog-teaser .grid-3,
.grid-3:not(.services-bento){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  background:var(--line)!important;
  border:1px solid var(--line)!important;
}
@media(max-width:900px){
  .blog-teaser .grid-3,
  .grid-3:not(.services-bento){grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
  .blog-teaser .grid-3,
  .grid-3:not(.services-bento){grid-template-columns:1fr!important}
}
.blog-teaser .card,
.grid-3:not(.services-bento) > .card,
.grid-3:not(.services-bento) > a.card{
  background:var(--charcoal)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
  height:100%!important;
}
.blog-teaser .card:hover,
.grid-3:not(.services-bento) > .card:hover{
  transform:none!important;
  box-shadow:none!important;
  background:var(--soot)!important;
}
.blog-teaser .card-media,
.grid-3:not(.services-bento) .card-media{
  border-radius:0!important;
  aspect-ratio:16/10!important;
}
.blog-teaser .card-body,
.grid-3:not(.services-bento) .card-body{
  padding:1.25rem 1.35rem 1.5rem!important;
}
.blog-teaser .card-body h3,
.grid-3:not(.services-bento) .card-body h3{
  font-size:1.05rem!important;
  -webkit-line-clamp:2!important;
}

/* story — split editorial */
.story{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  gap:clamp(2rem,5vw,4rem)!important;
  backdrop-filter:none!important;
}
.story img{
  border-radius:2px!important;
  box-shadow:none!important;
  filter:grayscale(.15) contrast(1.05)!important;
}
.story:hover img{transform:none!important}
.story h2{
  font-size:clamp(1.6rem,3.5vw,2.4rem)!important;
  max-width:12ch!important;
}

/* steps — numbered editorial, not cards */
.steps{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid var(--line)!important;
  position:relative!important;
}
.steps::before{display:none!important}
.step{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:clamp(1.5rem,3vw,2.25rem) 0!important;
  display:grid!important;
  grid-template-columns:4rem 1fr!important;
  gap:1.25rem!important;
  overflow:visible!important;
}
.step:hover{transform:none!important;box-shadow:none!important;border-color:var(--line)!important}
.step::before{display:none!important}
.step .n{
  font-family:var(--font-serif)!important;
  font-size:2rem!important;
  font-weight:400!important;
  font-style:italic!important;
  color:var(--brass)!important;
  background:none!important;
  -webkit-text-fill-color:unset!important;
  margin:0!important;
  line-height:1!important;
}
.step h3{font-size:1.2rem!important;margin:0 0 .5rem!important}
.step p{color:var(--text-dim)!important;font-family:var(--font-serif)!important;margin:0!important}

/* plans on home */
.grid-3 .plan,
.plan{
  background:transparent!important;
  border:1px solid var(--line)!important;
  border-radius:2px!important;
  box-shadow:none!important;
  padding:1.5rem!important;
}
.plan:hover{transform:none!important;box-shadow:none!important;border-color:var(--line-strong)!important}
.plan.vip{
  background:var(--charcoal)!important;
  border-color:var(--line-strong)!important;
  box-shadow:none!important;
}
.plan .tag{
  color:var(--brass)!important;
  letter-spacing:.16em!important;
  font-size:.65rem!important;
}

/* secrecy */
.secrecy{gap:1px!important;background:var(--line)!important;border:1px solid var(--line)!important}
.secrecy-item{
  background:var(--charcoal)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:2rem 1.5rem!important;
}
.secrecy-item:hover{transform:none!important;box-shadow:none!important}
.secrecy-item .ico{
  background:transparent!important;
  border:1px solid var(--line-strong)!important;
  border-radius:2px!important;
  color:var(--brass)!important;
  box-shadow:none!important;
}
.secrecy-item:hover .ico{transform:none!important;background:transparent!important;box-shadow:none!important}

/* FAQ */
.faq details{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:1.15rem 0!important;
  margin:0!important;
}
.faq details[open]{
  background:transparent!important;
  box-shadow:none!important;
  border-color:var(--line)!important;
}
.faq summary{
  font-family:var(--font-display)!important;
  font-size:1.05rem!important;
  color:var(--cream)!important;
}
.faq details[open] summary{color:var(--brass-soft)!important}
.faq summary::after{
  background:transparent!important;
  border:1px solid var(--line)!important;
  border-radius:2px!important;
  color:var(--brass)!important;
  width:28px!important;height:28px!important;
}
.faq details p{color:var(--text-dim)!important;font-family:var(--font-serif)!important}

/* chips */
.chip{
  background:transparent!important;
  border:1px solid var(--line)!important;
  border-radius:2px!important;
  box-shadow:none!important;
  color:var(--sand)!important;
  font-size:.75rem!important;
  letter-spacing:.08em!important;
  backdrop-filter:none!important;
  padding:.65rem 1rem!important;
}
.chip:hover{
  transform:none!important;
  border-color:var(--brass)!important;
  color:var(--brass-soft)!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* CTA band */
.cta-band{
  border-radius:2px!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  min-height:320px!important;
}
.cta-band img{opacity:.25!important;filter:grayscale(.3)!important}
.cta-band::after{
  background:linear-gradient(180deg,rgba(12,11,10,.5),rgba(12,11,10,.88))!important;
}
.cta-band h2{
  font-size:clamp(1.75rem,4vw,2.75rem)!important;
  max-width:16ch!important;
  margin-inline:auto!important;
}

/* page hero inner pages */
.page-hero{
  background:var(--charcoal)!important;
  border-bottom:1px solid var(--line)!important;
  padding:clamp(3rem,8vw,5rem) 0 clamp(2rem,4vw,3rem)!important;
}
.page-hero h1{
  font-size:clamp(1.85rem,4.5vw,3rem)!important;
  max-width:16ch!important;
  line-height:1.18!important;
}
.breadcrumb{color:var(--text-faint)!important;letter-spacing:.06em!important;font-size:.72rem!important}

/* article */
.banner-img{
  border-radius:2px!important;
  border:0!important;
  box-shadow:none!important;
  filter:grayscale(.1) contrast(1.04)!important;
}
.ai-summary{
  background:transparent!important;
  border:0!important;
  border-inline-start:2px solid var(--brass)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:var(--font-serif)!important;
  padding:0 0 0 1.25rem!important;
  margin:1.5rem 0 2rem!important;
}
[dir=rtl] .ai-summary{
  border-inline-start:none!important;
  border-inline-end:2px solid var(--brass)!important;
  padding:0 1.25rem 0 0!important;
  border-radius:0!important;
}
.blog-toc{
  background:var(--charcoal)!important;
  border:1px solid var(--line)!important;
  border-radius:2px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.plan.vip,aside .plan{
  background:var(--charcoal)!important;
  border:1px solid var(--line)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}

/* drawer */
.drawer{
  background:var(--ink)!important;
}
.drawer-nav a{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  font-family:var(--font-display)!important;
  letter-spacing:.06em!important;
  backdrop-filter:none!important;
}
.drawer-nav a:hover{
  transform:none!important;
  background:transparent!important;
  color:var(--brass-soft)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
.drawer-close{border-radius:2px!important}

/* dock — minimal bar */
.dock{
  background:rgba(12,11,10,.96)!important;
  border-top:1px solid var(--line)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:none!important;
  gap:8px!important;
}
.dock a{
  border-radius:2px!important;
  box-shadow:none!important;
  font-size:.68rem!important;
  letter-spacing:.12em!important;
  min-height:48px!important;
}
.dock .d-go{
  background:var(--brass)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
.dock .d-wa,.dock .d-line{
  background:transparent!important;
  border:1px solid var(--line)!important;
  color:var(--cream)!important;
}

/* footer */
footer{
  background:var(--charcoal)!important;
  border-top:1px solid var(--line)!important;
}
.foot-brand img{
  border-radius:2px!important;
  box-shadow:none!important;
  border:1px solid var(--line)!important;
}
footer h4{
  color:var(--brass)!important;
  letter-spacing:.16em!important;
  font-size:.68rem!important;
}
.foot-bottom{color:var(--text-faint)!important;letter-spacing:.08em!important}

/* plans page cards */
.plan-card{
  background:var(--charcoal)!important;
  border:1px solid var(--line)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
.plan-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--line-strong)!important}
.plan-card.vip{background:var(--soot)!important;border-color:var(--line-strong)!important}
.plan-badge{
  background:var(--brass)!important;
  color:var(--ink)!important;
  border-radius:2px!important;
}
.plans-search{
  border-radius:2px!important;
  background:var(--charcoal)!important;
  border-color:var(--line)!important;
}

/* inputs */
input,textarea,select{
  border-radius:2px!important;
  background:var(--charcoal)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--brass)!important;
  box-shadow:0 0 0 1px var(--brass)!important;
}

/* reveal — quieter */
.reveal{
  filter:none!important;
  transform:translateY(12px)!important;
  transition:opacity .6s var(--ease),transform .6s var(--ease)!important;
}
.reveal.is-in{transform:none!important}

/* read progress */
.read-progress>i{
  background:var(--brass)!important;
  animation:none!important;
  box-shadow:none!important;
}

/* silo hub plans on home */
[data-silo-hubs] .plan,
[data-silo-hubs] a.plan{
  border-radius:2px!important;
}

/* kill remaining glows from older layers */
.card::before,.card::after,
.hero-badge,
.metric,
.step,
.plan{
  /* handled above */
}
.hero-badge{display:none!important}

/* selection */
::selection{background:rgba(166,139,91,.35);color:var(--paper)}

/* focus */
:focus-visible{
  outline:1px solid var(--brass)!important;
  outline-offset:3px!important;
  box-shadow:none!important;
}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important}
  .services-bento .card:hover .card-media img{transform:none!important}
}

/* —— Process steps (home) — final override —— */
.process-steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:1.25rem!important;
  width:100%!important;
}
@media(max-width:860px){
  .process-steps{grid-template-columns:1fr!important}
}
.process-step{
  display:flex!important;
  flex-direction:column!important;
  gap:.85rem!important;
  min-width:0!important;
  overflow:visible!important;
  height:auto!important;
  padding:1.4rem 1.35rem!important;
  background:var(--charcoal, #16130f)!important;
  border:1px solid var(--line, rgba(201,168,108,.2))!important;
  border-radius:2px!important;
  box-shadow:none!important;
  grid-template-columns:none!important;
  transform:none!important;
}
.process-step:hover{transform:none!important;box-shadow:none!important}
.process-num{
  position:static!important;
  inset:auto!important;
  display:inline-flex!important;
  place-items:center!important;
  width:2.4rem!important;
  height:2.4rem!important;
  margin:0!important;
  border-radius:50%!important;
  border:1px solid rgba(201,168,108,.4)!important;
  background:rgba(201,168,108,.08)!important;
  color:var(--brass-soft, #e8d5a3)!important;
  font-size:1.1rem!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.process-body{min-width:0!important;overflow:visible!important}
.process-body h3{
  margin:0 0 .4rem!important;
  font-size:1.15rem!important;
  max-width:none!important;
  line-height:1.35!important;
  color:var(--cream, #f2ead8)!important;
  overflow:visible!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
}
.process-body p{
  margin:0!important;
  max-width:none!important;
  line-height:1.75!important;
  color:var(--text-dim, #c8bca8)!important;
  font-family:var(--font-serif, Amiri, serif)!important;
  overflow:visible!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
}
/* legacy .step inside grid-3 — don't clip */
.grid-3 > .step{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:.65rem!important;
  overflow:visible!important;
  padding:1.35rem!important;
  border:1px solid var(--line)!important;
  background:var(--charcoal)!important;
}
.grid-3 > .step .seal-num,
.grid-3 > .step .n{
  position:static!important;
  inset:auto!important;
  margin:0 0 .35rem!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  border:0!important;
  font-size:1.5rem!important;
  color:var(--brass)!important;
}
.grid-3 > .step h3,
.grid-3 > .step p{
  max-width:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  display:block!important;
}

/* hub-card safety */
.hub-card-grid > a.card,
.hub-card-grid .card-body,
.hub-card-grid .card-body h3,
.hub-card-grid .card-body p{
  opacity:1!important;
  visibility:visible!important;
}