/* Level 02: an explorable software stack. The content remains readable without JS. */
.sv-blueprint{--ink:#f5f5f3;--ink-soft:#d3d6dc;--paper:#3a3f46;--porcelain:#30343b;--accent:#b2c2ff;--accent-rgb:178,194,255;--line:rgba(245,245,243,.16);--line-strong:rgba(245,245,243,.28);background:#30343b;color:var(--ink);overflow:clip}
.sv-platform{--open:1;--pointer-x:0deg;--pointer-y:0deg;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr);gap:48px;align-items:start}
.sv-platform-copy{position:relative;z-index:5;padding-top:6px}
.sv-platform .sv-chapter-promise{font-size:clamp(40px,3.75vw,57px);line-height:1.06;margin-bottom:23px;letter-spacing:-.055em}
.sv-platform .sv-chapter-promise em{color:var(--ink-soft)}
.sv-platform-intro{font-size:15px;line-height:1.75;max-width:36ch}
.sv-layer-controls{margin-top:37px;border-bottom:1px solid var(--line-strong)}
.sv-layer-control{width:100%;display:grid;grid-template-columns:24px 1fr 18px;gap:13px;text-align:left;align-items:start;border:0;border-top:1px solid var(--line-strong);padding:22px 0;background:transparent;color:var(--ink);cursor:pointer;font-family:inherit;transition:padding .3s var(--ease),color .3s}
.sv-layer-index{font:9px/24px "JetBrains Mono",monospace;color:var(--accent)}
.sv-layer-control strong{display:block;font:400 23px/1.2 "Fraunces",serif;letter-spacing:-.035em}
.sv-layer-control small{display:block;font-size:12px;line-height:1.7;color:var(--ink-soft);margin-top:9px;max-width:31ch}
.sv-layer-arrow{font-size:18px;color:var(--ink-soft);opacity:.45;transition:transform .3s,opacity .3s}
.sv-layer-control.is-active{padding-left:8px;color:var(--accent)}
.sv-layer-control.is-active .sv-layer-arrow{transform:translate(2px,-2px);opacity:1;color:var(--accent)}
.sv-platform-foundation{display:flex;gap:14px;align-items:center;font-size:10px;margin-top:25px;line-height:1.7}
.sv-platform-foundation>span:first-child{font:9px "JetBrains Mono",monospace;color:var(--accent);white-space:nowrap}
.sv-platform-visual{min-width:0;padding-top:26px}
.sv-stage-caption{display:flex;justify-content:space-between;gap:16px;font:8px/1.5 "JetBrains Mono",monospace;letter-spacing:.07em;color:var(--ink-soft);padding-inline:6px}
.sv-stage-caption>span:first-child{color:var(--accent)}
.sv-layer-stage{position:relative;height:705px;perspective:1500px;isolation:isolate;margin-top:24px}
.sv-layer-stage::after{content:"";position:absolute;width:82%;height:55px;left:12%;bottom:16px;background:radial-gradient(ellipse,#20283f20,transparent 70%);pointer-events:none;transform:rotate(7deg)}
.sv-software-layer{--step:0;--hover-lift:0px;--angle-x:29deg;--angle-y:-14deg;--angle-z:7deg;--ink:#18212e;--ink-soft:#596373;--accent:#2540ff;--line:#e6e8eb;position:absolute;top:12px;left:2%;width:96%;color:var(--ink);background:linear-gradient(135deg,#fff,#fafaf9);border:1px solid #dce0e5;border-radius:10px;box-shadow:0 3px 0 #d9dde1,0 6px 0 #e7e8e8,8px 26px 35px -20px #26304744;transform-origin:50% 50%;transform:translate3d(0,calc(var(--step) * (35px + var(--open) * 185px) + var(--hover-lift)),0) rotateX(calc(var(--angle-x) + var(--pointer-y))) rotateY(calc(var(--angle-y) + var(--pointer-x))) rotateZ(var(--angle-z));transition:transform .7s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .3s,opacity .35s;backface-visibility:hidden}
.sv-software-layer::before{content:"";position:absolute;inset:-1px;border:1px solid #2540ff;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s}
.sv-interface-layer{--step:0;z-index:3}
.sv-automation-layer{--step:1;z-index:2}
.sv-tools-layer{--step:2;z-index:1}
.sv-software-layer.is-active{--hover-lift:-13px;--angle-x:19deg;--angle-y:-9deg;--angle-z:4deg;box-shadow:0 3px 0 #d9dde1,0 6px 0 #e7e8e8,8px 34px 45px -22px #26304755}
.sv-software-layer.is-active::before{opacity:.6}
.sv-layer-guides{position:absolute;inset:125px 6% 130px 10%;opacity:calc(var(--open) * .4);pointer-events:none;transform:skewY(7deg);transition:opacity .4s}
.sv-layer-guides i{position:absolute;top:0;bottom:0;left:12%;border-left:1px dashed var(--accent)}
.sv-layer-guides i:nth-child(2){left:52%}.sv-layer-guides i:nth-child(3){left:91%}
.sv-window-bar{height:32px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 15px;font:8px "JetBrains Mono",monospace;letter-spacing:.035em}
.sv-window-bar b{font-weight:400;color:#bac0c9;margin-inline:6px}
.sv-window-dots{display:flex;gap:4px}.sv-window-dots i{width:4px;height:4px;background:#c4c9cf;border-radius:50%}
.sv-window-avatar{margin-left:auto;width:15px;height:15px;border:1px solid #d5dae1;border-radius:50%;display:grid;place-items:center;font-size:7px;color:#636e7e}
.sv-workspace-layout{display:grid;grid-template-columns:48px 1fr}
.sv-workspace-nav{border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:21px;padding-block:14px}
.sv-nav-monogram{font:20px/.9 "Fraunces",serif;margin-bottom:4px}
.sv-nav-square{width:13px;height:13px;border:1px solid #2540ff;box-shadow:0 0 0 5px #eef0ff;border-radius:2px}
.sv-nav-lines{width:13px;height:9px;border-block:1px solid #a0a8b4;position:relative}.sv-nav-lines::after{content:"";position:absolute;top:3px;left:0;right:0;border-top:1px solid #a0a8b4}
.sv-nav-circle{width:12px;height:12px;border:1px solid #a0a8b4;border-radius:50%}
.sv-workspace-main{padding:12px 18px;min-width:0}
.sv-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.sv-workspace-heading>strong{font:400 21px/1.15 "Fraunces",serif;letter-spacing:-.025em}
.sv-workspace-view{font-size:11px;color:#8f97a1}
.sv-work-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sv-column-label{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:9px;color:#566171;margin-bottom:8px;line-height:1.4}
.sv-column-label i{font:8px "JetBrains Mono",monospace;color:#6e7887}
.sv-work-item{border:1px solid #e2e5ea;border-radius:5px;padding:8px 10px;background:#fff;position:relative;transition:background .3s,border-color .3s,transform .45s}
.sv-work-item>strong{display:block;font-size:11px;font-weight:500;line-height:1.35;margin:6px 0 4px;letter-spacing:-.01em}
.sv-work-item>small{display:block;font-size:8px;color:#647080;line-height:1.5}
.sv-secondary-item{margin-top:8px;padding-block:7px}.sv-secondary-item>strong{margin-top:0;font-size:9px}
.sv-mini-doc{display:block;width:9px;height:12px;border:1px solid #7a8694;border-radius:1px;position:relative}.sv-mini-doc::after{content:"";position:absolute;left:2px;right:2px;top:4px;height:3px;border-block:1px solid #9fa8b4}
.sv-item-state{display:flex;align-items:center;gap:4px;font-size:7px;color:#5264a3;margin-top:12px}.sv-item-state i{width:4px;height:4px;border-radius:50%;background:#647aca}
.sv-review-tag{display:flex;gap:4px;align-items:center;font-size:7px;color:#84571c;background:#f9f0df;padding:4px;margin-top:11px;border-radius:2px}
.sv-review-tag i{width:4px;height:4px;border:1px solid #a57732;border-radius:50%}
.sv-mini-check{display:grid;place-items:center;width:13px;height:13px;border:1px solid #539573;border-radius:50%;font-size:8px;color:#377654}
.sv-complete-item{background:#fafcfb}
.sv-layer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e6e8eb;padding:9px 16px;color:#697382;font:7px/1.4 "JetBrains Mono",monospace;letter-spacing:.05em}
.sv-layer-footer>span:first-child{display:flex;align-items:center;gap:7px}
.sv-sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 21px 0}
.sv-sheet-heading>span{display:flex;align-items:center;gap:10px}
.sv-sheet-heading strong{font:400 19px/1.2 "Fraunces",serif;letter-spacing:-.025em}
.sv-sheet-heading small{font:7px/1.4 "JetBrains Mono",monospace;color:#677383;display:flex;align-items:center;gap:5px}
.sv-agent-mark{display:block;width:16px;height:16px;border:1px solid #2540ff;border-radius:4px;position:relative;transform:rotate(45deg)}
.sv-agent-mark::after{content:"";position:absolute;inset:4px;background:#2540ff;border-radius:1px}
.sv-process-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:25px 21px 21px}
.sv-process-step{min-width:0;position:relative;border:1px solid #e3e6eb;border-radius:5px;padding:12px 10px 18px;background:#fff;transition:border-color .3s,background .3s}
.sv-process-step:not(:last-child)::after{content:"→";position:absolute;left:100%;width:16px;top:43%;text-align:center;color:#6a7fcb;font-size:12px}
.sv-process-icon{display:block;width:18px;height:18px;color:#657284;margin-bottom:10px}
.sv-process-icon svg,.sv-source-title svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.sv-process-step>strong{display:block;font-size:10px;line-height:1.4;font-weight:500}
.sv-process-step>small{display:block;font-size:8px;line-height:1.55;color:#647080;margin-top:5px}
.sv-step-light{position:absolute;bottom:7px;left:10px;width:4px;height:4px;background:#cfd4dc;border-radius:50%;transition:background .3s,box-shadow .3s}
.sv-human-step{background:#fffcf6;border-color:#e8dcc6}.sv-human-step .sv-process-icon{color:#946528}
.sv-running-dot,.sv-connection-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#6d9681}
.sv-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 21px}
.sv-source{padding:0 10px 0 0;border-right:1px solid #e6e8eb;min-width:0}.sv-source:last-child{border-right:0;padding-right:0}
.sv-source-title{display:flex;align-items:center;gap:6px}.sv-source-title svg{width:16px;height:16px;color:#657284;flex:none}.sv-source-title strong{font-size:11px;font-weight:500}
.sv-page .sv-source p{font-size:10px;line-height:1.9;color:#4e5b6d;margin:13px 0 11px}
.sv-source-line{display:block;position:relative;width:80%;height:2px;background:#e4e8ed;overflow:hidden;margin-bottom:9px}
.sv-source-line::after{content:"";position:absolute;inset:0;background:#2540ff;transform:translateX(-100%)}
.sv-source small{font-size:8px;color:#6c7685;line-height:1.4;display:block}
.sv-flow-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 6px 0;border-top:1px solid var(--line-strong)}
.sv-demo-status{font-size:11px;line-height:1.65;color:var(--ink-soft);max-width:45ch;min-height:37px;display:flex;align-items:center}
.sv-demo-status>[hidden]{display:none}
.sv-flow-indicator{display:flex;gap:5px;flex:none}
.sv-flow-indicator i{width:13px;height:3px;background:var(--line-strong);transition:background .3s}
.sv-flow-indicator i.is-lit{background:var(--accent)}
.sv-platform:not([data-run="idle"]):not([data-run="review"]){--open:1!important}
.sv-platform[data-run="sources"] .sv-source-line::after{animation:sv-source-scan 1.3s ease-in-out both}
.sv-platform[data-run="sources"] .sv-source:nth-child(2) .sv-source-line::after{animation-delay:.15s}
.sv-platform[data-run="sources"] .sv-source:nth-child(3) .sv-source-line::after{animation-delay:.3s}
.sv-platform[data-run="sources"] .sv-source:nth-child(4) .sv-source-line::after{animation-delay:.45s}
.sv-platform[data-loop-state="paused"] .sv-source-line::after{animation-play-state:paused}
.sv-process-step.is-processing{border-color:#7486ed;background:#f1f4ff}
.sv-process-step.is-processing .sv-step-light{background:#2540ff;box-shadow:0 0 0 3px #2540ff15}
.sv-process-step.is-done .sv-step-light{background:#3d8760}
.sv-platform[data-run="review"] .sv-human-step{background:#faf0da;border-color:#caa05d}
.sv-platform[data-run="review"] .sv-human-step .sv-step-light{background:#aa7932;box-shadow:0 0 0 3px #aa793215}
.sv-platform[data-run="review"] .sv-review-item{background:#fffcf4;border-color:#c4a569;transform:translateY(-3px)}
.sv-platform[data-run="read"] .sv-request-item,.sv-platform[data-run="compare"] .sv-request-item,.sv-platform[data-run="draft"] .sv-request-item{background:#f4f6ff;border-color:#91a1ee}
.sv-blueprint .sv-capabilities{padding-block:45px 35px;gap:50px}
.sv-blueprint .sv-capabilities>div>span{color:var(--accent)}
@keyframes sv-source-scan{0%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}
@media(min-width:1450px){.sv-platform{gap:55px}.sv-layer-stage{height:720px}}
@media(max-width:1100px) and (min-width:901px){
  .sv-platform{gap:24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}
  .sv-platform .sv-chapter-promise{font-size:43px}.sv-platform-intro{font-size:14px}.sv-layer-control strong{font-size:20px}
  .sv-layer-control{gap:8px;grid-template-columns:18px 1fr 15px}.sv-layer-control small{font-size:11px}
  .sv-workspace-nav{display:none}.sv-workspace-layout{grid-template-columns:1fr}
  .sv-workspace-main{padding-inline:12px}.sv-work-columns{gap:7px}.sv-work-item{padding:9px 7px}
  .sv-process-track{gap:10px;padding-inline:13px}.sv-process-step{padding-inline:7px}.sv-process-step:not(:last-child)::after{width:11px}
  .sv-sheet-heading{padding-inline:13px}.sv-sheet-heading strong{font-size:17px}.sv-source-grid{padding-inline:13px;gap:8px}
  .sv-layer-stage{height:700px}.sv-source-title{gap:4px}.sv-source-title strong{font-size:10px}
}
@media(max-width:900px){
  .sv-platform{grid-template-columns:1fr;gap:30px}
  .sv-platform-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}
  .sv-platform .sv-chapter-promise{font-size:50px;grid-column:1}.sv-platform-intro{grid-column:1;font-size:14px}
  .sv-layer-controls{grid-column:2;grid-row:1/4;margin-top:0}.sv-layer-control{padding-block:17px}.sv-layer-control strong{font-size:21px}
  .sv-platform-foundation{grid-column:1;margin-top:22px}.sv-platform-visual{padding-top:0}
  .sv-layer-stage{max-width:660px;margin-inline:auto;height:710px}
  .sv-demo-status{max-width:none;min-height:0}
}
@media(max-width:600px){
  .sv-platform{gap:28px}.sv-platform-copy{display:block}
  .sv-platform .sv-chapter-promise{font-size:43px}.sv-platform-intro{max-width:40ch;font-size:14px}
  .sv-layer-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px;border-bottom:0}
  .sv-layer-control{display:flex;flex-direction:column;gap:8px;padding-block:12px;border-color:var(--line-strong)}
  .sv-layer-control strong{font:500 12px/1.5 "Hanken Grotesk",sans-serif;letter-spacing:-.015em}
  .sv-layer-control small,.sv-layer-arrow{display:none}.sv-layer-index{line-height:1.4}
  .sv-layer-control.is-active{padding-left:0;border-color:var(--accent)}
  .sv-platform-foundation{margin-top:18px;font-size:9px;gap:12px}
  .sv-stage-caption{font-size:7px;padding:0;gap:8px}.sv-stage-caption>span:first-child{max-width:20ch}
  .sv-layer-stage{height:auto;display:grid;gap:23px;margin-top:22px;perspective:none;padding-bottom:24px}
  .sv-layer-guides{display:none}.sv-layer-stage::after{display:none}
  .sv-software-layer,.sv-software-layer.is-active{position:relative;inset:auto;width:100%;transform:none;border-radius:7px;box-shadow:0 3px 0 #e0e3e7,0 9px 17px -14px #26304755;transition:border-color .3s,box-shadow .3s}
  .sv-software-layer:not(:last-child)::after{content:"";position:absolute;left:50%;top:100%;height:25px;border-left:1px dashed #9cabdd;z-index:-1}
  .sv-window-bar{gap:9px;padding-inline:10px;font-size:6px;height:28px}.sv-window-bar b{margin-inline:2px}
  .sv-workspace-layout{display:block;min-height:0}.sv-workspace-nav{display:none}.sv-workspace-main{padding:16px 10px}
  .sv-workspace-heading{margin-bottom:15px;gap:6px}.sv-workspace-heading>strong{font-size:20px}.sv-work-columns{gap:6px}
  .sv-column-label{font-size:9px;align-items:start;min-height:26px}.sv-column-label i{font-size:7px;line-height:14px}
  .sv-work-item{padding:9px 7px}.sv-work-item>strong{font-size:10px;overflow-wrap:anywhere}.sv-work-item>small{font-size:8px}
  .sv-secondary-item>strong{font-size:9px}.sv-review-tag{font-size:7px;padding:3px;align-items:start}.sv-review-tag i{flex:none;margin-top:3px}
  .sv-item-state{font-size:7px;align-items:start}.sv-item-state i{flex:none;margin-top:3px}
  .sv-layer-footer{font-size:6px;padding:9px 10px;letter-spacing:.01em;gap:8px}.sv-layer-footer>span:last-child{white-space:nowrap}
  .sv-sheet-heading{padding:17px 12px 0;align-items:start;gap:9px}.sv-sheet-heading strong{font-size:19px}.sv-sheet-heading small{font-size:6px;max-width:17ch}
  .sv-process-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 12px 15px}
  .sv-process-step{padding:12px 10px 19px}.sv-process-step strong{font-size:12px}.sv-process-step small{font-size:10px}
  .sv-process-step:not(:last-child)::after{width:13px}.sv-process-step:nth-child(2)::after{display:none}
  .sv-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px;padding:23px 15px}
  .sv-source:nth-child(2){border-right:0}.sv-source-title strong{font-size:13px}.sv-page .sv-source p{font-size:11px;margin-top:10px}.sv-source small{font-size:9px}
  .sv-flow-caption{gap:16px;padding-inline:0}.sv-demo-status{font-size:10px;min-height:44px;max-width:30ch}
  .sv-flow-indicator{gap:4px}.sv-flow-indicator i{width:10px}
  .sv-blueprint .sv-capabilities{gap:24px;padding-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .sv-platform{--open:1!important;--pointer-x:0deg!important;--pointer-y:0deg!important}
  .sv-platform *,.sv-platform *::before,.sv-platform *::after{animation:none!important;transition:none!important}
  .sv-software-layer.is-active{--hover-lift:0px;--angle-x:29deg;--angle-y:-14deg;--angle-z:7deg}
}