/* ================================================================
   TANIE STRONY INTERNETOWE - design "Orbita" (templates/landing-tanie-neural.php)

   Warstwa na home-cosmos.css (wspólne: cz-aeo, cz-facts, cz-stats,
   cz-compare, cz-when, cz-guides, cz-plans). Tu: hero ze stroną
   składaną sekcja po sekcji + szacowany termin oddania, co w cenie,
   kalkulator (przeniesiony z tanie-24h.js), tabela cen rynkowych,
   lokalizacje, podsumowanie konfiguracji przy formularzu. Prefiks ts-.
   ================================================================ */

.ts-hero .cz-hero__title{font-size:clamp(2.1rem,3.7vw,3.25rem)!important}
.ts-hero .cz-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}

/* ================================================================
   HERO - strona składana na żywo
   ================================================================ */
.ts-stage{position:relative;z-index:0;justify-self:end;width:100%;max-width:620px;padding:40px 0 120px;perspective:1600px}
.ts-win{position:relative;width:90%;margin-left:auto;aspect-ratio:480/340;border-radius:18px;overflow:hidden;background:#fff;
	box-shadow:0 0 0 1px rgba(165,180,252,.3),0 0 0 7px rgba(255,255,255,.04),0 60px 100px -50px rgba(0,0,0,.95),0 0 140px -40px rgba(99,102,241,.55);
	transform:rotateY(-7deg) rotateX(3deg);transform-origin:70% 50%}
.ts-ui{position:absolute;left:0;top:0;width:480px;height:340px;overflow:hidden;transform:scale(var(--k,.9));transform-origin:0 0;background:#F3F4F8;font-family:var(--cz-body);color:#1E2640}
.ts-ui__bar{display:flex;align-items:center;gap:12px;height:30px;padding:0 12px;background:#E9EBF2;border-bottom:1px solid #DDE0EA}
.ts-ui__dots{display:flex;gap:5px}
.ts-ui__dots i{width:8px;height:8px;border-radius:50%;background:#F87171}
.ts-ui__dots i:nth-child(2){background:#FBBF24}
.ts-ui__dots i:nth-child(3){background:#34D399}
.ts-ui__url{flex:1;display:flex;align-items:center;gap:6px;height:18px;padding:0 10px;border-radius:999px;background:#fff;font:500 9px/1 var(--cz-mono);color:#6B7490}
.ts-ui__url i{font-size:7.5px;color:#10B981}
.ts-site{display:grid;gap:8px;padding:10px 12px}
.ts-b{position:relative;border-radius:10px;background:#fff;transition:background .5s}
/* stan szkicu: szare bloki (wireframe), potem styl */
.ts-b::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px dashed #C7CBDA;background:#F7F8FC;opacity:1;transition:opacity .6s}
.ts-b.is-built::after{opacity:0}
.ts-b>*{position:relative;z-index:1;opacity:0;transition:opacity .5s .15s}
.ts-b.is-built>*{opacity:1}
.ts-b--nav{display:flex;align-items:center;gap:10px;height:28px;padding:0 10px}
.ts-b--nav .ts-logo{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#4F46E5,#22D3EE)}
.ts-b--nav span{width:34px;height:6px;border-radius:3px;background:#E1E4EE}
.ts-b--nav em{margin-left:auto;padding:5px 9px;border-radius:999px;background:#1E2640;color:#fff;font:600 8px/1 var(--cz-body);font-style:normal}
.ts-b--hero{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;align-items:center;height:108px;padding:12px 14px;background:linear-gradient(120deg,#EEF0FF,#E0F7FA)}
.ts-b--hero b{display:block;font:700 15px/1.15 var(--cz-display);letter-spacing:-.02em;color:#1E2640}
.ts-b--hero p{margin:6px 0 8px;font-size:9px;line-height:1.4;color:#4B5470}
.ts-b--hero em{display:inline-block;padding:6px 10px;border-radius:999px;background:#4F46E5;color:#fff;font:600 8.5px/1 var(--cz-body);font-style:normal}
.ts-img{align-self:stretch;border-radius:9px;background:linear-gradient(160deg,#A5B4FC,#67E8F9 60%,#F0ABFC)}
.ts-b--cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:56px;padding:8px;background:transparent}
.ts-b--cards span{display:grid;place-items:center;gap:3px;align-content:center;border-radius:9px;background:#fff;border:1px solid #E7E9F2;font-size:8.5px;font-weight:600;color:#1E2640}
.ts-b--cards i{color:#4F46E5;font-size:11px}
.ts-b--form{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;height:36px;padding:0 10px}
.ts-b--form span{height:18px;border-radius:6px;background:#F1F2F7;border:1px solid #E1E4EE}
.ts-b--form em{padding:5px 10px;border-radius:7px;background:#10B981;color:#fff;font:600 8px/1 var(--cz-body);font-style:normal}
.ts-b--foot{display:flex;gap:10px;align-items:center;height:22px;padding:0 10px;background:#1E2640}
.ts-b--foot span{width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.2)}
.ts-ssl{position:absolute;right:12px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ECFDF5;color:#047857;font:600 8.5px/1 var(--cz-mono);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s var(--cz-ease)}
.ts-ssl.is-on{opacity:1;transform:none}

.ts-build{position:absolute;left:0;bottom:0;z-index:5;width:240px;padding:14px 16px;border-radius:18px;background:#F4F5FA;color:var(--cz-ink-text);box-shadow:0 30px 60px -28px rgba(0,0,0,.9)}
.ts-build__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font:500 .6rem/1 var(--cz-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cz-muted-l)}
.ts-build__head i{margin-right:6px;color:var(--cz-indigo-deep)}
.ts-build__head em{padding:5px 8px;border-radius:999px;background:#EEF0FF;color:var(--cz-indigo-deep);font:600 .64rem/1 var(--cz-mono);font-style:normal;letter-spacing:0;text-transform:none;white-space:nowrap}
.ts-build__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0;padding:0;list-style:none;counter-reset:st}
.ts-build__steps li{position:relative;padding-top:12px;font-size:.58rem;font-weight:600;line-height:1.2;color:#9AA1B8;text-align:center;counter-increment:st;transition:color .3s}
.ts-build__steps li::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:99px;background:#E1E4EE;transition:background .4s}
.ts-build__steps li.is-done{color:#3A4459}
.ts-build__steps li.is-done::before{background:#10B981}
.ts-build__steps li.is-now{color:var(--cz-indigo-deep)}
.ts-build__steps li.is-now::before{background:linear-gradient(90deg,#10B981 0 var(--p,0%),#C7D2FE var(--p,0%) 100%)}
.ts-build__note{margin-top:10px!important;font-size:.64rem;line-height:1.35;color:var(--cz-muted-l)}
.cz-js .ts-stage{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1.2s var(--cz-ease),transform 1.2s var(--cz-ease)}
.cz-js .cz-hero.is-in .ts-stage{opacity:1;transform:none;transition-delay:.7s}

/* ================================================================
   01, 02
   ================================================================ */
.cz-aeo__more a{color:var(--cz-indigo-deep);font-weight:600}
.ts-incl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ts-incl__item{padding:22px;border-radius:22px;border:1px solid rgba(165,180,252,.12);background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.ts-incl__item:hover{border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.04)}
.ts-incl__item>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:13px;background:rgba(34,211,238,.12);color:var(--cz-cyan)}
.cz-page .ts-incl__item h3{margin-bottom:6px!important;font-size:1rem!important;line-height:1.3!important;color:#fff}
.ts-incl__item p{font-size:.86rem;line-height:1.55;color:var(--cz-muted)}

/* ================================================================
   03 - kalkulator
   ================================================================ */
.ts-calc{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:18px;align-items:start}
.ts-calc__in{display:grid;gap:22px;padding:28px;border-radius:28px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -56px rgba(49,46,129,.5)}
.ts-calc fieldset{margin:0;padding:0;border:0}
.ts-calc legend,.ts-calc__range>span,.ts-lbl{display:flex;justify-content:space-between;margin-bottom:10px;padding:0;font-size:.82rem;font-weight:700;color:var(--cz-ink-text)}
.ts-calc label{position:relative;cursor:pointer}
.ts-calc input[type=radio],.ts-calc input[type=checkbox]{position:absolute;opacity:0}
.ts-calc__types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ts-calc__types span{display:grid;gap:4px;height:100%;padding:16px;border-radius:18px;border:1.5px solid rgba(11,16,32,.12);transition:border-color .25s,background .25s,box-shadow .25s}
.ts-calc__types b{font:600 1rem/1.2 var(--cz-display);color:var(--cz-ink-text)}
.ts-calc__types em{font-style:normal;font-weight:700;font-size:.9rem;color:var(--cz-indigo-deep)}
.ts-calc__types small{font-size:.76rem;line-height:1.4;color:var(--cz-muted-l)}
.ts-calc__types input:checked+span{border-color:var(--cz-indigo-deep);background:#F5F6FF;box-shadow:0 12px 30px -18px rgba(79,70,229,.6)}
.ts-calc input:focus-visible+span{outline:2px solid var(--cz-indigo-deep);outline-offset:2px}
.ts-calc__range{display:grid}
.ts-calc__range output{font:600 .85rem/1 var(--cz-mono);color:var(--cz-indigo-deep)}
.ts-calc__range input{width:100%;accent-color:#4F46E5}
.ts-calc__range input:disabled{opacity:.4}
.ts-calc__range small{margin-top:8px;font-size:.76rem;line-height:1.45;color:var(--cz-muted-l)}
.ts-calc__addons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ts-calc__addons legend,.ts-calc__dl legend{grid-column:1/-1}
.ts-calc__addons span,.ts-calc__dl span{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:10px 12px;border-radius:14px;border:1px solid rgba(11,16,32,.12);font-size:.82rem;font-weight:600;line-height:1.3;color:#3A4459;transition:border-color .25s,background .25s,color .25s}
.ts-calc__addons span b,.ts-calc__dl span b{flex-shrink:0;font-size:.76rem;color:var(--cz-indigo-deep)}
.ts-calc__addons input:checked+span,.ts-calc__dl input:checked+span{border-color:var(--cz-indigo-deep);background:#EEF0FF;color:var(--cz-ink-text)}
.ts-calc__dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ts-calc__out{position:sticky;top:96px;display:grid;gap:12px;padding:26px;border-radius:28px;background:var(--cz-deep);color:var(--cz-text);box-shadow:0 50px 90px -50px rgba(49,46,129,.8)}
.ts-calc__out>small{font:500 .64rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-cyan)}
.ts-calc__price{display:flex;align-items:baseline;gap:8px;margin:0!important}
.ts-calc__price b{font:600 clamp(2.4rem,4vw,3.2rem)/1 var(--cz-display);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.ts-calc__price span{font-size:.9rem;color:var(--cz-muted)}
.ts-calc__lines{display:grid;gap:6px;margin:0;padding:12px 0;border-top:1px solid rgba(165,180,252,.14);border-bottom:1px solid rgba(165,180,252,.14);list-style:none}
.ts-calc__lines li{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;color:rgba(232,234,246,.8)}
.ts-calc__lines li b{color:#fff;font-weight:600;white-space:nowrap}
.ts-calc__market{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);font-size:.8rem;color:var(--cz-muted)}
.ts-calc__market>span{font:500 .6rem/1.3 var(--cz-mono);letter-spacing:.06em;text-transform:uppercase}
.ts-calc__market div{display:flex;align-items:center;gap:8px}
.ts-calc__market i{width:14px;color:var(--cz-lav);font-size:.72rem}
.ts-calc__market b{margin-left:auto;color:rgba(232,234,246,.9);font-weight:600}
.ts-calc__note{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--cz-muted)}
.ts-calc__note i{color:#34D399}

/* ================================================================
   06, 07 - porównanie, tabela cen, lokalizacje
   ================================================================ */
.ts-compare tbody th{width:28%}
.ts-compare td{width:36%}
.ts-tbl__wrap{border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 40px 70px -56px rgba(49,46,129,.5)}
.ts-tbl{width:100%;border-collapse:collapse}
.ts-tbl th,.ts-tbl td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--cz-line-l);font-size:.9rem;line-height:1.4;vertical-align:middle}
.ts-tbl tbody tr:last-child>*{border-bottom:0}
.ts-tbl thead th{background:#F7F8FC;font:600 .64rem/1.3 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted-l)}
.ts-tbl tbody th{font:600 .92rem/1.3 var(--cz-display);color:var(--cz-ink-text)}
.ts-tbl td{color:#3A4459;white-space:nowrap}
.ts-tbl tr.is-us{background:#F5F6FF}
.ts-tbl tr.is-us th,.ts-tbl tr.is-us td{color:var(--cz-indigo-deep);font-weight:700}
.ts-loc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(40px,5vw,64px)}
.cz-page .ts-loc__h{margin-bottom:10px!important;font-size:1.2rem!important;line-height:1.3!important;color:var(--cz-ink-text)}
.ts-loc p{font-size:.94rem;line-height:1.7;color:var(--cz-muted-l)}
.ts-cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ts-cities li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:2px 8px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(11,16,32,.08)}
.ts-cities i{grid-row:span 2;margin-top:3px;font-size:.76rem;color:var(--cz-indigo-deep)}
.ts-cities b,.ts-cities a{font-size:.9rem;font-weight:700;color:var(--cz-ink-text);text-decoration:none}
.ts-cities a{color:var(--cz-indigo-deep);text-decoration:underline;text-underline-offset:3px}
.ts-cities span{font-size:.74rem;color:var(--cz-muted-l)}

/* ================================================================
   08 - konfiguracja przy formularzu, terminy
   ================================================================ */
.cz-page .ts-conf h3{display:flex;justify-content:space-between;align-items:baseline}
.ts-conf h3 a{font:500 .72rem/1 var(--cz-mono);color:var(--cz-cyan);text-decoration:none}
.ts-conf dl{display:grid;gap:0;margin:0}
.ts-conf dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(165,180,252,.12);font-size:.88rem}
.ts-conf dt{color:var(--cz-muted)}
.ts-conf dd{margin:0;color:#fff;font-weight:600;text-align:right}
.ts-conf__sum{border-bottom:0!important;padding-top:12px!important}
.ts-conf__sum dd{color:var(--cz-cyan);font-size:1.05rem}
.ts-radios{display:flex;flex-wrap:wrap;gap:6px}
.ts-radios label{position:relative;cursor:pointer}
.ts-radios input{position:absolute;opacity:0}
.ts-radios span{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(11,16,32,.14);font-size:.82rem;font-weight:600;color:#3A4459;transition:border-color .25s,background .25s,color .25s}
.ts-radios input:checked+span{border-color:var(--cz-indigo-deep);background:#EEF0FF;color:var(--cz-indigo-deep)}
.ts-radios input:focus-visible+span{outline:2px solid var(--cz-indigo-deep);outline-offset:2px}
.ts-lbl{display:block}
.cz-form .ts-lbl{margin-bottom:8px;font-size:.82rem;font-weight:600;color:rgba(232,234,246,.86)}
.cz-form .ts-radios span{border-color:rgba(165,180,252,.22);color:rgba(232,234,246,.8)}
.cz-form .ts-radios input:checked+span{border-color:#EEF0FF;background:#EEF0FF;color:var(--cz-indigo-deep)}

/* ================================================================
   RESPONSYWNOŚĆ
   ================================================================ */
@media (max-width:1100px){
	.ts-incl{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ts-cities{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
	.ts-hero .cz-hero__grid{grid-template-columns:1fr}
	.ts-stage{justify-self:center;max-width:560px;margin-top:24px}
	.ts-calc,.ts-loc{grid-template-columns:1fr}
	.ts-calc__out{position:static}
	.ts-tbl__wrap{overflow-x:auto}
}
@media (max-width:760px){
	.ts-hero .cz-hero__title{font-size:clamp(1.8rem,8.4vw,2.4rem)!important}
	.ts-stage{padding:10px 0 130px}
	.ts-win{width:100%;transform:none}
	.ts-build{left:50%;width:min(290px,92%);transform:translateX(-50%)}
	.ts-incl{grid-template-columns:1fr}
	.ts-calc__in{padding:20px;border-radius:22px}
	.ts-calc__types,.ts-calc__addons{grid-template-columns:1fr}
	.ts-calc__dl{grid-template-columns:1fr}
	.ts-tbl thead{display:none}
	.ts-tbl,.ts-tbl tbody,.ts-tbl tr,.ts-tbl th,.ts-tbl td{display:block;width:100%}
	.ts-tbl tr{padding:12px 16px;border-bottom:1px solid var(--cz-line-l)}
	.ts-tbl th,.ts-tbl td{padding:3px 0;border:0;white-space:normal}
	.ts-tbl td::before{content:attr(data-label) ": ";color:var(--cz-muted-l);font-weight:500}
	.ts-cities{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
	.ts-b::after{opacity:0}
	.ts-b>*{opacity:1}
}