.solution-hero{padding:72px 0 96px;color:#fff;background:radial-gradient(circle at 75% 25%,rgba(200,164,93,.18),transparent 31%),linear-gradient(145deg,#0b101c,#172033);overflow:hidden}.solution-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:58px;align-items:center}.solution-hero h1{font-size:clamp(2.15rem,4vw,3.5rem)}.solution-proof{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:#abb4c5;font-size:.82rem}.solution-proof span:before{content:"✓";color:#dec68f;margin-right:6px}.solution-system{position:relative;min-height:480px;border:1px solid #354158;border-radius:24px;background:radial-gradient(circle at center,rgba(200,164,93,.14),transparent 42%),rgba(14,20,34,.78);overflow:hidden}.system-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(200,164,93,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(200,164,93,.25) 1px,transparent 1px);background-size:42px 42px;animation:solutionGrid 12s linear infinite}.system-core{position:absolute;left:50%;top:50%;width:150px;height:150px;display:grid;place-content:center;text-align:center;transform:translate(-50%,-50%);border:1px solid #c8a45d;border-radius:50%;background:#172033;box-shadow:0 0 60px rgba(200,164,93,.23);z-index:3}.system-core small{font-size:.58rem;letter-spacing:.14em;color:#9da7b7}.system-core b{margin-top:5px;color:#dec68f;font-size:1.05rem;line-height:1.15}.system-core i{position:absolute;inset:-12px;border:1px dashed rgba(222,198,143,.35);border-radius:50%;animation:solutionSpin 12s linear infinite}.system-node,.system-alert{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid #42506a;border-radius:12px;background:#111a2c;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:solutionFloat 4s infinite}.system-node>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#2a3242;color:#dec68f;font-style:normal}.system-node small,.system-node b,.system-alert small,.system-alert b{display:block}.system-node small,.system-alert small{font-size:.58rem;color:#8792a5}.system-node b,.system-alert b{font-size:.73rem}.sn1{left:18px;top:25px}.sn2{right:18px;top:92px;animation-delay:.7s}.sn3{left:30px;bottom:50px;animation-delay:1.4s}.system-alert{right:18px;bottom:20px;padding-left:34px}.system-alert>i{position:absolute;left:14px;width:8px;height:8px;border-radius:50%;background:#c8a45d;animation:pulseSolution 1.7s infinite}.beam{position:absolute;left:50%;top:50%;width:36%;height:1px;transform-origin:left;background:linear-gradient(90deg,#c8a45d,transparent);animation:beamPulse 2.5s infinite}.b1{transform:rotate(215deg)}.b2{transform:rotate(325deg)}.b3{transform:rotate(145deg)}@keyframes solutionGrid{to{background-position:42px 42px,42px 42px}}@keyframes solutionSpin{to{transform:rotate(360deg)}}@keyframes solutionFloat{50%{transform:translateY(-7px)}}@keyframes pulseSolution{70%{box-shadow:0 0 0 10px rgba(200,164,93,0)}}@keyframes beamPulse{50%{opacity:.2}}
.problem-section,.solution-lanes,.fit-section{background:#f7f6f2}.problem-grid,.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.problem-grid article,.fit-grid article{position:relative;min-height:220px;padding:22px;border:1px solid #ded9cd;border-radius:16px;background:#fff;transition:.25s}.problem-grid article:hover,.fit-grid article:hover{transform:translateY(-6px);border-color:#c8a45d;box-shadow:0 18px 40px rgba(23,32,51,.09)}.problem-grid i,.fit-grid i{width:46px;height:46px;display:grid;place-items:center;margin-bottom:20px;border-radius:12px;background:#172033;color:#dec68f;font-style:normal;font-size:1.25rem}.problem-grid b{font-size:1.03rem}.problem-grid p,.fit-grid p{color:#687083}.problem-grid span{position:absolute;left:22px;bottom:18px;font-size:.63rem;font-weight:850;color:#8d7442;text-transform:uppercase;letter-spacing:.08em}
.transformation,.setup-section{color:#fff;background:linear-gradient(145deg,#0b101c,#172033)}.transformation .lead,.setup-section .lead{color:#abb4c5}.solution-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution-flow:before{content:"";position:absolute;left:8%;right:8%;top:64px;height:1px;background:linear-gradient(90deg,transparent,#c8a45d,#c8a45d,transparent);animation:beamPulse 3s infinite}.solution-flow article{position:relative;z-index:1;min-height:230px;padding:22px;border:1px solid #354158;border-radius:16px;background:#172033}.solution-flow article>b{font-size:.67rem;color:#8d7442}.solution-flow article>i{width:48px;height:48px;display:grid;place-items:center;margin:14px 0;border-radius:13px;background:#283147;color:#dec68f;font-style:normal;font-size:1.25rem;animation:solutionFloat 3.7s infinite}.solution-flow p{color:#abb4c5}.transformation-signal{max-width:760px;margin:24px auto 0;display:flex;gap:12px;align-items:center;padding:13px 16px;border:1px solid #3e4960;border-radius:99px;background:#111a2c}.transformation-signal i{width:9px;height:9px;border-radius:50%;background:#4fc987;animation:pulseSolution 1.7s infinite}.transformation-signal b{color:#dec68f}.transformation-signal span{color:#abb4c5;font-size:.78rem}
.lane-grid{display:grid;gap:18px}.lane-grid>article{display:grid;grid-template-columns:58px 1.2fr .8fr;gap:28px;align-items:center;padding:28px;border:1px solid #ded9cd;border-radius:18px;background:#fff;transition:.25s}.lane-grid>article:hover{border-color:#c8a45d;box-shadow:0 20px 45px rgba(23,32,51,.1)}.lane-number{align-self:start;font-size:.7rem;color:#8d7442}.lane-grid article>div:nth-child(2)>span{font-size:.62rem;font-weight:900;color:#8d7442;letter-spacing:.1em}.lane-grid h3{margin:8px 0;font-size:1.35rem}.lane-grid p,.lane-grid li{color:#687083}.lane-grid ul{display:flex;gap:9px;flex-wrap:wrap;padding:0;list-style:none}.lane-grid li{padding:6px 9px;border-radius:99px;background:#f3f0e8;font-size:.68rem}.lane-grid a{font-weight:850;color:#172033}.lane-visual{position:relative;padding:18px;border:1px solid #e0d4b6;border-radius:14px;background:#fffaf0;overflow:hidden}.lane-visual>b{display:block;margin-bottom:13px;font-size:.62rem;letter-spacing:.1em;color:#8d7442}.lane-visual>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #e8ddc4;font-size:.76rem}.lane-visual strong{color:#172033}.lane-visual>i{display:block;height:5px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,#c8a45d 74%,#e7dfcc 74%);animation:barGrow 3s infinite}.bars>i{background:linear-gradient(90deg,#c8a45d 95%,#e7dfcc 95%)}.occupancy>i{background:linear-gradient(90deg,#c8a45d 99%,#e7dfcc 99%)}@keyframes barGrow{50%{transform:scaleX(.92);transform-origin:left}}
.live-section{overflow:hidden}.live-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center}.live-note{display:flex;gap:12px;align-items:center;margin-top:24px;padding:14px 16px;border:1px solid #e0d4b6;border-radius:12px;background:#fffaf0}.live-note>i{width:9px;height:9px;border-radius:50%;background:#c8a45d;animation:pulseSolution 1.7s infinite}.live-note b,.live-note span{display:block}.live-note span{font-size:.75rem;color:#687083}.dashboard-stage{position:relative;padding:9px;border:1px solid #d9dde6;border-radius:18px;background:#edf0f5;box-shadow:0 28px 60px rgba(23,32,51,.16)}.dashboard-stage img{display:block;width:100%;border-radius:11px}.dashboard-scan{position:absolute;left:9px;right:9px;top:8%;height:2px;background:linear-gradient(90deg,transparent,#c8a45d,transparent);box-shadow:0 0 14px #c8a45d;animation:dashboardScan 5s infinite}.floating-feed{position:absolute;display:flex;gap:9px;align-items:center;min-width:220px;padding:11px 13px;border:1px solid #3d4860;border-radius:11px;background:#172033;color:#fff;box-shadow:0 18px 38px rgba(0,0,0,.25);animation:solutionFloat 4s infinite}.floating-feed>i{width:8px;height:8px;border-radius:50%;background:#c8a45d;animation:pulseSolution 1.7s infinite}.floating-feed small,.floating-feed b{display:block}.floating-feed small{font-size:.55rem;color:#929daf}.floating-feed b{font-size:.7rem}.ff1{right:-24px;top:12%}.ff2{left:-22px;top:48%;animation-delay:.8s}.ff3{right:18px;bottom:-25px;animation-delay:1.5s}@keyframes dashboardScan{50%{transform:translateY(270px)}}
.fit-grid article{min-height:205px}.setup-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:62px;align-items:center}.setup-steps{display:grid;gap:12px}.setup-steps article{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:18px;border:1px solid #354158;border-radius:14px;background:#172033}.setup-steps article>b{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#293248;color:#dec68f}.setup-steps h3{margin:0 0 4px}.setup-steps p{margin:0;color:#abb4c5}
@media(max-width:900px){.solution-hero-grid,.live-grid,.setup-grid{grid-template-columns:1fr}.problem-grid,.fit-grid,.solution-flow{grid-template-columns:1fr 1fr}.lane-grid>article{grid-template-columns:42px 1fr}.lane-visual{grid-column:2}.solution-system{margin-top:20px}.live-copy{margin-bottom:20px}}@media(max-width:600px){.solution-hero{padding:52px 0 70px}.solution-system{min-height:410px}.sn2{top:105px}.system-node b,.system-alert b{font-size:.62rem}.system-alert{right:10px}.problem-grid,.fit-grid,.solution-flow{grid-template-columns:1fr}.solution-flow:before{display:none}.transformation-signal{align-items:flex-start;border-radius:14px}.lane-grid>article{grid-template-columns:1fr;gap:15px;padding:22px}.lane-visual{grid-column:auto}.floating-feed{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-top:8px}.dashboard-stage{box-shadow:none}.dashboard-scan{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}}