:root{--navy:#17345f;--navy-2:#0f2747;--teal:#2c8c82;--coral:#e97b63;--sand:#f5efe6;--ivory:#fcfaf7;--sky:#eaf4ff;--sage:#e7f4f1;--line:#d8e2ea;--ink:#213247;--muted:#66768a;--white:#fff;--shadow:0 24px 55px rgba(15,39,71,.10);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,rgba(234,244,255,.9),transparent 30rem),radial-gradient(circle at bottom left,rgba(245,239,230,.9),transparent 28rem),var(--ivory)}a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);background:rgba(252,250,247,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,52,95,.08)}
.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--navy)}.brand-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,var(--teal),var(--navy));color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:900;box-shadow:0 16px 30px rgba(15,39,71,.16)}.brand strong{display:block;font-size:1.2rem}.brand small{display:block;color:var(--muted);font-size:.8rem}
.nav{display:flex;gap:.85rem;font-weight:850;font-size:.9rem;color:var(--navy);align-items:center}.nav a,.nav-cta{text-decoration:none}.nav a{padding:.5rem .65rem;border-radius:999px}.nav a.active,.nav a:hover{background:white;box-shadow:0 8px 18px rgba(15,39,71,.06)}.nav-cta{padding:.75rem 1rem;border-radius:999px;background:var(--navy);color:white;font-weight:900}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(23,52,95,.12);border-radius:14px;background:#fff;cursor:pointer;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:999px}
.section{padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem)}.hero{min-height:76vh;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.page-hero{padding-bottom:2rem}.eyebrow{color:var(--teal);font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:.82rem;margin:0 0 .8rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.96;letter-spacing:-.055em;color:var(--navy-2);margin-bottom:1.2rem}h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.02;letter-spacing:-.04em;color:var(--navy-2);margin-bottom:.9rem}h3{color:var(--navy-2)}.lead{font-size:1.25rem;line-height:1.65;color:var(--muted);max-width:46rem}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin:1.6rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:.85rem 1.15rem;text-decoration:none;font-weight:950;border:0;cursor:pointer}.primary{background:var(--navy);color:white;box-shadow:0 16px 28px rgba(15,39,71,.17)}.secondary{background:white;color:var(--navy)}.ghost{background:white;color:var(--navy);border:1px solid rgba(23,52,95,.13)}
.trust-row{display:flex;flex-wrap:wrap;gap:.7rem}.trust-row span{padding:.65rem .8rem;border-radius:999px;background:white;border:1px solid rgba(23,52,95,.10);font-weight:800;font-size:.9rem;color:var(--muted)}
.learning-board{width:min(100%,440px);min-height:600px;border-radius:44px;background:linear-gradient(180deg,#fff,#f6fbff);border:1px solid rgba(23,52,95,.12);box-shadow:var(--shadow);padding:1.4rem;position:relative;overflow:hidden}.learning-board:before{content:"";position:absolute;right:-70px;bottom:-80px;width:260px;height:260px;background:rgba(44,140,130,.14);border-radius:50%}.mini-brand{display:flex;align-items:center;gap:.6rem;color:var(--navy)}.mini-brand span{width:38px;height:38px;border-radius:14px;background:var(--teal);color:white;display:grid;place-items:center;font-weight:900;font-size:1.5rem}.board-card{margin-top:3rem;background:white;border:1px solid var(--line);border-radius:28px;padding:1.5rem;position:relative;z-index:2;box-shadow:0 20px 35px rgba(15,39,71,.08)}.board-card small{color:var(--coral);font-weight:950;text-transform:uppercase}.board-card h3{font-size:2rem;margin:.7rem 0}.board-card p{font-family:"Noto Sans Arabic",system-ui;font-size:2rem;color:var(--teal);font-weight:950}.board-card em{color:var(--muted)}.board-row{position:absolute;bottom:2rem;left:1.4rem;right:1.4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;z-index:2}.board-row div{background:var(--sand);border-radius:20px;padding:1rem;text-align:center}.board-row b{font-family:"Noto Sans Arabic",system-ui;font-size:1.35rem;color:var(--navy)}.board-row span{display:block;color:var(--muted);font-weight:800;font-size:.8rem}
.section-head{max-width:850px;margin:0 auto 2rem;text-align:center}.section-head p{color:var(--muted);line-height:1.6}.path-grid,.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.path-card,.orientation-card,.grammar-card,.exercise-card,.product-card,.sample-card,details,.sound-card,.word-card,.theme-intro,.theme-list,.legal-body{background:rgba(255,255,255,.96);border:1px solid rgba(23,52,95,.11);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow)}.path-card{text-decoration:none;transition:.16s}.path-card:hover{transform:translateY(-4px);border-color:var(--teal)}.path-card span,.orientation-card>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--navy);color:white;font-weight:950}.path-card h3,.orientation-card h3{margin:1rem 0 .45rem}.path-card p,.orientation-card p{color:var(--muted);line-height:1.55;margin-bottom:0}
.orientation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mini-compare{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.mini-compare div,.pattern-demo,.root-demo,.compare div,.root-box{background:var(--sky);border-radius:18px;padding:1rem}.mini-compare small,.compare small,.root-box span{display:block;color:var(--coral);font-weight:950;text-transform:uppercase;font-size:.7rem}.mini-compare b,.compare b,.root-box b{display:block;color:var(--navy);font-size:1.1rem;margin:.3rem 0}.mini-compare b[lang=ar],.root-demo b,.root-demo span,.pattern-demo p,.compare b[lang=ar],.story-lines-grid b{font-family:"Noto Sans Arabic",system-ui}.mini-compare em,.pattern-demo em,.compare em{color:var(--muted);font-size:.85rem}.root-demo{display:grid;gap:.55rem;text-align:center}.root-demo>b{font-size:2.5rem;color:var(--navy)}.root-demo div{display:flex;justify-content:space-between;align-items:center;background:white;border-radius:14px;padding:.65rem .85rem}.root-demo span{font-size:1.25rem;font-weight:950;color:var(--teal)}.register-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem}.register-row span{background:var(--sand);color:var(--navy);border-radius:999px;padding:.55rem .4rem;text-align:center;font-size:.75rem;font-weight:900}.pattern-demo p{color:var(--teal);font-size:1.5rem;font-weight:950;margin:.45rem 0}
.grammar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grammar-card p{color:var(--muted);line-height:1.55}.compare{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.root-box{text-align:center}.root-box b{font-size:2.2rem}
.vocab-tabs,.theme-tabs{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.4rem}.vocab-tabs button,.theme-tabs button{border:1px solid var(--line);background:white;border-radius:999px;padding:.7rem .95rem;font-weight:900;color:var(--navy);cursor:pointer}.vocab-tabs button.active,.theme-tabs button.active{background:var(--navy);color:white}.vocab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.word-card b{font-family:"Noto Sans Arabic",system-ui;font-size:1.55rem;color:var(--navy)}.word-card .trans{display:block;color:var(--teal);font-weight:900;margin:.35rem 0}.word-card small{display:block;color:var(--muted);line-height:1.4}
.theme-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.25rem;align-items:start}.theme-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.theme-word{background:var(--sky);border-radius:18px;padding:1rem}.theme-word b{display:block;font-family:"Noto Sans Arabic",system-ui;color:var(--navy);font-size:1.35rem}.theme-word span{display:block;color:var(--teal);font-weight:900;margin:.35rem 0}.theme-word small{color:var(--muted)}
.phrase-builder{display:grid;grid-template-columns:.35fr .65fr;gap:1rem;max-width:1000px;margin:0 auto}.pattern-list{display:grid;gap:.75rem}.pattern{border:1px solid var(--line);background:white;border-radius:18px;padding:1rem;font-weight:950;color:var(--navy);cursor:pointer;text-align:left}.pattern.active{background:var(--navy);color:white}.phrase-output{background:white;border:1px solid var(--line);border-radius:28px;padding:1.5rem;box-shadow:var(--shadow);display:grid;gap:1rem}.phrase-example{background:var(--sky);border-radius:20px;padding:1rem}.phrase-example p{font-family:"Noto Sans Arabic",system-ui;font-size:1.45rem;color:var(--teal);font-weight:950;margin:.45rem 0}.phrase-example em{color:var(--muted)}
.exercise-grid,.product-grid,.sample-grid,.story-lines-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.badge{display:inline-flex;border-radius:999px;padding:.45rem .7rem;background:rgba(44,140,130,.12);color:var(--teal);font-size:.8rem;font-weight:950}.quiz-options{display:grid;gap:.7rem;margin:1rem 0}.quiz-options button,.fill-box button{border:1px solid var(--line);border-radius:16px;background:#fff;padding:.9rem 1rem;text-align:center;font-family:"Noto Sans Arabic",system-ui;font-size:1.2rem;font-weight:950;cursor:pointer}.quiz-options button.correct,.fill-box button.correct{border-color:var(--teal);background:var(--sage)}.quiz-options button.wrong,.fill-box button.wrong{border-color:var(--coral);background:#fff1ed}.quiz-feedback,.fill-feedback,.answer-reveal{color:var(--muted);line-height:1.6}.fill-box{display:grid;gap:.8rem}.fill-box span{font-family:"Noto Sans Arabic",system-ui;font-size:1.6rem;font-weight:950;color:var(--navy)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.method-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.method-list div{background:white;border:1px solid rgba(23,52,95,.10);border-radius:22px;padding:1.2rem;box-shadow:0 16px 32px rgba(15,39,71,.06)}.method-list b{display:block;color:var(--navy)}.method-list span{color:var(--muted)}
.paper-stack{position:relative;min-height:420px}.paper-stack article{position:absolute;width:82%;border-radius:28px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);padding:1.5rem;transform:rotate(-3deg)}.paper-stack article:nth-child(2){top:120px;left:60px;transform:rotate(4deg);background:#fbfdff}.paper-stack article:nth-child(3){top:240px;left:20px;transform:rotate(-1deg);background:#fffaf3}.paper-stack small,.sample-card span{color:var(--coral);font-weight:950}.paper-stack p{font-family:"Noto Sans Arabic",system-ui;color:var(--teal);font-size:1.7rem;font-weight:950}
.product-card{display:flex;flex-direction:column;min-height:460px}.product-card.featured{background:linear-gradient(145deg,var(--navy),var(--teal));color:white}.product-card.featured h3,.product-card.featured .price{color:white}.featured .badge{background:rgba(255,255,255,.16);color:white}.product-card p,.product-card li,.sample-card p{color:inherit;opacity:.78;line-height:1.55}.price{font-size:1.35rem;font-weight:950;color:var(--navy);margin-top:auto;margin-bottom:1rem}.card-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.sample-link{font-weight:950;color:var(--teal);text-decoration:none}.sample-card{text-decoration:none}.footer{padding:2rem clamp(1rem,4vw,4rem);display:flex;justify-content:space-between;gap:1rem;align-items:center;background:var(--navy);color:white}.footer p{margin:.25rem 0 0;opacity:.72}.footer nav{display:flex;gap:1rem;flex-wrap:wrap}.footer a{color:white;text-decoration:none;opacity:.86}.legal-body{max-width:900px;margin:0 auto;color:var(--muted);line-height:1.8}
@media(max-width:1100px){.menu-toggle{display:inline-block;order:3}.site-header{flex-wrap:wrap}.nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;gap:.4rem;background:white;border:1px solid rgba(23,52,95,.1);border-radius:22px;padding:.8rem;box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:.9rem 1rem;border-radius:14px;background:rgba(234,244,255,.55)}.nav-cta{margin-left:auto}.orientation-grid,.grammar-grid,.vocab-grid,.path-grid,.exercise-grid,.product-grid,.sample-grid,.story-lines-grid{grid-template-columns:repeat(2,1fr)}.theme-content{grid-template-columns:1fr}}
@media(max-width:760px){.hero,.split,.phrase-builder{grid-template-columns:1fr}.orientation-grid,.grammar-grid,.vocab-grid,.path-grid,.exercise-grid,.product-grid,.sample-grid,.story-lines-grid,.theme-list,.mini-compare,.compare{grid-template-columns:1fr}h1{font-size:3.05rem}.footer{flex-direction:column;align-items:flex-start}.paper-stack{min-height:360px}.learning-board{min-height:520px}}

/* V2.8 Arabic Made Visual Club fixes: nav visibility and card badge width */
.nav {
  gap: .72rem;
}
.nav a {
  white-space: nowrap;
}
.path-card span,
.card .num,
.step-number {
  min-width: 58px;
  width: auto;
  white-space: nowrap;
}
@media(max-width: 1180px) {
  .nav {
    gap: .48rem;
  }
  .nav a {
    font-size: .86rem;
  }
}

/* V2.9 content strengthening additions */
.content-strength-section{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,251,255,.82))}
.lesson-sequence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.lesson-sequence-card{background:#fff;border:1px solid rgba(23,52,95,.11);border-radius:24px;padding:1rem;box-shadow:0 16px 34px rgba(15,39,71,.055)}
.lesson-sequence-card span{display:inline-grid;place-items:center;min-width:44px;height:34px;border-radius:999px;background:#fff7f3;border:1px solid rgba(233,123,99,.24);color:#17345f;font-weight:950;margin-bottom:.6rem}
.lesson-sequence-card h3{margin:.15rem 0 .35rem;color:#17345f}.lesson-sequence-card p{color:#66768a;margin:0}
.disclaimer-box{background:#fff7f3;border:1px solid rgba(233,123,99,.24);border-radius:22px;padding:1rem;color:#5b3b34}
@media(max-width:980px){.lesson-sequence-grid{grid-template-columns:1fr}}