/* roulang page: index */
:root{
            --bg:#0d0f12;
            --bg-soft:#11151b;
            --surface:#151b23;
            --surface-2:#1b2230;
            --surface-3:#232b39;
            --line:#2f3948;
            --text:#f4f0e8;
            --muted:#a8b1bf;
            --muted-2:#7f8997;
            --accent:#f97316;
            --accent-2:#22d3ee;
            --accent-3:#84cc16;
            --warning:#f59e0b;
            --shadow:0 12px 24px rgba(0,0,0,.28);
            --shadow-soft:0 8px 16px rgba(0,0,0,.18);
            --radius:8px;
            --radius-sm:6px;
            --container:1180px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            min-height:100vh;
            font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
            color:var(--text);
            background:
                linear-gradient(180deg, rgba(255,255,255,.03), transparent 28%),
                linear-gradient(90deg, rgba(249,115,22,.06) 1px, transparent 1px),
                linear-gradient(180deg, rgba(255,255,255,.03) 1px, transparent 1px),
                var(--bg);
            background-size:auto,64px 64px,64px 64px,auto;
            overflow-x:hidden;
        }
        a{
            color:inherit;
            text-decoration:none;
            transition:color .2s ease,opacity .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
        }
        a:hover{color:var(--accent)}
        img{max-width:100%;display:block}
        button,input{font:inherit}
        ::selection{background:rgba(249,115,22,.25);color:var(--text)}
        .site-container{
            width:min(var(--container), calc(100% - 2rem));
            margin:0 auto;
        }
        .site-header{
            position:sticky;
            top:0;
            z-index:1000;
            background:rgba(13,15,18,.96);
            border-bottom:1px solid var(--line);
        }
        .topbar{
            padding:.85rem 0;
        }
        .navbar{
            padding:0;
        }
        .navbar-brand{
            display:inline-flex;
            align-items:center;
            gap:.75rem;
            color:var(--text);
            font-weight:800;
            font-size:1rem;
            letter-spacing:0;
        }
        .brand-mark{
            width:2.15rem;
            height:2.15rem;
            border-radius:7px;
            border:1px solid rgba(249,115,22,.7);
            background:
                linear-gradient(145deg, rgba(249,115,22,.22), rgba(34,211,238,.1)),
                var(--surface);
            display:grid;
            place-items:center;
            color:var(--accent);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
            flex:0 0 auto;
        }
        .brand-mark i{
            width:1rem;
            height:1rem;
        }
        .navbar-nav{
            gap:.45rem;
        }
        .nav-link{
            color:var(--muted);
            font-size:.95rem;
            padding:.45rem .8rem !important;
            border:1px solid transparent;
            border-radius:7px;
        }
        .nav-link:hover,
        .nav-link:focus{
            color:var(--text);
            border-color:var(--line);
            background:rgba(255,255,255,.03);
        }
        .nav-link.active{
            color:var(--text);
            background:rgba(249,115,22,.1);
            border-color:rgba(249,115,22,.35);
        }
        .header-action{
            border-radius:7px;
            border:1px solid rgba(249,115,22,.5);
            color:var(--text);
            background:linear-gradient(180deg, rgba(249,115,22,.26), rgba(249,115,22,.15));
            padding:.58rem .95rem;
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            box-shadow:var(--shadow-soft);
            white-space:nowrap;
        }
        .header-action:hover{
            color:var(--text);
            transform:translateY(-1px);
            border-color:rgba(249,115,22,.9);
            box-shadow:var(--shadow);
        }
        .navbar-toggler{
            border:1px solid var(--line);
            border-radius:7px;
            padding:.48rem .65rem;
            color:var(--text);
            box-shadow:none !important;
        }
        .navbar-toggler:focus{
            box-shadow:0 0 0 .18rem rgba(249,115,22,.18) !important;
        }
        .navbar-toggler i{width:1rem;height:1rem}
        .navbar-collapse{
            flex-grow:0;
        }
        .hero-band{
            padding:2rem 0 2.4rem;
            border-bottom:1px solid var(--line);
            background:
                linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 64%),
                linear-gradient(135deg, rgba(249,115,22,.08), transparent 24%),
                linear-gradient(315deg, rgba(34,211,238,.06), transparent 28%);
        }
        .hero-grid{
            display:grid;
            grid-template-columns:1.02fr .98fr;
            gap:1.25rem;
            align-items:center;
        }
        .hero-copy{
            padding:.25rem 0;
        }
        .eyebrow{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.38rem .7rem;
            border-radius:999px;
            border:1px solid rgba(132,204,22,.28);
            background:rgba(132,204,22,.08);
            color:#d8f7a8;
            font-size:.82rem;
            font-weight:700;
            margin-bottom:1rem;
        }
        .eyebrow i{
            width:.9rem;
            height:.9rem;
        }
        h1{
            margin:0;
            font-size:3.15rem;
            line-height:1.05;
            letter-spacing:0;
            font-weight:900;
        }
        .hero-lead{
            margin:1rem 0 1.3rem;
            max-width:38rem;
            color:var(--muted);
            font-size:1.05rem;
            line-height:1.75;
        }
        .hero-tags{
            display:flex;
            flex-wrap:wrap;
            gap:.55rem;
            margin-bottom:1.45rem;
        }
        .tag{
            display:inline-flex;
            align-items:center;
            gap:.4rem;
            padding:.4rem .75rem;
            border-radius:999px;
            border:1px solid var(--line);
            background:rgba(255,255,255,.03);
            color:var(--text);
            font-size:.87rem;
            line-height:1;
        }
        .tag i{
            width:.88rem;
            height:.88rem;
            color:var(--accent-2);
        }
        .hero-actions{
            display:flex;
            flex-wrap:wrap;
            gap:.75rem;
            align-items:center;
        }
        .btn{
            border-radius:7px;
            padding:.78rem 1rem;
            font-weight:700;
            border:1px solid transparent;
            box-shadow:none;
            transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;
        }
        .btn:focus{
            box-shadow:0 0 0 .18rem rgba(249,115,22,.18) !important;
        }
        .btn-accent{
            background:linear-gradient(180deg, rgba(249,115,22,1), rgba(234,88,12,1));
            color:#fff;
            border-color:rgba(255,255,255,.06);
            box-shadow:0 10px 20px rgba(249,115,22,.18);
        }
        .btn-accent:hover{
            color:#fff;
            transform:translateY(-1px);
            box-shadow:0 14px 26px rgba(249,115,22,.26);
        }
        .btn-ghost{
            background:rgba(255,255,255,.03);
            color:var(--text);
            border-color:var(--line);
        }
        .btn-ghost:hover{
            color:var(--text);
            border-color:rgba(34,211,238,.5);
            background:rgba(34,211,238,.06);
            transform:translateY(-1px);
        }
        .hero-meta{
            margin-top:1rem;
            display:flex;
            flex-wrap:wrap;
            gap:1rem;
            color:var(--muted-2);
            font-size:.9rem;
        }
        .hero-meta strong{
            display:block;
            color:var(--text);
            font-size:1.05rem;
            margin-bottom:.08rem;
        }
        .hero-visual{
            position:relative;
            padding:1rem;
            border-radius:var(--radius);
            border:1px solid var(--line);
            background:
                linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
                var(--surface);
            box-shadow:var(--shadow);
            overflow:hidden;
        }
        .hero-visual::before{
            content:"";
            position:absolute;
            inset:0;
            background:
                linear-gradient(90deg, transparent 0, transparent 23%, rgba(255,255,255,.03) 24%, transparent 25%, transparent 100%),
                linear-gradient(180deg, transparent 0, transparent 24%, rgba(255,255,255,.03) 25%, transparent 26%, transparent 100%);
            background-size:100% 100%;
            opacity:.55;
            pointer-events:none;
        }
        .hero-visual-top{
            position:relative;
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:1rem;
            margin-bottom:.9rem;
        }
        .mini-chip{
            display:inline-flex;
            align-items:center;
            gap:.4rem;
            padding:.36rem .65rem;
            border-radius:999px;
            background:rgba(249,115,22,.1);
            color:#ffd4b7;
            font-size:.8rem;
            font-weight:700;
            border:1px solid rgba(249,115,22,.25);
        }
        .mini-chip i{
            width:.85rem;
            height:.85rem;
        }
        .search-box{
            position:relative;
            display:flex;
            gap:.5rem;
            align-items:center;
            margin-bottom:.9rem;
            z-index:1;
        }
        .search-box .form-control{
            height:2.95rem;
            background:var(--surface-2);
            border:1px solid var(--line);
            border-radius:7px;
            color:var(--text);
            padding-left:2.65rem;
        }
        .search-box .form-control::placeholder{
            color:var(--muted-2);
        }
        .search-box .form-control:focus{
            border-color:rgba(34,211,238,.5);
            box-shadow:0 0 0 .18rem rgba(34,211,238,.12);
            background:var(--surface-2);
            color:var(--text);
        }
        .search-box .search-icon{
            position:absolute;
            left:.9rem;
            color:var(--accent-2);
            width:1rem;
            height:1rem;
            pointer-events:none;
        }
        .search-box .btn{
            height:2.95rem;
            padding:.72rem 1rem;
            flex:0 0 auto;
        }
        .visual-board{
            position:relative;
            z-index:0;
            border-radius:var(--radius);
            border:1px solid var(--line);
            background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), #0f1319;
            overflow:hidden;
            min-height:19rem;
        }
        .visual-board svg{
            display:block;
            width:100%;
            height:100%;
        }
        .visual-stack{
            position:relative;
            z-index:2;
            margin-top:-7rem;
            display:grid;
            grid-template-columns:repeat(2, minmax(0, 1fr));
            gap:.75rem;
        }
        .panel-card{
            min-height:6.5rem;
            border-radius:var(--radius);
            border:1px solid var(--line);
            background:rgba(21,27,35,.92);
            padding:.9rem;
            box-shadow:var(--shadow-soft);
        }
        .panel-card .label{
            color:var(--muted-2);
            font-size:.78rem;
            margin-bottom:.3rem;
        }
        .panel-card .value{
            font-size:1.25rem;
            font-weight:800;
            line-height:1.1;
            margin-bottom:.3rem;
        }
        .panel-card .hint{
            font-size:.85rem;
            color:var(--muted);
            line-height:1.45;
        }
        .panel-card.accent{
            background:linear-gradient(180deg, rgba(249,115,22,.16), rgba(21,27,35,.94));
            border-color:rgba(249,115,22,.3);
        }
        .section-shell{
            padding:4rem 0;
        }
        .section-head{
            display:flex;
            justify-content:space-between;
            gap:1rem;
            align-items:flex-end;
            margin-bottom:1.25rem;
        }
        .section-head h2{
            margin:0;
            font-size:1.8rem;
            line-height:1.15;
            font-weight:850;
            letter-spacing:0;
        }
        .section-head p{
            margin:0;
            color:var(--muted);
            max-width:36rem;
            font-size:.98rem;
            line-height:1.7;
        }
        .section-tagline{
            display:inline-flex;
            align-items:center;
            gap:.4rem;
            color:#ffd5bf;
            font-size:.8rem;
            font-weight:700;
            letter-spacing:0;
            margin-bottom:.65rem;
            text-transform:none;
        }
        .section-tagline i{
            width:.9rem;
            height:.9rem;
        }
        .grid-steps{
            display:grid;
            grid-template-columns:repeat(4, minmax(0,1fr));
            gap:1rem;
        }
        .step-card,
        .feature-card,
        .milestone-card,
        .hot-card,
        .proof-card,
        .news-card,
        .side-card,
        .cta-band,
        .soft-panel{
            border-radius:var(--radius);
            border:1px solid var(--line);
            background:
                linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
                var(--surface);
            box-shadow:var(--shadow-soft);
        }
        .step-card{
            padding:1rem;
            min-height:100%;
        }
        .step-index{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            width:2.2rem;
            height:2.2rem;
            border-radius:7px;
            border:1px solid rgba(249,115,22,.35);
            background:rgba(249,115,22,.08);
            color:#ffd8bf;
            font-weight:800;
            margin-bottom:.9rem;
        }
        .step-card h3{
            font-size:1.03rem;
            margin:0 0 .4rem;
            line-height:1.35;
        }
        .step-card p{
            margin:0;
            color:var(--muted);
            font-size:.92rem;
            line-height:1.75;
        }
        .feature-grid{
            display:grid;
            grid-template-columns:repeat(4, minmax(0,1fr));
            gap:1rem;
        }
        .feature-card{
            padding:1rem;
            min-height:100%;
        }
        .feature-top{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            gap:1rem;
            margin-bottom:.8rem;
        }
        .feature-top .tag{
            background:rgba(255,255,255,.04);
            font-size:.8rem;
            padding:.34rem .6rem;
        }
        .metric-line{
            display:flex;
            justify-content:space-between;
            color:var(--muted-2);
            font-size:.78rem;
            margin-bottom:.35rem;
        }
        .metric-bar{
            height:.55rem;
            border-radius:999px;
            background:#10151c;
            border:1px solid rgba(255,255,255,.04);
            overflow:hidden;
            margin:.8rem 0 .55rem;
        }
        .metric-bar span{
            display:block;
            height:100%;
            border-radius:inherit;
            background:linear-gradient(90deg, var(--accent), #fb923c);
        }
        .feature-card h3{
            margin:0 0 .4rem;
            font-size:1.03rem;
            line-height:1.3;
        }
        .feature-card p{
            margin:0;
            color:var(--muted);
            font-size:.92rem;
            line-height:1.72;
        }
        .progress-shell{
            display:grid;
            grid-template-columns:1.05fr .95fr;
            gap:1rem;
            align-items:start;
        }
        .progress-panel{
            padding:1.15rem;
        }
        .progress-track{
            position:relative;
            height:.58rem;
            border-radius:999px;
            background:#0f141b;
            border:1px solid rgba(255,255,255,.04);
            overflow:hidden;
            margin:1rem 0 1.25rem;
        }
        .progress-fill{
            height:100%;
            width:72%;
            border-radius:inherit;
            background:linear-gradient(90deg, rgba(34,211,238,.95), rgba(132,204,22,.95));
        }
        .stage-list{
            display:grid;
            gap:.8rem;
        }
        .stage-item{
            display:flex;
            gap:.8rem;
            align-items:flex-start;
            padding:.8rem .9rem;
            border-radius:7px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.05);
        }
        .stage-dot{
            width:1.25rem;
            height:1.25rem;
            border-radius:50%;
            margin-top:.15rem;
            flex:0 0 auto;
            border:1px solid var(--line);
            background:var(--surface-2);
            position:relative;
        }
        .stage-dot.done{
            border-color:rgba(132,204,22,.75);
            background:rgba(132,204,22,.22);
        }
        .stage-dot.current{
            border-color:rgba(34,211,238,.8);
            background:rgba(34,211,238,.22);
        }
        .stage-dot.todo{
            opacity:.75;
        }
        .stage-item strong{
            display:block;
            font-size:.96rem;
            margin-bottom:.2rem;
        }
        .stage-item span{
            color:var(--muted);
            font-size:.9rem;
            line-height:1.6;
        }
        .progress-side{
            padding:1.15rem;
        }
        .progress-side h3{
            margin:0 0 .55rem;
            font-size:1.12rem;
        }
        .progress-side p{
            margin:0 0 1rem;
            color:var(--muted);
            font-size:.94rem;
            line-height:1.78;
        }
        .score-row{
            display:grid;
            grid-template-columns:repeat(2, minmax(0,1fr));
            gap:.8rem;
        }
        .score-tile{
            padding:.85rem;
            border-radius:7px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.05);
            min-height:5.25rem;
        }
        .score-tile .num{
            display:block;
            color:#fff;
            font-size:1.4rem;
            font-weight:900;
            line-height:1;
            margin-bottom:.35rem;
        }
        .score-tile .desc{
            color:var(--muted);
            font-size:.85rem;
            line-height:1.55;
        }
        .cta-band{
            padding:1.4rem;
            background:
                linear-gradient(90deg, rgba(249,115,22,.12), rgba(34,211,238,.08)),
                var(--surface);
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:1rem;
        }
        .cta-band h2{
            margin:0 0 .35rem;
            font-size:1.55rem;
            line-height:1.18;
        }
        .cta-band p{
            margin:0;
            color:var(--muted);
            font-size:.97rem;
            line-height:1.75;
            max-width:48rem;
        }
        .cta-actions{
            display:flex;
            flex-wrap:wrap;
            gap:.7rem;
            flex:0 0 auto;
        }
        .timeline-grid{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:1rem;
        }
        .milestone-card{
            padding:1rem;
            min-height:100%;
            position:relative;
        }
        .milestone-card::after{
            content:"";
            position:absolute;
            inset:auto 1rem 1rem 1rem;
            height:1px;
            background:linear-gradient(90deg, rgba(249,115,22,.65), transparent);
        }
        .milestone-card .marker{
            width:2.15rem;
            height:2.15rem;
            border-radius:7px;
            display:grid;
            place-items:center;
            background:rgba(249,115,22,.1);
            border:1px solid rgba(249,115,22,.3);
            color:#ffd9c2;
            font-weight:800;
            margin-bottom:.85rem;
        }
        .milestone-card h3{
            margin:0 0 .35rem;
            font-size:1.04rem;
            line-height:1.32;
        }
        .milestone-card p{
            margin:0;
            color:var(--muted);
            font-size:.92rem;
            line-height:1.72;
        }
        .hot-grid{
            display:grid;
            grid-template-columns:repeat(4, minmax(0,1fr));
            gap:1rem;
        }
        .hot-card{
            padding:1rem;
            min-height:100%;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            gap:1rem;
        }
        .hot-card .rank{
            width:2.1rem;
            height:2.1rem;
            border-radius:7px;
            border:1px solid rgba(34,211,238,.35);
            color:#d2fbff;
            background:rgba(34,211,238,.08);
            display:grid;
            place-items:center;
            font-weight:800;
            margin-bottom:.8rem;
        }
        .hot-card h3{
            margin:0 0 .35rem;
            font-size:1.02rem;
        }
        .hot-card p{
            margin:0;
            color:var(--muted);
            font-size:.91rem;
            line-height:1.72;
        }
        .hot-card .btn{
            width:fit-content;
            padding:.56rem .85rem;
        }
        .news-layout{
            display:grid;
            grid-template-columns:1.15fr .85fr;
            gap:1rem;
            align-items:start;
        }
        .news-list{
            margin:0;
            padding:0;
            list-style:none;
        }
        .news-list li{
            border-bottom:1px solid rgba(255,255,255,.06);
        }
        .news-link{
            display:flex;
            justify-content:space-between;
            gap:1rem;
            padding:1rem 0;
        }
        .news-link:hover{
            transform:translateX(2px);
        }
        .news-main h3{
            margin:0 0 .35rem;
            font-size:1.03rem;
            line-height:1.38;
        }
        .news-main p{
            margin:0;
            color:var(--muted);
            font-size:.91rem;
            line-height:1.7;
        }
        .news-meta{
            flex:0 0 auto;
            text-align:right;
            color:var(--muted-2);
            font-size:.8rem;
            line-height:1.5;
            white-space:nowrap;
        }
        .news-meta .pill{
            display:inline-flex;
            align-items:center;
            padding:.28rem .5rem;
            border-radius:999px;
            border:1px solid rgba(249,115,22,.22);
            background:rgba(249,115,22,.08);
            color:#ffd3ba;
            margin-bottom:.35rem;
        }
        .side-card{
            padding:1rem;
        }
        .side-card h3{
            margin:0 0 .35rem;
            font-size:1.07rem;
        }
        .side-card p{
            margin:0 0 .9rem;
            color:var(--muted);
            font-size:.92rem;
            line-height:1.72;
        }
        .side-list{
            display:grid;
            gap:.8rem;
        }
        .side-list .item{
            padding:.8rem;
            border-radius:7px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.05);
        }
        .side-list .item strong{
            display:block;
            margin-bottom:.2rem;
            font-size:.94rem;
        }
        .side-list .item span{
            color:var(--muted);
            font-size:.86rem;
            line-height:1.62;
        }
        .proof-grid{
            display:grid;
            grid-template-columns:repeat(4, minmax(0,1fr));
            gap:1rem;
        }
        .proof-card{
            padding:1rem;
            min-height:100%;
        }
        .proof-bubble{
            padding:.95rem;
            border-radius:7px;
            border:1px solid rgba(255,255,255,.05);
            background:rgba(255,255,255,.03);
            margin-bottom:.85rem;
        }
        .proof-bubble p{
            margin:0;
            color:var(--text);
            font-size:.94rem;
            line-height:1.7;
        }
        .proof-card .name{
            color:var(--muted);
            font-size:.88rem;
        }
        .faq-shell{
            display:grid;
            grid-template-columns:1fr;
            gap:1rem;
        }
        .faq-note{
            padding:1rem;
            border-radius:var(--radius);
            border:1px solid rgba(34,211,238,.18);
            background:rgba(34,211,238,.06);
            color:#d7faff;
            font-size:.92rem;
            line-height:1.75;
        }
        .accordion{
            --bs-accordion-bg: var(--surface);
            --bs-accordion-border-color: var(--line);
            --bs-accordion-color: var(--text);
            --bs-accordion-btn-color: var(--text);
            --bs-accordion-btn-bg: var(--surface);
            --bs-accordion-active-bg: rgba(249,115,22,.08);
            --bs-accordion-active-color: var(--text);
            --bs-accordion-btn-icon: none;
            --bs-accordion-btn-icon-width: 0;
            --bs-accordion-btn-focus-box-shadow: 0 0 0 .18rem rgba(249,115,22,.18);
        }
        .accordion-item{
            border-radius:var(--radius);
            overflow:hidden;
            margin-bottom:.75rem;
            border:1px solid var(--line);
        }
        .accordion-button{
            background:var(--surface);
            color:var(--text);
            font-weight:700;
            padding:1rem 1.1rem;
            box-shadow:none !important;
        }
        .accordion-button:not(.collapsed){
            color:var(--text);
            background:rgba(249,115,22,.08);
        }
        .accordion-button::after{
            width:.9rem;
            height:.9rem;
            margin-left:1rem;
            background-image:none;
            content:"+";
            color:var(--accent);
            font-size:1.3rem;
            line-height:1;
            display:grid;
            place-items:center;
            font-weight:400;
        }
        .accordion-button:not(.collapsed)::after{
            content:"–";
        }
        .accordion-body{
            background:rgba(255,255,255,.02);
            color:var(--muted);
            line-height:1.8;
            padding:1rem 1.1rem 1.1rem;
        }
        .site-footer{
            border-top:1px solid var(--line);
            background:#0a0c0f;
            padding:1.8rem 0 2.2rem;
        }
        .footer-grid{
            display:grid;
            grid-template-columns:1.1fr .9fr;
            gap:1rem;
            align-items:start;
        }
        .footer-brand{
            display:flex;
            flex-direction:column;
            gap:.7rem;
        }
        .footer-brand strong{
            font-size:1.05rem;
        }
        .footer-brand p{
            margin:0;
            color:var(--muted);
            font-size:.9rem;
            line-height:1.75;
            max-width:42rem;
        }
        .footer-links{
            display:flex;
            flex-wrap:wrap;
            gap:.65rem;
            justify-content:flex-end;
        }
        .footer-link{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
            padding:.45rem .7rem;
            border-radius:7px;
            border:1px solid var(--line);
            background:rgba(255,255,255,.03);
            color:var(--text);
            font-size:.88rem;
        }
        .footer-link:hover{
            color:var(--text);
            border-color:rgba(249,115,22,.4);
            background:rgba(249,115,22,.08);
        }
        .footer-meta{
            margin-top:1rem;
            padding-top:1rem;
            border-top:1px solid rgba(255,255,255,.06);
            display:flex;
            justify-content:space-between;
            flex-wrap:wrap;
            gap:.7rem;
            color:var(--muted-2);
            font-size:.84rem;
        }
        .soft-panel{
            padding:1rem;
        }
        .soft-panel p{
            margin:0;
            color:var(--muted);
            line-height:1.75;
            font-size:.92rem;
        }
        .nav-mobile-note{
            display:none;
        }
        .navbar-collapse .nav-inner{
            display:flex;
            align-items:center;
            gap:.55rem;
            padding-left:1rem;
        }

        @media (max-width: 1199.98px){
            .hero-grid,
            .progress-shell,
            .news-layout,
            .footer-grid{
                grid-template-columns:1fr;
            }
            .feature-grid,
            .grid-steps,
            .hot-grid,
            .proof-grid,
            .timeline-grid{
                grid-template-columns:repeat(2, minmax(0,1fr));
            }
            .visual-stack{
                margin-top:1rem;
            }
            .hero-visual{
                padding:1rem;
            }
        }
        @media (max-width: 991.98px){
            .navbar-collapse{
                margin-top:.8rem;
                width:100%;
                padding:.8rem;
                border:1px solid var(--line);
                border-radius:var(--radius);
                background:var(--surface);
            }
            .navbar-collapse .nav-inner{
                flex-direction:column;
                align-items:stretch;
                padding-left:0;
            }
            .nav-link{
                width:100%;
            }
            .header-action{
                width:100%;
                justify-content:center;
            }
            .section-head,
            .cta-band{
                flex-direction:column;
                align-items:flex-start;
            }
            .cta-actions{
                width:100%;
            }
            .cta-actions .btn{
                width:100%;
                justify-content:center;
            }
            h1{
                font-size:2.45rem;
            }
            .hero-lead{
                font-size:1rem;
            }
            .news-link{
                flex-direction:column;
                align-items:flex-start;
            }
            .news-meta{
                text-align:left;
            }
            .score-row{
                grid-template-columns:1fr;
            }
        }
        @media (max-width: 767.98px){
            .site-container{
                width:min(calc(100% - 1.1rem), var(--container));
            }
            .topbar{
                padding:.7rem 0;
            }
            h1{
                font-size:2.1rem;
            }
            .hero-band{
                padding:1.5rem 0 1.9rem;
            }
            .section-shell{
                padding:3rem 0;
            }
            .section-head h2{
                font-size:1.45rem;
            }
            .grid-steps,
            .feature-grid,
            .hot-grid,
            .proof-grid,
            .timeline-grid,
            .feature-grid{
                grid-template-columns:1fr;
            }
            .visual-stack{
                grid-template-columns:1fr;
            }
            .footer-links{
                justify-content:flex-start;
            }
            .navbar-brand{
                font-size:.95rem;
            }
        }
        @media (max-width: 519.98px){
            .hero-actions,
            .hero-meta{
                flex-direction:column;
                align-items:stretch;
            }
            .btn,
            .header-action{
                width:100%;
                justify-content:center;
            }
            .search-box{
                flex-direction:column;
                align-items:stretch;
            }
            .search-box .form-control{
                padding-left:2.5rem;
            }
            .search-box .btn{
                width:100%;
            }
            .search-box .search-icon{
                top:1rem;
            }
            .cta-band{
                padding:1.1rem;
            }
            .cta-band h2{
                font-size:1.28rem;
            }
            .panel-card .value{
                font-size:1.12rem;
            }
        }

/* roulang page: category1 */
:root{
      --bg:#111111;
      --bg-soft:#171717;
      --panel:#1b1b1b;
      --panel-2:#202020;
      --paper:#f6f1e8;
      --text:#f3f3f3;
      --muted:#b8b2a7;
      --line:#2c2c2c;
      --line-2:#3a3a3a;
      --accent:#f26b21;
      --accent-2:#f4a53a;
      --accent-soft:rgba(242,107,33,.12);
      --cyan:#55d6e8;
      --green:#9be15d;
      --shadow:0 14px 30px rgba(0,0,0,.32);
      --shadow-strong:0 18px 42px rgba(0,0,0,.46);
      --radius:8px;
      --radius-sm:6px;
      --gap:24px;
      --header-h:72px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,sans-serif;
      background:
        linear-gradient(180deg, rgba(242,107,33,.08), transparent 24%),
        linear-gradient(135deg, #0d0d0d 0%, #111111 48%, #0f0f0f 100%);
      color:var(--text);
      line-height:1.65;
      letter-spacing:0;
      overflow-x:hidden;
    }
    ::selection{background:rgba(242,107,33,.28);color:#fff}
    a{color:inherit;text-decoration:none}
    a:hover{color:inherit}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    .site-container{
      width:min(1180px, calc(100% - 32px));
      margin:0 auto;
    }
    .site-header{
      position:sticky;
      top:0;
      z-index:1030;
      background:rgba(14,14,14,.88);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .topbar{
      min-height:var(--header-h);
      display:flex;
      align-items:center;
    }
    .navbar{
      width:100%;
      padding:0;
    }
    .navbar-brand{
      display:inline-flex;
      align-items:center;
      gap:12px;
      color:var(--paper);
      font-weight:800;
      letter-spacing:0;
      font-size:1.05rem;
    }
    .brand-mark{
      width:34px;
      height:34px;
      border-radius:8px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg, rgba(242,107,33,.18), rgba(242,107,33,.04));
      border:1px solid rgba(242,107,33,.35);
      color:var(--accent);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
    }
    .navbar-brand:hover .brand-mark{
      transform:translateY(-1px);
      box-shadow:0 10px 20px rgba(242,107,33,.15);
    }
    .nav-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      width:100%;
      gap:16px;
    }
    .navbar-nav{
      align-items:center;
      gap:10px;
    }
    .nav-link{
      color:rgba(255,255,255,.74);
      padding:.55rem .9rem;
      border-radius:6px;
      border:1px solid transparent;
      transition:all .18s ease;
      font-weight:600;
    }
    .nav-link:hover,
    .nav-link:focus{
      color:#fff;
      border-color:rgba(255,255,255,.12);
      background:rgba(255,255,255,.03);
    }
    .nav-link.active,
    .nav-link[aria-current="page"]{
      color:#fff;
      background:rgba(242,107,33,.14);
      border-color:rgba(242,107,33,.34);
    }
    .header-action{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:.72rem 1rem;
      border-radius:6px;
      background:var(--accent);
      border:1px solid var(--accent);
      color:#fff;
      font-weight:700;
      box-shadow:0 10px 24px rgba(242,107,33,.22);
      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
      white-space:nowrap;
    }
    .header-action:hover,
    .header-action:focus{
      color:#fff;
      transform:translateY(-1px);
      box-shadow:0 14px 30px rgba(242,107,33,.28);
      background:#ff7a2f;
    }
    .navbar-toggler{
      border:1px solid rgba(255,255,255,.12);
      border-radius:6px;
      color:#fff;
      padding:.55rem .7rem;
      background:rgba(255,255,255,.03);
      box-shadow:none;
    }
    .navbar-toggler:focus{
      box-shadow:0 0 0 .2rem rgba(242,107,33,.18);
    }
    .hero-band{
      padding:28px 0 18px;
    }
    .hero-shell{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.08);
      border-radius:8px;
      background:
        linear-gradient(140deg, rgba(242,107,33,.12), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 18%),
        linear-gradient(180deg, #171717 0%, #121212 100%);
      box-shadow:var(--shadow-strong);
    }
    .hero-shell::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0, rgba(255,255,255,.02) 1px, transparent 1px, transparent 56px),
        linear-gradient(135deg, transparent 0%, transparent 54%, rgba(255,255,255,.03) 54%, rgba(255,255,255,.03) 56%, transparent 56%, transparent 100%);
      pointer-events:none;
      opacity:.9;
    }
    .hero-grid{
      position:relative;
      display:grid;
      grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
      gap:28px;
      align-items:stretch;
      padding:28px;
    }
    .hero-copy{
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:18px;
      min-width:0;
    }
    .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      width:fit-content;
      padding:.36rem .72rem;
      border-radius:999px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      color:var(--muted);
      font-size:.92rem;
      font-weight:600;
    }
    .status-dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--green);
      box-shadow:0 0 0 4px rgba(155,225,93,.12);
    }
    .hero-copy h1{
      margin:0;
      font-size:clamp(2rem, 4vw, 3.4rem);
      line-height:1.08;
      color:#fff;
      font-weight:900;
      letter-spacing:0;
    }
    .hero-copy p{
      margin:0;
      color:var(--muted);
      font-size:1.02rem;
      max-width:58ch;
    }
    .hero-tags{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }
    .mini-badge,
    .chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.08);
      padding:.46rem .8rem;
      font-size:.92rem;
      line-height:1;
      transition:all .18s ease;
    }
    .mini-badge{
      background:rgba(255,255,255,.04);
      color:#fff;
    }
    .mini-badge-accent{
      background:rgba(242,107,33,.12);
      border-color:rgba(242,107,33,.28);
      color:#ffd9c2;
    }
    .mini-badge-cyan{
      background:rgba(85,214,232,.09);
      border-color:rgba(85,214,232,.24);
      color:#d8fbff;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      align-items:center;
    }
    .btn-hero{
      display:inline-flex;
      align-items:center;
      gap:8px;
      min-height:46px;
      padding:.78rem 1.1rem;
      border-radius:6px;
      border:1px solid transparent;
      font-weight:700;
      transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    }
    .btn-hero:hover,
    .btn-hero:focus{
      transform:translateY(-1px);
    }
    .btn-hero-primary{
      background:var(--accent);
      color:#fff;
      box-shadow:0 12px 24px rgba(242,107,33,.22);
    }
    .btn-hero-primary:hover,
    .btn-hero-primary:focus{
      color:#fff;
      box-shadow:0 16px 32px rgba(242,107,33,.3);
      background:#ff782b;
    }
    .btn-hero-ghost{
      background:transparent;
      color:var(--paper);
      border-color:rgba(255,255,255,.14);
    }
    .btn-hero-ghost:hover,
    .btn-hero-ghost:focus{
      color:#fff;
      border-color:rgba(242,107,33,.4);
      background:rgba(255,255,255,.04);
    }
    .hero-metrics{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:12px;
      margin-top:2px;
    }
    .metric-tile{
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      border-radius:8px;
      padding:14px;
      min-height:96px;
    }
    .metric-kicker{
      color:var(--muted);
      font-size:.88rem;
      margin-bottom:8px;
    }
    .metric-value{
      font-size:1.45rem;
      line-height:1.1;
      font-weight:800;
      color:#fff;
    }
    .metric-value span{
      color:var(--accent);
    }
    .metric-note{
      color:#d7d0c5;
      font-size:.9rem;
      margin-top:6px;
    }
    .hero-visual{
      position:relative;
      min-height:100%;
      border-radius:8px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.08);
      background:
        linear-gradient(145deg, rgba(242,107,33,.18), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.08), transparent 20%),
        linear-gradient(180deg, #101010 0%, #151515 58%, #0f0f0f 100%);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      padding:18px;
      isolation:isolate;
    }
    .hero-visual::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 78% 18%, rgba(85,214,232,.16), transparent 20%),
        radial-gradient(circle at 22% 72%, rgba(242,107,33,.15), transparent 22%),
        repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 1px, transparent 18px);
      opacity:.9;
      mix-blend-mode:screen;
      pointer-events:none;
      z-index:-1;
      animation:scan 12s linear infinite;
    }
    @keyframes scan{
      0%{transform:translateY(-2%)}
      50%{transform:translateY(2%)}
      100%{transform:translateY(-2%)}
    }
    .visual-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
    }
    .visual-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:.42rem .72rem;
      border-radius:999px;
      background:rgba(0,0,0,.34);
      border:1px solid rgba(255,255,255,.1);
      color:#fff;
      font-size:.86rem;
      font-weight:700;
    }
    .visual-title{
      max-width:16ch;
      color:#fff;
      font-size:1.8rem;
      font-weight:900;
      line-height:1.02;
      letter-spacing:0;
      text-align:right;
    }
    .visual-stage{
      position:relative;
      flex:1;
      min-height:290px;
      margin:18px 0;
      border-radius:8px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), transparent 18%),
        linear-gradient(135deg, rgba(18,18,18,.88), rgba(9,9,9,.9));
      border:1px solid rgba(255,255,255,.08);
      overflow:hidden;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .visual-stage::before{
      content:"";
      position:absolute;
      inset:12px;
      border-radius:6px;
      border:1px solid rgba(255,255,255,.08);
      background:
        linear-gradient(135deg, rgba(242,107,33,.14), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.05), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
    }
    .play-circle{
      position:relative;
      z-index:2;
      width:84px;
      height:84px;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(242,107,33,.18);
      border:1px solid rgba(242,107,33,.45);
      color:#fff;
      box-shadow:0 0 0 10px rgba(242,107,33,.08);
      transition:transform .18s ease, box-shadow .18s ease;
    }
    .play-circle:hover,
    .play-circle:focus{
      transform:scale(1.03);
      box-shadow:0 0 0 12px rgba(242,107,33,.1);
      color:#fff;
    }
    .play-circle svg{
      width:28px;
      height:28px;
      margin-left:3px;
    }
    .visual-footer{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:10px;
    }
    .visual-stat{
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      border-radius:6px;
      padding:12px;
      min-height:82px;
    }
    .visual-stat .label{
      color:var(--muted);
      font-size:.82rem;
    }
    .visual-stat .num{
      color:#fff;
      font-size:1.28rem;
      font-weight:800;
      margin-top:2px;
    }
    .visual-stat .desc{
      color:#d8d3ca;
      font-size:.88rem;
      margin-top:4px;
    }
    .section-band{
      padding:16px 0 0;
    }
    .panel-shell{
      background:rgba(255,255,255,.03);
      border-top:1px solid rgba(255,255,255,.06);
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .section-head{
      display:flex;
      flex-wrap:wrap;
      align-items:end;
      justify-content:space-between;
      gap:12px;
      margin-bottom:16px;
    }
    .section-title-wrap h2,
    .section-title-wrap h3{
      margin:0;
      font-size:1.42rem;
      line-height:1.2;
      font-weight:850;
      letter-spacing:0;
      color:#fff;
    }
    .section-title-wrap p{
      margin:6px 0 0;
      color:var(--muted);
      font-size:.95rem;
      max-width:62ch;
    }
    .section-label{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:.34rem .7rem;
      border-radius:999px;
      border:1px solid rgba(242,107,33,.28);
      color:#ffd8be;
      background:rgba(242,107,33,.1);
      font-size:.84rem;
      font-weight:700;
      margin-bottom:10px;
      width:fit-content;
    }
    .count-pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.04);
      padding:.48rem .8rem;
      color:#fff;
      font-weight:700;
      font-size:.92rem;
    }
    .filter-shell{
      margin-top:-8px;
      padding:22px 0 8px;
    }
    .filter-bar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
      padding:16px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.08);
      border-radius:8px;
      box-shadow:var(--shadow);
    }
    .chip-group{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
    .chip{
      background:rgba(255,255,255,.04);
      color:rgba(255,255,255,.8);
      cursor:pointer;
      border:1px solid rgba(255,255,255,.08);
    }
    .chip:hover,
    .chip:focus{
      color:#fff;
      border-color:rgba(242,107,33,.34);
      background:rgba(242,107,33,.08);
    }
    .chip.active{
      color:#fff;
      border-color:rgba(242,107,33,.42);
      background:rgba(242,107,33,.16);
      box-shadow:0 8px 18px rgba(242,107,33,.14);
    }
    .search-box{
      flex:1 1 280px;
      max-width:360px;
      display:flex;
      align-items:center;
      gap:8px;
    }
    .search-box input{
      width:100%;
      min-height:46px;
      border-radius:6px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.12);
      color:#fff;
      padding:0 14px;
      outline:none;
      transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .search-box input::placeholder{color:rgba(255,255,255,.45)}
    .search-box input:focus{
      border-color:rgba(242,107,33,.42);
      box-shadow:0 0 0 .18rem rgba(242,107,33,.12);
      background:rgba(255,255,255,.04);
    }
    .search-box button{
      min-height:46px;
      border-radius:6px;
      padding:0 14px;
      border:1px solid rgba(242,107,33,.38);
      color:#fff;
      background:rgba(242,107,33,.14);
      font-weight:700;
      display:inline-flex;
      align-items:center;
      gap:8px;
      transition:all .18s ease;
      white-space:nowrap;
    }
    .search-box button:hover,
    .search-box button:focus{
      background:rgba(242,107,33,.24);
      box-shadow:0 10px 20px rgba(242,107,33,.16);
      transform:translateY(-1px);
    }
    .section-slab{
      padding:42px 0 12px;
    }
    .step-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:14px;
    }
    .step-card,
    .highlight-card,
    .entry-card,
    .progress-card{
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.08);
      border-radius:8px;
      box-shadow:var(--shadow);
    }
    .step-card{
      padding:18px;
      min-height:172px;
      position:relative;
      overflow:hidden;
    }
    .step-card::before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:3px;
      background:linear-gradient(90deg, var(--accent), rgba(255,255,255,0));
    }
    .step-index{
      width:42px;
      height:42px;
      border-radius:8px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(242,107,33,.12);
      border:1px solid rgba(242,107,33,.3);
      color:#ffd6bc;
      font-weight:800;
      margin-bottom:12px;
    }
    .step-card h3{
      margin:0 0 8px;
      font-size:1.05rem;
      line-height:1.28;
      color:#fff;
      font-weight:800;
    }
    .step-card p{
      margin:0;
      color:var(--muted);
      font-size:.95rem;
    }
    .highlight-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px;
    }
    .highlight-card{
      padding:18px;
      min-height:166px;
      position:relative;
      overflow:hidden;
    }
    .highlight-card .icon-box{
      width:44px;
      height:44px;
      border-radius:8px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin-bottom:12px;
      border:1px solid rgba(85,214,232,.24);
      background:rgba(85,214,232,.08);
      color:#bceff7;
    }
    .highlight-card:nth-child(2) .icon-box{
      border-color:rgba(242,107,33,.28);
      background:rgba(242,107,33,.1);
      color:#ffd2b6;
    }
    .highlight-card:nth-child(3) .icon-box{
      border-color:rgba(155,225,93,.24);
      background:rgba(155,225,93,.09);
      color:#dff9bb;
    }
    .highlight-card h3{
      margin:0 0 8px;
      font-size:1.04rem;
      line-height:1.28;
      font-weight:800;
      color:#fff;
    }
    .highlight-card p{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tag-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .tag-pill{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:.35rem .64rem;
      border-radius:999px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      color:#fff;
      font-size:.82rem;
      font-weight:700;
    }
    .tag-pill.orange{
      background:rgba(242,107,33,.12);
      border-color:rgba(242,107,33,.28);
      color:#ffd8be;
    }
    .tag-pill.cyan{
      background:rgba(85,214,232,.1);
      border-color:rgba(85,214,232,.24);
      color:#d9fbff;
    }
    .tag-pill.green{
      background:rgba(155,225,93,.1);
      border-color:rgba(155,225,93,.24);
      color:#e1fbbe;
    }
    .entry-shell{
      padding:42px 0 12px;
    }
    .entry-grid{
      row-gap:14px;
    }
    .entry-card{
      height:100%;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .entry-card:hover{
      transform:translateY(-2px);
      border-color:rgba(242,107,33,.26);
      box-shadow:0 18px 38px rgba(0,0,0,.38);
    }
    .entry-cover{
      position:relative;
      aspect-ratio:16/9;
      overflow:hidden;
      border-bottom:1px solid rgba(255,255,255,.08);
      background:
        linear-gradient(135deg, rgba(255,255,255,.05), transparent 26%),
        linear-gradient(145deg, rgba(242,107,33,.2), rgba(12,12,12,.8));
    }
    .entry-cover::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 18px),
        repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 1px, transparent 22px);
      opacity:.6;
    }
    .entry-cover::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.05) 40%, rgba(0,0,0,.5) 100%);
    }
    .cover-a{background:linear-gradient(135deg, rgba(242,107,33,.2), rgba(13,13,13,.92));}
    .cover-b{background:linear-gradient(135deg, rgba(85,214,232,.18), rgba(13,13,13,.92));}
    .cover-c{background:linear-gradient(135deg, rgba(155,225,93,.16), rgba(13,13,13,.92));}
    .cover-d{background:linear-gradient(135deg, rgba(244,165,58,.18), rgba(13,13,13,.92));}
    .cover-e{background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(13,13,13,.92));}
    .cover-f{background:linear-gradient(135deg, rgba(242,107,33,.12), rgba(85,214,232,.11), rgba(13,13,13,.92));}
    .cover-top,
    .cover-bottom{
      position:absolute;
      left:14px;
      right:14px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      z-index:2;
    }
    .cover-top{top:14px}
    .cover-bottom{bottom:14px}
    .cover-state{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:.34rem .56rem;
      border-radius:999px;
      background:rgba(0,0,0,.38);
      border:1px solid rgba(255,255,255,.1);
      color:#fff;
      font-size:.8rem;
      font-weight:700;
    }
    .cover-mini{
      color:#fff;
      font-weight:800;
      font-size:.82rem;
      padding:.38rem .55rem;
      border-radius:999px;
      background:rgba(0,0,0,.28);
      border:1px solid rgba(255,255,255,.08);
    }
    .cover-number{
      position:absolute;
      left:16px;
      bottom:16px;
      z-index:2;
      color:#fff;
      font-weight:900;
      font-size:2rem;
      line-height:1;
      letter-spacing:0;
      text-shadow:0 6px 18px rgba(0,0,0,.45);
    }
    .card-body{
      padding:18px;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .entry-card h3{
      margin:0;
      color:#fff;
      font-size:1.08rem;
      line-height:1.3;
      font-weight:850;
    }
    .entry-desc{
      margin:0;
      color:var(--muted);
      font-size:.95rem;
    }
    .entry-meta{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .entry-action{
      margin-top:auto;
      display:flex;
      justify-content:flex-start;
    }
    .entry-btn{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding:.62rem .9rem;
      border-radius:6px;
      border:1px solid rgba(242,107,33,.34);
      background:rgba(242,107,33,.12);
      color:#fff;
      font-weight:700;
      transition:all .18s ease;
      min-height:42px;
    }
    .entry-btn:hover,
    .entry-btn:focus{
      color:#fff;
      transform:translateY(-1px);
      border-color:rgba(242,107,33,.5);
      background:rgba(242,107,33,.2);
      box-shadow:0 12px 22px rgba(242,107,33,.15);
    }
    .pager-shell{
      padding:18px 0 0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
    }
    .pager-info{
      color:var(--muted);
      font-size:.95rem;
    }
    .pager-actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
    .pager-btn{
      min-height:44px;
      padding:.68rem .95rem;
      border-radius:6px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      color:#fff;
      font-weight:700;
      display:inline-flex;
      align-items:center;
      gap:8px;
      transition:all .18s ease;
    }
    .pager-btn:hover,
    .pager-btn:focus{
      transform:translateY(-1px);
      background:rgba(255,255,255,.06);
      border-color:rgba(242,107,33,.3);
      color:#fff;
    }
    .pager-btn.primary{
      background:rgba(242,107,33,.14);
      border-color:rgba(242,107,33,.34);
    }
    .progress-shell{
      padding:42px 0 12px;
    }
    .progress-grid{
      display:grid;
      grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
      gap:14px;
    }
    .progress-copy{
      padding:20px;
      border-radius:8px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.08);
      box-shadow:var(--shadow);
    }
    .progress-copy h3{
      margin:0 0 8px;
      color:#fff;
      font-size:1.2rem;
      font-weight:850;
      line-height:1.22;
    }
    .progress-copy p{
      margin:0;
      color:var(--muted);
    }
    .scoreboard{
      display:grid;
      gap:12px;
    }
    .score-card{
      padding:16px 18px;
      border-radius:8px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.08);
      box-shadow:var(--shadow);
    }
    .score-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .score-top strong{
      color:#fff;
      font-size:1rem;
    }
    .score-top span{
      color:#ffd8be;
      font-weight:800;
    }
    .progress{
      height:10px;
      background:rgba(255,255,255,.07);
      border-radius:999px;
      overflow:hidden;
      margin-bottom:10px;
    }
    .progress-bar{
      background:linear-gradient(90deg, var(--accent), var(--accent-2));
    }
    .stage-row{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:12px;
    }
    .stage{
      position:relative;
      padding:14px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      min-height:122px;
    }
    .stage .flag{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:.3rem .56rem;
      border-radius:999px;
      font-size:.8rem;
      font-weight:700;
      margin-bottom:10px;
    }
    .stage.done .flag{
      background:rgba(155,225,93,.1);
      border:1px solid rgba(155,225,93,.24);
      color:#ddf9b6;
    }
    .stage.live .flag{
      background:rgba(242,107,33,.12);
      border:1px solid rgba(242,107,33,.28);
      color:#ffd7be;
    }
    .stage.next .flag{
      background:rgba(85,214,232,.1);
      border:1px solid rgba(85,214,232,.24);
      color:#dffaff;
    }
    .stage h4{
      margin:0 0 6px;
      color:#fff;
      font-size:1.02rem;
      line-height:1.24;
      font-weight:800;
    }
    .stage p{
      margin:0;
      color:var(--muted);
      font-size:.92rem;
    }
    .faq-shell{
      padding:42px 0 12px;
    }
    .accordion{
      display:grid;
      gap:12px;
    }
    .accordion-item{
      border:none;
      background:transparent;
    }
    .accordion-button{
      border-radius:8px !important;
      background:rgba(255,255,255,.035);
      color:#fff;
      font-weight:800;
      border:1px solid rgba(255,255,255,.08);
      box-shadow:none;
      padding:1rem 1.1rem;
    }
    .accordion-button:not(.collapsed){
      color:#fff;
      background:rgba(242,107,33,.1);
      border-color:rgba(242,107,33,.24);
      box-shadow:none;
    }
    .accordion-button:focus{
      box-shadow:0 0 0 .18rem rgba(242,107,33,.12);
      border-color:rgba(242,107,33,.34);
    }
    .accordion-button::after{
      filter:brightness(2);
    }
    .accordion-body{
      padding:1rem 1.1rem 1.15rem;
      color:var(--muted);
      background:rgba(255,255,255,.02);
      border:1px solid rgba(255,255,255,.08);
      border-top:none;
      border-radius:0 0 8px 8px;
    }
    .cta-shell{
      padding:42px 0 54px;
    }
    .cta-band{
      position:relative;
      overflow:hidden;
      border-radius:8px;
      background:
        linear-gradient(135deg, rgba(242,107,33,.18), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.04), transparent 28%),
        linear-gradient(180deg, #1a1a1a 0%, #131313 100%);
      border:1px solid rgba(255,255,255,.08);
      box-shadow:var(--shadow-strong);
      padding:24px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
    }
    .cta-band h2{
      margin:0 0 8px;
      color:#fff;
      font-size:1.45rem;
      font-weight:900;
      line-height:1.2;
    }
    .cta-band p{
      margin:0;
      color:var(--muted);
      max-width:66ch;
    }
    .cta-actions{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
    }
    .cta-btn{
      min-height:46px;
      padding:.78rem 1.05rem;
      border-radius:6px;
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-weight:800;
      border:1px solid transparent;
      transition:all .18s ease;
      white-space:nowrap;
    }
    .cta-btn.primary{
      background:var(--accent);
      color:#fff;
      border-color:rgba(242,107,33,.28);
      box-shadow:0 12px 24px rgba(242,107,33,.2);
    }
    .cta-btn.primary:hover,
    .cta-btn.primary:focus{
      color:#fff;
      transform:translateY(-1px);
      box-shadow:0 16px 28px rgba(242,107,33,.26);
    }
    .cta-btn.secondary{
      background:transparent;
      color:#fff;
      border-color:rgba(255,255,255,.14);
    }
    .cta-btn.secondary:hover,
    .cta-btn.secondary:focus{
      color:#fff;
      transform:translateY(-1px);
      background:rgba(255,255,255,.04);
    }
    .site-footer{
      padding:24px 0 28px;
      border-top:1px solid rgba(255,255,255,.06);
      background:rgba(8,8,8,.86);
    }
    .footer-grid{
      display:grid;
      grid-template-columns:minmax(0, 1.2fr) minmax(0, .8fr);
      gap:18px;
      align-items:start;
    }
    .footer-brand strong{
      display:block;
      color:#fff;
      font-size:1.05rem;
      margin-bottom:10px;
      font-weight:850;
    }
    .footer-brand p{
      margin:0;
      color:var(--muted);
      max-width:68ch;
      font-size:.95rem;
    }
    .footer-links{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:10px;
    }
    .footer-link{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding:.55rem .76rem;
      border-radius:6px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      color:#fff;
      font-weight:700;
      font-size:.92rem;
      transition:all .18s ease;
    }
    .footer-link:hover,
    .footer-link:focus{
      color:#fff;
      transform:translateY(-1px);
      border-color:rgba(242,107,33,.26);
      background:rgba(242,107,33,.08);
    }
    .footer-meta{
      margin-top:18px;
      padding-top:16px;
      border-top:1px solid rgba(255,255,255,.06);
      display:flex;
      flex-wrap:wrap;
      justify-content:space-between;
      gap:8px;
      color:rgba(255,255,255,.58);
      font-size:.88rem;
    }
    .lead-inline{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .section-divider{
      height:1px;
      background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(242,107,33,.22), rgba(255,255,255,.08));
      margin:0;
    }
    .subtle-note{
      color:var(--muted);
      font-size:.9rem;
    }
    @media (max-width: 991.98px){
      .hero-grid{
        grid-template-columns:1fr;
      }
      .visual-title{
        text-align:left;
      }
      .hero-metrics,
      .visual-footer,
      .step-grid,
      .highlight-grid,
      .progress-grid{
        grid-template-columns:1fr;
      }
      .stage-row{
        grid-template-columns:1fr;
      }
      .footer-grid{
        grid-template-columns:1fr;
      }
      .footer-links{
        justify-content:flex-start;
      }
      .nav-inner{
        padding-top:14px;
        align-items:flex-start;
        flex-direction:column;
      }
      .navbar-nav{
        width:100%;
        gap:8px;
      }
      .nav-link{
        width:100%;
      }
      .header-action{
        width:100%;
        justify-content:center;
      }
    }
    @media (max-width: 767.98px){
      .site-container{
        width:min(100% - 20px, 1180px);
      }
      .hero-band,
      .section-slab,
      .entry-shell,
      .progress-shell,
      .faq-shell,
      .cta-shell{
        padding-top:20px;
      }
      .hero-grid{
        padding:18px;
        gap:18px;
      }
      .hero-copy h1{
        font-size:1.9rem;
      }
      .hero-copy p,
      .section-title-wrap p,
      .entry-desc,
      .accordion-body,
      .footer-brand p{
        font-size:.93rem;
      }
      .filter-bar{
        padding:14px;
      }
      .search-box{
        max-width:none;
        width:100%;
      }
      .cta-band{
        padding:18px;
      }
      .cta-band h2{
        font-size:1.28rem;
      }
      .visual-stage{
        min-height:230px;
      }
    }
    @media (max-width: 519.98px){
      .hero-actions,
      .pager-actions,
      .cta-actions{
        width:100%;
      }
      .btn-hero,
      .pager-btn,
      .cta-btn{
        width:100%;
        justify-content:center;
      }
      .visual-title{
        font-size:1.5rem;
      }
      .metric-tile,
      .visual-stat,
      .step-card,
      .highlight-card,
      .progress-copy,
      .score-card,
      .cta-band,
      .entry-card .card-body{
        padding-left:14px;
        padding-right:14px;
      }
      .entry-cover{
        aspect-ratio:14/9;
      }
      .section-title-wrap h2,
      .section-title-wrap h3{
        font-size:1.22rem;
      }
      .hero-copy h1{
        font-size:1.75rem;
      }
      .footer-meta{
        flex-direction:column;
      }
    }