.demo-hero{padding-top:7rem;padding-bottom:6rem}.demo-hero h1{letter-spacing:-.06em;max-width:900px;margin:0;font-size:clamp(3.6rem,8vw,7rem);line-height:.95}.demo-hero h1 span{color:#7698ff;display:block}.demo-lead{color:#7f8ca0;max-width:760px;margin:2rem 0 0;font-size:1.25rem;line-height:1.7}.demo-actions{flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;display:flex}.architecture-diagram{margin-top:3rem}.sut-card{text-align:center;background:#101722;border:1px solid #1c2533;border-radius:16px;width:min(360px,100%);margin:0 auto;padding:1.5rem 1.75rem}.sut-card strong{margin-top:.35rem;font-size:1.45rem;display:block}.sut-card small{color:#7f8ca0;margin-top:.35rem;display:block}.card-label{letter-spacing:.12em;text-transform:uppercase;color:#7698ff;font-size:.72rem;font-weight:700}.architecture-lines{border-bottom:1px solid #1c2533;width:66.666%;height:72px;margin:0 auto;position:relative}.architecture-lines:before{content:"";border-left:1px solid #1c2533;height:100%;position:absolute;top:0;left:50%}.architecture-lines span{background:#090d14;border-bottom:1px solid #1c2533;border-right:1px solid #1c2533;width:13px;height:13px;position:absolute;bottom:-7px;transform:rotate(45deg)}.architecture-lines span:first-child{left:0}.architecture-lines span:nth-child(2){left:calc(50% - 6px)}.architecture-lines span:nth-child(3){right:0}.dependency-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem;display:grid}.dependency-card{background:#101722;border:1px solid #1c2533;border-radius:16px;min-height:220px;padding:1.5rem}.dependency-card.real{border-color:#45598f}.dependency-meta{justify-content:space-between;gap:1rem;margin-bottom:1.5rem;display:flex}.dependency-meta span{letter-spacing:.08em;text-transform:uppercase;color:#7f8ca0;border:1px solid #1c2533;border-radius:999px;padding:.3rem .55rem;font-size:.7rem;font-weight:700}.dependency-card.real .dependency-meta span:last-child{color:#7698ff}.dependency-card h3{margin:0;font-size:1.25rem}.dependency-card p{color:#7f8ca0;margin:.8rem 0 1.4rem;line-height:1.6}.dependency-card code{color:#7f8ca0;font-size:.8rem}.flow-grid{border-top:1px solid #1c2533;border-bottom:1px solid #1c2533;grid-template-columns:repeat(5,1fr);margin-top:3rem;display:grid}.flow-step{border-right:1px solid #1c2533;padding:1.5rem;position:relative}.flow-step:last-child{border-right:0}.flow-step>span{color:#7698ff;margin-bottom:2rem;font-family:monospace;font-size:.75rem;display:block}.flow-step strong{font-size:1rem;display:block}.flow-step p{color:#7f8ca0;margin:.55rem 0 0;font-size:.88rem;line-height:1.55}.environment-layout{grid-template-columns:minmax(240px,.7fr) minmax(0,1.5fr);align-items:start;gap:1.5rem;margin-top:3rem;display:grid}.environment-summary{gap:.75rem;display:grid}.environment-summary article{border:1px solid #1c2533;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.environment-summary h3{margin:.2rem 0 0;font-family:monospace;font-size:1rem}.environment-summary p{color:#7f8ca0;text-align:right;margin:0;font-size:.8rem}.service-kind{letter-spacing:.08em;text-transform:uppercase;color:#7698ff;font-size:.65rem;font-weight:700}.code-panel,.command-panel{background:#0d1117;border:1px solid #1c2533;border-radius:14px;min-width:0;overflow:hidden}.code-header{color:#8b949e;border-bottom:1px solid #ffffff14;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-family:monospace;font-size:.72rem;display:flex}.code-panel pre,.command-panel pre{background:0 0;margin:0;padding:1.25rem;font-size:.78rem;line-height:1.65;overflow-x:auto}.code-panel code,.command-panel code{color:#c9d1d9}.syntax-key{color:#79c0ff}.syntax-string{color:#a5d6ff}.scenario-table-wrap{border:1px solid #1c2533;border-radius:14px;margin-top:3rem;overflow-x:auto}.scenario-table{border-collapse:collapse;width:100%;min-width:760px}.scenario-table th,.scenario-table td{text-align:left;border-bottom:1px solid #1c2533;padding:1rem 1.2rem}.scenario-table tr:last-child td{border-bottom:0}.scenario-table th{letter-spacing:.08em;text-transform:uppercase;color:#7f8ca0;font-size:.7rem}.scenario-table td{font-size:.86rem}.scenario-table td:first-child strong,.scenario-table td:first-child span{display:block}.scenario-table td:first-child strong{font-family:monospace}.scenario-table td:first-child span{color:#7f8ca0;margin-top:.25rem}.verified{white-space:nowrap}.scenario-note{color:#7f8ca0;max-width:720px;margin:1.25rem 0 0;font-size:.9rem;line-height:1.6}.expectation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3rem;display:grid}.expectation-case{min-width:0}.case-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.case-heading>div{align-items:center;gap:.75rem;display:flex}.case-heading h3{margin:0;font-size:1rem}.case-heading>code{color:#7f8ca0;font-size:.72rem}.case-status{border:1px solid #1c2533;border-radius:6px;padding:.35rem .5rem;font-family:monospace;font-size:.75rem;display:inline-flex}.case-status.success{color:#7698ff}.case-status.rejected{color:#7f8ca0}.code-panel.compact pre{min-height:410px}.command-panel{max-width:920px;margin-top:3rem}.terminal-header{border-bottom:1px solid #ffffff14;align-items:center;gap:.4rem;padding:.7rem 1rem;display:flex}.terminal-header>span{border:1px solid #6e7681;border-radius:50%;width:8px;height:8px}.terminal-header small{color:#8b949e;margin-left:auto;font-family:monospace}.prompt{color:#7ee787}.result-heading{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.result-heading h2{margin-bottom:0}.passed-badge{color:#7698ff;border:1px solid #1c2533;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem .9rem;font-family:monospace;font-size:.78rem;font-weight:700;display:inline-flex}.result-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:start;gap:1rem;margin-top:3rem;display:grid}.result-summary{background:#101722;border:1px solid #1c2533;border-radius:14px;padding:1.4rem}.result-title{border-bottom:1px solid #1c2533;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;display:flex}.result-title small,.result-title strong{display:block}.result-title small{color:#7f8ca0;margin-bottom:.25rem}.result-title strong{font-family:monospace}.result-title>span{color:#7f8ca0;font-family:monospace;font-size:.75rem}.result-response{border-bottom:1px solid #1c2533;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:1.25rem 0;font-size:.8rem;display:grid}.result-response>span{color:#7698ff;font-weight:700}.result-response b{color:#7698ff}.interaction-list>p{letter-spacing:.08em;text-transform:uppercase;color:#7f8ca0;margin:1.25rem 0 .75rem;font-size:.72rem;font-weight:700}.interaction-list>div{grid-template-columns:18px 90px 1fr auto;align-items:center;gap:.6rem;padding:.65rem 0;font-size:.78rem;display:grid}.interaction-list code{text-overflow:ellipsis;white-space:nowrap;color:#7f8ca0;overflow:hidden}.interaction-check{color:#7698ff}.presentation-note{color:#7f8ca0;border-top:1px solid #1c2533;margin:1rem 0 0;padding-top:1rem;font-size:.72rem}.result-code pre{min-height:100%}.negative-flow{border:1px solid #1c2533;border-radius:14px;align-items:center;margin-top:3rem;padding:1.5rem;display:flex}.negative-step{align-items:center;gap:.7rem;min-width:130px;display:flex}.negative-step>span{color:#7698ff;border:1px solid #1c2533;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.7rem;display:grid}.negative-step small,.negative-step strong{display:block}.negative-step small{color:#7f8ca0;margin-bottom:.15rem}.negative-line{background:#1c2533;flex:1;min-width:35px;height:1px;margin:0 .8rem}.negative-line.stopped{background:repeating-linear-gradient(90deg,#1c2533 0 5px,#0000 5px 10px)}.negative-step.skipped{opacity:.75}.negative-result{border-left:1px solid #1c2533;margin-left:1.5rem;padding-left:1.5rem}.negative-result small,.negative-result strong{display:block}.negative-result small{color:#7f8ca0}.negative-result strong{margin-top:.2rem;font-family:monospace;font-size:1.25rem}.model-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:1rem;margin-top:3rem;display:grid}.model-flow>article{background:#101722;border:1px solid #1c2533;border-radius:12px;padding:1.4rem}.model-flow>article span{color:#7698ff;margin-bottom:2rem;font-family:monospace;font-size:.7rem;display:block}.model-flow>article strong{display:block}.model-flow>article p{color:#7f8ca0;margin:.4rem 0 0;font-size:.8rem}.model-flow>div{color:#7f8ca0}.less-code{grid-template-columns:.8fr 1.2fr;align-items:start;gap:4rem;display:grid}.less-code-copy h2{margin-top:.4rem}.less-code-copy p:last-child{color:#7f8ca0;line-height:1.7}.less-code-grid{border:1px solid #1c2533;border-radius:14px;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.less-code-grid>div{padding:1.5rem}.less-code-grid>div+div{border-left:1px solid #1c2533}.less-code-grid>div>span{letter-spacing:.08em;text-transform:uppercase;color:#7f8ca0;margin-bottom:1rem;font-size:.7rem;font-weight:700;display:block}.less-code-grid .structured>span{color:#7698ff}.less-code-grid ul{margin:0;padding-left:1.1rem}.less-code-grid li{margin:.65rem 0;font-size:.85rem;line-height:1.5}.run-demo{border-top:1px solid #1c2533;border-bottom:1px solid #1c2533;grid-template-columns:1fr auto;align-items:center;gap:3rem;display:grid}.run-demo h2{margin-top:.4rem}.run-demo p:last-child{color:#7f8ca0;max-width:700px;line-height:1.7}.make-command{background:#0d1117;border:1px solid #1c2533;border-radius:10px;align-items:center;gap:.75rem;padding:1rem 1.4rem;display:flex}.make-command span{color:#7ee787}.make-command code{white-space:nowrap;color:#c9d1d9}@media (width<=900px){.dependency-grid,.expectation-grid{grid-template-columns:1fr}.architecture-lines{display:none}.dependency-grid{margin-top:1rem}.environment-layout,.result-layout,.less-code{grid-template-columns:1fr}.flow-grid{border-bottom:0;grid-template-columns:1fr}.flow-step{border-bottom:1px solid #1c2533;border-right:0;grid-template-columns:40px 120px 1fr;align-items:baseline;gap:1rem;padding:1rem 0;display:grid}.flow-step>span,.flow-step p{margin:0}.model-flow{grid-template-columns:1fr}.model-flow>div{text-align:center;transform:rotate(90deg)}.negative-flow{flex-direction:column;align-items:flex-start;gap:1rem}.negative-line{width:1px;min-width:0;height:24px;margin:0 0 0 12px}.negative-result{border-top:1px solid #1c2533;border-left:0;margin:0;padding:1rem 0 0}.run-demo{grid-template-columns:1fr}.make-command{width:fit-content}}@media (width<=640px){.demo-hero{padding-top:5rem;padding-bottom:4rem}.demo-hero h1{font-size:clamp(3.2rem,16vw,5rem)}.demo-lead{font-size:1.05rem}.dependency-card{min-height:0}.environment-summary article{flex-direction:column;align-items:flex-start}.environment-summary p{text-align:left}.case-heading,.result-heading{flex-direction:column;align-items:flex-start}.code-panel pre,.command-panel pre{font-size:.7rem}.interaction-list>div{grid-template-columns:18px 1fr auto}.interaction-list code{grid-column:2/-1}.less-code-grid{grid-template-columns:1fr}.less-code-grid>div+div{border-top:1px solid #1c2533;border-left:0}}