/* Plik generowany przez tools/build-css.mjs — nie edytuj ręcznie.
   Źródła: styles/base.css, styles/home.css, styles/sections.css, styles/service.css, styles/forms.css, styles/multimedia.css */

/* ========== styles/base.css ========== */
/* Inter zmienny 400-900, hostowany lokalnie (CSP default-src 'self').
   Subset ograniczony do znaków faktycznie używanych na stronie: 40 KB zamiast
   133 KB, jakie zajmowały pełne latin + latin-ext. Zestaw znaków definiuje
   BASELINE w tools/font-charset.mjs, a CI pilnuje, żeby treść z niego nie
   wyszła. Ścieżka jest względna wobec zbudowanego /styles.css. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(assets/fonts/inter-subset.woff2) format("woff2");unicode-range: U+20-7e, U+a0, U+a3, U+ab, U+b0, U+b2-b3, U+b7, U+bb, U+c1, U+c9, U+cd, U+d3, U+d7, U+da, U+dd, U+e1, U+e9, U+ed, U+f3, U+fa, U+fd, U+104-107, U+10a-10b, U+116-119, U+120-121, U+12e-130, U+139-13a, U+141-144, U+154-155, U+15a-15b, U+172-173, U+179-17c, U+1ea-1eb, U+1f4-1f5, U+226-227, U+22e-22f, U+301, U+307, U+328, U+1e02-1e03, U+1e0a-1e0b, U+1e1e-1e1f, U+1e22-1e23, U+1e30-1e31, U+1e3e-1e41, U+1e44-1e45, U+1e54-1e59, U+1e60-1e61, U+1e64-1e65, U+1e6a-1e6b, U+1e82-1e83, U+1e86-1e87, U+1e8a-1e8b, U+1e8e-1e8f, U+2011, U+2013-2014, U+2019-201a, U+201d-201e, U+2022, U+2026, U+2039-203a, U+20ac, U+2190-2193, U+2301-2302, U+25c9, U+25cc, U+2713, U+2715, U+2726, U+2922}

:root{--bg:#07111f;--bg-soft:#0b1d30;--ink:#102033;--muted:#617086;--line:#dce4eb;--light:#f4f7f9;--white:#fff;--accent:#2fd6a3;--accent-dark:#18a97e;--radius:22px;--shadow:0 20px 60px rgba(3,18,32,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.65}
a{color:inherit}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit}
.site-header,main>section,footer{padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2))}
.site-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(7,17,31,.93);backdrop-filter:blur(16px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;text-decoration:none;letter-spacing:-.035em;font-size:1.12rem}
.brand-mark{width:30px;height:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;transform:rotate(45deg)}
.brand-mark i{display:block;border-radius:4px;background:var(--accent)}
.brand-mark i:nth-child(2){background:#fff}.brand-mark i:nth-child(3){grid-column:1/3;background:rgba(47,214,163,.42)}
nav{display:flex;align-items:center;gap:25px}
nav a{text-decoration:none;color:#d9e7f4;font-weight:700;font-size:.91rem}
nav a:hover{color:#fff}
nav a:last-child{padding:10px 17px;border:1px solid rgba(255,255,255,.22);border-radius:999px}
main>section:not(.hero):not(.trust-strip){padding-top:108px;padding-bottom:108px}
section h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.03;letter-spacing:-.05em;margin:0 0 30px}
section h3{font-size:1.22rem;margin:.2em 0 .6em;line-height:1.25}
.eyebrow{margin:0 0 16px;color:#79f1cb;text-transform:uppercase;letter-spacing:.15em;font-weight:850;font-size:.76rem}
.eyebrow.dark{color:#128a68}
.section-lead{max-width:780px;color:var(--muted);font-size:1.15rem;margin:-12px 0 48px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 21px;border-radius:999px;text-decoration:none;font-weight:850;line-height:1.2;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--accent);color:#062018;border:1px solid var(--accent)}
.button-primary:hover{background:#59e4b9}
.button-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#fff}
.button-outline{border:1px solid #b7c6d2;color:var(--ink);background:#fff}
footer{padding-top:54px;padding-bottom:44px;background:#040b13;color:#aebdca;display:grid;grid-template-columns:1fr auto;gap:22px 50px;align-items:start}
footer a{color:#fff;text-decoration:none}.footer-brand{display:grid;gap:3px}.footer-brand strong{font-size:1.25rem;color:#fff}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}.footer-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin:0;font-size:.84rem;max-width:900px}
.nav-toggle{display:none}
.mobile-cta{display:none}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){nav{gap:16px}.site-header nav a:not(:last-child){display:none}}
@media(max-width:780px){body{padding-bottom:68px}.site-header{height:auto;flex-wrap:wrap;padding-top:13px;padding-bottom:13px}.nav-toggle{display:block;background:transparent;border:1px solid rgba(255,255,255,.25);color:white;padding:8px 12px;border-radius:9px}nav{display:none;width:100%;padding:20px 0;flex-direction:column;align-items:flex-start}nav.open{display:flex}.site-header nav a:not(:last-child){display:block}main>section:not(.hero):not(.trust-strip){padding-top:78px;padding-bottom:78px}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start;display:grid;gap:8px}.mobile-cta{position:fixed;z-index:60;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;background:#06101c;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:9px;border-top:1px solid rgba(255,255,255,.1)}.mobile-cta a{text-align:center;text-decoration:none;font-weight:850;border-radius:999px;padding:11px;background:rgba(255,255,255,.1);color:#fff}.mobile-cta a:last-child{background:var(--accent);color:#062018}}

/* ========== styles/home.css ========== */
.hero{min-height:760px;background:radial-gradient(circle at 78% 18%,rgba(47,214,163,.17),transparent 28%),radial-gradient(circle at 15% 85%,rgba(41,105,185,.18),transparent 30%),linear-gradient(135deg,#07111f,#0c2136);color:#fff;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:70px;align-items:center;padding-top:92px;padding-bottom:92px;padding-left:max(24px,calc((100% - 1180px)/2));padding-right:max(24px,calc((100% - 1180px)/2))}
.hero-copy{max-width:690px}
.hero h1{margin:.2em 0 .28em;font-size:clamp(3.35rem,6.6vw,6.1rem);line-height:.94;letter-spacing:-.072em;max-width:850px}
.hero-lead{max-width:700px;color:#c6d4e2;font-size:1.19rem;line-height:1.72}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
.hero-points{display:grid;gap:10px;list-style:none;margin:30px 0 0;padding:0;color:#d9e6f1;font-size:.94rem}
.hero-points li{position:relative;padding-left:27px}.hero-points li:before{content:"";position:absolute;left:0;top:.56em;width:13px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.system-visual{position:relative;padding:25px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.055));border-radius:30px;box-shadow:0 34px 90px rgba(0,0,0,.36);backdrop-filter:blur(18px);overflow:hidden}
.system-visual:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(47,214,163,.13);filter:blur(10px);right:-90px;top:-90px}
.visual-toolbar{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.visual-toolbar>div{display:grid}.visual-toolbar strong{font-size:1.08rem}.visual-label{font-size:.71rem;color:#9eb1c2;text-transform:uppercase;letter-spacing:.12em}
.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(47,214,163,.1);border:1px solid rgba(47,214,163,.26);font-size:.77rem;color:#a7f3d9;font-weight:750;white-space:nowrap}.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(47,214,163,.11)}
.visual-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.visual-metrics article{padding:14px;border-radius:15px;background:rgba(5,15,27,.42);border:1px solid rgba(255,255,255,.08);display:grid;gap:2px}.visual-metrics span,.visual-metrics small{color:#8fa5b8;font-size:.68rem}.visual-metrics strong{font-size:1.08rem}
.visual-home{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-room{min-height:96px;padding:14px;border-radius:16px;background:#f8fbfd;color:#102033;display:grid;align-content:space-between;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.home-room.room-wide{grid-column:1/-1;background:linear-gradient(135deg,#dff8ef,#f9fffd)}.home-room span{font-size:.72rem;color:#66798c}.home-room strong{font-size:.9rem}.home-room i{font-style:normal;font-size:.72rem;color:#728399}.home-room.active strong:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#f4b942;margin-right:7px}.home-room.safe strong:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#24b889;margin-right:7px}
.visual-note{position:relative;margin:15px 0 0;color:#8ea4b6;font-size:.68rem;line-height:1.45}
.trust-strip{padding:19px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:18px;background:#0a1929;color:#c6d4e2;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.trust-strip span:before{content:"•";color:var(--accent);margin-right:10px}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:55px}.hero-copy{max-width:820px}.system-visual{max-width:680px}.hero h1{font-size:clamp(3.5rem,9vw,5.7rem)}}
@media(max-width:780px){.hero{min-height:auto;padding-top:72px;padding-bottom:70px;grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(3rem,14vw,4.45rem)}.hero-lead{font-size:1.05rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.system-visual{padding:17px;border-radius:23px}.visual-toolbar{align-items:flex-start}.status-pill{font-size:.65rem}.visual-metrics{grid-template-columns:1fr 1fr}.visual-metrics article:last-child{grid-column:1/-1}.trust-strip{overflow:auto;justify-content:flex-start;white-space:nowrap}.trust-strip span{min-width:max-content}}

/* ========== styles/sections.css ========== */
.section-intro{background:#fff}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.path-card{position:relative;padding:31px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 34px rgba(14,35,54,.055);display:flex;flex-direction:column}.path-card.featured{background:linear-gradient(150deg,#081b2e,#0f2e49);color:#fff;border-color:transparent;transform:translateY(-8px);box-shadow:0 25px 58px rgba(3,18,32,.22)}.card-number{color:#15906e;font-size:.76rem;font-weight:900;letter-spacing:.13em;margin-bottom:22px}.featured .card-number{color:#78ecc7}.card-badge{position:absolute;right:22px;top:20px;padding:7px 10px;border-radius:999px;background:rgba(47,214,163,.13);color:#83f1cf;font-size:.66rem;font-weight:850}.path-card p{color:var(--muted)}.path-card.featured p,.path-card.featured li{color:#c9d9e6}.path-card ul{padding-left:19px;color:#4f6074;flex:1}.path-card a{margin-top:18px;font-weight:850;text-decoration:none;color:#0f8d69}.path-card.featured a{color:#7ef0cc}
.outcomes-section{background:linear-gradient(135deg,#07111f,#0d2740);color:#fff}.section-heading-row{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:45px}.section-heading-row p:last-child{color:#b9c9d7;margin:0;font-size:1.08rem}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.outcome-grid article{padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.045)}.outcome-grid p{color:#adc0cf;font-size:.93rem}.outcome-icon{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:11px;background:rgba(47,214,163,.12);color:#6ee8c2;font-size:.72rem;font-weight:900;margin-bottom:18px}
.case-study-section{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center;background:#eef4f6}.case-copy>p:not(.eyebrow){font-size:1.07rem;color:#536579}.case-benefits{display:grid;gap:13px;margin-top:30px}.case-benefits div{display:grid;gap:3px;padding:18px 20px;border-radius:15px;background:#fff;border:1px solid #d6e1e6}.case-benefits strong{font-size:.98rem}.case-benefits span{color:#637487;font-size:.89rem}.case-stack{position:relative;min-height:430px;border-radius:26px;overflow:hidden}.stack-card{position:absolute;width:76%;right:0;min-height:116px;padding:22px 25px;border-radius:20px;background:#fff;border:1px solid #d5e0e6;box-shadow:0 22px 50px rgba(18,48,67,.18);display:grid;align-content:center;transform-origin:center}.stack-card span{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:#198f6c;font-weight:850}.stack-card strong{font-size:1.18rem}.stack-card small{color:#6a7a8c}.stack-1{top:0;transform:rotate(-4deg) translateX(-9px)}.stack-2{top:94px;transform:rotate(2deg) translateX(13px)}.stack-3{top:190px;transform:rotate(-2deg) translateX(-3px)}.stack-4{top:285px;background:#091d30;color:#fff;border-color:#091d30;transform:rotate(1deg) translateX(8px)}.stack-4 small{color:#b9cbd9}.stack-4 span{color:#72e7c2}
.packages-section{background:#fff}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.package-card{position:relative;padding:32px;border-radius:var(--radius);border:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.package-card.recommended{border:2px solid #23bc8e;box-shadow:0 24px 60px rgba(20,124,94,.15)}.package-type{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:#168967;font-weight:900}.package-card p{color:var(--muted)}.package-card ul{padding-left:20px;flex:1}.package-card li{margin:.46em 0}.package-ribbon{position:absolute;top:17px;right:17px;padding:7px 10px;border-radius:999px;background:#e5faf2;color:#107f60;font-size:.63rem;font-weight:900}.package-card .button{margin-top:18px}.pricing-note{text-align:center;color:var(--muted);max-width:760px;margin:32px auto 0;font-size:.92rem}
.technology-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#0a1929;color:#fff}.technology-section>div>p:last-child{color:#b9c9d6}.tech-list{display:flex;gap:12px;flex-wrap:wrap}.tech-list span{padding:13px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.055);font-weight:800;color:#dce8f2}
.process-section{background:#fff}.process-grid{counter-reset:none;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid li{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f9fbfc)}.process-grid span{display:block;color:#15906e;font-weight:900;font-size:.74rem;letter-spacing:.13em;margin-bottom:26px}.process-grid strong{display:block;font-size:1.08rem}.process-grid p{color:var(--muted);font-size:.9rem}
.faq-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;background:#f1f5f7}.faq-heading p:last-child{color:var(--muted)}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid #dbe4e9;border-radius:15px;padding:0 20px}.faq-list summary{cursor:pointer;list-style:none;padding:20px 34px 20px 0;font-weight:850;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:15px;font-size:1.45rem;color:#14906c}.faq-list details[open] summary:after{content:"–"}.faq-list p{color:var(--muted);margin:0;padding:0 0 20px}
@media(max-width:1000px){.path-grid,.package-grid{grid-template-columns:1fr}.path-card.featured{transform:none}.outcome-grid{grid-template-columns:repeat(2,1fr)}.case-study-section,.technology-section,.faq-section{grid-template-columns:1fr}.case-stack{max-width:650px}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.section-heading-row{grid-template-columns:1fr;gap:15px}.outcome-grid,.process-grid{grid-template-columns:1fr}.case-study-section{gap:45px}.case-stack{min-height:380px}.stack-card{min-height:104px;width:88%}.stack-2{top:82px}.stack-3{top:164px}.stack-4{top:246px}.package-card{padding:26px}.package-ribbon{position:static;align-self:flex-start;margin-bottom:13px}.technology-section{gap:36px}.faq-section{gap:34px}}

/* ========== styles/service.css ========== */
.service-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(47,214,163,.15),transparent 27%),linear-gradient(135deg,#07111f,#0d2942);color:#fff;padding-top:110px;padding-bottom:100px}
/* Zdjęcie w hero podstrony — to samo potraktowanie co na stronie głównej,
   żeby podstrony usług nie wyglądały jak inna witryna. */
.service-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.5}
.service-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,rgba(7,17,31,.95) 0%,rgba(7,17,31,.85) 44%,rgba(9,27,45,.6) 72%,rgba(47,214,163,.14) 100%)}
.service-hero-inner{position:relative;max-width:900px}
.service-figure{margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#f7fafb}
.service-figure img{display:block;width:100%;height:320px;object-fit:cover}
.service-figure figcaption{padding:15px 19px;color:var(--muted);font-size:.92rem;line-height:1.5}.service-hero h1{font-size:clamp(3rem,7vw,5.8rem);line-height:.95;letter-spacing:-.068em;margin:.2em 0 .3em}.service-hero p:not(.eyebrow){max-width:760px;color:#c3d2df;font-size:1.14rem}.service-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.service-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.service-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#cfe0ec;font-size:.78rem}.service-content{background:#fff}.service-content-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.service-sidebar{position:sticky;top:110px;align-self:start;padding:25px;border:1px solid var(--line);border-radius:18px;background:#f7fafb}.service-sidebar strong{display:block;margin-bottom:12px}.service-sidebar ul{margin:0;padding-left:18px;color:var(--muted)}.service-main{display:grid;gap:48px}.service-block h2{font-size:clamp(2rem,4vw,3.2rem)}.service-block p{color:var(--muted)}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.service-list article{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.service-list span{display:block;color:#168967;font-size:.72rem;font-weight:900;letter-spacing:.12em;margin-bottom:12px}.service-list p{font-size:.9rem}.service-cta{background:#eaf3f5;text-align:center}.service-cta p{max-width:700px;margin:0 auto 25px;color:var(--muted)}.service-cta .button{margin:5px}.service-related{background:#0a1929;color:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-grid a{display:block;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.05);text-decoration:none}.related-grid span{display:block;color:#7ee9c8;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}.related-grid strong{font-size:1.05rem}.service-back{display:inline-block;margin-bottom:25px;color:#94aabd;text-decoration:none;font-weight:750}
@media(max-width:900px){.service-content-grid{grid-template-columns:1fr}.service-sidebar{position:static}.related-grid{grid-template-columns:1fr}}
@media(max-width:780px){.service-hero{padding-top:76px;padding-bottom:72px}.service-figure img{height:220px}.service-hero h1{font-size:clamp(2.9rem,14vw,4.4rem)}.service-hero-actions{display:grid}.service-list{grid-template-columns:1fr}}

/* ========== styles/forms.css ========== */
.contact-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start;background:linear-gradient(135deg,#0b1d30,#07111f);color:#fff}.contact-copy{position:sticky;top:120px}.contact-copy>p:not(.eyebrow){color:#b9cbd8;font-size:1.03rem}.contact-direct{display:grid;gap:11px;margin-top:31px}.contact-direct a{display:grid;gap:2px;padding:17px 19px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055);text-decoration:none}.contact-direct span{color:#91a8ba;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.contact-direct strong{font-size:1rem;color:#fff;overflow-wrap:anywhere}.lead-form{padding:31px;border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:var(--shadow);display:grid;gap:17px}.lead-form label{display:grid;gap:7px;font-size:.9rem;font-weight:780}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-form input,.lead-form textarea,.lead-form select{width:100%;padding:13px 14px;border:1px solid #cbd6df;border-radius:12px;background:#fff;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:#22ad84;box-shadow:0 0 0 4px rgba(47,214,163,.14)}.lead-form textarea{min-height:140px;resize:vertical}.privacy-check{display:flex!important;align-items:flex-start;font-weight:500!important;color:var(--muted);line-height:1.5}.privacy-check input{width:18px;min-width:18px;margin-top:4px}.lead-form button{border:0;border-radius:999px;padding:15px 22px;background:var(--accent);color:#062018;font-weight:900;cursor:pointer}.lead-form button:hover{background:#59e4b9}.lead-form button:disabled{opacity:.55;cursor:wait}.form-status{margin:0;min-height:1.6em;font-weight:700}.form-status.error{color:#b42318}.form-status.success{color:#087f5b}.form-note{margin:-7px 0 0;color:var(--muted);font-size:.82rem;text-align:center}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.notice{padding:18px 22px;border-left:4px solid var(--accent);background:#ebfbf5;border-radius:0 12px 12px 0}.content-page{max-width:860px;margin:auto;padding:80px max(24px,calc((100% - 860px)/2)) 100px}.content-page h1{font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.05em;line-height:1}.content-page h2{font-size:1.7rem;margin-top:2em}.content-page p,.content-page li{color:#46576c}.content-page .button{background:var(--accent);color:#062018}.thank-you-page{background:linear-gradient(180deg,#07111f 0,#0b1d30 42%,#f4f7f9 42%,#f4f7f9 100%)}.thank-you-main{min-height:calc(100vh - 76px)}.thank-you-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:32px;align-items:start;padding-top:72px!important;padding-bottom:96px!important}.thank-you-card{background:#fff;border-radius:28px;padding:clamp(30px,5vw,58px);box-shadow:var(--shadow)}.success-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#062018;font-size:2rem;font-weight:950;margin-bottom:24px}.thank-you-card h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.95;letter-spacing:-.06em;margin:0 0 24px;max-width:760px}.thank-you-lead{font-size:1.15rem;color:var(--muted);max-width:720px;margin:0 0 36px}.next-steps{display:grid;gap:14px;margin:0 0 34px}.next-steps article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd}.next-steps article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e8fbf5;color:#087f5b;font-weight:900}.next-steps strong{display:block;font-size:1rem;margin-bottom:2px}.next-steps p{margin:0;color:var(--muted)}.thank-you-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.security-reminder{margin:0;padding:16px 18px;border-left:4px solid #f59e0b;background:#fff7e6;border-radius:0 12px 12px 0;color:#6a4b00}.thank-you-contact{position:sticky;top:108px;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(12px)}.thank-you-contact h2{font-size:2rem;line-height:1.08;letter-spacing:-.04em;margin:0 0 16px}.thank-you-contact>p:not(.eyebrow){color:#c2d1dc}.thank-you-contact>a{display:grid;gap:2px;padding:16px 18px;margin-top:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);text-decoration:none}.thank-you-contact>a span{color:#91a8ba;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.thank-you-contact>a strong{color:#fff;overflow-wrap:anywhere}.thank-you-page footer{margin-top:0}
@media(max-width:900px){.contact-section{grid-template-columns:1fr}.contact-copy{position:static}.contact-direct{grid-template-columns:1fr 1fr}.thank-you-page{background:linear-gradient(180deg,#07111f 0,#0b1d30 27%,#f4f7f9 27%,#f4f7f9 100%)}.thank-you-hero{grid-template-columns:1fr}.thank-you-contact{position:static;background:#0b1d30}}
@media(max-width:780px){.lead-form{padding:22px}.form-row,.contact-direct{grid-template-columns:1fr}.contact-section{gap:38px}.thank-you-hero{padding-top:34px!important;padding-bottom:66px!important}.thank-you-card{padding:26px 22px;border-radius:22px}.thank-you-actions{display:grid}.thank-you-actions .button{width:100%}.next-steps article{grid-template-columns:42px 1fr;padding:15px}.thank-you-contact{padding:24px}}

/* ========== styles/multimedia.css ========== */
/* Multimedia layer — progressive enhancement for the home page. */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-photo{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover;opacity:.7}
.hero::after{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(100deg,rgba(6,14,25,.92) 0%,rgba(6,14,25,.72) 38%,rgba(7,17,31,.3) 62%,rgba(47,214,163,.1) 100%)}
.hero-ambient{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hero-ambient::before,.hero-ambient::after{content:"";position:absolute;border:1px solid rgba(121,241,203,.12);border-radius:50%;animation:ambient-spin 30s linear infinite}
.hero-ambient::before{width:min(72vw,940px);height:min(72vw,940px);right:-22vw;top:-45%;box-shadow:0 0 100px rgba(47,214,163,.08),inset 0 0 80px rgba(47,214,163,.04)}
.hero-ambient::after{width:min(42vw,560px);height:min(42vw,560px);left:-17vw;bottom:-38%;animation-duration:24s;animation-direction:reverse}
.hero-grid-lines{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 72%,transparent)}
.hero-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(47,214,163,.16);filter:blur(65px);right:17%;top:22%;animation:glow-drift 8s ease-in-out infinite alternate}
.hero-scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#9fb1c2;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
.hero-scroll-cue::before{content:"";width:18px;height:29px;border:1px solid rgba(255,255,255,.28);border-radius:999px}
.hero-scroll-cue::after{content:"";position:absolute;left:8px;top:6px;width:3px;height:7px;border-radius:999px;background:var(--accent);animation:scroll-dot 1.8s ease-in-out infinite}
.system-visual{transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);transition:transform .5s ease,box-shadow .5s ease}
.system-visual:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-6px);box-shadow:0 46px 110px rgba(0,0,0,.43)}
.system-visual .home-room{transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.system-visual .home-room.is-pulsing{transform:translateY(-3px);box-shadow:0 14px 32px rgba(1,18,31,.18);background:linear-gradient(135deg,#dff8ef,#fff)}
.status-pill i{animation:status-pulse 2s ease-out infinite}

.experience-section{position:relative;background:#07111f;color:#fff;overflow:hidden}
.experience-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 22%,rgba(47,214,163,.14),transparent 28%),radial-gradient(circle at 84% 78%,rgba(56,112,210,.16),transparent 30%);pointer-events:none}
.experience-inner{position:relative;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:70px;align-items:center}
.experience-copy p:not(.eyebrow){color:#b8c9d8;max-width:580px;font-size:1.05rem}
.experience-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.experience-tab{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#c7d5e2;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;transition:.25s ease}
.experience-tab:hover,.experience-tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#061d16;transform:translateY(-2px)}
.experience-stage{position:relative;min-height:500px;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 34px 90px rgba(0,0,0,.35);overflow:hidden;backdrop-filter:blur(18px)}
.experience-house{position:absolute;left:50%;top:50%;width:min(72%,520px);aspect-ratio:1.18;transform:translate(-50%,-46%)}
.house-roof{position:absolute;left:17%;right:17%;top:3%;height:40%;background:linear-gradient(145deg,#1b3b55,#10283e);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}
.house-body{position:absolute;left:15%;right:15%;top:37%;bottom:5%;border:1px solid rgba(255,255,255,.14);border-radius:8px 8px 24px 24px;background:linear-gradient(145deg,rgba(237,248,255,.14),rgba(113,160,191,.08));display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;padding:12px}
.house-zone{position:relative;border-radius:16px;background:rgba(4,14,25,.58);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#8ea6ba;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;transition:.35s ease;overflow:hidden}
.house-zone::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(47,214,163,.36),transparent 66%);opacity:0;transform:scale(.55);transition:.4s ease}
.house-zone.is-active{color:#eafff8;border-color:rgba(47,214,163,.52);box-shadow:inset 0 0 30px rgba(47,214,163,.12),0 0 24px rgba(47,214,163,.12)}
.house-zone.is-active::before{opacity:1;transform:scale(1.2)}
.house-zone span{position:relative;z-index:1}
.signal-ring{position:absolute;left:50%;top:50%;width:110px;height:110px;border:1px solid rgba(47,214,163,.42);border-radius:50%;transform:translate(-50%,-50%);opacity:0}
.experience-stage.is-animating .signal-ring{animation:signal-wave 1.6s ease-out}
.experience-card{position:absolute;right:22px;bottom:22px;left:22px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:17px 18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(4,13,23,.78);backdrop-filter:blur(16px)}
.experience-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(47,214,163,.13);color:#7af0cb;font-size:1.35rem}
.experience-card strong{display:block;font-size:1rem}.experience-card p{margin:3px 0 0;color:#91a8bb;font-size:.82rem;line-height:1.45}

.story-section{background:linear-gradient(180deg,#f7fafc,#edf4f6)}
.story-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:48px}.story-head>div{max-width:670px}.story-head>p{max-width:420px;color:var(--muted)}
.story-track{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.story-track::before{content:"";position:absolute;left:7%;right:7%;top:35px;height:1px;background:linear-gradient(90deg,transparent,#8cb7aa 14%,#8cb7aa 86%,transparent)}
.story-card{position:relative;min-height:270px;padding:25px 22px;border:1px solid #d7e2e7;border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(5,31,43,.08);transition:transform .3s ease,box-shadow .3s ease}
.story-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(5,31,43,.13)}
.story-time{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:42px;border-radius:999px;background:#0a1a29;color:#fff;font-weight:900;box-shadow:0 0 0 7px #eff5f6}
.story-card h3{margin-top:36px}.story-card p{color:var(--muted);font-size:.94rem}.story-event{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:8px;background:#e0f7ef;color:#087356;font-size:.72rem;font-weight:850}

.story-video-wrap{position:relative;margin-top:36px;border-radius:26px;overflow:hidden;box-shadow:0 26px 60px rgba(5,31,43,.16)}
.story-video-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,12,20,.78) 100%)}
.story-video{display:block;width:100%;height:380px;object-fit:cover}
/* Poster jako osobny <img>, żeby mógł być loading="lazy" — atrybut poster
   w <video> pobiera się zawsze, także gdy sekcja jest daleko poniżej ekranu. */
.story-video-poster{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}
.story-video-wrap.is-playing .story-video-poster{opacity:0}
.story-video-caption{position:absolute;left:28px;right:28px;bottom:22px;z-index:1;color:#fff;font-weight:800;font-size:1.15rem;letter-spacing:-.01em}

.media-gallery{background:#06101c;color:#fff;overflow:hidden}
.media-gallery-header{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:45px}.media-gallery-header p:last-child{color:#9eb1c1}
.media-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:repeat(2,minmax(190px,1fr));gap:14px}
.media-tile{position:relative;min-height:210px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0d2236;isolation:isolate}
.media-tile:first-child{grid-row:1/3}.media-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(47,214,163,.24),transparent 42%),linear-gradient(15deg,rgba(0,0,0,.75),transparent 58%);z-index:-1}
.media-tile::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:-55px;top:-65px;box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018);z-index:-1;transition:transform .5s ease}
.media-tile:hover::after{transform:scale(1.16) rotate(20deg)}
.media-content{position:absolute;inset:auto 22px 20px;display:grid;gap:5px;z-index:1}.media-content span{color:#77ecc7;font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.media-content strong{font-size:1.25rem}.media-content p{margin:0;color:#aebfcd;font-size:.82rem;max-width:460px}
.media-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}

.media-zoom{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(4,13,23,.62);backdrop-filter:blur(10px);color:#eafff8;font-size:1.05rem;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease,background .25s ease}
.media-tile:hover .media-zoom,.media-zoom:focus-visible{opacity:1;transform:none}
.media-zoom:hover{background:var(--accent);border-color:var(--accent);color:#062018}
/* Na dotyku nie ma hovera — przycisk musi być widoczny od razu, inaczej
   powiększenia nie da się w ogóle odkryć na telefonie. */
@media(hover:none){.media-zoom{opacity:1;transform:none}}

.lightbox{width:min(94vw,1180px);max-width:none;max-height:92vh;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#06101c;color:#fff;overflow:visible}
.lightbox::backdrop{background:rgba(3,9,16,.88);backdrop-filter:blur(6px)}
.lightbox-figure{margin:0;display:grid}
.lightbox-image{display:block;width:100%;max-height:70vh;object-fit:contain;background:#040c15;border-radius:24px 24px 0 0}
.lightbox-caption{padding:20px 24px 24px;display:grid;gap:5px}
.lightbox-label{color:#77ecc7;font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.lightbox-title{font-size:1.3rem;letter-spacing:-.02em}
.lightbox-text{margin:0;color:#aebfcd;font-size:.9rem;max-width:70ch}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;z-index:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(6,16,28,.9);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.lightbox-close{top:-16px;right:-16px;width:44px;height:44px;font-size:1rem}
.lightbox-prev,.lightbox-next{top:calc(35vh - 24px);width:48px;height:48px;font-size:1.9rem;line-height:0}
.lightbox-prev{left:-20px}.lightbox-next{right:-20px}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:var(--accent);border-color:var(--accent);color:#062018}
.lightbox-counter{position:absolute;left:24px;bottom:-30px;margin:0;color:#8ea6ba;font-size:.78rem;font-weight:800;letter-spacing:.08em}

/* Sekcja "kto za tym stoi". Portret jest kartą marki, a nie zdjęciem
   przypadkowej osoby ze stocku — do czasu wstawienia realnej fotografii
   ma wyglądać na świadomy element identyfikacji, nie na brakujący plik. */
.about-section{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:70px;align-items:center;background:linear-gradient(180deg,#f7fafc,#eef4f6)}
.about-portrait{margin:0;display:grid;gap:14px}
.about-mark{position:relative;aspect-ratio:4/5;border-radius:26px;display:grid;place-items:center;gap:18px;overflow:hidden;background:linear-gradient(150deg,#0b2036,#07111f 62%);box-shadow:0 26px 60px rgba(5,31,43,.2)}
.about-mark::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(47,214,163,.22),transparent 68%);right:-90px;top:-80px}
.about-mark-glyph{position:relative;z-index:1;width:82px;height:82px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;transform:rotate(45deg)}
.about-mark-glyph i{display:block;border-radius:11px;background:var(--accent)}
.about-mark-glyph i:nth-child(2){background:#fff}
.about-mark-glyph i:nth-child(3){grid-column:1/3;background:rgba(47,214,163,.42)}
.about-mark-initials{position:absolute;z-index:1;bottom:22px;right:26px;color:rgba(255,255,255,.16);font-size:3.4rem;font-weight:900;letter-spacing:-.06em;line-height:1}
.about-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px;box-shadow:0 26px 60px rgba(5,31,43,.2)}
.about-portrait figcaption{display:grid;gap:2px;padding-left:4px}
.about-portrait strong{font-size:1.12rem;letter-spacing:-.02em}
.about-portrait span{color:var(--muted);font-size:.88rem}
.about-copy .about-lead{color:var(--muted);font-size:1.12rem;max-width:70ch}
.about-points{list-style:none;margin:34px 0 30px;padding:0;display:grid;gap:16px}
.about-points li{display:grid;gap:3px;padding-left:19px;border-left:2px solid var(--accent)}
.about-points strong{font-size:1rem}
.about-points span{color:var(--muted);font-size:.94rem;line-height:1.55}
.about-contact{display:flex;gap:11px;flex-wrap:wrap}

.case-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.case-stack .stack-card{z-index:1}

/* Stan ukryty tylko tam, gdzie skrypty faktycznie działają. Bez tego warunku
   markup wpisany na stałe w HTML pozostałby niewidoczny przy wyłączonym JS. */
.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
@media(scripting:enabled){.reveal:not(.is-visible){opacity:0;transform:translateY(28px)}}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}

@keyframes ambient-spin{to{transform:rotate(360deg)}}
@keyframes glow-drift{to{transform:translate(-45px,32px) scale(1.14)}}
@keyframes scroll-dot{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(11px)}}
@keyframes status-pulse{0%{box-shadow:0 0 0 0 rgba(47,214,163,.38)}70%{box-shadow:0 0 0 10px rgba(47,214,163,0)}100%{box-shadow:0 0 0 0 rgba(47,214,163,0)}}
@keyframes signal-wave{0%{opacity:.75;transform:translate(-50%,-50%) scale(.35)}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}

@media(max-width:1000px){.about-section{grid-template-columns:1fr;gap:40px}.about-mark{aspect-ratio:16/9}.about-portrait{max-width:420px}.experience-inner{grid-template-columns:1fr;gap:44px}.experience-stage{min-height:470px}.story-track{grid-template-columns:repeat(2,1fr)}.story-track::before{display:none}.media-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.media-tile:first-child{grid-row:auto;grid-column:1/-1;min-height:390px}}
@media(max-width:780px){.hero-scroll-cue{display:none}.system-visual{transform:none}.experience-stage{min-height:410px}.experience-house{width:94%}.experience-card{right:12px;left:12px;bottom:12px}.story-head,.media-gallery-header{grid-template-columns:1fr;display:grid;gap:10px}.story-track,.media-grid{grid-template-columns:1fr}.media-tile:first-child{grid-column:auto;min-height:360px}.story-card{min-height:auto}.hero-ambient::before{right:-58vw;top:-18%}.story-video{height:230px}
.lightbox{width:96vw;border-radius:18px}.lightbox-image{max-height:52vh;border-radius:18px 18px 0 0}
.lightbox-close{top:6px;right:6px;width:38px;height:38px}
.lightbox-prev,.lightbox-next{top:auto;bottom:14px;width:42px;height:42px}
.lightbox-prev{left:14px}.lightbox-next{right:14px}
.lightbox-caption{padding:16px 18px 62px}.lightbox-counter{left:auto;right:70px;bottom:26px}}
@media(prefers-reduced-motion:reduce){.hero-ambient::before,.hero-ambient::after,.hero-glow,.hero-scroll-cue::after,.status-pill i,.experience-stage.is-animating .signal-ring{animation:none!important}.reveal,.reveal:not(.is-visible){opacity:1;transform:none;transition:none}.system-visual,.story-card,.experience-tab{transition:none}
.media-zoom{opacity:1;transform:none;transition:none}}