:root {
        --am26-bg: #020617;
        --am26-panel: #081225;
        --am26-panel-strong: #0b162a;
        --am26-line: rgba(148, 163, 184, .16);
        --am26-text: #f8fafc;
        --am26-muted: #a8b4c7;
        --am26-cyan: #22d3ee;
        --am26-magenta: #d946ef;
        --am26-green: #25d366;
    }

    html { scroll-behavior: smooth; }
    body.home {
        overflow-x: hidden;
        background: var(--am26-bg);
        color: var(--am26-text);
    }
    .am26-home,
    .am26-home * { box-sizing: border-box; }
    .am26-home {
        overflow: hidden;
        background:
            radial-gradient(circle at 5% 12%, rgba(34, 211, 238, .08), transparent 26rem),
            radial-gradient(circle at 95% 38%, rgba(217, 70, 239, .07), transparent 30rem),
            var(--am26-bg);
        color: var(--am26-text);
        font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    .am26-shell {
        position: relative;
        width: min(100% - 3rem, 1240px);
        margin-inline: auto;
    }
    .am26-page-nav {
        border-block: 1px solid var(--am26-line);
        background: rgba(3, 10, 24, .9);
    }
    .am26-page-nav__inner {
        display: flex;
        gap: .55rem;
        overflow-x: auto;
        padding-block: .75rem;
        scrollbar-width: thin;
        scrollbar-color: rgba(34, 211, 238, .45) transparent;
    }
    .am26-page-nav a {
        flex: 0 0 auto;
        padding: .58rem .82rem;
        border: 1px solid rgba(148, 163, 184, .15);
        border-radius: 999px;
        color: #cbd5e1;
        background: rgba(8, 18, 37, .72);
        font-size: .78rem;
        font-weight: 750;
        text-decoration: none;
        transition: border-color .2s ease, color .2s ease, background .2s ease;
    }
    .am26-page-nav a:hover,
    .am26-page-nav a:focus-visible {
        border-color: rgba(34, 211, 238, .55);
        outline: none;
        color: #fff;
        background: rgba(34, 211, 238, .1);
    }
    .am26-section {
        position: relative;
        padding: clamp(4.75rem, 8vw, 7rem) 0;
    }
    #soluciones-am26,
    #metodo-am26,
    #recursos-am26,
    #comunidad-am26,
    #preguntas-am26,
    #sobre-alvaro-am26 {
        scroll-margin-top: 96px;
    }
    .am26-kicker {
        display: inline-flex;
        align-items: center;
        gap: .55rem;
        margin: 0 0 1rem;
        color: var(--am26-cyan);
        font: 700 .74rem/1.3 "Space Mono", monospace;
        letter-spacing: .12em;
        text-transform: uppercase;
    }
    .am26-kicker::before {
        content: "";
        width: 1.75rem;
        height: 1px;
        background: currentColor;
        box-shadow: 0 0 12px currentColor;
    }
    .am26-title {
        max-width: 850px;
        margin: 0;
        color: #fff;
        font-family: "Space Grotesk", Inter, system-ui, sans-serif;
        font-size: clamp(2.2rem, 5vw, 4.5rem);
        font-weight: 800;
        line-height: 1.02;
        letter-spacing: -.055em;
        text-transform: none;
    }
    .am26-title span {
        color: transparent;
        background: linear-gradient(100deg, var(--am26-cyan), #60a5fa 46%, var(--am26-magenta));
        -webkit-background-clip: text;
        background-clip: text;
    }
    .am26-lead {
        max-width: 680px;
        margin: 1.25rem 0 0;
        color: var(--am26-muted);
        font-size: clamp(1rem, 1.5vw, 1.16rem);
        line-height: 1.65;
    }
    .am26-button {
        display: inline-flex;
        min-height: 52px;
        align-items: center;
        justify-content: center;
        gap: .65rem;
        padding: .9rem 1.35rem;
        border: 1px solid transparent;
        border-radius: 12px;
        color: #020617;
        background: linear-gradient(120deg, var(--am26-cyan), #67e8f9 52%, var(--am26-magenta));
        box-shadow: 0 14px 40px rgba(34, 211, 238, .18);
        font: 800 .92rem/1 "Space Grotesk", Inter, sans-serif;
        text-decoration: none;
        transition: transform .25s ease, box-shadow .25s ease;
    }
    .am26-button:hover,
    .am26-button:focus-visible {
        transform: translateY(-2px);
        box-shadow: 0 18px 48px rgba(217, 70, 239, .22);
        color: #020617;
        outline: none;
    }
    .am26-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
    .am26-button--secondary {
        border-color: rgba(148, 163, 184, .28);
        color: #e2e8f0;
        background: rgba(8, 18, 37, .72);
        box-shadow: none;
    }
    .am26-button--secondary:hover,
    .am26-button--secondary:focus-visible {
        color: #fff;
        border-color: rgba(34, 211, 238, .55);
        box-shadow: 0 14px 34px rgba(34, 211, 238, .1);
    }

    /* Hero */
    .am26-hero {
        display: flex;
        min-height: calc(100svh - 76px);
        align-items: center;
        padding: clamp(2rem, 5vh, 4rem) 0;
        border-bottom: 1px solid var(--am26-line);
    }
    .am26-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: .45;
        background-image:
            linear-gradient(rgba(34, 211, 238, .045) 1px, transparent 1px),
            linear-gradient(90deg, rgba(34, 211, 238, .045) 1px, transparent 1px);
        background-size: 58px 58px;
        -webkit-mask-image: linear-gradient(to bottom, #000, transparent 88%);
        mask-image: linear-gradient(to bottom, #000, transparent 88%);
    }
    .am26-hero__grid {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(330px, .72fr);
        align-items: center;
        gap: clamp(3rem, 7vw, 7rem);
    }
    .am26-hero__title {
        max-width: 770px;
        margin: 0;
        font-family: "Space Grotesk", Inter, sans-serif;
        font-size: clamp(2.7rem, 4.1vw, 4.5rem);
        font-weight: 750;
        line-height: 1.04;
        letter-spacing: -.045em;
        text-transform: none;
    }
    .am26-hero__title span {
        color: transparent;
        background: linear-gradient(95deg, var(--am26-cyan), #60a5fa 44%, var(--am26-magenta));
        -webkit-background-clip: text;
        background-clip: text;
    }
    .am26-hero__copy {
        max-width: 660px;
        margin: 1.35rem 0 1.75rem;
        color: #b6c3d6;
        font-size: clamp(1.03rem, 1.5vw, 1.2rem);
        line-height: 1.62;
    }
    .am26-hero__proof {
        display: flex;
        flex-wrap: wrap;
        gap: .65rem;
        margin: 0 0 1.65rem;
    }
    .am26-proof-chip {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        padding: .55rem .72rem;
        border: 1px solid rgba(148, 163, 184, .17);
        border-radius: 999px;
        color: #ced8e7;
        background: rgba(8, 18, 37, .68);
        font-size: .78rem;
        font-weight: 700;
    }
    .am26-proof-chip i { color: var(--am26-cyan); }
    .am26-hero__visual {
        position: relative;
        width: min(100%, 455px);
        justify-self: end;
        isolation: isolate;
    }
    .am26-hero__visual::before {
        content: "";
        position: absolute;
        inset: 9% -10% -8%;
        z-index: -1;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(34, 211, 238, .2), transparent 58%);
        filter: blur(22px);
    }
    .am26-hero__photo {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 5;
        object-fit: cover;
        border: 1px solid rgba(34, 211, 238, .34);
        border-radius: 30px;
        box-shadow: 0 30px 90px rgba(0, 0, 0, .48);
    }
    .am26-app-badge {
        position: absolute;
        display: flex;
        min-width: 116px;
        align-items: center;
        gap: .65rem;
        padding: .65rem .78rem;
        border: 1px solid rgba(255, 255, 255, .16);
        border-radius: 14px;
        color: #f8fafc;
        background: rgba(5, 12, 27, .88);
        box-shadow: 0 18px 42px rgba(0, 0, 0, .35);
        backdrop-filter: blur(16px);
        font: 750 .76rem/1.1 "Space Grotesk", Inter, sans-serif;
        animation: am26-float 5s ease-in-out infinite;
    }
    .am26-app-badge img {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }
    .am26-app-badge--chatgpt { top: 8%; left: -15%; }
    .am26-app-badge--claude { top: 30%; right: -17%; animation-delay: -1.2s; }
    .am26-app-badge--gemini { bottom: 27%; left: -17%; animation-delay: -2.4s; }
    .am26-app-badge--whatsapp {
        right: -13%;
        bottom: 7%;
        border-color: rgba(37, 211, 102, .36);
        animation-delay: -3.5s;
    }
    .am26-app-badge--whatsapp i {
        color: var(--am26-green);
        font-size: 1.55rem;
    }
    @keyframes am26-float {
        0%, 100% { transform: translate3d(0, 0, 0); }
        50% { transform: translate3d(0, -8px, 0); }
    }

    /* Positioning */
    .am26-positioning {
        border-bottom: 1px solid var(--am26-line);
    }
    .am26-positioning__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(420px, .88fr);
        align-items: center;
        gap: clamp(3rem, 7vw, 6rem);
    }
    .am26-principles {
        display: grid;
        gap: .8rem;
    }
    .am26-profile-link {
        display: inline-flex;
        align-items: center;
        gap: .7rem;
        margin-top: 1.4rem;
        color: #dbe6f4;
        font-size: .82rem;
        font-weight: 700;
        text-decoration: none;
    }
    .am26-profile-link span {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid rgba(34, 211, 238, .24);
        border-radius: 50%;
        color: var(--am26-cyan);
        background: rgba(34, 211, 238, .07);
        font-size: .68rem;
    }
    .am26-profile-link i { color: var(--am26-cyan); font-size: .7rem; }
    .am26-principle {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        align-items: center;
        gap: 1rem;
        padding: 1rem 1.1rem;
        border: 1px solid var(--am26-line);
        border-radius: 16px;
        background: rgba(8, 18, 37, .72);
    }
    .am26-principle__icon {
        display: grid;
        width: 46px;
        height: 46px;
        place-items: center;
        margin: 0;
        border: 1px solid rgba(34, 211, 238, .25);
        border-radius: 12px;
        color: var(--am26-cyan);
        background: rgba(34, 211, 238, .07);
        box-shadow: inset 0 0 18px rgba(34, 211, 238, .06);
    }
    .am26-principle__icon svg {
        display: block;
        width: 24px;
        height: 24px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.85;
        stroke-linecap: round;
        stroke-linejoin: round;
        vector-effect: non-scaling-stroke;
    }
    .am26-principle__copy {
        display: block;
        min-width: 0;
    }
    .am26-principle strong {
        display: block;
        color: #fff;
        font: 750 .98rem/1.25 "Space Grotesk", Inter, sans-serif;
    }
    .am26-principle__copy > span {
        display: block;
        margin-top: .25rem;
        color: #8fa0b7;
        font-size: .85rem;
        line-height: 1.45;
    }

    /* Solutions */
    .am26-solutions__header {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 2rem;
        margin-bottom: 2.2rem;
    }
    .am26-solutions__header .am26-lead { max-width: 440px; }
    .am26-solutions__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
    .am26-solution {
        --accent: 34, 211, 238;
        display: flex;
        min-height: 365px;
        flex-direction: column;
        padding: clamp(1.4rem, 2.5vw, 2rem);
        border: 1px solid rgba(var(--accent), .22);
        border-radius: 22px;
        background:
            radial-gradient(circle at 100% 0, rgba(var(--accent), .13), transparent 34%),
            rgba(8, 18, 37, .78);
    }
    .am26-solution:nth-child(2) { --accent: 217, 70, 239; }
    .am26-solution:nth-child(3) { --accent: 37, 211, 102; }
    .am26-solution__number {
        color: rgb(var(--accent));
        font: 800 2.3rem/1 "Space Grotesk", Inter, sans-serif;
    }
    .am26-solution h3 {
        margin: 1.35rem 0 .75rem;
        color: #fff;
        font: 780 clamp(1.35rem, 2vw, 1.75rem)/1.15 "Space Grotesk", Inter, sans-serif;
        letter-spacing: -.035em;
        text-transform: none;
    }
    .am26-solution p {
        margin: 0;
        color: #95a5ba;
        font-size: .95rem;
        line-height: 1.6;
    }
    .am26-solution__links {
        display: grid;
        gap: .55rem;
        margin-top: auto;
        padding-top: 1.4rem;
    }
    .am26-solution__links a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        padding: .72rem .85rem;
        border: 1px solid rgba(148, 163, 184, .14);
        border-radius: 11px;
        color: #dce6f3;
        background: rgba(2, 6, 23, .42);
        font-size: .82rem;
        font-weight: 700;
        text-decoration: none;
        transition: border-color .2s ease, transform .2s ease;
    }
    .am26-solution__links a:hover,
    .am26-solution__links a:focus-visible {
        transform: translateX(3px);
        border-color: rgba(var(--accent), .48);
        outline: none;
    }
    .am26-solution__links i { color: rgb(var(--accent)); }

    /* Multi-agent 3D */
    .am26-orchestrator {
        overflow: hidden;
        border-block: 1px solid var(--am26-line);
        background:
            linear-gradient(110deg, rgba(2, 6, 23, .98), rgba(4, 8, 26, .94) 48%, rgba(13, 6, 35, .96)),
            radial-gradient(circle at 75% 50%, rgba(217, 70, 239, .12), transparent 28rem),
            radial-gradient(circle at 18% 50%, rgba(34, 211, 238, .09), transparent 24rem);
    }
    .am26-orchestrator::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image:
            linear-gradient(rgba(34, 211, 238, .025) 1px, transparent 1px),
            linear-gradient(90deg, rgba(34, 211, 238, .025) 1px, transparent 1px);
        background-size: 48px 48px;
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%, #000 100%);
        mask-image: linear-gradient(90deg, transparent, #000 35%, #000 100%);
    }
    .am26-orchestrator__grid {
        display: grid;
        grid-template-columns: minmax(0, .76fr) minmax(540px, 1.16fr);
        align-items: center;
        gap: clamp(2.5rem, 5vw, 5.25rem);
    }
    .am26-orchestrator__copy { position: relative; z-index: 2; }
    .am26-orchestrator__copy .am26-title { font-size: clamp(2.3rem, 4.4vw, 4rem); }
    .am26-orchestrator__copy .am26-button { margin-top: 1.7rem; }
    .am26-agent-stage {
        --rx: 0deg;
        --ry: 0deg;
        --am26-stage-glow: 34, 211, 238;
        position: relative;
        width: min(100%, 700px);
        aspect-ratio: 1.08;
        margin: 0;
        perspective: 1250px;
        transform-style: preserve-3d;
        isolation: isolate;
    }
    .am26-agent-stage::before {
        content: "";
        position: absolute;
        inset: 12% 8%;
        z-index: -4;
        border-radius: 50%;
        opacity: .82;
        background:
            radial-gradient(circle, rgba(var(--am26-stage-glow), .13), rgba(217, 70, 239, .055) 43%, transparent 71%);
        filter: blur(18px);
        transition: background .45s ease;
    }
    .am26-agent-stage[data-active="social"],
    .am26-agent-stage[data-active="email"] { --am26-stage-glow: 217, 70, 239; }
    .am26-agent-stage[data-active="video"],
    .am26-agent-stage[data-active="crm"] { --am26-stage-glow: 139, 92, 246; }
    .am26-agent-stage__atmosphere {
        position: absolute;
        inset: 7% 4%;
        z-index: -3;
        overflow: hidden;
        border: 1px solid rgba(34, 211, 238, .08);
        border-radius: 50%;
        background:
            repeating-radial-gradient(circle, transparent 0 42px, rgba(34, 211, 238, .035) 43px 44px),
            radial-gradient(circle at 50% 48%, rgba(34, 211, 238, .055), transparent 55%);
        transform: translateZ(-90px) rotateX(66deg);
        box-shadow: inset 0 0 70px rgba(34, 211, 238, .04), 0 0 60px rgba(2, 6, 23, .7);
    }
    .am26-agent-stage__atmosphere::before,
    .am26-agent-stage__atmosphere::after {
        content: "";
        position: absolute;
        inset: 13%;
        border: 1px solid rgba(217, 70, 239, .14);
        border-radius: 50%;
        animation: am26-orbit-spin 16s linear infinite;
    }
    .am26-agent-stage__atmosphere::after {
        inset: 26%;
        border-color: rgba(34, 211, 238, .18);
        animation-direction: reverse;
        animation-duration: 11s;
    }
    @keyframes am26-orbit-spin { to { transform: rotate(360deg); } }
    .am26-agent-stage__plane {
        position: absolute;
        inset: 3%;
        transform: rotateX(var(--rx)) rotateY(var(--ry));
        transform-style: preserve-3d;
        transition: transform .22s cubic-bezier(.2, .8, .2, 1);
        will-change: transform;
    }
    .am26-agent-stage__plane::before,
    .am26-agent-stage__plane::after {
        content: "";
        position: absolute;
        inset: 14%;
        z-index: -2;
        border: 1px solid rgba(34, 211, 238, .18);
        border-radius: 50%;
        transform: rotateX(72deg) translateZ(-34px);
        box-shadow: 0 0 45px rgba(34, 211, 238, .09);
    }
    .am26-agent-stage__plane::after {
        inset: 22%;
        border-color: rgba(217, 70, 239, .22);
        transform: rotateX(72deg) rotateZ(35deg) translateZ(-2px);
    }
    .am26-agent-links {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        pointer-events: none;
        transform: translateZ(22px);
        filter: drop-shadow(0 0 7px rgba(34, 211, 238, .24));
    }
    .am26-agent-link-underlay {
        fill: none;
        stroke: rgba(96, 165, 250, .09);
        stroke-width: 7;
    }
    .am26-agent-link {
        --link-color: 34, 211, 238;
        fill: none;
        stroke: rgba(var(--link-color), .34);
        stroke-width: 1.4;
        stroke-linecap: round;
        stroke-dasharray: 2 8;
        animation: am26-flow 3.8s linear infinite;
        transition: stroke .35s ease, stroke-width .35s ease, opacity .35s ease;
    }
    .am26-agent-link--social,
    .am26-agent-link--email { --link-color: 217, 70, 239; }
    .am26-agent-link--video,
    .am26-agent-link--crm { --link-color: 139, 92, 246; }
    .am26-agent-signal {
        fill: rgb(var(--signal-color, 34, 211, 238));
        opacity: .28;
        filter: drop-shadow(0 0 6px rgb(var(--signal-color, 34, 211, 238)));
        transition: opacity .35s ease;
    }
    .am26-agent-signal--social,
    .am26-agent-signal--email { --signal-color: 217, 70, 239; }
    .am26-agent-signal--video,
    .am26-agent-signal--crm { --signal-color: 139, 92, 246; }
    .am26-agent-stage[data-active="content"] .am26-agent-link--content,
    .am26-agent-stage[data-active="social"] .am26-agent-link--social,
    .am26-agent-stage[data-active="video"] .am26-agent-link--video,
    .am26-agent-stage[data-active="email"] .am26-agent-link--email,
    .am26-agent-stage[data-active="crm"] .am26-agent-link--crm,
    .am26-agent-stage[data-active="analytics"] .am26-agent-link--analytics {
        stroke: rgba(var(--link-color), .94);
        stroke-width: 2.8;
    }
    .am26-agent-stage[data-active="content"] .am26-agent-signal--content,
    .am26-agent-stage[data-active="social"] .am26-agent-signal--social,
    .am26-agent-stage[data-active="video"] .am26-agent-signal--video,
    .am26-agent-stage[data-active="email"] .am26-agent-signal--email,
    .am26-agent-stage[data-active="crm"] .am26-agent-signal--crm,
    .am26-agent-stage[data-active="analytics"] .am26-agent-signal--analytics { opacity: 1; }
    @keyframes am26-flow { to { stroke-dashoffset: -50; } }
    .am26-brain-core {
        position: absolute;
        z-index: 5;
        top: 49%;
        left: 50%;
        width: 48%;
        aspect-ratio: 1;
        transform: translate3d(-50%, -50%, 88px);
        transform-style: preserve-3d;
    }
    .am26-brain-core::before,
    .am26-brain-core::after {
        content: "";
        position: absolute;
        inset: -8%;
        z-index: -1;
        border: 1px solid rgba(34, 211, 238, .24);
        border-radius: 50%;
        transform: rotateX(70deg) rotateZ(-14deg) translateZ(-24px);
        box-shadow: 0 0 30px rgba(34, 211, 238, .11), inset 0 0 24px rgba(34, 211, 238, .07);
        animation: am26-brain-ring 9s linear infinite;
    }
    .am26-brain-core::after {
        inset: 2%;
        border-color: rgba(217, 70, 239, .25);
        transform: rotateY(71deg) rotateZ(18deg) translateZ(-8px);
        animation-direction: reverse;
        animation-duration: 12s;
    }
    @keyframes am26-brain-ring { to { rotate: 0 0 1 360deg; } }
    .am26-brain-halo {
        position: absolute;
        inset: 9%;
        z-index: -2;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(34, 211, 238, .22), rgba(139, 92, 246, .11) 45%, transparent 72%);
        filter: blur(17px);
        animation: am26-brain-breathe 3.6s ease-in-out infinite;
    }
    @keyframes am26-brain-breathe {
        0%, 100% { opacity: .58; scale: .94; }
        50% { opacity: 1; scale: 1.08; }
    }
    .am26-brain-fallback,
    .am26-brain-fallback img,
    .am26-brain-canvas {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
    .am26-brain-fallback { z-index: 1; transition: opacity .7s ease, filter .7s ease; }
    .am26-brain-fallback img {
        object-fit: contain;
        filter: drop-shadow(0 0 28px rgba(34, 211, 238, .38));
    }
    .am26-brain-canvas {
        z-index: 2;
        display: block;
        opacity: 0;
        filter: drop-shadow(0 0 18px rgba(34, 211, 238, .35));
        transition: opacity .7s ease;
    }
    .am26-agent-stage.is-3d-ready .am26-brain-canvas { opacity: 1; }
    .am26-agent-stage.is-3d-ready .am26-brain-fallback { opacity: .3; filter: saturate(1.24) blur(.2px); }
    .am26-brain-scan {
        position: absolute;
        z-index: 3;
        inset: 12% 7%;
        overflow: hidden;
        border-radius: 48%;
        pointer-events: none;
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
        mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
    }
    .am26-brain-scan::before {
        content: "";
        position: absolute;
        inset: -30% 0 auto;
        height: 34%;
        border-bottom: 1px solid rgba(125, 249, 255, .8);
        background: linear-gradient(180deg, transparent, rgba(34, 211, 238, .12));
        animation: am26-brain-scan 3.2s ease-in-out infinite;
        filter: drop-shadow(0 0 7px rgba(34, 211, 238, .7));
    }
    @keyframes am26-brain-scan {
        0%, 12% { transform: translateY(0); opacity: 0; }
        24% { opacity: 1; }
        76% { opacity: 1; }
        88%, 100% { transform: translateY(440%); opacity: 0; }
    }
    .am26-brain-console {
        position: absolute;
        z-index: 12;
        top: 69%;
        left: 50%;
        display: grid;
        min-width: 190px;
        justify-items: center;
        gap: .2rem;
        padding: .58rem .82rem;
        border: 1px solid rgba(var(--am26-stage-glow), .5);
        border-radius: 12px;
        color: #fff;
        background: linear-gradient(180deg, rgba(8, 18, 37, .94), rgba(2, 6, 23, .9));
        box-shadow: 0 0 28px rgba(var(--am26-stage-glow), .17), inset 0 1px rgba(255, 255, 255, .04);
        transform: translate3d(-50%, -50%, 112px);
        transition: border-color .35s ease, box-shadow .35s ease;
        backdrop-filter: blur(12px);
    }
    .am26-brain-console span {
        color: rgb(var(--am26-stage-glow));
        font: 700 .55rem/1.2 "Space Mono", monospace;
        letter-spacing: .12em;
        text-transform: uppercase;
    }
    .am26-brain-console strong {
        font: 750 .7rem/1.25 "Space Grotesk", Inter, sans-serif;
        white-space: nowrap;
    }
    .am26-motion-toggle {
        position: absolute;
        z-index: 30;
        top: 1.5%;
        right: 1%;
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        gap: .4rem;
        padding: .42rem .62rem;
        border: 1px solid rgba(148, 163, 184, .2);
        border-radius: 999px;
        color: #b8c5d8;
        background: rgba(2, 6, 23, .78);
        font: 700 .6rem/1 "Space Mono", monospace;
        cursor: pointer;
        transition: color .2s ease, border-color .2s ease, background .2s ease;
        backdrop-filter: blur(10px);
    }
    .am26-motion-toggle:hover,
    .am26-motion-toggle:focus-visible {
        border-color: rgba(34, 211, 238, .55);
        outline: none;
        color: #fff;
        background: rgba(34, 211, 238, .1);
    }
    .am26-motion-toggle i { color: var(--am26-cyan); }
    .am26-agent-node {
        --node-accent: 34, 211, 238;
        --node-depth: 52px;
        position: absolute;
        z-index: 14;
        width: 148px;
        min-height: 66px;
        margin: 0;
        padding: 0;
        border: 0;
        color: #eef6ff;
        background: transparent;
        font: inherit;
        text-align: left;
        cursor: pointer;
        transform-style: preserve-3d;
        animation: am26-node-float 5s ease-in-out infinite;
    }
    .am26-agent-node--social,
    .am26-agent-node--email { --node-accent: 217, 70, 239; }
    .am26-agent-node--video,
    .am26-agent-node--crm { --node-accent: 139, 92, 246; }
    .am26-agent-node--social { animation-delay: -.8s; }
    .am26-agent-node--video { animation-delay: -1.6s; }
    .am26-agent-node--email { animation-delay: -2.4s; }
    .am26-agent-node--crm { animation-delay: -3.2s; }
    .am26-agent-node--analytics { animation-delay: -4s; }
    @keyframes am26-node-float {
        0%, 100% { transform: translate3d(0, 0, var(--node-depth)) rotateX(-1.5deg) rotateY(1deg); }
        50% { transform: translate3d(0, -7px, calc(var(--node-depth) + 15px)) rotateX(1.5deg) rotateY(-1deg); }
    }
    .am26-agent-node__surface {
        position: relative;
        display: flex;
        width: 100%;
        min-height: 66px;
        align-items: center;
        gap: .68rem;
        overflow: hidden;
        padding: .72rem;
        border: 1px solid rgba(var(--node-accent), .27);
        border-radius: 14px;
        background:
            linear-gradient(135deg, rgba(var(--node-accent), .1), transparent 42%),
            rgba(6, 16, 34, .9);
        box-shadow: 0 18px 42px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .035);
        transform: translateZ(0) scale(1);
        transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
        backdrop-filter: blur(14px);
    }
    .am26-agent-node__surface::before {
        content: "";
        position: absolute;
        top: 0;
        left: -45%;
        width: 42%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgb(var(--node-accent)), transparent);
        animation: am26-node-scan 3.4s ease-in-out infinite;
    }
    @keyframes am26-node-scan {
        0%, 18% { left: -45%; opacity: 0; }
        32% { opacity: 1; }
        78% { opacity: 1; }
        92%, 100% { left: 105%; opacity: 0; }
    }
    .am26-agent-node__icon {
        position: relative;
        display: grid;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        place-items: center;
        border: 1px solid rgba(var(--node-accent), .2);
        border-radius: 10px;
        color: rgb(var(--node-accent));
        background: rgba(var(--node-accent), .1);
        box-shadow: inset 0 0 14px rgba(var(--node-accent), .06);
    }
    .am26-agent-node__icon::after {
        content: "";
        position: absolute;
        inset: -4px;
        border: 1px solid rgba(var(--node-accent), .22);
        border-radius: 12px;
        opacity: 0;
        scale: .8;
    }
    .am26-agent-node__copy { display: block; min-width: 0; }
    .am26-agent-node strong {
        display: block;
        color: #f5f9ff;
        font: 750 .76rem/1.2 "Space Grotesk", Inter, sans-serif;
    }
    .am26-agent-node__detail {
        display: block;
        margin-top: .2rem;
        color: #8494aa;
        font-size: .62rem;
        line-height: 1.25;
    }
    .am26-agent-node__led {
        position: absolute;
        top: .48rem;
        right: .48rem;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: rgba(var(--node-accent), .45);
        box-shadow: 0 0 8px rgba(var(--node-accent), .45);
    }
    .am26-agent-node:hover .am26-agent-node__surface,
    .am26-agent-node:focus-visible .am26-agent-node__surface,
    .am26-agent-node[aria-pressed="true"] .am26-agent-node__surface {
        border-color: rgba(var(--node-accent), .78);
        background:
            linear-gradient(135deg, rgba(var(--node-accent), .2), transparent 48%),
            rgba(7, 18, 38, .96);
        box-shadow: 0 20px 52px rgba(0, 0, 0, .4), 0 0 24px rgba(var(--node-accent), .17), inset 0 1px rgba(255, 255, 255, .06);
        transform: translateZ(18px) scale(1.035);
    }
    .am26-agent-node:focus-visible { outline: none; }
    .am26-agent-node:focus-visible .am26-agent-node__surface { outline: 2px solid #f8fafc; outline-offset: 3px; }
    .am26-agent-node[aria-pressed="true"] .am26-agent-node__icon::after {
        opacity: 1;
        scale: 1.2;
        animation: am26-node-pulse 1.8s ease-out infinite;
    }
    .am26-agent-node[aria-pressed="true"] .am26-agent-node__led {
        background: rgb(var(--node-accent));
        box-shadow: 0 0 10px rgb(var(--node-accent));
    }
    @keyframes am26-node-pulse {
        0% { opacity: .8; scale: .8; }
        100% { opacity: 0; scale: 1.55; }
    }
    .am26-agent-node--content { top: 1.5%; left: 50%; margin-left: -74px; --node-depth: 66px; }
    .am26-agent-node--social { top: 20%; right: 0; --node-depth: 42px; }
    .am26-agent-node--video { right: 3%; bottom: 9%; --node-depth: 62px; }
    .am26-agent-node--email { bottom: 2.5%; left: 50%; margin-left: -74px; --node-depth: 70px; }
    .am26-agent-node--crm { bottom: 10%; left: 1%; --node-depth: 46px; }
    .am26-agent-node--analytics { top: 20%; left: 0; --node-depth: 58px; }
    .am26-agent-stage.is-paused .am26-agent-stage__atmosphere::before,
    .am26-agent-stage.is-paused .am26-agent-stage__atmosphere::after,
    .am26-agent-stage.is-paused .am26-agent-link,
    .am26-agent-stage.is-paused .am26-brain-core::before,
    .am26-agent-stage.is-paused .am26-brain-core::after,
    .am26-agent-stage.is-paused .am26-brain-halo,
    .am26-agent-stage.is-paused .am26-brain-scan::before,
    .am26-agent-stage.is-paused .am26-agent-node,
    .am26-agent-stage.is-paused .am26-agent-node__surface::before,
    .am26-agent-stage.is-paused .am26-agent-node__icon::after { animation-play-state: paused !important; }
    .am26-visually-hidden:where(:not(:focus, :active)) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }
    .am26-agent-stack {
        display: flex;
        flex-wrap: wrap;
        gap: .55rem;
        margin-top: 1.4rem;
    }
    .am26-agent-stack span {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        padding: .52rem .68rem;
        border: 1px solid var(--am26-line);
        border-radius: 10px;
        color: #cbd7e8;
        background: rgba(8, 18, 37, .7);
        font-size: .72rem;
        font-weight: 700;
    }
    .am26-agent-stack img { width: 18px; height: 18px; object-fit: contain; }

    /* Method */
    .am26-method__header { max-width: 820px; margin-bottom: 2.4rem; }
    .am26-method__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
    .am26-step {
        padding: 1.55rem;
        border-top: 2px solid var(--am26-cyan);
        border-radius: 0 0 16px 16px;
        background: linear-gradient(180deg, rgba(34, 211, 238, .07), rgba(8, 18, 37, .64));
    }
    .am26-step:nth-child(2) { border-color: var(--am26-magenta); }
    .am26-step:nth-child(3) { border-color: var(--am26-green); }
    .am26-step span {
        color: #718097;
        font: 800 .72rem/1 "Space Mono", monospace;
        letter-spacing: .08em;
    }
    .am26-step h3 {
        margin: .8rem 0 .55rem;
        color: #fff;
        font: 780 1.25rem/1.2 "Space Grotesk", Inter, sans-serif;
        text-transform: none;
    }
    .am26-step p {
        margin: 0;
        color: #93a3b9;
        font-size: .88rem;
        line-height: 1.55;
    }

    /* Community */
    .am26-community {
        border-block: 1px solid var(--am26-line);
        background: radial-gradient(circle at 80% 50%, rgba(37, 211, 102, .1), transparent 28rem);
    }
    .am26-community__card {
        display: grid;
        grid-template-columns: minmax(0, .92fr) minmax(330px, .7fr);
        align-items: center;
        gap: clamp(2.5rem, 6vw, 5rem);
        padding: clamp(1.6rem, 4vw, 3.2rem);
        border: 1px solid rgba(37, 211, 102, .22);
        border-radius: 28px;
        background: rgba(8, 18, 37, .8);
        box-shadow: 0 28px 80px rgba(0, 0, 0, .26);
    }
    .am26-community__title {
        max-width: 670px;
        margin: 0;
        font: 750 clamp(2.15rem, 4.3vw, 4.1rem)/1.04 "Space Grotesk", sans-serif;
        letter-spacing: -.055em;
        text-transform: none;
    }
    .am26-community__copy {
        max-width: 610px;
        margin: 1rem 0 1.5rem;
        color: #aab7c9;
        line-height: 1.62;
    }
    .am26-community__button {
        background: linear-gradient(120deg, #25d366, #69e791);
        box-shadow: 0 14px 40px rgba(37, 211, 102, .18);
    }
    .am26-community__visual {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(37, 211, 102, .28);
        border-radius: 22px;
        background: #06111f;
    }
    .am26-community__visual img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 5;
        object-fit: cover;
    }
    .am26-whatsapp-mark {
        position: absolute;
        top: 9%;
        right: 9%;
        display: grid;
        width: clamp(84px, 10vw, 126px);
        aspect-ratio: 1;
        place-items: center;
        border: 2px solid rgba(255, 255, 255, .56);
        border-radius: 50%;
        color: #fff;
        background: #25d366;
        box-shadow: 0 0 0 12px rgba(37, 211, 102, .1), 0 18px 50px rgba(0, 0, 0, .32);
        font-size: clamp(2.8rem, 5vw, 4.6rem);
        animation: am26-whatsapp-pulse 2.8s ease-in-out infinite;
    }
    @keyframes am26-whatsapp-pulse {
        0%, 100% { transform: scale(1); box-shadow: 0 0 0 10px rgba(37, 211, 102, .1), 0 18px 50px rgba(0, 0, 0, .32); }
        50% { transform: scale(1.045); box-shadow: 0 0 0 20px rgba(37, 211, 102, .035), 0 18px 50px rgba(0, 0, 0, .32); }
    }

    /* FAQ and closing guidance */
    .am26-faq {
        background: rgba(2, 6, 23, .42);
    }
    .am26-faq__grid {
        display: grid;
        grid-template-columns: minmax(0, .72fr) minmax(480px, 1fr);
        align-items: start;
        gap: clamp(2rem, 6vw, 5rem);
    }
    .am26-faq__intro {
        position: sticky;
        top: 104px;
    }
    .am26-faq__intro .am26-button {
        margin-top: 1.5rem;
    }
    .am26-faq__items {
        display: grid;
        gap: .75rem;
    }
    .am26-faq details {
        border: 1px solid var(--am26-line);
        border-radius: 15px;
        background: rgba(8, 18, 37, .74);
    }
    .am26-faq summary {
        display: flex;
        min-height: 58px;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.1rem;
        color: #f8fafc;
        cursor: pointer;
        font: 700 .98rem/1.35 "Space Grotesk", sans-serif;
        list-style: none;
    }
    .am26-faq summary::-webkit-details-marker { display: none; }
    .am26-faq summary::after {
        content: "+";
        flex: 0 0 auto;
        color: var(--am26-cyan);
        font-size: 1.25rem;
    }
    .am26-faq details[open] summary::after { content: "−"; }
    .am26-faq summary:focus-visible {
        outline: 2px solid var(--am26-cyan);
        outline-offset: 3px;
    }
    .am26-faq details p {
        margin: 0;
        padding: 0 1.1rem 1.15rem;
        color: #9eacc0;
        line-height: 1.62;
    }

    /* Newsletter */
    .am26-newsletter {
        padding: clamp(4.75rem, 8vw, 7rem) 0 clamp(5.5rem, 10vw, 8.5rem);
    }
    .am26-newsletter__card {
        display: grid;
        grid-template-columns: minmax(0, .8fr) minmax(460px, 1fr);
        align-items: center;
        gap: clamp(2rem, 5vw, 4rem);
        padding: clamp(1.6rem, 4vw, 3rem);
        border: 1px solid rgba(34, 211, 238, .2);
        border-radius: 24px;
        background:
            radial-gradient(circle at 0 0, rgba(34, 211, 238, .09), transparent 18rem),
            rgba(8, 18, 37, .82);
    }
    .am26-newsletter__title {
        margin: 0;
        color: #fff;
        font: 750 clamp(2rem, 3.7vw, 3.25rem)/1.08 "Space Grotesk", sans-serif;
        letter-spacing: -.045em;
        text-transform: none;
    }
    .am26-newsletter__copy {
        margin: .8rem 0 0;
        color: #9eacc0;
        line-height: 1.55;
    }
    .am26-newsletter__form {
        display: grid;
        grid-template-columns: 1fr 1.18fr auto;
        gap: .65rem;
    }
    .am26-newsletter__field {
        width: 100%;
        min-width: 0;
        min-height: 52px;
        padding: 0 .95rem;
        border: 1px solid rgba(148, 163, 184, .2);
        border-radius: 11px;
        color: #fff;
        background: rgba(2, 6, 23, .7);
        font: 500 .9rem/1 Inter, sans-serif;
    }
    .am26-newsletter__field:focus {
        border-color: var(--am26-cyan);
        box-shadow: 0 0 0 3px rgba(34, 211, 238, .1);
        outline: none;
    }
    .am26-newsletter__field:user-invalid {
        border-color: rgba(217, 70, 239, .68);
    }
    .am26-newsletter__submit {
        min-height: 52px;
        padding: 0 1.1rem;
        border: 0;
        border-radius: 11px;
        color: #020617;
        background: var(--am26-cyan);
        font: 800 .82rem/1 "Space Grotesk", Inter, sans-serif;
        cursor: pointer;
    }
    .am26-newsletter__submit:disabled { cursor: wait; opacity: .65; }
    .am26-newsletter__note {
        grid-column: 1 / -1;
        margin: .15rem 0 0;
        color: #728198;
        font-size: .72rem;
        line-height: 1.45;
    }
    .am26-newsletter__note a { color: #8debf8; }
    .am26-newsletter__message {
        grid-column: 1 / -1;
        min-height: 1.2rem;
        margin: 0;
        color: #9eacc0;
        font-size: .8rem;
    }
    .am26-newsletter__message.is-success { color: #69e791; }
    .am26-newsletter__message.is-error { color: #f0abfc; }

    @media (max-width: 1040px) {
        .am26-hero__grid,
        .am26-positioning__grid,
        .am26-orchestrator__grid,
        .am26-community__card,
        .am26-faq__grid,
        .am26-newsletter__card {
            grid-template-columns: 1fr;
        }
        .am26-hero {
            min-height: auto;
            padding: 5rem 0;
        }
        .am26-hero__visual { justify-self: center; }
        .am26-positioning__grid { gap: 2.4rem; }
        .am26-solutions__grid { grid-template-columns: 1fr; }
        .am26-solution { min-height: 0; }
        .am26-orchestrator__grid { gap: 2.5rem; }
        .am26-agent-stage { margin-inline: auto; }
        .am26-community__visual { width: min(100%, 460px); justify-self: center; }
        .am26-faq__intro { position: static; }
    }

    @media (max-width: 720px) {
        .am26-shell { width: min(100% - 2rem, 1240px); }
        .am26-section { padding: 4.25rem 0; }
        .am26-kicker::before { display: none; }
        .am26-hero {
            padding: 3.6rem 0 4.25rem;
        }
        .am26-hero__grid { gap: 2.6rem; }
        .am26-hero__title { font-size: clamp(2.25rem, 10.8vw, 3rem); }
        .am26-hero__visual { width: min(86vw, 390px); }
        .am26-app-badge { min-width: 100px; padding: .55rem .65rem; font-size: .68rem; }
        .am26-app-badge img { width: 20px; height: 20px; }
        .am26-app-badge--chatgpt { left: -4%; }
        .am26-app-badge--claude { right: -4%; }
        .am26-app-badge--gemini { left: -4%; }
        .am26-app-badge--whatsapp { right: -4%; }
        .am26-positioning__grid { grid-template-columns: 1fr; }
        .am26-solutions__header { display: block; }
        .am26-method__grid { grid-template-columns: 1fr; }
        .am26-agent-stage { aspect-ratio: .78; }
        .am26-agent-stage__plane { inset: 4% 0 2%; }
        .am26-agent-node { width: 120px; min-height: 56px; }
        .am26-agent-node__surface { min-height: 56px; gap: .5rem; padding: .58rem; }
        .am26-agent-node__icon { width: 29px; height: 29px; flex-basis: 29px; }
        .am26-agent-node__detail { display: none; }
        .am26-agent-node strong { font-size: .69rem; }
        .am26-agent-node--content { top: 3%; margin-left: -60px; }
        .am26-agent-node--social { top: 18%; }
        .am26-agent-node--analytics { top: 18%; }
        .am26-agent-node--video { right: 0; bottom: 9%; }
        .am26-agent-node--crm { left: 0; bottom: 9%; }
        .am26-agent-node--email { bottom: 1%; margin-left: -60px; }
        .am26-brain-core { width: 57%; }
        .am26-brain-console { top: 66%; min-width: 166px; padding: .5rem .64rem; }
        .am26-brain-console strong { font-size: .62rem; }
        .am26-motion-toggle span { display: none; }
        .am26-motion-toggle { top: 1%; right: 0; width: 34px; justify-content: center; padding: 0; }
        .am26-newsletter__form { grid-template-columns: 1fr; }
        .am26-newsletter__note,
        .am26-newsletter__message { grid-column: 1; }
        .am26-newsletter__submit { width: 100%; }
    }

    @media (max-height: 760px) and (min-width: 1041px) {
        .am26-hero { min-height: 660px; }
        .am26-hero__title { font-size: clamp(2.75rem, 4vw, 4rem); }
        .am26-hero__visual { width: min(100%, 380px); }
    }

    @media (prefers-reduced-motion: reduce) {
        html { scroll-behavior: auto; }
        .am26-app-badge,
        .am26-agent-stage__atmosphere::before,
        .am26-agent-stage__atmosphere::after,
        .am26-agent-link,
        .am26-brain-core::before,
        .am26-brain-core::after,
        .am26-brain-halo,
        .am26-brain-scan::before,
        .am26-agent-node,
        .am26-agent-node__surface::before,
        .am26-agent-node__icon::after,
        .am26-whatsapp-mark {
            animation: none !important;
        }
        .am26-agent-stage__plane { transform: none !important; }
        .am26-motion-toggle { display: none; }
        .am26-agent-stage.is-3d-ready .am26-brain-fallback { opacity: .38; }
    }