.hero-section {
   position:relative;
   min-height:calc(100vh - 4rem);
   display:flex;
   flex-direction:column;
   justify-content:space-between;
   padding:clamp(2.5rem, 6vw, 5.5rem) clamp(1.25rem, 4vw, 4rem);
   border-bottom:1px solid var(--border-line);
   overflow:hidden;
}

.hero-header {
   max-width:960px;
}

.hero-statement {
   font-family:var(--nude-a70);
   font-size:var(--fs-hero);
   font-weight:700;
   line-height:0.96;
   letter-spacing:-0.03em;
   text-transform:uppercase;
   color:var(--pine);
   margin-bottom:var(--space-md);
   text-wrap:balance;
}

.hero-statement .accent-word {
   color:var(--accent);
}

.hero-subhead {
   font-size:var(--fs-lead);
   font-weight:500;
   line-height:var(--lh-snug);
   color:var(--ink);
   max-width:54ch;
   margin-bottom:var(--space-lg);
}

.hero-actions {
   display:flex;
   flex-wrap:wrap;
   align-items:center;
   gap:var(--space-sm);
   margin-bottom:var(--space-xl);
}

.hero-budget-link {
   color:var(--pine);
   padding:0.4rem 0.85rem;
   background-color:rgba(255, 255, 255, 0.7);
   border-radius:var(--radius-sm);
   border:1px solid var(--border-line);
   font-weight:700;
}

.hero-budget-link:hover {
   color:var(--accent);
   background-color:var(--white);
}

.hero-metrics-bar {
   display:grid;
   grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
   gap:var(--space-md);
   padding:var(--space-md);
   border-radius:var(--radius-xs);
   border:1px solid var(--border-line);
   background-color:rgba(255, 255, 255, 0.88);
   box-shadow:var(--shadow-sm);
}

.hero-metric-item {
   display:flex;
   flex-direction:column;
   gap:0.25rem;
   min-width:0;
}

.hero-metric-value {
   font-family:var(--nude-a70);
   font-size:clamp(2rem, 4vw, 3.25rem);
   font-weight:700;
   line-height:1;
   color:var(--pine);
}

.hero-metric-unit {
   font-family:var(--nude-3b4);
   font-size:0.9rem;
   font-weight:700;

   color:var(--accent);
}

.hero-metric-label {
   font-size:0.875rem;
   line-height:var(--lh-snug);
   color:var(--ink);
}

.hero-visual-break {
   width:100%;
   margin:var(--space-xl) 0 0;
   border-radius:var(--radius-xs);
   overflow:hidden;
   border:1px solid var(--border-line);
}

.hero-visual-break img {
   width:100%;
   height:clamp(340px, 50vh, 580px);
   object-fit:cover;
   object-position:center 38%;
}

.section-flow {
   position:relative;
   padding:clamp(3.5rem, 7vw, 6.5rem) clamp(1.25rem, 4vw, 4rem);
   border-bottom:1px solid var(--border-line);
}

.section-flow-dense {
   padding-top:clamp(2.5rem, 5vw, 4.5rem);
   padding-bottom:clamp(2.5rem, 5vw, 4.5rem);
}

.section-head-stack {
   margin-bottom:var(--space-lg);
}

.full-bleed-media {
   width:100%;
   margin:var(--space-lg) 0 var(--space-xl);
   border-radius:var(--radius-xs);
   overflow:hidden;
   border:1px solid var(--border-line);
   background-color:var(--mist);
}

.full-bleed-media img {
   width:100%;
   height:clamp(320px, 45vh, 540px);
   object-fit:cover;
   object-position:center;
}

.full-bleed-media figcaption {
   font-family:var(--nude-3b4);
   font-size:var(--fs-caption);
   color:var(--pine);
   padding:0.75rem 1rem;
   background-color:var(--mist);
   border-top:1px solid var(--border-line);
   display:flex;
   align-items:center;

   justify-content:space-between;
   flex-wrap:wrap;
   gap:0.5rem;
}

.pull-quote-spread {
   position:relative;
   background-color:var(--pine);
   color:var(--ground);
   padding:clamp(4rem, 9vw, 8rem) clamp(1.5rem, 5vw, 5rem);
   margin:var(--space-xl) 0;
   border-radius:var(--radius-xs);
   overflow:hidden;
   box-shadow:var(--shadow-lg);
}

.pull-quote-spread::before {
   content:"";
   position:absolute;
   top:0;
   left:0;
   width:8px;
   height:100%;
   background-color:var(--accent);
}

.pull-quote-inner {
   max-width:1040px;
   margin:0 auto;
}

.pull-quote-mark {
   font-family:var(--nude-a70);
   font-size:clamp(4rem, 10vw, 8.5rem);
   line-height:0.7;
   color:var(--accent);
   opacity:0.4;
   margin-bottom:var(--space-xs);
   user-select:none;
}

.pull-quote-text {
   font-family:var(--nude-a70);
   font-size:clamp(1.85rem, 4.2vw + 0.4rem, 3.75rem);
   font-weight:700;
   line-height:1.08;
   letter-spacing:-0.02em;
   text-transform:uppercase;

   color:var(--ground);
   margin-bottom:var(--space-md);
   text-wrap:balance;
}

.pull-quote-cite {
   font-family:var(--nude-3b4);
   font-size:clamp(0.85rem, 1.2vw, 1.05rem);
   letter-spacing:var(--tracking-wide);
   color:var(--mist);
   text-transform:uppercase;
   display:flex;
   align-items:center;
   gap:0.75rem;
}

.pull-quote-cite::before {
   content:"";
   display:inline-block;
   width:32px;
   height:2px;
   background-color:var(--accent);
}

.scrolly-section {
   position:relative;
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:clamp(2rem, 4vw, 4.5rem);
   align-items:start;
   margin:var(--space-xl) 0;
}

.scrolly-sticky-col {
   position:sticky;
   top:2rem;
   display:flex;
   flex-direction:column;
   gap:var(--space-sm);
}

.scrolly-progress {
   width:100%;
   height:4px;
   background-color:var(--border-line);
   border-radius:var(--radius-pill);
   overflow:hidden;
}

.scrolly-progress-bar {
   height:100%;
   width:25%;
   background-color:var(--accent);
   transition:width var(--dur-base) var(--ease-standard);
}

.scrolly-visual-frame {
   position:relative;
   width:100%;
   border-radius:var(--radius-xs);
   overflow:hidden;
   border:1px solid var(--border-line);
   background-color:var(--mist);
   box-shadow:var(--shadow-md);
}

.scrolly-visual-frame img {
   width:100%;
   height:clamp(340px, 46vh, 480px);
   object-fit:cover;
}

.scrolly-visual-badge {
   position:absolute;
   bottom:1rem;
   left:1rem;
   background-color:rgba(26, 46, 34, 0.88);
   color:var(--ground);
   padding:0.4rem 0.85rem;
   font-family:var(--nude-3b4);
   font-size:var(--fs-tag);
   border-radius:var(--radius-xs);
   backdrop-filter:blur(4px);
   border:1px solid rgba(228, 234, 227, 0.2);
}

.scrolly-steps-col {
   display:flex;
   flex-direction:column;
   gap:clamp(3rem, 6vw, 5rem);
}

.scrolly-step-card {
   background-color:var(--paper-card);
   border:1px solid var(--border-line);
   border-left:4px solid var(--pine);
   padding:clamp(1.5rem, 3vw, 2.5rem);
   border-radius:var(--radius-xs);
   transition:border-color var(--dur-fast) var(--ease-standard),
                     box-shadow var(--dur-fast) var(--ease-standard);
}

.scrolly-step-card:hover {
   border-left-color:var(--accent);
   box-shadow:var(--shadow-sm);
}

.scrolly-step-header {
   display:flex;
   align-items:baseline;
   justify-content:space-between;
   margin-bottom:var(--space-xs);
   border-bottom:1px solid var(--border-light);
   padding-bottom:0.5rem;
}

.scrolly-step-metric {
   font-family:var(--nude-a70);
   font-size:1.85rem;
   font-weight:700;
   color:var(--pine);
}

.scrolly-step-tag {
   font-family:var(--nude-3b4);
   font-size:var(--fs-tag);
   color:var(--moss);
   text-transform:uppercase;
}

.scrolly-step-title {
   font-family:var(--nude-a70);
   font-size:1.4rem;
   color:var(--ink);
   margin-bottom:var(--space-xs);
}

.scrolly-step-card p {
   font-size:1rem;
   line-height:var(--lh-snug);
   color:var(--ink);
}

.calculator-wrapper {
   background-color:var(--paper-card);
   border:1px solid var(--border-line);
   border-radius:var(--radius-xs);
   padding:clamp(1.5rem, 4vw, 3rem);
   margin:var(--space-xl) 0;
   box-shadow:var(--shadow-sm);
}

.calc-grid {
   display:grid;
   grid-template-columns:1.15fr 0.85fr;
   gap:clamp(1.5rem, 3.5vw, 3.5rem);
   align-items:start;
}

.calc-inputs-pane {
   display:flex;
   flex-direction:column;
   gap:var(--space-md);
}

.calc-control-group {
   display:flex;
   flex-direction:column;
   gap:0.45rem;
}

.calc-label-row {
   display:flex;
   justify-content:space-between;
   align-items:baseline;
   font-family:var(--nude-a70);
   font-size:0.95rem;
   letter-spacing:var(--tracking-wide);
   text-transform:uppercase;
   color:var(--ink);
}

.calc-val-readout {
   font-family:var(--nude-3b4);
   font-size:0.95rem;
   font-weight:700;
   color:var(--pine);
}

.calc-range-slider {
   width:100%;
   height:8px;
   background:var(--mist);
   border-radius:var(--radius-pill);
   outline:none;
   cursor:pointer;
   accent-color:var(--accent);
}

.calc-range-slider:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:4px;
}

.calc-summary-pane {
   background-color:var(--pine);
   color:var(--ground);
   padding:clamp(1.5rem, 3vw, 2.25rem);
   border-radius:var(--radius-xs);
   display:flex;
   flex-direction:column;
   gap:var(--space-md);
   box-shadow:var(--shadow-md);
}

.calc-summary-heading {
   font-family:var(--nude-a70);
   font-size:1.25rem;
   letter-spacing:var(--tracking-wide);
   text-transform:uppercase;
   color:var(--ground);
   border-bottom:1px solid rgba(228, 234, 227, 0.2);
   padding-bottom:var(--space-xs);
}

.calc-total-lockup {
   display:flex;
   flex-direction:column;
   gap:0.25rem;
}

.calc-total-label {
   font-family:var(--nude-3b4);
   font-size:var(--fs-tag);
   letter-spacing:var(--tracking-caps);
   text-transform:uppercase;
   color:var(--mist);
}

.calc-total-number {
   font-family:var(--nude-a70);
   font-size:clamp(2.75rem, 5.5vw, 4.25rem);
   font-weight:700;
   line-height:0.95;
   color:var(--ground);
}

.calc-total-unit {
   font-family:var(--nude-3b4);
   font-size:1.1rem;
   color:var(--accent);
   margin-left:0.25rem;
}

.calc-formula-note {
   font-family:var(--nude-3b4);
   font-size:var(--fs-caption);
   color:var(--mist);
   line-height:var(--lh-snug);
   padding:0.75rem;
   background-color:rgba(26, 46, 34, 0.4);
   border-radius:var(--radius-xs);
   border-left:3px solid var(--accent);
}

.calc-breakdown-list {
   display:flex;
   flex-direction:column;
   gap:0.5rem;
   font-family:var(--nude-3b4);
   font-size:0.85rem;
   border-top:1px solid rgba(228, 234, 227, 0.15);
   padding-top:var(--space-sm);
}

.calc-breakdown-row {
   display:flex;
   justify-content:space-between;
   align-items:center;
   color:var(--mist);
}

.calc-breakdown-row span:last-child {
   font-weight:700;
   color:var(--ground);
}

.calc-disclaimer {
   font-size:0.82rem;
   line-height:1.4;
   color:rgba(228, 234, 227, 0.7);
   margin-top:auto;
}

.inquiry-split-layout {
   display:grid;
   grid-template-columns:1fr 1.15fr;
   gap:clamp(2rem, 5vw, 4.5rem);
   align-items:start;
}

.inquiry-info-pane {
   display:flex;
   flex-direction:column;
   gap:var(--space-md);
}

.inquiry-contact-card {
   background-color:var(--paper-card);
   border:1px solid var(--border-line);
   padding:var(--space-md);
   border-radius:var(--radius-xs);
}

.inquiry-contact-item {
   display:flex;
   align-items:flex-start;
   gap:0.75rem;
   margin-bottom:var(--space-sm);
}

.inquiry-contact-item:last-child {
   margin-bottom:0;
}

.inquiry-contact-item .icon {
   color:var(--accent);
   margin-top:0.2rem;
}

.inquiry-form-card {
   background-color:var(--white);
   border:1px solid var(--border-line);
   padding:clamp(1.5rem, 3.5vw, 2.5rem);
   border-radius:var(--radius-xs);
   box-shadow:var(--shadow-sm);
}

.form-two-col {
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:var(--space-md);
}

.framed-doc-card {
   background-color:var(--white);
   border:1px solid var(--border-strong);
   box-shadow:var(--shadow-lg);
   border-radius:var(--radius-xs);
   padding:clamp(2rem, 5vw, 4.5rem);
   margin:var(--space-lg) 0 var(--space-2xl);
   position:relative;
}

.framed-doc-masthead {
   border-bottom:2px solid var(--pine);
   padding-bottom:var(--space-md);
   margin-bottom:var(--space-xl);
   display:flex;
   flex-direction:column;
   gap:0.65rem;
}

.framed-doc-meta {
   display:flex;
   flex-wrap:wrap;
   gap:1.25rem;
   font-family:var(--nude-3b4);
   font-size:var(--fs-caption);
   color:var(--moss);
   border-top:1px solid var(--border-line);
   padding-top:var(--space-xs);
}

.framed-doc-meta-item strong {
   color:var(--pine);
}

.doc-clause-block {
   padding:var(--space-md) 0;
   border-bottom:1px solid var(--border-light);
}

.doc-clause-block:last-child {
   border-bottom:none;
}

.doc-clause-title {
   font-family:var(--nude-a70);
   font-size:1.5rem;
   color:var(--pine);
   margin-bottom:var(--space-xs);
}

.doc-clause-lead {
   font-family:var(--nude-3b4);
   font-size:var(--fs-caption);
   color:var(--accent);
   text-transform:uppercase;
   margin-bottom:var(--space-2xs);
   font-weight:700;
}

.tab-system {
   margin:var(--space-lg) 0 var(--space-2xl);
}

.tab-nav-bar {
   display:flex;
   flex-wrap:wrap;
   gap:0.5rem;
   border-bottom:2px solid var(--pine);
   margin-bottom:var(--space-lg);
   padding-bottom:2px;
}

.tab-btn {
   padding:0.75rem 1.15rem;
   min-height:48px;
   font-family:var(--nude-a70);
   font-size:1rem;
   font-weight:600;
   letter-spacing:var(--tracking-wide);
   text-transform:uppercase;
   color:var(--pine);
   background-color:var(--paper-card);
   border:1px solid var(--border-line);
   border-bottom:none;
   border-radius:var(--radius-xs) var(--radius-xs) 0 0;
   cursor:pointer;
   white-space:nowrap;
   flex:0 0 auto;
   transition:background-color var(--dur-fast) var(--ease-standard),
                     color var(--dur-fast) var(--ease-standard);
}

.tab-btn:hover {
   background-color:var(--mist);
   color:var(--ink);
}

.tab-btn:active {
   background-color:var(--accent);
   color:var(--white);
}

.tab-btn:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:-2px;
}

.tab-btn[aria-selected='true'],
.tab-btn.is-active {
   background-color:var(--pine);
   color:var(--ground);
   border-color:var(--pine);
}

.tab-panel {
   background-color:var(--paper-card);
   border:1px solid var(--border-line);
   padding:clamp(1.5rem, 4vw, 3rem);
   border-radius:var(--radius-xs);
}

.tab-panel[hidden] {
   display:none !important;
}

.tab-accordion-trigger {
   display:none;
   width:100%;
   padding:0.85rem 1.25rem;
   min-height:48px;
   background-color:var(--pine);
   color:var(--ground);
   font-family:var(--nude-a70);
   font-size:1.05rem;
   font-weight:600;
   letter-spacing:var(--tracking-wide);
   text-transform:uppercase;
   text-align:left;
   border:none;
   border-bottom:1px solid rgba(228, 234, 227, 0.2);
   align-items:center;
   justify-content:space-between;
}

.tab-accordion-trigger:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:-2px;
}

.clause-ledger-wrap {
   margin:var(--space-lg) 0 var(--space-2xl);
   overflow-x:auto;
   border:1px solid var(--border-strong);
   border-radius:var(--radius-xs);
   background-color:var(--white);
   box-shadow:var(--shadow-sm);
}

.clause-ledger-table {
   width:100%;
   border-collapse:collapse;
   text-align:left;
}

.clause-ledger-table th {
   background-color:var(--pine);
   color:var(--ground);
   font-family:var(--nude-a70);
   font-size:0.95rem;
   letter-spacing:var(--tracking-wide);
   text-transform:uppercase;
   padding:1rem 1.25rem;
   border-bottom:2px solid var(--accent);
}

.clause-ledger-table td {
   padding:1.15rem 1.25rem;
   border-bottom:1px solid var(--border-line);
   font-size:0.95rem;
   line-height:var(--lh-snug);
   vertical-align:top;
}

.clause-ledger-table tr:last-child td {
   border-bottom:none;
}

.clause-ledger-table tr:hover td {
   background-color:rgba(228, 234, 227, 0.35);
}

.clause-id-cell {
   font-family:var(--nude-3b4);
   font-weight:700;
   color:var(--pine);
   white-space:nowrap;
}

.clause-plain-cell {
   font-weight:600;
   color:var(--ink);
}

.clause-app-cell {
   color:var(--moss);
   font-size:0.9rem;
}

.faq-card-stack {
   display:flex;
   flex-direction:column;
   gap:var(--space-sm);
   margin:var(--space-lg) 0;
}

.faq-item {
   background-color:var(--paper-card);
   border:1px solid var(--border-line);
   border-radius:var(--radius-xs);
   overflow:hidden;
   transition:border-color var(--dur-fast) var(--ease-standard);
}

.faq-item:hover {
   border-color:var(--pine);
}

.faq-trigger {
   width:100%;
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:1rem;
   padding:1.15rem 1.4rem;
   min-height:48px;
   font-family:var(--nude-a70);
   font-size:1.15rem;
   font-weight:600;
   text-transform:uppercase;
   letter-spacing:0.01em;
   color:var(--pine);
   text-align:left;
   cursor:pointer;
   background-color:transparent;
   transition:background-color var(--dur-fast) var(--ease-standard),
                     color var(--dur-fast) var(--ease-standard);
}

.faq-trigger:hover {
   background-color:rgba(228, 234, 227, 0.5);
   color:var(--accent);
}

.faq-trigger:active {
   background-color:rgba(228, 234, 227, 0.8);
}

.faq-trigger:focus-visible {
   outline:2px solid var(--accent);
   outline-offset:-2px;
}

.faq-trigger .icon {
   transition:transform var(--dur-fast) var(--ease-standard);
   flex-shrink:0;
   color:var(--accent);
}

.faq-trigger[aria-expanded='true'] .icon {
   transform:rotate(180deg);
}

.faq-panel {
   padding:0 1.4rem 1.25rem;
   font-size:0.98rem;
   line-height:var(--lh-body);
   color:var(--ink);
}

.faq-panel[hidden] {
   display:none !important;
}

.page-error-frame {
   min-height:65vh;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:flex-start;
   padding:clamp(2.5rem, 6vw, 5rem) clamp(1.25rem, 4vw, 4rem);
}

.page-error-code {
   font-family:var(--nude-a70);
   font-size:clamp(4rem, 12vw, 9rem);
   font-weight:700;
   line-height:0.9;
   color:var(--accent);
   margin-bottom:var(--space-xs);
}

.page-error-title {
   font-size:var(--fs-h2);
   margin-bottom:var(--space-sm);
   color:var(--pine);
}

.page-error-desc {
   font-size:var(--fs-lead);
   max-width:48ch;
   margin-bottom:var(--space-md);
}

.service-card-stack {
   display:flex;
   flex-direction:column;
   gap:var(--space-xl);
   margin:var(--space-lg) 0;
}

.service-detail-block {
   background-color:var(--paper-card);
   border:1px solid var(--border-line);
   border-radius:var(--radius-xs);
   overflow:hidden;
}

.service-detail-header {
   padding:clamp(1.5rem, 3.5vw, 2.5rem);
   border-bottom:1px solid var(--border-line);
   display:flex;
   flex-direction:column;
   gap:var(--space-xs);
}

.service-detail-body {
   padding:clamp(1.5rem, 3.5vw, 2.5rem);
}

.service-specs-row {
   display:grid;
   grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
   gap:var(--space-sm);
   margin:var(--space-md) 0;
   padding:var(--space-sm) 0;
   border-top:1px solid var(--border-line);
   border-bottom:1px solid var(--border-line);
}

.service-spec-item {
   display:flex;
   flex-direction:column;
   gap:0.2rem;
}

.service-spec-k {
   font-family:var(--nude-3b4);
   font-size:var(--fs-tag);
   color:var(--moss);
   text-transform:uppercase;
}

.service-spec-v {
   font-family:var(--nude-a70);
   font-size:1.15rem;
   font-weight:600;
   color:var(--pine);
}

.standards-checklist {
   display:grid;
   grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
   gap:var(--space-md);
   margin:var(--space-lg) 0;
}

.standard-card {
   background-color:var(--white);
   border:1px solid var(--border-line);
   padding:var(--space-md);
   border-radius:var(--radius-xs);
   display:flex;
   flex-direction:column;
   gap:var(--space-xs);
}

.standard-card-head {
   display:flex;
   align-items:center;
   gap:0.5rem;
   font-family:var(--nude-a70);
   font-size:1.15rem;
   color:var(--pine);
}

.standard-card-head .icon {
   color:var(--accent);
}

.standard-card p {
   font-size:0.95rem;
   line-height:var(--lh-snug);
   color:var(--ink);
}

.cookie-status-badge {
   display:inline-flex;
   align-items:center;
   gap:0.5rem;
   padding:0.45rem 0.85rem;
   border-radius:var(--radius-xs);
   font-family:var(--nude-3b4);
   font-size:var(--fs-caption);
   font-weight:700;
}

.cookie-status-denied {
   background-color:#f8d7da;
   color:#721c24;
   border:1px solid #f5c6cb;
}

.cookie-status-granted {
   background-color:#e2f0d9;
   color:#274e13;
   border:1px solid #70ad47;
}

@media (max-width: 1024px) {
   .scrolly-section {
      grid-template-columns:1fr;
      gap:var(--space-lg);
   }
   .scrolly-sticky-col {
      position:static;
   }
   .calc-grid {
      grid-template-columns:1fr;
      gap:var(--space-lg);
   }
   .inquiry-split-layout {
      grid-template-columns:1fr;
      gap:var(--space-lg);
   }
}

@media (max-width: 768px) {
   .form-two-col {
      grid-template-columns:1fr;
      gap:var(--space-sm);
   }
   .tab-nav-bar {
      display:none;
   }
   .tab-accordion-trigger {
      display:flex;
   }
   .tab-panel {
      border-top:none;
      border-radius:0;
      margin-bottom:var(--space-2xs);
   }
   .clause-ledger-table {
      display:block;
   }
   .clause-ledger-table thead {
      display:none;
   }
   .clause-ledger-table tbody {
      display:block;
   }
   .clause-ledger-table tr {
      display:block;
      padding:var(--space-md);
      border-bottom:2px solid var(--border-line);
      background-color:var(--white);
   }
   .clause-ledger-table td {
      display:block;
      padding:0.35rem 0;
      border:none;
   }
   .clause-ledger-table td::before {
      content:attr(data-label);
      display:block;
      font-family:var(--nude-3b4);
      font-size:var(--fs-tag);
      color:var(--moss);
      text-transform:uppercase;
      margin-bottom:0.15rem;
      font-weight:700;
   }
}

@media (max-width: 480px) {
   .hero-metrics-bar {
      grid-template-columns:1fr;
   }
   .hero-actions {
      flex-direction:column;
      align-items:stretch;
   }
   .hero-actions .btn {
      width:100%;
   }
   .framed-doc-card {
      padding:var(--space-md);
   }
}