:root{--navy:#10364b;--deep:#082a3e;--blue:#087aa4;--cyan:#20afcb;--mint:#16a497;--ink:#183b4e;--muted:#69808e;--line:#dbe9ee;--paper:#f7fafc;--white:#fff;--container:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #1babc8;outline-offset:4px}p,h1,h2,h3{margin:0}p{line-height:1.75}svg{display:block;max-width:100%}.container{width:min(var(--container),calc(100% - 64px));margin:auto}.skip-link{position:absolute;left:16px;top:-80px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #eaf0f3;position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.header-inner{height:91px;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-weight:850;font-size:24px;letter-spacing:-.9px;color:#13394c}.brand-icon{width:41px;height:41px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#1183b0,#0bc1cb);display:grid;place-items:center;flex:0 0 auto;box-shadow:0 9px 23px #0a93a729}.brand-icon svg{width:28px}.brand-accent{color:#0e9eb7}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#7e98a4;margin-top:1px}.header-nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:13px;font-weight:700;color:#516b77}.header-nav a:hover,.site-footer a:hover{color:#087aa4}.header-actions{display:flex;align-items:center;gap:20px}.header-caption{font-size:12px;color:#8296a0;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:10px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#0879a3;color:#fff;box-shadow:0 11px 23px #0879a31f}.button-primary:hover{background:#06678b;box-shadow:0 13px 28px #0879a338}.button-small{padding:13px 19px;font-size:13px}.button-large{padding:18px 24px;font-size:14px}.button-ghost{color:#1b5a76;background:#fff;border:1px solid #cbdfe8}.button-ghost:hover{background:#eaf8fc}.nav-toggle,.mobile-login{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f7fcfd 0%,#f1f9fb 65%,#e8f7f9 100%)}.hero-glow{position:absolute;border-radius:50%;width:660px;height:660px;background:radial-gradient(circle,#b1e6f095,transparent 67%);right:-210px;top:-120px;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;min-height:670px;padding:86px 0 90px}.hero-copy{position:relative;z-index:2}.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;background:#e4f5f6;color:#18778b;border:1px solid #c5ebef;border-radius:100px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:30px}.pill-dot{width:7px;height:7px;border-radius:50%;background:#16a798;box-shadow:0 0 0 4px #16a79819}.hero h1{font-size:clamp(37px,4.5vw,64px);font-weight:850;line-height:1.13;letter-spacing:-2.7px;color:#11394d;max-width:650px}.hero h1 span{color:#087fa5}.hero-lead{font-size:17px;max-width:550px;color:#648091;margin-top:29px;line-height:1.85}.hero-lead strong{color:#305d73;font-weight:700}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:36px}.hero-foot{display:flex;gap:10px;align-items:center;margin-top:34px;font-size:12px;color:#76949f}.hero-foot-icon{font-size:20px;color:#2fa8bc}.hero-graphic{position:relative}.graphic-frame{border-radius:22px;background:#fff;box-shadow:0 45px 95px #206c841c,0 8px 25px #26798f12;border:1px solid #dbeaf0;overflow:hidden;transform:rotate(-1deg)}.graphic-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:23px 24px;border-bottom:1px solid #e9f1f4;color:#326075;font-size:11px;font-weight:850;letter-spacing:1.2px}.top-dot,.mini-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px;background:#1ea698}.graphic-demo{font-size:9px;background:#edf5f8;border-radius:30px;padding:7px 10px;color:#73929c;letter-spacing:.5px}.hero-scheme{width:100%;height:auto;padding:9px 19px 4px}.scheme-label{fill:#597e8d;font-weight:800;font-size:12px;letter-spacing:1px}.flow-path{animation:flow 3s linear infinite}@keyframes flow{to{stroke-dashoffset:-120}}.graphic-bottom{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:17px 23px 21px;border-top:1px solid #eef4f6;font-size:11px;font-weight:700;color:#698c9a}.mini-dot{width:7px;height:7px;margin-right:6px}.mini-dot.teal{background:#23a48c}.mini-dot.blue{background:#408fc9}.mini-dot.aqua{background:#34bbd5}.floating-note{position:absolute;left:-25px;bottom:34px;display:flex;align-items:center;gap:12px;background:#fff;box-shadow:0 14px 45px #175a7424;border:1px solid #e3eef2;padding:13px 19px;border-radius:14px;transform:rotate(1deg)}.floating-bubble{width:40px;height:40px;display:grid;place-items:center;color:#078eae;background:#e4f7f9;border-radius:11px;font-size:23px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{color:#83a0ad;font-size:11px;margin-top:3px}.trust-bar{background:#113c52;color:#c6dfe7}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px 0}.trust-inner p{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#8cb4c4;white-space:nowrap}.trust-inner div{display:flex;gap:36px;align-items:center;flex-wrap:wrap;font-size:12px;font-weight:600}.trust-inner b{color:#56c9dc;margin-right:8px;font-size:11px}.section-pad{padding:105px 0}.section-kicker{color:#1197ac;font-size:11px;font-weight:850;letter-spacing:2.2px;display:block;margin-bottom:16px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:44px}.section-intro h2,.how h2,.project h2{font-size:clamp(31px,3.3vw,48px);font-weight:820;letter-spacing:-1.7px;line-height:1.18;color:#153f51}.section-intro h2 span,.how h2 span{color:#0b8eac}.section-intro>p{max-width:450px;font-size:15px;color:#748d9b}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-card{position:relative;overflow:hidden;min-height:300px;padding:28px 24px 30px;border:1px solid #e4edef;border-radius:17px;background:#fff;box-shadow:0 11px 30px #0b566006;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #0a738414}.feature-icon{width:52px;height:52px;display:grid;place-items:center;font-weight:700;font-size:27px;border-radius:14px;margin-bottom:25px}.blue-icon{background:#e5f3fe;color:#1b8bd0}.cyan-icon{background:#e1f9fb;color:#0ba3b2}.violet-icon{background:#f1ecfd;color:#7f6bca}.green-icon{background:#e5f8f0;color:#1caa7d}.card-num{font-size:9px;color:#89a1ad;font-weight:850;letter-spacing:1.8px}.feature-card h3{font-size:19px;color:#133c50;margin:11px 0 13px;letter-spacing:-.4px}.feature-card p{font-size:13px;color:#718996;line-height:1.8}.feature-decoration{position:absolute;right:16px;bottom:-34px;font-size:113px;opacity:.04;color:#0d7395;pointer-events:none}.how{background:#f4f9fa;border-block:1px solid #e7f0f2}.how-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:95px;align-items:center}.how-copy p{font-size:15px;color:#698697;max-width:450px;margin:25px 0}.text-link{display:inline-flex;gap:16px;align-items:center;font-weight:800;color:#087da5;border-bottom:2px solid #087da5;padding-bottom:8px;font-size:13px}.steps{display:grid;gap:12px}.step{display:flex;gap:19px;align-items:center;background:#fff;border:1px solid #e5eff1;border-radius:14px;padding:20px 22px;box-shadow:0 10px 25px #0a5b6506}.step-index{border:1px solid #c7ebef;background:#ebfafb;color:#1394ad;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;font-size:13px;font-weight:850;flex:0 0 auto}.step>div{flex:1}.step h3{font-size:15px;color:#20485a;margin-bottom:4px}.step p{font-size:12px;color:#7b94a0;line-height:1.6}.step-glyph{font-size:27px;color:#b0d2dc}.project-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:90px;align-items:center}.project-card{min-height:432px;background:linear-gradient(140deg,#0c405e,#073149);border-radius:22px;padding:30px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:0 25px 55px #0d587124;overflow:hidden}.project-card:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff1a;border-radius:50%;left:-130px;top:-140px;box-shadow:0 0 0 72px #ffffff06}.project-tag{position:absolute;top:28px;left:28px;color:#9bdbeb;letter-spacing:1.5px;font-size:10px;font-weight:800}.project-art{max-width:420px;position:relative;z-index:1}.project-metadata{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;letter-spacing:1.2px;color:#87c9dd;font-weight:800}.project-copy h2{max-width:510px}.project-copy p{color:#708998;font-size:14px;margin-top:22px}.project-line{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid #e4eef2;font-size:12px}.project-line:first-of-type{margin-top:25px}.project-line span{color:#8aa3af;letter-spacing:1px;font-size:10px;font-weight:800}.project-line strong{text-align:right;color:#2c5767}.cta-section{padding:20px 0 98px}.cta{border-radius:22px;padding:52px 61px;background:linear-gradient(115deg,#07506f,#087fa0 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.cta>*:not(.cta-orbit){position:relative;z-index:1}.cta-orbit{position:absolute;right:160px;top:-185px;width:490px;height:490px;border:1px solid #ffffff3b;border-radius:50%;box-shadow:0 0 0 65px #ffffff09,0 0 0 130px #ffffff08}.cta-kicker{font-size:10px;color:#83dfec;font-weight:850;letter-spacing:2px}.cta h2{font-size:clamp(25px,3vw,39px);letter-spacing:-1.4px;line-height:1.2;max-width:550px;margin:14px 0 12px}.cta p{color:#c3e5ef;font-size:13px;max-width:550px}.button-white{background:#fff;color:#12607c;padding:18px 25px;white-space:nowrap;font-size:13px;box-shadow:0 12px 25px #033a5b44}.site-footer{background:#f6fafb;border-top:1px solid #e4eef2;padding:30px 0;color:#79909e}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row .brand{font-size:19px}.footer-row .brand-icon{width:33px;height:33px;font-size:20px}.footer-row>span,.footer-row>a:last-child{font-size:12px}.footer-legal{font-size:11px;border-top:1px solid #e3eef2;margin-top:26px;padding-top:19px;text-align:center;color:#98aab4}
@media(max-width:1130px){.header-caption{display:none}.hero-grid{gap:22px}.hero h1{font-size:clamp(39px,4.4vw,58px)}.hero-lead{font-size:15px}.graphic-bottom{font-size:10px}.trust-inner div{gap:18px}.how-grid,.project-grid{gap:45px}}@media(max-width:870px){.container{width:min(var(--container),calc(100% - 40px))}.header-inner{height:72px}.header-nav{position:absolute;top:72px;left:0;right:0;background:#fff;box-shadow:0 14px 30px #102b3a17;padding:14px 24px 22px;display:none;align-items:stretch;gap:0;flex-direction:column}.header-nav.open{display:flex}.header-nav a{padding:14px;border-bottom:1px solid #ecf2f5}.mobile-login{display:block!important;color:#087da5!important}.header-actions{margin-left:auto}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:41px;height:41px;background:#edf7fa;border:1px solid #d3e8ee;border-radius:9px;padding:11px;cursor:pointer}.nav-toggle span{height:2px;width:100%;background:#18657c;border-radius:8px}.hero-grid{grid-template-columns:1fr;min-height:0;padding:78px 0 95px;gap:62px}.hero-copy{max-width:670px}.hero-graphic{width:min(600px,100%);justify-self:center}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-intro{align-items:start;flex-direction:column;gap:16px}.trust-inner{flex-direction:column;align-items:start}.how-grid,.project-grid{grid-template-columns:1fr}.project-card{min-height:360px}.cta{padding:45px;align-items:start;flex-direction:column}.section-pad{padding:75px 0}}@media(max-width:540px){.container{width:calc(100% - 32px)}.header-actions .button{display:none}.header-inner{gap:12px}.brand{font-size:21px}.brand-icon{width:35px;height:35px}.hero-grid{padding:62px 0 70px;gap:48px}.hero h1{font-size:39px;letter-spacing:-1.7px}.hero-lead{font-size:15px;margin-top:23px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .button{width:100%}.eyebrow-pill{font-size:9px;letter-spacing:.8px}.graphic-top{padding:15px;font-size:9px}.graphic-demo{font-size:8px}.graphic-bottom{gap:9px;justify-content:center;padding:14px;font-size:9px}.hero-scheme{padding:5px}.floating-note{left:7px;bottom:-28px;padding:10px 13px}.trust-inner div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:240px}.section-intro h2,.how h2,.project h2{font-size:35px}.section-pad{padding:67px 0}.step{padding:16px 13px;gap:11px}.step-glyph{display:none}.project-grid{gap:30px}.project-card{min-height:300px;padding:18px}.project-tag{top:17px;left:18px}.project-metadata{font-size:8px}.cta-section{padding:0 0 50px}.cta{padding:35px 24px}.cta .button{width:100%}.footer-row{align-items:start;flex-direction:column}.project-line{align-items:start;flex-direction:column;gap:4px}.project-line strong{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flow-path{animation:none}.button,.feature-card{transition:none}}