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