:root{--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}.hero-split{position:relative;padding:96px 0 104px;display:grid;grid-template-columns:6fr 5fr;gap:64px;align-items:center}.hero-copy>*{max-width:34em}.hero-copy h1{max-width:14ch;text-wrap:balance}.pill{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:6px 14px 6px 12px;margin-bottom:28px;border:1px solid rgb(244 241 233 / 16%);border-radius:999px;background:#22272b8c;color:var(--ivory);font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:border-color .15s cubic-bezier(.4,0,.2,1)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}.pill:hover{border-color:#c7f5428c}.hero-visual{position:relative;overflow:hidden;padding:28px;background:var(--charcoal);border:1px solid rgb(244 241 233 / 8%);border-radius:var(--radius-card);animation:pd-rise .45s cubic-bezier(.16,1,.3,1) both}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 72% 16%,rgb(199 245 66 / 9%),transparent 70%);pointer-events:none}@keyframes pd-rise{0%{opacity:0;transform:translateY(12px)}}.viz{position:relative}.viz-label{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.viz-label:before{content:"";width:16px;height:2px;background:var(--lime)}.viz-row{display:flex;align-items:center;gap:8px}.viz-row .icon{color:var(--lime)}.viz-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--carbon);border:1px solid rgb(244 241 233 / 8%);border-radius:var(--radius-card)}.viz-card b{font-family:var(--font-display);font-weight:800;font-size:16px}.viz-card span{font-size:13px;color:var(--slate-light)}.viz-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid rgb(199 245 66 / 40%);border-radius:999px;background:var(--carbon);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--lime)}.viz-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--success-dark)}.viz-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success-dark);flex:none}.viz-stack{display:flex;flex-direction:column}.viz-drop{width:1px;height:22px;margin:0 auto;background:#f4f1e92e}.viz-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.viz-head b{font-family:var(--font-display);font-weight:800;font-size:16px}.viz-keys{list-style:none;margin:0;padding:0;display:grid;gap:8px}.viz-keys li{display:flex;align-items:center;gap:10px;font-size:15px}.viz-keys kbd{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid rgb(244 241 233 / 22%);border-radius:6px;background:var(--carbon);color:var(--lime);font-family:var(--font-mono);font-size:12px;font-weight:700}.viz-dests{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.viz-dest{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1px solid rgb(244 241 233 / 8%);border-radius:8px;font-size:13px;color:var(--slate-light);text-align:center}.viz-dest .icon{color:var(--lime)}.viz-flow{display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr;align-items:stretch}.viz-flow>.viz-label{grid-column:1 / -1}.viz-wire{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:64px;padding:0 8px}.viz-wire:before{content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:#f4f1e92e}.viz-wire .viz-chip,.viz-wire .viz-wire-dot{position:relative}.viz-wire-dot{width:5px;height:5px;border-radius:50%;background:#f4f1e959}.viz-pair{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:12px}.viz-mid{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:var(--carbon);border:1px solid rgb(199 245 66 / 35%);border-radius:var(--radius-card)}.viz-mid .viz-chip{border-color:#c7f54266}.viz-mid .icon{color:var(--lime)}.viz-sub{font-size:12px;color:var(--slate-light)}.viz-foot{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid rgb(244 241 233 / 8%);font-size:13px;color:var(--slate-light)}.viz-foot .icon{color:var(--lime)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:none}.step{position:relative;overflow:hidden;padding:28px 24px;background:var(--carbon);border:1px solid rgb(244 241 233 / 8%);border-radius:var(--radius-card);transition:border-color .15s cubic-bezier(.4,0,.2,1)}.step:hover{border-color:#f4f1e929}.step-no{display:block;margin-bottom:16px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--lime)}.step h3{font-size:19px}.step p{margin:0;font-size:16px;line-height:1.5;color:var(--slate-light)}[data-spot]{position:relative}[data-spot]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(220px circle at var(--spot-x, 50%) var(--spot-y, 50%),rgb(244 241 233 / 5%),transparent 70%);opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);pointer-events:none}[data-spot]:hover{border-color:#f4f1e929}[data-spot]:hover:after{opacity:1}.feat-grid .feat{transition:border-color .15s cubic-bezier(.4,0,.2,1)}.faq{display:grid;gap:12px;max-width:780px}.faq-item{background:var(--white);border:1px solid #cfcabd;border-radius:var(--radius-card);transition:border-color .15s cubic-bezier(.4,0,.2,1)}.faq-item:hover{border-color:#8f8b81}.faq-item[open]{border-color:var(--carbon)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;min-height:44px;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{margin:0;font-size:18px;line-height:1.3}.faq-x{width:18px;height:18px;flex:none;color:var(--slate-dark);transition:transform .15s cubic-bezier(.4,0,.2,1)}.faq-item[open] .faq-x{transform:rotate(45deg);color:var(--carbon)}.faq-body{padding:0 20px 18px}.faq-body p{margin:0;font-size:16px;line-height:1.55;color:var(--slate-dark)}@media(max-width:1023px){.hero-split{grid-template-columns:1fr;gap:48px;padding:72px 0 80px}.viz-flow{grid-template-columns:1fr}.viz-flow .viz-card{text-align:left}.viz-wire{min-width:0;min-height:44px;flex-direction:row;padding:0}.viz-wire:before{inset:8px auto 8px 50%;width:1px;height:auto}}@media(max-width:767px){.hero-split{padding:48px 0 56px}.steps,.viz-dests,.viz-pair{grid-template-columns:1fr}.viz-pair .viz-wire{min-height:28px}}
