:root{--navy:#070c17;--blue:#86f7d2;--ink:#edf3ff;--muted:#9aa8bf;--line:#263043}body{background:#080d17;color:var(--ink)}header{max-width:none;height:94px;border-bottom:1px solid #ffffff0d;background:#080d17ed;position:relative;z-index:10}.mark{background:#86f7d2;color:#071911;border-radius:5px}nav{color:#acb9ce}.button{background:#9bfbd8;color:#07271e;border-radius:3px;box-shadow:0 0 25px #6dffc00c}.button:hover{background:#c3ffe9;color:#071911}.hero{max-width:1600px;min-height:680px;padding-top:68px;padding-bottom:65px;grid-template-columns:1fr 1.1fr;gap:2%;position:relative;background:radial-gradient(ellipse at 75% 45%,#14434424,transparent 55%)}.hero h1{font-size:clamp(48px,5.1vw,78px);font-weight:500;line-height:1.06;letter-spacing:-3.4px}.hero h1 em{background:linear-gradient(100deg,#a2f7d9,#81c9ff);background-clip:text;color:transparent}.hero-copy>p{font-size:17px;max-width:455px;color:#a8b5ca}.eyebrow{color:#8ef0ce;font-size:10px;letter-spacing:1.7px}.hero .eyebrow>span{background:#88f5d0}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-note{display:flex;gap:24px;color:#a2afc2;font-size:9px;letter-spacing:1.3px;margin-top:40px}.text-link{color:#dce7fa}.text-link:hover{color:#91f5d2}.scene-panel{height:560px;position:relative;min-width:0;background:radial-gradient(ellipse at center,#1645552b,transparent 70%);border:1px solid #8bb8c719;border-radius:12px;overflow:hidden}.scene-heading{position:absolute;top:21px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:9px;color:#8b9eb6;letter-spacing:1.6px;pointer-events:none}.scene-heading span:last-child{color:#8cf4d6}#erp-scene{width:100%;height:410px;display:block;cursor:grab;touch-action:pan-y;margin-top:12px}#erp-scene:active{cursor:grabbing}.scene-caption{position:absolute;bottom:56px;left:25px;right:25px;text-align:center;pointer-events:none}.scene-badge{color:#9bfbd8;font-size:9px;letter-spacing:2px}.scene-caption h3{font-size:21px;margin:7px 0}.scene-caption p{font-size:12px;color:#9badc7;margin:0}.scene-controls{position:absolute;bottom:0;left:0;width:100%;height:43px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;align-items:center;padding:0 17px}.scene-controls button{border:0;background:none;color:#a9c0ce;font-size:10px;cursor:pointer;padding:9px 0}.scene-controls>span{font-size:8px;color:#6f839f;letter-spacing:1.6px}.strip{background:#0c1320;border-color:#202a3b;padding-top:28px;padding-bottom:28px}.strip p{color:#c4d2e8}.strip i{color:#72d9b5}.strip span{color:#8195b2}.section{padding-top:100px;padding-bottom:100px}.section h2{font-weight:500;letter-spacing:-1.6px}.featured{background:radial-gradient(ellipse at 100% 0,#18494080,transparent 60%),#101c28;border:1px solid #365449;border-radius:12px}.featured h3{font-size:39px}.product-label{color:#96f2d3}.featured li:before{color:#93efd1}.featured .text-link{color:#a3f8d9}.product-foot{border-color:#324543}.secondary-solutions article{background:linear-gradient(135deg,#141d2b,#0c1320);border-color:#263246;border-radius:12px;transition:transform .25s,border-color .25s}.secondary-solutions article:hover{transform:translateY(-4px);border-color:#648578}.card-number{color:#6b879c}.services{background:#0c1422;border-block:1px solid #202c40}.service-grid article{border-color:#344156}.service-grid article>span{color:#88eecb}.approach li{border-color:#283447}.approach li>span{color:#90f6d2}.contact{background:radial-gradient(ellipse at 0 50%,#13433766,transparent 65%),#0b1520;border-block:1px solid #30433d}.contact .eyebrow{color:#90f6d2}.contact input,.contact select,.contact textarea{background:#101d2b;border-color:#34485b}.contact .button{color:#062a1d}.faq details{border-color:#2d394c}.faq summary:hover{color:#a6fbe0}footer{background:#060b13;border-color:#263144}.source{color:#8fa2bc}.service-grid h3{color:#e8effa}.section-heading>p{color:#a5b3c8}@media(max-width:1000px){.hero{gap:20px;min-height:600px}.hero h1{font-size:51px;letter-spacing:-2.5px}.scene-panel{height:505px}#erp-scene{height:360px}.hero-note{gap:13px;font-size:8px}.hero .eyebrow{font-size:8px;letter-spacing:.9px}.section{padding-top:75px;padding-bottom:75px}}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:38px}.hero h1{font-size:54px;letter-spacing:-2.8px}.hero-copy>p{font-size:16px}.hero .eyebrow{font-size:8px}.hero-note{margin-top:28px;margin-bottom:15px}.scene-panel{height:500px;margin-top:7px}.scene-heading{font-size:8px;letter-spacing:1px}#erp-scene{height:360px}.scene-controls button{font-size:11px}.scene-caption p{font-size:12px}.featured h3{font-size:31px}.section h2{font-size:34px}.contact h2{font-size:49px}.service-grid{grid-template-columns:1fr}.service-grid h3{margin-top:16px}.scene-controls>span{font-size:8px}.brand small{font-size:9px}.strip p{font-size:12px}}
.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.provider-grid article{padding:34px;background:linear-gradient(140deg,#132034,#0c1420);border:1px solid #2b3c51;border-radius:12px;transition:transform .2s,border-color .2s}.provider-grid article:hover{transform:translateY(-4px);border-color:#749a94}.provider-grid h3{font-size:28px;margin-top:25px}.provider-grid p{color:#a9b8cc;max-width:480px}.provider-grid ul{list-style:none;padding:0;margin:23px 0 30px;color:#bccade;font-size:15px}.provider-grid li{padding:7px 0;border-bottom:1px solid #ffffff08}.provider-grid .text-link{color:#a5f9db}.service-symbol{width:56px;height:56px;display:inline-flex;padding:10px;background:#20385070;border:1px solid #4f7baf50;border-radius:12px;color:#83bfff}.service-symbol svg{width:100%;height:100%}.service-symbol.cloud{color:#97f5de;background:#19433870;border-color:#507b6950}.service-symbol.compass{color:#c0a6ff;background:#382e5170;border-color:#75609550}.service-symbol.erp{color:#ffca83;background:#43382370;border-color:#8a745550}.provider-grid .card-number{font-size:11px;letter-spacing:1px;margin-top:16px}.scene-caption h3{font-size:20px}.hero h1{font-size:clamp(46px,4.5vw,68px)}@media(max-width:700px){.provider-grid{grid-template-columns:1fr}.provider-grid article{padding:25px}.provider-grid h3{font-size:25px}.provider-grid .card-number{font-size:9px}.hero h1{font-size:49px}.scene-caption p{font-size:11px}.strip{column-gap:12px}.strip span{margin-bottom:5px}.strip p{font-size:12px}.strip i{font-size:12px}.scene-caption h3{font-size:19px}}
