:root{color-scheme:dark;--bg:#101318;--surface:#181d25;--text:#f3f5f9;--muted:#adb5c3;--blue:#628cff;--line:#2b313c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #abc0ff;outline-offset:6px}a,button{-webkit-tap-highlight-color:transparent}.header,main,footer{max-width:1320px;margin:auto}.header{padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:18px;font-weight:800;letter-spacing:.05em}.brand-icon{background:var(--blue);color:#101318;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:20px;letter-spacing:-1px;border-radius:10px}.brand-icon span{align-self:flex-start;padding-top:3px;font-size:17px}.brand-sub{display:block;font-size:12px;letter-spacing:.12em;font-weight:500;color:var(--muted)}nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}nav>a:hover,.text-link:hover{color:var(--blue)}.nav-contact{border:1px solid #46505f;border-radius:6px;padding:10px 18px;display:flex;gap:24px}.hero{padding:96px 48px 78px;display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--muted);margin:0 0 24px;display:flex;align-items:center;gap:10px}.tiny-line{height:2px;width:24px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.6vw,66px);font-weight:800;line-height:1.08;letter-spacing:-.055em;margin-bottom:25px}h1>span{color:var(--blue)}.hero-description{font-size:17px;color:var(--muted);max-width:460px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.button{padding:14px 20px;border-radius:6px;display:inline-flex;align-items:center;gap:30px;font-size:14px;font-weight:800}.primary{background:var(--blue);color:#080d1b}.primary:hover{background:#89a8ff}.text-link{font-size:14px;display:flex;gap:15px;align-items:center}.hero-tags{display:flex;flex-wrap:wrap;gap:0;margin-top:46px;font-size:12px;color:var(--muted)}.hero-tags span+span:before{content:'/';padding:0 15px;color:#5e6776}.service-panel{background:var(--surface);border:1px solid #323b49;border-radius:12px;overflow:hidden;transform:rotate(-2deg)}.panel-top{display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid #323b49;font-size:12px;letter-spacing:.14em;color:#b2bdcf}.panel-top>span:last-child{font-size:24px;color:var(--blue)}.problem{display:flex;gap:22px;padding:25px 26px;align-items:flex-start}.problem+.problem{border-top:1px solid var(--line)}.problem-no{font-size:12px;color:#8997ad;padding-top:8px;font-family:monospace}.problem h2{font-size:28px;letter-spacing:-.045em;line-height:1.3;margin:0 0 7px}.problem p{font-size:13px;color:var(--muted);margin:0}.plus{margin-left:auto;color:var(--blue);font-size:22px}.panel-bottom{display:flex;justify-content:space-between;font-family:monospace;font-size:12px;letter-spacing:.07em;background:#222b3b;padding:16px 26px;color:#a8b9d4}.section{padding:72px 48px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:16px}.section-heading h2{font-size:38px;letter-spacing:-.045em;line-height:1.2;margin:0}.section-heading>p{max-width:360px;color:var(--muted);font-size:15px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{border:1px solid var(--line);border-radius:8px;padding:26px 23px 22px;display:flex;flex-direction:column}.icon{display:inline-flex;color:var(--blue);width:44px;height:44px;align-items:center;justify-content:center;font-size:32px;background:#1d2942;border-radius:8px;margin-bottom:30px;line-height:1}.service-card h3{font-size:18px;letter-spacing:-.025em;line-height:1.4;margin-bottom:12px}.service-card p{font-size:14px;color:var(--muted);margin-bottom:26px}.card-meta{font-size:12px;color:#c1c8d2;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin-top:46px}.step-no{font-size:14px;color:var(--blue);font-family:monospace;display:block;padding-bottom:14px;border-bottom:1px solid #394354;margin-bottom:20px}.steps h3{font-size:20px;margin-bottom:10px;letter-spacing:-.03em}.steps p{font-size:15px;color:var(--muted);margin-bottom:0}.contact{background:#172136;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;margin:12px 48px 64px;padding:44px;border:1px solid #314364;border-radius:10px}.contact .eyebrow{color:#a7b9df;margin-bottom:19px}.contact h2{font-size:34px;line-height:1.2;letter-spacing:-.045em;margin-bottom:22px}.contact h2 span{color:#97b3ff}.contact p{color:#b4c0d8;font-size:15px;margin:0}.contact-box h3{font-size:18px;margin-bottom:8px}.contact-box>p{font-size:13px;margin-bottom:20px}.contact-row{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:11px 0;border-top:1px solid #35425a}.contact-row>span:last-child{color:#a7b9d6}footer{padding:24px 48px 34px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer p{margin:0}.footer-brand{font-size:16px;color:var(--text);font-weight:800}.footer-brand span{color:var(--blue);padding-left:4px}footer>a:last-child{font-size:14px}@media(min-width:1400px){.hero{padding-top:110px;padding-bottom:100px}}@media(max-width:1050px){.hero{gap:35px;padding-top:70px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-panel{transform:none}.problem{gap:14px;padding:23px 18px}.problem h2{font-size:24px}.contact{gap:32px;padding:32px}.contact h2{font-size:30px}}@media(max-width:720px){.header{padding:20px 22px}.brand{font-size:15px}.brand-icon{height:40px;width:40px}.brand-sub{font-size:12px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{padding:8px 12px;gap:12px;font-size:13px}.hero{grid-template-columns:1fr;padding:52px 22px 44px;gap:42px}h1{font-size:clamp(40px,8.8vw,60px)}.hero-description{font-size:16px}.hero-tags{margin-top:28px}.hero-actions{gap:20px}.service-panel{max-width:100%;width:100%}.problem{padding:20px 22px;gap:22px}.problem h2{font-size:26px}.problem p{font-size:14px}.section{padding:44px 22px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:32px}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{padding:24px}.icon{margin-bottom:20px}.service-card h3{font-size:20px}.service-card p{font-size:16px}.card-meta{font-size:13px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps p{font-size:16px}.contact{grid-template-columns:1fr;margin:0 22px 40px;padding:27px 23px;gap:32px}.contact h2{font-size:30px}.contact p{font-size:16px}.contact-box>p{font-size:14px}.contact-row{font-size:15px}footer{padding:24px 22px;flex-wrap:wrap;gap:18px}footer p{order:3;width:100%}.eyebrow{font-size:12px}.panel-top,.panel-bottom{font-size:12px}.brand-sub{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-call{margin-top:20px;gap:14px}.contact-row a{font-weight:700;color:#c6d6ff}.contact-row a:hover{text-decoration:underline}

button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #abc0ff;outline-offset:4px}button.nav-contact{background:transparent}button.primary{border:0}button.nav-contact:hover{color:var(--blue)}
.chat-launcher{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:16px;padding:15px 20px;border:1px solid #a8bdff;border-radius:50px;background:var(--blue);color:#080d1b;font-size:14px;font-weight:800;box-shadow:0 6px 30px #0006}.chat-launcher:hover{background:#89a8ff}.chat-launcher span{font-size:21px;line-height:1}
.chat-dialog{position:fixed;inset:auto 24px 24px auto;margin:0;width:400px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #435575;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 16px 70px #0008;overflow:auto}.chat-dialog[open]{display:flex;flex-direction:column}.chat-dialog::backdrop{background:#05091280}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;background:#1e2c46;flex-shrink:0}.chat-header h2{font-size:20px;margin:0;letter-spacing:-.03em}.chat-header p{margin:2px 0 0;color:#bdcbe4;font-size:13px}.chat-header button{background:transparent;border:1px solid #51617c;width:40px;height:40px;border-radius:8px;font-size:26px;line-height:1}.chat-notice{margin:0;padding:15px 22px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line);flex-shrink:0}.chat-messages{min-height:140px;max-height:310px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}.chat-message{font-size:15px;line-height:1.6;padding:12px 15px;border-radius:12px;max-width:95%;overflow-wrap:anywhere;white-space:pre-wrap;flex-shrink:0}.chat-message.bot{background:#263144;align-self:flex-start}.chat-message.visitor{background:#3655a5;align-self:flex-end}.chat-phone{display:block;margin-top:12px;color:#d3e0ff;font-weight:800;text-decoration:underline;text-underline-offset:4px}.chat-form{padding:18px 20px 20px;border-top:1px solid var(--line);flex-shrink:0}.chat-form label{display:block;font-size:14px;margin-bottom:8px}.chat-input-row{display:flex;gap:8px}.chat-input-row input{min-width:0;width:100%;padding:12px;border:1px solid #52617b;border-radius:7px;background:#101823;color:var(--text);font-size:16px}.chat-input-row .button{padding:12px;font-size:14px;flex-shrink:0}footer{padding-bottom:100px}@media(max-width:720px){.chat-launcher{right:16px;bottom:16px}.chat-dialog{inset:auto 16px 16px auto}.chat-header{padding:16px 18px}.chat-input-row{flex-wrap:wrap}.chat-input-row input{flex:1 1 170px}.chat-messages{max-height:36dvh}.chat-notice{font-size:13px}nav button.nav-contact{font-size:13px}}

.computer-offer{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:36px;border:1px solid #394968;border-radius:12px;background:#182237}.offer-label{font-size:13px;letter-spacing:.15em;color:#b3c8ff;font-weight:700}.computer-intro h3{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin:18px 0}.computer-intro h3 span{color:#97b3ff}.computer-intro>p{font-size:16px;color:#b9c5da}.computer-intro .offer-note{font-size:14px;margin:14px 0 0}.computer-specs{margin:0;align-self:center}.computer-specs>div{padding:18px 0;border-bottom:1px solid #35435e}.computer-specs>div:first-child{padding-top:0}.computer-specs dt{font-size:14px;color:#b9c5da}.computer-specs dd{font-size:18px;font-weight:700;margin:4px 0 0}.offer-link{gap:18px}@media(max-width:720px){.computer-offer{grid-template-columns:1fr;padding:24px;gap:30px}.computer-intro h3{font-size:30px}.offer-link{font-size:14px;padding:13px 15px}.header nav{gap:12px}nav>a[href="#ponuda"]{display:block;font-size:13px}.brand{gap:8px}.header{gap:12px}}@media(max-width:380px){nav>a[href="#ponuda"]{display:none}}

/* Service experience, intervention prices and custom configurations. */
.hero{background:radial-gradient(ellipse at 90% 15%,#24478535,transparent 60%)}
.experience{display:flex;align-items:center;gap:18px;margin:0 0 30px;padding-left:18px;border-left:3px solid var(--blue)}
.experience strong{font-size:54px;line-height:1;letter-spacing:-.06em;color:#a8bfff}.experience span{font-size:14px;color:#d1d9e8;line-height:1.6}
.service-panel{box-shadow:14px 18px 0 #628cff0c,0 20px 70px #0004}.service-card{background:linear-gradient(150deg,#1d2533,#141920);transition:border-color .2s,transform .2s}.service-card:hover{border-color:#628cff;transform:translateY(-3px)}
.priority-grid,.custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.priority-card{padding:32px;border:1px solid #6b86bb;border-radius:12px;background:linear-gradient(130deg,#293f69,#19253b)}.priority-card.visit{border-color:#3d666d;background:linear-gradient(130deg,#203e43,#17272d)}.priority-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}.service-kicker,.build-label{font-size:14px;letter-spacing:.1em;font-weight:800;color:#c6d7ff}.priority-symbol{font-size:28px;line-height:1;color:#b7ceff}.priority-card h3{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin-bottom:16px}.priority-card>p{color:#c4cee0;font-size:16px}.priority-bottom{margin-top:30px;border-top:1px solid #ffffff26;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.service-price{font-size:40px;font-weight:800;letter-spacing:-.05em;line-height:1.2;margin:0}.service-price span{font-size:14px;letter-spacing:.03em;color:#c4cee0}.priority-bottom .button{font-size:14px;padding:12px 16px}.visit .primary{background:#a8e0da}.visit .primary:hover{background:#c6efeb}.custom-builds{background:linear-gradient(180deg,#17203155,transparent)}.custom-card{padding:32px;border-left:3px solid var(--blue);background:#181f2b;border-radius:0 12px 12px 0}.custom-card:last-child{border-left-color:#9a8cff}.custom-card h3{font-size:28px;letter-spacing:-.035em;line-height:1.25;margin:22px 0 16px}.custom-card p{color:var(--muted);font-size:16px}.build-detail{display:block;padding-top:18px;border-top:1px solid var(--line);color:#d7dff0;font-size:14px}.custom-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}.custom-action p{margin:0;color:var(--muted);font-size:14px}.custom-action button{flex-shrink:0}.section-heading>p{font-size:16px}.eyebrow,.card-meta,.hero-tags{font-size:14px}
@media(max-width:720px){.priority-grid,.custom-grid{grid-template-columns:1fr}.priority-card,.custom-card{padding:24px}.priority-top{margin-bottom:24px}.custom-action{align-items:flex-start;flex-direction:column}.priority-card h3,.custom-card h3{font-size:25px}.service-price{font-size:36px}.experience strong{font-size:48px}.experience{gap:14px}.hero-tags{gap:8px}.hero-tags span+span:before{padding:0 8px}.custom-action .button{max-width:100%;gap:16px}.service-panel{box-shadow:0 16px 40px #0004}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{transform:none}}

/* Lightweight gaming-inspired visual direction: system fonts and CSS only. */
:root{--bg:#090a0c;--surface:#141519;--text:#f5f5f7;--muted:#b7b8c0;--blue:#f43f4b;--line:#2c2d33}
body{font-family:Arial,Helvetica,sans-serif}button,input{font-family:inherit}
.header{padding-top:24px;padding-bottom:24px}.brand-icon{background:#ef3542;color:#fff;border-radius:2px}.brand-sub{letter-spacing:.1em}.nav-contact{border-radius:2px}
.hero{position:relative;background:radial-gradient(ellipse at 95% 20%,#dc24322a,transparent 57%),linear-gradient(125deg,transparent 55%,#ffffff03 55%,#ffffff03 75%,transparent 75%);gap:48px;padding-top:88px;padding-bottom:88px}
h1{font-size:clamp(40px,4.7vw,66px);line-height:1.02;font-weight:900;letter-spacing:-.045em}.hero-description{max-width:490px;font-size:18px}.eyebrow{letter-spacing:.12em}.experience{border-left-color:#f43f4b}.experience strong{color:#fff}.experience span{color:#c9c9d0}
.button,.nav-contact{border-radius:2px}.primary{background:#e83240;color:#fff}.primary:hover{background:#ff4855}.button{letter-spacing:.02em}.hero-tags{color:#c1c1c8}.hero-tags span+span:before{color:#e83240}
.service-panel{transform:none;border-radius:3px;border-color:#34353b;background:linear-gradient(140deg,#202126,#101114);box-shadow:10px 10px 0 #ed35420e;border-top:3px solid #e83240}.panel-top{color:#d4d4da;border-color:#33343b}.problem h2{font-weight:800}.problem p{font-size:14px}.panel-bottom{background:#251519;color:#e1b9be}.problem-no{color:#c4a3a7}.plus{color:#f43f4b}
.section-heading h2{font-size:clamp(30px,3.4vw,46px);font-weight:800;line-height:1.1}.service-card{border-radius:3px;background:linear-gradient(135deg,#1a1b20,#101114)}.icon{border-radius:2px;background:#32181c;color:#ff5360}.service-card:hover{border-color:#f43f4b}.service-card p{font-size:16px}
.priority-card,.priority-card.visit{background:linear-gradient(135deg,#1e1f25,#111216);border:1px solid #3c3d45;border-radius:3px;border-top:3px solid #ef3d4a}.priority-card.visit{border-top-color:#94969f}.service-kicker,.build-label{color:#ff707a}.priority-symbol{color:#ff5663}.priority-card>p,.service-price span{color:#c5c5cc}.service-price{font-size:46px}.visit .primary{background:#e6e6eb;color:#111216}.visit .primary:hover{background:#fff}
.custom-builds{background:linear-gradient(120deg,#25111477,transparent 65%)}.custom-card{background:#16171c;border-radius:0;border-left-color:#ef3d4a}.custom-card:last-child{border-left-color:#ef3d4a}.custom-card h3{font-weight:800}.build-detail{color:#d1d1d9}
.computer-offer{border-radius:3px;border-color:#3a3b43;background:radial-gradient(ellipse at 10% 0%,#a5202f30,transparent 70%),#141519;border-left:4px solid #ef3d4a}.offer-label{color:#ff6c78}.computer-intro h3{font-size:clamp(30px,3.7vw,48px);font-weight:900}.computer-intro h3 span{color:#ff5360}.computer-intro>p,.computer-specs dt{color:#bdbdc7}.computer-specs>div{border-color:#34353d}.computer-specs dd{font-size:20px}
.contact{background:linear-gradient(110deg,#271418,#15161b);border-color:#503039;border-radius:3px}.contact .eyebrow{color:#f4adb5}.contact h2 span{color:#ff6570}.contact p,.contact-row>span:last-child{color:#cac5cd}.contact-row{border-color:#48313a}
.chat-launcher{background:#e83240;border-color:#ff6b76;color:#fff}.chat-launcher:hover{background:#ff4855}.chat-dialog{border-color:#644047}.chat-header{background:#2b191e}.chat-header p{color:#dbc8ce}.chat-header button{border-color:#76515d}.chat-message.bot{background:#28292f}.chat-message.visitor{background:#8b2535}.chat-phone{color:#ffbcc4}.chat-input-row input{background:#111216;border-color:#68606a}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#ff8e98}
@media(max-width:1050px){.hero{gap:30px}.computer-intro h3{font-size:34px}}
@media(max-width:720px){.hero{padding:52px 22px 44px;gap:38px}h1{font-size:clamp(36px,8.4vw,58px)}.hero-description{font-size:16px}.service-panel{box-shadow:none}.priority-card{padding:24px}.service-price{font-size:38px}.service-kicker{font-size:14px;letter-spacing:.04em}.computer-specs dd{font-size:18px}.header{padding:20px 22px}}

.priority-grid .maintenance{grid-column:1 / -1}.maintenance h3{max-width:100%}.maintenance .priority-top{margin-bottom:20px}

.nav-services{border:0;background:transparent;padding:8px 0;font-size:14px;font-weight:600}.nav-services:hover{color:var(--blue)}.category-price{display:block;font-size:24px;color:#fff;margin-top:18px}.services-dialog{width:860px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:28px;border:1px solid #57313a;border-top:3px solid #f43f4b;border-radius:6px;background:#101114;color:var(--text);overflow:auto;overscroll-behavior:contain}.services-dialog::backdrop{background:#050608d9}.services-dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.services-dialog-header .eyebrow{margin-bottom:10px}.services-dialog-header h2{font-size:36px;line-height:1.2;margin-bottom:0}.services-dialog-header button{flex-shrink:0;width:44px;height:44px;border:1px solid #65505a;background:#23191e;border-radius:3px;font-size:28px}.services-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.services-dialog .service-card:hover{transform:none}body:has(.services-dialog[open]){overflow:hidden}@media(max-width:720px){.header nav{gap:12px}.header nav>a[href="#ponuda"]{display:none}.services-dialog{padding:20px}.services-dialog-grid{grid-template-columns:1fr}.services-dialog-header h2{font-size:30px}.nav-services{font-size:14px}}

.kp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.kp-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #383940;border-top:3px solid #ef3d4a;background:#15161b}.kp-card img{display:block;width:100%;height:260px;object-fit:contain;background:#eee}.kp-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.kp-card h3{font-size:24px;line-height:1.3;margin:18px 0}.kp-card .category-price{margin-top:auto;margin-bottom:22px}.kp-card .button{align-self:flex-start}.kp-card .offer-label{font-size:14px;letter-spacing:.08em}@media(max-width:720px){.kp-grid{grid-template-columns:1fr}.kp-card-body{padding:22px}.kp-card h3{font-size:22px}}

.payment-note{margin-top:28px;padding:24px;border:1px solid #68323c;border-left:4px solid #ef3d4a;background:#25171c}.payment-note h3{font-size:20px;margin-bottom:12px}.payment-note p{font-size:16px;color:#d5cbd0;margin:0}.payment-note strong{color:#fff}