/* WareConnect AI Tools: page-scoped editorial layouts and progressive motion. */
.wc-ai-page{color:#31546d;background:#fff;overflow-x:clip;overflow-y:visible}.wc-ai-page.menu-open{overflow:hidden}.wc-ai-page main{overflow:clip}
.ai-wrap{width:min(1320px,calc(100% - 80px));margin:auto}
.ai-hero{background:radial-gradient(ellipse at 85% 20%,#165274,#0a1244 80%);padding:64px 0;color:#fff}
.ai-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ai-hero h1{color:#fff;font:750 clamp(38px,4.1vw,60px)/1.08 "Work Sans",sans-serif;letter-spacing:-.04em;margin:20px 0 25px}
.ai-hero .wc-kicker,.ai-dark .wc-kicker{color:#8ee8ec;font-size:13px;letter-spacing:.08em;font-weight:600}
.ai-hero .ai-lead{color:#d4edf4;font-size:21px;line-height:1.65}.ai-hero .actions{margin-top:30px}
.ai-hero-visual{min-width:0;position:relative}
.ai-photo{margin:0;position:relative;border-radius:24px 68px 24px 24px;overflow:hidden;background:#d7e8ed}
.ai-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.ai-hero .ai-photo{border:1px solid #567d94;box-shadow:0 24px 65px #030c2b66}
.ai-hero .ai-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061b3d40,transparent 55%);pointer-events:none}
.ai-section,.ai-case{padding:78px 0;scroll-margin-top:115px}
.ai-section h2,.ai-case h2{font:700 clamp(30px,3vw,43px)/1.14 "Work Sans",sans-serif;letter-spacing:-.035em;color:#0c2146;margin:0 0 28px;max-width:1000px}
.ai-section h3,.ai-case h3{font:700 25px/1.25 "Work Sans",sans-serif;color:#0d2b4b;letter-spacing:-.02em}
.ai-section p,.ai-case p{font-size:18px;line-height:1.85;margin:0 0 24px}.ai-prose{max-width:1040px}
.ai-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}
.ai-intro p:first-child{font-size:24px;line-height:1.6;font-weight:500;color:#0c3e59;grid-row:span 2}.ai-pale{background:#edf8fa}
.ai-editorial-split{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.ai-editorial-split>*{min-width:0}
.ai-network{position:relative;min-height:440px;isolation:isolate;display:grid;place-items:center}
.ai-network:before,.ai-network-ring{content:"";position:absolute;width:310px;height:310px;border:1px solid #8ccbd3;border-radius:50%;z-index:-1}
.ai-network:before{width:230px;height:230px;border-style:dashed}
.ai-network-ring:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#0aa4b3;top:12%;left:12%;box-shadow:0 0 0 8px #0aa4b315}
.ai-network-core{width:166px;height:166px;border-radius:50%;background:linear-gradient(135deg,#0d3456,#087f8d);box-shadow:0 15px 35px #164b6a22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-align:center;font:600 19px/1.3 "Work Sans",sans-serif}
.ai-network-core svg{width:42px;height:42px;fill:none;stroke:#93eaf0;stroke-width:2}
.ai-network-node{position:absolute;background:#fff;border:1px solid #bbdbe3;border-radius:12px;padding:12px 18px;color:#0b3451;font-size:16px;font-weight:600;line-height:1.4;box-shadow:0 5px 15px #163f5510}
.ai-network-node:nth-last-child(4){top:15px;left:12%}.ai-network-node:nth-last-child(3){right:0;top:120px}.ai-network-node:nth-last-child(2){bottom:15px;right:9%}.ai-network-node:last-child{left:0;bottom:125px}
.ai-foundations{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin:42px 0 0}
.ai-foundations>div{padding:25px 0;border-top:1px solid #bdd7e1;position:relative}
.ai-foundations>div:before{content:"";position:absolute;top:-2px;left:0;height:3px;width:42px;background:#0b8b97}
.ai-foundations dt,.ai-outcomes dt{font:700 24px "Work Sans",sans-serif;color:#0a3a56;margin-bottom:12px}
.ai-foundations dd,.ai-outcomes dd{font-size:18px;line-height:1.8;margin:0}
.ai-dark{background:linear-gradient(110deg,#0b1740,#12415b);color:#dfedf4}.ai-dark h2,.ai-dark h3{color:#fff}.ai-dark p{color:#d5e5ef}
.ai-llm{border-left:3px solid #49c9d2;padding-left:30px;margin:40px 0}
.ai-provider-strip{display:flex;gap:0;flex-wrap:wrap;padding:12px 0 35px;color:#b5f2f1;font:600 27px "Work Sans",sans-serif}
.ai-provider-strip span{padding:0 32px;border-left:1px solid #59718a}.ai-provider-strip span:first-child{padding-left:0;border:0}
.ai-providers{margin-top:45px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ai-providers article{border-top:1px solid #59718a;padding:26px 0}.ai-providers h3{margin:16px 0}.ai-providers p{font-size:17px;line-height:1.8}
.ai-provider-number{font:700 27px "Work Sans",sans-serif;color:#81e4e6}.ai-route-note{border-top:1px solid #59718a;padding-top:28px;font-style:italic}
.ai-timeline{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:32px 50px}
.ai-timeline li{display:grid;grid-template-columns:54px 1fr;gap:18px}.ai-timeline li>span{font:700 25px "Work Sans",sans-serif;color:#087e8a;border-top:3px solid #21a9b3;padding-top:16px}.ai-timeline h3{margin:16px 0}
.ai-security-split{grid-template-columns:.9fr 1.1fr;align-items:start;gap:60px}.ai-security-split .ai-photo{position:sticky;top:130px;margin-top:10px}
.ai-capability-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ai-capability-links a{font-size:15px;font-weight:600;color:#075a6e;border-bottom:2px solid #6cbfc8;padding:10px 14px;background:#eef8f9;border-radius:6px 6px 0 0;text-decoration:none}
.ai-capability-links a:hover,.ai-capability-links a:focus-visible{background:#d6eef1;color:#082a47}#capabilities{padding-bottom:45px}
.ai-case-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:start}.ai-case-grid>*{min-width:0}
.ai-case-grid.ai-reverse>div:first-child{order:2}.ai-case-grid.ai-reverse>.ai-case-media{order:1}
.ai-case-index{color:#087e8a;font-size:13px!important;letter-spacing:.12em;font-weight:600;margin-bottom:15px!important}
.ai-case-media{position:sticky;top:125px;padding-top:8px}
.ai-mini-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:22px 0 0;margin:0}
.ai-mini-flow li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;font-weight:500;color:#244c65;min-width:0}
.ai-mini-flow li:not(:last-child):after{content:"";height:1px;background:#90c9d0;position:absolute;top:16px;left:43px;right:-8px}
.ai-flow-dot{width:33px;height:33px;display:grid;place-items:center;border:1px solid #80bac5;border-radius:50%;background:#fff;color:#087882;font:700 13px "Work Sans",sans-serif;flex-shrink:0}
.ai-hero-flow{margin-top:0;padding:24px 12px 0}.ai-hero-flow li{color:#e1f4f7;font-size:15px}.ai-hero-flow .ai-flow-dot{background:#133951;color:#98eff0;border-color:#538d9d}
.ai-foundry-flow{grid-template-columns:repeat(4,minmax(0,1fr));margin:34px 0 10px;background:#edf8fa;border:1px solid #c4e1e8;border-radius:16px;padding:28px 32px}.ai-foundry-flow li{font-size:18px;color:#0c3a56}
.ai-example{position:relative;margin-top:38px;padding:30px 34px 8px 90px;border-top:1px solid #c4dce5;border-left:3px solid #1496a4;background:#f4f9fc;border-radius:0 16px 16px 0}
.ai-pale .ai-example{background:#fff}.ai-example h3{font-size:22px;margin:0 0 16px}.ai-example p{max-width:1120px}
.ai-example-mark{position:absolute;left:28px;top:30px}.ai-example-mark svg{width:34px;height:34px;fill:none;stroke:#0b8392;stroke-width:1.8;stroke-linejoin:round}
.ai-outcomes{margin:35px 0 0}.ai-outcomes>div{display:grid;grid-template-columns:280px 1fr;gap:30px;border-top:1px solid #c2d9e4;padding:26px 0}
.ai-outcomes dt{margin:0;position:relative;padding-left:22px}.ai-outcomes dt:before{content:"";width:7px;height:7px;background:#0a8f9a;border-radius:50%;position:absolute;left:0;top:10px}
.ai-related{display:flex;flex-wrap:wrap;gap:22px;padding-block:30px;font-size:15px}.ai-related a{color:#006c82;text-decoration:underline;text-underline-offset:4px}
.wc-ai-page .faq-list p{font-size:18px;line-height:1.85}.wc-ai-page .faq-list summary{font-size:20px}
.wc-ai-page .actions{display:flex;flex-wrap:wrap;gap:14px}.wc-ai-page .button{font-size:16px!important;line-height:1.4;padding:16px 22px}
.wc-ai-page .ai-dark .button.secondary{color:#fff;border-color:#83ccda}
@media(prefers-reduced-motion:no-preference){
.ai-network.ai-in-view .ai-network-ring{animation:ai-orbit 4.5s ease-out 1}
.ai-mini-flow.ai-in-view .ai-flow-dot{animation:ai-step 1.1s ease-out 1}
.ai-mini-flow.ai-in-view li:nth-child(2) .ai-flow-dot{animation-delay:.18s}.ai-mini-flow.ai-in-view li:nth-child(3) .ai-flow-dot{animation-delay:.36s}.ai-mini-flow.ai-in-view li:nth-child(4) .ai-flow-dot{animation-delay:.54s}
@keyframes ai-orbit{to{transform:rotate(360deg)}}@keyframes ai-step{50%{box-shadow:0 0 0 7px #1bafb527;background:#d7f4f4}}}
@media(max-width:1100px){
.ai-hero-grid,.ai-case-grid,.ai-editorial-split{gap:35px}.ai-hero h1{font-size:46px}.ai-network{min-height:410px}
.ai-network:before,.ai-network-ring{width:260px;height:260px}.ai-network:before{width:200px;height:200px}.ai-network-node{padding:10px 12px;font-size:14px}.ai-network-core{width:140px;height:140px;font-size:17px}.ai-providers{gap:24px}}
@media(max-width:900px){
.ai-providers{grid-template-columns:1fr}.ai-providers article{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:26px 0 5px}.ai-providers h3{margin-top:0}
.ai-editorial-split:not(.ai-security-split){grid-template-columns:1fr}.ai-network{max-width:460px;width:100%;margin:auto}}
@media(max-width:760px){
.ai-wrap{width:calc(100% - 40px)}.ai-hero{padding:40px 0 45px}.ai-hero-grid{grid-template-columns:1fr;gap:35px}.ai-hero h1{font-size:clamp(35px,9vw,44px)}.ai-hero .ai-lead{font-size:19px}
.ai-section,.ai-case{padding:48px 0;scroll-margin-top:92px}.ai-section p,.ai-case p,.ai-foundations dd,.ai-outcomes dd{font-size:17px;line-height:1.8}
.ai-intro,.ai-foundations,.ai-case-grid,.ai-security-split{display:flex;flex-direction:column;gap:0}.ai-intro p:first-child{font-size:21px}
.ai-case-media,.ai-security-split .ai-photo{position:static;margin:8px 0 0;width:100%}.ai-security-split .ai-photo{margin-bottom:30px}
.ai-case-grid.ai-reverse>div:first-child,.ai-case-grid.ai-reverse>.ai-case-media{order:initial}.ai-photo{border-radius:20px 48px 20px 20px}
.ai-case-grid>div:first-child{display:contents}.ai-case-grid>div:first-child>p:not(.ai-case-index){order:2}.ai-case-grid>.ai-case-media,.ai-case-grid.ai-reverse>.ai-case-media{order:1;margin-bottom:30px}
.ai-foundry-flow{grid-template-columns:1fr 1fr;padding:22px;gap:24px}.ai-foundry-flow li{font-size:16px}.ai-foundry-flow li:nth-child(2):after{display:none}
.ai-timeline{grid-template-columns:1fr;gap:18px}.ai-timeline li{grid-template-columns:42px 1fr;gap:14px}.ai-timeline h3{font-size:23px}
.ai-outcomes>div{display:block}.ai-outcomes dt{margin-bottom:15px}.ai-llm{padding-left:20px}.ai-provider-strip{font-size:21px;gap:18px;padding-bottom:25px}.ai-provider-strip span,.ai-provider-strip span:first-child{padding:0;border:0}
.ai-example{padding:62px 22px 5px;margin-top:32px}.ai-example-mark{left:20px;top:18px}.ai-example-mark svg{width:28px;height:28px}
.ai-mini-flow{gap:12px}.ai-mini-flow li{font-size:13px}.ai-hero-flow{padding-inline:0}.wc-ai-page .faq-list summary{font-size:18px}.ai-related{display:grid;gap:16px}}
@media(max-width:360px){.ai-network-node{font-size:13px;padding:9px}.ai-network-core{width:125px;height:125px;font-size:16px}.ai-network:before,.ai-network-ring{width:235px;height:235px}.wc-ai-page .button{width:100%;text-align:center}}