/* V26 — MONOCHROME PREMIUM: white canvas, black typography, restrained motion */
:root{--navy:#101010;--deep:#050505;--blue:#111;--blue2:#222;--red:#111;--gold:#111;--text:#111;--muted:#676767;--line:#dedede;--bg:#fff;--v20-navy:#090909;--v20-blue:#151515;--v20-gold:#171717;--v20-mist:#f5f5f3;--v20-ink:#111;--v20-line:#dcdcdc}
body{background:#fff!important;color:#111!important}
.topbar{background:rgba(255,255,255,.93)!important;border-bottom:1px solid #dadada!important;box-shadow:none!important}
.topbar.scrolled{box-shadow:0 12px 30px rgba(0,0,0,.06)!important}
.logo-mark-wrap{border:1px solid #d8d8d8!important;box-shadow:none!important;background:#fff!important;border-radius:50%!important}
.logo-title strong,.logo-title em{color:#111!important}.red-up{color:#111!important}
.nav a{color:#141414!important;font-weight:800!important;font-size:14px}.nav a:hover{color:#777!important}
.nav a.bio-link{color:#111!important;background:#fff!important;border:1px solid #d7d7d7!important;box-shadow:none!important;border-radius:0!important}
.header-actions .login-btn{border:1px solid #d5d5d5;background:#fff;color:#111;border-radius:0}.menu-btn{background:#111!important;color:#fff!important;border-radius:0!important}
.v20-hero{min-height:820px;background:#fff!important;color:#111!important;padding:158px 0 86px;border-bottom:1px solid #dfdfdf}
.v20-hero:before{opacity:.16!important;mix-blend-mode:multiply!important;filter:grayscale(1) contrast(1.1);background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.56)),url('../assets/reference_layout.png') center/cover no-repeat!important}
.v20-hero:after{content:""!important;right:7vw!important;top:122px!important;width:440px!important;height:440px!important;border:1px solid #111!important;border-radius:0!important;box-shadow:22px 22px 0 #efefef,44px 44px 0 #fafafa!important;animation:mono-orbit 16s linear infinite!important}
.v20-hero-grid:after{border-color:#555!important;border-radius:0!important;width:150px!important;height:150px!important;right:4%!important;bottom:-10px!important}
.v20-kicker{color:#111!important;font-size:12px!important;letter-spacing:.2em!important}.v20-kicker:before{background:#111!important}
.v20-hero h1{color:#111!important;font-size:clamp(48px,5.5vw,86px)!important;max-width:790px;letter-spacing:-.09em!important}.v20-hero p{color:#4e4e4e!important;max-width:650px;font-size:18px!important}
.v20-btn{border-radius:0!important;height:56px!important;padding:0 26px!important}.v20-btn.primary,.v20-btn.gold{background:#111!important;color:#fff!important}.v20-btn.ghost{border:1px solid #111!important;color:#111!important;background:#fff!important}.v20-btn:hover{box-shadow:none!important;transform:translateY(-3px)!important;background:#444!important;color:#fff!important}
.v20-control-panel{background:#111!important;color:#fff!important;border:1px solid #111!important;border-radius:0!important;box-shadow:16px 16px 0 #ededed!important;padding:30px!important;backdrop-filter:none!important}
.v20-panel-top strong,.v20-panel-grid strong,.v20-panel-foot b{color:#fff!important}.v20-panel-top span{background:#fff!important;color:#111!important;border-radius:0!important}.v20-panel-grid a,.v20-panel-grid div{background:#171717!important;border:1px solid #3b3b3b!important;border-radius:0!important}.v20-panel-grid b{color:#cfcfcf!important}.v20-panel-grid p,.v20-panel-foot{color:#c6c6c6!important}.v20-panel-foot{border-top-color:#444!important}
.v20-quick{margin-top:-34px!important}.v20-quick-grid{grid-template-columns:repeat(7,1fr)!important;gap:0!important;border:1px solid #d8d8d8;background:#fff}.v20-quick-grid a{border:0!important;border-right:1px solid #dedede!important;border-radius:0!important;box-shadow:none!important;padding:24px 18px!important;min-height:164px;position:relative}.v20-quick-grid a:last-child{border-right:0!important}.v20-quick-grid a:hover{background:#111!important;transform:none!important;box-shadow:none!important}.v20-quick-grid a:hover *{color:#fff!important}.v20-quick-grid b{color:#555!important}.v20-quick-grid strong{color:#111!important;font-size:16px!important}.v20-quick-grid span{color:#717171!important}.mono-symbol{display:flex;width:34px;height:34px;align-items:center;justify-content:center;margin-bottom:20px;border:1px solid #111;border-radius:50%}.mono-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v20-section{padding:118px 0!important}.v20-section.alt{background:#f5f5f3!important}.v20-title h2,.v20-value-grid h3,.v20-project-card h3,.v20-operation-list h3,.v20-page-card h3{color:#111!important}.v20-tag{color:#666!important}.v20-title p,.v20-value-grid p,.v20-project-card p,.v20-operation-list p,.v20-page-card p{color:#676767!important}
.v20-value-grid article,.v20-project-card,.v20-operation-list a,.v20-page-card{border:1px solid #dcdcdc!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.v20-value-grid article:first-child{background:#111!important;color:#fff!important}.v20-value-grid article:first-child h3{color:#fff!important}.v20-value-grid article:first-child p{color:#d6d6d6!important}.v20-value-grid b{border-radius:0!important;background:#f0f0f0!important;color:#111!important}.v20-value-grid article:first-child b{background:#2b2b2b!important;color:#fff!important}
.v20-project-card:before{height:92px!important;background:#111!important}.v20-project-card em{border-radius:0!important;background:#fff!important;color:#111!important}.v20-metrics span{border:1px solid #dedede!important;border-radius:0!important;background:#fafafa!important}.v20-metrics b,.v20-card-link{color:#111!important}
.v20-phone{background:#111!important;border-radius:0!important;box-shadow:16px 16px 0 #eee!important}.v20-phone-screen{background:#fff!important;border-radius:0!important}.v20-phone-screen .app-top{background:#111!important;border-radius:0!important}.v20-phone-screen .app-card{border-radius:0!important;box-shadow:none!important}.v20-phone-screen .app-row div{background:#efefef!important;border-radius:0!important;color:#111!important}
.v20-footer-cta{background:#111!important;border-radius:0!important}.v20-footer-cta a{border-radius:0!important;color:#111!important}.v20-page-hero{background:#111!important}.v20-table th{background:#111!important}.v20-note{background:#f2f2f2!important;border-color:#d7d7d7!important;color:#444!important}
footer{background:#111!important;color:#ddd!important}.footer-brand strong{color:#fff!important}.top-link{border-radius:0!important}
.bio-quick-link{background:#fff!important;border-color:#dedede!important}.bio-quick-link strong{color:#111!important}
@keyframes mono-orbit{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-10px,12px,0)}}
@media(max-width:1100px){.v20-quick-grid{grid-template-columns:repeat(3,1fr)!important}.v20-quick-grid a:nth-child(3n){border-right:0!important}.v20-hero:after{right:3vw!important;opacity:.5}}
@media(max-width:720px){.v20-hero{padding:124px 0 74px!important;min-height:auto!important}.v20-hero:after{display:none}.v20-hero h1{font-size:47px!important}.v20-quick-grid{grid-template-columns:repeat(2,1fr)!important}.v20-quick-grid a{min-height:150px!important;border-bottom:1px solid #dedede!important}.v20-quick-grid a:nth-child(2n){border-right:0!important}.v20-section{padding:78px 0!important}.v20-control-panel{box-shadow:10px 10px 0 #eee!important}}

/* V27 — PM·CM premium hero artwork applied as the homepage background */
.v20-hero{
  min-height:900px!important;
  padding:0!important;
  border-bottom:0!important;
  background:
    linear-gradient(90deg,rgba(2,13,29,.08) 0%,rgba(2,13,29,.02) 48%,rgba(2,13,29,.06) 100%),
    url('../assets/greenup_pmcm_hero_clean_city.png') center center/cover no-repeat!important;
}
.v20-hero:before,
.v20-hero:after,
.v20-hero-grid:after{display:none!important}
.v20-hero-grid{
  min-height:900px;
  position:relative;
  z-index:2;
  display:block!important;
}
/* Keep the original content in the source for SEO/accessibility while using the supplied complete visual as the hero artwork. */
.v20-hero-grid>.reveal-left,
.v20-hero-grid>.v20-control-panel{position:absolute;opacity:0;pointer-events:none;user-select:none}
.v20-hero-grid>.reveal-left{left:0;top:0}
.v20-hero-grid>.v20-control-panel{right:0;top:0}
@media(max-width:1100px){
  .v20-hero,.v20-hero-grid{min-height:680px!important}
  .v20-hero{background-position:center center!important}
}
@media(max-width:720px){
  .v20-hero,.v20-hero-grid{min-height:610px!important}
  .v20-hero{background-position:54% center!important}
}


/* V28 — dynamic motion layer for the PM·CM hero artwork */
.v20-hero{overflow:hidden!important;isolation:isolate;background-size:cover!important;animation:v28-hero-pan 18s ease-in-out infinite alternate!important}
.v20-hero:before{display:block!important;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 18%,rgba(255,205,110,.12) 38%,transparent 56%);transform:translateX(-120%);animation:v28-sheen 7.5s ease-in-out infinite}
.v20-hero:after{display:block!important;content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 68% 38%,rgba(255,204,106,.16),transparent 23%),linear-gradient(90deg,rgba(0,8,22,.08),transparent 55%);mix-blend-mode:screen;animation:v28-glow 5.5s ease-in-out infinite alternate}
.v20-hero-grid{z-index:3!important}
.v27-hero-actions{position:absolute;right:4.5%;bottom:6.8%;display:flex;gap:10px;z-index:5;animation:v28-rise .9s .55s both}
.v27-hero-actions a{min-width:158px;padding:13px 16px 12px;text-decoration:none;background:rgba(1,13,29,.84);border:1px solid rgba(230,176,74,.76);color:#fff;backdrop-filter:blur(8px);display:grid;grid-template-columns:1fr auto;gap:2px 10px;transition:.3s ease;position:relative;overflow:hidden}
.v27-hero-actions a:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:#e7b34c;transform:scaleX(.24);transform-origin:left;transition:.3s ease}
.v27-hero-actions a span{font-size:10px;letter-spacing:.16em;color:#e7b34c;font-weight:700}.v27-hero-actions a strong{font-size:14px;letter-spacing:-.02em}.v27-hero-actions a i{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;color:#e7b34c;font-size:20px}
.v27-hero-actions a:hover{transform:translateY(-6px);background:#08182c;box-shadow:0 18px 34px rgba(0,0,0,.25)}.v27-hero-actions a:hover:before{transform:scaleX(1)}
.v27-live-indicator{position:absolute;left:4.6%;bottom:5.9%;z-index:5;color:#d6dce4;font-size:11px;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:8px;animation:v28-rise .8s .2s both}.v27-live-indicator span{width:8px;height:8px;border-radius:50%;background:#e7b34c;box-shadow:0 0 0 0 rgba(231,179,76,.65);animation:v28-pulse 1.8s infinite}
.v27-scroll{position:absolute;right:2.3%;bottom:2.6%;z-index:5;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;writing-mode:vertical-rl;letter-spacing:.16em;font-size:10px;opacity:.88}.v27-scroll span{display:block;width:1px;height:40px;background:#e7b34c;animation:v28-scroll 1.7s ease-in-out infinite}
@keyframes v28-hero-pan{0%{background-position:49% center}100%{background-position:54% 47%}}
@keyframes v28-sheen{0%,18%{transform:translateX(-130%)}55%,100%{transform:translateX(170%)}}
@keyframes v28-glow{from{opacity:.35}to{opacity:.8}}
@keyframes v28-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes v28-pulse{0%{box-shadow:0 0 0 0 rgba(231,179,76,.65)}70%{box-shadow:0 0 0 10px rgba(231,179,76,0)}100%{box-shadow:0 0 0 0 rgba(231,179,76,0)}}
@keyframes v28-scroll{0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}
@media(max-width:1100px){.v27-hero-actions{right:3%;bottom:5%;gap:8px}.v27-hero-actions a{min-width:140px}.v27-live-indicator{left:3%;bottom:4.8%}}
@media(max-width:720px){.v20-hero{background-position:52% center!important;animation:none!important}.v20-hero:before{animation:none;opacity:.35}.v27-hero-actions{left:16px;right:16px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.v27-hero-actions a{min-width:0;padding:10px 8px}.v27-hero-actions a span{font-size:8px}.v27-hero-actions a strong{font-size:11px;line-height:1.25}.v27-hero-actions a i{font-size:15px}.v27-live-indicator{display:none}.v27-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.v20-hero,.v20-hero:before,.v20-hero:after,.v27-live-indicator span,.v27-scroll span{animation:none!important}}
/* V30 — Premium Developer Positioning */
.v20-hero .v20-kicker{letter-spacing:.18em;color:#d4aa5f;font-weight:700}
.v20-hero h1{max-width:760px;font-weight:500;letter-spacing:-.045em}
.v20-hero h1 .mono-em:after{background:#c89c51!important;height:2px!important}
.v20-control-panel .v20-panel-top strong{letter-spacing:.08em}
.v20-project-card em{color:#b88a3b;font-weight:700;letter-spacing:.08em}
.v20-project-card h3{font-weight:600}
.v20-section .v20-tag{color:#bb8d40;letter-spacing:.16em}
.v27-hero-actions a:first-child span{font-size:11px;letter-spacing:.13em}


/* V36 — Main visual refined for a premium real-estate developer */
.v20-hero{
  background:
    linear-gradient(90deg,rgba(1,10,22,.70) 0%,rgba(1,10,22,.18) 42%,rgba(1,10,22,.06) 100%),
    linear-gradient(0deg,rgba(1,10,22,.42),transparent 38%),
    url('../assets/greenup_pmcm_hero_clean_city.png') 52% center/cover no-repeat!important;
}
.v20-hero:before{background:linear-gradient(110deg,transparent 13%,rgba(210,163,78,.16) 38%,transparent 60%)!important;opacity:.88}
.v20-hero:after{background:radial-gradient(circle at 72% 34%,rgba(235,191,105,.23),transparent 18%),linear-gradient(90deg,rgba(0,0,0,.17),transparent 52%)!important;opacity:.8}
.v36-hero-signature{position:absolute;left:4.6%;top:15.5%;z-index:6;display:grid;gap:7px;color:#fff;max-width:330px;text-shadow:0 2px 14px rgba(0,0,0,.35);animation:v28-rise .9s .18s both}
.v36-hero-signature:before{content:"";width:42px;height:2px;background:#d8aa57;margin-bottom:7px}.v36-hero-signature span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#e6c07c}.v36-hero-signature strong{font-size:23px;line-height:1;font-weight:600;letter-spacing:-.04em}.v36-hero-signature em{font-size:10px;font-style:normal;letter-spacing:.13em;color:#d6dce4}
.v36-contract-badge{position:absolute;right:4.8%;top:14%;z-index:6;padding:15px 17px 14px;border:1px solid rgba(220,177,90,.75);background:rgba(4,17,34,.68);backdrop-filter:blur(10px);color:#fff;display:grid;gap:5px;min-width:226px;animation:v28-rise .9s .38s both;box-shadow:0 20px 38px rgba(0,0,0,.2)}
.v36-contract-badge span{font-size:9px;font-weight:800;color:#e2b764;letter-spacing:.18em}.v36-contract-badge strong{font-size:15px;letter-spacing:.02em}.v36-contract-badge em{font-style:normal;font-size:9px;color:#dbe5ef;letter-spacing:.1em}
@media(max-width:1100px){.v36-hero-signature{left:3.2%;top:12%}.v36-contract-badge{right:3%;top:12%}}
@media(max-width:720px){.v20-hero{background-position:56% center!important}.v36-hero-signature{left:18px;top:86px;max-width:250px}.v36-hero-signature strong{font-size:17px}.v36-contract-badge{display:none}}