.px-todos-hero{--px-bg: #f5f7fa;--px-heading: #0e1b4d;--px-text: #5d6a80;--px-eyebrow: #4770db;--px-border: #dce4ee;position:relative;overflow:hidden;padding:var(--px-hero-top, 100px) 0 var(--px-hero-bottom, 100px);background:var(--px-bg);color:var(--px-heading);font-family:Poppins,Segoe UI,Arial,sans-serif}.px-todos-hero *{box-sizing:border-box}.px-todos-hero--white{--px-bg: #ffffff}.px-todos-hero--soft{--px-bg: #f5f7fa}.px-todos-hero--navy{--px-bg: #061353;--px-heading: #ffffff;--px-text: #bdcbe0;--px-eyebrow: #7edff2;--px-border: rgba(255,255,255,.14)}.px-todos-hero--blue{--px-bg: #0d47a1;--px-heading: #ffffff;--px-text: #d7e4f4;--px-eyebrow: #8de6f6;--px-border: rgba(255,255,255,.16)}.px-todos-hero__container{width:min(1220px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(470px,1.05fr);gap:78px;align-items:center}.px-todos-hero__eyebrow{display:inline-block;margin-bottom:18px;color:var(--px-eyebrow);font-size:11px;font-weight:800;letter-spacing:.13em}.px-todos-hero__heading{max-width:690px;margin:0;color:var(--px-heading)!important;font-size:clamp(42px,5vw,62px);font-weight:750;line-height:1.04;letter-spacing:-.052em}.px-todos-hero__text{max-width:620px;margin-top:22px;color:var(--px-text);font-size:16px;line-height:1.72}.px-todos-hero__text p{margin:0}.px-todos-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.px-todos-hero__button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:750;transition:transform .2s ease}.px-todos-hero__button:hover{transform:translateY(-2px)}.px-todos-hero__button--primary{color:#fff;background:#0d47a1;box-shadow:0 12px 28px #0d47a12e}.px-todos-hero--navy .px-todos-hero__button--primary,.px-todos-hero--blue .px-todos-hero__button--primary{background:#1e88e5}.px-todos-hero__button--secondary{color:var(--px-heading);border:1px solid var(--px-border);background:#ffffffb8}.px-todos-hero--navy .px-todos-hero__button--secondary,.px-todos-hero--blue .px-todos-hero__button--secondary{color:#fff;background:#ffffff0f}.px-todos-hero__trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;color:var(--px-text);font-size:11px;font-weight:600}.px-todos-hero__trust span{display:flex;align-items:center;gap:7px}.px-todos-hero__trust span:before{content:"";width:5px;height:5px;border-radius:50%;background:#1e88e5}.px-todos-hero__visual{position:relative;min-height:500px}.px-todos-hero__visual-main{position:absolute;left:0;top:35px;width:calc(100% - 78px);height:400px;padding:10px;border:1px solid var(--px-border);border-radius:18px;background:#fff;box-shadow:0 24px 58px #0e1b4d1c}.px-todos-hero__main-image,.px-todos-hero__small-image{width:100%;height:100%;display:block;border-radius:12px;object-fit:cover}.px-todos-hero__placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#061353,#0d47a1)}.px-todos-hero__placeholder span{font-size:10px;font-weight:800;letter-spacing:.13em}.px-todos-hero__placeholder strong{margin-top:9px;font-size:24px}.px-todos-hero__placeholder p{margin:7px 0 0;color:#d0dceb;font-size:12px}.px-todos-hero__visual-small{position:absolute;z-index:2;width:185px;height:145px;padding:7px;border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 18px 42px #0e1b4d1f}.px-todos-hero__visual-small span{width:100%;height:100%;display:grid;place-items:center;border-radius:9px;color:#4770db;background:#f5f7fa;font-size:26px;font-weight:800}.px-todos-hero__visual-small--one{right:5px;top:0}.px-todos-hero__visual-small--two{right:5px;bottom:8px}@media screen and (max-width:989px){.px-todos-hero__container{width:min(780px,calc(100% - 40px));grid-template-columns:1fr;gap:45px}.px-todos-hero__visual{min-height:480px}}@media screen and (max-width:749px){.px-todos-hero{padding:72px 0}.px-todos-hero__container{width:calc(100% - 28px)}.px-todos-hero__heading{font-size:clamp(36px,10vw,46px)}.px-todos-hero__text{font-size:14.5px}.px-todos-hero__actions{flex-direction:column}.px-todos-hero__button{width:100%}.px-todos-hero__visual{min-height:370px}.px-todos-hero__visual-main{width:calc(100% - 38px);height:300px}.px-todos-hero__visual-small{width:120px;height:95px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/proxium-todos-hero.css.map */