.growth-experience{padding:0;background:#091017;color:#f4f2ed;position:relative;height:190vh}
.growth-stage{position:sticky;top:82px;min-height:650px;height:calc(100svh - 82px);max-height:1000px;overflow:hidden;display:flex;align-items:center}
.growth-layout{display:grid;grid-template-columns: .85fr 1.15fr;gap:48px;align-items:center;position:relative;width:100%}
.growth-copy{z-index:2;position:relative}.growth-copy .kicker{color:#ff945f}.growth-copy h2{font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:1.15;letter-spacing:-.05em;margin:22px 0}.growth-copy h2 em{color:#ff945f;font-style:normal}.growth-copy p{color:#b9c3cb;max-width:440px;font-size:1rem}
.growth-phase-list{list-style:none;padding:0;margin:32px 0;display:flex;gap:22px;flex-wrap:wrap}.growth-phase-list li{font-size:.875rem;color:#b9c3cb;border-top:2px solid #47525a;padding-top:12px;transition:color .4s,border-color .4s}.growth-phase-list li[data-active]{color:#ff945f;border-color:#ff945f}.growth-phase-list span{display:block;font-variant-numeric:tabular-nums;font-size:.75rem;margin-bottom:6px}
.growth-visual{height:520px;position:relative;min-width:0;isolation:isolate}.growth-canvas,.growth-fallback{width:100%;height:100%;position:absolute;inset:0}.growth-canvas{opacity:0;transition:opacity .6s}.scene-ready .growth-canvas{opacity:1}.scene-ready .growth-fallback{opacity:0}.growth-fallback{transition:opacity .6s}.growth-fallback path{fill:none;stroke:#ff945f;stroke-width:3}.growth-fallback circle{fill:#ff945f}
.growth-visual:after{content:'QUẢNG CÁO → BÁN HÀNG → THEO DÕI';position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#b9c3cb;font-size:.75rem;letter-spacing:.12em;pointer-events:none}.growth-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.growth-motion-toggle{background:transparent;color:#e9e4db;border:1px solid #62717d;border-radius:4px;min-height:44px;padding:8px 14px;cursor:pointer;font:inherit;font-size:.875rem}.growth-motion-toggle:hover{border-color:#ff945f;color:#ff945f}.growth-hint{color:#b9c3cb;font-size:.875rem}.growth-rail{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#283039}.growth-rail i{display:block;width:100%;height:100%;background:#ff945f;transform:scaleX(0);transform-origin:left}.growth-experience .wrap{width:min(1320px,calc(100% - 80px))}
@media(min-width:861px){.growth-copy{padding:40px 0}}
@media(max-width:860px){.growth-experience{height:auto;padding:64px 0 30px}.growth-stage{position:relative;top:0;height:auto;min-height:0;max-height:none}.growth-layout{grid-template-columns:1fr;gap:12px}.growth-experience .wrap{width:calc(100% - 40px)}.growth-copy h2{font-size:2.7rem;max-width:600px}.growth-copy p{max-width:600px}.growth-visual{height:340px}.growth-phase-list{margin:24px 0;gap:20px}.growth-hint{display:none}.growth-rail{display:none}}
@media(max-width:540px){.growth-copy h2{font-size:2.25rem}.growth-visual{height:280px}.growth-phase-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.growth-phase-list li{font-size:.8rem}.growth-phase-list span{font-size:.7rem}.growth-visual:after{font-size:.65rem;letter-spacing:.08em}}
.growth-experience:not(.scene-ready) .growth-motion-toggle{display:none}
@media(prefers-reduced-motion:reduce){.growth-experience{height:auto;padding:64px 0}.growth-stage{position:relative;top:0;height:auto;min-height:0}.growth-hint,.growth-rail,.growth-motion-toggle{display:none}.growth-canvas,.growth-fallback,.growth-phase-list li{transition:none}}