:root {
 --site-primary:#1257E8; --site-secondary:#071A38; --site-background:#F5F8FF;
 --site-on-primary:#FFFFFF; --site-on-secondary:#FFFFFF; --site-on-background:#0B1730;
 --site-font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 --site-font-heading:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 --site-heading-scale:1; --site-spacing-scale:1; --site-radius-scale:1; --site-decoration-opacity:1;
 --ink:#0A1732; --muted:#63718A; --line:#E0E8F5; --blue:#1262F5; --cyan:#13C7F5;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:var(--site-font-body);background:light-dark(#F5F8FF,#080F20);color:light-dark(var(--ink,#0A1732),#F2F6FF)}
#app{background-color:var(--site-background);color:var(--site-on-background);min-height:100vh;overflow:hidden;border-radius:0;position:relative}
a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}
.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(12,36,78,.08);position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.8px;font-size:21px;color:#081B3C}.brand small{display:block;font-size:9px;letter-spacing:4px;color:#1766ED;margin-top:1px}.mark{width:42px;height:42px;flex:none}.navlinks{display:flex;gap:29px;color:#465572;font-size:13px;font-weight:650}.navlinks a:hover{color:var(--blue)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:12px;background:var(--site-primary);color:white;border:1px solid var(--site-primary);font-weight:750;font-size:13px;box-shadow:0 8px 22px #1257e82b;transition:.2s}.nav-cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1257e83d}.menu{display:none;background:none;border:0;color:var(--ink);font-size:24px}
.hero{padding:88px 0 74px;position:relative}.hero:before{content:"";position:absolute;z-index:0;right:-130px;top:12px;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,#dbeaff 0,rgba(221,237,255,.55) 34%,transparent 69%);opacity:var(--site-decoration-opacity);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#1557CE;background:#E8F1FF;border:1px solid #D5E5FF;border-radius:100px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:50%;background:#1AB9E8;box-shadow:0 0 0 4px #16b9e821}.hero h1{font-size:clamp(45px,6vw,76px);letter-spacing:-.065em;line-height:.99;margin:24px 0 22px;font-weight:900;max-width:680px}.hero h1 span{background:linear-gradient(105deg,#1257E8 5%,#08B9EA 95%);color:transparent;background-clip:text}.lead{color:#5C6A84;line-height:1.8;font-size:16px;max-width:500px}.hero-actions{display:flex;gap:13px;align-items:center;margin-top:30px;flex-wrap:wrap}.btn.secondary{background:white;color:#102344;border-color:#DCE5F3;box-shadow:none}.btn.secondary:hover{border-color:#9BBDFB}.trust{display:flex;align-items:center;gap:13px;margin-top:35px;color:#62718B;font-size:12px}.avatars{display:flex;padding-left:5px}.avatars span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#D5E5FF;border:2px solid #F5F8FF;margin-left:-6px;font-size:10px;color:#16439D;font-weight:900}.trust strong{color:#172A4D}.visual{min-height:420px;position:relative;display:grid;place-items:center}.visual-card{width:min(100%,430px);aspect-ratio:.94;border-radius:28px;background:linear-gradient(145deg,#0A1A3A,#0C2D67 65%,#0A2455);padding:28px;box-shadow:0 32px 70px #092f7430;position:relative;overflow:hidden;color:white}.visual-card:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #6aafff2e;border-radius:50%;top:36px;left:35px;box-shadow:0 0 0 32px #6aafff0c,0 0 0 68px #6aafff08;opacity:var(--site-decoration-opacity)}.card-top{display:flex;justify-content:space-between;align-items:center;color:#B8D4FF;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.live{color:#68E4B3;display:flex;gap:7px;align-items:center}.live:before{content:"";width:6px;height:6px;background:#68E4B3;border-radius:50%}.peak-art{height:220px;display:grid;place-items:center;position:relative}.peak-art svg{width:84%;max-height:230px;filter:drop-shadow(0 18px 24px #0069ff35)}.code-panel{position:absolute;bottom:24px;left:24px;right:24px;background:#07142bd9;border:1px solid #83b7ff2b;border-radius:15px;padding:14px 16px;font:11px/1.8 ui-monospace,SFMono-Regular,monospace;color:#A8C8F9}.code-panel .blue{color:#55D8FF}.code-panel .green{color:#81E9B8}.float-chip{position:absolute;background:#fff;border:1px solid #e2eafa;border-radius:14px;padding:13px 16px;box-shadow:0 14px 38px #183b7420;font-size:11px;color:#5d6b83}.float-chip strong{display:block;font-size:14px;color:#10254b;margin-bottom:3px}.chip-one{top:55px;right:-5px;z-index:1}.chip-two{bottom:42px;left:-16px}.section{padding:78px 0}.section.white{background:white}.section-head{text-align:center;max-width:650px;margin:0 auto 42px}.kicker{font-size:11px;letter-spacing:2px;font-weight:850;color:#1763E7;text-transform:uppercase}.section h2{font-size:clamp(30px,4vw,45px);letter-spacing:-.045em;line-height:1.1;margin:13px 0;color:#0A1A38}.section-head p{color:#66748B;line-height:1.75;font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{border:1px solid #E3EAF5;background:#fff;border-radius:19px;padding:26px;transition:.22s;min-height:230px}.service:hover{transform:translateY(-5px);border-color:#B7D1FF;box-shadow:0 18px 38px #153e7710}.service-icon{width:45px;height:45px;border-radius:13px;background:#EAF2FF;color:#1257E8;display:grid;place-items:center;margin-bottom:22px}.service-icon svg{width:22px;height:22px}.service h3{font-size:17px;margin:0 0 10px;color:#102344}.service p{font-size:13px;line-height:1.7;color:#69778E;margin:0 0 18px}.service a{font-size:12px;font-weight:800;color:#145DE0}.service a span{font-size:17px;margin-left:5px}.split{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.process-visual{border-radius:25px;padding:30px;background:#091A39;color:white;min-height:340px;position:relative;overflow:hidden}.process-visual:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #3f8dff55;border-radius:50%;right:-120px;top:-100px;box-shadow:0 0 0 35px #3f8dff0e,0 0 0 70px #3f8dff0a}.process-label{color:#77B8FF;font-size:10px;letter-spacing:2px;font-weight:800}.process-visual h3{font-size:28px;line-height:1.15;letter-spacing:-1px;max-width:260px;margin:22px 0}.process-visual p{color:#A8B9D6;font-size:13px;line-height:1.7;max-width:260px}.steps{display:grid;gap:20px;margin-top:27px}.step{display:grid;grid-template-columns:42px 1fr;gap:14px}.step-num{width:40px;height:40px;border-radius:12px;background:#EAF2FF;color:#155CE3;display:grid;place-items:center;font-size:13px;font-weight:900}.step h4{margin:2px 0 6px;font-size:15px;color:#142747}.step p{margin:0;color:#68778F;font-size:13px;line-height:1.65}.cta-band{background:linear-gradient(115deg,#0B1B3B,#0B3679 70%,#1059C9);border-radius:25px;padding:44px 48px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;right:100px;top:-150px;width:330px;height:330px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.cta-band h2{color:white;font-size:clamp(27px,4vw,39px);letter-spacing:-1.5px;max-width:520px;margin:0 0 12px}.cta-band p{color:#C3D8FF;font-size:13px;line-height:1.7;margin:0;max-width:480px}.cta-band .btn{background:#fff;color:#124AB6;border-color:white;position:relative;z-index:1;white-space:nowrap;box-shadow:none}.footer{padding:32px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#6B7890;font-size:11px}.footer .brand{font-size:16px}.footer .mark{width:32px;height:32px}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:#145DE0}.mobile-menu{display:none}
@media(max-width:850px){.navlinks{gap:16px}.hero{padding:60px 0}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{max-width:650px}.visual{min-height:390px;max-width:520px;width:100%;margin:auto}.chip-one{right:0}.chip-two{left:0}.services{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:30px}.process-visual{min-height:270px}.cta-band{padding:35px;align-items:flex-start;flex-direction:column}.cta-band:after{right:-80px}}
@media(max-width:620px){.wrap{width:min(100% - 32px,1160px)}.nav{height:70px}.navlinks,.nav>.nav-cta{display:none}.menu{display:block}.mobile-menu{position:absolute;top:69px;left:0;right:0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 15px 30px #0b234015;z-index:5}.mobile-menu.open{display:grid;gap:15px}.mobile-menu a{font-size:14px;color:#263b5b;padding:6px}.hero{padding:49px 0 45px}.hero h1{font-size:clamp(43px,13vw,61px)}.lead{font-size:14px}.hero-actions{align-items:stretch}.hero-actions .btn{flex:1;padding:13px 12px}.visual{min-height:350px}.visual-card{padding:20px;border-radius:22px}.peak-art{height:190px}.code-panel{left:16px;right:16px;bottom:16px}.chip-one{top:54px}.chip-two{bottom:25px}.float-chip{padding:10px 12px}.section{padding:58px 0}.services{grid-template-columns:1fr}.service{min-height:0}.section-head{margin-bottom:28px}.cta-band{padding:29px 24px;border-radius:20px}.footer{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.trust{margin-top:26px}}
/* FUTURE-FORWARD BRAND SYSTEM */
:root{--site-primary:#16D9FF;--site-secondary:#050914;--site-background:#050914;--site-on-primary:#03101E;--site-on-secondary:#F3F7FF;--site-on-background:#F3F7FF;--ink:#F3F7FF;--muted:#91A2C1;--line:#1C2941;--blue:#397BFF;--cyan:#16D9FF}
#app{background:#050914;color:#F3F7FF}
.nav{border-bottom-color:#ffffff12}
.brand{color:#F4F8FF}.brand small{color:#16D9FF}
.navlinks{color:#A3B1CB}.navlinks a:hover{color:#16D9FF}
.nav-cta,.btn{background:linear-gradient(110deg,#16D9FF,#70E9FF);color:#04101F;border-color:#16D9FF;box-shadow:0 0 28px #16d9ff25}
.nav-cta:hover,.btn:hover{box-shadow:0 0 34px #16d9ff48}
.hero{padding:100px 0 86px;background:radial-gradient(ellipse at 78% 35%,#10346a66 0,transparent 38%),linear-gradient(180deg,#050914,#070D1D)}
.hero:before{right:4%;top:2%;width:560px;height:560px;background:radial-gradient(circle,#086bff24 0,rgba(13,204,255,.08) 30%,transparent 68%);border:1px solid #4aa5ff0d;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:38px}
.eyebrow{color:#7DEBFF;background:#0b1d35;border-color:#1c5b7a}
.hero h1{font-size:clamp(48px,6.3vw,82px);color:#F4F8FF;letter-spacing:-.07em}
.hero h1 span{background:linear-gradient(105deg,#16D9FF 0%,#4383FF 55%,#9D8CFF 100%);color:transparent;background-clip:text}
.lead{color:#A0AEC8}
.btn.secondary{background:#0B1426;color:#EAF3FF;border-color:#263852}.btn.secondary:hover{border-color:#16D9FF}
.trust{color:#8798B5}.trust strong{color:#E9F4FF}.avatars span{background:#10294B;border-color:#07101F;color:#7BEAFF}
.visual-card{background:linear-gradient(145deg,#07101F,#0A2147 65%,#101B43);border:1px solid #4aa5ff40;box-shadow:0 32px 90px #006dff20,inset 0 0 50px #1c78ff0a}
.float-chip{background:#0B1629;border-color:#233958;color:#A3B4D0}.float-chip strong{color:#EAF5FF}
.section{background:#070D1A}.section.white{background:#090F1D}
.section h2{color:#F0F6FF}.section-head p{color:#95A5C0}.kicker{color:#16D9FF}
.service{border-color:#1B2B45;background:linear-gradient(145deg,#0B1425,#09101D)}
.service:hover{border-color:#197ba5;box-shadow:0 18px 45px #008dff15}
.service-icon,.step-num{background:#0B2941;color:#4BE3FF;border:1px solid #1a5971}
.service h3,.step h4{color:#EDF5FF}.service p,.step p{color:#95A5C0}.service a{color:#55DFFF}
.process-visual{background:linear-gradient(145deg,#07101F,#0A2147);border:1px solid #1D4770}
.section:not(.white) .split>div>p{color:#95A5C0!important}
.cta-band{background:radial-gradient(ellipse at 85% 20%,#1269d866,transparent 38%),linear-gradient(115deg,#07101F,#0B2450 70%,#0C3D81);border:1px solid #23517c}
.footer{color:#8798B5}.footer .brand{color:#F4F8FF}
.mobile-menu{background:#0B1425;border-color:#263852}.mobile-menu a{color:#D6E4FC}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero{padding:65px 0 58px}}
@media(max-width:620px){.hero{padding:49px 0 45px}.hero h1{font-size:clamp(43px,13vw,61px)}.section{padding:58px 0}}
/* MOTION, DEPTH AND INTERACTIVE FUTURE DETAILS */
body{background:#050914}
#app{background:#050914;isolation:isolate}
.nav{backdrop-filter:blur(18px)}
.hero{isolation:isolate;overflow:hidden}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#6cbcff0b 1px,transparent 1px),linear-gradient(90deg,#6cbcff0b 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 88%);animation:grid-drift 24s linear infinite}
.hero:before{animation:orb-pulse 7s ease-in-out infinite alternate}
.eyebrow{box-shadow:0 0 28px #16d9ff0d;animation:fade-up .7s both}
.hero h1{animation:fade-up .8s .08s both}
.lead{animation:fade-up .8s .16s both}
.hero-actions{animation:fade-up .8s .24s both}
.visual-card{transform-style:preserve-3d;animation:card-float 7s ease-in-out infinite;will-change:transform}
.visual-card:after{content:"";position:absolute;inset:-60% -100%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#8beeff0b 49%,#8beeff24 50%,#8beeff0b 51%,transparent 57%);transform:translateX(-55%);animation:scan-sheen 8s ease-in-out infinite}
.peak-art{perspective:800px}
.peak-art svg{transform-origin:50% 60%;animation:peak-hover 6s ease-in-out infinite;filter:drop-shadow(0 0 22px #087bff42)}
.peak-art:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #36dfff2a;border-radius:50%;box-shadow:0 0 0 22px #36dfff08,0 0 45px #007bff20;animation:ring-spin 18s linear infinite}
.peak-art:after{content:"✦";position:absolute;top:23px;right:28px;color:#7cecff;font-size:13px;text-shadow:0 0 15px #16d9ff;animation:twinkle 2.8s ease-in-out infinite}
.code-panel{box-shadow:0 0 30px #007bff10;backdrop-filter:blur(12px)}
.code-panel:after{content:"";display:inline-block;width:6px;height:12px;background:#16d9ff;margin-left:4px;vertical-align:-2px;animation:cursor-blink 1s steps(2) infinite}
.float-chip{backdrop-filter:blur(16px);box-shadow:0 12px 42px #0005,0 0 20px #16d9ff0b;animation:chip-float 5s ease-in-out infinite}
.chip-two{animation-delay:-2.2s}
.service{position:relative;overflow:hidden}
.service:after{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#16d9ff,transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.service:hover:after{transform:scaleX(1)}
.service-icon{transition:transform .3s,box-shadow .3s}
.service:hover .service-icon{transform:translateY(-3px) rotate(-4deg);box-shadow:0 0 24px #16d9ff16}
.process-visual:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#6cbcff0b 1px,transparent 1px),linear-gradient(90deg,#6cbcff0b 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(135deg,black,transparent 75%)}
.process-visual svg path:first-child{stroke-dasharray:420;stroke-dashoffset:420;animation:draw-line 2.4s .3s ease-out forwards}
.cta-band{box-shadow:0 24px 75px #006dff10}
@keyframes grid-drift{to{background-position:46px 46px}}
@keyframes orb-pulse{from{transform:scale(.94);opacity:.65}to{transform:scale(1.05);opacity:1}}
@keyframes card-float{0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}50%{transform:translateY(-9px) rotateX(1deg) rotateY(-1deg)}}
@keyframes scan-sheen{0%,35%{transform:translateX(-55%)}70%,100%{transform:translateX(55%)}}
@keyframes peak-hover{0%,100%{transform:translateY(0) rotateY(-3deg)}50%{transform:translateY(-7px) rotateY(3deg)}}
@keyframes ring-spin{to{transform:rotate(360deg)}}
@keyframes twinkle{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes cursor-blink{50%{opacity:0}}
@keyframes chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes draw-line{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:620px){.hero:after{background-size:32px 32px}.peak-art:before{width:175px;height:175px}.visual-card{animation:none}.float-chip{animation:none}}

/* FUTURISTIC NAV + TESTIMONIALS + CONTACT FORM */
.nav{position:sticky;top:0;height:82px;padding:0 18px;margin-top:0;border:1px solid #ffffff16;border-top:0;border-radius:0 0 20px 20px;background:rgba(5,9,20,.78);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 14px 44px #0003;z-index:20}
.nav:before{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#16D9FF88,#397BFF88,transparent);pointer-events:none}
.brand{position:relative;z-index:1}
.navlinks{align-items:center;gap:5px;padding:6px;border:1px solid #ffffff0d;border-radius:999px;background:#ffffff05}
.navlinks a{padding:11px 13px;border-radius:999px;transition:background .22s,color .22s,box-shadow .22s;white-space:nowrap}
.navlinks a:hover,.navlinks a:focus-visible{background:#16d9ff12;color:#69eaff;box-shadow:inset 0 0 0 1px #16d9ff35;outline:none}
.nav-cta{border-radius:999px;padding:13px 18px;white-space:nowrap;box-shadow:0 0 0 4px #16d9ff0b,0 0 25px #16d9ff20}
.nav-cta span{font-size:16px;transition:transform .2s}.nav-cta:hover span{transform:translate(3px,-2px)}
.menu{border:1px solid #23415d;border-radius:12px;padding:8px 12px;background:#0b1a2d;color:#8beeff}
#testimonials{background:radial-gradient(ellipse at 50% 0,#10244866,transparent 55%),#050914}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial-card{position:relative;overflow:hidden;padding:27px;border:1px solid #203451;border-radius:20px;background:linear-gradient(145deg,#0c172a,#080f1c);transition:transform .25s,border-color .25s,box-shadow .25s}
.testimonial-card:hover{transform:translateY(-5px);border-color:#16d9ff66;box-shadow:0 18px 42px #008dff12}
.testimonial-card:before{content:"“";position:absolute;right:18px;top:2px;font-size:82px;line-height:1;color:#16d9ff18;font-weight:900}
.stars{color:#16d9ff;letter-spacing:3px;font-size:14px;margin-bottom:16px}
.testimonial-card blockquote{margin:0 0 22px;color:#c4d1e7;font-size:14px;line-height:1.8;position:relative}
.reviewer{display:flex;align-items:center;gap:12px}
.reviewer-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#123e66,#123044);border:1px solid #2c7891;color:#7deaff;font-weight:850}
.reviewer strong{display:block;color:#f1f7ff;font-size:13px}.reviewer span{display:block;color:#8b9bb7;font-size:11px;margin-top:4px}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch}
.contact-aside{border:1px solid #1f3d5c;border-radius:22px;padding:30px;background:radial-gradient(ellipse at 90% 0,#0b5b8b35,transparent 50%),linear-gradient(145deg,#0b1830,#070d19)}
.contact-aside h3{font-size:28px;letter-spacing:-1px;line-height:1.15;color:#f1f7ff;margin:18px 0 12px}
.contact-aside p{font-size:13px;line-height:1.8;color:#a2b2cc}
.contact-point{display:flex;gap:11px;align-items:center;margin-top:22px;color:#dceaff;font-size:13px}.contact-point b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0b2941;border:1px solid #1a5971;color:#55dfff}
.contact-form{border:1px solid #203451;border-radius:22px;padding:28px;background:linear-gradient(145deg,#0c172a,#080f1c)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-field{display:grid;gap:8px;margin-bottom:15px}
.form-field label{font-size:12px;font-weight:750;color:#c9d8ef}
.form-field input,.form-field select,.form-field textarea{width:100%;font:inherit;font-size:13px;color:#eff7ff;background:#070e1b;border:1px solid #263a56;border-radius:11px;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#16d9ff;box-shadow:0 0 0 3px #16d9ff14}
.form-field input::placeholder,.form-field textarea::placeholder{color:#657895}
.form-field select option{background:#070e1b}.form-field textarea{resize:vertical;min-height:120px}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:5px}
.form-actions .btn{border-radius:12px;flex:1;min-width:170px}
.form-actions .btn.whatsapp{background:linear-gradient(110deg,#6cf0b0,#b1ffd7);border-color:#6cf0b0;color:#05251b;box-shadow:0 0 24px #49e99b1c}
.form-note{font-size:11px;line-height:1.6;color:#8294b1;margin:13px 0 0}
@media(max-width:850px){.nav{padding:0 12px}.navlinks{gap:0}.navlinks a{padding:10px 8px;font-size:12px}.testimonial-grid{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}}
@media(max-width:620px){.nav{position:sticky;height:70px;border-radius:0 0 15px 15px;padding:0 8px}.navlinks,.nav>.nav-cta{display:none}.mobile-menu{top:69px;backdrop-filter:blur(20px);border-radius:0 0 16px 16px}.testimonial-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.contact-form,.contact-aside{padding:22px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}


/* NAV-ONLY PATCH: fixed glass navigation; preserve existing sections and scripts */
#app{padding-top:82px}
header.wrap.nav{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(1160px,calc(100% - 44px));
  margin:0;
  z-index:1000;
  isolation:isolate;
}
/* Keep anchor targets visible below the fixed header */
#home,#services,#approach,#testimonials,#about,#contact{scroll-margin-top:100px}
@media(max-width:620px){
  #app{padding-top:70px}
  header.wrap.nav{width:calc(100% - 32px);height:70px}
  .mobile-menu{top:69px;z-index:1001}
  #home,#services,#approach,#testimonials,#about,#contact{scroll-margin-top:84px}
}