.workflow-detail-page{background-color:#000;color:#fff;min-height:100vh;position:relative;overflow-x:hidden}.detail-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.circuit-pattern{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 90%);mask-image:radial-gradient(circle at 50% 50%,#000,transparent 90%);opacity:.4}.grid-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(99,102,241,.15) 1px,transparent 0);background-size:40px 40px;opacity:.8}.glow-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:.12}.orb-1{top:15%;right:-5%;width:600px;height:600px;background:#6366f1}.orb-2{bottom:20%;left:-10%;width:800px;height:800px;background:#a855f7}.detail-section{position:relative;z-index:1;padding:120px 20px;max-width:1400px;margin:0 auto}.section-centered-header{text-align:center;margin-bottom:80px}.section-subtitle{display:block;font-size:13px;font-weight:800;letter-spacing:.4em;color:#6366f1;text-transform:uppercase;margin-bottom:20px}.section-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;letter-spacing:-.04em;color:#fff}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.problem-card{background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.01));border:1px solid hsla(0,0%,100%,.08);border-radius:32px;padding:60px 40px;text-align:center;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.problem-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 50%);opacity:0;transition:opacity .5s ease}.problem-card:hover{transform:translateY(-15px) scale(1.02);border-color:rgba(99,102,241,.3);box-shadow:0 40px 80px -20px rgba(0,0,0,.5)}.problem-card:hover:before{opacity:1}.problem-icon-wrapper{font-size:72px;margin-bottom:30px;display:flex;justify-content:center;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.problem-card h3{font-size:28px;font-weight:800;margin-bottom:20px;color:#fff;letter-spacing:-.01em}.problem-card p{font-size:17px;color:hsla(0,0%,100%,.5);line-height:1.7}.impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.impact-card{background:hsla(0,0%,6%,.4);border:1px solid hsla(0,0%,100%,.05);border-radius:24px;padding:50px;display:flex;flex-direction:column;gap:20px;transition:all .4s ease;backdrop-filter:blur(20px);position:relative}.impact-card:hover{background:hsla(0,0%,100%,.03);border-color:rgba(99,102,241,.4);box-shadow:0 0 30px rgba(99,102,241,.1)}.impact-icon{font-size:40px;color:#6366f1}.impact-card h4{font-size:24px;font-weight:800;color:#fff}.impact-card p{font-size:16px;color:hsla(0,0%,100%,.5);line-height:1.7}.roadmap-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.roadmap-list{display:flex;flex-direction:column;gap:30px}.roadmap-item{cursor:pointer;padding:30px;border-radius:20px;border:1px solid transparent;transition:all .4s ease}.roadmap-item.active{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.1)}.roadmap-item h3{font-size:24px;font-weight:700;color:hsla(0,0%,100%,.4);transition:color .4s ease}.roadmap-item.active h3{color:#fff}.roadmap-content{max-height:0;overflow:hidden;transition:all .5s ease;opacity:0}.roadmap-item.active .roadmap-content{max-height:200px;opacity:1;margin-top:15px}.roadmap-content p{color:hsla(0,0%,100%,.6);line-height:1.6}.roadmap-visual{position:sticky;top:150px}.gradient-text{background:linear-gradient(135deg,#fff,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:1024px){.impact-grid,.problem-grid,.roadmap-container{grid-template-columns:1fr}.roadmap-visual{position:relative;top:0;margin-top:40px}}