/* A black-and-gold foundation with local pools of color and softer surfaces. */
:root{--bg:#111415;--panel:#1a2023;--gold:#d0aa65;--text:#f0f1ec;--muted:#aeb7b9;--line:#c6d2d91b}
body{--accent:#8dbcd9;--accent-rgb:141,188,217;background-image:radial-gradient(ellipse 820px 440px at 93% 40px,#75a1bc12,transparent 73%),radial-gradient(ellipse 620px 360px at 0 480px,#b8904110,transparent 76%);background-repeat:no-repeat}
body[data-section="opieka-it"]{--accent:#8dc8bd;--accent-rgb:141,200,189}body[data-section="serwery"]{--accent:#8ebbd9;--accent-rgb:142,187,217}body[data-section="sieci"]{--accent:#7ec4ce;--accent-rgb:126,196,206}body[data-section="backup"]{--accent:#b3a3d4;--accent-rgb:179,163,212}body[data-section="systemy"]{--accent:#d8b38a;--accent-rgb:216,179,138}
.header{border-bottom-color:#d2dde618;background:linear-gradient(105deg,#d0aa6506,transparent 45%,#8dbcd907)}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 82% 47%,#8ebbd918,transparent 52%),radial-gradient(ellipse at 5% 70%,#c99c4216,transparent 60%)}
.hero h1{line-height:1.15}.hero h1 em{background:linear-gradient(110deg,#f1d49e,#c7a15f 75%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .eyebrow{color:#c8c4b4}.button.gold{background:linear-gradient(115deg,#e7c486,#c89f59);box-shadow:0 5px 22px #d3a55619;border:1px solid #f0d49b45;border-radius:6px}.button.gold:hover{background:linear-gradient(115deg,#f0d49f,#dab36d);box-shadow:0 8px 28px #d3a5562b}
.nav-contact{border-radius:5px;background:linear-gradient(110deg,#d0aa6509,#d0aa6515)}
.home-directory{position:relative;background:radial-gradient(ellipse at 5% 30%,#c6a36514,transparent 55%),radial-gradient(ellipse at 100% 85%,#72a9b714,transparent 60%);border-top-color:#d0aa6538}
.home-links>a{border-bottom-color:#d9e3e51c}.home-links>a:nth-child(1){--row-accent:#8dc8bd}.home-links>a:nth-child(2){--row-accent:#8ebbd9}.home-links>a:nth-child(3){--row-accent:#7ec4ce}.home-links>a:nth-child(4){--row-accent:#b3a3d4}.home-links>a:nth-child(5){--row-accent:#d8b38a}.home-links>a .directory-no,.home-links>a>b{color:var(--row-accent)}.home-links>a:hover{background:linear-gradient(90deg,#ffffff05,transparent);color:var(--row-accent)}
.page-lead{position:relative;isolation:isolate;background:radial-gradient(ellipse 75% 105% at 0 0,rgba(var(--accent-rgb),.13),transparent 75%),radial-gradient(ellipse 55% 80% at 100% 85%,#d0aa6510,transparent 75%);border-bottom-color:#d2dce624}
.page-lead .eyebrow{color:var(--accent)}.page-lead h1 em{color:#dfbb7e}
.service-grid{gap:20px;border:0}.service{--card-accent:#8dc8bd;--card-rgb:141,200,189;border:1px solid #b9cbdc25;border-radius:13px;background:radial-gradient(ellipse at 0 0,rgba(var(--card-rgb),.12),transparent 65%),linear-gradient(140deg,#222a2c,#171b1d 85%);box-shadow:0 8px 28px #0000000c;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}
.service:nth-child(2){--card-accent:#8ebbd9;--card-rgb:142,187,217}.service:nth-child(3){--card-accent:#7ec4ce;--card-rgb:126,196,206}.service:nth-child(4){--card-accent:#b3a3d4;--card-rgb:179,163,212}.service:nth-child(5){--card-accent:#d8b38a;--card-rgb:216,179,138}.service:nth-child(6){--card-accent:#d0aa65;--card-rgb:208,170,101}
.service:hover{transform:translateY(-4px);border-color:var(--card-accent);background:radial-gradient(ellipse at 0 0,rgba(var(--card-rgb),.18),transparent 70%),linear-gradient(140deg,#263034,#1a2023);box-shadow:0 15px 35px #0003}
.service .service-icon,.service .service-top>span:last-child{color:var(--card-accent)}.service .card-action{border-color:#c6d8df21;color:var(--card-accent)}.service-link:hover .card-action{color:var(--card-accent)}
.service .card-photo{border:1px solid #dbe4ee29;border-radius:8px}.service-feature{background:radial-gradient(ellipse at 5% 0,#d4ac6236,transparent 80%),linear-gradient(145deg,#2b2921,#1c2021)}
.service-feature .service-top{margin-top:10px}.service-feature h2{color:#f0d7ab}.service p{color:#b7c0c1}
.situation{border-left-color:var(--accent);border-radius:0 12px 12px 0;background:linear-gradient(115deg,rgba(var(--accent-rgb),.12),#ffffff03)}.situation .eyebrow{color:var(--accent)}.situation p{color:#d0d9d9}
.service-rail>a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}.scope-chapter>span{color:var(--accent)}.scope-chapter{border-top-color:#c4d5df26}.scope-chapter h3{color:#e6edef}
.outcome{background:radial-gradient(ellipse at 0 0,#d0aa651b,transparent 90%),#ffffff03;border-color:#d0aa6540;border-radius:12px}.outcome p{color:#ccd4d3}
.service-photo{border-radius:12px;box-shadow:0 12px 32px #0002}
.backup-section{background:radial-gradient(ellipse at 5% 20%,#8ca4c020,transparent 65%),linear-gradient(120deg,#1b252b,#181e22);border-color:#8dbcd92b}.backup-art{border-radius:16px}.backup-layout .eyebrow{color:#a5c9df}
.models article{border-radius:14px;border-color:#c6d2dd2b;background:radial-gradient(ellipse at 0 0,#7ab4c21a,transparent 75%),#1a2226}.models article:nth-child(2){background:radial-gradient(ellipse at 0 0,#d0aa6527,transparent 75%),#222422}.models article:first-child>.eyebrow{color:#91c5cd}
.expectations{padding-top:35px;padding-bottom:35px;background:radial-gradient(ellipse at 0 40%,#d0aa6515,transparent 70%)}.about-monogram{border-radius:18px;background:radial-gradient(ellipse at center,#d0aa6523,transparent 78%),#1d2528}.principles article:nth-child(1)>span{color:#8dc8bd}.principles article:nth-child(2)>span{color:#8ebbd9}.principles article:nth-child(3)>span{color:#d8b38a}
.page-cta{border:1px solid #d0aa652c;border-radius:17px;background:radial-gradient(ellipse at 0 0,#d0aa6529,transparent 75%),radial-gradient(ellipse at 100% 100%,#76afc41c,transparent 65%),#1c2326;padding-block:42px;max-width:1208px;margin-bottom:60px}
.faq-items details[open]{background:linear-gradient(90deg,#8dbcd909,transparent)}.faq-items details{padding-left:14px;padding-right:14px}.contact-section{background:radial-gradient(ellipse at 0 0,#fae5bb6e,transparent 80%),linear-gradient(115deg,#d5b77f,#c3b28e 70%,#a2b4b5)}.brief{border-radius:15px;background:#1a2225;box-shadow:0 15px 45px #33414a1a}.brief textarea{border-radius:6px}.brief fieldset label{line-height:1.5}.footer-nav{background:radial-gradient(ellipse at 5% 100%,#c6a3650e,transparent 70%)}
[data-theme="light"] body{--accent:#3f7797;--accent-rgb:63,119,151;background-image:radial-gradient(ellipse 850px 500px at 100% 0,#a9d7ed30,transparent 76%),radial-gradient(ellipse 600px 300px at 0 480px,#ead1a322,transparent 76%)}
[data-theme="light"] body[data-section="opieka-it"]{--accent:#3e8478;--accent-rgb:62,132,120}[data-theme="light"] body[data-section="serwery"]{--accent:#477f9e;--accent-rgb:71,127,158}[data-theme="light"] body[data-section="sieci"]{--accent:#347d89;--accent-rgb:52,125,137}[data-theme="light"] body[data-section="backup"]{--accent:#7c649e;--accent-rgb:124,100,158}[data-theme="light"] body[data-section="systemy"]{--accent:#976d43;--accent-rgb:151,109,67}
[data-theme="light"] .header{background:linear-gradient(115deg,#ead5b021,transparent 50%,#d1e5f12b);border-color:#596f7c20}
[data-theme="light"] .hero{background:radial-gradient(ellipse at 85% 30%,#acccdf2e,transparent 60%),radial-gradient(ellipse at 0 80%,#e4c59229,transparent 65%)}[data-theme="light"] .hero .eyebrow{color:#656452}[data-theme="light"] .hero h1 em{background-image:linear-gradient(110deg,#96702c,#7e5e25)}
[data-theme="light"] .home-directory{background:radial-gradient(ellipse at 0 30%,#e7c68e20,transparent 60%),radial-gradient(ellipse at 100% 80%,#acd6dc24,transparent 70%)}[data-theme="light"] .home-links>a{border-color:#405e6d26}[data-theme="light"] .home-links>a:nth-child(1){--row-accent:#417e72}[data-theme="light"] .home-links>a:nth-child(2){--row-accent:#3e7799}[data-theme="light"] .home-links>a:nth-child(3){--row-accent:#367e89}[data-theme="light"] .home-links>a:nth-child(4){--row-accent:#7d639d}[data-theme="light"] .home-links>a:nth-child(5){--row-accent:#976d43}
[data-theme="light"] .page-lead{background:radial-gradient(ellipse at 0 0,rgba(var(--accent-rgb),.10),transparent 80%),radial-gradient(ellipse at 100% 100%,#e1c6971a,transparent 75%)}[data-theme="light"] .page-lead h1 em{color:#896729}
[data-theme="light"] .service{--card-accent:#427f73;background:radial-gradient(ellipse at 0 0,rgba(var(--card-rgb),.17),transparent 80%),#fffefa;border-color:#54718426;box-shadow:0 5px 24px #35495906}[data-theme="light"] .service:nth-child(2){--card-accent:#477f9e}[data-theme="light"] .service:nth-child(3){--card-accent:#347d89}[data-theme="light"] .service:nth-child(4){--card-accent:#7c649e}[data-theme="light"] .service:nth-child(5){--card-accent:#976d43}[data-theme="light"] .service:nth-child(6){--card-accent:#896729}[data-theme="light"] .service:hover{background:radial-gradient(ellipse at 0 0,rgba(var(--card-rgb),.25),transparent 85%),#fffefa;border-color:var(--card-accent);box-shadow:0 12px 30px #35495912}[data-theme="light"] .service p{color:#536570}[data-theme="light"] .service .card-action{border-color:#54718426}[data-theme="light"] .service-feature{background:radial-gradient(ellipse at 0 0,#e7bd6938,transparent 85%),#f3eee2}[data-theme="light"] .service-feature h2{color:#6f572d}
[data-theme="light"] .situation{background:linear-gradient(115deg,rgba(var(--accent-rgb),.10),#ffffff46)}[data-theme="light"] .situation p,[data-theme="light"] .outcome p{color:#455c69}[data-theme="light"] .scope-chapter h3{color:#253e4d}[data-theme="light"] .outcome{background:radial-gradient(ellipse at 0 0,#e7cd9f30,transparent 90%),#fffdf7}
[data-theme="light"] .backup-section{background:radial-gradient(ellipse at 0 20%,#b3ccdf45,transparent 70%),#edf0f0}[data-theme="light"] .backup-layout .eyebrow{color:#477f9e}[data-theme="light"] .models article{background:radial-gradient(ellipse at 0 0,#b9dce831,transparent 80%),#fffefa}[data-theme="light"] .models article:nth-child(2){background:radial-gradient(ellipse at 0 0,#e8cd9736,transparent 80%),#fffefa}[data-theme="light"] .models article:first-child>.eyebrow{color:#467f8b}
[data-theme="light"] .about-monogram{background:radial-gradient(ellipse at center,#e8cfa343,transparent 80%),#fffefa}[data-theme="light"] .page-cta{background:radial-gradient(ellipse at 0 0,#ecd0a13d,transparent 75%),radial-gradient(ellipse at 100% 100%,#bbd9e447,transparent 70%),#fffdf8;border-color:#a58a5836}[data-theme="light"] .brief{background:#fffefa}
@media(max-width:1320px){.page-cta{margin-inline:32px}}
@media(max-width:760px){.service-grid{gap:14px}.service{border-radius:11px}.service:hover{transform:none}.hero{background:radial-gradient(ellipse at 100% 75%,#8ebbd916,transparent 55%),radial-gradient(ellipse at 0 10%,#c99c4211,transparent 70%)}.page-cta{margin-inline:22px;margin-bottom:40px;padding:30px 24px;border-radius:13px}.service .card-photo{border-radius:6px}.expectations{padding-block:20px}.contact-section{background:radial-gradient(ellipse at 0 0,#fae5bb4a,transparent 85%),linear-gradient(140deg,#d5b77f,#c3b28e 70%,#a2b4b5)}.header #nav{background:#1b2225}[data-theme="light"] .header #nav{background:#f7f7f3}}
@media(prefers-reduced-motion:reduce){.service{transition:none}.service:hover{transform:none}}
.contact-details{font-style:normal;display:grid;gap:12px;margin-top:28px;max-width:400px}
.contact-details>a,.contact-details>div{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;border:1px solid #3a422d30;border-radius:8px;background:#fff9eb24;overflow-wrap:anywhere}
.contact-details span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#39442f}.contact-details strong{font-size:22px;font-weight:500;color:#182112;line-height:1.5}.contact-details a:hover{background:#fff9eb55;border-color:#3a422d66}.contact-details>div strong{font-size:16px}
.company-contact{display:flex;align-items:center;flex-wrap:wrap;gap:15px 32px;padding-block:25px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.company-contact>a{color:var(--gold)}.company-contact>a:hover{text-decoration:underline}.company-contact>span:last-child{margin-left:auto;font-size:10px}
@media(max-width:760px){.contact-details{gap:10px}.contact-details strong{font-size:21px}.company-contact{gap:12px 22px}.company-contact>span:last-child{margin-left:0;width:100%}}
