.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 4rem;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}}.light-theme .workflow-detail-page{background-color:#fff;color:#1a1a1a;--bg-dark:#fff;--text-main:#1a1a1a;--text-dim:rgba(26,26,26,.7);--card-bg:hsla(0,0%,100%,.8);--card-border:rgba(245,158,11,.2)}.light-theme .workflow-detail-page .circuit-pattern{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 0)}.light-theme .workflow-detail-page .section-title{color:#1a1a1a}.light-theme .workflow-detail-page .problem-card{background:linear-gradient(180deg,rgba(0,0,0,.035),rgba(0,0,0,.01));border-color:rgba(0,0,0,.08)}.light-theme .workflow-detail-page .problem-card h3{color:#1a1a1a}.light-theme .workflow-detail-page .problem-card p{color:rgba(26,26,26,.6)}.light-theme .workflow-detail-page .impact-card{background:rgba(0,0,0,.025);border-color:rgba(0,0,0,.06)}.light-theme .workflow-detail-page .impact-card:hover{background:rgba(0,0,0,.045)}.light-theme .workflow-detail-page .impact-card h4{color:#1a1a1a}.light-theme .workflow-detail-page .impact-card p{color:rgba(26,26,26,.6)}.light-theme .workflow-detail-page .roadmap-item.active{background:rgba(0,0,0,.035);border-color:rgba(0,0,0,.1)}.light-theme .workflow-detail-page .roadmap-item h3{color:rgba(26,26,26,.45)}.light-theme .workflow-detail-page .roadmap-item.active h3{color:#1a1a1a}.light-theme .workflow-detail-page .roadmap-content p{color:rgba(26,26,26,.7)}.light-theme .workflow-detail-page .gradient-text{background:linear-gradient(135deg,#1a1a1a,#6366f1);-webkit-background-clip:text}