@media (max-width: 1150px) {
  .container {
    width: calc(100% - 64px);
  }
  .nav-shell {
    width: calc(100% - 48px);
    gap: 20px;
  }
  .nav-links {
    gap: 22px;
    font-size: 12px;
  }
  .brand > span {
    font-size: 17px;
  }
  .brand small {
    font-size: 8px;
    letter-spacing: 1px;
  }
  .brand > img {
    width: 37px;
  }
  .section {
    padding-block: 85px;
  }
  .section-heading {
    gap: 25px;
  }
  .section-heading > p {
    font-size: 13px;
  }
  .chain-tabs > button {
    padding: 22px 17px 19px;
  }
  .chain-tabs strong {
    font-size: 13px;
  }
  .chain-detail > [role="tabpanel"] {
    padding: 31px;
  }
  .chain-detail h3 {
    font-size: 21px;
  }
  .chain-detail p {
    font-size: 13px;
  }
  .knowledge-section {
    padding-top: 80px;
  }
  .knowledge-copy h2 {
    font-size: 36px;
  }
  .knowledge-layout {
    gap: 25px;
  }
  .knowledge-node {
    width: 102px;
    height: 102px;
    gap: 7px;
  }
  .knowledge-node strong {
    font-size: 11px;
  }
  .knowledge-core {
    width: 128px;
    height: 128px;
  }
  .knowledge-core img {
    width: 39px;
  }
  .knowledge-core strong {
    font-size: 12px;
  }
  .knowledge-detail h3 {
    font-size: 17px;
  }
  .knowledge-detail p {
    font-size: 12px;
  }
  .automation-section,
  .community-layout {
    gap: 48px;
  }
  .automation-copy h2 {
    font-size: 34px;
  }
  .rhythm-list > div {
    grid-template-columns: 68px 82px 1fr;
  }
  .rhythm-list small {
    font-size: 10px;
  }
  .hardware-feature {
    gap: 35px;
  }
  .hardware-copy {
    padding-right: 30px;
  }
  .hardware-copy h3 {
    font-size: 26px;
  }
  .hardware-image {
    min-height: 465px;
  }
  .hardware-gallery {
    grid-template-columns: 0.85fr 1fr 1fr;
  }
  .hardware-photo > img {
    height: 180px;
  }
  .data-boundary {
    gap: 45px;
  }
  .community-copy h2 {
    font-size: 32px;
  }
  .community-section {
    padding-block: 85px;
  }
  .community-poster > strong {
    font-size: 120px;
  }
  .community-poster {
    padding: 25px;
  }
  .poster-bottom {
    font-size: 8px;
  }
  .faq-section {
    gap: 45px;
  }
  .footer-top {
    gap: 25px;
    grid-template-columns: 1.5fr 0.8fr 0.8fr 1.15fr;
  }
}
@media (max-width: 900px) {
  html {
    scroll-padding-top: 88px;
  }
  .nav-shell {
    height: 72px;
  }
  .nav-links {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    flex-direction: column;
    gap: 0;
    background: #fff;
    padding: 14px 32px 24px;
    box-shadow: 0 18px 24px #152b4310;
    border-bottom: 1px solid var(--line);
  }
  .nav-links.open {
    display: flex;
  }
  .nav-links > a {
    padding: 14px 0;
    font-size: 14px;
    border-bottom: 1px solid #edf1f5;
  }
  .menu-toggle {
    display: inline-grid;
  }
  .brand-statement h2 {
    font-size: 22px;
  }
  .statement-points {
    gap: 32px;
  }
  .section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }
  .section-heading h2 {
    font-size: 36px;
  }
  .section-heading > p br {
    display: none;
  }
  .chain-tabs {
    gap: 9px;
  }
  .chain-tabs > button {
    padding: 20px 11px 17px;
  }
  .chain-tabs > button > span:first-child {
    font-size: 8px;
    right: 10px;
    top: 12px;
  }
  .chain-tabs .icon {
    width: 25px;
    height: 25px;
  }
  .chain-tabs strong {
    font-size: 12px;
    margin-top: 17px;
  }
  .chain-tabs small {
    font-size: 7px;
    letter-spacing: 0.7px;
  }
  .chain-detail {
    grid-template-columns: 1.5fr 1fr;
  }
  .chain-detail > [role="tabpanel"] {
    padding: 28px;
  }
  .chain-detail h3 {
    font-size: 19px;
  }
  .chain-detail p {
    font-size: 12px;
  }
  .detail-tags {
    gap: 6px;
  }
  .detail-tags li {
    font-size: 10px;
    padding: 6px 8px;
  }
  .knowledge-layout {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
  .knowledge-copy h2 {
    font-size: 30px;
  }
  .knowledge-copy .section-intro {
    font-size: 12px;
  }
  .knowledge-copy .section-intro br {
    display: none;
  }
  .knowledge-node {
    width: 84px;
    height: 84px;
    gap: 5px;
  }
  .knowledge-node strong {
    font-size: 9px;
    letter-spacing: 0;
  }
  .knowledge-node .icon {
    width: 22px;
    height: 22px;
  }
  .knowledge-node small {
    font-size: 6px;
    letter-spacing: 0.8px;
  }
  .knowledge-core {
    width: 105px;
    height: 105px;
    gap: 6px;
  }
  .knowledge-core img {
    width: 29px;
  }
  .knowledge-core strong {
    font-size: 10px;
    letter-spacing: 1px;
  }
  .knowledge-core > span {
    font-size: 8px;
  }
  .knowledge-detail {
    margin-top: 23px;
  }
  .knowledge-detail h3 {
    font-size: 16px;
  }
  .knowledge-detail > div {
    gap: 10px;
    font-size: 9px;
  }
  .knowledge-bottom {
    margin-top: 45px;
    gap: 10px;
    flex-direction: column;
    padding-block: 20px;
  }
  .automation-section {
    gap: 34px;
  }
  .night-visual {
    aspect-ratio: 0.7;
  }
  .automation-copy h2 {
    font-size: 31px;
  }
  .eyebrow {
    font-size: 9px;
    letter-spacing: 1.3px;
  }
  .automation-copy > p:not(.small-note) {
    font-size: 12px;
  }
  .rhythm-list > div {
    grid-template-columns: 64px 1fr;
    gap: 6px;
    padding: 13px 0;
  }
  .rhythm-list small {
    grid-column: 2;
  }
  .rhythm-list strong {
    font-size: 12px;
  }
  .hardware-feature {
    gap: 15px;
    grid-template-columns: 1fr 1fr;
  }
  .hardware-copy {
    padding: 35px 24px 35px 0;
  }
  .hardware-copy h3 {
    font-size: 24px;
  }
  .hardware-copy > p {
    font-size: 12px;
  }
  .hardware-topline {
    left: 20px;
    gap: 10px;
    letter-spacing: 0.6px;
    font-size: 8px;
  }
  .hardware-caption {
    font-size: 8px;
    left: 20px;
  }
  .hardware-list {
    gap: 16px;
  }
  .hardware-list strong {
    font-size: 12px;
  }
  .hardware-list > li > div > span {
    font-size: 10px;
  }
  .hardware-list > li {
    gap: 12px;
  }
  .hardware-gallery {
    gap: 16px;
  }
  .hardware-gallery h3 {
    font-size: 19px;
  }
  .hardware-gallery p {
    font-size: 11px;
  }
  .hardware-photo > img {
    height: 160px;
  }
  .data-boundary {
    gap: 30px;
  }
  .data-boundary h3 {
    font-size: 24px;
  }
  .data-boundary > div > p {
    font-size: 12px;
  }
  .boundary-list strong {
    font-size: 12px;
  }
  .boundary-list p > span {
    font-size: 10px;
  }
  .community-layout {
    gap: 35px;
  }
  .community-copy h2 {
    font-size: 27px;
  }
  .community-poster {
    aspect-ratio: 0.85;
    padding: 24px;
  }
  .community-poster > strong {
    font-size: 105px;
  }
  .poster-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    font-size: 8px;
  }
  .poster-top {
    font-size: 8px;
    letter-spacing: 1.5px;
  }
  .community-copy > p {
    font-size: 12px;
  }
  .community-topics {
    font-size: 10px;
    gap: 10px;
  }
  .community-topics > span + span {
    padding-left: 10px;
  }
  .community-copy > .button {
    font-size: 13px;
    padding: 14px 20px;
  }
  .faq-section {
    grid-template-columns: 1fr 1.25fr;
    gap: 30px;
  }
  .faq-section h2 {
    font-size: 25px;
  }
  .faq-list summary {
    font-size: 12px;
    padding: 18px 0;
    gap: 12px;
  }
  .faq-list details > p {
    font-size: 12px;
  }
  .contact-banner h2 {
    font-size: 27px;
  }
  .contact-banner .button {
    font-size: 13px;
    padding: 14px 20px;
    gap: 14px;
  }
  .footer-top {
    grid-template-columns: 1.2fr 0.7fr 0.7fr;
  }
  .footer-company {
    grid-column: 1/-1;
    border-top: 1px solid var(--line);
    padding-top: 25px;
  }
  .footer-top > .footer-company {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    align-items: start;
  }
  .footer-company p {
    font-size: 11px;
  }
  .footer-company > a {
    font-size: 14px !important;
  }
  .footer-top {
    padding-bottom: 35px;
  }
}
@media (max-width: 640px) {
  html {
    scroll-padding-top: 82px;
  }
  .container {
    width: calc(100% - 40px);
  }
  .section {
    padding-block: 64px;
  }
  .nav-shell {
    height: 68px;
    width: calc(100% - 32px);
    gap: 12px;
  }
  .brand {
    gap: 8px;
  }
  .brand > img {
    width: 32px;
    height: auto;
  }
  .brand > span {
    font-size: 15px;
  }
  .brand small {
    font-size: 7px;
    letter-spacing: 0.75px;
  }
  .nav-actions {
    gap: 8px;
  }
  .nav-actions > .button {
    padding: 8px 12px;
    font-size: 11px;
    min-height: 36px;
    gap: 8px;
  }
  .nav-actions > .button .icon {
    width: 13px;
    height: 13px;
  }
  .menu-toggle {
    width: 32px;
    height: 34px;
    border-radius: 4px;
    background: transparent;
  }
  .menu-toggle .icon {
    width: 22px;
    height: 22px;
  }
  .nav-links {
    top: 68px;
    padding-inline: 20px;
  }
  .brand-statement {
    padding-block: 38px 39px;
  }
  .brand-statement > p {
    font-size: 10px;
    letter-spacing: 2px;
    margin-bottom: 14px;
  }
  .brand-statement h2 {
    font-size: 21px;
    line-height: 1.65;
  }
  .mobile-only {
    display: block;
  }
  .statement-points {
    gap: 16px;
    margin-top: 22px;
    font-size: 9px;
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .statement-points b {
    font-size: 8px;
    padding-right: 4px;
  }
  .eyebrow {
    font-size: 8px;
    letter-spacing: 1.2px;
    gap: 8px;
  }
  .eyebrow i {
    width: 5px;
    height: 5px;
  }
  .section-heading {
    gap: 15px;
    margin-bottom: 28px;
  }
  .section-heading h2 {
    font-size: 29px;
    line-height: 1.45;
    letter-spacing: -0.8px;
    margin-top: 16px;
  }
  .section-heading > p {
    font-size: 12px;
    line-height: 1.9;
  }
  .chain-tabs {
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
  }
  .chain-tabs > button {
    padding: 18px 15px 16px;
  }
  .chain-tabs .icon {
    width: 25px;
    height: 25px;
  }
  .chain-tabs strong {
    font-size: 12px;
    margin-top: 15px;
  }
  .chain-tabs small {
    font-size: 7px;
  }
  .chain-tabs > button > span:first-child {
    font-size: 8px;
    right: 12px;
    top: 15px;
  }
  .chain-detail {
    grid-template-columns: 1fr;
    margin-top: 14px;
  }
  .chain-detail > [role="tabpanel"] {
    padding: 25px 24px;
    min-height: 254px;
  }
  .chain-detail h3 {
    font-size: 18px;
    margin-top: 13px;
  }
  .chain-detail p {
    font-size: 12px;
  }
  .detail-number {
    font-size: 10px;
  }
  .detail-tags {
    margin-top: 20px;
    gap: 6px;
  }
  .detail-tags li {
    font-size: 9px;
  }
  .chain-art {
    min-height: 206px;
  }
  .chain-art > img {
    object-position: center 51%;
  }
  .chain-art:after {
    background: linear-gradient(#f1f7fd, #f1f7fd00 50%);
  }
  .chain-art > span {
    font-size: 8px;
    right: 20px;
    bottom: 19px;
  }
  .knowledge-section {
    padding-top: 61px;
  }
  .knowledge-layout {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }
  .knowledge-copy {
    width: 100%;
  }
  .knowledge-copy h2 {
    font-size: 30px;
    margin: 18px 0;
  }
  .knowledge-copy .section-intro {
    font-size: 12px;
  }
  .knowledge-detail {
    min-height: 170px;
    padding-top: 21px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .knowledge-detail h3 {
    font-size: 17px;
  }
  .knowledge-detail > div {
    gap: 17px;
    font-size: 9px;
  }
  .knowledge-detail p {
    min-height: 46px;
  }
  .light-link {
    font-size: 12px;
  }
  .knowledge-graph {
    width: min(100%, 430px);
    aspect-ratio: 1.08;
    margin: 8px 0 0;
  }
  .knowledge-node {
    width: 85px;
    height: 85px;
  }
  .knowledge-node strong {
    font-size: 9px;
  }
  .knowledge-node small {
    font-size: 6px;
  }
  .knowledge-core {
    width: 104px;
    height: 104px;
  }
  .knowledge-core > span {
    font-size: 8px;
  }
  .knowledge-bottom {
    margin-top: 34px;
    padding-block: 21px;
    gap: 9px;
  }
  .knowledge-bottom > span {
    font-size: 10px;
    letter-spacing: 1px;
  }
  .knowledge-bottom > p {
    font-size: 9px;
    line-height: 1.8;
  }
  .automation-section {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .night-visual {
    aspect-ratio: 1.12;
  }
  .night-visual > img {
    object-position: center;
  }
  .night-label {
    font-size: 8px;
    left: 21px;
    top: 21px;
  }
  .night-caption {
    left: 21px;
    right: 21px;
    bottom: 20px;
  }
  .night-caption > span {
    font-size: 10px;
  }
  .night-caption > small {
    font-size: 8px;
  }
  .automation-copy h2 {
    font-size: 30px;
    margin-top: 17px;
  }
  .automation-copy > p:not(.small-note) {
    font-size: 12px;
    margin-top: 18px;
  }
  .rhythm-list > div {
    grid-template-columns: 72px 89px 1fr;
    padding: 16px 0;
    gap: 4px;
  }
  .rhythm-list small {
    grid-column: auto;
    font-size: 10px;
  }
  .rhythm-list > div > span {
    font-size: 8px;
  }
  .automation-copy .small-note {
    font-size: 9px;
  }
  .hardware-feature {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .hardware-image {
    min-height: 310px;
  }
  .hardware-image > img {
    width: 90%;
    max-width: 370px;
  }
  .hardware-topline {
    font-size: 8px;
    top: 20px;
    left: 22px;
    gap: 17px;
  }
  .hardware-caption {
    left: 22px;
    bottom: 18px;
    font-size: 8px;
  }
  .hardware-copy {
    padding: 25px;
  }
  .hardware-copy h3 {
    font-size: 25px;
  }
  .hardware-copy > p {
    font-size: 12px;
  }
  .hardware-list {
    gap: 19px;
    margin-block: 24px;
  }
  .hardware-list strong {
    font-size: 12px;
  }
  .hardware-list > li > div > span {
    font-size: 11px;
  }
  .hardware-gallery {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 30px;
    margin-bottom: 42px;
  }
  .hardware-gallery > div {
    grid-column: 1/-1;
    padding: 0 0 9px;
  }
  .hardware-gallery h3 {
    font-size: 21px;
    margin: 10px 0;
  }
  .hardware-gallery p {
    font-size: 11px;
  }
  .hardware-photo > img {
    height: 170px;
  }
  .hardware-photo > span {
    font-size: 10px;
    padding: 12px 13px;
  }
  .hardware-photo .icon {
    width: 14px;
    height: 14px;
  }
  .data-boundary {
    grid-template-columns: 1fr;
    gap: 31px;
    padding-top: 38px;
  }
  .data-boundary h3 {
    font-size: 24px;
    margin-top: 18px;
  }
  .data-boundary > div > p {
    font-size: 12px;
  }
  .boundary-list {
    gap: 24px;
  }
  .boundary-list p > span {
    font-size: 11px;
  }
  .boundary-list strong {
    font-size: 12px;
  }
  .boundary-list > div {
    gap: 15px;
  }
  .community-section {
    padding-block: 64px;
  }
  .community-layout {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .community-poster {
    aspect-ratio: 1.06;
    padding: 24px;
  }
  .community-poster > strong {
    font-size: 117px;
    margin: 22px 0;
  }
  .poster-top {
    font-size: 8px;
    letter-spacing: 2px;
  }
  .poster-bottom {
    flex-direction: row;
    font-size: 8px;
  }
  .poster-bottom > span:last-child {
    font-size: 8px;
  }
  .orbit-satellite {
    width: 23px;
    height: 23px;
  }
  .community-pill {
    font-size: 10px;
    margin-top: 20px;
  }
  .community-copy h2 {
    font-size: 30px;
    margin-top: 17px;
  }
  .community-copy > p {
    font-size: 12px;
    margin-top: 19px;
  }
  .community-topics {
    font-size: 11px;
    gap: 14px;
    margin-top: 22px;
  }
  .community-topics > span + span {
    padding-left: 14px;
  }
  .community-copy > .button {
    font-size: 12px;
  }
  .faq-section {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-block: 50px 58px;
  }
  .faq-section h2 {
    font-size: 28px;
    margin-top: 17px;
  }
  .faq-section > div > p {
    font-size: 12px;
    margin-top: 12px;
  }
  .faq-list summary {
    font-size: 12px;
    line-height: 1.9;
    padding: 19px 0;
  }
  .faq-list details > p {
    font-size: 12px;
    padding-right: 10px;
  }
  .contact-banner {
    padding-block: 42px;
  }
  .contact-banner > .container {
    align-items: flex-start;
    flex-direction: column;
    gap: 25px;
  }
  .contact-banner h2 {
    font-size: 27px;
    margin-top: 14px;
  }
  .contact-banner .container > div > span {
    font-size: 7px;
    letter-spacing: 1.6px;
  }
  .contact-banner .button {
    font-size: 12px;
    min-height: 48px;
  }
  .footer {
    padding-top: 43px;
  }
  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
  }
  .footer-top > .brand {
    grid-column: 1/-1;
  }
  .footer-top > .footer-company {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .footer-top strong {
    font-size: 12px;
    margin-bottom: 4px;
  }
  .footer-top > div {
    font-size: 11px;
    gap: 12px;
  }
  .footer-link {
    font-size: 11px;
  }
  .footer-company > a {
    font-size: 17px !important;
  }
  .footer-company p {
    font-size: 11px;
  }
  .footer-bottom {
    flex-direction: column;
    gap: 11px;
    font-size: 9px;
    padding-block: 21px;
  }
  .modal {
    padding: 31px 25px 23px;
  }
  .modal h2 {
    font-size: 27px;
  }
  .modal .eyebrow {
    font-size: 9px;
  }
  .modal-brand {
    width: 42px;
  }
  .modal .contact-topic {
    font-size: 12px;
  }
  .modal > p {
    font-size: 12px;
  }
  .photo-dialog {
    padding: 10px;
  }
  .photo-close {
    right: 18px;
    top: 18px;
  }
  .photo-dialog > p {
    font-size: 11px;
  }
  .photo-dialog > img {
    max-height: 77dvh;
  }
}
@media (max-width: 360px) {
  .container {
    width: calc(100% - 32px);
  }
  .nav-shell {
    width: calc(100% - 24px);
    gap: 8px;
  }
  .brand > span {
    font-size: 13px;
  }
  .brand > img {
    width: 28px;
  }
  .brand small {
    font-size: 6px;
    letter-spacing: 0.4px;
  }
  .nav-actions {
    gap: 4px;
  }
  .nav-actions > .button {
    padding: 8px 9px;
    font-size: 10px;
    gap: 4px;
  }
  .brand-statement h2 {
    font-size: 19px;
  }
  .statement-points {
    gap: 10px;
    font-size: 8px;
  }
  .section-heading h2,
  .automation-copy h2,
  .community-copy h2 {
    font-size: 27px;
  }
  .chain-detail > [role="tabpanel"] {
    padding: 22px;
    min-height: 267px;
  }
  .chain-detail h3 {
    font-size: 16px;
  }
  .detail-tags li {
    font-size: 8px;
    padding: 6px;
  }
  .knowledge-copy h2 {
    font-size: 28px;
  }
  .knowledge-node {
    width: 73px;
    height: 73px;
    gap: 4px;
  }
  .knowledge-node .icon {
    width: 21px;
    height: 21px;
  }
  .knowledge-node strong {
    font-size: 8px;
  }
  .knowledge-node small {
    font-size: 5px;
  }
  .knowledge-core {
    width: 88px;
    height: 88px;
    gap: 5px;
  }
  .knowledge-core img {
    width: 25px;
  }
  .knowledge-core strong {
    font-size: 8px;
  }
  .knowledge-core > span {
    font-size: 7px;
  }
  .rhythm-list > div {
    grid-template-columns: 65px 79px 1fr;
  }
  .rhythm-list small {
    font-size: 9px;
  }
  .hardware-photo > img {
    height: 145px;
  }
  .community-poster > strong {
    font-size: 99px;
  }
  .poster-bottom {
    font-size: 7px;
    gap: 8px;
  }
  .poster-bottom > span:last-child {
    font-size: 7px;
  }
  .contact-banner h2 {
    font-size: 24px;
  }
  .modal {
    padding-inline: 21px;
  }
}
/* Tablet content reflows before columns become too narrow to read. */
@media (min-width: 641px) and (max-width: 900px) {
  .chain-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .chain-tabs > button {
    padding: 22px;
  }
  .chain-tabs strong {
    font-size: 16px;
  }
  .chain-tabs small {
    font-size: 10px;
  }
  .knowledge-layout,
  .automation-section,
  .hardware-feature,
  .data-boundary,
  .community-layout,
  .faq-section {
    grid-template-columns: minmax(0, 1fr);
  }
  .knowledge-layout {
    gap: 32px;
  }
  .knowledge-copy h2 {
    font-size: 36px;
  }
  .knowledge-detail p {
    max-width: 100%;
  }
  .knowledge-graph {
    max-width: 520px;
    margin-inline: auto;
  }
  .knowledge-node {
    width: 108px;
    height: 108px;
  }
  .knowledge-node strong {
    font-size: 13px;
  }
  .knowledge-node small {
    font-size: 8px;
  }
  .knowledge-core {
    width: 136px;
    height: 136px;
  }
  .knowledge-core img {
    width: 40px;
  }
  .knowledge-core strong {
    font-size: 13px;
  }
  .knowledge-core > span {
    font-size: 10px;
  }
  .night-visual {
    aspect-ratio: 1.35;
  }
  .hardware-image {
    min-height: 0;
  }
  .hardware-image > img {
    max-width: 450px;
  }
  .hardware-copy {
    padding: 28px 36px 36px;
  }
  .hardware-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hardware-gallery > div {
    grid-column: 1 / -1;
  }
  .hardware-photo > img {
    height: 240px;
  }
  .community-poster {
    width: min(100%, 520px);
    aspect-ratio: 1.08;
    margin-inline: auto;
  }
  .community-poster > strong {
    font-size: 140px;
  }
  .community-copy h2 {
    font-size: 34px;
  }
}
/* Readable copy and comfortable touch targets, not a scaled-down desktop. */
@media (max-width: 900px) {
  .chain-detail > *,
  .hardware-feature > *,
  .data-boundary > *,
  .community-layout > *,
  .faq-section > * {
    min-width: 0;
  }
  .nav-links {
    max-height: calc(100dvh - 76px);
    overflow-y: auto;
  }
  .menu-toggle {
    width: 44px;
    height: 44px;
  }
  .nav-actions > .button {
    min-height: 44px;
    font-size: 13px;
    padding: 10px 12px;
    gap: 8px;
  }
  .text-link {
    min-height: 44px;
    font-size: 14px;
  }
  .section-heading > p,
  .chain-detail p,
  .knowledge-copy .section-intro,
  .knowledge-detail p,
  .automation-copy > p:not(.small-note),
  .hardware-copy > p,
  .hardware-gallery p,
  .data-boundary > div > p,
  .boundary-list p > span,
  .community-copy > p,
  .faq-list details > p,
  .faq-section > div > p,
  .modal p {
    font-size: 14px;
    line-height: 1.9;
  }
  .knowledge-detail h3 {
    font-size: 18px;
  }
  .chain-detail h3 {
    font-size: 20px;
  }
  .detail-tags li,
  .knowledge-detail > div,
  .rhythm-list small,
  .hardware-list > li > div > span {
    font-size: 12px;
  }
  .knowledge-detail > div {
    flex-wrap: wrap;
    gap: 10px 16px;
  }
  .hardware-list strong,
  .boundary-list strong,
  .rhythm-list strong,
  .faq-list summary,
  .community-copy > .button,
  .contact-banner .button {
    font-size: 14px;
  }
  .community-topics {
    font-size: 13px;
  }
  .community-pill {
    font-size: 12px;
  }
  .automation-copy .small-note,
  .knowledge-bottom > p,
  .hardware-caption {
    font-size: 11px;
  }
  .hardware-caption {
    right: 20px;
    line-height: 1.6;
  }
  .footer-top a:not(.brand),
  .footer-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
  }
  .footer-top > div {
    gap: 4px;
  }
  .modal-close {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 640px) {
  .chain-tabs strong {
    font-size: 14px;
  }
  .chain-tabs small {
    font-size: 9px;
  }
  .knowledge-node strong {
    font-size: 11.5px;
  }
  .knowledge-node small {
    display: none;
  }
  .knowledge-core strong {
    font-size: 10px;
  }
  .knowledge-core > span {
    font-size: 9px;
  }
  .hardware-gallery {
    gap: 12px;
  }
  .hardware-photo > span {
    font-size: 12px;
    padding-inline: 11px;
  }
  .footer-top > .footer-company {
    gap: 12px;
  }
  .footer-company p {
    font-size: 13px;
  }
}
@media (max-width: 380px) {
  .header .brand small,
  .nav-actions > .button [data-icon] {
    display: none;
  }
  .nav-actions {
    gap: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
}