*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8f9;color:#173d47;font:14px/1.65 Arial,sans-serif}a{color:inherit}.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 5%;background:#03313d;color:#fff;box-shadow:0 5px 20px #0002}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}.brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#ed7e23}.brand small{display:block;color:#ed7e23;font-size:8px}.top nav{display:flex;gap:18px;align-items:center}.top nav a{text-decoration:none;font-size:11px;font-weight:800}.navcta{padding:9px 12px;border-radius:8px;background:#ed7e23}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:600px;padding:70px 7%;background:linear-gradient(120deg,#021f2a,#03313d 52%,#08707a);color:#fff}.hero>div>span,.section header>span,.why header>span,.bottom span{color:#ffad70;font-size:10px;font-weight:900;letter-spacing:.14em}.hero h1{max-width:850px;margin:10px 0;font-size:clamp(40px,5.5vw,72px);line-height:1.04}.hero p{max-width:760px;color:#c7dade;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.actions a{padding:12px 16px;border-radius:9px;text-decoration:none;font-weight:900}.primary{background:#ed7e23;color:#fff}.secondary{border:1px solid #ffffff44;color:#fff}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.chips i{font-style:normal;padding:6px 9px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff0a;font-size:9px}.graphic{position:relative;display:grid;place-items:center;width:min(360px,90%);aspect-ratio:1;margin:auto;border:1px solid #ffffff20;border-radius:50%;box-shadow:inset 0 0 0 60px #ffffff04}.graphic>b{display:grid;place-items:center;width:145px;height:145px;border-radius:34px;background:#ffffff0e;border:1px solid #ffffff25;font-size:38px;box-shadow:-10px 10px 0 #ed7e2330}.graphic small{position:absolute;color:#ffad70;font-size:7px;top:58%}.graphic em{position:absolute;padding:7px 10px;border-radius:8px;background:#082d38;border:1px solid #ffffff20;font-style:normal;font-size:8px}.graphic em:nth-of-type(1){top:8%}.graphic em:nth-of-type(2){right:0}.graphic em:nth-of-type(3){bottom:8%}.graphic em:nth-of-type(4){left:0}.section,.why{padding:68px 7%}.section:nth-child(even),.why{background:#eaf2f4}.section header,.why header{max-width:850px;margin-bottom:25px}.section h2,.why h2,.bottom h2{margin:5px 0;color:#03313d;font-size:clamp(28px,4vw,44px);line-height:1.12}.cards,.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article,.whygrid article{padding:21px;border:1px solid #d9e5e8;border-radius:15px;background:#fff;box-shadow:0 5px 18px #03313d0a;border-top:3px solid #ed7e23}.cards h3,.whygrid h3{margin:0 0 7px;color:#03313d}.cards p,.whygrid p{margin:0;color:#667d85}.whygrid{grid-template-columns:repeat(5,1fr)}.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.industries i{padding:18px;border-radius:12px;background:#03313d;color:#fff;font-style:normal;font-weight:900;text-align:center}.bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:55px 7%;background:#03313d;color:#fff}.bottom h2{color:#fff}.bottom p{max-width:800px;color:#c6dade}.bottom .secondary{color:#fff}footer{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:24px;background:#021f2a;color:#a9c1c8;font-size:10px}footer b{color:#fff}@media(max-width:1000px){.top nav a:not(.navcta){display:none}.hero{grid-template-columns:1fr;text-align:center}.hero p{margin-inline:auto}.actions,.chips{justify-content:center}.graphic{margin-top:40px}.cards{grid-template-columns:repeat(2,1fr)}.whygrid{grid-template-columns:repeat(2,1fr)}.industries{grid-template-columns:repeat(2,1fr)}.bottom{flex-direction:column;text-align:center}}@media(max-width:620px){.hero{padding:55px 6%}.graphic{width:260px}.section,.why{padding:50px 6%}.cards,.whygrid,.industries{grid-template-columns:1fr}.bottom{padding:45px 6%}.top{padding-inline:4%}.brand span{font-size:11px}}
/* Delta motion layer */
.reveal-block{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal-block.is-visible{opacity:1;transform:none}
.cards article,.whygrid article,.industries i{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;transition-delay:var(--delay,0ms)}
.cards article:hover,.whygrid article:hover{transform:translateY(-8px);box-shadow:0 18px 34px rgba(3,49,61,.14);border-color:rgba(237,126,35,.55)}
.industries i:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 14px 28px rgba(3,49,61,.18)}
.graphic{animation:deltaFloat 5s ease-in-out infinite}
.graphic>b{animation:deltaCore 3.2s ease-in-out infinite}
.graphic em{animation:deltaNode 3.6s ease-in-out infinite}
.graphic em:nth-of-type(2){animation-delay:.5s}.graphic em:nth-of-type(3){animation-delay:1s}.graphic em:nth-of-type(4){animation-delay:1.5s}
@keyframes deltaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes deltaCore{0%,100%{box-shadow:-10px 10px 0 rgba(237,126,35,.19),0 0 0 rgba(237,126,35,0)}50%{box-shadow:-10px 10px 0 rgba(237,126,35,.28),0 0 34px rgba(237,126,35,.18)}}
@keyframes deltaNode{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.reveal-block{opacity:1;transform:none;transition:none}.graphic,.graphic>b,.graphic em{animation:none}}
