.showcase-row{display:flex;align-items:center;gap:3rem;margin:0 auto;padding:2.5rem 0}.showcase-row:nth-child(2n){flex-direction:row-reverse}.showcase-text{flex:0 0 38%}.showcase-mock{flex:1;min-width:0}.showcase-text ul{padding-left:1.2rem}.showcase-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem}.mock{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:.75rem;background:var(--bg-raised);box-shadow:0 1.5rem 3rem -1.5rem #00000073;color:var(--text);font-size:.85rem;line-height:1.45;text-align:left}.mock-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .8rem;border-bottom:1px solid var(--border);background:var(--bg-overlay)}.mock-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--border)}.mock-url{display:flex;flex:1;align-items:center;gap:.4rem;min-width:0;margin-left:.5rem;padding:.3rem .75rem;border-radius:999px;background:var(--bg);color:var(--text-alt);font-size:.75rem;white-space:nowrap}.mock-body{display:flex;min-height:19rem}.mock-side{flex:0 0 31%;padding:.9rem .75rem;border-right:1px solid var(--border);background:var(--bg)}.mock-side-title{margin-bottom:.6rem;color:var(--white);font-weight:700}.mock-side-item{display:flex;align-items:center;gap:.45rem;padding:.28rem .45rem;border-radius:.35rem;color:var(--text-alt);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-side-item.is-active{background:var(--brand-bg);color:var(--text-brand)}.mock-side-item.is-child{padding-left:1.6rem}.mock-page{position:relative;flex:1;min-width:0;padding:1.1rem 1.3rem}.mock-crumbs{color:var(--text-alt);font-size:.72rem}.mock-title{min-height:1.4em;margin:.3rem 0;color:var(--white);font-size:1.25rem;font-weight:700}.mock-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--text-alt);font-size:.72rem}.mock-text{min-height:1.45em;margin:.7rem 0}.mock-line{height:.45rem;margin:.55rem 0;border-radius:.25rem;background:var(--border)}.mock-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .55rem;border:1px solid var(--brand-border);border-radius:999px;background:var(--brand-bg);color:var(--text-brand);font-size:.72rem;white-space:nowrap}.mock-pill.is-success{border-color:var(--icon-success);background:var(--panel-bg-success);color:var(--icon-success)}.mock-button{padding:.25rem .7rem;border-radius:.35rem;background:linear-gradient(135deg,#573cdd,#b152e0);color:var(--text-white);font-size:.75rem}.mock-table{display:grid;grid-template-columns:2fr 1fr .7fr;margin:.8rem 0;overflow:hidden;border:1px solid var(--border);border-radius:.4rem;font-size:.75rem}.mock-table>span{padding:.35rem .55rem;border-bottom:1px solid var(--border)}.mock-table>span:nth-last-child(-n+3){border-bottom:none}.mock-table>.is-head{background:var(--bg-overlay);color:var(--white);font-weight:600}.mock-code{margin:.8rem 0;padding:.6rem .8rem;border:1px solid var(--border);border-radius:.4rem;background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;white-space:pre;overflow:hidden}.mock-code .hk{color:var(--hlkeyword)}.mock-code .ht{color:var(--hltitle)}.mock-code .hv{color:var(--hlvar)}.mock-code .hc{color:var(--text-alt)}.mock-slash{position:absolute;z-index:2;width:13rem;padding:.35rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-overlay);box-shadow:0 .75rem 1.5rem -.75rem #00000080}.mock-slash-item{display:flex;align-items:center;gap:.55rem;padding:.35rem .5rem;border-radius:.35rem}.mock-slash-item .mock-ico{width:1rem;color:var(--text-brand);text-align:center}.mock-slash-item.is-active{background:var(--brand-bg);color:var(--white)}.mock-search{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border:1px solid var(--brand-border);border-radius:.5rem;background:var(--bg)}.mock-search .mock-ico{color:var(--text-alt)}.mock-kbd{margin-left:auto;padding:.05rem .4rem;border:1px solid var(--border);border-radius:.3rem;color:var(--text-alt);font-size:.75rem;white-space:nowrap}.mock-search [data-type]:empty:before{content:attr(data-placeholder);color:var(--text-alt)}.mock-results{min-height:10.5rem;margin-top:.5rem;padding:.35rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-overlay)}.mock-result{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .6rem;border-radius:.35rem}.mock-result:first-child{background:var(--brand-bg)}.mock-result small{display:block;color:var(--text-alt)}.mock-hl{border-radius:.15rem;background:var(--panel-bg-warning);color:var(--white)}.mock-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.mock-chip{padding:.18rem .6rem;border:1px solid var(--border);border-radius:999px;font-size:.72rem}.mock-chip.is-shown{border-color:var(--brand-border);background:var(--brand-bg);color:var(--text-brand)}.mock-field{display:flex;align-items:center;min-height:2.1rem;padding:0 .7rem;border:1px solid var(--border);border-radius:.4rem;background:var(--bg)}.mock-swap{display:inline-grid}.mock-swap>*{grid-area:1 / 1}.mock [data-from],.mock [data-chars]{opacity:0;transform:translateY(.25rem);transition:opacity .3s ease,transform .3s ease}.mock [data-from].is-shown,.mock [data-chars].is-shown{opacity:1;transform:none}.mock .mock-chip[data-from]{opacity:.4;transform:none}.mock .mock-chip[data-from].is-shown{opacity:1}.mock .is-typing:after,.mock .has-caret:after{content:"";display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-.15em;background:var(--text-brand);animation:mock-caret 1s steps(1) infinite}@keyframes mock-caret{50%{opacity:0}}.instance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.instance-card{padding:1.1rem;border:1px dashed var(--border);border-radius:.75rem;background:var(--bg-raised);text-align:center}.instance-card.is-yours{border:1px solid var(--brand-bg-overlay);background:var(--brand-bg)}.instance-box{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem 0;padding:.6rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg)}.instance-box .mock-ico{color:var(--text-brand)}.instance-link{width:2px;height:.9rem;margin:0 auto;background:var(--brand-border)}.calc{padding:2rem;border:1px solid var(--border);border-radius:1rem;background:var(--bg-raised)}.calc-slider{width:100%;margin:1rem 0 1.5rem;padding:0;accent-color:hsl(265,70%,58%)}.calc-row{display:grid;grid-template-columns:11rem 1fr 6.5rem;align-items:center;gap:1rem;margin:.7rem 0}.calc-track{height:1.6rem;overflow:hidden;border-radius:.4rem;background:var(--bg-overlay)}.calc-bar{height:100%;min-width:.3rem;border-radius:.4rem;background:var(--text-alt);opacity:.55;transition:width .45s ease}.calc-row.is-docvora .calc-bar{background:linear-gradient(135deg,#573cdd,#b152e0);opacity:1}.calc-row.is-docvora .calc-name,.calc-row.is-docvora .calc-amount{color:var(--white);font-weight:700}.calc-amount{text-align:right;font-variant-numeric:tabular-nums}.step-num{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,#573cdd,#b152e0);color:var(--text-white);font-weight:700}.feature-plan{float:right;padding:.1rem .5rem;border:1px solid var(--border);border-radius:999px;color:var(--text-alt);font-size:.7rem}.feature-plan.is-pro{border-color:var(--brand-border);color:var(--text-brand)}.feature-plan.is-enterprise{border-color:var(--brand-bg-overlay);background:var(--brand-bg);color:var(--text-brand)}@media screen and (max-width: 900px){.showcase-row,.showcase-row:nth-child(2n){flex-direction:column;gap:1.5rem;padding:1.5rem 0}.showcase-text{flex:none}.showcase-mock{width:100%}.mock{font-size:.75rem}.mock-body{min-height:16rem}.mock-side{display:none}.instance-grid{grid-template-columns:1fr}.calc{padding:1.25rem}.calc-row{grid-template-columns:1fr 5.5rem;gap:.4rem .75rem}.calc-track{grid-column:1 / -1;grid-row:2}}@media (prefers-reduced-motion: reduce){.mock *,.mock *:after,.calc-bar{animation:none!important;transition:none!important}}