/* runverra.com instant demo (2026-10-25; src/instant.js): the email step, the side by side, the scores, "What we built for you",
   the bag, and the /start/ questions. Brand D: bone and ink, hairlines, square corners, Geist Mono labels, no accent colour.
   Phone first. */
.iv-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0}
.iv-alt{color:var(--ink);font-size:15px;text-decoration:underline;text-underline-offset:4px}
.iv-step{margin-top:22px;padding-top:20px;border-top:1px solid var(--hair);max-width:620px}
.iv-step h3{margin:0;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.02em}
.iv-step[hidden],.iv-out[hidden],.st-step[hidden],.st [hidden]{display:none}
.iv-step .cf-turnstile,.iv-none .cf-turnstile,.st .cf-turnstile,.iv-quote .cf-turnstile{min-height:65px;width:100%;max-width:520px}
.au-busy .btn[type=submit]{opacity:.55;cursor:progress}

/* the result */
.iv-out{margin-top:clamp(40px,5vw,72px);scroll-margin-top:90px;display:grid;gap:clamp(28px,4vw,48px)}
.iv-out>*{min-width:0}
.iv-out .pf-h{margin:0;font-size:clamp(32px,4.6vw,64px);font-weight:640;letter-spacing:-.06em;line-height:.98;color:var(--ink)}
.iv-out .lede{max-width:62ch;margin:-12px 0 0}
.iv-out .rule{margin:0 0 14px}
.iv-paid{padding:20px;background:var(--ink);color:var(--bone)}.iv-paid h2{color:var(--bone);margin:0 0 6px;font-size:22px;letter-spacing:-.02em}
.iv-tabs{display:flex;gap:6px;margin-bottom:16px}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
.iv-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.iv-cmp.iv-m{max-width:720px}
.iv-cmp.iv-solo{grid-template-columns:minmax(0,1fr);max-width:400px}
.iv-cmp.iv-d.iv-solo{max-width:none}
.iv-col{margin:0;min-width:0}
.iv-col figcaption{margin-bottom:8px}
.iv-frame{position:relative;overflow:hidden;background:#fff;outline:1px solid var(--ink);height:360px}
.iv-frame iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}
.iv-frame img{width:100%;height:100%;object-fit:cover;object-position:top center}
.iv-none-shot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:14px;color:var(--stone-text);background:#F7F5F1}
.iv-none-shot[hidden],.iv-frame img[hidden]{display:none}
.iv-links{margin:12px 0 0}
.iv-links a,.iv-cur-btn{color:var(--ink);text-decoration:underline;text-underline-offset:4px;background:none;border:0;padding:0;cursor:pointer;font:inherit;min-height:0}
.iv-ctl{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}
.iv-ctl .iv-tabs{margin:0}
.iv-ba,.iv-tap{display:none}
/* phones (the V2 preview pattern, js/preview.js v2): ONE panel at a time (Before | After), a still at the device's true
   shape, and a tap opens it full-screen (.pv-full) with Close. Nothing in the page scrolls inside a frame. */
@media (max-width:760px){
  .iv-ba{display:flex}
  .iv-cmp,.iv-cmp.iv-m,.iv-cmp.iv-solo{grid-template-columns:minmax(0,1fr);max-width:none}
  .iv-cmp.iv-pick-after .iv-before,.iv-cmp.iv-pick-before .iv-after{display:none}
  .iv-frame iframe{pointer-events:none}
  .iv-tap{display:flex;position:absolute;inset:auto 0 0;justify-content:center;padding:14px;border:0;background:linear-gradient(transparent,rgba(17,17,17,.82));color:var(--bone);cursor:pointer;font:inherit}
  .iv-tap span{padding:10px 16px;border:1px solid var(--bone);background:rgba(17,17,17,.6);font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .iv-tap.iv-tap-all{inset:0;background:none;align-items:flex-start;justify-content:flex-end;padding:12px}
  .iv-tap span{background:var(--ink)}
  .iv-empty .iv-tap{display:none}
  .iv-links{display:none}
  /* the site's fixed sound button and custom cursor stay out of the forms on these pages */
  .snd{display:none!important}
  .cursor{display:none!important}
}
.pv-full-view img{display:block;width:100%;height:auto}
.pv-full-view.iv-scroll{overflow:auto;-webkit-overflow-scrolling:touch}

/* scores */
.iv-scores table{width:100%;max-width:640px;border-collapse:collapse;font-size:16px}
.iv-scores th,.iv-scores td{text-align:left;padding:12px 8px 12px 0;border-bottom:1px solid var(--hair);font-weight:400}
.iv-scores thead th{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--stone-text)}
.iv-scores td{font-weight:640;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.04em;color:var(--ink);width:28%}
.iv-scores tbody th{color:var(--ink)}
.iv-scores .form-note{max-width:64ch;margin-top:10px}

/* what we built */
.iv-built-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.iv-built-cols>div{padding:18px;background:#F7F5F1;outline:1px solid var(--hair)}
.iv-built h3{margin:0 0 10px;font-size:17px;letter-spacing:-.01em}
.iv-built ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15px;line-height:1.45}
@media (max-width:900px){.iv-built-cols{grid-template-columns:minmax(0,1fr)}}

/* recommendation, upsells, buy */
.iv-rec{padding:20px;outline:1px solid var(--ink)}
.iv-rec p{margin:0 0 10px}.iv-rec-h{font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;color:var(--ink)}
.iv-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:22px;background:var(--ink);color:var(--bone)}
.iv-main h3{color:var(--bone);margin:0 0 6px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em}
.iv-main p{max-width:52ch;margin:0;color:#D8D3CA}
.iv-main .btn-ink{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.iv-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.iv-price{margin:0;font-weight:500;color:var(--ink);white-space:nowrap}
.iv-main .iv-price{color:var(--bone)}
.iv-big{font-size:clamp(26px,2.6vw,34px);font-weight:640;letter-spacing:-.04em}
.iv-sub{margin:28px 0 10px;font-size:18px;letter-spacing:-.01em}
.iv-items{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.iv-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:16px 0;border-bottom:1px solid var(--hair)}
.iv-item>div:first-child{flex:1 1 320px;min-width:0}
.iv-item h3{margin:0 0 4px;font-size:17px}
.iv-item p{margin:0;font-size:15px}
.iv-cur{margin:18px 0 0}

/* the bag */
.iv-bag{padding:20px;background:#F7F5F1;outline:1px solid var(--ink);max-width:640px;scroll-margin-top:90px}
.iv-bag .rule{margin-top:0}
.iv-lines{list-style:none;margin:0 0 12px;padding:0}
.iv-lines li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 0;border-bottom:1px solid var(--hair)}
.iv-lines li>span:first-child{flex:1 1 auto;color:var(--ink)}
.iv-rm,.iv-qty{background:none;border:0;padding:4px 0;min-height:32px;cursor:pointer;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--stone-text);text-decoration:underline;text-underline-offset:3px}
.iv-qty{text-decoration:none;border:1px solid var(--hair);padding:0 10px;color:var(--ink)}
.iv-total{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 10px;color:var(--ink)}
.iv-total b{font-size:28px;font-weight:640;letter-spacing:-.04em}
.iv-bag .btn-ink{width:100%;margin-top:6px}
.iv-pay-status{margin:10px 0 0;font-size:15px;color:var(--ink)}
.iv-paylinks{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.iv-quote{margin-top:12px}
.iv-flash{animation:iv-flash .9s var(--ease-out)}
@keyframes iv-flash{from{outline-width:3px}to{outline-width:1px}}
@media (prefers-reduced-motion:reduce){.iv-flash{animation:none}}

/* no website yet */
.iv-none{margin-top:clamp(48px,6vw,80px)}
.iv-none .pf-h{margin:0 0 10px}
.iv-none .inq{margin-top:18px;max-width:760px}

/* /start/: one question at a time */
.st{max-width:760px;margin-top:clamp(24px,4vw,40px)}
.st-step{border:0;margin:0;padding:0;min-width:0;display:grid;gap:16px}
.st-step legend{padding:0;margin-bottom:8px}
.st-step h2{margin:0;font-size:clamp(26px,3vw,40px);font-weight:640;letter-spacing:-.05em;line-height:1.02}
.st-cuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.st-cuts label{position:relative;display:block}
.st-cuts input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.st-cuts label>span{display:grid;gap:4px;height:100%;padding:14px 16px;border:1px solid var(--hair);background:#F7F5F1;color:var(--ink)}
.st-cuts small{font-size:14px;line-height:1.4;color:var(--graphite)}
.st-cuts em{font-style:normal;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--stone-text)}
.st-cuts input:checked+span{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.st-cuts input:checked+span small,.st-cuts input:checked+span em{color:#D8D3CA}
.st-cuts input:focus-visible+span,.st .kinds input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.st-nav{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:600px){.st-cuts{grid-template-columns:minmax(0,1fr)}.iv-main .iv-act,.iv-main .iv-act .btn{width:100%}}
.iv-scores td.iv-na{font-size:15px;font-weight:400;letter-spacing:0;color:var(--stone-text)}