.active-nav { color: var(--coral) !important; }
.simple-footer { margin-top: 0; }
.simple-footer a { color: #8d878a; }
.directory-hero { padding-bottom: 65px; border-bottom: 1px solid #ddd9d2; background: #eeebe5; }
.directory-hero-grid { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; padding-top: 48px; }
.directory-hero h1 { margin: 10px 0 20px; font-size: clamp(46px,6vw,74px); line-height: .98; letter-spacing: -.065em; }
.directory-hero h1 em { color: var(--coral); font-style: normal; }
.directory-hero p { max-width: 690px; margin: 0; color: #6e676c; font-size: 16px; }
.hero-number { min-width: 190px; padding: 25px; border-radius: 20px; color: white; background: var(--ink); transform: rotate(1.5deg); }
.hero-number strong, .hero-number span { display: block; }
.hero-number strong { color: var(--lime); font-size: 35px; letter-spacing: -.05em; }
.hero-number span { margin-top: 7px; color: #aaa4a7; font-size: 9px; }
.directory-layout { display: grid; grid-template-columns: 210px minmax(0,1fr) 270px; gap: 25px; align-items: start; padding-block: 44px 90px; }
.directory-sidebar { position: sticky; top: 100px; display: grid; overflow: hidden; border: 1px solid #dfdbd4; border-radius: 17px; background: white; }
.directory-sidebar > strong { padding: 17px; border-bottom: 1px solid #e8e4dd; font-size: 12px; }
.directory-sidebar > a { display: flex; justify-content: space-between; gap: 8px; padding: 11px 17px; color: #756e73; font-size: 9px; }
.directory-sidebar > a:hover, .directory-sidebar > a.selected { color: var(--coral-dark); background: #fff1ed; font-weight: 900; }
.directory-sidebar a span { color: #aaa4a7; font-size: 8px; }
.sidebar-city { padding: 15px 17px; border-top: 1px solid #e8e4dd; }
.sidebar-city strong { display: block; margin-bottom: 8px; font-size: 9px; }
.sidebar-city select { width: 100%; padding: 9px; border: 1px solid #d9d4cd; border-radius: 8px; background: white; font-size: 9px; }
.feed { min-width: 0; }
.feed-head { display: flex; justify-content: space-between; gap: 18px; align-items: end; margin-bottom: 21px; }
.feed-head h2 { margin: 5px 0 0; font-size: 32px; letter-spacing: -.045em; }
.feed-controls { display: flex; gap: 5px; }
.chip { padding: 7px 9px; border: 1px solid #d8d3cc; border-radius: 8px; background: white; cursor: pointer; font-size: 8px; font-weight: 800; }
.chip.active { color: white; border-color: var(--ink); background: var(--ink); }
.feed-review { margin-bottom: 13px; padding: 25px; border: 1px solid #dfdbd4; border-radius: 20px; background: white; }
.feed-review-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.feed-company { display: flex; align-items: center; gap: 10px; }
.feed-company strong, .feed-company small { display: block; }
.feed-company strong { font-size: 12px; }
.feed-company small, .feed-review-top time { color: #918a8f; font-size: 8px; }
.green-logo { color: white; background: #1a8d57; }.blue-logo { color: white; background: #315cff; font-size: 8px; }
.feed-review .sentiment { color: #a92e20; background: #ffe4de; }
.positive-feed .sentiment { color: #167246; background: #dbf5e8; }
.neutral-feed .sentiment { color: #5c5683; background: #e9e6ff; }
.neutral-stars { color: #6f65aa; }
.feed-review h3 { margin: 4px 0 10px; font-size: 21px; line-height: 1.25; letter-spacing: -.03em; }
.feed-review h3 a:hover { color: var(--coral-dark); }
.feed-review > p { color: #595358; font-size: 13px; line-height: 1.65; }
.feed-review footer { display: flex; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid #eeeae4; color: #918a8f; font-size: 8px; }
.feed-review footer a { color: var(--coral-dark); font-weight: 900; }
.feed-more { width: 100%; }
.feed-aside { position: sticky; top: 100px; display: grid; gap: 15px; }
.feed-aside .write-card .button { width: 100%; }
.feed-stats dl { margin: 0; }
.feed-stats dl > div { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid #eeeae4; font-size: 9px; }
.feed-stats dt { color: #8d868b; }.feed-stats dd { margin: 0; font-weight: 900; }
.city-links { display: flex; flex-wrap: wrap; gap: 6px; }
.city-links a { padding: 6px 8px; border-radius: 7px; background: #f0ede8; font-size: 8px; }

.add-company-shell { display: grid; grid-template-columns: 330px minmax(0,650px); gap: 70px; justify-content: center; align-items: start; padding-block: 65px 90px; }
.add-company-copy { position: sticky; top: 120px; }
.add-company-copy h1 { margin: 10px 0 20px; font-size: 58px; line-height: 1; letter-spacing: -.06em; }
.add-company-copy h1 em { color: var(--coral); font-style: normal; }
.add-company-copy > p { color: #70696e; font-size: 14px; line-height: 1.65; }
.add-company-copy ol { display: grid; gap: 17px; margin: 30px 0 0; padding: 0; list-style: none; }
.add-company-copy li { display: grid; grid-template-columns: 31px 1fr; gap: 11px; }
.add-company-copy li > b { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--ink); font-size: 9px; }
.add-company-copy li strong, .add-company-copy li small { display: block; }
.add-company-copy li strong { font-size: 11px; }.add-company-copy li small { color: #918a8f; font-size: 8px; }
.create-company-form { padding: 31px; border: 1px solid #dfdbd4; border-radius: 22px; background: white; }
.create-step { display: flex; justify-content: space-between; align-items: center; margin-bottom: 23px; padding-bottom: 20px; border-bottom: 1px solid #eae6e0; }
.create-step span { color: var(--coral-dark); font-size: 9px; font-weight: 900; }.create-step strong { font-size: 14px; }
.lookup-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.lookup-row .button { min-height: 48px; font-size: 10px; }
.lookup-divider { display: flex; align-items: center; gap: 9px; margin: 18px 0 -2px; color: #a29ba0; font-size: 8px; }
.lookup-divider::before,.lookup-divider::after { content:""; height: 1px; flex: 1; background: #e4e0da; }
.found-company { display: flex; align-items: center; gap: 10px; margin-top: 18px; padding: 13px; border: 1px solid #c9dcb6; border-radius: 13px; background: #f2f9e8; }
.found-company small,.found-company strong,.found-company em { display: block; }.found-company small { color: #78846e; font-size: 8px; }.found-company strong { font-size: 11px; }.found-company em { color: #7f787d; font-size: 8px; font-style: normal; }.found-company a { margin-left: auto; color: var(--coral-dark); font-size: 8px; font-weight: 900; }
.create-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; margin-top: 4px; }.create-fields > :last-child { grid-column: 1 / -1; }
.create-submit { width: 100%; margin-top: 20px; }.create-message { margin: 10px 0 0; color: var(--green); font-size: 9px; font-weight: 800; }

.business-hero { padding: 85px 0; color: white; background: var(--ink); }
.business-hero-grid { display: grid; grid-template-columns: 1fr 430px; gap: 80px; align-items: center; }
.business-hero .section-kicker { color: var(--lime); }
.business-hero h1 { margin: 12px 0 22px; font-size: clamp(48px,6vw,78px); line-height: .98; letter-spacing: -.065em; }.business-hero h1 em { color: var(--coral); font-style: normal; }
.business-hero p { max-width: 650px; color: #b6b0b3; font-size: 16px; line-height: 1.65; }
.business-actions { display: flex; align-items: center; gap: 22px; margin-top: 28px; }.text-link-light { color: #c6c0c3; font-size: 10px; font-weight: 800; }
.answer-demo { padding: 25px; border: 1px solid #393638; border-radius: 24px; background: #211f20; transform: rotate(1deg); }
.demo-label { color: #8e888b; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.demo-review,.demo-answer { margin-top: 13px; padding: 17px; border-radius: 13px; background: #f4f1eb; color: var(--ink); }.demo-review strong { font-size: 13px; }.demo-review p,.demo-answer p { margin: 7px 0; font-size: 10px; }.demo-review small,.demo-answer small { color: #928b90; font-size: 8px; }
.demo-answer { margin-left: 35px; border-left: 3px solid var(--lime); background: white; }.demo-answer > span { color: var(--green); font-size: 8px; font-weight: 900; text-transform: uppercase; }
.business-benefits { padding: 90px 0; }.benefit-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }.benefit-grid article { min-height: 220px; padding: 22px; border: 1px solid #ddd9d2; border-radius: 20px; background: white; }.benefit-grid article > span { color: var(--coral); font-size: 9px; font-weight: 900; }.benefit-grid h3 { margin: 45px 0 9px; font-size: 19px; }.benefit-grid p { color: #756e73; font-size: 11px; line-height: 1.6; }
.claim-section { padding: 90px 0; background: #eeebe5; }.claim-grid { display: grid; grid-template-columns: 1fr 480px; gap: 80px; align-items: center; }.claim-grid h2 { margin: 8px 0 15px; font-size: 48px; letter-spacing: -.05em; }.claim-grid > div > p { color: #70696e; font-size: 14px; }.claim-grid ul { padding-left: 18px; color: #5e585c; font-size: 11px; line-height: 2; }
.claim-form { padding: 28px; border-radius: 21px; background: white; box-shadow: var(--shadow); }.claim-form .button { width: 100%; margin-top: 18px; }

.rules-hero { padding-bottom: 70px; background: #eeebe5; }.rules-hero h1 { margin: 55px 0 18px; font-size: clamp(48px,6vw,76px); line-height: .98; letter-spacing: -.065em; }.rules-hero h1 em { color: var(--coral); font-style: normal; }.rules-hero p { max-width: 700px; color: #6f686d; font-size: 16px; }
.rules-layout { display: grid; grid-template-columns: 220px minmax(0,720px); gap: 70px; justify-content: center; align-items: start; padding-block: 65px 100px; }.rules-nav { position: sticky; top: 100px; display: grid; gap: 4px; }.rules-nav strong { margin-bottom: 10px; font-size: 11px; }.rules-nav a { padding: 9px 11px; border-radius: 8px; color: #7e777c; font-size: 9px; }.rules-nav a:hover { color: var(--coral-dark); background: #ffeae5; }
.rules-content { display: grid; gap: 18px; }.rules-content section { padding: 33px; border: 1px solid #dfdbd4; border-radius: 21px; background: white; }.rule-number { color: var(--coral); font-size: 9px; font-weight: 900; }.rules-content h2 { margin: 10px 0 14px; font-size: 31px; letter-spacing: -.045em; }.rules-content p { color: #625c60; font-size: 13px; line-height: 1.7; }.rule-good,.rule-bad { display: grid; gap: 9px; padding: 0; list-style: none; }.rule-good li,.rule-bad li { position: relative; padding: 11px 13px 11px 38px; border-radius: 9px; background: #edf7f1; font-size: 10px; }.rule-good li::before,.rule-bad li::before { position: absolute; left: 14px; content:"✓"; color: var(--green); font-weight: 900; }.rule-bad li { background: #fff0ed; }.rule-bad li::before { content:"×"; color: var(--coral-dark); }
.moderation-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.moderation-steps > div { padding: 14px; border-radius: 11px; background: #f1eee9; }.moderation-steps b { color: var(--coral); font-size: 9px; }.moderation-steps strong,.moderation-steps small { display: block; }.moderation-steps strong { margin-top: 18px; font-size: 10px; }.moderation-steps small { margin-top: 4px; color: #918a8f; font-size: 8px; }.rule-note { padding: 13px; border-left: 3px solid var(--lime); background: #f3f1ec; font-size: 10px !important; }

.login-page { min-height: 100vh; display: grid; place-items: center; padding: 35px; background: radial-gradient(circle at 20% 20%,rgba(223,255,79,.35),transparent 28%),var(--ink); }.login-shell { width: min(440px,100%); }.login-shell > .brand { width: max-content; margin: 0 auto 22px; color: white; }.login-card { padding: 35px; border-radius: 25px; background: white; }.login-card h1 { margin: 7px 0 8px; font-size: 44px; letter-spacing: -.055em; }.login-card > p { color: #7b7479; font-size: 11px; }.login-card .button { width: 100%; margin-top: 18px; }.login-options { display: flex; justify-content: space-between; margin-top: 12px; font-size: 9px; }.login-options a,.register-line a { color: var(--coral-dark); font-weight: 800; }.login-divider { display: flex; align-items: center; gap: 8px; margin: 22px 0; color: #9c959a; font-size: 8px; }.login-divider::before,.login-divider::after { content:""; height: 1px; flex:1; background:#e3dfd9; }.register-line { text-align:center; font-size:10px; }.business-login { display:block; margin-top:20px; padding-top:18px; border-top:1px solid #e8e4de; color:#6f686d; text-align:center; font-size:9px; font-weight:800; }

@media(max-width:1050px){.directory-layout{grid-template-columns:180px minmax(0,1fr)}.feed-aside{display:none}.business-hero-grid{grid-template-columns:1fr 360px;gap:45px}.benefit-grid{grid-template-columns:1fr 1fr}.claim-grid{gap:45px}}
@media(max-width:760px){.directory-hero-grid,.directory-layout,.add-company-shell,.business-hero-grid,.claim-grid,.rules-layout{grid-template-columns:1fr}.hero-number{display:none}.directory-sidebar,.add-company-copy,.rules-nav{position:static}.directory-sidebar{display:none}.feed-head{align-items:flex-start;flex-direction:column}.feed-controls{overflow-x:auto;max-width:100%}.feed-review{padding:19px}.feed-review-top time{display:none}.add-company-shell{gap:35px;padding-top:40px}.add-company-copy h1{font-size:47px}.create-company-form{padding:21px}.create-fields{grid-template-columns:1fr}.create-fields>*{grid-column:1}.lookup-row{grid-template-columns:1fr}.found-company{align-items:flex-start;flex-wrap:wrap}.found-company a{width:100%;margin-left:52px}.business-hero{padding:58px 0}.business-hero h1{font-size:48px}.answer-demo{transform:none}.benefit-grid{grid-template-columns:1fr}.claim-section{padding:65px 0}.claim-grid h2{font-size:39px}.rules-hero h1{margin-top:40px;font-size:49px}.rules-layout{gap:25px}.rules-content section{padding:23px}.moderation-steps{grid-template-columns:1fr}.login-page{padding:16px}.login-card{padding:27px}}
