.hero{position:relative;min-height:94vh;display:flex;align-items:center;padding:135px 0 95px;background:radial-gradient(circle at 60% 20%,#f0f7ff 0,#f8fafc 40%,#fff 100%)!important;overflow:hidden}.hero .container{display:grid;grid-template-columns:1.15fr 0.85fr;gap:40px;align-items:center;position:relative;z-index:2}.hero-content{max-width:620px;grid-column:1}.hero-visual{grid-column:2}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:9999px;background:#fff;border:1.5px solid rgba(0,127,227,.18);color:#0369a1;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;margin-bottom:20px;box-shadow:0 4px 16px -2px rgba(1,127,227,.08);letter-spacing:.2px;line-height:1.4}.hero-badge .pulse-dot{width:9px;height:9px;background:#10b981;border-radius:50%;position:relative;box-shadow:0 0 10px rgba(16,185,129,.6);flex-shrink:0}.hero h1{font-family:Outfit,sans-serif;font-size:clamp(2rem, 4.5vw, 3.8rem)!important;font-weight:900!important;color:#0f172a!important;margin-bottom:20px!important;letter-spacing:-.025em!important;line-height:1.18!important;word-break:normal!important}.hero h1 .gradient-text{color:#007fe3!important;background:0 0!important;-webkit-text-fill-color:#007fe3!important;display:inline!important}.hero-desc{font-size:1.05rem!important;color:#475569!important;margin-bottom:32px!important;max-width:540px!important;line-height:1.7!important}.hero-desc strong{color:#0284c7!important;font-weight:700!important}.hero-buttons{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-bottom:36px!important}.hero-buttons .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:14px 26px!important;border-radius:9999px!important;font-family:Outfit,sans-serif!important;font-size:.95rem!important;font-weight:700!important;text-decoration:none!important;transition:all .28s cubic-bezier(.16, 1, .3, 1)!important;white-space:nowrap!important}.hero-buttons .btn-primary{background:#0f172a!important;color:#fff!important;box-shadow:0 6px 20px rgba(15,23,42,.25)!important;border:1px solid #1e293b!important}.hero-buttons .btn-primary:hover{background:#1e293b!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px rgba(15,23,42,.35)!important}.hero-buttons .btn-outline{background:#fff!important;color:#1e293b!important;border:1.5px solid #cbd5e1!important;box-shadow:0 4px 12px rgba(15,23,42,.04)!important}.hero-buttons .btn-outline:hover{background:#f8fafc!important;border-color:#007fe3!important;color:#007fe3!important;transform:translateY(-2px)!important}.hero-trust{display:flex!important;gap:12px!important;align-items:center!important;padding-top:22px!important;border-top:1px solid #e2e8f0!important;flex-wrap:wrap!important}.hero-trust .trust-item{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:10px 18px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 12px rgba(15,23,42,.03)!important;transition:all .3s cubic-bezier(.16, 1, .3, 1)!important;flex:0 1 auto!important}.hero-trust .trust-item:hover{transform:translateY(-2px)!important;border-color:rgba(0,127,227,.35)!important;box-shadow:0 8px 20px rgba(0,127,227,.08)!important}.hero-trust .trust-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:#f0f9ff!important;border:1px solid #bae6fd!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#0284c7!important;font-size:1rem!important;flex-shrink:0!important}.hero-trust .trust-info{display:flex!important;flex-direction:column!important;gap:1px!important}.hero-trust .trust-number{display:block!important;font-family:Outfit,sans-serif!important;font-weight:800!important;font-size:.96rem!important;color:#0f172a!important;line-height:1.2!important;white-space:nowrap!important}.hero-trust .trust-label{display:block!important;font-size:.78rem!important;color:#64748b!important;font-weight:600!important;white-space:nowrap!important}.hero-visual.hero-phone-visual{height:590px;position:relative;display:flex;justify-content:center;align-items:center;perspective:1200px}.hero-phone-wrap{z-index:2;position:relative;transform-style:preserve-3d}.hero-phone-mockup{width:260px!important;height:578px!important;margin:0 auto;position:relative;background:#0f172a!important;border-radius:26px!important;border:4px solid #1e293b!important;outline:1px solid rgba(255,255,255,.15)!important;outline-offset:-1px;box-shadow:0 0 0 2px #090d16,0 24px 60px rgba(0,127,227,.18),0 12px 30px rgba(15,23,42,.15),inset 0 0 0 1px rgba(255,255,255,.1)!important;transform:rotateY(-6deg) rotateX(4deg);transform-style:preserve-3d;overflow:hidden!important;transition:transform .4s cubic-bezier(.16, 1, .3, 1),box-shadow .4s ease!important}.hero-phone-wrap:hover .hero-phone-mockup{transform:rotateY(-1deg) rotateX(1deg) scale(1.02);box-shadow:0 32px 70px rgba(0,127,227,.25),0 16px 36px rgba(15,23,42,.15),0 0 0 1px rgba(0,127,227,.3)!important}.hero-phone-mockup .app-phone-screen{position:absolute!important;inset:0!important;padding:0!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important}.hero-phone-mockup .app-phone-image{width:100%!important;height:100%!important;object-fit:fill!important;display:block!important}.hero-float-card{position:absolute!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1.5px solid rgba(226,232,240,.95)!important;border-radius:14px!important;padding:10px 14px!important;height:auto!important;min-height:unset!important;max-height:fit-content!important;box-shadow:0 10px 24px -3px rgba(15,23,42,.08),0 3px 8px -2px rgba(15,23,42,.03)!important;z-index:10!important;transition:all .3s ease!important;box-sizing:border-box!important}.hero-float-card .hfc-header{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important}.hero-float-card .hfc-icon{width:34px!important;height:34px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.95rem!important;flex-shrink:0!important}.hero-float-card .hfc-title{font-family:Outfit,sans-serif!important;font-size:.82rem!important;font-weight:800!important;color:#0f172a!important;line-height:1.15!important;white-space:nowrap!important}.hero-float-card .hfc-subtitle{font-size:.72rem!important;color:#64748b!important;line-height:1.2!important;white-space:nowrap!important;margin-top:1px!important}.hero-float-card-express{top:40px!important;left:-45px!important;right:auto!important;width:auto!important;animation:floatCardOne 5.5s ease-in-out infinite alternate!important}.hero-float-card-pickup{bottom:60px!important;left:-55px!important;right:auto!important;width:auto!important;animation:floatCardTwo 6s ease-in-out infinite alternate!important}.hero-float-card-hygiene{top:120px!important;right:-45px!important;left:auto!important;width:auto!important;animation:floatCardThree 5s ease-in-out infinite alternate!important}.hero-float-card:hover{transform:scale(1.05) translateY(-3px)!important;box-shadow:0 16px 32px -4px rgba(0,127,227,.2)!important;border-color:rgba(0,127,227,.35)!important}.flagship-phone-frame{height:610px!important;width:275px!important}.flagship-phone-frame .app-phone-image{width:100%!important;height:100%!important;object-fit:fill!important}@media (max-width:991px){.hero{padding:110px 0 60px!important}.hero .container{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;gap:32px!important}.hero-visual.hero-phone-visual{height:auto!important;min-height:unset!important;margin:0 auto 10px!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.hero-phone-wrap{transform:none!important}.hero-phone-mockup{width:210px!important;height:466px!important;transform:none!important;border-radius:22px!important;box-shadow:0 16px 40px rgba(0,127,227,.15)!important}.hero-phone-mockup .app-phone-screen{border-radius:18px!important}.hero-float-card{display:none!important}.hero-content{margin:0 auto;max-width:600px;width:100%}.hero-desc{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-trust{justify-content:center}}@media (max-width:640px){.hero{padding:100px 0 45px!important}.hero .container{gap:24px!important;padding:0 18px!important}.hero-visual.hero-phone-visual{margin-bottom:0!important;order:-1!important}.hero-phone-mockup{width:180px!important;height:400px!important;border-radius:20px!important}.hero-phone-mockup .app-phone-screen{border-radius:16px!important}.hero-badge{font-size:.8rem!important;padding:6px 14px!important;margin-bottom:14px!important;max-width:100%!important}.hero h1{font-size:1.95rem!important;line-height:1.25!important;margin-bottom:14px!important;word-break:normal!important}.hero-desc{font-size:.96rem!important;line-height:1.65!important;padding:0 2px;margin-bottom:24px!important}.hero-buttons{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin-left:auto;margin-right:auto;gap:12px!important;margin-bottom:28px!important}.hero-buttons .btn{width:100%;justify-content:center;padding:13px 20px!important;font-size:.92rem!important}.hero-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%}.hero-trust .trust-item{flex-direction:column!important;text-align:center!important;padding:10px 4px!important;gap:6px!important;border-radius:14px!important}.hero-trust .trust-number{font-size:.85rem!important}.hero-trust .trust-label{font-size:.7rem!important}}@media (max-width:480px){.hero{padding:95px 0 40px!important}.hero-phone-mockup{width:165px!important;height:366px!important;border-radius:18px!important}.hero-phone-mockup .app-phone-screen{border-radius:14px!important}.hero h1{font-size:1.75rem!important}}