.about-page {
  background:
    radial-gradient(circle at 78% 5%, rgba(77, 141, 255, .08), transparent 28%),
    linear-gradient(180deg, #080a0e 0, #090c12 42%, #080a0e 100%);
}

.about-header .header-help.is-current { color: var(--text); box-shadow: inset 0 -1px var(--blue); }
.story-chapter.is-current .chapter-index span { border-color: #5186d3; background: #101a29; box-shadow: 0 0 0 5px rgba(77,141,255,.06); }
.story-chapter.is-current .chapter-visual { border-color: #34455c; }

.about-hero {
  display: grid;
  width: min(1180px, calc(100% - 48px));
  min-height: calc(100vh - 72px);
  margin: 0 auto;
  grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
  align-items: center;
  gap: clamp(60px, 7vw, 100px);
  padding: 92px 0 110px;
}
.about-hero-copy { max-width: 620px; }
.about-kicker { display: inline-flex; align-items: center; gap: 10px; color: #90b6fa; font-size: 13px; font-weight: 700; }
.about-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 6px rgba(77, 141, 255, .1); }
.about-hero h1 { margin: 25px 0 22px; color: #f8faff; font-size: clamp(42px, 4.6vw, 58px); font-weight: 750; line-height: 1.1; letter-spacing: -.047em; }
.about-hero-copy > p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.9; }
.story-start { display: inline-flex; align-items: center; gap: 10px; margin-top: 34px; color: #c2ccda; font-size: 13px; font-weight: 600; }
.story-start i { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #2c3543; border-radius: 50%; color: #83adf6; font-style: normal; }

.hero-sequence { position: relative; overflow: hidden; border: 1px solid #29313d; border-radius: 15px; background: #101319; color: #798698; direction: ltr; box-shadow: 0 42px 100px rgba(0, 0, 0, .38); }
.hero-sequence::before { position: absolute; top: 0; right: 0; left: 0; height: 70px; background: radial-gradient(circle at 78% 0, rgba(77, 141, 255, .12), transparent 55%); content: ""; pointer-events: none; }
.sequence-head { position: relative; display: flex; height: 54px; align-items: center; justify-content: space-between; border-bottom: 1px solid #272d36; padding: 0 16px; font-size: 9px; }
.sequence-head span { color: #b5bfcc; font-weight: 600; }.sequence-head b { border-radius: 5px; background: #080a0e; padding: 7px 10px; color: #83aef7; font-size: 9px; }
.sequence-ruler { position: relative; display: flex; height: 38px; align-items: center; justify-content: space-between; margin-left: 41px; border-bottom: 1px solid #242a32; padding: 0 16px; font-size: 7px; }
.sequence-ruler::before { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; background: repeating-linear-gradient(90deg, #303742 0 1px, transparent 1px 11px); content: ""; }
.sequence-ruler i { position: absolute; top: 0; left: 74%; width: 8px; height: 8px; transform: translateX(-50%); background: #69a0ff; clip-path: polygon(0 0, 100% 0, 50% 100%); }
.sequence-track { display: grid; min-height: 64px; grid-template-columns: 41px 1fr; border-bottom: 1px solid #242a32; }
.sequence-track > span { display: grid; place-items: center; border-right: 1px solid #282f39; background: #0d1015; color: #5e6876; font-size: 8px; }
.sequence-track > div { display: flex; align-items: center; gap: 4px; padding: 10px 8px; }
.sequence-track > div > b { display: flex; height: 42px; align-items: center; border: 1px solid rgba(255,255,255,.08); border-radius: 4px; padding: 0 8px; color: #d4dfed; font-size: 7px; font-weight: 600; letter-spacing: .04em; }
.clip-edit { width: 30%; background: #34465f; }.clip-teach { width: 25%; background: #3f3c69; }.clip-try { width: 19%; background: #65453f; }.clip-soundx { width: 26%; background: #225b9d; }
.sequence-track .wave-clip { display: flex; width: 100%; height: 32px; align-items: center; justify-content: space-around; overflow: hidden; border-color: #285d52; background: #163d37; padding: 0 4px; }
.wave-clip i { width: 2px; border-radius: 2px; background: #7ac8b8; }.wave-clip i:nth-child(3n+1){height:7px}.wave-clip i:nth-child(3n+2){height:19px}.wave-clip i:nth-child(3n){height:12px}
.sequence-notes { min-height: 50px; }.sequence-notes > div { align-items: stretch; gap: 9px; padding: 8px; }.sequence-notes > div > b { height: auto; flex: 1; justify-content: center; border-style: dashed; border-color: #303946; background: transparent; color: #657182; }
.sequence-playhead { position: absolute; top: 54px; bottom: 34px; left: calc(41px + (100% - 41px) * .74); width: 1px; background: #69a0ff; box-shadow: 0 0 8px rgba(105, 160, 255, .7); }.sequence-playhead span { position: absolute; top: 33px; left: -3px; width: 7px; height: 7px; border-radius: 50%; background: #a8c8ff; }
.sequence-footer { display: flex; height: 34px; align-items: center; justify-content: space-between; padding: 0 14px; color: #525d6b; font-size: 7px; letter-spacing: .1em; }.sequence-footer strong { color: #7196cf; font-size: 7px; }

.story-intro { width: min(1180px, calc(100% - 48px)); margin: 0 auto; border-top: 1px solid var(--line); padding: 112px 0 128px; text-align: center; }
.story-intro > span { color: #709ee9; font-size: 11px; font-weight: 700; letter-spacing: .13em; }
.story-intro h2 { max-width: 820px; margin: 18px auto 17px; color: #eff3f9; font-size: clamp(32px, 3.8vw, 44px); line-height: 1.27; letter-spacing: -.038em; }
.story-intro > p { max-width: 760px; margin: 0 auto; color: var(--muted); font-size: 16px; line-height: 1.9; }
.discipline-reel { display: grid; margin-top: 58px; grid-template-columns: repeat(4, 1fr); gap: 10px; direction: ltr; text-align: left; }
.discipline-reel article { display: grid; min-height: 106px; grid-template-columns: 42px 1fr; align-items: center; gap: 12px; border: 1px solid #242c37; border-radius: 12px; background: #0d1015; padding: 17px; }
.discipline-reel article > img { display: block; width: 42px; height: 42px; border-radius: 9px; object-fit: contain; filter: drop-shadow(0 7px 12px rgba(0,0,0,.24)); }
.discipline-reel article > span { display: grid; gap: 5px; }.discipline-reel strong { color: #cfd6e1; font-size: 11px; }.discipline-reel small { color: #697587; font-size: 8px; line-height: 1.4; }

.story-timeline { position: relative; width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding-bottom: 40px; }
.story-rail { position: absolute; top: 0; bottom: 0; left: 57px; width: 1px; background: linear-gradient(#4d8dff, #272e38 12%, #272e38 88%, #4d8dff); }
.story-rail i { position: sticky; top: 92px; z-index: 2; display: block; width: 11px; height: 11px; margin-left: -5px; border: 2px solid #080a0e; border-radius: 50%; background: #6b9ff8; box-shadow: 0 0 0 5px rgba(77,141,255,.1); }
.story-rail span { position: absolute; top: 0; left: -3px; width: 7px; height: 10px; background: #6b9ff8; clip-path: polygon(0 0,100% 0,50% 100%); }
.story-chapter { position: relative; display: grid; min-height: 630px; grid-template-columns: 116px minmax(280px, .82fr) minmax(440px, 1.18fr); align-items: center; gap: clamp(36px, 5vw, 70px); border-top: 1px solid var(--line); padding: 92px 0; }
.chapter-index { position: relative; z-index: 3; align-self: start; padding-top: 9px; }
.chapter-index span { display: grid; width: 54px; height: 34px; place-items: center; margin-left: 31px; border: 1px solid #30405a; border-radius: 99px; background: #0b0e13; color: #82aef7; font-size: 10px; font-weight: 700; direction: ltr; }
.chapter-index small { display: block; margin: 12px 0 0 31px; color: #556173; font-size: 7px; letter-spacing: .12em; text-align: center; direction: ltr; }
.chapter-copy { align-self: center; }
.chapter-kicker { color: #6f9fec; font-size: 11px; font-weight: 700; }
.chapter-copy h2 { margin: 16px 0 16px; color: #ecf1f8; font-size: clamp(28px, 3vw, 37px); line-height: 1.28; letter-spacing: -.034em; }
.chapter-copy > p { margin: 0; color: #919cad; font-size: 15px; line-height: 1.9; }
.chapter-copy blockquote { margin: 28px 0 0; border-inline-start: 2px solid #467eca; padding-inline-start: 17px; color: #bbc4d1; font-size: 13px; line-height: 1.8; }
.chapter-visual { min-width: 0; overflow: hidden; border: 1px solid #28313e; border-radius: 15px; background: #0e1117; box-shadow: 0 30px 80px rgba(0,0,0,.24); direction: ltr; }

.student-map { position: relative; min-height: 410px; background: radial-gradient(circle at 50% 48%, rgba(77,141,255,.12), transparent 35%), #0d1016; }
.student-map::before { position: absolute; inset: 24px; border: 1px dashed #252e3a; border-radius: 50%; content: ""; }.student-map::after { position: absolute; inset: 68px; border: 1px solid #1e2733; border-radius: 50%; content: ""; }
.mentor-node { position: absolute; top: 50%; left: 50%; z-index: 3; display: grid; width: 86px; height: 86px; transform: translate(-50%,-50%); place-items: center; border: 1px solid #4d78b8; border-radius: 50%; background: #152033; box-shadow: 0 0 0 12px rgba(77,141,255,.06); }.mentor-node small { margin-top: -23px; color: #6c8fbd; font-size: 7px; }
.identity-wave { display: flex; height: 28px; align-items: center; justify-content: center; gap: 3px; }
.identity-wave i { display: block; width: 3px; border-radius: 99px; background: #9dc4ff; box-shadow: 0 0 8px rgba(93,151,239,.26); }.identity-wave i:nth-child(1),.identity-wave i:nth-child(5){height:8px;opacity:.58}.identity-wave i:nth-child(2),.identity-wave i:nth-child(4){height:17px;opacity:.82}.identity-wave i:nth-child(3){height:27px}
.student-node { position: absolute; z-index: 2; width: 17px; height: 17px; border: 3px solid #11161d; border-radius: 50%; background: #587eb9; box-shadow: 0 0 0 1px #30415a; }.student-one{top:17%;left:23%}.student-two{top:25%;right:18%}.student-three{top:53%;right:11%}.student-four{bottom:16%;right:30%}.student-five{bottom:22%;left:17%}.student-six{top:43%;left:10%}
.student-map > i { position: absolute; z-index: 1; height: 1px; transform-origin: left center; background: linear-gradient(90deg,transparent,#33445e,transparent); }.link-one{top:34%;left:22%;width:40%;transform:rotate(25deg)}.link-two{top:28%;left:48%;width:37%;transform:rotate(-17deg)}.link-three{top:53%;left:49%;width:40%;transform:rotate(2deg)}.link-four{top:64%;left:30%;width:45%;transform:rotate(23deg)}
.student-map > strong { position: absolute; right: 0; bottom: 42px; left: 0; z-index: 3; color: #cbd7e6; font-size: 12px; text-align: center; }.student-map > small { position: absolute; right: 0; bottom: 25px; left: 0; z-index: 3; color: #5f6d80; font-size: 8px; text-align: center; }

.friction-list { display: grid; gap: 1px; margin: 29px 0 0; padding: 0; list-style: none; }.friction-list li { display: grid; min-height: 40px; grid-template-columns: 35px 1fr; align-items: center; border-bottom: 1px solid #202731; }.friction-list span { color: #53637a; font-size: 8px; direction: ltr; }.friction-list b { color: #a8b2c0; font-size: 11px; font-weight: 500; }
.workflow-maze { display: grid; min-height: 410px; grid-template-columns: repeat(9, auto); align-items: center; justify-content: center; gap: 8px; padding: 32px; }
.workflow-maze > i { width: 18px; height: 1px; background: repeating-linear-gradient(90deg,#48576b 0 3px,transparent 3px 6px); }.maze-node { display: grid; width: 72px; height: 104px; place-items: center; align-content: center; gap: 11px; border: 1px solid #2c3542; border-radius: 9px; background: #13171e; }.maze-node b { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid #354152; border-radius: 8px; color: #7e8da1; font-size: 12px; }.maze-node span { color: #788497; font-size: 7px; text-align: center; }.maze-node.is-start { border-color: #344e75; background: #121b29; }.maze-node.is-start b { color: #91b9ff; }.maze-node.is-end { border-color: #62443c; background: #1c1514; }.maze-node.is-end b { color: #df9786; }

.discarded-cuts { position: relative; min-height: 430px; padding: 35px; background: linear-gradient(150deg,#11151c,#0b0e12); }
.cut-card { position: absolute; width: 54%; height: 130px; overflow: hidden; border: 1px solid #343c47; border-radius: 10px; background: #151920; box-shadow: 0 18px 35px rgba(0,0,0,.3); }.cut-card header { display: flex; height: 25px; align-items: center; gap: 4px; border-bottom: 1px solid #2a3039; padding: 0 8px; }.cut-card header i { width: 4px; height: 4px; border-radius: 50%; background: #4d5663; }.cut-card > span { display: block; margin: 21px 16px 0; color: #778395; font-size: 8px; }.cut-card > b { display: block; margin: 10px 16px; color: #aa7067; font-size: 13px; letter-spacing: .07em; }.cut-one{top:35px;left:32px;transform:rotate(-4deg);opacity:.58}.cut-two{top:131px;right:34px;transform:rotate(5deg);opacity:.75}.cut-three{bottom:52px;left:53px;z-index:2;transform:rotate(-1deg);border-color:#385376}.cut-three > b{color:#79a7f0}
.cut-bin { position: absolute; right: 28px; bottom: 22px; display: flex; align-items: center; gap: 8px; color: #536073; }.cut-bin span { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid #313a46; border-radius: 6px; font-size: 10px; }.cut-bin small { font-size: 6px; letter-spacing: .08em; }
.honest-note { display: grid; margin-top: 25px !important; grid-template-columns: 12px 1fr; gap: 7px; color: #a7b1bf !important; font-size: var(--sx-font-support); }.honest-note > span:first-child { color: #5c87c8; font-size: 7px; padding-top: 8px; }

.chapter-turn { min-height: 710px; }.chapter-turn .chapter-copy h2 { color: #f6f9ff; font-size: clamp(33px, 3.6vw, 44px); }
.idea-switch { display: grid; min-height: 430px; grid-template-columns: 1fr 84px 1fr; align-items: center; gap: 16px; padding: 33px; background: radial-gradient(circle at 75% 50%,rgba(77,141,255,.12),transparent 35%),#0d1015; }
.old-window { overflow: hidden; border: 1px solid #303741; border-radius: 10px; background: #13171c; opacity: .62; }.old-window > span { display: block; border-bottom: 1px solid #292f38; padding: 11px; color: #697585; font-size: 7px; }.old-window > div { display: grid; gap: 8px; padding: 16px; }.old-window > div i { height: 18px; border-radius: 3px; background: #232a33; }.old-window > div i:nth-child(2){width:78%}.old-window > div i:nth-child(3){width:58%}.old-window > b { display: block; margin: 0 16px 16px; color: #6d7786; font-size: 8px; }
.switch-arrow { display: grid; place-items: center; gap: 7px; color: #4777be; }.switch-arrow span { font-size: 28px; }.switch-arrow small { font-size: 5px; letter-spacing: .1em; text-align: center; }
.new-panel { min-height: 260px; border: 1px solid #3769a8; border-radius: 10px; background: #121820; box-shadow: 0 20px 50px rgba(29,73,137,.2); }.new-panel header { display: flex; height: 46px; align-items: center; gap: 7px; border-bottom: 1px solid #293545; padding: 0 12px; color: #e1e8f2; font-size: 10px; }.new-panel > small { display: block; margin: 28px 18px 8px; color: #5586d0; font-size: 6px; letter-spacing: .1em; }.new-panel > strong { display: block; margin: 0 18px; color: #dce7f6; font-size: 16px; line-height: 1.55; }

.chapter-copy .text-action { margin-top: 26px; color: #82acf3; }
.plugin-birth { min-height: 470px; padding: 21px; background: radial-gradient(circle at 90% 10%,rgba(77,141,255,.13),transparent 40%),#0b0e13; }
.premiere-shell { overflow: hidden; border: 1px solid #343d49; border-radius: 9px; background: #16191e; }.premiere-shell > header { display: grid; height: 37px; grid-template-columns: 24px 1fr auto; align-items: center; gap: 7px; border-bottom: 1px solid #303640; padding: 0 9px; color: #959eab; font-size: 7px; }.premiere-shell > header b { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 4px; background: #6f53a5; color: #fff; }.premiere-shell > header small { color: #657184; }
.birth-workspace { display: grid; min-height: 290px; grid-template-columns: 1fr 190px; }.birth-monitor { display: grid; place-items: center; align-content: center; gap: 13px; border-right: 1px solid #303640; background: #0b0c0f; }.birth-monitor span { color: #505a68; font-size: 6px; letter-spacing: .12em; }.birth-monitor strong { color: #b4bdc9; font-size: 13px; font-weight: 500; }
.birth-panel { background: #11151b; }.birth-panel > header { display: flex; height: 38px; align-items: center; gap: 6px; border-bottom: 1px solid #28303b; padding: 0 9px; color: #e0e6ee; font-size: 9px; }.birth-panel nav { display: flex; height: 32px; align-items: center; gap: 13px; border-bottom: 1px solid #252c35; padding: 0 9px; color: #586476; font-size: 6px; }.birth-panel nav b { display: grid; height: 32px; align-items: center; border-bottom: 1px solid #5b97ef; color: #91b9f9; }.birth-search { margin: 10px 9px; border: 1px solid #2d3642; border-radius: 5px; padding: 8px; color: #77869a; font-size: 6px; }.birth-track { display: grid; min-height: 61px; grid-template-columns: 24px 1fr auto; align-items: center; gap: 6px; border-top: 1px solid #252c35; padding: 7px 8px; }.birth-track > span { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid #344359; border-radius: 50%; color: #81aef5; font-size: 6px; }.birth-track p { display: grid; gap: 7px; margin: 0; }.birth-track p b { color: #bec7d4; font-size: 6px; }.birth-track p i { width: 100%; height: 8px; background: repeating-linear-gradient(90deg,#50627d 0 1px,transparent 1px 3px); }.birth-track small { border-radius: 4px; background: #316bc2; padding: 5px; color: #fff; font-size: 5px; }
.birth-timeline { position: relative; display: grid; height: 78px; grid-template-columns: 38px 1fr; align-items: center; border-top: 1px solid #303640; }.birth-timeline > span { display: grid; height: 100%; place-items: center; border-right: 1px solid #303640; color: #626e7f; font-size: 7px; }.birth-timeline > b { display: flex; width: 66%; height: 37px; align-items: center; margin-left: 27%; border: 1px solid #427bc2; border-radius: 4px; background: #1f589a; padding: 0 8px; color: #dceafa; font-size: 6px; }.birth-timeline > b i { width: 20px; height: 10px; margin-right: 6px; background: repeating-linear-gradient(90deg,#bfd8fb 0 1px,transparent 1px 3px); }.birth-timeline > em { position: absolute; top: 0; bottom: 0; left: 46%; width: 1px; background: #6aa4fa; }

.founder-note { display: grid; width: min(1180px, calc(100% - 48px)); margin: 90px auto 120px; grid-template-columns: 210px minmax(0,1fr) 160px; align-items: center; gap: clamp(35px,5vw,76px); border: 1px solid #2d3949; border-radius: 18px; background: radial-gradient(circle at 100% 100%,rgba(77,141,255,.13),transparent 35%),#10141b; padding: 48px; }
.founder-id { display: grid; place-items: center; }.founder-id > .founder-emblem { display: grid; width: 150px; height: 150px; place-items: center; border: 1px solid #405875; border-radius: 50%; background: radial-gradient(circle at 50% 35%,#253a57,#111925 68%); box-shadow: 0 0 0 10px rgba(77,141,255,.045); }.founder-emblem .identity-wave { transform: scale(1.45); }.founder-id > .founder-stem { width: 1px; height: 24px; background: #3e5675; }.founder-id small { color: #5c7290; font-size: 6px; letter-spacing: .12em; text-align: center; }
.founder-copy > span { color: #78a6f0; font-size: 11px; font-weight: 700; }.founder-copy h2 { margin: 14px 0 15px; color: #eff4fb; font-size: clamp(28px,3vw,39px); line-height: 1.3; letter-spacing: -.034em; }.founder-copy > p { margin: 0; color: #909cad; font-size: 14px; line-height: 1.95; }
.founder-signature { display: grid; gap: 3px; margin-top: 25px; }.founder-signature strong { color: #dbe3ee; font-size: 14px; }.founder-signature span { color: #69768a; font-size: 10px; }
.founder-stat { display: grid; justify-items: end; border-inline-start: 1px solid #2b3441; padding-inline-start: 30px; text-align: end; }.founder-stat strong { color: #81adf7; font-size: 68px; line-height: 1; letter-spacing: -.07em; }.founder-stat span { margin-top: 8px; color: #a5afbd; font-size: 10px; }.founder-stat small { margin-top: 22px; color: #4e5a6b; font-size: 7px; direction: ltr; }

.about-cta { display: grid; width: min(1180px, calc(100% - 48px)); margin: 0 auto 100px; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 50px; border-top: 1px solid var(--line); padding: 80px 0 0; }.about-cta > div:first-child { max-width: 720px; }.about-cta > div:first-child > span { color: #78a5ee; font-size: 11px; font-weight: 700; }.about-cta h2 { margin: 13px 0 10px; color: #f0f4f9; font-size: clamp(29px,3.3vw,41px); line-height: 1.3; letter-spacing: -.034em; }.about-cta p { margin: 0; color: #8995a6; font-size: 14px; line-height: 1.8; }.about-cta > div:last-child { display: flex; align-items: center; gap: 18px; }

html[dir="rtl"] .text-action span:last-child { transform: rotate(180deg); }
html[dir="rtl"] .story-rail { right: 57px; left: auto; }
html[dir="rtl"] .story-rail i { margin-right: -5px; margin-left: 0; }
html[dir="rtl"] .chapter-index span { margin-right: 31px; margin-left: 0; }
html[dir="rtl"] .chapter-index small { margin-right: 31px; margin-left: 0; }
html[lang="fa"] .about-hero h1 { font-size: clamp(37px,4vw,50px); line-height: 1.46; letter-spacing: -.025em; }
html[lang="fa"] .about-hero-copy > p,
html[lang="fa"] .story-intro > p,
html[lang="fa"] .chapter-copy > p,
html[lang="fa"] .founder-copy > p { line-height: 2.05; }
html[lang="fa"] .story-intro h2 { font-size: clamp(28px,3.6vw,30px); line-height: 1.5; letter-spacing: -.02em; }
html[lang="fa"] .chapter-copy h2 { font-size: clamp(27px,3vw,30px); line-height: 1.58; letter-spacing: -.018em; }
html[lang="fa"] .chapter-turn .chapter-copy h2 { font-size: clamp(28px,3.5vw,30px); line-height: 1.55; }
html[lang="fa"] .founder-copy h2 { font-size: clamp(27px,3.1vw,30px); line-height: 1.55; }
html[lang="fa"] .about-cta h2 { font-size: clamp(28px,3.3vw,30px); line-height: 1.52; }

@media (max-width: 1080px) {
  .about-hero { grid-template-columns: 1fr; }
  .about-hero-copy { max-width: 790px; }
  .hero-sequence { width: min(100%, 790px); }
  .story-chapter { grid-template-columns: 95px 1fr; }
  .chapter-index { grid-row: 1 / span 2; }
  .chapter-visual { width: min(100%, 720px); }
  .founder-note { grid-template-columns: 160px 1fr; }.founder-stat { display: none; }.founder-id > .founder-emblem { width: 125px; height: 125px; }
}

@media (max-width: 760px) {
  .about-hero,
  .story-intro,
  .story-timeline,
  .founder-note,
  .about-cta,
  .site-footer { width: min(100% - 32px, 1180px); }
  .about-hero { min-height: 0; gap: 55px; padding: 68px 0 80px; }.about-hero h1 { font-size: 36px; }.about-hero-copy > p { font-size: 15px; }.hero-sequence { border-radius: 11px; }
  html[lang="fa"] .about-hero h1 { font-size: 34px; }
  .sequence-track > div > b { padding: 0 5px; font-size: 5px; }.sequence-notes > div > b { font-size: 5px; }
  .story-intro { padding: 82px 0 90px; }.story-intro h2 { font-size: 32px; }.story-intro > p { font-size: 15px; }.discipline-reel { grid-template-columns: 1fr 1fr; }
  .story-rail { right: auto !important; left: 18px !important; }.story-rail i { margin-right: 0 !important; margin-left: -5px !important; }
  html[dir="rtl"] .story-rail { right: 18px !important; left: auto !important; }
  html[dir="rtl"] .story-rail i { margin-right: -5px !important; margin-left: 0 !important; }
  .story-chapter { min-height: 0; grid-template-columns: 50px minmax(0,1fr); gap: 23px; padding: 72px 0; }
  .chapter-index { grid-row: 1 / span 2; }.chapter-index span { width: 37px; height: 28px; margin: 0 !important; font-size: 8px; }.chapter-index small { display: none; }
  .chapter-copy h2 { font-size: 29px; }.chapter-copy > p { font-size: 14px; }.chapter-visual { grid-column: 2; min-height: 350px; }
  .workflow-maze { grid-template-columns: 1fr; gap: 6px; }.workflow-maze > i { width: 1px; height: 12px; justify-self: center; background: repeating-linear-gradient(180deg,#48576b 0 3px,transparent 3px 6px); }.maze-node { width: 100%; height: 55px; grid-template-columns: 31px 1fr; justify-items: start; padding: 0 18px; }.maze-node span { font-size: 8px; }
  .idea-switch { grid-template-columns: 1fr; }.switch-arrow span { transform: rotate(90deg); }.old-window { width: 70%; }.new-panel { width: 70%; justify-self: end; }
  .plugin-birth { min-height: 390px; padding: 12px; }.birth-workspace { min-height: 250px; grid-template-columns: 1fr 165px; }.birth-monitor strong { font-size: 10px; }
  .founder-note { margin: 70px auto 90px; grid-template-columns: 1fr; justify-items: start; padding: 31px; }.founder-id { justify-items: start; }.founder-id > .founder-emblem { width: 90px; height: 90px; }.founder-id > .founder-stem,.founder-id small { display: none; }.founder-copy h2 { font-size: 30px; }
  .about-cta { grid-template-columns: 1fr; padding-top: 65px; }.about-cta > div:last-child { align-items: stretch; flex-direction: column; }.about-cta .primary-action { text-align: center; }.about-cta .text-action { justify-content: center; }
}

@media (max-width: 480px) {
  .about-hero h1 { font-size: 32px; }.about-hero-copy > p { font-size: 14px; }
  html[lang="fa"] .about-hero h1 { font-size: 30px; }
  html[lang="fa"] .story-intro h2 { font-size: 28px; }
  html[lang="fa"] .chapter-copy h2,
  html[lang="fa"] .chapter-turn .chapter-copy h2 { font-size: 25px; }
  html[lang="fa"] .founder-copy h2,
  html[lang="fa"] .about-cta h2 { font-size: 27px; }
  .sequence-head span { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sequence-head b { font-size: 7px; }
  .clip-edit{width:29%}.clip-teach{width:27%}.clip-try{width:18%}.clip-soundx{width:26%}
  .story-intro h2 { font-size: 31px; }.discipline-reel { grid-template-columns: 1fr; }
  .story-chapter { grid-template-columns: 39px minmax(0,1fr); gap: 16px; }.chapter-index span { width: 32px; height: 25px; }.story-rail { left: 15px !important; }.chapter-copy h2,.chapter-turn .chapter-copy h2 { font-size: 28px; }.chapter-visual { min-height: 315px; }
  html[dir="rtl"] .story-rail { right: 15px !important; left: auto !important; }
  .student-map { min-height: 330px; }.discarded-cuts { min-height: 350px; padding: 20px; }.cut-card { width: 66%; }.cut-one{left:18px}.cut-two{right:17px}.cut-three{left:28px}
  .idea-switch { padding: 22px; }.old-window,.new-panel { width: 82%; }
  .birth-workspace { display: block; }.birth-monitor { display: none; }.birth-panel { min-height: 250px; }.birth-timeline > b { width: 72%; margin-left: 20%; }
  .founder-note { padding: 25px; }.founder-copy h2 { font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}