/* =============================================================================
   VCX Private Client Intake — shared page styles
   Used by: private-intake-immigration.html, private-intake-business.html,
            private-intake-auto.html, private-thank-you.html
   BEM prefix: .pci-*  (private client intake)
   Home palette tokens only. Do not introduce new colors here.
   ============================================================================= */

/* Hero + form card ------------------------------------------------------ */
.pci-hero{background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFB 100%);padding:56px 0 28px;border-bottom:1px solid rgba(14, 79, 92,.08);}
.pci-hero .wrap{max-width:1080px;}
.pci-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:40px;align-items:start;}
.pci-hero__eyebrow{display:inline-block;background:rgba(14, 79, 92,.14);color:#06283D;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:18px;}
.pci-hero__title{font-family:'Cormorant Garamond','Source Serif Pro',Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;font-weight:500;color:#0E4F5C;letter-spacing:-.01em;margin:0 0 18px;}
/* Per-page hero accent: italic emphasis on key word + turquoise underline */
.pci-hero__title em{font-style:italic;font-weight:400;color:#0891B2;background:linear-gradient(180deg,transparent 70%,rgba(8,145,178,.18) 70%);padding:0 .08em;}
/* Refined form card: thin turquoise vertical accent stripe on left edge */
.pci-form-card{position:relative;overflow:hidden;}
.pci-form-card::before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,#0891B2 0%,#06B6D4 50%,#0891B2 100%);pointer-events:none;}
.pci-hero__lede{font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.6;color:#5A6274;margin:0 0 22px;}

.pci-bullets{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px;}
.pci-bullets li{position:relative;padding:4px 0 4px 28px;color:#0E4F5C;font-size:.98rem;line-height:1.5;}
.pci-bullets li::before{content:"";position:absolute;left:0;top:10px;width:16px;height:16px;border-radius:50%;background:#0E4F5C;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center;}

.pci-trustbar{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:18px;}
.pci-trustbar span{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:#5A6274;font-weight:600;}
.pci-trustbar span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#0E4F5C;}

.pci-form-card{background:#FFFFFF;border-radius:16px;padding:28px 26px 22px;box-shadow:0 14px 40px rgba(14, 79, 92,.10);border:1px solid rgba(14, 79, 92,.08);position:sticky;top:16px;}
.pci-form-card__eyebrow{display:inline-block;color:#06283D;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
.pci-form-card__title{color:#0E4F5C;font-size:1.2rem;font-weight:800;margin:0 0 6px;line-height:1.3;}
.pci-form-card__sub{color:#5A6274;font-size:.9rem;line-height:1.5;margin:0 0 18px;}

.pci-field{margin-bottom:14px;}
.pci-field label{display:block;font-size:.82rem;font-weight:600;color:#0E4F5C;margin-bottom:6px;letter-spacing:.02em;}
.pci-field label .req{color:#c25a5a;}
.pci-field input, .pci-field select, .pci-field textarea{width:100%;padding:11px 14px;border:1.5px solid rgba(14, 79, 92,.18);border-radius:10px;font-family:inherit;font-size:.95rem;color:#0E4F5C;background:#FFFFFF;transition:border-color .18s ease, box-shadow .18s ease;}
.pci-field input:focus, .pci-field select:focus, .pci-field textarea:focus{outline:none;border-color:#0E4F5C;box-shadow:0 0 0 3px rgba(14, 79, 92,.18);}
.pci-field textarea{min-height:86px;resize:vertical;line-height:1.5;}

.pci-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0 18px;}
.pci-consent input{width:18px;height:18px;margin-top:2px;accent-color:#0E4F5C;flex-shrink:0;}
.pci-consent label{font-size:.82rem;color:#5A6274;line-height:1.5;}
.pci-consent a{color:#06283D;text-decoration:underline;}

.pci-submit{display:block;width:100%;background:#0E4F5C;color:#fff;border:none;border-radius:12px;padding:15px 22px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 8px 20px rgba(14, 79, 92,.28);letter-spacing:.02em;}
.pci-submit:hover{background:#06283D;box-shadow:0 10px 26px rgba(14, 79, 92,.32);transform:translateY(-1px);}
.pci-submit:active{transform:translateY(0);}
.pci-submit:disabled{background:#8A8F9C;cursor:not-allowed;box-shadow:none;transform:none;}

.pci-form-note{margin:12px 0 0;color:#5A6274;font-size:.76rem;line-height:1.5;text-align:center;}

/* Content sections ------------------------------------------------------ */
.pci-section{padding:48px 0;}
.pci-section--cream{background:#F8FAFB;}
.pci-section--white{background:#FFFFFF;}
.pci-section .wrap{max-width:1080px;}

.pci-sec-head{max-width:740px;margin:0 auto 30px;text-align:center;}
.pci-sec-head__eyebrow{display:inline-block;color:#06283D;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;}
/* Override global h2{max-width:24ch !important} to keep centered block centered */
.pci-sec-head h2{font-size:clamp(1.4rem,2.4vw,1.85rem);color:#0E4F5C;margin:0 auto 10px !important;font-weight:800;letter-spacing:-.01em;margin-left:auto !important;margin-right:auto !important;}
.pci-sec-head p{color:#5A6274;font-size:.98rem;line-height:1.6;margin:0;}

.pci-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}
.pci-card{background:#FFFFFF;border-radius:14px;padding:24px 22px;box-shadow:0 6px 20px rgba(14, 79, 92,.07);border:1px solid rgba(14, 79, 92,.06);}
.pci-card h3{color:#0E4F5C;margin:0 0 10px;font-size:1rem;font-weight:800;}
.pci-card p{color:#5A6274;font-size:.9rem;line-height:1.55;margin:0;}

.pci-disc{background:rgba(14, 79, 92,.06);padding:18px 20px;border-radius:12px;color:#5A6274;font-size:.86rem;line-height:1.6;border-left:3px solid #0E4F5C;margin-top:28px;}

/* FAQ ------------------------------------------------------------------- */
.pci-faq{max-width:820px;margin:0 auto;}
.pci-faq details{background:#FFFFFF;border-radius:12px;padding:16px 20px;box-shadow:0 4px 14px rgba(14, 79, 92,.05);margin-bottom:10px;border:1px solid rgba(14, 79, 92,.06);}
.pci-faq summary{cursor:pointer;font-weight:700;color:#0E4F5C;font-size:.98rem;list-style:none;}
.pci-faq summary::-webkit-details-marker{display:none;}
.pci-faq summary::after{content:"+";float:right;font-size:1.3rem;color:#06283D;font-weight:600;transition:transform .2s ease;}
.pci-faq details[open] summary::after{content:"−";}
.pci-faq details[open] summary{margin-bottom:10px;}
.pci-faq p{color:#5A6274;font-size:.92rem;line-height:1.6;margin:0;}

/* Thank-you page-specific ---------------------------------------------- */
.pci-ty-card{background:#FFFFFF;border-radius:16px;padding:44px 38px;box-shadow:0 14px 40px rgba(14, 79, 92,.08);border:1px solid rgba(14, 79, 92,.08);max-width:720px;margin:100px auto 40px;text-align:center;}
.pci-ty-card__icon{width:72px;height:72px;border-radius:50%;background:rgba(14, 79, 92,.16);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;}
.pci-ty-card__icon svg{width:38px;height:38px;stroke:#06283D;}
.pci-ty-card__eyebrow{display:inline-block;background:rgba(14, 79, 92,.14);color:#06283D;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:14px;}
.pci-ty-card h1{font-size:clamp(1.5rem,2.8vw,2.05rem);color:#0E4F5C;margin:0 0 12px;font-weight:800;letter-spacing:-.01em;}
.pci-ty-card__lede{color:#5A6274;font-size:1.02rem;line-height:1.6;margin:0 0 24px;}
.pci-ty-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 auto 26px;max-width:560px;}
.pci-ty-kpi__item{background:#F8FAFB;border-radius:12px;padding:16px 14px;border:1px solid rgba(14, 79, 92,.06);}
.pci-ty-kpi__label{display:block;color:#06283D;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;}
.pci-ty-kpi__value{color:#0E4F5C;font-size:.98rem;font-weight:700;line-height:1.3;}
.pci-ty-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px;}
.pci-ty-cta-row .btn{min-width:180px;}

/* Mobile ---------------------------------------------------------------- */
@media (max-width: 860px){
  .pci-hero{padding:36px 0 20px;}
  .pci-hero__grid{grid-template-columns:1fr;gap:24px;}
  .pci-form-card{position:static;padding:22px 20px 18px;}
  .pci-section{padding:36px 0;}
  .pci-ty-card{margin:64px 16px 32px;padding:32px 24px;}
}