/* CONSALDI — statyczny build utility CSS (zamiennik CDN Tailwind; tylko klasy użyte na stronie) */
/* ---------- preflight ---------- */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{-webkit-text-size-adjust:100%;line-height:1.5}
body{margin:0;line-height:inherit}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
h1,h2,h3,h4{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
small{font-size:80%}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button{cursor:pointer;background-color:transparent;background-image:none;text-transform:none;-webkit-appearance:button}
ul,ol,menu{list-style:none;margin:0;padding:0}
img,svg,video{display:block;vertical-align:middle}
img{max-width:100%;height:auto}
summary{display:list-item}
[hidden]{display:none}
/* ---------- display / position ---------- */
.block{display:block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.flex{display:flex}.grid{display:grid}.hidden{display:none}
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}
.top-0{top:0}.left-0{left:0}.right-0{right:0}.top-10{top:40px}.top-1\/2{top:50%}.-right-\[9px\]{right:-9px}.-left-\[9999px\]{left:-9999px}
.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}
.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}
/* ---------- flex / grid ---------- */
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-none{flex:none}
.items-center{align-items:center}.items-baseline{align-items:baseline}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.place-items-center{place-items:center}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-3\.5{gap:14px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-7{gap:28px}.gap-10{gap:40px}
.gap-\[5px\]{gap:5px}.gap-\[18px\]{gap:18px}
.gap-\[clamp\(24px\,3\.5vw\,44px\)\]{gap:clamp(24px,3.5vw,44px)}
.gap-\[clamp\(24px\,4vw\,48px\)\]{gap:clamp(24px,4vw,48px)}
.gap-\[clamp\(32px\,5vw\,72px\)\]{gap:clamp(32px,5vw,72px)}
/* ---------- sizing ---------- */
.w-0{width:0}.w-3\.5{width:14px}.w-9{width:36px}.w-16{width:64px}.w-auto{width:auto}.w-full{width:100%}
.w-\[7px\]{width:7px}.w-\[9px\]{width:9px}.w-\[17px\]{width:17px}.w-\[18px\]{width:18px}.w-\[38px\]{width:38px}
.h-3\.5{height:14px}.h-9{height:36px}
.h-\[3px\]{height:3px}.h-\[7px\]{height:7px}.h-\[9px\]{height:9px}.h-\[17px\]{height:17px}.h-\[18px\]{height:18px}.h-\[38px\]{height:38px}.h-\[42px\]{height:42px}.h-\[66px\]{height:66px}.h-\[78px\]{height:78px}
.min-h-\[128px\]{min-height:128px}.min-h-\[150px\]{min-height:150px}
.max-w-\[18ch\]{max-width:18ch}.max-w-\[21ch\]{max-width:21ch}.max-w-\[56ch\]{max-width:56ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[64ch\]{max-width:64ch}.max-w-\[880px\]{max-width:880px}
/* ---------- margin ---------- */
.m-0{margin:0}
.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}
.mb-1\.5{margin-bottom:6px}.mb-2{margin-bottom:8px}.mb-2\.5{margin-bottom:10px}.mb-3{margin-bottom:12px}.mb-3\.5{margin-bottom:14px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-9{margin-bottom:36px}
.mb-\[5px\]{margin-bottom:5px}.mb-\[18px\]{margin-bottom:18px}.mb-\[22px\]{margin-bottom:22px}.mb-\[26px\]{margin-bottom:26px}.mb-\[30px\]{margin-bottom:30px}
.mb-\[clamp\(36px\,5vw\,52px\)\]{margin-bottom:clamp(36px,5vw,52px)}
.mt-2{margin-top:8px}.mt-6{margin-top:24px}.mt-10{margin-top:40px}
.mt-\[13px\]{margin-top:13px}.mt-\[22px\]{margin-top:22px}.mt-\[30px\]{margin-top:30px}.mt-\[38px\]{margin-top:38px}
.mt-\[clamp\(28px\,3\.5vw\,40px\)\]{margin-top:clamp(28px,3.5vw,40px)}
.mt-\[clamp\(32px\,4\.5vw\,48px\)\]{margin-top:clamp(32px,4.5vw,48px)}
.mt-\[clamp\(34px\,4\.5vw\,52px\)\]{margin-top:clamp(34px,4.5vw,52px)}
.mt-\[clamp\(36px\,5vw\,52px\)\]{margin-top:clamp(36px,5vw,52px)}
.mt-\[clamp\(38px\,5vw\,56px\)\]{margin-top:clamp(38px,5vw,56px)}
.mt-\[clamp\(40px\,5vw\,60px\)\]{margin-top:clamp(40px,5vw,60px)}
/* ---------- padding (p → px/py → pt/pb/pl) ---------- */
.p-0{padding:0}.p-7{padding:28px}.p-8{padding:32px}
.p-\[clamp\(24px\,2\.8vw\,34px\)\]{padding:clamp(24px,2.8vw,34px)}
.p-\[clamp\(26px\,3vw\,34px\)\]{padding:clamp(26px,3vw,34px)}
.p-\[clamp\(26px\,3vw\,36px\)\]{padding:clamp(26px,3vw,36px)}
.p-\[clamp\(26px\,3vw\,38px\)\]{padding:clamp(26px,3vw,38px)}
.px-\[15px\]{padding-left:15px;padding-right:15px}.px-\[17px\]{padding-left:17px;padding-right:17px}.px-\[26px\]{padding-left:26px;padding-right:26px}
.py-4{padding-top:16px;padding-bottom:16px}.py-\[9px\]{padding-top:9px;padding-bottom:9px}.py-\[13px\]{padding-top:13px;padding-bottom:13px}.py-\[18px\]{padding-top:18px;padding-bottom:18px}.py-\[38px\]{padding-top:38px;padding-bottom:38px}
.py-\[clamp\(72px\,11vw\,142px\)\]{padding-top:clamp(72px,11vw,142px);padding-bottom:clamp(72px,11vw,142px)}
.py-\[clamp\(76px\,9vw\,128px\)\]{padding-top:clamp(76px,9vw,128px);padding-bottom:clamp(76px,9vw,128px)}
.pt-0{padding-top:0}.pt-\[22px\]{padding-top:22px}.pt-\[26px\]{padding-top:26px}
.pt-\[clamp\(48px\,6vw\,72px\)\]{padding-top:clamp(48px,6vw,72px)}
.pt-\[clamp\(76px\,9vw\,128px\)\]{padding-top:clamp(76px,9vw,128px)}
.pb-1{padding-bottom:4px}.pb-6{padding-bottom:24px}.pb-\[30px\]{padding-bottom:30px}.pb-\[38px\]{padding-bottom:38px}
.pb-\[clamp\(76px\,9vw\,128px\)\]{padding-bottom:clamp(76px,9vw,128px)}
.pl-4{padding-left:16px}.pl-\[22px\]{padding-left:22px}
/* ---------- typography ---------- */
.font-sans{font-family:Archivo,"Helvetica Neue",Arial,sans-serif}
.font-mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace}
.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}
.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:18px;line-height:28px}
.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[11\.5px\]{font-size:11.5px}.text-\[12px\]{font-size:12px}.text-\[12\.5px\]{font-size:12.5px}.text-\[13px\]{font-size:13px}.text-\[13\.5px\]{font-size:13.5px}.text-\[14\.5px\]{font-size:14.5px}.text-\[15px\]{font-size:15px}.text-\[15\.5px\]{font-size:15.5px}.text-\[16\.5px\]{font-size:16.5px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}
.text-\[clamp\(16px\,1\.8vw\,19px\)\]{font-size:clamp(16px,1.8vw,19px)}
.text-\[clamp\(17px\,1\.5vw\,20px\)\]{font-size:clamp(17px,1.5vw,20px)}
.text-\[clamp\(17px\,2vw\,21px\)\]{font-size:clamp(17px,2vw,21px)}
.text-\[clamp\(18px\,2vw\,24px\)\]{font-size:clamp(18px,2vw,24px)}
.text-\[clamp\(19px\,2vw\,23px\)\]{font-size:clamp(19px,2vw,23px)}
.text-\[clamp\(19px\,2\.2vw\,24px\)\]{font-size:clamp(19px,2.2vw,24px)}
.text-\[clamp\(20px\,2\.2vw\,24px\)\]{font-size:clamp(20px,2.2vw,24px)}
.text-\[clamp\(22px\,2\.4vw\,28px\)\]{font-size:clamp(22px,2.4vw,28px)}
.text-\[clamp\(24px\,3vw\,34px\)\]{font-size:clamp(24px,3vw,34px)}
.text-\[clamp\(26px\,3\.6vw\,44px\)\]{font-size:clamp(26px,3.6vw,44px)}
.text-\[clamp\(30px\,4vw\,42px\)\]{font-size:clamp(30px,4vw,42px)}
.text-\[clamp\(30px\,4\.2vw\,54px\)\]{font-size:clamp(30px,4.2vw,54px)}
.text-\[clamp\(32px\,5vw\,64px\)\]{font-size:clamp(32px,5vw,64px)}
.text-\[clamp\(36px\,5\.6vw\,76px\)\]{font-size:clamp(36px,5.6vw,76px)}
.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}
.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.03\]{line-height:1.03}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.16\]{line-height:1.16}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.22\]{line-height:1.22}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.55\]{line-height:1.55}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.7\]{line-height:1.7}
.tracking-normal{letter-spacing:0}
.tracking-\[-0\.015em\]{letter-spacing:-.015em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.025em\]{letter-spacing:-.025em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[-0\.035em\]{letter-spacing:-.035em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}
.tracking-\[\.04em\]{letter-spacing:.04em}.tracking-\[\.06em\]{letter-spacing:.06em}.tracking-\[\.08em\]{letter-spacing:.08em}.tracking-\[\.1em\]{letter-spacing:.1em}.tracking-\[\.14em\]{letter-spacing:.14em}.tracking-\[\.18em\]{letter-spacing:.18em}
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}
.uppercase{text-transform:uppercase}.italic{font-style:italic}
.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}
.tabular-nums{font-variant-numeric:tabular-nums}
.list-none{list-style-type:none}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.\[text-wrap\:balance\]{text-wrap:balance}
.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}
/* ---------- colors ---------- */
.text-white{color:#fff}.text-chip{color:#14161c}.text-txd{color:#15171d}.text-txl{color:#f1f1ef}.text-muted{color:#5b606c}.text-mutel{color:#969ba8}
.text-cy{color:#00aeef}.text-mg{color:#eb008c}.text-yl{color:#fef100}.text-acc2{color:#1ec0ff}.text-cyanink{color:#0a6e95}.text-mgink{color:#c30074}
.text-\[\#E4E4E4\]{color:#e4e4e4}
.bg-white{background-color:#fff}.bg-ink{background-color:#0e1014}.bg-ink\/90{background-color:rgba(14,16,20,.9)}.bg-ink2{background-color:#161920}.bg-ink3{background-color:#1e222b}.bg-paper{background-color:#f5f4f0}
.bg-cy{background-color:#00aeef}.bg-mg{background-color:#eb008c}.bg-yl{background-color:#fef100}
.accent-cy{accent-color:#00aeef}
/* ---------- borders ---------- */
.border{border-width:1px}.border-\[1\.5px\]{border-width:1.5px}
.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}
.border-t-\[3px\]{border-top-width:3px}.border-l-\[3px\]{border-left-width:3px}.border-r-0{border-right-width:0}
.border-lined{border-color:#282d38}.border-lined2{border-color:#343a47}.border-linel{border-color:#e3e0d8}.border-cy{border-color:#00aeef}.border-chip\/20{border-color:rgba(20,22,28,.2)}
.border-t-cy{border-top-color:#00aeef}.border-t-mg{border-top-color:#eb008c}.border-t-yl{border-top-color:#fef100}
.rounded{border-radius:6px}.rounded-\[2px\]{border-radius:2px}.rounded-\[9px\]{border-radius:9px}.rounded-full{border-radius:9999px}.rounded-l-md{border-top-left-radius:6px;border-bottom-left-radius:6px}
/* ---------- effects / transforms / transitions ---------- */
.opacity-90{opacity:.9}
.shadow-\[0_10px_30px_-12px_rgba\(0\,0\,0\,\.5\)\]{box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
.shadow-\[inset_4px_0_0_\#00aeef\]{box-shadow:inset 4px 0 0 #00aeef}
.shadow-\[inset_4px_0_0_\#eb008c\]{box-shadow:inset 4px 0 0 #eb008c}
.shadow-\[inset_4px_0_0_\#fef100\]{box-shadow:inset 4px 0 0 #fef100}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.-translate-y-1\/2{transform:translateY(-50%)}.rotate-180{transform:rotate(180deg)}
.resize-y{resize:vertical}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.duration-100{transition-duration:.1s}
/* ---------- hover / focus ---------- */
.hover\:-translate-y-px:hover{transform:translateY(-1px)}
.hover\:-translate-y-\[3px\]:hover{transform:translateY(-3px)}
.hover\:bg-\[\#ffe600\]:hover{background-color:#ffe600}
.hover\:bg-mg:hover{background-color:#eb008c}
.hover\:border-lined2:hover{border-color:#343a47}
.hover\:border-mg:hover{border-color:#eb008c}
.hover\:text-acc2:hover{color:#1ec0ff}
.hover\:text-txl:hover{color:#f1f1ef}
.hover\:text-white:hover{color:#fff}
.hover\:underline:hover{text-decoration-line:underline}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:border-cy:focus{border-color:#00aeef}
.focus\:ring-\[3px\]:focus{box-shadow:0 0 0 3px var(--tw-ring-color,rgba(0,174,239,.2))}
.focus\:ring-cy\/20:focus{--tw-ring-color:rgba(0,174,239,.2)}
/* ---------- responsive ---------- */
@media (min-width:640px){
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:768px){
.md\:flex{display:flex}
.md\:ml-0{margin-left:0}
.md\:mt-0{margin-top:0}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:grid-cols-\[\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}
.md\:grid-cols-\[1\.05fr_\.95fr\]{grid-template-columns:1.05fr .95fr}
.md\:grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}
}
@media (min-width:1024px){
.lg\:grid{display:grid}
.lg\:sticky{position:sticky}
.lg\:top-\[90px\]{top:90px}
.lg\:border-r{border-right-width:1px}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg\:grid-cols-\[1\.15fr_\.85fr\]{grid-template-columns:1.15fr .85fr}
}
@media not all and (min-width:1024px){
.max-lg\:border-b{border-bottom-width:1px}
}