.al-root{--al-bg: #020617;--al-emerald: #10b981;--al-cyan: #06b6d4;--al-violet: #8b5cf6;--al-border: rgba(255, 255, 255, .08);--al-muted: #94a3b8;--al-glow: rgba(16, 185, 129, .25);background:var(--al-bg);color:#f8fafc;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.al-bg-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(6,182,212,.06) 0%,transparent 40%)}.al-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 30%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 30%,black 30%,transparent 100%)}.al-ambient-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(120px)}.al-orb-1{width:500px;height:500px;top:-100px;right:-100px;background:#10b98114}.al-orb-2{width:400px;height:400px;bottom:-80px;left:-80px;background:#06b6d40f}.al-container{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.al-hero{padding:140px 0 80px;position:relative;min-height:100vh;display:flex;align-items:center}.al-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.al-hero-text{max-width:600px}.al-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:99px;border:1px solid rgba(16,185,129,.3);background:#10b98114;color:var(--al-emerald);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px;backdrop-filter:blur(10px)}.al-pulse-icon{animation:alPulse 2s infinite}@keyframes alPulse{0%,to{opacity:1}50%{opacity:.4}}.al-h1{font-family:Outfit,system-ui,sans-serif;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:24px;color:#fff}.al-gradient-text{background:linear-gradient(135deg,var(--al-emerald),var(--al-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.al-hero-desc{font-size:1.1rem;color:var(--al-muted);line-height:1.7;margin-bottom:32px;max-width:540px}.al-hero-stats{display:flex;align-items:center;gap:0;margin-bottom:40px;padding:16px 24px;border-radius:16px;background:#ffffff05;border:1px solid var(--al-border);backdrop-filter:blur(10px)}.al-stat{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.al-stat-num{font-size:1.1rem;font-weight:800;color:var(--al-emerald);letter-spacing:.05em}.al-stat-label{font-size:.65rem;color:var(--al-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.al-stat-divider{width:1px;height:32px;background:var(--al-border)}.al-btn-group{display:flex;flex-wrap:wrap;gap:14px}.al-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--al-emerald);color:#000;font-weight:700;font-size:.95rem;border-radius:99px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px var(--al-glow)}.al-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--al-glow);background:#fff}.al-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#ffffff08;color:#fff;font-weight:600;font-size:.95rem;border:1px solid var(--al-border);border-radius:99px;text-decoration:none;backdrop-filter:blur(10px);transition:all .3s ease}.al-btn-secondary:hover{background:#ffffff14;border-color:#fff3}.al-hero-visual{display:flex;align-items:center;justify-content:center;position:relative;min-height:400px}.al-iot-network{position:relative;width:340px;height:340px;display:flex;align-items:center;justify-content:center}.al-orbit{position:absolute;border-radius:50%;border:1px solid;pointer-events:none}.al-orbit-1{inset:20px;border-color:#10b9811f;animation:alOrbit 25s linear infinite;border-top-color:#10b98166}.al-orbit-2{inset:-10px;border-color:#ffffff0a;border-style:dashed;animation:alOrbit 40s linear infinite reverse}.al-orbit-3{inset:-40px;border-color:#ffffff05;animation:alOrbit 60s linear infinite}@keyframes alOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.al-iot-core{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;z-index:20}.al-core-emblem{width:48px;height:48px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 12px rgba(16,185,129,.3))}.al-core-glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);z-index:1;pointer-events:none;animation:alGlowPulse 3s ease-in-out infinite}@keyframes alGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.al-device-node{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;background:#0f172ae6;border:1px solid var(--al-border);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--al-muted);cursor:default;z-index:30;backdrop-filter:blur(10px);transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0006}.al-device-node.hovered{border-color:var(--al-emerald);color:var(--al-emerald);box-shadow:0 0 24px var(--al-glow),0 4px 16px #0006;transform:translate(var(--tw-translate-x, 0),var(--tw-translate-y, 0)) scale(1.15)}.al-device-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--al-muted);white-space:nowrap;opacity:0;transition:opacity .3s;text-shadow:0 2px 8px rgba(0,0,0,.8)}.al-device-node.hovered .al-device-label{opacity:1;color:var(--al-emerald)}.al-connection-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15;overflow:visible}.al-conn-line{stroke:#10b9811a;stroke-width:1;stroke-dasharray:4 6;transition:all .35s;animation:alDash 15s linear infinite}.al-conn-line.active{stroke:#10b98180;stroke-width:1.5}@keyframes alDash{to{stroke-dashoffset:-200}}@media(max-width:1024px){.al-hero-split{grid-template-columns:1fr;gap:60px;text-align:center}.al-hero-text{max-width:100%;margin:0 auto}.al-btn-group,.al-hero-stats{justify-content:center}.al-hero-visual{min-height:360px}.al-iot-network{width:300px;height:300px}}@media(max-width:640px){.al-hero{padding:120px 0 60px;min-height:auto}.al-btn-group{flex-direction:column;width:100%}.al-btn-primary,.al-btn-secondary{width:100%;justify-content:center}.al-iot-network{width:260px;height:260px}.al-device-node{width:38px;height:38px;margin:-19px 0 0 -19px}.al-hero-stats{flex-direction:column;gap:12px}.al-stat-divider{width:40px;height:1px}}
