*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0A0A0A;--bg2:#141414;--bg3:#1A1A1A;--amber:#F5A623;--white:#FFFFFF;--muted:#888888;--dim:#666666;--border:#2A2A2A;--green:#22C55E;--red:#EF4444;--blue:#60A5FA;--radius:12px}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--white);line-height:1.6;font-size:15px;margin-top:52px}
a{color:inherit;text-decoration:none}

/* EMERGENCY BAR */
.ebar{position:fixed;top:0;left:0;right:0;height:52px;background:var(--bg);border-bottom:1px solid var(--border);z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.ebar-left{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 1.5s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.ebar-btn{background:var(--amber);color:#000;font-weight:800;font-size:13px;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;outline:none}

/* HERO */
.hero{background:var(--bg);padding:80px 20px 60px;text-align:center}
.hero-inner{max-width:800px;margin:0 auto}
.hero-label{display:inline-block;background:rgba(245,166,35,.15);border:1px solid rgba(245,166,35,.4);color:var(--amber);border-radius:4px;padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}
.hero h1{font-size:52px;font-weight:800;line-height:1.15;margin-bottom:20px}
.hero h1 .hl{color:var(--amber)}
.hero-sub{color:var(--muted);font-size:17px;margin-bottom:32px;line-height:1.6}
.hero-cta{display:inline-block;width:100%;max-width:420px;background:var(--amber);color:#000;font-weight:800;font-size:18px;padding:20px;border-radius:10px;border:none;cursor:pointer;transition:opacity .15s;outline:none}
.hero-cta:hover{opacity:.9}
.hero-proof{color:var(--dim);font-size:13px;margin-top:16px}
.hero-proof span{margin:0 6px}
.stats-row{display:flex;justify-content:center;gap:48px;border-top:1px solid var(--border);margin-top:48px;padding-top:32px}
.stat-item{text-align:center}
.stat-num{font-size:36px;font-weight:800;color:var(--amber);display:block}
.stat-label{font-size:13px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}

/* HOW IT WORKS */
.how{background:var(--bg2);padding:48px 20px}
.how-inner{max-width:800px;margin:0 auto;display:flex;gap:32px}
.how-step{flex:1;text-align:center}
.step-num{width:32px;height:32px;border-radius:50%;background:var(--amber);color:#000;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}
.step-title{font-weight:700;font-size:15px;margin-bottom:4px}
.step-desc{font-size:13px;color:var(--muted)}

/* FILTERS */
.filters{background:var(--bg);padding:12px 20px;border-bottom:1px solid var(--border);position:sticky;top:52px;z-index:90}
.filters-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;row-gap:10px}
.flabel{font-size:10px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;margin-right:2px}
.fbtn{padding:8px 16px;border-radius:20px;border:1px solid #333;background:var(--bg3);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;font-family:inherit;outline:none;box-shadow:none}
.fbtn:focus{outline:none;box-shadow:none}
.fbtn.active{background:var(--amber);border-color:var(--amber);color:#000;font-weight:700}
.fbtn:hover:not(.active){border-color:var(--amber);color:var(--amber)}
.fsep{width:1px;height:20px;background:var(--border);flex-shrink:0;margin:0 4px}
.fcity{padding:8px 16px;border-radius:20px;border:1px solid #333;background:var(--bg3);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;appearance:auto;min-width:140px}
.fcity:focus{outline:none;border-color:var(--amber)}
.fcount{margin-left:auto;color:var(--amber);font-weight:700;font-size:13px;white-space:nowrap}

/* GRID */
.container{max-width:960px;margin:0 auto;padding:24px 20px 64px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.empty-msg{text-align:center;padding:48px 20px;color:var(--muted)}

/* CARD */
.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}
.card:hover{border-color:var(--amber);transform:translateY(-2px)}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}
.card h3{font-size:16px;font-weight:700;line-height:1.3;flex:1}
.top-badge{background:var(--amber);color:#000;font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}
.card-rating{display:flex;align-items:center;gap:4px;margin-bottom:10px}
.stars{color:var(--amber);font-size:14px;letter-spacing:-1px}
.rating-val{font-weight:700;font-size:14px;color:var(--amber)}
.rating-cnt{font-size:12px;color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tag{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:6px}
.tag-kam{background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.3);color:var(--amber)}
.tag-wuko{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.3);color:var(--blue)}
.tag-rel{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:var(--green)}
.tag-24h{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--red)}
.card-info{font-size:12px;color:var(--dim);margin-bottom:0;flex:1}
.card-info div{margin-bottom:2px}
.card-info .cennik-yes{color:var(--green)}
.card-sep{border:none;border-top:1px solid var(--border);margin:16px 0}
.btn-call{display:block;width:100%;padding:14px;background:var(--amber);color:#000;font-weight:800;font-size:15px;border-radius:8px;border:none;cursor:pointer;text-align:center;transition:opacity .15s;outline:none;box-shadow:none}
.btn-call:hover{opacity:.9}
.btn-call:focus{outline:none;box-shadow:none}
.btn-inq{display:block;width:100%;padding:14px;background:transparent;border:1px solid #333;color:var(--muted);font-size:14px;border-radius:8px;cursor:pointer;text-align:center;margin-top:8px;transition:all .15s;font-family:inherit;outline:none;box-shadow:none}
.btn-inq:hover{border-color:var(--amber);color:var(--amber)}
.btn-inq:focus{outline:none;box-shadow:none}

/* MODAL */
.modal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;align-items:center;justify-content:center;padding:16px}
.modal-ov.open{display:flex}
.modal{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:480px;width:90%;position:relative;animation:mfade .15s ease}
@keyframes mfade{from{opacity:0}to{opacity:1}}
.modal h2{font-size:22px;font-weight:700;margin-bottom:4px}
.modal .msub{font-size:14px;color:var(--muted);margin-bottom:20px}
.mclose{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--dim);font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}
.mclose:hover{color:var(--white);background:var(--bg3)}
.finput,.fselect,.ftextarea{width:100%;padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--white);font-size:15px;font-family:inherit;margin-bottom:12px;transition:border-color .15s}
.finput::placeholder,.ftextarea::placeholder{color:#555}
.finput:focus,.fselect:focus,.ftextarea:focus{outline:none;border-color:var(--amber)}
.fselect{appearance:auto}
.ftextarea{resize:vertical;min-height:80px}
.btn-submit{width:100%;padding:16px;background:var(--amber);color:#000;font-weight:800;font-size:16px;border-radius:8px;border:none;cursor:pointer;transition:opacity .15s}
.btn-submit:hover{opacity:.9}
.form-ok{text-align:center;padding:24px 0}
.form-ok .check{font-size:48px;margin-bottom:12px}
.form-ok p{color:var(--muted)}

/* FOOTER */
.footer{background:#000;border-top:1px solid var(--bg3);padding:32px 20px;text-align:center;color:#444;font-size:13px}
.footer div+div{margin-top:6px}

/* MOBILE */
@media(max-width:768px){
  .hero{padding:48px 16px 40px}
  .hero h1{font-size:36px}
  .hero-sub{font-size:15px}
  .grid{grid-template-columns:1fr}
  .how-inner{flex-direction:column;gap:24px}
  .stats-row{gap:24px}
  .stat-num{font-size:28px}
  .btn-call,.btn-inq{min-height:54px}
  .ebar{padding:0 12px}
  .hero-cta{font-size:16px;padding:18px}
}