.el-hero{background:radial-gradient(ellipse at 75% 20%,#254a48,transparent 55%),var(--ink)}
.el-wordmark{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:32px;color:var(--ivory)}.el-wordmark>span{width:44px;height:44px;border:1px solid #6fc3ba;border-radius:12px;display:grid;place-items:center;color:#a7e3d7;font:700 1rem var(--head)}.el-wordmark b{font:600 1.1rem var(--head)}.el-wordmark small{padding:4px 10px;border:1px solid #5c7f77;border-radius:999px;color:#b6d4cb;font-size:.7rem}
.el-hero h1{max-width:19ch}.el-hero .hero-ctas{margin-top:28px}.el-status{margin-top:24px;color:#b2ccc4;font-size:.8rem}
.el-build-shot{margin:40px 0 0}.el-build-shot a{display:block;border:1px solid #5b7772;border-radius:16px;overflow:hidden;background:#161618}.el-build-shot img{display:block;width:100%;height:auto}.el-build-shot figcaption{font-size:.76rem;line-height:1.6;margin-top:12px;color:var(--muted)}.el-hero .el-build-shot figcaption{color:#b2ccc4}.el-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.el-facts article{padding:28px;border:1px solid var(--line);border-radius:16px}.el-facts article>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.el-facts h3{font-size:1.25rem;margin:14px 0}.el-facts p{font-size:.92rem;color:var(--muted)}@media(max-width:700px){.el-facts{grid-template-columns:1fr}.el-build-shot{margin-top:30px}.el-build-shot a{border-radius:10px}}
.el-presentation{background:var(--paper)}.el-deck{border:1px solid #436b63;border-radius:22px;background:var(--ink);color:var(--ivory);overflow:hidden;outline-offset:5px}.el-deck-top{display:flex;justify-content:space-between;gap:24px;padding:22px 28px;border-bottom:1px solid #45605c;font-size:.78rem;color:#c5d7d1}.el-deck-top #elCount{font-variant-numeric:tabular-nums;white-space:nowrap}
.el-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:22px 28px 0}.el-steps button{font:500 .8rem var(--body);padding:12px 10px;border:1px solid #4e6c63;background:transparent;color:#c5d7d1;border-radius:10px;cursor:pointer;min-height:44px}.el-steps button[aria-pressed="true"]{background:#c4e8dc;border-color:#c4e8dc;color:#16362e}
.el-slide{padding:42px 48px;min-height:390px}.el-slide-num{font-size:.72rem;font-weight:600;letter-spacing:.1em;color:#90cbb9}.el-slide h3{font-size:clamp(1.7rem,3.5vw,2.8rem);max-width:24ch;margin:20px 0}.el-slide>p{font-size:1.02rem;color:#c5d7d1;max-width:67ch}.el-example{margin-top:32px;padding:22px 24px;border-left:3px solid #8dd3bd;background:rgba(141,211,189,.07);display:grid;gap:8px}.el-example>span{font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:#a5c8bc}.el-example b{font:500 1.15rem/1.5 var(--head)}.el-example p{font-size:.82rem;color:#b6cfc4;margin:0}
.el-controls{display:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;border-top:1px solid #45605c}.el-deck.ready .el-controls{display:flex}.el-controls>span{font-size:.72rem;color:#a8c4b8}.el-controls .btn{min-height:44px}.el-deck:not(.ready) .el-steps{display:none}.el-noscript{font-size:.8rem;margin-top:16px;color:var(--muted)}.el-project-status .lead{margin-top:22px}
@media(max-width:700px){.el-deck-top{padding:20px}.el-steps{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 20px 0}.el-slide{padding:30px 20px;min-height:420px}.el-example{padding:18px}.el-example b{font-size:1rem}.el-controls{padding:20px;flex-wrap:wrap}.el-controls>span{display:none}.el-controls .btn{padding:11px 15px;font-size:.8rem}.el-hero .hero-ctas .btn{white-space:normal;text-align:center}}

.el-audience{color:#a7e3d7;font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin:0 0 18px}.el-availability{font-size:.78rem;line-height:1.7;color:var(--muted);max-width:78ch;margin-top:28px}

.el-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
.el-hero-copy{min-width:0}.el-hero-grid h1{font-size:clamp(2.2rem,4vw,3.35rem);max-width:19ch}.el-hero-grid .lead{font-size:1rem;line-height:1.8}.el-hero-grid .el-wordmark{gap:10px}.el-hero-grid .el-wordmark b{font-size:1rem}.el-hero-grid .hero-ctas{gap:10px}.el-hero-grid .hero-ctas .btn{padding:13px 18px;font-size:.82rem}
.pos-sim{min-width:0;padding:24px;border:1px solid #4e7772;border-radius:22px;background:linear-gradient(145deg,#1c3438,#14272d);box-shadow:0 24px 64px #06151b45;color:#f6f3ec;font:400 .82rem/1.6 var(--body)}
.pos-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.65rem;line-height:1.5}.pos-live{display:flex;align-items:center;gap:8px;font-weight:600;color:#d5eee6}.pos-live i{width:7px;height:7px;border-radius:50%;background:#89d5ba;box-shadow:0 0 0 4px #89d5ba12}.pos-demo{border:1px solid #52736d;border-radius:20px;padding:3px 8px;color:#b5d4c9}
.pos-sim h2{font-size:1.45rem;line-height:1.25;letter-spacing:-.03em;margin:20px 0 18px}.pos-query{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #446b65;border-radius:12px;background:#0d1f25;color:#aad4c5}.pos-query>span{font-size:.65rem}.pos-query input{display:block;min-width:0;width:100%;background:transparent;border:0;color:#eef8f4;font:500 .88rem var(--body);padding:2px 0;outline-offset:5px}.pos-help{font-size:.7rem;color:#b0c7c3;margin:10px 0 14px}
.pos-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pos-scenarios button{min-width:0;min-height:62px;text-align:left;padding:9px 10px;border:1px solid #476962;border-radius:10px;background:#13292d;color:#c3d9d1;font:400 .65rem/1.4 var(--body);cursor:pointer}.pos-scenarios b{display:block;font-size:.73rem;font-weight:600;margin-bottom:4px}.pos-scenarios button[aria-pressed=true]{border-color:#a1dcc6;color:#173b34;background:#c4e8dc}.pos-scenarios button:hover{border-color:#b4e2d1}
.pos-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}.pos-controls button,.pos-approve,.pos-bottom button{min-height:44px;border:1px solid #a2d9c8;border-radius:9px;font:600 .72rem var(--body);padding:10px 13px;cursor:pointer}.pos-run,.pos-approve{background:#b3e4cf;color:#153b32}.pos-reset{background:transparent;color:#d3e6df;border-color:#53756c!important}.pos-controls>span{font-size:.65rem;color:#bbd4cc;flex:1 1 120px;text-align:right}.pos-sim button:disabled{opacity:.5;cursor:default}
.pos-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0}.pos-path li{min-width:0;display:flex;align-items:center;gap:7px;padding:8px 6px;border-bottom:2px solid #395650;color:#99b5ad;font-size:.62rem;line-height:1.4}.pos-path li>span{font-size:.6rem;color:#95aea8}.pos-path li>b{font-weight:500}.pos-path .is-active{border-color:#b4e6d1;color:#e7fff5}.pos-path .is-active>span{color:#b4e6d1}.pos-path .is-done{border-color:#679d87;color:#b4dec9}
.pos-detail{min-height:240px;padding:17px;border:1px solid #46665e;border-radius:12px;background:#0f2228}.pos-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.6rem;line-height:1.5;color:#c3d9d0}.pos-detail-top>span:last-child{border-radius:20px;background:#b3e4cf14;padding:3px 7px;color:#b6e4cf;white-space:nowrap}.pos-detail h3{font-size:1rem;line-height:1.4;letter-spacing:-.02em;margin:13px 0 9px}.pos-detail>p{color:#c4d5d0;font-size:.75rem;line-height:1.7;margin:0}.pos-artifacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.pos-artifacts span{min-width:0;overflow-wrap:anywhere;border:1px solid #3d6055;padding:4px 7px;border-radius:6px;font:400 .6rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#bce2cd}.pos-detail .pos-impact{font-size:.66rem;line-height:1.6;color:#a5c3b5;margin-top:12px}.pos-approve{margin-top:14px;width:100%}.pos-approve[hidden],.pos-bottom button[hidden]{display:none}
.pos-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px}.pos-bottom button{background:transparent;border-color:#507667;color:#d3e9de;font-size:.68rem;padding:8px 10px}.pos-bottom>span{flex:1 1 150px;text-align:right;font-size:.58rem;line-height:1.7;color:#abc5b9}.pos-sim[data-pos-phase=review] .pos-detail{border-color:#d8c99a}.pos-sim[data-pos-phase=review] #pos-state{color:#eee0b9;background:#d8c99a18}
.pos-sim button:focus-visible{outline:2px solid #eddfa6;outline-offset:3px}
@media(min-width:1400px){.el-hero-grid{gap:64px}}
@media(max-width:1000px){.el-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}.el-hero-grid h1{font-size:clamp(2.3rem,5.4vw,4rem);max-width:19ch}.el-hero-grid .lead{max-width:66ch}.pos-sim{width:100%;max-width:680px;justify-self:center}.pos-detail{min-height:215px}}
@media(max-width:480px){.pos-sim{padding:17px;border-radius:16px}.pos-sim h2{font-size:1.3rem}.pos-top{gap:7px}.pos-demo{font-size:.58rem}.pos-scenarios{gap:5px}.pos-scenarios button{padding:9px 7px;font-size:.58rem}.pos-scenarios b{font-size:.68rem}.pos-path{gap:6px}.pos-path li{padding-inline:1px;font-size:.57rem;gap:5px}.pos-controls>span{flex-basis:100%;text-align:left}.pos-detail{padding:14px;min-height:280px}.pos-detail-top{font-size:.58rem;gap:8px}.pos-bottom>span{text-align:left}.pos-query{gap:8px;padding:12px 10px}.pos-query input{font-size:.78rem}.el-hero-grid .el-wordmark{gap:10px}}
@media(max-width:480px){.pos-query>span:last-child{display:none}}