.hero{position:relative;padding:100px 0 88px;overflow:hidden}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--gold-soft);border:1px solid rgba(232,185,35,.25);font-size:12px;font-weight:600;color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:24px}.hero h1{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:54px;font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:24px}.hero h1 span{background:linear-gradient(135deg,var(--brand) 0%,#a78bfa 50%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:18px;color:var(--text-secondary);margin-bottom:36px;max-width:520px;line-height:1.7}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{position:relative}.mockup-stack{position:relative;z-index:1}.mockup{background:#0f1629d1;border:1px solid rgba(124,108,240,.25);border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup-bar{height:44px;background:var(--bg-subtle);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.dot-r{background:#ef4444}.dot-y{background:#f59e0b}.dot-g{background:#22c55e}.mockup-url{flex:1;margin-left:12px;height:26px;background:var(--bg-base);border-radius:6px;font-size:11px;color:var(--text-muted);display:flex;align-items:center;padding:0 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mockup-img{width:100%;height:280px;object-fit:cover;display:block;opacity:.92}.mockup-overlay{position:relative;margin-top:-80px;margin-left:24px;margin-right:24px;padding:20px;background:#0f1629eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{padding:12px;background:var(--bg-subtle);border-radius:8px;border:1px solid var(--border)}.kpi-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:18px;font-weight:700;margin-top:4px}.kpi-value.green{color:var(--secondary)}.kpi-value.gold{color:var(--gold)}.stats{position:relative;z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#070b1459;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:48px 0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;text-align:center}.trust{padding:40px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px}.trust-icon-wrap{width:44px;height:44px;border-radius:10px;background:var(--gold-soft);border:1px solid rgba(232,185,35,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.trust-icon-wrap svg{width:22px;height:22px;stroke:var(--gold);fill:none}.trust-label{font-size:14px;font-weight:600;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);border-color:#7c6cf073;box-shadow:0 20px 48px #00000059}.feature-visual{position:relative;height:180px;overflow:hidden}.feature-visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.feature-card:hover .feature-visual img{transform:scale(1.06)}.feature-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(7,11,20,.95) 100%)}.feature-visual-badge{position:absolute;bottom:14px;left:16px;z-index:1;padding:4px 10px;border-radius:6px;background:#7c6cf0d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.feature-body{padding:22px 24px 26px}.feature-body h3{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:18px;font-weight:700;margin-bottom:10px;line-height:1.3}.feature-body p{font-size:14px;color:var(--text-secondary);margin-bottom:18px;line-height:1.6}.feature-link{font-size:13px;font-weight:600;color:var(--brand);display:inline-flex;align-items:center;gap:6px}.feature-link:hover{color:#a78bfa}.flow{background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.flow-steps{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:wrap}.flow-step{flex:1;min-width:180px;max-width:220px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-align:center}.flow-step img{width:100%;height:100px;object-fit:cover;opacity:.85}.flow-step-title{padding:16px;font-weight:700;font-size:15px}.flow-arrow{display:flex;align-items:center;color:var(--brand);font-size:22px;font-weight:300}.marquee-section{padding:56px 0;overflow:hidden}.marquee-label{text-align:center;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.marquee-track{display:flex;gap:16px;animation:scroll 35s linear infinite;width:max-content}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.vendor-pill{flex-shrink:0;width:148px;height:52px;padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center}.vendor-pill img{display:block;max-width:100%;max-height:34px;width:auto;height:auto;object-fit:contain}.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.brand-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden;position:relative}.brand-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2;transition:opacity .3s,transform .5s}.brand-card:hover .brand-card-bg{opacity:.32;transform:scale(1.05)}.brand-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#070b14bf,#070b1473);pointer-events:none;z-index:1}.brand-card:hover{border-color:#7c6cf066;box-shadow:0 12px 32px #0000004d}.brand-badge{font-size:11px;font-weight:600;color:var(--text-secondary);background:#161f35d9;padding:5px 12px;border-radius:999px;border:1px solid var(--border);position:relative;z-index:2}.brand-placeholder{font-size:14px;color:var(--text-muted);font-weight:600;position:relative;z-index:2}.brand-card svg{position:relative;z-index:2}.brands-cta{text-align:center}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compare-col{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:0;position:relative;overflow:hidden}.compare-visual{height:132px;position:relative;overflow:hidden}.compare-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.compare-col:hover .compare-visual img{transform:scale(1.06)}.compare-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-elevated) 0%,transparent 55%)}.compare-body{padding:8px 36px 36px;position:relative}.compare-col:before{content:"";position:absolute;top:132px;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(124,108,240,.1),transparent);pointer-events:none;z-index:0}.compare-col.featured{border-color:var(--brand);box-shadow:0 0 0 1px #7c6cf033,0 20px 48px #0000004d}.compare-badge{position:absolute;top:16px;right:16px;z-index:2;background:linear-gradient(135deg,var(--brand),#9d8df7);color:#fff;font-size:10px;font-weight:700;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.compare-col h3{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:26px;font-weight:800;margin-bottom:24px;position:relative}.checklist{list-style:none;position:relative}.checklist li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:15px;color:var(--text-secondary)}.check{color:var(--secondary);font-weight:700;flex-shrink:0}@media(max-width:1100px){.features-grid,.trust-grid,.brands-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{padding:56px 0 64px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:34px}.hero-sub{font-size:16px;max-width:none}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.mockup-overlay{margin-left:12px;margin-right:12px;margin-top:-56px}.mockup-img{height:220px}.kpi-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.features-grid,.compare-grid{grid-template-columns:1fr}.compare-body{padding:8px 24px 28px}.brands-grid{grid-template-columns:1fr}.flow-arrow{display:none}.flow-steps{flex-direction:column;align-items:stretch}.flow-step{max-width:none;min-width:0}.trust-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero h1{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr}.stat-num{font-size:32px}}