@font-face{font-family:Agenor;src:url('assets/agenor.ttf')}@font-face{font-family:Agenor;src:url('assets/agenor-black.ttf');font-weight:800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fcfdfc;color:#162c36;font-family:Agenor,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #007bac;outline-offset:5px}header{max-width:1280px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #e4eae7}header img{display:block}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a:hover{color:#007ba9}.nav-button{border:1px solid #cad6d2;padding:14px 18px;border-radius:6px}.nav-button span{margin-left:22px}.menu{display:none}.wrap{max-width:1280px;padding:0 40px;margin:auto}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding-top:82px;padding-bottom:85px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;display:block;margin-bottom:24px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#12db72;border-radius:50%;margin-right:9px}h1{font-size:clamp(38px,4.1vw,58px);line-height:1.1;letter-spacing:-2.5px;margin:0 0 25px;font-weight:800}em{font-style:normal;color:#007caa}p{line-height:1.65;color:#5c6b72}p.lead{font-size:18px;line-height:1.6;margin:0 0 16px}.support{font-size:14px;max-width:470px;margin-bottom:30px}.button{background:#16e77a;color:#102e26;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 23px;border:0;border-radius:6px;font-size:14px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#0fd16b;transform:translateY(-2px)}.diagram{height:500px;position:relative;background:radial-gradient(ellipse at center,#e2f2ef,transparent 65%),linear-gradient(#e5edea 1px,transparent 1px),linear-gradient(90deg,#e5edea 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;border:1px solid #dce7e3;border-radius:14px;overflow:hidden}.diagram-top,.diagram-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#697b7c}.diagram-top{top:22px}.diagram-bottom{bottom:22px;font-size:7px}.live{color:#007ea5}.diagram svg{position:absolute;inset:0;width:100%;height:100%}.diagram path{fill:none;stroke:#4db797;stroke-width:1.5;stroke-dasharray:5 5}.diagram circle{fill:#007eaa}.node{position:absolute;display:flex;align-items:center;gap:12px;padding:15px 16px;background:#fff;border:1px solid #d7e3df;border-radius:8px;box-shadow:0 8px 22px #1a494a09;font-size:11px}.node b{font-size:24px;color:#007fae;font-family:Arial}.node small{display:block;font-size:8px;color:#7c8b8c;margin-top:5px}.node-a{top:110px;left:22px}.node-b{top:85px;right:20px}.node-c{bottom:100px;left:25px}.node-d{bottom:80px;right:20px}.center-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:154px;height:161px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#12323d;border-radius:16px;box-shadow:0 14px 35px #12323d25;color:white}.center-node img{height:66px;width:auto;margin-bottom:10px}.center-node strong{font-size:17px}.center-node span{font-size:10px;color:#a7c3c5;margin-top:5px}.ribbon{background:#142f3b;color:white}.ribbon .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px}.ribbon span{font-size:10px;letter-spacing:1.5px;color:#89abae}.ribbon p{margin:0;color:white;font-size:18px}.ribbon a{font-size:24px;color:#19ed82}h2{font-size:38px;line-height:1.18;letter-spacing:-1.3px;font-weight:800;margin:0 0 24px}h3{font-size:20px;line-height:1.3;font-weight:800}.needs{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.needs-copy p:first-child{margin-top:0}.connection{display:flex;align-items:center;gap:17px;margin-top:28px;font-size:11px}.connection span{padding:13px;border:1px solid #d9e2df;border-radius:5px}.connection b{font-size:26px;color:#007da5}.connection .custom{background:#e3f9ed;border-color:#b0e8cb}.solutions{background:#f0f5f3;padding:92px 0}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end}.section-heading p{max-width:390px;margin:0 0 25px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid #cbdad4}.solution-grid article{padding:30px 25px 0 0;position:relative}.solution-grid article+article{padding-left:25px;border-left:1px solid #cbdad4}.icon{font-family:Arial;font-size:34px;color:#007eac;display:block;margin-bottom:30px}.number{position:absolute;right:22px;top:35px;font-size:10px;color:#80948c}.solution-grid p,.steps p{font-size:14px}.process{padding-top:100px;padding-bottom:100px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:36px}.steps article{border-top:1px solid #d4dfda;padding-top:26px}.steps article>span{display:inline-flex;background:#e9f5ef;color:#007c95;border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center;font-size:12px;font-weight:800}.steps h3{margin-top:23px}.about{background:#142f3b;color:white;padding:80px 0}.about .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.about em{color:#21eb85}.about p{color:#b0c1c7}.about .eyebrow{color:#89a7b2}.brand-art{height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#20516466,transparent 65%);border:1px solid #36505a;border-radius:50% 50% 12px 12px}.brand-art img{height:190px;width:auto}.brand-art span{font-size:9px;letter-spacing:2px;margin-top:35px;color:#92b7c0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:110px;padding-bottom:100px}.contact h2{font-size:46px}.contact p{max-width:435px}.contact .button{margin-top:16px}.email{display:block;font-size:14px;margin-top:24px;color:#007da6}form{background:#f1f5f3;padding:30px;border-radius:10px}label{display:block;font-size:12px;color:#304951}input,textarea{display:block;width:100%;border:1px solid #ccd9d2;background:#fff;border-radius:4px;padding:12px;margin-top:8px;margin-bottom:22px;color:#16303c}input:focus,textarea:focus{outline:2px solid #007fa7;outline-offset:2px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form .button{width:100%;margin-top:0!important}.form-note{font-size:11px;margin-bottom:0}#form-status{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce5e0;padding-top:30px!important;padding-bottom:30px!important;font-size:11px;color:#67777c}footer img{display:block}@media(min-width:1400px){.hero{padding-top:100px;padding-bottom:100px}}@media(max-width:1000px){.hero{gap:25px}.wrap,header{padding-left:25px;padding-right:25px}h1{font-size:44px}.diagram{height:440px}.node{padding:12px 9px;gap:7px;font-size:9px}.node small{font-size:7px}.center-node{width:130px;height:140px}.needs,.section-heading,.about .wrap,.contact{gap:45px}h2{font-size:32px}.solution-grid{grid-template-columns:1fr 1fr;gap:30px}.solution-grid article:nth-child(3){padding-left:0;border-left:0}.steps{gap:20px}}@media(max-width:700px){header{height:80px}header img{width:108px}.menu{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#17323c;font-size:13px;padding:12px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;z-index:5;padding:25px;border-bottom:1px solid #dce5e0;align-items:stretch;gap:24px}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:35px}h1{font-size:42px;letter-spacing:-1.6px}.hero .button{font-size:12px;gap:15px;width:100%}.diagram{height:400px}.node{font-size:10px}.node-a{top:90px}.node-b{top:65px}.node-c{bottom:85px}.node-d{bottom:65px}.ribbon span{font-size:8px;max-width:100px;line-height:1.6}.ribbon p{font-size:13px;max-width:150px}.needs,.section-heading,.about .wrap,.contact{grid-template-columns:1fr;gap:20px}.needs,.process,.contact{padding-top:65px;padding-bottom:65px}h2{font-size:32px}.solutions{padding:65px 0}.solution-grid{gap:20px}.solution-grid article{padding-right:10px}.solution-grid article+article{padding-left:15px}.solution-grid article:nth-child(3){padding-left:0}.solution-grid h3{font-size:18px}.solution-grid p{font-size:13px}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps h3{font-size:18px}.about{padding:55px 0}.brand-art{height:220px;order:2;margin-top:20px}.brand-art img{height:125px}.contact h2{font-size:38px}form{padding:22px;margin-top:18px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;gap:25px}footer>span{order:3;width:100%;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
body{font-family:Arial,Helvetica,sans-serif}.eyebrow{font-family:Agenor,Arial,sans-serif}h1,h2,h3{font-weight:700}h1{letter-spacing:-2px}
body{font-family:Arial,Helvetica,sans-serif}.eyebrow{font-family:Agenor,Arial,sans-serif}h1,h2,h3{font-weight:700}h1{letter-spacing:-2px}
/* Motion and feedback */
.diagram path{animation:connection-flow 24s linear infinite}.diagram .signal{fill:#0088b8;filter:drop-shadow(0 0 4px #13d990)}
.node{animation:node-float 6s ease-in-out infinite}.node-b{animation-delay:-1.5s}.node-c{animation-delay:-3s}.node-d{animation-delay:-4.5s}
.center-node{animation:core-glow 5s ease-in-out infinite}.live{animation:status-glow 3s ease-in-out infinite}
.solution-grid article{transition:transform .3s ease,background .3s ease,box-shadow .3s ease;border-radius:8px;padding-bottom:20px}
.solution-grid .icon{transition:transform .3s ease,color .3s ease}.solution-grid h3{transition:color .3s ease}.solution-grid article::after{content:'';position:absolute;bottom:0;left:25px;right:25px;height:2px;background:#12d979;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.steps article{transition:border-color .25s ease}.steps article>span{transition:background .25s ease,transform .25s ease}
@media(hover:hover) and (pointer:fine){.solution-grid article:hover{transform:translateY(-7px);background:#fff;box-shadow:0 16px 35px #163b3710}.solution-grid article:hover .icon{transform:translateY(-3px) scale(1.1);color:#00976a}.solution-grid article:hover h3{color:#007caa}.solution-grid article:hover::after{transform:scaleX(1)}.steps article:hover{border-color:#0cbb7c}.steps article:hover>span{background:#c8f6df;transform:translateY(-3px)}}
@keyframes connection-flow{to{stroke-dashoffset:-120}}@keyframes node-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes core-glow{0%,100%{box-shadow:0 14px 35px #12323d25,0 0 0 0 #16e77a00}50%{box-shadow:0 16px 38px #12323d30,0 0 0 9px #16e77a0c}}@keyframes status-glow{0%,100%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.diagram path,.node,.center-node,.live{animation:none}.diagram .signal{display:none}.solution-grid article,.solution-grid .icon,.solution-grid h3,.solution-grid article::after,.steps article,.steps article>span{transition:none}.solution-grid article:hover,.solution-grid article:hover .icon,.steps article:hover>span,.button:hover{transform:none}}
/* Consistent card insets leave room for the icon hover animation. */
.solution-grid article,.solution-grid article+article,.solution-grid article:nth-child(3){padding:32px 24px 26px}
.solution-grid article::after{left:24px;right:24px}
@media(max-width:700px){.solution-grid article,.solution-grid article+article,.solution-grid article:nth-child(3){padding:28px 18px 22px}.solution-grid article::after{left:18px;right:18px}}
.honeypot{display:none!important}form .button:disabled{opacity:.65;cursor:wait;transform:none}#form-status[data-state="error"]{color:#a42b29}#form-status[data-state="success"]{color:#14613f}