:root{--navy:#041729;--blue:#0a3154;--gold:#d9b45a;--ivory:#f7f4ed;--text:#10263d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:var(--ivory);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}header{position:fixed;z-index:20;width:100%;background:#041729c9;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff25}.nav{height:74px;display:flex;align-items:center;gap:28px;color:#fff}.brand{margin-right:auto;font-family:Poppins,sans-serif;font-size:21px}.brand span{color:var(--gold)}.menu{display:flex;gap:24px;font-size:13px}.btn{border:0;border-radius:8px;padding:13px 20px;font-weight:700;cursor:pointer}.gold{background:linear-gradient(135deg,#f2d783,#c9952d);color:#07192b}.hero{min-height:720px;padding:115px 0 55px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#021525f5,#021525ad 55%,#02152540),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=88') center/cover}.heroGrid{display:grid;grid-template-columns:1.15fr .72fr;gap:65px;align-items:center}.hero h1{font:700 64px/.98 Poppins,sans-serif;margin:15px 0}.hero h1 span{color:#f2d783}.hero p{font-size:17px;line-height:1.65;max-width:620px;color:#e3e9ed}.ey{letter-spacing:3px;font-size:11px}.proof{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0;font-size:12px}.proof b{color:#f2d783}.glass{background:linear-gradient(145deg,#123c5dde,#03192de5);border:1px solid #ffffff48;box-shadow:0 28px 70px #0008;backdrop-filter:blur(18px);border-radius:22px}.form{padding:25px}.form h2{font:700 29px Poppins,sans-serif;margin:0}.field{width:100%;padding:13px;margin:6px 0;border-radius:8px;border:1px solid #ffffff30;background:#03152570;color:#fff}.form .btn{width:100%;margin-top:7px}.stats{background:#fff;padding:22px 0}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;border-right:1px solid #eadfca}.stat:last-child{border:0}.stat strong{display:block;font:700 28px Poppins,sans-serif;color:#ae7d22}.stat small{color:#6d7885}section{padding:75px 0}.head h2{font:700 42px Poppins,sans-serif;margin:0}.head p{color:#6d7885}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.path{height:420px;position:relative;overflow:hidden;border-radius:18px;color:#fff;box-shadow:0 18px 42px #10223822}.path img{width:100%;height:100%;object-fit:cover;transition:.5s}.path:hover img{transform:scale(1.05)}.path:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#031525f4)}.pc{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.pc b{font:700 42px Poppins,sans-serif;color:#f2d783}.pc h3{font:700 27px Poppins,sans-serif;margin:3px 0}.pc p{font-size:12px;line-height:1.5}.properties{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #10223814}.card img{width:100%;height:165px;object-fit:cover}.card div{padding:14px}.card h4{margin:0 0 6px}.card p{font-size:12px;color:#6d7885}.dark{background:var(--navy);color:#fff}.dark .head p{color:#b4c0ca}.location{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.map{height:340px;border:1px solid #d9b45a66;border-radius:20px;display:grid;place-items:center;text-align:center;line-height:3;color:#f2d783;letter-spacing:2px;background:radial-gradient(circle,#d9b45a28,transparent 20%),linear-gradient(135deg,#0a3154,#031624)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}.step{text-align:center}.step b{width:54px;height:54px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--blue);color:#f2d783}.step p{font-size:11px;color:#6d7885}.cta{padding:55px 0;color:#fff;background:linear-gradient(90deg,#031525f4,#0315259e),url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=85') center/cover}.cta .wrap{display:flex;justify-content:space-between;align-items:center}.cta h2{font:700 40px Poppins,sans-serif;margin:0}footer{background:#020f1c;color:#aebac5;padding:48px 0 20px}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}footer h3,footer h4{color:#fff}footer p{font-size:12px;line-height:1.8}.wa{position:fixed;right:22px;bottom:22px;width:55px;height:55px;border-radius:50%;background:#1fc65b;color:#fff;display:grid;place-items:center;font-weight:bold}.modal{display:none;position:fixed;inset:0;z-index:50;background:#000b;backdrop-filter:blur(8px);place-items:center;padding:20px}.modal.open{display:grid}.modalBox{width:min(500px,100%);padding:28px;color:#fff;position:relative}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}
@media(max-width:850px){.menu{display:none}.heroGrid,.location{grid-template-columns:1fr}.hero h1{font-size:46px}.paths,.properties{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.hero h1{font-size:38px}.paths,.properties{grid-template-columns:1fr}.statsGrid{grid-template-columns:1fr 1fr;gap:18px}.steps{grid-template-columns:1fr 1fr}.cta .wrap{display:block}.cta .btn{margin-top:18px}.foot{grid-template-columns:1fr}}

.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(circle at 78% 22%,rgba(242,220,145,.20),transparent 20%),
radial-gradient(circle at 32% 78%,rgba(19,121,182,.20),transparent 27%);
animation:pzGlow 8s ease-in-out infinite alternate}
.hero>*{position:relative;z-index:2}
.path,.property,.form{transition:transform .35s ease,box-shadow .35s ease}
.path:hover,.property:hover{transform:translateY(-7px)}
.form:hover{box-shadow:0 35px 90px #0009,inset 0 1px #ffffff3d}
.btn{transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.logo{background:linear-gradient(145deg,#F2DC91,#B98525);color:#041729;border:0;box-shadow:0 8px 24px #d7ad4833}
.hero h1{letter-spacing:-2.8px}
.head h2,.cta h2{letter-spacing:-1.7px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.reveal.pz-visible{opacity:1;transform:none}
@keyframes pzGlow{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before{animation:none}.reveal{opacity:1;transform:none;transition:none}}


/* FONT UPDATE ONLY — screenshot-inspired rounded geometric typography */
body,button,input,select,textarea{font-family:"Poppins",Arial,sans-serif;}
.hero h1,.head h2,.cta h2,.form h3,.pc h3,.brand strong{font-family:"Poppins",Arial,sans-serif;}
.hero h1{font-weight:500;letter-spacing:-2.4px;line-height:1.08;}
.head h2,.cta h2{font-weight:500;letter-spacing:-1.5px;line-height:1.16;}
.form h3,.pc h3{font-weight:500;letter-spacing:-.7px;}
.hero p,.pad p,.form p,.head p{font-weight:400;letter-spacing:.12px;}
.menu,.btn{font-weight:500;letter-spacing:.12px;}
.brand strong{font-weight:500;letter-spacing:-.3px;}


.pz-swatch[data-set="blueorange"] i{background:linear-gradient(90deg,#010b17,#032846,#075b91,#e46f1d,#ffb45b)}
html[data-theme="blueorange"] .btn.gold,
html[data-theme="blueorange"] .hero .gold{
 background:linear-gradient(115deg,#ffd18a,#f2923f,#e66d1e,#ffbd62)!important;
 color:#08213a!important
}
html[data-theme="blueorange"] header:after{
 background:linear-gradient(90deg,transparent,#83d8ee,#1685c1,#ff9a46,#ffc46b,transparent)!important
}




/* V6 — animated premium header, gradient typography, richer page backgrounds */

/* Animated glass header */
header{
  background:
    linear-gradient(100deg,rgba(3,18,33,.90),rgba(7,48,80,.72),rgba(3,18,33,.90));
  background-size:220% 100%;
  animation:pzHeaderFlow 10s ease-in-out infinite;
  box-shadow:0 12px 40px rgba(0,0,0,.14);
  overflow:hidden;
}
header:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.10) 38%,transparent 55%);
  transform:translateX(-120%);animation:pzHeaderShine 8s ease-in-out infinite;
}
header:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,#f2dc91,#5ab4d5,#f2dc91,transparent);
  background-size:200% 100%;animation:pzBorderFlow 7s linear infinite;
}
.nav{position:relative;z-index:2}

/* Gradient brand + navigation typography */
.brand strong,.brand-name,.brand{
  background:linear-gradient(100deg,#ffffff 5%,#f4e2a6 42%,#82d5e6 72%,#ffffff 96%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  animation:pzTextFlow 8s linear infinite;
}
.menu a{
  font-weight:600;
  background:linear-gradient(90deg,#ffffff,#d9e8f3 48%,#f2dc91);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  transition:filter .25s ease,transform .25s ease;
}
.menu a:hover{filter:brightness(1.22);transform:translateY(-1px)}
header .gold{
  position:relative;overflow:hidden;
  background:linear-gradient(115deg,#f5e5aa,#d3a33a,#f6e8b7,#c9942c);
  background-size:250% 100%;animation:pzGoldFlow 6s ease infinite;
}
header .gold:after{
  content:"";position:absolute;inset:-2px;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.6) 45%,transparent 65%);
  transform:translateX(-130%);animation:pzButtonShine 5s ease-in-out infinite;
}

/* Hero headline gradient */
.hero h1{
  background:linear-gradient(105deg,#ffffff 8%,#d9e8f1 36%,#f2dc91 62%,#ffffff 90%);
  background-size:230% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:pzTextFlow 10s linear infinite;
  text-shadow:none;
}
.hero h1 span{
  background:linear-gradient(90deg,#f8e8ae,#d4a43c,#fff2c3);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Professional animated page backgrounds */
.v4 .white{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 8% 16%,rgba(72,152,190,.07),transparent 24%),
    radial-gradient(circle at 90% 82%,rgba(213,172,72,.08),transparent 24%),
    linear-gradient(135deg,#ffffff,#f8fafb 52%,#f5f2e9);
}
.v4 .soft{
  position:relative;overflow:hidden;
  background:
    linear-gradient(rgba(7,49,80,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,49,80,.035) 1px,transparent 1px),
    radial-gradient(circle at 78% 20%,rgba(83,177,205,.10),transparent 27%),
    #f4f6f6;
  background-size:38px 38px,38px 38px,auto,auto;
}
.v4 .dark2{
  background:
    radial-gradient(circle at 14% 30%,rgba(38,135,183,.20),transparent 28%),
    radial-gradient(circle at 88% 68%,rgba(216,174,70,.12),transparent 24%),
    linear-gradient(135deg,#020d19,#071f36 54%,#031321);
}
.v4 .dark2:after{
  content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  right:-190px;top:-170px;pointer-events:none;
  background:radial-gradient(circle,rgba(90,190,215,.13),transparent 68%);
  animation:pzOrb 12s ease-in-out infinite alternate;
}
.v4 section:before{
  content:"";position:absolute;pointer-events:none;width:320px;height:320px;border-radius:50%;
  filter:blur(12px);opacity:.28;
  background:radial-gradient(circle,rgba(242,220,145,.28),transparent 68%);
  animation:pzFloatBg 14s ease-in-out infinite alternate;
}
.v4 section:nth-of-type(odd):before{left:-180px;top:12%}
.v4 section:nth-of-type(even):before{right:-180px;bottom:10%}

/* Gradient section headings */
.v4 .dark2 h2,.v4 .final h2{
  background:linear-gradient(95deg,#ffffff,#a7d9e8 50%,#f1d98b 88%);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.v4 .white h2,.v4 .soft h2{
  background:linear-gradient(100deg,#082a48,#0b5782 52%,#9c7222);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Premium surface movement */
.v4 .panel,.v4 .tile,.v4 .step2,.v4 .final{
  isolation:isolate;
}
.v4 .panel:before,.v4 .tile:before,.v4 .step2:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.13),transparent 65%);
  transform:translateX(-80%);transition:opacity .3s;
}
.v4 .panel:hover:before,.v4 .tile:hover:before,.v4 .step2:hover:before{
  opacity:1;animation:pzSurfaceShine 1.2s ease forwards;
}
.v4 .panel,.v4 .tile,.v4 .step2{position:relative;overflow:hidden}

/* animations */
@keyframes pzHeaderFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes pzHeaderShine{0%,55%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}
@keyframes pzBorderFlow{to{background-position:200% 0}}
@keyframes pzTextFlow{to{background-position:220% center}}
@keyframes pzGoldFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes pzButtonShine{0%,60%{transform:translateX(-140%)}85%,100%{transform:translateX(140%)}}
@keyframes pzOrb{to{transform:translate(-55px,70px) scale(1.12)}}
@keyframes pzFloatBg{to{transform:translate(65px,45px) scale(1.18)}}
@keyframes pzSurfaceShine{to{transform:translateX(90%)}}

@media(prefers-reduced-motion:reduce){
 header,header:before,header:after,header .gold,.brand,.brand strong,.brand-name,.hero h1,
 .v4 section:before,.v4 .dark2:after{animation:none!important}
}



/* V7 — Luxury visitor gateway + conversion refinements */
.pz-gateway{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:
radial-gradient(circle at 18% 18%,rgba(65,164,203,.22),transparent 26%),
radial-gradient(circle at 82% 78%,rgba(221,181,76,.18),transparent 25%),
linear-gradient(135deg,rgba(2,13,24,.97),rgba(5,35,59,.97));backdrop-filter:blur(18px);transition:.55s}
.pz-gateway.hide{opacity:0;visibility:hidden;pointer-events:none}
.pz-gate-card{width:min(980px,96vw);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border-radius:34px;background:rgba(255,255,255,.97);box-shadow:0 45px 120px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.4)}
.pz-gate-art{min-height:570px;padding:46px;color:#fff;position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:
linear-gradient(180deg,rgba(3,20,37,.08),rgba(3,20,37,.92)),
url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=90") center/cover}
.pz-gate-art:before{content:"PROPERTIZONE";position:absolute;top:38px;left:42px;font-size:13px;letter-spacing:2.4px;font-weight:700;color:#f2dc91}
.pz-gate-art h2{font-size:48px;line-height:1;letter-spacing:-2.8px;margin:0 0 14px;font-weight:500}.pz-gate-art p{color:#d8e2e9;font-size:12px;line-height:1.7}
.pz-gate-form{padding:46px}.pz-gate-form .small{font-size:10px;letter-spacing:2px;color:#9b7627;font-weight:700}.pz-gate-form h3{font-size:31px;letter-spacing:-1.4px;margin:10px 0}.pz-gate-form>p{font-size:12px;line-height:1.65;color:#6c7883}
.pz-choice{display:grid;gap:9px;margin:22px 0}.pz-choice label{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e0e5e8;border-radius:14px;cursor:pointer;transition:.25s;background:#fff}.pz-choice label:hover{border-color:#c9a347;transform:translateX(3px);box-shadow:0 8px 25px rgba(3,20,37,.06)}.pz-choice input{accent-color:#0a3558}
.pz-consent{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.5;color:#687681;margin:18px 0}.pz-consent input{margin-top:2px;accent-color:#0a3558}.pz-enter{width:100%;border:0;border-radius:12px;padding:15px;background:linear-gradient(110deg,#082d4d,#0d527e);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 14px 35px rgba(8,45,77,.2)}.pz-enter:disabled{opacity:.45;cursor:not-allowed}
.pz-note{text-align:center;font-size:9px!important;color:#8b969f!important;margin-top:12px!important}

/* cleaner premium header */
header{border-bottom:1px solid rgba(255,255,255,.13)!important}
.nav{height:84px!important}.menu{gap:28px!important}.menu a{font-size:11px!important;letter-spacing:.45px}.brand{letter-spacing:.4px}
header .btn{padding:13px 19px!important}

/* conversion polish */
.hero .form{transform:translateY(3px);border-radius:28px!important}.hero .form h3{letter-spacing:-1px}
.v4 .row,.v4 .tile,.v4 .step2{cursor:pointer}
.v4 .row:hover{border-color:#b9cbd6!important;box-shadow:0 15px 40px rgba(4,24,43,.09)!important}
.pz-context{display:none;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:rgba(242,220,145,.12);border:1px solid rgba(242,220,145,.24);font-size:10px;color:#f2dc91}
.pz-context.show{display:block}
@media(max-width:760px){.pz-gate-card{grid-template-columns:1fr}.pz-gate-art{min-height:250px;padding:30px}.pz-gate-art h2{font-size:36px}.pz-gate-form{padding:30px}.pz-gate-art:before{top:25px;left:28px}}



/* V8 — independently editable project/building system */
.pz-projects{padding:110px 0;background:
radial-gradient(circle at 10% 10%,rgba(83,177,205,.08),transparent 24%),
linear-gradient(135deg,#fff,#f6f8f8)}
.pz-projects .pz-shell{width:min(1180px,92%);margin:auto}
.pz-project-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.pz-project-head h2{font-size:clamp(38px,4.5vw,62px);line-height:1;letter-spacing:-3px;margin:8px 0;font-weight:500;color:#082c4a}
.pz-project-head p{max-width:570px;font-size:12px;line-height:1.7;color:#6b7883}
.pz-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pz-project{background:#fff;border:1px solid #e5eaed;border-radius:24px;overflow:hidden;box-shadow:0 15px 45px rgba(3,24,43,.07);transition:.35s;position:relative}
.pz-project:hover{transform:translateY(-7px);box-shadow:0 26px 65px rgba(3,24,43,.13)}
.pz-project-img{height:245px;position:relative;overflow:hidden}.pz-project-img img{width:100%;height:100%;object-fit:cover;transition:.55s}.pz-project:hover img{transform:scale(1.045)}
.pz-badge{position:absolute;left:15px;top:15px;padding:7px 10px;border-radius:999px;background:rgba(3,21,37,.82);backdrop-filter:blur(10px);color:#fff;font-size:9px;font-weight:600}
.pz-featured{position:absolute;right:15px;top:15px;padding:7px 10px;border-radius:999px;background:linear-gradient(110deg,#f2dc91,#d1a33c);color:#08233a;font-size:9px;font-weight:700}
.pz-project-body{padding:21px}.pz-project-body h3{font-size:19px;letter-spacing:-.8px;margin:0 0 6px;color:#092c49}.pz-location{font-size:10px;color:#9b7627;font-weight:600}.pz-project-body p{font-size:10px;line-height:1.65;color:#6b7883;min-height:48px}
.pz-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.pz-meta span{padding:9px;border-radius:10px;background:#f5f7f7;font-size:9px;color:#53626e}
.pz-project-actions{display:flex;gap:8px}.pz-project-actions a{flex:1;text-align:center;padding:11px;border-radius:10px;font-size:9px;font-weight:700}.pz-view{background:#082d4d;color:#fff}.pz-enquire{border:1px solid #d7ad48;color:#8a651e;background:#fffaf0}
.pz-adminbar{display:none;position:fixed;left:18px;bottom:18px;z-index:500;padding:10px;border-radius:15px;background:#071a2deb;color:#fff;backdrop-filter:blur(14px);box-shadow:0 15px 40px #0005}.pz-adminbar.show{display:flex;gap:7px}.pz-adminbar button{border:0;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:700;cursor:pointer}
.pz-edit{display:none;position:absolute;z-index:5;right:12px;bottom:12px;border:0;border-radius:10px;padding:8px 10px;background:#fff;color:#082d4d;font-size:9px;font-weight:700;box-shadow:0 7px 20px #0003;cursor:pointer}.pz-editmode .pz-edit{display:block}
.pz-editor{display:none;position:fixed;inset:0;z-index:10000;background:#000b;backdrop-filter:blur(9px);place-items:center;padding:20px}.pz-editor.open{display:grid}.pz-editor-box{width:min(720px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:25px;padding:28px;box-shadow:0 40px 100px #0007}.pz-editor-box h3{margin:0 0 18px;font-size:24px}.pz-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pz-editor label{font-size:9px;color:#5e6b75;font-weight:700}.pz-editor input,.pz-editor textarea,.pz-editor select{width:100%;padding:11px;margin-top:5px;border:1px solid #dce2e5;border-radius:9px}.pz-editor textarea{min-height:80px}.pz-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.pz-editor-actions button{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer}.pz-save{background:#082d4d;color:#fff}.pz-cancel{background:#eee}
@media(max-width:850px){.pz-project-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pz-project-grid{grid-template-columns:1fr}.pz-project-head{display:block}.pz-edit-grid{grid-template-columns:1fr}}



/* V9 — GLASS LUXURY / AURORA SYSTEM */
body{background:#f4f7f8}
header{background:linear-gradient(100deg,rgba(2,15,28,.88),rgba(7,53,88,.74),rgba(2,15,28,.9))!important;backdrop-filter:blur(22px) saturate(135%)!important}
header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.11) 42%,transparent 58%);transform:translateX(-120%);animation:v9shine 9s ease-in-out infinite}
header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#73d0e4,#f2dc91,#73d0e4,transparent);background-size:220%;animation:v9line 8s linear infinite}
.brand,.brand strong,.menu a{background:linear-gradient(90deg,#fff,#bfeaf2 48%,#f4dfa0);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero:before{background:radial-gradient(circle at 78% 20%,rgba(242,220,145,.24),transparent 20%),radial-gradient(circle at 28% 72%,rgba(72,191,221,.20),transparent 28%)!important;animation:v9aurora 9s ease-in-out infinite alternate!important}
.glass{background:linear-gradient(145deg,rgba(24,75,108,.60),rgba(3,22,40,.78))!important;border:1px solid rgba(255,255,255,.30)!important;backdrop-filter:blur(28px) saturate(140%)!important;box-shadow:0 35px 100px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.22)!important}
.pz-projects{position:relative;overflow:hidden;background:
radial-gradient(circle at 10% 10%,rgba(94,199,219,.18),transparent 25%),
radial-gradient(circle at 92% 85%,rgba(223,183,76,.16),transparent 23%),
linear-gradient(135deg,#f9fbfc,#edf4f6 50%,#f8f3e7)!important}
.pz-projects:before,.pz-projects:after{content:"";position:absolute;border-radius:50%;filter:blur(15px);pointer-events:none}
.pz-projects:before{width:420px;height:420px;left:-180px;top:80px;background:radial-gradient(circle,rgba(70,189,216,.20),transparent 68%);animation:v9orb 13s ease-in-out infinite alternate}
.pz-projects:after{width:480px;height:480px;right:-210px;bottom:20px;background:radial-gradient(circle,rgba(224,184,78,.18),transparent 68%);animation:v9orb 16s ease-in-out infinite alternate-reverse}
.pz-projects .pz-shell{position:relative;z-index:2}
.pz-project-head h2{background:linear-gradient(100deg,#062945,#0d6089 52%,#a27822);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.pz-project-grid{gap:24px!important}
.pz-project{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(247,252,253,.67))!important;border:1px solid rgba(255,255,255,.9)!important;backdrop-filter:blur(22px) saturate(130%);box-shadow:0 24px 65px rgba(5,36,58,.11),inset 0 1px rgba(255,255,255,.8)!important;border-radius:28px!important}
.pz-project:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,rgba(111,211,230,.65),rgba(255,255,255,.2),rgba(217,174,72,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pz-project:hover{transform:translateY(-10px) scale(1.012)!important;box-shadow:0 38px 85px rgba(5,36,58,.18),0 0 40px rgba(90,192,216,.09)!important}
.pz-project-img{height:260px!important}.pz-project-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,24,42,.25));pointer-events:none}
.pz-badge{background:rgba(3,25,43,.68)!important;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(15px)!important}
.pz-featured{box-shadow:0 8px 25px rgba(211,168,63,.25)}
.pz-meta span{background:rgba(234,242,244,.72)!important;border:1px solid rgba(210,225,229,.65);backdrop-filter:blur(8px)}
.pz-view{background:linear-gradient(115deg,#062b49,#0d5c84)!important;box-shadow:0 10px 25px rgba(8,58,91,.16)}.pz-enquire{background:linear-gradient(135deg,#fffaf0,#fff)!important}
.v4 .tile,.v4 .step2,.v4 .panel{backdrop-filter:blur(18px) saturate(125%)}
.v4 .tile{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.15)!important}
.v4 .step2{background:rgba(255,255,255,.76)!important;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 15px 45px rgba(5,36,58,.07)}
.v4 .row{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(14px);border:1px solid rgba(216,228,231,.8)!important}
.v4 .final{border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(18px)}
.pz-adminbar{background:linear-gradient(145deg,rgba(5,29,49,.82),rgba(5,47,76,.78))!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(24px) saturate(140%)!important}
.pz-editor{background:radial-gradient(circle at 20% 20%,rgba(61,168,199,.17),transparent 26%),rgba(0,8,16,.80)!important}
.pz-editor-box{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.9)}
@keyframes v9shine{0%,60%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
@keyframes v9line{to{background-position:220% 0}}
@keyframes v9aurora{to{opacity:.95;transform:scale(1.07) translateY(10px)}}
@keyframes v9orb{to{transform:translate(65px,55px) scale(1.14)}}
@media(prefers-reduced-motion:reduce){header:before,header:after,.hero:before,.pz-projects:before,.pz-projects:after{animation:none!important}.pz-project,.v4 .tile,.v4 .step2{transition:none!important}}



/* V10 — CLIENT-ATTRACTION MULTI-GRADIENT THEME */
:root{
 --pz-midnight:#021321;--pz-sapphire:#073b67;--pz-royal:#126b9a;
 --pz-cyan:#79d5e6;--pz-gold:#d5a83d;--pz-champ:#f5e3a6;
 --pz-emerald:#14745e;--pz-ivory:#fbfaf6;
}
body{background:linear-gradient(135deg,#f9fbfc,#f5f7f5 45%,#faf5e9)}
/* Header: dark jewel gradient */
header{
 background:linear-gradient(105deg,rgba(2,19,33,.94),rgba(5,56,92,.86),rgba(13,83,113,.76),rgba(2,19,33,.94))!important;
 background-size:300% 100%!important;animation:v10Header 12s ease infinite!important
}
.brand,.brand strong,.menu a{
 background:linear-gradient(90deg,#fff 5%,#9fe3ef 45%,#f5e3a6 78%,#fff)!important;
 background-size:230% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
/* Hero: cinematic sapphire/gold */
.hero{
 background:
 linear-gradient(92deg,rgba(1,15,28,.97) 0%,rgba(4,42,70,.86) 48%,rgba(4,42,70,.38) 78%),
 url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90") center/cover!important
}
.hero h1{
 background:linear-gradient(100deg,#fff 5%,#bdeaf1 34%,#f5e3a6 62%,#fff 92%)!important;
 background-size:230% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
.hero .gold,.btn.gold{
 background:linear-gradient(115deg,#f8eab8,#d6a83c,#f5dd91,#c89325)!important;
 background-size:260% 100%!important;animation:v10Gold 7s ease infinite!important
}
/* Light sections: pearl → ice → champagne */
.v4 .white,.pz-projects{
 background:
 radial-gradient(circle at 10% 10%,rgba(74,188,215,.12),transparent 25%),
 radial-gradient(circle at 90% 86%,rgba(221,177,66,.13),transparent 25%),
 linear-gradient(135deg,#ffffff 0%,#f2f9fa 48%,#fbf5e6 100%)!important
}
/* Soft sections: ice blue → pearl → pale emerald */
.v4 .soft{
 background:
 radial-gradient(circle at 82% 20%,rgba(20,116,94,.09),transparent 25%),
 linear-gradient(130deg,#eef7f9,#f8faf8 50%,#eef7f2)!important
}
/* Dark sections: midnight → sapphire → emerald-black */
.v4 .dark2{
 background:
 radial-gradient(circle at 18% 28%,rgba(68,189,218,.20),transparent 27%),
 radial-gradient(circle at 85% 72%,rgba(218,174,65,.14),transparent 24%),
 linear-gradient(125deg,#010d19 0%,#06365c 52%,#073c39 115%)!important
}
/* Section headings */
.v4 .white h2,.v4 .soft h2,.pz-project-head h2{
 background:linear-gradient(100deg,#052c4b 4%,#0876a0 45%,#13745d 67%,#9b7120 95%)!important;
 background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
.v4 .dark2 h2,.v4 .final h2{
 background:linear-gradient(95deg,#fff,#8dddeb 42%,#f5df9b 72%,#b8ead8)!important;
 -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
/* Opportunity / feature cards */
.v4 .panel.purple{
 background:
 radial-gradient(circle at 80% 10%,rgba(245,227,166,.24),transparent 22%),
 linear-gradient(145deg,#042944,#09618a 58%,#126c60 120%)!important
}
.v4 .tile{
 background:
 linear-gradient(145deg,rgba(44,138,177,.16),rgba(255,255,255,.055),rgba(213,168,61,.07))!important
}
.v4 .tile i{
 background:linear-gradient(145deg,#a9e7ef,#f4e0a0 62%,#d0a13a)!important;
 box-shadow:0 12px 30px rgba(121,213,230,.12)
}
/* Property glass cards */
.pz-project{
 background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(237,248,250,.72),rgba(255,248,230,.64))!important
}
.pz-project:before{
 background:linear-gradient(135deg,rgba(121,213,230,.8),rgba(255,255,255,.25),rgba(20,116,94,.42),rgba(213,168,61,.7))!important
}
.pz-view{
 background:linear-gradient(110deg,#043254,#08749b,#14745e)!important;background-size:220%!important;transition:.35s!important
}
.pz-view:hover{background-position:100% 50%!important}
.pz-enquire{
 background:linear-gradient(135deg,#fff,#fff7dd)!important;border-color:#d7ad48!important
}
/* Process cards */
.v4 .step2{
 background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(237,248,248,.72))!important
}
.v4 .step2 b{
 background:linear-gradient(135deg,#9eddea,#d6aa42);-webkit-background-clip:text;background-clip:text;color:transparent!important
}
/* Final CTA */
.v4 .final.purple{
 background:
 radial-gradient(circle at 82% 18%,rgba(245,227,166,.22),transparent 25%),
 radial-gradient(circle at 12% 80%,rgba(121,213,230,.17),transparent 24%),
 linear-gradient(120deg,#021522,#07517b 55%,#116554)!important
}
/* Footer */
.v4 footer{
 background:linear-gradient(120deg,#010b14,#052944 58%,#07352f)!important
}
/* Gateway */
.pz-gateway{
 background:
 radial-gradient(circle at 16% 20%,rgba(85,196,219,.25),transparent 27%),
 radial-gradient(circle at 84% 80%,rgba(225,182,70,.20),transparent 24%),
 linear-gradient(130deg,rgba(1,13,24,.98),rgba(5,58,91,.97),rgba(8,61,54,.96))!important
}
.pz-enter{
 background:linear-gradient(110deg,#043455,#087da2,#14745e)!important;background-size:220%!important;transition:.35s!important
}
.pz-enter:not(:disabled):hover{background-position:100% 50%!important;transform:translateY(-2px)}
/* ambient animated gradient veil */
.v4 section{position:relative;isolation:isolate}
.v4 section>.w2,.v4 section>.pz-shell{position:relative;z-index:2}
.v4 section:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.28;background:linear-gradient(115deg,transparent 20%,rgba(121,213,230,.10) 43%,rgba(245,227,166,.08) 58%,transparent 78%);background-size:220% 100%;animation:v10Veil 15s ease-in-out infinite}
@keyframes v10Header{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes v10Gold{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes v10Veil{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){header,.hero .gold,.btn.gold,.v4 section:after{animation:none!important}}



/* V11 — CINEMATIC PREMIUM HERO */
.hero{
 min-height:100svh!important;
 padding:128px 0 80px!important;
 isolation:isolate;
 background:#021321!important;
 overflow:hidden!important;
}
.hero::after{
 content:"";position:absolute;inset:-5%;z-index:-4;
 background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2400&q=92") center/cover no-repeat;
 animation:cinemaCamera 20s ease-in-out infinite alternate;
 transform-origin:center;
}
.hero::before{
 content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
 background:
 linear-gradient(90deg,rgba(1,12,23,.96) 0%,rgba(2,28,48,.83) 43%,rgba(3,41,66,.42) 73%,rgba(2,16,29,.54) 100%),
 radial-gradient(circle at 77% 25%,rgba(244,221,145,.26),transparent 18%),
 radial-gradient(circle at 30% 78%,rgba(81,200,226,.22),transparent 27%);
 animation:cinemaLight 9s ease-in-out infinite alternate!important;
}
.hero .w:before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.12;
 background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
 mix-blend-mode:soft-light;animation:filmGrain .35s steps(2) infinite;
}
.heroGrid{position:relative!important;z-index:3}
.hero .ey{
 opacity:0;animation:heroUp .8s .15s ease forwards;
 color:#dce9ef!important;font-weight:600;letter-spacing:3.4px!important
}
.hero h1{
 font-size:clamp(48px,6vw,86px)!important;
 line-height:.92!important;
 max-width:780px;
 opacity:0;transform:translateY(25px);
 animation:heroUp 1s .32s cubic-bezier(.2,.8,.2,1) forwards,
            heroGradient 10s 1.4s linear infinite!important;
 background:linear-gradient(105deg,#fff 4%,#bcecf3 34%,#f7e6a8 61%,#fff 92%)!important;
 background-size:240% auto!important;
 -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
 text-shadow:0 20px 60px rgba(0,0,0,.22)!important
}
.hero p{
 opacity:0;transform:translateY(18px);
 animation:heroUp .9s .55s ease forwards;
 max-width:610px!important;font-size:15px!important
}
.hero .proof,.hero .actions{
 opacity:0;transform:translateY(18px);animation:heroUp .9s .72s ease forwards
}
.hero .proof span{
 background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.14);
 padding:8px 11px;border-radius:999px;backdrop-filter:blur(10px)
}
.hero .form{
 opacity:0;transform:translateX(35px) scale(.97);
 animation:heroForm 1.05s .48s cubic-bezier(.2,.8,.2,1) forwards;
 background:linear-gradient(145deg,rgba(21,72,103,.55),rgba(2,18,34,.76))!important;
 border:1px solid rgba(255,255,255,.31)!important;
 backdrop-filter:blur(32px) saturate(145%)!important;
 box-shadow:0 40px 110px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.23)!important;
 position:relative;overflow:hidden
}
.hero .form:before{
 content:"";position:absolute;inset:-2px;pointer-events:none;
 background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.16) 43%,transparent 62%);
 transform:translateX(-110%);animation:heroGlassShine 7s 2s ease-in-out infinite
}
.hero .form>*{position:relative;z-index:2}
.hero .form h3{font-size:29px!important;letter-spacing:-1.3px!important}
.hero .field{background:rgba(1,16,29,.38)!important;border-color:rgba(255,255,255,.19)!important;backdrop-filter:blur(8px)}
.hero .field:focus{border-color:#a8e5ee!important;box-shadow:0 0 0 3px rgba(121,213,230,.09)}
.hero .btn.gold{box-shadow:0 16px 45px rgba(215,173,72,.25)!important}
.hero-scroll{
 position:absolute;z-index:4;bottom:31px;left:50%;transform:translateX(-50%);
 color:#fff;text-align:center;font-size:8px;letter-spacing:2.5px;opacity:.72
}
.hero-scroll:after{
 content:"";display:block;width:1px;height:34px;margin:9px auto 0;
 background:linear-gradient(#f2dc91,transparent);animation:scrollPulse 1.8s ease-in-out infinite
}
.cinema-line{
 position:absolute;z-index:2;left:0;right:0;bottom:0;height:2px;
 background:linear-gradient(90deg,transparent,#72d2e5,#f3db8e,#72d2e5,transparent);
 background-size:220%;animation:v11line 7s linear infinite
}
@keyframes cinemaCamera{0%{transform:scale(1.04) translate3d(-.8%,0,0)}100%{transform:scale(1.13) translate3d(1.4%,-1.2%,0)}}
@keyframes cinemaLight{to{filter:saturate(1.12);opacity:.94}}
@keyframes filmGrain{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}}
@keyframes heroUp{to{opacity:1;transform:translateY(0)}}
@keyframes heroForm{to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes heroGradient{to{background-position:240% center}}
@keyframes heroGlassShine{0%,60%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
@keyframes scrollPulse{0%,100%{opacity:.25;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
@keyframes v11line{to{background-position:220% 0}}
@media(max-width:850px){.hero{min-height:auto!important;padding-bottom:105px!important}.hero h1{font-size:clamp(43px,12vw,66px)!important}.hero-scroll{display:none}}
@media(prefers-reduced-motion:reduce){
 .hero::after,.hero::before,.hero .w:before,.hero h1,.hero .form,.hero .form:before,.hero .ey,.hero p,.hero .proof,.hero .actions,.hero-scroll:after,.cinema-line{animation:none!important}
 .hero h1,.hero .form,.hero .ey,.hero p,.hero .proof,.hero .actions{opacity:1!important;transform:none!important}
}



/* V12 — IMMERSIVE STORY / DYNAMIC BACKGROUND / PREMIUM INTERACTION */
:root{--mx:50%;--my:30%;--scroll:0}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
radial-gradient(circle at var(--mx) var(--my),rgba(91,205,225,.12),transparent 24%),
radial-gradient(circle at calc(100% - var(--mx)) 78%,rgba(222,181,72,.10),transparent 25%),
linear-gradient(135deg,#f8fbfc,#f5f7f5 50%,#fbf6e9);transition:background .2s linear}

/* advanced typography */
.v4 h2,.pz-project-head h2{font-weight:500!important;letter-spacing:-3.5px!important;text-wrap:balance}
.v4 h2 .accent,.story-copy h2 .accent{font-weight:700;background:linear-gradient(100deg,#0b7da1,#14745e,#b18528);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4 p,.pz-project-head p{letter-spacing:.015em}
.display-kicker{font-size:9px;letter-spacing:3px;text-transform:uppercase;font-weight:700}

/* scroll storytelling */
.pz-story{position:relative;padding:120px 0;background:linear-gradient(135deg,#031321,#073653 55%,#073b35);color:#fff;overflow:clip}
.pz-story:before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 75% 25%,rgba(118,213,229,.18),transparent 25%),
radial-gradient(circle at 18% 78%,rgba(236,201,111,.12),transparent 24%);pointer-events:none}
.story-shell{width:min(1180px,92%);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;position:relative}
.story-copy{position:sticky;top:130px;height:max-content}.story-copy h2{font-size:clamp(43px,5vw,70px);line-height:.98;letter-spacing:-3.6px;margin:14px 0}.story-copy p{color:#b9c9d4;font-size:12px;line-height:1.8}
.story-progress{height:2px;background:#ffffff17;margin-top:28px;overflow:hidden}.story-progress i{display:block;height:100%;width:calc(var(--scroll)*1%);background:linear-gradient(90deg,#76d5e6,#f2dc91);transition:width .1s}
.story-scenes{display:grid;gap:34px}.story-scene{min-height:500px;border-radius:32px;overflow:hidden;position:relative;border:1px solid #ffffff1e;box-shadow:0 30px 80px #0004;transform:translateZ(0)}
.story-scene img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s}.story-scene:hover img{transform:scale(1.035)}
.story-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,17,30,.92))}
.scene-info{position:absolute;z-index:2;left:32px;right:32px;bottom:30px}.scene-info b{font-size:52px;color:#f2dc91;font-weight:500}.scene-info h3{font-size:27px;margin:2px 0}.scene-info p{font-size:11px;color:#d4dfe5;max-width:560px}

/* interactive premium cards */
.pz-project{transform-style:preserve-3d;will-change:transform}
.pz-project-body{transform:translateZ(18px)}
.pz-project-img{transform:translateZ(10px)}
.pz-project .pz-badge,.pz-project .pz-featured{transition:transform .3s}
.pz-project:hover .pz-badge,.pz-project:hover .pz-featured{transform:translateY(-2px)}
.pz-project-actions a{position:relative;overflow:hidden;transition:.3s}
.pz-project-actions a:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35),transparent 65%);transform:translateX(-120%);transition:.6s}
.pz-project-actions a:hover:after{transform:translateX(120%)}

/* AI visual framing */
.ai-visual{position:relative}
.ai-visual:before{content:"AI VISUAL";position:absolute;z-index:4;right:15px;bottom:15px;padding:6px 9px;border-radius:999px;background:rgba(3,21,37,.58);border:1px solid #ffffff25;backdrop-filter:blur(12px);color:#dbe8ee;font-size:7px;letter-spacing:1.4px}
.ai-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(130,221,235,.08),transparent 62%);background-size:220%;animation:aiSweep 9s ease-in-out infinite}

/* subtle micro interactions */
.btn,.chip,.tab,.row,.field,.menu a,.pz-enter{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,filter .25s ease}
.btn:hover,.pz-enter:not(:disabled):hover{transform:translateY(-2px)}
.field:focus{transform:translateY(-1px)}
.v4 .pill{transition:.3s}.v4 .pill:hover{letter-spacing:1.9px}
.menu a:hover{filter:brightness(1.18)}
.pz-badge{animation:badgeFloat 4s ease-in-out infinite}
.rv.on{animation:softSettle .7s ease both}

@keyframes aiSweep{0%,55%{background-position:-120% 0}85%,100%{background-position:120% 0}}
@keyframes badgeFloat{50%{transform:translateY(-2px)}}
@keyframes softSettle{0%{filter:blur(2px)}100%{filter:blur(0)}}

@media(max-width:850px){.story-shell{grid-template-columns:1fr}.story-copy{position:relative;top:auto}.story-scene{min-height:420px}}
@media(prefers-reduced-motion:reduce){.ai-visual:after,.pz-badge,.rv.on{animation:none!important}.pz-project{transform:none!important}}



/* V13 — SMART EXPERIENCE LAYER */
header .nav{max-width:1240px}
.menu a.active{filter:brightness(1.3);position:relative}.menu a.active:before{content:"";position:absolute;left:25%;right:25%;bottom:-10px;height:2px;background:linear-gradient(90deg,#79d5e6,#f2dc91);border-radius:3px}
.pz-mobilebar{display:none}
.pz-smart-actions{position:fixed;right:20px;bottom:20px;z-index:800;display:flex;flex-direction:column;gap:10px}
.pz-smart-btn{width:56px;height:56px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;font-size:20px;box-shadow:0 15px 38px #0004;transition:.25s}
.pz-smart-btn:hover{transform:translateY(-3px) scale(1.03)}
.pz-ai-btn{background:linear-gradient(145deg,#075b84,#14745e);border:1px solid #ffffff35}
.pz-wa-btn{background:linear-gradient(145deg,#28d36a,#129f4a)}
.pz-ai{position:fixed;right:20px;bottom:150px;z-index:900;width:min(390px,calc(100vw - 30px));display:none;overflow:hidden;border-radius:25px;background:linear-gradient(145deg,rgba(8,49,78,.94),rgba(2,20,35,.97));border:1px solid #ffffff2d;backdrop-filter:blur(28px) saturate(140%);box-shadow:0 30px 90px #0007;color:#fff}
.pz-ai.open{display:block;animation:aiOpen .35s ease}
.pz-ai-head{padding:17px 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff16}.pz-ai-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8de0eb,#f1d889);color:#05253e;font-weight:800}.pz-ai-head b{font-size:12px}.pz-ai-head small{display:block;font-size:8px;color:#aebfc9;margin-top:2px}.pz-ai-close{margin-left:auto;border:0;background:none;color:#fff;font-size:21px;cursor:pointer}
.pz-ai-body{padding:17px;max-height:430px;overflow:auto}.pz-ai-msg{padding:12px 13px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff12;font-size:10px;line-height:1.55;margin-bottom:10px}.pz-ai-choices{display:grid;gap:7px}.pz-ai-choices button{padding:11px 12px;border-radius:11px;border:1px solid #ffffff20;background:#ffffff0b;color:#fff;text-align:left;font-size:10px;cursor:pointer;transition:.2s}.pz-ai-choices button:hover{background:#ffffff16;transform:translateX(2px)}
.pz-ai-footer{padding:12px 17px;border-top:1px solid #ffffff12;font-size:8px;color:#92a8b5}

/* performance layer */
img{content-visibility:auto}.pz-project,.story-scene{contain:layout paint style}.v4 section,.pz-projects{content-visibility:auto;contain-intrinsic-size:800px}
@media(max-width:760px){
 body{padding-bottom:68px}
 header .menu,header .btn.gold{display:none!important}
 .nav{height:68px!important}.brand{font-size:15px!important}
 .hero{padding-top:92px!important}.heroGrid{gap:28px!important}.hero .form{padding:20px!important}
 .hero h1{font-size:clamp(39px,12vw,56px)!important;line-height:.96!important}
 .trust{gap:7px!important}.trust span{font-size:8px!important;padding:7px 9px!important}
 .pz-mobilebar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:850;left:10px;right:10px;bottom:9px;height:58px;border-radius:18px;background:rgba(3,25,43,.90);border:1px solid #ffffff28;backdrop-filter:blur(24px) saturate(140%);box-shadow:0 18px 45px #0005;overflow:hidden}
 .pz-mobilebar a,.pz-mobilebar button{border:0;background:none;color:#d8e5ec;font-size:8px;display:grid;place-items:center;gap:2px;padding:7px 2px}.pz-mobilebar span{font-size:17px}
 .pz-smart-actions{right:14px;bottom:82px}.pz-smart-btn{width:49px;height:49px}
 .pz-ai{right:10px;left:10px;bottom:80px;width:auto}.pz-ai-body{max-height:50vh}
 .story-scene{min-height:360px!important}.scene-info{left:22px!important;right:22px!important;bottom:22px!important}
 .pz-project-img{height:220px!important}
}
@media(prefers-reduced-motion:reduce){.pz-smart-btn,.pz-ai.open{animation:none!important;transition:none!important}}
@keyframes aiOpen{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}



/* V14 — EXECUTIVE PREMIUM FOOTER */
.pz-footer{position:relative;overflow:hidden;background:
radial-gradient(circle at 82% 18%,rgba(45,145,181,.13),transparent 24%),
radial-gradient(circle at 12% 80%,rgba(215,173,72,.10),transparent 23%),
linear-gradient(135deg,#030e1b,#07182a 55%,#061f30);color:#dce5eb;padding:0!important}
.pz-footer:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px}
.pz-foot-shell{width:min(1180px,92%);margin:auto;position:relative;z-index:2}
.pz-foot-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:58px 0 48px;border-bottom:1px solid rgba(255,255,255,.12)}
.pz-foot-brand{display:flex;align-items:center;gap:15px}.pz-foot-mark{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#06233a;background:linear-gradient(145deg,#f3dfa0,#d5a73d);box-shadow:0 14px 35px rgba(215,173,72,.18)}.pz-foot-brand h3{font-size:23px;margin:0;letter-spacing:.2px;color:#fff}.pz-foot-brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:1.7px;color:#93a8b6}
.pz-foot-statement{font-size:20px;line-height:1.55;letter-spacing:-.7px;color:#f4f7f9;margin:0}.pz-foot-statement span{background:linear-gradient(90deg,#8dddeb,#f2dc91);-webkit-background-clip:text;background-clip:text;color:transparent}
.pz-foot-main{display:grid;grid-template-columns:1.05fr .75fr .8fr 1.15fr;gap:44px;padding:54px 0}
.pz-foot-col h4{font-size:15px;margin:0 0 26px;color:#fff;position:relative}.pz-foot-col h4:after{content:"";display:block;width:42px;height:2px;margin-top:10px;background:linear-gradient(90deg,#f2dc91,#74d1e3);border-radius:3px}
.pz-foot-col p,.pz-foot-col a{font-size:10px;line-height:1.9;color:#aebdc7}.pz-foot-col a{transition:.25s}.pz-foot-col a:hover{color:#fff;transform:translateX(2px)}
.pz-news{display:flex;margin:18px 0 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;overflow:hidden;backdrop-filter:blur(15px)}.pz-news input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:14px 17px;outline:0;font-size:10px}.pz-news button{width:52px;border:0;background:linear-gradient(145deg,#f4dfa0,#d4a63d);color:#06233a;font-size:17px;cursor:pointer}
.pz-contact-line{display:flex;gap:10px;margin:10px 0;align-items:flex-start}.pz-contact-line i{font-style:normal;color:#f2dc91;width:18px}.pz-hours{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.pz-location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.pz-location-tile{padding:13px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);font-size:9px;color:#d8e2e8;transition:.25s}.pz-location-tile:hover{background:rgba(255,255,255,.09);border-color:rgba(242,220,145,.22);transform:translateY(-2px)}
.pz-foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.pz-foot-bottom p{margin:0;font-size:9px;color:#8296a4}.pz-legal{display:flex;gap:18px}.pz-legal a{font-size:9px;color:#8296a4}.pz-social{display:flex;gap:8px}.pz-social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);color:#dce5eb;font-size:10px;transition:.25s}.pz-social a:hover{border-color:#f2dc91;color:#f2dc91;transform:translateY(-2px)}
@media(max-width:900px){.pz-foot-top{grid-template-columns:1fr;gap:28px}.pz-foot-main{grid-template-columns:1fr 1fr}.pz-foot-statement{font-size:18px}}
@media(max-width:560px){.pz-foot-main{grid-template-columns:1fr}.pz-foot-top{padding-top:45px}.pz-foot-bottom{display:block}.pz-legal,.pz-social{margin-top:15px;flex-wrap:wrap}.pz-location-grid{grid-template-columns:1fr 1fr}}



/* V15 — HERO HEADER ONLY */
header{
 top:16px!important;left:50%!important;right:auto!important;width:min(1240px,94vw)!important;
 transform:translateX(-50%)!important;border:1px solid rgba(255,255,255,.16)!important;
 border-radius:20px!important;background:linear-gradient(105deg,rgba(2,18,32,.72),rgba(8,55,86,.58),rgba(2,18,32,.72))!important;
 backdrop-filter:blur(26px) saturate(145%)!important;box-shadow:0 18px 55px rgba(0,0,0,.22)!important;
 overflow:visible!important;transition:top .35s,width .35s,border-radius .35s,background .35s!important
}
header.pz-compact{top:0!important;width:100%!important;border-radius:0!important;border-left:0!important;border-right:0!important;background:rgba(2,18,32,.90)!important}
header:before{border-radius:20px}
header .nav{width:calc(100% - 34px)!important;height:76px!important;margin:auto!important}
.brand{gap:11px!important}.logo{width:44px!important;height:44px!important;border-radius:13px!important;background:linear-gradient(145deg,#f6e6aa,#c8962d)!important;box-shadow:0 10px 28px rgba(213,168,61,.22)!important}
.brand strong{font-size:18px!important;letter-spacing:.25px!important}.brand small{font-size:6.5px!important;letter-spacing:1.6px!important}
.menu{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);gap:5px!important}
.menu a{padding:9px 13px;border-radius:999px;font-size:9px!important;letter-spacing:.55px!important;transition:.25s!important}
.menu a:hover,.menu a.active{background:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px rgba(255,255,255,.09)}
.menu a:after,.menu a.active:before{display:none!important}
.pz-head-actions{display:flex;align-items:center;gap:8px}
.pz-head-mini{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055);color:#fff;font-size:13px;transition:.25s}
.pz-head-mini:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(242,220,145,.3)}
header .btn.gold{padding:12px 17px!important;font-size:9px!important;letter-spacing:.45px!important}
.hero{padding-top:135px!important}
.hero .ey{padding-left:2px}
.hero h1{max-width:760px!important}
.pz-hero-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);font-size:8px;letter-spacing:1.8px;color:#d9e6ed}
.pz-hero-label i{width:6px;height:6px;border-radius:50%;background:#f2dc91;box-shadow:0 0 14px #f2dc91;animation:pzDot 2s ease-in-out infinite}
@keyframes pzDot{50%{opacity:.4;transform:scale(.75)}}
@media(max-width:900px){header{top:8px!important;width:96vw!important}.menu,.pz-head-mini{display:none!important}header .nav{height:66px!important}.hero{padding-top:100px!important}}
@media(prefers-reduced-motion:reduce){.pz-hero-label i{animation:none!important}}



/* V16 — UNIVERSAL RESPONSIVE / DESKTOP • LAPTOP • TABLET • ANDROID • IPHONE */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px}
img,video,svg{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
input,select,textarea{font-size:16px} /* prevents iOS auto zoom */
:focus-visible{outline:2px solid #79d5e6;outline-offset:3px}
header{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
.pz-mobilebar{padding-bottom:env(safe-area-inset-bottom)}
.pz-smart-actions{bottom:calc(20px + env(safe-area-inset-bottom))}
.hero,.pz-story,.pz-projects,.v4 section{overflow-x:clip}

/* XL DESKTOP 1440+ */
@media(min-width:1440px){
 .wrap,.w2,.pz-shell,.story-shell,.pz-foot-shell{width:min(1320px,90vw)!important}
 header{width:min(1380px,94vw)!important}
 .heroGrid{grid-template-columns:1.15fr .62fr!important;gap:90px!important}
 .hero h1{font-size:88px!important}
 .pz-project-grid{grid-template-columns:repeat(3,1fr)!important}
}

/* STANDARD DESKTOP / LAPTOP */
@media(min-width:1024px) and (max-width:1439px){
 .wrap,.w2,.pz-shell,.story-shell,.pz-foot-shell{width:min(1160px,92vw)!important}
 .heroGrid{gap:52px!important}
 .hero h1{font-size:clamp(58px,6vw,78px)!important}
 .menu a{padding:8px 9px!important}
 .pz-project-grid{grid-template-columns:repeat(3,1fr)!important}
}

/* TABLET LANDSCAPE / SMALL LAPTOP */
@media(min-width:820px) and (max-width:1023px){
 header{width:96vw!important;top:8px!important}
 .nav{height:68px!important}.menu{display:none!important}.pz-head-mini{display:grid!important}
 .hero{min-height:auto!important;padding:105px 0 90px!important}
 .heroGrid{grid-template-columns:1fr 390px!important;gap:30px!important}
 .hero h1{font-size:54px!important}
 .hero .form{padding:21px!important}
 .paths,.cards,.pz-project-grid{grid-template-columns:repeat(2,1fr)!important}
 .story-shell{grid-template-columns:.75fr 1.25fr!important;gap:35px!important}
 .story-copy h2{font-size:47px!important}
 .pz-foot-main{grid-template-columns:1fr 1fr!important}
}

/* TABLET PORTRAIT / LARGE MOBILE */
@media(min-width:600px) and (max-width:819px){
 header{width:96vw!important;top:7px!important}.menu,.pz-head-mini{display:none!important}
 .hero{padding:100px 0 105px!important;min-height:auto!important}
 .heroGrid{grid-template-columns:1fr!important;gap:34px!important}
 .hero h1{font-size:clamp(50px,9vw,66px)!important;max-width:650px!important}
 .hero .form{width:min(560px,100%);margin:auto}
 .paths,.cards,.pz-project-grid{grid-template-columns:repeat(2,1fr)!important}
 .story-shell{grid-template-columns:1fr!important}.story-copy{position:relative!important;top:auto!important}
 .story-scenes{grid-template-columns:1fr!important}
 .v4 .twocol{grid-template-columns:1fr!important}.v4 .three,.v4 .steps2{grid-template-columns:repeat(2,1fr)!important}
 .pz-foot-top{grid-template-columns:1fr!important}.pz-foot-main{grid-template-columns:1fr 1fr!important}
 .pz-mobilebar{display:grid!important}
}

/* ALL PHONES */
@media(max-width:599px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 header{top:6px!important;width:calc(100% - 12px)!important;border-radius:17px!important}
 header.pz-compact{top:0!important;width:100%!important;border-radius:0!important}
 header .nav{height:62px!important;width:calc(100% - 20px)!important}
 .logo{width:38px!important;height:38px!important}.brand strong{font-size:14px!important}.brand small{display:none!important}
 .menu,.pz-head-mini,header .btn.gold{display:none!important}
 .hero{padding:88px 0 96px!important;min-height:auto!important}
 .heroGrid{grid-template-columns:1fr!important;gap:27px!important}
 .pz-hero-label{font-size:7px!important;letter-spacing:1.25px!important}
 .hero h1{font-size:clamp(38px,12vw,54px)!important;line-height:.95!important;letter-spacing:-2.2px!important}
 .hero p{font-size:12px!important;line-height:1.65!important}
 .trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
 .trust span{font-size:8px!important;padding:7px 8px!important}
 .actions{display:grid!important;grid-template-columns:1fr!important}.actions .btn{width:100%!important}
 .hero .form{padding:19px!important;border-radius:21px!important}.hero .form h3{font-size:23px!important}
 .field{min-height:46px!important;margin:5px 0!important}
 .statsGrid{grid-template-columns:1fr 1fr!important}.stat{padding:9px 4px}.stat strong{font-size:23px!important}
 .v4 section,.pz-projects,.pz-story{padding:68px 0!important}
 .v4 h2,.pz-project-head h2,.story-copy h2{font-size:clamp(34px,10vw,45px)!important;letter-spacing:-2px!important}
 .v4 .twocol,.v4 .three,.v4 .steps2,.paths,.cards,.pz-project-grid{grid-template-columns:1fr!important}
 .v4 .panel{padding:23px!important;min-height:auto!important}.v4 .panel img{height:220px!important}
 .story-shell{grid-template-columns:1fr!important;gap:28px!important}.story-copy{position:relative!important;top:auto!important}
 .story-scene{min-height:350px!important;border-radius:23px!important}.scene-info b{font-size:40px!important}.scene-info h3{font-size:22px!important}
 .pz-project{border-radius:22px!important}.pz-project-img{height:220px!important}.pz-project-body{padding:17px!important}
 .pz-project-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.pz-project-actions a{min-height:42px;display:grid;place-items:center}
 .pz-foot-top{grid-template-columns:1fr!important;gap:25px!important;padding:42px 0 35px!important}
 .pz-foot-main{grid-template-columns:1fr!important;gap:32px!important;padding:38px 0!important}
 .pz-foot-statement{font-size:17px!important}.pz-foot-bottom{display:block!important}
 .pz-location-grid{grid-template-columns:1fr 1fr!important}
 .pz-mobilebar{display:grid!important;left:7px!important;right:7px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;height:58px!important}
 .pz-smart-actions{right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}
 .pz-smart-btn{width:48px!important;height:48px!important}
 .pz-ai{left:8px!important;right:8px!important;bottom:calc(75px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:72svh}
 .pz-gate-card{width:min(96vw,520px)!important}.pz-gate-art{min-height:210px!important}.pz-gate-art h2{font-size:32px!important}.pz-gate-form{padding:24px!important}
 .pz-editor-box{padding:20px!important}.pz-edit-grid{grid-template-columns:1fr!important}
}

/* SMALL IPHONES / COMPACT ANDROID */
@media(max-width:380px){
 .brand strong{font-size:12px!important}.logo{width:35px!important;height:35px!important}
 .hero h1{font-size:38px!important}.hero p{font-size:11px!important}
 .trust{grid-template-columns:1fr!important}
 .pz-location-grid{grid-template-columns:1fr!important}
 .pz-mobilebar a,.pz-mobilebar button{font-size:7px!important}
}

/* LANDSCAPE PHONES */
@media(max-height:500px) and (orientation:landscape){
 header{position:absolute!important}.hero{padding-top:90px!important}
 .pz-gateway{position:absolute!important;min-height:100vh}.pz-gate-card{grid-template-columns:.85fr 1.15fr!important}.pz-gate-art{min-height:420px!important}
 .pz-ai{max-height:76vh!important;overflow:auto}
}

/* Touch devices: remove hover-dependent movement */
@media(hover:none),(pointer:coarse){
 .pz-project:hover,.path:hover,.v4 .tile:hover,.v4 .step2:hover{transform:none!important}
 .pz-project img,.path img{transform:none!important}
 .btn,.pz-project-actions a{min-height:44px}
}



/* V17 — GLOBAL PREMIUM THEME ENGINE */
:root{
 --theme-dark:#021321;--theme-deep:#073b67;--theme-mid:#126b9a;
 --theme-light:#79d5e6;--theme-accent:#d5a83d;--theme-accent2:#f5e3a6;
 --theme-growth:#14745e;--theme-paper:#f8fbfc;
 --theme-dark-rgb:2,19,33;--theme-deep-rgb:7,59,103;--theme-light-rgb:121,213,230;--theme-accent-rgb:213,168,61
}
html[data-theme="sapphire"]{
 --theme-dark:#021321;--theme-deep:#073b67;--theme-mid:#126b9a;--theme-light:#79d5e6;
 --theme-accent:#d5a83d;--theme-accent2:#f5e3a6;--theme-growth:#14745e;--theme-paper:#f8fbfc;
 --theme-dark-rgb:2,19,33;--theme-deep-rgb:7,59,103;--theme-light-rgb:121,213,230;--theme-accent-rgb:213,168,61
}
html[data-theme="royal"]{
 --theme-dark:#090b25;--theme-deep:#252060;--theme-mid:#5a43c7;--theme-light:#9eddf0;
 --theme-accent:#d8a94b;--theme-accent2:#f7e6ae;--theme-growth:#6753d8;--theme-paper:#faf9ff;
 --theme-dark-rgb:9,11,37;--theme-deep-rgb:37,32,96;--theme-light-rgb:158,221,240;--theme-accent-rgb:216,169,75
}
html[data-theme="emerald"]{
 --theme-dark:#041a19;--theme-deep:#07504b;--theme-mid:#0d7a6b;--theme-light:#8adfd2;
 --theme-accent:#caa44d;--theme-accent2:#f2dfa8;--theme-growth:#0f846f;--theme-paper:#f6fbf8;
 --theme-dark-rgb:4,26,25;--theme-deep-rgb:7,80,75;--theme-light-rgb:138,223,210;--theme-accent-rgb:202,164,77
}

html[data-theme="blueorange"]{
 --theme-dark:#010b17;--theme-deep:#032846;--theme-mid:#075b91;--theme-light:#86cce5;
 --theme-accent:#e46f1d;--theme-accent2:#ffb45b;--theme-growth:#c95216;--theme-paper:#f5f8fa;
 --theme-dark-rgb:1,11,23;--theme-deep-rgb:3,40,70;--theme-light-rgb:134,204,229;--theme-accent-rgb:228,111,29
}


/* whole-site theme application */
body{background:
 radial-gradient(circle at 10% 10%,rgba(var(--theme-light-rgb),.08),transparent 25%),
 linear-gradient(135deg,var(--theme-paper),#f7f7f4 54%,#fbf5e8)!important}
header{background:linear-gradient(105deg,rgba(var(--theme-dark-rgb),.94),rgba(var(--theme-deep-rgb),.86),rgba(var(--theme-dark-rgb),.94))!important}
header.pz-compact{background:rgba(var(--theme-dark-rgb),.94)!important}
header:after{background:linear-gradient(90deg,transparent,var(--theme-light),var(--theme-accent2),var(--theme-light),transparent)!important}
.brand,.brand strong,.menu a{background:linear-gradient(90deg,#fff,var(--theme-light) 48%,var(--theme-accent2))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.logo,.pz-foot-mark{background:linear-gradient(145deg,var(--theme-accent2),var(--theme-accent))!important}
.hero:before{background:
 linear-gradient(90deg,rgba(var(--theme-dark-rgb),.96),rgba(var(--theme-deep-rgb),.83) 48%,rgba(var(--theme-deep-rgb),.35) 78%),
 radial-gradient(circle at 77% 25%,rgba(var(--theme-accent-rgb),.24),transparent 18%),
 radial-gradient(circle at 30% 78%,rgba(var(--theme-light-rgb),.20),transparent 27%)!important}
.hero h1{background:linear-gradient(105deg,#fff,var(--theme-light) 35%,var(--theme-accent2) 64%,#fff 92%)!important;background-size:240% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.btn.gold,.hero .gold{background:linear-gradient(115deg,var(--theme-accent2),var(--theme-accent),#fff0bd,var(--theme-accent))!important;background-size:250% 100%!important}
.glass{background:linear-gradient(145deg,rgba(var(--theme-deep-rgb),.60),rgba(var(--theme-dark-rgb),.82))!important}
.v4 .dark2,.pz-story{background:
 radial-gradient(circle at 18% 28%,rgba(var(--theme-light-rgb),.18),transparent 27%),
 radial-gradient(circle at 85% 72%,rgba(var(--theme-accent-rgb),.12),transparent 24%),
 linear-gradient(125deg,var(--theme-dark),var(--theme-deep) 56%,var(--theme-dark))!important}
.v4 .white,.pz-projects{background:
 radial-gradient(circle at 10% 10%,rgba(var(--theme-light-rgb),.11),transparent 25%),
 radial-gradient(circle at 90% 86%,rgba(var(--theme-accent-rgb),.11),transparent 25%),
 linear-gradient(135deg,#fff,var(--theme-paper) 50%,#fbf6e9)!important}
.v4 .soft{background:linear-gradient(130deg,var(--theme-paper),#fafaf8 52%,rgba(var(--theme-light-rgb),.10))!important}
.v4 .white h2,.v4 .soft h2,.pz-project-head h2{background:linear-gradient(100deg,var(--theme-dark),var(--theme-mid) 50%,var(--theme-growth) 70%,var(--theme-accent))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.v4 .dark2 h2,.story-copy h2,.v4 .final h2{background:linear-gradient(95deg,#fff,var(--theme-light) 45%,var(--theme-accent2) 78%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.pz-view,.pz-enter{background:linear-gradient(110deg,var(--theme-dark),var(--theme-mid),var(--theme-growth))!important}
.pz-project:before{background:linear-gradient(135deg,var(--theme-light),rgba(255,255,255,.3),var(--theme-growth),var(--theme-accent))!important}
.pz-footer{background:radial-gradient(circle at 82% 18%,rgba(var(--theme-light-rgb),.11),transparent 24%),linear-gradient(135deg,var(--theme-dark),var(--theme-deep) 60%,var(--theme-dark))!important}
.pz-ai,.pz-adminbar{background:linear-gradient(145deg,rgba(var(--theme-deep-rgb),.92),rgba(var(--theme-dark-rgb),.97))!important}
.pz-ai-btn{background:linear-gradient(145deg,var(--theme-mid),var(--theme-growth))!important}

/* header theme control */
.pz-theme-wrap{position:relative;display:flex;align-items:center}
.pz-theme-btn{height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055);color:#fff;font-size:9px;font-weight:700;letter-spacing:.35px;cursor:pointer;backdrop-filter:blur(14px)}
.pz-theme-panel{display:none;position:absolute;right:0;top:48px;width:255px;padding:14px;border-radius:18px;background:rgba(var(--theme-dark-rgb),.94);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 65px rgba(0,0,0,.35);backdrop-filter:blur(24px);color:#fff}
.pz-theme-panel.open{display:block;animation:pzThemeOpen .25s ease}
.pz-theme-title{font-size:9px;letter-spacing:1.4px;color:#aebfc9;margin:2px 0 10px}
.pz-swatches{display:grid;gap:7px}.pz-swatch{display:flex;align-items:center;gap:9px;width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#fff;padding:9px;border-radius:11px;cursor:pointer;font-size:9px;text-align:left}
.pz-swatch:hover,.pz-swatch.active{border-color:rgba(var(--theme-accent-rgb),.55);background:rgba(255,255,255,.10)}
.pz-swatch i{width:38px;height:18px;border-radius:999px;display:block}
.pz-swatch[data-set="sapphire"] i{background:linear-gradient(90deg,#073b67,#79d5e6,#d5a83d)}
.pz-swatch[data-set="royal"] i{background:linear-gradient(90deg,#252060,#5a43c7,#d8a94b)}
.pz-swatch[data-set="emerald"] i{background:linear-gradient(90deg,#07504b,#8adfd2,#caa44d)}
.pz-effects{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10);font-size:9px}
.pz-switch{width:42px;height:23px;border:0;border-radius:99px;background:#ffffff24;position:relative;cursor:pointer}.pz-switch:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.25s}.pz-switch.on{background:linear-gradient(90deg,var(--theme-mid),var(--theme-growth))}.pz-switch.on:after{left:22px}
html.pz-effects-off *,html.pz-effects-off *:before,html.pz-effects-off *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
html.pz-effects-off .pz-project:hover,html.pz-effects-off .path:hover,html.pz-effects-off .v4 .tile:hover{transform:none!important}

@keyframes pzThemeOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.pz-theme-wrap{margin-left:auto}.pz-theme-btn{padding:0 10px}.pz-head-actions{gap:5px}}
@media(max-width:599px){.pz-theme-btn{height:36px;font-size:8px}.pz-theme-panel{position:fixed;top:76px;right:8px;width:min(280px,calc(100vw - 16px))}}



html[data-theme="blueorange"] body{
 background:
 radial-gradient(circle at 8% 8%,rgba(7,91,145,.10),transparent 24%),
 radial-gradient(circle at 92% 88%,rgba(228,111,29,.08),transparent 24%),
 linear-gradient(135deg,#f8fafb,#f1f5f7 55%,#fff6ed)!important
}
html[data-theme="blueorange"] header{
 background:linear-gradient(105deg,rgba(1,11,23,.97),rgba(3,40,70,.94),rgba(7,67,103,.87),rgba(1,11,23,.97))!important
}
html[data-theme="blueorange"] .hero:before{
 background:
 linear-gradient(90deg,rgba(1,11,23,.98),rgba(3,40,70,.90) 48%,rgba(3,40,70,.44) 78%),
 radial-gradient(circle at 78% 24%,rgba(228,111,29,.26),transparent 18%),
 radial-gradient(circle at 29% 78%,rgba(7,91,145,.22),transparent 28%)!important
}
html[data-theme="blueorange"] .hero h1{
 background:linear-gradient(105deg,#fff 5%,#b8ddec 35%,#ffb45b 62%,#f07a28 78%,#fff 95%)!important;
 background-size:250% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
html[data-theme="blueorange"] .v4 .dark2,
html[data-theme="blueorange"] .pz-story{
 background:
 radial-gradient(circle at 17% 28%,rgba(7,91,145,.22),transparent 27%),
 radial-gradient(circle at 86% 72%,rgba(228,111,29,.16),transparent 24%),
 linear-gradient(125deg,#010b17,#032846 58%,#071725)!important
}
html[data-theme="blueorange"] .v4 .final.purple{
 background:
 radial-gradient(circle at 84% 20%,rgba(255,180,91,.18),transparent 24%),
 linear-gradient(120deg,#010b17,#032f50 58%,#8d3710)!important
}
html[data-theme="blueorange"] .pz-footer{
 background:
 radial-gradient(circle at 84% 18%,rgba(228,111,29,.13),transparent 23%),
 linear-gradient(135deg,#010912,#021d33 60%,#06121e)!important
}
html[data-theme="blueorange"] .btn.gold,
html[data-theme="blueorange"] .hero .gold{
 background:linear-gradient(115deg,#ffc06d,#e46f1d,#ff9a3c,#c84e11)!important;
 box-shadow:0 14px 38px rgba(228,111,29,.25)!important
}



/* V20 — PLANS / PRICE OPTIONS */
.pz-plans{padding:115px 0;background:
 radial-gradient(circle at 10% 12%,rgba(7,91,145,.15),transparent 24%),
 radial-gradient(circle at 90% 85%,rgba(228,111,29,.12),transparent 24%),
 linear-gradient(135deg,#f9fbfc,#eef4f7 52%,#fff5eb);position:relative;overflow:hidden}
.pz-plans-shell{width:min(1180px,92%);margin:auto;position:relative;z-index:2}
.pz-plans-head{text-align:center;max-width:820px;margin:0 auto 42px}.pz-plans-head h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-3.4px;font-weight:500;margin:12px 0;background:linear-gradient(100deg,#03172b,#075b91 52%,#e46f1d);-webkit-background-clip:text;background-clip:text;color:transparent}.pz-plans-head p{font-size:12px;line-height:1.75;color:#667783}
.pz-plan-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:32px}.pz-plan-tab{border:1px solid #dce4e8;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);padding:10px 16px;border-radius:999px;font-size:10px;font-weight:600;color:#52626f;cursor:pointer}.pz-plan-tab.active{background:linear-gradient(110deg,#03172b,#075b91);color:#fff;border-color:transparent}
.pz-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pz-plan{position:relative;border-radius:28px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(242,248,250,.76),rgba(255,247,236,.72));border:1px solid rgba(255,255,255,.95);box-shadow:0 22px 65px rgba(3,31,53,.10);overflow:hidden;transition:.35s}
.pz-plan:hover{transform:translateY(-8px);box-shadow:0 34px 80px rgba(3,31,53,.16)}
.pz-plan.featured{background:linear-gradient(145deg,#021525,#05385e 65%,#0a2740);color:#fff;border-color:#ffffff22;transform:translateY(-8px)}.pz-plan.featured:hover{transform:translateY(-12px)}
.pz-plan-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf2f5;color:#075b91;font-size:8px;font-weight:700;letter-spacing:.8px}.featured .pz-plan-badge{background:linear-gradient(110deg,#ffc06d,#e46f1d);color:#071b2c}
.pz-plan h3{font-size:22px;letter-spacing:-1px;margin:18px 0 6px}.pz-plan>p{font-size:10px;line-height:1.65;color:#697a86;min-height:48px}.featured>p{color:#c4d2db}
.pz-price{padding:18px 0;border-top:1px solid #e3e8ea;border-bottom:1px solid #e3e8ea;margin:18px 0}.featured .pz-price{border-color:#ffffff18}.pz-price small{font-size:8px;color:#8a99a3;text-transform:uppercase;letter-spacing:1.2px}.pz-price strong{display:block;font-size:27px;margin-top:5px;color:#062b49}.featured .pz-price strong{color:#ffb45b}
.pz-plan-list{display:grid;gap:10px;margin:20px 0}.pz-plan-list span{font-size:10px;display:flex;gap:9px;align-items:flex-start;color:#536572}.featured .pz-plan-list span{color:#d4dfe6}.pz-plan-list span:before{content:"✓";width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:grid;place-items:center;background:#e9f3f6;color:#075b91;font-size:9px;font-weight:800}.featured .pz-plan-list span:before{background:#ff9a3c;color:#071827}
.pz-plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pz-plan-actions a,.pz-plan-actions button{min-height:43px;border-radius:11px;border:0;display:grid;place-items:center;font-size:9px;font-weight:700;cursor:pointer}.pz-plan-primary{background:linear-gradient(110deg,#03172b,#075b91);color:#fff}.featured .pz-plan-primary{background:linear-gradient(110deg,#ffb45b,#e46f1d);color:#071827}.pz-plan-secondary{background:#fff;border:1px solid #e2b071!important;color:#a44d15}.featured .pz-plan-secondary{background:#ffffff0b;color:#fff;border-color:#ffffff25!important}
.pz-plan-note{max-width:920px;margin:28px auto 0;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.65);border:1px solid #e3e8e9;font-size:9px;line-height:1.7;color:#6c7a84;text-align:center}
@media(max-width:900px){.pz-plan-grid{grid-template-columns:1fr 1fr}.pz-plan.featured{transform:none}}
@media(max-width:600px){.pz-plans{padding:75px 0}.pz-plan-grid{grid-template-columns:1fr}.pz-plan{padding:23px}.pz-plans-head h2{letter-spacing:-2px}.pz-plan-actions{grid-template-columns:1fr}}



/* V22 — CORPORATE MOTION SYSTEM */
:root{--ease-premium:cubic-bezier(.22,.8,.22,1);--motion-fast:.28s;--motion-med:.65s;--motion-slow:1.05s}

/* universal reveal language */
.pz-motion{opacity:0;transform:translateY(28px);filter:blur(3px);transition:opacity var(--motion-slow) var(--ease-premium),transform var(--motion-slow) var(--ease-premium),filter var(--motion-med) ease}
.pz-motion.pz-in{opacity:1;transform:none;filter:none}
.pz-motion[data-motion="left"]{transform:translateX(-34px)}
.pz-motion[data-motion="right"]{transform:translateX(34px)}
.pz-motion[data-motion="scale"]{transform:scale(.965)}
.pz-motion.pz-in[data-motion]{transform:none}

/* editorial heading reveal */
.pz-heading-motion{overflow:hidden}
.pz-heading-motion span.pz-line{display:inline-block;opacity:0;transform:translateY(105%);transition:opacity .75s var(--ease-premium),transform .85s var(--ease-premium)}
.pz-heading-motion.pz-in span.pz-line{opacity:1;transform:none}

/* corporate glass sweep */
.glass,.pz-project,.pz-plan,.v4 .tile,.v4 .step2,.pz-footer .pz-location-tile{position:relative;isolation:isolate}
.glass:after,.pz-project:after,.pz-plan:after,.v4 .tile:after,.v4 .step2:after{
 content:"";position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;
 background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.12) 45%,transparent 62%);
 transform:translateX(-115%);transition:opacity .2s
}
.glass:hover:after,.pz-project:hover:after,.pz-plan:hover:after,.v4 .tile:hover:after,.v4 .step2:hover:after{opacity:1;animation:pzCorporateSweep 1.15s var(--ease-premium) forwards}

/* premium cards */
.pz-project,.pz-plan,.v4 .tile,.v4 .step2,.v4 .row{
 transition:transform .42s var(--ease-premium),box-shadow .42s var(--ease-premium),border-color .35s ease!important
}
.pz-project:hover,.pz-plan:hover,.v4 .tile:hover,.v4 .step2:hover{transform:translateY(-8px)!important}
.v4 .row:hover{transform:translateX(5px)!important}

/* image cinematic reveal */
.pz-project-img,.story-scene,.v4 .panel img{overflow:hidden}
.pz-project-img img,.story-scene img,.v4 .panel img{transition:transform 1.1s var(--ease-premium),filter .8s ease!important}
.pz-project:hover img,.story-scene:hover img,.v4 .panel:hover img{transform:scale(1.045)!important;filter:saturate(1.06) contrast(1.02)}

/* premium CTA motion */
.btn,.pz-view,.pz-enquire,.pz-enter,.pz-plan-actions a,.pz-plan-actions button{
 position:relative;overflow:hidden;transition:transform .3s var(--ease-premium),box-shadow .3s ease,filter .3s ease!important
}
.btn:before,.pz-view:before,.pz-enter:before,.pz-plan-primary:before{
 content:"";position:absolute;inset:-2px;pointer-events:none;
 background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.42) 45%,transparent 65%);
 transform:translateX(-140%)
}
.btn:hover:before,.pz-view:hover:before,.pz-enter:hover:before,.pz-plan-primary:hover:before{animation:pzButtonSweep .8s ease forwards}
.btn:hover,.pz-view:hover,.pz-enter:not(:disabled):hover{transform:translateY(-2px)!important}

/* form focus */
.field{transition:border-color .28s ease,box-shadow .28s ease,transform .28s var(--ease-premium)!important}
.field:focus{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(228,111,29,.10),0 12px 28px rgba(1,11,23,.08)!important}

/* navigation */
header{transition:top .4s var(--ease-premium),width .4s var(--ease-premium),background .4s ease,box-shadow .4s ease!important}
.menu a{transition:transform .25s var(--ease-premium),filter .25s ease,background .25s ease!important}
.menu a:hover{transform:translateY(-1px)}
.pz-theme-panel.open,.pz-ai.open{animation:pzPanelIn .36s var(--ease-premium)!important}

/* section atmospheric motion */
.v4 section:after,.pz-projects:after,.pz-plans:after{will-change:background-position;animation:pzAtmosphere 18s ease-in-out infinite alternate!important}
.pz-footer:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(228,111,29,.035),transparent 66%);background-size:220% 100%;animation:pzAtmosphere 16s ease-in-out infinite alternate}

/* footer */
.pz-foot-col{transition:transform .4s var(--ease-premium)}.pz-foot-col:hover{transform:translateY(-3px)}
.pz-social a{transition:transform .28s var(--ease-premium),border-color .28s,color .28s!important}.pz-social a:hover{transform:translateY(-3px) rotate(-3deg)!important}

/* progress indicator */
.pz-page-progress{position:fixed;z-index:9998;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#075b91,#e46f1d,#ffb45b);box-shadow:0 0 16px rgba(228,111,29,.35);pointer-events:none}

/* performance classes */
html.pz-lite-motion .pz-project:hover,html.pz-lite-motion .pz-plan:hover,html.pz-lite-motion .v4 .tile:hover{transform:none!important}
html.pz-lite-motion .v4 section:after,html.pz-lite-motion .pz-projects:after,html.pz-lite-motion .pz-plans:after,html.pz-lite-motion .pz-footer:after{animation:none!important}
html.pz-lite-motion .pz-motion{filter:none}

@keyframes pzCorporateSweep{to{transform:translateX(115%)}}
@keyframes pzButtonSweep{to{transform:translateX(140%)}}
@keyframes pzPanelIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes pzAtmosphere{0%{background-position:0 50%}100%{background-position:100% 50%}}

@media(hover:none),(pointer:coarse){
 .glass:hover:after,.pz-project:hover:after,.pz-plan:hover:after,.v4 .tile:hover:after,.v4 .step2:hover:after{animation:none!important;opacity:0!important}
 .pz-project:hover,.pz-plan:hover,.v4 .tile:hover,.v4 .step2:hover,.pz-foot-col:hover{transform:none!important}
}
@media(max-width:760px){
 .pz-motion{transform:translateY(18px);filter:none;transition-duration:.6s}
 .v4 section:after,.pz-projects:after,.pz-plans:after,.pz-footer:after{animation-duration:24s!important}
}
@media(prefers-reduced-motion:reduce){
 .pz-motion,.pz-heading-motion span.pz-line{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
 *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}



/* V23 — HERO EXPERIENCE STUDIO */
.hero{--heroY:0px;--heroScale:1.06}
.pz-hero-video{position:absolute;inset:-4%;z-index:-5;width:108%;height:108%;object-fit:cover;transform:translate3d(0,var(--heroY),0) scale(var(--heroScale));opacity:0;transition:opacity .65s ease;pointer-events:none}
.hero.pz-video-on .pz-hero-video{opacity:1}.hero.pz-video-on:after{opacity:0!important}
.hero.pz-video-on:before{z-index:-2!important}
.pz-hero-studio{position:fixed;z-index:910;right:20px;top:105px;width:285px;display:none;padding:15px;border-radius:20px;background:rgba(1,15,28,.93);border:1px solid #ffffff20;backdrop-filter:blur(25px);box-shadow:0 25px 70px #0006;color:#fff}
.pz-hero-studio.open{display:block;animation:pzPanelIn .3s var(--ease-premium)}
.pz-hero-studio h4{margin:0 0 13px;font-size:12px}.pz-studio-row{margin:10px 0}.pz-studio-row label{display:block;font-size:8px;color:#9fb1bd;margin-bottom:5px;letter-spacing:.8px}.pz-studio-row select,.pz-studio-row input{width:100%;padding:9px 10px;border-radius:9px;border:1px solid #ffffff18;background:#ffffff0b;color:#fff;font-size:9px;outline:none}.pz-studio-row option{color:#111}
.pz-studio-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.pz-studio-actions button{border:0;border-radius:9px;padding:9px;font-size:8px;font-weight:700;cursor:pointer}.pz-apply{background:linear-gradient(110deg,#ffb45b,#e46f1d);color:#071827}.pz-reset{background:#ffffff10;color:#fff;border:1px solid #ffffff18!important}
.pz-studio-trigger{height:38px;padding:0 11px;border-radius:999px;border:1px solid #ffffff18;background:#ffffff08;color:#fff;font-size:9px;font-weight:700;cursor:pointer}

/* typing/reveal caret */
.hero h1.pz-typing{min-height:2.9em}
.pz-type-caret{display:inline-block;width:2px;height:.85em;background:#ff9a3c;margin-left:5px;vertical-align:-.05em;animation:pzCaret .8s step-end infinite}
@keyframes pzCaret{50%{opacity:0}}
.hero h1[data-textfx="word"] .pz-word{display:inline-block;opacity:0;transform:translateY(22px);animation:pzWord .65s var(--ease-premium) forwards}
@keyframes pzWord{to{opacity:1;transform:none}}
.hero h1[data-textfx="glow"]{filter:drop-shadow(0 0 18px rgba(255,154,60,.12));animation:heroGradient 10s linear infinite,pzTextGlow 4s ease-in-out infinite alternate!important}
@keyframes pzTextGlow{to{filter:drop-shadow(0 0 28px rgba(134,204,229,.20))}}

/* font options */
html[data-hero-font="poppins"] .hero h1{font-family:Poppins,Arial,sans-serif!important}
html[data-hero-font="montserrat"] .hero h1{font-family:Montserrat,Arial,sans-serif!important}
html[data-hero-font="system"] .hero h1{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}

/* scroll cinematic layers */
.hero .heroGrid{transform:translate3d(0,calc(var(--hero-scroll,0)*-18px),0);transition:transform .08s linear}
.hero .form{transform-origin:center}
.hero.pz-scroll-cinema .form{translate:0 calc(var(--hero-scroll,0)*12px)}
.hero.pz-scroll-cinema h1{translate:0 calc(var(--hero-scroll,0)*-8px)}
@media(max-width:760px){.pz-hero-studio{top:78px;right:8px;width:min(300px,calc(100vw - 16px))}.pz-studio-trigger{display:none!important}.hero .heroGrid,.hero.pz-scroll-cinema .form,.hero.pz-scroll-cinema h1{transform:none!important;translate:none!important}}
@media(prefers-reduced-motion:reduce){.pz-type-caret,.hero h1[data-textfx="glow"],.hero h1[data-textfx="word"] .pz-word{animation:none!important}.pz-hero-video{display:none!important}}



/* V24 — CLEAN HEADER BRAND */
.pz-head-actions{gap:8px!important}
.pz-brand-logo-img{display:none;max-width:190px;max-height:48px;width:auto;height:auto;object-fit:contain}
.brand.pz-use-logo .logo,.brand.pz-use-logo .pz-brand-copy{display:none!important}
.brand.pz-use-logo .pz-brand-logo-img{display:block!important}
.brand.pz-text-only .logo{display:none!important}
.brand.pz-text-only .pz-brand-copy{display:block!important}
.pz-brand-copy{line-height:1.05}
@media(max-width:599px){.pz-brand-logo-img{max-width:145px;max-height:38px}}



/* V25 — CORPORATE SKY / MOVING BACKGROUND SYSTEM */
:root{--sky-motion:1}
.pz-bg-layer{position:fixed;inset:0;z-index:-3;pointer-events:none;overflow:hidden;background:#f5f8fa}
.pz-bg-sky,.pz-bg-clouds,.pz-bg-glow{position:absolute;inset:-8%;pointer-events:none}
.pz-bg-sky{background:
 linear-gradient(180deg,#dff2fa 0%,#edf7fb 35%,#f8faf9 72%,#fff6ec 100%);
 transition:background .6s ease}
.pz-bg-clouds{opacity:.52;background:
 radial-gradient(ellipse at 15% 22%,rgba(255,255,255,.95) 0 7%,transparent 16%),
 radial-gradient(ellipse at 27% 18%,rgba(255,255,255,.75) 0 8%,transparent 18%),
 radial-gradient(ellipse at 70% 28%,rgba(255,255,255,.85) 0 9%,transparent 20%),
 radial-gradient(ellipse at 88% 20%,rgba(255,255,255,.72) 0 7%,transparent 18%);
 filter:blur(12px);animation:pzCloudDrift 38s linear infinite alternate}
.pz-bg-glow{background:
 radial-gradient(circle at 82% 18%,rgba(255,166,78,.18),transparent 22%),
 radial-gradient(circle at 20% 62%,rgba(74,167,211,.13),transparent 27%);
 animation:pzSkyGlow 13s ease-in-out infinite alternate}
html[data-bgmode="aurora"] .pz-bg-sky{background:
 radial-gradient(circle at 18% 25%,rgba(27,120,171,.20),transparent 30%),
 radial-gradient(circle at 82% 20%,rgba(231,111,29,.15),transparent 25%),
 linear-gradient(135deg,#edf6fa,#f6f8f7 48%,#fff4e8)}
html[data-bgmode="aurora"] .pz-bg-clouds{opacity:.18;background:
 radial-gradient(circle at 25% 30%,rgba(50,170,215,.35),transparent 25%),
 radial-gradient(circle at 75% 55%,rgba(236,123,45,.22),transparent 28%);filter:blur(30px);animation:pzAurora 18s ease-in-out infinite alternate}
html[data-bgmode="static"] .pz-bg-sky{background:linear-gradient(135deg,#f6f9fa,#eef3f6 55%,#faf5ed)}
html[data-bgmode="static"] .pz-bg-clouds,html[data-bgmode="static"] .pz-bg-glow{display:none}
html.pz-bg-off .pz-bg-clouds,html.pz-bg-off .pz-bg-glow{animation:none!important}
html.pz-bg-off .pz-bg-clouds{transform:none!important}

/* let selected light sections reveal the global atmosphere */
.v4 .white,.v4 .soft,.pz-projects,.pz-plans{background-color:rgba(255,255,255,.78)!important;background-blend-mode:soft-light;backdrop-filter:blur(2px)}
.pz-bg-control{position:relative}
.pz-bg-btn{height:38px;padding:0 11px;border-radius:999px;border:1px solid #ffffff18;background:#ffffff08;color:#fff;font-size:9px;font-weight:700;cursor:pointer}
.pz-bg-panel{display:none;position:absolute;right:0;top:48px;width:230px;padding:13px;border-radius:17px;background:rgba(1,15,28,.95);border:1px solid #ffffff1c;box-shadow:0 22px 60px #0005;backdrop-filter:blur(22px);color:#fff}.pz-bg-panel.open{display:block;animation:pzPanelIn .28s var(--ease-premium)}
.pz-bg-panel label{display:block;font-size:8px;color:#9eafba;margin:4px 0 6px}.pz-bg-panel select{width:100%;padding:9px;border-radius:9px;border:1px solid #ffffff18;background:#ffffff0c;color:#fff;font-size:9px}.pz-bg-panel option{color:#111}
.pz-bg-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:11px;border-top:1px solid #ffffff12;font-size:9px}
@keyframes pzCloudDrift{to{transform:translate3d(8%,2%,0) scale(1.04)}}
@keyframes pzSkyGlow{to{opacity:.72;transform:translateY(2%) scale(1.04)}}
@keyframes pzAurora{to{transform:translate3d(5%,-3%,0) scale(1.08);filter:blur(40px)}}
@media(max-width:760px){.pz-bg-btn{display:none}.pz-bg-clouds{opacity:.28;animation-duration:55s}}
@media(prefers-reduced-motion:reduce){.pz-bg-clouds,.pz-bg-glow{animation:none!important}}



/* V26 — MOUSE-REACTIVE CORPORATE PARTICLES */
#pzParticles{position:fixed;inset:0;z-index:-2;pointer-events:none;width:100%;height:100%;opacity:0;transition:opacity .5s ease}
html[data-bgmode="particles"] #pzParticles{opacity:.82}
html[data-bgmode="particles"] .pz-bg-clouds{opacity:.16}
html[data-bgmode="particles"] .pz-bg-sky{background:
 radial-gradient(circle at 80% 16%,rgba(228,111,29,.10),transparent 22%),
 linear-gradient(135deg,#edf6fa,#f7f9f8 52%,#fff6ec)}
html.pz-bg-off #pzParticles{opacity:0!important}
.pz-particle-note{font-size:8px;color:#8fa1ad;line-height:1.5;margin-top:8px}
@media(hover:none),(pointer:coarse){#pzParticles{display:none!important}}
@media(prefers-reduced-motion:reduce){#pzParticles{display:none!important}}



/* V27 — INTERACTIVE PLAYGROUND BACKGROUND */
html[data-bgmode="particles"] #pzParticles{opacity:1!important}
.pz-cursor-glow{position:fixed;z-index:-1;width:360px;height:360px;border-radius:50%;pointer-events:none;left:0;top:0;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(88,188,225,.13),rgba(228,111,29,.045) 38%,transparent 70%);filter:blur(5px);transition:opacity .3s}
html[data-bgmode="particles"] .pz-cursor-glow{opacity:1}
.pz-ripple{position:fixed;z-index:-1;width:12px;height:12px;border:1px solid rgba(228,111,29,.28);border-radius:50%;pointer-events:none;animation:pzRipple .9s ease-out forwards}
@keyframes pzRipple{to{width:150px;height:150px;margin:-69px;opacity:0;border-color:rgba(7,91,145,.08)}}
@media(hover:none),(pointer:coarse){.pz-cursor-glow{display:none!important}}



/* V28 — CLEAN PUBLIC HEADER + SEPARATE ADMIN DESIGN STUDIO */
header .pz-studio-trigger,header .pz-bg-control{display:none!important}

/* Corporate cursor */
@media(hover:hover) and (pointer:fine){
 body{cursor:auto}
 a,button,input,select,textarea,label,summary{cursor:none!important}
 .pz-cursor-dot,.pz-cursor-ring{position:fixed;left:0;top:0;z-index:10050;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}
 .pz-cursor-dot{width:6px;height:6px;background:#ff8a34;box-shadow:0 0 12px rgba(228,111,29,.38)}
 .pz-cursor-ring{width:32px;height:32px;border:1px solid rgba(104,190,224,.65);background:rgba(7,91,145,.035);backdrop-filter:blur(2px);transition:width .22s,height .22s,border-color .22s,background .22s}
 .pz-cursor-ring.hover{width:46px;height:46px;border-color:rgba(228,111,29,.72);background:rgba(228,111,29,.055)}
 .pz-cursor-ring.form{width:26px;height:26px;border-color:rgba(104,190,224,.85)}
}
@media(hover:none),(pointer:coarse){.pz-cursor-dot,.pz-cursor-ring{display:none!important}}

/* Admin launcher + studio */
.pz-admin-launch{position:fixed;left:18px;bottom:18px;z-index:970;display:none;border:1px solid #ffffff20;border-radius:999px;padding:11px 14px;background:rgba(1,15,28,.90);backdrop-filter:blur(18px);color:#fff;font-size:9px;font-weight:700;box-shadow:0 15px 40px #0004;cursor:pointer!important}
html.pz-admin-enabled .pz-admin-launch{display:block}
.pz-design-admin{position:fixed;inset:0;z-index:10020;display:none;background:rgba(0,7,14,.78);backdrop-filter:blur(12px);padding:20px}
.pz-design-admin.open{display:grid;place-items:center}
.pz-admin-window{width:min(1080px,96vw);max-height:92vh;overflow:hidden;border-radius:28px;background:#f6f8f9;box-shadow:0 45px 120px #0008;display:grid;grid-template-columns:245px 1fr}
.pz-admin-side{background:linear-gradient(160deg,#010b17,#032846);padding:27px;color:#fff}
.pz-admin-side h3{font-size:16px;margin:0 0 5px}.pz-admin-side p{font-size:8px;line-height:1.6;color:#9fb2bf}
.pz-admin-nav{display:grid;gap:7px;margin-top:25px}.pz-admin-nav button{border:1px solid #ffffff10;background:#ffffff07;color:#dbe5eb;text-align:left;padding:11px;border-radius:10px;font-size:9px;cursor:pointer}.pz-admin-nav button.active{background:linear-gradient(110deg,#075b91,#e46f1d);border-color:transparent;color:#fff}
.pz-admin-main{padding:28px;overflow:auto}.pz-admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pz-admin-top h2{font-size:24px;letter-spacing:-1px;margin:0}.pz-admin-close{border:0;background:#e8ecee;width:35px;height:35px;border-radius:50%;font-size:18px;cursor:pointer}
.pz-admin-section{display:none}.pz-admin-section.active{display:block}
.pz-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pz-admin-field{padding:14px;border-radius:14px;background:#fff;border:1px solid #e1e7e9}.pz-admin-field label{display:block;font-size:8px;font-weight:700;color:#667782;margin-bottom:7px;letter-spacing:.6px}.pz-admin-field select,.pz-admin-field input{width:100%;padding:10px;border:1px solid #dbe3e6;border-radius:9px;background:#fafcfc;font-size:10px}
.pz-admin-switchline{display:flex;justify-content:space-between;align-items:center}.pz-admin-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.pz-admin-actions button{border:0;border-radius:10px;padding:11px 16px;font-size:9px;font-weight:700;cursor:pointer}.pz-admin-save{background:linear-gradient(110deg,#032846,#075b91);color:#fff}.pz-admin-resetall{background:#fff0e5;color:#a64b13}
.pz-admin-help{padding:14px;border-radius:13px;background:#edf5f8;font-size:9px;line-height:1.7;color:#5e717d;margin-bottom:15px}
@media(max-width:760px){.pz-admin-window{grid-template-columns:1fr;max-height:94vh}.pz-admin-side{padding:18px}.pz-admin-nav{grid-template-columns:repeat(3,1fr);margin-top:12px}.pz-admin-main{padding:20px}.pz-admin-grid{grid-template-columns:1fr}.pz-admin-launch{display:none!important}}



/* V29 — GRAVITY BALLS BACKGROUND */
#pzGravity{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .45s ease}
html[data-bgmode="gravity"] #pzGravity{opacity:.78}
html[data-bgmode="gravity"] .pz-bg-sky{background:
 radial-gradient(circle at 80% 16%,rgba(228,111,29,.09),transparent 22%),
 linear-gradient(135deg,#edf6fa,#f7f9f8 52%,#fff5e9)}
html[data-bgmode="gravity"] .pz-bg-clouds{opacity:.10}
html.pz-bg-off #pzGravity{opacity:0!important}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){#pzGravity{display:none!important}}



/* V30 — PROPERTIZONE BRAND LOGO */
header .brand{min-width:210px}
header .brand .logo,header .brand .pz-brand-copy,header .brand strong,header .brand small{display:none!important}
header .pz-brand-logo-img{display:block!important;width:auto!important;height:48px!important;max-width:225px!important;object-fit:contain!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}
.pz-footer .pz-foot-brand{align-items:center!important}
.pz-footer .pz-foot-mark,.pz-footer .pz-foot-brand h3,.pz-footer .pz-foot-brand small{display:none!important}
.pz-footer-logo{display:block;width:auto;height:74px;max-width:300px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.20))}
@media(max-width:900px){header .brand{min-width:155px}header .pz-brand-logo-img{height:40px!important;max-width:180px!important}.pz-footer-logo{height:64px;max-width:260px}}
@media(max-width:599px){header .brand{min-width:125px}header .pz-brand-logo-img{height:34px!important;max-width:145px!important}.pz-footer-logo{height:56px;max-width:225px}}



/* V31 — PRODUCTION CLEANUP / FAST MODE / PAGE ADMIN */
html,body{cursor:auto!important}
a,button,input,select,textarea,label,summary{cursor:pointer}
input,select,textarea{cursor:text}
.pz-cursor-dot,.pz-cursor-ring,.pz-cursor-glow{display:none!important}
html.pz-fast-mode .pz-project,html.pz-fast-mode .pz-plan,html.pz-fast-mode .story-scene{will-change:auto!important}
html.pz-fast-mode .ai-visual:after{animation:none!important}
html.pz-fast-mode .pz-bg-clouds,html.pz-fast-mode .pz-bg-glow{animation-duration:55s!important}
html.pz-fast-mode .v4 section:after,html.pz-fast-mode .pz-projects:after,html.pz-fast-mode .pz-plans:after{animation-duration:28s!important}
[data-pz-hidden="1"]{display:none!important}

/* Separate admin */
.pz-master-admin-btn{position:fixed;left:18px;bottom:18px;z-index:1200;display:none;border:1px solid #ffffff22;border-radius:999px;padding:11px 15px;background:rgba(1,15,28,.94);color:#fff;backdrop-filter:blur(18px);font-size:9px;font-weight:700;box-shadow:0 16px 42px #0005}
html.pz-admin-mode .pz-master-admin-btn{display:block}
.pz-master-admin{position:fixed;inset:0;z-index:12000;display:none;padding:18px;background:rgba(0,7,14,.82);backdrop-filter:blur(12px)}
.pz-master-admin.open{display:grid;place-items:center}
.pz-admin-app{width:min(1160px,97vw);height:min(800px,94vh);display:grid;grid-template-columns:240px 1fr;overflow:hidden;border-radius:28px;background:#f5f7f8;box-shadow:0 50px 140px #0009}
.pz-admin-side{padding:25px;background:linear-gradient(155deg,#010b17,#032846);color:#fff;overflow:auto}.pz-admin-side img{width:180px;max-height:60px;object-fit:contain;margin-bottom:16px}.pz-admin-side h3{font-size:15px;margin:0}.pz-admin-side p{font-size:8px;color:#9db0bd;line-height:1.6}
.pz-admin-menu{display:grid;gap:6px;margin-top:22px}.pz-admin-menu button{border:1px solid #ffffff0f;border-radius:10px;padding:10px;background:#ffffff06;color:#dbe5ea;text-align:left;font-size:9px}.pz-admin-menu button.active{background:linear-gradient(110deg,#075b91,#e46f1d);border-color:transparent}
.pz-admin-content{overflow:auto;padding:27px}.pz-admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pz-admin-head h2{margin:0;font-size:24px;letter-spacing:-1px}.pz-admin-close{width:36px;height:36px;border:0;border-radius:50%;background:#e7ecee;font-size:18px}
.pz-admin-pane{display:none}.pz-admin-pane.active{display:block}.pz-admin-help{padding:13px;border-radius:12px;background:#eaf3f6;color:#60737f;font-size:9px;line-height:1.7;margin-bottom:14px}
.pz-admin-cards{display:grid;gap:11px}.pz-admin-card{padding:15px;border:1px solid #dfe6e9;border-radius:15px;background:#fff}.pz-admin-cardtop{display:flex;justify-content:space-between;gap:15px;align-items:center}.pz-admin-card h4{font-size:12px;margin:0;color:#092d4a}.pz-admin-card small{display:block;font-size:8px;color:#7b8992;margin-top:4px}
.pz-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.pz-admin-fields label{font-size:8px;font-weight:700;color:#647681}.pz-admin-fields input,.pz-admin-fields select,.pz-admin-fields textarea{width:100%;margin-top:5px;padding:9px;border:1px solid #dbe3e6;border-radius:8px;background:#fbfcfc;font-size:10px}.pz-admin-fields textarea{min-height:70px}
.pz-admin-visible{border:0;border-radius:999px;padding:8px 11px;background:#e8f5ee;color:#17704f;font-size:8px;font-weight:700}.pz-admin-visible.off{background:#fff0e8;color:#b74e16}
.pz-admin-actions{position:sticky;bottom:-27px;margin:22px -27px -27px;padding:15px 27px;display:flex;justify-content:flex-end;gap:8px;background:rgba(245,247,248,.95);backdrop-filter:blur(12px);border-top:1px solid #dde5e8}.pz-admin-actions button{border:0;border-radius:10px;padding:11px 16px;font-size:9px;font-weight:700}.pz-admin-save{background:linear-gradient(110deg,#032846,#075b91);color:#fff}.pz-admin-reset{background:#fff0e7;color:#ad4c13}
@media(max-width:760px){.pz-master-admin-btn{display:none!important}.pz-admin-app{grid-template-columns:1fr}.pz-admin-side{display:none}.pz-admin-content{padding:18px}.pz-admin-fields{grid-template-columns:1fr}}



/* V32 — PROFESSIONAL CLICK / TOUCH INTERACTION FIX */
html,body{pointer-events:auto!important}
body:before,.pz-bg-layer,#pzParticles,#pzGravity,.pz-cursor-glow,
.hero:before,.hero:after,.hero .w:before,.cinema-line,
.v4 section:before,.v4 section:after,.pz-projects:before,.pz-projects:after,
.pz-plans:before,.pz-plans:after,.pz-footer:before,.pz-footer:after,
.glass:after,.pz-project:before,.pz-project:after,.pz-plan:after,
.v4 .tile:before,.v4 .tile:after,.v4 .step2:before,.v4 .step2:after,
.ai-visual:before,.ai-visual:after{pointer-events:none!important}

header{pointer-events:auto!important}
header .nav,header .brand,header .menu,header .menu a,header button,
.pz-theme-wrap,.pz-theme-panel,.pz-head-actions{pointer-events:auto!important}

a,button,[role="button"],summary,label,select{touch-action:manipulation}
button,a{user-select:none}
button:disabled{pointer-events:none}
.menu a,.btn,.pz-theme-btn,.pz-swatch,.pz-switch,.pz-view,.pz-enquire,
.pz-plan-actions a,.pz-plan-actions button,.pz-smart-btn,.pz-mobilebar a,
.pz-mobilebar button,.pz-admin-launch,.pz-master-admin-btn{
 position:relative;z-index:10
}

/* reliable minimum target size */
.btn,.pz-view,.pz-enquire,.pz-plan-actions a,.pz-plan-actions button,
.pz-smart-btn,.pz-mobilebar a,.pz-mobilebar button{min-height:44px}
header .menu a{min-height:36px;display:flex;align-items:center}

/* overlays */
.modal,.pz-gateway,.pz-editor,.pz-design-admin,.pz-master-admin{pointer-events:auto!important}
.modal:not(.open),.pz-editor:not(.open),.pz-design-admin:not(.open),.pz-master-admin:not(.open){pointer-events:none!important}
.pz-gateway.hide{pointer-events:none!important}
.pz-ai{pointer-events:none}
.pz-ai.open{pointer-events:auto}
.pz-theme-panel{pointer-events:none}
.pz-theme-panel.open{pointer-events:auto}

/* cards: card itself isn't a click trap; explicit actions are */
.pz-project,.pz-plan,.path,.story-scene{pointer-events:auto}
.pz-project-actions,.pz-plan-actions,.pz-project-actions a,.pz-plan-actions a,.pz-plan-actions button{pointer-events:auto!important}

/* remove hover transform from active press to prevent missed pointerup */
button:active,a:active,.btn:active,.pz-project-actions a:active{transform:scale(.985)!important;transition-duration:.06s!important}

/* keyboard accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
 outline:2px solid #ff9a3c!important;outline-offset:3px!important
}

@media(hover:none),(pointer:coarse){
 .btn:hover,.pz-view:hover,.pz-enter:hover,.pz-project:hover,.pz-plan:hover,
 .v4 .tile:hover,.v4 .step2:hover,.v4 .row:hover{transform:none!important}
 header .menu a,.btn,.pz-view,.pz-enquire,.pz-plan-actions a,.pz-plan-actions button{min-height:46px}
}



/* =========================================================
   PROPERTIZONE — FINAL PRODUCTION HARDENING
   ========================================================= */
:root{--header-safe:100px}
html{scroll-padding-top:var(--header-safe);-webkit-text-size-adjust:100%}
body{cursor:auto!important;overflow-x:hidden}
a,button,select,summary,label{cursor:pointer!important}
input,textarea{cursor:text!important}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
[hidden]{display:none!important}

/* Decorative visual layers never block UI */
#pzParticles,#pzGravity,.pz-bg-layer,.pz-cursor-glow,.pz-cursor-dot,.pz-cursor-ring,
.hero:before,.hero:after,.hero .w:before,.cinema-line,
.v4 section:before,.v4 section:after,.pz-projects:before,.pz-projects:after,
.pz-plans:before,.pz-plans:after,.pz-footer:before,.pz-footer:after,
.glass:after,.pz-project:before,.pz-project:after,.pz-plan:after,
.v4 .tile:before,.v4 .tile:after,.v4 .step2:before,.v4 .step2:after,
.ai-visual:before,.ai-visual:after{pointer-events:none!important}

/* Permanently remove legacy cursor UI */
.pz-cursor-glow,.pz-cursor-dot,.pz-cursor-ring{display:none!important}

/* Stable interactive layer */
header,.nav,.menu,.brand,.pz-head-actions,.pz-theme-wrap,
.btn,a,button,input,select,textarea,summary,
.pz-project-actions,.pz-plan-actions,.pz-smart-actions,.pz-mobilebar,
.pz-ai.open,.modal.open,.pz-editor.open,.pz-master-admin.open{pointer-events:auto}
header{z-index:900!important}
.pz-theme-panel{z-index:940!important}
.pz-smart-actions{z-index:950!important}
.pz-ai{z-index:960!important}
.modal,.pz-editor{z-index:10000!important}
.pz-master-admin{z-index:12000!important}

/* Reliable controls */
button,.btn,.pz-view,.pz-enquire,.pz-plan-actions a,.pz-plan-actions button{min-height:42px}
button:active,.btn:active,a:active{transform:scale(.985)!important}
:focus-visible{outline:2px solid #ff9138!important;outline-offset:3px!important}

/* Performance */
html.pz-final-fast .ai-visual:after{animation:none!important}
html.pz-final-fast .pz-bg-clouds,html.pz-final-fast .pz-bg-glow{animation-duration:60s!important}
html.pz-final-fast .pz-project,html.pz-final-fast .pz-plan,html.pz-final-fast .story-scene{will-change:auto!important}
html.pz-final-fast .v4 section:after,html.pz-final-fast .pz-projects:after,html.pz-final-fast .pz-plans:after{animation-duration:30s!important}

/* Hide old public design controls; Theme remains public */
header .pz-studio-trigger,header .pz-bg-control{display:none!important}

/* Admin is never public unless ?admin=1 */
.pz-master-admin-btn{display:none!important}
html.pz-admin-mode .pz-master-admin-btn{display:block!important}

/* Admin section visibility */
[data-pz-hidden="1"]{display:none!important}

/* Mobile reliability */
@media(max-width:760px){
 :root{--header-safe:78px}
 button,.btn,.pz-view,.pz-enquire,.pz-plan-actions a,.pz-plan-actions button{min-height:46px}
 .pz-master-admin-btn{display:none!important}
}
@media(hover:none),(pointer:coarse){
 .pz-project:hover,.pz-plan:hover,.path:hover,.story-scene:hover,
 .v4 .tile:hover,.v4 .step2:hover,.v4 .row:hover{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
 #pzParticles,#pzGravity{display:none!important}
}



/* FINAL V2 — CLICK-STABLE / NO MOUSE-DRIVEN MOTION */
html,body{cursor:auto!important}
#pzParticles,#pzGravity,.pz-cursor-glow,.pz-cursor-dot,.pz-cursor-ring{display:none!important}
body:before,.pz-bg-layer,.pz-bg-sky,.pz-bg-clouds,.pz-bg-glow,
.hero:before,.hero:after,.hero .w:before,.cinema-line,
.v4 section:before,.v4 section:after,.pz-projects:before,.pz-projects:after,
.pz-plans:before,.pz-plans:after,.pz-footer:before,.pz-footer:after,
.glass:after,.pz-project:before,.pz-project:after,.pz-plan:after,
.v4 .tile:before,.v4 .tile:after,.v4 .step2:before,.v4 .step2:after,
.ai-visual:before,.ai-visual:after{pointer-events:none!important}

/* Never tilt/move an interactive container from pointer position */
.pz-project,.pz-plan,.path,.story-scene,.v4 .tile,.v4 .step2,.v4 .row{
 transform:none!important;will-change:auto!important
}
/* Only simple visual hover, no positional movement */
@media(hover:hover) and (pointer:fine){
 .pz-project:hover,.pz-plan:hover,.path:hover,.story-scene:hover,.v4 .tile:hover,.v4 .step2:hover{
  transform:none!important;filter:brightness(1.015)
 }
}

/* Stable click targets */
a,button,[role="button"],summary,label,select{cursor:pointer!important;touch-action:manipulation}
input,textarea{cursor:text!important}
a,button,.btn,.pz-view,.pz-enquire,.pz-plan-actions a,.pz-plan-actions button,
.pz-theme-btn,.pz-swatch,.pz-switch,.pz-smart-btn,.pz-mobilebar a,.pz-mobilebar button{
 position:relative!important;z-index:20!important;pointer-events:auto!important
}
button,.btn,.pz-view,.pz-enquire,.pz-plan-actions a,.pz-plan-actions button{min-height:44px}
button:active,.btn:active,a:active{transform:none!important;filter:brightness(.96)}



header .brand.pz-text-only{min-width:190px}
header .brand.pz-text-only .pz-brand-copy{display:block!important}
header .brand.pz-text-only strong{font-size:20px!important;font-weight:800!important;background:linear-gradient(100deg,#fff,#a9dff0 42%,#ffb45b 72%,#fff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
header .brand.pz-text-only small{display:block!important;font-size:6.5px!important;letter-spacing:1.7px!important;color:#b7c7d1!important}
.pz-gate-card{width:min(780px,92vw)!important;grid-template-columns:.82fr 1.18fr!important;border-radius:26px!important}
.pz-gate-art{min-height:440px!important;padding:34px!important}.pz-gate-art:before{content:"PROPERTIZONE"!important;top:28px!important;left:30px!important}.pz-gate-art h2{font-size:37px!important}.pz-gate-form{padding:32px!important}.pz-gate-form h3{font-size:26px!important}.pz-choice label{padding:12px!important}
.hero{position:relative!important;isolation:isolate!important}
.pz-cinema-video{position:absolute;inset:0;z-index:-6;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease;pointer-events:none!important}
.hero.pz-cinema-video-on .pz-cinema-video{opacity:1}.hero.pz-cinema-video-on:after{opacity:0!important}
.pz-typing-caret{display:inline-block;width:2px;height:.82em;margin-left:5px;background:#ff8b34;vertical-align:-.04em;animation:pzBlink .75s step-end infinite}
.hero .lead.pz-type-desc{min-height:3.5em}.hero h1.pz-type-head,.hero .lead.pz-type-desc{opacity:1!important;transform:none!important}
@keyframes pzBlink{50%{opacity:0}}
.pz-footer-logo{display:none!important}.pz-foot-brand .pz-foot-mark{display:grid!important;background:linear-gradient(145deg,#ffb45b,#e46f1d)!important;color:#071827!important}.pz-foot-brand h3,.pz-foot-brand small{display:block!important}
@media(max-width:700px){.pz-gate-card{grid-template-columns:1fr!important;width:min(94vw,480px)!important}.pz-gate-art{min-height:180px!important;padding:25px!important}.pz-gate-art h2{font-size:28px!important}.pz-gate-form{padding:24px!important}header .brand.pz-text-only{min-width:135px}header .brand.pz-text-only strong{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.pz-typing-caret{animation:none!important}.pz-cinema-video{display:none!important}}



/* V4 — OFFICIAL PROPERTIZONE LOGO HEADER + FOOTER */
header .brand{min-width:235px!important;display:flex!important;align-items:center!important}
header .brand .logo,header .brand .pz-brand-copy,header .brand strong,header .brand small{display:none!important}
header .pz-brand-logo-img{display:block!important;width:auto!important;height:50px!important;max-width:240px!important;object-fit:contain!important;filter:drop-shadow(0 7px 16px rgba(0,0,0,.22))}
.pz-footer .pz-foot-mark,.pz-footer .pz-foot-brand h3,.pz-footer .pz-foot-brand small{display:none!important}
.pz-footer-logo{display:block!important;width:auto!important;height:78px!important;max-width:320px!important;object-fit:contain!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.22))}
@media(max-width:1050px){header .brand{min-width:190px!important}header .pz-brand-logo-img{height:43px!important;max-width:205px!important}}
@media(max-width:599px){header .brand{min-width:135px!important}header .pz-brand-logo-img{height:34px!important;max-width:150px!important}.pz-footer-logo{height:58px!important;max-width:235px!important}}



/* V5 — FOOTER OFFICIAL LOGO ONLY */
.pz-footer .pz-foot-brand{
 display:flex!important;align-items:center!important;min-height:82px
}
.pz-footer .pz-foot-brand .pz-foot-mark,
.pz-footer .pz-foot-brand h3,
.pz-footer .pz-foot-brand small,
.pz-footer .pz-foot-brand > div:not(:has(img)){display:none!important}
.pz-footer .pz-footer-logo{
 display:block!important;
 width:auto!important;
 height:82px!important;
 max-width:340px!important;
 object-fit:contain!important;
 filter:drop-shadow(0 12px 28px rgba(0,0,0,.24))
}
@media(max-width:900px){.pz-footer .pz-footer-logo{height:70px!important;max-width:285px!important}}
@media(max-width:599px){.pz-footer .pz-footer-logo{height:58px!important;max-width:235px!important}}



/* V6 — ULTRA PREMIUM OPPORTUNITY SYSTEM */
.pz-opportunity-suite{padding:118px 0;background:
 radial-gradient(circle at 10% 12%,rgba(7,91,145,.14),transparent 24%),
 radial-gradient(circle at 91% 86%,rgba(228,111,29,.12),transparent 24%),
 linear-gradient(135deg,#fbfcfd,#eff5f8 52%,#fff6ed);position:relative;overflow:hidden}
.pz-op-shell{width:min(1200px,92%);margin:auto}
.pz-op-intro{max-width:900px;margin:0 auto 48px;text-align:center}.pz-op-intro h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-3.4px;font-weight:500;margin:13px 0;background:linear-gradient(100deg,#03172b,#075b91 50%,#e46f1d);-webkit-background-clip:text;background-clip:text;color:transparent}.pz-op-intro p{font-size:13px;line-height:1.8;color:#637581}
.pz-op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pz-op{position:relative;overflow:hidden;border-radius:30px;padding:30px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(241,248,250,.79));border:1px solid #fff;box-shadow:0 25px 70px rgba(3,31,53,.11)}.pz-op.featured{background:linear-gradient(150deg,#01101e,#05375c 68%,#0a2943);color:#fff;transform:translateY(-8px)}
.pz-op-num{font-size:54px;line-height:1;font-weight:500;color:#dce7ec}.featured .pz-op-num{color:#ff9a3c}.pz-op-label{display:inline-flex;margin:15px 0 12px;padding:7px 10px;border-radius:999px;background:#eaf3f6;color:#075b91;font-size:8px;font-weight:800;letter-spacing:.8px}.featured .pz-op-label{background:#ff9a3c;color:#071827}
.pz-op h3{font-size:22px;line-height:1.15;letter-spacing:-1px;margin:0 0 13px}.pz-op p{font-size:10.5px;line-height:1.72;color:#647681}.featured p{color:#c6d4dc}.pz-op strong{color:#0b4f78}.featured strong{color:#ffb45b}
.pz-op-points{display:grid;gap:9px;margin:20px 0}.pz-op-points span{display:flex;gap:9px;align-items:flex-start;font-size:9.5px;line-height:1.5;color:#526572}.featured .pz-op-points span{color:#d5e0e6}.pz-op-points span:before{content:"✓";width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:grid;place-items:center;background:#e7f2f6;color:#075b91;font-weight:800}.featured .pz-op-points span:before{background:#ff9a3c;color:#071827}
.pz-op-result{padding:13px 14px;border-radius:13px;background:#edf5f7;color:#082e4b;font-size:10px;font-weight:800;margin:19px 0}.featured .pz-op-result{background:#ffffff0d;color:#ffb45b;border:1px solid #ffffff13}
.pz-op-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pz-op-actions button,.pz-op-actions a{min-height:43px;border-radius:11px;display:grid;place-items:center;border:0;font-size:9px;font-weight:800}.pz-op-primary{background:linear-gradient(110deg,#03172b,#075b91);color:#fff}.featured .pz-op-primary{background:linear-gradient(110deg,#ffb45b,#e46f1d);color:#071827}.pz-op-secondary{background:#fff;border:1px solid #e3b175!important;color:#a64c14}.featured .pz-op-secondary{background:#ffffff08;color:#fff;border-color:#ffffff20!important}
.pz-op-disclosure{margin:30px auto 0;max-width:1040px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.76);border:1px solid #dfe7ea;color:#657681;font-size:9px;line-height:1.75;text-align:center}
@media(max-width:900px){.pz-op-grid{grid-template-columns:1fr 1fr}.pz-op.featured{transform:none}}
@media(max-width:620px){.pz-opportunity-suite{padding:76px 0}.pz-op-grid{grid-template-columns:1fr}.pz-op{padding:24px}.pz-op-actions{grid-template-columns:1fr}.pz-op-intro h2{letter-spacing:-2px}}



/* V7 — REFINED PREMIUM OPPORTUNITY EXPERIENCE */
.pz-op-intro{max-width:940px!important}.pz-op-intro h2{max-width:850px;margin:14px auto!important}
.pz-op-intro p{max-width:780px;margin:0 auto;font-size:13px!important}
.pz-op-grid{gap:24px!important;align-items:stretch}
.pz-op{display:flex;flex-direction:column;padding:32px!important;border-radius:32px!important}
.pz-op:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#075b91,#72cce7,#e46f1d,#ffb45b)}
.pz-op-num{font-size:68px!important;letter-spacing:-4px!important;opacity:.72}
.pz-op h3{font-size:24px!important;min-height:56px}
.pz-op-copy{min-height:188px}
.pz-op-copy p{margin:0 0 12px!important}
.pz-benefit-title{font-size:8px;font-weight:800;letter-spacing:1.5px;color:#9a6a1d;margin:20px 0 9px;text-transform:uppercase}.featured .pz-benefit-title{color:#ffb45b}
.pz-op-points{margin:0 0 20px!important}
.pz-op-result{margin-top:auto!important;padding:15px!important}
.pz-op-actions{margin-top:10px}
.pz-op-trust{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 0}.pz-op-trust span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid #dfe7e9;font-size:8px;font-weight:700;color:#596c78}
.pz-op-disclosure{box-shadow:0 12px 35px rgba(3,31,53,.05)}
@media(max-width:900px){.pz-op-copy{min-height:auto}.pz-op h3{min-height:auto}}



/* V8 — PREMIUM ABOUT PROPERTIZONE */
.pz-about{padding:110px 0;background:
 radial-gradient(circle at 8% 12%,rgba(7,91,145,.10),transparent 24%),
 radial-gradient(circle at 92% 86%,rgba(228,111,29,.09),transparent 23%),
 linear-gradient(135deg,#fbfcfd,#f2f6f8 54%,#fff8f1)}
.pz-about-shell{width:min(1180px,92%);margin:auto}
.pz-about-head{text-align:center;max-width:830px;margin:0 auto 42px}
.pz-about-head h2{font-size:clamp(40px,4.8vw,64px);line-height:1;letter-spacing:-3px;font-weight:500;margin:12px 0;background:linear-gradient(100deg,#03172b,#075b91 54%,#e46f1d);-webkit-background-clip:text;background-clip:text;color:transparent}
.pz-about-head p{font-size:12px;line-height:1.75;color:#677884}
.pz-about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.pz-about-visual{position:relative;min-height:530px;border-radius:30px;overflow:hidden;background:#032846;box-shadow:0 28px 80px rgba(3,31,53,.14)}
.pz-about-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pz-about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(1,14,26,.86))}
.pz-about-overlay{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;color:#fff}
.pz-about-overlay small{font-size:8px;letter-spacing:2px;color:#ffb45b;font-weight:800}.pz-about-overlay h3{font-size:30px;line-height:1.05;letter-spacing:-1.5px;margin:8px 0}.pz-about-overlay p{max-width:500px;font-size:10px;line-height:1.7;color:#d4e0e6}
.pz-about-card{border-radius:30px;padding:38px;background:rgba(255,255,255,.88);border:1px solid #fff;box-shadow:0 25px 70px rgba(3,31,53,.08);backdrop-filter:blur(16px)}
.pz-about-card .ey{font-size:8px;letter-spacing:2px;color:#a54d17;font-weight:800}.pz-about-card h3{font-size:30px;line-height:1.08;letter-spacing:-1.5px;margin:10px 0 14px;color:#082e4b}.pz-about-card>p{font-size:11px;line-height:1.8;color:#647681}
.pz-about-points{display:grid;gap:9px;margin:22px 0}.pz-about-point{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:12px;border-radius:13px;background:#f5f8f9;border:1px solid #e5ebed}.pz-about-point b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#032846,#075b91);color:#ffb45b;font-size:11px}.pz-about-point strong{display:block;font-size:10px;color:#092e4b}.pz-about-point span{display:block;font-size:8px;color:#74838d;margin-top:3px}
.pz-about-actions{display:flex;gap:9px;flex-wrap:wrap}.pz-about-actions a,.pz-about-actions button{min-height:43px;padding:0 17px;border-radius:11px;border:0;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.pz-about-primary{background:linear-gradient(110deg,#03172b,#075b91);color:#fff}.pz-about-secondary{background:#fff;border:1px solid #e3b175!important;color:#a54d17}
@media(max-width:850px){.pz-about-grid{grid-template-columns:1fr}.pz-about-visual{min-height:440px}}
@media(max-width:560px){.pz-about{padding:72px 0}.pz-about-head h2{letter-spacing:-2px}.pz-about-visual{min-height:360px}.pz-about-card{padding:25px}.pz-about-actions{display:grid}.pz-about-actions>*{width:100%}}



/* V9 — ULTRA PREMIUM ABOUT EXPERIENCE */
.pz-about{position:relative;isolation:isolate;overflow:hidden}
.pz-about:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(circle at 13% 20%,rgba(7,91,145,.12),transparent 24%),
 radial-gradient(circle at 87% 76%,rgba(228,111,29,.10),transparent 23%);
 animation:pzAboutAtmos 12s ease-in-out infinite alternate}
.pz-about-head .pill{opacity:0;transform:translateY(12px);transition:.65s cubic-bezier(.22,.8,.22,1)}
.pz-about-head h2{overflow:hidden}
.pz-about-title-word{display:inline-block;opacity:0;transform:translateY(105%) rotate(.8deg);filter:blur(3px);transition:opacity .72s ease,transform .9s cubic-bezier(.22,.8,.22,1),filter .7s ease}
.pz-about-head>p{opacity:0;transform:translateY(14px);transition:.75s .35s ease}
.pz-about.pz-about-in .pz-about-head .pill,.pz-about.pz-about-in .pz-about-head>p{opacity:1;transform:none}
.pz-about.pz-about-in .pz-about-title-word{opacity:1;transform:none;filter:none}

.pz-about-visual{opacity:0;transform:translateX(-28px) scale(.985);transition:1s .2s cubic-bezier(.22,.8,.22,1)}
.pz-about-visual:before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.14) 46%,transparent 63%);transform:translateX(-120%)}
.pz-about.pz-about-in .pz-about-visual{opacity:1;transform:none}
.pz-about.pz-about-in .pz-about-visual:before{animation:pzAboutSweep 1.4s .8s ease forwards}
.pz-about-visual img{transform:scale(1.035);transition:transform 8s ease!important}
.pz-about.pz-about-in .pz-about-visual img{transform:scale(1)}

.pz-about-card{opacity:0;transform:translateX(28px);transition:1s .28s cubic-bezier(.22,.8,.22,1);position:relative;overflow:hidden}
.pz-about.pz-about-in .pz-about-card{opacity:1;transform:none}
.pz-about-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,rgba(7,91,145,.035),rgba(228,111,29,.03),transparent 72%);background-size:220% 100%;animation:pzAboutGlass 10s ease-in-out infinite}
.pz-about-card>*{position:relative;z-index:2}

.pz-about-card>p.pz-about-type{min-height:5.2em}
.pz-about-type-caret{display:inline-block;width:2px;height:.9em;margin-left:4px;background:#e46f1d;vertical-align:-.04em;animation:pzAboutCaret .8s step-end infinite}
.pz-about-point{opacity:0;transform:translateY(14px);transition:.58s cubic-bezier(.22,.8,.22,1)}
.pz-about.pz-about-in .pz-about-point{opacity:1;transform:none}
.pz-about.pz-about-in .pz-about-point:nth-child(1){transition-delay:.65s}
.pz-about.pz-about-in .pz-about-point:nth-child(2){transition-delay:.78s}
.pz-about.pz-about-in .pz-about-point:nth-child(3){transition-delay:.91s}
.pz-about-point b{transition:transform .35s ease,box-shadow .35s ease}
.pz-about-point:hover b{transform:scale(1.06);box-shadow:0 10px 24px rgba(7,91,145,.16)}
.pz-about-point:hover{border-color:#cddde4;background:#fff}

.pz-about-actions a,.pz-about-actions button{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important}
.pz-about-actions a:after,.pz-about-actions button:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.35),transparent 64%);transform:translateX(-125%);transition:.65s}
.pz-about-actions a:hover:after,.pz-about-actions button:hover:after{transform:translateX(125%)}
.pz-about-actions a:hover,.pz-about-actions button:hover{transform:translateY(-2px)!important;box-shadow:0 13px 30px rgba(3,31,53,.12)}
.pz-about-actions a:active,.pz-about-actions button:active{transform:none!important}

@keyframes pzAboutAtmos{to{transform:scale(1.03);filter:saturate(1.05)}}
@keyframes pzAboutSweep{to{transform:translateX(120%)}}
@keyframes pzAboutGlass{50%{background-position:100% 50%}}
@keyframes pzAboutCaret{50%{opacity:0}}
@media(max-width:760px){
 .pz-about-title-word{transition-duration:.6s}.pz-about-visual,.pz-about-card{transform:translateY(18px)}
 .pz-about-card>p.pz-about-type{min-height:auto}
}
@media(hover:none),(pointer:coarse){.pz-about-point:hover b,.pz-about-actions a:hover,.pz-about-actions button:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){
 .pz-about:before,.pz-about-visual:before,.pz-about-card:before,.pz-about-type-caret{animation:none!important}
 .pz-about-head .pill,.pz-about-title-word,.pz-about-head>p,.pz-about-visual,.pz-about-card,.pz-about-point{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}



/* V10 — AI-INSPIRED CORPORATE BACKGROUNDS + GLOBAL HEADING TYPING */
:root{--pz-blue:#063b65;--pz-orange:#e46f1d;--pz-ice:#dff2f8;--pz-ink:#03172b}

/* refined corporate atmospheric system */
.v4 .white,.v4 .soft,.pz-about,.pz-opportunity-suite,.pz-projects,.pz-plans{
 position:relative;isolation:isolate;overflow:hidden;
 background:
 radial-gradient(ellipse at 12% 16%,rgba(33,139,185,.095),transparent 28%),
 radial-gradient(ellipse at 88% 82%,rgba(228,111,29,.075),transparent 25%),
 linear-gradient(135deg,#ffffff 0%,#f3f8fa 48%,#fff8f1 100%)!important
}
.v4 .white:before,.v4 .soft:before,.pz-about:after,.pz-opportunity-suite:before,.pz-projects:before,.pz-plans:before{
 content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.34;
 background-image:
 linear-gradient(rgba(6,59,101,.045) 1px,transparent 1px),
 linear-gradient(90deg,rgba(6,59,101,.045) 1px,transparent 1px);
 background-size:48px 48px;
 mask-image:linear-gradient(135deg,rgba(0,0,0,.75),transparent 72%)
}
.v4 .white:after,.v4 .soft:after,.pz-opportunity-suite:after,.pz-projects:after,.pz-plans:after{
 content:"";position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;right:-250px;top:12%;
 background:radial-gradient(circle,rgba(228,111,29,.10),rgba(7,91,145,.035) 45%,transparent 70%);
 filter:blur(6px);pointer-events:none;animation:pzAIBreathe 14s ease-in-out infinite alternate
}
.v4 .dark2,.pz-story{
 background:
 radial-gradient(circle at 16% 25%,rgba(28,130,177,.20),transparent 27%),
 radial-gradient(circle at 84% 72%,rgba(228,111,29,.14),transparent 23%),
 linear-gradient(125deg,#010b17 0%,#032846 56%,#071a2a 100%)!important
}
.v4 .dark2:before,.pz-story:before{
 background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
 background-size:52px 52px!important
}

/* global heading typing */
.pz-global-type{min-height:1.1em}
.pz-global-caret{display:inline-block;width:2px;height:.82em;margin-left:5px;background:linear-gradient(#ffb45b,#e46f1d);vertical-align:-.04em;animation:pzGlobalBlink .78s step-end infinite}
.pz-kicker-reveal{opacity:0;transform:translateY(8px);letter-spacing:4px!important;transition:opacity .55s ease,transform .55s ease,letter-spacing .8s ease}
.pz-kicker-reveal.pz-show{opacity:1;transform:none;letter-spacing:2px!important}

/* subtle section-settle */
.pz-type-section{opacity:.985;transition:opacity .5s ease}
.pz-type-section.pz-type-active{opacity:1}

@keyframes pzGlobalBlink{50%{opacity:0}}
@keyframes pzAIBreathe{to{transform:translate(-55px,35px) scale(1.08);opacity:.72}}
@media(max-width:760px){
 .v4 .white:before,.v4 .soft:before,.pz-about:after,.pz-opportunity-suite:before,.pz-projects:before,.pz-plans:before{background-size:64px 64px;opacity:.22}
 .v4 .white:after,.v4 .soft:after,.pz-opportunity-suite:after,.pz-projects:after,.pz-plans:after{animation:none}
}
@media(prefers-reduced-motion:reduce){
 .pz-global-caret,.v4 .white:after,.v4 .soft:after,.pz-opportunity-suite:after,.pz-projects:after,.pz-plans:after{animation:none!important}
 .pz-kicker-reveal{opacity:1!important;transform:none!important;letter-spacing:2px!important;transition:none!important}
}



/* V11 — FIRST-SCREEN PREMIUM AI TYPOGRAPHY */
.hero .pz-hero-label{
 background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.15)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px)
}
.hero h1.pz-hero-ai-title{
 max-width:820px!important;min-height:2.8em;
 font-size:clamp(50px,6.2vw,90px)!important;line-height:.92!important;
 letter-spacing:-4.2px!important;font-weight:600!important;
 background:linear-gradient(105deg,#fff 5%,#bce6f2 36%,#ffbd69 64%,#f07827 79%,#fff 96%)!important;
 background-size:250% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
 filter:drop-shadow(0 18px 45px rgba(0,0,0,.16))
}
.hero .pz-hero-ai-title .pz-hero-caret{display:inline-block;width:3px;height:.78em;margin-left:7px;background:#ff8a32;vertical-align:-.02em;animation:pzHeroBlink .75s step-end infinite}
.hero .lead.pz-hero-ai-desc{max-width:650px!important;min-height:4.6em;font-size:15px!important;line-height:1.78!important;color:#dce7ed!important}
.pz-hero-micro{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#b8cbd6;font-size:9px;font-weight:700;letter-spacing:2.7px;text-transform:uppercase;opacity:0;transform:translateY(8px);animation:pzHeroMicro .7s .15s ease forwards}
.pz-hero-micro:before{content:"";width:34px;height:1px;background:linear-gradient(90deg,#ff9a3c,#ffcc82)}
.hero .trust{opacity:0;animation:pzHeroTrust .7s 1.15s ease forwards}
.hero .trust span{transition:border-color .28s ease,background .28s ease!important}.hero .trust span:hover{border-color:rgba(255,180,91,.35)!important;background:rgba(255,255,255,.11)!important}
.hero .actions{opacity:0;animation:pzHeroTrust .7s 1.3s ease forwards}
.hero .actions .btn:first-child{box-shadow:0 16px 42px rgba(228,111,29,.22)}
.pz-hero-value{display:inline-flex;gap:7px;align-items:center;margin-top:12px;padding:8px 11px;border-radius:999px;background:rgba(1,16,29,.24);border:1px solid rgba(255,255,255,.10);color:#afc2cd;font-size:8px;letter-spacing:.4px;opacity:0;animation:pzHeroTrust .7s 1.45s ease forwards}
.pz-hero-value b{color:#ffb45b}
@keyframes pzHeroBlink{50%{opacity:0}}
@keyframes pzHeroMicro{to{opacity:1;transform:none}}
@keyframes pzHeroTrust{to{opacity:1}}
@media(max-width:760px){
 .hero h1.pz-hero-ai-title{font-size:clamp(40px,12vw,58px)!important;letter-spacing:-2.6px!important;min-height:3.1em}
 .hero .lead.pz-hero-ai-desc{font-size:12px!important;min-height:5.5em}.pz-hero-micro{font-size:7px;letter-spacing:1.7px}
}
@media(prefers-reduced-motion:reduce){.hero .pz-hero-ai-title .pz-hero-caret{animation:none!important}.pz-hero-micro,.hero .trust,.hero .actions,.pz-hero-value{opacity:1!important;transform:none!important;animation:none!important}}



/* V12 — SHORT EXECUTIVE HERO TYPOGRAPHY */
.hero h1.pz-hero-ai-title{max-width:760px!important;min-height:1.9em!important;font-size:clamp(52px,6.4vw,88px)!important;line-height:.94!important}
.hero .lead.pz-hero-ai-desc{max-width:590px!important;min-height:2.2em!important;font-size:14px!important;line-height:1.65!important}
.pz-hero-micro{margin-bottom:10px!important}
@media(max-width:760px){.hero h1.pz-hero-ai-title{min-height:2.5em!important;font-size:clamp(40px,12vw,56px)!important}.hero .lead.pz-hero-ai-desc{min-height:3.2em!important}}



/* V13 — ABOUT: LARGER VISUAL / COMPACT CONTENT */
.pz-about-grid{
 grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;
 gap:24px!important;
 align-items:stretch!important
}
.pz-about-visual{
 min-height:610px!important;
 border-radius:32px!important
}
.pz-about-visual img{object-position:center!important}
.pz-about-overlay{left:34px!important;right:34px!important;bottom:31px!important;max-width:620px}
.pz-about-overlay h3{font-size:32px!important;max-width:520px}
.pz-about-overlay p{max-width:540px!important}

.pz-about-card{
 padding:29px!important;
 border-radius:28px!important;
 display:flex;
 flex-direction:column;
 justify-content:center
}
.pz-about-card h3{
 font-size:25px!important;
 line-height:1.08!important;
 margin:8px 0 10px!important
}
.pz-about-card>p{
 font-size:9.5px!important;
 line-height:1.65!important;
 margin:0 0 10px!important
}
.pz-about-card>p.pz-about-type{min-height:4.2em!important}
.pz-about-points{gap:7px!important;margin:13px 0!important}
.pz-about-point{
 grid-template-columns:34px 1fr!important;
 gap:9px!important;
 padding:9px 10px!important;
 border-radius:11px!important
}
.pz-about-point b{
 width:34px!important;height:34px!important;border-radius:10px!important;font-size:9px!important
}
.pz-about-point strong{font-size:9px!important}
.pz-about-point span{font-size:7.5px!important;line-height:1.4!important}
.pz-about-actions{margin-top:4px!important}
.pz-about-actions a,.pz-about-actions button{
 min-height:39px!important;
 padding:0 13px!important;
 font-size:8px!important
}

@media(max-width:1000px){
 .pz-about-grid{grid-template-columns:1.15fr .85fr!important}
 .pz-about-visual{min-height:560px!important}
}
@media(max-width:820px){
 .pz-about-grid{grid-template-columns:1fr!important}
 .pz-about-visual{min-height:500px!important}
 .pz-about-card{max-width:680px;margin:auto;padding:27px!important}
}
@media(max-width:560px){
 .pz-about-visual{min-height:430px!important}
 .pz-about-overlay{left:22px!important;right:22px!important;bottom:22px!important}
 .pz-about-overlay h3{font-size:25px!important}
 .pz-about-card{padding:22px!important}
 .pz-about-card h3{font-size:22px!important}
}



/* V14 — PREMIUM CLIENT-FACING NAVIGATION */
header .nav{gap:18px!important}
header .menu{
 display:flex!important;
 align-items:center!important;
 gap:3px!important;
 padding:5px!important;
 border-radius:999px!important;
 background:rgba(1,15,28,.24)!important;
 border:1px solid rgba(255,255,255,.08)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.055);
 backdrop-filter:blur(16px)
}
header .menu a{
 position:relative!important;
 min-height:38px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 padding:0 13px!important;
 border-radius:999px!important;
 font-family:Poppins,Montserrat,Arial,sans-serif!important;
 font-size:10px!important;
 font-weight:600!important;
 letter-spacing:.28px!important;
 text-transform:none!important;
 color:#e7f0f5!important;
 background:none!important;
 -webkit-text-fill-color:initial!important;
 transition:background .28s ease,color .28s ease,box-shadow .28s ease,filter .28s ease!important
}
header .menu a:before{
 content:"";position:absolute;left:15px;right:15px;bottom:5px;height:2px;border-radius:4px;
 background:linear-gradient(90deg,#0d83ba,#ff8a32);transform:scaleX(0);transform-origin:center;transition:transform .3s ease
}
header .menu a:hover{
 color:#fff!important;
 background:rgba(255,255,255,.085)!important;
 box-shadow:0 8px 22px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.07)!important
}
header .menu a:hover:before,header .menu a.active:before{transform:scaleX(1)}
header .menu a.active{
 color:#fff!important;
 background:linear-gradient(110deg,rgba(7,91,145,.24),rgba(228,111,29,.12))!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)
}
header .menu a:after{display:none!important}

/* Hero CTA moved lower for stronger visual rhythm */
.hero .actions{
 margin-top:28px!important;
 padding-top:7px!important
}
.hero .pz-hero-value{margin-top:16px!important}
.hero .actions .btn{
 min-height:47px!important;
 padding-left:22px!important;
 padding-right:22px!important
}
@media(min-width:1024px) and (max-width:1220px){
 header .menu a{padding:0 9px!important;font-size:9px!important}
 header .nav{gap:10px!important}
}
@media(max-width:1023px){
 header .menu{display:none!important}
}



/* V15 — THIRD-PAGE CINEMATIC OPPORTUNITY EXPERIENCE */
.pz-opportunity-suite{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 padding:125px 0!important;color:#fff!important;
 background:
 radial-gradient(circle at 14% 20%,rgba(32,143,190,.25),transparent 27%),
 radial-gradient(circle at 86% 76%,rgba(228,111,29,.23),transparent 24%),
 linear-gradient(125deg,#010b17 0%,#032846 48%,#073d61 72%,#351a0d 125%)!important
}
.pz-opportunity-suite:before{
 content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.20;
 background-image:
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
 background-size:52px 52px;
 mask-image:linear-gradient(135deg,#000,transparent 82%)
}
.pz-opportunity-suite:after{
 content:"";position:absolute;z-index:-1;width:650px;height:650px;border-radius:50%;
 right:-260px;top:8%;pointer-events:none;
 background:radial-gradient(circle,rgba(255,142,55,.18),rgba(10,106,158,.06) 46%,transparent 70%);
 filter:blur(8px);animation:pzOpAura 13s ease-in-out infinite alternate
}
.pz-op-intro .pill{
 color:#ffbd70!important;background:rgba(255,255,255,.07)!important;
 border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(12px)
}
.pz-op-intro h2{
 background:linear-gradient(100deg,#fff 5%,#a9dff0 38%,#ffb45b 70%,#fff 96%)!important;
 background-size:230% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
.pz-op-intro p{color:#bdcdd7!important}
.pz-op-grid{perspective:1200px}
.pz-op{
 background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
 border:1px solid rgba(255,255,255,.15)!important;
 backdrop-filter:blur(24px) saturate(130%)!important;
 box-shadow:0 32px 85px rgba(0,0,0,.28)!important;
 color:#fff!important;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.8,.22,1),border-color .35s,box-shadow .35s!important
}
.pz-op.featured{
 background:linear-gradient(145deg,rgba(7,78,121,.60),rgba(2,18,32,.72))!important;
 transform:translateY(22px)!important
}
.pz-opportunity-suite.pz-op-in .pz-op{opacity:1;transform:none!important}
.pz-opportunity-suite.pz-op-in .pz-op:nth-child(1){transition-delay:.10s!important}
.pz-opportunity-suite.pz-op-in .pz-op:nth-child(2){transition-delay:.24s!important}
.pz-opportunity-suite.pz-op-in .pz-op:nth-child(3){transition-delay:.38s!important}
.pz-op:hover{border-color:rgba(255,180,91,.30)!important;box-shadow:0 38px 95px rgba(0,0,0,.34),0 0 35px rgba(228,111,29,.06)!important}
.pz-op-num{
 font-size:76px!important;color:transparent!important;
 -webkit-text-stroke:1px rgba(255,255,255,.34);
 background:linear-gradient(145deg,#91d8ec,#ffad59);-webkit-background-clip:text;background-clip:text;
 filter:drop-shadow(0 8px 22px rgba(0,0,0,.18))
}
.pz-op-label{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12);color:#ffb45b!important}
.pz-op h3{color:#fff!important}.pz-op p,.pz-op-points span{color:#c7d5dd!important}
.pz-op strong{color:#ffb45b!important}
.pz-benefit-title{color:#8fd5e8!important}
.pz-op-points span:before{background:linear-gradient(145deg,#0a6b9d,#e46f1d)!important;color:#fff!important}
.pz-op-result{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.10);color:#ffbd70!important}
.pz-op-secondary{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
.pz-op-trust span{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.12)!important;color:#c9d7df!important;backdrop-filter:blur(10px)}
.pz-op-disclosure{
 background:rgba(1,15,28,.42)!important;border-color:rgba(255,255,255,.12)!important;
 color:#b8c8d2!important;backdrop-filter:blur(18px)!important
}
.pz-op-disclosure b{color:#ffb45b}
@keyframes pzOpAura{to{transform:translate(-80px,65px) scale(1.10);opacity:.72}}
@media(max-width:760px){.pz-opportunity-suite{padding:82px 0!important}.pz-opportunity-suite:after{animation:none}.pz-op{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.pz-opportunity-suite:after{animation:none!important}.pz-op{opacity:1!important;transform:none!important;transition:none!important}}



/* V17 — ULTRA PREMIUM OPPORTUNITY SECTION */
.pz-op-ultra{
  padding:130px 0!important;
  background:
    radial-gradient(circle at 14% 22%, rgba(65,180,224,.22), transparent 25%),
    radial-gradient(circle at 84% 76%, rgba(228,111,29,.18), transparent 24%),
    linear-gradient(125deg,#010b17 0%,#032846 45%,#073b5e 75%,#2d170d 120%)!important;
}
.pz-op-ultra:before{
  opacity:.24!important;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px)!important;
  background-size:46px 46px!important;
}
.pz-op-ultra-intro .pill{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  color:#ffbd70!important;
  backdrop-filter:blur(12px);
}
.pz-op-ultra-intro h2{
  background:linear-gradient(105deg,#ffffff 5%,#bfe8f4 38%,#ffbf71 72%,#ffffff 97%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.pz-op-ultra-intro p{color:#c6d6de!important;max-width:820px;margin-left:auto!important;margin-right:auto!important}

.pz-op-ultra-grid{gap:26px!important}
.pz-op-card-ultra{
  padding:0!important;
  overflow:hidden!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 34px 95px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
  transform:translateY(24px);
  opacity:0;
  transition:
    opacity .75s ease,
    transform .85s cubic-bezier(.22,.8,.22,1),
    box-shadow .35s ease,
    border-color .35s ease!important;
}
.pz-op-ultra.pz-op-live .pz-op-card-ultra{opacity:1;transform:none}
.pz-op-ultra.pz-op-live .pz-op-card-ultra:nth-child(1){transition-delay:.08s}
.pz-op-ultra.pz-op-live .pz-op-card-ultra:nth-child(2){transition-delay:.22s}
.pz-op-ultra.pz-op-live .pz-op-card-ultra:nth-child(3){transition-delay:.36s}
.pz-op-card-ultra:hover{
  border-color:rgba(255,191,113,.28)!important;
  box-shadow:0 42px 110px rgba(0,0,0,.34),0 0 35px rgba(255,140,50,.08)!important;
}
.pz-op-card-ultra.featured{
  background:linear-gradient(145deg,rgba(8,94,140,.34),rgba(255,255,255,.05))!important;
}
.pz-op-media{
  position:relative;
  min-height:235px;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.pz-op-media:after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%,rgba(1,11,23,.55));
  pointer-events:none;
}
.pz-op-badge{
  position:absolute;left:22px;top:18px;z-index:2;
  min-width:54px;height:54px;padding:0 14px;
  border-radius:18px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;font-size:20px;font-weight:800;
  backdrop-filter:blur(10px);
}
.pz-op-emoji{
  position:absolute;right:20px;top:18px;z-index:2;
  width:56px;height:56px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(255,180,91,.18),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.14);
  font-size:28px;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}
.pz-op-chip{
  position:absolute;left:22px;bottom:18px;z-index:2;
  padding:9px 12px;border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#ffbc6d;font-size:8px;font-weight:800;letter-spacing:1px;
  backdrop-filter:blur(12px);
}
.pz-op-body{padding:26px}
.pz-op-card-ultra h3{
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:-1.2px!important;
  color:#fff!important;
  margin:0 0 12px!important;
}
.pz-op-card-ultra p{
  font-size:11px!important;
  line-height:1.75!important;
  color:#c8d6dd!important;
  margin:0 0 14px!important;
}
.pz-op-card-ultra strong{color:#ffbc6d!important}
.pz-op-minihead{
  font-size:8px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  font-weight:800;
  color:#8fd9eb;
  margin:16px 0 10px;
}
.pz-op-list{
  list-style:none;
  padding:0;margin:0 0 18px;
  display:grid;gap:8px;
}
.pz-op-list li{
  position:relative;
  padding:10px 12px 10px 36px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#d6e1e7;
  font-size:9.5px;
  line-height:1.55;
}
.pz-op-list li:before{
  content:"✦";
  position:absolute;left:13px;top:10px;
  width:16px;height:16px;
  display:grid;place-items:center;
  color:#ffb45b;font-weight:900;
}
.pz-op-highlight{
  padding:14px 15px;
  border-radius:14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  color:#ffc57a;
  font-size:10px;
  font-weight:800;
  line-height:1.45;
  margin:0 0 16px;
}
.pz-op-card-ultra .pz-op-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.pz-op-card-ultra .pz-op-primary,
.pz-op-card-ultra .pz-op-secondary{
  min-height:44px;
  border-radius:12px;
  font-size:9px;
  font-weight:800;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important;
}
.pz-op-card-ultra .pz-op-primary{
  background:linear-gradient(110deg,#ffb45b,#e46f1d)!important;
  color:#071827!important;
}
.pz-op-card-ultra .pz-op-secondary{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.pz-op-card-ultra .pz-op-primary:hover,
.pz-op-card-ultra .pz-op-secondary:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
.pz-op-trust-ultra{margin-top:30px!important}
.pz-op-trust-ultra span{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#d4e0e6!important;
  backdrop-filter:blur(10px);
}
.pz-op-ultra-disclosure{
  margin-top:22px!important;
  background:rgba(1,15,28,.42)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#bdccd4!important;
  backdrop-filter:blur(16px)!important;
}
.pz-op-ultra-disclosure b{color:#ffbd70!important}

@media(max-width:980px){
  .pz-op-media{min-height:210px}
  .pz-op-card-ultra h3{font-size:22px!important}
}
@media(max-width:760px){
  .pz-op-ultra{padding:84px 0!important}
  .pz-op-card-ultra .pz-op-actions{grid-template-columns:1fr}
  .pz-op-media{min-height:190px}
  .pz-op-badge{width:48px;height:48px;font-size:18px}
  .pz-op-emoji{width:50px;height:50px;font-size:24px}
}
@media(prefers-reduced-motion:reduce){
  .pz-op-card-ultra{opacity:1!important;transform:none!important;transition:none!important}
  .pz-op-card-ultra .pz-op-primary:hover,
  .pz-op-card-ultra .pz-op-secondary:hover{transform:none!important}
}



/* V18 — Premium animated backgrounds for opportunity section */
.pz-op-ultra{
  background:
    radial-gradient(circle at 12% 18%, rgba(89,202,245,.26), transparent 24%),
    radial-gradient(circle at 86% 20%, rgba(255,177,87,.18), transparent 23%),
    radial-gradient(circle at 82% 78%, rgba(228,111,29,.20), transparent 23%),
    linear-gradient(130deg,#010b17 0%, #02233c 28%, #063b65 58%, #0a4d73 76%, #34180f 100%) !important;
  background-size: 100% 100%, 100% 100%, 100% 100%, 180% 180% !important;
  animation: pzOpBgShift 18s ease-in-out infinite alternate;
}
.pz-op-ultra:before{
  opacity:.28 !important;
  animation: pzOpGridFloat 16s linear infinite;
}
.pz-op-ultra:after{
  width:720px !important;
  height:720px !important;
  right:-240px !important;
  top:4% !important;
  background:radial-gradient(circle, rgba(255,164,75,.22), rgba(45,182,225,.10) 43%, transparent 70%) !important;
  filter:blur(10px) !important;
  animation: pzOpAuraDeluxe 15s ease-in-out infinite alternate !important;
}

/* additional autonomous floating premium orbs */
.pz-op-ultra .pz-op-shell{position:relative;z-index:1}
.pz-op-ultra .pz-op-shell:before,
.pz-op-ultra .pz-op-shell:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(22px);
  opacity:.48;
  z-index:0;
}
.pz-op-ultra .pz-op-shell:before{
  width:280px;height:280px;left:-60px;top:120px;
  background:radial-gradient(circle, rgba(77,196,236,.24), transparent 68%);
  animation:pzOpOrbOne 14s ease-in-out infinite alternate;
}
.pz-op-ultra .pz-op-shell:after{
  width:260px;height:260px;right:-50px;bottom:110px;
  background:radial-gradient(circle, rgba(255,171,91,.20), transparent 70%);
  animation:pzOpOrbTwo 17s ease-in-out infinite alternate;
}

/* card internal background motion */
.pz-op-card-ultra{
  position:relative;
}
.pz-op-card-ultra:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), transparent 28%, rgba(255,255,255,.03) 52%, transparent 72%),
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.10), transparent 34%);
  opacity:.9;
  animation:pzCardGlassMove 10s ease-in-out infinite alternate;
}
.pz-op-card-ultra .pz-op-media{
  overflow:hidden;
}
.pz-op-card-ultra .pz-op-media:before{
  content:"";
  position:absolute;inset:-6%;
  background:
    linear-gradient(115deg, transparent 18%, rgba(255,255,255,.16) 44%, transparent 56%),
    radial-gradient(circle at 75% 25%, rgba(255,180,91,.16), transparent 28%),
    radial-gradient(circle at 22% 78%, rgba(88,206,245,.14), transparent 24%);
  pointer-events:none;
  transform:translateX(-120%);
  animation:pzMediaSweep 8s ease-in-out infinite;
}
.pz-op-card-ultra .pz-op-media{
  animation:pzMediaZoom 16s ease-in-out infinite alternate;
}
.pz-op-card-ultra .pz-op-body{position:relative;z-index:2}
.pz-op-card-ultra .pz-op-highlight{
  background:linear-gradient(120deg, rgba(255,255,255,.10), rgba(255,180,91,.08), rgba(80,201,238,.08)) !important;
}

/* richer premium colors for chips and buttons */
.pz-op-chip{
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.06)) !important;
  color:#ffc983 !important;
}
.pz-op-card-ultra .pz-op-primary{
  background:linear-gradient(110deg,#ffcb7d,#ff9640 46%, #e46f1d 100%) !important;
  box-shadow:0 14px 30px rgba(228,111,29,.20);
}
.pz-op-card-ultra .pz-op-secondary{
  background:linear-gradient(120deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;
}

/* trust/disclosure richer backgrounds */
.pz-op-trust-ultra span{
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;
}
.pz-op-ultra-disclosure{
  background:
    linear-gradient(135deg, rgba(1,15,28,.58), rgba(7,46,71,.42)) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.18);
}

@keyframes pzOpBgShift{
  0%{background-position:0% 0%, 100% 0%, 100% 100%, 0% 0%}
  50%{background-position:8% 6%, 94% 5%, 96% 95%, 55% 35%}
  100%{background-position:4% 12%, 88% 12%, 90% 88%, 100% 100%}
}
@keyframes pzOpGridFloat{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(18px,14px,0)}
}
@keyframes pzOpAuraDeluxe{
  0%{transform:translate(0,0) scale(1); opacity:.68}
  100%{transform:translate(-110px,70px) scale(1.14); opacity:.9}
}
@keyframes pzOpOrbOne{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(48px,-26px,0) scale(1.16)}
}
@keyframes pzOpOrbTwo{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-40px,34px,0) scale(1.18)}
}
@keyframes pzCardGlassMove{
  0%{transform:translateY(0); opacity:.85}
  100%{transform:translateY(-10px); opacity:1}
}
@keyframes pzMediaSweep{
  0%,15%{transform:translateX(-120%)}
  55%,100%{transform:translateX(120%)}
}
@keyframes pzMediaZoom{
  0%{background-size:100% auto}
  100%{background-size:108% auto}
}
@media(max-width:760px){
  .pz-op-ultra{animation-duration:22s !important}
  .pz-op-ultra .pz-op-shell:before,
  .pz-op-ultra .pz-op-shell:after{opacity:.28}
  .pz-op-card-ultra .pz-op-media{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .pz-op-ultra,
  .pz-op-ultra:before,
  .pz-op-ultra:after,
  .pz-op-ultra .pz-op-shell:before,
  .pz-op-ultra .pz-op-shell:after,
  .pz-op-card-ultra:before,
  .pz-op-card-ultra .pz-op-media:before,
  .pz-op-card-ultra .pz-op-media{
    animation:none !important;
  }
}



.v4{font-family:Poppins,Arial,sans-serif}.v4 .w2{width:min(1160px,92%);margin:auto}.v4 section{padding:90px 0}
.v4 .white{background:#fff}.v4 .soft{background:#f5f5f3}.v4 .dark2{background:#0d0928;color:#fff}.v4 .purple{background:linear-gradient(135deg,#7045f5,#4a24d7);color:#fff}
.v4 .center{max-width:780px;margin:0 auto 40px;text-align:center}.v4 h2{font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-2.4px;margin:12px 0;font-weight:500}
.v4 p{font-size:13px;line-height:1.75;color:#6e6d77}.v4 .dark2 p,.v4 .purple p{color:#d8d3e9}.v4 .pill{display:inline-block;padding:7px 12px;border-radius:99px;background:#eeeafd;color:#5d39d4;font-size:10px;font-weight:600}
.v4 .twocol{display:grid;grid-template-columns:1fr 1fr;gap:25px}.v4 .panel{padding:34px;border-radius:26px;min-height:450px;overflow:hidden}.v4 .panel h3{font-size:30px;letter-spacing:-1.5px;margin:12px 0}.v4 .panel img{width:100%;height:265px;object-fit:cover;border-radius:18px;margin-top:20px}
.v4 .rows{display:grid;gap:10px;margin-top:25px}.v4 .row{padding:18px 20px;border-radius:12px;background:#f2f2f0;border:1px solid #e5e5e2;display:flex;justify-content:space-between;font-size:12px}
.v4 .three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v4 .tile{padding:26px;border-radius:20px;background:#1b1738;border:1px solid #ffffff12;min-height:230px}.v4 .tile i{font-style:normal;font-size:27px}.v4 .tile h3{font-size:16px;margin:16px 0 8px}.v4 .tile p{font-size:11px}
.v4 .steps2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v4 .step2{background:#fff;padding:27px;border-radius:20px;border:1px solid #e8e7e3}.v4 .step2 b{font-size:38px;color:#d4d1db;font-weight:500}.v4 .step2 h3{font-size:17px}
.v4 .faq{max-width:850px;margin:auto}.v4 details{padding:20px 4px;border-bottom:1px solid #ddd}.v4 summary{font-size:13px;font-weight:500;cursor:pointer}.v4 details p{font-size:12px}
.v4 .final{padding:50px;border-radius:28px;display:flex;justify-content:space-between;align-items:center;gap:30px}.v4 .final h2{margin:0;color:#fff}
.v4 footer{background:#f1f1ef;padding:55px 0}.v4 .foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.v4 footer p,.v4 footer a{font-size:10px;line-height:2;color:#62616a}
.v4 .rv{opacity:0;transform:translateY(24px);transition:.7s}.v4 .rv.on{opacity:1;transform:none}
@media(max-width:800px){.v4 .twocol{grid-template-columns:1fr}.v4 .three,.v4 .steps2{grid-template-columns:1fr 1fr}.v4 .foot{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.v4 section{padding:65px 0}.v4 .three,.v4 .steps2,.v4 .foot{grid-template-columns:1fr}.v4 .final{display:block}.v4 .final .btn{margin-top:20px}}



/* SIGNATURE V5 — editorial luxury redesign */
.v4{--violet:#4f31d9;--ink2:#0a2746;--mist:#eef3f6;--aqua:#78c8d4}
.v4 section{padding:112px 0}
.v4 .center{max-width:860px}
.v4 h2{font-size:clamp(42px,5.2vw,70px);font-weight:500;letter-spacing:-3.4px}
.v4 .pill{background:transparent;border:1px solid #d9d9df;color:#514c60;letter-spacing:1.4px}
.v4 .twocol{grid-template-columns:1.12fr .88fr;gap:34px}
.v4 .panel{border-radius:34px;min-height:520px;padding:42px}
.v4 .panel.purple{background:
radial-gradient(circle at 80% 12%,rgba(255,255,255,.2),transparent 22%),
linear-gradient(145deg,#0a3154,#081a31 72%);box-shadow:0 30px 80px rgba(4,24,43,.2)}
.v4 .panel.purple img{clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);height:300px}
.v4 .row{border-radius:16px;padding:21px 22px;background:#fff}
.v4 .row b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0a2746;color:#fff}
.v4 .dark2{background:
radial-gradient(circle at 80% 20%,rgba(63,118,162,.22),transparent 30%),
#061426}
.v4 .three{gap:22px}
.v4 .tile{border-radius:28px;padding:34px;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));backdrop-filter:blur(10px);min-height:285px;transition:.35s}
.v4 .tile:hover{transform:translateY(-8px);border-color:rgba(242,220,145,.32)}
.v4 .tile i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#f3e1a7,#c79b34);font-size:22px}
.v4 .tile h3{font-size:20px;letter-spacing:-.7px}
.v4 .steps2{gap:22px}
.v4 .step2{border-radius:28px;padding:34px;min-height:245px;transition:.35s}
.v4 .step2:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(4,24,43,.08)}
.v4 .step2 b{font-size:58px;letter-spacing:-4px;color:#e3e8ec}
.v4 .final.purple{background:
radial-gradient(circle at 80% 20%,rgba(242,220,145,.22),transparent 25%),
linear-gradient(125deg,#061426,#0b3e66);box-shadow:0 35px 90px rgba(3,21,37,.22)}
.v4 .final{padding:65px;border-radius:36px}
.v4 footer{background:#06111d;color:#9eacb8}.v4 footer h3,.v4 footer h4{color:#fff}.v4 footer p,.v4 footer a{color:#9eacb8}
.v4 .white:nth-of-type(3){background:
linear-gradient(120deg,rgba(10,49,84,.035),transparent 55%),#fff}
.v4 details{padding:25px 5px}.v4 summary{font-size:15px}
.v4 .rv:nth-child(even){transition-delay:.08s}
@media(max-width:800px){.v4 section{padding:82px 0}.v4 .panel{min-height:auto}.v4 h2{letter-spacing:-2.2px}}