───────────────────────────────────────────────────────────── */
.card .wpcf7{margin:0}
.card .wpcf7-form{margin-top:16px}
.card .wpcf7-form p{margin:0}
.card .wpcf7-form .row{display:flex;flex-direction:column;gap:11px}
.card .wpcf7-form .col-md-12{min-width:0}
.card .wpcf7-form .col-md-12 label{
display:block;margin-bottom:4px;font-size:12.5px;font-weight:400;color:var(--ink-2);
}
.card .wpcf7-form .wpcf7-form-control-wrap{position:relative;display:block}
.card .wpcf7-form input.wpcf7-form-control:not(.wpcf7-submit){
width:100%;font:inherit;font-size:14.5px;color:var(--ink);padding:9px 12px;
border:1px solid var(--line);border-radius:8px;background:var(--panel);
transition:border-color .15s, background .15s, box-shadow .15s;
}
.card .wpcf7-form input.wpcf7-form-control::placeholder{color:var(--ink-3)}
.card .wpcf7-form input.wpcf7-form-control:not(.wpcf7-submit):hover{border-color:#d2dbe2}
.card .wpcf7-form input.wpcf7-form-control:not(.wpcf7-submit):focus{
outline:none;border-color:var(--blue);background:var(--paper);
box-shadow:0 0 0 3px rgba(12,140,203,.13);
}
/* Blinking cursor: the is injected into the first field's
wrap by arise-lp.js, since the form markup itself is not ours to edit. */
.card .wpcf7-form .wpcf7-form-control-wrap > .caret{
position:absolute;left:12px;top:50%;transform:translateY(-50%);
width:2px;height:17px;background:var(--blue);border-radius:1px;pointer-events:none;
animation:blink 1.05s steps(1,end) infinite;
}
.card .wpcf7-form .wpcf7-form-control-wrap:has(input:not(:placeholder-shown)) > .caret{display:none}
/* Rows carrying only hidden inputs (gclid, honeypot) would open dead gaps.
NB: CF7's autop wraps the label in a
, so this must match a descendant
label, not a direct child. */
.card .wpcf7-form .col-md-12:not(:has(label)):not(.submit-btn){display:none}
/* The waving-hand div carries an inline display:inline-block, so this needs
!important to win. */
.card .wpcf7-form .submit-btn .shake-rotate1{display:none!important}
.card .wpcf7-form input.wpcf7-submit{
width:100%;margin-top:3px;font:inherit;font-size:15.5px;font-weight:600;color:#fff;
background:var(--orange);border:0;border-radius:8px;cursor:pointer;padding:12px 16px;
transition:background .15s;
}
.card .wpcf7-form input.wpcf7-submit:hover{background:var(--orange-dk)}
/* The form's own consent line carries a Privacy Policy link. The page keeps a
single exit (the logo), so it is hidden and the template prints the same
wording as plain text instead. */
.card .wpcf7-form .accept-check-new{display:none}
.wpcf7-not-valid-tip{margin-top:4px;font-size:11.5px;color:#c0392b}
.card .wpcf7-form input.wpcf7-not-valid{border-color:#e0836f;background:#fdf6f4}
.wpcf7-response-output{
margin:10px 0 0;padding:8px 11px;border-radius:8px;border:1px solid var(--line);
font-size:12px;line-height:1.45;color:var(--ink-2);
}
.wpcf7 form.sent .wpcf7-response-output{border-color:#c9e5d6;background:#e7f4ec;color:var(--green)}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{border-color:#e8c3ba;background:#fdf6f4;color:#c0392b}
.wpcf7-spinner{margin:6px auto 0;display:block}
.hidden-fields-container,.address-autocomplete-maps.hidden,.hp-message{display:none!important}
/* Google Places dropdown sits above the scaled composition. */
.pac-container{z-index:99999}
/* Phones: CF7's own markup (labels + autop paragraphs) is taller than the
hand-built form was, so the field stack is compressed to keep the page
inside one screen without shrinking the type past legibility. */
@media (max-width:980px){
.card{padding:12px}
.card .wpcf7-form{margin-top:10px}
.card .wpcf7-form .row{gap:7px}
.card .wpcf7-form .col-md-12 label{margin-bottom:2px;font-size:11px}
.card .wpcf7-form input.wpcf7-form-control:not(.wpcf7-submit){padding:7px 10px;font-size:13.5px}
.card .wpcf7-form .wpcf7-form-control-wrap > .caret{left:10px;height:15px}
.card .wpcf7-form input.wpcf7-submit{margin-top:1px;padding:10px 14px;font-size:15px}
.card .call{margin-top:7px}
/* last few pixels so a 390x844 phone lands inside the screen */
main{gap:8px}
.travis img{height:50px}
.quote{padding:8px 10px}
.fineprint{margin-top:6px}
}
/* ─────────────────────────────────────────────────────────────
Flow fallback
On a phone the browser chrome eats enough height that fitting
everything on one screen would need ~0.6x type. arise-lp.js
adds .lp-flow when that happens: the page becomes an ordinary
scrolling document instead of a composition clipped at the top
that the visitor cannot scroll back to.
───────────────────────────────────────────────────────────── */
html.lp-flow,
html.lp-flow body{height:auto;overflow:auto;-webkit-overflow-scrolling:touch}
html.lp-flow body{position:static}
html.lp-flow .shell{
position:static;transform:none!important;margin:0 auto;
padding:18px 16px 28px;
}
/* Room to breathe now that height is no longer scarce. */
html.lp-flow main{gap:16px}
html.lp-flow header{padding-bottom:18px}
html.lp-flow .logo svg{width:150px}
html.lp-flow h1{font-size:29px}
html.lp-flow .flag{display:inline-flex}
html.lp-flow ul.ticks li:nth-child(n+5){display:list-item}
html.lp-flow .card{padding:16px}
html.lp-flow .card .wpcf7-form{margin-top:14px}
html.lp-flow .card .wpcf7-form .row{gap:11px}
html.lp-flow .card .wpcf7-form .col-md-12 label{margin-bottom:4px;font-size:12px}
html.lp-flow .card .wpcf7-form input.wpcf7-form-control:not(.wpcf7-submit){padding:10px 12px;font-size:16px}
html.lp-flow .card .wpcf7-form .wpcf7-form-control-wrap > .caret{left:12px;height:18px}
html.lp-flow .travis img{height:96px}
html.lp-flow .quote{padding:12px 14px}
html.lp-flow .fineprint{margin-top:16px}