@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#071521;--navy:#071a2d;--navy2:#0b2947;--blue:#1687f8;--cyan:#29d8df;--ice:#eef9fb;--paper:#f7f9fb;--muted:#617285;--line:#dfe7ee;--white:#fff;--radius:20px;--shadow:0 26px 70px rgba(6,28,50,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1240px,calc(100% - 64px));margin:auto}.topbar{background:#04111e;color:#a9bdce;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}.topbar .container{height:36px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.02em}.header{position:sticky;top:0;z-index:30;background:rgba(7,26,45,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}nav{height:92px;display:flex;align-items:center;gap:34px}.logo{display:block;width:285px;max-height:68px;object-fit:contain;object-position:left center;filter:none}.navlinks{margin-left:auto;display:flex;align-items:center;gap:31px;color:#d8e3ec;font-size:14px;font-weight:600}.navlinks>a:not(.btn){position:relative;padding:36px 0}.navlinks>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:27px;height:1px;background:var(--cyan);transition:.25s}.navlinks>a:not(.btn):hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:14px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(105deg,#21d9df,#4aa9ff);color:#041522;box-shadow:0 10px 30px rgba(31,202,223,.16)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.03)}.hero{position:relative;min-height:720px;padding:104px 0 90px;color:#fff;overflow:hidden;background:radial-gradient(circle at 77% 36%,rgba(24,137,248,.18),transparent 25%),radial-gradient(circle at 92% 7%,rgba(41,216,223,.10),transparent 22%),linear-gradient(118deg,#04111e 0%,#071b30 52%,#092c4d 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,black 55%,black)}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(73,211,230,.14);border-radius:50%;right:4%;top:13%;box-shadow:0 0 0 70px rgba(34,152,255,.025),0 0 0 140px rgba(34,152,255,.018)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.18fr .82fr;gap:86px;align-items:center}.eyebrow,.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:#45dce2}.hero h1,.section h2,.pagehero h1{font-family:'Manrope',sans-serif}.hero h1{font-size:clamp(58px,6.6vw,92px);line-height:.95;letter-spacing:-.065em;margin:20px 0 28px;max-width:790px}.hero p{font-size:18px;line-height:1.75;color:#bed0de;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.hero-panel{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:0 40px 100px rgba(0,0,0,.26);backdrop-filter:blur(8px)}.hero-panel:before{content:"CAPABILITIES";position:absolute;top:-28px;right:8px;font-size:10px;letter-spacing:.24em;color:#79a4c4}.hero-panel:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);top:-30px;right:118px;box-shadow:0 0 18px var(--cyan)}.metric{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:21px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.metric:last-child{border:0}.metric i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;color:#57dfe5;border:1px solid rgba(87,223,229,.25);border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.metric b{font-family:'Manrope';display:block;font-size:15px;margin-bottom:3px}.metric span{font-size:12.5px;color:#9fb5c8}.truststrip{background:#fff;border-bottom:1px solid var(--line)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);padding:21px 0}.trustgrid div{text-align:center;font-size:10px;font-weight:800;letter-spacing:.14em;color:#52677a;border-right:1px solid var(--line)}.trustgrid div:last-child{border:0}.section{padding:116px 0}.section.alt{background:linear-gradient(180deg,#f8fafc,#f3f7fa)}.section.dark{background:radial-gradient(circle at 90% 15%,rgba(33,217,223,.10),transparent 25%),linear-gradient(135deg,#04121f,#08233d);color:#fff}.section h2{font-size:clamp(38px,4.5vw,60px);line-height:1.04;letter-spacing:-.05em;margin:14px 0 18px;max-width:920px}.lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:760px}.dark .lead{color:#a9bdce}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;padding:31px;min-height:300px;transition:.3s cubic-bezier(.2,.8,.2,1)}.card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-55px;background:radial-gradient(circle,rgba(36,194,220,.11),transparent 68%);transition:.3s}.card:hover{transform:translateY(-7px);box-shadow:0 30px 65px rgba(5,31,53,.11);border-color:#bfd5e5}.card:hover:after{transform:scale(1.6)}.icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #cfe0ea;color:#0b72c9;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:48px;background:#f8fcfe}.card h3{font-family:'Manrope';margin:0 0 11px;font-size:20px;letter-spacing:-.025em}.card p{color:var(--muted);font-size:14px;line-height:1.7}.card a{display:inline-block;margin-top:10px;color:#086fc7;font-weight:700;font-size:13px}.problems{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:42px}.problem{position:relative;padding:27px 28px 27px 56px;border-radius:17px;background:#fff;border:1px solid var(--line)}.problem:before{content:"";position:absolute;left:27px;top:33px;width:10px;height:10px;border:2px solid #1ecbd5;border-radius:50%}.problem b{display:block;font-family:'Manrope';font-size:16px;margin-bottom:6px}.problem span{color:var(--muted);font-size:13.5px;line-height:1.6}.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:82px;align-items:center}.visual{min-height:520px;border-radius:28px;background:radial-gradient(circle at 75% 20%,rgba(44,219,225,.18),transparent 24%),linear-gradient(145deg,#051523,#0b3357);position:relative;overflow:hidden;padding:42px;color:#fff;box-shadow:0 35px 80px rgba(7,32,55,.16)}.visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent)}.visual:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(58,218,225,.18);border-radius:50%;right:-70px;bottom:-80px;box-shadow:0 0 0 48px rgba(58,218,225,.025),0 0 0 96px rgba(58,218,225,.015)}.visual .tag{position:relative;z-index:2;display:inline-flex;padding:8px 11px;border:1px solid rgba(67,217,226,.28);border-radius:999px;font-size:9px;letter-spacing:.16em;color:#bcecf0}.visual h3{font-family:'Manrope';font-size:40px;line-height:1.08;letter-spacing:-.045em;margin-top:225px;position:relative;z-index:2}.checklist{display:grid;gap:21px;margin-top:32px}.check{display:flex;gap:16px}.check:before{content:"";flex:0 0 28px;height:28px;border-radius:50%;background:radial-gradient(circle,#24ccd5 0 18%,transparent 20%),#e8fafb;border:1px solid #cceef0}.check b{font-family:'Manrope';font-size:15px}.check span{color:var(--muted);font-size:13.5px;line-height:1.6}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.industry{position:relative;padding:30px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);transition:.25s}.industry:before{content:"";position:absolute;left:30px;top:0;width:40px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.industry:hover{transform:translateY(-3px);background:rgba(255,255,255,.06);border-color:rgba(54,210,224,.25)}.industry b{font-family:'Manrope';font-size:16px}.industry p{color:#a9bdce;font-size:13px;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid #cfdbe4}.step{position:relative;padding:32px 30px 0 0;min-height:210px}.step:before{content:"";position:absolute;width:7px;height:7px;background:#21ccd5;border-radius:50%;top:-4px;left:0;box-shadow:0 0 0 7px #e9f9fa}.step em{display:block;font-style:normal;color:#1581d9;font-weight:800;font-size:10px;letter-spacing:.14em;margin-bottom:42px}.step h3{font-family:'Manrope';font-size:18px}.step p{font-size:13.5px;line-height:1.65;color:var(--muted)}.quote-wrap{position:relative;overflow:hidden;display:grid;grid-template-columns:.78fr 1.22fr;gap:58px;background:radial-gradient(circle at 10% 0%,rgba(35,213,221,.12),transparent 24%),linear-gradient(135deg,#04131f,#0a3153);color:#fff;border-radius:28px;padding:60px;box-shadow:0 35px 90px rgba(7,31,53,.18)}.quote-wrap:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.06);border-radius:20px;pointer-events:none}.quote-form{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:15px 16px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.97);color:#102033;outline:none;font:inherit}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#3dd9df;box-shadow:0 0 0 3px rgba(61,217,223,.12)}.quote-form textarea,.quote-form .full{grid-column:1/-1}.quote-form textarea{min-height:120px}.footer{background:#03101c;color:#9db1c2;padding:72px 0 100px;border-top:1px solid rgba(255,255,255,.06)}.footer .logo{width:310px;margin-bottom:24px}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:48px}.footer h4{color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:20px}.footer a{display:block;margin:11px 0;font-size:13px}.footer p{font-size:13px;line-height:1.65}.mobilebar{display:none}.menuBtn{display:none;margin-left:auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;padding:0}.menuBtn span{display:block;width:17px;height:1px;background:#fff;margin:5px auto}.install{position:fixed;right:20px;bottom:20px;z-index:40;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:20px;width:min(360px,calc(100vw - 40px));display:none}.install.show{display:block}.install p{font-size:13px;color:var(--muted)}.toast{position:fixed;top:110px;right:20px;background:#07182d;color:#fff;padding:14px 18px;border-radius:10px;display:none;z-index:50}.pagehero{position:relative;overflow:hidden;padding:100px 0;background:radial-gradient(circle at 82% 20%,rgba(41,216,223,.11),transparent 23%),linear-gradient(135deg,#04121f,#0a2d4d);color:#fff}.pagehero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,black)}.pagehero .container{position:relative;z-index:2}.pagehero h1{font-size:clamp(44px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:14px 0;max-width:900px}.pagehero p{color:#b6cad9}.service-list{columns:2;column-gap:30px}.service-list li{margin:9px 0}.admin-shell{min-height:100vh;background:#eef4f8;padding:30px}.admin-card{max-width:1100px;margin:auto;background:#fff;padding:30px;border-radius:18px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #e4eaf0;text-align:left;font-size:13px}
@media(max-width:960px){.container{width:min(100% - 40px,1240px)}.topbar{display:none}nav{height:80px}.logo{width:240px}.navlinks{display:none;position:absolute;left:0;right:0;top:80px;background:#061827;padding:24px 28px 30px;flex-direction:column;align-items:stretch;gap:2px;border-top:1px solid rgba(255,255,255,.08)}.navlinks.open{display:flex}.navlinks>a:not(.btn){padding:14px 0}.navlinks>a:not(.btn):after{display:none}.menuBtn{display:block}.hero{min-height:auto;padding:78px 0}.hero-grid,.why,.quote-wrap{grid-template-columns:1fr}.hero-panel{margin-top:18px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:28px}.footer-grid{grid-template-columns:1fr 1fr}.mobilebar{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:35;background:rgba(3,16,28,.96);backdrop-filter:blur(12px);padding:9px;gap:8px;border-top:1px solid rgba(255,255,255,.08)}.mobilebar a{padding:12px;text-align:center;border-radius:999px;color:#fff;font-weight:700;font-size:12px}.mobilebar a:last-child{background:linear-gradient(105deg,#1fd3db,#3c9df6);color:#03131f}.install{bottom:78px}}
@media(max-width:640px){.container{width:min(100% - 30px,1240px)}nav{height:72px}.logo{width:215px;max-height:54px}.navlinks{top:72px}.hero{padding:60px 0 54px}.hero h1{font-size:49px}.hero p{font-size:15.5px}.hero-panel{padding:8px}.metric{padding:15px 12px}.trustgrid{grid-template-columns:1fr 1fr}.trustgrid div{padding:10px 5px;border-bottom:1px solid var(--line);font-size:8.5px}.section{padding:78px 0}.section h2{font-size:39px}.cards,.problems,.industry-grid,.steps{grid-template-columns:1fr}.card{min-height:auto}.icon{margin-bottom:30px}.why{gap:40px}.visual{min-height:390px;padding:28px}.visual h3{margin-top:155px;font-size:33px}.quote-wrap{padding:32px 24px;border-radius:22px}.quote-wrap:after{display:none}.quote-form{grid-template-columns:1fr}.quote-form>*{grid-column:1!important}.footer-grid{grid-template-columns:1fr}.footer .logo{width:260px}.service-list{columns:1}.pagehero{padding:72px 0}.pagehero h1{font-size:42px}}

/* Premium refinement v4 */
.card{isolation:isolate;transform:translateZ(0);box-shadow:0 1px 0 rgba(9,37,59,.02)}
.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(37,99,235,0),rgba(45,212,191,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:.35s}
.card:hover{transform:translateY(-9px) scale(1.006);box-shadow:0 28px 70px rgba(7,34,58,.14),0 8px 24px rgba(37,99,235,.06)}
.card:hover:before{background:linear-gradient(135deg,rgba(45,212,191,.8),rgba(37,99,235,.55),rgba(45,212,191,.08))}
.card a{transition:transform .25s,color .25s}.card:hover a{transform:translateX(4px);color:#045fae}
.icon{width:54px;height:54px;border-radius:16px;margin-bottom:42px;background:linear-gradient(145deg,#fff,#f0f8fc);border:1px solid #cfe2ed;box-shadow:0 10px 25px rgba(12,84,135,.08),inset 0 1px 0 #fff;transition:.3s}
.icon svg{width:25px;height:25px;fill:none;stroke:#0875ca;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:.3s}
.card:hover .icon{transform:translateY(-3px) rotate(-2deg);background:linear-gradient(145deg,#e9fcfc,#edf5ff);box-shadow:0 14px 32px rgba(20,152,201,.16)}
.card:hover .icon svg{stroke:#0aaebd;transform:scale(1.05)}
.problem{overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s,background .3s}
.problem:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(39,205,218,.055) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease;pointer-events:none}
.problem:hover{transform:translateY(-5px);border-color:#bddce8;box-shadow:0 18px 46px rgba(8,39,64,.09);background:#fff}
.problem:hover:after{transform:translateX(120%)}
.problem:before{transition:.3s}.problem:hover:before{background:#20c9d2;box-shadow:0 0 0 6px rgba(32,201,210,.10)}
.steps{gap:0;border-top:0;position:relative;margin-top:56px}
.steps:before{content:"";position:absolute;left:18px;right:18px;top:27px;height:1px;background:linear-gradient(90deg,rgba(45,212,191,.25),rgba(37,99,235,.38),rgba(45,212,191,.25))}
.step{margin:0 8px;padding:76px 24px 30px;border:1px solid transparent;border-radius:20px;min-height:250px;transition:.32s cubic-bezier(.2,.8,.2,1);background:transparent}
.step:before{width:12px;height:12px;top:21px;left:24px;border:3px solid #f4f8fb;background:#23cbd4;box-shadow:0 0 0 1px rgba(35,203,212,.28),0 0 0 8px rgba(35,203,212,.07);z-index:2}
.step em{position:absolute;top:15px;right:22px;margin:0;font-size:11px;color:#4d88ba}
.step h3{font-size:19px;margin-top:0}.step p{font-size:14px}
.step:hover{transform:translateY(-7px);background:rgba(255,255,255,.86);border-color:#d9e7ef;box-shadow:0 22px 55px rgba(8,39,64,.09)}
.step:hover:before{background:#2563eb;box-shadow:0 0 0 1px rgba(37,99,235,.3),0 0 0 9px rgba(37,99,235,.07)}
.consent{display:flex!important;align-items:center;gap:10px;min-height:30px;color:#fff;font-size:12px!important;line-height:1.4;cursor:pointer}
.consent input[type="checkbox"]{appearance:none;-webkit-appearance:none;flex:0 0 20px;width:20px!important;height:20px;margin:0;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:5px;background:#fff;display:grid;place-content:center;box-shadow:none}
.consent input[type="checkbox"]:checked{background:linear-gradient(135deg,#22ced8,#3b9ff4);border-color:transparent}
.consent input[type="checkbox"]:checked:after{content:"✓";font-size:13px;font-weight:900;color:#061726;line-height:1}
.footer{padding-bottom:36px}.footer-bottom{margin-top:58px;padding-top:26px;border-top:1px solid rgba(157,177,194,.16);font-size:12.5px;color:#6f9bc0;letter-spacing:.005em}
@media(max-width:960px){.steps:before{display:none}.step{padding-top:54px}.step:before{top:18px}.step em{top:17px}.footer-bottom{margin-top:40px}}
@media(max-width:640px){.icon{width:50px;height:50px;border-radius:14px;margin-bottom:26px}.step{margin:0;padding:58px 22px 25px}.consent{align-items:flex-start}.consent input[type="checkbox"]{margin-top:1px}}
