
/* Dedicated AI Agents & Workflow Automation page. All rules are scoped. */

.ailogium-agents-page{background:#fff}
.ailogium-agents-page .ailogium-header-logo-stage{position:relative;display:inline-block;line-height:0;vertical-align:middle}
.ailogium-agents-page .ailogium-header-logo-base{position:relative!important;z-index:1!important;display:block!important}
.ailogium-agents-page .ailogium-header-eye-rotor{position:absolute!important;display:block!important;z-index:5!important;left:56.85%!important;top:.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;animation:agents-eye 3.8s linear infinite!important}
@keyframes agents-eye{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.ailogium-agents-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(circle at 78% 24%,rgba(39,213,255,.19),transparent 24%),radial-gradient(circle at 72% 62%,rgba(18,112,255,.18),transparent 30%),linear-gradient(118deg,#021126 0%,#05254c 54%,#041a36 100%);border-bottom:1px solid rgba(81,206,255,.24)}
.ailogium-agents-grid{position:absolute;inset:0;z-index:-1;opacity:.28;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:46px 46px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.72),transparent 95%)}
.ailogium-agents-hero-layout{min-height:700px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(470px,.96fr);align-items:center;gap:56px;padding:84px 0 90px}
.ailogium-service-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:18px;color:#8eb9d7;font-size:12px;font-weight:700}
.ailogium-service-breadcrumb a{color:#79e7ff}.ailogium-service-breadcrumb strong{color:#dff8ff}
.ailogium-agents-copy h1{margin:0;max-width:730px;color:#fff;font-size:clamp(48px,5.7vw,76px);line-height:.99;letter-spacing:-.055em;font-weight:800}
.ailogium-agents-copy h1 em{display:block;margin-top:10px;font-style:normal;color:transparent;background:linear-gradient(90deg,#77eaff,#22cfff 43%,#1470ff);-webkit-background-clip:text;background-clip:text}
.ailogium-agents-copy>p{max-width:700px;margin:27px 0 0;color:#bed1e8;font-size:18px;line-height:1.72}
.ailogium-agents-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}
.ailogium-agents-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px;color:#a6bdd8;font-size:13px;font-weight:700}
.ailogium-agents-proof span{display:inline-flex;align-items:center;gap:7px}.ailogium-agents-proof svg{width:17px;height:17px;fill:none;stroke:#2be2ff;stroke-width:2.4}

.ailogium-agent-quantum{position:relative;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.agent-system{position:relative;z-index:3;width:min(520px,100%);height:420px;overflow:hidden;border:1px solid rgba(125,225,255,.30);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(42,183,255,.15),transparent 31%),linear-gradient(160deg,rgba(8,47,96,.98),rgba(3,20,49,.99));box-shadow:0 32px 70px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.11)}
.agent-system-grid{position:absolute;inset:0;opacity:.34;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:36px 36px}
.agent-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(132,235,255,.54);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),rgba(11,112,207,.26) 35%,rgba(3,30,66,.96) 73%);box-shadow:0 0 0 20px rgba(33,157,255,.04),0 0 68px rgba(34,198,255,.27)}
.agent-core>svg{position:relative;z-index:2;width:42px;height:42px;fill:none;stroke:#8ff2ff;stroke-width:2.1}.agent-core strong{position:relative;z-index:2;margin-top:8px;color:#fff;font-size:14px;letter-spacing:.05em}.agent-core small{position:relative;z-index:2;margin-top:4px;color:#71dfff;font-size:8px;font-weight:900;letter-spacing:.16em}.agent-core-glow{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(80,230,255,.36),transparent 68%);animation:agents-pulse 2.4s ease-in-out infinite}
.agent-node{position:absolute;z-index:5;width:110px;padding:10px 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(107,221,255,.23);border-radius:14px;color:#dffaff;background:rgba(5,35,73,.92);box-shadow:0 12px 28px rgba(0,0,0,.16)}.agent-node svg{width:20px;height:20px;fill:none;stroke:#78eaff;stroke-width:2.2}.agent-node b{font-size:10px}.agent-node small{display:block;margin-left:auto;color:#6fc8e8;font-size:8px}.node-input{left:24px;top:42px}.node-context{right:24px;top:42px}.node-route{left:24px;bottom:42px}.node-crm{right:24px;bottom:42px}
.agent-flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2}.agent-flow-lines path{fill:none;stroke:rgba(99,226,255,.58);stroke-width:2.2;stroke-dasharray:7 8;animation:agents-dash 8s linear infinite}
.agent-orbit{position:absolute;left:50%;top:50%;z-index:1;border-radius:50%;border:1px solid rgba(110,231,255,.25);transform-origin:center}.agent-orbit i{position:absolute;width:9px;height:9px;left:50%;top:-5px;border-radius:50%;background:#eaffff;box-shadow:0 0 9px #7aeaff,0 0 20px rgba(43,195,255,.68)}
.agent-orbit.orbit-a{width:94%;height:48%;transform:translate(-50%,-50%) rotate(15deg);animation:agents-orbit-a 10s linear infinite}.agent-orbit.orbit-b{width:90%;height:44%;transform:translate(-50%,-50%) rotate(-34deg);animation:agents-orbit-b 12s linear infinite reverse}.agent-orbit.orbit-c{width:82%;height:39%;transform:translate(-50%,-50%) rotate(68deg);animation:agents-orbit-c 9s linear infinite}
.agent-quantum-caption{margin-top:20px;color:#8fb8d8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.04em}
@keyframes agents-orbit-a{from{transform:translate(-50%,-50%) rotate(15deg)}to{transform:translate(-50%,-50%) rotate(375deg)}}@keyframes agents-orbit-b{from{transform:translate(-50%,-50%) rotate(-34deg)}to{transform:translate(-50%,-50%) rotate(-394deg)}}@keyframes agents-orbit-c{from{transform:translate(-50%,-50%) rotate(68deg)}to{transform:translate(-50%,-50%) rotate(428deg)}}@keyframes agents-pulse{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}@keyframes agents-dash{to{stroke-dashoffset:-120}}

.ailogium-agents-intro{padding:82px 0 68px;background:#fff}.ailogium-agents-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:70px;align-items:end}.ailogium-agents-intro h2,.ailogium-agents-workflow-head h2{margin:10px 0 0;color:#071d42;font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.04em}.ailogium-agents-intro-grid>p{margin:0;color:#5c7393;font-size:16px;line-height:1.75}

.ailogium-agents-capabilities{padding:22px 0 96px;background:linear-gradient(180deg,#fff,#f4fbff)}.ailogium-agent-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ailogium-agent-card-grid article{position:relative;min-height:310px;padding:26px 24px;border:1px solid #cfe8fa;border-radius:25px;background:linear-gradient(155deg,#fff,#f5fbff);box-shadow:0 16px 36px rgba(8,80,146,.08),inset 0 1px #fff}.agent-cap-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(145deg,#0758dc,#0b8dff 58%,#22d8ff);box-shadow:0 12px 28px rgba(8,105,220,.23)}.agent-cap-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.2}.agent-cap-no{position:absolute;right:22px;top:25px;color:#0a79ef;font-size:11px;font-weight:950;letter-spacing:.14em}.ailogium-agent-card-grid h3{margin:20px 0 0;color:#071b3d;font-size:20px}.ailogium-agent-card-grid p{margin:11px 0 0;color:#58718f;font-size:14px;line-height:1.7}

.ailogium-agents-workflow{padding:92px 0;color:#fff;background:radial-gradient(circle at 84% 22%,rgba(30,196,255,.18),transparent 27%),linear-gradient(120deg,#03142d,#073263 55%,#031a38)}.ailogium-agents-workflow-head{max-width:850px}.ailogium-agents-workflow-head h2{color:#fff}.ailogium-agents-workflow-head p{margin:16px 0 0;color:#b8cae1;font-size:16px;line-height:1.72}.ailogium-agent-flow{margin-top:38px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.ailogium-agent-flow>div{min-width:0;padding:19px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(109,220,255,.20);border-radius:18px;background:rgba(255,255,255,.05)}.ailogium-agent-flow>div>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:9px;color:#86ecff;border-radius:13px;background:rgba(20,132,255,.18);border:1px solid rgba(103,224,255,.22)}.ailogium-agent-flow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.1}.ailogium-agent-flow b{color:#fff;font-size:13px}.ailogium-agent-flow small{margin-top:4px;color:#75ccea;font-size:10px}.ailogium-agent-flow>i{width:34px;height:2px;background:linear-gradient(90deg,rgba(39,213,255,.16),rgba(39,213,255,.94),rgba(39,213,255,.16));box-shadow:0 0 12px rgba(39,213,255,.25)}

.ailogium-agents-usecases{padding:92px 0;background:#fff}.ailogium-usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ailogium-usecase-grid article{padding:26px;border:1px solid #d6ebfb;border-radius:22px;background:linear-gradient(155deg,#fff,#f4fbff);box-shadow:0 14px 34px rgba(10,82,145,.07)}.ailogium-usecase-grid span{color:#0a79ef;font-size:12px;font-weight:950;letter-spacing:.14em}.ailogium-usecase-grid h3{margin:10px 0 0;color:#071d40;font-size:19px}.ailogium-usecase-grid p{margin:9px 0 0;color:#617896;font-size:14px;line-height:1.66}

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

.ailogium-agents-related{padding:88px 0;background:#fff}.ailogium-agents-related-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.ailogium-agents-related-head h2{margin:10px 0 0;color:#071d42;font-size:clamp(32px,4vw,48px);line-height:1.06;letter-spacing:-.04em}.ailogium-agents-related-head>a{display:inline-flex;align-items:center;gap:8px;color:#0869db;font-weight:900;white-space:nowrap}.ailogium-agents-related-head>a span{width:18px;height:18px}.ailogium-agents-related-head>a svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.ailogium-agent-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ailogium-agent-related-grid>a{display:flex;gap:16px;padding:24px;border:1px solid #d6ebfb;border-radius:22px;background:linear-gradient(155deg,#fff,#f4fbff);box-shadow:0 14px 34px rgba(10,82,145,.07)}.ailogium-agent-related-grid>a>span{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#0758dc,#0b8dff 58%,#22d8ff)}.ailogium-agent-related-grid svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2}.ailogium-agent-related-grid h3{margin:0;color:#071d40;font-size:17px}.ailogium-agent-related-grid p{margin:7px 0 0;color:#617896;font-size:13px;line-height:1.55}

.ailogium-agents-page .ailogium-footer-logo-stage{position:relative;display:inline-block;line-height:0;vertical-align:middle}.ailogium-agents-page .ailogium-footer-logo-base{position:relative!important;z-index:1!important;display:block!important;width:245px!important;height:auto!important;max-height:83px!important;object-fit:contain!important;object-position:left center!important}.ailogium-agents-page .ailogium-footer-eye-rotor{position:absolute!important;display:block!important;z-index:5!important;left:56.85%!important;top:.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;animation:agents-eye 3.8s linear infinite!important}

@media(max-width:1100px){.ailogium-agent-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ailogium-agent-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.ailogium-agents-hero-layout{grid-template-columns:1fr;gap:30px;padding-top:70px}.ailogium-agent-quantum{min-height:450px}.ailogium-agents-intro-grid{grid-template-columns:1fr;gap:24px}.ailogium-agent-flow{grid-template-columns:1fr;max-width:560px}.ailogium-agent-flow>i{width:2px;height:22px;justify-self:center;background:linear-gradient(180deg,rgba(39,213,255,.16),rgba(39,213,255,.94),rgba(39,213,255,.16))}.ailogium-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ailogium-agent-related-grid{grid-template-columns:1fr}}
@media(max-width:767px){.ailogium-agents-hero-layout{min-height:auto;padding:58px 0 66px}.ailogium-agents-copy h1{font-size:clamp(42px,13vw,60px)}.ailogium-agents-copy>p{font-size:16px}.ailogium-agents-actions .ailogium-btn{width:100%}.ailogium-agents-proof{display:grid;grid-template-columns:1fr;gap:9px}.ailogium-agent-quantum{min-height:370px}.agent-system{height:350px}.agent-node{width:94px;font-size:9px}.ailogium-agents-intro{padding:62px 0 48px}.ailogium-agents-capabilities{padding-bottom:68px}.ailogium-agent-card-grid{grid-template-columns:1fr}.ailogium-agents-workflow,.ailogium-agents-usecases,.ailogium-agents-process,.ailogium-agents-related{padding:66px 0}.ailogium-usecase-grid{grid-template-columns:1fr}.ailogium-agent-process-grid{grid-template-columns:1fr}.ailogium-agents-related-head{align-items:flex-start;flex-direction:column}.ailogium-agent-related-grid>a{padding:20px}}
@media(prefers-reduced-motion:reduce){.ailogium-agents-page .ailogium-header-eye-rotor,.ailogium-agents-page .ailogium-footer-eye-rotor{animation:agents-eye 3.8s linear infinite!important}.agent-orbit,.agent-core-glow,.agent-flow-lines path{animation:none!important}}
