/* GRAVITY – contact page styles */
:root{--ink:#050d1f;--navy:#0a1a3a;--cyan:#4de3f0;--blue:#4a7dff;--paper:#eef3fb;--mut:#8a9bbd;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;margin:0}
body{background:var(--ink);color:#fff;font-family:Sora,system-ui,sans-serif;font-weight:300;overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2{font-weight:200;letter-spacing:-.04em;line-height:1.05}h2{font-size:clamp(32px,4.4vw,56px)}
.lab{font-size:12px;color:var(--cyan);margin-bottom:22px;display:flex;gap:10px;align-items:center}
.lab:before{content:"";width:6px;height:6px;border-radius:50%;background:#ec008c;box-shadow:0 0 14px #ec008c}
.sec{padding:130px 0;position:relative}
.light{background:var(--paper);color:var(--navy);background-image:radial-gradient(#0a1a3a1f 1.2px,transparent 1.6px);background-size:16px 16px}.light .lab{color:var(--blue)}
.mut{color:var(--mut)}.light .mut{color:#55688d}
.btn{display:inline-flex;gap:14px;align-items:center;background:var(--cyan);color:var(--ink);padding:15px 28px;font-size:14px;font-weight:600;transition:box-shadow .3s,transform .2s ease-out}
.btn:hover{box-shadow:0 10px 44px #4de3f066}.ghost{background:none;color:#fff;border:1px solid #ffffff3a}.light .ghost{color:var(--navy);border-color:#0a1a3a3a}
.row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;transition:background .3s}
nav.s{background:#050d1fd9;backdrop-filter:blur(14px)}
nav .wrap{display:flex;justify-content:space-between;align-items:center;height:72px}
nav ul{display:flex;gap:34px;list-style:none;padding:0;font-size:13px}nav ul a{opacity:.65;transition:opacity .2s;padding:6px 0}nav ul a:hover,nav ul a.on{opacity:1}nav ul a.on{border-bottom:2px solid var(--cyan)}
.logo{font-weight:600;letter-spacing:.2em;font-size:15px;display:flex;gap:10px;align-items:center}
#bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,#00b7eb 25%,#ec008c 25% 50%,#ffed00 50% 75%,#fff 75%);transform-origin:0 50%;transform:scaleX(0)}
.hero{min-height:100vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 72% 38%,#12357a 0,var(--ink) 62%)}
.hg{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding-top:80px;width:100%}
.hero p{max-width:440px;margin:28px 0 38px;color:#b9c6e0}
.hm{position:relative;aspect-ratio:4/3.4;border:1px solid #ffffff14;background:radial-gradient(circle at 50% 45%,#12357a66,#06142e);overflow:hidden}
.hm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hm:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#050d1f80 0,transparent 28%,transparent 40%,#050d1ff0 100%)}
.fl{position:absolute;z-index:3;padding:10px 16px;background:#050d1fd9;border:1px solid #4de3f055;backdrop-filter:blur(8px);font-size:13px}.fl b{color:var(--cyan);font-weight:600;font-size:15px}
.hq{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hq a{padding:12px 14px;background:#050d1fe6;border-top:3px solid #ffffff44;font-size:13px;transition:border-color .3s,transform .3s}.hq a:hover{border-color:var(--cyan);transform:translateY(-3px)}.hq small{display:block;color:var(--mut);font-size:11px}
.marq{overflow:hidden;border-block:1px solid #ffffff14;padding:26px 0}
.track{display:flex;gap:70px;width:max-content;animation:mq 34s linear infinite;color:#5d6f95;font-size:20px;letter-spacing:.12em}.track:hover{animation-play-state:paused}@keyframes mq{to{transform:translateX(-50%)}}
.track span:nth-child(4n+1){color:#00b7eb}.track span:nth-child(4n+2){color:#ec008c}.track span:nth-child(4n+3){color:#ffd400}
/* contact form */
.cg{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start;margin-top:10px}
.ci{display:grid;gap:14px;margin-top:34px}
.ci a,.ci div.k{display:block;padding:20px 22px;background:#fff;border-left:3px solid var(--blue);transition:transform .3s,box-shadow .3s}
.ci a:hover{transform:translateX(6px);box-shadow:0 16px 40px #0a1a3a1a}
.ci small{display:block;font-size:11px;color:#55688d;letter-spacing:.08em}.ci strong{font-weight:400;font-size:18px;color:var(--navy)}
.fm{background:#fff;color:var(--navy);padding:44px;box-shadow:0 30px 80px #0a1a3a26}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fd{display:flex;flex-direction:column;gap:8px}.fd.w{grid-column:1/-1}
.fd label{font-size:12px;color:#55688d;letter-spacing:.04em}
.fd input,.fd select,.fd textarea{font:inherit;font-size:15px;font-weight:300;color:var(--navy);background:var(--paper);border:1px solid #0a1a3a22;padding:14px 16px;width:100%;transition:border-color .25s,box-shadow .25s;border-radius:0}
.fd textarea{min-height:140px;resize:vertical}
.fd input:focus,.fd select:focus,.fd textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #4a7dff22}
.fd.bad input,.fd.bad select,.fd.bad textarea{border-color:#ec008c}
.er{color:#c4006f;font-size:12px;min-height:1em}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chips button{padding:9px 16px;font-size:13px;border:1px solid #0a1a3a33;transition:.25s;color:var(--navy)}
.chips button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.fa{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}
.fa .btn{border:0;cursor:pointer}.fa p{font-size:12px;color:#55688d;max-width:300px}
.ok{padding:44px;background:#fff;color:var(--navy);border-left:3px solid var(--cyan);box-shadow:0 30px 80px #0a1a3a26;animation:up .5s both}
.ok h3{font-weight:200;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em;margin-bottom:12px}.ok p{color:#55688d;margin-bottom:24px;max-width:460px}
@keyframes up{from{opacity:0;transform:translateY(14px)}}
/* offices */
.cl{margin-top:56px;border-top:1px solid #ffffff22}
.cl .r{display:grid;grid-template-columns:34px 1fr auto;gap:20px;align-items:center;padding:26px 6px;border-bottom:1px solid #ffffff22;transition:padding .35s,background .35s}
.cl .r:hover{padding-left:22px;background:#4de3f00f}
.cl b{font-weight:200;font-size:clamp(28px,4.2vw,52px);letter-spacing:-.04em;line-height:1.05}
.cl small{color:var(--mut);font-size:14px;font-variant-numeric:tabular-nums;text-align:right}
.cl i{width:10px;height:10px;border-radius:50%;background:#ec008c;box-shadow:0 0 0 0 #ec008c66;animation:pu 2.4s infinite}
.cl .r:nth-child(3n+2) i{background:#00b7eb;animation-delay:.8s}.cl .r:nth-child(3n) i{background:#ffd400;animation-delay:1.6s}
@keyframes pu{70%{box-shadow:0 0 0 12px #ec008c00}100%{box-shadow:0 0 0 0 #ec008c00}}
/* steps */
.sp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
.sp>div{height:100%}
.sc{height:100%;padding:34px;background:#fff;border-top:2px solid var(--blue);box-shadow:0 1px 0 #0a1a3a14}
.sc b{font-weight:200;font-size:54px;color:var(--blue);letter-spacing:-.04em;line-height:1}
.sc h3{font-weight:600;font-size:20px;margin:14px 0 8px}.sc p{color:#55688d;font-size:15px}
.faq button{width:100%;text-align:left;padding:26px 0;border-bottom:1px solid #0a1a3a22;display:flex;justify-content:space-between;font-size:20px}.faq .a{overflow:hidden;transition:max-height .45s ease,padding .45s;color:#55688d;font-size:15px;max-width:640px}
.cta{min-height:70vh;display:flex;align-items:center;background:radial-gradient(ellipse at 70% 50%,#0f2c66,var(--ink) 65%)}
footer{background:#030813;padding:80px 0 20px;font-size:13px;color:var(--mut);overflow:hidden}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}footer a{display:block;margin-top:12px}footer b{color:#fff;font-weight:600}
.big{font-size:clamp(70px,20vw,280px);font-weight:600;letter-spacing:.04em;text-align:center;line-height:1;margin-top:60px;color:transparent;-webkit-text-stroke:1px #4a7dff55;user-select:none}
.rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.ld{position:fixed;inset:0;z-index:100;background:var(--ink);display:grid;place-items:center;transition:transform 1.1s cubic-bezier(.76,0,.24,1),visibility 0s 1.1s}.ld.off{transform:translateY(-100%);visibility:hidden;pointer-events:none}
.ldl{width:min(320px,70vw);text-align:center}.ldn{font-size:64px;font-weight:200;letter-spacing:-.04em;margin:18px 0 14px;font-variant-numeric:tabular-nums}.ldb{height:2px;background:#ffffff1f}.ldb i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transform-origin:0}
.bg{display:none;position:relative;width:44px;height:44px}.bg span{position:absolute;left:11px;width:22px;height:2px;background:#fff;transition:.35s}.bg span:first-child{top:18px}.bg span:last-child{top:26px}.bg.x span:first-child{top:22px;transform:rotate(45deg)}.bg.x span:last-child{top:22px;transform:rotate(-45deg)}
.mn{position:fixed;inset:0;background:#050d1ff5;backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;padding:0 32px;gap:8px;transform:translateY(-100%);transition:transform .6s cubic-bezier(.76,0,.24,1);z-index:49}.mn.open{transform:none}.mn a{font-size:38px;font-weight:200;letter-spacing:-.03em}
.sn{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:45;display:grid;gap:16px;mix-blend-mode:difference}
.sn a{width:10px;height:10px;border-radius:50%;border:1px solid #fff;position:relative;transition:.3s}.sn a.on{background:#fff;transform:scale(1.4)}
.sn a span{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:11px;white-space:nowrap;opacity:0;transition:.3s;color:#fff}.sn a:hover span{opacity:1}
.halo{position:fixed;left:0;top:0;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#4de3f01c,transparent 65%);pointer-events:none;z-index:40;mix-blend-mode:screen}@media(hover:none){.halo{display:none}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(max-width:860px){nav ul,.sn,.fl{display:none}.bg{display:block}.hg,.cg,footer .wrap,.sp{grid-template-columns:1fr}.cg{gap:40px}.fg{grid-template-columns:1fr}.fm,.ok{padding:28px 22px}.sec{padding:90px 0}.hq{grid-template-columns:1fr;position:static;padding:14px;background:#050d1f}.hm{aspect-ratio:auto;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end}.cl .r{grid-template-columns:30px 1fr}.cl small{grid-column:2;text-align:left}}
@media(max-width:560px){nav .btn{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.rv{opacity:1;transform:none}}

/* =====================================================================
   LIGHT THEME OVERRIDES  (added on top of the original stylesheet)
   Palette: page #f7faff · alt #e8f0fc · cards #fff · text navy #0a1a3a
   Accents: blue #3b6cf2 · cyan #4de3f0 · CMYK stripe unchanged
   ===================================================================== */
:root{--ink:#f7faff;--paper:#e8f0fc;--mut:#4f6288;--blue:#3b6cf2;--teal:#0a86a3;--ln:#0a1a3a1f}
body{background:var(--ink);color:var(--navy)}
:focus-visible{outline-color:var(--blue)}
::selection{background:#4de3f066;color:var(--navy)}

/* buttons */
.btn{color:#04122e}
.btn:hover{box-shadow:0 10px 36px #4de3f08c}
.ghost,.light .ghost{background:none;color:var(--navy);border:1px solid #0a1a3a40}
.ghost:hover{background:#0a1a3a0d}

/* nav + menu + loader + misc chrome */
nav.s{background:#f7faffeb;box-shadow:0 1px 0 #0a1a3a14}
nav ul a{opacity:.72}
.bg span{background:var(--navy)}
.mn{background:#f7fafff7}
#bar{background:linear-gradient(90deg,#00b7eb 25%,#ec008c 25% 50%,#f2b800 50% 75%,#0a1a3a 75%)}
.ldb{background:#0a1a3a18}
.halo{background:radial-gradient(circle,#3b6cf212,transparent 65%);mix-blend-mode:multiply}

/* labels */
.lab,.light .lab{color:#2f5be0;font-weight:400}

/* hero */
.hero{background:radial-gradient(ellipse at 72% 38%,#d6e4ff 0,var(--ink) 64%)}
.hero p{color:#41567f}
.hm{border:1px solid #0a1a3a14;background:radial-gradient(circle at 50% 45%,#4a7dff24,transparent 70%)}
.marq{border-block:1px solid var(--ln)}
.track{color:#7385a8}
.track span:nth-child(4n+1){color:#0096c7}
.track span:nth-child(4n+2){color:#d4007a}
.track span:nth-child(4n+3){color:#d49400}

/* section backgrounds */
.light{background-color:var(--paper);color:var(--navy);background-image:radial-gradient(#0a1a3a1f 1.2px,transparent 1.6px);background-size:16px 16px}
.dark2{background:#fff}
.mf{background:linear-gradient(var(--ink),#eef4fd)}
.stk{background:radial-gradient(ellipse at 75% 50%,#d6e4ff,var(--ink) 70%)}
.globe{background:var(--ink)}
.cta{background:radial-gradient(ellipse at 70% 50%,#d6e4ff,var(--ink) 65%)}

/* manifesto */
.mfh,.mfp b,.mfk h3{color:var(--navy)}
.mfh em{color:var(--blue)}
.mfp{color:#41567f;border-left-color:var(--blue)}
.mfk{background:#fff;border:1px solid var(--ln);border-top:2px solid var(--blue);box-shadow:0 12px 34px #0a1a3a0f}
.mfk small{color:var(--blue)}
.mfk p{color:#55688d}

/* platform / process */
.pan p{color:#41567f}
.rail i{background:#0a1a3a22}.rail i.on{background:var(--blue)}

/* product cards */
.pc{background:#fff;border:1px solid var(--ln);box-shadow:0 14px 40px #0a1a3a12}
.pc .art{background:radial-gradient(circle at 50% 40%,#4a7dff26,transparent 70%)}
.pbar{background:#0a1a3a18}.pbar i{background:var(--blue)}

/* stats */
.gs div,.stats>div{border-left:1px solid #0a1a3a26}

/* control-panel mock-up stays a dark "screen" on the light page */
.frame{box-shadow:0 50px 100px #0a1a3a38,0 0 0 1px #0a1a3a22}
.term{box-shadow:0 40px 90px #0a1a3a38,0 0 0 1px #0a1a3a22}
.fl{background:#ffffffe0;border:1px solid #0a1a3a1a;box-shadow:0 14px 34px #0a1a3a1f;color:var(--navy)}
.fl b{color:var(--blue)}

/* ecosystem orbit */
.cp{background:#fff;border:1px solid #3b6cf255;color:var(--navy);box-shadow:0 6px 18px #0a1a3a14}
.orb .rg{border-color:#3b6cf233}
.core{color:#fff}

/* developer / service */
.dev ul{color:#41567f}
.dev li:before,.pl li:before{color:var(--teal)}

/* compare slider */
.hdl:after{color:#04122e}

/* use-cases */
.cs button{border-bottom:1px solid var(--ln);color:#7385a8}
.cs button.on{color:var(--navy)}
.cs button i{background:var(--blue)}
.cv .cap{background:linear-gradient(transparent,#f7faffee);color:var(--navy)}

/* band */
.bt{background:linear-gradient(transparent 8%,#f7faffd9 52%,#f7faff 100%)}
.bt p{color:#41567f}

/* client story */
.glass{background:#ffffffb8;border:1px solid #ffffffcc;box-shadow:0 24px 60px #0a1a3a1f;color:var(--navy)}

/* trust + testimonials + plans */
.sg .spot,.q{background:#fff;border:1px solid var(--ln);box-shadow:0 10px 30px #0a1a3a0d}
.q{color:#2b3f66}
.pl .spot{background:#fff;border:1px solid var(--ln);box-shadow:0 14px 40px #0a1a3a10}
.pl p{color:#55688d}
.pl ul{color:#3b4f78}
.pl .ft{border-color:transparent}
.pl .ft .pin2{background:#0b2150;color:#fff}
.pl .ft .pin2 h3{color:#fff}
.pl .ft .pin2 p{color:#9fb0d0}
.pl .ft .pin2 ul{color:#c5d2ea}
.pl .ft .ghost{color:#fff;border-color:#ffffff3a}
.pl .tg{color:#04122e}

/* insights cards (image + caption) */
.ins a{color:var(--navy)}
.ins .im:after{background:linear-gradient(180deg,#f7faff26,#f7faffe6)}

/* footer */
footer{background:#e8f0fc;color:var(--mut)}
footer b,footer .nw{color:var(--navy)}
.nw p{color:var(--mut)}
.nf input{background:#fff;border:1px solid #0a1a3a2a;color:var(--navy)}
.nw .ok{color:var(--teal)}
.big{-webkit-text-stroke:1px #3b6cf255}/* v5 contrast fixes */:root{--mut:#44587f;--ln:#0a1a3a2e}body{font-weight:400}h1,h2{font-weight:300;color:#06122b}.pan h3,.pc h3,.nw h3{font-weight:400}.num,.st b,.bento .bn,.sg b{font-weight:300}.hero p,.pan p,.dev ul,.pl ul{color:#2f4468}.st p,.bento p,.faq .a,.mfk p,.pl p{color:#3a4e75}.q{color:#1f3358}.st{opacity:.4}.st.on{opacity:1}.track{color:#4a5d84}.track span:nth-child(4n+1){color:#007a9e}.track span:nth-child(4n+2){color:#c4006c}.track span:nth-child(4n+3){color:#a56d00}.cs button{color:#51648b}.cs button.on{color:#06122b}.orb .rg{border-color:#3b6cf266}.hm{border:1px solid #0a1a3a26;background:radial-gradient(circle at 50% 45%,#4a7dff33,transparent 70%)}.hm svg{filter:drop-shadow(0 24px 36px #0a1a3a47)}.btn{background:#0a1a3a;color:#fff}.btn:hover{background:#3b6cf2;box-shadow:0 10px 30px #3b6cf255}.btn.ghost,.light .btn.ghost{background:transparent;color:#0a1a3a;border:1px solid #0a1a3a66}.btn.ghost:hover{background:#0a1a3a12;box-shadow:none}.ins a{color:#fff}.ins .im:after{background:linear-gradient(180deg,#050d1f40,#050d1fe0)}.stk{background:radial-gradient(ellipse at 75% 50%,#16409a,#071431 72%)}.globe{background:radial-gradient(ellipse at 70% 50%,#13348a,#071431 70%)}.cta:has(canvas){background:radial-gradient(ellipse at 70% 50%,#16409a,#071431 68%)}.stk,.globe,.cta:has(canvas){--mut:#b3c2e0;color:#fff}.stk h2,.globe h2,.cta:has(canvas) h1{color:#fff}.stk .lab,.globe .lab,.cta:has(canvas) .lab{color:#7be8ff}.stk .pan p{color:#c3d0ea}.stk .rail i{background:#ffffff40}.stk .rail i.on{background:#4de3f0}.globe .num{color:#fff}.globe .num i{color:#4de3f0}.globe .gs div{border-left-color:#ffffff40}.stk .btn,.globe .btn,.cta:has(canvas) .btn,.pl .ft .btn{background:#4de3f0;color:#04122e}.cta:has(canvas) .btn.ghost,.pl .ft .btn.ghost{background:transparent;color:#fff;border-color:#ffffff66}footer{background:#06122b;color:#a9b8d6;border-width:4px 0 0;border-style:solid;border-image:linear-gradient(90deg,#00b7eb 25%,#ec008c 25% 50%,#f2b800 50% 75%,#fff 75%) 1}footer b,footer .nw,footer .nw h3,footer .logo{color:#fff!important}footer p,.nw p{color:#a9b8d6}footer a{color:#a9b8d6;transition:color .2s}footer a:hover{color:#4de3f0}footer .nw .ok{color:#7be8a8}footer .nf input{background:#0d1f45;border:1px solid #ffffff40;color:#fff}footer .nf input::placeholder{color:#8ea0c4}footer .btn{background:#4de3f0;color:#04122e}footer .btn:hover{background:#fff}footer .big{-webkit-text-stroke:1px #4de3f099}

/* ===== inner-page specific light overrides ===== */
.hero{background:radial-gradient(ellipse at 72% 38%,#d6e4ff 0,var(--ink) 64%)}
.hm,.mi,.fi,.ai{background:radial-gradient(circle at 50% 40%,#cfdffd,#eef4fd)}
.hm{border:1px solid #0a1a3a14}
.hm.gl{background:radial-gradient(circle at 50% 50%,#4a7dff24,transparent 70%)}
.hm:after{background:linear-gradient(180deg,#f7faff99 0,transparent 28%,transparent 45%,#f7faffee 100%)}
.hr button,.hm .hr button{color:#41567f;border-top:3px solid #0a1a3a33;text-shadow:none}
.hr button.on,.hm .hr button.on{color:var(--navy);border-color:var(--blue);font-weight:600}
.ins .hr button{background:#0a1a3a33}
.hq a{background:#fffffff2;border-top:3px solid #0a1a3a33;color:var(--navy)}
.hq{background:transparent}
.hm .fl{background:#ffffffe6;border:1px solid #0a1a3a1f;color:var(--navy)}
.mi em{background:#ffffffeb;color:var(--navy);border-left:2px solid var(--blue)}
.mi .ins{background:#fff;border-color:var(--ink)}
.mi .ins span{background:#ffffffe6;color:var(--navy)}
.kp div{border:1px solid var(--ln);background:#fff}
.ct th,.ct td{border-bottom:1px solid var(--ln)}
.ct .hl{background:#4de3f021;color:var(--navy)}
.cl{border-top:1px solid var(--ln)}
.cl .r{border-bottom:1px solid var(--ln)}
.fil button{border:1px solid #0a1a3a33}
.fil button.on,.light .fil button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.ac{background:#fff;border:1px solid var(--ln);box-shadow:0 10px 30px #0a1a3a0d}
.sv h3{color:var(--navy)}
.sv .sc{background:#fff;border:1px solid var(--ln);border-top:2px solid var(--blue);box-shadow:0 10px 30px #0a1a3a0d}
.cx button.on{color:var(--navy);border-color:var(--blue)}
.track em{color:var(--navy)}
.ct th,.cn .lt{color:var(--blue)}
.ft li:before{color:var(--teal)}
.cx button{color:#7385a8}
/* nav dropdown submenus (from gravityprintech.com) */
nav li.hd{position:relative;padding:22px 0;margin:-22px 0}
nav li.hd>a:after{content:"\25BE";font-size:10px;margin-left:6px;opacity:.7}
nav ul.dd{display:none;position:absolute;left:-18px;top:100%;min-width:240px;margin:0;padding:10px 0;background:#fff;border:1px solid #0a1a3a1f;border-radius:10px;box-shadow:0 18px 44px #0a1a3a26;list-style:none;gap:0;z-index:60}
nav li.hd:hover>ul.dd,nav li.hd:focus-within>ul.dd{display:block}
nav ul.dd li{position:relative;list-style:none;margin:0;padding:0}
nav ul.dd a,nav ul.dd span{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;color:#0a1a3a;opacity:1;white-space:nowrap;border:0;cursor:pointer;outline:none}
nav ul.dd a:hover,nav ul.dd li.has:hover>span,nav ul.dd li.has:focus-within>span{color:#3b6cf2;background:#f1f5fd}
nav ul.dd li.has>span:after{content:"\203A";margin-left:22px;font-size:16px;line-height:1}
nav ul.dd ul{display:none;position:absolute;left:100%;top:-10px;min-width:250px;margin:0;padding:10px 0;background:#fff;border:1px solid #0a1a3a1f;border-radius:10px;box-shadow:0 18px 44px #0a1a3a26;list-style:none;gap:0}
nav ul.dd li.has:hover>ul,nav ul.dd li.has:focus-within>ul{display:block}