:root {
    --paper: #f5f7f3;
    --paper-deep: #e8eeea;
    --white: #ffffff;
    --ink: #10252a;
    --ink-soft: #244047;
    --muted: #68787d;
    --line: #d6e0db;
    --teal: #147c78;
    --teal-dark: #0e5c5d;
    --teal-pale: #d9eeea;
    --coral: #e4775d;
    --yellow: #f1c56f;
    --shadow: 0 24px 70px rgba(16, 37, 42, 0.12);
    --radius: 18px;
    --container: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "DM Sans", "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 20; transform: translateY(-160%); padding: 10px 14px; background: var(--yellow); color: var(--ink); font-weight: 700; }
.skip-link:focus { transform: translateY(0); }
.container { width: min(calc(100% - 48px), var(--container)); margin: 0 auto; }
.announcement { background: var(--ink); color: rgba(255, 255, 255, 0.78); font-size: 13px; letter-spacing: 0.01em; }
.announcement-inner { display: flex; align-items: center; gap: 10px; min-height: 38px; }
.announcement a { margin-left: auto; color: var(--yellow); font-weight: 700; }
.status-dot, .live-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #65d0aa; box-shadow: 0 0 0 4px rgba(101, 208, 170, 0.12); }
.site-header { position: sticky; top: 0; z-index: 10; background: rgba(245, 247, 243, 0.94); border-bottom: 1px solid rgba(214, 224, 219, 0.88); backdrop-filter: blur(16px); }
.header-inner { display: flex; align-items: center; min-height: 76px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-family: "Space Grotesk", "Segoe UI", sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -0.04em; }
.brand-mark { display: grid; width: 30px; height: 30px; place-items: center; transform: rotate(45deg); background: var(--teal); border-radius: 8px 8px 8px 2px; }
.brand-mark span { width: 10px; height: 10px; border: 2px solid var(--white); border-radius: 50%; }
.primary-navigation { display: flex; align-items: center; gap: 27px; margin-left: auto; color: var(--muted); font-size: 14px; font-weight: 600; }
.primary-navigation > a:not(.button), .text-link { transition: color 180ms ease; }
.primary-navigation > a:not(.button):hover, .text-link:hover, .feature-item a:hover, .footer-column a:hover, .pricing-footer a:hover { color: var(--teal); }
.nav-actions { display: flex; align-items: center; gap: 21px; margin-left: 8px; }
.text-link { color: var(--ink-soft); font-weight: 700; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 0 21px; border: 1px solid var(--teal); border-radius: 999px; background: var(--teal); color: var(--white); font-size: 14px; font-weight: 700; line-height: 1; transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease; }
.button:hover { background: var(--teal-dark); border-color: var(--teal-dark); transform: translateY(-2px); }
.button-small { min-height: 42px; padding: 0 17px; font-size: 13px; }
.button-quiet { border-color: var(--line); background: transparent; color: var(--ink); }
.button-quiet:hover { border-color: var(--teal); background: var(--teal-pale); color: var(--teal-dark); }
.button-dark { border-color: var(--ink); background: var(--ink); }
.button-dark:hover { background: var(--teal-dark); border-color: var(--teal-dark); }
.button-coral { border-color: var(--coral); background: var(--coral); }
.button-coral:hover { border-color: #c95f4b; background: #c95f4b; }
.button-light { border-color: var(--yellow); background: var(--yellow); color: var(--ink); }
.button-light:hover { border-color: var(--white); background: var(--white); color: var(--ink); }
.nav-toggle { display: none; width: 42px; height: 42px; margin-left: auto; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: transparent; }
.nav-toggle span:not(.sr-only) { display: block; width: 20px; height: 2px; margin: 4px auto; background: var(--ink); }
.hero { position: relative; overflow: hidden; padding: 82px 0 100px; border-bottom: 1px solid var(--line); }
.hero-grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(430px, 1.05fr); align-items: center; gap: 64px; }
.hero-copy { position: relative; z-index: 1; }
.eyebrow { display: flex; align-items: center; gap: 11px; margin: 0 0 21px; color: var(--teal-dark); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; line-height: 1.4; text-transform: uppercase; }
.eyebrow-light { color: var(--teal-pale); }
.eyebrow-line { display: inline-block; width: 25px; height: 2px; background: currentColor; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Space Grotesk", "Segoe UI", sans-serif; letter-spacing: -0.055em; }
h1, h2 { margin-bottom: 23px; font-weight: 700; line-height: 0.98; }
h1 { max-width: 640px; font-size: clamp(48px, 6vw, 82px); }
h2 { font-size: clamp(38px, 4.7vw, 63px); }
h1 em, h2 em { color: var(--teal); font-style: normal; }
.hero-lede { max-width: 560px; margin-bottom: 31px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-note { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 26px 0 0; color: var(--muted); font-size: 12px; font-weight: 600; }
.check-mark { color: var(--teal); font-size: 16px; font-weight: 700; }
.note-divider { color: var(--line); }
.hero-visual { position: relative; min-height: 555px; }
.hero-photo-frame { position: absolute; top: 24px; right: 0; bottom: 37px; left: 66px; overflow: hidden; border-radius: 26px 26px 26px 6px; background: var(--paper-deep); box-shadow: var(--shadow); }
.hero-photo-frame::after { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(16, 37, 42, 0.04), rgba(20, 124, 120, 0.34)); content: ""; mix-blend-mode: multiply; }
.hero-photo-frame img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.7) contrast(1.08); }
.hero-signal-card { position: absolute; top: 0; left: 0; width: 206px; padding: 22px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 15px; background: var(--ink); color: var(--white); box-shadow: 0 20px 50px rgba(16, 37, 42, 0.2); }
.signal-topline, .signal-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; }
.signal-topline { color: rgba(255, 255, 255, 0.65); }
.signal-value { margin: 20px 0 0; font-family: "Space Grotesk", "Segoe UI", sans-serif; font-size: 42px; font-weight: 700; letter-spacing: -0.08em; line-height: 1; }
.signal-value span { color: var(--yellow); }
.signal-label { margin-top: 5px; color: rgba(255, 255, 255, 0.54); font-size: 11px; }
.signal-line { height: 5px; margin: 22px 0 17px; overflow: hidden; border-radius: 4px; background: rgba(255, 255, 255, 0.14); }
.signal-line span { display: block; width: 89%; height: 100%; border-radius: inherit; background: var(--yellow); }
.signal-footer { color: rgba(255, 255, 255, 0.54); }
.signal-footer strong { color: #83d6aa; font-weight: 600; }
.hero-terminal { position: absolute; right: 16px; bottom: 0; display: flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 14px; border: 1px solid rgba(16, 37, 42, 0.1); border-radius: 8px; background: rgba(255, 255, 255, 0.88); box-shadow: 0 10px 30px rgba(16, 37, 42, 0.1); color: var(--muted); font-size: 11px; }
.terminal-dot { width: 6px; height: 6px; border-radius: 50%; }
.terminal-red { background: #ef836e; }.terminal-yellow { background: #e6ba5e; }.terminal-green { background: #61b894; }
.hero-terminal code { margin-left: 7px; font-family: Consolas, monospace; }
.hero-stamp { position: absolute; right: 5%; bottom: 2%; display: flex; flex-direction: column; align-items: flex-end; color: rgba(20, 124, 120, 0.11); font-family: "Space Grotesk", "Segoe UI", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.13em; line-height: 1.05; text-transform: uppercase; transform: rotate(-8deg); }
.hero-stamp strong { color: rgba(20, 124, 120, 0.16); font-size: 28px; }
.proof-strip { border-bottom: 1px solid var(--line); background: var(--white); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-item { display: flex; flex-direction: column; gap: 1px; min-height: 96px; justify-content: center; padding: 12px 30px; border-left: 1px solid var(--line); }
.proof-item:last-child { border-right: 1px solid var(--line); }
.proof-item strong { color: var(--teal-dark); font-family: "Space Grotesk", "Segoe UI", sans-serif; font-size: 22px; letter-spacing: -0.04em; }
.proof-item span { color: var(--muted); font-size: 12px; }
.section { padding: 116px 0; }
.section-heading { margin-bottom: 65px; }
.split-heading, .pricing-heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(250px, 0.7fr); align-items: end; gap: 70px; }
.split-heading > p, .pricing-heading > p { max-width: 390px; margin: 0 0 4px auto; color: var(--muted); }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.feature-item { position: relative; padding: 23px 0 0; border-top: 1px solid var(--line); }
.feature-number { position: absolute; top: 22px; right: 0; color: #a4b2ad; font-family: Consolas, monospace; font-size: 11px; }
.feature-icon { display: grid; width: 44px; height: 44px; margin-bottom: 27px; place-items: center; border-radius: 13px; background: var(--teal-pale); color: var(--teal-dark); font-size: 20px; }
.feature-icon-ring { background: #fce5d8; color: var(--coral); }.feature-icon-cross { background: #f4ebc9; color: #a8781a; }.feature-icon-plus { background: #dce7f1; color: #3a6682; font-size: 29px; font-weight: 400; }
.feature-item h3 { margin-bottom: 11px; font-size: 21px; letter-spacing: -0.04em; }
.feature-item p { min-height: 129px; margin-bottom: 21px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.feature-item a, .pricing-footer a { color: var(--teal-dark); font-size: 13px; font-weight: 700; }
.pricing-section { padding: 112px 0 86px; background: var(--ink); color: var(--white); }
.pricing-heading > p { color: rgba(255, 255, 255, 0.62); }
.plans-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.plan-card { position: relative; display: flex; min-height: 555px; flex-direction: column; padding: 30px; border: 1px solid rgba(16, 37, 42, 0.08); border-radius: var(--radius); background: var(--paper); color: var(--ink); }
.plan-card-featured { border: 2px solid var(--coral); background: #fff9f4; transform: translateY(-13px); }
.popular-badge { position: absolute; top: -13px; right: 24px; padding: 5px 12px; border-radius: 999px; background: var(--coral); color: var(--white); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.plan-kicker { color: var(--teal-dark); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.plan-card h3 { margin: 13px 0 9px; font-size: 31px; }
.plan-card-top p { min-height: 53px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.plan-price { margin: 28px 0 2px; font-family: "Space Grotesk", "Segoe UI", sans-serif; font-size: 62px; font-weight: 700; letter-spacing: -0.08em; line-height: 1; }
.plan-price span { margin-right: 3px; color: var(--teal); font-size: 22px; letter-spacing: 0; vertical-align: top; }
.plan-price small { margin-left: 5px; color: var(--muted); font-family: "DM Sans", "Segoe UI", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0; }
.plan-billing { min-height: 40px; margin: 0 0 22px; color: var(--muted); font-size: 11px; }
.plan-card .button { width: 100%; }
.plan-list { display: grid; gap: 10px; margin: 26px 0 0; padding: 25px 0 0; border-top: 1px solid var(--line); list-style: none; color: var(--ink-soft); font-size: 13px; }
.plan-list li::before { margin-right: 9px; color: var(--teal); content: "\2713"; font-weight: 700; }
.pricing-footer { display: flex; align-items: center; justify-content: flex-end; gap: 28px; padding-top: 29px; color: rgba(255, 255, 255, 0.54); font-size: 13px; }
.pricing-footer a { color: var(--yellow); }
.infrastructure-section { background: var(--paper-deep); }
.infrastructure-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); align-items: center; gap: 98px; }
.infra-image { position: relative; min-height: 545px; }
.infra-image img { width: 100%; height: 545px; object-fit: cover; border-radius: 25px 6px 25px 25px; filter: saturate(0.7) contrast(1.08); box-shadow: var(--shadow); }
.image-caption { position: absolute; right: -18px; bottom: 24px; display: flex; align-items: center; gap: 10px; padding: 13px 17px; border: 1px solid var(--line); border-radius: 7px; background: var(--white); color: var(--ink-soft); font-size: 12px; font-weight: 700; box-shadow: 0 15px 35px rgba(16, 37, 42, 0.12); }
.caption-mark { width: 9px; height: 9px; border-radius: 50%; background: var(--coral); }
.infra-copy > p:not(.eyebrow) { max-width: 480px; margin-bottom: 32px; color: var(--muted); line-height: 1.7; }
.infra-list { display: grid; gap: 0; margin-bottom: 29px; border-top: 1px solid var(--line); }
.infra-list div { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.infra-list strong { color: var(--teal); font-family: Consolas, monospace; font-size: 11px; }
.infra-list span { color: var(--ink-soft); font-size: 14px; }
.text-link-strong { color: var(--teal-dark); font-size: 14px; font-weight: 700; }
.migration-section { overflow: hidden; padding: 103px 0; background: var(--teal); color: var(--white); }
.migration-grid { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr); gap: 100px; align-items: center; }
.migration-copy > p:not(.eyebrow) { max-width: 420px; margin-bottom: 29px; color: rgba(255, 255, 255, 0.75); }
.migration-steps { display: grid; gap: 0; }
.migration-step { display: grid; grid-template-columns: 45px 1fr; gap: 18px; align-items: start; padding: 21px 0; border-top: 1px solid rgba(255, 255, 255, 0.23); }
.migration-step:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.23); }
.migration-step > span { padding-top: 4px; color: var(--yellow); font-family: Consolas, monospace; font-size: 11px; }
.migration-step strong { display: block; margin-bottom: 4px; font-family: "Space Grotesk", "Segoe UI", sans-serif; font-size: 18px; letter-spacing: -0.03em; }
.migration-step p { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 13px; }
.support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.support-card { position: relative; display: flex; min-height: 286px; flex-direction: column; padding: 29px; border-radius: var(--radius); transition: transform 180ms ease, box-shadow 180ms ease; }
.support-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
.support-card-dark { background: var(--ink); color: var(--white); }.support-card-teal { background: var(--teal); color: var(--white); }.support-card-paper { border: 1px solid var(--line); background: var(--paper-deep); }
.support-card-label { color: var(--yellow); font-family: Consolas, monospace; font-size: 11px; font-weight: 700; }.support-card-paper .support-card-label { color: var(--teal-dark); }
.support-card h3 { max-width: 190px; margin: auto 0 9px; font-size: 27px; line-height: 1.05; }
.support-card p { max-width: 265px; margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 13px; line-height: 1.6; }.support-card-paper p { color: var(--muted); }
.support-arrow { position: absolute; top: 26px; right: 28px; font-size: 21px; }
.faq-section { background: var(--white); }
.faq-grid { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: 105px; }
.faq-intro > p:not(.eyebrow) { max-width: 340px; margin-bottom: 27px; color: var(--muted); }
.faq-list { border-top: 1px solid var(--line); }.faq-item { border-bottom: 1px solid var(--line); }
.faq-item button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; border: 0; background: transparent; color: var(--ink); font-family: "Space Grotesk", "Segoe UI", sans-serif; font-size: 17px; font-weight: 600; letter-spacing: -0.03em; text-align: left; }
.faq-plus { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--teal); font-size: 20px; font-weight: 400; line-height: 1; }.faq-item.is-open .faq-plus { background: var(--teal-pale); transform: rotate(45deg); }
.faq-answer { max-width: 620px; padding: 0 48px 22px 0; color: var(--muted); font-size: 14px; }.faq-answer p { margin: 0; }
.domain-cta-section { padding: 93px 0; background: var(--ink); color: var(--white); }.domain-cta-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 100px; align-items: center; }
.domain-form-wrap { padding-top: 14px; }.domain-form { display: flex; gap: 9px; padding: 8px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 14px; background: rgba(255, 255, 255, 0.08); }
.domain-form input { min-width: 0; flex: 1; padding: 0 16px; border: 0; outline: 0; background: transparent; color: var(--white); font-size: 16px; }.domain-form input::placeholder { color: rgba(255, 255, 255, 0.47); }
.domain-help { margin: 14px 0 0 14px; color: rgba(255, 255, 255, 0.55); font-size: 12px; }
.site-footer { background: #0b1c20; color: rgba(255, 255, 255, 0.67); }.footer-main { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 55px; padding-top: 68px; padding-bottom: 60px; }.brand-light { color: var(--white); }
.footer-brand p { max-width: 160px; margin: 22px 0 16px; font-size: 14px; line-height: 1.5; }.footer-email { color: var(--yellow); font-size: 13px; font-weight: 700; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; font-size: 13px; }.footer-column h3 { margin: 0 0 10px; color: var(--white); font-family: "DM Sans", "Segoe UI", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding: 19px 0 24px; border-top: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.42); font-size: 11px; }
.reveal { animation: reveal 650ms ease both; }.reveal-delay { animation-delay: 100ms; }.reveal-delay-short { animation-delay: 80ms; }.reveal-delay-medium { animation-delay: 140ms; }.reveal-delay-long { animation-delay: 200ms; }
@keyframes reveal { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
@media (max-width: 1050px) { .primary-navigation { gap: 17px; }.nav-actions { gap: 13px; }.hero-grid { gap: 35px; }.feature-grid { grid-template-columns: repeat(2, 1fr); row-gap: 46px; }.feature-item p { min-height: 0; }.infrastructure-grid { gap: 56px; } }
@media (max-width: 820px) {
    .container { width: min(calc(100% - 36px), var(--container)); }.nav-toggle { display: block; }
    .primary-navigation { position: absolute; top: 100%; right: 18px; left: 18px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); box-shadow: var(--shadow); }
    .primary-navigation.is-open { display: flex; }.primary-navigation > a:not(.button) { padding: 12px 10px; }.nav-actions { flex-direction: column; align-items: stretch; gap: 10px; margin: 8px 0 0; padding-top: 10px; border-top: 1px solid var(--line); }.nav-actions .text-link { padding: 10px; }.nav-actions .button { width: 100%; }
    .hero { padding: 65px 0 78px; }.hero-grid { grid-template-columns: 1fr; }.hero-visual { min-height: 465px; }.hero-photo-frame { left: 44px; }.proof-grid { grid-template-columns: repeat(2, 1fr); }.proof-item:nth-child(3) { border-left: 1px solid var(--line); }.proof-item:nth-child(odd) { border-left: 0; }
    .split-heading, .pricing-heading { grid-template-columns: 1fr; gap: 17px; }.split-heading > p, .pricing-heading > p { margin: 0; }.plans-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }.plan-card { min-height: 0; }.plan-card-featured { transform: none; }.pricing-footer { flex-wrap: wrap; justify-content: flex-start; gap: 13px 24px; }.pricing-footer span { width: 100%; }
    .infrastructure-grid, .migration-grid, .domain-cta-grid { grid-template-columns: 1fr; gap: 52px; }.infra-image, .infra-image img { min-height: 390px; height: 390px; }.migration-copy { max-width: 500px; }.faq-grid { grid-template-columns: 1fr; gap: 50px; }.footer-main { grid-template-columns: 1.4fr 1fr 1fr; gap: 40px 25px; }.footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
    .container { width: min(calc(100% - 28px), var(--container)); }.announcement-inner { min-height: 48px; flex-wrap: wrap; gap: 2px 8px; padding-top: 7px; padding-bottom: 7px; }.announcement a { margin-left: 16px; }.header-inner { min-height: 68px; }
    h1 { font-size: clamp(43px, 13vw, 62px); } h2 { font-size: clamp(36px, 11vw, 51px); }.hero-lede { font-size: 16px; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { width: 100%; }.hero-visual { min-height: 390px; }.hero-photo-frame { top: 42px; right: 0; bottom: 30px; left: 25px; border-radius: 18px 18px 18px 4px; }.hero-signal-card { width: 174px; padding: 16px; }.signal-value { margin-top: 13px; font-size: 34px; }.hero-terminal { right: 0; font-size: 9px; }.hero-stamp { display: none; }
    .proof-item { min-height: 82px; padding: 10px 13px; }.proof-item strong { font-size: 18px; }.proof-item span { font-size: 10px; line-height: 1.3; }.section { padding: 80px 0; }.feature-grid, .support-grid { grid-template-columns: 1fr; gap: 34px; }.feature-item p { margin-bottom: 15px; }.pricing-section { padding: 80px 0 61px; }.plan-card { padding: 24px; }.plan-price { font-size: 54px; }.infra-image, .infra-image img { min-height: 310px; height: 310px; }.image-caption { right: 10px; bottom: 14px; padding: 10px 12px; font-size: 10px; }.migration-section, .domain-cta-section { padding: 75px 0; }
    .domain-form { align-items: stretch; flex-direction: column; padding: 10px; }.domain-form input { min-height: 45px; }.domain-form .button { width: 100%; }.faq-answer { padding-right: 0; }.footer-main { grid-template-columns: repeat(2, 1fr); padding-top: 52px; }.footer-brand { grid-column: 1 / -1; }.footer-bottom { align-items: flex-start; flex-direction: column; }
}