/* EDARTI EDU — landing responsive v0.3.0 */
html,body.landing-body{width:100%;max-width:100%;overflow-x:clip}.landing-shell>*{min-width:0}img,svg{max-width:100%}

@media(max-width:1080px){
  .landing-nav{display:none}.landing-menu-toggle{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--ld-line);border-radius:13px;background:#fff;color:var(--ld-primary);font-size:20px;cursor:pointer}.nav-wrap{flex-wrap:wrap;gap:10px;padding-block:9px}.landing-header.is-menu-open .landing-nav{display:grid;order:20;width:100%;grid-template-columns:repeat(3,1fr);padding:8px;background:#fff;border:1px solid var(--ld-line);border-radius:15px;box-shadow:var(--ld-shadow-soft)}.landing-nav a{text-align:center}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:800px}.hero-visual{width:min(760px,100%);margin-inline:auto}.floating-stat-a{right:14px}.floating-stat-b{left:14px}.floating-stat-c{right:14px}.domain-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow-grid,.faq-layout{grid-template-columns:1fr}.section-title-side{text-align:center;margin-inline:auto}.pricing-panel{grid-template-columns:1fr 1fr}.pricing-intro{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-final{align-self:start}}

@media(max-width:760px){
  .landing-shell{width:min(100% - 22px,1220px)}.nav-wrap{min-height:68px}.landing-brand-copy small{display:none}.nav-actions .btn-primary{display:none}.landing-header.is-menu-open .landing-nav{grid-template-columns:1fr 1fr}.hero-section{padding:38px 0 38px}.hero-copy h1{font-size:clamp(38px,11vw,54px);letter-spacing:-.5px}.hero-lead{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-trust{display:grid;grid-template-columns:1fr;gap:6px}.hero-mini-prices{width:100%;justify-content:center}.hero-photo-frame{border-radius:23px}.floating-stat{min-width:110px;padding:10px 11px}.floating-stat strong{font-size:21px}.floating-stat-b{top:31%}.hero-photo-label{display:none}.metrics-grid{grid-template-columns:1fr 1fr}.metric-tile{min-height:96px;padding:13px}.section-block{padding:58px 0}.domain-grid{grid-template-columns:1fr}.domain-card{min-height:auto}.domain-numbers{grid-template-columns:92px 1fr}.domain-ring{width:90px;height:90px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.workflow-copy{padding:27px 22px}.pricing-panel{grid-template-columns:1fr;padding:16px}.pricing-intro{grid-column:auto;padding:12px}.price-card{min-height:170px}.principles-grid{grid-template-columns:1fr}.final-cta-card{align-items:stretch;flex-direction:column;padding:25px 22px}.final-cta-card h2{font-size:23px}.final-actions{width:100%;display:grid;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand,.footer-final{grid-column:1/-1}}

@media(max-width:500px){
  .landing-shell{width:min(100% - 16px,1220px)}.nav-wrap{display:grid;grid-template-columns:auto 1fr auto}.landing-brand{grid-column:3}.landing-menu-toggle{grid-column:2;justify-self:end}.nav-actions{grid-column:1}.nav-actions .btn-ghost{padding-inline:10px;font-size:10px}.landing-header.is-menu-open .landing-nav{grid-column:1/-1;grid-template-columns:1fr}.landing-brand-copy{display:none}.hero-badges{display:grid}.hero-kicker,.trial-chip{width:max-content;max-width:100%}.hero-copy h1{font-size:36px}.hero-photo-frame{aspect-ratio:1.1/1}.floating-stat{position:static;display:inline-grid;margin-top:8px;margin-left:5px;min-width:calc(33.333% - 7px)}.hero-visual{display:flex;flex-wrap:wrap}.hero-photo-frame{width:100%}.metrics-grid{grid-template-columns:1fr 1fr;padding:7px;border-radius:18px}.metric-tile strong{font-size:26px}.domain-numbers{grid-template-columns:82px 1fr}.domain-ring{width:80px;height:80px}.domain-ring strong{font-size:24px}.pricing-intro h2{font-size:29px}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-final{grid-column:auto}}

/* EDARTI EDU SAFE RESPONSIVE HOTFIX v0.4.1 */
@media(max-width:1080px){
  .domain-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .landing-shell{width:min(100% - 24px,1280px)}
  .hero-lead{font-size:16px}
  .domain-grid,.feature-grid{grid-template-columns:1fr}
  .domain-card{min-height:auto;padding:22px}
  .section-block{padding:66px 0}
  .section-title p,.workflow-copy p,.pricing-intro p{font-size:15px}
  .feature-card{min-height:auto}
  .faq-list summary{font-size:15px}
}
@media(max-width:500px){
  .hero-copy h1{font-size:38px;line-height:1.22}
  .hero-lead{font-size:15px}
  .hero-trust{font-size:12px}
  .metrics-grid{grid-template-columns:1fr 1fr}
  .metric-tile span{font-size:12px}
  .metric-tile small{font-size:11px}
  .domain-numbers{grid-template-columns:96px 1fr}
  .domain-ring{width:94px;height:94px}
  .domain-ring strong{font-size:28px}
  .pricing-intro h2{font-size:31px}
}


/* EDARTI EDU — responsive readability v0.4.3 */
@media(max-width:1080px){
  .metric-tile span{font-size:15px!important}
  .metric-tile small{font-size:13px!important}
  .footer-grid b{font-size:15px!important}
  .footer-grid a{font-size:14px!important}
}
@media(max-width:760px){
  .hero-photo-label{display:flex!important;bottom:12px!important;left:12px!important;right:12px!important;padding:13px 14px!important}
  .hero-photo-label-icon{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .hero-photo-label strong{font-size:17px!important}
  .hero-photo-label small{font-size:13px!important}
  .metrics-grid{gap:10px!important;padding:10px!important}
  .metric-tile{min-height:120px!important;padding:17px!important}
  .metric-tile span{font-size:14px!important}
  .metric-tile strong{font-size:36px!important}
  .metric-tile small{font-size:13px!important}
  .domain-head h3{font-size:21px!important}
  .criteria-list span{font-size:13px!important}
  .feature-card p,.workflow-steps p,.principle-card p,.faq-list p{font-size:15px!important}
  .footer-grid b{font-size:16px!important}
  .footer-grid a{font-size:15px!important}
}
@media(max-width:500px){
  .hero-photo-label{position:absolute!important;display:flex!important}
  .metrics-grid{grid-template-columns:1fr 1fr!important}
  .metric-tile{min-height:112px!important;padding:14px!important}
  .metric-tile span{font-size:13px!important}
  .metric-tile strong{font-size:32px!important}
  .metric-tile small{font-size:12px!important}
  .footer-grid{gap:24px!important}
}

/* =========================================================
   EDARTI EDU — responsive rules for v0.5.0
   ========================================================= */
@media(max-width:1080px){
  .landing-header{background:#fff!important}
  .landing-brand-copy strong{color:#0d4742!important}
  .landing-brand-copy small{color:#7b8e89!important}
  .hero-section{
    min-height:auto!important;
    padding:50px 0 42px!important;
    background:radial-gradient(circle at 82% 12%,rgba(26,157,137,.13),transparent 32%),linear-gradient(180deg,#fff 0%,#f5fbf9 100%)!important;
    color:var(--ld-ink)!important;
  }
  .hero-section:before{
    background-image:linear-gradient(rgba(15,127,112,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,127,112,.035) 1px,transparent 1px)!important;
    background-size:42px 42px!important;
  }
  .hero-section:after{display:none!important}
  .hero-copy h1{color:#0b3d39!important}
  .hero-copy h1 em{color:var(--ld-primary)!important}
  .hero-lead{color:#536e69!important}
  .hero-kicker{background:#eef7f5!important;color:#0e6a5f!important;border-color:#d1e9e4!important}
  .trial-chip{background:#0e7165!important}
  .hero-actions .btn-soft{background:#eef7f5!important;color:#155a52!important;border-color:#cfe5e1!important}
  .hero-trust{color:#647b76!important}
  .hero-mini-prices{background:rgba(255,255,255,.86)!important;border-color:#dcebe7!important}
  .hero-mini-prices b{color:#0d5c53!important}
  .hero-mini-prices small{color:#80928e!important}
  .hero-mini-prices i{background:#dbe8e5!important}
  .metrics-strip{background:#f5fbf9!important;padding:0 0 38px!important}
  .metrics-grid{background:#fff!important;border:1px solid #d9e9e5!important;box-shadow:var(--ld-shadow-soft)!important;backdrop-filter:none!important}
}

@media(max-width:760px){
  .hero-section{padding-top:40px!important}
  .hero-copy h1{font-size:clamp(40px,11vw,56px)!important;line-height:1.16!important}
  .hero-lead{font-size:16px!important;line-height:1.9!important}
  .hero-photo-frame{border-radius:24px!important}
  .hero-photo-label{padding:13px 14px!important;border-radius:16px!important}
  .hero-photo-label strong{font-size:17px!important}
  .hero-photo-label small{font-size:13px!important}
  .metrics-strip{padding-bottom:28px!important}
}

@media(max-width:500px){
  .hero-copy h1{font-size:39px!important}
  .hero-badges{gap:8px!important}
  .hero-kicker,.trial-chip{font-size:12px!important}
  .hero-actions .btn-large{min-height:50px!important;font-size:14px!important}
}

/* =========================================================
   EDARTI EDU — responsive footer & institutional continuation v0.5.1
   ========================================================= */
@media(max-width:1080px){
  .footer-grid-pro{grid-template-columns:1.2fr 1fr!important;gap:30px!important}
  .footer-contact{grid-column:1/-1}
  .footer-bottom{align-items:flex-start!important}
}
@media(max-width:760px){
  .footer-grid-pro{grid-template-columns:1fr!important}
  .footer-contact{grid-column:auto}
  .footer-bottom{flex-direction:column!important;align-items:stretch!important;gap:16px!important}
  .footer-copyright{display:grid!important;gap:8px!important;font-size:13px!important}
  .developer-rights{display:flex!important}
  .footer-back-top{width:max-content}
}
@media(max-width:500px){
  .landing-footer{padding-top:42px!important}
  .footer-brand p{font-size:14px!important}
  .footer-grid b{font-size:15px!important}
  .footer-grid a{font-size:14px!important}
  .footer-contact a{width:100%!important}
  .x-credit{width:max-content!important}
}

/* =========================================================
   EDARTI EDU — capability story responsive v0.5.2
   ========================================================= */
@media(max-width:1180px){
  .capability-showcase,
  .capability-showcase:nth-of-type(even){
    grid-template-columns:1fr 1fr;
    gap:22px;
  }
  .domain-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capability-media{min-height:310px}
}
@media(max-width:900px){
  .capability-showcase,
  .capability-showcase:nth-of-type(even){
    grid-template-columns:1fr!important;
    padding:18px;
  }
  .capability-showcase .capability-copy{order:1}
  .capability-showcase .capability-media{order:2}
  .capability-media{min-height:300px}
  .capability-copy{padding:12px 6px}
  .capability-copy h3{font-size:30px}
  .capability-copy>p{font-size:15px}
  .plan-track-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .capability-intro{margin-bottom:26px!important}
  .capability-showcase{border-radius:24px;margin-top:16px;padding:14px}
  .capability-media{min-height:240px;border-radius:19px}
  .media-caption{right:10px;left:10px;bottom:10px;font-size:13px}
  .capability-copy h3{font-size:26px}
  .domain-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .score-ring{width:86px;height:86px}
  .score-ring strong{font-size:21px}
  .domain-score{padding:13px 8px}
  .domain-score b{font-size:13px}
  .domain-score small{font-size:10px}
  .plan-track-grid,
  .capability-points,
  .development-features{grid-template-columns:1fr}
  .committee-flow{display:grid;grid-template-columns:1fr}
  .committee-flow i{display:none}
  .committee-flow span{width:100%;justify-content:flex-start}
}

/* CLEAN CAPABILITY IMAGES — responsive v0.5.3 */
@media(max-width:900px){
  .capability-media{min-height:310px!important}
}
@media(max-width:640px){
  .capability-media{min-height:250px!important}
}

/* =========================================================
   EDARTI EDU — MOBILE LANDING FIX v0.5.8
   معالجة فراغ أعلى الصفحة + قص دونات المجالات على الجوال
   ========================================================= */

@media (max-width:640px){

  /* 1) Header: صف واحد مدمج بدون تمدد رأسي أو فراغ أبيض كبير */
  .landing-header{
    min-height:0!important;
  }

  .landing-header .landing-shell{
    width:calc(100% - 16px)!important;
    max-width:none!important;
  }

  .nav-wrap{
    position:relative!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:64px!important;
    padding:8px 0!important;
    gap:8px!important;
  }

  .landing-brand{
    order:1!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  .landing-brand-copy{
    display:none!important;
  }

  .landing-brand-mark{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:22px!important;
  }

  .landing-menu-toggle{
    order:2!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    margin-inline:auto!important;
    justify-self:auto!important;
    grid-column:auto!important;
  }

  .nav-actions{
    order:3!important;
    flex:0 0 auto!important;
    grid-column:auto!important;
    margin:0!important;
  }

  .nav-actions .btn-ghost{
    min-height:42px!important;
    padding:8px 12px!important;
    font-size:12px!important;
    border-radius:11px!important;
    white-space:nowrap!important;
  }

  .nav-actions .btn-primary{
    display:none!important;
  }

  /* القائمة المفتوحة لا تزيد ارتفاع الترويسة */
  .landing-header.is-menu-open .landing-nav{
    position:absolute!important;
    top:calc(100% + 6px)!important;
    right:0!important;
    left:0!important;
    z-index:100!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    margin:0!important;
    padding:8px!important;
    border-radius:14px!important;
    box-shadow:0 18px 42px rgba(14,73,66,.16)!important;
  }

  .landing-header.is-menu-open .landing-nav a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
  }

  /* بداية المحتوى أقرب للترويسة */
  .hero-section{
    padding-top:24px!important;
  }

  .hero-grid{
    gap:24px!important;
  }

  /* 2) حماية كاملة من أي تمدد أفقي داخل قسم القدرات */
  .capability-story-section{
    overflow-x:hidden!important;
  }

  .capability-story-section .landing-shell{
    width:calc(100% - 18px)!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }

  .capability-intro{
    width:100%!important;
    max-width:100%!important;
    padding-inline:4px!important;
    box-sizing:border-box!important;
  }

  .capability-showcase,
  .capability-showcase:nth-of-type(even){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr)!important;
    padding:12px!important;
    overflow:hidden!important;
  }

  .capability-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:8px 0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .capability-copy h3,
  .capability-copy > p{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }

  /* 3) دونات المجالات: شبكة 2×2 مضبوطة داخل العرض المتاح */
  .domain-score-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:18px!important;
    overflow:hidden!important;
  }

  .domain-score{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    padding:12px 5px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .score-ring{
    width:74px!important;
    height:74px!important;
    max-width:100%!important;
    margin:0 auto 9px!important;
  }

  .score-ring strong{
    font-size:19px!important;
  }

  .domain-score b{
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  .domain-score small{
    font-size:9.5px!important;
    line-height:1.55!important;
    margin-top:4px!important;
  }

  .demo-note{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:9px 8px!important;
    text-align:center!important;
    font-size:10.5px!important;
    overflow-wrap:anywhere!important;
  }
}

/* أجهزة الجوال الأضيق */
@media (max-width:390px){
  .landing-header .landing-shell{
    width:calc(100% - 12px)!important;
  }

  .nav-actions .btn-ghost{
    padding-inline:9px!important;
    font-size:11px!important;
  }

  .landing-brand-mark,
  .landing-menu-toggle{
    width:40px!important;
    height:40px!important;
  }

  .capability-story-section .landing-shell{
    width:calc(100% - 12px)!important;
  }

  .capability-showcase,
  .capability-showcase:nth-of-type(even){
    padding:10px!important;
  }

  .domain-score-grid{
    gap:6px!important;
  }

  .score-ring{
    width:68px!important;
    height:68px!important;
  }

  .score-ring strong{
    font-size:18px!important;
  }

  .domain-score b{
    font-size:12px!important;
  }

  .domain-score small{
    font-size:9px!important;
  }
}