
/* PROJECT HELLAS — Property Passport Landingpage v2.0
   Extends /assets/css/style.css and deliberately keeps the existing visual system.
*/
.pp-page .main-nav{gap:19px}
.pp-page .main-nav a{font-size:.88rem}
.pp-page .hero{min-height:790px}
.pp-page .hero-content{padding:110px 0 92px}
.pp-page .hero-content>*{max-width:840px}
.pp-page .hero h1{font-size:clamp(3rem,6vw,5.7rem);max-width:920px}
.pp-page .hero h1 span{display:block;font-size:.49em;line-height:1.2;margin-top:16px;color:#f7f4ee}
.pp-page .hero-lead{max-width:780px;font-size:clamp(1.08rem,1.6vw,1.3rem)}
.pp-page .hero-actions{margin-bottom:22px}
.pp-page .hero-trust{max-width:850px}
.pp-page .proof-grid{grid-template-columns:repeat(4,1fr)}

.pp-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}
.pp-pain-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 14px 42px rgba(14,42,59,.06)}
.pp-pain-card strong{display:block;color:var(--navy);font-size:1.05rem;margin-bottom:8px}
.pp-pain-card p{margin:0;color:var(--muted)}
.pp-pain-card.emphasis{background:var(--navy);border-color:var(--navy)}
.pp-pain-card.emphasis strong{color:var(--sand)}
.pp-pain-card.emphasis p{color:#d7e0e4}

.pp-belief{background:var(--navy);color:#fff;padding:94px 0;text-align:center}
.pp-belief .container{max-width:980px}
.pp-belief h2{color:#fff}
.pp-belief p{font-size:1.16rem;color:#d7e0e4;max-width:820px;margin:0 auto}
.pp-belief .pp-emphasis{font-family:Georgia,"Times New Roman",serif;color:var(--sand);font-size:clamp(1.45rem,2.8vw,2.15rem);margin:26px auto 0}

.pp-mechanism{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.pp-mechanism article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px}
.pp-mechanism .step{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--sand-light);color:var(--navy);font-weight:850;margin-bottom:18px}
.pp-mechanism h3{margin-bottom:10px}
.pp-mechanism p{margin:0;color:var(--muted)}

.pp-deliverables{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 22px;margin:28px 0 0}
.pp-deliverables div{position:relative;padding:16px 17px 16px 48px;border:1px solid var(--line);border-radius:13px;background:#fff}
.pp-deliverables div::before{content:"✓";position:absolute;left:16px;top:16px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--sand-light);color:var(--navy);font-weight:900}
.pp-deliverables strong{display:block;color:var(--navy)}
.pp-deliverables span{display:block;color:var(--muted);font-size:.88rem;margin-top:3px}

.pp-compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pp-compare article{border-radius:var(--radius-lg);padding:36px}
.pp-compare .before{background:#eef1f2}
.pp-compare .after{background:var(--navy);color:#fff}
.pp-compare h3{margin-bottom:18px}
.pp-compare .after h3{color:#fff}
.pp-compare ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.pp-compare li{position:relative;padding-left:26px;color:var(--muted)}
.pp-compare .after li{color:#d7e0e4}
.pp-compare li::before{position:absolute;left:0;top:0;font-weight:900}
.pp-compare .before li::before{content:"×";color:#8a3028}
.pp-compare .after li::before{content:"✓";color:var(--sand)}

.pp-process{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:ppstep;margin-top:42px}
.pp-process article{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 22px;min-height:218px}
.pp-process article::before{counter-increment:ppstep;content:counter(ppstep);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font-weight:850;margin-bottom:18px}
.pp-process h3{font-size:1.02rem;margin-bottom:10px}
.pp-process p{margin:0;color:var(--muted);font-size:.9rem}

.pp-boundary{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start;background:var(--navy);border-radius:var(--radius-lg);padding:46px;color:#fff}
.pp-boundary h2{color:#fff}
.pp-boundary p{color:#d7e0e4}
.pp-boundary ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pp-boundary li{position:relative;padding:14px 17px 14px 44px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px}
.pp-boundary li::before{content:"—";position:absolute;left:17px;color:var(--sand);font-weight:900}

.pp-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pp-fit-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px;background:#fff}
.pp-fit-card h3{margin-bottom:18px}
.pp-fit-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pp-fit-card li{position:relative;padding-left:27px;color:var(--muted)}
.pp-fit-card.good li::before{content:"✓";position:absolute;left:0;color:#24523f;font-weight:900}
.pp-fit-card.no li::before{content:"—";position:absolute;left:0;color:#8a3028;font-weight:900}

.pp-offer{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--navy-deep));border-radius:var(--radius-lg);padding:52px;color:#fff}
.pp-offer::after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-130px;top:-150px;background:rgba(217,198,163,.12)}
.pp-offer>*{position:relative;z-index:1}
.pp-offer h2{color:#fff;max-width:800px}
.pp-offer p{color:#d7e0e4;max-width:780px}
.pp-offer .offer-points{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}
.pp-offer .offer-points span{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#eef3f5;font-size:.87rem}

.pp-care-note{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center}
.pp-care-mini{display:grid;gap:13px}
.pp-care-mini article{border-left:3px solid var(--sand);padding:12px 16px;background:#fff;border-radius:0 12px 12px 0}
.pp-care-mini h3{font-size:1rem;margin-bottom:5px}
.pp-care-mini p{margin:0;color:var(--muted);font-size:.9rem}

.pp-form-benefits{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px}
.pp-form-benefits li{position:relative;padding-left:27px;color:var(--muted)}
.pp-form-benefits li::before{content:"✓";position:absolute;left:0;color:#24523f;font-weight:900}
.pp-form-note{border-left:4px solid var(--sand);padding:15px 18px;background:var(--ivory);border-radius:0 12px 12px 0;color:var(--muted)}

.pp-page .mobile-cta{background:var(--sand);color:var(--navy)}

@media(max-width:1060px){
  .pp-process{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  .pp-page .main-nav{gap:16px}
  .pp-intro-grid,.pp-mechanism,.pp-compare,.pp-fit-grid,.pp-boundary,.pp-care-note{grid-template-columns:1fr}
  .pp-process{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .pp-page .hero{min-height:820px}
  .pp-page .hero-content{padding:104px 0 96px}
  .pp-page .hero h1{font-size:clamp(2.55rem,12vw,4rem)}
  .pp-page .hero h1 span{font-size:.57em}
  .pp-page .proof-grid,.pp-deliverables,.pp-process{grid-template-columns:1fr}
  .pp-process article{min-height:0}
  .pp-boundary,.pp-offer{padding:30px 23px}
  .pp-fit-card,.pp-compare article{padding:28px 23px}
}
