/*
 * Theme Name: LiveFeed LLC
 * Version: 2.3.1
 * Description: Custom wordpress theme configured for sites made with Site Builder by Corporate Tools
 * Author: LiveFeed LLC
 */

/**
 * Custom Styling for the FluentForm Submission Button
 */
form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--background) !important;
    border-color: var(--wp--preset--color--primary) !important;
    transition: filter 0.2s ease !important;
}

form.fluent_form_3 .wpf_has_custom_css.ff-btn-submit:hover {
    filter: brightness(1.1) !important;
}

/*
 * When clicking links, make the scrolling behavior smooth to improve the user experience.
 */
html {
    scroll-behavior: smooth;
}

.wp-block-site-title a:hover {
    opacity: 80%;
}

.wp-block-navigation-item {
    color: var(--wp--preset--color--text);
}

.wp-block-navigation-item:hover {
    opacity: 80%;
}

.wp-block-button:hover {
    opacity: 80%;
}

/*
Get rid of the padding above/below the blocks wrapper,
which was leaving whitespace above/below the header/footer
*/
.wp-site-blocks {
    padding: 0;
}

/*
Get rid of the default margin-top around all of the outer blocks (example: hero section after header),
changing here instead of theme.json so that global blockGap is not changed for inner blocks and elements
 */
:where(.wp-site-blocks)>* {
    margin-block-start: 0;
}

/*
Adjust positioning of the "details" block summary when it is an H4
 */
summary h4 {
    display: inline;
    margin-left: 10px;
}

.header-block {
    position: relative;
    z-index: 1;
    border-bottom: 2px solid;
}

/*
Hide an info box/block from the frontend of the site (like the info box on the contact page block pattern.
 */
.hide-from-site-frontend {
    display: none;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
    text-decoration-thickness: 1px !important;
    text-underline-offset: 0.1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
    text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
    display: block;
}

/*
 * Fix website header to always show at top of page and have colors from the theme
 */
.site-header {
    position: fixed;
    width: 100%;
    background-color: var(--wp--preset--color--background);
    z-index: 1000;
    border-bottom: 1px solid;
    box-shadow:
        0 1px 3px 0 rgb(0 0 0 / 0.1),
        0 1px 2px -1px rgb(0 0 0 / 0.1);
    /* Add a bottom box shadow to the header block */
}

.site-header img {
    height: auto;
    width: calc(var(--wp--preset--spacing--40) * 2);
}

/* Adjust for admin bar on desktop */
.admin-bar .site-header {
    top: 32px !important;
    /* WordPress admin bar height on desktop */
}

/* Adjust for admin bar on mobile devices */
@media screen and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px !important;
        /* WordPress admin bar height on mobile */
    }
}

/* For very small screens where WP removes the admin bar */
@media screen and (max-width: 600px) {
    .admin-bar .site-header {
        top: 0 !important;
    }
}

/*
 * Make the separator between the footer and content, not so thick
 */
.wp-block-separator {
    border: none !important;
    border-top: 1px solid !important;
}

#products .wp-block-column {
    transition: scale 0.15s ease-in-out;
}

#products .wp-block-column:hover {
    scale: 105%;
}

/*Fix overflow of some unsplash images in certain browsers  */
img {
    width: 100%;
}

.footer-contact-columns .wp-block-group {
    text-align: center;
}

.footer-contact-columns {
    align-items: center;
}

/* === LiveFeed 2026 Redesign: Header + Hero === */
:root {
    --livefeed-bg: #05070b;
    --livefeed-panel: rgba(255, 255, 255, 0.055);
    --livefeed-border: rgba(255, 255, 255, 0.11);
    --livefeed-text: #f4f8ff;
    --livefeed-muted: #91a0b5;
    --livefeed-cyan: #6ee7ff;
    --livefeed-teal: #2dd4bf;
    --livefeed-violet: #8b5cf6;
}

html { background: var(--livefeed-bg); }
body {
    background: var(--livefeed-bg);
    color: var(--livefeed-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.site-header.livefeed-header {
    top: 0;
    padding: 0 32px;
    background: rgba(5, 7, 11, 0.72);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
}

.livefeed-header-inner {
    min-height: 82px;
    margin: 0 auto;
    gap: 28px;
}

.livefeed-brand-wrap { min-width: max-content; }
.livefeed-brand a,
.livefeed-brand {
    color: #fff !important;
    text-decoration: none !important;
    letter-spacing: -0.04em;
}
.livefeed-brand a::after {
    content: ".";
    color: var(--livefeed-cyan);
}
.livefeed-logo img { max-height: 42px; width: auto; }

.livefeed-nav-wrap { gap: 26px; }
.livefeed-nav .wp-block-navigation-item__content {
    color: #c7d2df !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none !important;
    transition: color .2s ease, opacity .2s ease;
}
.livefeed-nav .wp-block-navigation-item__content:hover { color: #fff !important; opacity: 1; }

.livefeed-header-cta .wp-block-button__link {
    padding: 12px 18px;
    border: 1px solid rgba(110, 231, 255, .35);
    border-radius: 999px;
    background: rgba(110, 231, 255, .09) !important;
    color: #e9fbff !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.livefeed-header-cta .wp-block-button__link:hover {
    transform: translateY(-1px);
    background: rgba(110, 231, 255, .16) !important;
    border-color: rgba(110, 231, 255, .7);
}

.livefeed-hero {
    --pointer-x: 70%;
    --pointer-y: 35%;
    position: relative;
    isolation: isolate;
    min-height: 100svh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 150px 32px 42px;
    background:
        radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(110,231,255,.09), transparent 24%),
        radial-gradient(circle at 85% 15%, rgba(139,92,246,.14), transparent 30%),
        linear-gradient(180deg, #06080d 0%, #05070b 58%, #070a10 100%);
}

.livefeed-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
                linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 78%, transparent 100%);
}

.livefeed-hero-grid {
    position: absolute;
    width: 820px;
    height: 820px;
    right: -210px;
    top: 18%;
    border-radius: 50%;
    border: 1px solid rgba(110,231,255,.08);
    box-shadow: 0 0 120px rgba(110,231,255,.04);
    z-index: -1;
}
.livefeed-hero-grid::before,
.livefeed-hero-grid::after {
    content: "";
    position: absolute;
    inset: 12%;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: inherit;
}
.livefeed-hero-grid::after { inset: 28%; border-color: rgba(139,92,246,.12); }

.livefeed-hero-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: .22;
    pointer-events: none;
    z-index: -1;
}
.livefeed-hero-glow-a { width: 340px; height: 340px; right: 6%; top: 18%; background: var(--livefeed-cyan); }
.livefeed-hero-glow-b { width: 280px; height: 280px; right: 26%; bottom: 4%; background: var(--livefeed-violet); opacity: .16; }

.livefeed-hero-inner {
    width: min(1200px, 100%);
    margin: auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    align-items: center;
    gap: clamp(48px, 7vw, 110px);
}

.livefeed-hero-copy { position: relative; z-index: 4; }
.livefeed-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
    color: #a9b6c8;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.livefeed-eyebrow span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--livefeed-teal);
    box-shadow: 0 0 0 5px rgba(45,212,191,.09), 0 0 22px rgba(45,212,191,.75);
}

.livefeed-hero h1 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(54px, 6.2vw, 94px);
    line-height: .95;
    letter-spacing: -.064em;
    font-weight: 720;
}
.livefeed-hero h1 em {
    display: block;
    color: transparent;
    font-style: normal;
    background: linear-gradient(100deg, #fff 0%, var(--livefeed-cyan) 48%, #a78bfa 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.livefeed-hero-lead {
    max-width: 670px;
    margin: 30px 0 0;
    color: var(--livefeed-muted);
    font-size: clamp(17px, 1.5vw, 20px);
    line-height: 1.72;
}

.livefeed-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.livefeed-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none !important;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.livefeed-btn:hover { transform: translateY(-2px); }
.livefeed-btn-primary {
    color: #031015 !important;
    background: linear-gradient(110deg, #bff7ff 0%, var(--livefeed-cyan) 60%, #72ddd4 100%);
    box-shadow: 0 10px 35px rgba(110,231,255,.16);
}
.livefeed-btn-primary:hover { box-shadow: 0 14px 45px rgba(110,231,255,.25); }
.livefeed-btn-secondary {
    color: #d9e2ed !important;
    border: 1px solid var(--livefeed-border);
    background: rgba(255,255,255,.035);
}
.livefeed-btn-secondary:hover { border-color: rgba(110,231,255,.35); background: rgba(255,255,255,.065); }

.livefeed-capability-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    margin-top: 46px;
    color: #718096;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.livefeed-capability-strip i { width: 3px; height: 3px; border-radius: 50%; background: #3a4657; }

.livefeed-system {
    position: relative;
    width: min(100%, 520px);
    aspect-ratio: 1 / 1;
    justify-self: end;
    transition: transform .25s ease-out;
    transform-style: preserve-3d;
}
.livefeed-system::before {
    content: "";
    position: absolute;
    inset: 11%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(110,231,255,.10), rgba(110,231,255,.018) 45%, transparent 68%);
    filter: drop-shadow(0 0 55px rgba(110,231,255,.12));
}
.livefeed-system-orbit {
    position: absolute;
    inset: 13%;
    border: 1px solid rgba(110,231,255,.16);
    border-radius: 50%;
    animation: livefeed-orbit 24s linear infinite;
}
.livefeed-system-orbit::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: 16%;
    top: 8%;
    border-radius: 50%;
    background: var(--livefeed-cyan);
    box-shadow: 0 0 18px var(--livefeed-cyan);
}
.livefeed-system-orbit.orbit-two { inset: 25%; border-color: rgba(139,92,246,.20); animation-direction: reverse; animation-duration: 18s; }

.livefeed-system-core {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    width: 180px;
    height: 180px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(110,231,255,.4);
    background: linear-gradient(145deg, rgba(18,31,42,.88), rgba(7,10,16,.9));
    box-shadow: inset 0 0 45px rgba(110,231,255,.07), 0 0 60px rgba(110,231,255,.12);
    backdrop-filter: blur(15px);
}
.livefeed-system-core small { color: #71869b; font-size: 9px; letter-spacing: .15em; }
.livefeed-system-core strong { margin: 7px 0 4px; color: #fff; font-size: 25px; letter-spacing: -.04em; }
.livefeed-system-core span { color: #6ee7ff; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }

.livefeed-system-node {
    position: absolute;
    z-index: 6;
    min-width: 112px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 14px;
    background: rgba(9,14,21,.76);
    box-shadow: 0 15px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter: blur(15px);
}
.livefeed-system-node b { display: block; color: #edf8ff; font-size: 11px; letter-spacing: .09em; }
.livefeed-system-node small { display: block; margin-top: 3px; color: #65758a; font-size: 9px; }
.node-web { left: 1%; top: 25%; }
.node-mobile { right: 0; top: 18%; }
.node-api { left: -2%; bottom: 23%; }
.node-cloud { right: 2%; bottom: 18%; }
.node-ai { left: 50%; top: 1%; transform: translateX(-50%); border-color: rgba(139,92,246,.28); }

.livefeed-system-line { position: absolute; z-index: 1; height: 1px; transform-origin: left center; background: linear-gradient(90deg, transparent, rgba(110,231,255,.35), transparent); }
.line-one { width: 64%; left: 18%; top: 50%; transform: rotate(21deg); }
.line-two { width: 62%; left: 20%; top: 51%; transform: rotate(-26deg); }
.line-three { width: 45%; left: 30%; top: 48%; transform: rotate(90deg); }

.livefeed-hero-bottom {
    width: min(1200px, 100%);
    margin: 46px auto 0;
    display: flex;
    align-items: center;
    gap: 18px;
    color: #4f5d70;
    font-size: 9px;
    font-weight: 650;
    letter-spacing: .16em;
}
.livefeed-scroll-line { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,.13), rgba(255,255,255,.02)); }

@keyframes livefeed-orbit { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .livefeed-system-orbit { animation: none; }
    .livefeed-system { transition: none; }
}

@media (max-width: 960px) {
    .site-header.livefeed-header { padding: 0 20px; }
    .livefeed-header-inner { min-height: 72px; }
    .livefeed-header-cta { display: none; }
    .livefeed-hero { padding: 126px 22px 34px; }
    .livefeed-hero-inner { grid-template-columns: 1fr; gap: 54px; }
    .livefeed-system { justify-self: center; width: min(92vw, 500px); }
    .livefeed-hero-copy { text-align: center; }
    .livefeed-eyebrow { justify-content: center; }
    .livefeed-hero-lead { margin-left: auto; margin-right: auto; }
    .livefeed-hero-actions, .livefeed-capability-strip { justify-content: center; }
}

@media (max-width: 600px) {
    .site-header.livefeed-header { padding: 0 16px; }
    .livefeed-nav-wrap { gap: 8px; }
    .livefeed-hero { padding-left: 18px; padding-right: 18px; }
    .livefeed-hero h1 { font-size: clamp(48px, 15vw, 68px); }
    .livefeed-hero-lead { font-size: 16px; }
    .livefeed-hero-actions { flex-direction: column; align-items: stretch; }
    .livefeed-btn { width: 100%; }
    .livefeed-system { width: min(95vw, 430px); }
    .livefeed-system-node { min-width: 94px; padding: 10px 11px; }
    .livefeed-system-core { width: 150px; height: 150px; }
    .livefeed-hero-bottom { display: none; }
    .livefeed-capability-strip { gap: 8px; }
}


/* LiveFeed redesign — stage 2 */
.livefeed-section { position: relative; overflow: hidden; background: #05070b; color: #f4f8ff; }
.livefeed-section-shell { width: min(1200px, calc(100% - 44px)); margin: 0 auto; }
.livefeed-section-kicker { display: block; color: #6ee7ff; font-size: 10px; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }
.livefeed-section h2, .livefeed-contact h2 { margin: 18px 0 0; color: #fff; font-size: clamp(42px, 5vw, 72px); line-height: .98; letter-spacing: -.055em; font-weight: 720; }
.livefeed-section h2 em, .livefeed-contact h2 em { color: transparent; font-style: normal; background: linear-gradient(100deg,#fff,#6ee7ff 55%,#a78bfa); -webkit-background-clip: text; background-clip: text; }
.livefeed-capabilities { padding: 120px 0; border-top: 1px solid rgba(255,255,255,.06); background: radial-gradient(circle at 75% 5%,rgba(110,231,255,.06),transparent 28%),#05070b; }
.livefeed-section-intro { display: grid; grid-template-columns: 1.1fr .65fr; gap: 70px; align-items: end; margin-bottom: 60px; }
.livefeed-section-intro > p { margin: 0 0 6px; color: #8c9aae; font-size: 17px; line-height: 1.75; }
.livefeed-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.09); border-left: 1px solid rgba(255,255,255,.09); }
.livefeed-capability-card { position: relative; min-height: 330px; padding: 28px; border-right: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.012); transition: background .25s ease, transform .25s ease; }
.livefeed-capability-card:hover { z-index: 2; background: linear-gradient(145deg,rgba(110,231,255,.075),rgba(139,92,246,.025)); transform: translateY(-3px); }
.livefeed-card-top { display:flex; justify-content:space-between; color:#536175; font-size:10px; letter-spacing:.14em; }
.livefeed-card-top small { font-size:9px; }
.livefeed-card-icon { position:relative; width:56px; height:56px; margin:50px 0 28px; border:1px solid rgba(110,231,255,.22); border-radius:14px; transform:rotate(45deg); }
.livefeed-card-icon span,.livefeed-card-icon i { position:absolute; background:#6ee7ff; box-shadow:0 0 16px rgba(110,231,255,.55); }
.livefeed-card-icon span { width:20px; height:1px; left:17px; top:27px; }
.livefeed-card-icon i { width:1px; height:20px; left:27px; top:17px; }
.livefeed-capability-card h3 { margin:0 0 12px; color:#eef7ff; font-size:22px; letter-spacing:-.025em; }
.livefeed-capability-card p { margin:0; color:#78889d; font-size:14px; line-height:1.7; }
.livefeed-card-line { position:absolute; left:28px; right:28px; bottom:24px; height:1px; background:linear-gradient(90deg,rgba(110,231,255,.28),transparent); transform:scaleX(.24); transform-origin:left; transition:transform .3s ease; }
.livefeed-capability-card:hover .livefeed-card-line { transform:scaleX(1); }

.livefeed-complex { padding: 130px 0 0; border-top:1px solid rgba(255,255,255,.06); background:linear-gradient(180deg,#06080d,#080b12 46%,#05070b); }
.livefeed-complex-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; }
.livefeed-complex-copy > p { max-width:540px; margin:30px 0; color:#8b99ac; font-size:17px; line-height:1.8; }
.livefeed-complex-points { display:grid; gap:12px; }
.livefeed-complex-points span { position:relative; padding-left:22px; color:#c5d0dc; font-size:13px; }
.livefeed-complex-points span::before { content:""; position:absolute; left:0; top:7px; width:7px; height:7px; border:1px solid #6ee7ff; transform:rotate(45deg); }
.livefeed-architecture { position:relative; padding:30px; border:1px solid rgba(110,231,255,.14); border-radius:22px; background:linear-gradient(145deg,rgba(12,19,29,.92),rgba(6,9,14,.78)); box-shadow:0 30px 100px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03); }
.livefeed-architecture::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(rgba(110,231,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,255,.08) 1px,transparent 1px); background-size:28px 28px; }
.arch-label { position:relative; margin-bottom:32px; color:#627086; font-size:9px; letter-spacing:.16em; }
.arch-row { position:relative; z-index:2; display:flex; justify-content:center; gap:14px; }
.arch-row div { min-width:130px; padding:13px 16px; text-align:center; border:1px solid rgba(255,255,255,.1); border-radius:10px; color:#b9c5d2; background:rgba(6,10,15,.88); font-size:10px; font-weight:700; letter-spacing:.11em; }
.arch-row .accent { border-color:rgba(110,231,255,.3); color:#dffaff; box-shadow:0 0 30px rgba(110,231,255,.08); }
.arch-users div,.arch-cloud div { min-width:230px; }
.arch-services div { min-width:105px; }
.arch-connector { position:relative; z-index:1; width:1px; height:28px; margin:0 auto; background:linear-gradient(#6ee7ff55,#6ee7ff12); }
.arch-status { position:relative; z-index:2; display:flex; align-items:center; gap:8px; margin-top:26px; color:#5f6f82; font-size:9px; letter-spacing:.12em; }
.arch-status i { width:6px; height:6px; border-radius:50%; background:#2dd4bf; box-shadow:0 0 12px #2dd4bf; }
.arch-status span { margin-left:auto; color:#7990a4; }

.livefeed-process { padding:150px 0 120px; }
.livefeed-process-head { display:flex; justify-content:space-between; align-items:flex-start; gap:50px; margin-bottom:58px; }
.livefeed-process-head h2 { max-width:780px; margin-top:0; }
.livefeed-process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.1); }
.livefeed-process-grid article { min-height:245px; padding:28px 28px 20px 0; border-right:1px solid rgba(255,255,255,.08); }
.livefeed-process-grid article + article { padding-left:28px; }
.livefeed-process-grid article:last-child { border-right:0; }
.livefeed-process-grid span { color:#6ee7ff; font-size:10px; letter-spacing:.15em; }
.livefeed-process-grid h3 { margin:58px 0 12px; color:#f4f8ff; font-size:24px; }
.livefeed-process-grid p { margin:0; color:#748397; font-size:14px; line-height:1.7; }

.livefeed-stack { padding:100px 0 130px; border-top:1px solid rgba(255,255,255,.07); }
.livefeed-stack-main { display:grid; grid-template-columns:1fr .85fr; gap:80px; margin-top:30px; align-items:start; }
.livefeed-stack-list { border-top:1px solid rgba(255,255,255,.1); }
.livefeed-stack-list div { display:grid; grid-template-columns:120px 1fr; gap:24px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.livefeed-stack-list span { color:#66778b; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.livefeed-stack-list strong { color:#cbd5df; font-size:13px; font-weight:550; }

.livefeed-contact { position:relative; overflow:hidden; padding:125px 0; color:#f4f8ff; background:radial-gradient(circle at 25% 25%,rgba(110,231,255,.08),transparent 28%),radial-gradient(circle at 85% 70%,rgba(139,92,246,.08),transparent 28%),#070910; border-top:1px solid rgba(255,255,255,.07); }
.livefeed-contact-grid { position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(110,231,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,255,.08) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to right,#000,transparent 75%); }
.livefeed-contact-shell { position:relative; z-index:2; display:grid; grid-template-columns:1fr .8fr; gap:80px; align-items:start; }
.livefeed-contact-copy > p { max-width:620px; margin:28px 0; color:#8d9bad; font-size:16px; line-height:1.8; }
.livefeed-contact-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:42px; color:#637286; font-size:9px; letter-spacing:.14em; }
.livefeed-contact-meta i { width:3px; height:3px; border-radius:50%; background:#3b4859; }
.livefeed-contact-form { padding:28px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(7,11,17,.82); backdrop-filter:blur(18px); }
.livefeed-contact-form input,.livefeed-contact-form textarea,.livefeed-contact-form select { width:100%; color:#eaf5ff !important; background:#0d121a !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:10px !important; }
.livefeed-contact-form input:focus,.livefeed-contact-form textarea:focus { border-color:rgba(110,231,255,.5) !important; box-shadow:0 0 0 3px rgba(110,231,255,.07) !important; }
.livefeed-contact-form button,.livefeed-contact-form .ff-btn-submit { color:#031015 !important; background:linear-gradient(110deg,#bff7ff,#6ee7ff 60%,#72ddd4) !important; border:0 !important; border-radius:999px !important; font-weight:700 !important; padding:13px 22px !important; }

.livefeed-footer { padding:70px 22px 28px; color:#dfe8f1; background:#04060a; border-top:1px solid rgba(255,255,255,.07); }
.livefeed-footer-main { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; padding-bottom:62px; }
.livefeed-footer-logo { color:#fff !important; font-size:25px; font-weight:800; letter-spacing:-.04em; text-decoration:none !important; }
.livefeed-footer-logo span { color:#6ee7ff; }
.livefeed-footer-brand p { max-width:300px; margin:16px 0 0; color:#647386; font-size:13px; line-height:1.7; }
.livefeed-footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }
.livefeed-footer-links > div { display:flex; flex-direction:column; gap:10px; }
.livefeed-footer-links small { margin-bottom:8px; color:#4e5d70; font-size:9px; letter-spacing:.15em; }
.livefeed-footer-links a,.livefeed-footer-links span { color:#9aa8b9 !important; font-size:12px; text-decoration:none !important; }
.livefeed-footer-links a:hover { color:#6ee7ff !important; }
.livefeed-footer-bottom { display:flex; justify-content:space-between; padding-top:20px; border-top:1px solid rgba(255,255,255,.07); color:#465466; font-size:9px; letter-spacing:.12em; }

@media (max-width: 960px) {
    .livefeed-section-intro,.livefeed-complex-grid,.livefeed-stack-main,.livefeed-contact-shell,.livefeed-footer-main { grid-template-columns:1fr; gap:46px; }
    .livefeed-capability-grid { grid-template-columns:repeat(2,1fr); }
    .livefeed-process-head { display:block; }
    .livefeed-process-head .livefeed-section-kicker { margin-bottom:22px; }
    .livefeed-process-grid { grid-template-columns:repeat(2,1fr); }
    .livefeed-process-grid article:nth-child(2) { border-right:0; }
    .livefeed-footer-links { max-width:650px; }
}
@media (max-width: 640px) {
    .livefeed-section-shell { width:min(100% - 32px,1200px); }
    .livefeed-capabilities,.livefeed-complex { padding-top:90px; }
    .livefeed-capability-grid,.livefeed-process-grid { grid-template-columns:1fr; }
    .livefeed-capability-card { min-height:300px; }
    .livefeed-process-grid article,.livefeed-process-grid article + article { padding:24px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
    .livefeed-process-grid h3 { margin-top:32px; }
    .arch-row { gap:7px; }
    .arch-row div { min-width:0; flex:1; padding:11px 8px; font-size:8px; }
    .arch-users div,.arch-cloud div { min-width:0; max-width:230px; flex-basis:230px; }
    .livefeed-architecture { padding:20px 14px; }
    .livefeed-footer-links { grid-template-columns:1fr 1fr; }
    .livefeed-footer-bottom { gap:20px; flex-direction:column; }
}
.livefeed-reveal { opacity:0; transform:translateY(18px); transition:opacity .55s ease,transform .55s ease; }
.livefeed-reveal.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){.livefeed-reveal{opacity:1;transform:none;transition:none}}

/* === LiveFeed 2026 Redesign: Stage 3 polish === */
.livefeed-scroll-progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    overflow: hidden;
    pointer-events: none;
}
.livefeed-scroll-progress span {
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    background: linear-gradient(90deg, var(--livefeed-cyan), var(--livefeed-violet));
    box-shadow: 0 0 14px rgba(110,231,255,.65);
    will-change: transform;
}
.site-header.livefeed-header { transition: min-height .25s ease, background .25s ease, border-color .25s ease; }
.site-header.livefeed-header.is-scrolled { background: rgba(5,7,11,.9); border-bottom-color: rgba(110,231,255,.13); }
.site-header.livefeed-header.is-scrolled .livefeed-header-inner { min-height: 70px; }
.livefeed-nav .wp-block-navigation-item__content { position: relative; }
.livefeed-nav .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 1px;
    transform: scaleX(0);
    background: var(--livefeed-cyan);
    transition: transform .2s ease;
}
.livefeed-nav .wp-block-navigation-item__content.is-active { color: #fff !important; }
.livefeed-nav .wp-block-navigation-item__content.is-active::after { transform: scaleX(1); }

.livefeed-engagement,
.livefeed-principles {
    padding-top: clamp(90px, 10vw, 150px);
    border-top: 1px solid rgba(255,255,255,.08);
}
.livefeed-engagement-head {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .65fr);
    gap: 72px;
    align-items: end;
    margin-bottom: 58px;
}
.livefeed-engagement-head h2,
.livefeed-principles-copy h2 {
    margin: 16px 0 0;
    color: #fff;
    font-size: clamp(40px, 5.7vw, 78px);
    line-height: .98;
    letter-spacing: -.055em;
}
.livefeed-engagement-head h2 em,
.livefeed-principles-copy h2 em { color: var(--livefeed-cyan); font-style: normal; }
.livefeed-engagement-head > p {
    margin: 0;
    color: var(--livefeed-muted);
    font-size: 16px;
    line-height: 1.75;
}
.livefeed-engagement-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--livefeed-border);
    border-radius: 22px;
    overflow: hidden;
    background: rgba(255,255,255,.018);
}
.livefeed-engagement-grid article {
    position: relative;
    min-height: 340px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--livefeed-border);
    overflow: hidden;
    transition: background .25s ease, transform .25s ease;
}
.livefeed-engagement-grid article:last-child { border-right: 0; }
.livefeed-engagement-grid article::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -95px;
    top: -95px;
    border-radius: 50%;
    border: 1px solid rgba(110,231,255,.1);
    box-shadow: 0 0 60px rgba(110,231,255,.035);
}
.livefeed-engagement-grid article:hover { background: rgba(110,231,255,.045); }
.livefeed-engagement-grid article > span {
    color: var(--livefeed-cyan);
    font-size: 12px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .12em;
}
.livefeed-engagement-grid h3 { margin: auto 0 12px; color: #fff; font-size: 25px; letter-spacing: -.035em; }
.livefeed-engagement-grid p { margin: 0 0 28px; color: var(--livefeed-muted); font-size: 14px; line-height: 1.65; }
.livefeed-engagement-grid small {
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.08);
    color: #738299;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 10px;
    letter-spacing: .12em;
}

.livefeed-principles {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(420px, 1fr);
    gap: 82px;
    margin-top: clamp(90px, 10vw, 150px);
}
.livefeed-principles-list { border-top: 1px solid var(--livefeed-border); }
.livefeed-principles-list > div {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 20px;
    padding: 28px 0;
    border-bottom: 1px solid var(--livefeed-border);
}
.livefeed-principles-list b {
    color: var(--livefeed-cyan);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    letter-spacing: .1em;
}
.livefeed-principles-list span { display: grid; gap: 8px; }
.livefeed-principles-list strong { color: #fff; font-size: 20px; letter-spacing: -.025em; }
.livefeed-principles-list small { color: var(--livefeed-muted); font-size: 14px; line-height: 1.6; }

.livefeed-footer { position: relative; overflow: hidden; }
.livefeed-footer-orbit {
    position: absolute;
    width: 480px;
    height: 480px;
    border: 1px solid rgba(110,231,255,.055);
    border-radius: 50%;
    right: -250px;
    top: -260px;
    pointer-events: none;
}
.livefeed-footer-orbit::before,
.livefeed-footer-orbit::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(139,92,246,.07);
    border-radius: 50%;
    inset: 18%;
}
.livefeed-footer-orbit::after { inset: 36%; }
.livefeed-footer-mail {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-top: 20px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
}
.livefeed-footer-mail span { color: var(--livefeed-cyan); }
.livefeed-footer-status { display: inline-flex; gap: 9px; align-items: center; }
.livefeed-footer-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--livefeed-teal);
    box-shadow: 0 0 11px rgba(45,212,191,.7);
}

.livefeed-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .65s ease var(--reveal-delay, 0ms), transform .65s cubic-bezier(.22,.8,.22,1) var(--reveal-delay, 0ms);
}
.livefeed-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
    .livefeed-engagement-head,
    .livefeed-principles { grid-template-columns: 1fr; gap: 34px; }
    .livefeed-engagement-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .livefeed-engagement-grid article:nth-child(2) { border-right: 0; }
    .livefeed-engagement-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--livefeed-border); }
    .livefeed-nav-wrap { gap: 12px; }
}
@media (max-width: 680px) {
    .livefeed-engagement-grid { grid-template-columns: 1fr; }
    .livefeed-engagement-grid article { min-height: 280px; border-right: 0; border-bottom: 1px solid var(--livefeed-border); }
    .livefeed-engagement-grid article:last-child { border-bottom: 0; }
    .livefeed-principles { grid-template-columns: 1fr; }
    .livefeed-header-cta { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
    .livefeed-reveal { opacity: 1 !important; transform: none !important; }
}

/* === LiveFeed 2026 Redesign: Stage 4 premium motion + product range === */
.livefeed-signal-rail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-top: 1px solid rgba(255,255,255,.07);
    background: rgba(4,7,11,.68);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.livefeed-signal-track {
    display: flex;
    align-items: center;
    gap: 22px;
    width: max-content;
    min-width: 200%;
    padding: 13px 0;
    animation: livefeed-marquee 34s linear infinite;
    will-change: transform;
}
.livefeed-signal-track span {
    flex: 0 0 auto;
    color: #728196;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .16em;
    white-space: nowrap;
}
.livefeed-signal-track i {
    flex: 0 0 auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--livefeed-cyan);
    box-shadow: 0 0 12px rgba(110,231,255,.7);
}
@keyframes livefeed-marquee { to { transform: translateX(-50%); } }

.livefeed-system-readout {
    position: absolute;
    z-index: 4;
    min-width: 150px;
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(5,9,14,.72);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 50px rgba(0,0,0,.22);
}
.livefeed-system-readout small,
.livefeed-system-readout strong { display: block; }
.livefeed-system-readout small { color: #53657a; font-size: 8px; letter-spacing: .15em; }
.livefeed-system-readout strong { margin-top: 5px; color: #aebccc; font-size: 9px; letter-spacing: .08em; }
.livefeed-system-readout i {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #2dd4bf;
    box-shadow: 0 0 10px #2dd4bf;
}
.livefeed-system-readout.readout-a { left: -30px; bottom: 15%; }
.livefeed-system-readout.readout-b { right: -28px; top: 17%; }
.livefeed-data-pulse {
    position: absolute;
    z-index: 5;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c9faff;
    box-shadow: 0 0 0 5px rgba(110,231,255,.08),0 0 18px rgba(110,231,255,.8);
    pointer-events: none;
}
.livefeed-data-pulse.pulse-a { animation: livefeed-pulse-a 5.2s ease-in-out infinite; }
.livefeed-data-pulse.pulse-b { animation: livefeed-pulse-b 6.1s ease-in-out infinite 1.2s; }
.livefeed-data-pulse.pulse-c { animation: livefeed-pulse-c 4.8s ease-in-out infinite 2s; }
@keyframes livefeed-pulse-a { 0%,100% { left: 46%; top: 48%; opacity: 0; } 20% { opacity: 1; } 70% { opacity: 1; } 90% { left: 76%; top: 20%; opacity: 0; } }
@keyframes livefeed-pulse-b { 0%,100% { left: 48%; top: 50%; opacity: 0; } 18% { opacity: 1; } 78% { opacity: 1; } 95% { left: 18%; top: 28%; opacity: 0; } }
@keyframes livefeed-pulse-c { 0%,100% { left: 50%; top: 48%; opacity: 0; } 22% { opacity: 1; } 74% { opacity: 1; } 92% { left: 70%; top: 73%; opacity: 0; } }

.livefeed-capability-card {
    --card-x: 50%;
    --card-y: 50%;
    transform-style: preserve-3d;
    transition: transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.livefeed-capability-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0;
    border-radius: inherit;
    background: radial-gradient(340px circle at var(--card-x) var(--card-y),rgba(110,231,255,.12),transparent 45%);
    transition: opacity .25s ease;
    pointer-events: none;
}
.livefeed-capability-card > * { position: relative; z-index: 1; }
.livefeed-capability-card:hover {
    transform: translateY(-6px);
    border-color: rgba(110,231,255,.24);
    box-shadow: 0 28px 75px rgba(0,0,0,.28),0 0 0 1px rgba(110,231,255,.025) inset;
}
.livefeed-capability-card:hover::before { opacity: 1; }
.livefeed-card-icon { transition: transform .28s ease; }
.livefeed-capability-card:hover .livefeed-card-icon { transform: rotate(8deg) scale(1.06); }

.livefeed-build-spectrum {
    padding: clamp(90px,10vw,150px) 0;
    border-top: 1px solid rgba(255,255,255,.08);
}
.livefeed-build-spectrum-head {
    display: grid;
    grid-template-columns: minmax(0,.55fr) minmax(0,1.45fr);
    gap: 56px;
    align-items: start;
    margin-bottom: 52px;
}
.livefeed-build-spectrum-head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(40px,5.7vw,78px);
    line-height: .98;
    letter-spacing: -.055em;
}
.livefeed-build-spectrum-head h2 em { color: var(--livefeed-cyan); font-style: normal; }
.livefeed-build-spectrum-panel {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 120px 1fr 120px 1fr;
    gap: 0;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 22px;
    background: linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));
}
.livefeed-build-spectrum-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .2;
    background-image: linear-gradient(rgba(110,231,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,255,.08) 1px,transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom,#000,transparent 90%);
}
.spectrum-column,.spectrum-core {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 330px;
    flex-direction: column;
    padding: 30px;
}
.spectrum-column small,.spectrum-core small { margin-bottom: auto; color: #516176; font-size: 9px; letter-spacing: .15em; }
.spectrum-column strong,.spectrum-core strong {
    padding: 13px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
    color: #aebccc;
    font-size: 13px;
    font-weight: 550;
}
.spectrum-core {
    background: radial-gradient(circle at 50% 50%,rgba(110,231,255,.11),transparent 62%),rgba(110,231,255,.025);
    border-left: 1px solid rgba(110,231,255,.1);
    border-right: 1px solid rgba(110,231,255,.1);
}
.spectrum-core small { color: #6ee7ff; }
.spectrum-core strong { color: #dff8ff; }
.spectrum-flow {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
}
.spectrum-flow::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg,transparent,rgba(110,231,255,.32),transparent);
}
.spectrum-flow span {
    position: relative;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6ee7ff;
    box-shadow: 0 0 12px rgba(110,231,255,.7);
    animation: spectrum-dot 2.8s ease-in-out infinite;
}
.spectrum-flow span:nth-child(2) { animation-delay: .35s; }
.spectrum-flow span:nth-child(3) { animation-delay: .7s; }
@keyframes spectrum-dot { 0%,100% { opacity:.2; transform:scale(.75); } 50% { opacity:1; transform:scale(1.15); } }

.livefeed-btn,.livefeed-header-cta .wp-block-button__link { transition: transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease; }
.livefeed-magnetic { will-change: transform; }

.wp-block-navigation__responsive-container.is-menu-open {
    background: rgba(4,7,11,.98) !important;
    color: #fff !important;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding: 90px 28px 32px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    color: #dce7f2 !important;
    font-size: clamp(28px,8vw,48px) !important;
    line-height: 1.08;
    letter-spacing: -.04em;
}
.wp-block-navigation__responsive-container-close { color: #fff !important; }

@media (max-width: 1100px) {
    .livefeed-system-readout { display: none; }
    .livefeed-build-spectrum-panel { grid-template-columns: 1fr 70px 1fr 70px 1fr; }
}
@media (max-width: 760px) {
    .livefeed-signal-track { animation-duration: 26s; }
    .livefeed-build-spectrum-head { grid-template-columns: 1fr; gap: 24px; }
    .livefeed-build-spectrum-panel { grid-template-columns: 1fr; }
    .spectrum-flow { min-height: 64px; transform: rotate(90deg); }
    .spectrum-column,.spectrum-core { min-height: 0; }
    .spectrum-core { border: 0; border-top: 1px solid rgba(110,231,255,.1); border-bottom: 1px solid rgba(110,231,255,.1); }
}
@media (prefers-reduced-motion:reduce) {
    .livefeed-signal-track,.livefeed-data-pulse,.spectrum-flow span { animation: none !important; }
    .livefeed-capability-card:hover { transform: none; }
}

/* Stage 5: connected section flow, animated architecture, premium contact and footer polish. */
.livefeed-complex { position: relative; }
.livefeed-complex::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    pointer-events: none;
    opacity: .22;
    background: linear-gradient(to bottom,transparent 2%,rgba(110,231,255,.24) 18%,rgba(167,139,250,.16) 52%,rgba(110,231,255,.16) 82%,transparent 98%);
}
.livefeed-section-shell { position: relative; z-index: 1; }
.livefeed-architecture { overflow: hidden; isolation: isolate; }
.livefeed-architecture::after {
    content: "";
    position: absolute;
    inset: -35% -10%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle at 50% 50%,rgba(110,231,255,.10),transparent 43%);
    transform: translate3d(-28%,0,0);
    animation: livefeed-arch-scan 9s ease-in-out infinite;
}
@keyframes livefeed-arch-scan { 0%,100%{transform:translate3d(-28%,0,0)} 50%{transform:translate3d(28%,0,0)} }
.arch-row > div { position: relative; overflow: hidden; }
.arch-row > div::after {
    content: "";
    position: absolute;
    left: -60%;
    top: 0;
    width: 38%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(90deg,transparent,rgba(110,231,255,.14),transparent);
    transform: skewX(-16deg);
    opacity: 0;
}
.livefeed-architecture.is-energized .arch-row > div::after { animation: livefeed-node-sweep 3.8s ease-in-out infinite; opacity: 1; }
.livefeed-architecture.is-energized .arch-row > div:nth-child(2)::after { animation-delay: .45s; }
.livefeed-architecture.is-energized .arch-row > div:nth-child(3)::after { animation-delay: .9s; }
@keyframes livefeed-node-sweep { 0%{left:-60%} 55%,100%{left:135%} }
.arch-data-path { position:absolute; z-index:3; pointer-events:none; opacity:.7; }
.arch-data-path::before { content:""; position:absolute; inset:0; border-color:rgba(110,231,255,.14); border-style:solid; }
.arch-data-path i { position:absolute; width:6px; height:6px; border-radius:50%; background:#6ee7ff; box-shadow:0 0 12px rgba(110,231,255,.9); opacity:0; }
.path-one { left:18%; top:25%; width:32%; height:25%; }
.path-one::before { border-width:1px 1px 0 0; border-radius:0 14px 0 0; }
.path-two { right:18%; top:35%; width:31%; height:30%; }
.path-two::before { border-width:0 0 1px 1px; border-radius:0 0 0 14px; }
.path-three { left:35%; bottom:14%; width:30%; height:18%; }
.path-three::before { border-width:0 1px 1px 0; border-radius:0 0 14px 0; }
.livefeed-architecture.is-energized .path-one i { animation: arch-pulse-one 4.2s linear infinite; }
.livefeed-architecture.is-energized .path-two i { animation: arch-pulse-two 4.8s linear .7s infinite; }
.livefeed-architecture.is-energized .path-three i { animation: arch-pulse-three 4.4s linear 1.2s infinite; }
@keyframes arch-pulse-one { 0%{left:0;top:0;opacity:0} 8%{opacity:1} 49%{left:100%;top:0} 50%{left:100%;top:0} 92%{left:100%;top:100%;opacity:1} 100%{left:100%;top:100%;opacity:0} }
@keyframes arch-pulse-two { 0%{right:0;top:0;opacity:0} 8%{opacity:1} 48%{right:100%;top:0} 90%{right:100%;top:100%;opacity:1} 100%{right:100%;top:100%;opacity:0} }
@keyframes arch-pulse-three { 0%{left:0;bottom:0;opacity:0} 10%{opacity:1} 55%{left:100%;bottom:0} 90%{left:100%;bottom:100%;opacity:1} 100%{left:100%;bottom:100%;opacity:0} }
.arch-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:20px; }
.arch-metrics span { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 11px; border:1px solid rgba(255,255,255,.06); border-radius:9px; background:rgba(255,255,255,.018); }
.arch-metrics small { color:#506074; font-size:8px; letter-spacing:.13em; }
.arch-metrics b { color:#99eefd; font-size:9px; font-weight:650; letter-spacing:.08em; }

.livefeed-contact { min-height: 760px; display:flex; align-items:center; }
.livefeed-contact::before {
    content:"";
    position:absolute;
    width:560px;
    height:560px;
    right:-210px;
    top:-190px;
    border:1px solid rgba(110,231,255,.09);
    border-radius:50%;
    box-shadow:0 0 0 90px rgba(110,231,255,.018),0 0 0 180px rgba(167,139,250,.012);
    pointer-events:none;
}
.livefeed-contact-shell { grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr); gap:90px; }
.livefeed-contact-copy > p { max-width:660px; }
.livefeed-contact-proof { display:grid; gap:0; max-width:680px; margin-top:48px; border-top:1px solid rgba(255,255,255,.08); }
.livefeed-contact-proof > div { display:grid; grid-template-columns:42px 170px 1fr; gap:16px; align-items:center; padding:17px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.livefeed-contact-proof small { color:#6ee7ff; font-size:9px; letter-spacing:.12em; }
.livefeed-contact-proof strong { color:#dfe8f1; font-size:12px; font-weight:600; }
.livefeed-contact-proof span { color:#68798c; font-size:11px; line-height:1.55; }
.livefeed-contact-panel { position:relative; padding:1px; border-radius:24px; background:linear-gradient(145deg,rgba(110,231,255,.32),rgba(255,255,255,.06) 45%,rgba(167,139,250,.18)); box-shadow:0 30px 90px rgba(0,0,0,.32); }
.livefeed-contact-panel::before { content:""; position:absolute; inset:1px; border-radius:23px; background:linear-gradient(180deg,#0a0f17,#070a10); z-index:0; }
.livefeed-contact-panel > * { position:relative; z-index:1; }
.livefeed-contact-panel-head,.livefeed-contact-panel-foot { display:flex; align-items:center; gap:12px; padding:16px 20px; }
.livefeed-contact-panel-head { border-bottom:1px solid rgba(255,255,255,.07); }
.livefeed-contact-panel-head span { color:#98a8ba; font-size:9px; letter-spacing:.15em; }
.livefeed-contact-panel-head small { margin-left:auto; color:#4c5d70; font-size:8px; letter-spacing:.12em; }
.livefeed-contact-panel-head i { flex:1; height:1px; background:linear-gradient(90deg,rgba(110,231,255,.35),transparent); }
.livefeed-contact-panel .livefeed-contact-form { padding:26px 20px 22px; border:0; border-radius:0; background:transparent; backdrop-filter:none; }
.livefeed-contact-panel-foot { justify-content:space-between; border-top:1px solid rgba(255,255,255,.07); color:#607084; }
.livefeed-contact-panel-foot span { display:flex; align-items:center; gap:8px; color:#8697aa; font-size:9px; letter-spacing:.08em; }
.livefeed-contact-panel-foot span i { width:6px; height:6px; border-radius:50%; background:#70f0aa; box-shadow:0 0 10px rgba(112,240,170,.55); }
.livefeed-contact-panel-foot small { font-size:9px; }
.livefeed-contact-form label { color:#8394a8 !important; font-size:10px !important; letter-spacing:.05em; }
.livefeed-contact-form input,.livefeed-contact-form textarea,.livefeed-contact-form select { min-height:48px; padding:12px 14px !important; border-color:rgba(255,255,255,.08) !important; background:rgba(255,255,255,.025) !important; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease !important; }
.livefeed-contact-form textarea { min-height:120px; }
.livefeed-contact-form input:hover,.livefeed-contact-form textarea:hover,.livefeed-contact-form select:hover { border-color:rgba(110,231,255,.2) !important; background:rgba(110,231,255,.025) !important; }
.livefeed-contact-form button,.livefeed-contact-form .ff-btn-submit { width:100%; min-height:50px; margin-top:5px !important; border-radius:12px !important; box-shadow:0 12px 35px rgba(110,231,255,.12) !important; }

.livefeed-footer-main { position:relative; }
.livefeed-footer-brand::before { content:"LIVEFEED / PRODUCT ENGINEERING"; display:block; margin-bottom:20px; color:#344356; font-size:8px; letter-spacing:.17em; }
.livefeed-footer-links a { position:relative; width:max-content; }
.livefeed-footer-links a::after { content:""; position:absolute; left:0; right:100%; bottom:-2px; height:1px; background:#6ee7ff; transition:right .22s ease; }
.livefeed-footer-links a:hover::after { right:0; }
.livefeed-footer-bottom { position:relative; z-index:2; }

@media (max-width: 960px) {
    .livefeed-contact { min-height:0; }
    .livefeed-contact-shell { grid-template-columns:1fr; gap:54px; }
    .livefeed-contact-panel { max-width:720px; }
    .livefeed-complex::before { left:28px; opacity:.12; }
}
@media (max-width: 620px) {
    .arch-data-path { display:none; }
    .arch-metrics { grid-template-columns:1fr; }
    .livefeed-contact-proof > div { grid-template-columns:32px 1fr; }
    .livefeed-contact-proof span { grid-column:2; }
    .livefeed-contact-panel-head small,.livefeed-contact-panel-foot small { display:none; }
    .livefeed-contact { padding-top:95px; padding-bottom:95px; }
}
@media (prefers-reduced-motion:reduce) {
    .livefeed-architecture::after,.livefeed-architecture .arch-row > div::after,.arch-data-path i { animation:none !important; }
}


/* Stage 6: final responsive, accessibility and production polish. */
html { scroll-padding-top: 104px; }
body { overflow-x: clip; }
img, svg, video { max-width: 100%; }
#products, #process, #technology, #about, #contact { scroll-margin-top: 104px; }

.livefeed-header a:focus-visible,
.livefeed-btn:focus-visible,
.livefeed-footer a:focus-visible,
.livefeed-contact-form input:focus-visible,
.livefeed-contact-form textarea:focus-visible,
.livefeed-contact-form select:focus-visible,
.livefeed-contact-form button:focus-visible {
    outline: 2px solid #6ee7ff !important;
    outline-offset: 4px;
    box-shadow: 0 0 0 6px rgba(110,231,255,.12) !important;
}

.livefeed-btn,
.livefeed-header-cta .wp-block-button__link,
.livefeed-nav .wp-block-navigation-item__content {
    -webkit-tap-highlight-color: transparent;
}

.livefeed-nav .wp-block-navigation-item__content,
.livefeed-header-cta .wp-block-button__link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.livefeed-contact-form input,
.livefeed-contact-form textarea,
.livefeed-contact-form select {
    width: 100%;
    box-sizing: border-box;
}

.livefeed-contact-form input:focus,
.livefeed-contact-form textarea:focus,
.livefeed-contact-form select:focus {
    border-color: rgba(110,231,255,.48) !important;
    background: rgba(110,231,255,.035) !important;
    box-shadow: 0 0 0 4px rgba(110,231,255,.07) !important;
}

@media (max-width: 780px) {
    html { scroll-padding-top: 82px; }
    #products, #process, #technology, #about, #contact { scroll-margin-top: 82px; }
    .livefeed-section-shell,
    .livefeed-hero-inner,
    .livefeed-header-inner,
    .livefeed-footer-main,
    .livefeed-footer-bottom { width: min(100% - 32px, 1200px) !important; }
    .livefeed-section-intro h2 { max-width: 100%; }
    .livefeed-hero-actions { width: 100%; }
    .livefeed-hero-actions .livefeed-btn { flex: 1 1 220px; justify-content: center; }
    .livefeed-capability-strip { flex-wrap: wrap; row-gap: 10px; }
    .livefeed-contact-copy > p { max-width: none; }
}

@media (max-width: 520px) {
    .livefeed-section-shell,
    .livefeed-hero-inner,
    .livefeed-header-inner,
    .livefeed-footer-main,
    .livefeed-footer-bottom { width: min(100% - 24px, 1200px) !important; }
    .livefeed-hero { min-height: auto; }
    .livefeed-hero-copy h1 { font-size: clamp(46px, 14vw, 70px); }
    .livefeed-hero-lead { font-size: 15px; }
    .livefeed-hero-actions { flex-direction: column; align-items: stretch; }
    .livefeed-hero-actions .livefeed-btn { width: 100%; flex-basis: auto; }
    .livefeed-capability-grid { grid-template-columns: 1fr; }
    .livefeed-section-intro { gap: 28px; }
    .livefeed-contact-panel { border-radius: 18px; }
    .livefeed-contact-panel::before { border-radius: 17px; }
    .livefeed-contact-panel .livefeed-contact-form { padding: 22px 14px 18px; }
    .livefeed-contact-proof > div { padding: 14px 0; }
    .livefeed-footer-bottom { gap: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* v2.3.1 layout corrections after production review. */
.livefeed-engagement-head {
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    grid-template-rows: auto 1fr;
    align-items: start;
    row-gap: 36px;
}
.livefeed-engagement-head > .livefeed-section-kicker {
    grid-column: 1;
    grid-row: 1;
    padding-top: 8px;
}
.livefeed-engagement-head > h2 {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin-top: 0;
}
.livefeed-engagement-head > p {
    grid-column: 1;
    grid-row: 2;
    max-width: 560px;
}

/* Product Range already provides bottom breathing room. Avoid stacking another
   margin + padding pair before Engineering Principles. */
.livefeed-principles {
    margin-top: 0;
    padding-top: clamp(72px, 7vw, 110px);
}

@media (max-width: 960px) {
    .livefeed-engagement-head {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 26px;
    }
    .livefeed-engagement-head > .livefeed-section-kicker,
    .livefeed-engagement-head > h2,
    .livefeed-engagement-head > p {
        grid-column: 1;
        grid-row: auto;
    }
    .livefeed-engagement-head > h2 { order: 2; }
    .livefeed-engagement-head > p { order: 3; }
    .livefeed-principles { padding-top: 72px; }
}

@media (max-width: 620px) {
    .livefeed-principles { padding-top: 58px; }
}

/* v2.3.2: header vertical alignment fix */
.livefeed-header-inner {
    display: flex !important;
    align-items: center !important;
}
.livefeed-brand-wrap,
.livefeed-nav-wrap {
    display: flex !important;
    align-items: center !important;
    min-height: 100%;
}
.livefeed-brand-wrap > *,
.livefeed-nav-wrap > *,
.livefeed-logo,
.livefeed-logo figure,
.livefeed-logo a,
.livefeed-brand,
.livefeed-brand a,
.livefeed-nav,
.livefeed-nav .wp-block-navigation__container,
.livefeed-header-cta,
.livefeed-header-cta .wp-block-button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.livefeed-brand-wrap .wp-block-site-title {
    margin: 0 !important;
    line-height: 1 !important;
}
.livefeed-logo {
    display: flex !important;
    align-items: center !important;
}
.livefeed-logo a {
    display: flex !important;
    align-items: center !important;
}
.livefeed-logo img {
    display: block;
}
.livefeed-nav-wrap {
    line-height: 1;
}
.livefeed-nav .wp-block-navigation__container {
    align-items: center !important;
}
.livefeed-header-cta .wp-block-button__link {
    line-height: 1 !important;
}

.site-header .wp-block-navigation-item {
    display: flex;
    align-items: center;
}

.site-header .wp-block-navigation-item__content {
    height: 100%;
    align-content: center;
}