.hero-section{position:relative;padding:var(--spacing-12) 0 var(--spacing-16) 0;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid var(--color-border);overflow:hidden}@media (min-width:768px){.hero-section{padding:var(--spacing-16) 0 var(--spacing-20) 0}}.hero-container{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-10);gap:var(--spacing-10);align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.35rem .85rem;background-color:rgba(50,140,193,.1);color:var(--color-primary);border:1px solid rgba(50,140,193,.25);border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:var(--spacing-4)}.hero-badge-icon{color:var(--color-secondary);flex-shrink:0}.hero-title{font-size:clamp(1.85rem,5.5vw,3.25rem);font-weight:800;line-height:1.15;color:var(--color-primary-dark);margin-bottom:var(--spacing-5);letter-spacing:-.02em}.hero-subtitle{font-size:clamp(.95rem,1.8vw,1.125rem);line-height:1.65;color:var(--color-slate-gray);max-width:580px}.hero-actions,.hero-subtitle{margin-bottom:var(--spacing-8)}.hero-actions{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}@media (min-width:480px){.hero-actions{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-10);width:auto}}.hero-main-btn{gap:var(--spacing-2);padding:.85rem 1.6rem;border-radius:4px;width:100%;justify-content:center}@media (min-width:480px){.hero-main-btn{width:auto}}.hero-secondary-btn{padding:.85rem 1.6rem;border-radius:4px;width:100%;justify-content:center}@media (min-width:480px){.hero-secondary-btn{width:auto}}.hero-trust-metrics{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-border);width:100%}@media (min-width:640px){.hero-trust-metrics{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-6)}}.trust-metric-item{display:flex;align-items:center;gap:.6rem}.metric-icon-box{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--color-surface-gray);flex-shrink:0}.metric-star{color:#f59e0b}.metric-check{color:#10b981}.metric-shield{color:var(--color-secondary)}.metric-text{display:flex;flex-direction:column}.metric-text strong{font-size:.85rem;color:var(--color-primary-dark);line-height:1.2}.metric-text span{font-size:.75rem;color:var(--color-slate-gray)}.hero-visual{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:visible}.hero-visual,.mockup-stack{position:relative;width:100%}.mockup-stack{max-width:520px;height:300px}@media (min-width:480px){.mockup-stack{height:360px}}.mockup-web{position:absolute;top:10px;left:0;width:88%;height:260px;background-color:#071e2e;border-radius:12px;box-shadow:0 25px 50px -12px rgba(7,30,46,.35),0 0 0 1px hsla(0,0%,100%,.1);overflow:hidden;z-index:1}@media (min-width:480px){.mockup-web{height:310px}}.web-header{height:34px;background-color:#0a2540;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;padding:0 12px;gap:10px}.web-dots{display:flex;gap:5px}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background-color:#ef4444}.dot.yellow{background-color:#f59e0b}.dot.green{background-color:#10b981}.web-url{font-size:.68rem;color:var(--color-slate-light);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-body{display:flex;height:calc(100% - 34px)}.web-sidebar{width:40px;background-color:rgba(0,0,0,.2);border-right:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:8px}.sidebar-item{width:20px;height:20px;border-radius:4px;background-color:hsla(0,0%,100%,.1)}.sidebar-item.active{background-color:var(--color-secondary)}.web-main{flex:1 1;padding:10px;display:flex;flex-direction:column;gap:8px}@media (min-width:480px){.web-main{padding:14px;gap:12px}}.web-status-bar{display:flex;justify-content:space-between;align-items:center}.live-pill{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;color:#10b981;background-color:rgba(16,185,129,.12);padding:2px 6px;border-radius:10px;font-weight:600}.pulse-dot{width:5px;height:5px;border-radius:50%;background-color:#10b981;animation:pulse 1.5s infinite}.uptime-pill{font-size:.65rem;color:var(--color-slate-light)}.web-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.web-card{background-color:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:8px}@media (min-width:480px){.web-card{border-radius:8px;padding:10px;gap:10px}}.active-card{border-color:rgba(50,140,193,.4);background-color:rgba(50,140,193,.08)}.web-icon{color:var(--color-secondary);flex-shrink:0}.card-label{font-size:.6rem;color:var(--color-slate-light)}.card-val{font-size:.85rem;font-weight:700;color:#fff}@media (min-width:480px){.card-val{font-size:.95rem}}.web-chart-box{background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:6px;padding:6px 8px}@media (min-width:480px){.web-chart-box{border-radius:8px;padding:8px 10px}}.chart-header{display:flex;justify-content:space-between;font-size:.65rem;color:var(--color-slate-light);margin-bottom:4px}.growth-tag{color:#10b981;font-weight:700}.web-chart{height:36px;width:100%}@media (min-width:480px){.web-chart{height:48px}}.web-chart svg{width:100%;height:100%}.mockup-mobile{position:absolute;bottom:0;right:0;width:135px;height:230px;background-color:#0a2540;border-radius:16px;border:2px solid #1e293b;box-shadow:0 20px 40px -8px rgba(0,0,0,.5);overflow:hidden;z-index:2;display:flex;flex-direction:column}@media (min-width:480px){.mockup-mobile{width:165px;height:280px;border-radius:20px;border-width:3px}}.mobile-header{height:14px;display:flex;justify-content:center;align-items:center;background-color:#071e2e}@media (min-width:480px){.mobile-header{height:18px}}.mobile-notch{width:36px;height:6px;background-color:#1e293b;border-radius:3px}.mobile-body{flex:1 1;padding:8px;display:flex;flex-direction:column;gap:6px}@media (min-width:480px){.mobile-body{padding:10px;gap:8px}}.mobile-app-bar{display:flex;align-items:center;gap:6px}.mobile-avatar{width:16px;height:16px;border-radius:50%;background-color:var(--color-secondary)}.mobile-title-bar{flex:1 1;height:6px;background-color:hsla(0,0%,100%,.15);border-radius:3px}.mobile-hero-card{background:linear-gradient(135deg,#0b3c5d,#328cc1);border-radius:6px;padding:6px;color:#fff}.mobile-badge{font-size:.5rem;background-color:hsla(0,0%,100%,.2);padding:1px 4px;border-radius:3px;font-weight:600}.mobile-card-title{font-size:.65rem;font-weight:700;margin-top:3px}.mobile-feature-list{display:flex;flex-direction:column;gap:5px;margin-top:2px}.mobile-feature-item{display:flex;align-items:center;gap:5px;background-color:hsla(0,0%,100%,.04);padding:4px 5px;border-radius:3px}.feat-dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-secondary)}.feat-line{height:5px;background-color:hsla(0,0%,100%,.12);border-radius:2px}.feat-line.long{width:70%}.feat-line.medium{width:50%}.feat-line.short{width:35%}.mobile-home-indicator{height:10px;display:flex;justify-content:center;align-items:center}.mobile-home-indicator:after{content:"";width:40px;height:3px;background-color:hsla(0,0%,100%,.3);border-radius:2px}@media (min-width:992px){.hero-container{grid-template-columns:1.15fr .85fr;gap:var(--spacing-8)}.hero-title{font-size:3.25rem}}