.banner-container{position:relative;width:90%;max-width:1300px;background:linear-gradient(135deg,#16161e,#1e1e2c);border:1px solid rgba(76,196,155,.12);border-radius:20px;padding:32px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;margin:6rem auto;overflow:hidden}.banner-container:before{content:"";position:absolute;top:-120px;left:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(76,196,155,.18) 0%,transparent 70%);pointer-events:none}.banner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;position:relative}.device-cluster{flex:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:360px;padding:20px 30px 60px}.laptop-mockup{width:100%;max-width:560px;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}.laptop-mockup__lid{background:linear-gradient(180deg,#1a1a20,#101015);padding:12px 12px 22px;border-radius:14px 14px 4px 4px;border:1px solid rgba(255,255,255,.08);border-bottom:none;position:relative}.laptop-mockup__lid:before{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#ffffff14;box-shadow:inset 0 0 0 1px #0006}.laptop-mockup__screen{background:#000;border-radius:3px;overflow:hidden;position:relative}.laptop-mockup__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 35%,transparent 65%,rgba(255,255,255,.03) 100%);pointer-events:none}.laptop-mockup__display{display:block;width:100%;height:auto}.laptop-mockup__hinge{height:6px;background:linear-gradient(180deg,#14141a,#2a2a32,#0a0a10);margin:0 -2%;border-radius:0 0 2px 2px;position:relative;z-index:1}.laptop-mockup__base{height:14px;background:linear-gradient(180deg,#1a1a20,#0a0a10);clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);margin:0 -4%;border-radius:0 0 8px 8px;position:relative}.laptop-mockup__notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:90px;height:4px;background:#0000008c;border-radius:0 0 8px 8px}.phone-mockup{position:absolute;bottom:-10px;right:-10px;width:210px;pointer-events:none;z-index:2}.responsive-phone{width:100%;margin-left:0;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.55))}.banner-text{flex:2;color:#fff;padding:20px;text-align:center}.banner-eyebrow{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(76,196,155,.5);border-radius:999px;font-size:1.1rem;font-weight:500;letter-spacing:.22em;color:#4cc49b;text-transform:uppercase;margin-bottom:2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.banner-text h1{font-size:6.5rem;color:#fff;margin:0 0 24px;letter-spacing:1.4px;font-family:BenguiatBold!important;font-weight:700;font-style:normal}.banner-text p{font-size:2rem;letter-spacing:.5px;color:#ffffffb3;line-height:1.5;max-width:48ch;margin:0 auto}.store-buttons{display:flex;flex-wrap:wrap;justify-content:center;margin-top:32px;gap:12px}.store-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:#0006;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;text-decoration:none;min-width:150px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.store-btn:hover{transform:translateY(-2px);border-color:#4cc49b8c;background:#0000008c}.store-btn svg{width:26px;height:26px;flex:0 0 auto}.store-btn__inner{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.store-btn__top{font-size:1rem;letter-spacing:.5px;opacity:.7}.store-btn__bot{font-size:1.5rem;font-weight:600;letter-spacing:.2px}.store-btn__badge{position:absolute;top:-8px;right:-6px;background:#4cc49b;color:#0f0f14;font-size:.9rem;font-weight:700;letter-spacing:.08em;padding:3px 7px;border-radius:6px;box-shadow:0 4px 14px #4cc49b66}@media(max-width:768px){.banner-container{margin:3rem auto;padding:24px}.banner{flex-direction:column;text-align:center}.banner-text{text-align:center;padding:20px 0}.banner-text h1{font-size:4rem}.banner-text p{font-size:1.6rem}.banner-eyebrow{font-size:1rem;margin-bottom:1.4rem}.store-buttons{justify-content:center;margin:20px 0 0}.store-btn{min-width:140px}.device-cluster{min-height:0;padding:10px 16px 50px;width:100%;max-width:420px}.laptop-mockup{max-width:100%}.phone-mockup{width:140px;bottom:-14px;right:-8px}.responsive-phone{width:100%;margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/app-banner.css.map */