.hero-section{background:var(--surface);padding:108px 0 96px;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.03)}.ambient-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1;filter:blur(100px);-webkit-filter:blur(100px)}.ambient-orb-1{top:-10%;right:15%;width:420px;height:420px;background:#2b52861f}.ambient-orb-2{bottom:-15%;left:10%;width:320px;height:320px;background:#3b82f614}.hero-container{max-width:1100px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:48px;align-items:center;position:relative;z-index:2}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;z-index:2}.brand-tag{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:20px;background:var(--accent-ghost);padding:6px 14px;border-radius:99px}.hero-copy h1{font-family:Outfit,sans-serif;font-size:46px;line-height:1.12;font-weight:800;color:var(--text);margin-bottom:22px;letter-spacing:-.5px}.highlight-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:16.5px;color:var(--text-muted);line-height:1.75;margin-bottom:36px}.trust-bar{display:flex;gap:24px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-muted);font-weight:500}.trust-item .dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-dot 2.5s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.fleet-wrapper{position:relative;z-index:2}.fleet-card{background:var(--card-bg-premium);backdrop-filter:var(--card-backdrop-blur);-webkit-backdrop-filter:var(--card-backdrop-blur);border:var(--card-border-premium);border-radius:24px;padding:24px;box-shadow:var(--shadow-premium);color:#cbd5e1;display:flex;flex-direction:column;gap:16px;transition:var(--transition-premium)}.fleet-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-premium-hover)}.fleet-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px}.fleet-title{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;color:#64748b;letter-spacing:.5px;text-transform:uppercase}.fleet-status{display:flex;align-items:center;gap:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:10px;color:#22c55e;background:#22c55e14;padding:3px 8px;border-radius:99px;font-weight:700}.fleet-status .live-dot{width:5px;height:5px;background:#22c55e;border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.fleet-metrics{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.fleet-metric{display:flex;flex-direction:column;gap:4px}.metric-val{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:#fff}.metric-lbl{font-size:9px;color:#64748b;font-weight:500}.fleet-log-window{background:#00000040;border-radius:12px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:10.5px;color:#94a3b8;border:1px solid rgba(255,255,255,.03);height:66px;overflow:hidden;position:relative}.log-container{display:flex;flex-direction:column;gap:6px}.log-row{display:flex;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:18px;line-height:18px;align-items:center}.log-row .tag{color:#475569;font-weight:700}.log-row .tag-warn{color:#f59e0b}.log-row .tag-success{color:#10b981}.fleet-footer{font-size:10px;color:#475569;text-align:right}.how-it-works{max-width:1100px;margin:48px auto 0;padding:0 40px}.steps-row{display:flex;align-items:stretch;justify-content:space-between;gap:12px}.step-card{background:var(--surface-top);border:1px solid rgba(0,0,0,.05);border-radius:20px;padding:24px;flex:1;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.step-card:hover{transform:translateY(-3px);border-color:#2b528626;box-shadow:0 12px 32px #2b528608}.step-badge{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:700;font-size:11px;margin-bottom:16px;box-shadow:0 4px 10px #2b528633}.step-card h4{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}.step-card p{color:var(--text-ghost);font-size:12px;line-height:1.6}.step-line{display:flex;align-items:center;justify-content:center;color:var(--text-ghost);opacity:.25}.step-line:after{content:"→";font-size:16px}.categories-container{max-width:1100px;margin:64px auto 0;padding:0 40px;display:flex;justify-content:center}.categories{display:flex;gap:10px;background:var(--surface-low);padding:6px;border-radius:16px;border:1px solid rgba(0,0,0,.04);flex-wrap:wrap;justify-content:center}.cat-btn{font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:12px 18px;border:none;border-radius:12px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:96px}.cat-btn:hover{color:var(--text)}.cat-btn.active{background:var(--surface-top);color:var(--accent);box-shadow:0 4px 12px #0000000d}.cat-icon{width:18px;height:18px;flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1);opacity:.7}.cat-btn:hover .cat-icon{transform:scale(1.15) translateY(-1px);opacity:1}.cat-btn.active .cat-icon{color:var(--accent);opacity:1}.marketplace{max-width:1100px;margin:32px auto 0;padding:0 40px 96px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.emp-card{background:var(--surface-top);border-radius:24px;padding:28px;border:1px solid rgba(0,0,0,.05);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:380px}.emp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3.5px;background:var(--accent-gradient);opacity:0;transition:opacity .4s ease}.emp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #2b52860d;border-color:#2b528626}.emp-card:hover:before{opacity:1}.card-inner-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;position:relative}.role-icon-box{width:44px;height:44px;border-radius:12px;background:var(--surface-low);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(0,0,0,.03)}.role-title-box{display:flex;flex-direction:column;flex:1}.role-title{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;color:var(--text);line-height:1.25}.role-cat{font-size:11px;color:var(--text-ghost);margin-top:3px;font-weight:500}.live-status-badge{display:flex;align-items:center;gap:5px;font-family:monospace;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;flex-shrink:0}.live-status-badge.online{background:#4755690f;color:var(--text-muted)}.live-status-badge.running{background:#22c55e14;color:#16a34a}.status-pulse-dot{width:4px;height:4px;background:#22c55e;border-radius:50%;animation:pulse-active 1.5s infinite}.benefit-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:#16a34a;background:#22c55e14;padding:4px 10px;border-radius:6px;margin-bottom:14px;width:fit-content;letter-spacing:.5px}.role-desc{font-size:13.5px;color:var(--text-muted);line-height:1.68;margin-bottom:16px;height:68px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.role-monitor{background:#0f172a;border-radius:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.04);margin-bottom:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:10px;display:flex;flex-direction:column;gap:4px}.monitor-title{color:#475569;font-weight:700;text-transform:uppercase;font-size:8.5px;letter-spacing:.5px}.monitor-log{color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-log.rolling{animation:logRollUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes logRollUp{0%{opacity:1;transform:translateY(0)}40%{opacity:0;transform:translateY(-10px)}50%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.role-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.role-tag{font-size:11px;padding:3.5px 10px;border-radius:8px;background:var(--surface-low);color:var(--text-ghost);font-weight:500}.role-meta-footer{display:flex;flex-direction:column;gap:14px;border-top:1px solid rgba(0,0,0,.04);padding-top:16px;margin-top:auto}.meta-style{font-size:11.5px;color:var(--text-ghost)}.meta-style strong{color:var(--text)}.subscribe-btn{font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;padding:11px 0;border:1.5px solid var(--accent);border-radius:20px;background:transparent;color:var(--accent);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.subscribe-btn:hover{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.modal-overlay{display:none;position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(4px);z-index:100;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--surface-top);border-radius:28px;padding:36px;width:90%;max-width:460px;position:relative;animation:modalIn .35s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto;border:1px solid rgba(0,0,0,.05);box-shadow:0 24px 60px #0f172a26}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.modal-header h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--text);margin:0}.modal .close-btn{position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background:var(--surface-low);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-ghost);transition:all .2s}.modal .close-btn:hover{background:var(--surface-mid);color:var(--text)}.modal .modal-sub{font-size:13.5px;color:var(--text-muted);margin-bottom:24px}.modal .modal-sub .role-name{font-weight:700;color:var(--accent)}.next-steps{background:var(--surface-low);border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid rgba(0,0,0,.03)}.next-steps .ns-title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:14px;letter-spacing:.5px}.next-steps .ns-list{display:flex;flex-direction:column;gap:12px}.next-steps .ns-item{display:flex;align-items:flex-start;gap:12px}.next-steps .ns-num{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px var(--accent-glow)}.next-steps .ns-meta{display:flex;flex-direction:column;gap:2px}.next-steps .ns-meta strong{font-size:12.5px;color:var(--text)}.next-steps .ns-meta span{font-size:11px;color:var(--text-ghost)}.modal-field{margin-bottom:16px}.modal-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--text-muted)}.modal-field input{width:100%;font-family:Inter,sans-serif;font-size:14px;padding:11px 14px;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;background:var(--surface);color:var(--text);outline:none;transition:all .3s}.modal-field input::placeholder{color:var(--text-ghost)}.modal-field input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px var(--accent-glow)}.modal .modal-submit{font-family:Inter,sans-serif;font-size:14.5px;font-weight:600;padding:13px 0;border:none;border-radius:22px;background:var(--brand);color:#fff;cursor:pointer;transition:all .3s;width:100%;margin-top:10px}.modal .modal-submit:hover{background:var(--brand-light);transform:translateY(-1px);box-shadow:0 8px 24px var(--brand-glow)}.modal .modal-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal .modal-status{font-size:12.5px;text-align:center;margin-top:12px;min-height:20px;line-height:1.5}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-copy{align-items:center}.trust-bar{justify-content:center}.card-grid{grid-template-columns:repeat(2,1fr)}.steps-row{flex-direction:column;gap:20px}.step-line{transform:rotate(90deg);padding:4px 0}}@media(max-width:768px){.hero-section{padding:64px 20px 36px}.hero-copy h1{font-size:34px}.how-it-works{padding:0 20px}.categories-container{padding:0 20px;margin-top:48px}.marketplace{padding:0 20px 64px}.card-grid{grid-template-columns:1fr}.modal{padding:28px}}