.compare-nav{position:sticky;top:0;z-index:20;background:#faf8fff2;backdrop-filter:blur(12px);border-bottom:1px solid #ddd4e8;padding:10px 20px;display:flex;justify-content:center;align-items:center;gap:24px;font-size:14px}.compare-nav>span{font-size:12px;color:#71617c}.compare-nav>div{display:flex;gap:6px}.compare-nav a{min-height:44px;display:flex;align-items:center;padding:8px 15px;text-decoration:none;border-radius:9px}.compare-nav a[aria-current]{background:#2a1b36;color:white}.hero{display:block;position:relative;isolation:isolate;padding:70px 50px 76px}.hero-copy{max-width:660px;margin:auto;text-align:center}.hero-copy h1{font-size:clamp(43px,5vw,70px)}.hero .button{margin-inline:auto;max-width:370px}.ambient{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;z-index:-1;overflow:hidden}.ambient video{width:100%;height:100%;object-fit:cover;object-position:45% center}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(253,252,255,.83),rgba(253,252,255,.73) 45%,rgba(253,252,255,.88));pointer-events:none}.ambient #motion-toggle{z-index:2;bottom:12px;left:12px}.option-a .hero{border-radius:26px;overflow:hidden;margin-bottom:40px}.option-a .hero:after{content:"";position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 70px 35px #fdfcff30;pointer-events:none}.option-b .hero{padding-top:46px;padding-bottom:66px}.option-b .final{isolation:isolate;border-radius:30px;overflow:hidden;margin-top:40px;margin-bottom:30px;padding-inline:30px}.option-b .final:before{display:none}.option-b .final .ambient:after{background:linear-gradient(180deg,#fdfcffd6,#fdfcffad 55%,#fdfcffd9)}#closing{scroll-margin-top:82px}@media(max-width:760px){.compare-nav{padding:8px 10px;gap:4px;flex-direction:column}.compare-nav>span{display:none}.compare-nav a{font-size:13px;padding:9px 14px}.hero{padding:35px 0 66px}.hero-copy{text-align:right}.hero-copy h1{font-size:43px}.hero .button{max-width:none}.option-a .hero{width:100%;padding-inline:24px;border-radius:0;margin-bottom:0}.option-a .hero-copy{max-width:520px}.option-a .ambient video{object-position:40% center}.option-b .hero{padding-top:25px;padding-bottom:55px}.option-b .final{width:100%;border-radius:0;margin-top:0;margin-bottom:0;padding:76px 24px 40px}.ambient #motion-toggle{width:44px;height:44px;bottom:8px;left:10px}#closing{scroll-margin-top:66px}}@media(max-width:360px){.hero-copy h1{font-size:38px}.option-a .hero{padding-inline:18px}}
