.demo-discovery{background:#082e36;color:#f8f7f2;padding:110px 0;position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:90px}.demo-discovery:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 55%,#24717a66,transparent 60%),linear-gradient(120deg,transparent,#140c282b)}.demo-discovery .dd-eyebrow{color:#c5e43e;font:700 14px var(--mono);letter-spacing:.13em}.demo-discovery h2{font:700 clamp(38px,4.5vw,68px)/1.05 var(--mono);letter-spacing:-.045em;max-width:950px;margin:23px 0}.demo-discovery h2 em{font-style:normal;color:#c5e43e}.dd-intro{max-width:680px;line-height:1.8;color:#c4d5d7;font-size:17px;margin-bottom:45px}.dd-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:36px;align-items:stretch}.dd-options{display:flex;flex-direction:column;gap:10px}.dd-option{display:grid;grid-template-columns:35px 1fr 24px;gap:12px;align-items:center;border:1px solid #8eb1b62e;padding:23px 20px;background:#082b32;color:#f8f7f2;text-align:left;cursor:pointer;transition:background .25s,border-color .25s}.dd-option small{display:block;font:12px var(--mono);color:#a5c1c5;margin-top:7px}.dd-option strong{font:700 clamp(18px,1.6vw,25px)/1.15 var(--mono)}.dd-option>span:first-child{color:#94b2b6;font:14px var(--mono)}.dd-option[aria-selected=true]{border-color:#c5e43e;background:#163e45}.dd-option[aria-selected=true]>span:first-child,.dd-option[aria-selected=true]>b{color:#c5e43e}.dd-option:focus-visible,.dd-preview a:focus-visible,.dd-preview button:focus-visible{outline:3px solid #c5e43e;outline-offset:4px}.dd-preview{border:1px solid #6d9ca15c;background:linear-gradient(145deg,#143e48,#071f29);border-radius:18px;padding:30px;box-shadow:0 30px 75px #00161b66;min-width:0;display:flex;flex-direction:column}.dd-screen{min-height:240px;position:relative;padding:22px;background:#061e27;border:1px solid #62858d66;border-radius:10px}.dd-screen-top{display:flex;justify-content:space-between;gap:10px;font:12px var(--mono);color:#a5c1c5;border-bottom:1px solid #a8c4c327;padding-bottom:16px;margin-bottom:20px}.dd-bars{display:grid;gap:16px}.dd-bar{display:grid;grid-template-columns:70px 1fr 60px;gap:12px;align-items:center;font:14px var(--mono)}.dd-bar i{height:16px;background:#c5e43e;border-radius:2px;transform-origin:left;animation:dd-grow .65s ease-out both}.dd-bar:nth-child(2) i{animation-delay:.08s}.dd-bar:nth-child(3) i{animation-delay:.16s}.dd-screen button{color:#c5e43e;border:1px solid #c5e43e66;background:transparent;padding:8px 12px;cursor:pointer;font:700 13px var(--mono)}.dd-mini-actions{display:flex;gap:8px;margin-bottom:22px}.dd-mini-actions button[aria-pressed=true]{background:#c5e43e;color:#082e36}.dd-route{display:flex;align-items:center;gap:10px;margin:25px 0;flex-wrap:wrap}.dd-route span{padding:14px 10px;border:1px solid #819ba5;font:700 14px var(--mono);border-radius:6px}.dd-route .dd-active{border-color:#c5e43e;color:#c5e43e}.dd-route b{color:#c5e43e}.dd-note{font:14px/1.7 var(--sans,'Montserrat',sans-serif);color:#c4d5d7}.dd-quote{border-left:3px solid #c5e43e;padding:15px;background:#c5e43e0e;font:15px/1.7 var(--sans,'Montserrat',sans-serif)}.dd-task{display:grid;grid-template-columns:1fr auto;gap:12px;background:#193d46;padding:14px;margin-top:8px;font:14px var(--mono)}.dd-task b{color:#c5e43e}.dd-preview h3{font:700 30px/1.1 var(--mono);margin:24px 0 12px}.dd-copy{font-size:15px;line-height:1.7;color:#c4d5d7;min-height:52px}.dd-bottom{margin-top:auto;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dd-cta{background:#c5e43e;color:#082e36;padding:17px 23px;font:700 17px var(--mono);text-decoration:none;display:inline-flex;gap:20px;align-items:center}.dd-status{font:12px/1.5 var(--mono);color:#bacccd}.dd-footnote{color:#a5bec2;font:12px/1.6 var(--mono);margin:24px 0 0}.dd-preview.dd-enter{animation:dd-enter .35s ease-out}.lab-conversion{margin-top:36px;padding:28px;background:#102f36;color:#f8f7f2;display:flex;align-items:center;justify-content:space-between;gap:25px}.lab-conversion p{font:700 24px/1.2 var(--mono);max-width:600px}.lab-conversion a{background:#c5e43e;color:#102f36;padding:16px 20px;font:700 16px var(--mono);white-space:nowrap}.lab-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.lab-suggestions button{border:1px solid #17343c55;background:transparent;color:#102f36;padding:9px 12px;font:13px var(--mono);cursor:pointer}.lab-source{color:#102f36;white-space:pre-wrap;max-height:260px;overflow:auto;background:#fffefa;padding:20px;font-size:14px;line-height:1.8}.lab-source mark{background:#c5e43e;color:#102f36}.lab-source-link{display:block;background:transparent;color:inherit;border:0;text-align:left;cursor:pointer;font:inherit;width:100%}.lab-start-hint{padding:18px 22px;margin-bottom:25px;border:1px solid #18383f30;background:#fffefa;font-size:14px;line-height:1.8}.lab-start-hint b{color:#62359a}.flow-node.done{box-shadow:0 0 18px #c5e43e16}.lab-panel .flow-node{transition:background .3s,border-color .3s}.lab-split>.lab-output{box-shadow:0 20px 45px #102f3610}.lab-output .notes-task{border-left:3px solid #c5e43e}.lab-output .notes-task input:placeholder-shown{border-color:#b78831;background:#fff6df}@keyframes dd-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dd-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.dd-layout{grid-template-columns:1fr}.dd-options{display:grid;grid-template-columns:1fr 1fr}.demo-discovery{padding:75px 0}.dd-option{grid-template-columns:25px 1fr;padding:17px}.dd-option>b{display:none}.lab-conversion{align-items:start;flex-direction:column}}@media(max-width:500px){.dd-preview{padding:18px}.dd-screen{padding:15px}.dd-bottom{align-items:start;flex-direction:column}.dd-option strong{font-size:18px}.dd-option{gap:5px}.dd-bar{grid-template-columns:60px 1fr 45px}.dd-route{gap:6px}.dd-route span{font-size:12px;padding:10px}.dd-options{gap:8px}}@media(prefers-reduced-motion:reduce){.dd-preview.dd-enter,.dd-bar i{animation:none}.dd-option,.lab-panel .flow-node{transition:none}}