:root {
  --ai-navy-950:#031126;
  --ai-navy-900:#071b39;
  --ai-navy-800:#0a2851;
  --ai-blue-700:#075ce8;
  --ai-blue-600:#0b76ff;
  --ai-blue-500:#1498ff;
  --ai-cyan-400:#27d5ff;
  --ai-cyan-300:#77eaff;
  --ai-sky-100:#e9f7ff;
  --ai-sky-50:#f5fbff;
  --ai-text:#071a38;
  --ai-muted:#5c7393;
  --ai-line:#cfe7fb;
  --ai-white:#fff;
  --ai-shadow:0 22px 65px rgba(8,76,150,.14);
}


/* The Ailogium homepage supplies its own header and footer. Remove theme chrome completely. */
body.ailogium-home-active #masthead,
body.ailogium-home-active .site-header,
body.ailogium-home-active #site-navigation,
body.ailogium-home-active .main-navigation,
body.ailogium-home-active .mobile-header-navigation,
body.ailogium-home-active .navigation-clone,
body.ailogium-home-active .top-bar,
body.ailogium-home-active .site-footer:not(.ailogium-footer),
body.ailogium-home-active footer#colophon,
body.ailogium-home-active .footer-widgets,
body.ailogium-home-active .site-info { display:none !important; }
body.ailogium-home-active,
body.ailogium-home-active #page,
body.ailogium-home-active .site.grid-container { margin:0 !important; padding:0 !important; max-width:none !important; width:100% !important; background:#031126 !important; }
body.ailogium-home-active .site-content { padding-top:0 !important; }

/* Reset theme wrappers only on this homepage so the design is truly full width. */
body.ailogium-home-active .entry-header,
body.ailogium-home-active .page-header,
body.ailogium-home-active .entry-title,
body.ailogium-home-active .page-title { display:none !important; }
body.ailogium-home-active .site-content,
body.ailogium-home-active .content-area,
body.ailogium-home-active .site-main,
body.ailogium-home-active .inside-article,
body.ailogium-home-active article.page,
body.ailogium-home-active .entry-content { max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important; }
body.ailogium-home-active .site-content { display:block !important; }
body.ailogium-home-active .widget-area { display:none !important; }
body.ailogium-home-active .content-area { float:none !important; }
body.ailogium-home-active .entry-content > .ailogium-site { margin:0 !important; }

.ailogium-site,
.ailogium-site * { box-sizing:border-box; }
.ailogium-site { position:relative; width:100%; overflow:hidden; color:var(--ai-text); background:#fff; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.5; }
.ailogium-site a { color:inherit; text-decoration:none; }
.ailogium-site img { display:block; max-width:100%; }
.ailogium-shell { width:min(1240px, calc(100% - 40px)); margin:0 auto; }
.ailogium-skip { position:fixed; left:14px; top:-80px; z-index:99999; padding:10px 14px; border-radius:8px; background:#fff; color:#041a3d; font-weight:800; }
.ailogium-skip:focus { top:14px; }

/* Header - integrated into the blue AI hero, no white strip */
.ailogium-header { position:relative; z-index:200; min-height:94px; background:linear-gradient(110deg,#031126 0%,#06264f 58%,#073566 100%); border-bottom:1px solid rgba(72,198,255,.22); box-shadow:0 12px 35px rgba(1,13,34,.24); transition:.2s ease; }
.ailogium-header.is-scrolled { position:sticky; top:0; min-height:82px; background:rgba(3,17,38,.96); backdrop-filter:blur(18px); box-shadow:0 14px 42px rgba(1,13,34,.32); }
.ailogium-nav-wrap { min-height:inherit; display:flex; align-items:center; gap:30px; padding-top:9px; padding-bottom:9px; }
.ailogium-brand { display:flex; align-items:center; flex:0 0 auto; min-width:0; padding:5px 0; }
.ailogium-brand img { width:285px; height:auto; max-height:76px; object-fit:contain; object-position:left center; filter:drop-shadow(0 7px 18px rgba(20,166,255,.24)); }
.ailogium-nav { margin-left:auto; display:flex; align-items:center; gap:25px; }
.ailogium-nav > a:not(.ailogium-nav-cta) { position:relative; padding:12px 0; color:#dcecff; font-size:14px; font-weight:800; white-space:nowrap; }
.ailogium-nav > a:not(.ailogium-nav-cta)::after { content:""; position:absolute; left:0; right:100%; bottom:5px; height:2px; background:linear-gradient(90deg,var(--ai-blue-500),var(--ai-cyan-400)); transition:right .2s ease; }
.ailogium-nav > a:hover::after,.ailogium-nav > a.is-active::after { right:0; }
.ailogium-nav > a:hover,.ailogium-nav > a.is-active { color:#6fe7ff; }
.ailogium-nav-cta { display:inline-flex; align-items:center; gap:8px; padding:13px 18px; border-radius:999px; color:#fff !important; font-size:14px; font-weight:850; white-space:nowrap; background:linear-gradient(135deg,#0867ff,#13c3ff); box-shadow:0 12px 28px rgba(6,112,255,.28); }
.ailogium-nav-cta span,.ailogium-btn span,.ailogium-text-link span { display:inline-flex; width:18px; height:18px; }
.ailogium-nav-cta svg,.ailogium-btn svg,.ailogium-text-link svg,.ailogium-service-link svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; }
.ailogium-menu-button { display:none; width:46px; height:46px; padding:0; align-items:center; justify-content:center; border:1px solid rgba(99,207,255,.36); border-radius:12px; background:rgba(7,49,94,.82); color:#7eeaff; box-shadow:inset 0 1px rgba(255,255,255,.08); }
.ailogium-menu-button svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2; }
.ailogium-menu-button .menu-close { display:none; }
.ailogium-menu-button.is-open .menu-open { display:none; }
.ailogium-menu-button.is-open .menu-close { display:inline-flex; }

/* Hero */
.ailogium-hero { position:relative; isolation:isolate; color:#fff; background:radial-gradient(circle at 84% 21%,rgba(20,171,255,.23),transparent 26%),radial-gradient(circle at 15% 86%,rgba(0,104,255,.20),transparent 32%),linear-gradient(118deg,#021126 0%,#06254b 53%,#041a36 100%); }
.ailogium-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:6px; background:linear-gradient(90deg,#0c5fff,#20ddff,#0c5fff); box-shadow:0 0 30px rgba(27,199,255,.45); }
.ailogium-hero-mesh { position:absolute; inset:0; z-index:-1; opacity:.25; background-image:linear-gradient(rgba(51,170,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(51,170,255,.07) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,#000,transparent 95%); }
.ailogium-hero-layout { min-height:700px; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr); align-items:center; gap:62px; padding:88px 0 84px; }
.ailogium-eyebrow,.ailogium-kicker { display:flex; align-items:center; gap:10px; color:var(--ai-blue-700); font-size:12px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.ailogium-eyebrow { margin-bottom:19px; color:#7eeaff; }
.ailogium-eyebrow span { width:34px; height:2px; background:linear-gradient(90deg,var(--ai-cyan-400),var(--ai-blue-600)); }
.ailogium-hero h1 { margin:0; max-width:650px; color:#fff; font-size:clamp(48px,5.8vw,78px); line-height:.98; letter-spacing:-.055em; font-weight:800; }
.ailogium-hero h1 em { display:block; margin-top:12px; font-style:normal; color:transparent; background:linear-gradient(90deg,#77eaff,#13bfff 40%,#1470ff); -webkit-background-clip:text; background-clip:text; }
.ailogium-hero-copy > p { max-width:660px; margin:27px 0 0; color:#bed1e8; font-size:19px; line-height:1.72; }
.ailogium-hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:32px; }
.ailogium-btn { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:14px 20px; border-radius:14px; font-size:15px; font-weight:850; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.ailogium-btn:hover { transform:translateY(-2px); }
.ailogium-btn-primary { color:#fff !important; background:linear-gradient(135deg,#075cf0,#11b6ff); box-shadow:0 14px 36px rgba(4,116,255,.30); }
.ailogium-btn-secondary { color:#eef9ff !important; border:1px solid rgba(118,213,255,.28); background:rgba(255,255,255,.06); }
.ailogium-trust-row { display:flex; flex-wrap:wrap; gap:18px; margin-top:28px; color:#9bb4d3; font-size:13px; font-weight:700; }
.ailogium-trust-row span { display:inline-flex; align-items:center; gap:7px; }
.ailogium-trust-row svg { width:17px; height:17px; fill:none; stroke:#2be2ff; stroke-width:2.4; }

/* New AI network visual: no room/mockup image */
.ailogium-ai-visual { position:relative; min-height:560px; border:1px solid rgba(108,203,255,.30); border-radius:36px; overflow:hidden; background:radial-gradient(circle at 50% 46%,rgba(18,136,255,.16),transparent 24%),linear-gradient(160deg,rgba(8,47,96,.96),rgba(3,20,49,.98)); box-shadow:0 35px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.14); }
.ailogium-ai-grid { position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(77,183,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(77,183,255,.11) 1px,transparent 1px); background-size:42px 42px; }
.ailogium-ai-halo { position:absolute; left:50%; top:50%; width:390px; height:390px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(0,194,255,.30),rgba(2,87,230,.13) 40%,transparent 72%); filter:blur(9px); }
.ailogium-ai-core { position:absolute; left:50%; top:50%; width:170px; height:170px; transform:translate(-50%,-50%); display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.24),rgba(8,84,174,.28) 43%,rgba(2,22,50,.9) 70%); border:1px solid rgba(99,220,255,.48); box-shadow:0 0 0 24px rgba(16,138,255,.055),0 0 88px rgba(0,184,255,.39); z-index:4; }
.ailogium-ai-core::before { content:""; position:absolute; inset:-20px; border-radius:50%; background:conic-gradient(from 30deg,rgba(100,234,255,0) 0deg,rgba(100,234,255,.08) 42deg,rgba(100,234,255,.95) 64deg,rgba(100,234,255,.12) 88deg,rgba(100,234,255,0) 130deg,rgba(21,122,255,0) 200deg,rgba(21,122,255,.14) 232deg,rgba(100,234,255,.76) 258deg,rgba(100,234,255,0) 298deg); -webkit-mask:radial-gradient(circle,transparent 62%,#000 64%,#000 71%,transparent 73%); mask:radial-gradient(circle,transparent 62%,#000 64%,#000 71%,transparent 73%); animation:ailogium-data-ring 7.2s linear infinite; }
.ailogium-ai-core::after { content:""; position:absolute; inset:16px; border-radius:50%; background:conic-gradient(from 0deg,rgba(82,231,255,0) 0deg,rgba(82,231,255,.72) 38deg,rgba(82,231,255,0) 74deg,rgba(82,231,255,0) 110deg,rgba(31,133,255,.55) 145deg,rgba(82,231,255,0) 190deg,rgba(82,231,255,.58) 230deg,rgba(82,231,255,0) 270deg,rgba(82,231,255,.68) 318deg,rgba(82,231,255,0) 360deg); -webkit-mask:radial-gradient(circle,transparent 52%,#000 56%,#000 66%,transparent 70%); mask:radial-gradient(circle,transparent 52%,#000 56%,#000 66%,transparent 70%); box-shadow:inset 0 0 24px rgba(99,233,255,.12); animation:ailogium-inner-flow 6.5s linear infinite; }
@keyframes ailogium-data-ring { to { transform:rotate(360deg); } }
.ailogium-ai-core img { width:122px; height:122px; object-fit:contain; filter:drop-shadow(0 0 21px rgba(21,179,255,.55)); }
.ailogium-ai-core .ring { position:absolute; border:1px solid rgba(73,213,255,.34); border-radius:50%; animation:ailogium-spin 13s linear infinite; }
.ailogium-ai-core .ring-a { width:228px; height:228px; }
.ailogium-ai-core .ring-b { width:286px; height:286px; border-style:dashed; animation-direction:reverse; animation-duration:19s; }
.ailogium-ai-core .ring-c { width:194px; height:194px; border:0; background:conic-gradient(from 180deg,rgba(105,235,255,0) 0deg,rgba(105,235,255,.88) 26deg,rgba(105,235,255,0) 62deg,rgba(24,123,255,.55) 98deg,rgba(105,235,255,0) 138deg,rgba(105,235,255,.72) 176deg,rgba(105,235,255,0) 220deg,rgba(24,123,255,.45) 264deg,rgba(105,235,255,0) 306deg,rgba(105,235,255,.84) 340deg,rgba(105,235,255,0) 360deg); -webkit-mask:radial-gradient(circle,transparent 63%,#000 66%,#000 69%,transparent 72%); mask:radial-gradient(circle,transparent 63%,#000 66%,#000 69%,transparent 72%); animation-duration:8.2s; box-shadow:0 0 24px rgba(85,230,255,.14); }
.ailogium-ai-core .ring::after { content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:#34e8ff; box-shadow:0 0 18px #34e8ff; top:-4px; left:50%; }
@keyframes ailogium-spin { to { transform:rotate(360deg); } }
@keyframes ailogium-inner-flow { to { transform:rotate(-360deg); } }
.data-beacon { position:absolute; z-index:3; width:10px; height:10px; border-radius:50%; background:radial-gradient(circle,#dfffff 0%,#67ebff 32%,#1ebdff 72%,rgba(10,50,104,0) 100%); box-shadow:0 0 14px rgba(94,233,255,.95),0 0 24px rgba(94,233,255,.28); }
.beacon-a { top:18%; left:25%; animation:ailogium-beacon-float 4.8s ease-in-out infinite; }
.beacon-b { top:31%; right:22%; animation:ailogium-beacon-float 5.4s ease-in-out infinite 1s; }
.beacon-c { bottom:24%; left:19%; animation:ailogium-beacon-float 5s ease-in-out infinite 2s; }
@keyframes ailogium-beacon-float { 0%,100% { transform:translate(0,0) scale(.95); opacity:.7; } 50% { transform:translate(6px,-8px) scale(1.12); opacity:1; } }
.ailogium-ai-lines,.ailogium-ai-streams { position:absolute; inset:0; width:100%; height:100%; }
.ailogium-ai-lines { z-index:2; }
.ailogium-ai-streams { z-index:3; filter:drop-shadow(0 0 8px rgba(64,231,255,.28)); }
.ailogium-ai-lines path { fill:none; stroke:rgba(41,198,255,.34); stroke-width:1.8; stroke-dasharray:7 9; animation:ailogium-dash 14s linear infinite; }
.ailogium-ai-streams path { fill:none; stroke-linecap:round; stroke-width:3.2; stroke:rgba(118,234,255,.95); stroke-dasharray:24 420; animation:ailogium-stream-run 4.8s linear infinite; }
.ailogium-ai-streams .stream-b { animation-delay:1.1s; }
.ailogium-ai-streams .stream-c { animation-delay:2.1s; }
.ailogium-ai-streams .stream-d { animation-delay:3.1s; }
@keyframes ailogium-dash { to { stroke-dashoffset:-160; } }
@keyframes ailogium-stream-run { from { stroke-dashoffset:0; opacity:.2; } 20% { opacity:1; } to { stroke-dashoffset:-444; opacity:.25; } }
.ailogium-ai-card { position:absolute; z-index:5; width:160px; display:flex; align-items:center; gap:12px; padding:13px 14px; border:1px solid rgba(122,218,255,.27); border-radius:17px; background:rgba(7,35,73,.84); box-shadow:0 14px 34px rgba(0,0,0,.20); backdrop-filter:blur(10px); }
.ailogium-ai-card .card-icon { flex:0 0 36px; width:36px; height:36px; display:grid; place-items:center; border-radius:12px; color:#9eeeff; background:linear-gradient(145deg,rgba(16,125,255,.34),rgba(22,219,255,.16)); border:1px solid rgba(122,224,255,.28); box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 16px rgba(38,197,255,.12); }
.ailogium-ai-card .card-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.ailogium-ai-card b { display:block; color:#fff; font-size:14px; line-height:1.05; }
.ailogium-ai-card small { display:block; margin-top:4px; color:#79dfff; font-size:11px; }
.ailogium-ai-card.card-top { left:50%; top:22px; transform:translateX(-50%); }
.ailogium-ai-card.card-left { left:-8px; top:49%; transform:translateY(-50%); }
.ailogium-ai-card.card-right { right:-8px; top:49%; transform:translateY(-50%); }
.ailogium-ai-card.card-bottom { left:50%; bottom:22px; transform:translateX(-50%); }
/* Services - one banner-inspired blue box */
.ailogium-services { padding:88px 0 96px; background:linear-gradient(180deg,#eef9ff 0%,#f8fcff 100%); }
.ailogium-services-panel { position:relative; overflow:hidden; padding:56px; border:1px solid #9fdcff; border-radius:36px; background:radial-gradient(circle at 8% 0%,rgba(14,151,255,.24),transparent 31%),radial-gradient(circle at 100% 100%,rgba(0,94,255,.17),transparent 34%),linear-gradient(145deg,#dff3ff 0%,#cfeeff 45%,#eaf8ff 100%); box-shadow:0 28px 78px rgba(10,94,171,.16),inset 0 1px rgba(255,255,255,.95); }
.ailogium-services-panel::before,.ailogium-services-panel::after { content:""; position:absolute; pointer-events:none; border-radius:50%; border:22px solid rgba(14,136,255,.085); }
.ailogium-services-panel::before { width:330px; height:330px; left:-190px; top:-210px; }
.ailogium-services-panel::after { width:430px; height:430px; right:-260px; bottom:-310px; }
.ailogium-section-intro { position:relative; z-index:2; max-width:850px; margin-bottom:38px; }
.ailogium-section-intro.centered { margin-left:auto; margin-right:auto; text-align:center; }
.ailogium-section-intro.centered .ailogium-kicker { justify-content:center; }
.ailogium-section-intro h2 { margin:11px 0 0; color:#071d42; font-size:clamp(34px,4vw,54px); line-height:1.06; letter-spacing:-.04em; }
.ailogium-section-intro p { max-width:790px; margin:17px 0 0; color:#5b7394; font-size:17px; line-height:1.7; }
.ailogium-service-grid { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.ailogium-service-card { min-width:0; min-height:310px; display:flex; flex-direction:column; padding:24px 22px 21px; border:1px solid rgba(117,193,244,.88); border-radius:24px; background:linear-gradient(165deg,rgba(255,255,255,.96),rgba(239,249,255,.94)); box-shadow:0 14px 34px rgba(13,92,162,.11),inset 0 1px #fff; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.ailogium-service-card:hover { transform:translateY(-6px); border-color:#70caff; box-shadow:0 22px 45px rgba(12,111,194,.16); }
.ailogium-service-icon-wrap { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:19px; }
.ailogium-service-icon { width:82px; height:82px; display:grid; place-items:center; border-radius:24px; color:#fff; background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.24),transparent 28%),linear-gradient(145deg,#0758dc,#0b8dff 58%,#22d8ff); box-shadow:0 15px 32px rgba(8,105,220,.29),inset 0 1px rgba(255,255,255,.55); }
.ailogium-service-icon svg { width:47px; height:47px; fill:none; stroke:currentColor; stroke-width:2.25; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 3px 5px rgba(0,48,127,.15)); }
.ailogium-service-tag { margin-top:9px; padding:6px 9px; border-radius:999px; color:#0867d6; background:#e8f6ff; border:1px solid #cdeaff; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.ailogium-service-card h3 { margin:0; color:#071b3d; font-size:18px; line-height:1.28; letter-spacing:-.018em; }
.ailogium-service-card p { margin:11px 0 18px; color:#58718f; font-size:14px; line-height:1.62; }
.ailogium-service-link { margin-top:auto; display:flex; align-items:center; gap:8px; color:#0869db; font-size:13px; font-weight:900; }
.ailogium-service-link svg { width:17px; height:17px; }

/* Flow */
.ailogium-flow-section { position:relative; overflow:hidden; padding:94px 0; color:#fff; background:radial-gradient(circle at 82% 28%,rgba(0,178,255,.17),transparent 29%),radial-gradient(circle at 18% 84%,rgba(0,94,255,.13),transparent 32%),linear-gradient(120deg,#03142d,#073263 55%,#031a38); }
.ailogium-flow-section::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.18; background-image:linear-gradient(rgba(77,183,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(77,183,255,.08) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent); }
.ailogium-flow-layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:start; gap:60px; }
.ailogium-text-link { display:inline-flex; align-items:center; gap:10px; margin-top:26px; color:#72deff; text-decoration:none; font-weight:700; letter-spacing:.01em; }
.ailogium-flow-copy h2 { margin:12px 0 0; font-size:clamp(34px,4vw,52px); line-height:1.05; letter-spacing:-.04em; }
.ailogium-flow-copy p { margin:18px 0 0; color:#b8cae1; font-size:17px; line-height:1.7; }
.ailogium-flow-map { position:relative; min-width:0; }
.workflow-board { position:relative; overflow:hidden; border-radius:34px; border:1px solid rgba(108,220,255,.16); background:linear-gradient(160deg,rgba(8,40,83,.95),rgba(3,22,51,.98)); box-shadow:0 24px 60px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.05); }
.workflow-board::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%,rgba(63,210,255,.12),transparent 28%), radial-gradient(circle at 100% 100%,rgba(12,134,255,.12),transparent 36%); pointer-events:none; }
.workflow-board-timeline { padding:30px; }
.workflow-board-head { position:relative; z-index:1; max-width:780px; }
.workflow-engine-pill { display:inline-flex; align-items:center; gap:10px; padding:9px 14px; border-radius:999px; border:1px solid rgba(113,223,255,.24); color:#99eaff; background:rgba(5,45,95,.75); font-size:13px; font-weight:700; letter-spacing:.03em; }
.workflow-engine-pill svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.workflow-board-head h3 { margin:16px 0 0; font-size:clamp(28px,3vw,42px); line-height:1.08; letter-spacing:-.035em; }
.workflow-board-head p { margin:12px 0 0; color:#b8cae1; font-size:15px; line-height:1.75; }
.workflow-timeline-shell { position:relative; z-index:1; margin-top:30px; }
.workflow-timeline { position:relative; padding:10px 0 6px; max-width:760px; margin:0 auto; }
.workflow-main-line { position:absolute; left:50%; top:36px; bottom:36px; width:4px; transform:translateX(-50%); border-radius:999px; background:linear-gradient(180deg,rgba(45,217,255,.16),rgba(48,217,255,.85) 28%,rgba(55,110,255,.92) 72%,rgba(45,217,255,.14)); box-shadow:0 0 0 1px rgba(92,231,255,.09),0 0 28px rgba(36,209,255,.35); }
.workflow-main-glow { position:absolute; left:50%; top:28px; bottom:28px; width:34px; transform:translateX(-50%); border-radius:999px; background:radial-gradient(circle,rgba(74,228,255,.20),transparent 68%); filter:blur(8px); }
.workflow-line-pulse { position:absolute; left:50%; width:16px; height:16px; margin-left:-8px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#dbfeff 0%,#6be8ff 35%,#0ea7ff 70%,rgba(3,35,76,.85) 100%); box-shadow:0 0 18px rgba(75,230,255,.58),0 0 0 7px rgba(31,131,255,.11); animation:ailogium-line-travel 4.8s linear infinite; }
.workflow-line-pulse.pulse-2 { animation-delay:1.6s; }
.workflow-line-pulse.pulse-3 { animation-delay:3.2s; }
@keyframes ailogium-line-travel { 0% { top:44px; opacity:0; } 8% { opacity:1; } 50% { opacity:1; } 92% { opacity:1; } 100% { top:calc(100% - 44px); opacity:0; } }
.workflow-step { position:relative; width:min(100%,340px); display:flex; align-items:flex-start; gap:14px; padding:20px 18px 18px 18px; border-radius:24px; border:1px solid rgba(98,214,255,.20); background:linear-gradient(145deg,rgba(7,49,97,.95),rgba(2,24,53,.98)); box-shadow:0 16px 34px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(10px); }
.workflow-step::before { content:""; position:absolute; top:50%; width:52px; height:2px; background:linear-gradient(90deg,rgba(65,223,255,.96),rgba(65,223,255,.12)); box-shadow:0 0 16px rgba(60,220,255,.34); }
.workflow-step:nth-child(odd) { margin-right:auto; }
.workflow-step:nth-child(odd)::before { right:-52px; }
.workflow-step:nth-child(even) { margin-left:auto; }
.workflow-step:nth-child(even)::before { left:-52px; transform:scaleX(-1); }
.workflow-step + .workflow-step { margin-top:22px; }
.workflow-step-badge { position:absolute; top:16px; right:16px; font-size:11px; font-weight:900; letter-spacing:.08em; color:#8edfff; }
.workflow-step-icon { flex:0 0 58px; width:58px; height:58px; display:grid; place-items:center; border-radius:18px; color:#87eeff; background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.15),transparent 28%),linear-gradient(145deg,rgba(18,124,255,.46),rgba(31,215,255,.18)); border:1px solid rgba(108,230,255,.32); box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 24px rgba(25,202,255,.12); }
.workflow-step-icon svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.workflow-step-copy h3 { margin:0; font-size:25px; line-height:1.08; color:#ffffff; }
.workflow-step-copy p { margin:8px 0 0; color:#9ad7f7; font-size:14px; line-height:1.55; }
@keyframes ailogium-step-pulse { 0%,100% { box-shadow:0 16px 34px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.06), 0 0 0 rgba(33,220,255,0); transform:translateY(0); } 50% { box-shadow:0 18px 38px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.06), 0 0 22px rgba(33,220,255,.16); transform:translateY(-2px); } }
.workflow-step { animation:ailogium-step-pulse 3.8s ease-in-out infinite; }
.workflow-step:nth-of-type(1){ animation-delay:0s; }
.workflow-step:nth-of-type(2){ animation-delay:.35s; }
.workflow-step:nth-of-type(3){ animation-delay:.7s; }
.workflow-step:nth-of-type(4){ animation-delay:1.05s; }
.workflow-step:nth-of-type(5){ animation-delay:1.4s; }
.workflow-status-bar { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.workflow-status-bar span { display:inline-flex; align-items:center; gap:9px; padding:10px 14px; border-radius:999px; border:1px solid rgba(104,218,255,.20); color:#dcf9ff; background:rgba(255,255,255,.05); font-size:12px; font-weight:700; }
.workflow-status-bar span svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }

.ailogium-why-section,.ailogium-process-section { padding:92px 0; background:#fff; }
.ailogium-process-section { background:#f3faff; border-top:1px solid #d9efff; }
.ailogium-benefit-grid,.ailogium-process-grid { display:grid; gap:18px; }
.ailogium-benefit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ailogium-process-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ailogium-benefit-grid article,.ailogium-process-grid > div { padding:28px; border:1px solid #d6ebfb; border-radius:22px; background:linear-gradient(155deg,#fff,#f4fbff); box-shadow:0 14px 34px rgba(10,82,145,.07); }
.ailogium-benefit-grid span,.ailogium-process-grid span { color:#0a79ef; font-size:12px; font-weight:950; letter-spacing:.14em; }
.ailogium-benefit-grid h3,.ailogium-process-grid h3 { margin:9px 0 0; font-size:20px; color:#071d40; }
.ailogium-benefit-grid p,.ailogium-process-grid p { margin:10px 0 0; color:#617896; line-height:1.65; font-size:14px; }

/* CTA + Footer */
.ailogium-cta-section { padding:82px 0; background:#f7fbff; }
.ailogium-cta-card { display:flex; align-items:center; justify-content:space-between; gap:34px; padding:48px 52px; border-radius:32px; color:#fff; background:radial-gradient(circle at 80% 20%,rgba(53,219,255,.21),transparent 28%),linear-gradient(120deg,#061a39,#0750a1); box-shadow:0 28px 68px rgba(6,70,137,.24); }
.ailogium-cta-card h2 { margin:9px 0 0; font-size:clamp(32px,4vw,48px); line-height:1.05; }
.ailogium-cta-card p { max-width:700px; margin:13px 0 0; color:#c5d8ec; }
.ailogium-btn-light { flex:0 0 auto; color:#073469 !important; background:#fff; box-shadow:0 14px 32px rgba(0,0,0,.16); }
.ailogium-footer { padding:62px 0 24px; color:#d5e4f5; background:#031126; }
.ailogium-footer-grid { display:grid; grid-template-columns:1.55fr repeat(3,1fr); gap:42px; }
.ailogium-footer-brand img { width:245px; max-height:83px; object-fit:contain; object-position:left center; }
.ailogium-footer-brand p { max-width:300px; margin:14px 0 0; color:#8fa9c8; }
.ailogium-footer h3 { margin:0 0 14px; color:#fff; font-size:14px; }
.ailogium-footer a { display:block; margin:9px 0; color:#9fb6d0; font-size:14px; }
.ailogium-footer a:hover { color:#5edfff; }
.ailogium-footer-bottom { margin-top:42px; padding-top:20px; display:flex; justify-content:space-between; gap:20px; border-top:1px solid rgba(148,190,230,.13); color:#7892af; font-size:12px; }

/* Responsive */
@media (max-width:1100px) {
  .ailogium-brand img { width:245px; }
  .ailogium-nav { gap:16px; }
  .ailogium-nav > a:not(.ailogium-nav-cta) { font-size:13px; }
  .ailogium-hero-layout { grid-template-columns:1fr 1fr; gap:35px; }
  .ailogium-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ailogium-flow-layout { grid-template-columns:1fr; gap:38px; }
  .ailogium-flow-map { max-width:820px; width:100%; margin:0 auto; }
}

@media (max-width:860px) {
  .ailogium-shell { width:min(100% - 28px,1240px); }
  .ailogium-header,.ailogium-header.is-scrolled { min-height:84px; }
  .ailogium-nav-wrap { padding-top:8px; padding-bottom:8px; }
  .ailogium-brand img { width:225px; max-height:68px; }
  .ailogium-menu-button { display:flex; margin-left:auto; flex:0 0 auto; }
  .ailogium-nav { position:absolute; left:14px; right:14px; top:calc(100% + 8px); display:none; flex-direction:column; align-items:stretch; gap:0; max-height:calc(100vh - 110px); overflow-y:auto; padding:12px; border:1px solid rgba(92,202,255,.30); border-radius:18px; background:rgba(3,23,50,.985); box-shadow:0 20px 55px rgba(0,13,32,.34); }
  .ailogium-nav.is-open { display:flex; }
  .ailogium-nav > a:not(.ailogium-nav-cta) { padding:13px 12px; color:#e9f5ff; font-size:14px; border-bottom:1px solid rgba(120,205,255,.10); }
  .ailogium-nav > a:not(.ailogium-nav-cta):last-of-type { border-bottom:0; }
  .ailogium-nav-cta { margin-top:9px; justify-content:center; }
  .ailogium-hero-layout { min-height:auto; grid-template-columns:1fr; gap:42px; padding:62px 0 70px; }
  .ailogium-hero h1 { max-width:760px; }
  .ailogium-ai-visual { min-height:540px; }
  .ailogium-services { padding:62px 0 72px; }
  .ailogium-services-panel { padding:34px 24px; border-radius:28px; }
  .ailogium-benefit-grid { grid-template-columns:1fr; }
  .ailogium-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ailogium-cta-card { align-items:flex-start; flex-direction:column; padding:38px 32px; }
  .ailogium-footer-grid { grid-template-columns:1.4fr 1fr 1fr; }
  .ailogium-footer-grid > div:last-child { grid-column:2 / -1; }
}

@media (max-width:600px) {
  .ailogium-shell { width:calc(100% - 22px); }
  .ailogium-header,.ailogium-header.is-scrolled { min-height:82px; }
  .ailogium-nav-wrap { gap:12px; padding-top:10px; padding-bottom:10px; }
  .ailogium-brand { padding:3px 0; }
  .ailogium-brand img { width:205px; max-height:62px; }
  .ailogium-menu-button { width:44px; height:44px; border-radius:12px; }
  .ailogium-nav { top:calc(100% + 6px); left:10px; right:10px; }
  .ailogium-hero-layout { padding:58px 0 62px; }
  .ailogium-eyebrow { font-size:10px; letter-spacing:.12em; }
  .ailogium-hero h1 { font-size:clamp(42px,14vw,62px); }
  .ailogium-hero-copy > p { font-size:16px; line-height:1.65; }
  .ailogium-btn { width:100%; }
  .ailogium-trust-row { display:grid; grid-template-columns:1fr; gap:10px; }
  .ailogium-ai-visual { min-height:500px; border-radius:24px; }
  .ailogium-ai-halo { width:300px; height:300px; }
  .ailogium-ai-core { width:124px; height:124px; }
  .ailogium-ai-core::before { inset:-14px; }
  .ailogium-ai-core img { width:86px; height:86px; }
  .ailogium-ai-core .ring-a { width:176px; height:176px; }
  .ailogium-ai-core .ring-b { width:214px; height:214px; }
  .ailogium-ai-core .ring-c { width:144px; height:144px; }
  .ailogium-ai-card { width:100px; min-width:100px; max-width:100px; padding:9px 9px; gap:7px; }
  .ailogium-ai-card .card-icon { flex:0 0 26px; width:26px; height:26px; border-radius:8px; }
  .ailogium-ai-card .card-icon svg { width:15px; height:15px; }
  .ailogium-ai-card b { font-size:12px; }
  .ailogium-ai-card small { font-size:9px; }
  .ailogium-ai-card.card-top { top:18px; }
  .ailogium-ai-card.card-left { left:-2px; top:47%; }
  .ailogium-ai-card.card-right { right:-2px; top:47%; }
  .ailogium-ai-card.card-bottom { bottom:20px; }
  .ailogium-ai-card.card-left .card-copy,.ailogium-ai-card.card-right .card-copy { min-width:0; }
  .ailogium-services-panel { padding:28px 14px; border-radius:24px; }
  .ailogium-section-intro h2 { font-size:34px; }
  .ailogium-section-intro p { font-size:15px; }
  .ailogium-service-grid { grid-template-columns:1fr; gap:14px; }
  .ailogium-service-card { min-height:0; padding:20px; }
  .ailogium-service-icon { width:68px; height:68px; }
  .ailogium-service-icon svg { width:38px; height:38px; }
  .ailogium-flow-section,.ailogium-why-section,.ailogium-process-section { padding:64px 0; }
  .ailogium-flow-layout { gap:34px; }
  .ailogium-flow-copy { text-align:left; }
  .workflow-board-timeline { padding:20px 14px 18px; border-radius:26px; }
  .workflow-board-head h3 { font-size:28px; }
  .workflow-board-head p { font-size:14px; }
  .workflow-timeline { padding:4px 0 2px; }
  .workflow-main-line { left:50%; top:32px; bottom:30px; }
  .workflow-main-glow { left:50%; top:24px; bottom:24px; width:24px; }
  .workflow-step { width:100%; padding:16px 14px 16px 14px; border-radius:18px; }
  .workflow-step::before { width:20px; }
  .workflow-step:nth-child(odd), .workflow-step:nth-child(even) { margin-left:0; margin-right:0; }
  .workflow-step:nth-child(odd)::before,
  .workflow-step:nth-child(even)::before { left:50%; right:auto; top:-16px; width:2px; height:16px; transform:translateX(-50%); background:linear-gradient(180deg,rgba(65,223,255,.95),rgba(65,223,255,.08)); }
  .workflow-step:first-of-type::before { display:none; }
  .workflow-step + .workflow-step { margin-top:18px; }
  .workflow-step-badge { top:12px; right:14px; font-size:10px; }
  .workflow-step-icon { flex-basis:46px; width:46px; height:46px; border-radius:14px; }
  .workflow-step-icon svg { width:24px; height:24px; }
  .workflow-step-copy h3 { font-size:22px; }
  .workflow-step-copy p { font-size:13px; }
  .workflow-status-bar { gap:8px; margin-top:20px; }
  .workflow-status-bar span { font-size:11px; padding:8px 11px; }
  .ailogium-process-grid { grid-template-columns:1fr; }
  .ailogium-cta-card { padding:30px 22px; border-radius:24px; }
  .ailogium-footer-grid { grid-template-columns:1fr 1fr; gap:28px 20px; }
  .ailogium-footer-brand { grid-column:1 / -1; }
  .ailogium-footer-grid > div:last-child { grid-column:auto; }
  .ailogium-footer-bottom { flex-direction:column; gap:7px; }
}

@media (prefers-reduced-motion:reduce) {
  .ailogium-orb-aura{opacity:1 !important;transform:scale(1.03)!important;}
  .ailogium-orb-shine{opacity:.88 !important;background-position:50% 50% !important;}
  .ailogium-orb-flare{opacity:.9 !important;transform:scale(1.04)!important;}
  .ailogium-camera-orb{filter:drop-shadow(0 0 16px rgba(67,224,255,1)) drop-shadow(0 0 30px rgba(94,235,255,.78)) brightness(1.34) contrast(1.06) saturate(1.2)!important;}
  .ailogium-site * { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}

/* =========================================================
   V5 hardening: standalone front page, clean top edge, camera animation
   ========================================================= */
html:has(body.ailogium-standalone-home),
body.ailogium-standalone-home {
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:none !important;
  background:#031126 !important;
}
body.ailogium-standalone-home #wpadminbar + .ailogium-site { margin-top:0; }
body.ailogium-standalone-home .ailogium-site { margin:0 !important; }
body.ailogium-standalone-home .ailogium-header { margin:0 !important; }

/* Keep the header and hero visually continuous; no white strip or theme wrapper. */
.ailogium-header {
  background:
    radial-gradient(circle at 82% -20%,rgba(27,195,255,.16),transparent 34%),
    linear-gradient(112deg,#031126 0%,#06254c 58%,#073565 100%);
}
.ailogium-hero { margin-top:0 !important; }

/* Camera/lens animation. The underlying Ai mark stays still; the lens rotates smoothly. */
.ailogium-ai-logo-stage {
  position:relative;
  width:124px;
  height:124px;
  display:block;
}
.ailogium-ai-logo-base {
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:contain;
  filter:drop-shadow(0 0 21px rgba(21,179,255,.55));
  z-index:1;
}
.ailogium-orb-aura,
.ailogium-orb-shine,
.ailogium-orb-lens-ring,
.ailogium-orb-flare {
  position:absolute;
  pointer-events:none;
  border-radius:50%;
}
.ailogium-orb-aura {
  z-index:2;
  left:61.8%;
  top:11.7%;
  width:35.5%;
  height:35.5%;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.88) 0%,rgba(161,246,255,.72) 12%,rgba(73,221,255,.48) 28%,rgba(32,170,255,.28) 48%,rgba(17,93,177,.12) 67%,rgba(6,35,81,0) 78%);
  filter:blur(1.4px);
  mix-blend-mode:screen;
  animation:ailogium-orb-pulse 1.8s ease-in-out infinite;
}
.ailogium-orb-lens-ring {
  z-index:4;
  left:64.2%;
  top:14%;
  width:30.5%;
  height:30.5%;
  border:2px solid rgba(156,247,255,.78);
  border-right-color:rgba(30,157,255,.25);
  border-bottom-color:rgba(30,157,255,.18);
  box-shadow:0 0 8px rgba(154,246,255,.88),0 0 20px rgba(62,215,255,.52),inset 0 0 10px rgba(187,251,255,.32);
  animation:ailogium-lens-ring-spin 4.2s linear infinite;
}
.ailogium-orb-flare {
  z-index:5;
  left:67.6%;
  top:17.2%;
  width:15.5%;
  height:15.5%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,1) 0 10%,rgba(214,251,255,.96) 11% 18%,rgba(95,230,255,.72) 23%,rgba(27,164,255,.30) 45%,rgba(27,164,255,0) 72%);
  filter:blur(.2px);
  box-shadow:0 0 14px rgba(255,255,255,.85),0 0 30px rgba(95,230,255,.72);
  animation:ailogium-lens-flare 2.3s ease-in-out infinite;
}
.ailogium-orb-shine {
  z-index:6;
  left:65.3%;
  top:15.1%;
  width:28%;
  height:28%;
  overflow:hidden;
  background:linear-gradient(118deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.14) 34%,rgba(255,255,255,.95) 47%,rgba(174,246,255,.70) 52%,rgba(255,255,255,.08) 61%,rgba(255,255,255,0) 76%);
  background-size:220% 220%;
  mix-blend-mode:screen;
  opacity:.96;
  transform:rotate(-18deg);
  animation:ailogium-orb-shine-sweep 2.7s ease-in-out infinite;
}
.ailogium-camera-orb {
  position:absolute;
  z-index:3;
  left:65.4%;
  top:15.15%;
  width:27.9% !important;
  height:27.9% !important;
  object-fit:contain;
  transform-origin:50% 50%;
  filter:drop-shadow(0 0 12px rgba(67,224,255,1)) drop-shadow(0 0 24px rgba(94,235,255,.74)) brightness(1.28) contrast(1.06) saturate(1.20);
  will-change:transform,filter;
  animation:ailogium-camera-scan 5.4s ease-in-out infinite;
}
@keyframes ailogium-camera-scan {
  0%   { transform:rotate(-10deg) scale(1); filter:drop-shadow(0 0 11px rgba(48,215,255,.88)) drop-shadow(0 0 20px rgba(88,235,255,.58)) brightness(1.18) contrast(1.04) saturate(1.14); }
  18%  { transform:rotate(38deg) scale(1.035); filter:drop-shadow(0 0 14px rgba(48,215,255,.98)) drop-shadow(0 0 26px rgba(88,235,255,.70)) brightness(1.26) contrast(1.05) saturate(1.18); }
  42%  { transform:rotate(122deg) scale(1.01); filter:drop-shadow(0 0 19px rgba(72,228,255,1)) drop-shadow(0 0 36px rgba(138,247,255,.86)) brightness(1.38) contrast(1.08) saturate(1.24); }
  64%  { transform:rotate(228deg) scale(1.045); filter:drop-shadow(0 0 16px rgba(48,215,255,1)) drop-shadow(0 0 30px rgba(88,235,255,.76)) brightness(1.30) contrast(1.06) saturate(1.20); }
  84%  { transform:rotate(318deg) scale(1.025); filter:drop-shadow(0 0 17px rgba(74,226,255,1)) drop-shadow(0 0 32px rgba(138,247,255,.82)) brightness(1.34) contrast(1.07) saturate(1.22); }
  100% { transform:rotate(350deg) scale(1); filter:drop-shadow(0 0 11px rgba(48,215,255,.88)) drop-shadow(0 0 20px rgba(88,235,255,.58)) brightness(1.18) contrast(1.04) saturate(1.14); }
}
@keyframes ailogium-orb-pulse {
  0%,100% { opacity:.78; transform:scale(.94); }
  50% { opacity:1; transform:scale(1.10); }
}
@keyframes ailogium-lens-ring-spin {
  to { transform:rotate(360deg); }
}
@keyframes ailogium-lens-flare {
  0%,100% { opacity:.48; transform:translate(-10%,-8%) scale(.88); }
  28% { opacity:1; transform:translate(2%,-2%) scale(1.12); }
  52% { opacity:.72; transform:translate(7%,5%) scale(1.00); }
  78% { opacity:1; transform:translate(-2%,2%) scale(1.08); }
}
@keyframes ailogium-orb-shine-sweep {
  0% { background-position:170% 50%; opacity:.28; }
  22% { opacity:.9; }
  48% { background-position:55% 50%; opacity:1; }
  72% { opacity:.86; }
  100% { background-position:-70% 50%; opacity:.28; }
}

/* More breathing room around the brand on mobile while remaining fully blue. */
@media (max-width:860px) {
  .ailogium-header,.ailogium-header.is-scrolled { min-height:96px; }
  .ailogium-nav-wrap { padding-top:13px; padding-bottom:13px; }
  .ailogium-brand img { width:238px; max-height:72px; }
  .ailogium-hero-layout { padding-top:70px; }
}
@media (max-width:600px) {
  .ailogium-header,.ailogium-header.is-scrolled { min-height:94px; }
  .ailogium-nav-wrap { padding-top:14px; padding-bottom:14px; }
  .ailogium-brand img { width:min(220px,calc(100vw - 90px)); max-height:68px; }
  .ailogium-menu-button { width:46px; height:46px; }
  .ailogium-hero-layout { padding-top:64px; }
  .ailogium-ai-logo-stage { width:90px; height:90px; }
}
@media (prefers-reduced-motion:reduce) {
  .ailogium-orb-aura{opacity:1 !important;transform:scale(1.03)!important;}
  .ailogium-orb-shine{opacity:.88 !important;background-position:50% 50% !important;}
  .ailogium-orb-flare{opacity:.9 !important;transform:scale(1.04)!important;}
  .ailogium-camera-orb{filter:drop-shadow(0 0 16px rgba(67,224,255,1)) drop-shadow(0 0 30px rgba(94,235,255,.78)) brightness(1.34) contrast(1.06) saturate(1.2)!important;}
  .ailogium-camera-orb,.ailogium-orb-aura,.ailogium-orb-shine,.ailogium-orb-lens-ring,.ailogium-orb-flare,.data-beacon,.workflow-step { animation:none !important; }
  .ailogium-ai-core::before,.ailogium-ai-core::after,.ailogium-ai-lines path,.ailogium-ai-streams path { animation:none !important; }
}


/* V14 mobile hero refinements */
.ailogium-ai-core::after {
  inset: 22px !important;
  background: radial-gradient(circle at 50% 50%, rgba(116,233,255,.10), rgba(116,233,255,0) 62%) !important;
  -webkit-mask: none !important;
  mask: none !important;
  animation: none !important;
  box-shadow: inset 0 0 10px rgba(99,233,255,.08) !important;
}
.ailogium-ai-core .ring-c {
  width: 214px !important;
  height: 214px !important;
  animation-duration: 9.5s !important;
}
.ailogium-ai-streams path {
  stroke-dasharray: 16 250 !important;
  stroke-width: 3.3 !important;
  animation-duration: 3.9s !important;
}
.ailogium-ai-lines path {
  stroke-dasharray: 4 10 !important;
  opacity: .95;
}
.ailogium-ai-card.card-left,
.ailogium-ai-card.card-right {
  width: 146px;
}
@media (max-width: 767px) {
  .ailogium-ai-visual {
    min-height: 520px !important;
    overflow: hidden;
  }
  .ailogium-ai-core {
    width: 118px !important;
    height: 118px !important;
  }
  .ailogium-ai-core img {
    width: 82px !important;
    height: 82px !important;
  }
  .ailogium-ai-core::before {
    inset: -14px !important;
  }
  .ailogium-ai-core::after {
    inset: 20px !important;
  }
  .ailogium-ai-core .ring-a {
    width: 188px !important;
    height: 188px !important;
  }
  .ailogium-ai-core .ring-b {
    width: 228px !important;
    height: 228px !important;
  }
  .ailogium-ai-core .ring-c {
    width: 170px !important;
    height: 170px !important;
  }
  .ailogium-ai-card {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    padding: 8px 8px !important;
    gap: 6px !important;
    border-radius: 14px !important;
  }
  .ailogium-ai-card .card-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .ailogium-ai-card .card-icon svg {
    width: 14px !important;
    height: 14px !important;
  }
  .ailogium-ai-card b {
    font-size: 11px !important;
    line-height: 1.05 !important;
  }
  .ailogium-ai-card small {
    font-size: 8.5px !important;
    line-height: 1.2 !important;
  }
  .ailogium-ai-card.card-top {
    top: 18px !important;
  }
  .ailogium-ai-card.card-left {
    left: 8px !important;
    top: 49% !important;
    transform: translateY(-50%) !important;
  }
  .ailogium-ai-card.card-right {
    right: 8px !important;
    top: 49% !important;
    transform: translateY(-50%) !important;
  }
  .ailogium-ai-card.card-bottom {
    bottom: 18px !important;
  }
}


/* V15 final workflow layout refinement */
.ailogium-ai-visual {
  min-height: 610px !important;
}
.ailogium-ai-caption {
  position: absolute;
  left: 50%;
  bottom: 92px;
  transform: translateX(-50%);
  z-index: 5;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8fdfff;
  text-align: center;
  opacity: .88;
}
.ailogium-ai-core {
  width: 188px !important;
  height: 188px !important;
}
.ailogium-ai-core img {
  width: 124px !important;
  height: 124px !important;
}
.ailogium-ai-core::before { inset: -22px !important; }
.ailogium-ai-core::after {
  inset: 30px !important;
  background: radial-gradient(circle at 50% 50%, rgba(116,233,255,.10), rgba(116,233,255,0) 68%) !important;
}
.ailogium-ai-core .ring-a { width: 252px !important; height: 252px !important; }
.ailogium-ai-core .ring-b { width: 316px !important; height: 316px !important; }
.ailogium-ai-core .ring-c { width: 226px !important; height: 226px !important; }
.ailogium-ai-lines path {
  stroke-width: 2.1 !important;
  stroke-dasharray: 6 9 !important;
}
.ailogium-ai-streams path {
  stroke-dasharray: 24 340 !important;
  stroke-width: 3.4 !important;
}
.ailogium-ai-card {
  width: 158px !important;
  min-width: 158px !important;
  max-width: 158px !important;
}
.ailogium-ai-card.card-top {
  left: 50% !important;
  top: 24px !important;
  transform: translateX(-50%) !important;
}
.ailogium-ai-card.card-left {
  left: 50% !important;
  top: 132px !important;
  transform: translateX(-50%) !important;
}
.ailogium-ai-card.card-right {
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 132px !important;
  transform: translateX(-50%) !important;
}
.ailogium-ai-card.card-bottom {
  left: 50% !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
}
.ailogium-ai-logo-stage {
  width: 118px !important;
  height: 118px !important;
}
.ailogium-orb-aura { left: 63.3% !important; top: 12.8% !important; width: 29% !important; height: 29% !important; }
.ailogium-orb-lens-ring { left: 65.2% !important; top: 14.8% !important; width: 25% !important; height: 25% !important; }
.ailogium-orb-flare { left: 69.2% !important; top: 18.8% !important; width: 10.8% !important; height: 10.8% !important; }
.ailogium-orb-shine { left: 66.1% !important; top: 15.9% !important; width: 23% !important; height: 23% !important; }
.ailogium-camera-orb { left: 66.2% !important; top: 16.1% !important; width: 22.8% !important; height: 22.8% !important; }
@media (max-width: 767px) {
  .ailogium-ai-visual {
    min-height: 590px !important;
  }
  .ailogium-ai-caption {
    bottom: 84px !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
    width: 80%;
  }
  .ailogium-ai-core {
    width: 142px !important;
    height: 142px !important;
    top: 50% !important;
  }
  .ailogium-ai-core img {
    width: 96px !important;
    height: 96px !important;
  }
  .ailogium-ai-core::before { inset: -16px !important; }
  .ailogium-ai-core::after { inset: 22px !important; }
  .ailogium-ai-core .ring-a { width: 208px !important; height: 208px !important; }
  .ailogium-ai-core .ring-b { width: 256px !important; height: 256px !important; }
  .ailogium-ai-core .ring-c { width: 184px !important; height: 184px !important; }
  .ailogium-ai-card {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    padding: 9px 9px !important;
    gap: 7px !important;
  }
  .ailogium-ai-card .card-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .ailogium-ai-card .card-icon svg { width: 14px !important; height: 14px !important; }
  .ailogium-ai-card b { font-size: 11px !important; }
  .ailogium-ai-card small { font-size: 8.5px !important; }
  .ailogium-ai-card.card-top { top: 18px !important; }
  .ailogium-ai-card.card-left { top: 104px !important; }
  .ailogium-ai-card.card-right { bottom: 104px !important; }
  .ailogium-ai-card.card-bottom { bottom: 18px !important; }
  .ailogium-ai-logo-stage {
    width: 92px !important;
    height: 92px !important;
  }
  .ailogium-orb-aura { left: 63.1% !important; top: 13% !important; width: 28% !important; height: 28% !important; }
  .ailogium-orb-lens-ring { left: 65.1% !important; top: 15% !important; width: 24.2% !important; height: 24.2% !important; }
  .ailogium-orb-flare { left: 69% !important; top: 19% !important; width: 10.3% !important; height: 10.3% !important; }
  .ailogium-orb-shine { left: 66.2% !important; top: 16.1% !important; width: 22.2% !important; height: 22.2% !important; }
  .ailogium-camera-orb { left: 66.3% !important; top: 16.2% !important; width: 21.8% !important; height: 21.8% !important; }
}


/* V16 final workflow polish */
.ailogium-ai-caption {
  bottom: 18px !important;
  font-size: 11px !important;
  line-height: 1.45;
  max-width: 300px;
  color: #9fe9ff !important;
}
.ailogium-ai-visual {
  min-height: 620px !important;
}
.ailogium-ai-core {
  width: 176px !important;
  height: 176px !important;
}
.ailogium-ai-core img {
  width: 116px !important;
  height: 116px !important;
}
.ailogium-ai-core::before {
  inset: -20px !important;
}
.ailogium-ai-core::after {
  inset: 34px !important;
  background: radial-gradient(circle at 50% 50%, rgba(116,233,255,.08), rgba(116,233,255,0) 70%) !important;
}
.ailogium-ai-core .ring-a { width: 244px !important; height: 244px !important; }
.ailogium-ai-core .ring-b { width: 304px !important; height: 304px !important; }
.ailogium-ai-core .ring-c { width: 212px !important; height: 212px !important; }
.ailogium-ai-card {
  width: 144px !important;
  min-width: 144px !important;
  max-width: 144px !important;
  padding: 11px 12px !important;
}
.ailogium-ai-card b { font-size: 13px !important; }
.ailogium-ai-card small { font-size: 9px !important; }
.ailogium-ai-card.card-top { top: 18px !important; }
.ailogium-ai-card.card-left { top: 98px !important; }
.ailogium-ai-card.card-right { bottom: 96px !important; }
.ailogium-ai-card.card-bottom { bottom: 56px !important; }
.ailogium-ai-logo-stage {
  width: 108px !important;
  height: 108px !important;
}
/* keep robotic eye inside the AI mark */
.ailogium-orb-aura {
  left: 67.2% !important;
  top: 18.8% !important;
  width: 16.4% !important;
  height: 16.4% !important;
  filter: blur(.8px) !important;
}
.ailogium-orb-lens-ring {
  left: 66.2% !important;
  top: 18.0% !important;
  width: 18.3% !important;
  height: 18.3% !important;
  border-width: 1.4px !important;
}
.ailogium-orb-flare {
  left: 69.7% !important;
  top: 21.7% !important;
  width: 6.6% !important;
  height: 6.6% !important;
}
.ailogium-orb-shine {
  left: 66.6% !important;
  top: 18.4% !important;
  width: 17.2% !important;
  height: 17.2% !important;
  transform: rotate(-18deg) !important;
}
.ailogium-camera-orb {
  left: 66.8% !important;
  top: 18.5% !important;
  width: 16.8% !important;
  height: 16.8% !important;
  filter: drop-shadow(0 0 10px rgba(67,224,255,.95)) drop-shadow(0 0 18px rgba(94,235,255,.56)) brightness(1.18) contrast(1.04) saturate(1.12) !important;
}
@media (max-width: 767px) {
  .ailogium-ai-visual {
    min-height: 580px !important;
  }
  .ailogium-ai-caption {
    bottom: 16px !important;
    font-size: 9px !important;
    max-width: 240px;
  }
  .ailogium-ai-core {
    width: 148px !important;
    height: 148px !important;
  }
  .ailogium-ai-core img {
    width: 98px !important;
    height: 98px !important;
  }
  .ailogium-ai-core::before { inset: -16px !important; }
  .ailogium-ai-core::after { inset: 26px !important; }
  .ailogium-ai-core .ring-a { width: 214px !important; height: 214px !important; }
  .ailogium-ai-core .ring-b { width: 266px !important; height: 266px !important; }
  .ailogium-ai-core .ring-c { width: 188px !important; height: 188px !important; }
  .ailogium-ai-card {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    padding: 8px 9px !important;
  }
  .ailogium-ai-card .card-icon {
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
  }
  .ailogium-ai-card .card-icon svg { width: 13px !important; height: 13px !important; }
  .ailogium-ai-card b { font-size: 10px !important; }
  .ailogium-ai-card small { font-size: 8px !important; }
  .ailogium-ai-card.card-top { top: 16px !important; }
  .ailogium-ai-card.card-left { top: 86px !important; }
  .ailogium-ai-card.card-right { bottom: 86px !important; }
  .ailogium-ai-card.card-bottom { bottom: 42px !important; }
  .ailogium-ai-logo-stage {
    width: 92px !important;
    height: 92px !important;
  }
  .ailogium-orb-aura {
    left: 67.2% !important;
    top: 18.8% !important;
    width: 16.2% !important;
    height: 16.2% !important;
  }
  .ailogium-orb-lens-ring {
    left: 66.2% !important;
    top: 18.0% !important;
    width: 18.2% !important;
    height: 18.2% !important;
  }
  .ailogium-orb-flare {
    left: 69.8% !important;
    top: 21.7% !important;
    width: 6.8% !important;
    height: 6.8% !important;
  }
  .ailogium-orb-shine {
    left: 66.7% !important;
    top: 18.4% !important;
    width: 17.1% !important;
    height: 17.1% !important;
  }
  .ailogium-camera-orb {
    left: 66.9% !important;
    top: 18.5% !important;
    width: 16.6% !important;
    height: 16.6% !important;
  }
}


/* V17 final desktop/mobile alignment fixes */
.ailogium-camera-orb { display:none !important; }
.ailogium-ai-logo-base {
  filter: drop-shadow(0 0 8px rgba(74,229,255,.26)) brightness(1.03) !important;
}
.ailogium-ai-visual {
  min-height: 620px !important;
}
.ailogium-ai-core {
  width: 170px !important;
  height: 170px !important;
}
.ailogium-ai-core img {
  width: 114px !important;
  height: 114px !important;
}
.ailogium-ai-core::after {
  inset: 36px !important;
  background: radial-gradient(circle at 50% 50%, rgba(116,233,255,.06), rgba(116,233,255,0) 72%) !important;
}
.ailogium-ai-core .ring-a { width: 246px !important; height: 246px !important; }
.ailogium-ai-core .ring-b { width: 308px !important; height: 308px !important; }
.ailogium-ai-core .ring-c { width: 214px !important; height: 214px !important; }
.ailogium-ai-card {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  padding: 10px 11px !important;
}
.ailogium-ai-card .card-icon {
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
}
.ailogium-ai-card .card-icon svg { width: 13px !important; height: 13px !important; }
.ailogium-ai-card b { font-size: 12px !important; }
.ailogium-ai-card small { font-size: 8.5px !important; }
.ailogium-ai-card.card-top { top: 16px !important; }
.ailogium-ai-card.card-left { top: 82px !important; }
.ailogium-ai-card.card-right { bottom: 92px !important; }
.ailogium-ai-card.card-bottom { bottom: 34px !important; }
.ailogium-ai-caption {
  bottom: 4px !important;
  max-width: 340px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}
.ailogium-ai-logo-stage {
  width: 100px !important;
  height: 100px !important;
}
/* keep the robotic eye effect inside the original AI logo eye */
.ailogium-orb-aura {
  left: 67.5% !important;
  top: 19.4% !important;
  width: 11.4% !important;
  height: 11.4% !important;
  background: radial-gradient(circle, rgba(124,245,255,.95) 0%, rgba(30,188,255,.65) 36%, rgba(15,80,255,.12) 72%, rgba(15,80,255,0) 100%) !important;
  animation: ailogium-orb-pulse 2.2s ease-in-out infinite !important;
}
.ailogium-orb-lens-ring {
  left: 66.4% !important;
  top: 18.3% !important;
  width: 13.4% !important;
  height: 13.4% !important;
  border-width: 1.4px !important;
}
.ailogium-orb-flare {
  left: 69.2% !important;
  top: 21% !important;
  width: 5.4% !important;
  height: 5.4% !important;
}
.ailogium-orb-shine {
  left: 66.8% !important;
  top: 18.8% !important;
  width: 12.2% !important;
  height: 12.2% !important;
}
@media (max-width: 767px) {
  .ailogium-ai-visual {
    min-height: 580px !important;
  }
  .ailogium-ai-core {
    width: 146px !important;
    height: 146px !important;
  }
  .ailogium-ai-core img {
    width: 98px !important;
    height: 98px !important;
  }
  .ailogium-ai-core::after { inset: 28px !important; }
  .ailogium-ai-core .ring-a { width: 214px !important; height: 214px !important; }
  .ailogium-ai-core .ring-b { width: 268px !important; height: 268px !important; }
  .ailogium-ai-core .ring-c { width: 188px !important; height: 188px !important; }
  .ailogium-ai-card {
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    padding: 8px 9px !important;
  }
  .ailogium-ai-card b { font-size: 10px !important; }
  .ailogium-ai-card small { font-size: 7.8px !important; }
  .ailogium-ai-card.card-top { top: 14px !important; }
  .ailogium-ai-card.card-left { top: 80px !important; }
  .ailogium-ai-card.card-right { bottom: 82px !important; }
  .ailogium-ai-card.card-bottom { bottom: 32px !important; }
  .ailogium-ai-caption {
    bottom: 3px !important;
    max-width: 250px !important;
    font-size: 8.4px !important;
  }
  .ailogium-ai-logo-stage {
    width: 92px !important;
    height: 92px !important;
  }
  .ailogium-orb-aura {
    left: 67.5% !important;
    top: 19.4% !important;
    width: 11.8% !important;
    height: 11.8% !important;
  }
  .ailogium-orb-lens-ring {
    left: 66.4% !important;
    top: 18.3% !important;
    width: 13.6% !important;
    height: 13.6% !important;
  }
  .ailogium-orb-flare {
    left: 69.2% !important;
    top: 21.1% !important;
    width: 5.6% !important;
    height: 5.6% !important;
  }
  .ailogium-orb-shine {
    left: 66.8% !important;
    top: 18.8% !important;
    width: 12.4% !important;
    height: 12.4% !important;
  }
}


/* V18 restore moving robotic eye inside logo */
.ailogium-camera-orb {
  display: block !important;
  left: 67.05% !important;
  top: 18.65% !important;
  width: 12.6% !important;
  height: 12.6% !important;
  object-fit: cover !important;
  object-position: 54% 38% !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 6px rgba(67,224,255,.98)) drop-shadow(0 0 12px rgba(94,235,255,.68)) brightness(1.25) contrast(1.08) saturate(1.15) !important;
  animation: ailogium-robot-eye-spin 4.2s linear infinite, ailogium-robot-eye-pulse 2s ease-in-out infinite !important;
}
.ailogium-orb-aura {
  left: 67.2% !important;
  top: 18.8% !important;
  width: 12.8% !important;
  height: 12.8% !important;
  opacity: .95 !important;
  animation: ailogium-orb-pulse 1.9s ease-in-out infinite !important;
}
.ailogium-orb-lens-ring {
  left: 66.6% !important;
  top: 18.15% !important;
  width: 13.8% !important;
  height: 13.8% !important;
  border-width: 1.4px !important;
  opacity: .88 !important;
  animation: ailogium-robot-eye-spin 4.8s linear infinite !important;
}
.ailogium-orb-shine {
  left: 66.9% !important;
  top: 18.45% !important;
  width: 12.9% !important;
  height: 12.9% !important;
  opacity: .9 !important;
  animation: ailogium-orb-shine-sweep 2.1s ease-in-out infinite !important;
}
.ailogium-orb-flare {
  left: 69.45% !important;
  top: 20.85% !important;
  width: 5.9% !important;
  height: 5.9% !important;
  opacity: .94 !important;
  animation: ailogium-orb-pulse 1.7s ease-in-out infinite !important;
}
@keyframes ailogium-robot-eye-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes ailogium-robot-eye-pulse {
  0%,100% { filter: drop-shadow(0 0 6px rgba(67,224,255,.95)) drop-shadow(0 0 12px rgba(94,235,255,.66)) brightness(1.18) contrast(1.06) saturate(1.1); }
  50% { filter: drop-shadow(0 0 10px rgba(67,224,255,1)) drop-shadow(0 0 18px rgba(94,235,255,.9)) brightness(1.34) contrast(1.12) saturate(1.22); }
}
@media (max-width: 767px) {
  .ailogium-camera-orb {
    left: 67.1% !important;
    top: 18.75% !important;
    width: 12.9% !important;
    height: 12.9% !important;
  }
  .ailogium-orb-aura {
    left: 67.25% !important;
    top: 18.9% !important;
    width: 13.1% !important;
    height: 13.1% !important;
  }
  .ailogium-orb-lens-ring {
    left: 66.65% !important;
    top: 18.2% !important;
    width: 14.2% !important;
    height: 14.2% !important;
  }
  .ailogium-orb-shine {
    left: 66.95% !important;
    top: 18.55% !important;
    width: 13.2% !important;
    height: 13.2% !important;
  }
  .ailogium-orb-flare {
    left: 69.5% !important;
    top: 20.95% !important;
    width: 6.1% !important;
    height: 6.1% !important;
  }
}


/* V19 small eye only fix */
.ailogium-camera-orb {
  display: none !important;
}
.ailogium-ai-logo-base {
  filter: drop-shadow(0 0 7px rgba(74,229,255,.24)) brightness(1.04) !important;
}
/* keep only the small original eye area animated */
.ailogium-orb-aura {
  left: 67.35% !important;
  top: 19.0% !important;
  width: 8.8% !important;
  height: 8.8% !important;
  opacity: .96 !important;
  background: radial-gradient(circle, rgba(165,247,255,.96) 0%, rgba(62,217,255,.72) 28%, rgba(14,108,255,.28) 58%, rgba(14,108,255,0) 100%) !important;
  animation: ailogium-orb-pulse 1.7s ease-in-out infinite !important;
}
.ailogium-orb-lens-ring {
  left: 66.55% !important;
  top: 18.25% !important;
  width: 10.4% !important;
  height: 10.4% !important;
  opacity: .92 !important;
  border-width: 1.2px !important;
  box-shadow: 0 0 10px rgba(94,235,255,.55), inset 0 0 8px rgba(73,211,255,.35) !important;
  animation: ailogium-small-eye-rotate 3.8s linear infinite !important;
}
.ailogium-orb-shine {
  left: 66.95% !important;
  top: 18.6% !important;
  width: 9.6% !important;
  height: 9.6% !important;
  opacity: .95 !important;
  animation: ailogium-orb-shine-sweep 1.8s ease-in-out infinite !important;
}
.ailogium-orb-flare {
  left: 69.25% !important;
  top: 20.9% !important;
  width: 4.6% !important;
  height: 4.6% !important;
  opacity: .96 !important;
  box-shadow: 0 0 14px rgba(130,244,255,.95), 0 0 24px rgba(65,209,255,.45) !important;
  animation: ailogium-orb-pulse 1.55s ease-in-out infinite !important;
}
@keyframes ailogium-small-eye-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@media (max-width: 767px) {
  .ailogium-orb-aura {
    left: 67.35% !important;
    top: 19.0% !important;
    width: 9.0% !important;
    height: 9.0% !important;
  }
  .ailogium-orb-lens-ring {
    left: 66.55% !important;
    top: 18.25% !important;
    width: 10.6% !important;
    height: 10.6% !important;
  }
  .ailogium-orb-shine {
    left: 66.95% !important;
    top: 18.6% !important;
    width: 9.7% !important;
    height: 9.7% !important;
  }
  .ailogium-orb-flare {
    left: 69.25% !important;
    top: 20.95% !important;
    width: 4.8% !important;
    height: 4.8% !important;
  }
}


/* V20 restore visible subtle rotation + shine on the small eye */
.ailogium-camera-orb { display:none !important; }
.ailogium-orb-aura {
  left: 67.35% !important;
  top: 19.0% !important;
  width: 8.9% !important;
  height: 8.9% !important;
  opacity: 1 !important;
  background: radial-gradient(circle, rgba(177,248,255,.98) 0%, rgba(72,220,255,.82) 28%, rgba(16,103,255,.30) 58%, rgba(16,103,255,0) 100%) !important;
  box-shadow: 0 0 8px rgba(100,236,255,.75), 0 0 16px rgba(36,167,255,.28) !important;
  animation: ailogium-orb-pulse 1.8s ease-in-out infinite !important;
}
.ailogium-orb-lens-ring {
  left: 66.55% !important;
  top: 18.25% !important;
  width: 10.6% !important;
  height: 10.6% !important;
  border: 0 !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  background: conic-gradient(from 0deg,
    rgba(0,0,0,0) 0deg 180deg,
    rgba(182,249,255,.96) 210deg,
    rgba(78,221,255,.92) 235deg,
    rgba(32,130,255,.55) 260deg,
    rgba(0,0,0,0) 290deg 360deg) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  box-shadow: 0 0 10px rgba(94,235,255,.42), inset 0 0 8px rgba(73,211,255,.24) !important;
  transform-origin: 50% 50% !important;
  animation: ailogium-small-eye-rotate 2.8s linear infinite !important;
}
.ailogium-orb-lens-ring::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18%;
  height: 18%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(220,255,255,1) 0%, rgba(116,235,255,.95) 45%, rgba(116,235,255,0) 100%);
  box-shadow: 0 0 10px rgba(140,245,255,.95), 0 0 18px rgba(58,194,255,.45);
  transform: translate(-50%, -50%) rotate(0deg) translateY(-190%);
  transform-origin: center center;
  animation: ailogium-small-eye-dot-orbit 2.8s linear infinite !important;
}
.ailogium-orb-shine {
  left: 66.9% !important;
  top: 18.55% !important;
  width: 9.8% !important;
  height: 9.8% !important;
  opacity: 1 !important;
  background: radial-gradient(circle at 30% 28%, rgba(255,255,255,.98) 0%, rgba(197,249,255,.88) 12%, rgba(136,236,255,.26) 30%, rgba(136,236,255,0) 52%), linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 58%) !important;
  mix-blend-mode: screen;
  animation: ailogium-orb-shine-sweep 1.65s ease-in-out infinite !important;
}
.ailogium-orb-flare {
  left: 69.25% !important;
  top: 20.92% !important;
  width: 4.8% !important;
  height: 4.8% !important;
  opacity: 1 !important;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(162,246,255,.95) 32%, rgba(76,220,255,.25) 62%, rgba(76,220,255,0) 100%) !important;
  box-shadow: 0 0 12px rgba(130,244,255,.95), 0 0 22px rgba(65,209,255,.42) !important;
  animation: ailogium-orb-pulse 1.45s ease-in-out infinite !important;
}
@keyframes ailogium-small-eye-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes ailogium-small-eye-dot-orbit {
  from { transform: translate(-50%, -50%) rotate(0deg) translateY(-190%); }
  to { transform: translate(-50%, -50%) rotate(360deg) translateY(-190%); }
}
@media (max-width: 767px) {
  .ailogium-orb-aura {
    left: 67.35% !important;
    top: 19.0% !important;
    width: 9.0% !important;
    height: 9.0% !important;
  }
  .ailogium-orb-lens-ring {
    left: 66.55% !important;
    top: 18.25% !important;
    width: 10.7% !important;
    height: 10.7% !important;
  }
  .ailogium-orb-shine {
    left: 66.9% !important;
    top: 18.55% !important;
    width: 9.9% !important;
    height: 9.9% !important;
  }
  .ailogium-orb-flare {
    left: 69.25% !important;
    top: 20.92% !important;
    width: 4.9% !important;
    height: 4.9% !important;
  }
}


/* V21 professional workflow visual rebuild */
.ailogium-ai-visual {
  min-height: 660px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(59,173,255,.16) 0%, rgba(59,173,255,.05) 18%, rgba(3,26,58,0) 46%),
    linear-gradient(165deg, rgba(4,35,73,.98), rgba(2,21,49,.99)) !important;
}
.ailogium-ai-grid {
  opacity: .22 !important;
  background-size: 42px 42px !important;
}
.ailogium-flow-fx { position:absolute; inset:0; pointer-events:none; z-index:1; }
.ailogium-flow-fx .data-orbit {
  position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%);
}
.ailogium-flow-fx .orbit-a {
  width: 430px; height: 210px; transform: translate(-50%,-50%) rotate(12deg);
  border: 1px solid rgba(114,241,255,.18);
  box-shadow: 0 0 0 1px rgba(78,209,255,.06), 0 0 36px rgba(71,224,255,.08);
  animation: ailogium-flow-orbit-a 9.5s linear infinite;
}
.ailogium-flow-fx .orbit-b {
  width: 392px; height: 176px; transform: translate(-50%,-50%) rotate(-18deg);
  border: 1px solid rgba(95,233,255,.18);
  box-shadow: 0 0 42px rgba(88,228,255,.12);
  animation: ailogium-flow-orbit-b 8.4s linear infinite reverse;
}
.ailogium-flow-fx .orbit-c {
  width: 352px; height: 152px; transform: translate(-50%,-50%) rotate(33deg);
  border: 1px dashed rgba(120,241,255,.18);
  animation: ailogium-flow-orbit-c 7.4s linear infinite;
}
.ailogium-flow-fx .data-orbit::before {
  content:''; position:absolute; inset:-6px; border-radius:50%;
  background: conic-gradient(from 0deg,
    rgba(92,234,255,0) 0deg,
    rgba(92,234,255,.84) 32deg,
    rgba(71,177,255,.52) 46deg,
    rgba(92,234,255,0) 68deg,
    rgba(92,234,255,0) 198deg,
    rgba(151,109,255,.52) 225deg,
    rgba(92,234,255,.72) 250deg,
    rgba(92,234,255,0) 278deg,
    rgba(92,234,255,0) 360deg);
  -webkit-mask: radial-gradient(circle, transparent 63%, #000 67%, #000 71%, transparent 74%);
  mask: radial-gradient(circle, transparent 63%, #000 67%, #000 71%, transparent 74%);
  opacity:.85;
}
.flow-particle {
  position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%;
  background: radial-gradient(circle, #ffffff 0%, #90efff 30%, #21bfff 70%, rgba(33,191,255,0) 100%);
  box-shadow: 0 0 14px rgba(102,240,255,.95), 0 0 24px rgba(62,191,255,.42);
}
.particle-a{ animation: ailogium-particle-a 6.4s linear infinite; }
.particle-b{ animation: ailogium-particle-b 8.2s linear infinite; }
.particle-c{ animation: ailogium-particle-c 5.8s linear infinite; }
.particle-d{ animation: ailogium-particle-d 7.2s linear infinite; }
.particle-e{ animation: ailogium-particle-e 8.8s linear infinite; }
.particle-f{ animation: ailogium-particle-f 6.8s linear infinite; }
.flow-code {
  position:absolute; font-size:11px; line-height:1.5; letter-spacing:.02em; color: rgba(155,222,255,.52);
  text-shadow: 0 0 12px rgba(73,205,255,.15);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  white-space: nowrap; opacity:.85;
}
.flow-code.code-a { left: 40px; top: 210px; transform: rotate(-22deg); }
.flow-code.code-b { right: 44px; top: 190px; transform: rotate(12deg); }
.flow-code.code-c { right: 40px; bottom: 170px; transform: rotate(-16deg); }
.ailogium-ai-card {
  width: 164px !important; min-width:164px !important; max-width:164px !important;
  z-index: 4 !important; background: linear-gradient(145deg, rgba(12,63,119,.94), rgba(5,31,67,.96)) !important;
  border-color: rgba(104,223,255,.28) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.09), 0 0 18px rgba(24,184,255,.07) !important;
}
.ailogium-ai-card .card-icon {
  flex: 0 0 34px !important; width:34px !important; height:34px !important; border-radius:12px !important;
  background: linear-gradient(150deg, rgba(14,115,248,.42), rgba(24,216,255,.18)) !important;
}
.ailogium-ai-card .card-icon svg { width:18px !important; height:18px !important; }
.ailogium-ai-card b { font-size: 15px !important; }
.ailogium-ai-card small { font-size: 11px !important; color:#8ecfff !important; }
/* vertical stack layout */
.ailogium-ai-card.card-top { left:50% !important; top:18px !important; transform:translateX(-50%) !important; }
.ailogium-ai-card.card-left { left:50% !important; top:96px !important; transform:translateX(-50%) !important; }
.ailogium-ai-card.card-right { left:50% !important; bottom:100px !important; transform:translateX(-50%) !important; }
.ailogium-ai-card.card-bottom { left:50% !important; bottom:28px !important; transform:translateX(-50%) !important; }
.ailogium-ai-lines { z-index: 2 !important; opacity: .26 !important; }
.ailogium-ai-streams { z-index: 3 !important; opacity: .95 !important; }
.ailogium-ai-core {
  width: 186px !important; height: 186px !important; z-index: 5 !important;
  box-shadow: 0 0 0 26px rgba(16,138,255,.045), 0 0 90px rgba(0,184,255,.34) !important;
}
.ailogium-ai-core::before { animation: ailogium-data-ring 6.2s linear infinite !important; }
.ailogium-ai-core::after {
  inset: 24px !important;
  background: conic-gradient(from 0deg, rgba(82,231,255,0) 0deg, rgba(82,231,255,.74) 40deg, rgba(82,231,255,0) 78deg, rgba(28,133,255,.45) 146deg, rgba(82,231,255,0) 192deg, rgba(82,231,255,.66) 238deg, rgba(82,231,255,0) 280deg, rgba(82,231,255,.70) 332deg, rgba(82,231,255,0) 360deg) !important;
  animation: ailogium-inner-flow 4.6s linear infinite !important;
}
.ailogium-ai-core .ring-a { width: 246px !important; height: 246px !important; animation-duration: 10s !important; }
.ailogium-ai-core .ring-b { width: 302px !important; height: 302px !important; animation-duration: 14s !important; }
.ailogium-ai-core .ring-c { width: 212px !important; height: 212px !important; animation-duration: 6.8s !important; }
.ailogium-ai-logo-stage { width: 106px !important; height: 106px !important; }
.ailogium-ai-logo-base { width:100% !important; height:100% !important; }
/* small robotic eye only */
.ailogium-camera-orb { display:none !important; }
.ailogium-orb-aura {
  left: 67.4% !important; top: 18.95% !important; width: 8.6% !important; height: 8.6% !important;
  background: radial-gradient(circle, rgba(210,252,255,.98) 0%, rgba(86,231,255,.82) 28%, rgba(15,113,255,.24) 62%, rgba(15,113,255,0) 100%) !important;
  box-shadow: 0 0 8px rgba(97,235,255,.95), 0 0 16px rgba(53,179,255,.35) !important;
  animation: ailogium-orb-pulse 1.5s ease-in-out infinite !important;
}
.ailogium-orb-lens-ring {
  left: 66.55% !important; top: 18.15% !important; width: 10.6% !important; height: 10.6% !important; opacity:1 !important;
  border:0 !important; background: conic-gradient(from 0deg, rgba(0,0,0,0) 0deg 200deg, rgba(188,250,255,.98) 225deg, rgba(78,223,255,.95) 250deg, rgba(18,113,255,.52) 274deg, rgba(0,0,0,0) 300deg 360deg) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  transform-origin: 50% 50% !important;
  animation: ailogium-small-eye-rotate 2.4s linear infinite !important;
}
.ailogium-orb-lens-ring::after {
  content:''; position:absolute; left:50%; top:50%; width:18%; height:18%; border-radius:50%;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(171,248,255,.95) 45%, rgba(171,248,255,0) 100%);
  box-shadow: 0 0 10px rgba(147,244,255,1), 0 0 16px rgba(52,194,255,.38);
  transform: translate(-50%, -50%) rotate(0deg) translateY(-195%);
  animation: ailogium-small-eye-dot-orbit 2.4s linear infinite !important;
}
.ailogium-orb-shine {
  left: 66.9% !important; top: 18.5% !important; width: 9.6% !important; height: 9.6% !important; opacity:1 !important;
  background: radial-gradient(circle at 26% 24%, rgba(255,255,255,.98) 0%, rgba(210,251,255,.94) 12%, rgba(120,235,255,.22) 32%, rgba(120,235,255,0) 52%), linear-gradient(135deg, rgba(255,255,255,.40) 0%, rgba(255,255,255,0) 54%) !important;
  mix-blend-mode: screen; animation: ailogium-orb-shine-sweep 1.35s ease-in-out infinite !important;
}
.ailogium-orb-flare {
  left: 69.15% !important; top: 20.82% !important; width: 4.2% !important; height: 4.2% !important; opacity:1 !important;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(167,246,255,.96) 34%, rgba(84,225,255,.20) 64%, rgba(84,225,255,0) 100%) !important;
  box-shadow: 0 0 12px rgba(118,242,255,.92), 0 0 18px rgba(37,189,255,.42) !important;
  animation: ailogium-orb-pulse 1.3s ease-in-out infinite !important;
}
.ailogium-ai-caption {
  bottom: 8px !important; max-width: 380px !important; font-size: 11px !important; line-height: 1.42 !important; color:#9fe9ff !important;
}
@keyframes ailogium-flow-orbit-a { from { transform: translate(-50%,-50%) rotate(12deg); } to { transform: translate(-50%,-50%) rotate(372deg); } }
@keyframes ailogium-flow-orbit-b { from { transform: translate(-50%,-50%) rotate(-18deg); } to { transform: translate(-50%,-50%) rotate(-378deg); } }
@keyframes ailogium-flow-orbit-c { from { transform: translate(-50%,-50%) rotate(33deg); } to { transform: translate(-50%,-50%) rotate(393deg); } }
@keyframes ailogium-particle-a { from { transform: translate(-50%,-50%) rotate(0deg) translateX(180px) rotate(0deg);} to { transform: translate(-50%,-50%) rotate(360deg) translateX(180px) rotate(-360deg);} }
@keyframes ailogium-particle-b { from { transform: translate(-50%,-50%) rotate(70deg) translateX(160px) rotate(0deg);} to { transform: translate(-50%,-50%) rotate(430deg) translateX(160px) rotate(-360deg);} }
@keyframes ailogium-particle-c { from { transform: translate(-50%,-50%) rotate(150deg) translateX(195px) rotate(0deg);} to { transform: translate(-50%,-50%) rotate(510deg) translateX(195px) rotate(-360deg);} }
@keyframes ailogium-particle-d { from { transform: translate(-50%,-50%) rotate(220deg) translateX(170px) rotate(0deg);} to { transform: translate(-50%,-50%) rotate(580deg) translateX(170px) rotate(-360deg);} }
@keyframes ailogium-particle-e { from { transform: translate(-50%,-50%) rotate(290deg) translateX(150px) rotate(0deg);} to { transform: translate(-50%,-50%) rotate(650deg) translateX(150px) rotate(-360deg);} }
@keyframes ailogium-particle-f { from { transform: translate(-50%,-50%) rotate(340deg) translateX(205px) rotate(0deg);} to { transform: translate(-50%,-50%) rotate(700deg) translateX(205px) rotate(-360deg);} }
@keyframes ailogium-small-eye-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ailogium-small-eye-dot-orbit { from { transform: translate(-50%, -50%) rotate(0deg) translateY(-195%); } to { transform: translate(-50%, -50%) rotate(360deg) translateY(-195%); } }
@media (max-width: 767px) {
  .ailogium-ai-visual { min-height: 690px !important; }
  .ailogium-flow-fx .orbit-a { width: 300px; height: 148px; }
  .ailogium-flow-fx .orbit-b { width: 274px; height: 124px; }
  .ailogium-flow-fx .orbit-c { width: 240px; height: 108px; }
  .flow-code { font-size: 8px; opacity:.5; }
  .flow-code.code-a { left: 16px; top: 230px; }
  .flow-code.code-b { right: 18px; top: 214px; }
  .flow-code.code-c { right: 20px; bottom: 180px; }
  .ailogium-ai-core { width: 160px !important; height:160px !important; }
  .ailogium-ai-core .ring-a { width: 212px !important; height:212px !important; }
  .ailogium-ai-core .ring-b { width: 258px !important; height:258px !important; }
  .ailogium-ai-core .ring-c { width: 186px !important; height:186px !important; }
  .ailogium-ai-logo-stage { width: 94px !important; height: 94px !important; }
  .ailogium-ai-card { width: 130px !important; min-width:130px !important; max-width:130px !important; padding: 9px 10px !important; }
  .ailogium-ai-card b { font-size: 12px !important; }
  .ailogium-ai-card small { font-size: 9px !important; }
  .ailogium-ai-card.card-top { top: 18px !important; }
  .ailogium-ai-card.card-left { top: 92px !important; }
  .ailogium-ai-card.card-right { bottom: 92px !important; }
  .ailogium-ai-card.card-bottom { bottom: 30px !important; }
  .ailogium-ai-caption { max-width: 250px !important; font-size: 8.7px !important; bottom: 6px !important; }
  .ailogium-orb-aura { width: 8.9% !important; height: 8.9% !important; }
  .ailogium-orb-lens-ring { width: 10.8% !important; height: 10.8% !important; }
  .ailogium-orb-shine { width: 9.8% !important; height: 9.8% !important; }
  .ailogium-orb-flare { width: 4.4% !important; height: 4.4% !important; }
}


/* V22 user-requested fix: AI core background static, only small robotic eye moves + shines */
.ailogium-camera-orb { display: none !important; }

/* keep the AI logo and its surrounding circle static */
.ailogium-ai-core::before,
.ailogium-ai-core::after,
.ailogium-ai-core .ring-a,
.ailogium-ai-core .ring-b,
.ailogium-ai-core .ring-c,
.ailogium-ai-core .ring::after,
.ailogium-ai-core .data-beacon {
  animation: none !important;
}

/* static AI circle visuals */
.ailogium-ai-core::before {
  opacity: .82 !important;
}
.ailogium-ai-core::after {
  opacity: .72 !important;
}
.ailogium-ai-core .ring-a,
.ailogium-ai-core .ring-b,
.ailogium-ai-core .ring-c {
  transform: none !important;
}

/* only the small original robotic eye should move and shine */
.ailogium-orb-aura {
  left: 67.35% !important;
  top: 18.95% !important;
  width: 8.7% !important;
  height: 8.7% !important;
  opacity: 1 !important;
  background: radial-gradient(circle, rgba(214,252,255,.98) 0%, rgba(104,235,255,.84) 28%, rgba(21,116,255,.26) 60%, rgba(21,116,255,0) 100%) !important;
  box-shadow: 0 0 8px rgba(119,241,255,.95), 0 0 16px rgba(46,182,255,.42) !important;
  animation: ailogium-v22-eye-pulse 1.4s ease-in-out infinite !important;
}
.ailogium-orb-lens-ring {
  left: 66.55% !important;
  top: 18.15% !important;
  width: 10.6% !important;
  height: 10.6% !important;
  opacity: 1 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: conic-gradient(from 0deg,
    rgba(0,0,0,0) 0deg 204deg,
    rgba(193,250,255,.98) 224deg,
    rgba(84,224,255,.96) 248deg,
    rgba(18,120,255,.58) 272deg,
    rgba(0,0,0,0) 296deg 360deg) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  box-shadow: 0 0 10px rgba(122,240,255,.48), inset 0 0 8px rgba(76,213,255,.28) !important;
  transform-origin: 50% 50% !important;
  animation: ailogium-v22-small-eye-rotate 2.2s linear infinite !important;
}
.ailogium-orb-lens-ring::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18%;
  height: 18%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(181,248,255,.95) 48%, rgba(181,248,255,0) 100%);
  box-shadow: 0 0 10px rgba(149,244,255,1), 0 0 16px rgba(52,198,255,.38);
  transform: translate(-50%, -50%) rotate(0deg) translateY(-195%);
  animation: ailogium-v22-small-eye-dot 2.2s linear infinite !important;
}
.ailogium-orb-shine {
  left: 66.9% !important;
  top: 18.52% !important;
  width: 9.7% !important;
  height: 9.7% !important;
  opacity: 1 !important;
  background: radial-gradient(circle at 28% 24%, rgba(255,255,255,.99) 0%, rgba(211,251,255,.94) 12%, rgba(117,235,255,.24) 32%, rgba(117,235,255,0) 54%), linear-gradient(135deg, rgba(255,255,255,.46) 0%, rgba(255,255,255,0) 56%) !important;
  mix-blend-mode: screen;
  animation: ailogium-v22-eye-shine 1.2s ease-in-out infinite !important;
}
.ailogium-orb-flare {
  left: 69.15% !important;
  top: 20.84% !important;
  width: 4.3% !important;
  height: 4.3% !important;
  opacity: 1 !important;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(173,246,255,.96) 34%, rgba(86,225,255,.20) 64%, rgba(86,225,255,0) 100%) !important;
  box-shadow: 0 0 12px rgba(128,242,255,.95), 0 0 18px rgba(37,192,255,.46) !important;
  animation: ailogium-v22-eye-pulse 1.3s ease-in-out infinite !important;
}

@keyframes ailogium-v22-small-eye-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes ailogium-v22-small-eye-dot {
  from { transform: translate(-50%, -50%) rotate(0deg) translateY(-195%); }
  to { transform: translate(-50%, -50%) rotate(360deg) translateY(-195%); }
}
@keyframes ailogium-v22-eye-pulse {
  0%,100% { opacity: .88; filter: brightness(1.03); }
  50% { opacity: 1; filter: brightness(1.22); }
}
@keyframes ailogium-v22-eye-shine {
  0%,100% { opacity: .72; transform: scale(.98); }
  50% { opacity: 1; transform: scale(1.05); }
}

@media (max-width: 767px) {
  .ailogium-orb-aura { width: 8.8% !important; height: 8.8% !important; }
  .ailogium-orb-lens-ring { width: 10.7% !important; height: 10.7% !important; }
  .ailogium-orb-shine { width: 9.8% !important; height: 9.8% !important; }
  .ailogium-orb-flare { width: 4.4% !important; height: 4.4% !important; }
}


/* V23: animate the ACTUAL small robotic eye from the Ailogium logo.
   The AI mark and circular core stay static. Only this eye rotates and shines. */
.ailogium-camera-orb,
.ailogium-orb-aura,
.ailogium-orb-lens-ring,
.ailogium-orb-flare,
.ailogium-orb-shine {
  display: none !important;
}

.ailogium-ai-core::before,
.ailogium-ai-core::after,
.ailogium-ai-core .ring-a,
.ailogium-ai-core .ring-b,
.ailogium-ai-core .ring-c,
.ailogium-ai-core .ring::after,
.ailogium-ai-core .data-beacon {
  animation: none !important;
}

.ailogium-ai-logo-stage {
  position: relative !important;
  overflow: visible !important;
}

/* These percentages come from the eye's exact position in the original 1254×1254 logo artwork:
   x=820, y=180, size=320. */
.ailogium-small-eye {
  position: absolute;
  z-index: 8;
  left: 65.39%;
  top: 14.35%;
  width: 25.52% !important;
  height: 25.52% !important;
  object-fit: contain;
  transform-origin: 50% 50%;
  will-change: transform, filter;
  filter:
    drop-shadow(0 0 3px rgba(168,248,255,.90))
    drop-shadow(0 0 7px rgba(67,214,255,.58))
    brightness(1.06)
    saturate(1.05);
  animation:
    ailogium-v23-eye-spin 3.2s linear infinite,
    ailogium-v23-eye-shine 1.55s ease-in-out infinite;
}

@keyframes ailogium-v23-eye-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes ailogium-v23-eye-shine {
  0%, 100% {
    filter:
      drop-shadow(0 0 3px rgba(168,248,255,.78))
      drop-shadow(0 0 7px rgba(67,214,255,.48))
      brightness(1.03)
      saturate(1.03);
  }
  50% {
    filter:
      drop-shadow(0 0 5px rgba(218,253,255,.98))
      drop-shadow(0 0 11px rgba(75,224,255,.78))
      brightness(1.16)
      saturate(1.10);
  }
}

/* Keep it the same small eye on phones; do not enlarge it. */
@media (max-width: 767px) {
  .ailogium-small-eye {
    left: 65.39%;
    top: 14.35%;
    width: 25.52% !important;
    height: 25.52% !important;
  }
}

/* If reduced-motion is enabled, keep a tiny visible rotation rather than killing the eye completely. */
@media (prefers-reduced-motion: reduce) {
  .ailogium-small-eye {
    animation:
      ailogium-v23-eye-spin 8s linear infinite,
      ailogium-v23-eye-shine 2.4s ease-in-out infinite !important;
  }
}


/* V24 final fix
   User requirement:
   - AI logo itself static
   - circle/core background static
   - no big eye image
   - only a VERY SMALL robotic eye lens effect rotates + shines
*/
.ailogium-small-eye,
.ailogium-camera-orb,
.ailogium-orb-aura,
.ailogium-orb-lens-ring,
.ailogium-orb-flare,
.ailogium-orb-shine {
  display: none !important;
}

/* Freeze the AI core and rings */
.ailogium-ai-core::before,
.ailogium-ai-core::after,
.ailogium-ai-core .ring-a,
.ailogium-ai-core .ring-b,
.ailogium-ai-core .ring-c,
.ailogium-ai-core .ring::after,
.ailogium-ai-core .data-beacon {
  animation: none !important;
}
.ailogium-ai-core::before,
.ailogium-ai-core::after {
  opacity: .82 !important;
}
.ailogium-ai-core .ring-a,
.ailogium-ai-core .ring-b,
.ailogium-ai-core .ring-c {
  transform: none !important;
}

/* Keep logo stage static, only tiny lens overlays animate */
.ailogium-ai-logo-stage {
  position: relative !important;
  overflow: visible !important;
}
.ailogium-ai-logo-base {
  position: relative !important;
  z-index: 2 !important;
}

/* Tiny moving lens inside the existing eye in the logo.
   Positioned over the pupil only, not the whole eye. */
.ailogium-eye-lens,
.ailogium-eye-dot,
.ailogium-eye-glint {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  border-radius: 50%;
  transform-origin: 50% 50%;
  will-change: transform, opacity, filter;
}

/* small rotating lens ring */
.ailogium-eye-lens {
  left: 80.2%;
  top: 14.8%;
  width: 11.0%;
  height: 11.0%;
  background:
    conic-gradient(
      from 0deg,
      rgba(0,0,0,0) 0deg 210deg,
      rgba(198,250,255,.98) 232deg,
      rgba(104,228,255,.98) 252deg,
      rgba(23,131,255,.64) 274deg,
      rgba(0,0,0,0) 298deg 360deg
    );
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px));
  filter: drop-shadow(0 0 4px rgba(104,233,255,.95)) drop-shadow(0 0 8px rgba(39,179,255,.45));
  animation: ailogium-v24-eye-spin 2.15s linear infinite;
}

/* tiny orbiting bright dot to make the motion visible */
.ailogium-eye-dot {
  left: 83.95%;
  top: 18.55%;
  width: 3.0%;
  height: 3.0%;
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(176,247,255,.95) 48%, rgba(176,247,255,0) 100%);
  box-shadow: 0 0 8px rgba(157,245,255,.98), 0 0 14px rgba(53,202,255,.46);
  animation:
    ailogium-v24-eye-orbit 2.15s linear infinite,
    ailogium-v24-eye-pulse 1.2s ease-in-out infinite;
}

/* subtle shine over the original eye */
.ailogium-eye-glint {
  left: 79.8%;
  top: 14.4%;
  width: 11.8%;
  height: 11.8%;
  background:
    radial-gradient(circle at 30% 26%, rgba(255,255,255,.96) 0%, rgba(217,251,255,.90) 10%, rgba(133,237,255,.18) 28%, rgba(133,237,255,0) 48%),
    linear-gradient(135deg, rgba(255,255,255,.36) 0%, rgba(255,255,255,0) 56%);
  mix-blend-mode: screen;
  opacity: .82;
  animation: ailogium-v24-eye-glint 1.3s ease-in-out infinite;
}

@keyframes ailogium-v24-eye-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes ailogium-v24-eye-orbit {
  0%   { transform: rotate(0deg) translateY(-165%) rotate(0deg); }
  100% { transform: rotate(360deg) translateY(-165%) rotate(-360deg); }
}
@keyframes ailogium-v24-eye-pulse {
  0%,100% {
    opacity: .78;
    filter: brightness(1.02);
  }
  50% {
    opacity: 1;
    filter: brightness(1.24);
  }
}
@keyframes ailogium-v24-eye-glint {
  0%,100% {
    opacity: .70;
    transform: scale(.98);
    filter: brightness(1.00);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
    filter: brightness(1.18);
  }
}

@media (max-width: 767px) {
  /* keep the tiny lens small in mobile as well */
  .ailogium-eye-lens {
    left: 80.2%;
    top: 14.8%;
    width: 11.0%;
    height: 11.0%;
  }
  .ailogium-eye-dot {
    left: 83.95%;
    top: 18.55%;
    width: 3.0%;
    height: 3.0%;
  }
  .ailogium-eye-glint {
    left: 79.8%;
    top: 14.4%;
    width: 11.8%;
    height: 11.8%;
  }
}

/* ================================================================
   V24 CORRECTION — SAME VERSION, NO VERSION BUMP
   Fixes only:
   1) small robotic eye visibly rotates 360° + shines
   2) AI logo/core/background remain static
   3) CRM and workflow caption no longer overlap
   ================================================================ */

/* Keep AI core, logo and circular background completely static */
.ailogium-ai-core::before,
.ailogium-ai-core::after,
.ailogium-ai-core .ring-a,
.ailogium-ai-core .ring-b,
.ailogium-ai-core .ring-c,
.ailogium-ai-core .ring::after,
.ailogium-ai-core .data-beacon {
  animation: none !important;
  -webkit-animation: none !important;
}

.ailogium-ai-core .ring-a,
.ailogium-ai-core .ring-b,
.ailogium-ai-core .ring-c {
  transform: none !important;
}

.ailogium-ai-logo-base {
  transform: none !important;
  animation: none !important;
  -webkit-animation: none !important;
}

/* Remove every old/big eye method. V24 tiny-eye spans only. */
.ailogium-small-eye,
.ailogium-camera-orb,
.ailogium-orb-aura,
.ailogium-orb-lens-ring,
.ailogium-orb-flare,
.ailogium-orb-shine {
  display: none !important;
}

.ailogium-ai-logo-stage {
  position: relative !important;
  overflow: visible !important;
}

/* ONLY MOVING ELEMENT: very small robotic lens over the original eye */
.ailogium-eye-lens,
.ailogium-eye-dot,
.ailogium-eye-glint {
  display: block !important;
  position: absolute !important;
  z-index: 20 !important;
  pointer-events: none !important;
  border-radius: 50% !important;
  transform-origin: 50% 50% !important;
  -webkit-transform-origin: 50% 50% !important;
  will-change: transform, opacity, filter !important;
  animation-play-state: running !important;
  -webkit-animation-play-state: running !important;
}

/* Small uneven ring: rotation is clearly visible but eye stays small */
.ailogium-eye-lens {
  left: 79.7% !important;
  top: 14.4% !important;
  width: 11.2% !important;
  height: 11.2% !important;
  opacity: 1 !important;
  background: conic-gradient(
    from 0deg,
    rgba(0,0,0,0) 0deg 155deg,
    rgba(255,255,255,.98) 176deg,
    rgba(178,248,255,.98) 196deg,
    rgba(74,221,255,.98) 222deg,
    rgba(15,112,255,.72) 247deg,
    rgba(0,0,0,0) 273deg 360deg
  ) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px)) !important;
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px)) !important;
  filter:
    drop-shadow(0 0 4px rgba(220,252,255,.98))
    drop-shadow(0 0 9px rgba(70,214,255,.62)) !important;
  animation: ailogium-v24-fix-eye-spin 1.65s linear infinite !important;
  -webkit-animation: ailogium-v24-fix-eye-spin 1.65s linear infinite !important;
}

/* A bright point on the rotating lens makes the 360° movement obvious */
.ailogium-eye-lens::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: -10% !important;
  width: 3.5px !important;
  height: 3.5px !important;
  margin-left: -1.75px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow:
    0 0 5px #ffffff,
    0 0 10px rgba(116,234,255,.95),
    0 0 16px rgba(43,185,255,.55) !important;
}

/* Tiny pupil/orbit point */
.ailogium-eye-dot {
  left: 84.0% !important;
  top: 18.7% !important;
  width: 3.0% !important;
  height: 3.0% !important;
  opacity: 1 !important;
  background: radial-gradient(circle,
    #ffffff 0%,
    #e9fdff 34%,
    #72e6ff 67%,
    rgba(114,230,255,0) 100%) !important;
  box-shadow:
    0 0 7px rgba(235,254,255,1),
    0 0 13px rgba(72,215,255,.72) !important;
  animation:
    ailogium-v24-fix-eye-orbit 1.65s linear infinite,
    ailogium-v24-fix-eye-pulse .9s ease-in-out infinite !important;
  -webkit-animation:
    ailogium-v24-fix-eye-orbit 1.65s linear infinite,
    ailogium-v24-fix-eye-pulse .9s ease-in-out infinite !important;
}

/* Shine remains subtle but clearly visible */
.ailogium-eye-glint {
  left: 79.1% !important;
  top: 13.8% !important;
  width: 12.5% !important;
  height: 12.5% !important;
  opacity: .92 !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(circle at 27% 23%,
      rgba(255,255,255,1) 0%,
      rgba(231,253,255,.96) 10%,
      rgba(128,237,255,.24) 28%,
      rgba(128,237,255,0) 50%),
    linear-gradient(135deg,
      rgba(255,255,255,.40) 0%,
      rgba(255,255,255,0) 58%) !important;
  animation: ailogium-v24-fix-eye-shine 1.05s ease-in-out infinite !important;
  -webkit-animation: ailogium-v24-fix-eye-shine 1.05s ease-in-out infinite !important;
}

@keyframes ailogium-v24-fix-eye-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes ailogium-v24-fix-eye-spin {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes ailogium-v24-fix-eye-orbit {
  0%   { transform: rotate(0deg) translateY(-175%) rotate(0deg); }
  100% { transform: rotate(360deg) translateY(-175%) rotate(-360deg); }
}
@-webkit-keyframes ailogium-v24-fix-eye-orbit {
  0%   { -webkit-transform: rotate(0deg) translateY(-175%) rotate(0deg); }
  100% { -webkit-transform: rotate(360deg) translateY(-175%) rotate(-360deg); }
}

@keyframes ailogium-v24-fix-eye-pulse {
  0%,100% { opacity:.78; filter:brightness(1); }
  50%     { opacity:1; filter:brightness(1.35); }
}

@keyframes ailogium-v24-fix-eye-shine {
  0%,100% { opacity:.66; transform:scale(.98); filter:brightness(1); }
  50%     { opacity:1; transform:scale(1.055); filter:brightness(1.22); }
}

/* FIX THE BOTTOM OVERLAP: WhatsApp -> CRM -> caption */
.ailogium-ai-visual {
  min-height: 700px !important;
  padding-bottom: 0 !important;
}

.ailogium-ai-card.card-right {
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 142px !important;
  transform: translateX(-50%) !important;
}

.ailogium-ai-card.card-bottom {
  left: 50% !important;
  bottom: 76px !important;
  transform: translateX(-50%) !important;
}

.ailogium-ai-caption {
  left: 50% !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;
  width: min(84%, 390px) !important;
  max-width: 390px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  letter-spacing: .07em !important;
  text-align: center !important;
  color: #b9efff !important;
  z-index: 8 !important;
}

/* Mobile: preserve the same eye size, add more bottom breathing room */
@media (max-width: 767px) {
  .ailogium-ai-visual {
    min-height: 720px !important;
  }

  .ailogium-ai-card.card-right {
    bottom: 140px !important;
  }

  .ailogium-ai-card.card-bottom {
    bottom: 76px !important;
  }

  .ailogium-ai-caption {
    bottom: 14px !important;
    width: 82% !important;
    max-width: 270px !important;
    font-size: 8.8px !important;
    line-height: 1.48 !important;
  }

  .ailogium-eye-lens {
    left: 79.7% !important;
    top: 14.4% !important;
    width: 11.2% !important;
    height: 11.2% !important;
  }

  .ailogium-eye-dot {
    left: 84.0% !important;
    top: 18.7% !important;
    width: 3.2% !important;
    height: 3.2% !important;
  }

  .ailogium-eye-glint {
    left: 79.1% !important;
    top: 13.8% !important;
    width: 12.5% !important;
    height: 12.5% !important;
  }
}

/* Do NOT let device reduced-motion preference kill the requested eye animation. */
@media (prefers-reduced-motion: reduce) {
  .ailogium-eye-lens {
    animation: ailogium-v24-fix-eye-spin 2.8s linear infinite !important;
    -webkit-animation: ailogium-v24-fix-eye-spin 2.8s linear infinite !important;
  }
  .ailogium-eye-dot {
    animation:
      ailogium-v24-fix-eye-orbit 2.8s linear infinite,
      ailogium-v24-fix-eye-pulse 1.25s ease-in-out infinite !important;
    -webkit-animation:
      ailogium-v24-fix-eye-orbit 2.8s linear infinite,
      ailogium-v24-fix-eye-pulse 1.25s ease-in-out infinite !important;
  }
  .ailogium-eye-glint {
    animation: ailogium-v24-fix-eye-shine 1.4s ease-in-out infinite !important;
    -webkit-animation: ailogium-v24-fix-eye-shine 1.4s ease-in-out infinite !important;
  }
}


/* =========================================================
   V24 FINAL — EXACT SAME EYE, 360° ONLY
   No extra eye is placed over an existing eye.
   The static eye pixels were removed from the two base PNGs.
   ONE exact eye asset from the original V24 artwork now occupies
   the same original position and rotates 360°.
   No layout/text/card/section styling is changed here.
   ========================================================= */

/* Old experimental eye elements are not present in the template anymore. */
.ailogium-eye-lens,
.ailogium-eye-dot,
.ailogium-eye-glint,
.ailogium-small-eye,
.ailogium-camera-orb,
.ailogium-orb-aura,
.ailogium-orb-lens-ring,
.ailogium-orb-flare,
.ailogium-orb-shine {
  display: none !important;
}

/* ---------- Header: same original eye, same original position ---------- */
.ailogium-header-logo-stage {
  position: relative !important;
  display: inline-block !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}

.ailogium-brand .ailogium-header-logo-stage > img.ailogium-header-logo-base {
  position: relative !important;
  display: block !important;
  z-index: 1 !important;
}

/*
 Original logo: 2172 × 724
 Removed eye circle: center (1334,82), r=80
 Box: x=1254..1414, y=2..162
*/
.ailogium-brand .ailogium-header-logo-stage > img.ailogium-header-eye-rotor {
  position: absolute !important;
  display: block !important;
  z-index: 5 !important;

  left: 53.7348% !important;
  top: 0.2762% !important;
  width: 7.3665% !important;
  height: 22.0994% !important;

  max-width: none !important;
  max-height: none !important;
  object-fit: fill !important;
  pointer-events: none !important;

  transform-origin: 50% 50% !important;
  -webkit-transform-origin: 50% 50% !important;

  animation: ailogium-exact-eye-spin 3.8s linear infinite !important;
  -webkit-animation: ailogium-exact-eye-spin 3.8s linear infinite !important;
}

/* ---------- Center AI mark: same exact eye asset ---------- */
/*
 Original AI icon: 1254 × 1254
 Removed eye circle: center (1008,365), r=136
 Box: x=872..1144, y=229..501
*/
.ailogium-ai-core .ailogium-ai-logo-stage > img.ailogium-center-eye-rotor {
  position: absolute !important;
  display: block !important;
  z-index: 20 !important;

  left: 69.5375% !important;
  top: 18.2616% !important;
  width: 21.6906% !important;
  height: 21.6906% !important;

  max-width: none !important;
  max-height: none !important;
  object-fit: fill !important;
  pointer-events: none !important;

  transform-origin: 50% 50% !important;
  -webkit-transform-origin: 50% 50% !important;

  animation: ailogium-exact-eye-spin 3.8s linear infinite !important;
  -webkit-animation: ailogium-exact-eye-spin 3.8s linear infinite !important;
}

/* ONLY requested movement: a clean full 360° turn. */
@keyframes ailogium-exact-eye-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@-webkit-keyframes ailogium-exact-eye-spin {
  from { -webkit-transform: rotate(0deg); }
  to   { -webkit-transform: rotate(360deg); }
}

/* Keep the two explicitly requested eyes moving even if an older V24
   reduced-motion rule disables animations globally. */
@media (prefers-reduced-motion: reduce) {
  .ailogium-brand .ailogium-header-logo-stage > img.ailogium-header-eye-rotor,
  .ailogium-ai-core .ailogium-ai-logo-stage > img.ailogium-center-eye-rotor {
    animation: ailogium-exact-eye-spin 3.8s linear infinite !important;
    -webkit-animation: ailogium-exact-eye-spin 3.8s linear infinite !important;
    animation-play-state: running !important;
    -webkit-animation-play-state: running !important;
  }
}