/* get-a-quote.css — landing page styles for get-a-quote.php */

*{box-sizing:border-box}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.visually-hidden:focus-visible{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;margin:0;padding:8px 16px;background:#1a2b4c;color:#fff;font-family:system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;display:block}
body{margin:0;background:#f4f7f6;font-family:system-ui,sans-serif}
.lp-nav{background:#1a2b4c;padding:12px 24px;display:flex;align-items:center}
.lp-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;font-size:15px}
.lp-nav img{height:34px}
.trust-bar{background:#f0f4f8;border-bottom:1px solid #e0e7ef;padding:8px 20px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 20px}
.trust-bar span{font-size:11px;color:#4b5563}
.trust-bar span::before{content:"\2713  ";color:#f5b700;font-weight:700}
.wrap{max-width:1040px;margin:0 auto;padding:36px 20px 64px;display:grid;grid-template-columns:1fr 440px;gap:48px;align-items:start}
@media(max-width:800px){.wrap{grid-template-columns:1fr;padding:24px 16px 48px}}
.copy .badge{display:inline-block;background:#f5b700;color:#1a2b4c;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:3px;margin-bottom:14px}
.copy .intro{font-size:15px;color:#374151;line-height:1.75;margin:0 0 22px}
.callout{background:#fff;border-left:4px solid #f5b700;padding:16px 18px;border-radius:0 8px 8px 0;margin-bottom:24px}
.callout p{font-size:14px;color:#374151;line-height:1.75;margin:0 0 8px}
.callout p:last-child{margin-bottom:0}
.callout cite{display:block;font-style:normal;font-size:12px;color:#6b7280;margin-top:8px}
.copy p{font-size:15px;color:#374151;line-height:1.8;margin:0 0 18px}
.section-label{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#697080;margin:36px 0 14px;display:flex;align-items:center;gap:6px}
.diff-list{list-style:none;margin:0;padding:0}
.diff-list li{font-size:14px;color:#374151;padding:14px 0;border-bottom:1px solid #eef0f2;line-height:1.65;display:flex;gap:12px;align-items:flex-start}
.diff-list li:last-child{border-bottom:none}
.diff-list li .em{font-size:20px;flex-shrink:0;margin-top:1px}
.diff-list li strong{color:#1a2b4c;display:block;margin-bottom:2px}
.what-happens .step{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}
.what-happens .step:last-child{margin-bottom:0}
.what-happens .step-icon{font-size:24px;flex-shrink:0;margin-top:2px}
.what-happens .step-text{font-size:14px;color:#374151;line-height:1.65}
.what-happens .step-text strong{color:#1a2b4c;display:block;margin-bottom:3px;font-size:15px}
.end-result{background:#fff;border-left:4px solid #f5b700;padding:16px 18px;border-radius:0 8px 8px 0;margin:36px 0 0;font-size:15px;color:#374151;line-height:1.8}
.lenny-bio{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e0e7ef;border-radius:10px;padding:14px 16px;margin-top:28px}
.lenny-bio img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid #f5b700;flex-shrink:0}
.lenny-bio-text strong{display:block;font-size:14px;color:#1a2b4c;margin-bottom:2px}
.lenny-bio-text span{font-size:12px;color:#6b7280;line-height:1.5;display:block}
.card{background:#fff;border:1px solid #e0e7ef;border-radius:12px;padding:28px;box-shadow:0 2px 16px rgba(0,0,0,.07)}
.card-lenny{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #f0f0f0}
.card-lenny img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid #f5b700;flex-shrink:0}
.card-lenny-text strong{display:block;font-size:14px;color:#1a2b4c}
.card-lenny-text span{font-size:12px;color:#6b7280}
.card h2{font-size:22px;color:#1a2b4c;font-weight:700;margin:0 0 6px;line-height:1.3}
.card-sub{font-size:13px;color:#6b7280;margin:0 0 22px;line-height:1.6}
.name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.name-row{grid-template-columns:1fr}}
.f{display:flex;flex-direction:column;gap:5px}
.f label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#000 !important;font-weight:700}
.f label .req{color:#8A6400;margin-left:2px}
.f input{background:#fff !important;border:1px solid #dde3ea;border-radius:8px;color:#000 !important;font-size:15px;padding:10px 12px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}
.f input:focus{border-color:#f5b700;box-shadow:0 0 0 3px rgba(245,183,0,.12)}
.f input::placeholder{color:rgba(0,0,0,.3)}
.tcpa-notice{font-size:10px;color:#6b7280;line-height:1.5;margin:6px 0 0;font-family:system-ui,sans-serif}
.form-error{font-size:13px;color:#cc2936;background:#fff0f0;border:1px solid #fcd0d3;border-radius:8px;padding:10px 14px;margin-bottom:16px}
.btn-submit{width:100%;padding:14px;background:linear-gradient(180deg,#ffd55a,#f5b700);color:#1a2b4c;font-size:16px;font-weight:700;border:none;border-radius:9px;cursor:pointer;transition:opacity .2s,transform .1s}
.btn-submit:hover{opacity:.91;transform:translateY(-1px)}
.cta-anchor{display:none;background:linear-gradient(180deg,#ffd55a,#f5b700);color:#1a2b4c;font-size:15px;font-weight:700;padding:13px 20px;border-radius:9px;text-decoration:none;text-align:center;margin-bottom:24px}
@media(max-width:800px){.cta-anchor{display:block}.copy .badge{display:none}}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9000;align-items:center;justify-content:center;padding:20px}
.modal-overlay.open{display:flex}
.modal-box{background:#fff;border-radius:14px;padding:28px 24px;max-width:380px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,.18);text-align:center}
.modal-box h3{font-size:18px;color:#1a2b4c;margin:0 0 10px;font-weight:700}
.modal-box p{font-size:14px;color:#4b5563;line-height:1.65;margin:0 0 22px}
.modal-actions{display:flex;flex-direction:column;gap:10px}
.modal-btn-continue{padding:12px;background:#e5e7eb;color:#374151;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer}
.modal-btn-back{padding:12px;background:linear-gradient(180deg,#ffd55a,#f5b700);color:#1a2b4c;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer}
.hero-img{position:relative;background:url('https://dihqlt44wb5az.cloudfront.net/twins.slide.webp') center center/cover no-repeat;min-height:320px;display:flex;align-items:center;justify-content:center}
.hero-img::after{content:'';position:absolute;inset:0;background:rgba(26,43,76,.62)}
.hero-img-inner{position:relative;z-index:1;text-align:center;padding:48px 24px}
.hero-img-inner .stat{font-size:clamp(14px,2vw,17px);color:rgba(255,255,255,.75);margin:0 0 10px}
.hero-img-inner .soundbite{font-size:clamp(22px,3.5vw,38px);font-weight:700;color:#f5b700;line-height:1.2;margin:0;font-style:italic;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.not-ready-cta{font-size:13px;color:#6b7280;text-align:center;margin:14px 0 0;line-height:1.5}
.not-ready-cta a{color:#6b7280;text-decoration:underline}
.not-ready-cta a:hover{color:#1a2b4c}
.lp-footer{background:#fff;border-top:1px solid #e8edf2;padding:22px 24px;text-align:center;margin-top:40px}
.lp-footer p{font-size:10px;color:#6b7280;line-height:1.7;max-width:680px;margin:0 auto 4px}
.lp-footer a{color:#6b7280}

/* ── Video ── */
:root{--plyr-color-main:#f5b700;--plyr-video-control-color:#1a2b4c}
.plyr__control--overlaid{display:none !important}
.plyr__controls{display:flex;align-items:center}
.plyr__progress{flex:1 1 auto !important;min-width:0}
.video-shell:not(.expanded) .plyr__progress__container{display:none}
.plyr__time{flex-shrink:0;color:#fff !important}
.video-intro-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin:0 0 28px}
.video-shell{width:200px;transition:width .5s ease;flex-shrink:0}
.video-shell.expanded{width:min(100%, calc(85vh * 0.5625))}
.video-intro-text{flex:1;min-width:180px}
.video-wrap{border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1);background:#000;position:relative}
.video-wrap video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover}
.video-play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:24px;cursor:pointer;background:#1a2b4c url('https://dihqlt44wb5az.cloudfront.net/me-on-phone-opt.webp') center center/contain no-repeat;transition:opacity .3s}
.video-play-overlay.hidden{opacity:0;pointer-events:none}
.video-play-btn{width:56px;height:56px;background:rgba(245,183,0,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:transform .15s}
.video-play-overlay:hover .video-play-btn{transform:scale(1.08)}
.video-play-btn svg{width:22px;height:22px;fill:#1a2b4c;margin-left:3px}
.video-play-label{margin-top:10px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);letter-spacing:.3px}
.unmute-badge{display:none;position:absolute;top:12px;right:12px;background:rgba(0,0,0,.65);color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px;cursor:pointer;z-index:10;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.25);animation:pulse-badge 2s ease-in-out infinite}
.unmute-badge.visible{display:flex}
@keyframes pulse-badge{0%,100%{opacity:1}50%{opacity:.6}}
#video-refresh-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9100;align-items:center;justify-content:center;padding:20px}
#video-refresh-modal .modal-box p{margin:0 0 22px}
@media(max-width:800px){
  #mobile-video-slot{text-align:center;min-height:78vh;background:#1a2b4c;display:flex;align-items:center;justify-content:center}
  .video-shell,.video-shell.expanded{width:100%}
  .video-play-overlay{display:flex}
  .video-play-btn,.video-play-label{display:none}
}