:root {
  --ink: #111827;
  --muted: #536170;
  --paper: #f6f3ed;
  --panel: #ffffff;
  --line: rgba(17, 24, 39, .13);
  --deep: #0a1824;
  --teal: #0c7c7b;
  --copper: #b46a38;
  --gold: #d7b46a;
  --ice: #d8eeee;
  --shadow: 0 28px 80px rgba(10, 24, 36, .16);
  --radius: 8px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); letter-spacing: 0; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
.site-header { position: sticky; top: 0; z-index: 50; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; min-height: 76px; padding: 14px clamp(18px, 4vw, 58px); background: rgba(246,243,237,.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.brand img, .site-footer img { width: 224px; height: auto; }
nav { display: flex; justify-content: center; gap: 4px; flex-wrap: wrap; }
nav a, .header-cta { text-decoration: none; font-weight: 850; font-size: 13px; padding: 9px 9px; border-radius: var(--radius); }
nav a.active, nav a:hover { background: var(--ice); color: #074c54; }
.header-cta { border: 1px solid rgba(12,124,123,.28); background: #fff; color: #074c54; }
.hero { min-height: calc(100vh - 76px); display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr); align-items: stretch; background: #0b1721; color: #fff; }
.hero-media { position: relative; min-height: 680px; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; }
.hero-media:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,24,36,.10), rgba(10,24,36,.62)); }
.hero-copy { display: flex; flex-direction: column; justify-content: center; gap: 24px; padding: clamp(36px, 6vw, 84px); background: linear-gradient(145deg, #0a1824, #122c37 65%, #73411f); }
.eyebrow { margin: 0 0 10px; color: var(--teal); text-transform: uppercase; font-size: 12px; font-weight: 950; letter-spacing: .08em; }
.hero .eyebrow, .page-hero .eyebrow { color: #65e2d8; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3, p, li, a, span, strong, b, em { overflow-wrap: break-word; }
h1 { font-size: clamp(40px, 5.2vw, 74px); line-height: .98; letter-spacing: 0; margin-bottom: 20px; max-width: 980px; overflow-wrap: break-word; }
h2 { font-size: clamp(26px, 3vw, 44px); line-height: 1.03; margin-bottom: 16px; }
.lead { font-size: clamp(18px, 2vw, 24px); line-height: 1.55; color: rgba(255,255,255,.84); max-width: 780px; }
.page-hero .lead, .band p, .article-layout p, .site-footer p, li { color: var(--muted); line-height: 1.75; font-size: 16px; }
.page-hero .lead { color: rgba(255,255,255,.86); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 18px; border-radius: var(--radius); text-decoration: none; font-weight: 950; border: 1px solid transparent; cursor: pointer; }
.primary { background: #12cfc0; color: #06282d; box-shadow: 0 14px 36px rgba(18,207,192,.24); }
.ghost { background: rgba(255,255,255,.08); color: inherit; border-color: rgba(255,255,255,.24); }
.full { width: 100%; margin-top: 14px; color: var(--ink); border-color: var(--line); background: #fff; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.trust-strip { display: flex; gap: 10px; flex-wrap: wrap; }
.trust-strip span { border: 1px solid rgba(255,255,255,.18); padding: 9px 12px; border-radius: var(--radius); color: rgba(255,255,255,.82); font-weight: 780; font-size: 13px; }
.band, .page-hero, .calculator-wrap, .contact-wrap { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 78px 0; }
.page-hero { min-height: 440px; display: flex; flex-direction: column; justify-content: center; color: #fff; background: linear-gradient(140deg, rgba(10,24,36,.92), rgba(10,24,36,.68)), url('/assets/img/modular-adu-silver-exterior.jpg') center/cover; width: 100%; padding-inline: max(18px, calc((100vw - 1180px)/2)); }
.page-hero.compact { min-height: 390px; }
.page-hero.product-hero { display: grid; grid-template-columns: 1fr minmax(280px, 480px); gap: 42px; align-items: center; }
.page-hero.product-hero img { border-radius: var(--radius); box-shadow: var(--shadow); }
.product-split { display: grid; grid-template-columns: 1fr .85fr; gap: 42px; align-items: center; }
.page-hero > *, .band > *, .product-split > *, .learning-intro > *, .education-hub > *, .product-learning > *, .keyword-opportunity > *, .calc-intent-board > *, .command-intro > *, .product-board > *, .engineering-slice > *, .structural-overview > *, .engineering-explainer > *, .cost-impact > *, .source-boundary > *, .approval-deep-dive > *, .approval-research > *, .permit-vs-product > *, .certificate-intro > *, .certificate-difference > *, .certificate-snapshot-section > * { min-width: 0; }
figure { margin: 0; }
figcaption { color: var(--muted); font-size: 13px; margin-top: 10px; }
.product-split figure img, .gallery-row img, .model-grid img, .article-layout img { border-radius: var(--radius); box-shadow: var(--shadow); aspect-ratio: 16/10; object-fit: cover; width: 100%; }
.mini-stats, .spec-grid, .stack-grid, .model-grid, .guide-grid, .approval-ledger { display: grid; gap: 16px; }
.mini-stats { grid-template-columns: repeat(3, 1fr); margin-top: 28px; }
.mini-stats div, .spec-grid div, .approval-card, .guide-card, .approval-ledger article { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; box-shadow: 0 20px 55px rgba(10,24,36,.07); }
.mini-stats strong, .spec-grid strong, .approval-card strong { display: block; font-size: 26px; margin-bottom: 8px; }
.mini-stats span, .spec-grid span, .approval-card span, .approval-card em { display: block; color: var(--muted); line-height: 1.55; font-style: normal; }
.stack-grid { grid-template-columns: repeat(3, 1fr); margin-top: 28px; }
.stack-grid a { min-height: 110px; display: flex; align-items: end; padding: 20px; background: #fff; text-decoration: none; border: 1px solid var(--line); border-radius: var(--radius); font-weight: 950; box-shadow: 0 18px 45px rgba(10,24,36,.06); transition: transform .18s ease, border-color .18s ease; }
.stack-grid a:hover, .guide-card:hover { transform: translateY(-3px); border-color: rgba(12,124,123,.45); }
.approvals { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 18px; align-items: stretch; }
.gallery-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.gallery-row.expanded { grid-template-columns: repeat(2, 1fr); }
.cta-panel { text-align: center; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding-inline: 32px; box-shadow: var(--shadow); margin-bottom: 80px; }
.command-intro { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 28px; align-items: stretch; }
.command-panel { background: #0a1824; color: #fff; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow); display: grid; gap: 14px; }
.panel-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.13); padding-bottom: 14px; }
.panel-head span, .panel-row span, .model-tag, .fact-wall span, .scope-track span { color: #65e2d8; text-transform: uppercase; font-weight: 950; font-size: 12px; letter-spacing: .08em; }
.panel-head strong { font-size: 24px; }
.panel-row { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.09); }
.panel-row b { text-align: right; }
.section-kicker { max-width: 780px; }
.model-compare { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; align-items: stretch; }
.model-compare article, .product-board, .scope-track a { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 20px 55px rgba(10,24,36,.07); }
.model-compare article { padding: 24px; display: grid; align-content: start; gap: 12px; }
.model-compare h3 { font-size: clamp(24px, 3vw, 38px); line-height: 1.04; margin: 0; }
.model-compare ul { margin: 0; padding-left: 20px; color: var(--muted); line-height: 1.8; }
.featured-model { border-color: rgba(180,106,56,.4) !important; background: linear-gradient(135deg, #fff, #fff8f1) !important; }
.reveal-stage { display: grid; grid-template-columns: .82fr 1fr; gap: 28px; align-items: center; }
.reveal-stage video { width: 100%; border-radius: var(--radius); box-shadow: var(--shadow); background: #0a1824; aspect-ratio: 16/9; object-fit: cover; }
.scope-track { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.scope-track a { min-height: 148px; padding: 20px; text-decoration: none; display: grid; align-content: space-between; gap: 10px; transition: transform .18s ease, border-color .18s ease; }
.scope-track a:hover { transform: translateY(-3px); border-color: rgba(12,124,123,.45); }
.scope-track b { font-size: 20px; }
.scope-track em, .fact-wall em { color: var(--muted); font-style: normal; line-height: 1.55; }
.product-board { display: grid; grid-template-columns: .72fr 1.28fr; gap: 28px; padding: clamp(24px, 4vw, 42px); align-items: center; }
.fact-wall { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.fact-wall div { background: #f8faf9; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; }
.fact-wall strong { display: block; font-size: 22px; margin: 8px 0; line-height: 1.05; }
.keyword-opportunity, .calc-intent-board { display: grid; grid-template-columns: .9fr 1.1fr; gap: 28px; align-items: start; }
.keyword-grid, .intent-pills { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.keyword-grid a, .intent-pills a, .keyword-note { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; text-decoration: none; box-shadow: 0 18px 45px rgba(10,24,36,.06); transition: transform .18s ease, border-color .18s ease; }
.keyword-grid a:hover, .intent-pills a:hover { transform: translateY(-3px); border-color: rgba(12,124,123,.45); }
.keyword-grid b { display: block; margin-bottom: 8px; font-size: 18px; }
.keyword-grid span, .keyword-note span { color: var(--muted); line-height: 1.55; }
.intent-pills a { font-weight: 950; color: #074c54; background: #eef8f6; }
.blog-hero { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.56)), url('/assets/img/modular-adu-copper-exterior.jpg'); }
.traffic-hub, .blog-intro, .related-articles { display: grid; grid-template-columns: .86fr 1.14fr; gap: 28px; align-items: start; }
.traffic-proof, .blog-source-grid, .related-blog-grid, .related-article-list { display: grid; gap: 14px; }
.traffic-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.traffic-proof div, .blog-source-grid div, .related-blog-grid a, .related-article-list a { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; box-shadow: 0 18px 45px rgba(10,24,36,.06); }
.traffic-proof span, .blog-source-grid span, .blog-card span, .related-blog-grid span { color: var(--teal); text-transform: uppercase; font-weight: 950; font-size: 12px; letter-spacing: .08em; }
.traffic-proof strong { display: block; font-size: 22px; line-height: 1.08; margin: 8px 0; }
.traffic-proof em { color: var(--muted); font-style: normal; line-height: 1.55; }
.blog-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.blog-card { min-height: 440px; display: grid; grid-template-rows: auto auto auto 1fr; gap: 14px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; text-decoration: none; box-shadow: 0 20px 55px rgba(10,24,36,.07); transition: transform .18s ease, border-color .18s ease; }
.blog-card:hover, .related-blog-grid a:hover, .related-article-list a:hover { transform: translateY(-3px); border-color: rgba(12,124,123,.45); }
.blog-card img, .blog-intro img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: var(--radius); box-shadow: 0 18px 45px rgba(10,24,36,.08); }
.blog-card strong { font-size: 24px; line-height: 1.08; }
.blog-card em { color: var(--muted); font-style: normal; line-height: 1.55; }
.blog-intro figure { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow); }
.blog-source-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.blog-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 22px; }
.blog-source-grid p { margin: 8px 0 0; }
.blog-article article h2 { margin-top: 30px; }
.blog-article article h2:first-child { margin-top: 0; }
.blog-article aside { background: #0a1824; color: #fff; border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow); }
.blog-article aside h3 { font-size: 28px; margin-bottom: 18px; }
.related-blog-grid a { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); text-decoration: none; box-shadow: none; }
.related-blog-grid strong { display: block; margin-bottom: 8px; }
.related-blog-grid span { color: #65e2d8; }
.related-article-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.related-article-list a { min-height: 84px; display: flex; align-items: center; text-decoration: none; color: #074c54; font-weight: 950; }
.education-hub, .learning-intro, .product-learning { display: grid; grid-template-columns: .82fr 1.18fr; gap: 28px; align-items: start; }
.education-copy, .learning-intro > div:first-child, .product-learning > div:first-child { position: sticky; top: 96px; }
.education-grid, .learn-grid, .inclusion-grid, .question-list, .info-strip { display: grid; gap: 14px; }
.education-grid { grid-template-columns: repeat(2, 1fr); }
.education-grid a, .learn-card, .plain-language, .inclusion-grid article, .question-list div, .info-strip div { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; box-shadow: 0 18px 45px rgba(10,24,36,.06); }
.education-grid a, .learn-card { min-height: 158px; text-decoration: none; display: grid; align-content: space-between; transition: transform .18s ease, border-color .18s ease; }
.education-grid a:hover, .learn-card:hover { transform: translateY(-3px); border-color: rgba(12,124,123,.45); }
.education-grid span, .learn-card span, .inclusion-grid span { color: var(--teal); text-transform: uppercase; font-weight: 950; font-size: 12px; letter-spacing: .08em; }
.education-grid b, .learn-card strong { font-size: 22px; line-height: 1.08; }
.education-grid em, .learn-card em, .question-list span, .info-strip span { color: var(--muted); font-style: normal; line-height: 1.55; }
.learn-grid { grid-template-columns: repeat(3, 1fr); }
.info-strip { grid-template-columns: repeat(3, 1fr); }
.product-learning { align-items: stretch; }
.plain-language h3, .inclusion-grid h3 { font-size: 24px; margin-bottom: 12px; }
.plain-language ul { margin: 0; padding-left: 20px; color: var(--muted); line-height: 1.75; }
.inclusion-grid { grid-template-columns: repeat(3, 1fr); }
.question-list { grid-template-columns: repeat(2, 1fr); }
.question-list b, .info-strip strong { display: block; margin-bottom: 8px; font-size: 18px; }
.search-gap-proof { border-top: 1px solid var(--line); }
.search-gap-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.search-gap-cards div { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; box-shadow: 0 18px 45px rgba(10,24,36,.06); }
.search-gap-cards strong { display: block; margin-bottom: 8px; font-size: 17px; }
.search-gap-cards p { font-size: 14px; margin-bottom: 0; }
.next-step-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.next-step-row a { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: var(--radius); background: #0a1824; color: #fff; text-decoration: none; font-weight: 950; }
.engineering-slice { display: grid; grid-template-columns: .92fr 1.08fr; gap: 30px; align-items: center; }
.engineering-copy { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(24px, 4vw, 42px); box-shadow: var(--shadow); }
.engineering-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.on-light { color: #074c54; border-color: rgba(12,124,123,.28); background: #eef8f6; }
.engineering-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.engineering-proof-grid figure, .drawing-card, .certificate-snapshot-card, .structural-fact-panel div, .engineering-columns article, .impact-list div, .step-grid article, .approval-meter div, .local-checklist-card, .comparison-table div, .approval-mini-stack div { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 20px 55px rgba(10,24,36,.07); overflow: hidden; }
.engineering-proof-grid img { width: 100%; aspect-ratio: 4/3; object-fit: contain; background: #fff; padding: 12px; }
.engineering-proof-grid figcaption { padding: 0 16px 16px; font-weight: 900; color: #283646; }
.structural-hero { background: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.62)), url('/assets/img/structural-r22345-steel-connection-details.jpg') center/cover; }
.structural-hero.one-l { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.62)), url('/assets/img/structural-r22348-steel-analytical-model.jpg'); }
.approval-state-hero { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/structural-r22345-design-criteria.jpg'); }
.approval-city-hero { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/unfold-floor-plan-top.jpg'); }
.approval-license-hero { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/structural-r22348-code-criteria.jpg'); }
.certificate-hero { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/structural-r22348-wind-pressure-approval.jpg'); }
.certificate-hero.intertek { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/structural-r22345-design-criteria.jpg'); }
.certificate-hero.hcd { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/structural-r22348-code-criteria.jpg'); }
.certificate-hero.finishes { background-image: linear-gradient(140deg, rgba(10,24,36,.92), rgba(10,24,36,.54)), url('/assets/img/unfold-wall-panel-frame.jpg'); }
.certificate-hero.energy { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/structural-r22345-roof-sip-wall-detail.jpg'); }
.certificate-hero.standards { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/structural-r22345-steel-connection-details.jpg'); }
.certificate-hero.why { background-image: linear-gradient(140deg, rgba(10,24,36,.93), rgba(10,24,36,.58)), url('/assets/img/modular-adu-copper-exterior.jpg'); }
.certificate-hero.flooring-cert { background-image: linear-gradient(140deg, rgba(10,24,36,.92), rgba(10,24,36,.54)), url('/assets/img/kingdom-flooring-cert-table-41.jpg'); }
.certificate-hero.flooring-cert-pet { background-image: linear-gradient(140deg, rgba(10,24,36,.92), rgba(10,24,36,.54)), url('/assets/img/kingdom-flooring-cert-table-42.jpg'); }
.certificate-hero.wall-cert { background-image: linear-gradient(140deg, rgba(10,24,36,.92), rgba(10,24,36,.54)), url('/assets/img/kingdom-wall-panel-cert-table-23.jpg'); }
.structural-overview, .engineering-explainer, .cost-impact, .source-boundary, .approval-deep-dive, .approval-research, .permit-vs-product, .certificate-intro, .certificate-difference { display: grid; grid-template-columns: .88fr 1.12fr; gap: 28px; align-items: start; }
.structural-fact-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.structural-fact-panel div { padding: 18px; }
.structural-fact-panel span { display: block; color: var(--teal); text-transform: uppercase; font-size: 12px; font-weight: 950; letter-spacing: .08em; margin-bottom: 8px; }
.structural-fact-panel strong { display: block; font-size: 22px; line-height: 1.06; }
.approval-meter, .step-grid, .comparison-table, .source-card-grid, .approval-mini-stack { display: grid; gap: 14px; }
.approval-meter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.approval-meter div, .approval-mini-stack div { padding: 18px; }
.approval-meter span, .step-grid span, .approval-mini-stack span { display: block; color: var(--teal); text-transform: uppercase; font-size: 12px; font-weight: 950; letter-spacing: .08em; margin-bottom: 8px; }
.approval-meter strong { display: block; font-size: 24px; line-height: 1.06; margin-bottom: 6px; }
.approval-meter em, .approval-mini-stack em, .comparison-table span { color: var(--muted); font-style: normal; line-height: 1.58; }
.step-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.step-grid article { padding: 20px; }
.step-grid h3 { font-size: 22px; margin-bottom: 10px; }
.local-checklist-card { padding: 24px; }
.local-checklist-card ul, .approval-article ul { margin: 0; padding-left: 20px; color: var(--muted); line-height: 1.75; }
.permit-vs-product { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.comparison-table { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.comparison-table div { padding: 20px; }
.comparison-table b { display: block; font-size: 19px; margin-bottom: 8px; }
.source-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.source-card-grid a { min-height: 76px; display: flex; align-items: center; padding: 18px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; font-weight: 950; color: #074c54; box-shadow: 0 18px 45px rgba(10,24,36,.06); transition: transform .18s ease, border-color .18s ease; }
.source-card-grid a:hover { transform: translateY(-3px); border-color: rgba(12,124,123,.45); }
.approval-article aside { position: sticky; top: 96px; background: #0a1824; color: #fff; border-radius: var(--radius); padding: 26px; box-shadow: var(--shadow); }
.approval-article aside h3 { font-size: 28px; margin-bottom: 18px; }
.approval-mini-stack div { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); box-shadow: none; }
.approval-mini-stack strong { display: block; font-size: 18px; margin-bottom: 6px; }
.approval-mini-stack em { color: rgba(255,255,255,.74); }
.certificate-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.certificate-card, .certificate-proof-panel div, .difficulty-panel { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 20px 55px rgba(10,24,36,.07); }
.certificate-card { min-height: 320px; padding: 22px; display: grid; align-content: start; gap: 12px; }
.certificate-card span, .certificate-proof-panel span { color: var(--teal); text-transform: uppercase; font-size: 12px; font-weight: 950; letter-spacing: .08em; }
.certificate-card h2 { font-size: 25px; line-height: 1.08; margin: 0; }
.certificate-card b, .difficulty-panel strong { display: block; color: #87491f; font-size: 18px; }
.certificate-card p { margin: 0; }
.certificate-card a { align-self: end; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: var(--radius); background: #0a1824; color: #fff; text-decoration: none; font-weight: 950; }
.certificate-proof-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.certificate-proof-panel div, .difficulty-panel { padding: 20px; }
.certificate-proof-panel strong { display: block; font-size: 24px; line-height: 1.08; margin: 8px 0; }
.certificate-proof-panel em { display: block; color: var(--muted); font-style: normal; line-height: 1.58; }
.difficulty-panel { background: #0a1824; color: #fff; }
.difficulty-panel p { color: rgba(255,255,255,.74); }
.difficulty-panel strong { color: #65e2d8; font-size: clamp(36px, 5vw, 62px); line-height: 1; margin: 10px 0 18px; }
.certificate-process { border-top: 1px solid var(--line); }
.certificate-difference { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.certificate-snapshot-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.certificate-snapshot-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.certificate-snapshot-card img { width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #fff; padding: 14px; border-bottom: 1px solid var(--line); }
.certificate-snapshot-card figcaption { display: grid; gap: 8px; padding: 18px; margin: 0; }
.certificate-snapshot-card b { font-size: 19px; color: var(--ink); }
.certificate-snapshot-card span { color: var(--muted); line-height: 1.58; font-size: 14px; }
.drawing-gallery { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.drawing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.drawing-card img { width: 100%; aspect-ratio: 5/3.6; object-fit: contain; background: #fff; padding: 14px; border-bottom: 1px solid var(--line); }
.drawing-card figcaption { display: grid; gap: 8px; padding: 18px; margin: 0; }
.drawing-card b { font-size: 18px; color: var(--ink); }
.drawing-card span { color: var(--muted); line-height: 1.58; font-size: 14px; }
.engineering-columns, .impact-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.engineering-columns article, .impact-list div { padding: 20px; }
.engineering-columns h3 { font-size: 21px; margin-bottom: 10px; }
.engineering-columns p { margin-bottom: 0; }
.impact-list b { display: block; margin-bottom: 8px; font-size: 18px; }
.impact-list span { color: var(--muted); line-height: 1.58; }
.source-boundary { background: #0a1824; color: #fff; border-radius: var(--radius); padding-inline: clamp(20px, 4vw, 42px); box-shadow: var(--shadow); margin-bottom: 80px; }
.source-boundary p { color: rgba(255,255,255,.76); }
.source-boundary .next-step-row a { background: #12cfc0; color: #06282d; }
.calculator-wrap, .contact-wrap { display: grid; grid-template-columns: 1fr 360px; gap: 28px; align-items: start; }
.calculator-wrap.standard-calculator { grid-template-columns: minmax(0, 1fr) 420px; }
.calc, .lead-form { display: grid; gap: 14px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow); }
.calc-section { display: grid; gap: 16px; padding: 0 0 22px; border-bottom: 1px solid var(--line); }
.calc-section:last-child { border-bottom: 0; padding-bottom: 0; }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.calc-help { margin-bottom: 0; font-size: 14px !important; }
.calc-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.calc-actions .btn { min-height: 46px; border: 1px solid rgba(12,124,123,.28); background: #f8faf9; color: #074c54; cursor: pointer; }
label { display: grid; gap: 8px; font-weight: 850; color: #283646; }
input, textarea, select { width: 100%; border: 1px solid var(--line); border-radius: var(--radius); min-height: 46px; padding: 10px 12px; font: inherit; background: #fbfaf7; color: var(--ink); }
textarea { resize: vertical; }
.check { grid-template-columns: auto 1fr; align-items: start; font-weight: 650; color: var(--muted); }
.check input { width: auto; min-height: auto; margin-top: 6px; }
.hp { position: absolute; left: -9999px; }
.calc-result, .contact-wrap aside { position: sticky; top: 96px; background: #0a1824; color: #fff; border-radius: var(--radius); padding: 26px; box-shadow: var(--shadow); }
.calc-result strong { font-size: clamp(42px, 5vw, 72px); display: block; }
.range-pill { display: inline-flex; width: 100%; align-items: center; justify-content: center; min-height: 42px; padding: 8px 12px; margin: 0 0 16px; border: 1px solid rgba(101,226,216,.28); border-radius: var(--radius); background: rgba(101,226,216,.1); color: #b8fff8; font-weight: 900; text-align: center; }
.per-sf { display: block; color: #65e2d8; font-weight: 850; margin: -6px 0 16px; }
.calc-result p, .contact-wrap aside p, .contact-wrap aside li { color: rgba(255,255,255,.75); }
.breakdown { display: grid; gap: 9px; margin: 18px 0; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.breakdown-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; font-size: 13px; }
.breakdown-row span { color: rgba(255,255,255,.72); }
.breakdown-row b { color: #fff; font-size: 14px; }
.completion-meter { display: grid; gap: 8px; margin: 18px 0; }
.completion-meter span { color: rgba(255,255,255,.86); font-weight: 850; font-size: 13px; }
.completion-meter div { height: 9px; border-radius: 999px; background: rgba(255,255,255,.13); overflow: hidden; }
.completion-meter i { display: block; width: 0; height: 100%; border-radius: 999px; background: #12cfc0; transition: width .18s ease; }
.cost-checklist { display: grid; gap: 8px; padding: 16px 0 18px; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); margin-bottom: 16px; }
.cost-checklist b { color: #fff; }
.cost-checklist span { color: rgba(255,255,255,.72); font-size: 13px; }
.model-grid, .spec-grid, .guide-grid, .approval-ledger { grid-template-columns: repeat(2, 1fr); }
.model-grid article, .guide-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; text-decoration: none; }
.guide-card { display: grid; min-height: 170px; align-content: space-between; }
.guide-card span { color: var(--teal); font-weight: 950; text-transform: uppercase; font-size: 12px; }
.guide-card strong { font-size: 24px; line-height: 1.1; }
.guide-card em { font-style: normal; color: var(--muted); font-weight: 800; }
.timeline { display: grid; gap: 18px; grid-template-columns: repeat(4, 1fr); }
.timeline div { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 22px; }
.timeline span { color: var(--copper); font-weight: 950; }
.calc-standard-notes { display: grid; grid-template-columns: .85fr 1.15fr; gap: 28px; align-items: start; }
.standard-note-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.standard-note-grid div { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; box-shadow: 0 18px 45px rgba(10,24,36,.06); }
.standard-note-grid strong { display: block; margin-bottom: 8px; font-size: 18px; }
.standard-note-grid span { color: var(--muted); line-height: 1.55; }
.faq { display: grid; gap: 12px; }
details { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; }
summary { cursor: pointer; font-weight: 950; }
.article-layout { display: grid; grid-template-columns: 1fr 340px; gap: 36px; align-items: start; }
.article-layout article { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(24px, 4vw, 46px); }
.article-layout aside { position: sticky; top: 96px; }
.text-link { color: #08746f; font-weight: 950; }
.site-footer { background: var(--deep); color: #fff; padding: 60px clamp(18px, 5vw, 72px) 28px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; }
.site-footer h2 { font-size: 16px; }
.site-footer a { color: #fff; }
.credit { border-top: 1px solid rgba(255,255,255,.12); padding-top: 24px; margin-top: 34px; font-size: 13px; }
@media (max-width: 980px) {
  .site-header { grid-template-columns: 1fr; justify-items: center; position: relative; }
  .hero, .product-split, .approvals, .calculator-wrap, .calculator-wrap.standard-calculator, .contact-wrap, .article-layout, .page-hero.product-hero, .command-intro, .model-compare, .reveal-stage, .product-board, .keyword-opportunity, .calc-intent-board, .traffic-hub, .blog-intro, .related-articles, .education-hub, .learning-intro, .product-learning, .calc-standard-notes, .engineering-slice, .structural-overview, .engineering-explainer, .cost-impact, .source-boundary, .approval-deep-dive, .approval-research, .permit-vs-product, .certificate-intro, .certificate-difference { grid-template-columns: 1fr; }
  .hero-media { min-height: 430px; order: 2; }
  .hero-copy { order: 1; }
  .stack-grid, .gallery-row, .gallery-row.expanded, .timeline, .footer-grid, .scope-track, .keyword-grid, .intent-pills, .traffic-proof, .blog-post-grid, .blog-source-grid, .related-article-list, .search-gap-cards, .education-grid, .learn-grid, .inclusion-grid, .question-list, .info-strip, .field-grid, .standard-note-grid, .engineering-proof-grid, .drawing-grid, .certificate-snapshot-grid, .engineering-columns, .impact-list, .step-grid, .comparison-table, .source-card-grid, .approval-meter, .certificate-grid, .certificate-proof-panel { grid-template-columns: 1fr; }
  .mini-stats, .spec-grid, .model-grid, .guide-grid, .approval-ledger, .fact-wall { grid-template-columns: 1fr; }
  .calc-result, .contact-wrap aside, .article-layout aside, .approval-article aside, .education-copy, .learning-intro > div:first-child, .product-learning > div:first-child { position: static; }
}
@media (max-width: 540px) {
  h1 { font-size: 34px; line-height: 1.04; }
  .page-hero h1 { font-size: 27px; line-height: 1.12; max-width: 94%; }
  .page-hero .lead { font-size: 15px; line-height: 1.62; max-width: 94%; }
  .band h2 { font-size: 28px; line-height: 1.08; max-width: 100%; overflow-wrap: break-word; }
  .brand img, .site-footer img { width: 210px; }
  .hero-copy, .page-hero { padding: 36px 18px; }
  nav { overflow-x: auto; justify-content: flex-start; width: 100%; flex-wrap: nowrap; padding-bottom: 4px; }
  .header-cta { width: 100%; text-align: center; }
  .band, .calculator-wrap, .contact-wrap { width: min(100% - 24px, 1180px); padding: 48px 0; }
}