*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#040812;color:#eef2f7;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.page-frame{position:fixed;inset:12px;border:1px solid rgba(255,255,255,.08);z-index:500;pointer-events:none;border-radius:16px}

.mega-hero{min-height:100vh;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(4,8,18,.98),rgba(4,8,18,.88),rgba(4,8,18,.72)),
url('assets/img4.jpeg') center/cover no-repeat}
.hero-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:7px 7px;opacity:.08}
.mega-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(148,163,184,.2),transparent 30%),linear-gradient(180deg,transparent,#040812 92%)}
.machine-line{position:absolute;background:rgba(148,163,184,.12);filter:blur(.2px);z-index:1}
.machine-line.one{right:-80px;top:190px;width:520px;height:210px;clip-path:polygon(0 78%,20% 78%,25% 56%,36% 56%,42% 72%,60% 72%,72% 46%,91% 35%,97% 42%,77% 60%,65% 86%,100% 86%,100% 100%,0 100%)}
.machine-line.two{left:-90px;bottom:110px;width:440px;height:160px;clip-path:polygon(4% 82%,28% 82%,35% 63%,43% 63%,50% 82%,72% 82%,80% 58%,90% 58%,96% 82%,100% 82%,100% 100%,0 100%)}

.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;background:rgba(4,8,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);font-weight:900;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02))}
.brand strong{display:block;text-transform:uppercase;letter-spacing:1px}
.brand span{display:block;color:#aeb7c4;font-size:.74rem}
.nav-links{display:flex;gap:24px;text-transform:uppercase;font-size:.78rem;font-weight:900;color:#d1d5db}
.nav-links a{position:relative}
.nav-links a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:#fff;transition:.25s}
.nav-links a:hover:after{width:100%}
.nav-cta,.btn-light,.contact-premium a{background:linear-gradient(135deg,#f8fafc,#9ca3af);color:#050b14;font-weight:900;padding:13px 20px;border-radius:999px;text-transform:uppercase;font-size:.8rem;box-shadow:0 14px 30px rgba(148,163,184,.22)}
.hero-stage{position:relative;z-index:3;display:grid;grid-template-columns:360px 1fr;gap:60px;align-items:center;padding:85px 6% 55px}
.portrait-card{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px}
.portrait-ring{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle,rgba(255,255,255,.09),transparent 68%);box-shadow:0 0 80px rgba(148,163,184,.16);animation:pulse 4s ease-in-out infinite}
.portrait-card img{position:relative;width:315px;height:315px;object-fit:cover;border-radius:50%;border:5px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.62);animation:float 6s ease-in-out infinite}
.portrait-caption{position:absolute;bottom:18px;right:12px;background:rgba(15,23,42,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 20px}
.portrait-caption strong{display:block;font-size:1.3rem}.portrait-caption span{font-size:.75rem;color:#cbd5e1;text-transform:uppercase}
.eyebrow,.section-title p{color:#b6bfca;text-transform:uppercase;font-weight:900;letter-spacing:2px;font-size:.78rem;margin-bottom:16px}
.hero-content h1{font-size:clamp(3rem,6vw,6.6rem);line-height:.92;letter-spacing:-3px;text-transform:uppercase;margin-bottom:26px;background:linear-gradient(135deg,#fff,#d1d5db,#8b94a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-content h1 span{display:inline-block;color:#9ca3af}
.hero-lead{font-size:1.18rem;max-width:780px;color:#d1d5db;margin-bottom:34px}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.btn-outline{border:1px solid rgba(255,255,255,.22);padding:13px 22px;border-radius:999px;font-weight:900;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.04)}
.impact-bar{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin:0 5% 35px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;backdrop-filter:blur(12px)}
.impact-bar div{padding:26px;border-right:1px solid rgba(255,255,255,.09)}.impact-bar b{display:block;font-size:2rem}.impact-bar span{display:block;color:#aeb7c4;text-transform:uppercase;font-size:.72rem;font-weight:900}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.04);opacity:1}}

.about-premium,.services-premium,.quals-premium,.projects-premium{padding:90px 6%;background:#070d18}
.section-title{max-width:1050px;margin-bottom:34px}.section-title h2{font-size:clamp(2.1rem,4vw,4.2rem);line-height:1.05;letter-spacing:-1.5px}
.about-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:34px}.about-copy{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:36px}.about-copy p{color:#dbe1e8;margin-bottom:18px;font-size:1.05rem}
.values-stack{display:grid;gap:16px}.values-stack div{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:28px}.values-stack strong{display:block;font-size:1.5rem}.values-stack span{color:#aeb7c4}

.services-premium{background:linear-gradient(180deg,#09111f,#040812)}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-cards article{min-height:260px;background:linear-gradient(160deg,#111827,#07111c);border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:28px;position:relative;overflow:hidden;transition:.35s}.service-cards article:before{content:"";position:absolute;inset:auto -40px -60px auto;width:160px;height:160px;background:rgba(148,163,184,.09);border-radius:50%}.service-cards article:hover{transform:translateY(-10px);box-shadow:0 24px 60px rgba(0,0,0,.35)}.service-cards span{color:#8b94a1;font-size:2.2rem;font-weight:900}.service-cards h3{font-size:1.3rem;margin:24px 0 12px}.service-cards p{color:#cbd5e1}

.siteaudit-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding:95px 6%;background:radial-gradient(circle at 25% 40%,rgba(148,163,184,.16),transparent 32%),#0b1220}
.device-mock{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:rotate(-2deg)}
.device-mock img{width:100%;display:block;border-radius:24px}.siteaudit-copy h2{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-3px}.siteaudit-copy h3{font-size:1.5rem;color:#cbd5e1;margin:16px 0}.siteaudit-copy p{color:#d1d5db;max-width:760px;font-size:1.08rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.feature-grid div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:13px 16px;text-align:center;font-weight:900;font-size:.82rem}

.qual-list{display:flex;flex-wrap:wrap;gap:12px}.qual-list span{padding:14px 18px;border-radius:999px;background:#101827;border:1px solid rgba(255,255,255,.1);font-weight:900;color:#e5e7eb}
.sectors-strip{display:grid;grid-template-columns:repeat(6,1fr);background:#e5e7eb;color:#050b14}.sectors-strip span{text-align:center;padding:22px 10px;font-size:.75rem;font-weight:1000;text-transform:uppercase;letter-spacing:1.5px;border-right:1px solid rgba(0,0,0,.12)}
.project-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:260px;gap:16px}.project-grid article{position:relative;border-radius:22px;overflow:hidden;background:#111827}.project-grid article.large{grid-row:span 2}.project-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:.35s}.project-grid article:hover img{transform:scale(1.05)}.project-grid div{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.86))}.project-grid b{display:block;font-size:1.1rem}.project-grid span{display:block;color:#cbd5e1;font-size:.85rem}
.quote-premium{padding:100px 7%;text-align:center;background:linear-gradient(135deg,#111827,#263242)}.quote-premium h2{max-width:1100px;margin:auto;font-size:clamp(2rem,4vw,4rem);line-height:1.1}.quote-premium p{margin-top:22px;color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;font-weight:900}
.contact-premium{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:70px 6%;background:#e5e7eb;color:#050b14}.contact-premium p{text-transform:uppercase;font-size:.8rem;letter-spacing:2px;font-weight:900;color:#374151}.contact-premium h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.05;max-width:980px}.contact-premium a{white-space:nowrap;background:#050b14;color:#fff}
footer{background:#020617;text-align:center;padding:26px;color:#9ca3af}.floating-home{position:fixed;right:18px;bottom:18px;z-index:550;background:#e5e7eb;color:#050b14;border-radius:999px;padding:11px 16px;font-weight:900;font-size:.78rem;text-transform:uppercase;box-shadow:0 15px 35px rgba(0,0,0,.35)}

@media(max-width:1100px){.nav-links{display:none}.hero-stage,.about-grid,.siteaudit-showcase{grid-template-columns:1fr}.service-cards{grid-template-columns:repeat(2,1fr)}.impact-bar{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr 1fr}.project-grid article.large{grid-row:auto}.sectors-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.page-frame{display:none}.nav-cta{display:none}.hero-stage{padding:45px 5% 35px}.portrait-card{min-height:290px}.portrait-ring{width:260px;height:260px}.portrait-card img{width:230px;height:230px}.hero-content h1{font-size:2.75rem;letter-spacing:-1px}.hero-actions,.contact-premium{flex-direction:column;align-items:flex-start}.btn-light,.btn-outline,.contact-premium a{width:100%;text-align:center}.impact-bar,.service-cards,.feature-grid,.project-grid,.sectors-strip{grid-template-columns:1fr}.about-premium,.services-premium,.siteaudit-showcase,.quals-premium,.projects-premium{padding:60px 5%}.device-mock{transform:none}.contact-premium a{white-space:normal}.floating-home{right:12px;bottom:12px}}


/* V16 DIGITAL PRODUCTS */

.digital-products{
padding:100px 6%;
background:
radial-gradient(circle at 20% 30%, rgba(148,163,184,.12), transparent 30%),
linear-gradient(180deg,#0b1220,#050b14);
}

.product-grid{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:28px;
margin-top:40px;
}

.product-card{
background:linear-gradient(160deg,#111827,#07111c);
border:1px solid rgba(255,255,255,.1);
border-radius:28px;
overflow:hidden;
box-shadow:0 25px 70px rgba(0,0,0,.35);
transition:.35s ease;
}

.product-card:hover{
transform:translateY(-10px);
box-shadow:0 35px 90px rgba(0,0,0,.45);
}

.product-card img{
width:100%;
display:block;
background:#000;
}

.product-content{
padding:30px;
}

.product-tag{
display:inline-block;
padding:8px 14px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.12);
font-size:.72rem;
font-weight:900;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:18px;
}

.product-content h3{
font-size:2rem;
margin-bottom:18px;
}

.product-content p{
color:#d1d5db;
margin-bottom:22px;
}

.product-content ul{
margin-bottom:26px;
padding-left:18px;
color:#e5e7eb;
}

.product-content li{
margin-bottom:10px;
}

.product-btn{
display:inline-block;
padding:14px 22px;
border-radius:999px;
background:linear-gradient(135deg,#f8fafc,#9ca3af);
color:#050b14;
font-weight:900;
text-transform:uppercase;
font-size:.8rem;
}

.custom-services{
margin-top:40px;
padding:34px;
border-radius:24px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
}

.custom-services h3{
font-size:1.6rem;
margin-bottom:16px;
}

.custom-services p{
color:#d1d5db;
max-width:1000px;
}

@media(max-width:1000px){
.product-grid{
grid-template-columns:1fr;
}
}


/* V16 OPSASSURE360 ADD-ON INSERT */

.ops-tag{
background:rgba(56,189,248,.12);
border-color:rgba(56,189,248,.25);
color:#bae6fd;
}

.ops-btn{
background:linear-gradient(135deg,#e0f2fe,#38bdf8);
color:#042f49;
}

.ops-bundle-section{
padding:100px 6%;
background:
radial-gradient(circle at 80% 30%, rgba(56,189,248,.12), transparent 32%),
linear-gradient(180deg,#050b14,#0b1220);
}

.ops-bundle-panel{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:28px;
align-items:center;
padding:34px;
border-radius:30px;
background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(255,255,255,.04));
border:1px solid rgba(56,189,248,.22);
box-shadow:0 25px 70px rgba(0,0,0,.35);
}

.ops-bundle-panel p{
color:#d1d5db;
margin-bottom:18px;
max-width:900px;
}

.bundle-lead{
font-size:1.08rem;
}

.bundle-cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
}

.bundle-cards article{
background:linear-gradient(160deg,#111827,#07111c);
border:1px solid rgba(255,255,255,.10);
border-radius:22px;
padding:22px;
}

.bundle-cards span{
display:inline-block;
font-size:2rem;
font-weight:900;
color:#8b94a1;
margin-bottom:14px;
}

.bundle-cards h3{
font-size:1.25rem;
margin-bottom:10px;
}

.bundle-cards p{
color:#cbd5e1;
margin:0;
}

.bundle-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:22px;
}

.secondary-bundle-btn{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.14);
color:#f8fafc;
}

@media(max-width:1000px){
.ops-bundle-panel,
.bundle-cards{
grid-template-columns:1fr;
}
}