.home-dev-section{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:#edf3f6;color:#10233f;border-bottom-color:#dbe4eb}
.home-dev-section__media{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.home-dev-section:after{content:"";position:absolute;inset:0;background:rgba(245,249,251,.18);pointer-events:none}
.home-dev-section .home-dev{position:relative;z-index:1;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:58px}
.home-dev-section .home-dev__copy{max-width:540px;padding:30px 32px 32px 0}
.home-dev-section .av-section__head{margin-bottom:0}.home-dev-section .av-section__label{color:#1764c8}.home-dev-section .av-section__title{color:#10233f}.home-dev-section .av-section__desc{color:#40546b}
.home-dev-section .home-dev__proofs{margin-top:26px}.home-dev-section .home-dev__proof{border-top-color:rgba(25,58,92,.18)}.home-dev-section .home-dev__proof svg{color:#078c78}.home-dev-section .home-dev__proof strong{color:#10233f}.home-dev-section .home-dev__proof span{color:#526579}
.home-dev-section .av-actions{margin-top:26px}
.home-dev__security-link{min-width:170px;justify-content:center;border-color:#9eafbf;background:rgba(255,255,255,.88);color:#153557;box-shadow:0 8px 20px rgba(31,60,86,.08)}
.home-dev__security-link:hover{border-color:#1764c8;background:#fff;color:#1255ae;box-shadow:0 12px 28px rgba(31,84,142,.14)}
.home-dev__security-arrow{margin-left:2px;transition:transform .16s ease}.home-dev__security-link:hover .home-dev__security-arrow{transform:translateX(3px)}
.home-dev-section .home-dev-code{position:relative;border-color:rgba(132,164,199,.42);background:rgba(7,24,46,.94);box-shadow:0 30px 70px rgba(34,62,88,.28);backdrop-filter:blur(8px)}
.home-dev-code .av-code__bar{height:48px;padding:0 15px;border-bottom-color:rgba(195,215,237,.14)}
.home-dev-code__title,.home-dev-code__runtime{display:inline-flex;align-items:center;gap:8px}.home-dev-code__title i{width:7px;height:7px;border-radius:50%;background:#55d6b0;box-shadow:0 0 0 4px rgba(85,214,176,.12)}
.home-dev-code__runtime button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid rgba(195,215,237,.2);border-radius:5px;background:rgba(255,255,255,.04);color:#b8c8db;cursor:pointer}.home-dev-code__runtime button:hover{border-color:#6f9bd1;background:rgba(111,155,209,.13);color:#fff}.home-dev-code__runtime button svg{width:15px;height:15px}
.home-dev-code pre{min-height:334px;padding:18px 20px 14px;overflow:hidden}.home-code-line{position:relative;display:block;min-height:1.75em;margin:0 -10px;padding:0 10px;border-radius:3px;opacity:.62;transition:opacity .18s ease,background .18s ease,color .18s ease}.home-code-line:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:#62b3ff;opacity:0;transform:scaleY(.3);transition:opacity .18s ease,transform .18s ease}.home-code-line.is-done{opacity:.9}.home-code-line.is-active{background:rgba(71,139,220,.14);color:#fff;opacity:1}.home-code-line.is-active:before{opacity:1;transform:scaleY(1)}
.home-dev-code__trace{min-height:52px;display:grid;grid-template-columns:auto minmax(70px,1fr) auto;gap:12px;align-items:center;padding:0 15px;border-top:1px solid rgba(195,215,237,.14);color:#93a8bf;font:11px/1.4 "SFMono-Regular",Consolas,Menlo,monospace}.home-dev-code__track{position:relative;height:2px;overflow:visible;background:rgba(160,189,219,.2)}.home-dev-code__track:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--home-code-progress,0%);background:#62b3ff;transition:width .44s ease}.home-dev-code__track i{position:absolute;left:var(--home-code-progress,0%);top:50%;width:7px;height:7px;border-radius:50%;background:#62b3ff;box-shadow:0 0 0 4px rgba(98,179,255,.12);transform:translate(-50%,-50%);transition:left .44s ease,background .18s ease}.home-dev-code__trace strong{color:#c8d6e6;font-weight:650;white-space:nowrap}.home-dev-code[data-code-state="success"] .home-dev-code__title i,.home-dev-code[data-code-state="success"] .home-dev-code__track i,.home-dev-code[data-code-state="success"] .home-dev-code__track:before{background:#55d6b0}.home-dev-code[data-code-state="success"] .home-dev-code__trace strong{color:#75e0be}
@media(max-width:1020px){.home-dev-section{min-height:0}.home-dev-section__media{object-position:68% center}.home-dev-section:after{background:rgba(245,249,251,.76)}.home-dev-section .home-dev{grid-template-columns:1fr;gap:26px}.home-dev-section .home-dev__copy{max-width:720px;padding:0}.home-dev-section .home-dev-code{max-width:760px;width:100%}}
@media(max-width:720px){.home-dev-section__media{object-position:78% center}.home-dev-section:after{background:rgba(245,249,251,.88)}.home-dev-section .home-dev__proofs{grid-template-columns:1fr}.home-dev-section .av-actions{display:grid;grid-template-columns:1fr}.home-dev-section .av-btn{width:100%}.home-dev-code pre{min-height:310px;padding:14px 12px 10px;font-size:10px;line-height:1.65}.home-dev-code__trace{grid-template-columns:1fr auto;gap:8px;padding:8px 12px}.home-dev-code__track{grid-column:1/-1;grid-row:2}}
@media(prefers-reduced-motion:reduce){.home-code-line,.home-code-line:before,.home-dev-code__track:before,.home-dev-code__track i,.home-dev__security-arrow{transition:none}}
