.inner-page { background: var(--paper); }
.inner-page .site-header { position: relative; top: 0; left: 0; width: 100%; height: 88px; padding: 0 4vw; transform: none; background: var(--ink); }
.inner-page .pricing-section { padding-top: 105px; }
.inner-page .pricing-section .feature-intro { align-items: end; }
.inner-page .pricing-section .feature-intro h1 { width: 55%; margin: 0; font-size: clamp(52px, 7vw, 100px); line-height: .88; letter-spacing: -.065em; font-weight: 500; }
.inner-page .pricing-section .feature-intro h1 em, .contact-hero h1 em { font-family: var(--serif); font-weight: 400; }
.inner-page .faq-section { background: #f7f4ec; }
.contact-main { min-height: calc(100vh - 208px); display: grid; }
.contact-hero { min-height: 680px; padding: 110px 8vw; display: grid; grid-template-columns: minmax(0, .8fr) minmax(420px, 1.2fr); align-items: center; gap: 8vw; position: relative; overflow: hidden; }
.contact-hero::after { content: ""; position: absolute; right: -180px; bottom: -250px; width: 640px; height: 640px; border: 1px solid var(--line); border-radius: 50%; box-shadow: 0 0 0 90px rgba(18,21,19,.025), 0 0 0 180px rgba(18,21,19,.018); }
.contact-hero h1 { margin: 24px 0 0; font-size: clamp(58px, 8vw, 112px); line-height: .84; letter-spacing: -.07em; font-weight: 500; }
.contact-card { position: relative; z-index: 1; padding: 52px; border: 1px solid var(--line); border-radius: 24px; background: var(--ink); color: #fff; box-shadow: 0 28px 75px rgba(18,21,19,.16); }
.contact-card > span { display: block; color: var(--acid); font: 500 9px var(--mono); letter-spacing: .14em; }
.contact-card p { max-width: 490px; margin: 24px 0 42px; color: rgba(255,255,255,.6); font-size: 15px; line-height: 1.75; }
.contact-email { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); font-size: clamp(18px, 2.2vw, 30px); letter-spacing: -.04em; }
.contact-email b { width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--acid); color: var(--ink); transition: transform .3s; }
.contact-email:hover b { transform: rotate(45deg); }
@media (max-width: 900px) { .inner-page .site-header { width: 100%; padding-inline: 6vw; } .inner-page .pricing-section .feature-intro h1 { width: 100%; margin-top: 25px; } .contact-hero { grid-template-columns: 1fr; padding: 90px 6vw; gap: 55px; } }
@media (max-width: 600px) { .inner-page .site-header { padding-inline: 14px; } .inner-page .pricing-section { padding: 75px 14px; } .contact-hero { min-height: 620px; padding: 75px 18px; } .contact-card { padding: 32px 24px; } .contact-email { align-items: flex-start; font-size: 17px; overflow-wrap: anywhere; } }