/*
Theme Name: HK Web Easy TT5 Child
Theme URI: https://hkwebeasy.com/
Description: Native block-theme foundation for HK Web Easy, built on Twenty Twenty-Five.
Author: HK Web Easy
Template: twentytwentyfive
Version: 0.22.6
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: hk-web-easy-tt5-child
*/

:root {
	--hwe-header-height: 76px;
	--hwe-brand-accent: var(--wp--preset--color--signal, #c9412e);
	--hwe-brand-accent-dark: #a83224;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.wp-site-blocks > * {
	margin-block-start: 0;
}

.hwe-theme-header {
	position: relative;
	z-index: 40;
	border-bottom: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--paper);
}

.hwe-theme-header__inner {
	min-height: var(--hwe-header-height);
}

.hwe-theme-header .wp-block-site-logo {
	flex: 0 0 auto;
}

.hwe-theme-header .wp-block-site-logo img,
.hwe-theme-footer .wp-block-site-logo img {
	display: block;
	height: auto;
}

.hwe-theme-header .wp-block-site-logo a,
.hwe-theme-footer .wp-block-site-logo a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
}

.hwe-theme-header__actions {
	min-width: 0;
}

.hwe-theme-navigation .wp-block-navigation-item__content {
	padding-block: 8px;
	color: var(--wp--preset--color--muted);
	font-weight: 700;
	text-decoration: none;
	text-underline-offset: 5px;
}

.hwe-theme-navigation .wp-block-navigation-item__content:hover,
.hwe-theme-navigation .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--ink);
	text-decoration: underline;
}

.hwe-theme-navigation .wp-block-navigation__responsive-container.is-menu-open {
	padding: 24px;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--paper);
}

.hwe-theme-navigation-contact {
	display: none !important;
}

.hwe-theme-header-cta .wp-block-button__link,
.hwe-theme-contact-cta .wp-block-button__link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
}

.hwe-theme-main {
	flex: 1 0 auto;
}

.hwe-theme-page-title {
	text-wrap: balance;
}

.hwe-theme-footer {
	border-top: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
}

.hwe-theme-footer a {
	color: inherit;
}

.hwe-theme-footer__nav .wp-block-navigation-item__content {
	display: flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	color: var(--wp--preset--color--muted);
	text-decoration: none;
}

.hwe-theme-footer__bottom a {
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
}

.hwe-theme-footer__nav .wp-block-navigation-item__content:hover,
.hwe-theme-footer__nav .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--ink);
	text-decoration: underline;
	text-underline-offset: 5px;
}

.hwe-theme-rule {
	border-top: 1px solid var(--wp--preset--color--line);
}

.page-id-81 .hwe-theme-main > .wp-block-group,
.page-id-82 .hwe-theme-main > .wp-block-group {
	padding-right: 50px !important;
	padding-left: 50px !important;
}

.hwe-theme-contact-band {
	border-top: 1px solid var(--wp--preset--color--line);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-services {
	--hwe-native-reading-width: 840px;
}

.hwe-native-services > * {
	margin-block-start: 0;
}

.hwe-native-services h1,
.hwe-native-services h2,
.hwe-native-services h3 {
	text-wrap: balance;
}

.hwe-native-services-hero__grid {
	gap: clamp(32px, 5vw, 72px);
}

.hwe-native-services-hero h1 {
	max-width: 12ch;
}

.hwe-native-services-hero p {
	max-width: 62ch;
}

.hwe-native-services-evidence {
	margin: 0;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--paper);
}

.hwe-native-services-evidence img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: top;
}

.hwe-native-services-evidence figcaption {
	margin: 0;
	padding: 12px 14px;
	border-top: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--muted);
	background: var(--wp--preset--color--white);
}

.hwe-native-section-heading p {
	max-width: 68ch;
}

.hwe-native-route-list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-route-item,
.hwe-native-faq-list .wp-block-details {
	margin: 0;
	padding: 22px 0 24px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-route-item > summary,
.hwe-native-faq-list .wp-block-details > summary {
	min-height: 44px;
	cursor: pointer;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.45;
}

.hwe-native-route-item > summary::marker,
.hwe-native-faq-list .wp-block-details > summary::marker {
	color: var(--wp--preset--color--signal);
}

.hwe-native-route-item > :not(summary) {
	max-width: 840px;
	margin-left: 24px;
}

.hwe-native-route-item .wp-block-list {
	columns: 3 220px;
	column-gap: 32px;
}

.hwe-native-service-lines {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-service-line {
	gap: 24px;
	margin: 0;
	padding: 30px 0;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-service-line h3,
.hwe-native-service-line p,
.hwe-native-service-line ul {
	margin-top: 0;
}

.hwe-native-service-line ul {
	padding-left: 20px;
}

.hwe-native-standard__image {
	margin-bottom: var(--wp--preset--spacing--60);
}

.hwe-native-standard__image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 7;
	object-fit: cover;
}

.hwe-native-standard__grid,
.hwe-native-additions__grid,
.hwe-native-faq__grid {
	gap: clamp(32px, 6vw, 88px);
}

.hwe-native-standard-row {
	padding: 22px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-standard-row:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-standard-row h3,
.hwe-native-standard-row p {
	margin: 0;
}

.hwe-native-price-list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-price-row {
	gap: 20px;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-price-row p {
	margin: 0;
}

.hwe-native-price-row span {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.hwe-native-boundary-grid {
	gap: clamp(32px, 5vw, 72px);
}

.hwe-native-boundary-column {
	padding-top: 24px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-boundary-column li {
	padding-block: 7px;
}

.hwe-native-faq-list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-faq-list .wp-block-details > :not(summary) {
	margin-left: 24px;
}

.hwe-native-pricing > * {
	margin-block-start: 0;
}

.hwe-native-pricing h1,
.hwe-native-pricing h2,
.hwe-native-pricing h3 {
	text-wrap: balance;
}

.hwe-native-pricing-hero__grid {
	gap: clamp(40px, 6vw, 88px);
}

.hwe-native-pricing-hero h1 {
	max-width: 11ch;
}

.hwe-native-pricing-hero p {
	max-width: 61ch;
}

.hwe-native-pricing-ledger {
	border-top: 2px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-pricing-ledger__head {
	min-height: 46px;
	padding: 10px 0;
}

.hwe-native-pricing-ledger__head p,
.hwe-native-pricing-ledger__row h2,
.hwe-native-pricing-ledger__row p {
	margin: 0;
}

.hwe-native-pricing-ledger__row {
	align-items: center !important;
	gap: 20px;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-ledger__row .wp-block-column:last-child p {
	text-align: right;
	white-space: nowrap;
}

.hwe-native-pricing-ledger__note {
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-start__grid {
	align-items: stretch;
	gap: 12px;
}

.hwe-native-pricing-start__item {
	display: flex;
	min-width: 0;
	flex-direction: column;
	padding: 28px;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
}

.hwe-native-pricing-start__item:first-child {
	padding-left: 28px;
}

.hwe-native-pricing-start__item + .hwe-native-pricing-start__item {
	border-left: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-start__item h3,
.hwe-native-pricing-start__item p {
	margin-top: 0;
}

.hwe-native-pricing-plan.is-featured {
	border-color: var(--wp--preset--color--ink);
	box-shadow: inset 0 4px 0 var(--wp--preset--color--signal);
}

.hwe-native-pricing-plan__label {
	min-height: 24px;
	margin-bottom: 10px;
	color: var(--wp--preset--color--signal);
}

.hwe-native-pricing-plan__price {
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-plan__price strong {
	display: block;
	font-size: 2rem;
	line-height: 1.15;
	white-space: nowrap;
}

.hwe-native-pricing-plan__price span {
	display: block;
	margin-top: 5px;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.hwe-native-pricing-plan .wp-block-list {
	margin-bottom: 26px;
	padding-left: 20px;
}

.hwe-native-pricing-plan .wp-block-list li {
	padding-block: 5px;
}

.hwe-native-pricing-plan .wp-block-buttons {
	width: 100%;
	margin-top: auto;
}

.hwe-native-pricing-plan .wp-block-button,
.hwe-native-pricing-plan .wp-block-button__link {
	width: 100%;
}

.hwe-native-pricing-plan-note {
	max-width: 920px;
	margin: 24px auto 0;
}

.hwe-native-pricing-groups {
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-pricing-group {
	gap: clamp(28px, 5vw, 72px);
	margin: 0;
	padding: 38px 0;
	border-top: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-pricing-group__label h3,
.hwe-native-pricing-group__label p {
	margin-top: 0;
}

.hwe-native-pricing-group__label p {
	color: var(--wp--preset--color--muted);
}

.hwe-native-pricing-group__rows {
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-row {
	align-items: flex-start !important;
	gap: 22px;
	margin: 0;
	padding: 22px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-row p {
	margin: 0;
}

.hwe-native-pricing-row .wp-block-column:last-child p {
	text-align: right;
}

.hwe-native-pricing-row .wp-block-column:last-child span {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.hwe-native-pricing-factors__grid,
.hwe-native-pricing-boundary-grid,
.hwe-native-pricing-faq__grid {
	gap: clamp(36px, 6vw, 88px);
}

.hwe-native-pricing-quote-map {
	border: 1px solid rgba(255, 255, 255, 0.46);
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
}

.hwe-native-pricing-quote-map__head {
	display: flex;
	min-height: 48px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 12px 18px;
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-pricing-quote-map__head p,
.hwe-native-pricing-quote-map__note,
.hwe-native-pricing-quote-layer h3,
.hwe-native-pricing-quote-layer p {
	margin: 0;
}

.hwe-native-pricing-quote-map__head p:last-child {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.hwe-native-pricing-quote-map__body {
	padding: 18px;
}

.hwe-native-pricing-quote-layer {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 18px;
	padding: 22px;
	border: 1px solid var(--wp--preset--color--ink);
	background: #ffffff;
}

.hwe-native-pricing-quote-layer + .hwe-native-pricing-quote-layer {
	margin-top: 10px;
}

.hwe-native-pricing-quote-layer.is-optional {
	margin-left: 28px;
	background: #e7edef;
}

.hwe-native-pricing-quote-layer.is-external {
	margin-left: 56px;
	background: #f0e4d1;
}

.hwe-native-pricing-quote-layer__code {
	color: var(--hwe-brand-accent);
	font-size: 1.8rem;
	font-weight: 800;
	line-height: 1;
}

.hwe-native-pricing-quote-layer h3 + p {
	margin-top: 7px;
	color: var(--wp--preset--color--muted);
}

.hwe-native-pricing-quote-map__note {
	padding: 15px 18px 17px;
	border-top: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--muted);
}

.hwe-native-pricing-factor-list {
	margin-top: var(--wp--preset--spacing--50);
	border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-pricing-factor-row {
	display: grid;
	grid-template-columns: minmax(150px, 0.38fr) minmax(0, 0.62fr);
	gap: 24px;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-pricing-factor-row h3,
.hwe-native-pricing-factor-row p {
	margin: 0;
}

.hwe-native-pricing-boundary-column {
	padding-top: 24px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-boundary-column li {
	padding-block: 7px;
}

.hwe-native-pricing-faq-list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-faq-list .wp-block-details {
	margin: 0;
	padding: 22px 0 24px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-pricing-faq-list .wp-block-details > summary {
	min-height: 44px;
	cursor: pointer;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.45;
}

.hwe-native-pricing-faq-list .wp-block-details > summary::marker {
	color: var(--wp--preset--color--signal);
}

.hwe-native-pricing-faq-list .wp-block-details > :not(summary) {
	margin-left: 24px;
}

.hwe-native-migration > * {
	margin-block-start: 0;
}

.hwe-native-migration h1,
.hwe-native-migration h2,
.hwe-native-migration h3 {
	text-wrap: balance;
}

.hwe-native-migration-hero__grid {
	gap: clamp(40px, 5vw, 76px);
}

.hwe-native-migration-hero h1 {
	max-width: 12ch;
}

.hwe-native-migration-hero p {
	max-width: 58ch;
}

.hwe-native-migration-route {
	border-top: 2px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-migration-route__head {
	min-height: 46px;
	padding: 10px 0;
}

.hwe-native-migration-route__head p,
.hwe-native-migration-route__stage h2,
.hwe-native-migration-route__stage p {
	margin: 0;
}

.hwe-native-migration-route__stages {
	gap: 0;
	margin: 0;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-migration-route__stage {
	min-width: 0;
	padding: 22px 20px;
}

.hwe-native-migration-route__stage:first-child {
	padding-left: 0;
}

.hwe-native-migration-route__stage + .hwe-native-migration-route__stage {
	border-left: 1px solid var(--wp--preset--color--line);
}

.hwe-native-migration-route__stage h2 {
	margin-bottom: 10px;
}

.hwe-native-migration-route__stage p:last-child {
	margin-top: 20px;
}

.hwe-native-migration-route__note {
	margin: 0;
	padding: 14px 0;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-migration-start__list,
.hwe-native-migration-faq-list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-migration-start__item,
.hwe-native-migration-faq-list .wp-block-details {
	margin: 0;
	padding: 22px 0 24px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-migration-start__item > summary,
.hwe-native-migration-faq-list .wp-block-details > summary {
	min-height: 44px;
	cursor: pointer;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.45;
}

.hwe-native-migration-start__item > summary::marker,
.hwe-native-migration-faq-list .wp-block-details > summary::marker {
	color: var(--wp--preset--color--signal);
}

.hwe-native-migration-start__item > :not(summary),
.hwe-native-migration-faq-list .wp-block-details > :not(summary) {
	max-width: 880px;
	margin-left: 24px;
}

.hwe-native-migration-start__item .wp-block-list {
	columns: 2 280px;
	column-gap: 48px;
}

.hwe-native-migration-risk-note {
	align-items: center !important;
	gap: clamp(28px, 6vw, 88px);
	padding: 26px 0;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-migration-risk-note h3,
.hwe-native-migration-risk-note p {
	margin: 0;
}

.hwe-native-migration-check-list {
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-migration-check-row {
	align-items: flex-start !important;
	gap: clamp(24px, 4vw, 56px);
	margin: 0;
	padding: 28px 0;
	border-top: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-migration-check-row h3,
.hwe-native-migration-check-row p {
	margin: 0;
}

.hwe-native-migration-cutover__grid,
.hwe-native-migration-scope__grid,
.hwe-native-migration-price__grid,
.hwe-native-migration-faq__grid {
	gap: clamp(36px, 6vw, 88px);
}

.hwe-native-migration-cutover__image {
	margin: 0;
}

.hwe-native-migration-cutover__image img {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
}

.hwe-native-migration-cutover__image figcaption {
	margin: 0;
	padding: 12px 0 0;
	color: var(--wp--preset--color--line);
}

.hwe-native-migration-cutover__steps {
	margin-top: var(--wp--preset--spacing--50);
	border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-migration-cutover__step {
	display: grid;
	grid-template-columns: minmax(112px, 0.32fr) minmax(0, 0.68fr);
	gap: 24px;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-migration-cutover__step h3,
.hwe-native-migration-cutover__step p {
	margin: 0;
}

.hwe-native-migration-scope__column {
	padding-top: 24px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-migration-scope__column li {
	padding-block: 7px;
}

.hwe-native-migration-price__figure {
	padding: 28px 0 28px 36px;
	border-left: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-migration-price__figure p,
.hwe-native-migration-price__figure h3 {
	margin-top: 0;
}

.hwe-native-updates > * {
	margin-block-start: 0;
}

.hwe-native-updates h1,
.hwe-native-updates h2,
.hwe-native-updates h3 {
	text-wrap: balance;
}

.hwe-native-updates-hero__grid {
	gap: clamp(40px, 6vw, 88px);
}

.hwe-native-updates-hero h1 {
	max-width: 12ch;
}

.hwe-native-updates-hero p {
	max-width: 60ch;
}

.hwe-native-updates-hero__note {
	margin-top: var(--wp--preset--spacing--50);
	padding: 16px 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-updates-preview {
	margin: 0;
	border: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--paper);
}

.hwe-native-updates-preview img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	object-position: top;
}

.hwe-native-updates-preview figcaption {
	margin: 0;
	padding: 12px 14px;
	border-top: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--white);
}

.hwe-native-updates-change-grid {
	border-top: 1px solid var(--wp--preset--color--ink);
	border-left: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-updates-change-row {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
}

.hwe-native-updates-change-item {
	min-width: 0;
	min-height: 152px;
	padding: 22px;
	border-right: 1px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
}

.hwe-native-updates-change-item h3,
.hwe-native-updates-change-item p {
	margin-top: 0;
}

.hwe-native-updates-routes {
	gap: clamp(36px, 6vw, 88px);
}

.hwe-native-updates-route-list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-updates-route-list .wp-block-details {
	margin: 0;
	padding: 20px 0 22px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-updates-route-list .wp-block-details > summary {
	min-height: 44px;
	cursor: pointer;
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.45;
}

.hwe-native-updates-route-list .wp-block-details > summary::marker {
	color: var(--wp--preset--color--signal);
}

.hwe-native-updates-route-list .wp-block-details > :not(summary) {
	margin-left: 24px;
}

.hwe-native-updates-delivery__grid,
.hwe-native-updates-boundary__grid {
	gap: clamp(36px, 6vw, 88px);
}

.hwe-native-updates-delivery__list {
	border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-updates-delivery__row {
	display: grid;
	grid-template-columns: minmax(140px, 0.34fr) minmax(0, 0.66fr);
	gap: 28px;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-updates-delivery__row h3,
.hwe-native-updates-delivery__row p {
	margin: 0;
}

.hwe-native-updates-materials__grid {
	gap: 0;
}

.hwe-native-updates-material {
	padding: 26px 26px 0;
	border-top: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-updates-material:first-child {
	padding-left: 0;
}

.hwe-native-updates-material + .hwe-native-updates-material {
	border-left: 1px solid var(--wp--preset--color--line);
}

.hwe-native-updates-material h3,
.hwe-native-updates-material p {
	margin-top: 0;
}

.hwe-native-updates-decision__table {
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-updates-decision__row {
	align-items: flex-start !important;
	gap: clamp(24px, 4vw, 56px);
	margin: 0;
	padding: 26px 0;
	border-top: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-updates-decision__row h3,
.hwe-native-updates-decision__row p {
	margin: 0;
}

.hwe-native-updates-boundary__column + .hwe-native-updates-boundary__column {
	padding-left: clamp(36px, 5vw, 72px);
	border-left: 1px solid rgba(255, 255, 255, 0.32);
}

.hwe-native-updates-boundary__column li {
	padding-block: 7px;
}

.hwe-native-chatbot > * {
	margin-block-start: 0;
}

.hwe-native-chatbot h1,
.hwe-native-chatbot h2,
.hwe-native-chatbot h3 {
	text-wrap: balance;
}

.hwe-native-chatbot-hero__grid {
	gap: clamp(40px, 5vw, 76px);
}

.hwe-native-chatbot-hero h1 {
	max-width: 10ch;
	font-size: 4rem !important;
	white-space: nowrap;
}

.hwe-native-chatbot-hero__note {
	margin-top: var(--wp--preset--spacing--50);
	padding: 16px 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-chatbot-demo {
	border: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
}

.hwe-native-chatbot-demo__topbar {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 20px;
	align-items: center !important;
	min-height: 56px;
	margin: 0;
	padding: 10px 18px;
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-demo__topbar p,
.hwe-native-chatbot-line p,
.hwe-native-chatbot-demo__note p {
	margin: 0;
}

.hwe-native-chatbot-mode-switch {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-demo-mode {
	width: 100%;
	margin: 0;
}

.hwe-native-chatbot-demo-mode .wp-block-button__link {
	display: grid;
	width: 100%;
	min-height: 48px;
	padding: 8px 12px;
	place-items: center;
	border-right: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
	text-decoration: none;
}

.hwe-native-chatbot-demo-mode:last-child .wp-block-button__link {
	border-right: 0;
}

.hwe-native-chatbot-demo-mode .wp-block-button__link:hover,
.hwe-native-chatbot-demo-mode .wp-block-button__link[aria-pressed="true"] {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
}

.hwe-native-chatbot-fixed-panel,
.hwe-native-chatbot-ai-panel {
	display: none;
}

.hwe-native-chatbot-fixed-panel.is-active,
.hwe-native-chatbot-ai-panel.is-active {
	display: block;
}

.hwe-native-chatbot-thread {
	background: var(--wp--preset--color--paper);
}

.hwe-native-chatbot-line {
	display: grid !important;
	grid-template-columns: 62px minmax(0, 1fr);
	gap: 0;
	min-height: 94px;
	margin: 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-chatbot-line.is-user {
	background: #dfe9ec;
}

.hwe-native-chatbot-line.is-answer {
	min-height: 142px;
	background: var(--wp--preset--color--white);
}

.hwe-native-chatbot-role {
	display: grid;
	place-items: center;
	border-right: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--signal);
}

.hwe-native-chatbot-role p {
	font-size: 0.75rem !important;
}

.hwe-native-chatbot-message {
	display: flex;
	min-width: 0;
	padding: 16px 20px;
	justify-content: center;
	flex-direction: column;
}

.hwe-native-chatbot-message > p + p {
	margin-top: 7px;
}

.hwe-native-chatbot-answer-action a {
	display: inline-block;
	padding-bottom: 4px;
	font-weight: 700;
}

.hwe-native-chatbot-scenarios {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
}

.hwe-native-chatbot-scenario {
	width: 100%;
	margin: 0;
}

.hwe-native-chatbot-scenario .wp-block-button__link {
	display: grid;
	width: 100%;
	min-height: 64px;
	padding: 10px 8px;
	place-items: center;
	border-right: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
	text-decoration: none;
}

.hwe-native-chatbot-scenario:last-child .wp-block-button__link {
	border-right: 0;
}

.hwe-native-chatbot-scenario .wp-block-button__link:hover,
.hwe-native-chatbot-scenario .wp-block-button__link[aria-pressed="true"] {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
}

.hwe-native-chatbot-demo__note {
	display: grid !important;
	grid-template-columns: 1fr auto;
	gap: 20px;
	align-items: center !important;
	margin: 0;
	padding: 12px 18px;
	border-top: 1px solid var(--wp--preset--color--ink);
	background: #dce8e2;
	color: var(--wp--preset--color--muted);
}

.hwe-native-chatbot-ai-panel {
	background: var(--wp--preset--color--white);
}

.hwe-native-chatbot-ai-thread {
	background: var(--wp--preset--color--paper);
}

.hwe-native-chatbot-role.is-ai {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
}

.hwe-native-chatbot-ai-result {
	min-height: 184px !important;
	transition: background-color 180ms ease, opacity 180ms ease;
}

.hwe-native-chatbot-ai-result.is-loading {
	opacity: 0.72;
}

.hwe-native-chatbot-ai-result.is-handoff {
	background: var(--wp--preset--color--warm);
}

.hwe-native-chatbot-ai-result.is-error {
	border-color: var(--wp--preset--color--signal);
}

.hwe-native-chatbot-ai-source a {
	display: inline-block;
	padding-bottom: 4px;
	font-weight: 700;
}

.hwe-native-chatbot-ai-suggestions {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	border-top: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-ai-suggestion {
	width: 100%;
	margin: 0;
}

.hwe-native-chatbot-ai-suggestion .wp-block-button__link {
	display: grid;
	width: 100%;
	min-height: 54px;
	padding: 8px;
	place-items: center;
	border-right: 1px solid var(--wp--preset--color--ink);
	background: #dfe9ec;
	color: var(--wp--preset--color--ink);
	font-size: 0.75rem;
	text-align: center;
	text-decoration: none;
}

.hwe-native-chatbot-ai-suggestion:last-child .wp-block-button__link {
	border-right: 0;
}

.hwe-native-chatbot-ai-suggestion .wp-block-button__link:hover,
.hwe-native-chatbot-ai-suggestion .wp-block-button__link:focus-visible {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
}

.hwe-native-chatbot-ai-form-slot {
	margin: 0;
	padding: 14px 16px;
	border-top: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
}

.hwe-native-chatbot-ai-form-slot > p {
	margin: 8px 0 0;
	color: var(--wp--preset--color--muted);
}

.hwe-native-chatbot-ai-form {
	display: block;
	margin: 0;
}

.hwe-native-chatbot-ai-fields {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	margin: 0;
}

.hwe-native-chatbot-ai-form input[type="text"] {
	min-width: 0;
	min-height: 46px;
	padding: 10px 12px;
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font: inherit;
}

.hwe-native-chatbot-ai-consent {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	margin-top: 12px;
	color: var(--wp--preset--color--muted);
	font-size: 0.8125rem;
	line-height: 1.55;
	cursor: pointer;
}

.hwe-native-chatbot-ai-consent input {
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: var(--wp--preset--color--signal);
}

.hwe-native-chatbot-ai-consent input[aria-invalid="true"] {
	outline: 2px solid var(--wp--preset--color--signal);
	outline-offset: 2px;
}

.hwe-native-chatbot-ai-form-status {
	min-height: 1.3em;
	margin: 7px 0 0;
	color: var(--wp--preset--color--signal) !important;
	font-size: 0.8125rem !important;
	font-weight: 700;
}

.hwe-native-chatbot-ai-form button {
	min-width: 76px;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.hwe-native-chatbot-ai-form button:hover {
	background: var(--wp--preset--color--signal);
}

.hwe-native-chatbot-ai-form button:disabled,
.hwe-native-chatbot-ai-suggestion .wp-block-button__link.is-disabled {
	opacity: 0.55;
	cursor: wait;
}

.hwe-native-chatbot-ai-form input:disabled {
	background: var(--wp--preset--color--paper);
}

.hwe-native-chatbot-section-intro,
.hwe-native-chatbot-fallback__intro,
.hwe-native-chatbot-pricing__grid,
.hwe-native-chatbot-governance__grid,
.hwe-native-chatbot-faq__grid {
	gap: clamp(40px, 6vw, 88px);
}

.hwe-native-chatbot-section-intro p {
	margin: 0;
}

.hwe-native-chatbot-job-grid {
	gap: 0;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-job {
	min-height: 250px;
	padding: 30px 32px;
}

.hwe-native-chatbot-job + .hwe-native-chatbot-job {
	border-left: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-job h3,
.hwe-native-chatbot-job p {
	margin-top: 0;
}

.hwe-native-chatbot-job h3 {
	max-width: 12ch;
}

.hwe-native-chatbot-mode-grid {
	gap: 0;
	border: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-mode {
	min-height: 590px;
	padding: 48px;
	background: var(--wp--preset--color--white);
}

.hwe-native-chatbot-mode + .hwe-native-chatbot-mode {
	border-left: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-mode.is-ai {
	background: #dfe9ec;
}

.hwe-native-chatbot-mode h3,
.hwe-native-chatbot-mode p {
	margin-top: 0;
}

.hwe-native-chatbot-mode ul {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: 14px;
	border-top: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-mode li {
	padding-block: 7px;
}

.hwe-native-chatbot-fallback__intro p {
	margin: 0;
}

.hwe-native-chatbot-fallback__steps {
	gap: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.45);
	border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}

.hwe-native-chatbot-fallback__step {
	min-height: 250px;
	padding: 28px;
	background: #18342c;
}

.hwe-native-chatbot-fallback__step + .hwe-native-chatbot-fallback__step {
	border-left: 1px solid rgba(255, 255, 255, 0.45);
}

.hwe-native-chatbot-fallback__step.is-signal {
	background: var(--wp--preset--color--signal);
}

.hwe-native-chatbot-fallback__step h3,
.hwe-native-chatbot-fallback__step p {
	margin-top: 0;
}

.hwe-native-chatbot-fallback__step h3 {
	margin-top: var(--wp--preset--spacing--60);
}

.hwe-native-chatbot-pricing {
	background: #dce8e2;
}

.hwe-native-chatbot-price-list {
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-price-row {
	align-items: center !important;
	gap: 28px;
	margin: 0;
	padding: 22px 0;
	border-top: 1px solid rgba(17, 37, 31, 0.32);
}

.hwe-native-chatbot-price-row h3,
.hwe-native-chatbot-price-row p {
	margin: 0;
}

.hwe-native-chatbot-price-row .wp-block-column:last-child p {
	text-align: right;
}

.hwe-native-chatbot-price-row span {
	font-size: var(--wp--preset--font-size--small);
}

.hwe-native-chatbot-governance__list {
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-chatbot-governance__row {
	align-items: flex-start !important;
	gap: 30px;
	margin: 0;
	padding: 24px 0;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-chatbot-governance__row h3,
.hwe-native-chatbot-governance__row p {
	margin: 0;
}

.hwe-native-chatbot-faq__list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-chatbot-faq__list .wp-block-details {
	margin: 0;
	padding: 20px 0 22px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-chatbot-faq__list .wp-block-details > summary {
	min-height: 44px;
	cursor: pointer;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.45;
}

.hwe-native-chatbot-faq__list .wp-block-details > summary::marker {
	color: var(--wp--preset--color--signal);
}

.hwe-native-chatbot-faq__list .wp-block-details > :not(summary) {
	margin-left: 24px;
}

.hwe-native-about > * {
	margin-block-start: 0;
}

.hwe-native-about h1,
.hwe-native-about h2,
.hwe-native-about h3 {
	text-wrap: balance;
}

.hwe-native-about-hero__grid,
.hwe-native-about-method__intro,
.hwe-native-about-principles__grid,
.hwe-native-about-fit__intro,
.hwe-native-about-faq__grid {
	gap: clamp(40px, 6vw, 88px);
}

.hwe-native-about-hero h1 {
	max-width: 12ch;
}

.hwe-native-about-hero__note {
	max-width: 62ch;
	padding-top: 18px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-about-studio {
	margin: 0;
	border: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
}

.hwe-native-about-studio img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: 58% center;
}

.hwe-native-about-studio figcaption {
	margin: 0;
	padding: 12px 14px;
	border-top: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
}

.hwe-native-about-proof {
	gap: 0;
	margin-top: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-about-proof__item {
	min-height: 138px;
	padding: 24px;
	border-right: 1px solid var(--wp--preset--color--line);
}

.hwe-native-about-proof__item:first-child {
	padding-left: 0;
}

.hwe-native-about-proof__item:last-child {
	border-right: 0;
}

.hwe-native-about-proof__item h2,
.hwe-native-about-proof__item p {
	margin: 0;
}

.hwe-native-about-proof__item p {
	margin-top: 10px;
}

.hwe-native-about-method__intro p,
.hwe-native-about-fit__intro p {
	margin: 0;
}

.hwe-native-about-method__board {
	gap: 0;
	border: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-about-method__pass {
	min-height: 390px;
	padding: 32px 30px;
	border-left: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-about-method__pass:first-child {
	border-left: 0;
}

.hwe-native-about-method__pass.is-first {
	background: var(--wp--preset--color--ink);
}

.hwe-native-about-method__pass.is-second {
	background: var(--wp--preset--color--paper);
}

.hwe-native-about-method__pass.is-third {
	background: var(--wp--preset--color--warm);
}

.hwe-native-about-method__pass h3 {
	margin-top: 72px;
}

.hwe-native-about-method__pass p,
.hwe-native-about-method__pass ul {
	margin-top: 18px;
}

.hwe-native-about-method__pass ul {
	padding-left: 20px;
}

.hwe-native-about-method__pass li {
	padding-block: 5px;
}

.hwe-native-about-principles__list {
	border-top: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-about-principle {
	display: grid;
	grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
	gap: 32px;
	margin: 0;
	padding: 24px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-about-principle h3,
.hwe-native-about-principle p {
	margin: 0;
}

.hwe-native-about-control__grid,
.hwe-native-about-fit__grid {
	gap: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.35);
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.hwe-native-about-control__item {
	min-height: 240px;
	padding: 28px;
	border-left: 1px solid rgba(255, 255, 255, 0.35);
}

.hwe-native-about-control__item:first-child {
	padding-left: 0;
	border-left: 0;
}

.hwe-native-about-control__item h3 {
	margin-top: 52px;
}

.hwe-native-about-control__item p:last-child {
	margin-bottom: 0;
}

.hwe-native-about-fit__grid {
	border-color: var(--wp--preset--color--ink);
}

.hwe-native-about-fit__item {
	min-height: 230px;
	padding: 28px;
	border-left: 1px solid var(--wp--preset--color--line);
}

.hwe-native-about-fit__item:first-child {
	padding-left: 0;
	border-left: 0;
}

.hwe-native-about-fit__item h3 {
	margin-top: 54px;
}

.hwe-native-about-boundary__grid {
	gap: 0;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-about-boundary__column {
	padding: 34px 40px 38px 0;
}

.hwe-native-about-boundary__column + .hwe-native-about-boundary__column {
	padding-right: 0;
	padding-left: 40px;
	border-left: 1px solid var(--wp--preset--color--line);
}

.hwe-native-about-boundary__column li {
	padding-block: 7px;
}

.hwe-native-about-faq__list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-about-faq__list .wp-block-details {
	margin: 0;
	padding: 22px 0 24px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-about-faq__list .wp-block-details > summary {
	min-height: 44px;
	cursor: pointer;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.45;
}

.hwe-native-about-faq__list .wp-block-details > summary::marker {
	color: var(--wp--preset--color--signal);
}

.hwe-native-about-faq__list .wp-block-details > :not(summary) {
	margin-left: 24px;
}

:where(a, button, input, select, textarea, .wp-element-button):focus-visible {
	outline: 3px solid var(--wp--preset--color--signal);
	outline-offset: 3px;
}

@media (max-width: 1000px) {
	.hwe-theme-header .hwe-theme-header-cta {
		display: none !important;
	}
}

@media (min-width: 1000px) and (max-width: 1199px) {
	.hwe-native-migration-hero h1 {
		max-width: 100%;
		font-size: 3.25rem !important;
		line-height: 1.14;
	}

	.hwe-native-updates-hero h1 {
		max-width: 100%;
		font-size: 2.5rem !important;
		line-height: 1.14;
	}

	.hwe-native-about-hero h1 {
		max-width: 100%;
		font-size: 3.15rem !important;
		line-height: 1.14;
	}

	.hwe-native-about-method__pass {
		padding-inline: 24px;
	}
}

@media (min-width: 783px) and (max-width: 999px) {
	.hwe-native-migration-hero h1 {
		max-width: 100%;
		font-size: 3rem !important;
		line-height: 1.14;
	}

	.hwe-native-updates-hero h1 {
		max-width: 100%;
		font-size: 3rem !important;
		line-height: 1.14;
	}

	.hwe-native-about-hero h1 {
		max-width: 100%;
		font-size: 2.75rem !important;
		line-height: 1.14;
	}

	.hwe-native-about-method__pass {
		min-height: 420px;
		padding-inline: 20px;
	}

	.hwe-native-about-method__pass h3 {
		margin-top: 48px;
	}
}

@media (max-width: 1000px) {
	.hwe-native-updates-change-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.hwe-theme-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.hwe-theme-navigation .wp-block-navigation__responsive-container-open {
		display: flex !important;
		width: 44px;
		min-width: 44px;
		height: 44px;
		min-height: 44px;
		align-items: center;
		justify-content: center;
		padding: 10px;
	}

	.hwe-theme-navigation .wp-block-navigation__responsive-container-close {
		width: 44px;
		min-width: 44px;
		height: 44px;
		min-height: 44px;
		padding: 10px;
	}

	.hwe-theme-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.hwe-theme-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		width: 100%;
		align-items: flex-start;
	}

	.hwe-theme-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		width: 100%;
	}

	.hwe-theme-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		width: 100%;
		padding-block: 12px;
	}

	.hwe-theme-navigation .wp-block-navigation__responsive-container.is-menu-open .hwe-theme-navigation-contact {
		display: flex !important;
		margin-top: 16px;
	}

	.hwe-theme-navigation .wp-block-navigation__responsive-container.is-menu-open .hwe-theme-navigation-contact .wp-block-navigation-item__content {
		padding: 13px 16px;
		color: var(--wp--preset--color--white);
		background: var(--wp--preset--color--signal);
		text-align: center;
	}
}

@media (max-width: 782px) {
	:root {
		--hwe-header-height: 68px;
	}

	.page-id-81 .hwe-theme-main > .wp-block-group,
	.page-id-82 .hwe-theme-main > .wp-block-group {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	.hwe-theme-header__inner {
		padding-inline: 16px !important;
	}

	.hwe-theme-header .wp-block-site-logo img {
		width: 145px;
	}

	.hwe-theme-footer__top,
	.hwe-theme-footer__bottom {
		align-items: flex-start !important;
		flex-direction: column;
	}

	.hwe-theme-footer__nav .wp-block-navigation__container {
		align-items: flex-start;
		flex-direction: column;
	}

	.hwe-native-services-hero,
	.hwe-native-route,
	.hwe-native-service-scope,
	.hwe-native-standard,
	.hwe-native-additions,
	.hwe-native-boundaries,
	.hwe-native-faq,
	.hwe-native-pricing-hero,
	.hwe-native-pricing-start,
	.hwe-native-pricing-catalogue,
	.hwe-native-pricing-factors,
	.hwe-native-pricing-boundaries,
	.hwe-native-pricing-faq {
		padding-inline: 20px !important;
	}

	.hwe-native-migration-hero,
	.hwe-native-migration-start,
	.hwe-native-migration-checks,
	.hwe-native-migration-cutover,
	.hwe-native-migration-scope,
	.hwe-native-migration-price,
	.hwe-native-migration-faq {
		padding-inline: 20px !important;
	}

	.hwe-native-updates-hero,
	.hwe-native-updates-catalogue,
	.hwe-native-updates-delivery,
	.hwe-native-updates-materials,
	.hwe-native-updates-decision,
	.hwe-native-updates-boundary {
		padding-inline: 20px !important;
	}

	.hwe-native-about-hero,
	.hwe-native-about-proof-band,
	.hwe-native-about-method,
	.hwe-native-about-principles,
	.hwe-native-about-control,
	.hwe-native-about-fit,
	.hwe-native-about-boundary,
	.hwe-native-about-faq {
		padding-inline: 20px !important;
	}

	.hwe-native-services-hero h1 {
		max-width: 10ch;
	}

	.hwe-native-route-item > :not(summary),
	.hwe-native-faq-list .wp-block-details > :not(summary) {
		margin-left: 0;
	}

	.hwe-native-route-item .wp-block-list {
		columns: auto;
	}

	.hwe-native-service-line {
		gap: 8px;
		padding-block: 24px;
	}

	.hwe-native-service-line .wp-block-column {
		flex-basis: auto !important;
	}

	.hwe-native-standard__image img {
		aspect-ratio: 4 / 3;
	}

	.hwe-native-price-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.hwe-native-pricing-hero h1 {
		max-width: 100%;
		font-size: 2.75rem;
		line-height: 1.14;
	}

	.hwe-native-pricing-ledger__row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.hwe-native-pricing-ledger__row .wp-block-column {
		flex-basis: auto !important;
	}

	.hwe-native-pricing-start__grid {
		gap: 12px;
	}

	.hwe-native-pricing-start__item,
	.hwe-native-pricing-start__item:first-child {
		padding: 24px;
	}

	.hwe-native-pricing-start__item + .hwe-native-pricing-start__item {
		border-left: 1px solid var(--wp--preset--color--line);
	}

	.hwe-native-pricing-group {
		gap: 16px;
		padding: 30px 0;
	}

	.hwe-native-pricing-row {
		gap: 8px;
		padding-block: 20px;
	}

	.hwe-native-pricing-row .wp-block-column {
		flex-basis: auto !important;
	}

	.hwe-native-pricing-row .wp-block-column:last-child p {
		text-align: left;
	}

	.hwe-native-pricing-factor-row {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.hwe-native-pricing-faq-list .wp-block-details > :not(summary) {
		margin-left: 0;
	}

	.hwe-native-migration-hero h1 {
		max-width: 100%;
		font-size: 2.75rem !important;
		line-height: 1.14;
	}

	.hwe-native-migration-route__stages {
		display: block;
	}

	.hwe-native-migration-route__stage,
	.hwe-native-migration-route__stage:first-child {
		padding: 20px 0;
	}

	.hwe-native-migration-route__stage + .hwe-native-migration-route__stage {
		border-top: 1px solid var(--wp--preset--color--line);
		border-left: 0;
	}

	.hwe-native-migration-start__item > :not(summary),
	.hwe-native-migration-faq-list .wp-block-details > :not(summary) {
		margin-left: 0;
	}

	.hwe-native-migration-start__item .wp-block-list {
		columns: auto;
	}

	.hwe-native-migration-check-row {
		gap: 8px;
		padding-block: 24px;
	}

	.hwe-native-migration-check-row .wp-block-column {
		flex-basis: auto !important;
	}

	.hwe-native-migration-cutover__step {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.hwe-native-migration-price__figure {
		padding: 24px 0 0;
		border-top: 1px solid var(--wp--preset--color--ink);
		border-left: 0;
	}

	.hwe-native-updates-hero h1 {
		max-width: 100%;
		font-size: 2.75rem !important;
		line-height: 1.14;
	}

	.hwe-native-updates-change-row {
		grid-template-columns: 1fr;
	}

	.hwe-native-updates-change-item {
		min-height: 0;
		padding: 20px;
	}

	.hwe-native-updates-route-list .wp-block-details > :not(summary) {
		margin-left: 0;
	}

	.hwe-native-updates-delivery__row {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.hwe-native-updates-material,
	.hwe-native-updates-material:first-child {
		padding: 22px 0;
	}

	.hwe-native-updates-material + .hwe-native-updates-material {
		border-left: 0;
	}

	.hwe-native-updates-decision__row {
		gap: 12px;
		padding-block: 24px;
	}

	.hwe-native-updates-decision__row .wp-block-column {
		flex-basis: auto !important;
	}

	.hwe-native-updates-boundary__column + .hwe-native-updates-boundary__column {
		padding-top: var(--wp--preset--spacing--50);
		padding-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.32);
		border-left: 0;
	}

	.hwe-native-about-hero h1 {
		max-width: 100%;
		font-size: 2.5rem !important;
		line-height: 1.14;
	}

	.hwe-native-about-hero {
		padding-top: 32px !important;
		padding-bottom: 28px !important;
	}

	.hwe-native-about-hero .has-large-font-size {
		font-size: 1rem !important;
	}

	.hwe-native-about-studio img {
		aspect-ratio: 2 / 1;
		object-position: 60% center;
	}

	.hwe-native-about-studio figcaption {
		padding-block: 8px;
	}

	.hwe-native-about-proof {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hwe-native-about-proof__item,
	.hwe-native-about-proof__item:first-child {
		min-height: 138px;
		padding: 20px 16px;
	}

	.hwe-native-about-proof__item:nth-child(2) {
		border-right: 0;
	}

	.hwe-native-about-proof__item:nth-child(n + 3) {
		border-top: 1px solid var(--wp--preset--color--line);
	}

	.hwe-native-about-method__board,
	.hwe-native-about-control__grid,
	.hwe-native-about-fit__grid {
		display: block;
	}

	.hwe-native-about-method__pass {
		min-height: 0;
		padding: 30px 24px;
		border-top: 1px solid var(--wp--preset--color--ink);
		border-left: 0;
	}

	.hwe-native-about-method__pass:first-child {
		border-top: 0;
	}

	.hwe-native-about-method__pass h3 {
		margin-top: 40px;
	}

	.hwe-native-about-principle {
		grid-template-columns: 1fr;
		gap: 7px;
	}

	.hwe-native-about-control__item,
	.hwe-native-about-control__item:first-child {
		min-height: 0;
		padding: 28px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.35);
		border-left: 0;
	}

	.hwe-native-about-control__item:first-child {
		border-top: 0;
	}

	.hwe-native-about-control__item h3,
	.hwe-native-about-fit__item h3 {
		margin-top: 36px;
	}

	.hwe-native-about-fit__item,
	.hwe-native-about-fit__item:first-child {
		min-height: 0;
		padding: 28px 0;
		border-top: 1px solid var(--wp--preset--color--line);
		border-left: 0;
	}

	.hwe-native-about-fit__item:first-child {
		border-top: 0;
	}

	.hwe-native-about-boundary__grid {
		display: block;
	}

	.hwe-native-about-boundary__column,
	.hwe-native-about-boundary__column + .hwe-native-about-boundary__column {
		padding: 28px 0;
		border-left: 0;
	}

	.hwe-native-about-boundary__column + .hwe-native-about-boundary__column {
		border-top: 1px solid var(--wp--preset--color--line);
	}

	.hwe-native-about-faq__list .wp-block-details > :not(summary) {
		margin-left: 0;
	}
}

/* Native interactive guide: core blocks provide the route; this script only changes local state. */
.hwe-native-guide {
	--hwe-guide-ink: #111318;
	--hwe-guide-muted: #515761;
	--hwe-guide-paper: #f2f3f5;
	--hwe-guide-line: #cfd3da;
	--hwe-guide-accent: var(--hwe-brand-accent);
	--hwe-guide-accent-dark: var(--hwe-brand-accent-dark);
	color: var(--hwe-guide-ink);
	background: #ffffff;
}

.hwe-native-guide > * {
	margin-block-start: 0;
}

.hwe-native-guide h1,
.hwe-native-guide h2,
.hwe-native-guide h3 {
	color: inherit;
	letter-spacing: 0;
	text-wrap: balance;
}

.hwe-native-guide p,
.hwe-native-guide li {
	letter-spacing: 0;
}

.hwe-native-guide a {
	color: var(--hwe-guide-accent);
	font-weight: 800;
	text-underline-offset: 4px;
}

.hwe-native-guide a:focus-visible {
	outline: 3px solid #f2b84b;
	outline-offset: 3px;
}

.hwe-native-guide-shell {
	width: min(1360px, calc(100% - 80px));
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.hwe-native-guide-hero {
	padding: clamp(72px, 9vw, 132px) 0 clamp(56px, 7vw, 92px) !important;
	background: var(--hwe-guide-paper);
	border-bottom: 1px solid var(--hwe-guide-ink);
}

.hwe-native-guide-hero-grid,
.hwe-native-guide-tool-grid,
.hwe-native-guide-section-intro {
	align-items: start;
	gap: clamp(40px, 7vw, 112px);
}

.hwe-native-guide-kicker,
.hwe-native-guide-step-label {
	margin: 0 0 20px;
	color: var(--hwe-guide-accent);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.08em !important;
}

.hwe-native-guide-hero h1 {
	max-width: 10ch;
	margin: 0 0 24px;
	font-size: clamp(3rem, 6.5vw, 5.8rem) !important;
	font-weight: 900;
	line-height: 1.06;
}

.hwe-native-guide-hero-lead {
	max-width: 26ch;
	margin: 0 0 18px;
	font-size: clamp(1.35rem, 2.5vw, 1.9rem) !important;
	font-weight: 800;
	line-height: 1.4;
}

.hwe-native-guide-hero-grid p:not(.hwe-native-guide-kicker):not(.hwe-native-guide-hero-lead) {
	max-width: 52ch;
	color: var(--hwe-guide-muted);
}

.hwe-native-guide-hero-image {
	margin: 0;
	border: 1px solid var(--hwe-guide-ink);
	background: #ffffff;
}

.hwe-native-guide-hero-image img {
	display: block;
	width: 100%;
	height: auto;
}

.hwe-native-guide-image-caption {
	margin: 0;
	padding-top: 12px;
	color: var(--hwe-guide-muted);
	font-size: 0.8125rem;
}

.hwe-native-guide-tool-band {
	padding: clamp(68px, 8vw, 112px) 0 !important;
	background: #ffffff;
	border-bottom: 1px solid var(--hwe-guide-ink);
}

.hwe-native-guide-tool-grid {
	align-items: stretch;
}

.hwe-native-guide-questions {
	padding-right: clamp(0px, 4vw, 56px);
}

.hwe-native-guide-questions h2 {
	margin: 0 0 14px;
	font-size: clamp(1.8rem, 3.4vw, 2.8rem) !important;
	font-weight: 900;
	line-height: 1.14;
}

.hwe-native-guide-question-copy {
	max-width: 48ch;
	margin: 0;
	color: var(--hwe-guide-muted);
}

.hwe-native-guide-step-two {
	margin-top: 42px;
}

.hwe-native-guide-situation-buttons,
.hwe-native-guide-problems .wp-block-buttons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin-top: 22px;
}

.hwe-native-guide-situation-buttons .wp-block-button,
.hwe-native-guide-problems .wp-block-button {
	margin: 0;
}

.hwe-native-guide-choice .wp-block-button__link {
	display: flex;
	min-height: 50px;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--hwe-guide-line);
	border-radius: 4px;
	color: var(--hwe-guide-ink);
	background: #ffffff;
	font-size: 0.9375rem;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-guide-choice .wp-block-button__link:hover,
.hwe-native-guide-choice .wp-block-button__link:focus-visible,
.hwe-native-guide-choice .wp-block-button__link[aria-pressed="true"] {
	border-color: var(--hwe-guide-accent);
	color: var(--hwe-guide-accent);
	background: #fff7f5;
}

.hwe-native-guide-problems {
	display: none;
	margin-top: 22px;
}

.hwe-native-guide-problems.is-active {
	display: block;
}

.hwe-native-guide-problems h3 {
	margin: 0;
	font-size: 1rem !important;
}

.hwe-native-guide-result-column {
	align-self: stretch;
}

.hwe-native-guide-result {
	position: sticky;
	top: 104px;
	min-height: 100%;
	padding: clamp(28px, 4vw, 48px);
	border-top: 3px solid var(--hwe-guide-accent);
	background: var(--hwe-guide-paper);
}

.hwe-native-guide-result-route {
	margin: 0 0 38px;
	color: var(--hwe-guide-accent);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.08em !important;
}

.hwe-native-guide-result-title {
	max-width: 14ch;
	margin: 0 0 18px;
	font-size: clamp(1.75rem, 3.5vw, 3rem) !important;
	font-weight: 900;
	line-height: 1.15;
}

.hwe-native-guide-result-summary {
	max-width: 48ch;
	margin: 0;
	color: var(--hwe-guide-muted);
}

.hwe-native-guide-result-checklist {
	margin: 30px 0 0;
	padding: 0;
	border-top: 1px solid var(--hwe-guide-line);
	list-style: none;
}

.hwe-native-guide-result-checklist li {
	padding: 13px 0;
	border-bottom: 1px solid var(--hwe-guide-line);
	font-weight: 700;
}

.hwe-native-guide-result-checklist li::before {
	margin-right: 10px;
	color: var(--hwe-guide-accent);
	content: "—";
}

.hwe-native-guide-result-reference {
	margin: 28px 0 0;
	color: var(--hwe-guide-muted);
	font-size: 0.875rem;
}

.hwe-native-guide-result-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 28px;
}

.hwe-native-guide-result-actions .wp-block-button__link,
.hwe-native-guide-button .wp-block-button__link {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	border-radius: 4px;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-guide-result-primary .wp-block-button__link {
	color: #ffffff;
	background: var(--hwe-guide-accent);
}

.hwe-native-guide-result-primary .wp-block-button__link:hover,
.hwe-native-guide-result-primary .wp-block-button__link:focus-visible {
	background: var(--hwe-guide-accent-dark);
}

.hwe-native-guide-result-secondary .wp-block-button__link {
	border: 1px solid var(--hwe-guide-ink);
	color: var(--hwe-guide-ink);
	background: transparent;
}

.hwe-native-guide-result-secondary .wp-block-button__link:hover,
.hwe-native-guide-result-secondary .wp-block-button__link:focus-visible {
	color: #ffffff;
	background: var(--hwe-guide-ink);
}

.hwe-native-guide-privacy-note {
	margin: 40px 0 0;
	padding-top: 18px;
	border-top: 1px solid var(--hwe-guide-line);
	color: var(--hwe-guide-muted);
	font-size: 0.875rem;
}

.hwe-native-guide-principles,
.hwe-native-guide-routes {
	padding: clamp(72px, 9vw, 132px) 0 !important;
	background: var(--hwe-guide-paper);
	border-bottom: 1px solid var(--hwe-guide-line);
}

.hwe-native-guide-routes {
	background: #ffffff;
}

.hwe-native-guide-section-intro h2 {
	max-width: 13ch;
	margin: 0;
	font-size: clamp(2rem, 4vw, 3.25rem) !important;
	font-weight: 900;
	line-height: 1.12;
}

.hwe-native-guide-section-intro p {
	max-width: 56ch;
	margin: 0;
	color: var(--hwe-guide-muted);
}

.hwe-native-guide-principle-list {
	margin-top: 58px;
	border-top: 1px solid var(--hwe-guide-ink);
}

.hwe-native-guide-principle-row {
	align-items: start;
	gap: 28px;
	margin: 0;
	padding: 24px 0;
	border-bottom: 1px solid var(--hwe-guide-line);
}

.hwe-native-guide-principle-row h3,
.hwe-native-guide-principle-row p {
	margin: 0;
}

.hwe-native-guide-principle-row h3 {
	font-size: 1rem !important;
}

.hwe-native-guide-principle-row p {
	color: var(--hwe-guide-muted);
}

.hwe-native-guide-route-list {
	margin: 58px 0 0;
	padding: 0;
	border-top: 1px solid var(--hwe-guide-ink);
	list-style: none;
}

.hwe-native-guide-route-list li {
	padding: 22px 0;
	border-bottom: 1px solid var(--hwe-guide-ink);
	color: var(--hwe-guide-muted);
}

.hwe-native-guide-route-list strong {
	color: var(--hwe-guide-ink);
}

.hwe-native-guide-closing {
	padding: clamp(64px, 8vw, 112px) 0 !important;
	color: #ffffff;
	background: var(--hwe-guide-accent);
}

.hwe-native-guide-closing h2 {
	max-width: 15ch;
	margin: 0 0 18px;
	font-size: clamp(2.25rem, 5vw, 4.5rem) !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-guide-closing p {
	max-width: 58ch;
}

.hwe-native-guide-button .wp-block-button__link {
	margin-top: 18px;
	color: var(--hwe-guide-accent);
	background: #ffffff;
}

.hwe-native-guide-button .wp-block-button__link:hover,
.hwe-native-guide-button .wp-block-button__link:focus-visible {
	color: #ffffff;
	background: var(--hwe-guide-accent-dark);
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-guide-shell {
		width: calc(100% - 48px);
	}
}

@media (max-width: 782px) {
	.hwe-native-guide-shell {
		width: calc(100% - 32px);
	}

	.hwe-native-guide-hero {
		padding-top: 64px !important;
		padding-bottom: 52px !important;
	}

	.hwe-native-guide-hero h1 {
		font-size: 3rem !important;
	}

	.hwe-native-guide-hero-grid,
	.hwe-native-guide-tool-grid,
	.hwe-native-guide-section-intro {
		gap: 36px;
	}

	.hwe-native-guide-tool-band {
		padding: 56px 0 !important;
	}

	.hwe-native-guide-questions {
		padding-right: 0;
	}

	.hwe-native-guide-result {
		position: static;
		min-height: 0;
		padding: 24px 20px;
	}

	.hwe-native-guide-result-route {
		margin-bottom: 26px;
	}

	.hwe-native-guide-situation-buttons,
	.hwe-native-guide-problems .wp-block-buttons {
		grid-template-columns: minmax(0, 1fr);
	}

	.hwe-native-guide-result-actions {
		flex-direction: column;
	}

	.hwe-native-guide-result-actions .wp-block-button,
	.hwe-native-guide-result-actions .wp-block-button__link,
	.hwe-native-guide-button .wp-block-button__link {
		width: 100%;
	}

	.hwe-native-guide-principles,
	.hwe-native-guide-routes,
	.hwe-native-guide-closing {
		padding: 56px 0 !important;
	}

	.hwe-native-guide-section-intro h2 {
		max-width: 16ch;
	}
}

/* Native demo detail: explain design decisions before sending visitors to a concept page. */
.hwe-native-demo-detail {
	--hwe-detail-ink: #111318;
	--hwe-detail-muted: #515761;
	--hwe-detail-paper: #f2f3f5;
	--hwe-detail-line: #cfd3da;
	--hwe-detail-accent: var(--hwe-brand-accent);
	--hwe-detail-accent-dark: var(--hwe-brand-accent-dark);
	color: var(--hwe-detail-ink);
	background: #ffffff;
}

.hwe-native-demo-detail > * {
	margin-block-start: 0;
}

.hwe-native-demo-detail h1,
.hwe-native-demo-detail h2,
.hwe-native-demo-detail h3 {
	color: inherit;
	letter-spacing: 0;
	text-wrap: balance;
}

.hwe-native-demo-detail p {
	letter-spacing: 0;
}

.hwe-native-demo-detail a {
	color: var(--hwe-detail-accent);
	font-weight: 800;
	text-underline-offset: 4px;
}

.hwe-native-demo-detail a:focus-visible {
	outline: 3px solid #f2b84b;
	outline-offset: 3px;
}

.hwe-native-demo-detail-shell {
	width: min(1360px, calc(100% - 80px));
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.hwe-native-demo-detail-hero {
	padding: clamp(76px, 10vw, 144px) 0 clamp(56px, 7vw, 96px) !important;
	background: var(--hwe-detail-paper);
	border-bottom: 1px solid var(--hwe-detail-ink);
}

.hwe-native-demo-detail-kicker {
	margin: 0 0 22px;
	color: var(--hwe-detail-accent);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.08em !important;
}

.hwe-native-demo-detail-hero h1 {
	margin: 0;
	font-size: clamp(3.25rem, 7vw, 6.5rem) !important;
	font-weight: 900;
	line-height: 1.02;
}

.hwe-native-demo-detail-hero-grid {
	align-items: end;
	gap: clamp(32px, 8vw, 128px);
	margin-top: clamp(42px, 6vw, 76px);
}

.hwe-native-demo-detail-hero-lead {
	max-width: 23ch;
	margin: 0 0 18px;
	font-size: clamp(1.35rem, 2.8vw, 2.15rem) !important;
	font-weight: 800;
	line-height: 1.35;
}

.hwe-native-demo-detail-hero-grid p:not(.hwe-native-demo-detail-hero-lead):not(.hwe-native-demo-detail-meta) {
	max-width: 48ch;
	color: var(--hwe-detail-muted);
}

.hwe-native-demo-detail-meta {
	max-width: 24ch;
	margin: 0 0 5px;
	padding-top: 18px;
	border-top: 1px solid var(--hwe-detail-ink);
	color: var(--hwe-detail-muted);
}

.hwe-native-demo-detail-meta strong {
	color: var(--hwe-detail-ink);
}

.hwe-native-demo-detail-media-band {
	padding: clamp(48px, 7vw, 96px) 0 !important;
	background: #ffffff;
}

.hwe-native-demo-detail-media {
	margin: 0;
	border: 1px solid var(--hwe-detail-ink);
	background: #ffffff;
}

.hwe-native-demo-detail-media img {
	display: block;
	width: 100%;
	height: auto;
}

.hwe-native-demo-detail-disclosure {
	margin: 0;
	padding: 18px 0 0;
	color: var(--hwe-detail-muted);
	font-size: 0.875rem;
}

.hwe-native-demo-detail-disclosure strong {
	color: var(--hwe-detail-accent);
}

.hwe-native-demo-detail-method,
.hwe-native-demo-detail-routes {
	padding: clamp(72px, 9vw, 132px) 0 !important;
	background: var(--hwe-detail-paper);
	border-top: 1px solid var(--hwe-detail-line);
}

.hwe-native-demo-detail-routes {
	background: #ffffff;
}

.hwe-native-demo-detail-section-intro {
	align-items: start;
	gap: clamp(40px, 7vw, 112px);
}

.hwe-native-demo-detail-section-intro h2 {
	max-width: 12ch;
	margin: 0;
	font-size: clamp(2rem, 4vw, 3.25rem) !important;
	font-weight: 900;
	line-height: 1.12;
}

.hwe-native-demo-detail-section-intro p {
	max-width: 56ch;
	margin: 0;
	color: var(--hwe-detail-muted);
}

.hwe-native-demo-detail-method-list,
.hwe-native-demo-detail-route-list {
	margin-top: clamp(46px, 6vw, 76px);
	border-top: 1px solid var(--hwe-detail-ink);
}

.hwe-native-demo-detail-method-row,
.hwe-native-demo-detail-route-row {
	align-items: start;
	gap: 28px;
	margin: 0;
	padding: 25px 0;
	border-bottom: 1px solid var(--hwe-detail-line);
}

.hwe-native-demo-detail-method-row h3,
.hwe-native-demo-detail-method-row p,
.hwe-native-demo-detail-route-row h3,
.hwe-native-demo-detail-route-row p {
	margin: 0;
}

.hwe-native-demo-detail-method-row h3,
.hwe-native-demo-detail-route-row h3 {
	font-size: 1rem !important;
	font-weight: 800;
}

.hwe-native-demo-detail-method-row p,
.hwe-native-demo-detail-route-row p {
	color: var(--hwe-detail-muted);
}

.hwe-native-demo-detail-route-row {
	align-items: center;
	border-color: var(--hwe-detail-ink);
}

.hwe-native-demo-detail-link .wp-block-button__link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 10px 14px;
	border: 1px solid var(--hwe-detail-ink);
	border-radius: 4px;
	color: var(--hwe-detail-ink);
	background: transparent;
	font-size: 0.875rem;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-detail-link .wp-block-button__link:hover,
.hwe-native-demo-detail-link .wp-block-button__link:focus-visible {
	color: #ffffff;
	background: var(--hwe-detail-ink);
}

.hwe-native-demo-detail-cta {
	padding: clamp(64px, 8vw, 112px) 0 !important;
	color: #ffffff;
	background: var(--hwe-detail-accent);
}

.hwe-native-demo-detail-cta h2 {
	max-width: 15ch;
	margin: 0 0 18px;
	font-size: clamp(2.25rem, 5vw, 4.5rem) !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-demo-detail-cta p {
	max-width: 58ch;
}

.hwe-native-demo-detail-button .wp-block-button__link {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	margin-top: 18px;
	padding: 13px 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-detail-button.is-light .wp-block-button__link {
	color: var(--hwe-detail-accent);
	background: #ffffff;
}

.hwe-native-demo-detail-button.is-light .wp-block-button__link:hover {
	color: var(--hwe-detail-ink);
	background: #f6e9e6;
}

.hwe-native-demo-detail-button.is-ghost .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.85);
	color: #ffffff;
	background: transparent;
}

.hwe-native-demo-detail-button.is-ghost .wp-block-button__link:hover {
	color: var(--hwe-detail-accent);
	background: #ffffff;
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-demo-detail-shell {
		width: calc(100% - 48px);
	}
}

@media (max-width: 782px) {
	.hwe-native-demo-detail-shell {
		width: calc(100% - 32px);
	}

	.hwe-native-demo-detail-hero {
		padding-top: 64px !important;
		padding-bottom: 52px !important;
	}

	.hwe-native-demo-detail-hero h1 {
		font-size: 3.25rem !important;
	}

	.hwe-native-demo-detail-hero-grid {
		gap: 32px;
		margin-top: 38px;
	}

	.hwe-native-demo-detail-hero-lead {
		font-size: 1.25rem !important;
	}

	.hwe-native-demo-detail-media-band {
		padding: 32px 0 !important;
	}

	.hwe-native-demo-detail-method,
	.hwe-native-demo-detail-routes {
		padding: 56px 0 !important;
	}

	.hwe-native-demo-detail-section-intro h2 {
		max-width: 16ch;
	}

	.hwe-native-demo-detail-route-row {
		gap: 12px;
	}

	.hwe-native-demo-detail-link .wp-block-button__link {
		width: auto;
	}

	.hwe-native-demo-detail-cta {
		padding: 64px 0 !important;
	}

	.hwe-native-demo-detail-button .wp-block-button__link {
		width: 100%;
	}
}

@media (min-width: 1000px) and (max-width: 1199px) {
	.hwe-native-chatbot-hero h1 {
		max-width: 100%;
		font-size: 3.25rem !important;
		line-height: 1.14;
	}

	.hwe-native-chatbot-mode {
		padding: 38px;
	}
}

@media (min-width: 783px) and (max-width: 999px) {
	.hwe-native-chatbot-hero h1 {
		max-width: 100%;
		font-size: 3rem !important;
		line-height: 1.14;
	}
}

@media (max-width: 1000px) {
	.hwe-native-chatbot-hero__grid {
		gap: 36px;
	}

	.hwe-native-chatbot-line {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.hwe-native-chatbot-message {
		padding-inline: 14px;
	}

	.hwe-native-chatbot-section-intro,
	.hwe-native-chatbot-fallback__intro,
	.hwe-native-chatbot-pricing__grid,
	.hwe-native-chatbot-governance__grid,
	.hwe-native-chatbot-faq__grid {
		gap: 36px;
	}

	.hwe-native-chatbot-job {
		padding-inline: 22px;
	}

	.hwe-native-chatbot-mode {
		min-height: 560px;
		padding: 32px;
	}

	.hwe-native-chatbot-fallback__step {
		padding: 22px;
	}

	.hwe-native-chatbot-price-row {
		gap: 16px;
	}

	.hwe-native-chatbot-governance__row {
		gap: 18px;
	}
}

@media (max-width: 782px) {
	.hwe-native-chatbot-hero,
	.hwe-native-chatbot-jobs,
	.hwe-native-chatbot-modes,
	.hwe-native-chatbot-fallback,
	.hwe-native-chatbot-pricing,
	.hwe-native-chatbot-governance,
	.hwe-native-chatbot-faq {
		padding-inline: 20px !important;
	}

	.hwe-native-chatbot-hero h1 {
		max-width: 100%;
		font-size: 2.75rem !important;
		line-height: 1.14;
	}

	.hwe-native-chatbot-demo__topbar {
		grid-template-columns: 1fr;
		gap: 2px;
		padding-block: 12px;
	}

	.hwe-native-chatbot-line {
		grid-template-columns: 42px minmax(0, 1fr);
		min-height: 92px;
	}

	.hwe-native-chatbot-line.is-answer {
		min-height: 174px;
	}

	.hwe-native-chatbot-message {
		padding: 15px 12px;
	}

	.hwe-native-chatbot-scenarios {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hwe-native-chatbot-ai-suggestions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hwe-native-chatbot-ai-suggestion:nth-child(2) .wp-block-button__link {
		border-right: 0;
	}

	.hwe-native-chatbot-ai-suggestion:nth-child(-n + 2) .wp-block-button__link {
		border-bottom: 1px solid var(--wp--preset--color--ink);
	}

	.hwe-native-chatbot-ai-result {
		min-height: 206px !important;
	}

	.hwe-native-chatbot-ai-source {
		overflow-wrap: anywhere;
	}

	.hwe-native-chatbot-scenario:nth-child(2) .wp-block-button__link {
		border-right: 0;
	}

	.hwe-native-chatbot-scenario:nth-child(-n + 2) .wp-block-button__link {
		border-bottom: 1px solid var(--wp--preset--color--ink);
	}

	.hwe-native-chatbot-demo__note {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.hwe-native-chatbot-job-grid,
	.hwe-native-chatbot-mode-grid,
	.hwe-native-chatbot-fallback__steps {
		display: block;
	}

	.hwe-native-chatbot-job {
		min-height: 0;
		padding: 26px 0;
	}

	.hwe-native-chatbot-job + .hwe-native-chatbot-job {
		border-top: 1px solid var(--wp--preset--color--ink);
		border-left: 0;
	}

	.hwe-native-chatbot-mode {
		min-height: 0;
		padding: 34px 24px;
	}

	.hwe-native-chatbot-mode + .hwe-native-chatbot-mode {
		border-top: 1px solid var(--wp--preset--color--ink);
		border-left: 0;
	}

	.hwe-native-chatbot-fallback__step {
		min-height: 220px;
		padding: 26px 22px;
	}

	.hwe-native-chatbot-fallback__step + .hwe-native-chatbot-fallback__step {
		border-top: 1px solid rgba(255, 255, 255, 0.45);
		border-left: 0;
	}

	.hwe-native-chatbot-price-row {
		gap: 8px;
		padding-block: 22px;
	}

	.hwe-native-chatbot-price-row .wp-block-column {
		flex-basis: auto !important;
	}

	.hwe-native-chatbot-price-row .wp-block-column:last-child p {
		text-align: left;
	}

	.hwe-native-chatbot-governance__row {
		gap: 8px;
	}

	.hwe-native-chatbot-governance__row .wp-block-column {
		flex-basis: auto !important;
	}

	.hwe-native-chatbot-faq__list .wp-block-details > :not(summary) {
		margin-left: 0;
	}
}

@media (max-width: 420px) {
	.hwe-native-chatbot-demo-mode .wp-block-button__link {
		min-height: 52px;
		padding-inline: 8px;
		font-size: 0.75rem;
	}

	.hwe-native-chatbot-ai-fields {
		grid-template-columns: minmax(0, 1fr);
	}

	.hwe-native-chatbot-ai-form button {
		width: 100%;
	}
}

/* Native privacy policy: a calm legal reading surface with a clear trust signal. */
.hwe-native-privacy {
	--hwe-privacy-ink: #111318;
	--hwe-privacy-muted: #515761;
	--hwe-privacy-paper: #f2f3f5;
	--hwe-privacy-line: #cfd3da;
	--hwe-privacy-accent: var(--hwe-brand-accent);
	--hwe-privacy-accent-dark: var(--hwe-brand-accent-dark);
	color: var(--hwe-privacy-ink);
	background: #ffffff;
}

.hwe-native-privacy > * {
	margin-block-start: 0;
}

.hwe-native-privacy h1,
.hwe-native-privacy h2,
.hwe-native-privacy h3 {
	color: inherit;
	letter-spacing: 0;
	text-wrap: balance;
}

.hwe-native-privacy p,
.hwe-native-privacy li {
	letter-spacing: 0;
}

.hwe-native-privacy a {
	color: var(--hwe-privacy-accent);
	font-weight: 700;
	text-underline-offset: 4px;
}

.hwe-native-privacy a:focus-visible {
	outline: 3px solid #f2b84b;
	outline-offset: 3px;
}

.hwe-native-privacy-shell {
	width: min(1360px, calc(100% - 80px));
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.hwe-native-privacy-hero {
	padding: clamp(76px, 10vw, 144px) 0 clamp(56px, 7vw, 96px) !important;
	background: var(--hwe-privacy-paper);
	border-bottom: 1px solid var(--hwe-privacy-ink);
}

.hwe-native-privacy-kicker,
.hwe-native-privacy-index-label {
	margin: 0 0 22px;
	color: var(--hwe-privacy-accent);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.08em !important;
}

.hwe-native-privacy-hero h1 {
	max-width: 10ch;
	margin: 0;
	font-size: clamp(3.2rem, 7vw, 6.5rem) !important;
	font-weight: 900;
	line-height: 1.02;
}

.hwe-native-privacy-hero-grid {
	align-items: end;
	gap: clamp(32px, 8vw, 128px);
	margin-top: clamp(42px, 6vw, 76px);
}

.hwe-native-privacy-hero-lead {
	max-width: 25ch;
	margin: 0;
	font-size: clamp(1.35rem, 2.6vw, 2rem) !important;
	font-weight: 700;
	line-height: 1.4;
}

.hwe-native-privacy-updated {
	max-width: 22ch;
	margin: 0 0 5px;
	padding-top: 18px;
	border-top: 1px solid var(--hwe-privacy-ink);
	color: var(--hwe-privacy-muted);
}

.hwe-native-privacy-updated strong {
	color: var(--hwe-privacy-ink);
}

.hwe-native-privacy-facts {
	background: #ffffff;
	border-bottom: 1px solid var(--hwe-privacy-ink);
}

.hwe-native-privacy-facts-grid {
	gap: 0 !important;
}

.hwe-native-privacy-fact {
	min-height: 190px;
	padding: 28px 26px 30px;
	border-left: 1px solid var(--hwe-privacy-line);
}

.hwe-native-privacy-fact:first-child {
	border-left: 0;
}

.hwe-native-privacy-fact h2,
.hwe-native-privacy-fact p {
	margin: 0;
}

.hwe-native-privacy-fact h2 {
	max-width: 15ch;
	font-size: 1.05rem !important;
}

.hwe-native-privacy-fact p {
	max-width: 25ch;
	margin-top: 24px;
	color: var(--hwe-privacy-muted);
	font-size: 0.9375rem;
}

.hwe-native-privacy-content-band {
	padding: clamp(72px, 9vw, 132px) 0 !important;
	background: #ffffff;
}

.hwe-native-privacy-content-grid {
	align-items: flex-start;
	gap: clamp(44px, 8vw, 132px);
}

.hwe-native-privacy-index {
	position: sticky;
	top: 104px;
	align-self: flex-start;
}

.hwe-native-privacy-index-label {
	margin-bottom: 14px;
}

.hwe-native-privacy-index-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--hwe-privacy-ink);
}

.hwe-native-privacy-index-list li {
	margin: 0;
	border-bottom: 1px solid var(--hwe-privacy-line);
}

.hwe-native-privacy-index-list a {
		display: block;
		min-height: 44px;
		padding: 11px 0;
		color: var(--hwe-privacy-ink);
		font-size: 0.9375rem;
		text-decoration: none;
	}

.hwe-native-privacy-index-list a:hover,
.hwe-native-privacy-index-list a:focus-visible {
	color: var(--hwe-privacy-accent);
	text-decoration: underline;
}

.hwe-native-privacy-body {
	max-width: 820px;
}

.hwe-native-privacy-body > h2 {
	margin: clamp(54px, 7vw, 88px) 0 18px;
	padding-top: 18px;
	border-top: 1px solid var(--hwe-privacy-ink);
	font-size: clamp(1.5rem, 3vw, 2.25rem) !important;
}

.hwe-native-privacy-body > h2:first-of-type {
	margin-top: 36px;
}

.hwe-native-privacy-body > p,
.hwe-native-privacy-body > ul,
.hwe-native-privacy-notice {
	max-width: 68ch;
}

.hwe-native-privacy-body > p,
.hwe-native-privacy-body > ul {
	color: var(--hwe-privacy-muted);
}

.hwe-native-privacy-body > ul {
	padding-left: 1.25em;
}

.hwe-native-privacy-body > ul li {
	padding: 5px 0;
}

.hwe-native-privacy-notice {
	margin: 0;
	padding: 24px 26px;
	border-top: 2px solid var(--hwe-privacy-accent);
	background: var(--hwe-privacy-paper);
}

.hwe-native-privacy-notice p {
	margin: 0;
	color: var(--hwe-privacy-ink);
}

.hwe-native-privacy-cta {
	padding: clamp(64px, 8vw, 112px) 0 !important;
	color: #ffffff;
	background: var(--hwe-privacy-accent);
}

.hwe-native-privacy-cta h2 {
	max-width: 15ch;
	margin: 0 0 18px;
	font-size: clamp(2.25rem, 5vw, 4.5rem) !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-privacy-cta p {
	max-width: 58ch;
}

.hwe-native-privacy-cta-button .wp-block-button__link {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	margin-top: 18px;
	padding: 13px 20px;
	border-radius: 4px;
	color: var(--hwe-privacy-accent);
	background: #ffffff;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-privacy-cta-button .wp-block-button__link:hover,
.hwe-native-privacy-cta-button .wp-block-button__link:focus-visible {
	color: #ffffff;
	background: var(--hwe-privacy-accent-dark);
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-privacy-shell {
		width: calc(100% - 48px);
	}
}

@media (max-width: 782px) {
	.hwe-native-privacy-shell {
		width: calc(100% - 32px);
	}

	.hwe-native-privacy-hero {
		padding-top: 64px !important;
		padding-bottom: 52px !important;
	}

	.hwe-native-privacy-hero h1 {
		font-size: 3.2rem !important;
	}

	.hwe-native-privacy-hero-grid {
		gap: 32px;
		margin-top: 38px;
	}

	.hwe-native-privacy-hero-lead {
		max-width: 28ch;
		font-size: 1.25rem !important;
	}

	.hwe-native-privacy-fact {
		min-height: 0;
		padding: 22px 0;
		border-top: 1px solid var(--hwe-privacy-line);
		border-left: 0;
	}

	.hwe-native-privacy-fact:first-child {
		border-top: 0;
	}

	.hwe-native-privacy-fact p {
		max-width: 38ch;
		margin-top: 10px;
	}

	.hwe-native-privacy-content-band {
		padding: 56px 0 !important;
	}

	.hwe-native-privacy-index {
		position: static;
	}

	.hwe-native-privacy-index-list {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 18px;
	}

	.hwe-native-privacy-body {
		max-width: none;
	}

	.hwe-native-privacy-body > h2,
	.hwe-native-privacy-body > h2:first-of-type {
		margin-top: 52px;
	}

	.hwe-native-privacy-notice {
		padding: 20px;
	}

	.hwe-native-privacy-cta {
		padding: 64px 0 !important;
	}

	.hwe-native-privacy-cta-button .wp-block-button__link {
		width: 100%;
	}
}

.hwe-native-contact > * {
	margin-block-start: 0;
}

.hwe-native-contact h1,
.hwe-native-contact h2,
.hwe-native-contact h3 {
	text-wrap: balance;
}

.hwe-native-contact-hero__grid,
.hwe-native-contact-section-intro,
.hwe-native-contact-privacy__grid,
.hwe-native-contact-context__grid,
.hwe-native-contact-options__grid,
.hwe-native-contact-faq__grid {
	gap: clamp(40px, 6vw, 88px);
}

.hwe-native-contact-hero h1 {
	max-width: 10ch;
}

.hwe-native-contact-hero__copy {
	display: flex;
	flex-direction: column;
}

.hwe-native-contact-hero__note {
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-contact-hero__note p {
	margin: 0;
}

.hwe-native-contact-form-tool {
	border: 1px solid var(--wp--preset--color--ink);
	box-shadow: 10px 10px 0 var(--wp--preset--color--signal);
}

.hwe-native-contact-form-tool__bar {
	min-height: 52px;
	padding: 12px 20px;
	border-bottom: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--paper);
}

.hwe-native-contact-form-tool__bar p {
	margin: 0;
}

.hwe-native-contact-form-tool__body {
	padding: 30px 32px 34px;
}

.hwe-native-contact-form-tool__body > h2,
.hwe-native-contact-form-tool__body > p {
	margin-top: 0;
}

.hwe-native-contact-form-tool .fluentform {
	margin-top: 24px;
}

.hwe-native-contact-form-tool .ff-el-group {
	margin-bottom: 20px;
}

.hwe-native-contact-form-tool .ff-el-input--label {
	margin-bottom: 7px;
}

.hwe-native-contact-form-tool .ff-el-input--label label {
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	line-height: 1.45;
}

.hwe-native-contact-form-tool .ff-el-form-control {
	width: 100%;
	min-height: 48px;
	padding: 11px 13px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--paper);
	box-shadow: none;
	font-size: 1rem;
}

.hwe-native-contact-form-tool textarea.ff-el-form-control {
	min-height: 130px;
	resize: vertical;
}

.hwe-native-contact-form-tool .ff-el-form-control:hover {
	border-color: var(--wp--preset--color--muted);
}

.hwe-native-contact-form-tool .ff-el-form-control:focus {
	border-color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
	box-shadow: 0 0 0 2px var(--wp--preset--color--signal);
	outline: 0;
}

.hwe-native-contact-form-tool .ff-el-help-message {
	margin-top: 7px;
	color: var(--wp--preset--color--muted);
	font-size: 0.75rem;
	line-height: 1.6;
}

.hwe-native-contact-form-tool .ff-el-is-error .ff-el-form-control {
	border-color: var(--wp--preset--color--signal);
	box-shadow: 0 0 0 1px var(--wp--preset--color--signal);
}

.hwe-native-contact-form-tool .ff-el-form-control[aria-invalid="true"]:focus {
	border-color: var(--wp--preset--color--signal);
	box-shadow: 0 0 0 3px rgba(201, 65, 46, 0.24);
}

.hwe-native-contact-form-tool .text-danger,
.hwe-native-contact-form-tool .error,
.hwe-native-contact-form-tool .ff-el-is-error .text-danger {
	color: var(--wp--preset--color--signal);
	font-size: 0.75rem;
	font-weight: 700;
}

.hwe-native-contact-form-tool .ff-el-input--label.ff-el-is-required.asterisk-right label::after,
.hwe-native-contact-form-tool .ff-el-input--label.ff-el-is-required label::after {
	color: var(--wp--preset--color--signal);
}

.hwe-native-contact-form-tool .ff_submit_btn_wrapper {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 0;
}

.hwe-native-contact-form-tool .ff-btn-submit {
	min-height: 48px;
	padding: 12px 20px;
	border: 0;
	border-radius: 0;
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--signal);
	font-weight: 700;
	opacity: 1;
}

.hwe-native-contact-form-tool .ff-btn-submit:hover,
.hwe-native-contact-form-tool .ff-btn-submit:focus-visible {
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--ink);
}

.hwe-native-contact-form-tool .ff-message-success {
	margin: 0;
	padding: 20px;
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 0;
	background: var(--wp--preset--color--warm);
	box-shadow: none;
}

.hwe-native-contact-signal-grid {
	gap: 0;
	border-top: 1px solid var(--wp--preset--color--ink);
	border-bottom: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-contact-signal {
	min-height: 168px;
	padding: 24px;
	border-left: 1px solid var(--wp--preset--color--line);
}

.hwe-native-contact-signal:first-child {
	padding-left: 0;
	border-left: 0;
}

.hwe-native-contact-signal h3,
.hwe-native-contact-signal p {
	margin: 0;
}

.hwe-native-contact-signal h3 {
	margin-top: 28px;
}

.hwe-native-contact-signal p:last-child {
	margin-top: 8px;
}

.hwe-native-contact-section-intro p {
	margin: 0;
}

.hwe-native-contact-expect__steps {
	gap: 0;
	border: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-contact-expect__step {
	min-height: 360px;
	padding: 30px;
	border-left: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-contact-expect__step:first-child {
	border-left: 0;
}

.hwe-native-contact-expect__step.is-first {
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--ink);
}

.hwe-native-contact-expect__step.is-first h3 {
	color: var(--wp--preset--color--white);
}

.hwe-native-contact-expect__step.is-second {
	background: var(--wp--preset--color--paper);
}

.hwe-native-contact-expect__step.is-third {
	background: var(--wp--preset--color--warm);
}

.hwe-native-contact-expect__step h3 {
	margin-top: 72px;
}

.hwe-native-contact-expect__step p:last-child {
	margin-top: 18px;
}

.hwe-native-contact-privacy__list {
	border-top: 1px solid rgba(255, 255, 255, 0.45);
}

.hwe-native-contact-privacy__row {
	display: grid;
	grid-template-columns: minmax(140px, 180px) minmax(0, 1fr);
	gap: 28px;
	margin: 0;
	padding: 24px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}

.hwe-native-contact-privacy__row h3,
.hwe-native-contact-privacy__row p {
	margin: 0;
}

.hwe-native-contact-privacy__row.is-warning {
	border-bottom-color: var(--wp--preset--color--signal);
}

.hwe-native-contact-context__image {
	margin: 0;
	border: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
}

.hwe-native-contact-context__image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: 58% center;
}

.hwe-native-contact-context__image figcaption {
	margin: 0;
	padding: 11px 13px;
	border-top: 1px solid var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
}

.hwe-native-contact-context__copy li {
	padding-block: 6px;
}

.hwe-native-contact-options__links {
	border-top: 1px solid var(--wp--preset--color--ink);
}

.hwe-native-contact-option {
	gap: 24px;
	margin: 0;
	padding: 22px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-contact-option h3,
.hwe-native-contact-option p {
	margin: 0;
}

.hwe-native-contact-option h3 a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.hwe-native-contact-option h3 a:hover,
.hwe-native-contact-option h3 a:focus-visible {
	color: var(--wp--preset--color--signal);
	text-decoration: underline;
	text-underline-offset: 5px;
}

.hwe-native-contact-option h3 + p {
	margin-top: 6px;
}

.hwe-native-contact-faq__list {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.hwe-native-contact-faq__list .wp-block-details {
	margin: 0;
	padding: 22px 0 24px;
	border-top: 1px solid var(--wp--preset--color--line);
}

.hwe-native-contact-faq__list .wp-block-details > summary {
	min-height: 44px;
	cursor: pointer;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	line-height: 1.45;
}

.hwe-native-contact-faq__list .wp-block-details > summary::marker {
	color: var(--wp--preset--color--signal);
}

.hwe-native-contact-faq__list .wp-block-details > :not(summary) {
	margin-left: 24px;
}

.hwe-native-contact-closing__inner {
	gap: 32px;
}

@media (min-width: 1000px) and (max-width: 1199px) {
	.hwe-native-contact-hero h1 {
		max-width: 100%;
		font-size: 3.15rem !important;
		line-height: 1.14;
	}

	.hwe-native-contact-form-tool__body {
		padding-inline: 26px;
	}

	.hwe-native-contact-expect__step {
		padding-inline: 24px;
	}
}

@media (min-width: 783px) and (max-width: 999px) {
	.hwe-native-contact-hero h1 {
		max-width: 100%;
		font-size: 2.75rem !important;
		line-height: 1.14;
	}

	.hwe-native-contact-hero__grid {
		gap: 36px;
	}

	.hwe-native-contact-form-tool__body {
		padding-inline: 22px;
	}

	.hwe-native-contact-expect__step {
		min-height: 390px;
		padding-inline: 20px;
	}
}

@media (max-width: 782px) {
	.hwe-native-contact-hero,
	.hwe-native-contact-signals,
	.hwe-native-contact-expect,
	.hwe-native-contact-privacy,
	.hwe-native-contact-context,
	.hwe-native-contact-options,
	.hwe-native-contact-faq,
	.hwe-native-contact-closing {
		padding-inline: 20px !important;
	}

	.hwe-native-contact-hero {
		padding-top: 36px !important;
	}

	.hwe-native-contact-hero h1 {
		max-width: 100%;
		font-size: 2.6rem !important;
		line-height: 1.14;
	}

	.hwe-native-contact-hero__note {
		margin-top: 24px;
	}

	.hwe-native-contact-form-tool {
		box-shadow: 7px 7px 0 var(--wp--preset--color--signal);
	}

	.hwe-native-contact-form-tool__body {
		padding: 24px 20px 28px;
	}

	.hwe-native-contact-form-tool .ff_submit_btn_wrapper,
	.hwe-native-contact-form-tool .ff-btn-submit {
		width: 100%;
	}

	.hwe-native-contact-signal-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hwe-native-contact-signal,
	.hwe-native-contact-signal:first-child {
		min-height: 180px;
		padding: 20px 16px;
	}

	.hwe-native-contact-signal:nth-child(odd) {
		border-left: 0;
	}

	.hwe-native-contact-signal:nth-child(even) {
		border-left: 1px solid var(--wp--preset--color--line);
	}

	.hwe-native-contact-signal:nth-child(n + 3) {
		border-top: 1px solid var(--wp--preset--color--line);
	}

	.hwe-native-contact-expect__steps {
		display: block;
	}

	.hwe-native-contact-expect__step {
		min-height: 0;
		padding: 30px 24px;
		border-top: 1px solid var(--wp--preset--color--ink);
		border-left: 0;
	}

	.hwe-native-contact-expect__step:first-child {
		border-top: 0;
	}

	.hwe-native-contact-expect__step h3 {
		margin-top: 42px;
	}

	.hwe-native-contact-privacy__row {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.hwe-native-contact-context__image img {
		aspect-ratio: 2 / 1;
		object-position: 60% center;
	}

	.hwe-native-contact-options__grid,
	.hwe-native-contact-faq__grid {
		gap: 32px;
	}

	.hwe-native-contact-faq__list .wp-block-details > :not(summary) {
		margin-left: 0;
	}

	.hwe-native-contact-closing__inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 420px) {
	.hwe-native-contact-form-tool__body {
		padding-inline: 16px;
	}

	.hwe-native-contact-signal h3 {
		font-size: 1.05rem !important;
	}
}

/*
 * Native homepage direction contract (seed dd4bb31c).
 * THESIS: A public website workbench that proves clarity through the page itself, not a demo-card gallery.
 * OWN-WORLD: Bright proofing surfaces, black type, one brand-red signal, square controls, and ruled editorial grids.
 * STORY: Recognize the current problem, understand the available work, see how delivery is checked, then enquire.
 * FIRST VIEWPORT: Full-width real WordPress production scene, left-set literal offer, outcome line, and two actions.
 * FORM: Website proofing wall, assigned grounded direction 7. FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md.
 */
.hwe-native-home {
	--hwe-home-ink: #111318;
	--hwe-home-muted: #515761;
	--hwe-home-paper: #f2f3f5;
	--hwe-home-line: #cfd3da;
	--hwe-home-accent: var(--hwe-brand-accent);
	--hwe-home-accent-dark: var(--hwe-brand-accent-dark);
	--hwe-home-white: #ffffff;
	color: var(--hwe-home-ink);
	background: var(--hwe-home-white);
}

.hwe-native-home > * {
	margin-block-start: 0;
}

.hwe-native-home h1,
.hwe-native-home h2,
.hwe-native-home h3 {
	color: inherit;
	letter-spacing: 0;
	text-wrap: balance;
}

.hwe-native-home p,
.hwe-native-home li,
.hwe-native-home summary {
	letter-spacing: 0;
}

body:has(.hwe-native-home) .hwe-theme-header {
	border-bottom-color: var(--wp--preset--color--line);
	background: var(--wp--preset--color--paper);
}

body:has(.hwe-native-home) .hwe-theme-navigation .wp-block-navigation-item__content {
	color: #343841;
}

body:has(.hwe-native-home) .hwe-theme-navigation .wp-block-navigation-item__content:hover,
body:has(.hwe-native-home) .hwe-theme-navigation .wp-block-navigation-item__content:focus-visible {
	color: var(--hwe-brand-accent);
}

body:has(.hwe-native-home) .hwe-theme-header-cta .wp-block-button__link {
	background: var(--hwe-brand-accent);
}

body:has(.hwe-native-home) .hwe-theme-header-cta .wp-block-button__link:hover,
body:has(.hwe-native-home) .hwe-theme-header-cta .wp-block-button__link:focus-visible {
	background: var(--hwe-brand-accent-dark);
}

.hwe-native-home-hero {
	position: relative;
	min-height: 720px !important;
	padding-inline: 0 !important;
	color: var(--hwe-home-ink);
	background: var(--hwe-home-paper);
}

.hwe-native-home-hero .wp-block-cover__image-background {
	object-position: 63% center;
}

.hwe-native-home-hero .wp-block-cover__background {
	opacity: 0.2 !important;
}

.hwe-native-home-hero .wp-block-cover__inner-container {
	display: flex;
	width: 100%;
	min-height: 720px;
	align-items: center;
	padding: 72px 40px;
}

.hwe-native-home-hero__inner {
	width: 100%;
	max-width: 1360px !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.hwe-native-home-hero__inner > * {
	margin-right: auto;
	margin-left: 0 !important;
}

.hwe-native-home-hero h1 {
	max-width: 10ch;
	margin-bottom: 24px;
	font-size: 4.75rem !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-home-hero__lead {
	max-width: 20ch;
	margin-top: 0;
	margin-bottom: 12px;
	color: var(--hwe-home-accent);
	font-size: 1.75rem !important;
	font-weight: 800;
	line-height: 1.32;
}

.hwe-native-home-hero__body {
	max-width: 31ch;
	margin-top: 0;
	color: #333840;
	font-weight: 500;
}

.hwe-native-home-hero__actions {
	gap: 12px;
	margin-top: 32px;
}

.hwe-native-home-button .wp-block-button__link {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	padding: 13px 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-weight: 800;
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.hwe-native-home-button .wp-block-button__link:hover {
	transform: translateY(-1px);
}

.hwe-native-home-button .wp-block-button__link:focus-visible,
.hwe-native-home a:focus-visible,
.hwe-native-home summary:focus-visible {
	outline: 3px solid #f2b84b;
	outline-offset: 3px;
}

.hwe-native-home-button.is-primary .wp-block-button__link {
	color: var(--hwe-home-white);
	background: var(--hwe-home-accent);
}

.hwe-native-home-button.is-primary .wp-block-button__link:hover {
	background: var(--hwe-home-accent-dark);
}

.hwe-native-home-button.is-secondary .wp-block-button__link {
	border-color: var(--hwe-home-ink);
	color: var(--hwe-home-ink);
	background: rgba(255, 255, 255, 0.72);
}

.hwe-native-home-button.is-secondary .wp-block-button__link:hover {
	color: var(--hwe-home-white);
	background: var(--hwe-home-ink);
}

.hwe-native-home-hero__note {
	max-width: 58ch;
	margin-top: 20px;
	color: var(--hwe-home-muted);
}

.hwe-native-home-signal-grid {
	gap: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid var(--hwe-home-ink);
	border-bottom: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-signal {
	min-height: 190px;
	margin: 0;
	padding: 32px 26px;
	border-left: 1px solid var(--hwe-home-line);
}

.hwe-native-home-signal:first-child {
	border-left: 0;
}

.hwe-native-home-signal h2,
.hwe-native-home-signal p {
	margin: 0;
}

.hwe-native-home-signal h2 {
	max-width: 16ch;
}

.hwe-native-home-signal p:last-child {
	margin-top: 18px;
	color: var(--hwe-home-muted);
}

.hwe-native-home-routes,
.hwe-native-home-scope {
	background: var(--hwe-home-paper) !important;
}

.hwe-native-home-routes__grid,
.hwe-native-home-workbench__grid,
.hwe-native-home-scope__grid,
.hwe-native-home-faq__grid {
	gap: clamp(40px, 6vw, 92px);
}

.hwe-native-home-routes__intro {
	position: static;
	top: auto;
	align-self: flex-start;
}

.hwe-native-home-routes__intro p,
.hwe-native-home-section-intro p,
.hwe-native-home-process__intro p,
.hwe-native-home-scope__grid > .wp-block-column:first-child p,
.hwe-native-home-faq__grid > .wp-block-column:first-child p {
	color: var(--hwe-home-muted);
}

.hwe-native-home-text-button .wp-block-button__link {
	min-height: 44px;
	padding: 9px 0;
	border: 0;
	border-bottom: 2px solid var(--hwe-home-accent);
	border-radius: 0;
	color: var(--hwe-home-ink);
	background: transparent;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-home-text-button .wp-block-button__link:hover,
.hwe-native-home-text-button .wp-block-button__link:focus-visible {
	color: var(--hwe-home-accent);
	background: transparent;
}

.hwe-native-home-route-list {
	border-bottom: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-route {
	margin: 0;
	padding: 27px 0 28px;
	border-top: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-route > summary,
.hwe-native-home-faq__list .wp-block-details > summary {
	position: relative;
	min-height: 44px;
	padding-right: 44px;
	cursor: pointer;
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.45;
	list-style: none;
}

.hwe-native-home-route > summary::-webkit-details-marker,
.hwe-native-home-faq__list .wp-block-details > summary::-webkit-details-marker {
	display: none;
}

.hwe-native-home-route > summary::after,
.hwe-native-home-faq__list .wp-block-details > summary::after {
	position: absolute;
	top: 0;
	right: 0;
	color: var(--hwe-home-accent);
	content: "+";
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1;
}

.hwe-native-home-route[open] > summary::after,
.hwe-native-home-faq__list .wp-block-details[open] > summary::after {
	content: "\2212";
}

.hwe-native-home-route > :not(summary),
.hwe-native-home-faq__list .wp-block-details > :not(summary) {
	max-width: 64ch;
	margin-right: 44px;
	margin-left: 0;
	color: var(--hwe-home-muted);
}

.hwe-native-home-route a,
.hwe-native-home-faq a {
	color: var(--hwe-home-accent);
	font-weight: 700;
	text-underline-offset: 4px;
}

.hwe-native-home-section-intro {
	gap: 48px;
}

.hwe-native-home-service-list {
	border-bottom: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-service-list > .hwe-native-home-service-row {
	width: 100%;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.hwe-native-home-service-row {
	gap: 28px;
	margin: 0;
	padding: 32px 0;
	border-top: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-service-row h3,
.hwe-native-home-service-row p {
	margin: 0;
}

.hwe-native-home-service-row h3 a {
	color: var(--hwe-home-ink);
	text-decoration: none;
}

.hwe-native-home-service-row h3 a:hover,
.hwe-native-home-service-row h3 a:focus-visible {
	color: var(--hwe-home-accent);
	text-decoration: underline;
	text-underline-offset: 5px;
}

.hwe-native-home-service-row > .wp-block-column:nth-child(2) p {
	color: var(--hwe-home-muted);
}

.hwe-native-home-service-row > .wp-block-column:last-child p {
	color: var(--hwe-home-accent);
	font-variant-numeric: tabular-nums;
}

.hwe-native-home-service-row > .wp-block-column:last-child span {
	color: var(--hwe-home-muted);
	font-size: 0.82rem;
}

.hwe-native-home-service-note {
	width: 100%;
	max-width: 1360px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	color: var(--hwe-home-muted);
}

.hwe-native-home-workbench {
	color: #ffffff;
	background: var(--hwe-home-ink) !important;
}

.hwe-native-home-delivery-board {
	border: 1px solid #7d848e;
	color: var(--hwe-home-ink);
	background: #ffffff;
}

.hwe-native-home-delivery-board__head {
	display: flex;
	min-height: 50px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 12px 18px;
	border-bottom: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-delivery-board__head p,
.hwe-native-home-delivery-board__note,
.hwe-native-home-delivery-item h3,
.hwe-native-home-delivery-item p {
	margin: 0;
}

.hwe-native-home-delivery-board__head p:last-child {
	color: var(--hwe-home-muted);
	font-size: var(--wp--preset--font-size--small);
}

.hwe-native-home-delivery-board__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hwe-native-home-delivery-item {
	position: relative;
	min-height: 245px;
	padding: 20px 20px 52px;
	border-bottom: 1px solid var(--hwe-home-line);
}

.hwe-native-home-delivery-item:nth-child(even) {
	border-left: 1px solid var(--hwe-home-line);
}

.hwe-native-home-delivery-item__number {
	margin-bottom: 44px !important;
	color: var(--hwe-home-accent);
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1;
}

.hwe-native-home-delivery-item h3 + p {
	margin-top: 9px;
	color: var(--hwe-home-muted);
}

.hwe-native-home-delivery-item__state {
	position: absolute;
	right: 20px;
	bottom: 18px;
	left: 20px;
	padding-top: 10px;
	border-top: 1px solid var(--hwe-home-line);
	color: var(--hwe-home-accent);
	font-size: 0.875rem;
	font-weight: 800;
}

.hwe-native-home-delivery-board__note {
	padding: 14px 18px 16px;
	color: var(--hwe-home-muted);
}

.hwe-native-home-workbench__copy h2,
.hwe-native-home-workbench__copy h3,
.hwe-native-home-workbench__copy p {
	color: inherit;
}

.hwe-native-home-workbench__lead,
.hwe-native-home-check p {
	color: #c7ccd5 !important;
}

.hwe-native-home-check-list {
	margin-top: 36px;
	border-bottom: 1px solid #565c66;
}

.hwe-native-home-check {
	display: grid;
	grid-template-columns: minmax(130px, 170px) minmax(0, 1fr);
	gap: 24px;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid #565c66;
}

.hwe-native-home-check h3,
.hwe-native-home-check p {
	margin: 0;
}

.hwe-native-home-process__intro p {
	max-width: 68ch;
}

.hwe-native-home-process__steps {
	gap: 0;
	border-top: 1px solid var(--hwe-home-ink);
	border-bottom: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-process__step {
	min-height: 330px;
	margin: 0;
	padding: 28px 26px 34px;
	border-left: 1px solid var(--hwe-home-line);
}

.hwe-native-home-process__step:first-child {
	border-left: 0;
}

.hwe-native-home-process__number {
	margin: 0 0 64px;
	color: var(--hwe-home-accent);
	font-size: 2.75rem;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

.hwe-native-home-process__step h3,
.hwe-native-home-process__step h3 + p {
	margin-top: 0;
}

.hwe-native-home-process__step h3 + p {
	color: var(--hwe-home-muted);
}

.hwe-native-home-scope__list {
	border-top: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-scope__row {
	display: grid;
	grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
	gap: 32px;
	margin: 0;
	padding: 25px 0;
	border-bottom: 1px solid var(--hwe-home-line);
}

.hwe-native-home-scope__row h3,
.hwe-native-home-scope__row p {
	margin: 0;
}

.hwe-native-home-scope__row p {
	color: var(--hwe-home-muted);
}

.hwe-native-home-faq__list {
	border-bottom: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-faq__list .wp-block-details {
	margin: 0;
	padding: 25px 0 27px;
	border-top: 1px solid var(--hwe-home-ink);
}

.hwe-native-home-closing {
	color: #ffffff;
	background: var(--hwe-home-accent);
}

.hwe-native-home-closing__inner > * {
	margin-right: auto;
	margin-left: 0 !important;
}

.hwe-native-home-closing h2 {
	max-width: 14ch;
	font-size: 4.5rem !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-home-closing p {
	max-width: 58ch;
}

.hwe-native-home-closing__actions {
	gap: 12px;
	margin-top: 32px;
}

.hwe-native-home-button.is-light .wp-block-button__link {
	color: var(--hwe-home-accent);
	background: #ffffff;
}

.hwe-native-home-button.is-light .wp-block-button__link:hover {
	color: var(--hwe-home-ink);
	background: #eef2fb;
}

.hwe-native-home-button.is-ghost .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.8);
	color: #ffffff;
	background: transparent;
}

.hwe-native-home-button.is-ghost .wp-block-button__link:hover {
	color: var(--hwe-home-accent);
	background: #ffffff;
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-home-hero .wp-block-cover__inner-container {
		padding-inline: 24px;
	}

	.hwe-native-home-hero h1 {
		max-width: 11ch;
		font-size: 3.6rem !important;
	}

	.hwe-native-home-hero__inner {
		max-width: 100%;
	}

	.hwe-native-home-signal {
		padding-inline: 18px;
	}

	.hwe-native-home-signal h2 {
		font-size: 1.05rem !important;
	}

	.hwe-native-home-process__step {
		min-height: 350px;
		padding-inline: 18px;
	}

	.hwe-native-home-process__step h3 {
		font-size: 1.35rem !important;
	}
}

@media (max-width: 782px) {
	.hwe-native-home-routes,
	.hwe-native-home-services,
	.hwe-native-home-workbench,
	.hwe-native-home-process,
	.hwe-native-home-scope,
	.hwe-native-home-faq,
	.hwe-native-home-closing {
		padding: 64px 20px !important;
	}

	.hwe-native-home-signals {
		padding-inline: 20px !important;
	}

	.hwe-native-home-hero {
		min-height: 680px !important;
	}

	.hwe-native-home-hero .wp-block-cover__image-background {
		object-position: 59% center;
	}

	.hwe-native-home-hero .wp-block-cover__background {
		opacity: 0.82 !important;
	}

	.hwe-native-home-hero .wp-block-cover__inner-container {
		min-height: 680px;
		align-items: flex-start;
		padding: 52px 20px 44px;
	}

	.hwe-native-home-hero h1 {
		max-width: 100%;
		font-size: 2.85rem !important;
		line-height: 1.12;
	}

	.hwe-native-home-hero__lead {
		font-size: 1.45rem !important;
	}

	.hwe-native-home-hero__body {
		max-width: 26ch;
		font-size: 1.05rem !important;
	}

	.hwe-native-home-hero__actions,
	.hwe-native-home-closing__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.hwe-native-home-hero__actions .wp-block-button,
	.hwe-native-home-hero__actions .wp-block-button__link,
	.hwe-native-home-closing__actions .wp-block-button,
	.hwe-native-home-closing__actions .wp-block-button__link {
		width: 100%;
	}

	.hwe-native-home-signal-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hwe-native-home-signal {
		min-height: 190px;
		padding: 22px 16px;
	}

	.hwe-native-home-signal:nth-child(odd) {
		border-left: 0;
	}

	.hwe-native-home-signal:nth-child(even) {
		border-left: 1px solid var(--hwe-home-line);
	}

	.hwe-native-home-signal:nth-child(n + 3) {
		border-top: 1px solid var(--hwe-home-line);
	}

	.hwe-native-home-signal h2 {
		font-size: 1rem !important;
	}

	.hwe-native-home-routes__intro {
		position: static;
	}

	.hwe-native-home-routes__grid,
	.hwe-native-home-workbench__grid,
	.hwe-native-home-scope__grid,
	.hwe-native-home-faq__grid {
		gap: 36px;
	}

	.hwe-native-home-service-row {
		display: grid;
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 28px 0;
	}

	.hwe-native-home-service-row > .wp-block-column:last-child p {
		text-align: left;
	}

	.hwe-native-home-delivery-item {
		min-height: 230px;
	}

	.hwe-native-pricing-quote-layer.is-optional,
	.hwe-native-pricing-quote-layer.is-external {
		margin-left: 0;
	}

	.hwe-native-home-check {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.hwe-native-home-process__steps {
		display: block;
	}

	.hwe-native-home-process__step {
		min-height: 0;
		padding: 28px 0 30px;
		border-top: 1px solid var(--hwe-home-line);
		border-left: 0;
	}

	.hwe-native-home-process__step:first-child {
		border-top: 0;
	}

	.hwe-native-home-process__number {
		margin-bottom: 28px;
	}

	.hwe-native-home-scope__row {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.hwe-native-home-route > :not(summary),
	.hwe-native-home-faq__list .wp-block-details > :not(summary) {
		margin-right: 0;
	}

	.hwe-native-home-closing h2 {
		max-width: 100%;
		font-size: 3.15rem !important;
	}
}

@media (max-width: 420px) {
	.hwe-native-home-hero h1 {
		font-size: 2.55rem !important;
	}

	.hwe-native-home-signal {
		padding-inline: 13px;
	}

	.hwe-native-home-signal p:last-child {
		font-size: 0.875rem !important;
	}
}

/*
 * Native Demo Library direction contract.
 * THESIS: Compare how different businesses need different website decisions, not a gallery of interchangeable cards.
 * OWN-WORLD: Bright proofing surfaces, near-black type, brand-red actions, square controls, and large ruled website studies.
 * STORY: See four distinct website worlds, compare the customer questions they answer, understand shared standards, then enquire.
 * FIRST VIEWPORT: A four-site mosaic occupies the right field while a literal comparison proposition and two actions sit on the left.
 * FORM: Full-width comparative website atlas inside the established native homepage world. FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md.
 */
.hwe-native-demo-library {
	--hwe-demo-ink: #111318;
	--hwe-demo-muted: #515761;
	--hwe-demo-paper: #f2f3f5;
	--hwe-demo-line: #cfd3da;
	--hwe-demo-accent: var(--hwe-brand-accent);
	--hwe-demo-accent-dark: var(--hwe-brand-accent-dark);
	--hwe-demo-white: #ffffff;
	color: var(--hwe-demo-ink);
	background: var(--hwe-demo-white);
}

.hwe-native-demo-library > * {
	margin-block-start: 0;
}

.hwe-native-demo-library h1,
.hwe-native-demo-library h2,
.hwe-native-demo-library h3 {
	color: inherit;
	letter-spacing: 0;
	text-wrap: balance;
}

.hwe-native-demo-library p,
.hwe-native-demo-library li {
	letter-spacing: 0;
}

body:has(.hwe-native-demo-library) .hwe-theme-header {
	border-bottom-color: var(--hwe-demo-line, #cfd3da);
	background: #ffffff;
}

body:has(.hwe-native-demo-library) .hwe-theme-navigation .wp-block-navigation-item__content {
	color: #343841;
}

body:has(.hwe-native-demo-library) .hwe-theme-navigation .wp-block-navigation-item__content:hover,
body:has(.hwe-native-demo-library) .hwe-theme-navigation .wp-block-navigation-item__content:focus-visible {
	color: var(--hwe-brand-accent);
}

body:has(.hwe-native-demo-library) .hwe-theme-header-cta .wp-block-button__link {
	background: var(--hwe-brand-accent);
}

body:has(.hwe-native-demo-library) .hwe-theme-header-cta .wp-block-button__link:hover,
body:has(.hwe-native-demo-library) .hwe-theme-header-cta .wp-block-button__link:focus-visible {
	background: var(--hwe-brand-accent-dark);
}

.hwe-native-demo-library-hero {
	position: relative;
	min-height: 720px !important;
	padding-inline: 0 !important;
	color: var(--hwe-demo-ink);
	background: var(--hwe-demo-paper);
}

.hwe-native-demo-library-hero .wp-block-cover__image-background {
	object-position: center center;
}

.hwe-native-demo-library-hero .wp-block-cover__background {
	opacity: 0 !important;
}

.hwe-native-demo-library-hero .wp-block-cover__inner-container {
	display: flex;
	width: 100%;
	min-height: 720px;
	align-items: center;
	padding: 64px 40px;
}

.hwe-native-demo-library-hero__inner {
	width: 100%;
	max-width: 1360px !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.hwe-native-demo-library-hero__inner > * {
	margin-right: auto;
	margin-left: 0 !important;
}

.hwe-native-demo-library-hero h1 {
	max-width: 9ch;
	margin-bottom: 24px;
	font-size: 4.5rem !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-demo-library-hero__lead {
	max-width: 18ch;
	margin-top: 0;
	margin-bottom: 12px;
	color: var(--hwe-demo-accent);
	font-size: 1.65rem !important;
	font-weight: 800;
	line-height: 1.35;
}

.hwe-native-demo-library-hero__body {
	max-width: 27ch;
	margin-top: 0;
	color: #333840;
	font-weight: 500;
}

.hwe-native-demo-library-hero__actions,
.hwe-native-demo-library-closing__actions {
	gap: 12px;
	margin-top: 30px;
}

.hwe-native-demo-library-button .wp-block-button__link {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	padding: 13px 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-weight: 800;
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.hwe-native-demo-library-button .wp-block-button__link:hover {
	transform: translateY(-1px);
}

.hwe-native-demo-library-button .wp-block-button__link:focus-visible,
.hwe-native-demo-library a:focus-visible {
	outline: 3px solid #f2b84b;
	outline-offset: 3px;
}

.hwe-native-demo-library-button.is-primary .wp-block-button__link {
	color: var(--hwe-demo-white);
	background: var(--hwe-demo-accent);
}

.hwe-native-demo-library-button.is-primary .wp-block-button__link:hover {
	background: var(--hwe-demo-accent-dark);
}

.hwe-native-demo-library-button.is-secondary .wp-block-button__link {
	border-color: var(--hwe-demo-ink);
	color: var(--hwe-demo-ink);
	background: rgba(255, 255, 255, 0.78);
}

.hwe-native-demo-library-button.is-secondary .wp-block-button__link:hover {
	color: var(--hwe-demo-white);
	background: var(--hwe-demo-ink);
}

.hwe-native-demo-library-disclosure {
	border-top: 1px solid var(--hwe-demo-ink);
	border-bottom: 1px solid var(--hwe-demo-ink);
}

.hwe-native-demo-library-disclosure__grid {
	gap: 0;
	margin-block: 0;
}

.hwe-native-demo-library-disclosure__grid > .wp-block-column {
	min-height: 92px;
	padding: 22px 24px;
}

.hwe-native-demo-library-disclosure__grid > .wp-block-column + .wp-block-column {
	border-left: 1px solid var(--hwe-demo-line);
}

.hwe-native-demo-library-disclosure p {
	margin: 0;
}

.hwe-native-demo-library-disclosure__grid > .wp-block-column:first-child p {
	color: var(--hwe-demo-accent);
}

.hwe-native-demo-library-intro__grid,
.hwe-native-demo-library-questions__intro,
.hwe-native-demo-library-standards__grid {
	gap: clamp(40px, 6vw, 92px);
}

.hwe-native-demo-library-intro__grid p,
.hwe-native-demo-library-questions__intro p,
.hwe-native-demo-library-standards__grid > .wp-block-column:first-child p {
	color: var(--hwe-demo-muted);
}

.hwe-native-demo-library-study {
	border-top: 1px solid var(--hwe-demo-line);
}

.hwe-native-demo-library-study__grid {
	gap: clamp(42px, 6vw, 88px);
}

.hwe-native-demo-library-study__image {
	margin: 0;
	border: 1px solid var(--hwe-demo-ink);
	background: var(--hwe-demo-white);
}

.hwe-native-demo-library-study__image a {
	display: block;
	overflow: hidden;
}

.hwe-native-demo-library-study__image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: top center;
	transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
}

.hwe-native-demo-library-study__image a:hover img {
	transform: scale(1.015);
}

.hwe-native-demo-library-study__image figcaption {
	margin: 0;
	padding: 12px 14px;
	border-top: 1px solid var(--hwe-demo-line);
	color: var(--hwe-demo-muted);
	background: var(--hwe-demo-white);
}

.hwe-native-demo-library-study__copy > h2,
.hwe-native-demo-library-study__copy > p {
	margin-top: 0;
}

.hwe-native-demo-library-study__summary {
	color: var(--hwe-demo-muted);
}

.hwe-native-demo-library-priority-list {
	margin-top: 34px;
	margin-bottom: 28px;
	border-bottom: 1px solid var(--hwe-demo-ink);
}

.hwe-native-demo-library-priority {
	display: grid;
	grid-template-columns: minmax(110px, 140px) minmax(0, 1fr);
	gap: 22px;
	margin: 0;
	padding: 17px 0;
	border-top: 1px solid var(--hwe-demo-ink);
}

.hwe-native-demo-library-priority h3,
.hwe-native-demo-library-priority p {
	margin: 0;
}

.hwe-native-demo-library-priority h3,
.hwe-native-demo-library-standard h3 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.hwe-native-demo-library-priority h3 {
	color: var(--hwe-demo-accent);
}

.hwe-native-demo-library-priority p {
	color: var(--hwe-demo-muted);
}

.hwe-native-demo-library-text-button .wp-block-button__link {
	min-height: 44px;
	padding: 9px 0;
	border: 0;
	border-bottom: 2px solid var(--hwe-demo-accent);
	border-radius: 0;
	color: var(--hwe-demo-ink);
	background: transparent;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-library-text-button .wp-block-button__link:hover,
.hwe-native-demo-library-text-button .wp-block-button__link:focus-visible {
	color: var(--hwe-demo-accent);
	background: transparent;
}

.hwe-native-demo-library-question-list {
	border-bottom: 1px solid var(--hwe-demo-ink);
}

.hwe-native-demo-library-question-row {
	gap: 28px;
	margin: 0;
	padding: 27px 0;
	border-top: 1px solid var(--hwe-demo-ink);
}

.hwe-native-demo-library-question-row h3,
.hwe-native-demo-library-question-row p {
	margin: 0;
}

.hwe-native-demo-library-question-row > .wp-block-column:nth-child(2) p {
	color: var(--hwe-demo-accent);
}

.hwe-native-demo-library-question-row > .wp-block-column:last-child p {
	color: var(--hwe-demo-muted);
}

.hwe-native-demo-library-standard-list {
	border-top: 1px solid var(--hwe-demo-ink);
}

.hwe-native-demo-library-standard {
	display: grid;
	grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
	gap: 30px;
	margin: 0;
	padding: 24px 0;
	border-bottom: 1px solid var(--hwe-demo-line);
}

.hwe-native-demo-library-standard h3,
.hwe-native-demo-library-standard p {
	margin: 0;
}

.hwe-native-demo-library-standard p {
	color: var(--hwe-demo-muted);
}

.hwe-native-demo-library-closing {
	color: #ffffff;
	background: var(--hwe-demo-accent);
}

.hwe-native-demo-library-closing__inner > * {
	margin-right: auto;
	margin-left: 0 !important;
}

.hwe-native-demo-library-closing h2 {
	max-width: 15ch;
	font-size: 4.35rem !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-demo-library-closing p {
	max-width: 62ch;
}

.hwe-native-demo-library-button.is-light .wp-block-button__link {
	color: var(--hwe-demo-accent);
	background: #ffffff;
}

.hwe-native-demo-library-button.is-light .wp-block-button__link:hover {
	color: var(--hwe-demo-ink);
	background: #eef2fb;
}

.hwe-native-demo-library-button.is-ghost .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.8);
	color: #ffffff;
	background: transparent;
}

.hwe-native-demo-library-button.is-ghost .wp-block-button__link:hover {
	color: var(--hwe-demo-accent);
	background: #ffffff;
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-demo-library-hero .wp-block-cover__inner-container {
		padding-inline: 24px;
	}

	.hwe-native-demo-library-hero h1 {
		max-width: 10ch;
		font-size: 3.55rem !important;
	}

	.hwe-native-demo-library-hero__inner {
		max-width: 100%;
	}

	.hwe-native-demo-library-hero__body {
		max-width: 24ch;
	}

	.hwe-native-demo-library-study__grid {
		gap: 36px;
	}

	.hwe-native-demo-library-study__copy h2 {
		font-size: 2.1rem !important;
	}

	.hwe-native-demo-library-priority {
		grid-template-columns: 108px minmax(0, 1fr);
		gap: 16px;
	}
}

@media (max-width: 782px) {
	.hwe-native-demo-library-intro,
	.hwe-native-demo-library-study,
	.hwe-native-demo-library-questions,
	.hwe-native-demo-library-standards,
	.hwe-native-demo-library-closing {
		padding: 64px 20px !important;
	}

	.hwe-native-demo-library-hero {
		min-height: 700px !important;
		background: var(--hwe-demo-white);
	}

	.hwe-native-demo-library-hero .wp-block-cover__image-background {
		top: 0;
		bottom: auto;
		height: 245px;
		object-position: 75% center;
	}

	.hwe-native-demo-library-hero .wp-block-cover__background {
		top: 0;
		bottom: auto;
		height: 245px;
	}

	.hwe-native-demo-library-hero .wp-block-cover__inner-container {
		min-height: 700px;
		align-items: flex-start;
		padding: 285px 20px 48px;
		background: transparent;
	}

	.hwe-native-demo-library-hero h1 {
		max-width: 100%;
		font-size: 2.85rem !important;
		line-height: 1.1;
	}

	.hwe-native-demo-library-hero__lead {
		max-width: 100%;
		font-size: 1.4rem !important;
	}

	.hwe-native-demo-library-hero__body {
		max-width: 100%;
		font-size: 1rem !important;
	}

	.hwe-native-demo-library-hero__actions,
	.hwe-native-demo-library-closing__actions {
		width: 100%;
		flex-direction: column;
	}

	.hwe-native-demo-library-hero__actions .wp-block-button,
	.hwe-native-demo-library-closing__actions .wp-block-button,
	.hwe-native-demo-library-button .wp-block-button__link {
		width: 100%;
	}

	.hwe-native-demo-library-disclosure {
		padding-inline: 20px !important;
	}

	.hwe-native-demo-library-disclosure__grid {
		display: block;
	}

	.hwe-native-demo-library-disclosure__grid > .wp-block-column {
		min-height: 0;
		padding: 17px 0;
	}

	.hwe-native-demo-library-disclosure__grid > .wp-block-column + .wp-block-column {
		padding-top: 0;
		border-left: 0;
	}

	.hwe-native-demo-library-intro__grid,
	.hwe-native-demo-library-questions__intro,
	.hwe-native-demo-library-standards__grid {
		gap: 20px;
	}

	.hwe-native-demo-library-study__grid {
		gap: 36px;
	}

	.hwe-native-demo-library-study.is-reversed .hwe-native-demo-library-study__grid {
		flex-direction: column-reverse;
	}

	.hwe-native-demo-library-study__image img {
		aspect-ratio: 4 / 3;
	}

	.hwe-native-demo-library-study__copy h2,
	.hwe-native-demo-library-intro h2,
	.hwe-native-demo-library-questions h2,
	.hwe-native-demo-library-standards h2 {
		font-size: 2.1rem !important;
	}

	.hwe-native-demo-library-question-row {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.hwe-native-demo-library-standard {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.hwe-native-demo-library-priority h3,
	.hwe-native-demo-library-standard h3 {
		text-align: left;
	}

	.hwe-native-demo-library-closing h2 {
		max-width: 100%;
		font-size: 3.05rem !important;
	}
}

@media (max-width: 420px) {
	.hwe-native-demo-library-hero h1 {
		font-size: 2.55rem !important;
	}

	.hwe-native-demo-library-priority {
		grid-template-columns: 1fr;
		gap: 5px;
	}

	.hwe-native-demo-library-study__image figcaption {
		font-size: 0.8125rem;
	}

	.hwe-native-demo-library-closing h2 {
		font-size: 2.7rem !important;
	}
}

/*
 * Native noodle-house concept demo.
 * THESIS: A restaurant page should answer what to eat, when to collect it, and where to go before telling a brand story.
 * OWN-WORLD: Warm menu paper, dark food photography, tomato red, kitchen blue, square controls, and continuous ruled rows.
 * STORY: See the signature bowl, scan the menu, shape a non-transactional pickup summary, then view the concept location.
 * FIRST VIEWPORT: A bright split menu sheet pairs an oversized dish name with a full-height bowl image and four service facts.
 * FORM: Immersive restaurant menu and pickup counter translated into core Gutenberg blocks. FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md.
 */
.hwe-native-demo-noodle {
	--hwe-noodle-paper: #f4eee4;
	--hwe-noodle-white: #fffdf8;
	--hwe-noodle-red: #d9472c;
	--hwe-noodle-red-dark: #b93823;
	--hwe-noodle-blue: #346c89;
	--hwe-noodle-blue-dark: #28576f;
	--hwe-noodle-ink: #2a211b;
	--hwe-noodle-muted: #75675a;
	--hwe-noodle-line: #cfc2b3;
	width: calc(100% + 48px);
	max-width: none !important;
	margin-inline: -24px !important;
	padding: 0 !important;
	color: var(--hwe-noodle-ink);
	background: var(--hwe-noodle-paper);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;
}

.hwe-native-demo-noodle > * {
	margin-block-start: 0;
}

.hwe-native-demo-noodle > .alignfull {
	width: 100%;
	max-width: none !important;
	margin-inline: 0 !important;
}

.hwe-native-demo-noodle .alignwide {
	width: min(1360px, 100%);
	max-width: 1360px !important;
	margin-inline: auto !important;
}

.hwe-native-demo-noodle h1,
.hwe-native-demo-noodle h2,
.hwe-native-demo-noodle h3,
.hwe-native-demo-noodle p {
	letter-spacing: 0;
}

.hwe-native-demo-noodle a:focus-visible {
	outline: 3px solid #f4c95d;
	outline-offset: 4px;
}

.hwe-native-demo-noodle-disclosure {
	padding: 8px 24px;
	color: #ffffff;
	background: #11251f;
}

.hwe-native-demo-noodle-disclosure__inner {
	min-height: 34px;
}

.hwe-native-demo-noodle-disclosure p {
	margin: 0;
}

.hwe-native-demo-noodle-disclosure a {
	color: inherit;
	text-underline-offset: 4px;
}

.hwe-native-demo-noodle-header {
	min-height: 80px;
	margin-block: 0;
	padding-inline: 0;
	border-bottom: 1px solid var(--hwe-noodle-ink);
}

.hwe-native-demo-noodle-brand {
	margin: 0 !important;
	font-weight: 900;
}

.hwe-native-demo-noodle-brand a {
	color: inherit;
	text-decoration: none;
}

.hwe-native-demo-noodle-nav {
	gap: 0;
}

.hwe-native-demo-noodle-nav-link .wp-block-button__link,
.hwe-native-demo-noodle-nav-cta .wp-block-button__link {
	min-height: 44px;
	padding: 11px 15px;
	border: 0;
	border-radius: 0;
	font-size: 0.8125rem;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-noodle-nav-link .wp-block-button__link {
	color: var(--hwe-noodle-ink);
	background: transparent;
}

.hwe-native-demo-noodle-nav-link .wp-block-button__link:hover {
	color: var(--hwe-noodle-red);
	background: transparent;
}

.hwe-native-demo-noodle-nav-cta .wp-block-button__link {
	color: #ffffff;
	background: var(--hwe-noodle-red);
}

.hwe-native-demo-noodle-nav-cta .wp-block-button__link:hover {
	background: var(--hwe-noodle-red-dark);
}

.hwe-native-demo-noodle-hero {
	display: grid;
	grid-template-columns: minmax(0, 0.77fr) minmax(0, 1.23fr);
	margin-block: 0;
	border-bottom: 1px solid var(--hwe-noodle-ink);
}

.hwe-native-demo-noodle-hero > * {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-noodle-hero__copy {
	display: flex;
	min-height: 640px;
	flex-direction: column;
	justify-content: center;
	padding: 64px 64px 64px 0;
}

.hwe-native-demo-noodle-hero__copy > * {
	margin-right: auto;
	margin-left: 0 !important;
}

.hwe-native-demo-noodle-hero__title {
	max-width: 6ch;
	margin-top: 0;
	margin-bottom: 28px;
	font-size: 6rem !important;
	font-weight: 900;
	line-height: 0.98;
}

.hwe-native-demo-noodle-hero__copy > p:not(.hwe-native-demo-noodle-hero__note) {
	max-width: 29ch;
	margin-top: 0;
	margin-bottom: 28px;
	line-height: 1.75;
}

.hwe-native-demo-noodle-button .wp-block-button__link {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	padding: 13px 18px;
	border: 0;
	border-radius: 0;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-noodle-button.is-red .wp-block-button__link {
	color: #ffffff;
	background: var(--hwe-noodle-red);
}

.hwe-native-demo-noodle-button.is-red .wp-block-button__link:hover {
	background: var(--hwe-noodle-red-dark);
}

.hwe-native-demo-noodle-hero__note {
	margin-top: 56px !important;
	margin-bottom: 0;
	color: var(--hwe-noodle-blue);
}

.hwe-native-demo-noodle-hero__image {
	position: relative;
	min-height: 640px;
	background: #241b16;
}

.hwe-native-demo-noodle-hero__image img {
	display: block;
	width: 100%;
	height: 640px;
	object-fit: cover;
}

.hwe-native-demo-noodle-hero__image figcaption {
	position: absolute;
	right: auto;
	bottom: 24px;
	left: 24px;
	margin: 0;
	padding: 10px 12px;
	color: var(--hwe-noodle-ink);
	background: var(--hwe-noodle-paper);
	font-size: 0.75rem;
	font-weight: 700;
}

.hwe-native-demo-noodle-hero__stats {
	grid-column: 1 / -1;
	gap: 0;
	margin: 0;
	border-top: 1px solid var(--hwe-noodle-ink);
}

.hwe-native-demo-noodle-stat {
	min-height: 105px;
	padding: 22px;
	border-left: 1px solid var(--hwe-noodle-line);
}

.hwe-native-demo-noodle-stat:first-child {
	border-left: 0;
}

.hwe-native-demo-noodle-stat p {
	margin: 0;
}

.hwe-native-demo-noodle-stat p:first-child {
	margin-bottom: 8px;
	color: var(--hwe-noodle-red);
}

.hwe-native-demo-noodle-menu {
	padding: 104px 24px 116px;
}

.hwe-native-demo-noodle-section-head {
	gap: 48px;
	margin-bottom: 44px;
}

.hwe-native-demo-noodle-section-head p {
	margin-bottom: 0;
	color: var(--hwe-noodle-muted);
	line-height: 1.75;
}

.hwe-native-demo-noodle-section-title {
	margin-top: 0;
	font-size: 4.25rem !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-demo-noodle-filters {
	gap: 8px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--hwe-noodle-ink);
}

.hwe-native-noodle-filter .wp-block-button__link {
	min-width: 44px;
	min-height: 44px;
	padding: 9px 14px;
	border: 1px solid var(--hwe-noodle-line);
	border-radius: 0;
	color: var(--hwe-noodle-ink);
	background: transparent;
	font-size: 0.8125rem;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-noodle-filter.is-active .wp-block-button__link,
.hwe-native-noodle-filter .wp-block-button__link:hover {
	border-color: var(--hwe-noodle-ink);
	color: #ffffff;
	background: var(--hwe-noodle-ink);
}

.hwe-native-demo-noodle-menu-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-block: 0;
}

.hwe-native-demo-noodle-menu-grid > .hwe-native-demo-noodle-dish {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-noodle-dish {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 18px;
	min-height: 145px;
	padding: 24px 20px 24px 0;
	border-bottom: 1px solid var(--hwe-noodle-line);
}

.hwe-native-demo-noodle-dish:nth-child(3n + 2),
.hwe-native-demo-noodle-dish:nth-child(3n + 3) {
	padding-left: 20px;
	border-left: 1px solid var(--hwe-noodle-line);
}

.hwe-native-demo-noodle-dish[hidden] {
	display: none;
}

.hwe-native-demo-noodle-dish > * {
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-noodle-dish figure img {
	display: block;
	width: 92px;
	height: 92px;
	object-fit: cover;
}

.hwe-native-demo-noodle-dish__copy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 6px 12px;
	align-content: start;
}

.hwe-native-demo-noodle-dish__copy > * {
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-noodle-dish__price {
	color: var(--hwe-noodle-red);
	white-space: nowrap;
}

.hwe-native-demo-noodle-dish__copy > p:last-child {
	grid-column: 1 / -1;
	color: var(--hwe-noodle-muted);
	line-height: 1.55;
}

.hwe-native-demo-noodle-pickup {
	padding: 88px 24px;
	color: #ffffff;
	background: var(--hwe-noodle-blue);
}

.hwe-native-demo-noodle-pickup__grid {
	gap: 72px;
}

.hwe-native-demo-noodle-pickup .hwe-native-demo-noodle-section-title {
	color: #ffffff;
}

.hwe-native-demo-noodle-pickup__intro,
.hwe-native-demo-noodle-pickup-note,
.hwe-native-demo-noodle-pickup-summary > .wp-block-group:first-child > p:first-child,
.hwe-native-demo-noodle-pickup-total > p:first-child {
	color: #dbe9ef;
}

.hwe-native-demo-noodle-builder__fields {
	gap: 0;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.55);
}

.hwe-native-demo-noodle-builder__field {
	min-width: 0;
	padding: 18px;
	border-left: 1px solid rgba(255, 255, 255, 0.55);
}

.hwe-native-demo-noodle-builder__field:first-child {
	border-left: 0;
}

.hwe-native-demo-noodle-builder__field > p {
	margin-top: 0;
	margin-bottom: 12px;
}

.hwe-native-demo-noodle-options {
	gap: 6px;
}

.hwe-native-demo-noodle-option .wp-block-button__link {
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	padding: 8px 10px;
	border: 1px solid rgba(255, 255, 255, 0.62);
	border-radius: 0;
	color: #ffffff;
	background: transparent;
	font-size: 0.75rem;
	font-weight: 700;
	text-decoration: none;
}

.hwe-native-demo-noodle-option.is-active .wp-block-button__link,
.hwe-native-demo-noodle-option .wp-block-button__link:hover {
	border-color: var(--hwe-noodle-paper);
	color: var(--hwe-noodle-ink);
	background: var(--hwe-noodle-paper);
}

.hwe-native-demo-noodle-pickup-summary {
	gap: 24px;
	margin-top: 22px;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.55);
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.hwe-native-demo-noodle-pickup-summary p {
	margin: 0;
}

.hwe-native-demo-noodle-pickup-total {
	text-align: right;
}

.hwe-native-demo-noodle-confirm {
	margin-top: 18px;
}

.hwe-native-demo-noodle-confirm .wp-block-button__link {
	min-height: 48px;
	padding: 12px 15px;
	border: 0;
	border-radius: 0;
	color: var(--hwe-noodle-ink);
	background: var(--hwe-noodle-paper);
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-noodle-confirm .wp-block-button__link:hover {
	background: #ffffff;
}

.hwe-native-demo-noodle-pickup-note {
	margin-top: 12px;
	margin-bottom: 0;
}

.hwe-native-demo-noodle-visit {
	padding: 80px 24px;
	color: #ffffff;
	background: var(--hwe-noodle-red);
}

.hwe-native-demo-noodle-visit__grid {
	gap: 68px;
}

.hwe-native-demo-noodle-visit .hwe-native-demo-noodle-section-title {
	color: #ffffff;
}

.hwe-native-demo-noodle-visit__info {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.55);
}

.hwe-native-demo-noodle-visit__info > * {
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-noodle-visit__info p {
	margin: 0;
}

.hwe-native-demo-noodle-visit__info a {
	color: inherit;
	text-underline-offset: 5px;
}

.hwe-native-demo-noodle-footer {
	padding: 28px 24px;
	color: var(--hwe-noodle-muted);
}

.hwe-native-demo-noodle-footer p {
	margin: 0;
}

.hwe-native-demo-noodle-footer a {
	color: inherit;
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-demo-noodle-header,
	.hwe-native-demo-noodle-hero {
		width: calc(100% - 48px) !important;
	}

	.hwe-native-demo-noodle-hero__copy {
		padding-right: 36px;
	}

	.hwe-native-demo-noodle-hero__title {
		font-size: 4.75rem !important;
	}

	.hwe-native-demo-noodle-section-title {
		font-size: 3.35rem !important;
	}

	.hwe-native-demo-noodle-menu-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hwe-native-demo-noodle-dish:nth-child(3n + 2),
	.hwe-native-demo-noodle-dish:nth-child(3n + 3) {
		padding-left: 0;
		border-left: 0;
	}

	.hwe-native-demo-noodle-dish:nth-child(2n) {
		padding-left: 18px;
		border-left: 1px solid var(--hwe-noodle-line);
	}

	.hwe-native-demo-noodle-pickup__grid {
		gap: 42px;
	}

	.hwe-native-demo-noodle-builder__fields {
		display: block;
	}

	.hwe-native-demo-noodle-builder__field {
		border-top: 1px solid rgba(255, 255, 255, 0.55);
		border-left: 0;
	}

	.hwe-native-demo-noodle-builder__field:first-child {
		border-top: 0;
	}
}

@media (max-width: 782px) {
	.hwe-native-demo-noodle-disclosure {
		padding-inline: 16px;
	}

	.hwe-native-demo-noodle-disclosure__inner {
		gap: 4px 16px;
	}

	.hwe-native-demo-noodle-header,
	.hwe-native-demo-noodle-hero {
		width: calc(100% - 32px) !important;
	}

	.hwe-native-demo-noodle-header {
		min-height: 68px;
	}

	.hwe-native-demo-noodle-nav-link {
		display: none;
	}

	.hwe-native-demo-noodle-nav-cta .wp-block-button__link {
		padding-inline: 11px;
		font-size: 0.75rem;
	}

	.hwe-native-demo-noodle-hero {
		grid-template-columns: 1fr;
	}

	.hwe-native-demo-noodle-hero__copy {
		min-height: 0;
		padding: 56px 0 44px;
	}

	.hwe-native-demo-noodle-hero__title {
		font-size: 4.1rem !important;
	}

	.hwe-native-demo-noodle-hero__note {
		margin-top: 34px !important;
	}

	.hwe-native-demo-noodle-hero__image {
		min-height: 0;
	}

	.hwe-native-demo-noodle-hero__image img {
		height: 390px;
	}

	.hwe-native-demo-noodle-hero__image figcaption {
		right: 16px;
		bottom: 16px;
		left: 16px;
	}

	.hwe-native-demo-noodle-hero__stats {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hwe-native-demo-noodle-stat {
		min-height: 96px;
		padding: 17px 12px;
	}

	.hwe-native-demo-noodle-stat:nth-child(odd) {
		border-left: 0;
	}

	.hwe-native-demo-noodle-stat:nth-child(n + 3) {
		border-top: 1px solid var(--hwe-noodle-line);
	}

	.hwe-native-demo-noodle-menu {
		padding: 72px 16px 82px;
	}

	.hwe-native-demo-noodle-section-head {
		gap: 18px;
	}

	.hwe-native-demo-noodle-section-title {
		font-size: 2.85rem !important;
	}

	.hwe-native-demo-noodle-filters {
		gap: 6px;
	}

	.hwe-native-noodle-filter .wp-block-button__link {
		padding-inline: 10px;
	}

	.hwe-native-demo-noodle-menu-grid {
		grid-template-columns: 1fr;
	}

	.hwe-native-demo-noodle-dish,
	.hwe-native-demo-noodle-dish:nth-child(2n),
	.hwe-native-demo-noodle-dish:nth-child(3n + 2),
	.hwe-native-demo-noodle-dish:nth-child(3n + 3) {
		grid-template-columns: 82px minmax(0, 1fr);
		min-height: 0;
		padding: 19px 0;
		border-left: 0;
	}

	.hwe-native-demo-noodle-dish figure img {
		width: 82px;
		height: 82px;
	}

	.hwe-native-demo-noodle-pickup,
	.hwe-native-demo-noodle-visit {
		padding: 68px 16px;
	}

	.hwe-native-demo-noodle-pickup__grid,
	.hwe-native-demo-noodle-visit__grid {
		gap: 34px;
	}

	.hwe-native-demo-noodle-builder__fields {
		display: block;
	}

	.hwe-native-demo-noodle-builder__field {
		border-top: 1px solid rgba(255, 255, 255, 0.55);
		border-left: 0;
	}

	.hwe-native-demo-noodle-builder__field:first-child {
		border-top: 0;
	}

	.hwe-native-demo-noodle-pickup-summary {
		align-items: flex-start;
	}

	.hwe-native-demo-noodle-pickup-total {
		text-align: left;
	}

	.hwe-native-demo-noodle-visit__info {
		gap: 22px 16px;
	}

	.hwe-native-demo-noodle-footer {
		padding-inline: 16px;
	}
}

@media (max-width: 420px) {
	.hwe-native-demo-noodle-brand {
		font-size: 1rem !important;
	}

	.hwe-native-demo-noodle-nav-cta .wp-block-button__link {
		max-width: 155px;
		line-height: 1.35;
		text-align: center;
	}

	.hwe-native-demo-noodle-hero__title {
		font-size: 3.75rem !important;
	}

	.hwe-native-demo-noodle-hero__image img {
		height: 330px;
	}

	.hwe-native-demo-noodle-visit__info {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/*
 * Native professional-advisor concept demo.
 * THESIS: A professional-services page should let a visitor choose the decision they face and see a concrete first conversation, not lead with generic expertise claims.
 * OWN-WORLD: Pale blue working paper, deep green ink, white ruled fields, one sober blue action and restrained ochre notation.
 * STORY: Choose a decision, inspect the fictional diagnostic output, understand the proposed working format, browse concept insights, then enquire about this website approach.
 * FIRST VIEWPORT: An oversized decision-led headline and plain-language disclosure lead directly into a two-part diagnostic workbench.
 * FORM: Approved v7 decision worksheet translated into core Gutenberg blocks. FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md.
 */
.hwe-native-demo-advisor {
	--hwe-advisor-paper: #edf2f4;
	--hwe-advisor-white: #ffffff;
	--hwe-advisor-ink: #15322f;
	--hwe-advisor-blue: #2d6c9a;
	--hwe-advisor-blue-dark: #24587d;
	--hwe-advisor-pale: #d9e8ea;
	--hwe-advisor-line: #afc2c6;
	--hwe-advisor-gold: #9b6515;
	--hwe-advisor-gold-dark: #7d5010;
	--hwe-advisor-muted: #547177;
	width: calc(100% + 48px);
	max-width: none !important;
	margin-inline: -24px !important;
	padding: 0 !important;
	color: var(--hwe-advisor-ink);
	background: var(--hwe-advisor-paper);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;
}

.hwe-native-demo-advisor > * {
	margin-block-start: 0;
}

.hwe-native-demo-advisor > .alignfull {
	width: 100%;
	max-width: none !important;
	margin-inline: 0 !important;
}

.hwe-native-demo-advisor .alignwide {
	width: min(1320px, 100%);
	max-width: 1320px !important;
	margin-inline: auto !important;
}

.hwe-native-demo-advisor h1,
.hwe-native-demo-advisor h2,
.hwe-native-demo-advisor h3,
.hwe-native-demo-advisor p {
	letter-spacing: 0;
}

.hwe-native-demo-advisor a:focus-visible {
	outline: 3px solid #d8a23f;
	outline-offset: 4px;
}

.hwe-native-demo-advisor-disclosure {
	padding: 8px 24px;
	color: #ffffff;
	background: #11251f;
}

.hwe-native-demo-advisor-disclosure__inner {
	min-height: 34px;
}

.hwe-native-demo-advisor-disclosure p {
	margin: 0;
}

.hwe-native-demo-advisor-disclosure a {
	color: inherit;
	text-underline-offset: 4px;
}

.hwe-native-demo-advisor-header {
	min-height: 76px;
	margin-block: 0;
	border-bottom: 1px solid var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
	font-weight: 900;
}

.hwe-native-demo-advisor-brand::before {
	display: grid;
	width: 22px;
	height: 22px;
	place-items: center;
	border: 2px solid currentColor;
	content: "衡";
	font-size: 0.625rem;
	line-height: 1;
}

.hwe-native-demo-advisor-brand a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.hwe-native-demo-advisor-nav {
	gap: 0;
}

.hwe-native-demo-advisor-nav-link .wp-block-button__link,
.hwe-native-demo-advisor-nav-cta .wp-block-button__link {
	min-height: 44px;
	padding: 11px 14px;
	border: 0;
	border-radius: 0;
	font-size: 0.8125rem;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-advisor-nav-link .wp-block-button__link {
	color: var(--hwe-advisor-ink);
	background: transparent;
}

.hwe-native-demo-advisor-nav-link .wp-block-button__link:hover {
	color: var(--hwe-advisor-blue);
	background: transparent;
}

.hwe-native-demo-advisor-nav-cta .wp-block-button__link {
	border: 1px solid var(--hwe-advisor-ink);
	color: var(--hwe-advisor-ink);
	background: transparent;
}

.hwe-native-demo-advisor-nav-cta .wp-block-button__link:hover {
	color: #ffffff;
	background: var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-intro {
	padding: 68px 24px 54px;
}

.hwe-native-demo-advisor-intro__grid {
	gap: 72px;
}

.hwe-native-demo-advisor-intro__title {
	max-width: 10ch;
	margin: 0;
	font-size: 6rem !important;
	font-weight: 900;
	line-height: 1.02;
}

.hwe-native-demo-advisor-intro__side p {
	margin-top: 0;
	color: var(--hwe-advisor-muted);
	line-height: 1.8;
}

.hwe-native-demo-advisor-intro__side .hwe-native-demo-advisor-concept-note {
	margin-top: 22px;
	margin-bottom: 0;
	color: var(--hwe-advisor-gold);
	line-height: 1.55;
}

.hwe-native-demo-advisor-diagnostic {
	padding: 0 24px;
	border-top: 1px solid var(--hwe-advisor-ink);
	border-bottom: 1px solid var(--hwe-advisor-ink);
	background: var(--hwe-advisor-white);
}

.hwe-native-demo-advisor-diagnostic__grid {
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	min-height: 600px;
}

.hwe-native-demo-advisor-diagnostic__grid > * {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-advisor-questions {
	border-right: 1px solid var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-questions__title {
	min-height: 62px;
	margin: 0;
	padding: 20px 24px;
	border-bottom: 1px solid var(--hwe-advisor-line);
	color: var(--hwe-advisor-muted);
}

.hwe-native-demo-advisor-question-list {
	display: block;
	margin: 0;
}

.hwe-native-demo-advisor-question {
	display: block;
	width: 100%;
	margin: 0;
}

.hwe-native-demo-advisor-question .wp-block-button__link {
	display: grid;
	width: 100%;
	min-height: 120px;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	padding: 24px;
	border: 0;
	border-bottom: 1px solid var(--hwe-advisor-line);
	border-radius: 0;
	color: var(--hwe-advisor-ink);
	background: transparent;
	line-height: 1.45;
	text-align: left;
	text-decoration: none;
}

.hwe-native-demo-advisor-question .wp-block-button__link span {
	color: var(--hwe-advisor-gold);
	font-size: 0.75rem;
	font-weight: 900;
}

.hwe-native-demo-advisor-question .wp-block-button__link strong {
	font-size: 1.125rem;
}

.hwe-native-demo-advisor-question.is-active .wp-block-button__link,
.hwe-native-demo-advisor-question .wp-block-button__link:hover {
	color: #ffffff;
	background: var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-question.is-active .wp-block-button__link span,
.hwe-native-demo-advisor-question .wp-block-button__link:hover span {
	color: #f1bd60;
}

.hwe-native-demo-advisor-result {
	display: grid;
	grid-template-rows: auto 1fr auto;
	padding: 30px 38px;
	background: var(--hwe-advisor-pale);
}

.hwe-native-demo-advisor-result > * {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-advisor-result__status {
	min-height: 34px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--hwe-advisor-line);
}

.hwe-native-demo-advisor-result__status p {
	margin: 0;
}

.hwe-native-demo-advisor-result__status p:first-child {
	color: var(--hwe-advisor-blue);
}

.hwe-native-demo-advisor-result__main {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr);
	gap: 52px;
	align-items: center;
	padding: 46px 0;
}

.hwe-native-demo-advisor-result__main > * {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-advisor-result-title {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 3.75rem !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-demo-advisor-result-description {
	max-width: 46ch !important;
	margin-right: auto !important;
	margin-left: 0 !important;
	color: var(--hwe-advisor-muted);
	line-height: 1.8;
}

.hwe-native-demo-advisor-result-list {
	border-top: 1px solid var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-result-item {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) !important;
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid var(--hwe-advisor-line);
}

.hwe-native-demo-advisor-result-item > * {
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-advisor-result-item p:first-child {
	color: var(--hwe-advisor-blue);
}

.hwe-native-demo-advisor-result__action {
	gap: 24px;
	padding-top: 20px;
	border-top: 1px solid var(--hwe-advisor-line);
}

.hwe-native-demo-advisor-result__action p {
	margin: 0;
}

.hwe-native-demo-advisor-result__action > .wp-block-group > p:first-child {
	margin-bottom: 5px;
	color: var(--hwe-advisor-muted);
}

.hwe-native-demo-advisor-result-cta .wp-block-button__link {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	padding: 12px 15px;
	border: 0;
	border-radius: 0;
	color: #ffffff;
	background: var(--hwe-advisor-blue);
	font-size: 0.8125rem;
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-advisor-result-cta .wp-block-button__link:hover {
	background: var(--hwe-advisor-blue-dark);
}

.hwe-native-demo-advisor-working {
	padding: 108px 24px 118px;
}

.hwe-native-demo-advisor-working__grid {
	gap: 86px;
}

.hwe-native-demo-advisor-working__image {
	position: relative;
	height: 560px;
	margin: 0 !important;
	background: var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-working__image img {
	display: block;
	width: 100%;
	height: 560px;
	object-fit: cover;
}

.hwe-native-demo-advisor-working__image figcaption {
	position: absolute;
	right: 18px;
	bottom: 18px;
	left: 18px;
	margin: 0;
	padding: 9px 11px;
	color: var(--hwe-advisor-ink);
	background: #ffffff;
	font-size: 0.75rem;
	font-weight: 800;
}

.hwe-native-demo-advisor-section-title {
	margin-top: 0;
	font-size: 4.25rem !important;
	font-weight: 900;
	line-height: 1.08;
}

.hwe-native-demo-advisor-working__copy > p {
	max-width: 48ch;
	margin-right: auto;
	margin-left: 0 !important;
	color: var(--hwe-advisor-muted);
	line-height: 1.8;
}

.hwe-native-demo-advisor-scope {
	margin-top: 34px;
	border-top: 1px solid var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-scope-row {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr) !important;
	gap: 20px;
	padding: 15px 0;
	border-bottom: 1px solid var(--hwe-advisor-line);
}

.hwe-native-demo-advisor-scope-row > * {
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-advisor-scope-row p:first-child {
	color: var(--hwe-advisor-gold);
}

.hwe-native-demo-advisor-notes {
	padding: 100px 24px;
	background: var(--hwe-advisor-white);
}

.hwe-native-demo-advisor-notes__grid {
	gap: 88px;
}

.hwe-native-demo-advisor-note-list {
	border-top: 1px solid var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-note {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr) !important;
	gap: 20px;
	padding: 19px 0;
	border-bottom: 1px solid var(--hwe-advisor-line);
}

.hwe-native-demo-advisor-note > * {
	max-width: none !important;
	margin: 0 !important;
}

.hwe-native-demo-advisor-note > p:first-child {
	color: var(--hwe-advisor-gold);
}

.hwe-native-demo-advisor-note h3,
.hwe-native-demo-advisor-note p {
	margin-top: 0;
}

.hwe-native-demo-advisor-note h3 {
	margin-bottom: 6px;
}

.hwe-native-demo-advisor-note .wp-block-group p {
	margin-bottom: 0;
	color: var(--hwe-advisor-muted);
	line-height: 1.6;
}

.hwe-native-demo-advisor-closing {
	padding: 92px 24px;
	color: #ffffff;
	background: var(--hwe-advisor-ink);
}

.hwe-native-demo-advisor-closing__grid {
	gap: 48px;
}

.hwe-native-demo-advisor-closing .hwe-native-demo-advisor-section-title {
	max-width: 15ch;
	margin-bottom: 0;
	color: #ffffff;
}

.hwe-native-demo-advisor-closing-cta .wp-block-button__link {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	padding: 13px 16px;
	border: 0;
	border-radius: 0;
	color: #ffffff;
	background: var(--hwe-advisor-gold);
	font-weight: 800;
	text-decoration: none;
}

.hwe-native-demo-advisor-closing-cta .wp-block-button__link:hover {
	background: var(--hwe-advisor-gold-dark);
}

.hwe-native-demo-advisor-footer {
	padding: 28px 24px;
	color: var(--hwe-advisor-muted);
}

.hwe-native-demo-advisor-footer p {
	margin: 0;
}

.hwe-native-demo-advisor-footer a {
	color: inherit;
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-demo-advisor-header {
		width: calc(100% - 48px) !important;
	}

	.hwe-native-demo-advisor-intro__title {
		font-size: 4.7rem !important;
	}

	.hwe-native-demo-advisor-intro__grid {
		gap: 42px;
	}

	.hwe-native-demo-advisor-diagnostic__grid {
		grid-template-columns: 300px minmax(0, 1fr);
	}

	.hwe-native-demo-advisor-result {
		padding-inline: 28px;
	}

	.hwe-native-demo-advisor-result__main {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.hwe-native-demo-advisor-result-title {
		font-size: 3rem !important;
	}

	.hwe-native-demo-advisor-working__grid,
	.hwe-native-demo-advisor-notes__grid {
		gap: 48px;
	}

	.hwe-native-demo-advisor-section-title {
		font-size: 3.35rem !important;
	}
}

@media (max-width: 782px) {
	.hwe-native-demo-advisor-disclosure,
	.hwe-native-demo-advisor-intro,
	.hwe-native-demo-advisor-diagnostic,
	.hwe-native-demo-advisor-working,
	.hwe-native-demo-advisor-notes,
	.hwe-native-demo-advisor-closing,
	.hwe-native-demo-advisor-footer {
		padding-right: 16px;
		padding-left: 16px;
	}

	.hwe-native-demo-advisor-disclosure__inner {
		gap: 4px 16px;
	}

	.hwe-native-demo-advisor-header {
		width: calc(100% - 32px) !important;
		min-height: 68px;
	}

	.hwe-native-demo-advisor-brand {
		flex-shrink: 0;
		font-size: 1rem !important;
	}

	.hwe-native-demo-advisor-brand::before {
		width: 20px;
		height: 20px;
	}

	.hwe-native-demo-advisor-nav .hwe-native-demo-advisor-nav-link {
		display: none;
	}

	.hwe-native-demo-advisor-nav-cta .wp-block-button__link {
		max-width: 155px;
		padding-inline: 10px;
		font-size: 0.75rem;
		line-height: 1.35;
		text-align: center;
	}

	.hwe-native-demo-advisor-intro {
		padding-top: 52px;
		padding-bottom: 40px;
	}

	.hwe-native-demo-advisor-intro__grid {
		gap: 24px;
	}

	.hwe-native-demo-advisor-intro__title {
		font-size: 3.35rem !important;
	}

	.hwe-native-demo-advisor-intro__side p {
		font-size: 0.9375rem !important;
	}

	.hwe-native-demo-advisor-diagnostic__grid {
		width: 100% !important;
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.hwe-native-demo-advisor-questions {
		border-right: 0;
	}

	.hwe-native-demo-advisor-question .wp-block-button__link {
		min-height: 86px;
		padding: 17px 16px;
	}

	.hwe-native-demo-advisor-question .wp-block-button__link strong {
		font-size: 1rem;
	}

	.hwe-native-demo-advisor-result {
		padding: 25px 18px;
	}

	.hwe-native-demo-advisor-result__main {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 38px 0;
	}

	.hwe-native-demo-advisor-result-title {
		font-size: 2.55rem !important;
	}

	.hwe-native-demo-advisor-result__action {
		display: grid;
	}

	.hwe-native-demo-advisor-result-cta,
	.hwe-native-demo-advisor-result-cta .wp-block-button__link {
		width: 100%;
	}

	.hwe-native-demo-advisor-result-cta .wp-block-button__link {
		justify-content: center;
	}

	.hwe-native-demo-advisor-working,
	.hwe-native-demo-advisor-notes {
		padding-top: 76px;
		padding-bottom: 82px;
	}

	.hwe-native-demo-advisor-working__grid,
	.hwe-native-demo-advisor-notes__grid {
		gap: 38px;
	}

	.hwe-native-demo-advisor-working__image,
	.hwe-native-demo-advisor-working__image img {
		height: 370px;
	}

	.hwe-native-demo-advisor-section-title {
		font-size: 2.8rem !important;
	}

	.hwe-native-demo-advisor-working__copy > p {
		font-size: 0.9375rem !important;
	}

	.hwe-native-demo-advisor-scope-row {
		grid-template-columns: 90px minmax(0, 1fr) !important;
	}

	.hwe-native-demo-advisor-note {
		grid-template-columns: 92px minmax(0, 1fr) !important;
		gap: 10px;
	}

	.hwe-native-demo-advisor-closing {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.hwe-native-demo-advisor-closing__grid {
		display: grid;
		gap: 30px;
	}

	.hwe-native-demo-advisor-closing .hwe-native-demo-advisor-section-title {
		max-width: none;
	}

	.hwe-native-demo-advisor-closing-cta,
	.hwe-native-demo-advisor-closing-cta .wp-block-button__link {
		width: 100%;
	}

	.hwe-native-demo-advisor-closing-cta .wp-block-button__link {
		justify-content: center;
	}
}

@media (max-width: 420px) {
	.hwe-native-demo-advisor-intro__title {
		font-size: 3.05rem !important;
	}

	.hwe-native-demo-advisor-result-title {
		font-size: 2.35rem !important;
	}

	.hwe-native-demo-advisor-section-title {
		font-size: 2.55rem !important;
	}

	.hwe-native-demo-advisor-note {
		grid-template-columns: 1fr !important;
	}
}

/*
 * Native living-brand concept demo.
 * THESIS: A homeware brand earns attention through how it edits a life, not through a product grid alone.
 * OWN-WORLD: Cool sage paper, deep green ink, quiet serif display type and full-bleed domestic photography.
 * STORY: Enter the issue, browse two material-led pieces, understand the edit, then read the room as a lived place.
 */
.hwe-native-demo-moku {
	--hwe-moku-paper: #edf0ea;
	--hwe-moku-ink: #203a35;
	--hwe-moku-muted: #65736d;
	--hwe-moku-moss: #748b76;
	--hwe-moku-line: #b9c4bd;
	--hwe-moku-journal: #dce5db;
	width: calc(100% + 48px);
	max-width: none !important;
	margin-inline: -24px !important;
	padding: 0 !important;
	color: var(--hwe-moku-ink);
	background: var(--hwe-moku-paper);
	font-family: "Archivo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;
}

.hwe-native-demo-moku > * {
	margin-block-start: 0;
}

.hwe-native-demo-moku > .alignfull {
	width: 100%;
	max-width: none !important;
	margin-inline: 0 !important;
}

.hwe-native-demo-moku .alignwide {
	width: min(1380px, 100%);
	max-width: 1380px !important;
	margin-inline: auto !important;
}

.hwe-native-demo-moku h1,
.hwe-native-demo-moku h2,
.hwe-native-demo-moku h3,
.hwe-native-demo-moku p {
	letter-spacing: 0;
}

.hwe-native-demo-moku a:focus-visible,
.hwe-native-demo-moku button:focus-visible {
	outline: 3px solid var(--hwe-moku-moss);
	outline-offset: 4px;
}

.hwe-native-demo-moku-disclosure {
	padding: 8px 24px;
	color: #ffffff;
	background: #11251f;
}

.hwe-native-demo-moku-disclosure__inner {
	min-height: 34px;
}

.hwe-native-demo-moku-disclosure p {
	margin: 0;
}

.hwe-native-demo-moku-disclosure a {
	color: inherit;
	text-underline-offset: 4px;
}

.hwe-native-demo-moku-header {
	min-height: 78px;
	border-bottom: 1px solid var(--hwe-moku-ink);
}

.hwe-native-demo-moku-brand {
	margin: 0 !important;
	font-family: "Noto Serif TC", "Noto Sans HK", serif;
	font-weight: 700;
}

.hwe-native-demo-moku-brand a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.hwe-native-demo-moku-nav {
	gap: 18px;
}

.hwe-native-demo-moku-nav-link .wp-block-button__link,
.hwe-native-demo-moku-nav-cta .wp-block-button__link {
	min-height: 44px;
	padding: 11px 0;
	border: 0;
	border-radius: 0;
	color: var(--hwe-moku-ink);
	background: transparent;
	font-size: 0.75rem;
	font-weight: 700;
	text-decoration: none;
}

.hwe-native-demo-moku-nav-link .wp-block-button__link:hover {
	color: var(--hwe-moku-moss);
}

.hwe-native-demo-moku-nav-cta .wp-block-button__link {
	border-bottom: 1px solid var(--hwe-moku-ink);
}

.hwe-native-demo-moku-nav-cta .wp-block-button__link:hover {
	color: var(--hwe-moku-moss);
	border-color: var(--hwe-moku-moss);
}

.hwe-native-demo-moku-hero {
	position: relative;
	min-height: 770px;
	background: #8d9a8a;
}

.hwe-native-demo-moku-hero::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(transparent 36%, rgba(24, 43, 39, 0.82));
	content: "";
	pointer-events: none;
}

.hwe-native-demo-moku-hero__image,
.hwe-native-demo-moku-hero__image img {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: none !important;
	height: 770px;
	margin: 0 !important;
	object-fit: cover;
	object-position: center 55%;
}

.hwe-native-demo-moku-hero__overlay {
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 770px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 24px 66px;
	color: #ffffff;
}

.hwe-native-demo-moku-hero__overlay > * {
	max-width: 730px;
	margin-right: auto !important;
	margin-left: 0 !important;
	margin-top: 0;
}

.hwe-native-demo-moku-hero__overlay h1,
.hwe-native-demo-moku-hero__overlay p,
.hwe-native-demo-moku-hero__overlay .wp-block-button__link {
	color: #ffffff !important;
}

.hwe-native-demo-moku-issue {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.hwe-native-demo-moku-hero__title {
	margin-bottom: 13px;
	font-family: "Noto Serif TC", "Noto Sans HK", serif;
	font-size: clamp(3.5rem, 7vw, 6.55rem) !important;
	font-weight: 700;
	line-height: 1.02;
}

.hwe-native-demo-moku-hero__lead {
	max-width: 470px !important;
	margin-bottom: 22px;
	font-size: 0.9375rem;
	line-height: 1.8;
}

.hwe-native-demo-moku-hero-link .wp-block-button__link,
.hwe-native-demo-moku-journal-link .wp-block-button__link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	gap: 24px;
	padding: 8px 0;
	border: 0;
	border-bottom: 1px solid currentColor;
	border-radius: 0;
	color: inherit;
	background: transparent;
	font-size: 0.75rem;
	font-weight: 700;
	text-decoration: none;
}

.hwe-native-demo-moku-hero-link .wp-block-button__link:hover,
.hwe-native-demo-moku-journal-link .wp-block-button__link:hover {
	color: var(--hwe-moku-moss);
}

.hwe-native-demo-moku-collection {
	background: var(--hwe-moku-paper);
	border-bottom: 1px solid var(--hwe-moku-line);
}

.hwe-native-demo-moku-collection-bar {
	min-height: 88px;
	align-items: center;
	border-bottom: 1px solid var(--hwe-moku-line);
}

.hwe-native-demo-moku-collection-bar > * {
	margin: 0;
}

.hwe-native-demo-moku-collection-bar h2 {
	font-family: "Noto Serif TC", "Noto Sans HK", serif;
	font-size: 1.375rem !important;
}

.hwe-native-demo-moku-collection-label,
.hwe-native-demo-moku-collection-note {
	font-size: 0.6875rem;
}

.hwe-native-demo-moku-collection-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
}

.hwe-native-demo-moku-piece {
	position: relative;
	min-height: 540px;
	overflow: hidden;
	border-right: 1px solid var(--hwe-moku-paper);
}

.hwe-native-demo-moku-piece:last-child {
	border-right: 0;
}

.hwe-native-demo-moku-piece > .wp-block-image,
.hwe-native-demo-moku-piece > .wp-block-image img {
	width: 100%;
	height: 540px;
	margin: 0 !important;
	object-fit: cover;
}

.hwe-native-demo-moku-piece-copy {
	position: absolute;
	right: 30px;
	bottom: 28px;
	left: 30px;
	color: #ffffff;
}

.hwe-native-demo-moku-piece-copy > * {
	margin-top: 0;
}

.hwe-native-demo-moku-piece-index {
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.hwe-native-demo-moku-piece-copy h3 {
	margin-bottom: 6px;
	font-family: "Noto Serif TC", "Noto Sans HK", serif;
	font-size: 2.5rem !important;
	line-height: 1.1;
}

.hwe-native-demo-moku-piece-meta {
	gap: 20px;
	align-items: end;
}

.hwe-native-demo-moku-piece-meta > * {
	margin: 0;
}

.hwe-native-demo-moku-piece-price {
	font-size: 1.125rem;
	font-weight: 700;
	white-space: nowrap;
}

.hwe-native-demo-moku-product-spec {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--hwe-moku-line);
}

.hwe-native-demo-moku-product-spec > .wp-block-group {
	margin: 0 !important;
	padding: 19px 22px;
	border-right: 1px solid var(--hwe-moku-line);
}

.hwe-native-demo-moku-product-spec > .wp-block-group:last-child {
	border-right: 0;
}

.hwe-native-demo-moku-product-spec p {
	margin: 0;
}

.hwe-native-demo-moku-spec-label {
	margin-bottom: 7px !important;
	color: var(--hwe-moku-muted);
	font-size: 0.5625rem;
	font-weight: 700;
}

.hwe-native-demo-moku-material {
	padding: 116px 24px;
}

.hwe-native-demo-moku-material-grid,
.hwe-native-demo-moku-journal-grid {
	gap: 110px;
}

.hwe-native-demo-moku-section-title {
	margin-top: 0;
	font-family: "Noto Serif TC", "Noto Sans HK", serif;
	font-size: clamp(2.8rem, 5vw, 4.625rem) !important;
	font-weight: 700;
	line-height: 1.08;
}

.hwe-native-demo-moku-material-grid > .wp-block-column > p,
.hwe-native-demo-moku-journal-copy > p {
	max-width: 430px;
	color: var(--hwe-moku-muted);
	font-size: 0.9375rem;
	line-height: 1.9;
}

.hwe-native-demo-moku-material-list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--hwe-moku-ink);
}

.hwe-native-demo-moku-material-item {
	display: block !important;
	margin: 0 !important;
	padding: 20px 18px 0;
	border-right: 1px solid var(--hwe-moku-line);
}

.hwe-native-demo-moku-material-item:first-child {
	padding-left: 0;
}

.hwe-native-demo-moku-material-item:last-child {
	border-right: 0;
}

.hwe-native-demo-moku-material-item > .wp-block-image,
.hwe-native-demo-moku-material-item > .wp-block-image img {
	width: 100%;
	height: 180px;
	margin: 0 0 16px !important;
	object-fit: cover;
}

.hwe-native-demo-moku-material-item h3,
.hwe-native-demo-moku-material-item p {
	margin: 0;
}

.hwe-native-demo-moku-material-item h3 {
	font-family: "Noto Serif TC", "Noto Sans HK", serif;
	font-size: 1.125rem !important;
}

.hwe-native-demo-moku-material-item p {
	margin-top: 8px;
	color: var(--hwe-moku-muted);
}

.hwe-native-demo-moku-journal {
	padding: 100px 24px;
	background: var(--hwe-moku-journal);
}

.hwe-native-demo-moku-journal-image,
.hwe-native-demo-moku-journal-image img {
	width: 100%;
	height: 580px;
	margin: 0 !important;
	object-fit: cover;
}

.hwe-native-demo-moku-journal-copy > * {
	margin-top: 0;
}

.hwe-native-demo-moku-store-note {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin: 30px 0;
	padding: 17px 0;
	border-top: 1px solid var(--hwe-moku-ink);
	border-bottom: 1px solid var(--hwe-moku-line);
}

.hwe-native-demo-moku-store-note > .wp-block-group {
	margin: 0 !important;
}

.hwe-native-demo-moku-store-note p {
	margin: 0;
}

.hwe-native-demo-moku-journal-link .wp-block-button__link {
	color: var(--hwe-moku-ink);
}

.hwe-native-demo-moku-closing {
	padding: 100px 24px;
	background: var(--hwe-moku-paper);
}

.hwe-native-demo-moku-closing-grid {
	gap: 50px;
	align-items: end;
}

.hwe-native-demo-moku-closing-grid > * {
	margin-top: 0;
}

.hwe-native-demo-moku-closing-title {
	margin-bottom: 0;
	font-family: "Noto Serif TC", "Noto Sans HK", serif;
	font-size: clamp(2.8rem, 5vw, 4.625rem) !important;
	font-weight: 700;
	line-height: 1.08;
}

.hwe-native-demo-moku-closing-grid > p {
	max-width: 300px;
	margin-bottom: 0;
	color: var(--hwe-moku-muted);
	font-size: 0.875rem;
	line-height: 1.8;
}

.hwe-native-demo-moku-footer {
	padding: 30px 24px;
	border-top: 1px solid var(--hwe-moku-line);
	color: var(--hwe-moku-muted);
}

.hwe-native-demo-moku-footer p {
	margin: 0;
}

.hwe-native-demo-moku-footer a {
	color: inherit;
}

@media (max-width: 782px) {
	.hwe-native-demo-moku-disclosure,
	.hwe-native-demo-moku-material,
	.hwe-native-demo-moku-journal,
	.hwe-native-demo-moku-closing,
	.hwe-native-demo-moku-footer {
		padding-right: 16px;
		padding-left: 16px;
	}

	.hwe-native-demo-moku-disclosure__inner {
		gap: 4px 16px;
	}

	.hwe-native-demo-moku-header {
		width: calc(100% - 32px) !important;
		min-height: 66px;
	}

	.hwe-native-demo-moku-hero__overlay,
	.hwe-native-demo-moku-collection-bar,
	.hwe-native-demo-moku-collection-grid,
	.hwe-native-demo-moku-product-spec {
		position: relative;
		width: calc(100% + 16px) !important;
		left: -8px;
	}

	.hwe-native-demo-moku-brand {
		flex-shrink: 0;
		font-size: 1rem !important;
	}

	.hwe-native-demo-moku-nav {
		gap: 0;
	}

	.hwe-native-demo-moku-nav .hwe-native-demo-moku-nav-link {
		display: none;
	}

	.hwe-native-demo-moku-nav-cta .wp-block-button__link {
		max-width: 155px;
		padding: 10px;
		font-size: 0.75rem;
		line-height: 1.35;
		text-align: center;
	}

	.hwe-native-demo-moku-hero,
	.hwe-native-demo-moku-hero__overlay {
		min-height: 650px;
	}

	.hwe-native-demo-moku-hero__image,
	.hwe-native-demo-moku-hero__image img {
		height: 650px;
	}

	.hwe-native-demo-moku-hero__overlay {
		padding: 0 16px 42px;
	}

	.hwe-native-demo-moku-hero__title {
		font-size: 3.7rem !important;
	}

	.hwe-native-demo-moku-hero__lead {
		font-size: 0.875rem;
	}

	.hwe-native-demo-moku-collection-bar {
		min-height: 74px;
		padding-right: 16px;
		padding-left: 16px;
	}

	.hwe-native-demo-moku-collection-label {
		display: none;
	}

	.hwe-native-demo-moku-collection-bar h2 {
		font-size: 1.125rem !important;
	}

	.hwe-native-demo-moku-collection-note {
		font-size: 0.625rem;
	}

	.hwe-native-demo-moku-collection-grid {
		grid-template-columns: 1fr;
	}

	.hwe-native-demo-moku-piece,
	.hwe-native-demo-moku-piece:last-child {
		min-height: 430px;
		border-right: 0;
		border-bottom: 1px solid var(--hwe-moku-paper);
	}

	.hwe-native-demo-moku-piece > .wp-block-image,
	.hwe-native-demo-moku-piece > .wp-block-image img {
		height: 430px;
	}

	.hwe-native-demo-moku-piece-copy {
		right: 18px;
		bottom: 20px;
		left: 18px;
	}

	.hwe-native-demo-moku-piece-copy h3 {
		font-size: 2.125rem !important;
	}

	.hwe-native-demo-moku-piece-meta {
		display: block;
	}

	.hwe-native-demo-moku-piece-meta > * {
		margin: 0;
	}

	.hwe-native-demo-moku-piece-price {
		margin-top: 7px !important;
		font-size: 1rem;
	}

	.hwe-native-demo-moku-product-spec {
		grid-template-columns: 1fr;
	}

	.hwe-native-demo-moku-product-spec > .wp-block-group {
		padding: 14px 16px;
		border-right: 0;
		border-bottom: 1px solid var(--hwe-moku-line);
	}

	.hwe-native-demo-moku-product-spec > .wp-block-group:last-child {
		border-bottom: 0;
	}

	.hwe-native-demo-moku-material,
	.hwe-native-demo-moku-journal {
		padding-top: 76px;
		padding-bottom: 82px;
	}

	.hwe-native-demo-moku-material-grid,
	.hwe-native-demo-moku-journal-grid {
		gap: 38px;
	}

	.hwe-native-demo-moku-section-title,
	.hwe-native-demo-moku-closing-title {
		font-size: 2.875rem !important;
	}

	.hwe-native-demo-moku-material-grid > .wp-block-column > p,
	.hwe-native-demo-moku-journal-copy > p {
		font-size: 0.875rem;
	}

	.hwe-native-demo-moku-material-list {
		grid-template-columns: 1fr;
	}

	.hwe-native-demo-moku-material-item,
	.hwe-native-demo-moku-material-item:first-child {
		display: grid !important;
		grid-template-columns: 110px minmax(0, 1fr);
		gap: 15px;
		padding: 15px 0;
		border-right: 0;
		border-bottom: 1px solid var(--hwe-moku-line);
	}

	.hwe-native-demo-moku-material-item:last-child {
		border-bottom: 0;
	}

	.hwe-native-demo-moku-material-item > .wp-block-image,
	.hwe-native-demo-moku-material-item > .wp-block-image img {
		height: 90px;
		grid-row: span 2;
		margin: 0 !important;
	}

	.hwe-native-demo-moku-material-item h3,
	.hwe-native-demo-moku-material-item p {
		margin: 0;
	}

	.hwe-native-demo-moku-material-item p {
		margin-top: 0;
	}

	.hwe-native-demo-moku-journal-image,
	.hwe-native-demo-moku-journal-image img {
		height: 390px;
	}

	.hwe-native-demo-moku-store-note {
		grid-template-columns: 1fr;
	}

	.hwe-native-demo-moku-journal-link,
	.hwe-native-demo-moku-journal-link .wp-block-button__link {
		width: 100%;
	}

	.hwe-native-demo-moku-journal-link .wp-block-button__link {
		justify-content: space-between;
	}

	.hwe-native-demo-moku-closing-grid {
		display: grid;
		gap: 30px;
	}

	.hwe-native-demo-moku-closing-grid > p {
		max-width: none;
	}

	.hwe-native-demo-moku-footer .alignwide {
		gap: 12px;
	}
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-demo-moku-header {
		width: calc(100% - 48px) !important;
}

	.hwe-native-demo-moku-hero__overlay,
	.hwe-native-demo-moku-collection-bar,
	.hwe-native-demo-moku-collection-grid,
	.hwe-native-demo-moku-product-spec {
		width: 100% !important;
	}

	.hwe-native-demo-moku-hero__overlay,
	.hwe-native-demo-moku-collection-bar,
	.hwe-native-demo-moku-collection-grid,
	.hwe-native-demo-moku-product-spec {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

@media (max-width: 420px) {
	.hwe-native-demo-moku-hero__title {
		font-size: 3.4rem !important;
	}

	.hwe-native-demo-moku-section-title,
	.hwe-native-demo-moku-closing-title {
		font-size: 2.6rem !important;
	}

	.hwe-native-demo-moku-collection-note {
		max-width: 130px;
		text-align: right;
	}
}

/* Baisha Studio concept page: quiet paper, green ink, and one image-led story. */
.hwe-native-demo-baisha {
	--hwe-baisha-paper: #f1f4f1;
	--hwe-baisha-ink: #1d3430;
	--hwe-baisha-muted: #61726c;
	--hwe-baisha-green: #237967;
	--hwe-baisha-line: #bdcbc3;
	--hwe-baisha-blue: #dbe8eb;
	--hwe-baisha-shell: 1360px;
	width: calc(100% + 48px);
	max-width: none !important;
	margin-right: -24px !important;
	margin-left: -24px !important;
	padding: 0 !important;
	background: var(--hwe-baisha-paper);
	color: var(--hwe-baisha-ink);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;
	font-size: 1rem;
	line-height: 1.7;
}

.hwe-native-demo-baisha > .alignfull {
	width: 100%;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.hwe-native-demo-baisha,
.hwe-native-demo-baisha * {
	box-sizing: border-box;
}

.hwe-native-demo-baisha a {
	color: inherit;
	text-underline-offset: 4px;
}

.hwe-native-demo-baisha > .wp-block-group,
.hwe-native-demo-baisha .wp-block-group,
.hwe-native-demo-baisha .wp-block-columns,
.hwe-native-demo-baisha .wp-block-buttons,
.hwe-native-demo-baisha figure,
.hwe-native-demo-baisha h1,
.hwe-native-demo-baisha h2,
.hwe-native-demo-baisha h3,
.hwe-native-demo-baisha p {
	margin-block-start: 0;
}

.hwe-native-demo-baisha .alignwide {
	width: min(var(--hwe-baisha-shell), 100%);
	max-width: var(--hwe-baisha-shell) !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.hwe-native-demo-baisha-disclosure {
	padding: 8px 24px;
	background: #11251f;
	color: #fff;
}

.hwe-native-demo-baisha-disclosure__inner {
	min-height: 34px;
	align-items: center;
}

.hwe-native-demo-baisha-disclosure p {
	margin: 0;
	font-size: .6875rem;
}

.hwe-native-demo-baisha-disclosure a {
	color: inherit;
}

.hwe-native-demo-baisha-header {
	min-height: 78px;
	align-items: center;
	border-bottom: 1px solid var(--hwe-baisha-ink);
}

.hwe-native-demo-baisha-brand {
	margin: 0 !important;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang HK", "Microsoft JhengHei", sans-serif;
	font-size: 1.25rem !important;
	font-weight: 800;
}

.hwe-native-demo-baisha-brand a {
	text-decoration: none;
	white-space: nowrap;
}

.hwe-native-demo-baisha-nav {
	gap: 22px;
	align-items: center;
}

.hwe-native-demo-baisha-nav .wp-block-button__link {
	min-height: 44px;
	padding: 10px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-size: .75rem;
	font-weight: 700;
	text-decoration: none;
}

.hwe-native-demo-baisha-nav-link .wp-block-button__link:hover,
.hwe-native-demo-baisha-nav-link .wp-block-button__link:focus-visible {
	color: var(--hwe-baisha-green);
	text-decoration: underline;
}

.hwe-native-demo-baisha-nav-cta .wp-block-button__link {
	border-bottom: 1px solid var(--hwe-baisha-ink);
}

.hwe-native-demo-baisha-nav-cta .wp-block-button__link:hover,
.hwe-native-demo-baisha-nav-cta .wp-block-button__link:focus-visible {
	border-color: var(--hwe-baisha-green);
	color: var(--hwe-baisha-green);
}

.hwe-native-demo-baisha-hero {
	position: relative;
	min-height: 690px;
	background: #9aa6a0;
}

.hwe-native-demo-baisha-hero::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(transparent 35%, rgba(23, 50, 45, .76));
	content: "";
	pointer-events: none;
}

.hwe-native-demo-baisha-hero__image,
.hwe-native-demo-baisha-hero__image img {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: none !important;
	height: 690px;
	margin: 0 !important;
	object-fit: cover;
	object-position: center;
}

.hwe-native-demo-baisha-hero__overlay {
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 690px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 24px 64px;
	color: #fff;
}

.hwe-native-demo-baisha-hero__overlay > * {
	max-width: 800px;
	margin-right: auto !important;
	margin-left: 0 !important;
}

.hwe-native-demo-baisha-hero__overlay h1,
.hwe-native-demo-baisha-hero__overlay p,
.hwe-native-demo-baisha-hero__overlay a {
	color: #fff !important;
}

.hwe-native-demo-baisha-kicker {
	margin-bottom: 15px !important;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .12em;
}

.hwe-native-demo-baisha-hero__title {
	margin-bottom: 18px !important;
	font-size: clamp(3.6rem, 7vw, 5.75rem) !important;
	font-weight: 800;
	line-height: 1.02;
}

.hwe-native-demo-baisha-hero__lead {
	max-width: 470px !important;
	margin-bottom: 25px !important;
	font-size: .9375rem;
	line-height: 1.8;
}

.hwe-native-demo-baisha-hero__actions {
	gap: 15px;
}

.hwe-native-demo-baisha-hero-link .wp-block-button__link,
.hwe-native-demo-baisha-final .wp-block-button__link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	gap: 22px;
	padding: 12px 15px;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: var(--hwe-baisha-ink) !important;
	font-size: .75rem;
	font-weight: 700;
	text-decoration: none;
}

.hwe-native-demo-baisha-hero-link .wp-block-button__link:hover,
.hwe-native-demo-baisha-final .wp-block-button__link:hover {
	background: #e4efeb;
}

.hwe-native-demo-baisha-hero-link.is-enquiry .wp-block-button__link {
	background: var(--hwe-baisha-green);
	color: #fff !important;
}

.hwe-native-demo-baisha-hero-link.is-enquiry .wp-block-button__link:hover {
	background: #1b6555;
}

.hwe-native-demo-baisha-project {
	padding: 96px 24px 100px;
	background: var(--hwe-baisha-paper);
}

.hwe-native-demo-baisha-project__intro,
.hwe-native-demo-baisha-process__grid {
	gap: 100px;
}

.hwe-native-demo-baisha-project__inner > .hwe-native-demo-baisha-project__intro,
.hwe-native-demo-baisha-project__inner > .hwe-native-demo-baisha-meta,
.hwe-native-demo-baisha-compare__inner > .hwe-native-demo-baisha-compare__head,
.hwe-native-demo-baisha-compare__inner > .hwe-native-demo-baisha-disclosure-note,
.hwe-native-demo-baisha-compare__inner > .hwe-native-demo-baisha-compare-frame,
.hwe-native-demo-baisha-compare__inner > .hwe-native-demo-baisha-compare-note {
	width: 100%;
	max-width: none !important;
}

.hwe-native-demo-baisha-project__title-col,
.hwe-native-demo-baisha-process__title-col {
	flex-basis: 38% !important;
}

.hwe-native-demo-baisha-project__copy-col,
.hwe-native-demo-baisha-process__list {
	flex-basis: 62% !important;
}

.hwe-native-demo-baisha-project h2,
.hwe-native-demo-baisha-compare h2,
.hwe-native-demo-baisha-process h2,
.hwe-native-demo-baisha-final h2 {
	margin: 0;
	font-size: clamp(2.75rem, 5vw, 4.55rem) !important;
	font-weight: 800;
	line-height: 1.08;
}

.hwe-native-demo-baisha-project__copy-col p {
	max-width: 520px;
	margin: 12px 0 0;
	color: var(--hwe-baisha-muted);
	font-size: .9375rem;
	line-height: 1.9;
}

.hwe-native-demo-baisha-meta {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 54px;
	border-top: 1px solid var(--hwe-baisha-ink);
	border-bottom: 1px solid var(--hwe-baisha-line);
}

.hwe-native-demo-baisha-meta > .wp-block-column {
	margin: 0 !important;
	padding: 18px 20px 20px 0;
	border-right: 1px solid var(--hwe-baisha-line);
}

.hwe-native-demo-baisha-meta > .wp-block-column:not(:first-child) {
	padding-left: 20px;
}

.hwe-native-demo-baisha-meta > .wp-block-column:last-child {
	border-right: 0;
}

.hwe-native-demo-baisha-meta p {
	margin: 0;
}

.hwe-native-demo-baisha-meta-label {
	margin-bottom: 8px !important;
	color: var(--hwe-baisha-green);
	font-size: .625rem;
	font-weight: 800;
	letter-spacing: .08em;
}

.hwe-native-demo-baisha-compare {
	padding: 105px 24px 120px;
	background: var(--hwe-baisha-blue);
}

.hwe-native-demo-baisha-compare__head {
	gap: 80px;
	align-items: end;
	margin-bottom: 32px;
}

.hwe-native-demo-baisha-compare__head > .wp-block-column:first-child {
	flex-basis: 64% !important;
}

.hwe-native-demo-baisha-compare__head > .wp-block-column:last-child {
	flex-basis: 36% !important;
}

.hwe-native-demo-baisha-compare__head p {
	margin: 0 0 4px;
	color: #52716e;
	font-size: .875rem;
	line-height: 1.8;
}

.hwe-native-demo-baisha-disclosure-note {
	margin: 0 0 26px !important;
	padding: 13px 15px;
	border: 1px solid #91aaa5;
	color: #395d57;
	font-size: .6875rem;
	line-height: 1.65;
}

.hwe-native-demo-baisha-compare-frame {
	position: relative;
	min-height: 630px;
	overflow: hidden;
	background: #ced8d2;
}

.hwe-native-demo-baisha-compare-before,
.hwe-native-demo-baisha-compare-after,
.hwe-native-demo-baisha-compare-before img,
.hwe-native-demo-baisha-compare-after img {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: none !important;
	height: 630px;
	margin: 0 !important;
	object-fit: cover;
	object-position: center;
}

.hwe-native-demo-baisha-compare-after {
	clip-path: inset(0 0 0 52%);
}

.hwe-native-demo-baisha-compare-label {
	position: absolute;
	top: 18px;
	z-index: 2;
	margin: 0 !important;
	padding: 8px 10px;
	background: rgba(255, 255, 255, .9);
	font-size: .625rem;
	font-weight: 700;
	line-height: 1.35;
}

.hwe-native-demo-baisha-compare-label.is-before {
	left: 18px;
}

.hwe-native-demo-baisha-compare-label.is-after {
	right: 18px;
}

.hwe-native-demo-baisha-compare-range {
	position: absolute;
	right: 18px;
	bottom: 18px;
	left: 18px;
	z-index: 3;
	width: calc(100% - 36px);
	height: 44px;
	margin: 0;
	background: transparent;
	accent-color: var(--hwe-baisha-green);
}

.hwe-native-demo-baisha-compare-note {
	gap: 20px;
	margin-top: 14px;
	color: #52716e;
}

.hwe-native-demo-baisha-compare-note p {
	margin: 0;
	font-size: .6875rem;
}

.hwe-native-demo-baisha-process {
	padding: 110px 24px;
	background: var(--hwe-baisha-paper);
}

.hwe-native-demo-baisha-process__list {
	border-top: 1px solid var(--hwe-baisha-ink);
}

.hwe-native-demo-baisha-step {
	gap: 25px;
	align-items: flex-start;
	padding: 21px 0;
	border-bottom: 1px solid var(--hwe-baisha-line);
}

.hwe-native-demo-baisha-step > .wp-block-group {
	flex: 1;
}

.hwe-native-demo-baisha-step-no {
	flex: 0 0 50px;
	margin: 0;
	color: var(--hwe-baisha-green);
	font-size: 1.375rem;
	font-weight: 500;
}

.hwe-native-demo-baisha-step h3 {
	margin: 0 0 7px;
	font-size: 1.1875rem;
}

.hwe-native-demo-baisha-step p:not(.hwe-native-demo-baisha-step-no) {
	margin: 0;
	color: var(--hwe-baisha-muted);
	line-height: 1.7;
}

.hwe-native-demo-baisha-final {
	padding: 100px 24px;
	background: var(--hwe-baisha-ink);
	color: #fff;
}

.hwe-native-demo-baisha-final__inner {
	gap: 48px;
	align-items: end;
}

.hwe-native-demo-baisha-final h2 {
	color: #fff;
}

.hwe-native-demo-baisha-final .wp-block-button__link {
	background: var(--hwe-baisha-green);
	color: #fff !important;
}

.hwe-native-demo-baisha-final .wp-block-button__link:hover {
	background: #2d8d78;
}

.hwe-native-demo-baisha-footer {
	padding: 30px 24px;
	border-top: 1px solid var(--hwe-baisha-line);
	color: var(--hwe-baisha-muted);
}

.hwe-native-demo-baisha-footer p {
	margin: 0;
	font-size: .6875rem;
}

.hwe-native-demo-baisha-footer a {
	color: inherit;
}

.hwe-native-demo-baisha :focus-visible {
	outline: 3px solid #d19a35;
	outline-offset: 4px;
}

@media (min-width: 783px) and (max-width: 1199px) {
	.hwe-native-demo-baisha-header {
		width: calc(100% - 48px) !important;
	}
}

@media (max-width: 782px) {
	.hwe-native-demo-baisha-disclosure,
	.hwe-native-demo-baisha-project,
	.hwe-native-demo-baisha-compare,
	.hwe-native-demo-baisha-process,
	.hwe-native-demo-baisha-final,
	.hwe-native-demo-baisha-footer {
		padding-right: 16px;
		padding-left: 16px;
	}

	.hwe-native-demo-baisha-header {
		width: calc(100% - 32px) !important;
		min-height: 66px;
	}

	.hwe-native-demo-baisha-nav {
		gap: 0;
	}

	.hwe-native-demo-baisha-nav .hwe-native-demo-baisha-nav-link {
		display: none;
	}

	.hwe-native-demo-baisha-nav-cta .wp-block-button__link {
		max-width: 155px;
		padding: 9px 10px;
		font-size: .6875rem;
		line-height: 1.35;
		text-align: center;
	}

	.hwe-native-demo-baisha-hero,
	.hwe-native-demo-baisha-hero__overlay {
		min-height: 650px;
	}

	.hwe-native-demo-baisha-hero__image,
	.hwe-native-demo-baisha-hero__image img {
		height: 650px;
	}

	.hwe-native-demo-baisha-hero__overlay {
		left: -8px;
		width: calc(100% + 16px) !important;
		padding: 0 16px 42px;
	}

	.hwe-native-demo-baisha-hero__title {
		font-size: 3.55rem !important;
	}

	.hwe-native-demo-baisha-hero__lead {
		font-size: .875rem;
	}

	.hwe-native-demo-baisha-hero__actions {
		width: 100%;
		gap: 10px;
	}

	.hwe-native-demo-baisha-hero__actions .wp-block-button {
		flex: 1;
	}

	.hwe-native-demo-baisha-hero-link .wp-block-button__link {
		width: 100%;
		justify-content: space-between;
		padding: 12px;
		font-size: .6875rem;
	}

	.hwe-native-demo-baisha-project,
	.hwe-native-demo-baisha-compare,
	.hwe-native-demo-baisha-process {
		padding-top: 76px;
		padding-bottom: 82px;
	}

	.hwe-native-demo-baisha-project__intro,
	.hwe-native-demo-baisha-process__grid {
		gap: 38px;
	}

	.hwe-native-demo-baisha-project h2,
	.hwe-native-demo-baisha-compare h2,
	.hwe-native-demo-baisha-process h2,
	.hwe-native-demo-baisha-final h2 {
		font-size: 2.875rem !important;
	}

	.hwe-native-demo-baisha-project__copy-col p {
		font-size: .875rem;
	}

	.hwe-native-demo-baisha-meta {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}

	.hwe-native-demo-baisha-meta > .wp-block-column,
	.hwe-native-demo-baisha-meta > .wp-block-column:not(:first-child) {
		padding: 15px 0;
		border-right: 0;
		border-bottom: 1px solid var(--hwe-baisha-line);
	}

	.hwe-native-demo-baisha-meta > .wp-block-column:last-child {
		border-bottom: 0;
	}

	.hwe-native-demo-baisha-compare__head {
		display: block;
		margin-bottom: 28px;
	}

	.hwe-native-demo-baisha-compare__head p {
		margin-top: 22px;
		font-size: .875rem;
	}

	.hwe-native-demo-baisha-disclosure-note {
		margin-top: 18px !important;
	}

	.hwe-native-demo-baisha-compare-frame,
	.hwe-native-demo-baisha-compare-before,
	.hwe-native-demo-baisha-compare-after,
	.hwe-native-demo-baisha-compare-before img,
	.hwe-native-demo-baisha-compare-after img {
		min-height: 470px;
		height: 470px;
	}

	.hwe-native-demo-baisha-compare-label {
		max-width: 44%;
		font-size: .5625rem;
	}

	.hwe-native-demo-baisha-compare-note {
		gap: 8px;
	}

	.hwe-native-demo-baisha-step {
		gap: 14px;
	}

	.hwe-native-demo-baisha-step-no {
		flex-basis: 42px;
	}

	.hwe-native-demo-baisha-final {
		padding-top: 76px;
		padding-bottom: 76px;
	}

	.hwe-native-demo-baisha-final__inner {
		display: grid;
		gap: 30px;
	}

	.hwe-native-demo-baisha-final .wp-block-button,
	.hwe-native-demo-baisha-final .wp-block-button__link {
		width: 100%;
	}

	.hwe-native-demo-baisha-final .wp-block-button__link {
		justify-content: space-between;
	}

	.hwe-native-demo-baisha-footer .alignwide {
		gap: 12px;
	}
}

@media (max-width: 420px) {
	.hwe-native-demo-baisha-hero__title {
		font-size: 3.25rem !important;
	}

	.hwe-native-demo-baisha-project h2,
	.hwe-native-demo-baisha-compare h2,
	.hwe-native-demo-baisha-process h2,
	.hwe-native-demo-baisha-final h2 {
		font-size: 2.55rem !important;
	}
}