/* roulang page: index */
:root{
      --bg:#f7f0e7;
      --bg-soft:#fff9f1;
      --panel:#fffdf9;
      --panel-2:#f1e4d7;
      --primary:#c96f4a;
      --primary-dark:#a65336;
      --wood:#6f4e37;
      --ink:#2d2722;
      --muted:#73675f;
      --light:#9d9187;
      --line:rgba(111,78,55,.16);
      --line-strong:rgba(201,111,74,.34);
      --shadow:0 18px 45px rgba(58,42,29,.09);
      --shadow-hover:0 22px 55px rgba(58,42,29,.14);
      --radius-xl:34px;
      --radius-lg:26px;
      --radius-md:18px;
      --radius-pill:999px;
      --wrap:1210px;
      --header:78px;
    }
    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{
      margin:0;
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 12% 8%, rgba(255,221,190,.72), transparent 34%),
        radial-gradient(circle at 86% 14%, rgba(204,151,112,.18), transparent 28%),
        linear-gradient(180deg,#fffaf3 0%,var(--bg) 52%,#f3e9df 100%);
      line-height:1.75;
      overflow-x:hidden;
    }
    body:before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      opacity:.34;
      background-image:linear-gradient(rgba(111,78,55,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(111,78,55,.04) 1px, transparent 1px);
      background-size:44px 44px;
      z-index:-1;
    }
    a{color:inherit;text-decoration:none;transition:color .22s ease,background .22s ease,border .22s ease,transform .22s ease,box-shadow .22s ease;}
    img{max-width:100%;height:auto;display:block;}
    button,input,textarea{font:inherit;}
    button,.button{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border .22s ease,color .22s ease;}
    :focus-visible{outline:3px solid rgba(201,111,74,.34);outline-offset:3px;border-radius:12px;}
    .site-wrap{width:min(calc(100% - 40px),var(--wrap));margin:0 auto;}
    .section{padding:104px 0;scroll-margin-top:calc(var(--header) + 22px);}
    .section.tight{padding:78px 0;}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid var(--line);border-radius:var(--radius-pill);background:rgba(255,253,249,.74);color:var(--wood);font-size:14px;font-weight:700;letter-spacing:.02em;}
    .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(201,111,74,.12);}
    h1,h2,h3,p{margin-top:0;}
    h1{font-size:clamp(32px,5vw,58px);line-height:1.12;letter-spacing:-.045em;margin-bottom:22px;color:#241f1b;font-weight:850;}
    h2{font-size:clamp(27px,3.3vw,42px);line-height:1.18;letter-spacing:-.035em;margin-bottom:16px;font-weight:820;color:#2b241f;}
    h3{font-size:20px;line-height:1.35;margin-bottom:10px;font-weight:780;color:#332920;}
    .lead{font-size:18px;color:var(--muted);max-width:760px;margin-bottom:0;}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px;}
    .section-head .lead{max-width:610px;}
    .btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
    .button.custom-btn{margin:0;border-radius:var(--radius-pill);font-weight:800;padding:15px 22px;line-height:1;background:var(--primary);color:white;box-shadow:0 14px 28px rgba(201,111,74,.22);border:1px solid transparent;}
    .button.custom-btn:hover,.button.custom-btn:focus{background:var(--primary-dark);color:white;transform:translateY(-2px);box-shadow:0 18px 36px rgba(201,111,74,.28);}
    .button.custom-btn .arrow{display:inline-block;margin-left:8px;transition:transform .22s ease;}
    .button.custom-btn:hover .arrow{transform:translateX(4px);}
    .button.ghost-btn{background:rgba(255,253,249,.72);color:var(--wood);border-color:var(--line-strong);box-shadow:none;}
    .button.ghost-btn:hover{background:#fff;color:var(--primary-dark);border-color:var(--primary);}
    .top-header{position:sticky;top:0;z-index:50;background:rgba(255,250,243,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(58,42,29,.04);}
    .nav-shell{min-height:var(--header);display:flex;align-items:center;gap:20px;}
    .brand{display:flex;align-items:center;gap:12px;min-width:230px;font-weight:900;color:#2d241e;letter-spacing:-.04em;}
    .brand-mark{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#c96f4a,#f0b889);box-shadow:0 12px 24px rgba(201,111,74,.22);position:relative;overflow:hidden;}
    .brand-mark:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.7);border-radius:10px;transform:rotate(-8deg);}
    .brand span:last-child{font-size:18px;white-space:nowrap;}
    .top-bar{padding:0;background:transparent;flex:1;}
    .top-bar ul{background:transparent;}
    .menu a{border-radius:var(--radius-pill);padding:12px 14px;color:var(--muted);font-weight:750;font-size:15px;}
    .menu a:hover{background:rgba(201,111,74,.09);color:var(--primary-dark);}
    .menu a.active{background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(58,42,29,.06);color:var(--wood);}
    .nav-cta{white-space:nowrap;}
    .menu-icon{display:none;width:44px;height:44px;border-radius:15px;border:1px solid var(--line);background:#fff;position:relative;}
    .menu-icon:after{background:#6f4e37;box-shadow:0 7px 0 #6f4e37,0 14px 0 #6f4e37;width:20px;left:11px;top:12px;}
    .hero{padding:76px 0 74px;position:relative;}
    .hero-grid{align-items:center;min-height:610px;}
    .hero-copy{position:relative;z-index:2;padding:34px 0;}
    .hero-copy .lead{font-size:19px;margin-bottom:28px;max-width:610px;}
    .hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:620px;}
    .kpi{padding:16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,249,.7);}
    .kpi strong{display:block;font-size:24px;color:var(--primary-dark);line-height:1.1;}
    .kpi span{font-size:13px;color:var(--muted);font-weight:700;}
    .dp-cover{position:relative;min-height:520px;transform:skewY(-2deg);border-radius:38px;padding:22px;background:linear-gradient(135deg,rgba(255,253,249,.94),rgba(241,228,215,.86));border:1px solid rgba(111,78,55,.14);box-shadow:var(--shadow);overflow:hidden;}
    .dp-cover>*{transform:skewY(2deg);}
    .cover-art{position:absolute;inset:22px;border-radius:32px;background:linear-gradient(145deg,#efe0d1 0%,#fff9f2 42%,#dfb49a 100%);overflow:hidden;}
    .cover-art:before{content:"";position:absolute;right:-90px;top:-80px;width:310px;height:310px;border-radius:50%;background:rgba(201,111,74,.22);}
    .cover-art:after{content:"";position:absolute;left:-75px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(111,78,55,.12);}
    .entry-board{position:relative;margin:68px 14px 14px;padding:24px;border-radius:30px;background:rgba(255,253,249,.86);border:1px solid rgba(111,78,55,.15);box-shadow:0 18px 45px rgba(58,42,29,.1);}
    .board-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;}
    .board-title b{font-size:22px;color:#30251f;}
    .status-dot{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--primary-dark);}
    .status-dot:before{content:"";width:9px;height:9px;border-radius:50%;background:#69a66a;box-shadow:0 0 0 5px rgba(105,166,106,.13);}
    .entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
    .entry-tile{padding:17px;border-radius:20px;background:#fff;border:1px solid var(--line);min-height:112px;}
    .entry-tile:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 14px 32px rgba(58,42,29,.08);}
    .entry-tile small{display:inline-flex;color:var(--primary-dark);font-weight:850;margin-bottom:8px;}
    .entry-tile p{font-size:14px;color:var(--muted);line-height:1.55;margin:0;}
    .hero-ribbon{position:absolute;left:32px;bottom:32px;right:32px;display:flex;gap:10px;flex-wrap:wrap;}
    .tag{display:inline-flex;align-items:center;padding:7px 11px;border-radius:var(--radius-pill);background:rgba(111,78,55,.08);color:var(--wood);font-size:13px;font-weight:800;border:1px solid rgba(111,78,55,.1);}
    .catalog-panel{background:rgba(255,253,249,.72);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:30px;}
    .catalog-list{display:grid;gap:14px;margin:0;list-style:none;}
    .catalog-item{display:grid;grid-template-columns:74px 1fr auto;gap:18px;align-items:center;padding:18px;border-radius:24px;background:#fff;border:1px solid var(--line);}
    .catalog-item:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 14px 32px rgba(58,42,29,.07);}
    .catalog-no{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#f5dac8,#fff4e7);font-weight:900;color:var(--primary-dark);}
    .catalog-item p{margin:0;color:var(--muted);font-size:15px;}
    .mini-link{color:var(--primary-dark);font-weight:850;white-space:nowrap;}
    .value-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:24px;align-items:stretch;}
    .value-sticky{border-radius:var(--radius-xl);background:linear-gradient(145deg,#6f4e37,#a15f3e);color:#fff;padding:34px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);}
    .value-sticky p{color:rgba(255,255,255,.78);font-size:17px;}
    .value-sticky .tag{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.18);}
    .value-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
    .value-card,.info-card,.proof-card,.price-card,.download-card{border-radius:var(--radius-lg);background:rgba(255,253,249,.86);border:1px solid var(--line);padding:26px;box-shadow:0 12px 32px rgba(58,42,29,.055);}
    .value-card:hover,.info-card:hover,.proof-card:hover,.price-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--line-strong);}
    .card-no{display:inline-flex;width:38px;height:38px;border-radius:14px;align-items:center;justify-content:center;background:#f7e0cf;color:var(--primary-dark);font-weight:900;margin-bottom:16px;}
    .value-card p,.info-card p,.proof-card p,.price-card p{color:var(--muted);margin:0;font-size:15px;}
    .demo-board{border-radius:var(--radius-xl);background:#fffdf9;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;}
    .demo-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff7ee,#f3e5d9);}
    .demo-dots{display:flex;gap:8px;}
    .demo-dots i{width:11px;height:11px;border-radius:50%;background:#d6b8a5;}
    .demo-content{display:grid;grid-template-columns:1.05fr .95fr;gap:0;}
    .filter-mock{padding:28px;border-right:1px solid var(--line);}
    .filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
    .filter-chip{padding:9px 13px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fff;color:var(--wood);font-weight:800;font-size:14px;}
    .filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;}
    .path-list{display:grid;gap:12px;}
    .path-item{display:flex;align-items:flex-start;gap:14px;padding:15px;border-radius:18px;background:#fff8ef;border:1px solid var(--line);}
    .path-item b{color:var(--primary-dark);}
    .path-item p{margin:0;color:var(--muted);font-size:14px;}
    .update-table{padding:28px;}
    .update-row{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:15px 0;border-bottom:1px dashed rgba(111,78,55,.2);}
    .update-row:last-child{border-bottom:0;}
    .update-row span{font-weight:850;color:var(--wood);}
    .update-row p{margin:0;color:var(--muted);font-size:14px;}
    .news-area{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;}
    .news-list{border-radius:var(--radius-xl);background:rgba(255,253,249,.82);border:1px solid var(--line);padding:16px;box-shadow:var(--shadow);}
    .news-item{display:grid;grid-template-columns:126px 1fr auto;gap:18px;align-items:center;padding:18px;border-radius:22px;border:1px solid transparent;}
    .news-item+ .news-item{border-top:1px solid rgba(111,78,55,.1);}
    .news-item:hover{background:#fff;border-color:var(--line-strong);transform:translateY(-2px);}
    .news-date{font-size:13px;font-weight:850;color:var(--primary-dark);background:#f7e0cf;border-radius:var(--radius-pill);padding:8px 12px;text-align:center;}
    .news-item h3{font-size:18px;margin:0 0 4px;}
    .news-item p{margin:0;color:var(--muted);font-size:14px;}
    .recommend-box{border-radius:var(--radius-xl);padding:28px;background:linear-gradient(160deg,#fffdf9,#f0dfd0);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden;}
    .recommend-box:after{content:"";position:absolute;right:-45px;bottom:-50px;width:150px;height:150px;border-radius:50%;background:rgba(201,111,74,.16);}
    .quote-card{position:relative;z-index:1;padding:18px;border-radius:22px;background:rgba(255,255,255,.68);border:1px solid rgba(111,78,55,.12);margin-top:18px;}
    .quote-card p{margin:0;color:var(--muted);font-size:15px;}
    .proof-wall{columns:3 260px;column-gap:18px;}
    .proof-card{break-inside:avoid;margin-bottom:18px;}
    .proof-card strong{display:block;font-size:28px;color:var(--primary-dark);margin-bottom:8px;}
    .price-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:stretch;}
    .price-card.featured{background:linear-gradient(145deg,#fffdf9,#fde6d6);border-color:var(--line-strong);}
    .price-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);}
    .price-row:last-child{border-bottom:0;}
    .price-name{font-weight:900;color:#30251f;}
    .price-note{font-size:14px;color:var(--muted);max-width:360px;}
    .plan-mark{display:inline-flex;padding:8px 12px;border-radius:var(--radius-pill);background:#fff;color:var(--primary-dark);border:1px solid var(--line-strong);font-weight:900;font-size:13px;}
    .download-section{padding-bottom:112px;}
    .download-card{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;background:linear-gradient(135deg,#6f4e37,#bd744f);color:#fff;position:relative;overflow:hidden;}
    .download-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-80px;background:rgba(255,255,255,.12);}
    .download-card h2,.download-card h3{color:#fff;}
    .download-card p{color:rgba(255,255,255,.78);}
    .form-box{position:relative;z-index:1;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:22px;}
    .form-box label{color:#fff;font-weight:800;margin-bottom:8px;}
    .form-box input{height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.92);box-shadow:none;color:var(--ink);}
    .form-box input::placeholder{color:#9b8b80;}
    .form-box .button{width:100%;margin-top:8px;background:#fff;color:var(--primary-dark);}
    .form-tip{font-size:13px;color:rgba(255,255,255,.72);margin-top:10px;}
    .accordion.faq-accordion{background:transparent;}
    .faq-accordion .accordion-item{margin-bottom:12px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,249,.86);overflow:hidden;box-shadow:0 10px 24px rgba(58,42,29,.045);}
    .faq-accordion .accordion-title{border:0;color:#2d241e;font-weight:850;font-size:17px;padding:20px 56px 20px 22px;}
    .faq-accordion .accordion-title:hover,.faq-accordion .is-active>.accordion-title{background:#fff5ec;color:var(--primary-dark);}
    .faq-accordion .accordion-title:before{right:22px;color:var(--primary-dark);font-size:22px;margin-top:-14px;}
    .faq-accordion .accordion-content{border:0;border-top:1px solid var(--line);background:#fffdf9;color:var(--muted);padding:20px 22px;}
    .site-footer{background:rgba(112,82,60,.12);border-top:1px solid var(--line);padding:54px 0 28px;}
    .footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:34px;align-items:start;}
    .footer-brand{font-size:22px;font-weight:900;color:#2d241e;margin-bottom:12px;}
    .footer-text{color:var(--muted);max-width:560px;margin:0;}
    .footer-links{display:grid;gap:10px;}
    .footer-links a{color:var(--muted);font-weight:750;}
    .footer-links a:hover{color:var(--primary-dark);transform:translateX(3px);}
    .copyright{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);color:var(--light);font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}
    .float-cta{position:fixed;right:22px;bottom:24px;z-index:60;display:flex;flex-direction:column;gap:10px;}
    .float-cta a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 17px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(58,42,29,.13);font-weight:900;color:var(--wood);}
    .float-cta a.primary{background:var(--primary);color:#fff;border-color:var(--primary);}
    .float-cta a:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);}
    @media (max-width:1024px){
      :root{--header:68px;}
      .site-wrap{width:min(calc(100% - 32px),var(--wrap));}
      .section{padding:82px 0;}
      .nav-shell{min-height:68px;}
      .brand{min-width:auto;}
      .menu a{padding:10px 9px;font-size:14px;}
      .nav-cta{display:none;}
      .hero-grid{min-height:auto;}
      .dp-cover{margin-top:18px;min-height:500px;}
      .value-layout,.price-wrap,.download-card{grid-template-columns:1fr;}
      .demo-content,.news-area{grid-template-columns:1fr;}
      .filter-mock{border-right:0;border-bottom:1px solid var(--line);}
      .footer-grid{grid-template-columns:1fr 1fr;}
    }
    @media (max-width:768px){
      .top-bar-right{display:none;}
      .menu-icon{display:block;margin-left:auto;}
      .top-bar.responsive{display:none;position:absolute;left:16px;right:16px;top:68px;background:rgba(255,253,249,.98);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:12px;}
      .top-bar.responsive.open{display:block;}
      .top-bar.responsive .menu{display:grid;gap:6px;}
      .top-bar.responsive .menu li{width:100%;}
      .top-bar.responsive .menu a{min-height:44px;display:flex;align-items:center;}
      .hero{padding:48px 0 58px;}
      .hero-copy{padding:12px 0;}
      .hero-kpis{grid-template-columns:1fr;}
      .dp-cover{transform:none;min-height:560px;border-radius:30px;}
      .dp-cover>*{transform:none;}
      .entry-grid{grid-template-columns:1fr;}
      .hero-ribbon{position:relative;left:auto;right:auto;bottom:auto;margin:16px 14px 0;}
      .section-head{display:block;}
      .section-head .lead{margin-top:10px;}
      .catalog-panel{padding:20px;}
      .catalog-item{grid-template-columns:56px 1fr;}
      .catalog-item .mini-link{grid-column:2;}
      .value-cards{grid-template-columns:1fr;}
      .news-item{grid-template-columns:1fr;gap:8px;}
      .proof-wall{columns:1;}
      .footer-grid{grid-template-columns:1fr;}
      .float-cta{left:10px;right:10px;bottom:10px;flex-direction:row;background:rgba(255,250,243,.92);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:22px;padding:8px;box-shadow:var(--shadow);}
      .float-cta a{flex:1;padding:12px 10px;font-size:14px;box-shadow:none;}
      body{padding-bottom:72px;}
    }
    @media (max-width:520px){
      .site-wrap{width:min(calc(100% - 24px),var(--wrap));}
      .section{padding:64px 0;}
      h1{font-size:34px;}
      .lead{font-size:16px;}
      .btn-row .button{width:100%;}
      .brand span:last-child{font-size:16px;max-width:190px;overflow:hidden;text-overflow:ellipsis;}
      .dp-cover{padding:14px;min-height:620px;}
      .cover-art{inset:14px;border-radius:24px;}
      .entry-board{margin:44px 4px 10px;padding:18px;}
      .catalog-item,.value-card,.info-card,.proof-card,.price-card{padding:18px;border-radius:22px;}
      .demo-top{align-items:flex-start;flex-direction:column;}
      .update-row,.price-row{grid-template-columns:1fr;display:grid;gap:4px;}
      .download-card{padding:22px;border-radius:26px;}
    }

/* roulang page: category2 */
:root {
  --bg: #f7f2eb;
  --bg-2: #efe6db;
  --surface: #fffdfa;
  --surface-2: #f5ede3;
  --surface-3: #ede2d4;
  --text: #2b241d;
  --muted: #6f655c;
  --line: #e3d6c7;
  --line-2: rgba(124, 90, 66, .16);
  --primary: #c96f4a;
  --primary-2: #a95535;
  --primary-soft: rgba(201, 111, 74, .11);
  --accent: #7c5a42;
  --accent-2: #9c7a5b;
  --shadow: 0 18px 45px rgba(40, 30, 20, .08);
  --shadow-2: 0 10px 28px rgba(40, 30, 20, .06);
  --radius-xl: 34px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --space: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: PingFang SC, Microsoft YaHei, Noto Sans SC, Source Han Sans SC, system-ui, sans-serif;
  line-height: 1.75;
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(201, 111, 74, .10), transparent 24%),
    radial-gradient(circle at top right, rgba(124, 90, 66, .08), transparent 22%),
    linear-gradient(180deg, #fbf8f3 0%, var(--bg) 34%, #f7f0e6 100%);
  overflow-x: hidden;
  padding-bottom: 0;
}
a { color: inherit; text-decoration: none; transition: color .2s ease, transform .2s ease, opacity .2s ease; }
a:hover { color: var(--primary-2); }
img { max-width: 100%; display: block; }
button, input, textarea, select {
  font: inherit;
}
button { cursor: pointer; }
::selection { background: rgba(201, 111, 74, .22); }
.site-wrap {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
}
.top-header {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(255, 251, 246, .82);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(227, 214, 199, .8);
  box-shadow: 0 8px 24px rgba(58, 42, 28, .05);
}
.nav-shell {
  min-height: 78px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 12px 0;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--text);
  white-space: nowrap;
}
.brand:hover { color: var(--text); }
.brand-mark {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), #e1a87f);
  box-shadow: 0 0 0 6px rgba(201, 111, 74, .12);
  flex: 0 0 auto;
}
.top-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.top-bar-left {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.top-bar-left li { margin: 0; }
.top-bar-left a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  color: var(--muted);
  border: 1px solid transparent;
  background: transparent;
  font-weight: 600;
}
.top-bar-left a:hover,
.top-bar-left a:focus {
  color: var(--text);
  background: rgba(255, 255, 255, .72);
  border-color: rgba(227, 214, 199, .9);
  box-shadow: var(--shadow-2);
}
.top-bar-left a.active,
.top-bar-left a[aria-current='page'] {
  color: var(--primary-2);
  background: rgba(201, 111, 74, .12);
  border-color: rgba(201, 111, 74, .22);
}
.nav-cta { flex: 0 0 auto; }
.custom-btn,
.button.custom-btn {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), #df8a60);
  color: #fff;
  font-weight: 700;
  border: 0;
  box-shadow: 0 16px 30px rgba(201, 111, 74, .22);
}
.custom-btn:hover,
.custom-btn:focus {
  background: linear-gradient(135deg, var(--primary-2), #c97548);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 20px 34px rgba(201, 111, 74, .28);
}
.custom-btn.secondary {
  background: rgba(255, 255, 255, .8);
  color: var(--text);
  border: 1px solid var(--line);
  box-shadow: none;
}
.custom-btn.secondary:hover,
.custom-btn.secondary:focus {
  background: #fff;
  color: var(--primary-2);
}
.arrow { transition: transform .2s ease; }
.custom-btn:hover .arrow { transform: translateX(2px); }
.menu-icon {
  display: none;
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .88);
  box-shadow: var(--shadow-2);
  flex: 0 0 auto;
}
.menu-icon::before,
.menu-icon::after,
.menu-icon span {
  content: '';
  position: absolute;
  left: 12px;
  right: 12px;
  height: 2px;
  border-radius: 999px;
  background: var(--text);
  transition: transform .2s ease, top .2s ease, opacity .2s ease;
}
.menu-icon::before { top: 16px; }
.menu-icon::after { top: 30px; }
.menu-icon span { top: 23px; }
.hero {
  position: relative;
  padding: 34px 0 18px;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.4), transparent 18%),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.8), transparent 23%),
    radial-gradient(circle at 82% 12%, rgba(255, 217, 196, .42), transparent 18%);
  pointer-events: none;
}
.breadcrumb-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 18px;
  color: var(--muted);
  font-size: .94rem;
}
.breadcrumb-bar a { color: var(--muted); }
.breadcrumb-bar a:hover { color: var(--primary-2); }
.breadcrumb-bar .crumb-sep { opacity: .55; }
.hero-grid { position: relative; z-index: 1; }
.eyebrow,
.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(201, 111, 74, .11);
  color: var(--primary-2);
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: .03em;
  margin-bottom: 18px;
}
.hero h1,
.section-title {
  margin: 0;
  color: var(--text);
  line-height: 1.15;
  letter-spacing: -.02em;
}
.hero h1 { font-size: clamp(2.1rem, 4.2vw, 3.85rem); max-width: 12.5em; }
.section-title { font-size: clamp(1.65rem, 3vw, 2.7rem); }
.hero-lead,
.section-lead {
  margin: 18px 0 0;
  max-width: 36em;
  color: var(--muted);
  font-size: 1.04rem;
}
.section-lead { max-width: 44em; }
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0 18px;
}
.hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hero-points li,
.tag-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .76);
  border: 1px solid rgba(227, 214, 199, .9);
  color: var(--accent);
  font-size: .93rem;
  box-shadow: var(--shadow-2);
}
.hero-panel,
.soft-panel,
.section-panel,
.price-card,
.faq-shell,
.note-card,
.timeline-card,
.metric-card,
.catalog-card,
.summary-card {
  background: rgba(255, 253, 249, .94);
  border: 1px solid rgba(227, 214, 199, .92);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow);
}
.hero-panel { padding: 28px; position: relative; overflow: hidden; }
.hero-panel::after {
  content: '';
  position: absolute;
  inset: auto -8% -18% auto;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 111, 74, .14), transparent 66%);
  pointer-events: none;
}
.panel-head,
.card-head,
.section-head,
.metric-head,
.price-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.panel-head { margin-bottom: 18px; }
.panel-head strong,
.section-head strong,
.card-head strong {
  font-size: 1.02rem;
  color: var(--text);
}
.panel-head .tag,
.price-tag,
.badge-soft {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(201, 111, 74, .12);
  color: var(--primary-2);
  font-size: .83rem;
  font-weight: 700;
}
.matrix-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.matrix-card {
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(245,237,227,.78));
  border: 1px solid rgba(227, 214, 199, .95);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.matrix-card:hover,
.feature-card:hover,
.catalog-card:hover,
.timeline-card:hover,
.price-card:hover,
.metric-card:hover,
.note-card:hover {
  transform: translateY(-3px);
  border-color: rgba(201, 111, 74, .22);
  box-shadow: 0 22px 40px rgba(40, 30, 20, .10);
}
.matrix-card .mini-kicker,
.card-kicker {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(124, 90, 66, .08);
  color: var(--accent);
  font-size: .8rem;
  margin-bottom: 10px;
}
.matrix-card h3,
.feature-card h3,
.timeline-card h3,
.catalog-card h3,
.price-card h3,
.note-card h3,
.metric-card h3 {
  margin: 0 0 8px;
  font-size: 1.04rem;
  line-height: 1.35;
}
.matrix-card p,
.feature-card p,
.timeline-card p,
.catalog-card p,
.price-card p,
.note-card p,
.metric-card p {
  margin: 0;
  color: var(--muted);
  font-size: .98rem;
  line-height: 1.7;
}
.small-note {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(245, 237, 227, .76);
  color: var(--accent);
  border: 1px dashed rgba(124, 90, 66, .20);
}
.section-shell {
  padding: 88px 0;
  position: relative;
}
.section-shell.compact { padding-top: 50px; }
.section-shell .section-head {
  margin-bottom: 10px;
  align-items: end;
}
.section-block {
  margin-top: 28px;
}
.feature-card,
.catalog-card,
.timeline-card,
.metric-card,
.note-card,
.price-card {
  padding: 26px;
  position: relative;
  overflow: hidden;
}
.feature-card::before,
.catalog-card::before,
.timeline-card::before,
.metric-card::before,
.note-card::before,
.price-card::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, rgba(201,111,74,.9), rgba(217, 164, 126, .25));
}
.feature-index,
.timeline-index,
.metric-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 14px;
  background: rgba(201, 111, 74, .10);
  color: var(--primary-2);
  font-weight: 800;
}
.list-clean {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}
.list-clean li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 10px;
  color: var(--muted);
}
.list-clean li::before {
  content: '';
  width: 8px;
  height: 8px;
  margin-top: .72em;
  border-radius: 50%;
  background: var(--primary);
  flex: 0 0 auto;
}
.catalog-wrap {
  display: grid;
  grid-template-columns: 1.35fr .85fr;
  gap: 22px;
}
.catalog-stack,
.timeline-stack {
  display: grid;
  gap: 18px;
}
.side-sticky {
  position: sticky;
  top: 112px;
}
.summary-card {
  padding: 24px;
}
.summary-card .summary-title {
  margin: 0 0 12px;
  font-size: 1.1rem;
  font-weight: 800;
}
.summary-card .summary-note {
  color: var(--muted);
  margin: 0 0 16px;
}
.summary-tips {
  display: grid;
  gap: 12px;
}
.tip-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(245, 237, 227, .72);
  border: 1px solid rgba(227, 214, 199, .9);
}
.tip-row strong { display: block; margin-bottom: 4px; }
.tip-row span { color: var(--muted); font-size: .95rem; }
.timeline-card .time-tag,
.price-card .time-tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(124, 90, 66, .08);
  color: var(--accent);
  font-size: .8rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.timeline-card h3 { margin-bottom: 10px; }
.note-grid,
.stat-grid,
.price-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.metric-card {
  min-height: 180px;
}
.metric-card .big-num {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 800;
  color: var(--primary-2);
  margin-bottom: 8px;
  line-height: 1;
}
.metric-card .metric-label {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: .88rem;
  font-weight: 700;
}
.metric-card .metric-copy { color: var(--muted); }
.price-grid {
  align-items: stretch;
}
.price-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
}
.price-card.is-featured {
  background: linear-gradient(180deg, #fffdfa 0%, #fbf1e7 100%);
  border-color: rgba(201, 111, 74, .22);
  transform: translateY(-4px);
}
.price-amount {
  font-size: clamp(2rem, 4vw, 3.15rem);
  font-weight: 800;
  color: var(--text);
  letter-spacing: -.03em;
  margin: 10px 0 4px;
}
.price-sub {
  color: var(--muted);
  margin-bottom: 14px;
}
.price-card .button { margin-top: 18px; width: 100%; justify-content: center; }
.price-list {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
}
.price-list li {
  position: relative;
  padding-left: 18px;
  margin-top: 10px;
  color: var(--muted);
}
.price-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .76em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--primary);
}
.faq-shell {
  padding: 10px 0 6px;
}
.accordion {
  background: transparent;
  margin: 0;
  border: 0;
}
.accordion-item {
  margin-bottom: 14px;
  border: 1px solid rgba(227, 214, 199, .9);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow-2);
}
.accordion-title {
  padding: 20px 24px;
  color: var(--text);
  font-size: 1rem;
  font-weight: 700;
  background: transparent;
  border: 0;
}
.accordion-title:hover,
.accordion-title:focus {
  background: rgba(201, 111, 74, .05);
  color: var(--primary-2);
}
.accordion-content {
  padding: 0 24px 22px;
  border: 0;
  color: var(--muted);
}
.accordion-title::before { color: var(--primary-2); }
.footer-gap { height: 12px; }
.site-footer {
  margin-top: 0;
  padding: 54px 0 26px;
  background: linear-gradient(180deg, rgba(245, 237, 227, .95), rgba(238, 227, 214, .92));
  border-top: 1px solid rgba(227, 214, 199, .9);
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.3fr .8fr .8fr;
  gap: 24px;
}
.footer-brand {
  font-size: 1.28rem;
  font-weight: 800;
  margin-bottom: 14px;
}
.footer-text {
  color: var(--muted);
  margin: 0;
  max-width: 33em;
}
.site-footer h3 {
  margin: 0 0 14px;
  font-size: 1rem;
  color: var(--text);
}
.footer-links {
  display: grid;
  gap: 10px;
}
.footer-links a {
  color: var(--muted);
  display: inline-flex;
  width: fit-content;
}
.footer-links a:hover { color: var(--primary-2); }
.copyright {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(227, 214, 199, .9);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  color: var(--muted);
  font-size: .94rem;
}
.fixed-cta {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fixed-cta .button {
  box-shadow: 0 16px 30px rgba(40, 30, 20, .14);
}
.mobile-cta {
  display: none;
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 90;
  gap: 10px;
}
.mobile-cta .button {
  flex: 1;
  min-height: 50px;
  justify-content: center;
  border-radius: 16px;
  box-shadow: 0 14px 28px rgba(40, 30, 20, .12);
}
.section-anchor { scroll-margin-top: 108px; }
.panel-note {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(124, 90, 66, .08);
  color: var(--accent);
  font-size: .84rem;
  font-weight: 700;
}
@media (max-width: 1180px) {
  .footer-grid,
  .catalog-wrap,
  .note-grid,
  .price-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .nav-shell { min-height: 66px; }
  .top-bar-left a { padding: 0 13px; }
  .hero { padding-top: 20px; }
  .section-shell { padding: 64px 0; }
  .hero h1 { max-width: 100%; }
  .hero-grid,
  .catalog-wrap,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .side-sticky { position: static; }
  .menu-icon { display: inline-flex; align-items: center; justify-content: center; }
  .top-bar {
    display: none;
    position: absolute;
    left: 16px;
    right: 16px;
    top: 74px;
    padding: 12px;
    border-radius: 22px;
    border: 1px solid rgba(227, 214, 199, .95);
    background: rgba(255, 251, 246, .98);
    box-shadow: var(--shadow);
  }
  .top-bar.is-open { display: block; }
  .top-bar-left {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .top-bar-left a {
    width: 100%;
    justify-content: center;
  }
  .nav-cta { display: none; }
  .matrix-grid,
  .note-grid,
  .price-grid,
  .stat-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  body { padding-bottom: 78px; }
  .site-wrap { width: min(100% - 20px, 1240px); }
  .nav-shell { gap: 12px; }
  .brand { font-size: 1rem; }
  .hero-panel,
  .feature-card,
  .catalog-card,
  .timeline-card,
  .metric-card,
  .note-card,
  .price-card,
  .summary-card {
    padding: 20px;
    border-radius: 22px;
  }
  .accordion-title,
  .accordion-content { padding-left: 18px; padding-right: 18px; }
  .fixed-cta { display: none; }
  .mobile-cta { display: flex; }
  .site-footer { padding-bottom: 110px; }
}

/* roulang page: category1 */
\n+    :root {\n+      --bg: #f6f1e8;\n+      --bg-soft: #fbf7f1;\n+      --surface: #fffdfa;\n+      --surface-2: #f8f3eb;\n+      --line: #e7ddcf;\n+      --line-strong: #d8c8b6;\n+      --text: #2b241d;\n+      --muted: #6e6154;\n+      --accent: #c86a43;\n+      --accent-2: #8b5a45;\n+      --accent-soft: #f3d3c2;\n+      --good: #5b7a65;\n+      --shadow: 0 18px 45px rgba(40, 30, 20, 0.08);\n+      --shadow-hover: 0 24px 56px rgba(40, 30, 20, 0.12);\n+      --radius-xl: 34px;\n+      --radius-lg: 24px;\n+      --radius-md: 18px;\n+      --radius-sm: 12px;\n+      --container: 1260px;\n+      --space-1: 8px;\n+      --space-2: 12px;\n+      --space-3: 16px;\n+      --space-4: 24px;\n+      --space-5: 32px;\n+      --space-6: 44px;\n+      --space-7: 64px;\n+      --space-8: 96px;\n+      --header-h: 80px;\n+    }\n+\n+    *, *::before, *::after { box-sizing: border-box; }\n+    html { scroll-behavior: smooth; }\n+    body {\n+      margin: 0;\n+      font-family: -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif;\n+      color: var(--text);\n+      background:\n+        radial-gradient(circle at top left, rgba(200, 106, 67, 0.08), transparent 28%),\n+        radial-gradient(circle at 85% 12%, rgba(91, 122, 101, 0.10), transparent 22%),\n+        linear-gradient(180deg, #fbf7f1 0%, #f6f1e8 56%, #f2ece3 100%);\n+      line-height: 1.78;\n+      letter-spacing: 0;\n+      text-rendering: optimizeLegibility;\n+      -webkit-font-smoothing: antialiased;\n+      overflow-x: hidden;\n+    }\n+    a { color: inherit; text-decoration: none; transition: color .2s ease, opacity .2s ease, transform .2s ease, border-color .2s ease, background-color .2s ease; }\n+    a:hover { color: var(--accent); }\n+    img { max-width: 100%; display: block; }\n+    button, input, textarea, select { font: inherit; }\n+    button { cursor: pointer; }\n+    ::selection { background: rgba(200, 106, 67, .18); }\n+    .site-wrap {\n+      width: min(calc(100% - 32px), var(--container));\n+      margin: 0 auto;\n+    }\n+    .top-header {\n+      position: sticky;\n+      top: 0;\n+      z-index: 1000;\n+      backdrop-filter: blur(18px);\n+      background: rgba(251, 247, 241, 0.88);\n+      border-bottom: 1px solid rgba(231, 221, 207, 0.95);\n+      transition: box-shadow .22s ease, transform .22s ease, background .22s ease;\n+    }\n+    .top-header.is-scrolled { box-shadow: 0 12px 34px rgba(40, 30, 20, 0.08); }\n+    .nav-shell {\n+      min-height: var(--header-h);\n+      display: flex;\n+      align-items: center;\n+      gap: 18px;\n+    }\n+    .brand {\n+      display: inline-flex;\n+      align-items: center;\n+      gap: 12px;\n+      font-size: 18px;\n+      font-weight: 800;\n+      letter-spacing: 0;\n+      white-space: nowrap;\n+      flex-shrink: 0;\n+    }\n+    .brand-mark {\n+      width: 38px;\n+      height: 38px;\n+      border-radius: 14px;\n+      background:\n+        linear-gradient(145deg, rgba(200, 106, 67, .96), rgba(139, 90, 69, .92));\n+      box-shadow: inset 0 0 0 1px rgba(255,255,255,.34);\n+      position: relative;\n+    }\n+    .brand-mark::before, .brand-mark::after {\n+      content: \"\";\n+      position: absolute;\n+      inset: 10px 11px;\n+      border: 1px solid rgba(255,255,255,.84);\n+      border-radius: 10px;\n+    }\n+    .brand-mark::after {\n+      inset: 15px 15px;\n+      border-radius: 999px;\n+      background: rgba(255,255,255,.9);\n+    }\n+    .menu-icon {\n+      width: 46px;\n+      height: 46px;\n+      border-radius: 999px;\n+      background: #fff;\n+      border: 1px solid var(--line);\n+      display: none;\n+      align-items: center;\n+      justify-content: center;\n+      box-shadow: 0 8px 20px rgba(40, 30, 20, 0.05);\n+    }\n+    .menu-icon::before {\n+      content: \"\";\n+      width: 18px;\n+      height: 2px;\n+      background: var(--text);\n+      border-radius: 999px;\n+      box-shadow: 0 -6px 0 var(--text), 0 6px 0 var(--text);\n+    }\n+    .top-bar {\n+      display: flex;\n+      align-items: center;\n+      flex: 1;\n+      gap: 18px;\n+    }\n+    .top-bar-left { flex: 1; }\n+    .top-bar-left ul {\n+      list-style: none;\n+      margin: 0;\n+      padding: 0;\n+      display: flex;\n+      align-items: center;\n+      gap: 8px;\n+      flex-wrap: wrap;\n+    }\n+    .top-bar-left a {\n+      display: inline-flex;\n+      align-items: center;\n+      min-height: 44px;\n+      padding: 10px 16px;\n+      border-radius: 999px;\n+      color: var(--muted);\n+      border: 1px solid transparent;\n+      background: transparent;\n+      font-weight: 600;\n+    }\n+    .top-bar-left a:hover {\n+      color: var(--text);\n+      background: rgba(255,255,255,.78);\n+      border-color: var(--line);\n+    }\n+    .top-bar-left a.active {\n+      color: var(--text);\n+      background: rgba(200,106,67,.10);\n+      border-color: rgba(200,106,67,.16);\n+    }\n+    .nav-cta {\n+      flex-shrink: 0;\n+    }\n+    .custom-btn,\n+    .custom-btn.secondary,\n+    .button.custom-btn,\n+    .button.secondary-btn {\n+      margin: 0;\n+      border-radius: 999px;\n+      min-height: 46px;\n+      padding: 0 20px;\n+      display: inline-flex;\n+      align-items: center;\n+      gap: 8px;\n+      font-weight: 700;\n+      letter-spacing: 0;\n+      border: 1px solid transparent;\n+      transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;\n+    }\n+    .button.custom-btn {\n+      background: var(--accent);\n+      color: #fff;\n+      box-shadow: 0 14px 28px rgba(200, 106, 67, 0.22);\n+    }\n+    .button.custom-btn:hover, .button.custom-btn:focus {\n+      background: #b95d36;\n+      color: #fff;\n+      transform: translateY(-2px);\n+      box-shadow: 0 20px 32px rgba(200, 106, 67, 0.28);\n+    }\n+    .button.secondary-btn {\n+      background: rgba(255,255,255,.72);\n+      color: var(--text);\n+      border-color: var(--line);\n+    }\n+    .button.secondary-btn:hover, .button.secondary-btn:focus {\n+      border-color: rgba(200,106,67,.3);\n+      transform: translateY(-2px);\n+      box-shadow: 0 14px 26px rgba(40,30,20,.08);\n+      color: var(--text);\n+    }\n+    .arrow { display: inline-block; transition: transform .18s ease; }\n+    .button:hover .arrow { transform: translateX(3px); }\n+\n+    .hero {\n+      padding: 28px 0 16px;\n+      scroll-margin-top: calc(var(--header-h) + 16px);\n+    }\n+    .hero-panel {\n+      position: relative;\n+      overflow: hidden;\n+      border: 1px solid rgba(231,221,207,.95);\n+      border-radius: var(--radius-xl);\n+      background:\n+        linear-gradient(135deg, rgba(255,255,255,.90), rgba(248,243,235,.98)),\n+        linear-gradient(145deg, rgba(200,106,67,.08), transparent 45%);\n+      box-shadow: var(--shadow);\n+      padding: clamp(22px, 3vw, 42px);\n+    }\n+    .hero-panel::before {\n+      content: \"\";\n+      position: absolute;\n+      inset: 0;\n+      background-image: linear-gradient(rgba(139,90,69,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(139,90,69,.03) 1px, transparent 1px);\n+      background-size: 56px 56px;\n+      mask-image: linear-gradient(180deg, rgba(0,0,0,.7), transparent 82%);\n+      pointer-events: none;\n+    }\n+    .hero-grid {\n+      position: relative;\n+      display: grid;\n+      grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);\n+      gap: clamp(22px, 3vw, 38px);\n+      align-items: center;\n+    }\n+    .breadcrumb {\n+      display: inline-flex;\n+      align-items: center;\n+      gap: 8px;\n+      padding: 10px 14px;\n+      background: rgba(255,255,255,.74);\n+      border: 1px solid var(--line);\n+      border-radius: 999px;\n+      color: var(--muted);\n+      font-size: 13px;\n+      width: fit-content;\n+      margin-bottom: 18px;\n+      box-shadow: 0 8px 18px rgba(40,30,20,.04);\n+    }\n+    .breadcrumb a { color: var(--muted); }\n+    .breadcrumb a:hover { color: var(--accent); }\n+    .hero h1 {\n+      margin: 0;\n+      font-size: clamp(32px, 4.4vw, 58px);\n+      line-height: 1.08;\n+      letter-spacing: 0;\n+      max-width: 11ch;\n+    }\n+    .hero-lead {\n+      margin: 18px 0 0;\n+      font-size: 17px;\n+      color: var(--muted);\n+      max-width: 52rem;\n+    }\n+    .hero-actions {\n+      display: flex;\n+      gap: 12px;\n+      flex-wrap: wrap;\n+      margin-top: 26px;\n+    }\n+    .hero-meta {\n+      display: flex;\n+      flex-wrap: wrap;\n+      gap: 10px;\n+      margin-top: 22px;\n+    }\n+    .meta-pill,\n+    .tag,\n+    .filter-chip {\n+      display: inline-flex;\n+      align-items: center;\n+      min-height: 38px;\n+      padding: 8px 14px;\n+      border-radius: 999px;\n+      border: 1px solid var(--line);\n+      background: rgba(255,255,255,.72);\n+      color: var(--muted);\n+      font-size: 13px;\n+      font-weight: 600;\n+      gap: 8px;\n+      white-space: nowrap;\n+    }\n+    .meta-pill strong, .tag strong { color: var(--text); }\n+    .hero-visual {\n+      position: relative;\n+      padding: 8px;\n+      border-radius: 30px;\n+      background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,243,235,.96));\n+      border: 1px solid rgba(231,221,207,.95);\n+      box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 14px 34px rgba(40,30,20,.06);\n+    }\n+    .visual-frame {\n+      min-height: 460px;\n+      border-radius: 26px;\n+      background:\n+        linear-gradient(180deg, rgba(250, 247, 241, 0.94), rgba(243, 236, 228, 0.96)),\n+        radial-gradient(circle at 20% 18%, rgba(200,106,67,.12), transparent 26%),\n+        radial-gradient(circle at 82% 12%, rgba(91,122,101,.12), transparent 24%);\n+      border: 1px solid rgba(216, 200, 182, .78);\n+      padding: 22px;\n+      display: grid;\n+      grid-template-rows: auto 1fr auto;\n+      gap: 16px;\n+      overflow: hidden;\n+    }\n+    .visual-tag {\n+      justify-self: start;\n+      display: inline-flex;\n+      align-items: center;\n+      min-height: 36px;\n+      padding: 8px 12px;\n+      border-radius: 999px;\n+      background: rgba(200,106,67,.12);\n+      color: #8f4b2d;\n+      font-size: 13px;\n+      font-weight: 700;\n+      border: 1px solid rgba(200,106,67,.18);\n+    }\n+    .visual-grid {\n+      display: grid;\n+      grid-template-columns: 1.2fr .8fr;\n+      gap: 14px;\n+      align-items: stretch;\n+      min-height: 320px;\n+    }\n+    .visual-tile {\n+      border-radius: 22px;\n+      border: 1px solid rgba(215, 201, 183, .92);\n+      background: rgba(255,255,255,.72);\n+      padding: 18px;\n+      box-shadow: 0 12px 24px rgba(40,30,20,.05);\n+      display: flex;\n+      flex-direction: column;\n+      justify-content: space-between;\n+      gap: 12px;\n+      position: relative;\n+      overflow: hidden;\n+    }\n+    .visual-tile::after {\n+      content: \"\";\n+      position: absolute;\n+      inset: auto -12px -12px auto;\n+      width: 110px;\n+      height: 110px;\n+      background: radial-gradient(circle, rgba(200,106,67,.12), transparent 72%);\n+    }\n+    .visual-tile strong { font-size: 22px; line-height: 1.16; }\n+    .visual-tile p { margin: 0; color: var(--muted); font-size: 14px; }\n+    .visual-tile.main { background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(243,232,221,.92)); }\n+    .visual-tile.sub { min-height: 148px; }\n+    .visual-stack {\n+      display: grid;\n+      grid-template-columns: 1fr;\n+      gap: 14px;\n+    }\n+    .visual-strip {\n+      display: flex;\n+      align-items: center;\n+      justify-content: space-between;\n+      gap: 12px;\n+      padding: 14px 16px;\n+      border-radius: 18px;\n+      border: 1px solid rgba(216,200,182,.92);\n+      background: rgba(255,255,255,.68);\n+      color: var(--muted);\n+      font-size: 13px;\n+      font-weight: 600;\n+    }\n+    .visual-strip b { color: var(--text); }\n+    .section {\n+      padding: var(--space-8) 0;\n+      scroll-margin-top: calc(var(--header-h) + 16px);\n+    }\n+    .section .section-head {\n+      display: flex;\n+      justify-content: space-between;\n+      align-items: end;\n+      gap: 18px;\n+      margin-bottom: 26px;\n+      flex-wrap: wrap;\n+    }\n+    .section-kicker {\n+      color: var(--accent-2);\n+      font-weight: 800;\n+      letter-spacing: 0;\n+      font-size: 13px;\n+      text-transform: none;\n+      margin: 0 0 10px;\n+    }\n+    .section h2 {\n+      margin: 0;\n+      font-size: clamp(26px, 3vw, 42px);\n+      line-height: 1.12;\n+    }\n+    .section-desc {\n+      margin: 0;\n+      color: var(--muted);\n+      max-width: 54rem;\n+      font-size: 16px;\n+    }\n+    .value-grid {\n+      display: grid;\n+      grid-template-columns: 1.1fr .9fr;\n+      gap: 18px;\n+      align-items: stretch;\n+    }\n+    .value-rail,\n+    .info-panel,\n+    .entry-panel,\n+    .news-panel,\n+    .price-panel,\n+    .faq-panel,\n+    .cta-panel {\n+      background: rgba(255,255,255,.78);\n+      border: 1px solid rgba(231,221,207,.98);\n+      border-radius: var(--radius-xl);\n+      box-shadow: var(--shadow);\n+    }\n+    .value-rail {\n+      padding: 26px;\n+    }\n+    .rail-step {\n+      display: grid;\n+      grid-template-columns: 72px 1fr;\n+      gap: 16px;\n+      align-items: start;\n+      padding: 18px 0;\n+      border-top: 1px solid rgba(231,221,207,.78);\n+    }\n+    .rail-step:first-of-type { border-top: 0; padding-top: 0; }\n+    .rail-step:last-child { padding-bottom: 0; }\n+    .step-no {\n+      width: 56px;\n+      height: 56px;\n+      border-radius: 18px;\n+      display: grid;\n+      place-items: center;\n+      background: linear-gradient(145deg, rgba(200,106,67,.16), rgba(243,211,194,.88));\n+      color: #8f4b2d;\n+      font-size: 20px;\n+      font-weight: 800;\n+      box-shadow: inset 0 1px 0 rgba(255,255,255,.66);\n+    }\n+    .rail-step h3,\n+    .entry-card h3,\n+    .news-item h3,\n+    .price-head h3,\n+    .faq-title {\n+      margin: 0 0 8px;\n+      font-size: 18px;\n+      line-height: 1.25;\n+    }\n+    .rail-step p,\n+    .entry-card p,\n+    .news-item p,\n+    .price-head p,\n+    .faq-copy {\n+      margin: 0;\n+      color: var(--muted);\n+      font-size: 15px;\n+    }\n+    .info-panel {\n+      padding: 26px;\n+      background:\n+        linear-gradient(180deg, rgba(255,255,255,.80), rgba(248,243,235,.96)),\n+        linear-gradient(160deg, rgba(91,122,101,.09), transparent 42%);\n+    }\n+    .info-list {\n+      display: grid;\n+      gap: 14px;\n+      margin-top: 18px;\n+    }\n+    .info-card {\n+      padding: 16px 18px;\n+      border-radius: 18px;\n+      background: rgba(255,255,255,.82);\n+      border: 1px solid var(--line);\n+      display: grid;\n+      gap: 6px;\n+      box-shadow: 0 12px 22px rgba(40,30,20,.05);\n+    }\n+    .info-card .label {\n+      font-size: 12px;\n+      color: var(--muted);\n+      font-weight: 700;\n+      letter-spacing: 0;\n+    }\n+    .info-card strong { font-size: 18px; }\n+    .info-card span { color: var(--muted); font-size: 14px; }\n+    .catalog-wrap {\n+      display: grid;\n+      grid-template-columns: 1fr;\n+      gap: 20px;\n+    }\n+    .filter-bar {\n+      display: flex;\n+      gap: 10px;\n+      flex-wrap: wrap;\n+      align-items: center;\n+      padding: 18px 18px 2px;\n+      margin-bottom: 10px;\n+      overflow-x: auto;\n+      scrollbar-width: thin;\n+    }\n+    .filter-chip { cursor: pointer; }\n+    .filter-chip.active {\n+      color: var(--text);\n+      background: rgba(200,106,67,.12);\n+      border-color: rgba(200,106,67,.18);\n+    }\n+    .entry-grid {\n+      display: grid;\n+      grid-template-columns: repeat(2, minmax(0, 1fr));\n+      gap: 18px;\n+      padding: 0 18px 18px;\n+    }\n+    .entry-card {\n+      position: relative;\n+      overflow: hidden;\n+      padding: 22px;\n+      border-radius: 24px;\n+      border: 1px solid var(--line);\n+      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,243,235,.82));\n+      box-shadow: 0 14px 26px rgba(40,30,20,.05);\n+      display: grid;\n+      gap: 14px;\n+      min-height: 212px;\n+    }\n+    .entry-card::before {\n+      content: \"\";\n+      position: absolute;\n+      inset: 0 auto 0 0;\n+      width: 6px;\n+      background: linear-gradient(180deg, var(--accent), rgba(200,106,67,.18));\n+    }\n+    .entry-card .card-top {\n+      display: flex;\n+      justify-content: space-between;\n+      gap: 12px;\n+      align-items: center;\n+      flex-wrap: wrap;\n+    }\n+    .entry-card .index-badge,\n+    .news-item .index-badge,\n+    .price-head .index-badge {\n+      display: inline-flex;\n+      align-items: center;\n+      min-height: 34px;\n+      padding: 7px 12px;\n+      border-radius: 999px;\n+      background: rgba(91,122,101,.12);\n+      color: var(--good);\n+      border: 1px solid rgba(91,122,101,.16);\n+      font-size: 12px;\n+      font-weight: 800;\n+      letter-spacing: 0;\n+    }\n+    .entry-card ul {\n+      list-style: none;\n+      margin: 0;\n+      padding: 0;\n+      display: grid;\n+      gap: 10px;\n+    }\n+    .entry-card li {\n+      display: flex;\n+      gap: 10px;\n+      align-items: flex-start;\n+      color: var(--muted);\n+      font-size: 14px;\n+    }\n+    .entry-card li::before {\n+      content: \"\";\n+      width: 8px;\n+      height: 8px;\n+      border-radius: 999px;\n+      background: var(--accent);\n+      margin-top: 9px;\n+      flex-shrink: 0;\n+    }\n+    .entry-card .card-actions {\n+      display: flex;\n+      gap: 10px;\n+      flex-wrap: wrap;\n+      margin-top: auto;\n+    }\n+    .news-grid {\n+      display: grid;\n+      grid-template-columns: 1.05fr .95fr;\n+      gap: 18px;\n+    }\n+    .news-panel {\n+      padding: 26px;\n+    }\n+    .news-list {\n+      display: grid;\n+      gap: 16px;\n+      margin-top: 16px;\n+    }\n+    .news-item {\n+      padding: 18px;\n+      border-radius: 20px;\n+      background: rgba(255,255,255,.82);\n+      border: 1px solid var(--line);\n+      box-shadow: 0 12px 24px rgba(40,30,20,.05);\n+      display: grid;\n+      gap: 10px;\n+    }\n+    .news-item .meta-row {\n+      display: flex;\n+      gap: 10px;\n+      flex-wrap: wrap;\n+      align-items: center;\n+    }\n+    .news-item .stamp {\n+      color: var(--muted);\n+      font-size: 13px;\n+    }\n+    .news-side {\n+      padding: 26px;\n+      background: linear-gradient(180deg, rgba(248,243,235,.98), rgba(255,255,255,.88));\n+    }\n+    .checklist {\n+      list-style: none;\n+      margin: 18px 0 0;\n+      padding: 0;\n+      display: grid;\n+      gap: 12px;\n+    }\n+    .checklist li {\n+      display: flex;\n+      gap: 12px;\n+      align-items: flex-start;\n+      padding: 14px 16px;\n+      border-radius: 18px;\n+      border: 1px solid var(--line);\n+      background: rgba(255,255,255,.75);\n+      color: var(--muted);\n+      font-size: 14px;\n+    }\n+    .checklist li::before {\n+      content: \"\";\n+      width: 10px;\n+      height: 10px;\n+      border-radius: 999px;\n+      margin-top: 8px;\n+      background: var(--accent);\n+      flex-shrink: 0;\n+      box-shadow: 0 0 0 4px rgba(200,106,67,.10);\n+    }\n+    .price-panel {\n+      padding: 26px;\n+    }\n+    .price-table-wrap {\n+      overflow-x: auto;\n+      margin-top: 18px;\n+      border-radius: 22px;\n+      border: 1px solid var(--line);\n+      background: rgba(255,255,255,.8);\n+    }\n+    .price-table {\n+      width: 100%;\n+      border-collapse: collapse;\n+      min-width: 720px;\n+    }\n+    .price-table th,\n+    .price-table td {\n+      padding: 18px 16px;\n+      border-bottom: 1px solid rgba(231,221,207,.88);\n+      text-align: left;\n+      vertical-align: top;\n+      font-size: 14px;\n+    }\n+    .price-table th {\n+      background: rgba(248,243,235,.92);\n+      font-size: 15px;\n+      color: var(--text);\n+    }\n+    .price-table tr:last-child td { border-bottom: 0; }\n+    .price-table .recommend {\n+      color: #8f4b2d;\n+      font-weight: 800;\n+      background: rgba(200,106,67,.08);\n+    }\n+    .price-note {\n+      display: flex;\n+      gap: 12px;\n+      flex-wrap: wrap;\n+      align-items: center;\n+      margin-top: 16px;\n+      color: var(--muted);\n+      font-size: 14px;\n+    }\n+    .price-note strong { color: var(--text); }\n+    .faq-panel {\n+      padding: 26px;\n+    }\n+    .accordion {\n+      margin-top: 18px;\n+      background: transparent;\n+      border: 0;\n+    }\n+    .accordion-item {\n+      border: 1px solid var(--line);\n+      border-radius: 20px;\n+      overflow: hidden;\n+      margin-bottom: 12px;\n+      background: rgba(255,255,255,.82);\n+      box-shadow: 0 10px 20px rgba(40,30,20,.04);\n+    }\n+    .accordion-title {\n+      padding: 18px 20px;\n+      color: var(--text);\n+      font-weight: 700;\n+      font-size: 15px;\n+      background: transparent;\n+      border: 0;\n+    }\n+    .accordion-title:hover { background: rgba(200,106,67,.05); }\n+    .accordion-content {\n+      border: 0;\n+      padding: 0 20px 18px;\n+      color: var(--muted);\n+      font-size: 15px;\n+    }\n+    .cta-panel {\n+      padding: 30px;\n+      background:\n+        linear-gradient(135deg, rgba(255,255,255,.9), rgba(248,243,235,.94)),\n+        linear-gradient(130deg, rgba(200,106,67,.12), transparent 38%);\n+      display: grid;\n+      grid-template-columns: 1.15fr .85fr;\n+      gap: 20px;\n+      align-items: center;\n+    }\n+    .cta-panel h2 {\n+      margin: 0 0 10px;\n+      font-size: clamp(24px, 3vw, 36px);\n+    }\n+    .cta-panel p { margin: 0; color: var(--muted); }\n+    .cta-actions {\n+      display: flex;\n+      gap: 12px;\n+      flex-wrap: wrap;\n+      justify-content: flex-end;\n+    }\n+    .cta-badges {\n+      display: flex;\n+      flex-wrap: wrap;\n+      gap: 10px;\n+      margin-top: 18px;\n+    }\n+    .site-footer {\n+      margin-top: var(--space-8);\n+      padding: 54px 0 28px;\n+      background: linear-gradient(180deg, rgba(248,243,235,.96), rgba(242,235,225,.98));\n+      border-top: 1px solid rgba(231,221,207,.95);\n+    }\n+    .footer-grid {\n+      display: grid;\n+      grid-template-columns: 1.35fr .8fr .8fr;\n+      gap: 22px;\n+      align-items: start;\n+    }\n+    .footer-brand {\n+      font-size: 20px;\n+      font-weight: 800;\n+      margin-bottom: 12px;\n+    }\n+    .footer-text {\n+      margin: 0;\n+      color: var(--muted);\n+      max-width: 36rem;\n+      font-size: 15px;\n+    }\n+    .site-footer h3 {\n+      margin: 0 0 14px;\n+      font-size: 16px;\n+    }\n+    .footer-links {\n+      display: grid;\n+      gap: 10px;\n+    }\n+    .footer-links a {\n+      color: var(--muted);\n+      width: fit-content;\n+    }\n+    .footer-links a:hover { color: var(--accent); }\n+    .copyright {\n+      margin-top: 28px;\n+      padding-top: 18px;\n+      border-top: 1px solid rgba(231,221,207,.95);\n+      color: var(--muted);\n+      font-size: 13px;\n+      display: flex;\n+      justify-content: space-between;\n+      gap: 12px;\n+      flex-wrap: wrap;\n+    }\n+    .floating-cta {\n+      position: fixed;\n+      right: 22px;\n+      bottom: 22px;\n+      z-index: 999;\n+      display: flex;\n+      flex-direction: column;\n+      gap: 10px;\n+    }\n+    .floating-cta .button {\n+      min-width: 146px;\n+      justify-content: center;\n+      box-shadow: 0 16px 32px rgba(40,30,20,.12);\n+    }\n+    .mobile-cta {\n+      display: none;\n+      position: fixed;\n+      left: 14px;\n+      right: 14px;\n+      bottom: 12px;\n+      z-index: 998;\n+      gap: 10px;\n+      background: rgba(251,247,241,.88);\n+      border: 1px solid rgba(231,221,207,.95);\n+      border-radius: 20px;\n+      box-shadow: var(--shadow);\n+      padding: 10px;\n+      backdrop-filter: blur(14px);\n+    }\n+    .mobile-cta .button { flex: 1; justify-content: center; min-height: 48px; }\n+    .section-rule {\n+      display: grid;\n+      grid-template-columns: 1fr 1fr;\n+      gap: 14px;\n+      margin-top: 18px;\n+    }\n+    .rule-card {\n+      padding: 18px;\n+      border-radius: 20px;\n+      border: 1px solid var(--line);\n+      background: rgba(255,255,255,.78);\n+      box-shadow: 0 12px 24px rgba(40,30,20,.05);\n+    }\n+    .rule-card strong { display: block; margin-bottom: 8px; font-size: 16px; }\n+    .rule-card span { color: var(--muted); font-size: 14px; }\n+\n+    @media (max-width: 1180px) {\n+      .hero-grid, .value-grid, .news-grid, .cta-panel, .footer-grid {\n+        grid-template-columns: 1fr;\n+      }\n+      .cta-actions { justify-content: flex-start; }\n+    }\n+    @media (max-width: 760px) {\n+      :root { --header-h: 64px; }\n+      .site-wrap { width: min(calc(100% - 20px), var(--container)); }\n+      .nav-shell { min-height: var(--header-h); }\n+      .brand { font-size: 16px; }\n+      .menu-icon { display: inline-flex; margin-left: auto; }\n+      .top-bar {\n+        display: none;\n+        position: absolute;\n+        left: 10px;\n+        right: 10px;\n+        top: calc(100% + 8px);\n+        background: rgba(251,247,241,.98);\n+        border: 1px solid var(--line);\n+        border-radius: 22px;\n+        padding: 14px;\n+        box-shadow: var(--shadow);\n+        flex-direction: column;\n+        align-items: stretch;\n+      }\n+      .top-header.nav-open .top-bar { display: flex; }\n+      .top-bar-left ul { flex-direction: column; align-items: stretch; }\n+      .top-bar-left a { width: 100%; justify-content: center; }\n+      .nav-cta { display: none; }\n+      .hero { padding-top: 16px; }\n+      .hero h1 { max-width: none; }\n+      .visual-frame { min-height: 390px; }\n+      .visual-grid, .entry-grid, .section-rule { grid-template-columns: 1fr; }\n+      .rail-step { grid-template-columns: 1fr; }\n+      .step-no { width: 48px; height: 48px; }\n+      .entry-grid { padding: 0 14px 14px; }\n+      .filter-bar { padding: 16px 14px 2px; }\n+      .news-panel, .news-side, .value-rail, .info-panel, .price-panel, .faq-panel, .cta-panel { padding: 20px; }\n+      .section { padding: 72px 0; }\n+      .copyright { flex-direction: column; }\n+      .floating-cta { display: none; }\n+      .mobile-cta { display: flex; }\n+    }\n+    @media (max-width: 520px) {\n+      .hero-panel { padding: 18px; border-radius: 26px; }\n+      .hero h1 { font-size: clamp(30px, 8vw, 38px); }\n+      .hero-lead { font-size: 15px; }\n+      .hero-actions { flex-direction: column; }\n+      .hero-actions .button { width: 100%; justify-content: center; }\n+      .entry-card { min-height: auto; }\n+      .price-table th, .price-table td { padding: 14px 12px; }\n+      .accordion-title { padding: 16px; }\n+      .accordion-content { padding: 0 16px 16px; }\n+    }\n+    :focus-visible {\n+      outline: 3px solid rgba(200,106,67,.34);\n+      outline-offset: 2px;\n+    }\n+