.promo-band { background: var(--color-red); color: var(--color-white); font-size: var(--fs-ui); }
.promo-band .container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-3); padding-block: var(--space-4); }
.promo-band a { color: var(--color-white); font-weight: var(--weight-semibold); }
.hero .two-column { align-items: center; }
.hero h1 { max-width: 17ch; }
.hero-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2) var(--space-4); font-size: var(--fs-ui); }
.hero-visual { min-width: 0; }
.hero-visual img { display: block; width: 100%; height: auto; }
.stats { margin-bottom: var(--space-10); }
.stats strong { display: block; font-family: var(--font-display); font-size: 2.5rem; line-height: 1.2; color: var(--color-ink); }
.service-cards h2, .service-cards h3 { font-size: var(--fs-h3); }
.reasons-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-12); }
.reasons-list { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-6); }
.reasons-list li { border-bottom: 1px solid var(--color-border); padding-block: var(--space-5); }
.reasons-list li::before { top: var(--space-5); }
.category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.category-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-4) var(--space-2); padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-ink); text-decoration: none; font-weight: var(--weight-semibold); line-height: 1.4; }
.category-card:hover { box-shadow: var(--shadow-md); }
.category-image { display: grid; place-items: center; grid-column: 1 / -1; min-height: 125px; border-radius: var(--radius-sm); background: var(--color-soft); color: var(--color-muted); }
.category-image img { height: 125px; width: 125px; max-width: 100%; object-fit: contain; }
.category-image svg { fill: none; stroke: currentColor; stroke-width: 1.3; }
.category-card small { color: var(--color-muted); font-weight: var(--weight-normal); }
.brands-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-10); font-size: var(--fs-small); }
.brands-row img { width: 100px; max-height: 45px; object-fit: contain; }
.brands-row .button { margin-left: auto; }
.feature-cards .card { padding: var(--space-6); }
.source-slides { display: grid; gap: var(--space-6); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--space-8); padding: var(--space-6); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-sm); }
.testimonial { max-width: 1000px; }
.quote-mark { color: var(--color-red); font-family: var(--font-display); font-size: 96px; line-height: .9; }
.testimonial blockquote { margin: var(--space-6) 0 0; }
.testimonial blockquote > p { font-family: var(--font-display); font-size: var(--fs-h3); line-height: 1.6; color: var(--color-ink); }
.testimonial footer { padding-left: var(--space-4); border-left: 3px solid var(--color-red); }
.testimonial footer strong, .testimonial footer span { display: block; }
.letter-preview { position: relative; align-self: center; justify-self: center; width: min(360px, 100%); min-height: 400px; padding: var(--space-8); border-radius: var(--radius-xs); background: var(--color-white); color: var(--color-ink); box-shadow: var(--shadow-lg); transform: rotate(2deg); }
.letter-preview > img { display: block; margin-bottom: var(--space-8); }
.letter-preview > strong { display: block; border-top: 3px solid var(--color-red); padding-top: var(--space-5); margin-bottom: var(--space-6); }
.letter-skeleton { height: 65px; background: repeating-linear-gradient(var(--color-border) 0, var(--color-border) 5px, transparent 5px, transparent 14px); margin-bottom: var(--space-6); }
.letter-watermark { position: absolute; top: 44%; left: 8%; font-size: 64px; color: var(--color-red-tint); font-weight: var(--weight-bold); transform: rotate(-30deg); }
.letter-status { margin-top: var(--space-6); }
.letter-disclaimer { max-width: var(--container-prose); font-size: var(--fs-small); margin-top: var(--space-8); padding-top: var(--space-5); border-top: 1px solid var(--color-muted); }
.letter-steps { margin-top: var(--space-8); }
.store-showcase { position: relative; display: flex; justify-content: center; align-items: flex-end; gap: var(--space-12); background: var(--color-ink); min-height: 430px; padding: var(--space-12) var(--space-12) 0; border-radius: var(--radius-lg); margin-bottom: var(--space-12); overflow: hidden; }
.store-browser { position: relative; background: var(--color-white); width: 66%; min-height: 300px; padding: var(--space-6); border-radius: var(--radius-md) var(--radius-md) 0 0; }
.browser-bar { display: flex; align-items: center; gap: var(--space-2); border-bottom: 1px solid var(--color-border); padding-bottom: var(--space-3); margin-bottom: var(--space-5); }
.browser-bar i { width: 9px; height: 9px; background: var(--color-border-strong); border-radius: 50%; }
.browser-bar span { margin-left: var(--space-3); font-size: var(--fs-small); color: var(--color-muted); }
.store-tiles { display: flex; gap: var(--space-3); margin-top: var(--space-6); }
.store-tiles i { flex: 1; height: 125px; background: var(--color-soft); border-radius: var(--radius-sm); }
.store-feed { position: absolute; right: var(--space-4); bottom: var(--space-4); padding: var(--space-4); background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-md); width: 220px; font-size: var(--fs-small); }
.store-feed > span { display: block; text-transform: uppercase; font-size: var(--fs-small); }
.store-feed p { margin: var(--space-2) 0 0; }
.store-phone { width: 190px; min-height: 330px; background: var(--color-white); border: 7px solid var(--color-dark-panel); border-bottom: 0; border-radius: var(--radius-lg) var(--radius-lg) 0 0; padding: var(--space-4); }
.store-phone strong { color: var(--color-ink); font-size: var(--fs-small); }
.store-phone i { display: block; height: 150px; background: var(--color-soft); margin-top: var(--space-5); border-radius: var(--radius-xs); }
.store-phone span { display: block; margin-top: var(--space-2); height: 6px; background: var(--color-border); }
.store-phone b { display: block; background: var(--color-ink); height: 40px; margin-top: var(--space-4); border-radius: var(--radius-xs); }
.support-cards { margin-top: var(--space-12); }
.final-cta { background: var(--color-red); color: var(--color-white); padding: var(--space-16); border-radius: var(--radius-lg); }
.final-cta h2 { color: var(--color-white); }
.final-cta .button { background: var(--color-white); border-color: var(--color-white); color: var(--color-red-dark); }
.final-cta .button-secondary { background: transparent; color: var(--color-white); }
.program-hero .breadcrumb { margin-bottom: var(--space-12); }
@media (max-width: 1023px) { .hero .two-column { grid-template-columns: 1fr; } .hero h1 { max-width: 26ch; } .hero-visual { width: min(650px, 100%); justify-self: center; } .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .reasons-layout { grid-template-columns: 1fr; } .store-showcase { gap: var(--space-6); padding-inline: var(--space-6); } .store-browser { width: 70%; } }
@media (max-width: 767px) { .promo-band .container { flex-direction: column; gap: var(--space-1); text-align: center; } .hero-benefits, .reasons-list { grid-template-columns: 1fr; } .category-card { padding: var(--space-3); font-size: var(--fs-small); } .category-image { min-height: 100px; } .category-image img { height: 100px; width: 100px; } .brands-row .button { margin-left: 0; width: 100%; } .source-slides { grid-template-columns: 1fr; } .letter-preview { min-height: 320px; width: 250px; transform: none; } .letter-watermark { font-size: 48px; } .store-showcase { min-height: 280px; padding: var(--space-6) var(--space-4) 0; gap: var(--space-3); } .store-browser { padding: var(--space-3); width: 75%; min-height: 220px; } .store-phone { width: 25%; min-height: 235px; padding: var(--space-2); border-width: 4px; } .store-phone i { height: 100px; } .store-phone strong { font-size: 10px; } .store-feed { width: 150px; padding: var(--space-2); font-size: 11px; } .store-tiles i { height: 90px; } .browser-bar span { font-size: 10px; margin: 0; } .final-cta { padding: var(--space-8); } }

.homepage-wholesale-access .button { font-size:var(--fs-small); }

.support-cards .albany-ai-assistance { margin-top:var(--space-6); }
.support-cards .albany-ai-assistance h4 { margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--fs-ui);line-height:var(--line-ui);font-weight:var(--weight-semibold);color:inherit; }
.support-cards .albany-ai-assistance p { margin-bottom:0;font-size:var(--fs-ui);line-height:var(--line-ui); }
.support-cards .albany-growth-card [data-albany-ai-open] { gap:var(--space-2); }
.support-cards a[href^="tel:"] { white-space:nowrap; }