:root{--ink:#0a1020;--muted:#667085;--line:#e7eaf0;--bg:#fff;--soft:#f6f8fc;--blue:#2366ff;--violet:#7c4dff;--cyan:#20c8f7;--dark:#070b17;--dark2:#11182b;--radius:24px;--shadow:0 22px 70px rgba(17,24,39,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;background:transparent}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--violet))}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,16,32,.07)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-weight:900;letter-spacing:-.03em;box-shadow:0 8px 20px rgba(57,82,255,.24)}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:14px;line-height:1.1}.brand small{font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.main-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.main-nav a:not(.nav-cta){color:#414b5c}.main-nav a:hover{color:var(--blue)}.nav-cta{padding:11px 16px;border-radius:999px;background:var(--ink);color:#fff!important}.nav-toggle{display:none;border:0;background:none;width:42px;height:42px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:6px auto;transition:.25s}.section{padding:105px 0}.section-dark{background:var(--dark);color:#fff;position:relative;overflow:hidden}.hero{padding:88px 0 24px;min-height:760px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:2}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.25;pointer-events:none}.hero-glow.one{width:520px;height:520px;background:#285bff;left:-140px;top:-180px}.hero-glow.two{width:440px;height:440px;background:#8d48ff;right:-90px;bottom:-160px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--blue);text-transform:uppercase}.eyebrow.light{color:#9fc0ff}.workforce-line{display:flex;align-items:center;gap:9px;margin:20px 0 14px;flex-wrap:wrap}.workforce-line span{font-size:12px;font-weight:800;letter-spacing:.09em;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05)}.workforce-line i{font-style:normal;color:#8e9ab0}.hero h1,.section h2{margin:0;letter-spacing:-.045em;line-height:.98}.hero h1{font-size:clamp(48px,6.2vw,82px);max-width:820px}.hero h1 em,.experience-section h2 em{font-style:normal;background:linear-gradient(90deg,#83b8ff,#b59aff);-webkit-background-clip:text;color:transparent}.hero-lead{font-size:20px;color:#c9d2e3;max-width:700px;margin:26px 0 32px}.hero-lead.small{font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;box-shadow:0 12px 30px rgba(72,75,255,.28)}.btn-glass{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}.proof-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:44px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}.proof-row div{background:rgba(9,14,29,.82);padding:16px}.proof-row strong{display:block;font-size:20px}.proof-row span{font-size:11px;color:#9eabc1}.hero-visual{display:none}.image-frame{border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 100px rgba(0,0,0,.35);aspect-ratio:4/5;background:#111827}.image-frame img{width:100%;height:100%;object-fit:cover;display:block}.floating-card{position:absolute;padding:13px 15px;border-radius:15px;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 18px 55px rgba(0,0,0,.24);backdrop-filter:blur(14px);display:flex;flex-direction:column;min-width:155px}.floating-card b{font-size:11px;letter-spacing:.08em;color:var(--blue)}.floating-card span{font-size:12px;margin-top:2px}.fc-one{left:-30px;bottom:78px}.fc-two{right:-26px;top:58px}.orbit-badge{position:absolute;right:24px;bottom:-28px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));font-size:24px;font-weight:900;box-shadow:0 14px 40px rgba(55,73,255,.35)}.orbit-badge span{font-size:9px;position:absolute;right:18px;top:22px}.trust-strip{display:flex;justify-content:space-between;gap:18px;color:#8290a8;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;padding:36px 0 12px;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.08);margin-top:70px}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:48px}.section h2{font-size:clamp(38px,5vw,64px)}.section h2 span{color:var(--blue)}.section-head p{color:var(--muted);font-size:17px;margin:0;max-width:540px}.shift-rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--soft);margin-bottom:24px}.shift-rail>div{padding:16px;border-radius:15px}.shift-rail>div.active{background:var(--ink);color:#fff;box-shadow:var(--shadow)}.shift-rail b{display:block;font-size:10px;color:var(--blue)}.shift-rail div.active b{color:#8ab0ff}.shift-rail span{display:block;font-weight:800;font-size:13px;margin:3px 0}.shift-rail small{color:var(--muted);font-size:11px}.shift-rail div.active small{color:#aeb8c9}.shift-rail>i{font-style:normal;color:#aab2c0}.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.challenge-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;min-height:230px;transition:.25s;display:flex;flex-direction:column;justify-content:space-between}.challenge-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#d7dcff}.challenge-card .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eef3ff;color:var(--blue);font-size:22px}.challenge-card small{color:#98a2b3;font-weight:800}.challenge-card h3{font-size:20px;margin:8px 0}.challenge-card p{color:var(--muted);margin:0;font-size:14px}.journey-section{background:linear-gradient(180deg,#f7f9fd,#fff)}.journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 40px rgba(16,24,40,.05)}.journey-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;border:0;border-radius:13px;background:transparent;cursor:pointer;text-align:left}.journey-tab b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--muted)}.journey-tab span{font-size:12px;font-weight:900;letter-spacing:.08em}.journey-tab.active{background:var(--ink);color:#fff}.journey-tab.active b{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff}.journey-stage{margin-top:18px;border:1px solid var(--line);border-radius:28px;padding:36px;background:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;min-height:310px;box-shadow:var(--shadow)}.journey-copy h3{font-size:34px;letter-spacing:-.03em;margin:8px 0 14px}.journey-copy p{color:var(--muted)}.journey-kpis{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.journey-kpis span{font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;background:#f1f4fb}.journey-modules{display:grid;gap:10px}.journey-module{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px}.journey-module b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef3ff;color:var(--blue)}.journey-module strong{display:block}.journey-module small{color:var(--muted)}.journey-module em{font-style:normal;font-size:10px;font-weight:900;color:var(--violet)}.modules-section{overflow:hidden}.module-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;cursor:pointer}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.swipe-hint{display:none;font-size:11px;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.module-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;transition:.25s;overflow:hidden}.module-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--accent)}.module-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.module-card.understand{--accent:#2f6fff}.module-card.discover{--accent:#7357ff}.module-card.design{--accent:#00a9c7}.module-card.transform{--accent:#8b4cff}.module-top{display:flex;justify-content:space-between;align-items:center}.module-no{font-weight:900;color:var(--accent);font-size:12px}.module-phase{font-size:10px;letter-spacing:.1em;font-weight:900;color:#98a2b3}.module-card h3{font-size:25px;letter-spacing:-.025em;margin:26px 0 8px}.module-card p{color:var(--muted);margin:0 0 22px}.module-meta{display:flex;gap:8px;flex-wrap:wrap}.module-meta span{font-size:10px;font-weight:800;padding:7px 9px;border-radius:9px;background:var(--soft)}.module-output{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:12px;color:var(--muted)}.module-output strong{color:var(--ink);display:block;font-size:14px;margin-top:3px}.module-open{margin-top:18px;border:0;background:none;padding:0;color:var(--blue);font-weight:900;cursor:pointer}.blueprint-section{background:var(--soft)}.blueprint-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.lead-small{font-size:18px;color:var(--muted)}.blueprint-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.blueprint-pills span{padding:9px 11px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800}.blueprint-board{position:relative;min-height:480px;border-radius:30px;background:radial-gradient(circle at center,#f0f3ff,#fff 55%);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.blueprint-board:before,.blueprint-board:after{content:"";position:absolute;border:1px dashed #cfd6ff;border-radius:50%}.blueprint-board:before{width:330px;height:330px}.blueprint-board:after{width:220px;height:220px}.board-core{position:relative;z-index:2;width:180px;height:180px;border-radius:50%;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 20px 50px rgba(10,16,32,.2)}.board-core span{font-size:9px;letter-spacing:.15em;color:#91b3ff}.board-core strong{font-size:26px;line-height:1}.board-core small{font-size:10px;color:#aeb8c9;margin-top:8px}.node{position:absolute;z-index:3;padding:10px 13px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:900;box-shadow:0 12px 30px rgba(16,24,40,.09)}.n1{top:50px;left:44%}.n2{top:180px;right:26px}.n3{bottom:50px;right:34%}.n4{bottom:120px;left:24px}.n5{top:150px;left:18px}.roadmap-shell{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.week-nav{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:1px solid var(--line);overflow:auto}.week-btn{min-width:72px;padding:16px 6px;border:0;border-right:1px solid var(--line);background:#fff;cursor:pointer;font-weight:900;color:#98a2b3}.week-btn.active{background:var(--ink);color:#fff}.week-btn.transfer{color:var(--violet)}.week-btn.active.transfer{color:#fff}.week-detail{padding:36px;display:grid;grid-template-columns:90px 1fr 1fr;gap:30px;align-items:center;min-height:190px}.week-badge{width:74px;height:74px;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--violet));display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900}.week-copy h3{font-size:28px;margin:0 0 5px}.week-copy p{color:var(--muted);margin:0}.week-output{padding:18px;border-radius:16px;background:var(--soft)}.week-output small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.week-output strong{display:block;margin-top:6px}.metric-band{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.metric-band div{padding:18px;border-radius:16px;background:var(--soft);text-align:center}.metric-band strong{display:block;font-size:21px}.metric-band span{font-size:11px;color:var(--muted)}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.experience-section h2{font-size:clamp(42px,5vw,68px)}.experience-chips{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.experience-chips span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:999px;padding:8px 11px;font-size:11px}.experience-price strong{font-size:30px}.experience-price span{display:block;color:#9aa7bc}.day-agenda{border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.04);padding:12px}.agenda-item{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px;border-bottom:1px solid rgba(255,255,255,.09)}.agenda-item:last-child{border-bottom:0}.agenda-item b{color:#8fb6ff}.agenda-item span{color:#d7deea}.fit-section{background:#fff}.fit-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.fit-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.fit-features span{font-size:11px;font-weight:800;background:var(--soft);padding:8px 10px;border-radius:9px}.fit-card{border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow);min-height:420px}.fit-progress>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:800}.fit-progress i{display:block;height:5px;background:#eef1f6;border-radius:999px;margin-top:10px;overflow:hidden}.fit-progress i span{display:block;height:100%;width:17%;background:linear-gradient(90deg,var(--blue),var(--violet));transition:.3s}.fit-question{padding-top:32px}.fit-question h3{font-size:25px;line-height:1.2;margin:6px 0 22px}.q-no{font-size:11px;font-weight:900;color:var(--blue)}.answer-list{display:grid;gap:9px}.answer-list label{cursor:pointer}.answer-list input{position:absolute;opacity:0}.answer-list span{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:13px;font-weight:700}.answer-list input:checked+span{border-color:var(--blue);background:#eef4ff;color:#174bd5}.fit-controls{display:flex;justify-content:space-between;margin-top:24px}.fit-back{border:0;background:none;font-weight:800;cursor:pointer;color:var(--muted)}.fit-result{text-align:center;padding:35px 10px}.fit-score{font-size:60px;font-weight:900;letter-spacing:-.05em;background:linear-gradient(135deg,var(--blue),var(--violet));-webkit-background-clip:text;color:transparent}.fit-result h3{font-size:30px;margin:8px 0}.fit-result p{color:var(--muted)}.accordion{display:grid;gap:10px}.acc-item{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.acc-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:20px;border:0;background:#fff;font-weight:900;cursor:pointer}.acc-trigger i{font-style:normal;width:30px;height:30px;border-radius:9px;background:var(--soft);display:grid;place-items:center}.acc-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}.acc-panel>div{padding:0 20px 20px;color:var(--muted)}.acc-item.open .acc-panel{max-height:360px}.acc-item.open .acc-trigger i{background:var(--ink);color:#fff}.apply-section{background:linear-gradient(135deg,#f5f8ff,#f9f6ff)}.apply-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.price-block{margin-top:28px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line)}.price-block span,.price-block small{display:block;color:var(--muted)}.price-block strong{display:block;font-size:40px;letter-spacing:-.04em}.interest-form{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.interest-form label{font-size:11px;font-weight:800;color:#475467}.interest-form input,.interest-form select,.interest-form textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:12px 13px;outline:none;background:#fff}.interest-form input:focus,.interest-form select:focus,.interest-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #edf3ff}.form-note{font-size:10px;color:#98a2b3;margin:0}footer{background:#060914;color:#fff;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand small{color:#8290a8}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid p{color:#8793a8;max-width:480px}.footer-grid b{font-size:12px;color:#8491a5;text-transform:uppercase;letter-spacing:.1em}.footer-grid a{font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:40px;padding-top:20px;color:#6d7a91;font-size:11px;display:flex;justify-content:space-between}.module-dialog{width:min(780px,calc(100% - 24px));border:0;border-radius:26px;padding:0;box-shadow:0 35px 120px rgba(0,0,0,.35)}.module-dialog::backdrop{background:rgba(4,7,15,.68);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:14px;top:14px;border:0;background:#f2f4f7;width:38px;height:38px;border-radius:50%;font-size:23px;cursor:pointer}.dialog-inner{padding:36px}.dialog-inner .phase{font-size:11px;font-weight:900;color:var(--blue);letter-spacing:.1em}.dialog-inner h2{font-size:40px;margin:9px 0}.dialog-inner>p{color:var(--muted)}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.dialog-box{background:var(--soft);border-radius:16px;padding:18px}.dialog-box h3{margin:0 0 10px}.dialog-box ul{margin:0;padding-left:18px;color:var(--muted)}.dialog-output{margin-top:14px;padding:14px 16px;border-radius:14px;background:#eef3ff;color:#1648c9;font-weight:800}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.main-nav{position:fixed;top:74px;left:0;right:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;padding:16px 20px 24px;border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;transition:.28s;z-index:99}.main-nav.open{transform:none;opacity:1}.main-nav a{padding:10px 4px}.nav-toggle{display:block}.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:58px;min-height:auto;background-position:center center,20% 15%,80% 20%,68% center}.hero-grid,.section-head,.blueprint-grid,.experience-grid,.fit-grid,.apply-grid{grid-template-columns:1fr;gap:38px}.hero-grid{gap:24px;min-height:auto}.proof-row{grid-template-columns:repeat(2,1fr)}.trust-strip{overflow:auto;justify-content:flex-start;white-space:nowrap}.challenge-grid{grid-template-columns:repeat(2,1fr)}.shift-rail{overflow:auto;grid-template-columns:repeat(9,max-content)}.journey-stage{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.metric-band{grid-template-columns:repeat(3,1fr)}.week-detail{grid-template-columns:80px 1fr}.week-output{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.section{padding:72px 0}.site-header .brand strong{font-size:12px}.hero{padding-top:40px;background-position:center center,20% 15%,80% 20%,72% center}.hero h1{font-size:45px}.hero-lead{font-size:17px}.proof-row strong{font-size:18px}.image-frame{aspect-ratio:1/1.05}.fc-one{left:8px;bottom:18px}.fc-two{right:7px;top:18px}.orbit-badge{width:70px;height:70px;font-size:19px;right:16px;bottom:-20px}.section h2{font-size:40px}.section-head{margin-bottom:30px}.challenge-grid{grid-template-columns:1fr}.challenge-card{min-height:190px}.journey-tabs{display:flex;overflow:auto}.journey-tab{min-width:155px}.journey-stage{padding:22px}.journey-copy h3{font-size:29px}.journey-module{grid-template-columns:40px 1fr}.journey-module em{display:none}.module-toolbar{align-items:flex-start}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.filter{white-space:nowrap}.swipe-hint{display:block;white-space:nowrap;padding-top:8px}.module-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-12px;padding-right:12px;gap:12px}.module-card{min-width:86vw;scroll-snap-align:start}.blueprint-board{min-height:390px}.node{font-size:10px}.n1{top:35px}.n2{right:10px}.n4{left:10px}.week-nav{scroll-snap-type:x mandatory}.week-btn{scroll-snap-align:start}.week-detail{padding:24px;grid-template-columns:1fr}.metric-band{grid-template-columns:repeat(2,1fr)}.fit-card{padding:20px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}.dialog-inner{padding:28px 20px}.dialog-inner h2{font-size:31px}.dialog-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.challenge-card,.module-card{transition:none}}

/* === MODULE CARDS · COLOR DETAIL EDITION V3 === */
.modules-section .module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:10px}
.modules-section .module-card{--card-a:#e8edf9;--card-b:#dddff8;--icon-a:#2365ec;--icon-b:#5057ef;position:relative;min-height:350px;padding:24px 22px 22px;border-radius:28px;border:1px solid rgba(22,39,78,.10);background:linear-gradient(135deg,var(--card-a),var(--card-b));box-shadow:none;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;display:flex;flex-direction:column}
.modules-section .module-card::before{display:none}.modules-section .module-card::after{content:"";position:absolute;right:-48px;bottom:-62px;width:165px;height:165px;border-radius:50%;background:rgba(255,255,255,.20);pointer-events:none}
@media(hover:hover) and (pointer:fine){.modules-section .module-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(25,46,92,.12);border-color:rgba(22,39,78,.16)}}
.modules-section .module-top{display:flex;align-items:center;min-height:46px;padding:0;margin:0 0 18px}.modules-section .module-no{display:inline-block;width:auto;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:var(--icon-a);font-size:.80rem;font-weight:950;letter-spacing:.085em}.modules-section .module-no::before{content:"MODUL "}.modules-section .module-phase{display:none}
.modules-section .module-symbol{position:absolute;top:22px;right:22px;width:48px;height:48px;margin:0;display:grid;place-items:center;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--icon-a),var(--icon-b));box-shadow:0 9px 20px rgba(43,68,145,.18);font-size:1.08rem;font-weight:900}
.modules-section .module-card h3{max-width:82%;margin:0 0 10px;font-size:1.18rem;line-height:1.15;letter-spacing:-.03em;color:#10192d}.modules-section .module-claim{max-width:92%;margin:0 0 8px;color:#44516d;font-size:.88rem;font-weight:800;line-height:1.35}.modules-section .module-summary{max-width:95%;min-height:0;margin:0 0 16px;color:#69738b;font-size:.80rem;line-height:1.45}
.modules-section .module-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.modules-section .module-facts span{width:auto;min-width:0;padding:7px 9px;border-radius:999px;border:1px solid rgba(31,48,87,.08);background:rgba(255,255,255,.60);text-align:left}.modules-section .module-facts strong,.modules-section .module-facts small{display:inline}.modules-section .module-facts strong{margin:0;color:#1d2943;font-size:.70rem;font-weight:900}.modules-section .module-facts small{margin-left:3px;color:#65708a;font-size:.66rem}
.modules-section .module-output{margin:14px 0 34px;padding:9px 11px;border:0;border-radius:12px;background:rgba(255,255,255,.42);color:#606d88;font-size:.72rem}.modules-section .module-output strong{display:inline;margin-left:4px;color:#1c2740;font-size:.75rem}.modules-section .module-open{position:absolute;left:22px;right:22px;bottom:18px;width:calc(100% - 44px);min-height:5px;display:flex;align-items:center;justify-content:space-between;padding:0px;border:0;background:transparent;color:var(--icon-a);font-size:.77rem;font-weight:900;cursor:pointer}.modules-section .module-open span{display:block;font-size:1.05rem}
.modules-section .module-card:nth-child(1){--card-a:#e5ebfb;--card-b:#d8d5fa;--icon-a:#1f63db;--icon-b:#5158ef}.modules-section .module-card:nth-child(2){--card-a:#e1eaf8;--card-b:#cdebf3;--icon-a:#2666df;--icon-b:#00a6d8}.modules-section .module-card:nth-child(3){--card-a:#dcf1ee;--card-b:#cbeedb;--icon-a:#03849a;--icon-b:#0dc896}.modules-section .module-card:nth-child(4){--card-a:#f0e0f5;--card-b:#edcff0;--icon-a:#762fd0;--icon-b:#c92fe0}.modules-section .module-card:nth-child(5){--card-a:#f7ead8;--card-b:#f5d2d3;--icon-a:#c58200;--icon-b:#fb5939}.modules-section .module-card:nth-child(6){--card-a:#dfeee8;--card-b:#cfefdc;--icon-a:#05726f;--icon-b:#0eba6f}.modules-section .module-card:nth-child(7){--card-a:#e9e5fb;--card-b:#d6ebf7;--icon-a:#6636cc;--icon-b:#1ba8df}.modules-section .module-card:nth-child(8){--card-a:#dfe7f8;--card-b:#d4ddf6;--icon-a:#214fc4;--icon-b:#5c46da}.modules-section .module-card:nth-child(9){--card-a:#e2e8f9;--card-b:#d9e6f7;--icon-a:#315dd0;--icon-b:#6846d8}.modules-section .module-card:nth-child(10){--card-a:#eee4fa;--card-b:#e5d5f2;--icon-a:#682dc8;--icon-b:#9848e5}
.dialog-meta-rich{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.dialog-meta-rich span{padding:13px 14px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}.dialog-meta-rich b,.dialog-meta-rich strong{display:block}.dialog-meta-rich b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.dialog-meta-rich strong{margin-top:3px;font-size:13px}
@media(max-width:1180px){.modules-section .module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.modules-section .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.modules-section .module-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-12px;padding-right:12px;gap:14px}.modules-section .module-card{min-width:86vw;min-height:350px;scroll-snap-align:start}.dialog-meta-rich{grid-template-columns:1fr}}

.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,19,.08),rgba(5,9,19,.18) 55%,rgba(5,9,19,.30));pointer-events:none}
.hero .container,.hero-grid,.trust-strip{position:relative;z-index:1}

/* V5 — blue-first full-width hero */
:root{
  --ink:#071b45;
  --blue:#1769ff;
  --violet:#6d4dff;
  --cyan:#2fcbff;
  --dark:#082d78;
  --dark2:#0a3b96;
  --soft:#f3f7ff;
}
.section-dark{background:linear-gradient(135deg,#082d78,#0a4bb8);color:#fff}
.hero.section-dark{
  min-height:760px;
  padding:88px 0 24px;
  background-color:#0a43a5;
  background-image:
    linear-gradient(90deg,rgba(8,45,120,.98) 0%,rgba(10,67,165,.96) 29%,rgba(18,92,210,.78) 45%,rgba(18,92,210,.18) 61%,rgba(8,45,120,.06) 100%),
    linear-gradient(180deg,rgba(20,94,220,.08),rgba(20,94,220,.16)),
    url('assets/hero-hybrid-workforce-learning.png');
  background-size:cover,cover,cover;
  background-position:center,center,center center;
  background-repeat:no-repeat;
}
.hero::after{display:none!important}
.hero-glow{opacity:.12}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,690px);
  align-items:center;
  gap:24px;
  min-height:610px;
  position:relative;
  z-index:2;
}
.hero-copy{max-width:690px;padding-top:18px;text-shadow:0 1px 1px rgba(0,31,94,.12)}
.hero h1{max-width:680px}
.hero .hero-lead{max-width:650px;color:rgba(255,255,255,.92)}
.hero .workforce-line span{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}
.hero .proof-row{background:rgba(5,42,112,.40);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);border-radius:18px;padding:8px 12px}
.hero .trust-strip{border-top-color:rgba(255,255,255,.18)}
.btn-primary{background:#fff;color:#0b4fc4;box-shadow:0 12px 35px rgba(0,39,115,.22)}
.btn-primary:hover{background:#eef5ff;color:#083f9f}
.btn-glass{background:rgba(10,56,145,.32);border-color:rgba(255,255,255,.28)}
.journey-section{background:linear-gradient(180deg,#f7faff,#eef5ff)}
.blueprint-section{background:linear-gradient(180deg,#f7faff,#edf4ff)}
.apply-section{background:linear-gradient(135deg,#edf5ff,#f5f3ff)}
.experience-section.section-dark{background:linear-gradient(135deg,#072967,#0b4db7 72%,#3e42b8)}
@media(max-width:900px){
  .hero.section-dark{
    min-height:700px;
    background-image:
      linear-gradient(90deg,rgba(8,45,120,.98) 0%,rgba(10,67,165,.93) 46%,rgba(17,91,205,.48) 68%,rgba(8,45,120,.14) 100%),
      linear-gradient(180deg,rgba(20,94,220,.08),rgba(20,94,220,.18)),
      url('assets/hero-hybrid-workforce-learning.png');
    background-position:center,center,67% center;
  }
  .hero-grid{min-height:570px}
}
@media(max-width:620px){
  .hero.section-dark{
    min-height:720px;
    padding-top:44px;
    background-image:
      linear-gradient(180deg,rgba(8,45,120,.97) 0%,rgba(10,67,165,.91) 48%,rgba(10,67,165,.72) 72%,rgba(8,45,120,.48) 100%),
      url('assets/hero-hybrid-workforce-learning.png');
    background-size:cover,auto 72%;
    background-position:center,76% bottom;
  }
  .hero-grid{min-height:590px;align-items:start}
  .hero-copy{padding-top:8px}
  .hero .proof-row{margin-top:26px}
}

/* V6 — unified Journey + Modules, clean blue hero */
.anchor-alias{position:absolute;transform:translateY(-90px)}
.hero.section-dark{
  background-image:
    linear-gradient(90deg,rgba(7,48,128,.97) 0%,rgba(7,55,145,.94) 38%,rgba(8,64,158,.78) 57%,rgba(5,45,120,.28) 78%,rgba(4,35,95,.12) 100%),
    url('assets/hero-hybrid-workforce-learning.png');
  background-size:cover,cover;
  background-position:center,right center;
  background-repeat:no-repeat;
  background-color:#0a4ab4;
}
.hero-glow{display:none}
.hero .proof-row{
  background:#0a2f78!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 16px 36px rgba(5,32,92,.18);
}
.hero .proof-row>div{background:transparent!important}
.hero .proof-row>div+div{border-left:1px solid rgba(255,255,255,.16)}
.journey-section.modules-section{background:#f5f8fe}
.journey-tabs{margin-bottom:20px}
.journey-tab small{display:block;margin-top:5px;font-size:10px;font-weight:700;letter-spacing:0;color:#8492aa;text-transform:none}
.journey-tab.active small{color:rgba(255,255,255,.72)}
.phase-program{background:#fff;border:1px solid #dce5f4;border-radius:28px;padding:26px;box-shadow:0 18px 55px rgba(30,71,145,.08)}
.phase-overview{display:grid;grid-template-columns:78px minmax(0,1fr) 100px;gap:22px;align-items:center;padding:8px 4px 28px;border-bottom:1px solid #e3eaf5}
.phase-index{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#0b57d0,#477df0);color:#fff;font-size:24px;font-weight:900;box-shadow:0 12px 30px rgba(11,87,208,.22)}
.phase-copy h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;margin:4px 0 8px;color:#0b1f45}
.phase-copy p{max-width:820px;margin:0;color:#61708a;line-height:1.6}
.phase-count{text-align:center;border-left:1px solid #e3eaf5;padding-left:20px}.phase-count strong{display:block;font-size:34px;color:#0b57d0}.phase-count span{font-size:11px;font-weight:800;color:#7b8aa5;text-transform:uppercase;letter-spacing:.08em}
.phase-module-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 2px 14px}.phase-module-head h3{margin:3px 0 0;font-size:22px;color:#14213d}
.modules-section .module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:0}
.modules-section .module-card{min-height:390px}
.modules-section .module-card.module-1{--card-a:#e5ebfb;--card-b:#d8d5fa;--icon-a:#1f63db;--icon-b:#5158ef}
.modules-section .module-card.module-2{--card-a:#e1eaf8;--card-b:#cdebf3;--icon-a:#2666df;--icon-b:#00a6d8}
.modules-section .module-card.module-3{--card-a:#dcf1ee;--card-b:#cbeedb;--icon-a:#03849a;--icon-b:#0dc896}
.modules-section .module-card.module-4{--card-a:#f0e0f5;--card-b:#edcff0;--icon-a:#762fd0;--icon-b:#c92fe0}
.modules-section .module-card.module-5{--card-a:#f7ead8;--card-b:#f5d2d3;--icon-a:#c58200;--icon-b:#fb5939}
.modules-section .module-card.module-6{--card-a:#dfeee8;--card-b:#cfefdc;--icon-a:#05726f;--icon-b:#0eba6f}
.modules-section .module-card.module-7{--card-a:#e9e5fb;--card-b:#d6ebf7;--icon-a:#6636cc;--icon-b:#1ba8df}
.modules-section .module-card.module-8{--card-a:#dfe7f8;--card-b:#d4ddf6;--icon-a:#214fc4;--icon-b:#5c46da}
.modules-section .module-card.module-9{--card-a:#e2e8f9;--card-b:#d9e6f7;--icon-a:#315dd0;--icon-b:#6846d8}
.modules-section .module-card.module-10{--card-a:#eee4fa;--card-b:#e5d5f2;--icon-a:#682dc8;--icon-b:#9848e5}
@media(max-width:900px){
  .hero.section-dark{background-image:linear-gradient(90deg,rgba(7,48,128,.97),rgba(7,55,145,.88) 56%,rgba(5,45,120,.30)),url('assets/hero-hybrid-workforce-learning.png');background-position:center,70% center}
  .phase-overview{grid-template-columns:68px 1fr}.phase-count{grid-column:1/-1;border-left:0;border-top:1px solid #e3eaf5;padding:14px 0 0;text-align:left;display:flex;align-items:baseline;gap:8px}
  .phase-count strong{font-size:26px}.modules-section .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .hero.section-dark{background-image:linear-gradient(180deg,rgba(7,48,128,.94) 0%,rgba(7,55,145,.89) 58%,rgba(5,45,120,.58) 100%),url('assets/hero-hybrid-workforce-learning.png');background-position:center,72% center}
  .hero .proof-row{padding:0!important;overflow:hidden}.hero .proof-row>div{padding:14px 12px}.hero .proof-row>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .journey-tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:8px}.journey-tab{min-width:0;border-radius:14px!important;border:1px solid #dce5f4!important}
  .phase-program{padding:16px;border-radius:22px}.phase-overview{grid-template-columns:52px 1fr;gap:14px;padding-bottom:20px}.phase-index{width:50px;height:50px;border-radius:15px;font-size:18px}.phase-copy h3{font-size:27px}.phase-copy p{font-size:14px}.journey-kpis{gap:6px}.journey-kpis span{font-size:10px}
  .phase-module-head{padding-top:22px}.phase-module-head h3{font-size:19px}.modules-section .module-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px;gap:12px}.modules-section .module-card{min-width:86vw;scroll-snap-align:start}
}

.journey-tabs{grid-template-columns:1.15fr repeat(4,1fr)}
.journey-tab-all{background:linear-gradient(135deg,#eef4ff,#f5f8ff)}
.journey-tab-all.active{background:linear-gradient(135deg,#1256d8,#3979e8);color:#fff}
@media(max-width:900px){.journey-tabs{display:flex;overflow:auto}.journey-tab{min-width:155px}.journey-tab-all{min-width:180px}}

/* V8 · individual module identities also continue into module details */
.dialog-inner{--detail-a:#e5ebfb;--detail-b:#d8d5fa;--detail-accent:#1f63db;--detail-accent2:#5158ef;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--detail-a) 0,var(--detail-b) 150px,#fff 330px)}
.dialog-inner::before{content:"";position:absolute;right:-85px;top:-100px;width:270px;height:270px;border-radius:50%;background:linear-gradient(135deg,var(--detail-accent),var(--detail-accent2));opacity:.10;pointer-events:none}
.dialog-accent-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.dialog-module-no{font-size:11px;font-weight:950;letter-spacing:.11em;color:var(--detail-accent)}
.dialog-inner .phase{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(20,35,65,.08);color:var(--detail-accent);font-size:10px;font-weight:900;letter-spacing:.09em}
.dialog-inner h2{position:relative;z-index:1;color:#121b30}
.dialog-claim{position:relative;z-index:1;color:var(--detail-accent)}
.dialog-meta-rich span{background:rgba(255,255,255,.72);border-color:rgba(30,43,74,.08)}
.dialog-meta-rich span b{color:var(--detail-accent)}
.dialog-box{border:1px solid color-mix(in srgb,var(--detail-accent) 14%,#e7eaf0);background:color-mix(in srgb,var(--detail-a) 34%,#fff)}
.dialog-output{background:linear-gradient(135deg,var(--detail-accent),var(--detail-accent2));color:#fff;border:0}
.dialog-output strong{color:#fff}
.detail-module-1{--detail-a:#e5ebfb;--detail-b:#d8d5fa;--detail-accent:#1f63db;--detail-accent2:#5158ef}
.detail-module-2{--detail-a:#e1eaf8;--detail-b:#cdebf3;--detail-accent:#2666df;--detail-accent2:#00a6d8}
.detail-module-3{--detail-a:#dcf1ee;--detail-b:#cbeedb;--detail-accent:#03849a;--detail-accent2:#0dc896}
.detail-module-4{--detail-a:#f0e0f5;--detail-b:#edcff0;--detail-accent:#762fd0;--detail-accent2:#c92fe0}
.detail-module-5{--detail-a:#f7ead8;--detail-b:#f5d2d3;--detail-accent:#c58200;--detail-accent2:#fb5939}
.detail-module-6{--detail-a:#dfeee8;--detail-b:#cfefdc;--detail-accent:#05726f;--detail-accent2:#0eba6f}
.detail-module-7{--detail-a:#e9e5fb;--detail-b:#d6ebf7;--detail-accent:#6636cc;--detail-accent2:#1ba8df}
.detail-module-8{--detail-a:#dfe7f8;--detail-b:#d4ddf6;--detail-accent:#214fc4;--detail-accent2:#5c46da}
.detail-module-9{--detail-a:#e2e8f9;--detail-b:#d9e6f7;--detail-accent:#315dd0;--detail-accent2:#6846d8}
.detail-module-10{--detail-a:#eee4fa;--detail-b:#e5d5f2;--detail-accent:#682dc8;--detail-accent2:#9848e5}
@supports not (background:color-mix(in srgb,#fff 50%,#000)){
  .dialog-box{background:#f8f9fc;border-color:#e4e7ec}
}

/* V9 · always-visible close control for module details */
.module-dialog{position:relative;overflow:visible}
.dialog-close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:50;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(18,35,67,.12);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#17366f;
  font-size:30px;
  font-weight:400;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(20,45,90,.15);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.dialog-close:hover{transform:scale(1.06);background:#fff;box-shadow:0 10px 28px rgba(20,45,90,.22)}
.dialog-close:focus-visible{outline:3px solid rgba(35,102,255,.28);outline-offset:2px}
.dialog-inner{padding-top:70px}
@media(max-width:620px){
  .dialog-close{top:10px;right:10px;width:42px;height:42px;font-size:28px}
  .dialog-inner{padding-top:64px}
}

/* V10 · Kick-off + transfer phase as explicit programme moments */
.program-milestones{display:grid;grid-template-columns:1fr 150px 1fr 150px;gap:14px;align-items:stretch;margin:24px 0 8px}
.program-milestones[hidden]{display:none!important}
.program-milestone{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:20px;border-radius:20px;border:1px solid #dbe6f7;position:relative;overflow:hidden;background:#f7faff}
.program-milestone::after{content:"";position:absolute;right:-45px;bottom:-70px;width:170px;height:170px;border-radius:50%;opacity:.10;background:currentColor;pointer-events:none}
.program-milestone.kickoff{color:#1256d8;background:linear-gradient(135deg,#edf4ff,#f8fbff)}
.program-milestone.transfer{color:#6f45d8;background:linear-gradient(135deg,#f4f0ff,#fbf9ff);border-color:#e1d9f8}
.milestone-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;background:linear-gradient(135deg,#1261df,#4d83ef);box-shadow:0 10px 24px rgba(25,88,204,.20)}
.transfer .milestone-icon{background:linear-gradient(135deg,#6037cb,#9a63ee);box-shadow:0 10px 24px rgba(94,54,190,.18)}
.milestone-copy span{font-size:10px;font-weight:950;letter-spacing:.1em;color:currentColor}
.milestone-copy h3{font-size:20px;line-height:1.12;margin:5px 0 7px;color:#12213e;letter-spacing:-.025em}
.milestone-copy p{margin:0;color:#62718a;font-size:13px;line-height:1.5}
.milestone-output{grid-column:1/-1;margin-top:3px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(26,55,110,.07)}
.milestone-output small{display:block;font-size:9px;font-weight:900;letter-spacing:.09em;color:#7c8ba3}
.milestone-output strong{display:block;margin-top:3px;color:#14213d;font-size:13px}
.milestone-connector{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;color:#5c6d88;padding:10px}
.milestone-connector span{font-size:10px;font-weight:850;line-height:1.35;text-transform:uppercase;letter-spacing:.055em}
.milestone-connector i{font-style:normal;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf1fd;color:#2463d7;font-size:20px;font-weight:900}
.milestone-connector.after{color:#6f5a99}.milestone-connector.after i{background:#f0ebfc;color:#7048cf}
@media(max-width:1050px){.program-milestones{grid-template-columns:1fr 90px 1fr 90px}.milestone-copy h3{font-size:18px}.milestone-connector span{font-size:9px}}
@media(max-width:800px){.program-milestones{grid-template-columns:1fr;gap:10px}.milestone-connector{min-height:52px;flex-direction:row}.milestone-connector i{transform:rotate(90deg);width:34px;height:34px}.program-milestone{grid-template-columns:48px minmax(0,1fr)}.milestone-icon{width:48px;height:48px;border-radius:14px}.milestone-output{grid-column:1/-1}}

/* V11: stable modal opening without background page jumps */
.module-dialog{max-height:min(90dvh,900px);overflow:auto;overscroll-behavior:contain}
.module-dialog[open]{position:fixed;inset:0;margin:auto}
body:has(.module-dialog[open]){overscroll-behavior:none}

/* 2026-09-02 · Mobile-first responsive hardening */
html,body{max-width:100%;overflow-x:clip}
.brand-logo{display:block;width:auto;height:54px;max-width:min(310px,44vw);object-fit:contain}
.section-head>*{min-width:0}
.section-head h2,.phase-copy h3,.week-copy h3{overflow-wrap:break-word;word-break:normal;hyphens:auto}
.week-mobile-control{display:none}

@media(max-width:900px){
  .container{width:min(100% - 32px,1180px)}
  .section{padding:84px 0}
  .section-head{display:block!important;margin-bottom:34px!important}
  .section-head>div{max-width:720px}
  .section-head p{max-width:720px!important;margin-top:18px!important;font-size:16px!important;line-height:1.6}
  .section h2{font-size:clamp(36px,7vw,52px);line-height:1.02}
  .journey-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important}
  .journey-tab,.journey-tab-all{min-width:0!important;width:100%;min-height:68px}
  .journey-tab-all{grid-column:1/-1}
  .phase-program{padding:22px}
  .phase-overview{grid-template-columns:64px minmax(0,1fr)!important}
  .phase-count{grid-column:1/-1!important}
  .roadmap-shell{overflow:hidden}
  .week-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .week-nav::-webkit-scrollbar{display:none}
  .week-detail{min-height:0}
  .brand-logo{height:50px;max-width:250px}
}

@media(max-width:620px){
  .container{width:min(100% - 24px,1180px)}
  .section{padding:66px 0}
  .eyebrow{font-size:10px;letter-spacing:.13em}
  .section-head{margin-bottom:26px!important}
  .section-head h2,.section h2{font-size:clamp(31px,9.5vw,40px)!important;line-height:1.04!important;letter-spacing:-.035em!important}
  .section-head p{margin-top:14px!important;font-size:15px!important;line-height:1.55!important}

  /* WHY NOW: no horizontal mini-desktop timeline */
  #why .shift-rail{display:flex!important;flex-direction:column;align-items:stretch;gap:5px;overflow:visible!important;padding:12px}
  #why .shift-rail>div{width:100%;padding:13px 15px}
  #why .shift-rail>i{align-self:center;transform:rotate(90deg);height:20px;line-height:20px}
  #why .challenge-grid{grid-template-columns:1fr}
  #why .challenge-card{min-height:0;padding:21px}

  /* Journey: overview first, then a true 2×2 phase selector */
  .journey-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:6px!important;overflow:visible!important}
  .journey-tab{min-width:0!important;width:100%;padding:12px 10px!important;gap:9px!important;min-height:74px;align-items:flex-start}
  .journey-tab-all{grid-column:1/-1;min-height:64px!important}
  .journey-tab b{flex:0 0 30px;width:30px;height:30px}
  .journey-tab>span{font-size:10.5px!important;letter-spacing:.045em!important;line-height:1.15;overflow-wrap:anywhere}
  .journey-tab small{font-size:9px!important;margin-top:3px!important}
  .phase-program{padding:14px!important;border-radius:20px}
  .phase-overview{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;padding:4px 0 18px!important}
  .phase-index{width:46px!important;height:46px!important;border-radius:14px!important;font-size:17px!important}
  .phase-copy{min-width:0}
  .phase-copy h3{font-size:clamp(24px,7.4vw,30px)!important;line-height:1.05!important;margin-top:4px!important}
  .phase-copy p{font-size:14px!important;line-height:1.5!important}
  .phase-count{grid-column:1/-1!important;padding-top:12px!important}
  .phase-module-head{display:block!important;padding:22px 1px 12px!important}
  .phase-module-head h3{font-size:19px!important;line-height:1.15}
  .phase-module-head .swipe-hint{display:none!important}
  .modules-section .module-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;margin-right:0!important;padding-right:0!important;gap:12px!important}
  .modules-section .module-card{min-width:0!important;width:100%;min-height:0!important;scroll-snap-align:none!important;padding:20px!important}

  /* 12 weeks: native select is clearer than 12 tiny buttons */
  .week-mobile-control{display:block;padding:14px 14px 0}
  .week-mobile-control label{display:block;margin-bottom:7px;color:#6b7890;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
  .week-mobile-control select{width:100%;min-height:48px;padding:0 42px 0 14px;border:1px solid #dbe4f2;border-radius:13px;background:#fff;color:#10203f;font-weight:800;outline:none}
  .week-mobile-control select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(35,102,255,.10)}
  .week-nav{display:none!important}
  .week-detail{display:grid!important;grid-template-columns:1fr!important;gap:15px!important;padding:20px 14px 16px!important;min-height:0!important}
  .week-badge{width:58px!important;height:58px!important;border-radius:16px!important;font-size:16px!important}
  .week-copy h3{font-size:23px!important;line-height:1.08!important;margin-bottom:6px!important}
  .week-copy p{font-size:14px!important;line-height:1.5!important}
  .week-output{grid-column:auto!important;padding:15px!important}
  .metric-band{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .metric-band div:last-child{grid-column:1/-1}

  /* Header / Hero controls */
  .nav-wrap{height:68px}
  .brand-logo{height:44px;max-width:210px}
  .main-nav{top:68px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-actions .btn{width:100%}
  .hero .proof-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero .proof-row>div{border:0!important;border-top:1px solid rgba(255,255,255,.13)!important}
  .hero .proof-row>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.13)!important}

  .blueprint-grid,.experience-grid,.fit-grid,.apply-grid{gap:30px!important}
  .footer-bottom{align-items:flex-start}
}

@media(max-width:390px){
  .section-head h2,.section h2{font-size:30px!important}
  .journey-tab{padding:10px 8px!important}
  .journey-tab>span{font-size:10px!important}
  .brand-logo{max-width:185px;height:40px}
}

/* ======================================================================
   2026-09-03 · MOBILE MASTER OVERRIDES
   Single source of truth for iPhone / small-screen behaviour.
   Keep this block LAST so legacy V3–V11 rules cannot override it.
   ====================================================================== */
@media (max-width: 900px) {
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{position:relative}
  .container{width:calc(100% - 32px)!important;max-width:1180px}

  /* Header navigation: Safari-safe, no off-screen transform dependency */
  .site-header{position:sticky;top:0;z-index:1000}
  .nav-wrap{min-height:68px;height:auto!important;padding:7px 0}
  .brand{min-width:0;max-width:calc(100% - 56px)}
  .brand-logo{display:block!important;width:auto!important;height:46px!important;max-width:100%!important}
  .nav-toggle{display:block!important;position:relative;z-index:1002;flex:0 0 44px;width:44px;height:44px;padding:8px;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .nav-toggle span{width:23px;height:2px;margin:6px auto;background:#071b45}
  .main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100dvh - 68px);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:none!important;opacity:1!important;visibility:visible!important;background:#fff!important;padding:10px 16px 18px!important;border-top:1px solid #e7eaf0;border-bottom:1px solid #dce5f4;box-shadow:0 18px 34px rgba(7,27,69,.12);gap:4px!important;z-index:1001!important}
  .main-nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .main-nav a{display:block!important;width:100%;padding:13px 12px!important;border-radius:11px;font-size:15px;line-height:1.25}
  .main-nav a:not(.nav-cta){color:#243653!important}
  .main-nav .nav-cta{margin-top:5px;text-align:center;padding:14px 16px!important}

  /* All section headlines become a real vertical stack */
  .section-head{display:block!important}
  .section-head>div,.section-head>p{width:100%!important;max-width:none!important}

  /* Program phase navigation remains completely visible */
  .journey-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important;width:100%!important}
  .journey-tab,.journey-tab-all{min-width:0!important;width:100%!important;white-space:normal!important}
  .journey-tab-all{grid-column:1/-1!important}

  /* Never turn the program cards into a hidden horizontal carousel */
  .modules-section .module-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;overflow-x:visible!important;scroll-snap-type:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}
  .modules-section .module-card{min-width:0!important;width:100%!important;scroll-snap-align:none!important}
  .phase-module-head .swipe-hint{display:none!important}

  /* Complex sections */
  .hero-grid,.blueprint-grid,.experience-grid,.fit-grid,.apply-grid{grid-template-columns:minmax(0,1fr)!important}
  .blueprint-board{width:100%;max-width:100%}
  .roadmap-shell{width:100%;max-width:100%;overflow:hidden}
  .week-nav{max-width:100%}
  .fit-card,.day-agenda,.interest-form{width:100%;max-width:100%}
}

@media (max-width: 620px) {
  .container{width:calc(100% - 24px)!important}
  .section{padding:64px 0!important}
  .nav-wrap{min-height:64px;padding:6px 0}
  .brand{max-width:calc(100% - 52px)}
  .brand-logo{height:40px!important;max-width:205px!important}
  .main-nav{max-height:calc(100dvh - 64px)}

  /* Hero */
  .hero.section-dark{min-height:auto!important;padding-top:34px!important;padding-bottom:18px!important;background-size:cover,auto 68%!important;background-position:center,74% bottom!important}
  .hero-grid{min-height:0!important}
  .hero h1{font-size:clamp(37px,11vw,46px)!important;line-height:.98!important;overflow-wrap:break-word}
  .hero-lead{font-size:16px!important;line-height:1.5!important}
  .workforce-line{gap:6px}
  .workforce-line span{font-size:10px;padding:6px 8px}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .btn{width:100%!important}
  .hero .proof-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .trust-strip{display:grid!important;grid-template-columns:1fr 1fr!important;white-space:normal!important;overflow:visible!important;gap:9px!important;margin-top:36px!important}

  /* WHY NOW */
  #why .shift-rail{display:flex!important;flex-direction:column!important;overflow:visible!important}
  #why .challenge-grid{grid-template-columns:1fr!important}

  /* Program selector: all controls are visible without horizontal scrolling */
  .journey-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:6px!important}
  .journey-tab-all{grid-column:1/-1!important}
  .journey-tab{min-height:72px!important;padding:11px 9px!important;align-items:flex-start!important}
  .journey-tab>span{overflow-wrap:anywhere}
  .phase-program{padding:14px!important}
  .phase-overview{grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}
  .phase-copy{min-width:0!important}
  .phase-count{grid-column:1/-1!important}

  /* Critical fix: ALL 10 modules are in the normal document flow */
  .modules-section .module-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;gap:12px!important}
  .modules-section .module-card{display:flex!important;min-width:0!important;width:100%!important;min-height:0!important;height:auto!important;padding:20px!important}
  .modules-section .module-card h3{max-width:calc(100% - 58px)!important}
  .modules-section .module-summary{max-width:100%!important}
  .modules-section .module-open{left:20px!important;right:20px!important;width:calc(100% - 40px)!important;bottom:16px!important;min-height:36px!important}
  .modules-section .module-output{margin-bottom:42px!important}

  /* Blueprint: prevent orbit labels from leaving viewport */
  .blueprint-board{min-height:380px!important;padding:12px!important;overflow:hidden!important}
  .blueprint-board:before{width:280px!important;height:280px!important}
  .blueprint-board:after{width:190px!important;height:190px!important}
  .board-core{width:154px!important;height:154px!important}
  .node{max-width:105px;padding:8px 9px!important;text-align:center;line-height:1.15}
  .n1{top:24px!important;left:50%!important;transform:translateX(-50%)}
  .n2{top:130px!important;right:6px!important}
  .n3{bottom:24px!important;right:20%!important}
  .n4{bottom:95px!important;left:6px!important}
  .n5{top:125px!important;left:6px!important}

  /* 12-week journey: native selector instead of hidden/tiny horizontal nav */
  .week-mobile-control{display:block!important}
  .week-nav{display:none!important}
  .week-detail{grid-template-columns:1fr!important;padding:20px 14px 16px!important}
  .metric-band{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .metric-band div:last-child{grid-column:1/-1!important}

  /* Forms, accordion and dialog */
  .form-row,.dialog-grid,.dialog-meta-rich{grid-template-columns:1fr!important}
  .fit-controls{gap:8px;align-items:center}
  .fit-controls .btn{flex:1}
  .module-dialog{width:calc(100% - 16px)!important;max-height:92dvh!important;border-radius:20px!important}
  .dialog-inner{padding:28px 18px 22px!important}
  .dialog-inner h2{font-size:29px!important;line-height:1.05!important;padding-right:24px}

  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer-grid>div:first-child{grid-column:auto!important}
}

@media (max-width: 390px) {
  .brand-logo{height:36px!important;max-width:178px!important}
  .journey-tab{min-height:68px!important;padding:9px 7px!important}
  .journey-tab b{flex-basis:28px!important;width:28px!important;height:28px!important}
  .journey-tab>span{font-size:9.5px!important}
  .journey-tab small{font-size:8.5px!important}
  .hero h1{font-size:35px!important}
  .proof-row div{padding:12px 10px!important}
}


/* V12 · Experience Day details + compact learning content */
.experience-detail-btn{margin-top:22px;gap:10px}
.experience-detail-btn span{transition:transform .18s ease}
.experience-detail-btn:hover span{transform:translateX(3px)}
.detail-experience{--detail-a:#dce8ff;--detail-b:#e9defe;--detail-accent:#2563eb;--detail-accent2:#7c3aed}
.dialog-box li+li{margin-top:7px}
.dialog-box li{line-height:1.42}
@media(max-width:620px){
  .experience-detail-btn{width:100%;margin-top:18px}
  .dialog-box{padding:16px}
  .dialog-box ul{padding-left:17px}
}


/* V13 · Activity detail system */
.milestone-detail-btn,.week-detail-btn{border:0;background:transparent;color:currentColor;font:inherit;font-size:12px;font-weight:900;letter-spacing:.015em;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:0}
.milestone-detail-btn{grid-column:1/-1;justify-self:start;margin-top:2px}
.milestone-detail-btn span,.week-detail-btn span{transition:transform .18s ease}
.milestone-detail-btn:hover span,.week-detail-btn:hover span{transform:translateX(3px)}
.week-detail-btn{margin-top:12px;color:#245fcf}
.detail-activity{--detail-a:#e7efff;--detail-b:#eee8fb;--detail-accent:#2a62d5;--detail-accent2:#7550d7}
.detail-activity .dialog-meta-rich{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){
  .milestone-detail-btn,.week-detail-btn{min-height:44px;padding:8px 0;font-size:12px}
  .detail-activity .dialog-meta-rich{grid-template-columns:1fr!important}
}