/* Section IA V3 — white transition, compact model rail and readable capability explorer. */
.ai-ecosystem{background:#fff;color:#181816;border-top:1px solid #c84635;min-height:100svh}
.ai-ecosystem .principles-stage{min-height:100svh}
.ecosystem-content{position:relative;background:#fff!important;color:#181816;padding:7.5svh 4.4vw 4svh;overflow:hidden;min-height:100svh}
.ecosystem-content:before{content:"";position:absolute;inset:0 0 auto;height:72px;background:linear-gradient(180deg,#d9cfbf 0,#f4f1eb 34%,#fff 100%);opacity:.62;pointer-events:none}
.ecosystem-content:after{content:"";position:absolute;top:0;left:0;width:32%;height:2px;background:#c84635;box-shadow:32vw 0 0 #c8463522;pointer-events:none}
.ecosystem-content>*{position:relative;z-index:1}
.ecosystem-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:7vw;align-items:end}
.ecosystem-heading .section-label{margin:0 0 10px;color:#aa372e;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}
.ecosystem-heading h2{max-width:1020px;margin:0;font-size:clamp(43px,3.9vw,72px);line-height:.94;letter-spacing:-.065em;font-weight:450}
.ecosystem-lede{max-width:520px;margin:0 0 5px;font-size:clamp(16px,1.14vw,21px);line-height:1.46;color:#504d47}
.ai-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;max-width:none;margin:3.2svh 0 0;border-top:1px solid #1e1c1928;border-bottom:1px solid #1e1c1928;perspective:none}
.ai-grid .ai-model:nth-child(n){position:relative;height:9.5svh;min-height:78px;padding:10px 12px;border:0;border-left:1px solid #1e1c1922;border-radius:0;background:#fff;color:#1d1c19;box-shadow:none;display:grid;grid-template-columns:36px minmax(0,1fr) 10px;align-items:center;gap:9px;overflow:hidden;transform-origin:50% 100%}
.ai-grid .ai-model:first-child{border-left:0}
.ai-model:before{content:"";position:absolute;left:12px;right:calc(100% - 42px);bottom:0;height:2px;background:#c84635;transition:right .32s cubic-bezier(.16,1,.3,1)}
.ai-model:hover:before{right:12px}
.ai-model .ai-mark{width:34px;height:34px;display:grid;place-items:center;color:#1d1c19}
.ai-model .ai-mark img{display:block;width:28px;height:28px;object-fit:contain;filter:grayscale(1) contrast(1.25)}
.ai-model:last-child .ai-mark img{width:30px;height:30px;filter:none;color:#171713}
.ai-model h3{margin:0 0 4px;font-size:clamp(14px,.94vw,18px);line-height:1;letter-spacing:-.035em;white-space:nowrap}
.ai-model p{margin:0;font:6.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;color:#77736c;white-space:nowrap}
.ai-model>small{align-self:start;color:#9b9790;font:6px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.tool-explorer{margin:2.5svh 0 0;padding:0;text-align:left}
.explorer-heading{display:flex!important;justify-content:space-between!important;align-items:center;margin:0!important;padding:0 0 9px;border-bottom:1px solid #1e1c1930}
.explorer-heading p,.explorer-heading span{margin:0;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}
.explorer-heading p{color:#a8362e}.explorer-heading span{color:#858079}
.tool-explorer>.explorer-layout{display:grid!important;grid-template-columns:minmax(210px,18%) 1fr;gap:0!important;margin:0!important;font-size:16px;letter-spacing:normal;color:#201f1c}
.tool-tabs{display:block!important;margin:0!important;border-right:1px solid #1e1c1930}
.tool-tabs button{position:relative;width:100%;min-height:52px;padding:8px 14px 8px 8px;border:0;border-bottom:1px solid #1e1c1924;background:#fff;color:#5e5a54;display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:5px;text-align:left;cursor:pointer;transition:background .25s,color .25s,padding .25s}
.tool-tabs button>span:first-child{color:#a29d95;font:7px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.tool-tabs button strong{display:block;font-size:12px;font-weight:520;color:inherit}.tool-tabs button small{display:block;margin-top:3px;font-size:7px;color:#88837c}
.tool-tabs button i{font-style:normal;font-size:12px;opacity:.32}.tool-tabs button[aria-selected=true]{padding-left:13px;background:#1f1e1a;color:#fff}.tool-tabs button[aria-selected=true]>span:first-child,.tool-tabs button[aria-selected=true] i{color:#ef6a51;opacity:1}.tool-tabs button[aria-selected=true] small{color:#aaa59c}
.tool-tabs button:focus-visible{outline:2px solid #c84635;outline-offset:-2px}
.tool-panels{display:block!important;margin:0!important;min-width:0}
.tool-panels section{min-height:260px;padding:24px 26px;background:#f4f4f1;color:#201f1c;display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(230px,.78fr) minmax(300px,1fr);align-items:start;gap:3vw;animation:toolPanelIn .4s cubic-bezier(.16,1,.3,1) both}
.tool-panels section[hidden]{display:none}
.panel-intro>span,.connected-tools>span{font:7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;color:#b13b31}
.panel-intro h3{max-width:530px;margin:10px 0 12px;font-size:clamp(24px,1.75vw,33px);line-height:1.04;letter-spacing:-.045em;font-weight:480}
.panel-intro p{max-width:470px;margin:0;font-size:14px;line-height:1.5;color:#65615b}
.action-list{margin:0;padding:0;list-style:none;border-top:1px solid #26231f2c}
.action-list li{position:relative;padding:11px 4px 11px 22px;border-bottom:1px solid #26231f20;font-size:12px;line-height:1.25;color:#3e3b36}
.action-list li:before{content:"→";position:absolute;left:0;color:#c84635}
.connected-tools{min-width:0}
.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:10px 0 0;padding:0;list-style:none;border-top:1px solid #26231f26;border-left:1px solid #26231f26}
.tool-list li{min-height:28px;padding:8px 9px;border-right:1px solid #26231f26;border-bottom:1px solid #26231f26;color:#4d4943;font-size:10px;line-height:1.1;background:#fff}
.tool-list li:before{content:"+";margin-right:7px;color:#c84635;font:8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.tool-explorer>small{display:block;margin-top:7px;color:#77726b;font:7px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
@keyframes toolPanelIn{from{opacity:.15;transform:translate3d(14px,0,0)}to{opacity:1;transform:none}}
.full-motion .ai-ecosystem{height:auto!important;min-height:100svh}.full-motion .ai-ecosystem .principles-stage{position:relative!important;top:auto!important;height:auto!important;min-height:100svh;overflow:visible!important}.full-motion .ai-ecosystem .ecosystem-content{position:relative!important;inset:auto!important;min-height:100svh;padding:7.5svh 4.4vw 4svh}.full-motion .ai-grid .ai-model{height:9.5svh;min-height:78px}
.motion-ready .ai-ecosystem .ecosystem-heading,.motion-ready .ai-ecosystem .ai-model,.motion-ready .ai-ecosystem .tool-explorer{opacity:0;transform:translate3d(0,24px,0)}
.motion-ready .ai-ecosystem.is-entered .ecosystem-heading,.motion-ready .ai-ecosystem.is-entered .ai-model,.motion-ready .ai-ecosystem.is-entered .tool-explorer{opacity:1;transform:none;transition:opacity .65s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.motion-ready .ai-ecosystem.is-entered .ai-model:nth-child(2){transition-delay:.04s}.motion-ready .ai-ecosystem.is-entered .ai-model:nth-child(3){transition-delay:.08s}.motion-ready .ai-ecosystem.is-entered .ai-model:nth-child(4){transition-delay:.12s}.motion-ready .ai-ecosystem.is-entered .ai-model:nth-child(5){transition-delay:.16s}.motion-ready .ai-ecosystem.is-entered .ai-model:nth-child(6){transition-delay:.2s}.motion-ready .ai-ecosystem.is-entered .ai-model:nth-child(7){transition-delay:.24s}.motion-ready .ai-ecosystem.is-entered .ai-model:nth-child(8){transition-delay:.28s}.motion-ready .ai-ecosystem.is-entered .tool-explorer{transition-delay:.22s}
@media(max-height:800px) and (min-width:901px){.full-motion .ecosystem-content{padding-top:6svh}.ecosystem-heading h2{font-size:43px}.ecosystem-lede{font-size:14px}.full-motion .ai-grid .ai-model{height:8svh;min-height:60px;padding:7px 9px}.ai-model .ai-mark{width:28px;height:28px}.ai-model .ai-mark img{width:23px;height:23px}.ai-model h3{font-size:13px}.tool-explorer{margin-top:1.7svh}.tool-tabs button{min-height:44px}.tool-panels section{min-height:220px;padding:18px 21px}.panel-intro h3{font-size:24px}.panel-intro p{font-size:12px}.action-list li{padding-top:8px;padding-bottom:8px;font-size:10px}.tool-list li{min-height:24px;padding:6px 8px;font-size:9px}}
@media(max-width:1180px){.ai-grid{grid-template-columns:repeat(4,1fr)}.ai-grid .ai-model:nth-child(n){border-top:1px solid #1e1c1922}.ai-grid .ai-model:nth-child(-n+4){border-top:0}.ai-grid .ai-model:nth-child(5){border-left:0}.tool-panels section{grid-template-columns:1.1fr .8fr}.connected-tools{grid-column:1/-1}.tool-list{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.ai-ecosystem{height:auto!important;min-height:100svh}.ai-ecosystem .principles-stage{position:relative!important;height:auto!important;min-height:100svh;overflow:visible!important}.ecosystem-content{position:relative!important;inset:auto!important;min-height:100svh;padding:90px 5vw 55px!important}.ecosystem-heading{grid-template-columns:1fr;gap:25px}.ecosystem-heading h2{font-size:clamp(42px,7vw,62px)}.ecosystem-lede{max-width:650px}.ai-grid{grid-template-columns:repeat(2,1fr);margin-top:42px}.ai-grid .ai-model:nth-child(n){height:82px;min-height:0;border-top:1px solid #1e1c1922}.ai-grid .ai-model:nth-child(-n+2){border-top:0}.ai-grid .ai-model:nth-child(odd){border-left:0}.tool-explorer{margin-top:42px}.explorer-layout{grid-template-columns:1fr!important}.tool-tabs{display:grid!important;grid-template-columns:1fr 1fr;border-right:0}.tool-tabs button:last-child{grid-column:1/-1}.tool-panels section{grid-template-columns:1fr;gap:25px;min-height:0}.connected-tools{grid-column:auto}.tool-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ecosystem-content{padding-left:5vw!important;padding-right:5vw!important}.ecosystem-heading h2{font-size:42px}.ecosystem-lede{font-size:16px}.explorer-heading span{display:none}.ai-grid .ai-model:nth-child(n){grid-template-columns:31px 1fr 9px;padding:9px 7px;gap:6px}.ai-model .ai-mark{width:29px;height:29px}.ai-model .ai-mark img{width:24px;height:24px}.ai-model h3{font-size:14px}.ai-model p{font-size:6px}.tool-tabs{display:block!important}.tool-tabs button:last-child{grid-column:auto}.panel-intro h3{font-size:29px}.tool-panels section{padding:24px 18px}.tool-list{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.ecosystem-content{position:relative!important;inset:auto!important}.ai-model,.ecosystem-heading,.tool-explorer{opacity:1!important;transform:none!important;transition:none!important}.tool-panels section{animation:none}}