/* roulang page: index */
:root{
            --ivory:#fff9f1;
            --cream:#f8eee5;
            --blush:#f3d9d3;
            --coral:#c9535b;
            --coral-dark:#9d3747;
            --plum:#3e203b;
            --wine:#642d48;
            --ink:#2d2028;
            --muted:#776a6b;
            --line:#eadbd4;
            --shadow:0 18px 48px rgba(82,42,50,.10);
            --soft-shadow:0 8px 24px rgba(82,42,50,.08);
            --radius:22px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--ivory);color:var(--ink);line-height:1.8}
        a{color:inherit;text-decoration:none}
        button,input{font:inherit}
        button{cursor:pointer}
        img{max-width:100%;display:block}
        .container{width:min(1180px,calc(100% - 40px));margin:auto}
        .site-header{position:absolute;z-index:20;top:22px;left:0;right:0}
        .nav-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px 12px 22px;background:rgba(255,250,244,.88);border:1px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:var(--soft-shadow);backdrop-filter:blur(16px);transition:.25s ease}
        .nav-shell.compact{padding-top:8px;padding-bottom:8px;box-shadow:var(--shadow)}
        .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--plum);white-space:nowrap}
        .brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--coral);color:#fff;font-size:14px}
        .nav-links{display:flex;align-items:center;gap:8px}
        .nav-link{padding:8px 14px;border-radius:999px;font-size:14px;color:var(--muted);transition:.2s ease}
        .nav-link:hover,.nav-link:focus-visible{color:var(--coral-dark);background:var(--blush)}
        .nav-link.active{color:var(--coral-dark);font-weight:700;background:#f7e2db}
        .nav-cta,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:0;border-radius:13px;background:var(--coral);color:#fff;font-weight:700;box-shadow:0 8px 18px rgba(201,83,91,.22);transition:.22s ease}
        .nav-cta:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px)}
        .nav-cta:active,.btn-primary:active,.btn-secondary:active{transform:scale(.98)}
        .btn-primary:focus-visible,.btn-secondary:focus-visible,.nav-cta:focus-visible,.nav-link:focus-visible{outline:3px solid rgba(201,83,91,.32);outline-offset:3px}
        .menu-toggle{display:none;border:0;background:var(--blush);color:var(--plum);border-radius:50%;width:40px;height:40px}
        .hero{position:relative;overflow:hidden;padding:164px 0 102px;background:radial-gradient(circle at 88% 18%,#f5c6bd 0 12%,transparent 13%),linear-gradient(125deg,#fff9f1 0%,#f8e8df 54%,#ead2d5 100%)}
        .hero:before{content:"";position:absolute;width:560px;height:240px;right:-120px;bottom:-85px;border-radius:50%;background:rgba(101,45,72,.11);transform:rotate(-18deg)}
        .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;position:relative}
        .eyebrow,.badge{display:inline-flex;align-items:center;gap:7px;color:var(--coral-dark);background:#f8ddd5;border:1px solid #efc9c0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}
        h1{font-size:clamp(42px,6vw,76px);line-height:1.14;letter-spacing:-.06em;color:var(--plum);margin:20px 0}
        .hero-copy{font-size:18px;color:var(--muted);max-width:620px}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
        .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;border:1px solid #cfaeb0;border-radius:13px;color:var(--plum);font-weight:700;background:rgba(255,250,244,.55);transition:.22s ease}
        .btn-secondary:hover{background:#fff;color:var(--coral-dark);border-color:var(--coral);transform:translateY(-2px)}
        .hero-notes{display:flex;gap:26px;margin-top:30px;color:var(--muted);font-size:13px}
        .hero-notes strong{display:block;color:var(--plum);font-size:22px;line-height:1.2}
        .hero-poster{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center}
        .poster-main{width:82%;height:350px;padding:30px;border-radius:28px;background:var(--plum);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow);transform:rotate(3deg)}
        .poster-main:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.3);border-radius:50%;right:-50px;top:-30px}
        .poster-small{position:absolute;left:0;bottom:24px;width:190px;padding:18px;border-radius:18px;background:#fff8ef;box-shadow:var(--shadow);transform:rotate(-7deg);color:var(--plum)}
        .poster-title{font-size:42px;line-height:1.15;font-weight:800;letter-spacing:-.08em;margin-top:45px}
        .poster-line{width:80px;height:4px;background:#e88c82;border-radius:4px;margin:22px 0}
        .section{padding:92px 0}
        .section-head{max-width:700px;margin-bottom:38px}
        .section-kicker{color:var(--coral-dark);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
        h2{font-size:clamp(30px,4vw,48px);line-height:1.25;letter-spacing:-.045em;color:var(--plum);margin:10px 0 14px}
        .section-head p{color:var(--muted);font-size:16px}
        .comparison{background:#f6ebe4}
        .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fffaf5;box-shadow:var(--soft-shadow)}
        .compare-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}
        .compare-table th,.compare-table td{padding:20px 24px;border-bottom:1px solid var(--line)}
        .compare-table th{color:var(--plum);font-size:17px;background:#fff4ec}
        .compare-table td{color:var(--muted);font-size:15px}
        .compare-table th:not(:first-child),.compare-table td:not(:first-child){text-align:center}
        .compare-table tr:last-child td{border-bottom:0}
        .tick{color:var(--coral-dark);font-weight:800;font-size:20px}
        .tiers{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:18px;align-items:stretch}
        .tier{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fffaf5;box-shadow:var(--soft-shadow);transition:.25s}
        .tier:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d89d9b}
        .tier.featured{background:var(--plum);color:#fff;position:relative;transform:translateY(-12px)}
        .tier.featured:hover{transform:translateY(-17px)}
        .tier h3{font-size:24px;margin:15px 0 8px}
        .tier p{color:var(--muted);font-size:14px}
        .tier.featured p{color:#e8d7dc}
        .tier ul{list-style:none;margin:22px 0}
        .tier li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
        .tier.featured li{border-color:rgba(255,255,255,.17)}
        .tier li:before{content:"✓";margin-right:9px;color:var(--coral)}
        .tier.featured li:before{color:#f2a79d}
        .news-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
        .news-feature{min-height:320px;padding:32px;border-radius:var(--radius);background:linear-gradient(140deg,#d87875,#6c304f);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
        .news-feature:before{content:"五月";position:absolute;right:22px;top:8px;font-size:128px;font-weight:900;opacity:.12}
        .news-feature h3{font-size:30px;line-height:1.3;margin:12px 0}
        .news-feature p{color:#f7e8e4;font-size:15px}
        .news-list{border-top:1px solid var(--line)}
        .news-item{display:block;padding:19px 0;border-bottom:1px solid var(--line);transition:.2s}
        .news-item:hover{padding-left:8px;color:var(--coral-dark)}
        .news-item small{color:var(--coral-dark);font-weight:700}
        .news-item h3{font-size:18px;margin:5px 0;color:var(--plum)}
        .news-item p{font-size:14px;color:var(--muted)}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
        .step{padding:24px 20px;border-top:3px solid var(--coral);background:#fffaf5;border-radius:0 0 16px 16px}
        .step-num{font-size:36px;color:#d88983;font-weight:800;line-height:1}
        .step h3{margin:16px 0 7px;color:var(--plum);font-size:18px}
        .step p{font-size:14px;color:var(--muted)}
        .proof{background:var(--plum);color:#fff}
        .proof h2{color:#fff}
        .proof .section-head p{color:#d9c5ce}
        .proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .proof-card{padding:26px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.06)}
        .proof-card strong{font-size:38px;color:#f3a49a;display:block}
        .proof-card span{color:#e5d7da;font-size:14px}
        .quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
        .quote{padding:30px;border:1px solid var(--line);background:#fffaf5;border-radius:20px}
        .quote p{font-size:18px;color:var(--plum);line-height:1.7}
        .quote footer{margin-top:20px;color:var(--muted);font-size:13px}
        .faq-list{max-width:850px}
        .faq-item{border-bottom:1px solid var(--line)}
        .faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;padding:21px 0;background:none;border:0;text-align:left;color:var(--plum);font-weight:700;font-size:17px}
        .faq-question span:last-child{color:var(--coral);font-size:24px;transition:.2s}
        .faq-answer{display:none;padding:0 36px 21px 0;color:var(--muted);font-size:15px}
        .faq-item.open .faq-answer{display:block}
        .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
        .cta{padding:76px 0;background:#f1d6d0}
        .cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:42px 48px;border-radius:28px;background:var(--wine);color:#fff}
        .cta-box h2{color:#fff;margin:0 0 8px}
        .cta-box p{color:#ead6d8}
        .footer{padding:48px 0 28px;background:#281728;color:#d8c7ce}
        .footer-grid{display:flex;justify-content:space-between;gap:40px;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.14)}
        .footer .brand{color:#fff}
        .footer h3{color:#fff;font-size:16px;margin-bottom:12px}
        .footer a{display:block;color:#cbb8c1;font-size:14px;margin:7px 0;transition:.2s}
        .footer a:hover{color:#f0a098}
        .copyright{padding-top:22px;color:#a9959f;font-size:13px;display:flex;justify-content:space-between;gap:20px}
        @media(max-width:1024px){.hero-grid{gap:35px}.container{width:min(100% - 32px,900px)}.steps{grid-template-columns:repeat(2,1fr)}}
        @media(max-width:768px){.site-header{top:12px}.nav-shell{border-radius:20px}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;padding:12px;background:#fffaf5;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.show{display:flex}.nav-link{text-align:center}.nav-cta{display:none}.menu-toggle{display:block}.hero{padding:125px 0 70px}.hero-grid{grid-template-columns:1fr}.hero-poster{min-height:300px}.poster-main{height:280px}.poster-title{font-size:34px}.section{padding:65px 0}.tiers,.news-grid,.quotes{grid-template-columns:1fr}.tier.featured{transform:none}.tier.featured:hover{transform:translateY(-5px)}.cta-box{padding:32px 25px;display:block}.cta-box .btn-primary{margin-top:22px}.footer-grid{display:grid;grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:8px}}
        @media(max-width:520px){.brand{font-size:13px}.brand-mark{width:30px;height:30px}.hero-copy{font-size:16px}h1{font-size:43px}.hero-actions>*{width:100%}.hero-notes{gap:18px}.hero-notes strong{font-size:19px}.poster-small{width:150px;font-size:13px}.steps,.proof-grid{grid-template-columns:1fr}.compare-table th,.compare-table td{padding:15px 14px}.footer-grid{grid-template-columns:1fr}}

/* roulang page: category1 */
:root{
      --ivory:#fff9f1;
      --cream:#f8eee5;
      --blush:#f3d9d3;
      --coral:#c9535b;
      --coral-dark:#9d3747;
      --plum:#3e203b;
      --wine:#642d48;
      --ink:#2d2028;
      --muted:#776a6b;
      --line:#eadbd4;
      --shadow:0 18px 48px rgba(82,42,50,.10);
      --soft-shadow:0 8px 24px rgba(82,42,50,.08);
      --radius:22px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      background:var(--ivory);
      color:var(--ink);
      line-height:1.8;
      -webkit-font-smoothing:antialiased;
    }
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    img{display:block;max-width:100%}
    .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .site-header{position:fixed;z-index:30;top:22px;left:0;right:0}
    .nav-shell{
      display:flex;align-items:center;justify-content:space-between;gap:20px;
      padding:12px 16px 12px 22px;background:rgba(255,250,244,.9);
      border:1px solid rgba(255,255,255,.85);border-radius:999px;
      box-shadow:var(--soft-shadow);backdrop-filter:blur(16px);transition:.25s ease;
    }
    .nav-shell.compact{padding-top:8px;padding-bottom:8px;box-shadow:var(--shadow)}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--plum);white-space:nowrap}
    .brand-mark{
      width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
      background:var(--coral);color:#fff;font-size:14px
    }
    .nav-links{display:flex;align-items:center;gap:8px}
    .nav-link{padding:8px 14px;border-radius:999px;font-size:14px;color:var(--muted);transition:.2s ease}
    .nav-link:hover,.nav-link:focus-visible{color:var(--coral-dark);background:var(--blush)}
    .nav-link.active{color:var(--coral-dark);font-weight:700;background:#f7e2db}
    .nav-cta,.btn-primary{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:12px 20px;border:0;border-radius:13px;background:var(--coral);
      color:#fff;font-weight:700;box-shadow:0 8px 18px rgba(201,83,91,.22);transition:.22s ease
    }
    .nav-cta:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px)}
    .nav-cta:active,.btn-primary:active,.btn-secondary:active{transform:scale(.98)}
    .btn-primary:focus-visible,.btn-secondary:focus-visible,.nav-cta:focus-visible,
    .nav-link:focus-visible,.menu-toggle:focus-visible,.faq-question:focus-visible{
      outline:3px solid rgba(201,83,91,.32);outline-offset:3px
    }
    .menu-toggle{display:none;border:0;background:var(--blush);color:var(--plum);border-radius:50%;width:40px;height:40px}
    .page-hero{
      position:relative;overflow:hidden;padding:166px 0 76px;
      background:linear-gradient(125deg,#fff9f1 0%,#f8e8df 57%,#ead2d5 100%);
    }
    .page-hero:before{
      content:"";position:absolute;width:500px;height:230px;right:-130px;top:100px;
      border-radius:50%;background:rgba(101,45,72,.11);transform:rotate(-18deg)
    }
    .hero-layout{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;position:relative}
    .breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:24px}
    .breadcrumb a:hover{color:var(--coral-dark)}
    .eyebrow,.badge{
      display:inline-flex;align-items:center;gap:7px;color:var(--coral-dark);
      background:#f8ddd5;border:1px solid #efc9c0;border-radius:999px;
      padding:5px 12px;font-size:13px;font-weight:700
    }
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(38px,5.2vw,68px);line-height:1.12;letter-spacing:-.06em;color:var(--plum);margin:18px 0}
    h2{font-size:clamp(28px,3.4vw,42px);line-height:1.25;letter-spacing:-.04em;color:var(--plum);margin-bottom:15px}
    h3{line-height:1.4;color:var(--plum)}
    .hero-copy{font-size:18px;color:var(--muted);max-width:640px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .btn-secondary{
      display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;
      border:1px solid #cfaeb0;border-radius:13px;color:var(--plum);font-weight:700;
      background:rgba(255,250,244,.55);transition:.22s ease
    }
    .btn-secondary:hover{background:#fff;color:var(--coral-dark);border-color:var(--coral);transform:translateY(-2px)}
    .hero-poster{
      min-height:290px;padding:26px;border-radius:28px;background:var(--plum);
      color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow);transform:rotate(2deg)
    }
    .hero-poster:before{content:"五月";position:absolute;right:-12px;top:-46px;font-size:170px;font-weight:900;color:#fff;opacity:.08}
    .poster-kicker{color:#f3aaa0;font-size:13px;font-weight:700;letter-spacing:.15em}
    .poster-title{font-size:38px;line-height:1.18;font-weight:800;letter-spacing:-.07em;margin:42px 0 22px;max-width:290px}
    .poster-line{height:1px;background:rgba(255,255,255,.2);margin:18px 0}
    .poster-meta{display:flex;justify-content:space-between;color:#e8d7dc;font-size:13px}
    .section{padding:82px 0}
    .section-head{max-width:700px;margin-bottom:34px}
    .section-kicker{color:var(--coral-dark);font-size:13px;font-weight:800;letter-spacing:.12em}
    .section-head p{color:var(--muted);font-size:16px}
    .filter-bar{display:flex;gap:10px;overflow-x:auto;padding:3px 0 16px;margin-bottom:38px;scrollbar-width:none}
    .filter-bar::-webkit-scrollbar{display:none}
    .filter-tag{
      flex:0 0 auto;padding:9px 16px;border:1px solid var(--line);border-radius:999px;
      color:var(--muted);background:#fffaf5;font-size:14px;transition:.2s
    }
    .filter-tag:hover,.filter-tag.active{background:var(--plum);border-color:var(--plum);color:#fff}
    .editorial-list{border-top:1px solid var(--line)}
    .editorial-item{
      display:grid;grid-template-columns:90px 1fr 180px;gap:28px;align-items:center;
      padding:28px 0;border-bottom:1px solid var(--line);transition:.22s
    }
    .editorial-item:hover{padding-left:10px;background:rgba(248,238,229,.35)}
    .item-number{font-size:34px;font-weight:800;color:#d98782}
    .item-label{color:var(--coral-dark);font-size:13px;font-weight:800}
    .editorial-item h3{font-size:22px;margin:5px 0 8px}
    .editorial-item p{font-size:15px;color:var(--muted);margin:0;max-width:670px}
    .item-aside{text-align:right;color:var(--muted);font-size:13px}
    .item-aside strong{display:block;color:var(--plum);font-size:16px}
    .featured-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}
    .featured-card{
      min-height:390px;padding:34px;border-radius:var(--radius);color:#fff;
      background:linear-gradient(145deg,#d87875,#642d48);position:relative;overflow:hidden;
      display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--soft-shadow)
    }
    .featured-card:after{content:"开心";position:absolute;right:18px;top:-25px;font-size:145px;font-weight:900;opacity:.12}
    .featured-card h3{color:#fff;font-size:31px;max-width:500px;margin:14px 0}
    .featured-card p{color:#f8e4e0;max-width:520px}
    .mini-stack{border-top:1px solid var(--line)}
    .mini-item{padding:22px 0;border-bottom:1px solid var(--line)}
    .mini-item h3{font-size:18px;margin:7px 0}
    .mini-item p{font-size:14px;color:var(--muted);margin:0}
    .related{background:var(--cream)}
    .related-grid{display:flex;flex-wrap:wrap;gap:12px}
    .related-link{
      padding:13px 18px;background:#fffaf5;border:1px solid var(--line);border-radius:14px;
      color:var(--plum);font-weight:700;transition:.2s
    }
    .related-link:hover{border-color:var(--coral);color:var(--coral-dark);transform:translateY(-2px)}
    .faq-list{max-width:850px}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{
      width:100%;display:flex;justify-content:space-between;gap:20px;padding:21px 0;
      background:none;border:0;text-align:left;color:var(--plum);font-weight:700;font-size:17px
    }
    .faq-question span:last-child{color:var(--coral);font-size:24px;transition:.2s}
    .faq-answer{display:none;padding:0 36px 21px 0;color:var(--muted);font-size:15px}
    .faq-item.open .faq-answer{display:block}
    .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
    .cta{
      padding:58px 0;background:var(--plum);color:#fff;position:relative;overflow:hidden
    }
    .cta:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:8%;top:-120px}
    .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;z-index:1}
    .cta h2{color:#fff;margin-bottom:8px}
    .cta p{color:#dfcbd2;margin:0;max-width:650px}
    .cta .btn-primary{background:#e37b78;white-space:nowrap}
    .cta .btn-primary:hover{background:#f19a91}
    footer{background:#281827;color:#d8c6cc;padding:32px 0 24px}
    .footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.13)}
    .footer-brand{color:#fff;font-weight:800;font-size:18px}
    .footer-links{display:flex;gap:22px;font-size:14px}
    .footer-links a:hover{color:#f3aaa0}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:#a9919b;font-size:13px}
    @media(max-width:1024px){
      .hero-layout{gap:35px}.editorial-item{grid-template-columns:70px 1fr 135px}
    }
    @media(max-width:768px){
      .container{width:min(100% - 30px,620px)}
      .site-header{top:12px}.nav-shell{padding-left:15px}
      .brand span:last-child{max-width:170px;overflow:hidden;text-overflow:ellipsis}
      .nav-links{display:none;position:absolute;top:62px;left:0;right:0;padding:12px;background:#fffaf5;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .nav-links.show{display:flex}.nav-link{text-align:center;padding:12px}
      .nav-cta{display:none}.menu-toggle{display:block}
      .page-hero{padding:130px 0 58px}.hero-layout{grid-template-columns:1fr;gap:35px}
      .hero-poster{min-height:250px;transform:none}.poster-title{font-size:32px;margin-top:28px}
      .section{padding:62px 0}.editorial-item{grid-template-columns:48px 1fr;gap:14px;padding:22px 0}
      .item-aside{grid-column:2;text-align:left}.item-number{font-size:27px}
      .featured-layout{grid-template-columns:1fr}.featured-card{min-height:300px}
      .cta-inner{display:block}.cta .btn-primary{margin-top:25px}
      .footer-top,.footer-bottom{display:block}.footer-links{margin-top:16px;flex-wrap:wrap;gap:12px 18px}
    }
    @media(max-width:520px){
      h1{font-size:40px}.hero-copy{font-size:16px}.hero-actions a{width:100%}
      .poster-title{font-size:29px}.editorial-item h3{font-size:19px}
      .featured-card{padding:25px}.featured-card h3{font-size:26px}
      .faq-question{font-size:16px}
    }
    @media(prefers-reduced-motion:reduce){
      *{scroll-behavior:auto!important;transition:none!important}
    }