/* roulang page: index */
:root{
      --bg:#090807;--bg-2:#11100d;--panel:#17130e;--panel-2:#1d1712;--gold:#d6b25e;--gold-2:#f0d58a;--wine:#6e1f2f;--green:#0f5b4f;--purple:#30234e;--text:#f7f1e3;--muted:#b9b0a0;--line:rgba(214,178,94,.24);--line-strong:rgba(240,213,138,.54);--radius:16px;--shadow:0 22px 70px rgba(0,0,0,.36);--container:1220px;
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.page-bg{background:radial-gradient(circle at 18% 0%,rgba(110,31,47,.24),transparent 30%),linear-gradient(135deg,rgba(214,178,94,.045) 0 25%,transparent 25% 50%,rgba(214,178,94,.035) 50% 75%,transparent 75%);background-size:auto,18px 18px}.container{width:min(var(--container),calc(100% - 44px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,8,7,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(214,178,94,.2)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center;gap:12px;font-weight:800}.logo-mark{width:36px;height:36px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);background:linear-gradient(145deg,rgba(214,178,94,.16),rgba(15,91,79,.16))}.nav-links{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:15px}.nav-links a{position:relative;padding:10px 0;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--gold);border-radius:999px}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--gold-2);background:rgba(214,178,94,.07);font-size:13px;font-weight:700;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font-weight:800;transition:.22s;border:1px solid transparent;min-height:48px}.btn-primary{background:var(--gold);color:#100d08;box-shadow:0 12px 34px rgba(214,178,94,.2)}.btn-primary:hover{background:var(--gold-2);transform:translateY(-2px)}.btn-secondary{border-color:var(--line-strong);color:var(--text);background:rgba(214,178,94,.04)}.btn-secondary:hover{background:rgba(214,178,94,.12);border-color:var(--gold-2);transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}.section{padding:88px 0}.section-tight{padding:64px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-head h2{font-size:clamp(24px,3vw,36px);line-height:1.18;margin:0;font-weight:800}.section-head p{max-width:640px;color:var(--muted);margin:10px 0 0}.hero{padding:76px 0 54px;border-bottom:1px solid rgba(214,178,94,.12)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:stretch}.hero-copy h1{font-size:clamp(34px,4.8vw,58px);line-height:1.08;margin:20px 0 18px;font-weight:800}.hero-copy p{font-size:17px;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.data-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.data-pill{border:1px solid var(--line);border-radius:14px;padding:15px;background:rgba(17,16,13,.76)}.data-pill strong{display:block;color:var(--gold-2);font-size:22px;line-height:1}.data-pill span{font-size:13px;color:var(--muted)}.lead-panel{border:1px solid var(--line-strong);border-radius:22px;background:linear-gradient(180deg,rgba(29,23,18,.94),rgba(17,16,13,.94));box-shadow:var(--shadow);overflow:hidden}.cover-top{padding:24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(110,31,47,.34),rgba(15,91,79,.2))}.cover-title{font-size:28px;font-weight:800;line-height:1.22;margin:14px 0 10px}.toc{padding:22px 24px;display:grid;gap:12px}.toc-item{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}.toc-item b{color:var(--gold-2);min-width:34px}.lead-form{padding:22px 24px 26px;border-top:1px solid var(--line);display:grid;gap:12px}.lead-form input{width:100%;border:1px solid var(--line);background:#0f0d0a;color:var(--text);border-radius:12px;padding:13px 14px}.grid-hot{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(23,19,14,.96),rgba(15,13,10,.96));padding:24px;transition:.22s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:rgba(214,178,94,.42);opacity:.7}.card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:linear-gradient(180deg,rgba(48,35,78,.38),rgba(23,19,14,.96))}.card h3{font-size:20px;margin:16px 0 8px}.card p{color:var(--muted);margin:0}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.mini-link{display:inline-flex;margin-top:16px;color:var(--gold-2);font-weight:800;border-bottom:1px solid rgba(240,213,138,.4)}.compare-wrap{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#100e0b}.compare-grid{display:grid;grid-template-columns:1fr 1fr}.compare-col{padding:26px;border-right:1px solid var(--line)}.compare-col:last-child{border-right:0}.compare-col h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;font-size:24px}.row{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:14px 0;border-top:1px solid rgba(185,176,160,.14)}.row b{color:var(--gold-2)}.row span{color:var(--muted)}.catalog{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.catalog-main{background:linear-gradient(135deg,rgba(15,91,79,.22),rgba(23,19,14,.98));border:1px solid var(--line);border-radius:20px;padding:30px}.catalog-list{display:grid;gap:12px;margin-top:18px}.catalog-item{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid rgba(214,178,94,.14);padding:14px 0;color:var(--muted)}.catalog-item strong{color:var(--text)}.quote-stage{border:1px solid var(--line);border-radius:20px;background:linear-gradient(90deg,rgba(110,31,47,.22),rgba(17,16,13,.94));padding:24px;position:relative}.quote-card{display:none}.quote-card.active{display:block}.quote-card p{font-size:22px;color:var(--text);margin:0 0 16px}.quote-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--gold-2);font-size:13px}.quote-controls{display:flex;gap:10px;margin-top:22px}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(214,178,94,.05);color:var(--text);transition:.2s}.icon-btn:hover{border-color:var(--gold-2);background:rgba(214,178,94,.12)}.news-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.news-list{border:1px solid var(--line);border-radius:20px;overflow:hidden}.news-item{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;padding:20px;border-bottom:1px solid rgba(214,178,94,.13);background:rgba(17,16,13,.78)}.news-item:last-child{border-bottom:0}.news-no{color:var(--gold-2);font-weight:800}.news-item h3{margin:0 0 4px;font-size:18px}.news-item p{margin:0;color:var(--muted);font-size:14px}.side-panel{border:1px solid var(--line);border-radius:20px;padding:22px;background:rgba(23,19,14,.86)}.side-panel ul{padding:0;margin:16px 0 0;list-style:none;display:grid;gap:12px}.side-panel li{color:var(--muted);padding-left:18px;position:relative}.side-panel li:before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.assurance{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.assure{padding:24px;border-right:1px solid var(--line);background:rgba(17,16,13,.84)}.assure:last-child{border-right:0}.assure .icon{font-size:24px;color:var(--gold-2)}.assure h3{margin:10px 0 6px}.assure p{margin:0;color:var(--muted);font-size:14px}.faq{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:14px;background:rgba(17,16,13,.9);overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px 20px;border:0;background:transparent;color:var(--text);font-weight:800}.faq-a{display:none;padding:0 20px 20px;color:var(--muted)}.faq-item.open{border-color:var(--line-strong)}.faq-item.open .faq-a{display:block}.cta-band{border:1px solid var(--line-strong);border-radius:24px;padding:38px;background:linear-gradient(135deg,rgba(110,31,47,.38),rgba(15,91,79,.26),rgba(48,35,78,.3));display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cta-band h2{font-size:clamp(24px,3vw,36px);line-height:1.18;margin:12px 0}.cta-band p{color:var(--muted);margin:0}.site-footer{border-top:1px solid rgba(214,178,94,.2);background:#070604;padding:44px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer-grid p,.footer-grid a{color:var(--muted)}.footer-grid a:hover{color:var(--gold-2)}.copyright{margin-top:28px;padding-top:18px;border-top:1px solid rgba(214,178,94,.14);color:#8f8777;font-size:14px}
    @media(max-width:1024px){.hero-grid,.catalog,.news-layout,.cta-band{grid-template-columns:1fr}.span-6,.span-4,.span-3{grid-column:span 6}.assurance{grid-template-columns:repeat(2,1fr)}.assure:nth-child(2){border-right:0}.assure:nth-child(1),.assure:nth-child(2){border-bottom:1px solid var(--line)}}
    @media(max-width:768px){.container{width:min(100% - 36px,var(--container))}.nav{height:72px}.menu-btn{display:block}.nav-links{position:absolute;left:18px;right:18px;top:74px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0d0b09;border:1px solid var(--line);border-radius:16px;padding:8px}.nav-links.open{display:flex}.nav-links a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid rgba(214,178,94,.12)}.nav-links a:last-child{border-bottom:0}.section{padding:62px 0}.hero{padding:48px 0 36px}.data-row{grid-template-columns:1fr}.grid-hot{grid-template-columns:1fr}.span-6,.span-4,.span-3{grid-column:span 1}.compare-grid{grid-template-columns:1fr}.compare-col{border-right:0;border-bottom:1px solid var(--line)}.compare-col:last-child{border-bottom:0}.row{grid-template-columns:1fr;gap:4px}.news-item{grid-template-columns:44px 1fr}.news-item .btn{grid-column:2;justify-self:start}.assurance{grid-template-columns:1fr}.assure{border-right:0!important;border-bottom:1px solid var(--line)}.assure:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.hero-actions .btn,.cta-band .btn{width:100%}.section-head{display:block}.quote-card p{font-size:18px}}

/* roulang page: category1 */
:root{
      --bg:#090807;
      --bg-soft:#11100d;
      --panel:#17130e;
      --panel-2:#1e1710;
      --gold:#d6b25e;
      --gold-bright:#f0d58a;
      --cream:#f7f1e3;
      --muted:#b9b0a0;
      --line:rgba(214,178,94,.24);
      --line-strong:rgba(240,213,138,.56);
      --burgundy:#6e1f2f;
      --green:#0f5b4f;
      --purple:#30234e;
      --shadow:0 24px 70px rgba(0,0,0,.42);
      --radius:18px;
      --radius-lg:26px;
      --container:1220px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
      color:var(--cream);
      background:
        linear-gradient(135deg,rgba(214,178,94,.055) 0 1px,transparent 1px 18px),
        radial-gradient(circle at 16% 8%,rgba(110,31,47,.18),transparent 34%),
        radial-gradient(circle at 82% 12%,rgba(15,91,79,.14),transparent 32%),
        var(--bg);
      line-height:1.75;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none;transition:.22s ease}
    img,svg{max-width:100%;display:block}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
    .site-header{
      position:sticky;top:0;z-index:50;
      background:rgba(9,8,7,.88);
      backdrop-filter:saturate(150%) blur(14px);
      border-bottom:1px solid rgba(214,178,94,.18);
    }
    .nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .logo{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.01em;color:var(--cream)}
    .logo-mark{
      width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
      color:#11100d;background:linear-gradient(135deg,var(--gold-bright),var(--gold));
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 10px 22px rgba(214,178,94,.18);
    }
    .nav-links{display:flex;align-items:center;gap:8px}
    .nav-links a{
      position:relative;padding:10px 16px;border-radius:999px;color:var(--muted);font-weight:700;font-size:15px;
    }
    .nav-links a:hover{color:var(--cream);background:rgba(214,178,94,.08)}
    .nav-links a.active{color:var(--gold-bright);border:1px solid rgba(214,178,94,.35);background:rgba(214,178,94,.07)}
    .nav-links a.active::after{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--gold);transform:translateX(-50%)}
    .menu-btn{display:none;background:transparent;color:var(--gold-bright);border:1px solid var(--line);border-radius:12px;width:46px;height:44px}
    .section{padding:88px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold-bright);font-weight:800;font-size:13px;letter-spacing:.04em;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:rgba(214,178,94,.06)}
    .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font-weight:800;line-height:1.2;border:1px solid transparent;transition:.22s ease;min-height:48px}
    .btn-primary{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#11100d;box-shadow:0 14px 32px rgba(214,178,94,.2)}
    .btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 40px rgba(214,178,94,.28)}
    .btn-secondary{color:var(--cream);border-color:var(--line-strong);background:rgba(214,178,94,.04)}
    .btn-secondary:hover{border-color:var(--gold-bright);background:rgba(214,178,94,.12);transform:translateY(-2px)}
    .inner-hero{position:relative;padding:74px 0 54px;border-bottom:1px solid rgba(214,178,94,.14)}
    .inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(110,31,47,.18),transparent 38%,rgba(15,91,79,.13));pointer-events:none}
    .hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
    .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:14px;margin-bottom:22px}
    .breadcrumb a:hover{color:var(--gold-bright)}
    h1{font-size:clamp(34px,5vw,56px);line-height:1.12;margin:18px 0 18px;font-weight:800;letter-spacing:-.02em}
    h2{font-size:clamp(26px,3.2vw,38px);line-height:1.22;font-weight:800;margin:0;color:var(--cream)}
    h3{font-weight:800;color:var(--cream)}
    .lead{font-size:18px;color:var(--muted);max-width:760px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
    .progress-card{
      border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;background:
        linear-gradient(180deg,rgba(214,178,94,.08),rgba(214,178,94,.025)),var(--panel);
      box-shadow:var(--shadow);position:relative;overflow:hidden;
    }
    .progress-card::after{content:"";position:absolute;inset:auto -20% -35% 18%;height:180px;background:radial-gradient(circle,rgba(240,213,138,.16),transparent 64%)}
    .ring-wrap{display:grid;grid-template-columns:156px 1fr;gap:22px;align-items:center;position:relative;z-index:1}
    .ring{width:156px;height:156px;border-radius:50%;background:conic-gradient(var(--gold-bright) 0 72%,rgba(214,178,94,.16) 72% 100%);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
    .ring span{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:#11100d;border:1px solid var(--line);font-size:28px;font-weight:900;color:var(--gold-bright)}
    .tier-list{margin-top:22px;display:grid;gap:12px;position:relative;z-index:1}
    .tier{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid rgba(214,178,94,.18);border-radius:14px;background:rgba(9,8,7,.42);color:var(--muted)}
    .tier strong{color:var(--cream)}
    .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
    .tag{border:1px solid rgba(214,178,94,.26);background:rgba(214,178,94,.055);color:var(--gold-bright);border-radius:999px;padding:8px 12px;font-weight:700;font-size:14px}
    .layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}
    .side-panel{position:sticky;top:104px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(23,19,14,.72);padding:22px;box-shadow:var(--shadow)}
    .index-list{display:grid;gap:10px;margin-top:16px}
    .index-list a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:12px;color:var(--muted);border:1px solid rgba(214,178,94,.12);background:rgba(9,8,7,.28)}
    .index-list a:hover{color:var(--gold-bright);border-color:var(--line-strong);transform:translateX(2px)}
    .filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 28px;padding:14px;border:1px solid rgba(214,178,94,.16);border-radius:18px;background:rgba(17,16,13,.76)}
    .filter-bar button{border:1px solid rgba(214,178,94,.2);background:rgba(214,178,94,.04);color:var(--muted);border-radius:999px;padding:9px 13px;font-weight:800;transition:.2s ease}
    .filter-bar button:hover,.filter-bar button.active{color:#11100d;background:var(--gold-bright);border-color:var(--gold-bright)}
    .compare-board{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
    .board-head{display:grid;grid-template-columns:120px 1fr 1fr;background:linear-gradient(90deg,rgba(110,31,47,.34),rgba(48,35,78,.25));border-bottom:1px solid var(--line)}
    .board-head div,.board-row div{padding:18px;border-right:1px solid rgba(214,178,94,.13)}
    .board-head div:last-child,.board-row div:last-child{border-right:0}
    .board-head{font-weight:900;color:var(--gold-bright)}
    .board-row{display:grid;grid-template-columns:120px 1fr 1fr;border-bottom:1px solid rgba(214,178,94,.12);color:var(--muted)}
    .board-row:last-child{border-bottom:0}
    .board-row strong{color:var(--cream)}
    .entry-list{display:grid;gap:16px;margin-top:28px}
    .entry{display:grid;grid-template-columns:72px 1fr auto;gap:20px;align-items:center;border:1px solid rgba(214,178,94,.2);border-radius:18px;padding:20px;background:linear-gradient(90deg,rgba(23,19,14,.96),rgba(17,16,13,.78));transition:.22s ease}
    .entry:hover{border-color:var(--line-strong);transform:translateY(-2px);background:linear-gradient(90deg,rgba(30,23,16,.98),rgba(15,91,79,.16))}
    .num{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(214,178,94,.1);border:1px solid var(--line);color:var(--gold-bright);font-weight:900}
    .entry p{margin:.35rem 0 0;color:var(--muted)}
    .scenario-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-top:30px}
    .scenario-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:rgba(23,19,14,.75)}
    .scenario-card.green{background:linear-gradient(145deg,rgba(15,91,79,.24),rgba(23,19,14,.86))}
    .scenario-card.purple{background:linear-gradient(145deg,rgba(48,35,78,.3),rgba(23,19,14,.86))}
    .check-list{display:grid;gap:12px;margin-top:18px;color:var(--muted)}
    .check-list li{display:flex;gap:10px;align-items:flex-start}
    .check-list li::before{content:"✓";color:var(--gold-bright);font-weight:900}
    .steps{counter-reset:step;display:grid;gap:14px;margin-top:28px}
    .step{counter-increment:step;display:grid;grid-template-columns:50px 1fr;gap:16px;border-left:1px solid var(--line);padding:8px 0 8px 20px}
    .step::before{content:counter(step);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#11100d;font-weight:900}
    .faq{display:grid;gap:14px;margin-top:30px}
    .faq-item{border:1px solid rgba(214,178,94,.18);border-radius:16px;background:rgba(17,16,13,.82);overflow:hidden}
    .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;color:var(--cream);background:transparent;border:0;padding:18px 20px;font-weight:900}
    .faq-q span:last-child{color:var(--gold-bright);font-size:22px}
    .faq-a{display:none;padding:0 20px 20px;color:var(--muted)}
    .faq-item.open{border-color:var(--line-strong)}
    .faq-item.open .faq-a{display:block}
    .cta-band{border:1px solid var(--line-strong);border-radius:28px;padding:34px;background:linear-gradient(135deg,rgba(110,31,47,.34),rgba(15,91,79,.22) 52%,rgba(48,35,78,.3));box-shadow:var(--shadow);position:relative;overflow:hidden}
    .cta-band::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(240,213,138,.08) 0 1px,transparent 1px 18px);pointer-events:none}
    .cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .site-footer{background:#070605;border-top:1px solid rgba(214,178,94,.18);padding:58px 0 26px;color:var(--muted)}
    .footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:34px;margin-bottom:36px}
    .site-footer a:hover{color:var(--gold-bright)}
    .copyright{border-top:1px solid rgba(214,178,94,.12);padding-top:20px;font-size:14px;color:#8f8576}
    :focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
    @media (max-width:1024px){
      .hero-grid,.layout,.scenario-grid{grid-template-columns:1fr}
      .side-panel{position:relative;top:auto}
      .ring-wrap{grid-template-columns:140px 1fr}.ring{width:140px;height:140px}.ring span{width:106px;height:106px}
    }
    @media (max-width:768px){
      .container{width:min(100% - 36px,var(--container))}
      .nav{height:72px}.menu-btn{display:block}.nav-links{display:none;position:absolute;left:18px;right:18px;top:74px;flex-direction:column;align-items:stretch;padding:12px;background:#0c0b09;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
      .nav-links.show{display:flex}.nav-links a{min-height:44px;display:flex;align-items:center}.inner-hero{padding:48px 0}.section{padding:62px 0}.hero-actions .btn,.cta-inner .btn{width:100%}
      .cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.entry{grid-template-columns:54px 1fr}.entry .btn{grid-column:1/-1}.board-head,.board-row{grid-template-columns:1fr}.board-head div:first-child,.board-row div:first-child{background:rgba(214,178,94,.06);color:var(--gold-bright);font-weight:900}.board-head div,.board-row div{border-right:0;border-bottom:1px solid rgba(214,178,94,.12)}
    }
    @media (max-width:520px){
      .logo span:last-child{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-card{padding:20px}.ring-wrap{grid-template-columns:1fr}.filter-bar{overflow-x:auto;flex-wrap:nowrap}.filter-bar button{white-space:nowrap}.tier{flex-direction:column}.cta-band{padding:24px}
    }