/* Spectrum - strona glowna. Uklad i przyklady konfiguracji; palete i czcionki podaje style.css. */
/* Foundation */
.landing{--ink:#24272c;--text2:#686f79;--muted:#686f79;--accent:#364a64;--line:#e6e8ec;--bg:#fff;--white:#fff;background:#fff;color:var(--ink);font-family:'Instrument Sans',system-ui,sans-serif;line-height:1.6}
.landing ::selection{background:#e1e8f3}.landing :focus-visible{outline:2px solid #687e9e;outline-offset:5px}.landing a{color:inherit}.landing a:hover{color:#111}.landing h1,.landing h2,.landing h3{font-weight:400;text-wrap:pretty}.landing .icon{width:20px;height:20px;flex:none;vertical-align:middle}.page-width{max-width:1464px;margin-inline:auto;padding-inline:32px}.page-frame{width:calc(100% - 64px);max-width:1400px;margin-inline:auto;border-inline:1px solid var(--line)}.skip-link{position:absolute;top:8px;left:20px;transform:translateY(-160%);padding:12px 20px;background:white;z-index:100}.skip-link:focus{transform:none}
.landing .top{position:relative;background:#fff;border-bottom:1px solid var(--line);z-index:30}.landing .top__in{height:80px;gap:35px}.landing .brand{font-size:23px;letter-spacing:-.9px;font-weight:400;gap:9px;color:var(--ink);white-space:nowrap}.landing .brand>.icon{height:25px;width:25px;stroke-width:1.7}.landing .brand b{font-weight:600}.landing .nav{font-size:14px;gap:25px}.landing .nav a{color:#555b64}.landing .nav a:hover{text-decoration:underline;text-underline-offset:5px}.landing .top__right{gap:21px}.nav-quote{font-size:14px}.landing .top__menu{padding:9px;width:36px;height:36px;border-radius:6px}.landing .top__menu span{background:#333}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:44px;padding:10px 17px;border:1px solid #d9dce1;border-radius:7px;background:#fff;color:var(--ink);font-size:14px;line-height:1.4;box-shadow:0 1px 2px #1d253007;transition:background .15s,border-color .15s}.button .icon{width:16px;height:16px}.button:hover{background:#f6f7f8;border-color:#bfc5ce}.button.button-dark{background:#26292e;border-color:#26292e;color:white;box-shadow:inset 0 1px 0 #ffffff20,0 1px 2px #0000000c}.button.button-dark:hover{background:#42464d;border-color:#42464d;color:white}.button.button-small{min-height:38px;padding:9px 13px;font-size:13px}.subtle-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;margin-top:14px}.subtle-link:hover{text-decoration:underline;text-underline-offset:4px}.subtle-link>.icon{width:16px;height:16px}.section-label{display:inline-flex;align-items:center;gap:8px;color:#626b77;font-size:14px;margin-bottom:22px;line-height:1.5}.section-label .icon{width:17px;height:17px;color:#7e8b9b}
/* One clear introduction, with a quiet, readable product example. */
.hero-new{padding-top:68px}.hero-copy{text-align:center;max-width:870px;padding:0 24px;margin:auto}.product-label{display:inline-flex;border:1px solid #e4e7eb;border-radius:30px;padding:5px 13px;font-size:12px;color:#626973;line-height:1.5;margin-bottom:25px}.landing h1{font-size:62px;line-height:1.1;letter-spacing:-2.9px;margin:0 0 23px;color:#25272b}.landing h1 span{color:#81868e}.hero-copy>p{font-size:18px;color:#646c77;line-height:1.6;max-width:620px;margin:0 auto 25px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:11px}.hero-note{display:block;font-size:12px;color:#777e88;margin-top:18px;line-height:1.7}.hero-product{margin:55px 40px 0;padding:18px 18px 0;background:#f4f6f8;border:1px solid #e3e7ed;border-bottom:none;border-radius:11px 11px 0 0}.product-assurances{display:flex;justify-content:center;gap:48px;padding:26px 24px;border-top:1px solid var(--line);font-size:12px;color:#777f8a}.product-assurances>span{display:flex;align-items:center;gap:8px}.product-assurances .icon{width:16px;height:16px;color:#8e99a6}
/* Contents and feature chapters. */
.overview{border-top:1px solid var(--line);background:#fbfbfc}.section-intro{padding:60px 54px 43px}.landing .section-intro h2{font-size:38px;line-height:1.22;letter-spacing:-1.15px;margin:0}.section-intro h2>span{color:#81868f}.section-intro>p{font-size:16px;color:#68727f;max-width:700px;margin:22px 0 0}.feature-directory{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature-directory a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 25px;font-size:13px;border-right:1px solid var(--line);color:#606975}.feature-directory a:nth-child(3n){border-right:0}.feature-directory a:not(:nth-last-child(-n+3)){border-bottom:1px solid var(--line)}.feature-directory .icon{width:13px;height:13px;color:#909aa6}.feature-directory a:hover{background:#f0f3f7;color:#263b55}
.feature-section{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;padding:72px 54px;border-top:1px solid var(--line);scroll-margin-top:24px;align-items:center}.feature-copy .section-label{margin-bottom:20px}.landing .feature-copy h2{font-size:30px;line-height:1.22;letter-spacing:-.85px;margin:0 0 23px}.feature-copy p{font-size:16px;line-height:1.75;color:#626b78;margin:0 0 17px}.feature-copy .subtle-link{font-size:13px;color:#505e70;margin-top:6px}.feature-visual{min-width:0}.image-source{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:13px;font-size:11px;color:#798697}.image-source .icon{height:13px;width:13px}
/* Distribution and data handling retain the full offer. */
.editions-new{border-top:1px solid var(--line);background:#fcfcfd;scroll-margin-top:24px}.edition-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);background:#fff}.edition-grid article{padding:36px 42px}.edition-grid article+article{border-left:1px solid var(--line)}.edition-heading{display:flex;align-items:center;gap:9px;margin-bottom:19px;flex-wrap:wrap}.edition-heading .icon{width:21px;height:21px;color:#858e9b}.edition-heading h3{font-size:24px;letter-spacing:-.6px;margin:0}.edition-heading>span{font-size:11px;color:#7c8490;margin-left:auto}.edition-grid article>p{font-size:15px;line-height:1.8;color:#687381;max-width:380px;margin-bottom:22px}.edition-grid ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:12px}.edition-grid li{font-size:14px;color:#65717f;line-height:1.7;padding-left:20px;margin:0;position:relative}.edition-grid li:before{content:'✓';position:absolute;left:0;font-size:11px;color:#869488}.edition-grid .subtle-link{display:flex;font-size:12px;color:#858e9b;margin-top:20px}.edition-note{display:flex;justify-content:space-between;gap:20px;padding:22px 42px;font-size:12px;color:#8b939e}.edition-note a{display:flex;align-items:center;gap:8px;color:#66768b}.edition-note .icon{width:14px;height:14px}.privacy-new{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;padding:64px 54px;align-items:start}.privacy-new h2{font-size:32px;line-height:1.2;letter-spacing:-.8px}.privacy-new h2 span{color:#8b939e}.privacy-copy p{font-size:15px;line-height:1.8;color:#687584;margin:0 0 17px}.privacy-copy .subtle-link{font-size:13px;color:#738399}.closing-new{border-top:1px solid var(--line);padding:67px 24px 65px;text-align:center;background:#fbfcfd}.closing-new h2{font-size:43px;line-height:1.16;letter-spacing:-1.6px;margin-bottom:24px}.closing-new h2 span{color:#8a919b}.closing-new>p{font-size:16px;line-height:1.7;color:#677381;margin-bottom:25px}.closing-new .hero-note{font-size:11px;margin-top:20px}.footer-new{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-block:40px}.footer-brand>p{font-size:11px;color:#8894a3;margin:10px 0 0}.footer-new nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#7d8998}
/* Responsive layouts keep the content and graphics accessible. */
@media(min-width:1500px){.hero-new{padding-top:85px}.hero-product{margin-top:64px}}
@media(max-width:1150px){.landing .top__in{gap:22px}.landing .nav{gap:18px;font-size:13px}.landing .top__right{gap:16px}.landing .brand{font-size:21px}.page-frame{width:calc(100% - 50px)}.page-width{padding-inline:25px}.feature-section{padding:56px 36px;gap:32px}.section-intro{padding:50px 36px 37px}.landing .feature-copy h2{font-size:27px}.feature-copy p{font-size:15px}.hero-product{margin-inline:28px;padding:14px 14px 0}.hero-copy>p{font-size:17px}.feature-directory a{padding-inline:20px;font-size:12px}.edition-grid article{padding:30px}.edition-heading>span{font-size:10px}.privacy-new{padding:55px 36px;gap:36px}.footer-new{gap:20px}.footer-new nav{gap:15px}.landing .button-small{font-size:12px}}
@media(max-width:900px){.landing .nav{display:none}.landing .top__menu{display:flex;flex-direction:column;justify-content:center;gap:4px}.landing .is-open .nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px;background:white;padding:24px 28px;border-block:1px solid var(--line);font-size:15px}.landing .top__in{height:70px}.landing h1{font-size:53px}.hero-new{padding-top:50px}.hero-copy{max-width:700px}.hero-copy>p{max-width:550px}.product-assurances{gap:24px;font-size:10px}.feature-section{grid-template-columns:1fr;gap:30px;padding:48px 36px}.feature-copy{max-width:630px}.landing .feature-copy h2{font-size:32px}.feature-copy p{font-size:16px}.feature-copy .subtle-link{font-size:14px}.feature-visual{max-width:650px;width:100%}.edition-heading{align-items:center}.edition-heading>span{margin:0;width:100%}.edition-grid article{padding:28px}.edition-grid li{font-size:13px}.edition-note{padding-inline:28px}.privacy-new{grid-template-columns:1fr;gap:20px}.privacy-new h2{font-size:34px;margin-bottom:0}.privacy-copy{max-width:630px}.footer-new{align-items:flex-start;flex-direction:column}.footer-new nav{gap:20px}}
@media(max-width:620px){.page-width{padding-inline:20px}.page-frame{width:calc(100% - 30px)}.hero-new{padding-top:40px}.hero-copy{padding-inline:18px}.product-label{font-size:10px;padding:5px 10px;margin-bottom:22px}.landing h1{font-size:clamp(32px,7.8vw,45px);letter-spacing:-1.5px;line-height:1.12;margin-bottom:20px}.hero-copy>p{font-size:16px;line-height:1.65}.hero-actions{gap:9px}.button{font-size:12px;min-height:42px;padding:10px 13px;gap:9px}.hero-actions .button .icon{width:13px;height:13px}.hero-note{font-size:10px;max-width:320px;margin:17px auto 0}.hero-product{margin:33px 12px 0;padding:8px 8px 0;border-radius:7px 7px 0 0}.product-assurances{padding:20px 14px;display:grid;gap:13px;font-size:11px;justify-content:start}.product-assurances .icon{width:14px;height:14px}.section-intro{padding:36px 24px 30px}.section-label{font-size:12px;gap:7px;margin-bottom:19px}.section-label .icon{width:15px;height:15px}.landing .section-intro h2{font-size:28px;line-height:1.28;letter-spacing:-.8px}.section-intro>p{font-size:14px;margin-top:19px}.desktop-only{display:none}.feature-directory{grid-template-columns:1fr 1fr}.feature-directory a{font-size:12px;padding:15px 19px;border-bottom:1px solid var(--line)}.feature-directory a:nth-child(3n){border-right:1px solid var(--line)}.feature-directory a:nth-child(2n){border-right:0}.feature-directory a:nth-child(n){border-bottom:1px solid var(--line)}.feature-directory a:last-child{grid-column:1 / -1;border:0}.feature-section{padding:37px 24px;gap:27px;scroll-margin-top:12px}.landing .feature-copy h2{font-size:28px;line-height:1.25;letter-spacing:-.6px;margin-bottom:21px}.feature-copy h2 br{display:none}.feature-copy p{font-size:16px;line-height:1.75}.feature-copy .section-label{margin-bottom:18px}.feature-copy .subtle-link{font-size:13px}.edition-grid{grid-template-columns:1fr}.edition-grid article{padding:28px 24px}.edition-grid article+article{border-left:0;border-top:1px solid var(--line)}.edition-heading{gap:9px}.edition-heading>span{width:auto;margin-left:auto;font-size:9px}.edition-heading h3{font-size:23px}.edition-heading .icon{width:18px;height:18px}.edition-grid article>p{font-size:15px}.edition-grid li{font-size:14px}.edition-grid .button{font-size:13px}.edition-note{padding:20px 24px;flex-direction:column;gap:12px;font-size:11px}.privacy-new{padding:38px 24px;gap:22px}.privacy-new h2{font-size:29px;line-height:1.25}.privacy-copy p{font-size:15px}.privacy-copy .subtle-link{font-size:12px;gap:8px}.closing-new{padding:45px 18px}.closing-new h2{font-size:33px;letter-spacing:-1px}.closing-new>p{font-size:15px}.closing-new>p br{display:none}.closing-new .hero-note{font-size:10px}.footer-new{padding-block:29px;gap:22px}.footer-new nav{gap:14px 21px;font-size:11px}.landing .top__in{height:65px;gap:12px}.landing .brand{font-size:20px;gap:7px}.landing .brand>.icon{width:21px;height:21px}.landing .top__right{gap:10px}.nav-quote{display:none}.landing .button-small{font-size:11px;padding:8px 10px;min-height:35px}.landing .top__menu{width:30px;padding:6px}}
@media(max-width:370px){.page-frame{width:calc(100% - 16px)}.page-width{padding-inline:14px}.hero-copy{padding-inline:14px}.landing h1{font-size:31px}.hero-actions{flex-direction:column}.hero-actions .button{min-width:205px}.feature-section,.section-intro{padding-inline:19px}.edition-heading>span{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{scroll-behavior:auto!important;transition:none!important}}


/* Jedno miejsce prosby o materialy. Udostepnienie PDF po recznej weryfikacji. */
.materials-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:60px 54px;border-top:1px solid var(--line);scroll-margin-top:24px;background:#fbfcfd}
.materials-copy .section-label{margin-bottom:18px}.materials-copy h2{font-size:32px;line-height:1.25;letter-spacing:-.8px;margin:0 0 20px}.materials-copy h2 span{color:#81868e}.materials-copy p{font-size:15px;line-height:1.75;color:#626b78;margin:0 0 14px}
/* Odstepy sa przypisane do grup pol, takze po przelaczeniu roli. */
.materials-form{margin:0;padding:28px;background:#fff;border:1px solid var(--line);border-radius:7px;min-width:0;box-shadow:none}
.materials-form fieldset,.materials-form .materials-field{margin:0 0 24px}
.materials-form legend,.materials-form .materials-field>label{display:block;font-size:14px;line-height:1.5;font-weight:500;margin:0 0 10px}
.materials-form .radios{gap:12px}.materials-form .radio{min-width:0;align-items:center;padding:12px;min-height:48px}.materials-form .radio b{font-size:14px}.materials-form .radio input{margin:0}
.materials-form .materials-field>input{width:100%;padding:13px 14px;border:1px solid #cbd1d9;border-radius:6px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.materials-form .button{width:100%;font-size:14px;white-space:normal}.materials-form .button:disabled{opacity:.65;cursor:default}
.materials-form .materials-note{font-size:12px;line-height:1.7;color:#68727f;margin:18px 0 0}.materials-note a{text-decoration:underline;text-underline-offset:3px}.materials-form .msg{overflow-wrap:anywhere}
@media(max-width:900px){.materials-section{gap:32px;padding:44px 36px;grid-template-columns:1fr}.materials-copy{max-width:630px}.materials-form{max-width:530px;width:100%}}
@media(max-width:620px){.materials-section{padding:40px 24px;scroll-margin-top:12px;gap:28px}.materials-copy h2{font-size:28px}.materials-copy h2 br{display:none}.materials-form{padding:22px 18px}.materials-copy p{font-size:16px}.materials-copy p:last-child{margin-bottom:0}.materials-form .radios{grid-template-columns:1fr;gap:12px}.materials-form .button{min-height:48px}.hero-actions{gap:14px}.edition-grid .button{white-space:normal;text-align:center}.privacy-copy .subtle-link{align-items:flex-start}.landing .top__in{height:auto;min-height:70px;flex-wrap:wrap;padding-block:14px;row-gap:14px}.landing .top__right{margin-left:auto}}
@media(max-width:370px){.materials-section{padding-inline:18px}.materials-form{padding-inline:16px}}

/* Podpis produktu pod logo w naglowku. */
.landing .top .brand--tagline{flex-direction:column;align-items:flex-start;gap:5px}
.brand-tagline{font-size:11px;font-weight:400;line-height:1.3;letter-spacing:.02em;color:#68727f}
@media(max-width:620px){.brand-tagline{font-size:10px;letter-spacing:0}.landing .top .brand--tagline{gap:4px}}
@media(min-width:901px){.landing .top__in{height:96px}}

/* Otwarte hero; rama zaczyna sie dopiero od prezentacji produktu. */
.landing .hero-new{padding:88px 0 64px}
.landing .page-frame>.hero-product{margin:0}
@media(min-width:1500px){.landing .hero-new{padding-top:100px;padding-bottom:76px}}
@media(max-width:900px){.landing .hero-new{padding:64px 0 48px}}
@media(max-width:620px){.landing .hero-new{padding:48px 15px 38px}.landing .hero-copy{padding-inline:18px}}
@media(max-width:370px){.landing .hero-new{padding-inline:8px}.landing .hero-copy{padding-inline:14px}}

/* Podpis wyrownany z napisem Spectrum, obok koncowki lupy. */
.landing .top .brand--tagline{position:relative;padding-bottom:0;gap:0}
.landing .brand-tagline{position:absolute;left:42%;bottom:0;white-space:nowrap}
@media(max-width:620px){.landing .top .brand--tagline{padding-bottom:0;gap:0}}
@media(max-width:380px){.landing .brand-tagline{font-size:8px}}

/* Otwarte hero: krotka obietnica i czytelny przyklad zamiast pustego ekranu. */
.landing .hero-showcase{max-width:1400px;width:calc(100% - 64px);margin:auto;padding:82px 24px 78px;display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center}
.hero-showcase .hero-copy{text-align:left;padding:0;margin:0;max-width:none;min-width:0}
.hero-showcase .product-label{padding:0;border:0;border-radius:0;font-size:12px;letter-spacing:.04em;color:#68727f;margin-bottom:24px}
.landing .hero-showcase h1{font-size:clamp(40px,4vw,58px);line-height:1.12;letter-spacing:-2.3px;margin:0 0 25px}
.landing .hero-showcase h1 span{color:#6d7887}
.hero-showcase .hero-copy>p{font-size:18px;line-height:1.7;max-width:460px;margin:0 0 30px}
.hero-showcase .hero-actions{justify-content:flex-start;gap:20px}.hero-explore{font-size:13px;display:inline-flex;gap:9px;align-items:center;padding-block:10px}.hero-explore:hover{text-decoration:underline;text-underline-offset:4px}
.hero-showcase .hero-note{font-size:12px;margin:18px 0 0;color:#7b838e}
.hero-scene{position:relative;isolation:isolate;margin:0;padding:26px 0 20px;min-width:0}
.hero-scene:before{content:"";position:absolute;z-index:-1;inset:-32px -20px;background:radial-gradient(ellipse at 35% 25%,#fbf1dd 0,transparent 65%),radial-gradient(ellipse at 85% 80%,#eeebfa 0,transparent 65%);filter:blur(22px);opacity:.75;pointer-events:none}
.hero-scene figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 2px 18px}.scene-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#687381}.scene-example{font-size:10px;color:#8a919b}
.scene-change{border:1px solid #e5d8bd;background:#fff;border-radius:12px;box-shadow:0 12px 35px #55462a09;overflow:hidden}
.scene-rule{display:flex;gap:12px;align-items:center;padding:20px 22px;border-bottom:1px solid #f0ece5}.scene-rule-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:9px;background:#faf0d9;color:#a97820;font-family:Georgia,serif;font-size:25px}
.scene-rule strong{display:block;font-size:17px;font-weight:500;line-height:1.5}.scene-eyebrow{display:block;font-size:11px;color:#8a8173;line-height:1.7}.scene-change-badge{font-size:10px;color:#9b762c;background:#fbf2df;border-radius:4px;padding:3px 7px;margin-left:auto}
.scene-diff{display:flex;align-items:center;justify-content:center;gap:40px;padding:22px}.scene-diff small{display:block;font-size:10px;line-height:1.5;color:#9197a0;margin-bottom:5px}.scene-before s{font-size:28px;font-weight:400;color:#b69289;text-decoration-thickness:1px}.scene-after b{font-size:28px;font-weight:500;color:#437d66}.scene-arrow{color:#afb6bf;font-size:23px}
.scene-connectors{height:48px}.scene-connectors svg{display:block;width:100%;height:100%;overflow:visible}.scene-connectors path{fill:none;stroke:#a8b7c8;stroke-width:1.5;vector-effect:non-scaling-stroke}.scene-connectors .scene-outside-path{stroke:#b09fc7}.scene-connectors circle{fill:#fff;stroke:#a8b7c8;stroke-width:1.5}
.scene-processes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scene-process{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:18px;background:#fff;border:1px solid #dbe2eb;border-radius:9px;box-shadow:0 7px 18px #354a6405}.scene-process-icon{color:#839bb5;font-size:20px;line-height:1;margin-bottom:12px}.scene-process strong{font-size:14px;font-weight:500;line-height:1.5;margin-bottom:12px}.scene-scope{font-size:10px;color:#7a8696;background:#f0f3f7;padding:3px 8px;border-radius:4px}.scene-process--outside{border-color:#d7c9e5}.scene-process--outside .scene-process-icon{color:#a081b6}.scene-process--outside .scene-scope{color:#93669f;background:#f5edf8}
.scene-insight{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#817088;margin-top:21px}.scene-insight>span{font-size:17px}
@media(max-width:1150px){.landing .hero-showcase{width:calc(100% - 50px);gap:35px;padding-inline:12px}.landing .hero-showcase h1{font-size:43px;letter-spacing:-1.6px}.hero-showcase .hero-copy>p{font-size:16px}.scene-rule{padding:17px}.scene-change-badge{display:none}}
@media(max-width:900px){.landing .hero-showcase{grid-template-columns:1fr;padding:54px 28px 48px;gap:25px;max-width:720px}.hero-showcase .hero-copy{text-align:center}.landing .hero-showcase h1{font-size:48px}.hero-showcase .hero-copy>p{margin-inline:auto;max-width:490px}.hero-showcase .hero-actions{justify-content:center}.hero-scene{max-width:520px;width:100%;margin:auto}.hero-showcase .hero-note{margin-inline:auto}.hero-scene:before{inset:0}}
@media(max-width:620px){.landing .hero-showcase{width:calc(100% - 30px);padding:38px 18px 30px;gap:23px}.hero-showcase .product-label{margin-bottom:18px;font-size:11px}.landing .hero-showcase h1{font-size:clamp(31px,7.4vw,43px);letter-spacing:-1.3px;margin-bottom:20px}.hero-showcase .hero-copy>p{font-size:16px;line-height:1.65;margin-bottom:23px}.hero-showcase .hero-actions{gap:10px 18px}.hero-showcase .hero-note{font-size:11px;margin-top:12px}.hero-scene{padding-top:12px}.hero-scene figcaption{margin-bottom:12px}.scene-kicker{font-size:9px}.scene-example{font-size:9px}.scene-rule{padding:15px;gap:10px}.scene-rule strong{font-size:15px}.scene-eyebrow{font-size:10px}.scene-diff{gap:30px;padding:17px}.scene-before s,.scene-after b{font-size:25px}.scene-processes{gap:12px}.scene-process{padding:13px}.scene-process strong{font-size:12px}.scene-process-icon{margin-bottom:9px}.scene-insight{font-size:10px;gap:6px;margin-top:17px}}
@media(max-width:370px){.landing .hero-showcase{width:calc(100% - 16px);padding-inline:14px}.hero-showcase .hero-actions{flex-direction:row}.hero-showcase .hero-note{max-width:none}}

/* Abstrakcyjna soczewka Spectrum: spokojny ruch warstw i swiatla. */
.hero-art{min-width:0;width:100%;position:relative;isolation:isolate}
.hero-art svg{display:block;width:112%;max-width:none;height:auto;margin-left:-6%;overflow:visible}
.art-float{animation:art-float 12s ease-in-out infinite;transform-origin:314px 248px}
.art-pane--back{animation:art-pane 18s ease-in-out infinite;transform-origin:309px 254px}
.art-orbit{animation:art-orbit 26s ease-in-out infinite;transform-origin:309px 251px}
.art-light{animation:art-light 9s ease-in-out infinite}.art-light--front{animation-delay:-4s}
.art-satellite--one{animation:art-satellite 10s ease-in-out infinite}.art-satellite--two{animation:art-satellite 13s ease-in-out -5s infinite}
.art-ground{animation:art-shadow 12s ease-in-out infinite;transform-origin:319px 410px}
@keyframes art-float{0%,100%{transform:translateY(5px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes art-pane{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
@keyframes art-orbit{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes art-light{0%,100%{opacity:.3}50%{opacity:.75}}
@keyframes art-satellite{0%,100%{transform:translateY(3px)}50%{transform:translateY(-7px)}}
@keyframes art-shadow{0%,100%{transform:scaleX(1);opacity:.16}50%{transform:scaleX(.88);opacity:.1}}
@media(max-width:900px){.hero-art{max-width:520px;margin:-12px auto -10px}.hero-art svg{width:100%;margin:0}}
@media(max-width:620px){.hero-art{max-width:390px;margin:-12px auto -10px}.hero-art svg{width:110%;margin-left:-5%}.hero-showcase{overflow:hidden}}
.hero-art[data-motion=paused] *{animation-play-state:paused!important}
.hero-motion-toggle{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #e3e7ed;border-radius:50%;background:#ffffffb3;color:#8490a0;font-size:10px;cursor:pointer}
.hero-motion-toggle[hidden]{display:none}.hero-motion-toggle:hover{color:#3b4859;border-color:#b6c2d0;background:#fff}

/* Osobne warstwy przewijania nie nadpisuja spokojnego ruchu ciaglego. */
.art-depth{transform-origin:314px 248px;transition:transform .18s ease-out}
.art-depth--body{transform:translateY(calc(var(--hero-scroll,0) * -24px)) rotate(calc(var(--hero-scroll,0) * 5deg))}
.art-depth--orbit{transform:translateY(calc(var(--hero-scroll,0) * -42px)) rotate(calc(var(--hero-scroll,0) * 16deg))}
.art-depth--pane{transform:translate(calc(var(--hero-scroll,0) * -15px),calc(var(--hero-scroll,0) * -24px)) rotate(calc(var(--hero-scroll,0) * -10deg))}
.art-depth--core{transform:translate(calc(var(--hero-scroll,0) * 8px),calc(var(--hero-scroll,0) * 29px)) rotate(calc(var(--hero-scroll,0) * -5deg))}

.hero-motion-toggle{width:auto;min-width:32px;padding-inline:11px;border-radius:18px;font-size:11px;white-space:nowrap}
.hero-art[data-motion=paused] .hero-motion-toggle{color:#5d6b7e;border-color:#d1d9e5;background:#fff}
.page-frame>.materials-section:last-child{border-bottom:1px solid var(--line)}

/* Stopka domyka te sama szerokosc co tresc i porzadkuje linki w kolumny. */
.landing .footer-new{width:calc(100% - 64px);max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:start;gap:48px;padding:40px 54px 44px;border:0}
.footer-new .footer-brand{min-width:0}.footer-new .brand{display:inline-flex;margin:0}.footer-new .brand-logo{width:160px}.footer-new .footer-brand>p{margin:12px 0 0;font-size:12px;line-height:1.7;color:#788391}
.landing .footer-new nav{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:48px;font-size:13px;color:#667282}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.landing .footer-links h2{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.04em;color:#949ca7;margin:0 0 3px}.footer-links a{line-height:1.5}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1150px){.landing .footer-new{width:calc(100% - 50px);padding-inline:36px}}
@media(max-width:620px){.landing .footer-new{width:calc(100% - 30px);grid-template-columns:1fr;padding:30px 24px 36px;gap:28px}.landing .footer-new nav{gap:24px;grid-template-columns:1fr 1fr}.footer-new .footer-brand>p{max-width:260px}.footer-links{gap:12px}}
@media(max-width:370px){.landing .footer-new{width:calc(100% - 16px);padding-inline:18px}}

/* Wymagania wdrozen korporacyjnych: infrastruktura, tozsamosc i uprawnienia. */
.enterprise-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;padding:64px 54px;border-top:1px solid var(--line);background:#f8f9fc;scroll-margin-top:24px}
.enterprise-intro{min-width:0}.enterprise-intro .section-label{margin-bottom:22px}.landing .enterprise-intro h2{font-size:34px;line-height:1.2;letter-spacing:-.9px;margin:0 0 24px}.enterprise-intro h2 span{color:#818b99}.enterprise-intro>p{font-size:16px;line-height:1.75;color:#677382;margin:0 0 18px}.enterprise-intro .subtle-link{font-size:13px}
.enterprise-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 34px;min-width:0}.enterprise-item{min-width:0;padding-top:3px}.enterprise-item>svg{width:29px;height:29px;color:#7d8da4;display:block;margin-bottom:15px}.landing .enterprise-item h3{font-size:16px;font-weight:500;line-height:1.45;margin:0 0 12px;letter-spacing:-.2px}.enterprise-item p{font-size:14px;line-height:1.75;color:#6c7887;margin:0}.enterprise-status{display:inline-block;font-size:10px;line-height:1.4;padding:4px 7px;border:1px solid #dfd4bd;border-radius:4px;background:#fcf7ec;color:#8a7345;margin:0 0 12px}
@media(max-width:1150px){.enterprise-section{padding:50px 36px;gap:35px}.landing .enterprise-intro h2{font-size:30px}.enterprise-grid{gap:28px 24px}}
@media(max-width:900px){.enterprise-section{grid-template-columns:1fr;gap:35px}.enterprise-intro{max-width:620px}.enterprise-grid{gap:34px}}
@media(max-width:620px){.enterprise-section{padding:38px 24px;scroll-margin-top:12px}.landing .enterprise-intro h2{font-size:29px}.enterprise-grid{grid-template-columns:1fr;gap:26px}.enterprise-item+.enterprise-item{border-top:1px solid #e3e7ef;padding-top:25px}.enterprise-item p{font-size:15px}.enterprise-item>svg{margin-bottom:12px}}
@media(max-width:370px){.enterprise-section{padding-inline:19px}}