/*
Theme Name: MITart B2B Future
Theme URI: https://mitart.pl/
Author: MITart
Description: Strategiczny motyw blokowy dla obsługi IT MŚP, wdrożeń AI i 3D oraz wsparcia zgodności RODO, NIS2 i KSC.
Version: 2.1.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: mitart-b2b
*/

:root{--c:#00a0c4;--c2:#63daf0;--ink:#050d12;--navy:#081b24;--paper:#f4f8f9;--muted:#60717a;--line:#dbe7eb;--green:#73e6bd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}.wp-site-blocks{min-height:100vh}a{text-underline-offset:.2em}
.mitart-header{position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(219,231,235,.85);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.mitart-header .wp-block-navigation-item__content{text-decoration:none}.mitart-header .wp-block-navigation-item__content:hover{color:var(--c)}.mitart-logo img{width:150px;height:auto}
.mitart-b2b-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(5,13,18,.99) 0%,rgba(5,13,18,.94) 40%,rgba(5,13,18,.2) 76%),url('assets/mitart-b2b-hero.jpg') center right/cover no-repeat}
.mitart-b2b-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 72%,rgba(0,160,196,.12))}
.mitart-page-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(300px,38vw,470px);display:flex;align-items:flex-end;padding:clamp(5rem,9vw,8rem) var(--wp--style--root--padding-right,1.5rem) clamp(3.5rem,6vw,5.5rem);background-color:#07141b;background-position:center right;background-size:cover;background-repeat:no-repeat}
.mitart-page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 55%,rgba(0,160,196,.12))}
.mitart-page-hero h1{max-width:780px;margin-top:.7rem;margin-bottom:0;text-wrap:balance;text-shadow:0 2px 22px rgba(0,0,0,.35)}
.mitart-kicker{text-transform:uppercase;letter-spacing:.16em}.mitart-accent{color:var(--c2)}
.mitart-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(99,218,240,.35);border-radius:999px;padding:.45rem .8rem;background:rgba(0,160,196,.1)}
.mitart-card{height:100%;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 44px rgba(5,13,18,.07);transition:.2s ease}.mitart-card:hover{transform:translateY(-4px);border-color:rgba(0,160,196,.55);box-shadow:0 20px 52px rgba(5,13,18,.12)}
.mitart-dark-card{height:100%;border:1px solid #23414d;border-radius:20px;background:linear-gradient(145deg,#0a222c,#071820);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.mitart-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:12px;background:rgba(0,160,196,.12);color:var(--c);font-size:1.3rem;font-weight:850}
.mitart-grid{background-color:var(--ink);background-image:linear-gradient(rgba(99,218,240,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(99,218,240,.045) 1px,transparent 1px);background-size:34px 34px}
.mitart-flow{position:relative}.mitart-flow:before{content:"";position:absolute;left:1.1rem;top:2.5rem;bottom:2.5rem;width:1px;background:linear-gradient(var(--c),rgba(0,160,196,.08))}.mitart-flow-step{position:relative;padding-left:4.5rem}.mitart-flow-step:before{content:"";position:absolute;left:.48rem;top:.4rem;width:1.15rem;height:1.15rem;display:block;border-radius:50%;background:var(--c);box-shadow:0 0 0 7px rgba(0,160,196,.12)}
.mitart-compliance{border-radius:26px;background:linear-gradient(135deg,#07151c,#0d3442);box-shadow:0 24px 70px rgba(5,13,18,.16)}
.mitart-tag{display:inline-block;margin:.2rem;padding:.45rem .75rem;border:1px solid rgba(99,218,240,.32);border-radius:999px;color:var(--c2);font-weight:750;font-size:.84rem}
.mitart-faq details{padding:1.05rem 0;border-bottom:1px solid var(--line)}.mitart-faq summary{cursor:pointer;font-weight:760}.mitart-faq details p{color:var(--muted)}
.mitart-cta{border-radius:26px;background:radial-gradient(circle at 90% 20%,rgba(0,160,196,.34),transparent 20rem),linear-gradient(135deg,#050d12,#0c2b37)}
.mitart-footer a{color:inherit}.mitart-footer a:hover{color:var(--c2)}.wp-block-button__link{transition:.18s ease}.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(0,160,196,.25)}
@media(max-width:781px){.mitart-header{position:relative}.mitart-b2b-hero{background:linear-gradient(180deg,rgba(5,13,18,.96),rgba(5,13,18,.82)),url('assets/mitart-b2b-hero.jpg') 67% center/cover no-repeat}.mitart-b2b-hero h1{font-size:clamp(2.7rem,13vw,4.7rem)!important}.mitart-compliance,.mitart-cta{border-radius:18px}.mitart-flow-step{padding-left:3.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}