:root{
  --navy:#0B2A4A;
  --navy-deep:#071D32;
  --navy-mid:#123C63;
  --turquoise:#19C6C8;
  --turquoise-dark:#0E9FA3;
  --turquoise-soft:#E9FAFA;
  --white:#FFFFFF;
  --bg:#F4F7F9;
  --bg2:#EEF3F6;
  --text:#10263A;
  --muted:#687786;
  --line:#DCE5EA;
  --shadow:0 22px 60px rgba(11,42,74,.13);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--white);line-height:1.55}
a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,42,74,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.10)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.01em}
.brand-word{display:inline-flex;align-items:baseline;font-size:21px;font-weight:950;letter-spacing:-.045em;line-height:1}.brand-luv{color:inherit}.brand-dot{color:var(--turquoise);padding:0 .035em}.brand-match{color:inherit}.site-header .brand-word{color:#fff}.site-header .brand-match{color:#fff}footer .brand-word{font-size:23px}.booking-section .eyebrow{color:#77E5E6}

.site-header .brand{color:#fff}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--turquoise);color:var(--navy-deep);font-weight:950;box-shadow:0 7px 20px rgba(25,198,200,.24)}
.nav{display:flex;gap:24px;align-items:center;color:#D9E7F1;font-size:14px}
.nav a:hover{color:#fff}
.nav-cta{padding:10px 15px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.05)}
.hero{background:linear-gradient(125deg,var(--navy-deep) 0%,var(--navy) 48%,var(--navy-mid) 100%);color:#fff;padding:88px 0 72px;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(25,198,200,.13);right:-140px;top:-180px;filter:blur(2px)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}
.eyebrow{letter-spacing:.18em;font-size:12px;font-weight:850;color:var(--turquoise-dark);margin-bottom:16px}
.hero .eyebrow{color:#77E5E6}
.hero h1{font-size:clamp(50px,7vw,84px);line-height:.95;margin:0 0 24px;letter-spacing:-.055em}
.hero h1 span{color:var(--turquoise)}
.hero-copy{font-size:19px;color:#D3E1EB;max-width:720px}
.luv-principle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 2px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#C9DBE7}
.luv-principle span{display:inline-flex;align-items:baseline;gap:1px}
.luv-principle b{color:var(--turquoise);font-size:18px;line-height:1}
.luv-principle i{font-style:normal;color:#6FDADC;font-weight:900}
.hero-actions{display:flex;gap:12px;margin:30px 0 16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:13px;border:1px solid transparent;font-weight:850;cursor:pointer;background:#EEF3F6;color:var(--navy);font-size:15px;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--turquoise);color:var(--navy-deep);box-shadow:0 10px 28px rgba(25,198,200,.2)}
.btn.primary:hover{background:#38D3D5}
.btn.ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.24);color:#fff}
.btn.full{width:100%;min-height:52px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.micro{font-size:12px;color:#AFC4D4}
.hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:18px;box-shadow:0 38px 95px rgba(2,12,24,.25);backdrop-filter:blur(5px)}
.pitch{height:310px;border:2px solid rgba(255,255,255,.65);border-radius:16px;position:relative;background:linear-gradient(135deg,rgba(25,198,200,.25),rgba(255,255,255,.05));overflow:hidden}
.pitch:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.5)}
.pitch-line.center{position:absolute;left:50%;top:14px;bottom:14px;width:1px;background:rgba(255,255,255,.5)}
.pitch-circle{position:absolute;width:74px;height:74px;border:1px solid rgba(255,255,255,.55);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.penalty{position:absolute;top:30%;width:64px;height:40%;border:1px solid rgba(255,255,255,.5)}
.penalty.left{left:14px}.penalty.right{right:14px}
.dot{position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(25,198,200,.18)}
.d1{left:20%;top:35%}.d2{left:30%;top:68%}.d3{left:42%;top:48%}.d4{left:55%;top:25%}.d5{left:62%;top:70%}.d6{left:73%;top:45%}.d7{left:80%;top:20%}.d8{left:15%;top:72%}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.stats-grid div{background:rgba(255,255,255,.10);padding:14px;border-radius:13px;border:1px solid rgba(255,255,255,.06)}
.stats-grid strong{display:block;font-size:18px}.stats-grid span{display:block;color:#BDD0DE;font-size:11px;margin-top:2px}
.trust-strip{background:#F7FAFC;color:#26445E;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:17px 0;font-size:13px;font-weight:700}
.section{padding:86px 0}
.section.alt{background:var(--bg)}
.section-head{max-width:760px;margin-bottom:40px}
.section-head h2,.split h2,.booking-grid h2{font-size:clamp(36px,5vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px;color:var(--navy)}
.section-head p,.split>div>p,.booking-grid>div>p{font-size:18px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;box-shadow:0 8px 28px rgba(11,42,74,.045)}
.price-card{position:relative}
.price-card.featured{border:2px solid var(--turquoise);box-shadow:var(--shadow);transform:translateY(-8px)}
.badge{position:absolute;right:18px;top:18px;background:var(--turquoise-soft);color:#08797C;font-size:11px;font-weight:900;padding:6px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.08em}
.tag{font-size:12px;font-weight:900;letter-spacing:.12em;color:#557187}
.price{font-size:42px;font-weight:950;letter-spacing:-.04em;margin:10px 0;color:var(--navy)}
.price span{font-size:14px;color:var(--muted);font-weight:600;letter-spacing:0}
.price-card p{color:var(--muted);min-height:72px}
.price-card ul{padding:0;margin:22px 0;list-style:none}
.price-card li{padding:8px 0 8px 26px;position:relative}
.price-card li:before{content:"✓";position:absolute;left:0;color:var(--turquoise-dark);font-weight:950}
.choose{width:100%}
.fineprint{font-size:12px;color:#7B8996;margin-top:16px}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 4px 18px rgba(11,42,74,.025)}
.feature strong{display:block;margin-bottom:5px;color:var(--navy)}
.feature span{font-size:13px;color:var(--muted)}
.quote-card{background:linear-gradient(145deg,var(--navy),var(--navy-mid));color:#fff;border-radius:26px;padding:32px;position:sticky;top:100px;box-shadow:var(--shadow)}
.quote-mark{font-size:72px;color:var(--turquoise);line-height:.8}
.quote-card p{font-size:23px;line-height:1.35}.quote-card span{color:#C4D7E4;font-size:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{border-top:3px solid var(--navy);padding-top:18px}
.step span{font-size:12px;font-weight:900;color:var(--turquoise-dark)}
.step strong{display:block;font-size:20px;margin:8px 0;color:var(--navy)}
.step p{color:var(--muted);font-size:14px}
.booking-section{background:linear-gradient(135deg,var(--navy-deep),var(--navy));color:#fff}
.booking-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.booking-grid h2{color:#fff}.booking-grid>div>p{color:#BCD0DF}
.calendar{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px;margin-top:28px;backdrop-filter:blur(6px)}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cal-head strong{font-size:20px}
.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;font-size:25px;cursor:pointer}
.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.weekdays span{font-size:11px;color:#A9C0D1;text-align:center;padding:7px 0}
.day{aspect-ratio:1;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:#DCE8F0;display:grid;place-items:center;font-weight:700;cursor:default}
.day.available{cursor:pointer;background:rgba(25,198,200,.12);border-color:rgba(25,198,200,.42)}
.day.available:hover{background:rgba(25,198,200,.22)}
.day.selected{background:var(--turquoise);color:var(--navy-deep);border-color:var(--turquoise)}
.day.disabled{opacity:.24}.day.empty{visibility:hidden}
.legend{display:flex;gap:18px;flex-wrap:wrap;color:#A5BAC9;font-size:11px;margin-top:14px}
.available-dot,.disabled-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.available-dot{background:var(--turquoise)}.disabled-dot{background:#71879A}
.slots-box{margin-top:18px}.slots-box strong{display:block;margin-bottom:10px}.slots{display:flex;gap:8px;flex-wrap:wrap}
.slot{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);color:#fff;padding:10px 14px;border-radius:11px;cursor:pointer;font-weight:800}
.slot:hover,.slot.selected{background:var(--turquoise);color:var(--navy-deep)}.hidden{display:none}
.booking-card{background:#fff;color:var(--text);border-radius:28px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.20)}
.form-title{font-size:24px;font-weight:950;color:var(--navy)}
.selection-summary{margin:10px 0 20px;padding:12px 14px;border-radius:12px;background:#F0F6F8;color:#536D80;font-size:13px;border:1px solid #E2EAEE}
.booking-card label{display:block;font-size:13px;font-weight:800;margin:13px 0;color:#29465C}
.booking-card input,.booking-card select,.booking-card textarea{width:100%;margin-top:6px;padding:12px 13px;border:1px solid #CEDAE2;border-radius:11px;font:inherit;background:#fff;color:var(--text)}
.booking-card input:focus,.booking-card select:focus,.booking-card textarea:focus{outline:3px solid rgba(25,198,200,.20);border-color:var(--turquoise-dark)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important;color:#5C7182}.check input{width:auto;margin-top:4px}.check span{font-size:12px}.form-note{font-size:11px;color:#7A8795;text-align:center}
.faq-section{background:var(--bg)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 19px}.faq-grid summary{cursor:pointer;font-weight:850;color:var(--navy)}.faq-grid p{color:var(--muted);font-size:14px}
footer{background:var(--navy-deep);color:#D8E4EC;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid p{color:#96ADBE;max-width:420px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid a{color:#A9BECD;font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:36px;padding-top:20px;color:#72899A;font-size:11px}
@media(max-width:900px){.nav a:not(.nav-cta){display:none}.hero-grid,.split,.booking-grid{grid-template-columns:1fr}.hero-card{max-width:620px}.cards{grid-template-columns:1fr}.price-card.featured{transform:none}.steps{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.quote-card{position:static}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.booking-grid{gap:36px}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1160px)}.hero{padding-top:64px}.hero h1{font-size:54px}.hero-copy{font-size:16px}.stats-grid{grid-template-columns:1fr 1fr}.trust-grid,.steps,.faq-grid,.two-col,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.section{padding:64px 0}.booking-card{padding:20px}.calendar{padding:12px}.day{border-radius:9px;font-size:13px}}


/* LUV.MATCH v3: brand lockup + live booking states */
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.brand-subline{font-size:8.5px;line-height:1;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#8FB8C9;white-space:nowrap}
.site-header .brand-subline{color:#9FC8D7}
.footer-lockup .brand-subline{font-size:9px;color:#7798A9}
.booking-mode-notice{margin-top:14px;padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);font-size:12px;color:#C3D7E3}
.booking-mode-notice.live{border-color:rgba(25,198,200,.38);background:rgba(25,198,200,.10);color:#D7FFFF}
.booking-mode-notice.demo{color:#C9D8E2}
.form-status{display:none;margin:12px 0 2px;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:700}
.form-status.show{display:block}
.form-status.success{background:#EAF9F2;border:1px solid #BFE7D3;color:#17613F}
.form-status.error{background:#FFF1F1;border:1px solid #F1C7C7;color:#8A2626}
.form-status.loading{background:#EFF7FA;border:1px solid #CFDFE6;color:#345A6D}
.slot.unavailable{opacity:.35;cursor:not-allowed}
.calendar-loading{opacity:.6;pointer-events:none}
@media(max-width:560px){.brand-subline{font-size:7.3px;letter-spacing:.11em}.site-header .brand-word{font-size:19px}}


/* LUV.MATCH v5 – Cal.com Live-Booking */
.live-booking-wrap{max-width:1160px}
.booking-head{max-width:820px;margin-bottom:28px}
.booking-package-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 18px}
.booking-package-tab{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;border-radius:17px;padding:18px;text-align:left;cursor:pointer;transition:.18s ease;min-height:114px}
.booking-package-tab:hover{transform:translateY(-1px);border-color:rgba(25,198,200,.55)}
.booking-package-tab.active{background:var(--turquoise);color:var(--navy-deep);border-color:var(--turquoise);box-shadow:0 12px 30px rgba(25,198,200,.22)}
.booking-package-tab span{display:block;font-size:12px;font-weight:950;letter-spacing:.09em}
.booking-package-tab strong{display:block;font-size:28px;line-height:1.1;margin:7px 0 4px}
.booking-package-tab small{display:block;font-size:12px;opacity:.78}
.live-booking-note{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin:0 0 18px;color:#C6D8E5;font-size:13px}
.live-booking-note strong{color:#fff}
.cal-shell{position:relative;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.22);min-height:720px}
.cal-booker{width:100%;min-height:720px;overflow:auto;background:#fff}
.cal-loading{position:absolute;z-index:3;left:50%;top:26px;transform:translateX(-50%);background:#F0F6F8;color:#536D80;border:1px solid #E2EAEE;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;pointer-events:none}
.cal-legal{font-size:11px;color:#99B0C1;margin:12px 4px 0}
@media(max-width:760px){.booking-package-tabs{grid-template-columns:1fr}.booking-package-tab{min-height:auto}.cal-shell,.cal-booker{min-height:790px}}

/* Temporary live Stripe test */
.test-payment-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 22px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18)}
.test-payment-box strong{display:block;color:#fff;font-size:16px;margin-bottom:3px}
.test-payment-box span{display:block;color:#bdd0df;font-size:13px}
.test-payment-btn{white-space:nowrap}
@media(max-width:680px){.test-payment-box{align-items:flex-start;flex-direction:column}.test-payment-btn{width:100%}}