/* roulang page: index */
:root {
      --ink: #18272b;
      --muted: #617176;
      --paper: #f6f8f6;
      --white: #fff;
      --line: #dce5e1;
      --forest: #153a35;
      --green: #237568;
      --lime: #d6eb8e;
      --coral: #e18468;
      --gold: #e9c46a;
      --radius: 18px;
      --radius-lg: 26px;
      --shadow: 0 18px 50px rgba(24, 47, 43, .10);
      --container: 1180px;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      font-size: 16px;
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
    }
    a { color: inherit; text-decoration: none; transition: color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease; }
    img { display: block; max-width: 100%; }
    button, input { font: inherit; }
    button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
    .container { width: min(var(--container), calc(100% - 48px)); margin-inline: auto; }
    .site-header { position: relative; z-index: 5; background: var(--forest); color: #f8fbf8; }
    .nav-top { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    .brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; font-weight: 800; font-size: 19px; line-height: 1.25; }
    .brand-mark { width: 37px; height: 37px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; color: var(--forest); background: var(--lime); font-size: 15px; font-weight: 900; }
    .nav-tools { display: flex; align-items: center; gap: 12px; }
    .search-form { display: flex; align-items: center; width: min(280px, 32vw); height: 42px; padding: 4px 5px 4px 14px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; background: rgba(255,255,255,.08); }
    .search-form input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: white; background: transparent; font-size: 13px; }
    .search-form input::placeholder { color: rgba(255,255,255,.65); }
    .search-form button { width: 32px; height: 32px; flex: 0 0 auto; border: 0; border-radius: 50%; color: var(--forest); background: var(--lime); cursor: pointer; }
    .nav-action { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 17px; border-radius: 999px; color: var(--forest); background: var(--lime); font-size: 13px; font-weight: 750; }
    .nav-action:hover { background: #e5f5ad; transform: translateY(-1px); }
    .channel-row { border-top: 1px solid rgba(255,255,255,.13); }
    .channel-tabs { display: flex; align-items: center; gap: 8px; overflow-x: auto; padding: 11px 0 13px; scrollbar-width: none; }
    .channel-tabs::-webkit-scrollbar { display: none; }
    .channel-tabs a { flex: 0 0 auto; padding: 6px 15px; border: 1px solid transparent; border-radius: 999px; color: rgba(255,255,255,.75); font-size: 13px; }
    .channel-tabs a:hover, .channel-tabs a[aria-current="page"] { border-color: rgba(214,235,142,.32); color: var(--lime); background: rgba(214,235,142,.1); }
    .hero { position: relative; overflow: hidden; padding: 62px 0 54px; color: #fff; background: var(--forest); }
    .hero::before { position: absolute; inset: 0; content: ""; opacity: .16; background-image: url("https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=2000&q=85"); background-position: center 46%; background-size: cover; }
    .hero::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(13,36,34,.96) 0%, rgba(19,57,51,.84) 52%, rgba(19,57,51,.58) 100%); }
    .hero-inner { position: relative; z-index: 1; }
    .hero-kicker, .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 15px; color: var(--lime); font-size: 12px; font-weight: 800; letter-spacing: 1px; }
    .hero-kicker::before { width: 21px; height: 2px; content: ""; background: var(--coral); }
    h1 { max-width: 780px; margin: 0; color: #fff; font-size: clamp(36px, 4vw, 58px); line-height: 1.17; font-weight: 850; }
    .hero-copy { max-width: 780px; margin: 20px 0 25px; color: rgba(255,255,255,.82); font-size: 16px; }
    .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
    .button-primary, .button-quiet { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 800; }
    .button-primary { color: var(--forest); background: var(--lime); }
    .button-primary:hover { color: var(--forest); background: #e7f5b4; transform: translateY(-2px); box-shadow: 0 9px 22px rgba(0,0,0,.17); }
    .button-quiet { border-color: rgba(255,255,255,.3); color: #fff; background: rgba(255,255,255,.08); }
    .button-quiet:hover { color: var(--lime); border-color: var(--lime); }
    .hero-note { display: flex; align-items: center; gap: 9px; margin-top: 22px; color: rgba(255,255,255,.68); font-size: 12px; }
    .hero-note span { width: 7px; height: 7px; border-radius: 50%; background: var(--coral); }
    .stack-stage { min-height: 325px; position: relative; display: flex; align-items: center; justify-content: center; margin: 25px auto 0; }
    .visual-card { position: absolute; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 22px; box-shadow: 0 22px 54px rgba(0,0,0,.32); }
    .visual-card img { width: 100%; height: 100%; object-fit: cover; }
    .visual-main { z-index: 2; width: 59%; height: 280px; }
    .visual-side { width: 42%; height: 220px; opacity: .9; }
    .visual-left { left: 0; top: 26px; transform: rotate(-7deg); }
    .visual-right { right: 0; bottom: 12px; transform: rotate(7deg); }
    .visual-main::after, .visual-side::after { position: absolute; inset: 35% 0 0; content: ""; background: linear-gradient(transparent, rgba(10,30,28,.83)); }
    .visual-caption { position: absolute; z-index: 3; right: 18px; bottom: 16px; left: 18px; color: #fff; }
    .visual-caption strong { display: block; font-size: 17px; }
    .visual-caption span { color: rgba(255,255,255,.76); font-size: 12px; }
    .hero-badge { position: absolute; z-index: 4; top: 12px; right: 2px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: var(--forest); background: var(--lime); font-size: 11px; font-weight: 850; transform: rotate(4deg); }
    main section { padding: 66px 0; border-bottom: 1px solid var(--line); }
    .section-head { max-width: 760px; margin-bottom: 30px; }
    .section-head .eyebrow { margin-bottom: 8px; color: var(--green); letter-spacing: .5px; }
    .section-head h2 { margin: 0 0 10px; color: var(--ink); font-size: 30px; line-height: 1.3; font-weight: 820; }
    .section-head p { margin: 0; color: var(--muted); }
    .section-head.light h2 { color: #fff; }
    .section-head.light p { color: rgba(255,255,255,.72); }
    .intro-band { background: #fff; }
    .intro-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 54px; align-items: center; }
    .intro-art { position: relative; min-height: 290px; overflow: hidden; border-radius: var(--radius-lg); background: #d9e6dc; }
    .intro-art img { width: 100%; height: 290px; object-fit: cover; }
    .art-label { position: absolute; right: 18px; bottom: 18px; padding: 9px 13px; border-radius: 10px; color: var(--forest); background: var(--lime); font-size: 12px; font-weight: 800; }
    .intro-copy h2 { margin: 0 0 14px; font-size: 30px; line-height: 1.35; }
    .intro-copy p { margin: 0; color: var(--muted); }
    .metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 24px; }
    .metric { padding: 14px 15px; border-left: 3px solid var(--coral); background: #f4f7f4; }
    .metric strong { display: block; color: var(--forest); font-size: 15px; }
    .metric span { color: var(--muted); font-size: 11px; }
    .pain-section { background: #eef3ef; }
    .pain-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; }
    .pain-feature { min-height: 286px; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; border-radius: var(--radius-lg); color: white; background: linear-gradient(155deg, #274f49, #16332f); }
    .pain-feature .number { color: var(--lime); font-size: 12px; font-weight: 850; }
    .pain-feature h3 { max-width: 500px; margin: 13px 0 10px; color: #fff; font-size: 25px; line-height: 1.35; }
    .pain-feature p { max-width: 520px; margin: 0; color: rgba(255,255,255,.74); }
    .pain-list { display: grid; gap: 12px; }
    .pain-item { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
    .pain-item b { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: #8d4937; background: #f8e7df; }
    .pain-item h3 { margin: 0 0 4px; font-size: 15px; }
    .pain-item p { margin: 0; color: var(--muted); font-size: 13px; }
    .solution-section { background: #fff; }
    .solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .solution-item { padding: 23px 22px; border-top: 3px solid var(--green); background: #f5f8f5; }
    .solution-item:nth-child(2) { border-color: var(--coral); }
    .solution-item:nth-child(3) { border-color: var(--gold); }
    .solution-item .index { color: var(--green); font-size: 12px; font-weight: 850; }
    .solution-item h3 { margin: 10px 0 8px; font-size: 18px; }
    .solution-item p { margin: 0; color: var(--muted); font-size: 14px; }
    .method-section { background: #e7eeea; }
    .method-track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; counter-reset: method; }
    .method-step { position: relative; padding: 22px 20px 12px 0; counter-increment: method; }
    .method-step::before { display: grid; width: 42px; height: 42px; margin-bottom: 15px; place-items: center; border: 1px solid #acc4b9; border-radius: 50%; color: var(--forest); background: #fff; content: "0" counter(method); font-size: 12px; font-weight: 850; }
    .method-step:not(:last-child)::after { position: absolute; top: 43px; right: 10px; left: 54px; height: 1px; content: ""; background: #b8cbc2; }
    .method-step h3 { margin: 0 0 7px; font-size: 16px; }
    .method-step p { max-width: 245px; margin: 0; color: var(--muted); font-size: 13px; }
    .results-section { color: #fff; background: var(--forest); }
    .results-section .eyebrow { color: var(--lime); }
    .results-band { display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: end; }
    .results-band h2 { margin: 0 0 12px; color: #fff; font-size: 30px; line-height: 1.3; }
    .results-band p { margin: 0; color: rgba(255,255,255,.7); }
    .result-points { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
    .result-points span { padding: 9px 13px; border: 1px solid rgba(214,235,142,.4); border-radius: 999px; color: var(--lime); background: rgba(214,235,142,.08); font-size: 12px; font-weight: 750; }
    .proof-section { background: #fff; }
    .proof-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: center; }
    .proof-quote { padding: 26px 28px; border-left: 4px solid var(--coral); background: #f5f7f4; }
    .proof-quote blockquote { margin: 0 0 14px; color: var(--ink); font-size: 18px; line-height: 1.65; }
    .proof-quote cite { color: var(--muted); font-size: 12px; font-style: normal; }
    .proof-facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .proof-fact { padding: 17px; border: 1px solid var(--line); border-radius: 14px; }
    .proof-fact b { display: block; margin-bottom: 4px; color: var(--green); font-size: 14px; }
    .proof-fact span { color: var(--muted); font-size: 12px; }
    .audience-section { background: #f1f5f1; }
    .audience-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; align-items: center; }
    .audience-image { min-height: 265px; overflow: hidden; border-radius: var(--radius-lg); }
    .audience-image img { width: 100%; height: 265px; object-fit: cover; }
    .audience-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
    .audience-tags span { padding: 8px 12px; border: 1px solid #c9d9d0; border-radius: 999px; color: var(--forest); background: #fff; font-size: 12px; font-weight: 700; }
    .columns-section { background: #fff; }
    .column-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
    .column-card { min-height: 185px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
    .column-card:nth-child(2) { background: #eef5ee; }
    .column-card:nth-child(3) { background: #f9eee8; }
    .column-card:nth-child(4) { background: #f4f2e7; }
    .column-card .tag { align-self: flex-start; padding: 4px 9px; border-radius: 999px; color: var(--green); background: rgba(35,117,104,.1); font-size: 10px; font-weight: 800; }
    .column-card h3 { margin: 14px 0 5px; font-size: 17px; }
    .column-card p { margin: 0; color: var(--muted); font-size: 12px; }
    .column-card a { margin-top: 12px; color: var(--green); font-size: 12px; font-weight: 800; }
    .column-card a:hover { color: #a8533b; }
    .editorial-section { background: #e7eeea; }
    .editorial-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 20px; }
    .feature-story { min-height: 265px; display: flex; align-items: flex-end; padding: 25px; border-radius: var(--radius-lg); color: white; background: linear-gradient(0deg, rgba(13,37,33,.88), rgba(13,37,33,0) 75%), url("https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=1200&q=85") center/cover; }
    .feature-story h3 { margin: 0 0 7px; color: #fff; font-size: 22px; }
    .feature-story p { max-width: 540px; margin: 0; color: rgba(255,255,255,.78); font-size: 13px; }
    .story-list { display: grid; gap: 11px; }
    .story-item { padding: 17px 18px; border: 1px solid #d8e2dc; border-radius: 14px; background: rgba(255,255,255,.8); }
    .story-item small { color: var(--green); font-size: 10px; font-weight: 800; }
    .story-item h3 { margin: 5px 0; font-size: 15px; }
    .story-item p { margin: 0; color: var(--muted); font-size: 12px; }
    .standards-section { background: #fff; }
    .standards-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
    .standards-copy { color: var(--muted); }
    .standards-copy p { margin-top: 0; }
    .check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0; margin: 0; list-style: none; }
    .check-list li { display: flex; align-items: flex-start; gap: 10px; padding: 13px; border-radius: 12px; color: var(--ink); background: #f3f7f3; font-size: 13px; font-weight: 700; }
    .check-list li::before { display: grid; width: 20px; height: 20px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: white; background: var(--green); content: "✓"; font-size: 11px; }
    .criteria-section { background: #eff3ef; }
    .criteria-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .criteria-item { padding: 20px; border-bottom: 2px solid #c7d9ce; background: #fff; }
    .criteria-item h3 { margin: 0 0 7px; font-size: 16px; }
    .criteria-item p { margin: 0; color: var(--muted); font-size: 13px; }
    .badge-section { color: #fff; background: #203f3a; }
    .badge-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
    .badge-item { display: flex; align-items: center; gap: 12px; min-height: 78px; padding: 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 15px; background: rgba(255,255,255,.055); }
    .badge-icon { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border-radius: 11px; color: var(--forest); background: var(--lime); font-weight: 900; }
    .badge-item strong { display: block; color: #fff; font-size: 13px; }
    .badge-item span { color: rgba(255,255,255,.68); font-size: 11px; }
    .boundary-section { background: #fff; }
    .boundary-box { display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: start; padding: 25px; border: 1px solid #e6d9cf; border-radius: var(--radius); background: #fbf6f2; }
    .boundary-mark { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #8d4937; background: #f4dfd5; font-size: 21px; font-weight: 900; }
    .boundary-box h2 { margin: 0 0 7px; font-size: 20px; }
    .boundary-box p { margin: 0; color: var(--muted); font-size: 14px; }
    .faq-section { background: #f1f5f1; }
    .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .faq-item { padding: 19px 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
    .faq-item h3 { margin: 0 0 8px; font-size: 15px; }
    .faq-item p { margin: 0; color: var(--muted); font-size: 13px; }
    .closing-section { padding: 49px 0; color: white; background: var(--forest); }
    .closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
    .closing-inner h2 { margin: 0 0 6px; color: #fff; font-size: 25px; }
    .closing-inner p { margin: 0; color: rgba(255,255,255,.72); font-size: 14px; }
    .site-footer { padding: 37px 0 22px; color: rgba(255,255,255,.72); background: #102c28; }
    .footer-top { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.14); }
    .footer-brand { max-width: 380px; }
    .footer-brand .brand { color: #fff; }
    .footer-brand p { margin: 13px 0 0; font-size: 12px; }
    .footer-links { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: flex-end; gap: 10px 22px; }
    .footer-links a { color: rgba(255,255,255,.75); font-size: 12px; }
    .footer-links a:hover { color: var(--lime); }
    .footer-bottom { display: flex; justify-content: space-between; gap: 15px; padding-top: 16px; color: rgba(255,255,255,.5); font-size: 11px; }
    @media (max-width: 1024px) {
      .container { width: min(100% - 40px, var(--container)); }
      .intro-layout, .proof-layout { gap: 30px; }
      .column-grid { grid-template-columns: repeat(2, 1fr); }
      .badge-row { grid-template-columns: repeat(2, 1fr); }
      .stack-stage { min-height: 290px; }
      .visual-main { height: 245px; }
      .visual-side { height: 195px; }
    }
    @media (max-width: 768px) {
      .nav-top { min-height: 70px; gap: 14px; }
      .brand { font-size: 16px; }
      .brand-mark { width: 33px; height: 33px; }
      .search-form { width: 190px; }
      .nav-action { display: none; }
      .hero { padding: 47px 0 43px; }
      .hero-copy { font-size: 15px; }
      .stack-stage { min-height: 260px; margin-top: 28px; }
      .visual-main { width: 64%; height: 225px; }
      .visual-side { width: 43%; height: 175px; }
      main section { padding: 53px 0; }
      .intro-layout, .pain-grid, .results-band, .proof-layout, .audience-layout, .editorial-grid, .standards-layout { grid-template-columns: 1fr; }
      .intro-art { min-height: 240px; }
      .intro-art img { height: 240px; }
      .method-track { grid-template-columns: repeat(2, 1fr); row-gap: 14px; }
      .method-step:not(:last-child)::after { display: none; }
      .result-points { justify-content: flex-start; }
      .audience-image, .audience-image img { min-height: 230px; height: 230px; }
      .criteria-grid { grid-template-columns: repeat(2, 1fr); }
      .closing-inner { align-items: flex-start; flex-direction: column; }
      .footer-top { flex-direction: column; }
      .footer-links { justify-content: flex-start; }
    }
    @media (max-width: 520px) {
      .container { width: calc(100% - 32px); }
      .nav-top { align-items: flex-start; flex-direction: column; padding: 13px 0; }
      .nav-tools { width: 100%; }
      .search-form { width: 100%; }
      .channel-tabs { margin-inline: -16px; padding-inline: 16px; }
      .hero { padding-top: 38px; }
      h1 { font-size: 35px; }
      .hero-copy { margin: 15px 0 19px; font-size: 14px; }
      .hero-actions { align-items: stretch; flex-direction: column; }
      .hero-actions a { width: 100%; }
      .stack-stage { min-height: 220px; margin-inline: -5px; }
      .visual-main { width: 68%; height: 190px; }
      .visual-side { width: 43%; height: 150px; }
      .visual-caption { right: 12px; bottom: 11px; left: 12px; }
      .visual-caption strong { font-size: 14px; }
      .visual-caption span { font-size: 10px; }
      .hero-badge { top: 0; right: 0; font-size: 10px; }
      main section { padding: 43px 0; }
      .section-head h2, .intro-copy h2, .results-band h2 { font-size: 25px; }
      .section-head { margin-bottom: 22px; }
      .intro-art, .intro-art img { min-height: 210px; height: 210px; }
      .metric-row { grid-template-columns: 1fr; }
      .pain-feature { min-height: 250px; padding: 23px; }
      .pain-feature h3 { font-size: 21px; }
      .solution-grid, .proof-facts, .column-grid, .criteria-grid, .badge-row, .faq-grid { grid-template-columns: 1fr; }
      .method-track { grid-template-columns: 1fr 1fr; }
      .method-step { padding-right: 9px; }
      .check-list { grid-template-columns: 1fr; }
      .boundary-box { grid-template-columns: 1fr; padding: 20px; }
      .closing-inner h2 { font-size: 22px; }
      .footer-bottom { flex-direction: column; }
    }

/* roulang page: category1 */
:root{--ink:#18272b;--muted:#617176;--paper:#f6f8f6;--white:#fff;--line:#dce5e1;--forest:#153a35;--green:#237568;--lime:#d6eb8e;--coral:#e18468;--gold:#e9c46a;--radius:18px;--radius-lg:26px;--shadow:0 18px 50px rgba(24,47,43,.1);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .2s,background-color .2s,transform .2s,box-shadow .2s}img{display:block;max-width:100%}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.site-header{position:relative;z-index:5;background:var(--forest);color:#f8fbf8}.nav-top{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;font-weight:800;font-size:19px;line-height:1.25}.brand-mark{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:var(--forest);background:var(--lime);font-size:15px;font-weight:900}.nav-tools{display:flex;align-items:center;gap:12px}.search-form{display:flex;align-items:center;width:min(280px,32vw);height:42px;padding:4px 5px 4px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08)}.search-form input{width:100%;min-width:0;padding:0;border:0;outline:0;color:white;background:transparent;font-size:13px}.search-form input::placeholder{color:rgba(255,255,255,.65)}.search-form button{width:32px;height:32px;flex:0 0 auto;border:0;border-radius:50%;color:var(--forest);background:var(--lime);cursor:pointer}.nav-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border-radius:999px;color:var(--forest);background:var(--lime);font-size:13px;font-weight:750}.nav-action:hover{background:#e5f5ad;transform:translateY(-1px)}.channel-row{border-top:1px solid rgba(255,255,255,.13)}.channel-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.channel-tabs a{flex:0 0 auto;padding:6px 15px;border:1px solid transparent;border-radius:999px;color:rgba(255,255,255,.75);font-size:13px}.channel-tabs a:hover,.channel-tabs a[aria-current=page]{border-color:rgba(214,235,142,.32);color:var(--lime);background:rgba(214,235,142,.1)}
.hero{position:relative;overflow:hidden;padding:62px 0 55px;color:#fff;background:var(--forest)}.hero:before{position:absolute;inset:0;content:"";opacity:.16;background:url("https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=2000&q=85") center/cover}.hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(13,36,34,.96),rgba(19,57,51,.78),rgba(19,57,51,.48))}.hero-inner{position:relative;z-index:1}.hero-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 15px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:1px}.hero-kicker:before{width:21px;height:2px;content:"";background:var(--coral)}h1{max-width:760px;margin:0;font-size:clamp(38px,5vw,66px);line-height:1.12;letter-spacing:0;font-weight:850}.hero-copy{max-width:720px;margin:22px 0 27px;color:rgba(255,255,255,.82);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button-primary,.button-quiet{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:800}.button-primary{color:var(--forest);background:var(--lime)}.button-primary:hover{background:#e7f5b4;transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.17)}.button-quiet{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.08)}.button-quiet:hover{color:var(--lime);border-color:var(--lime)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:42px;border-top:1px solid rgba(255,255,255,.28)}.timeline-item{position:relative;padding:21px 18px 0 0;color:rgba(255,255,255,.68);font-size:13px}.timeline-item:before{position:absolute;top:-6px;left:0;width:11px;height:11px;border:3px solid var(--forest);border-radius:50%;content:"";background:var(--lime)}.timeline-item strong{display:block;margin-bottom:5px;color:#fff;font-size:15px}.timeline-item.active{color:var(--lime)}
main section{padding:68px 0;border-bottom:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:8px;color:var(--green);letter-spacing:.5px}.section-head h2{margin:0 0 10px;color:var(--ink);font-size:30px;line-height:1.3;font-weight:820}.section-head p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}.feature-image{overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.feature-image img{width:100%;height:360px;object-fit:cover}.story-list{display:grid;gap:0}.story{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.story:first-child{padding-top:0;border-top:0}.story img{width:130px;height:92px;object-fit:cover;border-radius:14px}.story h3{margin:0 0 5px;font-size:19px;line-height:1.35}.story p{margin:0;color:var(--muted);font-size:14px}.tag{display:inline-flex;padding:4px 10px;margin-bottom:8px;border-radius:999px;color:var(--green);background:#e3efe6;font-size:11px;font-weight:800}.dark-section{color:#fff;background:var(--forest)}.dark-section .section-head h2{color:#fff}.dark-section .section-head p{color:rgba(255,255,255,.72)}.insight-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.insight-main,.insight-side{padding:28px;border-radius:var(--radius-lg);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15)}.insight-main{min-height:260px;background:linear-gradient(135deg,#285d54,#183e38)}.insight-main h3{max-width:560px;margin:34px 0 10px;font-size:28px;line-height:1.3}.insight-main p,.insight-side p{color:rgba(255,255,255,.7)}.insight-side{display:grid;gap:18px}.number{color:var(--lime);font-size:36px;font-weight:850;line-height:1}.number-label{display:block;margin-top:5px;color:rgba(255,255,255,.68);font-size:13px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:0 8px 25px rgba(24,47,43,.05);transition:transform .2s,box-shadow .2s}.content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.content-card img{width:100%;height:190px;object-fit:cover}.card-body{padding:22px}.card-body h3{margin:0 0 8px;font-size:19px;line-height:1.35}.card-body p{margin:0;color:var(--muted);font-size:14px}.card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:17px;color:var(--muted);font-size:12px}.quote-section{background:#edf3ed}.quote{max-width:850px;padding:31px 38px;border-left:4px solid var(--coral);border-radius:0 var(--radius) var(--radius) 0;background:#fff;box-shadow:var(--shadow)}.quote p{margin:0 0 14px;font-size:22px;line-height:1.55;font-weight:650}.quote cite{color:var(--muted);font-size:13px;font-style:normal}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:25px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.metric strong{display:block;color:var(--green);font-size:31px;line-height:1.15}.metric span{display:block;margin-top:7px;color:var(--muted);font-size:13px}.cta{padding:62px 0;color:#fff;background:var(--coral)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0 0 8px;font-size:30px;line-height:1.25}.cta p{margin:0;color:rgba(255,255,255,.82)}.cta .button-primary{background:#fff}.site-footer{padding:45px 0 24px;color:rgba(255,255,255,.72);background:#102d29}.footer-top{display:flex;justify-content:space-between;gap:45px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.14)}.footer-brand{max-width:440px}.footer-brand .brand{color:#fff}.footer-brand p{margin:15px 0 0;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:12px 24px;font-size:13px}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:20px;color:rgba(255,255,255,.48);font-size:12px}
@media(max-width:900px){.split,.insight-grid{grid-template-columns:1fr}.feature-image img{height:280px}.grid-3{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr);row-gap:20px}.footer-top{display:block}.footer-links{justify-content:flex-start;margin-top:24px}}
@media(max-width:620px){.container{width:min(var(--container),calc(100% - 32px))}.nav-top{min-height:70px;display:block;padding:15px 0}.nav-tools{margin-top:13px}.search-form{width:100%}.nav-action{display:none}.brand{font-size:16px}.hero{padding:47px 0 43px}h1{font-size:39px}.hero-copy{font-size:15px}.timeline{grid-template-columns:1fr}.grid-3,.metrics{grid-template-columns:1fr}.story{grid-template-columns:95px 1fr;gap:13px}.story img{width:95px;height:76px}.section-head h2,.cta h2{font-size:25px}.insight-main h3{font-size:23px}.quote{padding:23px}.quote p{font-size:18px}.cta-inner{display:block}.cta .button-primary{margin-top:22px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}}