/* CORY WILCOX — Unified Brand (Home) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;800&family=Inter:wght@300;400;600&display=swap');

:root{
  --teal:#00A7A0; --navy:#0B2B4E; --ink:#0F1720; --gray:#10141b;
  --silver:#cbd5e1; --white:#fff; --glass: rgba(255,255,255,.08);
  --glow: 0 0 20px rgba(0,167,160,.35), 0 0 40px rgba(0,167,160,.25);
}
*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:#e2e8f0;
  background: radial-gradient(1200px 800px at 10% -10%, #0f2b45 0%, #0c1623 50%, #0a0f16 100%);
  letter-spacing:.2px;
}

/* NAV */
.cwpx-nav{position:sticky; top:0; z-index:50; background: rgba(10,15,22,.6); backdrop-filter: blur(8px); border-bottom:1px solid rgba(255,255,255,.06);}
.cwpx-nav .nav-inner{max-width:1200px; margin:auto; padding:.8rem 1rem; display:flex; align-items:center; justify-content:space-between;}
.brand{display:flex; align-items:center; gap:.6rem;}
.brand .phoenix-logo{font-size:1.4rem; filter: drop-shadow(0 0 8px rgba(255,140,0,.35));}
.brand .brand-name{font-weight:800; letter-spacing:.12em; font-family:Montserrat,Inter,sans-serif}
.cwpx-nav nav a{color:#cfe9f6; text-decoration:none; margin-left:1rem; opacity:.85;}
.cwpx-nav nav a:hover{opacity:1}
.cwpx-nav .pill{padding:.5rem .9rem; border:1px solid rgba(255,255,255,.18); border-radius:999px;}

/* HERO */
.hero{position:relative; min-height:86vh; display:grid; place-items:center; overflow:hidden}
.hero-bg{
  position:absolute; inset:-10%;
  background:
    radial-gradient(800px 400px at 20% 10%, rgba(0,167,160,.25), transparent 60%),
    radial-gradient(1200px 700px at 80% 10%, rgba(255,140,0,.18), transparent 60%),
    url('https://cwpxbirman.com/wp-content/uploads/2025/08/bo22_061-1.jpg') center/cover no-repeat;
  filter: saturate(1.15) contrast(1.05) brightness(.9);
  transform:scale(1.08); animation: slowPan 22s linear infinite alternate; opacity:.28;
}
.hero-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,10,14,.6), rgba(7,10,14,.85) 55%, rgba(7,10,14,.95));}
@keyframes slowPan{to{transform:scale(1)}}
.hero-content{position:relative; text-align:center; max-width:1000px; padding:2rem}
.hero .micro{opacity:.85; letter-spacing:.25em; text-transform:uppercase; font-size:.8rem}
.kinetic{margin:.3rem 0 1rem 0; line-height:.95; font-family:Montserrat,Inter,sans-serif; font-weight:800; font-size:clamp(2.2rem, 6vw, 5rem); color:#eaf6ff}
.kinetic span{display:inline-block; margin:0 .18em; background:linear-gradient(90deg,#c7f9ff,#7fe3ff,#00a7a0); -webkit-background-clip:text; background-clip:text; color:transparent; filter: drop-shadow(0 0 18px rgba(0,167,160,.28)); transform:translateY(20px) scale(.98); opacity:.0; animation: rise .9s cubic-bezier(.2,.65,.2,1) forwards;}
.kinetic span:nth-child(1){animation-delay:.05s}
.kinetic span:nth-child(2){animation-delay:.18s}
.kinetic span:nth-child(3){animation-delay:.31s}
.kinetic span:nth-child(4){animation-delay:.44s}
@keyframes rise{to{transform:translateY(0) scale(1); opacity:1}}
.hero .sub{opacity:.9; font-size:1.05rem; max-width:780px; margin:.25rem auto 1.1rem}
.cta-row{display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap}
.btn{display:inline-block; text-decoration:none; border-radius:10px; padding:12px 18px; border:1px solid rgba(255,255,255,.18); color:#e6fbff; transition:.25s ease; backdrop-filter: blur(6px);}
.btn.primary{background:linear-gradient(90deg, rgba(0,167,160,.8), rgba(0,167,160,.6)); box-shadow:var(--glow)}
.btn.primary:hover{transform:translateY(-2px); box-shadow:0 0 30px rgba(0,167,160,.55)}
.btn.ghost{background:rgba(255,255,255,.06)} .btn.ghost:hover{background:rgba(255,255,255,.12)}
.btn.tiny{padding:8px 12px; font-size:.9rem} .btn.big{padding:14px 22px}
.ribbons{display:flex; gap:.5rem; justify-content:center; margin-top:1.1rem; flex-wrap:wrap}
.ribbon{font-size:.8rem; opacity:.9; padding:.35rem .6rem; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06)}
.runway{position:absolute; left:50%; bottom:0; width:2px; height:46%; background:linear-gradient(180deg, transparent, #aefcff 20%, transparent 40%, #aefcff 60%, transparent 80%); filter: drop-shadow(0 0 10px rgba(127,229,255,.5)); transform:translateX(-50%); opacity:.35;}

/* PILLARS */
.pillars{max-width:1200px; margin: 2.2rem auto; padding: 0 1rem; display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem;}
.card{position:relative; overflow:hidden; border-radius:16px; padding:1.2rem 1.2rem 1.4rem; background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.12); min-height: 320px; transition:.35s ease;}
.card:hover{transform: translateY(-6px); box-shadow:0 10px 40px rgba(0,0,0,.35)}
.card .card-bg{position:absolute; inset:0; z-index:0; opacity:.15; background-size:cover; background-position:center; filter:saturate(1.1) contrast(1.05);}
.card h3{position:relative; z-index:1; margin:0 0 .3rem; font-family:Montserrat; font-weight:800}
.card p{position:relative; z-index:1; opacity:.9}
.card .bullets{position:relative; z-index:1; margin:.7rem 0 1rem 0; padding-left:1.1rem}
.card .bullets li{margin:.2rem 0; opacity:.9}
.card .btn{position:relative; z-index:1}
.card.realestate .card-bg{
  background-image: linear-gradient(180deg, rgba(11,43,78,.35), rgba(11,43,78,.75)), url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=1600&auto=format&fit=crop');
}
.card.wellness .card-bg{
  background-image: linear-gradient(180deg, rgba(0,167,160,.18), rgba(0,167,160,.6)), url('https://images.unsplash.com/photo-1526401485004-2fda9f4b5f09?q=80&w=1600&auto=format&fit=crop');
}
.card.cattery .card-bg{
  background-image: linear-gradient(180deg, rgba(255,140,0,.18), rgba(255,140,0,.6)), url('https://cwpxbirman.com/wp-content/uploads/2025/08/bo22_053.jpg');
}

/* PROOF STRIP */
.proof{padding:1.4rem 1rem}
.proof-inner{max-width:1100px; margin:auto; display:grid; gap:.6rem; grid-template-columns:repeat(4,1fr);}
.stat{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:1rem; text-align:center;}
.stat .num{display:block; font-family:Montserrat; font-weight:800; font-size:1.4rem; background:linear-gradient(90deg,#d7ffff,#7fe3ff,#00a7a0); -webkit-background-clip:text; background-clip:text; color:transparent;}
.stat .label{opacity:.85; font-size:.85rem}

/* FEATURE STRIP */
.feature{padding:2rem 1rem}
.feature .glass{
  max-width:1200px; margin:auto; display:grid; grid-template-columns:1.2fr .8fr; gap:1rem;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:1.2rem; backdrop-filter: blur(10px);
}
.feature .left h2{font-family:Montserrat; margin:.2rem 0 .6rem}
.feature .chips{display:flex; gap:.4rem; flex-wrap:wrap; margin:1rem 0}
.chip{border:1px solid rgba(255,255,255,.16); padding:.35rem .55rem; border-radius:999px; font-size:.8rem; opacity:.92}
.phoenix-frame{position:relative; aspect-ratio:1/1; border-radius:16px; overflow:hidden; border:1px solid rgba(255,255,255,.14); box-shadow: var(--glow);}
.phoenix-frame img{width:100%; height:100%; object-fit:cover; transform:scale(1.05); transition:transform 1s ease}
.phoenix-frame:hover img{transform:scale(1.0)}

/* CLOSER */
.closer{padding:2.2rem 1rem 3rem; text-align:center}
.closer h2{font-family:Montserrat; margin:0 0 1rem}
.closer-grid{max-width:900px; margin:0 auto 1.2rem; display:grid; gap:.7rem; grid-template-columns:repeat(3,1fr);}
.closer-card{display:grid; place-items:center; padding:1rem; border-radius:14px; text-decoration:none; color:#e6f8ff; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); transition:.3s; min-height:120px;}
.closer-card:hover{transform:translateY(-4px); box-shadow:0 10px 30px rgba(0,0,0,.35)}
.closer-card span{opacity:.85; font-size:.9rem}
.closer-card strong{font-family:Montserrat; font-size:1.1rem}
.site-foot{padding:1.2rem; text-align:center; opacity:.7}

/* RESPONSIVE */
@media (max-width: 980px){
  .pillars{grid-template-columns:1fr}
  .proof-inner{grid-template-columns:repeat(2,1fr)}
  .feature .glass{grid-template-columns:1fr}
  .closer-grid{grid-template-columns:1fr}
}