:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;color:#e2e8f0;--primary-dark:#0a0e27;--primary-darker:#050816;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--card-bg:#ffffff0d;--border-light:#ffffff1a;--animation-speed:.3s;background-color:#0a0e27;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}body{display:grid;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#0a0e27 0%,#0d1232 50%,#1a1f41 100%);place-items: center;min-width:320px;min-height:100vh;margin:0;font-size:clamp(14px,2vw,16px)}body:before{content:"";position:fixed;z-index:-1;opacity:.3;pointer-events:none;background-image:radial-gradient(circle at 20%,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0%,#0000 50%),radial-gradient(circle at 40% 80%,#06b6d41a 0%,#0000 50%),linear-gradient(#0a0e27,#0a0e27);background-size:cover;inset:0}.app{text-align:center;position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:2rem}.logo-container,.logo,.api-tester{display:none}h1{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);color:#0000;animation:gradient-shift 8s ease infinite;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,4rem);line-height:1.1}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}code{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.3em;padding:.2em .4em;font-family:monospace}.navbar{position:fixed;backdrop-filter:blur(10px);z-index:1000;background:#0a0e27e6;width:100%;padding:1rem clamp(1rem,2vw,2rem);transition:all .3s;top:0;left:0}.navbar.scrolled{padding:.5rem clamp(1rem,2vw,2rem);box-shadow:0 4px 20px #0000001a}.nav-container{display:flex;justify-content:space-between;align-items: center;max-width:1200px;margin:0 auto}.nav-logo{text-decoration:none;color:var(--accent-blue);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700}.logo-text{color:var(--text-primary)}.ai-accent{color:var(--accent-purple)}.nav-menu{display:flex;list-style:none;align-items: center;gap:clamp(1rem,3vw,2rem);margin:0;padding:0}.nav-link{text-decoration:none;color:var(--text-secondary);transition:color var(--animation-speed)ease;font-size:clamp(.9rem,1.5vw,1rem);font-weight:500}.nav-link:hover{color:var(--accent-blue)}.nav-cta{margin-left:1rem}.hamburger{display:none;cursor:pointer;flex-direction:column}.bar{background-color:var(--text-primary);width:clamp(20px,4vw,25px);height:3px;margin:3px 0;transition:all .3s}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-nav-menu{display:none;position:absolute;backdrop-filter:blur(10px);list-style:none;background:#0a0e27f2;width:100%;padding:2rem;top:100%;left:0;box-shadow:0 10px 27px #0000000d}.hero-section{position:relative;display:flex;overflow:hidden;justify-content:center;align-items: center;min-height:100vh}.particle-background{position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0}.hero-content{text-align:center;z-index:1;max-width:900px;padding:0 clamp(1rem,3vw,2rem)}.hero-title{margin-bottom:clamp(1rem,2vw,1.5rem);font-size:clamp(2.5rem,8vw,4rem);line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:700px;margin-bottom:clamp(1.5rem,4vw,3rem);margin-left:auto;margin-right:auto;font-size:clamp(1rem,2.5vw,1.5rem)}.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,2.5vw,1.5rem)}.section{width:100%;max-width:1200px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1rem,3vw,2rem)}.section-title{text-align:center;color:var(--text-primary);position:relative;margin-bottom:clamp(2rem,5vw,3rem);font-size:clamp(1.8rem,5vw,2.5rem)}.section-title:after{content:"";position:absolute;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;width:clamp(50px,15vw,80px);height:4px;bottom:-10px;left:50%;transform:translate(-50%)}.card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-light);transition:transform var(--animation-speed)ease,box-shadow var(--animation-speed)ease;border-radius:16px;padding:clamp(1.5rem,3vw,2rem)}.card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn{display:inline-block;text-decoration:none;text-align:center;cursor:pointer;transition:var(--animation-speed)ease;color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;padding:clamp(.6rem,1.5vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.9rem,1.8vw,1rem);font-weight:600}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-secondary{color:var(--text-primary);background:#ffffff1a}.btn-secondary:hover{background:#fff3}.grid-2,.grid-3{display:grid;align-items: start;gap:clamp(1.5rem,3vw,2rem)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,40vw,300px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,35vw,300px),1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-secondary{color:var(--text-secondary)}.benefit-card{text-align:center;display:flex;flex-direction:column;align-items: center;gap:1rem}.benefit-icon{font-size:clamp(1.8rem,4vw,2.5rem)}.benefit-title{color:var(--text-primary);margin:0 0 .5rem;font-size:clamp(1.2rem,3vw,1.5rem)}.benefit-description{color:var(--text-secondary);margin:0;font-size:clamp(.9rem,1.8vw,1rem)}.service-card{text-align:center;display:flex;flex-direction:column;align-items: center;gap:1rem}.service-icon{font-size:clamp(2rem,5vw,3rem)}.service-title{color:var(--text-primary);margin:0 0 .5rem;font-size:clamp(1.2rem,3vw,1.5rem)}.service-description{color:var(--text-secondary);margin:0;font-size:clamp(.9rem,1.8vw,1rem)}.services-grid{margin:3rem 0}.ai-description{text-align:center;color:var(--text-secondary);max-width:800px;margin:0 auto 3rem;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6}.tech-stack{border-top:1px solid var(--border-light);text-align:center;margin-top:3rem;padding-top:2rem}.tech-stack-title{color:var(--text-primary);margin-bottom:clamp(1rem,2.5vw,1.5rem);font-size:clamp(1.2rem,3vw,1.5rem)}.tech-stack-items{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.8rem,2vw,1rem)}.tech-item{color:var(--accent-blue);background:#3b82f61a;border-radius:20px;padding:clamp(.4rem,1.2vw,.5rem) clamp(.8rem,2vw,1rem);font-size:clamp(.8rem,1.6vw,.9rem)}.case-card{text-align:left}.case-category{display:inline-block;color:var(--accent-purple);background:#8b5cf61a;border-radius:20px;margin-bottom:1rem;padding:.3rem .8rem;font-size:clamp(.7rem,1.5vw,.85rem)}.case-title{color:var(--text-primary);margin:0 0 1rem;font-size:clamp(1.1rem,2.5vw,1.4rem)}.case-description{color:var(--text-secondary);margin:0 0 1.5rem;font-size:clamp(.8rem,1.6vw,1rem);line-height:1.6}.case-results h4,.case-tech h4{color:var(--text-primary);margin:0 0 .5rem;font-size:clamp(.9rem,1.8vw,1rem)}.case-results ul{color:var(--text-secondary);margin:0;padding-left:1.2rem}.case-results li{margin-bottom:.3rem;font-size:clamp(.8rem,1.6vw,.9rem)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{color:var(--accent-cyan);background:#06b6d41a;border-radius:20px;padding:.3rem .8rem;font-size:clamp(.7rem,1.4vw,.8rem)}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.8rem,2vw,1rem);margin-bottom:clamp(2rem,5vw,3rem)}.filter-btn{color:var(--text-secondary);border:1px solid var(--border-light);cursor:pointer;transition:all var(--animation-speed)ease;background:#ffffff0d;border-radius:20px;padding:clamp(.4rem,1.2vw,.5rem) clamp(.8rem,2.5vw,1.2rem);font-size:clamp(.8rem,1.6vw,1rem)}.filter-btn:hover,.filter-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.contact-container.single{display:flex;justify-content:center;align-items: flex-start;margin-top:2rem}.contact-description{text-align:center;color:var(--text-secondary);max-width:800px;margin:0 auto 3rem;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6}.contact-form-section{min-width:0}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(.9rem,1.8vw,1rem);font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-light);color:var(--text-primary);background:#ffffff0d;border-radius:8px;padding:.8rem;font-size:clamp(.9rem,1.8vw,1rem)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue)}.submit-btn{background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));color:#fff;cursor:pointer;transition:var(--animation-speed)ease;border:none;border-radius:8px;align-self: flex-start;padding:1rem;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:clamp(.9rem,1.8vw,1rem)}.form-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:clamp(.9rem,1.8vw,1rem)}.contact-info-section{width:100%;min-width:0;max-width:500px;margin:0 auto}.contact-info{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-light);text-align:center;border-radius:16px;padding:2rem}.qr-code-container{margin:2rem 0}.qr-code-image{object-fit:contain;display:block;border-radius:8px;width:200px;max-width:100%;height:200px;margin:0 auto 1.5rem;box-shadow:0 4px 12px #0000001a}.qr-placeholder-large{border:2px dashed var(--border-light);display:flex;background:#ffffff0d;border-radius:16px;justify-content:center;align-items: center;width:200px;height:200px;margin:0 auto 1.5rem}.qr-placeholder-content-large{display:flex;flex-direction:column;align-items: center;font-size:4rem}.qr-placeholder-content-large p{color:var(--text-secondary);margin-top:.5rem;font-size:1rem}.qr-instruction{color:var(--text-secondary);margin:0;font-size:.9rem}.footer{background:var(--primary-darker);margin-top:6rem;padding:clamp(3rem,8vw,4rem) clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(2rem,5vw,3rem);max-width:1200px;margin:0 auto 3rem}.footer-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:clamp(1.2rem,3vw,1.5rem)}.footer-section h4{color:var(--text-primary);margin:0 0 1rem;font-size:clamp(1rem,2vw,1.1rem)}.footer-section p,.footer-section ul{color:var(--text-secondary);margin:.5rem 0;padding:0;font-size:clamp(.8rem,1.6vw,1rem)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color var(--animation-speed)ease}.footer-section a:hover{color:var(--accent-blue)}.footer-bottom{text-align:center;border-top:1px solid var(--border-light);color:var(--text-secondary);max-width:1200px;margin:0 auto;padding-top:2rem;font-size:clamp(.8rem,1.6vw,1rem)}.loader{display:flex;justify-content:center;align-items: center;min-height:100vh}.spinner{border:5px solid #3b82f633;border-top:5px solid var(--accent-blue);animation:spin 1s linear infinite;border-radius:50%;width:50px;height:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:992px){.contact-container{grid-template-columns:1fr}}@media (max-width:768px){.navbar{padding:1rem}.nav-menu{display:none}.hamburger{display:flex}.mobile-nav-menu{display:block}.form-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items: center}}@media (max-width:480px){.section{padding:2rem 1rem}.hero-content{padding:0 1rem}}@media (prefers-reduced-motion){*,:before,:after{animation:none!important}}