.home-hero{background:#101722;color:#fff;position:relative;isolation:isolate;padding:76px 6vw 0}.home-hero:before{content:'';position:absolute;inset:0 0 240px;z-index:-1;background-image:linear-gradient(90deg,rgba(7,14,25,.84),rgba(7,14,25,.48) 52%,rgba(7,14,25,.08)),linear-gradient(0deg,#101722,transparent 50%),url('design/heroes/home-composite.webp');background-size:cover;background-position:center}.home-copy{max-width:780px;padding-bottom:65px}.home-copy .eyebrow{color:#d4dae5;font-size:12px;letter-spacing:2px}.home-copy h1{font-size:clamp(44px,5.5vw,78px);line-height:1.06;letter-spacing:-.04em;margin-bottom:26px}.home-intro{font-size:22px;line-height:1.55;max-width:610px;color:#fff}.home-detail{font-size:17px;line-height:1.7;max-width:570px;color:#d0d7e4}.home-copy .button{background:#e84b58;color:#fff;font-size:16px;line-height:1.5;min-height:52px;padding:16px 24px}.home-offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff36;padding:30px 0 38px;gap:0}.home-offer{display:flex;gap:15px;padding:8px 23px;border-right:1px solid #ffffff25;text-decoration:none;min-width:0}.home-offer:first-child{padding-left:0}.home-offer:last-child{border-right:0;padding-right:0}.offer-dot{width:22px;height:22px;flex:0 0 22px;border-radius:50%;margin-top:2px}.dot-property{background:#f37a6b}.dot-business{background:#b5a5ed}.dot-software{background:#8fd5f0}.dot-security{background:#e84b58}.home-offer small{font-size:12px;letter-spacing:1.8px;color:#c7cfdc}.home-offer h2{font-size:20px;letter-spacing:-.4px;line-height:1.25;margin:12px 0}.home-offer p{font-size:14px;line-height:1.65;color:#c3cdda;margin:0 0 19px}.home-offer strong,.protection-links a{font-size:13px;color:#fff;line-height:1.6;text-underline-offset:5px}.home-offer[href]:hover h2,.protection-links a:hover{color:#f8a0a8}.protection-links{display:flex;flex-wrap:wrap;gap:10px 16px}.home-offer[href]:focus-visible{outline-color:white}@media(max-width:1100px){.home-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.home-offer{padding:0!important;border:0}.home-hero:before{inset:0 0 300px}}@media(max-width:640px){.home-hero{padding:44px 24px 0}.home-hero:before{inset:0 0 480px;background-position:62% center;background-image:linear-gradient(90deg,rgba(7,14,25,.9),rgba(7,14,25,.55)),linear-gradient(0deg,#101722,transparent 60%),url('design/heroes/home-composite-mobile.webp')}.home-copy{padding-bottom:32px}.home-copy h1{font-size:clamp(36px,9vw,48px)}.home-intro{font-size:19px}.home-detail{font-size:16px}.home-copy .button{width:100%;justify-content:center;padding:16px;text-align:center}.home-offers{gap:26px 18px;padding:28px 0 32px}.home-offer{display:block}.offer-dot{display:block;margin-bottom:13px}.home-offer h2{font-size:18px}.home-offer p{font-size:14px}.home-offer strong,.protection-links a{display:inline-block;font-size:14px;padding:5px 0}.home-offer small{font-size:11px}.protection-links{gap:4px 12px}}@media(max-width:360px){.home-offers{grid-template-columns:1fr}.home-offer{display:flex;gap:16px}.home-hero:before{inset:0 0 780px}.home-copy h1{font-size:35px}}
/* Homepage delivery approach: the existing four brand colors. */
:root{--dot-property:#f37a6b;--dot-business:#b5a5ed;--dot-software:#8fd5f0;--dot-security:#e84b58}
.home-hero:before{inset:0;background-position:center}
.home-copy{padding-bottom:56px}
.home-copy h1{margin-bottom:24px}
.home-answer{font-size:clamp(46px,5.5vw,76px);font-weight:800;line-height:1.05;letter-spacing:-.04em;margin:0 0 24px}
.home-statements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;max-width:700px;margin-bottom:12px}
.home-statements p{display:flex;align-items:center;gap:12px;margin:0;color:#edf0f6;font-size:18px;line-height:1.5}
.home-statements .offer-dot{width:12px;height:12px;flex-basis:12px;margin:0}
.home-approach{padding:0 6vw 52px;background:#101722;color:#fff}
.approach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid #ffffff36;padding-top:32px}
.approach-card{background:#182230;border:1px solid #ffffff20;border-bottom:3px solid var(--step-color);padding:24px;min-width:0;transition:background .2s,transform .2s}
.approach-card:hover{background:#202d3e;transform:translateY(-4px)}
.approach-marker{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.approach-marker .offer-dot{margin:0}
.step-number{font-size:13px;letter-spacing:2px;color:#bac6d7}
.approach-card h2{font-size:22px;letter-spacing:1px;line-height:1.25;color:var(--step-color)}
.approach-card p{font-size:16px;line-height:1.7;color:#d0d7e4;margin:18px 0 0}
.overview .value-title{font-size:clamp(36px,4.8vw,64px);line-height:1.08;letter-spacing:-.04em;max-width:900px}
@media(max-width:1100px){.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero:before{inset:0}}
@media(max-width:640px){.home-hero:before{inset:0;background-position:62% center}.home-copy{padding-bottom:32px}.home-statements{grid-template-columns:1fr;gap:12px}.home-statements p{font-size:17px}.home-statements .offer-dot{display:inline-block}.home-answer{margin-bottom:24px}.home-approach{padding:0 24px 36px}.approach-grid{grid-template-columns:1fr;gap:16px;padding-top:24px}.approach-card{padding:24px}.approach-marker{margin-bottom:20px}.approach-marker .offer-dot{display:block}.overview .value-title{font-size:38px}}
@media(prefers-reduced-motion:reduce){.approach-card{transition:none}.approach-card:hover{transform:none}}