.ob-hero{color:#fff;background:#10221d url(/assets/bg2.png) top/cover no-repeat;height:850px;padding-top:170px;overflow:hidden}.ob-hero__inner{grid-template-columns:1.15fr .85fr;gap:48px;height:100%;display:grid}.ob-hero__copy{z-index:2;align-self:start;position:relative}.ob-hero h1{letter-spacing:-.045em;min-height:0;margin:0 0 28px;font-family:Phudu,sans-serif;font-size:clamp(52px,5vw,76px);font-weight:700;line-height:.98}.ob-hero h1 span{color:#e2ff94}.ob-hero__copy p{color:#ffffffb8;max-width:590px;min-height:0;margin:0 0 52px;font-size:19px;line-height:1.45}.ob-hero__visual{min-width:0;position:relative}.ob-hero__panel{width:492.15px;max-width:none;height:691.05px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.ob-hero__cards{width:auto;max-width:none;height:668px;position:absolute;bottom:0;left:50%;transform:translate(-40%)}.ob-hero__received,.ob-hero__sent{max-width:none;height:auto;position:absolute}.ob-hero__received{width:249px;top:290px;left:-30px}.ob-hero__sent{width:221px;bottom:110px;right:-40px}.ob-benefits{padding:110px 0 100px}.ob-benefits .section-title{margin-bottom:140px}.ob-benefits__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:80px;display:grid}.ob-benefit{text-align:center}.ob-benefit__icon{justify-content:center;align-items:center;height:150px;margin-bottom:44px;display:flex}.ob-benefit__icon img{width:auto;max-height:129px}.ob-benefit h3,.ob-step h3{text-transform:uppercase;margin:0 0 16px;font-family:Phudu,sans-serif;font-size:25px;line-height:1.15}.ob-benefit p,.ob-step p{margin:0;font-size:18px;line-height:1.5}.ob-benefit p{max-width:345px;margin-inline:auto}.ob-cta{color:#fff;text-align:center;background:#102b24 url(/_astro/MacBook%20Pro%2016_%20-%2048.CeDvkiVS.png) 50%/cover no-repeat;align-items:center;min-height:535px;padding:110px 0;display:grid}.ob-cta .section-title{margin-bottom:30px}.ob-cta p{color:#ffffffbf;margin:0 0 52px;font-size:20px}.ob-steps{padding:120px 0}.ob-steps .section-title{margin-bottom:88px}.ob-steps__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.ob-step{background:#eff3f3;border-radius:16px;padding:30px 24px}.ob-step__number{color:#afce61;margin-bottom:40px;font-family:Phudu,sans-serif;font-size:56px;font-weight:700;line-height:1;display:block}.ob-step h3{margin-bottom:12px;font-size:24px}@media (width<=1100px){.ob-hero__inner{grid-template-columns:1.1fr .9fr;gap:30px}.ob-hero__sent{right:-12px}.ob-benefits__grid{gap:32px}.ob-steps__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=840px){.ob-hero{height:auto;padding-top:130px}.ob-hero__inner{grid-template-columns:1fr;gap:50px}.ob-hero__visual{width:min(100%,520px);height:680px;margin-inline:auto}.ob-benefits__grid{grid-template-columns:1fr;gap:50px}.ob-benefits{padding:90px 0}.ob-cta{min-height:0;padding:90px 0}}@media (width<=560px){.ob-hero h1{font-size:42px}.ob-hero__copy p{min-height:0;font-size:17px}.ob-hero__visual{height:510px}.ob-hero__panel{width:365.5px;height:auto;top:-20px}.ob-hero__cards{height:500px}.ob-hero__received{width:190px;top:220px;left:-8px}.ob-hero__sent{width:175px;bottom:65px;right:-5px}.ob-cta .section-title{font-size:36px}.ob-cta p{font-size:18px}.ob-steps__grid{grid-template-columns:1fr}.ob-steps .section-title{margin-bottom:45px}.ob-step__number{margin-bottom:24px}}.ob-hero__sent{animation:6s ease-in-out infinite detail-float}.ob-hero__received{animation:7.5s ease-in-out -3s infinite detail-float}.ob-cta-reveal{overflow:clip}.ob-cta-reveal .ob-cta{opacity:0;transform-origin:50%;transition:transform .8s cubic-bezier(.55,0,.15,1),opacity .3s;transform:scale(.2)}.ob-cta-reveal.is-visible .ob-cta,.ob-cta-reveal:focus-within .ob-cta{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.ob-hero__sent,.ob-hero__received{animation:none}.ob-cta-reveal .ob-cta{opacity:1;transition:none;transform:none}}.ob-steps__grid>.ob-step{transform-origin:50%;animation:6.4s ease-in-out infinite ob-step-pulse}.ob-steps__grid>.ob-step:nth-child(2){animation-delay:1.6s}.ob-steps__grid>.ob-step:nth-child(3){animation-delay:3.2s}.ob-steps__grid>.ob-step:nth-child(4){animation-delay:4.8s}@keyframes ob-step-pulse{0%,25%,to{transform:scale(1)}12.5%{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.ob-steps__grid>.ob-step{animation:none}}
