@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Inter:wght@400;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--navy:#031426;--teal:#10c5cf}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow-x:hidden;color:var(--navy);font-family:Inter,Arial,sans-serif;background:#f7f4ef}body:before{content:"";position:fixed;inset:-18px;z-index:-2;background:url('../assets/landing-living-room-bg-v116.webp') center/cover no-repeat;filter:saturate(.84) contrast(.92);transform:scale(1.025)}body:after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(255,255,255,.18)}
.landing{width:min(100% - 32px,1120px);min-height:100svh;margin:auto;padding:27px 0 30px;display:flex;flex-direction:column;align-items:center;text-align:center}.brand-crop{width:285px;height:90px;overflow:hidden;margin-bottom:21px;mix-blend-mode:multiply}.brand-crop img{display:block;width:285px;height:auto;transform:translateY(-2px)}header h1{margin:0;max-width:930px;font:600 clamp(48px,5.05vw,72px)/1.02 "Playfair Display",Georgia,serif;letter-spacing:-.04em;text-wrap:balance}.accent{display:block;width:66px;height:3px;margin:22px auto 17px;border-radius:3px;background:var(--teal)}header p{margin:0 0 31px;font-size:clamp(22px,2.05vw,30px)}.video-frame{width:min(64vw,760px);aspect-ratio:16/9;display:grid;place-content:center;gap:13px;border:2px solid rgba(255,255,255,.92);border-radius:23px;overflow:hidden;color:#fff;background:linear-gradient(rgba(3,20,38,.13),rgba(3,20,38,.31)),url('../assets/hero-living-room.webp') center/cover no-repeat;box-shadow:0 18px 48px rgba(3,20,38,.22);text-shadow:0 2px 14px rgba(3,20,38,.65)}.video-frame strong{font-size:12px;letter-spacing:.18em}.play{width:78px;height:78px;margin:auto;border:3px solid #fff;border-radius:50%;display:grid;place-content:center;background:rgba(3,20,38,.16)}.play:after{content:"";display:block;margin-left:6px;border-block:16px solid transparent;border-left:24px solid #fff}.discover{display:inline-flex;align-items:center;justify-content:center;gap:17px;width:auto;margin:28px 0 25px;padding:17px 45px;border:0;border-radius:999px;color:#fff;background:var(--teal);box-shadow:0 13px 28px rgba(16,197,207,.34);font:700 15px Inter,Arial,sans-serif;letter-spacing:.14em;cursor:pointer}.discover span{font-size:26px;line-height:.5}.benefits{width:min(100%,760px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:3px 0 23px}.benefits>div{display:flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:0 24px;border-right:1px solid rgba(3,20,38,.24);text-align:left}.benefits>div:last-child{border:0}.benefits svg{flex:0 0 auto;width:40px;height:40px;fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.benefits span{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.55}.signature-wrap{display:flex;flex-direction:column;align-items:center}.signature-line{width:43px;height:3px;margin:0 auto 7px;border-radius:4px;background:var(--teal)}.signature{margin:0;font:500 clamp(25px,2.35vw,34px)/1.1 Caveat,"Segoe Print",cursive;transform:rotate(-2deg)}.signature-swoosh{width:82px;height:10px;margin-top:4px;border-top:3px solid var(--teal);border-radius:50%;transform:rotate(-5deg)}
@media(max-width:700px){.landing{width:min(100% - 26px,560px);padding:20px 0 26px}.brand-crop{width:220px;height:69px;margin-bottom:24px}.brand-crop img{width:220px}header h1{font-size:clamp(36px,10.8vw,49px);line-height:1.04}.accent{margin:18px auto 14px}header p{margin-bottom:24px;font-size:20px}.video-frame{width:100%;border-radius:17px}.play{width:62px;height:62px}.play:after{border-block-width:13px;border-left-width:20px}.discover{max-width:100%;margin:25px 0 24px;padding:15px 35px;font-size:12px}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.benefits>div{min-width:0;gap:5px;padding:3px 6px;border-right:1px solid rgba(3,20,38,.24);border-bottom:0}.benefits svg{width:27px;height:27px}.benefits span{font-size:7px;letter-spacing:.08em}.signature{font-size:25px}}
@media(max-height:820px) and (min-width:701px){.landing{padding:10px 0 12px}.brand-crop{width:240px;height:60px;margin-bottom:4px}.brand-crop img{width:240px;transform:translateY(-9px)}header h1{font-size:clamp(39px,3.7vw,53px)}.accent{margin:10px auto 8px}header p{margin-bottom:10px;font-size:20px}.video-frame{width:min(56vw,610px)}.discover{margin:12px 0 8px;padding:12px 29px}.signature{font-size:20px}}
.capture[hidden],.capture-success[hidden],[data-form-view][hidden]{display:none}.modal-open{overflow:hidden}.capture{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px}.capture-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,20,38,.72)}.capture-panel{position:relative;width:min(100%,720px);max-height:calc(100svh - 36px);overflow:auto;padding:34px;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(3,20,38,.35);text-align:left}.capture-close{position:absolute;top:10px;right:14px;border:0;background:transparent;color:var(--navy);font-size:32px;cursor:pointer}.capture-panel h2{max-width:580px;margin:0 35px 7px 0;font:600 clamp(27px,3.1vw,40px)/1.08 "Playfair Display",Georgia,serif}.capture-panel>div>p{margin:0 0 20px;color:#52616e}.capture-panel form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.capture-panel label{display:grid;gap:6px;font-weight:700}.capture-panel label:nth-child(3){grid-column:1/-1}.capture-panel input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #b9c9cf;border-radius:7px;font:16px Inter,Arial,sans-serif}.capture-panel h3,.preference-note,.availability,.submit-visit,.form-status,.privacy-copy{grid-column:1/-1}.capture-panel h3{margin:7px 0 -8px;font-size:20px}.preference-note{margin:0!important;font-size:14px}.availability{display:grid;gap:9px}.day-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px}.day-chip,.time-chip{min-height:40px;border:1px solid #b8d4d7;border-radius:7px;background:#fff;color:var(--navy);font-weight:700}.day-chip{background:#eef8f8}.time-list{display:flex;flex-wrap:wrap;gap:7px}.time-chip{padding:7px 10px;cursor:pointer}.time-chip.selected{border-color:var(--teal);color:#002638;background:#aef1f3;box-shadow:0 0 0 2px var(--teal)}.submit-visit,.capture-success a{display:flex;justify-content:center;align-items:center;min-height:52px;border:0;border-radius:8px;background:var(--teal);color:var(--navy);font-weight:800;text-decoration:none;cursor:pointer}.submit-visit:disabled{opacity:.6}.form-status{min-height:20px;margin:0;color:#a43528;font-weight:700}.privacy-copy{line-height:1.45;color:#52616e}.privacy-copy a{color:var(--navy)}.honeypot{position:absolute!important;left:-9999px!important}.capture-success{text-align:center}.capture-success h2{margin:0 auto 10px}.capture-success strong{display:block;margin:15px 0;color:var(--navy)}.capture-success small{display:block;margin:22px 0 8px}.capture-success a{max-width:340px;margin:auto;color:#fff;background:#20a957}@media(max-width:600px){.capture{padding:9px}.capture-panel{max-height:calc(100svh - 18px);padding:27px 18px 22px;border-radius:16px}.capture-panel form{grid-template-columns:1fr}.capture-panel label:nth-child(3){grid-column:auto}.capture-panel h3,.preference-note,.availability,.submit-visit,.form-status,.privacy-copy{grid-column:auto}.day-row{grid-template-columns:82px 1fr}.day-chip{font-size:11px}.time-chip{padding:6px 8px;font-size:12px}}
.capture-panel label:nth-child(3){grid-column:auto}.capture-panel .wide-field{grid-column:1/-1}@media(max-width:600px){.capture-panel .wide-field{grid-column:auto}}
.capture-panel{background:linear-gradient(145deg,#fff 0%,#f4fbfb 100%);border-top:5px solid var(--teal)}.capture-panel h2{color:var(--navy)}.capture-panel label{color:#087f88}.capture-panel input{background:#fff}.capture-panel h3{color:#087f88}.availability{padding:13px;border-radius:10px;background:#eaf8f8}.day-row{padding:5px;border-bottom:1px solid #cce7e8}.day-row:last-child{border-bottom:0}.day-chip{border-color:#83cdd2;background:#d9f3f4;color:#064a55}.time-chip:hover{border-color:var(--teal);background:#eefcfc}.privacy-copy{padding:10px;border-left:3px solid var(--teal);background:#fff}
