/* Zuvrel v0.3 multi-page additions. Brand: orange #FF7A1A, indigo #2E2A8C, teal #14C8B4, navy #1B1A4F, soft #FFE6D3. */
html{scroll-padding-top:84px}
/* sticky top bar */
.site-header{box-shadow:0 6px 24px -18px rgba(27,26,79,.45)}
.header-row{height:72px}
.logo{display:flex;align-items:center;flex:none}
.zv-nav{display:flex;align-items:center;margin-left:auto}
.zv-menu{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.zv-menu li{margin:0}
.zv-menu a{position:relative;display:block;padding:.5em .85em;color:var(--navy);text-decoration:none;font-weight:600;font-size:.97rem;border-radius:10px;transition:color .15s,background .15s}
.zv-menu a:hover{color:var(--indigo);background:#FFF4EC}
.zv-menu a[aria-current="page"],.zv-menu .current-menu-item>a{color:var(--indigo)}
.zv-menu a[aria-current="page"]::after,.zv-menu .current-menu-item>a::after{content:"";position:absolute;left:.85em;right:.85em;bottom:.1em;height:3px;border-radius:3px;background:var(--orange)}
.zv-nav-cta{display:none}
.zv-cta{flex:none;margin-left:10px}
.zv-toggle{display:none;flex:none;width:44px;height:44px;border:0;background:transparent;border-radius:10px;cursor:pointer;padding:10px;margin-left:4px}
.zv-toggle span{display:block;height:2.5px;background:var(--navy);border-radius:2px;margin:5px 0;transition:transform .2s,opacity .2s}
.site-header.open .zv-toggle span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.site-header.open .zv-toggle span:nth-child(2){opacity:0}
.site-header.open .zv-toggle span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.logo[aria-current] img{opacity:1}
/* inner page hero */
.page-hero{background:linear-gradient(180deg,var(--soft) 0%,#fff 100%);padding:72px 0 44px;text-align:center}
.page-hero h1{font-size:clamp(2.1rem,4.2vw,3.2rem);max-width:860px;margin:0 auto .45em}
.page-hero h1 span{color:var(--indigo)}
.page-hero .lede{margin:0 auto}
.section-tight{padding-top:36px}
.center{text-align:center}
/* feature jump chips */
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px auto 0;max-width:900px}
.chips a{background:#fff;border:1.5px solid #F2C9A8;color:var(--navy);text-decoration:none;font-weight:600;font-size:.88rem;padding:.4em .95em;border-radius:999px}
.chips a:hover{border-color:var(--orange);background:var(--soft)}
/* home highlights */
.hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.hl-card{background:#fff;border:1.5px solid var(--soft);border-radius:var(--r);padding:18px 18px 22px;display:flex;flex-direction:column;box-shadow:0 18px 40px -30px rgba(27,26,79,.45);transition:transform .15s,box-shadow .15s}
.hl-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.hl-card .frame{margin:0 0 16px}
.hl-card h3{font-size:1.15rem;margin-bottom:.4em}
.hl-card p{font-size:.95rem}
.hl-card .kicker{align-self:flex-start;margin-bottom:.6em}
.hl-more{margin-top:auto;font-weight:700;color:var(--indigo);text-decoration:none}
.hl-more:hover{color:var(--orange-d)}
.section-cta.center{margin-top:40px}
/* social proof */
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.proof-card{margin:0;background:#fff;border-radius:var(--r);padding:24px 24px 20px;border-left:5px solid var(--orange);box-shadow:0 18px 40px -30px rgba(27,26,79,.5)}
.proof-card blockquote{margin:0 0 .7em;font-size:1.12rem;font-weight:700;color:var(--navy);line-height:1.35}
.proof-card figcaption{font-size:.95rem;color:var(--slate)}
.proof-card figcaption span{font-weight:700;color:var(--indigo)}
.trust-row{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.trust-row li{background:var(--navy);color:#E9E8F5;border-radius:var(--r);padding:22px 24px}
.trust-row b{display:block;color:#fff;font-size:1.05rem;margin-bottom:.2em}
.trust-row li::before{content:"";display:block;width:34px;height:4px;border-radius:4px;background:var(--teal);margin-bottom:12px}
/* pricing teaser */
.price-teaser{padding:84px 0}
.price-teaser .section-head .lede{color:#E9E8F5}
.teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.teaser{display:flex;flex-direction:column;gap:6px;background:#fff;color:var(--slate);text-decoration:none;border-radius:var(--r);padding:26px;border:3px solid transparent;transition:transform .15s}
.band-navy a.teaser{color:var(--slate)}
.teaser:hover{transform:translateY(-3px)}
.teaser b{color:var(--navy);font-size:1.25rem}
.teaser .tp{font-size:2.2rem;font-weight:800;color:var(--navy);line-height:1.1}
.teaser .tp small{font-size:1rem;font-weight:600;color:var(--slate)}
.teaser-pop{border-color:var(--orange)}
.price-teaser .section-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center}
.band-navy a.founding-link{color:var(--teal);font-weight:600}
/* about */
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.about-grid .frame{margin:0}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.value{background:#fff;border-radius:var(--r);padding:26px;border-top:5px solid var(--teal);box-shadow:0 18px 40px -30px rgba(27,26,79,.5)}
.value h3{font-size:1.15rem}
.value p{margin:0}
/* contact */
.contact-side{display:grid;gap:22px;align-content:start}
.contact-item h3{font-size:1.05rem;margin-bottom:.25em}
.contact-item p{margin:0}
/* footer */
.zv-footer{padding:60px 0 28px}
.zv-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}
.zv-footer-brand .footer-logo{margin-bottom:14px}
.zv-tagline{color:#fff;font-weight:800;font-size:1.15rem;margin:0 0 .3em!important}
.zv-footer-col{display:flex;flex-direction:column;gap:9px}
.zv-footer-col h2{color:var(--soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px}
.zv-footer .zv-footer-col a{color:#E9E8F5;font-weight:500;text-decoration:none}
.zv-footer .zv-footer-col a:hover{color:var(--teal)}
.zv-footer .zv-footer-col a[aria-current="page"]{color:var(--orange);font-weight:700}
.zv-footer-col p{font-size:.92rem}
.zv-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,230,211,.18);margin-top:40px;padding-top:20px}
.zv-footer-bottom .small{margin:0!important;opacity:.85}
.zv-content{font-size:1.02rem}
/* responsive */
@media (max-width:1000px){
  .hl-grid,.proof-grid,.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zv-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .zv-toggle{display:block}
  .header-row{gap:10px}
  .zv-cta{margin-left:auto}
  .site-header .zv-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;border-bottom:1px solid var(--soft);box-shadow:0 24px 40px -24px rgba(27,26,79,.45);padding:10px 22px 22px;flex-direction:column;align-items:stretch}
  .site-header.open .zv-nav{display:flex}
  .zv-menu{flex-direction:column;gap:2px}
  .zv-menu a{padding:.8em .6em;font-size:1.05rem}
  .zv-menu a[aria-current="page"]::after,.zv-menu .current-menu-item>a::after{left:0;right:auto;top:.7em;bottom:.7em;width:4px;height:auto}
  .zv-nav-cta{display:flex;margin-top:12px}
  .about-grid,.teaser-grid,.trust-row{grid-template-columns:1fr}
  .page-hero{padding:48px 0 30px}
}
@media (max-width:600px){
  .hl-grid,.proof-grid,.value-grid,.zv-footer-grid{grid-template-columns:1fr}
  .zv-cta{font-size:.85rem;padding:.5em .9em}
  .logo img{height:30px}
}
.hero-sub-tag{font-size:1.2rem;font-weight:600;margin:.4rem 0 .8rem;opacity:.85}
.zv-footer{border-top:4px solid var(--orange)}

/* v0.6/v0.7 sandbox form */
.form-fine{color:var(--slate);margin:.8em 0 0}