/* roulang page: index */
:root{
      --c-ink:#120714;
      --c-wine:#241018;
      --c-plum:#1B0B22;
      --c-rose:#FF3D8D;
      --c-orange:#FF9E2C;
      --c-apricot:#FFD8B0;
      --c-paper:#FFF7F2;
      --c-muted:#BCA8B9;
      --c-border:rgba(255,216,176,.22);
      --radius-xl:28px;
      --radius-lg:22px;
      --shadow-glow:0 24px 70px rgba(255,61,141,.24),0 10px 30px rgba(255,158,44,.16);
      --shadow-card:0 18px 45px rgba(25,8,30,.18);
      --ease:cubic-bezier(.2,.8,.2,1);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:'PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;
      line-height:1.7;
      color:#fff;
      background:
        radial-gradient(circle at top left,rgba(255,61,141,.28),transparent 34rem),
        radial-gradient(circle at top right,rgba(255,158,44,.18),transparent 32rem),
        linear-gradient(180deg,#120714 0%,#241018 48%,#FFF7F2 48%,#FFF7F2 100%);
      min-height:100vh;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    img,svg{max-width:100%;display:block}
    button,input{font:inherit}
    button{cursor:pointer}
    .site-container{width:min(100% - 32px,1280px);margin-inline:auto}
    .nav-shell{
      position:sticky;top:0;z-index:50;
      border-bottom:1px solid rgba(255,216,176,.16);
      background:rgba(18,7,20,.78);
      backdrop-filter:blur(18px);
      transition:box-shadow .25s var(--ease),background .25s var(--ease);
    }
    .nav-shell.is-scrolled{box-shadow:0 18px 48px rgba(0,0,0,.28);background:rgba(18,7,20,.92)}
    .logo-mark{
      width:40px;height:40px;border-radius:15px;
      display:grid;place-items:center;
      background:linear-gradient(135deg,var(--c-rose),var(--c-orange));
      box-shadow:0 12px 30px rgba(255,61,141,.35);
      flex:0 0 auto;
    }
    .nav-link{
      position:relative;
      padding:10px 14px;border-radius:999px;
      color:rgba(255,255,255,.78);
      transition:color .2s var(--ease),background .2s var(--ease);
      white-space:nowrap;
    }
    .nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.09)}
    .nav-link.active:after{
      content:"";position:absolute;left:18px;right:18px;bottom:4px;height:2px;
      border-radius:99px;background:linear-gradient(90deg,var(--c-rose),var(--c-orange));
    }
    .command-search{
      display:flex;align-items:center;gap:10px;
      min-width:280px;height:44px;padding:0 12px;
      border:1px solid rgba(255,216,176,.22);
      background:rgba(255,247,242,.08);
      border-radius:999px;color:rgba(255,255,255,.68);
      transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);
    }
    .command-search:focus-within{
      border-color:rgba(255,61,141,.8);
      box-shadow:0 0 0 4px rgba(255,61,141,.16);
      background:rgba(255,247,242,.12);
    }
    .command-search input{width:100%;background:transparent;border:0;outline:0;color:#fff}
    .command-search input::placeholder{color:rgba(255,255,255,.5)}
    .keycap{
      font-size:12px;line-height:1;
      padding:5px 7px;border-radius:8px;
      border:1px solid rgba(255,255,255,.16);
      color:rgba(255,255,255,.58);
      background:rgba(0,0,0,.18);
    }
    .btn-primary{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:13px 20px;border-radius:999px;
      background:linear-gradient(135deg,var(--c-rose),var(--c-orange));
      color:#fff;font-weight:800;
      box-shadow:0 16px 36px rgba(255,61,141,.28);
      transition:transform .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease);
      border:0;
    }
    .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 20px 48px rgba(255,61,141,.38)}
    .btn-primary:active{transform:translateY(0) scale(.98)}
    .btn-secondary{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:12px 18px;border-radius:999px;
      border:1px solid rgba(255,216,176,.34);
      color:#fff;background:rgba(255,255,255,.07);
      transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);
    }
    .btn-secondary:hover{transform:translateY(-2px);background:rgba(255,61,141,.12);border-color:rgba(255,61,141,.55)}
    .focusable:focus-visible{outline:3px solid rgba(255,158,44,.75);outline-offset:3px}
    main section{position:relative}
    .section-pad{padding:88px 0}
    .section-title{font-size:clamp(28px,4vw,42px);line-height:1.15;font-weight:900;letter-spacing:-.04em}
    .section-desc{margin-top:14px;color:rgba(255,255,255,.72);font-size:16px;max-width:760px}
    .light .section-title{color:#21101f}
    .light .section-desc{color:#6c5966}
    .badge{
      display:inline-flex;align-items:center;gap:7px;
      padding:7px 12px;border-radius:999px;
      font-size:13px;font-weight:800;
      color:#2a101e;background:linear-gradient(135deg,#FFD8B0,#FF9E2C);
      box-shadow:0 12px 24px rgba(255,158,44,.2);
    }
    .soft-badge{
      display:inline-flex;align-items:center;gap:6px;
      padding:7px 11px;border-radius:999px;
      border:1px solid rgba(255,216,176,.24);
      color:rgba(255,255,255,.78);
      background:rgba(255,255,255,.07);
      font-size:13px;
    }
    .count-block{
      min-width:68px;text-align:center;padding:12px 10px;border-radius:18px;
      background:rgba(255,255,255,.1);
      border:1px solid rgba(255,216,176,.22);
      box-shadow:inset 0 0 24px rgba(255,61,141,.08);
    }
    .count-num{font-size:28px;font-weight:900;line-height:1;color:#fff}
    .count-label{font-size:12px;color:rgba(255,255,255,.62);margin-top:4px}
    .progress-line{
      height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;
      border:1px solid rgba(255,216,176,.15);
    }
    .progress-line span{
      display:block;height:100%;width:72%;
      border-radius:999px;background:linear-gradient(90deg,var(--c-rose),var(--c-orange));
      animation:pulseBar 2.6s ease-in-out infinite;
    }
    @keyframes pulseBar{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
    .hero-panel{
      border:1px solid rgba(255,216,176,.22);
      background:
        linear-gradient(135deg,rgba(255,61,141,.16),rgba(255,158,44,.08)),
        rgba(255,255,255,.07);
      box-shadow:var(--shadow-glow);
      border-radius:32px;
      overflow:hidden;
    }
    .burst{
      position:absolute;right:7%;top:36px;
      transform:rotate(7deg);
      background:linear-gradient(135deg,#FFD8B0,#FF3D8D);
      color:#2c0b1d;font-weight:900;
      padding:12px 16px;border-radius:18px 18px 18px 4px;
      box-shadow:0 18px 35px rgba(255,61,141,.3);
    }
    .entry-tile,.feature-card,.wall-card,.info-card,.faq-item,.ticket-card{
      border:1px solid rgba(255,216,176,.20);
      transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease),background .24s var(--ease);
    }
    .entry-tile{
      min-height:128px;border-radius:22px;padding:18px;
      background:rgba(18,7,20,.5);
    }
    .entry-tile:hover,.feature-card:hover,.wall-card:hover,.info-card:hover{
      transform:translateY(-5px);
      border-color:rgba(255,61,141,.55);
      box-shadow:0 24px 55px rgba(255,61,141,.16);
    }
    .feature-card{
      border-radius:28px;padding:24px;background:#fff;color:#2b1728;box-shadow:var(--shadow-card);
    }
    .feature-card .num{font-size:13px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--c-rose),var(--c-orange));border-radius:999px;padding:6px 10px}
    .wall-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:minmax(190px,auto);gap:18px}
    .wall-card{
      border-radius:28px;padding:24px;overflow:hidden;position:relative;
      background:linear-gradient(135deg,rgba(255,61,141,.22),rgba(255,158,44,.12));
    }
    .wall-card.big{grid-row:span 2}
    .wall-card.wide{grid-column:span 2}
    .abstract-lines{
      position:absolute;inset:auto -30px -30px auto;width:180px;height:180px;border-radius:50%;
      background:radial-gradient(circle,rgba(255,216,176,.55),transparent 64%);
      filter:blur(2px);opacity:.55;
    }
    .info-card{border-radius:22px;background:#fff;color:#241018;box-shadow:var(--shadow-card)}
    .info-list a{
      display:flex;justify-content:space-between;gap:16px;
      padding:16px 0;border-bottom:1px solid rgba(36,16,24,.1);
      color:#2a1424;transition:color .2s var(--ease),padding-left .2s var(--ease);
    }
    .info-list a:hover{color:#e22b78;padding-left:6px}
    .ticket-card{
      position:relative;border-radius:34px;
      background:
        radial-gradient(circle at 0 50%,transparent 0 18px,rgba(255,255,255,.08) 19px),
        radial-gradient(circle at 100% 50%,transparent 0 18px,rgba(255,255,255,.08) 19px),
        linear-gradient(135deg,rgba(255,61,141,.2),rgba(255,158,44,.16)),
        rgba(18,7,20,.84);
      box-shadow:var(--shadow-glow);
      overflow:hidden;
    }
    .ticket-card:before,.ticket-card:after{
      content:"";position:absolute;top:0;bottom:0;width:1px;border-left:2px dashed rgba(255,216,176,.22);
    }
    .ticket-card:before{left:22px}.ticket-card:after{right:22px}
    .faq-item{
      border-radius:22px;background:#fff;color:#23101f;overflow:hidden;box-shadow:0 14px 38px rgba(35,16,31,.08);
    }
    .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;font-weight:900;text-align:left}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .28s var(--ease)}
    .faq-a div{padding:0 24px 22px;color:#6d5967}
    .faq-item.open .faq-a{max-height:220px}
    .faq-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff0e6;color:#c92670;flex:0 0 auto}
    .faq-item.open .faq-icon{background:linear-gradient(135deg,var(--c-rose),var(--c-orange));color:#fff}
    .footer{
      background:#120714;color:rgba(255,255,255,.72);
      border-top:1px solid rgba(255,216,176,.18);
      position:relative;
    }
    .footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--c-rose),var(--c-orange))}
    .footer a{transition:color .2s var(--ease)}
    .footer a:hover{color:#fff}
    .mobile-drawer{
      max-height:0;overflow:hidden;transition:max-height .3s var(--ease);
      border-top:1px solid rgba(255,216,176,.14);
    }
    .mobile-drawer.open{max-height:440px}
    @media (max-width:1024px){
      .command-search{min-width:220px}
      .wall-grid{grid-template-columns:1fr 1fr}
      .wall-card.big{grid-row:span 1}
      .wall-card.wide{grid-column:span 1}
      .burst{right:24px;top:18px}
    }
    @media (max-width:768px){
      .site-container{width:min(100% - 24px,1280px)}
      .section-pad{padding:62px 0}
      .count-block{min-width:58px}
      .count-num{font-size:23px}
      .hero-panel{border-radius:26px}
      .burst{position:static;display:inline-flex;margin-bottom:16px;transform:rotate(-3deg)}
    }
    @media (max-width:520px){
      .wall-grid{grid-template-columns:1fr}
      .entry-tile{min-height:112px}
      .btn-primary,.btn-secondary{width:100%}
      .ticket-card:before,.ticket-card:after{display:none}
      .command-search{min-width:0}
    }

/* roulang page: category1 */
:root{
      --bg:#120714;
      --bg-2:#241018;
      --ink:#fff7f2;
      --muted:rgba(255,247,242,.68);
      --soft:#fff7f2;
      --rose:#ff3d8d;
      --rose-2:#d91f72;
      --orange:#ff9e2c;
      --apricot:#ffd8b0;
      --purple:#1b0b22;
      --line:rgba(255,255,255,.12);
      --line-dark:rgba(36,16,24,.12);
      --radius:28px;
      --shadow:0 24px 80px rgba(255,61,141,.18);
      --shadow-orange:0 18px 60px rgba(255,158,44,.18);
      --container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 12% 0%,rgba(255,61,141,.26),transparent 32%),
        radial-gradient(circle at 92% 12%,rgba(255,158,44,.18),transparent 30%),
        linear-gradient(180deg,#120714 0%,#1a0b1f 42%,#fff7f2 42%,#fff7f2 100%);
      line-height:1.7;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}
    img,svg{display:block;max-width:100%}
    ::selection{background:rgba(255,61,141,.45);color:#fff}
    .site-container{width:min(var(--container),calc(100% - 32px));margin:0 auto}
    .focusable:focus-visible,input:focus-visible,button:focus-visible{
      outline:3px solid rgba(255,158,44,.55);
      outline-offset:3px;
    }
    .site-header{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(18,7,20,.76);
      backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(255,255,255,.1);
      transition:box-shadow .25s ease,border-color .25s ease,background .25s ease;
    }
    .site-header.scrolled{
      background:rgba(18,7,20,.92);
      box-shadow:0 18px 50px rgba(0,0,0,.24);
      border-color:rgba(255,61,141,.18);
    }
    .logo-mark{
      width:42px;
      height:42px;
      flex:0 0 auto;
      border-radius:15px;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,var(--rose),var(--orange));
      box-shadow:0 10px 30px rgba(255,61,141,.35);
      position:relative;
      overflow:hidden;
    }
    .logo-mark:after{
      content:"";
      position:absolute;
      inset:-25%;
      background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);
      transform:translateX(-80%) rotate(18deg);
      animation:shine 4.6s ease-in-out infinite;
    }
    @keyframes shine{0%,62%{transform:translateX(-90%) rotate(18deg)}78%,100%{transform:translateX(90%) rotate(18deg)}}
    .nav-link{
      display:inline-flex;
      align-items:center;
      min-height:42px;
      padding:0 16px;
      border-radius:999px;
      color:rgba(255,255,255,.68);
      font-weight:800;
      font-size:14px;
      transition:background .2s ease,color .2s ease,transform .2s ease;
    }
    .nav-link:hover{color:#fff;background:rgba(255,255,255,.08);transform:translateY(-1px)}
    .nav-link.active{color:#fff;background:linear-gradient(135deg,rgba(255,61,141,.22),rgba(255,158,44,.16));border:1px solid rgba(255,255,255,.12)}
    .command-search{
      width:310px;
      min-height:44px;
      display:flex;
      align-items:center;
      gap:10px;
      color:rgba(255,255,255,.56);
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.13);
      border-radius:999px;
      padding:0 12px 0 15px;
      transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
    }
    .command-search:focus-within{
      border-color:rgba(255,61,141,.65);
      box-shadow:0 0 0 5px rgba(255,61,141,.12);
      background:rgba(255,255,255,.12);
    }
    .command-search input{
      width:100%;
      min-width:0;
      color:#fff;
      background:transparent;
      border:0;
      outline:0;
      font-size:14px;
    }
    .command-search input::placeholder{color:rgba(255,255,255,.42)}
    .keycap{
      white-space:nowrap;
      border:1px solid rgba(255,255,255,.14);
      border-bottom-color:rgba(255,255,255,.28);
      border-radius:8px;
      padding:2px 7px;
      font-size:11px;
      color:rgba(255,255,255,.55);
      background:rgba(255,255,255,.08);
    }
    .btn-primary,.btn-secondary,.btn-dark{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      border-radius:999px;
      font-weight:900;
      transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease,background .2s ease;
      white-space:nowrap;
    }
    .btn-primary{
      padding:12px 20px;
      color:#fff;
      background:linear-gradient(135deg,var(--rose),var(--orange));
      box-shadow:0 16px 36px rgba(255,61,141,.28),0 10px 26px rgba(255,158,44,.16);
    }
    .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 20px 48px rgba(255,61,141,.34)}
    .btn-secondary{
      padding:11px 18px;
      border:1px solid rgba(255,255,255,.16);
      color:#fff;
      background:rgba(255,255,255,.08);
    }
    .btn-secondary:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(255,216,176,.34)}
    .btn-dark{
      padding:11px 18px;
      color:#2a101f;
      background:#fff;
      border:1px solid rgba(36,16,24,.1);
    }
    .btn-dark:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(36,16,24,.13)}
    .mobile-panel{
      display:none;
      border-top:1px solid rgba(255,255,255,.1);
      background:rgba(18,7,20,.96);
      padding:0 0 18px;
    }
    .mobile-panel.open{display:block}
    .section{padding:84px 0}
    .kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border-radius:999px;
      padding:8px 13px;
      color:#fff;
      font-size:13px;
      font-weight:900;
      letter-spacing:.02em;
      background:linear-gradient(135deg,rgba(255,61,141,.22),rgba(255,158,44,.16));
      border:1px solid rgba(255,255,255,.14);
    }
    .kicker.light{
      color:#3b142a;
      background:rgba(255,61,141,.08);
      border-color:rgba(255,61,141,.16);
    }
    .dot{
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--orange);
      box-shadow:0 0 0 6px rgba(255,158,44,.16);
    }
    .campaign-bar{
      margin-top:22px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:24px;
      background:linear-gradient(135deg,rgba(255,61,141,.16),rgba(255,158,44,.1)),rgba(255,255,255,.05);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .progress{
      height:8px;
      border-radius:999px;
      background:rgba(255,255,255,.1);
      overflow:hidden;
    }
    .progress span{
      display:block;
      height:100%;
      border-radius:999px;
      width:76%;
      background:linear-gradient(90deg,var(--rose),var(--orange));
      box-shadow:0 0 18px rgba(255,61,141,.45);
    }
    .hero{
      padding:42px 0 76px;
      position:relative;
    }
    .hero:before{
      content:"";
      position:absolute;
      left:50%;
      top:120px;
      width:min(760px,90vw);
      height:360px;
      transform:translateX(-50%);
      background:radial-gradient(circle,rgba(255,61,141,.24),transparent 62%);
      filter:blur(6px);
      pointer-events:none;
    }
    .breadcrumb{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
      color:rgba(255,255,255,.58);
      font-size:14px;
      margin:26px 0 28px;
    }
    .breadcrumb a:hover{color:#fff}
    .hero-title{
      font-size:clamp(34px,5.5vw,62px);
      line-height:1.05;
      letter-spacing:-.04em;
      font-weight:950;
      color:#fff;
    }
    .hero-copy{
      color:rgba(255,255,255,.72);
      font-size:17px;
      max-width:760px;
      margin:22px auto 0;
    }
    .stage-grid{
      display:grid;
      grid-template-columns:1fr minmax(320px,520px) 1fr;
      gap:24px;
      align-items:center;
      margin-top:46px;
      position:relative;
    }
    .value-rail{
      display:grid;
      gap:16px;
    }
    .rail-card{
      border-radius:24px;
      padding:18px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 12px 34px rgba(0,0,0,.12);
      transition:transform .2s ease,border-color .2s ease,background .2s ease;
    }
    .rail-card:hover{transform:translateY(-4px);border-color:rgba(255,61,141,.36);background:rgba(255,255,255,.11)}
    .stage-panel{
      min-height:440px;
      border-radius:36px;
      padding:22px;
      background:
        linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.05)),
        linear-gradient(135deg,rgba(255,61,141,.14),rgba(255,158,44,.1));
      border:1px solid rgba(255,255,255,.18);
      box-shadow:0 30px 120px rgba(0,0,0,.32),var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .stage-panel:before{
      content:"";
      position:absolute;
      inset:-1px;
      background:
        radial-gradient(circle at 20% 0%,rgba(255,216,176,.2),transparent 28%),
        radial-gradient(circle at 85% 15%,rgba(255,61,141,.24),transparent 30%);
      pointer-events:none;
    }
    .mock-window{
      position:relative;
      z-index:1;
      height:100%;
      border-radius:28px;
      background:rgba(18,7,20,.78);
      border:1px solid rgba(255,255,255,.12);
      padding:18px;
    }
    .mock-top{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding-bottom:14px;
      border-bottom:1px solid rgba(255,255,255,.1);
      color:rgba(255,255,255,.68);
      font-size:13px;
    }
    .matrix{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px;
      margin-top:18px;
    }
    .matrix-card{
      min-height:112px;
      border-radius:22px;
      padding:16px;
      background:linear-gradient(135deg,rgba(255,61,141,.2),rgba(255,158,44,.08));
      border:1px solid rgba(255,255,255,.12);
    }
    .matrix-card:nth-child(2),.matrix-card:nth-child(3){background:rgba(255,255,255,.08)}
    .chip,.filter-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      border-radius:999px;
      padding:7px 11px;
      font-weight:800;
      font-size:13px;
      transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
    }
    .chip{
      color:rgba(255,255,255,.76);
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.11);
    }
    .filter-chip{
      color:#482037;
      background:#fff;
      border:1px solid rgba(255,61,141,.14);
      box-shadow:0 8px 20px rgba(36,16,24,.05);
    }
    .filter-chip:hover,.filter-chip.active{
      color:#fff;
      transform:translateY(-2px);
      background:linear-gradient(135deg,var(--rose),var(--orange));
      border-color:transparent;
    }
    .light-section{
      color:#2b1222;
      background:#fff7f2;
    }
    .light-section .muted{color:rgba(43,18,34,.66)}
    .search-zone{
      margin-top:-38px;
      position:relative;
      z-index:3;
    }
    .search-card{
      border-radius:32px;
      background:rgba(255,247,242,.94);
      border:1px solid rgba(255,61,141,.14);
      box-shadow:0 24px 80px rgba(36,16,24,.12);
      padding:24px;
      color:#2b1222;
    }
    .big-search{
      min-height:62px;
      display:flex;
      align-items:center;
      gap:14px;
      background:#fff;
      border:1px solid rgba(36,16,24,.1);
      border-radius:22px;
      padding:0 18px;
      transition:box-shadow .2s ease,border-color .2s ease;
    }
    .big-search:focus-within{
      border-color:rgba(255,61,141,.5);
      box-shadow:0 0 0 6px rgba(255,61,141,.12);
    }
    .big-search input{
      flex:1;
      min-width:0;
      border:0;
      outline:0;
      background:transparent;
      color:#2b1222;
    }
    .select-pill{
      border-radius:999px;
      border:1px solid rgba(36,16,24,.1);
      background:#fff;
      padding:10px 14px;
      font-size:14px;
      color:#4b263b;
    }
    .content-grid{
      display:grid;
      grid-template-columns:minmax(0,1fr) 330px;
      gap:28px;
      align-items:start;
    }
    .entry-list{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
    }
    .entry-card{
      border-radius:28px;
      padding:18px;
      background:#fff;
      border:1px solid rgba(36,16,24,.1);
      box-shadow:0 18px 45px rgba(36,16,24,.06);
      transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
      min-height:230px;
    }
    .entry-card:hover{
      transform:translateY(-5px);
      border-color:rgba(255,61,141,.35);
      box-shadow:0 24px 60px rgba(255,61,141,.14);
    }
    .thumb{
      width:74px;
      height:74px;
      border-radius:24px;
      display:grid;
      place-items:center;
      color:#fff;
      background:
        linear-gradient(135deg,rgba(255,61,141,.96),rgba(255,158,44,.86)),
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.45),transparent 35%);
      box-shadow:0 14px 32px rgba(255,61,141,.18);
    }
    .entry-card:nth-child(2n) .thumb{background:linear-gradient(135deg,#241018,#ff3d8d)}
    .entry-card:nth-child(3n) .thumb{background:linear-gradient(135deg,#1b0b22,#ff9e2c)}
    .entry-arrow{
      width:38px;
      height:38px;
      border-radius:50%;
      display:grid;
      place-items:center;
      color:#fff;
      background:#2b1222;
      transition:transform .2s ease,background .2s ease;
    }
    .entry-card:hover .entry-arrow{transform:translateX(4px);background:linear-gradient(135deg,var(--rose),var(--orange))}
    .side-panel{
      position:sticky;
      top:100px;
      border-radius:30px;
      padding:22px;
      color:#fff;
      background:
        linear-gradient(160deg,rgba(255,61,141,.2),rgba(255,158,44,.1)),
        #1b0b22;
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 22px 70px rgba(27,11,34,.22);
    }
    .task-item{
      display:flex;
      gap:12px;
      padding:14px 0;
      border-bottom:1px solid rgba(255,255,255,.1);
    }
    .task-num{
      width:28px;
      height:28px;
      border-radius:10px;
      display:grid;
      place-items:center;
      flex:0 0 auto;
      font-weight:900;
      background:linear-gradient(135deg,var(--rose),var(--orange));
    }
    .process-card,.proof-card{
      border-radius:28px;
      padding:24px;
      background:#fff;
      border:1px solid rgba(36,16,24,.1);
      box-shadow:0 16px 44px rgba(36,16,24,.06);
      transition:transform .2s ease,border-color .2s ease;
    }
    .process-card:hover,.proof-card:hover{transform:translateY(-4px);border-color:rgba(255,158,44,.32)}
    .dark-band{
      background:
        radial-gradient(circle at 15% 10%,rgba(255,61,141,.2),transparent 30%),
        radial-gradient(circle at 80% 35%,rgba(255,158,44,.16),transparent 32%),
        #120714;
      color:#fff;
    }
    .bento{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:18px;
    }
    .bento-card{
      min-height:190px;
      border-radius:30px;
      padding:22px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.07);
      overflow:hidden;
      position:relative;
      transition:transform .2s ease,border-color .2s ease,background .2s ease;
    }
    .bento-card:hover{transform:translateY(-5px);border-color:rgba(255,216,176,.32);background:rgba(255,255,255,.1)}
    .bento-card.large{grid-row:span 2;min-height:398px;background:linear-gradient(145deg,rgba(255,61,141,.22),rgba(255,158,44,.12))}
    .bento-card.wide{grid-column:span 2}
    .abstract-lines{
      position:absolute;
      right:-25px;
      bottom:-35px;
      width:180px;
      height:180px;
      border-radius:50%;
      background:repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0 8px,transparent 8px 18px);
      opacity:.5;
    }
    .ticket{
      border-radius:34px;
      background:
        radial-gradient(circle at 0 50%,#fff7f2 0 18px,transparent 19px),
        radial-gradient(circle at 100% 50%,#fff7f2 0 18px,transparent 19px),
        linear-gradient(135deg,#2a0d24,#4a1434 48%,#ff3d8d 130%);
      color:#fff;
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 28px 90px rgba(255,61,141,.22);
      padding:32px;
      position:relative;
      overflow:hidden;
    }
    .ticket:after{
      content:"";
      position:absolute;
      inset:18px 44%;
      width:1px;
      border-left:2px dashed rgba(255,255,255,.18);
    }
    .faq-item{
      border-radius:22px;
      background:#fff;
      border:1px solid rgba(36,16,24,.1);
      overflow:hidden;
      box-shadow:0 12px 30px rgba(36,16,24,.05);
    }
    .faq-q{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:20px 22px;
      color:#2b1222;
      font-weight:950;
      text-align:left;
      background:transparent;
      border:0;
    }
    .faq-a{
      max-height:0;
      overflow:hidden;
      transition:max-height .28s ease;
    }
    .faq-a p{
      margin:0;
      padding:0 22px 20px;
      color:rgba(43,18,34,.68);
    }
    .faq-item.open .faq-a{max-height:220px}
    .faq-icon{
      width:28px;
      height:28px;
      border-radius:50%;
      display:grid;
      place-items:center;
      color:#fff;
      background:linear-gradient(135deg,var(--rose),var(--orange));
      flex:0 0 auto;
    }
    .faq-item.open .faq-icon{transform:rotate(45deg)}
    .footer{
      background:#120714;
      color:rgba(255,255,255,.62);
      border-top:1px solid rgba(255,255,255,.08);
      position:relative;
    }
    .footer:before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      right:0;
      height:3px;
      background:linear-gradient(90deg,var(--rose),var(--orange));
    }
    .footer a{color:rgba(255,255,255,.62);transition:color .2s ease}
    .footer a:hover{color:#fff}
    @media (max-width:1024px){
      .stage-grid{grid-template-columns:1fr;max-width:760px;margin-left:auto;margin-right:auto}
      .value-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
      .content-grid{grid-template-columns:1fr}
      .side-panel{position:relative;top:auto}
      .bento{grid-template-columns:1fr 1fr}
      .bento-card.large{grid-row:auto}
    }
    @media (max-width:768px){
      .site-container{width:min(100% - 24px,var(--container))}
      .section{padding:58px 0}
      .hero{padding:28px 0 56px}
      .campaign-bar{border-radius:20px}
      .value-rail,.entry-list,.matrix{grid-template-columns:1fr}
      .stage-panel{min-height:auto;border-radius:28px}
      .search-card{border-radius:26px;padding:18px}
      .big-search{min-height:56px}
      .bento{grid-template-columns:1fr}
      .bento-card.wide{grid-column:auto}
      .ticket{padding:24px;border-radius:28px}
      .ticket:after{display:none}
    }
    @media (max-width:520px){
      .hero-title{letter-spacing:-.03em}
      .btn-primary,.btn-secondary,.btn-dark{width:100%}
      .filter-chip{font-size:12px;padding:7px 10px}
      .select-pill{width:100%}
      .command-search{width:100%}
      .mock-top{align-items:flex-start;gap:10px;flex-direction:column}
    }