/* roulang page: index */
:root {
      --ink: #252423;
      --muted: #706c68;
      --paper: #fff9f5;
      --white: #fff;
      --line: #eadfd8;
      --berry: #c93f58;
      --berry-dark: #a52d45;
      --coral: #f17c62;
      --mint: #dceee6;
      --mint-ink: #28604c;
      --soft: #f6ece6;
      --radius: 8px;
      --shadow: 0 12px 30px rgba(74, 42, 33, .08);
      --container: 1160px;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 90px; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      font-size: 16px;
      line-height: 1.7;
    }
    a { color: inherit; text-decoration: none; }
    a:hover { color: var(--berry-dark); }
    button { font: inherit; }
    img { display: block; max-width: 100%; }
    :focus-visible { outline: 3px solid rgba(201, 63, 88, .42); outline-offset: 3px; }
    .container { width: min(var(--container), calc(100% - 48px)); margin-inline: auto; }
    .site-header {
      position: sticky; top: 0; z-index: 20;
      background: rgba(255, 249, 245, .96);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(12px);
    }
    .nav-wrap { min-height: 76px; display: flex; align-items: center; gap: 28px; }
    .brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; font-weight: 750; }
    .brand-mark {
      display: grid; place-items: center; width: 42px; height: 42px;
      color: white; background: var(--berry); border-radius: 7px;
      font-size: 14px; font-weight: 800;
    }
    .brand-name { font-size: 17px; line-height: 1.25; }
    .brand-name small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; font-weight: 500; }
    .nav-links { display: flex; align-items: center; gap: 22px; margin-left: auto; }
    .nav-links a { color: #514c48; font-size: 14px; transition: color .2s ease; }
    .nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--berry); }
    .nav-action, .button {
      display: inline-flex; align-items: center; justify-content: center; gap: 8px;
      min-height: 44px; padding: 0 18px; border: 1px solid transparent; border-radius: 6px;
      font-weight: 700; transition: background .2s, color .2s, transform .2s, box-shadow .2s;
    }
    .nav-action, .button-primary { background: var(--berry); color: white; }
    .nav-action:hover, .button-primary:hover { color: white; background: var(--berry-dark); box-shadow: 0 7px 18px rgba(165,45,69,.2); }
    .button-secondary { background: var(--white); border-color: var(--line); color: var(--ink); }
    .button-secondary:hover { border-color: var(--berry); color: var(--berry-dark); }
    .button:active, .nav-action:active { transform: translateY(1px); }
    .menu-toggle { display: none; width: 42px; height: 42px; margin-left: auto; border: 1px solid var(--line); border-radius: 6px; background: white; color: var(--ink); }
    .hero { padding: 62px 0 38px; }
    .hero-band {
      position: relative; overflow: hidden; min-height: 360px; display: flex; align-items: center;
      padding: 48px clamp(24px, 6vw, 76px); color: white; background: #342e2c;
      border-radius: 8px;
    }
    .hero-band::before {
      content: ""; position: absolute; inset: 0 0 0 54%;
      background:
        linear-gradient(90deg, #342e2c 0%, rgba(52,46,44,.45) 28%, rgba(52,46,44,.06) 100%),
        linear-gradient(135deg, #e98c70 0 24%, #a73b52 24% 49%, #dfa987 49% 72%, #526c5d 72%);
      opacity: .9;
    }
    .hero-copy { position: relative; z-index: 1; max-width: 650px; }
    .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; color: #ffd9cc; font-size: 13px; font-weight: 700; }
    .eyebrow::before { content: ""; width: 20px; height: 2px; background: var(--coral); }
    h1 { max-width: 600px; margin: 0; font-size: clamp(34px, 4vw, 52px); line-height: 1.2; }
    h1 em { color: #ff9a83; font-style: normal; }
    .hero-subtitle { margin: 12px 0 8px; color: #ffe4da; font-size: 19px; font-weight: 650; }
    .hero-copy p { max-width: 620px; margin: 0; color: #f5e9e4; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 23px; }
    .hero .button-secondary { color: white; border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.08); }
    .hero .button-secondary:hover { background: rgba(255,255,255,.17); }
    .hero-note { margin-top: 15px !important; color: #d7c9c3 !important; font-size: 12px; }
    .section { padding: 62px 0; border-top: 1px solid rgba(234,223,216,.75); }
    .section-soft { background: #f7eee8; }
    .section-mint { background: #edf5f0; }
    .section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
    .section-kicker { margin: 0 0 5px; color: var(--berry); font-size: 12px; font-weight: 800; }
    h2 { margin: 0; font-size: 28px; line-height: 1.3; }
    .section-intro { max-width: 680px; margin: 10px 0 0; color: var(--muted); }
    .text-link { color: var(--berry-dark); font-weight: 700; border-bottom: 1px solid currentColor; }
    .pain-grid { display: grid; grid-template-columns: 1.1fr 1.1fr 1.1fr .9fr; border-top: 1px solid var(--line); }
    .pain-item { padding: 20px 18px 18px 0; border-bottom: 1px solid var(--line); }
    .pain-item strong { display: block; margin-bottom: 6px; font-size: 16px; }
    .pain-item span { color: var(--muted); font-size: 14px; }
    .solution-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
    .solution-copy p { color: var(--muted); }
    .check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; padding: 0; margin: 20px 0 0; list-style: none; }
    .check-list li { display: flex; gap: 10px; align-items: start; }
    .check-list li::before { content: "✓"; color: var(--mint-ink); font-weight: 800; }
    .info-panel { padding: 24px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }
    .info-panel h3 { margin: 0 0 10px; font-size: 18px; }
    .info-panel p { margin: 0; color: var(--muted); font-size: 14px; }
    .steps { display: grid; grid-template-columns: repeat(4, 1fr); counter-reset: step; }
    .step { position: relative; padding: 14px 22px 10px 0; border-top: 2px solid #d8c9c0; counter-increment: step; }
    .step::before { content: "0" counter(step); display: block; margin: -28px 0 15px; color: var(--berry); font-size: 13px; font-weight: 800; }
    .step h3 { margin: 0 0 7px; font-size: 17px; }
    .step p { margin: 0; color: var(--muted); font-size: 14px; }
    .content-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .media-card { min-width: 0; overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: 6px; transition: transform .2s, box-shadow .2s; }
    .media-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
    .thumb { position: relative; aspect-ratio: 16 / 10; display: grid; place-items: center; overflow: hidden; background: #e8c8b6; }
    .thumb::before, .thumb::after { content: ""; position: absolute; border-radius: 50%; }
    .thumb::before { width: 56%; aspect-ratio: 1; background: rgba(255,255,255,.32); transform: translate(-35%, -22%); }
    .thumb::after { width: 44%; aspect-ratio: 1; background: rgba(120,54,57,.18); transform: translate(65%, 42%); }
    .thumb-label { position: relative; z-index: 1; color: rgba(55,39,37,.78); font-size: 14px; font-weight: 800; letter-spacing: 0; }
    .tone-2 { background: #c7ddd1; } .tone-3 { background: #e9c3c7; } .tone-4 { background: #e8d9a8; }
    .tone-5 { background: #c4cdd8; } .tone-6 { background: #dfb99e; }
    .tone-7 { background: #bacfc5; } .tone-8 { background: #dfc7dc; }
    .tone-9 { background: #ddcfb6; } .tone-10 { background: #b9c3b1; }
    .tone-11 { background: #e8b7a9; } .tone-12 { background: #c1d5dc; }
    .card-body { padding: 13px 14px 14px; }
    .card-title { margin: 0 0 10px; overflow: hidden; font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
    .card-meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
    .badge { display: inline-flex; align-items: center; padding: 3px 8px; color: var(--mint-ink); background: var(--mint); border-radius: 3px; font-size: 11px; font-weight: 750; }
    .badge-pending { color: #785a38; background: #f4ead8; }
    .data-strip { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--line); }
    .data-cell { padding: 22px 18px; border-right: 1px solid var(--line); }
    .data-cell:last-child { border-right: 0; }
    .data-value { display: block; margin-bottom: 5px; color: var(--berry-dark); font-size: 20px; font-weight: 800; }
    .data-label { color: var(--muted); font-size: 13px; }
    .feature-rail { display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px; }
    .feature-lead { min-height: 220px; display: flex; flex-direction: column; justify-content: end; padding: 25px; color: white; background: #473834; border-radius: 6px; }
    .feature-lead .badge { align-self: start; margin-bottom: 12px; }
    .feature-lead h3 { margin: 0 0 5px; font-size: 22px; }
    .feature-lead p { margin: 0; color: #eadbd4; }
    .feature-stack { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .feature-tile { display: flex; min-height: 104px; flex-direction: column; justify-content: space-between; padding: 16px; background: var(--white); border: 1px solid var(--line); border-radius: 6px; }
    .feature-tile strong { font-size: 15px; }
    .feature-tile span { color: var(--muted); font-size: 12px; }
    .channel-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
    .channel { min-height: 145px; padding: 20px; background: rgba(255,255,255,.55); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .2s; }
    .channel:hover { background: white; }
    .channel b { display: block; margin-bottom: 8px; color: var(--berry-dark); font-size: 17px; }
    .channel p { margin: 0; color: var(--muted); font-size: 14px; }
    .rank-list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
    .rank-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 58px; border-bottom: 1px solid var(--line); }
    .rank-number { color: var(--berry); font-size: 18px; font-weight: 800; }
    .rank-name { overflow: hidden; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
    .rank-meta { display: flex; gap: 8px; color: var(--muted); font-size: 12px; }
    .scenario-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 38px; }
    .scenario { display: grid; grid-template-columns: 48px 1fr; gap: 14px; padding: 19px 0; border-bottom: 1px solid var(--line); }
    .scenario-icon { display: grid; place-items: center; width: 42px; height: 42px; color: var(--mint-ink); background: var(--mint); border-radius: 6px; font-weight: 800; }
    .scenario h3 { margin: 0 0 4px; font-size: 16px; }
    .scenario p { margin: 0; color: var(--muted); font-size: 14px; }
    .feedback { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .feedback-item { padding: 22px 0; border-top: 2px solid var(--coral); }
    .feedback-item blockquote { margin: 0 0 10px; font-size: 17px; font-weight: 650; }
    .feedback-item p { margin: 0; color: var(--muted); font-size: 13px; }
    .news-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .news-item { overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: 6px; }
    .news-item .thumb { aspect-ratio: 16 / 9; }
    .news-copy { padding: 13px 15px 15px; }
    .news-copy h3 { margin: 0 0 8px; font-size: 15px; line-height: 1.5; }
    .news-copy time { color: var(--muted); font-size: 12px; }
    .faq-list { border-top: 1px solid var(--line); }
    details { border-bottom: 1px solid var(--line); }
    summary { position: relative; padding: 17px 34px 17px 0; cursor: pointer; font-weight: 700; list-style: none; }
    summary::-webkit-details-marker { display: none; }
    summary::after { content: "+"; position: absolute; right: 4px; top: 13px; color: var(--berry); font-size: 23px; }
    details[open] summary::after { content: "−"; }
    details p { max-width: 850px; margin: 0 30px 18px 0; color: var(--muted); }
    .closing { padding: 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: #352e2c; color: white; border-radius: 7px; }
    .closing h2 { font-size: 24px; }
    .closing p { margin: 7px 0 0; color: #e2d5cf; }
    .site-footer { padding: 44px 0 22px; color: #eee5df; background: #292625; }
    .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 32px; }
    .footer-brand .brand-name small { color: #b8aaa3; }
    .footer-copy { max-width: 310px; color: #c0b4ae; font-size: 13px; }
    .footer-col h3 { margin: 0 0 12px; color: white; font-size: 14px; }
    .footer-col a { display: block; width: fit-content; margin: 7px 0; color: #c0b4ae; font-size: 13px; }
    .footer-col a:hover { color: white; }
    .copyright { display: flex; justify-content: space-between; gap: 16px; margin-top: 32px; padding-top: 17px; color: #a89b95; border-top: 1px solid #48413e; font-size: 12px; }
    @media (max-width: 1024px) {
      .nav-links { gap: 14px; }
      .content-grid { grid-template-columns: repeat(3, 1fr); }
      .pain-grid { grid-template-columns: repeat(2, 1fr); column-gap: 28px; }
      .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
      .footer-col:last-child { display: none; }
    }
    @media (max-width: 768px) {
      .container { width: min(100% - 36px, var(--container)); }
      .nav-wrap { min-height: 68px; }
      .menu-toggle { display: inline-grid; place-items: center; }
      .nav-action { display: none; }
      .nav-links {
        display: none; position: absolute; top: 68px; left: 0; right: 0; margin: 0;
        padding: 12px 20px 18px; flex-direction: column; align-items: stretch; gap: 0;
        background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: var(--shadow);
      }
      .nav-links.is-open { display: flex; }
      .nav-links a { padding: 11px 6px; border-bottom: 1px solid var(--line); }
      .hero { padding-top: 28px; }
      .hero-band { min-height: 350px; padding: 36px 26px; }
      .hero-band::before { inset-left: 25%; opacity: .55; }
      .solution-grid { grid-template-columns: 1fr; gap: 24px; }
      .steps { grid-template-columns: repeat(2, 1fr); row-gap: 35px; }
      .step:nth-child(3) { margin-top: 5px; }
      .feature-rail { grid-template-columns: 1fr; }
      .channel-grid { grid-template-columns: repeat(2, 1fr); }
      .rank-list { column-gap: 20px; }
      .news-list { grid-template-columns: repeat(2, 1fr); }
      .data-strip { grid-template-columns: repeat(2, 1fr); }
      .data-cell:nth-child(2) { border-right: 0; }
      .data-cell:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
      .closing { padding: 28px; }
    }
    @media (max-width: 520px) {
      .container { width: calc(100% - 32px); }
      .brand-name { max-width: 230px; font-size: 14px; }
      .brand-mark { width: 38px; height: 38px; }
      h1 { font-size: 34px; }
      .hero-band { min-height: 380px; padding: 30px 21px; }
      .hero-band::before { inset: 35% 0 0 10%; opacity: .32; }
      .hero-subtitle { font-size: 16px; }
      .hero-copy p { font-size: 14px; }
      .hero-actions { align-items: stretch; flex-direction: column; max-width: 260px; }
      .section { padding: 45px 0; }
      .section-head { align-items: start; flex-direction: column; gap: 10px; }
      h2 { font-size: 24px; }
      .pain-grid, .content-grid { grid-template-columns: repeat(2, 1fr); }
      .pain-item { padding-right: 10px; }
      .check-list { grid-template-columns: 1fr; }
      .steps { column-gap: 18px; }
      .step { padding-right: 7px; }
      .feature-stack { grid-template-columns: 1fr 1fr; }
      .channel-grid { grid-template-columns: 1fr; }
      .channel { min-height: 0; }
      .rank-list { grid-template-columns: 1fr; }
      .scenario-list, .feedback { grid-template-columns: 1fr; }
      .news-list { grid-template-columns: 1fr 1fr; gap: 10px; }
      .news-copy { padding: 11px; }
      .news-copy h3 { font-size: 13px; }
      .closing { align-items: flex-start; flex-direction: column; padding: 24px; }
      .footer-grid { grid-template-columns: 1fr 1fr; gap: 25px 18px; }
      .footer-grid > :first-child { grid-column: 1 / -1; }
      .footer-col:last-child { display: block; }
      .copyright { flex-direction: column; }
    }

/* roulang page: category1 */
:root{
 --ink:#252423;--muted:#706c68;--paper:#fff9f5;--white:#fff;--line:#eadfd8;
 --berry:#c93f58;--berry-dark:#a52d45;--coral:#f17c62;--mint:#dceee6;
 --mint-ink:#28604c;--soft:#f6ece6;--radius:8px;
 --shadow:0 12px 30px rgba(74,42,33,.08);--container:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}
a{color:inherit;text-decoration:none}a:hover{color:var(--berry-dark)}
button{font:inherit}img{display:block;max-width:100%}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,249,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-wrap{min-height:76px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content;font-weight:750}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--berry);border-radius:7px;font-size:14px;font-weight:800}
.brand-name{font-size:17px;line-height:1.25}.brand-name small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}
.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav-links a{color:#514c48;font-size:14px;transition:color .2s ease}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--berry)}
.nav-action,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:6px;font-weight:700;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.nav-action,.button-primary{background:var(--berry);color:#fff}.nav-action:hover,.button-primary:hover{color:#fff;background:var(--berry-dark);box-shadow:0 7px 18px rgba(165,45,69,.2)}
.button-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button-secondary:hover{border-color:var(--berry);color:var(--berry-dark)}
.button:active,.nav-action:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible{outline:3px solid rgba(201,63,88,.3);outline-offset:3px}
.menu-toggle{display:none;width:42px;height:42px;margin-left:auto;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.page-intro{padding:62px 0 38px}.crumbs{margin-bottom:22px;color:var(--muted);font-size:13px}.crumbs a{color:var(--berry-dark);font-weight:700}
.intro-grid{display:grid;grid-template-columns:1fr .72fr;gap:46px;align-items:end}
.eyebrow,.section-kicker{color:var(--berry);font-size:12px;font-weight:800;letter-spacing:.04em}
h1,h2,h3{margin:0;line-height:1.25;letter-spacing:0}h1{max-width:680px;font-size:clamp(34px,5vw,58px)}h2{font-size:clamp(25px,3vw,36px)}h3{font-size:18px}
.intro-copy{margin:18px 0 0;max-width:680px;color:var(--muted);font-size:17px}
.notice{padding:22px 24px;border-left:4px solid var(--coral);background:var(--soft);border-radius:6px}
.notice strong{display:block;margin-bottom:5px}.notice p{margin:0;color:var(--muted);font-size:14px}
.section{padding:62px 0;border-top:1px solid rgba(234,223,216,.75)}.section-soft{background:#f7eee8}.section-mint{background:#edf5f0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.section-kicker{margin:0 0 5px}.section-intro{max-width:700px;margin:10px 0 0;color:var(--muted)}
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.filter-tag{padding:7px 13px;border:1px solid var(--line);border-radius:20px;background:#fff;color:#655e59;font-size:13px}.filter-tag.active{border-color:var(--berry);background:var(--berry);color:#fff}
.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.media-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:6px;transition:transform .2s,box-shadow .2s}.media-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.thumb{height:148px;display:grid;place-items:end start;padding:13px;background:linear-gradient(135deg,#a93451 0 38%,#ef8d70 38% 68%,#dceee6 68%);color:#fff;font-size:13px;font-weight:800}
.thumb.alt{background:linear-gradient(135deg,#526c5d,#e0ae8e 55%,#c93f58 55%)}.thumb.muted{background:linear-gradient(135deg,#77706d,#dca18a 54%,#e6d4c4 54%)}
.card-body{padding:13px 14px 14px}.card-title{margin:0 0 9px;overflow:hidden;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.card-desc{height:48px;margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.55;overflow:hidden}
.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;padding:3px 8px;color:var(--mint-ink);background:var(--mint);border-radius:3px;font-size:11px;font-weight:750}.badge-pending{color:#785a38;background:#f4ead8}
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-panel{padding:25px 26px;background:#fff;border:1px solid var(--line);border-radius:7px}.info-panel p{margin:10px 0 0;color:var(--muted);font-size:14px}
.check-list{display:grid;gap:13px;padding:0;margin:18px 0 0;list-style:none}.check-list li{display:flex;gap:10px;align-items:start}.check-list li:before{content:"✓";color:var(--mint-ink);font-weight:800}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-item{padding:19px 20px;border-top:3px solid var(--coral);background:#fff}.feature-item p{margin:8px 0 0;color:var(--muted);font-size:14px}
.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.news-mark{height:62px;border-radius:5px;background:linear-gradient(135deg,var(--berry),var(--coral));}.news-item h3{font-size:16px}.news-item p{margin:4px 0 0;color:var(--muted);font-size:13px}.news-date{color:var(--muted);font-size:12px;white-space:nowrap}
.faq-list{display:grid;gap:10px;max-width:850px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 18px}.faq-list summary{cursor:pointer;padding:17px 0;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--berry);font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 0 17px;color:var(--muted);font-size:14px}
.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px 34px;background:#342e2c;color:#fff;border-radius:8px}.cta-strip p{margin:8px 0 0;color:#e9d8d2}.site-footer{padding:54px 0 22px;background:#302b29;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}.footer-brand .brand-name{color:#fff}.footer-brand .brand-name small{color:#cdbdb7}.footer-copy{max-width:340px;margin:18px 0 0;color:#cdbdb7;font-size:13px}.footer-col{display:grid;align-content:start;gap:8px}.footer-col h3{margin-bottom:7px;font-size:15px}.footer-col a{color:#cdbdb7;font-size:13px}.footer-col a:hover{color:#fff}.copyright{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:#aa9c97;font-size:12px}
@media(max-width:1024px){.nav-links{gap:13px}.nav-action{display:none}.content-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.container{width:min(var(--container),calc(100% - 32px))}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:16px;right:16px;padding:12px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:7px}.nav-links.is-open{display:flex}.nav-links a{padding:10px 12px}.intro-grid,.split-layout{grid-template-columns:1fr}.page-intro{padding-top:42px}.content-grid{grid-template-columns:repeat(2,1fr)}.feature-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:grid}}
@media(max-width:520px){h1{font-size:35px}.section{padding:45px 0}.section-head{display:block}.content-grid{grid-template-columns:1fr}.thumb{height:168px}.news-item{grid-template-columns:68px 1fr}.news-date{grid-column:2}.cta-strip{display:block;padding:25px 22px}.cta-strip .button{margin-top:18px}.footer-grid{grid-template-columns:1fr}.nav-wrap{min-height:68px}}