/* =========================================================
   Hostmate
   Lightweight static website foundation
   ========================================================= */

:root {
    --ink: #111312;
    --muted: #606662;
    --soft: #f5f7f5;
    --soft-green: #edf7f0;
    --green: #28a745;
    --green-dark: #1f8538;
    --line: #e3e8e4;
    --white: #ffffff;
    --dark: #0e1210;
    --radius: 18px;
    --container: 1180px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--ink);
    background: var(--white);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

.container {
    width: min(var(--container), calc(100% - 48px));
    margin-inline: auto;
}

/* Header */

.top-strip {
    background: var(--white);
    color: var(--ink);
}

.top-strip-inner {
    min-height: 30px;
    display: flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 400;
    letter-spacing: 0.025em;
}

.site-header {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid rgba(17, 19, 18, 0.08);
    background: rgba(255, 255, 255, 0.96);
}

.header-inner {
    min-height: 78px;
    display: flex;
    align-items: center;
    gap: 36px;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.45rem;
    font-weight: 750;
    letter-spacing: -0.04em;
}

.header-logo {
    width: 190px;
    height: auto;
}

.brand-mark {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 2px solid var(--ink);
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 800;
}

.primary-nav {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 30px;
}

.primary-nav a,
.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-menu-toggle {
    display: none;
}

.mobile-nav {
    display: none;
}

.mobile-menu-toggle {
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--white);
    cursor: pointer;
}

.mobile-menu-toggle:hover,
.mobile-menu-toggle:focus-visible,
.mobile-menu-toggle[aria-expanded="true"] {
    border-color: rgba(40, 167, 69, 0.28);
    background: var(--soft-green);
}

.mobile-menu-toggle:active {
    background: #dff1e4;
}

.mobile-menu-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    margin: 4px auto;
    border-radius: 2px;
    background: var(--ink);
}

.mobile-nav {
    border-top: 1px solid var(--line);
    background: var(--white);
}

.mobile-nav-inner {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 16px;
}

.mobile-nav a {
    padding: 12px 10px;
    border-bottom: 1px solid var(--line);
    border-radius: 8px;
    color: #373c39;
    font-size: 0.95rem;
    font-weight: 600;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.mobile-nav a:hover,
.mobile-nav a:focus-visible,
.mobile-nav a:active {
    background: var(--soft-green);
    color: var(--green-dark);
}

.header-login {
    font-size: 0.92rem;
    font-weight: 600;
}

.primary-nav a {
    color: #373c39;
}

.primary-nav a:hover {
    color: var(--green-dark);
}

.header-login {
    padding: 10px 17px;
    border: 1px solid var(--line);
    border-radius: 10px;
}

.header-login:hover {
    border-color: #b9c2bb;
}

.header-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    margin-left: 6px;
    border: 0;
    background: transparent;
    color: #7a837e;
    text-decoration: none;
}

.header-cart svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header-cart:hover,
.header-cart:focus-visible {
    color: var(--green-dark);
}

/* Hero */

.hero {
    overflow: hidden;
    padding-top: 86px;
    background:
        radial-gradient(circle at 78% 20%, rgba(40, 167, 69, 0.10), transparent 27rem),
        linear-gradient(180deg, #fbfcfb 0%, #ffffff 100%);
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr);
    align-items: center;
    gap: 80px;
}

.eyebrow {
    margin: 0 0 18px;
    color: var(--green-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.hero h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(3.25rem, 6vw, 5.8rem);
    line-height: 0.98;
    letter-spacing: -0.05em;
    font-weight: 700;
}

.hero-intro {
    max-width: 680px;
    margin: 30px 0 0;
    color: #4f5652;
    font-size: clamp(1.12rem, 2vw, 1.32rem);
    line-height: 1.6;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.button {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 21px;
    border-radius: 11px;
    font-size: 0.94rem;
    font-weight: 750;
    transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.button:hover {
    transform: translateY(-1px);
}

.button-primary {
    color: var(--white);
    background: var(--green);
}

.button-primary:hover {
    background: var(--green-dark);
}

.button-secondary {
    border: 1px solid var(--line);
    background: var(--white);
}

.hero-note {
    margin: 20px 0 0;
    color: #757c77;
    font-size: 0.88rem;
}

.hero-price {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 1.08rem;
    font-weight: 500;
}

.hero-price strong {
    color: var(--ink);
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.025em;
}


.hero-visual {
    position: relative;
}

.hero-visual::before {
    content: "";
    position: absolute;
    inset: 15% -8% -12% 22%;
    border-radius: 50%;
    background: rgba(40, 167, 69, 0.08);
    filter: blur(40px);
}

.cloud-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(17, 19, 18, 0.10);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 30px 80px rgba(19, 35, 24, 0.10);
}

/* Hostmate Security Koala — subtle infrastructure watermark */
.cloud-panel::after {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    right: -38px;
    top: auto;
    bottom: -46px;
    background: url("data:image/webp;base64,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") center / contain no-repeat;
    opacity: 0.055;
    pointer-events: none;
}

.cloud-panel-top {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--line);
    color: #5b625e;
    font-size: 0.78rem;
    font-weight: 700;
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--green);
}

.status {
    margin-left: auto;
    color: var(--green-dark);
}

.cloud-panel-body {
    position: relative;
    z-index: 1;
    padding: 44px 42px 40px;
}

.panel-label {
    margin: 0 0 14px;
    color: #737a76;
    font-size: 0.8rem;
    font-weight: 650;
}

.cloud-panel-body > strong {
    display: block;
    max-width: 400px;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.05;
    letter-spacing: -0.05em;
}

.metric-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 48px;
}

.metric-grid div {
    min-height: 88px;
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.78);
}

.metric-grid span,
.metric-grid b {
    display: block;
}

.metric-grid span {
    margin-bottom: 4px;
    color: #818783;
    font-size: 0.72rem;
}

.metric-grid b {
    font-size: 1rem;
}

.trust-strip {
    margin-top: 82px;
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--line);
    color: #6c736f;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* General sections */

.section {
    padding: 112px 0;
}

.section-heading {
    max-width: 720px;
    margin-bottom: 52px;
}

.section-heading h2,
.infrastructure h2,
.migration h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -0.055em;
}

.section-heading > p:last-child {
    max-width: 620px;
    margin: 22px 0 0;
    color: var(--muted);
    font-size: 1.08rem;
}

/* Domain search */

.domain-search {
    padding: 72px 0;
    border-bottom: 1px solid var(--line);
    background: var(--soft-green);
}

.domain-search-inner {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(420px, 1.2fr);
    align-items: center;
    gap: 72px;
}

.domain-search-copy h2 {
    margin: 10px 0 14px;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.domain-search-copy > p:not(.eyebrow):not(.domain-price) {
    max-width: 560px;
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.domain-prices {
    margin-top: 22px;
}

.domain-price {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0;
}

.domain-price + .domain-price {
    margin-top: 8px;
}

.domain-price strong {
    font-size: 1.25rem;
}

.domain-price span {
    color: var(--green-dark);
    font-size: 1.05rem;
    font-weight: 750;
}

.domain-transfer {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(17, 19, 18, 0.10);
}

.domain-transfer h3 {
    margin: 0 0 10px;
    font-size: 1rem;
    letter-spacing: -0.02em;
}

.domain-transfer-prices {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 26px;
}

.domain-transfer-prices p {
    display: flex;
    align-items: baseline;
    gap: 9px;
    margin: 0;
}

.domain-transfer-prices span {
    color: var(--green-dark);
    font-weight: 750;
}

.domain-search-form {
    padding: 26px;
    border: 1px solid rgba(17, 19, 18, 0.10);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 18px 50px rgba(19, 35, 24, 0.07);
}

.domain-search-field {
    display: flex;
    gap: 10px;
}

.domain-search-field input {
    min-width: 0;
    flex: 1;
    height: 54px;
    padding: 0 18px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--white);
    color: var(--ink);
    font: inherit;
    outline: none;
}

.domain-search-field input:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.10);
}

.domain-search-field button {
    min-height: 54px;
    padding: 0 24px;
    border: 0;
    border-radius: 10px;
    background: var(--green);
    color: var(--white);
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.domain-search-field button:hover {
    background: var(--green-dark);
}

.domain-search-note {
    margin: 11px 0 0;
    color: var(--muted);
    font-size: 0.78rem;
}

.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;
}

/* Products */

.products {
    background: var(--white);
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.product-card {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    padding: 32px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fff;
}

.product-card-featured {
    background: var(--soft-green);
    border-color: #d4e9d9;
}

.card-tag {
    margin: 0 0 56px;
    color: var(--green-dark);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.product-card h3 {
    margin: 0;
    font-size: 1.65rem;
    letter-spacing: -0.035em;
}

.product-card > p:not(.card-tag) {
    margin: 16px 0 28px;
    color: var(--muted);
}

.product-card a {
    margin-top: auto;
    font-size: 0.9rem;
    font-weight: 750;
}

.product-card a span,
.text-link span {
    margin-left: 5px;
}

/* Customer reviews */

.reviews {
    background: var(--soft);
}

.review-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.review-card {
    min-height: 290px;
    display: flex;
    flex-direction: column;
    padding: 32px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
}

.review-stars {
    display: inline-block;
    align-self: flex-start;
    width: 118px;
    height: 22px;
    background:
        linear-gradient(to right,
            #00b67a 0 22px,
            transparent 22px 24px,
            #00b67a 24px 46px,
            transparent 46px 48px,
            #00b67a 48px 70px,
            transparent 70px 72px,
            #00b67a 72px 94px,
            transparent 94px 96px,
            #00b67a 96px 118px);
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.review-stars::before {
    content: "★";
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    text-shadow:
        24px 0 #ffffff,
        48px 0 #ffffff,
        72px 0 #ffffff,
        96px 0 #ffffff;
}

.review-card h3 {
    margin: 18px 0 12px;
    font-size: 1.08rem;
}

.review-text {
    margin: 0 0 28px;
    color: #353b37;
    font-size: 0.98rem;
    line-height: 1.7;
}


 .review-author {
    margin: auto 0 0;
    color: var(--ink);
    font-size: 0.86rem;
    font-weight: 700;
}

.review-source {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 0.76rem;
}

.review-source + .review-stars {
    margin-top: 10px;
}

.reviews-link {
    margin-top: 28px;
}

.reviews-link a {
    color: var(--green-dark);
    font-size: 0.9rem;
    font-weight: 750;
}

.reviews-link a + a {
    display: block;
    margin-top: 8px;
}

/* Infrastructure */

.infrastructure {
    color: var(--white);
    background: var(--dark);
}

.infrastructure .eyebrow {
    color: #6fd488;
}

.infrastructure-grid {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 100px;
}

.infrastructure-copy {
    max-width: 590px;
}

.infrastructure-copy p {
    color: #aeb7b1;
}

.infrastructure-copy .lead {
    margin-top: 3px;
    color: var(--white);
    font-size: 1.35rem;
    line-height: 1.5;
}

.text-link {
    display: inline-block;
    margin-top: 20px;
    color: #7bdf93;
    font-weight: 700;
}

/* Feature grid */

.feature-section {
    background: var(--soft);
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}

.feature-grid article {
    min-height: 280px;
    padding: 30px;
    background: var(--white);
}

.feature-number {
    color: #9aa19c;
    font-size: 0.72rem;
    font-weight: 800;
}

.feature-grid h3 {
    margin: 82px 0 12px;
    font-size: 1.25rem;
    letter-spacing: -0.025em;
}

.feature-grid p {
    margin: 0;
    color: var(--muted);
    font-size: 0.93rem;
}

/* Migration CTA */

.migration {
    padding: 80px 0;
    background: var(--green);
}

.migration-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.migration .eyebrow {
    color: #dff5e4;
}

.migration h2 {
    color: var(--white);
}

.migration p:not(.eyebrow) {
    margin: 15px 0 0;
    color: #e4f5e8;
}

.button-light {
    flex: 0 0 auto;
    color: var(--ink);
    background: var(--white);
}

/* Footer */

.site-footer {
    color: #d7ddd9;
    background: #090b0a;
}

.footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    padding-top: 72px;
    padding-bottom: 70px;
}

.footer-brand {
    color: var(--white);
}

.footer-logo {
    width: 190px;
    height: auto;
    filter: invert(1);
}

.footer-top > div:first-child > p {
    max-width: 380px;
    color: #888f8b;
}

.footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.footer-links div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}

.footer-links strong {
    margin-bottom: 7px;
    color: var(--white);
    font-size: 0.83rem;
}

.footer-links a {
    color: #9ca49f;
    font-size: 0.88rem;
}

.footer-links a:hover {
    color: var(--white);
}

.footer-bottom {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-top: 1px solid #222724;
    color: #737a76;
    font-size: 0.78rem;
}

/* Responsive */

@media (max-width: 960px) {
    .primary-nav {
        display: none;
    }

    .header-actions {
        margin-left: auto;
    }

    .header-login {
        margin-left: 0;
    }

    .mobile-menu-toggle {
        display: block;
    }

    .mobile-nav.is-open {
        display: block;
    }

    .hero {
        padding-top: 64px;
    }

    .hero-grid,
    .infrastructure-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .hero-copy {
        max-width: 760px;
    }

    .domain-search-inner {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .domain-search-form {
        width: 100%;
        min-width: 0;
    }

    .hero-visual {
        max-width: 680px;
    }

    .trust-strip {
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 22px 0;
    }

    .product-grid,
    .review-grid {
        grid-template-columns: 1fr;
    }

    .product-card {
        min-height: 300px;
    }

    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .domain-search {
        padding: 54px 0;
    }

    .domain-search-form {
        width: 100%;
        min-width: 0;
        padding: 18px;
    }

    .domain-search-field {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .domain-search-field input {
        width: 100%;
        min-width: 0;
        flex: none;
        height: 54px;
        min-height: 54px;
        font-size: 1.05rem;
    }

    .domain-search-field input::placeholder {
        font-size: 1.05rem;
    }

    .domain-search-field button {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        height: 44px;
        padding: 0 18px;
    }

    .container {
        width: min(100% - 32px, var(--container));
    }

    .header-inner {
        min-height: 68px;
    }

    .brand {
        font-size: 1.25rem;
    }

    .header-logo {
        width: 165px;
    }

    .brand-mark {
        width: 30px;
        height: 30px;
    }

    .header-login {
        padding: 8px 12px;
        font-size: 0.82rem;
    }

    .header-cart {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        margin-left: -2px;
    }

    .header-cart svg {
        width: 19px;
        height: 19px;
    }

    .hero {
        padding-top: 52px;
    }

    .hero-grid {
        gap: 44px;
    }

    .hero h1 {
        font-size: clamp(3rem, 15vw, 4.7rem);
    }

    .hero-intro {
        margin-top: 24px;
    }

    .hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .button {
        width: 100%;
    }

    .cloud-panel-body {
        padding: 32px 24px 26px;
    }

    .cloud-panel::after {
        width: 230px;
        height: 230px;
        right: -42px;
        top: auto;
        bottom: -30px;
        opacity: 0.045;
    }

    .metric-grid {
        margin-top: 34px;
    }

    .trust-strip {
        margin-top: 54px;
    }

    .section {
        padding: 82px 0;
    }

    .section-heading {
        margin-bottom: 36px;
    }

    .product-card {
        min-height: 310px;
        padding: 26px;
    }

    .card-tag {
        margin-bottom: 42px;
    }

    .feature-grid {
        grid-template-columns: 1fr;
    }

    .feature-grid article {
        min-height: 230px;
    }

    .feature-grid h3 {
        margin-top: 55px;
    }

    .migration-inner,
    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .migration-inner {
        gap: 34px;
    }

    .footer-top {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .footer-bottom {
        justify-content: center;
        padding: 22px 0;
        gap: 4px;
    }

    .footer-bottom p {
        margin: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .button {
        transition: none;
    }
}

/* Deployment refresh: 2026-09-22 */


/* Domain search — mobile layout override */
@media (max-width: 960px) {
    .domain-search .domain-search-inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
    }

    .domain-search .domain-search-copy,
    .domain-search .domain-search-form {
        width: 100%;
        max-width: none;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .domain-search .domain-search-field {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .domain-search .domain-search-field input,
    .domain-search .domain-search-field button {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}

/* Cloud Hosting page */
.primary-nav a[aria-current="page"],.mobile-nav a[aria-current="page"]{color:var(--green-dark)}
.hosting-hero{padding:94px 0 64px;background:linear-gradient(180deg,var(--soft-green) 0%,var(--white) 100%)}
.hosting-hero-inner{max-width:900px}.hosting-hero h1{max-width:850px;margin:0;font-size:clamp(3rem,5.5vw,5.2rem);line-height:1;letter-spacing:-.05em;font-weight:700}
.hosting-hero-intro{max-width:760px;margin:26px 0 0;color:var(--muted);font-size:1.2rem;line-height:1.7}
.hosting-hero-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.hosting-hero-highlights span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffcc;color:#3f4641;font-size:.82rem;font-weight:600}
.hosting-plans{padding-top:88px}.hosting-plan-heading{max-width:720px}.hosting-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:32px;margin-top:42px}
.hosting-plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.hosting-plan-featured{border-color:rgba(40,167,69,.5);box-shadow:0 18px 45px rgba(20,55,29,.09)}
.hosting-plan-badge{position:absolute;top:0;right:24px;padding:7px 12px;border-radius:0 0 9px 9px;background:var(--green);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase}
.hosting-plan-card h3{min-height:58px;margin:10px 0 8px;font-size:1.45rem;line-height:1.2;letter-spacing:-.025em}.hosting-plan-storage{margin:0;color:var(--muted);font-size:.92rem}.hosting-plan-storage strong{color:var(--ink);font-size:1.05rem}
.hosting-plan-price{display:flex;align-items:baseline;gap:5px;margin-top:24px}.hosting-plan-price>span:first-child{margin-right:3px;color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase}.hosting-plan-price strong{font-size:2.25rem;line-height:1;letter-spacing:-.045em}.hosting-plan-price>span:last-child{color:var(--muted);font-size:.9rem}.hosting-plan-monthly{margin:8px 0 0;color:var(--muted);font-size:.82rem}
.hosting-plan-features{display:grid;gap:10px;margin:26px 0 28px;padding:24px 0 0;border-top:1px solid var(--line);list-style:none}.hosting-plan-features li{position:relative;padding-left:19px;color:#4f5652;font-size:.88rem;line-height:1.45}.hosting-plan-features li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.hosting-plan-features strong{color:var(--ink)}.hosting-plan-button{width:100%;margin-top:auto;text-align:center}.hosting-price-note{margin:24px 0 0;color:var(--muted);font-size:.8rem;text-align:center}
.hosting-platform{background:var(--soft)}.hosting-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:42px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}.hosting-feature-grid article{min-height:220px;padding:30px;background:#fff}.hosting-feature-grid h3{margin:20px 0 10px;font-size:1.1rem}.hosting-feature-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}
@media(max-width:960px){.hosting-plan-grid,.hosting-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-hero{padding-top:70px}}
@media(max-width:640px){.hosting-hero{padding:54px 0 42px}.hosting-hero h1{font-size:clamp(2.6rem,13vw,4rem)}.hosting-hero-intro{font-size:1.05rem}.hosting-plans{padding-top:62px}.hosting-plan-grid,.hosting-feature-grid{grid-template-columns:1fr}.hosting-plan-card{padding:26px 22px}.hosting-plan-card h3{min-height:0}}

.hosting-plan-features .domain-websites span {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 0.82rem;
}


/* Cloud plan button interaction states */
.hosting-plan-button.button-secondary {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.hosting-plan-button.button-secondary:hover,
.hosting-plan-button.button-secondary:focus-visible {
    background: var(--soft-green);
    border-color: rgba(40, 167, 69, 0.45);
    color: var(--green-dark);
}

.hosting-plan-button.button-secondary:active {
    background: #dff1e4;
    border-color: var(--green);
    color: var(--green-dark);
}


/* Prominent pricing policy and money-back guarantee */
.hosting-renewal-note,
.hosting-guarantee-note {
    max-width: 860px;
    margin: 14px auto 0;
    padding: 16px 20px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--soft);
    color: var(--ink);
    font-size: 0.94rem;
    line-height: 1.55;
    text-align: left;
}

.hosting-guarantee-note {
    border-color: rgba(40, 167, 69, 0.28);
    background: var(--soft-green);
}

.hosting-guarantee-note strong {
    color: var(--green-dark);
}

@media (max-width: 640px) {
    .hosting-renewal-note,
    .hosting-guarantee-note {
        padding: 15px 16px;
        font-size: 0.9rem;
    }
}


/* Full Cloud hosting feature comparison */
.hosting-comparison {
    background: var(--white);
}

.hosting-comparison-scroll {
    margin-top: 42px;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    -webkit-overflow-scrolling: touch;
}

.hosting-comparison-table {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    background: var(--white);
    font-size: 0.86rem;
}

.hosting-comparison-table th,
.hosting-comparison-table td {
    padding: 14px 16px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    text-align: center;
    vertical-align: middle;
}

.hosting-comparison-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--soft);
    color: var(--ink);
    font-weight: 700;
}

.hosting-comparison-table th:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    width: 230px;
    min-width: 230px;
    background: var(--white);
    text-align: left;
}

.hosting-comparison-table thead th:first-child {
    z-index: 4;
    background: var(--soft);
}

.hosting-comparison-table .feature-table-category th {
    position: static;
    padding: 12px 16px;
    background: var(--soft-green);
    color: var(--green-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
}

.hosting-comparison-table tr:last-child th,
.hosting-comparison-table tr:last-child td {
    border-bottom: 0;
}

.hosting-comparison-table th:last-child,
.hosting-comparison-table td:last-child {
    border-right: 0;
}

@media (max-width: 640px) {
    .hosting-comparison-scroll {
        margin-top: 30px;
    }

    .hosting-comparison-table {
        min-width: 980px;
        font-size: 0.82rem;
    }

    .hosting-comparison-table th,
    .hosting-comparison-table td {
        padding: 12px 13px;
    }

    .hosting-comparison-table th:first-child {
        width: 190px;
        min-width: 190px;
    }
}


.hosting-comparison-table .feature-detail {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 400;
}


/* Comparison table mobile/tablet scrolling cues and sticky category labels */
.hosting-comparison-scroll-wrap {
    position: relative;
    margin-top: 42px;
}

.hosting-comparison-scroll-wrap .hosting-comparison-scroll {
    margin-top: 0;
}

.hosting-scroll-hint {
    display: none;
}

.hosting-comparison-table .feature-table-category th {
    position: sticky;
    left: 0;
    z-index: 5;
    width: auto;
    min-width: 0;
}

@media (max-width: 960px) {
    .hosting-scroll-hint {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin: 0 4px 10px;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 600;
    }

    .hosting-scroll-arrow {
        display: inline-block;
        color: var(--green-dark);
        font-size: 1.15rem;
        animation: hosting-scroll-nudge 1.6s ease-in-out infinite;
    }

    .hosting-comparison-scroll {
        background:
            linear-gradient(to right, var(--white) 30%, rgba(255,255,255,0)),
            linear-gradient(to left, var(--white) 30%, rgba(255,255,255,0)) 100% 0,
            linear-gradient(to right, rgba(17,19,18,.12), rgba(17,19,18,0)),
            linear-gradient(to left, rgba(17,19,18,.12), rgba(17,19,18,0)) 100% 0;
        background-repeat: no-repeat;
        background-size: 42px 100%, 42px 100%, 14px 100%, 14px 100%;
        background-attachment: local, local, scroll, scroll;
    }

    @keyframes hosting-scroll-nudge {
        0%, 100% { transform: translateX(0); }
        50% { transform: translateX(5px); }
    }
}

@media (prefers-reduced-motion: reduce) {
    .hosting-scroll-arrow {
        animation: none;
    }
}


/* Keep feature category names visible during horizontal table scrolling */
.hosting-comparison-table .feature-table-category {
    position: relative;
}

.hosting-comparison-table .feature-table-category th {
    position: sticky;
    left: 0;
    z-index: 8;
    box-sizing: border-box;
    width: 230px;
    min-width: 230px;
    max-width: 230px;
    overflow: visible;
    white-space: nowrap;
}

/* Continue the category colour across the row without relying on colspan text positioning */
.hosting-comparison-table .feature-table-category th::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 230px;
    width: 820px;
    background: var(--soft-green);
    z-index: -1;
}

@media (max-width: 640px) {
    .hosting-comparison-table .feature-table-category th {
        width: 190px;
        min-width: 190px;
        max-width: 190px;
    }

    .hosting-comparison-table .feature-table-category th::after {
        left: 190px;
        width: 790px;
    }
}


/* True sticky category rows: category label is now its own first-column cell */
.hosting-comparison-table .feature-table-category th {
    position: sticky;
    left: 0;
    z-index: 10;
    width: 230px;
    min-width: 230px;
    max-width: 230px;
    background: var(--soft-green);
    color: var(--green-dark);
    white-space: nowrap;
}

.hosting-comparison-table .feature-table-category th::after {
    content: none;
}

.hosting-comparison-table .feature-table-category td {
    background: var(--soft-green);
}

@media (max-width: 640px) {
    .hosting-comparison-table .feature-table-category th {
        width: 190px;
        min-width: 190px;
        max-width: 190px;
    }
}


/* Category rows use seven real cells so the label can remain in the sticky first column */
.hosting-comparison-table .feature-table-category th,
.hosting-comparison-table .feature-table-category td {
    background: var(--soft-green);
}

.hosting-comparison-table .feature-table-category th {
    position: sticky;
    left: 0;
    z-index: 12;
    color: var(--green-dark);
    text-align: left;
}


/* Final category-row fix: one sticky label cell + six-column scrolling green span */
.hosting-comparison-table .feature-table-category th {
    position: sticky !important;
    left: 0 !important;
    z-index: 20 !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    box-sizing: border-box;
    background: var(--soft-green) !important;
    color: var(--green-dark);
    text-align: left;
    white-space: nowrap;
}

.hosting-comparison-table .feature-table-category td {
    position: static !important;
    background: var(--soft-green) !important;
}

.hosting-comparison-table .feature-table-category th::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 640px) {
    .hosting-comparison-table .feature-table-category th {
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
    }
}


/* Make category colour fill the entire six-plan colspan cell */
.hosting-comparison-table .feature-table-category td[colspan="6"] {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    border-right: 0;
    background: var(--soft-green) !important;
}


.hosting-comparison-table .feature-unavailable {
    color: var(--muted);
    font-size: 1.1rem;
    font-weight: 600;
}


/* Security Koala watermark — top right of homepage cloud panel */
.cloud-panel::after {
    top: -46px;
    right: -38px;
    bottom: auto;
}

@media (max-width: 640px) {
    .cloud-panel::after {
        top: -30px;
        right: -42px;
        bottom: auto;
    }
}


/* Hostmate MaxCloud infrastructure page */
.maxcloud-hero {
    background: linear-gradient(180deg, var(--soft-green) 0%, var(--white) 100%);
}
.maxcloud-overview {
    background: var(--white);
}
.maxcloud-stack {
    background: var(--soft);
}
.maxcloud-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 42px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}
.maxcloud-card-grid article {
    min-height: 245px;
    padding: 30px;
    background: var(--white);
}
.maxcloud-card-grid h3 {
    margin: 58px 0 10px;
    font-size: 1.12rem;
}
.maxcloud-card-grid p {
    margin: 0;
    color: var(--muted);
    font-size: 0.9rem;
    line-height: 1.65;
}
.maxcloud-protection {
    background: var(--dark);
    color: var(--white);
}
.maxcloud-protection .eyebrow {
    color: #87d498;
}
.maxcloud-protection h2 {
    color: var(--white);
}
.protection-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
    align-items: stretch;
    gap: 12px;
    margin-top: 44px;
}
.protection-flow > div {
    min-width: 0;
    padding: 24px 18px;
    border: 1px solid #2a312d;
    border-radius: 14px;
    background: #141916;
}
.protection-flow > div span {
    display: block;
    margin-bottom: 28px;
    color: #70c984;
    font-size: 0.7rem;
    font-weight: 800;
}
.protection-flow strong,
.protection-flow small {
    display: block;
}
.protection-flow strong {
    font-size: 0.95rem;
}
.protection-flow small {
    margin-top: 7px;
    color: #929b95;
    font-size: 0.76rem;
    line-height: 1.4;
}
.protection-flow > b {
    align-self: center;
    color: #5f6b63;
    font-weight: 400;
}
.maxcloud-foundation {
    background: var(--white);
}
.maxcloud-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}
.maxcloud-facts article {
    min-height: 150px;
    padding: 28px;
    background: var(--white);
}
.maxcloud-facts strong,
.maxcloud-facts span {
    display: block;
}
.maxcloud-facts strong {
    color: var(--ink);
    font-size: 1.2rem;
}
.maxcloud-facts span {
    margin-top: 8px;
    color: var(--muted);
    font-size: 0.88rem;
}

@media (max-width: 960px) {
    .maxcloud-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .protection-flow {
        grid-template-columns: 1fr;
    }
    .protection-flow > b {
        justify-self: center;
        transform: rotate(90deg);
    }
}
@media (max-width: 640px) {
    .maxcloud-card-grid,
    .maxcloud-facts {
        grid-template-columns: 1fr;
    }
    .maxcloud-card-grid article {
        min-height: 220px;
        padding: 26px 22px;
    }
    .maxcloud-card-grid h3 {
        margin-top: 45px;
    }
}


/* Domains page */
.domain-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:70px;align-items:center}
.domain-page-search{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:0 18px 45px rgba(20,55,29,.06)}
.domain-page-search>label,.domain-quick-searches label{display:block;margin-bottom:10px;color:var(--ink);font-size:.86rem;font-weight:700}
.domain-page-search-field,.domain-quick-searches form>div{display:flex;gap:10px}
.domain-page-search input,.domain-quick-searches input{width:100%;min-width:0;height:52px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.domain-page-search button,.domain-quick-searches button{flex:0 0 auto;min-height:52px;padding:0 20px;border:0;border-radius:10px;background:var(--green);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.domain-page-search>p{margin:10px 0 0;color:var(--muted);font-size:.78rem}
.domain-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:42px}
.domain-option-card{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.domain-option-featured{border-color:rgba(40,167,69,.5);box-shadow:0 18px 45px rgba(20,55,29,.08)}
.domain-option-card h3{margin:12px 0 0;font-size:2rem;letter-spacing:-.04em}
.domain-option-card>p:not(.card-tag):not(.domain-option-price){min-height:105px;color:var(--muted);font-size:.9rem;line-height:1.65}
.domain-option-price{display:flex;align-items:baseline;gap:5px;margin:18px 0}
.domain-option-price strong{font-size:2rem;letter-spacing:-.04em}
.domain-option-price span{color:var(--muted);font-size:.88rem}
.domain-option-card .button{margin-top:auto;text-align:center}
.domain-quick-searches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.domain-quick-searches form{scroll-margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.domain-quick-searches button{min-height:48px}
.domain-quick-searches input{height:48px}
.domain-eligibility{background:var(--soft)}
.domain-eligibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:42px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}
.domain-eligibility-grid article{min-height:300px;padding:30px;background:#fff}
.domain-eligibility-grid h3{margin:58px 0 12px;font-size:1.15rem}
.domain-eligibility-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.7}
.domain-eligibility-note{max-width:850px;margin:20px 0 0;color:var(--muted);font-size:.78rem;line-height:1.55}
.domain-transfer-section{padding:80px 0;background:var(--green)}
.domain-transfer-section .eyebrow{color:#dff5e4}
.domain-transfer-section h2{color:#fff}
.domain-transfer-section p:not(.eyebrow){margin:15px 0 0;color:#e4f5e8}

@media(max-width:960px){
    .domain-hero-grid{grid-template-columns:1fr;gap:38px}
    .domain-option-grid,.domain-quick-searches,.domain-eligibility-grid{grid-template-columns:1fr}
    .domain-option-card>p:not(.card-tag):not(.domain-option-price){min-height:0}
    .domain-eligibility-grid article{min-height:230px}
}
@media(max-width:640px){
    .domain-page-search{padding:20px}
    .domain-page-search-field,.domain-quick-searches form>div{flex-direction:column}
    .domain-page-search button,.domain-quick-searches button{width:100%}
    .domain-option-card{padding:26px 22px}
}


/* Domains page layout refinement */
.domain-hero {
    padding: 96px 0 82px;
}
.domain-hero-inner {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}
.domain-hero .hosting-hero-intro {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.domain-page-search {
    max-width: 850px;
    margin: 38px auto 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--white);
    box-shadow: 0 18px 50px rgba(20,55,29,.09);
}
.domain-page-search-field {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
}
.domain-page-search input {
    height: 58px;
    padding: 0 20px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--white);
    color: var(--ink);
    font: inherit;
    font-size: 1.05rem;
    outline: none;
}
.domain-page-search input:focus {
    border-color: rgba(40,167,69,.6);
    box-shadow: 0 0 0 3px rgba(40,167,69,.09);
}
.domain-page-search button {
    min-width: 165px;
    height: 58px;
    padding: 0 24px;
    border: 0;
    border-radius: 11px;
    background: var(--green);
    color: var(--white);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.domain-page-search button:hover,
.domain-page-search button:focus-visible {
    background: var(--green-dark);
}
.domain-page-search > p {
    margin: 11px 5px 0;
    color: var(--muted);
    font-size: .78rem;
    text-align: left;
}
.domain-options {
    padding-top: 92px;
}
.domain-options .section-heading {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.domain-option-grid {
    align-items: stretch;
    max-width: 1120px;
    margin: 44px auto 0;
}
.domain-option-card {
    min-height: 390px;
    padding: 32px;
}
.domain-option-card .card-tag {
    margin-bottom: 28px;
}
.domain-option-card h3 {
    margin: 0;
    font-size: 2.6rem;
}
.domain-option-price {
    margin: 18px 0 22px;
}
.domain-option-price strong {
    font-size: 2.25rem;
}
.domain-option-card > p:not(.card-tag):not(.domain-option-price) {
    min-height: 116px;
    margin: 0 0 28px;
}
.domain-eligibility .section-heading {
    max-width: 760px;
}
.domain-eligibility-grid {
    margin-top: 38px;
}
.domain-eligibility-grid article {
    min-height: 270px;
}
.domain-eligibility-grid h3 {
    margin-top: 42px;
}

@media (max-width: 960px) {
    .domain-hero {
        padding: 72px 0 62px;
    }
    .domain-option-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 14px;
    }
    .domain-option-card {
        min-height: 410px;
        padding: 25px 20px;
    }
    .domain-option-card h3 {
        font-size: 2.15rem;
    }
}
@media (max-width: 760px) {
    .domain-option-grid {
        grid-template-columns: 1fr;
        max-width: 560px;
    }
    .domain-option-card {
        min-height: 0;
    }
    .domain-option-card > p:not(.card-tag):not(.domain-option-price) {
        min-height: 0;
    }
}
@media (max-width: 640px) {
    .domain-hero {
        padding: 54px 0 48px;
    }
    .domain-hero-inner {
        text-align: left;
    }
    .domain-hero .hosting-hero-intro {
        margin-left: 0;
    }
    .domain-page-search {
        margin-top: 28px;
        padding: 10px;
    }
    .domain-page-search-field {
        grid-template-columns: 1fr;
    }
    .domain-page-search input,
    .domain-page-search button {
        width: 100%;
        height: 54px;
    }
    .domain-page-search > p {
        text-align: center;
    }
    .domain-options .section-heading {
        text-align: left;
    }
}


/* Domains page finishing details */
.domain-eligibility-note {
    max-width: 920px;
    margin-top: 24px;
    font-size: 0.9rem;
    line-height: 1.6;
}

.domain-eligibility-note a {
    color: var(--green-dark);
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.domain-eligibility-note a:hover,
.domain-eligibility-note a:focus-visible {
    color: var(--green);
}

/* Reuse the homepage migration CTA scale on the domains page */
.domain-transfer-section.migration h2 {
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -0.055em;
}


/* Allow the domains eligibility note to use the full container width */
.domain-eligibility-note {
    max-width: none;
    width: 100%;
}


/* WordPress hosting page */
.wordpress-hero {
    padding: 94px 0 78px;
    background: linear-gradient(180deg, var(--soft-green) 0%, var(--white) 100%);
}

.wordpress-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
    align-items: center;
    gap: 72px;
}

.wordpress-hero-copy h1 {
    max-width: 780px;
    margin: 0;
    font-size: clamp(3.2rem, 5.8vw, 5.5rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.wordpress-hero-intro {
    max-width: 760px;
    margin: 26px 0 0;
    color: var(--muted);
    font-size: 1.18rem;
    line-height: 1.7;
}

.wordpress-hero-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.wordpress-hero-chips span {
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    color: #3f4641;
    font-size: .8rem;
    font-weight: 650;
}

.wordpress-hero-panel {
    padding: 30px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 22px 55px rgba(20,55,29,.08);
}

.wordpress-hero-panel h2 {
    max-width: 500px;
    margin: 12px 0 28px;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.wordpress-hero-list {
    display: grid;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--line);
}

.wordpress-hero-list div {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 16px;
    padding: 16px 18px;
    background: var(--soft);
}

.wordpress-hero-list strong {
    color: var(--ink);
    font-size: .82rem;
}

.wordpress-hero-list span {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.45;
}

.wordpress-audience {
    background: var(--white);
}

.wordpress-audience-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 42px;
}

.wordpress-audience-grid article {
    padding: 34px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
}

.wordpress-audience-grid h3 {
    max-width: 520px;
    margin: 52px 0 14px;
    font-size: 1.45rem;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.wordpress-audience-grid p {
    margin: 0 0 24px;
    color: var(--muted);
    font-size: .94rem;
    line-height: 1.7;
}

.wordpress-tools {
    background: var(--soft);
}

.wordpress-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 42px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}

.wordpress-feature-grid article {
    min-height: 265px;
    padding: 30px;
    background: var(--white);
}

.wordpress-feature-grid h3 {
    margin: 58px 0 11px;
    font-size: 1.12rem;
    letter-spacing: -.02em;
}

.wordpress-feature-grid p {
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.65;
}

.wordpress-performance {
    background: var(--white);
}

.wordpress-split {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 80px;
    align-items: start;
}

.wordpress-split h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.055em;
}

.wordpress-lead {
    margin: 24px 0 12px;
    color: var(--ink) !important;
    font-size: 1.1rem !important;
    font-weight: 650;
}

.wordpress-split > div:first-child > p:not(.eyebrow) {
    max-width: 600px;
    color: var(--muted);
    line-height: 1.7;
}

.wordpress-stack-list {
    display: grid;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}

.wordpress-stack-list div {
    padding: 24px 26px;
    background: var(--soft);
}

.wordpress-stack-list strong,
.wordpress-stack-list span {
    display: block;
}

.wordpress-stack-list strong {
    color: var(--ink);
    font-size: .96rem;
}

.wordpress-stack-list span {
    margin-top: 6px;
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.55;
}

.wordpress-security {
    background: var(--dark);
    color: var(--white);
}

.wordpress-security .eyebrow {
    color: #87d498;
}

.wordpress-security h2 {
    color: var(--white);
}

.wordpress-security .section-heading > p:last-child {
    color: #9da6a0;
}

.wordpress-security-flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: stretch;
    gap: 12px;
    margin-top: 44px;
}

.wordpress-security-flow > div {
    min-width: 0;
    padding: 25px 20px;
    border: 1px solid #2a312d;
    border-radius: 14px;
    background: #141916;
}

.wordpress-security-flow > div span,
.wordpress-security-flow > div strong,
.wordpress-security-flow > div small {
    display: block;
}

.wordpress-security-flow > div span {
    margin-bottom: 32px;
    color: #70c984;
    font-size: .7rem;
    font-weight: 800;
}

.wordpress-security-flow > div strong {
    font-size: .95rem;
}

.wordpress-security-flow > div small {
    margin-top: 7px;
    color: #929b95;
    font-size: .76rem;
    line-height: 1.45;
}

.wordpress-security-flow > b {
    align-self: center;
    color: #5f6b63;
    font-weight: 400;
}

.wordpress-backups {
    padding-bottom: 64px;
    background: var(--soft-green);
}

.wordpress-backup-cards {
    display: grid;
    gap: 16px;
}

.wordpress-backup-cards article {
    padding: 30px;
    border: 1px solid rgba(40,167,69,.2);
    border-radius: var(--radius);
    background: var(--white);
}

.wordpress-backup-cards strong,
.wordpress-backup-cards span {
    display: block;
}

.wordpress-backup-cards strong {
    color: var(--ink);
    font-size: 1.18rem;
}

.wordpress-backup-cards span {
    margin-top: 9px;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.6;
}

.wordpress-plans {
    background: var(--white);
}

.wordpress-plan-grid {
    display: grid;
    gap: 32px;
    margin-top: 42px;
}

.wordpress-plan-row {
    display: grid;
    gap: 22px;
}

.wordpress-plan-row-primary {
    display: flex;
    justify-content: center;
    gap: 22px;
}

.wordpress-plan-row-primary .hosting-plan-card {
    flex: 0 0 calc(33.333333% - 14.666667px);
}

.wordpress-plan-row-ultra {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wordpress-migration {
    padding: 80px 0;
    background: var(--green);
}

.wordpress-migration .eyebrow {
    color: #dff5e4;
}

.wordpress-migration h2 {
    margin: 0;
    color: var(--white);
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.055em;
}

.wordpress-migration p:not(.eyebrow) {
    margin: 15px 0 0;
    color: #e4f5e8;
}

.wordpress-faq {
    background: var(--white);
}

.wordpress-faq-list {
    max-width: 920px;
    border-top: 1px solid var(--line);
}

.wordpress-faq-list details {
    border-bottom: 1px solid var(--line);
}

.wordpress-faq-list summary {
    position: relative;
    padding: 22px 42px 22px 0;
    color: var(--ink);
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.wordpress-faq-list summary::-webkit-details-marker {
    display: none;
}

.wordpress-faq-list summary::after {
    content: "+";
    position: absolute;
    top: 20px;
    right: 4px;
    color: var(--green-dark);
    font-size: 1.25rem;
    font-weight: 500;
}

.wordpress-faq-list details[open] summary::after {
    content: "−";
}

.wordpress-faq-list details p {
    max-width: 780px;
    margin: -2px 0 22px;
    color: var(--muted);
    font-size: .92rem;
    line-height: 1.7;
}

@media (max-width: 960px) {
    .wordpress-hero-grid,
    .wordpress-split {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .wordpress-hero-panel {
        max-width: 680px;
    }

    .wordpress-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wordpress-plan-row-primary {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wordpress-plan-row-ultra {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wordpress-security-flow {
        grid-template-columns: 1fr;
    }

    .wordpress-security-flow > b {
        justify-self: center;
        transform: rotate(90deg);
    }
}

@media (max-width: 640px) {
    .wordpress-hero {
        padding: 54px 0 46px;
    }

    .wordpress-hero-copy h1 {
        font-size: clamp(2.8rem, 14vw, 4.2rem);
    }

    .wordpress-hero-intro {
        font-size: 1.04rem;
    }

    .wordpress-hero-panel {
        padding: 22px;
    }

    .wordpress-hero-list div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .wordpress-audience-grid,
    .wordpress-feature-grid,
    .wordpress-plan-row-primary,
    .wordpress-plan-row-ultra {
        grid-template-columns: 1fr;
    }

    .wordpress-audience-grid article,
    .wordpress-feature-grid article {
        min-height: 0;
        padding: 26px 22px;
    }

    .wordpress-audience-grid h3,
    .wordpress-feature-grid h3 {
        margin-top: 42px;
    }
}


/* Micron21 DDoS highlight on MaxCloud infrastructure page */
.maxcloud-ddos {
    background: var(--soft-green);
}

.maxcloud-ddos-grid {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 80px;
    align-items: start;
}

.maxcloud-ddos h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.055em;
}

.maxcloud-ddos-copy .lead {
    margin: 0 0 14px;
    color: var(--ink);
    font-size: 1.1rem;
    font-weight: 650;
}

.maxcloud-ddos-copy > p:not(.lead) {
    margin: 0;
    color: var(--muted);
    font-size: .96rem;
    line-height: 1.75;
}

.maxcloud-ddos-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 26px 0 24px;
}

.maxcloud-ddos-facts span {
    padding: 9px 12px;
    border: 1px solid rgba(40,167,69,.22);
    border-radius: 999px;
    background: var(--white);
    color: var(--muted);
    font-size: .8rem;
}

.maxcloud-ddos-facts strong {
    color: var(--green-dark);
}

@media (max-width: 960px) {
    .maxcloud-ddos-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }
}

@media (max-width: 640px) {
    .maxcloud-ddos-facts {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* MaxCloud overview — correct light-section typography and spacing */
.maxcloud-overview {
    padding-top: 72px;
    padding-bottom: 92px;
}

.maxcloud-overview h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -0.055em;
}

.maxcloud-overview .infrastructure-copy {
    max-width: 640px;
}

.maxcloud-overview .infrastructure-copy .lead {
    margin: 0 0 16px;
    color: var(--ink);
    font-size: 1.14rem;
    font-weight: 650;
    line-height: 1.55;
}

.maxcloud-overview .infrastructure-copy p:not(.lead) {
    color: var(--muted);
    line-height: 1.7;
}

@media (max-width: 960px) {
    .maxcloud-overview {
        padding-top: 54px;
        padding-bottom: 72px;
    }

    .maxcloud-overview .infrastructure-grid {
        gap: 28px;
    }
}

@media (max-width: 640px) {
    .maxcloud-overview {
        padding-top: 42px;
        padding-bottom: 60px;
    }

    .maxcloud-overview .infrastructure-grid {
        gap: 22px;
    }
}


/* MaxCloud foundation — tighten desktop and mobile spacing */
.maxcloud-foundation {
    padding-top: 78px;
    padding-bottom: 84px;
}

.maxcloud-foundation .infrastructure-grid {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 64px;
    align-items: start;
}

.maxcloud-foundation h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -0.055em;
}

@media (max-width: 960px) {
    .maxcloud-foundation {
        padding-top: 58px;
        padding-bottom: 68px;
    }

    .maxcloud-foundation .infrastructure-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

@media (max-width: 640px) {
    .maxcloud-foundation {
        padding-top: 46px;
        padding-bottom: 58px;
    }

    .maxcloud-foundation .infrastructure-grid {
        gap: 22px;
    }
}


/* Centre stacked MaxCloud protection steps on tablet and mobile */
@media (max-width: 960px) {
    .protection-flow > div {
        text-align: center;
    }

    .protection-flow > div span {
        margin-bottom: 18px;
    }

    .protection-flow > b {
        justify-self: center;
    }
}


/* Support guide — installing WordPress with Softaculous */
.support-guide-hero {
    padding: 88px 0 70px;
    background: linear-gradient(180deg, var(--soft-green) 0%, var(--white) 100%);
}

.support-guide-hero-inner {
    max-width: 880px;
}

.support-guide-hero h1 {
    max-width: 850px;
    margin: 0;
    font-size: clamp(3rem, 5.4vw, 5rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.support-guide-hero-inner > p:not(.eyebrow) {
    max-width: 700px;
    margin: 24px 0 0;
    color: var(--muted);
    font-size: 1.12rem;
    line-height: 1.7;
}

.support-guide-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.support-guide-summary span {
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(255,255,255,.86);
    color: #3f4641;
    font-size: .8rem;
    font-weight: 650;
}

.support-guide {
    padding-top: 82px;
}

.support-guide-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 820px);
    gap: 72px;
    align-items: start;
}

.support-guide-aside {
    position: sticky;
    top: 28px;
    display: grid;
    gap: 16px;
}

.support-guide-aside-card {
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--soft);
}

.support-guide-aside-card strong {
    color: var(--ink);
    font-size: .9rem;
}

.support-guide-aside-card p,
.support-guide-aside-card li {
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.55;
}

.support-guide-aside-card p {
    margin: 9px 0 0;
}

.support-guide-aside-card ul {
    margin: 12px 0 0;
    padding-left: 18px;
}

.support-guide-aside-card li + li {
    margin-top: 6px;
}

.support-guide-tip {
    border-color: rgba(40,167,69,.28);
    background: var(--soft-green);
}

.support-step {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 24px;
    padding: 0 0 72px;
    margin-bottom: 72px;
    border-bottom: 1px solid var(--line);
}

.support-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--green);
    color: var(--white);
    font-size: .88rem;
    font-weight: 800;
}

.support-step-body h2 {
    margin: 0;
    font-size: clamp(1.9rem, 3.5vw, 2.8rem);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.support-step-body > p:not(.eyebrow) {
    margin: 16px 0 0;
    color: var(--muted);
    font-size: .98rem;
    line-height: 1.75;
}

.support-screenshot-placeholder {
    margin: 28px 0 0;
}

.support-screenshot-placeholder > div {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 30px;
    border: 1px dashed #b9c2bc;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(40,167,69,.035), rgba(40,167,69,.08)),
        var(--soft);
    text-align: center;
}

.support-screenshot-placeholder strong {
    color: var(--ink);
    font-size: .9rem;
}

.support-screenshot-placeholder span {
    max-width: 500px;
    color: var(--muted);
    font-size: .84rem;
}

.support-screenshot-placeholder figcaption {
    margin-top: 9px;
    color: var(--muted);
    font-size: .76rem;
    line-height: 1.5;
}

.support-guide-callout {
    margin-top: 24px;
    padding: 20px 22px;
    border-left: 4px solid var(--green);
    border-radius: 0 12px 12px 0;
    background: var(--soft-green);
}

.support-guide-callout strong {
    color: var(--ink);
}

.support-guide-callout p {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.65;
}

.support-guide-checklist {
    display: grid;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.support-guide-checklist li {
    padding: 15px 17px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--soft);
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.55;
}

.support-guide-checklist strong {
    color: var(--ink);
}

.support-step-finish {
    margin-bottom: 56px;
}

.support-next-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    margin-top: 26px;
}

.support-next-actions div {
    position: relative;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--soft);
}

.support-next-actions strong,
.support-next-actions span {
    display: block;
}

.support-next-actions strong {
    color: var(--ink);
    font-size: .92rem;
}

.support-next-actions span {
    margin-top: 7px;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.55;
}

/* Make linked help cards feel and behave like full-card links. */
.support-next-actions div:has(a) {
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.support-next-actions div:has(a):hover,
.support-next-actions div:has(a):focus-within {
    transform: translateY(-2px);
    border-color: var(--green);
    background: var(--soft-green);
    box-shadow: 0 12px 28px rgba(20,55,29,.10);
}

.support-next-actions div:has(a) strong::after {
    content: " →";
    color: var(--green-dark);
}

.support-next-actions div a {
    color: inherit;
    text-decoration: none;
}

.support-next-actions div a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 13px;
}

.support-next-actions div:focus-within {
    outline: 3px solid rgba(40,167,69,.16);
    outline-offset: 2px;
}

.support-guide-help {
    padding: 34px;
    border-radius: var(--radius);
    background: var(--soft-green);
}

.support-guide-help h2 {
    margin: 0;
    font-size: clamp(1.8rem, 3.3vw, 2.6rem);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.support-guide-help > p:not(.eyebrow) {
    max-width: 620px;
    margin: 14px 0 22px;
    color: var(--muted);
    line-height: 1.65;
}

.support-guide-source {
    margin: 26px 0 0;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.6;
}

.support-guide-source a {
    color: var(--green-dark);
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Stronger rollover for Help Centre links to related guides. */
.support-guide .button-secondary {
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.support-guide .button-secondary:hover,
.support-guide .button-secondary:focus-visible {
    transform: translateY(-2px);
    border-color: var(--green);
    background: var(--soft-green);
    color: var(--green-dark);
    box-shadow: 0 10px 24px rgba(20,55,29,.12);
}

.support-guide .button-secondary:focus-visible {
    outline: 3px solid rgba(40,167,69,.16);
    outline-offset: 2px;
}

.wordpress-feature-grid .text-link {
    margin-top: 18px;
    font-size: .84rem;
}

@media (max-width: 960px) {
    .support-guide-layout {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .support-guide-aside {
        position: static;
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 640px) {
    .support-guide-hero {
        padding: 54px 0 48px;
    }

    .support-guide {
        padding-top: 58px;
    }

    .support-guide-aside {
        grid-template-columns: 1fr;
    }

    .support-step {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-bottom: 52px;
        margin-bottom: 52px;
    }

    .support-step-number {
        width: 40px;
        height: 40px;
    }

    .support-screenshot-placeholder > div {
        min-height: 210px;
        padding: 24px 18px;
    }

    .support-next-actions {
        grid-template-columns: 1fr;
    }

    .support-guide-help {
        padding: 26px 22px;
    }
}


/* Hostmate Help Centre */
.help-centre-hero {
    padding: 92px 0 78px;
    background: linear-gradient(180deg, var(--soft-green) 0%, var(--white) 100%);
}

.help-centre-hero-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.help-centre-hero h1 {
    margin: 0;
    font-size: clamp(3.2rem, 6vw, 5.6rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.help-centre-hero-inner > p:not(.eyebrow) {
    max-width: 700px;
    margin: 24px auto 0;
    color: var(--muted);
    font-size: 1.12rem;
    line-height: 1.7;
}

.help-centre-search-wrap {
    position: relative;
    max-width: 760px;
    margin: 34px auto 0;
}

.help-centre-search-wrap input {
    width: 100%;
    height: 62px;
    padding: 0 54px 0 20px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--white);
    box-shadow: 0 16px 44px rgba(20,55,29,.07);
    color: var(--ink);
    font: inherit;
    font-size: 1rem;
    outline: none;
}

.help-centre-search-wrap input:focus {
    border-color: rgba(40,167,69,.55);
    box-shadow: 0 0 0 3px rgba(40,167,69,.08), 0 16px 44px rgba(20,55,29,.07);
}

.help-centre-search-icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: var(--green-dark);
    font-size: 1.25rem;
    pointer-events: none;
}

.help-centre-search-spinner {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border: 2px solid rgba(40,167,69,.22);
    border-top-color: var(--green-dark);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    animation: help-search-spin .7s linear infinite;
}

.help-centre-search-wrap.is-loading .help-centre-search-icon {
    opacity: 0;
}

.help-centre-search-wrap.is-loading .help-centre-search-spinner {
    opacity: 1;
}

@keyframes help-search-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .help-centre-search-spinner {
        animation-duration: 1.4s;
    }
}

.help-search-results {
    max-width: 760px;
    margin: 18px auto 0;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 20px 54px rgba(20,55,29,.10);
    text-align: left;
}

.help-search-status {
    margin: 0;
    padding: 10px 12px 13px;
    color: var(--muted);
    font-size: .8rem;
    font-weight: 700;
}

.help-search-result {
    position: relative;
    display: block;
    padding: 17px 46px 17px 16px;
    border-top: 1px solid var(--line);
    border-radius: 10px;
    transition: background-color 160ms ease, transform 160ms ease;
}

.help-search-result:hover,
.help-search-result:focus-visible {
    background: var(--soft-green);
    transform: translateX(2px);
    outline: none;
}

.help-search-result-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
}

.help-search-result-heading strong {
    color: var(--ink);
    font-size: .95rem;
}

.help-search-result-heading span {
    flex: 0 0 auto;
    color: var(--green-dark);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.help-search-result p {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.55;
}

.help-search-result mark {
    padding: 0 2px;
    border-radius: 3px;
    background: #dff1e4;
    color: var(--ink);
}

.help-search-result-arrow {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    color: var(--green-dark);
    font-size: 1.15rem;
    font-weight: 800;
}

.help-centre-hero-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

.help-popular {
    padding-top: 88px;
}

.help-popular-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.help-popular-card {
    position: relative;
    min-height: 235px;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.help-popular-card:hover,
.help-popular-card:focus-visible {
    border-color: rgba(40,167,69,.38);
    box-shadow: 0 15px 36px rgba(20,55,29,.06);
    transform: translateY(-2px);
}

.help-popular-card strong {
    display: block;
    margin-top: 48px;
    color: var(--ink);
    font-size: 1.08rem;
}

.help-popular-card p {
    margin: 8px 32px 0 0;
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.6;
}

.help-card-arrow {
    position: absolute;
    right: 24px;
    bottom: 24px;
    color: var(--green-dark);
    font-size: 1.1rem;
}

.help-no-results {
    margin: 26px 0 0;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--soft);
    color: var(--muted);
    text-align: center;
}

.help-knowledge {
    background: var(--soft);
}

.help-category-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.help-category-card {
    padding: 30px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
}

.help-category-card h3 {
    margin: 42px 0 9px;
    font-size: 1.35rem;
    letter-spacing: -.025em;
}

.help-category-card > p {
    max-width: 500px;
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.65;
}

.help-category-links {
    display: grid;
    gap: 8px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
}

.help-category-links a,
.help-category-links span {
    font-size: .84rem;
    line-height: 1.45;
}

.help-category-links a {
    color: var(--green-dark);
    font-weight: 700;
}

.help-category-links span {
    color: #7f8782;
}

.help-library-note {
    margin: 24px 0 0;
    color: var(--muted);
    font-size: .82rem;
}

.help-contact {
    padding: 80px 0;
    background: var(--green);
}

.help-contact-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.help-contact .eyebrow {
    color: #dff5e4;
}

.help-contact h2 {
    margin: 0;
    color: var(--white);
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.055em;
}

.help-contact p:not(.eyebrow) {
    max-width: 670px;
    margin: 15px 0 0;
    color: #e4f5e8;
}

.support-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    color: var(--muted);
    font-size: .78rem;
}

.support-breadcrumb a {
    color: var(--green-dark);
    font-weight: 650;
}

.help-search-item[hidden] {
    display: none !important;
}

@media (max-width: 960px) {
    .help-popular-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .help-contact-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }
}

@media (max-width: 640px) {
    .help-centre-hero {
        padding: 54px 0 48px;
    }

    .help-centre-hero-inner {
        text-align: left;
    }

    .help-centre-hero-inner > p:not(.eyebrow) {
        margin-left: 0;
    }

    .help-centre-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .help-popular {
        padding-top: 62px;
    }

    .help-popular-grid,
    .help-category-grid {
        grid-template-columns: 1fr;
    }

    .help-popular-card {
        min-height: 210px;
        padding: 24px;
    }

    .help-category-card {
        padding: 26px 22px;
    }

    .support-breadcrumb {
        align-items: flex-start;
        flex-wrap: wrap;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


/* WordPress logo watermark in the WordPress hero panel */
.wordpress-hero-panel {
    position: relative;
    overflow: hidden;
}

.wordpress-hero-panel::after {
    content: "";
    position: absolute;
    top: -28px;
    right: -18px;
    width: 150px;
    height: 150px;
    background: url("/assets/images/WordPress-logo.svg") no-repeat center / contain;
    opacity: 0.08;
    pointer-events: none;
    z-index: 0;
}

.wordpress-hero-panel > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 640px) {
    .wordpress-hero-panel::after {
        top: -18px;
        right: -20px;
        width: 110px;
        height: 110px;
        opacity: 0.07;
    }
}


/* AI-built website hosting */
.ai-hosting-hero {
    background:
        radial-gradient(circle at 82% 20%, rgba(40,167,69,.12), transparent 26rem),
        linear-gradient(180deg, var(--soft-green) 0%, var(--white) 100%);
}
.ai-hosting-positioning .feature-grid,
.ai-hosting-why .feature-grid {
    margin-top: 8px;
}
.ai-hosting-boundary {
    background: var(--soft);
}
.ai-hosting-callout {
    padding-top: 82px;
    padding-bottom: 82px;
    background: var(--soft-green);
}
.ai-hosting-callout-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 64px;
}
.ai-hosting-callout-inner > div {
    max-width: 720px;
}
.ai-hosting-callout h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.055em;
}
.ai-hosting-callout p:not(.eyebrow) {
    margin: 18px 0 0;
    color: var(--muted);
    font-size: 1.02rem;
    line-height: 1.7;
}
.ai-hosting-callout .button {
    flex: 0 0 auto;
}
@media (max-width: 760px) {
    .ai-hosting-callout {
        padding-top: 62px;
        padding-bottom: 62px;
    }
    .ai-hosting-callout-inner {
        align-items: stretch;
        flex-direction: column;
        gap: 28px;
    }
}


/* AI hosting boundary — light-section typography and spacing */
.ai-hosting-boundary {
    padding-top: 78px;
    padding-bottom: 88px;
    background: var(--soft);
}

.ai-hosting-boundary .infrastructure-grid {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 72px;
    align-items: start;
}

.ai-hosting-boundary h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4.6vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.055em;
}

.ai-hosting-boundary .infrastructure-copy {
    max-width: 640px;
}

.ai-hosting-boundary .infrastructure-copy .lead {
    margin: 0 0 16px;
    color: var(--ink);
    font-size: 1.14rem;
    font-weight: 650;
    line-height: 1.55;
}

.ai-hosting-boundary .infrastructure-copy p:not(.lead) {
    color: var(--muted);
    line-height: 1.7;
}

@media (max-width: 960px) {
    .ai-hosting-boundary {
        padding-top: 56px;
        padding-bottom: 70px;
    }

    .ai-hosting-boundary .infrastructure-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

@media (max-width: 640px) {
    .ai-hosting-boundary {
        padding-top: 44px;
        padding-bottom: 60px;
    }

    .ai-hosting-boundary .infrastructure-grid {
        gap: 22px;
    }
}


/* Domains page — keep hero and section introductions visually centred */
.domain-hero h1 {
    margin-left: auto;
    margin-right: auto;
}

.domain-options .section-heading > p:last-child {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 640px) {
    .domain-hero-inner,
    .domain-options .section-heading {
        text-align: center;
    }

    .domain-hero .hosting-hero-intro {
        margin-left: auto;
        margin-right: auto;
    }
}


/* External-link indicator for links that open a new tab */
.external-link-icon {
    display: inline-block;
    margin-left: 4px;
    font-size: .88em;
    line-height: 1;
    transform: translateY(-1px);
}


/* Contextual links to the MaxCloud infrastructure page */
.infrastructure-context-link {
    display: inline-block;
    margin-top: 26px;
    color: var(--green-dark);
    font-size: .9rem;
    font-weight: 700;
}

.infrastructure-context-link:hover,
.infrastructure-context-link:focus-visible {
    color: var(--green);
}

.infrastructure-context-link span {
    margin-left: 5px;
}


/* Infrastructure page — align DDoS section with the overview and MaxCloud platform */
.maxcloud-ddos {
    background: var(--soft);
}

.maxcloud-ddos-grid {
    grid-template-columns: .95fr 1.05fr;
    gap: 100px;
}

.maxcloud-ddos-copy {
    max-width: 640px;
}

.maxcloud-ddos-copy .lead {
    margin: 0 0 16px;
    font-size: 1.14rem;
    line-height: 1.55;
}

.maxcloud-ddos-copy > p:not(.lead) {
    font-size: 1rem;
    line-height: 1.7;
}

@media (max-width: 960px) {
    .maxcloud-ddos-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

@media (max-width: 640px) {
    .maxcloud-ddos-grid {
        gap: 22px;
    }
}


/* Infrastructure split sections — align right-hand copy with the main heading */
@media (min-width: 961px) {
    .maxcloud-overview .infrastructure-copy,
    .maxcloud-ddos-copy {
        margin-top: 46px;
    }
}


/* Keep the DDoS network facts on one row on desktop */
@media (min-width: 961px) {
    .maxcloud-ddos-facts {
        flex-wrap: nowrap;
        gap: 8px;
    }

    .maxcloud-ddos-facts span {
        padding: 8px 10px;
        font-size: .76rem;
        white-space: nowrap;
    }
}


/* Keep the two infrastructure split sections on the exact same desktop grid */
@media (min-width: 961px) {
    .maxcloud-overview .infrastructure-grid,
    .maxcloud-ddos-grid {
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
        gap: 100px;
    }
}


/* Homepage hero price benefit */
.hero-price-benefit {
    margin: 4px 0 0;
    color: var(--green-dark);
    font-size: .9rem;
    font-weight: 700;
}


/* Domain price table */
.domain-prices {
    background: var(--white);
}

.domain-prices .section-heading {
    max-width: 760px;
}

.domain-price-table-wrap {
    margin-top: 40px;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 18px 46px rgba(20,55,29,.06);
}

.domain-price-table {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
    font-size: .92rem;
}

.domain-price-table th,
.domain-price-table td {
    padding: 17px 18px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: middle;
}

.domain-price-table thead th {
    background: var(--soft);
    color: var(--ink);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.domain-price-table thead th > span {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 650;
    letter-spacing: 0;
}

.domain-price-table tbody th {
    color: var(--ink);
    font-size: .98rem;
    font-weight: 800;
}

.domain-price-table tbody td {
    color: var(--muted);
}

.domain-price-table tbody tr:last-child th,
.domain-price-table tbody tr:last-child td {
    border-bottom: 0;
}

.domain-price-table tbody tr:hover th,
.domain-price-table tbody tr:hover td {
    background: var(--soft-green);
}

.domain-price-table td small {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.35;
}

.domain-free {
    color: var(--green-dark);
}

.domain-sort-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.domain-sort-label {
    color: var(--green-dark);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: 0;
}

.domain-sort-arrow {
    color: var(--green-dark);
    font-size: .9rem;
}

.domain-price-notes {
    max-width: 980px;
    margin-top: 24px;
    padding: 24px 26px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--soft);
}

.domain-price-notes p {
    margin: 0;
    color: var(--muted);
    font-size: .85rem;
    line-height: 1.65;
}

.domain-price-notes p + p {
    margin-top: 10px;
}

.domain-price-notes strong {
    color: var(--ink);
}

@media (max-width: 640px) {
    .domain-price-table-wrap {
        margin-top: 30px;
    }

    .domain-price-table th,
    .domain-price-table td {
        padding: 14px 15px;
    }

    .domain-price-table th:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background: var(--white);
    }

    .domain-price-table thead th:first-child {
        z-index: 2;
        background: var(--soft);
    }

    .domain-price-table tbody tr:hover th:first-child {
        background: var(--soft-green);
    }

    .domain-price-notes {
        padding: 20px;
    }
}


.footer-abn {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: .82rem;
}


/* Legal pages */
.legal-hero {
    padding: 76px 0 54px;
    background: var(--soft);
    border-bottom: 1px solid var(--line);
}

.legal-hero-inner {
    max-width: 820px;
}

.legal-hero h1 {
    margin: 10px 0 0;
    color: var(--ink);
    font-size: clamp(2.5rem, 6vw, 4.8rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.legal-hero p:last-child {
    max-width: 680px;
    margin: 20px 0 0;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.7;
}

.legal-content {
    padding-top: 72px;
    padding-bottom: 90px;
}

.legal-document {
    max-width: 900px;
}

.legal-section + .legal-section {
    margin-top: 48px;
    padding-top: 46px;
    border-top: 1px solid var(--line);
}

.legal-section h2 {
    margin: 0 0 22px;
    color: var(--ink);
    font-size: clamp(1.55rem, 3vw, 2.1rem);
    letter-spacing: -.035em;
}

.legal-section h3 {
    margin: 30px 0 14px;
    color: var(--ink);
    font-size: 1.08rem;
}

.legal-section p,
.legal-section li {
    color: var(--muted);
    font-size: .96rem;
    line-height: 1.75;
}

.legal-section p {
    margin: 0;
}

.legal-section p + p {
    margin-top: 14px;
}

.legal-section ol {
    margin: 0;
    padding-left: 1.5rem;
}

.legal-section li {
    padding-left: .35rem;
}

.legal-section li + li {
    margin-top: 10px;
}

.legal-section a {
    color: var(--green-dark);
    font-weight: 700;
}

@media (min-width: 961px) {
    .footer-top {
        grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
        gap: 60px;
    }

    .footer-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px;
    }
}

@media (max-width: 960px) {
    .footer-top {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .footer-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px;
    }
}

@media (max-width: 640px) {
    .legal-hero {
        padding: 58px 0 42px;
    }

    .legal-content {
        padding-top: 54px;
        padding-bottom: 68px;
    }

    .legal-section + .legal-section {
        margin-top: 38px;
        padding-top: 36px;
    }

    .footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* Domain card search forms */
.domain-card-search {
    display: grid;
    gap: 10px;
    margin-top: 8px;
    padding-top: 0;
}

.domain-card-search input[type="text"] {
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 0 14px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--white);
    color: var(--ink);
    font: inherit;
}

.domain-card-search input[type="text"]:focus {
    outline: 2px solid rgba(40,167,69,.18);
    outline-offset: 1px;
    border-color: var(--green);
}

.domain-card-search .button {
    width: 100%;
    margin-top: 0;
    border: 0;
    cursor: pointer;
}


/* WordPress maintenance service */
.wp-maintenance-hero {
    padding: 82px 0 88px;
    background: var(--soft);
}

.wp-maintenance-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: 72px;
    align-items: center;
}

.wp-maintenance-hero-copy h1 {
    max-width: 760px;
    margin: 14px 0 24px;
    color: var(--ink);
    font-size: clamp(3.1rem, 7vw, 6.2rem);
    line-height: .94;
    letter-spacing: -.065em;
}

.wp-maintenance-hero-copy > p:not(.eyebrow) {
    max-width: 700px;
    margin: 0;
    color: var(--muted);
    font-size: 1.12rem;
    line-height: 1.7;
}

.wp-maintenance-hero-points,
.wordpress-maintenance-points {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.wp-maintenance-hero-points span,
.wordpress-maintenance-points span {
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--white);
    color: var(--ink);
    font-size: .78rem;
    font-weight: 750;
}

.wp-maintenance-price-card {
    padding: 34px;
    border: 1px solid rgba(40,167,69,.35);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 22px 55px rgba(20,55,29,.09);
}

.wp-maintenance-price-card h2 {
    margin: 10px 0 18px;
    color: var(--ink);
    font-size: 1.7rem;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.wp-maintenance-price {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin: 8px 0 14px;
}

.wp-maintenance-price strong {
    color: var(--ink);
    font-size: 3rem;
    letter-spacing: -.05em;
}

.wp-maintenance-price span,
.wp-maintenance-price-card p,
.wp-maintenance-price-card small {
    color: var(--muted);
}

.wp-maintenance-price-card .button {
    width: 100%;
    margin-top: 22px;
    text-align: center;
}

.wp-maintenance-price-card small {
    display: block;
    margin-top: 12px;
    font-size: .76rem;
}

.wp-maintenance-intro-grid,
.wp-maintenance-scope-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 82px;
    align-items: start;
}

.wp-maintenance-intro h2,
.wp-maintenance-scope h2 {
    margin: 12px 0 0;
    color: var(--ink);
    font-size: clamp(2.2rem, 5vw, 4rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.wp-maintenance-intro-copy p {
    color: var(--muted);
    line-height: 1.75;
}

.wp-maintenance-plan {
    background: var(--soft);
}

.wp-maintenance-table-wrap {
    margin-top: 38px;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
}

.wp-maintenance-table {
    width: 100%;
    border-collapse: collapse;
}

.wp-maintenance-table th,
.wp-maintenance-table td {
    padding: 16px 20px;
    border-bottom: 1px solid var(--line);
    text-align: left;
}

.wp-maintenance-table thead th {
    background: #eef2ee;
    color: var(--ink);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.wp-maintenance-table tbody th {
    color: var(--ink);
    font-size: .94rem;
}

.wp-maintenance-table tbody td {
    width: 190px;
    color: var(--muted);
    font-size: .9rem;
}

.wp-maintenance-table tbody tr:last-child th,
.wp-maintenance-table tbody tr:last-child td {
    border-bottom: 0;
}

.wp-maintenance-table-note {
    margin: 14px 0 0;
    color: var(--muted);
    font-size: .78rem;
}

.wp-maintenance-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 42px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}

.wp-maintenance-detail-grid article {
    min-height: 245px;
    padding: 30px;
    background: var(--white);
}

.wp-maintenance-detail-grid h3 {
    margin: 48px 0 12px;
    color: var(--ink);
    font-size: 1.16rem;
}

.wp-maintenance-detail-grid p {
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.7;
}

.wp-maintenance-scope {
    background: var(--soft);
}

.wp-maintenance-scope > .container > div:first-child > p:last-child {
    color: var(--muted);
    line-height: 1.7;
}

.wp-maintenance-scope-list {
    display: grid;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}

.wp-maintenance-scope-list div {
    display: grid;
    gap: 6px;
    padding: 20px 22px;
    background: var(--white);
}

.wp-maintenance-scope-list strong {
    color: var(--ink);
}

.wp-maintenance-scope-list span {
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.55;
}

.wp-maintenance-note-card {
    max-width: 940px;
    padding: 30px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--soft);
}

.wp-maintenance-note-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
}

.wp-maintenance-note-card p + p {
    margin-top: 14px;
}

.wp-maintenance-order {
    background: var(--green);
}

.wp-maintenance-order-inner,
.wordpress-maintenance-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 56px;
}

.wp-maintenance-order .eyebrow {
    color: #dff5e4;
}

.wp-maintenance-order h2 {
    margin: 10px 0 0;
    color: var(--white);
    font-size: clamp(2rem, 4vw, 3.3rem);
    letter-spacing: -.045em;
}

.wp-maintenance-order p:not(.eyebrow) {
    margin: 14px 0 0;
    color: #e4f5e8;
}

.wp-maintenance-order-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.button-outline-light {
    border: 1px solid rgba(255,255,255,.6);
    color: var(--white);
    background: transparent;
}

.wordpress-maintenance-cta {
    padding-top: 64px;
    background: var(--soft-green);
}

.wordpress-maintenance-cta-inner > div {
    max-width: 780px;
}

.wordpress-maintenance-cta h2 {
    margin: 10px 0 14px;
    color: var(--ink);
    font-size: clamp(2rem, 4vw, 3.2rem);
    letter-spacing: -.045em;
}

.wordpress-maintenance-cta p:not(.eyebrow) {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.wordpress-maintenance-cta .button {
    flex: 0 0 auto;
}

@media (max-width: 960px) {
    .wp-maintenance-hero-grid,
    .wp-maintenance-intro-grid,
    .wp-maintenance-scope-grid {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .wp-maintenance-detail-grid {
        grid-template-columns: 1fr;
    }

    .wp-maintenance-order-inner,
    .wordpress-maintenance-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

    .wp-maintenance-order-actions {
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .wp-maintenance-hero {
        padding: 62px 0 68px;
    }

    .wp-maintenance-price-card {
        padding: 26px 22px;
    }

    .wp-maintenance-detail-grid article {
        min-height: 0;
        padding: 26px 22px;
    }

    .wp-maintenance-table {
        min-width: 620px;
    }

    .wp-maintenance-order-actions,
    .wp-maintenance-order-actions .button,
    .wordpress-maintenance-cta .button {
        width: 100%;
    }

    .wp-maintenance-order-actions {
        display: grid;
    }
}


/* Free SSL page */
.ssl-hero {
    padding: 82px 0 88px;
    background: var(--soft);
}

.ssl-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(350px, .92fr);
    gap: 72px;
    align-items: center;
}

.ssl-hero-copy h1 {
    max-width: 780px;
    margin: 14px 0 24px;
    color: var(--ink);
    font-size: clamp(3.1rem, 7vw, 6.2rem);
    line-height: .94;
    letter-spacing: -.065em;
}

.ssl-hero-copy > p:not(.eyebrow) {
    max-width: 700px;
    margin: 0;
    color: var(--muted);
    font-size: 1.12rem;
    line-height: 1.7;
}

.ssl-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.ssl-hero-points span {
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--white);
    color: var(--ink);
    font-size: .78rem;
    font-weight: 750;
}

.ssl-summary-card {
    padding: 34px;
    border: 1px solid rgba(40,167,69,.35);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 22px 55px rgba(20,55,29,.09);
}

.ssl-price {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin: 14px 0 18px;
}

.ssl-price strong {
    color: var(--ink);
    font-size: 3.2rem;
    letter-spacing: -.055em;
}

.ssl-price span,
.ssl-summary-card p,
.ssl-summary-card li {
    color: var(--muted);
}

.ssl-summary-card ul {
    margin: 0 0 20px;
    padding-left: 1.15rem;
}

.ssl-summary-card li + li {
    margin-top: 8px;
}

.ssl-summary-card p {
    margin: 0;
    font-size: .9rem;
    line-height: 1.65;
}

.ssl-intro-grid,
.ssl-automatic-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 82px;
    align-items: start;
}

.ssl-intro h2,
.ssl-automatic h2 {
    margin: 12px 0 0;
    color: var(--ink);
    font-size: clamp(2.2rem, 5vw, 4rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.ssl-intro-copy p {
    color: var(--muted);
    line-height: 1.75;
}

.ssl-coverage {
    background: var(--soft);
}

.ssl-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 42px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}

.ssl-feature-grid article {
    min-height: 265px;
    padding: 30px;
    background: var(--white);
}

.ssl-feature-grid h3 {
    margin: 64px 0 12px;
    color: var(--ink);
    font-size: 1.2rem;
}

.ssl-feature-grid p {
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.7;
}

.ssl-automatic > .container > div:first-child > p:last-child {
    color: var(--muted);
    line-height: 1.7;
}

.ssl-automatic-list {
    display: grid;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}

.ssl-automatic-list div {
    display: grid;
    gap: 6px;
    padding: 21px 22px;
    background: var(--white);
}

.ssl-automatic-list strong {
    color: var(--ink);
}

.ssl-automatic-list span {
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.55;
}

.ssl-hosting {
    background: var(--soft-green);
}

.ssl-hosting-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 54px;
}

.ssl-hosting-inner > div:first-child {
    max-width: 760px;
}

.ssl-hosting h2 {
    margin: 10px 0 14px;
    color: var(--ink);
    font-size: clamp(2rem, 4vw, 3.2rem);
    letter-spacing: -.045em;
}

.ssl-hosting p:not(.eyebrow) {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.ssl-hosting-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.hosting-context-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}

.hero-price-benefit a {
    color: inherit;
}

.hero-price-benefit a:hover {
    text-decoration: underline;
}

@media (max-width: 960px) {
    .ssl-hero-grid,
    .ssl-intro-grid,
    .ssl-automatic-grid {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .ssl-feature-grid {
        grid-template-columns: 1fr;
    }

    .ssl-hosting-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }
}

@media (max-width: 640px) {
    .ssl-hero {
        padding: 62px 0 68px;
    }

    .ssl-summary-card {
        padding: 26px 22px;
    }

    .ssl-feature-grid article {
        min-height: 0;
        padding: 26px 22px;
    }

    .ssl-hosting-actions {
        display: grid;
        width: 100%;
    }

    .ssl-hosting-actions .button {
        width: 100%;
    }
}


/* Security and backups page */
.security-backups-hero {
    padding: 82px 0 88px;
    background: var(--soft);
}

.security-backups-hero-grid,
.security-backups-split {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: 72px;
    align-items: center;
}

.security-backups-hero h1 {
    max-width: 820px;
    margin: 14px 0 24px;
    color: var(--ink);
    font-size: clamp(3.1rem, 7vw, 6.1rem);
    line-height: .94;
    letter-spacing: -.065em;
}

.security-backups-hero p:not(.eyebrow) {
    max-width: 720px;
    margin: 0;
    color: var(--muted);
    font-size: 1.12rem;
    line-height: 1.7;
}

.security-backups-layer-card {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 22px 55px rgba(20,55,29,.08);
}

.security-backups-layer-card > p {
    margin: 0;
    padding: 24px 26px 12px;
}

.security-backups-layer-card div {
    display: grid;
    gap: 5px;
    padding: 20px 26px;
    border-top: 1px solid var(--line);
}

.security-backups-layer-card strong,
.security-backups-stack strong,
.security-backups-note-card h3 {
    color: var(--ink);
}

.security-backups-layer-card span,
.security-backups-stack span,
.security-backups-note-card p {
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.55;
}

.security-backups-overview,
.security-backups-acronis {
    background: var(--white);
}

.security-backups-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 42px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--line);
}

.security-backups-card-grid article {
    min-height: 265px;
    padding: 30px;
    background: var(--white);
}

.security-backups-card-grid h3 {
    margin: 64px 0 12px;
    color: var(--ink);
    font-size: 1.2rem;
}

.security-backups-card-grid p {
    margin: 0;
    color: var(--muted);
    font-size: .9rem;
    line-height: 1.7;
}

.security-backups-backups,
.security-backups-security {
    background: var(--soft);
}

.security-backups-split h2 {
    margin: 12px 0 18px;
    color: var(--ink);
    font-size: clamp(2.2rem, 5vw, 4rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.security-backups-split p {
    color: var(--muted);
    line-height: 1.72;
}

.security-backups-lead {
    color: var(--ink) !important;
    font-size: 1.08rem;
    font-weight: 650;
}

.backup-retention-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 26px;
}

.backup-retention-grid div {
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--white);
}

.backup-retention-grid strong,
.backup-retention-grid span {
    display: block;
}

.backup-retention-grid strong {
    color: var(--ink);
    font-size: 1.25rem;
}

.backup-retention-grid span {
    margin-top: 4px;
    color: var(--muted);
    font-size: .78rem;
}

.security-backups-screenshot {
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 18px 45px rgba(20,55,29,.06);
}

.security-backups-screenshot img {
    display: block;
    width: 100%;
    height: auto;
}

.security-backups-screenshot figcaption {
    padding: 13px 16px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: .76rem;
}

.security-backups-download {
    background: var(--white);
}

.security-backups-split-reverse > :first-child {
    order: 2;
}

.security-backups-note-card {
    padding: 32px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--soft-green);
}

.security-backups-note-card h3 {
    margin: 58px 0 12px;
    font-size: 1.35rem;
}

.security-backups-note-card p {
    margin: 0;
}

.security-backups-stack {
    display: grid;
    gap: 10px;
}

.security-backups-stack div {
    display: grid;
    gap: 4px;
    padding: 20px 22px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--soft);
}

.security-backups-stack b {
    justify-self: center;
    color: var(--green-dark);
}

.security-backups-cta {
    background: var(--green);
}

.security-backups-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 56px;
}

.security-backups-cta .eyebrow {
    color: #dff5e4;
}

.security-backups-cta h2 {
    margin: 10px 0 0;
    color: var(--white);
    font-size: clamp(2rem, 4vw, 3.3rem);
    letter-spacing: -.045em;
}

.security-backups-cta p:not(.eyebrow) {
    margin: 14px 0 0;
    color: #e4f5e8;
}

.security-backups-cta-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

@media (max-width: 960px) {
    .security-backups-hero-grid,
    .security-backups-split {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .security-backups-card-grid {
        grid-template-columns: 1fr;
    }

    .security-backups-split-reverse > :first-child {
        order: 0;
    }

    .security-backups-cta-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }
}

@media (max-width: 640px) {
    .security-backups-hero {
        padding: 62px 0 68px;
    }

    .security-backups-card-grid article,
    .security-backups-note-card {
        min-height: 0;
        padding: 26px 22px;
    }

    .backup-retention-grid {
        grid-template-columns: 1fr;
    }

    .security-backups-cta-actions {
        display: grid;
        width: 100%;
    }

    .security-backups-cta-actions .button {
        width: 100%;
    }
}


/* Security + Backups card presentation refinement */
.security-backups-screenshot {
    padding: 14px 14px 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 20px 48px rgba(20,55,29,.08);
}

.security-backups-screenshot img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 180px;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--soft);
}

.security-backups-screenshot figcaption {
    display: grid;
    gap: 4px;
    padding: 15px 4px 17px;
    border-top: 0;
}

.security-backups-screenshot figcaption strong {
    color: var(--ink);
    font-size: .9rem;
    font-weight: 800;
}

.security-backups-screenshot figcaption span {
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.5;
}

.security-backups-note-card {
    position: relative;
    padding: 32px;
    border: 1px solid rgba(40,167,69,.28);
    border-radius: var(--radius);
    background: var(--soft-green);
    box-shadow: 0 16px 40px rgba(20,55,29,.05);
}

.security-backups-note-card h3 {
    margin: 30px 0 14px;
    color: var(--ink);
    font-size: clamp(1.55rem, 3vw, 2rem);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.security-backups-note-card .feature-number {
    display: inline-block;
}

@media (max-width: 640px) {
    .security-backups-screenshot {
        padding: 10px 10px 0;
    }

    .security-backups-screenshot img {
        min-height: 120px;
    }

    .security-backups-note-card h3 {
        margin-top: 24px;
    }
}


/* Footer payment badges */
.footer-trust-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 18px;
}

.footer-trust-badges img {
    display: block;
    width: auto;
    height: auto;
    object-fit: contain;
}

.footer-trust-badges .footer-eway-seal {
    width: 293px;
    max-width: 100%;
}

.footer-trust-badges .footer-paypal-logo {
    width: 92px;
    max-width: 100%;
    border-radius: 5px;
}

@media (max-width: 640px) {
    .footer-trust-badges {
        margin-top: 16px;
        gap: 8px;
    }

    .footer-trust-badges .footer-eway-seal {
        width: 253px;
    }

    .footer-trust-badges .footer-paypal-logo {
        width: 87px;
    }
}


/* FTP help guide */
.support-settings-table-wrap {
    margin-top: 24px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--white);
}

.support-settings-table {
    width: 100%;
    border-collapse: collapse;
}

.support-settings-table th,
.support-settings-table td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
    font-size: .9rem;
    line-height: 1.5;
}

.support-settings-table th {
    width: 170px;
    background: var(--soft);
    color: var(--ink);
    font-weight: 750;
}

.support-settings-table td {
    color: var(--muted);
}

.support-settings-table tr:last-child th,
.support-settings-table tr:last-child td {
    border-bottom: 0;
}

.support-protocol-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    margin-top: 24px;
}

.support-protocol-grid div {
    display: grid;
    gap: 8px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--soft);
}

.support-protocol-grid strong,
.support-protocol-grid b,
.support-protocol-grid span {
    display: block;
}

.support-protocol-grid strong {
    color: var(--ink);
    font-size: 1.05rem;
}

.support-protocol-grid span {
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.55;
}

.support-protocol-grid b {
    color: var(--green-dark);
    font-size: .9rem;
}

@media (max-width: 640px) {
    .support-settings-table th,
    .support-settings-table td {
        padding: 12px 13px;
    }

    .support-settings-table th {
        width: 120px;
    }

    .support-protocol-grid {
        grid-template-columns: 1fr;
    }
}