.program-hero { padding:100px 0; background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 28%); border-bottom:1px solid var(--biz-line); }.program-layout { display:grid; grid-template-columns:1.25fr .55fr; gap:80px; align-items:center; }.program-layout h1 { max-width:820px; font-size:clamp(3.3rem,6vw,6rem); letter-spacing:-.06em; }.program-layout>div>p { max-width:760px; font-size:1.05rem; }.target-role { margin-top:35px; padding-left:18px; border-left:2px solid var(--accent); }.target-role span { display:block; color:var(--biz-muted); font-size:.66rem; text-transform:uppercase; }.program-panel,.outcome-panel { padding:30px; border:1px solid var(--biz-line); background:var(--biz-panel); }.program-symbol { display:grid; place-items:center; width:70px; height:70px; border:1px solid var(--accent); color:var(--accent); font:700 1.2rem Manrope; margin-bottom:30px; }.program-panel>small { color:var(--biz-muted); letter-spacing:.14em; }.program-panel>strong { display:block; font:700 3.5rem Manrope; margin:5px 0; }.biz-progress { height:5px; background:rgba(255,255,255,.09); overflow:hidden; }.biz-progress i { display:block; height:100%; background:linear-gradient(90deg,var(--biz-gold),var(--biz-blue)); }.program-panel>div { display:flex; justify-content:space-between; margin:12px 0; font-size:.78rem; }.program-panel>div span { color:var(--biz-muted); }.program-panel hr { border-color:var(--biz-line); }.curriculum-layout { display:grid; grid-template-columns:1fr 350px; gap:60px; align-items:start; }.curriculum-layout>div>h2 { font-size:clamp(2.3rem,4vw,3.7rem); }.business-lessons { display:grid; gap:10px; }.business-lessons>a { display:grid; grid-template-columns:55px 1fr auto; align-items:center; gap:20px; padding:22px; border:1px solid var(--biz-line); background:var(--biz-panel); transition:.25s; }.business-lessons>a:hover { border-color:var(--biz-gold); transform:translateX(6px); }.business-lessons>a>span { color:var(--biz-gold); font:700 .8rem Manrope; }.business-lessons h3,.business-lessons p { margin:4px 0; }.business-lessons small { color:var(--biz-muted); font-size:.6rem; letter-spacing:.1em; }.outcome-panel { position:sticky; top:100px; }.outcome-panel>p { display:flex; gap:10px; }.outcome-panel>p span { color:var(--biz-green); }.outcome-panel>div { margin-top:25px; padding:17px; background:rgba(52,211,153,.06); border-left:2px solid var(--biz-green); }.outcome-panel>div small { color:var(--biz-green); }
.business-lesson-bar { position:sticky; top:0; z-index:120; min-height:78px; padding:10px 26px; display:grid; grid-template-columns:1fr minmax(240px,430px) 1fr; align-items:center; background:rgba(8,11,18,.95); border-bottom:1px solid var(--biz-line); }.business-lesson-bar>div small { display:block; text-align:center; font-size:.6rem; letter-spacing:.13em; color:var(--biz-muted); }.business-lesson-bar>a:last-child { justify-self:end; color:var(--biz-muted); font-size:.75rem; }.business-lesson { width:min(1020px,calc(100% - 44px)); margin:auto; padding:75px 0; }.lesson-heading { display:flex; justify-content:space-between; align-items:start; gap:30px; }.lesson-heading h1 { max-width:760px; font-size:clamp(3.2rem,6vw,5.8rem); letter-spacing:-.06em; }.coach-intro { display:flex; gap:10px; align-items:center; border:1px solid var(--biz-line); padding:14px; min-width:230px; }.coach-intro>span { display:grid; place-items:center; width:45px; height:45px; border:1px solid var(--biz-gold); color:var(--biz-gold); } .coach-intro>img { width:45px; height:45px; object-fit:cover; border:1px solid var(--biz-gold); }.coach-intro small,.coach-intro b { display:block; }.coach-intro small { font-size:.55rem; color:var(--biz-muted); }
.case-study { margin:55px 0 28px; padding:38px; border:1px solid rgba(215,181,109,.28); background:linear-gradient(140deg,rgba(215,181,109,.09),rgba(255,255,255,.025)); }.case-label { display:flex; justify-content:space-between; color:var(--biz-gold); font-size:.65rem; letter-spacing:.15em; }.case-label b { font:700 2rem Manrope; opacity:.3; }.case-study h2 { font-size:2.2rem; margin:18px 0; }.case-study>p { color:#c0c6d1; font-size:1.08rem; line-height:1.85; }.biz-scene { height:460px; position:relative; overflow:hidden; margin:28px 0 70px; border:1px solid var(--biz-line); background:radial-gradient(circle at 50% 30%,rgba(56,189,248,.09),transparent 40%),#0b1018; }.office-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:50px 50px; perspective:400px; }.coach-avatar { position:absolute; left:10%; bottom:12%; width:170px; text-align:center; animation:coachFloat 4s ease-in-out infinite; }.coach-avatar i { display:block; width:96px; height:96px; border-radius:50%; margin:auto; background:linear-gradient(145deg,#8b6644,#d19a6c); border:6px solid #1f2937; }.coach-avatar i:after { content:""; display:block; width:62px; height:30px; margin:67px auto 0; border-radius:0 0 60px 60px; background:#131b2a; }.coach-avatar>span { position:absolute; top:-16px; right:20px; display:grid; place-items:center; width:45px; height:45px; background:var(--biz-gold); color:#111; border-radius:50%; font-weight:800; }.coach-avatar b { display:block; margin-top:50px; font-size:.75rem; }.biz-screen { position:absolute; right:8%; top:14%; width:54%; height:68%; padding:18px; border:8px solid #1c2533; background:#0e1520; transform:perspective(900px) rotateY(-4deg); box-shadow:0 25px 60px rgba(0,0,0,.4); }.screen-head { display:flex; gap:5px; }.screen-head em { width:7px; height:7px; border-radius:50%; background:#485365; }.mini-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:22px 0; }.mini-kpis strong { padding:12px; border:1px solid var(--biz-line); color:var(--biz-gold); font-size:.9rem; }.mini-chart { height:120px; display:flex; align-items:end; gap:12px; padding:12px; background:rgba(255,255,255,.025); }.mini-chart i { flex:1; height:var(--height,40%); background:linear-gradient(var(--biz-blue),rgba(56,189,248,.1)); animation:barRise 2.8s ease-in-out infinite alternate; }.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:55%}.mini-chart i:nth-child(3){height:45%}.mini-chart i:nth-child(4){height:78%}.mini-chart i:nth-child(5){height:92%}.signal { position:absolute; padding:8px 12px; border:1px solid var(--biz-line); background:#151d29; color:var(--biz-green); font-size:.58rem; letter-spacing:.14em; animation:signalMove 4s infinite; }.signal-a { left:35%; top:12%; }.signal-b { right:4%; bottom:8%; animation-delay:1.5s; }
.lesson-section-title { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:25px; }.lesson-section-title>span { color:var(--biz-gold); font-size:.65rem; letter-spacing:.14em; }.lesson-section-title h2 { max-width:600px; font-size:2.4rem; margin:0; }.business-steps { margin:80px 0; }.business-step { display:grid; grid-template-columns:70px 1fr; gap:25px; padding:28px 0; border-top:1px solid var(--biz-line); }.business-step>span { color:var(--biz-gold); font:700 1.4rem Manrope; }.business-step h3 { margin-bottom:7px; }.business-step p { margin:0; }.business-tools { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; margin:75px 0; }.checklist-panel,.template-panel { padding:30px; border:1px solid var(--biz-line); background:var(--biz-panel); }.checklist-panel>span,.template-panel>span { color:var(--biz-gold); font-size:.62rem; letter-spacing:.14em; }.checklist-panel label { display:flex; gap:11px; padding:11px 0; color:#c9ced7; border-bottom:1px solid var(--biz-line); cursor:pointer; }.checklist-panel input { opacity:0; position:absolute; }.checklist-panel i { width:19px; height:19px; border:1px solid #677184; }.checklist-panel input:checked+i { background:var(--biz-green); border-color:var(--biz-green); }.template-panel { background:linear-gradient(145deg,rgba(56,189,248,.08),rgba(255,255,255,.025)); }.business-activity-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.business-activity-grid>a { padding:25px; border:1px solid var(--biz-line); background:var(--biz-panel); }.business-activity-grid>a>span { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--biz-gold); color:var(--biz-gold); }.business-activity-grid small { display:block; margin:20px 0 8px; color:var(--biz-muted); letter-spacing:.12em; }.business-activity-grid p { font-size:.85rem; }.business-activity-grid b { color:var(--biz-gold); font-size:.75rem; }.lesson-complete { margin-top:70px; padding:30px; border:1px solid rgba(52,211,153,.25); background:rgba(52,211,153,.05); display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; }.lesson-complete>div { max-width:460px; }.lesson-complete span { color:var(--biz-green); font-size:.62rem; letter-spacing:.13em; }.lesson-complete h2,.lesson-complete p { margin:6px 0; }.business-lesson-nav { display:grid; grid-template-columns:1fr 1fr; margin-top:25px; }.business-lesson-nav a { padding:18px; border:1px solid var(--biz-line); }.business-lesson-nav a:last-child { text-align:right; }
.biz-media { min-height:420px; display:grid; place-items:center; border:1px solid var(--biz-line); }.biz-media lottie-player { width:min(560px,100%); height:400px; }.biz-video { width:100%; max-height:600px; object-fit:contain; background:#000; border:1px solid var(--biz-line); }
@keyframes coachFloat { 50% { transform:translateY(-10px); } } @keyframes barRise { from { transform:scaleY(.55); transform-origin:bottom; } } @keyframes signalMove { 50% { transform:translateY(-8px); border-color:var(--biz-gold); } }