.pg-main { padding-bottom: 48px; }
.pg-hero { max-width: 800px; padding: 76px 0 56px; }
.pg-hero-small { padding-bottom: 38px; }
.pg-kicker { display: inline-flex; gap: 8px; align-items: center; color: var(--cc-brand-2); font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
:root[data-theme="light"] .pg-kicker { color: var(--cc-brand-1); }
.pg-hero h1 { margin-top: 18px; font-size: clamp(2.55rem, 6vw, 4.5rem); line-height: 1.07; letter-spacing: -.05em; }
.pg-hero h1 span { background: var(--cc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pg-hero p { max-width: 62ch; margin-top: 22px; color: var(--cc-tx-2); font-size: 1.08rem; line-height: 1.7; }
.pg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.pg-card { min-height: 245px; padding: 28px; border: 1px solid var(--cc-border); border-radius: var(--cc-r-md); background: var(--cc-surface); transition: transform var(--cc-t), border-color var(--cc-t); }
.pg-card:hover { border-color: var(--cc-border-str); transform: translateY(-4px); }
.pg-card > i { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--cc-grad-soft); color: var(--cc-brand-2); font-size: 22px; }
.pg-card h2 { margin-top: 28px; font-size: 1.25rem; }.pg-card p, .pg-band p, .pg-cta p, .pg-contact p { margin-top: 11px; color: var(--cc-tx-2); line-height: 1.65; }
.pg-band, .pg-cta, .pg-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; align-items: center; margin-top: 64px; padding: 42px; border: 1px solid var(--cc-border); border-radius: var(--cc-r-lg); background: var(--cc-surface); }
.pg-band h2, .pg-cta h2, .pg-contact h2 { margin-top: 13px; font-size: clamp(1.7rem, 3.5vw, 2.5rem); line-height: 1.18; }.pg-cta { grid-template-columns: 1fr auto; }.pg-contact { align-items: start; }
.pg-contact-note { display: flex; gap: 10px; margin-top: 24px; color: var(--cc-tx-3); font-size: 14px; line-height: 1.5; }.pg-contact-note i { color: var(--cc-brand-2); font-size: 18px; }
.pg-form { display: grid; gap: 15px; }.pg-form label { display: grid; gap: 7px; color: var(--cc-tx-2); font-size: 13px; font-weight: 600; }.pg-form input, .pg-form textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--cc-border); border-radius: 8px; background: var(--cc-bg); color: var(--cc-tx-1); font: inherit; }.pg-form textarea { resize: vertical; }.pg-form .cc-btn { justify-self: start; }
@media (max-width: 800px) { .pg-grid { grid-template-columns: repeat(2, 1fr); }.pg-band, .pg-contact { grid-template-columns: 1fr; gap: 28px; }.pg-cta { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 560px) { .pg-hero { padding: 52px 0 40px; }.pg-grid { grid-template-columns: 1fr; }.pg-card { min-height: 0; }.pg-band, .pg-cta, .pg-contact { margin-top: 40px; padding: 26px; } }