:root {
    --gold: #FFC107;
    --gold-2: #D89B00;
    --gold-soft: #FFE082;
    --ink: #08090B;
    --ink-2: #0E1014;
    --ink-3: #15181D;
    --surface: #11141A;
    --surface-2: #171A20;
    --sand: #F1EFE8;
    --white: #FFFFFF;
    --muted: #A8ADB7;
    --muted-dark: #666B72;
    --line: rgba(255,255,255,.11);
    --line-strong: rgba(255,255,255,.18);
    --line-dark: rgba(8,9,11,.14);
    --focus: #FFC107;
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 30px;
    --radius-xl: 42px;
    --shadow-lg: 0 35px 90px rgba(0,0,0,.32);
    --container: 1260px;
    --font-heading: Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}
body {
    margin: 0;
    background: var(--ink);
    color: var(--white);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.65;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
::selection { background: var(--gold); color: var(--ink); }

.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus, .skip-link:focus { clip: auto !important; clip-path: none; height: auto; width: auto; top: 12px; left: 12px; z-index: 100000; background: #fff; color: #111; padding: 12px 18px; border-radius: 8px; box-shadow: var(--shadow-lg); }
.beegital-container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.site-main { min-height: 60vh; overflow: clip; }

/* Header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(8,9,11,.82);
    border-bottom: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(20px) saturate(140%);
}
.site-header::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,193,7,.52), transparent); opacity: .6; }
.admin-bar .site-header { top: 32px; }
.header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 38px; }
.brand-wrap { flex: 0 0 auto; display: flex; align-items: center; }
.beegital-brand { display: inline-flex; align-items: center; text-decoration: none; }
.beegital-brand img { display: block; width: clamp(185px, 14vw, 225px); max-height: 59px; object-fit: contain; object-position: left center; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { width: auto; max-width: 225px; max-height: 59px; object-fit: contain; }
.primary-nav { display: flex; align-items: center; gap: 24px; color: #fff; }
.primary-nav .menu { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.primary-nav .menu li { position: relative; }
.primary-nav .menu a { display: inline-flex; align-items: center; min-height: 42px; padding: 0 12px; border-radius: 999px; color: #E7E8EA; text-decoration: none; font-size: 14px; font-weight: 700; letter-spacing: -.01em; transition: color .2s ease, background .2s ease; }
.primary-nav .menu a:hover { color: #fff; background: rgba(255,255,255,.06); }
.primary-nav .sub-menu { display: none; position: absolute; top: calc(100% + 8px); left: 0; min-width: 230px; background: #15181D; padding: 8px; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-lg); list-style: none; }
.primary-nav li:hover > .sub-menu, .primary-nav li:focus-within > .sub-menu { display: block; }
.primary-nav .sub-menu a { width: 100%; padding: 9px 12px; }
.header-account { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 0 17px; border: 1px solid rgba(255,193,7,.62); border-radius: 999px; background: rgba(255,193,7,.06); color: #FFE082; text-decoration: none; font-weight: 800; font-size: 13px; white-space: nowrap; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.header-account:hover { background: var(--gold); border-color: var(--gold); color: #08090B; }
.header-account__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(255,193,7,.11); }
.nav-toggle { display: none; min-width: 48px; min-height: 48px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.03); color: #fff; align-items: center; justify-content: center; gap: 9px; cursor: pointer; }
.nav-toggle__icon { display: grid; gap: 4px; }
.nav-toggle__icon span { display: block; width: 21px; height: 2px; background: currentColor; }
.nav-toggle__label { font-size: 13px; font-weight: 700; }

/* Buttons */
.beegital-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
    display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 0 22px; border: 1px solid var(--gold); border-radius: 14px; background: var(--gold); color: #08090B; text-decoration: none; font-weight: 850; line-height: 1.1; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.beegital-button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { transform: translateY(-2px); background: #FFD14A; border-color: #FFD14A; color: #08090B; box-shadow: 0 16px 35px rgba(255,193,7,.12); }
.beegital-button--quiet { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.15); color: #F5F5F5; }
.beegital-button--quiet:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.25); color: #fff; box-shadow: none; }

/* Hero */
.hero-v2 { position: relative; overflow: hidden; background: #08090B; color: #fff; border-bottom: 1px solid rgba(255,255,255,.08); }
.hero-v2::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 95%); }
.hero-v2__glow { position: absolute; border-radius: 999px; filter: blur(15px); pointer-events: none; }
.hero-v2__glow--one { width: 600px; height: 600px; top: -280px; right: 2%; background: radial-gradient(circle, rgba(255,193,7,.18), rgba(255,193,7,0) 66%); }
.hero-v2__glow--two { width: 500px; height: 500px; bottom: -350px; left: 7%; background: radial-gradient(circle, rgba(216,155,0,.12), rgba(216,155,0,0) 68%); }
.hero-v2__grid { position: relative; z-index: 1; min-height: 720px; display: grid; grid-template-columns: minmax(0,.91fr) minmax(540px,1.09fr); gap: clamp(48px,6vw,94px); align-items: center; padding-block: clamp(74px,8vw,112px) 86px; }
.hero-v2__copy { max-width: 680px; }
.hero-v2__kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 26px; color: #C9CDD4; font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px rgba(255,193,7,.10), 0 0 20px rgba(255,193,7,.35); }
.hero-v2 h1 { margin: 0; font-family: var(--font-heading); font-size: clamp(52px,5.7vw,82px); line-height: .98; letter-spacing: -.055em; font-weight: 800; max-width: 760px; }
.hero-v2 h1 span { display: block; color: var(--gold); }
.hero-v2__lead { max-width: 650px; margin: 27px 0 0; color: #B9BEC7; font-size: clamp(18px,1.4vw,21px); line-height: 1.58; }
.hero-v2__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero-v2__principles { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.hero-v2__principles span { display: inline-flex; align-items: center; min-height: 32px; padding: 0 11px; border: 1px solid rgba(255,255,255,.10); border-radius: 999px; background: rgba(255,255,255,.025); color: #9EA4AE; font-size: 12px; font-weight: 700; }
.hero-v2__rail { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(6,1fr); gap: 0; border-top: 1px solid rgba(255,255,255,.08); }
.hero-v2__rail span { min-height: 58px; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.08); color: #6F757F; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.hero-v2__rail span:last-child { border-right: 0; }

.system-map { position: relative; min-height: 530px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 30px 90px rgba(0,0,0,.24); }
.system-map::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 48%, rgba(255,193,7,.12), transparent 30%); }
.system-map__grid { position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 38px 38px; }
.system-map__header { position: relative; z-index: 3; height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 24px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(8,9,11,.32); }
.system-map__header > div { display: grid; }
.system-map__eyebrow { color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .18em; }
.system-map__header strong { margin-top: 3px; color: #fff; font-family: var(--font-heading); font-size: 15px; }
.system-map__live { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 10px; border: 1px solid rgba(255,255,255,.10); border-radius: 999px; color: #9299A4; font-size: 10px; font-weight: 700; }
.system-map__live i { width: 6px; height: 6px; border-radius: 50%; background: #5CE88B; box-shadow: 0 0 13px rgba(92,232,139,.55); }
.system-map__stage { position: relative; z-index: 2; min-height: 385px; }
.system-core { position: absolute; left: 50%; top: 49%; width: 142px; height: 142px; transform: translate(-50%,-50%); display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255,193,7,.38); background: rgba(8,9,11,.78); box-shadow: 0 0 0 16px rgba(255,193,7,.025), 0 0 70px rgba(255,193,7,.13); }
.system-core__halo { position: absolute; inset: -30px; border-radius: 50%; border: 1px dashed rgba(255,193,7,.22); animation: bee-spin 22s linear infinite; }
@keyframes bee-spin { to { transform: rotate(360deg); } }
.system-core img { width: 102px; height: 102px; object-fit: contain; filter: drop-shadow(0 12px 22px rgba(0,0,0,.35)); }
.system-node { position: absolute; z-index: 4; width: 150px; min-height: 74px; display: grid; align-content: center; padding: 12px 14px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; background: rgba(18,21,27,.91); box-shadow: 0 18px 40px rgba(0,0,0,.22); }
.system-node small { color: var(--gold); font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.system-node strong { margin-top: 3px; font-family: var(--font-heading); font-size: 14px; }
.system-node span { margin-top: 2px; color: #7F8792; font-size: 9px; }
.system-node--automation { top: 34px; left: 30px; }
.system-node--systems { top: 47px; right: 28px; }
.system-node--product { bottom: 34px; left: 35px; }
.system-node--support { bottom: 32px; right: 30px; }
.system-map__line { position: absolute; z-index: 1; height: 1px; width: 150px; background: linear-gradient(90deg, rgba(255,193,7,.45), rgba(255,193,7,.04)); transform-origin: left center; }
.system-map__line::after { content: ""; position: absolute; right: 0; top: -2px; width: 5px; height: 5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 10px rgba(255,193,7,.5); }
.system-map__line--a { left: 155px; top: 105px; transform: rotate(27deg); }
.system-map__line--b { right: 154px; top: 112px; transform: rotate(153deg); transform-origin: right center; }
.system-map__line--c { left: 160px; bottom: 102px; transform: rotate(-28deg); }
.system-map__line--d { right: 158px; bottom: 102px; transform: rotate(208deg); transform-origin: right center; }
.system-map__footer { position: relative; z-index: 3; min-height: 66px; display: flex; align-items: center; gap: 18px; padding: 0 22px; border-top: 1px solid rgba(255,255,255,.08); color: #747B85; font-size: 9px; font-weight: 700; }
.system-map__footer > span { display: inline-flex; align-items: center; gap: 6px; }
.system-map__footer strong { margin-left: auto; color: #C9CDD4; font-size: 9px; letter-spacing: .11em; }
.metric-dot { width: 5px; height: 5px; border-radius: 50%; background: #747B85; }
.metric-dot--gold { background: var(--gold); }

/* Shared sections */
.section-v2 { position: relative; padding-block: clamp(90px,9vw,138px); }
.section-v2--ink { background: var(--ink-2); color: #fff; }
.section-v2--sand { background: var(--sand); color: #111318; }
.section-tag { margin: 0 0 18px; color: var(--gold); font-size: 11px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.section-tag--dark { color: #725100; }
.section-intro { margin-bottom: clamp(45px,6vw,78px); }
.section-intro--split { display: grid; grid-template-columns: 1.1fr .78fr; gap: clamp(60px,8vw,120px); align-items: end; }
.section-intro h2, .services-v2__intro h2, .process-v2__header h2, .global-v2 h2, .cta-v2 h2 { margin: 0; font-family: var(--font-heading); font-size: clamp(40px,4.7vw,65px); line-height: 1.03; letter-spacing: -.05em; font-weight: 800; }
.section-intro h2 span, .services-v2__intro h2 span, .global-v2 h2 span, .cta-v2 h2 span { color: #7B818B; }
.section-intro > p { margin: 0; max-width: 540px; color: #9299A4; font-size: 17px; line-height: 1.75; }

/* Solutions bento */
.solution-bento { display: grid; grid-template-columns: 1.2fr .8fr .8fr; grid-template-rows: 310px 310px; gap: 16px; }
.bento-card { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; padding: 27px; border: 1px solid rgba(255,255,255,.10); border-radius: 22px; background: #12151A; transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.bento-card:hover { transform: translateY(-3px); border-color: rgba(255,193,7,.25); background: #15181E; }
.bento-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -90px; top: -90px; border-radius: 50%; background: radial-gradient(circle, rgba(255,193,7,.09), transparent 70%); pointer-events: none; }
.bento-card--automation { grid-row: 1 / 3; justify-content: space-between; background: linear-gradient(155deg, rgba(255,193,7,.08), transparent 42%), #12151A; }
.bento-card--ai { grid-column: 2 / 4; }
.bento-card__top { display: flex; align-items: center; justify-content: space-between; color: #6F7681; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.bento-card__top > span:first-child { color: var(--gold); }
.bento-pill { min-height: 25px; display: inline-flex; align-items: center; padding: 0 8px; border: 1px solid rgba(255,193,7,.24); border-radius: 999px; color: #CDAA44; }
.bento-card h3 { position: relative; z-index: 2; margin: 0 0 10px; font-family: var(--font-heading); font-size: clamp(23px,2.2vw,31px); line-height: 1.08; letter-spacing: -.035em; }
.bento-card p { position: relative; z-index: 2; margin: 0; max-width: 480px; color: #8F96A0; font-size: 14px; line-height: 1.6; }
.workflow-visual { align-self: stretch; display: flex; align-items: center; justify-content: center; gap: 11px; min-height: 180px; margin: 20px -4px; }
.workflow-chip { min-height: 40px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; color: #AAB0B9; font-size: 11px; font-weight: 800; background: rgba(255,255,255,.025); }
.workflow-chip--gold { border-color: rgba(255,193,7,.36); background: rgba(255,193,7,.08); color: #FFE082; }
.workflow-visual i { color: #4E545D; font-style: normal; }
.mini-network { position: relative; width: 150px; height: 80px; margin: auto auto 25px; }
.mini-network i, .mini-network b { position: absolute; display: block; border-radius: 50%; }
.mini-network i { width: 10px; height: 10px; border: 2px solid #6C737E; background: #12151A; }
.mini-network i:nth-child(1){left:0;top:8px}.mini-network i:nth-child(2){right:0;top:8px}.mini-network i:nth-child(3){left:12px;bottom:0}.mini-network i:nth-child(4){right:13px;bottom:0}
.mini-network b { left: 50%; top: 50%; width: 18px; height: 18px; transform: translate(-50%,-50%); background: var(--gold); box-shadow: 0 0 25px rgba(255,193,7,.18); }
.mini-network::before, .mini-network::after { content:""; position:absolute; left:18px; right:18px; top:39px; height:1px; background:linear-gradient(90deg,#4F5660,rgba(255,193,7,.65),#4F5660); transform:rotate(16deg); }
.mini-network::after { transform: rotate(-16deg); }
.commerce-ui { width: 150px; height: 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: auto auto 26px; }
.commerce-ui span { border: 1px solid rgba(255,255,255,.10); border-radius: 9px; background: rgba(255,255,255,.025); }
.commerce-ui span:first-child { grid-row: 1 / 3; }
.commerce-ui__accent { border-color: rgba(255,193,7,.35) !important; background: rgba(255,193,7,.08) !important; }
.publisher-lines { display: grid; gap: 8px; width: 150px; margin: auto auto 27px; }
.publisher-lines i { height: 7px; border-radius: 999px; background: #414751; }
.publisher-lines i:nth-child(1){width:72%;background:var(--gold)}.publisher-lines i:nth-child(2){width:100%}.publisher-lines i:nth-child(3){width:86%}.publisher-lines i:nth-child(4){width:54%}
.ai-signal { height: 70px; display: flex; align-items: flex-end; gap: 7px; margin: 30px auto 28px; }
.ai-signal i { display:block; width:11px; border-radius:999px 999px 4px 4px; background:linear-gradient(to top,#343A43,#606976); }
.ai-signal i:nth-child(1){height:22%}.ai-signal i:nth-child(2){height:46%}.ai-signal i:nth-child(3){height:30%}.ai-signal i:nth-child(4){height:82%;background:linear-gradient(to top,var(--gold-2),var(--gold-soft))}.ai-signal i:nth-child(5){height:60%}.ai-signal i:nth-child(6){height:92%}.ai-signal i:nth-child(7){height:52%}

/* KARAGO */
.karago-section { overflow: hidden; background: #090B0E; color: #fff; border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.07); }
.karago-section::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 70% 25%, rgba(255,193,7,.09), transparent 30%); pointer-events: none; }
.karago-watermark { position: absolute; right: -35px; top: 35px; color: rgba(255,255,255,.018); font: 900 clamp(120px,20vw,330px)/1 var(--font-heading); letter-spacing: -.08em; pointer-events:none; user-select:none; }
.section-intro--light { position: relative; z-index: 1; }
.publisher-feature { position: relative; z-index: 1; display: grid; grid-template-columns: .85fr 1.15fr; gap: 34px; min-height: 520px; padding: clamp(32px,4vw,52px); border: 1px solid rgba(255,193,7,.24); border-radius: 28px; background: linear-gradient(140deg, rgba(255,193,7,.08), rgba(255,255,255,.018) 40%, rgba(255,255,255,.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.publisher-feature__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.product-badge { display: inline-flex; align-items: center; gap: 9px; min-height: 30px; padding: 0 10px; border: 1px solid rgba(255,193,7,.24); border-radius: 999px; color: #D8B84D; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.product-badge i { width: 6px; height: 6px; border-radius:50%; background: var(--gold); box-shadow:0 0 14px rgba(255,193,7,.45); }
.publisher-feature__suite { margin: 46px 0 0; color: var(--gold); font: 900 14px/1 var(--font-heading); letter-spacing: .18em; }
.publisher-feature h3 { margin: 4px 0 20px; font: 800 clamp(48px,6vw,74px)/.95 var(--font-heading); letter-spacing: -.06em; }
.publisher-feature__copy > p:not(.publisher-feature__suite) { max-width: 470px; margin: 0; color: #A8AFB9; font-size: 16px; }
.publisher-feature__chips { display:flex;flex-wrap:wrap;gap:8px;margin-top:26px; }
.publisher-feature__chips span { min-height:28px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#7E858F;font-size:10px;font-weight:700; }
.publisher-feature__note { margin-top:34px;color:#D4B64C;font-size:11px;font-weight:800; }
.publisher-console { align-self: center; min-height: 390px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: #0D1014; box-shadow: 0 32px 70px rgba(0,0,0,.35); transform: perspective(1200px) rotateY(-3deg) rotateX(1.5deg); }
.publisher-console__bar { min-height: 46px; display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);background:#15181D; }
.publisher-console__bar > span { width:7px;height:7px;border-radius:50%;background:#424850; }.publisher-console__bar > span:first-child{background:#6D5930}.publisher-console__bar b{margin-left:7px;color:#8E959F;font-size:10px;font-weight:700;}
.publisher-console__body { min-height: 344px; display:grid;grid-template-columns:64px 1fr; }
.publisher-console__sidebar { display:grid;align-content:start;gap:13px;padding:20px 17px;border-right:1px solid rgba(255,255,255,.07);background:#101318; }
.publisher-console__sidebar i { width:28px;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025); }.publisher-console__sidebar i:first-child{border-color:rgba(255,193,7,.24);background:rgba(255,193,7,.07);}
.publisher-console__form { padding:24px; }
.publisher-console__form small { display:block;margin:0 0 7px;color:#616975;font-size:8px;font-weight:900;letter-spacing:.13em; }
.field { height:34px;margin-bottom:16px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#141820; }.field--short{width:38%;color:#C7A940;display:flex;align-items:center;padding:0 9px;font-size:10px;font-weight:800;}.field--muted{width:72%;}
.publisher-console__editor { min-height:86px;display:grid;align-content:center;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#11151B; }.publisher-console__editor i{display:block;height:6px;border-radius:99px;background:#282E37;}.publisher-console__editor i:nth-child(1){width:90%}.publisher-console__editor i:nth-child(2){width:76%}.publisher-console__editor i:nth-child(3){width:84%}.publisher-console__editor i:nth-child(4){width:51%}
.publisher-console__action { display:flex;align-items:center;justify-content:space-between;margin-top:17px; }.publisher-console__action span{color:#5CE88B;font-size:9px;font-weight:900;letter-spacing:.12em;}.publisher-console__action b{min-height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;background:var(--gold);color:#090B0E;font-size:9px;}
.next-products { position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px; }
.next-products article { min-height:230px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#111419; }
.next-products article > div { display:flex;align-items:center;justify-content:space-between;color:#737B86;font-size:9px;font-weight:900;letter-spacing:.13em; }.next-products article > div span{color:#B19338}.next-products h3{margin:60px 0 10px;font:800 clamp(25px,2.5vw,34px)/1.05 var(--font-heading);letter-spacing:-.04em;}.next-products p{margin:0;max-width:500px;color:#838B96;font-size:14px;}

/* Services */
.services-v2 { display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(60px,9vw,135px);align-items:start; }
.services-v2__intro { position:sticky;top:130px; }
.services-v2__intro h2 { font-size:clamp(40px,4.2vw,59px); }.services-v2__intro h2 span{color:#8A7A4F;}.services-v2__intro > p:last-child{max-width:480px;margin:25px 0 0;color:#666B72;font-size:16px;}
.service-rows { border-top:1px solid rgba(8,9,11,.16); }
.service-rows article { position:relative;display:grid;grid-template-columns:52px 1fr .9fr 34px;gap:22px;align-items:center;min-height:128px;padding:26px 0;border-bottom:1px solid rgba(8,9,11,.16); }
.service-rows article > span{color:#8A6500;font-size:10px;font-weight:900;letter-spacing:.14em;}.service-rows h3{margin:0;font:800 clamp(20px,2vw,26px)/1.12 var(--font-heading);letter-spacing:-.035em;}.service-rows p{margin:0;color:#6A6E73;font-size:14px;}.service-rows i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(8,9,11,.16);border-radius:50%;font-style:normal;color:#65501B;transition:transform .2s ease,background .2s ease;}.service-rows article:hover i{transform:translate(2px,-2px);background:var(--gold);color:#08090B;border-color:var(--gold);}

/* Support */
.support-tiers { display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.10);border-radius:22px;overflow:hidden;background:#111419; }
.support-tiers article { position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-right:1px solid rgba(255,255,255,.09);background:#111419; }.support-tiers article:last-child{border-right:0}.support-tiers article > span{color:#555D68;font-size:10px;font-weight:900;letter-spacing:.14em;}.support-tiers small{color:#6E7681;font-size:9px;font-weight:900;letter-spacing:.14em;}.support-tiers h3{margin:8px 0 10px;font:800 clamp(23px,2.3vw,31px)/1.05 var(--font-heading);letter-spacing:-.04em;}.support-tiers p{margin:0;color:#858D98;font-size:13px;}.support-tiers__featured{background:linear-gradient(145deg,rgba(255,193,7,.09),rgba(255,193,7,.015)),#12151A!important;}.support-tiers__featured > span,.support-tiers__featured small{color:#CDAA44;}

/* Process */
.process-v2 { background:var(--sand);color:#101216;padding-block:clamp(85px,8vw,120px); }
.process-v2__header { display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:end;margin-bottom:56px; }.process-v2__header .section-tag{align-self:start}.process-v2__header h2{font-size:clamp(42px,4.5vw,62px);}
.process-v2__steps { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(8,9,11,.15);border-bottom:1px solid rgba(8,9,11,.15); }
.process-v2__steps li { min-height:250px;padding:24px;border-right:1px solid rgba(8,9,11,.13);display:flex;flex-direction:column;justify-content:space-between; }.process-v2__steps li:last-child{border-right:0}.process-v2__steps > li > span{color:#8A6500;font-size:10px;font-weight:900;letter-spacing:.14em}.process-v2__steps h3{margin:0 0 10px;font:800 27px/1 var(--font-heading);letter-spacing:-.04em}.process-v2__steps p{margin:0;color:#686C71;font-size:14px;}

/* Global */
.global-v2 { position:relative;overflow:hidden;padding-block:clamp(100px,10vw,155px);background:#0A0C0F;color:#fff;border-top:1px solid rgba(255,255,255,.07); }
.global-v2__mesh { position:absolute;inset:0;opacity:.42;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.12) 1px,transparent 0);background-size:30px 30px;mask-image:radial-gradient(circle at 72% 50%,black,transparent 55%); }
.global-v2::after{content:"";position:absolute;width:620px;height:620px;right:-160px;top:50%;transform:translateY(-50%);border:1px solid rgba(255,193,7,.15);border-radius:50%;box-shadow:0 0 0 65px rgba(255,193,7,.018),0 0 0 130px rgba(255,193,7,.012);}
.global-v2__grid { position:relative;z-index:2;display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end; }.global-v2 h2 span{color:var(--gold)}.global-v2__copy>p{max-width:520px;margin:0;color:#9FA6B0;font-size:17px;line-height:1.75}.global-v2__chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.global-v2__chips span{min-height:31px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;color:#858D98;font-size:10px;font-weight:800}.global-v2__chips span:first-child,.global-v2__chips span:nth-child(2){color:#FFE082;border-color:rgba(255,193,7,.21)}

/* CTA */
.cta-v2 { position:relative;background:#0A0C0F;padding:0 0 100px;color:#fff; }
.cta-v2__box { position:relative;overflow:hidden;display:grid;grid-template-columns:150px 1fr auto;gap:42px;align-items:center;padding:clamp(34px,5vw,58px);border:1px solid rgba(255,193,7,.30);border-radius:30px;background:linear-gradient(125deg,rgba(255,193,7,.11),rgba(255,255,255,.025) 45%,rgba(255,193,7,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.cta-v2__box::after{content:"";position:absolute;width:380px;height:380px;right:15%;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(255,193,7,.13),transparent 70%);pointer-events:none;}.cta-v2__mark{position:relative;z-index:1;width:120px;height:120px;display:grid;place-items:center;border:1px solid rgba(255,193,7,.22);border-radius:24px;background:#0D1014;}.cta-v2__mark img{width:90px;height:90px;object-fit:contain}.cta-v2__copy{position:relative;z-index:1}.cta-v2 h2{font-size:clamp(36px,4vw,56px)}.cta-v2__copy>p:last-child{margin:18px 0 0;max-width:620px;color:#9299A4}.cta-v2__box>.beegital-button{position:relative;z-index:1;white-space:nowrap}

/* Footer */
.site-footer { background:#07080A;color:#fff;border-top:1px solid rgba(255,255,255,.08);padding:0 0 24px; }
.footer-topline { min-height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);color:#6D747E;font-size:9px;font-weight:900;letter-spacing:.16em; }.footer-topline span:last-child{color:#9A8235}
.footer-grid { display:grid;grid-template-columns:1.3fr .65fr .9fr;gap:70px;padding-block:72px; }
.footer-brand .beegital-brand img { width:220px;max-height:64px; }.footer-brand .footer-small{max-width:440px;margin:25px 0 0;color:#737B85;font-size:14px}.site-footer h2{margin:0 0 18px;font:800 15px/1.2 var(--font-heading);letter-spacing:-.02em}.footer-menu{list-style:none;margin:0;padding:0}.footer-menu li{margin-bottom:7px}.footer-menu a{color:#8C939D;text-decoration:none;font-size:14px}.footer-menu a:hover{color:#fff}.footer-contact p{max-width:340px;color:#777F89;font-size:14px}.footer-link{display:inline-flex;align-items:center;gap:10px;margin-top:10px;color:#FFE082;text-decoration:none;font-size:13px;font-weight:800}.footer-bottom{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.07);color:#545B65;font-size:11px}

/* General content */
.content-shell { padding-block:70px 100px;background:var(--sand);color:#111; }.content-shell--narrow{max-width:900px}.entry-header h1,.archive-header h1{margin:0 0 28px;font-size:clamp(38px,5vw,64px);line-height:1.02}.entry-content{font-size:18px}.entry-content>*{max-width:820px}.entry-content>.alignwide{max-width:1120px;margin-left:50%;transform:translateX(-50%);width:calc(100vw - 40px)}.entry-content h2{margin-top:1.7em;font-size:36px;line-height:1.15}.entry-content h3{margin-top:1.6em;font-size:27px}.entry-content a{color:#6A4A00;text-decoration-thickness:2px;text-underline-offset:3px}.entry-featured{margin:30px 0 45px}.entry-featured img{border-radius:var(--radius-md)}.post-meta{color:#6D6D6D;font-size:14px}.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{overflow:hidden;background:#fff;border:1px solid var(--line-dark);border-radius:var(--radius-md)}.post-card__image{display:block;aspect-ratio:16/9;overflow:hidden}.post-card__image img{width:100%;height:100%;object-fit:cover}.post-card__body{padding:24px}.post-card h2{margin:8px 0 12px;font-size:25px;line-height:1.15}.post-card h2 a{text-decoration:none}.empty-state{padding-block:100px;text-align:left;background:var(--sand);color:#111}

/* Forms */
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],select,textarea{width:100%;min-height:48px;border:1px solid #A9A9A9;border-radius:10px;background:#fff;color:#111;padding:10px 12px}textarea{min-height:150px;resize:vertical}label{font-weight:700}

/* WooCommerce baseline — no template overrides */
.woocommerce-page .site-main{background:var(--sand);color:#111;padding-block:50px}.woocommerce .woocommerce-breadcrumb{margin-bottom:24px;color:#696D72}.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:20px;border:1px solid var(--line-dark);border-radius:var(--radius-md);background:#fff}.woocommerce ul.products li.product a img{border-radius:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-heading);font-size:21px;color:#111}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#6D5000;font-weight:900}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:10px;background:#fff}.woocommerce-message{border-top-color:#257A3E}.woocommerce-info{border-top-color:#8A6400}.woocommerce-error{border-top-color:#B3261E}.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border:1px solid var(--line-dark);border-radius:12px;overflow:hidden}.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;text-decoration:none;border-bottom:1px solid var(--line-dark)}.woocommerce-account .woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#111;color:#fff}.woocommerce table.shop_table{border-collapse:separate;border-spacing:0;border-color:var(--line-dark);border-radius:12px;overflow:hidden}

@media (max-width: 1120px) {
    .hero-v2__grid { grid-template-columns: .9fr 1.1fr; gap: 40px; }
    .system-node { width: 136px; }
    .solution-bento { grid-template-columns: 1fr 1fr; grid-template-rows: 300px 300px 290px; }
    .bento-card--automation { grid-row: 1 / 3; }
    .bento-card--ai { grid-column: 1 / 3; }
    .publisher-feature { grid-template-columns: 1fr 1fr; }
    .services-v2 { gap: 60px; }
}

@media (max-width: 940px) {
    .admin-bar .site-header { top: 46px; }
    .header-inner { min-height: 72px; }
    .nav-toggle { display: inline-flex; }
    .primary-nav { position: absolute; inset: 72px 0 auto 0; display: none; flex-direction: column; align-items: stretch; gap: 18px; padding: 20px 24px 26px; background: rgba(10,12,15,.98); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); box-shadow: 0 25px 45px rgba(0,0,0,.35); }
    .primary-nav.is-open { display: flex; }
    .primary-nav .menu { display:flex;flex-direction:column;align-items:stretch;gap:2px; }
    .primary-nav .menu a { width:100%;min-height:46px;border-radius:10px;padding-inline:10px; }
    .primary-nav .sub-menu { position:static;display:block;background:transparent;box-shadow:none;border:0;padding:0 0 0 18px; }
    .header-account { width:100%; }
    .hero-v2__grid { min-height:auto;grid-template-columns:1fr;padding-block:78px 58px; }
    .hero-v2__copy { max-width:760px; }
    .system-map { max-width:720px;width:100%;margin-inline:auto; }
    .hero-v2__rail { grid-template-columns:repeat(3,1fr); }
    .hero-v2__rail span:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08)}
    .section-intro--split,.services-v2,.global-v2__grid { grid-template-columns:1fr;gap:32px; }
    .services-v2__intro { position:static; }
    .publisher-feature { grid-template-columns:1fr; }
    .publisher-console { transform:none; }
    .support-tiers { grid-template-columns:1fr 1fr; }
    .support-tiers article:nth-child(2){border-right:0}.support-tiers article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}
    .process-v2__header { grid-template-columns:1fr;gap:18px; }
    .process-v2__steps { grid-template-columns:1fr 1fr; }
    .process-v2__steps li:nth-child(2){border-right:0}.process-v2__steps li:nth-child(-n+2){border-bottom:1px solid rgba(8,9,11,.13)}
    .cta-v2__box { grid-template-columns:100px 1fr; }.cta-v2__mark{width:90px;height:90px}.cta-v2__mark img{width:68px;height:68px}.cta-v2__box>.beegital-button{grid-column:2;justify-self:start}
    .footer-grid { grid-template-columns:1fr 1fr; }.footer-brand{grid-column:1/-1}
    .post-list,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 660px) {
    .beegital-container { width:min(calc(100% - 28px),var(--container)); }
    body { font-size:15px; }
    .beegital-brand img { width:175px;max-height:52px; }
    .hero-v2__grid { padding-block:58px 44px;gap:38px; }
    .hero-v2 h1 { font-size:clamp(43px,13vw,62px); }
    .hero-v2__lead { font-size:17px; }
    .hero-v2__actions { flex-direction:column;align-items:stretch; }.hero-v2__actions .beegital-button{width:100%}
    .hero-v2__principles { gap:7px; }.hero-v2__principles span{font-size:10px;}
    .system-map { min-height:455px;border-radius:20px; }
    .system-map__header { padding-inline:15px; }.system-map__live{display:none}.system-map__stage{min-height:324px}.system-core{width:112px;height:112px}.system-core img{width:80px;height:80px}.system-node{width:116px;min-height:62px;padding:9px 10px}.system-node strong{font-size:12px}.system-node span{font-size:8px}.system-node--automation{left:13px;top:26px}.system-node--systems{right:13px;top:30px}.system-node--product{left:16px;bottom:23px}.system-node--support{right:14px;bottom:22px}.system-map__line{display:none}.system-map__footer{min-height:52px;gap:11px;padding-inline:14px}.system-map__footer strong{display:none}
    .hero-v2__rail { grid-template-columns:repeat(2,1fr); }.hero-v2__rail span{min-height:48px;font-size:8px;border-bottom:1px solid rgba(255,255,255,.08)}
    .section-v2 { padding-block:76px; }
    .section-intro h2,.services-v2__intro h2,.process-v2__header h2,.global-v2 h2,.cta-v2 h2 { font-size:clamp(36px,11vw,49px); }
    .section-intro > p { font-size:15px; }
    .solution-bento { grid-template-columns:1fr;grid-template-rows:auto; }.bento-card,.bento-card--automation,.bento-card--ai{grid-column:auto;grid-row:auto;min-height:270px}.bento-card--automation{min-height:420px}.workflow-visual{min-height:140px;gap:7px}.workflow-chip{padding-inline:8px;font-size:9px}
    .publisher-feature { min-height:auto;padding:24px;border-radius:21px; }.publisher-feature h3{font-size:52px}.publisher-feature__suite{margin-top:32px}.publisher-console{min-height:340px}.publisher-console__body{grid-template-columns:46px 1fr}.publisher-console__sidebar{padding:16px 9px}.publisher-console__sidebar i{width:26px;height:26px}.publisher-console__form{padding:17px}.next-products{grid-template-columns:1fr}.next-products article{min-height:210px}.next-products h3{margin-top:48px}
    .service-rows article { grid-template-columns:38px 1fr 30px;gap:15px;min-height:145px; }.service-rows article p{grid-column:2;}.service-rows article i{grid-column:3;grid-row:1/3}.service-rows h3{font-size:22px}
    .support-tiers { grid-template-columns:1fr; }.support-tiers article{min-height:190px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.support-tiers article:last-child{border-bottom:0}
    .process-v2__steps { grid-template-columns:1fr; }.process-v2__steps li{min-height:185px;border-right:0;border-bottom:1px solid rgba(8,9,11,.13)}.process-v2__steps li:last-child{border-bottom:0}
    .global-v2__grid { gap:35px; }.global-v2::after{width:400px;height:400px;right:-260px}.global-v2__copy>p{font-size:15px}
    .cta-v2 { padding-bottom:70px; }.cta-v2__box { grid-template-columns:1fr;gap:25px;padding:27px;border-radius:22px}.cta-v2__mark{width:76px;height:76px}.cta-v2__mark img{width:58px;height:58px}.cta-v2__box>.beegital-button{grid-column:auto;width:100%}
    .footer-topline { min-height:62px; }.footer-topline span:last-child{display:none}.footer-grid{grid-template-columns:1fr;gap:38px;padding-block:54px}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:2px;padding-block:18px}
    .post-list,.woocommerce ul.products{grid-template-columns:1fr}
}

/* =========================================================
   BEEGITAL 0.2.0 — Motion & interaction layer
   Motion is progressive enhancement and is disabled when the
   visitor requests reduced motion.
   ========================================================= */

.site-header {
    transition: background .28s ease, border-color .28s ease, box-shadow .28s ease, min-height .28s ease;
}
.site-header.is-scrolled {
    background: rgba(8,9,11,.94);
    border-bottom-color: rgba(255,255,255,.12);
    box-shadow: 0 12px 42px rgba(0,0,0,.22);
}
.site-header.is-scrolled .header-inner { min-height: 72px; }

.beegital-motion .motion-reveal {
    opacity: 0;
    transform: translate3d(0,22px,0) scale(.992);
    transition:
        opacity .72s cubic-bezier(.2,.65,.25,1),
        transform .78s cubic-bezier(.2,.65,.25,1);
    transition-delay: var(--motion-delay, 0ms);
    will-change: opacity, transform;
}
.beegital-motion .motion-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
}

.beegital-motion .hero-v2__glow--one { animation: beegital-glow-drift-a 10s ease-in-out infinite alternate; }
.beegital-motion .hero-v2__glow--two { animation: beegital-glow-drift-b 13s ease-in-out infinite alternate; }
.beegital-motion .hero-v2::before { animation: beegital-grid-drift 24s linear infinite; }
.beegital-motion .status-dot { animation: beegital-status-pulse 2.4s ease-out infinite; }

@keyframes beegital-glow-drift-a {
    from { transform: translate3d(0,0,0) scale(1); opacity: .72; }
    to   { transform: translate3d(-42px,46px,0) scale(1.12); opacity: 1; }
}
@keyframes beegital-glow-drift-b {
    from { transform: translate3d(0,0,0) scale(1); opacity: .62; }
    to   { transform: translate3d(55px,-30px,0) scale(1.08); opacity: .9; }
}
@keyframes beegital-grid-drift {
    to { background-position: 64px 64px, 64px 64px; }
}
@keyframes beegital-status-pulse {
    0%,100% { box-shadow: 0 0 0 5px rgba(255,193,7,.10), 0 0 20px rgba(255,193,7,.35); }
    50% { box-shadow: 0 0 0 9px rgba(255,193,7,0), 0 0 28px rgba(255,193,7,.52); }
}

.system-map {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --map-x: 50%;
    --map-y: 48%;
    transform: perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
    transform-style: preserve-3d;
    transition: transform .18s ease-out, border-color .3s ease, box-shadow .3s ease;
}
.system-map:hover {
    border-color: rgba(255,193,7,.23);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 36px 110px rgba(0,0,0,.32), 0 0 65px rgba(255,193,7,.055);
}
.system-map::after {
    background: radial-gradient(circle at var(--map-x) var(--map-y), rgba(255,193,7,.16), transparent 31%);
    transition: background .1s linear;
}
.beegital-motion .system-map__grid { animation: beegital-map-grid 18s linear infinite; }
.beegital-motion .system-core { animation: beegital-core-breathe 4.8s ease-in-out infinite; }
.beegital-motion .system-core::before {
    content: "";
    position: absolute;
    inset: -13px;
    border: 1px solid rgba(255,193,7,.10);
    border-radius: 50%;
    animation: beegital-ring-pulse 3.4s ease-out infinite;
}
.beegital-motion .system-node--automation { animation: beegital-node-float-a 5.2s ease-in-out infinite; }
.beegital-motion .system-node--systems { animation: beegital-node-float-b 5.9s ease-in-out infinite; }
.beegital-motion .system-node--product { animation: beegital-node-float-b 5.5s ease-in-out -1.1s infinite; }
.beegital-motion .system-node--support { animation: beegital-node-float-a 6.2s ease-in-out -.7s infinite; }
.beegital-motion .system-map__line {
    background-size: 220% 100%;
    animation: beegital-signal-flow 3.3s linear infinite;
}
.beegital-motion .system-map__line:nth-of-type(2) { animation-delay: -.8s; }
.beegital-motion .system-map__line:nth-of-type(3) { animation-delay: -1.6s; }
.beegital-motion .system-map__line:nth-of-type(4) { animation-delay: -2.4s; }
.beegital-motion .system-map__live i { animation: beegital-live-pulse 2s ease-out infinite; }

@keyframes beegital-map-grid { to { background-position: 38px 38px,38px 38px; } }
@keyframes beegital-core-breathe {
    0%,100% { box-shadow: 0 0 0 16px rgba(255,193,7,.025), 0 0 70px rgba(255,193,7,.13); }
    50% { box-shadow: 0 0 0 22px rgba(255,193,7,.018), 0 0 94px rgba(255,193,7,.19); }
}
@keyframes beegital-ring-pulse {
    0% { transform: scale(.86); opacity: .7; }
    75%,100% { transform: scale(1.25); opacity: 0; }
}
@keyframes beegital-node-float-a { 0%,100%{transform:translate3d(0,0,20px)} 50%{transform:translate3d(0,-7px,26px)} }
@keyframes beegital-node-float-b { 0%,100%{transform:translate3d(0,-2px,18px)} 50%{transform:translate3d(0,6px,25px)} }
@keyframes beegital-signal-flow { to { background-position: -220% 0; } }
@keyframes beegital-live-pulse { 0%,100%{box-shadow:0 0 13px rgba(92,232,139,.55)} 50%{box-shadow:0 0 0 6px rgba(92,232,139,0),0 0 20px rgba(92,232,139,.68)} }

/* Pointer-following light: only activated by JS on fine-pointer devices. */
.pointer-glow::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,50%), rgba(255,193,7,.105), transparent 62%);
    transition: opacity .25s ease;
}
.pointer-glow:hover::before { opacity: 1; }
.pointer-glow > * { position: relative; z-index: 1; }

.bento-card,
.next-products article,
.support-tiers article,
.publisher-feature,
.service-rows article,
.process-v2__steps li {
    transition: transform .28s cubic-bezier(.2,.75,.25,1), border-color .28s ease, background .28s ease, box-shadow .28s ease;
}
.bento-card:hover { transform: translateY(-7px); border-color: rgba(255,193,7,.34); box-shadow: 0 24px 55px rgba(0,0,0,.22); }
.next-products article:hover { transform: translateY(-6px); border-color: rgba(255,193,7,.28); background: rgba(255,255,255,.05); }
.support-tiers article:hover { transform: translateY(-5px); background: #15191F; box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.process-v2__steps li:hover { transform: translateY(-5px); background: rgba(255,193,7,.055); }
.service-rows article:hover { transform: translateX(7px); }
.publisher-feature:hover { transform: translateY(-4px); border-color: rgba(255,193,7,.34); box-shadow: 0 34px 90px rgba(0,0,0,.28); }

.beegital-motion .workflow-chip--gold { animation: beegital-chip-pulse 3.2s ease-in-out infinite; }
.beegital-motion .mini-network b { animation: beegital-network-core 2.9s ease-in-out infinite; }
.beegital-motion .mini-network i:nth-child(1) { animation: beegital-network-node 2.7s ease-in-out infinite; }
.beegital-motion .mini-network i:nth-child(2) { animation: beegital-network-node 2.7s ease-in-out -.6s infinite; }
.beegital-motion .mini-network i:nth-child(3) { animation: beegital-network-node 2.7s ease-in-out -1.2s infinite; }
.beegital-motion .mini-network i:nth-child(4) { animation: beegital-network-node 2.7s ease-in-out -1.8s infinite; }
.beegital-motion .publisher-lines i { background-size: 200% 100%; animation: beegital-line-scan 3.8s ease-in-out infinite; }
.beegital-motion .publisher-lines i:nth-child(2) { animation-delay: -.6s; }
.beegital-motion .publisher-lines i:nth-child(3) { animation-delay: -1.2s; }
.beegital-motion .publisher-lines i:nth-child(4) { animation-delay: -1.8s; }
.beegital-motion .ai-signal i { transform-origin: bottom; animation: beegital-bar-live 2.9s ease-in-out infinite; }
.beegital-motion .ai-signal i:nth-child(2n) { animation-delay: -.7s; }
.beegital-motion .ai-signal i:nth-child(3n) { animation-delay: -1.3s; }

@keyframes beegital-chip-pulse { 0%,100%{box-shadow:0 0 0 rgba(255,193,7,0)} 50%{box-shadow:0 0 24px rgba(255,193,7,.13)} }
@keyframes beegital-network-core { 0%,100%{transform:translate(-50%,-50%) scale(1)} 50%{transform:translate(-50%,-50%) scale(1.16);box-shadow:0 0 36px rgba(255,193,7,.28)} }
@keyframes beegital-network-node { 0%,100%{border-color:#6C737E} 50%{border-color:var(--gold);box-shadow:0 0 12px rgba(255,193,7,.18)} }
@keyframes beegital-line-scan { 0%,100%{filter:brightness(.8)} 50%{filter:brightness(1.5)} }
@keyframes beegital-bar-live { 0%,100%{transform:scaleY(.82);opacity:.75} 50%{transform:scaleY(1.08);opacity:1} }

.beegital-motion .karago-watermark { animation: beegital-watermark-drift 18s ease-in-out infinite alternate; }
.beegital-motion .global-v2::after { animation: beegital-global-orbit 12s ease-in-out infinite alternate; }
.beegital-motion .global-v2__mesh { animation: beegital-mesh-drift 20s linear infinite; }
.beegital-motion .cta-v2__mark { animation: beegital-cta-float 5s ease-in-out infinite; }
.beegital-motion .cta-v2__mark::after {
    content:"";
    position:absolute;
    inset:-11px;
    border:1px dashed rgba(255,193,7,.16);
    border-radius:30px;
    animation: bee-spin 18s linear infinite;
}
@keyframes beegital-watermark-drift { from{transform:translateX(-1.5%)} to{transform:translateX(1.5%)} }
@keyframes beegital-global-orbit { from{transform:translateY(-50%) scale(.96)} to{transform:translateY(-50%) scale(1.05)} }
@keyframes beegital-mesh-drift { to{background-position:30px 30px} }
@keyframes beegital-cta-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

.beegital-button--primary,
.header-account { transition: translate .18s ease-out, transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease; }
.beegital-button--primary span { transition: transform .22s ease; }
.beegital-button--primary:hover span { transform: translate(3px,-3px); }

.primary-nav .menu > li > a { position:relative; }
.primary-nav .menu > li > a::after {
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:4px;
    height:1px;
    background:var(--gold);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .25s ease;
}
.primary-nav .menu > li > a:hover::after,
.primary-nav .menu > li > a:focus-visible::after { transform:scaleX(1);transform-origin:left; }

@media (prefers-reduced-motion: reduce) {
    .beegital-motion .motion-reveal,
    .beegital-motion .motion-reveal.is-visible { opacity:1;transform:none; }
    .system-map { transform:none !important; }
    .pointer-glow::before { display:none; }
}

@media (max-width: 940px), (hover: none) {
    .system-map { transform:none !important; }
    .pointer-glow::before { display:none; }
    .bento-card:hover,
    .next-products article:hover,
    .support-tiers article:hover,
    .publisher-feature:hover,
    .process-v2__steps li:hover,
    .service-rows article:hover { transform:none; }
}


/* ==========================================================================
   BEEGITAL 0.3.0 — Icon Intelligence + Advanced Interaction Layer
   ========================================================================== */
:root{--bgl-gold:#FFC107;--bgl-gold-soft:#FFE082;--bgl-edge:rgba(255,193,7,.42);--hover-x:50%;--hover-y:50%;--hover-angle:0deg;--hover-dx:0px;--hover-dy:0px}

/* Local icon language: every glyph has a halo, a signal ring and a motion state. */
.bgl-icon{--icon-size:48px;position:relative;display:inline-grid;place-items:center;width:var(--icon-size);height:var(--icon-size);flex:0 0 var(--icon-size);border:1px solid rgba(255,193,7,.18);border-radius:15px;color:#FFD95A;background:linear-gradient(145deg,rgba(255,193,7,.075),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.18);isolation:isolate;transition:border-color .35s ease,box-shadow .35s ease,color .35s ease,background .35s ease}
.bgl-icon svg{width:52%;height:52%;overflow:visible;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 0 rgba(255,193,7,0));transition:transform .5s cubic-bezier(.2,.9,.2,1),filter .35s ease}
.bgl-icon svg g{transform-origin:center;transform-box:fill-box}
.bgl-icon>i{position:absolute;inset:7px;border:1px solid rgba(255,193,7,.16);border-radius:inherit;opacity:0;transform:scale(.62);pointer-events:none}
.bgl-icon::before,.bgl-icon::after{content:"";position:absolute;pointer-events:none;border-radius:inherit}
.bgl-icon::before{inset:-1px;background:conic-gradient(from var(--hover-angle),transparent 0 68%,rgba(255,224,130,.78) 79%,transparent 90%);z-index:-2;opacity:0;filter:blur(1px)}
.bgl-icon::after{inset:0;background:radial-gradient(circle at var(--hover-x) var(--hover-y),rgba(255,193,7,.18),transparent 56%);opacity:.4;z-index:-1}
.bgl-icon--mini{--icon-size:29px;border-radius:10px;margin-right:7px;background:rgba(255,193,7,.035)}
.bgl-icon--mini svg{width:55%;height:55%}
.hero-v2__principles>span{display:inline-flex;align-items:center;gap:2px}

/* Contextual icon placement closes the visual holes in the current 0.2 layout. */
.system-node{position:absolute;overflow:visible}.system-node__icon{--icon-size:35px;position:absolute;right:12px;top:12px;border-radius:11px;background:rgba(255,193,7,.045)}
.bento-card{overflow:hidden}.bento-card__icon{--icon-size:54px;position:absolute;right:22px;top:48px;border-radius:17px;opacity:.96}
.bento-card--automation .bento-card__icon{top:66px}
.publisher-feature__icon{--icon-size:62px;margin-bottom:18px;border-radius:19px}
.next-products article{position:relative;min-height:210px;padding-right:105px!important}.next-product__icon{--icon-size:64px;position:absolute;right:24px;top:50%;transform:translateY(-50%);border-radius:19px}
.service-rows article{position:relative;grid-template-columns:38px 66px minmax(180px,.8fr) minmax(230px,1fr) 42px!important;align-items:center}
.service-row__icon{--icon-size:50px;border-radius:15px}
.support-tiers article{position:relative;padding-top:29px!important}.support-tier__icon{--icon-size:58px;margin-bottom:42px;border-radius:18px}
.process-v2__steps li{position:relative;overflow:hidden}.process-step__icon{--icon-size:62px;border-color:rgba(138,101,0,.22);color:#8A6500;background:rgba(138,101,0,.035);box-shadow:none;margin:12px 0 34px}.process-step__icon::after{background:radial-gradient(circle at var(--hover-x) var(--hover-y),rgba(138,101,0,.15),transparent 56%)}

/* A non-standard hover: light enters from the pointer, edge trace rotates, content separates in depth. */
.beegital-interactive{--hover-x:50%;--hover-y:50%;--hover-angle:0deg;--hover-dx:0px;--hover-dy:0px;position:relative;isolation:isolate;transform-style:preserve-3d}
.beegital-interactive::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(310px circle at var(--hover-x) var(--hover-y),rgba(255,193,7,.12),transparent 58%);opacity:0;transition:opacity .28s ease;z-index:0}
.beegital-interactive::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:1px;background:conic-gradient(from var(--hover-angle),transparent 0 63%,rgba(255,224,130,.9) 72%,rgba(255,193,7,.2) 82%,transparent 91%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s ease;z-index:4}
.beegital-interactive>*{position:relative;z-index:1}
@media (hover:hover) and (pointer:fine){
  .beegital-interactive:hover::before,.beegital-interactive:hover::after{opacity:1}
  .beegital-interactive:hover .bgl-icon{border-color:rgba(255,214,76,.62);color:#FFE082;box-shadow:0 0 0 1px rgba(255,193,7,.08),0 0 34px rgba(255,193,7,.13),inset 0 0 22px rgba(255,193,7,.055)}
  .beegital-interactive:hover .bgl-icon::before{opacity:.72}
  .beegital-interactive:hover .bgl-icon>i{animation:bglIconPing 1.15s cubic-bezier(.2,.8,.2,1) infinite}
  .beegital-interactive:hover .bgl-icon svg{transform:translate3d(calc(var(--hover-dx) * .12),calc(var(--hover-dy) * .12),16px) rotate(calc(var(--hover-dx) * .12deg)) scale(1.08);filter:drop-shadow(0 0 7px rgba(255,193,7,.36))}
  .system-node:hover .bgl-icon svg,.support-tiers article:hover .bgl-icon svg{animation:bglGlyphPulse 1.5s ease-in-out infinite}
  .bento-card:hover .bento-card__icon{transform:translate3d(calc(var(--hover-dx) * .18),calc(var(--hover-dy) * .18),24px) rotate(calc(var(--hover-dx) * .18deg))}
  .next-products article:hover .next-product__icon{transform:translate3d(calc(var(--hover-dx) * .12),calc(-50% + var(--hover-dy) * .12),25px) rotate(calc(var(--hover-dx) * .15deg))}
  .service-rows article:hover .service-row__icon{transform:translate3d(calc(var(--hover-dx) * .13),calc(var(--hover-dy) * .13),20px)}
  .process-v2__steps li:hover .process-step__icon{border-color:rgba(138,101,0,.55);background:rgba(138,101,0,.07);transform:translate3d(calc(var(--hover-dx) * .08),calc(var(--hover-dy) * .08),18px) rotate(calc(var(--hover-dx) * .12deg))}
}
@keyframes bglIconPing{0%{opacity:.7;transform:scale(.72)}70%,100%{opacity:0;transform:scale(1.42)}}
@keyframes bglGlyphPulse{0%,100%{transform:scale(1.04) rotate(0)}50%{transform:scale(1.13) rotate(3deg)}}

/* Each content family gets its own interaction signature rather than one generic lift. */
@media (hover:hover) and (pointer:fine){
  .system-node{transition:border-color .32s ease,background .32s ease,box-shadow .32s ease,transform .32s cubic-bezier(.2,.85,.25,1)}
  .system-node:hover{transform:translate3d(calc(var(--hover-dx) * .035),calc(var(--hover-dy) * .035),18px);border-color:rgba(255,193,7,.48);background:linear-gradient(145deg,rgba(255,193,7,.075),#12151b 58%);box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 24px rgba(255,193,7,.08)}
  .bento-card{transition:border-color .35s ease,box-shadow .35s ease,background .35s ease}
  .bento-card:hover{border-color:rgba(255,193,7,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 34px 75px rgba(0,0,0,.18)}
  .bento-card:hover h3{color:#FFE6A0}.bento-card h3{transition:color .28s ease}
  .publisher-feature:hover .publisher-console{transform:perspective(1100px) rotateY(calc(var(--hover-dx) * -.035deg)) rotateX(calc(var(--hover-dy) * .025deg)) translateZ(16px);box-shadow:0 30px 65px rgba(0,0,0,.32),0 0 38px rgba(255,193,7,.055)}
  .publisher-console{transition:transform .25s ease,box-shadow .3s ease}
  .next-products article:hover h3{transform:translateX(8px);color:#FFE082}.next-products article h3{transition:transform .32s cubic-bezier(.2,.8,.2,1),color .3s ease}
  .service-rows article{transition:background .28s ease,padding-left .32s cubic-bezier(.2,.9,.2,1)}
  .service-rows article:hover{padding-left:12px;background:linear-gradient(90deg,rgba(138,101,0,.045),transparent 72%)}
  .service-rows article:hover>i{transform:rotate(45deg) scale(1.08);background:#101216;color:#FFE082}.service-rows article>i{transition:transform .35s cubic-bezier(.2,.9,.2,1),background .3s,color .3s}
  .support-tiers article{transition:background .34s ease,border-color .34s ease}
  .support-tiers article:hover{background:linear-gradient(145deg,rgba(255,193,7,.065),rgba(255,255,255,.012));border-color:rgba(255,193,7,.25)}
  .process-v2__steps li::after{background:linear-gradient(180deg,transparent,rgba(138,101,0,.16),transparent);width:1px;left:0;top:-100%;bottom:auto;height:80%;opacity:0;transition:none}
  .process-v2__steps li:hover::after{opacity:1;animation:bglScanDown 1s ease both}
}
@keyframes bglScanDown{from{top:-80%}to{top:110%}}

/* Animated micro-visuals keep icons and diagrams alive even without hover. */
.beegital-motion .system-core__halo{animation:bglCoreBreath 4.6s ease-in-out infinite}
.beegital-motion .system-node__icon>i{animation:bglAmbientRing 4.5s ease-out infinite}
.beegital-motion .system-node--systems .system-node__icon>i{animation-delay:1.1s}.beegital-motion .system-node--product .system-node__icon>i{animation-delay:2.2s}.beegital-motion .system-node--support .system-node__icon>i{animation-delay:3.3s}
.beegital-motion .ai-signal i{transform-origin:bottom;animation:bglBars 2.3s ease-in-out infinite}.beegital-motion .ai-signal i:nth-child(2){animation-delay:.18s}.beegital-motion .ai-signal i:nth-child(3){animation-delay:.36s}.beegital-motion .ai-signal i:nth-child(4){animation-delay:.54s}.beegital-motion .ai-signal i:nth-child(5){animation-delay:.72s}.beegital-motion .ai-signal i:nth-child(6){animation-delay:.9s}.beegital-motion .ai-signal i:nth-child(7){animation-delay:1.08s}
.beegital-motion .mini-network b{animation:bglNodePulse 2.2s ease-in-out infinite}
.beegital-motion .publisher-console__action b{position:relative;overflow:hidden}.beegital-motion .publisher-console__action b::after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.52) 48%,transparent 60%);transform:translateX(-70%);animation:bglSweep 4.2s ease-in-out infinite}
@keyframes bglCoreBreath{0%,100%{opacity:.56;transform:scale(.93)}50%{opacity:1;transform:scale(1.07)}}
@keyframes bglAmbientRing{0%{opacity:.5;transform:scale(.72)}55%,100%{opacity:0;transform:scale(1.45)}}
@keyframes bglBars{0%,100%{transform:scaleY(.72);opacity:.5}50%{transform:scaleY(1.18);opacity:1}}
@keyframes bglNodePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,193,7,.12)}50%{box-shadow:0 0 0 10px rgba(255,193,7,0)}}
@keyframes bglSweep{0%,55%{transform:translateX(-80%)}80%,100%{transform:translateX(80%)}}

/* Better density / composition on large desktop. */
@media (min-width:1180px){
  .solution-bento{grid-template-columns:1.35fr .9fr .9fr;grid-auto-rows:minmax(260px,auto)}
  .bento-card--automation{grid-row:span 2}.bento-card--ai{grid-column:2/4}
  .support-tiers article{min-height:315px}
}

/* Mobile/touch: icon richness remains, pointer-only transforms are removed. */
@media (max-width:900px){
  .bento-card__icon{--icon-size:46px;right:16px;top:48px}.bento-card--automation .bento-card__icon{top:58px}
  .next-products article{padding-right:72px!important}.next-product__icon{--icon-size:48px;right:15px}
  .service-rows article{grid-template-columns:34px 48px 1fr!important}.service-rows article p{grid-column:2/4}.service-rows article>i{display:none}
  .support-tier__icon{--icon-size:48px;margin-bottom:26px}.process-step__icon{--icon-size:50px;margin-bottom:28px}
}
@media (max-width:620px){
  .system-node__icon{--icon-size:29px;right:8px;top:8px}.system-node{padding-right:42px!important}
  .bento-card__icon{--icon-size:42px}.publisher-feature__icon{--icon-size:52px}
}

@media (prefers-reduced-motion:reduce){
  .bgl-icon>i,.beegital-motion .system-core__halo,.beegital-motion .system-node__icon>i,.beegital-motion .ai-signal i,.beegital-motion .mini-network b,.beegital-motion .publisher-console__action b::after{animation:none!important}
  .beegital-interactive,.beegital-interactive *{transition-duration:.01ms!important}
}


/* =========================================================
   BEEGITAL 0.3.1 — Corrective geometry / density pass
   Motion decorates the interface; it must never own layout.
   ========================================================= */

/* System Map: deterministic geometry. The 0.3.0 positional node
   animations are disabled because they produced live overlap/collapse. */
.system-map {
    transform: none !important;
    transform-style: flat;
}
.beegital-motion .system-node--automation,
.beegital-motion .system-node--systems,
.beegital-motion .system-node--product,
.beegital-motion .system-node--support {
    animation: none !important;
}

@media (min-width: 661px) {
    .system-map__stage {
        min-height: 385px;
        display: grid;
        grid-template-columns: minmax(156px,1fr) 160px minmax(156px,1fr);
        grid-template-rows: minmax(92px,1fr) 160px minmax(92px,1fr);
        align-items: center;
        column-gap: 18px;
        padding: 20px 24px;
    }
    .system-node {
        position: relative !important;
        inset: auto !important;
        width: 156px;
        min-height: 82px;
        transform: none !important;
    }
    .system-node--automation { grid-column: 1; grid-row: 1; justify-self: start; align-self: start; }
    .system-node--systems    { grid-column: 3; grid-row: 1; justify-self: end;   align-self: start; }
    .system-node--product    { grid-column: 1; grid-row: 3; justify-self: start; align-self: end; }
    .system-node--support    { grid-column: 3; grid-row: 3; justify-self: end;   align-self: end; }
    .system-core {
        position: relative;
        inset: auto;
        grid-column: 2;
        grid-row: 2;
        justify-self: center;
        align-self: center;
        transform: none;
        z-index: 5;
    }
    .system-map__line { opacity: .72; }
    .system-map__line--a { left: 176px; top: 114px; width: 146px; transform: rotate(25deg); }
    .system-map__line--b { right: 176px; top: 114px; width: 146px; transform: rotate(155deg); transform-origin: right center; }
    .system-map__line--c { left: 176px; bottom: 112px; width: 146px; transform: rotate(-25deg); }
    .system-map__line--d { right: 176px; bottom: 112px; width: 146px; transform: rotate(205deg); transform-origin: right center; }
    .system-node:hover { transform: none !important; }
}

/* The map still feels alive through signals, icon rings and light fields,
   but no hover or ambient animation may move a node from its slot. */
@media (hover:hover) and (pointer:fine) {
    .system-node:hover {
        border-color: rgba(255,193,7,.52);
        background: linear-gradient(145deg,rgba(255,193,7,.085),#12151b 60%);
        box-shadow: 0 20px 50px rgba(0,0,0,.28),0 0 28px rgba(255,193,7,.09);
    }
}

/* Solutions: two balanced rows instead of one oversized vertical card. */
@media (min-width: 941px) {
    .solution-bento {
        grid-template-columns: repeat(12,minmax(0,1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-rows: minmax(286px,auto) !important;
        gap: 16px;
    }
    .bento-card--automation { grid-column: span 6; grid-row: auto !important; }
    .bento-card--systems,
    .bento-card--commerce { grid-column: span 3; }
    .bento-card--media,
    .bento-card--ai { grid-column: span 6 !important; }
    .workflow-visual { min-height: 100px; margin: 10px 0 12px; }
    .bento-card--automation .bento-card__icon { top: 48px; }
}

@media (min-width: 661px) and (max-width: 940px) {
    .solution-bento {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: none !important;
        grid-auto-rows: minmax(265px,auto) !important;
    }
    .bento-card--automation { grid-row: auto !important; }
    .bento-card--ai { grid-column: 1 / 3 !important; }
    .workflow-visual { min-height: 105px; margin-block: 12px; }
}

@media (max-width: 660px) {
    .bento-card--automation { min-height: 320px !important; }
    .workflow-visual { min-height: 95px !important; margin-block: 10px !important; }
}

/* Product next-wave cards: icon and content become an intentional compact
   composition rather than a heading pushed down by an empty top zone. */
.next-products article {
    min-height: 205px;
    padding: 26px !important;
    display: grid;
    grid-template-columns: 64px minmax(0,1fr) auto;
    grid-template-rows: auto auto auto;
    column-gap: 16px;
    row-gap: 10px;
    align-content: start;
    overflow: hidden;
    background:
        radial-gradient(240px circle at 86% 16%,rgba(255,193,7,.055),transparent 68%),
        #111419;
}
.next-product__icon {
    position: relative !important;
    inset: auto !important;
    grid-column: 1;
    grid-row: 1;
    transform: none !important;
    align-self: start;
}
.next-products article > div {
    grid-column: 2 / 4;
    grid-row: 1;
    align-self: center;
    min-height: 64px;
}
.next-products h3 {
    grid-column: 1 / 4;
    grid-row: 2;
    margin: 10px 0 0 !important;
}
.next-products p {
    grid-column: 1 / 4;
    grid-row: 3;
    margin: 0;
}
@media (hover:hover) and (pointer:fine) {
    .next-products article:hover .next-product__icon {
        transform: translate3d(calc(var(--hover-dx) * .08),calc(var(--hover-dy) * .08),18px) rotate(calc(var(--hover-dx) * .10deg)) !important;
    }
}
@media (max-width: 660px) {
    .next-products article { min-height: 190px; grid-template-columns: 54px minmax(0,1fr) auto; }
    .next-product__icon { --icon-size: 50px; }
}

/* Keep advanced hover effects visual-only: no card geometry shift in the
   sections where alignment needs to remain exact. */
@media (hover:hover) and (pointer:fine) {
    .bento-card:hover,
    .next-products article:hover,
    .support-tiers article:hover,
    .process-v2__steps li:hover,
    .publisher-feature:hover { transform: none; }
    .service-rows article:hover { transform: none; }
}


/* =========================================================
   BEEGITAL 0.3.2 — Density / icon visibility / centering pass
   ========================================================= */

/* System map nodes: icon becomes part of the composition instead of
   hugging the outer edge. */
.system-node {
    display: grid;
    grid-template-columns: 34px 1fr;
    grid-template-rows: auto auto auto;
    column-gap: 10px;
    row-gap: 2px;
    align-content: center;
}
.system-node small {
    grid-column: 1 / -1;
    margin-bottom: 2px;
}
.system-node__icon {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    grid-column: 1;
    grid-row: 2 / span 2;
    align-self: center;
    justify-self: center;
    margin-top: 2px;
    border-radius: 10px;
}
.system-node strong,
.system-node span {
    grid-column: 2;
}
.system-node span {
    max-width: 88px;
}

/* Solution cards: convert the icon from a corner sticker to an in-flow
   visual anchor; tighten the composition to reduce empty zones. */
.bento-card {
    justify-content: flex-start;
    gap: 14px;
}
.bento-card__top {
    width: 100%;
}
.bento-card__icon {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    margin-top: 2px;
    border-radius: 16px;
}
.bento-card--automation .bento-card__icon {
    margin-top: 6px;
}
.workflow-visual {
    align-self: stretch;
    min-height: 94px;
    margin: 0;
}
.mini-network {
    width: 176px;
    height: 92px;
    margin: 0 auto 6px;
}
.commerce-ui {
    width: 176px;
    height: 92px;
    margin: 0 auto 6px;
}
.publisher-lines {
    position: relative;
    width: 200px;
    margin: 0 auto 6px;
}
.publisher-lines::before,
.publisher-lines::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.02);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.publisher-lines::before {
    left: -52px;
    top: -10px;
    width: 34px;
    height: 78px;
    border-radius: 14px;
}
.publisher-lines::after {
    right: -62px;
    top: -14px;
    width: 54px;
    height: 96px;
    border-radius: 16px;
}
.ai-signal {
    position: relative;
    height: 84px;
    margin: 0 auto 8px;
}
.ai-signal::before,
.ai-signal::after {
    content: "";
    position: absolute;
    top: 18px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(90deg, rgba(255,193,7,.14), rgba(255,255,255,.03));
}
.ai-signal::before {
    left: -96px;
    width: 74px;
    height: 24px;
}
.ai-signal::after {
    right: -102px;
    width: 88px;
    height: 34px;
}
.bento-card--automation {
    background: radial-gradient(circle at 74% 18%, rgba(255,193,7,.06), transparent 20%), linear-gradient(155deg, rgba(255,193,7,.08), transparent 42%), #12151A;
}
.bento-card--systems {
    background: radial-gradient(circle at 68% 16%, rgba(255,193,7,.055), transparent 18%), #12151A;
}
.bento-card--commerce {
    background: radial-gradient(circle at 70% 16%, rgba(255,193,7,.05), transparent 18%), #12151A;
}
.bento-card--media {
    background: radial-gradient(circle at 76% 22%, rgba(255,193,7,.05), transparent 20%), #12151A;
}
.bento-card--ai {
    background: radial-gradient(circle at 50% 20%, rgba(255,193,7,.05), transparent 22%), #12151A;
}

/* Next-wave product cards: tighten header zone and add quiet visual weight. */
.next-products article {
    min-height: 190px;
    row-gap: 6px;
}
.next-products article > div {
    min-height: 40px;
    position: relative;
}
.next-products article > div::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 76px;
    height: 22px;
    transform: translateY(-50%);
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(90deg, rgba(255,193,7,.16), rgba(255,255,255,.02));
    opacity: .78;
}
.next-products h3 {
    margin: 0 !important;
}

/* Support cards: center the composition so the widescreen cells feel full. */
.support-tiers article {
    min-height: 238px;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.support-tiers article > span {
    align-self: flex-start;
    width: 100%;
}
.support-tier__icon {
    margin: 4px 0 4px;
}
.support-tiers article > div {
    max-width: 220px;
}
.support-tiers article > div::before {
    content: "";
    display: block;
    width: 72px;
    height: 1px;
    margin: 0 auto 16px;
    background: linear-gradient(90deg, transparent, rgba(255,193,7,.44), transparent);
}

/* Process cards: same principle on the light section, without losing clarity. */
.process-v2__steps li {
    min-height: 220px;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
}
.process-v2__steps li > span {
    align-self: flex-start;
    width: 100%;
}
.process-step__icon {
    margin: 4px auto 10px;
}
.process-v2__steps li > div {
    max-width: 220px;
}
.process-v2__steps li > div::before {
    content: "";
    display: block;
    width: 66px;
    height: 1px;
    margin: 0 auto 15px;
    background: linear-gradient(90deg, transparent, rgba(138,101,0,.45), transparent);
}

/* Light sections: keep icons visible on hover instead of bleaching them out. */
.section-v2--sand .beegital-interactive:hover .bgl-icon,
.process-v2 .beegital-interactive:hover .bgl-icon {
    color: #8A6500;
    border-color: rgba(138,101,0,.42);
    background: linear-gradient(145deg, rgba(138,101,0,.07), rgba(255,255,255,.22));
    box-shadow: 0 0 0 1px rgba(138,101,0,.04), 0 12px 24px rgba(138,101,0,.09), inset 0 0 18px rgba(138,101,0,.03);
}
.section-v2--sand .beegital-interactive:hover .bgl-icon::before,
.process-v2 .beegital-interactive:hover .bgl-icon::before {
    opacity: .48;
}
.section-v2--sand .beegital-interactive:hover .bgl-icon svg,
.process-v2 .beegital-interactive:hover .bgl-icon svg {
    filter: drop-shadow(0 0 6px rgba(138,101,0,.18));
}

/* Tablet/mobile sanity. */
@media (max-width: 940px) {
    .support-tiers article,
    .process-v2__steps li {
        text-align: left;
        align-items: flex-start;
    }
    .support-tiers article > div::before,
    .process-v2__steps li > div::before {
        margin-left: 0;
    }
}
@media (max-width: 660px) {
    .system-node {
        grid-template-columns: 28px 1fr;
        column-gap: 8px;
    }
    .system-node span {
        max-width: none;
    }
    .publisher-lines { width: 170px; }
    .publisher-lines::before,
    .publisher-lines::after,
    .ai-signal::before,
    .ai-signal::after,
    .next-products article > div::after {
        display: none;
    }
    .bento-card { gap: 12px; }
    .mini-network,
    .commerce-ui { width: 150px; height: 82px; }
}


/* =========================================================
   BEEGITAL 0.3.3 — User-guided alignment & dead-space corrective pass
   ========================================================= */

/* 1) System map: content centered INSIDE each node card. */
.system-node {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 5px;
    padding: 16px 16px 14px !important;
}
.system-node small {
    position: absolute;
    top: 10px;
    left: 12px;
    margin: 0;
}
.system-node__icon {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    margin: 4px auto 2px !important;
}
.system-node strong,
.system-node span {
    grid-column: auto !important;
    max-width: none !important;
}

/* 2) Business Automation: eliminate the large upper void with a real layout. */
.bento-card--automation {
    display: grid;
    grid-template-columns: 78px 1fr;
    grid-template-areas:
        "top top"
        "icon workflow"
        "content content";
    row-gap: 16px;
    align-items: center;
}
.bento-card--automation .bento-card__top {
    grid-area: top;
}
.bento-card--automation .bento-card__icon {
    grid-area: icon;
    justify-self: center;
    align-self: center;
    margin: 0 !important;
}
.bento-card--automation .workflow-visual {
    grid-area: workflow;
    min-height: 64px;
    margin: 0 !important;
    justify-self: start;
}
.bento-card--automation > div:last-child {
    grid-area: content;
}

/* Keep the rest of the solution cards denser and less corner-sticker-like. */
.bento-card:not(.bento-card--automation) {
    gap: 12px;
}
.bento-card:not(.bento-card--automation) .bento-card__icon {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    margin: 4px 0 0 !important;
}

/* 3) Next-wave cards: numbers belong to the content cluster, not the edge. */
.next-products article {
    padding: 24px !important;
    min-height: 190px;
    display: grid;
    grid-template-columns: 68px 1fr;
    grid-template-areas:
        "icon meta"
        "icon title"
        "icon text";
    column-gap: 16px;
    row-gap: 6px;
    align-items: start;
}
.next-product__icon {
    position: relative !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    grid-area: icon;
    margin-top: 2px;
}
.next-products article > div {
    grid-area: meta;
    min-height: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.next-products article > div::after {
    display: none !important;
}
.next-products article > div span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
}
.next-products article > div strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,193,7,.18);
    background: linear-gradient(90deg, rgba(255,193,7,.14), rgba(255,255,255,.02));
    color: #B9C0C9;
    font-size: 11px;
}
.next-products article h3 {
    grid-area: title;
    margin: 0 !important;
}
.next-products article p {
    grid-area: text;
    margin: 0;
}

/* 4) Support + Process: the active zone and the icon must be ONE component. */
.support-tiers article,
.process-v2__steps li {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px;
}
.support-tiers article > span,
.process-v2__steps li > span {
    align-self: center !important;
    width: auto !important;
    margin: 0 0 2px;
}
.support-tier__icon,
.process-step__icon {
    margin: 0 auto 4px !important;
    position: relative;
}
.support-tiers article > div,
.process-v2__steps li > div {
    max-width: 228px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.support-tiers article > div::before,
.process-v2__steps li > div::before {
    display: none !important;
    content: none !important;
}

/* Light-section icon visibility on hover stays intact. */
.section-v2--sand .beegital-interactive:hover .bgl-icon,
.process-v2 .beegital-interactive:hover .bgl-icon {
    color: #8A6500;
    border-color: rgba(138,101,0,.42);
    background: linear-gradient(145deg, rgba(138,101,0,.07), rgba(255,255,255,.22));
}

/* Sensible mobile fallback for the new layouts. */
@media (max-width: 840px) {
    .bento-card--automation {
        grid-template-columns: 1fr;
        grid-template-areas:
            "top"
            "icon"
            "workflow"
            "content";
        text-align: left;
    }
    .bento-card--automation .bento-card__icon { justify-self: start; }
    .next-products article {
        grid-template-columns: 56px 1fr;
        min-height: 0;
    }
}

/* =========================================================
   BEEGITAL 0.4.0 — KARAGO product identity / interaction pass
   Real product identities replace generic product placeholders.
   ========================================================= */

/* Hero principles: the icon itself is the signal — no empty-looking orb. */
.hero-v2__principles .hero-principle {
    gap: 8px;
    padding: 0 12px 0 10px;
}
.hero-v2__principles .hero-principle > b {
    color: #A9AFB8;
    font-size: inherit;
    font-weight: 760;
}
.hero-v2__principles .bgl-icon--mini {
    --icon-size: 20px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #FFD95A;
}
.hero-v2__principles .bgl-icon--mini svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.8;
    filter: drop-shadow(0 0 6px rgba(255,193,7,.18));
}
.hero-v2__principles .bgl-icon--mini::before,
.hero-v2__principles .bgl-icon--mini::after,
.hero-v2__principles .bgl-icon--mini > i {
    display: none !important;
}

/* Capability rail: actual navigation, not decorative labels. */
.hero-v2__rail {
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.hero-v2__rail > a {
    position: relative;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-right: 1px solid rgba(255,255,255,.08);
    color: #727983;
    text-decoration: none;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .14em;
    transition: color .25s ease, background .25s ease, border-color .25s ease;
}
.hero-v2__rail > a:last-child { border-right: 0; }
.hero-v2__rail > a::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--gold-2), var(--gold), var(--gold-soft));
    box-shadow: 0 0 16px rgba(255,193,7,.35);
    transition: left .3s cubic-bezier(.2,.8,.2,1), right .3s cubic-bezier(.2,.8,.2,1);
}
.hero-v2__rail > a > span {
    min-height: 0 !important;
    display: inline !important;
    border: 0 !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
}
.hero-v2__rail > a > i {
    display: inline-block;
    color: #A58832;
    font-style: normal;
    opacity: .55;
    transform: translate(0,0);
    transition: transform .25s ease, opacity .25s ease, color .25s ease;
}
.hero-v2__rail > a:hover,
.hero-v2__rail > a:focus-visible {
    color: #FFF1BB;
    background: linear-gradient(180deg, rgba(255,193,7,.055), rgba(255,193,7,.018));
    border-color: rgba(255,193,7,.18);
}
.hero-v2__rail > a:hover::after,
.hero-v2__rail > a:focus-visible::after { left: 15%; right: 15%; }
.hero-v2__rail > a:hover > i,
.hero-v2__rail > a:focus-visible > i {
    color: var(--gold);
    opacity: 1;
    transform: translate(3px,3px);
}

/* KARAGO title field: slow illuminated movement, not a static watermark. */
.karago-watermark {
    right: -2vw;
    top: 12px;
    width: min(78vw, 1180px);
    color: transparent;
    font-size: clamp(145px, 22vw, 360px);
    letter-spacing: -.085em;
    opacity: .62;
    overflow: visible;
}
.karago-watermark span {
    display: block;
    width: max-content;
    background: linear-gradient(105deg,
        rgba(255,255,255,.025) 0%,
        rgba(255,255,255,.025) 34%,
        rgba(255,193,7,.075) 45%,
        rgba(255,255,255,.035) 55%,
        rgba(255,255,255,.018) 74%);
    background-size: 230% 100%;
    background-position: 120% 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 34px rgba(255,193,7,.035));
}
.beegital-motion .karago-watermark {
    animation: karagoFieldDrift 19s ease-in-out infinite alternate !important;
}
.beegital-motion .karago-watermark span {
    animation: karagoLightSweep 12s ease-in-out infinite;
}
@keyframes karagoFieldDrift {
    0% { transform: translate3d(-2.2%, -2px, 0) scale(1); opacity: .48; }
    48% { transform: translate3d(.4%, 6px, 0) scale(1.015); opacity: .68; }
    100% { transform: translate3d(2.5%, -4px, 0) scale(1.025); opacity: .56; }
}
@keyframes karagoLightSweep {
    0%,18% { background-position: 120% 0; }
    52%,66% { background-position: 38% 0; }
    100% { background-position: -80% 0; }
}

/* Section identity. */
.karago-intro { align-items: end; }
.karago-suite-lockup {
    width: clamp(130px, 12vw, 185px);
    height: 86px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 16px;
    opacity: .86;
}
.karago-suite-lockup img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left bottom;
    filter: drop-shadow(0 12px 26px rgba(30,115,255,.12));
}

/* Flagship publisher family. */
.publisher-feature {
    grid-template-columns: .82fr 1.18fr;
    gap: clamp(28px,4vw,58px);
    overflow: visible;
}
.publisher-feature__copy { min-width: 0; }
.publisher-feature__logo {
    display: block;
    width: min(300px, 86%);
    max-height: 190px;
    object-fit: contain;
    object-position: left center;
    margin: -10px 0 14px;
    filter: drop-shadow(0 22px 38px rgba(0,117,255,.16));
}
.publisher-feature h3 {
    margin-top: 22px;
}
.publisher-showcase {
    position: relative;
    display: grid;
    align-content: center;
    min-width: 0;
    padding: 26px 0 82px;
}
.publisher-console {
    width: 100%;
    transform: perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
.publisher-companion {
    --hover-x: 50%;
    --hover-y: 50%;
    --hover-angle: 0deg;
    position: absolute;
    right: -18px;
    bottom: -8px;
    width: min(310px, 54%);
    min-height: 154px;
    display: grid;
    grid-template-columns: 118px 1fr;
    align-items: center;
    gap: 12px;
    padding: 10px 14px 10px 8px;
    overflow: hidden;
    border: 1px solid rgba(66,204,255,.27);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(20,65,145,.62), rgba(10,12,17,.96) 55%, rgba(131,31,160,.26));
    box-shadow: 0 24px 58px rgba(0,0,0,.48), 0 0 36px rgba(0,170,255,.07);
    backdrop-filter: blur(14px);
    z-index: 5;
}
.publisher-companion::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at var(--hover-x) var(--hover-y), rgba(30,205,255,.16), transparent 46%);
}
.publisher-companion img {
    position: relative;
    z-index: 1;
    width: 118px;
    height: 126px;
    object-fit: contain;
    filter: drop-shadow(0 12px 26px rgba(0,0,0,.36));
}
.publisher-companion > div:last-child {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.publisher-companion > div:last-child span {
    color: #6EDAFF;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .14em;
}
.publisher-companion > div:last-child strong {
    color: #F2F6FF;
    font: 760 13px/1.35 var(--font-heading);
}
.publisher-companion__signal {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.publisher-companion__signal i {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #42D8FF;
    box-shadow: 0 0 14px #42D8FF;
}
.publisher-companion__signal i:nth-child(1) { left: 12%; top: 18%; }
.publisher-companion__signal i:nth-child(2) { right: 17%; top: 26%; background:#FF42DD; box-shadow:0 0 14px #FF42DD; }
.publisher-companion__signal i:nth-child(3) { right: 28%; bottom: 17%; }
.beegital-motion .publisher-companion {
    animation: publisherCompanionFloat 5.4s ease-in-out infinite;
}
.beegital-motion .publisher-companion__signal i {
    animation: publisherSignal 2.8s ease-out infinite;
}
.beegital-motion .publisher-companion__signal i:nth-child(2) { animation-delay: -.9s; }
.beegital-motion .publisher-companion__signal i:nth-child(3) { animation-delay: -1.8s; }
@keyframes publisherCompanionFloat {
    0%,100% { transform: translate3d(0,0,0) rotate(-.35deg); }
    50% { transform: translate3d(0,-7px,0) rotate(.35deg); }
}
@keyframes publisherSignal {
    0% { opacity:.28; transform:scale(.7); }
    50% { opacity:1; transform:scale(1.25); }
    100% { opacity:.15; transform:scale(.7); }
}

/* Shared subheads for product maturity layers. */
.karago-subhead {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 30px;
    align-items: end;
    margin: 54px 0 18px;
    padding-top: 26px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.karago-subhead > div { display:flex; align-items:center; gap:12px; }
.karago-subhead > div > span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    min-height:26px;
    border:1px solid rgba(255,193,7,.22);
    border-radius:999px;
    color:#D1AE44;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}
.karago-subhead h3 {
    margin:0;
    font:800 clamp(25px,2.5vw,34px)/1 var(--font-heading);
    letter-spacing:-.035em;
}
.karago-subhead > p {
    max-width:620px;
    margin:0;
    justify-self:end;
    color:#7F8792;
    font-size:13px;
}

/* Next wave: product logo is the visual anchor; number sits with status. */
.next-products { gap: 18px; }
.next-products article {
    min-height: 250px;
    grid-template-columns: 150px 1fr !important;
    grid-template-areas:
        "logo meta"
        "logo title"
        "logo text" !important;
    column-gap: 22px;
    align-items: center;
    background:
        radial-gradient(circle at 11% 50%, rgba(29,141,255,.09), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}
.next-product__logo {
    grid-area: logo;
    width: 148px;
    height: 148px;
    object-fit: contain;
    align-self: center;
    justify-self: center;
    filter: drop-shadow(0 18px 34px rgba(0,89,255,.14));
    transition: transform .34s cubic-bezier(.2,.8,.2,1), filter .34s ease;
}
.next-products article:hover .next-product__logo {
    transform: scale(1.045) translateY(-2px);
    filter: drop-shadow(0 20px 38px rgba(0,153,255,.22));
}
.next-products article > div {
    justify-content: flex-start !important;
    gap: 10px;
}
.next-products article h3,
.next-products article p { align-self: start; }

/* Home ecosystem: enough identity to feel like a suite, without pretending every item is sold. */
.karago-subhead--ecosystem { margin-top: 66px; }
.karago-ecosystem-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}
.karago-ecosystem-card {
    --hover-x:50%;
    --hover-y:50%;
    position: relative;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.014));
    transition: border-color .28s ease, background .28s ease, box-shadow .28s ease;
}
.karago-ecosystem-card::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:radial-gradient(280px circle at var(--hover-x) var(--hover-y),rgba(37,160,255,.12),transparent 62%);
    transition:opacity .28s ease;
}
.karago-ecosystem-card:hover {
    border-color: rgba(84,176,255,.25);
    background: linear-gradient(145deg, rgba(20,78,145,.10), rgba(255,255,255,.018));
    box-shadow: 0 24px 55px rgba(0,0,0,.20);
}
.karago-ecosystem-card:hover::before { opacity:1; }
.karago-ecosystem-card__top {
    position: relative;
    z-index: 1;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.karago-ecosystem-card__top > span {
    color:#929AA6;
    font-size:8px;
    font-weight:900;
    letter-spacing:.12em;
}
.karago-ecosystem-card__top > i {
    width:6px;
    height:6px;
    border-radius:50%;
    background:#1DB9FF;
    box-shadow:0 0 13px rgba(29,185,255,.7);
}
.karago-ecosystem-card img {
    position: relative;
    z-index: 1;
    display:block;
    width: min(210px,86%);
    height: 168px;
    object-fit: contain;
    object-position: left center;
    margin: 14px 0 8px;
    filter: drop-shadow(0 18px 32px rgba(0,85,255,.11));
    transition: transform .34s cubic-bezier(.2,.8,.2,1), filter .34s ease;
}
.karago-ecosystem-card:hover img {
    transform: translateY(-4px) scale(1.025);
    filter: drop-shadow(0 22px 38px rgba(0,151,255,.18));
}
.karago-ecosystem-card h3 {
    position: relative;
    z-index: 1;
    margin:0 0 8px;
    font:800 23px/1.05 var(--font-heading);
    letter-spacing:-.035em;
}
.karago-ecosystem-card p {
    position: relative;
    z-index: 1;
    margin:0;
    color:#7E8792;
    font-size:12px;
    line-height:1.55;
}
.beegital-motion .karago-ecosystem-card__top > i {
    animation: ecosystemStatusPulse 3s ease-out infinite;
}
@keyframes ecosystemStatusPulse {
    0%,100% { box-shadow:0 0 10px rgba(29,185,255,.45); opacity:.7; }
    50% { box-shadow:0 0 0 7px rgba(29,185,255,0),0 0 18px rgba(29,185,255,.75); opacity:1; }
}

/* Full KARAGO catalogue page template. */
.karago-catalogue {
    background:#090B0E;
    color:#fff;
    padding: clamp(76px,8vw,116px) 0 120px;
}
.karago-catalogue__hero {
    position:relative;
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:56px;
    align-items:end;
    padding-bottom:54px;
    border-bottom:1px solid rgba(255,255,255,.09);
}
.karago-catalogue__hero-logo {
    width:min(330px,70%);
    max-height:190px;
    object-fit:contain;
    object-position:left center;
    margin-bottom:20px;
}
.karago-catalogue__hero h1 {
    margin:0;
    font:800 clamp(52px,6vw,86px)/.95 var(--font-heading);
    letter-spacing:-.06em;
}
.karago-catalogue__hero h1 span { color:var(--gold); }
.karago-catalogue__hero > p {
    max-width:620px;
    margin:0;
    color:#9BA3AE;
    font-size:17px;
}
.karago-category { padding-top:64px; }
.karago-category__head {
    display:grid;
    grid-template-columns:.75fr 1.25fr;
    gap:24px;
    align-items:end;
    margin-bottom:20px;
}
.karago-category__head h2 {
    margin:0;
    font:800 clamp(30px,3.2vw,44px)/1 var(--font-heading);
    letter-spacing:-.045em;
}
.karago-category__head p { margin:0;color:#78818D;font-size:13px; }
.karago-catalogue-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.karago-catalogue-card {
    min-height:360px;
    display:flex;
    flex-direction:column;
    padding:22px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.karago-catalogue-card--flagship { border-color:rgba(255,193,7,.26);background:linear-gradient(145deg,rgba(255,193,7,.075),rgba(255,255,255,.012)); }
.karago-catalogue-card--variant { border-color:rgba(52,185,255,.20); }
.karago-catalogue-card__status { color:#89929E;font-size:8px;font-weight:900;letter-spacing:.13em; }
.karago-catalogue-card img { width:min(240px,90%);height:190px;object-fit:contain;object-position:left center;margin:15px 0 10px; }
.karago-catalogue-card h3 { margin:0 0 9px;font:800 25px/1.05 var(--font-heading);letter-spacing:-.035em; }
.karago-catalogue-card p { margin:0;color:#7E8792;font-size:13px; }
.karago-catalogue-card__relation { margin-top:auto;padding-top:16px;color:#55D5FF;font-size:9px;font-weight:850;letter-spacing:.10em; }

@media (max-width: 1040px) {
    .publisher-feature { grid-template-columns: 1fr; }
    .publisher-showcase { padding-bottom: 92px; }
    .publisher-companion { right: 12px; width: min(320px, 52%); }
    .karago-ecosystem-grid,
    .karago-catalogue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .karago-subhead,
    .karago-category__head,
    .karago-catalogue__hero { grid-template-columns:1fr; }
    .karago-subhead > p { justify-self:start; }
}

@media (max-width: 940px) {
    .hero-v2__rail > a { min-height:52px; }
    .hero-v2__rail > a:nth-child(-n+3) { border-bottom:1px solid rgba(255,255,255,.08); }
    .hero-v2__rail > a > span { border-bottom:0 !important; }
}

@media (max-width: 720px) {
    .publisher-feature__logo { width:min(250px,86%);max-height:150px; }
    .publisher-showcase { padding: 6px 0 0; }
    .publisher-companion {
        position:relative;
        right:auto;
        bottom:auto;
        width:100%;
        grid-template-columns:94px 1fr;
        min-height:128px;
        margin-top:14px;
    }
    .publisher-companion img { width:92px;height:104px; }
    .next-products article {
        grid-template-columns: 104px 1fr !important;
        min-height:220px;
    }
    .next-product__logo { width:100px;height:118px; }
    .karago-ecosystem-grid,
    .karago-catalogue-grid { grid-template-columns:1fr; }
    .karago-ecosystem-card { min-height:300px; }
    .karago-ecosystem-card img { height:150px; }
    .karago-watermark { top:84px;width:125vw;opacity:.42; }
}

@media (max-width: 660px) {
    .hero-v2__principles .hero-principle { min-height:34px;padding-inline:9px 10px; }
    .hero-v2__principles .bgl-icon--mini { --icon-size:18px; }
    .hero-v2__rail { grid-template-columns:repeat(2,1fr); }
    .hero-v2__rail > a { min-height:48px;font-size:8px;border-bottom:1px solid rgba(255,255,255,.08); }
    .hero-v2__rail > a > span { min-height:0 !important;border:0 !important; }
    .publisher-feature { padding:22px; }
    .publisher-feature h3 { font-size:48px; }
    .next-products article {
        grid-template-columns:1fr !important;
        grid-template-areas:"logo" "meta" "title" "text" !important;
        gap:8px;
    }
    .next-product__logo { width:130px;height:120px;justify-self:start; }
    .next-products article h3 { margin-top:0 !important; }
    .karago-subhead { margin-top:44px; }
    .karago-subhead > div { align-items:flex-start; }
    .karago-suite-lockup { width:130px;height:74px; }
}

@media (prefers-reduced-motion: reduce) {
    .karago-watermark,
    .karago-watermark span,
    .publisher-companion,
    .publisher-companion__signal i,
    .karago-ecosystem-card__top > i { animation:none !important; }
}

/* =========================================================
   BEEGITAL 0.4.1 — FINAL POLISH PATCH
   Scope locked to three user-identified areas only:
   1) mobile hero principles
   2) mobile System Map geometry/footer
   3) desktop Publisher mobile-companion dock
   ========================================================= */

/* Desktop/tablet: Mobile Publisher belongs to the Publisher console rather
   than floating over useful UI. Keep it in normal document flow as a dock. */
@media (min-width: 721px) {
    .publisher-showcase {
        padding-bottom: 0;
        align-content: center;
    }
    .publisher-companion {
        position: relative;
        right: auto;
        bottom: auto;
        width: min(440px, 78%);
        min-height: 126px;
        grid-template-columns: 96px minmax(0,1fr);
        justify-self: end;
        margin-top: 14px;
        padding: 10px 16px 10px 10px;
        border-radius: 18px;
    }
    .publisher-companion img {
        width: 94px;
        height: 102px;
    }
    .publisher-companion > div:last-child strong {
        font-size: 12px;
    }
}

@media (max-width: 660px) {
    /* Hero principles: intentional 2 + 1 centred composition instead of an
       accidental flex-wrap leaving an empty right-hand hole. */
    .hero-v2__principles {
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 8px;
        width: 100%;
        margin-top: 28px;
    }
    .hero-v2__principles .hero-principle {
        width: 100%;
        min-width: 0;
        min-height: 38px;
        justify-content: center;
        padding: 0 10px;
        text-align: center;
    }
    .hero-v2__principles .hero-principle:nth-child(3) {
        grid-column: 1 / -1;
        width: calc(50% - 4px);
        justify-self: center;
    }
    .hero-v2__principles .hero-principle > b {
        white-space: nowrap;
        font-size: 10px;
    }

    /* System Map: no absolute-positioned product nodes on phones.
       A fixed 2-column/3-row grid keeps all four nodes balanced around the
       central BEEGITAL core on every narrow viewport. */
    .system-map {
        min-height: 0;
        overflow: hidden;
    }
    .system-map__header {
        height: 82px;
        padding: 0 16px;
    }
    .system-map__stage {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr));
        grid-template-rows: auto 132px auto;
        gap: 16px 14px;
        align-items: center;
        padding: 22px 14px 24px;
    }
    .system-node {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 148px;
        min-height: 124px !important;
        justify-self: center;
        padding: 18px 10px 13px !important;
        transform: none !important;
    }
    .system-node small {
        top: 9px;
        left: 10px;
    }
    .system-node__icon {
        --icon-size: 34px;
        margin: 4px auto 1px !important;
    }
    .system-node strong {
        font-size: 13px;
        line-height: 1.1;
    }
    .system-node span {
        font-size: 8px;
        line-height: 1.2;
    }
    .system-node--automation {
        grid-column: 1;
        grid-row: 1;
    }
    .system-node--systems {
        grid-column: 2;
        grid-row: 1;
    }
    .system-node--product {
        grid-column: 1;
        grid-row: 3;
    }
    .system-node--support {
        grid-column: 2;
        grid-row: 3;
    }
    .system-core {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        top: auto !important;
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: center;
        align-self: center;
        width: 112px;
        height: 112px;
        transform: none !important;
    }
    .system-core img {
        width: 80px;
        height: 80px;
    }
    .system-map__line {
        display: none !important;
    }
    .system-map__footer {
        min-height: 58px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 4px;
        padding: 0 12px;
        text-align: center;
    }
    .system-map__footer > span {
        justify-content: center;
        gap: 5px;
        white-space: nowrap;
        font-size: 9px;
    }
    .system-map__footer strong {
        display: none !important;
    }

    /* Preserve 0.4.0 mobile product-family layout; only ensure clean dock. */
    .publisher-companion {
        margin-top: 16px;
    }
}

@media (max-width: 390px) {
    .hero-v2__principles .hero-principle > b { font-size: 9px; }
    .system-map__stage { gap: 14px 10px; padding-inline: 10px; }
    .system-node { max-width: 140px; }
    .system-map__footer > span { font-size: 8px; }
}

/* =========================================================
   BEEGITAL 0.4.2 — MOBILE HEADER FLOW FIX
   On narrow screens the navigation header stays in normal page flow.
   Desktop/tablet sticky behaviour is preserved. This prevents the header
   from covering section content during scroll and hash/anchor navigation.
   ========================================================= */
@media (max-width: 660px) {
    .site-header,
    .admin-bar .site-header {
        position: relative;
        top: auto;
    }
}

/* =========================================================
   BEEGITAL 0.5.0 — NAVIGATION, ACCORDIONS & MULTILINGUAL UX
   ========================================================= */

#solutions,
#products,
#services,
#support,
#how-we-work,
#worldwide,
#contact,
#company { scroll-margin-top: 108px; }

/* Language selector */
.header-mobile-tools { display:none; align-items:center; gap:8px; margin-left:auto; }
.header-desktop-language { display:flex; align-items:center; }
.language-switcher { position:relative; flex:0 0 auto; }
.language-switcher__toggle {
    min-width:50px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.035);
    color:#F3F4F6;
    cursor:pointer;
    transition:border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}
.language-switcher__toggle > span { color:var(--gold); font-size:14px; line-height:1; }
.language-switcher__toggle strong { font-size:11px; letter-spacing:.08em; }
.language-switcher__toggle:hover,
.language-switcher__toggle:focus-visible,
.language-switcher__toggle[aria-expanded="true"] { border-color:rgba(255,193,7,.6); background:rgba(255,193,7,.08); color:#fff; }
.language-switcher__menu {
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    z-index:1500;
    width:190px;
    padding:7px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    background:rgba(12,14,18,.98);
    box-shadow:0 22px 55px rgba(0,0,0,.45);
    backdrop-filter:blur(18px);
}
.language-switcher__menu[hidden] { display:none !important; }
.language-switcher__menu a {
    display:grid;
    grid-template-columns:34px 1fr;
    gap:9px;
    align-items:center;
    min-height:42px;
    padding:6px 9px;
    border-radius:10px;
    color:#D7DAE0;
    text-decoration:none;
}
.language-switcher__menu a span { color:var(--gold); font-size:10px; font-weight:900; letter-spacing:.08em; }
.language-switcher__menu a b { font-size:12px; font-weight:750; }
.language-switcher__menu a:hover,
.language-switcher__menu a:focus-visible,
.language-switcher__menu a[aria-current="page"] { background:rgba(255,193,7,.09); color:#fff; }

/* Floating quick navigation and Back to top */
.beegital-floating-controls {
    position:fixed;
    right:max(18px, env(safe-area-inset-right));
    bottom:max(18px, env(safe-area-inset-bottom));
    z-index:1400;
    display:flex;
    align-items:flex-end;
    gap:8px;
    pointer-events:none;
}
.beegital-floating-controls > * { pointer-events:auto; }
.back-to-top,
.quick-jump__toggle {
    border:1px solid rgba(255,193,7,.38);
    background:rgba(10,12,15,.92);
    color:#fff;
    box-shadow:0 16px 42px rgba(0,0,0,.30);
    backdrop-filter:blur(16px) saturate(130%);
}
.back-to-top {
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:var(--gold);
    text-decoration:none;
    font-size:23px;
    opacity:0;
    visibility:hidden;
    translate:0 10px;
    transition:opacity .2s ease, visibility .2s ease, translate .2s ease, background .2s ease;
}
.back-to-top.is-visible { opacity:1; visibility:visible; translate:0 0; }
.back-to-top:hover,
.back-to-top:focus-visible { background:var(--gold); color:#08090B; }
.quick-jump__toggle {
    min-height:48px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 15px;
    border-radius:999px;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    translate:0 10px;
    transition:opacity .2s ease, visibility .2s ease, translate .2s ease, background .2s ease;
}
.beegital-floating-controls.is-visible .quick-jump__toggle,
.beegital-floating-controls.has-quick-jump.is-visible .quick-jump__toggle { opacity:1; visibility:visible; translate:0 0; }
.quick-jump__toggle > span { color:var(--gold); font-size:18px; }
.quick-jump__toggle b { font-size:11px; letter-spacing:.03em; }
.quick-jump__toggle:hover,
.quick-jump__toggle:focus-visible,
.quick-jump__toggle[aria-expanded="true"] { background:rgba(255,193,7,.12); }
.quick-jump__panel {
    position:absolute;
    right:0;
    bottom:60px;
    width:min(290px, calc(100vw - 36px));
    padding:9px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(10,12,15,.98);
    box-shadow:0 22px 60px rgba(0,0,0,.48);
    backdrop-filter:blur(20px);
}
.quick-jump__panel[hidden] { display:none !important; }
.quick-jump__panel a {
    min-height:42px;
    display:flex;
    align-items:center;
    padding:0 11px;
    border-radius:10px;
    color:#C9CDD4;
    text-decoration:none;
    font-size:12px;
    font-weight:750;
}
.quick-jump__panel a:hover,
.quick-jump__panel a:focus-visible { background:rgba(255,193,7,.09); color:#fff; }

/* Mobile section accordions are inserted progressively by ux.js. */
.mobile-section-accordion { display:none; }

@media (max-width: 940px) {
    .header-mobile-tools { display:flex; }
    .header-desktop-language { display:none; }
    .header-inner { gap:14px; }
    .primary-nav { z-index:1450; }
}

@media (max-width: 720px) {
    #solutions,
    #products,
    #services,
    #support,
    #how-we-work,
    #worldwide,
    #contact,
    #company { scroll-margin-top:20px; }

    .header-mobile-tools { gap:7px; }
    .language-switcher__toggle { min-width:44px; min-height:44px; padding:0 9px; }
    .language-switcher__toggle > span { display:none; }
    .language-switcher__menu { right:-62px; width:180px; }
    .nav-toggle { min-width:auto; padding-inline:13px; }

    .mobile-section-accordion {
        width:100%;
        min-height:54px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        margin:18px 0 20px;
        padding:0 17px;
        border:1px solid rgba(255,193,7,.28);
        border-radius:15px;
        background:linear-gradient(100deg,rgba(255,193,7,.075),rgba(255,255,255,.025));
        color:#F0F2F5;
        cursor:pointer;
        text-align:left;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    }
    .section-v2--sand .mobile-section-accordion,
    .process-v2 .mobile-section-accordion {
        background:rgba(255,193,7,.055);
        border-color:rgba(141,103,0,.24);
        color:#111318;
    }
    .mobile-section-accordion__label { font-weight:800; font-size:13px; letter-spacing:-.01em; }
    .mobile-section-accordion__icon {
        width:29px;
        height:29px;
        flex:0 0 29px;
        display:grid;
        place-items:center;
        border-radius:50%;
        background:rgba(255,193,7,.12);
        color:var(--gold);
        font-size:20px;
        line-height:1;
        transition:transform .2s ease, background .2s ease;
    }
    .section-v2--sand .mobile-section-accordion__icon,
    .process-v2 .mobile-section-accordion__icon { color:#8C6500; background:rgba(255,193,7,.13); }
    .mobile-section-accordion.is-open .mobile-section-accordion__icon { transform:rotate(180deg); }

    /* The hero System Map is optional visual context on phones; collapse it by default. */
    .hero-v2__grid > .mobile-section-accordion { margin-top:-8px; margin-bottom:0; }
    .hero-v2__grid > .system-map:not([hidden]) { margin-top:18px; }

    /* Tighten empty vertical space around collapsed sections. */
    .karago-subhead + .mobile-section-accordion,
    .karago-subhead--ecosystem + .mobile-section-accordion { margin-top:14px; }
    .services-v2__intro + .mobile-section-accordion { margin-top:4px; }
    .process-v2__header + .mobile-section-accordion { margin-top:-16px; }

    .beegital-floating-controls {
        right:max(12px, env(safe-area-inset-right));
        bottom:max(12px, env(safe-area-inset-bottom));
        gap:7px;
    }
    .quick-jump__toggle { min-height:46px; padding-inline:13px; }
    .quick-jump__toggle b { display:none; }
    .quick-jump__toggle > span { font-size:20px; }
    .back-to-top { width:46px; height:46px; }
    .quick-jump__panel { bottom:56px; }
}

@media (max-width: 430px) {
    .beegital-brand img { width:155px; }
    .custom-logo { max-width:155px; }
    .nav-toggle__label { display:none; }
    .nav-toggle { width:46px; padding:0; }
    .language-switcher__toggle { min-width:42px; }
}

@media (prefers-reduced-motion: reduce) {
    .back-to-top,
    .quick-jump__toggle,
    .mobile-section-accordion__icon { transition:none !important; }
}


/* =========================================================
   BEEGITAL 0.6.x — Native-copy / customer-facing / stability pass
   Longer localized copy must never overlap or move the layout on hover.
   ========================================================= */
.service-rows article {
    grid-template-columns: 36px 58px minmax(250px, .95fr) minmax(300px, 1.05fr) 42px !important;
    column-gap: 18px !important;
    padding-left: 0 !important;
    overflow: hidden;
}
.service-rows article h3,
.service-rows article p { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.service-rows article h3 { line-height: 1.02; }
@media (hover:hover) and (pointer:fine) {
    .service-rows article:hover { padding-left: 0 !important; }
    .service-rows article:hover .service-row__icon { transform: none !important; }
    .service-rows article:hover > i { transform: rotate(45deg) scale(1.04); }
}
@media (max-width: 1120px) {
    .service-rows article {
        grid-template-columns: 34px 54px minmax(0,1fr) 38px !important;
        row-gap: 6px;
    }
    .service-rows article h3 { grid-column: 3; }
    .service-rows article p { grid-column: 3; }
    .service-rows article > i { grid-column: 4; grid-row: 1 / 3; }
}
@media (max-width: 660px) {
    .service-rows article {
        grid-template-columns: 34px 48px minmax(0,1fr) !important;
        gap: 12px !important;
    }
    .service-rows article h3,
    .service-rows article p { grid-column: 2 / 4; }
}

/* Product/customer labels should read as category cues, not engineering gates. */
.product-badge,
.karago-catalogue-card__status,
.karago-ecosystem-card__top > span,
.next-products article > div span {
    letter-spacing: .10em;
}

/* Localized headings can be longer: use balanced wrapping without collision. */
.services-v2__intro h2,
.section-intro h2,
.process-v2__header h2,
.global-v2 h2,
.cta-v2 h2 { text-wrap: balance; }
.services-v2__intro { min-width: 0; }
.services-v2__intro h2 { overflow-wrap: normal; word-break: normal; }

/* =========================================================
   BEEGITAL 0.6.1 — Localized custom-solutions heading containment
   Keep long native copy visually strong without invading service rows.
   ========================================================= */
@media (min-width: 941px) {
    .services-v2 {
        grid-template-columns: minmax(310px, .72fr) minmax(0, 1.28fr);
        gap: clamp(48px, 5.5vw, 82px);
    }
    .services-v2__intro {
        width: 100%;
        max-width: 430px;
        min-width: 0;
    }
    .services-v2__intro h2 {
        width: 100%;
        max-width: 430px;
        margin-right: 0;
        font-size: clamp(35px, 3.15vw, 47px);
        line-height: 1.04;
        letter-spacing: -.045em;
        text-wrap: pretty;
        overflow-wrap: break-word;
        word-break: normal;
        hyphens: auto;
    }
    .services-v2__intro h2 span {
        display: block;
        margin-top: .12em;
    }
}

@media (min-width: 941px) and (max-width: 1120px) {
    .services-v2 {
        grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr);
        gap: 42px;
    }
    .services-v2__intro {
        max-width: 360px;
    }
    .services-v2__intro h2 {
        max-width: 360px;
        font-size: clamp(33px, 3.5vw, 41px);
    }
}

@media (max-width: 940px) {
    .services-v2__intro {
        max-width: 760px;
    }
    .services-v2__intro h2 {
        max-width: 720px;
        overflow-wrap: break-word;
        hyphens: auto;
    }
}