:root{--bg-dark:#121316;--bg-card:#141b2d;--accent:#833ff1;--accent-muted:#6d40b6;--text-main:#f3f4f6;--text-muted:#b3b9c4;--accent-border:#1e293b}.hero,.pk-grid,.ia-grid,.pr-grid{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:8rem 5% 6rem;display:grid}.hero-content{justify-self:start;max-width:650px}.hero span{color:var(--accent)}.hero-content h1{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-content p{color:var(--text-muted);max-width:600px;margin-bottom:2rem;font-size:1.2rem}.hero img{border:1px solid #0b0f19;border-radius:12px;justify-self:end;width:100%;height:auto;box-shadow:0 20px 40px #0006}.cta-btn{background:var(--accent);color:#fff;border-radius:8px;padding:.9rem 2rem;font-weight:600;text-decoration:none;display:inline-block}.section-header{margin-bottom:1rem}.section-header h2{margin-bottom:.5rem;font-size:2rem}.section-header p{color:var(--text-muted)}.pk-section,.ia-section,.pr-section{border-top:1px solid var(--accent-border);padding:5rem 5%}.pk-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin:0 auto;display:grid}.pk-text{justify-self:end;max-width:650px}.pk-text span{color:var(--accent)}.pk-text h2{margin-bottom:.5rem;font-size:2.5rem}.pk-text p{color:var(--text-muted);padding-bottom:1rem;font-size:1.2rem}.pk-image img{border:1px solid #0b0f19;border-radius:12px;justify-self:start;width:100%;height:auto;box-shadow:0 20px 40px #0006}.ia-grid{grid-template-columns:1fr 1fr;grid-template-areas:"text image";align-items:center;gap:4rem;margin:0 auto;display:grid}.ia-text{grid-area:text;justify-self:start;max-width:650px}.ia-text span{color:var(--accent)}.ia-text h2{margin-bottom:.5rem;font-size:2.5rem}.ia-text p{color:var(--text-muted);padding-bottom:1rem;font-size:1.2rem}.ia-image img{border:1px solid #0b0f19;border-radius:12px;grid-area:image;justify-self:end;width:100%;height:auto;box-shadow:0 20px 40px #0006}.pr-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin:0 auto;display:grid}.pr-text{justify-self:end;max-width:650px}.pr-text span{color:var(--accent)}.pr-text h2{margin-bottom:.5rem;font-size:2.5rem}.pr-text p{color:var(--text-muted);padding-bottom:1rem;font-size:1.2rem}.pr-image img{border:1px solid #0b0f19;border-radius:12px;justify-self:start;width:100%;height:auto;box-shadow:0 20px 40px #0006}.contact-container{text-align:center;max-width:600px;margin:0 auto}.contact-container h2{margin-bottom:1rem}.contact-container p{color:var(--text-muted);margin-bottom:2.5rem}.contact-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.contact-form input,.contact-form textarea{background:var(--bg-card);color:#fff;border:1px solid #1e293b;border-radius:6px;padding:1rem;font-size:1rem}.submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600}.success-msg{background:#10b981;border-radius:6px;padding:1.5rem;font-weight:600}.contact-title{color:var(--text-main);font-size:2.5rem}.contact-desc{color:var(--text-muted);font-size:1.2rem}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #1e293b;padding:3rem 5%;font-size:.9rem}@media (width<=768px){body{padding-bottom:400px}.hero{text-align:center;order:-1;grid-template-columns:1fr;gap:2rem;padding-top:5rem}.hero-content{justify-self:center}.hero h1{font-size:2.5rem}.hero img{order:-1;justify-self:center}.pk-grid{text-align:center;grid-template-columns:1fr}.pk-text,.pk-image{justify-self:center}.ia-grid{text-align:center;grid-template-columns:1fr;grid-template-areas:"image""text"}.ia-text,.ia-image{justify-self:center}.pr-grid{text-align:center;grid-template-columns:1fr}.pr-text,.pr-image{justify-self:center}.nav-links{display:none}}.goto-container{width:auto;height:auto;color:var(--text-main);background-color:var(--accent-muted);border:2px solid #0000;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:1.5rem;font-weight:600;text-decoration:none;transition:border-width .5s ease-in-out;display:inline-flex}.goto-container .arrow{color:var(--text-main);font-size:1.5rem;transition:transform .25s cubic-bezier(.25,1,.5,1);display:inline-block}.goto-container:hover{border-style:solid;border-width:2px;border-color:var(--text-main)}.goto-container:hover .arrow{transform:translate(10px)}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0b0f19cc;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;font-size:1.9rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.nav-links a{color:var(--text-main);margin-left:2rem;font-size:1.15rem;text-decoration:none}.nav-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.cta-btn-sm{background:var(--accent);border-radius:6px;padding:.5rem 1.2rem;font-weight:500}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:6px;display:none}.hamburger .bar{background-color:var(--text-main);width:25px;height:3px;transition:all .3s ease-in-out;display:block}@media (width<=768px){.hamburger{display:flex}.hamburger.active .bar:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b0f19f2;flex-direction:column;justify-content:flex-start;align-items:center;gap:2.5rem;width:100%;height:calc(100vh - 100%);padding-top:3rem;display:flex;position:absolute;top:100%;left:0;transform:translateY(-150%)}.nav-links.active{transform:translateY(0)}}.hero-pk,.features-section,.knx-section,.process-section,.contact-section{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}.section-header-pk{border-top:1px solid var(--accent-border)}.hero-pk{grid-template-columns:1fr;gap:4rem;padding:6rem 5% 2rem;display:grid}.pk-intro{color:var(--text-main);justify-content:center;align-items:center;font-size:1.3rem;font-weight:300}.pk-intro h1,.pk-intro h2{text-align:left;max-width:650px;margin:0 auto 1rem}.pk-intro p{color:var(--text-muted);text-align:left;max-width:650px;margin:0 auto 2rem}.pk-list{max-width:630px;color:var(--text-muted);text-align:left;margin:0 auto}.features-section{padding:5rem 5%}.features-content{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.feature-card{border:var(--accent) 1px solid;border-radius:8px;grid-template-columns:360px 120px;grid-template-areas:"title title""description image";justify-content:center;align-items:center;gap:1rem;margin:0 auto;padding:2rem;display:grid}.feature-card:hover{background-color:var(--bg-card)}.feature-card h1{grid-area:title;max-width:650px;margin-bottom:1.5rem;font-size:2.5rem;line-height:1.1}.feature-card p{max-width:650px;color:var(--text-muted);grid-area:description;font-size:1.2rem}.card-image{object-fit:cover;grid-area:image;justify-self:center;width:100%;max-width:120px;height:auto}.knx-section{padding:5rem 5%}.knx-content{grid-template-columns:1fr 2fr;grid-template-areas:"knx-image knx-title""knx-image knx-desc";gap:2rem;display:grid}.knx-image{border-radius:12px;grid-area:knx-image;width:100%;height:auto}.knx-text-h{text-align:center;grid-area:knx-title;place-self:center;margin-bottom:.5rem;font-size:2.5rem}.knx-text-p{color:var(--text-muted);grid-area:knx-desc;justify-self:center;padding-bottom:1rem;font-size:1.2rem}.process-section{padding:5rem 5%}.process-title{text-align:center;margin-bottom:4rem;font-size:2.5rem}.process-content{text-align:center;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem;display:grid}.process-card{flex-direction:column;display:flex}.process-card h2{font-size:3.5rem}.process-card h3{font-size:1.5rem}.process-card p{color:var(--text-muted);margin-top:1rem;font-size:1.2rem}.contact-section{padding:5rem 5%}@media (width<=992px){body{padding-bottom:300px}.pk-intro h1{text-align:center}.features-content{grid-template-columns:1fr;gap:4rem}.feature-card{text-align:center;grid-template-columns:1fr;grid-template-areas:"title""image""description";justify-content:center;align-items:center;gap:1.5rem}.card-image{max-width:120px;margin-left:0;margin-right:0}.knx-content{text-align:center;grid-template-columns:1fr;grid-template-areas:"knx-title""knx-image""knx-desc";justify-content:center;align-items:center;gap:1.5rem;margin:0 auto}.knx-image{justify-self:center;max-width:240px}.process-content{grid-template-columns:1fr 1fr;gap:4rem}}.hero-ia,.component-info-section,.usluge-section,.experience-section{gap:2rem;width:100%;max-width:1440px;margin:0 auto;padding:5% 5rem}.hero-ia-content{text-align:center;grid-template-columns:1fr 1fr;grid-template-areas:"title title""image desc""image desc";gap:4rem;margin:0 auto;display:grid}.hero-ia-title{text-align:center;grid-area:title;font-size:3rem}.hero-ia-desc{text-align:center;color:var(--text-muted);grid-area:desc;font-size:1.3rem}.hero-ia-image{border-radius:12px;grid-area:image;width:100%;height:auto}.usluge-title{text-align:center;margin-bottom:50px;font-size:2.5rem}.usluge-list{grid-template-columns:1fr 1fr 1fr;gap:4rem;display:grid}.usluge-card{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.usluge-card h3{font-size:1.5rem}.usluge-card p{color:var(--text-muted);font-size:1.2rem}.experience-section{grid-template-columns:1fr;justify-content:center;align-items:center;gap:4rem;margin:0 auto;padding:5% 5rem;display:grid}.experience-section h2{text-align:center;font-size:2.5rem}.experience-content{grid-template-columns:1fr 1fr;grid-template-areas:"img text";gap:4rem;margin:0 auto;display:grid}.experience-text{color:var(--text-muted);grid-area:text;font-size:1.2rem}.experience-image{object-fit:cover;opacity:.85;border-radius:12px;grid-area:img;width:100%;height:auto}@media (width<=992px){.hero-ia-content{grid-template-columns:1fr;grid-template-areas:"title""image""desc"}.usluge-list{grid-template-columns:1fr;gap:6rem}.experience-content{grid-template-columns:1fr;grid-template-areas:"img""text"}}:root{--bg-dark:#191a1f;--bg-card:#101727;--accent:#833ff1;--text-main:#f3f4f6;--text-muted:#b3b9c4}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}* span{color:var(--accent)}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}.contact-section-header{border-top:1px solid var(--accent-border)}.hero-contact-section{max-width:1440px;margin-left:auto;margin-right:auto;padding:5rem 5%}.contact-content{text-align:center;grid-template-columns:1fr;gap:2rem;max-width:600px;margin:0 auto;display:grid}.contact-content h2{color:var(--text-main);text-align:left;font-size:3rem}.contact-content p{color:var(--text-muted);text-align:left;font-size:1.2rem}.contact-content h3{color:var(--text-main);text-align:left;font-size:1.5rem}.contact-content span{font-weight:800}.contact-form-section{max-width:1440px;margin-left:auto;margin-right:auto;padding:5rem 5%}.form-content{flex-direction:column;gap:1.5rem;max-width:650px;margin:0 auto;display:flex}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group input,.form-group textarea{border:1px solid var(--accent-border);box-sizing:border-box;background-color:var(--bg-dark);border-radius:4px;outline:none;width:100%;padding:10px 12px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--bg-card)}.submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:250px;max-width:650px;margin:0 auto;padding:1rem;font-size:1rem;font-weight:600}