:root{
    --primary:#411FD6;
    --primary-dark:#220A8C;
    --secondary:#FFCF07;
    --secondary-dark:#CBA400;
    --success:#16A34A;
    --ink:#120B2E;
    --ink-2:#1D1440;
    --paper:#FBFAF8;
    --surface:#FFFFFF;
    --line:#E7E2D8;
    --line-dark:rgba(251,250,248,.14);
    --muted:#655D74;
    --muted-2:rgba(251,250,248,.66);
    --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px;
    --shadow-sm:0 2px 12px rgba(18,11,46,.05);
    --shadow-md:0 16px 40px rgba(18,11,46,.10);
    --shadow-lg:0 30px 80px rgba(18,11,46,.20);
    --maxw:1320px;
    --font:'Estedad','Rubik','Tahoma','Arial',sans-serif;
    --mono:'Estedad','Rubik','Tahoma','Arial',sans-serif;
  }
  .tabyeen-design3-page{
    --primary:#411FD6;
    --primary-dark:#220A8C;
    --secondary:#FFCF07;
    --secondary-dark:#CBA400;
    --success:#16A34A;
    --ink:#120B2E;
    --ink-2:#1D1440;
    --paper:#FBFAF8;
    --surface:#FFFFFF;
    --line:#E7E2D8;
    --line-dark:rgba(251,250,248,.14);
    --muted:#655D74;
    --muted-2:rgba(251,250,248,.66);
  }
  html[dir="ltr"]{ --font:'Rubik','Estedad','Arial',sans-serif; --mono:'Rubik','Estedad','Arial',sans-serif; }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--font); -webkit-font-smoothing:antialiased; overflow-x:hidden;}
  img,svg{display:block; max-width:100%;}
  a{color:inherit; text-decoration:none;}
  button{font-family:inherit; cursor:pointer;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
  h1,h2,h3,h4{margin:0;}
  p{margin:0;}
  .mono{font-family:var(--mono); font-feature-settings:"tnum" 1;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:9px; font-family:var(--mono);
    font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
    color:var(--primary);
  }
  .eyebrow::before{content:""; width:16px; height:2px; background:var(--secondary); display:block;}
  .section{padding:104px 0;}
  .section.dark{background:var(--ink);}
  .section-head{max-width:620px; margin-bottom:52px;}
  .section-head h2{font-size:36px; font-weight:800; line-height:1.28; margin:16px 0 14px;}
  .section-head p{font-size:16px; color:var(--muted); line-height:1.8;}
  .section.dark .section-head p{color:var(--muted-2);}
  .section.dark .section-head h2{color:#fff;}
  .reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1; transform:none;}

  .btn{display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:15px 28px; border-radius:10px; font-weight:700; font-size:15px; border:1.5px solid transparent; transition:.2s ease; white-space:nowrap;}
  .btn-primary{background:var(--secondary); color:var(--ink);}
  .btn-primary:hover{background:var(--secondary-dark); transform:translateY(-2px);}
  .btn-outline{background:transparent; border-color:rgba(255,255,255,.35); color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,.1); border-color:#fff;}
  .btn-ghost{background:transparent; color:var(--ink); border-color:var(--line);}
  .btn-ghost:hover{border-color:var(--primary); color:var(--primary);}
  .btn-block{width:100%;}
  .icon-arrow{transition:.2s;}
  html[dir="rtl"] .icon-arrow{transform:scaleX(-1);}

  /* PULSE DIVIDER (structural motif, quiet) */
  .pulse-divider{width:100%; height:34px; opacity:.5;}
  .pulse-divider path{stroke:var(--ink); stroke-opacity:.16;}
  .section.dark + .section .pulse-divider path,
  .section.dark .pulse-divider path{stroke:#fff; stroke-opacity:.14;}

  /* ---------- HEADER ---------- */
  header{position:sticky; top:0; z-index:100; background:rgba(251,250,248,.88); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
  .nav{display:flex; align-items:center; justify-content:space-between; padding:18px 28px; gap:20px;}
  .logo{display:flex; align-items:center; gap:10px; font-weight:800; font-size:21px; color:var(--ink);}
  .nav-links{display:flex; align-items:center; gap:34px; font-weight:600; font-size:14.5px; color:var(--muted);}
  .nav-links a:hover{color:var(--primary);}
  .nav-actions{display:flex; align-items:center; gap:12px;}
  .lang-switch{display:flex; align-items:center; gap:6px; padding:9px 14px; border-radius:9px; border:1.5px solid var(--line); font-family:var(--mono); font-weight:600; font-size:12.5px; background:transparent; color:var(--ink);}
  .lang-switch:hover{border-color:var(--primary);}
  .burger{display:none; width:40px; height:40px; border-radius:9px; border:1.5px solid var(--line); background:transparent; align-items:center; justify-content:center;}
  .burger span, .burger span::before, .burger span::after{content:""; display:block; width:18px; height:2px; background:var(--ink); position:relative;}
  .burger span::before{position:absolute; top:-6px;} .burger span::after{position:absolute; top:6px;}
  .mobile-panel{display:none; flex-direction:column; gap:2px; padding:8px 28px 20px; border-top:1px solid var(--line);}
  .mobile-panel a{padding:12px 4px; font-weight:600; color:var(--muted); border-bottom:1px solid var(--line);}
  header.open .mobile-panel{display:flex;}

  /* ---------- HERO ---------- */
  .hero{background:linear-gradient(160deg, var(--primary-dark) 0%, var(--primary) 100%); position:relative; overflow:hidden; color:#fff; min-height:930px !important;}
  .hero::before{
    content:"";
    position:absolute; inset:-8% -6%; pointer-events:none; opacity:.58;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='500' viewBox='0 0 900 500'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.16' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M92 124h100M142 74v100M676 96c45 0 82 37 82 82s-37 82-82 82-82-37-82-82 37-82 82-82Z'/%3E%3Cpath d='M616 178h120M676 118v120M226 386c46-78 96-78 144 0M468 92c38 18 76 18 112 0M486 306h166M98 392c34 14 69 14 104 0'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.20' font-family='Arial' font-weight='700'%3E%3Ctext x='236' y='104' font-size='56'%3E%CF%80%3C/text%3E%3Ctext x='92' y='372' font-size='66'%3E%E2%88%9A%3C/text%3E%3Ctext x='720' y='382' font-size='40'%3EH%E2%82%82O%3C/text%3E%3Ctext x='468' y='222' font-size='48'%3Ex%3C/text%3E%3Ctext x='500' y='198' font-size='24'%3E2%3C/text%3E%3Ctext x='382' y='408' font-size='36'%3ECO%E2%82%82%3C/text%3E%3Ctext x='574' y='80' font-size='42'%3E%D8%A3%3C/text%3E%3Ctext x='788' y='156' font-size='48'%3E%D9%A3%3C/text%3E%3C/g%3E%3C/svg%3E");
    background-size:min(920px, 96vw) auto;
    background-position:left -86px top -44px;
    background-repeat:no-repeat;
    mask-image:linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,.76) 58%, rgba(0,0,0,.12) 94%);
    mix-blend-mode:screen;
  }
  .hero::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:
      var(--d3-hero-image, linear-gradient(transparent, transparent)),
      radial-gradient(circle at 16% 22%, rgba(255,207,7,.16), transparent 28%),
      radial-gradient(circle at 84% 18%, rgba(255,255,255,.12), transparent 26%),
      linear-gradient(180deg, transparent 0%, rgba(34,10,140,.12) 100%);
    background-size:cover, auto, auto, auto;
    background-position:center, center, center, center;
    background-blend-mode:soft-light, normal, normal, normal;
  }
  .hero-inner{position:relative; z-index:1; padding:96px 0 60px;}
  .hero-top{max-width:660px; margin-bottom:56px;}
  .hero h1{font-size:50px; font-weight:800; line-height:1.22; margin-bottom:20px;}
  .hero p.lead{font-size:17px; line-height:1.85; color:rgba(255,255,255,.82); max-width:540px; margin-bottom:34px;}
  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
  .hero-note{margin-top:16px; font-size:13.5px; color:rgba(255,255,255,.72); line-height:1.7;}

  /* pulse visual */
  .pulse-stage{position:relative; padding-top:20px;}
  .pulse-svg{width:100%; height:auto; overflow:visible;}
  .pulse-line{fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round;}
  .pulse-line.excellent{stroke:#5EE3A0;}
  .pulse-line.good{stroke:#fff;}
  .pulse-line.weak{stroke:#FFCF07; stroke:var(--secondary);}
  .pulse-node{fill:var(--ink); stroke:#fff; stroke-width:3;}
  .pulse-tag{font-family:var(--mono); font-size:12px; font-weight:600;}
  .pulse-tag .n{font-size:17px; font-weight:700;}
  .pulse-tag .l{opacity:.7;}
  .diag-callout{
    position:absolute; bottom:-6px; inset-inline-start:calc(78% - 90px);
    background:#fff; color:var(--ink); border-radius:12px; padding:12px 16px;
    font-size:12.5px; font-weight:700; box-shadow:var(--shadow-lg); max-width:190px; line-height:1.5;
  }
  .diag-callout::before{content:"⚑"; margin-inline-end:6px; color:var(--secondary-dark);}
  .hero-legend{display:flex; gap:24px; margin-top:38px; flex-wrap:wrap; font-size:13px; color:rgba(255,255,255,.75); font-weight:600;}
  .hero-legend span{display:flex; align-items:center; gap:8px;}
  .hero-legend i{width:10px; height:10px; border-radius:50%; display:block;}

  /* ---------- SUBJECT STRIP (Categories) ---------- */
  .subject-strip{display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; background:var(--surface);}
  .subject-cell{padding:34px 26px; border-inline-end:1px solid var(--line); position:relative; transition:.2s;}
  .subject-strip .subject-cell:last-child{border-inline-end:none;}
  .subject-cell:hover{background:var(--paper);}
  .subject-mark{font-family:var(--mono); font-size:44px; font-weight:700; color:var(--primary); opacity:.9; line-height:1; margin-bottom:22px;}
  .subject-mark-image{width:58px; height:58px; display:grid; place-items:center; border-radius:16px; overflow:hidden; background:rgba(65,31,214,.08);}
  .subject-mark-image img{width:100%; height:100%; object-fit:cover;}
  .subject-cell h4{font-size:16.5px; font-weight:800; margin-bottom:6px;}
  .subject-cell .count{font-size:12.5px; color:var(--muted); font-family:var(--mono); margin-bottom:16px;}
  .subject-link{font-size:13px; font-weight:700; color:var(--primary); display:inline-flex; align-items:center; gap:6px;}

  /* ---------- FEATURED EXAMS ---------- */
  .exam-list{display:flex; flex-direction:column; border-top:1px solid var(--line);}
  .exam-row{display:grid; grid-template-columns:auto 1fr auto auto auto; align-items:center; gap:24px; padding:24px 4px; border-bottom:1px solid var(--line); transition:.2s;}
  .exam-row:hover{background:var(--surface); padding-inline:20px; margin-inline:-20px; border-radius:var(--r-md);}
  .exam-badge{font-size:11px; font-weight:800; font-family:var(--mono); padding:5px 11px; border-radius:99px; letter-spacing:.02em;}
  .exam-badge.free{background:rgba(22,163,74,.1); color:var(--success);}
  .exam-badge.paid{background:rgba(255,207,7,.18); color:var(--secondary-dark);}
  .exam-main h4{font-size:16.5px; font-weight:800; margin-bottom:5px;}
  .exam-main span{font-size:13px; color:var(--muted);}
  .exam-meta{display:flex; flex-direction:column; gap:2px; font-family:var(--mono); font-size:12.5px; color:var(--muted); text-align:center;}
  .exam-meta b{color:var(--ink); font-size:14px; display:block;}
  .exam-price{font-family:var(--mono); font-weight:700; font-size:16px; color:var(--ink); text-align:center; min-width:80px;}
  @media(min-width:721px){ html[dir="rtl"] .exam-price{text-align:left;} html[dir="ltr"] .exam-price{text-align:right;} }

  /* ---------- FEATURES: editorial list ---------- */
  .feat-list{display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); border-inline-start:1px solid var(--line);}
  .feat-row{padding:32px 30px; border-bottom:1px solid var(--line); border-inline-end:1px solid var(--line); display:flex; gap:18px;}
  .feat-dot{width:9px; height:9px; border-radius:50%; margin-top:9px; flex-shrink:0;}
  .feat-dot.a{background:var(--success);}
  .feat-dot.b{background:var(--primary);}
  .feat-dot.c{background:var(--secondary-dark);}
  .feat-row h4{font-size:16px; font-weight:800; margin-bottom:8px;}
  .feat-row p{font-size:14px; color:var(--muted); line-height:1.75;}

  /* ---------- HOW IT WORKS: connected pulse ---------- */
  .steps-wrap{position:relative;}
  .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; position:relative; z-index:1;}
  .step-num{font-family:var(--mono); font-size:13px; font-weight:700; color:var(--secondary-dark); margin-bottom:14px;}
  .step h4{font-size:15px; font-weight:800; margin-bottom:8px; color:var(--ink);}
  .step p{font-size:13px; color:var(--muted); line-height:1.65;}

  /* ---------- REPORT (signature centerpiece) ---------- */
  .report-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-xl); padding:52px; box-shadow:var(--shadow-md);}
  .report-top{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:36px; flex-wrap:wrap; gap:16px;}
  .report-top .score{font-family:var(--mono); font-size:44px; font-weight:700; color:var(--ink);}
  .report-top .score span{font-size:16px; color:var(--muted); font-weight:600;}
  .report-time{font-family:var(--mono); font-size:13px; color:var(--muted); text-align:end;}
  .big-pulse{width:100%; margin-bottom:8px;}
  .report-scale{display:flex; justify-content:space-between; font-family:var(--mono); font-size:11.5px; color:var(--muted); margin-bottom:34px;}
  .report-bottom{display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:start;}
  .reco-box{background:var(--paper); border:1px solid var(--line); border-radius:var(--r-md); padding:20px 22px;}
  .reco-box b{display:block; font-size:12px; font-family:var(--mono); color:var(--secondary-dark); text-transform:uppercase; letter-spacing:.05em; margin-bottom:8px;}
  .reco-box p{font-size:15px; font-weight:700; line-height:1.6;}
  .report-points{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px;}
  .report-points li{display:flex; align-items:flex-start; gap:12px; font-size:14.5px; color:var(--muted); font-weight:600;}
  .report-points .tick{font-family:var(--mono); color:var(--success); font-weight:700; flex-shrink:0;}

  /* ---------- PRICING ---------- */
  .price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line);}
  .price-card{background:var(--surface); padding:36px 30px; display:flex; flex-direction:column;}
  .price-card.pop{background:var(--ink); color:#fff;}
  .price-card h4{font-size:19px; font-weight:800; color:var(--ink); letter-spacing:0; margin-bottom:16px; line-height:1.35;}
  .price-card.pop h4{color:#fff;}
  .price-amount{font-family:var(--mono); font-size:40px; font-weight:700; display:flex; align-items:center; gap:10px;}
  .price-amount .currency-with-symbol{font-size:40px; line-height:1; gap:10px;}
  .price-amount .omr-symbol{width:40px !important; height:40px !important;}
  .price-amount .cur{font-size:15px; font-weight:600; color:var(--muted);}
  .price-card.pop .price-amount .cur{color:var(--muted-2);}
  .price-card.pop .price-amount .omr-symbol{filter:brightness(0) invert(1) !important;}
  .price-period{font-size:12.5px; color:var(--muted); font-family:var(--mono); margin:6px 0 20px;}
  .price-card.pop .price-period{color:var(--muted-2);}
  .price-desc{font-size:14px; color:var(--muted); margin-bottom:18px; line-height:1.75;}
  .price-card.pop .price-desc{color:var(--muted-2);}
  .plan-subjects{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px;}
  .plan-chip{display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px; background:rgba(65,31,214,.08); color:var(--primary); font-size:12.5px; font-weight:700;}
  .price-card.pop .plan-chip{background:rgba(255,255,255,.10); color:#fff;}
  .plan-meta{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:4px 0 18px; flex-wrap:wrap;}
  .plan-discount{display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:7px 10px; background:rgba(255,207,7,.18); color:var(--secondary-dark); font-size:12px; font-weight:800;}
  .price-card.pop .plan-discount{background:rgba(255,207,7,.18); color:var(--secondary);}
  .old-price{font-size:13px; color:var(--muted); text-decoration:line-through; font-weight:700;}
  .price-card.pop .old-price{color:var(--muted-2);}
  .price-card .btn-block{margin-top:auto;}

  /* ---------- PLAN DETAILS MODAL ---------- */
  .modal-backdrop{position:fixed; inset:0; z-index:300; display:none; align-items:center; justify-content:center; padding:28px; background:rgba(18,11,46,.48); backdrop-filter:blur(8px);}
  .modal-backdrop.open{display:flex;}
  .plan-modal{width:min(720px,100%); max-height:min(86vh,760px); overflow:auto; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow-lg);}
  .plan-modal-head{position:sticky; top:0; z-index:1; background:rgba(255,255,255,.94); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:24px 26px 20px;}
  .plan-modal-title h3{font-size:24px; line-height:1.35; margin-bottom:8px;}
  .plan-modal-title p{font-size:14px; color:var(--muted); line-height:1.7;}
  .modal-close{width:42px; height:42px; flex-shrink:0; border-radius:12px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font-size:22px; line-height:1;}
  .modal-close:hover{border-color:var(--primary); color:var(--primary);}
  .plan-modal-body{padding:26px; display:grid; gap:20px;}
  .plan-summary{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
  .plan-summary-item{background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:16px;}
  .plan-summary-item span{display:block; font-size:12px; color:var(--muted); font-weight:700; margin-bottom:6px;}
  .plan-summary-item b{font-size:18px;}
  .modal-section{border:1px solid var(--line); border-radius:18px; padding:20px; background:#fff;}
  .modal-section h4{font-size:16px; font-weight:800; margin-bottom:12px;}
  .modal-section p{font-size:14px; color:var(--muted); line-height:1.8;}
  .modal-list{list-style:none; padding:0; margin:0; display:grid; gap:10px;}
  .modal-list li{display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:14px; line-height:1.65;}
  .modal-list li::before{content:'✓'; color:var(--success); font-weight:900; flex-shrink:0;}
  .modal-subjects{display:flex; flex-wrap:wrap; gap:8px;}
  .modal-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:2px;}
  .modal-actions .btn{flex:1; min-width:190px;}
  .price-feats{list-style:none; margin:0 0 28px; padding:0; display:flex; flex-direction:column; gap:11px; flex:1;}
  .price-feats li{display:flex; gap:10px; font-size:13.5px; font-weight:600;}
  .price-feats li::before{content:"—"; color:var(--secondary-dark); flex-shrink:0;}

  /* ---------- TESTIMONIAL SPOTLIGHT ---------- */
  .trust-row{display:flex; gap:56px; margin-bottom:56px; flex-wrap:wrap;}
  .trust-item b{display:block; font-family:var(--mono); font-size:28px; font-weight:700; color:var(--primary);}
  .trust-item span{font-size:13px; color:var(--muted); font-weight:600;}
  .spotlight{max-width:760px;}
  .spotlight blockquote{margin:0; font-size:26px; font-weight:700; line-height:1.55; color:var(--ink); margin-bottom:26px;}
  .spotlight-who{display:flex; align-items:center; gap:14px; margin-bottom:26px;}
  .spot-avatar{width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg, var(--primary), var(--secondary-dark)); flex-shrink:0;}
  .spotlight-who b{display:block; font-size:14px; font-weight:800;}
  .spotlight-who span{font-size:12.5px; color:var(--muted);}
  .spot-dots{display:flex; gap:8px;}
  .spot-dots button{width:26px; height:3px; border-radius:2px; background:var(--line); border:none; padding:0;}
  .spot-dots button.active{background:var(--primary);}

  /* ---------- FAQ ---------- */
  .faq-list{max-width:820px; margin:0 auto; display:flex; flex-direction:column; border-top:1px solid var(--line);}
  #faq .section-head{margin-inline:auto; text-align:center;}
  #faq .eyebrow{justify-content:center; width:100%;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{width:100%; background:none; border:none; padding:24px 4px; display:flex; align-items:center; justify-content:space-between; font-size:15.5px; font-weight:700; color:var(--ink); text-align:start;}
  .faq-q .plus{width:20px; height:20px; flex-shrink:0; position:relative;}
  .faq-q .plus::before, .faq-q .plus::after{content:""; position:absolute; background:var(--primary); border-radius:2px; transition:.25s;}
  .faq-q .plus::before{width:14px; height:2px; top:9px; left:3px;}
  .faq-q .plus::after{width:2px; height:14px; top:3px; left:9px;}
  .faq-item.open .plus::after{transform:rotate(90deg); opacity:0;}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}
  .faq-a p{padding:0 4px 24px; font-size:14.5px; color:var(--muted); line-height:1.75; max-width:640px;}

  /* ---------- FINAL CTA ---------- */
  .final-cta{text-align:center; background:linear-gradient(160deg, var(--primary-dark) 0%, var(--primary) 100%); border-radius:var(--r-xl); padding:64px 48px; position:relative; overflow:hidden;}
  .final-cta h2{font-size:36px; font-weight:800; color:#fff; margin-bottom:16px; line-height:1.3;}
  .final-cta p{font-size:16px; color:rgba(255,255,255,.82); max-width:560px; margin:0 auto 32px; line-height:1.75;}
  .final-cta .hero-ctas{justify-content:center; position:relative;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--ink); color:var(--muted-2); padding:64px 0 28px; border-top:1px solid var(--line-dark); min-height:350px !important;}
  .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:44px;}
  .foot-logo{display:flex; align-items:center; gap:10px; font-weight:800; font-size:19px; color:#fff; margin-bottom:14px;}
  .foot-desc{font-size:13.5px; line-height:1.8; max-width:280px;}
  .foot-col h5{font-size:12.5px; font-weight:700; color:#fff; margin-bottom:16px; font-family:var(--mono); text-transform:uppercase; letter-spacing:.04em;}
  .foot-col a{display:block; font-size:13.5px; margin-bottom:11px; color:var(--muted-2);}
  .foot-col a:hover{color:var(--secondary);}
  .foot-bottom{border-top:1px solid var(--line-dark); padding-top:24px; display:flex; justify-content:space-between; align-items:center; font-size:12px; font-family:var(--mono); flex-wrap:wrap; gap:12px; color:var(--muted-2);}
  .social{display:flex; gap:10px;}
  .social a{width:34px; height:34px; border-radius:8px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; color:#fff;}
  .social a:hover{background:var(--primary);}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:1080px){
    .subject-strip{grid-template-columns:repeat(2,1fr);}
    .subject-cell:nth-child(2){border-inline-end:none;}
    .price-grid{grid-template-columns:1fr; grid-template-rows:repeat(3,auto);}
    .steps{grid-template-columns:repeat(2,1fr);}
    .report-bottom{grid-template-columns:1fr;}
    .feat-list{grid-template-columns:1fr;}
    .foot-grid{display:none;}
    footer{padding:26px 0; }
    .foot-bottom{border-top:none; padding-top:0; justify-content:center; text-align:center; gap:8px 18px;}
    .exam-row{grid-template-columns:auto 1fr auto; }
    .exam-row .exam-meta{display:none;}
  }
  @media (max-width:720px){
    .section{padding:72px 0;}
    .wrap{padding:0 20px;}
    .nav-links{display:none;}
    .burger{display:flex;}
    .hero h1{font-size:32px;}
    .hero-legend{gap:16px;}
    .subject-strip{grid-template-columns:1fr;}
    .subject-cell{border-inline-end:none !important; border-bottom:1px solid var(--line);}
    .steps{grid-template-columns:repeat(2,1fr); gap:14px;}
    .price-grid{grid-template-columns:1fr;}
    .report-card{padding:28px 22px;}
    .report-top .score{font-size:34px;}
    .foot-grid{grid-template-columns:1fr; gap:28px;}
    .final-cta h2{font-size:27px;}
    .spotlight blockquote{font-size:20px;}
    .trust-row{gap:32px;}
    .section-head h2{font-size:27px;}
    .diag-callout{position:static; margin-top:16px; max-width:none;}
  }


  /* ---------- RESPONSIVE POLISH: iPad + Mobile safe spacing ---------- */
  @media (max-width:1180px){
    :root{ --maxw:100%; }
    .wrap{padding-inline:clamp(44px,6.4vw,84px);}
    .nav.wrap{padding-inline:clamp(38px,5.8vw,76px);}
    .hero .wrap{padding-inline:63px;}
    .nav-links{gap:22px; font-size:13.5px;}
    .hero-inner{padding-top:84px;}
    .hero h1{font-size:clamp(38px,4.6vw,48px); max-width:760px;}
    .hero p.lead{max-width:680px;}
    .subject-cell{padding:30px 24px;}
    .steps{grid-template-columns:repeat(2,1fr); gap:22px 18px;}
    .step{background:rgba(255,255,255,.55); border:1px solid var(--line); border-radius:var(--r-md); padding:22px;}
    .report-card{padding:42px;}
    .price-card{padding:32px 28px;}
    .foot-grid{display:none;}
    footer{min-height:auto !important; padding:24px 0;}
    .foot-bottom{border-top:none; padding-top:0; justify-content:center; text-align:center;}
  }

  @media (min-width:721px) and (max-width:980px){
    .wrap{padding-inline:clamp(48px,7vw,84px);}
    .nav.wrap{padding-inline:clamp(40px,6vw,72px);}
    .hero .wrap{padding-inline:63px;}
    .nav-links{display:none;}
    .burger{display:flex;}
    .hero-inner{padding:76px 0 54px;}
    .hero::before{opacity:.48; background-size:780px auto; background-position:left -150px top -36px;}
    .hero-top{max-width:720px; margin-bottom:44px;}
    .hero h1{font-size:42px; line-height:1.25;}
    .hero p.lead{font-size:16.5px; line-height:1.85;}
    .pulse-stage{padding-top:8px;}
    .diag-callout{bottom:4px; inset-inline-start:auto; inset-inline-end:40px;}
    .section{padding:86px 0;}
    .section-head{max-width:720px; margin-bottom:42px;}
    .section-head h2{font-size:32px;}
    .subject-strip{grid-template-columns:repeat(2,1fr);}
    .exam-row{grid-template-columns:auto 1fr auto; gap:18px; padding:22px 0;}
    .exam-row .exam-meta{display:none;}
    .feat-list{grid-template-columns:1fr 1fr;}
    .feat-row{padding:26px 24px;}
    .steps{grid-template-columns:repeat(2,1fr);}
    .report-bottom{grid-template-columns:1fr; gap:28px;}
    .price-grid{grid-template-columns:1fr;}
    .trust-row{gap:36px;}
    .final-cta{padding:54px 42px;}
    footer{min-height:auto !important; padding:24px 0;}
    .foot-grid{display:none;}
    .foot-bottom{border-top:none; padding-top:0; justify-content:center; text-align:center;}
  }

  @media (max-width:720px){
    html,body{width:100%; overflow-x:hidden;}
    .wrap{padding-inline:max(24px, env(safe-area-inset-left)); padding-left:max(24px, env(safe-area-inset-left)); padding-right:max(24px, env(safe-area-inset-right));}
    .nav.wrap{padding:14px max(20px, env(safe-area-inset-right)) 14px max(20px, env(safe-area-inset-left));}
    .nav-actions .btn-primary{display:none;}
    .lang-switch{padding:8px 12px;}
    .mobile-panel{padding:8px max(24px, env(safe-area-inset-right)) 18px max(24px, env(safe-area-inset-left));}
    .hero::before{opacity:.36; background-size:560px auto; background-position:left -220px top -24px;}
    .hero-inner{padding:60px 0 42px;}
    .hero-top{margin-bottom:34px;}
    .hero h1{font-size:clamp(30px,8.5vw,36px); line-height:1.3; margin-bottom:16px;}
    .hero p.lead{font-size:15.5px; line-height:1.85; margin-bottom:26px;}
    .hero-ctas{flex-direction:column; gap:12px; width:100%;}
    .hero-ctas .btn{width:100%; min-height:52px;}
    .hero-note{font-size:13px; margin-top:14px;}
    .pulse-stage{padding-top:0; margin-inline:-6px;}
    .pulse-svg{min-height:128px;}
    .hero-legend{margin-top:24px; gap:12px 18px; font-size:12px;}
    .section{padding:62px 0;}
    .section-head{margin-bottom:34px; max-width:none;}
    .section-head h2{font-size:26px; line-height:1.35; margin-top:12px;}
    .section-head p{font-size:15px; line-height:1.75;}
    .subject-cell{padding:26px 22px;}
    .subject-mark{font-size:36px; margin-bottom:16px;}
    .exam-list{border-top:none; gap:12px;}
    .exam-row{grid-template-columns:1fr; gap:10px; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); box-shadow:var(--shadow-sm);}
    .exam-row:hover{padding:20px; margin-inline:0;}
    .exam-badge{justify-self:start;}
    .exam-main h4{font-size:16px; line-height:1.45;}
    .exam-price{text-align:start; min-width:0; padding-top:4px;}
    .feat-list{border-inline-start:none; border-top:none; gap:12px; display:grid;}
    .feat-row{padding:22px 20px; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface);}
    .steps{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px;}
    .step{padding:16px 14px;}
    .report-card{padding:24px 20px; border-radius:20px; box-shadow:var(--shadow-sm);}
    .report-top{margin-bottom:24px;}
    .report-time{text-align:start;}
    .big-pulse{min-height:118px;}
    .report-scale{display:grid; grid-template-columns:repeat(2,1fr); gap:8px 12px; margin-bottom:24px; font-size:11px;}
    .reco-box{padding:18px;}
    .report-points li{font-size:13.5px; line-height:1.6;}
    .price-grid{gap:12px; background:transparent; border:none; overflow:visible;}
    .price-card{border:1px solid var(--line); border-radius:var(--r-lg); padding:28px 22px;}
    .trust-row{display:grid; grid-template-columns:1fr; gap:16px; margin-bottom:34px;}
    .trust-item{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); padding:18px 20px;}
    .spotlight blockquote{font-size:19px; line-height:1.7;}
    .faq-q{padding:20px 0; gap:16px; line-height:1.55;}
    .faq-a p{padding:0 0 20px;}
    .final-cta{border-radius:22px; padding:42px 22px; text-align:start;}
    .final-cta h2{font-size:25px; line-height:1.4;}
    .final-cta p{font-size:15px; margin-bottom:24px;}
    .final-cta .hero-ctas{align-items:stretch;}
    footer{min-height:auto !important; padding:22px 0 calc(22px + env(safe-area-inset-bottom));}
    .foot-grid{display:none;}
    .foot-bottom{justify-content:center; text-align:center; border-top:none; padding-top:0; gap:8px;}
  }

  @media (max-width:720px){
    .modal-backdrop{align-items:flex-end; padding:0; background:rgba(18,11,46,.52);}
    .plan-modal{width:100%; max-height:88vh; border-radius:24px 24px 0 0; border-bottom:none;}
    .plan-modal-head{padding:20px 22px 16px;}
    .plan-modal-title h3{font-size:21px;}
    .plan-modal-body{padding:20px 22px 24px; gap:16px;}
    .plan-summary{grid-template-columns:1fr;}
    .modal-section{padding:18px;}
    .modal-actions{flex-direction:column;}
    .modal-actions .btn{width:100%; min-width:0;}
  }

  @media (max-width:380px){
    .steps{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
    .step{padding:14px 12px;}
    .step h4{font-size:13.5px;}
    .step p{font-size:12.5px;}
    .wrap{padding-inline:20px;}
    .nav.wrap{padding-inline:18px;}
    .hero h1{font-size:29px;}
    .btn{padding-inline:20px;}
    .report-card,.price-card,.feat-row,.exam-row,.step{padding-inline:18px;}
  }



  /* ---------- EXCLUSIVE EXAM CARDS V7 ---------- */
  #exams .section-head{max-width:700px;}
  .exam-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; border-top:none;}
  .exam-row.exam-card{display:flex; flex-direction:column; align-items:stretch; gap:18px; padding:26px; border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:var(--shadow-sm); color:var(--ink); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
  .exam-row.exam-card:hover{padding:26px; margin-inline:0; transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:rgba(65,31,214,.24);}
  .exam-card-top{display:flex; align-items:center; justify-content:space-between; gap:14px;}
  .exam-badges{display:flex; flex-wrap:wrap; gap:8px;}
  .exam-badge{display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; font-family:var(--mono); padding:6px 11px; border-radius:99px; letter-spacing:0;}
  .exam-badge.exclusive{background:rgba(65,31,214,.10); color:var(--primary);}
  .exam-badge.free{background:rgba(22,163,74,.10); color:var(--success);}
  .exam-badge.paid{background:rgba(255,207,7,.20); color:var(--secondary-dark);}
  .exam-badge.soon{background:rgba(101,93,116,.12); color:var(--muted);}
  .exam-main h4{font-size:19px; line-height:1.45; margin-bottom:8px;}
  .exam-main span{display:block; font-size:13.5px; color:var(--primary); font-weight:800; margin-bottom:12px;}
  .exam-main p{font-size:14px; line-height:1.8; color:var(--muted);}
  .exam-facts{display:flex; gap:10px; flex-wrap:wrap;}
  .exam-facts span{flex:1; min-width:120px; border:1px solid var(--line); border-radius:14px; padding:12px 14px; background:var(--paper);}
  .exam-facts b{display:block; font-family:var(--mono); font-size:14px; color:var(--ink); margin-bottom:3px;}
  .exam-facts small{font-size:12px; color:var(--muted); font-weight:700;}
  .exam-action{display:flex; flex-direction:column; gap:10px; margin-top:auto;}
  .exam-action .btn{pointer-events:none;}
  .exam-action small{font-size:12.5px; line-height:1.65; color:var(--muted);}
  .exam-card.soon .exam-action .btn{background:var(--surface); border-color:var(--line); color:var(--ink);}
  .exam-card.soon{background:linear-gradient(180deg,#fff,rgba(251,250,248,.88));}
  @media (max-width:1080px){.exam-list{grid-template-columns:1fr 1fr;}}
  @media (max-width:720px){
    .exam-list{grid-template-columns:1fr; gap:14px;}
    .exam-row.exam-card,.exam-row.exam-card:hover{padding:22px 20px;}
    .exam-card-top{align-items:flex-start;}
    .exam-main h4{font-size:17.5px;}
    .exam-action .btn{width:100%;}
  }



  /* ---------- CALM EXAM LIST OVERRIDE ---------- */
  #exams .section-head{max-width:640px;}
  #exams .section-head h2{margin-bottom:12px;}
  .exam-list{
    display:flex !important;
    flex-direction:column;
    gap:0 !important;
    border-top:1px solid var(--line) !important;
    background:transparent !important;
  }
  .exam-row.exam-card{
    display:grid !important;
    grid-template-columns:160px 1.35fr 210px 210px;
    align-items:center;
    gap:22px;
    padding:24px 4px !important;
    border:0 !important;
    border-bottom:1px solid var(--line) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--ink);
    transform:none !important;
    transition:background .18s ease, padding-inline .18s ease, border-color .18s ease;
  }
  .exam-row.exam-card:hover{
    background:rgba(255,255,255,.62) !important;
    padding-inline:18px !important;
    margin-inline:-18px !important;
    border-radius:16px !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .exam-card-top{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:10px;
  }
  html[dir="rtl"] .exam-card-top{align-items:flex-start;}
  .exam-badges{display:flex; flex-wrap:wrap; gap:6px;}
  .exam-badge{
    padding:4px 9px !important;
    border-radius:999px;
    font-size:10.5px !important;
    line-height:1.4;
  }
  .exam-price{
    min-width:0 !important;
    text-align:start !important;
    font-size:40px !important;
    font-weight:800;
    color:var(--ink);
  }
  .exam-price .currency-with-symbol{
    font-size:40px !important;
    line-height:1;
    gap:10px;
  }
  .exam-price .omr-symbol{
    width:40px !important;
    height:40px !important;
  }
  .exam-main h4{font-size:17px !important; line-height:1.45; margin-bottom:6px !important;}
  .exam-main span{display:block; font-size:13px !important; margin-bottom:8px !important; color:var(--muted) !important; font-weight:700 !important;}
  .exam-main p{font-size:13.5px !important; line-height:1.75 !important; color:var(--muted); max-width:520px;}
  .exam-facts{
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap;
    justify-content:flex-start;
  }
  .exam-facts span{
    flex:0 0 auto !important;
    min-width:auto !important;
    border:1px solid var(--line) !important;
    border-radius:999px !important;
    padding:8px 12px !important;
    background:var(--surface) !important;
    display:inline-flex;
    align-items:center;
    gap:7px;
  }
  .exam-facts b{font-size:12.5px !important; margin-bottom:0 !important; color:var(--ink);}
  .exam-facts small{font-size:11.5px !important; color:var(--muted); font-weight:700;}
  .exam-action{display:flex !important; flex-direction:column; gap:8px; align-items:stretch; margin-top:0 !important;}
  .exam-action .btn{
    pointer-events:none;
    padding:12px 18px !important;
    min-height:44px;
    font-size:13.5px !important;
    border-radius:10px !important;
  }
  .exam-action small{font-size:11.5px !important; line-height:1.55 !important; color:var(--muted); max-width:210px;}
  .exam-card.soon .exam-action .btn{background:transparent !important; border-color:var(--line) !important; color:var(--ink) !important;}

  @media (max-width:1180px){
    .exam-row.exam-card{grid-template-columns:150px 1fr 180px;}
    .exam-action{grid-column:2 / 4; flex-direction:row !important; align-items:center; justify-content:space-between; padding-top:2px;}
    .exam-action .btn{width:auto !important; min-width:180px;}
    .exam-action small{max-width:360px;}
  }
  @media (max-width:720px){
    .exam-list{gap:10px !important; border-top:none !important;}
    .exam-row.exam-card,
    .exam-row.exam-card:hover{
      display:grid !important;
      grid-template-columns:1fr;
      gap:12px;
      padding:18px 16px !important;
      margin-inline:0 !important;
      border:1px solid var(--line) !important;
      border-radius:16px !important;
      background:var(--surface) !important;
      box-shadow:var(--shadow-sm) !important;
    }
    .exam-card-top{flex-direction:row; align-items:center; justify-content:space-between; gap:12px;}
    .exam-main h4{font-size:16.5px !important;}
    .exam-main p{font-size:13px !important;}
    .exam-facts{gap:8px !important;}
    .exam-facts span{padding:7px 10px !important;}
    .exam-action{grid-column:auto; flex-direction:column !important; align-items:stretch; gap:8px;}
    .exam-action .btn{width:100% !important; min-width:0;}
    .exam-action small{max-width:none; text-align:center;}
  }



  /* ---------- FINAL HANDOFF TWEAKS ---------- */
  .exam-state{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    font-size:12.5px;
    line-height:1.6;
    color:var(--muted);
    font-style:normal;
    font-weight:700;
  }
  .exam-state::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:999px;
    background:var(--success);
    flex:0 0 auto;
  }

  /* تحسين تفاعل صفوف الاختبارات عند مرور الماوس */
  .tabyeen-design3-page #exams .exam-row {
    position: relative;
    overflow: hidden;
    transition:
      background .22s ease,
      box-shadow .22s ease,
      transform .22s ease,
      border-color .22s ease;
  }

  .tabyeen-design3-page #exams .exam-row::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 99px;
    background: var(--primary);
    opacity: 0;
    transform: scaleY(.5);
    transform-origin: center;
    transition: opacity .22s ease, transform .22s ease;
  }

  @media (hover: hover) and (pointer: fine) {
    .tabyeen-design3-page #exams .exam-row:hover {
      background: #fff !important;
      border-color: rgba(65, 31, 214, .18) !important;
      box-shadow: 0 14px 34px rgba(18, 11, 46, .08) !important;
      transform: translateY(-2px) !important;
    }

    .tabyeen-design3-page #exams .exam-row:hover::before {
      opacity: 1;
      transform: scaleY(1);
    }

    .tabyeen-design3-page #exams .exam-row:hover .exam-main h4 {
      color: var(--primary);
    }

    .tabyeen-design3-page #exams .exam-row:hover .exam-action .btn {
      transform: translateY(-1px);
      border-color: var(--primary);
    }
  }

  .tabyeen-design3-page #exams .exam-row:focus-within {
    background: #fff;
    border-color: rgba(65, 31, 214, .22);
    box-shadow: 0 0 0 4px rgba(65, 31, 214, .08);
  }

  .tabyeen-design3-page #exams .exam-row:focus-within::before {
    opacity: 1;
    transform: scaleY(1);
  }

  @media (prefers-reduced-motion: reduce) {
    .tabyeen-design3-page #exams .exam-row,
    .tabyeen-design3-page #exams .exam-row::before,
    .tabyeen-design3-page #exams .exam-row .btn {
      transition: none;
    }

    .tabyeen-design3-page #exams .exam-row:hover,
    .tabyeen-design3-page #exams .exam-row:hover .exam-action .btn {
      transform: none !important;
    }
  }

  /* ---------- FIXED DESKTOP MEASUREMENTS ---------- */
  @media (min-width:1181px){
    .tabyeen-design3-page section#top.hero{
      height:930px !important;
      min-height:930px !important;
      max-height:930px !important;
      overflow:hidden !important;
    }
    .tabyeen-design3-page section#top.hero .hero-inner{
      height:100% !important;
      padding:82px 0 44px !important;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .tabyeen-design3-page section#top.hero .hero-top{
      margin-bottom:24px !important;
    }
    .tabyeen-design3-page section#top.hero .pulse-stage{
      padding-top:0 !important;
    }
    .tabyeen-design3-page section#top.hero .hero-legend{
      margin-top:18px !important;
    }
    footer.design3-shared-footer,
    .tabyeen-design3-page footer{
      height:350px !important;
      min-height:350px !important;
      max-height:350px !important;
      padding:46px 0 22px !important;
      overflow:hidden !important;
    }
    footer.design3-shared-footer .foot-grid,
    .tabyeen-design3-page footer .foot-grid{
      margin-bottom:24px !important;
      gap:34px !important;
    }
    footer.design3-shared-footer .foot-bottom,
    .tabyeen-design3-page footer .foot-bottom{
      padding-top:18px !important;
    }
  }

  @media (max-width:1180px){
    .tabyeen-design3-page section#top.hero,
    footer.design3-shared-footer,
    .tabyeen-design3-page footer{
      height:auto !important;
      min-height:auto !important;
      max-height:none !important;
    }
  }
  .exam-card.paid .exam-state::before{background:var(--secondary-dark);}
  .exam-card.soon .exam-state::before{background:var(--muted);}
  .exam-more{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:28px;
  }
  .exam-more .btn{min-width:190px;}
  @media (max-width:720px){
    .exam-more{margin-top:20px;}
    .exam-more .btn{width:100%;}
    .exam-state{font-size:12px; margin-top:6px;}
  }