/* roulang page: index */
:root{
            --berry:#551d47;
            --berry-deep:#32112d;
            --wine:#7b2f5d;
            --coral:#ff806c;
            --cream:#fbf8f5;
            --mist:#f3e9eb;
            --warm:#eee7e2;
            --ink:#241d25;
            --muted:#756b73;
            --line:#ded3d5;
            --white:#fff;
            --radius:14px;
            --shadow:0 14px 34px rgba(53,22,45,.09);
            --ease:all .25s ease;
        }
        *,*::before,*::after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}
        a{color:inherit;text-decoration:none;transition:var(--ease)}
        img{display:block;max-width:100%;height:auto}
        button,input,select,textarea{font:inherit}
        button{cursor:pointer}
        :focus-visible{outline:3px solid rgba(255,128,108,.7);outline-offset:3px}
        .container{width:min(1240px,calc(100% - 48px));margin:0 auto}
        .site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(49,20,41,.04)}
        .nav-shell{min-height:76px;display:flex;align-items:center;gap:28px}
        .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;white-space:nowrap;color:var(--berry)}
        .brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--berry);color:#fff;border-radius:50%;font-size:13px}
        .brand-text{font-size:17px}
        .main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
        .main-nav a{position:relative;color:#655b62;font-size:15px;padding:26px 0}
        .main-nav a:hover,.main-nav a.active{color:var(--berry)}
        .main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--coral)}
        .nav-tools{display:flex;align-items:center;gap:10px}
        .search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#faf8f7;border-radius:999px;padding:8px 13px;color:var(--muted)}
        .search-box input{width:110px;border:0;outline:0;background:transparent;font-size:13px}
        .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:var(--ease)}
        .button-primary{background:var(--berry);color:#fff;box-shadow:0 8px 18px rgba(85,29,71,.17)}
        .button-primary:hover{background:var(--wine);transform:translateY(-2px);color:#fff}
        .button-outline{border-color:var(--berry);color:var(--berry);background:transparent}
        .button-outline:hover{background:var(--berry);color:#fff}
        .menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--berry);border-radius:8px;padding:8px 11px}
        .hero{position:relative;overflow:hidden;background:var(--berry-deep);color:#fff;padding:86px 0 72px}
        .hero::after{content:"";position:absolute;right:-9%;top:-35%;width:58%;height:150%;background:linear-gradient(135deg,transparent 12%,rgba(255,128,108,.16) 12%,rgba(255,128,108,.16) 42%,transparent 42%);transform:skewX(-14deg)}
        .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
        .eyebrow,.section-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);font-weight:800}
        .hero h1{font-size:clamp(42px,6vw,78px);line-height:1.08;letter-spacing:-.07em;margin:18px 0 24px;max-width:700px}
        .hero-copy{font-size:18px;color:#eadde4;max-width:650px;margin-bottom:28px}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
        .hero .button-outline{border-color:#d9b7ca;color:#fff}
        .hero .button-outline:hover{background:#fff;color:var(--berry)}
        .hero-note{margin-top:25px;color:#cbb7c5;font-size:13px}
        .hero-panel{min-height:360px;padding:28px;background:linear-gradient(150deg,#7b2f5d,#3a1534);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);position:relative;box-shadow:var(--shadow)}
        .cover-art{height:230px;border-radius:10px;background:linear-gradient(125deg,#d98d99 0%,#7b2f5d 43%,#231326 100%);position:relative;overflow:hidden}
        .cover-art::before{content:"";position:absolute;width:190px;height:310px;right:20%;top:-35px;background:linear-gradient(90deg,transparent,rgba(255,235,226,.28),transparent);transform:rotate(23deg)}
        .cover-label{position:absolute;left:18px;bottom:16px;padding:7px 10px;background:rgba(38,13,34,.72);font-size:12px;border-radius:5px}
        .hero-status{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:13px;color:#e8d9e1}
        .hero-status strong{display:block;color:#fff;font-size:26px;line-height:1.2}
        section{padding:82px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
        .section-head h2{font-size:clamp(28px,4vw,46px);line-height:1.16;letter-spacing:-.05em;margin:8px 0 0}
        .section-head p{max-width:540px;color:var(--muted);margin:0}
        .metrics{background:#fff;border-bottom:1px solid var(--line);padding:30px 0}
        .metric-board{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:0;border:1px solid var(--line);background:#fff}
        .metric{padding:24px 26px;border-right:1px solid var(--line)}
        .metric:last-child{border:0}
        .metric small{color:var(--muted);font-size:12px}
        .metric strong{display:block;color:var(--berry);font-size:34px;letter-spacing:-.06em;margin:4px 0}
        .metric span{font-size:13px;color:var(--muted)}
        .meter{height:4px;background:var(--warm);margin-top:14px;overflow:hidden}
        .meter i{display:block;height:100%;background:var(--coral)}
        .matrix{background:var(--mist)}
        .matrix-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
        .matrix-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}
        .matrix-card{min-height:190px;border:1px solid var(--line);padding:25px;background:#fff;border-radius:var(--radius);position:relative;transition:var(--ease)}
        .matrix-card.large{min-height:398px;background:var(--berry);color:#fff}
        .matrix-card.soft{background:#f8dcd9}
        .matrix-card:hover{transform:translateY(-4px);border-color:var(--coral);box-shadow:var(--shadow)}
        .matrix-card .num{font-size:12px;color:var(--coral);font-weight:800}
        .matrix-card h3{font-size:24px;line-height:1.25;margin:28px 0 10px;letter-spacing:-.04em}
        .matrix-card p{font-size:14px;color:var(--muted);margin:0;max-width:330px}
        .matrix-card.large p{color:#e8d9e1}
        .arrow{position:absolute;right:24px;bottom:22px;font-size:24px;color:var(--coral)}
        .compare{background:#fff}
        .compare-box{display:grid;grid-template-columns:1fr 90px 1fr;align-items:stretch;border:1px solid var(--line)}
        .compare-col{padding:32px;background:#faf7f5}
        .compare-col.accent{background:#f6e3e5}
        .compare-col h3{margin:0 0 18px;font-size:21px}
        .compare-col ul{list-style:none;padding:0;margin:0}
        .compare-col li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
        .compare-col li:last-child{border:0}
        .compare-mid{display:grid;place-items:center;background:var(--berry);color:#fff;font-size:25px}
        .updates{background:var(--warm)}
        .update-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}
        .update-list,.feature-card{border:1px solid var(--line);background:#fff}
        .update-item{display:grid;grid-template-columns:90px 1fr 70px;gap:18px;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line)}
        .update-item:last-child{border:0}
        .update-date{font-size:12px;color:var(--muted)}
        .update-item h3{font-size:17px;margin:0 0 3px}
        .update-item p{margin:0;color:var(--muted);font-size:13px}
        .update-arrow{font-size:20px;color:var(--berry);text-align:right}
        .feature-card{padding:26px;background:var(--berry);color:#fff}
        .feature-card h3{font-size:27px;line-height:1.25;margin:45px 0 12px}
        .feature-card p{color:#eadde4;font-size:14px}
        .feature-card a{color:var(--coral);font-weight:700}
        .media-strip{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}
        .media-card{flex:0 0 270px;border:1px solid var(--line);background:#fff;padding:18px;border-radius:var(--radius);transition:var(--ease)}
        .media-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
        .media-thumb{height:120px;border-radius:8px;background:linear-gradient(135deg,#b76d82,#42203c);margin-bottom:16px}
        .media-card:nth-child(2) .media-thumb{background:linear-gradient(135deg,#e9a08d,#752c58)}
        .media-card:nth-child(3) .media-thumb{background:linear-gradient(135deg,#8f6688,#29202e)}
        .tag{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--mist);color:var(--berry);font-size:12px;font-weight:700}
        .media-card h3{font-size:17px;line-height:1.4;margin:12px 0 5px}
        .media-card p{font-size:13px;color:var(--muted);margin:0}
        .safety{background:var(--berry-deep);color:#fff}
        .safety-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
        .safety-item{padding:28px;background:var(--berry-deep)}
        .safety-item b{display:block;color:var(--coral);font-size:24px;margin-bottom:12px}
        .safety-item h3{font-size:19px;margin:0 0 8px}
        .safety-item p{font-size:14px;color:#d8c8d2;margin:0}
        .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
        .faq-intro p{color:var(--muted);margin-top:18px}
        .accordion{margin:0;background:transparent}
        .accordion-item{border:0;border-bottom:1px solid var(--line);background:transparent}
        .accordion-title{padding:20px 38px 20px 0;border:0;background:transparent;color:var(--ink);font-weight:700;font-size:17px}
        .accordion-title:hover{background:transparent;color:var(--berry)}
        .accordion-content{padding:0 30px 20px 0;border:0;background:transparent;color:var(--muted);font-size:14px}
        .form-section{padding-top:20px}
        .form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;padding:48px;background:var(--mist);border:1px solid var(--line)}
        .form-wrap h2{font-size:36px;line-height:1.2;margin:8px 0 14px}
        .form-wrap p{color:var(--muted);font-size:14px}
        .privacy-note{font-size:12px!important;margin-top:28px}
        .form-card{background:#fff;padding:26px;border:1px solid var(--line);box-shadow:var(--shadow)}
        label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
        input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 13px;background:#fff;color:var(--ink);margin-bottom:16px}
        textarea{min-height:110px;resize:vertical}
        input:focus,select:focus,textarea:focus{border-color:var(--berry);box-shadow:0 0 0 3px rgba(85,29,71,.1);outline:0}
        .check{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:12px;color:var(--muted);margin-bottom:18px}
        .check input{width:auto;margin:4px 0 0}
        .form-message{font-size:13px;color:var(--berry);margin-top:12px;min-height:20px}
        footer{background:#241521;color:#d9cbd3;padding:54px 0 24px}
        .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.16)}
        footer .brand{color:#fff}
        footer .brand-mark{background:var(--coral);color:var(--berry-deep)}
        footer p{font-size:13px;color:#ab9ba6;max-width:360px}
        footer h3{font-size:14px;color:#fff;margin:0 0 15px}
        .footer-links{display:grid;gap:8px;font-size:13px}
        .footer-links a:hover{color:var(--coral)}
        .copyright{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:12px;color:#95848f}
        @media(max-width:1024px){
            .main-nav{gap:15px}.nav-shell{gap:15px}
            .hero-grid,.faq-layout,.form-wrap{gap:35px}
            .metric-board{grid-template-columns:repeat(2,1fr)}
            .metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
            .update-layout{grid-template-columns:1fr}
        }
        @media(max-width:700px){
            .container{width:min(100% - 40px,600px)}
            .nav-shell{min-height:68px}.brand-text{font-size:14px}.brand-mark{width:30px;height:30px}
            .main-nav,.nav-tools .search-box{display:none}.menu-toggle{display:block;margin-left:auto}
            .nav-tools{gap:7px}.nav-tools .button{display:none}
            .main-nav.open{display:flex;position:absolute;top:68px;left:0;right:0;padding:15px 20px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
            .main-nav.open a{padding:13px 0}.main-nav.open a.active::after{display:none}
            .hero{padding:58px 0 48px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:46px}
            .hero-panel{min-height:300px}.cover-art{height:180px}
            section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:15px}
            .metric-board{display:flex;overflow-x:auto}.metric{min-width:190px;border-bottom:0!important}
            .matrix-grid,.matrix-side,.compare-box,.faq-layout,.form-wrap,.safety-grid,.footer-grid{grid-template-columns:1fr}
            .matrix-card.large{min-height:300px}.compare-mid{min-height:56px}
            .update-item{grid-template-columns:70px 1fr 25px;gap:10px;padding:16px 14px}
            .update-item h3{font-size:15px}.update-item p{font-size:12px}
            .form-wrap{padding:28px 20px}.form-wrap h2{font-size:30px}
            .footer-grid{gap:28px}.copyright{display:block}.copyright span{display:block;margin-top:8px}
        }

/* roulang page: category1 */
:root{
 --berry:#551d47;
 --berry-deep:#32112d;
 --wine:#7b2f5d;
 --coral:#ff806c;
 --cream:#fbf8f5;
 --mist:#f3e9eb;
 --warm:#eee7e2;
 --ink:#241d25;
 --muted:#756b73;
 --line:#ded3d5;
 --white:#fff;
 --radius:14px;
 --shadow:0 14px 34px rgba(53,22,45,.09);
 --ease:all .25s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}
a{color:inherit;text-decoration:none;transition:var(--ease)}
a:hover{color:var(--wine)}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1240px,calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(49,20,41,.04)}
.nav-shell{min-height:76px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;white-space:nowrap;color:var(--berry)}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--berry);color:#fff;border-radius:50%;font-size:13px}
.brand-text{font-size:17px}
.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.main-nav a{position:relative;color:#655b62;font-size:15px;padding:26px 0}
.main-nav a:hover,.main-nav a.active{color:var(--berry)}
.main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--coral)}
.nav-tools{display:flex;align-items:center;gap:10px}
.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#faf8f7;border-radius:999px;padding:8px 13px;color:var(--muted)}
.search-box input{width:110px;border:0;outline:0;background:transparent;font-size:13px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:var(--ease)}
.button-primary{background:var(--berry);color:#fff;box-shadow:0 8px 18px rgba(85,29,71,.17)}
.button-primary:hover{background:var(--wine);transform:translateY(-2px);color:#fff}
.button-outline{border-color:var(--berry);color:var(--berry);background:transparent}
.button-outline:hover{background:var(--berry);color:#fff}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--berry);border-radius:8px;padding:8px 11px}
.page-hero{padding:74px 0 66px;background:var(--berry-deep);color:#fff;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-10%;top:-30%;width:55%;height:170%;background:linear-gradient(135deg,transparent 15%,rgba(255,128,108,.16) 15%,rgba(255,128,108,.16) 43%,transparent 43%);transform:skewX(-15deg)}
.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center}
.breadcrumb{font-size:13px;color:#cbb7c5;margin-bottom:18px}
.breadcrumb a{color:#f0dce7}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);font-weight:800}
.page-hero h1{font-size:clamp(40px,5.6vw,72px);line-height:1.1;letter-spacing:-.07em;margin:17px 0 22px;max-width:720px}
.page-hero-copy{font-size:18px;color:#eadde4;max-width:650px;margin:0 0 28px}
.hero-note{margin-top:22px;color:#cbb7c5;font-size:13px}
.cover-panel{min-height:335px;border-radius:var(--radius);padding:24px;position:relative;background:linear-gradient(145deg,#a35478 0%,#5b224d 46%,#251026 100%);border:1px solid rgba(255,255,255,.22);box-shadow:var(--shadow)}
.cover-panel:before,.cover-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);transform:rotate(12deg)}
.cover-panel:before{width:190px;height:250px;right:35px;top:38px}
.cover-panel:after{width:145px;height:200px;right:76px;top:65px;border-color:rgba(255,128,108,.48)}
.cover-label{position:relative;z-index:1;display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:12px;color:#fff}
.cover-number{position:absolute;left:24px;bottom:24px;font-size:64px;line-height:1;font-weight:800;color:rgba(255,255,255,.2)}
.cover-info{position:absolute;right:24px;bottom:25px;text-align:right;color:#f6dce5;font-size:13px}
.cover-info strong{display:block;color:#fff;font-size:25px}
section{padding:78px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.section-head h2{font-size:clamp(28px,4vw,45px);line-height:1.16;letter-spacing:-.05em;margin:8px 0 0}
.section-head p{max-width:545px;color:var(--muted);margin:0}
.stat-board{display:grid;grid-template-columns:1.1fr .8fr .9fr 1.2fr;gap:0;border:1px solid var(--line);background:#fff}
.stat-item{padding:25px 24px;border-right:1px solid var(--line)}
.stat-item:last-child{border-right:0}
.stat-label{font-size:12px;color:var(--muted);letter-spacing:.08em}
.stat-value{display:block;font-size:38px;line-height:1.2;color:var(--berry);font-weight:800;letter-spacing:-.06em;margin:8px 0}
.stat-desc{font-size:13px;color:var(--muted)}
.progress{height:4px;background:var(--mist);margin-top:15px;overflow:hidden}
.progress span{display:block;height:100%;background:var(--coral)}
.filter-panel{border:1px solid var(--line);background:#fff;padding:20px;margin-bottom:28px}
.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filter-title{font-weight:700;color:var(--berry);margin-right:8px}
.filter-chip{border:1px solid var(--line);border-radius:999px;padding:8px 15px;background:#fff;color:var(--muted);font-size:14px;transition:var(--ease)}
.filter-chip:hover,.filter-chip.active{background:var(--berry);border-color:var(--berry);color:#fff}
.sort-box{margin-left:auto;border:1px solid var(--line);background:#faf8f7;border-radius:8px;padding:9px 12px;color:var(--ink);min-width:120px}
.content-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}
.content-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.content-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;transition:var(--ease);position:relative}
.content-card:first-child{grid-column:span 2;display:grid;grid-template-columns:.72fr 1.28fr}
.content-card:hover{transform:translateY(-4px);border-color:var(--coral);box-shadow:var(--shadow)}
.thumb{height:165px;background:linear-gradient(135deg,#a85e7c,#43203e);position:relative;overflow:hidden}
.content-card:first-child .thumb{height:100%;min-height:245px}
.thumb:after{content:"";position:absolute;inset:22px 28px auto auto;width:46%;height:60%;border:1px solid rgba(255,255,255,.32);transform:rotate(11deg)}
.content-card:nth-child(2) .thumb{background:linear-gradient(135deg,#e49a8e,#6c2855)}
.content-card:nth-child(3) .thumb{background:linear-gradient(135deg,#d7b8bd,#592344)}
.content-card:nth-child(4) .thumb{background:linear-gradient(135deg,#8e486f,#28162d)}
.card-body{padding:22px}
.card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}
.tag{display:inline-flex;align-items:center;background:var(--mist);color:var(--berry);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}
.content-card h3{font-size:21px;line-height:1.3;margin:17px 0 8px;letter-spacing:-.03em}
.content-card p{font-size:14px;color:var(--muted);margin:0;line-height:1.75}
.card-arrow{display:block;margin-top:18px;color:var(--berry);font-size:20px}
.side-note{padding:28px;background:var(--berry);color:#fff;border-radius:var(--radius);min-height:100%}
.side-note h3{font-size:26px;line-height:1.25;margin:40px 0 13px}
.side-note p{color:#eadde4;font-size:14px}
.side-note ul{list-style:none;padding:0;margin:25px 0 0}
.side-note li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:14px}
.side-note li:last-child{border:0}
.compare{background:var(--warm)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.compare-col{padding:31px;background:#faf7f5;border:1px solid var(--line)}
.compare-col.accent{background:#f6e3e5}
.compare-col h3{margin:0 0 16px;font-size:21px}
.compare-col ul{list-style:none;padding:0;margin:0}
.compare-col li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.compare-col li:last-child{border:0}
.compare-col b{color:var(--berry)}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
.faq-intro h2{font-size:42px;line-height:1.17;letter-spacing:-.05em;margin:10px 0 15px}
.faq-intro p{color:var(--muted)}
.accordion{margin:0;border:1px solid var(--line);background:#fff}
.accordion-title{font-size:16px;font-weight:700;color:var(--ink);padding:19px 22px;border-bottom:1px solid var(--line)}
.accordion-title:hover,.accordion-title:focus{background:var(--mist);color:var(--berry)}
.accordion-content{padding:18px 22px;color:var(--muted);font-size:14px;line-height:1.8;border-bottom:1px solid var(--line)}
.cta-section{padding:70px 0}
.cta-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding:42px;background:var(--berry-deep);color:#fff;border-radius:var(--radius)}
.cta-box h2{font-size:39px;line-height:1.2;letter-spacing:-.05em;margin:9px 0 14px}
.cta-box p{color:#decbd7;margin:0}
.form-card{background:#fff;padding:25px;color:var(--ink);border-radius:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-card label{font-size:13px;font-weight:700;color:var(--berry)}
.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid var(--line);background:#fcfaf9;border-radius:8px;padding:11px 12px;margin-top:6px;outline:0}
.form-card textarea{min-height:92px;resize:vertical}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,128,108,.16)}
.form-wide{grid-column:span 2}
.checkline{display:flex;align-items:flex-start;gap:8px;margin:15px 0;color:var(--muted);font-size:12px}
.checkline input{width:auto;margin-top:5px}
.form-status{display:none;margin-top:13px;padding:10px;background:#f6e3e5;color:var(--berry);font-size:13px;border-radius:8px}
footer{background:#241522;color:#fff;padding:52px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:55px}
footer .brand{color:#fff}
footer p{color:#cbb9c4;max-width:380px;font-size:13px;margin-top:18px}
footer h3{font-size:15px;margin:4px 0 15px;color:#fff}
.footer-links{display:grid;gap:8px;color:#cbb9c4;font-size:13px}
.footer-links a:hover{color:var(--coral)}
.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);margin-top:42px;padding-top:20px;color:#a992a1;font-size:12px}
@media(max-width:1024px){
 .nav-shell{gap:16px}
 .main-nav{gap:17px}
 .search-box input{width:80px}
 .page-hero-grid{gap:35px}
 .content-layout{grid-template-columns:1fr}
 .side-note{min-height:260px}
}
@media(max-width:768px){
 .container{width:min(100% - 40px,600px)}
 .nav-shell{min-height:68px}
 .brand-text{font-size:15px}
 .menu-toggle{display:block;margin-left:auto}
 .main-nav{display:none;position:absolute;left:20px;right:20px;top:68px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:9px 18px;flex-direction:column;align-items:stretch;gap:0}
 .main-nav.open{display:flex}
 .main-nav a{padding:13px 0;border-bottom:1px solid var(--line)}
 .main-nav a:last-child{border-bottom:0}
 .main-nav a.active:after{display:none}
 .nav-tools{display:none}
 .page-hero{padding:55px 0}
 .page-hero-grid,.faq-layout,.cta-box{grid-template-columns:1fr}
 .cover-panel{min-height:270px}
 section{padding:58px 0}
 .section-head{display:block}
 .section-head p{margin-top:15px}
 .stat-board{grid-template-columns:1fr 1fr}
 .stat-item:nth-child(2){border-right:0}
 .stat-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .content-card:first-child{display:block}
 .content-card:first-child .thumb{height:190px;min-height:0}
 .faq-layout{gap:28px}
 .cta-box{padding:28px 22px}
 .form-grid{grid-template-columns:1fr}
 .form-wide{grid-column:span 1}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
 .footer-grid>div:first-child{grid-column:span 2}
 .copyright{display:block}
 .copyright span{display:block;margin-top:6px}
}
@media(max-width:520px){
 .page-hero h1{font-size:42px}
 .page-hero-copy{font-size:16px}
 .stat-board{display:flex;overflow-x:auto}
 .stat-item{min-width:190px;border-bottom:0!important}
 .content-list{grid-template-columns:1fr}
 .content-card:first-child{grid-column:auto}
 .compare-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr}
 .footer-grid>div:first-child{grid-column:auto}
 .button{width:100%}
}