@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";html{background:#050b15}body{min-width:320px}button,input{font:inherit}:root{--bg:#050b15;--bg2:#07111e;--panel:#0a1524;--line:#6e9ac924;--text:#f3f7fb;--muted:#8c9bad;--cyan:#11bff2;--blue:#1688ff;--gradient:linear-gradient(100deg,#0bc8f1,#1787ff)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{background:var(--bg);color:var(--text);margin:0;font-family:Space Grotesk,sans-serif}.app-shell{overflow:hidden}.container{width:min(1160px,100% - 40px);margin:auto}.grid-bg{background-image:linear-gradient(#305e8314 1px,#0000 1px),linear-gradient(90deg,#305e8314 1px,#0000 1px);background-size:60px 60px}.header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050b15c7;align-items:center;height:72px;padding:0 max(24px,50vw - 600px);display:flex;position:fixed;inset:0 0 auto}.brand{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand img{object-fit:cover;background:#fff;width:34px;height:34px}.brand>span>span,.section-head h2 span,.benefits-intro h2 span,.contact-copy h2 span{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{gap:38px;margin:auto;display:flex}.nav a{color:#8d9aac;font-size:14px;text-decoration:none;transition:all .2s}.nav a:hover{color:#fff}.primary,.secondary{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font:600 14px inherit;text-decoration:none;transition:all .25s;display:inline-flex}.primary{background:var(--gradient);color:#00111d;box-shadow:0 0 25px #11bff21f}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #11bff242}.secondary{color:#eaf4fc;background:#071422b3;border:1px solid #24435e}.secondary:hover{border-color:var(--cyan)}.header-cta{padding:10px 22px}.menu-button{color:#fff;background:0 0;border:0;display:none}.hero{align-items:center;min-height:100vh;padding:145px 0 110px;display:flex;position:relative}.hero-grid{z-index:2;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;display:grid;position:relative}.eyebrow{color:#23c6f5;text-transform:uppercase;letter-spacing:1.4px;background:#0fb9ef12;border:1px solid #0fb9ef45;border-radius:30px;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 12px;font-size:11px;font-weight:600;display:flex}.hero h1{letter-spacing:-4px;margin:25px 0;font-size:clamp(54px,6vw,82px);line-height:.98}.hero h1 span{color:#14baf3;text-shadow:0 0 34px #11bff240}.hero-copy>p{color:var(--muted);max-width:610px;font-size:17px;line-height:1.75}.hero-actions{gap:12px;margin:31px 0 42px;display:flex}.hero-stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.hero-stats div{border-left:1px solid #1b4d6a;flex-direction:column;padding-left:15px;display:flex}.hero-stats strong{color:#e9f9ff;font-size:18px}.hero-stats span{color:#738399;margin-top:5px;font-size:10px;line-height:1.45}.hero-visual{position:relative}.hero-visual>img{filter:drop-shadow(0 20px 55px #00a4ff24);width:100%;animation:6s ease-in-out infinite float;position:relative}.image-glow{filter:blur(90px);opacity:.23;background:#007bff;position:absolute;inset:15%}.floating-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#93a4b5;background:#081422e6;border:1px solid #57a1d63d;border-radius:9px;align-items:center;gap:11px;padding:12px 15px;font-size:10px;display:flex;position:absolute;box-shadow:0 16px 40px #00000059}.floating-card svg{color:#18c6f6}.floating-card span{flex-direction:column;display:flex}.floating-card strong{color:#fff;margin-top:3px;font-size:17px}.saving{top:17%;left:-28px}.speed{bottom:10%;right:-12px}.orb{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.orb-one{opacity:.15;background:#006b8b;width:350px;height:350px;top:10%;left:10%}.orb-two{opacity:.16;background:#003f91;width:300px;height:300px;bottom:10%;right:5%}.orb-three{opacity:.14;background:#007a9a;width:420px;height:420px;top:10%;left:10%}.explore{color:#738399;text-transform:uppercase;letter-spacing:2px;flex-direction:column;align-items:center;gap:7px;font-size:9px;text-decoration:none;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.explore span{color:#13bdf2;font-size:18px}.metric-strip{border-block:1px solid var(--line);background:#07111c}.metrics{grid-template-columns:repeat(4,1fr);padding:29px 0;display:grid}.metrics div{border-right:1px solid var(--line);align-items:center;gap:18px;padding:0 26px;display:flex}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{white-space:nowrap;color:#19c1f2;font-size:21px}.metrics span{color:#738399;font-size:11px;line-height:1.45}.section{padding:115px 0;position:relative}.section-head{text-align:center;flex-direction:column;align-items:center;max-width:760px;margin:0 auto 57px;display:flex}.section-head h2,.benefits-intro h2,.contact-copy h2{letter-spacing:-2px;margin:20px 0;font-size:clamp(36px,4.2vw,53px);line-height:1.08}.section-head p,.benefits-intro>p,.contact-copy>p{color:var(--muted);max-width:650px;font-size:15px;line-height:1.75}.card-grid{display:grid}.services-grid{grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid var(--line);background:linear-gradient(145deg,#0b1929de,#060e19bf);border-radius:10px;padding:28px;transition:all .3s}.service-card:hover{border-color:#19c0f261;transform:translateY(-6px);box-shadow:0 16px 44px #00000038}.icon-box{color:#1cc4f1;background:linear-gradient(135deg,#0ebdf138,#1885ff14);border-radius:7px;place-items:center;width:48px;height:48px;margin-bottom:22px;display:grid}.tag{color:#18bde9;text-transform:uppercase;letter-spacing:1.4px;font-size:9px}.service-card h3,.process-card h3,.benefit-list h3{margin:11px 0;font-size:18px}.service-card p,.process-card p,.benefit-list p{color:#8291a4;font-size:12px;line-height:1.7}.learn{color:#13bff0;align-items:center;gap:2px;margin-top:21px;font-size:11px;display:flex}.process-section,.cases-section{background:#07101c}.process-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:950px;margin:auto;display:grid;position:relative}.process-card{border:1px solid var(--line);background:#091523;border-radius:10px;gap:22px;padding:28px;display:flex}.step{color:#1cc4f2;background:#11bff212;border:1px solid #11bff25c;border-radius:50%;flex:0 0 49px;place-items:center;height:49px;font-weight:700;display:grid}.process-card h3{margin-top:2px}.benefits-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:85px;display:grid}.benefits-intro h2{margin-bottom:25px}.mini-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px;display:grid}.mini-metrics div{padding-right:10px}.mini-metrics strong{color:#16c2f1;font-size:19px;display:block}.mini-metrics span{color:#708095;margin-top:5px;font-size:9px;line-height:1.45;display:block}.benefit-list{gap:12px;display:grid}.benefit-list article{border:1px solid var(--line);background:#091625bf;border-radius:9px;gap:18px;padding:18px;display:flex}.benefit-icon{color:#19c3f0;background:#0ebaeb1a;border-radius:7px;flex:0 0 42px;place-items:center;height:42px;display:grid}.benefit-icon svg{width:20px}.benefit-list h3{margin:0 0 5px}.benefit-list p{margin:0}.case-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.case-card{border:1px solid var(--line);background:#091522;border-radius:10px;flex-direction:column;min-height:290px;padding:30px;display:flex;position:relative}.quote{color:#18bee7;opacity:.45;font:700 56px/.7 Georgia}.case-card>p{color:#a0aebe;flex:1;font-size:12px;font-style:italic;line-height:1.75}.case-person{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:18px;display:flex}.case-person>span{background:var(--gradient);color:#00111d;border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.case-person div{flex-direction:column;display:flex}.case-person strong{font-size:11px}.case-person small{color:#67778b;margin-top:4px;font-size:9px}.contact-section{padding-bottom:130px}.contact-grid{grid-template-columns:1fr 460px;align-items:center;gap:100px;display:grid;position:relative}.contact-details{gap:16px;margin-top:34px;display:grid}.contact-details a,.contact-details span{color:#bdc9d5;align-items:center;gap:13px;font-size:13px;text-decoration:none;display:flex}.contact-details svg{color:#13bff0;width:18px}.contact-form{background:linear-gradient(145deg,#0b1929,#07111d);border:1px solid #3f78a345;border-radius:12px;padding:34px;box-shadow:0 30px 80px #00000052}.contact-form h3{margin:0 0 8px;font-size:22px}.contact-form>p{color:#8291a3;margin:0 0 25px;font-size:11px}.contact-form label{color:#aebbc8;margin:0 0 17px;font-size:11px;display:block}.contact-form input{color:#fff;background:#07111c;border:1px solid #1d3449;border-radius:6px;outline:none;width:100%;margin-top:8px;padding:12px 13px;font:12px inherit}.contact-form input:focus{border-color:#12bce9;box-shadow:0 0 0 3px #12bce917}.form-submit{width:100%;margin-top:4px}.contact-form>small{color:#596a7d;text-align:center;margin-top:14px;font-size:9px;display:block}.form-message{border-radius:5px;margin-top:12px;padding:10px;font-size:11px}.form-message.success{color:#73e8c2;background:#26ca911a}.form-message.error{color:#ff9f9f;background:#ff46461a}footer{border-top:1px solid var(--line);background:#040a12;padding:70px 0 0}.footer-grid{grid-template-columns:2.2fr 1fr 1fr 1fr;gap:60px;display:grid}.footer-brand p{color:#718095;max-width:360px;margin:20px 0;font-size:11px;line-height:1.7}.socials{gap:8px;display:flex}.socials button{border:1px solid var(--line);color:#718095;background:#08121e;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.socials svg{width:14px}.footer-col{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-col h4{margin:0 0 6px;font-size:12px}.footer-col button{color:#708095;cursor:default;background:0 0;border:0;padding:0;font:10px inherit}.footer-bottom{border-top:1px solid var(--line);color:#566477;justify-content:space-between;margin-top:50px;padding:22px 0;font-size:9px;display:flex}.reveal{animation:.75s both rise}.delay{animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-9px)}}@media (width<=900px){.nav{border-bottom:1px solid var(--line);background:#07111d;flex-direction:column;gap:0;padding:12px 20px;display:none;position:absolute;top:72px;left:0;right:0}.nav.open{display:flex}.nav a{padding:14px}.header-cta{display:none}.menu-button{margin-left:auto;display:block}.hero{padding-top:120px}.hero-grid,.benefits-layout,.contact-grid{grid-template-columns:1fr}.hero-visual{max-width:650px;margin:10px auto 0}.metrics{grid-template-columns:repeat(2,1fr);gap:24px}.metrics div:nth-child(2){border:0}.services-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.benefits-layout,.contact-grid{gap:55px}.contact-form{width:100%;max-width:560px;margin:auto}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:25px}}@media (width<=600px){.container{width:min(100% - 28px,1160px)}.header{padding:0 16px}.hero{padding:115px 0 90px}.hero h1{letter-spacing:-3px;font-size:52px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{gap:9px}.hero-stats div{padding-left:9px}.hero-visual{margin-top:30px}.floating-card{transform:scale(.78)}.saving{left:-25px}.speed{right:-20px}.metrics{grid-template-columns:1fr 1fr;padding:25px 0}.metrics div{padding:0 10px;display:block}.metrics div:first-child{padding-left:10px}.metrics strong{font-size:17px;display:block}.section{padding:82px 0}.section-head{margin-bottom:38px}.section-head h2,.benefits-intro h2,.contact-copy h2{font-size:36px}.section-head h2 br{display:none}.services-grid,.process-grid,.case-grid{grid-template-columns:1fr}.service-card{padding:23px}.process-card{gap:15px;padding:23px}.mini-metrics{gap:4px}.benefit-list article{padding:15px}.contact-form{padding:24px 19px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:20px}.explore{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
