/* ============================================================
   VOKAVIA — Partner Inquiry page
   Page-specific styles. Reuses tokens + components from
   vokavia.css (loaded first). Adds no overrides to homepage.
   ============================================================ */

/* Hero — reuses .hero / .hero-inner / .section-label.on-dark */
.pi-hero h1{font-size:var(--fs-hero);line-height:1.03;letter-spacing:-.03em;font-weight:700;margin:24px 0 26px;text-wrap:balance;max-width:14ch;}
.pi-hero .sub{font-size:var(--fs-lead);line-height:1.55;color:rgba(255,255,255,.74);max-width:600px;margin-bottom:38px;}

/* Section intro shared */
.pi-head{max-width:680px;margin-bottom:clamp(34px,4.4vw,54px);}
.pi-title{font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.025em;font-weight:700;text-wrap:balance;}
.pi-intro{font-size:var(--fs-lead);color:var(--muted);line-height:1.55;margin-top:18px;}
.pi-title.on-dark{color:#fff;}
.pi-intro.on-dark{color:rgba(255,255,255,.72);}

/* ── Who should inquire — reuses .partner-grid / .pcard ── */

/* ── What we can clarify — premium checklist ── */
.clarify-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.clarify-item{
  display:flex;gap:16px;align-items:flex-start;background:#fff;
  border:1px solid var(--grey-200);border-radius:var(--radius);padding:22px 24px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.clarify-item:hover{transform:translateY(-3px);box-shadow:0 18px 44px -28px rgba(31,40,83,.32);border-color:var(--grey-300);}
.clarify-check{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:rgba(255,78,70,.1);display:flex;align-items:center;justify-content:center;color:var(--coral);margin-top:2px;}
.clarify-check svg{width:16px;height:16px;}
.clarify-t{font-size:1.06rem;font-weight:600;letter-spacing:-.01em;margin-bottom:4px;}
.clarify-d{font-size:.92rem;color:var(--muted);line-height:1.45;}

/* ── Partner-led readiness flow ── */
.flow{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch;}
.flow-step{
  position:relative;background:#fff;border:1px solid var(--grey-200);border-radius:var(--radius);
  padding:24px 22px;display:flex;flex-direction:column;gap:10px;
}
.flow-step::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--coral);opacity:.0;border-radius:2px 0 0 2px;transition:opacity .2s;}
.flow-step:hover::before{opacity:1;}
.flow-n{font-family:var(--mono);font-size:.76rem;color:var(--coral);font-weight:600;letter-spacing:.08em;}
.flow-t{font-size:1.04rem;font-weight:600;letter-spacing:-.012em;line-height:1.2;}
.flow-d{font-size:.86rem;color:var(--muted);line-height:1.45;}
.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--grey-300);}
.flow-arrow svg{transform:rotate(90deg);width:22px;height:22px;}
.flow-note{
  margin-top:26px;display:flex;align-items:flex-start;gap:10px;
  font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;color:var(--muted);line-height:1.55;max-width:760px;
}
.flow-note::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-top:6px;}

/* ── Form section ── */
.pi-form-wrap{display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,48px);align-items:start;}
.pi-form-aside .pi-title{font-size:clamp(1.7rem,1.2rem+2vw,2.4rem);}
.pi-form-points{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--grey-200);}
.pi-form-points li{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--grey-200);font-size:1rem;color:var(--ink);line-height:1.4;}
.pi-form-points .clarify-check{width:24px;height:24px;margin-top:0;}
.pi-form-points .clarify-check svg{width:13px;height:13px;}
.pi-form-card{
  background:#fff;border:1px solid var(--grey-200);border-radius:6px;
  padding:clamp(16px,2.2vw,26px);box-shadow:0 26px 64px -36px rgba(31,40,83,.34);
}
.pi-form-card-head{display:flex;align-items:center;justify-content:space-between;
  padding:4px 6px 18px;margin-bottom:8px;border-bottom:1px solid var(--grey-150);}
.pi-form-card-head .t{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;}
.pi-form-card-head .badge{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;color:var(--coral);
  background:rgba(255,78,70,.1);padding:6px 11px;border-radius:2px;}
.pi-form-card iframe{display:block;width:100%;border:0;min-height:620px;background:transparent;}

/* ── Legal-safe note ── */
.legal-note{
  margin-top:clamp(30px,3.4vw,44px);padding:22px 24px;background:var(--grey-50);
  border:1px solid var(--grey-150);border-left:2px solid var(--coral);border-radius:var(--radius);
  font-size:.93rem;line-height:1.6;color:var(--muted);max-width:880px;
}
.legal-note .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:9px;}

/* ── Responsive ── */
@media (min-width:640px){
  .clarify-grid{grid-template-columns:1fr 1fr;}
}
@media (min-width:880px){
  .flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;}
  .flow-arrow svg{transform:none;}
  .pi-form-wrap{grid-template-columns:.82fr 1.18fr;}
  /* 9 partner cards → balanced 3×3 (overrides shared .partner-grid 4-col) */
  .partner-grid.pi-grid-3{grid-template-columns:repeat(3,1fr);}
}
@media (min-width:1080px){
  .clarify-grid{grid-template-columns:1fr 1fr;}
}