/* roulang page: index */
:root{
      --bg:#fbf7f1;
      --bg-soft:#f8efe8;
      --card:#fffaf4;
      --card-2:#fff4ec;
      --ink:#211717;
      --muted:#75656a;
      --muted-2:#9a8588;
      --brand:#4a2035;
      --brand-dark:#2d1422;
      --accent:#d97b73;
      --accent-2:#b9855a;
      --line:rgba(74,32,53,.14);
      --line-strong:rgba(74,32,53,.28);
      --cream:#fff7ed;
      --shadow:0 24px 80px rgba(55,31,38,.10);
      --shadow-hover:0 32px 90px rgba(55,31,38,.16);
      --radius:28px;
      --radius-lg:36px;
      --nav-h:74px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 10% 10%,rgba(217,123,115,.16),transparent 30%),
        radial-gradient(circle at 88% 18%,rgba(185,133,90,.13),transparent 26%),
        linear-gradient(180deg,var(--bg),var(--bg-soft) 52%,#fbf7f1);
      line-height:1.75;
      overflow-x:hidden;
    }
    body:before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      opacity:.42;
      background-image:
        linear-gradient(rgba(74,32,53,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(74,32,53,.03) 1px,transparent 1px);
      background-size:34px 34px;
      mask-image:linear-gradient(180deg,#000,transparent 82%);
      z-index:-1;
    }
    a{color:inherit;text-decoration:none}
    button,a{transition:all .22s ease}
    button{font:inherit}
    img{max-width:100%;display:block}
    ::selection{background:rgba(217,123,115,.28)}
    .site-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
    .section{padding:92px 0}
    .section-tight{padding:68px 0}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      padding:8px 13px;border:1px solid var(--line);
      border-radius:999px;background:rgba(255,250,244,.78);
      color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.04em;
    }
    .eyebrow .dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px rgba(217,123,115,.13)}
    .section-title{font-size:clamp(32px,4vw,46px);line-height:1.16;font-weight:800;letter-spacing:-.04em;margin:18px 0 14px}
    .section-desc{font-size:17px;color:var(--muted);max-width:760px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      min-height:48px;padding:0 22px;border-radius:999px;
      font-weight:750;border:1px solid transparent;cursor:pointer;
      white-space:nowrap;
    }
    .btn-primary{background:var(--brand);color:var(--cream);box-shadow:0 14px 30px rgba(74,32,53,.22)}
    .btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 18px 38px rgba(74,32,53,.28)}
    .btn-secondary{background:rgba(255,250,244,.78);border-color:var(--line);color:var(--brand)}
    .btn-secondary:hover{background:#fff1eb;border-color:rgba(217,123,115,.45);transform:translateY(-2px)}
    .btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
    .btn-ghost:hover{background:rgba(255,250,244,.72);border-color:var(--line-strong)}
    .btn:focus-visible,.nav-link:focus-visible,.menu-toggle:focus-visible,summary:focus-visible{
      outline:3px solid rgba(217,123,115,.42);outline-offset:3px;
    }
    .pill-nav-wrap{
      position:sticky;top:16px;z-index:50;padding-top:16px;
    }
    .pill-nav{
      width:min(1180px,calc(100% - 40px));margin-inline:auto;
      min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:18px;
      padding:10px 12px 10px 18px;border:1px solid rgba(74,32,53,.16);
      border-radius:999px;background:rgba(255,250,244,.78);
      backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(55,31,38,.10);
    }
    .brand{
      display:flex;align-items:center;gap:10px;min-width:0;font-weight:850;color:var(--brand);
      letter-spacing:-.03em;
    }
    .brand-mark{
      width:38px;height:38px;border-radius:999px;
      background:linear-gradient(135deg,var(--brand),#78334e 55%,var(--accent));
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 12px 26px rgba(74,32,53,.24);
      position:relative;flex:0 0 auto;
    }
    .brand-mark:after{content:"18+";position:absolute;inset:0;display:grid;place-items:center;color:#fff7ed;font-size:11px;font-weight:850}
    .brand-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:310px}
    .nav-links{display:flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:rgba(248,239,232,.72)}
    .nav-link{
      display:inline-flex;align-items:center;justify-content:center;
      height:42px;padding:0 16px;border-radius:999px;color:var(--muted);font-size:14px;font-weight:720;
    }
    .nav-link:hover{color:var(--brand);background:rgba(255,250,244,.9)}
    .nav-link.active{color:var(--cream);background:var(--brand);box-shadow:0 10px 24px rgba(74,32,53,.18)}
    .nav-actions{display:flex;align-items:center;gap:8px}
    .menu-toggle{display:none;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(255,250,244,.92);color:var(--brand)}
    .mobile-menu{
      display:none;width:min(520px,calc(100% - 40px));margin:10px auto 0;
      padding:14px;border:1px solid var(--line);border-radius:24px;
      background:rgba(255,250,244,.95);backdrop-filter:blur(18px);box-shadow:var(--shadow);
    }
    .mobile-menu.open{display:block}
    .mobile-menu a{display:flex;padding:13px 14px;border-radius:16px;color:var(--muted);font-weight:750}
    .mobile-menu a.active,.mobile-menu a:hover{background:#fff0e8;color:var(--brand)}
    .hero{padding:98px 0 72px}
    .hero-panel{
      border:1px solid var(--line);
      border-radius:44px;
      background:linear-gradient(180deg,rgba(255,250,244,.92),rgba(255,244,236,.82));
      box-shadow:var(--shadow);
      padding:clamp(26px,5vw,56px);
      overflow:hidden;position:relative;
    }
    .hero-panel:before{
      content:"";position:absolute;right:-120px;top:-150px;width:380px;height:380px;border-radius:999px;
      background:radial-gradient(circle,rgba(217,123,115,.28),transparent 65%);
    }
    .hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
    .hero h1{
      font-size:clamp(36px,6vw,70px);line-height:1.08;font-weight:850;letter-spacing:-.065em;margin:18px 0 22px;
    }
    .hero-lead{font-size:18px;color:var(--muted);max-width:690px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}
    .metric{
      border:1px solid var(--line);border-radius:22px;background:rgba(255,250,244,.7);
      padding:14px 16px;
    }
    .metric strong{display:block;font-size:20px;color:var(--brand);line-height:1.2}
    .metric span{font-size:12px;color:var(--muted)}
    .icon-matrix{
      display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
      padding:18px;border-radius:34px;background:rgba(74,32,53,.06);
      border:1px solid var(--line);
    }
    .matrix-card{
      min-height:118px;border-radius:26px;padding:16px;
      background:linear-gradient(145deg,#fffaf4,#f6e7df);
      border:1px solid rgba(74,32,53,.12);
      box-shadow:0 12px 34px rgba(55,31,38,.07);
      display:flex;flex-direction:column;justify-content:space-between;
    }
    .matrix-card:nth-child(2),.matrix-card:nth-child(5){transform:translateY(14px)}
    .matrix-icon{
      width:38px;height:38px;border-radius:16px;display:grid;place-items:center;
      background:var(--brand);color:var(--cream);font-weight:850;
    }
    .matrix-card b{font-size:15px;color:var(--ink)}
    .matrix-card small{color:var(--muted);font-size:12px}
    .status-strip{
      margin-top:16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;
      background:var(--brand);color:var(--cream);padding:12px 16px;
      display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;
      font-size:13px;
    }
    .status-strip span{display:inline-flex;align-items:center;gap:7px;opacity:.92}
    .status-strip i{width:7px;height:7px;border-radius:999px;background:var(--accent);display:inline-block}
    .story-card,.product-card,.review-card,.faq-card,.notice-card,.progress-card,.security-card{
      border:1px solid var(--line);background:rgba(255,250,244,.82);border-radius:var(--radius);
      box-shadow:0 18px 54px rgba(55,31,38,.07);
    }
    .story-card{padding:28px}
    .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
    .story-item{padding:22px;border-radius:24px;background:linear-gradient(180deg,#fffaf4,#fff2ea);border:1px solid var(--line)}
    .story-item .num{color:var(--accent-2);font-size:13px;font-weight:850;letter-spacing:.08em}
    .story-item h3{font-size:22px;font-weight:800;margin:8px 0 8px}
    .story-item p{color:var(--muted);font-size:15px}
    .product-grid{
      display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:18px;margin-top:34px;align-items:stretch;
    }
    .product-card{
      padding:18px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
      display:flex;flex-direction:column;gap:16px;
    }
    .product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:rgba(217,123,115,.46)}
    .product-card.featured{grid-row:span 2;min-height:520px}
    .cover{
      min-height:150px;border-radius:24px;overflow:hidden;position:relative;
      background:
        linear-gradient(135deg,rgba(74,32,53,.92),rgba(121,59,82,.76) 48%,rgba(217,123,115,.55)),
        repeating-linear-gradient(45deg,rgba(255,255,255,.11) 0 1px,transparent 1px 12px);
    }
    .featured .cover{min-height:245px}
    .cover:after{
      content:"";position:absolute;inset:18px;border:1px solid rgba(255,250,244,.34);border-radius:20px;
      background:linear-gradient(180deg,rgba(255,255,255,.10),transparent);
    }
    .tag-row{display:flex;flex-wrap:wrap;gap:8px}
    .tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff0e8;color:var(--brand);font-size:12px;font-weight:800}
    .tag.dark{background:var(--brand);color:var(--cream)}
    .product-card h3{font-size:23px;line-height:1.25;font-weight:850;letter-spacing:-.03em}
    .product-card p{color:var(--muted);font-size:15px}
    .benefit-list{display:grid;gap:8px;margin-top:auto}
    .benefit-list li{display:flex;gap:8px;color:var(--muted);font-size:14px}
    .benefit-list li:before{content:"•";color:var(--accent);font-weight:900}
    .price-line{display:flex;align-items:end;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px}
    .price-line strong{font-size:22px;color:var(--brand)}
    .review-wrap{position:relative;margin-top:34px;overflow:hidden}
    .review-track{display:flex;gap:18px;transition:transform .35s ease}
    .review-card{min-width:calc((100% - 36px)/3);padding:28px}
    .quote{font-size:48px;line-height:1;color:rgba(74,32,53,.22);font-weight:900}
    .stars{color:var(--accent-2);letter-spacing:.08em;margin:8px 0}
    .review-card p{color:var(--muted);font-size:15px}
    .review-user{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;font-size:14px}
    .review-user b{color:var(--brand)}
    .slider-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px}
    .slider-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--line);background:rgba(255,250,244,.86);color:var(--brand);font-weight:900;cursor:pointer}
    .slider-btn:hover{background:#fff0e8;border-color:rgba(217,123,115,.48)}
    .dots{display:flex;gap:7px}
    .dot-btn{width:9px;height:9px;border-radius:999px;border:0;background:rgba(74,32,53,.22);cursor:pointer;padding:0}
    .dot-btn.active{width:24px;background:var(--accent)}
    .guarantee{
      border-radius:36px;background:linear-gradient(135deg,var(--brand-dark),var(--brand));
      color:var(--cream);padding:30px;border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow);
    }
    .guarantee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .guarantee-item{padding:18px 22px;border-right:1px solid rgba(255,250,244,.16)}
    .guarantee-item:last-child{border-right:0}
    .guarantee-icon{width:42px;height:42px;border-radius:18px;background:rgba(255,250,244,.12);display:grid;place-items:center;margin-bottom:12px}
    .guarantee-item h3{font-size:18px;font-weight:850}
    .guarantee-item p{font-size:13px;color:rgba(255,250,244,.70);margin-top:4px}
    .progress-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:34px}
    .progress-card{padding:28px}
    .progress-line{display:grid;gap:18px}
    .step{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}
    .step-no{width:48px;height:48px;border-radius:18px;background:#fff0e8;color:var(--brand);display:grid;place-items:center;font-weight:900}
    .step h3{font-size:19px;font-weight:850}
    .step p{font-size:14px;color:var(--muted)}
    .bar-item{margin-bottom:18px}
    .bar-head{display:flex;justify-content:space-between;font-size:14px;font-weight:800;color:var(--brand);margin-bottom:8px}
    .bar{height:10px;border-radius:999px;background:#efe0d8;overflow:hidden}
    .bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent))}
    .notice-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-top:34px}
    .notice-card{padding:26px}
    .notice-list{display:grid;gap:0}
    .notice-list a{
      display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;
      padding:17px 0;border-bottom:1px solid var(--line);
    }
    .notice-list a:last-child{border-bottom:0}
    .notice-date{font-size:13px;color:var(--accent-2);font-weight:850}
    .notice-title{font-weight:830;color:var(--ink)}
    .notice-list a:hover .notice-title{color:var(--brand);transform:translateX(2px)}
    .notice-arrow{color:var(--muted-2)}
    .mini-recommend{display:grid;gap:12px}
    .mini-item{padding:18px;border-radius:22px;background:#fff2ea;border:1px solid var(--line)}
    .mini-item b{display:block;color:var(--brand);margin-bottom:4px}
    .mini-item span{font-size:14px;color:var(--muted)}
    .seed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
    .seed-card{
      border:1px solid var(--line);border-radius:30px;background:rgba(255,250,244,.84);padding:14px;
      transition:all .22s ease;box-shadow:0 16px 42px rgba(55,31,38,.06);
    }
    .seed-card:hover{transform:translateY(-5px);border-color:rgba(217,123,115,.46);box-shadow:var(--shadow-hover)}
    .seed-cover{height:210px;border-radius:24px;background:linear-gradient(160deg,#3c1b2c,#8e4a59 62%,#e5a095);position:relative;overflow:hidden}
    .seed-cover:before{content:"";position:absolute;inset:18px;border-radius:20px;border:1px solid rgba(255,250,244,.34)}
    .seed-card h3{font-size:18px;font-weight:850;margin:14px 4px 6px}
    .seed-card p{font-size:14px;color:var(--muted);margin:0 4px 14px}
    .stage{
      margin-top:34px;border-radius:40px;padding:22px;
      background:linear-gradient(135deg,rgba(74,32,53,.09),rgba(217,123,115,.13));
      border:1px solid var(--line);
      display:grid;grid-template-columns:1fr .72fr;gap:18px;align-items:stretch;
    }
    .screen{
      border-radius:30px;background:#211717;color:var(--cream);padding:24px;min-height:310px;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 24px 60px rgba(55,31,38,.18);
    }
    .screen-top{display:flex;gap:7px;margin-bottom:22px}
    .screen-top i{width:10px;height:10px;border-radius:999px;background:rgba(255,250,244,.3)}
    .screen-row{display:grid;grid-template-columns:1fr 90px;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,250,244,.12)}
    .screen-row b{font-size:15px}
    .screen-row span{font-size:12px;color:rgba(255,250,244,.62)}
    .stage-side{display:grid;gap:12px}
    .stage-chip{padding:18px;border-radius:24px;background:rgba(255,250,244,.82);border:1px solid var(--line)}
    .stage-chip b{display:block;color:var(--brand)}
    .stage-chip span{font-size:14px;color:var(--muted)}
    .faq-wrap{margin-top:34px;display:grid;gap:12px}
    details.faq-card{padding:0;overflow:hidden}
    details summary{
      list-style:none;cursor:pointer;padding:20px 24px;font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:18px;
    }
    details summary::-webkit-details-marker{display:none}
    details summary:after{content:"+";width:30px;height:30px;border-radius:999px;background:#fff0e8;color:var(--brand);display:grid;place-items:center;flex:0 0 auto}
    details[open] summary:after{content:"−";background:var(--brand);color:var(--cream)}
    details p{padding:0 24px 22px;color:var(--muted);font-size:15px}
    .cta-panel{
      border-radius:44px;padding:clamp(30px,5vw,58px);text-align:center;
      background:
        radial-gradient(circle at 20% 0%,rgba(217,123,115,.25),transparent 34%),
        linear-gradient(135deg,var(--brand-dark),var(--brand));
      color:var(--cream);box-shadow:var(--shadow);position:relative;overflow:hidden;
    }
    .cta-panel h2{font-size:clamp(32px,4.5vw,54px);line-height:1.12;font-weight:850;letter-spacing:-.055em}
    .cta-panel p{color:rgba(255,250,244,.74);max-width:720px;margin:16px auto 26px;font-size:17px}
    .plan-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px auto;max-width:880px;text-align:left}
    .plan{
      border:1px solid rgba(255,250,244,.16);border-radius:26px;background:rgba(255,250,244,.08);
      padding:20px;
    }
    .plan b{display:block;font-size:18px}
    .plan span{display:block;color:rgba(255,250,244,.65);font-size:13px;margin-top:6px}
    .cta-panel .btn-secondary{background:var(--cream);border-color:transparent;color:var(--brand)}
    .legal-note{font-size:12px;color:rgba(255,250,244,.62);margin-top:14px}
    .footer{
      background:#211717;color:var(--cream);padding:56px 0 28px;margin-top:80px;
      border-top-left-radius:38px;border-top-right-radius:38px;
    }
    .footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}
    .footer .brand-text{color:var(--cream);max-width:420px}
    .footer p{color:rgba(255,250,244,.62);font-size:14px;margin-top:14px;max-width:520px}
    .footer h3{font-size:15px;font-weight:850;margin-bottom:12px;color:#fff7ed}
    .footer a{display:block;color:rgba(255,250,244,.66);font-size:14px;margin:8px 0}
    .footer a:hover{color:#fff7ed;transform:translateX(2px)}
    .copyright{border-top:1px solid rgba(255,250,244,.12);margin-top:34px;padding-top:20px;color:rgba(255,250,244,.48);font-size:13px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
    @media (max-width:1024px){
      .nav-links,.nav-actions .desktop-cta{display:none}
      .menu-toggle{display:grid;place-items:center}
      .hero-grid,.story-grid,.progress-layout,.notice-layout,.stage{grid-template-columns:1fr}
      .product-grid{grid-template-columns:1fr 1fr}
      .product-card.featured{grid-row:auto;grid-column:span 2;min-height:auto}
      .review-card{min-width:calc((100% - 18px)/2)}
      .guarantee-grid{grid-template-columns:repeat(2,1fr)}
      .guarantee-item:nth-child(2){border-right:0}
      .guarantee-item:nth-child(1),.guarantee-item:nth-child(2){border-bottom:1px solid rgba(255,250,244,.16)}
      .seed-grid{grid-template-columns:repeat(2,1fr)}
      .plan-row{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width:640px){
      .site-container{width:min(100% - 28px,1180px)}
      .section{padding:64px 0}
      .hero{padding:72px 0 44px}
      .pill-nav{width:calc(100% - 24px);padding:9px 10px 9px 12px}
      .brand-text{max-width:190px;font-size:14px}
      .hero-panel{border-radius:32px;padding:24px}
      .icon-matrix{grid-template-columns:1fr 1fr}
      .matrix-card:nth-child(2),.matrix-card:nth-child(5){transform:none}
      .hero-actions .btn{width:100%}
      .hero-metrics{grid-template-columns:1fr}
      .product-grid{grid-template-columns:1fr}
      .product-card.featured{grid-column:auto}
      .review-card{min-width:100%}
      .guarantee-grid{grid-template-columns:1fr}
      .guarantee-item{border-right:0!important;border-bottom:1px solid rgba(255,250,244,.16)}
      .guarantee-item:last-child{border-bottom:0}
      .notice-list a{grid-template-columns:1fr;gap:4px}
      .seed-grid{grid-template-columns:1fr}
      .seed-cover{height:190px}
      .footer-grid{grid-template-columns:1fr}
      .copyright{display:block}
    }

/* roulang page: category2 */
:root{
      --bg:#fbf7f1;
      --bg-soft:#f8efe8;
      --paper:#fffaf3;
      --paper-2:#fff4ec;
      --ink:#211717;
      --muted:#756465;
      --muted-2:#9b8584;
      --brand:#4a1f32;
      --brand-2:#6e2b46;
      --accent:#d8796c;
      --accent-2:#b9895d;
      --line:rgba(74,31,50,.14);
      --line-strong:rgba(74,31,50,.24);
      --shadow:0 24px 80px rgba(55,31,38,.10);
      --shadow-hover:0 30px 92px rgba(55,31,38,.16);
      --radius:28px;
      --radius-lg:36px;
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 12% 8%, rgba(216,121,108,.14), transparent 34%),
        radial-gradient(circle at 86% 18%, rgba(110,43,70,.10), transparent 30%),
        linear-gradient(180deg,var(--bg),var(--bg-soft) 48%,var(--bg));
      line-height:1.8;
      overflow-x:hidden;
    }
    body:before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      opacity:.35;
      background-image:
        linear-gradient(rgba(74,31,50,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74,31,50,.035) 1px, transparent 1px);
      background-size:34px 34px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 75%);
      z-index:-1;
    }
    a{color:inherit;text-decoration:none}
    button,a{transition:all .22s ease}
    button{font:inherit}
    img{max-width:100%;display:block}
    ::selection{background:rgba(216,121,108,.28)}
    .site-container{
      width:min(var(--container),calc(100% - 40px));
      margin-inline:auto;
    }
    .section{
      padding:94px 0;
    }
    .section-tight{
      padding:70px 0;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 13px;
      border:1px solid var(--line);
      border-radius:999px;
      background:rgba(255,250,243,.72);
      color:var(--brand);
      font-size:13px;
      font-weight:700;
      letter-spacing:.03em;
      box-shadow:0 10px 30px rgba(74,31,50,.05);
    }
    .eyebrow:before{
      content:"";
      width:8px;
      height:8px;
      border-radius:999px;
      background:var(--accent);
      box-shadow:0 0 0 5px rgba(216,121,108,.15);
    }
    .pill-nav-wrap{
      position:fixed;
      top:18px;
      left:0;
      right:0;
      z-index:50;
      padding:0 18px;
    }
    .pill-nav{
      width:min(1120px,100%);
      margin:0 auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:10px 12px 10px 16px;
      border:1px solid rgba(74,31,50,.14);
      border-radius:999px;
      background:rgba(255,250,243,.84);
      backdrop-filter:blur(18px);
      box-shadow:0 18px 55px rgba(55,31,38,.11);
    }
    .brand{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-width:0;
      font-weight:800;
      color:var(--brand);
      letter-spacing:-.02em;
    }
    .brand-mark{
      width:30px;
      height:30px;
      flex:0 0 auto;
      border-radius:999px;
      background:
        radial-gradient(circle at 35% 30%, #fff4ec 0 18%, transparent 19%),
        linear-gradient(135deg,var(--brand),var(--accent));
      box-shadow:0 8px 20px rgba(74,31,50,.22);
      position:relative;
    }
    .brand-mark:after{
      content:"18+";
      position:absolute;
      right:-12px;
      top:-8px;
      padding:1px 5px;
      border-radius:999px;
      background:var(--ink);
      color:#fffaf3;
      font-size:9px;
      line-height:1.45;
      border:1px solid rgba(255,250,243,.45);
    }
    .brand-text{
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      max-width:260px;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:6px;
      padding:4px;
      border-radius:999px;
      background:rgba(248,239,232,.66);
      border:1px solid rgba(74,31,50,.08);
    }
    .nav-link{
      padding:9px 15px;
      border-radius:999px;
      color:var(--muted);
      font-size:14px;
      font-weight:700;
    }
    .nav-link:hover{
      color:var(--brand);
      background:rgba(216,121,108,.10);
    }
    .nav-link.active{
      color:#fffaf3;
      background:var(--brand);
      box-shadow:0 10px 24px rgba(74,31,50,.18);
    }
    .nav-actions{
      display:flex;
      align-items:center;
      gap:10px;
      flex:0 0 auto;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border-radius:999px;
      padding:12px 18px;
      border:1px solid transparent;
      font-size:14px;
      font-weight:800;
      line-height:1;
      cursor:pointer;
      white-space:nowrap;
    }
    .btn-primary{
      background:var(--brand);
      color:#fffaf3;
      box-shadow:0 14px 32px rgba(74,31,50,.20);
    }
    .btn-primary:hover{
      background:#351423;
      transform:translateY(-2px);
      box-shadow:0 18px 42px rgba(74,31,50,.26);
    }
    .btn-secondary{
      background:rgba(255,250,243,.72);
      border-color:var(--line-strong);
      color:var(--brand);
    }
    .btn-secondary:hover{
      background:rgba(216,121,108,.13);
      border-color:rgba(216,121,108,.50);
      transform:translateY(-2px);
    }
    .btn-ghost{
      background:transparent;
      border-color:rgba(255,250,243,.24);
      color:#fffaf3;
    }
    .btn-ghost:hover{
      background:rgba(255,250,243,.10);
      transform:translateY(-2px);
    }
    .btn:focus-visible,.nav-link:focus-visible,.brand:focus-visible,.menu-toggle:focus-visible,.mobile-menu a:focus-visible, summary:focus-visible{
      outline:3px solid rgba(216,121,108,.45);
      outline-offset:3px;
    }
    .menu-toggle{
      display:none;
      width:42px;
      height:42px;
      border:1px solid var(--line);
      border-radius:999px;
      background:#fffaf3;
      color:var(--brand);
      font-weight:900;
      cursor:pointer;
    }
    .mobile-menu{
      display:none;
      width:min(520px,calc(100% - 36px));
      margin:10px auto 0;
      padding:12px;
      border:1px solid var(--line);
      border-radius:24px;
      background:rgba(255,250,243,.95);
      backdrop-filter:blur(18px);
      box-shadow:var(--shadow);
    }
    .mobile-menu a{
      display:block;
      padding:12px 14px;
      border-radius:16px;
      color:var(--muted);
      font-weight:750;
    }
    .mobile-menu a:hover,.mobile-menu a.active{
      color:var(--brand);
      background:rgba(216,121,108,.12);
    }
    .hero{
      padding:142px 0 88px;
    }
    .hero-panel{
      display:grid;
      grid-template-columns:minmax(0,1.02fr) minmax(360px,.88fr);
      gap:34px;
      align-items:stretch;
    }
    .hero-copy{
      padding:54px;
      border:1px solid var(--line);
      border-radius:var(--radius-lg);
      background:linear-gradient(145deg,rgba(255,250,243,.92),rgba(255,244,236,.70));
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .hero-copy:after{
      content:"";
      position:absolute;
      width:220px;
      height:220px;
      right:-80px;
      bottom:-90px;
      border-radius:999px;
      background:radial-gradient(circle,rgba(216,121,108,.22),transparent 68%);
    }
    h1{
      margin:22px 0 22px;
      font-size:clamp(36px,5.8vw,66px);
      line-height:1.08;
      letter-spacing:-.055em;
      font-weight:850;
      color:var(--ink);
      max-width:850px;
    }
    .hero-lead{
      max-width:680px;
      color:var(--muted);
      font-size:18px;
      line-height:1.9;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:30px;
    }
    .fine-note{
      margin-top:20px;
      color:var(--muted-2);
      font-size:13px;
      line-height:1.7;
    }
    .matrix{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }
    .matrix-card{
      min-height:156px;
      border:1px solid rgba(255,250,243,.16);
      border-radius:28px;
      padding:22px;
      color:#fffaf3;
      background:
        linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),
        var(--brand);
      box-shadow:0 22px 60px rgba(55,31,38,.18);
      position:relative;
      overflow:hidden;
    }
    .matrix-card:nth-child(2),.matrix-card:nth-child(3){
      background:
        linear-gradient(145deg,rgba(216,121,108,.18),rgba(255,255,255,.03)),
        #321723;
    }
    .matrix-card:before{
      content:"";
      position:absolute;
      inset:auto -35px -45px auto;
      width:110px;
      height:110px;
      border-radius:38px;
      background:rgba(255,250,243,.08);
      transform:rotate(18deg);
    }
    .matrix-card .num{
      display:inline-flex;
      width:34px;
      height:34px;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:rgba(255,250,243,.12);
      border:1px solid rgba(255,250,243,.18);
      font-size:13px;
      font-weight:900;
      color:#ffe8df;
    }
    .matrix-card h2{
      margin:18px 0 7px;
      font-size:22px;
      line-height:1.25;
      font-weight:820;
    }
    .matrix-card p{
      margin:0;
      color:rgba(255,250,243,.72);
      font-size:14px;
      line-height:1.75;
    }
    .section-head{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:28px;
      margin-bottom:34px;
    }
    .section-head h2{
      margin:0;
      font-size:clamp(30px,4.2vw,46px);
      line-height:1.18;
      letter-spacing:-.04em;
      font-weight:830;
      max-width:660px;
    }
    .section-head p{
      margin:0;
      max-width:440px;
      color:var(--muted);
      font-size:16px;
    }
    .issue-stack{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      gap:22px;
    }
    .issue{
      display:grid;
      grid-template-columns:180px minmax(0,1fr) 210px;
      gap:22px;
      align-items:center;
      padding:24px;
      border:1px solid var(--line);
      border-radius:32px;
      background:rgba(255,250,243,.76);
      box-shadow:0 16px 48px rgba(55,31,38,.07);
    }
    .issue:hover{
      transform:translateY(-4px);
      border-color:rgba(216,121,108,.48);
      box-shadow:var(--shadow-hover);
    }
    .issue-meta{
      display:flex;
      flex-direction:column;
      gap:10px;
      align-self:stretch;
      justify-content:center;
      padding-right:18px;
      border-right:1px solid var(--line);
    }
    .issue-no{
      color:var(--accent-2);
      font-size:13px;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .tag{
      display:inline-flex;
      width:max-content;
      align-items:center;
      border-radius:999px;
      padding:6px 11px;
      background:rgba(216,121,108,.12);
      color:var(--brand);
      font-size:12px;
      font-weight:800;
      border:1px solid rgba(216,121,108,.18);
    }
    .issue h3{
      margin:0 0 9px;
      font-size:24px;
      line-height:1.25;
      letter-spacing:-.02em;
      font-weight:820;
      color:var(--ink);
    }
    .issue p{
      margin:0;
      color:var(--muted);
      line-height:1.8;
    }
    .issue-list{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:14px;
    }
    .mini-chip{
      display:inline-flex;
      padding:6px 10px;
      border-radius:999px;
      color:var(--muted);
      background:#fff4ec;
      border:1px solid var(--line);
      font-size:12px;
      font-weight:700;
    }
    .issue-action{
      display:flex;
      justify-content:flex-end;
    }
    .plans-wrap{
      border-radius:40px;
      padding:34px;
      background:
        radial-gradient(circle at 18% 14%,rgba(216,121,108,.18),transparent 32%),
        linear-gradient(135deg,#2b1720,#4a1f32 62%,#321723);
      color:#fffaf3;
      box-shadow:0 30px 90px rgba(55,31,38,.20);
      overflow:hidden;
      position:relative;
    }
    .plans-wrap:before{
      content:"";
      position:absolute;
      inset:16px;
      border:1px solid rgba(255,250,243,.10);
      border-radius:30px;
      pointer-events:none;
    }
    .plans-head{
      position:relative;
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:24px;
      margin-bottom:26px;
    }
    .plans-head h2{
      margin:0;
      font-size:clamp(30px,4vw,44px);
      line-height:1.16;
      letter-spacing:-.04em;
      font-weight:840;
      max-width:620px;
    }
    .plans-head p{
      margin:0;
      color:rgba(255,250,243,.70);
      max-width:420px;
    }
    .plans{
      position:relative;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }
    .plan{
      border:1px solid rgba(255,250,243,.16);
      border-radius:28px;
      padding:24px;
      background:rgba(255,250,243,.08);
      backdrop-filter:blur(10px);
    }
    .plan.featured{
      background:#fffaf3;
      color:var(--ink);
      transform:translateY(-10px);
      box-shadow:0 24px 70px rgba(0,0,0,.18);
    }
    .plan .level{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin-bottom:15px;
    }
    .plan h3{
      margin:0;
      font-size:22px;
      font-weight:830;
      letter-spacing:-.02em;
    }
    .price{
      font-size:28px;
      font-weight:900;
      letter-spacing:-.04em;
      color:inherit;
    }
    .plan.featured .price{color:var(--brand)}
    .plan p{
      color:rgba(255,250,243,.70);
      margin:0 0 18px;
      font-size:14px;
    }
    .plan.featured p{color:var(--muted)}
    .check-list{
      display:grid;
      gap:10px;
      margin:0 0 22px;
      padding:0;
      list-style:none;
    }
    .check-list li{
      display:flex;
      gap:9px;
      color:rgba(255,250,243,.82);
      font-size:14px;
      line-height:1.55;
    }
    .plan.featured .check-list li{color:var(--muted)}
    .check-list li:before{
      content:"✓";
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:18px;
      height:18px;
      flex:0 0 auto;
      border-radius:999px;
      background:rgba(216,121,108,.20);
      color:#ffe8df;
      font-size:12px;
      font-weight:900;
      margin-top:2px;
    }
    .plan.featured .check-list li:before{
      background:rgba(216,121,108,.16);
      color:var(--brand);
    }
    .trust-row{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:22px;
      align-items:stretch;
    }
    .quote-card,.security-card{
      border:1px solid var(--line);
      border-radius:34px;
      background:rgba(255,250,243,.78);
      box-shadow:0 18px 60px rgba(55,31,38,.08);
      padding:30px;
    }
    .quote-mark{
      font-size:56px;
      line-height:1;
      color:rgba(110,43,70,.20);
      font-family:Georgia,serif;
    }
    .quote-card blockquote{
      margin:0;
      font-size:22px;
      line-height:1.65;
      letter-spacing:-.02em;
      color:var(--ink);
      font-weight:720;
    }
    .quote-card footer{
      margin-top:18px;
      color:var(--muted);
      font-size:14px;
    }
    .security-card{
      background:linear-gradient(145deg,#fffaf3,#fff4ec);
    }
    .security-card h2{
      margin:0 0 16px;
      font-size:28px;
      line-height:1.2;
      font-weight:830;
      letter-spacing:-.03em;
    }
    .security-list{
      display:grid;
      gap:12px;
      margin:0;
      padding:0;
      list-style:none;
    }
    .security-list li{
      display:grid;
      grid-template-columns:34px 1fr;
      gap:12px;
      align-items:start;
      padding:12px;
      border-radius:18px;
      background:rgba(248,239,232,.64);
      border:1px solid rgba(74,31,50,.08);
    }
    .security-list b{
      color:var(--brand);
    }
    .icon-dot{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      border-radius:999px;
      background:var(--brand);
      color:#fffaf3;
      font-size:14px;
      font-weight:900;
    }
    .faq-wrap{
      display:grid;
      grid-template-columns:.75fr 1.25fr;
      gap:34px;
      align-items:start;
    }
    .faq-title{
      position:sticky;
      top:112px;
    }
    .faq-title h2{
      margin:14px 0 12px;
      font-size:clamp(30px,4vw,44px);
      line-height:1.18;
      letter-spacing:-.04em;
      font-weight:840;
    }
    .faq-title p{
      margin:0;
      color:var(--muted);
    }
    .faq-list{
      display:grid;
      gap:12px;
    }
    details{
      border:1px solid var(--line);
      border-radius:24px;
      background:rgba(255,250,243,.82);
      box-shadow:0 12px 36px rgba(55,31,38,.06);
      overflow:hidden;
    }
    summary{
      list-style:none;
      cursor:pointer;
      padding:20px 22px;
      font-weight:820;
      color:var(--ink);
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:20px;
    }
    summary::-webkit-details-marker{display:none}
    summary:after{
      content:"+";
      width:28px;
      height:28px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(216,121,108,.12);
      color:var(--brand);
      flex:0 0 auto;
      font-weight:900;
    }
    details[open] summary:after{
      content:"–";
      background:var(--brand);
      color:#fffaf3;
    }
    details p{
      margin:0;
      padding:0 22px 22px;
      color:var(--muted);
      line-height:1.8;
    }
    .final-cta{
      padding:54px;
      border-radius:42px;
      background:
        radial-gradient(circle at 82% 22%,rgba(216,121,108,.18),transparent 28%),
        linear-gradient(135deg,rgba(255,250,243,.98),rgba(255,244,236,.82));
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:28px;
      align-items:center;
    }
    .final-cta h2{
      margin:0 0 12px;
      font-size:clamp(30px,4.5vw,48px);
      line-height:1.15;
      letter-spacing:-.04em;
      font-weight:850;
    }
    .final-cta p{
      margin:0;
      color:var(--muted);
      max-width:720px;
    }
    .cta-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .footer{
      background:#211717;
      color:#fffaf3;
      padding:64px 0 28px;
      margin-top:80px;
      position:relative;
      overflow:hidden;
    }
    .footer:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 16% 0%,rgba(216,121,108,.18),transparent 30%),
        linear-gradient(rgba(255,250,243,.035) 1px,transparent 1px);
      background-size:auto,32px 32px;
      opacity:.8;
      pointer-events:none;
    }
    .footer .site-container{position:relative}
    .footer-grid{
      display:grid;
      grid-template-columns:1.4fr .75fr .75fr;
      gap:44px;
      padding-bottom:36px;
      border-bottom:1px solid rgba(255,250,243,.14);
    }
    .footer .brand{color:#fffaf3;margin-bottom:18px}
    .footer p{
      margin:0;
      max-width:520px;
      color:rgba(255,250,243,.64);
      line-height:1.85;
    }
    .footer h3{
      margin:0 0 14px;
      color:#fffaf3;
      font-size:15px;
      font-weight:850;
    }
    .footer a:not(.brand){
      display:block;
      color:rgba(255,250,243,.62);
      margin:9px 0;
      font-size:14px;
    }
    .footer a:not(.brand):hover{
      color:#fffaf3;
      transform:translateX(3px);
    }
    .copyright{
      display:flex;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
      padding-top:24px;
      color:rgba(255,250,243,.48);
      font-size:13px;
    }
    @media (max-width:1024px){
      .desktop-cta{display:none}
      .hero-panel{grid-template-columns:1fr}
      .matrix{grid-template-columns:repeat(4,1fr)}
      .matrix-card{min-height:150px}
      .issue{grid-template-columns:140px 1fr}
      .issue-action{grid-column:1/-1;justify-content:flex-start}
      .plans,.trust-row,.faq-wrap{grid-template-columns:1fr}
      .plan.featured{transform:none}
      .faq-title{position:static}
      .final-cta{grid-template-columns:1fr}
      .cta-actions{justify-content:flex-start}
    }
    @media (max-width:820px){
      .nav-links{display:none}
      .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
      .mobile-menu.open{display:block}
      .brand-text{max-width:210px}
      .hero{padding-top:124px}
      .hero-copy{padding:34px}
      .section{padding:70px 0}
      .section-head,.plans-head{display:block}
      .section-head p,.plans-head p{margin-top:12px}
      .matrix{grid-template-columns:1fr 1fr}
      .issue{grid-template-columns:1fr;padding:20px}
      .issue-meta{
        border-right:0;
        border-bottom:1px solid var(--line);
        padding:0 0 16px;
      }
      .footer-grid{grid-template-columns:1fr;gap:26px}
    }
    @media (max-width:560px){
      .site-container{width:min(100% - 28px,var(--container))}
      .pill-nav-wrap{top:10px;padding:0 10px}
      .pill-nav{padding:8px 9px 8px 12px}
      .brand-text{max-width:168px;font-size:14px}
      .brand-mark{width:28px;height:28px}
      .hero{padding:104px 0 58px}
      .hero-copy{padding:26px;border-radius:28px}
      .hero-actions,.cta-actions{display:grid;grid-template-columns:1fr}
      .btn{width:100%;padding:14px 16px}
      .matrix{grid-template-columns:1fr}
      .matrix-card{min-height:auto}
      .plans-wrap{padding:24px;border-radius:30px}
      .plan{padding:20px}
      .quote-card,.security-card{padding:24px;border-radius:28px}
      .quote-card blockquote{font-size:19px}
      .final-cta{padding:28px;border-radius:30px}
      summary{padding:18px}
      details p{padding:0 18px 18px}
      .copyright{display:block}
      .copyright span{display:block;margin-top:8px}
    }

/* roulang page: category1 */
:root{
      --bg:#fbf7f1;
      --bg-soft:#f8efe8;
      --paper:#fffaf3;
      --paper-strong:#fffdf8;
      --ink:#211717;
      --muted:#786b66;
      --muted-2:#9b8d86;
      --brand:#4a1f35;
      --brand-deep:#2a151f;
      --brand-soft:#efe0e6;
      --accent:#c86f61;
      --accent-2:#b7895a;
      --line:rgba(74,31,53,.14);
      --line-strong:rgba(74,31,53,.24);
      --shadow:0 24px 80px rgba(55,31,38,.10);
      --shadow-hover:0 30px 90px rgba(55,31,38,.16);
      --radius:28px;
      --radius-lg:36px;
      --container:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 12% 8%, rgba(200,111,97,.12), transparent 28%),
        radial-gradient(circle at 82% 14%, rgba(74,31,53,.10), transparent 24%),
        linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 48%,#fbf6ef 100%);
      line-height:1.75;
      min-height:100vh;
      overflow-x:hidden;
    }
    body:before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-1;
      opacity:.38;
      background-image:
        linear-gradient(rgba(74,31,53,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74,31,53,.03) 1px, transparent 1px);
      background-size:38px 38px;
      mask-image:linear-gradient(to bottom, #000, transparent 75%);
    }
    a{color:inherit;text-decoration:none}
    button,a{transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease,opacity .22s ease}
    button{font:inherit}
    img{display:block;max-width:100%;height:auto}
    ::selection{background:rgba(200,111,97,.24)}
    :focus-visible{outline:3px solid rgba(200,111,97,.42);outline-offset:4px;border-radius:18px}
    .site-container{
      width:min(calc(100% - 40px),var(--container));
      margin-inline:auto;
    }
    .pill-nav-wrap{
      position:sticky;
      top:16px;
      z-index:50;
      padding:14px 20px 0;
    }
    .pill-nav{
      width:min(100%,1180px);
      margin:0 auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:10px 12px 10px 16px;
      border:1px solid rgba(74,31,53,.14);
      border-radius:999px;
      background:rgba(255,250,243,.82);
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      box-shadow:0 18px 70px rgba(55,31,38,.11);
    }
    .brand{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-width:0;
      font-weight:800;
      color:var(--brand-deep);
      letter-spacing:-.02em;
    }
    .brand-mark{
      width:34px;
      height:34px;
      border-radius:999px;
      flex:0 0 auto;
      background:
        radial-gradient(circle at 34% 30%, #fff7ed 0 16%, transparent 17%),
        linear-gradient(135deg,var(--brand) 0%,#7b334d 48%,var(--accent) 100%);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 10px 26px rgba(74,31,53,.18);
      position:relative;
    }
    .brand-mark:after{
      content:"18+";
      position:absolute;
      right:-9px;
      bottom:-5px;
      font-size:9px;
      line-height:1;
      padding:3px 5px;
      color:#fffaf3;
      border-radius:999px;
      background:var(--brand-deep);
      border:1px solid rgba(255,255,255,.55);
    }
    .brand-text{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      max-width:310px;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:4px;
      padding:4px;
      border-radius:999px;
      background:rgba(74,31,53,.045);
    }
    .nav-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:38px;
      padding:0 16px;
      border-radius:999px;
      color:#5e5150;
      font-size:14px;
      font-weight:650;
    }
    .nav-link:hover{background:rgba(255,255,255,.75);color:var(--brand)}
    .nav-link.active{
      background:var(--brand);
      color:#fffaf3;
      box-shadow:0 12px 32px rgba(74,31,53,.22);
    }
    .nav-actions{display:flex;align-items:center;gap:10px}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:1px solid transparent;
      border-radius:999px;
      min-height:46px;
      padding:0 20px;
      font-weight:760;
      line-height:1;
      cursor:pointer;
      white-space:nowrap;
    }
    .btn-primary{
      background:var(--brand);
      color:#fffaf3;
      box-shadow:0 14px 34px rgba(74,31,53,.22);
    }
    .btn-primary:hover{background:var(--brand-deep);transform:translateY(-2px);box-shadow:0 18px 46px rgba(74,31,53,.28)}
    .btn-secondary{
      background:rgba(255,250,243,.78);
      color:var(--brand);
      border-color:var(--line-strong);
    }
    .btn-secondary:hover{background:var(--brand-soft);border-color:rgba(200,111,97,.38);transform:translateY(-2px)}
    .btn-ghost{
      background:transparent;
      color:var(--brand);
      border-color:rgba(74,31,53,.16);
    }
    .btn-ghost:hover{background:rgba(255,250,243,.78);border-color:rgba(200,111,97,.32)}
    .menu-toggle{
      display:none;
      width:44px;
      height:44px;
      border:1px solid var(--line);
      border-radius:999px;
      background:#fffaf3;
      color:var(--brand);
      cursor:pointer;
    }
    .mobile-menu{
      display:none;
      width:min(calc(100% - 40px),520px);
      margin:10px auto 0;
      padding:12px;
      border:1px solid var(--line);
      border-radius:26px;
      background:rgba(255,250,243,.94);
      backdrop-filter:blur(16px);
      box-shadow:var(--shadow);
    }
    .mobile-menu a{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:13px 14px;
      border-radius:18px;
      color:#5e5150;
      font-weight:700;
    }
    .mobile-menu a:hover,.mobile-menu a.active{background:var(--brand);color:#fffaf3}
    .page-hero{
      padding:92px 0 64px;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      width:max-content;
      max-width:100%;
      padding:8px 12px;
      border:1px solid rgba(200,111,97,.24);
      border-radius:999px;
      background:rgba(255,250,243,.68);
      color:var(--brand);
      font-size:13px;
      font-weight:760;
      box-shadow:0 10px 34px rgba(55,31,38,.06);
    }
    .eyebrow:before{
      content:"";
      width:8px;
      height:8px;
      border-radius:999px;
      background:var(--accent);
      box-shadow:0 0 0 5px rgba(200,111,97,.14);
    }
    h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.04em}
    p{margin:0}
    .hero-title{
      margin-top:22px;
      font-size:clamp(2.35rem,6vw,4.6rem);
      line-height:1.06;
      font-weight:850;
      max-width:880px;
    }
    .hero-copy{
      margin-top:22px;
      max-width:760px;
      color:var(--muted);
      font-size:clamp(1rem,1.6vw,1.14rem);
      line-height:1.9;
    }
    .hero-panel{
      border:1px solid var(--line);
      border-radius:var(--radius-lg);
      background:
        linear-gradient(135deg,rgba(255,250,243,.96),rgba(248,239,232,.92)),
        radial-gradient(circle at top right,rgba(200,111,97,.12),transparent 36%);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .time-card{
      border:1px solid rgba(74,31,53,.12);
      border-radius:24px;
      background:rgba(255,255,255,.56);
      padding:18px;
    }
    .time-slot{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:12px 14px;
      border-radius:18px;
      border:1px solid rgba(74,31,53,.11);
      background:rgba(255,250,243,.78);
      color:#4a3d3b;
      font-size:14px;
      font-weight:700;
    }
    .time-slot.active{
      background:var(--brand);
      color:#fffaf3;
      border-color:var(--brand);
      box-shadow:0 14px 34px rgba(74,31,53,.20);
    }
    .section{padding:72px 0}
    .section-tight{padding:54px 0}
    .section-head{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(260px,420px);
      gap:28px;
      align-items:end;
      margin-bottom:34px;
    }
    .section-kicker{
      color:var(--accent);
      font-size:13px;
      font-weight:850;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .section-title{
      margin-top:8px;
      font-size:clamp(2rem,4vw,3rem);
      line-height:1.16;
      font-weight:820;
    }
    .section-desc{
      color:var(--muted);
      font-size:16px;
      line-height:1.85;
    }
    .guide-box{
      border:1px solid var(--line);
      border-radius:var(--radius-lg);
      background:rgba(255,250,243,.82);
      box-shadow:var(--shadow);
      padding:28px;
      position:relative;
      overflow:hidden;
    }
    .guide-box:before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(74,31,53,.05) 1px,transparent 1px);
      background-size:52px 52px;
      opacity:.35;
      pointer-events:none;
    }
    .guide-box>*{position:relative}
    .chip-row{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }
    .chip{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding:10px 14px;
      border-radius:999px;
      border:1px solid rgba(74,31,53,.14);
      background:rgba(255,255,255,.55);
      color:#5d514e;
      font-size:14px;
      font-weight:740;
      white-space:nowrap;
    }
    .chip.active{background:var(--brand);color:#fffaf3;border-color:var(--brand)}
    .chip:hover{border-color:rgba(200,111,97,.38);transform:translateY(-2px)}
    .entry-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:22px;
      align-items:stretch;
    }
    .entry-stack{
      display:grid;
      gap:18px;
    }
    .entry-card{
      border:1px solid var(--line);
      border-radius:30px;
      background:rgba(255,250,243,.86);
      box-shadow:0 18px 52px rgba(55,31,38,.07);
      padding:22px;
      overflow:hidden;
      position:relative;
    }
    .entry-card:hover{
      transform:translateY(-5px);
      border-color:rgba(200,111,97,.36);
      box-shadow:var(--shadow-hover);
    }
    .entry-card.featured{
      min-height:100%;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      background:
        radial-gradient(circle at 22% 12%,rgba(200,111,97,.16),transparent 34%),
        linear-gradient(145deg,#fffaf3 0%,#f6e8e0 100%);
    }
    .cover-art{
      min-height:190px;
      border-radius:26px;
      border:1px solid rgba(74,31,53,.12);
      background:
        radial-gradient(circle at 24% 22%,rgba(255,250,243,.92),transparent 14%),
        radial-gradient(circle at 78% 24%,rgba(200,111,97,.36),transparent 20%),
        linear-gradient(135deg,#4a1f35 0%,#7b334d 46%,#e4b59b 100%);
      position:relative;
      overflow:hidden;
    }
    .cover-art:after{
      content:"";
      position:absolute;
      inset:18px;
      border:1px solid rgba(255,250,243,.34);
      border-radius:22px;
      background:linear-gradient(135deg,rgba(255,250,243,.12),transparent);
    }
    .cover-art.small{min-height:112px;border-radius:22px}
    .meta-line{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      margin-top:18px;
      color:var(--muted-2);
      font-size:13px;
      font-weight:760;
    }
    .tag{
      display:inline-flex;
      align-items:center;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(200,111,97,.12);
      color:#8b473f;
      font-size:12px;
      font-weight:850;
    }
    .entry-title{
      margin-top:14px;
      font-size:24px;
      line-height:1.22;
      font-weight:820;
    }
    .entry-copy{
      margin-top:10px;
      color:var(--muted);
      font-size:15px;
      line-height:1.82;
    }
    .benefit-list{
      display:grid;
      gap:10px;
      margin:18px 0 0;
      padding:0;
      list-style:none;
    }
    .benefit-list li{
      display:flex;
      gap:9px;
      align-items:flex-start;
      color:#5b4c49;
      font-size:14px;
    }
    .benefit-list li:before{
      content:"";
      width:7px;
      height:7px;
      border-radius:999px;
      background:var(--accent);
      margin-top:9px;
      flex:0 0 auto;
    }
    .security-strip{
      border-radius:32px;
      background:
        radial-gradient(circle at 18% 12%,rgba(200,111,97,.24),transparent 28%),
        linear-gradient(135deg,var(--brand-deep),var(--brand));
      color:#fffaf3;
      padding:30px;
      box-shadow:0 26px 80px rgba(42,21,31,.22);
      overflow:hidden;
      position:relative;
    }
    .security-strip:after{
      content:"";
      position:absolute;
      width:260px;
      height:260px;
      right:-90px;
      top:-110px;
      border-radius:999px;
      border:1px solid rgba(255,250,243,.18);
      background:rgba(255,250,243,.04);
    }
    .security-item{
      border-left:1px solid rgba(255,250,243,.20);
      padding-left:18px;
    }
    .security-item:first-child{border-left:0;padding-left:0}
    .security-item strong{display:block;font-size:18px;margin-bottom:4px}
    .security-item span{display:block;color:rgba(255,250,243,.72);font-size:14px;line-height:1.7}
    .step-card{
      border:1px solid var(--line);
      border-radius:28px;
      padding:24px;
      background:rgba(255,250,243,.78);
      box-shadow:0 14px 46px rgba(55,31,38,.06);
    }
    .step-no{
      display:inline-flex;
      width:38px;
      height:38px;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:var(--brand);
      color:#fffaf3;
      font-weight:850;
      margin-bottom:18px;
    }
    .faq-list{
      display:grid;
      gap:14px;
    }
    details{
      border:1px solid var(--line);
      border-radius:24px;
      background:rgba(255,250,243,.86);
      box-shadow:0 12px 36px rgba(55,31,38,.05);
      overflow:hidden;
    }
    summary{
      cursor:pointer;
      padding:20px 22px;
      font-weight:800;
      color:var(--ink);
      list-style:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }
    summary::-webkit-details-marker{display:none}
    summary:after{
      content:"+";
      width:30px;
      height:30px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(74,31,53,.07);
      color:var(--brand);
      flex:0 0 auto;
    }
    details[open] summary:after{content:"−";background:var(--brand);color:#fffaf3}
    details p{
      padding:0 22px 22px;
      color:var(--muted);
      font-size:15px;
      line-height:1.85;
    }
    .cta-panel{
      border-radius:40px;
      border:1px solid rgba(74,31,53,.12);
      background:
        radial-gradient(circle at 78% 18%,rgba(200,111,97,.18),transparent 30%),
        linear-gradient(135deg,#fffaf3 0%,#f3e2da 100%);
      box-shadow:var(--shadow);
      padding:42px;
      overflow:hidden;
      position:relative;
    }
    .cta-panel:before{
      content:"";
      position:absolute;
      inset:auto -60px -120px auto;
      width:300px;
      height:300px;
      border-radius:999px;
      background:rgba(74,31,53,.07);
    }
    .cta-panel>*{position:relative}
    .footer{
      margin-top:72px;
      padding:58px 0 28px;
      background:
        radial-gradient(circle at 12% 0%,rgba(200,111,97,.18),transparent 28%),
        linear-gradient(135deg,#1f1515,#2a151f 58%,#3a1f2d);
      color:#fffaf3;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.4fr .7fr .7fr;
      gap:34px;
      padding-bottom:34px;
      border-bottom:1px solid rgba(255,250,243,.14);
    }
    .footer .brand{color:#fffaf3}
    .footer p{
      margin-top:16px;
      color:rgba(255,250,243,.68);
      max-width:520px;
      font-size:14px;
      line-height:1.85;
    }
    .footer h3{
      color:#fffaf3;
      font-size:15px;
      margin-bottom:14px;
      letter-spacing:0;
    }
    .footer a:not(.brand){
      display:block;
      color:rgba(255,250,243,.68);
      margin:9px 0;
      font-size:14px;
    }
    .footer a:not(.brand):hover{color:#fffaf3;transform:translateX(3px)}
    .copyright{
      display:flex;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
      padding-top:22px;
      color:rgba(255,250,243,.56);
      font-size:13px;
    }
    @media (max-width:1024px){
      .desktop-cta{display:none}
      .brand-text{max-width:240px}
      .section-head{grid-template-columns:1fr}
      .entry-grid{grid-template-columns:1fr}
      .security-item{border-left:0;padding-left:0;border-top:1px solid rgba(255,250,243,.16);padding-top:16px}
      .security-item:first-child{border-top:0;padding-top:0}
    }
    @media (max-width:820px){
      .pill-nav-wrap{top:8px;padding-inline:12px}
      .pill-nav{padding:9px 10px 9px 12px}
      .nav-links{display:none}
      .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
      .mobile-menu.is-open{display:block}
      .brand-text{max-width:58vw;font-size:14px}
      .page-hero{padding:68px 0 44px}
      .site-container{width:min(calc(100% - 28px),var(--container))}
      .section{padding:54px 0}
      .section-tight{padding:42px 0}
      .guide-box,.cta-panel{padding:24px;border-radius:30px}
      .chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
      .chip-row::-webkit-scrollbar{display:none}
      .footer-grid{grid-template-columns:1fr}
      .copyright{display:grid}
    }
    @media (max-width:520px){
      .hero-title{font-size:2.25rem}
      .btn{width:100%;padding-inline:16px}
      .hero-actions{display:grid!important;width:100%}
      .cover-art{min-height:150px}
      .entry-card{padding:18px;border-radius:24px}
      .security-strip{padding:24px;border-radius:28px}
      summary{padding:18px}
      details p{padding:0 18px 18px}
    }