*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#05101f,#081423 38%,#09111c);color:#e5e7eb;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1240px,92%);margin:0 auto}.site-shell{overflow:hidden}.topbar{background:rgba(2,6,23,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);color:#dbeafe;font-size:14px}.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:10px 0}.navbar{position:sticky;top:0;z-index:30;background:rgba(10,17,28,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;color:#fff}.logo img{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#fff}.nav-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav-links a{color:#dbeafe;position:relative}.nav-links a:after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:.25s}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:26px}.alert{margin-top:16px;padding:14px 16px;border-radius:14px}.alert.success{background:#14532d}.alert.error{background:#7f1d1d}.alert ul{margin:0;padding-left:18px}.hero-slider-section{position:relative}.hero-slider{position:relative;min-height:78vh}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .8s ease,transform 1.4s ease;background-size:cover;background-position:center;pointer-events:none}.hero-slide.active{opacity:1;transform:scale(1);pointer-events:auto;position:relative}.hero-slide-inner{min-height:78vh;display:flex;align-items:center;padding:40px 0}.glass-panel,.panel,.service-card,.product-card,.card-lite,.review-card,.brand-showcase,.brand-card,.gallery-card{background:rgba(10,17,28,.62);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 24px 64px rgba(2,8,23,.34)}.hero-copy{max-width:640px;padding:34px}.eyebrow{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f8d27a;font-size:13px;margin-bottom:18px}.hero-copy h1,.page-hero h1{font-size:58px;line-height:1.03;margin:0 0 16px;color:#fff}.hero-copy p,.page-hero p{font-size:18px;color:#dbeafe;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;background:linear-gradient(135deg,var(--accent),#ffd56a);color:#111827;padding:13px 20px;border-radius:14px;font-weight:700;border:none;cursor:pointer}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22)}.hero-dots{position:absolute;left:0;right:0;bottom:26px;display:flex;gap:10px;justify-content:center;z-index:3}.hero-dot{width:12px;height:12px;border-radius:50%;border:none;background:rgba(255,255,255,.35);cursor:pointer}.hero-dot.active{background:var(--accent);transform:scale(1.15)}.services-marquee-section{overflow:hidden;background:linear-gradient(90deg,var(--primary),var(--secondary));border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.marquee-track{display:flex;gap:16px;white-space:nowrap;padding:16px 0;animation:marquee 28s linear infinite}.marquee-track span{display:inline-flex;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-weight:600;color:#fff}.section{padding:76px 0}.section-dark{background:linear-gradient(180deg,rgba(5,10,18,.92),rgba(8,15,26,.98))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head.left{display:block}.section-head h2{font-size:38px;margin:0;color:#fff}.section-head p{margin:8px 0 0;color:#a8bad0;max-width:760px}.cards{display:grid;gap:20px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.align-center{align-items:center}.glossy-card,.review-card,.brand-showcase{padding:22px}.card-cover{width:100%;height:220px;object-fit:cover;border-radius:18px;margin-bottom:16px;background:#111827}.service-card h3,.product-card h3,.card-lite h3,.brand-showcase h3{margin:0 0 10px}.icon-badge{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;margin-bottom:14px;color:#ffd56a}.review-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.stars{color:#f8d27a}.stats-grid,.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.stat-box,.brand-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.stat-box strong,.brand-card strong{display:block;color:#fff;font-size:18px}.stat-box span{color:#9fb4cc;font-size:14px}.brand-card{text-align:center}.brand-logo{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:18px;padding:10px;margin:0 auto 12px;display:block}.brand-logo.large{width:110px;height:110px}.feature-image{width:100%;max-height:520px;object-fit:cover;border-radius:28px;box-shadow:0 20px 60px rgba(2,8,23,.45)}.glossy-placeholder{min-height:380px;border-radius:28px;display:grid;place-items:center;padding:24px;text-align:center;background:radial-gradient(circle at top right,rgba(255,255,255,.16),rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}.page-hero{padding:120px 0 76px;background:#0b1220;border-bottom:1px solid rgba(255,255,255,.08)}.banner-hero{background-size:cover;background-position:center}.filter-bar,.form-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;margin-bottom:24px}.form-grid{grid-template-columns:1fr 1fr}.panel{padding:22px}.panel input,.panel select,.panel textarea,.filter-bar input,.filter-bar select{width:100%;padding:13px 14px;background:#020617;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff}.panel textarea,.form-grid textarea{min-height:140px;grid-column:span 2}.rich-content{color:#dce7f6}.rich-content.compact{font-size:14px}.rich-content p:first-child{margin-top:0}.pagination-wrap{margin-top:26px}.footer{background:#020617;padding:52px 0 18px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.footer h3,.footer h4{margin-top:0}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.copyright{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#94a3b8}.sticky-enquiry-panel{position:fixed;left:18px;bottom:72px;width:min(360px,calc(100vw - 36px));background:rgba(10,17,28,.94);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:18px;z-index:42;display:none;box-shadow:0 30px 80px rgba(2,8,23,.45)}.sticky-enquiry-panel.open{display:block}.sticky-enquiry-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.sticky-enquiry-head p{margin:6px 0 0;color:#9fb4cc;font-size:14px}.sticky-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.sticky-enquiry-form{display:grid;gap:10px}.sticky-enquiry-form input,.sticky-enquiry-form textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#020617;color:#fff}.sticky-enquiry-form textarea{min-height:120px}.map-panel iframe{border:0;border-radius:16px;min-height:360px;width:100%}.contact-meta{margin-top:16px;padding:18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.brand-showcase a{color:#8ec5ff}.service-card p,.product-card p,.review-card p,.brand-showcase p{color:#c9d7e6}.product-meta{color:#9ab3cf;font-size:14px;margin-bottom:8px}.nav-open .nav-links{display:flex}.pagination{display:flex;gap:8px;list-style:none;padding:0}.pagination .page-link,.pagination span{display:inline-flex;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);color:#fff}.pagination .active span{background:var(--primary)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1100px){.cards.four{grid-template-columns:repeat(2,1fr)}.cards.three,.footer-grid,.two-col,.stats-grid,.brand-grid{grid-template-columns:1fr 1fr}.hero-copy h1,.page-hero h1{font-size:46px}}
@media(max-width:760px){.topbar-inner,.section-head{display:block}.topbar-inner{padding:8px 0;font-size:13px;line-height:1.45}.nav-toggle{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.nav-links{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:14px;background:rgba(2,6,23,.98);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35)}.nav-links a{display:block;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.nav-links a:last-child{border-bottom:none}.nav-inner{position:relative;min-height:74px;padding:10px 0;gap:12px}.logo{font-size:16px;gap:10px;max-width:calc(100% - 64px)}.logo span{line-height:1.2}.logo img{width:44px;height:44px;border-radius:10px}.cards.four,.cards.three,.cards.two,.footer-grid,.two-col,.stats-grid,.brand-grid,.filter-bar,.form-grid{grid-template-columns:1fr}.hero-copy{padding:24px}.hero-copy h1,.page-hero h1{font-size:34px}.hero-copy p,.page-hero p{font-size:16px}.hero-slider,.hero-slide-inner{min-height:62vh}.panel textarea,.form-grid textarea{grid-column:span 1}.floating-actions{left:12px;right:12px;bottom:12px;gap:10px}.floating-actions .enquiry-float,.floating-actions .whatsapp-float{min-width:0;flex:1;padding:14px 12px;font-size:15px}.sticky-enquiry-panel{left:12px;right:12px;bottom:76px;width:auto}.scroll-top{right:12px;bottom:70px}.footer{padding-bottom:96px}}
.topbar{position:relative;z-index:45}.navbar{position:sticky;top:0;z-index:44}.nav-inner{min-height:86px}.nav-links{z-index:60}.nav-links a{padding:6px 0;display:inline-flex;align-items:center}.floating-actions{position:fixed;left:18px;right:18px;bottom:18px;z-index:60;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.floating-actions .enquiry-float,.floating-actions .whatsapp-float{position:static;pointer-events:auto;min-width:150px;text-align:center}.enquiry-float{background:linear-gradient(180deg,#fb7185,#db2777);color:#fff;border:none;cursor:pointer}.whatsapp-float{background:#22c55e;color:#04110a}.whatsapp-float,.enquiry-float{padding:14px 22px;border-radius:999px;font-weight:800;box-shadow:0 14px 30px rgba(0,0,0,.35)}.scroll-top{position:fixed;right:18px;bottom:88px;z-index:59;width:46px;height:46px;border:none;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#fff;font-size:22px;cursor:pointer;display:none;box-shadow:0 12px 24px rgba(0,0,0,.3)}.scroll-top.show{display:grid;place-items:center}.hero-slider-section,.section,.footer{scroll-margin-top:96px}
@media(min-width:761px){.nav-toggle{display:none !important}.nav-links{display:flex !important}.footer{padding-bottom:82px}}
/* ===== Final responsive + media fix ===== */
.navbar{top:0}
.logo img{flex:0 0 auto}
.hero-slide{background-size:cover;background-position:center center;position:absolute;inset:0;opacity:0;transition:opacity .6s ease, transform 6s ease}
.hero-slide.active{opacity:1;transform:scale(1.02)}
.shimmer-hero::before{content:"";position:absolute;inset:-15%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.08) 46%,transparent 68%);animation:heroShine 7s linear infinite;pointer-events:none}
@keyframes heroShine{0%{transform:translateX(-30%) skewX(-12deg)}100%{transform:translateX(120%) skewX(-12deg)}}
.media-card,.brand-showcase{position:relative;overflow:hidden;transition:transform .35s ease, box-shadow .35s ease,border-color .35s ease}
.media-card:hover,.brand-showcase:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(0,0,0,.28);border-color:rgba(245,158,11,.32)}
.media-frame{position:relative;overflow:hidden;border-radius:22px;margin-bottom:16px;background:rgba(255,255,255,.04)}
.media-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.18) 48%,transparent 74%);transform:translateX(-120%);transition:transform .8s ease;pointer-events:none}
.media-card:hover .media-frame::after,.brand-showcase:hover .media-frame::after{transform:translateX(120%)}
.card-cover{display:block;width:100%;height:250px;object-fit:cover;transition:transform .8s ease, filter .35s ease}
.media-card:hover .card-cover,.brand-showcase:hover .card-cover,.brand-showcase:hover .brand-logo{transform:scale(1.08);filter:saturate(1.08)}
.brand-logo.large{transition:transform .8s ease, filter .35s ease}
.card-glow{position:absolute;inset:auto -20% -50% auto;width:180px;height:180px;background:radial-gradient(circle, rgba(245,158,11,.28), transparent 70%);filter:blur(18px);pointer-events:none;opacity:.55}
.page-hero{position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;inset:auto -20% -35% auto;width:320px;height:320px;background:radial-gradient(circle, rgba(59,130,246,.18), transparent 70%);filter:blur(20px);pointer-events:none}
/* professional contact page */
.contact-hero-pro{padding:90px 0 56px}
.contact-hero-pro-inner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:24px;align-items:stretch}
.contact-hero-main{padding:34px 34px 30px}
.contact-hero-main h1{margin:16px 0 12px;line-height:1.05}
.contact-hero-main p{max-width:800px;margin:0}
.contact-hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.contact-hero-badges span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.contact-hero-side{display:grid;gap:16px}.contact-quick-card{padding:22px 24px;border-radius:24px}.contact-quick-card strong{display:block;font-size:20px;line-height:1.25}.contact-quick-card span{display:block;color:#a8bfdc;margin-top:6px}
.contact-pro-section{padding-top:24px}
.contact-pro-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:start}
.contact-form-pro-card,.contact-info-pro,.contact-map-pro{border-radius:28px;padding:28px;background:rgba(13,23,40,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.22)}
.contact-card-head h2,.contact-card-head h3{margin:10px 0 8px}.contact-card-head p{margin:0;color:#a8bfdc}
.contact-form-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.field-wrap label{display:block;font-size:14px;font-weight:700;color:#dce7f6;margin-bottom:8px}.field-wrap-full{grid-column:1/-1}
.contact-form-pro-grid input,.contact-form-pro-grid textarea{width:100%;padding:15px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:#020817;color:#fff;outline:none;transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease}
.contact-form-pro-grid input:focus,.contact-form-pro-grid textarea:focus{border-color:rgba(245,158,11,.38);box-shadow:0 0 0 4px rgba(245,158,11,.12);transform:translateY(-1px)}
.contact-form-pro-grid textarea{min-height:170px;resize:vertical}.contact-action-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:6px}.contact-action-row span{color:#98aec8;font-size:14px}
.contact-info-pro-list{display:grid;gap:14px;margin-top:18px}.contact-info-pro-item{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.contact-info-pro-item span{display:block;color:#9eb5cf;font-size:13px;margin-bottom:4px}.contact-info-pro-item strong{display:block;font-size:18px;line-height:1.35}
.map-frame-wrap{overflow:hidden;border-radius:22px;min-height:320px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.map-frame-wrap iframe{display:block;width:100%;height:320px;border:0}.contact-map-fallback{display:grid;place-items:center;height:320px;color:#9fb4cc}
/* floating buttons */
.enquiry-float,.whatsapp-float{position:fixed;z-index:61;padding:14px 20px;border-radius:999px;font-weight:800;box-shadow:0 18px 36px rgba(0,0,0,.28);pointer-events:auto}
.enquiry-float{left:18px;bottom:18px;background:linear-gradient(180deg,#fb7185,#db2777);color:#fff;border:none;cursor:pointer}
.whatsapp-float{right:18px;bottom:18px;background:#22c55e;color:#04110a}
.sticky-enquiry-panel{bottom:84px}
.scroll-top{right:18px;bottom:84px}
/* desktop nav */
@media(min-width:761px){
.nav-toggle{display:none !important}
.nav-links{display:flex !important;position:static !important;padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;gap:28px;align-items:center}
.nav-links a{padding:0 !important;border:none !important}
}
/* mobile nav and layout */
@media(max-width:760px){
body{padding-bottom:92px}
.topbar-inner{display:grid;gap:4px;padding:8px 0}
.navbar{position:sticky;top:0}
.nav-inner{min-height:70px;padding:10px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}
.logo{max-width:100%;min-width:0}.logo span{font-size:15px;white-space:normal;word-break:break-word}
.logo img{width:42px;height:42px}
.nav-toggle{display:grid !important;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:28px;line-height:1;color:#fff}
.nav-links{display:none;position:absolute;left:0;right:0;top:100%;margin-top:8px;padding:12px;background:rgba(2,6,23,.98);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35);z-index:80}
.nav-links.is-open{display:block}
.nav-links a{display:block;padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:16px}
.nav-links a:last-child{border-bottom:none}
.hero-slider,.hero-slide-inner{min-height:70vh}
.hero-copy{padding:22px 20px}.hero-copy h1{font-size:clamp(34px,10vw,52px)}
.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-actions .btn,.hero-actions .btn-outline{width:100%;justify-content:center;text-align:center}
.card-cover{height:220px}
.contact-hero-pro{padding:56px 0 22px}
.contact-hero-pro-inner,.contact-pro-layout,.contact-form-pro-grid,.two-col,.cards.three,.cards.four,.footer-grid{grid-template-columns:1fr !important}
.contact-hero-main,.contact-form-pro-card,.contact-info-pro,.contact-map-pro{padding:22px}
.contact-hero-main h1{font-size:38px !important}
.contact-action-row{flex-direction:column;align-items:flex-start}
.map-frame-wrap,.map-frame-wrap iframe{min-height:260px;height:260px}
.enquiry-float,.whatsapp-float{bottom:12px;padding:12px 16px;font-size:15px}
.enquiry-float{left:12px;max-width:calc(50vw - 18px);width:calc(50vw - 18px)}
.whatsapp-float{right:12px;max-width:calc(50vw - 18px);width:calc(50vw - 18px)}
.sticky-enquiry-panel{left:12px;right:12px;width:auto;bottom:68px}
.scroll-top{right:12px;bottom:70px}
.footer{padding-bottom:120px}
}