/* SIMUL8OR FAQ — Option A "Ledger" treatment on the shared content-page layer. */
.s8f-hero{align-items:end}
.s8f-search-panel{width:min(100%,520px);display:flex;flex-direction:column;align-items:flex-end;gap:var(--s8-2)}
.s8f-search{display:flex;align-items:center;gap:10px;width:100%;height:var(--s8-h-lg);padding:0 var(--s8-3);background:var(--s8-inset);border:1px solid var(--s8-line-2);border-radius:var(--s8-r);transition:border-color var(--s8-t) var(--s8-ease)}
.s8f-search:focus-within{border-color:var(--s8-accent-line);box-shadow:var(--s8-focus)}
.s8f-search svg{flex:none;width:15px;height:15px;stroke:var(--s8-fg-4);stroke-width:1.8;fill:none;stroke-linecap:round}
.s8f-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--s8-fg);font:inherit;font-size:var(--s8-fs-sm)}
.s8f-search input::placeholder{color:var(--s8-fg-4)}
.s8f-kbd{flex:none;font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;color:var(--s8-fg-4);border:1px solid var(--s8-line-2);border-radius:var(--s8-r-sm);padding:2px 5px}
.s8f-count{font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;letter-spacing:var(--s8-ls-caps);text-transform:uppercase;color:var(--s8-fg-4)}
.s8c-wrap>.landing-section>.container{width:100%;max-width:none;margin:0;padding:0}

.quick-start-section{padding-top:var(--s8c-gap)}
.quick-start{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,2fr);column-gap:var(--s8-6);align-items:end}
.quick-start>h2{margin:0;font-size:var(--s8-fs-2xl);line-height:1.15;letter-spacing:var(--s8-ls-tight);font-weight:600;color:#fff}
.quick-start>p{grid-column:1;margin:8px 0 0!important;color:var(--s8-fg-3)!important;font-size:var(--s8-fs-sm)}
.quick-start-grid{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--s8-line);border:1px solid var(--s8-line);border-radius:var(--s8-r-lg);overflow:hidden}
.step{background:var(--s8-panel);padding:var(--s8-5);transition:background var(--s8-t) var(--s8-ease)}
.step:hover{background:var(--s8-panel-2)}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--s8-r-sm);background:var(--s8-accent-tint);border:1px solid var(--s8-accent-line);font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;color:var(--s8-accent-fg)}
.step h4{margin:var(--s8-3) 0 0;font-size:var(--s8-fs-base);font-weight:600;color:#fff}
.step p{margin:8px 0 0;font-size:var(--s8-fs-sm);color:var(--s8-fg-3);text-wrap:pretty}

.faq-section{padding-top:var(--s8c-gap)}
.faq-categories{display:grid;gap:var(--s8c-gap)}
.faq-category[hidden],.faq-item[hidden]{display:none!important}
.category-title{display:flex;align-items:baseline;gap:var(--s8-3);position:relative;margin:0;padding-bottom:var(--s8-3);border-bottom:1px solid var(--s8-line);font-size:var(--s8-fs-2xl);line-height:1.15;letter-spacing:var(--s8-ls-tight);font-weight:600;color:#fff}
.category-title::after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:1px;background:var(--s8-accent)}
.faq-category>.faq-item{background:var(--s8-panel);border:1px solid var(--s8-line);border-bottom:0;overflow:hidden}
.faq-category>.faq-item:first-of-type{margin-top:var(--s8-5);border-radius:var(--s8-r-lg) var(--s8-r-lg) 0 0}
.faq-category>.faq-item:last-child{border-bottom:1px solid var(--s8-line);border-radius:0 0 var(--s8-r-lg) var(--s8-r-lg)}
.faq-category>.faq-item.is-first-visible{margin-top:var(--s8-5);border-radius:var(--s8-r-lg) var(--s8-r-lg) 0 0}
.faq-category>.faq-item.is-last-visible{border-bottom:1px solid var(--s8-line);border-radius:0 0 var(--s8-r-lg) var(--s8-r-lg)}
.faq-question{display:flex;align-items:center;gap:var(--s8-4);width:100%;padding:var(--s8-4) var(--s8-5);background:none;color:var(--s8-fg);cursor:pointer;transition:background var(--s8-t-fast) var(--s8-ease),color var(--s8-t-fast) var(--s8-ease)}
.faq-question:hover{background:var(--s8-panel-2);color:#fff}
.faq-question:focus-visible{outline:0;box-shadow:inset var(--s8-focus)}
.faq-item.active>.faq-question{background:var(--s8-panel-2);color:#fff}
.faq-question h3{margin:0;font-size:var(--s8-fs-base);line-height:1.45;font-weight:500;color:inherit;text-align:left}
.faq-toggle{position:relative;flex:none;margin-left:auto;width:14px;height:14px}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;left:1px;right:1px;top:6px;height:1px;background:var(--s8-fg-4);transition:transform var(--s8-t) var(--s8-ease),background var(--s8-t) var(--s8-ease)}
.faq-toggle::after{transform:rotate(90deg)}
.faq-item.active .faq-toggle::before,.faq-item.active .faq-toggle::after{background:var(--s8-accent-fg)}
.faq-item.active .faq-toggle::after{transform:rotate(0deg)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--s8-t-slow) var(--s8-ease)}
.faq-item.active>.faq-answer{grid-template-rows:1fr}
.faq-answer-content{min-height:0;overflow:hidden;padding:0 var(--s8-5);max-width:790px;color:var(--s8-fg-2);font-size:var(--s8-fs-sm);line-height:1.62;transition:padding-bottom var(--s8-t-slow) var(--s8-ease)}
.faq-item.active .faq-answer-content{padding-bottom:var(--s8-5)}
.faq-answer-content p{margin:var(--s8-3) 0 0;text-wrap:pretty}
.faq-answer-content p:first-child{margin-top:var(--s8-1)}
.faq-answer-content strong,.faq-answer-content h4{color:var(--s8-fg);font-weight:600}
.faq-answer-content h4{margin:var(--s8-3) 0 0;font-size:var(--s8-fs-sm)}
.faq-answer-content ul,.faq-answer-content ol{margin:var(--s8-3) 0 0;padding-left:18px}
.faq-answer-content li+li{margin-top:7px}
.faq-answer-content code{font-family:var(--s8-mono);font-size:var(--s8-fs-micro);font-weight:600;color:var(--s8-fg);background:var(--s8-inset);border:1px solid var(--s8-line-2);border-bottom-width:2px;border-radius:var(--s8-r-sm);padding:1px 5px;white-space:nowrap}
.feature-highlight{margin-top:var(--s8-3);padding:var(--s8-3) var(--s8-4);background:var(--s8-inset);border-left:1px solid var(--s8-accent-line)}
.feature-highlight:first-child{margin-top:var(--s8-1)}
.live-indicator,.ai-indicator{color:var(--s8-accent-fg)}

.contact-section{margin-top:var(--s8c-gap);border-top:1px solid var(--s8-line);padding:clamp(36px,5vw,64px) 0;background:radial-gradient(120% 140% at 50% 100%,var(--s8-accent-tint),transparent 64%)}
.contact-section .text-center{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--s8-6);text-align:left!important}
.contact-section h2{margin:0;font-size:var(--s8-fs-2xl);line-height:1.2;letter-spacing:var(--s8-ls-tight);font-weight:600;color:#fff}
.contact-section p{margin:var(--s8-2) 0 0;font-size:var(--s8-fs-sm);color:var(--s8-fg-3)}
.contact-section .contact-button{grid-column:2;grid-row:1/span 2}

@media(max-width:900px){
  .s8f-search-panel{align-items:flex-start}
  .quick-start{grid-template-columns:1fr}
  .quick-start-grid{grid-column:1;grid-row:auto;margin-top:var(--s8-5)}
}
@media(max-width:760px){.quick-start-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .faq-question{padding:var(--s8-4)}
  .faq-answer-content{padding-inline:var(--s8-4)}
  .contact-section .text-center{grid-template-columns:1fr}
  .contact-section .contact-button{grid-column:1;grid-row:auto;justify-self:start;margin-top:var(--s8-5)}
}