/* Sazeh CRM product identity and public directory card */
.directory-card__visual{position:relative;min-width:0}
.directory-card__visual>img{width:100%;height:170px;object-fit:contain;margin:-8px 0 10px}
.directory-card__flag{position:absolute;inset:8px 8px auto auto;padding:5px 9px;border:1px solid #9fded5;border-radius:6px;color:#075e58;background:#effbf8;font-size:.65rem;font-weight:800}
.directory-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:auto}
.directory-card__actions>a{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--directory-accent,#0878dc) 30%,#dce6ef);border-radius:6px;color:var(--directory-accent,#0878dc);font-size:.73rem;font-weight:800}
.directory-card__actions>a:first-child{color:#fff;border-color:transparent;background:var(--directory-accent,#0878dc)}
.directory-card__actions .directory-card__external{color:#28465f;background:#fff}
.directory-card--sazeh-crm{border-color:#a9dcd5;background:#f7fcfb;box-shadow:0 18px 42px rgba(6,53,50,.09)}
.directory-card--sazeh-crm::after{background:#0f8f83}
.directory-card--sazeh-crm .directory-card__visual>img{filter:drop-shadow(0 18px 20px rgba(6,27,58,.15))}

.sazeh-hero,.sazeh-section,.sazeh-trust-band{--sazeh-navy:#061b3a;--sazeh-navy-2:#0b3655;--sazeh-teal:#0f8f83;--sazeh-teal-dark:#08736a;--sazeh-mint:#eaf8f5;--sazeh-orange:#f08a2f;--sazeh-ink:#102b3d;--sazeh-muted:#587181;--sazeh-line:#d8e7e5}
.sazeh-hero [data-icon]:empty::before,.sazeh-section [data-icon]:empty::before,.sazeh-trust-band [data-icon]:empty::before{content:"";display:block;width:.58em;height:.58em;border:2px solid currentColor;border-radius:2px;transform:rotate(45deg)}
.sazeh-hero{position:relative;isolation:isolate;min-height:690px;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--sazeh-line);background:#f4f9f8}
.sazeh-hero::after{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:62%;background:linear-gradient(90deg,rgba(247,252,251,.72),rgba(247,252,251,.97) 34%,#f7fcfb)}
.sazeh-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:690px}
.sazeh-hero__content{grid-column:1;min-width:0;max-width:670px;padding-block:72px;color:var(--sazeh-ink)}
.sazeh-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--sazeh-teal-dark);font-size:.78rem;font-weight:800}
.sazeh-kicker>[data-icon]{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b9dfda;border-radius:6px;background:#fff}
.sazeh-hero h1{max-width:650px;margin:16px 0 18px;color:var(--sazeh-navy);font-size:clamp(2.1rem,3.6vw,4rem);line-height:1.38;letter-spacing:0;overflow-wrap:anywhere}
.sazeh-hero__content>p{max-width:620px;margin:0;color:#38576a;font-size:1.05rem;line-height:2}
.sazeh-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:28px}
.sazeh-hero__actions .btn{min-height:46px;padding:9px 15px;border-radius:6px;font-size:.82rem}
.btn--sazeh-primary{color:#fff;background:#087b71;box-shadow:0 10px 24px rgba(8,123,113,.2)}
.btn--sazeh-secondary{color:#063f4a;border-color:#67bdb4;background:#dff6f2}
.btn--sazeh-light{color:#143b52;border-color:#cbdce1;background:#fff}
.sazeh-external-link{display:inline-flex;align-items:center;gap:5px;padding:7px;color:#245872;font-size:.76rem;font-weight:800}
.sazeh-hero__content .sazeh-hero__note{display:flex;align-items:flex-start;gap:7px;margin-top:18px;color:#536e7c;font-size:.72rem;line-height:1.8}
.sazeh-hero__note .lucide{flex:0 0 auto;margin-top:3px;color:var(--sazeh-teal)}
.sazeh-hero__visual{position:absolute;z-index:-2;inset:0;margin:0}
.sazeh-hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,252,251,0) 32%,rgba(247,252,251,.9) 58%,#f7fcfb 100%);pointer-events:none}
.sazeh-hero__visual picture,.sazeh-hero__visual img{width:100%;height:100%}
.sazeh-hero__visual img{object-fit:cover;object-position:center}
.sazeh-hero__visual figcaption{position:absolute;z-index:1;inset:auto auto 14px 18px;max-width:520px;padding:6px 9px;border-radius:4px;color:#355066;background:rgba(255,255,255,.9);font-size:.62rem}

.sazeh-trust-band{padding:20px 0;border-bottom:1px solid var(--sazeh-line);background:#fff}
.sazeh-trust-band .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.sazeh-trust-band article{min-width:0;display:flex;align-items:center;gap:10px;padding:8px 18px;border-inline-start:1px solid var(--sazeh-line)}
.sazeh-trust-band article:last-child{border:0}
.sazeh-trust-band article>[data-icon]{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:6px;color:var(--sazeh-teal-dark);background:var(--sazeh-mint)}
.sazeh-trust-band article div{min-width:0;display:flex;flex-direction:column}
.sazeh-trust-band strong{color:var(--sazeh-navy);font-size:.76rem}
.sazeh-trust-band small{color:var(--sazeh-muted);font-size:.6rem;overflow-wrap:anywhere}

.sazeh-section{padding:88px 0;color:var(--sazeh-ink);background:#fff}
.sazeh-section--tint{background-color:#f4f9f8;background-image:url('../images/products/sazeh-crm-pattern.svg');background-size:160px 160px}
.sazeh-section__heading{max-width:820px;margin-bottom:34px}
.sazeh-section__heading--center{margin-inline:auto;text-align:center}
.sazeh-section__heading h2{margin:10px 0 12px;color:var(--sazeh-navy);font-size:clamp(1.65rem,2.6vw,2.55rem);line-height:1.55;letter-spacing:0}
.sazeh-section__heading p{margin:0;color:var(--sazeh-muted);line-height:2}
.sazeh-problem{background:#fff}
.sazeh-problem__grid{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,.75fr));gap:18px;align-items:stretch}
.sazeh-problem__grid .sazeh-section__heading{margin:0;padding-inline-end:24px}
.sazeh-solution-card{min-width:0;padding:24px;border:1px solid #e3e8e9;border-radius:8px;background:#fbfcfc}
.sazeh-solution-card>[data-icon]{width:42px;height:42px;display:grid;place-items:center;margin-bottom:20px;border-radius:7px;color:#7a5360;background:#f8ebee}
.sazeh-solution-card strong{color:var(--sazeh-navy)}
.sazeh-solution-card p{margin:8px 0 0;color:var(--sazeh-muted);font-size:.82rem;line-height:2}
.sazeh-solution-card--answer{border-color:#a9dcd5;background:#f3fbf9}
.sazeh-solution-card--answer>[data-icon]{color:var(--sazeh-teal-dark);background:#dff5f1}

.sazeh-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sazeh-audience-grid article{min-width:0;padding:24px;border:1px solid var(--sazeh-line);border-radius:8px;background:#fff}
.sazeh-audience-grid article>[data-icon]{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;color:var(--sazeh-teal-dark);background:var(--sazeh-mint)}
.sazeh-audience-grid h3{margin:14px 0 7px;color:var(--sazeh-navy);font-size:1rem;letter-spacing:0}
.sazeh-audience-grid p{margin:0;color:var(--sazeh-muted);font-size:.78rem;line-height:1.95}

.sazeh-lifecycle{overflow:visible}
.sazeh-lifecycle__track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 34px;padding:0;list-style:none}
.sazeh-lifecycle__track li{position:relative;min-width:0;display:flex;align-items:center;gap:8px;padding:13px;border:1px solid var(--sazeh-line);border-radius:7px;background:#fff}
.sazeh-lifecycle__track li>span{flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border-radius:5px;color:#fff;background:var(--sazeh-teal-dark);font-size:.62rem;font-weight:900}
.sazeh-lifecycle__track strong{min-width:0;color:var(--sazeh-navy);font-size:.68rem;overflow-wrap:anywhere}
.sazeh-lifecycle__track li>i{position:absolute;z-index:2;inset-inline-end:-13px;color:var(--sazeh-orange)}
.sazeh-lifecycle__diagram{width:100%;height:auto;border:1px solid var(--sazeh-line);border-radius:8px;background:#f8fbfb}

.sazeh-showcase{background:#f5f8f9}
.sazeh-showcase__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.45fr);gap:16px;align-items:stretch}
.sazeh-showcase figure{min-width:0;margin:0;padding:16px;border:1px solid #d9e5e7;border-radius:8px;background:#fff;box-shadow:0 16px 38px rgba(6,27,58,.07)}
.sazeh-showcase figure img{width:100%;height:auto}
.sazeh-showcase figcaption{padding:11px 4px 1px;color:#506a78;font-size:.68rem}
.sazeh-showcase__dashboard{grid-row:span 2}
.sazeh-showcase__mobile img{max-height:370px;object-fit:contain}

.sazeh-feature-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 42px}
.sazeh-feature-nav a{min-width:0;display:flex;flex-direction:column;gap:4px;padding:14px 12px;border:1px solid var(--sazeh-line);border-radius:7px;background:#f9fbfb}
.sazeh-feature-nav a:hover{border-color:#6bbcb3;background:var(--sazeh-mint)}
.sazeh-feature-nav .lucide{color:var(--sazeh-teal-dark)}
.sazeh-feature-nav b{color:var(--sazeh-navy);font-size:.65rem;line-height:1.7}
.sazeh-feature-nav small{color:#718690;font-size:.54rem}
.sazeh-feature-group{scroll-margin-top:110px;margin:0 0 54px;padding-top:8px}
.sazeh-feature-group>header{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid var(--sazeh-mint)}
.sazeh-feature-group>header>[data-icon]{width:44px;height:44px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--sazeh-navy-2)}
.sazeh-feature-group>header small{color:var(--sazeh-teal-dark);font-size:.6rem;font-weight:800}
.sazeh-feature-group>header h2{margin:2px 0;color:var(--sazeh-navy);font-size:1.35rem;letter-spacing:0}
.sazeh-feature-group__items{display:grid;gap:9px}
.sazeh-feature{overflow:hidden;border:1px solid var(--sazeh-line);border-radius:8px;background:#fff}
.sazeh-feature summary{min-width:0;display:grid;grid-template-columns:34px 40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px 17px;cursor:pointer;list-style:none}
.sazeh-feature summary::-webkit-details-marker{display:none}
.sazeh-feature__number{color:#9badb5;font-size:.63rem;font-weight:900}
.sazeh-feature__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;color:var(--sazeh-teal-dark);background:var(--sazeh-mint)}
.sazeh-feature summary>span:nth-child(3){min-width:0;display:flex;flex-direction:column}
.sazeh-feature summary strong{color:var(--sazeh-navy);font-size:.87rem}
.sazeh-feature summary small{color:var(--sazeh-muted);font-size:.66rem;line-height:1.8;overflow-wrap:anywhere}
.sazeh-feature summary>i{color:#6e8792;transition:transform .2s ease}
.sazeh-feature[open] summary{border-bottom:1px solid var(--sazeh-line);background:#f7fbfa}
.sazeh-feature[open] summary>i{transform:rotate(45deg);color:var(--sazeh-teal-dark)}
.sazeh-feature__body{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,.95fr));gap:13px;padding:18px}
.sazeh-feature__body>div{min-width:0;padding:17px;border-radius:7px;background:#f7f9fa}
.sazeh-feature__body h3{display:flex;align-items:center;gap:6px;margin:0 0 9px;color:var(--sazeh-navy);font-size:.75rem;letter-spacing:0}
.sazeh-feature__body ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.sazeh-feature__body li{display:flex;align-items:flex-start;gap:6px;color:#3e5866;font-size:.66rem;line-height:1.85}
.sazeh-feature__body li .lucide{flex:0 0 auto;margin-top:4px;color:var(--sazeh-teal);font-size:.85rem}
.sazeh-feature__body p{margin:0;color:#47606d;font-size:.67rem;line-height:2}
.sazeh-feature__example{border:1px solid #f1dcc7;background:#fff9f3!important}
.sazeh-feature__example h3 .lucide{color:var(--sazeh-orange)}
.sazeh-feature__benefit{border:1px solid #c9e7e2;background:#f2fbf9!important}
.sazeh-feature__benefit h3 .lucide{color:var(--sazeh-teal-dark)}

.sazeh-section--navy{color:#e6f1f4;background:var(--sazeh-navy)}
.sazeh-section--navy .sazeh-kicker{color:#68d8cb}
.sazeh-section--navy .sazeh-section__heading h2{color:#fff}
.sazeh-section--navy .sazeh-section__heading p{color:#adc1cc}
.sazeh-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sazeh-role-grid article{min-width:0;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0b2b48}
.sazeh-role-grid header{display:flex;align-items:center;gap:9px;margin-bottom:15px}
.sazeh-role-grid header>[data-icon]{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;color:#8fe5da;background:rgba(76,211,194,.1)}
.sazeh-role-grid h3{margin:0;color:#fff;font-size:.9rem;letter-spacing:0}
.sazeh-role-grid dl{display:grid;gap:0;margin:0}
.sazeh-role-grid dl>div{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.sazeh-role-grid dl>div:last-child{border:0}
.sazeh-role-grid dt{color:#6ed4c8;font-size:.55rem;font-weight:800}
.sazeh-role-grid dd{margin:2px 0 0;color:#bfd0d8;font-size:.62rem;line-height:1.75;overflow-wrap:anywhere}

.sazeh-next-step{background:#eff7f5}
.sazeh-next-step__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:center}
.sazeh-next-step h2{margin:10px 0;color:var(--sazeh-navy);font-size:clamp(1.6rem,2.4vw,2.35rem);letter-spacing:0}
.sazeh-next-step p{color:var(--sazeh-muted);line-height:2}
.sazeh-next-step ul{display:grid;gap:8px;padding:0;list-style:none}
.sazeh-next-step li{display:flex;align-items:center;gap:7px;color:#385665;font-size:.78rem}
.sazeh-next-step li .lucide{color:var(--sazeh-teal)}
.sazeh-next-step aside{padding:28px;border:1px solid #abd9d2;border-radius:8px;background:#fff;box-shadow:0 16px 38px rgba(6,27,58,.07)}
.sazeh-next-step aside>[data-icon]{width:48px;height:48px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--sazeh-teal-dark)}
.sazeh-next-step aside h3{margin:16px 0 6px;color:var(--sazeh-navy);letter-spacing:0}
.sazeh-next-step aside .btn{width:100%;margin:12px 0;border-radius:6px}
.sazeh-next-step aside>a:last-child{display:block;text-align:center;color:var(--sazeh-teal-dark);font-size:.7rem;font-weight:800}

.sazeh-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sazeh-related__grid a{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 10px;align-items:center;padding:18px;border:1px solid var(--sazeh-line);border-radius:8px;background:#fff}
.sazeh-related__grid a>[data-icon]{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:7px;color:var(--sazeh-teal-dark);background:var(--sazeh-mint)}
.sazeh-related__grid strong{color:var(--sazeh-navy);font-size:.77rem}
.sazeh-related__grid small{color:var(--sazeh-muted);font-size:.6rem;overflow-wrap:anywhere}

.sazeh-faq{background:#f7f9fa}
.sazeh-faq__layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:36px;align-items:start}
.sazeh-faq__items{display:grid;gap:8px}
.sazeh-faq details{overflow:hidden;border:1px solid var(--sazeh-line);border-radius:8px;background:#fff}
.sazeh-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;color:var(--sazeh-navy);cursor:pointer;font-size:.77rem;font-weight:900;list-style:none}
.sazeh-faq summary::-webkit-details-marker{display:none}
.sazeh-faq summary .lucide{flex:0 0 auto;color:var(--sazeh-teal-dark);transition:transform .2s ease}
.sazeh-faq details[open] summary .lucide{transform:rotate(45deg)}
.sazeh-faq details p{margin:0;padding:0 18px 18px;color:var(--sazeh-muted);font-size:.7rem;line-height:2}

@media(max-width:1100px){
  .sazeh-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}
  .sazeh-feature-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sazeh-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sazeh-problem__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sazeh-problem__grid .sazeh-section__heading{grid-column:1/-1;padding:0}
}
@media(max-width:820px){
  .sazeh-hero{min-height:760px;align-items:start}
  .sazeh-hero::after{width:100%;background:linear-gradient(180deg,rgba(247,252,251,.98) 0 58%,rgba(247,252,251,.82) 72%,rgba(247,252,251,.12) 100%)}
  .sazeh-hero__inner{display:block;min-height:760px}
  .sazeh-hero__content{max-width:100%;padding-block:52px 270px}
  .sazeh-hero h1{font-size:2.05rem}
  .sazeh-hero__visual::after{background:linear-gradient(180deg,#f7fcfb 0 44%,rgba(247,252,251,.96) 58%,rgba(247,252,251,.52) 73%,rgba(247,252,251,.06) 100%)}
  .sazeh-hero__visual img{object-position:36% center}
  .sazeh-hero__visual figcaption{inset:auto 14px 12px 14px;max-width:none}
  .sazeh-trust-band .container{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sazeh-trust-band article{border:0}
  .sazeh-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sazeh-lifecycle__track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sazeh-lifecycle__track li>i{display:none}
  .sazeh-showcase__grid{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr)}
  .sazeh-showcase__dashboard{grid-column:1/-1;grid-row:auto}
  .sazeh-feature__body{grid-template-columns:1fr 1fr}
  .sazeh-feature__body>div:first-child{grid-column:1/-1}
  .sazeh-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sazeh-next-step__grid,.sazeh-faq__layout{grid-template-columns:1fr}
  .sazeh-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .directory-card__actions{align-items:stretch;flex-direction:column}
  .directory-card__actions>a{justify-content:center;width:100%}
  .sazeh-section{padding:66px 0}
  .sazeh-hero{min-height:830px}
  .sazeh-hero__inner{min-height:830px}
  .sazeh-hero__content{padding-block:38px 250px}
  .sazeh-hero h1{font-size:1.72rem;line-height:1.5}
  .sazeh-hero__content>p{font-size:.88rem}
  .sazeh-hero__actions{align-items:stretch;flex-direction:column}
  .sazeh-hero__actions .btn,.sazeh-external-link{justify-content:center;width:100%}
  .sazeh-hero__visual img{object-position:31% bottom}
  .sazeh-trust-band .container,.sazeh-problem__grid,.sazeh-audience-grid,.sazeh-showcase__grid,.sazeh-role-grid,.sazeh-related__grid{grid-template-columns:1fr}
  .sazeh-trust-band article{padding:8px}
  .sazeh-lifecycle__track{grid-template-columns:1fr}
  .sazeh-feature-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}
  .sazeh-feature-nav a{flex:0 0 72%;scroll-snap-align:start}
  .sazeh-feature summary{grid-template-columns:30px 36px minmax(0,1fr) auto;padding:13px 10px}
  .sazeh-feature__icon{width:36px;height:36px}
  .sazeh-feature summary small{font-size:.59rem}
  .sazeh-feature__body{grid-template-columns:1fr;padding:11px}
  .sazeh-feature__body>div:first-child{grid-column:auto}
  .sazeh-next-step aside{padding:21px}
}
@media(prefers-reduced-motion:reduce){
  .directory-card--sazeh-crm img,.sazeh-hero *,.sazeh-section *{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}
