/* AI research directions: visible inputs, a research path, and reviewable assistance. */
.ai-lab{padding:94px 0 96px;scroll-margin-top:24px}
.ai-lab>.wrap{position:relative;z-index:1}
.ai-lab:after{background:linear-gradient(110deg,#062c38ed,#0b3541d9 54%,#0d3944ba)}
.ai-lab:before{background-size:78px 78px;opacity:.65}
.ai-lab .ai-lab-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:80px;align-items:end;margin-bottom:42px}
.ai-lab .ai-lab-head>div{min-width:0}
.ai-lab .ai-lab-head .eyebrow{font-size:10px;line-height:1.9;letter-spacing:1.8px;color:#bad7d1;margin:0 0 18px}
.ai-lab .development-badge{font-size:10px;letter-spacing:1.5px;background:#1c4a4c80;border-color:#c7dfb17d;color:#e0ecc6;padding:4px 11px}
.ai-lab .ai-lab-head h2{font-size:clamp(32px,3.3vw,44px);line-height:1.55;font-weight:400;letter-spacing:1px;color:#edf4e7;margin:20px 0 0;text-wrap:balance}
.ai-lab .ai-lab-intro{font-size:15px;line-height:2;color:#d1e0d9;margin:0 0 19px;max-width:530px}
.ai-lab .ai-lab-state{font-size:12px;line-height:1.95;color:#b9d1cb;margin:0;padding:0 0 0 15px;border-left:2px solid #a6c4ac8c;max-width:530px}
.ai-lab .ai-lab-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:stretch}
.ai-lab .ai-lab-overview{position:relative;isolation:isolate;min-width:0;overflow:hidden;padding:29px 27px 25px;border:1px solid #a6d1c65c;background:#0b3440db}
.ai-lab .ai-lab-overview:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#d8efdd0d 1px,transparent 1px),linear-gradient(90deg,#d8efdd0d 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000)}
.ai-lab .ai-lab-overview:after{content:"";position:absolute;inset:10px;z-index:-1;pointer-events:none;background:linear-gradient(#bcdcca,#bcdcca) left top/15px 1px no-repeat,linear-gradient(#bcdcca,#bcdcca) left top/1px 15px no-repeat,linear-gradient(#bcdcca,#bcdcca) right bottom/15px 1px no-repeat,linear-gradient(#bcdcca,#bcdcca) right bottom/1px 15px no-repeat;opacity:.6}
.ai-lab .ai-lab-overview>.eyebrow{font-size:9px;letter-spacing:1.5px;color:#a8cfc4;margin:0 0 13px;line-height:1.8}
.ai-lab .ai-lab-overview>h3{font-size:21px;font-weight:400;line-height:1.7;color:#e4efdc;margin:0 0 20px;letter-spacing:.5px}
.ai-lab .ai-input-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}
.ai-lab .ai-input-tags>span{font-size:11px;line-height:1.7;padding:5px 9px;border:1px solid #accfc24a;color:#cbdfd2;background:#1d4b4b66;white-space:nowrap}
.ai-lab .ai-task-chain{display:grid;gap:12px;position:relative;min-width:0}
.ai-lab .ai-task-chain:before{content:"";position:absolute;left:26px;top:21px;bottom:21px;width:1px;background:#93beac73;pointer-events:none}
.ai-lab .ai-task-chain>div{position:relative;min-width:0;min-height:79px;padding:15px 14px 15px 56px;border:1px solid #95c4b33b;background:#082e3be8}
.ai-lab .ai-task-chain>div>span{display:flex;align-items:center;justify-content:center;position:absolute;left:14px;top:16px;width:25px;height:25px;font:10px/1 Georgia,serif;color:#d6e9ce;border:1px solid #abd1bc7a;background:#17434a}
.ai-lab .ai-task-chain>div>strong{display:block;font-size:15px;line-height:1.7;font-weight:500;color:#e2eed8}
.ai-lab .ai-task-chain>div>small{display:block;font-size:13px;line-height:1.8;color:#b6d0c6;margin-top:5px}
.ai-lab .ai-lab-caption{font-size:10px;line-height:1.8;color:#a6c4b9;margin:19px 0 0;letter-spacing:.8px}
.ai-lab .ai-task-explorer{min-width:0;background:#0c313dda;border:1px solid #b0d2c34d;display:flex;flex-direction:column}
.ai-lab .ai-lab-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #aacdb94d;background:#123e486b}
.ai-lab .ai-lab-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:6px;min-height:79px;padding:15px 16px;border:0;border-right:1px solid #abcbb72e;background:transparent;color:#bfd1c6;text-align:left;font:500 14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer;transition:background .18s,color .18s}
.ai-lab .ai-lab-tab:last-child{border-right:0}
.ai-lab .ai-lab-tab>span{font-size:8px;line-height:1.3;letter-spacing:.8px;color:#8fb5a9}
.ai-lab .ai-lab-tab:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:transparent}
.ai-lab .ai-lab-tab:hover{background:#25514f80;color:#eef6e0}
.ai-lab .ai-lab-tab[aria-selected=true]{color:#e6f1d1;background:#28504a93}
.ai-lab .ai-lab-tab[aria-selected=true]>span{color:#bfd5a5}
.ai-lab .ai-lab-tab[aria-selected=true]:after{background:#c6dfa7}
.ai-lab .ai-lab-tab:focus-visible{z-index:2;outline:3px solid #e6d79f;outline-offset:-4px}
.ai-lab .ai-lab-panels{min-width:0;flex:1}
.ai-lab .ai-lab-panel{padding:31px 29px 26px;min-height:430px;overflow-wrap:anywhere;outline-offset:-5px}
.ai-lab .ai-lab-panel[hidden]{display:none}
.ai-lab .ai-lab-panel:focus-visible{outline:2px solid #b3d6be}
.ai-lab .ai-lab-panel>.eyebrow{font-size:9px;line-height:1.8;letter-spacing:1.5px;color:#b7d5bd;margin:0 0 14px}
.ai-lab .ai-lab-panel>h3{font-size:26px;line-height:1.65;font-weight:400;letter-spacing:.3px;color:#f0f4e6;margin:0 0 17px;text-wrap:balance}
.ai-lab .ai-lab-description{font-size:14px;line-height:2.05;color:#c5d9cf;margin:0 0 25px;max-width:670px}
.ai-lab .ai-capability-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;list-style:none;padding:0;margin:29px 0 23px;min-width:0}
.ai-lab .ai-capability-route>li{position:relative;min-width:0;min-height:157px;padding:18px 15px 20px;background:#16424bd4;border:1px solid #93beb468;border-top:2px solid #b4d9cc}
.ai-lab .ai-capability-route>li:nth-child(2){background:#214d4cc7;border-top-color:#c6dfa8}
.ai-lab .ai-capability-route>li:nth-child(3){background:#1f4547bd;border-top-color:#d7d4aa}
.ai-lab .ai-capability-route>li+li:before{content:"";position:absolute;right:100%;width:18px;height:1px;top:50%;background:#b0cdb8a1;pointer-events:none}
.ai-lab .ai-capability-route>li+li:after{content:"";position:absolute;right:calc(100% + 2px);top:calc(50% - 3px);width:6px;height:6px;border-right:1px solid #c7ddc0;border-top:1px solid #c7ddc0;transform:rotate(45deg);pointer-events:none}
.ai-lab .ai-capability-route>li>span{display:block;font-size:10px;line-height:1.9;letter-spacing:.6px;color:#b9d1c1;max-width:100%;margin-bottom:18px}
.ai-lab .ai-capability-route>li>strong{display:block;font-size:14px;line-height:1.9;font-weight:400;color:#e1ecda}
.ai-lab .ai-review-note{font-size:11px;line-height:1.95;color:#abc6ba;border-top:1px solid #a2c2b43d;padding-top:17px;margin:0;max-width:680px}

@media(max-width:1160px){
  .ai-lab .ai-lab-head{gap:50px}
  .ai-lab .ai-lab-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:23px}
  .ai-lab .ai-lab-overview{padding:25px 23px}
  .ai-lab .ai-lab-overview>h3{font-size:20px}
  .ai-lab .ai-lab-tab{font-size:13px;padding-inline:13px}
  .ai-lab .ai-lab-tab:after{left:13px;right:13px}
  .ai-lab .ai-lab-panel{padding:28px 24px}
  .ai-lab .ai-capability-route{gap:13px}
  .ai-lab .ai-capability-route>li{padding-inline:11px}
  .ai-lab .ai-capability-route>li+li:before{width:14px}
  .ai-lab .ai-capability-route>li>span{font-size:9px;letter-spacing:.3px}
  .ai-lab .ai-capability-route>li>strong{font-size:13px}
}

@media(max-width:1060px){
  .ai-lab{padding:78px 0 80px}
  .ai-lab .ai-lab-head{gap:36px;margin-bottom:34px}
  .ai-lab .ai-lab-intro{font-size:14px}
  .ai-lab .ai-lab-state{font-size:11px}
  .ai-lab .ai-lab-layout{grid-template-columns:minmax(0,1fr);gap:23px}
  .ai-lab .ai-lab-overview{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0 35px;align-items:start;padding:28px}
  .ai-lab .ai-lab-overview>.eyebrow{grid-column:1;margin-bottom:12px}
  .ai-lab .ai-lab-overview>h3{grid-column:1;max-width:270px;margin-bottom:19px;font-size:23px;line-height:1.7}
  .ai-lab .ai-input-tags{grid-column:1;max-width:320px;gap:9px;margin-bottom:19px}
  .ai-lab .ai-task-chain{grid-column:2;grid-row:1/5;align-self:stretch;gap:12px}
  .ai-lab .ai-task-chain>div{min-height:78px}
  .ai-lab .ai-lab-caption{grid-column:1;align-self:end;margin-top:5px}
  .ai-lab .ai-lab-tab{font-size:14px;padding:15px 20px;min-height:76px}
  .ai-lab .ai-lab-tab:after{left:20px;right:20px}
  .ai-lab .ai-lab-tab>span{font-size:9px}
  .ai-lab .ai-lab-panel{min-height:370px;padding:31px 32px 28px}
  .ai-lab .ai-lab-panel>h3{font-size:27px}
  .ai-lab .ai-capability-route{gap:21px;margin-top:26px}
  .ai-lab .ai-capability-route>li{min-height:145px;padding:19px 18px 20px}
  .ai-lab .ai-capability-route>li+li:before{width:22px}
  .ai-lab .ai-capability-route>li>span{font-size:10px;letter-spacing:.6px}
  .ai-lab .ai-capability-route>li>strong{font-size:14px}
}

@media(max-width:660px){
  .ai-lab{padding:60px 0 63px;scroll-margin-top:16px}
  .ai-lab:after{background:linear-gradient(180deg,#072e3be8,#0b3542db 55%,#123c45d6)}
  .ai-lab .ai-lab-head{display:block;margin-bottom:30px}
  .ai-lab .ai-lab-head .eyebrow{font-size:9px;letter-spacing:1.3px;line-height:1.9;margin-bottom:17px}
  .ai-lab .ai-lab-head h2{font-size:32px;line-height:1.6;letter-spacing:.5px;margin:18px 0 25px}
  .ai-lab .development-badge{font-size:10px;padding:4px 10px;letter-spacing:1.2px}
  .ai-lab .ai-lab-intro{font-size:14px;line-height:2;margin-bottom:18px}
  .ai-lab .ai-lab-state{font-size:11px;line-height:2;padding-left:13px}
  .ai-lab .ai-lab-layout{gap:24px}
  .ai-lab .ai-lab-overview{display:block;padding:25px 23px 22px}
  .ai-lab .ai-lab-overview>.eyebrow{font-size:9px;margin-bottom:13px}
  .ai-lab .ai-lab-overview>h3{font-size:22px;line-height:1.7;margin-bottom:20px;max-width:none}
  .ai-lab .ai-input-tags{max-width:none;gap:8px;margin-bottom:23px}
  .ai-lab .ai-input-tags>span{font-size:11px;padding:4px 9px}
  .ai-lab .ai-task-chain{gap:12px}
  .ai-lab .ai-task-chain>div{min-height:81px;padding:15px 13px 16px 54px}
  .ai-lab .ai-task-chain>div>span{left:13px;top:16px}
  .ai-lab .ai-task-chain>div>strong{font-size:15px}
  .ai-lab .ai-task-chain>div>small{font-size:13px;line-height:1.8}
  .ai-lab .ai-lab-caption{font-size:9px;line-height:1.9;margin-top:18px;letter-spacing:.5px}
  .ai-lab .ai-lab-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-lab .ai-lab-tab{font-size:14px;min-height:74px;padding:13px 19px;gap:6px;border-bottom:1px solid #abcbb72e}
  .ai-lab .ai-lab-tab:nth-child(2n){border-right:0}
  .ai-lab .ai-lab-tab:nth-last-child(-n+2){border-bottom:0}
  .ai-lab .ai-lab-tab>span{font-size:8px;letter-spacing:.8px}
  .ai-lab .ai-lab-tab:after{left:19px;right:19px}
  .ai-lab .ai-lab-panel{min-height:0;padding:28px 23px 26px}
  .ai-lab .ai-lab-panel>.eyebrow{font-size:9px;line-height:1.8;letter-spacing:1.1px;margin-bottom:14px}
  .ai-lab .ai-lab-panel>h3{font-size:24px;line-height:1.7;margin-bottom:18px}
  .ai-lab .ai-lab-description{font-size:13px;line-height:2.1;margin-bottom:23px}
  .ai-lab .ai-capability-route{grid-template-columns:minmax(0,1fr);gap:18px;margin:25px 0 24px}
  .ai-lab .ai-capability-route>li{min-height:0;padding:18px 18px 20px;border-top-width:1px;border-left:2px solid #b4d9cc}
  .ai-lab .ai-capability-route>li:nth-child(2){border-left-color:#c6dfa8}
  .ai-lab .ai-capability-route>li:nth-child(3){border-left-color:#d7d4aa}
  .ai-lab .ai-capability-route>li+li:before{right:auto;left:26px;top:auto;bottom:100%;width:1px;height:19px}
  .ai-lab .ai-capability-route>li+li:after{right:auto;left:23px;top:-8px;width:6px;height:6px;transform:rotate(135deg)}
  .ai-lab .ai-capability-route>li>span{font-size:10px;letter-spacing:.6px;line-height:1.8;margin-bottom:10px}
  .ai-lab .ai-capability-route>li>strong{font-size:14px;line-height:1.95}
  .ai-lab .ai-review-note{font-size:11px;line-height:2;padding-top:16px}
}

@media(max-width:380px){
  .ai-lab .ai-lab-overview{padding-inline:20px}
  .ai-lab .ai-lab-overview>h3{font-size:20px}
  .ai-lab .ai-lab-panel{padding-inline:20px}
  .ai-lab .ai-lab-tab{padding-inline:17px}
  .ai-lab .ai-lab-tab:after{left:17px;right:17px}
  .ai-lab .ai-input-tags>span{font-size:10px;padding-inline:8px}
}

@media(prefers-reduced-motion:reduce){
  .ai-lab .ai-lab-tab{transition:none}
}
