/* roulang page: index */
:root{
            --bg:#07111f;
            --bg-deep:#050b14;
            --panel:#0d1c2e;
            --panel-soft:#11263b;
            --text:#f4f8fc;
            --muted:#9db0c5;
            --line:rgba(173,206,235,.15);
            --cyan:#5ee7d3;
            --cyan-deep:#19bca8;
            --orange:#ffb65c;
            --red:#ff6d75;
            --white:#fff;
            --radius-lg:28px;
            --radius-md:18px;
            --radius-sm:12px;
            --shadow:0 22px 60px rgba(0,0,0,.22);
            --container:1180px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{
            background:var(--bg);
            color:var(--text);
            font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
            line-height:1.7;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%;height:auto}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .eyebrow{
            display:inline-flex;
            align-items:center;
            gap:8px;
            color:var(--cyan);
            font-size:13px;
            font-weight:700;
            letter-spacing:.12em;
            text-transform:uppercase;
        }
        .eyebrow:before{
            content:"";
            width:24px;
            height:2px;
            background:var(--cyan);
            border-radius:99px;
        }
        .section{padding:104px 0;position:relative}
        .section-dark{background:var(--bg-deep)}
        .section-soft{background:#0a1829}
        .section-head{
            max-width:730px;
            margin-bottom:42px;
        }
        .section-head h2{
            margin-top:14px;
            font-size:clamp(30px,4vw,48px);
            line-height:1.17;
            letter-spacing:-.04em;
        }
        .section-head p{
            color:var(--muted);
            margin-top:17px;
            font-size:16px;
        }
        .site-header{
            position:sticky;
            top:0;
            z-index:30;
            background:rgba(5,11,20,.85);
            backdrop-filter:blur(18px);
            border-bottom:1px solid rgba(255,255,255,.07);
        }
        .nav-wrap{
            min-height:82px;
            display:grid;
            grid-template-columns:1fr auto 1fr;
            align-items:center;
            gap:24px;
        }
        .nav-group{display:flex;align-items:center;gap:26px}
        .nav-group.right{justify-content:flex-end}
        .nav-link{
            position:relative;
            color:#b9c8d8;
            font-size:14px;
            transition:color .25s ease;
        }
        .nav-link:after{
            content:"";
            position:absolute;
            left:0;
            right:100%;
            bottom:-9px;
            height:2px;
            background:var(--cyan);
            transition:right .25s ease;
        }
        .nav-link:hover,.nav-link.active{color:var(--white)}
        .nav-link:hover:after,.nav-link.active:after{right:0}
        .brand{
            display:flex;
            flex-direction:column;
            align-items:center;
            line-height:1.1;
            white-space:nowrap;
        }
        .brand-main{
            font-size:20px;
            font-weight:900;
            letter-spacing:-.04em;
            color:var(--white);
        }
        .brand-main span{color:var(--cyan)}
        .brand-sub{
            color:#7f95ab;
            font-size:10px;
            letter-spacing:.16em;
            margin-top:5px;
        }
        .nav-button{
            padding:10px 17px;
            border:1px solid rgba(94,231,211,.45);
            border-radius:999px;
            color:var(--cyan);
            font-size:13px;
            transition:.25s ease;
        }
        .nav-button:hover{background:var(--cyan);color:#06201e}
        .menu-toggle{display:none;background:none;border:0;color:var(--white);font-size:25px}
        .hero{
            min-height:680px;
            display:flex;
            align-items:center;
            position:relative;
            overflow:hidden;
            background:
                linear-gradient(90deg,rgba(5,11,20,.96) 0%,rgba(5,11,20,.72) 46%,rgba(5,11,20,.16) 100%),
                url('/assets/images/b5636c87b8cf3250.png') center/cover no-repeat;
        }
        .hero:after{
            content:"";
            position:absolute;
            inset:auto 0 0;
            height:150px;
            background:linear-gradient(transparent,var(--bg));
        }
        .hero-content{position:relative;z-index:2;padding:92px 0 112px;max-width:760px}
        .hero-kicker{
            display:inline-flex;
            align-items:center;
            gap:9px;
            padding:7px 13px;
            border:1px solid rgba(255,182,92,.5);
            color:var(--orange);
            background:rgba(255,182,92,.08);
            border-radius:999px;
            font-size:13px;
            font-weight:700;
        }
        .hero h1{
            font-size:clamp(42px,7vw,78px);
            line-height:1.06;
            letter-spacing:-.065em;
            margin:23px 0 24px;
            max-width:760px;
        }
        .hero h1 em{font-style:normal;color:var(--cyan)}
        .hero-desc{
            color:#d0dce7;
            font-size:17px;
            max-width:690px;
            line-height:1.9;
        }
        .hero-actions{display:flex;align-items:center;gap:14px;margin-top:34px;flex-wrap:wrap}
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:9px;
            min-height:48px;
            padding:0 22px;
            border-radius:12px;
            border:1px solid transparent;
            font-size:14px;
            font-weight:800;
            transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
        }
        .btn:hover{transform:translateY(-3px)}
        .btn-primary{background:var(--cyan);color:#05211f;box-shadow:0 12px 30px rgba(94,231,211,.18)}
        .btn-primary:hover{background:#82f2e2;box-shadow:0 16px 35px rgba(94,231,211,.28)}
        .btn-outline{border-color:rgba(255,255,255,.24);color:var(--white);background:rgba(255,255,255,.05)}
        .btn-outline:hover{background:rgba(255,255,255,.12)}
        .hero-note{display:flex;gap:20px;flex-wrap:wrap;margin-top:34px;color:#a8bbcb;font-size:13px}
        .hero-note span{display:flex;align-items:center;gap:7px}
        .hero-note i{width:7px;height:7px;background:var(--cyan);border-radius:50%;display:inline-block}
        .metrics{
            position:relative;
            z-index:3;
            margin-top:-46px;
        }
        .metric-grid{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            background:rgba(13,28,46,.94);
            border:1px solid var(--line);
            border-radius:20px;
            box-shadow:var(--shadow);
            overflow:hidden;
        }
        .metric{
            padding:27px 26px;
            border-right:1px solid var(--line);
        }
        .metric:last-child{border-right:0}
        .metric strong{display:block;font-size:30px;line-height:1;color:var(--white);letter-spacing:-.05em}
        .metric strong span{font-size:17px;color:var(--cyan)}
        .metric small{display:block;color:var(--muted);font-size:13px;margin-top:9px}
        .matrix{
            display:grid;
            grid-template-columns:1.05fr 1.95fr;
            gap:30px;
            align-items:stretch;
        }
        .matrix-intro{
            padding:38px;
            border-radius:var(--radius-lg);
            background:linear-gradient(145deg,#143248,#0e1e30);
            border:1px solid var(--line);
            min-height:330px;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
        }
        .matrix-intro h3{font-size:29px;line-height:1.25;letter-spacing:-.04em}
        .matrix-intro p{color:var(--muted);font-size:15px}
        .matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
        .service-card{
            background:var(--panel);
            border:1px solid var(--line);
            border-radius:var(--radius-md);
            padding:25px;
            transition:.25s ease;
        }
        .service-card:hover{border-color:rgba(94,231,211,.5);transform:translateY(-5px);background:#10253a}
        .service-icon{
            width:42px;height:42px;border-radius:13px;
            display:grid;place-items:center;
            color:var(--cyan);background:rgba(94,231,211,.1);
            font-weight:900;font-size:18px;margin-bottom:17px;
        }
        .service-card h3{font-size:18px;margin-bottom:8px}
        .service-card p{color:var(--muted);font-size:14px;line-height:1.7}
        .feature-layout{
            display:grid;
            grid-template-columns:1.1fr .9fr;
            gap:34px;
            align-items:center;
        }
        .feature-image{
            border-radius:var(--radius-lg);
            overflow:hidden;
            min-height:430px;
            position:relative;
            border:1px solid var(--line);
            box-shadow:var(--shadow);
        }
        .feature-image img{width:100%;height:100%;object-fit:cover;min-height:430px}
        .image-tag{
            position:absolute;
            left:22px;bottom:22px;
            background:rgba(5,11,20,.8);
            border:1px solid rgba(255,255,255,.16);
            backdrop-filter:blur(10px);
            border-radius:12px;
            padding:12px 15px;
            color:#eaf6f8;
            font-size:13px;
        }
        .feature-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.14;letter-spacing:-.055em;margin:15px 0 18px}
        .feature-copy>p{color:var(--muted);font-size:16px}
        .bullet-list{list-style:none;margin-top:27px;display:grid;gap:14px}
        .bullet-list li{display:flex;gap:12px;color:#d8e3ed;font-size:14px}
        .bullet-list li:before{content:"✓";display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:rgba(94,231,211,.14);color:var(--cyan);font-weight:900}
        .countdown-panel{
            margin-top:30px;
            display:flex;
            flex-wrap:wrap;
            gap:12px;
            align-items:center;
            padding:18px;
            border:1px solid rgba(255,182,92,.28);
            background:rgba(255,182,92,.06);
            border-radius:16px;
        }
        .countdown-label{color:var(--orange);font-size:13px;font-weight:800;margin-right:8px}
        .time-box{min-width:52px;text-align:center}
        .time-box b{display:block;font-size:25px;color:var(--white);line-height:1}
        .time-box small{color:var(--muted);font-size:11px}
        .download-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:stretch}
        .download-card{
            border-radius:var(--radius-lg);
            padding:38px;
            background:
                linear-gradient(135deg,rgba(10,30,44,.82),rgba(9,23,38,.9)),
                url('/assets/images/82e760b274037e6b.png') center/cover;
            border:1px solid rgba(94,231,211,.22);
        }
        .download-card h2{font-size:34px;line-height:1.2;margin:14px 0}
        .download-card p{color:var(--muted);font-size:15px}
        .download-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
        .download-badge{padding:10px 13px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:#d4e2eb;font-size:12px}
        .compare-list{display:grid;gap:12px}
        .compare-row{
            display:grid;
            grid-template-columns:1.1fr .7fr .7fr;
            align-items:center;
            gap:15px;
            padding:19px 20px;
            background:var(--panel);
            border:1px solid var(--line);
            border-radius:15px;
        }
        .compare-row:first-child{background:transparent;border:0;padding-top:0;color:var(--muted);font-size:12px}
        .compare-row strong{font-size:15px}
        .compare-row span{color:var(--muted);font-size:14px}
        .compare-row .highlight{color:var(--cyan);font-weight:800}
        .timeline{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:16px;
        }
        .timeline-item{
            position:relative;
            padding:28px 23px 24px;
            background:var(--panel);
            border:1px solid var(--line);
            border-radius:18px;
        }
        .timeline-item:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(94,231,211,.12);margin-bottom:22px}
        .timeline-item b{display:block;color:var(--orange);font-size:13px;margin-bottom:9px}
        .timeline-item h3{font-size:18px;margin-bottom:9px}
        .timeline-item p{color:var(--muted);font-size:14px}
        .news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}
        .news-feature{
            min-height:400px;
            border-radius:var(--radius-lg);
            overflow:hidden;
            position:relative;
            background:#12283a;
        }
        .news-feature img{width:100%;height:100%;object-fit:cover;opacity:.76}
        .news-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,10,18,.95))}
        .news-caption{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}
        .news-caption small{color:var(--cyan);font-size:12px}
        .news-caption h3{font-size:27px;line-height:1.25;margin-top:7px}
        .news-list{display:grid;gap:12px}
        .news-item{
            display:grid;
            grid-template-columns:116px 1fr;
            gap:17px;
            padding:14px;
            background:var(--panel);
            border:1px solid var(--line);
            border-radius:15px;
            transition:.25s ease;
        }
        .news-item:hover{border-color:rgba(94,231,211,.45);transform:translateX(4px)}
        .news-item img{width:116px;height:86px;object-fit:cover;border-radius:10px}
        .news-item small{color:var(--orange);font-size:11px}
        .news-item h3{font-size:15px;line-height:1.45;margin-top:5px}
        .assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .assurance{
            padding:27px;
            border-radius:18px;
            background:#0c1a2b;
            border:1px solid var(--line);
        }
        .assurance strong{display:flex;align-items:center;gap:10px;font-size:17px}
        .assurance strong i{font-style:normal;color:var(--cyan);font-size:20px}
        .assurance p{color:var(--muted);font-size:14px;margin-top:12px}
        .gallery-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:16px}
        .gallery-card{position:relative;border-radius:18px;overflow:hidden;min-height:230px;border:1px solid var(--line)}
        .gallery-card:first-child{grid-row:span 2;min-height:480px}
        .gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
        .gallery-card:hover img{transform:scale(1.05)}
        .gallery-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,10,18,.9))}
        .gallery-text{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}
        .gallery-text small{color:var(--cyan);font-size:11px}
        .gallery-text h3{font-size:17px;line-height:1.35;margin-top:4px}
        .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
        .faq{
            padding:25px;
            border:1px solid var(--line);
            border-radius:16px;
            background:var(--panel);
        }
        .faq h3{font-size:16px;line-height:1.5;margin-bottom:9px}
        .faq p{color:var(--muted);font-size:14px}
        .closing{
            padding:78px 0;
            background:
                linear-gradient(90deg,rgba(7,17,31,.9),rgba(7,17,31,.5)),
                url('/assets/images/6aa78bbd97304139.png') center/cover;
        }
        .closing-inner{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:30px;
        }
        .closing h2{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-.05em}
        .closing p{color:#c2d1de;max-width:640px;margin-top:12px}
        .site-footer{background:#040a12;border-top:1px solid var(--line);padding:52px 0 25px}
        .footer-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
        .footer-brand{max-width:360px}
        .footer-brand .brand{align-items:flex-start}
        .footer-brand p{color:var(--muted);font-size:13px;margin-top:17px}
        .footer-links{display:flex;gap:45px}
        .footer-column h3{font-size:13px;color:var(--white);margin-bottom:13px}
        .footer-column a{display:block;color:var(--muted);font-size:13px;margin:8px 0;transition:color .2s ease}
        .footer-column a:hover{color:var(--cyan)}
        .footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#71869a;font-size:12px}
        :focus-visible{outline:3px solid rgba(94,231,211,.6);outline-offset:3px}
        @media(max-width:1024px){
            .nav-wrap{grid-template-columns:auto 1fr auto}
            .nav-group{display:none}
            .brand{justify-self:center}
            .menu-toggle{display:block}
            .hero{min-height:620px}
            .matrix,.feature-layout,.download-grid,.news-layout{grid-template-columns:1fr}
            .matrix-intro{min-height:250px}
            .timeline{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:768px){
            .container{width:min(var(--container),calc(100% - 34px))}
            .section{padding:76px 0}
            .metric-grid{grid-template-columns:repeat(2,1fr)}
            .metric:nth-child(2){border-right:0}
            .metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
            .hero{min-height:650px;background-position:58% center}
            .hero-content{padding:78px 0 105px}
            .hero-desc{font-size:15px}
            .matrix-grid,.assurance-grid,.faq-grid{grid-template-columns:1fr}
            .gallery-grid{grid-template-columns:1fr 1fr}
            .gallery-card:first-child{grid-row:auto;grid-column:span 2;min-height:320px}
            .closing-inner{display:block}
            .closing .btn{margin-top:25px}
            .footer-top{display:block}
            .footer-links{margin-top:32px;gap:35px}
        }
        @media(max-width:520px){
            .brand-main{font-size:17px}
            .brand-sub{font-size:8px}
            .hero h1{font-size:42px}
            .hero-actions{display:grid}
            .hero-actions .btn{width:100%}
            .metric{padding:20px 17px}
            .metric strong{font-size:25px}
            .compare-row{grid-template-columns:1fr .65fr .65fr;padding:15px}
            .compare-row strong{font-size:13px}
            .compare-row span{font-size:12px}
            .timeline{grid-template-columns:1fr}
            .gallery-grid{grid-template-columns:1fr}
            .gallery-card:first-child{grid-column:auto}
            .news-item{grid-template-columns:92px 1fr;gap:12px}
            .news-item img{width:92px;height:78px}
            .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}
            .footer-bottom{display:block}
            .footer-bottom span{display:block;margin-top:7px}
        }

/* roulang page: category1 */
:root{
      --bg:#07111f;--bg-deep:#050b14;--panel:#0d1c2e;--panel-soft:#11263b;
      --text:#f4f8fc;--muted:#9db0c5;--line:rgba(173,206,235,.15);
      --cyan:#5ee7d3;--cyan-deep:#19bca8;--orange:#ffb65c;--red:#ff6d75;
      --white:#fff;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;
      --shadow:0 22px 60px rgba(0,0,0,.22);--container:1180px;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
    h1,h2,h3,p,ul{margin:0}
    ul{padding:0;list-style:none}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    button,input{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
    ::selection{background:var(--cyan);color:var(--bg-deep)}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:13px;font-weight:700;letter-spacing:.12em}
    .eyebrow::before{content:"";width:24px;height:2px;background:var(--cyan);border-radius:99px}
    .section{padding:96px 0;position:relative}
    .section-dark{background:var(--bg-deep)}
    .section-soft{background:#0a1829}
    .section-head{max-width:760px;margin-bottom:38px}
    .section-head h2{margin-top:14px;font-size:clamp(29px,4vw,46px);line-height:1.18;letter-spacing:-.04em}
    .section-head p{color:var(--muted);margin-top:16px;font-size:16px}
    .site-header{position:sticky;top:0;z-index:30;background:rgba(5,11,20,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
    .nav-wrap{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
    .nav-group{display:flex;align-items:center;gap:26px}
    .nav-group.right{justify-content:flex-end}
    .nav-link{position:relative;color:#b9c8d8;font-size:14px;transition:color .25s ease}
    .nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--cyan);transition:right .25s ease}
    .nav-link:hover,.nav-link.active{color:var(--white)}
    .nav-link:hover::after,.nav-link.active::after{right:0}
    .brand{display:flex;flex-direction:column;align-items:center;line-height:1.1;white-space:nowrap}
    .brand-main{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--white)}
    .brand-main span{color:var(--cyan)}
    .brand-sub{color:#7f95ab;font-size:10px;letter-spacing:.16em;margin-top:5px}
    .nav-button{padding:10px 17px;border:1px solid rgba(94,231,211,.45);border-radius:999px;color:var(--cyan);font-size:13px;transition:.25s ease}
    .nav-button:hover{background:var(--cyan);color:#06201e}
    .menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;color:var(--white);width:42px;height:42px;font-size:24px;line-height:1}
    .hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,11,20,.98) 0%,rgba(5,11,20,.83) 53%,rgba(5,11,20,.4) 100%),url('/assets/images/cb41bb0da2a0ec7e.png') center/cover no-repeat}
    .hero::after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,var(--bg))}
    .hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);align-items:center;gap:72px;padding:105px 0 115px}
    .hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid rgba(255,182,92,.5);color:var(--orange);background:rgba(255,182,92,.08);border-radius:999px;font-size:13px;font-weight:700}
    .hero h1{font-size:clamp(40px,5.3vw,68px);line-height:1.1;letter-spacing:-.06em;margin:21px 0 22px}
    .hero h1 em{font-style:normal;color:var(--cyan)}
    .hero-desc{color:#d0dce7;font-size:17px;max-width:670px;line-height:1.9}
    .hero-actions{display:flex;align-items:center;gap:13px;margin-top:30px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
    .btn:hover{transform:translateY(-3px)}
    .btn:active{transform:translateY(0)}
    .btn-primary{background:var(--cyan);color:#05211f;box-shadow:0 12px 30px rgba(94,231,211,.18)}
    .btn-primary:hover{background:#82f2e2;box-shadow:0 16px 35px rgba(94,231,211,.28)}
    .btn-outline{border-color:rgba(255,255,255,.24);color:var(--white);background:rgba(255,255,255,.05)}
    .btn-outline:hover{background:rgba(255,255,255,.12)}
    .hero-note{margin-top:24px;color:var(--muted);font-size:13px}
    .invite-panel,.card,.answer-card,.form-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
    .invite-panel{padding:30px;background:linear-gradient(145deg,rgba(17,38,59,.97),rgba(9,25,40,.97))}
    .panel-top{display:flex;justify-content:space-between;gap:16px;align-items:center}
    .badge{display:inline-flex;align-items:center;border:1px solid rgba(94,231,211,.28);border-radius:999px;padding:5px 11px;background:rgba(94,231,211,.08);color:var(--cyan);font-size:12px;font-weight:750}
    .invite-panel h2{font-size:26px;line-height:1.3;margin:22px 0 10px}
    .invite-panel p{color:var(--muted);font-size:14px}
    .progress-label{display:flex;justify-content:space-between;gap:12px;margin:28px 0 10px;font-size:13px;color:#cfdae5}
    .progress-track{height:8px;background:#284156;border-radius:99px;overflow:hidden}
    .progress-fill{display:block;width:66.67%;height:100%;border-radius:99px;background:var(--cyan)}
    .progress-steps{display:flex;justify-content:space-between;gap:8px;margin-top:13px;color:var(--muted);font-size:12px}
    .progress-steps .ready{color:var(--cyan)}
    .invite-reward{margin-top:23px;padding:16px;border-radius:var(--radius-sm);background:rgba(255,182,92,.08);border:1px solid rgba(255,182,92,.2);font-size:13px;color:#f6d6af}
    .invite-reward strong{color:var(--orange)}
    .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .metric{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-md);padding:25px}
    .metric strong{display:block;color:var(--cyan);font-size:31px;line-height:1.2}
    .metric span{display:block;margin-top:8px;font-weight:700}
    .metric p{color:var(--muted);font-size:13px;margin-top:7px}
    .matrix-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .feature-card{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .25s,border-color .25s,box-shadow .25s}
    .feature-card:hover,.news-item:hover{transform:translateY(-4px);border-color:rgba(94,231,211,.4);box-shadow:var(--shadow)}
    .feature-card img{width:130px;height:118px;object-fit:cover;border-radius:12px}
    .feature-card h3,.compare-col h3,.milestone h3,.news-item h3{font-size:19px;line-height:1.4}
    .feature-card p,.compare-col p,.milestone p,.news-item p{color:var(--muted);font-size:14px;margin-top:8px}
    .feature-card .badge{margin-bottom:9px}
    .compare-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .compare-col{padding:32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)}
    .compare-col.highlight{background:linear-gradient(145deg,#123143,#0c2536);border-color:rgba(94,231,211,.3)}
    .compare-col h3{margin:12px 0 20px}
    .check-list{display:grid;gap:15px}
    .check-list li{display:flex;gap:12px;padding-top:14px;border-top:1px solid var(--line);color:#d2dfeb;font-size:14px}
    .check-list li::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--cyan);margin-top:8px}
    .muted-list li::before{background:var(--orange)}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .milestone{position:relative;padding:26px 22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md)}
    .milestone::before{content:"";display:block;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(94,231,211,.1);margin-bottom:23px}
    .milestone .step{font-size:12px;color:var(--orange);font-weight:800;letter-spacing:.09em}
    .milestone h3{margin-top:8px}
    .timeline-note,.section-note{color:var(--muted);font-size:13px;margin-top:22px}
    .news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}
    .news-lead{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg)}
    .news-lead img{width:100%;height:230px;object-fit:cover}
    .news-lead-body{padding:26px}
    .news-lead h3{font-size:24px;line-height:1.35;margin:13px 0 9px}
    .news-lead p{font-size:14px;color:var(--muted)}
    .news-list{display:grid;gap:13px}
    .news-item{display:block;padding:21px 23px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-md);transition:transform .25s,border-color .25s,box-shadow .25s}
    .news-item small{color:var(--orange);font-weight:750}
    .news-item h3{margin-top:6px}
    .assurance-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:65px}
    .assurance-visual{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line)}
    .assurance-visual img{width:100%;height:390px;object-fit:cover}
    .assurance-visual::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(5,11,20,.87))}
    .visual-caption{position:absolute;z-index:1;bottom:25px;left:27px;right:27px;font-weight:800;font-size:21px}
    .assurance-list{display:grid;gap:18px;margin-top:25px}
    .assurance-list li{padding:16px 0;border-top:1px solid var(--line)}
    .assurance-list strong{display:block;color:var(--text)}
    .assurance-list span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
    .answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
    .answer-card{padding:26px;box-shadow:none}
    .answer-card h3{font-size:19px;margin:16px 0 10px}
    .answer-card p{font-size:14px;color:var(--muted)}
    .faq-list{display:grid;gap:12px;max-width:900px}
    .faq-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}
    .faq-item[open]{border-color:rgba(94,231,211,.38)}
    .faq-item summary{padding:20px 24px;cursor:pointer;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:18px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary::after{content:"＋";color:var(--cyan);font-size:20px;line-height:1}
    .faq-item[open] summary::after{content:"−"}
    .faq-item p{padding:0 24px 22px;color:var(--muted);font-size:14px}
    .cta-layout{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
    .cta-copy h2{font-size:clamp(30px,4vw,47px);line-height:1.2;margin:16px 0}
    .cta-copy p{color:var(--muted)}
    .cta-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
    .form-panel{padding:28px}
    .form-panel label{display:block;font-size:13px;font-weight:750;margin-bottom:9px}
    .input-row{display:flex;gap:10px}
    .form-panel input{min-width:0;flex:1;background:#071522;color:var(--text);border:1px solid rgba(173,206,235,.28);border-radius:12px;padding:11px 14px;outline:none;transition:border-color .2s}
    .form-panel input:focus{border-color:var(--cyan)}
    .form-panel input::placeholder{color:#8297a9}
    .share-preview{margin-top:18px;padding:17px;border-radius:12px;background:#071522;border:1px solid var(--line);color:#d7e6f0;font-size:14px;overflow-wrap:anywhere}
    .form-feedback{min-height:25px;margin-top:9px;color:var(--cyan);font-size:13px}
    .site-footer{background:var(--bg-deep);border-top:1px solid var(--line);padding:65px 0 25px}
    .footer-top{display:flex;justify-content:space-between;gap:55px}
    .footer-brand{max-width:390px}
    .footer-brand .brand{align-items:flex-start}
    .footer-brand p{font-size:14px;color:var(--muted);margin-top:20px}
    .footer-links{display:flex;gap:90px}
    .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
    .footer-column h3{font-size:15px;margin-bottom:6px}
    .footer-column a{color:var(--muted);font-size:13px;transition:color .2s}
    .footer-column a:hover{color:var(--cyan)}
    .footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:#8093a6;font-size:12px}
    @media(max-width:1024px){
      .hero-content{gap:30px}
      .matrix-layout{gap:14px}
      .feature-card{grid-template-columns:100px 1fr;gap:15px}
      .feature-card img{width:100px;height:115px}
      .timeline{grid-template-columns:repeat(2,1fr)}
      .assurance-layout{gap:30px}
    }
    @media(max-width:768px){
      .container{width:min(var(--container),calc(100% - 36px))}
      .section{padding:72px 0}
      .nav-wrap{min-height:70px;grid-template-columns:1fr auto;gap:12px}
      .nav-wrap>.brand{grid-column:1;grid-row:1;align-items:flex-start}
      .menu-toggle{display:block;grid-column:2;grid-row:1}
      .nav-group.left,.nav-group.right{display:none;grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;padding:0 0 15px}
      .nav-wrap.menu-open .nav-group.left,.nav-wrap.menu-open .nav-group.right{display:flex}
      .nav-group.left{border-top:1px solid var(--line);padding-top:15px}
      .nav-link::after{bottom:-4px}
      .hero-content{grid-template-columns:1fr;padding:76px 0 95px}
      .invite-panel{max-width:540px}
      .matrix-layout,.news-layout,.assurance-layout,.cta-layout{grid-template-columns:1fr}
      .metric-grid,.answer-grid{grid-template-columns:repeat(2,1fr)}
      .assurance-visual{max-width:620px}
      .footer-links{gap:35px}
    }
    @media(max-width:520px){
      .container{width:calc(100% - 32px)}
      .section{padding:60px 0}
      .section-head{margin-bottom:27px}
      .hero h1{font-size:clamp(37px,10vw,52px)}
      .hero-desc{font-size:15px}
      .hero-content{padding:65px 0 80px}
      .hero-actions .btn{width:100%}
      .invite-panel{padding:22px}
      .metric-grid,.answer-grid,.compare-layout,.timeline{grid-template-columns:1fr}
      .feature-card{grid-template-columns:88px 1fr;padding:12px}
      .feature-card img{width:88px;height:108px}
      .feature-card h3{font-size:17px}
      .news-lead img{height:185px}
      .assurance-visual img{height:270px}
      .input-row{flex-direction:column}
      .input-row .btn{width:100%}
      .footer-top,.footer-bottom{flex-direction:column}
      .footer-links{gap:32px;flex-wrap:wrap}
      .footer-bottom{margin-top:38px}
    }
    @media(prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{transition:none!important}
    }