header nav[aria-label="Main navigation"] {gap: 6px 12px}
header nav[aria-label="Main navigation"] a {padding: 6px 9px; border-bottom: 3px solid transparent; border-radius: 5px 5px 0 0}
header nav a[aria-current="page"] {background: #fff2ce; color: #684000; border-bottom-color: #ad710a}
.v-hero {padding: 72px 44px 52px; background: linear-gradient(135deg,#f2f6fd,#fff)}
.v-hero h1 {max-width: 850px}
.v-hero .intro {max-width: 680px}
.v-section {padding: 58px 44px}
.v-shot {min-width: 0; margin: 0}
.v-shot img {display: block; width: 100%; height: auto}
.v-shot figcaption {margin: 8px 0 0}
.v-setup {overflow:hidden; aspect-ratio:1270 / 116; background:white; border-radius: 6px}
.v-run img {border: 1px solid var(--line); border-radius: 6px}
.v-workspace {display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; background:#10243e; color:#fff}
.v-workspace .intro,.v-workspace figcaption {color:#d6e0ef}
.v-workspace .eyebrow {color:#ffd175}
.v-workspace .secondary:hover {color:#152d4d}
.v-console {min-width:0; padding:22px; background:#193451; border:1px solid #426080; border-radius:12px}
.v-console .v-run {margin-top:18px}
.v-buckets {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
.v-buckets article {padding:22px; background:#f3f6fa; border:1px solid var(--line); border-radius:10px}
.v-buckets span {font-size:12px; font-weight:750; letter-spacing:.08em; color:#234fa4}
.v-note {border-left:4px solid #e9a524; padding:12px 18px; margin:24px 0 0; background:#fff8e6}
.v-plans {grid-template-columns:repeat(2,minmax(0,1fr)); max-width:760px; margin:auto}
.v-contact {text-align:center; margin-top:24px}
.v-example {background:#f3f6fa}
.v-example table {width:100%; border-collapse:collapse; table-layout:fixed; background:#fff}
.v-example caption {text-align:left; color:var(--muted); margin:0 0 10px}
.v-example th,.v-example td {padding:12px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); overflow-wrap:anywhere}
.v-example th {background:#e5edf8}
@media(min-width:1000px){#products .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 header nav[aria-label="Main navigation"] {width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; text-align:center}
 header nav[aria-label="Main navigation"] a {padding:6px 3px}
 .v-hero,.v-section {padding:40px 24px}
 .v-workspace,.v-buckets,.v-plans {grid-template-columns:1fr}
 .v-example th,.v-example td {padding:8px; font-size:13px}
}

.invoice-steps{background:#f3f6fa;border-top:1px solid #dce4ee;padding:48px 44px}.invoice-steps ol{padding-left:24px;max-width:850px}.invoice-steps li{padding:8px 0}.invoice-steps p{max-width:850px}.invoice-steps a{text-decoration:underline}.plan .button{margin-top:18px;align-self:flex-start}@media(max-width:760px){.invoice-steps{padding:36px 24px}}