.public-page { color: #07090c; background: #f2f1eb; }
.public-page .company-main { color: #07090c; background: #f2f1eb; }
.public-page .company-shell { width: min(100%, 1440px); }
.public-page .company-index { font: 500 14px/1.4 'Instrument Sans', sans-serif; color: #53605b; text-transform: none; letter-spacing: 0; }
.public-page .company-hero { border-bottom: 1px solid #cbcec6; }
.public-page .company-hero::after { display: none; }
.public-page .company-hero .company-shell { min-height: auto; padding-top: clamp(64px, 7vw, 110px); padding-bottom: clamp(64px, 7vw, 110px); }
.public-page .company-hero h1 { margin-top: 26px; max-width: 1050px; color: #07090c; font-size: clamp(50px, 7.2vw, 108px); letter-spacing: -.05em; font-weight: 500; line-height: .99; }
.public-page .company-hero h1 em { color: #666e68; font-style: normal; }
.public-page .company-lede { font-size: clamp(19px, 2vw, 25px); line-height: 1.5; color: #535b54; max-width: 740px; }
.public-page .company-lede strong, .public-page .representative-copy strong, .public-page .registry-layout strong { color: #07090c; font-weight: 500; }
.public-page :is(.company-record,.representative,.registry) { border-bottom: 1px solid #cbcec6; }
.public-page .representative { background: #e9ebe3; }
.public-page :is(.record-layout,.representative-layout,.registry-layout) { gap: clamp(40px, 8vw, 116px); padding-top: clamp(48px, 6vw, 80px); padding-bottom: clamp(48px, 6vw, 80px); }
.public-page :is(.company-record,.representative,.registry) h2 { color: #07090c; font-weight: 500; letter-spacing: -.035em; font-size: clamp(30px, 3vw, 44px); }
.public-page .company-record header > p:last-child { color: #535b54; }
.public-page .record-list { border-color: #b6bdb2; }
.public-page .record-list div { border-color: #cbcec6; }
.public-page .record-list dt { color: #697367; font: 400 14px/1.5 'Instrument Sans', sans-serif; text-transform: none; }
.public-page .record-list dd { color: #07090c; font-size: 17px; font-weight: 500; overflow-wrap: anywhere; }
.public-page :is(.representative-copy > p,.registry-layout > div:last-child > p) { color: #4c574a; font-size: clamp(18px, 1.8vw, 24px); line-height: 1.6; }
.public-page :is(.representative-links a,.registry-link) { color: #145b66; border-color: #145b66; font: 500 15px/1.6 'Instrument Sans', sans-serif; }
.public-page :where(main a, main button):focus-visible { outline-color: #145b66; }
.billing-main { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(48px, 9vw, 130px); max-width: 1440px; margin: auto; padding: clamp(64px, 7vw, 110px) var(--gutter, 64px) 110px; }
.billing-main h1 { max-width: 670px; margin: 0 0 32px; font: 500 clamp(62px, 6.5vw, 100px)/.99 var(--font-display, sans-serif); letter-spacing: -.05em; }
.billing-main .billing-lede { max-width: 560px; font-size: 21px; line-height: 1.55; color: #4c574a; margin: 0 0 34px; }
.billing-main .billing-actions { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.billing-main .billing-note { max-width: 560px; margin-top: 36px; font-size: 15px; color: #646d60; line-height: 1.6; }
.billing-steps { padding: 0; list-style: none; margin: 0; }
.billing-steps li { padding: 28px 0; border-top: 1px solid #b6bdb2; display: grid; grid-template-columns: 58px 1fr; gap: 20px; }
.billing-steps li > span { font: 400 36px/1.1 var(--font-display, sans-serif); letter-spacing: -.04em; }
.billing-steps h2 { font-size: 25px; letter-spacing: -.035em; margin: 0 0 12px; font-weight: 500; }
.billing-steps p { color: #4c574a; font-size: 17px; line-height: 1.6; margin: 0; }
@media (max-width: 800px) { .billing-main { grid-template-columns: 1fr; padding: 52px 24px 72px; gap: 56px; } .public-page .company-hero h1 { font-size: clamp(46px, 10vw, 70px); } .public-page .company-shell { padding-right: 24px; padding-left: 24px; } }
