/* roulang page: index */
:root{
      --bg:#0b0f0c;
      --bg-2:#111512;
      --panel:#151b17;
      --panel-2:#1b221d;
      --text:#f4f7f1;
      --muted:#a8b3a7;
      --soft:#dfe6dd;
      --line:rgba(190,255,210,.14);
      --line-2:rgba(255,255,255,.08);
      --primary:#63ff9b;
      --primary-2:#16d76a;
      --accent:#ff8f3d;
      --warning:#ffd26a;
      --danger:#ff5f5f;
      --shadow:0 22px 70px rgba(0,0,0,.38);
      --shadow-soft:0 12px 36px rgba(0,0,0,.24);
      --radius:18px;
      --radius-sm:12px;
      --radius-lg:28px;
      --container:1240px;
      --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:var(--font);
      color:var(--text);
      background:
        radial-gradient(circle at 18% 10%, rgba(99,255,155,.16), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(255,143,61,.12), transparent 30%),
        linear-gradient(180deg,#080b09 0%, var(--bg) 44%, #0d110f 100%);
      line-height:1.75;
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      z-index:-2;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size:34px 34px;
      mask-image:linear-gradient(to bottom, rgba(0,0,0,.85), rgba(0,0,0,.18));
      pointer-events:none;
    }
    body::after{
      content:"";
      position:fixed;
      inset:0;
      z-index:-1;
      opacity:.22;
      background:repeating-linear-gradient(0deg, transparent 0, transparent 6px, rgba(255,255,255,.025) 7px);
      pointer-events:none;
    }
    a{color:inherit;text-decoration:none;transition:.22s ease}
    a:hover{color:var(--primary)}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    input:focus,button:focus,a:focus{
      outline:2px solid rgba(99,255,155,.32);
      outline-offset:3px;
    }
    .site-container{
      width:min(var(--container), calc(100% - 40px));
      margin-inline:auto;
    }
    .section{
      padding:72px 0;
      position:relative;
    }
    .section-tight{padding:48px 0}
    .section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:28px;
      margin-bottom:30px;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:6px 11px;
      border:1px solid var(--line);
      border-radius:999px;
      color:var(--primary);
      background:rgba(99,255,155,.07);
      font-size:13px;
      font-weight:700;
      letter-spacing:.04em;
    }
    .eyebrow::before{
      content:"";
      width:7px;
      height:7px;
      border-radius:50%;
      background:var(--primary);
      box-shadow:0 0 16px rgba(99,255,155,.85);
    }
    h1,h2,h3,h4,p{margin-top:0}
    h1{
      font-size:clamp(34px,5vw,68px);
      line-height:1.06;
      letter-spacing:-.05em;
      font-weight:900;
      margin-bottom:20px;
    }
    h2{
      font-size:clamp(26px,3.4vw,44px);
      line-height:1.12;
      letter-spacing:-.035em;
      font-weight:900;
      margin-bottom:12px;
    }
    h3{font-size:22px;font-weight:850;letter-spacing:-.02em}
    .lead{
      color:#d4ddd1;
      font-size:18px;
      line-height:1.9;
      max-width:760px;
    }
    .text-muted-custom{color:var(--muted)}
    .site-header{
      position:sticky;
      top:0;
      z-index:1020;
      background:rgba(10,14,11,.84);
      backdrop-filter:blur(18px);
      border-bottom:1px solid var(--line-2);
      box-shadow:0 10px 35px rgba(0,0,0,.24);
    }
    .nav-top{
      display:grid;
      grid-template-columns:auto minmax(260px,520px) auto;
      align-items:center;
      gap:18px;
      min-height:72px;
      padding:12px 0;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
      font-weight:900;
      letter-spacing:-.04em;
      color:var(--text);
    }
    .brand-mark{
      width:42px;
      height:42px;
      border-radius:13px;
      display:grid;
      place-items:center;
      color:#071009;
      font-weight:950;
      background:
        linear-gradient(135deg,var(--primary),#dfff92 58%,var(--accent));
      box-shadow:0 0 0 1px rgba(255,255,255,.12),0 14px 36px rgba(99,255,155,.22);
    }
    .brand-text{
      font-size:18px;
      max-width:250px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .search-wrap{
      position:relative;
    }
    .search-wrap::before{
      content:"⌁";
      position:absolute;
      left:15px;
      top:50%;
      transform:translateY(-50%);
      color:var(--primary);
      font-weight:900;
    }
    .search-input{
      width:100%;
      height:46px;
      border-radius:999px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.045);
      color:var(--text);
      padding:0 18px 0 40px;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
    }
    .search-input::placeholder{color:#879486}
    .search-input:focus{
      border-color:rgba(99,255,155,.55);
      background:rgba(99,255,155,.07);
      box-shadow:0 0 0 4px rgba(99,255,155,.08);
    }
    .btn-tactical{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:46px;
      padding:12px 19px;
      border-radius:999px;
      border:1px solid transparent;
      font-weight:850;
      letter-spacing:-.01em;
      transition:.22s ease;
      cursor:pointer;
      white-space:nowrap;
    }
    .btn-primary-tac{
      color:#071009;
      background:linear-gradient(135deg,var(--primary),#befc75);
      box-shadow:0 14px 34px rgba(99,255,155,.20);
    }
    .btn-primary-tac:hover{
      color:#071009;
      transform:translateY(-2px);
      box-shadow:0 18px 42px rgba(99,255,155,.30);
      filter:saturate(1.08);
    }
    .btn-secondary-tac{
      color:var(--text);
      background:rgba(255,255,255,.045);
      border-color:var(--line);
    }
    .btn-secondary-tac:hover{
      border-color:rgba(99,255,155,.48);
      background:rgba(99,255,155,.08);
      transform:translateY(-2px);
      color:var(--text);
    }
    .channel-row{
      border-top:1px solid rgba(255,255,255,.06);
      overflow:hidden;
    }
    .channel-scroll{
      display:flex;
      gap:10px;
      padding:12px 0 14px;
      overflow-x:auto;
      scrollbar-width:none;
    }
    .channel-scroll::-webkit-scrollbar{display:none}
    .tab-pill{
      position:relative;
      flex:0 0 auto;
      padding:9px 16px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.08);
      color:#c8d2c5;
      background:rgba(255,255,255,.035);
      font-size:14px;
      font-weight:780;
    }
    .tab-pill:hover,.tab-pill.active{
      color:#071009;
      border-color:transparent;
      background:linear-gradient(135deg,var(--primary),#ddff95);
    }
    .hero{
      min-height:760px;
      display:flex;
      align-items:center;
      padding:74px 0 66px;
    }
    .hero-stage-grid{
      display:grid;
      grid-template-columns:minmax(220px,1fr) minmax(360px,1.55fr) minmax(220px,1fr);
      align-items:center;
      gap:22px;
    }
    .hero-side{
      display:flex;
      flex-direction:column;
      gap:18px;
    }
    .side-card,.glass-card{
      border:1px solid var(--line);
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
      border-radius:var(--radius);
      box-shadow:var(--shadow-soft);
      position:relative;
      overflow:hidden;
    }
    .side-card{
      padding:20px;
    }
    .side-card::after,.glass-card::after{
      content:"";
      position:absolute;
      width:58px;
      height:2px;
      right:18px;
      top:16px;
      background:linear-gradient(90deg,transparent,var(--primary));
      opacity:.65;
    }
    .side-label{
      display:flex;
      justify-content:space-between;
      gap:10px;
      color:var(--muted);
      font-size:13px;
      margin-bottom:10px;
    }
    .side-value{
      font-size:30px;
      line-height:1;
      font-weight:950;
      color:var(--primary);
      letter-spacing:-.04em;
      margin-bottom:10px;
    }
    .side-card p{color:#c9d3c6;margin-bottom:0;font-size:14px}
    .product-stage{
      border:1px solid rgba(99,255,155,.2);
      border-radius:var(--radius-lg);
      background:
        radial-gradient(circle at 50% 0%, rgba(99,255,155,.22), transparent 34%),
        linear-gradient(180deg,rgba(30,39,32,.92),rgba(12,16,13,.92));
      box-shadow:var(--shadow), inset 0 0 0 1px rgba(255,255,255,.04);
      padding:30px;
      position:relative;
      overflow:hidden;
    }
    .product-stage::before{
      content:"";
      position:absolute;
      inset:18px;
      border:1px dashed rgba(255,255,255,.12);
      border-radius:22px;
      pointer-events:none;
    }
    .stage-top{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      margin-bottom:22px;
    }
    .status-dot{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#cfe8d0;
      font-size:13px;
      font-weight:800;
    }
    .status-dot::before{
      content:"";
      width:9px;
      height:9px;
      border-radius:50%;
      background:var(--primary);
      box-shadow:0 0 15px rgba(99,255,155,.9);
    }
    .stage-main{
      position:relative;
      z-index:1;
      text-align:center;
      padding:36px 12px 28px;
    }
    .stage-badge{
      display:inline-flex;
      padding:8px 13px;
      border:1px solid rgba(99,255,155,.25);
      border-radius:999px;
      color:var(--primary);
      background:rgba(99,255,155,.08);
      font-weight:850;
      margin-bottom:18px;
    }
    .stage-main p{
      max-width:660px;
      margin:0 auto 22px;
      color:#d6dfd4;
      font-size:17px;
    }
    .hero-actions{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:12px;
      margin-top:22px;
    }
    .stage-panel{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      margin-top:24px;
    }
    .mini-stat{
      border:1px solid rgba(255,255,255,.08);
      background:rgba(0,0,0,.22);
      border-radius:15px;
      padding:14px;
      text-align:left;
    }
    .mini-stat strong{
      display:block;
      font-size:24px;
      color:var(--text);
      line-height:1.1;
      margin-bottom:3px;
    }
    .mini-stat span{
      color:var(--muted);
      font-size:13px;
    }
    .notice-line{
      position:relative;
      z-index:1;
      margin-top:18px;
      padding:12px 14px;
      border-radius:14px;
      color:#dce7da;
      background:rgba(255,143,61,.08);
      border:1px solid rgba(255,143,61,.18);
      font-size:14px;
    }
    .feature-layout{
      display:grid;
      grid-template-columns:.95fr 1.45fr;
      gap:24px;
      align-items:stretch;
    }
    .feature-rail{
      padding:28px;
      border-radius:var(--radius-lg);
      background:linear-gradient(180deg,rgba(99,255,155,.12),rgba(255,255,255,.035));
      border:1px solid var(--line);
      min-height:100%;
    }
    .feature-rail .lead{font-size:16px}
    .feature-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }
    .tac-card{
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024));
      padding:22px;
      box-shadow:var(--shadow-soft);
      transition:.24s ease;
      overflow:hidden;
      position:relative;
    }
    .tac-card:hover{
      transform:translateY(-3px);
      border-color:rgba(99,255,155,.38);
      box-shadow:0 18px 44px rgba(0,0,0,.36);
    }
    .tac-card h3{margin-bottom:8px}
    .tac-card p{color:var(--muted);margin-bottom:0}
    .card-index{
      display:inline-flex;
      width:34px;
      height:34px;
      align-items:center;
      justify-content:center;
      border-radius:12px;
      color:#081009;
      background:var(--primary);
      font-weight:950;
      margin-bottom:15px;
    }
    .matrix{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:20px;
    }
    .matrix-panel{
      border-radius:var(--radius-lg);
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
      padding:24px;
      overflow:hidden;
    }
    .entry-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      margin-top:18px;
    }
    .entry-btn{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:16px;
      padding:15px;
      background:rgba(0,0,0,.20);
      color:#edf6eb;
      font-weight:820;
    }
    .entry-btn span{color:var(--primary)}
    .entry-btn:hover{
      background:rgba(99,255,155,.09);
      border-color:rgba(99,255,155,.34);
      transform:translateY(-2px);
    }
    .steps-wrap{
      border:1px solid var(--line);
      border-radius:var(--radius-lg);
      background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
      padding:26px;
    }
    .flow-line{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
      position:relative;
    }
    .flow-step{
      border-radius:18px;
      padding:20px;
      background:rgba(0,0,0,.24);
      border:1px solid rgba(255,255,255,.08);
      min-height:170px;
    }
    .flow-num{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:20px;
      color:var(--primary);
      font-weight:950;
      letter-spacing:.08em;
    }
    .flow-num::after{
      content:"";
      flex:1;
      height:1px;
      margin-left:14px;
      background:linear-gradient(90deg,rgba(99,255,155,.6),transparent);
    }
    .proof-grid{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:20px;
    }
    .proof-stack{
      display:grid;
      gap:20px;
    }
    .proof-card{
      min-height:210px;
    }
    .tag{
      display:inline-flex;
      align-items:center;
      padding:5px 10px;
      border-radius:999px;
      border:1px solid rgba(99,255,155,.22);
      color:var(--primary);
      background:rgba(99,255,155,.06);
      font-size:13px;
      font-weight:800;
      margin-bottom:14px;
    }
    .result-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      margin-top:18px;
      padding-top:16px;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .result-row b{
      font-size:28px;
      color:var(--accent);
      letter-spacing:-.04em;
    }
    .testimonial{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px;
    }
    .quote-card{
      padding:22px;
      border-radius:var(--radius);
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
    }
    .quote-card p{color:#d9e3d7}
    .quote-author{
      display:flex;
      justify-content:space-between;
      color:var(--muted);
      border-top:1px solid rgba(255,255,255,.08);
      padding-top:12px;
      font-size:14px;
    }
    .news-layout{
      display:grid;
      grid-template-columns:1.35fr .65fr;
      gap:22px;
    }
    .news-list{
      border-radius:var(--radius-lg);
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
      overflow:hidden;
    }
    .news-item{
      display:grid;
      grid-template-columns:120px 1fr auto;
      gap:18px;
      align-items:center;
      padding:18px 20px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .news-item:last-child{border-bottom:0}
    .news-date{
      color:var(--primary);
      font-weight:900;
      font-size:14px;
    }
    .news-item h3{
      font-size:18px;
      margin-bottom:4px;
    }
    .news-item p{
      color:var(--muted);
      margin-bottom:0;
      font-size:14px;
    }
    .news-cta{
      color:var(--primary);
      font-weight:850;
      white-space:nowrap;
    }
    .calendar-card{
      border-radius:var(--radius-lg);
      border:1px solid rgba(255,143,61,.22);
      background:linear-gradient(180deg,rgba(255,143,61,.11),rgba(255,255,255,.035));
      padding:24px;
      height:100%;
    }
    .calendar-line{
      display:flex;
      gap:12px;
      padding:14px 0;
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .calendar-line:last-child{border-bottom:0}
    .day{
      flex:0 0 48px;
      height:48px;
      border-radius:14px;
      display:grid;
      place-items:center;
      color:#130d06;
      background:var(--accent);
      font-weight:950;
    }
    .accordion.tac-accordion{
      --bs-accordion-bg: transparent;
      --bs-accordion-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow:none;
      --bs-accordion-active-bg:rgba(99,255,155,.08);
      --bs-accordion-active-color:var(--text);
      display:grid;
      gap:12px;
    }
    .tac-accordion .accordion-item{
      border:1px solid var(--line);
      border-radius:18px !important;
      overflow:hidden;
      background:rgba(255,255,255,.04);
    }
    .tac-accordion .accordion-button{
      color:var(--text);
      font-weight:850;
      background:rgba(255,255,255,.03);
      padding:18px 20px;
      box-shadow:none;
    }
    .tac-accordion .accordion-button::after{
      filter:invert(1);
      opacity:.7;
    }
    .tac-accordion .accordion-body{
      color:#c8d3c6;
      padding:0 20px 20px;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .cta-band{
      border-radius:var(--radius-lg);
      padding:30px;
      border:1px solid rgba(99,255,155,.28);
      background:
        linear-gradient(110deg,rgba(99,255,155,.18),rgba(255,143,61,.10) 58%,rgba(255,255,255,.04)),
        #101511;
      display:grid;
      grid-template-columns:1fr auto;
      gap:24px;
      align-items:center;
      box-shadow:var(--shadow);
      overflow:hidden;
      position:relative;
    }
    .cta-band::before{
      content:"";
      position:absolute;
      inset:auto 22px 18px auto;
      width:160px;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--primary));
    }
    .inline-form{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    .inline-form input{
      min-width:240px;
      flex:1;
      height:46px;
      border-radius:999px;
      border:1px solid var(--line);
      background:rgba(0,0,0,.22);
      color:var(--text);
      padding:0 16px;
    }
    .promise-row{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
    }
    .promise-item{
      border:1px solid rgba(255,255,255,.08);
      border-radius:16px;
      background:rgba(255,255,255,.035);
      padding:16px;
      display:flex;
      gap:12px;
      align-items:flex-start;
    }
    .promise-icon{
      width:34px;height:34px;border-radius:12px;
      display:grid;place-items:center;
      color:#081009;background:var(--primary);
      font-weight:950;
      flex:0 0 auto;
    }
    .float-cta{
      position:fixed;
      left:50%;
      bottom:18px;
      transform:translateX(-50%);
      width:min(760px, calc(100% - 28px));
      z-index:1010;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:14px;
      padding:11px 12px 11px 18px;
      border:1px solid rgba(99,255,155,.28);
      border-radius:999px;
      background:rgba(13,18,14,.88);
      backdrop-filter:blur(16px);
      box-shadow:0 16px 44px rgba(0,0,0,.38);
    }
    .float-cta span{
      color:#d7e2d5;
      font-weight:780;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .site-footer{
      margin-top:42px;
      padding:58px 0 92px;
      background:#070a08;
      border-top:1px solid rgba(255,255,255,.08);
      position:relative;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.3fr .8fr .8fr 1fr;
      gap:26px;
    }
    .footer-title{
      font-weight:900;
      margin-bottom:12px;
      color:var(--text);
    }
    .footer-link{
      display:block;
      color:var(--muted);
      margin:8px 0;
      font-size:14px;
    }
    .footer-link:hover{color:var(--primary);transform:translateX(2px)}
    .footer-note{
      color:var(--muted);
      font-size:14px;
      margin-bottom:0;
    }
    .copyright{
      margin-top:28px;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.08);
      color:#7f8b7d;
      font-size:13px;
      display:flex;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
    }
    @media (max-width: 1199.98px){
      .hero-stage-grid{grid-template-columns:1fr;align-items:stretch}
      .hero-side{display:grid;grid-template-columns:repeat(2,1fr)}
      .product-stage{order:-1}
    }
    @media (max-width: 991.98px){
      .nav-top{grid-template-columns:1fr auto}
      .search-wrap{grid-column:1 / -1;order:3}
      .feature-layout,.matrix,.proof-grid,.news-layout,.cta-band{grid-template-columns:1fr}
      .promise-row{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1fr 1fr}
      .section{padding:56px 0}
    }
    @media (max-width: 767.98px){
      .site-container{width:min(100% - 28px, var(--container))}
      .brand-text{max-width:180px}
      .nav-top{gap:12px}
      .hero{min-height:auto;padding:46px 0 42px}
      .product-stage{padding:20px}
      .stage-panel,.feature-grid,.flow-line,.testimonial,.promise-row{grid-template-columns:1fr}
      .hero-side{grid-template-columns:1fr}
      .entry-grid{grid-template-columns:1fr}
      .section-head{display:block}
      .lead{font-size:16px}
      .news-item{grid-template-columns:1fr;gap:6px}
      .cta-band{padding:22px}
      .float-cta{border-radius:20px;align-items:stretch;flex-direction:column}
      .float-cta span{white-space:normal}
      .float-cta .btn-tactical{width:100%}
      .footer-grid{grid-template-columns:1fr}
    }
    @media (max-width: 575.98px){
      h1{font-size:34px}
      h2{font-size:27px}
      .btn-tactical{width:100%}
      .hero-actions{display:grid}
      .inline-form input{min-width:100%}
      .stage-top{align-items:flex-start;flex-direction:column}
      .mini-stat strong{font-size:22px}
      .tab-pill{padding:8px 13px}
    }

/* roulang page: category1 */
:root{
      --bg:#0a0f14;
      --bg-2:#0f1620;
      --panel:rgba(14,20,28,.86);
      --panel-2:rgba(18,26,36,.92);
      --line:rgba(255,255,255,.09);
      --line-strong:rgba(125,247,207,.34);
      --text:#eef4f7;
      --muted:#92a2af;
      --muted-2:#73808d;
      --accent:#7df7cf;
      --accent-2:#ff9f4a;
      --accent-3:#a6f0ff;
      --shadow:0 20px 50px rgba(0,0,0,.28);
      --shadow-soft:0 12px 30px rgba(0,0,0,.18);
      --radius:18px;
      --radius-sm:14px;
      --space:24px;
      --container:1320px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
      background:
        radial-gradient(circle at 15% 18%, rgba(125,247,207,.11), transparent 22%),
        radial-gradient(circle at 82% 12%, rgba(255,159,74,.09), transparent 20%),
        radial-gradient(circle at 70% 78%, rgba(166,240,255,.08), transparent 22%),
        linear-gradient(180deg, #0a0f14 0%, #0b1118 56%, #091016 100%);
      min-height:100vh;
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size:34px 34px;
      mask-image:linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.12));
      opacity:.22;
      z-index:-2;
    }
    body::after{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      background:linear-gradient(180deg, transparent 0%, rgba(255,255,255,.015) 50%, transparent 100%);
      opacity:.5;
      z-index:-1;
    }
    a{
      color:inherit;
      text-decoration:none;
      transition:color .22s ease, opacity .22s ease, transform .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
    }
    a:hover{color:inherit}
    img{max-width:100%;display:block}
    button,input,textarea,select{
      font:inherit;
    }
    ::selection{
      background:rgba(125,247,207,.22);
      color:var(--text);
    }
    .site-container{
      width:min(var(--container), calc(100% - 32px));
      margin:0 auto;
    }
    .site-header{
      position:sticky;
      top:0;
      z-index:1000;
      backdrop-filter:blur(12px);
      background:linear-gradient(180deg, rgba(9,14,20,.92), rgba(9,14,20,.74));
      border-bottom:1px solid rgba(255,255,255,.06);
      box-shadow:0 10px 30px rgba(0,0,0,.12);
    }
    .nav-top{
      display:flex;
      align-items:center;
      gap:14px;
      padding:14px 0 12px;
    }
    .brand{
      display:inline-flex;
      align-items:center;
      gap:12px;
      flex:0 0 auto;
      min-width:0;
    }
    .brand-mark{
      width:38px;
      height:38px;
      border-radius:13px;
      display:grid;
      place-items:center;
      font-weight:800;
      color:#05130f;
      background:linear-gradient(145deg, var(--accent), #d8fff2);
      box-shadow:0 0 0 1px rgba(125,247,207,.16), 0 10px 22px rgba(125,247,207,.16);
      letter-spacing:.5px;
    }
    .brand-text{
      font-size:1rem;
      font-weight:800;
      letter-spacing:.2px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .search-wrap{
      flex:1 1 auto;
      display:flex;
      align-items:center;
      max-width:620px;
      margin-left:8px;
    }
    .search-input{
      width:100%;
      background:rgba(255,255,255,.04);
      color:var(--text);
      border:1px solid rgba(255,255,255,.1);
      border-radius:999px;
      padding:12px 18px;
      outline:none;
      box-shadow:none;
      transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
    }
    .search-input::placeholder{color:#8c99a4}
    .search-input:focus{
      border-color:rgba(125,247,207,.4);
      background:rgba(255,255,255,.06);
      box-shadow:0 0 0 .22rem rgba(125,247,207,.1);
    }
    .btn-tactical{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:44px;
      padding:0 18px;
      border-radius:999px;
      border:1px solid transparent;
      font-weight:700;
      letter-spacing:.2px;
      white-space:nowrap;
      cursor:pointer;
      user-select:none;
    }
    .btn-primary-tac{
      color:#04120d;
      background:linear-gradient(145deg, var(--accent), #b7ffe9);
      box-shadow:0 12px 26px rgba(125,247,207,.16);
    }
    .btn-primary-tac:hover{
      transform:translateY(-1px);
      box-shadow:0 14px 28px rgba(125,247,207,.22);
      color:#04120d;
    }
    .btn-outline-tac{
      color:var(--text);
      background:rgba(255,255,255,.03);
      border-color:rgba(255,255,255,.12);
    }
    .btn-outline-tac:hover{
      transform:translateY(-1px);
      color:var(--text);
      border-color:rgba(125,247,207,.32);
      background:rgba(125,247,207,.06);
      box-shadow:0 10px 20px rgba(0,0,0,.16);
    }
    .channel-row{
      border-top:1px solid rgba(255,255,255,.06);
      padding:10px 0 12px;
    }
    .channel-scroll{
      display:flex;
      gap:10px;
      overflow-x:auto;
      scrollbar-width:none;
      -ms-overflow-style:none;
      padding-bottom:2px;
      mask-image:linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
    }
    .channel-scroll::-webkit-scrollbar{display:none}
    .tab-pill{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      min-height:38px;
      padding:0 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.03);
      color:#d7e1e8;
      font-size:.95rem;
      font-weight:600;
    }
    .tab-pill:hover{
      border-color:rgba(125,247,207,.28);
      background:rgba(125,247,207,.06);
      transform:translateY(-1px);
      color:var(--text);
    }
    .tab-pill.active{
      color:#03110d;
      background:linear-gradient(145deg, var(--accent), #c9fff0);
      border-color:transparent;
      box-shadow:0 10px 20px rgba(125,247,207,.16);
    }
    main{
      padding:36px 0 68px;
    }
    .section{
      padding:34px 0;
    }
    .section-sm{
      padding:24px 0;
    }
    .breadcrumb-wrap{
      color:var(--muted);
      font-size:.92rem;
      margin-bottom:14px;
    }
    .breadcrumb-wrap a{
      color:#cfd8de;
    }
    .breadcrumb-wrap span{
      opacity:.7;
    }
    .hero-shell{
      position:relative;
      padding:24px;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));
      border:1px solid rgba(255,255,255,.08);
      border-radius:calc(var(--radius) + 6px);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .hero-shell::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 18% 18%, rgba(125,247,207,.12), transparent 22%),
        radial-gradient(circle at 84% 14%, rgba(255,159,74,.09), transparent 18%);
      pointer-events:none;
    }
    .hero-shell > *{position:relative;z-index:1}
    .category-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 12px;
      border-radius:999px;
      border:1px solid rgba(125,247,207,.2);
      background:rgba(125,247,207,.08);
      color:#dffff6;
      font-size:.9rem;
      font-weight:700;
      letter-spacing:.2px;
    }
    .category-kicker::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--accent);
      box-shadow:0 0 0 4px rgba(125,247,207,.08);
    }
    .hero-title{
      margin:16px 0 14px;
      font-size:clamp(2rem, 4vw, 3.8rem);
      line-height:1.06;
      letter-spacing:-.04em;
      font-weight:900;
    }
    .hero-lead{
      max-width:720px;
      color:#d3dde3;
      font-size:1.05rem;
      line-height:1.8;
      margin-bottom:20px;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-bottom:16px;
    }
    .hero-stats{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:16px 0 12px;
    }
    .stat-chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.09);
      background:rgba(255,255,255,.04);
      color:#eef4f7;
      font-size:.92rem;
      font-weight:700;
      box-shadow:0 8px 18px rgba(0,0,0,.1);
    }
    .stat-chip b{
      color:var(--accent);
      font-weight:800;
    }
    .hero-note{
      display:flex;
      align-items:center;
      gap:10px;
      color:#b8c4cc;
      font-size:.95rem;
      padding:12px 14px;
      border-radius:16px;
      background:rgba(255,255,255,.03);
      border:1px dashed rgba(255,255,255,.12);
      max-width:760px;
    }
    .hero-note::before{
      content:"";
      width:10px;
      height:10px;
      border-radius:50%;
      background:var(--accent-2);
      box-shadow:0 0 0 5px rgba(255,159,74,.1);
      flex:0 0 auto;
    }
    .hero-panel{
      position:relative;
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px;
      padding:6px;
    }
    .matrix-cell{
      min-height:132px;
      padding:16px;
      border-radius:16px;
      background:linear-gradient(180deg, rgba(17,25,34,.96), rgba(12,18,25,.98));
      border:1px solid rgba(255,255,255,.08);
      box-shadow:var(--shadow-soft);
      position:relative;
      overflow:hidden;
    }
    .matrix-cell::after{
      content:"";
      position:absolute;
      inset:auto -18% -30% auto;
      width:96px;
      height:96px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(125,247,207,.14), transparent 62%);
      pointer-events:none;
    }
    .matrix-label{
      display:inline-flex;
      align-items:center;
      gap:6px;
      color:#c9d5db;
      font-size:.84rem;
      text-transform:none;
      letter-spacing:.2px;
      margin-bottom:10px;
    }
    .matrix-label i{
      display:inline-block;
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--accent);
      box-shadow:0 0 0 4px rgba(125,247,207,.1);
    }
    .matrix-value{
      font-size:1.5rem;
      line-height:1.1;
      font-weight:900;
      letter-spacing:-.03em;
      margin-bottom:8px;
    }
    .matrix-desc{
      color:var(--muted);
      font-size:.93rem;
      line-height:1.65;
    }
    .filter-shell{
      margin-top:22px;
      padding:18px;
      border-radius:20px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(10,15,20,.55);
      box-shadow:var(--shadow-soft);
    }
    .filter-row{
      display:flex;
      align-items:center;
      gap:10px;
      overflow-x:auto;
      scrollbar-width:none;
      -ms-overflow-style:none;
      padding-bottom:4px;
      mask-image:linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
    }
    .filter-row::-webkit-scrollbar{display:none}
    .filter-row .pill{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:38px;
      padding:0 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.03);
      color:#dbe4ea;
      font-size:.92rem;
      font-weight:650;
      cursor:pointer;
    }
    .filter-row .pill:hover{
      border-color:rgba(125,247,207,.3);
      color:var(--text);
      background:rgba(125,247,207,.06);
      transform:translateY(-1px);
    }
    .filter-row .pill.active{
      color:#03110d;
      background:linear-gradient(145deg, var(--accent), #c8fff0);
      border-color:transparent;
    }
    .sort-bar{
      margin-top:14px;
      display:flex;
      flex-wrap:wrap;
      gap:10px 14px;
      align-items:center;
      justify-content:space-between;
      color:var(--muted);
      font-size:.92rem;
    }
    .sort-row{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
    }
    .sort-tag{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.03);
      color:#d9e2e8;
      font-weight:600;
    }
    .sort-tag strong{
      color:var(--accent);
      font-weight:800;
      margin-right:6px;
    }
    .section-heading{
      margin-bottom:20px;
    }
    .section-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:.86rem;
      font-weight:800;
      letter-spacing:.18em;
      color:var(--accent);
      text-transform:uppercase;
      margin-bottom:12px;
    }
    .section-kicker::before{
      content:"";
      width:26px;
      height:1px;
      background:linear-gradient(90deg, var(--accent), transparent);
    }
    .section-title{
      margin:0;
      font-size:clamp(1.6rem, 2.4vw, 2.45rem);
      line-height:1.16;
      font-weight:900;
      letter-spacing:-.03em;
    }
    .section-lead{
      margin:12px 0 0;
      max-width:760px;
      color:var(--muted);
      line-height:1.8;
      font-size:1rem;
    }
    .entry-grid .entry-card{
      height:100%;
    }
    .entry-card,
    .info-card,
    .proof-card,
    .step-card,
    .faq-card,
    .cta-panel,
    .footer-grid > div{
      background:linear-gradient(180deg, rgba(18,26,36,.96), rgba(12,18,25,.98));
      border:1px solid rgba(255,255,255,.08);
      border-radius:var(--radius);
      box-shadow:var(--shadow-soft);
    }
    .entry-card{
      position:relative;
      padding:22px;
      overflow:hidden;
      transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
    }
    .entry-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(135deg, rgba(125,247,207,.08), transparent 45%);
      opacity:0;
      transition:opacity .22s ease;
      pointer-events:none;
    }
    .entry-card:hover{
      transform:translateY(-3px);
      border-color:rgba(125,247,207,.24);
      box-shadow:0 18px 36px rgba(0,0,0,.25);
    }
    .entry-card:hover::before{opacity:1}
    .entry-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
    }
    .entry-badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:6px 11px;
      border-radius:999px;
      background:rgba(125,247,207,.1);
      border:1px solid rgba(125,247,207,.18);
      color:#dffef4;
      font-size:.82rem;
      font-weight:800;
    }
    .entry-dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--accent);
      box-shadow:0 0 0 4px rgba(125,247,207,.08);
    }
    .entry-meta{
      color:var(--muted);
      font-size:.84rem;
      white-space:nowrap;
    }
    .entry-title{
      margin:0 0 12px;
      font-size:1.32rem;
      line-height:1.3;
      font-weight:850;
      letter-spacing:-.02em;
    }
    .entry-desc{
      color:#c7d2d9;
      line-height:1.8;
      font-size:.98rem;
      min-height:3.6em;
      margin-bottom:16px;
    }
    .entry-foot{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding-top:14px;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .entry-chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#d7e1e8;
      font-size:.9rem;
    }
    .entry-chip b{
      color:var(--accent-2);
      font-weight:800;
    }
    .link-action{
      color:var(--accent);
      font-weight:800;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .link-action::after{
      content:"→";
      transition:transform .2s ease;
    }
    .entry-card:hover .link-action::after{
      transform:translateX(2px);
    }
    .timeline{
      position:relative;
      padding-top:18px;
    }
    .timeline::before{
      content:"";
      position:absolute;
      left:24px;
      right:24px;
      top:58px;
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(125,247,207,.24), transparent);
    }
    .step-card{
      position:relative;
      padding:22px 20px 20px;
      height:100%;
      overflow:hidden;
      transition:transform .22s ease, border-color .22s ease;
    }
    .step-card:hover{
      transform:translateY(-2px);
      border-color:rgba(125,247,207,.24);
    }
    .step-mark{
      width:44px;
      height:44px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background:linear-gradient(145deg, rgba(125,247,207,.15), rgba(125,247,207,.08));
      border:1px solid rgba(125,247,207,.2);
      color:var(--accent);
      font-weight:900;
      margin-bottom:14px;
    }
    .step-title{
      margin:0 0 10px;
      font-size:1.15rem;
      line-height:1.3;
      font-weight:850;
    }
    .step-desc{
      margin:0;
      color:var(--muted);
      line-height:1.8;
      font-size:.96rem;
    }
    .info-card{
      padding:18px;
      transition:transform .22s ease, border-color .22s ease;
    }
    .info-card:hover{
      transform:translateY(-2px);
      border-color:rgba(255,159,74,.24);
    }
    .info-label{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(255,159,74,.1);
      border:1px solid rgba(255,159,74,.18);
      color:#ffe5d1;
      font-size:.82rem;
      font-weight:800;
      margin-bottom:12px;
    }
    .info-title{
      margin:0 0 10px;
      font-size:1.08rem;
      line-height:1.35;
      font-weight:850;
    }
    .info-desc{
      margin:0 0 12px;
      color:var(--muted);
      line-height:1.75;
      font-size:.95rem;
    }
    .info-meta{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .meta-tag{
      display:inline-flex;
      align-items:center;
      min-height:30px;
      padding:0 10px;
      border-radius:999px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      color:#d9e4ea;
      font-size:.82rem;
      font-weight:650;
    }
    .proof-large{
      padding:24px;
      height:100%;
      position:relative;
      overflow:hidden;
    }
    .proof-large::before,
    .proof-small::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(140deg, rgba(125,247,207,.08), transparent 50%);
      pointer-events:none;
    }
    .proof-small{
      padding:18px;
      height:100%;
      position:relative;
      overflow:hidden;
    }
    .proof-title{
      margin:0 0 12px;
      font-size:1.16rem;
      line-height:1.35;
      font-weight:850;
    }
    .proof-desc{
      margin:0 0 16px;
      color:var(--muted);
      line-height:1.8;
      font-size:.96rem;
    }
    .proof-gridline{
      display:grid;
      gap:12px;
    }
    .proof-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:12px 14px;
      border-radius:14px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.08);
    }
    .proof-row span{
      color:#cfd8de;
      font-size:.92rem;
    }
    .proof-row strong{
      color:var(--accent);
      font-size:.95rem;
    }
    .faq-wrap .accordion{
      --bs-accordion-bg: transparent;
      --bs-accordion-border-color: rgba(255,255,255,.08);
      --bs-accordion-border-width: 1px;
      --bs-accordion-btn-color: var(--text);
      --bs-accordion-btn-bg: transparent;
      --bs-accordion-active-color: var(--text);
      --bs-accordion-active-bg: rgba(125,247,207,.06);
      --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem rgba(125,247,207,.12);
      --bs-accordion-btn-icon: none;
      --bs-accordion-btn-active-icon: none;
    }
    .faq-wrap .accordion-item{
      overflow:hidden;
      border-radius:16px !important;
      margin-bottom:14px;
      background:linear-gradient(180deg, rgba(18,26,36,.96), rgba(12,18,25,.98));
    }
    .faq-wrap .accordion-button{
      padding:18px 20px;
      font-weight:800;
      box-shadow:none !important;
      border:none;
    }
    .faq-wrap .accordion-button::after{
      content:"+";
      background:none;
      width:auto;
      height:auto;
      font-size:1.4rem;
      line-height:1;
      color:var(--accent);
      transform:none;
      margin-left:auto;
    }
    .faq-wrap .accordion-button:not(.collapsed)::after{
      content:"−";
    }
    .faq-wrap .accordion-body{
      padding:0 20px 18px;
      color:var(--muted);
      line-height:1.85;
    }
    .cta-panel{
      position:relative;
      overflow:hidden;
      padding:26px;
      background:
        radial-gradient(circle at top right, rgba(125,247,207,.14), transparent 24%),
        radial-gradient(circle at 10% 110%, rgba(255,159,74,.12), transparent 24%),
        linear-gradient(180deg, rgba(17,24,34,.98), rgba(9,14,20,.98));
    }
    .cta-panel::after{
      content:"";
      position:absolute;
      inset:-1px;
      border-radius:inherit;
      background:linear-gradient(135deg, rgba(125,247,207,.12), rgba(255,255,255,0) 35%, rgba(255,159,74,.08));
      mask:linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
      -webkit-mask:linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
      mask-composite:exclude;
      -webkit-mask-composite:xor;
      padding:1px;
      pointer-events:none;
    }
    .cta-layout{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
    }
    .cta-copy{
      max-width:760px;
    }
    .cta-title{
      margin:0 0 10px;
      font-size:clamp(1.5rem, 2.5vw, 2.2rem);
      line-height:1.18;
      font-weight:900;
    }
    .cta-desc{
      margin:0;
      color:#c4cfd6;
      line-height:1.8;
      font-size:.98rem;
    }
    .cta-form{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      margin-top:18px;
    }
    .cta-input{
      min-width:min(360px, 100%);
      flex:1 1 320px;
      min-height:46px;
      padding:0 16px;
      color:var(--text);
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.12);
      border-radius:14px;
      outline:none;
    }
    .cta-input::placeholder{color:#8b98a4}
    .cta-input:focus{
      border-color:rgba(125,247,207,.36);
      box-shadow:0 0 0 .2rem rgba(125,247,207,.1);
    }
    .cta-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .site-footer{
      padding:34px 0 24px;
      border-top:1px solid rgba(255,255,255,.06);
      background:linear-gradient(180deg, rgba(7,11,16,.88), rgba(7,11,16,.98));
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.35fr .85fr .85fr 1fr;
      gap:16px;
    }
    .footer-grid > div{
      padding:18px;
      border-radius:18px;
      background:rgba(255,255,255,.02);
    }
    .footer-title{
      font-size:1rem;
      font-weight:850;
      margin-bottom:12px;
      color:#f0f6f9;
    }
    .footer-note{
      color:var(--muted);
      line-height:1.8;
      margin:0;
      font-size:.95rem;
    }
    .footer-link{
      display:block;
      color:#d7e1e8;
      padding:6px 0;
      font-size:.95rem;
    }
    .footer-link:hover{
      color:var(--accent);
      transform:translateX(2px);
    }
    .copyright{
      display:flex;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      padding-top:16px;
      margin-top:16px;
      border-top:1px solid rgba(255,255,255,.06);
      color:#8f9ca7;
      font-size:.9rem;
    }
    .soft-divider{
      height:1px;
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
      margin:20px 0;
    }
    .tiny-note{
      color:var(--muted);
      font-size:.88rem;
      line-height:1.7;
    }
    .row-gap{
      --bs-gutter-x:1.25rem;
      --bs-gutter-y:1.25rem;
    }
    @media (max-width: 1199.98px){
      .hero-panel{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }
    @media (max-width: 991.98px){
      .nav-top{
        flex-wrap:wrap;
      }
      .search-wrap{
        order:3;
        width:100%;
        max-width:none;
        margin-left:0;
      }
      .hero-shell{
        padding:20px;
      }
      .hero-panel{
        margin-top:6px;
      }
      .timeline::before{
        display:none;
      }
    }
    @media (max-width: 767.98px){
      main{padding-top:26px}
      .site-container{
        width:min(var(--container), calc(100% - 24px));
      }
      .hero-panel{
        grid-template-columns:1fr;
      }
      .hero-actions,
      .cta-actions{
        width:100%;
      }
      .btn-tactical{
        width:auto;
      }
      .filter-shell{
        padding:14px;
      }
      .sort-bar{
        gap:10px;
      }
      .footer-grid{
        grid-template-columns:1fr;
      }
      .entry-card,
      .info-card,
      .proof-large,
      .proof-small,
      .step-card,
      .cta-panel{
        padding:18px;
      }
      .entry-desc{
        min-height:0;
      }
    }
    @media (max-width: 575.98px){
      .brand-text{
        font-size:.98rem;
      }
      .nav-top{
        gap:12px;
      }
      .search-input{
        padding:11px 16px;
      }
      .hero-title{
        margin-top:14px;
      }
      .hero-note{
        align-items:flex-start;
      }
      .entry-top,
      .entry-foot{
        flex-direction:column;
        align-items:flex-start;
      }
      .cta-input{
        min-width:100%;
      }
      .btn-tactical{
        width:100%;
      }
      .cta-actions{
        width:100%;
      }
      .cta-actions .btn-tactical{
        width:100%;
      }
    }
    .fade-in{
      animation:fadeInUp .55s ease both;
    }
    @keyframes fadeInUp{
      from{
        opacity:0;
        transform:translateY(10px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }