* { box-sizing:border-box; }
body {
  margin:0;
  color:var(--text1,#f8fafc);
  font-family:'Inter',sans-serif;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 12% 6%, rgba(var(--primary-rgb),.14), transparent 24rem),
    radial-gradient(circle at 88% 4%, rgba(22,163,74,.12), transparent 22rem),
    linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);
  background-size:32px 32px,32px 32px,auto,auto,auto;
}
a { color:inherit; text-decoration:none; }

.back-btn:hover { border-color:rgba(var(--primary-rgb),.35); color:var(--primary); }
.page-shell { width:min(1440px,calc(100vw - 48px)); margin:0 auto; padding:24px 0 72px; }

.theme-fab { position:fixed; bottom:24px; right:24px; z-index:500; }
.theme-fab-btn { width:48px; height:48px; border-radius:50%; background:var(--bg3); border:1px solid var(--border2); color:var(--text2); font-size:1rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; box-shadow:0 4px 16px rgba(0,0,0,.3); }
.theme-fab-btn:hover { color:var(--primary); border-color:var(--primary); }
.theme-tray { position:absolute; bottom:58px; right:0; background:var(--bg3); border:1px solid var(--border2); border-radius:14px; padding:12px; width:220px; display:none; flex-direction:column; gap:4px; box-shadow:0 8px 32px rgba(0,0,0,.4); }
.theme-tray.open { display:flex; }
.tray-label { font-size:.6rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--text3); padding:2px 6px 8px; }
.tray-opt { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:9px; cursor:pointer; transition:background .15s; }
.tray-opt:hover { background:var(--bg4); }
.tray-opt.act { background:rgba(var(--primary-rgb),.1); }
.tray-swatches { display:flex; gap:3px; flex-shrink:0; }
.tray-swatch { width:10px; height:10px; border-radius:50%; }
.tray-name { font-size:.75rem; font-weight:700; color:var(--text1); }
.tray-sub { font-size:.62rem; color:var(--text3); }

.hero, .faq-panel, .quick-card {
  border:1px solid var(--border);
  border-radius:26px;
  background:color-mix(in srgb,var(--card) 88%,transparent);
  box-shadow:0 24px 54px rgba(0,0,0,.16);
}
.hero { display:grid; grid-template-columns:1.05fr .95fr; gap:18px; align-items:center; padding:24px; overflow:hidden; background:radial-gradient(circle at 88% 14%,rgba(var(--primary-rgb),.2),transparent 26%),color-mix(in srgb,var(--card) 88%,transparent); }
.eyebrow { display:inline-flex; align-items:center; gap:8px; width:fit-content; padding:7px 11px; border-radius:999px; border:1px solid rgba(var(--primary-rgb),.22); background:rgba(var(--primary-rgb),.1); color:var(--accent); font:800 .68rem/1 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:14px 0 10px; color:var(--text1); font:900 clamp(2.4rem,5vw,4.3rem)/.96 'Sora',sans-serif; letter-spacing:-.07em; }
.hero p { margin:0; max-width:68ch; color:var(--text2); line-height:1.65; font-size:.98rem; }
.hero-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hero-note { padding:15px; border:1px solid var(--border); border-radius:18px; background:rgba(255,255,255,.04); }
.hero-note i { color:var(--primary); margin-bottom:10px; }
.hero-note strong { display:block; margin-bottom:6px; color:var(--text1); font:900 .95rem/1.2 'Sora',sans-serif; }
.hero-note span { color:var(--text2); line-height:1.45; font-size:.82rem; }

.faq-tools { display:grid; grid-template-columns:1fr auto; gap:12px; margin:18px 0; align-items:center; }
.faq-search { display:flex; align-items:center; gap:10px; min-width:0; padding:12px 14px; border:1px solid var(--border); border-radius:16px; background:rgba(255,255,255,.04); color:var(--text2); }
.faq-search input { width:100%; border:0; outline:0; background:transparent; color:var(--text1); font:600 .95rem/1 'Inter',sans-serif; }
.faq-filters { display:flex; flex-wrap:wrap; gap:8px; }
.filter-btn { border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.04); color:var(--text2); padding:9px 12px; font:900 .72rem/1 'JetBrains Mono',monospace; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.filter-btn.active { color:var(--bg1); border-color:rgba(var(--primary-rgb),.4); background:var(--primary); }

.faq-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:20px; align-items:start; }
.faq-panel { padding:18px; }
.faq-list { display:grid; gap:12px; }
.faq-category { display:grid; gap:12px; }
.faq-category[hidden] { display:none; }
.category-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0 2px; padding:12px 14px; border:1px solid var(--border); border-radius:18px; background:rgba(255,255,255,.035); }
.category-title strong { color:var(--text1); font:900 1rem/1.1 'Sora',sans-serif; }
.category-title span { color:var(--accent); font:800 .66rem/1 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }
.faq-item { border:1px solid var(--border); border-radius:22px; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02)); overflow:hidden; }
.faq-question { width:100%; border:0; background:transparent; color:inherit; padding:16px; display:flex; align-items:center; justify-content:space-between; gap:14px; cursor:pointer; text-align:left; }
.faq-question span { display:flex; align-items:center; gap:12px; min-width:0; color:var(--text1); font:900 .98rem/1.25 'Sora',sans-serif; }
.faq-question i:first-child { width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; border-radius:13px; color:var(--primary); background:rgba(var(--primary-rgb),.1); border:1px solid rgba(var(--primary-rgb),.22); }
.faq-chevron { color:var(--text3); transition:transform .2s ease; }
.faq-item.open .faq-chevron { transform:rotate(90deg); color:var(--primary); }
.faq-answer { display:none; padding:0 16px 16px 66px; color:var(--text2); line-height:1.65; font-size:.92rem; }
.faq-item.open .faq-answer { display:block; }
.faq-answer a { color:var(--primary); font-weight:800; }

.quick-stack { display:grid; gap:12px; }
.quick-card { padding:16px; }
.quick-card i { color:var(--primary); margin-bottom:10px; }
.quick-card strong { display:block; margin-bottom:7px; color:var(--text1); font:900 .95rem/1.2 'Sora',sans-serif; }
.quick-card p { margin:0; color:var(--text2); line-height:1.55; font-size:.86rem; }
.quick-card a { display:inline-flex; margin-top:12px; padding:10px 12px; border-radius:10px; background:rgba(var(--primary-rgb),.1); color:var(--primary); border:1px solid rgba(var(--primary-rgb),.24); font:900 .78rem/1 'Sora',sans-serif; }
.empty-state { display:none; padding:24px; color:var(--text2); text-align:center; }
.empty-state.show { display:block; }

[data-theme="corporate"][data-module="pe"] .hero,
[data-theme="corporate"][data-module="pe"] .hero-note,
[data-theme="corporate"][data-module="pe"] .faq-panel,
[data-theme="corporate"][data-module="pe"] .faq-item,
[data-theme="corporate"][data-module="pe"] .quick-card { background:rgba(255,255,255,.78); box-shadow:0 12px 30px rgba(15,23,42,.08); }

[data-theme="corporate"][data-module="pe"] h1,
[data-theme="corporate"][data-module="pe"] strong,
[data-theme="corporate"][data-module="pe"] .faq-question span { color:#0f172a; }

[data-theme="corporate"][data-module="pe"] p,
[data-theme="corporate"][data-module="pe"] .faq-answer,
[data-theme="corporate"][data-module="pe"] span { color:#334155; }

@media (max-width:1120px) {
  .hero, .faq-layout { grid-template-columns:1fr; }
  .faq-tools { grid-template-columns:1fr; }
}
@media (max-width:768px) {

  .page-shell { width:min(100vw - 20px,1440px); padding-top:18px; }
  .hero { padding:20px; }
  .hero-side { grid-template-columns:1fr; }
  .faq-answer { padding-left:16px; }
}