/* Tower Rush — landing PL, paleta z gry: niebo + panel budowy + hazard stripes */
:root{
  --sky:#EAF6FD;          /* jasne niebo z tła gry */
  --sky-deep:#BDE3F7;
  --panel:#17161D;        /* ciemny panel sterowania z gry */
  --panel-2:#232230;
  --build:#FFB800;        /* żółty przycisk BUILD */
  --build-hi:#FFD34D;
  --cash:#1E63D0;         /* niebieski CASHOUT */
  --cash-hi:#3F82EA;
  --brick:#C4652E;        /* cegła bloków */
  --ink:#1b2430;
  --muted:#54606e;
}
html{scroll-behavior:smooth}
body{background:#FDFEFF;color:var(--ink);font-family:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Manrope',sans-serif;letter-spacing:-.02em}

/* Hazard stripes — motyw z przycisku BUILD */
.hazard{background:repeating-linear-gradient(45deg,#FFB800 0 14px,#17161D 14px 28px);height:8px}
.hazard-thin{background:repeating-linear-gradient(45deg,#FFB800 0 10px,#17161D 10px 20px);height:5px}

/* Header — jak panel sterowania w grze */
.site-header{background:linear-gradient(180deg,#232230,#17161D);box-shadow:0 4px 18px rgba(10,10,20,.35)}
.nav-link{position:relative;font-weight:700;color:#e8e6f2;padding:.35rem 0;transition:color .2s}
.nav-link:hover{color:var(--build-hi)}
.nav-link::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:3px;border-radius:2px;background:var(--build);transition:width .25s}
.nav-link:hover::after{width:100%}

/* BUILD button — złoty, z ciemnym cieniem jak w grze */
.btn-build{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:linear-gradient(180deg,var(--build-hi),var(--build));color:#17161D;font-weight:800;border-radius:14px;padding:.85rem 1.9rem;border:2px solid #17161D;box-shadow:0 6px 0 #17161D,0 12px 24px rgba(255,184,0,.35);transition:transform .12s,box-shadow .12s;text-align:center;text-transform:uppercase;letter-spacing:.02em}
.btn-build:hover{transform:translateY(2px);box-shadow:0 4px 0 #17161D,0 8px 16px rgba(255,184,0,.3)}
.btn-build:active{transform:translateY(5px);box-shadow:0 1px 0 #17161D,0 4px 10px rgba(255,184,0,.25)}

/* CASHOUT button — niebieski gradient jak w grze */
.btn-cash{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(180deg,var(--cash-hi),var(--cash));color:#fff;font-weight:800;border-radius:14px;padding:.85rem 1.7rem;border:2px solid #123c7e;box-shadow:0 5px 0 #123c7e,0 10px 20px rgba(30,99,208,.3);transition:transform .12s,box-shadow .12s}
.btn-cash:hover{transform:translateY(2px);box-shadow:0 3px 0 #123c7e,0 6px 14px rgba(30,99,208,.26)}
.btn-cash:active{transform:translateY(4px);box-shadow:0 1px 0 #123c7e,0 3px 8px rgba(30,99,208,.22)}

/* Sky sections */
.sec-sky{background:linear-gradient(180deg,var(--sky) 0%,#F5FBFF 100%)}
.sec-sky-deep{background:linear-gradient(180deg,#D9EFFB 0%,var(--sky) 100%)}

/* Press-in effect for images */
.press-img{border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(18,60,126,.16);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;cursor:pointer;display:block;background:#fff}
.press-img img{display:block;width:100%;height:auto}
.press-img:hover{transform:scale(.972);box-shadow:0 5px 16px rgba(18,60,126,.24),inset 0 0 0 1px rgba(23,22,29,.06)}
.press-img:active{transform:scale(.945);box-shadow:0 2px 8px rgba(18,60,126,.3)}

/* Cards */
.card-soft{background:#fff;border-radius:20px;border:1.5px solid #d8ecf9;box-shadow:0 6px 18px rgba(18,60,126,.07)}
.step-num{width:2.4rem;height:2.4rem;min-width:2.4rem;border-radius:12px;background:linear-gradient(180deg,var(--build-hi),var(--build));border:2px solid #17161D;color:#17161D;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 #17161D}

/* TOC */
.toc a{color:#33414f;font-weight:600;display:flex;gap:.5rem;align-items:baseline;padding:.3rem 0;transition:color .2s,transform .2s}
.toc a:hover{color:#0d5cc4;transform:translateX(4px)}
.toc a::before{content:"›";color:var(--build);font-weight:800}

/* Demo overlay */
.demo-frame{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(18,60,126,.24);transition:transform .18s;display:block}
.demo-frame:hover{transform:scale(.98)}
.demo-frame img{width:100%;display:block}
.demo-overlay{position:absolute;inset:0;background:rgba(15,30,55,.42);backdrop-filter:blur(2.5px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1rem}
.demo-overlay .demo-title{color:#fff;font-size:1.35rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.5)}

/* Video */
.video-shell{border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(10,20,40,.3);background:#0d0c12;position:relative;border:3px solid #17161D}
.video-shell video{width:100%;display:block}

/* FAQ */
details.faq-item{background:#fff;border:1.5px solid #d8ecf9;border-radius:16px;padding:1rem 1.25rem;transition:box-shadow .2s,border-color .2s}
details.faq-item[open]{box-shadow:0 8px 22px rgba(18,60,126,.1);border-color:var(--build)}
details.faq-item summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:"+";font-size:1.5rem;font-weight:800;color:var(--build);transition:transform .25s}
details.faq-item[open] summary::after{transform:rotate(45deg)}
details.faq-item p{margin-top:.7rem;color:var(--muted)}

/* Tables */
.spec-table{width:100%;border-collapse:collapse;font-size:.95rem}
.spec-table th,.spec-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e3f1fa}
.spec-table th{background:var(--sky);font-weight:800;width:44%}
.spec-table tr:last-child td,.spec-table tr:last-child th{border-bottom:none}

/* Badges */
.chip{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1.5px solid #cfe7f7;border-radius:999px;padding:.4rem .95rem;font-weight:700;font-size:.86rem;color:#33414f;box-shadow:0 2px 8px rgba(18,60,126,.06)}

/* City grid */
.city-pill{background:#fff;border:1.5px solid #cfe7f7;border-radius:14px;padding:.7rem .5rem;text-align:center;font-weight:700;font-size:.92rem;transition:transform .15s,border-color .15s,box-shadow .15s}
.city-pill:hover{transform:scale(.96);border-color:var(--build);box-shadow:inset 0 2px 8px rgba(18,60,126,.1)}

/* Update badge */
.update-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #f0d489;color:#8a6a06;border-radius:999px;padding:.45rem 1.1rem;font-weight:700;font-size:.88rem;box-shadow:0 2px 8px rgba(255,184,0,.15)}

/* Promo code chip */
.promo-chip{display:inline-block;background:linear-gradient(180deg,var(--build-hi),var(--build));border:1.5px solid #17161D;border-radius:8px;padding:.05rem .55rem;font-weight:800;color:#17161D;box-shadow:0 2px 0 #17161D}

/* Mobile menu */
#mobile-menu{display:none}
#mobile-menu.open{display:block}

@media (max-width:768px){
  .btn-build,.btn-cash{width:100%;padding:.95rem 1rem}
  .demo-overlay .demo-title{font-size:1.05rem}
}