:root{--accent-orange:#ff6b35;--accent-glow:#ff6b3566;--glass-bg:#0f0f0fb3;--glass-border:#ffffff1f;--text-muted:#fff9}.csd-page.redesign-v2{color:#fff;background:#000;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}.csd-loading{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid #ff6b351a;border-top-color:var(--accent-orange);border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.csd-hero-modern{background:radial-gradient(circle at 100% 0,#ff6b3514 0%,#0000 40%);align-items:center;width:100%;min-height:80vh;padding:140px 0 100px;display:flex;position:relative;overflow:hidden}.csd-hero-split{z-index:10;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.csd-hero-text{flex-direction:column;align-items:flex-start;padding-left:9vw;display:flex}.csd-hero-visual-box{padding-right:9vw;position:relative}.image-frame{border:1px solid #ffffff0d;border-radius:24px;transition:transform .8s cubic-bezier(.2,1,.3,1);position:relative;box-shadow:0 30px 80px #00000080}.csd-hero-modern:hover .image-frame{transform:translateY(-10px)}.csd-hero-img{object-fit:contain;border-radius:24px;width:100%;height:auto;max-height:70vh;display:block}.image-overlay-gradient{pointer-events:none;background:linear-gradient(#0000 60%,#0006 100%);position:absolute;top:0;bottom:0;left:0;right:0}.csd-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-orange);color:var(--accent-orange);letter-spacing:1.5px;text-transform:uppercase;background:#ff6b3526;border-radius:100px;align-items:center;gap:10px;margin-bottom:30px;padding:8px 20px;font-size:.85rem;font-weight:700;display:inline-flex}.csd-badge .dot{background:var(--accent-orange);width:8px;height:8px;box-shadow:0 0 12px var(--accent-orange);border-radius:50%}.csd-main-title{letter-spacing:-2px;margin-bottom:25px;font-size:max(2.5rem,min(4.5vw,4rem));font-weight:900;line-height:1.1}.csd-hero-summary{color:var(--accent-orange);letter-spacing:4px;text-transform:uppercase;font-size:1.1rem;font-weight:700}.csd-body-wrapper{z-index:3;max-width:1200px;margin:40px auto 0;padding:0 40px 150px;position:relative}.csd-prologue{grid-template-columns:1.4fr 1fr;gap:30px;margin-bottom:60px;display:grid}.csd-overview-card,.csd-challenge-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;flex-direction:column;padding:50px;display:flex}.card-header{align-items:center;gap:20px;margin-bottom:30px;display:flex}.step-num{color:var(--accent-orange);opacity:.5;font-family:monospace;font-size:.85rem;font-weight:900}.card-header h3{letter-spacing:3px;text-transform:uppercase;color:#fff;font-size:1.1rem;font-weight:800}.csd-overview-card p{color:#ffffffe6;font-size:1.35rem;line-height:1.6}.challenge-list{flex-direction:column;gap:20px;padding:0;list-style:none;display:flex}.challenge-list li{align-items:flex-start;gap:15px;display:flex}.icon-box{color:#ff4d4d;background:#ff4d4d1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:4px;display:flex}.challenge-list li span{color:var(--text-muted);font-size:1.1rem;line-height:1.5}.csd-strategy{margin-bottom:100px}.strategy-header{align-items:center;gap:40px;margin-bottom:50px;display:flex}.header-labels{align-items:center;gap:20px;display:flex}.header-labels h2{letter-spacing:-1px;font-size:2.5rem;font-weight:900}.accent-line{background:linear-gradient(90deg,var(--accent-orange)0%,transparent 100%);opacity:.3;flex:1;height:1px}.strategy-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.strategy-card{background:#14141466;border:1px solid #ffffff0d;border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.2,1,.3,1);position:relative}.strategy-card:hover{background:#ff6b3508;border-color:#ff6b3533;transform:translateY(-8px)}.card-index{color:var(--accent-orange);opacity:.05;font-family:monospace;font-size:3rem;font-weight:900;position:absolute;top:20px;right:30px}.strategy-card h4{color:#fff;margin-bottom:16px;font-size:1.25rem;font-weight:700}.strategy-card p{color:var(--text-muted);font-size:1rem;line-height:1.6}.csd-results{margin-bottom:100px}.results-header{text-align:center;margin-bottom:60px}.results-header h2{letter-spacing:-2px;margin:10px 0;font-size:3.5rem;font-weight:950}.results-header p{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;font-size:1.1rem}.csd-results-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.csd-stat-card{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;justify-content:flex-start;gap:15px;padding:40px 30px;transition:all .6s cubic-bezier(.2,1,.3,1);display:flex;position:relative;overflow:hidden}.stat-glow{background:radial-gradient(circle at 20% 20%,var(--accent-glow)0%,transparent 70%);opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.csd-stat-card:hover{border-color:var(--accent-orange);background:#ffffff0d;transform:translateY(-5px)}.csd-stat-card:hover .stat-glow{opacity:.3}.stat-content{z-index:1;position:relative}.stat-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent-orange);margin-bottom:12px;font-size:.75rem;font-weight:800;display:block}.stat-value{color:#ffffffe6;font-size:1.15rem;font-weight:500;line-height:1.5;display:block}.csd-implementation{margin-bottom:100px}.implementation-card{border:1px solid var(--glass-border);background:linear-gradient(135deg,#111 0%,#050505 100%);border-radius:32px;padding:60px}.implementation-list{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;display:grid}.impl-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:16px;padding:16px 24px;display:flex}.impl-item svg{width:20px;height:20px;color:var(--accent-orange)}.impl-item span{color:#ffffffe6;font-size:1rem;font-weight:600}.csd-cta-section{background:var(--accent-orange);text-align:center;color:#fff;border-radius:40px;padding:80px 60px;position:relative;overflow:hidden}.csd-cta-section h2{margin-bottom:16px;font-size:3rem;font-weight:900}.csd-cta-section p{opacity:.9;margin-bottom:40px;font-size:1.25rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.primary-cta{color:var(--accent-orange);cursor:pointer;background:#fff;border:none;border-radius:100px;padding:18px 40px;font-size:1rem;font-weight:800;transition:all .3s}.secondary-cta{color:#fff;background:#0000001a;border:1px solid #ffffff4d;border-radius:100px;padding:18px 40px;font-size:1rem;font-weight:800;text-decoration:none;transition:all .3s}.primary-cta:hover{transform:scale(1.05)}.secondary-cta:hover{background:#0003}@media (max-width:1024px){.csd-hero-modern{padding:100px 0 60px}.csd-hero-container{padding:0 40px}.csd-hero-split{grid-template-columns:1fr;gap:40px}.csd-hero-text{text-align:center;align-items:center;padding-left:0}.csd-hero-visual-box{padding-right:0}.csd-main-title{letter-spacing:-1px;font-size:2.8rem}.csd-hero-summary{letter-spacing:2px;font-size:1rem}.image-frame{max-width:600px;height:54vw;margin:0 auto;transform:none}.csd-hero-modern:hover .image-frame{transform:scale(1.02)}.csd-prologue{grid-template-columns:1fr}.strategy-grid{grid-template-columns:1fr 1fr}.implementation-list{grid-template-columns:1fr}}@media (max-width:768px){.csd-prologue{gap:20px;margin-bottom:40px}.csd-overview-card,.csd-challenge-card{border-radius:24px;padding:30px 25px}.csd-overview-card p{font-size:1.15rem}.card-header{gap:15px;margin-bottom:20px}.challenge-list{gap:15px}.challenge-list li span{font-size:1rem}.strategy-grid,.csd-results-grid{grid-template-columns:1fr;gap:20px}.csd-body-wrapper{margin-top:20px;padding:0 20px 80px}.csd-hero-container{padding:0 20px}.csd-main-title{letter-spacing:-1px;font-size:2.2rem}.csd-hero-summary{letter-spacing:2px;font-size:.9rem}.csd-stat-card{padding:30px 20px}.stat-value{font-size:2.2rem}.strategy-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:30px}.strategy-card{padding:30px}.impl-item{border-radius:16px;padding:25px}.csd-cta-section{border-radius:30px;padding:50px 25px}.csd-cta-section h2{font-size:1.8rem}.csd-cta-section p{font-size:1.1rem}.cta-actions{flex-direction:column;width:100%}.primary-cta,.secondary-cta{text-align:center;width:100%;padding:16px 30px}}
