/*.stage {*/
/*    width: 100%;*/
/*    padding: 0px 72px 80px 72px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 40px;*/
/*}*/

/*.title {*/
/*    font-family: 'PT Sans', sans-serif;*/

/*    font-weight: 700;*/
/*    font-size: 54px;*/
/*    line-height: 105%;*/
/*    color: #09090A;*/
/*}*/

/*.sub {*/
/*    color: #15151A;*/
/*    font-weight: 400;*/
/*    font-size: 18px;*/
/*    line-height: 140%;*/
/*}*/

/*.layout {*/
/*    display: grid;*/
/*    grid-template-columns: 360px 1fr;*/
/*    gap: 32px;*/
/*    flex: 1;*/
/*    min-height: 560px;*/
/*}*/

/*.step-btn {*/
/*    text-align: left;*/
/*    cursor: pointer;*/
/*    background: transparent;*/
/*    border: 1px solid transparent;*/
/*    border-radius: 20px;*/
/*    padding: 18px 22px;*/
/*    display: flex;*/
/*    gap: 16px;*/
/*    align-items: flex-start;*/
/*    transition: all 0.2s;*/
/*    font-family: 'PT Root UI', sans-serif;*/
/*    width: 100%;*/

/*    &:hover {*/
/*        background: #6f6f850f;*/
/*    }*/
/*}*/

/*.step-btn.active {*/
/*    background: #fff;*/
/*    border-color: rgb(232, 228, 245);*/
/*    box-shadow: 0 12px 32px rgba(51, 51, 255, 0.08);*/
/*}*/

/*.badge {*/
/*    width: 38px;*/
/*    height: 38px;*/
/*    border-radius: 12px;*/
/*    flex-shrink: 0;*/
/*    display: grid;*/
/*    place-items: center;*/
/*    font-family: 'PT Sans', sans-serif;*/
/*    font-weight: 700;*/
/*    font-size: 18px;*/
/*    background: rgb(235, 235, 245);*/
/*    color: rgb(140, 140, 160);*/
/*}*/

/*.step-btn.active .badge {*/
/*    background: linear-gradient(135deg, rgb(51, 51, 255), rgb(255, 92, 51));*/
/*    color: #fff;*/
/*}*/

/*.step-h {*/
/*    font-weight: 600;*/
/*    font-size: 17px;*/
/*    color: rgb(9, 9, 10);*/
/*    line-height: 1.25;*/
/*}*/

/*.step-d {*/
/*    display: none;*/
/*    font-size: 14px;*/
/*    color: rgb(111, 111, 133);*/
/*    line-height: 1.4;*/
/*    margin-top: 4px;*/
/*}*/

/*.step-btn.active .step-d {*/
/*    display: block;*/
/*}*/

/*.screen {*/
/*    background: #fff;*/
/*    border-radius: 32px;*/
/*    border: 1px solid rgb(232, 228, 245);*/
/*    box-shadow: 0 24px 60px rgba(51, 51, 255, 0.08);*/
/*    overflow: hidden;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    min-height: 560px;*/
/*}*/

/*.chrome {*/
/*    padding: 14px 20px;*/
/*    border-bottom: 1px solid rgb(240, 238, 248);*/
/*    display: flex;*/
/*    gap: 8px;*/
/*    align-items: center;*/
/*}*/

/*.dot {*/
/*    width: 11px;*/
/*    height: 11px;*/
/*    border-radius: 50%;*/
/*}*/

/*.chrome-title {*/
/*    flex: 1;*/
/*    text-align: center;*/
/*    font-size: 12px;*/
/*    color: rgb(160, 160, 180);*/
/*}*/

/*.body {*/
/*    flex: 1;*/
/*    position: relative;*/
/*}*/

/*.pane {*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    display: flex;*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    transition: opacity 0.25s;*/
/*}*/

/*.pane.on {*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*}*/

/*!* Pane 1 — Drop zone *!*/
/*.drop {*/
/*    display: grid;*/
/*    place-items: center;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.drop-inner {*/
/*    width: 80%;*/
/*    max-width: 480px;*/
/*    height: 240px;*/
/*    padding: 24px;*/
/*    border: 2px dashed rgb(180, 180, 204);*/
/*    border-radius: 24px;*/
/*    display: grid;*/
/*    place-items: center;*/
/*    gap: 14px;*/
/*    background: rgba(235, 235, 250, 0.5);*/
/*}*/

/*.drop-circ {*/
/*    width: 64px;*/
/*    height: 64px;*/
/*    border-radius: 50%;*/
/*    background: linear-gradient(135deg, rgb(51, 51, 255), rgb(255, 92, 51));*/
/*    display: grid;*/
/*    place-items: center;*/
/*    color: #fff;*/
/*    font-size: 28px;*/
/*}*/

/*.drop-h {*/
/*    font-weight: 600;*/
/*    font-size: 18px;*/
/*    color: rgb(40, 40, 60);*/
/*}*/

/*.drop-d {*/
/*    font-size: 13px;*/
/*    color: rgb(140, 140, 160);*/
/*}*/

/*.formats {*/
/*    display: flex;*/
/*    gap: 8px;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*    margin-top: 4px;*/
/*}*/

/*.formats span {*/
/*    padding: 4px 10px;*/
/*    border-radius: 99px;*/
/*    background: #fff;*/
/*    border: 1px solid rgb(232, 228, 245);*/
/*    font-size: 11px;*/
/*    color: rgb(80, 80, 100);*/
/*    font-weight: 600;*/
/*    letter-spacing: 0.04em;*/
/*}*/

/*!* Pane 2 — Scanning *!*/
/*.scan {*/
/*    padding: 32px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 18px;*/
/*}*/

/*.scan-head {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    font-size: 13px;*/
/*    color: rgb(140, 140, 160);*/
/*    font-weight: 600;*/
/*    letter-spacing: 0.08em;*/
/*    text-transform: uppercase;*/
/*}*/

/*.pulse {*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    border-radius: 50%;*/
/*    background: rgb(51, 51, 255);*/
/*    animation: pulse 1.2s ease-in-out infinite;*/
/*}*/

/*@keyframes pulse {*/
/*    0%, 100% {*/
/*        opacity: 1;*/
/*        transform: scale(1);*/
/*    }*/
/*    50% {*/
/*        opacity: 0.4;*/
/*        transform: scale(0.7);*/
/*    }*/
/*}*/

/*.frames {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(8, 1fr);*/
/*    gap: 6px;*/
/*}*/

/*.frame {*/
/*    aspect-ratio: 16 / 9;*/
/*    border-radius: 6px;*/
/*    background: rgb(230, 230, 240);*/
/*}*/

/*.frame.done {*/
/*    background: linear-gradient(135deg, #5566ff, #aa55cc);*/
/*}*/

/*.frame.flag {*/
/*    background: linear-gradient(135deg, #ff5c33, #cc2266);*/
/*    box-shadow:*/
/*        0 0 0 2px #fff,*/
/*        0 0 0 4px rgba(255, 92, 51, 0.4);*/
/*}*/

/*.cats {*/
/*    display: flex;*/
/*    gap: 10px;*/
/*    flex-wrap: wrap;*/
/*    margin-top: auto;*/
/*}*/

/*.cat {*/
/*    padding: 6px 12px;*/
/*    border-radius: 99px;*/
/*    font-size: 12px;*/
/*    font-weight: 500;*/
/*    background: rgb(235, 235, 245);*/
/*    color: rgb(80, 80, 100);*/
/*}*/

/*.cat.hot {*/
/*    background: linear-gradient(90deg, rgb(51, 51, 255), rgb(255, 92, 51));*/
/*    color: #fff;*/
/*}*/

/*!* Pane 3 — Dashboard *!*/
/*.dash {*/
/*    padding: 24px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 12px;*/
/*}*/

/*.dash-head {*/
/*    display: flex;*/
/*    gap: 14px;*/
/*    align-items: center;*/
/*    font-size: 13px;*/
/*    color: rgb(140, 140, 160);*/
/*    font-weight: 600;*/
/*}*/

/*.dash-head .pill {*/
/*    padding: 4px 10px;*/
/*    border-radius: 99px;*/
/*    background: rgba(255, 92, 51, 0.1);*/
/*    color: rgb(200, 60, 30);*/
/*    font-size: 11px;*/
/*}*/

/*.row {*/
/*    display: grid;*/
/*    grid-template-columns: 80px 80px 1fr 70px;*/
/*    gap: 12px;*/
/*    padding: 12px 16px;*/
/*    background: rgb(245, 244, 252);*/
/*    border-radius: 12px;*/
/*    align-items: center;*/
/*    font-size: 13px;*/
/*}*/

/*.tc {*/
/*    font-family: 'PT Sans', sans-serif;*/
/*    font-weight: 700;*/
/*    color: rgb(51, 51, 255);*/
/*}*/

/*.thumb {*/
/*    aspect-ratio: 16 / 9;*/
/*    background: linear-gradient(135deg, #666, #222);*/
/*    border-radius: 4px;*/
/*}*/

/*.tag {*/
/*    font-weight: 500;*/
/*    color: rgb(40, 40, 60);*/
/*}*/

/*.sev {*/
/*    padding: 3px 8px;*/
/*    border-radius: 6px;*/
/*    font-size: 11px;*/
/*    font-weight: 600;*/
/*    text-align: center;*/
/*}*/

/*.sev.high {*/
/*    background: rgba(255, 92, 51, 0.15);*/
/*    color: rgb(200, 60, 30);*/
/*}*/

/*.sev.med {*/
/*    background: rgba(255, 160, 51, 0.15);*/
/*    color: rgb(180, 110, 20);*/
/*}*/

/*.sev.low {*/
/*    background: rgba(51, 51, 255, 0.12);*/
/*    color: rgb(51, 51, 255);*/
/*}*/

/*!* Pane 4 — Export *!*/
/*.export {*/
/*    padding: 32px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: grid;*/
/*    place-items: center;*/
/*}*/

/*.files {*/
/*    display: flex;*/
/*    gap: 18px;*/
/*}*/

/*.file {*/
/*    width: 140px;*/
/*    padding: 24px 18px;*/
/*    border-radius: 18px;*/
/*    background: #fff;*/
/*    border: 1px solid rgb(232, 228, 245);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 10px;*/
/*    align-items: flex-start;*/
/*    box-shadow: 0 8px 24px rgba(51, 51, 255, 0.08);*/
/*}*/

/*.file-ic {*/
/*    width: 36px;*/
/*    height: 36px;*/
/*    border-radius: 8px;*/
/*    background: linear-gradient(135deg, rgb(51, 51, 255), rgb(255, 92, 51));*/
/*}*/

/*.file-ext {*/
/*    font-family: 'PT Sans', sans-serif;*/
/*    font-weight: 700;*/
/*    font-size: 24px;*/
/*    letter-spacing: -0.01em;*/
/*}*/

/*.file-sub {*/
/*    font-size: 12px;*/
/*    color: rgb(140, 140, 160);*/
/*}*/

/*@media (max-width: 980px) {*/
/*    .stage {*/
/*        padding: 48px 24px;*/
/*    }*/

/*    .layout {*/
/*        grid-template-columns: 1fr;*/
/*    }*/

/*    .frames {*/
/*        grid-template-columns: repeat(6, 1fr);*/
/*    }*/

/*    .row {*/
/*        grid-template-columns: 64px 60px 1fr 50px;*/
/*        font-size: 12px;*/
/*    }*/

/*    .files {*/
/*        flex-wrap: wrap;*/
/*        justify-content: center;*/
/*    }*/
/*}*/

.stage{
    width: 100%;
    padding: 0 80px 80px 80px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.title{font-family:'PT Sans',sans-serif;font-weight:700;font-size:54px;letter-spacing:-0.02em;line-height:1.05}
.sub{font-size:18px;color:rgb(111,111,133);max-width:720px;line-height:1.4;margin-top:8px}
.timeline{position:relative;display:flex;flex-direction:column;gap:32px;     max-width: 850px;
    margin: auto;}
.thread{
    position:absolute;left:80px;top:30px;bottom:30px;width:4px;border-radius:2px;
    background:linear-gradient(180deg, rgb(51,51,255) 0%, rgb(120,60,200) 50%, rgb(255,92,51) 100%);
}
.step{display:flex;gap:32px;align-items:flex-start;position:relative}
.node-wrap{width:160px;flex-shrink:0;display:flex;justify-content:center}
.node{
    width:80px;height:80px;border-radius:50%;background:#fff;
    display:grid;place-items:center;
    box-shadow:0 0 0 4px #fff, 0 12px 32px rgba(51,51,255,.18);
    position:relative;z-index:1;
}
.node-num{
    font-family:'PT Sans',sans-serif;font-weight:700;font-size:42px;letter-spacing:-.02em;
    background:linear-gradient(135deg, rgb(51,51,255), rgb(255,92,51));
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.card{
    background:#fff;border-radius:24px;padding:24px 32px;flex:1;
    border:1px solid rgb(232,228,245);
    display:flex;flex-direction:column;gap:8px;
}
.step-h{font-weight:600;font-size:22px;line-height:1.25;color:rgb(9,9,10);letter-spacing:-0.01em}
.step-d{font-weight:400;font-size:16px;line-height:1.45;color:rgb(111,111,133)}

@media (max-width:780px){
    .stage{padding:48px 24px}
    .title{font-size:36px}
    .thread{left:30px}
    .node-wrap{width:60px}
    .node{width:48px;height:48px}
    .node-num{font-size:24px}
    .card{padding:18px 22px}
    .step-h{font-size:18px}
    .step-d{font-size:15px}
    .step{gap:16px}
}