.roadmap-page{overflow:hidden;background:var(--tone-a)}
.roadmap-page .site-header{background:color-mix(in srgb,var(--tone-a) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.roadmap-page .site-links a[aria-current="page"]{color:var(--ink-strong);position:relative}
.roadmap-page .site-links a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;border-radius:99px;background:var(--yellow)}
.roadmap-hero{position:relative;min-height:640px;padding:78px max(24px,calc((100vw - var(--max))/2)) 92px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 79% 19%,color-mix(in srgb,var(--yellow) 24%,transparent),transparent 23%),radial-gradient(circle at 12% 88%,color-mix(in srgb,var(--yellow) 8%,transparent),transparent 22%),linear-gradient(145deg,var(--tone-a),var(--tone-b));overflow:hidden}
.roadmap-hero:after{content:"";position:absolute;inset:auto -12vw -35% auto;width:min(720px,70vw);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:50%;box-shadow:0 0 0 46px color-mix(in srgb,var(--line) 32%,transparent),0 0 0 92px color-mix(in srgb,var(--line) 18%,transparent);pointer-events:none}
.roadmap-hero .breadcrumbs{position:relative;z-index:2}
.roadmap-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:clamp(44px,7vw,96px);align-items:center}
.roadmap-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--yellow-deep);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.roadmap-kicker:before{content:"";width:24px;height:2px;background:currentColor}
.roadmap-hero h1{max-width:820px;margin:17px 0 22px;color:var(--ink-strong);font-size:clamp(52px,7.4vw,96px);font-weight:800;line-height:.98;letter-spacing:-.065em}
.roadmap-hero h1 em{font-style:normal;color:var(--yellow)}
.roadmap-lead{max-width:720px;margin:0;color:var(--text-body);font-size:clamp(16px,1.5vw,19px);line-height:1.9}
.roadmap-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}
.roadmap-btn{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--button-border);border-radius:999px;color:var(--text-soft);background:var(--field-bg);font-size:12px;font-weight:800;text-decoration:none;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}
.roadmap-btn:hover{transform:translateY(-2px);border-color:var(--yellow);color:var(--ink-strong)}
.roadmap-btn--primary{border-color:var(--yellow);color:#262626;background:var(--yellow);box-shadow:0 15px 35px color-mix(in srgb,var(--yellow) 20%,transparent)}
.roadmap-btn--primary:hover{color:#1f1f1f;background:color-mix(in srgb,var(--yellow) 92%,#fff 8%)}
.roadmap-meta{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}
.roadmap-meta div{display:grid;gap:2px}.roadmap-meta strong{color:var(--ink-strong);font-size:13px}.roadmap-meta span{color:var(--text-faint);font-size:10px;letter-spacing:.02em}
.workbook-visual{position:relative;min-height:460px;display:grid;place-items:center}
.workbook-window{width:min(100%,520px);position:relative;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--tone-a) 82%,var(--tone-b) 18%);box-shadow:0 28px 90px rgb(0 0 0 / 10%);overflow:hidden;transform:rotate(1.25deg)}
.workbook-topbar{height:44px;padding:0 15px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);background:var(--tone-b)}
.workbook-dot{width:8px;height:8px;border-radius:50%;background:var(--line)}
.workbook-label{margin-left:auto;color:var(--text-faint);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.workbook-sheet{padding:18px}
.workbook-title{padding:18px;border-radius:15px;color:#222;background:var(--yellow)}
.workbook-title small{display:block;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;opacity:.67}.workbook-title strong{display:block;margin-top:4px;font-size:20px;line-height:1.3}
.workbook-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.workbook-stat{padding:13px 11px;border:1px solid var(--line);border-radius:12px;background:var(--tone-b)}.workbook-stat strong{display:block;color:var(--ink-strong);font-size:15px}.workbook-stat span{color:var(--text-faint);font-size:8px}
.workbook-grid{border:1px solid var(--line);border-radius:12px;overflow:hidden}.workbook-row{display:grid;grid-template-columns:62px 1.2fr .8fr;border-top:1px solid var(--line)}.workbook-row:first-child{border-top:0;background:var(--tone-b)}.workbook-cell{padding:8px 9px;border-left:1px solid var(--line);color:var(--text-muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workbook-cell:first-child{border-left:0}.workbook-row:first-child .workbook-cell{color:var(--ink-strong);font-weight:800}
.workbook-badge{position:absolute;right:-20px;bottom:34px;padding:11px 15px;border:1px solid color-mix(in srgb,var(--yellow) 62%,var(--line));border-radius:14px;color:#2c2c2c;background:var(--yellow);box-shadow:0 14px 40px rgb(0 0 0 / 12%);font-size:10px;font-weight:850;transform:rotate(-4deg)}
.roadmap-section{width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:92px 0}.roadmap-section+.roadmap-section{border-top:1px solid var(--line)}
.roadmap-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,30%);gap:40px;align-items:end;margin-bottom:46px}.roadmap-section-head h2{max-width:780px;margin:10px 0 0;color:var(--ink-strong);font-size:clamp(34px,4.6vw,62px);line-height:1.03;letter-spacing:-.045em}.roadmap-section-head p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.95}
.roadmap-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:20px;overflow:hidden}.roadmap-stat-card{min-height:180px;padding:28px;border-left:1px solid var(--line);background:linear-gradient(145deg,var(--tone-a),var(--tone-b))}.roadmap-stat-card:first-child{border-left:0}.roadmap-stat-card span{display:block;color:var(--text-faint);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.roadmap-stat-card strong{display:block;margin:25px 0 10px;color:var(--yellow);font-size:clamp(30px,4vw,48px);line-height:1}.roadmap-stat-card p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.75}
.phase-list{display:grid;gap:1px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line)}
.phase-item{display:grid;grid-template-columns:80px minmax(0,1.2fr) minmax(160px,.6fr) 120px;gap:24px;align-items:center;padding:25px 28px;background:var(--tone-a);transition:background .2s ease,transform .2s ease}.phase-item:hover{background:var(--tone-b)}
.phase-number{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--yellow);font-size:11px;font-weight:850}.phase-copy strong{display:block;color:var(--ink-strong);font-size:15px}.phase-copy span,.phase-target span,.phase-time span{display:block;margin-top:4px;color:var(--text-faint);font-size:10px}.phase-target strong,.phase-time strong{display:block;color:var(--text-soft);font-size:12px}.phase-time{text-align:right}
.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.system-card{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--tone-b);transition:transform .2s ease,border-color .2s ease}.system-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--yellow) 58%,var(--line))}.system-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#242424;background:var(--yellow);font-size:12px;font-weight:900}.system-card h3{margin:24px 0 10px;color:var(--ink-strong);font-size:16px}.system-card p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.9}
.daily-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden}.daily-step{position:relative;min-height:210px;padding:26px 22px;border-left:1px solid var(--line);background:var(--tone-a)}.daily-step:first-child{border-left:0}.daily-step b{display:block;color:var(--yellow);font-size:10px;letter-spacing:.08em}.daily-step h3{margin:17px 0 9px;color:var(--ink-strong);font-size:14px}.daily-step p{margin:0;color:var(--text-muted);font-size:10px;line-height:1.8}
.download-panel{position:relative;padding:46px;border:1px solid color-mix(in srgb,var(--yellow) 38%,var(--line));border-radius:26px;background:radial-gradient(circle at 87% 30%,color-mix(in srgb,var(--yellow) 16%,transparent),transparent 23%),linear-gradient(145deg,var(--tone-b),var(--tone-a));overflow:hidden}.download-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}.download-panel h2{max-width:820px;margin:12px 0 14px;color:var(--ink-strong);font-size:clamp(34px,4.4vw,58px);line-height:1.05;letter-spacing:-.04em}.download-panel p{max-width:720px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.9}.download-note{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.download-note span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text-faint);background:var(--field-bg);font-size:9px;font-weight:700}
.roadmap-footer{margin-top:92px;padding:76px max(24px,calc((100vw - var(--max))/2));color:#b5b9bb;background:#111315}.roadmap-footer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:end}.roadmap-footer h2{max-width:760px;margin:12px 0 15px;color:#f0f1f1;font-size:clamp(34px,4.6vw,58px);line-height:1.05;letter-spacing:-.04em}.roadmap-footer p{max-width:700px;margin:0;color:#93999d;font-size:13px;line-height:1.9}.roadmap-footer-links{display:flex;flex-wrap:wrap;gap:9px}.roadmap-footer-links a{padding:10px 14px;border:1px solid #343a3e;border-radius:999px;color:#dfe1e2;font-size:10px;text-decoration:none}.roadmap-footer-meta{margin:55px 0 0;padding-top:20px;border-top:1px solid #292e31;color:#676e72;font-size:9px}
.reveal-roadmap{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-roadmap.is-visible{opacity:1;transform:none}
.roadmap-quick{position:fixed;z-index:40;left:24px;bottom:24px}.roadmap-quick button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--quick-color);background:var(--quick-bg);box-shadow:var(--quick-shadow);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.roadmap-quick button:hover{color:#202020;background:var(--yellow)}
@media(max-width:1050px){.roadmap-hero-grid{grid-template-columns:1fr}.workbook-visual{min-height:390px}.roadmap-stat-grid{grid-template-columns:repeat(2,1fr)}.roadmap-stat-card:nth-child(3){border-left:0;border-top:1px solid var(--line)}.roadmap-stat-card:nth-child(4){border-top:1px solid var(--line)}.phase-item{grid-template-columns:70px 1fr 150px}.phase-time{grid-column:2/-1;text-align:left}.system-grid{grid-template-columns:repeat(2,1fr)}.daily-flow{grid-template-columns:repeat(2,1fr)}.daily-step{border-top:1px solid var(--line)}.daily-step:nth-child(1),.daily-step:nth-child(2){border-top:0}.daily-step:nth-child(odd){border-left:0}.daily-step:nth-child(5){grid-column:1/-1}}
@media(max-width:720px){.roadmap-page .site-links a[aria-current="page"]:after{bottom:-8px}.roadmap-hero{padding:50px 20px 67px;min-height:auto}.roadmap-hero-grid{gap:35px}.roadmap-hero h1{font-size:clamp(48px,15vw,74px)}.roadmap-hero-actions{display:grid}.roadmap-btn{width:100%}.roadmap-meta{display:grid;grid-template-columns:repeat(2,1fr)}.workbook-visual{min-height:330px}.workbook-window{transform:none}.workbook-badge{right:10px;bottom:-16px}.roadmap-section{width:min(calc(100% - 28px),var(--max));padding:68px 0}.roadmap-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.roadmap-stat-grid{grid-template-columns:1fr}.roadmap-stat-card,.roadmap-stat-card:nth-child(3),.roadmap-stat-card:nth-child(4){border-left:0;border-top:1px solid var(--line)}.roadmap-stat-card:first-child{border-top:0}.phase-item{grid-template-columns:54px 1fr;gap:15px;padding:20px}.phase-target,.phase-time{grid-column:2;text-align:left}.system-grid{grid-template-columns:1fr}.daily-flow{grid-template-columns:1fr}.daily-step,.daily-step:nth-child(2){border-left:0;border-top:1px solid var(--line)}.daily-step:first-child{border-top:0}.daily-step:nth-child(5){grid-column:auto}.download-panel{padding:30px 22px}.download-panel-grid,.roadmap-footer-grid{grid-template-columns:1fr}.download-panel .roadmap-btn{width:100%}.roadmap-footer{margin-top:68px;padding:58px 20px}.roadmap-footer-links{display:grid}.roadmap-footer-links a{text-align:center}.roadmap-quick{left:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.reveal-roadmap{opacity:1;transform:none;transition:none}.system-card,.roadmap-btn{transition:none}}

/* Build 002 — bilingual IELTS page / Persian RTL support */
html[dir="rtl"] .roadmap-page{font-family:"IRANYekan","Tahoma","Arial",sans-serif;text-align:right}
html[dir="rtl"] .roadmap-kicker{letter-spacing:0;text-transform:none}
html[dir="rtl"] .roadmap-hero h1,
html[dir="rtl"] .roadmap-section-head h2,
html[dir="rtl"] .download-panel h2,
html[dir="rtl"] .roadmap-footer h2{letter-spacing:0;line-height:1.25}
html[dir="rtl"] .roadmap-lead,
html[dir="rtl"] .roadmap-section-head p,
html[dir="rtl"] .roadmap-stat-card p,
html[dir="rtl"] .system-card p,
html[dir="rtl"] .daily-step p,
html[dir="rtl"] .download-panel p,
html[dir="rtl"] .roadmap-footer p{line-height:2}
html[dir="rtl"] .workbook-label{margin-left:0;margin-right:auto;letter-spacing:0;text-transform:none}
html[dir="rtl"] .workbook-row{direction:rtl}
html[dir="rtl"] .workbook-cell{border-left:0;border-right:1px solid var(--line)}
html[dir="rtl"] .workbook-cell:first-child{border-right:0}
html[dir="rtl"] .workbook-badge{right:auto;left:-20px;transform:rotate(4deg)}
html[dir="rtl"] .roadmap-stat-card{border-left:0;border-right:1px solid var(--line)}
html[dir="rtl"] .roadmap-stat-card:first-child{border-right:0}
html[dir="rtl"] .phase-time{text-align:left}
html[dir="rtl"] .daily-step{border-left:0;border-right:1px solid var(--line)}
html[dir="rtl"] .daily-step:first-child{border-right:0}
html[dir="rtl"] .roadmap-quick{left:auto;right:24px}
html[dir="rtl"] .roadmap-footer-meta{direction:rtl;text-align:right}
html[dir="rtl"] .roadmap-meta,
html[dir="rtl"] .download-note,
html[dir="rtl"] .roadmap-footer-links{justify-content:flex-start}
html[dir="rtl"] .workbook-sheet{direction:rtl}
html[dir="rtl"] .workbook-title,
html[dir="rtl"] .workbook-stats{direction:rtl}
html[dir="rtl"] .site-nav-actions{direction:ltr}
@media(max-width:1050px){
  html[dir="rtl"] .roadmap-stat-card:nth-child(3){border-right:0}
  html[dir="rtl"] .phase-time{text-align:right}
  html[dir="rtl"] .daily-step:nth-child(odd){border-right:0}
}
@media(max-width:720px){
  html[dir="rtl"] .roadmap-stat-card,
  html[dir="rtl"] .roadmap-stat-card:nth-child(3),
  html[dir="rtl"] .roadmap-stat-card:nth-child(4){border-right:0}
  html[dir="rtl"] .phase-target,
  html[dir="rtl"] .phase-time{text-align:right}
  html[dir="rtl"] .daily-step,
  html[dir="rtl"] .daily-step:nth-child(2){border-right:0}
  html[dir="rtl"] .workbook-badge{left:10px;right:auto}
  html[dir="rtl"] .roadmap-quick{right:15px;left:auto}
}