/* Styles for the /zoho/* landing pages (on top of site-base.css). */

.zp-crumbs{font-size:0.82rem;color:#A9C5D4;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.zp-crumbs a{color:#C9E3EE;text-decoration:underline;text-underline-offset:3px;}
.zp-crumbs a:hover{color:#fff;}
.zp-crumbs .sep{opacity:0.5;}
.zp-crumbs [aria-current]{color:#fff;font-weight:600;}

.zp-hero-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap;}
.hero .zp-hero-head .label{margin-bottom:0;}
.zp-hero-head .zp-logo,.zp-hero-head .zp-badge{background:#fff;border-radius:10px;padding:6px;width:52px;height:52px;object-fit:contain;}
.zp-partner-badge{background:#fff;border-radius:8px;padding:6px 10px;height:52px;width:auto;}

.zp-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.zp-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:0.95rem;padding:13px 24px;border-radius:6px;transition:background 0.2s,color 0.2s,transform 0.15s;}
.zp-btn:hover{transform:translateY(-1px);}
.zp-btn-light{background:#fff;color:var(--police-deep);}
.zp-btn-light:hover{background:var(--picton-tint);}
.zp-btn-ghost{border:1.5px solid rgba(255,255,255,0.55);color:#fff;}
.zp-btn-ghost:hover{background:rgba(255,255,255,0.1);}
.zp-btn-outline{border:1.5px solid var(--police);color:var(--police);}
.zp-btn-outline:hover{background:#fff;}
.cta-box .zp-hero-ctas{margin-top:0;}

.zp-section{margin-bottom:64px;}
.zp-section > .label{display:inline-block;margin-bottom:10px;}
.zp-section > h2{font-size:clamp(1.5rem,3vw,1.9rem);margin-bottom:26px;}
.zp-intro p{font-size:1.08rem;color:#2A3B47;max-width:72ch;margin:0 0 18px;}
.zp-intro p:first-child{font-size:1.16rem;}

.zp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.zp-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;box-shadow:var(--shadow);transition:border-color 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;}
.zp-card:hover{border-color:var(--police);box-shadow:var(--shadow-lg);}
.zp-card h3{font-size:1.1rem;margin-bottom:8px;}
.zp-card p{margin:0;color:#3B4C58;font-size:0.95rem;line-height:1.55;flex:1;}
.zp-more{display:inline-block;margin-top:14px;font-weight:700;font-size:0.88rem;color:var(--police);}
.zp-card a.zp-more:hover{text-decoration:underline;}

.zp-app-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.zp-app-top h3{margin:0;}
.zp-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0;}
.zp-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:9px;background:var(--picton-tint);border:1px solid var(--picton-soft);color:var(--police);font-size:0.62rem;font-weight:800;letter-spacing:0.04em;}

.dark-band h2{font-size:clamp(1.5rem,3vw,1.9rem);}
.zp-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 32px;}
.zp-checks li{display:flex;gap:12px;align-items:flex-start;color:#DCEAF2;font-size:1rem;line-height:1.5;}
.zp-checks svg{width:20px;height:20px;color:var(--picton);flex-shrink:0;margin-top:2px;}

.zp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:step;}
.zp-steps li{counter-increment:step;border-top:3px solid var(--picton);padding-top:16px;}
.zp-steps li::before{content:"0" counter(step);display:block;font-weight:800;color:var(--picton);font-size:0.9rem;letter-spacing:0.1em;margin-bottom:6px;}
.zp-steps h3{font-size:1.08rem;margin-bottom:6px;}
.zp-steps p{margin:0;color:#3B4C58;font-size:0.94rem;line-height:1.55;}

.zp-faq{border-top:1px solid var(--line);}
.zp-faq details{border-bottom:1px solid var(--line);padding:4px 0;}
.zp-faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:700;color:var(--police);font-size:1.04rem;position:relative;}
.zp-faq summary::-webkit-details-marker{display:none;}
.zp-faq summary::after{content:"+";position:absolute;right:6px;top:12px;font-size:1.5rem;font-weight:400;color:var(--picton);transition:transform 0.2s;}
.zp-faq details[open] summary::after{transform:rotate(45deg);}
.zp-faq details p{margin:0 0 18px;color:#3B4C58;max-width:75ch;}

.zp-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.zp-related-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);font-weight:600;color:var(--police);transition:border-color 0.2s,background 0.2s;}
.zp-related-item:hover{border-color:var(--police);background:var(--paper-alt);}
.zp-related-item .zp-logo,.zp-related-item .zp-badge{width:32px;height:32px;}

.zp-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 28px;}
.zp-mini{border-left:2px solid var(--picton);padding-left:14px;}
.zp-mini h3{font-size:1rem;margin-bottom:4px;}
.zp-mini p{margin:0;font-size:0.9rem;color:var(--muted);line-height:1.5;}

@media (max-width:640px){
  .hero{padding:52px 16px 48px;}
  .main-content{padding:48px 16px 64px;}
  .dark-band{padding:40px 22px;}
  .cta-box{padding:36px 22px;}
}