diff --git a/index.html b/index.html index f2c66d6..57b9ece 100644 --- a/index.html +++ b/index.html @@ -422,16 +422,16 @@ list-style: none; display: flex; flex-direction: column; - gap: 0.7rem; - margin-bottom: 1.35rem; + gap: 0.5rem; + margin-bottom: 1rem; } .bundle-list li { display: flex; - align-items: center; - gap: 0.65rem; - font-size: 0.875rem; + align-items: flex-start; + gap: 0.55rem; + font-size: 0.78rem; color: rgba(255, 255, 255, 0.88); - line-height: 1.4; + line-height: 1.45; } .bundle-check { flex-shrink: 0; @@ -448,11 +448,12 @@ color: #fff; } .bundle-footnote { - font-size: 0.7rem; - color: rgba(255, 255, 255, 0.42); - text-align: center; - letter-spacing: 0.04em; + font-size: 0.68rem; + color: rgba(255, 255, 255, 0.38); + text-align: left; + letter-spacing: 0.03em; font-style: italic; + margin-top: 0.25rem; } /* ── Value Props ────────────────────────────────────────── */ @@ -1030,7 +1031,7 @@ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; - gap: 2rem; + gap: 1.5rem 2.5rem; font-size: 0.875rem; } .footer-copy { @@ -1053,29 +1054,29 @@ .footer-feedback { justify-self: center; width: 100%; - max-width: 380px; + max-width: 760px; } .footer-feedback__form { display: flex; - gap: 0.5rem; - align-items: flex-end; + gap: 0.375rem; + align-items: center; } .footer-feedback__area { flex: 1; resize: none; border: 1.5px solid rgba(255, 255, 255, 0.18); border-radius: 0.875rem; - padding: 0.6rem 0.875rem; + padding: 0.65rem 0.875rem; font-family: "Inter", sans-serif; font-size: 0.8rem; color: var(--white); background-color: rgba(255, 255, 255, 0.07); outline: none; line-height: 1.5; + min-height: 4.8rem; transition: border-color 0.2s, background-color 0.2s; - overflow: hidden; } .footer-feedback__area::placeholder { color: rgba(255, 255, 255, 0.35); @@ -1086,27 +1087,26 @@ } .footer-feedback__btn { flex-shrink: 0; - background-color: var(--terra); - color: var(--white); + background: none; border: none; - border-radius: 0.875rem; - padding: 0.6rem 1rem; - font-family: "Inter", sans-serif; - font-size: 0.8rem; - font-weight: 700; + padding: 0.4rem; cursor: pointer; + color: #3b82f6; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + line-height: 0; transition: - background-color 0.2s, + color 0.2s, transform 0.15s; - white-space: nowrap; - line-height: 1.5; } .footer-feedback__btn:hover { - background-color: var(--terra-deep); - transform: translateY(-1px); + color: #2563eb; + transform: scale(1.2) translateX(2px); } .footer-feedback__btn:disabled { - opacity: 0.5; + opacity: 0.4; cursor: not-allowed; transform: none; } @@ -1119,7 +1119,7 @@ transition: opacity 0.3s; } - @media (max-width: 900px) { + @media (max-width: 1100px) { .footer-inner { grid-template-columns: 1fr; text-align: center; @@ -1132,6 +1132,10 @@ justify-self: stretch; max-width: 100%; } + .footer-feedback__form { + max-width: 540px; + margin: 0 auto; + } } /* ── Blog Modal ─────────────────────────────────────────── */ @@ -1464,29 +1468,36 @@ class="hero-kpi-card__body" data-i18n="hero-card-body" > - Pre-built flows · No code · Live on day one + Free with every trial signup
- Included free on signup — no extra setup -
+*Domain not included
@@ -1889,8 +1900,23 @@ maxlength="1000" placeholder="Missing something, or have feedback? Drop us a note — we read every one." > -