/* ================================================================
   onas-cosmos.css - O nas w designie Orbita (templates/page-o-nas-neural.php)
   Wspólne komponenty (hero, aeo/facts, stats, flight, FAQ, formularz, karty
   realizacji) - home-cosmos.css.
   ================================================================ */

/* ── HERO: karta firmy ── */
.on-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.on-card{position:relative;justify-self:end;width:100%;max-width:470px;padding:22px;border-radius:28px;
	background:linear-gradient(180deg,rgba(14,18,42,.82),rgba(7,9,22,.9));border:1px solid rgba(165,180,252,.2);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 60px 120px -50px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.on-card__head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--cz-line)}
.on-card__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--cz-indigo),var(--cz-cyan));color:#fff;font:700 1rem/1 var(--cz-display);letter-spacing:-.02em}
.on-card__head b{display:block;font:600 1.1rem/1.2 var(--cz-display);letter-spacing:-.02em;color:#fff}
.on-card__head small{display:block;margin-top:3px;font:500 .62rem/1.3 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted)}
.on-card__rows{margin:6px 0 0}
.on-card__rows>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid rgba(165,180,252,.1)}
.on-card__rows dt{font:500 .62rem/1.5 var(--cz-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted)}
.on-card__rows dd{margin:0;font-size:.9rem;font-weight:500;color:#fff}
.on-card__rows a{color:#fff;text-decoration:none}
.on-card__rows a:hover{color:var(--cz-cyan)}
.on-card__stars{color:#FBBF24;letter-spacing:1px;margin-right:4px}
.on-card__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.on-card__chips span{padding:5px 10px;border-radius:999px;background:rgba(99,102,241,.14);font:500 .62rem/1.2 var(--cz-mono);letter-spacing:.04em;color:var(--cz-lav)}
.on-card__work{margin-top:16px;padding-top:14px;border-top:1px solid var(--cz-line)}
.on-card__k{display:block;margin-bottom:10px;font:500 .6rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-cyan)}
.on-card__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.on-card__thumbs a{display:block;border-radius:10px;overflow:hidden;border:1px solid rgba(165,180,252,.18);transition:transform .4s var(--cz-ease),border-color .3s}
.on-card__thumbs a:hover{transform:translateY(-3px);border-color:rgba(165,180,252,.5)}
.on-card__thumbs img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.cz-js .on-hero .on-card{opacity:0;transform:translate3d(0,30px,0) scale(.97);transition:opacity 1.2s var(--cz-ease),transform 1.2s var(--cz-ease)}
.cz-js .on-hero.is-in .on-card{opacity:1;transform:none;transition-delay:.9s}

/* ── 01: linki w kafelkach liczb ── */
.on-page .cz-stat a{color:var(--cz-indigo-deep)}

/* ── 02: osoba ── */
.on-team{display:flex;gap:14px;align-items:flex-start;margin:0 0 18px!important;padding:16px 20px;border-radius:20px;border:1px solid rgba(165,180,252,.18);background:rgba(255,255,255,.03);font-size:.95rem;line-height:1.6;color:rgba(214,219,238,.86)}
.on-team i{margin-top:3px;color:var(--cz-cyan)}
.on-team b{color:#fff}
.on-person{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);padding:clamp(24px,3.2vw,40px);border-radius:32px;
	background:radial-gradient(120% 70% at 0% 0%,rgba(99,102,241,.2),transparent 60%),linear-gradient(180deg,#0F1433,#070A18);border:1px solid rgba(165,180,252,.18);box-shadow:0 50px 100px -60px rgba(79,70,229,.6)}
.on-person__id{display:flex;flex-direction:column;gap:18px}
.on-person__avatar,.on-person__photo{width:120px;height:120px;border-radius:32px}
.on-person__avatar{display:grid;place-items:center;background:linear-gradient(135deg,var(--cz-indigo),var(--cz-cyan));color:#fff;font:700 2.2rem/1 var(--cz-display);letter-spacing:-.03em;box-shadow:0 20px 40px -20px rgba(34,211,238,.6)}
.on-person__photo{object-fit:cover}
.on-page .on-person__name{margin:0!important;font:600 clamp(1.4rem,2.2vw,1.9rem)/1.1 var(--cz-display);letter-spacing:-.025em;color:#fff}
.on-person__role{margin-top:8px!important;font-size:.95rem;line-height:1.5;color:var(--cz-lav)}
.on-person__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.on-person__links a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(165,180,252,.24);color:#fff;font-size:.84rem;text-decoration:none;transition:background .3s,color .3s}
.on-person__links a:hover{background:#EEF0FF;color:var(--cz-ink-text)}
.on-person__body p{margin:0 0 14px!important;font-size:1rem;line-height:1.75;color:rgba(214,219,238,.86)}
.on-person__areas{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.on-person__areas li{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(165,180,252,.18);font-size:.8rem;color:#fff}
.on-person__quote{margin:22px 0 0;padding:16px 20px;border-left:3px solid var(--cz-cyan);border-radius:0 16px 16px 0;background:rgba(255,255,255,.03)}
.on-person__quote p{margin:0!important;font:600 1.05rem/1.45 var(--cz-display);letter-spacing:-.015em;color:#fff}
.on-person__quote cite{display:block;margin-top:6px;font:500 .64rem/1.3 var(--cz-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--cz-muted)}

/* ── 03: specjalizacje ── */
.on-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.on-svc__item{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:6px 14px;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid rgba(11,16,32,.08);color:var(--cz-ink-text);text-decoration:none;box-shadow:0 30px 60px -50px rgba(49,46,129,.45);transition:transform .45s var(--cz-ease),border-color .3s,box-shadow .45s}
.on-svc__item:hover{transform:translateY(-3px);border-color:rgba(79,70,229,.35);box-shadow:0 34px 64px -44px rgba(49,46,129,.55)}
.on-svc__ic{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--cz-ink-text);color:#fff;font-size:.95rem}
.on-svc__body b{display:block;font:600 1rem/1.3 var(--cz-display);letter-spacing:-.015em}
.on-svc__body span{display:block;margin-top:4px;font-size:.86rem;line-height:1.5;color:var(--cz-muted-l)}
.on-svc__price{grid-column:2;display:inline-flex;align-items:center;gap:8px;margin-top:6px;font:600 .72rem/1 var(--cz-mono);letter-spacing:.04em;color:var(--cz-indigo-deep)}
.on-svc__price i{font-size:.62rem;transition:transform .4s var(--cz-ease)}
.on-svc__item:hover .on-svc__price i{transform:translateX(4px)}

/* ── 04: doświadczenie ── */
.cz-page .on-work{grid-template-columns:repeat(3,minmax(0,1fr))}
.on-exp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin-top:22px}
.on-exp__k{display:block;margin-bottom:10px;font:500 .62rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-cyan)}
.on-exp__product{position:relative;display:block;padding:24px 56px 24px 24px;border-radius:24px;text-decoration:none;color:var(--cz-text);
	background:radial-gradient(120% 80% at 100% 0%,rgba(34,211,238,.18),transparent 60%),linear-gradient(180deg,#0F1433,#070A18);border:1px solid rgba(165,180,252,.2);transition:border-color .3s,transform .45s var(--cz-ease)}
.on-exp__product:hover{border-color:rgba(165,180,252,.45);transform:translateY(-3px)}
.on-exp__product b{display:block;font:600 1.3rem/1.2 var(--cz-display);letter-spacing:-.02em;color:#fff}
.on-exp__product>span:not(.on-exp__k){display:block;margin-top:8px;font-size:.9rem;line-height:1.6;color:var(--cz-muted)}
.on-exp__product>i{position:absolute;right:22px;top:24px;color:var(--cz-lav)}
.on-exp__inds{padding:24px;border-radius:24px;border:1px solid rgba(165,180,252,.16);background:rgba(255,255,255,.02)}
.on-exp__inds ul{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.on-exp__inds li{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid rgba(165,180,252,.18);font-size:.78rem;color:rgba(232,234,246,.86)}
.on-exp__inds li b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(99,102,241,.3);font:600 .6rem/1 var(--cz-mono);color:#fff}

/* ── 06: zasady + rzetelność ── */
.on-rules{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;align-items:start}
.on-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.on-value{padding:22px;border-radius:22px;border:1px solid rgba(165,180,252,.16);background:linear-gradient(180deg,rgba(21,27,56,.6),rgba(8,11,25,.7))}
.on-value__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(99,102,241,.2);color:var(--cz-lav)}
.on-page .on-value h3{margin:14px 0 0!important;font:600 1.02rem/1.3 var(--cz-display);letter-spacing:-.015em;color:#fff}
.on-value p{margin-top:8px!important;font-size:.88rem;line-height:1.6;color:var(--cz-muted)}
.on-edit{position:sticky;top:110px;padding:24px;border-radius:24px;background:#EEF0FF;color:var(--cz-ink-text)}
.on-page .on-edit__h{display:flex;align-items:center;gap:10px;margin-bottom:12px!important;font:600 1rem/1.3 var(--cz-display);letter-spacing:-.015em;color:var(--cz-ink-text)}
.on-edit__h i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--cz-ink-text);color:#fff;font-size:.78rem}
.on-edit ol{margin:0;padding:0;list-style:none;counter-reset:on}
.on-edit li{position:relative;padding:11px 0 11px 34px;border-top:1px solid rgba(11,16,32,.1);font-size:.88rem;line-height:1.55;counter-increment:on}
.on-edit li:first-child{border-top:0}
.on-edit li::before{content:counter(on,decimal-leading-zero);position:absolute;left:0;top:12px;font:600 .66rem/1 var(--cz-mono);color:var(--cz-indigo-deep)}

/* ── 07: wiedza ── */
.on-know{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.on-know__col{display:flex;flex-direction:column;padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(11,16,32,.08);box-shadow:0 30px 60px -50px rgba(49,46,129,.45)}
.on-page .on-know__col h3{display:flex;align-items:center;gap:10px;margin-bottom:8px!important;font:600 .98rem/1.3 var(--cz-display);letter-spacing:-.015em;color:var(--cz-ink-text)}
.on-know__col h3 i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#EEF0FF;color:var(--cz-indigo-deep);font-size:.74rem}
.on-know__col a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--cz-line-l);font-size:.86rem;line-height:1.45;color:var(--cz-ink-text);text-decoration:none}
.on-know__col a i{flex-shrink:0;font-size:.6rem;color:var(--cz-indigo-deep);transition:transform .4s var(--cz-ease)}
.on-know__col a:hover{color:var(--cz-indigo-deep)}
.on-know__col a:hover i{transform:translateX(3px)}

/* ── 08: dane firmy ── */
.on-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.on-data__card{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:22px;border:1px solid rgba(165,180,252,.16);background:linear-gradient(180deg,rgba(21,27,56,.6),rgba(8,11,25,.7));font-size:.86rem;color:var(--cz-muted)}
.on-data__k{display:flex;align-items:center;gap:8px;margin-bottom:6px;font:500 .62rem/1 var(--cz-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cz-cyan)}
.on-data__card b{font:600 1.02rem/1.3 var(--cz-display);letter-spacing:-.015em;color:#fff}
.on-data__card b a{color:#fff;text-decoration:none}
.on-data__card>a{display:inline-flex;align-items:center;gap:8px;margin-top:4px;color:var(--cz-lav);text-decoration:none;font-size:.84rem}
.on-data__card>a:hover{color:#fff}
.on-data__card>a i{font-size:.66rem}

/* ── RESPONSYWNOŚĆ ── */
@media (max-width:1180px){
	.cz-page .on-work{grid-template-columns:repeat(2,minmax(0,1fr))}
	.on-know,.on-data{grid-template-columns:repeat(2,minmax(0,1fr))}
	.on-svc{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1080px){
	.on-hero__grid{grid-template-columns:1fr}
	.on-card{justify-self:start;max-width:560px;margin-top:10px}
	.on-person,.on-exp,.on-rules{grid-template-columns:1fr}
	.on-edit{position:static}
}
@media (max-width:720px){
	.cz-page .on-work{grid-template-columns:1fr}
	.on-svc,.on-know,.on-data,.on-values{grid-template-columns:1fr}
	.on-card__rows>div{grid-template-columns:1fr;gap:2px}
	.on-person__avatar,.on-person__photo{width:92px;height:92px;border-radius:26px;font-size:1.7rem}
}
@media (prefers-reduced-motion:reduce){
	.cz-js .on-hero .on-card{opacity:1;transform:none}
}