
:root{
  --white:#fff;--off:#f6f6f4;--ink:#111;--muted:#666;--line:#dededb;--soft:#ececea;
  --serif:'DM Serif Display',Georgia,serif;--sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#fff;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body{min-height:100vh;background:linear-gradient(180deg,#fff 0%,#f7f7f5 100%)}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
img,video{max-width:100%;display:block}
.site{min-height:100svh;position:relative;overflow:hidden}
.hero-video{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-video video{width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(.82) contrast(1.04)}
.hero-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.24) 36%,rgba(0,0,0,.48))}
.topbar{position:absolute;top:0;left:0;right:0;z-index:50;height:70px;display:flex;align-items:center}
.topin{width:min(1180px,calc(100% - 34px));margin:auto;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:var(--serif);font-size:1.5rem}
.help{font-size:.78rem;padding:10px 13px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);border-radius:10px}
.main{position:relative;z-index:2;min-height:100svh;padding:96px 20px 96px;display:flex;align-items:center}
.wrap{width:min(1040px,100%);margin:auto}
.center{text-align:center}
.kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#777;margin-bottom:16px}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.display{font-size:clamp(3.15rem,7vw,6.3rem);line-height:.96;letter-spacing:-.05em}
.lead{max-width:650px;margin:18px auto 0;color:#666;line-height:1.7;font-size:.96rem}
.hero .display,.hero .lead,.hero .kicker{color:#fff}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.choice{position:relative;min-height:225px;padding:28px;text-align:left;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.10);transition:.2s}
.choice:hover{transform:translateY(-4px);box-shadow:0 22px 54px rgba(0,0,0,.14)}
.choice .num{font-size:.72rem;color:#888}
.choice h2{font-size:2.1rem;margin-top:48px;line-height:1.02}
.choice p{font-size:.86rem;color:#5f5f5c;line-height:1.55;margin-top:8px;max-width:360px}
.choice .arrow{position:absolute;right:24px;top:23px;width:42px;height:42px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center}
.card{background:rgba(255,255,255,.95);border:1px solid #e1e1de;border-radius:18px;box-shadow:0 16px 44px rgba(0,0,0,.07);padding:38px}
.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch}
.big{font-family:var(--serif);font-size:clamp(5rem,11vw,9rem);line-height:.82;letter-spacing:-.06em}
.big-label{font-family:var(--serif);font-size:clamp(1.35rem,2vw,2rem);margin-top:18px;line-height:1.15}
.simple{color:#666;line-height:1.7;margin-top:16px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid transparent}
.btn-dark{background:#111;color:#fff}
.btn-light{background:#fff;border-color:#d8d8d5;color:#222}
.price{font-family:var(--serif);font-size:5rem;line-height:.9}
.rows{margin-top:22px;border-top:1px solid #ddd}
.row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e3e3e0;font-size:.82rem}
.row span{color:#6c6c69}.row b{font-weight:600}
.proof-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:22px}
.proof-box{background:#fff;border:1px solid #ddd;border-radius:14px;padding:9px}
.proof-box img{width:100%;border-radius:9px}
.smallstack{display:grid;gap:12px}
.note{font-size:.72rem;color:#777;line-height:1.6;margin-top:15px}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.video-card{background:#fff;border:1px solid #ddd;border-radius:16px;padding:13px}
.video-thumb{position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:11px;overflow:hidden;background:#eee}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.video-card h3{font:600 1rem var(--sans);margin-top:12px}.video-card p{font-size:.8rem;color:#666;margin-top:4px}
.form-card{max-width:720px;margin:auto}
.field{margin-top:17px}
.field label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#777;margin-bottom:7px}
.field input{width:100%;padding:15px;border:1px solid #d8d8d5;border-radius:12px;background:#fff;outline:none}
.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.answer{display:block;padding:18px;border:1px solid #d8d8d5;border-radius:13px;background:#fff;text-align:left}
.answer strong{display:block}.answer small{display:block;color:#777;margin-top:5px}
.contact-dock{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:80;display:flex;gap:8px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);padding:8px;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.09);backdrop-filter:blur(10px)}
.contact-dock a{padding:11px 14px;border:1px solid #e1e1de;border-radius:9px;background:#fff;font-size:.76rem;font-weight:600}
.back{position:fixed;z-index:70;left:max(18px,calc((100vw - 1180px)/2));top:82px;font-size:.76rem;color:#666}
.seo-section{padding:80px 20px;background:#fff}
.seo-wrap{width:min(980px,100%);margin:auto}
.seo-section h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1}
.seo-section p{font-size:.96rem;line-height:1.8;color:#555;margin-top:16px;max-width:800px}
.seo-section ul{margin:20px 0 0 20px;color:#555;line-height:1.8}
.sr-nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:.82rem}
.footer{padding:28px 20px 105px;background:#111;color:#aaa;font-size:.76rem}
.footerin{width:min(980px,100%);margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:820px){.choice-grid,.grid2,.proof-grid,.video-grid,.answer-grid{grid-template-columns:1fr}.main{padding-left:14px;padding-right:14px}.choice{min-height:190px}.choice h2{margin-top:34px}.card{padding:27px}.contact-dock{width:calc(100% - 18px);justify-content:space-between}.contact-dock a{flex:1;text-align:center;padding:11px 8px}.display{font-size:3.1rem}}

.hero .logo{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.28)}
.hero .help{background:rgba(255,255,255,.94);color:#111}
.hero .main{min-height:100svh}
.hero .choice-grid{max-width:900px;margin-left:auto;margin-right:auto}
.hero .choice{min-height:210px}
.hero .display{max-width:900px;margin-left:auto;margin-right:auto}
.hero .kicker{color:rgba(255,255,255,.76)}
.hero-video video{min-width:100%;min-height:100%}

/* Floating contact controls stay out of page content. */
.contact-dock{
  left:auto;right:18px;bottom:18px;transform:none;
  border-radius:12px;padding:7px;gap:6px;
}
.contact-dock a{min-width:68px;text-align:center}

/* Prevent body content from being hidden under the dock. */
body{padding-bottom:0}
.footer{padding-bottom:84px}

/* Keep indexable content pages clean and readable. */
.content-page .main{min-height:auto;padding-top:120px;padding-bottom:64px}
.content-page .topbar{position:absolute}
.content-page .back{position:absolute}

/* Mobile safety */
@media(max-width:820px){
  .hero .main{padding-top:86px;padding-bottom:94px;align-items:center}
  .hero .choice-grid{margin-top:24px}
  .hero .choice{min-height:154px;padding:22px}
  .hero .choice h2{font-size:1.72rem;margin-top:22px}
  .hero .choice p{font-size:.82rem}
  .contact-dock{
    left:9px;right:9px;bottom:9px;width:auto;transform:none;
  }
  .contact-dock a{min-width:0}
}
@media(max-height:720px) and (min-width:821px){
  .hero .main{padding-top:84px;padding-bottom:82px}
  .hero .choice{min-height:170px}
  .hero .choice h2{margin-top:26px}
  .hero .choice-grid{margin-top:22px}
  .hero .display{font-size:clamp(2.8rem,6vw,5.3rem)}
}

.hero{
  background:
    radial-gradient(circle at 70% 30%,rgba(255,255,255,.10),transparent 24%),
    linear-gradient(135deg,#111 0%,#242424 60%,#101010 100%);
}

/* ---------- FINAL CTA SYSTEM ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:15px 24px;
  border-radius:12px;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:-.01em;
  text-decoration:none;
  border:1px solid transparent;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn-dark{
  position:relative;
  min-width:250px;
  padding-right:58px;
  background:#111;
  color:#fff;
  border-color:#111;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.btn-dark.next-action{
  animation:kapziaNudge 3.2s ease-in-out infinite;
}
.btn-dark.next-action::after{
  content:"";
  position:absolute;
  right:20px;
  top:50%;
  width:9px;
  height:9px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:translateY(-50%) rotate(45deg);
}
.btn-dark.next-action:hover{
  animation:none;
  transform:translateY(-2px) scale(1.025);
  box-shadow:0 16px 34px rgba(0,0,0,.24);
}
@keyframes kapziaNudge{
  0%,70%,100%{transform:translateX(0) scale(1)}
  74%{transform:translateX(-4px) scale(1.025)}
  77%{transform:translateX(4px) scale(1.025)}
  80%{transform:translateX(-3px) scale(1.025)}
  83%{transform:translateX(3px) scale(1.02)}
  86%{transform:translateX(0) scale(1)}
}
.btn-light{
  background:#fff;
  color:#333;
  border-color:#d8d8d5;
  box-shadow:none;
}
.actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
  align-items:center;
}
.next-hint{display:none!important}

/* Homepage choice cards clearly show click direction without emoji text */
.choice .arrow{
  font-size:0;
  background:#111;
  color:#fff;
  border-color:#111;
}
.choice .arrow::after{
  content:"";
  width:9px;
  height:9px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:rotate(45deg);
}

/* ---------- FINAL PROOF LAYOUT ---------- */
.proof-layout{
  margin-top:28px;
  width:100%;
}
.proof-booking{
  width:100%;
  background:#fff;
  border:1px solid #ddddda;
  border-radius:16px;
  padding:12px;
  overflow:hidden;
}
.proof-booking img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:10px;
}
.proof-booking .proof-title{
  padding:10px 4px 2px;
}
.proof-ads-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
  align-items:start;
}
.proof-ad{
  background:#fff;
  border:1px solid #ddddda;
  border-radius:16px;
  padding:12px;
  overflow:hidden;
}
.proof-ad-media{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.proof-ad img{
  display:block;
  width:auto;
  max-width:100%;
  height:620px;
  object-fit:contain;
  border-radius:10px;
}
.proof-title{
  margin-top:9px;
  font-size:.78rem;
  color:#666;
  text-align:center;
}

/* ---------- CONTACT DOCK ---------- */
.contact-dock{
  position:fixed;
  right:18px;
  bottom:18px;
  left:auto;
  transform:none;
  z-index:80;
  display:grid;
  grid-template-columns:repeat(3,auto);
  gap:6px;
  padding:7px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  box-shadow:0 12px 34px rgba(0,0,0,.10);
  backdrop-filter:blur(12px);
}
.contact-dock a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:76px;
  min-height:42px;
  padding:10px 13px;
  border:1px solid #e1e1de;
  border-radius:8px;
  background:#fff;
  color:#111;
  font-size:.76rem;
  font-weight:700;
  text-align:center;
}

@media (prefers-reduced-motion: reduce){
  .btn-dark.next-action{animation:none}
}

@media(max-width:820px){
  .main{padding-left:14px;padding-right:14px;padding-bottom:118px}
  .btn-dark,.btn-light{
    width:100%;
    min-width:0;
    min-height:56px;
    font-size:.9rem;
  }
  .actions{width:100%}
  .proof-ads-row{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .proof-ad{padding:7px;border-radius:12px}
  .proof-ad img{
    width:100%;
    height:auto;
    max-height:none;
  }
  .proof-booking{padding:7px;border-radius:12px}
  .contact-dock{
    left:10px;
    right:10px;
    bottom:10px;
    width:auto;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
  }
  .contact-dock a{
    min-width:0;
    min-height:46px;
    padding:10px 6px;
    font-size:.75rem;
  }
  .back{
    font-size:.78rem;
  }
}

@media(max-width:460px){
  .proof-ads-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .proof-title{font-size:.68rem}
}


/* =========================================================
   V7 FINAL OVERRIDES — DO NOT OVERRIDE BELOW THIS LINE
   ========================================================= */

/* Big app-style CTAs */
.actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  margin-top:34px !important;
  width:100%;
}
.btn{
  min-height:64px !important;
  padding:18px 30px !important;
  border-radius:16px !important;
  font-size:1rem !important;
  font-weight:700 !important;
  line-height:1 !important;
}
.btn-dark.next-action{
  min-width:340px !important;
  padding-right:66px !important;
  animation:kapziaStrongNudge 2.8s ease-in-out infinite !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
}
.btn-dark.next-action::after{
  content:"" !important;
  position:absolute !important;
  right:24px !important;
  top:50% !important;
  width:11px !important;
  height:11px !important;
  border-top:2px solid #fff !important;
  border-right:2px solid #fff !important;
  transform:translateY(-50%) rotate(45deg) !important;
}
@keyframes kapziaStrongNudge{
  0%,66%,100%{transform:translateX(0) scale(1)}
  70%{transform:translateX(-6px) scale(1.035)}
  73%{transform:translateX(6px) scale(1.035)}
  76%{transform:translateX(-5px) scale(1.035)}
  79%{transform:translateX(5px) scale(1.03)}
  82%{transform:translateX(-3px) scale(1.02)}
  85%{transform:translateX(0) scale(1)}
}
.btn-light{
  min-width:260px !important;
  background:#fff !important;
  border:1px solid #cfcfcb !important;
}

/* Proof page layout:
   1 horizontal screenshot
   2 portrait screenshots ALWAYS side by side */
.proof-layout{
  width:min(1180px,100%) !important;
  margin:28px auto 0 !important;
}
.proof-booking{
  width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.proof-booking img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  border-radius:14px !important;
  border:1px solid #ddddda !important;
  background:#fff !important;
}
.proof-booking .proof-title{
  text-align:left !important;
  font-size:.86rem !important;
  margin-top:8px !important;
  padding:0 !important;
}

.proof-ads-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:18px !important;
  margin-top:22px !important;
  align-items:start !important;
  width:100% !important;
}
.proof-ad{
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.proof-ad-media{
  width:100% !important;
  display:block !important;
}
.proof-ad img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  border-radius:14px !important;
  border:1px solid #ddddda !important;
  background:#fff !important;
}
.proof-ad .proof-title{
  text-align:left !important;
  font-size:.82rem !important;
  margin-top:8px !important;
}

/* Stronger, cleaner proof page spacing */
body.content-page .wrap{
  width:min(1180px,calc(100% - 40px)) !important;
}
body.content-page .main{
  padding-top:118px !important;
  padding-bottom:118px !important;
}

/* Mobile: keep the two portrait screenshots side by side. */
@media(max-width:820px){
  .actions{
    flex-direction:column !important;
    gap:12px !important;
  }
  .btn,
  .btn-dark.next-action,
  .btn-light{
    width:100% !important;
    min-width:0 !important;
    min-height:62px !important;
    font-size:.98rem !important;
  }
  .proof-layout{
    width:100% !important;
  }
  .proof-ads-row{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  .proof-ad img{
    width:100% !important;
    height:auto !important;
  }
  .proof-ad .proof-title{
    font-size:.68rem !important;
    line-height:1.25 !important;
  }
  body.content-page .wrap{
    width:calc(100% - 24px) !important;
  }
}

/* Extra narrow phones: still side-by-side, smaller captions. */
@media(max-width:480px){
  .proof-ads-row{
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
  }
  .proof-ad .proof-title{
    font-size:.62rem !important;
  }
  .btn{
    min-height:60px !important;
    font-size:.94rem !important;
  }
}


/* V8 CTA emphasis */
.btn-dark.next-action{
  min-width:390px !important;
  min-height:72px !important;
  padding:20px 72px 20px 34px !important;
  font-size:1.08rem !important;
  font-weight:800 !important;
  border-radius:18px !important;
  letter-spacing:-.015em !important;
  box-shadow:0 18px 40px rgba(0,0,0,.24) !important;
  animation:kapziaAttention 3.4s cubic-bezier(.36,.07,.19,.97) infinite !important;
}
.btn-dark.next-action::after{
  right:25px !important;
  width:12px !important;
  height:12px !important;
  border-top:2.5px solid #fff !important;
  border-right:2.5px solid #fff !important;
}
@keyframes kapziaAttention{
  0%,64%,100%{transform:translateX(0) scale(1)}
  68%{transform:scale(1.045)}
  71%{transform:translateX(-7px) scale(1.045)}
  74%{transform:translateX(7px) scale(1.045)}
  77%{transform:translateX(-5px) scale(1.04)}
  80%{transform:translateX(5px) scale(1.035)}
  83%{transform:translateX(-3px) scale(1.025)}
  86%{transform:translateX(0) scale(1)}
}
.btn-dark.next-action:hover,
.btn-dark.next-action:active{
  animation:none !important;
  transform:translateY(-2px) scale(1.025) !important;
  box-shadow:0 22px 46px rgba(0,0,0,.28) !important;
}
@media(max-width:820px){
  .btn-dark.next-action{
    width:100% !important;
    min-width:0 !important;
    min-height:68px !important;
    padding:18px 58px 18px 24px !important;
    font-size:1rem !important;
    border-radius:16px !important;
  }
}
@media(max-width:480px){
  .btn-dark.next-action{
    min-height:66px !important;
    font-size:.98rem !important;
  }
}


/* V9 homepage 5-star video testimonials */
.home-proof{
  margin-top:28px;
  width:min(760px,100%);
  margin-left:auto;
  margin-right:auto;
}
.home-proof-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:12px;
  font-size:.74rem;
  color:rgba(255,255,255,.88);
}
.home-proof-head .stars{
  letter-spacing:.08em;
  font-size:.82rem;
}
.home-video-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.home-video-card{
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.94);
  padding:0;
  text-align:left;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.home-video-thumb{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#ddd;
}
.home-video-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-video-placeholder{
  background:linear-gradient(135deg,#d8d8d5,#efefed);
}
.home-play{
  position:absolute;
  left:50%;
  top:50%;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#fff;
  transform:translate(-50%,-50%);
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.home-play::after{
  content:"";
  position:absolute;
  left:18px;
  top:14px;
  width:0;height:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:12px solid #111;
}
.home-video-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  color:#111;
}
.home-video-meta strong{
  font-size:.78rem;
}
.home-video-meta span{
  font-size:.72rem;
  letter-spacing:.05em;
}
.home-video-modal{
  position:fixed;
  inset:0;
  z-index:150;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(10px);
}
.home-video-modal.open{display:flex}
.home-video-modal-inner{
  width:min(900px,100%);
  background:#111;
  border-radius:18px;
  overflow:hidden;
  position:relative;
}
.home-video-modal video{
  width:100%;
  max-height:80vh;
  background:#000;
}
.home-video-close{
  position:absolute;
  right:12px;
  top:12px;
  z-index:2;
  width:38px;
  height:38px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.92);
  color:#111;
  font-size:1.2rem;
}
@media(max-width:820px){
  .home-proof{
    margin-top:18px;
    width:100%;
  }
  .home-video-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .home-video-meta{
    padding:8px 9px;
  }
  .home-video-meta strong{
    font-size:.7rem;
  }
  .home-video-meta span{
    font-size:.62rem;
  }
}


/* V10 homepage testimonial videos */
.home-proof{
  margin-top:26px;
  width:min(780px,100%);
  margin-left:auto;
  margin-right:auto;
}
.home-proof-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:12px;
  font-size:.74rem;
  color:rgba(255,255,255,.92);
}
.home-proof-head .stars{
  letter-spacing:.08em;
  font-size:.8rem;
}
.home-video-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.home-video-card{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.24);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.home-video-player{
  width:100%;
  aspect-ratio:16/9;
  background:#111;
}
.home-video-player video{
  width:100%;
  height:100%;
  object-fit:cover;
  background:#111;
}
.home-video-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  color:#111;
}
.home-video-meta strong{
  font-size:.78rem;
}
.home-video-meta .rating{
  font-size:.7rem;
  letter-spacing:.05em;
}
@media(max-width:820px){
  .home-proof{
    margin-top:18px;
  }
  .home-video-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .home-video-meta{
    padding:8px 9px;
  }
  .home-video-meta strong{
    font-size:.68rem;
  }
  .home-video-meta .rating{
    font-size:.58rem;
  }
}


/* =========================================================
   V11 HOME TESTIMONIALS — OLD KAPZIA LIGHTBOX PATTERN
   ========================================================= */
.home-proof{
  width:min(650px,100%) !important;
  margin:16px auto 0 !important;
}
.home-proof-head{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  margin-bottom:8px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:.68rem !important;
  line-height:1 !important;
}
.home-proof-head .rating-stars{
  letter-spacing:.05em !important;
  font-size:.7rem !important;
}
.home-story-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
.home-story-card{
  display:grid !important;
  grid-template-columns:112px 1fr !important;
  align-items:stretch !important;
  width:100% !important;
  height:92px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.96) !important;
  color:#111 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
  text-align:left !important;
}
.home-story-media{
  position:relative !important;
  width:112px !important;
  height:92px !important;
  overflow:hidden !important;
  background:#d9d9d7 !important;
}
.home-story-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.home-story-media-juan{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#202020,#4b4b4b) !important;
}
.home-story-name{
  color:#fff !important;
  font-family:var(--serif) !important;
  font-size:1.2rem !important;
}
.home-story-play{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  transform:translate(-50%,-50%) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.18) !important;
}
.home-story-play::after{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  top:10px !important;
  width:0 !important;
  height:0 !important;
  border-top:7px solid transparent !important;
  border-bottom:7px solid transparent !important;
  border-left:10px solid #111 !important;
}
.home-story-info{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:7px !important;
  padding:12px 14px !important;
  min-width:0 !important;
}
.home-story-info strong{
  font-size:.78rem !important;
  line-height:1.15 !important;
}
.home-story-info span{
  font-size:.62rem !important;
  letter-spacing:.05em !important;
}
.home-video-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:200 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
  background:rgba(0,0,0,.9) !important;
  backdrop-filter:blur(10px) !important;
}
.home-video-modal.open{display:flex !important}
.home-video-modal-inner{
  position:relative !important;
  width:min(900px,100%) !important;
  background:#000 !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
.home-video-modal video{
  display:block !important;
  width:100% !important;
  max-height:82vh !important;
  background:#000 !important;
}
.home-video-close{
  position:absolute !important;
  right:12px !important;
  top:12px !important;
  z-index:2 !important;
  min-width:64px !important;
  height:36px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.94) !important;
  color:#111 !important;
  font-size:.72rem !important;
  font-weight:700 !important;
}
@media(max-width:820px){
  .home-proof{
    width:100% !important;
    margin-top:12px !important;
  }
  .home-story-row{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }
  .home-story-card{
    grid-template-columns:72px 1fr !important;
    height:72px !important;
    border-radius:10px !important;
  }
  .home-story-media{
    width:72px !important;
    height:72px !important;
  }
  .home-story-info{
    padding:8px !important;
    gap:5px !important;
  }
  .home-story-info strong{
    font-size:.64rem !important;
  }
  .home-story-info span{
    font-size:.52rem !important;
  }
  .home-story-play{
    width:28px !important;
    height:28px !important;
  }
  .home-story-play::after{
    left:12px !important;
    top:8px !important;
    border-top-width:6px !important;
    border-bottom-width:6px !important;
    border-left-width:9px !important;
  }
}


/* =========================================================
   V12 CLEAN HOMEPAGE — VALID INLINE TESTIMONIAL VIDEOS
   ========================================================= */
.home-page{
  min-height:100svh !important;
  overflow:auto !important;
}
.home-main{
  min-height:100svh !important;
  padding-top:92px !important;
  padding-bottom:110px !important;
  align-items:flex-start !important;
}
.home-wrap{
  max-width:1040px !important;
}
.home-page .display{
  margin-top:6px !important;
}
.home-page .choice-grid{
  margin-top:26px !important;
}
.home-page .choice{
  min-height:176px !important;
}
.home-page .choice h2{
  margin-top:28px !important;
}
.home-testimonials{
  width:min(700px,100%) !important;
  margin:18px auto 0 !important;
}
.home-testimonials-title{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  color:rgba(255,255,255,.9) !important;
  font-size:.7rem !important;
  margin-bottom:8px !important;
}
.home-stars{
  font-size:.7rem !important;
  letter-spacing:.06em !important;
}
.home-testimonial-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
.home-testimonial{
  overflow:hidden !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.2) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.13) !important;
}
.home-testimonial video{
  display:block !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  object-fit:cover !important;
  background:#111 !important;
}
.home-testimonial-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:8px 10px !important;
  color:#111 !important;
}
.home-testimonial-meta strong{
  font-size:.72rem !important;
}
.home-testimonial-meta span{
  font-size:.6rem !important;
  letter-spacing:.05em !important;
}
@media(max-width:820px){
  .home-main{
    padding-top:82px !important;
    padding-bottom:112px !important;
  }
  .home-page .display{
    font-size:2.8rem !important;
  }
  .home-page .choice-grid{
    margin-top:18px !important;
  }
  .home-page .choice{
    min-height:142px !important;
    padding:20px !important;
  }
  .home-page .choice h2{
    margin-top:18px !important;
    font-size:1.55rem !important;
  }
  .home-testimonials{
    margin-top:12px !important;
  }
  .home-testimonial-grid{
    gap:7px !important;
  }
  .home-testimonial-meta{
    padding:7px 8px !important;
  }
  .home-testimonial-meta strong{
    font-size:.62rem !important;
  }
  .home-testimonial-meta span{
    font-size:.5rem !important;
  }
}


/* =========================================================
   V13 TESTIMONIAL DESIGN — CLEAN TRUST STRIP + LIGHTBOX
   ========================================================= */

.home-page{
  min-height:100svh !important;
  overflow:auto !important;
}
.home-main{
  min-height:100svh !important;
  padding-top:92px !important;
  padding-bottom:112px !important;
  align-items:flex-start !important;
}
.home-wrap{
  width:min(1040px,100%) !important;
}
.home-page .choice-grid{
  margin-top:24px !important;
}
.home-page .choice{
  min-height:178px !important;
}
.home-page .choice h2{
  margin-top:28px !important;
}

/* Trust section */
.trust-strip{
  width:min(760px,100%) !important;
  margin:18px auto 0 !important;
}
.trust-strip-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin-bottom:9px !important;
  color:rgba(255,255,255,.9) !important;
  font-size:.7rem !important;
  line-height:1 !important;
}
.trust-stars{
  letter-spacing:.06em !important;
  font-size:.72rem !important;
}
.trust-video-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
.trust-video-card{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.97) !important;
  color:#111 !important;
  text-align:left !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.trust-video-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.2) !important;
}
.trust-media{
  position:relative !important;
  width:100% !important;
  aspect-ratio:16/7 !important;
  overflow:hidden !important;
  background:#1a1a1a !important;
}
.trust-media img,
.trust-media video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border:0 !important;
}
.trust-media-video video{
  pointer-events:none !important;
}
.trust-media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.34)) !important;
  pointer-events:none !important;
}
.trust-play{
  position:absolute !important;
  z-index:2 !important;
  left:18px !important;
  bottom:16px !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 7px 18px rgba(0,0,0,.2) !important;
}
.trust-play::after{
  content:"" !important;
  position:absolute !important;
  left:16px !important;
  top:11px !important;
  width:0 !important;
  height:0 !important;
  border-top:8px solid transparent !important;
  border-bottom:8px solid transparent !important;
  border-left:11px solid #111 !important;
}
.trust-watch{
  position:absolute !important;
  z-index:2 !important;
  left:66px !important;
  bottom:26px !important;
  color:#fff !important;
  font-size:.7rem !important;
  font-weight:700 !important;
}
.trust-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:10px 12px !important;
}
.trust-meta div{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width:0 !important;
}
.trust-meta strong{
  font-size:.75rem !important;
  line-height:1.1 !important;
}
.trust-meta small{
  color:#777 !important;
  font-size:.6rem !important;
}
.trust-card-stars{
  font-size:.6rem !important;
  letter-spacing:.05em !important;
  flex:none !important;
}

/* Lightbox */
.testimonial-lightbox{
  position:fixed !important;
  inset:0 !important;
  z-index:250 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px !important;
  background:rgba(0,0,0,.9) !important;
  backdrop-filter:blur(12px) !important;
}
.testimonial-lightbox.open{
  display:flex !important;
}
.testimonial-lightbox-panel{
  position:relative !important;
  width:min(900px,100%) !important;
  overflow:hidden !important;
  border-radius:16px !important;
  background:#111 !important;
  box-shadow:0 30px 90px rgba(0,0,0,.45) !important;
}
.testimonial-video-shell{
  background:#000 !important;
}
.testimonial-video-shell video{
  display:block !important;
  width:100% !important;
  max-height:78vh !important;
  background:#000 !important;
}
.testimonial-close{
  position:absolute !important;
  right:12px !important;
  top:12px !important;
  z-index:3 !important;
  min-width:64px !important;
  height:36px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.95) !important;
  color:#111 !important;
  font-size:.72rem !important;
  font-weight:700 !important;
}
.testimonial-lightbox-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:14px 16px !important;
  color:#fff !important;
}
.testimonial-lightbox-meta strong{
  font-size:.82rem !important;
}
.testimonial-lightbox-meta span{
  font-size:.72rem !important;
  letter-spacing:.05em !important;
}

@media(max-width:820px){
  .home-main{
    padding-top:82px !important;
    padding-bottom:116px !important;
  }
  .home-page .display{
    font-size:2.75rem !important;
  }
  .home-page .choice-grid{
    margin-top:17px !important;
  }
  .home-page .choice{
    min-height:138px !important;
    padding:18px !important;
  }
  .home-page .choice h2{
    margin-top:18px !important;
    font-size:1.48rem !important;
  }
  .trust-strip{
    margin-top:12px !important;
  }
  .trust-video-grid{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }
  .trust-media{
    aspect-ratio:16/8 !important;
  }
  .trust-play{
    left:10px !important;
    bottom:10px !important;
    width:30px !important;
    height:30px !important;
  }
  .trust-play::after{
    left:13px !important;
    top:8px !important;
    border-top-width:7px !important;
    border-bottom-width:7px !important;
    border-left-width:9px !important;
  }
  .trust-watch{
    left:47px !important;
    bottom:17px !important;
    font-size:.58rem !important;
  }
  .trust-meta{
    padding:8px !important;
  }
  .trust-meta strong{
    font-size:.62rem !important;
  }
  .trust-meta small{
    font-size:.5rem !important;
  }
  .trust-card-stars{
    font-size:.5rem !important;
  }
}
