.trust-band { padding: 90px clamp(20px, 6vw, 104px); border-bottom: 1px solid var(--line); }
.trust-grid { max-width: 1280px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.trust-grid article { padding: 28px 28px 0 0; }
.trust-grid h3 { margin: 0 0 8px; font-size: 18px; }
.trust-grid p { margin: 0; color: var(--muted); }
.product-actions { display: flex; flex-wrap: wrap; gap: 9px; }
footer nav { display: flex; flex-wrap: wrap; gap: 16px; }
.site-header.static { position: relative; background: #0d1210; }
.document-page { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 76px 0 110px; }
.document-page h1 { margin: 0; font-size: clamp(42px, 7vw, 72px); line-height: 1; }
.document-lead { margin: 20px 0 46px; color: #c9d2ce; font-size: 20px; }
.document-page section { padding: 25px 0; border-top: 1px solid var(--line); }
.document-page h2 { margin: 0 0 8px; font-size: 20px; }
.document-page section p { margin: 0; color: var(--muted); }
.document-page section a { color: var(--accent); }
@media (max-width: 680px) { html, body { max-width: 100%; overflow-x: hidden; } .hero-content { width: calc(100% - 40px); max-width: calc(100% - 40px); } .hero-copy { overflow-wrap: anywhere; } .product-row { min-width: 0; } .workspace-preview { width: 100%; max-width: 100%; } .trust-band { padding: 64px 20px; } .trust-grid { grid-template-columns: 1fr; } .trust-grid article { padding: 22px 0; border-top: 1px solid var(--line); } }
.product-carousel, .carousel-viewport, .carousel-slide { min-width: 0; max-width: 100%; }
.pricing-band { padding: 76px 32px; border-top: 1px solid var(--line); background: #0d1210; }
.pricing-grid { width: min(1280px, 100%); margin: 28px auto 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pricing-grid article { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 6px; display: flex; flex-direction: column; gap: 14px; background: #121815; }
.pricing-grid header { display: grid; gap: 7px; }
.pricing-grid h3, .pricing-grid p { margin: 0; }
.pricing-grid strong { color: var(--accent); font-size: 18px; }
.pricing-grid p { color: var(--muted); flex: 1; }
.pricing-grid a { color: var(--accent); text-decoration: none; font-weight: 700; }
.pricing-grid span { color: var(--muted); font-weight: 700; }
.pricing-note { width: min(1280px, 100%); margin: 14px auto 0; color: var(--muted); font-size: 12px; }
@media (max-width: 980px) { .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .pricing-band { padding: 56px 20px; } .pricing-grid { grid-template-columns: 1fr; } }