/* roulang page: index */
:root{--ink:#101827;--navy:#15233f;--coral:#ff6a4d;--gold:#ffc95b;--mist:#f5f7fb;--line:#e7ebf3;--muted:#64748b;--radius:22px}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit} img{max-width:100%;display:block} button,input{font:inherit} button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}.nav-link{font-size:14px;color:#526078;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--coral);font-weight:700}
    .brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff765b,#ffc95b);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.28)}
    .btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 19px;font-size:14px;font-weight:800;transition:.22s;border:1px solid transparent}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,106,77,.25)}.btn-primary:hover{background:#eb563a;transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,106,77,.32)}
    .btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#fff6e9;transform:translateY(-2px)}.btn-outline{border-color:#d9e0ec;color:var(--navy);background:#fff}.btn-outline:hover{border-color:var(--coral);color:var(--coral)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;background:#fff1ed;color:#df4b31;font-size:12px;font-weight:800;letter-spacing:.05em}.section{padding:88px 0}.section-title{font-size:clamp(26px,3vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.04em}.section-lead{color:var(--muted);font-size:15px;max-width:690px;margin-top:14px}
    .panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px rgba(20,35,63,.05)}.hover-card{transition:.25s}.hover-card:hover{transform:translateY(-5px);box-shadow:var(--shadow,0 20px 40px rgba(20,35,63,.12));border-color:#d9c7c2}
    .image-cover{overflow:hidden}.image-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.hover-card:hover .image-cover img{transform:scale(1.06)}
    .faq-item summary{list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] .faq-plus{transform:rotate(45deg);color:var(--coral)}
    .hero-bg{background:linear-gradient(90deg,rgba(12,22,43,.91),rgba(12,22,43,.76),rgba(12,22,43,.30)),url('/assets/images/backpic/back-1.jpg') center/cover}.ticker{animation:move 24s linear infinite}@keyframes move{to{transform:translateX(-50%)}}.focus-ring:focus{outline:3px solid rgba(255,201,91,.65);outline-offset:3px}
    @media(max-width:1024px){.desktop-nav{display:none}.hero-grid{grid-template-columns:1fr!important}.hero-card{max-width:580px}.section{padding:68px 0}.nav-search{display:none}}
    @media(max-width:768px){.container{width:min(100% - 28px,1180px)}.mobile-menu{display:flex}.section{padding:54px 0}.section-title{font-size:29px}.hero-title{font-size:42px!important}.hide-mobile{display:none}.footer-grid{grid-template-columns:1fr 1fr!important}}
    @media(max-width:520px){.hero-title{font-size:35px!important}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.footer-grid{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:1fr 1fr!important}}

/* roulang page: category3 */
:root{--ink:#101827;--navy:#15233f;--coral:#ff6a4d;--gold:#ffc95b;--mist:#f5f7fb;--line:#e7ebf3;--muted:#64748b;--radius:22px;--shadow:0 20px 45px rgba(20,35,63,.11)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .focus-ring:focus-visible,.nav-search input:focus-visible{outline:3px solid rgba(255,106,77,.35);outline-offset:3px}
    .nav-link{font-size:14px;color:#526078;white-space:nowrap;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--coral);font-weight:700}
    .brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff765b,#ffc95b);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.28)}
    .btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 19px;font-size:14px;font-weight:800;transition:.22s;border:1px solid transparent}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,106,77,.25)}
    .btn-primary:hover{background:#eb563a;transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,106,77,.32)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#fff6e9;transform:translateY(-2px)}
    .btn-outline{border-color:#d9e0ec;color:var(--navy);background:#fff}
    .btn-outline:hover{border-color:var(--coral);color:var(--coral)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;background:#fff1ed;color:#df4b31;font-size:12px;font-weight:800;letter-spacing:.05em}
    .section{padding:86px 0}
    .section-title{font-size:clamp(28px,3vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
    .section-lead{color:var(--muted);font-size:15px;max-width:700px;margin-top:14px}
    .hover-card{transition:.25s}
    .hover-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d9c7c2}
    .image-cover{overflow:hidden}
    .image-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
    .hover-card:hover .image-cover img{transform:scale(1.06)}
    .hero-bg{background:linear-gradient(90deg,rgba(12,22,43,.93),rgba(12,22,43,.76),rgba(12,22,43,.35)),url('/assets/images/backpic/back-2.webp') center/cover}
    .hero-title{font-size:clamp(38px,5vw,68px);line-height:1.15;letter-spacing:-.055em}
    .hero-search{background:rgba(255,255,255,.98);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
    .hero-search input{min-width:0;outline:none}
    .chip{display:inline-flex;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:7px 14px;font-size:13px;transition:.2s}
    .chip:hover{background:#fff;color:var(--navy)}
    .soft-panel{background:var(--mist);border:1px solid var(--line);border-radius:var(--radius)}
    .number{font-size:38px;line-height:1;font-weight:900;color:var(--coral)}
    .tag{display:inline-block;padding:4px 9px;border-radius:8px;background:#fff4df;color:#9b6811;font-size:12px;font-weight:800}
    .faq-item{border-bottom:1px solid var(--line);padding:20px 0}
    .faq-item summary{list-style:none;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:16px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-plus{color:var(--coral);font-size:23px;line-height:1;transition:.2s}
    .faq-item[open] .faq-plus{transform:rotate(45deg)}
    .cta-band{background:var(--navy);border-radius:28px;overflow:hidden;position:relative}
    .cta-band:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-100px;background:rgba(255,201,91,.14)}
    .footer-link{color:#64748b;transition:.2s}
    .footer-link:hover{color:var(--coral)}
    .desktop-nav{display:flex}
    .mobile-menu{display:none}
    @media(max-width:1024px){.desktop-nav{display:none}.mobile-menu{display:flex}.container{width:min(100% - 32px,1180px)}}
    @media(max-width:768px){.section{padding:58px 0}.nav-search{display:none}.hide-mobile{display:none}.hero-title{font-size:42px}.footer-grid{grid-template-columns:1fr 1fr!important}}
    @media(max-width:520px){.container{width:min(100% - 28px,1180px)}.hero-title{font-size:35px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.footer-grid{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:1fr 1fr!important}}

/* roulang page: category2 */
:root{--ink:#101827;--navy:#15233f;--coral:#ff6a4d;--gold:#ffc95b;--mist:#f5f7fb;--line:#e7ebf3;--muted:#64748b;--radius:22px;--shadow:0 20px 48px rgba(20,35,63,.11)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .focus-ring:focus-visible,.btn-primary:focus-visible,.btn-outline:focus-visible,.nav-link:focus-visible{outline:3px solid rgba(255,106,77,.35);outline-offset:3px}
    .nav-link{font-size:14px;color:#526078;white-space:nowrap;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--coral);font-weight:700}
    .brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff765b,#ffc95b);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.28)}
    .btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 19px;font-size:14px;font-weight:800;transition:.22s;border:1px solid transparent}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,106,77,.25)}
    .btn-primary:hover{background:#eb563a;transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,106,77,.32)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#fff6e9;transform:translateY(-2px)}
    .btn-outline{border-color:#d9e0ec;color:var(--navy);background:#fff}
    .btn-outline:hover{border-color:var(--coral);color:var(--coral)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;background:#fff1ed;color:#df4b31;font-size:12px;font-weight:800;letter-spacing:.05em}
    .section{padding:88px 0}
    .section-title{font-size:clamp(28px,3vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
    .section-lead{color:var(--muted);font-size:15px;max-width:700px;margin-top:14px}
    .hero-bg{background:linear-gradient(90deg,rgba(12,22,43,.93),rgba(12,22,43,.75),rgba(12,22,43,.28)),url('/assets/images/backpic/back-2.webp') center/cover}
    .hero{min-height:570px;display:flex;align-items:center;position:relative;overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}
    .hero-title{font-size:clamp(42px,5.7vw,70px);line-height:1.12;color:#fff;font-weight:900;letter-spacing:-.06em;margin:20px 0}
    .hero-copy{color:#dbe4f3;max-width:620px;font-size:17px}
    .hero-actions{display:flex;gap:12px;margin-top:30px}
    .video-panel{border:1px solid rgba(255,255,255,.22);border-radius:26px;padding:14px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);box-shadow:0 24px 60px rgba(0,0,0,.22)}
    .video-frame{height:310px;border-radius:18px;position:relative;overflow:hidden;background:url('/assets/images/coverpic/cover-5.webp') center/cover}
    .video-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(21,35,63,.08),rgba(21,35,63,.6))}
    .play-button{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:0;background:#fff;color:var(--coral);font-size:24px;box-shadow:0 12px 28px rgba(0,0,0,.2);transition:.2s}
    .play-button:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff5ee}
    .video-caption{color:#fff;padding:10px 5px 0;font-size:13px}
    .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
    .soft{background:var(--mist)}
    .line-list{border-top:1px solid var(--line)}
    .line-item{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
    .line-no{color:var(--coral);font-weight:900;font-size:18px}
    .line-item h3{font-size:18px;margin:0 0 5px;font-weight:850;color:var(--navy)}
    .line-item p{margin:0;color:var(--muted);font-size:14px}
    .event-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px;margin-top:38px}
    .event-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(20,35,63,.04);transition:.25s}
    .event-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#ffd1c6}
    .event-card.featured{grid-row:span 2}
    .event-image{height:170px;overflow:hidden}
    .featured .event-image{height:270px}
    .event-image img{width:100%;height:100%;object-fit:cover;transition:.45s}
    .event-card:hover img{transform:scale(1.06)}
    .event-body{padding:20px}
    .event-body h3{font-size:19px;color:var(--navy);margin:8px 0 7px;font-weight:900}
    .event-body p{font-size:14px;color:var(--muted);margin:0}
    .tag{display:inline-flex;padding:4px 9px;border-radius:999px;background:#fff2df;color:#aa6b09;font-size:11px;font-weight:800}
    .metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
    .metric{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line)}
    .metric strong{display:block;font-size:30px;color:var(--navy);line-height:1.2}
    .metric span{font-size:13px;color:var(--muted)}
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border:1px solid var(--line);border-radius:24px;overflow:hidden}
    .step{padding:28px 24px;background:#fff;position:relative;border-right:1px solid var(--line)}
    .step:last-child{border-right:0}
    .step-num{color:var(--coral);font-size:13px;font-weight:900}
    .step h3{font-size:18px;color:var(--navy);margin:16px 0 7px}
    .step p{font-size:13px;color:var(--muted);margin:0}
    .quote{background:var(--navy);color:#fff;border-radius:28px;padding:48px;position:relative;overflow:hidden}
    .quote:after{content:"“";position:absolute;right:38px;top:-25px;font:180px Georgia;color:rgba(255,201,91,.2)}
    .quote p{font-size:24px;line-height:1.6;max-width:760px;margin:0;position:relative;z-index:1}
    .quote small{display:block;color:#bac7dc;margin-top:22px}
    .faq-list{max-width:850px;margin:35px auto 0;border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line);padding:20px 0}
    .faq-item summary{list-style:none;cursor:pointer;font-size:17px;font-weight:800;color:var(--navy);display:flex;justify-content:space-between;gap:20px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-plus{color:var(--coral);font-size:24px;line-height:1;transition:.2s}
    .faq-item[open] .faq-plus{transform:rotate(45deg)}
    .faq-item p{color:var(--muted);font-size:14px;margin:12px 32px 0 0}
    .cta{background:linear-gradient(115deg,#fff1ed,#fff9ea);border:1px solid #ffe0d6;border-radius:28px;padding:54px 60px;display:flex;justify-content:space-between;align-items:center;gap:30px}
    .cta h2{font-size:clamp(27px,3vw,40px);line-height:1.25;color:var(--navy);font-weight:900;margin:0 0 12px}
    .cta p{color:var(--muted);margin:0;max-width:650px}
    footer{background:#101827;color:#b6c1d3;padding:56px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
    .footer-brand{color:#fff;font-size:22px;font-weight:900}
    .footer-text{font-size:13px;max-width:330px;margin-top:14px}
    footer h3{color:#fff;font-size:14px;margin:0 0 13px}
    footer a{font-size:13px;display:block;margin:7px 0;color:#b6c1d3;transition:.2s}
    footer a:hover{color:var(--gold)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:1024px){.desktop-nav{display:none}.hero-grid,.split{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr 1fr}.event-card.featured{grid-row:auto}.process{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}}
    @media(min-width:1025px){.mobile-menu{display:none}}
    @media(max-width:768px){.container{width:min(100% - 28px,1180px)}.section{padding:58px 0}.hero{min-height:650px}.hero-title{font-size:43px}.hero-grid{gap:34px}.event-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr}.cta{padding:36px 26px;display:block}.cta .btn-primary{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.hero-title{font-size:36px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.video-frame{height:225px}.metric-row,.process{grid-template-columns:1fr}.step{border-right:0!important;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.quote{padding:32px 25px}.quote p{font-size:20px}.footer-grid{grid-template-columns:1fr}.mobile-menu{display:flex}}

/* roulang page: category1 */
:root{--ink:#101827;--navy:#15233f;--coral:#ff6a4d;--gold:#ffc95b;--mist:#f5f7fb;--line:#e7ebf3;--muted:#64748b;--radius:22px;--shadow:0 20px 45px rgba(20,35,63,.11)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .focus-ring:focus-visible,.nav-link:focus-visible,.btn-primary:focus-visible,.btn-outline:focus-visible,.btn-light:focus-visible{outline:3px solid rgba(255,106,77,.3);outline-offset:3px}
    .nav-link{font-size:14px;color:#526078;white-space:nowrap;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--coral);font-weight:700}
    .brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff765b,#ffc95b);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.28)}
    .btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 19px;font-size:14px;font-weight:800;transition:.22s;border:1px solid transparent}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,106,77,.25)}
    .btn-primary:hover{background:#eb563a;transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,106,77,.32)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#fff6e9;transform:translateY(-2px)}
    .btn-outline{border-color:#d9e0ec;color:var(--navy);background:#fff}
    .btn-outline:hover{border-color:var(--coral);color:var(--coral)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;background:#fff1ed;color:#df4b31;font-size:12px;font-weight:800;letter-spacing:.05em}
    .section{padding:88px 0}
    .section-title{font-size:clamp(26px,3vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
    .section-lead{color:var(--muted);font-size:15px;max-width:690px;margin-top:14px}
    .hover-card{transition:.25s}
    .hover-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d9c7c2}
    .image-cover{overflow:hidden}
    .image-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
    .hover-card:hover .image-cover img{transform:scale(1.06)}
    .hero-bg{background:linear-gradient(90deg,rgba(12,22,43,.93),rgba(12,22,43,.76),rgba(12,22,43,.28)),url('/assets/images/backpic/back-2.webp') center/cover}
    .hero{min-height:570px;display:flex;align-items:center}
    .hero-title{font-size:clamp(40px,6vw,72px);line-height:1.12;letter-spacing:-.06em;font-weight:900;color:#fff;max-width:720px}
    .hero-copy{color:rgba(255,255,255,.78);font-size:17px;max-width:650px;margin-top:22px}
    .hero-panel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);border-radius:24px;padding:22px;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.18)}
    .hero-panel strong{font-size:27px;display:block;line-height:1.2}
    .hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
    .dark-section{background:var(--navy);color:#fff}
    .dark-section .section-lead{color:#b9c5d8}
    .soft-section{background:var(--mist)}
    .panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 28px rgba(20,35,63,.05)}
    .icon-box{width:44px;height:44px;border-radius:14px;background:#fff1ed;color:var(--coral);display:grid;place-items:center;font-weight:900;font-size:20px}
    .number{font-size:42px;line-height:1;font-weight:900;color:var(--coral)}
    .tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff6e9;color:#a66a09;font-size:12px;font-weight:800}
    .feature-list{display:grid;gap:15px;margin-top:25px}
    .feature-list li{list-style:none;display:flex;gap:12px;align-items:flex-start;color:#526078}
    .feature-list li:before{content:"✓";flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#fff1ed;color:var(--coral);display:grid;place-items:center;font-size:12px;font-weight:900;margin-top:4px}
    .quote{border-left:4px solid var(--gold);padding-left:22px;color:#526078;font-size:17px}
    .faq-item{border-bottom:1px solid var(--line);padding:20px 0}
    .faq-item summary{list-style:none;cursor:pointer;font-weight:800;color:var(--navy);display:flex;justify-content:space-between;gap:20px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-plus{font-size:24px;color:var(--coral);transition:.2s;line-height:1}
    .faq-item[open] .faq-plus{transform:rotate(45deg)}
    .faq-answer{color:var(--muted);font-size:14px;padding:12px 35px 0 0}
    .cta{background:linear-gradient(120deg,#fff2df,#fff8f3);border:1px solid #ffe0ca;border-radius:30px;padding:52px}
    .footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:34px}
    footer{background:#101827;color:#c8d2e0}
    footer a{transition:.2s}
    footer a:hover{color:#fff}
    .footer-title{color:#fff;font-weight:800;margin-bottom:13px}
    .footer-muted{color:#8694a9;font-size:13px}
    .desktop-nav{display:flex}
    .mobile-menu{display:none}
    .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    .stat-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}
    .stat-card span{display:block;color:var(--muted);font-size:13px;margin-top:8px}
    .split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
    .game-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:18px}
    .game-feature{min-height:390px;position:relative;border-radius:24px;overflow:hidden;color:#fff}
    .game-feature img{width:100%;height:100%;object-fit:cover}
    .game-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,18,35,.9))}
    .game-info{position:absolute;z-index:1;left:24px;right:24px;bottom:22px}
    .mini-card{min-height:186px;border-radius:22px;overflow:hidden;position:relative;color:#fff}
    .mini-card:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(8,18,35,.85))}
    .mini-card .game-info{left:18px;right:18px;bottom:15px}
    .timeline{position:relative;padding-left:30px}
    .timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#ffd7c9}
    .timeline-item{position:relative;padding:0 0 28px 25px}
    .timeline-item:before{content:"";position:absolute;left:-29px;top:9px;width:16px;height:16px;border:4px solid #fff;background:var(--coral);border-radius:50%;box-shadow:0 0 0 3px #ffd7c9}
    .notice{padding:16px 18px;border-radius:15px;background:#fff8ee;color:#8b641d;font-size:13px}
    @media(max-width:1024px){
      .desktop-nav{display:none}.mobile-menu{display:flex}.hero{min-height:520px}.game-grid{grid-template-columns:1fr 1fr}.game-feature{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:768px){
      .container{width:min(100% - 28px,1180px)}.section{padding:58px 0}.hero{min-height:590px}.hero-title{font-size:43px}.split{grid-template-columns:1fr;gap:35px}.stat-grid{grid-template-columns:1fr 1fr}.cta{padding:35px 24px}
    }
    @media(max-width:520px){
      .hero-title{font-size:36px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.game-grid{grid-template-columns:1fr}.game-feature{grid-column:span 1;min-height:320px}.stat-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.hide-mobile{display:none}.mobile-menu{gap:18px}
    }

/* roulang page: category4 */
:root{--ink:#101827;--navy:#15233f;--coral:#ff6a4d;--gold:#ffc95b;--mist:#f5f7fb;--line:#e7ebf3;--muted:#64748b;--radius:22px;--shadow:0 20px 50px rgba(20,35,63,.11)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}.nav-link{font-size:14px;color:#526078;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--coral);font-weight:700}
    .brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff765b,#ffc95b);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.28)}
    .btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 19px;font-size:14px;font-weight:800;transition:.22s;border:1px solid transparent}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,106,77,.25)}.btn-primary:hover{background:#eb563a;transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,106,77,.32)}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{background:#fff6e9;transform:translateY(-2px)}.btn-outline{border-color:#d9e0ec;color:var(--navy);background:#fff}.btn-outline:hover{border-color:var(--coral);color:var(--coral)}
    .focus-ring:focus-visible,.btn-primary:focus-visible,.btn-outline:focus-visible,.nav-link:focus-visible{outline:3px solid rgba(255,106,77,.35);outline-offset:3px}.eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;background:#fff1ed;color:#df4b31;font-size:12px;font-weight:800;letter-spacing:.05em}
    .section{padding:88px 0}.section-title{font-size:clamp(26px,3vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.04em}.section-lead{color:var(--muted);font-size:15px;max-width:700px;margin-top:14px}.hero-bg{background:linear-gradient(90deg,rgba(12,22,43,.96),rgba(12,22,43,.82),rgba(12,22,43,.50)),url('/assets/images/backpic/back-2.webp') center/cover}
    .hover-card{transition:.25s}.hover-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d9c7c2}.image-cover{overflow:hidden}.image-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.hover-card:hover .image-cover img{transform:scale(1.06)}
    .soft-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px rgba(20,35,63,.05)}.muted-panel{background:var(--mist);border-radius:28px}.number{font-size:42px;line-height:1;font-weight:900;color:var(--coral)}.faq-item{border-bottom:1px solid var(--line);padding:20px 0}.faq-item summary{list-style:none;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{font-size:24px;color:var(--coral);transition:.2s}.faq-item[open] .faq-plus{transform:rotate(45deg)}
    .desktop-nav{display:flex}.mobile-menu{display:none}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px}.footer-link{color:#8995a9;font-size:13px;transition:.2s}.footer-link:hover{color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    @media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav .nav-link:nth-child(n+6){display:none}}@media(max-width:768px){.container{width:min(100% - 28px,1180px)}.desktop-nav{display:none}.mobile-menu{display:flex}.section{padding:58px 0}.hero-title{font-size:42px!important}.footer-grid{grid-template-columns:1fr 1fr}.hero-layout{grid-template-columns:1fr!important}.split-layout{grid-template-columns:1fr!important}}@media(max-width:520px){.hero-title{font-size:35px!important}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.footer-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}

/* roulang page: category5 */
:root{--ink:#101827;--navy:#15233f;--coral:#ff6a4d;--gold:#ffc95b;--mist:#f5f7fb;--line:#e7ebf3;--muted:#64748b;--radius:22px;--shadow:0 20px 45px rgba(20,35,63,.12)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .focus-ring:focus-visible,.nav-link:focus-visible,.btn-primary:focus-visible,.btn-outline:focus-visible,.btn-light:focus-visible{outline:3px solid rgba(255,106,77,.35);outline-offset:3px}
    .nav-link{font-size:14px;color:#526078;white-space:nowrap;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--coral);font-weight:700}
    .brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff765b,#ffc95b);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.28)}
    .btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 19px;font-size:14px;font-weight:800;transition:.22s;border:1px solid transparent}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,106,77,.25)}
    .btn-primary:hover{background:#eb563a;transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,106,77,.32)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#fff6e9;transform:translateY(-2px)}
    .btn-outline{border-color:#d9e0ec;color:var(--navy);background:#fff}
    .btn-outline:hover{border-color:var(--coral);color:var(--coral)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;background:#fff1ed;color:#df4b31;font-size:12px;font-weight:800;letter-spacing:.05em}
    .section{padding:88px 0}
    .section-title{font-size:clamp(26px,3vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
    .section-lead{color:var(--muted);font-size:15px;max-width:690px;margin-top:14px}
    .hover-card{transition:.25s}
    .hover-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d9c7c2}
    .image-cover{overflow:hidden}
    .image-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
    .hover-card:hover .image-cover img{transform:scale(1.06)}
    .hero-bg{background:linear-gradient(90deg,rgba(12,22,43,.94),rgba(12,22,43,.78),rgba(12,22,43,.35)),url('/assets/images/backpic/back-2.webp') center/cover}
    .desktop-nav{display:flex}
    .mobile-menu{display:none}
    .benefit-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:25px;box-shadow:0 8px 25px rgba(20,35,63,.05)}
    .benefit-icon{width:46px;height:46px;border-radius:15px;background:#fff1ed;color:var(--coral);display:grid;place-items:center;font-size:21px;font-weight:900}
    .mini-label{font-size:12px;color:var(--muted);font-weight:700}
    .number{font-size:34px;line-height:1;font-weight:900;color:var(--navy)}
    .step-line{position:relative}
    .step-line:before{content:"";position:absolute;left:20px;top:42px;bottom:0;border-left:1px dashed #f0b4a8}
    .step-line:last-child:before{display:none}
    .step-no{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.25)}
    .faq-item{border-bottom:1px solid var(--line);padding:19px 0}
    .faq-item summary{list-style:none;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:20px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-plus{font-size:24px;color:var(--coral);transition:.2s;line-height:1}
    .faq-item[open] .faq-plus{transform:rotate(45deg)}
    .faq-answer{padding:12px 34px 0 0;color:var(--muted);font-size:14px}
    .cta-panel{border-radius:30px;background:var(--navy);color:#fff;position:relative;overflow:hidden}
    .cta-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-110px;background:rgba(255,201,91,.16)}
    footer{background:#101827;color:#cbd5e1}
    footer a{transition:.2s}
    footer a:hover{color:#fff}
    .footer-title{color:#fff;font-weight:800;margin-bottom:12px}
    @media(max-width:1024px){.desktop-nav{display:none}.mobile-menu{display:flex}.container{width:min(100% - 28px,1180px)}.section{padding:68px 0}}
    @media(max-width:768px){.section{padding:54px 0}.section-title{font-size:29px}.hide-mobile{display:none}.hero-title{font-size:42px!important}}
    @media(max-width:520px){.hero-title{font-size:35px!important}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.footer-grid{grid-template-columns:1fr!important}}

/* roulang page: category6 */
:root{--ink:#101827;--navy:#15233f;--coral:#ff6a4d;--gold:#ffc95b;--mist:#f5f7fb;--line:#e7ebf3;--muted:#64748b;--radius:22px;--shadow:0 20px 45px rgba(20,35,63,.11)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .nav-link{font-size:14px;color:#526078;white-space:nowrap;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--coral);font-weight:700}
    .brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff765b,#ffc95b);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.28)}
    .btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 19px;font-size:14px;font-weight:800;transition:.22s;border:1px solid transparent}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,106,77,.25)}
    .btn-primary:hover{background:#eb563a;transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,106,77,.32)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#fff6e9;transform:translateY(-2px)}
    .btn-outline{border-color:#d9e0ec;color:var(--navy);background:#fff}
    .btn-outline:hover{border-color:var(--coral);color:var(--coral)}
    .focus-ring:focus-visible{outline:3px solid rgba(255,106,77,.35);outline-offset:3px}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;background:#fff1ed;color:#df4b31;font-size:12px;font-weight:800;letter-spacing:.05em}
    .section{padding:88px 0}
    .section-title{font-size:clamp(26px,3vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
    .section-lead{color:var(--muted);font-size:15px;max-width:690px;margin-top:14px}
    .hero-bg{background:linear-gradient(90deg,rgba(12,22,43,.94),rgba(12,22,43,.78),rgba(12,22,43,.38)),url('/assets/images/backpic/back-2.webp') center/cover}
    .hero-title{font-size:clamp(38px,5.5vw,70px);line-height:1.12;letter-spacing:-.06em;font-weight:900}
    .hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:24px}
    .soft-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px rgba(20,35,63,.05)}
    .hover-card{transition:.25s}
    .hover-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d9c7c2}
    .icon-box{width:48px;height:48px;border-radius:15px;background:#fff1ed;color:var(--coral);display:grid;place-items:center;font-size:22px;font-weight:900}
    .number{font-size:42px;color:var(--navy);font-weight:900;letter-spacing:-.06em}
    .dark-panel{background:var(--navy);color:#fff;border-radius:28px}
    .faq-item{border-bottom:1px solid var(--line);padding:21px 0}
    .faq-item summary{list-style:none;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:20px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-plus{font-size:24px;color:var(--coral);transition:.2s}
    .faq-item[open] .faq-plus{transform:rotate(45deg)}
    .footer-link{color:#64748b;transition:.2s}
    .footer-link:hover{color:var(--coral)}
    .desktop-nav{display:flex}
    .mobile-menu{display:none}
    @media(max-width:1024px){.desktop-nav{display:none}.mobile-menu{display:flex}.nav-search{display:none}}
    @media(max-width:768px){.container{width:min(100% - 28px,1180px)}.section{padding:58px 0}.hero-title{font-size:42px}.footer-grid{grid-template-columns:1fr 1fr!important}}
    @media(max-width:520px){.hero-title{font-size:35px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.footer-grid{grid-template-columns:1fr!important}}

/* roulang page: category7 */
:root{--ink:#101827;--navy:#15233f;--coral:#ff6a4d;--gold:#ffc95b;--mist:#f5f7fb;--line:#e7ebf3;--muted:#64748b;--radius:22px;--shadow:0 20px 45px rgba(20,35,63,.11)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .focus-ring:focus-visible,.btn-primary:focus-visible,.btn-outline:focus-visible,.nav-link:focus-visible{outline:3px solid rgba(255,106,77,.35);outline-offset:3px}
    .nav-link{font-size:14px;color:#526078;white-space:nowrap;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--coral);font-weight:700}
    .brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ff765b,#ffc95b);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(255,106,77,.28)}
    .btn-primary,.btn-light,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 19px;font-size:14px;font-weight:800;transition:.22s;border:1px solid transparent}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,106,77,.25)}
    .btn-primary:hover{background:#eb563a;transform:translateY(-2px);box-shadow:0 15px 28px rgba(255,106,77,.32)}
    .btn-light{background:#fff;color:var(--navy)}
    .btn-light:hover{background:#fff6e9;transform:translateY(-2px)}
    .btn-outline{border-color:#d9e0ec;color:var(--navy);background:#fff}
    .btn-outline:hover{border-color:var(--coral);color:var(--coral)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;background:#fff1ed;color:#df4b31;font-size:12px;font-weight:800;letter-spacing:.05em}
    .section{padding:88px 0}
    .section-title{font-size:clamp(26px,3vw,42px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
    .section-lead{color:var(--muted);font-size:15px;max-width:690px;margin-top:14px}
    .hover-card{transition:.25s}
    .hover-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d9c7c2}
    .image-cover{overflow:hidden}
    .image-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
    .hover-card:hover .image-cover img{transform:scale(1.06)}
    .hero-bg{background:linear-gradient(90deg,rgba(12,22,43,.93),rgba(12,22,43,.76),rgba(12,22,43,.36)),url('/assets/images/backpic/back-2.webp') center/cover}
    .desktop-nav{display:flex}
    .mobile-menu{display:none}
    .hero-title{font-size:clamp(40px,6vw,72px);line-height:1.14;letter-spacing:-.06em;font-weight:900;color:#fff}
    .hero-copy{color:rgba(255,255,255,.78);font-size:17px;max-width:650px}
    .hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);border-radius:24px}
    .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .stat-number{font-size:30px;font-weight:900;color:var(--navy);line-height:1.2}
    .soft-section{background:var(--mist)}
    .partner-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
    .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .benefit-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;min-height:220px}
    .icon-box{width:44px;height:44px;border-radius:14px;background:#fff1ed;color:var(--coral);display:grid;place-items:center;font-size:21px;font-weight:900;margin-bottom:20px}
    .benefit-card h3{font-size:19px;color:var(--navy);font-weight:900;margin:0 0 8px}
    .benefit-card p{color:var(--muted);font-size:14px;margin:0}
    .audience-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
    .audience-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .audience-item{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.2s}
    .audience-item:hover{border-color:var(--gold);box-shadow:0 12px 25px rgba(20,35,63,.07)}
    .audience-item strong{display:block;color:var(--navy);font-size:16px;margin-bottom:4px}
    .audience-item span{font-size:13px;color:var(--muted)}
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #dce2ed}
    .process-step{padding:28px 22px 10px 0;border-right:1px solid #dce2ed;margin-right:22px}
    .process-step:last-child{border:0;margin:0}
    .step-no{color:var(--coral);font-size:13px;font-weight:900;letter-spacing:.1em}
    .process-step h3{font-size:18px;color:var(--navy);margin:10px 0 6px;font-weight:900}
    .process-step p{font-size:14px;color:var(--muted);margin:0}
    .feature-band{background:var(--navy);color:#fff;border-radius:30px;padding:48px}
    .feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
    .feature-band p{color:#b9c5d8}
    .check-list{padding:0;margin:22px 0 0;list-style:none}
    .check-list li{margin:12px 0;color:#e8edf5}
    .check-list li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:10px}
    .testimonial{display:grid;grid-template-columns:1fr 1fr;gap:22px}
    .quote{padding:29px;border-radius:var(--radius);background:#fff8ef;border:1px solid #f5dfc0}
    .quote p{font-size:17px;color:var(--navy);margin:0 0 18px}
    .quote small{color:var(--muted)}
    .faq-list{max-width:850px;margin:30px auto 0}
    .faq-item{border-bottom:1px solid var(--line);padding:19px 0}
    .faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-weight:800;font-size:16px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item p{color:var(--muted);font-size:14px;max-width:760px;margin:12px 0 0}
    .faq-plus{font-size:24px;color:var(--coral);transition:.2s}
    .faq-item[open] .faq-plus{transform:rotate(45deg)}
    .cta-box{background:linear-gradient(120deg,#fff1ed,#fff8e8);border:1px solid #f6ddd4;border-radius:28px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px}
    footer{background:#101827;color:#b8c2d3;padding:54px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
    .footer-title{color:#fff;font-weight:900;margin-bottom:12px}
    .footer-link{display:block;font-size:13px;margin:8px 0;color:#aeb9ca;transition:.2s}
    .footer-link:hover{color:var(--gold)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    @media(max-width:1024px){.desktop-nav{display:none}.mobile-menu{display:flex}.container{width:min(100% - 28px,1180px)}.hero-title{font-size:52px}.partner-grid,.audience-wrap{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){.section{padding:58px 0}.hero-title{font-size:42px}.hero-copy{font-size:15px}.stat-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr;gap:10px}.process-step{border-right:0;border-bottom:1px solid #dce2ed;margin:0;padding:22px 12px 22px 0}.feature-layout,.testimonial{grid-template-columns:1fr}.feature-band,.cta-box{padding:30px}.cta-box{display:block}.cta-box .btn-primary{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.section-title{font-size:29px}.hero-title{font-size:35px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.benefit-grid,.audience-list,.stat-grid,.process{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.nav-search{display:none}.hide-mobile{display:none}}