/* Solutions page only (loaded by solutions.php) */
.nav a.on:not(.btn){color:var(--red);box-shadow:0 4px 0 -1px var(--red)}
/* hero */
.shero{position:relative;padding:clamp(1.5rem,4vw,3rem) 0 clamp(2rem,5vw,4rem);background:radial-gradient(80% 100% at 80% 40%,#3a1a4a 0,#0a0a0c 65%)}
.shero h1{font-size:clamp(2.1rem,4.4vw,3.8rem);text-transform:none;line-height:1.05}.shero h1 em{color:#c6c6dc;font-style:normal;display:block}.shero h1 i{color:var(--red);font-style:normal}
.shero .lead{font-size:clamp(1rem,1.5vw,1.2rem);color:#fff;max-width:36ch}
.crumb{display:flex;gap:.6rem;font-size:.8rem;color:var(--mut);margin-bottom:1.6rem}.crumb a:hover{color:#fff}.crumb b{color:#fff;font-weight:600}
.sicons{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:2rem}.sicons li{display:flex;gap:.6rem;align-items:center;font-size:.78rem;line-height:1.25;color:#e6e6ee}.sicons svg{width:32px;height:32px;color:#fff;flex-shrink:0}
.shero.has-photo{background:#050507}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.shero.has-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#050507 0,#050507d9 34%,#0000 72%)}.shero .hero-in{position:relative;z-index:2}
/* 3D city-sunset LED screen (shown until a real hero photo is uploaded) */
.swall{position:relative;height:clamp(260px,36vw,430px);perspective:1400px}
.swall:before{content:"";position:absolute;left:8%;right:2%;bottom:0;height:16%;background:radial-gradient(ellipse,#ff7a4f66,transparent 70%);filter:blur(10px)}
.rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--rx,0)*1deg)) rotateY(calc(var(--ry,0)*1deg));transition:transform .4s}
.scr{position:absolute;inset:6% 3% 12% 12%;border:6px solid #14141a;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#1b2a6b,#6a3a8f 30%,#e0607e 55%,#ff9a56 76%,#ffd08a);
 box-shadow:-30px 30px 80px #000c,0 0 90px #ff7a4f55;animation:bob 6s ease-in-out infinite alternate;transform:rotateY(-20deg) rotateX(3deg)}
.scr:before{content:"";position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(180deg,#1a2660,#0b1233);
 clip-path:polygon(0 100%,0 72%,6% 72%,6% 56%,12% 56%,12% 63%,18% 63%,18% 40%,22% 40%,22% 28%,25% 8%,28% 28%,28% 46%,34% 46%,34% 58%,40% 58%,40% 34%,45% 34%,45% 50%,52% 50%,52% 66%,60% 66%,60% 48%,66% 48%,66% 60%,74% 60%,74% 42%,80% 42%,80% 64%,88% 64%,88% 54%,94% 54%,94% 70%,100% 70%,100% 100%)}
.scr:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff38 50%,transparent 60%) 150% 0/250% 100%;animation:shine 5s linear infinite}
@keyframes bob{to{transform:rotateY(-14deg) rotateX(1deg) translateY(-12px)}}@keyframes shine{to{background-position:-50% 0}}
/* solution cards */
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.8rem}.shead h2{margin:0}.sub{color:#555;max-width:46ch;font-size:.95rem}
.scards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.scard{display:flex;flex-direction:column;background:#fff;color:var(--ink);border:1px solid #ececf1;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px #0000000d;transition:transform .3s,box-shadow .3s}
.scard:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000001f}
.simg{aspect-ratio:4/3;overflow:hidden}.simg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.scard:hover .simg img{transform:scale(1.05)}
.simg:empty{display:grid;place-items:center}.simg:empty:before{content:"";width:60%;height:56%;border:5px solid #15151b;border-radius:6px;background:linear-gradient(135deg,#ff4d5e,#6d1030 60%,#1a0a3a);box-shadow:0 14px 30px #0008}
.sbody{position:relative;display:flex;flex-direction:column;flex:1;padding:0 1.1rem 1.1rem;margin-top:-1.5rem}
.sico{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#fff;color:var(--red);box-shadow:0 6px 18px #0003;margin-bottom:.7rem}.sico svg{width:24px;height:24px}
.scard h3{font-size:1.2rem;letter-spacing:-.01em;margin-bottom:.3rem}.scard p{flex:1;font-size:.86rem;color:#555;margin:0 0 1rem}
.wa{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border:1px solid #d9d9e0;border-radius:8px;background:#fff;color:var(--ink);font-weight:700;font-size:.85rem;transition:border-color .2s,color .2s,transform .2s}
.wa svg{width:19px;height:19px;color:var(--red);flex-shrink:0}.wa b{color:var(--red);font-weight:700}.wa:hover{border-color:var(--red);transform:translateY(-2px)}
/* global presence */
.sglobal{background:#08080b;content-visibility:auto;contain-intrinsic-size:auto 520px}.sglobal p{color:#d4d4dc}
.sstats{display:flex;flex-wrap:wrap;gap:1.2rem 0;margin-top:1.8rem}.sstats div{padding:0 1.6rem;border-left:1px solid #ffffff33}.sstats div:first-child{padding-left:0;border:0}
.sstats dt{font-size:2rem;font-weight:800;color:var(--red);line-height:1.1}.sstats dd{font-size:.85rem}
.gmap{position:relative;aspect-ratio:2/1}
.dots{position:absolute;inset:0;background:radial-gradient(#6c6c78 1.2px,transparent 1.8px) 0 0/10px 10px;
 -webkit-mask:radial-gradient(ellipse 18% 24% at 23% 33%,#000 70%,transparent),radial-gradient(ellipse 8% 20% at 31% 70%,#000 70%,transparent),radial-gradient(ellipse 11% 30% at 52% 50%,#000 70%,transparent),radial-gradient(ellipse 18% 24% at 73% 35%,#000 70%,transparent),radial-gradient(ellipse 6% 9% at 82% 73%,#000 70%,transparent);
 mask:radial-gradient(ellipse 18% 24% at 23% 33%,#000 70%,transparent),radial-gradient(ellipse 8% 20% at 31% 70%,#000 70%,transparent),radial-gradient(ellipse 11% 30% at 52% 50%,#000 70%,transparent),radial-gradient(ellipse 18% 24% at 73% 35%,#000 70%,transparent),radial-gradient(ellipse 6% 9% at 82% 73%,#000 70%,transparent)}
.gmap svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.arcs path{fill:none;stroke:#ff3b4e;stroke-width:1.3;stroke-dasharray:5 5;animation:dash 3s linear infinite}@keyframes dash{to{stroke-dashoffset:-40}}
.pts circle{fill:#ff3b4e;transform-box:fill-box;transform-origin:center;animation:pp 2.4s ease-in-out infinite}.pts circle:nth-child(even){animation-delay:1.2s}@keyframes pp{50%{transform:scale(1.8);opacity:.5}}
/* call to action */
.scta{background:#f3f3f6;color:var(--ink);padding:clamp(2rem,5vw,3.2rem) 0;content-visibility:auto;contain-intrinsic-size:auto 200px}
.scta-in{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.scta h2{margin-bottom:.4rem}.scta p:not(.tag){color:#555;margin:0}
.wa-r{background:var(--red);border-color:var(--red);color:#fff;padding:1rem 1.8rem;font-size:.95rem}.wa-r svg,.wa-r b{color:#fff}.wa-r:hover{background:#c8101f;border-color:#c8101f}
@media(max-width:1000px){.scards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.swall{height:250px}.scr{inset:6% 3% 10% 8%}.shero.has-photo:before{background:linear-gradient(180deg,#050507e6,#050507b3)}}
@media(max-width:520px){.scards{grid-template-columns:1fr}.sstats div{padding:0 1rem}.sicons{gap:1rem}.wa-r{width:100%}}