
:root{
 --navy:#07162b; --navy2:#0c2340; --blue:#1268d6; --blue2:#2d8cff;
 --gold:#d7ad55; --ink:#142033; --muted:#68758a; --line:#e7edf4;
 --surface:#f6f9fd; --white:#fff; --shadow:0 18px 55px rgba(10,30,60,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:linear-gradient(100deg,#061426,#0b2d54);color:#dfe9f5;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-brand{letter-spacing:.3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ee59a;margin-right:7px;box-shadow:0 0 0 4px rgba(94,229,154,.10)}
.top-contact{display:flex;gap:24px}.top-contact a{transition:.2s}.top-contact a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 5px 24px rgba(7,22,43,.06)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{display:flex;align-items:center;gap:11px}.logo-mark{width:53px;height:53px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6ff,#fff);border:1px solid #e3ebf6;box-shadow:0 8px 22px rgba(18,104,214,.10);overflow:hidden}.logo-mark img{width:47px;height:47px;object-fit:contain}
.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text b{font-size:20px;letter-spacing:1.1px;color:#0b55a9}.brand-text strong{margin-top:6px;font-size:10px;letter-spacing:4px;color:#ad7e20}
.navlinks{display:flex;align-items:center;gap:8px}.navlinks a{padding:11px 13px;font-size:11px;font-weight:800;letter-spacing:.45px;color:#405067;border-radius:9px;transition:.2s}.navlinks a:hover{color:var(--blue);background:#f2f7fd}.navlinks .nav-cta{color:#fff;background:linear-gradient(135deg,#1268d6,#0b4fa8);padding:12px 18px;box-shadow:0 9px 22px rgba(18,104,214,.22)}.navlinks .nav-cta:hover{color:#fff;transform:translateY(-1px)}.nav-cta span{margin-left:5px}
.menu{display:none;border:0;background:transparent;width:42px;height:42px;padding:8px;border-radius:9px}.menu span{display:block;height:2px;background:#16263b;margin:5px 0;border-radius:2px}
.hero{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(45,140,255,.16),transparent 35%),linear-gradient(135deg,#061426,#0b2544 62%,#0c315b);color:#fff}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,29,.78),rgba(4,15,29,.25));pointer-events:none}
.hero-bg{position:absolute;inset:0;background-image:url('../ChatGPT Image Sep 4, 2026, 01_33_31 PM.png');background-size:cover;background-position:center;opacity:.23;filter:saturate(.7)}
.hero-overlay{display:none}.hero-grid{position:relative;z-index:2}.hero-content{max-width:720px;padding:80px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#e7c56f;font-weight:800;letter-spacing:2px;font-size:11px;padding:9px 13px;border:1px solid rgba(231,197,111,.28);background:rgba(255,255,255,.06);border-radius:99px}.hero h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(44px,6vw,74px);line-height:1.03;letter-spacing:-1.5px;margin:18px 0}.hero h1 span{color:#f0c967}.hero p{max-width:660px;color:#d4dfeb;font-size:16px;line-height:1.9;margin:0 0 28px}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 20px;border-radius:9px;background:linear-gradient(135deg,#2685ef,#0f5fc3);color:#fff;font-size:11px;font-weight:900;letter-spacing:.7px;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.24)}.btn.outline{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.3);box-shadow:none}.mini-trust{display:flex;gap:10px;margin-top:34px}.mini-trust div{min-width:105px;padding:11px 15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);border-radius:10px;backdrop-filter:blur(8px)}.mini-trust b{display:block;font-size:16px}.mini-trust span{display:block;color:#aebed0;font-size:10px;text-transform:uppercase;letter-spacing:.7px}
.trust{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(7,22,43,.05);position:relative;z-index:4}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustgrid>div{padding:24px 18px;text-align:center;border-right:1px solid var(--line)}.trustgrid>div:last-child{border-right:0}.trustgrid b{display:block;font-size:22px;color:#0c5ebc}.trustgrid span{font-size:11px;color:var(--muted);font-weight:700}
.section{padding:86px 0}.section:nth-of-type(even){background:var(--surface)}.heading{text-align:center;max-width:780px;margin:0 auto 42px}.heading>span,.section-label,.pagehero span{color:#b08027;font-weight:900;letter-spacing:2px;font-size:10px}.heading h2{font-family:"Playfair Display",Georgia,serif;font-size:42px;line-height:1.15;margin:9px 0 13px;color:#0c1d34}.heading p{color:var(--muted);font-size:14px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.service-card,.service-info-box,.cert{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 35px rgba(10,30,60,.055);transition:.25s}.card:hover,.service-card:hover,.service-info-box:hover,.cert:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card img,.service-card img{width:100%;height:190px;object-fit:cover;border-radius:15px 15px 0 0}.card-body,.service-card-body{padding:22px}.card h3,.service-card h3{margin:0 0 7px;font-size:19px}.card p,.service-card p{color:var(--muted);font-size:13px}.card .btn{margin-top:8px}
.pagehero{padding:90px 0;background:linear-gradient(135deg,#07172c,#10365f);color:#fff;text-align:center}.pagehero h1{font-family:"Playfair Display",Georgia,serif;font-size:50px;line-height:1.12;margin:12px 0}.pagehero p{max-width:720px;margin:auto;color:#cad6e4}.pagehero span{color:#e6c56c}
.final-cta{padding:90px 0;background:linear-gradient(135deg,#07172c,#0d3a6b);color:#fff;text-align:center}.final-cta h2{font-family:"Playfair Display",Georgia,serif;font-size:44px;margin:8px 0}.final-cta p{color:#c9d6e5;max-width:650px;margin:0 auto 25px}
.footer{background:#061426;color:#aebdd0}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .9fr;gap:55px;padding:65px 0}.footer-logo{display:flex;align-items:center;gap:11px;color:#fff;font-weight:900;font-size:17px}.footer-logo img{width:45px;height:45px;object-fit:contain}.footer-logo span{display:flex;flex-direction:column}.footer-logo small{font-size:9px;color:#d5ad54;letter-spacing:3px;margin-top:4px}.footer-brand p{max-width:440px;font-size:13px;line-height:1.8}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.footer-badges span{border:1px solid rgba(255,255,255,.11);border-radius:99px;padding:6px 10px;font-size:10px;color:#d6e1ec}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col h4{margin:0 0 8px;color:#fff;font-size:11px;letter-spacing:1.5px}.footer-col a,.footer-col span{font-size:12px;color:#9fb0c4}.footer-col a:hover{color:#fff}.footer-button{margin-top:9px!important;display:inline-flex!important;width:max-content;padding:10px 14px;border-radius:8px;background:#0e5eb8;color:#fff!important;font-weight:800}.footer-bottom{border-top:1px solid rgba(255,255,255,.09)}.footer-bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px}.footer-bottom a{color:#d9b55e}.footer-bottom b{color:#fff;letter-spacing:.5px}
.whatsapp{position:fixed;right:20px;bottom:20px;z-index:99999;display:flex;align-items:center;gap:7px;padding:12px 17px;border-radius:99px;background:#16a86b;color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.2);transition:.25s}.whatsapp:hover{transform:translateY(-3px)}
/* existing page layouts */
.about-intro,.splitgrid,.detailgrid,.prosegrid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-image img,.guide-image img,.contact-image img{border-radius:16px}.service-info-grid,.certgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-info-box{padding:26px}.service-icon{font-size:27px}.cert{padding:18px}.cert img{width:100%;height:280px;object-fit:cover;border-radius:10px}.contact-page{background:var(--surface)!important}
@media(max-width:900px){.nav{min-height:74px}.navlinks{display:none;position:absolute;left:4%;right:4%;top:74px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.navlinks.show{display:flex}.navlinks a{padding:13px}.menu{display:block}.top-brand{display:none}.topbar-inner{justify-content:center}.hero{min-height:570px}.hero-content{padding:65px 0}.cards,.service-info-grid,.certgrid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.about-intro,.splitgrid,.detailgrid,.prosegrid{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.top-contact{gap:12px}.top-contact a{font-size:10px}.top-contact a:first-child{font-size:0}.top-contact a:first-child:after{content:"☎ +91 91028 08997";font-size:10px}.logo-mark{width:45px;height:45px}.logo-mark img{width:40px;height:40px}.brand-text b{font-size:17px}.brand-text strong{font-size:8px;letter-spacing:3px}.hero{min-height:600px}.hero-content{padding:50px 0}.hero h1{font-size:43px}.hero p{font-size:14px}.mini-trust{gap:6px}.mini-trust div{min-width:0;flex:1;padding:9px 7px}.mini-trust b{font-size:14px}.trustgrid{grid-template-columns:1fr 1fr}.trustgrid>div{padding:18px 8px}.trustgrid>div:nth-child(2){border-right:0}.section{padding:62px 0}.heading h2{font-size:34px}.cards,.service-info-grid,.certgrid,.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.pagehero{padding:65px 0}.pagehero h1{font-size:38px}.footer-grid{gap:35px;padding:50px 0 40px}.footer-bottom-inner{padding:17px 0;flex-direction:column;text-align:center}.whatsapp{right:14px;bottom:14px}.whatsapp span{display:none}}

/* ================= BN TECH PREMIUM VISUAL SYSTEM ================= */
:root{
 --saffron:#ff7a00; --saffron2:#ff9d2e; --red:#e51b3e; --red2:#b90f2d;
 --green:#0a9f5a; --green2:#087a46; --pink:#e83e8c; --pink2:#b92770;
 --navy:#07152a; --navy2:#102c4d; --cream:#fffaf3;
 --gold:#f3c65b; --shadow-premium:0 22px 70px rgba(7,21,42,.13);
}
body{background:linear-gradient(180deg,#fff 0%,#fffdf9 45%,#fff 100%)}
.topbar{background:linear-gradient(90deg,var(--navy),#4a1230 48%,#073f2a);position:relative;overflow:hidden}
.topbar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 20%,rgba(255,122,0,.13),transparent 45% 65%,rgba(232,62,140,.12),transparent);pointer-events:none}
.status-dot{background:#39d98a;box-shadow:0 0 0 4px rgba(57,217,138,.12),0 0 18px rgba(57,217,138,.7)}
.site-header{border-bottom:0;background:rgba(255,255,255,.88);box-shadow:0 10px 35px rgba(7,21,42,.08)}
.site-header:after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--saffron),var(--red),var(--pink),var(--green))}
.logo-mark{border:0;background:linear-gradient(145deg,#fff7ec,#fff);box-shadow:0 10px 30px rgba(229,27,62,.13)}
.brand-text b{color:var(--navy);font-weight:950}.brand-text strong{color:var(--red);letter-spacing:4px}
.navlinks a:hover{color:var(--red);background:linear-gradient(135deg,#fff5e9,#fff0f6)}
.navlinks .nav-cta{background:linear-gradient(135deg,var(--red),var(--pink));box-shadow:0 12px 28px rgba(229,27,62,.27)}
.hero{min-height:690px;background:radial-gradient(circle at 85% 15%,rgba(255,122,0,.25),transparent 28%),radial-gradient(circle at 80% 80%,rgba(10,159,90,.20),transparent 30%),linear-gradient(135deg,#041225,#15254a 52%,#3c102b)}
.hero:after{background:linear-gradient(90deg,rgba(4,15,29,.82),rgba(4,15,29,.3) 68%,rgba(7,21,42,.48))}
.hero-bg{opacity:.19;filter:saturate(.8) contrast(1.05)}
.eyebrow{color:#ffd27b;border-color:rgba(255,210,123,.35);background:linear-gradient(90deg,rgba(255,122,0,.12),rgba(232,62,140,.09))}
.hero h1 span{background:linear-gradient(90deg,var(--saffron2),#ffd36d,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{background:linear-gradient(135deg,var(--red),var(--pink));box-shadow:0 14px 30px rgba(229,27,62,.24)}
.btn:hover{box-shadow:0 18px 38px rgba(229,27,62,.32)}
.btn.outline:hover{border-color:var(--saffron);background:rgba(255,122,0,.09)}
.mini-trust div{border-color:rgba(255,255,255,.17);background:linear-gradient(135deg,rgba(255,122,0,.08),rgba(232,62,140,.06))}
.trustgrid>div:nth-child(1) b{color:var(--saffron)}.trustgrid>div:nth-child(2) b{color:var(--red)}.trustgrid>div:nth-child(3) b{color:var(--pink)}.trustgrid>div:nth-child(4) b{color:var(--green)}
.section:nth-of-type(even){background:linear-gradient(135deg,#fff9f0,#fff4f8 48%,#f4fff9)}
.heading>span,.section-label,.pagehero span{background:linear-gradient(90deg,var(--saffron),var(--red),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.card,.service-card,.service-info-box,.cert{border-color:#f0e5df;box-shadow:0 12px 40px rgba(7,21,42,.065);position:relative;overflow:hidden}
.card:before,.service-card:before,.service-info-box:before,.cert:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--saffron),var(--red),var(--pink),var(--green));transform:scaleX(.15);transform-origin:left;transition:.35s}
.card:hover:before,.service-card:hover:before,.service-info-box:hover:before,.cert:hover:before{transform:scaleX(1)}
.card:hover,.service-card:hover,.service-info-box:hover,.cert:hover{box-shadow:var(--shadow-premium);border-color:#ead8d0}
.pagehero{background:radial-gradient(circle at 15% 30%,rgba(255,122,0,.22),transparent 30%),radial-gradient(circle at 85% 70%,rgba(10,159,90,.18),transparent 28%),linear-gradient(135deg,#061326,#371126)}
.final-cta{background:radial-gradient(circle at 20% 20%,rgba(255,122,0,.18),transparent 30%),radial-gradient(circle at 80% 80%,rgba(10,159,90,.17),transparent 30%),linear-gradient(135deg,#061326,#351027)}
.footer{background:linear-gradient(135deg,#041124,#160b20 55%,#05291d);position:relative}
.footer:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--saffron),var(--red),var(--pink),var(--green))}
.footer-button{background:linear-gradient(135deg,var(--red),var(--pink));box-shadow:0 10px 24px rgba(229,27,62,.22)}
.footer-logo small{color:#ffb45c}
.footer-bottom{border-top-color:rgba(255,255,255,.12)}
.footer-bottom a{color:#ffb45c}
.whatsapp{background:linear-gradient(135deg,var(--green),#0d7f4a);box-shadow:0 14px 32px rgba(10,159,90,.27)}

/* premium glass utility classes for existing components */
.section,.pagehero,.final-cta{position:relative}.section:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-140px;top:20px;background:radial-gradient(circle,rgba(232,62,140,.06),transparent 68%);pointer-events:none}
.hero-grid,.container{position:relative}
@media(max-width:600px){.hero{min-height:620px}.topbar{padding:3px 0}.site-header:after{height:2px}}

/* =========================================================
   BN TECH // SIGNATURE EDITION
   Fresh visual system — saffron, red, green & pink
========================================================= */
:root{
 --bn-bg:#070914; --bn-panel:#101323; --bn-panel2:#15182a; --bn-white:#fff;
 --bn-saffron:#ff8a00; --bn-red:#ef244f; --bn-pink:#ff4fa3; --bn-green:#13b66a;
 --bn-gold:#ffd166; --bn-text:#1a2032; --bn-muted:#687188; --bn-line:#ece8e8;
 --bn-shadow:0 24px 80px rgba(16,19,35,.14); --bn-radius:22px;
}
body{font-family:Inter,Manrope,Arial,sans-serif;color:var(--bn-text);overflow-x:hidden}
::selection{background:var(--bn-pink);color:#fff}
.topbar{background:#070914;border:0;min-height:42px}
.topbar-inner{min-height:42px}.top-brand{font-weight:800;letter-spacing:.3px}.top-contact{font-weight:700}.top-contact a:hover{color:#ffd166}
.site-header{background:rgba(255,255,255,.90);backdrop-filter:blur(22px);border:0;box-shadow:0 12px 40px rgba(7,9,20,.08)}
.site-header:after{height:3px;background:linear-gradient(90deg,var(--bn-saffron),var(--bn-red),var(--bn-pink),var(--bn-green));box-shadow:0 0 18px rgba(239,36,79,.25)}
.nav{min-height:88px}.logo-mark{width:58px;height:58px;border-radius:18px;background:#fff;border:1px solid #f0e5e5;box-shadow:0 12px 32px rgba(239,36,79,.14)}.logo-mark img{width:51px;height:51px}
.brand-text b{font-size:23px;color:#111426}.brand-text strong{font-size:10px;color:var(--bn-red);letter-spacing:5px}
.navlinks{gap:4px}.navlinks a{font-size:10px;letter-spacing:.75px;padding:12px 13px}.navlinks a:hover{color:var(--bn-red);background:#fff2f6}.navlinks .nav-cta{background:linear-gradient(135deg,var(--bn-red),var(--bn-pink));border-radius:13px;padding:13px 18px;box-shadow:0 12px 28px rgba(239,36,79,.25)}
.hero{min-height:760px;background:radial-gradient(circle at 80% 15%,rgba(255,138,0,.30),transparent 25%),radial-gradient(circle at 82% 85%,rgba(19,182,106,.22),transparent 27%),radial-gradient(circle at 55% 60%,rgba(255,79,163,.14),transparent 28%),#070914}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.035) 48.2% 48.5%,transparent 48.7%);background-size:46px 46px;opacity:.28;z-index:1}.hero:after{background:linear-gradient(90deg,rgba(7,9,20,.94),rgba(7,9,20,.52) 62%,rgba(7,9,20,.30))}.hero-bg{opacity:.20;filter:saturate(.85) contrast(1.08)}
.hero-content{padding:100px 0}.eyebrow{border:1px solid rgba(255,209,102,.35);background:linear-gradient(90deg,rgba(255,138,0,.12),rgba(255,79,163,.10));color:#ffd166;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.hero h1{font-family:Inter,Manrope,sans-serif;font-weight:900;font-size:clamp(46px,6.8vw,88px);letter-spacing:-4px;line-height:.98;text-shadow:0 10px 40px rgba(0,0,0,.22)}.hero h1 span{background:linear-gradient(90deg,#ff9a19,#ffd166,#ff4fa3);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:17px;color:#dbe2ed;max-width:720px}.btn{min-height:54px;padding:0 23px;border-radius:14px;background:linear-gradient(135deg,var(--bn-red),var(--bn-pink));font-size:10px;letter-spacing:1px}.btn:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(239,36,79,.30)}.btn.outline{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.055)}
.mini-trust{gap:12px}.mini-trust div{border-radius:14px;padding:14px 17px;background:linear-gradient(135deg,rgba(255,138,0,.09),rgba(255,79,163,.08));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.trust{box-shadow:0 18px 45px rgba(7,9,20,.08)}.trustgrid>div{padding:28px 18px}.trustgrid>div:nth-child(1) b{color:var(--bn-saffron)}.trustgrid>div:nth-child(2) b{color:var(--bn-red)}.trustgrid>div:nth-child(3) b{color:var(--bn-pink)}.trustgrid>div:nth-child(4) b{color:var(--bn-green)}
.section{padding:105px 0}.section:nth-of-type(even){background:linear-gradient(135deg,#fffaf2,#fff5f8 52%,#f3fff9)}.heading h2{font-family:Inter,Manrope,sans-serif;font-weight:900;font-size:clamp(32px,4vw,52px);letter-spacing:-1.7px}.heading>span,.section-label,.pagehero span{font-weight:900;background:linear-gradient(90deg,var(--bn-saffron),var(--bn-red),var(--bn-pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.cards{gap:24px}.card,.service-card,.service-info-box,.cert{border:1px solid #eee5e5;border-radius:var(--bn-radius);box-shadow:0 12px 42px rgba(16,19,35,.065);overflow:hidden}.card:before,.service-card:before,.service-info-box:before,.cert:before{height:5px;background:linear-gradient(90deg,var(--bn-saffron),var(--bn-red),var(--bn-pink),var(--bn-green));transform:scaleX(0);transition:.4s}.card:hover:before,.service-card:hover:before,.service-info-box:hover:before,.cert:hover:before{transform:scaleX(1)}.card:hover,.service-card:hover,.service-info-box:hover,.cert:hover{transform:translateY(-9px);box-shadow:var(--bn-shadow)}
.card img,.service-card img{height:210px}.card-body,.service-card-body{padding:25px}.card h3,.service-card h3{font-weight:900;letter-spacing:-.5px}
.pagehero{background:radial-gradient(circle at 12% 25%,rgba(255,138,0,.25),transparent 25%),radial-gradient(circle at 86% 75%,rgba(19,182,106,.20),transparent 25%),linear-gradient(135deg,#070914,#291124);padding:95px 0}.pagehero h1{font-weight:900;letter-spacing:-2px}
.final-cta{background:radial-gradient(circle at 18% 20%,rgba(255,138,0,.20),transparent 27%),radial-gradient(circle at 82% 80%,rgba(19,182,106,.18),transparent 27%),linear-gradient(135deg,#070914,#291124);border-radius:0}
.footer{background:linear-gradient(135deg,#060812,#170b19 58%,#06271b)}.footer:before{height:5px;background:linear-gradient(90deg,var(--bn-saffron),var(--bn-red),var(--bn-pink),var(--bn-green))}.footer-button{background:linear-gradient(135deg,var(--bn-red),var(--bn-pink));border-radius:13px}.footer-logo span{font-weight:900}.footer-bottom a{color:#ffd166}.whatsapp{right:22px;bottom:22px;width:auto;min-width:64px;height:56px;padding:0 18px;border-radius:18px;background:linear-gradient(135deg,var(--bn-green),#07804a);box-shadow:0 18px 38px rgba(19,182,106,.28);font-size:12px;gap:8px}.whatsapp span{font-size:20px}.whatsapp b{font-size:11px;letter-spacing:.4px}
/* premium form controls */
input,textarea,select{border:1px solid #e6dfe2!important;border-radius:14px!important;min-height:48px!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(7,9,20,.025)!important}input:focus,textarea:focus,select:focus{outline:0!important;border-color:var(--bn-pink)!important;box-shadow:0 0 0 4px rgba(255,79,163,.10)!important}
button,.btn{cursor:pointer}.section a:not(.btn):hover{color:var(--bn-red)}
@media(max-width:900px){.navlinks a{padding:11px 9px;font-size:9px}.hero{min-height:680px}.hero-content{padding:82px 0}.hero h1{letter-spacing:-2.5px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.top-contact{display:none}.nav{min-height:74px}.menu{display:block;background:#fff;border:1px solid #eee;border-radius:12px}.navlinks{position:absolute;left:4%;right:4%;top:76px;display:none;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.98);padding:10px;border-radius:18px;box-shadow:0 24px 60px rgba(7,9,20,.16);border:1px solid #eee}.navlinks.show{display:flex}.navlinks a{padding:14px 15px}.hero{min-height:650px}.hero-content{padding:70px 0}.hero h1{font-size:clamp(42px,14vw,65px);letter-spacing:-2.8px}.hero p{font-size:15px}.trustgrid{grid-template-columns:repeat(2,1fr)}.trustgrid>div{border-bottom:1px solid var(--bn-line)}.cards{grid-template-columns:1fr}.section{padding:76px 0}.pagehero{padding:70px 0}.whatsapp{right:14px;bottom:14px;height:52px;border-radius:16px}.whatsapp b{display:none}.whatsapp{min-width:52px;width:52px;padding:0;justify-content:center}}

/* BN TECH // BUSINESS SUITE POLISH */
html{scroll-behavior:smooth}body{background:#fff}.eyebrow{position:relative}.btn,.nav-cta,.footer-button{background-image:linear-gradient(135deg,#ff8a00 0%,#ef244f 48%,#ff4fa3 100%)}.btn.outline:hover{background:linear-gradient(135deg,rgba(255,138,0,.18),rgba(255,79,163,.14))}.card,.service-card,.cert,.service-info-box{backdrop-filter:blur(8px)}

/* =========================================================
   BN TECH // VISION UI — NEW SERVICE SYSTEM
   Fresh layout: editorial + glass + neon gradients
========================================================= */
.services-hero-new{position:relative;overflow:hidden;min-height:690px;background:#070812;color:#fff;display:flex;align-items:center}.services-hero-inner{position:relative;z-index:3;padding:105px 0 135px}.services-kicker{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:2.3px;color:#ffd166;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);padding:11px 15px;border-radius:999px;backdrop-filter:blur(12px)}.services-kicker span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff8a00,#ef244f,#13b66a);box-shadow:0 0 18px #ff4fa3}.services-hero-new h1{max-width:900px;margin:28px 0 20px;font-size:clamp(48px,7.2vw,92px);line-height:.98;letter-spacing:-5px;font-weight:900}.services-hero-new h1 em{font-style:normal;background:linear-gradient(90deg,#ff9b1a,#ffd166,#ff4fa3,#13b66a);-webkit-background-clip:text;background-clip:text;color:transparent}.services-hero-new p{max-width:760px;color:#cbd3e1;font-size:17px;line-height:1.85;margin:0}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.ghost-btn,.outline-dark,.outline-light{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border-radius:14px;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1px;transition:.25s}.ghost-btn{color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05)}.ghost-btn:hover{transform:translateY(-4px);border-color:#ff4fa3;background:rgba(255,79,163,.1)}.hero-proof{display:flex;gap:10px;margin-top:48px;flex-wrap:wrap}.hero-proof div{min-width:155px;padding:15px 18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}.hero-proof b{display:block;font-size:22px;color:#fff}.hero-proof span{font-size:10px;color:#98a4b6;letter-spacing:1px;text-transform:uppercase}.orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-a{width:520px;height:520px;right:-120px;top:-150px;background:radial-gradient(circle,#ff8a00 0,rgba(255,138,0,.2) 34%,transparent 70%);opacity:.7}.orb-b{width:500px;height:500px;left:-250px;bottom:-260px;background:radial-gradient(circle,#13b66a 0,rgba(19,182,106,.18) 34%,transparent 70%);opacity:.75}.orb-c{width:430px;height:430px;right:15%;bottom:-260px;background:radial-gradient(circle,#ff4fa3 0,rgba(255,79,163,.13) 36%,transparent 70%)}.hero-marquee{position:absolute;z-index:2;bottom:0;left:0;right:0;min-height:62px;display:flex;align-items:center;justify-content:center;gap:25px;white-space:nowrap;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);color:#8791a2;font-size:10px;font-weight:900;letter-spacing:2px}.hero-marquee i{color:#ff4fa3;font-style:normal}.service-showcase{padding:105px 0;background:linear-gradient(135deg,#fffaf2 0%,#fff 42%,#f5fff9 100%)}.section-intro-new{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;margin-bottom:45px}.mini-label{display:inline-block;font-size:10px;font-weight:900;letter-spacing:2.3px;color:#ef244f}.section-intro-new h2,.process-head h2,.detail-intro-grid h2,.block-heading h2{font-size:clamp(34px,4.4vw,58px);line-height:1.02;letter-spacing:-2.5px;margin:13px 0 0;font-weight:900}.section-intro-new h2 span,.process-head h2 span,.detail-intro-grid h2 span,.block-heading h2 span{background:linear-gradient(90deg,#ef244f,#ff4fa3,#13a862);-webkit-background-clip:text;background-clip:text;color:transparent}.section-intro-new>p{margin:0;color:#687188;line-height:1.85;font-size:14px}.service-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mega-service{position:relative;overflow:hidden;border:1px solid #ebe3df;border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 15px 45px rgba(28,26,36,.07);transition:transform .35s,box-shadow .35s,border-color .35s}.mega-service:hover{transform:translateY(-11px) rotateX(1deg);box-shadow:0 30px 75px rgba(28,26,36,.14);border-color:#e6ccd1}.service-glow{position:absolute;width:180px;height:180px;right:-75px;top:-75px;border-radius:50%;filter:blur(2px);opacity:.18;background:#ef244f}.tone-saffron .service-glow,.tone-orange .service-glow{background:#ff8a00}.tone-green .service-glow{background:#13b66a}.tone-pink .service-glow{background:#ff4fa3}.tone-blue .service-glow{background:#2474ff}.tone-purple .service-glow{background:#7c4dff}.service-top{position:relative;z-index:1;padding:18px 20px;display:grid;grid-template-columns:36px 38px 1fr;align-items:center;gap:8px}.service-index{font-size:11px;font-weight:900;color:#a3a9b5}.service-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fff0f3;color:#ef244f;font-size:17px;font-weight:900;box-shadow:0 8px 18px rgba(239,36,79,.12)}.tone-saffron .service-icon,.tone-orange .service-icon{background:#fff4df;color:#d96c00}.tone-green .service-icon{background:#eafff3;color:#0b9b58}.tone-blue .service-icon{background:#eef4ff;color:#2468d8}.tone-purple .service-icon{background:#f2edff;color:#6942d4}.service-tag{text-align:right;font-size:8px;font-weight:900;color:#7d8594;letter-spacing:1.2px}.service-visual{height:215px;margin:0 13px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#f6f7fa,#fff)}.service-visual img{width:100%;height:100%;object-fit:contain;padding:15px;transition:transform .55s}.mega-service:hover .service-visual img{transform:scale(1.06)}.visual-badge{position:absolute;left:13px;bottom:12px;padding:8px 11px;border-radius:10px;background:rgba(7,8,18,.82);color:#fff;font-size:8px;font-weight:900;letter-spacing:1px;backdrop-filter:blur(8px)}.visual-badge span{color:#ff4fa3}.service-card-content{padding:23px 22px 21px}.service-card-content h3{font-size:23px;line-height:1.15;letter-spacing:-.8px;margin:0 0 9px;font-weight:900}.service-card-content p{font-size:13px;line-height:1.75;color:#6e7787;min-height:68px;margin:0}.quick-points{display:flex;flex-direction:column;gap:8px;margin:17px 0}.quick-points span{font-size:10px;color:#414a5b;font-weight:800}.quick-points span::first-letter{color:#13a862}.service-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #eee7e4}.service-footer span{font-size:9px;color:#9aa1ad;font-weight:800}.service-footer a{color:#ef244f;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:1px}.service-footer a b{font-size:14px;margin-left:4px}.service-process-new{padding:105px 0;background:#090b14;color:#fff;position:relative;overflow:hidden}.service-process-new:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(255,138,0,.13),transparent 28%),radial-gradient(circle at 90% 90%,rgba(19,182,106,.12),transparent 30%)}.process-head,.process-flow{position:relative;z-index:1}.process-head h2{max-width:760px}.process-flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid rgba(255,255,255,.13)}.process-flow>div{padding:30px 24px 15px;border-right:1px solid rgba(255,255,255,.1);min-height:190px}.process-flow>div:last-child{border-right:0}.process-flow strong{font-size:12px;color:#ff4fa3}.process-flow h3{margin:22px 0 9px;font-size:19px}.process-flow p{margin:0;color:#8e98a9;font-size:12px;line-height:1.75}.service-cta-new,.detail-bottom-cta{padding:90px 0;background:linear-gradient(120deg,#ff8a00,#ef244f 43%,#ff4fa3 72%,#13b66a);color:#fff;position:relative;overflow:hidden}.service-cta-new:after,.detail-bottom-cta:after{content:"BN TECH";position:absolute;right:-20px;bottom:-65px;font-size:180px;font-weight:900;color:rgba(255,255,255,.08);letter-spacing:-10px}.cta-new-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}.service-cta-new .mini-label,.detail-bottom-cta .mini-label{color:#fff}.cta-new-inner h2,.detail-bottom-cta h2{font-size:clamp(35px,4.6vw,60px);line-height:1;letter-spacing:-2.5px;margin:14px 0}.cta-new-inner h2 span,.detail-bottom-cta h2 span{color:#111526}.cta-new-inner p{margin:0;color:rgba(255,255,255,.86)}.cta-actions{display:flex;gap:11px;flex-wrap:wrap}.outline-light{color:#fff;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.08)}.outline-light:hover{transform:translateY(-4px);background:rgba(255,255,255,.18)}

/* SERVICE DETAIL */
.detail-hero-new{position:relative;overflow:hidden;background:#080a13;color:#fff}.detail-hero-grid-new{min-height:620px;display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center;padding:80px 0}.detail-copy-new{position:relative;z-index:2}.detail-kicker{display:inline-flex;align-items:center;gap:10px;font-size:9px;font-weight:900;letter-spacing:1.8px;color:#ffd166;border:1px solid rgba(255,255,255,.14);padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.04)}.detail-kicker b{color:#ff4fa3;font-size:16px}.detail-overline{margin-top:25px;color:#788398;font-size:9px;font-weight:900;letter-spacing:2.5px}.detail-copy-new h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:15px 0 20px;font-weight:900}.detail-copy-new p{max-width:650px;color:#c3ccda;line-height:1.8;font-size:15px}.detail-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.outline-dark{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.05)}.outline-dark:hover{transform:translateY(-4px);border-color:#ff4fa3}.detail-art-new{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center}.art-ring{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 100px rgba(255,79,163,.1),inset 0 0 100px rgba(255,138,0,.06)}.art-ring:before,.art-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.art-ring:before{inset:38px}.art-ring:after{inset:78px}.art-card{position:relative;width:min(470px,92%);height:370px;border-radius:30px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.15);box-shadow:0 35px 80px rgba(0,0,0,.35);backdrop-filter:blur(14px);transform:rotate(2deg);z-index:2}.art-card img{width:100%;height:100%;object-fit:contain;border-radius:20px;background:#fff}.floating-pill{position:absolute;z-index:3;padding:12px 15px;border-radius:14px;background:#fff;color:#111526;font-size:9px;font-weight:900;letter-spacing:1px;box-shadow:0 15px 35px rgba(0,0,0,.25)}.pill-one{top:18%;right:2%}.pill-two{bottom:17%;left:0;background:#ef244f;color:#fff}.tone-saffron .detail-hero-new{}.detail-hero-new:before{content:"";position:absolute;width:600px;height:600px;right:-180px;top:-190px;border-radius:50%;background:radial-gradient(circle,#ff8a00,rgba(255,138,0,.18) 35%,transparent 70%);opacity:.5}.detail-hero-new:after{content:"";position:absolute;width:550px;height:550px;left:-300px;bottom:-300px;border-radius:50%;background:radial-gradient(circle,#13b66a,rgba(19,182,106,.12) 38%,transparent 70%);opacity:.5}.special-strip{background:linear-gradient(90deg,#ff8a00,#ef244f,#ff4fa3);color:#fff}.special-strip.food{background:linear-gradient(90deg,#0a9f5a,#ef244f,#ff8a00)}.special-strip.pan-strip{background:linear-gradient(90deg,#ef244f,#7c4dff,#13b66a)}.special-strip .container{min-height:65px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.special-strip b{font-size:10px;letter-spacing:1.3px;margin-right:7px}.special-strip span{font-size:10px;font-weight:800;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}.detail-body-new{padding:100px 0;background:linear-gradient(135deg,#fff 0%,#fffaf5 45%,#f3fff9 100%)}.detail-intro-grid{display:grid;grid-template-columns:1fr 340px;gap:65px;align-items:end;margin-bottom:85px}.detail-intro-grid p{max-width:780px;color:#687188;line-height:1.9;font-size:15px;margin:25px 0 0}.contact-mini{padding:26px;border-radius:22px;background:#0a0c15;color:#fff;box-shadow:0 20px 50px rgba(9,11,20,.15);display:flex;flex-direction:column;gap:8px}.contact-mini small{font-size:8px;letter-spacing:2px;color:#ff4fa3;font-weight:900}.contact-mini strong{font-size:24px}.contact-mini a{color:#ffd166;text-decoration:none;font-size:11px}.contact-mini span{font-size:9px;color:#8993a5}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:55px;align-items:start}.block-heading{margin-bottom:25px}.block-heading p{color:#737c8d;line-height:1.7;font-size:12px;max-width:700px}.assistance-new{border-top:1px solid #e7e1df}.assist-item{display:grid;grid-template-columns:55px 1fr 28px;align-items:center;gap:12px;padding:22px 4px;border-bottom:1px solid #e7e1df;transition:.25s}.assist-item:hover{padding-left:12px;background:linear-gradient(90deg,rgba(255,138,0,.06),transparent)}.assist-item>b{font-size:11px;color:#a0a7b2}.assist-item span{font-size:15px;font-weight:800}.assist-item i{font-style:normal;color:#ef244f;font-size:17px}.docs-head{margin-top:80px}.docs-new{display:grid;grid-template-columns:1fr 1fr;gap:10px}.docs-new div{padding:15px 16px;border-radius:14px;border:1px solid #e8e1de;background:#fff;font-size:12px;font-weight:700;color:#465062;box-shadow:0 8px 25px rgba(20,20,30,.035)}.docs-new span{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;margin-right:8px;border-radius:8px;background:#eafff3;color:#0a9f5a}.process-head-new{margin-top:80px}.steps-new{border-left:2px solid #ef244f;margin-left:10px}.steps-new>div{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:0 0 32px 25px;position:relative}.steps-new>div:before{content:"";position:absolute;left:-8px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #ef244f}.steps-new b{font-size:11px;color:#ef244f}.steps-new h3{margin:0 0 6px;font-size:16px}.steps-new p{margin:0;color:#7a8392;font-size:11px;line-height:1.7}.enquiry-new{position:sticky;top:22px;border-radius:28px;overflow:hidden;background:#0a0c15;color:#fff;box-shadow:0 28px 70px rgba(12,12,25,.18);border:1px solid rgba(255,255,255,.08)}.enquiry-top{padding:30px 28px 24px;background:radial-gradient(circle at 80% 0,rgba(255,138,0,.22),transparent 45%),linear-gradient(145deg,#0a0c15,#171021)}.enquiry-top>span{font-size:11px;font-weight:900;letter-spacing:2px;color:#ffd166}.enquiry-top small{display:block;color:#8f98aa;font-size:8px;letter-spacing:2px;margin-top:25px}.enquiry-top h2{font-size:34px;line-height:1;letter-spacing:-1.5px;margin:10px 0}.enquiry-top h2 em{font-style:normal;color:#ff4fa3}.enquiry-top p{color:#9ea8b8;font-size:11px;line-height:1.7;margin:0}.enquiry-new form{padding:25px 28px 28px;display:flex;flex-direction:column;gap:14px}.enquiry-new label{font-size:8px;font-weight:900;letter-spacing:1.4px;color:#929bad}.enquiry-new sup{color:#ff4fa3}.enquiry-new input,.enquiry-new textarea,.enquiry-new select{display:block;width:100%;margin-top:7px;min-height:48px;padding:12px 13px;border-radius:12px!important;border:1px solid #293044!important;background:#121625!important;color:#fff!important;box-shadow:none!important}.enquiry-new textarea{resize:vertical;min-height:120px}.enquiry-new input::placeholder,.enquiry-new textarea::placeholder{color:#697286}.enquiry-new select option{color:#111;background:#fff}.enquiry-new input:focus,.enquiry-new textarea:focus,.enquiry-new select:focus{border-color:#ff4fa3!important;box-shadow:0 0 0 3px rgba(255,79,163,.12)!important}.business-fields{display:flex;flex-direction:column;gap:14px}.form-trust{font-size:8px;color:#697386;text-align:center}.detail-bottom-cta .container{position:relative;z-index:1}.detail-bottom-cta h2{margin-bottom:25px}.detail-bottom-cta .container>div{display:flex;gap:11px;flex-wrap:wrap}
@media(max-width:1050px){.service-grid-new{grid-template-columns:repeat(2,1fr)}.detail-columns{grid-template-columns:1fr 350px}.detail-intro-grid{grid-template-columns:1fr 310px}.section-intro-new{grid-template-columns:1fr}.process-flow{grid-template-columns:repeat(2,1fr)}.process-flow>div:nth-child(2){border-right:0}.process-flow>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}}
@media(max-width:800px){.services-hero-inner{padding:78px 0 105px}.services-hero-new h1{letter-spacing:-3px}.service-grid-new{grid-template-columns:1fr}.service-showcase,.service-process-new,.detail-body-new{padding:78px 0}.cta-new-inner{flex-direction:column;align-items:flex-start}.detail-hero-grid-new{grid-template-columns:1fr;gap:30px;padding:65px 0}.detail-art-new{min-height:360px}.art-card{height:300px}.art-ring{width:340px;height:340px}.detail-columns,.detail-intro-grid{grid-template-columns:1fr}.enquiry-new{position:relative;top:auto}.special-strip .container{padding:12px 0}.process-flow{grid-template-columns:1fr}.process-flow>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.process-flow>div:last-child{border-bottom:0!important}.docs-new{grid-template-columns:1fr}.service-cta-new:after,.detail-bottom-cta:after{font-size:100px}}
@media(max-width:520px){.hero-proof div{min-width:120px}.hero-marquee{justify-content:flex-start;padding-left:20px}.service-top{grid-template-columns:30px 36px 1fr}.service-tag{font-size:7px}.service-card-content h3{font-size:21px}.detail-copy-new h1{font-size:46px;letter-spacing:-2.5px}.detail-art-new{min-height:320px}.art-card{width:96%;height:260px}.art-ring{width:300px;height:300px}.pill-one{right:-3%}.pill-two{left:-2%}.detail-intro-grid h2{font-size:38px}.docs-new div{font-size:11px}}
