.wpr-root{&{--bg:#fff;--surface:#fff;--accent:#e87722;--text:#1b2838;--muted:#5e6874;--border:#e3d8cf;--success:#2f7d4a;--input-bg:#fdecdf;--input-selected:#f9ddc8;--header-bg:#fff4eb;--error:#b42318}& *{box-sizing:border-box;margin:0;padding:0}&{background:var(--bg);background:var(--bg);color:var(--text);width:100%;min-height:0;padding:clamp(10px,2vw,24px);font-family:Montserrat,Segoe UI,Arial,sans-serif;line-height:1.4;overflow-x:hidden}& .card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:1120px;margin:0 auto;padding:clamp(18px,3vw,36px);box-shadow:0 10px 30px #1b283814}& .header{background:linear-gradient(135deg,var(--header-bg),#fff);border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:10px;margin-bottom:18px;padding:18px 20px}& .header .wpr-title{color:var(--text);font-size:clamp(19px,2.2vw,26px);font-weight:700}& .header p{color:var(--muted);margin-top:4px;font-size:13px}& .progress{background:#f3e8df;border-radius:4px;height:7px;margin-bottom:24px;overflow:hidden}& .progress>div{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}& .screen{display:none}& .screen.active{display:block}& .wpr-steptitle{color:var(--text);margin-bottom:16px;font-size:clamp(17px,1.8vw,22px)}& .hint{color:var(--muted);margin:7px 0 14px;font-size:13px;line-height:1.5}& .promise{color:var(--accent);margin:0 0 14px;font-size:14px;font-weight:600;line-height:1.45}& .stepno{color:var(--muted);text-align:right;margin:6px 0 2px;font-size:12px}& .results.locked .blurv{-webkit-filter:blur(7px);user-select:none}& .lockover{text-align:center;margin-top:-6px}& .lockmsg{background:var(--accent);color:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 2px 10px #0000002e}& .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}& .opt{background:var(--input-bg);border:2px solid var(--border);text-align:center;cursor:pointer;min-height:52px;color:var(--text);border-radius:10px;padding:14px 10px;font-family:inherit;font-size:14px;transition:border-color .15s,background-color .15s,transform .15s}& .opt .ico{margin-bottom:6px;font-size:22px;display:block}& .opt.sel{border-color:var(--accent);background:var(--input-selected)}& .chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}& .chips .opt{padding:12px 8px;font-size:13px}& .comp-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}& .comp-name{flex:0 0 160px;font-size:14px;font-weight:600}& .tri{flex:1;gap:5px;display:flex}& .tri .opt{flex:1;min-height:46px;padding:11px 4px;font-size:12px}& label{color:var(--text);margin:14px 0 6px;font-size:13px;font-weight:600;display:block}& input[type=text],& input[type=email],& input[type=tel],& input[type=number]{background:var(--input-bg);border:2px solid var(--border);width:100%;min-height:48px;color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:16px}& input::placeholder{color:#7a6f68;opacity:1}& input:focus{border-color:var(--accent);outline:none}& .opt:focus-visible,& .btn:focus-visible,& .btn-back:focus-visible,& .cta:focus-visible,& input:focus-visible{outline-offset:2px;outline:3px solid #e877224d}& .num-wrap{gap:8px;display:flex}& .num-wrap input{flex:1;min-width:0}& .num-wrap button{background:var(--input-bg);border:2px solid var(--border);width:48px;min-height:48px;color:var(--accent);cursor:pointer;border-radius:8px;flex:0 0 48px;font-size:20px;font-weight:700}& .btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;min-height:50px;margin-top:18px;font-family:inherit;font-size:16px;font-weight:700}& .btn:disabled{opacity:.45;cursor:not-allowed}& .btn-back{color:var(--muted);cursor:pointer;background:0 0;border:none;width:100%;min-height:44px;margin-top:10px;font-family:inherit;font-size:13px}& .err{color:var(--error);margin-top:6px;font-size:12px;font-weight:600;display:none}& .teaser{text-align:center;padding:16px 0}& .teaser .big{color:var(--accent);font-size:40px;font-weight:800}& .teaser .sub{color:var(--muted);margin-top:4px;font-size:13px}& .consent{color:var(--muted);align-items:flex-start;gap:10px;margin-top:14px;font-size:12px;display:flex}& .consent input{flex-shrink:0;width:20px;height:20px;margin-top:1px}& .consent a{color:var(--accent)}& .hp-field{opacity:0;height:0;position:absolute;top:-5000px;left:-5000px;overflow:hidden}& .results{border:1px solid var(--border);background:#fff8f2;border-radius:10px;margin-top:14px;padding:18px}& .res-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}& .res-row>span:first-child{min-width:0;padding-right:12px}& .res-row:last-child{border-bottom:none}& .res-row .val{color:var(--accent);text-align:right;overflow-wrap:anywhere;font-weight:700}& .res-row.good .val{color:var(--success)}& .paket{text-align:center;margin-top:12px;font-size:15px}& .paket b{color:var(--accent)}& .cta{text-align:center;background:var(--accent);color:#fff;border:2px solid var(--accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:50px;margin-top:16px;padding:11px 16px;font:700 16px/1.35 inherit;text-decoration:none;display:flex}& .cta.sec{color:var(--accent);background:#fff}& .sent{border:1px solid var(--success);border-left:5px solid var(--success);color:var(--success);text-align:center;background:#eaf5ee;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:4px 0 2px;padding:13px 16px;font-size:15px;font-weight:700;line-height:1.4;display:flex}& .sent small{color:var(--text);margin-top:3px;font-size:13px;font-weight:500;display:block}& .foot{color:var(--muted);margin-top:18px;font-size:10px;line-height:1.5}@media (hover:hover){& .opt:hover{border-color:#d8b9a2;transform:translateY(-1px)}}@media (width<=760px){&{padding:6px}& .card{border-radius:10px;padding:clamp(15px,4vw,20px);box-shadow:0 6px 20px #1b28380f}& .header{margin-bottom:16px;padding:14px 15px}& .header p{font-size:12px;line-height:1.4}& .progress{margin-bottom:20px}& .cards,& .chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}& .comp-row{margin-bottom:16px;display:block}& .comp-name{margin-bottom:7px;font-size:13px}& .tri{gap:6px}& .tri .opt{overflow-wrap:anywhere;min-width:0;padding:9px 3px;font-size:11px}& .results{padding:14px}}@media (width<=420px){&{padding:0}& .card{box-shadow:none;border:0;border-radius:0;padding:16px}& .header{border-left-width:4px;padding:13px 12px}& .opt{padding:12px 6px;font-size:13px}& .opt .ico{margin-bottom:5px;font-size:20px}& .res-row{gap:10px;font-size:13px}& .res-row .val{flex:0 48%}& .cta{padding:11px 10px;font-size:14px}}@media (width<=340px){& .card{padding:14px 12px}& .header .wpr-title{font-size:18px}& .tri{gap:4px}& .tri .opt{padding-inline:2px;font-size:10px}& .res-row{display:block}& .res-row>span:first-child{padding:0 0 3px;display:block}& .res-row .val{text-align:left;display:block}}& .wpr-steptitle{margin:0 0 10px;font-size:1.25rem;font-weight:600;line-height:1.3}}