/* Intrak Valet — service & city landing pages. Loaded after styles.css. */
.pg-wrap { max-width: 1240px; margin: 0 auto; }
.pg-narrow { max-width: 860px; margin: 0 auto; }
.pg-serif { font-family: 'Cormorant Garamond', serif; }

.pg-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.pg-eyebrow::before { content: ""; width: 36px; height: 1px; background: #B79A6B; }
.pg-eyebrow span { font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase; color: #8A7147; }
.pg-dark .pg-eyebrow span { color: #B79A6B; }

.pg-crumbs { font-size: 13px; color: #7C8496; margin: 0 0 28px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.pg-crumbs li + li::before { content: "/"; margin-right: 8px; color: #55607A; }
.pg-crumbs a { color: #A9B0C0; }
.pg-crumbs a:hover { color: #D2B888; }

/* hero */
.pg-hero { background: linear-gradient(180deg, #0C1220 0%, #101830 100%); padding: 96px 32px 112px; }
.pg-hero-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 72px; align-items: center; }
.pg-hero h1 { font-family: 'Cormorant Garamond', serif; font-size: 62px; font-weight: 600; line-height: 1.06; letter-spacing: -0.01em; color: #F5F1E8; margin: 0 0 24px; }
.pg-hero h1 em { font-style: italic; font-weight: 500; color: #D2B888; }
.pg-lead { font-size: 18px; line-height: 1.7; color: #A9B0C0; margin: 0 0 40px; max-width: 560px; }
.pg-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.pg-btn { display: inline-block; background: #B79A6B; color: #0C1220 !important; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; padding: 17px 34px; border-radius: 2px; transition: all 0.35s cubic-bezier(0.16,1,0.3,1); }
.pg-btn:hover { background: #D2B888; transform: translateY(-2px); box-shadow: 0 14px 32px rgba(183,154,107,0.28); }
.pg-btn-ghost { display: inline-block; border: 1px solid rgba(183,154,107,0.5); color: #F5F1E8 !important; font-size: 14px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 16px 32px; border-radius: 2px; transition: all 0.35s cubic-bezier(0.16,1,0.3,1); }
.pg-btn-ghost:hover { border-color: #D2B888; color: #D2B888 !important; transform: translateY(-2px); }
.pg-trust { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 44px; padding-top: 28px; border-top: 1px solid rgba(183,154,107,0.2); }
.pg-trust span { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: #C9CEDA; }
.pg-photo { position: relative; width: 100%; max-width: 400px; justify-self: end; }
.pg-photo::before { content: ""; position: absolute; left: -18px; right: 18px; top: 18px; bottom: -18px; border: 1px solid rgba(183,154,107,0.45); }
.pg-photo img { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }

/* content sections */
.pg-section { padding: 120px 32px; }
.pg-light { background: #F5F1E8; }
.pg-white { background: #FFFFFF; border-top: 1px solid #E4DCC9; }
.pg-dark { background: #0C1220; }
.pg-section h2 { font-family: 'Cormorant Garamond', serif; font-size: 44px; font-weight: 600; line-height: 1.15; color: #1B2334; margin: 0 0 28px; }
.pg-dark h2 { color: #F5F1E8; }
.pg-section p { font-size: 17px; line-height: 1.8; color: #5A6172; margin: 0 0 20px; }
.pg-dark p { color: #A9B0C0; }
.pg-two { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 72px; align-items: start; }

.pg-checks { list-style: none; margin: 0; padding: 36px 36px 20px; background: #FFFFFF; border: 1px solid #E4DCC9; }
.pg-checks li { position: relative; padding: 0 0 18px 30px; font-size: 16px; line-height: 1.65; color: #1B2334; }
.pg-checks li::before { content: "◆"; position: absolute; left: 0; top: 1px; font-size: 11px; color: #B79A6B; }
.pg-checks strong { font-weight: 600; }

.pg-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-top: 48px; }
.pg-step { border-top: 2px solid #B79A6B; padding-top: 22px; }
.pg-step b { display: block; font-family: 'Cormorant Garamond', serif; font-size: 20px; color: #8A7147; margin-bottom: 8px; }
.pg-step h3 { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 600; color: #1B2334; margin: 0 0 10px; }
.pg-step p { font-size: 15px; line-height: 1.7; margin: 0; }

.pg-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 48px; }
.pg-cards3 { grid-template-columns: repeat(3, 1fr); }
.pg-card { display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid #E4DCC9; border-radius: 2px; overflow: hidden; color: inherit !important; transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }
.pg-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(12,18,32,0.14); border-color: #B79A6B; }
.pg-card img { width: 100%; height: 190px; object-fit: cover; object-position: top; }
.pg-card div { padding: 24px 22px 28px; }
.pg-card h3 { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 600; color: #1B2334; margin: 0 0 8px; }
.pg-card p { font-size: 14px; line-height: 1.6; margin: 0 0 14px; }
.pg-more { font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #8A7147; }

.pg-chips { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.pg-chips a { border: 1px solid #D8CCB3; padding: 11px 20px; font-size: 14px; color: #1B2334; border-radius: 2px; transition: all 0.3s ease; }
.pg-chips a:hover { border-color: #B79A6B; color: #8A7147; background: #FFFFFF; }

.pg-faq { border-bottom: 1px solid #E4DCC9; }
.pg-faq details { border-top: 1px solid #E4DCC9; padding: 22px 0; }
.pg-faq summary { cursor: pointer; font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 600; color: #1B2334; }
.pg-faq details p { font-size: 16px; line-height: 1.8; margin: 14px 0 0; }

.pg-cta { background: linear-gradient(180deg, #101830 0%, #0C1220 100%); padding: 112px 32px; text-align: center; }
.pg-cta h2 { font-family: 'Cormorant Garamond', serif; font-size: 50px; font-weight: 600; line-height: 1.12; color: #F5F1E8; margin: 0 0 20px; }
.pg-cta h2 em { font-style: italic; font-weight: 500; color: #D2B888; }
.pg-cta p { font-size: 17px; line-height: 1.65; color: #A9B0C0; margin: 0 auto 40px; max-width: 520px; }
.pg-cta .pg-actions { justify-content: center; }

/* footer link columns (shared with homepage) */
.ft-col { display: flex; flex-direction: column; gap: 12px; }
.ft-col > span { font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; color: #B79A6B; margin-bottom: 6px; }
.ft-col a, .ft-col em { font-size: 15px; color: #C9CEDA; font-style: normal; }
.ft-col a:hover { color: #D2B888; }

/* ---- responsive ---- */
@media (max-width: 1100px) {
  .pg-hero-grid, .pg-two { grid-template-columns: 1fr; gap: 56px; }
  .pg-photo { justify-self: start; }
  .pg-cards, .pg-steps { grid-template-columns: repeat(2, 1fr); }
  .pg-cards3 { grid-template-columns: 1fr; }
  .pg-hero h1 { font-size: 52px !important; }
}
@media (max-width: 900px) {
  .pg-hero { padding: 72px 28px 88px; }
  .pg-section { padding: 88px 28px; }
  .pg-section h2, .pg-cta h2 { font-size: 34px !important; }
  .pg-hero h1 { font-size: 44px !important; }
}
@media (max-width: 640px) {
  .pg-hero { padding: 52px 20px 72px; }
  .pg-hero h1 { font-size: 34px !important; line-height: 1.12 !important; }
  .pg-section, .pg-cta { padding: 68px 20px; }
  .pg-section h2, .pg-cta h2 { font-size: 29px !important; }
  .pg-cards, .pg-steps { grid-template-columns: 1fr; }
  .pg-checks { padding: 28px 22px 12px; }
  .pg-actions a { width: 100%; text-align: center; }
  .pg-trust { flex-direction: column; gap: 12px; }
  .pg-photo::before { left: -10px; right: 10px; top: 10px; bottom: -10px; }
  .pg-faq summary { font-size: 21px; }
}

/* guides / about / contact */
.pg-meta { font-size: 13px; letter-spacing: 0.04em; color: #7C8496; margin: 0; }
.pg-cards2 { grid-template-columns: repeat(2, 1fr); margin-top: 0; }
.pg-cards2 .pg-card h3 { font-size: 26px; }
.pg-article h2 { font-size: 32px; margin: 48px 0 16px; }
.pg-article h2:first-of-type { margin-top: 32px; }
.pg-article p, .pg-article li { font-size: 17px; line-height: 1.8; color: #3E4658; }
.pg-article ul, .pg-article ol { padding-left: 22px; margin: 0 0 20px; }
.pg-article li { margin-bottom: 10px; }
.pg-article li::marker { color: #B79A6B; }
.pg-article a, .pg-callout a { color: #8A7147; border-bottom: 1px solid #D8CCB3; }
.pg-article a:hover { color: #B79A6B; }
.pg-callout { background: #FFFFFF; border: 1px solid #E4DCC9; border-left: 3px solid #B79A6B; padding: 26px 28px; margin: 44px 0 0; }
.pg-callout p { margin: 0 !important; }
.pg-contact { display: flex; flex-direction: column; gap: 22px; padding: 36px; border: 1px solid rgba(183,154,107,0.3); background: rgba(255,255,255,0.02); }
.pg-contact span { display: block; font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; color: #B79A6B; margin-bottom: 6px; }
.pg-contact a, .pg-contact em { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-style: normal; color: #F5F1E8; }
@media (max-width: 1100px) { .pg-cards2 { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
  .pg-article h2 { font-size: 25px !important; }
  .pg-contact { padding: 26px 22px; }
  .pg-contact a, .pg-contact em { font-size: 21px; word-break: break-word; }
}

/* article data tables (guides) */
.pg-article table { width: 100%; border-collapse: collapse; margin: 10px 0 30px; }
.pg-article th { text-align: left; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: #8A7147; font-weight: 600; padding: 12px 14px; border-bottom: 2px solid #B79A6B; }
.pg-article td { padding: 12px 14px; font-size: 15px; line-height: 1.65; color: #3E4658; border-bottom: 1px solid #E4DCC9; vertical-align: top; }
.pg-article td strong { color: #1B2334; }
@media (max-width: 720px) { .pg-article table { display: block; overflow-x: auto; white-space: nowrap; } }