/* Updated campaign composition from the Figma design, 5 November 2026. */
.gradient-text{display:inline-block;color:var(--lime);background:linear-gradient(90deg,var(--lime) 0%,#008fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.button{border-radius:999px;padding:16px 32px;gap:36px}
.nav nav{gap:30px}.nav-cta{padding:12px 22px;gap:22px;min-height:46px}
.hero{position:relative;display:flex;align-items:center;min-height:670px;padding:100px 0;isolation:isolate;gap:0}
.hero-copy{position:relative;width:520px;max-width:46%;z-index:2}
.hero h1{margin-bottom:29px}.hero .lead{font-size:16px;line-height:1.8;margin-bottom:29px;color:#a6b0b5}
.hero .lead strong{font-weight:700}.hero-actions .button{font-size:14px;padding:17px 33px;gap:36px;min-height:59px}
.hero .hero-art{position:absolute;right:-18px;top:8px;width:720px;max-width:64%;height:auto;margin:0;padding:0;transform:none;z-index:0;pointer-events:none}
.hero-art img{display:block;width:100%;height:auto;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,black 10%)}
.hero-art img{mask-image:linear-gradient(90deg,transparent,black 10%),linear-gradient(180deg,transparent,black 5%,black 95%,transparent);mask-composite:intersect}
.hero-floor{position:absolute;left:170px;bottom:39px;width:490px;height:auto;z-index:-1;pointer-events:none;mix-blend-mode:lighten}
.proof-number strong{font-size:52px;letter-spacing:-1.5px}.proof-number>span{font-size:16px;font-weight:600;line-height:1.2}
.benefit{min-height:234px;padding:28px}.card-top{margin-bottom:27px}.benefit h3{margin-bottom:17px}.benefit p{min-height:0;margin:0;font-size:13px;line-height:1.8}
.routine .task-list ul{margin-bottom:0}.routine h2{margin-bottom:30px}.routine .task-list li{font-size:14px}
.platform>.muted{max-width:1000px;margin:0 auto;font-size:13px;line-height:1.65}
.tabs{margin-top:20px}.tabs button{border-radius:4px}
.campaign{min-height:330px;padding:50px;display:flex;align-items:center;isolation:isolate}
.campaign-copy{position:relative;z-index:2;max-width:520px}
.campaign .eyebrow{margin-bottom:25px}.campaign h2{font-size:34px;margin-bottom:26px}
.campaign .muted{font-size:13px;line-height:1.8;margin-bottom:26px;max-width:515px}
.campaign-art{position:absolute;right:0;top:0;width:590px;max-width:54%;height:100%;object-fit:cover;object-position:right center;z-index:0;pointer-events:none;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,black 12%)}
.campaign .button{min-height:58px;font-size:13px}.contact form .button{border-radius:999px}
@media(min-width:1400px){.hero{min-height:690px;padding:100px 0}}
@media(max-width:1100px){
 .nav nav{gap:24px}.nav nav a{font-size:12px}.nav-cta{padding:12px 16px;gap:15px}
 .hero{min-height:610px;padding:80px 0}.hero-copy{width:460px;max-width:49%}.hero h1{font-size:51px}.hero .lead{font-size:14px}.hero .hero-art{right:-15px;top:24px;width:640px;max-width:66%}.hero-floor{width:420px;left:100px;bottom:40px}
 .proof-number strong{font-size:45px}.proof-number>span{font-size:13px}.benefit{padding:25px;min-height:235px}
 .routine .task-list li{font-size:12px}.campaign{padding:40px;min-height:330px}.campaign-copy{max-width:48%}.campaign h2{font-size:29px}.campaign .muted{font-size:12px}
}
@media(max-width:800px){
 .hero{min-height:555px;padding:75px 0}.hero-copy{max-width:52%}.hero h1{font-size:42px}.hero .lead{font-size:12px;line-height:1.8}.hero .hero-art{top:50px;right:-10px;width:570px;max-width:67%}.hero-floor{width:340px;left:45px;bottom:68px}.hero-actions .button{font-size:12px;padding:16px 25px;min-height:53px;gap:24px}
 .proof-number strong{font-size:43px}.proof-number>span{font-size:13px}.benefit{padding:21px 17px;min-height:235px}.benefit p{font-size:11px}.benefit h3{font-size:17px}
 .routine .task-list li{font-size:11px}.platform>.muted{font-size:12px;max-width:620px}
 .campaign{padding:32px;min-height:325px}.campaign-copy{max-width:52%}.campaign h2{font-size:27px;line-height:1.2}.campaign .muted{font-size:11px}.campaign .button{font-size:10px;padding:15px 19px;gap:16px;min-height:50px}.campaign-art{max-width:53%;object-position:60% center}
}
@media(max-width:560px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:52px 0 30px;gap:0}.hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(39px,11vw,54px);line-height:1.09;margin-bottom:25px}.hero .lead{font-size:14px;line-height:1.8;margin-bottom:26px}.hero .lead br{display:none}.hero-actions{display:block}.hero-actions .button{font-size:13px;padding:17px 27px;min-height:55px}
 .hero .hero-art{position:relative;width:calc(100% + 20px);max-width:none;right:auto;top:auto;margin:6px -10px 0;z-index:0}.hero-floor{display:none}.hero-art img{width:100%;height:auto}
 .proof{padding-block:28px;gap:28px 25px}.proof-number{gap:15px}.proof-number strong{font-size:43px}.proof-number>span{font-size:13px}.benefit{padding:25px;min-height:0}.benefit h3{font-size:20px}.benefit p{font-size:13px}.card-top{margin-bottom:24px}
 .routine h2{font-size:32px}.routine .task-list li{font-size:12px;gap:12px}.routine .task-list li i{flex-shrink:0}.routine .task-list li>span{flex-shrink:0}
 .platform>h2{font-size:29px}.platform>.muted{font-size:12px;line-height:1.8}.tabs{margin-top:25px}
 .campaign{padding:31px 24px 0;display:flex;flex-direction:column;align-items:stretch;min-height:0}.campaign-copy{max-width:none}.campaign h2{font-size:29px;margin-bottom:22px}.campaign .muted{font-size:12px;margin-bottom:25px}.campaign .button{font-size:11px;padding:16px 23px;gap:22px;min-height:53px}
 .campaign-art{position:relative;right:auto;top:auto;align-self:flex-end;width:calc(100% + 48px);max-width:none;height:auto;margin:5px -24px 0;object-fit:contain;mask-image:linear-gradient(180deg,transparent,black 12%)}
 .contact h2{font-size:32px}.contact .gradient-text{white-space:nowrap}
}
@media(max-width:360px){.contact h2{font-size:28px}}
.proof{gap:28px}.proof-number{flex-shrink:0}.proof .client{flex:1;min-width:0;line-height:1}.proof .client img{display:block;width:143px;max-width:100%;height:50px;object-fit:contain;mix-blend-mode:lighten;margin:auto}.proof .client{opacity:1}
@media(max-width:1100px) and (min-width:801px){.proof{gap:18px}.proof-number{gap:12px}.proof-number strong{font-size:43px}.proof-number>span{font-size:12px}}
@media(max-width:800px){.proof .client{flex:0 1 26%;max-width:150px}.proof-number{flex-basis:100%}}
@media(max-width:560px){.proof{gap:16px 25px}.proof .client{flex-basis:40%;width:40%}.proof .client img{height:45px}.proof-number{margin-bottom:8px}}