/* Visatiq — עיצוב השאלון והדוח */
.check-page{background:linear-gradient(180deg,#eef6f4 0,#f5f9f8 420px)}
.q-main{padding:40px 16px 80px}
.q-shell{max-width:720px;margin:0 auto}
.q-progress{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.q-progress[hidden]{display:none}
.q-count{font-weight:700;color:var(--ink-2);font-size:.98rem;white-space:nowrap}
.q-bar{flex:1;height:8px;border-radius:99px;background:var(--sea);overflow:hidden}
.q-bar i{display:block;height:100%;width:0;background:var(--lagoon);border-radius:99px;transition:width .35s cubic-bezier(.2,.7,.2,1)}
.q-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:36px 34px;box-shadow:var(--shadow);min-height:320px}
@media (max-width:560px){.q-card{padding:26px 20px}}
.q-step{animation:qin .35s cubic-bezier(.2,.7,.2,1)}
.q-step.back{animation-name:qback}
@keyframes qin{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes qback{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

/* פתיחה */
.q-intro h1{font-size:clamp(2rem,5vw,2.9rem);margin-bottom:.35em}
.q-intro .lede{font-size:1.18rem;color:var(--ink-2);max-width:40ch}
.q-intro .small{font-size:.95rem;color:var(--ink-2);margin:18px 0 0;display:flex;gap:10px;align-items:flex-start}
.q-intro .small svg{flex:none;margin-top:3px}
.q-intro .stamp-s{width:96px;height:96px;float:left;margin:0 0 10px 6px}

/* שאלה */
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font:400 clamp(1.45rem,3.6vw,1.9rem)/1.25 var(--display);padding:0;margin-bottom:22px;outline:none}
.opts{display:grid;gap:10px}
.opts.two{grid-template-columns:1fr 1fr}
@media (max-width:520px){.opts.two{grid-template-columns:1fr}}
.opt{position:relative;display:flex;align-items:center;gap:14px;min-height:58px;padding:12px 18px;border:2px solid var(--line);border-radius:var(--r-m);background:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;transition:border-color .15s,background .15s,transform .1s}
.opt:hover{border-color:#9cc6c0}
.opt:active{transform:scale(.995)}
.opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.opt .dot{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #8aa9a6;display:grid;place-items:center;transition:border-color .15s}
.opt .dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--lagoon);transform:scale(0);transition:transform .18s cubic-bezier(.2,.9,.3,1.4)}
.opt:has(input:checked){border-color:var(--lagoon);background:#f0f8f6}
.opt:has(input:checked) .dot{border-color:var(--lagoon)}
.opt:has(input:checked) .dot::after{transform:scale(1)}
.opt:has(input:focus-visible){outline:3px solid var(--stamp);outline-offset:2px}
.opt .conv{display:block;font-weight:400;font-size:.9rem;color:var(--ink-2)}
.q-help{color:var(--ink-2);font-size:.98rem;margin:-10px 0 18px}
.q-nav{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:26px}
.q-nav .btn[disabled]{opacity:.4;cursor:not-allowed}
.linkbtn{background:none;border:0;font:600 1rem var(--body);color:var(--ink-2);cursor:pointer;padding:12px 6px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.linkbtn:hover{color:var(--ink)}

/* דוח */
.r-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:22px}
.r-head .stamp-s{width:118px;height:118px}
.r-tag{display:inline-block;border-radius:99px;padding:4px 14px;font-weight:700;font-size:.92rem;margin-bottom:10px}
.r-tag.green{background:#dff0e6;color:var(--ok)}
.r-tag.orange{background:#f8e6cf;color:var(--warn)}
.r-tag.red{background:#f6dedc;color:var(--stop)}
.r-head h1{font-size:clamp(1.7rem,4.4vw,2.4rem);margin:0 0 .25em}
.r-why{color:var(--ink-2);font-size:1.08rem;margin:0}
.r-sec{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}
.r-sec h2{font-size:1.25rem;margin-bottom:.6em}
.r-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.r-list li{position:relative;padding-inline-start:26px}
.r-list li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:10px;height:10px;border-radius:50%;border:2px solid var(--lagoon)}
.flags li::before{border-color:var(--warn);background:#f8e6cf}
.r-checked{font-size:.9rem;color:var(--ink-2);margin:18px 0 0}
.compare{width:100%;border-collapse:separate;border-spacing:0;margin-top:6px;font-size:1rem}
.compare th,.compare td{padding:12px 12px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line)}
.compare thead th{font-weight:700;background:var(--sea);color:var(--lagoon-deep)}
.compare thead th:first-child{border-start-start-radius:var(--r-s)}
.compare thead th:last-child{border-start-end-radius:var(--r-s)}
.compare tbody th{font-weight:700;white-space:nowrap}
.compare td.us{background:#f0f8f6}
@media (max-width:560px){.compare{font-size:.93rem}.compare th,.compare td{padding:10px 8px}.compare tbody th{white-space:normal}}
.r-offer{margin-top:24px;border-radius:var(--r-m);background:var(--ink);color:#e9f3f1;padding:26px}
.r-offer h2{color:#fff;font-size:1.35rem}
.r-offer p{color:#cfe2df}
.r-offer .price{font:400 1.7rem/1 var(--display);color:#fff}
.r-offer .price small{font:400 1rem var(--body);color:#cfe2df}
.r-offer .btn-primary{background:#fff;color:var(--ink);box-shadow:none;margin-top:6px}
.r-offer .btn-primary:hover{background:var(--sand)}
.r-offer a{color:#fff}
.r-mail{margin-top:22px;border:2px dashed var(--line);border-radius:var(--r-m);padding:24px}
.r-mail h2{font-size:1.2rem}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-weight:700;font-size:.98rem}
.field input,.field textarea{font:inherit;font-size:1.05rem;padding:12px 14px;border:2px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink);width:100%}
.field input:focus,.field textarea:focus{border-color:var(--lagoon);outline:none}
.field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--stamp);outline-offset:2px}
.field textarea{min-height:96px;resize:vertical}
.field .ltr{direction:ltr;text-align:right}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.98rem;margin:4px 0 16px}
.consent input{width:22px;height:22px;margin:3px 0 0;flex:none;accent-color:var(--lagoon)}
.msg{border-radius:var(--r-s);padding:12px 14px;margin-top:12px;font-weight:600}
.msg.good{background:#dff0e6;color:var(--ok)}
.msg.bad{background:#f6dedc;color:var(--stop)}
.hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
.r-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.r-foot{font-size:.9rem;color:var(--ink-2);margin-top:22px;border-top:1px solid var(--line);padding-top:16px}
.en{direction:ltr;text-align:left;color:var(--ink-2);margin-top:8px}