/* Free check + phone quiz pages (Claude, 2026-10-02). Namespaced so site.css is untouched. */
.chk-form{background:var(--white);color:var(--black);border-radius:var(--radius);padding:clamp(20px,3vw,30px);box-shadow:0 30px 60px #0006;border-top:5px solid var(--orange)}
.chk-form h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:6px}
.chk-form .sub{color:var(--gray);font-size:.86rem;margin-bottom:16px}
.chk-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chk-form .field{margin-bottom:12px}
.chk-form select{width:100%;border:1px solid #bbb;border-radius:7px;background:white;color:var(--black);padding:12px 14px;font:inherit}
.chk-form .btn{width:100%;margin-top:4px}
.chk-small{font-size:.74rem;color:var(--gray);margin:10px 0 0;line-height:1.5}
.chk-small a{color:var(--orange);text-decoration:underline}
.chk-msg{display:none;margin-top:12px;padding:12px 14px;border-radius:8px;font-size:.9rem;font-weight:600}
.chk-msg.ok{display:block;background:#e6f2e3;color:#24561f}
.chk-msg.err{display:block;background:#fdeee4;color:#8a3510}
.chk-form .is-bad{border-color:#c0392b!important;box-shadow:0 0 0 3px #c0392b22}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pc-gap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,70px);align-items:center}
.pc-gap .story p{color:#333;margin:0 0 12px}
.pc-punch{font-family:'Anton',Impact,sans-serif;text-transform:uppercase;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1;margin:22px 0 6px}
.pc-punch span{color:var(--orange)}
.pc-phones{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pc-phone{background:var(--black);border-radius:26px;padding:10px;box-shadow:var(--shadow)}
.pc-tag{text-align:center;font-family:'Anton',Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;padding:8px 0 6px;color:#fff}
.pc-phone.good .pc-tag{color:#9fe096}.pc-phone.bad .pc-tag{color:#ffb4a0}
.pc-screen{background:#fff;border-radius:18px;min-height:360px;overflow:hidden;display:flex;flex-direction:column}
.pc-head{background:#2a2a2f;color:#fff;padding:12px;font-family:'Anton',Impact,sans-serif;text-transform:uppercase;font-size:.95rem;letter-spacing:.03em}
.pc-head small{display:block;font-family:'Poppins',sans-serif;text-transform:none;letter-spacing:0;font-size:.7rem;color:#c9c5bc}
.pc-img{height:78px;background:linear-gradient(135deg,#6d7a86,#3c4650);position:relative}
.pc-img:after{content:"Photos of the work";position:absolute;left:10px;bottom:8px;color:#fff;font-size:.7rem;font-weight:600}
.pc-body{padding:10px 12px;font-size:.74rem;line-height:1.4;color:#333;flex:1}
.pc-stars{color:#f2a900;letter-spacing:1px;font-size:.85rem}
.pc-line{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:5px 0}
.pc-call{margin:0 12px 12px;background:var(--orange);color:#fff;text-align:center;border-radius:8px;padding:9px 0;font-weight:700;font-size:.78rem}
.pc-nothing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9a968d;text-align:center;padding:20px;font-size:.8rem}
.pc-x{width:54px;height:54px;border-radius:50%;border:3px dashed #d0cabd;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#c9c2b3}
.rep-num{font-family:'Anton',Impact,sans-serif;color:var(--orange);font-size:1.5rem;margin-bottom:8px}
.who-panel{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.who-sign{font-family:'Anton',Impact,sans-serif;color:var(--orange);font-size:1.6rem;letter-spacing:.04em;margin:6px 0 0}
.who-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff30;font-size:.82rem;font-weight:600}
.who-mark{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--black);font-family:'Anton',Impact,sans-serif;font-size:1rem;text-align:center;line-height:1.05;transform:rotate(-8deg);border:5px solid #fff}
/* quiz */
.qz-card{background:var(--white);color:var(--black);border-radius:var(--radius);padding:clamp(22px,3.4vw,38px);box-shadow:0 30px 60px #0006;border-top:5px solid var(--orange);min-height:420px}
.qz-progress{height:8px;background:#eee;border-radius:99px;overflow:hidden;margin:4px 0 18px}
.qz-progress span{display:block;height:100%;width:0;background:var(--orange);transition:width .35s var(--ease)}
.qz-step{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.qz-q{font-family:'Anton',Impact,sans-serif;text-transform:uppercase;font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.1;margin:10px 0 18px}
.qz-opts{display:grid;gap:10px}
.qz-opt{display:block;width:100%;text-align:left;padding:14px 16px;border:2px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-weight:600;color:var(--black);cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.qz-opt:hover,.qz-opt:focus-visible{border-color:var(--orange);background:#e8601e0d;transform:translateX(4px);outline:none}
.qz-back{margin-top:14px;background:none;border:0;color:var(--gray);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer;padding:0}
.qz-hide{display:none}
.qz-result h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.qz-result .fix{padding:16px 18px;background:#e8601e12;border-left:5px solid var(--orange);border-radius:8px;font-weight:600;margin:14px 0 18px}
.qz-actions{display:flex;flex-wrap:wrap;gap:10px}
.qz-note{font-size:.95rem;color:#333}
@media (max-width:900px){.pc-gap,.who-panel{grid-template-columns:1fr}.chk-row{grid-template-columns:1fr}.who-mark{width:90px;height:90px}}
@media (max-width:520px){.pc-phones{gap:10px}.pc-screen{min-height:300px}}
.qz-card .btn-outline,.chk-form .btn-outline{color:var(--black);border-color:var(--black)}
.qz-card .btn-outline:hover{background:var(--black);color:var(--white)}
/* newsletter strip in footer (2026-10-02) */
.nl-strip{display:grid;grid-template-columns:1fr minmax(0,520px);gap:28px;align-items:center;padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid #ffffff2b}
.nl-kicker{margin:0 0 6px;color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.nl-head{margin:0;font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.1;color:#fff}
.nl-sub{margin:6px 0 0;color:#cfcfcf;font-size:.84rem}
.nl-form{display:flex;gap:8px;flex-wrap:wrap}
.nl-form input[type=text],.nl-form input[type=email]{flex:1 1 140px;min-width:0;height:46px;padding:0 14px;border:1px solid #ffffff40;border-radius:7px;background:#ffffff0d;color:#fff;font:inherit;font-size:.88rem;outline:none}
.nl-form input::placeholder{color:#aaa}
.nl-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e8601e33}
.nl-form .btn{min-height:46px;padding:10px 16px;font-size:.84rem;white-space:nowrap}
.nl-note{flex-basis:100%;margin:2px 0 0;color:#9a9a9a;font-size:.7rem}
.nl-note a{color:#cfcfcf;text-decoration:underline}
.nl-msg{flex-basis:100%;margin:0;font-size:.84rem;font-weight:600;color:#9fe096;display:none}
.nl-msg.err{color:#ffb4a0}
@media (max-width:860px){.nl-strip{grid-template-columns:1fr;gap:16px}}