/* roulang page: index */
:root{
            --coral:#f04d58;
            --berry:#b92b68;
            --orange:#f28a45;
            --violet:#7652d8;
            --ink:#29252b;
            --muted:#766f75;
            --cream:#fffaf5;
            --paper:#ffffff;
            --soft:#f7eee9;
            --line:#eaded8;
            --dark:#30252d;
            --radius:20px;
            --shadow:0 18px 48px rgba(72,39,45,.10);
            --small-shadow:0 8px 22px rgba(72,39,45,.08);
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.7;overflow-x:hidden}
        a{color:inherit;text-decoration:none}
        img{max-width:100%;display:block}
        button,input,select,textarea{font:inherit}
        .container{max-width:1200px;padding-left:24px;padding-right:24px}
        .site-header{position:sticky;top:0;z-index:1030;background:rgba(255,250,245,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,222,216,.8)}
        .navbar{min-height:78px}
        .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:1.12rem}
        .brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(140deg,var(--coral),var(--berry));position:relative;box-shadow:0 7px 15px rgba(240,77,88,.25)}
        .brand-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ffd9b8;right:7px;top:7px;box-shadow:-11px 13px 0 #fff1d7}
        .navbar-nav{gap:8px}
        .nav-link{color:var(--muted)!important;padding:9px 14px!important;border-radius:10px;font-size:.94rem;transition:.2s}
        .nav-link:hover,.nav-link:focus,.nav-link.active{color:var(--berry)!important;background:#fbe8e8}
        .nav-link.active{font-weight:700}
        .nav-cta,.btn-primary{border:0;background:var(--coral);color:#fff!important;border-radius:12px;padding:12px 19px;font-weight:700;box-shadow:0 9px 18px rgba(240,77,88,.22);transition:.22s}
        .nav-cta:hover,.btn-primary:hover{background:#d83e4d;transform:translateY(-2px);box-shadow:0 13px 25px rgba(240,77,88,.3)}
        .navbar-toggler{border:1px solid var(--line);padding:8px 10px;border-radius:10px}
        .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(240,77,88,.18)}
        .hero{padding:88px 0 72px;position:relative}
        .hero:before{content:"";position:absolute;inset:0 0 auto auto;width:43%;height:380px;background:radial-gradient(circle at 70% 35%,rgba(242,138,69,.22),transparent 62%);pointer-events:none}
        .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
        .eyebrow:before,.section-kicker:before{content:"";width:25px;height:3px;background:var(--coral);border-radius:3px}
        h1,h2,h3{line-height:1.2;letter-spacing:-.045em;margin:0 0 18px;font-weight:850}
        h1{font-size:clamp(2.65rem,5vw,5.15rem);max-width:700px}
        h1 em{font-style:normal;color:var(--coral)}
        h2{font-size:clamp(1.85rem,3vw,3rem)}
        h3{font-size:1.23rem}
        .hero-copy{font-size:1.08rem;color:var(--muted);max-width:650px;margin-bottom:28px}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
        .btn-outline{border:1px solid #d9bfc0;background:transparent;color:var(--berry);border-radius:12px;padding:11px 18px;font-weight:700;transition:.2s}
        .btn-outline:hover{background:#f8e1e1;border-color:var(--coral);transform:translateY(-2px)}
        .hero-points{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
        .hero-points span:before{content:"●";color:var(--orange);margin-right:6px}
        .summary-panel{background:var(--dark);color:#fff;border-radius:26px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
        .summary-panel:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,212,191,.22);border-radius:50%;right:-55px;top:-50px;box-shadow:0 0 0 18px rgba(255,212,191,.05),0 0 0 38px rgba(255,212,191,.04)}
        .panel-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:17px;margin-bottom:20px}
        .status{font-size:.76rem;color:#ffd3b5;display:flex;align-items:center;gap:7px}
        .status i{width:8px;height:8px;border-radius:50%;background:#ffb24b;box-shadow:0 0 0 5px rgba(255,178,75,.14)}
        .summary-number{font-size:3.5rem;font-weight:850;line-height:1;color:#fff1d7}
        .summary-label{color:#d7c8cc;font-size:.9rem}
        .mini-bars{display:flex;align-items:end;gap:8px;height:80px;margin:22px 0 13px}
        .mini-bars span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--orange),var(--coral));opacity:.92}
        .mini-bars span:nth-child(1){height:34%}.mini-bars span:nth-child(2){height:49%}.mini-bars span:nth-child(3){height:42%}.mini-bars span:nth-child(4){height:72%}.mini-bars span:nth-child(5){height:63%}.mini-bars span:nth-child(6){height:89%}.mini-bars span:nth-child(7){height:76%}
        .panel-note{font-size:.85rem;color:#d7c8cc}
        section{padding:82px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
        .section-head p{max-width:570px;color:var(--muted);margin:0}
        .dashboard{display:grid;grid-template-columns:1.65fr .75fr .75fr;gap:16px}
        .metric-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-height:156px;box-shadow:var(--small-shadow)}
        .metric-card.wide{background:#fff1e9;grid-row:span 2;min-height:330px}
        .metric-title{font-size:.88rem;color:var(--muted);margin-bottom:13px}
        .metric-value{font-size:2.25rem;font-weight:850;color:var(--berry);line-height:1}
        .trend-line{height:96px;margin-top:25px;position:relative;border-bottom:1px solid #e7c9c0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(224,174,164,.25) 32px)}
        .trend-line svg{width:100%;height:100%}
        .progress{height:8px;background:#f1e4df;border-radius:8px;margin-top:20px}
        .progress-bar{background:linear-gradient(90deg,var(--orange),var(--coral));border-radius:8px}
        .matrix-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
        .matrix-card{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:29px;min-height:210px;transition:.22s;position:relative;overflow:hidden}
        .matrix-card:hover{transform:translateY(-5px);border-color:#e9a3a2;box-shadow:var(--shadow)}
        .matrix-card.featured{background:linear-gradient(135deg,var(--berry),#803d8c);color:#fff}
        .matrix-card.featured p,.matrix-card.featured .card-meta{color:#f7dce2}
        .matrix-grid .matrix-card:nth-child(2),.matrix-grid .matrix-card:nth-child(3){min-height:175px}
        .tag{display:inline-block;padding:5px 9px;border-radius:7px;background:#fae9e3;color:var(--berry);font-size:.74rem;font-weight:800;margin-bottom:18px}
        .featured .tag{background:rgba(255,255,255,.16);color:#ffe1bc}
        .matrix-card p{color:var(--muted);font-size:.92rem;max-width:410px}
        .card-meta{color:var(--muted);font-size:.8rem}
        .arrow{position:absolute;right:25px;bottom:24px;color:var(--coral);font-size:1.35rem}
        .comparison{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:20px}
        .compare-box{padding:30px;border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);min-height:218px}
        .compare-box.after{background:#fff0e8;border-color:#efc5b1}
        .compare-label{font-size:.78rem;font-weight:800;color:var(--violet);letter-spacing:.08em;margin-bottom:18px}
        .compare-list{padding:0;margin:0;list-style:none;color:var(--muted)}
        .compare-list li{margin:10px 0;display:flex;gap:9px}
        .compare-list li:before{content:"—";color:var(--coral);font-weight:800}
        .compare-arrow{height:48px;width:48px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:1.3rem;margin:auto}
        .faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}
        .faq-intro p{color:var(--muted);max-width:350px}
        .accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:11px;overflow:hidden;background:var(--paper)}
        .accordion-button{font-weight:750;color:var(--ink);background:var(--paper);padding:20px 22px;box-shadow:none!important}
        .accordion-button:not(.collapsed){color:var(--berry);background:#fff2ed}
        .accordion-button:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(240,77,88,.12)!important}
        .accordion-body{color:var(--muted);font-size:.92rem;padding:0 22px 21px}
        .cta-box{background:var(--dark);color:#fff;border-radius:25px;padding:42px;position:relative;overflow:hidden}
        .cta-box:before{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-140px;border:42px solid rgba(240,77,88,.22);border-radius:50%}
        .cta-box h2{max-width:560px}
        .cta-box p{color:#d9cbd0;max-width:650px}
        .form-label{font-size:.84rem;color:#f4dfe0;margin-bottom:7px}
        .form-control,.form-select{min-height:48px;border-radius:11px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}
        .form-control::placeholder{color:#bfaeb5}.form-control:focus,.form-select:focus{border-color:#ffab8e;box-shadow:0 0 0 3px rgba(255,171,142,.18);background:rgba(255,255,255,.12);color:#fff}
        .form-select option{color:var(--ink)}
        .submit-btn{height:50px;border:0;border-radius:11px;background:#ff9b68;color:#3b2225;font-weight:850;padding:0 26px;transition:.2s}
        .submit-btn:hover{background:#ffb17e;transform:translateY(-2px)}
        .privacy{font-size:.75rem;color:#bfaeb5;margin-top:14px}
        .updates{padding-top:0}
        .update-row{display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
        .update-date{font-size:.8rem;color:var(--berry);font-weight:800}.update-row strong{font-size:.98rem}.update-row p{margin:3px 0 0;color:var(--muted);font-size:.86rem}.update-state{font-size:.76rem;background:#fbe8e8;color:var(--berry);padding:6px 9px;border-radius:7px}
        footer{background:#2d252c;color:#fff;padding:46px 0 24px}
        .footer-grid{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:40px;padding-bottom:35px}
        footer .brand{color:#fff;margin-bottom:15px}footer .brand-mark{flex:none}
        .footer-copy{color:#cdbfc4;font-size:.87rem;max-width:330px}
        .footer-title{font-size:.83rem;color:#f2b49d;font-weight:800;margin-bottom:15px}
        .footer-links{display:flex;flex-direction:column;gap:8px;color:#d9cbd0;font-size:.87rem}
        .footer-links a:hover{color:#ffad87}
        .copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:#a99ba2;font-size:.78rem;display:flex;justify-content:space-between;gap:20px}
        .floating-bar{position:fixed;right:22px;bottom:22px;z-index:1020;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:9px 10px 9px 16px;display:flex;align-items:center;gap:15px;font-size:.82rem}
        .floating-bar strong{color:var(--berry)}
        .floating-bar a{background:var(--coral);color:#fff;padding:8px 13px;border-radius:9px;font-weight:700}
        @media(max-width:991px){
            .navbar-collapse{padding:18px 0}.nav-cta{display:inline-block;margin-top:10px}
            .dashboard{grid-template-columns:1fr 1fr}.metric-card.wide{grid-column:span 2;grid-row:auto}
            .faq-wrap{gap:30px}
        }
        @media(max-width:767px){
            .container{padding-left:18px;padding-right:18px}.navbar{min-height:68px}.hero{padding:58px 0 45px}section{padding:58px 0}
            .section-head{display:block}.section-head p{margin-top:13px}.dashboard,.matrix-grid,.comparison,.faq-wrap{display:block}
            .metric-card,.matrix-card,.compare-box{margin-bottom:14px}.metric-card.wide{min-height:280px}
            .comparison .compare-arrow{margin:10px auto}.faq-intro{margin-bottom:28px}.cta-box{padding:28px 20px}.footer-grid{grid-template-columns:1fr;gap:25px}
            .update-row{grid-template-columns:85px 1fr}.update-state{display:none}.floating-bar{left:15px;right:15px;bottom:14px;justify-content:space-between}
        }
        @media(max-width:520px){
            h1{font-size:2.55rem}.hero-copy{font-size:1rem}.hero-actions .btn-primary,.hero-actions .btn-outline{width:100%;text-align:center}
            .dashboard{grid-template-columns:1fr}.metric-card.wide{grid-column:auto}.summary-panel{padding:23px}.copyright{display:block}.copyright span{display:block;margin-top:7px}
        }

/* roulang page: category1 */
:root{
      --coral:#f04d58;
      --berry:#b92b68;
      --orange:#f28a45;
      --violet:#7652d8;
      --ink:#29252b;
      --muted:#766f75;
      --cream:#fffaf5;
      --paper:#ffffff;
      --soft:#f7eee9;
      --line:#eaded8;
      --dark:#30252d;
      --radius:20px;
      --shadow:0 18px 48px rgba(72,39,45,.10);
      --small-shadow:0 8px 22px rgba(72,39,45,.08);
    }
    html{scroll-behavior:smooth}
    *{box-sizing:border-box}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.7;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    .container{max-width:1200px;padding-left:24px;padding-right:24px}
    .site-header{position:sticky;top:0;z-index:1030;background:rgba(255,250,245,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(234,222,216,.8)}
    .navbar{min-height:78px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:1.12rem}
    .brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(140deg,var(--coral),var(--berry));position:relative;box-shadow:0 7px 15px rgba(240,77,88,.25);flex:0 0 auto}
    .brand-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ffd9b8;right:7px;top:7px;box-shadow:-11px 13px 0 #fff1d7}
    .navbar-nav{gap:8px}
    .nav-link{color:var(--muted)!important;padding:9px 14px!important;border-radius:10px;font-size:.94rem;transition:.2s}
    .nav-link:hover,.nav-link:focus,.nav-link.active{color:var(--berry)!important;background:#fbe8e8}
    .nav-link.active{font-weight:700}
    .nav-cta,.btn-primary{border:0;background:var(--coral);color:#fff!important;border-radius:12px;padding:12px 19px;font-weight:700;box-shadow:0 9px 18px rgba(240,77,88,.22);transition:.22s}
    .nav-cta:hover,.btn-primary:hover{background:#d83e4d;transform:translateY(-2px);box-shadow:0 13px 25px rgba(240,77,88,.3)}
    .navbar-toggler{border:1px solid var(--line);padding:8px 10px;border-radius:10px}
    .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(240,77,88,.18)}
    .hero{padding:74px 0 65px;position:relative}
    .hero:before{content:"";position:absolute;right:-8%;top:0;width:48%;height:390px;background:radial-gradient(circle at 60% 35%,rgba(242,138,69,.22),transparent 63%);pointer-events:none}
    .breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:30px}
    .breadcrumb a{color:var(--berry)}
    .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-weight:800;font-size:.78rem;letter-spacing:.12em}
    .eyebrow:before,.section-kicker:before{content:"";width:25px;height:3px;background:var(--coral);border-radius:3px}
    h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.18}
    h1{font-size:clamp(2.35rem,5vw,4.5rem);margin:16px 0 22px;max-width:700px}
    h1 em{font-style:normal;color:var(--coral)}
    .hero-copy{font-size:1.08rem;color:var(--muted);max-width:680px;margin-bottom:28px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .btn-outline{border:1px solid #d9bfc0;background:transparent;color:var(--berry);border-radius:12px;padding:11px 18px;font-weight:700;transition:.2s}
    .btn-outline:hover{background:#f8e1e1;border-color:var(--coral);transform:translateY(-2px)}
    .status-panel{background:var(--dark);color:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .status-panel:after{content:"";position:absolute;width:180px;height:180px;border:25px solid rgba(242,138,69,.23);border-radius:50%;right:-55px;top:-70px}
    .status-top{display:flex;justify-content:space-between;gap:14px;position:relative;z-index:1}
    .status-label{color:#e9cfd5;font-size:.82rem}
    .live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffae79;box-shadow:0 0 0 5px rgba(255,174,121,.14);margin-right:8px}
    .status-value{font-size:2.5rem;font-weight:800;line-height:1.1;margin:26px 0 7px}
    .status-note{color:#d9cbd0;font-size:.9rem}
    .signal{height:58px;margin:22px 0 4px;position:relative;border-bottom:1px solid rgba(255,255,255,.16)}
    .signal svg{width:100%;height:58px}
    .signal path{fill:none;stroke:#ff987c;stroke-width:3;stroke-linecap:round}
    section{padding:82px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
    .section-head p{max-width:580px;color:var(--muted);margin:0}
    .filter-bar{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;gap:9px;overflow-x:auto;white-space:nowrap;box-shadow:var(--small-shadow)}
    .filter-bar a{padding:9px 16px;border-radius:10px;color:var(--muted);font-size:.88rem;transition:.2s}
    .filter-bar a:hover,.filter-bar a.active{background:#fbe4e2;color:var(--berry);font-weight:700}
    .feature-card{background:linear-gradient(135deg,var(--berry),#803d8c);color:#fff;border-radius:var(--radius);padding:34px;min-height:310px;position:relative;overflow:hidden;box-shadow:var(--shadow)}
    .feature-card:after{content:"05";position:absolute;right:22px;bottom:-31px;font-size:10rem;font-weight:900;color:rgba(255,255,255,.08);line-height:1}
    .tag{display:inline-block;padding:5px 9px;border-radius:7px;background:#fae9e3;color:var(--berry);font-size:.74rem;font-weight:800;margin-bottom:18px}
    .feature-card .tag{background:rgba(255,255,255,.16);color:#ffe1bc}
    .feature-card h2{max-width:590px;font-size:clamp(1.7rem,3vw,2.7rem);position:relative;z-index:1}
    .feature-card p{color:#f7dce2;max-width:610px;position:relative;z-index:1}
    .feature-meta{display:flex;gap:18px;flex-wrap:wrap;color:#ffe3d0;font-size:.82rem;margin-top:24px;position:relative;z-index:1}
    .content-list{display:grid;gap:14px}
    .content-item{display:grid;grid-template-columns:90px 1fr auto;gap:21px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px 24px;transition:.22s}
    .content-item:hover{transform:translateX(4px);border-color:#e9a3a2;box-shadow:var(--small-shadow)}
    .item-index{font-size:2rem;color:var(--coral);font-weight:800}
    .item-body h3{font-size:1.18rem;margin:0 0 5px}
    .item-body p{color:var(--muted);font-size:.9rem;margin:0;max-width:650px}
    .item-meta{color:var(--muted);font-size:.78rem;text-align:right;white-space:nowrap}
    .item-meta strong{display:block;color:var(--berry);font-size:.86rem;margin-bottom:5px}
    .pulse-board{background:#fff1e9;border-radius:22px;padding:30px;border:1px solid #f1d9cd}
    .pulse-row{display:flex;align-items:center;gap:18px;margin:21px 0}
    .pulse-row span{width:90px;font-size:.88rem;color:var(--muted)}
    .progress{height:9px;background:#f2d8cf;border-radius:20px;flex:1}
    .progress-bar{background:linear-gradient(90deg,var(--coral),var(--orange));border-radius:20px}
    .pulse-num{width:40px;text-align:right;color:var(--berry);font-weight:800}
    .compare-grid{display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;gap:20px}
    .compare-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;min-height:220px}
    .compare-card.after{background:#fff1e9;border-color:#f1c9bf}
    .compare-card h3{font-size:1.3rem;margin:13px 0 17px}
    .compare-card ul{list-style:none;padding:0;margin:0;color:var(--muted);font-size:.92rem}
    .compare-card li{margin:10px 0;display:flex;gap:9px}
    .compare-card li:before{content:"—";color:var(--coral);font-weight:800}
    .compare-arrow{height:48px;width:48px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:1.3rem;margin:auto}
    .faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}
    .faq-intro p{color:var(--muted);max-width:350px}
    .accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:11px;overflow:hidden;background:var(--paper)}
    .accordion-button{font-weight:750;color:var(--ink);background:var(--paper);padding:20px 22px;box-shadow:none!important}
    .accordion-button:not(.collapsed){color:var(--berry);background:#fff2ed}
    .accordion-button:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(240,77,88,.12)!important}
    .accordion-body{color:var(--muted);font-size:.92rem;padding:0 22px 21px}
    .cta-box{background:var(--dark);color:#fff;border-radius:25px;padding:42px;position:relative;overflow:hidden}
    .cta-box:before{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-140px;border:42px solid rgba(240,77,88,.22);border-radius:50%}
    .cta-box h2{max-width:560px}
    .cta-box p{color:#d9cbd0;max-width:650px}
    .form-label{font-size:.84rem;color:#f4dfe0;margin-bottom:7px}
    .form-control,.form-select{min-height:48px;border-radius:11px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}
    .form-control::placeholder{color:#bfaeb5}
    .form-control:focus,.form-select:focus{border-color:#ffab8e;box-shadow:0 0 0 3px rgba(255,171,142,.18);background:rgba(255,255,255,.12);color:#fff}
    .form-select option{color:var(--ink)}
    .privacy-note{font-size:.76rem;color:#bfaeb5;margin:12px 0 0}
    footer{background:var(--dark);color:#fff;padding:55px 0 24px;border-top:1px solid rgba(255,255,255,.08)}
    footer .brand{margin-bottom:16px}
    .footer-copy{color:#cdbdc4;max-width:360px;font-size:.88rem;margin:0}
    .footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:50px;padding-bottom:42px}
    .footer-title{font-weight:800;color:#ffe2d7;margin-bottom:14px}
    .footer-links{display:grid;gap:8px;color:#cdbdc4;font-size:.88rem}
    .footer-links a{transition:.2s}
    .footer-links a:hover{color:#ffad91;padding-left:3px}
    .copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:19px;display:flex;justify-content:space-between;gap:18px;color:#aa99a1;font-size:.78rem}
    .sr-note{color:var(--muted);font-size:.83rem}
    @media(max-width:991px){
      .navbar-collapse{padding:16px 0 8px}
      .navbar-nav{align-items:stretch!important}
      .nav-cta{display:inline-block;margin-top:12px;text-align:center}
      .hero{padding-top:58px}
      .faq-wrap{grid-template-columns:1fr;gap:28px}
    }
    @media(max-width:767px){
      section{padding:58px 0}
      .container{padding-left:18px;padding-right:18px}
      .hero{padding-bottom:48px}
      .section-head{display:block}
      .section-head p{margin-top:14px}
      .content-item{grid-template-columns:52px 1fr;gap:12px;padding:18px}
      .item-meta{grid-column:2;text-align:left}
      .item-index{font-size:1.5rem}
      .compare-grid{grid-template-columns:1fr;gap:12px}
      .compare-arrow{transform:rotate(90deg)}
      .pulse-row{gap:9px}
      .pulse-row span{width:72px;font-size:.8rem}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
      .footer-grid>div:first-child{grid-column:1/-1}
      .copyright{display:block}
      .copyright span{display:block;margin-top:5px}
    }
    @media(max-width:520px){
      h1{font-size:2.45rem}
      .hero-actions .btn-primary,.hero-actions .btn-outline{width:100%;text-align:center}
      .feature-card{padding:25px;min-height:340px}
      .cta-box{padding:27px 21px}
      .footer-grid{grid-template-columns:1fr}
      .footer-grid>div:first-child{grid-column:auto}
    }