/* Web Handyman: dedicated Get Started page */
.start-page{background:#fff;color:#013953}
.start-container{width:min(1140px,calc(100% - 72px));margin-left:auto;margin-right:auto}
.start-header .header-inner{max-width:1280px}
.start-nav-left,.start-nav-right{position:absolute;top:0;height:80px;display:flex;align-items:center;gap:24px}
.start-nav-left{right:calc(50% + 103px + 30px)}
.start-nav-right{left:calc(50% + 103px + 30px)}
.start-nav-left .nav-link,.start-nav-right .nav-link{font-size:14px}
.start-nav-right{gap:29px}
.nav-mascot{height:47px;width:54px;object-fit:contain}
.start-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:38px;padding-top:36px;align-items:start}
.start-hero-image{aspect-ratio:451 / 506;background:#f9abac;border:1px solid #013953}
.start-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.start-form-column{min-width:0;scroll-margin-top:100px;padding-top:0}
.start-form-column h1{font-size:clamp(40px,4.7vw,65px);line-height:1.06;letter-spacing:-.01em;margin:0 0 16px}
.start-lead{font-size:clamp(15px,1.47vw,18px);font-weight:500;line-height:1.28;margin:0 0 22px;max-width:590px}
.start-form{display:flex;flex-direction:column;gap:9px}
.start-form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.start-field{display:flex;flex-direction:column;border:1px solid #396d83;border-radius:9px;min-width:0;background:#fff;min-height:51px;padding:6px 10px 5px;transition:border-color .16s,box-shadow .16s}
.start-field:focus-within{border-color:#013953;box-shadow:0 0 0 2px rgba(249,171,172,.6)}
.start-field label{font-size:11px;font-weight:800;line-height:1.15;margin:0 0 5px;color:#013953}
.start-field label span{color:#b9384b}
.start-field input,.start-field textarea{appearance:none;display:block;border:0;background:transparent;padding:0;margin:0;outline:none;width:100%;color:#013953;border-radius:0;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.35}
.start-field input{height:18px}
.start-field textarea{min-height:84px;resize:vertical}
.start-field input::placeholder,.start-field textarea::placeholder{color:#98a3ae;opacity:1}
.start-message-field{min-height:111px}
.start-submit{min-height:49px;width:100%;border:0;border-radius:16px;background:#f9abac;color:#012a48;font:400 18px Bungee,Impact,sans-serif;text-transform:uppercase;margin-top:3px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .15s}
.start-submit:hover{background:#f5a0a7;transform:translateY(-2px)}
.start-submit:disabled{opacity:.75;cursor:wait;transform:none}
.submit-spinner{display:none;width:17px;height:17px;border:2px solid #012a48;border-right-color:transparent;border-radius:50%;animation:form-spin .7s linear infinite}
.is-sending .submit-spinner{display:block}
@keyframes form-spin{to{transform:rotate(360deg)}}
.start-privacy{font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;color:#013953;line-height:1.4}
.start-error{border:1px solid #9b3d4e;border-radius:9px;color:#813245;padding:12px;font-size:13px;line-height:1.4;background:#fff4f4;margin:4px 0 0}
.start-error a{font-weight:700}
.start-honey{position:absolute!important;left:-9999px!important;top:-9999px!important;opacity:0!important;pointer-events:none!important}
.start-success{min-height:330px;border:1px solid #f9abac;border-radius:15px;background:#fff9f9;text-align:center;padding:36px 24px;margin:15px 0;outline-offset:5px}
.start-success img{height:74px;margin:0 auto 14px}
.start-success h2{font:400 36px Bungee,sans-serif;margin:0 0 10px;color:#013953}
.start-success p{font-size:17px;line-height:1.55;max-width:370px;margin:0 auto 20px}
.start-success a{font:400 14px Bungee,sans-serif;color:#013953;text-decoration:underline;text-underline-offset:4px}
.start-social{text-align:center;padding-top:38px}
.start-social .five-stars{font-size:27px;letter-spacing:3px}
.start-social .review-label{font-size:24px;margin:5px 0 6px}
.start-social-blurb{font-size:16px;line-height:1.36;max-width:680px;margin:0 auto;font-weight:500}
.start-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:47px;padding-bottom:69px}
.start-benefit{text-align:center;position:relative;padding:0 16px;min-width:0}
.start-benefit+ .start-benefit{border-left:1px solid #fae1e1}
.start-benefit img{height:58px;width:58px;margin:0 auto 13px;object-fit:contain;background:#f9abac;border-radius:50%;padding:10px}
.start-benefit h3{font:400 19px/1.16 Bungee,sans-serif;margin:0 auto 11px;text-transform:uppercase}
.start-benefit p{font:400 15px/1.3 Inter,sans-serif;margin:0 auto;max-width:200px}
.start-process{border:1px solid #376b84;background:#fcf8f5;position:relative;border-radius:22px;min-height:336px;padding:48px 35px 30px;text-align:center;margin-top:0;margin-bottom:30px}
.start-process-mascot{position:absolute;width:110px;height:55px;border:1px solid #376b84;border-bottom:0;background:#fcf8f5;border-radius:65px 65px 0 0;top:-29px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}
.start-process-mascot::after{content:"";position:absolute;bottom:-1px;height:3px;background:#fcf8f5;left:0;right:0}
.start-process-mascot img{height:60px;max-width:82px;position:relative;z-index:1;margin-top:5px}
.start-process h2{font:400 clamp(31px,4vw,49px)/1.15 Bungee,sans-serif;color:#013953;text-transform:uppercase;margin:0 0 5px}
.start-process-subtitle{font:400 16px Bungee,sans-serif;text-transform:uppercase;margin:0 0 20px}
.start-steps{display:grid;grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr) 55px minmax(0,1fr);align-items:start;gap:10px}
.start-step{position:relative;padding:0 6px}
.start-step-number{display:flex;align-items:center;justify-content:center;margin:0 auto 17px;width:73px;height:73px;border-radius:50%;background:#f9abac;font:400 34px Bungee,sans-serif;color:#012a48}
.start-step h3{font:400 20px/1.23 Bungee,sans-serif;margin:0 0 9px;text-transform:uppercase}
.start-step p{font-size:16px;line-height:1.3;font-weight:500;max-width:255px;margin:0 auto}
.step-arrow{color:#f9abac;font:400 46px/1.3 Inter,Arial,sans-serif;margin-top:13px}
.start-questions{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:0 22px 25px}
.start-questions-copy h2{font-size:clamp(31px,3.7vw,45px);line-height:1.13;margin:0 0 15px}
.start-questions-copy p{font-size:18px;line-height:1.4;margin:0 0 16px;max-width:500px;font-weight:500}
.start-questions-copy .btn{min-width:190px;height:50px;border-radius:17px;border:0}
.start-questions-image{height:270px;background:#f9abac;overflow:hidden}
.start-questions-image img{height:100%;width:100%;object-fit:cover;object-position:center 36%}
.start-footer .footer-inner{width:min(1140px,calc(100% - 72px));max-width:1140px;padding:18px 0;min-height:100px}
.start-footer .footer-brand{width:170px;flex-shrink:0}
.start-footer .footer-brand img{height:56px}
.start-footer-nav{display:flex;gap:23px;align-items:center}
.start-footer-nav a{text-decoration:none;text-transform:uppercase;font:400 12px Bungee,sans-serif;white-space:nowrap}
.start-footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.start-footer small{font-size:11px;flex-basis:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
@media(max-width:1190px){.start-container{width:min(960px,calc(100% - 112px))}.start-nav-left{gap:18px;right:calc(50% + 103px + 19px)}.start-nav-right{gap:19px;left:calc(50% + 103px + 19px)}.start-nav-left .nav-link,.start-nav-right .nav-link{font-size:12px}.nav-mascot{width:40px}.start-hero{gap:30px}.start-benefit{padding:0 8px}.start-benefit h3{font-size:17px}.start-benefit p{font-size:13px}.start-footer-nav{gap:13px}}
@media(max-width:960px) and (min-width:761px){.start-container{width:calc(100% - 46px)}.start-header .brand{width:165px;top:14px}.start-header .brand img{height:48px}.start-nav-left{right:calc(50% + 82px + 12px)}.start-nav-right{left:calc(50% + 82px + 12px)}.start-nav-left .nav-link,.start-nav-right .nav-link{font-size:10px}.start-nav-left{gap:11px}.start-nav-right{gap:11px}.nav-mascot{width:31px}.start-hero{grid-template-columns:1fr 1fr;gap:24px}.start-form-column h1{font-size:clamp(37px,5vw,56px)}.start-lead{font-size:14px}.start-process{padding-left:16px;padding-right:16px}.start-step h3{font-size:16px}.start-step p{font-size:13px}.step-arrow{font-size:32px}.start-footer .footer-inner{flex-wrap:wrap}.start-footer small{flex-basis:100%;text-align:right}}
@media(max-width:760px){.start-container{width:calc(100% - 36px)}.start-nav-left,.start-nav-right{display:none}.start-hero{grid-template-columns:1fr;gap:22px;padding-top:18px}.start-hero-image{aspect-ratio:1.15;max-height:460px}.start-hero-image img{object-position:center 33%}.start-form-column h1{font-size:clamp(36px,9vw,55px);line-height:1.1}.start-lead{font-size:17px;margin-bottom:19px}.start-form{gap:10px}.start-field{min-height:54px}.start-social{padding-top:38px}.start-social .five-stars{font-size:25px}.start-social .review-label{font-size:clamp(16px,4.8vw,22px)}.start-social-blurb{font-size:14px}.start-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 0;padding:36px 0 72px}.start-benefit:nth-child(odd){border-left:0}.start-benefit:last-child{grid-column:1/-1;width:60%;justify-self:center}.start-benefit img{width:54px;height:54px;margin-bottom:10px}.start-benefit h3{font-size:16px}.start-benefit p{font-size:13px}.start-process{padding:52px 18px 30px;border-radius:18px}.start-process h2{font-size:clamp(28px,7vw,42px)}.start-process-subtitle{font-size:12px}.start-steps{grid-template-columns:1fr;gap:8px}.start-step-number{height:65px;width:65px;font-size:29px;margin-bottom:10px}.start-step h3{font-size:17px}.start-step p{font-size:14px;max-width:300px}.step-arrow{transform:rotate(90deg);margin:-6px auto 0;font-size:30px;line-height:1}.start-questions{grid-template-columns:1fr;gap:24px;padding:12px 0 35px}.start-questions-copy h2{font-size:clamp(29px,7.5vw,46px)}.start-questions-copy p{font-size:16px}.start-questions-image{height:280px}.start-footer .footer-inner{width:calc(100% - 36px);gap:14px;justify-content:center;text-align:center}.start-footer-nav{order:2;flex-wrap:wrap;justify-content:center;gap:12px 17px;width:100%}.start-footer small{order:3;width:100%;text-align:center;flex-basis:100%}.start-footer .footer-brand{margin:auto}.start-footer .footer-brand img{height:54px}}
@media(max-width:380px){.start-form-row{grid-template-columns:1fr}.start-benefits{grid-template-columns:1fr;gap:26px}.start-benefit,.start-benefit:nth-child(even){border-left:0}.start-benefit:last-child{width:100%}.start-process h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.submit-spinner{animation:none}}

/* V5: four-step getting started guide, before the form */
.start-easy{width:min(1400px,calc(100% - 72px));margin:0 auto 0;padding:24px 0 2px;text-align:center}
.start-easy h2{font-size:clamp(33px,4.5vw,64px);line-height:1.16;margin:0 auto 23px;letter-spacing:-.012em;text-wrap:balance}
.start-easy-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3.6vw,54px);align-items:stretch}
.easy-card{position:relative;min-width:0;min-height:207px;border:2px solid #85a8bc;border-radius:17px;padding:15px 16px 18px;background:#fcfaf8;display:flex;flex-direction:column;align-items:center;color:#013953}
.easy-number{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#f9abac;color:#012a48;font:400 34px/1 Bungee,Impact,sans-serif;margin:0 auto 12px}
.easy-card h3{font:400 clamp(14px,1.47vw,21px)/1.18 Bungee,Impact,sans-serif;text-transform:uppercase;margin:0 0 12px;white-space:nowrap}
.easy-card p{font-size:clamp(13px,1.27vw,18px);font-weight:500;line-height:1.34;max-width:260px;margin:0 auto}
.easy-card:not(:last-child)::after{content:'→';position:absolute;right:calc(-1 * clamp(24px,3.6vw,54px) + 5px);top:50%;transform:translateY(-50%);font:400 36px/1 Inter,Arial,sans-serif;color:#f9abac;pointer-events:none}
/* The main image/form begins after the introductory steps. */
.start-easy + .start-hero{padding-top:38px}
@media (max-width:1080px) and (min-width:761px){
  .start-easy{width:calc(100% - 46px)}
  .start-easy-grid{gap:23px}
  .easy-card{padding:14px 9px;min-height:196px}
  .easy-card h3{font-size:clamp(12px,1.5vw,17px)}
  .easy-card p{font-size:clamp(12px,1.35vw,15px)}
  .easy-number{width:66px;height:66px;font-size:28px}
  .easy-card:not(:last-child)::after{right:-21px;font-size:26px}
}
@media (max-width:760px){
  .start-easy{width:calc(100% - 36px);padding-top:26px;padding-bottom:0}
  .start-easy h2{font-size:clamp(31px,7.5vw,48px);line-height:1.18;margin-bottom:24px}
  .start-easy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}
  .easy-card{min-height:192px;padding:15px 11px}
  .easy-number{width:65px;height:65px;font-size:27px;margin-bottom:12px}
  .easy-card h3{font-size:clamp(12px,2.5vw,18px);white-space:normal;margin-bottom:8px}
  .easy-card p{font-size:clamp(12px,2.4vw,15px);line-height:1.32}
  .easy-card:not(:last-child)::after{display:none}
  .start-easy + .start-hero{padding-top:30px}
}
@media (max-width:460px){
  .start-easy-grid{grid-template-columns:1fr;gap:41px}
  .easy-card{min-height:0;padding:21px 22px 25px}
  .easy-number{height:70px;width:70px;font-size:30px;margin-bottom:12px}
  .easy-card h3{font-size:19px;white-space:normal}
  .easy-card p{font-size:15px;max-width:280px}
  .easy-card:not(:last-child)::after{display:block;content:'↓';left:50%;right:auto;top:auto;bottom:-34px;transform:translateX(-50%);font-size:30px;line-height:1}
  .start-easy + .start-hero{padding-top:32px}
}
@media (min-width:461px) and (max-width:900px){
  .start-easy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
  .easy-card{min-height:199px;padding:20px 18px}
  .easy-card h3{font-size:clamp(17px,2.2vw,20px)}
  .easy-card p{font-size:15px}
  .easy-card:not(:last-child)::after{display:none}
  .easy-card:nth-child(odd)::after{display:block;right:-32px;top:50%;font-size:29px}
}

/* V6: Email and Phone share a row on larger screens; stack for mobile. */
.start-contact-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:760px){.start-contact-row{grid-template-columns:minmax(0,1fr)}}
