/* /call/ : the Next-Steps Call page, in the same design as the main site's earlier booking page.
   Rules are extracted from that page and quiz.css (sliders, currency pills, icons on the questions, autosave bar, the card, the call button). 28 Oct 2026. */
.qcard legend[data-i]{position: relative; padding-left: 2.5rem;}
.qcard legend[data-i]::before{content: attr(data-i); position: absolute; left: 0; top: 1.15rem; width: 2rem; text-align: center; font-size: 1.45rem; line-height: 1.2;}
.lc-draft{display: flex; flex-wrap: wrap; gap: 2px 12px; align-items: center; margin: 8px 0; padding: 0 12px; border-radius: 999px; background: #FFF6F4; border: 1px solid #F0C9C2; font-size: .8rem; line-height: 1.4;}
.lc-draft[hidden]{display: none;}
.lc-draft button{font: inherit; background: none; border: 0; padding: 4px 0; min-height: 44px; color: inherit; text-decoration: underline; text-decoration-color: #C83A3A; text-underline-offset: 3px; cursor: pointer;}
.lc-draft button:focus-visible, .lc-voice a:focus-visible{outline: 3px solid #FF2032; outline-offset: 2px; border-radius: 4px;}
.lc-sl{margin: 10px 0 4px; padding: 14px 16px 12px; border: 1.5px solid var(--line-strong, #cbd5e0); border-radius: 14px; background: #fff;}
.lc-sl__v{display: block; font: 700 1.05rem var(--font-heading, inherit); color: var(--fg-heading, #111); min-height: 1.5em; margin: 0 0 10px;}
.lc-sl.unset .lc-sl__v, .lc-sl.off .lc-sl__v{color: var(--fg-muted, #5b6470); font-weight: 600;}
.lc-sl__r{position: relative; height: 32px;}
.lc-sl input[type=range]{-webkit-appearance: none; appearance: none; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 32px; margin: 0; background: transparent; cursor: pointer; z-index: 2; touch-action: pan-y;}
.lc-sl input[type=range]::-webkit-slider-runnable-track{height: 8px; border-radius: 999px; background: linear-gradient(90deg, #C83A3A var(--p, 0%), #E3E8EB var(--p, 0%));}
.lc-sl input[type=range]::-moz-range-track{height: 8px; border-radius: 999px; background: #E3E8EB;}
.lc-sl input[type=range]::-moz-range-progress{height: 8px; border-radius: 999px; background: #C83A3A;}
.lc-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 30px; height: 30px; margin-top: -11px; border-radius: 50%; background: #C83A3A; border: 4px solid #fff; box-shadow: 0 1px 6px rgba(0,0,0,.35);}
.lc-sl input[type=range]::-moz-range-thumb{width: 22px; height: 22px; border-radius: 50%; background: #C83A3A; border: 4px solid #fff; box-shadow: 0 1px 6px rgba(0,0,0,.35);}
.lc-sl.unset input[type=range]::-webkit-slider-runnable-track, .lc-sl.off input[type=range]::-webkit-slider-runnable-track{background: #E3E8EB;}
.lc-sl.unset input[type=range]::-webkit-slider-thumb, .lc-sl.off input[type=range]::-webkit-slider-thumb{background: #9AA7AD;}
.lc-sl.unset input[type=range]::-moz-range-thumb, .lc-sl.off input[type=range]::-moz-range-thumb{background: #9AA7AD;}
.lc-sl.unset input[type=range]::-moz-range-progress, .lc-sl.off input[type=range]::-moz-range-progress{background: #E3E8EB;}
.lc-sl input[type=range]:focus-visible{outline: 3px solid #FF2032; outline-offset: 6px; border-radius: 8px;}
.lc-sl__t{position: absolute; left: 15px; right: 15px; top: 12px; height: 8px; pointer-events: none; z-index: 1;}
.lc-sl__t i{position: absolute; top: 12px; width: 2px; height: 6px; margin-left: -1px; background: #B9C0C4;}
.lc-sl__e{display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; font-size: .78rem; color: var(--fg-muted, #5b6470);}
.lc-sl__off{font: inherit; font-size: .85rem; margin-top: 8px; padding: 6px 14px; min-height: 44px; border: 1px solid var(--line, #dfe5e8); border-radius: 999px; background: #fff; color: var(--fg-muted, #44525a); cursor: pointer;}
.lc-sl__off.on{border-color: #5E6D74; background: #F4F7F8; font-weight: 600; color: var(--fg, #111);}
.lc-sl__off:focus-visible{outline: 3px solid #FF2032; outline-offset: 2px;}
.oq textarea.open, .own textarea, textarea.grow{width: 100%; box-sizing: border-box; resize: vertical; min-height: 64px; overflow-y: auto;}
.oq label.f[data-i]::before, .fgrid label[data-i]::before{content: attr(data-i) " ";}
.oq label.f b, .fgrid label b{font-weight: 800;}
.lc-vs .lc-sl__v{font-weight: 700; font-size: 1.15rem; margin: 0;}
.lc-vs .lc-sl__off{margin-top: 26px;}
.lc-sl__v{font-weight: 600;}
.fgrid > label{font-weight: 500;}
.fgrid > label b{font-weight: 800;}
@keyframes drawIn{ from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.btn--call{background: #C83A3A; color: #fff;}
.btn--call .slot{display: inline-block; transition: opacity .3s ease .1s;}
.btn--call .fl{transition: transform .5s cubic-bezier(.3,.8,.3,1);}
.btn--call:hover, .btn--call:focus-visible{background: #B3471A; transform: translateY(-3px); box-shadow: 0 14px 28px -10px rgba(179,71,26,.7);}
.btn--call:hover .fl, .btn--call:focus-visible .fl{transform: translate(var(--travel, 120px), -9px) rotate(-14deg);}
.btn--call:hover .slot, .btn--call:focus-visible .slot{opacity: 0;}
.btn--call:active{transform: translateY(0) scale(.98);}
.dark .btn--call.ghost{background: transparent; border-color: #FF9B93; color: #fff;}
.dark .btn--call.ghost:hover{background: #B3471A; border-color: #B3471A;}
.btn--check{color: #fff; background: linear-gradient(90deg, #C83A3A 0 50%, #1A1A1A 50% 100%) 100% 0 / 204% 100% no-repeat border-box; transition: background-position .5s cubic-bezier(.2,.7,.2,1), transform .25s ease, box-shadow .25s ease, color .25s ease;}
.btn--check:hover{background-position: 0 0; transform: translateY(-2px); box-shadow: 0 12px 24px -12px rgba(26,26,26,.55);}
.dark .btn--check{color: #1A1A1A; background-image: linear-gradient(90deg, #C83A3A 0 50%, #FFFFFF 50% 100%);}
.dark .btn--check:hover{color: #fff; box-shadow: 0 12px 24px -12px rgba(255,255,255,.25);}
.btn-row{display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 26px;}
.link-ink{color: var(--fg-heading); font-weight: 600;}
.link-ink:hover{color: #C83A3A;}
.btn--call .ph, .btn--call .gf{display: inline-block; transition: transform .55s cubic-bezier(.3,.8,.3,1); position: relative; z-index: 2;}
.btn--call:hover .ph, .btn--call:focus-visible .ph{transform: translateX(var(--travel, 120px));}
.btn--call:hover .gf, .btn--call:focus-visible .gf{transform: translateX(calc(var(--travel, 120px) * -1)) rotate(-14deg) scale(1.18);}
.tick{margin: 0; font-size: .875rem; color: #5E6D74;}
.btn--report .ph, .btn--report .gf{display: inline-block; transition: transform .55s cubic-bezier(.3,.8,.3,1); position: relative; z-index: 2;}
.btn--report:hover .ph, .btn--report:focus-visible .ph{transform: translateX(var(--travel, 120px));}
.btn--report:hover .gf, .btn--report:focus-visible .gf{transform: translateX(calc(var(--travel, 120px) * -1)) rotate(-14deg) scale(1.18);}
.calslot{margin: 14px 0 0;}
.calslot iframe{width: 100%; min-height: 700px; border: 0; border-radius: 14px;}
.doorbox{background: #fff; border: 3px solid #1A1A1A; border-radius: 22px; padding: 26px 28px; margin: 18px 0;}
.doorbox.main{border-color: #C83A3A; box-shadow: 0 18px 36px -22px rgba(200,58,58,.7);}
.doorbox h2{margin: 0 0 6px;}
.doorbox .sub{color: #3B4A52;}
.fgrid{display: grid; gap: 12px; margin: 12px 0;}
@media (min-width: 48em){.fgrid{grid-template-columns: 1fr 1fr;}}
.fgrid label{font-weight: 700; display: block; font-family: var(--font-heading);}
.fgrid select, .fgrid input[type=text], .fgrid input[type=email], .fgrid textarea{width: 100%; padding: 10px 12px; border: 1.5px solid var(--line-strong); border-radius: 10px; font: inherit; background: #fff; margin-top: 4px; font-weight: 400;}
.cb2{display: inline-flex; gap: 8px; align-items: center; padding: 6px 16px; border: 2px solid #1A1A1A; border-radius: 999px; cursor: pointer; background: #fff;}
.cb2 input{accent-color: #C83A3A; width: 18px; height: 18px;}
.cb2:has(input:checked){background: #1A1A1A; color: #fff;}
.ok{border-left: 6px solid #11B890; background: #ECF8F4; padding: 14px 18px; border-radius: 0 12px 12px 0; margin: 12px 0;}
.no{border-left: 6px solid #C83A3A; background: #FFF6F4; padding: 14px 18px; border-radius: 0 12px 12px 0; margin: 12px 0;}
.tl{display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #C83A3A;}
.tl:hover{text-decoration-color: currentColor;}
.tl:focus-visible{outline: 3px solid #FF2032; outline-offset: 2px; border-radius: 4px;}
/* product-site adjustments */
.mcground{position:relative;padding:56px 0 64px}
.doorbox{border-radius:20px}
.doorbox .sub{color:var(--fg-muted);max-width:60ch}
.doorbox h2{font:700 clamp(1.5rem,1.1rem + 1.4vw,2rem)/1.15 var(--font-heading);margin:10px 0 8px}
.note{font-size:.875rem;color:var(--fg-muted);max-width:74ch}
.fgrid input[type=email],.fgrid textarea{font:inherit}
.btn--call .ph,.btn--call .gf{display:inline-block;transition:transform .5s cubic-bezier(.3,.8,.3,1),opacity .3s ease}
#out .ok,#out .no{margin-top:18px}
.doorbox h2,.fgrid label,.fgrid label b{color:#1A1A1A}
.doorbox .sub{color:#4A5A62}
.doorbox.main{box-shadow:0 18px 40px -22px rgba(200,58,58,.55)}