/*
Theme Name:  MeroVPS
Theme URI:   https://www.merovps.com/blog
Author:      MeroVPS
Author URI:  https://www.merovps.com
Description: Official MeroVPS blog theme. Built with Tailwind CSS, matching the MeroVPS design system. Fully SEO-optimised at the theme layer — no plugin dependency for schema, meta, or canonical tags.
Version:     1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: merovps
Tags:        blog, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* ─── Shared site width ─────────────────────────────────────────────────────
   Header, page sections and footer use one outer alignment line. Narrower
   content measures inside these containers remain intentionally constrained. */
body {
    --site-container-width: 1536px;
    --header-container-width: 1536px;
}

/* ─── Homepage support ───────────────────────────────────────────────────── */
.home-support { padding: var(--space-section-lg) 40px; background: #fff; }
.home-support-shell { position: relative; display: grid; grid-template-columns: minmax(0,.92fr) minmax(480px,1.08fr); gap: clamp(48px,6vw,96px); align-items: center; max-width: var(--site-container-width); min-height: 620px; margin: 0 auto; padding: clamp(48px,6vw,88px); overflow: hidden; border: 1px solid rgba(82,113,255,.18); border-radius: 32px; color: #fff; background: linear-gradient(135deg,#14234a 0%,#2447a7 54%,#5271ff 100%); box-shadow: 0 30px 80px -52px rgba(24,55,145,.7); }
.home-support-orb { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(2px); }
.home-support-orb-one { width: 440px; height: 440px; top: -250px; right: 16%; background: rgba(255,255,255,.12); }
.home-support-orb-two { width: 360px; height: 360px; right: -150px; bottom: -210px; background: rgba(167,139,250,.3); }
.home-support-copy,.home-support-console { position: relative; z-index: 1; }
.home-support-eyebrow { display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin-bottom: 22px; padding: 8px 13px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; background: rgba(255,255,255,.1); font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.home-support-eyebrow .material-symbols-outlined { font-size: 17px; }
.home-support-copy h2 { max-width: 680px; margin: 0 0 22px; color: #fff; font-size: clamp(2.8rem,4.3vw,4.6rem); line-height: 1.02; }
.home-support-copy > p { max-width: 610px; margin: 0; color: rgba(255,255,255,.78); font-size: clamp(1rem,1.2vw,1.16rem); line-height: 1.68; }
.home-support-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.home-support-primary,.home-support-secondary { display: inline-flex; min-height: 50px; padding: 0 22px; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; font-size: 14px; font-weight: 750; transition: transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease; }
.home-support-primary { color: #2447a7; background: #fff; box-shadow: 0 14px 30px -18px rgba(0,0,0,.6); }
.home-support-primary .material-symbols-outlined { font-size: 19px; }
.home-support-secondary { color: #fff; border: 1px solid rgba(255,255,255,.32); background: rgba(255,255,255,.07); }
.home-support-primary:hover,.home-support-secondary:hover { transform: translateY(-2px); }
.home-support-primary:hover { box-shadow: 0 18px 36px -20px rgba(0,0,0,.7); }
.home-support-secondary:hover { border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.13); }
.home-support-primary:focus-visible,.home-support-secondary:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.home-support-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 38px 0 0; }
.home-support-stats > div { min-width: 0; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.22); }
.home-support-stats dt { color: rgba(255,255,255,.62); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.home-support-stats dd { margin: 6px 0 0; color: #fff; font-family: var(--font-brand-display); font-size: clamp(1.45rem,2vw,2rem); font-weight: 750; letter-spacing: -.035em; }
.home-support-console { padding: 18px; border: 1px solid rgba(255,255,255,.28); border-radius: 26px; background: rgba(247,249,255,.94); box-shadow: 0 36px 80px -42px rgba(3,12,42,.8); backdrop-filter: blur(24px); }
.home-support-console-head { display: flex; min-height: 42px; padding: 0 4px 14px; align-items: center; justify-content: space-between; gap: 16px; color: #68708a; border-bottom: 1px solid #e3e8f5; font-size: 11px; font-weight: 650; }
.home-support-status { display: inline-flex; align-items: center; gap: 7px; color: #178552; }
.home-support-status i { width: 8px; height: 8px; border-radius: 50%; background: #22c77a; box-shadow: 0 0 0 5px rgba(34,199,122,.12); }
.home-support-messages { display: flex; min-height: 350px; padding: 26px 8px 22px; flex-direction: column; justify-content: center; gap: 15px; }
.home-support-message { display: flex; width: min(88%,470px); align-items: flex-start; gap: 10px; }
.home-support-message.is-engineer { align-self: flex-end; flex-direction: row-reverse; }
.home-support-message.is-short { width: auto; }
.home-support-message img { width: 34px; height: 34px; flex: 0 0 34px; border: 2px solid #fff; border-radius: 50%; object-fit: cover; box-shadow: 0 4px 12px rgba(33,54,112,.12); }
.home-support-message small { display: flex; margin: 0 0 5px 2px; align-items: center; gap: 7px; color: #77809a; font-size: 10px; font-weight: 700; }
.home-support-message small span { padding: 2px 6px; border-radius: 99px; color: #178552; background: #e6f8ef; font-size: 8px; text-transform: uppercase; }
.home-support-message p { margin: 0; padding: 13px 15px; border: 1px solid #e3e8f5; border-radius: 5px 17px 17px 17px; color: #30384e; background: #fff; font-size: 13px; line-height: 1.55; box-shadow: 0 9px 24px -20px rgba(24,48,112,.7); }
.home-support-message.is-engineer p { color: #fff; border-color: transparent; border-radius: 17px 5px 17px 17px; background: #5271ff; }
.home-support-console-foot { display: flex; padding: 15px; align-items: center; gap: 10px; border-radius: 15px; color: #606a84; background: #eef2ff; }
.home-support-console-foot .material-symbols-outlined { color: #5271ff; font-size: 21px; }
.home-support-console-foot p { margin: 0; font-size: 11px; line-height: 1.45; }
.home-support-console-foot strong { color: #222b42; }
@media (max-width: 1100px) { .home-support-shell { grid-template-columns: 1fr; } .home-support-copy > p { max-width: 760px; } .home-support-console { max-width: 760px; } }
@media (max-width: 700px) { .home-support { padding: 72px 16px; } .home-support-shell { min-height: 0; padding: 34px 20px 22px; border-radius: 24px; } .home-support-copy h2 { font-size: clamp(2.35rem,11vw,3.25rem); } .home-support-actions { flex-direction: column; } .home-support-primary,.home-support-secondary { width: 100%; } .home-support-stats { grid-template-columns: 1fr; } .home-support-console { margin-top: 4px; padding: 12px; border-radius: 20px; } .home-support-console-head > span:last-child { display: none; } .home-support-messages { min-height: 0; padding: 20px 0; } .home-support-message { width: 96%; } }
@media (prefers-reduced-motion: reduce) { .home-support-primary,.home-support-secondary { transition: none; } }
.max-w-7xl { max-width: var(--site-container-width) !important; }

/* ─── Base resets (Tailwind handles most; these fill gaps) ─────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    --font-brand-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
    --font-brand-display: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;
    --space-section-sm: clamp(64px, 6vw, 88px);
    --space-section-lg: clamp(80px, 8vw, 112px);
    --measure-copy: 42rem;
    font-family: var(--font-brand-sans);
    background-color: #fbf8ff;
    color: #1a1b23;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: -0.008em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ─── Typography ────────────────────────────────────────────────────────────── */
button,
input,
select,
textarea,
.font-display-lg,
.font-headline-lg,
.font-headline-md,
.font-headline-sm,
.font-label-md,
.font-label-sm,
.merovps-marketing-page,
.stitch-home-header,
.stitch-home-hero,
.stitch-vps-features,
.stitch-us-benefits,
.stitch-faq-section {
    font-family: var(--font-brand-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-brand-display);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

h1 { font-weight: 700; letter-spacing: -0.045em; }
h2 { letter-spacing: -0.04em; }
h3 { line-height: 1.16; letter-spacing: -0.025em; }

.font-display-lg,
.font-headline-lg,
.font-headline-md,
.font-headline-sm {
    font-family: var(--font-brand-display) !important;
}

p,
li {
    text-wrap: pretty;
}

.merovps-marketing-page p,
.entry-content p,
.prose-merovps p {
    line-height: 1.65;
}

/* Nest-inspired content rhythm: compact headings, readable copy measures and
   consistent space between section introductions and their content. */
.merovps-marketing-page :is(h1, h2, h3) + p {
    max-width: var(--measure-copy);
}

.merovps-marketing-page :is(h2, h3) + p {
    margin-top: clamp(10px, 1.2vw, 16px);
}

.merovps-marketing-page :is(p, li) {
    line-height: 1.65;
}

.page-vps > section.py-24 {
    padding-top: var(--space-section-lg) !important;
    padding-bottom: var(--space-section-lg) !important;
}

.page-vps .vps-hero-grid h1 {
    margin-bottom: 30px;
    line-height: 0.98;
}

.page-vps .vps-hero-grid h1 > span:first-of-type {
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.02em;
    word-spacing: 0.06em;
}

.page-vps .vps-hero-grid > div > p {
    max-width: 38rem;
}

@media (max-width: 767px) {
    .page-vps .vps-hero-grid h1 {
        margin-bottom: 24px;
        line-height: 1.02;
    }

    .page-vps .vps-hero-grid h1 > span:first-of-type {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* Page-specific opening palettes. Each uses the homepage's quiet left-to-right
   color flow and a white lower fade, but retains a small visual identity for
   the product or page being introduced. */
body.page-template-page-vps,
body.page-template-page-vps-php {
    --page-hero-start: #edf4ff;
    --page-hero-mid: #f7f9fc;
    --page-hero-end: #fff3ed;
}
body.page-template-page-windows-vps,
body.page-template-page-windows-vps-php {
    --page-hero-start: #eaf4ff;
    --page-hero-mid: #f5f9ff;
    --page-hero-end: #eef4ff;
}
body.page-template-page-openclaw,
body.page-template-page-openclaw-php {
    --page-hero-start: #f0f2ff;
    --page-hero-mid: #faf8ff;
    --page-hero-end: #f7efff;
}
body.page-template-page-n8n-hosting,
body.page-template-page-n8n-hosting-php {
    --page-hero-start: #fff3ed;
    --page-hero-mid: #fcfaf8;
    --page-hero-end: #f2f1ff;
}
body.page-template-page-about,
body.page-template-page-about-php {
    --page-hero-start: #ecf8f7;
    --page-hero-mid: #f7fafc;
    --page-hero-end: #eef2ff;
}
body.page-template-page-contact,
body.page-template-page-contact-php {
    --page-hero-start: #eef5ff;
    --page-hero-mid: #fbfaf8;
    --page-hero-end: #fff3ee;
}

body.page-template-page-tally-on-cloud,
body.page-template-page-tally-on-cloud-php {
    --page-hero-start: #eef4ff;
    --page-hero-mid: #f8f9fd;
    --page-hero-end: #fff6f0;
}

body:is(
    .page-template-page-vps,
    .page-template-page-vps-php,
    .page-template-page-about,
    .page-template-page-about-php,
    .page-template-page-contact,
    .page-template-page-contact-php,
    .page-template-page-n8n-hosting,
    .page-template-page-n8n-hosting-php,
    .page-template-page-openclaw,
    .page-template-page-openclaw-php,
    .page-template-page-tally-on-cloud,
    .page-template-page-tally-on-cloud-php
) .merovps-marketing-page > section:first-child,
body:is(.page-template-page-windows-vps,.page-template-page-windows-vps-php) .merovps-marketing-page > section:first-child {
    background:
        linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 52%, #fff 100%),
        linear-gradient(100deg, var(--page-hero-start) 0%, var(--page-hero-mid) 48%, var(--page-hero-end) 100%) !important;
}

/* Imported hero glow layers should remain accents, not become a second band. */
body:not(.home) .merovps-marketing-page > section:first-child > .absolute.pointer-events-none {
    opacity: .58;
}

@media (max-width: 767px) {
    body:is(.page-template-page-windows-vps,.page-template-page-windows-vps-php) .merovps-marketing-page > section:first-child {
        min-height: auto;
        padding-top: 164px !important;
    }
}

.merovps-marketing-page :is(a, button),
.stitch-home-header :is(a, button) {
    letter-spacing: -0.01em;
}

.entry-content h2,
.prose-merovps h2 { font-size: 1.75rem; font-weight: 700; margin: 2.25rem 0 0.75rem; line-height: 1.15; letter-spacing: -0.035em; color: #1a1b23; }
.entry-content h3,
.prose-merovps h3 { font-size: 1.3rem; font-weight: 700; margin: 1.75rem 0 0.5rem; line-height: 1.2; letter-spacing: -0.02em; color: #1a1b23; }
.entry-content p,
.prose-merovps p  { font-size: 1.0625rem; margin-bottom: 1.25rem; line-height: 1.7; color: #444655; }
.entry-content ul, .entry-content ol { padding-left: 1.5rem; margin-bottom: 1.25rem; color: #444655; }
.entry-content li { margin-bottom: 0.4rem; line-height: 1.75; }
.entry-content a  { color: #5271ff; text-decoration: underline; text-underline-offset: 2px; }
.entry-content a:hover { color: #3b5bdb; }
.entry-content blockquote {
    border-left: 3px solid #5271ff;
    padding: 0.75rem 1.25rem;
    margin: 1.5rem 0;
    background: #f3f2fe;
    border-radius: 0 8px 8px 0;
    color: #444655;
    font-style: italic;
}
.entry-content code {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 0.875em;
    background: #eeedf9;
    padding: 0.15em 0.4em;
    border-radius: 4px;
    color: #5271ff;
}
.entry-content pre {
    background: #1a1b23;
    color: #e2e1ed;
    padding: 1.25rem;
    border-radius: 12px;
    overflow-x: auto;
    margin-bottom: 1.5rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.875rem;
}
.entry-content pre code { background: none; color: inherit; padding: 0; }
.entry-content img { max-width: 100%; height: auto; border-radius: 12px; margin: 1rem 0; }
.entry-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; }
.entry-content th, .entry-content td { padding: 0.75rem 1rem; border: 1px solid #c4c5d7; text-align: left; }
.entry-content th { background: #eeedf9; font-weight: 700; }

/* ─── Site footer ──────────────────────────────────────────────────────── */
.site-footer {
    background: #fff;
    font-family: var(--font-brand-sans);
}
.site-footer h2,
.site-footer h3 {
    font-family: var(--font-brand-display);
}
.site-footer a,
.site-footer button,
.site-footer li,
.site-footer p {
    font-family: var(--font-brand-sans);
}
.site-footer .material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
}
.site-footer .footer-intro {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: clamp(32px,5vw,80px);
    margin-bottom: 64px;
    padding: clamp(32px,4vw,56px);
    overflow: hidden;
    border: 1px solid rgba(82,113,255,.12);
    border-radius: 28px;
    background:
        radial-gradient(circle at 92% 0%,rgba(124,157,255,.2),transparent 34%),
        linear-gradient(135deg,#f8faff 0%,#fff 55%,#f5f8ff 100%);
    box-shadow: 0 30px 70px -56px rgba(35,77,218,.62), inset 0 1px 0 #fff;
}
.site-footer .footer-intro::after { content: ''; position: absolute; right: -70px; bottom: -110px; width: 260px; height: 260px; border: 1px solid rgba(82,113,255,.1); border-radius: 50%; box-shadow: 0 0 0 34px rgba(82,113,255,.025),0 0 0 68px rgba(82,113,255,.018); pointer-events: none; }
.site-footer .footer-intro > * { position: relative; z-index: 1; }
.footer-intro-label {
    display: inline-flex;
    margin-bottom: 17px;
    color: #5271ff;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.site-footer .footer-intro h2 { max-width: 760px; margin: 0; font-size: clamp(2.1rem,3.6vw,3.4rem); line-height: 1.04; letter-spacing: -.045em; }
.site-footer .footer-intro p { max-width: 650px; margin: 18px 0 0; color: #5c6678; font-size: 1rem; line-height: 1.7; }
.footer-intro-actions { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 12px; }
.footer-status { grid-column: 1/-1; display: inline-flex; width: max-content; margin-bottom: 4px; padding: 7px 11px; align-items: center; gap: 8px; border: 1px solid rgba(29,155,90,.15); border-radius: 999px; color: #27794a; background: rgba(237,249,241,.82); font-size: .7rem; font-weight: 750; }
.footer-status i { width: 7px; height: 7px; border-radius: 50%; background: #22b66d; box-shadow: 0 0 0 5px rgba(34,182,109,.1); }
.footer-intro-actions a { display: inline-flex; min-height: 48px; padding: 0 19px; align-items: center; justify-content: center; gap: 8px; border-radius: 13px; font-size: .86rem; font-weight: 750; transition: transform 160ms ease,border-color 160ms ease,background-color 160ms ease; }
.footer-intro-actions a:hover { transform: translateY(-2px); }
.footer-action-primary { color: #fff; background: #224dda; box-shadow: 0 14px 28px -20px rgba(35,77,218,.78); }
.footer-action-secondary { color: #263247; border: 1px solid rgba(82,113,255,.18); background: #fff; }
.footer-action-secondary:hover { border-color: rgba(82,113,255,.4); }
.footer-intro-actions .material-symbols-outlined { font-size: 19px; }
.site-footer .footer-links-grid { margin-bottom: 34px; padding: clamp(26px,3vw,40px); border: 1px solid rgba(82,113,255,.09); border-radius: 24px; background: linear-gradient(180deg,#fff,#fbfcff); box-shadow: 0 24px 60px -56px rgba(35,77,218,.52); }
.site-footer .footer-links-grid > div { position: relative; padding-left: 16px; }
.site-footer .footer-links-grid > div::before { content: ''; position: absolute; top: 2px; bottom: 2px; left: 0; width: 2px; border-radius: 99px; background: linear-gradient(180deg,#5271ff,rgba(82,113,255,.08)); opacity: .46; }
.site-footer .footer-links-grid h3 {
    display: flex;
    margin-bottom: 22px;
    align-items: center;
    gap: 8px;
    color: #1d2940;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .11em;
}
.site-footer .footer-links-grid h3::after {
    content: '';
    width: 22px;
    height: 1px;
    background: rgba(82,113,255,.28);
}
.site-footer .footer-links-grid ul { display: grid; gap: 13px; }
.site-footer .footer-links-grid ul.space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0; }
.site-footer .footer-links-grid li { position: relative; }
.site-footer .footer-links-grid a {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    color: #59667d;
    font-size: .9rem;
    font-family: var(--font-brand-sans);
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: -.006em;
    text-decoration: none;
    transition: color 150ms ease,transform 150ms ease;
}
.site-footer .footer-links-grid a::before {
    content: '';
    width: 0;
    height: 5px;
    margin-right: 0;
    border-radius: 50%;
    background: #5271ff;
    opacity: 0;
    transform: scale(.4);
    transition: width 150ms ease,margin-right 150ms ease,opacity 150ms ease,transform 150ms ease;
}
.site-footer .footer-links-grid a:hover { color: #224dda; transform: translateX(2px); }
.site-footer .footer-links-grid a:hover::before,
.site-footer .footer-links-grid a:focus-visible::before { width: 5px; margin-right: 7px; opacity: 1; transform: scale(1); }
.site-footer .footer-links-grid a:focus-visible { color: #224dda; outline: 2px solid rgba(82,113,255,.55); outline-offset: 4px; border-radius: 3px; }
.site-footer .footer-watermark-bg { position: absolute; right: 0; bottom: 74px; left: 0; z-index: 0; display: flex; height: 210px; align-items: flex-end; justify-content: center; overflow: hidden; pointer-events: none; user-select: none; }
.site-footer .footer-watermark-bg img { display: block; width: min(760px,72vw); height: auto; opacity: .12; filter: contrast(1.08); transform: translateY(34%); }
.site-footer .footer-payments {
    margin: 0 0 34px;
    padding: 20px 22px;
    border: 1px solid rgba(82,113,255,.1);
    border-radius: 16px;
    background: linear-gradient(90deg,#fafbff,#fff);
}
.site-footer .footer-payments > span:not(:first-child) { padding: 7px 11px; border-color: rgba(82,113,255,.12); border-radius: 8px; background: #fff; box-shadow: 0 8px 18px -16px rgba(35,77,218,.5); }
.site-footer .footer-bottom {
    position: relative;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 22px;
    border-top: 0;
    background: #f8faff;
    box-shadow: 0 0 0 100vmax #f8faff;
    clip-path: inset(0 -100vmax);
}
.site-footer .footer-bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 1px;
    background: rgba(82,113,255,.13);
    transform: translateX(-50%);
}
.site-footer .footer-bottom img { opacity: .78; }
.site-footer .footer-bottom nav a:hover { color: #224dda; }

@media (max-width: 900px) {
    .site-footer .footer-intro { grid-template-columns: 1fr; align-items: start; }
}
@media (max-width: 560px) {
    .site-footer { padding-top: 72px; }
    .site-footer .footer-intro { margin-bottom: 48px; padding: 28px 22px; border-radius: 22px; }
    .footer-intro-actions { width: 100%; grid-template-columns: 1fr; align-items: stretch; }
    .footer-status { grid-column: 1; }
    .footer-intro-actions a { width: 100%; }
    .site-footer .footer-links-grid { gap: 34px 22px; }
    .site-footer .footer-links-grid a { font-size: .875rem; }
    .site-footer .footer-watermark-bg { bottom: 92px; height: 150px; }
    .site-footer .footer-watermark-bg img { width: 88vw; opacity: .13; }
    .site-footer .footer-payments { padding: 18px; }
    .site-footer .footer-bottom > div:first-child { flex-direction: column; gap: 18px; }
}

/* ─── Text gradient (brand) ─────────────────────────────────────────────────── */
.text-gradient {
    background: linear-gradient(135deg, #5271ff 0%, #7C9FFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ─── Stitch homepage header + hero ───────────────────────────────────────── */
.stitch-home-header,
.home .stitch-home-hero {
    font-family: var(--font-brand-sans);
}

/* Keep wide decorative/interactive homepage sections from contributing an
   intrinsic minimum width to the body on small screens. */
body.home {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}

.home .merovps-marketing-page,
.stitch-home-header,
.home .stitch-home-hero {
    width: 100%;
    max-width: 100vw;
    min-width: 0;
}

.stitch-home-header {
    /* Overlay the controls on the hero color field. Keeping this wrapper in
       normal flow created a full-width rectangular band around the pill nav. */
    position: absolute;
    inset: 0 0 auto;
    min-height: 0;
    background: transparent;
}

.stitch-home-header > header {
    transition: transform 160ms ease-out, opacity 140ms ease-out;
}

.stitch-home-header > header.is-floating {
    position: fixed;
    top: 12px;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 1000;
    width: min(calc(100% - 32px), var(--header-container-width));
    max-width: var(--header-container-width);
    padding-top: 0;
    padding-inline: 0;
    margin-inline: auto;
    background: transparent;
    transform: none;
}

/* The fixed wrapper must remain visually empty; only the nav is the rounded
   surface. This avoids a second square/rounded box around the pill. */
.stitch-home-header > header.scrolled {
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
}

.stitch-home-header > header.is-floating nav,
.stitch-home-header > header.is-floating #stitch-mobile-menu {
    width: 100%;
}

.stitch-home-header > header.scrolled nav {
    position: relative;
    overflow: visible;
    isolation: isolate;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 9999px;
    box-shadow: 0 4px 14px -10px rgba(15, 23, 42, 0.28);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Dropdowns extend beyond the floating pill. Keep them in the same stacking
   context without clipping them when the header enters its scrolled state. */
.stitch-home-header > header.is-floating .stitch-product-menu,
.stitch-home-header > header.is-floating .stitch-hosting-dropdown {
    isolation: auto;
}
.stitch-home-header > header.is-floating .stitch-hosting-dropdown {
    z-index: 1100;
}

.stitch-home-header > header.is-scroll-hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(-100% - 24px));
}

@media (prefers-reduced-motion: reduce) {
    .stitch-home-header > header {
        transition: none;
    }
}

/* ─── Dedicated server page ──────────────────────────────────────────────── */
body.page-template-page-dedicated-server,
body.page-template-page-dedicated-server-php {
    --page-hero-start: #eef4ff;
    --page-hero-mid: #f8f9fc;
    --page-hero-end: #fff1eb;
    overflow-x: hidden;
}

body:is(.page-template-page-dedicated-server, .page-template-page-dedicated-server-php) .stitch-home-header {
    position: absolute;
    inset: 0 0 auto;
    min-height: 0;
    background: transparent;
}

body:is(.page-template-page-dedicated-server, .page-template-page-dedicated-server-php) .merovps-marketing-page > section:first-child {
    min-height: min(100vh, 960px);
    padding-top: 190px;
    background:
        linear-gradient(180deg, transparent 0%, rgba(255,255,255,.08) 54%, #fff 100%),
        linear-gradient(100deg, var(--page-hero-start) 0%, var(--page-hero-mid) 48%, var(--page-hero-end) 100%);
}

.page-dedicated-server { color: #1a1b23; }
.page-dedicated-server .container-custom { width: min(calc(100% - 32px), var(--site-container-width)); margin-inline: auto; }
.page-dedicated-server .ds-hero { padding-bottom: 7rem; }
.page-dedicated-server .ds-orb { position: absolute; border-radius: 999px; filter: blur(2px); pointer-events: none; }
.page-dedicated-server .ds-orb-one { width: 42rem; height: 42rem; right: -17rem; top: 5rem; background: radial-gradient(circle, rgba(82,113,255,.16), transparent 68%); }
.page-dedicated-server .ds-orb-two { width: 28rem; height: 28rem; left: -12rem; bottom: -8rem; background: radial-gradient(circle, rgba(255,154,108,.12), transparent 68%); }
.page-dedicated-server .ds-hero-grid { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(420px, .97fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.page-dedicated-server .ds-hero-grid > * { min-width: 0; }
.page-dedicated-server .ds-kicker { display: inline-flex; align-items: center; gap: .5rem; width: fit-content; padding: .48rem .85rem; border: 1px solid rgba(82,113,255,.2); border-radius: 999px; background: rgba(82,113,255,.08); color: #405fe7; font-size: .75rem; line-height: 1; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.page-dedicated-server .ds-kicker .material-symbols-outlined { font-size: 1rem; }
.page-dedicated-server .ds-hero h1 { max-width: 760px; margin: 1.5rem 0; font-size: clamp(3rem, 5.5vw, 5.25rem); line-height: .98; letter-spacing: -.065em; font-weight: 800; }
.page-dedicated-server .ds-lead { max-width: 670px; margin: 0 0 2rem; color: #575a6b; font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.65; }
.page-dedicated-server .ds-check-list { display: grid; gap: .9rem; margin: 0 0 2rem; padding: 0; list-style: none; }
.page-dedicated-server .ds-check-list li { display: flex; align-items: flex-start; gap: .75rem; color: #30323c; font-weight: 650; }
.page-dedicated-server .ds-check-list .material-symbols-outlined { color: #5271ff; font-size: 1.25rem; font-variation-settings: 'FILL' 1; }
.page-dedicated-server .ds-actions { display: flex; flex-wrap: wrap; gap: .85rem; }
.page-dedicated-server .ds-button { display: inline-flex; min-height: 3.25rem; align-items: center; justify-content: center; gap: .55rem; padding: .8rem 1.35rem; border: 1.5px solid #5271ff; border-radius: 999px; font-size: .9rem; font-weight: 780; line-height: 1.1; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.page-dedicated-server .ds-button:hover { transform: translateY(-2px); }
.page-dedicated-server .ds-button-primary { background: #5271ff; color: #fff; box-shadow: 0 12px 28px rgba(82,113,255,.22); }
.page-dedicated-server .ds-button-primary:hover { background: #4363f1; box-shadow: 0 16px 34px rgba(82,113,255,.3); }
.page-dedicated-server .ds-button-secondary { background: #fff; color: #405fe7; }
.page-dedicated-server .ds-button-secondary:hover { background: #f6f8ff; }
.page-dedicated-server .ds-note { margin: 1rem 0 0; color: #747686; font-size: .78rem; font-weight: 650; }
.page-dedicated-server .ds-server-visual { padding: 1.35rem; border: 1px solid rgba(82,113,255,.2); border-radius: 1.75rem; background: linear-gradient(145deg, #111629, #1b2549); box-shadow: 0 30px 80px rgba(31,42,85,.22); }
.page-dedicated-server .ds-server-topline { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; color: #eef2ff; font-size: .75rem; font-weight: 700; }
.page-dedicated-server .ds-server-topline > span { width: .55rem; height: .55rem; border-radius: 50%; background: #42d392; box-shadow: 0 0 0 5px rgba(66,211,146,.1); }
.page-dedicated-server .ds-server-topline strong { margin-left: auto; padding: .3rem .55rem; border-radius: 999px; background: rgba(82,113,255,.24); color: #afbcff; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }
.page-dedicated-server .ds-rack { display: grid; gap: .75rem; padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 1.25rem; background: rgba(7,10,21,.6); }
.page-dedicated-server .ds-rack-unit { display: flex; align-items: center; gap: .65rem; min-height: 4rem; padding: .8rem 1rem; border: 1px solid rgba(255,255,255,.11); border-radius: .75rem; background: linear-gradient(180deg, #252d48, #171d31); color: #dbe2ff; }
.page-dedicated-server .ds-rack-unit .ds-rack-status { width: .48rem; height: .48rem; border-radius: 50%; background: #42d392; box-shadow: 0 0 10px #42d392; }
.page-dedicated-server .ds-rack-unit b { min-width: 5rem; font: 700 .7rem/1 ui-monospace, monospace; letter-spacing: .08em; }
.page-dedicated-server .ds-rack-unit i { display: block; width: 1.25rem; height: .32rem; border-radius: 999px; background: #5271ff; opacity: .7; }
.page-dedicated-server .ds-rack-unit em { margin-left: auto; color: #42d392; font: 700 .6rem/1 ui-monospace, monospace; }
.page-dedicated-server .ds-server-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: 1rem; }
.page-dedicated-server .ds-server-metrics div { padding: .85rem .4rem; border: 1px solid rgba(255,255,255,.1); border-radius: .8rem; background: rgba(255,255,255,.055); text-align: center; }
.page-dedicated-server .ds-server-metrics strong { display: block; color: #fff; font-size: .9rem; }
.page-dedicated-server .ds-server-metrics span { color: #9ca8cd; font-size: .65rem; }

.page-dedicated-server .ds-section { padding: clamp(5rem, 8vw, 8rem) 0; }
.page-dedicated-server .ds-section-heading { max-width: 790px; margin: 0 auto clamp(2.5rem, 5vw, 4.5rem); text-align: center; }
.page-dedicated-server .ds-section-heading .ds-kicker { margin-inline: auto; }
.page-dedicated-server .ds-section-heading h2,
.page-dedicated-server .ds-control-section h2,
.page-dedicated-server .ds-support-panel h2 { margin: 1.15rem 0 .85rem; font-size: clamp(2.2rem, 4vw, 3.8rem); line-height: 1.04; letter-spacing: -.055em; font-weight: 800; }
.page-dedicated-server .ds-section-heading p,
.page-dedicated-server .ds-control-section p,
.page-dedicated-server .ds-support-panel p { color: #656879; font-size: 1.05rem; line-height: 1.7; }
.page-dedicated-server .ds-plans-section { background: #f7f8ff; }
.page-dedicated-server .ds-plan-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; align-items: stretch; }
.page-dedicated-server .ds-plan-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 2rem 1.6rem; border: 1px solid #dfe2ec; border-radius: 1.4rem; background: #fff; box-shadow: 0 18px 45px rgba(31,42,85,.06); }
.page-dedicated-server .ds-plan-card.is-featured { border: 2px solid #5271ff; box-shadow: 0 24px 58px rgba(82,113,255,.16); }
.page-dedicated-server .ds-popular { position: absolute; top: 0; right: 1.5rem; transform: translateY(-50%); padding: .45rem .75rem; border-radius: 999px; background: #5271ff; color: #fff; font-size: .65rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.page-dedicated-server .ds-plan-eyebrow { color: #747686; font-size: .75rem; font-weight: 650; }
.page-dedicated-server .ds-plan-card h3 { margin: .45rem 0 1.6rem; font-size: 1.6rem; letter-spacing: -.035em; }
.page-dedicated-server .ds-quote { display: grid; gap: .2rem; min-height: 4.4rem; margin-bottom: 1.25rem; }
.page-dedicated-server .ds-quote strong { font-size: 1.45rem; letter-spacing: -.03em; }
.page-dedicated-server .ds-quote span { color: #747686; font-size: .72rem; }
.page-dedicated-server .ds-plan-card .ds-button { width: 100%; border-radius: .8rem; }
.page-dedicated-server .ds-plan-card ul { display: grid; gap: .8rem; margin: 1.5rem 0 0; padding: 1.5rem 0 0; border-top: 1px solid #e5e7ef; list-style: none; }
.page-dedicated-server .ds-plan-card li { display: flex; gap: .55rem; color: #444655; font-size: .8rem; font-weight: 650; line-height: 1.35; }
.page-dedicated-server .ds-plan-card li span { color: #5271ff; font-size: 1rem; }
.page-dedicated-server .ds-included { margin-top: 1.5rem; padding: 2rem; border: 1px solid #dce2f8; border-radius: 1.3rem; background: #edf1ff; }
.page-dedicated-server .ds-included h3 { margin: 0 0 1.25rem; text-align: center; font-size: 1.35rem; }
.page-dedicated-server .ds-included > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem 2rem; }
.page-dedicated-server .ds-included span { color: #3f4250; font-size: .85rem; font-weight: 650; }
.page-dedicated-server .ds-included i { margin-right: .55rem; color: #5271ff; font-style: normal; }
.page-dedicated-server .ds-features-section { background: #fff; }
.page-dedicated-server .ds-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #e2e4ec; border-radius: 1.4rem; overflow: hidden; }
.page-dedicated-server .ds-feature-card { min-height: 17rem; padding: 2rem; background: #fff; }
.page-dedicated-server .ds-feature-card:nth-child(-n+3) { border-bottom: 1px solid #e2e4ec; }
.page-dedicated-server .ds-feature-card:not(:nth-child(3n)) { border-right: 1px solid #e2e4ec; }
.page-dedicated-server .ds-feature-card > span { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .9rem; background: #edf1ff; color: #5271ff; }
.page-dedicated-server .ds-feature-card h3 { margin: 2rem 0 .7rem; font-size: 1.25rem; }
.page-dedicated-server .ds-feature-card p { margin: 0; color: #656879; font-size: .9rem; line-height: 1.65; }
.page-dedicated-server .ds-control-section { background: linear-gradient(135deg,#f2f5ff,#fff8f4); }
.page-dedicated-server .ds-control-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem,7vw,7rem); align-items: center; }
.page-dedicated-server .ds-option-list { display: grid; gap: .75rem; margin: 2rem 0; }
.page-dedicated-server .ds-option-list span { display: grid; grid-template-columns: 10rem 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #dfe2ec; }
.page-dedicated-server .ds-option-list b { font-size: .9rem; }
.page-dedicated-server .ds-option-list small { color: #656879; font-size: .85rem; }
.page-dedicated-server .ds-text-link { display: inline-flex; align-items: center; gap: .4rem; color: #5271ff; font-weight: 750; text-decoration: none; }
.page-dedicated-server .ds-console { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 1.3rem; background: #111629; box-shadow: 0 28px 70px rgba(31,42,85,.2); }
.page-dedicated-server .ds-console-bar { display: flex; align-items: center; gap: .45rem; padding: 1rem; background: #0a0e1c; }
.page-dedicated-server .ds-console-bar i { width: .65rem; height: .65rem; border-radius: 50%; background: #ff5f57; }
.page-dedicated-server .ds-console-bar i:nth-child(2) { background: #febc2e; }.page-dedicated-server .ds-console-bar i:nth-child(3) { background: #28c840; }
.page-dedicated-server .ds-console-bar span { margin-left: auto; color: #68718e; font: .75rem ui-monospace, monospace; }
.page-dedicated-server .ds-console-body { min-height: 23rem; padding: 2rem; font: .88rem/2 ui-monospace, monospace; color: #d9e0f4; }
.page-dedicated-server .ds-console-body p { margin: 0; color: #d9e0f4; font: inherit; }.page-dedicated-server .ds-console-body b { color: #5271ff; }.page-dedicated-server .ds-console-body em { display: inline-block; width: 4rem; color: #42d392; font-style: normal; }.page-dedicated-server .ds-cursor { color: #5271ff; }
.page-dedicated-server .ds-use-section { background: #fff; }
.page-dedicated-server .ds-use-grid { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid #e2e4ec; border-radius: 1.4rem; overflow: hidden; }
.page-dedicated-server .ds-use-grid article { padding: 2.3rem; }.page-dedicated-server .ds-use-grid article:nth-child(-n+2) { border-bottom: 1px solid #e2e4ec; }.page-dedicated-server .ds-use-grid article:nth-child(odd) { border-right: 1px solid #e2e4ec; }
.page-dedicated-server .ds-use-grid .material-symbols-outlined { color: #5271ff; font-size: 1.8rem; }.page-dedicated-server .ds-use-grid h3 { margin: 1.1rem 0 .6rem; font-size: 1.35rem; }.page-dedicated-server .ds-use-grid p { margin: 0; color: #656879; line-height: 1.65; }
.page-dedicated-server .ds-support-section { padding-top: 2rem; background: #fff; }
.page-dedicated-server .ds-support-panel { display: grid; grid-template-columns: 1.35fr .65fr; gap: 4rem; align-items: end; padding: clamp(2rem,5vw,4rem); border: 1px solid #dce2f8; border-radius: 1.75rem; background: radial-gradient(circle at 90% 20%,rgba(82,113,255,.18),transparent 36%),linear-gradient(130deg,#f7f9ff,#fff); box-shadow: 0 20px 55px rgba(31,42,85,.07); }
.page-dedicated-server .ds-support-actions { display: grid; gap: 1rem; }.page-dedicated-server .ds-support-actions > span { color: #747686; font-size: .75rem; line-height: 1.5; text-align: center; }

@media (max-width: 1100px) {
    .page-dedicated-server .ds-hero-grid { grid-template-columns: 1fr 420px; gap: 3rem; }
    .page-dedicated-server .ds-plan-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 820px) {
    body:is(.page-template-page-dedicated-server, .page-template-page-dedicated-server-php) .merovps-marketing-page > section:first-child { min-height: auto; padding-top: 164px; }
    .page-dedicated-server .ds-hero { padding-bottom: 5rem; }
    .page-dedicated-server .ds-hero-grid,.page-dedicated-server .ds-control-grid,.page-dedicated-server .ds-support-panel { grid-template-columns: 1fr; }
    .page-dedicated-server .ds-server-visual { max-width: 620px; width: 100%; }
    .page-dedicated-server .ds-feature-grid { grid-template-columns: 1fr 1fr; }
    .page-dedicated-server .ds-feature-card:nth-child(n) { border-right: 0; border-bottom: 1px solid #e2e4ec; }.page-dedicated-server .ds-feature-card:nth-child(odd) { border-right: 1px solid #e2e4ec; }.page-dedicated-server .ds-feature-card:nth-last-child(-n+2) { border-bottom: 0; }
    .page-dedicated-server .ds-included > div { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 580px) {
    .page-dedicated-server .container-custom { width: min(calc(100% - 24px), var(--site-container-width)); }
    .page-dedicated-server .ds-hero h1 { max-width: 100%; font-size: clamp(2.35rem,11.5vw,3rem); overflow-wrap: break-word; }
    .page-dedicated-server .ds-actions { display: grid; grid-template-columns: 1fr; }
    .page-dedicated-server .ds-actions .ds-button { width: 100%; }
    .page-dedicated-server .ds-server-visual,.page-dedicated-server .ds-rack { min-width: 0; max-width: 100%; }
    .page-dedicated-server .ds-plan-grid,.page-dedicated-server .ds-feature-grid,.page-dedicated-server .ds-use-grid { grid-template-columns: 1fr; }
    .page-dedicated-server .ds-feature-card:nth-child(n),.page-dedicated-server .ds-use-grid article:nth-child(n) { border-right: 0; border-bottom: 1px solid #e2e4ec; }.page-dedicated-server .ds-feature-card:last-child,.page-dedicated-server .ds-use-grid article:last-child { border-bottom: 0; }
    .page-dedicated-server .ds-included > div { grid-template-columns: 1fr; }
    .page-dedicated-server .ds-option-list span { grid-template-columns: 1fr; gap: .35rem; }
    .page-dedicated-server .ds-server-metrics { grid-template-columns: 1fr; }.page-dedicated-server .ds-rack-unit i:nth-of-type(n+2) { display: none; }
    .page-dedicated-server .ds-plan-card,.page-dedicated-server .ds-feature-card,.page-dedicated-server .ds-use-grid article { padding: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
    .page-dedicated-server .ds-button { transition: none; }.page-dedicated-server .ds-button:hover { transform: none; }
}

/* Inner pages reserve the header's natural height; only the homepage overlays
   it on its opening gradient. */
body:not(.home) .stitch-home-header {
    position: relative;
    inset: auto;
    min-height: 137px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(250,251,253,.52) 68%, #f8fafc 100%),
        linear-gradient(100deg, #edf4fe 0%, #f8fafc 48%, #fff8f4 100%);
}

/* ─── Dynamic blog color fields ────────────────────────────────────────────
   Blog surfaces receive a deterministic palette class from functions.php.
   The shared header overlays the first region, matching the homepage and
   preventing a separately rendered gradient band. */
.merovps-blog-palette-0 { --blog-field: linear-gradient(100deg,#edf4fe 0%,#f7f9fc 45%,#fff2ec 100%); --blog-accent-soft: #dce5ff; }
.merovps-blog-palette-1 { --blog-field: linear-gradient(105deg,#edeaff 0%,#f5f3ff 48%,#eaf3ff 100%); --blog-accent-soft: #dcd7ff; }
.merovps-blog-palette-2 { --blog-field: linear-gradient(105deg,#e8f8f2 0%,#f5fbf8 48%,#e9f1ff 100%); --blog-accent-soft: #cceee1; }
.merovps-blog-palette-3 { --blog-field: linear-gradient(105deg,#fff0f1 0%,#fff8f5 48%,#f0edff 100%); --blog-accent-soft: #f8dadd; }

body.merovps-blog-surface .stitch-home-header {
    position: absolute;
    inset: 0 0 auto;
    min-height: 0;
    background: transparent;
}
body.merovps-blog-surface .stitch-home-header .glass-effect {
    background: rgba(255,255,255,.72);
    border-color: rgba(255,255,255,.8);
}
body.blog.merovps-blog-surface .blog-home-hero,
body.category.merovps-blog-surface .blog-category-hero,
body.author.merovps-blog-surface .author-profile {
    background: var(--blog-field);
}
body.blog.merovps-blog-surface .blog-home-hero,
body.category.merovps-blog-surface .blog-category-hero {
    padding-top: 213px !important;
}
body.author.merovps-blog-surface .author-profile {
    padding-top: 185px;
}
body.single-post.merovps-blog-surface .post-detail-hero__copy {
    padding-top: max(190px,7vw);
    background: var(--blog-field);
}
body.single-post.merovps-blog-surface .post-detail-hero__media {
    background-color: var(--blog-accent-soft);
}
@media (max-width: 900px) {
    body.single-post.merovps-blog-surface .post-detail-hero__copy { padding-top: 181px; }
}
@media (max-width: 767px) {
    body.blog.merovps-blog-surface .blog-home-hero,
    body.category.merovps-blog-surface .blog-category-hero { padding-top: 181px !important; }
    body.author.merovps-blog-surface .author-profile { padding-top: 165px; }
}

/* ─── Blog detail hero ───────────────────────────────────────────────────── */
.single-post .post-detail-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); min-height: 540px; background: #f1f4f7; }
.single-post .post-detail-hero__copy { display: flex; min-width: 0; padding: clamp(64px,7vw,108px) clamp(32px,8vw,160px); flex-direction: column; align-items: flex-start; justify-content: center; }
.single-post .post-detail-hero__category { margin-bottom: 16px; color: #343741; font-size: .92rem; font-weight: 650; text-decoration: none; }
.single-post .post-detail-hero h1 { max-width: 720px; margin: 0; color: #292b32; font-family: var(--font-brand-display); font-size: clamp(2.45rem,3.7vw,4.25rem); font-weight: 750; line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
.single-post .post-detail-hero__meta { display: flex; margin-top: 30px; align-items: center; flex-wrap: wrap; gap: 10px; color: #30323a; font-size: .88rem; font-weight: 560; }
.single-post .post-detail-hero__author { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.single-post .post-detail-hero__avatar { width: 38px; height: 38px; border: 2px solid #fff; border-radius: 50%; object-fit: cover; }
.single-post .post-detail-hero__actions { display: flex; margin-top: 34px; flex-wrap: wrap; gap: 12px; }
.single-post .post-detail-hero__actions a { display: inline-flex; min-height: 52px; padding: 0 24px; align-items: center; justify-content: center; gap: 9px; border-radius: 999px; font-size: .93rem; font-weight: 700; text-decoration: none; transition: transform .2s ease,box-shadow .2s ease,background-color .2s ease; }
.single-post .post-detail-hero__primary { color: #fff; background: #17181c; }
.single-post .post-detail-hero__secondary { color: #fff; background: #5271ff; box-shadow: 0 12px 25px -16px rgba(82,113,255,.8); }
.single-post .post-detail-hero__actions a:hover { color: #fff; transform: translateY(-2px); }
.single-post .post-detail-hero__actions a:focus-visible { outline: 3px solid rgba(82,113,255,.35); outline-offset: 3px; }
.single-post .post-detail-hero__media { display: grid; min-width: 0; min-height: 540px; overflow: hidden; place-items: center; color: #5271ff; background: #ddd8f5; }
.single-post .post-detail-hero__media img { width: 100%; height: 100%; min-height: 540px; object-fit: cover; }
.single-post .post-detail-hero__media > .material-symbols-outlined { font-size: clamp(5rem,10vw,10rem); opacity: .3; }
@media (max-width: 900px) { .single-post .post-detail-hero { grid-template-columns: 1fr; }.single-post .post-detail-hero__copy { padding: 64px max(24px,6vw); }.single-post .post-detail-hero__media,.single-post .post-detail-hero__media img { min-height: 360px; max-height: 520px; } }
@media (max-width: 520px) { .single-post .post-detail-hero__copy { padding: 48px 20px; }.single-post .post-detail-hero h1 { font-size: clamp(2.2rem,11vw,3rem); }.single-post .post-detail-hero__actions { display: grid; width: 100%; }.single-post .post-detail-hero__actions a { width: 100%; }.single-post .post-detail-hero__meta { gap: 8px; }.single-post .post-detail-hero__media,.single-post .post-detail-hero__media img { min-height: 280px; } }
@media (prefers-reduced-motion: reduce) { .single-post .post-detail-hero__actions a { transition: none; } }

/* ─── Author archive ─────────────────────────────────────────────────────── */
.author-archive { color: #25272e; background: #fff; }
.author-profile { padding: clamp(52px,7vw,88px) 24px; background: #eff2fa; }
.author-profile__inner { width: min(100%, 920px); margin-inline: auto; }
.author-profile__heading { display: flex; align-items: center; gap: 24px; }
.author-profile__avatar { width: 88px; height: 88px; flex: 0 0 auto; border: 3px solid #fff; border-radius: 50%; object-fit: cover; box-shadow: 0 4px 14px rgba(31,42,85,.08); }
.author-profile__heading h1 { display: flex; margin: 0; align-items: baseline; flex-wrap: wrap; gap: 8px; color: #16171b; font-family: var(--font-brand-display); font-size: clamp(1.55rem,3vw,2rem); line-height: 1.25; letter-spacing: -.025em; }
.author-profile__heading h1 strong { font-weight: 800; }.author-profile__heading h1 span { font-weight: 450; }
.author-profile__details { display: grid; grid-template-columns: minmax(0,1fr) minmax(160px,.32fr); gap: clamp(40px,7vw,90px); margin-top: 28px; padding-top: 28px; border-top: 1px solid rgba(37,39,46,.68); }
.author-profile__bio { max-width: 650px; font-size: 1rem; line-height: 1.65; }.author-profile__bio p { margin: 0; }
.author-profile__links { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; }
.author-profile__links a { display: inline-flex; align-items: center; gap: 6px; color: #5271ff; font-size: .95rem; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.author-profile__links a span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 2px; color: #fff; background: #5271ff; font-size: 11px; font-weight: 800; text-decoration: none; }
.author-posts { padding: clamp(64px,8vw,104px) 24px; }
.author-posts__inner { width: min(100%, 1380px); margin-inline: auto; }
.author-posts h2 { margin: 0 0 clamp(42px,6vw,68px); color: #111216; font-family: var(--font-brand-display); font-size: clamp(2rem,3.4vw,2.7rem); font-weight: 800; text-align: center; letter-spacing: -.035em; }
.author-posts__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(28px,3vw,48px); }
.author-post-card { min-width: 0; }
.author-post-card__image { display: grid; overflow: hidden; aspect-ratio: 16/9; margin-bottom: 20px; place-items: center; border-radius: 7px; color: #6356d8; background: #dedafa; }
.author-post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }.author-post-card:hover .author-post-card__image img { transform: scale(1.035); }
.author-post-card__image > .material-symbols-outlined { font-size: 64px; opacity: .38; }
.author-post-card__category { color: #343741; font-size: .9rem; text-decoration: none; }
.author-post-card h3 { margin: 12px 0 0; font-family: var(--font-brand-display); font-size: clamp(1.35rem,2vw,1.72rem); font-weight: 760; line-height: 1.2; letter-spacing: -.025em; }
.author-post-card h3 a { color: #30323a; text-decoration: none; }.author-post-card h3 a:hover { color: #5271ff; }
.author-post-card p { margin: 16px 0 0; color: #818696; font-size: .95rem; line-height: 1.55; }
.author-posts .navigation.pagination { margin-top: 64px; }.author-posts .nav-links { display: flex; justify-content: center; gap: 8px; }.author-posts .page-numbers { min-width: 40px; padding: 9px 12px; border: 1px solid #dfe2ec; border-radius: 999px; color: #444655; text-align: center; text-decoration: none; }.author-posts .page-numbers.current { color: #fff; border-color: #5271ff; background: #5271ff; }
.author-posts__empty { text-align: center; color: #747686; }
.author-archive a:focus-visible { outline: 3px solid rgba(82,113,255,.35); outline-offset: 3px; }
@media (max-width: 820px) { .author-profile__details { grid-template-columns: 1fr; gap: 28px; }.author-posts__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .author-profile { padding-inline: 20px; }.author-profile__heading { align-items: flex-start; flex-direction: column; gap: 16px; }.author-profile__avatar { width: 76px; height: 76px; }.author-profile__heading h1 { display: grid; }.author-posts { padding-inline: 20px; }.author-posts__grid { grid-template-columns: 1fr; gap: 44px; } }
@media (prefers-reduced-motion: reduce) { .author-post-card__image img { transition: none; } }

/* Continue the shared homepage color field through the VPS header and hero so
   the floating navigation does not sit inside a separate rectangular band. */
body.page-template-page-vps .stitch-home-header,
body.page-template-page-vps-php .stitch-home-header {
    background:
        linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(248,250,252,.52) 68%, #f8fafc 100%),
        linear-gradient(100deg, #edf4fe 0%, #f7f9fc 43%, #faf8f6 70%, #fff2ec 100%);
}

/* Inner-page heroes start from the same neutral edge as the shared header.
   Their page-specific color can build gradually below the navigation instead
   of creating a full-width band at the header boundary. */
body:not(.home) .merovps-marketing-page > section:first-child {
    border-top: 0;
    background-color: #f8fafc;
}

/* Marketing pages use the same opening composition as the homepage: the
   transparent shared header sits over the first hero, allowing that hero to
   own one continuous background. Blog, archive and utility templates retain
   the normal-flow inner-page header above. */
body:is(
    .page-template-page-vps,
    .page-template-page-vps-php,
    .page-template-page-about,
    .page-template-page-about-php,
    .page-template-page-contact,
    .page-template-page-contact-php,
    .page-template-page-n8n-hosting,
    .page-template-page-n8n-hosting-php,
    .page-template-page-openclaw,
    .page-template-page-openclaw-php,
    .page-template-page-tally-on-cloud,
    .page-template-page-tally-on-cloud-php,
    .page-template-page-windows-vps,
    .page-template-page-windows-vps-php
) .stitch-home-header {
    position: absolute;
    inset: 0 0 auto;
    min-height: 0;
    background: transparent;
}

body:is(
    .page-template-page-vps,
    .page-template-page-vps-php,
    .page-template-page-about,
    .page-template-page-about-php,
    .page-template-page-contact,
    .page-template-page-contact-php,
    .page-template-page-n8n-hosting,
    .page-template-page-n8n-hosting-php,
    .page-template-page-openclaw,
    .page-template-page-openclaw-php,
    .page-template-page-tally-on-cloud,
    .page-template-page-tally-on-cloud-php,
    .page-template-page-windows-vps,
    .page-template-page-windows-vps-php
) .merovps-marketing-page > section:first-child {
    min-height: calc(100vh - 1px);
    padding-top: 190px !important;
}

@media (max-width: 767px) {
    body:is(
        .page-template-page-vps,
        .page-template-page-vps-php,
        .page-template-page-about,
        .page-template-page-about-php,
        .page-template-page-contact,
        .page-template-page-contact-php,
        .page-template-page-n8n-hosting,
        .page-template-page-n8n-hosting-php,
        .page-template-page-openclaw,
        .page-template-page-openclaw-php,
        .page-template-page-tally-on-cloud,
        .page-template-page-tally-on-cloud-php,
        .page-template-page-windows-vps,
        .page-template-page-windows-vps-php
    ) .merovps-marketing-page > section:first-child {
        min-height: auto;
        padding-top: 164px !important;
    }
}

.home .mesh-gradient {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(248, 251, 255, 0.12) 48%, #ffffff 100%),
        linear-gradient(
            100deg,
            #edf4fe 0%,
            #f7f9fc 43%,
            #faf8f6 70%,
            #fff2ec 100%
        );
}

.home .stitch-home-hero {
    min-height: 100vh;
    /* 133px header footprint + the original 80px hero top spacing. */
    padding-top: 213px;
}

.home .container-custom {
    /* Arithmetic inside min() must be wrapped in calc(). Without it browsers
       discard this declaration and max-content children widen the page. */
    width: min(calc(100% - 32px), var(--site-container-width));
    margin-inline: auto;
}

.stitch-home-header .container-custom {
    width: min(calc(100% - 32px), var(--header-container-width));
    margin-inline: auto;
}

.home .glass-effect {
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.76);
    box-shadow: 0 16px 50px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.74);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
}

.stitch-home-header .glass-effect {
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.76);
    box-shadow: 0 16px 50px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.74);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
}

.stitch-hosting-dropdown {
    position: absolute;
    top: calc(100% + 18px);
    left: 50%;
    z-index: 80;
    width: 300px;
    padding: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 48px -18px rgba(15, 23, 42, 0.28);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -6px);
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.stitch-hosting-dropdown::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 18px;
}

.stitch-hosting-dropdown.is-open,
.stitch-hosting-menu:hover .stitch-hosting-dropdown,
.stitch-ai-menu:hover .stitch-product-dropdown,
.stitch-resource-menu:hover .stitch-product-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.stitch-hosting-menu:hover .stitch-hosting-chevron,
#stitch-hosting-menu-btn[aria-expanded='true'] .stitch-hosting-chevron,
#stitch-mobile-hosting-btn[aria-expanded='true'] .stitch-hosting-chevron {
    transform: rotate(180deg);
}

.stitch-ai-menu:hover .stitch-ai-chevron,
#stitch-ai-menu-btn[aria-expanded='true'] .stitch-ai-chevron,
#stitch-mobile-ai-btn[aria-expanded='true'] .stitch-ai-chevron {
    transform: rotate(180deg);
}

.stitch-resource-menu:hover .stitch-resource-chevron,
#stitch-resource-menu-btn[aria-expanded='true'] .stitch-resource-chevron,
#stitch-mobile-resource-btn[aria-expanded='true'] .stitch-resource-chevron {
    transform: rotate(180deg);
}

.stitch-hosting-chevron,
.stitch-ai-chevron,
.stitch-resource-chevron {
    transition: transform 160ms ease;
}

.stitch-hosting-dropdown a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    color: #334155;
    border-radius: 13px;
    transition: color 140ms ease, background-color 140ms ease;
}

.stitch-hosting-dropdown a:hover,
.stitch-hosting-dropdown a:focus-visible {
    color: #045dc3;
    background: #f3f7ff;
}

.stitch-hosting-dropdown a > .material-symbols-outlined {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    color: #045dc3;
    border-radius: 10px;
    background: #edf4ff;
    font-size: 20px;
}

.stitch-hosting-dropdown strong,
.stitch-hosting-dropdown small {
    display: block;
}

.stitch-hosting-dropdown strong {
    font-size: 14px;
    line-height: 1.3;
}

.stitch-hosting-dropdown small {
    margin-top: 3px;
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
}

.home .primary-glow {
    background: linear-gradient(135deg, #045dc3 0%, #004697 100%);
    box-shadow: 0 22px 46px rgba(4, 93, 195, 0.24), 0 6px 16px rgba(4, 93, 195, 0.18);
}

.home .blob {
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 9999px;
    pointer-events: none;
    background:
        radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 36%),
        radial-gradient(circle, rgba(4, 93, 195, 0.22), rgba(4, 93, 195, 0) 68%);
    filter: blur(4px);
}

.stitch-home-header .bg-primary,
.home .stitch-home-hero .bg-primary {
    background-color: #045dc3 !important;
}

.stitch-home-header .text-primary,
.home .stitch-home-hero .text-primary,
.stitch-home-header .hover\:text-primary:hover,
.home .stitch-home-hero .hover\:text-primary:hover,
.home .stitch-home-hero .group:hover .group-hover\:text-primary {
    color: #045dc3 !important;
}

.home .stitch-home-hero .hover\:border-primary\/50:hover {
    border-color: rgba(4, 93, 195, 0.5) !important;
}

.home .stitch-home-hero h1 {
    letter-spacing: -0.035em;
}

.home .stitch-home-hero > .container-custom > a {
    display: flex;
    min-height: 166px;
    flex-direction: column;
    border-color: rgba(255, 255, 255, 0.78);
    transform: translateY(0);
}

.home .stitch-home-hero > .container-custom > a:hover {
    transform: translateY(-4px);
}

.home .stitch-home-hero > .container-custom > a > .mt-4 {
    margin-top: auto;
    padding-top: 16px;
}

/* ─── Homepage performance stack auto-slider ───────────────────────────── */
#performance-stack {
    background: linear-gradient(180deg, #fff 0%, #f7f9ff 100%);
}

#performance-stack .perf-tab-btn {
    position: relative;
    min-height: 112px;
    padding: 24px 56px 24px 22px;
    overflow: hidden;
    border-width: 0 0 1px;
    border-color: #e2e8f0;
    border-radius: 0;
    background: transparent;
    color: #475569;
}

#performance-stack .perf-tab-btn:first-child { border-top: 1px solid #e2e8f0; }
#performance-stack .perf-tab-btn:hover { background: rgba(4, 93, 195, .035); }
#performance-stack .perf-tab-btn.active {
    border-color: #e2e8f0;
    background: linear-gradient(90deg, rgba(4, 93, 195, .055), transparent 80%);
    color: #0f172a;
}

#performance-stack .perf-tab-btn h3 { font-size: 1.2rem; letter-spacing: -.02em; }
#performance-stack .perf-tab-btn > .material-symbols-outlined {
    position: absolute;
    right: 20px;
    color: #045dc3;
}

#performance-stack .perf-tab-btn::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: #045dc3;
    transform: scaleX(0);
    transform-origin: left;
}

#performance-stack .perf-tab-btn.active::after {
    animation: perf-tab-progress 6s linear forwards;
}

#performance-stack.is-paused .perf-tab-btn.active::after { animation-play-state: paused; }

@keyframes perf-tab-progress { to { transform: scaleX(1); } }

#performance-stack .perf-stage {
    min-height: 520px;
    isolation: isolate;
    border-color: rgba(4, 93, 195, .12);
    border-radius: 28px;
    background: linear-gradient(145deg, #eef5ff 0%, #fff 58%, #f7f2ff 100%);
    box-shadow: 0 28px 70px -38px rgba(4, 58, 130, .35);
}

#performance-stack .perf-stage::before {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    right: -120px;
    top: -130px;
    border-radius: 50%;
    background: rgba(82, 113, 255, .12);
    filter: blur(2px);
}

#performance-stack .perf-tab-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .82fr);
    gap: 32px;
    align-items: center;
    padding: 4px;
}

#performance-stack .perf-tab-content > :not(.perf-dashboard) { grid-column: 1; }
#performance-stack .perf-dashboard {
    grid-column: 2;
    grid-row: 1 / span 3;
    padding: 20px;
    border: 1px solid rgba(4, 93, 195, .13);
    border-radius: 20px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 18px 45px -28px rgba(15, 23, 42, .4);
    margin-right: 2px;
}

.perf-dashboard-head,
.perf-metric,
.perf-resource > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.perf-dashboard-head { color: #64748b; font-size: 11px; font-weight: 700; }
.perf-dashboard-head strong { color: #059669; text-transform: uppercase; letter-spacing: .06em; }
.perf-metric { margin-top: 24px; color: #64748b; font-size: 12px; }
.perf-metric strong { color: #0f172a; font: 700 1.65rem/1 var(--font-brand-display); }
.perf-chart { display: flex; height: 112px; gap: 8px; align-items: end; margin-top: 22px; }
.perf-chart i { flex: 1; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #4f73ff, #b5c7ff); }
.perf-security-orb { display: grid; width: 108px; height: 108px; margin: 30px auto 6px; place-items: center; border-radius: 50%; color: #045dc3; background: radial-gradient(circle, #fff 35%, #dce9ff 36%, #edf4ff 68%); box-shadow: 0 0 0 12px rgba(4,93,195,.05); }
.perf-security-orb span { font-size: 42px; }
.perf-resource { margin-top: 24px; }
.perf-resource > span { color: #64748b; font-size: 11px; font-weight: 600; }
.perf-resource b { color: #0f172a; }
.perf-resource > i { display: block; height: 8px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: #e5eaf2; }
.perf-resource em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #045dc3, #668cff); }

@media (max-width: 900px) {
    #performance-stack .perf-tab-content { grid-template-columns: 1fr; overflow-y: auto; }
    #performance-stack .perf-dashboard { grid-column: 1; grid-row: auto; }
    #performance-stack .perf-stage { min-height: 720px; }
}

@media (prefers-reduced-motion: reduce) {
    #performance-stack .perf-tab-btn.active::after { animation: none; transform: scaleX(1); }
}

/* ─── WordPress optimization feature grid ──────────────────────────────── */
#infrastructure {
    background:
        radial-gradient(circle at 0 50%, rgba(82, 113, 255, .12), transparent 34%),
        radial-gradient(circle at 100% 48%, rgba(183, 111, 255, .08), transparent 32%),
        #fbfcff;
}

.wp-opt-header { max-width: 820px; margin: 0 auto 58px; }
.wp-opt-label {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 6px 13px;
    border: 1px solid rgba(4, 93, 195, .14);
    border-radius: 999px;
    color: #045dc3;
    background: rgba(4, 93, 195, .07);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.wp-opt-header h2 { margin: 0; font-size: clamp(2.3rem, 4.5vw, 4rem); line-height: 1.02; }
.wp-opt-header p { max-width: 720px; margin: 20px auto 0; color: #556070; font-size: 1.08rem; line-height: 1.7; }

.wp-opt-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #e0e7f0;
    border-radius: 24px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 26px 70px -52px rgba(15, 23, 42, .42);
}
.wp-opt-card {
    min-height: 300px;
    padding: clamp(28px, 3vw, 46px);
    border-right: 1px solid #e0e7f0;
    border-bottom: 1px solid #e0e7f0;
    transition: background-color 180ms ease, transform 180ms ease;
}
.wp-opt-card:nth-child(3n) { border-right: 0; }
.wp-opt-card:nth-child(n+4) { border-bottom: 0; }
.wp-opt-card:hover { background: linear-gradient(145deg, rgba(239,245,255,.8), #fff); }
.wp-opt-icon {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 28px;
    place-items: center;
    border-radius: 50%;
    font-size: 23px;
}
.wp-opt-icon-blue { color: #045dc3; background: #edf4ff; }
.wp-opt-icon-orange { color: #e86f19; background: #fff3e8; }
.wp-opt-icon-purple { color: #7c3aed; background: #f3edff; }
.wp-opt-icon-green { color: #16875a; background: #ecf8f1; }
.wp-opt-card h3 { margin: 0 0 18px; color: #101828; font-size: 1.35rem; line-height: 1.18; }
.wp-opt-card p { margin: 0; color: #475467; font-size: .97rem; line-height: 1.65; }
.wp-opt-cta {
    display: flex;
    width: max-content;
    margin: 36px auto 0;
    padding: 13px 22px;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    color: #fff;
    background: #045dc3;
    box-shadow: 0 14px 28px -18px rgba(4, 93, 195, .8);
    font-size: .94rem;
    font-weight: 700;
    transition: transform 160ms ease, box-shadow 160ms ease;
}
.wp-opt-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 32px -18px rgba(4, 93, 195, .85); }
.wp-opt-cta span { font-size: 19px; }

@media (max-width: 900px) {
    .wp-opt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wp-opt-card:nth-child(3n) { border-right: 1px solid #e0e7f0; }
    .wp-opt-card:nth-child(2n) { border-right: 0; }
    .wp-opt-card:nth-child(n+4) { border-bottom: 1px solid #e0e7f0; }
    .wp-opt-card:nth-child(n+5) { border-bottom: 0; }
}

@media (max-width: 600px) {
    .wp-opt-header { margin-bottom: 38px; }
    .wp-opt-grid { grid-template-columns: 1fr; border-radius: 18px; }
    .wp-opt-card { min-height: 0; border-right: 0 !important; border-bottom: 1px solid #e0e7f0 !important; }
    .wp-opt-card:last-child { border-bottom: 0 !important; }
    .wp-opt-icon { margin-bottom: 22px; }
    .wp-opt-cta { width: 100%; justify-content: center; }
}

/* ─── Applications product showcase ────────────────────────────────────── */
#pricing {
    background:
        radial-gradient(circle at 82% 0%, rgba(82,113,255,.08), transparent 28%),
        linear-gradient(180deg,#fbfcff 0%,#f7f9ff 100%);
}
#pricing .pricing-header {
    display: grid;
    grid-template-columns: minmax(340px,1fr) auto auto;
    align-items: center;
    gap: clamp(24px,3vw,48px);
    margin-bottom: 52px;
}
#pricing .pricing-header > div:first-child { max-width: 660px; }
#pricing .pricing-header h2 { font-size: clamp(2.25rem,3.4vw,3.35rem); line-height: 1.05; letter-spacing: -.045em; }
#pricing .pricing-header p { margin-top: 16px; line-height: 1.7; }
#pricing-tabs {
    padding: 5px;
    border: 1px solid rgba(82,113,255,.1);
    border-radius: 16px;
    background: rgba(238,242,255,.84);
}
#pricing-tabs .pricing-tab { min-height: 46px; justify-content: center; border-radius: 12px; white-space: nowrap; }
#pricing #billing-toggle { flex-shrink: 0; }
#pricing-grid {
    align-items: stretch !important;
    gap: clamp(10px,1vw,16px);
    padding-top: 20px !important;
}
#pricing-grid .home-price-card {
    width: 100%;
    height: 100%;
    min-height: 690px;
    padding: clamp(24px,2vw,30px) !important;
    border-color: rgba(82,113,255,.12) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 56px -46px rgba(35,77,218,.5) !important;
    transform: none !important;
}
#pricing-grid .home-price-card:not(.is-featured):hover {
    border-color: rgba(82,113,255,.34) !important;
    box-shadow: 0 26px 58px -42px rgba(35,77,218,.48) !important;
    transform: translateY(-4px) !important;
}
#pricing-grid .home-price-card.is-featured {
    z-index: 2;
    border: 2px solid #5271ff !important;
    background: #fff !important;
    box-shadow: 0 26px 58px -38px rgba(35,77,218,.58) !important;
}
#pricing-grid .home-price-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    padding: 6px 15px;
    border: 3px solid #f8faff;
    border-radius: 999px;
    color: #fff;
    background: #5271ff;
    box-shadow: 0 8px 20px -12px rgba(35,77,218,.75);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    transform: translateX(-50%);
}
#pricing-grid .home-price-cta { margin-top: auto; min-height: 48px; border-radius: 13px !important; }
#pricing-grid .home-price-renewal {
    display: inline-flex;
    min-height: 38px;
    margin-bottom: 4px;
    padding: 8px 10px;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(27,143,78,.14);
    border-radius: 9px;
    color: #237a46;
    background: #edf9f1;
    font-size: .72rem;
    line-height: 1.35;
}
#pricing-grid .home-price-renewal > span:first-child { flex-shrink: 0; font-size: 16px; }
#pricing-grid .home-price-renewal strong { font-weight: 750; }
#pricing-grid .home-price-card.is-featured .home-price-cta {
    border-color: #224dda !important;
    background: linear-gradient(90deg,#1d428f,#0866d8) !important;
    box-shadow: 0 14px 28px -18px rgba(35,77,218,.78) !important;
}
#pricing-grid .home-price-card:not(.is-featured) .home-price-cta:hover { color: #fff !important; border-color: #5271ff !important; background: #5271ff !important; }
#pricing .mt-2xl { margin-top: 42px; padding-top: 24px; border-top: 1px solid rgba(82,113,255,.1); }

@media (max-width: 1180px) {
    #pricing .pricing-header { grid-template-columns: 1fr auto; }
    #pricing .pricing-header > div:first-child { grid-column: 1/-1; }
}
@media (max-width: 767px) {
    #pricing .pricing-header { display: flex; margin-bottom: 36px; align-items: stretch; gap: 18px; }
    #pricing-tabs { width: 100%; overflow-x: auto; }
    #pricing-tabs > div { flex: 1 0 auto; }
    #pricing-grid .home-price-card { min-height: 0; }
}

#optimized-apps { background: #fff; }
#optimized-apps > div { max-width: var(--site-container-width); }
.app-showcase-header { max-width: 780px; text-align: left; }
.app-showcase-header h2 {
    max-width: 720px;
    font-size: clamp(2.25rem, 4vw, 3.75rem);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -.045em;
    text-wrap: balance;
}
.app-showcase-header p {
    max-width: 640px;
    margin-top: 20px;
    font-size: clamp(1rem, 1.3vw, 1.1rem);
    line-height: 1.7;
    text-wrap: pretty;
}
.app-showcase {
    position: relative;
    width: calc(100% + max(0px, calc((100vw - var(--site-container-width)) / 2)) + 40px);
}
.app-showcase-controls { position: absolute; inset: 50% 16px auto -22px; z-index: 6; display: flex; justify-content: space-between; gap: 10px; margin: 0; pointer-events: none; transform: translateY(-50%); }
.app-showcase-controls button {
    display: grid; width: 48px; height: 48px; place-items: center;
    border: 1px solid rgba(4, 93, 195, .18); border-radius: 50%;
    color: #fff; background: #045dc3; box-shadow: 0 12px 28px -18px rgba(4,93,195,.72); pointer-events: auto; transition: transform 150ms ease, opacity 150ms ease;
}
.app-showcase-controls button:hover { transform: translateY(-2px); }
.app-showcase-controls button:focus-visible,
.app-product-copy a:focus-visible { outline: 2px solid #5271ff; outline-offset: 4px; }
.app-showcase-controls button:disabled { opacity: .35; cursor: not-allowed; transform: none; }
.app-showcase-viewport { overflow: hidden; }
.app-showcase-track { display: flex; gap: 24px; cursor: grab; touch-action: pan-y; transition: transform 520ms cubic-bezier(.22,1,.36,1); will-change: transform; }
.app-showcase-track:active { cursor: grabbing; }
.app-product-card {
    display: grid; grid-template-columns: minmax(210px, .82fr) minmax(0, 1.18fr);
    min-width: calc(40% - 14.4px); min-height: 470px; overflow: hidden;
    border-radius: 26px; color: #fff; background: #102f38;
    box-shadow: 0 26px 64px -42px rgba(6, 35, 44, .65);
}
.app-product-visual { position: relative; display: grid; min-width: 0; padding: 30px; place-items: center; overflow: hidden; }
.app-product-visual::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 15% 5%, rgba(255,255,255,.65), transparent 37%); opacity: .55; }
.app-visual-wordpress { background: linear-gradient(145deg, #d9dfff, #7fb6ec 48%, #08c87c); }
.app-visual-n8n { background: linear-gradient(145deg, #ffe7d1, #ff866f 52%, #7c4dff); }
.app-visual-openclaw { background: linear-gradient(145deg, #dbe7ff, #5271ff 48%, #1b1844); }
.app-visual-tally { background: linear-gradient(145deg, #e0f4ff, #39a8cd 48%, #006a6a); }
.app-product-copy { display: flex; padding: clamp(30px, 3vw, 48px); flex-direction: column; justify-content: center; }
.app-product-kicker { margin-bottom: 16px; color: #a8d3da; font-size: 11px; font-weight: 700; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; }
.app-product-copy h3 {
    max-width: 620px;
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(1.75rem, 2.2vw, 2.4rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
}
.app-product-copy p { max-width: 610px; margin: 0 0 30px; color: #d8e5e7; font-size: clamp(.9rem, 1vw, 1rem); line-height: 1.68; text-wrap: pretty; }
.app-product-copy a { display: inline-flex; width: max-content; padding: 8px 8px 8px 20px; align-items: center; gap: 14px; border-radius: 12px; color: #102f38; background: #fff; font-size: .95rem; font-weight: 700; letter-spacing: -.01em; }
.app-product-copy a span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 9px; color: #fff; background: #045dc3; }
.app-float-note { position: absolute; right: 18px; bottom: 24px; z-index: 3; display: flex; padding: 11px 14px; align-items: center; gap: 8px; border-radius: 12px; color: #0f2940; background: rgba(255,255,255,.92); box-shadow: 0 14px 32px -20px rgba(15,23,42,.6); font-size: 11px; font-weight: 700; }
.app-float-note span { color: #045dc3; font-size: 18px; }
.app-window, .workflow-canvas, .assistant-chat, .tally-dashboard { position: relative; z-index: 2; width: min(100%, 340px); border: 1px solid rgba(255,255,255,.3); border-radius: 18px; background: rgba(6,32,40,.9); box-shadow: 0 28px 55px -28px rgba(0,0,0,.7); }
.app-window-top { display: flex; padding: 12px; align-items: center; gap: 6px; border-bottom: 1px solid rgba(255,255,255,.1); color: #afc0c5; font-size: 10px; }
.app-window-top i { width: 7px; height: 7px; border-radius: 50%; background: #ff806f; }.app-window-top i:nth-child(2){background:#ffd25f}.app-window-top i:nth-child(3){background:#50d890}.app-window-top span{margin-left:5px}
.app-window-body { display: flex; padding: 34px 24px; flex-direction: column; align-items: center; text-align: center; }.app-window-body > span{font-size:38px;color:#8fc0ff}.app-window-body strong{margin-top:12px;font-size:1rem;letter-spacing:-.02em}.app-window-body small{margin-top:7px;color:#9bafb5;font-size:11px;line-height:1.55}.app-health{display:flex;width:100%;margin-top:24px;padding:11px;justify-content:space-between;border-radius:10px;background:rgba(255,255,255,.06);font-size:10px}.app-health b{color:#69e2a3}
.workflow-canvas { height: 300px; background: rgba(20,15,42,.88); }.workflow-canvas svg{position:absolute;inset:0;width:100%;height:100%}.workflow-canvas path{fill:none;stroke:#d9b7ff;stroke-width:2;stroke-dasharray:6 5}.workflow-node{position:absolute;z-index:2;display:flex;padding:10px;align-items:center;gap:6px;border-radius:10px;background:#fff;color:#30214e;font-size:11px;font-weight:700}.workflow-node i{font-size:16px}.node-one{left:20px;top:48px}.node-two{right:24px;top:28px}.node-three{right:30px;bottom:28px}
.assistant-chat { display:flex;padding:22px;flex-direction:column;gap:14px;background:rgba(16,20,58,.88)}.assistant-chat>div{display:flex;align-items:flex-start;gap:8px}.assistant-chat span{font-size:18px;color:#8eadff}.assistant-chat p{margin:0;padding:10px 12px;border-radius:4px 12px 12px 12px;color:#dce5ff;background:rgba(255,255,255,.08);font-size:10px;line-height:1.5}.assistant-chat .is-user{justify-content:flex-end}.assistant-chat .is-user p{border-radius:12px 4px 12px 12px;background:#5271ff}
.tally-dashboard{padding:24px;background:rgba(0,58,65,.88)}.tally-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.tally-title>span{color:#72e5e1}.tally-title small{color:#77d5ad}.tally-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.tally-stats div{padding:15px;border-radius:12px;background:rgba(255,255,255,.07)}.tally-stats span,.tally-access span{display:block;color:#8db0b5;font-size:9px}.tally-stats b{display:block;margin-top:7px;font-size:20px}.tally-access{margin-top:12px;padding:15px;border-radius:12px;background:rgba(255,255,255,.07)}.tally-access i{display:block;height:6px;margin:10px 0;border-radius:9px;background:rgba(255,255,255,.1)}.tally-access em{display:block;width:100%;height:100%;border-radius:inherit;background:#50d8a0}.tally-access b{color:#69e2a3;font-size:10px}

@media (max-width: 850px) {
    .app-showcase { width: calc(100% + 16px); }
    .app-showcase-controls { right: 8px; left: -16px; }
    .app-product-card { grid-template-columns: 1fr; min-width: 100%; min-height: 0; }
    .app-product-visual { min-height: 390px; padding: 30px; }
    .app-product-copy { padding: 38px 30px 42px; }
}
@media (min-width: 851px) and (max-width: 1199px) {
    .app-showcase { width: calc(100% + 24px); }
    .app-product-card { min-width: calc(50% - 12px); grid-template-columns: 1fr; }
    .app-product-visual { min-height: 300px; }
}
@media (max-width: 560px) {
    .app-showcase-header { margin-bottom: 42px; }
    .app-showcase-header h2 { font-size: clamp(2.25rem, 10vw, 2.75rem); line-height: 1.08; letter-spacing: -.04em; }
    .app-showcase-header p { margin-top: 16px; font-size: .98rem; line-height: 1.65; }
    .app-showcase-controls { justify-content: space-between; }
    .app-product-card { min-width: 100%; border-radius: 20px; }
    .app-product-visual { min-height: 330px; padding: 22px; }
    .app-product-copy { padding: 32px 24px 36px; }
    .app-product-copy h3 { margin-bottom: 18px; font-size: 2.15rem; line-height: 1.1; }
    .app-product-copy p { margin-bottom: 30px; font-size: .98rem; line-height: 1.68; }
    .app-product-copy a { width: 100%; justify-content: space-between; }
}

/* ─── Managed migration accordion ──────────────────────────────────────── */
#data-centres.dc-section { padding: var(--space-section-lg) 0; overflow: hidden; background: #f7f9ff; }
.dc-shell { width: min(100%, var(--site-container-width)); margin-inline: auto; }
.dc-heading { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); align-items: end; gap: 48px; margin-bottom: 54px; }
.dc-eyebrow { display: inline-flex; margin-bottom: 18px; color: #5271ff; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.dc-heading h2 { max-width: 760px; margin: 0; font-size: clamp(2.5rem,4.5vw,4.2rem); line-height: 1.02; letter-spacing: -.05em; }
.dc-heading p { max-width: 560px; margin: 0; color: #5a6475; font-size: 1.06rem; line-height: 1.7; }
.dc-layout { display: grid; grid-template-columns: minmax(340px,.78fr) minmax(0,1.22fr); align-items: stretch; gap: clamp(24px,3vw,42px); }
.dc-map-card { position: relative; order: 2; aspect-ratio: 901/690; min-height: 560px; overflow: hidden; border: 1px solid rgba(82,113,255,.16); border-radius: 28px; background: linear-gradient(145deg,#f8faff,#e9efff); box-shadow: 0 30px 80px -52px rgba(21,48,110,.48); }
.dc-map-status { position: absolute; top: 22px; left: 24px; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: #cdd8ef; background: rgba(7,15,34,.7); font-size: .72rem; font-weight: 700; }
.dc-map-status i { width: 7px; height: 7px; border-radius: 50%; background: #40d892; box-shadow: 0 0 0 5px rgba(64,216,146,.12); }
.dc-map-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: .96; filter: drop-shadow(0 22px 30px rgba(82,113,255,.14)); }
.dc-map-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 48% 42%,rgba(255,255,255,.12),transparent 58%); }
.dc-map-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,transparent 68%,rgba(35,77,218,.07)); }
.dc-map { position: relative; z-index: 1; display: block; width: 100%; height: 100%; }
.dc-map > rect,.dc-land { display: none; }
.dc-routes path { fill: none; stroke: rgba(35,77,218,.48); stroke-width: 1.5; stroke-dasharray: 5 8; animation: dc-route 13s linear infinite; }
@keyframes dc-route { to { stroke-dashoffset: -130; } }
.dc-marker { cursor: pointer; opacity: .58; transition: opacity 180ms ease; }
.dc-marker > circle:not(.dc-marker-pulse) { fill: #5271ff; stroke: #fff; stroke-width: 2; }
.dc-marker-pulse {
    fill: rgba(82,113,255,.18);
    stroke: rgba(35,77,218,.48);
    transform-box: fill-box;
    transform-origin: 50% 50%;
    vector-effect: non-scaling-stroke;
}
.dc-marker text { fill: #10275d; font: 800 9px var(--font-brand-sans); letter-spacing: .02em; text-anchor: middle; paint-order: stroke; stroke: rgba(255,255,255,.92); stroke-width: 3px; }
.dc-marker-edge > path { fill: none; stroke: rgba(35,77,218,.55); stroke-width: 1.5; }
.dc-marker.is-active { opacity: 1; }
.dc-marker.is-active > circle:not(.dc-marker-pulse) { fill: #fff; stroke: #5271ff; stroke-width: 4; }
.dc-marker.is-active .dc-marker-pulse { animation: dc-pulse 2.2s ease-out infinite; }
@keyframes dc-pulse { 0% { transform: scale(.55); opacity: 1; } 100% { transform: scale(1.6); opacity: 0; } }
.dc-options { order: 1; display: flex; margin-top: 0; flex-direction: column; gap: 12px; }
.dc-option { display: grid; grid-template-columns: auto 1fr auto; width: 100%; padding: 17px 18px; align-items: center; gap: 14px; border: 1px solid rgba(82,113,255,.12); border-radius: 18px; color: #263247; background: rgba(255,255,255,.78); text-align: left; transition: border-color 160ms ease, background 160ms ease, transform 160ms ease; }
.dc-option:hover { border-color: rgba(82,113,255,.34); transform: translateX(3px); }
.dc-option.is-active { border-color: rgba(82,113,255,.42); background: #fff; box-shadow: 0 16px 38px -32px rgba(35,77,218,.65); }
.dc-flag { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: #f0f3ff; font-size: 1.4rem; }
.dc-option strong,.dc-option small { display: block; }
.dc-option strong { font-size: 1rem; }
.dc-option small { margin-top: 3px; color: #738097; font-size: .76rem; }
.dc-option > i { color: #8090aa; font-size: 20px; transition: transform 160ms ease,color 160ms ease; }
.dc-option.is-active > i { color: #5271ff; transform: translateX(3px); }
.dc-detail { display: flex; flex: 1; margin-top: 2px; padding: clamp(26px,3vw,38px); justify-content: center; flex-direction: column; border-radius: 22px; color: #fff; background: linear-gradient(145deg,#224dda,#5271ff); box-shadow: 0 26px 60px -42px rgba(35,77,218,.75); }
.dc-detail > span { display: block; margin-bottom: 14px; color: #d4ddff; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.dc-detail > span { margin-bottom: 13px; }
.dc-detail h3 { margin: 0; color: #fff; font-size: clamp(1.5rem,2vw,1.9rem); }
.dc-detail p { margin: 16px 0 24px; color: rgba(255,255,255,.82); font-size: .94rem; line-height: 1.7; }
.dc-detail a { display: inline-flex; width: max-content; align-items: center; gap: 8px; color: #fff; font-size: .86rem; font-weight: 750; }
.dc-detail a span { font-size: 18px; }
@media (max-width: 1023px) { .dc-heading { grid-template-columns: 1fr; gap: 20px; } .dc-layout { grid-template-columns: 1fr; } .dc-map-card { order: 1; min-height: 0; } .dc-options { order: 2; display: grid; grid-template-columns: repeat(3,1fr); } .dc-detail { grid-column: 1/-1; } }
@media (max-width: 700px) { .dc-heading h2 { font-size: clamp(2.3rem,11vw,3.2rem); } .dc-map-card { aspect-ratio: 1.3; border-radius: 20px; } .dc-options { grid-template-columns: 1fr; } .dc-detail { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { .dc-routes path,.dc-marker.is-active .dc-marker-pulse { animation: none; } }

/* ─── Customer reviews carousel ────────────────────────────────────────── */
#reviews { overflow: hidden; }
#reviews .reviews-heading { text-align: left; }
#reviews .reviews-heading h2 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(2.5rem,4.5vw,4.15rem);
    line-height: 1.03;
    letter-spacing: -.05em;
}
#reviews .reviews-heading h2 br { display: none; }
#reviews .reviews-heading p { max-width: 680px; margin-top: 18px; font-size: 1.06rem; line-height: 1.7; }
#reviews .reviews-shell {
    width: calc(100% - max(0px, calc((100vw - var(--site-container-width)) / 2)));
    max-width: none !important;
    margin-right: 0;
    margin-left: max(0px, calc((100vw - var(--site-container-width)) / 2));
    padding-right: 0 !important;
}
#reviews .reviews-layout {
    position: relative;
    display: grid;
    grid-template-columns: 230px minmax(0,1fr);
    gap: 28px;
    align-items: stretch;
}
#reviews .reviews-summary { width: 230px; min-height: 330px; border-color: rgba(82,113,255,.14); box-shadow: 0 22px 56px -46px rgba(35,77,218,.5); }
#reviews .reviews-viewport { grid-column: 2; width: 100%; min-width: 0; }
#reviews .review-slide {
    min-height: 330px;
    padding: clamp(26px,2.4vw,36px);
    border-color: rgba(82,113,255,.14);
    box-shadow: 0 22px 56px -46px rgba(35,77,218,.48);
}
#reviews .review-slide h4 { margin-bottom: 12px; font-size: clamp(1.2rem,1.6vw,1.45rem); line-height: 1.2; }
#reviews .review-slide p { font-size: .98rem; line-height: 1.72; }
#reviews .reviews-arrow {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 46px;
    height: 46px;
    border-color: rgba(82,113,255,.2);
    box-shadow: 0 12px 30px -20px rgba(35,77,218,.65);
    transform: translateY(-50%);
}
#reviews .reviews-arrow:hover { color: #fff; border-color: #5271ff; background: #5271ff; }
#reviews .reviews-arrow-prev { left: 207px; }
#reviews .reviews-arrow-next { right: 16px; }
#reviews .mt-lg { margin-top: 30px; }

@media (max-width: 1023px) {
    #reviews .reviews-layout { grid-template-columns: 190px minmax(0,1fr); gap: 22px; }
    #reviews .reviews-summary { width: 190px; }
    #reviews .reviews-arrow-prev { left: 168px; }
}
@media (max-width: 639px) {
    #reviews .reviews-heading h2 { font-size: clamp(2.3rem,11vw,3rem); }
    #reviews .reviews-layout { display: block; }
    #reviews .reviews-viewport { width: 100%; }
    #reviews .review-slide { min-height: 310px; }
    #reviews .reviews-arrow-prev { left: -8px; }
    #reviews .reviews-arrow-next { right: 8px; }
}

#migration {
    background:
        radial-gradient(circle at 82% 12%, rgba(82,113,255,.075), transparent 30%),
        linear-gradient(180deg, #fbfcff 0%, #f7f9ff 100%);
}
#migration > .max-w-7xl > .mb-xl { margin-bottom: clamp(42px, 5vw, 66px); }
#migration > .max-w-7xl > .mb-xl h2 {
    max-width: 760px;
    font-size: clamp(2.45rem, 4.3vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.045em;
}
#migration > .max-w-7xl > .mb-xl > ul {
    padding: 20px 24px;
    border: 1px solid rgba(82,113,255,.12);
    border-radius: 18px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 18px 45px -38px rgba(35,77,218,.35);
}
#migration-slider { gap: 14px; min-height: 480px; }
#migration-slider .migration-card {
    border-radius: 24px;
    outline: none;
    transition: width 420ms cubic-bezier(.22,1,.36,1), flex-grow 420ms cubic-bezier(.22,1,.36,1), border-color 180ms ease, box-shadow 180ms ease;
}
#migration-slider .migration-card:focus-visible { box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(82,113,255,.6); }
#migration-slider .migration-card.migration-collapsed { width: 136px; border-color: rgba(82,113,255,.12); background: rgba(255,255,255,.72); }
#migration-slider .migration-card.migration-collapsed:hover { border-color: rgba(82,113,255,.32); background: #fff; }
#migration-slider .migration-card.is-active {
    border: 1px solid rgba(255,255,255,.18);
    background: linear-gradient(135deg, #224dda 0%, #5271ff 58%, #6685ff 100%);
    box-shadow: 0 28px 70px -38px rgba(35,77,218,.7);
}
#migration-slider .migration-card.is-active .migration-content-expanded { padding: clamp(28px, 3vw, 48px); }
#migration-slider .migration-card.is-active .migration-content-expanded > div:first-child > div > :is(h3, p),
#migration-slider .migration-card.is-active .migration-content-expanded > div:first-child > div:last-child > p { color: #fff; }
#migration-slider .migration-card.is-active .migration-content-expanded > div:first-child > div > p { opacity: .8; }
#migration-slider .migration-card.is-active .migration-content-expanded > div:last-child {
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
#migration-slider .migration-card.is-active .migration-content-expanded > div:first-child button {
    color: #0b2863;
    background: #fff;
    box-shadow: 0 14px 30px -20px rgba(4,19,56,.75);
}
#migration-slider .migration-content-collapsed { padding: 30px 18px; }
#migration-slider .migration-label { color: #41516b; letter-spacing: .1em; }
#migration-slider .migration-content-collapsed > div:last-child { width: 38px; height: 38px; border-radius: 10px; }
#migration .reveal-group > div {
    min-height: 230px;
    padding: clamp(24px, 2.6vw, 36px);
    border-color: rgba(82,113,255,.12);
    box-shadow: 0 20px 54px -46px rgba(35,77,218,.55);
}
#migration .reveal-group > div h3 { font-size: clamp(1.35rem, 2vw, 1.75rem); }

@media (max-width: 1023px) {
    #migration-slider { min-height: 0; }
    #migration-slider .migration-card.migration-collapsed { width: 100%; }
    #migration-slider .migration-card.is-active .migration-content-expanded { padding: 28px; }
}
@media (max-width: 639px) {
    #migration > .max-w-7xl > .mb-xl h2 { font-size: clamp(2.25rem, 11vw, 3rem); }
    #migration > .max-w-7xl > .mb-xl h2 br { display: none; }
    #migration > .max-w-7xl > .mb-xl > ul { padding: 18px; }
    #migration-slider .migration-card { border-radius: 20px; }
    #migration-slider .migration-card.is-active .migration-content-expanded { padding: 22px; }
    #migration-slider .migration-card.is-active .migration-content-expanded > div:last-child { min-height: 230px; }
    #migration .reveal-group > div { min-height: 0; }
}

/* ─── AI infrastructure hub ────────────────────────────────────────────── */
#ai-hub {
    display: block;
    padding: clamp(88px, 9vw, 136px) 0 !important;
    background:
        radial-gradient(circle at 50% 48%, rgba(82, 113, 255, .16), transparent 28%),
        radial-gradient(circle at 10% 0%, rgba(34, 77, 218, .12), transparent 34%),
        linear-gradient(180deg, #080c18 0%, #090d19 100%) !important;
    isolation: isolate;
}
.ai-hub-heading {
    position: relative;
    z-index: 3;
    width: min(100%, var(--site-container-width));
    margin: 0 auto clamp(48px, 6vw, 76px);
    text-align: center;
}
.ai-hub-heading > span {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 7px 13px;
    border: 1px solid rgba(124, 157, 255, .24);
    border-radius: 999px;
    color: #a9bdff;
    background: rgba(82, 113, 255, .09);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.ai-hub-heading h2 {
    max-width: 920px;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(2.35rem, 4.5vw, 4.15rem);
    line-height: 1.04;
    letter-spacing: -.045em;
}
.ai-hub-heading p {
    max-width: 720px;
    margin: 22px auto 0;
    color: #a9b4c8;
    font-size: clamp(1rem, 1.35vw, 1.12rem);
    line-height: 1.7;
}
#ai-hub .ai-hub-grid { position: relative; padding-inline: 40px; }
#ai-hub .card-border-gradient {
    min-width: 0;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid rgba(124, 157, 255, .16);
    border-radius: 24px !important;
    background: linear-gradient(145deg, rgba(21, 31, 57, .96), rgba(12, 18, 34, .98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 24px 70px -52px rgba(82,113,255,.9);
    transform: none !important;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}
#ai-hub .card-border-gradient:hover {
    border-color: rgba(124, 157, 255, .36);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 26px 60px -42px rgba(82,113,255,.72);
}
#ai-hub .card-border-gradient::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(124,157,255,.72), transparent);
    opacity: .5;
}
#ai-hub .ai-card-type {
    display: inline-flex;
    width: max-content;
    margin-bottom: 18px;
    padding: 5px 9px;
    border: 1px solid rgba(124,157,255,.16);
    border-radius: 999px;
    color: #8faaff;
    background: rgba(82,113,255,.08);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .11em;
    line-height: 1;
    text-transform: uppercase;
}
#ai-hub .card-border-gradient h3 { color: #f8faff; font-size: clamp(1.3rem, 1.8vw, 1.65rem); line-height: 1.18; letter-spacing: -.03em; }
#ai-hub .card-border-gradient h3 span { color: #9fb1d4; font-style: normal; font-weight: 500; }
#ai-hub .card-border-gradient > p { color: #9ca9be; font-size: .95rem; line-height: 1.65; }
#ai-hub .mockup-container { border-color: rgba(124,157,255,.12); background: rgba(4,9,20,.66); }
#ai-hub .mockup-container button { background: linear-gradient(90deg, #224dda, #5271ff) !important; box-shadow: 0 12px 28px -16px rgba(82,113,255,.85) !important; }
#ai-hub .path-line { stroke: rgba(82,113,255,.22); }
#ai-hub .animated-pulse-path { stroke: url(#line-gradient); }
#ai-hub .glow-aura { background: radial-gradient(circle, rgba(82,113,255,.26), rgba(34,77,218,.06) 62%, transparent 72%) !important; box-shadow: 0 0 82px 18px rgba(82,113,255,.28); }
#ai-hub .ai-hub-spacer { height: 14rem !important; }

@media (max-width: 1023px) {
    #ai-hub .ai-hub-grid { padding-inline: 24px; }
    #ai-hub .card-border-gradient { min-height: 0; }
}
@media (max-width: 639px) {
    #ai-hub .ai-hub-grid { padding-inline: 16px; }
    #ai-hub .card-border-gradient { padding: 24px; border-radius: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
    #ai-hub .animated-pulse-path { animation: none !important; }
    #ai-hub .animated-pulse-path { stroke-dasharray: none; opacity: .45; }
    #ai-hub .connector-svg circle { display: none; }
}

@media (max-width: 767px) {
    .stitch-home-header {
        min-height: 0;
    }

    .home .container-custom,
    .stitch-home-header .container-custom {
        width: min(calc(100% - 24px), var(--header-container-width));
    }

    .home .stitch-home-hero {
        width: 100%;
        min-width: 0;
        /* 125px mobile header footprint + the original 56px hero spacing. */
        padding: 181px 16px 72px;
        min-height: auto;
    }

    .stitch-home-header header {
        width: 100%;
        max-width: 100vw;
        padding-top: 16px;
    }

    .stitch-home-header > header.is-floating {
        width: min(calc(100% - 24px), var(--header-container-width));
        max-width: calc(100vw - 24px);
        padding-top: 0;
    }

    .stitch-home-header nav {
        box-sizing: border-box;
        min-width: 0;
        padding: 10px 18px;
    }

    .stitch-home-header [data-purpose="top-utility-bar"] .container-custom {
        gap: 16px;
        justify-content: flex-end;
    }

    .stitch-home-header [data-purpose="top-utility-bar"] a,
    .stitch-home-header [data-purpose="top-utility-bar"] button {
        white-space: nowrap;
    }

    .home .stitch-home-hero > .mb-6 {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding-inline: 4px;
    }

    .home .stitch-home-hero > .mb-6 span {
        margin-right: 0;
    }

    .home .stitch-home-hero h1 {
        width: 100%;
        max-width: 22rem;
        font-size: clamp(2.5rem, 12vw, 3.25rem);
        line-height: 1.04;
        overflow-wrap: normal;
    }

    .home .stitch-home-hero > p {
        width: 100%;
        max-width: 22rem;
        font-size: 1rem;
        line-height: 1.65;
        margin-bottom: 32px;
    }

    .home .primary-glow {
        width: 100%;
        font-size: 1rem;
        max-width: 21rem;
        justify-content: space-between;
        padding-left: 20px;
        white-space: normal;
        text-align: left;
    }

    .home .primary-glow > span {
        flex: 0 0 40px;
        margin-left: 12px;
    }

    .home .stitch-home-hero > .container-custom {
        margin-top: 64px;
        min-width: 0;
    }

    .home .stitch-home-hero > .container-custom > a {
        min-width: 0;
        width: 100%;
    }
}

/* ─── Stitch VPS Features & Benefits Grid ──────────────────────────────── */
.stitch-vps-features { padding: clamp(80px, 8vw, 128px) 24px; background: #fbf8ff; color: #1a1b23; font-family: var(--font-brand-sans); }
.stitch-vps-features-shell { width: min(100%, var(--site-container-width)); margin-inline: auto; }
.stitch-vps-features-header { max-width: 720px; margin: 0 auto 56px; text-align: center; }
.stitch-vps-features-header h2 { margin: 0; font-size: clamp(2.25rem, 4vw, 3.15rem); font-weight: 700; line-height: 1.12; letter-spacing: -0.04em; }
.stitch-vps-features-header p { margin: 16px auto 0; color: #444655; font-size: 1.05rem; line-height: 1.7; }
.stitch-vps-bento { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.stitch-vps-feature-card { display: flex; min-height: 500px; overflow: hidden; flex-direction: column; padding: 30px; border: 1px solid #c4c5d7; border-radius: 12px; background: #fff; box-shadow: 0 5px 16px rgba(15,23,42,.05); transition: border-color 170ms ease, transform 170ms ease, box-shadow 170ms ease; }
.stitch-vps-feature-card:hover { border-color: #224dda; box-shadow: 0 16px 34px -22px rgba(34,77,218,.35); transform: translateY(-2px); }
.stitch-vps-feature-card h3 { margin: 0 0 14px; font-size: 1.45rem; font-weight: 700; line-height: 1.25; letter-spacing: -.025em; }
.stitch-vps-feature-card > p { margin: 0 0 28px; color: #444655; font-size: .94rem; line-height: 1.65; }
.stitch-vps-migration-demo { display: grid; gap: 12px; margin-top: auto; padding: 24px; border-radius: 12px; background: #f3f2fe; }
.stitch-vps-message { display: flex; width: 82%; align-items: center; gap: 10px; padding: 10px; border: 1px solid #c4c5d7; border-radius: 8px; background: #fff; box-shadow: 0 3px 8px rgba(15,23,42,.05); }
.stitch-vps-message.is-customer { margin-left: auto; }
.stitch-vps-message > .material-symbols-outlined { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border-radius: 50%; background: #dce2f3; font-size: 16px; }
.stitch-vps-message.is-team > .material-symbols-outlined { background: #224dda; color: #fff; }
.stitch-vps-message div { display: flex; min-width: 0; flex-direction: column; }
.stitch-vps-message strong { color: #224dda; font-size: .72rem; }
.stitch-vps-message.is-customer strong { color: #1a1b23; }
.stitch-vps-message small { overflow: hidden; color: #444655; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.stitch-vps-migrate { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 9px; border-radius: 7px; background: #224dda; color: #fff; font-size: .7rem; font-weight: 700; }
.stitch-vps-migrate .material-symbols-outlined { font-size: 15px; }
.stitch-vps-feature-card.has-edge-image { padding-bottom: 0; }
.stitch-vps-photo { position: relative; height: 240px; margin: auto -30px 0; overflow: hidden; }
.stitch-vps-photo > img { width: 100%; height: 100%; object-fit: cover; }
.stitch-vps-photo::after { content: ''; position: absolute; inset: 30% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.62)); }
.stitch-vps-speed { position: absolute; right: 16px; bottom: 16px; left: 16px; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; }
.stitch-vps-speed > span { display: flex; flex-direction: column; padding: 10px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 10px; background: rgba(255,255,255,.12); color: #fff; backdrop-filter: blur(10px); }
.stitch-vps-speed > span:last-child { background: rgba(34,77,218,.9); }
.stitch-vps-speed small { font-size: .6rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.stitch-vps-speed strong { margin-top: 2px; font-size: 1.2rem; }
.stitch-vps-payments { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: auto; padding: 22px; border: 1px solid #c4c5d7; border-radius: 12px; background: #f3f2fe; }
.stitch-vps-payments > span { display: flex; min-height: 52px; align-items: center; justify-content: center; gap: 5px; padding: 8px; border-radius: 8px; background: #fff; font-size: .78rem; font-weight: 700; box-shadow: 0 3px 8px rgba(15,23,42,.05); }
.stitch-vps-payments > span:nth-child(1) { color: #15803d; } .stitch-vps-payments > span:nth-child(2) { color: #dc2626; } .stitch-vps-payments > span:nth-child(4) { color: #7e22ce; }
.stitch-vps-payments .material-symbols-outlined { color: #224dda; font-size: 16px; }
.stitch-vps-uptime { display: flex; align-items: center; flex-direction: column; margin-top: auto; }
.stitch-vps-uptime > div { position: relative; width: 160px; height: 160px; }
.stitch-vps-uptime svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.stitch-vps-uptime circle { fill: none; stroke: #c4c5d7; stroke-width: 6; }
.stitch-vps-uptime circle:last-child { stroke: #224dda; stroke-dasharray: 251.2; stroke-dashoffset: 2.5; stroke-linecap: round; }
.stitch-vps-uptime > div > span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.stitch-vps-uptime > div strong { font-size: 2rem; } .stitch-vps-uptime > div small { font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.stitch-vps-uptime > strong { display: flex; align-items: center; gap: 8px; margin-top: 18px; padding: 10px 20px; border-radius: 8px; background: #224dda; color: #fff; font-size: .78rem; }
.stitch-vps-uptime .material-symbols-outlined { font-size: 18px; }
.stitch-vps-scaling { display: grid; gap: 8px; margin-top: auto; padding: 14px; border-radius: 12px; background: #f3f2fe; }
.stitch-vps-scaling img { width: 100%; height: 148px; border-radius: 8px; object-fit: cover; }
.stitch-vps-scaling > span { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px; border: 1px solid #c4c5d7; border-radius: 7px; background: #fff; font-size: .7rem; font-weight: 700; }
.stitch-vps-scaling i { position: relative; display: block; width: 36px; height: 18px; border-radius: 999px; background: #224dda; }
.stitch-vps-scaling i::after { content: ''; position: absolute; top: 3px; right: 3px; width: 12px; height: 12px; border-radius: 50%; background: #fff; }
.stitch-vps-headset { position: absolute; top: 16px; right: 16px; z-index: 2; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.92); color: #224dda; box-shadow: 0 5px 16px rgba(15,23,42,.18); }
@media (max-width: 1023px) { .stitch-vps-bento { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) { .stitch-vps-features { padding: 72px 16px; } .stitch-vps-features-header { margin-bottom: 38px; } .stitch-vps-bento { grid-template-columns: 1fr; } .stitch-vps-feature-card { min-height: 470px; padding: 24px; } .stitch-vps-photo { margin-inline: -24px; } }
@media (prefers-reduced-motion: reduce) { .stitch-vps-feature-card { transition: none; } }

/* ─── Stitch US Hosting Benefits ────────────────────────────────────────── */
.stitch-us-benefits {
    padding: clamp(88px, 10vw, 152px) 24px;
    overflow: hidden;
    background: #fbf8ff;
    color: #1a1b23;
    font-family: var(--font-brand-sans);
}

.stitch-us-benefits-grid {
    display: grid;
    width: min(100%, var(--site-container-width));
    min-height: 600px;
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(64px, 7vw, 96px);
    margin-inline: auto;
}

.stitch-us-copy {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 48px;
    padding-block: 24px;
}

.stitch-us-copy h2 {
    max-width: 600px;
    margin: 0;
    font-size: clamp(2.2rem, 4vw, 3.25rem);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.04em;
}

.stitch-us-copy-body {
    display: grid;
    max-width: 610px;
    gap: 24px;
    margin-top: 22px;
}

.stitch-us-copy-body p {
    margin: 0;
    color: #444655;
    font-size: 1rem;
    line-height: 1.8;
}

.stitch-us-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #1a3a8a;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
    padding: 13px 30px;
    text-decoration: none;
    transition: transform 160ms ease, filter 160ms ease;
}

.stitch-us-cta:hover { filter: brightness(1.1); transform: translateY(-1px); }

.stitch-us-visual {
    position: relative;
    min-height: 600px;
}

.stitch-us-visual::before,
.stitch-us-visual::after {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(34, 77, 218, 0.12);
    filter: blur(90px);
}

.stitch-us-visual::before { top: -40px; right: -40px; }
.stitch-us-visual::after { bottom: -40px; left: -40px; }

.stitch-us-image-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 600px;
    border-radius: 32px;
    box-shadow: 0 28px 65px -28px rgba(15, 23, 42, 0.38);
}

.stitch-us-image-wrap > img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.stitch-us-alert,
.stitch-us-protected {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.54);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.17);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.stitch-us-alert {
    display: flex;
    min-width: 240px;
    align-items: center;
    gap: 14px;
    border-radius: 16px;
    padding: 14px 16px;
    transition: transform 220ms ease;
}

.stitch-us-alert:hover,
.stitch-us-protected:hover { transform: translateY(-3px); }

.stitch-us-alert .material-symbols-outlined { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: rgba(186, 26, 26, 0.1); color: #ba1a1a; font-size: 21px; }
.stitch-us-alert strong { flex: 1; color: #1a1b23; font-size: 0.82rem; }
.stitch-us-alert > span:last-child { border-radius: 9999px; background: #ba1a1a; color: #fff; font-size: 0.68rem; font-weight: 700; padding: 5px 13px; }
.stitch-us-alert-network { top: 32px; left: -40px; }
.stitch-us-protected {
    bottom: 48px;
    left: -40px;
    min-width: 280px;
    border-radius: 18px;
    padding: 20px;
    transition: transform 220ms ease;
}

.stitch-us-protected-head { display: flex; align-items: center; gap: 11px; }
.stitch-us-protected-head > .material-symbols-outlined:first-child { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: rgba(34, 77, 218, 0.1); color: #224dda; font-size: 20px; }
.stitch-us-protected-head div { display: flex; flex: 1; flex-direction: column; }
.stitch-us-protected-head strong { font-size: 0.82rem; }
.stitch-us-protected-head div span { color: #747686; font-size: 0.62rem; letter-spacing: 0.08em; text-transform: uppercase; }
.stitch-us-protected-head > .material-symbols-outlined:last-child { color: #224dda; font-size: 20px; }
.stitch-us-meter { height: 6px; margin-top: 16px; overflow: hidden; border-radius: 9999px; background: #e2e1ed; }
.stitch-us-meter span { display: block; width: 75%; height: 100%; border-radius: inherit; background: #224dda; }

@media (max-width: 1023px) {
    .stitch-us-benefits-grid { min-height: 0; grid-template-columns: 1fr; }
    .stitch-us-copy { order: 2; padding-block: 0; }
    .stitch-us-visual { order: 1; min-height: 520px; }
    .stitch-us-image-wrap { min-height: 520px; }
}

@media (max-width: 640px) {
    .stitch-us-benefits { padding: 72px 16px; }
    .stitch-us-benefits-grid { gap: 48px; }
    .stitch-us-visual, .stitch-us-image-wrap { min-height: 420px; }
    .stitch-us-image-wrap { border-radius: 22px; }
    .stitch-us-alert { min-width: 0; max-width: 210px; padding: 11px; }
    .stitch-us-alert-network { top: 18px; left: 12px; }
    .stitch-us-protected { right: 12px; bottom: 18px; left: 12px; min-width: 0; }
    .stitch-us-copy { gap: 32px; }
    .stitch-us-cta { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .stitch-us-cta,
    .stitch-us-alert,
    .stitch-us-protected { transition: none; }
}

/* ─── Stitch FAQ & Knowledge Base ───────────────────────────────────────── */
.stitch-faq-section {
    padding: clamp(80px, 9vw, 132px) 24px;
    background: #f8fafc;
    color: #0f172a;
}

.stitch-faq-shell {
    width: min(100%, var(--site-container-width));
    margin-inline: auto;
}

.stitch-faq-header {
    max-width: 760px;
    margin: 0 auto 56px;
    text-align: center;
}

.stitch-faq-eyebrow {
    display: inline-flex;
    margin-bottom: 18px;
    color: #045dc3;
    font: 700 0.72rem/1 'JetBrains Mono', monospace;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.stitch-faq-header h2 {
    margin: 0;
    font: 800 clamp(2.35rem, 5vw, 4rem)/1.08 'Hanken Grotesk', sans-serif;
    letter-spacing: -0.035em;
}

.stitch-faq-header p {
    max-width: 620px;
    margin: 20px auto 0;
    color: #64748b;
    font-size: 1.05rem;
    line-height: 1.7;
}

.stitch-faq-card {
    max-width: 896px;
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 55px -42px rgba(15, 23, 42, 0.32);
}

.stitch-faq-item + .stitch-faq-item {
    border-top: 1px solid #e2e8f0;
}

.stitch-faq-item summary {
    display: flex;
    min-height: 88px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 24px 30px;
    cursor: pointer;
    list-style: none;
    color: #0f172a;
    font-size: clamp(1rem, 2vw, 1.18rem);
    font-weight: 700;
    line-height: 1.45;
    transition: background-color 160ms ease, color 160ms ease;
}

.stitch-faq-item summary::-webkit-details-marker { display: none; }
.stitch-faq-item summary:hover { background: #f8fafc; color: #045dc3; }
.stitch-faq-item summary:focus-visible { outline: 3px solid rgba(4, 93, 195, 0.24); outline-offset: -3px; }

.stitch-faq-plus {
    position: relative;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    color: #64748b;
    transition: transform 180ms ease, color 180ms ease;
}

.stitch-faq-plus::before,
.stitch-faq-plus::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.stitch-faq-plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.stitch-faq-item[open] .stitch-faq-plus { color: #045dc3; transform: rotate(45deg); }

.stitch-faq-answer {
    padding: 0 72px 28px 30px;
    color: #64748b;
    font-size: 0.98rem;
    line-height: 1.75;
}

.stitch-faq-answer p { margin: 0; }

.stitch-faq-help {
    display: flex;
    max-width: 896px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin: 24px auto 0;
    padding: 22px 24px;
    border: 1px solid rgba(4, 93, 195, 0.12);
    border-radius: 14px;
    background: rgba(4, 93, 195, 0.045);
}

.stitch-faq-help > div { display: flex; align-items: center; gap: 14px; }
.stitch-faq-help > div > .material-symbols-outlined { color: #045dc3; font-size: 28px; }
.stitch-faq-help strong { display: block; font-size: 0.98rem; }
.stitch-faq-help p { margin: 3px 0 0; color: #64748b; font-size: 0.86rem; }
.stitch-faq-help a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; color: #045dc3; font-size: 0.9rem; font-weight: 750; text-decoration: none; }
.stitch-faq-help a:hover { text-decoration: underline; }
.stitch-faq-help a .material-symbols-outlined { font-size: 18px; }

@media (max-width: 640px) {
    .stitch-faq-section { padding: 72px 16px; }
    .stitch-faq-header { margin-bottom: 36px; }
    .stitch-faq-header p { font-size: 0.98rem; }
    .stitch-faq-card { border-radius: 12px; }
    .stitch-faq-item summary { min-height: 76px; gap: 18px; padding: 20px; }
    .stitch-faq-answer { padding: 0 52px 22px 20px; font-size: 0.92rem; }
    .stitch-faq-help { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .stitch-faq-plus,
    .stitch-faq-item summary { transition: none; }
}

/* Exact cec020daa56a4b19a07e864f3f784d63 composition. */
.stitch-faq-section {
    position: relative;
    padding: 48px 24px 96px;
    background: #fbf8ff;
    font-family: var(--font-brand-sans);
}

.stitch-faq-shell { width: min(100%, var(--site-container-width)); }

.stitch-kb-hero {
    position: relative;
    display: flex;
    min-height: 400px;
    align-items: center;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.13);
}

.stitch-kb-hero > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stitch-kb-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(47, 48, 57, 0.94) 0%, rgba(47, 48, 57, 0.66) 48%, rgba(47, 48, 57, 0.05) 100%);
}

.stitch-kb-content {
    position: relative;
    z-index: 1;
    width: min(100%, 760px);
    padding: 56px 64px;
    color: #fff;
}

.stitch-kb-content h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4vw, 3.25rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.stitch-kb-content > p {
    max-width: 620px;
    margin: 20px 0 0;
    color: #f3f2fe;
    font-size: clamp(1rem, 1.8vw, 1.18rem);
    font-weight: 500;
    line-height: 1.6;
}

.stitch-kb-search {
    display: flex;
    max-width: 540px;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    padding: 5px;
    border-radius: 9999px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.stitch-kb-search > span { margin-left: 12px; color: #747686; font-size: 20px; }
.stitch-kb-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #1a1b23; font: inherit; padding: 11px 4px; }
.stitch-kb-search input:focus { box-shadow: none; }
.stitch-kb-search button { border: 0; border-radius: 9999px; background: #224dda; color: #fff; cursor: pointer; font: 700 0.9rem/1 inherit; padding: 13px 30px; transition: background-color 150ms ease; }
.stitch-kb-search button:hover { background: #4368f4; }
.stitch-kb-search:focus-within { outline: 3px solid rgba(184, 196, 255, 0.72); outline-offset: 3px; }

.stitch-faq-header {
    max-width: 900px;
    margin: 72px auto 34px;
}

.stitch-faq-header h2 {
    font-size: clamp(2rem, 3.5vw, 2.6rem);
    font-weight: 700;
    letter-spacing: -0.03em;
}

.stitch-faq-header > span {
    display: block;
    width: 80px;
    height: 4px;
    margin: 18px auto 0;
    border-radius: 9999px;
    background: #224dda;
}

.stitch-faq-list { max-width: 900px; margin-inline: auto; }
.stitch-faq-item {
    border-bottom: 1px solid #c4c5d7;
    interpolate-size: allow-keywords;
}
.stitch-faq-item + .stitch-faq-item { border-top: 0; }

.stitch-faq-item::details-content {
    block-size: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-6px);
    transition:
        block-size 260ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity 180ms ease,
        transform 220ms ease,
        content-visibility 260ms allow-discrete;
}

.stitch-faq-item[open]::details-content {
    block-size: auto;
    opacity: 1;
    transform: translateY(0);
}

.stitch-faq-item summary {
    min-height: 0;
    padding: 23px 0;
    font-size: clamp(1rem, 1.8vw, 1.18rem);
    font-weight: 600;
}

.stitch-faq-item summary:hover { background: transparent; }
.stitch-faq-answer { padding: 0 56px 22px 0; color: #444655; }
.stitch-faq-plus { flex-basis: 20px; width: 20px; height: 20px; }
.stitch-faq-plus::before, .stitch-faq-plus::after { width: 14px; height: 1.5px; }

.stitch-faq-actions {
    position: fixed;
    right: 28px;
    bottom: 28px;
    z-index: 60;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 12px;
    transition: bottom 180ms ease-out;
}

.stitch-chat-button,
.stitch-top-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.2);
}

.stitch-chat-button { gap: 8px; border-radius: 9999px; background: #224dda; font-size: 0.88rem; font-weight: 700; padding: 13px 20px; }
.stitch-chat-button:hover { background: #4368f4; }
.stitch-chat-button .material-symbols-outlined { font-size: 18px; }
.stitch-top-button { width: 44px; height: 44px; border-radius: 50%; background: #1a1b23; }
.stitch-top-button:hover { background: #444655; }
.stitch-top-button .material-symbols-outlined { font-size: 20px; }

@media (max-width: 700px) {
    .stitch-faq-section { padding: 24px 16px 72px; }
    .stitch-kb-hero { min-height: 460px; border-radius: 12px; }
    .stitch-kb-overlay { background: linear-gradient(90deg, rgba(47, 48, 57, 0.94), rgba(47, 48, 57, 0.64)); }
    .stitch-kb-content { padding: 36px 24px; }
    .stitch-kb-search { align-items: stretch; flex-wrap: wrap; border-radius: 14px; padding: 8px; }
    .stitch-kb-search > span { align-self: center; }
    .stitch-kb-search button { width: 100%; }
    .stitch-faq-header { margin-top: 56px; }
    .stitch-faq-answer { padding-right: 36px; }
    .stitch-faq-actions { right: 16px; bottom: 16px; }
    .stitch-chat-button { width: 44px; height: 44px; padding: 0; }
    .stitch-chat-button { font-size: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .stitch-faq-item::details-content {
        transition: none;
        transform: none;
    }
}

/* ─── Post card hover ────────────────────────────────────────────────────────── */
.post-card { transition: box-shadow 0.2s ease, transform 0.2s ease; }
.post-card:hover { box-shadow: 0 8px 20px rgba(82,113,255,0.12), 0 2px 6px rgba(0,0,0,0.06); transform: translateY(-2px); }

/* ─── Breadcrumbs ───────────────────────────────────────────────────────────── */
.breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; list-style: none; padding: 0; margin: 0; font-size: 0.8125rem; color: #747686; }
.breadcrumbs li a { color: #747686; text-decoration: none; }
.breadcrumbs li a:hover { color: #5271ff; }
.breadcrumbs li[aria-current="page"] { color: #1a1b23; font-weight: 600; }

/* ─── Pagination ────────────────────────────────────────────────────────────── */
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; font-weight: 600; font-size: 0.9rem; color: #444655; border: 1px solid #c4c5d7; text-decoration: none; transition: all 0.15s; }
.pagination .page-numbers.current { background: #5271ff; color: #fff; border-color: #5271ff; }
.pagination .page-numbers:hover:not(.current) { background: #eeedf9; color: #5271ff; border-color: #5271ff; }
.pagination .page-numbers.dots { border: none; cursor: default; }

/* ─── Skip link accessibility ───────────────────────────────────────────────── */
.skip-link { position: absolute; left: -999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip-link:focus { left: 6px; top: 6px; width: auto; height: auto; background: #5271ff; color: #fff; padding: 8px 16px; border-radius: 8px; font-weight: 700; z-index: 9999; text-decoration: none; }

/* ─── Screen reader text ────────────────────────────────────────────────────── */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.screen-reader-text:focus { clip: auto; height: auto; overflow: auto; position: static; white-space: normal; width: auto; }

/* ─── Form anti-spam + notices ──────────────────────────────────────────────
   .merovps-hp is a honeypot wrapper: keep it visually hidden but present in
   the DOM so naive bots fill the input and get rejected server-side. */
.merovps-hp {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
.merovps-form-notice {
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}
.merovps-form-notice.is-success {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
}
.merovps-form-notice.is-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

/* ─── Windows VPS components ──────────────────────────────────────────────── */
.page-template-page-windows-vps .win-hero-bg,
.page-template-page-windows-vps-php .win-hero-bg {
    position: relative;
    overflow: hidden;
}

.page-template-page-windows-vps .win-badge,
.page-template-page-windows-vps-php .win-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: fit-content;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(82, 113, 255, 0.2);
    border-radius: 999px;
    background: rgba(82, 113, 255, 0.08);
    color: #405fe7;
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.page-template-page-windows-vps .win-plan-card,
.page-template-page-windows-vps-php .win-plan-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 2rem;
    border: 1px solid #dfe2ec;
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(35, 46, 92, 0.07);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.page-template-page-windows-vps .win-plan-card:hover,
.page-template-page-windows-vps-php .win-plan-card:hover {
    transform: translateY(-4px);
    border-color: rgba(82, 113, 255, 0.42);
    box-shadow: 0 24px 55px rgba(82, 113, 255, 0.13);
}

.page-template-page-windows-vps .win-plan-card.featured,
.page-template-page-windows-vps-php .win-plan-card.featured {
    border: 2px solid #5271ff;
    background: linear-gradient(180deg, #f7f8ff 0%, #fff 36%);
    box-shadow: 0 24px 58px rgba(82, 113, 255, 0.18);
}

.page-template-page-windows-vps .win-popular-badge,
.page-template-page-windows-vps-php .win-popular-badge {
    background: #5271ff;
    box-shadow: 0 7px 20px rgba(82, 113, 255, 0.3);
}

.page-template-page-windows-vps :is(.win-feature-card, .win-os-card),
.page-template-page-windows-vps-php :is(.win-feature-card, .win-os-card) {
    min-width: 0;
    padding: 2rem;
    border: 1px solid #e0e3ed;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 38px rgba(35, 46, 92, 0.055);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.page-template-page-windows-vps :is(.win-feature-card, .win-os-card):hover,
.page-template-page-windows-vps-php :is(.win-feature-card, .win-os-card):hover {
    transform: translateY(-3px);
    border-color: rgba(82, 113, 255, 0.35);
    box-shadow: 0 20px 45px rgba(82, 113, 255, 0.1);
}

@media (max-width: 767px) {
    .page-template-page-windows-vps :is(.win-plan-card, .win-feature-card, .win-os-card),
    .page-template-page-windows-vps-php :is(.win-plan-card, .win-feature-card, .win-os-card) {
        padding: 1.5rem;
        border-radius: 1.1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-template-page-windows-vps :is(.win-plan-card, .win-feature-card, .win-os-card),
    .page-template-page-windows-vps-php :is(.win-plan-card, .win-feature-card, .win-os-card) {
        transition: none;
    }
}

/* ─── n8n hosting page ───────────────────────────────────────────────────── */
.page-n8n-hosting { overflow: hidden; color: #1a1b23; }
.page-template-page-n8n-hosting .merovps-marketing-page > .n8n-hero,
.page-template-page-n8n-hosting-php .merovps-marketing-page > .n8n-hero { min-height: min(100vh, 940px); }
.page-n8n-hosting .container-custom { width: min(calc(100% - 32px), var(--site-container-width)); margin-inline: auto; }
.page-n8n-hosting .n8n-hero { position: relative; min-height: min(100vh, 940px); padding-bottom: 6.5rem; overflow: hidden; }
.page-n8n-hosting .n8n-grid-bg { position: absolute; inset: 8% -5% 0 48%; opacity: .5; background-image: linear-gradient(rgba(82,113,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,113,255,.08) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent); }
.page-n8n-hosting .n8n-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.92fr) minmax(470px,1.08fr); gap: clamp(3rem,7vw,7rem); align-items: center; }
.page-n8n-hosting .n8n-hero-grid > * { min-width: 0; }
.page-n8n-hosting .n8n-offer,.page-n8n-hosting .n8n-label,.page-n8n-hosting .n8n-section-heading > span { display: inline-flex; width: fit-content; padding: .48rem .8rem; border: 1px solid rgba(82,113,255,.2); border-radius: 999px; background: rgba(82,113,255,.08); color: #405fe7; font-size: .72rem; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; }
.page-n8n-hosting .n8n-hero h1 { max-width: 760px; margin: 1.3rem 0 1.1rem; font-size: clamp(3.1rem,5.5vw,5.35rem); line-height: .99; letter-spacing: -.065em; font-weight: 800; }
.page-n8n-hosting .n8n-hero-copy > p:first-of-type { max-width: 660px; margin: 0 0 1.8rem; color: #5d6070; font-size: 1.1rem; line-height: 1.7; }
.page-n8n-hosting .n8n-hero-benefits { display: grid; gap: .8rem; margin: 0 0 1.7rem; padding: 0; list-style: none; }
.page-n8n-hosting .n8n-hero-benefits li { display: flex; align-items: flex-start; gap: .7rem; color: #30323c; font-size: .92rem; font-weight: 650; }
.page-n8n-hosting .n8n-hero-benefits span { color: #18aa70; font-size: 1.2rem; font-variation-settings: 'FILL' 1; }
.page-n8n-hosting .n8n-price-row { display: flex; align-items: baseline; gap: .45rem; margin-bottom: 1.35rem; }.page-n8n-hosting .n8n-price-row > span { color: #656879; font-size: .8rem; font-weight: 650; }.page-n8n-hosting .n8n-price-row strong { font-size: 2.4rem; line-height: 1; letter-spacing: -.05em; }.page-n8n-hosting .n8n-price-row small { color: #656879; font-size: .85rem; }
.page-n8n-hosting .n8n-actions { display: flex; flex-wrap: wrap; gap: .85rem; }
.page-n8n-hosting .n8n-button { display: inline-flex; min-height: 3.25rem; align-items: center; justify-content: center; gap: .5rem; padding: .8rem 1.4rem; border: 1.5px solid #5271ff; border-radius: 999px; font-size: .88rem; font-weight: 780; text-decoration: none; transition: transform .18s ease,box-shadow .18s ease,background .18s ease; }.page-n8n-hosting .n8n-button:hover { transform: translateY(-2px); }.page-n8n-hosting .n8n-button-primary { background: #5271ff; color: #fff; box-shadow: 0 12px 28px rgba(82,113,255,.22); }.page-n8n-hosting .n8n-button-primary:hover { background: #4363f1; box-shadow: 0 16px 34px rgba(82,113,255,.3); }.page-n8n-hosting .n8n-button-secondary { background: #fff; color: #405fe7; }
.page-n8n-hosting .n8n-guarantee { display: flex; align-items: center; gap: .5rem; margin: 1rem 0 0; color: #656879; font-size: .76rem; font-weight: 650; }.page-n8n-hosting .n8n-guarantee span { color: #18aa70; font-size: 1.1rem; }
.page-n8n-hosting .n8n-hero-visual { overflow: hidden; border: 1px solid #dce2f8; border-radius: 1.5rem; background: #fff; box-shadow: 0 30px 75px rgba(31,42,85,.14); }
.page-n8n-hosting .n8n-browser-bar { display: flex; align-items: center; gap: .42rem; padding: .9rem 1rem; border-bottom: 1px solid #e5e7ef; background: #fbfcff; }.page-n8n-hosting .n8n-browser-bar i { width: .65rem; height: .65rem; border-radius: 50%; background: #ff5f57; }.page-n8n-hosting .n8n-browser-bar i:nth-child(2) { background: #febc2e; }.page-n8n-hosting .n8n-browser-bar i:nth-child(3) { background: #28c840; }.page-n8n-hosting .n8n-browser-bar span { margin-left: 1rem; color: #747686; font: .7rem ui-monospace,monospace; }
.page-n8n-hosting .n8n-workflow-canvas { position: relative; min-height: 470px; overflow: hidden; background: radial-gradient(circle at 70% 30%,rgba(82,113,255,.13),transparent 34%),linear-gradient(135deg,#f9fbff,#fff7f2); }
.page-n8n-hosting .n8n-status { position: absolute; z-index: 3; top: 1rem; left: 1rem; right: 1rem; display: flex; align-items: center; gap: .5rem; padding: .7rem .85rem; border: 1px solid rgba(82,113,255,.13); border-radius: .75rem; background: rgba(255,255,255,.86); color: #30323c; font-size: .68rem; font-weight: 700; backdrop-filter: blur(12px); }.page-n8n-hosting .n8n-status > span { width: .5rem; height: .5rem; border-radius: 50%; background: #18aa70; box-shadow: 0 0 0 5px rgba(24,170,112,.1); }.page-n8n-hosting .n8n-status b { margin-left: auto; color: #18aa70; font-size: .62rem; text-transform: uppercase; letter-spacing: .07em; }
.page-n8n-hosting .n8n-connectors { position: absolute; inset: 0; width: 100%; height: 100%; }.page-n8n-hosting .n8n-connectors path { fill: none; stroke: #5271ff; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 8 9; opacity: .6; }
.page-n8n-hosting .n8n-node { position: absolute; z-index: 2; display: grid; grid-template-columns: 2.5rem 1fr; column-gap: .65rem; min-width: 9.5rem; padding: .85rem; border: 1px solid #dce2f8; border-radius: .9rem; background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(31,42,85,.11); }.page-n8n-hosting .n8n-node > span { grid-row: 1/3; display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .7rem; background: #edf1ff; color: #5271ff; }.page-n8n-hosting .n8n-node b { align-self: end; font-size: .72rem; }.page-n8n-hosting .n8n-node small { color: #747686; font-size: .58rem; }.page-n8n-hosting .n8n-node-trigger { top: 23%; left: 5%; }.page-n8n-hosting .n8n-node-router { top: 43%; left: 38%; }.page-n8n-hosting .n8n-node-crm { top: 22%; right: 4%; }.page-n8n-hosting .n8n-node-alert { right: 3%; bottom: 15%; }
.page-n8n-hosting .n8n-execution-card { position: absolute; z-index: 3; left: 5%; bottom: 7%; display: flex; align-items: center; gap: .7rem; min-width: 13.5rem; padding: .85rem; border-radius: .85rem; background: #12182c; color: #fff; box-shadow: 0 18px 36px rgba(18,24,44,.2); }.page-n8n-hosting .n8n-execution-card > span { color: #76e5bd; }.page-n8n-hosting .n8n-execution-card div { display: grid; }.page-n8n-hosting .n8n-execution-card b { font-size: .68rem; }.page-n8n-hosting .n8n-execution-card small { color: #99a4c7; font-size: .56rem; }.page-n8n-hosting .n8n-execution-card strong { margin-left: auto; color: #76e5bd; font-size: .75rem; }
.page-n8n-hosting .n8n-trust-strip { border-block: 1px solid #e5e7ef; background: #fff; }.page-n8n-hosting .n8n-trust-strip .container-custom { display: grid; grid-template-columns: repeat(4,1fr); }.page-n8n-hosting .n8n-trust-strip span { display: grid; gap: .2rem; padding: 1.5rem 1rem; text-align: center; color: #747686; font-size: .72rem; }.page-n8n-hosting .n8n-trust-strip span:not(:last-child) { border-right: 1px solid #e5e7ef; }.page-n8n-hosting .n8n-trust-strip strong { color: #1a1b23; font-size: 1rem; }
.page-n8n-hosting .n8n-section { padding: clamp(5rem,8vw,8rem) 0; }.page-n8n-hosting .n8n-section-heading { max-width: 780px; margin: 0 auto clamp(2.7rem,5vw,4.5rem); text-align: center; }.page-n8n-hosting .n8n-section-heading > span { margin-inline: auto; }.page-n8n-hosting .n8n-section-heading h2,.page-n8n-hosting .n8n-deploy-section h2,.page-n8n-hosting .n8n-support-panel h2 { margin: 1.1rem 0 .8rem; font-size: clamp(2.2rem,4vw,3.75rem); line-height: 1.04; letter-spacing: -.055em; font-weight: 800; }.page-n8n-hosting .n8n-section-heading p,.page-n8n-hosting .n8n-deploy-section p,.page-n8n-hosting .n8n-support-panel p { color: #656879; font-size: 1.02rem; line-height: 1.7; }
.page-n8n-hosting .n8n-intro-section { background: #fff; }
.page-n8n-hosting .n8n-intro-grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(440px,1.05fr); gap: clamp(3rem,7vw,7rem); align-items: center; }
.page-n8n-hosting .n8n-intro-grid > * { min-width: 0; }
.page-n8n-hosting .n8n-intro-copy h2 { max-width: 690px; margin: 1.2rem 0 1.25rem; font-size: clamp(2.4rem,4.2vw,4.25rem); line-height: 1.04; letter-spacing: -.055em; font-weight: 800; }
.page-n8n-hosting .n8n-intro-copy p { max-width: 680px; margin: 0 0 1rem; color: #5f6272; font-size: 1rem; line-height: 1.75; }
.page-n8n-hosting .n8n-text-link { display: inline-flex; align-items: center; gap: .45rem; margin-top: .7rem; color: #5271ff; font-size: .9rem; font-weight: 780; text-decoration: none; }.page-n8n-hosting .n8n-text-link .material-symbols-outlined { font-size: 1.1rem; transition: transform .18s ease; }.page-n8n-hosting .n8n-text-link:hover .material-symbols-outlined { transform: translateX(4px); }
.page-n8n-hosting .n8n-intro-visual { position: relative; min-height: 520px; overflow: hidden; border: 1px solid rgba(82,113,255,.18); border-radius: 1.6rem; background: linear-gradient(135deg,#1769ed 0%,#5798f2 48%,#eef5ff 100%); box-shadow: 0 28px 65px rgba(53,112,220,.18); }
.page-n8n-hosting .n8n-intro-glow { position: absolute; width: 440px; height: 440px; top: 50%; left: 50%; border-radius: 50%; background: rgba(255,255,255,.24); filter: blur(45px); transform: translate(-50%,-50%); }
.page-n8n-hosting .n8n-intro-visual > svg { position: absolute; inset: 0; width: 100%; height: 100%; }.page-n8n-hosting .n8n-intro-visual path { fill: none; stroke: rgba(255,255,255,.5); stroke-width: 2.5; }.page-n8n-hosting .n8n-intro-visual .n8n-intro-orbit { stroke: rgba(255,255,255,.2); stroke-dasharray: 10 12; }
.page-n8n-hosting .n8n-intro-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 12rem; min-height: 8.6rem; place-content: center; justify-items: center; border: 1px solid rgba(255,255,255,.75); border-radius: 1.4rem; background: rgba(255,255,255,.92); box-shadow: 0 20px 45px rgba(29,80,168,.2); transform: translate(-50%,-50%); }.page-n8n-hosting .n8n-intro-core > span { color: #5271ff; font-size: 2.25rem; }.page-n8n-hosting .n8n-intro-core strong { margin-top: .25rem; font-size: 1.1rem; }.page-n8n-hosting .n8n-intro-core small { color: #747686; font-size: .65rem; }
.page-n8n-hosting .n8n-intro-app { position: absolute; z-index: 2; display: grid; width: 7.2rem; min-height: 6rem; place-content: center; justify-items: center; border: 1px solid rgba(255,255,255,.72); border-radius: 1rem; background: rgba(255,255,255,.9); box-shadow: 0 14px 32px rgba(29,80,168,.16); }.page-n8n-hosting .n8n-intro-app span { color: #24304b; font-size: 1.75rem; }.page-n8n-hosting .n8n-intro-app b { margin-top: .3rem; color: #3f4250; font-size: .68rem; }.page-n8n-hosting .app-webhook { top: 18%; left: 8%; }.page-n8n-hosting .app-database { left: 8%; bottom: 17%; }.page-n8n-hosting .app-services { top: 18%; right: 8%; }.page-n8n-hosting .app-code { right: 8%; bottom: 17%; }
.page-n8n-hosting .n8n-intro-caption { position: absolute; z-index: 2; right: 1.25rem; bottom: 1rem; color: rgba(28,43,77,.7); font-size: .65rem; font-weight: 700; letter-spacing: .04em; }
.page-n8n-hosting .n8n-nocode-section { position: relative; overflow: hidden; background-color: #fbf8ff; background-image: linear-gradient(rgba(82,113,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(82,113,255,.035) 1px,transparent 1px); background-size: 40px 40px; }
.page-n8n-hosting .n8n-nocode-section::before,.page-n8n-hosting .n8n-nocode-section::after { content: ""; position: absolute; width: 44rem; height: 1px; pointer-events: none; background: linear-gradient(90deg,transparent,rgba(82,113,255,.18),transparent); transform: rotate(8deg); }.page-n8n-hosting .n8n-nocode-section::before { top: 18%; left: -8%; }.page-n8n-hosting .n8n-nocode-section::after { right: -8%; bottom: 18%; transform: rotate(-8deg); }
.page-n8n-hosting .n8n-nocode-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
.page-n8n-hosting .n8n-nocode-card,.page-n8n-hosting .n8n-nocode-banner { min-width: 0; border: 1px solid #e2e4ec; border-radius: 1.25rem; background: #fff; box-shadow: 0 10px 28px rgba(31,42,85,.055); transition: transform .22s ease,box-shadow .22s ease,border-color .22s ease; }.page-n8n-hosting .n8n-nocode-card:hover,.page-n8n-hosting .n8n-nocode-banner:hover { border-color: rgba(82,113,255,.34); box-shadow: 0 18px 38px rgba(31,42,85,.09); transform: translateY(-3px); }
.page-n8n-hosting .n8n-nocode-card { display: flex; min-height: 470px; flex-direction: column; gap: 1.4rem; padding: 1.5rem; overflow: hidden; }
.page-n8n-hosting .n8n-nocode-card-title { display: flex; align-items: center; gap: .75rem; }.page-n8n-hosting .n8n-nocode-card-title > span { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: .8rem; background: #edf1ff; color: #5271ff; }.page-n8n-hosting .n8n-nocode-card-title h3 { margin: 0; font-size: 1.35rem; }
.page-n8n-hosting .n8n-workflow-picker { display: grid; gap: .55rem; }.page-n8n-hosting .n8n-workflow-picker > span { display: grid; grid-template-columns: auto 1fr auto; gap: .55rem; align-items: center; padding: .75rem; border: 1px solid transparent; border-radius: .7rem; background: #f7f7fc; color: #666979; font-size: .7rem; font-weight: 650; }.page-n8n-hosting .n8n-workflow-picker .is-active { border-color: #d7defe; background: #f1f3ff; color: #272a37; }.page-n8n-hosting .n8n-workflow-picker i { font-size: .95rem; }.page-n8n-hosting .n8n-workflow-picker b { color: #5271ff; font-size: .6rem; }
.page-n8n-hosting .n8n-mini-canvas { position: relative; min-height: 205px; margin-top: auto; overflow: hidden; border: 1px solid #e6e8f0; border-radius: .9rem; background: linear-gradient(135deg,#fafbff,#f6f5fc); box-shadow: inset 0 1px 8px rgba(31,42,85,.035); }.page-n8n-hosting .n8n-mini-canvas svg { position: absolute; inset: 0; width: 100%; height: 100%; }.page-n8n-hosting .n8n-mini-canvas path { fill: none; stroke: #cdd5ff; stroke-width: 3; }.page-n8n-hosting .n8n-mini-canvas > span { position: absolute; display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid #e0e3ec; border-radius: .8rem; background: #fff; color: #5271ff; box-shadow: 0 7px 18px rgba(31,42,85,.08); }.page-n8n-hosting .n8n-mini-canvas .node-trigger { top: 15%; left: 10%; }.page-n8n-hosting .n8n-mini-canvas .node-process { top: 15%; left: 44%; color: #252936; }.page-n8n-hosting .n8n-mini-canvas .node-data { left: 44%; bottom: 10%; color: #954500; }.page-n8n-hosting .n8n-mini-canvas .node-send { right: 10%; bottom: 10%; }
.page-n8n-hosting .n8n-campaign-preview { display: grid; gap: .5rem; padding: 1rem; border: 1px solid #e5e7ed; border-radius: .9rem; background: #f9fafc; box-shadow: 0 10px 24px rgba(31,42,85,.05); }.page-n8n-hosting .n8n-campaign-preview header { display: flex; justify-content: space-between; gap: .75rem; align-items: center; margin-bottom: .35rem; }.page-n8n-hosting .n8n-campaign-preview header strong { font-size: .7rem; }.page-n8n-hosting .n8n-campaign-preview header span { display: flex; align-items: center; gap: .35rem; color: #159967; font-size: .52rem; font-weight: 800; text-transform: uppercase; }.page-n8n-hosting .n8n-campaign-preview header i { width: 1.7rem; height: .9rem; border-radius: 999px; background: #dce3ff; box-shadow: inset -14px 0 #5271ff; }
.page-n8n-hosting .n8n-run-row { display: grid; grid-template-columns: 1fr auto auto; gap: .65rem; padding: .65rem .7rem; border-radius: .45rem; background: #fff; color: #747686; box-shadow: 0 2px 6px rgba(31,42,85,.035); }.page-n8n-hosting .n8n-run-row b,.page-n8n-hosting .n8n-run-row em,.page-n8n-hosting .n8n-run-row small { font-size: .55rem; font-style: normal; }.page-n8n-hosting .n8n-run-row b { position: relative; padding-left: .6rem; font-weight: 600; }.page-n8n-hosting .n8n-run-row b::before { content: ""; position: absolute; left: 0; top: .15rem; width: 2px; height: .55rem; border-radius: 2px; background: #5271ff; }.page-n8n-hosting .n8n-run-row em { color: #159967; font-weight: 700; }.page-n8n-hosting .n8n-run-row.is-muted { opacity: .55; }
.page-n8n-hosting .n8n-nocode-card-copy { margin-top: auto; }.page-n8n-hosting .n8n-nocode-card-copy h3 { margin: 0 0 .6rem; font-size: 1.25rem; }.page-n8n-hosting .n8n-nocode-card-copy p { margin: 0; color: #6b6e7c; font-size: .82rem; line-height: 1.65; }
.page-n8n-hosting .n8n-stack-preview { display: flex; min-height: 245px; flex-direction: column; align-items: center; justify-content: center; }.page-n8n-hosting .n8n-stack-preview > div { position: relative; display: flex; width: min(82%,14rem); min-height: 4.4rem; align-items: center; gap: .7rem; padding: 1rem; border: 1px solid #e1e5f2; border-radius: .85rem; background: #fff; box-shadow: 0 14px 28px rgba(31,42,85,.08); }.page-n8n-hosting .n8n-stack-preview > div:nth-child(1) { z-index: 3; transform: translateY(1.2rem); }.page-n8n-hosting .n8n-stack-preview > div:nth-child(2) { z-index: 2; width: min(76%,13rem); background: #fafaff; }.page-n8n-hosting .n8n-stack-preview > div:nth-child(3) { z-index: 1; width: min(70%,12rem); opacity: .55; transform: translateY(-1.2rem); }.page-n8n-hosting .n8n-stack-preview span { color: #5271ff; }.page-n8n-hosting .n8n-stack-preview i { width: 3.5rem; height: .35rem; border-radius: 999px; background: #dce2f3; }.page-n8n-hosting .n8n-stack-preview i + i { width: 2rem; }
.page-n8n-hosting .n8n-nocode-banner { grid-column: 1/-1; display: grid; grid-template-columns: auto 1fr auto; gap: 2rem; align-items: center; min-height: 9.5rem; padding: 1.5rem 2rem; overflow: hidden; }.page-n8n-hosting .n8n-nocode-banner-label { display: flex; align-items: center; gap: .9rem; padding: .85rem 1rem; border: 1px solid #e7e8ee; border-radius: .8rem; background: #f9fafc; }.page-n8n-hosting .n8n-nocode-banner-label > span { color: #5271ff; font-size: 1.8rem; }.page-n8n-hosting .n8n-nocode-banner-label div { display: grid; gap: .1rem; }.page-n8n-hosting .n8n-nocode-banner-label small { color: #747686; font-size: .55rem; }.page-n8n-hosting .n8n-nocode-banner-label strong { font-size: .9rem; }
.page-n8n-hosting .n8n-nocode-tools { display: flex; align-items: center; justify-content: center; gap: .6rem; }.page-n8n-hosting .n8n-nocode-tools span { display: grid; width: 3.2rem; height: 3.2rem; place-items: center; border: 1px solid #e3e5ec; border-radius: .8rem; background: #fff; color: #5d6170; box-shadow: 0 7px 18px rgba(31,42,85,.05); }.page-n8n-hosting .n8n-nocode-tools i { width: 2rem; height: 1px; background: linear-gradient(90deg,#cdd5ff,#5271ff); }
.page-n8n-hosting .n8n-developer-section { background: #fff; padding-top: clamp(2rem,4vw,4rem); }
.page-n8n-hosting .n8n-developer-grid { display: grid; grid-template-columns: minmax(440px,1.05fr) minmax(0,.95fr); gap: clamp(3rem,7vw,7rem); align-items: center; }
.page-n8n-hosting .n8n-developer-grid > * { min-width: 0; }
.page-n8n-hosting .n8n-developer-copy h2 { max-width: 720px; margin: 1.15rem 0 1.2rem; font-size: clamp(2.35rem,4vw,4rem); line-height: 1.04; letter-spacing: -.055em; font-weight: 800; }
.page-n8n-hosting .n8n-developer-copy > p { max-width: 680px; margin: 0; color: #5f6272; font-size: 1rem; line-height: 1.75; }
.page-n8n-hosting .n8n-developer-list { display: grid; gap: 1rem; margin: 1.7rem 0 2rem; padding: 0; list-style: none; }
.page-n8n-hosting .n8n-developer-list li { display: flex; align-items: flex-start; gap: .75rem; color: #31333e; font-size: .92rem; font-weight: 680; line-height: 1.5; }
.page-n8n-hosting .n8n-developer-list span { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; flex: 0 0 auto; margin-top: .05rem; border-radius: 50%; background: #e8f8f1; color: #18aa70; font-size: .9rem; font-weight: 800; }
.page-n8n-hosting .n8n-developer-visual { position: relative; min-height: 550px; overflow: hidden; border: 1px solid rgba(82,113,255,.18); border-radius: 1.6rem; background: radial-gradient(circle at 80% 15%,rgba(255,255,255,.42),transparent 32%),linear-gradient(135deg,#1e73ee,#6ba5f5 58%,#eaf3ff); box-shadow: 0 28px 65px rgba(53,112,220,.18); }
.page-n8n-hosting .n8n-developer-visual::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent); }
.page-n8n-hosting .n8n-dev-browser { position: absolute; inset: 20% 10% 14% 18%; overflow: hidden; border: 1px solid rgba(255,255,255,.75); border-radius: 1.2rem; background: rgba(248,251,255,.94); box-shadow: 0 25px 55px rgba(28,72,151,.22); }
.page-n8n-hosting .n8n-dev-browser-bar { display: flex; align-items: center; gap: .4rem; min-height: 3.2rem; padding: 0 1rem; border-bottom: 1px solid #dfe6f4; background: rgba(255,255,255,.85); }
.page-n8n-hosting .n8n-dev-browser-bar i { width: .6rem; height: .6rem; border-radius: 50%; background: #ff5f57; }.page-n8n-hosting .n8n-dev-browser-bar i:nth-child(2) { background: #febc2e; }.page-n8n-hosting .n8n-dev-browser-bar i:nth-child(3) { background: #28c840; }.page-n8n-hosting .n8n-dev-browser-bar span { margin-left: auto; color: #7b8192; font: .68rem ui-monospace,monospace; }
.page-n8n-hosting .n8n-dev-terminal { display: grid; gap: .9rem; padding: clamp(4rem,8vw,6rem) clamp(1.4rem,4vw,3rem) 2rem; color: #384158; font: clamp(.72rem,1.1vw,.9rem)/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
.page-n8n-hosting .n8n-dev-terminal span { white-space: nowrap; }.page-n8n-hosting .n8n-dev-terminal em { color: #5271ff; font-style: normal; font-weight: 800; }.page-n8n-hosting .n8n-dev-terminal .is-success { margin-top: .7rem; color: #159967; font-weight: 750; }
.page-n8n-hosting .n8n-dev-float { position: absolute; z-index: 3; display: flex; align-items: center; gap: .7rem; padding: .85rem 1rem; border: 1px solid rgba(255,255,255,.76); border-radius: .9rem; background: rgba(255,255,255,.92); box-shadow: 0 14px 32px rgba(29,80,168,.17); backdrop-filter: blur(10px); }
.page-n8n-hosting .n8n-dev-float > span { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; flex: 0 0 auto; border-radius: .7rem; background: #edf1ff; color: #5271ff; }.page-n8n-hosting .n8n-dev-float div { display: grid; gap: .15rem; }.page-n8n-hosting .n8n-dev-float small { color: #747686; font-size: .58rem; }.page-n8n-hosting .n8n-dev-float strong { color: #292c38; font-size: .68rem; }.page-n8n-hosting .n8n-dev-float b { margin-left: .75rem; padding: .3rem .5rem; border-radius: 999px; background: #e8f8f1; color: #159967; font-size: .55rem; text-transform: uppercase; letter-spacing: .05em; }
.page-n8n-hosting .n8n-dev-cron { top: 7%; left: 4%; }.page-n8n-hosting .n8n-dev-git { right: 3%; bottom: 8%; }.page-n8n-hosting .n8n-dev-health { top: 34%; right: 3%; }
.page-n8n-hosting .n8n-plans-section { background: #f7f8ff; }.page-n8n-hosting .n8n-plan-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }.page-n8n-hosting .n8n-plan-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 2rem 1.5rem; border: 1px solid #dfe2ec; border-radius: 1.35rem; background: #fff; box-shadow: 0 16px 40px rgba(31,42,85,.055); }.page-n8n-hosting .n8n-plan-card.is-featured { border: 2px solid #5271ff; background: linear-gradient(180deg,#f5f7ff,#fff 34%); box-shadow: 0 24px 55px rgba(82,113,255,.16); }.page-n8n-hosting .n8n-popular { position: absolute; top: 0; right: 1.25rem; transform: translateY(-50%); padding: .42rem .72rem; border-radius: 999px; background: #5271ff; color: #fff; font-size: .62rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.page-n8n-hosting .n8n-plan-card h3 { margin: 0 0 .55rem; font-size: 1.45rem; }.page-n8n-hosting .n8n-plan-card > p { min-height: 3.4rem; margin: 0 0 1.4rem; color: #747686; font-size: .82rem; line-height: 1.55; }.page-n8n-hosting .n8n-plan-price { display: flex; align-items: baseline; gap: .3rem; margin-bottom: 1.25rem; }.page-n8n-hosting .n8n-plan-price strong { font-size: 2rem; letter-spacing: -.04em; }.page-n8n-hosting .n8n-plan-price span { color: #747686; font-size: .75rem; }.page-n8n-hosting .n8n-plan-card .n8n-button { width: 100%; border-radius: .75rem; }.page-n8n-hosting .n8n-plan-card ul { display: grid; gap: .8rem; margin: 1.5rem 0 0; padding: 1.5rem 0 0; border-top: 1px solid #e5e7ef; list-style: none; }.page-n8n-hosting .n8n-plan-card li { display: flex; align-items: center; gap: .55rem; color: #444655; font-size: .78rem; font-weight: 650; }.page-n8n-hosting .n8n-plan-card li span { color: #5271ff; font-size: 1rem; }
.page-n8n-hosting .n8n-benefits-section { background: #fff; }.page-n8n-hosting .n8n-benefit-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #e2e4ec; border-radius: 1.4rem; overflow: hidden; }.page-n8n-hosting .n8n-benefit-grid article { min-height: 17rem; padding: 2rem; }.page-n8n-hosting .n8n-benefit-grid article:nth-child(-n+3) { border-bottom: 1px solid #e2e4ec; }.page-n8n-hosting .n8n-benefit-grid article:not(:nth-child(3n)) { border-right: 1px solid #e2e4ec; }.page-n8n-hosting .n8n-benefit-grid article > span { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .9rem; background: #edf1ff; color: #5271ff; }.page-n8n-hosting .n8n-benefit-grid h3 { margin: 2rem 0 .7rem; font-size: 1.2rem; }.page-n8n-hosting .n8n-benefit-grid p { margin: 0; color: #656879; font-size: .88rem; line-height: 1.65; }
.page-n8n-hosting .n8n-deploy-section { background: linear-gradient(135deg,#f2f5ff,#fff8f4); }.page-n8n-hosting .n8n-deploy-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem,7vw,7rem); align-items: center; }.page-n8n-hosting .n8n-deploy-grid > div { min-width: 0; }.page-n8n-hosting .n8n-deploy-section .n8n-button { margin-top: 1.25rem; }.page-n8n-hosting .n8n-steps { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }.page-n8n-hosting .n8n-steps li { display: flex; align-items: center; gap: 1rem; padding: 1.2rem; border: 1px solid #dfe2ec; border-radius: 1rem; background: rgba(255,255,255,.86); box-shadow: 0 12px 30px rgba(31,42,85,.045); }.page-n8n-hosting .n8n-steps b { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; flex: 0 0 auto; border-radius: .8rem; background: #5271ff; color: #fff; font-size: .72rem; }.page-n8n-hosting .n8n-steps div { display: grid; gap: .25rem; }.page-n8n-hosting .n8n-steps strong { font-size: .9rem; }.page-n8n-hosting .n8n-steps span { color: #747686; font-size: .78rem; }
.page-n8n-hosting .n8n-support-section { padding-top: 2rem; background: #fff; }.page-n8n-hosting .n8n-support-panel { display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: end; padding: clamp(2rem,5vw,4rem); border: 1px solid #dce2f8; border-radius: 1.7rem; background: radial-gradient(circle at 90% 20%,rgba(82,113,255,.18),transparent 34%),#f9fbff; }.page-n8n-hosting .n8n-support-panel .n8n-button { white-space: nowrap; }
@media (max-width: 1100px) { .page-n8n-hosting .n8n-hero-grid { grid-template-columns: 1fr 450px; gap: 3rem; }.page-n8n-hosting .n8n-plan-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 820px) { .page-n8n-hosting .n8n-hero { min-height: auto; padding-bottom: 5rem; }.page-n8n-hosting .n8n-hero-grid,.page-n8n-hosting .n8n-intro-grid,.page-n8n-hosting .n8n-developer-grid,.page-n8n-hosting .n8n-deploy-grid,.page-n8n-hosting .n8n-support-panel { grid-template-columns: 1fr; }.page-n8n-hosting .n8n-hero-visual,.page-n8n-hosting .n8n-intro-visual,.page-n8n-hosting .n8n-developer-visual { max-width: 650px; width: 100%; }.page-n8n-hosting .n8n-nocode-grid { grid-template-columns: 1fr 1fr; }.page-n8n-hosting .n8n-nocode-builder,.page-n8n-hosting .n8n-nocode-banner { grid-column: 1/-1; }.page-n8n-hosting .n8n-benefit-grid { grid-template-columns: 1fr 1fr; }.page-n8n-hosting .n8n-benefit-grid article:nth-child(n) { border-right: 0; border-bottom: 1px solid #e2e4ec; }.page-n8n-hosting .n8n-benefit-grid article:nth-child(odd) { border-right: 1px solid #e2e4ec; }.page-n8n-hosting .n8n-benefit-grid article:nth-last-child(-n+2) { border-bottom: 0; }.page-n8n-hosting .n8n-support-panel { align-items: start; } }
@media (max-width: 580px) { .page-n8n-hosting .container-custom { width: min(calc(100% - 24px),var(--site-container-width)); }.page-n8n-hosting .n8n-hero h1 { font-size: clamp(2.45rem,12vw,3.15rem); overflow-wrap: break-word; }.page-n8n-hosting .n8n-actions { display: grid; }.page-n8n-hosting .n8n-actions .n8n-button { width: 100%; }.page-n8n-hosting .n8n-workflow-canvas { min-height: 520px; }.page-n8n-hosting .n8n-node { min-width: 8.6rem; }.page-n8n-hosting .n8n-node-router { top: 39%; left: 26%; }.page-n8n-hosting .n8n-node-crm { top: 57%; left: 5%; right: auto; }.page-n8n-hosting .n8n-node-alert { right: 4%; bottom: 14%; }.page-n8n-hosting .n8n-execution-card { display: none; }.page-n8n-hosting .n8n-nocode-grid { grid-template-columns: 1fr; }.page-n8n-hosting .n8n-nocode-card { min-height: 430px; }.page-n8n-hosting .n8n-nocode-banner { grid-template-columns: 1fr; gap: 1.25rem; }.page-n8n-hosting .n8n-nocode-tools { justify-content: flex-start; overflow: hidden; }.page-n8n-hosting .n8n-nocode-tools i { width: .75rem; }.page-n8n-hosting .n8n-developer-visual { min-height: 440px; }.page-n8n-hosting .n8n-dev-browser { inset: 20% 5% 12% 10%; }.page-n8n-hosting .n8n-dev-terminal { padding-inline: 1rem; font-size: .62rem; }.page-n8n-hosting .n8n-dev-health { display: none; }.page-n8n-hosting .n8n-dev-cron { top: 5%; left: 3%; }.page-n8n-hosting .n8n-dev-git { right: 3%; bottom: 5%; }.page-n8n-hosting .n8n-trust-strip .container-custom { grid-template-columns: repeat(2,1fr); }.page-n8n-hosting .n8n-trust-strip span:nth-child(2) { border-right: 0; }.page-n8n-hosting .n8n-trust-strip span:nth-child(-n+2) { border-bottom: 1px solid #e5e7ef; }.page-n8n-hosting .n8n-plan-grid,.page-n8n-hosting .n8n-benefit-grid { grid-template-columns: 1fr; }.page-n8n-hosting .n8n-benefit-grid article:nth-child(n) { border-right: 0; border-bottom: 1px solid #e2e4ec; }.page-n8n-hosting .n8n-benefit-grid article:last-child { border-bottom: 0; }.page-n8n-hosting .n8n-plan-card,.page-n8n-hosting .n8n-benefit-grid article { padding: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .page-n8n-hosting .n8n-button { transition: none; }.page-n8n-hosting .n8n-button:hover { transform: none; } }

/* ─── OpenClaw page consistency and responsive hardening ────────────────── */
.page-openclaw { overflow: clip; background: #fff; color: #1a1b23; font-family: var(--font-brand-sans); font-size: 1rem; line-height: 1.6; }
.page-openclaw h1,.page-openclaw h2,.page-openclaw h3,.page-openclaw h4 { font-family: var(--font-brand-display); color: #1a1b23; text-wrap: balance; }
.page-openclaw .oc-hero-bg { background: radial-gradient(circle at 12% 18%,rgba(255,238,226,.8),transparent 30%),radial-gradient(circle at 88% 30%,rgba(82,113,255,.11),transparent 34%),linear-gradient(135deg,#fff 0%,#fbf8ff 52%,#f5f7ff 100%); }
.page-openclaw .oc-hero { min-height: min(880px,calc(100svh - 2rem)); display: flex; align-items: center; padding-top: clamp(3.5rem,7vw,7rem); padding-bottom: clamp(5rem,8vw,8rem); }
.page-openclaw .oc-hero h1 { max-width: 760px; font-size: clamp(3rem,5.1vw,5.4rem); line-height: .98; letter-spacing: -.065em; }
.page-openclaw .oc-hero p { max-width: 650px; }
.page-openclaw .oc-hero .grid { gap: clamp(3rem,7vw,7rem); }.page-openclaw .oc-hero .grid > * { min-width: 0; }
.page-openclaw .oc-hero .reveal.flex > div { max-width: 520px !important; border-color: rgba(82,113,255,.16) !important; box-shadow: 0 28px 70px rgba(31,42,85,.13) !important; }
.page-openclaw .oc-hero { position: relative; isolation: isolate; min-height: min(940px,calc(100svh - 1px)); overflow: hidden; padding: clamp(11rem,15vw,13rem) 0 clamp(4.5rem,7vw,7rem) !important; }
.page-openclaw .oc-hero-glow { position: absolute; z-index: -1; top: 8%; right: -8%; width: min(60vw,900px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle,rgba(82,113,255,.14),rgba(137,95,255,.055) 45%,transparent 70%); filter: blur(12px); }
.page-openclaw .oc-hero-shell { display: grid; grid-template-columns: minmax(0,.82fr) minmax(540px,1.18fr); gap: clamp(3rem,7vw,7rem); align-items: center; }
.page-openclaw .oc-hero-copy { min-width: 0; }.page-openclaw .oc-hero-copy .oc-badge { margin-bottom: 1.4rem; }.page-openclaw .oc-hero-copy h1 { max-width: 750px; margin: 0; color: #171821; font-size: clamp(3.2rem,5.3vw,5.35rem); line-height: 1; letter-spacing: -.04em; font-weight: 700; }.page-openclaw .oc-hero-copy h1 span { display: block; color: #5271ff; }.page-openclaw .oc-hero-copy > p { max-width: 640px; margin: 1.5rem 0 0; color: #5f6272; font-size: 1.05rem; line-height: 1.7; letter-spacing: -.008em; }
.page-openclaw .oc-hero-benefits { display: grid; gap: .8rem; margin: 1.7rem 0 0; padding: 0; list-style: none; }.page-openclaw .oc-hero-benefits li { display: flex; align-items: center; gap: .7rem; color: #31333e; font-size: .88rem; line-height: 1.5; font-weight: 650; letter-spacing: -.005em; }.page-openclaw .oc-hero-benefits span { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #e8f8f1; color: #159967; font-size: .88rem; font-weight: 800; }
.page-openclaw .oc-hero-price { display: flex; align-items: baseline; gap: .35rem; margin-top: 1.8rem; }.page-openclaw .oc-hero-price span { margin-right: .25rem; color: #747686; font-size: .72rem; font-weight: 700; }.page-openclaw .oc-hero-price strong { color: #171821; font-family: var(--font-brand-display); font-size: 2.1rem; font-weight: 700; letter-spacing: -.035em; }.page-openclaw .oc-hero-price small { color: #747686; font-size: .72rem; }
.page-openclaw .oc-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.2rem; }.page-openclaw .oc-primary-button,.page-openclaw .oc-secondary-button { display: inline-flex; min-height: 3.35rem; align-items: center; justify-content: center; gap: .55rem; padding: .85rem 1.45rem; border: 1.5px solid #5271ff; border-radius: .8rem; font-size: .84rem; font-weight: 780; text-decoration: none; transition: transform .2s ease,box-shadow .2s ease,background .2s ease; }.page-openclaw .oc-primary-button { background: #5271ff; color: #fff; box-shadow: 0 13px 28px rgba(82,113,255,.24); }.page-openclaw .oc-primary-button:hover { background: #4363f1; box-shadow: 0 17px 34px rgba(82,113,255,.3); transform: translateY(-2px); }.page-openclaw .oc-primary-button span { font-size: 1.05rem; }.page-openclaw .oc-secondary-button { background: rgba(255,255,255,.78); color: #405fe7; }.page-openclaw .oc-secondary-button:hover { background: #fff; transform: translateY(-2px); }
.page-openclaw .oc-hero-guarantee { display: flex; align-items: center; gap: .5rem; margin-top: 1rem !important; color: #656879 !important; font-size: .72rem !important; font-weight: 650; }.page-openclaw .oc-hero-guarantee span { color: #159967; font-size: 1rem; }
.page-openclaw .oc-ecosystem { position: relative; min-width: 0; min-height: 570px; overflow: hidden; border: 1px solid rgba(82,113,255,.15); border-radius: 2rem; background: radial-gradient(circle at 50% 48%,rgba(116,92,255,.23),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.94),rgba(242,245,255,.94)); box-shadow: 0 35px 90px rgba(31,42,85,.14); }
.page-openclaw .oc-ecosystem::before { content: ""; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(82,113,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(82,113,255,.11) 1px,transparent 1px); background-size: 50px 50px; mask-image: radial-gradient(circle,#000 20%,transparent 72%); }
.page-openclaw .oc-route { position: absolute; border: 1.5px solid rgba(98,75,223,.42); border-radius: 28%; transform: rotate(-8deg); }.page-openclaw .oc-route-one { inset: 8% 10%; }.page-openclaw .oc-route-two { inset: 16% 18%; }.page-openclaw .oc-route-three { inset: 25% 26%; box-shadow: 0 0 42px rgba(99,76,226,.16); }
.page-openclaw .oc-ai-core { position: absolute; z-index: 4; top: 50%; left: 50%; display: grid; width: 15rem; min-height: 13rem; place-content: center; justify-items: center; border: 1px solid rgba(82,113,255,.25); border-radius: 2rem; background: linear-gradient(145deg,#fff,#edf1ff); box-shadow: 0 25px 65px rgba(69,63,165,.22); transform: translate(-50%,-50%) rotate(-3deg); }.page-openclaw .oc-ai-core > span { color: #5271ff; font-size: 4rem; }.page-openclaw .oc-ai-core strong { margin-top: .4rem; color: #1d2030; font-size: 1.25rem; }.page-openclaw .oc-ai-core small { color: #747686; font-size: .64rem; }
.page-openclaw .oc-app { position: absolute; z-index: 5; display: grid; min-width: 6rem; min-height: 5.3rem; place-content: center; justify-items: center; border: 1px solid #dfe3f2; border-radius: 1.1rem; background: rgba(255,255,255,.94); box-shadow: 0 16px 34px rgba(31,42,85,.14); }.page-openclaw .oc-app span { color: #5271ff; font-size: 1.7rem; }.page-openclaw .oc-app b { margin-top: .3rem; color: #4c5060; font-size: .6rem; }.page-openclaw .oc-app-telegram { top: 21%; left: 8%; }.page-openclaw .oc-app-terminal { top: 8%; left: 40%; }.page-openclaw .oc-app-workflow { top: 18%; right: 7%; }.page-openclaw .oc-app-data { left: 6%; bottom: 14%; }.page-openclaw .oc-app-api { right: 8%; bottom: 13%; }
.page-openclaw .oc-cursor { position: absolute; z-index: 7; right: 28%; bottom: 17%; color: #20233a; font-size: 4.8rem; font-variation-settings: 'FILL' 1; filter: drop-shadow(0 5px 3px rgba(255,255,255,.95)) drop-shadow(0 12px 18px rgba(31,42,85,.23)); transform: rotate(-18deg); }
.page-openclaw .oc-visual-status { position: absolute; z-index: 6; left: 50%; bottom: 4%; display: flex; align-items: center; gap: .5rem; min-width: 12rem; padding: .7rem .85rem; border: 1px solid #e1e4ef; border-radius: 999px; background: rgba(255,255,255,.9); color: #4b4f5e; font-size: .65rem; font-weight: 700; box-shadow: 0 9px 25px rgba(31,42,85,.1); backdrop-filter: blur(12px); transform: translateX(-50%); }.page-openclaw .oc-visual-status > span { width: .48rem; height: .48rem; border-radius: 50%; background: #18aa70; box-shadow: 0 0 0 5px rgba(24,170,112,.12); }.page-openclaw .oc-visual-status b { margin-left: auto; color: #159967; }
.page-openclaw .oc-badge { display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .8rem; border: 1px solid rgba(82,113,255,.2); border-radius: 999px; background: #edf1ff; color: #405fe7; font-family: var(--font-brand-sans); font-size: .7rem; line-height: 1; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.page-openclaw .oc-badge-orange { border-color: rgba(255,122,26,.2); background: #fff3e9; color: #bd540b; }
.page-openclaw .bg-primary { background-color: #5271ff !important; }.page-openclaw .text-primary { color: #5271ff !important; }.page-openclaw .border-primary { border-color: #5271ff !important; }
.page-openclaw section > .max-w-7xl,.page-openclaw section > .max-w-6xl { width: min(calc(100% - (var(--responsive-page-gutter,48px) * 2)),var(--site-container-width)); max-width: var(--site-container-width); margin-inline: auto; padding-inline: 0; }
.page-openclaw section.py-24 { padding-block: clamp(5rem,8vw,8rem); }
.page-openclaw section h2 { font-size: clamp(2.3rem,3.8vw,3.55rem); letter-spacing: -.04em; line-height: 1.07; font-weight: 700; }.page-openclaw section h2 + p { color: #656879; font-size: 1rem; line-height: 1.7; letter-spacing: -.006em; }.page-openclaw section h3 { line-height: 1.16; letter-spacing: -.025em; font-weight: 700; }
.page-openclaw .stitch-kb-overlay { background: linear-gradient(90deg,rgba(20,24,37,.96) 0%,rgba(27,32,48,.82) 48%,rgba(27,32,48,.18) 100%); }
.page-openclaw .stitch-kb-content h2 { color: #fff; text-shadow: 0 2px 20px rgba(0,0,0,.28); }
.page-openclaw .stitch-kb-content > p,
.page-openclaw .stitch-kb-content h2 + p { color: #f1f4ff; text-shadow: 0 1px 12px rgba(0,0,0,.3); }
.page-openclaw .oc-feature-card,.page-openclaw .oc-use-card { border: 1px solid #e2e4ec; border-radius: 1.35rem; background: #fff; box-shadow: 0 14px 35px rgba(31,42,85,.05); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.page-openclaw .oc-feature-card:hover,.page-openclaw .oc-use-card:hover { border-color: rgba(82,113,255,.32); box-shadow: 0 22px 48px rgba(31,42,85,.09); transform: translateY(-3px); }
.page-openclaw .oc-feature-card { min-height: 16rem; padding: 2rem; }.page-openclaw .oc-feature-card > .material-symbols-outlined { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .9rem; background: #edf1ff; font-size: 1.55rem !important; }.page-openclaw .oc-feature-card h3 { margin-top: 1.6rem; font-size: 1.08rem; }.page-openclaw .oc-feature-card p { color: #656879; font-size: .88rem; line-height: 1.65; letter-spacing: -.004em; }
.page-openclaw .oc-use-card { min-height: 12rem; padding: 1.6rem; }.page-openclaw .oc-use-card h3 { font-size: 1.04rem; }.page-openclaw .oc-use-card p { color: #656879; font-size: .88rem; line-height: 1.65; letter-spacing: -.004em; }
.page-openclaw #how-it-works,.page-openclaw #pricing { background: linear-gradient(135deg,#f6f8ff,#fff 55%,#fff8f4) !important; }.page-openclaw #features { background: #fff; }
.page-openclaw #pricing article { border-radius: 1.35rem; box-shadow: 0 16px 42px rgba(31,42,85,.055); }.page-openclaw #pricing article:hover { box-shadow: 0 22px 52px rgba(31,42,85,.1); }.page-openclaw #pricing .relative > div.absolute { background: #5271ff !important; box-shadow: 0 8px 22px rgba(82,113,255,.28) !important; }
.page-openclaw .oc-final-cta { background: radial-gradient(circle at 85% 15%,rgba(255,255,255,.16),transparent 35%),linear-gradient(135deg,#203d9d,#5271ff) !important; }.page-openclaw .oc-final-cta > div { width: min(calc(100% - (var(--responsive-page-gutter,48px) * 2)),900px); padding-inline: 0; }.page-openclaw .oc-final-cta h2 { color: #fff; }
.page-openclaw #pricing .grid > div { min-width: 0; }
.page-openclaw .oc-billing-label { display: inline-flex; min-height: 2.75rem; align-items: center; gap: .55rem; padding: .65rem 1rem; border: 1px solid rgba(82,113,255,.2); border-radius: 999px; background: #fff; color: #4b5570; font-size: .78rem; font-weight: 750; box-shadow: 0 8px 22px rgba(31,42,85,.055); }.page-openclaw .oc-billing-label span { color: #5271ff; font-size: 1rem; }
.page-openclaw #pricing a,.page-openclaw .oc-hero a { min-height: 3.25rem; }
.page-openclaw table { border-collapse: separate; border-spacing: 0; }
.page-openclaw .overflow-x-auto { scrollbar-width: thin; scrollbar-color: #b8c4ff transparent; }
.page-openclaw a:focus-visible { outline: 3px solid rgba(82,113,255,.35); outline-offset: 3px; }
@media (max-width: 1023px) { .page-openclaw .oc-hero { min-height: auto; }.page-openclaw .oc-hero-shell,.page-openclaw .oc-hero .grid { grid-template-columns: 1fr; }.page-openclaw .oc-hero-copy { max-width: 760px; }.page-openclaw .oc-ecosystem { width: min(100%,720px); }.page-openclaw .oc-hero .reveal.flex { justify-content: flex-start; }.page-openclaw .step-connector { display: none; } }
@media (max-width: 767px) { .page-openclaw .oc-hero { padding-top: 10rem !important; }.page-openclaw .oc-hero-copy h1,.page-openclaw .oc-hero h1 { max-width: 100%; font-size: clamp(2.65rem,12vw,4rem); overflow-wrap: break-word; }.page-openclaw .oc-hero p { max-width: 100%; overflow-wrap: anywhere; }.page-openclaw .oc-hero nav { margin-bottom: 2rem; }.page-openclaw .oc-hero .reveal.flex,.page-openclaw .oc-hero .reveal.flex > div { width: 100%; max-width: 100% !important; }.page-openclaw .oc-hero .reveal.flex > div { padding: 1.25rem !important; }.page-openclaw .oc-ecosystem { min-height: 460px; border-radius: 1.4rem; }.page-openclaw .oc-ai-core { width: 11rem; min-height: 9.5rem; }.page-openclaw .oc-ai-core > span { font-size: 3rem; }.page-openclaw .oc-app { min-width: 4.5rem; min-height: 4.2rem; }.page-openclaw .oc-app span { font-size: 1.3rem; }.page-openclaw .oc-app-telegram,.page-openclaw .oc-app-data { left: 3%; }.page-openclaw .oc-app-workflow,.page-openclaw .oc-app-api { right: 3%; }.page-openclaw .oc-app-terminal { left: 38%; }.page-openclaw .oc-cursor { right: 22%; bottom: 15%; font-size: 3.7rem; }.page-openclaw section > .max-w-7xl,.page-openclaw section > .max-w-6xl { width: min(calc(100% - 40px),var(--site-container-width)); }.page-openclaw section h2 { font-size: clamp(2rem,9vw,3rem); }.page-openclaw #pricing .grid { grid-template-columns: 1fr; }.page-openclaw #pricing article,.page-openclaw #pricing article > div,.page-openclaw #pricing article .flex-1 { min-width: 0; max-width: 100%; }.page-openclaw .oc-compare-table.row-label { min-width: 170px; }.page-openclaw table { min-width: 680px; } }
@media (max-width: 420px) { .page-openclaw section > .max-w-7xl,.page-openclaw section > .max-w-6xl { width: min(calc(100% - 32px),var(--site-container-width)); }.page-openclaw .oc-hero-actions,.page-openclaw .oc-hero .flex.flex-wrap.gap-4 { display: grid; }.page-openclaw .oc-hero-actions a,.page-openclaw .oc-hero .flex.flex-wrap.gap-4 a { width: 100%; justify-content: center; }.page-openclaw .oc-ecosystem { min-height: 420px; }.page-openclaw .oc-app-terminal { display: none; }.page-openclaw .oc-route-one { inset: 7%; }.page-openclaw .oc-route-two { inset: 16% 10%; }.page-openclaw .oc-route-three { inset: 26% 18%; } }
@media (prefers-reduced-motion: reduce) { .page-openclaw * { scroll-behavior: auto !important; }.page-openclaw .reveal { transition: none !important; transform: none !important; } }

/* ─── Unified responsive page gutters ──────────────────────────────────────
   A single outer gutter keeps the header, sections, cards and footer aligned
   when the 1536px site container is wider than a laptop or tablet viewport. */
body { --responsive-page-gutter: 48px; }

@media (max-width: 1599px) {
    .max-w-7xl.mx-auto,
    .merovps-marketing-page .container-custom,
    .home .container-custom,
    .stitch-home-header .container-custom {
        width: min(calc(100% - (var(--responsive-page-gutter) * 2)), var(--site-container-width)) !important;
        margin-inline: auto !important;
    }

    /* The width above supplies the outer gutter; remove utility padding so it
       cannot create a second, inconsistent inset on individual sections. */
    .max-w-7xl.mx-auto.px-margin-desktop,
    .max-w-7xl.mx-auto[class*="px-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .stitch-home-header > header.is-floating {
        width: min(calc(100% - (var(--responsive-page-gutter) * 2)), var(--header-container-width));
    }

    .home-support {
        padding-left: var(--responsive-page-gutter);
        padding-right: var(--responsive-page-gutter);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body { --responsive-page-gutter: 32px; }
}

@media (max-width: 767px) {
    body { --responsive-page-gutter: 20px; }

    .max-w-7xl.mx-auto,
    .merovps-marketing-page .container-custom,
    .home .container-custom,
    .stitch-home-header .container-custom {
        width: calc(100% - (var(--responsive-page-gutter) * 2)) !important;
        max-width: none;
    }

    .stitch-home-header > header.is-floating {
        width: calc(100% - (var(--responsive-page-gutter) * 2));
    }

    .home-support { padding-inline: var(--responsive-page-gutter); }
}
/* Windows VPS latest articles — Stitch Precision Modernism. */
.windows-latest-articles { padding: clamp(72px,9vw,112px) max(24px,calc((100vw - 1280px)/2)); background: #fbf8ff; }
.windows-latest-articles__header { margin: 0 auto clamp(42px,6vw,64px); text-align: center; }
.windows-latest-articles__header > span { display: inline-block; margin-bottom: 16px; padding: 6px 16px; border-radius: 999px; background: #f3f2fe; color: #224dda; font-size: 12px; font-weight: 700; letter-spacing: .05em; }
.windows-latest-articles__header h2,.windows-latest-articles__header p { font-family: var(--font-brand-display); font-size: clamp(2rem,4vw,2.5rem); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.windows-latest-articles__header h2 { margin: 0 0 4px; color: #1a1b23; }
.windows-latest-articles__header p { position: relative; display: inline-block; margin: 0; color: transparent; -webkit-text-stroke: 1.5px #224dda; }
.windows-latest-articles__header p::after { position: absolute; right: 0; bottom: -10px; left: 0; height: 8px; border-top: 2px solid rgba(34,77,218,.22); border-radius: 50%; content: ''; transform: rotate(-1deg); }
.windows-latest-articles__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.windows-article-card { min-width: 0; }
.windows-article-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 16/10; margin-bottom: 16px; border-radius: 16px; background: #bccdf4; }
.windows-article-card--rose .windows-article-card__image { background: #f9a8a8; }
.windows-article-card--mint .windows-article-card__image { background: #c1ece5; }
.windows-article-card__image::after { position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.1),transparent 55%); content: ''; pointer-events: none; }
.windows-article-card__image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); mix-blend-mode: multiply; transition: transform .5s ease-out; }
.windows-article-card:hover .windows-article-card__image img { transform: scale(1.05); }
.windows-article-card__placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: rgba(26,27,35,.56); }
.windows-article-card__placeholder .material-symbols-outlined { font-size: 54px; }
.windows-article-card__meta { display: flex; min-height: 28px; align-items: center; justify-content: space-between; gap: 12px; }
.windows-article-card__meta a { display: inline-block; padding: 4px 12px; border-radius: 6px; background: #f3f2fe; color: #444655; font-size: 12px; font-weight: 650; text-decoration: none; }
.windows-article-card__meta time { color: #747686; font-size: 12px; }
.windows-article-card h3 { margin: 9px 0 0; font-size: clamp(1.2rem,2vw,1.5rem); font-weight: 650; line-height: 1.32; letter-spacing: -.02em; }
.windows-article-card h3 a { color: #1a1b23; text-decoration: none; transition: color .2s ease; }
.windows-article-card:hover h3 a { color: #224dda; }
.windows-article-card :focus-visible { outline: 3px solid rgba(34,77,218,.32); outline-offset: 4px; }
@media (max-width:820px) { .windows-latest-articles__grid { grid-template-columns: 1fr; gap: 40px; } .windows-article-card { max-width: 620px; width: 100%; margin-inline: auto; } }
@media (max-width:520px) { .windows-latest-articles { padding-inline: 16px; } .windows-article-card__meta { align-items: flex-start; flex-direction: column; gap: 7px; } }
@media (prefers-reduced-motion:reduce) { .windows-article-card__image img { transition: none; } }

/* n8n Hosting latest articles — Stitch Precision Modernism. */
.n8n-latest-articles { padding: clamp(72px,9vw,112px) max(24px,calc((100vw - 1280px)/2)); background: #fbf8ff; }
.n8n-latest-articles__header { margin: 0 auto clamp(42px,6vw,64px); text-align: center; }
.n8n-latest-articles__header > span { display: inline-block; margin-bottom: 16px; padding: 6px 16px; border-radius: 999px; background: #f3f2fe; color: #224dda; font-size: 12px; font-weight: 700; letter-spacing: .05em; }
.n8n-latest-articles__header h2,.n8n-latest-articles__header p { font-family: var(--font-brand-display); font-size: clamp(2rem,4vw,2.5rem); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.n8n-latest-articles__header h2 { margin: 0 0 4px; color: #1a1b23; }
.n8n-latest-articles__header p { position: relative; display: inline-block; margin: 0; color: transparent; -webkit-text-stroke: 1.5px #224dda; }
.n8n-latest-articles__header p::after { position: absolute; right: 0; bottom: -10px; left: 0; height: 8px; border-top: 2px solid rgba(34,77,218,.22); border-radius: 50%; content: ''; transform: rotate(-1deg); }
.n8n-latest-articles__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.n8n-article-card { min-width: 0; }
.n8n-article-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 16/10; margin-bottom: 16px; border-radius: 16px; background: #bccdf4; }
.n8n-article-card--rose .n8n-article-card__image { background: #f9a8a8; }.n8n-article-card--mint .n8n-article-card__image { background: #c1ece5; }
.n8n-article-card__image::after { position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.1),transparent 55%); content: ''; pointer-events: none; }
.n8n-article-card__image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); mix-blend-mode: multiply; transition: transform .5s ease-out; }
.n8n-article-card:hover .n8n-article-card__image img { transform: scale(1.05); }
.n8n-article-card__placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: rgba(26,27,35,.56); }.n8n-article-card__placeholder .material-symbols-outlined { font-size: 54px; }
.n8n-article-card__meta { display: flex; min-height: 28px; align-items: center; justify-content: space-between; gap: 12px; }
.n8n-article-card__meta a { display: inline-block; padding: 4px 12px; border-radius: 6px; background: #f3f2fe; color: #444655; font-size: 12px; font-weight: 650; text-decoration: none; }.n8n-article-card__meta time { color: #747686; font-size: 12px; }
.n8n-article-card h3 { margin: 9px 0 0; font-size: clamp(1.2rem,2vw,1.5rem); font-weight: 650; line-height: 1.32; letter-spacing: -.02em; }.n8n-article-card h3 a { color: #1a1b23; text-decoration: none; transition: color .2s ease; }.n8n-article-card:hover h3 a { color: #224dda; }
.n8n-article-card :focus-visible { outline: 3px solid rgba(34,77,218,.32); outline-offset: 4px; }
@media (max-width:820px) { .n8n-latest-articles__grid { grid-template-columns: 1fr; gap: 40px; }.n8n-article-card { max-width: 620px; width: 100%; margin-inline: auto; } }
@media (max-width:520px) { .n8n-latest-articles { padding-inline: 16px; }.n8n-article-card__meta { align-items: flex-start; flex-direction: column; gap: 7px; } }
@media (prefers-reduced-motion:reduce) { .n8n-article-card__image img { transition: none; } }

/* OpenClaw latest articles — Stitch Precision Modernism. */
.openclaw-latest-articles { padding: clamp(72px,9vw,112px) max(24px,calc((100vw - 1280px)/2)); background: #fbf8ff; }
.openclaw-latest-articles__header { margin: 0 auto clamp(42px,6vw,64px); text-align: center; }
.openclaw-latest-articles__header > span { display: inline-block; margin-bottom: 16px; padding: 6px 16px; border-radius: 999px; background: #f3f2fe; color: #224dda; font-size: 12px; font-weight: 700; letter-spacing: .05em; }
.openclaw-latest-articles__header h2,.openclaw-latest-articles__header p { font-family: var(--font-brand-display); font-size: clamp(2rem,4vw,2.5rem); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.openclaw-latest-articles__header h2 { margin: 0 0 4px; color: #1a1b23; }
.openclaw-latest-articles__header p { position: relative; display: inline-block; margin: 0; color: transparent; -webkit-text-stroke: 1.5px #224dda; }
.openclaw-latest-articles__header p::after { position: absolute; right: 0; bottom: -10px; left: 0; height: 8px; border-top: 2px solid rgba(34,77,218,.22); border-radius: 50%; content: ''; transform: rotate(-1deg); }
.openclaw-latest-articles__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.openclaw-article-card { min-width: 0; }
.openclaw-article-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 16/10; margin-bottom: 16px; border-radius: 16px; background: #bccdf4; }
.openclaw-article-card--rose .openclaw-article-card__image { background: #f9a8a8; }.openclaw-article-card--mint .openclaw-article-card__image { background: #c1ece5; }
.openclaw-article-card__image::after { position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.1),transparent 55%); content: ''; pointer-events: none; }
.openclaw-article-card__image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); mix-blend-mode: multiply; transition: transform .5s ease-out; }
.openclaw-article-card:hover .openclaw-article-card__image img { transform: scale(1.05); }
.openclaw-article-card__placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: rgba(26,27,35,.56); }.openclaw-article-card__placeholder .material-symbols-outlined { font-size: 54px; }
.openclaw-article-card__meta { display: flex; min-height: 28px; align-items: center; justify-content: space-between; gap: 12px; }
.openclaw-article-card__meta a { display: inline-block; padding: 4px 12px; border-radius: 6px; background: #f3f2fe; color: #444655; font-size: 12px; font-weight: 650; text-decoration: none; }.openclaw-article-card__meta time { color: #747686; font-size: 12px; }
.openclaw-article-card h3 { margin: 9px 0 0; font-size: clamp(1.2rem,2vw,1.5rem); font-weight: 650; line-height: 1.32; letter-spacing: -.02em; }.openclaw-article-card h3 a { color: #1a1b23; text-decoration: none; transition: color .2s ease; }.openclaw-article-card:hover h3 a { color: #224dda; }
.openclaw-article-card :focus-visible { outline: 3px solid rgba(34,77,218,.32); outline-offset: 4px; }
@media (max-width:820px) { .openclaw-latest-articles__grid { grid-template-columns: 1fr; gap: 40px; }.openclaw-article-card { max-width: 620px; width: 100%; margin-inline: auto; } }
@media (max-width:520px) { .openclaw-latest-articles { padding-inline: 16px; }.openclaw-article-card__meta { align-items: flex-start; flex-direction: column; gap: 7px; } }
@media (prefers-reduced-motion:reduce) { .openclaw-article-card__image img { transition: none; } }

/* Tally on Cloud latest articles — Stitch Precision Modernism. */
.tally-latest-articles { padding: clamp(72px,9vw,112px) max(24px,calc((100vw - 1280px)/2)); background: #fbf8ff; }
.tally-latest-articles__header { margin: 0 auto clamp(42px,6vw,64px); text-align: center; }
.tally-latest-articles__header > span { display: inline-block; margin-bottom: 16px; padding: 6px 16px; border-radius: 999px; background: #f3f2fe; color: #224dda; font-size: 12px; font-weight: 700; letter-spacing: .05em; }
.tally-latest-articles__header h2,.tally-latest-articles__header p { font-family: var(--font-brand-display); font-size: clamp(2rem,4vw,2.5rem); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.tally-latest-articles__header h2 { margin: 0 0 4px; color: #1a1b23; }
.tally-latest-articles__header p { position: relative; display: inline-block; margin: 0; color: transparent; -webkit-text-stroke: 1.5px #224dda; }
.tally-latest-articles__header p::after { position: absolute; right: 0; bottom: -10px; left: 0; height: 8px; border-top: 2px solid rgba(34,77,218,.22); border-radius: 50%; content: ''; transform: rotate(-1deg); }
.tally-latest-articles__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.tally-article-card { min-width: 0; }
.tally-article-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 16/10; margin-bottom: 16px; border-radius: 16px; background: #bccdf4; }
.tally-article-card--rose .tally-article-card__image { background: #f9a8a8; }.tally-article-card--mint .tally-article-card__image { background: #c1ece5; }
.tally-article-card__image::after { position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.1),transparent 55%); content: ''; pointer-events: none; }
.tally-article-card__image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); mix-blend-mode: multiply; transition: transform .5s ease-out; }
.tally-article-card:hover .tally-article-card__image img { transform: scale(1.05); }
.tally-article-card__placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: rgba(26,27,35,.56); }.tally-article-card__placeholder .material-symbols-outlined { font-size: 54px; }
.tally-article-card__meta { display: flex; min-height: 28px; align-items: center; justify-content: space-between; gap: 12px; }
.tally-article-card__meta a { display: inline-block; padding: 4px 12px; border-radius: 6px; background: #f3f2fe; color: #444655; font-size: 12px; font-weight: 650; text-decoration: none; }.tally-article-card__meta time { color: #747686; font-size: 12px; }
.tally-article-card h3 { margin: 9px 0 0; font-size: clamp(1.2rem,2vw,1.5rem); font-weight: 650; line-height: 1.32; letter-spacing: -.02em; }.tally-article-card h3 a { color: #1a1b23; text-decoration: none; transition: color .2s ease; }.tally-article-card:hover h3 a { color: #224dda; }
.tally-article-card :focus-visible { outline: 3px solid rgba(34,77,218,.32); outline-offset: 4px; }
@media (max-width:820px) { .tally-latest-articles__grid { grid-template-columns: 1fr; gap: 40px; }.tally-article-card { max-width: 620px; width: 100%; margin-inline: auto; } }
@media (max-width:520px) { .tally-latest-articles { padding-inline: 16px; }.tally-article-card__meta { align-items: flex-start; flex-direction: column; gap: 7px; } }
@media (prefers-reduced-motion:reduce) { .tally-article-card__image img { transition: none; } }

/* ─── About: confident infrastructure company ───────────────────────────── */
.page-about { overflow: hidden; color: #172033; background: #fff; }
.page-about .about-shell { width: min(calc(100% - 48px),var(--site-container-width)); margin-inline: auto; }
.page-about .about-hero { position: relative; min-height: min(100vh,960px); padding: 190px 0 96px; overflow: hidden; background: radial-gradient(circle at 78% 26%,rgba(82,113,255,.18),transparent 29%),linear-gradient(115deg,#edf4fe 0%,#f7f9fc 48%,#fff2ec 100%); }
.page-about .about-hero::after { position: absolute; right: -12rem; bottom: -20rem; width: 48rem; height: 48rem; border: 1px solid rgba(82,113,255,.15); border-radius: 50%; content: ''; box-shadow: 0 0 0 80px rgba(82,113,255,.025),0 0 0 160px rgba(82,113,255,.018); }
.page-about .about-hero__grid { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(82,113,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(82,113,255,.075) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg,transparent 2%,#000 45%,#000 88%,transparent); }
.page-about .about-hero__layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.88fr) minmax(540px,1.12fr); gap: clamp(48px,7vw,112px); align-items: center; }
.page-about .about-kicker,.page-about .about-label { display: inline-flex; width: fit-content; align-items: center; gap: 9px; color: #405fe7; font-size: .7rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.page-about .about-kicker { padding: 8px 12px; border: 1px solid rgba(82,113,255,.2); border-radius: 999px; background: rgba(255,255,255,.64); }.page-about .about-kicker i { width: 7px; height: 7px; border-radius: 50%; background: #23b47e; box-shadow: 0 0 0 5px rgba(35,180,126,.12); }
.page-about .about-hero h1 { max-width: 800px; margin: 24px 0 0; color: #121827; font-family: var(--font-brand-display); font-size: clamp(3.35rem,5.6vw,6rem); font-weight: 760; line-height: .98; letter-spacing: -.062em; }.page-about .about-hero h1 span { color: #5271ff; }
.page-about .about-hero__copy > p { max-width: 680px; margin: 25px 0 0; color: #556176; font-size: clamp(1rem,1.3vw,1.14rem); line-height: 1.7; }
.page-about .about-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.page-about .about-button { display: inline-flex; min-height: 52px; padding: 0 23px; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 999px; font-size: .84rem; font-weight: 760; text-decoration: none; transition: transform .2s ease,box-shadow .2s ease,background .2s ease; }.page-about .about-button:hover { transform: translateY(-2px); }.page-about .about-button--primary { color: #fff; background: #5271ff; box-shadow: 0 15px 32px -18px rgba(35,77,218,.9); }.page-about .about-button--secondary { color: #34405a; border-color: rgba(52,64,90,.2); background: rgba(255,255,255,.6); }
.page-about .about-hero__proof { display: flex; flex-wrap: wrap; gap: 18px 24px; margin: 28px 0 0; padding: 0; list-style: none; }.page-about .about-hero__proof li { display: flex; align-items: center; gap: 7px; color: #4c586f; font-size: .76rem; font-weight: 680; }.page-about .about-hero__proof span { color: #5271ff; font-size: 17px; }
.page-about .about-control-plane { overflow: hidden; min-width: 0; border: 1px solid rgba(82,113,255,.18); border-radius: 24px; background: rgba(250,252,255,.92); box-shadow: 0 38px 90px -38px rgba(30,48,106,.42); transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.page-about .about-control-plane__bar { display: flex; min-height: 44px; padding: 0 15px; align-items: center; gap: 7px; border-bottom: 1px solid #e2e6f0; background: rgba(255,255,255,.85); }.page-about .about-control-plane__bar > span { width: 8px; height: 8px; border-radius: 50%; background: #ff6b66; }.page-about .about-control-plane__bar > span:nth-child(2) { background: #f8bb43; }.page-about .about-control-plane__bar > span:nth-child(3) { background: #32c783; }.page-about .about-control-plane__bar b { margin-left: 10px; color: #8a91a1; font: 9px ui-monospace,monospace; }.page-about .about-control-plane__bar em { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #159967; font-size: 9px; font-style: normal; font-weight: 800; text-transform: uppercase; }.page-about .about-control-plane__bar em::before { width: 6px; height: 6px; border-radius: 50%; background: #23b47e; content: ''; }
.page-about .about-control-plane__body { display: grid; grid-template-columns: 62px minmax(0,1fr); min-height: 460px; }.page-about .about-control-plane__body > aside { display: flex; padding: 15px 0; align-items: center; flex-direction: column; gap: 24px; color: #8b93a6; border-right: 1px solid #e2e6f0; background: #f5f7fc; }.page-about .about-control-plane__body > aside strong { display: grid; width: 34px; height: 34px; place-items: center; margin-bottom: 8px; border-radius: 10px; color: #fff; background: #5271ff; font-size: 11px; }.page-about .about-control-plane__body > aside i { font-size: 20px; font-style: normal; }.page-about .about-control-plane__body > aside i:first-of-type { color: #5271ff; }
.page-about .about-control-plane__content { min-width: 0; padding: 25px; }.page-about .about-control-plane__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }.page-about .about-control-plane__heading small { color: #8b93a6; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }.page-about .about-control-plane__heading h2 { margin: 5px 0 0; font-size: 1.35rem; }.page-about .about-control-plane__heading > span { display: flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 999px; color: #15825f; background: #e8f8f1; font-size: 8px; font-weight: 750; }.page-about .about-control-plane__heading > span i { width: 6px; height: 6px; border-radius: 50%; background: #23b47e; }
.page-about .about-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 25px; }.page-about .about-metrics article { display: grid; min-width: 0; padding: 15px; border: 1px solid #e2e6f0; border-radius: 13px; background: #fff; }.page-about .about-metrics article > span { color: #5271ff; font-size: 20px; }.page-about .about-metrics small { margin-top: 15px; color: #8b93a6; font-size: 8px; text-transform: uppercase; }.page-about .about-metrics strong { margin-top: 3px; font-size: 1.2rem; }.page-about .about-metrics em { margin-top: 4px; overflow: hidden; color: #737b8d; font-size: 8px; font-style: normal; white-space: nowrap; text-overflow: ellipsis; }
.page-about .about-telemetry { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.7fr); gap: 10px; margin-top: 10px; }.page-about .about-telemetry > div,.page-about .about-telemetry ul { min-width: 0; margin: 0; padding: 16px; border: 1px solid #e2e6f0; border-radius: 13px; background: #fff; }.page-about .about-telemetry small { color: #677083; font-size: 9px; font-weight: 700; }.page-about .about-telemetry b { display: flex; height: 100px; align-items: flex-end; gap: 6px; padding-top: 17px; }.page-about .about-telemetry b i { flex: 1; border-radius: 3px 3px 0 0; background: linear-gradient(#8298ff,#5271ff); }.page-about .about-telemetry ul { display: grid; align-content: center; gap: 15px; list-style: none; }.page-about .about-telemetry li { display: flex; justify-content: space-between; gap: 10px; font-size: 8px; }.page-about .about-telemetry li span { color: #8b93a6; }.page-about .about-telemetry li strong { color: #263149; }
.page-about .about-trust { border-block: 1px solid #e3e7ef; background: #fff; }.page-about .about-trust__grid { display: grid; grid-template-columns: repeat(4,1fr); }.page-about .about-trust__grid > div { display: grid; gap: 5px; padding: 25px 24px; text-align: center; }.page-about .about-trust__grid > div + div { border-left: 1px solid #e3e7ef; }.page-about .about-trust strong { color: #263149; font-family: var(--font-brand-display); font-size: 1.25rem; }.page-about .about-trust span { color: #737b8d; font-size: .72rem; }
.page-about .about-purpose { padding: clamp(88px,9vw,140px) 0; }.page-about .about-purpose__layout { display: grid; grid-template-columns: minmax(480px,1.05fr) minmax(0,.95fr); gap: clamp(56px,8vw,128px); align-items: center; }.page-about .about-purpose__media { position: relative; min-height: 590px; overflow: hidden; border-radius: 26px; background: #101a2e; }.page-about .about-purpose__media::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 45%,rgba(7,14,30,.75)); content: ''; }.page-about .about-purpose__media > img { width: 100%; height: 590px; object-fit: cover; opacity: .88; }.page-about .about-purpose__media > div { position: absolute; z-index: 2; right: 25px; bottom: 25px; left: 25px; display: grid; grid-template-columns: 44px 1fr; gap: 4px 13px; padding: 18px; border: 1px solid rgba(255,255,255,.22); border-radius: 16px; color: #fff; background: rgba(10,20,43,.72); backdrop-filter: blur(14px); }.page-about .about-purpose__media span { grid-row: 1/3; display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: #5271ff; }.page-about .about-purpose__media strong { font-size: .88rem; }.page-about .about-purpose__media small { color: rgba(255,255,255,.7); font-size: .7rem; line-height: 1.5; }
.page-about .about-purpose__copy h2,.page-about .about-section-heading h2 { margin: 17px 0 0; color: #172033; font-family: var(--font-brand-display); font-size: clamp(2.5rem,4.4vw,4.4rem); font-weight: 750; line-height: 1.04; letter-spacing: -.052em; }.page-about .about-purpose__copy > p { margin: 22px 0 0; color: #5c6577; font-size: 1rem; line-height: 1.78; }.page-about .about-purpose__copy > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; color: #405fe7; font-size: .84rem; font-weight: 780; text-decoration: none; }.page-about .about-purpose__copy > a span { font-size: 17px; }
.page-about .about-stack { padding: clamp(88px,9vw,140px) 0; background: #10192c; }.page-about .about-section-heading { max-width: 760px; }.page-about .about-section-heading h2 { color: #fff; }.page-about .about-section-heading > p { max-width: 650px; margin: 18px 0 0; color: #9ba7bd; line-height: 1.7; }.page-about .about-stack .about-label { color: #8fa4ff; }.page-about .about-stack__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 65px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; overflow: hidden; }.page-about .about-stack__grid article { position: relative; min-height: 355px; padding: 28px; color: #fff; background: rgba(255,255,255,.025); }.page-about .about-stack__grid article + article { border-left: 1px solid rgba(255,255,255,.12); }.page-about .about-stack__grid article > span { position: absolute; top: 22px; right: 24px; color: #647087; font: 10px ui-monospace,monospace; }.page-about .about-stack__grid article > i { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(143,164,255,.28); border-radius: 14px; color: #8fa4ff; background: rgba(82,113,255,.11); font-style: normal; }.page-about .about-stack__grid h3 { margin: 80px 0 0; color: #fff; font-size: 1.2rem; }.page-about .about-stack__grid p { margin: 15px 0 0; color: #9ba7bd; font-size: .83rem; line-height: 1.65; }.page-about .about-stack__grid small { position: absolute; right: 28px; bottom: 26px; left: 28px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.1); color: #6f7d96; font: 9px ui-monospace,monospace; }
.page-about .about-principles { padding: clamp(88px,9vw,140px) 0; }.page-about .about-principles .about-section-heading { margin-inline: auto; text-align: center; }.page-about .about-principles .about-section-heading h2 { color: #172033; }.page-about .about-principles__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 62px; }.page-about .about-principles__grid article { min-height: 270px; padding: 32px; border: 1px solid #e1e5ed; border-radius: 20px; background: #fff; box-shadow: 0 18px 45px -38px rgba(28,45,92,.42); }.page-about .about-principles__grid article > span { color: #5271ff; font-size: 29px; }.page-about .about-principles__grid h3 { margin: 50px 0 0; font-size: 1.25rem; }.page-about .about-principles__grid p { margin: 14px 0 0; color: #657084; font-size: .88rem; line-height: 1.65; }
.page-about .about-cta { position: relative; padding: 90px 0; overflow: hidden; background: linear-gradient(115deg,#2447a7,#5271ff 62%,#755cff); }.page-about .about-cta__glow { position: absolute; top: -13rem; right: -5rem; width: 38rem; height: 38rem; border-radius: 50%; background: rgba(255,255,255,.12); filter: blur(3px); }.page-about .about-cta__layout { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 55px; align-items: end; }.page-about .about-cta__layout > div:first-child > span { color: rgba(255,255,255,.7); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.page-about .about-cta h2 { max-width: 850px; margin: 14px 0 0; color: #fff; font-size: clamp(2.3rem,4vw,4rem); line-height: 1.06; letter-spacing: -.045em; }.page-about .about-cta__layout > div:last-child { display: flex; flex-wrap: wrap; gap: 10px; }.page-about .about-button--light { color: #2447a7; background: #fff; }.page-about .about-button--outline { color: #fff; border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); }
.page-about a:focus-visible { outline: 3px solid rgba(82,113,255,.38); outline-offset: 3px; }
@media (max-width:1100px) { .page-about .about-hero__layout { grid-template-columns: 1fr minmax(460px,.9fr); gap: 45px; }.page-about .about-stack__grid { grid-template-columns: repeat(2,1fr); }.page-about .about-stack__grid article:nth-child(3) { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }.page-about .about-stack__grid article:nth-child(4) { border-top: 1px solid rgba(255,255,255,.12); } }
@media (max-width:900px) { .page-about .about-hero__layout,.page-about .about-purpose__layout,.page-about .about-cta__layout { grid-template-columns: 1fr; }.page-about .about-control-plane { max-width: 720px; width: 100%; transform: none; }.page-about .about-purpose__media { min-height: 480px; }.page-about .about-purpose__media > img { height: 480px; }.page-about .about-cta__layout { align-items: start; }.page-about .about-principles__grid { grid-template-columns: 1fr; }.page-about .about-principles__grid article { min-height: 220px; } }
@media (max-width:640px) { .page-about .about-shell { width: min(calc(100% - 32px),var(--site-container-width)); }.page-about .about-hero { padding-top: 165px !important; }.page-about .about-hero h1 { font-size: clamp(2.7rem,13vw,3.8rem); }.page-about .about-hero__actions { display: grid; }.page-about .about-button { width: 100%; }.page-about .about-control-plane__body { grid-template-columns: 1fr; min-height: 0; }.page-about .about-control-plane__body > aside { display: none; }.page-about .about-control-plane__content { padding: 16px; }.page-about .about-control-plane__heading { align-items: flex-start; flex-direction: column; }.page-about .about-metrics { grid-template-columns: 1fr; }.page-about .about-telemetry { grid-template-columns: 1fr; }.page-about .about-trust__grid { grid-template-columns: repeat(2,1fr); }.page-about .about-trust__grid > div:nth-child(3) { border-top: 1px solid #e3e7ef; border-left: 0; }.page-about .about-trust__grid > div:nth-child(4) { border-top: 1px solid #e3e7ef; }.page-about .about-purpose__media { min-height: 390px; }.page-about .about-purpose__media > img { height: 390px; }.page-about .about-stack__grid { grid-template-columns: 1fr; }.page-about .about-stack__grid article:nth-child(n) { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }.page-about .about-stack__grid article:first-child { border-top: 0; }.page-about .about-cta__layout > div:last-child { display: grid; width: 100%; } }
@media (prefers-reduced-motion:reduce) { .page-about .about-button { transition: none; } }

/* ─── Contact: human, technical support ──────────────────────────────────── */
.page-contact { overflow: hidden; color: #172033; background: #fff; }
.page-contact .contact-shell { width: min(calc(100% - 48px),var(--site-container-width)); margin-inline: auto; }
.page-contact .contact-hero { position: relative; display: grid; min-height: min(100vh,900px); padding: 190px 24px 90px; overflow: hidden; place-items: center; background: #fbfdff; }
.page-contact .contact-hero::after { position: absolute; right: 12%; bottom: 0; left: 12%; height: 1px; background: linear-gradient(90deg,transparent,#dfe5ef,transparent); content: ''; }
.page-contact .contact-hero__wash { position: absolute; width: 42vw; height: 42vw; border-radius: 50%; filter: blur(70px); pointer-events: none; }.page-contact .contact-hero__wash--left { top: 23%; left: -24%; background: rgba(129,171,235,.24); }.page-contact .contact-hero__wash--right { right: -25%; bottom: 2%; background: rgba(198,217,247,.26); }
.page-contact .contact-hero__content { position: relative; z-index: 3; display: grid; max-width: 780px; justify-items: center; text-align: center; }
.page-contact .contact-hero__eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; padding: 7px 12px; border: 1px solid #dfe6f2; border-radius: 999px; color: #526079; background: rgba(255,255,255,.72); font-size: .7rem; font-weight: 780; letter-spacing: .07em; text-transform: uppercase; }.page-contact .contact-hero__eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: #25ad78; box-shadow: 0 0 0 5px rgba(37,173,120,.12); }
.page-contact .contact-hero h1 { margin: 0; color: #111827; font-family: var(--font-brand-display); font-size: clamp(3rem,5.5vw,5.6rem); font-weight: 760; line-height: 1; letter-spacing: -.06em; text-wrap: balance; }.page-contact .contact-hero__content > p { max-width: 700px; margin: 24px 0 0; color: #596477; font-size: clamp(1rem,1.35vw,1.15rem); line-height: 1.7; }
.page-contact .contact-hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 30px; }.page-contact .contact-button { display: inline-flex; min-height: 51px; padding: 0 23px; align-items: center; justify-content: center; gap: 9px; border-radius: 10px; font-size: .84rem; font-weight: 760; text-decoration: none; transition: transform .2s ease,box-shadow .2s ease; }.page-contact .contact-button:hover { transform: translateY(-2px); }.page-contact .contact-button--primary { color: #fff; background: #214798; box-shadow: 0 15px 30px -18px rgba(33,71,152,.8); }.page-contact .contact-button--soft { color: #294471; background: #dce9fb; }
.page-contact .contact-hero__status { display: inline-flex; min-height: 34px; margin-top: 32px; padding: 0 12px; align-items: center; gap: 7px; border: 1px solid #e2e8f2; border-radius: 999px; color: #617087; background: rgba(255,255,255,.72); font-size: .68rem; }.page-contact .contact-hero__status > span { width: 7px; height: 7px; border-radius: 50%; background: #25ad78; }.page-contact .contact-hero__status strong { color: #34405a; }.page-contact .contact-hero__status small { padding-left: 7px; border-left: 1px solid #dfe5ef; font-size: inherit; }
.page-contact .contact-orbit { position: absolute; inset: 125px 5% 20px; z-index: 2; pointer-events: none; }.page-contact .contact-orbit__person,.page-contact .contact-orbit__channel { position: absolute; display: grid; width: 94px; height: 94px; overflow: hidden; place-items: center; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 14px 32px rgba(35,55,95,.16); }.page-contact .contact-orbit__person img { width: 100%; height: 100%; object-fit: cover; }.page-contact .contact-orbit__person--one { top: 0; left: 21%; }.page-contact .contact-orbit__person--one img { object-position: 15% 44%; }.page-contact .contact-orbit__person--two { top: 31%; left: 6%; }.page-contact .contact-orbit__person--two img { object-position: 38% 48%; }.page-contact .contact-orbit__person--three { right: 7%; bottom: 29%; }.page-contact .contact-orbit__person--three img { object-position: 68% 48%; }.page-contact .contact-orbit__person--four { right: 29%; bottom: 0; }.page-contact .contact-orbit__person--four img { object-position: 88% 45%; }.page-contact .contact-orbit__channel { color: #fff; background: #2e9ee8; font-size: 48px; }.page-contact .contact-orbit__channel--mail { top: 7%; right: 18%; }.page-contact .contact-orbit__channel--chat { bottom: 9%; left: 14%; color: #fff; background: #91a9b6; transform: rotate(-9deg); }
.page-contact .contact-channels { padding: clamp(72px,8vw,110px) 0; background: #fff; }.page-contact .contact-section-heading { max-width: 720px; }.page-contact .contact-section-heading > span,.page-contact .contact-main__intro > span { color: #405fe7; font-size: .7rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }.page-contact .contact-section-heading h2,.page-contact .contact-main__intro h2 { margin: 15px 0 0; color: #172033; font-family: var(--font-brand-display); font-size: clamp(2.3rem,4vw,4rem); font-weight: 750; line-height: 1.05; letter-spacing: -.05em; }
.page-contact .contact-channels__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 48px; }.page-contact .contact-channels__grid > a { display: grid; grid-template-columns: 50px minmax(0,1fr) auto; gap: 16px; min-width: 0; padding: 23px; align-items: center; border: 1px solid #e1e6ef; border-radius: 18px; color: #263149; background: #fff; text-decoration: none; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.page-contact .contact-channels__grid > a:hover { border-color: rgba(82,113,255,.34); box-shadow: 0 18px 45px -34px rgba(34,62,130,.48); transform: translateY(-2px); }.page-contact .contact-channels__grid > a > span { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 14px; color: #5271ff; background: #edf1ff; }.page-contact .contact-channels__grid div { display: grid; min-width: 0; gap: 3px; }.page-contact .contact-channels__grid small { color: #8a93a4; font-size: .64rem; font-weight: 700; text-transform: uppercase; }.page-contact .contact-channels__grid strong { overflow: hidden; font-size: .91rem; text-overflow: ellipsis; }.page-contact .contact-channels__grid em { color: #747e91; font-size: .7rem; font-style: normal; line-height: 1.45; }.page-contact .contact-channels__grid > a > i { color: #9ca5b5; font-size: 18px; font-style: normal; }
.page-contact .contact-main { padding: clamp(82px,9vw,135px) 0; background: linear-gradient(135deg,#f3f6fc,#fff 55%,#fff8f4); }.page-contact .contact-main__layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(520px,1.2fr); gap: clamp(55px,8vw,130px); align-items: start; }.page-contact .contact-main__intro { position: sticky; top: 130px; }.page-contact .contact-main__intro > p { max-width: 610px; margin: 22px 0 0; color: #637084; line-height: 1.75; }.page-contact .contact-main__intro ul { display: grid; gap: 19px; margin: 32px 0 0; padding: 0; list-style: none; }.page-contact .contact-main__intro li { display: grid; grid-template-columns: 26px 1fr; gap: 12px; }.page-contact .contact-main__intro li > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #15825f; background: #e2f7ef; font-size: 15px; }.page-contact .contact-main__intro li div { display: grid; gap: 4px; }.page-contact .contact-main__intro li strong { color: #2e394f; font-size: .85rem; }.page-contact .contact-main__intro li small { color: #7b8596; font-size: .74rem; line-height: 1.5; }.page-contact .contact-main__note { display: flex; gap: 12px; margin-top: 34px; padding: 16px; border: 1px solid #dce4f0; border-radius: 14px; background: rgba(255,255,255,.68); }.page-contact .contact-main__note > span { color: #5271ff; }.page-contact .contact-main__note p { display: grid; gap: 3px; margin: 0; }.page-contact .contact-main__note strong { font-size: .77rem; }.page-contact .contact-main__note small { color: #7b8596; font-size: .68rem; line-height: 1.5; }
.page-contact .contact-form-card { padding: clamp(24px,4vw,42px); border: 1px solid #dfe5ee; border-radius: 24px; background: #fff; box-shadow: 0 25px 65px -48px rgba(27,45,92,.42); }.page-contact .contact-alert { display: flex; gap: 9px; margin-bottom: 22px; padding: 14px 16px; align-items: center; border-radius: 12px; font-size: .78rem; font-weight: 700; }.page-contact .contact-alert--success { color: #127354; border: 1px solid #bce9d7; background: #eaf9f3; }.page-contact .contact-alert--error { color: #a13030; border: 1px solid #f0caca; background: #fff1f1; }.page-contact .contact-alert span { font-size: 19px; }.page-contact .contact-form-card form { display: grid; gap: 18px; }.page-contact .contact-form-card__row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.page-contact .contact-form-card label { display: grid; gap: 8px; color: #3e485b; font-size: .72rem; font-weight: 740; }.page-contact .contact-form-card :is(input,select,textarea) { width: 100%; border: 1px solid #dde3ec; border-radius: 11px; outline: none; color: #202b40; background: #f9fafc; font: inherit; font-weight: 500; transition: border-color .2s ease,box-shadow .2s ease,background .2s ease; }.page-contact .contact-form-card :is(input,select) { min-height: 51px; padding: 0 15px; }.page-contact .contact-form-card textarea { padding: 14px 15px; resize: vertical; line-height: 1.55; }.page-contact .contact-form-card :is(input,select,textarea):focus { border-color: #5271ff; background: #fff; box-shadow: 0 0 0 4px rgba(82,113,255,.1); }.page-contact .contact-form-card button { display: inline-flex; width: fit-content; min-height: 52px; padding: 0 24px; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 11px; color: #fff; background: #5271ff; font-size: .82rem; font-weight: 780; box-shadow: 0 14px 28px -17px rgba(35,77,218,.85); cursor: pointer; }.page-contact .contact-form-card button span { font-size: 18px; }.page-contact .contact-form-card__privacy { display: flex; align-items: center; gap: 6px; margin: 0; color: #8a93a4; font-size: .66rem; }.page-contact .contact-form-card__privacy span { font-size: 14px; }
.page-contact .contact-expectations { padding: clamp(80px,9vw,130px) 0; }.page-contact .contact-expectations .contact-section-heading { margin-inline: auto; text-align: center; }.page-contact .contact-expectations ol { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; margin: 58px 0 0; padding: 0; border: 1px solid #e0e5ed; border-radius: 20px; overflow: hidden; list-style: none; }.page-contact .contact-expectations li { display: grid; grid-template-columns: 42px 1fr; gap: 16px; min-height: 220px; padding: 30px; background: #fff; }.page-contact .contact-expectations li + li { border-left: 1px solid #e0e5ed; }.page-contact .contact-expectations li > b { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #5271ff; background: #edf1ff; font: 700 11px ui-monospace,monospace; }.page-contact .contact-expectations li div { padding-top: 8px; }.page-contact .contact-expectations strong { font-size: .9rem; }.page-contact .contact-expectations p { margin: 14px 0 0; color: #737e91; font-size: .78rem; line-height: 1.65; }
.page-contact a:focus-visible,.page-contact button:focus-visible { outline: 3px solid rgba(82,113,255,.38); outline-offset: 3px; }
@media (max-width:1050px) { .page-contact .contact-orbit { opacity: .48; }.page-contact .contact-orbit__person,.page-contact .contact-orbit__channel { width: 76px; height: 76px; }.page-contact .contact-orbit__channel { font-size: 38px; }.page-contact .contact-main__layout { grid-template-columns: minmax(0,.78fr) minmax(460px,1.22fr); gap: 45px; }.page-contact .contact-channels__grid { grid-template-columns: 1fr; }.page-contact .contact-channels__grid > a { max-width: 720px; width: 100%; } }
@media (max-width:820px) { .page-contact .contact-hero { min-height: 780px; }.page-contact .contact-orbit { opacity: .38; }.page-contact .contact-orbit__person--two { left: 0; }.page-contact .contact-orbit__person--three { right: 0; }.page-contact .contact-main__layout { grid-template-columns: 1fr; }.page-contact .contact-main__intro { position: relative; top: auto; }.page-contact .contact-expectations ol { grid-template-columns: 1fr; }.page-contact .contact-expectations li { min-height: 0; }.page-contact .contact-expectations li + li { border-top: 1px solid #e0e5ed; border-left: 0; } }
@media (max-width:640px) { .page-contact .contact-shell { width: min(calc(100% - 32px),var(--site-container-width)); }.page-contact .contact-hero { min-height: 720px; padding: 165px 16px 72px !important; }.page-contact .contact-hero h1 { font-size: clamp(2.75rem,13vw,3.8rem); }.page-contact .contact-orbit { inset-inline: 0; }.page-contact .contact-orbit__person,.page-contact .contact-orbit__channel { width: 60px; height: 60px; }.page-contact .contact-orbit__person img { width: 230px; height: 100px; }.page-contact .contact-orbit__channel { font-size: 29px; }.page-contact .contact-orbit__person--one { top: 1%; left: 8%; }.page-contact .contact-orbit__channel--mail { top: 3%; right: 8%; }.page-contact .contact-orbit__person--two { top: 46%; }.page-contact .contact-orbit__person--three { bottom: 20%; }.page-contact .contact-orbit__person--four { right: 17%; bottom: 0; }.page-contact .contact-orbit__channel--chat { bottom: 2%; left: 12%; }.page-contact .contact-hero__actions { display: grid; width: min(100%,340px); }.page-contact .contact-button { width: 100%; }.page-contact .contact-hero__status small { display: none; }.page-contact .contact-form-card__row { grid-template-columns: 1fr; }.page-contact .contact-form-card button { width: 100%; }.page-contact .contact-expectations li { grid-template-columns: 36px 1fr; padding: 22px; }.page-contact .contact-expectations li > b { width: 36px; height: 36px; } }
.page-contact .contact-orbit__person img { width: 100%; height: 100%; }
@media (prefers-reduced-motion:reduce) { .page-contact .contact-button,.page-contact .contact-channels__grid > a,.page-contact .contact-form-card :is(input,select,textarea) { transition: none; } }
/* Contact support resource mosaic. */
.page-contact .contact-mosaic { padding: 20px 0 clamp(90px,10vw,150px); background: #fff; }
.page-contact .contact-mosaic__grid { display: grid; grid-template-areas: 'chat promise knowledge' 'team help help'; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.page-contact :is(.contact-mosaic__card,.contact-mosaic__team,.contact-mosaic__help) { min-width: 0; min-height: 385px; margin: 0; overflow: hidden; border-radius: 18px; }
.page-contact .contact-mosaic__card { display: flex; padding: clamp(28px,3vw,42px); align-items: flex-start; flex-direction: column; }
.page-contact .contact-mosaic__card > .material-symbols-outlined { color: #111; font-size: 53px; }
.page-contact :is(.contact-mosaic__card,.contact-mosaic__help) h3 { margin: auto 0 0; color: #171a20; font-size: clamp(1.35rem,2.2vw,1.8rem); letter-spacing: -.025em; }
.page-contact :is(.contact-mosaic__card,.contact-mosaic__help) p { margin: 12px 0 0; color: #526071; font-size: .86rem; line-height: 1.62; }
.page-contact :is(.contact-mosaic__card,.contact-mosaic__help) a { display: inline-flex; min-height: 48px; margin-top: 25px; padding: 0 18px; align-items: center; justify-content: center; border-radius: 8px; color: #fff; background: #111318; font-size: .78rem; font-weight: 760; text-decoration: none; }
.page-contact .contact-mosaic__chat { grid-area: chat; background: #e5f4ff; }
.page-contact .contact-mosaic__promise { grid-area: promise; align-items: stretch; color: #fff; background: linear-gradient(135deg,#17275b,#1761c5); }
.page-contact .contact-mosaic__promise-label { font-size: 1.45rem; font-weight: 780; text-align: center; letter-spacing: -.025em; }
.page-contact .contact-mosaic__promise blockquote { margin: 25px 0 0; padding: 20px; border-radius: 12px; color: #28334a; background: #fff; font-size: .87rem; line-height: 1.55; }
.page-contact .contact-mosaic__promise > div { display: flex; gap: 10px; margin-top: 16px; padding-inline: 4px; align-items: center; }
.page-contact .contact-mosaic__promise > div > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #1761c5; background: #fff; font-size: 19px; }
.page-contact .contact-mosaic__promise > div p { display: grid; gap: 2px; margin: 0; color: #fff; }
.page-contact .contact-mosaic__promise > div strong { font-size: .75rem; }.page-contact .contact-mosaic__promise > div small { color: rgba(255,255,255,.68); font-size: .62rem; }
.page-contact .contact-mosaic__promise > a { min-height: auto; margin: auto auto 0; padding: 20px 0 0; gap: 8px; color: #fff; background: none; }.page-contact .contact-mosaic__promise > a span { font-size: 17px; }
.page-contact .contact-mosaic__knowledge { grid-area: knowledge; background: #e5f4ff; }.page-contact .contact-mosaic__knowledge > .material-symbols-outlined { color: #405fe7; }
.page-contact .contact-mosaic__team { position: relative; grid-area: team; }.page-contact .contact-mosaic__team img { width: 100%; height: 100%; object-fit: cover; }.page-contact .contact-mosaic__team::after { position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,rgba(7,16,34,.78)); content: ''; }
.page-contact .contact-mosaic__team figcaption { position: absolute; z-index: 2; right: 22px; bottom: 20px; left: 22px; display: flex; align-items: center; gap: 8px; color: #fff; font-size: .74rem; font-weight: 680; }.page-contact .contact-mosaic__team figcaption span { width: 7px; height: 7px; border-radius: 50%; background: #4be1a8; box-shadow: 0 0 0 5px rgba(75,225,168,.15); }
.page-contact .contact-mosaic__help { display: grid; grid-area: help; grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr); background: #f5fafc; }.page-contact .contact-mosaic__help > div { display: flex; padding: clamp(28px,4vw,48px); align-items: flex-start; flex-direction: column; }.page-contact .contact-mosaic__help > div > span { display: grid; width: 68px; height: 68px; place-items: center; border: 1px solid #dce7ed; border-radius: 50%; color: #24a582; background: #fff; font-size: 34px; box-shadow: 0 8px 20px rgba(26,79,86,.08); }.page-contact .contact-mosaic__help img { width: 100%; height: 100%; object-fit: cover; }.page-contact .contact-mosaic__help h3 { margin-top: auto; }
@media (max-width:980px) { .page-contact .contact-mosaic__grid { grid-template-areas: 'chat promise' 'knowledge team' 'help help'; grid-template-columns: repeat(2,minmax(0,1fr)); }.page-contact .contact-mosaic__help { min-height: 360px; } }
@media (max-width:620px) { .page-contact .contact-mosaic__grid { grid-template-areas: 'chat' 'promise' 'knowledge' 'team' 'help'; grid-template-columns: 1fr; }.page-contact :is(.contact-mosaic__card,.contact-mosaic__team,.contact-mosaic__help) { min-height: 350px; }.page-contact .contact-mosaic__help { grid-template-columns: 1fr; }.page-contact .contact-mosaic__help > div { min-height: 340px; }.page-contact .contact-mosaic__help img { height: 300px; } }

/* MeroVPS brand treatment for the support mosaic. */
.page-contact .contact-mosaic { position: relative; background: linear-gradient(180deg,#fff 0%,#fbfcff 100%); }
.page-contact .contact-mosaic::before { position: absolute; inset: 6% 0 auto; height: 62%; opacity: .22; background-image: linear-gradient(rgba(82,113,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,113,255,.08) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent); content: ''; pointer-events: none; }
.page-contact .contact-mosaic .contact-shell { position: relative; z-index: 1; }
.page-contact :is(.contact-mosaic__card,.contact-mosaic__team,.contact-mosaic__help) { border: 1px solid rgba(82,113,255,.12); box-shadow: 0 20px 55px -44px rgba(35,77,218,.4); }
.page-contact .contact-mosaic__chat { background: linear-gradient(145deg,#edf1ff,#f7f8ff); }
.page-contact .contact-mosaic__knowledge { background: linear-gradient(145deg,#fff4ed,#fffaf7); }
.page-contact .contact-mosaic__card > .material-symbols-outlined { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(82,113,255,.16); border-radius: 17px; color: #5271ff; background: rgba(255,255,255,.75); font-size: 31px; box-shadow: 0 10px 24px -18px rgba(35,77,218,.65); }
.page-contact .contact-mosaic__knowledge > .material-symbols-outlined { color: #bd5c1a; border-color: rgba(189,92,26,.16); background: rgba(255,255,255,.72); }
.page-contact :is(.contact-mosaic__card,.contact-mosaic__help) > a,
.page-contact .contact-mosaic__help a { color: #fff; background: #5271ff; box-shadow: 0 12px 25px -16px rgba(35,77,218,.85); }
.page-contact .contact-mosaic__promise { position: relative; isolation: isolate; background: linear-gradient(135deg,#17275b 0%,#2447a7 48%,#5271ff 100%); }
.page-contact .contact-mosaic__promise::before { position: absolute; z-index: -1; top: -42%; right: -26%; width: 270px; height: 270px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; content: ''; box-shadow: 0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.022); }
.page-contact .contact-mosaic__promise blockquote { border: 1px solid rgba(255,255,255,.5); box-shadow: 0 16px 35px -28px rgba(4,15,50,.7); }
.page-contact .contact-mosaic__promise > a { color: #fff; background: none; box-shadow: none; }
.page-contact .contact-mosaic__team { border-color: rgba(82,113,255,.22); }
.page-contact .contact-mosaic__team::after { background: linear-gradient(transparent,rgba(20,40,91,.9)); }
.page-contact .contact-mosaic__help { background: linear-gradient(135deg,#f4f7ff 0%,#fbfcff 55%,#fff3ec 100%); }
.page-contact .contact-mosaic__help > div > span { color: #5271ff; border-color: rgba(82,113,255,.18); box-shadow: 0 10px 26px -18px rgba(35,77,218,.65); }
.page-contact .contact-mosaic__help img { border-left: 1px solid rgba(82,113,255,.1); }
@media (max-width:620px) { .page-contact .contact-mosaic__help img { border-top: 1px solid rgba(82,113,255,.1); border-left: 0; } }

/* Modern SaaS blog index. */
.blog-saas { --blog-ink:#111a35; --blog-muted:#64708a; --blog-blue:#5271ff; overflow:hidden; color:var(--blog-ink); background:#fff; }
.blog-shell { width:min(calc(100% - 48px),var(--site-container-width)); margin-inline:auto; }
.blog-home-hero { position:relative; min-height:760px; overflow:hidden; isolation:isolate; }
.blog-home-hero::before,.blog-home-hero::after { position:absolute; z-index:-1; border-radius:50%; content:''; filter:blur(2px); }
.blog-home-hero::before { top:120px; right:-140px; width:460px; height:460px; background:rgba(82,113,255,.13); }
.blog-home-hero::after { bottom:-220px; left:-130px; width:430px; height:430px; background:rgba(255,181,133,.18); }
.blog-home-hero__grid { position:absolute; z-index:-1; inset:145px 0 0; opacity:.55; background-image:linear-gradient(rgba(82,113,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,113,255,.08) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,transparent,#000 22%,transparent 92%); }
.blog-home-hero__layout { display:grid; min-height:530px; grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr); gap:clamp(48px,7vw,105px); align-items:center; }
.blog-saas-kicker { display:inline-flex; gap:9px; margin:0 0 22px; align-items:center; color:#3654d9; font-size:.73rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.blog-saas-kicker::before { width:8px; height:8px; border-radius:50%; background:var(--blog-blue); content:''; box-shadow:0 0 0 6px rgba(82,113,255,.12); }
.blog-home-hero h1 { max-width:680px; margin:0; font-size:clamp(3.5rem,6.6vw,6.2rem); line-height:.92; letter-spacing:-.072em; }
.blog-home-hero h1 span { display:block; color:var(--blog-blue); }
.blog-home-hero__copy > p { max-width:610px; margin:30px 0 0; color:#56627b; font-size:clamp(1rem,1.4vw,1.16rem); line-height:1.75; }
.blog-hero-search { display:flex; max-width:570px; margin-top:34px; padding:7px; border:1px solid rgba(82,113,255,.16); border-radius:15px; background:rgba(255,255,255,.82); box-shadow:0 20px 50px -34px rgba(25,55,153,.58); backdrop-filter:blur(16px); }
.blog-hero-search label { display:flex; min-width:0; flex:1; align-items:center; }
.blog-hero-search label::before { width:20px; height:20px; margin-left:13px; border:2px solid #7d89a5; border-radius:50%; content:''; box-shadow:8px 8px 0 -7px #7d89a5; }
.blog-hero-search input { width:100%; min-width:0; padding:13px 14px; border:0; outline:0; color:var(--blog-ink); background:transparent; font:inherit; }
.blog-hero-search button { min-width:112px; border:0; border-radius:10px; color:#fff; background:var(--blog-blue); font-weight:760; cursor:pointer; box-shadow:0 12px 24px -14px rgba(35,77,218,.9); }
.blog-home-hero__visual { position:relative; perspective:1000px; }
.blog-console { overflow:hidden; border:1px solid rgba(82,113,255,.16); border-radius:24px; background:rgba(255,255,255,.88); box-shadow:0 38px 80px -45px rgba(26,50,128,.48); transform:rotateY(-4deg) rotateX(1deg); backdrop-filter:blur(18px); }
.blog-console__top { display:flex; height:50px; padding:0 18px; gap:7px; align-items:center; border-bottom:1px solid #edf0f7; }.blog-console__top i { width:8px; height:8px; border-radius:50%; background:#d8deeb; }.blog-console__top i:first-child { background:#ff9b70; }.blog-console__top span { margin-left:auto; color:#8992a8; font-size:.64rem; font-weight:700; }
.blog-console__body { display:grid; min-height:345px; grid-template-columns:116px 1fr; }
.blog-console__nav { padding:22px 15px; border-right:1px solid #edf0f7; background:#f9faff; }.blog-console__nav b { display:block; margin-bottom:22px; color:#26345c; font-size:.75rem; }.blog-console__nav span { display:block; margin:10px 0; padding:8px; border-radius:7px; color:#8a94aa; font-size:.59rem; }.blog-console__nav span:first-of-type { color:#3654d9; background:#eef1ff; }
.blog-console__content { padding:30px; }.blog-console__content h2 { max-width:390px; margin:0; font-size:clamp(1.7rem,3vw,2.6rem); line-height:1.05; letter-spacing:-.045em; }
.blog-console__stats { display:grid; margin-top:28px; grid-template-columns:1fr 1.15fr; gap:14px; }.blog-console__stat { padding:17px; border:1px solid #edf0f7; border-radius:13px; background:#fff; }.blog-console__stat small { display:block; color:#8a94aa; font-size:.58rem; }.blog-console__stat strong { display:block; margin-top:7px; font-size:1.35rem; }.blog-console__stat em { color:#20a67a; font-size:.6rem; font-style:normal; font-weight:800; }
.blog-console__chart { display:flex; height:84px; margin-top:13px; padding:12px 14px; gap:6px; align-items:flex-end; border-radius:13px; background:linear-gradient(180deg,#f6f8ff,#eef1ff); }.blog-console__chart i { width:12%; border-radius:4px 4px 2px 2px; background:linear-gradient(#8094ff,#5271ff); }.blog-console__chart i:nth-child(1){height:28%}.blog-console__chart i:nth-child(2){height:54%}.blog-console__chart i:nth-child(3){height:42%}.blog-console__chart i:nth-child(4){height:78%}.blog-console__chart i:nth-child(5){height:62%}.blog-console__chart i:nth-child(6){height:92%}
.blog-console__tags { display:flex; margin-top:17px; gap:8px; flex-wrap:wrap; }.blog-console__tags span { padding:7px 10px; border:1px solid #e5e9f3; border-radius:999px; color:#68748f; background:#fff; font-size:.56rem; font-weight:700; }
.blog-floating-note { position:absolute; right:-26px; bottom:-25px; display:flex; padding:14px 17px; gap:11px; align-items:center; border:1px solid rgba(82,113,255,.14); border-radius:14px; background:#fff; box-shadow:0 24px 45px -28px rgba(20,45,130,.6); font-size:.69rem; font-weight:760; }.blog-floating-note span { display:grid; width:28px; height:28px; place-items:center; border-radius:9px; color:#fff; background:var(--blog-blue); }
.blog-topic-nav { position:relative; z-index:10; border-block:1px solid #edf0f6; background:rgba(255,255,255,.92); backdrop-filter:blur(16px); }
.blog-topic-nav .blog-shell { display:flex; min-height:74px; gap:10px; align-items:center; overflow-x:auto; scrollbar-width:none; }.blog-topic-nav .blog-shell::-webkit-scrollbar { display:none; }.blog-topic-nav a { flex:0 0 auto; padding:10px 14px; border-radius:999px; color:#66718a; font-size:.76rem; font-weight:720; text-decoration:none; }.blog-topic-nav a:first-child,.blog-topic-nav a:hover { color:#3654d9; background:#eef1ff; }
.blog-feed { padding:clamp(80px,9vw,130px) 0; background:linear-gradient(180deg,#fff,#fbfcff); }
.blog-featured { display:grid; overflow:hidden; grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr); border:1px solid #e8ecf5; border-radius:25px; background:#fff; box-shadow:0 30px 80px -60px rgba(27,57,148,.6); }
.blog-featured__media { position:relative; min-height:500px; overflow:hidden; background:#e9edfa; }.blog-featured__media img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }.blog-featured:hover .blog-featured__media img { transform:scale(1.025); }.blog-featured__media::after { position:absolute; inset:auto 0 0; height:35%; background:linear-gradient(transparent,rgba(15,27,65,.2)); content:''; }
.blog-featured__copy { display:flex; padding:clamp(34px,5vw,64px); flex-direction:column; }.blog-featured__label { margin:0 0 28px; color:#3654d9; font-size:.7rem; font-weight:820; letter-spacing:.13em; text-transform:uppercase; }.blog-featured h2 { margin:0; font-size:clamp(2rem,3.5vw,3.35rem); line-height:1.03; letter-spacing:-.055em; }.blog-featured h2 a { color:inherit; text-decoration:none; }.blog-featured__copy > p { margin:25px 0 0; color:var(--blog-muted); line-height:1.72; }.blog-featured__footer { display:flex; margin-top:auto; padding-top:42px; gap:12px; align-items:center; color:#748098; font-size:.69rem; }.blog-featured__footer b { color:#26324d; }.blog-featured__footer > span:last-child { margin-left:auto; }
.blog-author-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; background:#edf0f6; }
.blog-feed__heading { display:flex; margin:clamp(75px,8vw,110px) 0 30px; align-items:end; justify-content:space-between; }.blog-feed__heading h2 { margin:0; font-size:clamp(2rem,4vw,3.5rem); letter-spacing:-.055em; }.blog-feed__heading p { max-width:410px; margin:0; color:var(--blog-muted); line-height:1.6; }
.blog-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.blog-saas-card { overflow:hidden; border:1px solid #e7ebf3; border-radius:18px; background:#fff; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }.blog-saas-card:hover { border-color:rgba(82,113,255,.3); box-shadow:0 28px 55px -40px rgba(35,77,218,.5); transform:translateY(-5px); }
.blog-saas-card__media { display:block; height:225px; overflow:hidden; background:linear-gradient(135deg,#edf1ff,#fff1e8); }.blog-saas-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }.blog-saas-card:hover .blog-saas-card__media img { transform:scale(1.04); }
.blog-saas-card__body { display:flex; min-height:310px; padding:25px; flex-direction:column; }.blog-saas-card__meta { display:flex; align-items:center; justify-content:space-between; color:#8a94a8; font-size:.65rem; }.blog-card-category { color:#3654d9; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.blog-saas-card h3 { margin:18px 0 0; font-size:1.35rem; line-height:1.18; letter-spacing:-.035em; }.blog-saas-card h3 a { color:inherit; text-decoration:none; }.blog-saas-card__excerpt { margin:16px 0 0; color:var(--blog-muted); font-size:.82rem; line-height:1.68; }.blog-saas-card__footer { display:flex; margin-top:auto; padding-top:25px; align-items:center; justify-content:space-between; border-top:1px solid #eef1f6; color:#7a859b; font-size:.66rem; }.blog-saas-card__footer span:last-child { color:#3654d9; font-weight:800; }
.blog-saas .pagination { display:flex; margin-top:55px; gap:8px; justify-content:center; }.blog-saas .pagination a,.blog-saas .pagination span { display:grid; min-width:42px; height:42px; padding:0 13px; place-items:center; border:1px solid #e3e8f1; border-radius:10px; color:#59657e; background:#fff; text-decoration:none; }.blog-saas .pagination .current { border-color:var(--blog-blue); color:#fff; background:var(--blog-blue); }
.blog-empty { padding:70px; border:1px dashed #dce2ee; border-radius:20px; color:var(--blog-muted); text-align:center; background:#fbfcff; }
.blog-newsletter { padding:0 0 clamp(90px,10vw,145px); background:#fbfcff; }.blog-newsletter__card { position:relative; display:grid; overflow:hidden; padding:clamp(40px,6vw,75px); grid-template-columns:minmax(0,1fr) minmax(380px,.75fr); gap:60px; align-items:center; border-radius:28px; color:#fff; background:linear-gradient(125deg,#17275b 0%,#294bb8 52%,#5271ff 100%); box-shadow:0 35px 80px -55px rgba(24,55,164,.8); }.blog-newsletter__card::after { position:absolute; right:-100px; bottom:-210px; width:430px; height:430px; border:1px solid rgba(255,255,255,.2); border-radius:50%; content:''; box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025); }.blog-newsletter__copy,.blog-newsletter form { position:relative; z-index:1; }.blog-newsletter h2 { max-width:620px; margin:15px 0 0; font-size:clamp(2rem,4vw,3.5rem); line-height:1.02; letter-spacing:-.055em; }.blog-newsletter__copy > p { max-width:560px; margin:19px 0 0; color:rgba(255,255,255,.72); line-height:1.65; }.blog-newsletter .blog-saas-kicker { margin:0; color:#fff; }.blog-newsletter .blog-saas-kicker::before { background:#ffb787; box-shadow:0 0 0 6px rgba(255,183,135,.13); }
.blog-newsletter form { display:flex; padding:7px; border:1px solid rgba(255,255,255,.2); border-radius:14px; background:rgba(255,255,255,.11); backdrop-filter:blur(12px); }.blog-newsletter form input[type=email] { min-width:0; flex:1; padding:14px 15px; border:0; outline:0; color:#fff; background:transparent; font:inherit; }.blog-newsletter form input::placeholder { color:rgba(255,255,255,.58); }.blog-newsletter form button { min-width:122px; border:0; border-radius:9px; color:#23335f; background:#fff; font-weight:800; cursor:pointer; }.blog-newsletter .newsletter-status { grid-column:1/-1; margin:12px 4px 0; color:rgba(255,255,255,.75); font-size:.72rem; }
@media (max-width:1050px) { .blog-home-hero__layout { grid-template-columns:1fr 430px; gap:40px; }.blog-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.blog-featured { grid-template-columns:1fr 420px; }.blog-newsletter__card { grid-template-columns:1fr; gap:35px; } }
@media (max-width:860px) { .blog-home-hero { min-height:auto; }.blog-home-hero__layout { padding-bottom:85px; grid-template-columns:1fr; }.blog-home-hero__copy { max-width:700px; }.blog-home-hero__visual { width:min(100%,620px); }.blog-featured { grid-template-columns:1fr; }.blog-featured__media { min-height:400px; }.blog-featured__copy { min-height:430px; }.blog-feed__heading { display:block; }.blog-feed__heading p { margin-top:15px; } }
@media (max-width:620px) { .blog-shell { width:min(calc(100% - 32px),var(--site-container-width)); }.blog-home-hero__layout { padding-bottom:65px; }.blog-home-hero h1 { font-size:clamp(3rem,15vw,4.6rem); }.blog-home-hero__copy > p { margin-top:23px; }.blog-hero-search { display:grid; }.blog-hero-search button { min-height:48px; }.blog-home-hero__visual { display:none; }.blog-topic-nav .blog-shell { min-height:64px; }.blog-card-grid { grid-template-columns:1fr; }.blog-featured__media { min-height:300px; }.blog-featured__copy { min-height:390px; padding:30px 24px; }.blog-featured__footer { flex-wrap:wrap; }.blog-featured__footer > span:last-child { width:100%; margin:0; }.blog-saas-card__media { height:235px; }.blog-newsletter__card { padding:38px 24px; border-radius:21px; }.blog-newsletter form { display:grid; }.blog-newsletter form button { min-height:48px; }.blog-empty { padding:45px 20px; } }
@media (prefers-reduced-motion:reduce) { .blog-saas * { scroll-behavior:auto!important; }.blog-saas-card,.blog-saas-card__media img,.blog-featured__media img { transition:none; } }

/* Template-specific component alignment. */
.blog-hero-search > .screen-reader-text { position:absolute!important; }
.blog-hero-search > .material-symbols-outlined { margin-left:12px; align-self:center; color:#7d89a5; font-size:21px; }
.blog-hero-search input[type=search] { min-width:0; flex:1; padding:13px 14px; border:0; outline:0; color:var(--blog-ink); background:transparent; font:inherit; }
.blog-console > header { display:flex; height:50px; padding:0 18px; gap:7px; align-items:center; border-bottom:1px solid #edf0f7; }
.blog-console > header > span { width:8px; height:8px; border-radius:50%; background:#d8deeb; }.blog-console > header > span:first-child { background:#ff9b70; }
.blog-console > header b { margin-left:8px; color:#8992a8; font-size:.62rem; }.blog-console > header em { margin-left:auto; padding:5px 8px; border-radius:999px; color:#15986f; background:#e9fbf5; font-size:.55rem; font-style:normal; font-weight:800; }
.blog-console__nav strong { display:grid; width:36px; height:36px; margin:0 auto 27px; place-items:center; border-radius:10px; color:#fff; background:var(--blog-blue); font-size:.7rem; }.blog-console__nav i { display:block; width:58px; height:7px; margin:18px auto; border-radius:4px; background:#e3e7f0; }.blog-console__nav i:first-of-type { background:#9aabff; }
.blog-console__content > small { display:block; margin-bottom:10px; color:#3654d9; font-size:.57rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.blog-console__chart > span { width:11%; border-radius:4px 4px 2px 2px; background:linear-gradient(#8094ff,#5271ff); }
.blog-floating-note p { display:grid; gap:2px; margin:0; }.blog-floating-note small { color:#8a94aa; font-size:.56rem; font-weight:500; }
.blog-topic-nav a small { margin-left:6px; color:#9aa3b5; font-size:.58rem; }
.blog-featured__media > .material-symbols-outlined,.blog-saas-card__media > .material-symbols-outlined { display:grid; width:100%; height:100%; place-items:center; color:#7890ff; font-size:54px; }
.blog-featured__copy > .blog-card-category { align-self:flex-start; margin-bottom:16px; text-decoration:none; }
.blog-featured__copy > footer { display:flex; margin-top:auto; padding-top:42px; align-items:center; justify-content:space-between; }
.blog-featured__copy > footer > div { display:flex; gap:11px; align-items:center; }.blog-featured__copy > footer > div > span { display:grid; gap:3px; color:#748098; font-size:.66rem; }.blog-featured__copy > footer strong { color:#26324d; }.blog-featured__copy > footer a { display:inline-flex; gap:7px; align-items:center; color:#3654d9; font-size:.72rem; font-weight:800; text-decoration:none; }.blog-featured__copy > footer a span { font-size:17px; }
.blog-feed__heading > div > span { display:block; margin-bottom:10px; color:#3654d9; font-size:.69rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.blog-saas-card__body > div { display:flex; align-items:center; justify-content:space-between; color:#8a94a8; font-size:.65rem; }.blog-saas-card__body > div a { text-decoration:none; }
.blog-saas-card__body > p { margin:16px 0 0; color:var(--blog-muted); font-size:.82rem; line-height:1.68; }
.blog-saas-card__body > footer { display:flex; margin-top:auto; padding-top:25px; align-items:center; justify-content:space-between; border-top:1px solid #eef1f6; color:#7a859b; font-size:.66rem; }.blog-saas-card__body > footer a { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; color:#3654d9; background:#eef1ff; text-decoration:none; }.blog-saas-card__body > footer a span { font-size:17px; }
.blog-newsletter__card > div { position:relative; z-index:1; }.blog-newsletter__card > div:first-child > span { display:block; color:#ffceb0; font-size:.7rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.blog-newsletter__card > div:first-child > p { max-width:560px; margin:19px 0 0; color:rgba(255,255,255,.72); line-height:1.65; }.blog-newsletter__card > div:last-child > small { display:block; margin:12px 4px 0; color:rgba(255,255,255,.58); font-size:.65rem; }
@media (max-width:620px) { .blog-featured__copy > footer { gap:20px; align-items:flex-start; flex-direction:column; }.blog-hero-search input[type=search] { width:100%; }.blog-hero-search > .material-symbols-outlined { display:none; } }

/* Blog index UI refinement after rendered-page review. */
.blog-saas,.blog-saas * { box-sizing:border-box; }
.blog-home-hero { min-height:680px; }
.blog-home-hero__layout { min-height:450px; grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr); gap:clamp(42px,6vw,88px); }
.blog-home-hero h1 { max-width:700px; font-size:clamp(3.65rem,5.55vw,5.35rem); line-height:.95; letter-spacing:-.066em; }
.blog-home-hero h1 span { color:#4969f8; }
.blog-home-hero__copy > p { max-width:570px; margin-top:25px; }
.blog-home-hero__visual { min-width:0; }
.blog-console { transform:rotateY(-2deg); }
.blog-feed { padding-top:clamp(68px,7vw,96px); }
.blog-featured,.blog-featured > *,.blog-featured__copy,.blog-saas-card,.blog-saas-card__body { min-width:0; }
.blog-featured h2,.blog-saas-card h3 { overflow-wrap:anywhere; }
.blog-topic-nav a { display:inline-flex; gap:2px; align-items:center; }
@media (max-width:1050px) { .blog-home-hero__layout { grid-template-columns:minmax(0,1fr) minmax(390px,.88fr); }.blog-home-hero h1 { font-size:clamp(3.5rem,5.8vw,4.8rem); } }
@media (max-width:860px) { .blog-home-hero__layout { grid-template-columns:1fr; }.blog-home-hero h1 { max-width:660px; }.blog-home-hero__visual { width:min(100%,570px); }.blog-feed { padding-top:65px; } }
@media (max-width:620px) { .blog-home-hero { min-height:auto; }.blog-home-hero__layout { padding-top:8px; padding-bottom:58px; }.blog-home-hero h1 { max-width:100%; font-size:clamp(2.85rem,13.5vw,3.35rem); line-height:.94; letter-spacing:-.062em; overflow-wrap:normal; }.blog-home-hero h1 span { display:inline; }.blog-home-hero__copy > p { max-width:100%; margin-top:22px; font-size:.96rem; line-height:1.65; }.blog-hero-search { width:100%; margin-top:28px; }.blog-feed { padding-top:48px; }.blog-featured__media { min-height:245px; }.blog-featured__copy { min-height:0; padding:29px 24px 31px; }.blog-featured h2 { font-size:clamp(1.8rem,9vw,2.35rem); }.blog-featured__copy > p { font-size:.88rem; }.blog-feed__heading { margin-top:68px; }.blog-feed__heading h2 { font-size:clamp(2rem,10vw,2.8rem); }.blog-saas-card__body { min-height:285px; } }

/* Keep the wide global container without stretching the hero composition. */
@media (min-width:1051px) {
    .blog-home-hero { min-height:650px; }
    .blog-home-hero__layout { min-height:420px; grid-template-columns:minmax(0,620px) minmax(560px,700px); gap:clamp(56px,6vw,110px); justify-content:space-between; }
    .blog-home-hero__copy { min-width:0; }
    .blog-home-hero h1 { max-width:610px; font-size:clamp(3.9rem,4.55vw,4.85rem); line-height:.96; }
    .blog-home-hero__copy > p { max-width:600px; }
    .blog-hero-search { max-width:600px; }
    .blog-home-hero__visual { width:100%; max-width:700px; justify-self:end; }
    .blog-floating-note { right:0; bottom:-18px; }
}
@media (min-width:1600px) {
    .blog-home-hero__grid { inset-inline:max(0px,calc((100vw - var(--site-container-width)) / 2)); }
}

/* Blog hero search spacing. */
.blog-hero-search { min-height:64px; margin:32px 0 28px; padding:6px; align-items:stretch; }
.blog-hero-search > .material-symbols-outlined { margin-left:14px; }
.blog-hero-search input[type=search] { padding:0 16px; line-height:1.4; }
.blog-hero-search button { min-width:118px; padding:0 22px; }
@media (max-width:620px) {
    .blog-hero-search { min-height:0; margin:26px 0 10px; padding:7px; gap:7px; }
    .blog-hero-search input[type=search] { min-height:50px; padding:0 14px; }
    .blog-hero-search button { min-height:50px; padding:0 18px; }
}

/* Split support CTA replacing the blog newsletter. */
.blog-support-cta { padding:0 0 clamp(85px,9vw,140px); background:#fbfcff; }
.blog-support-cta__card { display:grid; overflow:hidden; min-height:220px; grid-template-columns:minmax(390px,.42fr) minmax(0,.58fr); border:1px solid rgba(82,113,255,.22); border-radius:22px; background:#eef2ff; box-shadow:0 28px 70px -52px rgba(35,77,218,.6); }
.blog-support-cta__contact { display:flex; padding:clamp(30px,4vw,52px); justify-content:center; flex-direction:column; color:#111a35; text-decoration:none; background:linear-gradient(135deg,#f2f5ff,#e9eeff); }
.blog-support-cta__contact > small { margin-bottom:18px; color:#5e6981; font-size:.82rem; font-weight:760; letter-spacing:.04em; text-transform:uppercase; }
.blog-support-cta__contact > span { display:flex; gap:18px; align-items:center; }
.blog-support-cta__contact i { display:grid; width:58px; height:58px; flex:0 0 58px; place-items:center; border-radius:50%; color:#fff; background:#5271ff; font-size:26px; box-shadow:0 14px 25px -15px rgba(35,77,218,.9); }
.blog-support-cta__contact strong { font-size:clamp(1.35rem,2.1vw,2rem); letter-spacing:-.035em; overflow-wrap:anywhere; }
.blog-support-cta__action { position:relative; display:flex; overflow:hidden; padding:clamp(30px,4vw,52px); gap:40px; align-items:center; justify-content:space-between; color:#fff; background:linear-gradient(120deg,#3457dd,#5271ff 58%,#6681ff); }
.blog-support-cta__action::after { position:absolute; right:-90px; bottom:-180px; width:330px; height:330px; border:1px solid rgba(255,255,255,.17); border-radius:50%; content:''; box-shadow:0 0 0 46px rgba(255,255,255,.035),0 0 0 92px rgba(255,255,255,.025); }
.blog-support-cta__action > div,.blog-support-cta__action > a { position:relative; z-index:1; }
.blog-support-cta__action h2 { margin:0; font-size:clamp(1.8rem,3vw,3rem); line-height:1.05; letter-spacing:-.045em; }
.blog-support-cta__action p { max-width:570px; margin:12px 0 0; color:rgba(255,255,255,.72); font-size:.85rem; line-height:1.6; }
.blog-support-cta__action > a { display:inline-flex; min-width:160px; min-height:64px; padding:0 24px; gap:9px; align-items:center; justify-content:center; border-radius:12px; color:#3654d9; background:#fff; font-weight:800; text-decoration:none; box-shadow:0 18px 35px -24px rgba(8,25,88,.6); }
.blog-support-cta__action > a span { font-size:19px; }
@media (max-width:900px) { .blog-support-cta__card { grid-template-columns:1fr; }.blog-support-cta__contact { min-height:180px; }.blog-support-cta__action { min-height:220px; } }
@media (max-width:620px) { .blog-support-cta__card { border-radius:18px; }.blog-support-cta__contact,.blog-support-cta__action { padding:28px 24px; }.blog-support-cta__contact > span { gap:13px; }.blog-support-cta__contact i { width:50px; height:50px; flex-basis:50px; font-size:22px; }.blog-support-cta__contact strong { font-size:1.18rem; }.blog-support-cta__action { gap:26px; align-items:flex-start; flex-direction:column; }.blog-support-cta__action > a { width:100%; min-height:56px; } }