.web-hero{padding:40px 20px;background:radial-gradient(circle at 15% 0,rgba(20,93,160,.35) 0,transparent 50%),radial-gradient(circle at 85% 15%,rgba(237,110,86,.2) 0,transparent 50%),radial-gradient(circle at 50% 100%,rgba(9,27,51,.7) 0,transparent 60%),#010611;color:white;min-height:calc(100vh - 65px);display:flex;align-items:center;position:relative;overflow:hidden}.web-hero:before{top:-200px;left:-200px;background:radial-gradient(circle,rgba(20,93,160,.2) 0,rgba(0,0,0,0) 65%)}.web-hero:after,.web-hero:before{content:"";position:absolute;width:800px;height:800px;z-index:0;pointer-events:none}.web-hero:after{bottom:-200px;right:-200px;background:radial-gradient(circle,rgba(237,110,86,.15) 0,rgba(0,0,0,0) 65%)}.web-hero__container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.web-hero__content{display:flex;flex-direction:column;justify-content:center}.web-hero__badge{display:inline-block;align-self:flex-start;padding:6px 12px;background:rgba(20,93,160,.2);border:1px solid rgba(157,211,255,.35);border-radius:20px;font-size:.85rem;font-weight:600;color:#9dd3ff;margin-bottom:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.web-hero__title{color:#ffffff!important;font-size:3.5rem!important;font-weight:800!important;line-height:1.1!important;margin-bottom:24px!important;letter-spacing:-1px}.web-hero__title span{background:linear-gradient(120deg,#9dd3ff,#ffb37c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.web-hero__description{color:#cbd5e1!important;font-size:1.25rem!important;line-height:1.6!important;margin-bottom:40px!important;max-width:90%}.web-hero__actions{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}.web-hero__btn-primary{background:linear-gradient(140deg,#ffe17d,#ff9f66 45%,#ff6b6b)!important;color:#0b1020!important;border:none!important;height:50px!important;padding:0 32px!important;font-size:1.1rem!important;font-weight:700!important;border-radius:8px!important;display:flex;align-items:center;gap:8px;box-shadow:0 10px 15px -3px rgba(255,159,102,.3)!important;transition:all .3s ease!important}.web-hero__btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(255,159,102,.4)!important;opacity:.9}.web-hero__btn-secondary{background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;color:white!important;height:50px!important;padding:0 32px!important;font-size:1.1rem!important;font-weight:600!important;border-radius:8px!important;transition:all .3s ease!important}.web-hero__btn-secondary:hover{background:rgba(255,255,255,.05)!important;border-color:white!important}.web-hero__trust{display:flex;gap:12px;flex-wrap:wrap}.trust-item{display:inline-flex;align-items:center;min-height:36px;padding:8px 16px;border-radius:999px;background:rgba(6,20,40,.68);border:1px solid rgba(157,211,255,.26);color:rgba(255,255,255,.9);font-size:.9rem;font-weight:600;line-height:1.2;box-shadow:0 14px 28px rgba(0,0,0,.22);gap:8px}.trust-icon{color:#10b981;font-size:1.1rem}.web-hero__visual{display:flex;justify-content:center;align-items:center;position:relative}.web-hero__mockup-wrapper{position:relative;width:100%;max-width:500px;perspective:1000px}.web-hero__mockup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:linear-gradient(135deg,rgba(20,93,160,.8),rgba(237,110,86,.8));filter:blur(80px);opacity:.3;border-radius:50%}.web-hero__mockup-content{background:#64748b;border:1px solid #94a3b8;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transform:rotateY(-10deg) rotateX(5deg);transition:transform .5s ease;position:relative;z-index:1}.web-hero__mockup-wrapper:hover .web-hero__mockup-content{transform:rotateY(0deg) rotateX(0deg)}.mockup-header{background:#475569;padding:12px 16px;display:flex;gap:8px;border-bottom:1px solid #94a3b8}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.mockup-body{padding:24px;display:flex;flex-direction:column;gap:16px;background:#64748b}.mockup-skeleton{background:#94a3b8;border-radius:4px}.mockup-skeleton.banner{height:120px;border-radius:8px;background:#94a3b8;animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.mockup-skeleton.title{height:24px;width:60%}.mockup-skeleton.text{height:12px;width:100%}.mockup-skeleton.text.short{width:80%}.mockup-blocks{display:flex;gap:12px;margin-top:8px}.mockup-block{flex:1;height:80px;background:#94a3b8;border-radius:6px;animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite;animation-delay:.5s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){.web-hero{padding:40px 20px;min-height:calc(100vh - 65px);text-align:center}.web-hero__badge{align-self:center}.web-hero__title{font-size:2.5rem!important}.web-hero__description{max-width:100%;margin:0 auto 30px!important}.web-hero__actions,.web-hero__trust{justify-content:center}.web-hero__visual{display:none}}