:root{--ink:#0e2f2d;--surface:#154744;--yellow:#fddb8a;--green:#08a76d;--mint:#c7eed7;--paper:#fefffa;--muted:#507775}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:white;font-family:'Bricolage Grotesque',sans-serif;font-optical-sizing:none;font-variation-settings:'opsz' 14,'wdth' 100}p,h1{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.first-screen{background:var(--ink);border-radius:0 0 40px 40px;padding:0 20px 20px;max-width:1920px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:90px;padding-top:20px;padding-bottom:20px}.brand{position:relative;display:block;flex:0 0 170px;height:20px}.brand-art{position:absolute;left:.036px;top:-.033px}.brand-word{position:absolute;left:66px;top:2.32px}.brand img{display:block}.brand-eye{position:absolute;left:49.86px;top:4.537px}.desktop-nav{display:flex;align-items:center;gap:24px;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-.32px}.desktop-nav a{white-space:nowrap;padding:12px 0}.button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.button-yellow{background:var(--yellow);color:var(--ink);font-weight:700;border-radius:16px;padding:16px 24px;font-size:16px;line-height:1.1}.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;height:750px;background:var(--surface);display:flex;flex-direction:column;align-items:center;padding:40px 40px 0;gap:20px}.hero-photo{position:absolute;z-index:-2;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-photo>img{position:absolute;max-width:none;left:0;top:0;width:107.5714286%;height:auto;min-height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:rgb(0 0 0 / .3);z-index:-1}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;max-width:100%}.eyebrow{font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.4px;color:var(--yellow)}h1{font-size:72px;line-height:1;font-weight:700;letter-spacing:-1.44px;width:592px;max-width:100%}.intro{font-size:16px;font-weight:400;line-height:1.3;letter-spacing:-.32px;width:484px;max-width:100%}.button-split{gap:24px;padding:8px 8px 8px 24px;border-radius:12px;background:var(--green);font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.4px}.arrow-box{display:flex;align-items:center;justify-content:center;background:var(--paper);width:40px;height:40px;border-radius:8px}.arrow-box img{display:block}.icon-button{background:var(--surface);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-toggle{display:none}.icon-button img{display:block}
@media(hover:hover){.desktop-nav a:hover,.mobile-nav a:hover{color:var(--yellow)}.button-yellow:hover{background:#ebc367}.button-split:hover{background:#08764d}.icon-button:hover{background:var(--mint)}.icon-button:hover>img{filter:brightness(.3)}}.desktop-nav a:active,.mobile-nav a:active{color:var(--mint)}.button-yellow:active{background:#ebc367}.button-split:active{background:#01412a}.icon-button:active{background:var(--yellow)}
dialog{border:0;margin:0;padding:0;max-width:none;max-height:none;width:100%;height:100dvh;background:var(--ink);color:white}dialog::backdrop{background:var(--ink)}.menu-layout{min-height:max(812px,100dvh);display:flex;flex-direction:column;padding:0 16px 28px}.menu-header{height:64px;padding:0;flex-shrink:0}.mobile-nav{margin-top:16px}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0;border-bottom:1px solid #f4f7e9;font-family:'Bricolage Grotesque',sans-serif;font-weight:300;font-size:24px;line-height:1.3;letter-spacing:-.48px}.mobile-nav img{display:block}.menu-bottom{margin-top:auto;padding-top:76px}.social-proof{display:flex;flex-direction:column;gap:6px}.avatars{display:flex}.avatars>span{width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;overflow:hidden;margin-right:-10px;position:relative}.avatars img{position:absolute;width:36px;height:36px;object-fit:cover;left:-2px;top:-2px}.avatars>span:first-child img{width:45.3px;height:45.3px;left:-2px;top:-2px}.avatars>span:nth-child(2) img{height:64px;top:-6.87px}.social-proof p{font-size:14px;line-height:1.3;letter-spacing:-.14px;color:var(--mint)}.menu-cta{height:48px;font-size:18px;line-height:1;letter-spacing:-.36px;padding:0 28px;border-radius:12px;margin-top:20px;color:#01412a}.menu-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:28px;color:var(--muted);font-size:12px;line-height:1.3;letter-spacing:-.12px}
@media(min-width:1441px){.hero-photo>img{top:50%;transform:translateY(-37.35%)}}
@media(max-width:1099px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.header{height:80px;padding:0}.hero{height:750px}.hero-photo>img{width:1506px;left:calc(50% - 700px)}h1{font-size:64px;letter-spacing:-1.28px}}
@media(min-width:600px) and (max-width:799px){h1{font-size:56px;letter-spacing:-1.12px}.hero{padding:40px 24px 0}.hero-photo>img{left:calc(50% - 760px)}}
@media(max-width:599px){.first-screen{border-radius:0 0 30px 30px;padding:0 8px 8px}.header{height:64px;padding:0 8px;gap:16px}.brand{flex-basis:167px}.hero{height:740px;border-radius:20px;padding:32px 20px 20px;justify-content:space-between;gap:24px}.hero-photo>img{height:980px;width:551px;min-height:0;left:50%;transform:translateX(-50%);top:0;object-fit:cover}.hero-content{gap:12px;width:100%}.eyebrow{font-size:16px;line-height:1.2;letter-spacing:0}h1{font-size:36px;line-height:1;letter-spacing:-.72px;width:100%;max-width:400px}.intro{width:100%;max-width:420px}.button-split{gap:8px;padding:4px 4px 4px 8px;font-size:18px;line-height:1;font-weight:700;letter-spacing:-.36px}.button-split>span:first-child{display:flex;align-items:center;height:40px;padding:0 20px}.menu-header{padding:0}.hero-photo{background:var(--surface)}}
@media(max-width:359px){.hero{height:780px;padding-left:16px;padding-right:16px}.menu-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.button,.arrow-box,.icon-button,.desktop-nav a,.mobile-nav a{transition:background-color .15s ease,color .15s ease}}

/* Mobile first screen leaves 40px of the following page visible, even with Safari chrome. */
.hero-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-video-shade{position:absolute;inset:0;z-index:-1;background:rgb(0 0 0 / .6);pointer-events:none}
/* Use one black overlay for video; retain the photo shade for restoration. */
.hero-video~.hero-shade{display:none}
@media(min-width:600px) and (max-width:1199px){
 .hero-video{transform:scale(1.06);transform-origin:center}
}
@media(max-width:599px){
 .hero-video{transform:scale(1.06);transform-origin:center}
 .hero{height:calc(100svh - var(--scroll-header-height,64px) - 8px - 40px);min-height:min-content}
 .hero-content,.hero-action{flex-shrink:0}
 .hero-photo>img{inset:-32px auto auto 50%;width:551px;height:980px;min-height:100%;transform:translateX(-50%);object-fit:cover;object-position:center top}
}

/* Menu icon buttons retain focus without the yellow outline. */
.menu-toggle:focus,.menu-toggle:focus-visible,.menu-close:focus,.menu-close:focus-visible{outline:none;box-shadow:none}

/* Retain the owner-benefits feature in source while hiding it at every breakpoint. */
[hidden][data-feature="owner-benefits"]{display:none!important}