/* ==========================================================================
   AI1GROUP SOLUTIONS PAGE - DEDICATED STYLESHEET
   Loaded only on /solutions and intentionally after components.css.
========================================================================== */


/* ==========================================================================
   LEGACY SOLUTIONS ENHANCEMENTS — MOVED FROM components.css
   Retained here for markup compatibility. Newer dedicated rules below win.
========================================================================== */
/* ========================================================================== 
   13. SOLUTIONS PAGE — PREMIUM EXPERIENCE REBUILD
   Stronger selector, consistent spacing, animated process and dark capabilities.
========================================================================== */
.ai1x-page--solutions {
    --solutions-gap: clamp(5.5rem, 9vw, 9rem);
    background: #020504;
}

.ai1x-page--solutions .ai1x-section {
    padding-block: var(--solutions-gap);
}

.ai1x-page--solutions .ai1x-heading {
    margin-bottom: clamp(2.8rem, 5vw, 4.8rem);
}

.ai1x-page--solutions .ai1x-heading > p:last-child,
.ai1x-page--solutions .ai1x-heading--split > p {
    max-width: 760px;
    color: #9caf9f;
    line-height: 1.8;
}

/* Hero solution engine */
.ai1x-solutions-engine__watermark {
    position: absolute;
    right: -1rem;
    bottom: -.75rem;
    color: rgba(255,255,255,.035);
    font-size: clamp(4rem, 8vw, 7rem);
    font-weight: 700;
    letter-spacing: -.08em;
    pointer-events: none;
}

.ai1x-solutions-engine__flow {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    gap: .8rem;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid rgba(255,255,255,.07);
    color: #a7b7ac;
    background: rgba(0,0,0,.2);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ai1x-solutions-engine__flow i {
    height: 2px;
    overflow: hidden;
    background: rgba(145,255,25,.12);
}

.ai1x-solutions-engine__flow i::before {
    display: block;
    width: 45%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, transparent, var(--ai1x-green), transparent);
    animation: ai1xSolutionFlow 2.4s linear infinite;
}

@keyframes ai1xSolutionFlow { to { transform: translateX(240%); } }

/* Finder section */
.ai1x-solution-finder-section {
    background:
        radial-gradient(circle at 8% 18%, rgba(145,255,25,.10), transparent 28rem),
        radial-gradient(circle at 92% 60%, rgba(240,213,154,.055), transparent 25rem),
        linear-gradient(180deg, #07110b, #030805);
}

.ai1x-page--solutions .ai1x-finder {
    display: grid;
    grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr);
    gap: clamp(1.5rem, 3vw, 2.8rem);
    align-items: stretch;
}

.ai1x-page--solutions .ai1x-finder__choices {
    display: grid;
    gap: .85rem;
    align-content: start;
    padding: 1rem;
    border: 1px solid rgba(145,255,25,.13);
    border-radius: 30px;
    background: linear-gradient(155deg, rgba(13,31,19,.86), rgba(2,8,4,.96));
    box-shadow: 0 32px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035);
}

.ai1x-page--solutions .ai1x-finder__choice {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .35rem 1.2rem;
    min-height: 124px;
    padding: 1.45rem 1.5rem;
    overflow: hidden;
    border: 1px solid rgba(145,255,25,.16);
    border-radius: 22px;
    color: #f5faf6;
    background:
        radial-gradient(circle at 94% 12%, rgba(145,255,25,.09), transparent 9rem),
        linear-gradient(145deg, rgba(13,31,19,.96), rgba(3,10,6,.98));
    text-align: left;
    box-shadow: 0 16px 42px rgba(0,0,0,.18);
    cursor: pointer;
    transform: translateZ(0);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease;
}

.ai1x-page--solutions .ai1x-finder__choice::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: linear-gradient(var(--ai1x-green), transparent);
    opacity: .45;
    transition: width .35s ease, opacity .35s ease;
}

.ai1x-page--solutions .ai1x-finder__choice::after {
    position: absolute;
    width: 150px;
    height: 150px;
    content: "";
    right: -95px;
    bottom: -105px;
    border-radius: 50%;
    background: rgba(145,255,25,.14);
    filter: blur(28px);
    opacity: 0;
    transition: opacity .35s ease;
    z-index: -1;
}

.ai1x-page--solutions .ai1x-finder__choice small {
    grid-column: 1 / -1;
    color: #87df28;
    font-size: .63rem;
    font-weight: 700;
    letter-spacing: .13em;
}

.ai1x-page--solutions .ai1x-finder__choice span {
    align-self: end;
    font-size: clamp(1rem, 1.35vw, 1.25rem);
    font-weight: 600;
    line-height: 1.35;
}

.ai1x-page--solutions .ai1x-finder__choice b {
    align-self: end;
    color: var(--ai1x-green);
    font-size: 1.25rem;
    transition: transform .35s ease;
}

.ai1x-page--solutions .ai1x-finder__choice:hover,
.ai1x-page--solutions .ai1x-finder__choice:focus-visible {
    transform: translateX(9px) scale(1.012);
    border-color: rgba(145,255,25,.42);
    background:
        radial-gradient(circle at 94% 12%, rgba(145,255,25,.18), transparent 10rem),
        linear-gradient(145deg, rgba(17,42,24,.98), rgba(4,13,7,.99));
    box-shadow: 0 24px 55px rgba(0,0,0,.32), 0 0 32px rgba(145,255,25,.08);
}

.ai1x-page--solutions .ai1x-finder__choice:hover b { transform: translateX(5px); }
.ai1x-page--solutions .ai1x-finder__choice:hover::after,
.ai1x-page--solutions .ai1x-finder__choice.is-active::after { opacity: 1; }

.ai1x-page--solutions .ai1x-finder__choice.is-active {
    transform: translateX(12px);
    border-color: rgba(145,255,25,.55);
    background:
        linear-gradient(100deg, rgba(145,255,25,.16), transparent 45%),
        linear-gradient(145deg, rgba(18,45,25,.99), rgba(4,13,7,.99));
    box-shadow: 0 26px 65px rgba(0,0,0,.38), 0 0 38px rgba(145,255,25,.13);
}

.ai1x-page--solutions .ai1x-finder__choice.is-active::before {
    width: 7px;
    opacity: 1;
    box-shadow: 0 0 18px rgba(145,255,25,.48);
}

.ai1x-finder__results {
    position: relative;
    min-width: 0;
}

.ai1x-page--solutions .ai1x-finder__result {
    position: relative;
    min-height: 100%;
    padding: clamp(2.2rem, 5vw, 4.5rem);
    overflow: hidden;
    border: 1px solid rgba(145,255,25,.22);
    border-radius: 32px;
    background:
        radial-gradient(circle at 90% 8%, rgba(145,255,25,.13), transparent 20rem),
        linear-gradient(145deg, rgba(10,28,16,.97), rgba(2,8,4,.99));
    box-shadow: 0 36px 100px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.045);
    animation: ai1xResultEnter .48s cubic-bezier(.2,.8,.2,1) both;
}

.ai1x-page--solutions .ai1x-finder__result::after {
    position: absolute;
    right: -2rem;
    bottom: -4rem;
    content: "AI1";
    color: rgba(255,255,255,.025);
    font-size: clamp(8rem, 18vw, 15rem);
    font-weight: 700;
    letter-spacing: -.1em;
    pointer-events: none;
}

@keyframes ai1xResultEnter {
    from { opacity: 0; transform: translateX(28px) scale(.985); }
    to { opacity: 1; transform: none; }
}

.ai1x-page--solutions .ai1x-finder__result h3 {
    max-width: 820px;
    margin: 1.4rem 0 1rem;
    font-size: clamp(2rem, 4vw, 4rem);
    font-weight: 500;
    line-height: 1.05;
}

.ai1x-page--solutions .ai1x-finder__result-grid span {
    position: relative;
    padding: 1.1rem 1.1rem 1.1rem 2.8rem;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 15px;
    color: #cbd8cf;
    background: rgba(255,255,255,.025);
}

.ai1x-page--solutions .ai1x-finder__result-grid span::before {
    position: absolute;
    left: 1rem;
    content: "✓";
    color: var(--ai1x-green);
    font-weight: 800;
}

/* Premium process cards */
.ai1x-solutions-process {
    background:
        linear-gradient(180deg, rgba(4,10,6,.97), rgba(1,4,2,.99)),
        #020504;
}

.ai1x-steps--premium {
    counter-reset: solutionStep;
    gap: 1rem;
}

.ai1x-steps--premium .ai1x-step {
    position: relative;
    min-height: 330px;
    padding: 2rem;
    overflow: hidden;
    border: 1px solid rgba(145,255,25,.15);
    border-radius: 25px;
    background:
        radial-gradient(circle at 85% 10%, rgba(145,255,25,.09), transparent 10rem),
        linear-gradient(155deg, rgba(11,26,15,.96), rgba(2,8,4,.99));
    box-shadow: 0 22px 60px rgba(0,0,0,.25);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.ai1x-steps--premium .ai1x-step::before {
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, var(--ai1x-green), transparent 76%);
}

.ai1x-steps--premium .ai1x-step::after {
    position: absolute;
    right: -1rem;
    bottom: -2rem;
    content: attr(data-step);
    color: rgba(255,255,255,.025);
    font-size: 9rem;
    font-weight: 700;
    pointer-events: none;
}

.ai1x-steps--premium .ai1x-step:hover {
    transform: translateY(-10px);
    border-color: rgba(145,255,25,.38);
    box-shadow: 0 34px 80px rgba(0,0,0,.38), 0 0 32px rgba(145,255,25,.08);
}

.ai1x-step__number {
    color: var(--ai1x-green);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.ai1x-step__icon {
    display: grid;
    width: 68px;
    height: 68px;
    margin: 1.5rem 0 2rem;
    place-items: center;
    border: 1px solid rgba(145,255,25,.28);
    border-radius: 20px;
    color: var(--ai1x-green);
    background: rgba(145,255,25,.06);
    box-shadow: inset 0 0 24px rgba(145,255,25,.035);
    font-size: 1.8rem;
    transition: transform .35s ease, box-shadow .35s ease;
}

.ai1x-step:hover .ai1x-step__icon {
    transform: rotate(-6deg) scale(1.08);
    box-shadow: 0 0 28px rgba(145,255,25,.13);
}

.ai1x-steps--premium .ai1x-step h3 { font-size: 1.55rem; }
.ai1x-steps--premium .ai1x-step p { color: #a7b8ac; }
.ai1x-steps--premium .ai1x-step small { display: block; margin-top: 1.5rem; color: #6f8275; font-size: .6rem; font-weight: 700; letter-spacing: .12em; }

/* Dark integrated capabilities */
.ai1x-solutions-capabilities {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(145,255,25,.09);
    background:
        radial-gradient(circle at 14% 20%, rgba(145,255,25,.10), transparent 26rem),
        radial-gradient(circle at 88% 70%, rgba(240,213,154,.05), transparent 22rem),
        linear-gradient(180deg, #07110b, #010302);
}

.ai1x-solutions-capabilities__mesh {
    position: absolute;
    inset: 0;
    opacity: .08;
    background-image: radial-gradient(circle, rgba(145,255,25,.55) 1px, transparent 1.4px);
    background-size: 38px 38px;
    mask-image: linear-gradient(#000, transparent 90%);
    pointer-events: none;
}

.ai1x-solutions-capabilities .ai1x-shell { position: relative; z-index: 1; }

.ai1x-capability-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.25rem; }

.ai1x-capability-card {
    --capability-accent: var(--ai1x-green);
    position: relative;
    min-height: 480px;
    padding: 1.8rem;
    overflow: hidden;
    border: 1px solid rgba(145,255,25,.16);
    border-radius: 28px;
    background:
        radial-gradient(circle at 85% 8%, rgba(145,255,25,.10), transparent 12rem),
        linear-gradient(150deg, rgba(12,29,17,.98), rgba(2,8,4,.99));
    box-shadow: 0 26px 70px rgba(0,0,0,.3);
    transition: transform .38s ease, border-color .38s ease, box-shadow .38s ease;
}

.ai1x-capability-card--design { --capability-accent: #ffc83d; }
.ai1x-capability-card--group { --capability-accent: #ff565f; }

.ai1x-capability-card::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    content: "";
    background: linear-gradient(90deg, var(--capability-accent), transparent 75%);
}

.ai1x-capability-card::after {
    position: absolute;
    width: 220px;
    height: 220px;
    content: "";
    right: -150px;
    bottom: -150px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--capability-accent) 18%, transparent);
    filter: blur(38px);
    opacity: .55;
    pointer-events: none;
}

.ai1x-capability-card:hover {
    transform: translateY(-12px) scale(1.012);
    border-color: color-mix(in srgb, var(--capability-accent) 48%, transparent);
    box-shadow: 0 40px 95px rgba(0,0,0,.44), 0 0 36px color-mix(in srgb, var(--capability-accent) 10%, transparent);
}

.ai1x-capability-card__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #899b8f;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.ai1x-capability-card__top b { margin-left: auto; color: var(--capability-accent); }
.ai1x-capability-card__top i { width: 8px; height: 8px; margin-left: .7rem; border-radius: 50%; background: var(--capability-accent); box-shadow: 0 0 14px var(--capability-accent); }

.ai1x-capability-card__symbol {
    display: grid;
    width: 92px;
    height: 92px;
    margin: 2.6rem 0 2rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--capability-accent) 35%, transparent);
    border-radius: 28px;
    color: var(--capability-accent);
    background: color-mix(in srgb, var(--capability-accent) 7%, transparent);
    font-size: 2.1rem;
    font-weight: 600;
    box-shadow: inset 0 0 35px color-mix(in srgb, var(--capability-accent) 5%, transparent);
}

.ai1x-capability-card h3 { font-size: 1.8rem; }
.ai1x-capability-card p { color: #9dafA2; }
.ai1x-capability-card ul { display: grid; gap: .7rem; margin: 1.7rem 0 2rem; padding: 0; list-style: none; }
.ai1x-capability-card li { position: relative; padding-left: 1.4rem; color: #c6d3ca; font-size: .85rem; }
.ai1x-capability-card li::before { position: absolute; left: 0; content: "•"; color: var(--capability-accent); }
.ai1x-capability-card > a { position: absolute; right: 1.8rem; bottom: 1.8rem; left: 1.8rem; display: flex; justify-content: space-between; padding-top: 1.2rem; border-top: 1px solid rgba(255,255,255,.07); color: var(--capability-accent); font-weight: 700; text-decoration: none; }
.ai1x-capability-card > a span { transition: transform .3s ease; }
.ai1x-capability-card > a:hover span { transform: translateX(6px); }

/* Homepage route cards now visibly form part of the shared design system. */
.ai1-home-pathway {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.ai1-home-pathway::before {
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, var(--ai1x-green), transparent);
    transform: scaleX(.35);
    transform-origin: left;
    transition: transform .35s ease;
}

.ai1-home-pathway::after {
    position: absolute;
    width: 140px;
    height: 140px;
    content: "";
    right: -95px;
    bottom: -95px;
    border-radius: 50%;
    background: rgba(145,255,25,.13);
    filter: blur(25px);
    opacity: 0;
    z-index: -1;
    transition: opacity .35s ease;
}

.ai1-home-pathway:hover::before { transform: scaleX(1); }
.ai1-home-pathway:hover::after { opacity: 1; }
.ai1-home-pathway:hover { transform: translateY(-10px) scale(1.015); box-shadow: 0 30px 70px rgba(0,0,0,.35), 0 0 32px rgba(145,255,25,.08); }

@media (max-width: 1040px) {
    .ai1x-page--solutions .ai1x-finder,
    .ai1x-capability-grid { grid-template-columns: 1fr; }
    .ai1x-page--solutions .ai1x-finder__choice.is-active,
    .ai1x-page--solutions .ai1x-finder__choice:hover { transform: translateY(-4px); }
    .ai1x-capability-card { min-height: 420px; }
}

@media (max-width: 720px) {
    .ai1x-page--solutions { --solutions-gap: 4.5rem; }
    .ai1x-page--solutions .ai1x-finder__choices { padding: .7rem; border-radius: 22px; }
    .ai1x-page--solutions .ai1x-finder__choice { min-height: 108px; padding: 1.2rem; }
    .ai1x-page--solutions .ai1x-finder__result { padding: 1.7rem 1.3rem; border-radius: 24px; }
    .ai1x-solutions-engine__flow { grid-template-columns: 1fr; text-align: center; }
    .ai1x-solutions-engine__flow i { display: none; }
}


/* Joomla component wrapper reset: the Solutions article must be full width. */
body.experience-page .ai1-main--experience,
body.experience-page .com-content-article.item-page,
body.experience-page .com-content-article__body {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.experience-page .com-content-article.item-page::before,
body.experience-page .com-content-article.item-page::after {
    content: none !important;
    display: none !important;
}

body.experience-page .ai1-main--experience > #system-message-container {
    width: min(1380px, calc(100% - 40px));
    margin-inline: auto;
}

/* ========================================================================== 
   SOLUTIONS PAGE - COMPLETE, SELF-CONTAINED SYSTEM
   Important: content is visible by default. JS only enhances motion.
========================================================================== */
.ai1x-page--solutions{
    --sx-green:#91ff19;--sx-green2:#65bd00;--sx-amber:#ffc43d;--sx-blue:#55bfff;--sx-red:#ff5964;
    --sx-bg:#020504;--sx-panel:#07130b;--sx-panel2:#030b06;--sx-white:#f5faf6;--sx-text:#dbe5dd;--sx-muted:#94a398;
    --sx-line:rgba(145,255,25,.17);--sx-shadow:0 30px 90px rgba(0,0,0,.48);--sx-x:50%;--sx-y:50%;
    width:100%;overflow:hidden;background:var(--sx-bg);color:var(--sx-text);font-family:"Comfortaa",system-ui,sans-serif;
}
.ai1x-page--solutions *{box-sizing:border-box}.ai1x-page--solutions img,.ai1x-page--solutions svg,.ai1x-page--solutions video{display:block;max-width:100%}
.ai1x-page--solutions .ai1x-shell{width:min(1380px,calc(100% - clamp(28px,5vw,72px)));margin-inline:auto}
.ai1x-page--solutions h1,.ai1x-page--solutions h2,.ai1x-page--solutions h3{margin-top:0;color:var(--sx-white);font-weight:500;letter-spacing:-.045em}
.ai1x-page--solutions p{line-height:1.75}.ai1x-page--solutions a{text-decoration:none}

/* motion: only hide after JS has confirmed it is running */
.ai1x-page--solutions.sx-motion-ready .sx-reveal{opacity:0;filter:blur(7px);transition:opacity .72s ease,transform .85s cubic-bezier(.2,.78,.2,1),filter .8s ease;will-change:opacity,transform,filter}
.ai1x-page--solutions.sx-motion-ready .sx-reveal[data-sx-reveal="left"]{transform:translate3d(-76px,0,0) rotateY(4deg)}
.ai1x-page--solutions.sx-motion-ready .sx-reveal[data-sx-reveal="right"]{transform:translate3d(76px,0,0) rotateY(-4deg)}
.ai1x-page--solutions.sx-motion-ready .sx-reveal[data-sx-reveal="up"]{transform:translate3d(0,58px,0) scale(.97)}
.ai1x-page--solutions.sx-motion-ready .sx-reveal.is-inview{opacity:1;filter:none;transform:none}

/* shared headings */
.ai1x-page--solutions .ai1x-section{position:relative;min-height:0!important;height:auto!important;padding:clamp(70px,6vw,100px) 0!important;margin:0!important}
.ai1x-heading{max-width:880px;margin:0 0 clamp(34px,4vw,56px)}
.ai1x-heading--centre{margin-inline:auto;text-align:center}.ai1x-heading--centre>p:last-child{margin-inline:auto}
.ai1x-heading h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.02}.ai1x-heading>p:last-child{max-width:720px;margin:20px 0 0;color:var(--sx-muted);font-size:clamp(.98rem,1.2vw,1.12rem)}
.ai1x-kicker{display:inline-flex;align-items:center;gap:15px;margin:0 0 18px;color:#aab5ad;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ai1x-kicker::before{content:"";width:42px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--sx-green),transparent);box-shadow:0 0 14px rgba(145,255,25,.4);animation:sxKicker 2.2s ease-in-out infinite}

/* buttons */
.ai1x-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ai1x-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;overflow:hidden;border:1px solid transparent;border-radius:999px;font:inherit;font-size:.88rem;font-weight:700;transition:.28s ease}
.ai1x-button::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-35%;width:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);transition:left .7s ease}.ai1x-button:hover::after{left:120%}
.ai1x-button--primary{background:linear-gradient(135deg,#a3ff2b,#63bd00);color:#061005!important;box-shadow:0 14px 36px rgba(115,214,0,.25)}.ai1x-button--primary:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(115,214,0,.36)}
.ai1x-button--ghost{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.045);color:#fff!important}.ai1x-button--ghost:hover{transform:translateY(-3px);border-color:rgba(145,255,25,.35);background:rgba(145,255,25,.07)}

/* HERO */
.ai1x-hero{position:relative;isolation:isolate;min-height:clamp(660px,83vh,860px);display:grid;align-items:center;overflow:hidden;background:#010302;padding: 0px!important}
.ai1x-hero__video{position:absolute;inset:0;z-index:-5;width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.85) contrast(1.06)}
.ai1x-hero__veil{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(0,5,2,.96) 0%,rgba(0,5,2,.87) 43%,rgba(0,5,2,.5) 70%,rgba(0,5,2,.78) 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,6,3,.76))}
.ai1x-hero__mesh{position:absolute;inset:0;z-index:-3;opacity:.19;background-image:radial-gradient(circle,rgba(145,255,25,.5) 1px,transparent 1.5px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 66%)}
.ai1x-hero__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr);gap:clamp(42px,7vw,96px);align-items:center;padding:clamp(75px,10vh,120px) 0}
.ai1x-hero__copy{max-width:760px}.ai1x-hero h1{margin:0;font-size:clamp(3.1rem,6.6vw,6.8rem);line-height:.94}.ai1x-hero h1 span{color:var(--sx-green)}
.ai1x-hero__lead{max-width:680px;margin:24px 0 0;color:#b5c3b8;font-size:clamp(1rem,1.25vw,1.18rem)}
.ai1x-hero__meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px;color:#89978e;font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.ai1x-hero__meta span{display:flex;align-items:center;gap:7px}.ai1x-hero__meta i{width:6px;height:6px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 11px rgba(145,255,25,.75)}
.ai1x-scroll{position:absolute;right:3.5vw;bottom:24px;display:flex;align-items:center;gap:10px;color:#87948c!important;font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.ai1x-scroll i{width:2px;height:40px;background:linear-gradient(var(--sx-green),transparent);animation:sxScroll 1.6s ease-in-out infinite}

/* HERO ENGINE */
.ai1x-hero-engine{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(145,255,25,.3);border-radius:30px;background:radial-gradient(400px circle at var(--sx-x) var(--sx-y),rgba(145,255,25,.1),transparent 60%),linear-gradient(150deg,rgba(8,25,13,.97),rgba(1,8,4,.99));box-shadow:var(--sx-shadow),0 0 55px rgba(145,255,25,.08);transition:transform .4s ease,border-color .35s ease,box-shadow .35s ease}
.ai1x-hero-engine:hover{transform:translateY(-8px) scale(1.01);border-color:rgba(145,255,25,.6);box-shadow:0 42px 110px rgba(0,0,0,.58),0 0 70px rgba(145,255,25,.14)}
.ai1x-hero-engine::before{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 80deg,transparent,rgba(145,255,25,.11),transparent 24%,rgba(255,196,61,.06),transparent 50%);animation:sxAmbient 12s linear infinite paused}.ai1x-hero-engine.is-stage-active::before{animation-play-state:running}
.ai1x-engine__topline{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.07);color:#89978e;font-size:.62rem;font-weight:700;letter-spacing:.13em}.ai1x-engine__topline b{display:flex;align-items:center;gap:7px;color:var(--sx-green)}.ai1x-engine__topline b i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:sxStatus 1.3s ease-in-out infinite}
.ai1x-engine__copy{padding:24px 26px 0}.ai1x-engine__copy small{display:block;margin-bottom:8px;color:#d9b96d;font-size:.62rem;font-weight:700;letter-spacing:.12em}.ai1x-engine__copy strong{display:block;color:#eff6f0;font-size:clamp(2rem,3.6vw,3.7rem);font-weight:400;line-height:.95;letter-spacing:-.05em}.ai1x-engine__copy em{font-style:normal;color:var(--sx-green)}
.ai1x-engine__scene{position:relative;width:calc(100% - 36px);height:235px;margin:10px 18px 0}
.ai1x-engine__ring{position:absolute;left:50%;top:50%;border:1px solid rgba(145,255,25,.23);border-radius:50%;transform:translate(-50%,-50%)}.ai1x-engine__ring--one{width:82%;height:88%;border-style:dashed;animation:sxOrbit 8s linear infinite paused}.ai1x-engine__ring--two{width:61%;height:65%;border-color:rgba(255,196,61,.22);animation:sxOrbitReverse 6s linear infinite paused}.ai1x-engine__ring--three{width:40%;height:43%;border-color:rgba(85,191,255,.2);border-style:dotted;animation:sxOrbit 4.7s linear infinite paused}.is-stage-active .ai1x-engine__ring{animation-play-state:running}
.ai1x-engine__core{position:absolute;left:50%;top:50%;display:grid;place-content:center;width:84px;height:84px;border:1px solid rgba(145,255,25,.58);border-radius:50%;background:radial-gradient(circle,rgba(145,255,25,.18),#031008 68%);transform:translate(-50%,-50%);text-align:center;box-shadow:0 0 35px rgba(145,255,25,.16),inset 0 0 24px rgba(145,255,25,.07);animation:sxCore 2.2s ease-in-out infinite paused}.is-stage-active .ai1x-engine__core{animation-play-state:running}.ai1x-engine__core b{color:#fff;font-size:1.18rem}.ai1x-engine__core small{color:var(--sx-green);font-size:.5rem;letter-spacing:.14em}
.ai1x-engine__node{position:absolute;display:grid;place-items:center;width:62px;height:62px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(2,10,5,.96);box-shadow:0 15px 32px rgba(0,0,0,.35);animation:sxFloat 3.5s ease-in-out infinite paused}.is-stage-active .ai1x-engine__node{animation-play-state:running}.ai1x-engine__node img{width:100%;height:100%;object-fit:contain}.ai1x-engine__node--host{left:3%;top:43%;border-color:rgba(145,255,25,.3)}.ai1x-engine__node--design{right:4%;top:10%;border-color:rgba(255,196,61,.32);animation-delay:-1.1s}.ai1x-engine__node--group{right:5%;bottom:3%;border-color:rgba(255,89,100,.3);animation-delay:-2.2s}
.ai1x-engine__packet{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 14px currentColor;opacity:0}.ai1x-engine__packet--one{animation:sxPacketOne 3s ease-in-out infinite paused}.ai1x-engine__packet--two{color:var(--sx-amber);background:currentColor;animation:sxPacketTwo 3.6s ease-in-out infinite -.7s paused}.ai1x-engine__packet--three{color:var(--sx-red);background:currentColor;animation:sxPacketThree 4s ease-in-out infinite -1.5s paused}.is-stage-active .ai1x-engine__packet{animation-play-state:running}
.ai1x-engine__pulse{position:absolute;left:50%;top:50%;width:90px;height:90px;border:1px solid rgba(145,255,25,.34);border-radius:50%;transform:translate(-50%,-50%);animation:sxPulse 2.4s ease-out infinite paused}.ai1x-engine__pulse--two{animation-delay:1.2s}.is-stage-active .ai1x-engine__pulse{animation-play-state:running}
.ai1x-engine__telemetry{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px 20px}.ai1x-engine__telemetry span{display:grid;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.ai1x-engine__telemetry b{color:#8d9a91;font-size:.5rem;letter-spacing:.1em}.ai1x-engine__telemetry i{position:relative;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.ai1x-engine__telemetry em{position:absolute;inset:0;width:50%;border-radius:inherit;background:linear-gradient(90deg,var(--sx-green),transparent);animation:sxTelemetry 2.2s ease-in-out infinite paused}.is-stage-active .ai1x-engine__telemetry em{animation-play-state:running}.ai1x-engine__telemetry span:nth-child(2) em{animation-delay:-.7s}.ai1x-engine__telemetry span:nth-child(3) em{animation-delay:-1.4s}

/* FINDER */
.ai1x-section--finder{background:radial-gradient(circle at 16% 0,rgba(145,255,25,.09),transparent 28%),linear-gradient(180deg,#06130b,#020705)}
.ai1x-finder{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:24px;align-items:stretch}
.ai1x-finder__choices{display:grid;gap:9px;padding:10px;border:1px solid rgba(145,255,25,.13);border-radius:24px;background:rgba(1,8,4,.66);box-shadow:0 22px 55px rgba(0,0,0,.26)}
.ai1x-finder__choice{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:0 17px;border:1px solid rgba(145,255,25,.12);border-radius:15px;background:linear-gradient(135deg,rgba(145,255,25,.055),rgba(255,255,255,.018));color:#c9d4cc;font:inherit;font-size:.83rem;text-align:left;cursor:pointer;transition:.28s ease}.ai1x-finder__choice:hover,.ai1x-finder__choice:focus-visible{transform:translateX(5px);border-color:rgba(145,255,25,.36);outline:none}.ai1x-finder__choice.is-active{border-color:rgba(145,255,25,.52);background:linear-gradient(135deg,rgba(145,255,25,.16),rgba(145,255,25,.035));color:#fff;box-shadow:inset 4px 0 var(--sx-green),0 0 25px rgba(145,255,25,.08)}.ai1x-finder__choice span:last-child{color:var(--sx-green)}
.ai1x-finder__result{position:relative;overflow:hidden;padding:clamp(28px,4vw,48px);border:1px solid rgba(145,255,25,.18);border-radius:26px;background:radial-gradient(circle at 88% 10%,rgba(145,255,25,.1),transparent 34%),linear-gradient(150deg,rgba(10,28,16,.98),rgba(3,10,6,.98));box-shadow:0 28px 70px rgba(0,0,0,.34)}.ai1x-finder__result::after{content:"AI1";position:absolute;right:-1%;bottom:-15%;color:rgba(255,255,255,.025);font-size:10rem;font-weight:700;letter-spacing:-.08em;pointer-events:none}.ai1x-finder__result[hidden]{display:none!important}.ai1x-status{display:inline-flex;align-items:center;gap:8px;color:var(--sx-green);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ai1x-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.ai1x-finder__result h3{max-width:720px;margin:14px 0 14px;font-size:clamp(2rem,3.5vw,3.65rem);line-height:1.02}.ai1x-lead{max-width:720px;margin:0;color:#9eada2}.ai1x-finder__result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:24px}.ai1x-finder__result-grid span{position:relative;padding:12px 12px 12px 29px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.025);color:#bcc8bf;font-size:.76rem}.ai1x-finder__result-grid span::before{content:"✓";position:absolute;left:11px;color:var(--sx-green)}

/* PROCESS */
.ai1x-section--process{background:radial-gradient(circle at 50% 0,rgba(145,255,25,.075),transparent 28%),linear-gradient(180deg,#020504,#051109 50%,#020504)}
.ai1x-section--process::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle,rgba(145,255,25,.22) 1px,transparent 1.5px);background-size:36px 36px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.ai1x-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ai1x-process-card{--pc:var(--sx-green);--pcglow:rgba(145,255,25,.18);position:relative;isolation:isolate;display:grid;grid-template-rows:auto 220px 1fr;min-height:505px;overflow:hidden;border:1px solid rgba(145,255,25,.25);border-radius:29px;background:radial-gradient(420px circle at var(--sx-x) var(--sx-y),var(--pcglow),transparent 62%),linear-gradient(155deg,rgba(8,24,13,.99),rgba(1,8,4,.99));box-shadow:0 28px 75px rgba(0,0,0,.4);transition:transform .4s ease,border-color .35s ease,box-shadow .35s ease}.ai1x-process-card--connect{--pc:var(--sx-amber);--pcglow:rgba(255,196,61,.12);border-color:rgba(255,196,61,.25)}.ai1x-process-card--deliver{--pc:var(--sx-blue);--pcglow:rgba(85,191,255,.12);border-color:rgba(85,191,255,.24)}.ai1x-process-card--improve{--pc:var(--sx-red);--pcglow:rgba(255,89,100,.12);border-color:rgba(255,89,100,.24)}
.ai1x-process-card:hover{transform:translateY(-14px) scale(1.016);box-shadow:0 44px 100px rgba(0,0,0,.55),0 0 48px var(--pcglow)}.ai1x-process-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;z-index:5;background:linear-gradient(90deg,var(--pc),transparent);box-shadow:0 0 22px var(--pcglow)}.ai1x-process-card::after{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 90deg,transparent,var(--pcglow),transparent 22%);animation:sxAmbient 10s linear infinite paused}.ai1x-process-card.is-stage-active::after{animation-play-state:running}
.ai1x-process-card__top{display:flex;justify-content:space-between;align-items:center;padding:22px 23px 14px;color:#8f9c93;font-size:.64rem;font-weight:700;letter-spacing:.12em}.ai1x-process-card__top span{color:var(--pc)}
.ai1x-process-visual{position:relative;overflow:hidden;margin:0 13px;border:1px solid rgba(255,255,255,.075);border-radius:21px;background:radial-gradient(circle at 50% 45%,var(--pcglow),transparent 56%),rgba(0,0,0,.25);box-shadow:inset 0 0 34px rgba(0,0,0,.34)}
.ai1x-process-card__body{padding:23px 25px 28px}.ai1x-process-card__body small{display:block;margin-bottom:10px;color:var(--pc);font-size:.58rem;font-weight:700;letter-spacing:.11em}.ai1x-process-card__body h3{margin:0 0 10px;font-size:clamp(1.55rem,2vw,1.95rem)}.ai1x-process-card__body p{margin:0;color:#98a69c;font-size:.9rem}
/* radar */
.ai1x-radar__ring{position:absolute;left:50%;top:50%;border:1px solid rgba(145,255,25,.26);border-radius:50%;transform:translate(-50%,-50%)}.ai1x-radar__ring--one{width:48px;height:48px}.ai1x-radar__ring--two{width:104px;height:104px}.ai1x-radar__ring--three{width:164px;height:164px}.ai1x-radar__sweep{position:absolute;left:50%;top:50%;width:82px;height:2px;transform-origin:left;background:linear-gradient(90deg,var(--pc),transparent);box-shadow:0 0 10px var(--pc);animation:sxRadar 2.2s linear infinite paused}.ai1x-radar__core{position:absolute;left:50%;top:50%;width:13px;height:13px;border-radius:50%;background:var(--pc);transform:translate(-50%,-50%);box-shadow:0 0 22px var(--pc);animation:sxDot 1.5s ease-in-out infinite paused}.ai1x-radar__blip{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pc);box-shadow:0 0 13px var(--pc);animation:sxBlip 2s ease-in-out infinite paused}.ai1x-radar__blip--one{left:27%;top:31%}.ai1x-radar__blip--two{right:21%;top:45%;animation-delay:-.7s}.ai1x-radar__blip--three{left:39%;bottom:20%;animation-delay:-1.3s}.is-stage-active .ai1x-radar__sweep,.is-stage-active .ai1x-radar__core,.is-stage-active .ai1x-radar__blip{animation-play-state:running}
/* network */
.ai1x-process-visual--network svg{width:100%;height:100%}.ai1x-network__route{fill:none;stroke:rgba(255,196,61,.44);stroke-width:2;stroke-dasharray:7 9;animation:sxRoute 1.6s linear infinite paused}.ai1x-network__hub{fill:#07120b;stroke:var(--pc);stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(255,196,61,.5));transform-origin:140px 95px;animation:sxDot 1.7s ease-in-out infinite paused}.ai1x-network__node{fill:#040b06;stroke:rgba(255,196,61,.52);stroke-width:2}.ai1x-network__pulse{position:absolute;left:50%;top:50%;width:72px;height:72px;border:1px solid var(--pc);border-radius:50%;transform:translate(-50%,-50%);animation:sxNetworkPulse 2s ease-out infinite paused}.ai1x-network__packet{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--pc);box-shadow:0 0 12px var(--pc);opacity:0}.ai1x-network__packet--one{animation:sxNetPacketOne 2.3s ease-in-out infinite paused}.ai1x-network__packet--two{animation:sxNetPacketTwo 2.7s ease-in-out infinite -.9s paused}.is-stage-active .ai1x-network__route,.is-stage-active .ai1x-network__hub,.is-stage-active .ai1x-network__pulse,.is-stage-active .ai1x-network__packet{animation-play-state:running}
/* launch */
.ai1x-process-visual--launch{display:grid;place-items:center}.ai1x-launch__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(85,191,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(85,191,255,.18) 1px,transparent 1px);background-size:23px 23px;transform:perspective(180px) rotateX(58deg) translateY(45px) scale(1.25)}.ai1x-launch__track{position:absolute;left:50%;top:7%;bottom:10%;width:1px;background:linear-gradient(transparent,rgba(85,191,255,.5),transparent)}.ai1x-launch__track i{position:absolute;left:-3px;top:0;width:7px;height:28px;border-radius:99px;background:linear-gradient(var(--pc),transparent);animation:sxLaunchTrack 1.3s linear infinite paused}.ai1x-process-visual--launch svg{position:relative;z-index:2;width:94px;height:135px;fill:rgba(85,191,255,.05);stroke:var(--pc);stroke-width:2.2;filter:drop-shadow(0 0 11px rgba(85,191,255,.4));animation:sxRocket 2s ease-in-out infinite paused}.ai1x-launch__flame,.ai1x-launch__flare{position:absolute;left:50%;bottom:24px;width:14px;height:40px;border-radius:50%;transform:translateX(-50%);background:linear-gradient(var(--pc),transparent);filter:blur(2px);animation:sxFlame .65s ease-in-out infinite alternate paused}.ai1x-launch__flare{width:30px;height:50px;opacity:.25;filter:blur(9px)}.is-stage-active .ai1x-launch__track i,.is-stage-active .ai1x-process-visual--launch svg,.is-stage-active .ai1x-launch__flame,.is-stage-active .ai1x-launch__flare{animation-play-state:running}
/* growth */
.ai1x-growth__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,89,100,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,89,100,.2) 1px,transparent 1px);background-size:30px 30px}.ai1x-process-visual--growth svg{position:relative;z-index:2;width:100%;height:100%;padding:17px 10px 10px}.ai1x-growth__area{fill:rgba(255,89,100,.09);opacity:0;animation:sxArea 2.5s ease-in-out infinite alternate paused}.ai1x-growth__line{fill:none;stroke:var(--pc);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:430;stroke-dashoffset:430;filter:drop-shadow(0 0 7px rgba(255,89,100,.55));animation:sxGraph 2.7s ease-in-out infinite paused}.ai1x-process-visual--growth circle{fill:var(--pc);stroke:#061008;stroke-width:3;filter:drop-shadow(0 0 6px var(--pc));animation:sxNode 2.7s ease-in-out infinite paused}.ai1x-growth__scan{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--pc),transparent);box-shadow:0 0 12px var(--pc);animation:sxScan 2.3s linear infinite paused}.is-stage-active .ai1x-growth__area,.is-stage-active .ai1x-growth__line,.is-stage-active .ai1x-process-visual--growth circle,.is-stage-active .ai1x-growth__scan{animation-play-state:running}

/* CAPABILITIES */
.ai1x-section--capabilities{background:radial-gradient(circle at 13% 0,rgba(145,255,25,.075),transparent 26%),radial-gradient(circle at 88% 100%,rgba(255,89,100,.05),transparent 28%),#020704}
.ai1x-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ai1x-solution-capability{--cap:var(--sx-green);--capglow:rgba(145,255,25,.12);position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:580px;overflow:hidden;border:1px solid rgba(145,255,25,.28);border-radius:31px;background:radial-gradient(460px circle at var(--sx-x) var(--sx-y),var(--capglow),transparent 62%),linear-gradient(150deg,rgba(8,25,13,.99),rgba(1,8,4,.99));box-shadow:0 30px 82px rgba(0,0,0,.43);transition:transform .42s ease,border-color .35s ease,box-shadow .35s ease}.ai1x-solution-capability--design{--cap:var(--sx-amber);--capglow:rgba(255,196,61,.11);border-color:rgba(255,196,61,.28)}.ai1x-solution-capability--group{--cap:var(--sx-red);--capglow:rgba(255,89,100,.11);border-color:rgba(255,89,100,.28)}
.ai1x-solution-capability:hover{transform:translateY(-16px) scale(1.018);box-shadow:0 48px 110px rgba(0,0,0,.56),0 0 55px var(--capglow)}.ai1x-solution-capability::before{content:"";position:absolute;inset:0 0 auto;height:4px;z-index:8;background:linear-gradient(90deg,var(--cap),transparent);box-shadow:0 0 22px var(--capglow)}.ai1x-solution-capability::after{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 90deg,transparent,var(--capglow),transparent 24%);animation:sxAmbient 11s linear infinite paused}.ai1x-solution-capability.is-stage-active::after{animation-play-state:running}
.ai1x-solution-capability__top{display:flex;justify-content:space-between;align-items:center;padding:23px 27px 17px;color:#8d9a91;font-size:.66rem;font-weight:700;letter-spacing:.1em}.ai1x-solution-capability__top strong{display:flex;align-items:center;gap:8px;color:var(--cap)}.ai1x-solution-capability__top i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;animation:sxStatus 1.5s ease-in-out infinite}
.ai1x-solution-capability__visual{position:relative;display:grid;place-items:center;min-height:255px;margin:0 17px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:radial-gradient(circle at center,var(--capglow),transparent 50%),rgba(0,0,0,.24);box-shadow:inset 0 0 45px rgba(0,0,0,.28)}.ai1x-solution-capability__visual::before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(var(--capglow) 1px,transparent 1px),linear-gradient(90deg,var(--capglow) 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(circle,#000,transparent 74%)}.ai1x-solution-capability__visual img{position:relative;z-index:3;width:min(62%,210px);max-height:155px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.42));animation:sxFloat 3.5s ease-in-out infinite paused}.is-stage-active .ai1x-solution-capability__visual img{animation-play-state:running}
.ai1x-capability__ring{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:sxOrbitPlain 8s linear infinite paused}.ai1x-capability__ring--one{width:218px;height:218px;border-color:var(--cap)}.ai1x-capability__ring--two{width:158px;height:158px;border-style:dashed;opacity:.45;animation-direction:reverse;animation-duration:5.5s}.is-stage-active .ai1x-capability__ring{animation-play-state:running}.ai1x-capability__scan{position:absolute;left:-25%;right:-25%;height:1px;background:linear-gradient(90deg,transparent,var(--cap),transparent);box-shadow:0 0 11px var(--cap);animation:sxCapScan 2.6s ease-in-out infinite paused}.is-stage-active .ai1x-capability__scan{animation-play-state:running}.ai1x-capability__particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cap);box-shadow:0 0 13px var(--cap);animation:sxBlip 2.1s ease-in-out infinite paused}.ai1x-capability__particle--one{left:18%;top:27%}.ai1x-capability__particle--two{right:18%;top:38%;animation-delay:-.7s}.ai1x-capability__particle--three{left:32%;bottom:18%;animation-delay:-1.4s}.is-stage-active .ai1x-capability__particle{animation-play-state:running}
.ai1x-solution-capability__body{display:flex;flex:1;flex-direction:column;padding:25px 29px 30px}.ai1x-solution-capability__body h3{margin:0 0 10px;font-size:clamp(1.8rem,2.4vw,2.5rem)}.ai1x-solution-capability__body>p{margin:0;color:#98a69c}.ai1x-solution-capability__body ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.ai1x-solution-capability__body li{position:relative;padding-left:21px;color:#bbc7be;font-size:.9rem;transition:.25s ease}.ai1x-solution-capability__body li::before{content:"";position:absolute;left:0;top:.63em;width:6px;height:6px;border-radius:50%;background:var(--cap);box-shadow:0 0 10px var(--cap)}.ai1x-solution-capability:hover li{transform:translateX(4px);color:#ecf4ee}.ai1x-solution-capability__body>a{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:var(--cap)!important;font-weight:700}.ai1x-solution-capability__body>a span{transition:transform .25s ease}.ai1x-solution-capability__body>a:hover span{transform:translateX(8px)}

/* closing CTA */
.ai1x-section--closing{padding-top:20px!important;background:linear-gradient(180deg,#020704,#020504)}.ai1x-closing{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:clamp(30px,5vw,58px);border:1px solid rgba(145,255,25,.24);border-radius:30px;background:radial-gradient(420px circle at var(--sx-x) var(--sx-y),rgba(145,255,25,.1),transparent 62%),linear-gradient(135deg,rgba(145,255,25,.07),rgba(255,255,255,.02));box-shadow:var(--sx-shadow)}.ai1x-closing::after{content:"AI1GROUP";position:absolute;right:-2%;bottom:-35%;color:rgba(255,255,255,.025);font-size:clamp(7rem,15vw,14rem);font-weight:700;letter-spacing:-.08em;pointer-events:none}.ai1x-closing h2{margin:0;font-size:clamp(2.3rem,4.5vw,4.8rem)}.ai1x-closing p:not(.ai1x-kicker){max-width:700px;margin:15px 0 0;color:#9eaca1}

/* keyframes */
@keyframes sxKicker{0%,100%{transform:scaleX(.72);transform-origin:left;opacity:.55}50%{transform:scaleX(1);opacity:1}}
@keyframes sxScroll{0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1)}}
@keyframes sxAmbient{to{transform:rotate(360deg)}}@keyframes sxStatus{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes sxOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sxOrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes sxOrbitPlain{to{transform:rotate(360deg)}}
@keyframes sxCore{0%,100%{transform:translate(-50%,-50%) scale(.95)}50%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 48px rgba(145,255,25,.28)}}
@keyframes sxFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-1.5deg)}}
@keyframes sxPacketOne{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}55%{transform:translate(-142px,12px);opacity:1}90%{opacity:0}}@keyframes sxPacketTwo{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}55%{transform:translate(132px,-62px);opacity:1}90%{opacity:0}}@keyframes sxPacketThree{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}55%{transform:translate(132px,62px);opacity:1}90%{opacity:0}}
@keyframes sxPulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(.55)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes sxTelemetry{0%,100%{transform:translateX(-35%);opacity:.4}50%{transform:translateX(90%);opacity:1}}
@keyframes sxRadar{to{transform:rotate(360deg)}}@keyframes sxDot{0%,100%{transform:scale(.86);opacity:.6}50%{transform:scale(1.14);opacity:1}}@keyframes sxBlip{0%,100%{opacity:.2;transform:scale(.65)}45%,65%{opacity:1;transform:scale(1.35)}}
@keyframes sxRoute{to{stroke-dashoffset:-32}}@keyframes sxNetworkPulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(.55)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.75)}}@keyframes sxNetPacketOne{0%,100%{left:15%;top:20%;opacity:0}20%{opacity:1}60%{left:49%;top:48%;opacity:1}90%{opacity:0}}@keyframes sxNetPacketTwo{0%,100%{right:12%;top:20%;opacity:0}20%{opacity:1}60%{right:48%;top:48%;opacity:1}90%{opacity:0}}
@keyframes sxLaunchTrack{from{transform:translateY(0);opacity:0}18%{opacity:1}to{transform:translateY(165px);opacity:0}}@keyframes sxRocket{0%,100%{transform:translateY(8px)}50%{transform:translateY(-10px)}}@keyframes sxFlame{from{transform:translateX(-50%) scaleY(.72)}to{transform:translateX(-50%) scaleY(1.22)}}
@keyframes sxArea{0%,15%{opacity:0}65%,100%{opacity:1}}@keyframes sxGraph{0%{stroke-dashoffset:430}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-430}}@keyframes sxNode{0%,18%,100%{opacity:.15;transform:scale(.6);transform-origin:center}38%,80%{opacity:1;transform:scale(1)}}@keyframes sxScan{from{left:0;opacity:0}15%,85%{opacity:1}to{left:100%;opacity:0}}@keyframes sxCapScan{0%,100%{top:8%;opacity:0}15%,76%{opacity:1}90%{top:90%;opacity:0}}

/* responsive */
@media(max-width:1100px){.ai1x-hero__inner{grid-template-columns:1fr .78fr}.ai1x-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai1x-capability-grid{grid-template-columns:1fr}.ai1x-solution-capability{min-height:520px}.ai1x-solution-capability__visual{min-height:235px}}
@media(max-width:820px){.ai1x-hero{min-height:auto}.ai1x-hero__inner{grid-template-columns:1fr;padding:82px 0}.ai1x-hero-engine{max-width:650px}.ai1x-scroll{display:none}.ai1x-finder{grid-template-columns:1fr}.ai1x-finder__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ai1x-closing{grid-template-columns:1fr}.ai1x-closing .ai1x-button{justify-self:start}}
@media(max-width:620px){.ai1x-page--solutions .ai1x-section{padding:58px 0!important}.ai1x-hero h1{font-size:clamp(2.8rem,14vw,4.6rem)}.ai1x-actions{display:grid}.ai1x-button{width:100%}.ai1x-engine__telemetry{grid-template-columns:1fr}.ai1x-engine__scene{height:220px}.ai1x-engine__node{width:52px;height:52px}.ai1x-finder__choices{grid-template-columns:1fr}.ai1x-finder__result-grid{grid-template-columns:1fr}.ai1x-process-grid{grid-template-columns:1fr}.ai1x-process-card{min-height:470px;grid-template-rows:auto 200px 1fr}.ai1x-solution-capability{min-height:0}.ai1x-solution-capability__visual{min-height:210px}.ai1x-closing .ai1x-button{width:100%}}
@media(prefers-reduced-motion:reduce){.ai1x-page--solutions *,.ai1x-page--solutions *::before,.ai1x-page--solutions *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ai1x-page--solutions .sx-reveal{opacity:1!important;filter:none!important;transform:none!important}}

/* ========================================================================== 
   AI1HOST - SOLUTIONS FAMILY EXPERIENCE
   Loaded from solutions.css so Solutions, AI1Host and AI1Design share one
   deliberate visual system without leaking into unrelated pages.
========================================================================== */
.ai1x-page--host{
    --sx-green:#88f719;--sx-green2:#56ad00;--sx-amber:#f0d59a;--sx-blue:#4aa8ff;
    --sx-bg:#020504;--sx-white:#f5faf6;--sx-text:#dbe5dd;--sx-muted:#94a398;
    --sx-line:rgba(136,247,25,.17);--sx-shadow:0 30px 90px rgba(0,0,0,.48);--sx-x:50%;--sx-y:50%;
    width:100%;overflow:hidden;background:var(--sx-bg);color:var(--sx-text);font-family:"Comfortaa",system-ui,sans-serif;
}
.ai1x-page--host *{box-sizing:border-box}.ai1x-page--host img,.ai1x-page--host svg,.ai1x-page--host video{display:block;max-width:100%}
.ai1x-page--host .ai1x-shell{width:min(1380px,calc(100% - clamp(28px,5vw,72px)));margin-inline:auto}
.ai1x-page--host h1,.ai1x-page--host h2,.ai1x-page--host h3{margin-top:0;color:var(--sx-white);font-weight:500;letter-spacing:-.045em}
.ai1x-page--host p{line-height:1.75}.ai1x-page--host a{text-decoration:none}

/* Host owns its full Joomla article surface just like /solutions. */
body.experience-page .ai1x-page--host{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.experience-page .com-content-article.item-page:has(.ai1x-page--host),
body.experience-page .com-content-article.item-page:has(.ai1x-page--host) .com-content-article__body{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}

/* Shared Solutions-family reveal behaviour. Visible by default; JS opts in. */
.ai1x-page--host.sx-motion-ready .sx-reveal{opacity:0;filter:blur(8px);transition:opacity .72s ease,transform .9s cubic-bezier(.2,.78,.2,1),filter .8s ease;will-change:opacity,transform,filter}
.ai1x-page--host.sx-motion-ready .sx-reveal[data-sx-reveal="left"]{transform:translate3d(-78px,0,0) rotateY(4deg)}
.ai1x-page--host.sx-motion-ready .sx-reveal[data-sx-reveal="right"]{transform:translate3d(78px,0,0) rotateY(-4deg)}
.ai1x-page--host.sx-motion-ready .sx-reveal[data-sx-reveal="up"]{transform:translate3d(0,60px,0) scale(.97)}
.ai1x-page--host.sx-motion-ready .sx-reveal.is-inview{opacity:1;filter:none;transform:none}
.ai1x-page--host .ai1x-section{position:relative;min-height:0!important;height:auto!important;padding:clamp(72px,6.5vw,106px) 0!important;margin:0!important}
.ai1x-page--host .ai1x-heading{max-width:900px;margin:0 0 clamp(36px,4vw,58px)}
.ai1x-page--host .ai1x-heading--centre{margin-inline:auto;text-align:center}.ai1x-page--host .ai1x-heading--centre>p:last-child{margin-inline:auto}
.ai1x-page--host .ai1x-heading h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.02}
.ai1x-page--host .ai1x-heading>p:last-child{max-width:760px;margin:20px 0 0;color:var(--sx-muted);font-size:clamp(.98rem,1.2vw,1.12rem)}
.ai1x-page--host .ai1x-kicker{display:inline-flex;align-items:center;gap:15px;margin:0 0 18px;color:#aab5ad;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ai1x-page--host .ai1x-kicker::before{content:"";width:42px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--sx-green),transparent);box-shadow:0 0 14px rgba(136,247,25,.4);animation:sxKicker 2.2s ease-in-out infinite}

/* Hero */
.ai1x-page--host .ai1x-hero{padding:0!important;min-height:clamp(680px,84vh,900px)}
.ai1x-page--host .ai1x-hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(420px,.8fr);padding:clamp(76px,10vh,120px) 0}
.ai1x-page--host .ai1x-hero h1{font-size:clamp(3.2rem,6.5vw,6.8rem);line-height:.94}
.ai1x-page--host .ai1x-hero h1 span{color:var(--sx-green)}
.ai1h-hero__grid{position:absolute;inset:0;z-index:-2;opacity:.12;background-image:linear-gradient(rgba(136,247,25,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(136,247,25,.16) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}

/* Hero control plane */
.ai1h-control{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(136,247,25,.32);border-radius:31px;background:radial-gradient(430px circle at var(--sx-x) var(--sx-y),rgba(136,247,25,.11),transparent 60%),linear-gradient(150deg,rgba(8,25,13,.98),rgba(1,8,4,.99));box-shadow:0 34px 100px rgba(0,0,0,.55),0 0 60px rgba(136,247,25,.09);transition:transform .4s ease,border-color .35s ease,box-shadow .35s ease}
.ai1h-control:hover{transform:translateY(-10px) scale(1.012);border-color:rgba(136,247,25,.62);box-shadow:0 46px 120px rgba(0,0,0,.6),0 0 75px rgba(136,247,25,.16)}
.ai1h-control::before{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 80deg,transparent,rgba(136,247,25,.12),transparent 24%,rgba(74,168,255,.07),transparent 50%);animation:sxAmbient 12s linear infinite paused}.ai1h-control.is-stage-active::before{animation-play-state:running}
.ai1h-control__head{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid rgba(255,255,255,.07);color:#89978e;font-size:.62rem;font-weight:700;letter-spacing:.13em}.ai1h-control__head b{display:flex;align-items:center;gap:8px;color:var(--sx-green)}.ai1h-control__head b i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;animation:sxStatus 1.25s ease-in-out infinite}
.ai1h-control__stage{position:relative;height:350px;margin:8px 16px 0;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:23px;background:radial-gradient(circle at 50% 48%,rgba(136,247,25,.11),transparent 48%),rgba(0,0,0,.22)}
.ai1h-control__stage::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(136,247,25,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(136,247,25,.15) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000,transparent 78%)}
.ai1h-control__orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(136,247,25,.25);border-radius:50%;transform:translate(-50%,-50%);animation:sxOrbit 9s linear infinite paused}.ai1h-control__orbit--one{width:78%;height:78%;border-style:dashed}.ai1h-control__orbit--two{width:58%;height:58%;border-color:rgba(74,168,255,.24);animation:sxOrbitReverse 6.5s linear infinite paused}.ai1h-control__orbit--three{width:37%;height:37%;border-style:dotted;animation-duration:4.7s}.is-stage-active .ai1h-control__orbit{animation-play-state:running}
.ai1h-control__core{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;width:106px;height:106px;padding:16px;border:1px solid rgba(136,247,25,.58);border-radius:50%;background:radial-gradient(circle,rgba(136,247,25,.16),#031008 69%);transform:translate(-50%,-50%);box-shadow:0 0 42px rgba(136,247,25,.18),inset 0 0 26px rgba(136,247,25,.08);animation:ai1hCore 2.3s ease-in-out infinite paused}.is-stage-active .ai1h-control__core{animation-play-state:running}.ai1h-control__core img{width:64px;height:64px;object-fit:contain}.ai1h-control__core small{position:absolute;bottom:9px;color:var(--sx-green);font-size:.45rem;letter-spacing:.14em}
.ai1h-control__node{position:absolute;z-index:3;display:grid;place-items:center;width:68px;height:54px;border:1px solid rgba(136,247,25,.28);border-radius:15px;background:#031008;box-shadow:0 12px 28px rgba(0,0,0,.36);animation:ai1hNodeFloat 3.6s ease-in-out infinite paused}.is-stage-active .ai1h-control__node{animation-play-state:running}.ai1h-control__node b{color:#d8e4db;font-size:.54rem;letter-spacing:.1em}.ai1h-control__node i{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 10px var(--sx-green)}.ai1h-control__node--web{left:7%;top:20%}.ai1h-control__node--mail{right:7%;top:19%;animation-delay:-.8s}.ai1h-control__node--dns{left:7%;bottom:16%;animation-delay:-1.6s}.ai1h-control__node--backup{right:7%;bottom:15%;animation-delay:-2.4s}
.ai1h-control__packet{position:absolute;left:50%;top:50%;z-index:5;width:7px;height:7px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 14px var(--sx-green);opacity:0}.ai1h-control__packet--one{animation:ai1hPacketWeb 3s ease-in-out infinite paused}.ai1h-control__packet--two{background:var(--sx-blue);box-shadow:0 0 14px var(--sx-blue);animation:ai1hPacketMail 3.5s ease-in-out infinite -.7s paused}.ai1h-control__packet--three{animation:ai1hPacketBackup 4s ease-in-out infinite -1.4s paused}.is-stage-active .ai1h-control__packet{animation-play-state:running}
.ai1h-control__pulse{position:absolute;left:50%;top:50%;z-index:2;width:110px;height:110px;border:1px solid rgba(136,247,25,.4);border-radius:50%;transform:translate(-50%,-50%);animation:sxPulse 2.4s ease-out infinite paused}.ai1h-control__pulse--two{animation-delay:1.2s}.is-stage-active .ai1h-control__pulse{animation-play-state:running}
.ai1h-control__telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 16px 16px}.ai1h-control__telemetry span{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025)}.ai1h-control__telemetry b{color:#8d9a91;font-size:.48rem;letter-spacing:.09em}.ai1h-control__telemetry small{color:var(--sx-green);font-size:.42rem}.ai1h-control__telemetry i{position:relative;grid-column:1/-1;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.ai1h-control__telemetry em{position:absolute;inset:0;width:55%;border-radius:inherit;background:linear-gradient(90deg,var(--sx-green),transparent);animation:sxTelemetry 2.1s ease-in-out infinite paused}.is-stage-active .ai1h-control__telemetry em{animation-play-state:running}.ai1h-control__telemetry span:nth-child(2) em{animation-delay:-.5s}.ai1h-control__telemetry span:nth-child(3) em{animation-delay:-1s}.ai1h-control__telemetry span:nth-child(4) em{animation-delay:-1.5s}

/* Service cards */
.ai1h-section--services{background:radial-gradient(circle at 12% 5%,rgba(136,247,25,.08),transparent 28rem),linear-gradient(180deg,#06120a,#020704)}
.ai1h-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1200px}
.ai1h-service{--hc:var(--sx-green);--hg:rgba(136,247,25,.13);position:relative;isolation:isolate;display:grid;grid-template-rows:auto 245px 1fr;min-height:640px;overflow:hidden;border:1px solid rgba(136,247,25,.24);border-radius:31px;background:radial-gradient(430px circle at var(--sx-x) var(--sx-y),var(--hg),transparent 62%),linear-gradient(150deg,rgba(8,25,13,.99),rgba(1,8,4,.99));box-shadow:0 30px 82px rgba(0,0,0,.42);transition:transform .42s ease,border-color .35s ease,box-shadow .35s ease}.ai1h-service--mail{--hc:#f0d59a;--hg:rgba(240,213,154,.10);border-color:rgba(240,213,154,.24)}.ai1h-service--cloud{--hc:#4aa8ff;--hg:rgba(74,168,255,.11);border-color:rgba(74,168,255,.25)}
.ai1h-service:hover{transform:translateY(-16px) scale(1.018);border-color:var(--hc);box-shadow:0 50px 115px rgba(0,0,0,.56),0 0 50px var(--hg)}.ai1h-service::before{content:"";position:absolute;inset:0 0 auto;height:4px;z-index:6;background:linear-gradient(90deg,var(--hc),transparent);box-shadow:0 0 22px var(--hg)}.ai1h-service::after{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 90deg,transparent,var(--hg),transparent 22%);animation:sxAmbient 10s linear infinite paused}.ai1h-service.is-stage-active::after{animation-play-state:running}
.ai1h-service__top{display:flex;justify-content:space-between;align-items:center;padding:22px 23px 15px;color:#8f9c93;font-size:.61rem;font-weight:700;letter-spacing:.1em}.ai1h-service__top>span{color:var(--hc)}.ai1h-service__top b{display:flex;align-items:center;gap:8px}.ai1h-service__top b i{width:7px;height:7px;border-radius:50%;background:var(--hc);box-shadow:0 0 12px var(--hc);animation:sxStatus 1.4s ease-in-out infinite}
.ai1h-service__visual{position:relative;overflow:hidden;margin:0 14px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:radial-gradient(circle at 50% 45%,var(--hg),transparent 55%),rgba(0,0,0,.24);box-shadow:inset 0 0 40px rgba(0,0,0,.34)}
.ai1h-service__body{padding:25px 27px 30px}.ai1h-service__body small{display:block;margin-bottom:10px;color:var(--hc);font-size:.58rem;font-weight:700;letter-spacing:.11em}.ai1h-service__body h3{margin:0 0 10px;font-size:clamp(1.7rem,2.3vw,2.3rem)}.ai1h-service__body p{margin:0;color:#98a69c}.ai1h-service__body ul{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none}.ai1h-service__body li{position:relative;padding-left:20px;color:#bcc8bf;font-size:.85rem;transition:.25s ease}.ai1h-service__body li::before{content:"";position:absolute;left:0;top:.64em;width:6px;height:6px;border-radius:50%;background:var(--hc);box-shadow:0 0 9px var(--hc)}.ai1h-service:hover li{transform:translateX(4px);color:#eef6f0}
/* rack visual */
.ai1h-service__visual--rack{display:grid;align-content:center;gap:10px;padding:28px}.ai1h-rack__server{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;height:40px;padding:0 14px;border:1px solid rgba(136,247,25,.16);border-radius:10px;background:#031008;box-shadow:0 10px 22px rgba(0,0,0,.28);transform:translateX(-14px);opacity:.45;transition:.4s ease}.is-stage-active .ai1h-rack__server{animation:ai1hRackIn 2.8s ease-in-out infinite}.ai1h-rack__server:nth-of-type(3){animation-delay:-.45s}.ai1h-rack__server:nth-of-type(4){animation-delay:-.9s}.ai1h-rack__server:nth-of-type(5){animation-delay:-1.35s}.ai1h-rack__server i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--hc);box-shadow:0 0 8px var(--hc)}.ai1h-rack__server b{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--hc),rgba(255,255,255,.04));transform-origin:left;animation:ai1hRackLoad 2.2s ease-in-out infinite paused}.is-stage-active .ai1h-rack__server b{animation-play-state:running}.ai1h-rack__scan{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--hc),transparent);box-shadow:0 0 12px var(--hc);animation:sxScan 2.3s linear infinite paused}.is-stage-active .ai1h-rack__scan{animation-play-state:running}
/* domain visual */
.ai1h-service__visual--domain{display:grid;place-items:center}.ai1h-domain__core{position:relative;z-index:4;display:grid;width:88px;height:88px;place-items:center;border:1px solid var(--hc);border-radius:50%;color:var(--hc);background:#061008;box-shadow:0 0 30px var(--hg);font-size:2rem;animation:ai1hCore 2.2s ease-in-out infinite paused}.is-stage-active .ai1h-domain__core{animation-play-state:running}.ai1h-domain__orbit{position:absolute;border:1px solid rgba(240,213,154,.25);border-radius:50%;animation:sxOrbitPlain 8s linear infinite paused}.ai1h-domain__orbit--one{width:190px;height:190px;border-style:dashed}.ai1h-domain__orbit--two{width:138px;height:138px;animation-direction:reverse;animation-duration:5.5s}.is-stage-active .ai1h-domain__orbit{animation-play-state:running}.ai1h-domain__tag{position:absolute;z-index:3;padding:7px 10px;border:1px solid rgba(240,213,154,.25);border-radius:999px;background:#061008;color:#d9c495;font-size:.52rem;font-weight:700;letter-spacing:.08em;animation:ai1hTag 3.5s ease-in-out infinite paused}.is-stage-active .ai1h-domain__tag{animation-play-state:running}.ai1h-domain__tag--one{left:13%;top:22%}.ai1h-domain__tag--two{right:12%;top:28%;animation-delay:-1.1s}.ai1h-domain__tag--three{right:27%;bottom:13%;animation-delay:-2.1s}.ai1h-domain__packet{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--hc);box-shadow:0 0 12px var(--hc);opacity:0}.ai1h-domain__packet--one{animation:ai1hDomainPacketOne 2.8s ease-in-out infinite paused}.ai1h-domain__packet--two{animation:ai1hDomainPacketTwo 3.3s ease-in-out infinite -1s paused}.ai1h-domain__packet--three{animation:ai1hDomainPacketThree 3.8s ease-in-out infinite -2s paused}.is-stage-active .ai1h-domain__packet{animation-play-state:running}
/* cloud visual */
.ai1h-service__visual--cloud{display:grid;place-items:center}.ai1h-cloud__mesh{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(74,168,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(74,168,255,.2) 1px,transparent 1px);background-size:25px 25px;transform:perspective(220px) rotateX(56deg) translateY(55px) scale(1.3)}.ai1h-cloud__core{position:relative;z-index:4;display:grid;width:112px;height:72px;place-items:center;border:1px solid var(--hc);border-radius:50px;color:#dcecff;background:rgba(4,16,26,.95);box-shadow:0 0 36px var(--hg);font-size:.65rem;font-weight:700;letter-spacing:.12em;animation:ai1hCloudFloat 2.8s ease-in-out infinite paused}.is-stage-active .ai1h-cloud__core{animation-play-state:running}.ai1h-cloud__node{position:absolute;width:13px;height:13px;border:2px solid var(--hc);border-radius:50%;background:#031008;box-shadow:0 0 12px var(--hc);animation:sxBlip 2s ease-in-out infinite paused}.ai1h-cloud__node--one{left:15%;top:24%}.ai1h-cloud__node--two{right:15%;top:23%;animation-delay:-.5s}.ai1h-cloud__node--three{left:20%;bottom:18%;animation-delay:-1s}.ai1h-cloud__node--four{right:20%;bottom:16%;animation-delay:-1.5s}.is-stage-active .ai1h-cloud__node{animation-play-state:running}.ai1h-cloud__beam{position:absolute;left:50%;top:50%;width:38%;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--hc),transparent);opacity:.5;animation:ai1hBeam 4s linear infinite paused}.ai1h-cloud__beam--two{animation-direction:reverse;animation-duration:5.4s}.is-stage-active .ai1h-cloud__beam{animation-play-state:running}

/* Migration pipeline */
.ai1h-section--migration{background:radial-gradient(circle at 50% 0,rgba(136,247,25,.065),transparent 28rem),#020504}
.ai1h-migration{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:22px}
.ai1h-migration__rail{position:absolute;left:8%;right:8%;top:69px;height:2px;overflow:hidden;background:rgba(136,247,25,.10)}.ai1h-migration__rail i{position:absolute;top:-2px;width:42px;height:6px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--sx-green),transparent);box-shadow:0 0 14px var(--sx-green);animation:ai1hRailPacket 3.4s linear infinite paused}.ai1h-migration__rail i:nth-child(2){animation-delay:-1.1s}.ai1h-migration__rail i:nth-child(3){animation-delay:-2.2s}.is-stage-active .ai1h-migration__rail i{animation-play-state:running}
.ai1h-migration__step{position:relative;z-index:2;min-height:350px;padding:26px 24px;border:1px solid rgba(136,247,25,.16);border-radius:25px;background:radial-gradient(circle at 50% 0,rgba(136,247,25,.07),transparent 10rem),linear-gradient(150deg,rgba(9,23,14,.98),rgba(2,8,4,.99));box-shadow:0 24px 65px rgba(0,0,0,.3);transition:.36s ease}.ai1h-migration__step:hover{transform:translateY(-12px);border-color:rgba(136,247,25,.4);box-shadow:0 36px 90px rgba(0,0,0,.45),0 0 36px rgba(136,247,25,.08)}.ai1h-migration__step>span{display:block;color:var(--sx-green);font-size:.66rem;font-weight:700;letter-spacing:.12em}.ai1h-migration__icon{position:relative;display:grid;width:72px;height:72px;margin:28px 0 30px;place-items:center;border:1px solid rgba(136,247,25,.28);border-radius:20px;background:rgba(136,247,25,.055);box-shadow:inset 0 0 22px rgba(136,247,25,.04);transition:.35s ease}.ai1h-migration__step:hover .ai1h-migration__icon{transform:rotate(-7deg) scale(1.08);box-shadow:0 0 28px rgba(136,247,25,.12)}.ai1h-migration__step small{color:#718178;font-size:.56rem;font-weight:700;letter-spacing:.13em}.ai1h-migration__step h3{margin:9px 0 10px;font-size:1.55rem}.ai1h-migration__step p{margin:0;color:#98a69c;font-size:.86rem}
.ai1h-icon-scan,.ai1h-icon-build,.ai1h-icon-transfer,.ai1h-icon-check{position:relative;display:block;width:30px;height:30px}.ai1h-icon-scan{border:2px solid var(--sx-green);border-radius:50%}.ai1h-icon-scan::before{content:"";position:absolute;left:50%;top:50%;width:50%;height:2px;background:var(--sx-green);transform-origin:left;animation:sxRadar 1.8s linear infinite paused}.is-stage-active .ai1h-icon-scan::before{animation-play-state:running}.ai1h-icon-build{border:2px solid var(--sx-green);border-radius:7px;box-shadow:inset 0 -8px rgba(136,247,25,.08)}.ai1h-icon-build::before,.ai1h-icon-build::after{content:"";position:absolute;left:5px;right:5px;height:2px;background:var(--sx-green)}.ai1h-icon-build::before{top:8px}.ai1h-icon-build::after{top:16px}.ai1h-icon-transfer::before,.ai1h-icon-transfer::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--sx-green);box-shadow:0 0 8px var(--sx-green)}.ai1h-icon-transfer::before{top:9px;transform:rotate(18deg)}.ai1h-icon-transfer::after{bottom:9px;transform:rotate(-18deg)}.ai1h-icon-check{border:2px solid var(--sx-green);border-radius:50%}.ai1h-icon-check::after{content:"";position:absolute;left:7px;top:6px;width:12px;height:7px;border-left:2px solid var(--sx-green);border-bottom:2px solid var(--sx-green);transform:rotate(-45deg)}

/* Resilience console */
.ai1h-section--resilience{overflow:hidden;background:radial-gradient(circle at 83% 50%,rgba(74,168,255,.07),transparent 28rem),linear-gradient(180deg,#06110a,#020704)}
.ai1h-resilience{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.8fr);gap:clamp(42px,7vw,96px);align-items:center}
.ai1h-resilience__console{position:relative;min-height:460px;overflow:hidden;border:1px solid rgba(136,247,25,.24);border-radius:30px;background:radial-gradient(circle at 50% 45%,rgba(136,247,25,.10),transparent 45%),linear-gradient(150deg,rgba(8,25,13,.98),rgba(1,8,4,.99));box-shadow:0 34px 90px rgba(0,0,0,.44)}.ai1h-resilience__console::before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle,rgba(136,247,25,.5) 1px,transparent 1.5px);background-size:32px 32px;mask-image:radial-gradient(circle,#000,transparent 74%)}
.ai1h-resilience__rings{position:absolute;left:50%;top:40%;width:260px;height:260px;transform:translate(-50%,-50%)}.ai1h-resilience__rings i{position:absolute;inset:0;border:1px solid rgba(136,247,25,.26);border-radius:50%;animation:sxOrbitPlain 10s linear infinite paused}.ai1h-resilience__rings i:nth-child(2){inset:35px;border-style:dashed;border-color:rgba(74,168,255,.22);animation-direction:reverse;animation-duration:7s}.ai1h-resilience__rings i:nth-child(3){inset:70px;border-style:dotted;animation-duration:5s}.is-stage-active .ai1h-resilience__rings i{animation-play-state:running}
.ai1h-resilience__shield{position:absolute;left:50%;top:40%;display:grid;width:118px;height:136px;place-items:center;border:2px solid var(--sx-green);clip-path:polygon(50% 0,94% 17%,84% 72%,50% 100%,16% 72%,6% 17%);background:linear-gradient(180deg,rgba(136,247,25,.13),rgba(3,16,8,.96));transform:translate(-50%,-50%);box-shadow:0 0 42px rgba(136,247,25,.16);animation:ai1hShield 2.4s ease-in-out infinite paused}.is-stage-active .ai1h-resilience__shield{animation-play-state:running}.ai1h-resilience__shield span{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:.04em}
.ai1h-resilience__checks{position:absolute;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ai1h-resilience__checks span{display:grid;grid-template-columns:auto 1fr;gap:5px 7px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025)}.ai1h-resilience__checks i{width:7px;height:7px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 10px var(--sx-green);animation:sxStatus 1.5s ease-in-out infinite}.ai1h-resilience__checks b{color:#cbd7cf;font-size:.48rem}.ai1h-resilience__checks small{grid-column:1/-1;color:#7e8e83;font-size:.42rem;letter-spacing:.08em}

/* Why AI1Host - no white background */
.ai1h-section--why{background:radial-gradient(circle at 50% 0,rgba(136,247,25,.08),transparent 28rem),linear-gradient(180deg,#020704,#06110a)}
.ai1h-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ai1h-metric{position:relative;isolation:isolate;min-height:245px;padding:26px;overflow:hidden;border:1px solid rgba(136,247,25,.17);border-radius:25px;background:radial-gradient(250px circle at var(--sx-x) var(--sx-y),rgba(136,247,25,.11),transparent 60%),linear-gradient(150deg,rgba(10,27,16,.98),rgba(2,8,4,.99));box-shadow:0 24px 65px rgba(0,0,0,.3);transition:.38s ease}.ai1h-metric:hover{transform:translateY(-12px) scale(1.02);border-color:rgba(136,247,25,.42);box-shadow:0 38px 90px rgba(0,0,0,.44),0 0 38px rgba(136,247,25,.08)}.ai1h-metric>span{display:block;color:#718178;font-size:.62rem;font-weight:700;letter-spacing:.12em}.ai1h-metric strong{display:block;margin-top:32px;color:var(--sx-green);font-size:clamp(3rem,5vw,5rem);font-weight:500;line-height:1;letter-spacing:-.06em;text-shadow:0 0 30px rgba(136,247,25,.12)}.ai1h-metric b{display:block;margin-top:17px;color:#d9e5dc;font-size:.82rem;font-weight:600;line-height:1.45}.ai1h-metric i{position:absolute;left:26px;right:26px;bottom:22px;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.ai1h-metric i::before{content:"";display:block;width:42%;height:100%;background:linear-gradient(90deg,var(--sx-green),transparent);animation:sxTelemetry 2.4s ease-in-out infinite paused}.is-stage-active.ai1h-metric i::before{animation-play-state:running}
.ai1h-closing-section{background:linear-gradient(180deg,#06110a,#020504)!important}.ai1h-closing::after{content:"AI1HOST"}

@keyframes ai1hCore{0%,100%{transform:translate(-50%,-50%) scale(.95)}50%{transform:translate(-50%,-50%) scale(1.055);box-shadow:0 0 52px rgba(136,247,25,.28)}}
@keyframes ai1hNodeFloat{0%,100%{transform:translateY(0);opacity:.72}50%{transform:translateY(-7px);opacity:1}}
@keyframes ai1hPacketWeb{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}58%{transform:translate(-155px,-95px);opacity:1}90%{opacity:0}}
@keyframes ai1hPacketMail{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}58%{transform:translate(150px,-96px);opacity:1}90%{opacity:0}}
@keyframes ai1hPacketBackup{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}58%{transform:translate(150px,104px);opacity:1}90%{opacity:0}}
@keyframes ai1hRackIn{0%,100%{transform:translateX(-14px);opacity:.45}35%,70%{transform:none;opacity:1}}
@keyframes ai1hRackLoad{0%,100%{transform:scaleX(.28);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@keyframes ai1hTag{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ai1hDomainPacketOne{0%,100%{left:50%;top:50%;opacity:0}15%{opacity:1}65%{left:17%;top:25%;opacity:1}90%{opacity:0}}
@keyframes ai1hDomainPacketTwo{0%,100%{right:50%;top:50%;opacity:0}15%{opacity:1}65%{right:15%;top:31%;opacity:1}90%{opacity:0}}
@keyframes ai1hDomainPacketThree{0%,100%{right:50%;bottom:50%;opacity:0}15%{opacity:1}65%{right:28%;bottom:16%;opacity:1}90%{opacity:0}}
@keyframes ai1hCloudFloat{0%,100%{transform:translateY(4px)}50%{transform:translateY(-9px)}}
@keyframes ai1hBeam{to{transform:rotate(360deg)}}
@keyframes ai1hRailPacket{from{left:-4%;opacity:0}12%,88%{opacity:1}to{left:100%;opacity:0}}
@keyframes ai1hShield{0%,100%{transform:translate(-50%,-50%) scale(.96);filter:brightness(.85)}50%{transform:translate(-50%,-50%) scale(1.04);filter:brightness(1.2)}}

@media(max-width:1100px){.ai1x-page--host .ai1x-hero__inner{grid-template-columns:1fr .82fr}.ai1h-service-grid{grid-template-columns:1fr}.ai1h-service{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);grid-template-rows:auto 1fr;min-height:420px}.ai1h-service__visual{grid-row:1/3;grid-column:1;margin:14px}.ai1h-service__top{grid-column:2}.ai1h-service__body{grid-column:2}.ai1h-migration{grid-template-columns:repeat(2,minmax(0,1fr))}.ai1h-migration__rail{display:none}.ai1h-resilience{grid-template-columns:1fr}.ai1h-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.ai1x-page--host .ai1x-hero{min-height:auto}.ai1x-page--host .ai1x-hero__inner{grid-template-columns:1fr;padding:82px 0}.ai1h-control{max-width:650px}.ai1h-control__telemetry{grid-template-columns:repeat(2,1fr)}.ai1h-service{display:grid;grid-template-columns:1fr;grid-template-rows:auto 220px auto;min-height:0}.ai1h-service__visual{grid-column:1;grid-row:2;margin:0 14px}.ai1h-service__top{grid-column:1;grid-row:1}.ai1h-service__body{grid-column:1;grid-row:3}.ai1h-resilience__console{min-height:430px}}
@media(max-width:620px){.ai1x-page--host .ai1x-section{padding:58px 0!important}.ai1x-page--host .ai1x-hero h1{font-size:clamp(2.8rem,14vw,4.6rem)}.ai1x-page--host .ai1x-actions{display:grid}.ai1x-page--host .ai1x-button{width:100%}.ai1h-control__stage{height:300px}.ai1h-control__node{width:56px;height:46px}.ai1h-control__telemetry{grid-template-columns:1fr}.ai1h-migration{grid-template-columns:1fr}.ai1h-resilience__console{min-height:500px}.ai1h-resilience__checks{grid-template-columns:repeat(2,1fr)}.ai1h-metrics{grid-template-columns:1fr}.ai1h-closing .ai1x-button{width:100%}}
@media(prefers-reduced-motion:reduce){.ai1x-page--host *,.ai1x-page--host *::before,.ai1x-page--host *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ai1x-page--host .sx-reveal{opacity:1!important;filter:none!important;transform:none!important}}

/* ========================================================================== 
   AI1HOST V2 — WOW, CONTENT & INTERACTION PASS
   Keeps every AI1Host enhancement inside the Solutions-family stylesheet.
========================================================================== */

/* Email/domain centre mark: optical, not merely mathematical, centring. */
.ai1x-page--host .ai1h-domain__core{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important}
.ai1x-page--host .ai1h-domain__core b{display:flex;width:100%;height:100%;align-items:center;justify-content:center;line-height:1;font-size:2.35rem;font-weight:500;transform:translateY(-.02em)}

/* Richer service bays. */
.ai1x-page--host .ai1h-service{min-height:700px;transform-style:preserve-3d}
.ai1x-page--host .ai1h-service::before{content:"";position:absolute;inset:0 0 auto;height:4px;z-index:9;background:linear-gradient(90deg,var(--hc),transparent 74%);box-shadow:0 0 22px var(--hg)}
.ai1x-page--host .ai1h-service::after{content:"";position:absolute;inset:-45%;z-index:-1;background:conic-gradient(from 100deg,transparent,var(--hg),transparent 20%,transparent 55%,var(--hg),transparent 70%);animation:ai1hServiceHalo 12s linear infinite paused}
.ai1x-page--host .ai1h-service.is-stage-active::after{animation-play-state:running}
.ai1x-page--host .ai1h-service:hover{transform:translateY(-15px) rotateX(1.2deg) scale(1.018);border-color:var(--hc);box-shadow:0 48px 115px rgba(0,0,0,.54),0 0 58px var(--hg)}
.ai1x-page--host .ai1h-service__visual{position:relative;overflow:hidden}
.ai1x-page--host .ai1h-service__visual::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-45%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:ai1hVisualSweep 5.8s ease-in-out infinite paused}
.ai1x-page--host .ai1h-service.is-stage-active .ai1h-service__visual::after{animation-play-state:running}
.ai1x-page--host .ai1h-service__body{padding-bottom:30px}
.ai1x-page--host .ai1h-service__facts{display:grid;gap:7px;margin-top:24px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--hc) 22%,transparent);border-radius:14px;background:color-mix(in srgb,var(--hc) 5%,rgba(255,255,255,.015))}
.ai1x-page--host .ai1h-service__facts span{color:var(--hc);font-size:.54rem;font-weight:800;letter-spacing:.14em}
.ai1x-page--host .ai1h-service__facts b{color:#9eadA3;font-size:.69rem;font-weight:600;line-height:1.6}

/* --------------------------------------------------------------------------
   Migration route — one connected mission console rather than four boxes.
---------------------------------------------------------------------------- */
.ai1x-page--host .ai1h-section--migration{overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(136,247,25,.09),transparent 30rem),linear-gradient(180deg,#020504,#06110a 50%,#020504)}
.ai1x-page--host .ai1h-section--migration::before{content:"";position:absolute;inset:0;opacity:.095;pointer-events:none;background-image:linear-gradient(rgba(136,247,25,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(136,247,25,.2) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 22%,#000 80%,transparent)}
.ai1h-route{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);padding:clamp(26px,3vw,42px);overflow:hidden;border:1px solid rgba(136,247,25,.16);border-radius:38px;background:radial-gradient(650px circle at 50% 0,rgba(136,247,25,.07),transparent 62%),linear-gradient(145deg,rgba(6,18,10,.96),rgba(1,6,3,.99));box-shadow:0 36px 100px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.035)}
.ai1h-route::before{content:"MIGRATION CONTROL";position:absolute;right:24px;top:15px;color:rgba(255,255,255,.035);font-size:clamp(2rem,5vw,5rem);font-weight:700;letter-spacing:-.06em;pointer-events:none}
.ai1h-route__beam{position:absolute;left:7%;right:7%;top:128px;height:2px;z-index:0;background:linear-gradient(90deg,transparent,rgba(136,247,25,.18),rgba(136,247,25,.6),rgba(136,247,25,.18),transparent);box-shadow:0 0 15px rgba(136,247,25,.16)}
.ai1h-route__beam::before{content:"";position:absolute;left:-4%;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 18px var(--sx-green);animation:ai1hRoutePacket 5.2s linear infinite paused}.ai1h-route.is-stage-active .ai1h-route__beam::before{animation-play-state:running}
.ai1h-route__beam i{position:absolute;top:-4px;width:10px;height:10px;border:2px solid var(--sx-green);border-radius:50%;background:#041008;box-shadow:0 0 12px rgba(136,247,25,.45)}
.ai1h-route__beam i:nth-child(1){left:18%}.ai1h-route__beam i:nth-child(2){left:50%}.ai1h-route__beam i:nth-child(3){left:82%}
.ai1h-route__stage{--stage:#88f719;position:relative;z-index:2;min-height:455px;padding:26px 24px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--stage) 28%,transparent);border-radius:30px 30px 12px 30px;background:radial-gradient(260px circle at var(--sx-x) var(--sx-y),color-mix(in srgb,var(--stage) 12%,transparent),transparent 62%),linear-gradient(155deg,rgba(8,25,13,.98),rgba(1,8,4,.99));box-shadow:0 22px 55px rgba(0,0,0,.28);clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}
.ai1h-route__stage--prepare{--stage:#b7ff58}.ai1h-route__stage--migrate{--stage:#64d9ff}.ai1h-route__stage--verify{--stage:#f0d59a}
.ai1h-route__stage::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--stage),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--stage) 35%,transparent)}
.ai1h-route__stage::after{content:attr(data-step);position:absolute;right:-4px;bottom:-22px;color:rgba(255,255,255,.028);font-size:9rem;font-weight:700;letter-spacing:-.1em;pointer-events:none}
.ai1h-route__stage:hover{transform:translateY(-15px) scale(1.02);border-color:color-mix(in srgb,var(--stage) 68%,transparent);box-shadow:0 42px 90px rgba(0,0,0,.46),0 0 42px color-mix(in srgb,var(--stage) 12%,transparent)}
.ai1h-route__number{display:block;color:var(--stage);font-size:.64rem;font-weight:800;letter-spacing:.14em}
.ai1h-route__orb{position:relative;display:grid;width:92px;height:92px;margin:34px 0 34px;place-items:center;border:1px solid color-mix(in srgb,var(--stage) 55%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--stage) 12%,transparent),transparent 70%);box-shadow:0 0 30px color-mix(in srgb,var(--stage) 9%,transparent)}
.ai1h-route__orb::before,.ai1h-route__orb::after{content:"";position:absolute;border:1px dashed color-mix(in srgb,var(--stage) 28%,transparent);border-radius:50%;animation:sxOrbitPlain 7s linear infinite paused}.ai1h-route__orb::before{inset:-12px}.ai1h-route__orb::after{inset:12px;animation-direction:reverse;animation-duration:5s}.is-stage-active .ai1h-route__orb::before,.is-stage-active .ai1h-route__orb::after{animation-play-state:running}
.ai1h-route__stage small{display:block;color:#6f8175;font-size:.56rem;font-weight:800;letter-spacing:.14em}.ai1h-route__stage h3{margin:9px 0 12px;font-size:1.75rem}.ai1h-route__stage p{margin:0;color:#98a89d;font-size:.86rem;line-height:1.75}.ai1h-route__stage>b{display:block;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);color:var(--stage);font-size:.67rem;font-weight:700;line-height:1.55}
.ai1h-route__stage .ai1h-icon-scan,.ai1h-route__stage .ai1h-icon-build,.ai1h-route__stage .ai1h-icon-transfer,.ai1h-route__stage .ai1h-icon-check{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--stage) 45%,transparent))}
.ai1h-route__stage .ai1h-icon-scan,.ai1h-route__stage .ai1h-icon-build,.ai1h-route__stage .ai1h-icon-check{border-color:var(--stage)}
.ai1h-route__stage .ai1h-icon-scan::before,.ai1h-route__stage .ai1h-icon-build::before,.ai1h-route__stage .ai1h-icon-build::after,.ai1h-route__stage .ai1h-icon-transfer::before,.ai1h-route__stage .ai1h-icon-transfer::after{background:var(--stage)}
.ai1h-route__stage .ai1h-icon-check::after{border-color:var(--stage)}

/* Resilience — branded AI1Host core, more dimensional and animated. */
.ai1x-page--host .ai1h-resilience__console{min-height:510px;transition:transform .4s ease,border-color .35s ease,box-shadow .35s ease;background:radial-gradient(430px circle at var(--sx-x) var(--sx-y),rgba(136,247,25,.12),transparent 62%),linear-gradient(150deg,rgba(8,25,13,.98),rgba(1,8,4,.99))}
.ai1x-page--host .ai1h-resilience__console:hover{transform:translateY(-11px) scale(1.012);border-color:rgba(136,247,25,.5);box-shadow:0 46px 110px rgba(0,0,0,.54),0 0 58px rgba(136,247,25,.12)}
.ai1h-resilience__brand{position:absolute;left:50%;top:40%;z-index:4;display:grid;width:152px;height:152px;place-items:center;border:1px solid rgba(136,247,25,.46);border-radius:50%;background:radial-gradient(circle,rgba(136,247,25,.14),#031008 68%);transform:translate(-50%,-50%);box-shadow:0 0 48px rgba(136,247,25,.16),inset 0 0 28px rgba(136,247,25,.06);animation:ai1hBrandPulse 2.8s ease-in-out infinite paused}.is-stage-active .ai1h-resilience__brand{animation-play-state:running}
.ai1h-resilience__brand>span{position:absolute;inset:-18px;border:1px dashed rgba(136,247,25,.24);border-radius:50%;animation:sxOrbitPlain 9s linear infinite paused}.is-stage-active .ai1h-resilience__brand>span{animation-play-state:running}
.ai1h-resilience__brand img{position:relative;z-index:2;width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.48))}
.ai1h-resilience__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:28px}.ai1h-resilience__notes span{position:relative;padding:13px 13px 13px 32px;border:1px solid rgba(136,247,25,.1);border-radius:12px;background:rgba(255,255,255,.018);color:#a6b5aa;font-size:.72rem;line-height:1.55}.ai1h-resilience__notes span::before{content:"✓";position:absolute;left:12px;color:var(--sx-green)}

/* Why AI1Host — balanced two-column intro and animated working-principles board. */
.ai1h-why-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(410px,.82fr);gap:clamp(42px,7vw,92px);align-items:center;margin-bottom:clamp(42px,5vw,70px)}
.ai1h-why-intro .ai1x-heading{margin-bottom:0}
.ai1h-why-board{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(136,247,25,.24);border-radius:30px;background:radial-gradient(420px circle at var(--sx-x) var(--sx-y),rgba(136,247,25,.1),transparent 62%),linear-gradient(150deg,rgba(8,25,13,.98),rgba(1,8,4,.99));box-shadow:0 32px 88px rgba(0,0,0,.42);transition:.4s ease}
.ai1h-why-board:hover{transform:translateY(-10px);border-color:rgba(136,247,25,.5);box-shadow:0 45px 105px rgba(0,0,0,.52),0 0 52px rgba(136,247,25,.1)}
.ai1h-why-board::before{content:"";position:absolute;inset:-50%;z-index:-1;background:conic-gradient(from 0deg,transparent,rgba(136,247,25,.09),transparent 22%,rgba(74,168,255,.05),transparent 50%);animation:ai1hServiceHalo 13s linear infinite paused}.ai1h-why-board.is-stage-active::before{animation-play-state:running}
.ai1h-why-board__head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);color:#89978e;font-size:.58rem;font-weight:700;letter-spacing:.12em}.ai1h-why-board__head b{display:flex;align-items:center;gap:7px;color:var(--sx-green)}.ai1h-why-board__head b i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:sxStatus 1.4s ease-in-out infinite}
.ai1h-why-board__core{position:relative;display:grid;height:190px;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(136,247,25,.1),transparent 58%)}.ai1h-why-board__core img{position:relative;z-index:3;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 15px 22px rgba(0,0,0,.45));animation:ai1hCloudFloat 3.2s ease-in-out infinite paused}.is-stage-active .ai1h-why-board__core img{animation-play-state:running}
.ai1h-why-board__ring{position:absolute;border:1px solid rgba(136,247,25,.24);border-radius:50%;animation:sxOrbitPlain 8s linear infinite paused}.ai1h-why-board__ring--one{width:170px;height:170px;border-style:dashed}.ai1h-why-board__ring--two{width:126px;height:126px;border-color:rgba(74,168,255,.2);animation-direction:reverse;animation-duration:5.8s}.is-stage-active .ai1h-why-board__ring{animation-play-state:running}
.ai1h-why-board__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.06)}.ai1h-why-board__list>span{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:15px;background:#041008}.ai1h-why-board__list i{grid-row:1/3;color:var(--sx-green);font-size:.55rem;font-style:normal;font-weight:800}.ai1h-why-board__list b{color:#dce7df;font-size:.7rem;font-weight:650}.ai1h-why-board__list small{color:#718178;font-size:.58rem;line-height:1.45}

.ai1x-page--host .ai1h-metric{min-height:285px}.ai1x-page--host .ai1h-metric p{margin:10px 0 30px;color:#78887e;font-size:.7rem;line-height:1.55}

@keyframes ai1hServiceHalo{to{transform:rotate(360deg)}}
@keyframes ai1hVisualSweep{0%,20%{left:-45%;opacity:0}38%,62%{opacity:1}82%,100%{left:125%;opacity:0}}
@keyframes ai1hRoutePacket{0%{left:-4%;opacity:0}8%,92%{opacity:1}100%{left:100%;opacity:0}}
@keyframes ai1hBrandPulse{0%,100%{transform:translate(-50%,-50%) scale(.96);filter:brightness(.9)}50%{transform:translate(-50%,-50%) scale(1.045);filter:brightness(1.18);box-shadow:0 0 64px rgba(136,247,25,.22),inset 0 0 30px rgba(136,247,25,.08)}}

@media(max-width:1100px){
    .ai1x-page--host .ai1h-service{min-height:480px}
    .ai1h-route{grid-template-columns:repeat(2,minmax(0,1fr))}.ai1h-route__beam{display:none}
    .ai1h-why-intro{grid-template-columns:1fr}.ai1h-why-board{max-width:760px}
}
@media(max-width:820px){
    .ai1x-page--host .ai1h-service{min-height:0}
    .ai1h-resilience__notes{grid-template-columns:1fr}
}
@media(max-width:620px){
    .ai1h-route{grid-template-columns:1fr;padding:18px;border-radius:26px}.ai1h-route::before{display:none}.ai1h-route__stage{min-height:0;padding:24px 20px;border-radius:24px;clip-path:none}.ai1h-route__orb{margin:26px 0}
    .ai1h-why-board__list{grid-template-columns:1fr}.ai1h-why-board__core{height:170px}
}

/* ========================================================================== 
   AI1HOST V3 - MOTION, BORDER & RESILIENCE WOW PASS
   Dedicated overrides for the AI1Host page inside the Solutions family.
========================================================================== */

/* 01. EMAIL / DOMAIN CORE - TRUE CENTRING ------------------------------- */
.ai1x-page--host .ai1h-domain__core{
    position:relative;
    inset:auto;
    margin:0;
    transform:none;
    animation:ai1hDomainCorePulse 2.4s ease-in-out infinite paused;
}
.ai1x-page--host .ai1h-domain__core b{
    display:grid!important;
    width:100%!important;
    height:100%!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
    transform:none!important;
}
.ai1x-page--host .ai1h-service.is-stage-active .ai1h-domain__core{
    animation-play-state:running;
}
@keyframes ai1hDomainCorePulse{
    0%,100%{transform:scale(.96);box-shadow:0 0 26px var(--hg)}
    50%{transform:scale(1.055);box-shadow:0 0 52px var(--hg),inset 0 0 22px rgba(240,213,154,.07)}
}

/* 02. THICKER OUTER CARD BORDERS --------------------------------------- */
.ai1x-page--host .ai1h-control,
.ai1x-page--host .ai1h-service,
.ai1x-page--host .ai1h-route,
.ai1x-page--host .ai1h-route__stage,
.ai1x-page--host .ai1h-resilience__console,
.ai1x-page--host .ai1h-why-board,
.ai1x-page--host .ai1h-metric,
.ai1x-page--host .ai1h-closing{
    border-width:2px!important;
}
.ai1x-page--host .ai1h-service__visual,
.ai1x-page--host .ai1h-route__orb,
.ai1x-page--host .ai1h-why-board__core,
.ai1x-page--host .ai1h-resilience__checks span{
    border-width:2px;
}

/* 03. MIGRATION - CARD-BY-CARD SCROLL ENTRANCES ------------------------ */
.ai1x-page--host.sx-motion-ready .ai1h-route__stage.sx-reveal{
    opacity:0;
    filter:blur(7px);
    transition:
        opacity .68s ease,
        transform .88s cubic-bezier(.18,.82,.2,1),
        filter .72s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}
.ai1x-page--host.sx-motion-ready .ai1h-route__stage.sx-reveal[data-sx-reveal="left"]{
    transform:translate3d(-115px,0,0) rotateY(7deg) scale(.965);
}
.ai1x-page--host.sx-motion-ready .ai1h-route__stage.sx-reveal[data-sx-reveal="right"]{
    transform:translate3d(115px,0,0) rotateY(-7deg) scale(.965);
}
.ai1x-page--host.sx-motion-ready .ai1h-route__stage.sx-reveal.is-inview{
    opacity:1;
    filter:none;
    transform:none;
}
.ai1x-page--host .ai1h-route__stage{
    transform-style:preserve-3d;
}
.ai1x-page--host .ai1h-route__stage.is-stage-active{
    animation:ai1hRouteBreathe 4.8s ease-in-out infinite;
}
.ai1x-page--host .ai1h-route__stage:nth-of-type(2){animation-delay:-1.2s}
.ai1x-page--host .ai1h-route__stage:nth-of-type(3){animation-delay:-2.4s}
.ai1x-page--host .ai1h-route__stage:nth-of-type(4){animation-delay:-3.6s}
.ai1x-page--host .ai1h-route__stage:hover{
    animation-play-state:paused;
    transform:translateY(-16px) scale(1.025)!important;
}
.ai1x-page--host .ai1h-route__stage::before{
    height:5px;
}
.ai1x-page--host .ai1h-route__stage::after{
    text-shadow:0 0 30px color-mix(in srgb,var(--stage) 8%,transparent);
}
.ai1x-page--host .ai1h-route__stage.is-stage-active .ai1h-route__orb{
    animation:ai1hRouteOrbFloat 3.1s ease-in-out infinite;
}
.ai1x-page--host .ai1h-route__stage:nth-of-type(2) .ai1h-route__orb{animation-delay:-.7s}
.ai1x-page--host .ai1h-route__stage:nth-of-type(3) .ai1h-route__orb{animation-delay:-1.4s}
.ai1x-page--host .ai1h-route__stage:nth-of-type(4) .ai1h-route__orb{animation-delay:-2.1s}
@keyframes ai1hRouteBreathe{
    0%,100%{box-shadow:0 22px 55px rgba(0,0,0,.30),0 0 0 color-mix(in srgb,var(--stage) 0%,transparent)}
    50%{box-shadow:0 29px 72px rgba(0,0,0,.39),0 0 34px color-mix(in srgb,var(--stage) 10%,transparent)}
}
@keyframes ai1hRouteOrbFloat{
    0%,100%{transform:translateY(0) rotate(0deg)}
    50%{transform:translateY(-8px) rotate(3deg)}
}

/* 04. RESILIENCE - LIVE PROTECTION GRID -------------------------------- */
.ai1x-page--host .ai1h-resilience__console{
    min-height:590px;
    isolation:isolate;
    background:
        radial-gradient(520px circle at var(--sx-x) var(--sx-y),rgba(136,247,25,.14),transparent 62%),
        radial-gradient(circle at 78% 26%,rgba(74,168,255,.08),transparent 18rem),
        linear-gradient(155deg,rgba(7,25,13,.99),rgba(1,8,4,.995));
    box-shadow:
        0 42px 110px rgba(0,0,0,.54),
        0 0 60px rgba(136,247,25,.10),
        inset 0 1px rgba(255,255,255,.05);
}
.ai1x-page--host .ai1h-resilience__console::before{
    opacity:.16;
    background-image:
        linear-gradient(rgba(136,247,25,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(136,247,25,.08) 1px,transparent 1px),
        radial-gradient(circle,rgba(136,247,25,.42) 1px,transparent 1.4px);
    background-size:34px 34px,34px 34px,68px 68px;
    mask-image:radial-gradient(circle at 50% 46%,#000,transparent 78%);
}
.ai1x-page--host .ai1h-resilience__console::after{
    content:"";
    position:absolute;
    inset:-45%;
    z-index:-1;
    background:conic-gradient(from 40deg,transparent,rgba(136,247,25,.13),transparent 18%,rgba(74,168,255,.07),transparent 40%);
    animation:ai1hResilienceAmbient 13s linear infinite paused;
}
.ai1x-page--host .ai1h-resilience__console.is-stage-active::after{animation-play-state:running}
.ai1h-resilience__head{
    position:relative;
    z-index:7;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:17px 20px;
    border-bottom:1px solid rgba(255,255,255,.075);
    color:#83948a;
    font-size:.58rem;
    font-weight:700;
    letter-spacing:.13em;
}
.ai1h-resilience__head b{display:flex;align-items:center;gap:8px;color:var(--sx-green)}
.ai1h-resilience__head b i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;animation:sxStatus 1.25s ease-in-out infinite}
.ai1h-resilience__scene{
    position:relative;
    height:400px;
    overflow:hidden;
    margin:0 18px;
    border-inline:1px solid rgba(136,247,25,.08);
    background:radial-gradient(circle at center,rgba(136,247,25,.075),transparent 55%);
}
.ai1h-resilience__grid{
    position:absolute;
    inset:0;
    opacity:.28;
    background-image:
        linear-gradient(rgba(136,247,25,.09) 1px,transparent 1px),
        linear-gradient(90deg,rgba(136,247,25,.09) 1px,transparent 1px);
    background-size:28px 28px;
    mask-image:radial-gradient(circle,#000,transparent 76%);
    transform:perspective(500px) rotateX(56deg) scale(1.25) translateY(80px);
}
.ai1h-resilience__sweep{
    position:absolute;
    top:-20%;
    bottom:-20%;
    left:-30%;
    width:28%;
    opacity:0;
    background:linear-gradient(90deg,transparent,rgba(136,247,25,.13),rgba(255,255,255,.09),transparent);
    transform:skewX(-15deg);
    animation:ai1hResilienceSweep 4.8s ease-in-out infinite paused;
}
.is-stage-active .ai1h-resilience__sweep{animation-play-state:running}
.ai1x-page--host .ai1h-resilience__rings{
    top:50%;
    width:330px;
    height:330px;
}
.ai1x-page--host .ai1h-resilience__rings i:nth-child(1){border-width:2px;box-shadow:0 0 20px rgba(136,247,25,.08)}
.ai1x-page--host .ai1h-resilience__rings i:nth-child(2){inset:38px}
.ai1x-page--host .ai1h-resilience__rings i:nth-child(3){inset:76px}
.ai1x-page--host .ai1h-resilience__rings i:nth-child(4){inset:112px;border-style:dashed;border-color:rgba(240,213,154,.25);animation-direction:reverse;animation-duration:4.2s}
.ai1x-page--host .ai1h-resilience__brand{
    top:50%;
    width:178px;
    height:178px;
    border-width:2px;
    box-shadow:0 0 65px rgba(136,247,25,.20),inset 0 0 34px rgba(136,247,25,.075);
}
.ai1x-page--host .ai1h-resilience__brand::before,
.ai1x-page--host .ai1h-resilience__brand::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.ai1x-page--host .ai1h-resilience__brand::before{inset:-30px;border:1px solid rgba(136,247,25,.16);animation:ai1hResiliencePulse 2.7s ease-out infinite paused}
.ai1x-page--host .ai1h-resilience__brand::after{inset:-52px;border:1px solid rgba(74,168,255,.10);animation:ai1hResiliencePulse 2.7s ease-out 1.35s infinite paused}
.ai1x-page--host .ai1h-resilience__console.is-stage-active .ai1h-resilience__brand::before,
.ai1x-page--host .ai1h-resilience__console.is-stage-active .ai1h-resilience__brand::after{animation-play-state:running}
.ai1x-page--host .ai1h-resilience__brand img{width:122px;height:122px}
.ai1h-resilience__satellite{
    position:absolute;
    z-index:6;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:8px;
    align-items:center;
    min-width:84px;
    padding:9px 11px;
    border:1px solid rgba(136,247,25,.23);
    border-radius:999px;
    color:#cbd8cf;
    background:rgba(2,12,6,.9);
    box-shadow:0 12px 28px rgba(0,0,0,.28);
    font-size:.49rem;
    letter-spacing:.09em;
    animation:ai1hSatelliteFloat 3.4s ease-in-out infinite paused;
}
.is-stage-active .ai1h-resilience__satellite{animation-play-state:running}
.ai1h-resilience__satellite i{width:7px;height:7px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 11px var(--sx-green)}
.ai1h-resilience__satellite--ssl{left:7%;top:17%}
.ai1h-resilience__satellite--backup{right:6%;top:22%;animation-delay:-.8s}
.ai1h-resilience__satellite--monitor{left:5%;bottom:16%;animation-delay:-1.6s}
.ai1h-resilience__satellite--support{right:6%;bottom:14%;animation-delay:-2.4s}
.ai1h-resilience__packet{
    position:absolute;
    z-index:5;
    left:50%;
    top:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--sx-green);
    box-shadow:0 0 14px var(--sx-green);
    opacity:0;
}
.ai1h-resilience__packet--one{animation:ai1hResPacketOne 3.1s ease-in-out infinite paused}
.ai1h-resilience__packet--two{animation:ai1hResPacketTwo 3.5s ease-in-out -.7s infinite paused}
.ai1h-resilience__packet--three{animation:ai1hResPacketThree 3.9s ease-in-out -1.4s infinite paused}
.ai1h-resilience__packet--four{animation:ai1hResPacketFour 4.2s ease-in-out -2.1s infinite paused}
.is-stage-active .ai1h-resilience__packet{animation-play-state:running}
.ai1x-page--host .ai1h-resilience__checks{
    position:relative;
    z-index:8;
    left:auto;
    right:auto;
    bottom:auto;
    padding:0 18px 14px;
}
.ai1x-page--host .ai1h-resilience__checks span{
    min-height:60px;
    border-color:rgba(136,247,25,.14);
    background:linear-gradient(150deg,rgba(136,247,25,.045),rgba(255,255,255,.018));
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.ai1x-page--host .ai1h-resilience__checks span:hover{
    transform:translateY(-5px);
    border-color:rgba(136,247,25,.38);
    box-shadow:0 16px 34px rgba(0,0,0,.26),0 0 24px rgba(136,247,25,.07);
}
.ai1h-resilience__ticker{
    position:relative;
    z-index:8;
    display:grid;
    grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
    gap:10px;
    align-items:center;
    padding:11px 20px 15px;
    color:#77877d;
    font-size:.48rem;
    font-weight:700;
    letter-spacing:.12em;
}
.ai1h-resilience__ticker i{height:2px;overflow:hidden;background:rgba(136,247,25,.08)}
.ai1h-resilience__ticker i::before{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,var(--sx-green),transparent);animation:ai1hTicker 2.2s linear infinite paused}
.is-stage-active .ai1h-resilience__ticker i::before{animation-play-state:running}
.ai1h-resilience__ticker i:nth-of-type(2)::before{animation-delay:-.7s}.ai1h-resilience__ticker i:nth-of-type(3)::before{animation-delay:-1.4s}

@keyframes ai1hResilienceAmbient{to{transform:rotate(360deg)}}
@keyframes ai1hResilienceSweep{0%,18%{left:-30%;opacity:0}35%,65%{opacity:1}84%,100%{left:118%;opacity:0}}
@keyframes ai1hResiliencePulse{0%{opacity:.65;transform:scale(.7)}100%{opacity:0;transform:scale(1.35)}}
@keyframes ai1hSatelliteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ai1hResPacketOne{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(-210px,-125px);opacity:1}92%{opacity:0}}
@keyframes ai1hResPacketTwo{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(205px,-104px);opacity:1}92%{opacity:0}}
@keyframes ai1hResPacketThree{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(-218px,120px);opacity:1}92%{opacity:0}}
@keyframes ai1hResPacketFour{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(208px,126px);opacity:1}92%{opacity:0}}
@keyframes ai1hTicker{from{transform:translateX(-60%)}to{transform:translateX(260%)}}

/* 05. RESPONSIVE POLISH ------------------------------------------------- */
@media(max-width:820px){
    .ai1x-page--host .ai1h-resilience__console{min-height:600px}
    .ai1h-resilience__scene{height:390px}
    .ai1h-resilience__ticker{grid-template-columns:1fr 1fr 1fr 1fr;text-align:center}
    .ai1h-resilience__ticker i{display:none}
}
@media(max-width:620px){
    .ai1x-page--host.sx-motion-ready .ai1h-route__stage.sx-reveal[data-sx-reveal="left"],
    .ai1x-page--host.sx-motion-ready .ai1h-route__stage.sx-reveal[data-sx-reveal="right"]{
        transform:translate3d(0,52px,0) scale(.97);
    }
    .ai1x-page--host .ai1h-resilience__console{min-height:640px}
    .ai1h-resilience__scene{height:390px;margin:0 10px}
    .ai1x-page--host .ai1h-resilience__rings{width:270px;height:270px}
    .ai1x-page--host .ai1h-resilience__brand{width:150px;height:150px}
    .ai1x-page--host .ai1h-resilience__brand img{width:102px;height:102px}
    .ai1h-resilience__satellite{min-width:70px;padding:7px 8px;font-size:.43rem}
    .ai1h-resilience__satellite--ssl{left:2%}.ai1h-resilience__satellite--backup{right:2%}.ai1h-resilience__satellite--monitor{left:2%}.ai1h-resilience__satellite--support{right:2%}
}

/* ========================================================================== 
   AI1DESIGN - SOLUTIONS FAMILY EXPERIENCE
   All AI1Design presentation and motion remains inside solutions.css.
========================================================================== */
.ai1x-page--design{
    --sx-green:#93ff19;--sx-lime:#c2ff56;--sx-amber:#ffc43d;--sx-gold:#f0d59a;--sx-cyan:#58d8ff;--sx-coral:#ff735f;
    --sx-pink:#ff5fa2;--sx-bg:#020504;--sx-white:#f7faf7;--sx-text:#dce6df;--sx-muted:#93a39a;
    --sx-line:rgba(147,255,25,.18);--sx-shadow:0 32px 96px rgba(0,0,0,.5);--sx-x:50%;--sx-y:50%;
    width:100%;overflow:hidden;background:var(--sx-bg);color:var(--sx-text);font-family:"Comfortaa",system-ui,sans-serif;
}
.ai1x-page--design *{box-sizing:border-box}
.ai1x-page--design img,.ai1x-page--design svg,.ai1x-page--design video{display:block;max-width:100%}
.ai1x-page--design .ai1x-shell{width:min(1380px,calc(100% - clamp(28px,5vw,72px)));margin-inline:auto}
.ai1x-page--design h1,.ai1x-page--design h2,.ai1x-page--design h3{margin-top:0;color:var(--sx-white);font-weight:500;letter-spacing:-.045em}
.ai1x-page--design p{line-height:1.75}.ai1x-page--design a{text-decoration:none}
body.experience-page .ai1x-page--design{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.experience-page .com-content-article.item-page:has(.ai1x-page--design),
body.experience-page .com-content-article.item-page:has(.ai1x-page--design) .com-content-article__body{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}

/* Reveal system: content stays visible until JS opts into motion. */
.ai1x-page--design.sx-motion-ready .sx-reveal{opacity:0;filter:blur(8px);transition:opacity .72s ease,transform .9s cubic-bezier(.2,.78,.2,1),filter .8s ease;will-change:opacity,transform,filter}
.ai1x-page--design.sx-motion-ready .sx-reveal[data-sx-reveal="left"]{transform:translate3d(-92px,0,0) rotateY(5deg)}
.ai1x-page--design.sx-motion-ready .sx-reveal[data-sx-reveal="right"]{transform:translate3d(92px,0,0) rotateY(-5deg)}
.ai1x-page--design.sx-motion-ready .sx-reveal[data-sx-reveal="up"]{transform:translate3d(0,64px,0) scale(.965)}
.ai1x-page--design.sx-motion-ready .sx-reveal.is-inview{opacity:1;filter:none;transform:none}
.ai1x-page--design .ai1x-section{position:relative;min-height:0!important;height:auto!important;padding:clamp(74px,6.5vw,108px) 0!important;margin:0!important}
.ai1x-page--design .ai1x-heading{max-width:920px;margin:0 0 clamp(38px,4.5vw,62px)}
.ai1x-page--design .ai1x-heading--centre{margin-inline:auto;text-align:center}.ai1x-page--design .ai1x-heading--centre>p:last-child{margin-inline:auto}
.ai1x-page--design .ai1x-heading h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.02}
.ai1x-page--design .ai1x-heading>p:last-child{max-width:780px;margin:20px 0 0;color:var(--sx-muted);font-size:clamp(.98rem,1.2vw,1.12rem)}
.ai1x-page--design .ai1x-kicker{display:inline-flex;align-items:center;gap:15px;margin:0 0 18px;color:#aab5ad;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ai1x-page--design .ai1x-kicker::before{content:"";width:42px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--sx-green),var(--sx-amber),transparent);box-shadow:0 0 14px rgba(147,255,25,.38);animation:sxKicker 2.2s ease-in-out infinite}

/* HERO ------------------------------------------------------------------ */
.ai1x-page--design .ai1x-hero{padding:0!important;min-height:clamp(690px,85vh,920px);background:#010302}
.ai1x-page--design .ai1x-hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(430px,.82fr);padding:clamp(78px,10vh,124px) 0}
.ai1x-page--design .ai1x-hero h1{font-size:clamp(3.2rem,6.5vw,6.9rem);line-height:.94}
.ai1x-page--design .ai1x-hero h1 span{color:var(--sx-green);text-shadow:0 0 42px rgba(147,255,25,.10)}
.ai1d-hero__colourwash{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 72% 24%,rgba(255,196,61,.10),transparent 22rem),radial-gradient(circle at 90% 72%,rgba(88,216,255,.08),transparent 24rem),radial-gradient(circle at 56% 90%,rgba(255,95,162,.055),transparent 22rem)}

/* Creative control hero card */
.ai1d-studio{position:relative;isolation:isolate;overflow:hidden;border:2px solid rgba(147,255,25,.34);border-radius:32px;background:radial-gradient(460px circle at var(--sx-x) var(--sx-y),rgba(147,255,25,.11),transparent 60%),linear-gradient(150deg,rgba(9,25,14,.98),rgba(1,8,4,.99));box-shadow:0 38px 110px rgba(0,0,0,.56),0 0 70px rgba(147,255,25,.09);transition:transform .42s ease,border-color .35s ease,box-shadow .35s ease}
.ai1d-studio:hover{transform:translateY(-11px) scale(1.012);border-color:rgba(147,255,25,.66);box-shadow:0 50px 130px rgba(0,0,0,.62),0 0 82px rgba(147,255,25,.15)}
.ai1d-studio::before{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 40deg,transparent,rgba(147,255,25,.12),transparent 18%,rgba(255,196,61,.09),transparent 36%,rgba(88,216,255,.07),transparent 54%,rgba(255,95,162,.055),transparent 72%);animation:ai1dAmbient 12s linear infinite paused}
.ai1d-studio.is-stage-active::before{animation-play-state:running}
.ai1d-studio__head{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid rgba(255,255,255,.07);color:#89978e;font-size:.62rem;font-weight:700;letter-spacing:.13em}.ai1d-studio__head b{display:flex;align-items:center;gap:8px;color:var(--sx-green)}.ai1d-studio__head b i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;animation:sxStatus 1.25s ease-in-out infinite}
.ai1d-studio__stage{position:relative;height:370px;margin:8px 16px 0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:23px;background:radial-gradient(circle at 50% 48%,rgba(147,255,25,.10),transparent 47%),rgba(0,0,0,.23)}
.ai1d-studio__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(147,255,25,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(147,255,25,.10) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle,#000,transparent 78%)}
.ai1d-studio__sweep{position:absolute;top:-25%;bottom:-25%;left:-35%;width:28%;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),rgba(147,255,25,.12),transparent);transform:skewX(-16deg);animation:ai1dSweep 5s ease-in-out infinite paused}.is-stage-active .ai1d-studio__sweep{animation-play-state:running}
.ai1d-studio__orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(147,255,25,.24);border-radius:50%;transform:translate(-50%,-50%);animation:sxOrbit 9s linear infinite paused}.ai1d-studio__orbit--one{width:78%;height:78%;border-style:dashed}.ai1d-studio__orbit--two{width:58%;height:58%;border-color:rgba(255,196,61,.25);animation:sxOrbitReverse 6.4s linear infinite paused}.ai1d-studio__orbit--three{width:38%;height:38%;border-style:dotted;border-color:rgba(88,216,255,.25);animation-duration:4.8s}.is-stage-active .ai1d-studio__orbit{animation-play-state:running}
.ai1d-studio__core{position:absolute;left:50%;top:50%;z-index:4;display:grid;width:138px;height:138px;place-items:center;border:2px solid rgba(147,255,25,.52);border-radius:50%;background:radial-gradient(circle,rgba(147,255,25,.13),#031008 68%);transform:translate(-50%,-50%);box-shadow:0 0 58px rgba(147,255,25,.17),inset 0 0 30px rgba(147,255,25,.065);animation:ai1dCorePulse 2.7s ease-in-out infinite paused}.is-stage-active .ai1d-studio__core{animation-play-state:running}.ai1d-studio__core>span{position:absolute;inset:-22px;border:1px dashed rgba(255,196,61,.21);border-radius:50%;animation:sxOrbitPlain 8s linear infinite paused}.is-stage-active .ai1d-studio__core>span{animation-play-state:running}.ai1d-studio__core img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 15px 24px rgba(0,0,0,.48))}
.ai1d-studio__node{position:absolute;z-index:4;display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;min-width:78px;padding:9px 11px;border:1px solid rgba(147,255,25,.23);border-radius:999px;background:rgba(2,12,6,.92);color:#d7e3da;box-shadow:0 12px 28px rgba(0,0,0,.3);font-size:.49rem;letter-spacing:.09em;animation:ai1dNodeFloat 3.6s ease-in-out infinite paused}.is-stage-active .ai1d-studio__node{animation-play-state:running}.ai1d-studio__node i{width:7px;height:7px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 11px var(--sx-green)}.ai1d-studio__node--brand{left:6%;top:17%}.ai1d-studio__node--ux{right:6%;top:18%;border-color:rgba(255,196,61,.24);animation-delay:-.8s}.ai1d-studio__node--ux i{background:var(--sx-amber);box-shadow:0 0 11px var(--sx-amber)}.ai1d-studio__node--content{left:5%;bottom:15%;border-color:rgba(88,216,255,.22);animation-delay:-1.6s}.ai1d-studio__node--content i{background:var(--sx-cyan);box-shadow:0 0 11px var(--sx-cyan)}.ai1d-studio__node--build{right:6%;bottom:14%;border-color:rgba(255,95,162,.20);animation-delay:-2.4s}.ai1d-studio__node--build i{background:var(--sx-pink);box-shadow:0 0 11px var(--sx-pink)}
.ai1d-studio__packet{position:absolute;left:50%;top:50%;z-index:5;width:8px;height:8px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 14px var(--sx-green);opacity:0}.ai1d-studio__packet--one{animation:ai1dPacketOne 3.1s ease-in-out infinite paused}.ai1d-studio__packet--two{background:var(--sx-amber);box-shadow:0 0 14px var(--sx-amber);animation:ai1dPacketTwo 3.5s ease-in-out -.8s infinite paused}.ai1d-studio__packet--three{background:var(--sx-cyan);box-shadow:0 0 14px var(--sx-cyan);animation:ai1dPacketThree 3.9s ease-in-out -1.5s infinite paused}.ai1d-studio__packet--four{background:var(--sx-pink);box-shadow:0 0 14px var(--sx-pink);animation:ai1dPacketFour 4.3s ease-in-out -2.2s infinite paused}.is-stage-active .ai1d-studio__packet{animation-play-state:running}
.ai1d-studio__palette{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 16px 16px}.ai1d-studio__palette span{display:grid;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025)}.ai1d-studio__palette b{color:#8d9a91;font-size:.47rem;letter-spacing:.09em}.ai1d-studio__palette i{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--sx-green),transparent);animation:ai1dPalette 2.4s ease-in-out infinite paused}.ai1d-studio__palette span:nth-child(2) i{background:linear-gradient(90deg,var(--sx-amber),transparent);animation-delay:-.6s}.ai1d-studio__palette span:nth-child(3) i{background:linear-gradient(90deg,var(--sx-cyan),transparent);animation-delay:-1.2s}.ai1d-studio__palette span:nth-child(4) i{background:linear-gradient(90deg,var(--sx-pink),transparent);animation-delay:-1.8s}.is-stage-active .ai1d-studio__palette i{animation-play-state:running}

/* CONCEPT SHOWCASE ------------------------------------------------------ */
.ai1d-section--concepts{overflow:hidden;background:radial-gradient(circle at 14% 7%,rgba(147,255,25,.08),transparent 28rem),radial-gradient(circle at 92% 80%,rgba(88,216,255,.055),transparent 24rem),linear-gradient(180deg,#06120a,#020504)}
.ai1d-section--concepts::before{content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(circle,rgba(147,255,25,.35) 1px,transparent 1.4px);background-size:38px 38px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);pointer-events:none}
.ai1d-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;perspective:1400px}
.ai1d-concept{--dc:#d1a65e;--dg:rgba(209,166,94,.13);position:relative;isolation:isolate;overflow:hidden;border:2px solid color-mix(in srgb,var(--dc) 34%,transparent);border-radius:32px;background:radial-gradient(520px circle at var(--sx-x) var(--sx-y),var(--dg),transparent 62%),linear-gradient(150deg,rgba(8,24,13,.99),rgba(1,8,4,.99));box-shadow:0 32px 90px rgba(0,0,0,.42);transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}.ai1d-concept--garden{--dc:#95de62;--dg:rgba(149,222,98,.11)}.ai1d-concept--ember{--dc:#f08b67;--dg:rgba(240,139,103,.11)}.ai1d-concept--northline{--dc:#58c3d8;--dg:rgba(88,195,216,.11)}
.ai1d-concept:hover{transform:translateY(-16px) rotateX(1deg) scale(1.012);border-color:var(--dc);box-shadow:0 50px 120px rgba(0,0,0,.54),0 0 54px var(--dg)}
.ai1d-concept::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--dc),transparent 76%);box-shadow:0 0 22px var(--dg);z-index:8}.ai1d-concept::after{content:"";position:absolute;inset:-55%;z-index:-1;background:conic-gradient(from 80deg,transparent,var(--dg),transparent 23%);animation:ai1dAmbient 12s linear infinite paused}.ai1d-concept.is-stage-active::after{animation-play-state:running}
.ai1d-concept__top{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 14px;color:#87968c;font-size:.59rem;font-weight:700;letter-spacing:.11em}.ai1d-concept__top>span{color:var(--dc)}.ai1d-concept__top b{display:flex;align-items:center;gap:8px;color:#b8c4bc;font-size:.52rem}.ai1d-concept__top b i{width:7px;height:7px;border-radius:50%;background:var(--dc);box-shadow:0 0 11px var(--dc);animation:sxStatus 1.4s ease-in-out infinite}
.ai1d-browser{margin:0 15px;border:1px solid color-mix(in srgb,var(--dc) 26%,rgba(255,255,255,.05));border-radius:22px;overflow:hidden;background:#09110c;box-shadow:0 18px 48px rgba(0,0,0,.32)}
.ai1d-browser__bar{display:flex;align-items:center;gap:6px;padding:11px 13px;background:#07100a;border-bottom:1px solid rgba(255,255,255,.06)}.ai1d-browser__bar>span{width:8px;height:8px;border-radius:50%;background:#ff665f}.ai1d-browser__bar>span:nth-child(2){background:#ffc64b}.ai1d-browser__bar>span:nth-child(3){background:#8dff45}.ai1d-browser__bar em{margin-left:auto;color:#66766c;font-size:.49rem;font-style:normal;letter-spacing:.06em}
.ai1d-browser__screen{position:relative;display:flex;min-height:300px;flex-direction:column;justify-content:flex-end;padding:34px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--dc) 23%,#08110c),color-mix(in srgb,var(--dc) 68%,#17201a));transition:transform .45s ease}.ai1d-concept:hover .ai1d-browser__screen{transform:scale(1.018)}
.ai1d-browser__screen::before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 70% 15%,rgba(255,255,255,.22),transparent 22%),linear-gradient(120deg,transparent 30%,rgba(255,255,255,.07) 48%,transparent 66%);animation:ai1dBrowserLight 6s ease-in-out infinite paused}.is-stage-active .ai1d-browser__screen::before{animation-play-state:running}.ai1d-browser__noise{position:absolute;inset:0;opacity:.10;background-image:radial-gradient(circle,rgba(255,255,255,.4) .6px,transparent .8px);background-size:8px 8px;mix-blend-mode:soft-light}.ai1d-browser__screen small,.ai1d-browser__screen strong,.ai1d-browser__screen p{position:relative;z-index:2}.ai1d-browser__screen small{color:rgba(255,255,255,.72);font-size:.55rem;font-weight:700;letter-spacing:.13em}.ai1d-browser__screen strong{margin-top:9px;color:#fff;font-size:clamp(2rem,4vw,4.2rem);font-weight:500;line-height:.96;letter-spacing:-.055em}.ai1d-browser__screen p{max-width:420px;margin:10px 0 0;color:rgba(255,255,255,.82);font-size:.76rem}.ai1d-browser__cursor{position:absolute;right:26px;top:26px;width:18px;height:24px;border-left:2px solid #fff;border-top:2px solid #fff;clip-path:polygon(0 0,100% 64%,58% 68%,76% 100%,62% 100%,45% 70%,0 100%);filter:drop-shadow(0 0 8px rgba(255,255,255,.5));animation:ai1dCursor 4.2s ease-in-out infinite paused}.is-stage-active .ai1d-browser__cursor{animation-play-state:running}
.ai1d-concept__body{padding:25px 28px 30px}.ai1d-concept__body h3{margin:0 0 10px;font-size:clamp(1.65rem,2.3vw,2.35rem)}.ai1d-concept__body p{margin:0;color:#98a79d}.ai1d-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ai1d-chips span{padding:8px 10px;border:1px solid color-mix(in srgb,var(--dc) 28%,transparent);border-radius:999px;color:color-mix(in srgb,var(--dc) 80%,#fff);background:color-mix(in srgb,var(--dc) 6%,transparent);font-size:.56rem;font-weight:700;letter-spacing:.06em}

/* PROCESS --------------------------------------------------------------- */
.ai1d-section--process{overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(147,255,25,.08),transparent 28rem),linear-gradient(180deg,#020504,#06110a 48%,#020504)}
.ai1d-process{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,23px);padding:clamp(25px,3vw,40px);overflow:hidden;border:2px solid rgba(147,255,25,.17);border-radius:38px;background:radial-gradient(700px circle at 50% 0,rgba(147,255,25,.07),transparent 62%),linear-gradient(145deg,rgba(6,18,10,.96),rgba(1,6,3,.99));box-shadow:0 38px 105px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035)}
.ai1d-process::before{content:"CREATIVE PIPELINE";position:absolute;right:24px;top:14px;color:rgba(255,255,255,.035);font-size:clamp(2rem,5vw,5rem);font-weight:700;letter-spacing:-.06em;pointer-events:none}.ai1d-process__beam{position:absolute;left:7%;right:7%;top:131px;height:2px;background:linear-gradient(90deg,transparent,rgba(147,255,25,.18),rgba(255,196,61,.35),rgba(88,216,255,.35),rgba(255,95,162,.18),transparent);box-shadow:0 0 15px rgba(147,255,25,.12)}.ai1d-process__beam::before{content:"";position:absolute;left:-4%;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 18px var(--sx-green);animation:ai1dProcessPacket 5.5s linear infinite paused}.ai1d-process.is-stage-active .ai1d-process__beam::before{animation-play-state:running}.ai1d-process__beam i{position:absolute;top:-4px;width:10px;height:10px;border:2px solid var(--sx-green);border-radius:50%;background:#041008;box-shadow:0 0 12px rgba(147,255,25,.45)}.ai1d-process__beam i:nth-child(1){left:18%}.ai1d-process__beam i:nth-child(2){left:50%}.ai1d-process__beam i:nth-child(3){left:82%}
.ai1d-process__card{--pc:#93ff19;position:relative;z-index:2;min-height:500px;padding:26px 24px 25px;overflow:hidden;border:2px solid color-mix(in srgb,var(--pc) 30%,transparent);border-radius:30px;background:radial-gradient(300px circle at var(--sx-x) var(--sx-y),color-mix(in srgb,var(--pc) 11%,transparent),transparent 62%),linear-gradient(155deg,rgba(8,25,13,.98),rgba(1,8,4,.99));box-shadow:0 24px 62px rgba(0,0,0,.3);transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease;transform-style:preserve-3d}.ai1d-process__card:nth-of-type(2){--pc:#ffc43d}.ai1d-process__card:nth-of-type(3){--pc:#58d8ff}.ai1d-process__card:nth-of-type(4){--pc:#ff8e67}.ai1d-process__card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--pc),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--pc) 30%,transparent)}.ai1d-process__card::after{content:attr(data-step);position:absolute;right:-5px;bottom:-24px;color:rgba(255,255,255,.028);font-size:9rem;font-weight:700;letter-spacing:-.1em;pointer-events:none}.ai1d-process__card.is-stage-active{animation:ai1dCardBreathe 4.8s ease-in-out infinite}.ai1d-process__card:nth-of-type(2){animation-delay:-1.2s}.ai1d-process__card:nth-of-type(3){animation-delay:-2.4s}.ai1d-process__card:nth-of-type(4){animation-delay:-3.6s}.ai1d-process__card:hover{animation-play-state:paused;transform:translateY(-16px) scale(1.025)!important;border-color:color-mix(in srgb,var(--pc) 70%,transparent);box-shadow:0 44px 95px rgba(0,0,0,.47),0 0 44px color-mix(in srgb,var(--pc) 12%,transparent)}
.ai1d-process__number{display:block;color:var(--pc);font-size:.64rem;font-weight:800;letter-spacing:.14em}.ai1d-process__visual{position:relative;display:grid;width:98px;height:98px;margin:34px 0 34px;place-items:center;border:1px solid color-mix(in srgb,var(--pc) 52%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 12%,transparent),transparent 68%);box-shadow:0 0 30px color-mix(in srgb,var(--pc) 9%,transparent);animation:ai1dVisualFloat 3.2s ease-in-out infinite paused}.is-stage-active .ai1d-process__visual{animation-play-state:running}.ai1d-process__visual>i{position:absolute;border:1px solid color-mix(in srgb,var(--pc) 30%,transparent);border-radius:50%;animation:sxOrbitPlain 7s linear infinite paused}.ai1d-process__visual>i:nth-child(1){inset:-12px;border-style:dashed}.ai1d-process__visual>i:nth-child(2){inset:11px;animation-direction:reverse;animation-duration:5s}.ai1d-process__visual>i:nth-child(3){inset:28px;border-style:dotted;animation-duration:3.8s}.is-stage-active .ai1d-process__visual>i{animation-play-state:running}.ai1d-process__visual>b{position:relative;width:30px;height:30px;color:var(--pc)}
.ai1d-process__visual--discover>b{border:2px solid var(--pc);border-radius:50%}.ai1d-process__visual--discover>b::before{content:"";position:absolute;left:50%;top:50%;width:50%;height:2px;background:var(--pc);transform-origin:left;animation:sxRadar 1.8s linear infinite}.ai1d-process__visual--define>b{border:2px solid var(--pc);border-radius:7px}.ai1d-process__visual--define>b::before,.ai1d-process__visual--define>b::after{content:"";position:absolute;left:5px;right:5px;height:2px;background:var(--pc)}.ai1d-process__visual--define>b::before{top:8px}.ai1d-process__visual--define>b::after{top:16px}.ai1d-process__visual--design>b{border:2px solid var(--pc);border-radius:50% 50% 50% 8px;transform:rotate(45deg)}.ai1d-process__visual--design>b::after{content:"";position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-radius:50%;background:var(--pc)}.ai1d-process__visual--deliver>b::before,.ai1d-process__visual--deliver>b::after{content:"";position:absolute;left:2px;right:2px;height:2px;background:var(--pc);box-shadow:0 0 8px var(--pc)}.ai1d-process__visual--deliver>b::before{top:9px;transform:rotate(18deg)}.ai1d-process__visual--deliver>b::after{bottom:9px;transform:rotate(-18deg)}
.ai1d-process__card small{display:block;color:#6f8175;font-size:.56rem;font-weight:800;letter-spacing:.14em}.ai1d-process__card h3{margin:9px 0 12px;font-size:1.72rem}.ai1d-process__card p{margin:0;color:#98a89d;font-size:.86rem}.ai1d-process__card>b{display:block;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);color:var(--pc);font-size:.67rem;font-weight:700;line-height:1.55}

/* PLATFORMS ------------------------------------------------------------- */
.ai1d-section--platforms{overflow:hidden;background:radial-gradient(circle at 85% 45%,rgba(88,216,255,.075),transparent 28rem),radial-gradient(circle at 10% 20%,rgba(255,196,61,.05),transparent 24rem),linear-gradient(180deg,#06110a,#020704)}
.ai1d-platforms{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.82fr);gap:clamp(42px,7vw,96px);align-items:center}.ai1d-platforms .ai1x-heading{margin-bottom:0}.ai1d-platforms__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.ai1d-platforms__notes span{display:grid;gap:6px;padding:15px;border:1px solid rgba(147,255,25,.10);border-radius:14px;background:rgba(255,255,255,.02)}.ai1d-platforms__notes b{color:#dfe9e2;font-size:.76rem}.ai1d-platforms__notes small{color:#738278;font-size:.64rem;line-height:1.55}
.ai1d-platform-console{position:relative;overflow:hidden;border:2px solid rgba(147,255,25,.25);border-radius:31px;background:radial-gradient(460px circle at var(--sx-x) var(--sx-y),rgba(147,255,25,.10),transparent 62%),linear-gradient(150deg,rgba(8,25,13,.99),rgba(1,8,4,.99));box-shadow:0 35px 95px rgba(0,0,0,.45);transition:.4s ease}.ai1d-platform-console:hover{transform:translateY(-11px) scale(1.01);border-color:rgba(147,255,25,.52);box-shadow:0 48px 112px rgba(0,0,0,.55),0 0 55px rgba(147,255,25,.11)}.ai1d-platform-console__head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.07);color:#87968c;font-size:.59rem;font-weight:700;letter-spacing:.12em}.ai1d-platform-console__head b{display:flex;align-items:center;gap:8px;color:var(--sx-green)}.ai1d-platform-console__head b i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;animation:sxStatus 1.3s ease-in-out infinite}
.ai1d-platform-console__scene{position:relative;height:420px;overflow:hidden;background:radial-gradient(circle at center,rgba(147,255,25,.08),transparent 55%)}.ai1d-platform-console__grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(147,255,25,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(147,255,25,.08) 1px,transparent 1px);background-size:30px 30px;transform:perspective(520px) rotateX(58deg) scale(1.25) translateY(95px)}.ai1d-platform-console__core{position:absolute;left:50%;top:50%;z-index:4;display:grid;width:152px;height:152px;place-items:center;border:2px solid rgba(147,255,25,.45);border-radius:50%;background:radial-gradient(circle,rgba(147,255,25,.13),#031008 68%);transform:translate(-50%,-50%);box-shadow:0 0 58px rgba(147,255,25,.16),inset 0 0 28px rgba(147,255,25,.06);animation:ai1dCorePulse 2.9s ease-in-out infinite paused}.is-stage-active .ai1d-platform-console__core{animation-play-state:running}.ai1d-platform-console__core::before,.ai1d-platform-console__core::after{content:"";position:absolute;border:1px solid rgba(147,255,25,.22);border-radius:50%;animation:sxOrbitPlain 8s linear infinite paused}.ai1d-platform-console__core::before{inset:-30px;border-style:dashed}.ai1d-platform-console__core::after{inset:-62px;border-color:rgba(88,216,255,.17);animation-direction:reverse;animation-duration:6s}.is-stage-active .ai1d-platform-console__core::before,.is-stage-active .ai1d-platform-console__core::after{animation-play-state:running}.ai1d-platform-console__core img{width:110px;height:110px;object-fit:contain}
.ai1d-platform-node{position:absolute;z-index:5;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;min-width:98px;padding:10px 12px;border:1px solid rgba(147,255,25,.23);border-radius:15px;background:#031008;box-shadow:0 14px 30px rgba(0,0,0,.34);animation:ai1dNodeFloat 3.5s ease-in-out infinite paused}.is-stage-active .ai1d-platform-node{animation-play-state:running}.ai1d-platform-node i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 11px var(--sx-green)}.ai1d-platform-node b{color:#dbe7df;font-size:.62rem}.ai1d-platform-node small{color:#708177;font-size:.44rem;letter-spacing:.08em}.ai1d-platform-node--dev{left:6%;top:16%}.ai1d-platform-node--wp{right:6%;top:17%;border-color:rgba(255,196,61,.22);animation-delay:-.8s}.ai1d-platform-node--wp i{background:var(--sx-amber);box-shadow:0 0 11px var(--sx-amber)}.ai1d-platform-node--joomla{left:5%;bottom:14%;border-color:rgba(88,216,255,.21);animation-delay:-1.6s}.ai1d-platform-node--joomla i{background:var(--sx-cyan);box-shadow:0 0 11px var(--sx-cyan)}.ai1d-platform-node--code{right:6%;bottom:14%;border-color:rgba(255,95,162,.20);animation-delay:-2.4s}.ai1d-platform-node--code i{background:var(--sx-pink);box-shadow:0 0 11px var(--sx-pink)}
.ai1d-platform-packet{position:absolute;left:50%;top:50%;z-index:6;width:8px;height:8px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 14px var(--sx-green);opacity:0}.ai1d-platform-packet--one{animation:ai1dPlatformPacketOne 3s ease-in-out infinite paused}.ai1d-platform-packet--two{background:var(--sx-amber);box-shadow:0 0 14px var(--sx-amber);animation:ai1dPlatformPacketTwo 3.4s ease-in-out -.7s infinite paused}.ai1d-platform-packet--three{background:var(--sx-cyan);box-shadow:0 0 14px var(--sx-cyan);animation:ai1dPlatformPacketThree 3.8s ease-in-out -1.4s infinite paused}.ai1d-platform-packet--four{background:var(--sx-pink);box-shadow:0 0 14px var(--sx-pink);animation:ai1dPlatformPacketFour 4.2s ease-in-out -2.1s infinite paused}.is-stage-active .ai1d-platform-packet{animation-play-state:running}
.ai1d-platform-console__footer{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:10px;align-items:center;padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.07);color:#77877d;font-size:.49rem;font-weight:700;letter-spacing:.12em}.ai1d-platform-console__footer i{height:2px;overflow:hidden;background:rgba(147,255,25,.08)}.ai1d-platform-console__footer i::before{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,var(--sx-green),transparent);animation:ai1dTicker 2.2s linear infinite paused}.is-stage-active .ai1d-platform-console__footer i::before{animation-play-state:running}.ai1d-platform-console__footer i:nth-of-type(2)::before{animation-delay:-.7s}.ai1d-platform-console__footer i:nth-of-type(3)::before{animation-delay:-1.4s}

/* WHY AI1DESIGN --------------------------------------------------------- */
.ai1d-section--why{background:radial-gradient(circle at 50% 0,rgba(147,255,25,.08),transparent 28rem),linear-gradient(180deg,#020704,#06110a)}
.ai1d-why-intro{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.82fr);gap:clamp(42px,7vw,92px);align-items:center;margin-bottom:clamp(44px,5vw,72px)}.ai1d-why-intro .ai1x-heading{margin-bottom:0}
.ai1d-why-board{position:relative;overflow:hidden;border:2px solid rgba(147,255,25,.25);border-radius:31px;background:radial-gradient(440px circle at var(--sx-x) var(--sx-y),rgba(147,255,25,.10),transparent 62%),linear-gradient(150deg,rgba(8,25,13,.98),rgba(1,8,4,.99));box-shadow:0 34px 92px rgba(0,0,0,.44);transition:.4s ease}.ai1d-why-board:hover{transform:translateY(-11px);border-color:rgba(147,255,25,.52);box-shadow:0 46px 108px rgba(0,0,0,.54),0 0 54px rgba(147,255,25,.10)}.ai1d-why-board__head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.07);color:#87968c;font-size:.58rem;font-weight:700;letter-spacing:.12em}.ai1d-why-board__head b{display:flex;align-items:center;gap:7px;color:var(--sx-green)}.ai1d-why-board__head b i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:sxStatus 1.4s ease-in-out infinite}
.ai1d-why-board__scene{position:relative;height:310px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(147,255,25,.09),transparent 60%)}.ai1d-why-board__scene::before{content:"";position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle,rgba(147,255,25,.5) 1px,transparent 1.4px);background-size:32px 32px;mask-image:radial-gradient(circle,#000,transparent 74%)}.ai1d-why-board__halo{position:absolute;width:210px;height:210px;border:1px dashed rgba(147,255,25,.25);border-radius:50%;animation:sxOrbitPlain 8s linear infinite paused}.ai1d-why-board__halo::before,.ai1d-why-board__halo::after{content:"";position:absolute;border:1px solid rgba(88,216,255,.18);border-radius:50%;animation:sxOrbitPlain 6s linear infinite paused}.ai1d-why-board__halo::before{inset:24px;animation-direction:reverse}.ai1d-why-board__halo::after{inset:55px;border-color:rgba(255,196,61,.20);animation-duration:4.5s}.is-stage-active .ai1d-why-board__halo,.is-stage-active .ai1d-why-board__halo::before,.is-stage-active .ai1d-why-board__halo::after{animation-play-state:running}.ai1d-why-board__scene img{position:relative;z-index:3;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.48));animation:ai1dLogoFloat 3s ease-in-out infinite paused}.is-stage-active .ai1d-why-board__scene img{animation-play-state:running}
.ai1d-principle{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(147,255,25,.22);border-radius:999px;background:rgba(2,12,6,.9);color:#cbd8cf;font-size:.48rem;font-weight:700;letter-spacing:.08em;animation:ai1dNodeFloat 3.6s ease-in-out infinite paused}.is-stage-active .ai1d-principle{animation-play-state:running}.ai1d-principle i{width:7px;height:7px;border-radius:50%;background:var(--sx-green);box-shadow:0 0 10px var(--sx-green)}.ai1d-principle--one{left:7%;top:17%}.ai1d-principle--two{right:6%;top:20%;animation-delay:-.9s}.ai1d-principle--two i{background:var(--sx-amber);box-shadow:0 0 10px var(--sx-amber)}.ai1d-principle--three{left:6%;bottom:16%;animation-delay:-1.8s}.ai1d-principle--three i{background:var(--sx-cyan);box-shadow:0 0 10px var(--sx-cyan)}.ai1d-principle--four{right:7%;bottom:15%;animation-delay:-2.7s}.ai1d-principle--four i{background:var(--sx-pink);box-shadow:0 0 10px var(--sx-pink)}
.ai1d-why-board__ticker{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:10px;align-items:center;padding:12px 18px 15px;border-top:1px solid rgba(255,255,255,.07);color:#75847a;font-size:.48rem;font-weight:700;letter-spacing:.12em}.ai1d-why-board__ticker i{height:2px;overflow:hidden;background:rgba(147,255,25,.08)}.ai1d-why-board__ticker i::before{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,var(--sx-green),transparent);animation:ai1dTicker 2.2s linear infinite paused}.is-stage-active .ai1d-why-board__ticker i::before{animation-play-state:running}.ai1d-why-board__ticker i:nth-of-type(2)::before{animation-delay:-.7s}.ai1d-why-board__ticker i:nth-of-type(3)::before{animation-delay:-1.4s}
.ai1d-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ai1d-metric{position:relative;isolation:isolate;min-height:300px;padding:27px;overflow:hidden;border:2px solid rgba(147,255,25,.18);border-radius:26px;background:radial-gradient(280px circle at var(--sx-x) var(--sx-y),rgba(147,255,25,.10),transparent 62%),linear-gradient(150deg,rgba(10,27,16,.98),rgba(2,8,4,.99));box-shadow:0 25px 68px rgba(0,0,0,.31);transition:.38s ease}.ai1d-metric:hover{transform:translateY(-12px) scale(1.018);border-color:rgba(147,255,25,.45);box-shadow:0 39px 92px rgba(0,0,0,.45),0 0 38px rgba(147,255,25,.08)}.ai1d-metric>span{display:block;color:#718178;font-size:.61rem;font-weight:700;letter-spacing:.12em}.ai1d-metric strong{display:block;margin-top:30px;color:var(--sx-green);font-size:clamp(3rem,5vw,5rem);font-weight:500;line-height:1;letter-spacing:-.06em;text-shadow:0 0 30px rgba(147,255,25,.12)}.ai1d-metric b{display:block;margin-top:16px;color:#dce7df;font-size:.82rem;font-weight:600;line-height:1.45}.ai1d-metric p{margin:10px 0 28px;color:#78887e;font-size:.69rem;line-height:1.55}.ai1d-metric>i{position:absolute;left:27px;right:27px;bottom:22px;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.ai1d-metric>i::before{content:"";display:block;width:42%;height:100%;background:linear-gradient(90deg,var(--sx-green),transparent);animation:sxTelemetry 2.4s ease-in-out infinite paused}.is-stage-active.ai1d-metric>i::before{animation-play-state:running}

/* Closing CTA */
.ai1d-closing-section{background:linear-gradient(180deg,#06110a,#020504)!important}.ai1x-page--design .ai1d-closing{border-width:2px!important}.ai1d-closing::after{content:"AI1DESIGN"}.ai1x-page--design .ai1x-closing{background:radial-gradient(460px circle at var(--sx-x) var(--sx-y),rgba(147,255,25,.10),transparent 62%),radial-gradient(circle at 86% 20%,rgba(255,196,61,.06),transparent 18rem),linear-gradient(135deg,rgba(147,255,25,.07),rgba(255,255,255,.02))}

/* Keyframes ------------------------------------------------------------- */
@keyframes ai1dAmbient{to{transform:rotate(360deg)}}
@keyframes ai1dSweep{0%,18%{left:-35%;opacity:0}34%,66%{opacity:1}84%,100%{left:120%;opacity:0}}
@keyframes ai1dCorePulse{0%,100%{transform:translate(-50%,-50%) scale(.96);filter:brightness(.92)}50%{transform:translate(-50%,-50%) scale(1.045);filter:brightness(1.18)}}
@keyframes ai1dNodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ai1dPacketOne{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(-205px,-118px);opacity:1}92%{opacity:0}}
@keyframes ai1dPacketTwo{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(202px,-115px);opacity:1}92%{opacity:0}}
@keyframes ai1dPacketThree{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(-210px,125px);opacity:1}92%{opacity:0}}
@keyframes ai1dPacketFour{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(205px,128px);opacity:1}92%{opacity:0}}
@keyframes ai1dPalette{0%,100%{transform:scaleX(.3);transform-origin:left;opacity:.4}50%{transform:scaleX(1);opacity:1}}
@keyframes ai1dBrowserLight{0%,15%{transform:translateX(-15%);opacity:.2}50%{opacity:1}100%{transform:translateX(15%);opacity:.2}}
@keyframes ai1dCursor{0%,100%{transform:translate(0,0) rotate(-8deg)}35%{transform:translate(-110px,90px) rotate(-4deg)}60%{transform:translate(-210px,50px) rotate(-8deg)}82%{transform:translate(-80px,180px) rotate(-2deg)}}
@keyframes ai1dProcessPacket{from{left:-4%;opacity:0}10%,90%{opacity:1}to{left:100%;opacity:0}}
@keyframes ai1dCardBreathe{0%,100%{box-shadow:0 24px 62px rgba(0,0,0,.3),0 0 0 color-mix(in srgb,var(--pc) 0%,transparent)}50%{box-shadow:0 31px 78px rgba(0,0,0,.39),0 0 34px color-mix(in srgb,var(--pc) 9%,transparent)}}
@keyframes ai1dVisualFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes ai1dPlatformPacketOne{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(-205px,-125px);opacity:1}92%{opacity:0}}
@keyframes ai1dPlatformPacketTwo{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(205px,-120px);opacity:1}92%{opacity:0}}
@keyframes ai1dPlatformPacketThree{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(-210px,130px);opacity:1}92%{opacity:0}}
@keyframes ai1dPlatformPacketFour{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(208px,132px);opacity:1}92%{opacity:0}}
@keyframes ai1dTicker{from{transform:translateX(-60%)}to{transform:translateX(260%)}}
@keyframes ai1dLogoFloat{0%,100%{transform:translateY(4px) rotate(0);filter:brightness(.95) drop-shadow(0 18px 26px rgba(0,0,0,.48))}50%{transform:translateY(-9px) rotate(-1.5deg);filter:brightness(1.16) drop-shadow(0 22px 32px rgba(147,255,25,.12))}}

/* Responsive ------------------------------------------------------------ */
@media(max-width:1100px){
    .ai1x-page--design .ai1x-hero__inner{grid-template-columns:1fr .82fr}
    .ai1d-concept-grid{grid-template-columns:1fr}
    .ai1d-process{grid-template-columns:repeat(2,minmax(0,1fr))}.ai1d-process__beam{display:none}
    .ai1d-platforms,.ai1d-why-intro{grid-template-columns:1fr}.ai1d-platform-console,.ai1d-why-board{max-width:780px}
    .ai1d-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
    .ai1x-page--design .ai1x-hero{min-height:auto}.ai1x-page--design .ai1x-hero__inner{grid-template-columns:1fr;padding:84px 0}.ai1d-studio{max-width:680px}.ai1d-studio__palette{grid-template-columns:repeat(2,1fr)}
    .ai1d-platforms__notes{grid-template-columns:1fr}.ai1d-platform-console__scene{height:390px}
    .ai1d-why-board__scene{height:290px}
}
@media(max-width:620px){
    .ai1x-page--design .ai1x-section{padding:58px 0!important}.ai1x-page--design .ai1x-hero h1{font-size:clamp(2.8rem,14vw,4.6rem)}.ai1x-page--design .ai1x-actions{display:grid}.ai1x-page--design .ai1x-button{width:100%}
    .ai1d-studio__stage{height:320px}.ai1d-studio__core{width:116px;height:116px}.ai1d-studio__core img{width:88px;height:88px}.ai1d-studio__node{min-width:68px;padding:7px 8px;font-size:.43rem}.ai1d-studio__node--brand{left:2%}.ai1d-studio__node--ux{right:2%}.ai1d-studio__node--content{left:2%}.ai1d-studio__node--build{right:2%}.ai1d-studio__palette{grid-template-columns:1fr}
    .ai1d-concept-grid{grid-template-columns:1fr}.ai1d-browser__screen{min-height:250px;padding:25px}.ai1d-browser__screen strong{font-size:2.45rem}
    .ai1d-process{grid-template-columns:1fr;padding:18px;border-radius:26px}.ai1d-process::before{display:none}.ai1d-process__card{min-height:0;padding:24px 20px}
    .ai1x-page--design.sx-motion-ready .ai1d-process__card.sx-reveal[data-sx-reveal="left"],.ai1x-page--design.sx-motion-ready .ai1d-process__card.sx-reveal[data-sx-reveal="right"]{transform:translate3d(0,52px,0) scale(.97)}
    .ai1d-platform-console__scene{height:390px}.ai1d-platform-console__core{width:130px;height:130px}.ai1d-platform-console__core img{width:92px;height:92px}.ai1d-platform-node{min-width:76px;padding:8px;font-size:.48rem}.ai1d-platform-node small{font-size:.38rem}.ai1d-platform-node--dev{left:2%}.ai1d-platform-node--wp{right:2%}.ai1d-platform-node--joomla{left:2%}.ai1d-platform-node--code{right:2%}.ai1d-platform-console__footer,.ai1d-why-board__ticker{grid-template-columns:repeat(4,1fr);text-align:center}.ai1d-platform-console__footer i,.ai1d-why-board__ticker i{display:none}
    .ai1d-why-board__scene{height:310px}.ai1d-principle{font-size:.42rem;padding:7px 8px}.ai1d-principle--one{left:2%}.ai1d-principle--two{right:2%}.ai1d-principle--three{left:2%}.ai1d-principle--four{right:2%}.ai1d-metrics{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.ai1x-page--design *,.ai1x-page--design *::before,.ai1x-page--design *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ai1x-page--design .sx-reveal{opacity:1!important;filter:none!important;transform:none!important}}


/* ========================================================================== 
   AI1DESIGN V2 - BRANDING & SEO EXPANSION
   All AI1Design specialist presentation remains inside solutions.css.
========================================================================== */
.ai1x-page--design .ai1d-section--branding{
    overflow:hidden;
    background:
        radial-gradient(circle at 15% 10%,rgba(255,95,162,.08),transparent 28rem),
        radial-gradient(circle at 88% 65%,rgba(88,216,255,.07),transparent 26rem),
        linear-gradient(180deg,#020504,#08110c 48%,#020504);
}
.ai1d-branding-intro{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.82fr);gap:clamp(42px,7vw,96px);align-items:center;margin-bottom:clamp(44px,5vw,76px)}
.ai1d-branding-intro .ai1x-heading{margin-bottom:0}
.ai1d-brand-console{--bc:#ff6aa7;position:relative;isolation:isolate;overflow:hidden;border:2px solid rgba(255,106,167,.32);border-radius:32px;background:radial-gradient(480px circle at var(--sx-x) var(--sx-y),rgba(255,106,167,.12),transparent 62%),linear-gradient(150deg,rgba(18,11,18,.98),rgba(2,8,5,.99));box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 55px rgba(255,106,167,.08);transition:.4s ease}
.ai1d-brand-console:hover{transform:translateY(-11px) scale(1.012);border-color:rgba(255,106,167,.6);box-shadow:0 50px 120px rgba(0,0,0,.56),0 0 72px rgba(255,106,167,.14)}
.ai1d-brand-console::before{content:"";position:absolute;inset:-50%;z-index:-1;background:conic-gradient(from 20deg,transparent,rgba(255,106,167,.12),transparent 22%,rgba(88,216,255,.07),transparent 48%,rgba(255,196,61,.06),transparent 70%);animation:ai1dBrandAmbient 13s linear infinite paused}.ai1d-brand-console.is-stage-active::before{animation-play-state:running}
.ai1d-brand-console__head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.075);color:#8f9c93;font-size:.58rem;font-weight:700;letter-spacing:.13em}.ai1d-brand-console__head b{display:flex;align-items:center;gap:8px;color:#ff8bbb}.ai1d-brand-console__head b i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;animation:sxStatus 1.3s ease-in-out infinite}
.ai1d-brand-console__scene{position:relative;height:390px;overflow:hidden;margin:0 16px;background:radial-gradient(circle at center,rgba(255,106,167,.08),transparent 56%)}
.ai1d-brand-console__grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,106,167,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(88,216,255,.08) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle,#000,transparent 78%)}
.ai1d-brand-console__ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,106,167,.3);border-radius:50%;transform:translate(-50%,-50%);animation:sxOrbit 8s linear infinite paused}.ai1d-brand-console__ring--one{width:72%;height:72%;border-style:dashed}.ai1d-brand-console__ring--two{width:50%;height:50%;border-color:rgba(88,216,255,.25);animation:sxOrbitReverse 5.8s linear infinite paused}.is-stage-active .ai1d-brand-console__ring{animation-play-state:running}
.ai1d-brand-console__core{position:absolute;left:50%;top:50%;z-index:5;display:grid;width:138px;height:138px;place-items:center;border:2px solid rgba(255,106,167,.5);border-radius:34px;background:linear-gradient(145deg,rgba(255,106,167,.12),rgba(5,12,8,.96));transform:translate(-50%,-50%) rotate(6deg);box-shadow:0 0 46px rgba(255,106,167,.16),inset 0 0 30px rgba(88,216,255,.05);animation:ai1dBrandCore 3s ease-in-out infinite paused}.is-stage-active .ai1d-brand-console__core{animation-play-state:running}.ai1d-brand-console__core img{width:98px;height:98px;object-fit:contain;transform:rotate(-6deg)}
.ai1d-brand-node{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(2,10,6,.92);color:#dce7df;font-size:.5rem;font-weight:700;letter-spacing:.09em;animation:ai1dNodeFloat 3.4s ease-in-out infinite paused}.is-stage-active .ai1d-brand-node{animation-play-state:running}.ai1d-brand-node i{width:7px;height:7px;border-radius:50%;background:#ff6aa7;box-shadow:0 0 11px #ff6aa7}.ai1d-brand-node--strategy{left:5%;top:18%}.ai1d-brand-node--identity{right:5%;top:22%;animation-delay:-.8s}.ai1d-brand-node--identity i{background:#58d8ff;box-shadow:0 0 11px #58d8ff}.ai1d-brand-node--voice{left:6%;bottom:17%;animation-delay:-1.6s}.ai1d-brand-node--voice i{background:#ffc43d;box-shadow:0 0 11px #ffc43d}.ai1d-brand-node--system{right:5%;bottom:15%;animation-delay:-2.4s}.ai1d-brand-node--system i{background:#91ff19;box-shadow:0 0 11px #91ff19}
.ai1d-brand-packet{position:absolute;left:50%;top:50%;z-index:4;width:8px;height:8px;border-radius:50%;background:#ff6aa7;box-shadow:0 0 14px currentColor;opacity:0}.ai1d-brand-packet--one{animation:ai1dBrandPacketOne 3.2s ease-in-out infinite paused}.ai1d-brand-packet--two{color:#58d8ff;background:currentColor;animation:ai1dBrandPacketTwo 3.6s ease-in-out -.7s infinite paused}.ai1d-brand-packet--three{color:#ffc43d;background:currentColor;animation:ai1dBrandPacketThree 4s ease-in-out -1.4s infinite paused}.ai1d-brand-packet--four{color:#91ff19;background:currentColor;animation:ai1dBrandPacketFour 4.3s ease-in-out -2.1s infinite paused}.is-stage-active .ai1d-brand-packet{animation-play-state:running}
.ai1d-brand-console__footer{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:10px;align-items:center;padding:12px 18px 16px;color:#77877d;font-size:.48rem;font-weight:700;letter-spacing:.12em}.ai1d-brand-console__footer i{height:2px;overflow:hidden;background:rgba(255,106,167,.08)}.ai1d-brand-console__footer i::before{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,#ff6aa7,transparent);animation:ai1dBrandTicker 2.2s linear infinite paused}.is-stage-active .ai1d-brand-console__footer i::before{animation-play-state:running}.ai1d-brand-console__footer i:nth-of-type(2)::before{animation-delay:-.7s}.ai1d-brand-console__footer i:nth-of-type(3)::before{animation-delay:-1.4s}
.ai1d-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ai1d-brand-card{--brand:#ff6aa7;position:relative;isolation:isolate;min-height:390px;padding:30px 28px;overflow:hidden;border:2px solid color-mix(in srgb,var(--brand) 34%,transparent);border-radius:28px;background:radial-gradient(320px circle at var(--sx-x) var(--sx-y),color-mix(in srgb,var(--brand) 11%,transparent),transparent 62%),linear-gradient(150deg,rgba(10,22,15,.98),rgba(2,8,4,.99));box-shadow:0 28px 76px rgba(0,0,0,.36);transition:.4s ease}.ai1d-brand-card--identity{--brand:#58d8ff}.ai1d-brand-card--guidelines{--brand:#ffc43d}.ai1d-brand-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--brand),transparent);box-shadow:0 0 22px color-mix(in srgb,var(--brand) 22%,transparent)}.ai1d-brand-card::after{content:"";position:absolute;width:210px;height:210px;right:-130px;bottom:-140px;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);border-radius:50%;box-shadow:0 0 45px color-mix(in srgb,var(--brand) 8%,transparent);animation:ai1dBrandCardOrbit 8s linear infinite paused}.ai1d-brand-card.is-stage-active::after{animation-play-state:running}.ai1d-brand-card:hover{transform:translateY(-14px) scale(1.018);border-color:color-mix(in srgb,var(--brand) 68%,transparent);box-shadow:0 44px 100px rgba(0,0,0,.48),0 0 42px color-mix(in srgb,var(--brand) 10%,transparent)}.ai1d-brand-card>span{color:var(--brand);font-size:.62rem;font-weight:800;letter-spacing:.13em}.ai1d-brand-card h3{margin:28px 0 12px;font-size:1.7rem}.ai1d-brand-card p{margin:0;color:#97a79c;font-size:.86rem}.ai1d-brand-card ul{display:grid;gap:9px;margin:24px 0 0;padding:0;list-style:none}.ai1d-brand-card li{position:relative;padding-left:20px;color:#c0cdc3;font-size:.82rem}.ai1d-brand-card li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 9px var(--brand)}
.ai1x-page--design .ai1d-metric:nth-child(2){--metric:#58d8ff}.ai1x-page--design .ai1d-metric:nth-child(2) strong{font-size:clamp(2.4rem,4vw,3.8rem);letter-spacing:-.04em}
@keyframes ai1dBrandAmbient{to{transform:rotate(360deg)}}
@keyframes ai1dBrandCore{0%,100%{transform:translate(-50%,-50%) rotate(6deg) scale(.96)}50%{transform:translate(-50%,-50%) rotate(1deg) scale(1.045);box-shadow:0 0 64px rgba(255,106,167,.24),inset 0 0 36px rgba(88,216,255,.08)}}
@keyframes ai1dBrandPacketOne{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(-180px,-110px);opacity:1}92%{opacity:0}}
@keyframes ai1dBrandPacketTwo{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(182px,-94px);opacity:1}92%{opacity:0}}
@keyframes ai1dBrandPacketThree{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(-176px,106px);opacity:1}92%{opacity:0}}
@keyframes ai1dBrandPacketFour{0%,100%{transform:translate(-4px,-4px);opacity:0}15%{opacity:1}65%{transform:translate(180px,110px);opacity:1}92%{opacity:0}}
@keyframes ai1dBrandTicker{from{transform:translateX(-60%)}to{transform:translateX(260%)}}
@keyframes ai1dBrandCardOrbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.ai1d-branding-intro{grid-template-columns:1fr}.ai1d-brand-console{max-width:760px}.ai1d-brand-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ai1d-brand-console__scene{height:350px}.ai1d-brand-console__core{width:120px;height:120px}.ai1d-brand-console__core img{width:84px;height:84px}.ai1d-brand-node{font-size:.43rem;padding:7px 8px}.ai1d-brand-node--strategy{left:2%}.ai1d-brand-node--identity{right:2%}.ai1d-brand-node--voice{left:2%}.ai1d-brand-node--system{right:2%}.ai1d-brand-console__footer{grid-template-columns:repeat(4,1fr);text-align:center}.ai1d-brand-console__footer i{display:none}.ai1d-brand-card{min-height:0}}

/* ========================================================================== 
   AI1DESIGN V3 - PAGE ORDER & ANIMATED WHY STATS
========================================================================== */
.ai1x-page--design .ai1d-metric:nth-child(2) strong.ai1-stat-number{
    font-size:clamp(3rem,5vw,5rem);
    letter-spacing:-.06em;
}
.ai1x-page--design .ai1d-metric .ai1-stat-number.is-counting{
    text-shadow:0 0 18px rgba(147,255,25,.28),0 0 42px rgba(147,255,25,.12);
}


/* ========================================================================== 
   AI1DESIGN V4 - REAL WEBSITE CONCEPT MOCKUPS
   Uses images from /images/solutions/websites/ inside the existing cards.
========================================================================== */
.ai1x-page--design .ai1d-browser--mockup{
    position:relative;
    aspect-ratio:3 / 2;
    overflow:hidden;
    border:2px solid color-mix(in srgb,var(--dc) 36%,rgba(255,255,255,.05));
    background:#020504;
    box-shadow:
        0 24px 58px rgba(0,0,0,.42),
        inset 0 0 0 1px rgba(255,255,255,.025);
    transform:translateZ(0);
}
.ai1x-page--design .ai1d-browser--mockup::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    box-shadow:inset 0 0 42px rgba(0,0,0,.26);
}
.ai1x-page--design .ai1d-browser__mockup{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1.002);
    filter:saturate(.98) contrast(1.015) brightness(.94);
    transition:
        transform .75s cubic-bezier(.2,.8,.2,1),
        filter .55s ease;
    will-change:transform;
}
.ai1x-page--design .ai1d-concept:hover .ai1d-browser__mockup{
    transform:scale(1.035);
    filter:saturate(1.04) contrast(1.025) brightness(1);
}
.ai1x-page--design .ai1d-browser__glare{
    position:absolute;
    z-index:4;
    top:-28%;
    bottom:-28%;
    left:-42%;
    width:24%;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),rgba(255,255,255,.035),transparent);
    transform:skewX(-17deg);
    animation:ai1dMockupGlare 6.6s ease-in-out infinite paused;
}
.ai1x-page--design .ai1d-concept.is-stage-active .ai1d-browser__glare{
    animation-play-state:running;
}
.ai1x-page--design .ai1d-concept.is-stage-active .ai1d-browser__mockup{
    animation:ai1dMockupBreathe 8s ease-in-out infinite;
}
.ai1x-page--design .ai1d-concept:hover .ai1d-browser__mockup{
    animation-play-state:paused;
}
@keyframes ai1dMockupGlare{
    0%,18%{left:-42%;opacity:0}
    34%,56%{opacity:.75}
    78%,100%{left:122%;opacity:0}
}
@keyframes ai1dMockupBreathe{
    0%,100%{transform:scale(1.002)}
    50%{transform:scale(1.016)}
}
@media(max-width:620px){
    .ai1x-page--design .ai1d-browser--mockup{aspect-ratio:3 / 2}
}

/* ========================================================================== 
   AI1DESIGN V4 - PLATFORM CARD WOW PASS
   WordPress/Joomla use supplied platform logos from /images/platforms/.
========================================================================== */
.ai1x-page--design .ai1d-platforms__notes{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:32px;
    perspective:1200px;
}

.ai1x-page--design .ai1d-platform-card{
    --platform:#93ff19;
    --platform-glow:rgba(147,255,25,.13);
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:104px minmax(0,1fr);
    gap:18px;
    align-items:center;
    min-height:176px;
    padding:18px;
    overflow:hidden;
    border:2px solid color-mix(in srgb,var(--platform) 34%,transparent);
    border-radius:24px;
    background:
        radial-gradient(320px circle at var(--sx-x) var(--sx-y),var(--platform-glow),transparent 64%),
        linear-gradient(150deg,rgba(8,23,13,.98),rgba(1,8,4,.995));
    box-shadow:0 24px 58px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);
    transform-style:preserve-3d;
    transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease;
}
.ai1x-page--design .ai1d-platform-card--wp{--platform:#58b9ff;--platform-glow:rgba(88,185,255,.13)}
.ai1x-page--design .ai1d-platform-card--joomla{--platform:#ff9b44;--platform-glow:rgba(255,155,68,.13)}
.ai1x-page--design .ai1d-platform-card--bespoke{--platform:#bc7cff;--platform-glow:rgba(188,124,255,.13)}

.ai1x-page--design .ai1d-platform-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:4px;
    z-index:7;
    background:linear-gradient(90deg,var(--platform),transparent 74%);
    box-shadow:0 0 22px color-mix(in srgb,var(--platform) 30%,transparent);
}
.ai1x-page--design .ai1d-platform-card::after{
    content:"";
    position:absolute;
    inset:-70%;
    z-index:-1;
    background:conic-gradient(from 70deg,transparent,var(--platform-glow),transparent 18%,transparent 58%,var(--platform-glow),transparent 72%);
    animation:ai1dPlatformCardHalo 11s linear infinite paused;
}
.ai1x-page--design .ai1d-platform-card.is-stage-active::after{animation-play-state:running}
.ai1x-page--design .ai1d-platform-card:hover{
    transform:translateY(-10px) rotateX(1.8deg) scale(1.018)!important;
    border-color:color-mix(in srgb,var(--platform) 72%,transparent);
    box-shadow:0 38px 82px rgba(0,0,0,.45),0 0 42px color-mix(in srgb,var(--platform) 12%,transparent);
}

.ai1x-page--design .ai1d-platform-card__visual{
    position:relative;
    display:grid;
    width:104px;
    height:104px;
    place-items:center;
    overflow:visible;
    border:1px solid color-mix(in srgb,var(--platform) 52%,transparent);
    border-radius:50%;
    background:radial-gradient(circle,var(--platform-glow),rgba(2,10,5,.97) 68%);
    box-shadow:0 0 28px color-mix(in srgb,var(--platform) 13%,transparent),inset 0 0 24px rgba(0,0,0,.26);
    animation:ai1dPlatformVisualFloat 3.3s ease-in-out infinite paused;
}
.ai1x-page--design .ai1d-platform-card.is-stage-active .ai1d-platform-card__visual{animation-play-state:running}
.ai1x-page--design .ai1d-platform-card__visual::before,
.ai1x-page--design .ai1d-platform-card__visual::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.ai1x-page--design .ai1d-platform-card__visual::before{
    inset:-10px;
    border:1px dashed color-mix(in srgb,var(--platform) 34%,transparent);
    animation:sxOrbitPlain 7s linear infinite paused;
}
.ai1x-page--design .ai1d-platform-card__visual::after{
    inset:13px;
    border:1px dotted color-mix(in srgb,var(--platform) 25%,transparent);
    animation:sxOrbitPlain 4.8s linear reverse infinite paused;
}
.ai1x-page--design .ai1d-platform-card.is-stage-active .ai1d-platform-card__visual::before,
.ai1x-page--design .ai1d-platform-card.is-stage-active .ai1d-platform-card__visual::after{animation-play-state:running}

.ai1x-page--design .ai1d-platform-card__orbit{
    position:absolute;
    inset:-20px;
    border:1px solid color-mix(in srgb,var(--platform) 15%,transparent);
    border-radius:50%;
    animation:ai1dPlatformOrbitPulse 2.7s ease-out infinite paused;
}
.ai1x-page--design .ai1d-platform-card.is-stage-active .ai1d-platform-card__orbit{animation-play-state:running}
.ai1x-page--design .ai1d-platform-card__visual img{
    position:relative;
    z-index:3;
    width:72px;
    height:72px;
    object-fit:cover;
    border-radius:50%;
    filter:drop-shadow(0 12px 16px rgba(0,0,0,.42));
    transition:transform .35s ease,filter .35s ease;
}
.ai1x-page--design .ai1d-platform-card:hover .ai1d-platform-card__visual img{
    transform:scale(1.08) rotate(-3deg);
    filter:drop-shadow(0 15px 20px rgba(0,0,0,.5)) brightness(1.08);
}

.ai1x-page--design .ai1d-platform-card__visual--code>b{
    position:relative;
    z-index:3;
    color:var(--platform);
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:2rem;
    font-weight:500;
    letter-spacing:-.12em;
    text-shadow:0 0 18px color-mix(in srgb,var(--platform) 48%,transparent);
}
.ai1x-page--design .ai1d-platform-card__visual--bespoke>b{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(2,20px);
    grid-template-rows:repeat(2,20px);
    gap:4px;
    transform:rotate(45deg);
}
.ai1x-page--design .ai1d-platform-card__visual--bespoke>b i{
    display:block;
    width:20px;
    height:20px;
    border:1px solid var(--platform);
    background:color-mix(in srgb,var(--platform) 12%,transparent);
    box-shadow:0 0 12px color-mix(in srgb,var(--platform) 16%,transparent);
}
.ai1x-page--design .ai1d-platform-card__visual--bespoke>b i:nth-child(1){grid-column:1/3;justify-self:center}
.ai1x-page--design .ai1d-platform-card__visual--bespoke>b i:nth-child(2){grid-column:1}
.ai1x-page--design .ai1d-platform-card__visual--bespoke>b i:nth-child(3){grid-column:2}

.ai1x-page--design .ai1d-platform-card__copy{position:relative;z-index:3;min-width:0}
.ai1x-page--design .ai1d-platform-card__eyebrow{
    display:block;
    margin-bottom:7px;
    color:var(--platform);
    font-size:.52rem;
    font-weight:800;
    letter-spacing:.13em;
}
.ai1x-page--design .ai1d-platform-card h3{
    margin:0 0 7px;
    color:#f1f7f2;
    font-size:1.08rem;
    letter-spacing:-.025em;
}
.ai1x-page--design .ai1d-platform-card p{
    margin:0;
    color:#93a399;
    font-size:.69rem;
    line-height:1.6;
}
.ai1x-page--design .ai1d-platform-card__copy>small{
    display:block;
    margin-top:11px;
    color:#708178;
    font-size:.48rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.ai1x-page--design .ai1d-platform-card__signal{
    position:absolute;
    right:15px;
    bottom:14px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--platform);
    box-shadow:0 0 13px var(--platform);
    animation:sxStatus 1.5s ease-in-out infinite;
}

/* Scroll entrances: left column from left, right column from right. */
.ai1x-page--design.sx-motion-ready .ai1d-platform-card.sx-reveal{
    opacity:0;
    filter:blur(7px);
    transition:opacity .68s ease,transform .88s cubic-bezier(.18,.82,.2,1),filter .72s ease,border-color .35s ease,box-shadow .35s ease;
}
.ai1x-page--design.sx-motion-ready .ai1d-platform-card.sx-reveal[data-sx-reveal="left"]{transform:translate3d(-90px,0,0) rotateY(7deg) scale(.97)}
.ai1x-page--design.sx-motion-ready .ai1d-platform-card.sx-reveal[data-sx-reveal="right"]{transform:translate3d(90px,0,0) rotateY(-7deg) scale(.97)}
.ai1x-page--design.sx-motion-ready .ai1d-platform-card.sx-reveal.is-inview{opacity:1;filter:none;transform:none}
.ai1x-page--design .ai1d-platform-card.is-stage-active:not(:hover){animation:ai1dPlatformCardBreathe 5s ease-in-out infinite}
.ai1x-page--design .ai1d-platform-card:nth-child(2){animation-delay:-1.25s}
.ai1x-page--design .ai1d-platform-card:nth-child(3){animation-delay:-2.5s}
.ai1x-page--design .ai1d-platform-card:nth-child(4){animation-delay:-3.75s}

@keyframes ai1dPlatformCardHalo{to{transform:rotate(360deg)}}
@keyframes ai1dPlatformVisualFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ai1dPlatformOrbitPulse{0%{opacity:.55;transform:scale(.75)}100%{opacity:0;transform:scale(1.2)}}
@keyframes ai1dPlatformCardBreathe{0%,100%{box-shadow:0 24px 58px rgba(0,0,0,.32),0 0 0 color-mix(in srgb,var(--platform) 0%,transparent)}50%{box-shadow:0 30px 72px rgba(0,0,0,.4),0 0 30px color-mix(in srgb,var(--platform) 9%,transparent)}}

@media(max-width:1100px){
    .ai1x-page--design .ai1d-platforms__notes{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
    .ai1x-page--design .ai1d-platforms__notes{grid-template-columns:1fr}
    .ai1x-page--design.sx-motion-ready .ai1d-platform-card.sx-reveal[data-sx-reveal="left"],
    .ai1x-page--design.sx-motion-ready .ai1d-platform-card.sx-reveal[data-sx-reveal="right"]{transform:translate3d(0,48px,0) scale(.97)}
}
@media(max-width:480px){
    .ai1x-page--design .ai1d-platform-card{grid-template-columns:82px minmax(0,1fr);min-height:154px;padding:15px;gap:14px}
    .ai1x-page--design .ai1d-platform-card__visual{width:82px;height:82px}
    .ai1x-page--design .ai1d-platform-card__visual img{width:56px;height:56px}
    .ai1x-page--design .ai1d-platform-card__visual--code>b{font-size:1.55rem}
}