*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#c9a84c;--gold-l:#e8c76a;--gold-d:#9a7a2e;--gold-g:#ffd864;
  --black:#050505;--dark:#090909;--card:rgba(6,5,2,0.92);
  --text:#f0e6c8;--dim:#7a6535;--border:rgba(201,168,76,0.18);
}
html,body{width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--text);font-family:'Rajdhani',sans-serif;}
#circuit-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.transition-overlay{position:fixed;inset:0;background:var(--gold);z-index:9999;transform:scaleX(1);transform-origin:right;pointer-events:none;}

/* LOADER */
#kow-loader{position:fixed;inset:0;background:var(--black);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s ease,visibility .7s ease;}
#kow-loader.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.loader-scan{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-g),var(--gold),transparent);animation:scanDown 2s linear infinite;opacity:.6;}
@keyframes scanDown{0%{top:0}100%{top:100%}}
.loader-ring{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:26px;}
.loader-ring-outer{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--gold-l);border-right-color:var(--gold-d);animation:spin 1.3s linear infinite;}
.loader-ring-inner{position:absolute;inset:16px;border-radius:50%;border:1px solid transparent;border-bottom-color:var(--gold);border-left-color:var(--gold-d);animation:spin .85s linear infinite reverse;}
.loader-ring-core{position:absolute;inset:32px;border-radius:50%;border:1px dashed rgba(201,168,76,.2);animation:spin 5s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
.loader-logo{width:100px;height:100px;border-radius:50%;z-index:2;filter:drop-shadow(0 0 20px rgba(201,168,76,.9));animation:breathe 1.8s ease-in-out infinite;}
@keyframes breathe{0%,100%{transform:scale(1);filter:drop-shadow(0 0 18px rgba(201,168,76,.7))}50%{transform:scale(1.06);filter:drop-shadow(0 0 40px rgba(255,220,100,1))}}
.loader-brand{font-family:'Orbitron',sans-serif;font-size:clamp(1rem,3vw,1.4rem);font-weight:900;letter-spacing:.25em;text-transform:uppercase;color:#fff;margin-bottom:6px;animation:fadeUp .8s ease .3s both;}
.loader-brand span{color:var(--gold)}
.loader-tagline{font-family:'Rajdhani',sans-serif;font-size:.75rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-l);opacity:.8;margin-bottom:34px;animation:fadeUp .8s ease .5s both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.loader-bar-wrap{width:220px;height:2px;background:rgba(201,168,76,.12);border-radius:2px;overflow:hidden;}
.loader-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-d),var(--gold-g),var(--gold-l));border-radius:2px;transition:width .1s linear;box-shadow:0 0 10px var(--gold);}
.loader-status{margin-top:12px;font-family:'Orbitron',sans-serif;font-size:.52rem;letter-spacing:.25em;text-transform:uppercase;color:var(--dim);height:16px;animation:fadeUp .8s ease .7s both;}

/* LANG SWITCHER */
.lang-switcher{display:flex;gap:4px;align-items:center;}
.lang-btn{font-family:'Orbitron',sans-serif;font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:none;border:1px solid rgba(201,168,76,.15);border-radius:2px;padding:3px 7px;cursor:pointer;transition:all .3s;}
.lang-btn:hover{color:var(--gold);border-color:var(--gold);}
.lang-btn.active{color:var(--black);background:var(--gold);border-color:var(--gold);}

/* HOME */
.home-page .hero{position:relative;z-index:1;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.hero-content{text-align:center;z-index:2;animation:fadeUp 1s ease .2s both;opacity:0;}
.cpu-frame{position:relative;display:inline-block;margin-bottom:22px;}
.cpu-chip{position:relative;z-index:2;width:180px;height:180px;display:flex;align-items:center;justify-content:center;}
.cpu-chip::before{content:'';position:absolute;inset:-10px;border:1px solid rgba(201,168,76,.45);box-shadow:0 0 18px rgba(201,168,76,.15),inset 0 0 18px rgba(201,168,76,.04);}
.cpu-chip::after{content:'';position:absolute;inset:-18px;border:1px dashed rgba(201,168,76,.18);}
.cpu-pins{position:absolute;inset:0;pointer-events:none;}
.cpu-pins span{position:absolute;background:var(--gold-d);box-shadow:0 0 4px var(--gold);}
.cpu-pins .pin-l{width:16px;height:1px;left:-34px;}.cpu-pins .pin-r{width:16px;height:1px;right:-34px;}
.cpu-pins .pin-t{width:1px;height:16px;top:-34px;}.cpu-pins .pin-b{width:1px;height:16px;bottom:-34px;}
.cpu-pins .p1{top:22%}.cpu-pins .p2{top:38%}.cpu-pins .p3{top:54%}.cpu-pins .p4{top:70%}
.cpu-pins .p5{left:18%}.cpu-pins .p6{left:34%}.cpu-pins .p7{left:52%}.cpu-pins .p8{left:68%}
.hero-logo{width:148px;height:148px;border-radius:50%;filter:drop-shadow(0 0 24px rgba(201,168,76,.8));animation:breathe 3.5s ease-in-out infinite;position:relative;z-index:3;}
.logo-glow-ring{position:absolute;top:50%;left:50%;width:194px;height:194px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(201,168,76,.3);animation:ringPulse 3.5s ease-in-out infinite;z-index:1;}
@keyframes ringPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.18);opacity:.08}}
.brand-name{font-family:'Orbitron',sans-serif;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:6px;text-shadow:0 0 30px rgba(201,168,76,.3);}
.gold{color:var(--gold)}
.tagline{font-family:'Rajdhani',sans-serif;font-size:clamp(.75rem,1.8vw,1rem);font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-l);margin-bottom:42px;text-shadow:0 0 12px rgba(201,168,76,.4);}
.nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:600px;margin:0 auto 14px;}
.nav-grid-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:600px;margin:0 auto 28px;}
@media(max-width:600px){.nav-grid,.nav-grid-bottom{grid-template-columns:repeat(2,1fr)}}
.nav-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 10px;background:rgba(6,5,2,.88);border:1px solid var(--border);border-radius:3px;text-decoration:none;color:var(--text);position:relative;overflow:hidden;cursor:pointer;transition:border-color .3s,transform .3s,box-shadow .3s;backdrop-filter:blur(6px);}
.nav-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.07),transparent);opacity:0;transition:opacity .3s;}
.nav-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 0 22px rgba(201,168,76,.25)}
.nav-card:hover::before{opacity:1}
.nav-card-icon{font-size:1.4rem;margin-bottom:6px}
.nav-card-title{font-family:'Orbitron',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:3px;}
.nav-card-sub{font-size:.6rem;color:var(--dim);letter-spacing:.05em}
.social-bar{display:flex;gap:16px;justify-content:center;align-items:center}
.social-link{color:var(--dim);transition:color .3s,filter .3s;display:flex;align-items:center}
.social-link svg{width:17px;height:17px}
.social-link:hover{color:var(--gold);filter:drop-shadow(0 0 6px var(--gold))}

/* INNER PAGES */
.inner-page{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}
.top-nav{display:flex;align-items:center;justify-content:space-between;padding:11px 28px;border-bottom:1px solid var(--border);background:rgba(5,4,1,.95);backdrop-filter:blur(14px);z-index:10;position:relative;flex-shrink:0;}
.top-nav .nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text)}
.top-nav .nav-logo img{width:36px;height:36px;border-radius:50%;filter:drop-shadow(0 0 8px rgba(201,168,76,.6))}
.top-nav .nav-logo-text{font-family:'Orbitron',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.top-nav-right{display:flex;align-items:center;gap:20px;}
.top-nav-links{display:flex;gap:18px}
.top-nav-links a{font-family:'Orbitron',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color .3s;position:relative;}
.top-nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s;}
.top-nav-links a:hover,.top-nav-links a.active{color:var(--gold)}
.top-nav-links a:hover::after,.top-nav-links a.active::after{width:100%}
.page-content{flex:1;overflow-y:auto;padding:40px 28px;animation:fadeUp .7s ease .1s both;opacity:0;}
.page-content::-webkit-scrollbar{width:3px}
.page-content::-webkit-scrollbar-track{background:transparent}
.page-content::-webkit-scrollbar-thumb{background:var(--gold-d);border-radius:3px}
.page-header{text-align:center;margin-bottom:44px}
.page-eyebrow{font-family:'Orbitron',sans-serif;font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-l);margin-bottom:10px;}
.page-header h1{font-family:'Orbitron',sans-serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;text-transform:uppercase;text-shadow:0 0 28px rgba(201,168,76,.2);}
.page-header p{margin-top:13px;font-size:.98rem;color:var(--dim);max-width:580px;margin-left:auto;margin-right:auto;line-height:1.7}
.gold-divider{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:18px auto;box-shadow:0 0 8px var(--gold);}

/* CTA BANNER */
.cta-banner{background:linear-gradient(135deg,rgba(201,168,76,.1),rgba(201,168,76,.04));border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:28px;text-align:center;margin:40px auto 0;max-width:600px;}
.cta-banner h3{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:700;color:var(--gold);text-transform:uppercase;margin-bottom:8px;}
.cta-banner p{font-size:.9rem;color:var(--dim);margin-bottom:20px;}
.cta-btn{display:inline-block;padding:13px 36px;background:linear-gradient(135deg,var(--gold-d),var(--gold));border-radius:3px;font-family:'Orbitron',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--black);text-decoration:none;transition:transform .2s,box-shadow .2s;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(201,168,76,.45)}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;max-width:1100px;margin:0 auto}
.service-card{background:var(--card);border:1px solid var(--border);border-radius:3px;padding:28px 20px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;backdrop-filter:blur(4px);}
.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-l),var(--gold),transparent);opacity:0;transition:opacity .3s;}
.service-card::after{content:'';position:absolute;top:4px;right:4px;width:10px;height:10px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);opacity:.35;}
.service-card:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 0 20px rgba(201,168,76,.17)}
.service-card:hover::before{opacity:1}
.service-icon{font-size:1.9rem;margin-bottom:13px}
.service-card h3{font-family:'Orbitron',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.service-card p{font-size:.86rem;color:var(--dim);line-height:1.7}

/* DEMO SECTION */
#demo-section{max-width:1000px;margin:0 auto 48px;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden;}
#demo-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-g),var(--gold),transparent);}
@media(max-width:768px){#demo-section{grid-template-columns:1fr}}
.demo-left{}
.demo-step-icon{font-size:3rem;margin-bottom:14px;display:block;}
.demo-step-title{font-family:'Orbitron',sans-serif;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700;color:var(--gold);text-transform:uppercase;margin-bottom:14px;line-height:1.2;}
.demo-step-desc{font-size:.95rem;color:var(--dim);line-height:1.8;margin-bottom:24px;min-height:80px;}
.demo-progress-wrap{width:100%;height:2px;background:rgba(201,168,76,.1);border-radius:2px;margin-bottom:20px;overflow:hidden;}
.demo-progress-bar{height:100%;width:0%;background:var(--gold);transition:width 3.95s linear;box-shadow:0 0 6px var(--gold);}
.demo-dots{display:flex;gap:8px;align-items:center;margin-bottom:20px;}
.demo-dot{width:8px;height:8px;border-radius:50%;background:rgba(201,168,76,.2);cursor:pointer;transition:background .3s;}
.demo-dot.active{background:var(--gold);box-shadow:0 0 6px var(--gold);}
.demo-nav{display:flex;gap:10px;}
.demo-prev,.demo-next{padding:8px 18px;border:1px solid var(--border);border-radius:3px;background:none;color:var(--gold);font-family:'Orbitron',sans-serif;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .3s;}
.demo-prev:hover,.demo-next:hover{background:var(--gold);color:var(--black);}
.demo-right{display:flex;justify-content:center;}
.demo-phone{width:200px;background:var(--black);border:2px solid rgba(201,168,76,.4);border-radius:28px;overflow:hidden;box-shadow:0 0 40px rgba(201,168,76,.15);}
.demo-phone-notch{width:70px;height:14px;background:rgba(201,168,76,.15);border-radius:0 0 10px 10px;margin:0 auto;}
.demo-phone-screen{padding:14px;min-height:220px;}
.demo-phone-header{font-family:'Orbitron',sans-serif;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(201,168,76,.15);padding-bottom:8px;margin-bottom:14px;}
.demo-phone-content{}
.demo-phone-row{display:flex;gap:12px;align-items:center;}
.demo-phone-icon{font-size:2rem;}
.demo-phone-main{font-family:'Orbitron',sans-serif;font-size:.7rem;font-weight:700;color:var(--gold-l);margin-bottom:4px;}
.demo-phone-sub{font-size:.65rem;color:var(--dim);}
.demo-phone-footer{padding:10px 14px;border-top:1px solid rgba(201,168,76,.1);}
.demo-phone-nav{display:flex;justify-content:space-around;}
.demo-phone-nav span{font-size:.5rem;color:var(--dim);text-align:center;}
.demo-phone-nav span:first-child{color:var(--gold);}

/* PORTFOLIO */
.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;max-width:1200px;margin:0 auto;}
.portfolio-card{width:340px;flex-shrink:0;background:var(--card);border:1px solid var(--border);border-radius:4px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;}
.portfolio-card:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 0 24px rgba(201,168,76,.2)}
.card-img-area{position:relative;width:100%;height:240px;background:var(--black);overflow:hidden;}
.card-img-area .slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;}
.card-img-area .slide.active{opacity:1}
.card-img-area img{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;background:var(--black);}
.card-img-area canvas{width:100%;height:100%;display:block;}
.card-img-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5;}
.card-img-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:background .3s}
.card-img-dot.active{background:var(--gold);box-shadow:0 0 4px var(--gold)}
.card-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(30,20,5,.9) 0%,var(--black) 70%);}
.card-logo-placeholder img{width:150px;height:150px;border-radius:50%;filter:drop-shadow(0 0 28px rgba(201,168,76,.6));animation:breathe 3s ease-in-out infinite;}
.portfolio-info{padding:18px}
.portfolio-tag{font-family:'Orbitron',sans-serif;font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.2);padding:3px 9px;border-radius:100px;display:inline-block;margin-bottom:7px;}
.portfolio-info h3{font-family:'Orbitron',sans-serif;font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:7px}
.portfolio-info p{font-size:.83rem;color:var(--dim);line-height:1.6;margin-bottom:14px}
.portfolio-btn-row{display:flex;gap:8px;flex-wrap:wrap}
.portfolio-btn{display:inline-block;padding:7px 16px;border:1px solid var(--gold);border-radius:3px;font-family:'Orbitron',sans-serif;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:background .3s,color .3s,box-shadow .3s;}
.portfolio-btn:hover{background:var(--gold);color:var(--black);box-shadow:0 0 12px rgba(201,168,76,.4)}
.under-construction{font-family:'Orbitron',sans-serif;font-size:.48rem;letter-spacing:.15em;color:var(--dim);text-transform:uppercase;}
.live-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(0,200,100,.07);border:1px solid rgba(0,200,100,.28);border-radius:100px;padding:3px 9px;margin-bottom:7px;font-family:'Orbitron',sans-serif;font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;color:#00c864;}
.live-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#00c864;animation:livePulse 1.5s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.2}}

/* TESTIMONIALS */
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1100px;margin:0 auto;}
.testimonial-card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:28px;position:relative;transition:border-color .3s,transform .3s,box-shadow .3s;}
.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .3s;}
.testimonial-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 0 20px rgba(201,168,76,.15)}
.testimonial-card:hover::before{opacity:1}
.testimonial-stars{color:var(--gold);font-size:1rem;margin-bottom:14px;letter-spacing:2px;}
.testimonial-quote{font-size:.95rem;color:var(--text);line-height:1.8;margin-bottom:20px;font-style:italic;}
.testimonial-quote::before{content:'"';font-size:2rem;color:rgba(201,168,76,.3);line-height:0;vertical-align:-.5rem;margin-right:4px;}
.testimonial-author{display:flex;align-items:center;gap:12px;}
.testimonial-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold-d),var(--gold));display:flex;align-items:center;justify-content:center;font-family:'Orbitron',sans-serif;font-size:.8rem;font-weight:900;color:var(--black);flex-shrink:0;}
.testimonial-name{font-family:'Orbitron',sans-serif;font-size:.65rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;}
.testimonial-biz{font-size:.75rem;color:var(--dim);margin-top:2px;}

/* ABOUT */
.about-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;max-width:960px;margin:0 auto;align-items:start}
@media(max-width:768px){.about-layout{grid-template-columns:1fr}}
.about-logo-side{text-align:center}
.about-logo-side img{width:170px;height:170px;border-radius:50%;filter:drop-shadow(0 0 28px rgba(201,168,76,.6));animation:breathe 4s ease-in-out infinite}
.about-badge{margin-top:12px;display:inline-block;padding:5px 13px;border:1px solid var(--gold);border-radius:100px;font-family:'Orbitron',sans-serif;font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
.about-text h2{font-family:'Orbitron',sans-serif;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700;color:var(--gold);margin-bottom:15px;text-transform:uppercase}
.about-text p{font-size:.92rem;color:var(--dim);line-height:1.85;margin-bottom:15px}
.about-text p strong{color:var(--gold-l);font-weight:600}
.founder-card{margin-top:22px;padding:15px 19px;background:rgba(201,168,76,.04);border:1px solid var(--border);border-radius:3px;border-left:2px solid var(--gold);}
.founder-card .founder-label{font-family:'Orbitron',sans-serif;font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.founder-card .founder-name{font-family:'Orbitron',sans-serif;font-size:.95rem;font-weight:700;color:var(--gold)}
.founder-card .founder-title{font-size:.76rem;color:var(--dim);margin-top:3px}
.about-stats{display:flex;gap:24px;margin-top:24px}
.stat-number{font-family:'Orbitron',sans-serif;font-size:1.7rem;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 14px rgba(201,168,76,.5)}
.stat-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:3px}

/* CONTACT */
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:44px;max-width:900px;margin:0 auto;align-items:start}
@media(max-width:768px){.contact-layout{grid-template-columns:1fr}}
.contact-info h2{font-family:'Orbitron',sans-serif;font-size:1rem;font-weight:700;color:var(--gold);text-transform:uppercase;margin-bottom:11px}
.contact-info p{font-size:.88rem;color:var(--dim);line-height:1.8;margin-bottom:22px}
.contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
.contact-item-icon{width:34px;height:34px;flex-shrink:0;background:rgba(201,168,76,.06);border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.9rem;}
.contact-item-text .label{font-family:'Orbitron',sans-serif;font-size:.46rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.contact-item-text .value{font-size:.84rem;color:var(--text);margin-top:2px}
.contact-form{display:flex;flex-direction:column;gap:12px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:500px){.form-row{grid-template-columns:1fr}}
.form-group{display:flex;flex-direction:column;gap:5px}
.form-group label{font-family:'Orbitron',sans-serif;font-size:.46rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.form-group input,.form-group textarea,.form-group select{background:rgba(6,5,2,.9);border:1px solid var(--border);border-radius:3px;padding:10px 12px;color:var(--text);font-family:'Rajdhani',sans-serif;font-size:.88rem;outline:none;transition:border-color .3s,box-shadow .3s;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold);box-shadow:0 0 10px rgba(201,168,76,.1);}
.form-group select option{background:#050505;color:var(--text)}
.form-group textarea{resize:vertical;min-height:100px}
.submit-btn{padding:12px 32px;background:linear-gradient(135deg,var(--gold-d),var(--gold));border:none;border-radius:3px;font-family:'Orbitron',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--black);cursor:pointer;align-self:flex-start;transition:transform .2s,box-shadow .2s;}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(201,168,76,.4)}
.free-label{font-family:'Orbitron',sans-serif;font-size:.45rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:4px;}


/* =============================================
   MOBILE RESPONSIVE - Full overhaul
   ============================================= */
@media (max-width: 768px) {
  html, body { overflow: hidden; }

  /* TOP NAV MOBILE */
  .top-nav { padding: 10px 16px; flex-wrap: wrap; gap: 8px; }
  .top-nav-right { flex-direction: column; align-items: flex-end; gap: 8px; width: 100%; }
  .top-nav-links { display: none; flex-direction: column; gap: 6px; width: 100%;
    background: rgba(5,4,1,0.98); padding: 12px; border: 1px solid var(--border); border-radius: 4px; }
  .top-nav-links.open { display: flex; }
  .hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; padding: 4px; z-index: 20; }
  .hamburger span { width: 22px; height: 2px; background: var(--gold); border-radius: 2px; transition: all 0.3s; display: block; }
  .hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(4px, 4px); }
  .hamburger.open span:nth-child(2) { opacity: 0; }
  .hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(4px, -4px); }
  .lang-switcher { justify-content: flex-end; }

  /* HOME HERO MOBILE */
  .hero-content { padding: 0 16px; }
  .cpu-chip { width: 130px; height: 130px; }
  .hero-logo { width: 108px; height: 108px; }
  .logo-glow-ring { width: 140px; height: 140px; }
  .cpu-pins .pin-l, .cpu-pins .pin-r { width: 10px; left: -22px; }
  .cpu-pins .pin-r { left: auto; right: -22px; }
  .cpu-pins .pin-t, .cpu-pins .pin-b { height: 10px; top: -22px; }
  .cpu-pins .pin-b { top: auto; bottom: -22px; }
  .brand-name { font-size: 1.4rem; }
  .tagline { font-size: 0.65rem; letter-spacing: 0.12em; margin-bottom: 24px; }
  .nav-grid, .nav-grid-bottom { grid-template-columns: repeat(2,1fr); gap: 8px; max-width: 100%; padding: 0 4px; }
  .nav-card { padding: 14px 8px; }
  .nav-card-icon { font-size: 1.2rem; margin-bottom: 4px; }
  .nav-card-title { font-size: 0.58rem; }
  .nav-card-sub { font-size: 0.52rem; }
  .social-bar { gap: 12px; margin-top: 8px; }

  /* PAGE CONTENT MOBILE */
  .page-content { padding: 24px 16px; }
  .page-header { margin-bottom: 28px; }
  .page-header h1 { font-size: 1.6rem; }

  /* SERVICES MOBILE */
  .services-grid { grid-template-columns: 1fr; gap: 12px; }

  /* COMMERCIAL MOBILE */
  .commercial-wrapper { grid-template-columns: 1fr; gap: 24px; }
  .commercial-phone-outer { display: flex; justify-content: center; }
  .commercial-phone { width: 220px; }

  /* PORTFOLIO MOBILE */
  .portfolio-grid { gap: 16px; padding: 0 4px; }
  .portfolio-card { width: 100%; max-width: 400px; }
  .card-img-area { height: 200px; }

  /* TESTIMONIALS MOBILE */
  .testimonials-grid { grid-template-columns: 1fr; }

  /* ABOUT MOBILE */
  .about-layout { grid-template-columns: 1fr; gap: 28px; }
  .about-logo-side img { width: 130px; height: 130px; }

  /* CONTACT MOBILE */
  .contact-layout { grid-template-columns: 1fr; gap: 28px; }
  .form-row { grid-template-columns: 1fr; }

  /* DEMO SECTION MOBILE */
  #demo-section { grid-template-columns: 1fr; padding: 24px 16px; gap: 24px; }
  .demo-right { order: -1; }
  .demo-phone { width: 180px; }

  /* CTA MOBILE */
  .cta-banner { padding: 20px 16px; margin: 24px 0 0; }
  .cta-btn { padding: 11px 24px; }
}

@media (min-width: 769px) {
  .hamburger { display: none; }
}

/* =============================================
   COMMERCIAL / VIDEO SECTION
   ============================================= */
.commercial-section {
  max-width: 1000px; margin: 0 auto 48px;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 6px; overflow: hidden;
  position: relative;
}
.commercial-section::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, transparent, var(--gold-g), var(--gold), var(--gold-g), transparent);
  animation: shimmer 3s linear infinite;
}
@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.commercial-play-area {
  position: relative; padding: 40px; cursor: pointer;
  transition: background 0.3s;
}
.commercial-play-area:hover { background: rgba(201,168,76,0.03); }

.commercial-wrapper {
  display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center;
}
.commercial-text-side {}
.commercial-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(201,168,76,0.1); border: 1px solid rgba(201,168,76,0.3);
  border-radius: 100px; padding: 5px 14px; margin-bottom: 20px;
  font-family: 'Orbitron', sans-serif; font-size: 0.52rem;
  letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold-l);
}
.commercial-badge::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: var(--gold); animation: livePulse 1.5s ease-in-out infinite;
}
.commercial-headline {
  font-family: 'Orbitron', sans-serif;
  font-size: clamp(1.2rem, 2.5vw, 1.8rem); font-weight: 900;
  text-transform: uppercase; color: #fff; line-height: 1.2; margin-bottom: 16px;
}
.commercial-headline span { color: var(--gold); }
.commercial-desc {
  font-size: 0.95rem; color: var(--dim); line-height: 1.85; margin-bottom: 24px;
}
.commercial-features { list-style: none; margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; }
.commercial-features li {
  display: flex; align-items: flex-start; gap: 12px;
  font-size: 0.9rem; color: var(--text);
}
.commercial-features li::before {
  content: '▶'; color: var(--gold); font-size: 0.6rem; margin-top: 4px; flex-shrink: 0;
}
.commercial-features strong { color: var(--gold-l); }

.commercial-phone-outer { display: flex; justify-content: center; align-items: center; }
.commercial-phone {
  width: 260px; background: #030303; border: 2px solid rgba(201,168,76,0.5);
  border-radius: 32px; overflow: hidden;
  box-shadow: 0 0 60px rgba(201,168,76,0.2), 0 0 120px rgba(201,168,76,0.05);
  position: relative;
}
.commercial-phone-notch {
  width: 80px; height: 16px; background: rgba(201,168,76,0.1);
  border-radius: 0 0 12px 12px; margin: 0 auto;
}
.commercial-phone-screen { min-height: 380px; position: relative; overflow: hidden; }
.phone-slide {
  position: absolute; inset: 0; padding: 14px;
  opacity: 0; transition: opacity 0.6s ease;
  display: flex; flex-direction: column; gap: 8px;
}
.phone-slide.active { opacity: 1; }
.phone-slide-header {
  font-family: 'Orbitron', sans-serif; font-size: 0.55rem;
  letter-spacing: 0.15em; text-transform: uppercase; color: var(--gold);
  border-bottom: 1px solid rgba(201,168,76,0.15); padding-bottom: 6px; margin-bottom: 6px;
}
.phone-map-area {
  background: rgba(201,168,76,0.06); border: 1px solid rgba(201,168,76,0.15);
  border-radius: 6px; padding: 12px; text-align: center; flex: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
}
.phone-map-pin { font-size: 2rem; animation: bounce 1s ease-in-out infinite; }
@keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
.phone-map-label { font-family: 'Orbitron', sans-serif; font-size: 0.6rem; color: var(--gold); letter-spacing: 0.1em; }
.phone-map-sub { font-size: 0.65rem; color: var(--dim); }
.phone-order-items { display: flex; flex-direction: column; gap: 5px; }
.phone-order-item {
  background: rgba(201,168,76,0.06); border: 1px solid rgba(201,168,76,0.12);
  border-radius: 4px; padding: 7px 10px;
  display: flex; justify-content: space-between; align-items: center;
}
.phone-order-name { font-size: 0.72rem; color: var(--text); font-family: 'Orbitron',sans-serif; font-size: 0.6rem; }
.phone-order-price { color: var(--gold); font-size: 0.7rem; font-weight: 700; }
.phone-pay-area {
  background: linear-gradient(135deg, rgba(201,168,76,0.15), rgba(201,168,76,0.05));
  border: 1px solid rgba(201,168,76,0.3); border-radius: 6px;
  padding: 16px; text-align: center;
}
.phone-pay-icon { font-size: 2.5rem; }
.phone-pay-label { font-family: 'Orbitron',sans-serif; font-size: 0.62rem; color: var(--gold); letter-spacing: 0.1em; margin-top: 6px; }
.phone-pay-amount { font-family: 'Orbitron',sans-serif; font-size: 1.2rem; font-weight: 900; color: #fff; }
.phone-pay-sub { font-size: 0.6rem; color: var(--dim); margin-top: 4px; }
.phone-revenue-area { text-align: center; padding: 8px 0; }
.phone-revenue-num { font-family: 'Orbitron',sans-serif; font-size: 2rem; font-weight: 900; color: var(--gold); text-shadow: 0 0 20px rgba(201,168,76,0.7); }
.phone-revenue-label { font-size: 0.65rem; color: var(--dim); margin-top: 4px; }
.phone-revenue-bars { display: flex; gap: 4px; align-items: flex-end; justify-content: center; margin-top: 10px; height: 40px; }
.phone-bar { width: 14px; background: rgba(201,168,76,0.2); border-radius: 2px; position: relative; animation: growBar 1s ease forwards; }
@keyframes growBar { from{height:0} }
.phone-bar.h1{height:20%}.phone-bar.h2{height:40%}.phone-bar.h3{height:55%}
.phone-bar.h4{height:70%}.phone-bar.h5{height:90%}.phone-bar.last{background:var(--gold);box-shadow:0 0 8px var(--gold);}

.phone-footer-nav {
  padding: 8px 14px; border-top: 1px solid rgba(201,168,76,0.1);
  display: flex; justify-content: space-around;
}
.phone-footer-nav span { font-size: 0.48rem; color: var(--dim); text-align: center; cursor: pointer; }
.phone-footer-nav span:first-child { color: var(--gold); }

/* Step dots for commercial */
.commercial-step-dots {
  display: flex; gap: 6px; margin-bottom: 20px;
}
.commercial-step-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(201,168,76,0.2); cursor: pointer; transition: all 0.3s;
}
.commercial-step-dot.active {
  background: var(--gold); box-shadow: 0 0 6px var(--gold); width: 20px; border-radius: 3px;
}
.commercial-progress {
  width: 100%; height: 1px; background: rgba(201,168,76,0.1); margin-bottom: 24px; overflow: hidden;
}
.commercial-progress-bar {
  height: 100%; width: 0%; background: var(--gold);
  transition: width 4.8s linear; box-shadow: 0 0 4px var(--gold);
}