.genai-simulator-section{position:relative;overflow:hidden;background:#070b10!important}
.genai-simulator-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(200,255,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,61,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 88%);pointer-events:none}
.genai-simulator-section>*{position:relative;z-index:1}
.genai-sim{border:1px solid var(--line);background:#0a1017;box-shadow:0 24px 80px rgba(0,0,0,.24)}
.genai-sim-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);background:rgba(200,255,61,.045)}
.genai-question small,.genai-sim-badge{display:block;color:var(--topic);font:700 .64rem DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase}
.genai-question strong{display:block;margin-top:8px;font-size:clamp(1.2rem,2vw,1.75rem);letter-spacing:-.025em}
.genai-sim-badge{padding:10px 12px;border:1px solid rgba(200,255,61,.38);white-space:nowrap}
.genai-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:590px}
.genai-steps{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#080d13}
.genai-step{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;width:100%;min-height:76px;padding:14px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#c5c9c3;text-align:left;cursor:pointer}
.genai-step:hover{background:rgba(200,255,61,.055)}
.genai-step[aria-selected="true"]{background:var(--topic);color:var(--ink)}
.genai-step b{font:700 .68rem DM Mono,monospace}
.genai-step span{font-weight:800;line-height:1.15}
.genai-step small{display:block;margin-top:4px;color:inherit;opacity:.66;font-size:.69rem;font-weight:500}
.genai-stage{display:flex;min-width:0;flex-direction:column;padding:clamp(25px,4vw,54px)}
.genai-progress{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:28px}
.genai-progress-track{height:4px;background:#202831;overflow:hidden}
.genai-progress-track i{display:block;width:16.666%;height:100%;background:var(--topic);transition:width .35s ease}
.genai-progress span{color:var(--blue);font:700 .65rem DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}
.genai-panel{display:none;animation:genai-in .35s ease}
.genai-panel.is-active{display:block}
@keyframes genai-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.genai-panel-kicker{margin:0 0 8px;color:var(--topic);font:700 .67rem DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase}
.genai-panel h3{max-width:900px;margin:0 0 14px;font-size:clamp(2rem,3.7vw,4rem);line-height:.96;letter-spacing:-.052em}
.genai-panel>.genai-intro{max-width:850px;margin:0 0 26px;color:#b9bdb8;font-size:1rem;line-height:1.6}
.genai-message-stack{display:grid;gap:10px}
.genai-message{display:grid;grid-template-columns:104px 1fr;border:1px solid var(--line)}
.genai-message b{padding:18px;color:var(--topic);font:700 .66rem DM Mono,monospace;text-transform:uppercase;border-right:1px solid var(--line)}
.genai-message p{margin:0;padding:18px;color:#e3e5df;line-height:1.55}
.genai-callout{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:18px;padding:16px 18px;border-left:3px solid var(--blue);background:rgba(98,200,255,.07);color:#c9cdc7;line-height:1.55}
.genai-callout b{color:var(--blue);font:700 .67rem DM Mono,monospace;text-transform:uppercase}
.genai-token-row{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}
.genai-token{position:relative;min-width:72px;padding:22px 13px 11px;border:1px solid var(--line);background:#111923;color:var(--paper);font:800 1rem Manrope,sans-serif;text-align:center}
.genai-token small{position:absolute;top:6px;left:8px;color:var(--blue);font:500 .56rem DM Mono,monospace}
.genai-flow-note{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.genai-flow-note div{padding:17px;border-right:1px solid var(--line)}
.genai-flow-note div:last-child{border:0}
.genai-flow-note b{display:block;color:var(--topic);font:700 .63rem DM Mono,monospace;text-transform:uppercase}
.genai-flow-note span{display:block;margin-top:6px;color:#aeb3ad;font-size:.8rem;line-height:1.42}
.genai-embeddings{display:grid;gap:10px;margin-top:22px}
.embedding-row{display:grid;grid-template-columns:80px minmax(250px,1fr) minmax(190px,.7fr);gap:16px;align-items:center;padding:16px;border:1px solid var(--line);background:#0d141c}
.embedding-row>strong{color:var(--topic);font-size:1.05rem}
.embedding-vector{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;height:54px;align-items:end}
.embedding-vector i{display:block;height:54px;background:var(--blue);opacity:.78;transform:scaleY(var(--v));transform-origin:center bottom}
.embedding-row code{color:#afb4ae;font:500 .68rem/1.5 DM Mono,monospace;white-space:normal}
.genai-attention{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:24px;margin-top:22px}
.attention-focus{display:flex;flex-direction:column;gap:8px}
.attention-focus>span{margin-bottom:4px;color:#aeb3ad;font-size:.78rem}
.attention-focus button{min-height:42px;padding:10px 13px;border:1px solid var(--line);background:transparent;color:var(--paper);text-align:left;cursor:pointer;font-weight:800}
.attention-focus button:hover,.attention-focus button.is-active{border-color:var(--topic);background:var(--topic);color:var(--ink)}
.attention-result{padding:22px;border:1px solid var(--line);background:#080d13}
.attention-result h4{margin:0 0 18px;font-size:1.1rem}
.attention-bars{display:grid;gap:10px}
.attention-bar{display:grid;grid-template-columns:62px 1fr 44px;gap:10px;align-items:center}
.attention-bar b{font-size:.78rem}
.attention-bar span{height:12px;background:#202933;overflow:hidden}
.attention-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--topic));transition:width .3s ease}
.attention-bar em{color:#aeb3ad;font:500 .62rem DM Mono,monospace;font-style:normal;text-align:right}
.genai-decode-grid{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:20px;margin-top:22px}
.temperature-box,.generation-box{padding:22px;border:1px solid var(--line);background:#080d13}
.temperature-box label{display:flex;justify-content:space-between;gap:12px;color:var(--topic);font:700 .67rem DM Mono,monospace;text-transform:uppercase}
.temperature-box input{width:100%;margin:16px 0;accent-color:var(--topic)}
.temperature-box>p{margin:0;color:#aeb3ad;font-size:.8rem;line-height:1.5}
.candidate-list{display:grid;gap:9px;margin-top:18px}
.candidate{display:grid;grid-template-columns:72px 1fr 44px;gap:9px;align-items:center}
.candidate b{font-size:.78rem}
.candidate span{height:10px;background:#202933}
.candidate i{display:block;height:100%;background:var(--topic)}
.candidate em{color:#aeb3ad;font:500 .6rem DM Mono,monospace;font-style:normal;text-align:right}
.generation-box>span{color:var(--blue);font:700 .65rem DM Mono,monospace;text-transform:uppercase}
.generation-stream{min-height:144px;margin:18px 0 0;font-size:clamp(1.35rem,2.3vw,2.25rem);font-weight:750;line-height:1.35;letter-spacing:-.025em}
.generation-stream span{display:inline-block;margin-right:.26em;opacity:.12;transform:translateY(5px);transition:.24s ease}
.generation-stream span.is-visible{opacity:1;transform:none}
.generation-cursor{display:inline-block;width:9px;height:1.1em;background:var(--topic);vertical-align:-.14em;animation:genai-blink .8s steps(1) infinite}
@keyframes genai-blink{50%{opacity:0}}
.final-answer{padding:clamp(22px,3vw,36px);border:1px solid rgba(200,255,61,.55);background:rgba(200,255,61,.075)}
.final-answer>span{color:var(--topic);font:700 .65rem DM Mono,monospace;text-transform:uppercase}
.final-answer p{max-width:1020px;margin:14px 0 0;font-size:clamp(1.25rem,2.25vw,2.1rem);font-weight:750;line-height:1.42;letter-spacing:-.025em}
.genai-lessons{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border:1px solid var(--line)}
.genai-lessons article{padding:18px;border-right:1px solid var(--line)}
.genai-lessons article:last-child{border:0}
.genai-lessons b{display:block;color:var(--topic);font:700 .63rem DM Mono,monospace;text-transform:uppercase}
.genai-lessons span{display:block;margin-top:7px;color:#afb3ae;font-size:.78rem;line-height:1.45}
.genai-actions{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:30px}
.genai-actions>div{display:flex;gap:8px}
.genai-actions button{min-height:42px;padding:10px 16px;border:1px solid var(--line);background:transparent;color:var(--paper);cursor:pointer;font:700 .64rem DM Mono,monospace;text-transform:uppercase}
.genai-actions button:hover:not(:disabled){border-color:var(--topic);color:var(--topic)}
.genai-actions button.primary{background:var(--topic);border-color:var(--topic);color:var(--ink)}
.genai-actions button:disabled{opacity:.3;cursor:not-allowed}
@media(max-width:980px){.genai-workspace{grid-template-columns:1fr}.genai-steps{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid var(--line)}.genai-step{min-height:68px;border-right:1px solid var(--line)}.embedding-row{grid-template-columns:70px 1fr}.embedding-row code{grid-column:1/-1}.genai-attention,.genai-decode-grid{grid-template-columns:1fr}}
@media(max-width:650px){.genai-sim-head{grid-template-columns:1fr}.genai-sim-badge{width:max-content}.genai-steps{grid-template-columns:repeat(2,1fr)}.genai-step{grid-template-columns:28px 1fr;padding:11px}.genai-step small{display:none}.genai-stage{padding:24px 18px}.genai-flow-note,.genai-lessons{grid-template-columns:1fr}.genai-flow-note div,.genai-lessons article{border-right:0;border-bottom:1px solid var(--line)}.genai-flow-note div:last-child,.genai-lessons article:last-child{border-bottom:0}.embedding-row{grid-template-columns:1fr}.embedding-row code{grid-column:auto}.genai-message{grid-template-columns:1fr}.genai-message b{border-right:0;border-bottom:1px solid var(--line)}.genai-actions{align-items:stretch;flex-direction:column}.genai-actions>div{display:grid;grid-template-columns:1fr 1fr}.genai-actions>button{width:100%}}
@media(prefers-reduced-motion:reduce){.genai-panel,.generation-stream span,.genai-progress-track i{animation:none;transition:none}}
@media(max-width:650px){
  .genai-simulator-section,.genai-simulator-section .section-head,.genai-sim,.genai-workspace,.genai-stage,.genai-panel{width:100%;max-width:100%;min-width:0}
  .genai-simulator-section .section-head h2,.genai-panel h3,.genai-intro,.genai-question strong{max-width:100%;overflow-wrap:anywhere;word-break:normal}
  .genai-sim{overflow:hidden}
  .genai-step{min-width:0;overflow:hidden}
  .genai-step span{min-width:0;overflow-wrap:anywhere}
  .genai-progress{grid-template-columns:minmax(0,1fr);gap:9px}
  .genai-progress span{justify-self:start}
  .genai-token{min-width:60px}
  .attention-bar{grid-template-columns:48px minmax(0,1fr) 38px}
  .candidate{grid-template-columns:64px minmax(0,1fr) 42px}
  .generation-stream{overflow-wrap:anywhere}
}