/* roulang page: index */
:root{
      --bg:#fff7ed;
      --bg-soft:#fffbf3;
      --card:#ffffff;
      --ink:#2a2018;
      --muted:#76685e;
      --weak:#a19185;
      --line:#eadccd;
      --brand:#d97706;
      --brand-dark:#a64712;
      --brand-soft:#fff0d8;
      --coral:#e86f51;
      --brown:#4a3427;
      --green:#587b4d;
      --radius-xl:28px;
      --radius-lg:22px;
      --radius-md:16px;
      --shadow:0 20px 60px rgba(90,55,28,.12);
      --shadow-sm:0 10px 30px rgba(90,55,28,.09);
      --shadow-hover:0 24px 70px rgba(129,72,20,.18);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 10% 0%, rgba(255,214,153,.55), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(232,111,81,.16), transparent 28%),
        linear-gradient(180deg,#fff8ee 0%,#fffaf5 42%,#fff3e5 100%);
      line-height:1.72;
      text-rendering:optimizeLegibility;
    }
    a{color:inherit;text-decoration:none}
    img,svg{max-width:100%;display:block}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    ::selection{background:#f7c989;color:#3a261b}
    .site-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
    .soft-grid{
      background-image:linear-gradient(rgba(122,80,38,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(122,80,38,.045) 1px,transparent 1px);
      background-size:28px 28px;
    }
    .header-wrap{
      position:sticky;top:0;z-index:50;
      backdrop-filter:saturate(160%) blur(18px);
      background:rgba(255,250,244,.86);
      border-bottom:1px solid rgba(234,220,205,.85);
    }
    .nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .brand-mark{display:flex;align-items:center;gap:12px;min-width:0}
    .brand-icon{
      width:42px;height:42px;border-radius:15px;
      background:linear-gradient(135deg,#ffb347,#d97706 56%,#9a3412);
      box-shadow:0 12px 24px rgba(217,119,6,.24);
      display:grid;place-items:center;color:#fff;font-weight:900;
    }
    .brand-text{font-weight:900;letter-spacing:-.03em;font-size:18px;line-height:1.18}
    .brand-sub{font-size:12px;color:var(--muted);font-weight:600}
    .nav-list{display:flex;align-items:center;gap:8px}
    .nav-link{
      position:relative;
      padding:10px 14px;border-radius:999px;
      color:#574438;font-weight:800;font-size:14px;
      transition:.22s ease;
    }
    .nav-link:hover,.nav-link:focus{background:var(--brand-soft);color:var(--brand-dark);outline:none}
    .nav-link.active{background:#2f241d;color:#fff;box-shadow:0 10px 22px rgba(47,36,29,.18)}
    .nav-tools{display:flex;align-items:center;gap:10px}
    .search-pill{
      display:flex;align-items:center;gap:8px;
      width:220px;padding:10px 13px;border:1px solid var(--line);
      border-radius:999px;background:rgba(255,255,255,.72);color:var(--weak);
      box-shadow:0 8px 18px rgba(90,55,28,.05);
      font-size:13px;
    }
    .mega{position:relative}
    .mega-panel{
      position:absolute;right:0;top:calc(100% + 14px);width:420px;
      padding:18px;border:1px solid rgba(234,220,205,.95);
      border-radius:24px;background:rgba(255,252,247,.98);
      box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);
      transition:.2s ease;
    }
    .mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;visibility:visible;transform:translateY(0)}
    .mega-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;transition:.2s ease}
    .mega-card:hover{border-color:#f1b15f;transform:translateY(-2px);box-shadow:var(--shadow-sm)}
    .mobile-menu{display:none}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:12px 18px;border-radius:999px;font-weight:900;
      border:1px solid transparent;transition:.22s ease;white-space:nowrap;
    }
    .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 14px 30px rgba(217,119,6,.27)}
    .btn-primary:hover,.btn-primary:focus{transform:translateY(-2px);box-shadow:0 18px 38px rgba(217,119,6,.35);outline:none}
    .btn-secondary{background:#fff8ee;color:var(--brand-dark);border-color:#f1d3ad}
    .btn-secondary:hover,.btn-secondary:focus{background:#fff1db;border-color:#e9ad62;transform:translateY(-2px);outline:none}
    .btn-dark{background:#2f241d;color:#fff}
    .btn-dark:hover,.btn-dark:focus{background:#473326;transform:translateY(-2px);outline:none}
    .section{padding:76px 0}
    .section-tight{padding:56px 0}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      padding:7px 11px;border-radius:999px;background:#fff1db;
      color:#9a3412;font-weight:900;font-size:13px;border:1px solid #f3d1a4;
    }
    .section-title{font-size:clamp(28px,4vw,46px);line-height:1.16;font-weight:950;letter-spacing:-.06em;color:#2b211b}
    .section-desc{color:var(--muted);font-size:16px;max-width:760px}
    .card{
      border:1px solid rgba(234,220,205,.9);
      background:rgba(255,255,255,.88);
      border-radius:var(--radius-lg);
      box-shadow:var(--shadow-sm);
      transition:.22s ease;
    }
    .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#edc184}
    .badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#fff0d8;color:#9a3412;border:1px solid #f0c58d}
    .chip{
      display:inline-flex;align-items:center;gap:7px;border-radius:999px;
      padding:8px 12px;background:#fff;border:1px solid var(--line);
      color:#6c5545;font-weight:800;font-size:13px;transition:.2s ease;
    }
    .chip:hover,.chip.active{background:#2f241d;color:#fff;border-color:#2f241d;transform:translateY(-1px)}
    .hero-stage{
      position:relative;overflow:hidden;border-radius:36px;
      border:1px solid rgba(234,220,205,.95);
      background:
        linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,236,207,.82)),
        radial-gradient(circle at 50% 30%,rgba(245,158,11,.25),transparent 48%);
      box-shadow:0 34px 90px rgba(129,72,20,.16);
    }
    .stage-panel{
      border:1px solid rgba(234,220,205,.95);
      background:rgba(255,255,255,.82);
      border-radius:24px;
      box-shadow:0 18px 45px rgba(90,55,28,.10);
    }
    .avatar{
      width:38px;height:38px;border-radius:50%;border:3px solid #fff;
      display:grid;place-items:center;font-weight:950;color:#fff;margin-left:-10px;
      box-shadow:0 8px 18px rgba(90,55,28,.14);
    }
    .avatar:first-child{margin-left:0}
    .bar{height:9px;border-radius:999px;background:#f2e2d1;overflow:hidden}
    .bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#e86f51)}
    .quote-bubble{position:relative;background:#fffdf9;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow-sm)}
    .quote-bubble:after{content:"";position:absolute;left:30px;bottom:-9px;width:18px;height:18px;background:#fffdf9;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
    .news-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:18px;border:1px solid transparent;transition:.2s ease}
    .news-item:hover{background:#fff;border-color:var(--line);box-shadow:var(--shadow-sm)}
    .faq details{border:1px solid var(--line);background:#fff;border-radius:18px;padding:0;overflow:hidden;box-shadow:0 8px 20px rgba(90,55,28,.05)}
    .faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:900;display:flex;justify-content:space-between;gap:18px}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{content:"+";width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff1db;color:#9a3412;flex:0 0 auto}
    .faq details[open] summary:after{content:"−";background:#2f241d;color:#fff}
    .faq .answer{padding:0 20px 20px;color:var(--muted)}
    .form-field{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px 14px;transition:.2s ease;outline:none}
    .form-field:focus{border-color:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.14)}
    .footer{background:#2b211b;color:#fff3e3}
    .footer a{color:#ffe2bc;transition:.2s ease}
    .footer a:hover{color:#fff}
    @media (max-width:1024px){
      .search-pill{display:none}
      .mega-panel{right:-70px;width:360px}
      .section{padding:62px 0}
    }
    @media (max-width:768px){
      .nav-shell{height:auto;padding:14px 0;align-items:flex-start;flex-wrap:wrap}
      .brand-text{font-size:16px}
      .desktop-nav,.nav-tools{display:none}
      .mobile-menu{display:block;width:100%}
      .mobile-menu summary{list-style:none;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:16px;padding:11px 13px;background:#fff;font-weight:900}
      .mobile-menu summary::-webkit-details-marker{display:none}
      .mobile-links{display:grid;gap:8px;margin-top:10px}
      .mobile-links a{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:850}
      .hero-stage{border-radius:26px}
      .section{padding:52px 0}
      .news-item{grid-template-columns:1fr;gap:8px}
    }
    @media (max-width:520px){
      .site-container{width:min(100% - 22px,1180px)}
      .btn{width:100%;padding:12px 14px}
      .section-title{letter-spacing:-.04em}
      .card{border-radius:18px}
      .stage-panel{border-radius:18px}
      .avatar{width:34px;height:34px}
    }

/* roulang page: category1 */
:root{
    --bg:#f7f1e8;
    --bg-2:#fffaf4;
    --panel:#fff8ef;
    --panel-2:#f6eadb;
    --text:#2d221c;
    --muted:#7d6758;
    --line:#ead8c6;
    --accent:#c86d35;
    --accent-2:#efab5f;
    --accent-3:#b5492d;
    --success:#5c7f62;
    --shadow:0 18px 50px rgba(76, 44, 20, .10);
    --shadow-2:0 24px 70px rgba(76, 44, 20, .14);
    --radius:22px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    color:var(--text);
    background:
      radial-gradient(1200px 600px at 15% 0%, rgba(239,171,95,.18), transparent 55%),
      radial-gradient(1000px 500px at 92% 6%, rgba(200,109,53,.10), transparent 46%),
      linear-gradient(180deg, #fbf6ef 0%, #f7f1e8 36%, #f5eee4 100%);
    font-family: "PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.65;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none;transition:all .22s ease}
  img{max-width:100%;display:block}
  button,input,textarea{font:inherit}
  ::selection{background:rgba(200,109,53,.18);color:#2d221c}
  .site-container{
    width:min(1200px, calc(100% - 32px));
    margin-inline:auto;
  }
  .header-wrap{
    position:sticky;
    top:0;
    z-index:50;
    backdrop-filter:saturate(140%) blur(14px);
    background:rgba(251,246,239,.84);
    border-bottom:1px solid rgba(234,216,198,.78);
    box-shadow:0 10px 30px rgba(61,37,16,.05);
  }
  .nav-shell{
    min-height:76px;
    display:flex;
    align-items:center;
    gap:18px;
    position:relative;
  }
  .brand-mark{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    font-weight:800;
  }
  .brand-icon{
    width:42px;
    height:42px;
    border-radius:14px;
    display:grid;
    place-items:center;
    color:#fff7ee;
    background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    box-shadow:0 12px 24px rgba(200,109,53,.22);
    flex:0 0 auto;
  }
  .brand-text{
    font-size:1.02rem;
    line-height:1.2;
    letter-spacing:.02em;
    color:var(--text);
  }
  .brand-sub{
    font-size:.78rem;
    color:var(--muted);
    font-weight:600;
  }
  .desktop-nav{
    display:flex;
    align-items:center;
    gap:10px;
    margin-left:10px;
    flex-wrap:wrap;
  }
  .nav-link{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid transparent;
    color:#5b4638;
    background:transparent;
    font-weight:700;
    letter-spacing:.01em;
  }
  .nav-link:hover,
  .nav-link:focus-visible{
    color:var(--text);
    background:rgba(255,255,255,.72);
    border-color:rgba(234,216,198,.92);
    box-shadow:0 10px 24px rgba(76,44,20,.06);
    transform:translateY(-1px);
    outline:none;
  }
  .nav-link.active{
    color:#fff7ee;
    background:linear-gradient(135deg, var(--accent) 0%, var(--accent-3) 100%);
    box-shadow:0 12px 24px rgba(200,109,53,.20);
  }
  .nav-tools{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:12px;
  }
  .search-pill{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(234,216,198,.95);
    background:rgba(255,250,244,.82);
    color:var(--muted);
    font-size:.92rem;
    box-shadow:0 10px 24px rgba(76,44,20,.04);
    white-space:nowrap;
  }
  .mega{
    position:relative;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid transparent;
    font-weight:800;
    transition:all .22s ease;
    cursor:pointer;
    user-select:none;
  }
  .btn:hover,
  .btn:focus-visible{
    transform:translateY(-1px);
    outline:none;
  }
  .btn:active{
    transform:translateY(0);
  }
  .btn-secondary{
    color:var(--text);
    background:linear-gradient(180deg, #fffaf4 0%, #f6eadb 100%);
    border-color:rgba(234,216,198,.95);
    box-shadow:0 10px 24px rgba(76,44,20,.05);
  }
  .btn-secondary:hover,
  .btn-secondary:focus-visible{
    border-color:rgba(200,109,53,.28);
    box-shadow:0 14px 30px rgba(76,44,20,.08);
  }
  .btn-primary{
    color:#fff7ee;
    background:linear-gradient(135deg, var(--accent) 0%, var(--accent-3) 100%);
    box-shadow:0 14px 28px rgba(200,109,53,.24);
  }
  .btn-primary:hover,
  .btn-primary:focus-visible{
    box-shadow:0 16px 34px rgba(200,109,53,.30);
  }
  .btn-ghost{
    color:var(--text);
    background:rgba(255,250,244,.72);
    border-color:rgba(234,216,198,.95);
  }
  .btn-ghost:hover,
  .btn-ghost:focus-visible{
    background:#fff;
    border-color:rgba(200,109,53,.24);
  }
  .badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:999px;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.02em;
    color:#9a5a2e;
    background:rgba(239,171,95,.16);
    border:1px solid rgba(239,171,95,.22);
  }
  .chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid rgba(234,216,198,.95);
    color:#6c5749;
    background:#fffaf4;
    font-size:.86rem;
    font-weight:700;
  }
  .chip.active{
    color:#fff7ee;
    background:linear-gradient(135deg, var(--accent) 0%, var(--accent-3) 100%);
    border-color:transparent;
    box-shadow:0 10px 24px rgba(200,109,53,.18);
  }
  .mega-panel{
    position:absolute;
    right:0;
    top:calc(100% + 12px);
    width:min(420px, calc(100vw - 32px));
    padding:16px;
    border-radius:24px;
    background:rgba(255,251,245,.96);
    border:1px solid rgba(234,216,198,.95);
    box-shadow:var(--shadow-2);
    opacity:0;
    pointer-events:none;
    transform:translateY(8px);
    transition:all .22s ease;
  }
  .mega:hover .mega-panel,
  .mega:focus-within .mega-panel{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }
  .mega-card{
    display:block;
    padding:16px;
    border-radius:20px;
    background:linear-gradient(180deg, #fffdf9 0%, #fff6ea 100%);
    border:1px solid rgba(234,216,198,.9);
    box-shadow:0 10px 26px rgba(76,44,20,.05);
  }
  .mega-card:hover,
  .mega-card:focus-visible{
    transform:translateY(-2px);
    border-color:rgba(200,109,53,.24);
    box-shadow:0 16px 32px rgba(76,44,20,.08);
    outline:none;
  }
  .mobile-menu{
    display:none;
    margin-left:auto;
    position:relative;
  }
  .mobile-menu summary{
    list-style:none;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:44px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(234,216,198,.95);
    background:#fffaf4;
    color:var(--text);
    font-weight:800;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(76,44,20,.05);
  }
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-links{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    width:min(280px, calc(100vw - 32px));
    padding:12px;
    border-radius:22px;
    background:rgba(255,251,245,.98);
    border:1px solid rgba(234,216,198,.95);
    box-shadow:var(--shadow-2);
  }
  .mobile-links a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding:0 14px;
    border-radius:14px;
    color:#5b4638;
    font-weight:700;
  }
  .mobile-links a:hover,
  .mobile-links a:focus-visible,
  .mobile-links a.active{
    color:var(--text);
    background:#f7ebdd;
    outline:none;
  }
  .hero-strip{
    padding:30px 0 16px;
  }
  .hero-panel{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    border:1px solid rgba(234,216,198,.95);
    background:
      linear-gradient(135deg, rgba(255,250,244,.96) 0%, rgba(248,238,227,.92) 100%);
    box-shadow:var(--shadow);
  }
  .hero-panel::before,
  .hero-panel::after{
    content:"";
    position:absolute;
    inset:auto;
    border-radius:999px;
    pointer-events:none;
    filter:blur(2px);
  }
  .hero-panel::before{
    width:240px;height:240px;
    right:-70px;top:-86px;
    background:radial-gradient(circle, rgba(239,171,95,.22) 0%, rgba(239,171,95,0) 70%);
  }
  .hero-panel::after{
    width:300px;height:300px;
    left:-120px;bottom:-160px;
    background:radial-gradient(circle, rgba(200,109,53,.12) 0%, rgba(200,109,53,0) 72%);
  }
  .section-wrap{
    padding:34px 0;
  }
  .section-head{
    margin-bottom:20px;
  }
  .section-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#9a5a2e;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .section-title{
    margin:10px 0 0;
    font-size:clamp(1.55rem, 2vw, 2.2rem);
    line-height:1.16;
    letter-spacing:-.02em;
    font-weight:900;
  }
  .section-desc{
    margin-top:10px;
    color:var(--muted);
    max-width:62ch;
  }
  .soft-card,
  .stat-card,
  .bubble-card,
  .plan-card,
  .faq-card,
  .contact-card{
    border-radius:22px;
    border:1px solid rgba(234,216,198,.94);
    background:linear-gradient(180deg, rgba(255,253,249,.96) 0%, rgba(255,248,239,.98) 100%);
    box-shadow:0 12px 34px rgba(76,44,20,.05);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  }
  .soft-card:hover,
  .stat-card:hover,
  .bubble-card:hover,
  .plan-card:hover,
  .faq-card:hover,
  .contact-card:hover{
    transform:translateY(-2px);
    box-shadow:var(--shadow);
    border-color:rgba(200,109,53,.22);
  }
  .soft-card{
    padding:20px;
  }
  .stat-card{
    padding:18px;
  }
  .bubble-card{
    padding:20px;
  }
  .plan-card{
    padding:22px;
  }
  .faq-card{
    padding:0;
    overflow:hidden;
  }
  .contact-card{
    padding:22px;
  }
  .hero-title{
    font-size:clamp(2.15rem, 3.5vw, 4.1rem);
    line-height:1.08;
    font-weight:950;
    letter-spacing:-.04em;
    text-wrap:balance;
  }
  .hero-sub{
    font-size:1.04rem;
    color:var(--muted);
    max-width:58ch;
  }
  .hero-highlight{
    color:#8f4c26;
    font-weight:800;
  }
  .hero-aside{
    border-radius:24px;
    background:linear-gradient(180deg, rgba(255,255,255,.80) 0%, rgba(250,239,226,.96) 100%);
    border:1px solid rgba(234,216,198,.95);
    box-shadow:0 14px 34px rgba(76,44,20,.05);
    padding:18px;
  }
  .micro-label{
    color:#9a5a2e;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .stack-card{
    border-radius:18px;
    border:1px solid rgba(234,216,198,.92);
    background:#fffdf8;
    padding:14px;
    box-shadow:0 10px 26px rgba(76,44,20,.05);
  }
  .stack-card:hover{
    border-color:rgba(200,109,53,.22);
  }
  .avatar-wall{
    display:flex;
    align-items:center;
    padding-left:4px;
  }
  .avatar{
    width:38px;
    height:38px;
    margin-left:-8px;
    border-radius:999px;
    display:grid;
    place-items:center;
    font-size:.78rem;
    font-weight:900;
    color:#fff7ee;
    border:2px solid #fffdf9;
    background:linear-gradient(135deg, #c86d35 0%, #efab5f 100%);
    box-shadow:0 10px 18px rgba(76,44,20,.08);
  }
  .avatar:nth-child(2n){background:linear-gradient(135deg, #6f7f61 0%, #8ca072 100%)}
  .avatar:nth-child(3n){background:linear-gradient(135deg, #b5492d 0%, #d87c42 100%)}
  .avatar:nth-child(4n){background:linear-gradient(135deg, #8d5f43 0%, #b58a62 100%)}
  .avatar:nth-child(5n){background:linear-gradient(135deg, #e08a49 0%, #f0bc77 100%)}
  .stat-num{
    font-size:1.55rem;
    line-height:1.1;
    font-weight:950;
    letter-spacing:-.03em;
    color:var(--text);
  }
  .stat-note{
    font-size:.88rem;
    color:var(--muted);
    margin-top:4px;
  }
  .bar{
    width:100%;
    height:10px;
    border-radius:999px;
    background:#f1e3d5;
    overflow:hidden;
  }
  .bar > span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);
  }
  .quote{
    font-size:1rem;
    line-height:1.75;
    color:#3a2b22;
  }
  .quote-mark{
    font-size:1.7rem;
    line-height:1;
    color:rgba(200,109,53,.32);
    font-weight:900;
  }
  .tag-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .tag{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border-radius:999px;
    font-size:.8rem;
    font-weight:700;
    color:#7f614f;
    background:#f7eddc;
    border:1px solid rgba(234,216,198,.92);
  }
  .tag.hot{
    color:#8f4c26;
    background:rgba(239,171,95,.16);
  }
  .number-list{
    display:grid;
    gap:12px;
  }
  .number-item{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:14px 16px;
    border-radius:18px;
    background:#fffaf4;
    border:1px solid rgba(234,216,198,.9);
  }
  .num-badge{
    width:34px;
    height:34px;
    flex:0 0 auto;
    border-radius:12px;
    display:grid;
    place-items:center;
    color:#fff7ee;
    font-weight:900;
    background:linear-gradient(135deg, var(--accent) 0%, var(--accent-3) 100%);
    box-shadow:0 10px 18px rgba(200,109,53,.16);
  }
  .details-accordion details + details{border-top:1px solid rgba(234,216,198,.9)}
  .details-accordion summary{
    list-style:none;
    padding:18px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    cursor:pointer;
    font-weight:800;
    outline:none;
  }
  .details-accordion summary::-webkit-details-marker{display:none}
  .details-accordion summary:hover{
    background:rgba(247,237,220,.55);
  }
  .details-accordion details[open] summary{
    background:rgba(247,237,220,.72);
  }
  .details-accordion .answer{
    padding:0 20px 18px;
    color:var(--muted);
    max-width:78ch;
  }
  .contact-grid{
    display:grid;
    gap:18px;
  }
  .field{
    display:grid;
    gap:8px;
  }
  .field label{
    font-size:.9rem;
    font-weight:800;
    color:#5a473b;
  }
  .field input,
  .field textarea{
    width:100%;
    border:1px solid rgba(234,216,198,.95);
    background:#fffaf4;
    color:var(--text);
    border-radius:16px;
    padding:13px 14px;
    transition:all .22s ease;
    outline:none;
  }
  .field textarea{
    min-height:120px;
    resize:vertical;
  }
  .field input:focus,
  .field textarea:focus{
    border-color:rgba(200,109,53,.35);
    box-shadow:0 0 0 4px rgba(200,109,53,.10);
    background:#fffdf9;
  }
  .footer{
    background:
      linear-gradient(180deg, #1f1410 0%, #1b120e 100%);
    color:#f5e5d5;
    margin-top:18px;
  }
  .footer a{
    color:#f5e5d5;
    opacity:.92;
  }
  .footer a:hover,
  .footer a:focus-visible{
    opacity:1;
    color:#ffe7c7;
    outline:none;
  }
  .footer .brand-mark{color:#fff}
  .footer .brand-text{color:#fff}
  .footer .brand-sub{color:#d7b894 !important}
  .footer .chip{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.08);
    color:#ffe2bc;
  }
  .footer .chip.active{
    background:linear-gradient(135deg, var(--accent) 0%, var(--accent-3) 100%);
    color:#fff7ee;
  }
  .footer .site-container{
    padding-bottom:30px;
  }
  .muted{color:var(--muted)}
  .border-soft{border-color:rgba(234,216,198,.95)}
  .shadow-soft{box-shadow:var(--shadow)}
  .hover-lift{
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .hover-lift:hover{
    transform:translateY(-2px);
    box-shadow:var(--shadow);
  }
  .focus-ring:focus-visible{
    outline:3px solid rgba(200,109,53,.22);
    outline-offset:2px;
  }
  @media (max-width: 1024px){
    .desktop-nav,.nav-tools{display:none}
    .mobile-menu{display:block}
    .nav-shell{min-height:72px}
  }
  @media (max-width: 768px){
    .hero-strip{padding-top:20px}
    .hero-title{font-size:clamp(1.9rem, 8vw, 2.8rem)}
    .section-wrap{padding:26px 0}
    .section-head{margin-bottom:16px}
    .footer .site-container{padding-bottom:24px}
  }
  @media (max-width: 640px){
    .site-container{width:min(100% - 22px, 1200px)}
    .hero-panel{border-radius:24px}
    .hero-aside{padding:14px}
    .soft-card,.stat-card,.bubble-card,.plan-card,.contact-card{border-radius:18px}
    .btn{min-height:44px;padding:0 16px}
    .section-title{font-size:1.45rem}
  }