.roadmap-page{color:#f1f5f9;background:#080b10;min-height:100vh}.roadmap-hero{background:radial-gradient(circle at 50% 0,#35d07f1a,#0000 42%),#080b10;border-bottom:1px solid #1d2733;position:relative;overflow:hidden}.roadmap-hero:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(#1d2733 1px,#0000 1px),linear-gradient(90deg,#1d2733 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.roadmap-hero-inner{text-align:center;width:min(1100px,100% - 40px);margin:auto;padding:120px 0 90px;position:relative}.roadmap-eyebrow,.section-label,.stage-label{letter-spacing:.18em;color:#35d07f;font-size:12px;font-weight:800;display:inline-block}.roadmap-hero h1{letter-spacing:-.055em;margin-top:18px;font-size:clamp(45px,7vw,83px);font-weight:850;line-height:.95}.roadmap-hero h1 span{color:#35d07f}.roadmap-hero p{color:#8d99a8;width:min(720px,100%);margin:28px auto 0;font-size:18px;line-height:1.8}.roadmap-stats{justify-content:center;gap:12px;margin-top:42px;display:flex}.roadmap-stats div{background:#0d1219cc;border:1px solid #1d2733;border-radius:14px;min-width:135px;padding:18px 24px}.roadmap-stats strong{color:#f1f5f9;font-size:26px;display:block}.roadmap-stats span{color:#667384;margin-top:4px;font-size:13px;display:block}.roadmap-container{width:min(1180px,100% - 40px);margin:auto;padding:90px 0 120px}.roadmap-intro{justify-content:space-between;align-items:end;gap:40px;margin-bottom:90px;display:flex}.roadmap-intro h2{letter-spacing:-.04em;margin-top:10px;font-size:clamp(31px,4vw,49px)}.roadmap-intro p{color:#8d99a8;width:min(450px,100%);line-height:1.7}.roadmap{position:relative}.roadmap:before{content:"";background:linear-gradient(#0000,#35d07f 5%,#1d2733 50%,#35d07f 95%,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.roadmap-stage{grid-template-columns:1fr 1fr;min-height:100px;margin-bottom:70px;scroll-margin-top:100px;display:grid;position:relative}.stage-left .stage-card{grid-column:1;margin-right:70px}.stage-right .stage-card{grid-column:2;margin-left:70px}.stage-number{z-index:5;background:#080b10;border:1px solid #35d07f;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 0 0 7px #080b10}.stage-number span{color:#35d07f;font-size:14px;font-weight:800}.stage-card{background:#0d1219;border:1px solid #1d2733;border-radius:18px;padding:30px;transition:border-color .4s,box-shadow .4s,transform .25s,background .25s;position:relative;overflow:hidden}.roadmap-stage.is-target .stage-card{border-color:#35d07f;box-shadow:0 0 0 1px #35d07f,0 0 35px #35d07f26}.stage-card:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#35d07f,#0000);width:100%;height:2px;position:absolute;top:0;left:0}.stage-card:hover{background:#0f151d;border-color:#35d07f73;transform:translateY(-4px)}.stage-header{align-items:center;gap:17px;display:flex}.stage-icon{background:#080b10;border:1px solid #1d2733;border-radius:13px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.stage-header h3{letter-spacing:-.025em;margin-top:5px;font-size:24px}.stage-description{color:#8d99a8;margin:20px 0 24px;font-size:15px;line-height:1.7}.topic{border-top:1px solid #1d2733;transition:background .3s,border-color .3s,box-shadow .3s}#digital-forensics{scroll-margin-top:110px}.topic.is-target{background:#35d07f0d;border-color:#35d07f;border-radius:8px;padding:0 10px}.topic summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:42px 1fr 25px;align-items:center;gap:10px;padding:16px 0;list-style:none;display:grid}.topic summary::-webkit-details-marker{display:none}.topic-number{color:#35d07f;font-family:monospace;font-size:12px}.topic summary>span:nth-child(2){color:#dce3ea;font-size:15px;font-weight:650}.topic-arrow{color:#667384;text-align:center;font-size:21px;transition:transform .2s}.topic[open] .topic-arrow{color:#35d07f;transform:rotate(45deg)}.subtopic-list{padding:0 0 18px 52px}.subtopic{color:#8d99a8;align-items:center;gap:10px;padding:6px 0;font-size:14px;line-height:1.5;display:flex}.subtopic-dot{background:#35d07f;border-radius:50%;flex-shrink:0;width:5px;height:5px}.roadmap-end{text-align:center;margin-top:100px;padding-top:70px;position:relative}.end-line{background:#35d07f;width:1px;height:55px;position:absolute;top:0;left:50%}.end-node{color:#35d07f;background:#0d1219;border:1px solid #35d07f;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;font-weight:900;display:grid;box-shadow:0 0 30px #35d07f1a}.roadmap-end h2{margin-top:22px;font-size:31px}.roadmap-end p{color:#667384;max-width:700px;margin:14px auto 0;line-height:1.7}@media (max-width:900px){.roadmap:before{left:26px}.roadmap-stage{padding-left:65px;display:block}.stage-left .stage-card,.stage-right .stage-card{margin:0}.stage-number{left:26px;transform:translate(-50%)}.roadmap-intro{display:block}.roadmap-intro p{margin-top:20px}}@media (max-width:600px){.roadmap-hero-inner{width:min(100% - 28px,1100px);padding:90px 0 65px}.roadmap-hero h1{font-size:48px}.roadmap-hero p{font-size:15px}.roadmap-stats{gap:7px}.roadmap-stats div{flex:1;min-width:0;padding:14px 8px}.roadmap-stats strong{font-size:21px}.roadmap-stats span{font-size:11px}.roadmap-container{width:min(100% - 28px,1180px);padding-top:60px}.roadmap-intro{margin-bottom:60px}.roadmap-intro h2{font-size:32px}.roadmap-stage{margin-bottom:45px;padding-left:48px}.roadmap:before{left:19px}.stage-number{width:40px;height:40px;left:19px}.stage-number span{font-size:11px}.stage-card{border-radius:15px;padding:20px}.stage-icon{width:43px;height:43px;font-size:21px}.stage-header h3{font-size:19px}.stage-label{font-size:10px}.stage-description{font-size:14px}.topic summary{grid-template-columns:32px 1fr 20px;padding:14px 0}.topic summary>span:nth-child(2){font-size:14px}.subtopic-list{padding-left:32px}.subtopic{font-size:13px}.roadmap-end h2{font-size:26px}.roadmap-end p{font-size:14px}}@media (max-width:400px){.roadmap-hero h1{font-size:39px}.roadmap-stats{gap:5px}.roadmap-stats div{padding:10px 4px}.roadmap-stats strong{font-size:17px}.roadmap-stats span{font-size:9px}.stage-card{padding:15px}.topic summary{grid-template-columns:24px 1fr 16px;gap:6px}.topic summary>span:nth-child(2){font-size:13px}.subtopic-list{padding-left:18px}}
