/* Álquimia — original artwork, restrained gold, black and warm ivory. */
:root {
  --ink:#24231e;
  --muted:#68665e;
  --ivory:#f6f3eb;
  --cream:#eae4d6;
  --gold:#dfbc74;
  --gold-ink:#876327;
  --line:#d8d1c2;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Arial,Helvetica,sans-serif
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:90px
}
body {
  margin:0;
  background:var(--ivory);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.7
}
button,input,select {
  font:inherit
}
button,a {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
a {
  color:inherit;
  text-decoration:none
}
a:hover {
  text-decoration:none
}
img,svg {
  display:block
}
h1,h2,h3,p {
  margin:0
}
h1,h2,h3 {
  font-family:var(--serif);
  font-weight:400;
  line-height:1.12
}
h1,h2 {
  letter-spacing:-.035em
}
h2 {
  font-size:clamp(38px,4.4vw,58px)
}
h3 {
  font-size:25px;
  letter-spacing:-.02em
}
p+p {
  margin-top:18px
}
em {
  font-weight:400;
  color:var(--gold-ink)
}
:focus-visible {
  outline:2px solid #ac7e31;
  outline-offset:5px
}
.container {
  width:min(1200px,calc(100% - 100px));
  margin-inline:auto
}
.section-light {
  background:var(--ivory)
}
.eyebrow {
  font-size:14px;
  font-weight:600;
  letter-spacing:.18em;
  line-height:1.6;
  text-transform:uppercase;
  color:var(--gold-ink)
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap
}
.skip-link {
  position:fixed;
  top:-100px;
  left:16px;
  z-index:100;
  background:var(--gold);
  padding:10px 20px;
  color:#000
}
.skip-link:focus {
  top:10px
}
.site-header {
  background:#000;
  color:#e5dfd1;
  border-bottom:1px solid #22211e;
  position:sticky;
  top:0;
  z-index:20
}
.header-inner {
  height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}
.brand {
  display:inline-block;
  flex-shrink:0
}
.brand-logo {
  position:relative;
  display:block;
  width:190px;
  height:42px;
  overflow:hidden
}
.brand-logo img {
  position:absolute;
  top:-88px;
  left:-5px;
  width:200px;
  height:200px;
  max-width:none
}
.header-inner nav {
  display:flex;
  align-items:center;
  gap:32px;
  font-size:15px
}
.header-inner nav>a {
  padding-block:9px
}
.header-inner nav>a:hover {
  color:var(--gold)
}
.header-inner .nav-join {
  border:1px solid #5c5038;
  padding:10px 17px;
  color:var(--gold)
}
.nav-join span {
  margin-left:12px
}
.menu-toggle {
  display:none;
  background:none;
  border:0;
  color:var(--gold);
  height:44px;
  width:44px;
  padding:10px
}
.menu-toggle>span:not(.sr-only) {
  display:block;
  height:1px;
  background:currentColor;
  width:24px;
  margin:7px 0;
  transition:transform .2s
}
.hero {
  background:#000;
  color:var(--ivory)
}
.hero-grid {
  display:grid;
  grid-template-columns:1.22fr 1fr;
  gap:55px;
  align-items:center;
  min-height:685px;
  padding-top:48px;
  padding-bottom:54px
}
.hero .eyebrow {
  display:flex;
  align-items:center;
  gap:13px;
  color:var(--gold)
}
.small-rule {
  height:1px;
  width:31px;
  background:#887349
}
.hero h1 {
  font-size:clamp(52px,5.35vw,77px);
  line-height:1.06;
  margin-top:29px
}
.hero h1 em {
  color:var(--gold)
}
.hero-description {
  max-width:480px;
  font-size:16px;
  line-height:1.85;
  color:#c5bfb2;
  margin-top:26px
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:29px;
  margin-top:34px
}
.button {
  min-height:51px;
  padding:13px 24px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  border:1px solid transparent;
  font-size:15px;
  font-family:var(--sans);
  font-weight:600;
  letter-spacing:.025em;
  transition:background-color .18s,color .18s,border-color .18s
}
.button-gold {
  background:var(--gold);
  color:#171611
}
.button-gold:hover {
  background:#f0d19a
}
.button-dark {
  background:#25261f;
  color:#f6f3eb
}
.button-dark:hover {
  background:#42443a
}
.button-outline {
  border-color:#938b76;
  background:transparent;
  color:var(--ink)
}
.button-outline:hover {
  background:#e8e0d1
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:17px;
  font-size:15px;
  border-bottom:1px solid currentColor;
  padding-bottom:4px;
  line-height:1.7
}
.hero .text-link {
  color:#d0c7b5
}
.hero-price {
  font-size:14px;
  color:#dfd7c8;
  line-height:1.85;
  margin-top:27px
}
.hero-price span {
  color:#99958b
}
.hero-visual {
  border-left:1px solid #2a2721;
  padding-left:40px
}
.visual-topline {
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#9a917e;
  font-size:12px;
  letter-spacing:.14em
}
.hero-mark {
  width:100%;
  height:auto;
  margin:20px 0 5px
}
.visual-bottomline {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px
}
.visual-bottomline>span:first-child {
  font-family:var(--serif);
  font-size:27px;
  color:var(--gold)
}
.visual-bottomline>span:last-child {
  font-size:13px;
  letter-spacing:.07em;
  color:#9c9689
}
.hero-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #28251f;
  color:#a49c8b;
  font-size:13px;
  letter-spacing:.07em;
  padding-block:19px
}
.hero-footer a {
  color:#ded3bc
}
.hero-footer a span {
  margin-left:20px
}
.intro {
  padding:96px 0 68px
}
.section-intro {
  display:grid;
  grid-template-columns:1.08fr 1fr;
  column-gap:100px;
  align-items:start
}
.section-intro>.eyebrow {
  grid-column:1/-1;
  margin-bottom:18px
}
.intro-copy {
  font-size:16px;
  color:var(--muted);
  padding-top:5px;
  line-height:1.9
}
.mission-row {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:60px;
  border-top:1px solid var(--line);
  padding-top:28px
}
.mission-row>div {
  display:flex;
  gap:25px;
  border-right:1px solid var(--line);
  padding:5px 25px 5px 30px
}
.mission-row>div:first-child {
  padding-left:0
}
.mission-row>div:last-child {
  border:0
}
.mission-number {
  color:var(--gold-ink);
  font-size:14px;
  padding-top:7px
}
.mission-row p {
  font-family:var(--serif);
  font-size:24px;
  line-height:1.3
}
.mission-row strong {
  font-weight:400
}
.experience {
  padding:64px 0 90px
}
.section-heading {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:100px;
  align-items:end
}
.section-heading h2 {
  margin-top:16px
}
.section-heading>p {
  font-size:16px;
  line-height:1.85;
  color:var(--muted);
  max-width:395px;
  padding-bottom:5px
}
.pillar-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:45px;
  border-top:1px solid var(--line)
}
.pillar {
  padding:29px 24px 0;
  border-right:1px solid var(--line)
}
.pillar:first-child {
  padding-left:0
}
.pillar:last-child {
  border:0;
  padding-right:0
}
.pillar-index {
  font-size:12px;
  letter-spacing:.1em;
  color:var(--gold-ink)
}
.line-icon {
  width:42px;
  height:42px;
  margin:25px 0;
  color:#9d762d
}
.pillar h3 {
  font-size:23px;
  min-height:54px
}
.pillar p {
  font-size:15px;
  color:var(--muted);
  line-height:1.9;
  margin-top:14px
}
.pillar-note {
  font-size:12px;
  letter-spacing:.035em;
  color:var(--gold-ink);
  display:block;
  margin-top:25px
}
.egypt-section {
  background:var(--cream);
  padding:80px 0
}
.egypt-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px;
  align-items:center
}
.arabic-panel {
  border-top:1px solid #c3b69b;
  border-bottom:1px solid #c3b69b;
  padding:35px 15px;
  text-align:center
}
.arabic-panel>p {
  font-family:var(--serif);
  font-size:95px;
  line-height:1.7;
  color:#856327;
  white-space:nowrap;
  margin:27px 0 5px
}
.arabic-panel>span:not(.eyebrow) {
  font-family:var(--serif);
  font-style:italic;
  font-size:24px
}
.panel-caption {
  font-size:13px;
  color:var(--muted);
  line-height:1.85;
  margin-top:48px;
  letter-spacing:.08em
}
.egypt-copy h2 {
  font-size:48px;
  line-height:1.16;
  margin-top:20px;
  margin-bottom:27px
}
.egypt-copy>p:not(.eyebrow) {
  color:#605d54;
  font-size:16px;
  line-height:1.85
}
.egypt-copy .text-link {
  margin-top:29px
}
.challenges {
  padding:100px 0 65px
}
.challenge-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:120px;
  align-items:center
}
.challenge-grid h2 {
  margin-top:19px
}
.challenge-grid>div:first-child>p:not(.eyebrow) {
  font-size:16px;
  color:var(--muted);
  margin-top:28px;
  line-height:1.9
}
.challenge-examples>div {
  display:grid;
  grid-template-columns:20px 1fr 35px;
  gap:20px;
  align-items:center;
  padding:26px 0;
  border-bottom:1px solid var(--line)
}
.challenge-examples>div:first-child {
  border-top:1px solid var(--line)
}
.challenge-examples>div>span:first-child {
  font-size:13px;
  color:var(--gold-ink);
  align-self:start;
  padding-top:5px
}
.challenge-examples h3 {
  font-size:23px
}
.challenge-examples p {
  font-size:14px;
  color:var(--muted);
  line-height:1.8;
  margin-top:7px
}
.example-glyph {
  font-family:var(--serif);
  font-size:33px;
  color:var(--gold-ink);
  text-align:center
}
.arabic-glyph {
  font-size:43px
}
.included {
  padding:65px 0 100px
}
.benefits-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:48px;
  margin-top:46px
}
.benefits-grid article {
  border-top:1px solid var(--line);
  padding:25px 0 28px
}
.benefit-label {
  font-size:12px;
  letter-spacing:.12em;
  color:var(--gold-ink)
}
.benefits-grid h3 {
  font-size:24px;
  margin-top:13px
}
.benefits-grid p {
  color:var(--muted);
  font-size:15px;
  line-height:1.9;
  margin-top:15px
}
.founder {
  background:#25261f;
  color:#e7e4da;
  padding:80px 0
}
.founder-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:110px
}
.founder .eyebrow {
  color:#d6b87c
}
.founder h2 {
  font-size:48px;
  margin-top:20px
}
.founder em {
  color:#d6b87c
}
.founder-name {
  display:block;
  margin-top:32px;
  font-family:var(--serif);
  font-size:26px;
  color:#d6b87c
}
.founder-name>span {
  font-family:var(--sans);
  font-size:12px;
  color:#b9b7a9;
  margin-left:13px
}
.founder-copy {
  color:#c3c1b4;
  font-size:16px;
  line-height:1.9
}
.membership {
  padding:104px 0 75px
}
.center-heading {
  text-align:center;
  max-width:640px;
  margin-inline:auto
}
.center-heading h2 {
  margin-top:17px
}
.center-heading>p:last-child {
  font-size:16px;
  color:var(--muted);
  margin-top:23px
}
.pricing-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  max-width:910px;
  margin:48px auto 0
}
.price-card {
  position:relative;
  border:1px solid #c7bda9;
  padding:35px 34px 32px
}
.plan-label {
  font-size:12px;
  letter-spacing:.14em;
  color:var(--gold-ink)
}
.price-card h3 {
  font-size:23px;
  margin-top:15px
}
.plan-price {
  font-family:var(--serif);
  font-size:70px;
  line-height:1.2;
  letter-spacing:-.035em;
  margin-top:27px
}
.currency {
  font-family:var(--sans);
  font-size:15px;
  letter-spacing:0;
  vertical-align:top;
  display:inline-block;
  margin-top:14px;
  margin-right:5px
}
.period {
  font-family:var(--sans);
  font-size:14px;
  letter-spacing:0;
  color:var(--muted);
  margin-left:10px
}
.plan-description {
  font-size:15px;
  color:var(--muted);
  line-height:1.85;
  margin-top:18px;
  min-height:46px
}
.plan-list {
  list-style:none;
  padding:20px 0;
  margin:22px 0 17px;
  border-top:1px solid #cec4b0;
  font-size:14px;
  color:#56564a;
  line-height:2.5
}
.plan-list li::before {
  content:"✓";
  margin-right:10px;
  color:var(--gold-ink)
}
.price-card .button {
  width:100%
}
.annual-card {
  background:#e9e1cf;
  border-color:#b89b61
}
.saving-label {
  position:absolute;
  top:-12px;
  right:20px;
  background:#d5b77c;
  color:#32291a;
  padding:5px 11px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em
}
.payment-note {
  max-width:650px;
  margin:24px auto 0;
  text-align:center;
  color:var(--muted);
  font-size:14px;
  line-height:1.85
}
.join-steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:45px;
  margin-top:62px;
  padding-top:37px;
  border-top:1px solid var(--line)
}
.join-steps>div>span {
  font-size:14px;
  color:var(--gold-ink)
}
.join-steps h3 {
  font-size:22px;
  margin-top:13px
}
.join-steps p {
  font-size:15px;
  line-height:1.85;
  color:var(--muted);
  margin-top:12px
}
.faq {
  padding:55px 0 96px
}
.faq-grid {
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:110px
}
.faq h2 {
  margin-top:20px
}
.faq .text-link {
  margin-top:30px
}
.faq-list details {
  border-top:1px solid var(--line)
}
.faq-list details:last-child {
  border-bottom:1px solid var(--line)
}
.faq-list summary {
  cursor:pointer;
  list-style:none;
  padding:21px 32px 21px 0;
  font-size:16px;
  line-height:1.65;
  position:relative
}
.faq-list summary::-webkit-details-marker {
  display:none
}
.faq-list summary::after {
  content:"+";
  position:absolute;
  right:3px;
  top:18px;
  font-size:23px;
  font-weight:400;
  color:var(--gold-ink)
}
.faq-list details[open] summary::after {
  content:"−"
}
.faq-list details p {
  font-size:15px;
  color:var(--muted);
  line-height:1.9;
  padding:0 30px 23px 0
}
.closing {
  background:#000;
  text-align:center;
  color:var(--ivory);
  padding:77px 0 79px
}
.closing .eyebrow {
  color:var(--gold)
}
.closing h2 {
  font-size:64px;
  margin-top:26px
}
.closing em {
  color:var(--gold)
}
.closing p:not(.eyebrow) {
  font-size:16px;
  color:#aba598;
  margin-top:24px
}
.closing .button {
  margin-top:29px
}
.site-footer {
  background:#000;
  color:#b6afa0;
  border-top:1px solid #26231d;
  padding-top:40px
}
.footer-top {
  display:flex;
  justify-content:space-between;
  gap:50px;
  align-items:center;
  padding-bottom:30px
}
.footer-top p {
  font-size:13px;
  line-height:1.85;
  margin-top:13px;
  color:#9e9789
}
.footer-top nav {
  display:flex;
  gap:28px;
  font-size:14px
}
.footer-top nav a:hover {
  color:var(--gold)
}
.footer-bottom {
  border-top:1px solid #26231d;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:12px;
  padding:20px 0;
  color:#928b7c
}
.join-dialog {
  border:0;
  background:var(--ivory);
  color:var(--ink);
  padding:38px;
  width:min(510px,calc(100% - 32px));
  max-height:calc(100dvh - 32px);
  overflow:auto
}
.join-dialog::backdrop {
  background:rgba(0,0,0,.75)
}
.dialog-close {
  position:absolute;
  right:15px;
  top:10px;
  width:35px;
  height:35px;
  font-size:27px;
  line-height:1;
  background:transparent;
  border:0;
  color:var(--muted)
}
.join-dialog h2 {
  font-size:38px;
  margin-top:13px
}
.join-dialog>p:not(.eyebrow) {
  font-size:15px;
  line-height:1.8;
  color:var(--muted);
  margin-top:17px
}
.selected-membership {
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:4px 15px;
  margin-top:22px;
  padding:15px 17px;
  background:#e9e2d2;
  font-size:14px
}
.selected-membership strong {
  grid-column:1;
  font-weight:600;
  color:var(--gold-ink)
}
.change-plan {
  grid-column:2;
  grid-row:1/3;
  text-decoration:underline;
  font-size:13px
}
.field {
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:16px
}
.field label {
  font-size:14px;
  font-weight:600
}
.field input,.field select {
  width:100%;
  border:1px solid #c8bfac;
  background:#fffef9;
  color:var(--ink);
  padding:11px 12px;
  min-height:46px;
  font-size:16px;
  border-radius:0
}
.field input::placeholder {
  color:#8b887f;
  font-size:16px
}
.field select {
  appearance:auto
}
.form-privacy {
  font-size:13px;
  color:var(--muted);
  line-height:1.7;
  margin-top:17px
}
.join-dialog form .button {
  width:100%;
  margin-top:20px
}
.form-note {
  font-size:12px;
  line-height:1.7;
  color:var(--muted);
  text-align:center;
  margin-top:12px
}
body.dialog-open {
  overflow:hidden
}
@media(min-width:1500px) {
  .hero-grid {
    min-height:740px
  }
}
@media(max-width:1100px) {
  .container {
    width:calc(100% - 64px)
  }
  .header-inner nav {
    gap:22px
  }
  .hero-grid {
    gap:30px
  }
  .hero-visual {
    padding-left:25px
  }
  .hero-actions {
    gap:20px
  }
  .hero h1 {
    font-size:62px
  }
  .section-intro,.section-heading,.egypt-grid,.challenge-grid,.founder-grid,.faq-grid {
    gap:60px
  }
  .arabic-panel>p {
    font-size:74px
  }
  .pillar {
    padding-inline:17px
  }
  .pillar h3 {
    font-size:21px
  }
}
@media(max-width:800px) {
  .header-inner nav {
    gap:15px;
    font-size:13px
  }
  .header-inner .nav-join {
    padding-inline:12px
  }
  .brand-logo {
    width:161px;
    height:37px
  }
  .brand-logo img {
    width:170px;
    height:170px;
    top:-75px;
    left:-5px
  }
  .hero-grid {
    grid-template-columns:1.15fr 1fr;
    min-height:610px;
    gap:20px
  }
  .hero h1 {
    font-size:48px
  }
  .hero-description {
    font-size:16px
  }
  .hero-actions {
    align-items:flex-start;
    flex-direction:column;
    gap:20px
  }
  .hero-visual {
    padding-left:20px
  }
  .visual-topline {
    font-size:11px
  }
  .visual-bottomline>span:first-child {
    font-size:20px
  }
  .visual-bottomline>span:last-child {
    font-size:12px
  }
  .mission-row>div {
    gap:13px;
    padding-inline:16px
  }
  .mission-row p {
    font-size:21px
  }
  .section-heading {
    gap:35px
  }
  .pillar-grid {
    grid-template-columns:repeat(2,1fr);
    gap:30px 28px
  }
  .pillar,.pillar:first-child,.pillar:last-child {
    padding:26px 0 0;
    border:0;
    border-top:1px solid var(--line)
  }
  .pillar-grid {
    border:0
  }
  .pillar h3 {
    min-height:0
  }
  .line-icon {
    margin:18px 0
  }
  .egypt-grid {
    gap:40px
  }
  .arabic-panel>p {
    font-size:60px
  }
  .egypt-copy h2 {
    font-size:39px
  }
  .challenge-grid {
    gap:50px
  }
  .benefits-grid {
    column-gap:25px
  }
  .benefits-grid h3 {
    font-size:21px
  }
  .founder-grid {
    gap:45px
  }
  .founder h2 {
    font-size:38px
  }
  .founder-copy {
    font-size:15px
  }
  .price-card {
    padding:30px 25px
  }
  .plan-price {
    font-size:60px
  }
  .plan-price .period {
    font-size:13px;
    margin-left:5px
  }
  .price-card h3 {
    font-size:20px
  }
  .faq-grid {
    gap:50px
  }
  .footer-top nav {
    gap:19px
  }
}
@media(max-width:640px) {
  html {
    scroll-padding-top:75px
  }
  .container {
    width:calc(100% - 40px)
  }
  .header-inner {
    height:73px
  }
  .menu-toggle {
    display:block
  }
  .header-inner nav {
    display:flex;
    position:absolute;
    top:73px;
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#000;
    padding:8px 20px 20px;
    border-bottom:1px solid #403524
  }
  .header-inner nav[hidden] {
    display:none
  }
  .header-inner nav>a {
    padding:13px 5px;
    font-size:16px
  }
  .header-inner .nav-join {
    padding:13px;
    margin-top:9px
  }
  .menu-toggle[aria-expanded="true"]>span:first-child {
    transform:translateY(4px) rotate(45deg)
  }
  .menu-toggle[aria-expanded="true"]>span:nth-child(2) {
    transform:translateY(-4px) rotate(-45deg)
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:40px;
    min-height:0;
    padding-top:49px;
    padding-bottom:32px
  }
  .hero h1 {
    font-size:clamp(44px,10.7vw,65px);
    margin-top:22px;
    line-height:1.09
  }
  .hero-description {
    max-width:420px;
    margin-top:23px;
    font-size:16px
  }
  .hero-actions {
    flex-direction:row;
    align-items:center;
    gap:20px;
    margin-top:27px
  }
  .button {
    padding-inline:19px;
    gap:24px;
    font-size:14px
  }
  .hero-actions .text-link {
    font-size:13px;
    gap:9px
  }
  .hero-price {
    margin-top:24px
  }
  .hero-visual {
    padding:0;
    border-left:0;
    border-top:1px solid #27231c;
    padding-top:20px;
    max-width:440px;
    width:100%;
    margin-inline:auto
  }
  .visual-topline {
    font-size:12px
  }
  .hero-mark {
    width:78%;
    max-width:290px;
    margin:9px auto 0
  }
  .visual-bottomline {
    margin-top:-3px;
    gap:2px
  }
  .visual-bottomline>span:first-child {
    font-size:23px
  }
  .visual-bottomline>span:last-child {
    font-size:12px
  }
  .hero-footer {
    font-size:12px;
    padding-block:17px
  }
  .hero-footer a span {
    margin-left:6px
  }
  .intro {
    padding:62px 0 38px
  }
  .section-intro {
    grid-template-columns:1fr;
    gap:22px
  }
  .section-intro>.eyebrow {
    margin:0
  }
  .intro-copy {
    font-size:16px
  }
  .mission-row {
    grid-template-columns:1fr;
    margin-top:33px;
    padding-top:9px
  }
  .mission-row>div,.mission-row>div:first-child {
    border:0;
    border-bottom:1px solid var(--line);
    padding:18px 0;
    gap:25px
  }
  .mission-row>div:last-child {
    border:0;
    padding-bottom:0
  }
  .mission-row p {
    font-size:22px
  }
  .mission-row p br {
    display:none
  }
  .mission-row strong {
    margin-left:6px
  }
  .experience {
    padding:36px 0 54px
  }
  .section-heading {
    grid-template-columns:1fr;
    gap:23px
  }
  .section-heading>p {
    font-size:16px
  }
  .pillar-grid {
    margin-top:10px;
    gap:20px 23px
  }
  .pillar {
    padding-top:25px
  }
  .pillar h3 {
    font-size:22px
  }
  .pillar p {
    font-size:14px
  }
  .pillar-note {
    font-size:12px;
    margin-top:17px
  }
  .egypt-section {
    padding:54px 0
  }
  .egypt-grid {
    grid-template-columns:1fr;
    gap:39px
  }
  .arabic-panel {
    padding:25px 10px;
    max-width:420px;
    width:100%;
    margin-inline:auto
  }
  .arabic-panel>p {
    font-size:78px;
    line-height:1.45;
    margin-top:20px
  }
  .panel-caption {
    margin-top:23px
  }
  .egypt-copy h2 {
    font-size:42px;
    margin-top:18px
  }
  .challenges {
    padding:61px 0 30px
  }
  .challenge-grid {
    grid-template-columns:1fr;
    gap:31px
  }
  .challenge-grid>div:first-child>p:not(.eyebrow) {
    margin-top:20px
  }
  .challenge-examples>div {
    padding:22px 0;
    gap:16px
  }
  .challenge-examples h3 {
    font-size:22px
  }
  .included {
    padding:38px 0 55px
  }
  .benefits-grid {
    grid-template-columns:1fr 1fr;
    gap:0 22px;
    margin-top:25px
  }
  .benefits-grid h3 {
    font-size:22px
  }
  .benefits-grid p {
    font-size:14px
  }
  .founder {
    padding:57px 0
  }
  .founder-grid {
    grid-template-columns:1fr;
    gap:28px
  }
  .founder h2 {
    font-size:42px
  }
  .founder-copy {
    font-size:16px
  }
  .founder-name {
    margin-top:25px
  }
  .membership {
    padding:62px 0 37px
  }
  .center-heading h2 {
    font-size:42px
  }
  .pricing-grid {
    grid-template-columns:1fr;
    gap:32px;
    margin-top:37px;
    max-width:410px
  }
  .price-card {
    padding:28px 27px
  }
  .price-card h3 {
    font-size:25px
  }
  .plan-price {
    font-size:72px
  }
  .plan-description {
    min-height:0
  }
  .plan-list {
    font-size:15px
  }
  .plan-price .period {
    font-size:14px
  }
  .payment-note {
    font-size:13px;
    padding-inline:10px
  }
  .join-steps {
    grid-template-columns:1fr;
    gap:25px;
    margin-top:36px;
    padding-top:29px
  }
  .join-steps>div {
    display:grid;
    grid-template-columns:24px 1fr;
    column-gap:14px
  }
  .join-steps>div>span {
    grid-row:1/3;
    padding-top:4px
  }
  .join-steps h3 {
    margin:0;
    font-size:23px
  }
  .join-steps p {
    grid-column:2;
    margin-top:7px
  }
  .faq {
    padding:36px 0 57px
  }
  .faq-grid {
    grid-template-columns:1fr;
    gap:27px
  }
  .faq .text-link {
    margin-top:23px
  }
  .faq-list summary {
    font-size:15px;
    padding-block:19px
  }
  .closing {
    padding:60px 0
  }
  .closing h2 {
    font-size:46px
  }
  .closing p:not(.eyebrow) {
    font-size:15px;
    max-width:290px;
    margin-inline:auto
  }
  .site-footer {
    padding-top:26px
  }
  .footer-top {
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
    padding-bottom:26px
  }
  .footer-top nav {
    flex-wrap:wrap;
    gap:16px 25px
  }
  .footer-bottom {
    font-size:12px
  }
  .join-dialog {
    padding:32px 25px
  }
  .join-dialog h2 {
    font-size:36px
  }
}
@media(max-width:360px) {
  .hero-actions {
    flex-direction:column;
    align-items:flex-start;
    gap:18px
  }
  .hero h1 {
    font-size:42px
  }
  .benefits-grid {
    grid-template-columns:1fr
  }
  .pillar-grid {
    gap:18px
  }
  .pillar h3 {
    font-size:20px
  }
  .plan-price {
    font-size:62px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    transition:none!important;
    animation:none!important
  }
}

/* Version 2: readable type, focused mobile layout, and interactive missions. */
[hidden] { display: none !important; }
.hero-grid { min-height: 630px; }
.hero h1 { font-size: clamp(48px, 5.05vw, 72px); }
.hero-description { font-size: 18px; line-height: 1.75; max-width: 530px; }
.hero-price { font-size: 15px; }
.hero-price span { color: #c2b9a7; }
.hero-highlights { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 0; margin: 23px 0 0; list-style: none; color: #bfb8a9; font-size: 13px; }
.hero-highlights li::before { content: "✓"; color: var(--gold); margin-right: 7px; }
.hero-mark { max-width: 395px; margin-inline: auto; }
.hero-footer { gap: 20px; font-size: 13px; padding-block: 21px; }
.hero-footer span::before { content: "·"; color: var(--gold); margin-right: 9px; }
.intro { padding-top: 80px; }
.intro-copy { font-size: 17px; line-height: 1.8; }
.section-heading > p { font-size: 17px; line-height: 1.8; }
.pillar h3 { min-height: 0; }
.pillar p, .benefits-grid p { font-size: 16px; line-height: 1.8; }
.pillar-note { font-size: 13px; line-height: 1.6; }
.egypt-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.8; }
.challenge-grid { grid-template-columns: 0.95fr 1.05fr; gap: 80px; align-items: start; }
.challenge-grid > div:first-child > p:not(.eyebrow) { font-size: 17px; line-height: 1.8; }
.challenge-grid > div:first-child > .challenge-frequency { font-size: 15px; color: var(--gold-ink); border-left: 2px solid #b79659; padding-left: 18px; }
.mission-demo { border: 1px solid var(--line); padding: 28px; background: #fdfaf3; min-width: 0; }
.demo-label { font-size: 12px; color: var(--gold-ink); letter-spacing: .1em; }
.mission-tabs { display: grid; grid-template-columns: .8fr .6fr 1.35fr; gap: 4px; margin-top: 16px; padding: 4px; background: #eee7d9; }
.mission-tabs button { border: 0; background: transparent; color: #5b574b; padding: 10px 8px; min-height: 44px; font-size: 14px; }
.mission-tabs button[aria-selected="true"] { background: #25261f; color: #f7edda; }
.mission-tabs button:hover:not([aria-selected="true"]) { background: #e3d7bf; }
.mission-panel { padding-top: 22px; }
.mission-panel + .mission-panel:not([hidden]) { border-top: 1px solid var(--line); margin-top: 24px; }
.has-js .mission-panel + .mission-panel { border-top: 0; margin-top: 0; }
.mission-artwork { height: 140px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 30px; background: #25261f; color: var(--gold); margin-bottom: 24px; }
.mission-artwork > span { font-family: var(--serif); font-size: 90px; line-height: 1; position: relative; z-index: 1; }
.sound-bars { display: flex; align-items: center; gap: 7px; height: 80px; }
.sound-bars i { width: 3px; height: 20px; background: #b7995e; }
.sound-bars i:nth-child(2n) { height: 44px; }
.sound-bars i:nth-child(3n) { height: 68px; }
.sound-bars i:nth-child(5n) { height: 30px; }
.letter-art > span { font-size: 116px; }
.letter-guides { position: absolute; inset: 28px 25px; border-block: 1px solid #736348; }
.letter-guides::after { content: ""; position: absolute; top: 48%; left: 0; right: 0; border-top: 1px dashed #736348; }
.conversation-art > span { position: absolute; left: 32px; font-size: 62px; }
.conversation-bubbles { position: relative; width: 160px; height: 85px; margin-left: 50px; }
.conversation-bubbles i { position: absolute; width: 103px; height: 49px; border: 1px solid var(--gold); border-radius: 15px 15px 15px 0; top: 0; left: 0; }
.conversation-bubbles i:last-child { top: 35px; left: 56px; border-radius: 15px 15px 0 15px; background: #25261f; }
.mission-panel h3 { font-size: 29px; line-height: 1.18; }
.mission-panel > p:not(.mission-skills) { color: var(--muted); font-size: 16px; line-height: 1.75; margin-top: 14px; }
.mission-prompt { margin-top: 20px; padding: 16px 18px; border-left: 2px solid #b79659; background: #eee7d9; }
.mission-prompt > span { font-size: 11px; color: var(--gold-ink); letter-spacing: .08em; }
.mission-prompt p { font-size: 15px; line-height: 1.7; margin-top: 7px; }
.mission-skills { color: var(--gold-ink); font-size: 13px; line-height: 1.6; margin-top: 19px; }
.mission-demo > .text-link { margin-top: 25px; }
.founder-copy { font-size: 17px; line-height: 1.8; }
.founder-copy .text-link { color: var(--gold); margin-top: 26px; }
.founder-name > span { font-size: 13px; }
.plan-description { font-size: 16px; line-height: 1.8; }
.plan-list { font-size: 15px; line-height: 1.75; }
.plan-list li + li { margin-top: 10px; }
.plan-label { font-size: 12px; }
.saving-label { font-size: 11px; }
.plan-price .period { font-size: 14px; }
.price-card .button { font-size: 15px; }
.payment-note { font-size: 15px; max-width: 720px; }
.payment-note strong { font-weight: 600; color: var(--ink); }
.join-steps p { font-size: 16px; line-height: 1.8; }
.faq-list summary { font-size: 16px; }
.faq-list details p { font-size: 16px; line-height: 1.8; }
.join-dialog { width: min(560px, calc(100% - 32px)); padding: 36px; }
.join-dialog > p:not(.eyebrow) { font-size: 15px; line-height: 1.75; }
.dialog-close { min-width: 44px; min-height: 44px; top: 5px; right: 8px; }
.plan-picker { border: 0; padding: 0; margin: 22px 0 0; min-width: 0; }
.plan-picker legend { font-size: 14px; font-weight: 600; padding: 0; }
.plan-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 9px; }
.plan-option { display: flex; align-items: flex-start; gap: 10px; border: 1px solid #c8bfac; background: #fffdf7; padding: 13px; cursor: pointer; min-width: 0; }
.plan-option:has(input:checked) { background: #ede3ce; border-color: #97743a; box-shadow: inset 0 0 0 1px #97743a; }
.plan-option:focus-within { outline: 2px solid #97743a; outline-offset: 3px; }
.plan-option input { margin: 4px 0 0; flex-shrink: 0; accent-color: #876327; width: 18px; height: 18px; }
.plan-option > span { display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.plan-option strong { font-weight: 600; font-size: 15px; }
.plan-option small { color: var(--gold-ink); font-size: 12px; }
.field label { font-size: 14px; }
.field input::placeholder { font-size: 16px; }
.field-note, .session-note { color: var(--muted); font-size: 13px; line-height: 1.65; margin-top: 7px; }
.form-privacy { font-size: 13px; line-height: 1.7; }
.form-note { font-size: 13px; line-height: 1.7; }
.message-preview { margin-top: 16px; border-block: 1px solid #d8d1c2; }
.message-preview summary { font-size: 14px; cursor: pointer; padding: 12px 0; }
.message-preview pre { white-space: pre-wrap; overflow-wrap: anywhere; font-family: var(--sans); font-size: 13px; line-height: 1.7; margin: 0 0 14px; padding: 14px; background: #eee7d9; }
.mobile-join { position: fixed; z-index: 15; bottom: 12px; left: 12px; right: 12px; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; background: #151511; color: #f6f0e4; border: 1px solid #5b5039; box-shadow: 0 4px 30px #0003; }
.mobile-join > div { display: flex; flex-direction: column; gap: 3px; font-size: 12px; line-height: 1.5; }
.mobile-join strong { font-weight: 500; }
.mobile-join > div > span { font-size: 12px; color: #cbb990; }
.mobile-join .button { padding: 10px 17px; min-height: 44px; font-size: 14px; gap: 16px; }

@media (max-width: 1100px) {
  .challenge-grid { gap: 50px; }
  .hero-actions { flex-wrap: wrap; }
  .hero-visual { padding-left: 20px; }
}
@media (max-width: 900px) {
  html { scroll-padding-top: 92px; }
  .header-inner { height: 76px; }
  .has-js .menu-toggle { display: block; }
  .header-inner nav { position: absolute; top: 76px; left: 0; right: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; background: #000; padding: 8px 32px 24px; border-bottom: 1px solid #403524; }
  .header-inner nav > a { font-size: 16px; padding: 13px 5px; }
  .header-inner .nav-join { padding: 13px; margin-top: 9px; }
  .menu-toggle[aria-expanded="true"] > span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] > span:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }
  body:not(.has-js) .header-inner { height: auto; padding-block: 18px; display: block; }
  body:not(.has-js) .menu-toggle { display: none; }
  body:not(.has-js) .header-inner nav { position: static; padding: 12px 0 0; flex-direction: row; flex-wrap: wrap; gap: 12px 20px; border: 0; }
  body:not(.has-js) .header-inner nav > a { font-size: 14px; }
  body:not(.has-js) .header-inner .nav-join { margin: 0; }
  .hero-grid { grid-template-columns: 1fr; min-height: 0; padding-block: 65px; }
  .hero h1 { font-size: clamp(48px, 7.5vw, 72px); }
  .hero-copy { max-width: 650px; }
  .hero-visual { display: none; }
  .hero-actions { flex-direction: row; align-items: center; }
  .intro-copy, .section-heading > p, .founder-copy { font-size: 16px; }
  .challenge-grid { grid-template-columns: 1fr 1fr; gap: 35px; }
  .mission-demo { padding: 22px; }
  .mission-tabs button { padding-inline: 3px; font-size: 13px; }
  .mission-panel h3 { font-size: 26px; }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 88px; }
  .header-inner nav { padding-inline: 20px; }
  .hero-grid { padding-top: 43px; padding-bottom: 38px; }
  .hero h1 { font-size: clamp(39px, 10vw, 62px); line-height: 1.12; }
  .hero-description { font-size: 17px; line-height: 1.75; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 17px; }
  .hero-actions > .button { width: 100%; font-size: 15px; }
  .hero-actions > .text-link { font-size: 14px; align-self: flex-start; }
  .hero-price { font-size: 14px; }
  .hero-highlights { flex-direction: column; gap: 6px; font-size: 13px; }
  .hero-footer { font-size: 12px; align-items: start; text-align: center; gap: 16px; line-height: 1.6; }
  .hero-footer > span { flex: 1; }
  .hero-footer span::before { display: none; }
  .intro { padding-top: 60px; }
  .eyebrow { font-size: 12px; letter-spacing: .12em; }
  h2, .center-heading h2 { font-size: clamp(34px, 8.8vw, 45px); }
  .egypt-copy h2, .founder h2 { font-size: 38px; }
  .arabic-panel > p { font-size: clamp(50px, 15vw, 78px); }
  .challenge-grid { grid-template-columns: 1fr; gap: 28px; }
  .mission-tabs button { font-size: 14px; }
  .mission-panel h3 { font-size: 28px; }
  .mission-panel > p:not(.mission-skills) { font-size: 16px; }
  .founder-copy { font-size: 16px; }
  .plan-price .period { font-size: 14px; }
  .saving-label { font-size: 10px; }
  .plan-list { font-size: 15px; }
  .payment-note { font-size: 15px; padding: 0; }
  .faq-list summary { font-size: 16px; }
  .footer-top nav { gap: 15px 25px; flex-wrap: wrap; font-size: 14px; }
  .footer-top p { font-size: 14px; }
  .footer-bottom { font-size: 12px; }
  .join-dialog { padding: 30px 22px; }
  .join-dialog h2 { font-size: 36px; }
  .plan-option { padding: 12px 10px; gap: 8px; }
  .mobile-join { display: flex; bottom: max(12px, env(safe-area-inset-bottom)); }
}
@media (max-width: 480px) {
  .pillar-grid, .benefits-grid { grid-template-columns: 1fr; }
  .pillar { display: grid; grid-template-columns: 42px 1fr; column-gap: 20px; padding-top: 24px; }
  .pillar-index { grid-column: 1 / -1; }
  .pillar .line-icon { grid-column: 1; grid-row: 2 / 5; margin-top: 17px; }
  .pillar h3 { grid-column: 2; margin-top: 16px; font-size: 26px; }
  .pillar p, .pillar-note { grid-column: 2; }
  .pillar p { margin-top: 12px; }
  .pillar-note { margin-top: 13px; }
  .benefits-grid article { padding-block: 23px; }
  .benefits-grid h3 { font-size: 27px; }
  .benefits-grid p { margin-top: 12px; }
  .mission-demo { padding: 20px; }
  .founder-name > span { display: block; margin: 6px 0 0; }
  .plan-price .period { display: inline-block; }
  .mobile-join { padding: 10px 12px; gap: 8px; }
}
@media (max-width: 360px) {
  .container { width: calc(100% - 32px); }
  .hero h1 { font-size: 37px; }
  .plan-options { grid-template-columns: 1fr; }
  .plan-option > span { flex-direction: row; flex-wrap: wrap; gap: 4px 10px; }
  .plan-option small { flex-basis: 100%; }
  .mission-tabs { grid-template-columns: .75fr .5fr 1.35fr; }
  .mission-tabs button { font-size: 12px; }
}

/* Version 2.5 — a consistent gold icon family and personal cultural story. */
.icon-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.brand-icon { display: block; width: 38px; height: 38px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; color: var(--gold-ink); }
.hero-footer { color: #b7ac97; font-size: 12px; letter-spacing: .065em; }
.hero-footer span::before { display: none; }
.welcome-points { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; padding: 30px 0; margin: 40px 0 0; border-block: 1px solid var(--line); }
.welcome-points li { display: flex; gap: 14px; align-items: flex-start; }
.welcome-check { width: 25px; height: 25px; margin-top: 1px; }
.welcome-points strong { display: block; font-size: 15px; font-weight: 600; line-height: 1.6; }
.welcome-points p { font-size: 14px; line-height: 1.7; color: var(--muted); margin-top: 7px; }
.mission-row { border-top: 0; margin-top: 20px; padding-top: 12px; }
.pillar .brand-icon { width: 44px; height: 44px; }
.benefit-heading { display: flex; align-items: center; gap: 15px; }
.benefit-heading .brand-icon { width: 31px; height: 31px; }
.private-classes-note { display: flex; align-items: center; gap: 17px; border-top: 1px solid var(--line); padding-top: 24px; margin-top: 8px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.private-classes-note .brand-icon { width: 28px; height: 28px; }
.private-classes-note a { color: var(--gold-ink); text-decoration: underline; text-underline-offset: 4px; margin-left: 7px; }
.egypt-grid { grid-template-columns: 1.15fr 1fr; gap: 60px; }
.heritage-photo { margin: 0; min-width: 0; }
.heritage-photo > img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.heritage-photo figcaption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; border-bottom: 1px solid #c3b69b; color: #625a49; font-size: 13px; line-height: 1.7; }
.heritage-photo figcaption > span:first-child { color: var(--gold-ink); font-family: var(--serif); font-size: 32px; line-height: 1.4; flex-shrink: 0; }
.founder-grid { grid-template-columns: .85fr 1.15fr; gap: 75px; align-items: center; }
.founder-photo { margin: 0; max-width: 410px; width: 100%; }
.portrait-frame { aspect-ratio: 4 / 5; overflow: hidden; background: #121410; }
.portrait-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 66% 80%; transform: scale(1.7); transform-origin: 66% 85%; }
.founder-photo figcaption { border-bottom: 1px solid #56503d; padding: 18px 0; font-family: var(--serif); font-size: 26px; color: var(--gold); }
.founder-photo figcaption > span { display: block; color: #c3c1b4; font-family: var(--sans); font-size: 13px; margin-top: 3px; }
.founder-introduction h2 { margin-bottom: 26px; }
.founder-copy { display: block; }
.founder-copy p { margin-top: 0; }
.founder-copy p + p { margin-top: 19px; }
.plan-heading { display: flex; align-items: center; gap: 12px; }
.plan-heading .brand-icon { width: 26px; height: 26px; }
.price-card { display: flex; flex-direction: column; }
.price-card h3 { font-size: 25px; min-height: 57px; }
.price-card .plan-description { min-height: 114px; }
.price-card .button { margin-top: auto; }
.annual-card { --muted: #625f55; --gold-ink: #7b5820; border-color: #a18346; background: #e9e1cf; }
.annual-impact { display: flex; align-items: flex-start; gap: 22px; max-width: 910px; margin: 32px auto 0; padding: 24px 28px; border-left: 2px solid #b79659; background: #eee8db; }
.annual-impact > .brand-icon { margin-top: 6px; width: 42px; height: 42px; }
.annual-impact .eyebrow { font-size: 11px; letter-spacing: .12em; }
.annual-impact h3 { margin-top: 8px; font-size: 28px; }
.annual-impact p:not(.eyebrow) { font-size: 15px; line-height: 1.8; color: var(--muted); margin-top: 12px; }
.payment-help { display: flex; gap: 24px; max-width: 910px; margin: 34px auto 0; padding-top: 28px; border-top: 1px solid var(--line); }
.payment-help > .brand-icon { width: 38px; height: 38px; margin-top: 3px; }
.payment-help h3 { font-size: 27px; line-height: 1.25; }
.payment-help p { font-size: 16px; line-height: 1.8; color: var(--muted); margin-top: 13px; }
.payment-help .text-link { margin-top: 16px; }
.join-steps { gap: 38px; }
.join-steps > div > .brand-icon { margin: 16px 0; width: 34px; height: 34px; }
.join-steps h3 { line-height: 1.25; }
.dialog-journey { display: flex; justify-content: space-between; list-style: none; padding: 0 0 15px; margin: 18px 0 0; gap: 13px; border-bottom: 1px solid var(--line); color: var(--gold-ink); font-size: 11px; line-height: 1.7; counter-reset: joining; }
.dialog-journey li { display: flex; gap: 6px; counter-increment: joining; }
.dialog-journey li::before { content: counter(joining) "."; font-weight: 600; }
.plan-support { padding: 12px 14px; margin: 12px 0 0; background: #ede3ce; border-left: 2px solid #97743a; color: #695127; font-size: 13px; line-height: 1.75; }
.button { transition: background-color .18s, color .18s, border-color .18s, transform .18s; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: translateY(0); }
.text-link > span[aria-hidden] { transition: transform .18s; }
.text-link:hover > span[aria-hidden] { transform: translateX(3px); }
.mission-panel:not([hidden]) { animation: mission-enter .2s ease-out; }
@keyframes mission-enter { from { opacity: .65; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1100px) {
  .egypt-grid { gap: 40px; }
  .founder-grid { gap: 50px; }
  .welcome-points { gap: 22px; }
}
@media (max-width: 900px) {
  .egypt-grid { grid-template-columns: 1fr; gap: 35px; }
  .heritage-photo { max-width: 720px; width: 100%; margin-inline: auto; }
  .egypt-copy { max-width: 650px; }
  .founder-grid { grid-template-columns: .85fr 1.15fr; gap: 35px; }
  .founder h2 { font-size: 37px; }
  .founder-copy { font-size: 16px; }
  .welcome-points { gap: 20px; }
  .welcome-points li { flex-direction: column; gap: 10px; }
}
@media (max-width: 640px) {
  .hero-footer { text-align: left; gap: 18px; font-size: 10px; letter-spacing: .025em; }
  .hero-footer > span { flex: initial; }
  .hero-footer > span:last-child { text-align: right; max-width: 130px; }
  .welcome-points { grid-template-columns: 1fr; padding-block: 25px; gap: 22px; margin-top: 28px; }
  .welcome-points li { flex-direction: row; gap: 14px; }
  .welcome-points strong { font-size: 16px; }
  .welcome-points p { font-size: 15px; margin-top: 5px; }
  .mission-row { margin-top: 12px; }
  .private-classes-note { align-items: flex-start; font-size: 15px; }
  .private-classes-note .brand-icon { margin-top: 4px; }
  .private-classes-note a { display: inline-block; margin-left: 0; }
  .heritage-photo figcaption { padding-block: 16px; font-size: 12px; }
  .heritage-photo figcaption > span:first-child { font-size: 29px; }
  .founder-grid { grid-template-columns: 1fr; gap: 35px; }
  .founder-photo { max-width: 380px; margin-inline: auto; }
  .founder-introduction h2 { font-size: 39px; }
  .price-card h3, .price-card .plan-description { min-height: 0; }
  .price-card h3 { font-size: 27px; }
  .price-card .plan-description { margin-bottom: 4px; }
  .annual-impact { padding: 21px 20px; gap: 16px; }
  .annual-impact > .brand-icon { width: 30px; height: 30px; }
  .annual-impact h3 { font-size: 26px; }
  .payment-help { gap: 16px; }
  .payment-help > .brand-icon { width: 30px; height: 30px; }
  .payment-help h3 { font-size: 25px; }
  .join-steps > div { grid-template-columns: 36px 1fr; }
  .join-steps > div > span { grid-column: 2; grid-row: 1; font-size: 11px; padding: 0; margin-bottom: 8px; }
  .join-steps > div > .brand-icon { grid-column: 1; grid-row: 1 / 4; margin: 8px 0 0; }
  .join-steps h3 { grid-column: 2; grid-row: 2; margin-top: 0; }
  .join-steps p { grid-column: 2; grid-row: 3; }
  .dialog-journey { gap: 8px; font-size: 10px; }
  .join-dialog form .button { font-size: 14px; gap: 10px; padding-inline: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .button, .text-link > span[aria-hidden] { transition: none; }
  .button:hover, .text-link:hover > span[aria-hidden] { transform: none; }
  .mission-panel:not([hidden]) { animation: none; }
}

/* Version 3 — four personal reasons, followed by a clear path into the experience. */
.why-arabic { --muted: #625f55; --gold-ink: #7b5820; padding: 84px 0 78px; background: var(--cream); border-block: 1px solid var(--line); }
.why-heading { margin-bottom: 42px; }
.why-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 1px solid #cfc4ae; }
.why-point { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 24px; padding-block: 38px; align-items: start; }
.why-point:nth-child(odd) { padding-right: 48px; border-right: 1px solid #cfc4ae; }
.why-point:nth-child(even) { padding-left: 48px; }
.why-point:nth-child(n+3) { border-top: 1px solid #cfc4ae; }
.why-point .brand-icon { width: 42px; height: 42px; margin-top: 3px; }
.why-label { display: flex; align-items: baseline; gap: 12px; color: var(--gold-ink); font-size: 11px; font-weight: 600; letter-spacing: .09em; line-height: 1.8; }
.why-label > span { flex-shrink: 0; font-weight: 400; }
.why-point h3 { font-size: 30px; line-height: 1.18; margin-top: 14px; }
.why-description { color: var(--muted); font-size: 16px; line-height: 1.85; margin-top: 16px; }
.why-next { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-top: 32px; }
.why-next > p { font-family: var(--serif); font-size: 25px; line-height: 1.45; }
.why-next > p > span { color: var(--gold-ink); font-style: italic; }
.why-next .text-link { min-height: 44px; }
@media (min-width: 901px) and (max-width: 1100px) {
  .header-inner nav { gap: 17px; font-size: 14px; }
  .header-inner .nav-join { padding-inline: 12px; }
  .nav-join span { margin-left: 8px; }
}
@media (max-width: 1100px) {
  .why-point { gap: 20px; }
  .why-point:nth-child(odd) { padding-right: 30px; }
  .why-point:nth-child(even) { padding-left: 30px; }
  .why-point h3 { font-size: 28px; }
}
@media (max-width: 760px) {
  .why-grid { grid-template-columns: 1fr; }
  .why-point:nth-child(odd), .why-point:nth-child(even) { padding: 28px 0; border-right: 0; }
  .why-point:nth-child(n+2) { border-top: 1px solid #cfc4ae; }
}
@media (max-width: 640px) {
  .why-arabic { padding: 58px 0 52px; }
  .why-heading { margin-bottom: 28px; }
  .why-point { grid-template-columns: 34px minmax(0, 1fr); gap: 16px; }
  .why-point .brand-icon { width: 32px; height: 32px; }
  .why-label { font-size: 10px; gap: 9px; letter-spacing: .07em; }
  .why-point h3 { margin-top: 10px; font-size: 27px; }
  .why-description { margin-top: 13px; line-height: 1.8; }
  .why-next { align-items: flex-start; flex-direction: column; gap: 20px; padding-top: 26px; }
  .why-next > p { font-size: 24px; }
  .why-next .text-link { font-size: 14px; }
}