/* Products page futuristic styling. */

.products-hero{position:relative;min-height:680px;overflow:hidden;background:radial-gradient(circle at 75% 48%,rgba(0,193,255,.18),transparent 28%),radial-gradient(circle at 20% 75%,rgba(37,93,255,.16),transparent 30%),#03162d;color:#fff}
.products-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(0,194,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,194,255,.14) 1px,transparent 1px);background-size:46px 46px;transform:perspective(700px) rotateX(58deg) scale(1.6);transform-origin:center bottom}
.products-glow{position:absolute;width:430px;height:430px;border-radius:50%;filter:blur(90px);opacity:.18;animation:productGlow 8s ease-in-out infinite alternate}
.glow-left{left:-180px;top:80px;background:#0077ff}.glow-right{right:-100px;bottom:-150px;background:#00d5ff;animation-delay:2s}
@keyframes productGlow{from{transform:scale(.85)}to{transform:scale(1.15) translate(20px,-20px)}}
.products-hero-inner{position:relative;z-index:2;min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}
.products-eyebrow{display:inline-block;margin-bottom:18px;color:#09c5ff;font-size:12px;font-weight:900;letter-spacing:.35em}
.products-copy h1{margin:0;font-size:clamp(48px,5.8vw,76px);line-height:.98;letter-spacing:-.045em}
.products-copy h1 span,.products-copy h2 span{display:block;color:#08baff;text-shadow:0 0 32px rgba(0,190,255,.3)}
.products-copy>p{max-width:620px;margin:27px 0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.75}
.launch-status{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(0,198,255,.3);border-radius:999px;background:rgba(0,130,200,.08);color:#a7eaff;font-size:10px;font-weight:900;letter-spacing:.16em}
.status-dot{width:8px;height:8px;border-radius:50%;background:#0bc6ff;box-shadow:0 0 13px #0bc6ff;animation:statusPulse 1.5s ease-in-out infinite}
@keyframes statusPulse{50%{opacity:.35;transform:scale(.65)}}
.products-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.products-button{display:inline-flex;align-items:center;gap:12px;padding:14px 21px;border:1px solid #08baff;border-radius:999px;background:#08aef0;color:#fff;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 12px 30px rgba(0,174,240,.22);transition:.25s ease}
.products-button:hover{transform:translateY(-3px);box-shadow:0 17px 35px rgba(0,174,240,.35)}
.products-button.secondary{background:transparent;box-shadow:none}
.product-visual{position:relative;width:min(510px,100%);height:510px;margin:auto;display:grid;place-items:center}
.visual-ring{position:absolute;border:1px solid rgba(0,195,255,.3);border-radius:50%}
.ring-one{width:330px;height:330px;animation:ringRotate 14s linear infinite}.ring-two{width:430px;height:190px;transform:rotate(35deg);animation:ringTilt 10s linear infinite}.ring-three{width:470px;height:470px;border-style:dashed;opacity:.45;animation:ringRotateReverse 22s linear infinite}
@keyframes ringRotate{to{transform:rotate(360deg)}}@keyframes ringTilt{to{transform:rotate(395deg)}}@keyframes ringRotateReverse{to{transform:rotate(-360deg)}}
.product-core{position:relative;z-index:4;width:185px;height:185px;display:grid;place-content:center;text-align:center;border:1px solid rgba(0,207,255,.65);border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(0,190,255,.35),transparent 48%),#06233f;box-shadow:0 0 60px rgba(0,190,255,.22),inset 0 0 45px rgba(0,190,255,.12);animation:coreFloat 4s ease-in-out infinite}
@keyframes coreFloat{50%{transform:translateY(-10px) scale(1.025)}}
.core-symbol{width:65px;height:65px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid #09c4ff;border-radius:18px;background:rgba(0,185,255,.08)}
.core-symbol span{color:#fff;font-size:36px;font-weight:900}.product-core strong{font-size:17px;letter-spacing:.08em}.product-core small{margin-top:5px;color:#08baff;font-size:8px;letter-spacing:.2em}
.product-node{position:absolute;z-index:5;min-width:90px;padding:12px 13px;border:1px solid rgba(0,195,255,.4);border-radius:12px;background:rgba(3,26,50,.84);box-shadow:0 0 24px rgba(0,195,255,.1);text-align:center;backdrop-filter:blur(8px);animation:nodeFloat 4s ease-in-out infinite}
.product-node span,.product-node small{display:block}.product-node span{color:#b3edff;font-size:11px;font-weight:900;letter-spacing:.1em}.product-node small{margin-top:5px;color:#53c9ee;font-size:7px;letter-spacing:.14em}
.node-ai{top:42px;left:74px}.node-robotics{top:180px;right:0;animation-delay:1s}.node-hardware{bottom:48px;right:85px;animation-delay:2s}.node-iot{bottom:92px;left:35px;animation-delay:3s}
@keyframes nodeFloat{50%{transform:translateY(-10px)}}

.future-products{padding:95px 0;background:#f7fbff}.section-heading{max-width:780px;margin:0 auto 52px;text-align:center}.section-heading>span{color:#078ed9;font-size:11px;font-weight:900;letter-spacing:.28em}.section-heading h2{margin:13px 0;color:#082c58;font-size:clamp(36px,4vw,54px);line-height:1.08}.section-heading h2 strong{color:#079fe8}.section-heading p{margin:auto;color:#5b6d82;line-height:1.7}
.product-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-category{position:relative;min-height:300px;padding:30px 25px;overflow:hidden;border:1px solid #d7e7f3;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(7,52,91,.07);transition:.3s ease}.product-category:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(7,52,91,.13)}.category-number{position:absolute;top:18px;right:20px;color:#c5e9f9;font-size:32px;font-weight:900}.category-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#e8f7ff;color:#078fdc;font-size:25px}.product-category h3{margin:22px 0 10px;color:#082c58;font-size:20px}.product-category p{color:#5d6d7f;font-size:13px;line-height:1.65}.category-status{display:inline-block;margin-top:20px;color:#079fe8;font-size:9px;font-weight:900;letter-spacing:.13em}

.pipeline-section{padding:90px 0;background:#061c35;color:#fff}.pipeline-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.pipeline-copy h2{margin:0;font-size:clamp(38px,4vw,57px);line-height:1.05}.pipeline-copy h2 span{color:#08baff}.pipeline-copy p{max-width:570px;margin:20px 0 0;color:rgba(255,255,255,.68);line-height:1.7}.pipeline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.pipeline-step{width:92px;height:92px;display:grid;place-content:center;border:1px solid rgba(0,194,255,.35);border-radius:50%;background:rgba(0,145,210,.07);text-align:center}.pipeline-step b{color:#08baff;font-size:11px}.pipeline-step span{margin-top:5px;font-size:8px;font-weight:900;letter-spacing:.08em}.pipeline-line{width:28px;height:1px;background:#0bbcff;opacity:.5}

.products-cta{padding:90px 0;background:radial-gradient(circle at 85% 50%,rgba(0,177,255,.17),transparent 28%),#f4faff}.products-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.products-cta h2{max-width:760px;margin:0;color:#082c58;font-size:clamp(38px,4vw,58px);line-height:1.05}.products-cta h2 span{display:inline;color:#079fe8}.products-cta p{max-width:700px;margin:18px 0 0;color:#5b6d82;line-height:1.7}

@media(max-width:1050px){.products-hero-inner{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px}.product-visual{display:none}.product-categories{grid-template-columns:repeat(2,1fr)}.pipeline-inner{grid-template-columns:1fr}.products-cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.products-copy h1{font-size:45px}.products-actions{flex-direction:column;align-items:flex-start}.product-categories{grid-template-columns:1fr}.pipeline{gap:12px}.pipeline-line{display:none}.pipeline-step{width:82px;height:82px}}