.hh-plan-finder {
	--hh-plan-ink: #eef5ff;
	--hh-plan-muted: #9eb0c7;
	--hh-plan-panel: #0d1727;
	--hh-plan-panel-2: #111f33;
	--hh-plan-line: rgba(145, 172, 207, 0.2);
	--hh-plan-accent: #4ee2c1;
	--hh-plan-blue: #6aa8ff;
	color: var(--hh-plan-ink);
	margin: 2rem 0 4rem;
}

.hh-plan-hero {
	background: radial-gradient(circle at 85% 15%, rgba(78, 226, 193, .2), transparent 34%), linear-gradient(135deg, #0b1423 0%, #10223a 100%);
	border: 1px solid var(--hh-plan-line);
	border-radius: 24px;
	box-shadow: 0 24px 70px rgba(3, 9, 18, .28);
	padding: clamp(1.6rem, 4vw, 3rem);
}

.hh-plan-eyebrow { color: var(--hh-plan-accent); font-size: .78rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 .65rem; text-transform: uppercase; }
.hh-plan-hero h2 { color: #fff; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.05; margin: 0; max-width: 850px; }
.hh-plan-hero p:last-child { color: #becce0; font-size: 1.05rem; line-height: 1.7; margin: 1rem 0 0; max-width: 820px; }
.hh-plan-qualification-note { border-left: 3px solid var(--hh-plan-accent); color: #d7e5f5 !important; font-size: .9rem !important; padding-left: .8rem; }
.hh-plan-form { background: var(--hh-plan-panel); border: 1px solid var(--hh-plan-line); border-radius: 18px; display: grid; gap: 1rem; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 1rem; padding: 1rem; }
.hh-plan-field { display: grid; gap: .4rem; }
.hh-plan-field label { color: var(--hh-plan-muted); font-size: .74rem; font-weight: 800; letter-spacing: .04em; line-height: 1.35; }
.hh-plan-field select, .hh-plan-number { background: var(--hh-plan-panel-2); border: 1px solid var(--hh-plan-line); border-radius: 10px; box-sizing: border-box; color: #fff; font: inherit; height: 46px; min-width: 0; width: 100%; }
.hh-plan-field select { padding: 0 .7rem; }
.hh-plan-number { align-items: center; display: flex; }
.hh-plan-number span { color: var(--hh-plan-muted); padding-left: .7rem; }
.hh-plan-number input { background: transparent; border: 0; color: #fff; font: inherit; min-width: 0; outline: 0; padding: 0 .5rem; width: 100%; }
.hh-plan-field select:focus, .hh-plan-number:focus-within { border-color: var(--hh-plan-accent); outline: 2px solid rgba(78, 226, 193, .18); }
.hh-plan-submit { align-self: end; background: linear-gradient(135deg, #4ee2c1, #6aa8ff); border: 0; border-radius: 10px; color: #071423; cursor: pointer; font: inherit; font-weight: 800; grid-column: 1 / -1; height: 46px; justify-self: start; min-width: 220px; padding: 0 1.1rem; }
.hh-plan-submit:hover, .hh-plan-submit:focus-visible { filter: brightness(1.08); outline: 2px solid rgba(78, 226, 193, .35); outline-offset: 2px; }
.hh-plan-status { color: var(--hh-plan-muted); min-height: 1.5rem; padding: .7rem .2rem 0; }
.hh-plan-finder.is-loading .hh-plan-results { opacity: .48; pointer-events: none; }
.hh-plan-results { transition: opacity .2s ease; }
.hh-plan-summary { display: grid; gap: .8rem; grid-template-columns: repeat(3, 1fr); margin: 0 0 1rem; }
.hh-plan-summary > div { background: linear-gradient(145deg, var(--hh-plan-panel-2), var(--hh-plan-panel)); border: 1px solid var(--hh-plan-line); border-radius: 16px; display: grid; min-height: 110px; padding: 1rem; }
.hh-plan-summary span { color: var(--hh-plan-muted); font-size: .77rem; font-weight: 750; }
.hh-plan-summary strong { color: #fff; font-size: clamp(1.25rem, 3vw, 1.8rem); line-height: 1.1; margin: .5rem 0; }
.hh-plan-summary small { color: #8ea1ba; }
.hh-plan-cards { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hh-plan-card { background: linear-gradient(145deg, var(--hh-plan-panel-2), var(--hh-plan-panel)); border: 1px solid var(--hh-plan-line); border-radius: 18px; display: flex; flex-direction: column; padding: 1.25rem; }
.hh-plan-card.is-top { border-color: rgba(78, 226, 193, .62); box-shadow: 0 16px 40px rgba(3, 9, 18, .24); }
.hh-plan-card-top { align-items: center; display: flex; justify-content: space-between; gap: .6rem; }
.hh-plan-label, .hh-plan-score { border-radius: 999px; font-size: .72rem; font-weight: 800; padding: .28rem .5rem; }
.hh-plan-label { background: rgba(78, 226, 193, .14); color: #73edcf; }
.hh-plan-score { background: rgba(106, 168, 255, .14); color: #a7c8ff; }
.hh-plan-card h3 { color: #fff; font-size: 1.55rem; margin: 1rem 0 .2rem; }
.hh-plan-name { color: var(--hh-plan-muted); font-size: .86rem; margin: 0; }
.hh-plan-price { align-items: baseline; display: flex; gap: .45rem; margin: 1rem 0 .15rem; }
.hh-plan-price strong { color: #fff; font-size: 2rem; }
.hh-plan-price span { color: var(--hh-plan-muted); font-size: .75rem; }
.hh-plan-native { color: #8ea1ba; font-size: .78rem; margin: 0; }
.hh-plan-card ul { color: var(--hh-plan-muted); line-height: 1.55; margin: 1rem 0; padding-left: 1.15rem; }
.hh-plan-card li + li { margin-top: .42rem; }
.hh-plan-links { border-top: 1px solid var(--hh-plan-line); display: flex; flex-wrap: wrap; gap: .75rem 1rem; margin-top: auto; padding-top: 1rem; }
.hh-plan-links a { color: var(--hh-plan-blue); font-size: .8rem; font-weight: 750; text-decoration: none; }
.hh-plan-links a:hover { text-decoration: underline; }
.hh-plan-updated { color: var(--hh-plan-muted); font-size: .78rem; margin: .8rem 0 0; text-align: right; }
.hh-plan-empty { background: var(--hh-plan-panel); border: 1px solid var(--hh-plan-line); border-radius: 18px; padding: 1.5rem; }
.hh-plan-empty p { color: var(--hh-plan-muted); line-height: 1.6; }

@media (max-width: 1080px) {
	.hh-plan-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.hh-plan-submit { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
	.hh-plan-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hh-plan-submit { grid-column: 1 / -1; }
	.hh-plan-summary, .hh-plan-cards { grid-template-columns: 1fr; }
	.hh-plan-updated { text-align: left; }
}

@media (max-width: 460px) {
	.hh-plan-finder { margin-top: 1rem; }
	.hh-plan-hero { border-radius: 18px; padding: 1.35rem; }
	.hh-plan-form { grid-template-columns: 1fr; }
	.hh-plan-submit { grid-column: auto; justify-self: stretch; min-width: 0; }
}