/* Refined material system: pearl, polished silver, graphite, and blue-violet light. */
:root{--material-edge:#ffffffd9;--material-shadow:#52618c22;--material-floor:#e9edf7}
body{background:#f7f8fd}body:before{background:radial-gradient(ellipse at 5% 8%,#d8e3ff55,transparent 38%),radial-gradient(ellipse at 95% 35%,#dbd2f74d,transparent 45%),linear-gradient(125deg,#fbfcff,#f3f5fb 52%,#f9f8fd)}
header.top #site-nav{background:linear-gradient(180deg,#ffffffed 0%,#f1f3f9df 48%,#e2e7f0e8 100%);border:1px solid #fff;box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #9ca8c03b,0 3px 5px #3a466916,0 14px 35px #66749624}.top #site-nav a[aria-current=page]{background:linear-gradient(160deg,#fff,#f4f6fc 45%,#d9e0ef);box-shadow:inset 0 1px #fff,inset 0 -1px #c4cce0,0 3px 7px #59678a24}.top #site-nav a.btn.primary,.btn.primary,.orb-button{background:linear-gradient(165deg,#707b94 0%,#424d65 35%,#283247 85%)!important;border-color:#62708c!important;box-shadow:inset 0 1px #ffffff70,inset 0 -1px #1b233a,0 3px 4px #1d284a18,0 12px 24px #39496c24!important}
.vendor-card,.ai-tool-card,.page-card,.card:not(.uc),.offer dl div,.faq details,.mcp-examples article{background:radial-gradient(ellipse at 0 0,#fff 0%,transparent 65%),linear-gradient(150deg,#fefeff 15%,#f4f6fc 65%,#e7ecf7 100%)!important;border-color:#d4dbea!important;box-shadow:inset 0 1px 2px white,inset 0 -1px 1px #c3ccdf44,0 2px 3px #36497107,0 12px 26px #5e6c8a0f,0 24px 60px #7485ab0b}.vendor-card:hover,.ai-tool-card:hover,.page-card:hover{box-shadow:inset 0 1px 2px white,0 4px 8px #485d8b10,0 22px 45px #63759820;border-color:#b9c5e0!important}
.devs-feature,.value-layout,.integration-map,.calc,.contact,.mcp-diagram,.before-after{border:1px solid #d4ddef;box-shadow:inset 0 1px 2px #fff,0 3px 5px #4b5e840a,0 20px 55px #6a7da519,0 50px 90px #8e98b30a}.devs-feature{background:linear-gradient(135deg,#fcfdff,#e8eafa)}.devs-feature .agent-board{background:radial-gradient(ellipse at 100% 0,#fff9,transparent 70%),linear-gradient(145deg,#e0e6f4,#f0edf9)}.contact{background:radial-gradient(ellipse at 3% 0,#ffffffd9,transparent 55%),linear-gradient(120deg,#edf2fb,#e4eaf6 65%,#ebe4f7)}.contact input,.contact textarea{box-shadow:inset 0 2px 4px #56678c10,0 1px #fff;border-color:#c8d4e9}.integration-map,.mcp-diagram{background:linear-gradient(145deg,#fff,#edf1fa);box-shadow:inset 0 1px #fff,0 20px 55px #667da41a}.mcp-hub{background:linear-gradient(155deg,#aebbd5,#6e80a6 45%,#4f638a);box-shadow:inset 0 1px 2px #ffffffb8,inset 0 -2px 2px #384e7044,0 12px 35px #6e84b044}.solution-card,.calc-out{background:radial-gradient(ellipse at 100% 0,#ffffffa1,transparent 65%),linear-gradient(135deg,#dce5f6,#eae3f5)}
.outcome-section{background:radial-gradient(ellipse at 100% 0,#e0d9f757,transparent 55%),linear-gradient(125deg,#f4f7fd,#eaedf7)}.outcome-row{border-color:#c9d3e6}.outcome-row:hover{background:linear-gradient(110deg,#fff9,#edf0fc);box-shadow:0 8px 22px #5f719c0b}.industry-intro,.breadcrumb+section{background-image:radial-gradient(ellipse at 85% 0,#dcd3f466,transparent 50%),radial-gradient(ellipse at 0 30%,#d8e5ff55,transparent 55%)}.industry-story{border-color:#c6d1e5}.before{background:linear-gradient(140deg,#e9edf5,#f2f5fb)}.after{background:radial-gradient(ellipse at 100% 0,#fff9,transparent 70%),linear-gradient(135deg,#dce6fb,#e6ddf6)}.service-detail[open]{background:radial-gradient(ellipse at 0 0,#fff9,transparent 70%),linear-gradient(110deg,#e9effa,#ede7f7);box-shadow:inset 3px 0 #b7c5e4}.service-detail summary:hover{background:#ffffff70}.quote-band{background:radial-gradient(ellipse at 50% 100%,#d6d8f34d,transparent 65%),linear-gradient(120deg,#edf1fa,#f4f0fa)}.page-cta{background:radial-gradient(ellipse at 100% 0,#d1d4f451,transparent 65%),linear-gradient(110deg,#e7eefb,#ede5f7)}
/* Full-width atmosphere stays behind the text and controls. */
.material-hero{background:radial-gradient(ellipse at 50% 18%,#ffffff 0%,#ffffff40 45%,transparent 70%),linear-gradient(180deg,#fafbff 0%,#eef2fc 43%,#f8f8ff 72%,#ecf0f9 100%);padding-top:36px}.hero-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.material-hero .orb-eyebrow,.material-hero .orb-intro,.material-hero .orb-footer,.dfw-skyline{position:relative;z-index:3}.material-hero .ambient-grid{z-index:0;opacity:.4;background-size:76px 76px;mask-image:radial-gradient(ellipse at 50% 40%,#0002,transparent 70%)}.material-hero .ambient-light{z-index:0;left:-15%;width:130%;height:750px;top:-50px;filter:blur(55px);background:radial-gradient(ellipse at 28% 35%,#93b2fa66,transparent 45%),radial-gradient(ellipse at 77% 45%,#b099e76b,transparent 45%);opacity:.85}.light-ribbon{position:absolute;width:160%;height:400px;left:-30%;top:60px;transform:rotate(-16deg);border-radius:50%;border:1px solid #ffffffc4;box-shadow:0 -18px 45px #ffffffaa,inset 0 3px 8px #ffffff85,0 24px 70px #acb7ee33;opacity:.75}.ribbon-b{top:255px;left:-20%;transform:rotate(13deg);height:240px;border-color:#bac7ee4d;box-shadow:0 -30px 80px #c1c7ef3b,inset 0 2px 6px #fff9}.horizon-light{position:absolute;left:0;right:0;bottom:0;height:220px;background:radial-gradient(ellipse at center bottom,#a6b6e759,transparent 70%);border-bottom:1px solid #cbd4e844}
.material-hero .orb-stage{height:435px;z-index:2;margin-top:8px}.material-hero .aurora-orb{width:420px;height:420px;opacity:.75;filter:blur(35px);background:radial-gradient(ellipse at 30% 20%,#f6faff,transparent 60%),radial-gradient(ellipse at 25% 60%,#84a8ee,transparent 65%),radial-gradient(ellipse at 75% 65%,#b69adf,transparent 65%),#becbf2;box-shadow:0 0 100px 40px #a8b4ee45}.glass-sphere{position:absolute;left:50%;top:50%;width:418px;height:418px;transform:translate(-50%,-50%);border-radius:50%;z-index:2;background:radial-gradient(ellipse at 33% 17%,#ffffffdc 0%,#ffffff4a 13%,transparent 37%),radial-gradient(ellipse at 70% 80%,#afa0de47,transparent 65%),linear-gradient(140deg,#ffffff25,#a8bce827 55%,#9a9dce36);box-shadow:inset 2px 3px 7px #fffffff5,inset -2px -5px 10px #9badd24d,inset 12px 8px 36px #ffffff5c,inset -20px -15px 35px #a1b4dd30,0 2px 2px #7c8db91a,0 30px 75px #97a4d333;border:1px solid #ffffffad;pointer-events:none}.glass-sphere:before{content:'';position:absolute;inset:10px;border:1px solid #ffffff54;border-bottom-color:#a8b9e526;border-radius:50%;transform:rotate(-25deg)}.glass-sphere span{position:absolute;left:17%;top:9%;width:38%;height:15%;border-radius:50%;background:#fff7;filter:blur(10px);transform:rotate(-30deg)}.glass-sphere:after{content:'';position:absolute;left:22%;right:22%;bottom:-35px;height:24px;border-radius:50%;background:#8392bb42;filter:blur(18px)}.material-hero .orb-orbits{z-index:2;opacity:.65}.material-hero .orb-wordmark{z-index:4}.material-hero .orb-wordmark h1{background:linear-gradient(165deg,#24344c 10%,#18263e 50%,#5b688a 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 2px 25px #ffffff50}.material-hero .orb-wordmark p{color:#455677}.material-hero .orb-intro{margin-top:8px}.material-hero .orb-intro h2{font-size:clamp(28px,3vw,39px)}.material-hero .motion-control{background:#ffffffb3;box-shadow:inset 0 1px #fff,0 3px 10px #6275a110;border-color:#fff;color:#5d6d8e}
/* The two downtowns meet in one illustrated horizon below the main call to action. */
.dfw-skyline{width:calc(100% + 80px);max-width:1440px;margin:30px -40px 0}.dfw-skyline img{display:block;width:100%;height:auto;max-height:235px;object-fit:contain;filter:drop-shadow(0 12px 15px #7187ba1a)}.dfw-skyline figcaption{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:3px auto 0;padding:0 45px;font-size:9px;letter-spacing:.2em;color:#596f94}.dfw-skyline figcaption span:nth-child(2){font-size:8px;color:#68789b}.material-hero .orb-footer{margin-top:25px;border-color:#cbd6e9;padding-block:22px;color:#586a88}
@media(min-width:1500px){.dfw-skyline{margin-inline:auto;width:100%}.material-hero .orb-stage{height:470px}.glass-sphere{width:455px;height:455px}}
@media(min-width:651px) and (max-height:800px){.material-hero{padding-top:26px}.material-hero .orb-stage{height:355px}.glass-sphere{width:345px;height:345px}.material-hero .aurora-orb{width:350px;height:350px}.material-hero .orb-wordmark h1{font-size:clamp(60px,7.8vw,100px)}}
@media(max-width:650px){.material-hero{padding:28px 20px 0}.material-hero .orb-stage{height:335px}.glass-sphere{width:300px;height:300px}.material-hero .aurora-orb{width:300px;height:300px}.material-hero .orb-wordmark h1{font-size:clamp(40px,10.5vw,65px)}.material-hero .orb-intro h2{font-size:28px}.light-ribbon{top:90px;height:260px;width:220%;left:-60%}.ribbon-b{top:250px;height:180px}.dfw-skyline{width:calc(100% + 40px);margin:30px -20px 0}.dfw-skyline img{min-height:120px;object-fit:cover;object-position:center bottom}.dfw-skyline figcaption{padding:0 20px;font-size:7px;letter-spacing:.12em}.dfw-skyline figcaption span:nth-child(2){font-size:6px}.material-hero .orb-footer{margin-top:22px}.top .wrap{box-shadow:inset 0 1px #fff,inset 0 -1px #c6cfe64a,0 12px 32px #596e9b1f}}
@media(max-width:650px){.dfw-skyline img{min-height:100px;object-fit:contain;object-position:center bottom}}