@layer reset,base,layout,component,motion,responsive,composition;
@layer reset {
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote,
  ul,
  ol {
    margin: 0;
  }
  button,
  input {
    font: inherit;
  }
  button,
  a {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    cursor: pointer;
  }
  img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    color: inherit;
  }
}
@layer base {
  :root {
    color-scheme: dark;
    --ink: #f4f7ef;
    --dim: #9ba99e;
    --lime: #c4f66a;
    --green: #78cb68;
    --line: #ffffff13;
    --floor: #0c120f;
    --panel: #151e18;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
  body {
    background: var(--floor);
    color: var(--ink);
    font-family:
      Microsoft YaHei,
      PingFang SC,
      system-ui,
      sans-serif;
    font-size: 14px;
    line-height: 1.7;
  }
  ::selection {
    background: var(--lime);
    color: var(--floor);
  }
  :focus-visible {
    outline: 2px solid var(--lime);
    outline-offset: 5px;
  }
  section,
  footer {
    scroll-margin-top: 100px;
  }
  h2 {
    font-size: clamp(25px, 2.8vw, 36px);
    line-height: 1.35;
    letter-spacing: -0.04em;
    font-weight: 700;
  }
  h3 {
    font-size: 18px;
    line-height: 1.5;
  }
  button {
    border: 0;
  }
  button:disabled {
    cursor: default;
  }
  [hidden] {
    display: none !important;
  }
}
@layer layout {
  .g7n2x9qa {
    width: min(1280px, calc(100% - 96px));
    margin-inline: auto;
  }
  .k9p3m6vt {
    position: sticky;
    top: 0;
    z-index: 30;
    border-bottom: 1px solid var(--line);
    background: #0c120fef;
    backdrop-filter: blur(18px);
  }
  .z4v8q1nb {
    height: 88px;
    display: flex;
    align-items: center;
    gap: 42px;
  }
  .e8a3t7cw {
    display: flex;
    align-items: center;
    gap: 30px;
    flex: 1;
  }
  .e8a3t7cw a {
    color: #afbab1;
    font-size: 13px;
    transition: color 0.2s;
    white-space: nowrap;
  }
  .e8a3t7cw a:hover,
  .e8a3t7cw a[aria-current] {
    color: var(--lime);
  }
  .b3y6q9nr {
    padding-block: 76px;
  }
  .u5m8r2xa {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 30px;
  }
  .u5m8r2xa p {
    margin-top: 10px;
    color: var(--dim);
    font-size: 13px;
  }
  .v8j1n5se {
    color: var(--lime);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    display: block;
    margin-bottom: 12px;
  }
  .m6w3z8bd {
    display: grid;
    grid-template-columns: 1.05fr 1.3fr;
    gap: 42px;
    align-items: center;
    min-height: 570px;
    padding-block: 46px 34px;
  }
  .r2x7g4nk {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--line);
    background: #121a15;
    border-radius: 16px;
  }
  .a3d7k9py {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
  }
  .w9q2v6ft {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
  }
  .n4p8y2cd {
    display: grid;
    grid-template-columns: 1.05fr 1.65fr;
    gap: 60px;
    align-items: start;
  }
  .h8c2k5we {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
  }
  .s4n8q2yz {
    display: grid;
    grid-template-columns: 1fr 1.7fr;
    gap: 85px;
  }
}
@layer component {
  .o8t4w2ka {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .f9z3m7ap {
    position: absolute;
    left: 20px;
    top: -100px;
    padding: 10px 20px;
    background: var(--lime);
    color: var(--floor);
    z-index: 99;
    border-radius: 8px;
  }
  .f9z3m7ap:focus {
    top: 10px;
  }
  .d8k4v2ma {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    white-space: nowrap;
  }
  .d8k4v2ma strong {
    font-size: 23px;
    letter-spacing: -0.05em;
  }
  .d8k4v2ma small {
    color: #9dad9f;
    display: block;
    font-size: 8px;
    letter-spacing: 0.24em;
    line-height: 1;
  }
  .q5c8n1rv {
    width: 35px;
    height: 35px;
    border-radius: 11px;
    background: var(--lime);
    position: relative;
    flex: none;
    transform: rotate(-7deg);
  }
  .q5c8n1rv:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 18px;
    left: 8px;
    top: 8px;
    border: 3px solid #19391a;
    border-radius: 100% 0 100% 100%;
    transform: rotate(35deg);
  }
  .q5c8n1rv:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 11px;
    background: #19391a;
    left: 21px;
    top: 18px;
    transform: rotate(35deg);
  }
  .t6x2b9jk,
  .c7r4h8ne {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    padding: 13px 22px;
    font-size: 13px;
    font-weight: 700;
    transition:
      transform 0.2s,
      box-shadow 0.2s,
      background 0.2s;
  }
  .t6x2b9jk {
    background: linear-gradient(115deg, #d3fb85, #9ce95f);
    color: #182515;
  }
  .t6x2b9jk:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 28px #b6f36922;
  }
  .c7r4h8ne {
    border: 1px solid #ffffff27;
    background: #ffffff04;
  }
  .c7r4h8ne:hover {
    background: #ffffff0b;
    transform: translateY(-2px);
  }
  .l1w7y4nd {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
  }
  .p4h8b2nx {
    display: none;
    background: none;
    font-size: 24px;
    padding: 6px;
  }
  .j7y2c9wb {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #c4f66a30;
    border-radius: 30px;
    padding: 5px 12px;
    color: #c0d3af;
    font-size: 11px;
    margin-bottom: 19px;
    background: #c4f66a06;
  }
  .j7y2c9wb:before {
    content: "";
    width: 5px;
    height: 5px;
    background: var(--lime);
    border-radius: 100%;
    box-shadow: 0 0 10px #c4f66a66;
  }
  .e1v5r8qc h1 {
    font-size: 18px;
    font-weight: 500;
    color: #c0d3af;
    margin-bottom: 8px;
  }
  .e1v5r8qc h1 a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .e1v5r8qc h1 img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
  .k3u9m5ba {
    font-size: clamp(42px, 4.2vw, 62px);
    letter-spacing: -0.06em;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 23px;
  }
  .k3u9m5ba em {
    font-style: normal;
    color: var(--lime);
  }
  .e1v5r8qc > p {
    color: #a9b6ac;
    font-size: 14px;
    max-width: 410px;
    line-height: 1.9;
  }
  .a5q2t9vd {
    display: flex;
    gap: 12px;
    margin-block: 26px 22px;
    flex-wrap: wrap;
  }
  .y9n6p3ck {
    display: flex;
    gap: 19px;
    color: #7f9183;
    font-size: 11px;
  }
  .y9n6p3ck span:before {
    content: "✓";
    margin-right: 6px;
    color: #acc393;
  }
  .u3x6j9ta {
    position: relative;
    padding: 18px 0 15px 15px;
    isolation: isolate;
    min-width: 0;
  }
  .u3x6j9ta:before {
    content: "";
    z-index: -1;
    position: absolute;
    inset: -25px -45px -10px -50px;
    background: radial-gradient(ellipse, #6b8f3422, transparent 68%);
  }
  .n7v2a8mr {
    position: relative;
    height: 420px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #d0f99a28;
    background: #233329;
  }
  .n7v2a8mr img {
    height: 100%;
    transition: transform 7s ease;
  }
  .n7v2a8mr:hover img {
    transform: scale(1.05);
  }
  .n7v2a8mr:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #0b1b10f5, #0b1b1020 55%, #0b1b1020);
    pointer-events: none;
  }
  .z8r1p4kw {
    position: absolute;
    left: 24px;
    top: 22px;
    z-index: 2;
    font-size: 10px;
    letter-spacing: 0.16em;
    padding: 5px 9px;
    background: #10291dcc;
    border: 1px solid #ffffff40;
    border-radius: 4px;
    backdrop-filter: blur(9px);
  }
  .h3t9w6ab {
    position: absolute;
    left: 28px;
    bottom: 28px;
    z-index: 2;
    right: 26px;
  }
  .h3t9w6ab > small {
    font-size: 11px;
    color: #d3e7c6;
  }
  .h3t9w6ab h3 {
    font-size: 35px;
    letter-spacing: 0.13em;
    margin-block: 6px;
  }
  .h3t9w6ab p {
    font-size: 12px;
    color: #b4c6b6;
    max-width: 350px;
  }
  .o2n8k5rx {
    position: absolute;
    right: 24px;
    top: 23px;
    z-index: 2;
    background: #0b1b10a6;
    color: #fff;
    border: 1px solid #ffffff50;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    font-size: 14px;
  }
  .p8y4f1vn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 17px 2px 0;
    gap: 12px;
    color: #8b9c8d;
    font-size: 10px;
  }
  .w2d6m9jq {
    display: flex;
    gap: 7px;
    align-items: center;
  }
  .w2d6m9jq button {
    height: 5px;
    width: 18px;
    background: #334134;
    border-radius: 4px;
    padding: 0;
    transition:
      width 0.3s,
      background 0.3s;
  }
  .w2d6m9jq button[aria-pressed="true"] {
    width: 38px;
    background: var(--lime);
  }
  .r2x7g4nk article {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 14px;
    padding: 25px;
  }
  .r2x7g4nk article + article {
    border-left: 1px solid var(--line);
  }
  .r2x7g4nk h3 {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .r2x7g4nk p {
    color: #87978a;
    font-size: 11px;
  }
  .b8k5r2cn {
    color: var(--lime);
    font-size: 24px;
    line-height: 1.6;
    font-weight: 300;
  }
  .v4t8c3ne {
    border-top: 1px solid var(--line);
  }
  .q7m1z5rd {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: #c1d4b0;
    font-size: 12px;
    white-space: nowrap;
  }
  .q7m1z5rd:hover {
    color: var(--lime);
  }
  .f2n6q9ya {
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #141c16;
    overflow: hidden;
    transition:
      transform 0.25s,
      border-color 0.25s;
  }
  .f2n6q9ya:hover {
    transform: translateY(-6px);
    border-color: #c4f66a55;
  }
  .d3v7w2hp {
    height: 215px;
    overflow: hidden;
    position: relative;
  }
  .d3v7w2hp img {
    height: 100%;
    transition: transform 0.5s;
  }
  .f2n6q9ya:hover img {
    transform: scale(1.05);
  }
  .d3v7w2hp:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #131c16ba, transparent 70%);
  }
  .d3v7w2hp span {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #1b2e20d9;
    padding: 3px 9px;
    z-index: 1;
    font-size: 10px;
    border: 1px solid #ffffff26;
    border-radius: 4px;
  }
  .a9m3p8wt {
    padding: 19px 21px 20px;
  }
  .a9m3p8wt > p {
    font-size: 12px;
    color: #98a79b;
    margin-block: 7px 15px;
  }
  .y6h1k4rx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .y6h1k4rx small {
    font-size: 10px;
    color: #7f9283;
  }
  .y6h1k4rx button,
  .c8y2w7pn {
    background: none;
    color: var(--lime);
    padding: 0;
    font-size: 11px;
  }
  .l9a5t3xn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
  }
  .f4w7n2re {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .f4w7n2re button {
    background: #162019;
    color: #9dab9f;
    border: 1px solid var(--line);
    border-radius: 6px;
    padding: 7px 17px;
    font-size: 12px;
    transition: background 0.2s;
  }
  .f4w7n2re button[aria-pressed="true"] {
    background: var(--lime);
    color: #152410;
  }
  .k8r1b6mq {
    display: flex;
    align-items: center;
    width: 240px;
    border-bottom: 1px solid #ffffff30;
    gap: 8px;
    color: #8fa38f;
  }
  .k8r1b6mq input {
    width: 100%;
    min-width: 0;
    padding: 9px 0;
    background: transparent;
    color: var(--ink);
    outline: 0;
    border: 0;
    font-size: 12px;
  }
  .k8r1b6mq:focus-within {
    border-color: var(--lime);
  }
  .k8r1b6mq input::placeholder {
    color: #78887b;
  }
  .p1x6v9kd {
    min-width: 0;
  }
  .p1x6v9kd > button {
    width: 100%;
    padding: 0;
    background: none;
    text-align: left;
  }
  .a7c3n8wq {
    display: block;
    position: relative;
    aspect-ratio: 2 / 2.8;
    border-radius: 10px;
    overflow: hidden;
    background: #203427;
    border: 1px solid #ffffff12;
    margin-bottom: 14px;
  }
  .a7c3n8wq img {
    height: 100%;
    transition:
      transform 0.4s,
      filter 0.4s;
  }
  .a7c3n8wq:after {
    content: "↗ 查看提案";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: #071b1270;
    opacity: 0;
    transition: opacity 0.3s;
    color: var(--lime);
    font-size: 12px;
  }
  .p1x6v9kd button:hover img {
    transform: scale(1.05);
    filter: brightness(0.8);
  }
  .p1x6v9kd button:hover .a7c3n8wq:after {
    opacity: 1;
  }
  .a7c3n8wq span {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 1;
    padding: 2px 7px;
    background: #0c1a13bb;
    border-radius: 4px;
    font-size: 9px;
    color: #e1e7db;
  }
  .p1x6v9kd h3 {
    font-size: 15px;
  }
  .p1x6v9kd p {
    font-size: 10px;
    color: #849788;
    margin-top: 5px;
  }
  .j6d2q8mv {
    color: #92a294;
    font-size: 11px;
    margin-top: 22px;
    min-height: 20px;
  }
  .v1e6z8kp {
    background: #121e15;
    padding: 56px 0;
    border-block: 1px solid var(--line);
  }
  .v1e6z8kp h2 em {
    font-style: normal;
    color: var(--lime);
  }
  .v1e6z8kp .n4p8y2cd > div > p {
    margin-block: 20px;
    color: #8fa292;
    max-width: 315px;
    font-size: 12px;
  }
  .e7q4t9cn {
    display: inline-block;
    border-radius: 5px;
    padding: 6px 11px;
    background: #b9e88b0b;
    border: 1px solid #b9e88b25;
    color: #adc59c;
    font-size: 10px;
  }
  .h6b3m8ya {
    list-style: none;
    padding: 0;
  }
  .h6b3m8ya li {
    border-bottom: 1px solid #ffffff10;
  }
  .h6b3m8ya li:first-child {
    border-top: 1px solid #ffffff10;
  }
  .h6b3m8ya button {
    display: grid;
    grid-template-columns: 35px 45px 1fr 20px;
    align-items: center;
    width: 100%;
    gap: 17px;
    padding: 14px 5px;
    background: none;
    text-align: left;
    transition: background 0.2s;
  }
  .h6b3m8ya button:hover {
    background: #c4f66a06;
  }
  .h6b3m8ya b {
    color: #728776;
    font-size: 23px;
    font-weight: 400;
    font-style: italic;
  }
  .h6b3m8ya li:first-child b {
    color: var(--lime);
  }
  .h6b3m8ya img {
    height: 56px;
    border-radius: 5px;
  }
  .h6b3m8ya strong {
    font-size: 13px;
    font-weight: 500;
  }
  .h6b3m8ya small {
    display: block;
    color: #849588;
    font-size: 10px;
    margin-top: 3px;
  }
  .h6b3m8ya i {
    font-style: normal;
    color: #b9d3a6;
  }
  .z3n7x2va {
    color: #93a798;
    font-size: 13px;
    margin-block: 21px;
  }
  .m8t4q1ke {
    display: flex;
    gap: 17px;
    border-top: 1px solid var(--line);
    padding-block: 18px;
  }
  .m8t4q1ke > span {
    color: var(--lime);
    font-size: 16px;
  }
  .m8t4q1ke h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .m8t4q1ke p {
    font-size: 12px;
    color: #8a9e8e;
  }
  .f6p2d9wa {
    position: relative;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 85px;
  }
  .f6p2d9wa:before {
    content: "";
    position: absolute;
    inset: 25px;
    border: 1px solid #b7e78813;
    border-radius: 50%;
  }
  .r6y3k8np {
    width: 225px;
    background: #0a100c;
    border: 5px solid #2c3930;
    border-radius: 34px;
    padding: 28px 10px 15px;
    box-shadow: 0 30px 70px #0008;
    position: relative;
    transform: rotate(6deg);
  }
  .r6y3k8np:before {
    content: "";
    position: absolute;
    width: 65px;
    height: 13px;
    left: calc(50% - 32px);
    top: 7px;
    background: #020503;
    border-radius: 20px;
  }
  .r6y3k8np header {
    display: flex;
    justify-content: space-between;
    padding: 4px 6px 12px;
    font-size: 11px;
  }
  .r6y3k8np header span {
    color: #bdf27b;
    font-size: 9px;
  }
  .r6y3k8np figure {
    height: 250px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
  }
  .r6y3k8np img {
    height: 100%;
  }
  .r6y3k8np figcaption {
    position: absolute;
    bottom: 0;
    inset-inline: 0;
    background: linear-gradient(transparent, #061108);
    padding: 25px 13px 13px;
    font-size: 18px;
  }
  .r6y3k8np > p {
    font-size: 9px;
    color: #8fa08f;
    padding: 10px 5px;
  }
  .r6y3k8np > a {
    font-size: 10px;
    padding: 9px;
    width: 100%;
  }
  .c3z8p5mn {
    position: absolute;
    width: 200px;
    left: 0;
    bottom: 50px;
    z-index: 2;
    border-radius: 11px;
    padding: 17px;
    border: 1px solid #b4de8d22;
    background: #1e2e21ee;
    box-shadow: 0 15px 50px #0005;
  }
  .c3z8p5mn > span {
    color: var(--lime);
    font-size: 10px;
  }
  .c3z8p5mn strong {
    display: block;
    font-size: 12px;
    margin: 7px 0;
  }
  .c3z8p5mn p {
    font-size: 10px;
    color: #8eaa96;
  }
  .b7m4v2qp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    counter-reset: steps;
  }
  .b7m4v2qp article {
    border-top: 1px solid #c4f66a40;
    padding-top: 24px;
    counter-increment: steps;
    position: relative;
  }
  .b7m4v2qp article:before {
    content: "0" counter(steps);
    font-size: 11px;
    color: var(--lime);
    display: block;
    margin-bottom: 12px;
    letter-spacing: 0.1em;
  }
  .b7m4v2qp h3 {
    font-size: 17px;
    margin-bottom: 9px;
  }
  .b7m4v2qp p {
    color: #8fa092;
    font-size: 12px;
  }
  .b7m4v2qp a {
    display: inline-block;
    margin-top: 18px;
  }
  .d9w1r5nc {
    background: #151f18;
    border-radius: 11px;
    padding: 26px;
    position: relative;
  }
  .d9w1r5nc:before {
    content: "“";
    color: #b7f278;
    font-size: 50px;
    line-height: 1;
    opacity: 0.65;
  }
  .d9w1r5nc blockquote {
    font-size: 13px;
    color: #c2cec0;
    margin-block: 7px 23px;
    min-height: 66px;
    line-height: 1.9;
  }
  .d9w1r5nc figcaption {
    border-top: 1px solid var(--line);
    padding-top: 16px;
    font-size: 11px;
    color: #9ead9e;
  }
  .d9w1r5nc figcaption span {
    float: right;
    font-size: 9px;
    color: #627a68;
  }
  .q2h7v9be details {
    border-bottom: 1px solid #ffffff16;
  }
  .q2h7v9be details:first-child {
    border-top: 1px solid #ffffff16;
  }
  .q2h7v9be summary {
    cursor: pointer;
    padding: 20px 32px 20px 0;
    list-style: none;
    position: relative;
    font-size: 13px;
  }
  .q2h7v9be summary::-webkit-details-marker {
    display: none;
  }
  .q2h7v9be summary:after {
    content: "+";
    position: absolute;
    right: 3px;
    top: 14px;
    color: #b7d2a2;
    font-size: 23px;
    font-weight: 300;
  }
  .q2h7v9be details[open] summary:after {
    content: "−";
  }
  .q2h7v9be details p {
    color: #93a697;
    font-size: 12px;
    line-height: 1.9;
    padding: 0 25px 22px 0;
  }
  .c5p9m2yt {
    background:
      radial-gradient(ellipse at 90% 0, #7dba3e25, transparent 60%),
      linear-gradient(115deg, #1b2e1b, #172118);
    border: 1px solid #bce68e22;
    border-radius: 17px;
    padding: 48px 50px;
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 50px;
    align-items: center;
  }
  .c5p9m2yt h2 {
    font-size: 30px;
  }
  .c5p9m2yt p {
    margin-top: 14px;
    font-size: 12px;
    color: #a9b9a2;
    max-width: 550px;
  }
  .v5q8j3nk {
    border-left: 1px solid #ffffff16;
    padding-left: 40px;
  }
  .v5q8j3nk small {
    display: block;
    color: #aab99c;
    font-size: 10px;
    margin-top: 12px;
  }
  .u7r2c8ma {
    display: inline-flex;
    border: 1px solid #c4f66a38;
    background: #c4f66a08;
    color: #bdd7a5;
    padding: 4px 9px;
    border-radius: 4px;
    font-size: 10px;
    margin-bottom: 16px;
  }
  .x4n9t6bp {
    padding: 60px 0 25px;
    border-top: 1px solid var(--line);
    margin-top: 70px;
  }
  .x4n9t6bp > div:first-child {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 100px;
  }
  .x4n9t6bp h2 {
    font-size: 14px;
    margin-bottom: 15px;
    color: #c4d3bf;
  }
  .x4n9t6bp p {
    font-size: 11px;
    color: #7e9183;
    line-height: 2;
  }
  .k1d6a9re {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px 30px;
    font-size: 11px;
    color: #92a28e;
  }
  .k1d6a9re a:hover {
    color: var(--lime);
  }
  .m2c7w5za {
    border-top: 1px solid var(--line);
    margin-top: 35px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    font-size: 10px;
    color: #687c6e;
  }
  .m2c7w5za a {
    color: #9aab95;
  }
  .b4x9k2nw {
    border: 1px solid #829e6d44;
    border-radius: 17px;
    background: #152019;
    color: var(--ink);
    padding: 36px;
    max-width: 570px;
    width: calc(100% - 40px);
    box-shadow: 0 20px 120px #0009;
  }
  .b4x9k2nw::backdrop {
    background: #020b08bd;
    backdrop-filter: blur(8px);
  }
  .b4x9k2nw h2 {
    margin-block: 9px 16px;
  }
  .b4x9k2nw p {
    color: #adbeac;
    font-size: 13px;
  }
  .b4x9k2nw aside {
    background: #c4f66a08;
    border-left: 2px solid #a6d46b;
    padding: 13px 16px;
    font-size: 11px;
    color: #a0b395;
    margin-block: 23px;
  }
  .p2m7v4cq {
    position: absolute;
    top: 13px;
    right: 15px;
    background: none;
    color: #a8bf9c;
    font-size: 25px;
    padding: 3px 9px;
  }
}
@layer motion {
  [data-appear] {
    transition:
      opacity 0.6s ease,
      translate 0.6s ease;
  }
  [data-appear="waiting"] {
    opacity: 0;
    translate: 0 20px;
  }
  .x8j3d6mn {
    animation: l7x4p2na 0.5s ease both;
  }
  @keyframes l7x4p2na {
    0% {
      opacity: 0.15;
      transform: scale(1.025);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
}
@layer responsive {
  @media (min-width: 1500px) {
    .m6w3z8bd {
      min-height: 625px;
    }
    .n7v2a8mr {
      height: 445px;
    }
  }
  @media (max-width: 1100px) {
    .g7n2x9qa {
      width: calc(100% - 56px);
    }
    .z4v8q1nb {
      gap: 30px;
    }
    .e8a3t7cw {
      gap: 20px;
    }
    .e8a3t7cw a {
      font-size: 11px;
    }
    .m6w3z8bd {
      gap: 25px;
    }
    .k3u9m5ba {
      font-size: 46px;
    }
    .n7v2a8mr {
      height: 390px;
    }
    .r2x7g4nk article {
      padding: 20px 16px;
      gap: 8px;
      grid-template-columns: 25px 1fr;
    }
    .w9q2v6ft {
      grid-template-columns: repeat(3, 1fr);
      gap: 28px 22px;
    }
    .a7c3n8wq {
      aspect-ratio: 3/3.7;
    }
    .h8c2k5we,
    .s4n8q2yz {
      gap: 40px;
    }
    .f6p2d9wa {
      padding-left: 55px;
    }
    .c3z8p5mn {
      width: 165px;
    }
    .x4n9t6bp > div:first-child {
      gap: 50px;
    }
  }
  @media (max-width: 760px) {
    html {
      scroll-padding-top: 90px;
    }
    .g7n2x9qa {
      width: calc(100% - 36px);
    }
    .z4v8q1nb {
      height: 72px;
      gap: 12px;
      justify-content: space-between;
    }
    .d8k4v2ma strong {
      font-size: 20px;
    }
    .q5c8n1rv {
      width: 33px;
      height: 33px;
    }
    .z4v8q1nb > .t6x2b9jk {
      margin-left: auto;
      padding: 8px 13px;
      font-size: 11px;
    }
    .p4h8b2nx {
      display: block;
    }
    .e8a3t7cw {
      position: absolute;
      left: 0;
      right: 0;
      top: 72px;
      background: #142019fa;
      border-bottom: 1px solid #ffffff19;
      display: none;
      padding: 18px;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      box-shadow: 0 15px 30px #0006;
    }
    .e8a3t7cw[data-open="true"] {
      display: grid;
    }
    .e8a3t7cw a {
      padding: 8px;
      font-size: 12px;
      text-align: center;
    }
    .m6w3z8bd {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      padding-block: 32px 25px;
      gap: 23px;
    }
    .j7y2c9wb {
      margin-bottom: 15px;
      font-size: 10px;
    }
    .k3u9m5ba {
      font-size: 43px;
      margin-bottom: 17px;
    }
    .e1v5r8qc > p {
      font-size: 12px;
      max-width: 440px;
    }
    .e1v5r8qc h1 {
      font-size: 15px;
    }
    .a5q2t9vd {
      margin-block: 22px 16px;
    }
    .t6x2b9jk,
    .c7r4h8ne {
      padding: 11px 18px;
      font-size: 12px;
    }
    .y9n6p3ck {
      gap: 13px;
      font-size: 10px;
    }
    .u3x6j9ta {
      padding: 0;
    }
    .u3x6j9ta:before {
      inset: 0;
    }
    .n7v2a8mr {
      height: 320px;
      border-radius: 14px;
    }
    .h3t9w6ab {
      left: 22px;
      bottom: 24px;
    }
    .h3t9w6ab h3 {
      font-size: 30px;
    }
    .h3t9w6ab p {
      font-size: 11px;
    }
    .z8r1p4kw {
      left: 20px;
      top: 18px;
    }
    .o2n8k5rx {
      top: 18px;
      right: 18px;
    }
    .p8y4f1vn {
      font-size: 9px;
    }
    .r2x7g4nk {
      grid-template-columns: 1fr 1fr;
    }
    .r2x7g4nk article {
      padding: 18px 13px;
      gap: 9px;
    }
    .r2x7g4nk article:nth-child(3) {
      border-left: 0;
    }
    .r2x7g4nk article:nth-child(n + 3) {
      border-top: 1px solid var(--line);
    }
    .r2x7g4nk h3 {
      font-size: 12px;
    }
    .r2x7g4nk p {
      font-size: 10px;
    }
    .b8k5r2cn {
      font-size: 21px;
    }
    .b3y6q9nr {
      padding-block: 49px;
    }
    h2 {
      font-size: 27px;
    }
    .v8j1n5se {
      margin-bottom: 9px;
      font-size: 9px;
    }
    .u5m8r2xa {
      margin-bottom: 23px;
      gap: 15px;
    }
    .u5m8r2xa p {
      font-size: 11px;
    }
    .q7m1z5rd {
      font-size: 10px;
    }
    .a3d7k9py {
      grid-template-columns: 1fr;
      gap: 15px;
    }
    .f2n6q9ya {
      display: grid;
      grid-template-columns: 40% 1fr;
    }
    .d3v7w2hp {
      height: 100%;
      min-height: 175px;
    }
    .d3v7w2hp span {
      top: 10px;
      left: 10px;
      font-size: 9px;
    }
    .a9m3p8wt {
      padding: 19px 15px;
    }
    .a9m3p8wt h3 {
      font-size: 16px;
    }
    .a9m3p8wt > p {
      font-size: 11px;
      margin-block: 7px 15px;
    }
    .y6h1k4rx {
      gap: 8px;
      flex-wrap: wrap;
    }
    .y6h1k4rx small {
      font-size: 9px;
    }
    .l9a5t3xn {
      display: block;
    }
    .f4w7n2re {
      gap: 6px;
    }
    .f4w7n2re button {
      font-size: 11px;
      padding: 6px 13px;
    }
    .k8r1b6mq {
      width: 100%;
      margin-top: 16px;
    }
    .w9q2v6ft {
      grid-template-columns: repeat(2, 1fr);
      gap: 23px 15px;
    }
    .a7c3n8wq {
      aspect-ratio: 2/2.6;
    }
    .n4p8y2cd,
    .h8c2k5we,
    .s4n8q2yz {
      grid-template-columns: 1fr;
      gap: 26px;
    }
    .v1e6z8kp {
      padding-block: 42px;
    }
    .v1e6z8kp .n4p8y2cd > div > p {
      max-width: 100%;
      margin-block: 13px;
    }
    .h6b3m8ya button {
      gap: 12px;
      padding-block: 13px;
    }
    .h6b3m8ya b {
      font-size: 21px;
    }
    .f6p2d9wa {
      min-height: 435px;
      padding-left: 60px;
      max-width: 365px;
      width: 100%;
      margin-inline: auto;
    }
    .c3z8p5mn {
      width: 166px;
      bottom: 45px;
    }
    .r6y3k8np {
      width: 215px;
    }
    .r6y3k8np figure {
      height: 235px;
    }
    .b7m4v2qp {
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .b7m4v2qp article {
      padding-top: 17px;
      padding-left: 43px;
    }
    .b7m4v2qp article:before {
      position: absolute;
      left: 0;
      top: 20px;
    }
    .d9w1r5nc {
      padding: 22px;
    }
    .d9w1r5nc blockquote {
      min-height: 0;
      margin-block: 0 20px;
    }
    .q2h7v9be summary {
      font-size: 12px;
    }
    .c5p9m2yt {
      padding: 29px 24px;
      grid-template-columns: 1fr;
      gap: 23px;
    }
    .c5p9m2yt h2 {
      font-size: 27px;
    }
    .v5q8j3nk {
      border-left: 0;
      border-top: 1px solid #ffffff15;
      padding: 23px 0 0;
    }
    .x4n9t6bp {
      margin-top: 50px;
      padding-top: 35px;
    }
    .x4n9t6bp > div:first-child {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    .m2c7w5za {
      flex-direction: column;
      gap: 7px;
      font-size: 9px;
    }
    .b4x9k2nw {
      padding: 28px;
    }
    .b4x9k2nw h2 {
      font-size: 26px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation: none !important;
      transition: none !important;
    }
    [data-appear="waiting"] {
      opacity: 1;
      translate: none;
    }
  }
}
@layer composition {
  .m6w3z8bd {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 580px;
    margin-block: 28px 24px;
    padding: 62px 52px 80px;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid #bbd48f38;
    isolation: isolate;
    background: #24362b;
  }
  .e1v5r8qc {
    max-width: 530px;
    z-index: 3;
    pointer-events: none;
  }
  .e1v5r8qc a {
    pointer-events: auto;
  }
  .e1v5r8qc > p {
    color: #c9d5c4;
  }
  .k3u9m5ba {
    font-size: clamp(45px, 4.8vw, 66px);
    text-shadow: 0 3px 30px #06110e44;
  }
  .u3x6j9ta {
    position: absolute;
    inset: 0;
    padding: 0;
    z-index: 1;
  }
  .u3x6j9ta:before {
    display: none;
  }
  .n7v2a8mr {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .n7v2a8mr img {
    height: 100%;
    width: 100%;
    object-position: center 40%;
  }
  .n7v2a8mr:after {
    background:
      linear-gradient(90deg, #081910ee, #081910cf 32%, #08191025 68%),
      linear-gradient(0deg, #07180ff2, transparent 45%);
  }
  .z8r1p4kw {
    left: auto;
    right: 30px;
    top: 28px;
    font-size: 9px;
  }
  .h3t9w6ab {
    left: auto;
    right: 40px;
    bottom: 85px;
    max-width: 300px;
    text-align: right;
  }
  .h3t9w6ab h3 {
    font-size: 38px;
  }
  .h3t9w6ab p {
    color: #c5d1bf;
  }
  .o2n8k5rx {
    top: auto;
    right: 34px;
    bottom: 29px;
  }
  .p8y4f1vn {
    position: absolute;
    bottom: 35px;
    left: 52px;
    right: 91px;
    margin: 0;
    color: #bdd0b9;
  }
  .j7y2c9wb {
    background: #0b1e16a8;
  }
  .y9n6p3ck {
    color: #adbea6;
  }
  .a3d7k9py:has(.f2n6q9ya) {
    grid-template-columns: 1.2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 18px 24px;
  }
  .f2n6q9ya:first-child {
    grid-row: 1 / 3;
  }
  .f2n6q9ya:first-child .d3v7w2hp {
    height: 272px;
  }
  .f2n6q9ya:not(:first-child) {
    display: grid;
    grid-template-columns: 40% 1fr;
  }
  .f2n6q9ya:not(:first-child) .d3v7w2hp {
    height: 100%;
    min-height: 175px;
  }
  .f2n6q9ya:not(:first-child) .a9m3p8wt {
    align-self: center;
  }
  .k4v7s9da {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 35px;
    align-items: start;
  }
  .l9a5t3xn {
    display: block;
    position: sticky;
    top: 115px;
  }
  .f4w7n2re {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .f4w7n2re button {
    text-align: left;
    padding: 11px 15px;
    border: 0;
    border-radius: 7px;
  }
  .f4w7n2re button:after {
    content: "↗";
    float: right;
    opacity: 0.5;
  }
  .k8r1b6mq {
    width: 100%;
    margin-top: 24px;
  }
  .k8r1b6mq input {
    font-size: 10px;
  }
  .w9q2v6ft {
    grid-template-columns: repeat(3, 1fr);
    gap: 26px 22px;
  }
  .a7c3n8wq {
    aspect-ratio: 1.25;
  }
  .v1e6z8kp {
    background: #dbe9cd;
    color: #20351f;
    border: 0;
  }
  .v1e6z8kp .n4p8y2cd {
    grid-template-columns: 0.85fr 1.7fr;
  }
  .v1e6z8kp h2 em {
    color: #4e7436;
  }
  .v1e6z8kp .v8j1n5se {
    color: #587644;
  }
  .v1e6z8kp .n4p8y2cd > div > p {
    color: #607155;
  }
  .v1e6z8kp .e7q4t9cn {
    border-color: #5b7e4333;
    background: #5b7e4308;
    color: #55723f;
  }
  .h6b3m8ya {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 28px;
  }
  .h6b3m8ya li,
  .h6b3m8ya li:first-child {
    border-color: #526d3d2b;
  }
  .h6b3m8ya li:nth-child(2) {
    border-top: 1px solid #526d3d2b;
  }
  .h6b3m8ya button {
    grid-template-columns: 30px 1fr 15px;
    padding-block: 21px;
  }
  .h6b3m8ya img {
    display: none;
  }
  .h6b3m8ya b,
  .h6b3m8ya li:first-child b {
    color: #6b8c4e;
  }
  .h6b3m8ya strong {
    color: #253d24;
  }
  .h6b3m8ya small {
    color: #718264;
    font-size: 9px;
  }
  .h6b3m8ya i {
    color: #66854b;
  }
  .h6b3m8ya button:hover {
    background: #355a1907;
  }
  @media (max-width: 1100px) {
    .m6w3z8bd {
      padding: 48px 38px 80px;
      min-height: 550px;
    }
    .k3u9m5ba {
      font-size: 51px;
    }
    .e1v5r8qc {
      max-width: 430px;
    }
    .h3t9w6ab {
      right: 28px;
      max-width: 230px;
    }
    .h3t9w6ab h3 {
      font-size: 30px;
    }
    .p8y4f1vn {
      left: 38px;
    }
    .k4v7s9da {
      grid-template-columns: 150px 1fr;
      gap: 25px;
    }
    .a7c3n8wq {
      aspect-ratio: 1;
    }
    .v1e6z8kp .n4p8y2cd {
      gap: 35px;
    }
    .h6b3m8ya {
      gap: 0 15px;
    }
  }
  @media (max-width: 760px) {
    .m6w3z8bd {
      display: grid;
      padding: 30px 23px 175px;
      min-height: 615px;
      margin-block: 18px 20px;
      border-radius: 13px;
    }
    .k3u9m5ba {
      font-size: clamp(33px, 8.5vw, 46px);
      margin-bottom: 15px;
    }
    .e1v5r8qc {
      max-width: 100%;
    }
    .e1v5r8qc > p {
      font-size: 11px;
      line-height: 1.9;
    }
    .j7y2c9wb {
      font-size: 9px;
    }
    .a5q2t9vd {
      gap: 8px;
      margin-block: 20px 13px;
    }
    .a5q2t9vd a {
      padding: 10px 12px;
      font-size: 10px;
    }
    .y9n6p3ck {
      gap: 12px;
      font-size: 9px;
    }
    .n7v2a8mr:after {
      background:
        linear-gradient(90deg, #0a1d12dc, #0a1d1288),
        linear-gradient(0deg, #07180fef, transparent 60%);
    }
    .n7v2a8mr img {
      object-position: 62% center;
    }
    .z8r1p4kw {
      display: none;
    }
    .h3t9w6ab {
      left: 24px;
      right: 24px;
      bottom: 64px;
      text-align: left;
      max-width: none;
      border-top: 1px solid #c4e0a62c;
      padding-top: 15px;
    }
    .h3t9w6ab h3 {
      font-size: 24px;
      letter-spacing: 0.1em;
      margin-block: 4px;
    }
    .h3t9w6ab small {
      font-size: 9px;
    }
    .h3t9w6ab p {
      font-size: 10px;
    }
    .p8y4f1vn {
      left: 24px;
      right: 70px;
      bottom: 27px;
    }
    .p8y4f1vn > span {
      font-size: 8px;
    }
    .o2n8k5rx {
      width: 28px;
      height: 28px;
      bottom: 20px;
      right: 20px;
    }
    .w2d6m9jq {
      gap: 5px;
    }
    .w2d6m9jq button {
      width: 12px;
    }
    .w2d6m9jq button[aria-pressed="true"] {
      width: 26px;
    }
    .a3d7k9py:has(.f2n6q9ya) {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 16px;
    }
    .f2n6q9ya:first-child {
      grid-row: auto;
      display: block;
    }
    .f2n6q9ya:first-child .d3v7w2hp {
      height: 230px;
    }
    .f2n6q9ya:not(:first-child) .d3v7w2hp {
      min-height: 160px;
    }
    .k4v7s9da {
      display: block;
    }
    .l9a5t3xn {
      position: static;
      margin-bottom: 24px;
    }
    .f4w7n2re {
      display: flex;
      gap: 6px;
    }
    .f4w7n2re button {
      padding: 7px 13px;
      font-size: 11px;
    }
    .f4w7n2re button:after {
      display: none;
    }
    .k8r1b6mq {
      margin-top: 12px;
    }
    .w9q2v6ft {
      grid-template-columns: 1fr 1fr;
      gap: 23px 15px;
    }
    .a7c3n8wq {
      aspect-ratio: 0.8;
    }
    .v1e6z8kp .n4p8y2cd {
      grid-template-columns: 1fr;
      gap: 24px;
    }
    .h6b3m8ya {
      grid-template-columns: 1fr;
    }
    .h6b3m8ya li:nth-child(2) {
      border-top: 0;
    }
    .h6b3m8ya button {
      grid-template-columns: 32px 1fr 20px;
      padding-block: 16px;
    }
    .h6b3m8ya small {
      font-size: 10px;
    }
  }
  @media (max-width: 360px) {
    .z4v8q1nb,
    .d8k4v2ma {
      gap: 8px;
    }
    .d8k4v2ma strong {
      font-size: 17px;
    }
    .d8k4v2ma small {
      font-size: 6px;
      letter-spacing: 0.1em;
    }
    .q5c8n1rv {
      width: 30px;
      height: 30px;
    }
    .z4v8q1nb > .t6x2b9jk {
      padding: 7px 9px;
      font-size: 10px;
      gap: 6px;
    }
    .p4h8b2nx {
      font-size: 22px;
      padding: 3px;
    }
    .f6p2d9wa {
      padding-left: 35px;
      min-height: 410px;
    }
    .r6y3k8np {
      width: 190px;
      transform: rotate(3deg);
    }
    .c3z8p5mn {
      width: 145px;
    }
  }
}