
/* Dedicated Website & AI Integration page. All rules are scoped. */

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

.ailogium-web-ai-hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(circle at 78% 28%,rgba(39,213,255,.19),transparent 24%),radial-gradient(circle at 70% 65%,rgba(18,112,255,.17),transparent 30%),linear-gradient(118deg,#021126 0%,#05254c 54%,#041a36 100%);border-bottom:1px solid rgba(81,206,255,.24)}
.ailogium-web-ai-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-web-ai-hero-layout{min-height:690px;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-web-ai-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-web-ai-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-web-ai-copy>p{max-width:690px;margin:27px 0 0;color:#bed1e8;font-size:18px;line-height:1.72}
.ailogium-web-ai-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}
.ailogium-web-ai-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px;color:#a6bdd8;font-size:13px;font-weight:700}
.ailogium-web-ai-proof span{display:inline-flex;align-items:center;gap:7px}.ailogium-web-ai-proof svg{width:17px;height:17px;fill:none;stroke:#2be2ff;stroke-width:2.4}

.ailogium-browser-quantum{position:relative;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ailogium-browser-shell{position:relative;z-index:3;width:min(500px,100%);border:1px solid rgba(125,225,255,.34);border-radius:28px;overflow:hidden;background: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)}
.browser-topbar{height:52px;display:flex;align-items:center;gap:8px;padding:0 17px;border-bottom:1px solid rgba(105,213,255,.18);background:rgba(255,255,255,.035)}
.browser-topbar span{width:9px;height:9px;border-radius:50%;background:#2ecfff;box-shadow:0 0 8px rgba(46,207,255,.32)}.browser-topbar span:nth-child(2){opacity:.6}.browser-topbar span:nth-child(3){opacity:.35}.browser-topbar b{margin-left:9px;color:#9ec7e3;font-size:11px;font-weight:700;letter-spacing:.04em}
.browser-body{position:relative;height:350px;overflow:hidden;background:radial-gradient(circle at 50% 47%,rgba(42,183,255,.15),transparent 31%)}
.browser-grid{position:absolute;inset:0;opacity:.35;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}
.browser-ai-core{position:absolute;left:50%;top:50%;width:126px;height:126px;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 18px rgba(33,157,255,.04),0 0 60px rgba(34,198,255,.25)}
.browser-ai-core strong{position:relative;z-index:2;color:#fff;font-size:44px;line-height:.95;letter-spacing:-.08em}.browser-ai-core small{position:relative;z-index:2;margin-top:8px;color:#7eeaff;font-size:8px;font-weight:900;letter-spacing:.18em}.browser-ai-glow{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,rgba(80,230,255,.34),transparent 68%);animation:webai-pulse 2.3s ease-in-out infinite}
.browser-node{position:absolute;z-index:4;width:98px;padding:10px 9px;display:flex;align-items:center;gap:7px;border:1px solid rgba(107,221,255,.23);border-radius:14px;color:#dffaff;background:rgba(5,35,73,.90);box-shadow:0 12px 28px rgba(0,0,0,.16);font-size:10px}.browser-node svg{width:19px;height:19px;fill:none;stroke:#78eaff;stroke-width:2.2}.browser-node-web{left:22px;top:38px}.browser-node-agent{right:22px;top:38px}.browser-node-crm{left:22px;bottom:36px}.browser-node-growth{right:22px;bottom:36px}
.browser-quantum-orbit{position:absolute;left:50%;top:50%;z-index:1;border-radius:50%;border:1px solid rgba(110,231,255,.24);transform-origin:center}.browser-quantum-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)}
.orbit-one{width:94%;height:47%;transform:translate(-50%,-50%) rotate(15deg);animation:webai-orbit-one 10s linear infinite}.orbit-two{width:90%;height:44%;transform:translate(-50%,-50%) rotate(-33deg);animation:webai-orbit-two 12s linear infinite reverse}.orbit-three{width:82%;height:39%;transform:translate(-50%,-50%) rotate(69deg);animation:webai-orbit-three 9s linear infinite}
.browser-quantum-caption{margin-top:20px;color:#8fb8d8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.04em}
@keyframes webai-orbit-one{from{transform:translate(-50%,-50%) rotate(15deg)}to{transform:translate(-50%,-50%) rotate(375deg)}}@keyframes webai-orbit-two{from{transform:translate(-50%,-50%) rotate(-33deg)}to{transform:translate(-50%,-50%) rotate(-393deg)}}@keyframes webai-orbit-three{from{transform:translate(-50%,-50%) rotate(69deg)}to{transform:translate(-50%,-50%) rotate(429deg)}}@keyframes webai-pulse{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}

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

.ailogium-web-ai-capabilities{padding:22px 0 96px;background:linear-gradient(180deg,#fff,#f4fbff)}.ailogium-web-ai-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ailogium-web-ai-card-grid article{position:relative;min-height:300px;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}.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)}.cap-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.2}.cap-no{position:absolute;right:22px;top:25px;color:#0a79ef;font-size:11px;font-weight:950;letter-spacing:.14em}.ailogium-web-ai-card-grid h3{margin:20px 0 0;color:#071b3d;font-size:20px}.ailogium-web-ai-card-grid p{margin:11px 0 0;color:#58718f;font-size:14px;line-height:1.7}

.ailogium-web-ai-architecture{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-web-ai-architecture-head{max-width:850px}.ailogium-web-ai-architecture-head h2{color:#fff}.ailogium-web-ai-architecture-head p{margin:16px 0 0;color:#b8cae1;font-size:16px;line-height:1.72}.ailogium-web-ai-flow{margin-top:38px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.ailogium-web-ai-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-web-ai-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-web-ai-flow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.1}.ailogium-web-ai-flow b{color:#fff;font-size:13px}.ailogium-web-ai-flow small{margin-top:4px;color:#75ccea;font-size:10px}.ailogium-web-ai-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-web-ai-deliverables{padding:92px 0;background:#fff}.ailogium-deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ailogium-deliverable-grid>div{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-deliverable-grid>div>svg{width:34px;height:34px;fill:none;stroke:#0a79ef;stroke-width:2}.ailogium-deliverable-grid h3{margin:15px 0 0;color:#071d40;font-size:19px}.ailogium-deliverable-grid p{margin:9px 0 0;color:#617896;font-size:14px;line-height:1.66}

.ailogium-web-ai-process{padding:92px 0;background:#f3faff;border-top:1px solid #d9efff}.ailogium-web-ai-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.ailogium-web-ai-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-web-ai-process-grid span{color:#0a79ef;font-size:12px;font-weight:950;letter-spacing:.14em}.ailogium-web-ai-process-grid h3{margin:9px 0 0;color:#071d40;font-size:18px}.ailogium-web-ai-process-grid p{margin:10px 0 0;color:#617896;font-size:13.5px;line-height:1.66}

.ailogium-web-ai-related{padding:88px 0;background:#fff}.ailogium-web-ai-related-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.ailogium-web-ai-related-head h2{margin:10px 0 0;color:#071d42;font-size:clamp(32px,4vw,48px);line-height:1.06;letter-spacing:-.04em}.ailogium-web-ai-related-head>a{display:inline-flex;align-items:center;gap:8px;color:#0869db;font-weight:900;white-space:nowrap}.ailogium-web-ai-related-head>a span{width:18px;height:18px}.ailogium-web-ai-related-head>a svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.ailogium-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ailogium-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-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-related-grid svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2}.ailogium-related-grid h3{margin:0;color:#071d40;font-size:17px}.ailogium-related-grid p{margin:7px 0 0;color:#617896;font-size:13px;line-height:1.55}

.ailogium-web-ai-page .ailogium-footer-logo-stage{position:relative;display:inline-block;line-height:0;vertical-align:middle}.ailogium-web-ai-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-web-ai-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:webai-eye 3.8s linear infinite!important}

@media(max-width:1100px){.ailogium-web-ai-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ailogium-web-ai-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.ailogium-web-ai-hero-layout{grid-template-columns:1fr;gap:30px;padding-top:70px}.ailogium-browser-quantum{min-height:440px}.ailogium-web-ai-intro-grid{grid-template-columns:1fr;gap:24px}.ailogium-web-ai-flow{grid-template-columns:1fr;max-width:560px}.ailogium-web-ai-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-deliverable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ailogium-related-grid{grid-template-columns:1fr}}
@media(max-width:767px){.ailogium-web-ai-hero-layout{min-height:auto;padding:58px 0 66px}.ailogium-web-ai-copy h1{font-size:clamp(42px,13vw,60px)}.ailogium-web-ai-copy>p{font-size:16px}.ailogium-web-ai-actions .ailogium-btn{width:100%}.ailogium-web-ai-proof{display:grid;grid-template-columns:1fr;gap:9px}.ailogium-browser-quantum{min-height:350px}.browser-body{height:300px}.browser-node{width:86px;font-size:9px}.ailogium-web-ai-intro{padding:62px 0 48px}.ailogium-web-ai-capabilities{padding-bottom:68px}.ailogium-web-ai-card-grid{grid-template-columns:1fr}.ailogium-web-ai-architecture,.ailogium-web-ai-deliverables,.ailogium-web-ai-process,.ailogium-web-ai-related{padding:66px 0}.ailogium-deliverable-grid{grid-template-columns:1fr}.ailogium-web-ai-process-grid{grid-template-columns:1fr}.ailogium-web-ai-related-head{align-items:flex-start;flex-direction:column}.ailogium-related-grid>a{padding:20px}}
@media(prefers-reduced-motion:reduce){.ailogium-web-ai-page .ailogium-header-eye-rotor,.ailogium-web-ai-page .ailogium-footer-eye-rotor{animation:webai-eye 3.8s linear infinite!important}.browser-quantum-orbit,.browser-ai-glow{animation:none!important}}
