:root{
  --bg:#05070a;--bg2:#0a0f16;--panel:#0c121b;--panel2:#111927;--text:#f7f9fc;--muted:#97a2b2;--blue:#1677ff;--blue2:#0a5ee8;--line:rgba(255,255,255,.1);--shadow:0 25px 80px rgba(0,0,0,.45);--radius:24px;--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(5,7,10,.66);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line);background:rgba(5,7,10,.9)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;filter:drop-shadow(0 0 20px rgba(22,119,255,.18))}.brand-text{font-weight:800;letter-spacing:.08em;font-size:1.2rem}.brand-text span{color:var(--blue);margin-left:4px}.main-nav{display:flex;align-items:center;gap:28px;font-size:.94rem}.main-nav>a{color:#c7ced8;transition:.2s}.main-nav>a:hover{color:#fff}.nav-cta{padding:12px 17px;border:1px solid rgba(22,119,255,.55);border-radius:999px;background:rgba(22,119,255,.08)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}.hero{position:relative;min-height:820px;padding:170px 0 100px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 40%,rgba(22,119,255,.14),transparent 32%),linear-gradient(180deg,#05070a 0%,#070b11 100%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;position:relative;z-index:2}.eyebrow{margin:0 0 18px;color:#6da9ff;font-weight:800;font-size:.78rem;letter-spacing:.22em}.hero h1,.section h2,.cta-band h2{margin:0;line-height:1.02;letter-spacing:-.04em}.hero h1{font-size:clamp(3.4rem,7vw,6.6rem);max-width:820px}.hero h1 span{color:var(--blue)}.hero-text{margin:26px 0 0;max-width:700px;color:#aab4c3;font-size:1.1rem}.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:750;border:1px solid transparent;transition:.25s;cursor:pointer;font:inherit}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;box-shadow:0 14px 40px rgba(22,119,255,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(22,119,255,.38)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.03);color:#fff}.btn-secondary:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.hero-tags span,.pill-row span{font-size:.8rem;color:#c6ced9;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.23}.glow-one{width:380px;height:380px;background:#1677ff;right:-120px;top:120px}.glow-two{width:280px;height:280px;background:#3b82f6;left:-160px;bottom:80px}.hero-stage{position:relative}.stage-frame{height:530px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:linear-gradient(180deg,#0a1019,#05070a);overflow:hidden;position:relative;box-shadow:var(--shadow);isolation:isolate}.stage-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(22,119,255,.22),transparent 33%),linear-gradient(180deg,transparent,rgba(0,0,0,.45));z-index:0}.truss.top{position:absolute;left:8%;right:8%;top:8%;height:12px;border:2px solid #586273;border-radius:4px;z-index:3}.beam{position:absolute;top:11%;width:4px;height:56%;background:linear-gradient(180deg,rgba(110,170,255,.95),rgba(22,119,255,0));filter:blur(.8px);transform-origin:top;z-index:2}.b1{left:24%;transform:rotate(18deg)}.b2{left:40%;transform:rotate(7deg)}.b3{right:40%;transform:rotate(-7deg)}.b4{right:24%;transform:rotate(-18deg)}.screen{position:absolute;top:26%;height:38%;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#0d1420,#101f37);box-shadow:0 0 35px rgba(22,119,255,.13);z-index:2}.screen-left{left:9%;width:15%}.screen-right{right:9%;width:15%}.screen-center{left:27%;right:27%;display:grid;place-items:center}.screen-logo{display:flex;align-items:center;gap:11px}.screen-logo svg{width:48px}.screen-logo strong{font-size:1.5rem;letter-spacing:.08em}.screen-logo span{color:var(--blue)}.stage-floor{position:absolute;left:8%;right:8%;bottom:18%;height:8%;background:linear-gradient(90deg,transparent,rgba(22,119,255,.22),transparent);transform:perspective(300px) rotateX(60deg);z-index:1}.crowd{position:absolute;left:0;right:0;bottom:0;height:20%;background:radial-gradient(circle at 10% 80%,#18202b 0 10px,transparent 11px),radial-gradient(circle at 25% 75%,#131a23 0 12px,transparent 13px),radial-gradient(circle at 45% 80%,#101720 0 13px,transparent 14px),radial-gradient(circle at 67% 72%,#18202b 0 11px,transparent 12px),radial-gradient(circle at 86% 78%,#131a23 0 12px,transparent 13px),linear-gradient(180deg,transparent,#030405 70%);background-size:100% 100%;z-index:4}.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080c12}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:26px 28px;border-right:1px solid var(--line)}.stats-grid div:last-child{border-right:0}.stats-grid strong{display:block;font-size:1.2rem;letter-spacing:.06em;color:#fff}.stats-grid span{font-size:.82rem;color:var(--muted)}.section{padding:110px 0}.dark-section{background:linear-gradient(180deg,#070b10,#090e15)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:46px}.section h2{font-size:clamp(2.5rem,5vw,4.8rem)}.section-head>p{color:var(--muted);max-width:520px;margin:0 0 6px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:26px;min-height:235px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:rgba(22,119,255,.42);box-shadow:0 20px 55px rgba(0,0,0,.24)}.service-card .icon{width:44px;height:44px;border:1px solid rgba(22,119,255,.5);border-radius:13px;display:grid;place-items:center;color:#58a1ff;background:rgba(22,119,255,.08);font-size:1.2rem}.service-card h3{margin:24px 0 10px;font-size:1.05rem}.service-card p{margin:0;color:var(--muted);font-size:.92rem}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.experience-card{min-height:340px;border-radius:22px;border:1px solid var(--line);overflow:hidden;position:relative;padding:24px;display:flex;align-items:flex-end;background-size:cover;background-position:center;box-shadow:inset 0 -140px 100px rgba(0,0,0,.72);transition:.35s}.experience-card:hover{transform:translateY(-6px);border-color:rgba(22,119,255,.5)}.experience-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(22,119,255,.22),transparent 45%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.75));}.experience-card>div{position:relative;z-index:2}.experience-card span{font-size:.72rem;color:#7db1ff;font-weight:800;letter-spacing:.18em}.experience-card h3{margin:8px 0 0;font-size:1.25rem}.exp-1{background-image:linear-gradient(120deg,#0d1623,#09101a 55%,#10233d)}.exp-2{background-image:linear-gradient(120deg,#0c1320,#07111e 45%,#17345e)}.exp-3{background-image:linear-gradient(120deg,#151a23,#0a0f16 45%,#1f2d43)}.exp-4{background-image:linear-gradient(120deg,#08111e,#0c1420 45%,#112a4e)}.exp-5{background-image:linear-gradient(120deg,#111722,#070b10 50%,#163664)}.exp-6{background-image:linear-gradient(120deg,#0b1018,#0c1420 50%,#0d2a4f)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-copy p:not(.eyebrow){color:var(--muted);font-size:1.03rem}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.about-visual{border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#0a0e14}.about-visual img{width:100%;height:100%;object-fit:cover}.cta-band{padding:72px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 50%,rgba(22,119,255,.18),transparent 34%),#070b11}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{font-size:clamp(2rem,4vw,3.7rem);max-width:760px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:520px}.contact-details{display:flex;flex-direction:column;gap:8px;margin-top:28px}.contact-details a{color:#80b4ff}.contact-details span{color:#cfd6df}.contact-form{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:#c3cad5;margin-bottom:14px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:#090e15;color:#fff;border-radius:12px;padding:14px 15px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(22,119,255,.65);box-shadow:0 0 0 3px rgba(22,119,255,.08)}.form-note{font-size:.75rem;color:#7f8998;margin:12px 0 0}.site-footer{padding:34px 0 44px;border-top:1px solid var(--line);background:#040609}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.footer-brand .brand-mark{width:34px}.footer-grid p{margin:0;color:#727d8c;font-size:.78rem}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media (max-width:980px){.main-nav{position:absolute;top:82px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:#0a0f16;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{padding-top:130px;min-height:auto}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-stage{max-width:760px}.services-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr;gap:22px}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;text-align:left}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:640px){.container{width:min(calc(100% - 28px),var(--container))}.nav-wrap{height:72px}.main-nav{top:72px}.hero{padding:120px 0 70px}.hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}.hero-text{font-size:1rem}.stage-frame{height:390px;border-radius:22px}.section{padding:80px 0}.services-grid,.experience-grid,.field-row{grid-template-columns:1fr}.experience-card{min-height:270px}.stats-grid div{padding:20px}.section h2{font-size:clamp(2.25rem,12vw,3.3rem)}.contact-form{padding:20px}.hero-actions .btn{width:100%}}

/* Real project photography */
.hero-photo-card{margin:0;position:relative;height:540px;border-radius:30px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#080c12}
.hero-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.78) 100%),linear-gradient(135deg,rgba(22,119,255,.18),transparent 48%)}
.hero-photo-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.05)}
.hero-photo-card figcaption{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;display:flex;flex-direction:column;gap:6px}
.hero-photo-card figcaption span{font-size:.72rem;font-weight:800;letter-spacing:.18em;color:#77b0ff}
.hero-photo-card figcaption strong{font-size:1.08rem;color:#fff}
.experience-card{background-image:var(--bg);background-size:cover;background-position:center}
.exp-1,.exp-2,.exp-3,.exp-4,.exp-5,.exp-6{background-image:var(--bg)}
.gallery-section{background:#05080d;border-top:1px solid var(--line)}
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px}
.photo-item{margin:0;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#0b1017;position:relative}
.photo-item:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}
.photo-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease;filter:saturate(.92)}
.photo-item:hover img{transform:scale(1.045);filter:saturate(1.06)}
.photo-item.wide{grid-column:span 2}.photo-item.tall{grid-row:span 2}
@media (max-width:980px){.hero-photo-card{height:460px}.photo-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:230px}}
@media (max-width:640px){.hero-photo-card{height:360px;border-radius:22px}.hero-photo-card figcaption{left:20px;right:20px;bottom:20px}.photo-grid{grid-template-columns:1fr;grid-auto-rows:260px}.photo-item.wide,.photo-item.tall{grid-column:auto;grid-row:auto}}

.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:800;box-shadow:0 14px 40px rgba(22,119,255,.32);border:1px solid rgba(255,255,255,.12)}
.whatsapp-float:hover{transform:translateY(-2px)}
@media(max-width:640px){.whatsapp-float{right:14px;bottom:14px;min-height:46px;padding:0 16px;font-size:.9rem}}

/* WhatsApp CTA: visible green floating button */
.whatsapp-float{gap:10px;background:#25D366!important;color:#fff!important;border:0!important;box-shadow:0 12px 32px rgba(37,211,102,.38)!important;font-size:1rem!important}
.whatsapp-float .wa-icon{width:28px;height:28px;border:2px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}
.whatsapp-float:hover{background:#1fbd5b!important;box-shadow:0 14px 36px rgba(37,211,102,.48)!important}