html:has(.ecosystem) { scroll-behavior: auto; scroll-padding-top: 74px; }
.amm-ecosystem-page section[id]:not(#inicio) { scroll-margin-top: 24px; }
.amm-ecosystem-page .site-header { position: fixed; inset: 0 0 auto; background: #101613f2; border-bottom: 1px solid #d2e5c31c; }
.amm-ecosystem-page .header-inner { height: 74px; }
.eco-in-view .mobile-actions { visibility: hidden; opacity: 0; pointer-events: none; }
.eco-in-view .amm-assistant-hint { display: none; }
.ecosystem { --eco-ink: #101613; --eco-paper: #f2f1e9; --eco-lime: #d2f65a; --eco-muted: #b8c2b5; --eco-border: #d2e5c32b; --eco-gutter: clamp(22px, 4.2vw, 80px); position: relative; isolation: isolate; color: var(--eco-paper); background: var(--eco-ink); scroll-margin-top: 0 !important; }
.ecosystem [hidden] { display: none !important; }
.ecosystem .sr-only { position: absolute !important; height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; }
.ecosystem :is(a, button, select):focus-visible { outline: 3px solid #d2f65a; outline-offset: 5px; }
.ecosystem :is(button, a, select) { touch-action: manipulation; }
.ecosystem button { font: inherit; cursor: pointer; }
.ecosystem em { font-style: normal; color: var(--eco-lime); }
.ecosystem[data-mode=scroll] { height: 660vh; height: 660svh; }
.eco-stage { position: relative; height: 100vh; height: 100svh; width: 100%; overflow: hidden; overflow: clip; background: var(--eco-ink); isolation: isolate; perspective: 1400px; }
[data-mode=scroll] .eco-stage { position: sticky; top: 0; }
.eco-atmosphere { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.eco-light { position: absolute; inset: -15%; background: radial-gradient(ellipse at 77% 45%, #a4bb4120, transparent 44%), radial-gradient(ellipse at 24% 70%, #718c7a15, transparent 40%); }
.eco-grid { position: absolute; inset: 25% -30% -75%; background-image: linear-gradient(#bdcfac13 1px, transparent 1px), linear-gradient(90deg, #bdcfac13 1px, transparent 1px); background-size: 90px 90px; transform: perspective(700px) rotateX(54deg); transform-origin: center bottom; mask-image: radial-gradient(ellipse, #0009, transparent 65%); opacity: .55; }
.eco-orbit { position: absolute; width: 78vw; aspect-ratio: 1; right: -15%; top: -12%; border: 1px solid #d2e5c30e; border-radius: 50%; box-shadow: 0 0 0 100px #d2e5c305, 0 0 0 200px #d2e5c303; }
.eco-grain { position: absolute; inset: 0; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
.eco-cross { position: absolute; width: 15px; height: 15px; background: linear-gradient(#a8bf8c, #a8bf8c) center/1px 100% no-repeat, linear-gradient(#a8bf8c, #a8bf8c) center/100% 1px no-repeat; opacity: .3; }
.eco-cross-one { top: 26%; right: 9%; }.eco-cross-two { bottom: 25%; left: 35%; }
.eco-meta { position: absolute; inset: 94px var(--eco-gutter) auto; display: flex; justify-content: space-between; align-items: center; z-index: 15; font: 10px/1.5 ui-monospace, monospace; letter-spacing: .06em; color: var(--eco-muted); pointer-events: none; }
.eco-meta>span:first-child { display: flex; align-items: center; gap: 9px; }.eco-meta i { width: 5px; height: 5px; background: var(--eco-lime); border-radius: 50%; }
.eco-eyebrow { font: 10px/1.6 ui-monospace, monospace; letter-spacing: .08em; color: var(--eco-muted); }
.eco-intro { position: absolute; left: var(--eco-gutter); right: var(--eco-gutter); top: 50%; transform: translateY(-46%); z-index: 5; }
.eco-intro h1 { margin: 24px 0 22px; max-width: 1050px; font-size: clamp(68px, 8.4vw, 142px); font-weight: 500; line-height: .92; letter-spacing: -.065em; }
.eco-intro>p:not(.eco-eyebrow,.eco-scroll-cue) { font-size: clamp(14px, 1.3vw, 18px); line-height: 1.65; color: var(--eco-muted); max-width: 620px; }
.eco-intro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 28px; }.eco-text-link { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: var(--eco-paper); font-size: 13px; text-decoration: underline; text-underline-offset: 5px; }.eco-text-link .icon { width: 17px; height: 17px; }
.eco-scroll-cue { display: flex; align-items: center; gap: 13px; font: 9px/1.5 ui-monospace, monospace; letter-spacing: .06em; margin-top: 30px; color: var(--eco-muted); }.eco-scroll-cue>span { display: grid; place-items: center; height: 34px; width: 22px; border: 1px solid var(--eco-border); border-radius: 20px; color: var(--eco-lime); font-size: 18px; }
.eco-seed { position: absolute; width: 33vw; height: 33vw; top: 50%; right: 7%; transform: translateY(-50%); pointer-events: none; }
.eco-seed-core { position: absolute; top: 50%; left: 50%; width: 13px; height: 13px; border-radius: 50%; background: #eaffb5; box-shadow: 0 0 22px 3px #d2f65a55, 0 0 110px 50px #b2ca5320; }
.eco-seed-ring { position: absolute; inset: 15%; border: 1px solid #d2f65a45; border-radius: 50%; transform: rotateY(57deg) rotateX(18deg); }.eco-seed-ring-two { inset: -10%; transform: rotateX(64deg) rotate(-30deg); border-color: #d2f65a1a; }
.eco-seed-line { position: absolute; width: 110%; height: 1px; left: -5%; top: 50%; transform: rotate(-25deg); background: linear-gradient(90deg, transparent, #d2f65a60, transparent); }
.eco-seed-label { position: absolute; top: 88%; left: 35%; white-space: nowrap; font: 8px ui-monospace, monospace; color: var(--eco-muted); }
.eco-caption { position: absolute; left: var(--eco-gutter); top: 50%; transform: translateY(-50%); width: 27%; z-index: 5; opacity: 0; visibility: hidden; pointer-events: none; }
.eco-caption h2 { font-size: clamp(38px, 4.3vw, 72px); line-height: 1; letter-spacing: -.055em; font-weight: 500; margin: 24px 0; }.eco-caption p { max-width: 290px; font-size: 14px; line-height: 1.75; color: var(--eco-muted); }.eco-caption-foot { display: block; margin-top: 26px; font: 8px/1.7 ui-monospace, monospace; letter-spacing: .06em; color: #a1b393; }
.eco-workspace { position: absolute; inset: 0; perspective: 1600px; pointer-events: none; }
.eco-strategy,.eco-editor,.eco-site,.eco-flow,.eco-launch { position: absolute; top: 50%; right: var(--eco-gutter); width: 62%; transform: translateY(-50%); opacity: 0; visibility: hidden; }
.eco-panel-label { display: block; font: 9px/1.6 ui-monospace, monospace; letter-spacing: .06em; color: var(--eco-muted); }
.eco-strategy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }.eco-strategy>.eco-panel-label { grid-column: 1/-1; margin-bottom: 24px; }
.eco-brief-node { position: relative; padding: 26px 20px; border-top: 1px solid #d2f65a99; background: #182019; z-index: 1; }.eco-brief-node>span { display: block; margin-bottom: 34px; color: var(--eco-lime); font: 13px ui-monospace, monospace; }.eco-brief-node strong { font-size: clamp(18px, 1.8vw, 28px); font-weight: 500; letter-spacing: -.035em; }.eco-brief-node p { margin-top: 14px; font-size: 13px; color: var(--eco-muted); line-height: 1.7; }
.eco-brief-lines { position: absolute; inset: 15% 0 0; width: 100%; height: 100%; }.eco-brief-lines path { stroke: #b9da65; stroke-width: 1; stroke-dasharray: 1; }
.eco-editor { background: #121a15; border: 1px solid #a1bc822b; box-shadow: 0 35px 100px #0004; z-index: 3; }
.eco-editor-tabs { display: flex; align-items: center; border-bottom: 1px solid var(--eco-border); padding: 0 16px; font: 11px ui-monospace, monospace; }.eco-editor-tabs>span:not(.eco-editor-dot) { padding: 19px 16px; color: #adbaa9; border-bottom: 1px solid transparent; }.eco-editor-tabs>span.is-active { color: var(--eco-lime); border-color: var(--eco-lime); }.eco-editor-dot { margin-left: auto; width: 5px; height: 5px; border-radius: 50%; background: #d2f65a; }
.eco-code-body { padding: 32px 18px; overflow: hidden; }.eco-code-line { display: flex; gap: 18px; padding: 7px 10px; white-space: pre; font: clamp(10px, 1.05vw, 15px)/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }.eco-code-line>span { width: 18px; flex: none; color: #70836b; }.eco-code-line code { font: inherit; color: #e1e9dc; }.eco-code-line b { color: #c4de8b; font-weight: 400; }.eco-code-line i { color: #f4c694; font-style: normal; }.eco-code-line em { color: #b0c6e1; }.eco-code-selected { background: linear-gradient(90deg, #d2f65a14, transparent); }
.eco-code-caret { display: inline-block; width: 6px; height: 13px; margin-left: 4px; vertical-align: middle; background: var(--eco-lime); }
.eco-code-body { display: grid; }
.eco-code-pane { grid-area: 1 / 1; min-width: 0; }
.eco-code-pane:not([data-source=html]) { visibility: hidden; opacity: 0; }
.eco-editor-footer { display: flex; justify-content: space-between; padding: 12px 18px; color: var(--eco-muted); border-top: 1px solid var(--eco-border); font: 8px/1.5 ui-monospace, monospace; }
.eco-transfer { position: absolute; top: 38%; left: 38%; display: flex; flex-direction: column; gap: 22px; z-index: 4; opacity: 0; visibility: hidden; }.eco-transfer span { color: var(--eco-lime); padding: 14px 20px; background: #18251c; border: 1px solid #d2f65a55; font: 15px ui-monospace, monospace; }
.eco-connections { position: absolute; width: 70%; height: 60%; right: 0; top: 20%; opacity: 0; }.eco-connections path { stroke: #d2f65a77; stroke-width: 1; stroke-dasharray: 1; }
.eco-site { height: min(64svh, 640px); container-type: inline-size; transform-origin: center; z-index: 2; }
.eco-browser { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; height: 34px; background: #223025; color: #c6d4bb; border: 1px solid var(--eco-border); border-bottom: 0; border-radius: 8px 8px 0 0; font: 8px ui-monospace, monospace; }.eco-browser>span:first-child { display: flex; gap: 4px; }.eco-browser i { width: 4px; height: 4px; background: #bbd79c; border-radius: 50%; }.eco-browser .icon { width: 11px; height: 11px; }
.eco-site-content { height: calc(100% - 34px); background: #eaece2; color: #182218; border: 1px solid #c5d1bb; overflow: hidden; display: flex; flex-direction: column; }
.eco-build { outline: 1px solid #c4dba14d; outline-offset: -1px; }
.eco-demo-nav { min-height: 52px; flex: 0 0 12%; display: flex; gap: 18px; align-items: center; justify-content: space-between; padding: 0 4%; border-bottom: 1px solid #283c171c; font-size: 10px; }
.eco-demo-logo { font-size: 23px; font-weight: 700; letter-spacing: -.08em; }.eco-demo-logo>span { color: #647f27; }.eco-demo-menu { display: flex; gap: 20px; margin-left: auto; }.eco-demo-contact { border: 1px solid #8da07b; padding: 8px 12px; border-radius: 24px; }
.eco-demo-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 3% 4%; flex: 1; min-height: 0; }
.eco-demo-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; }.eco-demo-kicker { font: 8px/1.6 ui-monospace, monospace; letter-spacing: .06em; color: #4c5d3f; }
.eco-demo-copy h3 { font-size: clamp(27px, 4.8cqw, 65px); line-height: .99; letter-spacing: -.055em; font-weight: 500; margin: 17px 0; }.eco-demo-copy h3 em { color: #4f681d; }.eco-demo-copy p { max-width: 260px; font-size: clamp(9px, 1.4cqw, 13px); color: #47553d; line-height: 1.6; }
.eco-demo-button { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; align-self: flex-start; margin-top: 20px; padding: 12px 16px; color: #19220e; background: var(--eco-lime); font-size: 10px; font-weight: 600; }
.eco-demo-art { min-height: 0; position: relative; overflow: hidden; background: #c4ccbb; }.eco-demo-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; }.eco-demo-art::after { content: ''; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent,#0c160c99); pointer-events: none; }.eco-art-label { position: absolute; bottom: 22px; left: 20px; color: #fffef4; font-size: clamp(13px, 2cqw, 24px); font-weight: 500; line-height: 1.15; letter-spacing: -.025em; z-index: 1; }.eco-art-index { position: absolute; top: 15px; right: 15px; color: #fffef4; font: 8px ui-monospace,monospace; }
.eco-image-wire { position: absolute; inset: 0; border: 1px solid #adca824f; background: #1c291e; z-index: 2; display: grid; place-items: center; }.eco-image-wire>span { position: absolute; left: -25%; top: 50%; width: 150%; height: 1px; background: #aec78d50; transform: rotate(35deg); }.eco-image-wire>span:nth-child(2) { transform: rotate(-35deg); }.eco-image-wire i { padding: 10px; background: #1c291e; color: #bad49a; font: 8px ui-monospace, monospace; z-index: 1; }
.eco-demo-services { padding: 2% 4%; flex: 0 0 20%; border-top: 1px solid #1b2a191f; }.eco-demo-services>span { color: #4e5d43; font: 7px/1.5 ui-monospace, monospace; }.eco-demo-services>div { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 10px; }.eco-demo-services a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; min-height: 44px; padding: 9px; border: 1px solid #83966d66; font-size: 10px; }.eco-demo-services b { color: #647b42; font: 7px ui-monospace, monospace; }
.eco-demo-end { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 4%; background: #202d20; color: #e9f0e2; font-size: 8px; }.eco-demo-end a { padding: 8px 0; color: #d2f65a; }
.eco-site-note { display: block; position: absolute; top: calc(100% + 12px); right: 0; font: 7px/1.5 ui-monospace, monospace; color: var(--eco-muted); letter-spacing: .04em; }
.eco-site:not([inert]) { pointer-events: auto; }.eco-site a { transition: background-color 160ms ease; }.eco-site a:hover { background-color: #bdcf8d55; }.eco-site a:focus-visible { outline-color: #3155a6; outline-offset: 2px; }
.eco-format { position: absolute; top: 81%; left: 40%; display: flex; align-items: center; gap: 12px; font: 9px/1.5 ui-monospace, monospace; opacity: 0; visibility: hidden; }.eco-format>span { padding: 8px 12px; border: 1px solid var(--eco-border); color: var(--eco-muted); }.eco-format>span.is-active { color: var(--eco-lime); border-color: #d2f65a77; }.eco-format i { font-style: normal; color: var(--eco-muted); font-size: 7px; }
.eco-quality { position: absolute; right: 10%; top: 81%; display: flex; gap: 18px; opacity: 0; visibility: hidden; }.eco-quality span { display: flex; align-items: center; gap: 6px; font-size: 10px; color: var(--eco-muted); }.eco-quality .icon { height: 14px; width: 14px; color: var(--eco-lime); }
.eco-flow { z-index: 4; }.eco-flow-grid { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 45px 24px; margin-top: 30px; }.eco-flow-node { display: flex; flex-direction: column; align-items: flex-start; padding: 22px; background: #1a241d; border: 1px solid #a0b98855; }.eco-flow-node>span { font: 8px/1.5 ui-monospace, monospace; color: var(--eco-muted); }.eco-flow-node>.icon { width: 23px; height: 23px; margin: 24px 0 18px; color: var(--eco-lime); }.eco-flow-node strong { font-size: clamp(16px, 1.7vw, 25px); letter-spacing: -.035em; font-weight: 500; }.eco-flow-node small { font-size: 11px; margin-top: 5px; color: var(--eco-muted); }.eco-flow>p { font-size: 9px; line-height: 1.7; color: var(--eco-muted); margin-top: 17px; }
.eco-flow-lines { position: absolute; inset: 12% 0; width: 100%; height: 80%; }.eco-flow-lines path { stroke: #d2f65a; stroke-width: 1.5; stroke-dasharray: 1; }
.eco-chat-demo { position: absolute; right: 8%; top: 50%; transform: translateY(-50%); width: min(370px, 32%); z-index: 6; padding: 22px; background: #f2f1e9; color: #152016; border: 1px solid #bfceae; box-shadow: 0 22px 70px #0004; opacity: 0; visibility: hidden; }
.eco-chat-head { display: flex; gap: 12px; align-items: center; padding-bottom: 19px; border-bottom: 1px solid #84987744; }.eco-chat-head>span { display: grid; place-items: center; height: 45px; width: 45px; background: #1a271a; color: #d2f65a; font-size: 12px; letter-spacing: -.06em; position: relative; }.eco-chat-head>span>span { position: absolute; right: -3px; bottom: -3px; background: #d2f65a; color: #152016; font-size: 11px; padding: 2px; }.eco-chat-head strong { font-size: 13px; font-weight: 600; }.eco-chat-head small { display: block; margin-top: 5px; color: #526248; font: 7px/1.5 ui-monospace,monospace; }
.eco-chat-bubble { padding: 15px; margin-top: 20px; font-size: 13px; line-height: 1.6; }.eco-chat-user { background: #e0e5d6; margin-left: 28px; }.eco-chat-answer { background: #d2f65a; margin-right: 22px; }.eco-chat-options { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 16px; }.eco-chat-options span { padding: 8px; border: 1px solid #819575; font-size: 10px; }.eco-chat-route { display: flex; align-items: center; gap: 7px; margin-top: 22px; font-size: 10px; color: #465e3b; }.eco-chat-route>.icon { height: 14px; width: 14px; }.eco-chat-note { display: block; margin-top: 18px; font-size: 8px; line-height: 1.5; color: #57634d; }
.eco-try-assistant { position: absolute; right: 8%; top: 81%; width: min(370px, 40%); z-index: 7; pointer-events: auto; }.eco-try-assistant button { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; width: 100%; border: 1px solid #d2f65a66; padding: 10px 14px; color: var(--eco-lime); background: #19231c; font-size: 12px; }.eco-try-assistant .icon { height: 17px; width: 17px; }.eco-try-assistant>span { display: block; color: var(--eco-muted); font-size: 8px; margin-top: 5px; }
.eco-launch { z-index: 5; background: #18221a; border: 1px solid #a1bb8255; padding: 28px; }.eco-launch-header { display: flex; align-items: center; gap: 12px; color: var(--eco-lime); font: 10px/1.5 ui-monospace,monospace; }.eco-launch-header .icon { height: 24px; width: 24px; }.eco-launch-tree { display: grid; gap: 12px; padding: 28px 0; font: 13px/1.5 ui-monospace,monospace; color: #b3c5a5; }.eco-launch-tree span:first-child { color: var(--eco-paper); }
.eco-launch-track { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; padding-top: 24px; border-top: 1px solid #d2f65a44; }.eco-launch-track>div { position: relative; }.eco-launch-track i { display: block; height: 7px; width: 7px; border-radius: 50%; background: var(--eco-lime); margin-bottom: 16px; }.eco-launch-track strong { display: block; font-size: 22px; font-weight: 500; letter-spacing: -.025em; }.eco-launch-track span { display: block; color: var(--eco-muted); font-size: 11px; margin-top: 7px; }.eco-launch>p { margin-top: 26px; font-size: 9px; line-height: 1.7; color: var(--eco-muted); }
.eco-cursor { position: absolute; top: 50%; left: 60%; z-index: 7; opacity: 0; visibility: hidden; }.eco-cursor svg { height: 27px; width: 23px; fill: #d2f65a; stroke: #172017; stroke-width: 1; }.eco-cursor>span { display: block; margin-left: 15px; color: #1c2714; background: #d2f65a; padding: 4px 7px; font: 7px ui-monospace,monospace; }
.eco-finale { position: absolute; top: 50%; transform: translateY(-50%); left: var(--eco-gutter); width: 39%; z-index: 8; visibility: hidden; opacity: 0; }.eco-finale h2 { margin: 22px 0; font-size: clamp(44px, 5.8vw, 100px); line-height: .98; letter-spacing: -.055em; font-weight: 500; }.eco-finale>p { font-size: 14px; line-height: 1.75; color: var(--eco-muted); }.eco-finale .button { margin-top: 26px; }.eco-finale>.eco-text-link { display: flex; width: fit-content; margin-top: 10px; }.eco-final-next { display: block; font-size: 10px; line-height: 1.75; color: var(--eco-muted); margin-top: 20px; }
.eco-controls { position: absolute; bottom: max(22px, env(safe-area-inset-bottom)); left: var(--eco-gutter); right: max(110px, var(--eco-gutter)); display: flex; gap: 30px; justify-content: space-between; align-items: center; z-index: 20; padding-top: 17px; border-top: 1px solid var(--eco-border); }
.eco-control-actions { display: flex; align-items: center; gap: 22px; }.eco-control-actions>a,.eco-control-actions>button { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--eco-paper); background: none; border: 0; padding: 0; font-size: 11px; }.eco-control-actions>button { color: var(--eco-lime); }.eco-control-actions>a { text-decoration: underline; text-underline-offset: 5px; }
.eco-chapters { display: flex; align-items: center; gap: 4px; }.eco-chapters button { min-width: 38px; min-height: 44px; color: var(--eco-muted); background: none; border: 0; padding: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; font: 9px ui-monospace,monospace; }.eco-chapters i { display: block; height: 2px; width: 20px; background: #57664a; }.eco-chapters [aria-current=step] { color: var(--eco-lime); }.eco-chapters [aria-current=step] i { background: var(--eco-lime); }.eco-chapters button:hover { background: #d2f65a10; }
.eco-progress { display: grid; grid-template-columns: auto auto; gap: 5px 20px; font: 8px/1.5 ui-monospace,monospace; min-width: 145px; }.eco-progress>span { color: var(--eco-muted); }.eco-progress strong { text-align: right; font-weight: 400; color: var(--eco-paper); }.eco-progress>div { width: 100%; height: 1px; background: #65794e66; align-self: center; }.eco-progress i { height: 1px; display: block; background: var(--eco-lime); transform: scaleX(0); transform-origin: left; }.eco-progress>b { font-weight: 400; text-align: right; color: var(--eco-lime); }
.eco-mobile-nav { display: none; }
.eco-control-actions>.eco-persistent-cta { color: var(--eco-lime); font-weight: 600; }
.ecosystem[data-mode=static] .eco-stage { min-height: 720px; height: 100svh; }
.ecosystem[data-mode=static] :is(.eco-workspace,.eco-captions,.eco-finale,.eco-progress,.eco-scroll-cue) { display: none; }
.ecosystem[data-mode=static] .eco-seed { opacity: .5; }
@container (max-width: 540px) {
  .eco-demo-menu { display: none; }.eco-demo-nav { min-height: 44px; }
  .eco-demo-hero { grid-template-columns: 1fr; grid-template-rows: auto minmax(90px,1fr); gap: 12px; }
  .eco-demo-copy h3 { font-size: clamp(26px, 10cqw, 43px); margin: 11px 0; }
  .eco-demo-copy p { font-size: 10px; max-width: 90%; }.eco-demo-button { margin-top: 10px; min-height: 32px; font-size: 8px; padding: 9px; }
  .eco-demo-kicker { font-size: 6px; }.eco-demo-art { min-height: 80px; }.eco-art-label { font-size: 13px; left: 12px; bottom: 12px; }
  .eco-demo-services { flex-basis: auto; padding-top: 10px; padding-bottom: 10px; }.eco-demo-services>span { display: none; }.eco-demo-services>div { gap: 5px; margin-top: 0; }.eco-demo-services a { font-size: 7px; padding: 6px; grid-template-columns: 1fr auto; min-height: 35px; }.eco-demo-services b { display: none; }.eco-demo-end { font-size: 6px; padding-top: 4px; padding-bottom: 4px; }.eco-demo-end>span { max-width: 52%; }
}

@media (min-width: 1700px) {
  .eco-caption { width: 25%; }.eco-site,.eco-editor,.eco-flow,.eco-launch,.eco-strategy { width: 63%; }
}
@media (max-width: 1100px) {
  .eco-intro h1 { font-size: clamp(65px, 9vw, 100px); }
  .eco-caption h2 { font-size: clamp(36px, 4.5vw, 52px); }.eco-caption p { font-size: 12px; }
  .eco-chapters { display: none; }.eco-progress { min-width: 160px; }
  .eco-mobile-nav:not([hidden]) { display: block; position: absolute; right: var(--eco-gutter); top: 86px; z-index: 22; }
  .eco-mobile-nav select { font: 12px inherit; font-size: 16px; min-height: 44px; width: 173px; background: #162018; color: var(--eco-paper); border: 1px solid #6a7d55; border-radius: 0; padding: 8px; }
  .eco-meta-note { display: none; }.eco-flow-node { padding: 18px 13px; }.eco-flow-node small { font-size: 9px; }
}
@media (max-width: 780px) {
  html:has(.ecosystem) { scroll-padding-top: 64px; }
  .amm-ecosystem-page .header-inner { height: 64px; }
  .ecosystem { --eco-gutter: 24px; }.ecosystem[data-mode=scroll] { height: 480svh; }
  .eco-meta { top: 86px; font-size: 8px; max-width: 45%; }.eco-meta i { flex: none; }
  .eco-mobile-nav:not([hidden]) { top: 75px; }.eco-mobile-nav select { width: 154px; font-size: 16px; }
  .eco-intro { top: clamp(140px, calc(140px + (100svh - 640px) * .22), 220px); transform: none; }.eco-intro h1 { font-size: clamp(56px, 9.8vw, 79px); line-height: .97; margin-top: 21px; }
  .eco-intro>p:not(.eco-eyebrow,.eco-scroll-cue) { font-size: 14px; max-width: 440px; }
  .eco-intro-actions { flex-direction: column; align-items: flex-start; gap: 9px; margin-top: 23px; }.eco-intro-actions>.button { min-height: 48px; }
  .eco-seed { width: 60vw; height: 60vw; right: -10%; top: 42%; opacity: .55; }.eco-seed-label { display: none; }
  .eco-caption { left: var(--eco-gutter); right: var(--eco-gutter); top: 143px; transform: none; width: auto; }
  .eco-caption h2 { font-size: 39px; margin: 12px 0; max-width: 100%; line-height: 1.02; }.eco-caption h2 br { display: none; }.eco-caption h2 em::before { content: ' '; }
  .eco-caption p { font-size: 12px; max-width: 390px; line-height: 1.6; }.eco-caption-foot { display: none; }
  .eco-workspace { inset: 0; }
  .eco-strategy,.eco-editor,.eco-site,.eco-flow,.eco-launch { width: calc(100% - 48px); right: 24px; top: 61%; }
  .eco-strategy { gap: 10px; }.eco-strategy>.eco-panel-label { font-size: 8px; margin-bottom: 10px; }.eco-brief-node { padding: 20px 12px; }.eco-brief-node>span { margin-bottom: 25px; }.eco-brief-node strong { font-size: 20px; }.eco-brief-node p { font-size: 11px; }
  .eco-site { height: 46svh; min-height: 300px; }.eco-browser { height: 25px; padding-inline: 10px; font-size: 6px; }.eco-site-content { height: calc(100% - 25px); }
  .eco-demo-copy h3 { font-size: 37px; }.eco-demo-hero { padding-top: 15px; }.eco-demo-copy p { max-width: 280px; }.eco-demo-button { min-height: 34px; }.eco-demo-nav { min-height: 38px; font-size: 8px; }.eco-demo-contact { padding: 6px 9px; }.eco-demo-logo { font-size: 20px; }.eco-site-note { font-size: 6px; top: calc(100% + 8px); }
  .eco-demo-services a { min-height: 30px; }.eco-demo-end a { padding: 4px 0; }
  .eco-code-body { padding: 18px 8px; }.eco-code-line { font-size: clamp(8px, 2vw, 11px); gap: 7px; padding-inline: 3px; }.eco-code-line>span { width: 13px; }.eco-editor-tabs { padding: 0 6px; }.eco-editor-tabs>span:not(.eco-editor-dot) { padding: 14px 10px; font-size: 9px; }.eco-editor-footer { padding: 10px; font-size: 6px; }.eco-editor-footer>span:last-child { display: none; }
  .eco-transfer { top: 47%; left: 40%; gap: 12px; }.eco-transfer span { font-size: 11px; padding: 10px; }.eco-connections { top: 35%; height: 45%; width: 100%; }
  .eco-format { left: 24px; right: 24px; top: auto; bottom: 94px; justify-content: center; gap: 7px; font-size: 7px; }.eco-format>span { padding: 7px; }.eco-format i { display: none; }
  .eco-quality { right: auto; left: 24px; top: auto; bottom: 92px; gap: 15px; }.eco-quality span { font-size: 8px; }
  .eco-flow-grid { gap: 18px 12px; margin-top: 15px; }.eco-flow-node { padding: 13px 10px; }.eco-flow-node>span { font-size: 6px; }.eco-flow-node>.icon { margin: 15px 0 10px; width: 19px; height: 19px; }.eco-flow-node strong { font-size: 17px; }.eco-flow-node small { font-size: 8px; }.eco-flow>.eco-panel-label { font-size: 7px; }.eco-flow>p { font-size: 8px; max-width: 90%; }
  .eco-chat-demo { width: min(350px, calc(100% - 72px)); right: 36px; top: 60%; padding: 17px; }.eco-chat-head { padding-bottom: 13px; }.eco-chat-bubble { font-size: 12px; padding: 12px; margin-top: 14px; }.eco-chat-route { margin-top: 15px; }.eco-chat-note { margin-top: 12px; }
  .eco-try-assistant { display: none; }
  .eco-launch { padding: 20px; }.eco-launch-header { font-size: 8px; }.eco-launch-tree { font-size: 11px; gap: 8px; padding: 18px 0; }.eco-launch-track { gap: 10px; padding-top: 16px; }.eco-launch-track strong { font-size: 19px; }.eco-launch-track span { font-size: 9px; }.eco-launch>p { font-size: 8px; margin-top: 18px; }
  .eco-finale { top: 143px; width: auto; right: 24px; transform: none; }.eco-finale h2 { font-size: 44px; margin: 14px 0 12px; }.eco-finale>p { font-size: 12px; line-height: 1.65; }.eco-finale .button { margin-top: 17px; min-height: 46px; }.eco-finale>.eco-text-link { font-size: 11px; margin-top: 3px; }.eco-final-next { display: none; }
  .eco-controls { bottom: max(16px, env(safe-area-inset-bottom)); left: 24px; right: 100px; padding-top: 9px; gap: 12px; }.eco-control-actions { gap: 18px; }.eco-control-actions>a,.eco-control-actions>button { font-size: 10px; min-height: 44px; gap: 6px; }.eco-progress { display: none; }
  .eco-in-view #amm-assistant-launcher { bottom: max(16px, env(safe-area-inset-bottom)) !important; }
  .ecosystem[data-mode=static] .eco-stage { min-height: 690px; }
}
@media (max-width: 480px) {
  .ecosystem { --eco-gutter: 20px; }.ecosystem[data-mode=scroll] { height: 420svh; }
  .eco-control-actions { gap: 12px; }
  .eco-control-actions>.eco-persistent-cta { min-width: 44px; }
  .eco-meta { top: 82px; max-width: 40%; font-size: 7px; line-height: 1.7; }.eco-mobile-nav:not([hidden]) { right: 20px; top: 76px; }.eco-mobile-nav select { width: 140px; }
  .eco-intro h1 { font-size: clamp(38px, 11.4vw, 58px); }.eco-eyebrow { font-size: 8px; }.eco-intro>p:not(.eco-eyebrow,.eco-scroll-cue) { font-size: 12px; max-width: 310px; }.eco-intro-actions>.button { font-size: 12px; }.eco-intro-actions { margin-top: 22px; }.eco-text-link { font-size: 12px; }.eco-scroll-cue { margin-top: 20px; font-size: 7px; }
  .eco-caption { top: 139px; }.eco-caption h2 { font-size: clamp(30px, 8.8vw, 39px); margin-block: 10px; }.eco-caption p { font-size: 11px; max-width: 320px; }.eco-caption .eco-eyebrow { font-size: 7px; }
  .eco-site,.eco-editor,.eco-strategy,.eco-flow,.eco-launch { right: 20px; width: calc(100% - 40px); }.eco-site { min-height: 260px; height: 43svh; top: 62%; }.eco-demo-copy h3 { font-size: 30px; }.eco-demo-kicker { font-size: 6px; }.eco-demo-copy p { font-size: 8px; }.eco-demo-art { min-height: 58px; }.eco-demo-hero { gap: 10px; padding-top: 10px; }.eco-demo-copy h3 { margin-block: 8px; }.eco-demo-button { min-height: 27px; padding: 7px; margin-top: 8px; font-size: 7px; }.eco-demo-services { padding-block: 6px; }.eco-demo-services a { min-height: 26px; font-size: 6px; }.eco-demo-end { font-size: 5px; }.eco-art-label { font-size: 11px; bottom: 9px; left: 9px; }.eco-art-index { font-size: 6px; top: 9px; right: 9px; }
  .eco-strategy { gap: 8px; }.eco-brief-node { padding: 18px 9px; }.eco-brief-node>span { margin-bottom: 25px; font-size: 11px; }.eco-brief-node strong { font-size: 16px; }.eco-brief-node p { font-size: 9px; }.eco-strategy>.eco-panel-label { font-size: 7px; }
  .eco-flow { top: 62%; }.eco-flow-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 8px; }.eco-flow-node { padding: 12px 7px; }.eco-flow-node>span { font-size: 5px; }.eco-flow-node strong { font-size: 14px; }.eco-flow-node small { font-size: 7px; line-height: 1.5; }.eco-flow-node>.icon { margin: 10px 0 12px; width: 18px; height: 18px; }.eco-flow>p { font-size: 7px; }.eco-flow>.eco-panel-label { font-size: 6px; }
  .eco-chat-demo { right: 30px; width: calc(100% - 60px); top: 61%; padding: 14px; }.eco-chat-head strong { font-size: 11px; }.eco-chat-head>span { width: 35px; height: 35px; font-size: 10px; }.eco-chat-head small { font-size: 6px; }.eco-chat-bubble { font-size: 11px; padding: 10px; margin-top: 12px; }.eco-chat-options { margin-top: 10px; }.eco-chat-options span { font-size: 8px; padding: 6px; }.eco-chat-route { font-size: 8px; margin-top: 12px; }.eco-chat-note { font-size: 7px; }
  .eco-format { bottom: 91px; }.eco-quality { bottom: 92px; left: 20px; gap: 12px; }.eco-quality span { font-size: 7px; }
  .eco-finale { top: 139px; right: 20px; }.eco-finale h2 { font-size: 39px; }.eco-finale>p { font-size: 11px; }.eco-finale .button { font-size: 12px; }.eco-finale>.eco-text-link { min-height: 34px; font-size: 10px; }
  .eco-launch { padding: 17px; }.eco-launch-header { font-size: 7px; }.eco-launch-track strong { font-size: 17px; }.eco-launch-track span { font-size: 8px; }.eco-launch>p { font-size: 7px; }
  .eco-controls { left: 20px; }.eco-control-actions { gap: 16px; }.eco-control-actions>a,.eco-control-actions>button { font-size: 9px; }.eco-try-assistant { left: 20px; bottom: 85px; width: calc(100% - 112px); }
}
@media (max-height: 740px) and (max-width: 780px) {
  .eco-caption { top: 132px; }.eco-caption h2 { font-size: 30px; }.eco-caption p { font-size: 10px; max-width: 310px; }.eco-caption .eco-eyebrow { font-size: 6px; }
  .eco-strategy { gap: 8px; }
  .eco-strategy>.eco-panel-label { margin-bottom: 6px; }
  .eco-brief-node { padding: 14px 8px; }
  .eco-brief-node>span { margin-bottom: 14px; }
  .eco-brief-node strong { display: block; font-size: 16px; line-height: 1.2; }
  .eco-brief-node p { font-size: 9px; line-height: 1.5; margin-top: 10px; }
  .eco-launch { padding: 14px; }
  .eco-launch-header .icon { height: 18px; width: 18px; }
  .eco-launch-tree { font-size: 9px; line-height: 1.4; gap: 6px; padding: 14px 0; }
  .eco-launch-track { padding-top: 12px; }
  .eco-launch-track strong { font-size: 16px; line-height: 1.2; }
  .eco-launch-track span { font-size: 8px; line-height: 1.5; }
  .eco-launch-track i { margin-bottom: 10px; }
  .eco-launch>p { font-size: 7px; line-height: 1.5; margin-top: 14px; }
  .eco-intro h1 { font-size: clamp(38px, 11vw, 55px); }.eco-intro .eco-eyebrow { font-size: 7px; }.eco-intro-actions { gap: 4px; margin-top: 17px; }.eco-scroll-cue { margin-top: 12px; }
  .eco-site { top: 64%; height: 41svh; min-height: 240px; }.eco-demo-copy h3 { font-size: 26px; }.eco-demo-copy p { display: none; }.eco-demo-kicker { font-size: 6px; }.eco-demo-services a { min-height: 24px; }.eco-site-note { font-size: 5px; }
  .eco-chat-demo { top: 63%; padding: 12px; }.eco-chat-head { padding-bottom: 10px; }.eco-chat-bubble { margin-top: 10px; padding: 9px; font-size: 10px; }.eco-chat-options { margin-top: 9px; }.eco-chat-route { margin-top: 10px; }.eco-chat-note { font-size: 6px; margin-top: 10px; }
  .eco-finale { top: 131px; }.eco-finale h2 { font-size: 34px; margin-block: 10px; }.eco-finale .button { margin-top: 12px; min-height: 43px; }.eco-finale>p { font-size: 10px; }.eco-finale>.eco-text-link { min-height: 30px; }
}
@media (max-height: 650px) and (min-width: 781px) {
  .eco-meta { top: 85px; }.eco-intro { top: 52%; }.eco-intro h1 { font-size: 75px; margin-block: 14px; }.eco-intro>p:not(.eco-eyebrow,.eco-scroll-cue) { font-size: 12px; }.eco-intro-actions { margin-top: 14px; }.eco-scroll-cue { margin-top: 10px; }.eco-caption h2 { font-size: 44px; }.eco-caption p { font-size: 12px; }.eco-site { height: 60svh; }.eco-flow-node { padding: 14px; }.eco-flow-node>.icon { margin-block: 12px; }.eco-flow-grid { gap: 24px; }.eco-chat-demo { padding: 14px; }.eco-chat-bubble { font-size: 11px; padding: 10px; margin-top: 12px; }.eco-chat-options,.eco-chat-route { margin-top: 12px; }.eco-chat-note { font-size: 7px; }.eco-finale h2 { font-size: 60px; }.eco-final-next { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ecosystem .eco-intro { visibility: visible; opacity: 1; }
  .ecosystem * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
@media (max-height: 610px) and (max-width: 780px) {
  .eco-caption p { display: none; }.eco-caption h2 { font-size: 29px; }
  .eco-demo-services { display: none; }.eco-demo-hero { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }.eco-demo-copy h3 { font-size: 23px; }.eco-art-label { display: none; }
}
.eco-demo-services b { color: #43562d; }
@media (max-width: 780px) {
  .eco-strategy,.eco-editor,.eco-site,.eco-flow,.eco-launch,.eco-chat-demo { top: calc((100svh + 195px) / 2); }
}
@media (max-height: 610px) and (max-width: 780px) {
  .eco-site { height: 220px; min-height: 220px; }
  .eco-strategy,.eco-editor,.eco-site,.eco-flow,.eco-launch,.eco-chat-demo { top: calc((100svh + 187px) / 2); }
  .eco-flow-node { padding: 8px; }.eco-flow-node>.icon { margin: 6px 0; width: 16px; height: 16px; }.eco-flow-grid { margin-top: 10px; gap: 12px 8px; }
  .eco-flow-node strong { font-size: 16px; line-height: 1.3; }
  .eco-flow-node small { display: none; }
  .eco-flow>p { font-size: 7px; line-height: 1.5; margin-top: 10px; }
  .eco-launch { padding: 12px; }.eco-launch-tree { font-size: 8px; gap: 6px; padding: 10px 0; }.eco-launch-track { padding-top: 12px; }.eco-launch-track strong { font-size: 15px; }.eco-launch-track i { margin-bottom: 8px; }.eco-launch>p { margin-top: 12px; font-size: 6.5px; }
  .eco-chat-bubble { margin-top: 8px; padding: 8px; font-size: 9px; }.eco-chat-options { margin-top: 7px; }.eco-chat-route { margin-top: 8px; }.eco-chat-note { margin-top: 8px; }
}
@media (max-width: 480px) and (min-height: 760px) {
  .eco-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .eco-flow-node { display: grid; grid-template-columns: 1fr auto; grid-template-areas: 'label icon' 'title title' 'description description'; gap: 6px; padding: 13px; }
  .eco-flow-node>span { grid-area: label; font-size: 7px; align-self: center; }.eco-flow-node>.icon { grid-area: icon; margin: 0; width: 19px; height: 19px; }.eco-flow-node strong { grid-area: title; font-size: 18px; }.eco-flow-node small { grid-area: description; font-size: 9px; margin: 0; }
  .eco-flow-node:nth-child(1) { order: 1; }.eco-flow-node:nth-child(2) { order: 2; }.eco-flow-node:nth-child(3) { order: 4; }.eco-flow-node:nth-child(4) { order: 6; }.eco-flow-node:nth-child(5) { order: 5; }.eco-flow-node:nth-child(6) { order: 3; }
}