/* roulang page: index */
:root{
            --plum-950:#241326;
            --plum-900:#32182f;
            --plum-800:#482040;
            --plum-700:#67274f;
            --berry:#8f315f;
            --coral:#df806f;
            --peach:#f2b39c;
            --cream:#fff8f1;
            --mist:#f3edf3;
            --lavender:#e8dfea;
            --ink:#302531;
            --muted:#776b78;
            --line:#dfd2de;
            --card:#fffdfb;
            --shadow:0 18px 50px rgba(66,31,55,.12);
            --shadow-soft:0 8px 24px rgba(66,31,55,.08);
            --radius-xl:30px;
            --radius-lg:22px;
            --radius-md:15px;
            --max:1380px;
            --sidebar:258px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;background:var(--mist);color:var(--ink);line-height:1.75;font-size:15px}
        a{color:inherit;text-decoration:none}
        button,input{font:inherit}
        button{cursor:pointer}
        img{display:block;max-width:100%}
        :focus-visible{outline:3px solid var(--coral);outline-offset:3px}
        .site-shell{min-height:100vh}
        .sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);padding:28px 18px;background:var(--plum-950);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1)}
        .brand{display:flex;align-items:center;gap:12px;padding:5px 10px 28px}
        .brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--coral),var(--berry));display:grid;place-items:center;box-shadow:0 8px 20px rgba(223,128,111,.25);font-weight:800}
        .brand-name{font-size:17px;font-weight:800;line-height:1.3;letter-spacing:.02em}
        .brand-name small{display:block;color:#d9b9ce;font-size:11px;font-weight:500;margin-top:3px}
        .nav-label{color:#a98da3;font-size:11px;letter-spacing:.16em;padding:0 12px 10px}
        .nav-list{display:grid;gap:7px}
        .nav-link{min-height:48px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid transparent;border-radius:14px;color:#d7c7d4;transition:.22s ease}
        .nav-link svg{width:18px;height:18px;opacity:.78}
        .nav-link:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}
        .nav-link.active{background:linear-gradient(100deg,rgba(143,49,95,.95),rgba(103,39,79,.85));color:#fff;border-color:rgba(242,179,156,.3);box-shadow:0 10px 24px rgba(0,0,0,.18)}
        .side-note{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:18px;color:#d8c6d4;font-size:12px}
        .side-note strong{display:block;color:#fff;font-size:13px;margin-bottom:6px}
        .status-dot{display:inline-block;width:7px;height:7px;background:#a8d5a3;border-radius:50%;margin-right:6px}
        .main-area{margin-left:var(--sidebar);min-width:0}
        .mobile-bar{display:none}
        .container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}
        .topbar{height:76px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}
        .crumb{display:flex;align-items:center;gap:8px}
        .crumb b{color:var(--plum-800)}
        .top-status{display:flex;align-items:center;gap:10px}
        .badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--lavender);color:var(--plum-800);font-size:12px;font-weight:700;white-space:nowrap}
        .badge.coral{background:#fae1d9;color:#8a3c38}
        .badge.dark{background:rgba(255,255,255,.12);color:#f6d9d0}
        .hero{position:relative;overflow:hidden;padding:52px 0 42px;background:linear-gradient(125deg,#fffaf5 0%,#f1e4ed 55%,#ead4df 100%);border-bottom:1px solid var(--line)}
        .hero:after{content:"";position:absolute;width:390px;height:390px;right:6%;top:-180px;border-radius:50%;background:rgba(223,128,111,.13);filter:blur(2px)}
        .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:38px;align-items:center}
        .eyebrow{display:flex;align-items:center;gap:10px;color:var(--berry);font-weight:800;font-size:13px;letter-spacing:.08em;margin-bottom:16px}
        .eyebrow:before{content:"";width:28px;height:2px;background:var(--coral)}
        h1,h2,h3{color:var(--plum-950);line-height:1.2;letter-spacing:-.035em}
        h1{font-size:clamp(38px,5vw,64px);max-width:720px}
        h2{font-size:clamp(28px,3.2vw,42px)}
        h3{font-size:20px}
        .hero-copy{font-size:17px;color:#635565;max-width:680px;margin:22px 0 28px}
        .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 19px;border-radius:14px;border:1px solid transparent;font-weight:800;transition:.22s ease}
        .btn-primary{background:linear-gradient(110deg,var(--berry),var(--plum-700));color:white;box-shadow:0 10px 20px rgba(103,39,79,.2)}
        .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 27px rgba(103,39,79,.28)}
        .btn-primary:active{transform:translateY(0)}
        .btn-secondary{background:rgba(255,255,255,.65);color:var(--plum-800);border-color:#d7c0d1}
        .btn-secondary:hover{background:#fff;border-color:var(--berry);transform:translateY(-2px)}
        .btn-text{color:var(--berry);font-weight:800;padding:9px 3px}
        .btn-text:hover{color:var(--plum-950)}
        .hero-note{margin-top:21px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}
        .guide-card{position:relative;padding:25px;background:var(--plum-950);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow);transform:rotate(1.2deg)}
        .guide-card:before{content:"浏览指南";position:absolute;right:22px;top:22px;padding:5px 9px;border-radius:8px;background:var(--coral);color:var(--plum-950);font-size:11px;font-weight:900}
        .guide-kicker{color:var(--peach);font-size:12px;letter-spacing:.12em;margin-bottom:38px}
        .guide-card h2{color:white;font-size:29px;max-width:280px}
        .guide-lines{display:grid;gap:12px;margin:24px 0;border-top:1px solid rgba(255,255,255,.15);padding-top:18px}
        .guide-line{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#ddcbd9}
        .guide-line span:last-child{color:#f3b7a9;font-weight:800}
        .guide-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
        .guide-foot strong{font-size:23px;color:#fff}
        .section{padding:90px 0}
        .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}
        .section-head p{max-width:550px;color:var(--muted);font-size:15px}
        .feature-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:18px}
        .feature-lead,.feature-card,.scenario-card,.metric-panel,.info-card,.faq-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}
        .feature-lead{padding:30px;background:linear-gradient(145deg,var(--plum-800),var(--plum-950));color:white;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}
        .feature-lead h3{color:#fff;font-size:27px}
        .feature-lead p{color:#decbd9;margin-top:12px}
        .number{font-size:12px;color:var(--peach);font-weight:900;letter-spacing:.14em}
        .feature-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}
        .feature-card{padding:25px;transition:.22s ease}
        .feature-card:first-child{grid-row:span 2;background:#fff5ef}
        .feature-card:hover,.scenario-card:hover,.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
        .feature-card p,.scenario-card p,.info-card p{color:var(--muted);font-size:14px;margin:11px 0 17px}
        .card-link{color:var(--berry);font-weight:800;font-size:13px}
        .scenario-wrap{background:#eadfe9;border-radius:var(--radius-xl);padding:32px}
        .path{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
        .scenario-card{position:relative;margin-right:12px;padding:22px;min-height:175px;transition:.22s ease}
        .scenario-card:not(:last-child):after{content:"→";position:absolute;right:-28px;top:50%;color:var(--berry);font-size:24px;font-weight:800;z-index:2}
        .scenario-card:last-child{margin-right:0;background:var(--plum-800);color:#fff}
        .scenario-card:last-child h3{color:#fff}
        .scenario-card:last-child p{color:#e1cddc}
        .demo-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px}
        .metric-panel{padding:28px;min-height:215px}
        .metric-panel.dark{background:var(--plum-950);color:#fff}
        .metric-panel.dark h3{color:#fff}
        .metric-panel p{color:var(--muted);font-size:14px;margin-top:10px}
        .metric-panel.dark p{color:#d4c1d0}
        .metric-big{font-size:46px;font-weight:900;color:var(--coral);line-height:1;margin:23px 0 8px}
        .metric-list{display:grid;gap:13px;margin-top:20px}
        .metric-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px;font-size:13px}
        .metric-row b{color:var(--berry)}
        .access-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}
        .access-main{padding:33px;border-radius:var(--radius-xl);background:linear-gradient(120deg,var(--berry),var(--plum-900));color:#fff;min-height:220px}
        .access-main h3{color:#fff;font-size:29px}
        .access-main p{color:#f0d8df;margin:12px 0 22px;max-width:540px}
        .info-card{padding:25px}
        .info-card h3{font-size:18px}
        .info-card .badge{margin-bottom:25px}
        .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px}
        .faq-intro p{color:var(--muted);margin-top:15px}
        .faq-list{display:grid;gap:10px}
        .faq-item{overflow:hidden}
        .faq-question{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left;padding:19px 21px;background:transparent;border:0;color:var(--plum-950);font-weight:800}
        .faq-question span:last-child{font-size:22px;color:var(--berry);transition:.2s}
        .faq-answer{max-height:0;overflow:hidden;padding:0 21px;color:var(--muted);font-size:14px;transition:max-height .25s ease,padding .25s ease}
        .faq-item.open .faq-answer{max-height:150px;padding:0 21px 18px}
        .faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
        .cta-band{padding:44px 0;background:var(--plum-950)}
        .cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
        .cta-inner h2{color:#fff;font-size:32px}
        .cta-inner p{color:#d4c1d0;margin-top:8px}
        footer{background:#1d1020;color:#d6c3d3;padding:52px 0 25px}
        .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.12)}
        footer h3{color:#fff;font-size:15px;margin-bottom:13px}
        footer p,footer li{font-size:13px;color:#bca7b9}
        footer ul{display:grid;gap:6px}
        footer a:hover{color:var(--peach)}
        .footer-brand{font-size:21px;color:#fff;font-weight:850;margin-bottom:10px}
        .copyright{display:flex;justify-content:space-between;gap:15px;padding-top:20px;font-size:12px;color:#987e96}
        .search-strip{margin-top:22px;display:flex;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:5px}
        .search-strip input{min-width:0;flex:1;border:0;outline:0;padding:8px 11px;color:var(--ink);background:transparent}
        .search-strip button{border:0;background:var(--plum-800);color:#fff;border-radius:10px;padding:8px 14px;font-weight:800}
        @media(max-width:1023px){
            :root{--sidebar:0px}
            .sidebar{display:none}.main-area{margin-left:0}
            .mobile-bar{display:flex;position:sticky;top:0;z-index:25;min-height:68px;padding:12px 18px;background:rgba(36,19,38,.97);color:#fff;align-items:center;justify-content:space-between}
            .mobile-brand{font-weight:850;font-size:16px}.mobile-menu{display:flex;gap:8px;overflow-x:auto;margin-left:15px}
            .mobile-menu a{font-size:12px;color:#e3ccdc;padding:8px 10px;white-space:nowrap;border-radius:9px}
            .mobile-menu a.active,.mobile-menu a:hover{background:var(--berry);color:#fff}
            .container{width:min(calc(100% - 40px),var(--max))}
            .hero-grid{grid-template-columns:1fr 360px}.feature-layout{grid-template-columns:1fr}.path{grid-template-columns:repeat(2,1fr);gap:12px}.scenario-card{margin:0}.scenario-card:not(:last-child):after{display:none}
            .demo-grid,.access-grid{grid-template-columns:1fr 1fr}.demo-grid .metric-panel:first-child,.access-main{grid-column:span 2}
            .faq-layout{grid-template-columns:1fr}
        }
        @media(max-width:639px){
            .container{width:calc(100% - 32px)}.topbar{height:60px;font-size:12px}.top-status{display:none}
            .hero{padding:42px 0 30px}.hero-grid{grid-template-columns:1fr;gap:28px}.guide-card{transform:none}.guide-card h2{font-size:25px}
            h1{font-size:39px}.hero-copy{font-size:15px}.actions .btn{flex:1;min-width:140px}
            .section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:13px}.feature-stack{grid-template-columns:1fr}.feature-card:first-child{grid-row:auto}
            .scenario-wrap{padding:18px}.path{grid-template-columns:1fr}.scenario-card{min-height:auto}
            .demo-grid,.access-grid{grid-template-columns:1fr}.demo-grid .metric-panel:first-child,.access-main{grid-column:auto}
            .metric-panel{min-height:auto}.cta-inner{display:block}.cta-inner .btn{margin-top:22px;width:100%}
            .footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-grid>div:first-child{grid-column:span 2}.copyright{display:block}.copyright span{display:block;margin-top:6px}
        }
        @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{
 --plum-950:#241326;--plum-900:#32182f;--plum-800:#482040;--plum-700:#67274f;
 --berry:#8f315f;--coral:#df806f;--peach:#f2b39c;--cream:#fff8f1;
 --mist:#f3edf3;--lavender:#e8dfea;--ink:#302531;--muted:#776b78;
 --line:#dfd2de;--card:#fffdfb;--shadow:0 18px 50px rgba(66,31,55,.12);
 --shadow-soft:0 8px 24px rgba(66,31,55,.08);--radius-xl:30px;--radius-lg:22px;
 --radius-md:15px;--max:1380px;--sidebar:258px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mist);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.75}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,5vw,60px);line-height:1.16;letter-spacing:-.045em}
h2{font-size:clamp(27px,3.2vw,40px);line-height:1.25;letter-spacing:-.03em}
h3{font-size:20px;line-height:1.35}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}
.side-nav{position:fixed;z-index:20;inset:0 auto 0 0;width:var(--sidebar);padding:28px 20px;background:var(--plum-950);color:#fff;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:12px;padding:5px 10px 28px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--coral),var(--berry));display:grid;place-items:center;font-weight:800;box-shadow:0 8px 20px rgba(223,128,111,.25)}
.brand-name{font-size:17px;font-weight:800;line-height:1.3;letter-spacing:.02em}.brand-name small{display:block;color:#d9b9ce;font-size:11px;font-weight:500;margin-top:3px}
.nav-label{color:#a98da3;font-size:11px;letter-spacing:.16em;padding:0 12px 10px}.nav-list{display:grid;gap:7px}
.nav-link{min-height:48px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid transparent;border-radius:14px;color:#d7c7d4;transition:.22s ease}
.nav-link svg{width:18px;height:18px;opacity:.78}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}
.nav-link.active{background:linear-gradient(100deg,rgba(143,49,95,.95),rgba(103,39,79,.85));color:#fff;border-color:rgba(242,179,156,.3);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.side-status{margin-top:auto;padding:16px;border:1px solid rgba(242,179,156,.18);border-radius:18px;background:rgba(255,255,255,.06);font-size:12px;color:#d9c5d5}
.side-status strong{display:block;color:#f2b39c;font-size:13px;margin-bottom:5px}
.main-area{margin-left:var(--sidebar);min-width:0}.mobile-bar{display:none}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--lavender);color:var(--plum-800);font-size:12px;font-weight:700;white-space:nowrap}
.badge.coral{background:#fae1d9;color:#8a3c38}.badge.dark{background:rgba(255,255,255,.12);color:#f6d9d0}
.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--berry);font-weight:700}
.index-hero{padding:34px 0 44px;background:linear-gradient(120deg,#fffaf5,#f1e4ed 58%,#ead4df);border-bottom:1px solid var(--line)}
.index-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:42px;align-items:end}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--berry);font-weight:800;font-size:13px;letter-spacing:.08em;margin:27px 0 15px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--coral)}
.lead{max-width:730px;color:#635565;font-size:17px;margin-top:22px}
.hero-panel{padding:25px;border-radius:var(--radius-xl);background:var(--plum-950);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-panel:after{content:"";position:absolute;width:180px;height:180px;right:-50px;bottom:-65px;border-radius:50%;background:rgba(223,128,111,.24)}
.hero-panel h2{position:relative;z-index:1;color:#fff;font-size:25px}.panel-list{position:relative;z-index:1;margin-top:22px;display:grid;gap:12px}
.panel-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:10px;color:#decbd9}.panel-row strong{color:#f2b39c}
.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-head p{max-width:590px;color:var(--muted)}
.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px;border:1px solid var(--line);background:rgba(255,253,251,.75);border-radius:18px;margin-bottom:24px}
.filter-btn{border:1px solid var(--line);border-radius:999px;background:var(--cream);color:var(--muted);padding:8px 14px;font-size:13px;transition:.2s}
.filter-btn:hover,.filter-btn.active{background:var(--plum-800);border-color:var(--plum-800);color:white}.filter-btn:focus-visible,.btn:focus-visible,.faq-question:focus-visible{outline:3px solid var(--peach);outline-offset:3px}
.search-box{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 12px;min-height:40px;color:var(--muted)}
.search-box input{border:0;outline:0;background:transparent;width:150px;color:var(--ink);font-size:13px}
.index-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px}.filter-panel{padding:23px;background:var(--plum-800);border-radius:var(--radius-lg);color:#fff;height:max-content;position:sticky;top:20px}
.filter-panel h3{color:#fff;margin-bottom:17px}.filter-panel p{color:#dcc7d8;font-size:13px}.check-list{display:grid;gap:11px;margin:19px 0 22px}
.check-list label{display:flex;align-items:center;gap:9px;color:#f2e4ed;font-size:13px}.check-list input{accent-color:var(--coral);width:16px;height:16px}
.panel-note{padding-top:16px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:#d8c3d4}
.index-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.index-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:25px;box-shadow:var(--shadow-soft);transition:.22s ease;min-height:205px}
.index-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c99bb7}.index-card.primary{grid-row:span 2;background:linear-gradient(145deg,#fff5ef,#f4e3ed);min-height:428px;display:flex;flex-direction:column;justify-content:space-between}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.number{color:var(--berry);font-weight:900;font-size:13px;letter-spacing:.1em}
.index-card h3{font-size:23px}.index-card p{color:var(--muted);font-size:14px;margin:12px 0 20px}.primary .card-visual{height:130px;border-radius:18px;background:linear-gradient(135deg,var(--plum-900),var(--berry));margin:25px 0;position:relative;overflow:hidden}
.card-visual:before,.card-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.28);transform:rotate(18deg);border-radius:20px;width:150px;height:210px}.card-visual:before{left:28%;top:-30px}.card-visual:after{left:50%;top:-55px;border-color:rgba(242,179,156,.5)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-weight:800;transition:.22s ease}.btn-primary{background:linear-gradient(110deg,var(--berry),var(--plum-700));color:#fff;box-shadow:0 10px 20px rgba(103,39,79,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 27px rgba(103,39,79,.28)}.btn-secondary{background:rgba(255,255,255,.72);color:var(--plum-800);border-color:#d7c0d1}.btn-secondary:hover{background:#fff;border-color:var(--berry);transform:translateY(-2px)}.btn-text{color:var(--berry);font-weight:800}
.status-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.info-strip{margin-top:24px;padding:18px 22px;border-radius:18px;background:#fff5ef;border:1px solid #eed3c9;display:flex;justify-content:space-between;gap:18px;align-items:center;color:#6c4b53;font-size:13px}
.related{display:grid;grid-template-columns:1fr 1fr;gap:18px}.related-card{padding:23px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}
.related-card p{color:var(--muted);font-size:14px;margin:8px 0 15px}
.faq-wrap{max-width:920px}.faq-item{margin-bottom:12px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:transparent;padding:20px 23px;color:var(--ink);font-weight:800}.faq-question span:last-child{color:var(--berry);font-size:22px}.faq-answer{display:none;padding:0 23px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question{color:var(--berry)}
.cta{padding:38px;background:linear-gradient(115deg,var(--plum-950),var(--plum-700));border-radius:var(--radius-xl);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:var(--shadow)}.cta h2{color:#fff;font-size:30px}.cta p{color:#ddc9d9;margin-top:9px}.cta .btn-secondary{background:#fff;border:0}
footer{background:var(--plum-950);color:#d7c7d4;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-brand{font-size:20px;font-weight:900;color:#fff;margin-bottom:10px}.footer-grid p{font-size:13px;color:#bca5b8;max-width:260px}.footer-grid h3{font-size:14px;color:#f2b39c;margin-bottom:12px}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:13px}.footer-grid a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#a98da3;font-size:12px}
@media(max-width:1023px){:root{--sidebar:0px}.side-nav{display:none}.mobile-bar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--plum-950);color:#fff}.mobile-bar .brand{padding:0}.index-hero-grid{grid-template-columns:1fr}.hero-panel{max-width:520px}.index-layout{grid-template-columns:1fr}.filter-panel{position:static}.index-grid{grid-template-columns:1fr 1fr}.index-card.primary{grid-row:auto;min-height:300px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:639px){.container{width:min(calc(100% - 32px),var(--max))}.topbar{height:62px}.index-hero{padding:23px 0 30px}.lead{font-size:15px}.section{padding:48px 0}.section-head{display:block}.section-head p{margin-top:10px}.filter-bar{align-items:stretch}.search-box{margin-left:0;width:100%}.search-box input{width:100%}.index-grid,.related{grid-template-columns:1fr}.index-card.primary{min-height:320px}.info-strip{display:block}.info-strip .btn{margin-top:12px}.cta{display:block;padding:28px 23px}.cta .btn{margin-top:20px;width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:5px}.mobile-bar .brand-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}