*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5fbff;color:#102033;line-height:1.6;overflow-x:hidden}.site-header{position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 7%;background:rgba(245,251,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(31,110,170,.12)}.logo{font-size:24px;font-weight:900;color:#0b3558;text-decoration:none}.logo span{color:#0ea5e9}nav{display:flex;gap:26px}nav a{color:#24445f;text-decoration:none;font-weight:700}.header-call,.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:999px;text-decoration:none;font-weight:900;transition:.25s ease}.header-call,.primary{background:#0ea5e9;color:white;box-shadow:0 16px 30px rgba(14,165,233,.28)}.header-call:hover,.primary:hover{transform:translateY(-3px);background:#0284c7}.ghost{border:1px solid rgba(14,165,233,.35);color:#0b5d8e;background:white}.ghost.light{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35)}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:150px 7% 90px;background:radial-gradient(circle at 20% 20%,#c8f1ff 0,#f5fbff 34%,#eef9ff 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,#7dd3fc,transparent,#bae6fd,transparent);animation:spin 16s linear infinite;opacity:.18}.water-orb{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(14,165,233,.26),rgba(3,105,161,.08));filter:blur(2px);animation:float 6s ease-in-out infinite}.orb-one{width:220px;height:220px;right:12%;top:18%}.orb-two{width:120px;height:120px;left:8%;bottom:16%;animation-delay:1.2s}.orb-three{width:80px;height:80px;right:42%;bottom:28%;animation-delay:2.1s}.hero-content,.hero-card{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#0ea5e9;font-size:13px;font-weight:900;margin:0 0 12px}.hero h1{font-size:clamp(44px,7vw,82px);line-height:.95;margin:0 0 24px;color:#082f49;letter-spacing:-.05em}.hero-text{font-size:20px;color:#35516b;max-width:680px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.hero-actions.center{justify-content:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.stats div{background:rgba(255,255,255,.72);border:1px solid rgba(14,165,233,.15);border-radius:22px;padding:18px;box-shadow:0 18px 40px rgba(8,47,73,.08)}.stats strong{display:block;font-size:25px;color:#0284c7}.stats span{font-size:13px;color:#526a7f;font-weight:800}.hero-card{background:linear-gradient(180deg,#fff,rgba(255,255,255,.82));border:1px solid rgba(14,165,233,.18);border-radius:36px;padding:36px;box-shadow:0 30px 80px rgba(8,47,73,.16);animation:bob 5s ease-in-out infinite}.pipe-icon{width:86px;height:86px;border-radius:28px;background:#e0f7ff;display:grid;place-items:center;font-size:42px;margin-bottom:20px}.hero-card h2{font-size:32px;line-height:1.05;margin:0 0 12px;color:#0b3558}.hero-card ul{padding-left:20px;color:#35516b}.section{padding:105px 7%}.section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.section-heading h2,.split-section h2,.cta h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:0;color:#0b3558;letter-spacing:-.04em}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card,.process-card{background:white;border-radius:28px;padding:28px;border:1px solid rgba(14,165,233,.13);box-shadow:0 18px 42px rgba(8,47,73,.07);transition:.25s ease}.service-card:hover,.process-card:hover{transform:translateY(-8px);box-shadow:0 28px 55px rgba(14,165,233,.16)}.service-card span{font-size:38px}.service-card h3,.process-card h3{font-size:22px;margin:15px 0 8px;color:#0b3558}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding:105px 7%;background:#eaf8ff}.split-section p{color:#35516b;font-size:18px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:160px;gap:18px}.gallery-card{border-radius:28px;display:flex;align-items:end;padding:24px;color:white;font-weight:900;font-size:22px;background:linear-gradient(135deg,rgba(3,105,161,.95),rgba(14,165,233,.72)),radial-gradient(circle at 20% 20%,#fff,transparent 30%);box-shadow:0 24px 50px rgba(8,47,73,.18);position:relative;overflow:hidden}.gallery-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.18);right:-30px;top:-30px}.large{grid-row:span 2}.wide{grid-column:span 2}.dark{background:#082f49;color:white}.dark h2,.dark h3{color:white}.dark .eyebrow{color:#7dd3fc}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}.process-card b{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#0ea5e9;color:#fff}.process-card p{color:#d8eefb}.cta{margin:100px 7%;border-radius:42px;text-align:center;padding:80px 30px;background:linear-gradient(135deg,#075985,#0ea5e9);color:white;box-shadow:0 30px 80px rgba(14,165,233,.28)}.cta h2{color:white}.cta p{max-width:680px;margin:18px auto;color:#dff6ff}footer{text-align:center;padding:36px;color:#526a7f}.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s ease}.reveal.active{opacity:1;transform:translateY(0)}.delay{transition-delay:.18s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.05)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:900px){nav{display:none}.hero,.split-section{grid-template-columns:1fr}.service-grid,.process-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.hero{padding-top:125px}.hero-card{animation:none}}@media(max-width:600px){.site-header{padding:15px 5%}.header-call{display:none}.hero,.section,.split-section{padding-left:5%;padding-right:5%}.service-grid,.process-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.large,.wide{grid-column:auto;grid-row:auto}.hero-actions{flex-direction:column}.btn{width:100%}}