.plan-card { transition: transform .15s, box-shadow .15s; }
.plan-card:hover { transform: translateY(-3px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.12); }
.table-actions form { display: inline; }
.stat-card .display-6 { font-size: 1.7rem; }

.admin-theme {
  --admin-bg: #252a31;
  --admin-sidebar: #1d2228;
  --admin-panel: #30363e;
  --admin-border: #484f57;
  --admin-teal: #ff8a32;
  --admin-text: #fff7e8;
  --admin-muted: #d0c7b9;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  min-height: 100vh;
  color: var(--admin-text);
  background: var(--admin-bg);
}
.admin-frame { min-height: 100vh; display: flex; }
.admin-side { position: sticky; top: 0; align-self: flex-start; width: 220px; height: 100vh; flex: 0 0 220px; background: rgba(29,34,40,.88); border-right: 1px solid rgba(255,247,232,.14); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.admin-sidebar-inner { display: flex; height: 100%; flex-direction: column; overflow-y: auto; padding: 22px 16px 18px; }
.admin-brand { margin: 0 0 26px; padding: 0 2px 20px; color: var(--admin-text); font-size: 1.1rem; font-weight: 700; line-height: 1.3; text-decoration: none; border-bottom: 1px solid #1c2b25; }
.admin-brand span,.admin-sidebar-note span,.admin-sidebar-note small { display: block; color: var(--admin-muted); font-size: .76rem; font-weight: 400; }
.admin-nav { gap: 5px; }
.admin-nav .nav-link { padding: 10px 11px; color: #a4b8af; border-radius: 8px; font-size: .92rem; }
.admin-nav .nav-link:hover,.admin-nav .nav-link:focus-visible { color: var(--admin-text); background: #14251e; }
.admin-nav .nav-link.active { color: #071511; background: var(--admin-teal); font-weight: 650; }
.admin-nav-secondary { margin-top: 16px; padding-top: 14px; border-top: 1px solid #1c2b25; }
.admin-nav form { margin: 0; }
.admin-nav form .nav-link { width: 100%; }
.admin-sidebar-note { margin-top: auto; padding: 16px 4px 0; border-top: 1px solid #1c2b25; }
.admin-sidebar-note strong { display: block; margin-top: 6px; color: var(--admin-text); font-size: .95rem; }
.admin-content { width: calc(100% - 220px); min-width: 0; padding: 30px clamp(20px, 3vw, 46px); }
.admin-mobile-nav { position: sticky; top: 0; z-index: 1030; background: rgba(29,34,40,.72); border-bottom: 1px solid rgba(255,247,232,.18); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.admin-mobile-nav .navbar-brand { font-size: 1rem; }
.admin-theme .admin-page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.admin-page-heading h1 { margin: 0; color: var(--admin-text); font-size: clamp(1.5rem, 2.2vw, 1.9rem); font-weight: 700; letter-spacing: -.03em; }
.admin-page-heading p { margin: 4px 0 0; color: var(--admin-muted); font-size: .9rem; }
.admin-theme .btn-primary { --bs-btn-color: #071511; --bs-btn-bg: var(--admin-teal); --bs-btn-border-color: var(--admin-teal); --bs-btn-hover-color: #071511; --bs-btn-hover-bg: #62c6b5; --bs-btn-hover-border-color: #62c6b5; --bs-btn-active-bg: #3ea995; --bs-btn-active-border-color: #3ea995; --bs-btn-focus-shadow-rgb: 75,183,165; font-weight: 650; }
.admin-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 20px; overflow: hidden; background: var(--admin-panel); border: 1px solid var(--admin-border); border-radius: 12px; }
.admin-metric { display: flex; min-width: 0; flex-direction: column; gap: 4px; padding: 19px 20px; }
.admin-metric + .admin-metric { border-left: 1px solid var(--admin-border); }
.admin-metric span,.admin-metric small { color: var(--admin-muted); font-size: .82rem; }
.admin-metric strong { overflow: hidden; color: var(--admin-text); font-size: clamp(1.45rem, 2.4vw, 1.85rem); font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.admin-panel { min-width: 0; background: var(--admin-panel); border: 1px solid var(--admin-border); border-radius: 12px; }
.renewal-panel { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, .9fr); margin-bottom: 20px; overflow: hidden; }
.renewal-chart-panel,.upcoming-panel { min-width: 0; padding: 20px; }
.upcoming-panel { border-left: 1px solid var(--admin-border); }
.admin-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.admin-panel-heading h2 { margin: 0; color: var(--admin-text); font-size: 1rem; font-weight: 700; }
.admin-panel-heading p { margin: 3px 0 0; color: var(--admin-muted); font-size: .8rem; }
.admin-panel-heading > a { color: var(--admin-teal); font-size: .82rem; text-decoration: none; white-space: nowrap; }
.admin-panel-heading > a:hover { text-decoration: underline; }
.renewal-chart { display: grid; height: 190px; grid-template-columns: repeat(30, minmax(8px, 1fr)); gap: 6px; align-items: stretch; padding: 0 2px; overflow-x: auto; }
.renewal-chart-day { display: grid; min-width: 8px; grid-template-rows: 1fr 18px; }
.renewal-chart-track { display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid #80968d; background: repeating-linear-gradient(to right, transparent 0, transparent calc(100% - 1px), rgba(145,170,160,.12) calc(100% - 1px), rgba(145,170,160,.12) 100%); }
.renewal-chart-bar { width: min(100%, 22px); min-height: 8px; border-radius: 3px 3px 0 0; background: var(--admin-teal); }
.renewal-chart-bar:hover { background: #75d1c2; }
.renewal-chart-label { padding-top: 4px; color: var(--admin-muted); font-size: .65rem; text-align: center; }
.renewal-chart-caption { margin: 12px 0 0; color: var(--admin-muted); font-size: .76rem; }
.upcoming-renewal { display: flex; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--admin-border); }
.upcoming-renewal:last-of-type { border-bottom: 0; }
.upcoming-renewal > div { min-width: 0; }
.upcoming-renewal strong { color: var(--admin-text); font-size: .86rem; }
.upcoming-renewal small { display: block; margin-top: 3px; color: var(--admin-muted); font-size: .74rem; }
.upcoming-renewal > strong { white-space: nowrap; }
.admin-empty { padding: 18px 0; color: var(--admin-muted); font-size: .86rem; }
.admin-dashboard-lower { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.dashboard-table-panel { overflow: hidden; }
.dashboard-table-panel > .admin-panel-heading { padding: 18px 18px 0; }
.admin-theme .table { --bs-table-color: #dce8e2; --bs-table-bg: transparent; --bs-table-border-color: var(--admin-border); --bs-table-hover-color: var(--admin-text); --bs-table-hover-bg: rgba(75,183,165,.06); margin-bottom: 0; font-size: .84rem; }
.admin-theme .table > :not(caption) > * > * { padding: 11px 14px; }
.admin-theme .table thead th { color: var(--admin-muted); background: rgba(8,17,14,.32); font-size: .73rem; font-weight: 600; white-space: nowrap; }
.admin-theme .table small,.admin-theme .text-muted { color: var(--admin-muted) !important; }
.admin-theme .card { color: var(--admin-text); background: var(--admin-panel); border-color: var(--admin-border); }
.admin-theme .card-header,.admin-theme .table-light { --bs-table-bg: rgba(8,17,14,.32); color: var(--admin-text); background: rgba(8,17,14,.32) !important; border-color: var(--admin-border); }
.admin-theme .form-control,.admin-theme .form-select { color: var(--admin-text); background-color: #0e1b16; border-color: var(--admin-border); }
.admin-theme .form-control::placeholder { color: #789087; }
.admin-theme .form-control:focus,.admin-theme .form-select:focus { color: var(--admin-text); background-color: #0e1b16; border-color: var(--admin-teal); box-shadow: 0 0 0 .2rem rgba(75,183,165,.16); }
.admin-theme .form-select option { color: var(--admin-text); background: var(--admin-panel); }
.admin-theme .btn-outline-secondary { --bs-btn-color: #c1d0c9; --bs-btn-border-color: #52665d; --bs-btn-hover-color: var(--admin-text); --bs-btn-hover-bg: #263a32; --bs-btn-hover-border-color: #657b70; }
.admin-theme .btn-outline-primary { --bs-btn-color: #68c9b8; --bs-btn-border-color: #3b8f80; --bs-btn-hover-color: #071511; --bs-btn-hover-bg: var(--admin-teal); --bs-btn-hover-border-color: var(--admin-teal); }
.admin-theme .pagination { --bs-pagination-color: #9eb4aa; --bs-pagination-bg: var(--admin-panel); --bs-pagination-border-color: var(--admin-border); --bs-pagination-hover-color: var(--admin-text); --bs-pagination-hover-bg: #20342b; --bs-pagination-hover-border-color: var(--admin-border); --bs-pagination-active-color: #071511; --bs-pagination-active-bg: var(--admin-teal); --bs-pagination-active-border-color: var(--admin-teal); --bs-pagination-disabled-color: #657b70; --bs-pagination-disabled-bg: var(--admin-panel); --bs-pagination-disabled-border-color: var(--admin-border); }
.admin-theme .alert { color: var(--admin-text); background: var(--admin-panel); border-color: var(--admin-border); }
.admin-theme a:not(.btn):not(.nav-link):not(.admin-brand) { color: #6bc9b8; }
.admin-theme a:not(.btn):not(.nav-link):not(.admin-brand):hover { color: #91e0d1; }

@media (max-width: 991.98px) {
  .admin-side { width: 190px; flex-basis: 190px; }
  .admin-content { width: calc(100% - 190px); padding: 24px 20px; }
  .renewal-panel { grid-template-columns: minmax(0, 1.5fr) minmax(240px, .9fr); }
  .renewal-chart { gap: 4px; }
}
@media (max-width: 767.98px) {
  .admin-frame { display: block; }
  .admin-side { position: static; width: 100%; height: auto; min-height: 0; border-right: 0; border-bottom: 1px solid var(--admin-border); }
  .admin-sidebar-inner { height: auto; overflow: visible; padding: 8px 14px 14px; }
  .admin-side:not(.show) { display: none; }
  .admin-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-nav-secondary { margin-top: 0; padding-top: 0; border-top: 0; }
  .admin-sidebar-note { display: none; }
  .admin-content { width: 100%; padding: 22px 16px; }
  .admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-metric:nth-child(3) { border-left: 0; border-top: 1px solid var(--admin-border); }
  .admin-metric:nth-child(4) { border-top: 1px solid var(--admin-border); }
  .renewal-panel { grid-template-columns: 1fr; }
  .upcoming-panel { border-top: 1px solid var(--admin-border); border-left: 0; }
  .admin-dashboard-lower { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .admin-page-heading { align-items: center; }
  .admin-page-heading .btn { padding: 8px 10px; font-size: .82rem; white-space: nowrap; }
  .admin-metric { padding: 15px 13px; }
  .renewal-chart-panel,.upcoming-panel { padding: 16px 13px; }
}

.site-theme {
  --site-bg: #fff7e8;
  --site-header: #fff7e8;
  --site-panel: #fffdf8;
  --site-border: #e7dfd1;
  --site-accent: #ff8a32;
  --site-text: #252a31;
  --site-muted: #61656a;
  color: var(--site-text);
  background: var(--site-bg);
}
.site-theme .site-navbar { min-height: 76px; background: var(--site-header); border-bottom: 1px solid #1d2c26; }
.site-navbar-inner { gap: 30px; }
.site-theme .site-brand { display: flex; flex-direction: column; gap: 2px; color: var(--site-text); font-size: 1.08rem; font-weight: 700; line-height: 1.1; }
.site-theme .site-brand span { color: var(--site-muted); font-size: .61rem; font-weight: 500; letter-spacing: .12em; }
.site-theme .navbar-nav { align-items: center; }
.site-theme .navbar-nav .nav-link { padding: 10px 12px; color: #b1c0b9; font-size: .9rem; }
.site-theme .navbar-nav .nav-link:hover,.site-theme .navbar-nav .nav-link:focus-visible { color: #fff; }
.site-theme .navbar-toggler { border-color: #3a5047; }
.site-theme .navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(80,185,167,.22); }
.site-theme .btn-primary { --bs-btn-color: #081511; --bs-btn-bg: var(--site-accent); --bs-btn-border-color: var(--site-accent); --bs-btn-hover-color: #081511; --bs-btn-hover-bg: #6bc9b8; --bs-btn-hover-border-color: #6bc9b8; --bs-btn-active-bg: #3ea995; --bs-btn-active-border-color: #3ea995; font-weight: 650; }
.site-main { width: 100%; padding-top: 40px; padding-bottom: 60px; }
.site-theme .text-muted,.site-theme .text-secondary { color: var(--site-muted) !important; }
.site-theme .site-eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: #a4b9af; font-size: .7rem; font-weight: 600; letter-spacing: .13em; }
.site-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--site-accent); box-shadow: 0 0 14px rgba(80,185,167,.45); }
.store-hero { position: relative; display: grid; min-height: 380px; grid-template-columns: minmax(0, 1fr) minmax(220px, .34fr); align-items: center; gap: 30px; padding: 48px clamp(24px, 5vw, 72px); overflow: hidden; background: radial-gradient(ellipse at 74% 14%, rgba(80,185,167,.12), transparent 34%), #101e18; border: 1px solid var(--site-border); border-radius: 14px; }
.store-hero::after { position: absolute; right: 24%; bottom: -180px; width: 380px; height: 380px; border: 1px solid rgba(151,187,172,.09); border-radius: 50%; content: ""; pointer-events: none; }
.store-hero-copy,.store-hero-aside { position: relative; z-index: 1; }
.store-hero h1 { max-width: 700px; margin: 0; color: var(--site-text); font-size: clamp(2.8rem, 6.5vw, 5.2rem); font-weight: 650; letter-spacing: -.065em; line-height: .99; }
.store-hero h1 em { color: var(--site-accent); font-style: normal; }
.store-hero-description { max-width: 500px; margin: 22px 0 0; color: #b2c1ba; font-size: 1.02rem; line-height: 1.75; }
.store-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 28px; }
.store-hero-actions .btn { padding: 11px 17px; }
.store-text-link { color: var(--site-text); font-size: .9rem; text-decoration: none; }
.store-text-link span { padding-left: 5px; color: var(--site-accent); }
.store-text-link:hover { color: var(--site-accent); }
.store-hero-aside { align-self: stretch; display: flex; max-width: 270px; flex-direction: column; justify-content: flex-end; justify-self: end; padding: 25px 0 5px 25px; border-left: 1px solid rgba(154,173,165,.24); }
.store-hero-mark { color: var(--site-accent); font-size: 3.3rem; font-weight: 300; line-height: 1; }
.store-hero-aside p { margin: 12px 0 22px; color: #d3ded8; font-size: 1rem; line-height: 1.55; }
.store-hero-aside-label { color: var(--site-muted); font-size: .64rem; letter-spacing: .12em; }
.store-plans-section { padding-top: 70px; scroll-margin-top: 28px; }
.store-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
.store-section-heading .site-eyebrow { margin-bottom: 8px; }
.store-section-heading h2 { margin: 0; color: var(--site-text); font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 620; letter-spacing: -.04em; }
.store-tax-note { margin: 0 0 5px; color: var(--site-muted); font-size: .84rem; }
.store-plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.store-plan-card { display: flex; min-height: 300px; flex-direction: column; padding: 23px; background: var(--site-panel); border: 1px solid var(--site-border); border-radius: 10px; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.store-plan-card:hover { transform: translateY(-3px); background: #172a22; border-color: #3c6255; }
.store-plan-topline { display: flex; align-items: center; justify-content: space-between; color: var(--site-muted); font-size: .66rem; font-weight: 600; letter-spacing: .12em; }
.store-plan-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--site-accent); }
.store-plan-card h3 { margin: 28px 0 0; color: var(--site-text); font-size: 1.35rem; font-weight: 650; letter-spacing: -.025em; }
.store-plan-description { min-height: 42px; margin: 8px 0 0; color: var(--site-muted); font-size: .88rem; line-height: 1.55; }
.store-plan-price { margin-top: 22px; color: var(--site-text); font-size: 2rem; font-weight: 700; letter-spacing: -.045em; }
.store-plan-price span { color: var(--site-muted); font-size: .78rem; font-weight: 400; letter-spacing: 0; }
.store-plan-rule { height: 1px; margin: 17px 0 14px; background: var(--site-border); }
.store-plan-features { display: grid; gap: 9px; margin: 0 0 22px; padding: 0; color: #c4d1ca; font-size: .83rem; list-style: none; }
.store-plan-features li { display: flex; gap: 9px; }
.store-plan-features li span { color: var(--site-accent); font-weight: 700; }
.store-plan-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin-top: auto; padding: 10px 13px; font-size: .87rem; }
.store-reassurance { display: grid; grid-template-columns: .55fr 1.2fr 1fr; align-items: center; gap: 20px; margin-top: 35px; padding: 18px 0; border-top: 1px solid var(--site-border); border-bottom: 1px solid var(--site-border); }
.store-reassurance > span { color: var(--site-muted); font-size: .67rem; letter-spacing: .1em; }
.store-reassurance p { margin: 0; color: #d7e1dc; font-size: .88rem; }
.store-reassurance a { justify-self: end; color: var(--site-accent); font-size: .82rem; text-decoration: none; }
.site-theme .card { color: var(--site-text); background: var(--site-panel); border-color: var(--site-border); }
.site-theme .form-control,.site-theme .form-select { color: var(--site-text); background-color: #0e1b16; border-color: var(--site-border); }
.site-theme .form-control::placeholder { color: #82988e; }
.site-theme .form-control:focus,.site-theme .form-select:focus { color: var(--site-text); background-color: #0e1b16; border-color: var(--site-accent); box-shadow: 0 0 0 .2rem rgba(80,185,167,.16); }
.site-theme .form-select option { color: var(--site-text); background: var(--site-panel); }
.site-theme .form-check-input { background-color: #0e1b16; border-color: #52665d; }
.site-theme .form-check-input:checked { background-color: var(--site-accent); border-color: var(--site-accent); }
.site-theme .site-account-nav { padding-bottom: 14px; border-bottom: 1px solid var(--site-border); }
.site-theme .site-account-nav .nav-link { color: var(--site-muted); }
.site-theme .site-account-nav .nav-link:hover { color: var(--site-text); }
.site-theme .site-account-nav .nav-link.active { color: #081511; background: var(--site-accent); }
.site-theme .table { --bs-table-color: #dce8e2; --bs-table-bg: transparent; --bs-table-border-color: var(--site-border); --bs-table-hover-color: var(--site-text); --bs-table-hover-bg: rgba(80,185,167,.06); }
.site-theme .table thead th { color: var(--site-muted); background: rgba(8,17,14,.32); }
.site-theme .table-light { --bs-table-bg: rgba(8,17,14,.32); --bs-table-color: var(--site-text); --bs-table-border-color: var(--site-border); }
.site-theme .list-group-item { color: var(--site-text); background-color: var(--site-panel); border-color: var(--site-border); }
.site-theme .accordion { --bs-accordion-color: var(--site-text); --bs-accordion-bg: var(--site-panel); --bs-accordion-border-color: var(--site-border); --bs-accordion-btn-color: var(--site-text); --bs-accordion-btn-bg: var(--site-panel); --bs-accordion-active-color: var(--site-text); --bs-accordion-active-bg: #1b3027; --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem rgba(80,185,167,.16); }
.site-theme .alert { color: var(--site-text); background: var(--site-panel); border-color: var(--site-border); }
.site-theme .alert .btn-close { filter: invert(1) grayscale(100%); }
.site-theme a:not(.btn):not(.nav-link):not(.navbar-brand) { color: #69c9b8; }
.site-theme a:not(.btn):not(.nav-link):not(.navbar-brand):hover { color: #91e0d1; }
.site-theme .site-footer { padding: 21px 0; color: var(--site-muted); background: var(--site-header); border-top: 1px solid #1d2c26; font-size: .76rem; }
.site-footer > .container { align-items: center; }
.site-footer small { margin-left: 8px; color: #71877d; font-size: .61rem; letter-spacing: .1em; }
.site-footer a { color: #c1d0c9 !important; text-decoration: none; }
.site-footer a:hover { color: var(--site-accent) !important; }
.site-footer-divider { padding: 0 9px; color: #52665d; }

@media (max-width: 767.98px) {
  .site-theme .site-navbar { min-height: 66px; }
  .site-theme .navbar-collapse { padding: 10px 0 14px; }
  .site-theme .navbar-nav { align-items: stretch; }
  .site-theme .navbar-nav .nav-link { padding: 9px 0; }
  .site-theme .navbar-nav .btn { margin: 6px 0 0 !important; }
  .site-main { padding-top: 22px; padding-bottom: 40px; }
  .store-hero { min-height: 0; grid-template-columns: 1fr; gap: 32px; padding: 32px 24px; }
  .store-hero h1 { font-size: clamp(2.7rem, 12vw, 4rem); }
  .store-hero-aside { max-width: none; justify-self: stretch; padding: 17px 0 0; border-top: 1px solid rgba(154,173,165,.24); border-left: 0; }
  .store-hero-mark { font-size: 2rem; }
  .store-hero-aside p { max-width: 400px; margin: 7px 0 13px; }
  .store-plans-section { padding-top: 45px; }
  .store-reassurance { grid-template-columns: 1fr; gap: 9px; }
  .store-reassurance a { justify-self: start; margin-top: 4px; }
}
@media (max-width: 480px) {
  .store-section-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .store-plan-card { min-height: 270px; padding: 20px; }
  .site-footer > .container { flex-direction: column; }
}

.site-theme .site-primary-nav { gap: clamp(2px, .75vw, 13px); }
.site-theme .site-primary-nav .nav-link { padding: 9px 7px; color: #b7c5be; font-size: .83rem; white-space: nowrap; }
.site-theme .site-primary-nav .nav-link.active,.site-theme .site-primary-nav .nav-link:hover { color: #fff; }
.site-theme .site-primary-nav .nav-link.active { text-decoration: underline; text-decoration-color: var(--site-accent); text-underline-offset: 7px; }
.site-theme .site-primary-nav .site-discuss-link { margin-left: 6px; padding: 9px 13px; white-space: nowrap; }
.site-theme .site-primary-nav .site-discuss-link.active { box-shadow: 0 0 0 2px rgba(80,185,167,.3); }
.site-theme .site-account-links { margin-left: 17px; padding-left: 12px; border-left: 1px solid #293c34; }
.site-theme .site-account-links .nav-link { font-size: .78rem; white-space: nowrap; }
.site-theme .site-brand { white-space: nowrap; }

.marketing-hero { position: relative; display: grid; width: 100vw; min-height: calc(100vh - 76px); min-height: calc(100svh - 76px); grid-template-columns: minmax(0, 1fr); align-items: center; justify-items: center; margin: -40px 0 0 calc(50% - 50vw); padding: clamp(20px, 3vw, 42px) clamp(18px, 4vw, 60px); overflow: hidden; background: radial-gradient(ellipse at 78% 20%, rgba(255,201,40,.12), transparent 34%), radial-gradient(ellipse at 14% 82%, rgba(80,185,167,.1), transparent 36%), repeating-linear-gradient(0deg, transparent 0, transparent 79px, rgba(255,247,232,.025) 80px), repeating-linear-gradient(90deg, transparent 0, transparent 79px, rgba(255,247,232,.025) 80px), #101e18; }
.marketing-hero::after { position: absolute; top: 50%; right: max(2%, calc((100vw - 1300px) / 2)); width: min(44vw, 590px); aspect-ratio: 1; border: 1px solid rgba(255,201,40,.2); border-radius: 50%; content: ""; pointer-events: none; transform: translateY(-50%); }
.site-theme.site-home { overflow-x: hidden; overflow-x: clip; }
.marketing-hero-box { position: relative; z-index: 1; display: grid; width: min(100%, 1300px); min-height: calc(100svh - 160px); grid-template-columns: minmax(0, 1fr) minmax(220px, .34fr); align-items: center; gap: 30px; padding: clamp(30px, 6vw, 86px); overflow: hidden; background: linear-gradient(115deg, rgba(21,37,30,.97), rgba(16,30,24,.92)); border: 1px solid rgba(151,187,172,.23); border-radius: 16px; box-shadow: 0 24px 80px rgba(0,0,0,.24); }
.marketing-hero-box::before { position: absolute; top: 50%; right: 5%; width: min(42vw, 470px); aspect-ratio: 1; border: 1px solid rgba(255,201,40,.16); border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(255,201,40,.13), rgba(255,201,40,.025) 42%, transparent 70%); box-shadow: 0 0 0 28px rgba(255,201,40,.025), 0 0 0 58px rgba(255,201,40,.018); content: ""; pointer-events: none; transform: translateY(-50%); }
.marketing-hero-box::after { position: absolute; right: -135px; bottom: -345px; width: 570px; height: 570px; border: 1px solid rgba(151,187,172,.15); border-radius: 50%; box-shadow: 0 0 0 38px rgba(151,187,172,.025), 0 0 0 78px rgba(151,187,172,.02); content: ""; pointer-events: none; }
.marketing-hero-copy,.marketing-hero-aside { position: relative; z-index: 1; }
.marketing-hero h1 { margin: 0; color: var(--site-text); font-size: clamp(3.2rem, 8vw, 6.5rem); font-weight: 650; letter-spacing: -.075em; line-height: .91; }
.marketing-hero h1 em,.marketing-intro h2 em,.marketing-approach h2 em,.marketing-closing h2 em,.public-page-hero h1 em { color: var(--site-accent); font-style: normal; }
.marketing-hero-description { max-width: 590px; margin: 25px 0 0; color: #b3c2ba; font-size: 1.02rem; line-height: 1.75; }
.marketing-hero-aside { display: flex; min-height: 295px; flex-direction: column; justify-content: center; justify-self: end; width: 100%; max-width: 300px; padding: 25px; background: linear-gradient(145deg, rgba(255,247,232,.075), rgba(255,247,232,.025)); border: 1px solid rgba(255,247,232,.16); border-radius: 12px; box-shadow: 0 16px 48px rgba(0,0,0,.2); backdrop-filter: blur(8px); }
.marketing-hero-aside > span:first-child,.marketing-aside-foot { color: var(--site-muted); font-size: .64rem; letter-spacing: .12em; }
.marketing-hero-aside strong { margin-top: 10px; color: var(--site-accent); font-size: 3.2rem; font-weight: 600; letter-spacing: -.06em; }
.marketing-hero-aside ul { display: grid; gap: 9px; margin: 8px 0 24px; padding: 0; color: #d3ded8; font-size: .85rem; list-style: none; }
.marketing-hero-aside li::before { margin-right: 9px; color: var(--site-accent); content: "+"; }
.marketing-intro { display: grid; grid-template-columns: .65fr 1.2fr 1fr; align-items: end; gap: 22px; padding: 78px 12px 32px; }
.marketing-intro .site-eyebrow { align-self: start; }
.marketing-intro h2,.marketing-approach h2 { margin: 0; color: var(--site-text); font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 620; letter-spacing: -.055em; line-height: 1.04; }
.marketing-intro > p { max-width: 380px; margin: 0; color: var(--site-muted); font-size: .91rem; line-height: 1.75; }
.marketing-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.marketing-service-card { display: flex; min-height: 235px; flex-direction: column; padding: 22px; background: var(--site-panel); border: 1px solid var(--site-border); border-radius: 9px; }
.marketing-card-index { color: var(--site-muted); font-size: .64rem; letter-spacing: .11em; }
.marketing-service-card h3 { margin: 28px 0 7px; color: var(--site-text); font-size: 1.27rem; font-weight: 650; letter-spacing: -.03em; }
.marketing-service-card p { margin: 0 0 18px; color: var(--site-muted); font-size: .85rem; line-height: 1.65; }
.marketing-service-card a { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; color: var(--site-accent); border-top: 1px solid var(--site-border); font-size: .79rem; text-decoration: none; }
.marketing-service-card a:hover { color: #91e0d1; }
.marketing-approach { display: grid; grid-template-columns: .8fr 1.2fr; gap: 45px; margin-top: 78px; padding: 38px; background: #101e18; border: 1px solid var(--site-border); border-radius: 11px; }
.marketing-approach .site-eyebrow { margin-bottom: 16px; }
.marketing-approach ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 25px; margin: 0; padding: 0; list-style: none; }
.marketing-approach li { display: flex; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--site-border); }
.marketing-approach li > span { color: var(--site-accent); font-size: .75rem; }
.marketing-approach li strong,.marketing-approach li small { display: block; }
.marketing-approach li strong { color: var(--site-text); font-size: .9rem; }
.marketing-approach li small { margin-top: 4px; color: var(--site-muted); font-size: .77rem; line-height: 1.55; }
.marketing-closing { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 50px; padding: 25px 0 0; border-top: 1px solid var(--site-border); }
.marketing-closing .site-eyebrow { margin: 0; }
.marketing-closing h2 { margin: 0 auto 0 0; color: var(--site-text); font-size: clamp(1.35rem, 2.8vw, 2rem); font-weight: 620; letter-spacing: -.045em; }
.marketing-closing .btn { flex: 0 0 auto; }

.public-page-hero { padding: 48px clamp(23px, 5vw, 68px); background: radial-gradient(ellipse at 79% 8%, rgba(80,185,167,.11), transparent 34%), #101e18; border: 1px solid var(--site-border); border-radius: 13px; }
.public-page-hero h1 { max-width: 850px; margin: 0; color: var(--site-text); font-size: clamp(2.6rem, 6vw, 5rem); font-weight: 650; letter-spacing: -.07em; line-height: .99; }
.public-page-hero > p:not(.site-eyebrow) { max-width: 710px; margin: 19px 0 23px; color: #b3c2ba; font-size: .99rem; line-height: 1.75; }
.public-page-hero > small { color: var(--site-muted); }
.public-page-hero .btn { padding: 10px 15px; }
.public-content-sections { margin-top: 24px; padding: 0 27px; background: var(--site-panel); border: 1px solid var(--site-border); border-radius: 10px; }
.public-content-section { display: grid; grid-template-columns: .55fr 1.1fr 1fr; gap: 24px; padding: 27px 0; border-bottom: 1px solid var(--site-border); }
.public-content-section:last-child { border-bottom: 0; }
.public-section-number { color: var(--site-muted); font-size: .64rem; letter-spacing: .1em; }
.public-content-section h2 { margin: 0 0 8px; color: var(--site-text); font-size: 1.18rem; font-weight: 630; letter-spacing: -.025em; }
.public-content-section p { margin: 0; color: var(--site-muted); font-size: .84rem; line-height: 1.7; }
.public-content-section ul { display: grid; gap: 8px; margin: 0; padding: 0; color: #c5d2cb; font-size: .8rem; list-style: none; }
.public-content-section li::before { margin-right: 9px; color: var(--site-accent); content: "+"; }
.public-cards-section { margin-top: 55px; }
.public-cards-section > .site-eyebrow { margin-bottom: 14px; }
.public-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.public-info-card { position: relative; min-height: 220px; padding: 21px; background: var(--site-panel); border: 1px solid var(--site-border); border-radius: 9px; }
.public-info-card > span { display: block; color: var(--site-muted); font-size: .62rem; letter-spacing: .1em; }
.public-info-card > strong { display: block; margin-top: 22px; color: var(--site-accent); font-size: 1.2rem; font-weight: 550; }
.public-info-card h2,.public-info-card h3 { margin: 8px 0; color: var(--site-text); font-size: 1.08rem; font-weight: 630; letter-spacing: -.025em; }
.public-info-card p { margin: 0; color: var(--site-muted); font-size: .81rem; line-height: 1.65; }
.public-page-note { margin: 14px 0 0; color: var(--site-muted); font-size: .76rem; }
.public-page-closing { margin-top: 48px; }
.design-capabilities { margin-top: 58px; }
.design-capabilities-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 25px; }
.design-capabilities-heading .site-eyebrow { margin-bottom: 12px; }
.design-capabilities-heading h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 680; letter-spacing: -.065em; line-height: .98; }
.design-capabilities-heading h2 em { color: var(--brand-ember); font-style: normal; }
.design-capabilities-heading > p { max-width: 330px; margin: 0 0 4px; color: #64666a; font-size: .92rem; line-height: 1.7; }
.design-capabilities-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.design-capability { position: relative; display: flex; min-height: 194px; flex-direction: column; align-items: flex-start; gap: 0; padding: 22px 24px 25px; overflow: hidden; background: #fffdf8; border: 1px solid #e4d9c7; border-radius: 12px; isolation: isolate; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.design-capability::before { position: absolute; z-index: -1; top: -39px; right: -25px; width: 170px; height: 170px; border: 1px solid rgba(37,42,49,.11); border-radius: 50%; background: repeating-conic-gradient(from 12deg, transparent 0deg 17deg, rgba(37,42,49,.055) 17deg 18deg); content: ""; transition: transform .35s ease; }
.design-capability::after { position: absolute; z-index: -1; top: 15px; right: 46px; width: 46px; height: 46px; border: 1px solid rgba(37,42,49,.18); border-radius: 12px; content: ""; transform: rotate(22deg); transition: transform .35s ease; }
.design-capability:hover { transform: translateY(-4px); border-color: rgba(233,107,27,.62); box-shadow: 0 14px 30px rgba(37,42,49,.1); }
.design-capability:hover::before { transform: rotate(18deg) scale(1.08); }
.design-capability-number { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; color: var(--brand-graphite); background: var(--brand-sun); border-radius: 50%; font-family: "IBM Plex Mono", monospace; font-size: .7rem; font-weight: 600; }
.design-capability-copy { position: relative; z-index: 1; max-width: 440px; margin-top: 21px; }
.design-capability-category { display: block; margin: 0 0 8px; color: #8a8174; font-size: .6rem; font-weight: 700; letter-spacing: .13em; }
.design-capability h3 { margin: 0 0 8px; color: var(--brand-graphite); font-size: 1.2rem; font-weight: 700; letter-spacing: -.04em; }
.design-capability p { margin: 0; color: #66676a; font-size: .82rem; line-height: 1.65; }
.design-capability-arrow { position: absolute; right: 21px; bottom: 17px; color: var(--brand-ember); font-size: 1.2rem; line-height: 1; transition: transform .2s ease; }
.design-capability:hover .design-capability-arrow { transform: translate(3px, -3px); }
.design-capability:nth-child(1) { grid-row: span 2; justify-content: space-between; min-height: 400px; padding: 25px; background: #252a31; border-color: #252a31; }
.design-capability:nth-child(1)::before { top: auto; right: -73px; bottom: 12px; width: 290px; height: 290px; border-color: rgba(255,247,232,.23); background: repeating-conic-gradient(from 0deg, transparent 0deg 13deg, rgba(255,247,232,.12) 13deg 14deg); }
.design-capability:nth-child(1)::after { top: auto; right: 64px; bottom: 101px; width: 112px; height: 112px; border: 1px solid rgba(255,247,232,.42); border-radius: 28px; transform: rotate(38deg); }
.design-capability:nth-child(1) .design-capability-number { color: #252a31; background: #ffc928; }
.design-capability:nth-child(1) .design-capability-copy { max-width: 330px; margin-top: 0; margin-bottom: auto; padding-top: 34px; }
.design-capability:nth-child(1) .design-capability-category { color: #ffc47e; }
.design-capability:nth-child(1) h3 { max-width: 280px; color: #fff7e8; font-size: clamp(1.65rem, 3vw, 2.35rem); }
.design-capability:nth-child(1) p { max-width: 300px; color: #c2c6c9; }
.design-capability:nth-child(1) .design-capability-arrow { color: #ffc928; }
.design-capability:nth-child(3) { background: #e8f0e9; border-color: #d3e2d5; }
.design-capability:nth-child(3)::before { border-color: rgba(35,91,70,.15); background: repeating-conic-gradient(from 12deg, transparent 0deg 17deg, rgba(35,91,70,.08) 17deg 18deg); }
.design-capability:nth-child(3)::after { border-color: rgba(35,91,70,.22); }
.design-capability:nth-child(5) { background: #fff0d2; border-color: #f0dfbd; }
.design-capability:nth-child(5)::before { border-color: rgba(233,107,27,.17); background: repeating-conic-gradient(from 12deg, transparent 0deg 17deg, rgba(233,107,27,.08) 17deg 18deg); }
.design-capability:nth-child(7) { background: #f1e9df; border-color: #e5d7c7; }
.design-capability:nth-child(7)::after { width: 58px; height: 58px; border-radius: 50%; }
.discuss-hero { padding-top: 54px; padding-bottom: 54px; }
.discuss-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 20px; }
.discuss-contact-card { min-height: 210px; padding: 24px; background: var(--site-panel); border: 1px solid var(--site-border); border-radius: 9px; }
.discuss-contact-card > span { color: var(--site-muted); font-size: .64rem; letter-spacing: .12em; }
.discuss-contact-card h2 { margin: 28px 0 8px; color: var(--site-text); font-size: 1.2rem; font-weight: 640; }
.discuss-contact-card > a { display: inline-flex; gap: 8px; color: var(--site-accent); font-size: 1rem; text-decoration: none; }
.discuss-contact-card > a:hover { color: #91e0d1; }
.discuss-contact-card > p { color: var(--site-muted); font-size: .87rem; }
.discuss-contact-card > small { display: block; margin-top: 9px; color: var(--site-muted); font-size: .76rem; }
.discuss-footnote { margin: 22px 0 0; color: var(--site-muted); font-size: .82rem; }
.plans-hero { padding-top: 38px; padding-bottom: 34px; }
.plans-hero h1 { font-size: clamp(2.3rem, 5vw, 4rem); }
.plans-hero > p:not(.site-eyebrow) { margin-bottom: 12px; }

@media (max-width: 1199.98px) {
  .site-theme .site-navbar-inner { gap: 14px; }
  .site-theme .site-primary-nav { gap: 0; }
  .site-theme .site-primary-nav .nav-link { padding-right: 5px; padding-left: 5px; font-size: .78rem; }
  .site-theme .site-account-links { margin-left: 9px; padding-left: 7px; }
}
@media (max-width: 991.98px) {
  .site-theme .site-primary-nav,.site-theme .site-account-links { align-items: stretch; margin: 0; padding: 8px 0 0; border: 0; }
  .site-theme .site-primary-nav .nav-link { padding: 9px 0; font-size: .9rem; }
  .site-theme .site-primary-nav .nav-link.active { text-decoration: none; }
  .site-theme .site-primary-nav .site-discuss-link { margin: 7px 0 0; text-align: center; }
  .marketing-hero { min-height: 440px; }
  .marketing-intro { grid-template-columns: .7fr 1.1fr; }
  .marketing-intro > p { grid-column: 2; }
  .public-content-section { grid-template-columns: .45fr 1fr; }
  .public-content-section ul { grid-column: 2; }
}
@media (max-width: 767.98px) {
  .marketing-hero { min-height: 0; grid-template-columns: 1fr; gap: 30px; padding: 35px 24px; }
  .marketing-hero h1 { font-size: clamp(3.2rem, 14vw, 5.2rem); }
  .marketing-hero-aside { justify-self: stretch; max-width: none; min-height: 0; padding: 18px 0 0; border-top: 1px solid rgba(154,173,165,.24); border-left: 0; }
  .marketing-hero-aside strong { font-size: 2.4rem; }
  .marketing-hero-aside ul { grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: .75rem; }
  .marketing-aside-foot { margin-top: 4px; }
  .marketing-intro { grid-template-columns: 1fr; gap: 12px; padding: 48px 4px 22px; }
  .marketing-intro > p { grid-column: auto; }
  .marketing-services,.public-card-grid { grid-template-columns: 1fr; }
  .marketing-service-card { min-height: 200px; }
  .marketing-approach { grid-template-columns: 1fr; gap: 20px; margin-top: 48px; padding: 24px; }
  .marketing-approach ol { grid-template-columns: 1fr; }
  .marketing-closing { align-items: flex-start; flex-direction: column; gap: 15px; margin-top: 35px; }
  .marketing-closing h2 { margin: 0; }
  .public-page-hero { padding: 34px 23px; }
  .public-page-hero h1 { font-size: clamp(2.6rem, 12vw, 4.2rem); }
  .public-content-sections { padding: 0 20px; }
  .public-content-section { grid-template-columns: 1fr; gap: 10px; }
  .public-content-section ul { grid-column: auto; }
  .public-page-closing { align-items: flex-start; }
  .discuss-contact-grid { grid-template-columns: 1fr; }
  .design-capabilities-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
  .design-capabilities-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .marketing-hero-actions { align-items: flex-start; flex-direction: column; gap: 15px; }
  .marketing-hero-aside ul { grid-template-columns: 1fr; }
  .marketing-approach { padding: 21px 17px; }
  .public-info-card { min-height: 0; }
  .design-capability { min-height: 0; padding: 18px; }
  .design-capability:nth-child(1) { grid-row: auto; min-height: 300px; }
  .design-capability:nth-child(1) .design-capability-copy { margin-top: 0; padding-top: 26px; }
  .design-capability-number { width: 34px; height: 34px; }
}

/* Sunrise brand system */
:root {
  --brand-sun: #ffc928;
  --brand-orange: #ff8a32;
  --brand-ember: #e96b1b;
  --brand-cream: #fff7e8;
  --brand-apricot: #fff0d2;
  --brand-graphite: #252a31;
  --brand-neutral: #e7dfd1;
}
.site-theme {
  --site-bg: var(--brand-cream);
  --site-header: var(--brand-cream);
  --site-panel: #fffdf8;
  --site-border: var(--brand-neutral);
  --site-accent: var(--brand-orange);
  --site-text: var(--brand-graphite);
  --site-muted: #61656a;
  color: var(--brand-graphite);
  background: var(--brand-cream);
  font-family: "Inter", sans-serif;
  font-size: 16px;
}
.site-theme h1,.site-theme h2,.site-theme h3,.site-theme h4,.site-theme .navbar-brand { font-family: "Manrope", sans-serif; }
.site-theme .site-navbar { position: sticky; top: 0; z-index: 1030; background: rgba(255,247,232,.68); border-color: rgba(37,42,49,.16); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.site-theme .site-brand { display: flex; flex-direction: row; align-items: center; gap: 10px; color: var(--brand-graphite); }
.site-brand-logo { display: block; width: 38px; height: 38px; flex: 0 0 38px; object-fit: contain; }
.site-theme .site-brand .site-brand-copy { display: flex; flex-direction: column; gap: 3px; color: var(--brand-graphite); font-size: 1.08rem; font-weight: 700; line-height: 1.1; }
.site-theme .site-brand-copy small { color: #65686b; font-family: "IBM Plex Mono", monospace; font-size: .56rem; font-weight: 500; letter-spacing: .1em; }
.site-theme .site-primary-nav .nav-link { color: #42474d; }
.site-theme .site-primary-nav .nav-link.active,.site-theme .site-primary-nav .nav-link:hover { color: var(--brand-graphite); }
.site-theme .site-account-links { border-color: #d7cebe; }
.site-theme .site-account-links .nav-link,.site-theme .site-account-links .site-logout-link { color: #51555a; }
.site-theme .site-account-links .nav-link:hover,.site-theme .site-account-links .site-logout-link:hover { color: var(--brand-graphite); }
.site-theme .site-account-links .site-logout-link { text-decoration: none; }
.site-theme .site-account-links .site-logout-link:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); }
.site-theme .navbar-toggler { border-color: #aaa18f; }
.site-theme .navbar-toggler-icon { filter: brightness(.25); }
.site-theme .btn-primary { --bs-btn-color: var(--brand-graphite); --bs-btn-bg: var(--brand-orange); --bs-btn-border-color: var(--brand-orange); --bs-btn-hover-color: var(--brand-graphite); --bs-btn-hover-bg: var(--brand-ember); --bs-btn-hover-border-color: var(--brand-ember); --bs-btn-active-bg: #d95f13; --bs-btn-active-border-color: #d95f13; --bs-btn-focus-shadow-rgb: 255,138,50; border-radius: 8px; }
.site-theme .btn-secondary { --bs-btn-color: var(--brand-graphite); --bs-btn-bg: transparent; --bs-btn-border-color: #8d877c; --bs-btn-hover-color: var(--brand-graphite); --bs-btn-hover-bg: var(--brand-apricot); --bs-btn-hover-border-color: var(--brand-graphite); border-radius: 8px; }
.site-theme .site-main { color: var(--brand-graphite); }
.site-theme .site-eyebrow,.site-theme .marketing-card-index,.site-theme .public-section-number,.site-theme .marketing-hero-aside > span:first-child,.site-theme .marketing-aside-foot,.site-theme .store-plan-topline,.site-theme .discuss-contact-card > span {
  font-family: "IBM Plex Mono", monospace;
  letter-spacing: .08em;
}
.site-theme .site-eyebrow { color: #555a60; }
.site-theme .site-eyebrow > span { background: var(--brand-orange); box-shadow: none; }
.marketing-hero,.public-page-hero { background: radial-gradient(ellipse at 82% 10%, rgba(255,201,40,.14), transparent 34%), var(--brand-graphite); border-color: var(--brand-graphite); }
.marketing-hero h1,.public-page-hero h1 { color: var(--brand-cream); }
.marketing-hero h1 em,.public-page-hero h1 em { color: var(--brand-sun); }
.marketing-hero-description,.public-page-hero > p:not(.site-eyebrow) { color: #e1dfd9; }
.marketing-hero .site-eyebrow,.public-page-hero .site-eyebrow { color: #e4d7bd; }
.marketing-hero .store-text-link { color: var(--brand-cream); }
.marketing-hero .store-text-link span { color: var(--brand-sun); }
.marketing-hero-aside { border-color: rgba(255,247,232,.28); }
.marketing-hero-aside > span:first-child,.marketing-aside-foot { color: #d1c8b7; }
.marketing-hero-aside strong,.marketing-hero-aside li::before { color: var(--brand-sun); }
.marketing-hero-aside ul { color: var(--brand-cream); }
.marketing-intro h2,.marketing-approach h2,.marketing-section-heading h2,.marketing-work-strip h2 { color: var(--brand-graphite); }
.marketing-intro h2 em,.marketing-approach h2 em,.marketing-work-strip h2 em { color: var(--brand-ember); }
.marketing-intro > p,.marketing-section-heading > div > p:not(.site-eyebrow),.marketing-work-strip > div > p:not(.site-eyebrow) { color: #595e64; }
.marketing-services { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.marketing-service-card,.public-info-card,.store-plan-card,.discuss-contact-card { color: var(--brand-graphite); background: #fffdf8; border-color: #e4dccd; }
.marketing-service-card:hover,.store-plan-card:hover { background: var(--brand-apricot); border-color: #d7bd90; }
.marketing-card-index,.store-plan-topline,.discuss-contact-card > span { color: #555a60; }
.marketing-service-icon { display: grid; width: 40px; height: 40px; place-items: center; margin-top: 21px; color: var(--brand-graphite); background: var(--brand-apricot); border-radius: 9px; font-family: "IBM Plex Mono", monospace; font-weight: 600; }
.marketing-service-card h3,.store-plan-card h3,.discuss-contact-card h2,.public-info-card h2 { color: var(--brand-graphite); font-family: "Manrope", sans-serif; }
.marketing-service-card p,.store-plan-description,.public-info-card p,.discuss-contact-card > small,.discuss-contact-card > p { color: #62656a; }
.marketing-service-card a,.marketing-plan-row > a,.marketing-support-strip > a { color: var(--brand-graphite); }
.marketing-service-card a:hover,.marketing-plan-row > a:hover,.marketing-support-strip > a:hover { color: #41474e; }
.marketing-approach { background: var(--brand-graphite); border-color: var(--brand-graphite); }
.marketing-approach h2 { color: var(--brand-cream); }
.marketing-approach h2 em { color: var(--brand-sun); }
.marketing-approach .site-eyebrow { color: #e8dcc5; }
.marketing-approach li { border-color: #444951; }
.marketing-approach li > span { color: var(--brand-sun); }
.marketing-approach li strong { color: var(--brand-cream); }
.marketing-approach li small { color: #d0cec8; }
.marketing-plans { margin-top: 67px; }
.marketing-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 17px; }
.marketing-section-heading h2,.marketing-work-strip h2 { margin: 0; font-size: clamp(1.7rem, 3.4vw, 2.6rem); font-weight: 700; letter-spacing: -.05em; }
.marketing-section-heading > div > p:not(.site-eyebrow) { margin: 8px 0 0; font-size: .87rem; }
.marketing-section-heading .site-eyebrow,.marketing-work-strip .site-eyebrow { margin-bottom: 8px; }
.marketing-plan-list { overflow: hidden; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 10px; }
.marketing-plan-row { display: grid; grid-template-columns: minmax(150px, .75fr) minmax(0, 1.3fr) auto auto; align-items: center; gap: 20px; padding: 16px 19px; }
.marketing-plan-row + .marketing-plan-row { border-top: 1px solid #e4dccd; }
.marketing-plan-row h3 { margin: 4px 0 0; color: var(--brand-graphite); font-family: "Manrope", sans-serif; font-size: 1rem; font-weight: 700; }
.marketing-plan-row p { margin: 0; color: #5e6267; font-size: .77rem; }
.marketing-plan-row p span { color: #797366; }
.marketing-plan-row > strong { color: var(--brand-graphite); font-size: .96rem; white-space: nowrap; }
.marketing-plan-row > strong small { color: #666970; font-size: .7rem; font-weight: 400; }
.marketing-plan-row > a { font-size: .77rem; text-decoration: none; white-space: nowrap; }
.marketing-plans-empty { margin: 0; padding: 20px; color: #555a60; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 9px; }
.marketing-plans-empty a { color: var(--brand-graphite) !important; }
.marketing-subscription-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 14px; }
.marketing-subscription-card { display: flex; min-width: 0; flex-direction: column; padding: 21px; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 10px; }
.marketing-subscription-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #555a60; font-family: "IBM Plex Mono", monospace; font-size: .64rem; letter-spacing: .07em; }
.marketing-subscription-card-top > span:last-child { width: 9px; height: 9px; flex: 0 0 9px; background: var(--brand-sun); border-radius: 50%; }
.marketing-subscription-card h3 { margin: 21px 0 0; color: var(--brand-graphite); font-family: "Manrope", sans-serif; font-size: 1.25rem; font-weight: 700; }
.marketing-subscription-description { min-height: 2.8em; margin: 8px 0 0; color: #5e6267; font-size: .8rem; line-height: 1.55; }
.marketing-subscription-price { margin: 19px 0 0; color: var(--brand-graphite); font-family: "Manrope", sans-serif; font-size: 1.5rem; font-weight: 750; letter-spacing: -.04em; }
.marketing-subscription-price span { color: #62656a; font-family: "Inter", sans-serif; font-size: .72rem; font-weight: 400; letter-spacing: 0; }
.marketing-subscription-card ul { display: grid; gap: 9px; margin: 16px 0 21px; padding: 15px 0 0; border-top: 1px solid #e4dccd; list-style: none; }
.marketing-subscription-card li { display: flex; gap: 9px; color: #51565b; font-size: .78rem; line-height: 1.45; }
.marketing-subscription-card li span { color: #a9470c; font-weight: 700; }
.marketing-subscription-card > .btn { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; }
.marketing-work-strip { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 38px; padding: 24px; background: var(--brand-apricot); border: 1px solid #ead8b4; border-radius: 10px; }
.marketing-work-strip > div > p:not(.site-eyebrow) { margin: 8px 0 0; font-size: .83rem; }
.marketing-closing { align-items: center; margin-top: 45px; border-color: #d8cfbf; }
.marketing-closing h2 { color: var(--brand-graphite); }
.marketing-closing h2 em { color: var(--brand-ember); }
.marketing-closing > p { max-width: 360px; margin: 0 auto 0 0; color: #5e6267; font-size: .85rem; line-height: 1.65; }
.marketing-closing .site-eyebrow { color: #555a60; }
.marketing-support-strip { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; margin-top: 34px; padding: 16px 0; border-top: 1px solid #d8cfbf; }
.marketing-support-strip > span { color: #555a60; font-family: "IBM Plex Mono", monospace; font-size: .62rem; }
.marketing-support-strip p { margin: 0; color: #52565b; font-size: .8rem; }
.marketing-support-strip > a { font-size: .78rem; text-decoration: none; white-space: nowrap; }
.public-page-hero .site-eyebrow { color: #e4d7bd; }
.public-page-hero > small { color: #d4ccbd; }
.public-content-sections { background: #fffdf8; border-color: #e4dccd; }
.public-content-section { border-color: #e4dccd; }
.public-section-number { color: #555a60; }
.public-content-section h2 { color: var(--brand-graphite); }
.public-content-section p,.public-content-section ul { color: #555a60; }
.public-content-section li::before { color: var(--brand-graphite); }
.public-cards-section > .site-eyebrow { color: #555a60; }
.public-info-card > span { color: #555a60; font-family: "IBM Plex Mono", monospace; }
.public-info-card > strong { color: var(--brand-graphite); font-family: "IBM Plex Mono", monospace; }
.public-page-note,.discuss-footnote { color: #555a60; }
.discuss-contact-card h2 { margin-top: 28px; }
.discuss-contact-card > a { color: #a9470c; }
.discuss-contact-card > a:hover { color: #823504; }
.store-plans-section { padding-top: 45px; }
.store-section-heading h2 { color: var(--brand-graphite); }
.store-tax-note { color: #555a60; }
.store-plan-dot { background: var(--brand-sun); }
.store-plan-price { color: var(--brand-graphite); font-family: "Manrope", sans-serif; }
.store-plan-price span { color: #5f6368; }
.store-plan-rule { background: #e4dccd; }
.store-plan-features { color: #51565b; }
.store-plan-features li span { color: var(--brand-graphite); }
.site-theme .site-account-nav { border-color: #d8cfbf; }
.site-theme .site-account-nav .nav-link { color: #4f5459; }
.site-theme .site-account-nav .nav-link:hover { color: var(--brand-graphite); background: var(--brand-apricot); }
.site-theme .site-account-nav .nav-link.active { color: var(--brand-graphite); background: var(--brand-orange); }
.site-theme .card { color: var(--brand-graphite); background: #fffdf8; border-color: #e4dccd; }
.site-theme .form-control,.site-theme .form-select { color: var(--brand-graphite); background-color: #fffdf8; border-color: #bdb4a5; }
.site-theme .form-control::placeholder { color: #686b70; }
.site-theme .form-control:focus,.site-theme .form-select:focus { color: var(--brand-graphite); background-color: #fffdf8; border-color: var(--brand-orange); box-shadow: 0 0 0 .2rem rgba(255,138,50,.2); }
.site-theme .form-select option { color: var(--brand-graphite); background: #fffdf8; }
.site-theme .form-check-input { background-color: #fffdf8; border-color: #8d877c; }
.site-theme .form-check-input:checked { background-color: var(--brand-orange); border-color: var(--brand-ember); }
.site-theme .table { --bs-table-color: var(--brand-graphite); --bs-table-bg: transparent; --bs-table-border-color: #e4dccd; --bs-table-hover-color: var(--brand-graphite); --bs-table-hover-bg: rgba(255,201,40,.12); }
.site-theme .table thead th { color: #53575c; background: #fff0d2; }
.site-theme .table-light { --bs-table-bg: #fff0d2; --bs-table-color: var(--brand-graphite); --bs-table-border-color: #e4dccd; }
.site-theme .list-group-item { color: var(--brand-graphite); background-color: #fffdf8; border-color: #e4dccd; }
.site-theme .accordion { --bs-accordion-color: var(--brand-graphite); --bs-accordion-bg: #fffdf8; --bs-accordion-border-color: #e4dccd; --bs-accordion-btn-color: var(--brand-graphite); --bs-accordion-btn-bg: #fffdf8; --bs-accordion-active-color: var(--brand-graphite); --bs-accordion-active-bg: var(--brand-apricot); --bs-accordion-btn-focus-box-shadow: 0 0 0 .2rem rgba(255,138,50,.2); }
.site-theme .alert { color: var(--brand-graphite); background: var(--brand-apricot); border-color: #e6d3ac; }
.site-theme .alert .btn-close { filter: none; }
.site-theme a:not(.btn):not(.nav-link):not(.navbar-brand) { color: var(--brand-graphite); }
.site-theme a:not(.btn):not(.nav-link):not(.navbar-brand):hover { color: #41474e; }
.site-theme .marketing-hero .store-text-link { color: var(--brand-cream); }
.site-theme .marketing-hero .store-text-link:hover { color: var(--brand-sun); }
.site-theme .marketing-hero .store-text-link span { color: var(--brand-sun); }
.site-theme .site-footer { color: #51565b; background: #fff0d2; border-color: #e0d3bd; font-family: "Inter", sans-serif; }
.site-theme .site-footer small { color: #555a60; font-family: "IBM Plex Mono", monospace; }
.site-theme .site-footer a { color: var(--brand-graphite) !important; }
.site-theme .site-footer a:hover { color: var(--brand-graphite) !important; text-decoration: underline; text-decoration-color: var(--brand-orange); }
.site-theme .site-footer-divider { color: #867d6e; }
.site-footer-links { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.site-footer-links a { white-space: nowrap; }
.legal-policy { max-width: 1040px; margin: 0 auto; padding-bottom: 20px; }
.legal-policy-hero { padding: clamp(26px, 5vw, 48px); color: var(--brand-cream); background: radial-gradient(ellipse at 82% 10%, rgba(255,201,40,.12), transparent 34%), var(--brand-graphite); border: 1px solid #454a50; border-radius: 12px; }
.legal-policy-hero .site-eyebrow { color: #e4d7bd; }
.legal-policy-hero .site-eyebrow > span { background: var(--brand-sun); }
.legal-policy-hero h1 { margin: 0; color: var(--brand-cream); font-size: clamp(2.4rem, 5vw, 4rem); font-weight: 750; letter-spacing: -.065em; line-height: 1.02; }
.legal-policy-hero > p:last-child { max-width: 780px; margin: 16px 0 0; color: #e1dfd9; font-size: .96rem; line-height: 1.75; }
.legal-policy-content { margin-top: 20px; padding: 4px clamp(19px, 4vw, 38px); background: #fffdf8; border: 1px solid #e4dccd; border-radius: 10px; }
.legal-policy-section { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; padding: 23px 0; border-bottom: 1px solid #e4dccd; }
.legal-policy-index { padding-top: 2px; color: #a9470c; font-family: "IBM Plex Mono", monospace; font-size: .76rem; }
.legal-policy-section h2 { margin: 0 0 8px; color: var(--brand-graphite); font-size: 1.08rem; font-weight: 700; }
.legal-policy-section p { max-width: 830px; margin: 0; color: #555a60; font-size: .91rem; line-height: 1.8; }
.legal-policy-contact { margin: 0; padding: 18px 0; color: #555a60; font-size: .88rem; }
.legal-policy-contact a { font-weight: 650; text-decoration-color: var(--brand-orange); text-underline-offset: 3px; }

.admin-theme {
  --admin-bg: #252a31;
  --admin-sidebar: #1d2228;
  --admin-panel: #30363e;
  --admin-border: #484f57;
  --admin-teal: #ff8a32;
  --admin-text: #fff7e8;
  --admin-muted: #d0c7b9;
  color: var(--admin-text);
  background: var(--admin-bg);
  font-family: "Inter", sans-serif;
}
.admin-theme h1,.admin-theme h2,.admin-theme h3,.admin-theme h4,.admin-theme .navbar-brand { font-family: "Manrope", sans-serif; }
.admin-theme .admin-metric span,.admin-theme .admin-sidebar-note span { font-family: "IBM Plex Mono", monospace; }
.admin-theme .admin-brand span,.admin-theme .admin-sidebar-note span,.admin-theme .admin-sidebar-note small,.admin-theme .admin-nav .nav-link { color: #d0c7b9; }
.admin-theme .admin-nav .nav-link:hover,.admin-theme .admin-nav .nav-link:focus-visible { background: #343a42; }
.admin-theme .admin-nav .nav-link.active { color: #252a31; background: var(--brand-orange); }
.admin-theme .admin-brand,.admin-theme .admin-sidebar-note,.admin-theme .admin-sidebar-note { border-color: #484f57; }
.admin-theme .admin-metric strong,.admin-theme .admin-page-heading h1,.admin-theme .admin-panel-heading h2,.admin-theme .upcoming-renewal strong { color: var(--brand-cream); }
.admin-theme .admin-metrics,.admin-theme .admin-panel,.admin-theme .card { background: #30363e; border-color: #484f57; }
.admin-theme .renewal-chart-track { border-color: #a7a094; }
.admin-theme .renewal-chart-bar { background: var(--brand-sun); }
.admin-theme .renewal-chart-bar:hover { background: var(--brand-orange); }
.admin-theme .btn-primary { --bs-btn-color: #252a31; --bs-btn-bg: var(--brand-orange); --bs-btn-border-color: var(--brand-orange); --bs-btn-hover-color: #252a31; --bs-btn-hover-bg: var(--brand-ember); --bs-btn-hover-border-color: var(--brand-ember); --bs-btn-active-bg: #d95f13; --bs-btn-active-border-color: #d95f13; }
.admin-theme .admin-nav .nav-link.active { background: var(--brand-orange); }
.admin-theme .btn-outline-primary { --bs-btn-color: #ffc47d; --bs-btn-border-color: #ff9a4c; --bs-btn-hover-color: #252a31; --bs-btn-hover-bg: var(--brand-orange); --bs-btn-hover-border-color: var(--brand-orange); }
.admin-theme .admin-panel-heading > a,.admin-theme a:not(.btn):not(.nav-link):not(.admin-brand) { color: #ffc47d; }
.admin-theme .admin-panel-heading > a:hover,.admin-theme a:not(.btn):not(.nav-link):not(.admin-brand):hover { color: var(--brand-sun); }
.admin-theme .form-control,.admin-theme .form-select { color: var(--brand-cream); background-color: #252a31; border-color: #62676d; }
.admin-theme .form-control::placeholder { color: #cbc1b2; }
.admin-theme .form-control:focus,.admin-theme .form-select:focus { color: var(--brand-cream); background-color: #252a31; border-color: var(--brand-orange); box-shadow: 0 0 0 .2rem rgba(255,138,50,.2); }
.admin-theme .form-select option { color: var(--brand-cream); background: #30363e; }
.admin-theme .table { --bs-table-color: #fff7e8; --bs-table-bg: transparent; --bs-table-border-color: #484f57; --bs-table-hover-color: #fff7e8; --bs-table-hover-bg: rgba(255,201,40,.08); }
.admin-theme .table thead th,.admin-theme .table-light { --bs-table-bg: #292e35; --bs-table-color: #e5dac9; --bs-table-border-color: #484f57; }
.admin-theme .table small,.admin-theme .text-muted { color: var(--admin-muted) !important; }
.admin-theme .pagination { --bs-pagination-color: #fff0d2; --bs-pagination-bg: #30363e; --bs-pagination-border-color: #484f57; --bs-pagination-hover-color: #fff7e8; --bs-pagination-hover-bg: #41474e; --bs-pagination-hover-border-color: #62676d; --bs-pagination-active-color: #252a31; --bs-pagination-active-bg: var(--brand-orange); --bs-pagination-active-border-color: var(--brand-orange); --bs-pagination-disabled-color: #b2a999; --bs-pagination-disabled-bg: #30363e; --bs-pagination-disabled-border-color: #484f57; }
.admin-theme .alert { color: var(--brand-cream); background: #30363e; border-color: #62676d; }

@media (max-width: 991.98px) {
  .marketing-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-theme .site-account-links { border: 0; }
  .marketing-plan-row { grid-template-columns: 1fr auto; gap: 8px 15px; }
  .marketing-plan-row p { grid-column: 1 / -1; grid-row: 2; }
  .marketing-plan-row > strong { grid-column: 2; grid-row: 1; }
  .marketing-plan-row > a { grid-column: 1 / -1; grid-row: 3; }
}
@media (max-width: 767.98px) {
  .site-theme .site-brand-copy { font-size: 1rem; }
  .marketing-services { grid-template-columns: 1fr; }
  .marketing-service-card { min-height: 190px; }
  .marketing-work-strip { align-items: flex-start; flex-direction: column; }
  .marketing-closing { align-items: flex-start; flex-direction: column; }
  .marketing-closing > p { margin: 0; }
  .marketing-support-strip { grid-template-columns: 1fr auto; gap: 8px; }
  .marketing-support-strip > span { grid-column: 1 / -1; }
  .marketing-section-heading { align-items: flex-start; flex-direction: column; }
}

.marketing-hero-copy { max-width: 800px; }
.marketing-hero h1 { font-size: clamp(3.35rem, 7.3vw, 6.1rem); line-height: .96; }
.marketing-hero h1 em { color: var(--brand-sun); }
.marketing-hero .site-eyebrow i { width: 3px; height: 3px; margin: 0 2px; border-radius: 50%; background: var(--brand-sun); }
.marketing-hero .store-hero-actions .btn { padding-right: 17px; padding-left: 17px; }
.marketing-hero-aside { min-height: 295px; }
.marketing-hero-aside strong { font-family: "IBM Plex Mono", monospace; font-size: 2.8rem; }
.marketing-intro { padding-top: 68px; padding-bottom: 36px; }
.marketing-intro h2 { font-size: clamp(1.9rem, 3.2vw, 2.65rem); }
.marketing-intro h2 em { color: var(--brand-ember); }
.marketing-problem { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 7vw, 100px); padding: 28px 0 60px; border-bottom: 1px solid #e1d8c8; }
.marketing-problem > div:first-child .site-eyebrow { margin-bottom: 16px; }
.marketing-problem h2 { max-width: 460px; margin: 0; color: var(--brand-graphite); font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 700; letter-spacing: -.055em; line-height: 1.08; }
.marketing-problem-copy h3 { max-width: 480px; margin: 0 0 12px; color: var(--brand-graphite); font-size: clamp(1.25rem, 2.5vw, 1.85rem); font-weight: 650; letter-spacing: -.035em; line-height: 1.2; }
.marketing-problem-copy p { max-width: 510px; margin: 0 0 17px; color: #565b61; font-size: .9rem; line-height: 1.75; }
.marketing-inline-link { display: inline-flex; align-items: center; gap: 8px; color: var(--brand-graphite) !important; font-size: .83rem; font-weight: 650; text-decoration: none; }
.marketing-inline-link:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 4px; }
.marketing-expertise { margin-top: 58px; padding: clamp(25px, 4vw, 43px); color: var(--brand-cream); background: var(--brand-graphite); border-radius: 12px; }
.marketing-expertise-heading { display: grid; grid-template-columns: 1fr 1fr; column-gap: 35px; align-items: end; }
.marketing-expertise-heading .site-eyebrow { grid-column: 1 / -1; margin-bottom: 15px; color: #e6d9c4; }
.marketing-expertise-heading .site-eyebrow > span { background: var(--brand-sun); }
.marketing-expertise-heading h2 { margin: 0; color: var(--brand-cream); font-size: clamp(2rem, 4vw, 3.1rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.03; }
.marketing-expertise-heading h2 em { color: var(--brand-sun); font-style: normal; }
.marketing-expertise-heading > p:last-child { max-width: 400px; justify-self: end; margin: 0; color: #d7d2c8; font-size: .86rem; line-height: 1.75; }
.marketing-expertise-content { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(25px, 5vw, 65px); margin-top: 32px; padding-top: 23px; border-top: 1px solid #454a50; }
.marketing-stack-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
.marketing-stack-item { display: flex; align-items: flex-start; gap: 12px; padding: 13px 0; border-bottom: 1px solid #454a50; }
.marketing-stack-item > span { color: var(--brand-sun); font-family: "IBM Plex Mono", monospace; font-size: .67rem; }
.marketing-stack-item strong,.marketing-stack-item small { display: block; }
.marketing-stack-item strong { color: var(--brand-cream); font-size: .86rem; font-weight: 650; }
.marketing-stack-item small { margin-top: 4px; color: #c9c4ba; font-size: .73rem; }
.marketing-tech-stack { align-self: center; }
.marketing-mono-label { color: #e4d7bd; font-family: "IBM Plex Mono", monospace; font-size: .64rem; letter-spacing: .06em; }
.marketing-tech-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0 18px; }
.marketing-tech-chips span { padding: 7px 10px; color: #fff7e8; background: #383d43; border: 1px solid #51565b; border-radius: 5px; font-family: "IBM Plex Mono", monospace; font-size: .68rem; }
.marketing-expertise .marketing-inline-link { color: var(--brand-cream) !important; }
.marketing-expertise .marketing-inline-link:hover { color: var(--brand-sun) !important; }
.marketing-capability-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-top: 25px; padding-top: 19px; border-top: 1px solid #454a50; }
.marketing-capability-strip > div { display: flex; flex-direction: column; gap: 5px; }
.marketing-capability-strip strong { color: var(--brand-sun); font-size: .8rem; font-weight: 650; }
.marketing-capability-strip span { color: #d3cec4; font-size: .7rem; }
.marketing-plans { margin-top: 60px; }
.marketing-process { display: grid; grid-template-columns: .75fr 1.25fr; gap: 45px; margin-top: 65px; padding: 32px 0; border-top: 1px solid #ded5c5; border-bottom: 1px solid #ded5c5; }
.marketing-process-heading .site-eyebrow { margin-bottom: 14px; }
.marketing-process-heading h2,.marketing-work-heading h2,.marketing-why > div:first-child h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(1.9rem, 3.6vw, 2.8rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.06; }
.marketing-process > ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; margin: 0; padding: 0; list-style: none; }
.marketing-process > ol > li { display: flex; gap: 12px; min-height: 102px; padding: 14px 0; border-bottom: 1px solid #ded5c5; }
.marketing-process > ol > li > span { color: var(--brand-ember); font-family: "IBM Plex Mono", monospace; font-size: .72rem; }
.marketing-process h3 { margin: 0 0 5px; color: var(--brand-graphite); font-size: .91rem; font-weight: 700; }
.marketing-process li p { margin: 0; color: #5c6065; font-size: .75rem; line-height: 1.55; }
.marketing-work { margin-top: 66px; }
.marketing-work-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 20px; }
.marketing-work-heading .site-eyebrow { margin-bottom: 9px; }
.marketing-work-heading h2 em { color: var(--brand-ember); font-style: normal; }
.marketing-work-heading > p { max-width: 380px; margin: 0 0 4px; color: #585d62; font-size: .81rem; line-height: 1.65; }
.marketing-work-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 13px; }
.marketing-work-card { display: flex; min-width: 0; flex-direction: column; padding: 14px; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 8px; }
.marketing-work-card:first-child { background: #fff0d2; }
.marketing-work-card-top { display: flex; justify-content: space-between; gap: 8px; color: #5c6065; font-family: "IBM Plex Mono", monospace; font-size: .57rem; line-height: 1.5; }
.marketing-work-visual { display: grid; height: 145px; place-items: center; margin: 14px 0; overflow: hidden; background: linear-gradient(140deg, #f8d990 0%, #fff0d2 52%, #f5dfb2 100%); border: 1px solid #e4d2ad; border-radius: 5px; }
.marketing-work-card:nth-child(2) .marketing-work-visual { background: linear-gradient(140deg, #e4e6df, #f8f2e6); border-color: #d7d8d0; }
.marketing-work-card:nth-child(3) .marketing-work-visual { background: linear-gradient(140deg, #eedbcb, #f8f0e5); border-color: #e0d1bf; }
.marketing-work-visual-window { width: 70%; min-height: 88px; padding: 10px; background: rgba(255,253,248,.9); border: 1px solid rgba(37,42,49,.16); border-radius: 5px; box-shadow: 0 8px 20px rgba(37,42,49,.1); transform: rotate(-2deg); }
.marketing-work-card:nth-child(2) .marketing-work-visual-window { width: 62%; transform: rotate(2deg); }
.marketing-work-card:nth-child(3) .marketing-work-visual-window { width: 74%; transform: rotate(-1deg); }
.marketing-work-visual-window > i { display: inline-block; width: 5px; height: 5px; margin-right: 3px; background: #e96b1b; border-radius: 50%; }
.marketing-work-visual-window > i:nth-child(2) { background: #ffc928; }
.marketing-work-visual-window > i:nth-child(3) { background: #9caa93; }
.marketing-work-visual-lines { display: grid; gap: 7px; margin-top: 14px; }
.marketing-work-visual-lines b { display: block; width: 85%; height: 5px; background: #d7d2c6; border-radius: 5px; }
.marketing-work-visual-lines b:nth-child(2) { width: 62%; }
.marketing-work-visual-lines b:nth-child(3) { width: 75%; }
.marketing-work-card h3 { margin: 4px 0 6px; color: var(--brand-graphite); font-size: 1rem; font-weight: 700; letter-spacing: -.025em; }
.marketing-work-card > p { flex: 1; margin: 0; color: #585d62; font-size: .76rem; line-height: 1.6; }
.marketing-work-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.marketing-work-tags span { padding: 4px 7px; color: #484d52; background: #f0eadf; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: .57rem; }
.marketing-why { display: grid; grid-template-columns: .85fr 1.15fr; gap: 45px; margin-top: 67px; padding: 32px; background: var(--brand-graphite); border-radius: 10px; }
.marketing-why > div:first-child .site-eyebrow { color: #e6d9c4; }
.marketing-why > div:first-child h2 { color: var(--brand-cream); }
.marketing-why > div:first-child h2 em { color: var(--brand-sun); font-style: normal; }
.marketing-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.marketing-why-grid article { display: flex; gap: 11px; padding: 14px 0; border-bottom: 1px solid #484d53; }
.marketing-why-grid article > span { color: var(--brand-sun); font-size: 1.15rem; line-height: 1; }
.marketing-why-grid h3 { margin: 0 0 5px; color: var(--brand-cream); font-size: .86rem; font-weight: 700; }
.marketing-why-grid p { margin: 0; color: #d0cbc1; font-size: .73rem; line-height: 1.55; }
.marketing-closing { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 25px; margin-top: 56px; padding: 31px clamp(23px, 4vw, 42px); background: var(--brand-apricot); border: 1px solid #ead8b4; border-radius: 10px; }
.marketing-closing > div:first-child .site-eyebrow { margin-bottom: 13px; color: #53575c; }
.marketing-closing h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 750; letter-spacing: -.065em; line-height: 1; }
.marketing-closing h2 em { color: var(--brand-ember); }
.marketing-closing-action p { max-width: 360px; margin: 0 0 15px; color: #51565b; font-size: .84rem; line-height: 1.65; }
.marketing-support-strip { margin-bottom: 8px; }

.ai-stop-page { padding-bottom: 8px; }
.ai-stop-hero { position: relative; display: grid; min-height: 510px; grid-template-columns: minmax(0, 1fr) minmax(230px, .4fr); align-items: center; gap: 32px; padding: 48px clamp(25px, 6vw, 82px); overflow: hidden; color: var(--brand-cream); background: radial-gradient(ellipse at 75% 14%, rgba(255,201,40,.12), transparent 34%), var(--brand-graphite); border: 1px solid #454a50; border-radius: 12px; }
.ai-stop-hero::after { position: absolute; right: 14%; bottom: -300px; width: 590px; height: 590px; border: 1px solid rgba(255,247,232,.12); border-radius: 50%; content: ""; pointer-events: none; }
.ai-stop-hero-copy,.ai-stop-system { position: relative; z-index: 1; }
.ai-stop-hero .site-eyebrow { color: #e3d8c6; }
.ai-stop-hero .site-eyebrow > span,.ai-stop-system-core small i { background: var(--brand-sun); }
.ai-stop-hero h1 { max-width: 800px; margin: 0; color: var(--brand-cream); font-size: clamp(3.2rem, 7vw, 6rem); font-weight: 750; letter-spacing: -.075em; line-height: .96; }
.ai-stop-hero h1 em { color: var(--brand-sun); font-style: normal; }
.ai-stop-hero-description { max-width: 620px; margin: 23px 0 0; color: #e0d9ce; font-size: .96rem; line-height: 1.75; }
.ai-stop-hero .store-text-link { color: var(--brand-cream); }
.ai-stop-hero .store-text-link:hover { color: var(--brand-sun); }
.ai-stop-hero .store-text-link span { color: var(--brand-sun); }
.ai-stop-system { justify-self: end; width: min(100%, 300px); padding: 19px; background: rgba(37,42,49,.55); border: 1px solid #555a60; border-radius: 9px; box-shadow: 0 22px 50px rgba(0,0,0,.2); transform: rotate(2deg); }
.ai-stop-system-core { position: relative; display: flex; min-height: 205px; flex-direction: column; align-items: center; justify-content: center; gap: 10px; overflow: hidden; background: radial-gradient(circle, rgba(255,201,40,.16), transparent 62%); border: 1px solid #555a60; border-radius: 6px; }
.ai-stop-system-core::before,.ai-stop-system-core::after { position: absolute; width: 150px; height: 150px; border: 1px solid rgba(255,247,232,.14); border-radius: 50%; content: ""; }
.ai-stop-system-core::after { width: 195px; height: 195px; }
.ai-stop-system-core > span,.ai-stop-system-core small { z-index: 1; color: #e3d8c6; font-family: "IBM Plex Mono", monospace; font-size: .6rem; letter-spacing: .1em; }
.ai-stop-system-core strong { z-index: 1; color: var(--brand-sun); font-size: 4.7rem; font-weight: 750; letter-spacing: -.09em; line-height: .95; }
.ai-stop-system-core small { display: flex; align-items: center; gap: 7px; font-size: .54rem; }
.ai-stop-system-core small i { width: 6px; height: 6px; border-radius: 50%; box-shadow: 0 0 9px rgba(255,201,40,.65); }
.ai-stop-system > ul { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 11px 0 0; padding: 0; list-style: none; }
.ai-stop-system > ul li { padding: 9px 10px; color: var(--brand-cream); background: #30363e; border: 1px solid #4b5158; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: .58rem; letter-spacing: .07em; text-align: center; }
.ai-stop-intro { display: grid; grid-template-columns: .55fr 1.2fr 1fr; align-items: end; gap: 22px; padding: 72px 12px 42px; border-bottom: 1px solid #ded5c5; }
.ai-stop-intro .site-eyebrow { align-self: start; }
.ai-stop-intro h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 3.5vw, 2.9rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.04; }
.ai-stop-intro h2 em { color: var(--brand-ember); font-style: normal; }
.ai-stop-intro > p:last-child { max-width: 390px; justify-self: end; margin: 0; color: #565b61; font-size: .86rem; line-height: 1.75; }
.ai-stop-services { margin-top: 56px; padding: clamp(24px, 4vw, 48px); overflow: hidden; color: var(--brand-cream); background: radial-gradient(ellipse at 92% 0, rgba(255,201,40,.12), transparent 34%), var(--brand-graphite); border: 1px solid #454a50; border-radius: 12px; scroll-margin-top: 28px; }
.ai-stop-services-heading { display: grid; grid-template-columns: 1fr minmax(220px, .58fr); align-items: end; gap: 28px; margin-bottom: 28px; }
.ai-stop-services-heading .site-eyebrow { margin: 0 0 14px; color: #e6d9c4; }
.ai-stop-services-heading h2 { margin: 0; color: var(--brand-cream); font-size: clamp(2.2rem, 4.5vw, 3.8rem); font-weight: 750; letter-spacing: -.065em; line-height: .98; }
.ai-stop-services-heading h2 em { color: var(--brand-sun); font-style: normal; }
.ai-stop-services-heading > p { max-width: 390px; justify-self: end; margin: 0; color: #d0cec8; font-size: .95rem; line-height: 1.7; }
.ai-stop-services-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ai-stop-service-card { position: relative; display: grid; min-height: 158px; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: start; gap: 15px; padding: 22px; background: #fffdf8; border: 1px solid rgba(255,247,232,.16); border-radius: 8px; transition: border-color .18s, transform .18s, box-shadow .18s; }
.ai-stop-service-card:hover { border-color: var(--brand-sun); box-shadow: 0 12px 26px rgba(0,0,0,.16); transform: translateY(-3px); }
.ai-stop-service-number { display: grid; width: 38px; height: 38px; place-items: center; color: var(--brand-graphite); background: var(--brand-apricot); border-radius: 50%; font-family: "IBM Plex Mono", monospace; font-size: .7rem; font-weight: 600; }
.ai-stop-service-card h3 { margin: 0 0 9px; color: var(--brand-graphite); font-size: 1.12rem; font-weight: 750; letter-spacing: -.035em; }
.ai-stop-service-card p { margin: 0; color: #585d62; font-size: .9rem; line-height: 1.65; }
.ai-stop-service-card > a { display: grid; min-height: 34px; align-self: center; place-items: center; padding: 0 11px; color: var(--brand-graphite); background: transparent; border: 1px solid #d8cfbf; border-radius: 18px; font-size: .72rem; font-weight: 700; text-decoration: none; transition: color .16s, background .16s, border-color .16s; }
.ai-stop-service-card > a:hover,.ai-stop-service-card > a:focus-visible { color: var(--brand-graphite); background: var(--brand-sun); border-color: var(--brand-sun); }
.ai-stop-service-card > a:focus-visible { outline: 2px solid var(--brand-ember); outline-offset: 3px; }
.ai-stop-service-featured { min-height: 328px; grid-row: span 2; grid-template-columns: 1fr; align-content: space-between; padding: 27px; background: var(--brand-sun); border-color: var(--brand-sun); }
.ai-stop-service-featured:hover { border-color: #ffe28a; }
.ai-stop-service-featured .ai-stop-service-number { width: 48px; height: 48px; background: rgba(37,42,49,.1); }
.ai-stop-service-featured h3 { max-width: 350px; font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.02; }
.ai-stop-service-featured p { max-width: 430px; color: #3f4348; }
.ai-stop-service-featured > a { justify-self: start; }
.ai-stop-service-featured > a:hover,.ai-stop-service-featured > a:focus-visible { background: var(--brand-cream); border-color: var(--brand-cream); }
.ai-stop-service-contact { grid-column: 1 / -1; min-height: 0; align-items: center; background: #30363e; border-color: #555b62; }
.ai-stop-service-contact .ai-stop-service-number { color: var(--brand-sun); background: rgba(255,201,40,.12); }
.ai-stop-service-contact h3 { color: var(--brand-cream); }
.ai-stop-service-contact p { color: #d0cec8; }
.ai-stop-service-contact > a { min-width: 108px; min-height: 42px; padding: 0 17px; color: var(--brand-graphite); background: var(--brand-sun); border-color: var(--brand-sun); font-size: .78rem; box-shadow: 0 4px 12px rgba(0,0,0,.16); }
.ai-stop-service-contact > a:hover,.ai-stop-service-contact > a:focus-visible { color: var(--brand-graphite); background: var(--brand-cream); border-color: var(--brand-cream); }
.ai-stop-service-contact > a:focus-visible { outline-color: var(--brand-sun); }
.ai-stop-closing { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 22px; margin-top: 55px; padding: 32px clamp(23px, 4vw, 42px); background: var(--brand-graphite); border: 1px solid #454a50; border-radius: 10px; }
.ai-stop-closing .site-eyebrow { grid-column: 1 / -1; margin: 0 0 -7px; color: #e6d9c4; }
.ai-stop-closing h2 { margin: 0; color: var(--brand-cream); font-size: clamp(2.1rem, 4.6vw, 3.8rem); font-weight: 750; letter-spacing: -.065em; line-height: .99; }
.ai-stop-closing h2 em { color: var(--brand-sun); font-style: normal; }
.ai-stop-closing .btn { flex: 0 0 auto; }

.go-live-page { padding-bottom: 8px; }
.go-live-hero { position: relative; display: grid; min-height: 510px; grid-template-columns: minmax(0, 1fr) minmax(230px, .4fr); align-items: center; gap: 32px; padding: 48px clamp(25px, 6vw, 82px); overflow: hidden; color: var(--brand-cream); background: radial-gradient(ellipse at 75% 14%, rgba(255,201,40,.12), transparent 34%), var(--brand-graphite); border: 1px solid #454a50; border-radius: 12px; }
.go-live-hero::after { position: absolute; right: 14%; bottom: -300px; width: 590px; height: 590px; border: 1px solid rgba(255,247,232,.12); border-radius: 50%; content: ""; pointer-events: none; }
.go-live-hero-copy,.go-live-system { position: relative; z-index: 1; }
.go-live-hero .site-eyebrow { color: #e3d8c6; }
.go-live-hero .site-eyebrow > span,.go-live-system-core small i { background: var(--brand-sun); }
.go-live-hero h1 { max-width: 800px; margin: 0; color: var(--brand-cream); font-size: clamp(3.2rem, 7vw, 6rem); font-weight: 750; letter-spacing: -.075em; line-height: .96; }
.go-live-hero h1 em { color: var(--brand-sun); font-style: normal; }
.go-live-hero-description { max-width: 620px; margin: 23px 0 0; color: #e0d9ce; font-size: .96rem; line-height: 1.75; }
.go-live-hero .store-text-link { color: var(--brand-cream); }
.go-live-hero .store-text-link:hover { color: var(--brand-sun); }
.go-live-hero .store-text-link span { color: var(--brand-sun); }
.go-live-system { justify-self: end; width: min(100%, 300px); padding: 19px; background: rgba(37,42,49,.55); border: 1px solid #555a60; border-radius: 9px; box-shadow: 0 22px 50px rgba(0,0,0,.2); transform: rotate(2deg); }
.go-live-system-core { position: relative; display: flex; min-height: 195px; flex-direction: column; align-items: center; justify-content: center; gap: 10px; overflow: hidden; background: radial-gradient(circle, rgba(255,201,40,.16), transparent 62%); border: 1px solid #555a60; border-radius: 6px; }
.go-live-system-core::before,.go-live-system-core::after { position: absolute; width: 145px; height: 145px; border: 1px solid rgba(255,247,232,.14); border-radius: 50%; content: ""; }
.go-live-system-core::after { width: 190px; height: 190px; }
.go-live-system-core > span,.go-live-system-core small { z-index: 1; color: #e3d8c6; font-family: "IBM Plex Mono", monospace; font-size: .58rem; letter-spacing: .1em; }
.go-live-system-core strong { z-index: 1; color: var(--brand-sun); font-size: 3.8rem; font-weight: 750; letter-spacing: -.09em; line-height: .95; }
.go-live-system-core small { display: flex; align-items: center; gap: 7px; font-size: .53rem; }
.go-live-system-core small i { width: 6px; height: 6px; border-radius: 50%; box-shadow: 0 0 9px rgba(255,201,40,.65); }
.go-live-system > ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin: 11px 0; padding: 0; list-style: none; }
.go-live-system > ul li { padding: 9px 5px; color: var(--brand-cream); background: #30363e; border: 1px solid #4b5158; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: .57rem; text-align: center; }
.go-live-system-status { display: flex; flex-direction: column; gap: 7px; padding: 10px 11px 2px; border-top: 1px solid #4b5158; }
.go-live-system-status > span { color: #d3c8b7; font-family: "IBM Plex Mono", monospace; font-size: .51rem; letter-spacing: .08em; }
.go-live-system-status > strong { display: flex; align-items: center; gap: 7px; color: var(--brand-cream); font-family: "IBM Plex Mono", monospace; font-size: .57rem; font-weight: 500; letter-spacing: .04em; }
.go-live-system-status i { width: 6px; height: 6px; background: var(--brand-sun); border-radius: 50%; }
.go-live-intro { display: grid; grid-template-columns: .55fr 1.2fr 1fr; align-items: end; gap: 22px; padding: 72px 12px 42px; border-bottom: 1px solid #ded5c5; }
.go-live-intro .site-eyebrow { align-self: start; }
.go-live-intro h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 3.5vw, 2.9rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.04; }
.go-live-intro h2 em { color: var(--brand-ember); font-style: normal; }
.go-live-intro > p:last-child { max-width: 390px; justify-self: end; margin: 0; color: #565b61; font-size: .86rem; line-height: 1.75; }
.go-live-solutions { margin-top: 56px; scroll-margin-top: 28px; }
.go-live-solutions-heading { display: grid; grid-template-columns: .55fr 1fr; align-items: end; gap: 10px 18px; margin-bottom: 22px; }
.go-live-solutions-heading .site-eyebrow { align-self: start; grid-row: 1 / 3; margin: 0; }
.go-live-solutions-heading h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 3.8vw, 3rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.go-live-solutions-heading > p:last-child { max-width: 560px; margin: 0; color: #585d62; font-size: .82rem; line-height: 1.6; }
.go-live-solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.go-live-solution-card { display: flex; min-height: 225px; flex-direction: column; padding: 19px; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 7px; transition: border-color .16s, transform .16s, box-shadow .16s; }
.go-live-solution-card:hover { border-color: #d7a24f; box-shadow: 0 7px 22px rgba(37,42,49,.06); transform: translateY(-2px); }
.go-live-solution-meta { display: flex; justify-content: space-between; gap: 10px; color: #5a5f64; font-family: "IBM Plex Mono", monospace; font-size: .62rem; }
.go-live-solution-meta > span:first-child { color: var(--brand-ember); }
.go-live-solution-card h3 { margin: 24px 0 8px; color: var(--brand-graphite); font-size: 1.05rem; font-weight: 700; letter-spacing: -.03em; }
.go-live-solution-card p { flex: 1; margin: 0 0 17px; color: #585d62; font-size: .77rem; line-height: 1.65; }
.go-live-solution-card > a { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; color: var(--brand-graphite); font-size: .75rem; font-weight: 650; text-decoration: none; }
.go-live-solution-card > a:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 4px; }
.go-live-flow { display: grid; grid-template-columns: .85fr 1.15fr; gap: 40px; margin-top: 58px; padding: 31px; background: var(--brand-graphite); border-radius: 10px; }
.go-live-flow-heading .site-eyebrow { margin-bottom: 13px; color: #e6d9c4; }
.go-live-flow-heading h2 { margin: 0; color: var(--brand-cream); font-size: clamp(1.9rem, 3.5vw, 2.8rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.go-live-flow-heading h2 em { color: var(--brand-sun); font-style: normal; }
.go-live-flow-heading > p:not(.site-eyebrow) { max-width: 400px; margin: 13px 0; color: #d7d2c8; font-size: .82rem; line-height: 1.7; }
.go-live-flow-heading .marketing-inline-link { color: var(--brand-cream) !important; }
.go-live-flow-heading .marketing-inline-link:hover { color: var(--brand-sun) !important; }
.go-live-flow-steps { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.go-live-flow-steps li { display: flex; min-height: 90px; align-items: flex-start; gap: 13px; padding: 17px 14px; background: #30363e; border: 1px solid #4b5158; border-radius: 5px; }
.go-live-flow-steps li > span { color: var(--brand-sun); font-family: "IBM Plex Mono", monospace; font-size: .64rem; }
.go-live-flow-steps li strong,.go-live-flow-steps li small { display: block; }
.go-live-flow-steps li strong { color: var(--brand-cream); font-family: "IBM Plex Mono", monospace; font-size: .75rem; letter-spacing: .04em; }
.go-live-flow-steps li small { margin-top: 7px; color: #d4cdc1; font-size: .72rem; }
.go-live-support { display: grid; grid-template-columns: .75fr 1.25fr; gap: 35px; margin-top: 58px; padding: 30px 12px; border-top: 1px solid #ded5c5; border-bottom: 1px solid #ded5c5; }
.go-live-support > div .site-eyebrow { margin-bottom: 13px; }
.go-live-support > div .site-eyebrow > span { background: var(--brand-orange); }
.go-live-support h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(1.9rem, 3.4vw, 2.65rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.go-live-support > div > p:last-child { max-width: 370px; margin: 12px 0 0; color: #585d62; font-size: .81rem; line-height: 1.65; }
.go-live-support ul { display: flex; align-content: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.go-live-support li { padding: 9px 12px; color: #42474d; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 5px; font-family: "IBM Plex Mono", monospace; font-size: .66rem; }
.go-live-why { display: grid; grid-template-columns: .75fr 1.25fr; gap: 38px; margin-top: 58px; padding: 31px; background: var(--brand-apricot); border: 1px solid #ead8b4; border-radius: 10px; }
.go-live-why > div:first-child .site-eyebrow { margin-bottom: 13px; color: #555a60; }
.go-live-why h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(1.9rem, 3.5vw, 2.8rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.go-live-why h2 em { color: var(--brand-ember); font-style: normal; }
.go-live-why-grid { display: grid; grid-template-columns: 1fr; }
.go-live-why-grid article { display: flex; gap: 14px; padding: 15px 0; border-bottom: 1px solid #dfcfad; }
.go-live-why-grid article:first-child { padding-top: 0; }
.go-live-why-grid article:last-child { padding-bottom: 0; border-bottom: 0; }
.go-live-why-grid article > span { color: var(--brand-ember); font-family: "IBM Plex Mono", monospace; font-size: .7rem; }
.go-live-why-grid h3 { margin: 0 0 5px; color: var(--brand-graphite); font-size: .88rem; font-weight: 700; }
.go-live-why-grid p { margin: 0; color: #565b61; font-size: .76rem; line-height: 1.55; }
.go-live-closing { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 25px; margin-top: 46px; padding: 31px clamp(23px, 4vw, 42px); background: #fffdf8; border: 1px solid #e4dccd; border-radius: 10px; }
.go-live-closing > div:first-child .site-eyebrow { margin-bottom: 13px; color: #53575c; }
.go-live-closing h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 750; letter-spacing: -.065em; line-height: 1; }
.go-live-closing h2 em { color: var(--brand-ember); font-style: normal; }
.go-live-closing > div:last-child p { max-width: 360px; margin: 0 0 15px; color: #51565b; font-size: .84rem; line-height: 1.65; }

.fix-support-page { padding-bottom: 8px; }
.fix-support-hero { position: relative; display: grid; min-height: 510px; grid-template-columns: minmax(0, 1fr) minmax(230px, .4fr); align-items: center; gap: 32px; padding: 48px clamp(25px, 6vw, 82px); overflow: hidden; color: var(--brand-cream); background: radial-gradient(ellipse at 75% 14%, rgba(255,201,40,.12), transparent 34%), var(--brand-graphite); border: 1px solid #454a50; border-radius: 12px; }
.fix-support-hero::after { position: absolute; right: 14%; bottom: -300px; width: 590px; height: 590px; border: 1px solid rgba(255,247,232,.12); border-radius: 50%; content: ""; pointer-events: none; }
.fix-support-hero-copy,.fix-support-terminal { position: relative; z-index: 1; }
.fix-support-hero .site-eyebrow { color: #e3d8c6; }
.fix-support-hero .site-eyebrow > span { background: var(--brand-sun); }
.fix-support-hero h1 { max-width: 800px; margin: 0; color: var(--brand-cream); font-size: clamp(3.2rem, 7vw, 6rem); font-weight: 750; letter-spacing: -.075em; line-height: .96; }
.fix-support-hero h1 em { color: var(--brand-sun); font-style: normal; }
.fix-support-hero-description { max-width: 620px; margin: 23px 0 0; color: #e0d9ce; font-size: .96rem; line-height: 1.75; }
.fix-support-hero .store-text-link { color: var(--brand-cream); }
.fix-support-hero .store-text-link:hover { color: var(--brand-sun); }
.fix-support-hero .store-text-link span { color: var(--brand-sun); }
.fix-support-terminal { justify-self: end; width: min(100%, 340px); overflow: hidden; background: #1d2228; border: 1px solid #555a60; border-radius: 8px; box-shadow: 0 22px 50px rgba(0,0,0,.24); transform: rotate(1.5deg); }
.fix-support-terminal-top { display: flex; align-items: center; gap: 5px; padding: 11px 13px; background: #30363e; border-bottom: 1px solid #484f57; }
.fix-support-terminal-top > span { width: 7px; height: 7px; background: #e96b1b; border-radius: 50%; }
.fix-support-terminal-top > span:nth-child(2) { background: var(--brand-sun); }
.fix-support-terminal-top > span:nth-child(3) { background: #a7aa9c; }
.fix-support-terminal-top small { margin-left: auto; color: #d3c8b7; font-family: "IBM Plex Mono", monospace; font-size: .53rem; letter-spacing: .07em; }
.fix-support-terminal-lines { padding: 17px 17px 7px; }
.fix-support-terminal-lines p { margin: 0 0 11px; color: var(--brand-cream); font-family: "IBM Plex Mono", monospace; font-size: .67rem; }
.fix-support-terminal-lines p > span { color: var(--brand-sun); }
.fix-support-terminal-lines .fix-support-terminal-error { color: #f29a79; }
.fix-support-terminal-lines .fix-support-terminal-warning { color: #ffd879; }
.fix-support-terminal-lines .fix-support-terminal-success { color: #b6d59e; }
.fix-support-terminal-lines i { display: inline-block; width: 6px; height: 13px; vertical-align: middle; background: var(--brand-sun); animation: fix-support-cursor 1.1s steps(2, start) infinite; }
@keyframes fix-support-cursor { to { visibility: hidden; } }
.fix-support-terminal > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 0; padding: 0 14px 14px; list-style: none; }
.fix-support-terminal > ul li { padding: 8px 5px; color: var(--brand-cream); background: #30363e; border: 1px solid #4b5158; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: .58rem; text-align: center; }
.fix-support-intro { display: grid; grid-template-columns: .55fr 1.2fr 1fr; align-items: end; gap: 22px; padding: 72px 12px 42px; border-bottom: 1px solid #ded5c5; }
.fix-support-intro .site-eyebrow { align-self: start; }
.fix-support-intro h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 3.5vw, 2.9rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.04; }
.fix-support-intro h2 em { color: var(--brand-ember); font-style: normal; }
.fix-support-intro > p:last-child { max-width: 390px; justify-self: end; margin: 0; color: #565b61; font-size: .86rem; line-height: 1.75; }
.fix-support-services { margin-top: 56px; scroll-margin-top: 28px; }
.fix-support-services-heading { display: grid; grid-template-columns: .55fr 1fr; align-items: end; gap: 10px 18px; margin-bottom: 22px; }
.fix-support-services-heading .site-eyebrow { align-self: start; grid-row: 1 / 3; margin: 0; }
.fix-support-services-heading h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 3.8vw, 3rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.fix-support-services-heading > p:last-child { max-width: 560px; margin: 0; color: #585d62; font-size: .82rem; line-height: 1.6; }
.fix-support-services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.fix-support-service-card { display: flex; min-height: 230px; flex-direction: column; padding: 19px; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 7px; transition: border-color .16s, transform .16s, box-shadow .16s; }
.fix-support-service-card:hover { border-color: #d7a24f; box-shadow: 0 7px 22px rgba(37,42,49,.06); transform: translateY(-2px); }
.fix-support-service-meta { display: flex; justify-content: space-between; gap: 10px; color: #5a5f64; font-family: "IBM Plex Mono", monospace; font-size: .62rem; }
.fix-support-service-meta > span:first-child { color: var(--brand-ember); }
.fix-support-service-card h3 { margin: 24px 0 8px; color: var(--brand-graphite); font-size: 1.05rem; font-weight: 700; letter-spacing: -.03em; }
.fix-support-service-card p { flex: 1; margin: 0 0 17px; color: #585d62; font-size: .77rem; line-height: 1.65; }
.fix-support-service-card > a,.fix-support-options article > a { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; color: var(--brand-graphite); font-size: .75rem; font-weight: 650; text-decoration: none; }
.fix-support-service-card > a:hover,.fix-support-options article > a:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 4px; }
.fix-support-approach { margin-top: 58px; padding: clamp(24px, 4vw, 42px); background: var(--brand-apricot); border: 1px solid #ead8b4; border-radius: 12px; }
.fix-support-approach-heading { display: grid; grid-template-columns: 1fr minmax(240px, .7fr); align-items: end; gap: 10px 28px; margin-bottom: 25px; }
.fix-support-approach-heading .site-eyebrow { grid-column: 1 / -1; margin-bottom: 0; }
.fix-support-approach-heading h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(1.9rem, 3.5vw, 2.8rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.fix-support-approach-heading h2 em { color: var(--brand-ember); font-style: normal; }
.fix-support-approach-heading > p:last-child { max-width: 390px; justify-self: end; margin: 0; color: #555a60; font-size: .88rem; line-height: 1.7; }
.fix-support-approach ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; }
.fix-support-approach li { display: flex; min-height: 178px; flex-direction: column; align-items: flex-start; gap: 20px; padding: 17px 15px; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 8px; }
.fix-support-approach li > span { display: grid; width: 34px; height: 34px; place-items: center; color: var(--brand-graphite); background: var(--brand-sun); border-radius: 50%; font-family: "IBM Plex Mono", monospace; font-size: .7rem; font-weight: 600; }
.fix-support-approach li h3 { margin: 0 0 7px; color: var(--brand-graphite); font-size: .92rem; font-weight: 700; }
.fix-support-approach li p { margin: 0; color: #555a60; font-size: .78rem; line-height: 1.6; }
.fix-support-technology { display: grid; grid-template-columns: .75fr 1.25fr; gap: 35px; margin-top: 58px; padding: 30px 12px; border-top: 1px solid #ded5c5; border-bottom: 1px solid #ded5c5; }
.fix-support-technology > div .site-eyebrow { margin-bottom: 13px; }
.fix-support-technology > div .site-eyebrow > span { background: var(--brand-orange); }
.fix-support-technology h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(1.9rem, 3.4vw, 2.65rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.fix-support-technology > div > p:last-child { max-width: 370px; margin: 12px 0 0; color: #585d62; font-size: .81rem; line-height: 1.65; }
.fix-support-technology ul { display: flex; align-content: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fix-support-technology li { padding: 9px 12px; color: #42474d; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 5px; font-family: "IBM Plex Mono", monospace; font-size: .66rem; }
.fix-support-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 45px; }
.fix-support-options article { display: flex; min-height: 205px; flex-direction: column; padding: 19px; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 7px; }
.fix-support-options article:nth-child(2) { background: var(--brand-apricot); border-color: #ead8b4; }
.fix-support-options article > span { color: #5a5f64; font-family: "IBM Plex Mono", monospace; font-size: .62rem; }
.fix-support-options h3 { margin: 21px 0 8px; color: var(--brand-graphite); font-size: 1rem; font-weight: 700; }
.fix-support-options p { flex: 1; margin: 0 0 16px; color: #585d62; font-size: .77rem; line-height: 1.65; }
.fix-support-closing { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 25px; margin-top: 46px; padding: 31px clamp(23px, 4vw, 42px); background: var(--brand-graphite); border: 1px solid #454a50; border-radius: 10px; }
.fix-support-closing > div:first-child .site-eyebrow { margin-bottom: 13px; color: #e6d9c4; }
.fix-support-closing h2 { margin: 0; color: var(--brand-cream); font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 750; letter-spacing: -.065em; line-height: 1; }
.fix-support-closing h2 em { color: var(--brand-sun); font-style: normal; }
.fix-support-closing > div:last-child p { max-width: 360px; margin: 0 0 15px; color: #e0d9ce; font-size: .84rem; line-height: 1.65; }

@media (max-width: 991.98px) {
  .marketing-process { grid-template-columns: 1fr; gap: 22px; }
  .marketing-work-grid { grid-template-columns: 1fr 1fr; }
  .marketing-work-card:last-child { grid-column: 1 / -1; }
  .marketing-work-card:last-child .marketing-work-visual { height: 115px; }
  .marketing-why { grid-template-columns: 1fr; gap: 20px; }
  .go-live-solutions-grid { grid-template-columns: 1fr 1fr; }
  .go-live-flow,.go-live-support,.go-live-why { grid-template-columns: 1fr; gap: 22px; }
  .go-live-flow-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .fix-support-services-grid { grid-template-columns: 1fr 1fr; }
  .fix-support-approach-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .fix-support-technology { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 767.98px) {
  .marketing-hero { min-height: calc(100vh - 66px); min-height: calc(100svh - 66px); margin-top: -22px; padding: 18px 14px; }
  .marketing-hero-box { min-height: calc(100svh - 102px); grid-template-columns: 1fr; gap: 25px; padding: 32px clamp(22px, 6vw, 45px); }
  .marketing-hero-box::before { top: 28%; right: -95px; width: 270px; }
  .marketing-hero-box::after { right: -210px; bottom: -355px; }
  .marketing-hero-aside { min-height: 0; max-width: none; justify-self: stretch; padding: 18px; }
  .marketing-hero-aside { min-height: 0; max-width: none; justify-self: stretch; padding: 16px 0 0; border-top: 1px solid rgba(154,173,165,.24); border-left: 0; }
  .marketing-problem { grid-template-columns: 1fr; gap: 20px; padding: 22px 4px 40px; }
  .marketing-expertise { margin-top: 40px; padding: 24px 19px; }
  .marketing-expertise-heading { grid-template-columns: 1fr; gap: 12px; }
  .marketing-expertise-heading .site-eyebrow { grid-column: auto; }
  .marketing-expertise-heading > p:last-child { justify-self: start; }
  .marketing-expertise-content { grid-template-columns: 1fr; gap: 24px; }
  .marketing-capability-strip { grid-template-columns: 1fr 1fr; }
  .marketing-process { margin-top: 45px; }
  .marketing-process > ol { grid-template-columns: 1fr 1fr; }
  .marketing-work { margin-top: 45px; }
  .marketing-work-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .marketing-why { margin-top: 45px; padding: 23px 18px; }
  .marketing-closing { grid-template-columns: 1fr; gap: 18px; margin-top: 38px; }
  .ai-stop-intro { grid-template-columns: 1fr; align-items: start; gap: 13px; padding: 48px 4px 32px; }
  .ai-stop-intro > p:last-child { justify-self: start; }
  .ai-stop-services { margin-top: 42px; }
  .ai-stop-services-heading { grid-template-columns: 1fr; gap: 10px; }
  .ai-stop-services-heading > p { justify-self: start; }
  .ai-stop-services-grid { grid-template-columns: 1fr; }
  .ai-stop-service-card { min-height: 0; }
  .ai-stop-service-featured { grid-row: auto; grid-template-columns: 1fr; }
  .ai-stop-service-contact { grid-column: auto; }
  .ai-stop-closing { grid-template-columns: 1fr; gap: 17px; margin-top: 40px; }
  .ai-stop-closing .site-eyebrow { grid-column: auto; }
  .go-live-intro { grid-template-columns: 1fr; align-items: start; gap: 13px; padding: 48px 4px 32px; }
  .go-live-intro > p:last-child { justify-self: start; }
  .go-live-solutions { margin-top: 42px; }
  .go-live-solutions-heading { grid-template-columns: 1fr; gap: 10px; }
  .go-live-solutions-heading .site-eyebrow { grid-row: auto; }
  .go-live-flow,.go-live-why { padding: 24px 19px; }
  .go-live-flow-steps { grid-template-columns: 1fr 1fr; }
  .go-live-support { margin-top: 42px; }
  .go-live-closing { grid-template-columns: 1fr; gap: 18px; margin-top: 38px; }
  .fix-support-intro { grid-template-columns: 1fr; align-items: start; gap: 13px; padding: 48px 4px 32px; }
  .fix-support-intro > p:last-child { justify-self: start; }
  .fix-support-services { margin-top: 42px; }
  .fix-support-services-heading { grid-template-columns: 1fr; gap: 10px; }
  .fix-support-services-heading .site-eyebrow { grid-row: auto; }
  .fix-support-approach { padding: 24px 19px; }
  .fix-support-approach-heading { grid-template-columns: 1fr; gap: 12px; }
  .fix-support-approach-heading > p:last-child { justify-self: start; }
  .fix-support-approach-steps { grid-template-columns: 1fr 1fr; }
  .fix-support-technology { margin-top: 42px; }
  .fix-support-options { grid-template-columns: 1fr; margin-top: 35px; }
  .fix-support-options article { min-height: 0; }
  .fix-support-closing { grid-template-columns: 1fr; gap: 18px; margin-top: 38px; }
}
@media (max-width: 480px) {
  .marketing-hero { min-height: calc(100vh - 66px); min-height: calc(100svh - 66px); margin-top: -22px; padding: 18px 14px; }
  .marketing-hero-box { min-height: calc(100svh - 102px); grid-template-columns: 1fr; gap: 28px; padding: 30px 24px; }
  .marketing-hero h1 { font-size: clamp(2.85rem, 13vw, 4rem); }
  .marketing-hero-aside { min-height: 0; max-width: none; justify-self: stretch; padding: 16px 0 0; border-top: 1px solid rgba(154,173,165,.24); border-left: 0; }
  .marketing-stack-list { grid-template-columns: 1fr; }
  .marketing-capability-strip { gap: 14px 9px; }
  .marketing-capability-strip span { font-size: .65rem; }
  .marketing-process > ol { grid-template-columns: 1fr; }
  .marketing-work-grid { grid-template-columns: 1fr; }
  .marketing-work-card:last-child { grid-column: auto; }
  .marketing-work-card:last-child .marketing-work-visual { height: 145px; }
  .marketing-why-grid { grid-template-columns: 1fr; }
  .ai-stop-hero { grid-template-columns: 1fr; gap: 32px; padding: 34px 21px; }
  .ai-stop-hero h1 { font-size: clamp(2.8rem, 12vw, 4.15rem); }
  .ai-stop-system { justify-self: start; width: min(100%, 280px); }
  .ai-stop-system-core { min-height: 175px; }
  .ai-stop-service-card { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; padding: 17px 14px; }
  .ai-stop-service-featured { grid-template-columns: 1fr; padding: 20px; }
  .ai-stop-closing h2 { font-size: clamp(2rem, 10vw, 3rem); }
  .go-live-hero { grid-template-columns: 1fr; gap: 32px; padding: 34px 21px; }
  .go-live-hero h1 { font-size: clamp(2.8rem, 12vw, 4.15rem); }
  .go-live-system { justify-self: start; width: min(100%, 280px); }
  .go-live-system-core { min-height: 175px; }
  .go-live-solutions-grid { grid-template-columns: 1fr; }
  .go-live-flow-steps { grid-template-columns: 1fr 1fr; }
  .fix-support-hero { grid-template-columns: 1fr; gap: 32px; padding: 34px 21px; }
  .fix-support-hero h1 { font-size: clamp(2.8rem, 12vw, 4.15rem); }
  .fix-support-terminal { justify-self: start; width: min(100%, 310px); }
  .fix-support-services-grid { grid-template-columns: 1fr; }
  .fix-support-service-card { min-height: 0; }
  .fix-support-approach-steps { grid-template-columns: 1fr; }
}

.work-page { padding-bottom: 8px; }
.work-page-hero { padding: 48px 12px 37px; border-bottom: 1px solid #ded5c5; }
.work-page-hero .site-eyebrow > span,.work-capabilities > div .site-eyebrow > span { background: var(--brand-orange); }
.work-page-hero h1 { margin: 0; color: var(--brand-graphite); font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 750; letter-spacing: -.075em; line-height: .96; }
.work-page-hero h1 em,.work-capabilities h2 em { color: var(--brand-ember); font-style: normal; }
.work-page-hero > p:last-child { max-width: 650px; margin: 17px 0 0; color: #565b61; font-size: .9rem; line-height: 1.7; }
.work-projects { display: grid; gap: 16px; margin-top: 25px; }
.work-project { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(270px, .75fr); min-height: 345px; overflow: hidden; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 9px; }
.work-project-preview { position: relative; display: grid; min-height: 325px; place-items: center; padding: 28px; overflow: hidden; background: linear-gradient(140deg, #f8d990 0%, #fff0d2 55%, #f5dfb2 100%); }
.work-project-mail .work-project-preview { background: linear-gradient(140deg, #e4e6df, #f8f2e6); }
.work-project-crm .work-project-preview { background: linear-gradient(140deg, #eedbcb, #f8f0e5); }
.work-project-supsub .work-project-preview { background: radial-gradient(circle at 78% 20%, rgba(255,201,40,.35), transparent 28%), linear-gradient(140deg, #252a31, #343a40 60%, #41474e); }
.work-project-supsub .work-project-preview::before { border-color: rgba(255,247,232,.2); }
.work-project-preview::before { position: absolute; right: -80px; bottom: -180px; width: 380px; height: 380px; border: 1px solid rgba(37,42,49,.12); border-radius: 50%; content: ""; }
.work-preview-caption { position: absolute; right: 12px; bottom: 10px; color: #555a60; font-family: "IBM Plex Mono", monospace; font-size: .52rem; letter-spacing: .04em; }
.work-dashboard { display: grid; width: min(100%, 590px); min-height: 255px; grid-template-columns: 105px 1fr; overflow: hidden; background: #fffdf8; border: 1px solid rgba(37,42,49,.15); border-radius: 7px; box-shadow: 0 15px 40px rgba(37,42,49,.12); transform: rotate(-1deg); }
.work-dashboard-sidebar { display: flex; flex-direction: column; gap: 12px; padding: 15px 10px; color: #666b70; background: #f7f4ec; border-right: 1px solid #e7e1d5; font-size: .57rem; }
.work-dashboard-sidebar strong { display: grid; width: 25px; height: 25px; place-items: center; margin-bottom: 9px; color: var(--brand-graphite); background: var(--brand-sun); border-radius: 6px; font-size: .65rem; }
.work-dashboard-sidebar > span:first-of-type { padding: 6px; color: var(--brand-graphite); background: #f8e9be; border-radius: 4px; }
.work-dashboard-sidebar small { margin-top: auto; color: #757970; font-family: "IBM Plex Mono", monospace; font-size: .45rem; }
.work-dashboard-main { min-width: 0; padding: 16px 15px; }
.work-dashboard-heading { display: flex; align-items: center; justify-content: space-between; color: var(--brand-graphite); font-size: .76rem; font-weight: 700; }
.work-dashboard-heading small { color: #666b70; font-size: .53rem; font-weight: 400; }
.work-dashboard-heading i { display: inline-block; width: 5px; height: 5px; margin-left: 4px; background: #7c9c69; border-radius: 50%; }
.work-dashboard-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 15px; }
.work-dashboard-metrics > div { position: relative; display: flex; min-height: 64px; flex-direction: column; gap: 8px; padding: 9px; background: #fffaf0; border: 1px solid #ece5d7; border-radius: 5px; }
.work-dashboard-metrics small { color: #77786f; font-family: "IBM Plex Mono", monospace; font-size: .43rem; }
.work-dashboard-metrics strong { color: var(--brand-graphite); font-size: .9rem; }
.work-dashboard-metrics > div > i { position: absolute; top: 9px; right: 8px; width: 5px; height: 5px; background: var(--brand-orange); border-radius: 50%; }
.work-dashboard-chart { margin-top: 11px; padding: 10px; background: #fffaf0; border: 1px solid #ece5d7; border-radius: 5px; }
.work-dashboard-chart > span,.work-mail-label,.work-crm-bottom > div > span { color: #77786f; font-family: "IBM Plex Mono", monospace; font-size: .44rem; letter-spacing: .04em; }
.work-dashboard-chart > div { display: flex; height: 56px; align-items: end; gap: 5px; margin-top: 7px; border-bottom: 1px solid #e3dccd; }
.work-dashboard-chart > div i { flex: 1; height: 30%; background: #d7a24f; border-radius: 3px 3px 0 0; }
.work-dashboard-chart > div i:nth-child(3n) { height: 75%; }
.work-dashboard-chart > div i:nth-child(3n + 1) { height: 50%; }
.work-dashboard-chart > div i:nth-child(4n) { height: 88%; background: #e96b1b; }
.work-project-details { display: flex; flex-direction: column; justify-content: center; padding: 29px clamp(23px, 4vw, 40px); }
.work-project-meta { display: flex; justify-content: space-between; gap: 12px; color: #5a5f64; font-family: "IBM Plex Mono", monospace; font-size: .59rem; }
.work-project-meta > span:first-child { color: var(--brand-ember); }
.work-project-details h2 { margin: 22px 0 10px; color: var(--brand-graphite); font-size: clamp(1.45rem, 2.4vw, 2rem); font-weight: 750; letter-spacing: -.05em; line-height: 1.07; }
.work-project-details > p { margin: 0; color: #585d62; font-size: .82rem; line-height: 1.7; }
.work-project-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 19px; }
.work-project-tags span { padding: 5px 8px; color: #484d52; background: #f0eadf; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: .57rem; }
.work-mail-window,.work-crm-window { width: min(100%, 570px); min-height: 244px; overflow: hidden; background: #fffdf8; border: 1px solid rgba(37,42,49,.15); border-radius: 7px; box-shadow: 0 15px 40px rgba(37,42,49,.12); }
.work-mail-window { display: grid; grid-template-columns: 115px minmax(0, 1fr); transform: rotate(1deg); }
.work-mail-window > aside { display: flex; flex-direction: column; gap: 10px; padding: 14px 10px; color: #63676c; background: #f5f3ed; border-right: 1px solid #e7e1d5; font-size: .55rem; }
.work-mail-window > aside > strong { margin-bottom: 8px; color: var(--brand-graphite); font-size: .8rem; }
.work-mail-window > aside > span.active { padding: 6px; color: var(--brand-graphite); background: #e8ebdf; border-radius: 4px; }
.work-mail-window > aside i { float: right; color: #686e61; font-size: .48rem; font-style: normal; }
.work-mail-window > aside small { margin-top: auto; color: #777970; font-family: "IBM Plex Mono", monospace; font-size: .43rem; }
.work-mail-main { min-width: 0; padding: 14px 13px; }
.work-mail-search { margin-bottom: 12px; padding: 7px 9px; color: #777970; background: #f7f5ef; border: 1px solid #ebe6da; border-radius: 4px; font-size: .52rem; }
.work-mail-main > div:not(.work-mail-search) { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid #eee9df; }
.work-mail-main > div > i { display: grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; color: var(--brand-graphite); background: #f6df9e; border-radius: 50%; font-size: .48rem; font-style: normal; }
.work-mail-main > div:nth-of-type(3) > i { background: #e9d8c6; }
.work-mail-main > div:nth-of-type(4) > i { background: #dce5d2; }
.work-mail-main > div > p { min-width: 0; flex: 1; margin: 0; }
.work-mail-main > div > p strong,.work-mail-main > div > p small { display: block; overflow: hidden; color: var(--brand-graphite); font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }
.work-mail-main > div > p small { margin-top: 3px; color: #6a6d70; font-size: .48rem; }
.work-mail-main > div > time { color: #777970; font-family: "IBM Plex Mono", monospace; font-size: .45rem; }
.work-crm-window { padding: 14px; transform: rotate(-.8deg); }
.work-supsub-window { display: grid; width: min(100%, 610px); min-height: 258px; grid-template-columns: 128px minmax(0, 1fr); overflow: hidden; color: #252a31; background: #fffdf8; border: 1px solid rgba(255,255,255,.55); border-radius: 9px; box-shadow: 0 22px 55px rgba(12,18,24,.28); transform: rotate(-1deg); }
.work-supsub-sidebar { display: flex; flex-direction: column; gap: 10px; padding: 15px 10px; background: #f5f2eb; border-right: 1px solid #e8e1d5; font-size: .53rem; }
.work-supsub-sidebar > strong { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; font-size: .7rem; }
.work-supsub-sidebar > strong i { display: grid; width: 21px; height: 21px; place-items: center; color: #252a31; background: #ffc928; border-radius: 6px; font-size: .62rem; font-style: normal; }
.work-supsub-sidebar > span { padding: 6px; color: #6a6d70; }
.work-supsub-sidebar > span.active { color: #252a31; background: #fff0d2; border-radius: 4px; }
.work-supsub-sidebar > small { margin-top: auto; color: #888477; font-family: "IBM Plex Mono", monospace; font-size: .4rem; }
.work-supsub-main { min-width: 0; padding: 18px 17px; }
.work-supsub-heading { display: flex; align-items: center; justify-content: space-between; }
.work-supsub-heading > div > small,.work-supsub-list > span { display: block; color: #858176; font-family: "IBM Plex Mono", monospace; font-size: .42rem; letter-spacing: .07em; }
.work-supsub-heading > div > strong { display: block; margin-top: 5px; font-size: .92rem; }
.work-supsub-heading > i { display: grid; width: 24px; height: 24px; place-items: center; color: #fff; background: #343a40; border-radius: 50%; font-size: .47rem; font-style: normal; }
.work-supsub-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; margin-top: 15px; }
.work-supsub-stats > div { position: relative; display: flex; min-height: 58px; flex-direction: column; justify-content: space-between; gap: 8px; padding: 8px 7px; background: #fffaf0; border: 1px solid #eee6d8; border-radius: 5px; }
.work-supsub-stats small { color: #777970; font-family: "IBM Plex Mono", monospace; font-size: .37rem; }
.work-supsub-stats strong { color: #252a31; font-size: .56rem; }
.work-supsub-stats i { position: absolute; top: 8px; right: 7px; width: 5px; height: 5px; background: #70a17d; border-radius: 50%; }
.work-supsub-list { margin-top: 10px; padding: 9px; background: #f8f5ee; border: 1px solid #eee8dd; border-radius: 5px; }
.work-supsub-list > div { display: flex; align-items: center; gap: 7px; padding-top: 8px; }
.work-supsub-list > div + div { margin-top: 7px; border-top: 1px solid #e9e3d8; }
.work-supsub-list > div > i { display: grid; width: 19px; height: 19px; flex: 0 0 19px; place-items: center; color: #665a42; background: #ffe6aa; border-radius: 5px; font-family: "IBM Plex Mono", monospace; font-size: .4rem; font-style: normal; }
.work-supsub-list > div > b { overflow: hidden; font-size: .5rem; text-overflow: ellipsis; white-space: nowrap; }
.work-supsub-list > div > small { margin-left: auto; color: #718274; font-size: .4rem; }
.work-crm-top { display: flex; align-items: center; gap: 15px; color: var(--brand-graphite); font-size: .6rem; }
.work-crm-top strong { font-size: .8rem; }
.work-crm-top > i { width: 18px; height: 18px; margin-left: auto; background: #f1e2bb; border-radius: 50%; }
.work-crm-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 13px; }
.work-crm-metrics > div { display: flex; min-height: 55px; flex-direction: column; gap: 6px; padding: 8px; background: #faf7ee; border: 1px solid #ebe4d7; border-radius: 4px; }
.work-crm-metrics small { color: #777970; font-family: "IBM Plex Mono", monospace; font-size: .43rem; }
.work-crm-metrics strong { color: var(--brand-graphite); font-size: .82rem; }
.work-crm-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.work-crm-bottom > div { min-width: 0; padding: 9px; background: #faf7ee; border: 1px solid #ebe4d7; border-radius: 4px; }
.work-crm-bars { display: flex; height: 47px; align-items: end; gap: 5px; margin-top: 5px; border-bottom: 1px solid #e3dccd; }
.work-crm-bars i { flex: 1; height: 45%; background: #b6c09d; border-radius: 2px 2px 0 0; }
.work-crm-bars i:nth-child(2n) { height: 78%; background: #d7a24f; }
.work-crm-bottom > div > p { margin: 7px 0 0; color: #5a5f64; font-size: .48rem; }
.work-crm-bottom > div > p i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; background: var(--brand-orange); border-radius: 50%; }
.work-page-note { margin: 13px 2px 0; color: #62666b; font-size: .69rem; line-height: 1.6; }
.work-capabilities { display: grid; grid-template-columns: .8fr 1.2fr; gap: 40px; margin-top: 62px; padding: 31px; background: var(--brand-graphite); border-radius: 10px; }
.work-capabilities > div .site-eyebrow { margin-bottom: 13px; color: #e6d9c4; }
.work-capabilities h2 { margin: 0; color: var(--brand-cream); font-size: clamp(1.9rem, 3.5vw, 2.8rem); font-weight: 700; letter-spacing: -.06em; line-height: 1.05; }
.work-capabilities h2 em { color: var(--brand-sun); }
.work-capabilities > div > p:last-child { max-width: 390px; margin: 13px 0 0; color: #d7d2c8; font-size: .82rem; line-height: 1.7; }
.work-capabilities ol { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: 0 18px; margin: 0; padding: 0; list-style: none; }
.work-capabilities li { display: flex; align-items: center; gap: 11px; padding: 12px 0; color: var(--brand-cream); border-bottom: 1px solid #484d53; font-size: .78rem; }
.work-capabilities li > span { color: var(--brand-sun); font-family: "IBM Plex Mono", monospace; font-size: .61rem; }
.work-closing { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 25px; margin-top: 45px; padding: 31px clamp(23px, 4vw, 42px); background: var(--brand-apricot); border: 1px solid #ead8b4; border-radius: 10px; }
.work-closing > div:first-child .site-eyebrow { margin-bottom: 13px; color: #53575c; }
.work-closing h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 750; letter-spacing: -.065em; line-height: 1; }
.work-closing h2 em { color: var(--brand-ember); font-style: normal; }
.work-closing > div:last-child p { max-width: 360px; margin: 0 0 15px; color: #51565b; font-size: .84rem; line-height: 1.65; }

@media (max-width: 991.98px) {
  .work-project { grid-template-columns: minmax(0, 1fr) minmax(235px, .8fr); }
  .work-project-preview { padding: 20px; }
  .work-capabilities { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 767.98px) {
  .work-page-hero { padding: 35px 4px 28px; }
  .work-page-hero h1 { font-size: clamp(2.7rem, 11vw, 4.1rem); }
  .work-project { grid-template-columns: 1fr; }
  .work-project-preview { min-height: 270px; }
  .work-project-details { padding: 23px; }
  .work-project-details h2 { margin-top: 16px; }
  .work-capabilities { margin-top: 42px; padding: 24px 19px; }
  .work-closing { grid-template-columns: 1fr; gap: 18px; margin-top: 38px; }
}
@media (max-width: 480px) {
  .work-project-preview { min-height: 225px; padding: 14px; }
  .work-dashboard { grid-template-columns: 74px 1fr; min-height: 205px; }
  .work-dashboard-sidebar { gap: 9px; padding: 11px 7px; font-size: .5rem; }
  .work-dashboard-main { padding: 11px 9px; }
  .work-dashboard-metrics { gap: 4px; }
  .work-dashboard-metrics > div { min-height: 53px; padding: 6px; }
  .work-dashboard-metrics small { font-size: .37rem; }
  .work-dashboard-chart { padding: 7px; }
  .work-mail-window { grid-template-columns: 80px minmax(0, 1fr); }
  .work-mail-window > aside { padding: 11px 7px; }
  .work-mail-main { padding: 11px 8px; }
  .work-crm-window { padding: 10px; }
  .work-supsub-window { grid-template-columns: 84px minmax(0, 1fr); }
  .work-supsub-sidebar { gap: 8px; padding: 11px 6px; }
  .work-supsub-sidebar > strong { gap: 4px; font-size: .56rem; }
  .work-supsub-sidebar > span { padding: 5px 3px; font-size: .46rem; }
  .work-supsub-main { padding: 13px 10px; }
  .work-supsub-stats { gap: 4px; }
  .work-supsub-stats > div { padding: 6px 4px; }
  .work-supsub-stats small { font-size: .31rem; }
  .work-supsub-stats strong { font-size: .48rem; }
  .work-crm-bottom { gap: 5px; }
  .work-crm-bottom > div { padding: 6px; }
  .work-capabilities ol { gap: 0 10px; }
  .work-capabilities li { gap: 7px; font-size: .7rem; }
  .work-capabilities li > span { font-size: .54rem; }
}

.insights-page { padding-bottom: 8px; }
.insights-hero { position: relative; display: grid; min-height: 430px; grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr); align-items: center; gap: 35px; padding: 45px clamp(23px, 5vw, 65px); overflow: hidden; color: var(--brand-cream); background: radial-gradient(ellipse at 75% 14%, rgba(255,201,40,.12), transparent 34%), var(--brand-graphite); border: 1px solid #454a50; border-radius: 12px; }
.insights-hero::after { position: absolute; right: 20%; bottom: -270px; width: 510px; height: 510px; border: 1px solid rgba(255,247,232,.12); border-radius: 50%; content: ""; pointer-events: none; }
.insights-hero > div,.insights-code-card { position: relative; z-index: 1; }
.insights-hero .site-eyebrow { color: #e3d8c6; }
.insights-hero .site-eyebrow > span { background: var(--brand-sun); }
.insights-hero h1 { margin: 0; color: var(--brand-cream); font-size: clamp(2.9rem, 6vw, 5.2rem); font-weight: 750; letter-spacing: -.075em; line-height: .96; }
.insights-hero h1 em { color: var(--brand-sun); font-style: normal; }
.insights-hero > div > p:last-child { max-width: 555px; margin: 20px 0 0; color: #e0d9ce; font-size: .91rem; line-height: 1.75; }
.insights-code-card { justify-self: end; width: min(100%, 390px); overflow: hidden; background: #1d2228; border: 1px solid #555a60; border-radius: 8px; box-shadow: 0 22px 50px rgba(0,0,0,.24); transform: rotate(1.5deg); }
.insights-code-top { display: flex; align-items: center; gap: 5px; padding: 11px 13px; background: #30363e; border-bottom: 1px solid #484f57; }
.insights-code-top > span { width: 7px; height: 7px; background: #e96b1b; border-radius: 50%; }
.insights-code-top > span:nth-child(2) { background: var(--brand-sun); }
.insights-code-top > span:nth-child(3) { background: #a7aa9c; }
.insights-code-top small { margin-left: auto; color: #d3c8b7; font-family: "IBM Plex Mono", monospace; font-size: .52rem; letter-spacing: .06em; }
.insights-code-lines { padding: 17px 15px 6px; }
.insights-code-lines p { margin: 0 0 10px; color: var(--brand-cream); font-family: "IBM Plex Mono", monospace; font-size: .64rem; }
.insights-code-lines p > i { display: inline-block; width: 22px; color: #8d918f; font-size: .53rem; font-style: normal; }
.insights-code-lines p > span { color: #f0bf6b; }
.insights-code-lines p > b { color: #c9d89b; font-weight: 500; }
.insights-code-lines .insights-code-comment { color: #939b9c; }
.insights-code-card > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 0; padding: 0 13px 13px; list-style: none; }
.insights-code-card > ul li { padding: 8px 5px; color: var(--brand-cream); background: #30363e; border: 1px solid #4b5158; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: .56rem; text-align: center; }
.insights-featured { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .88fr); min-height: 270px; margin-top: 25px; overflow: hidden; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 9px; }
.insights-featured-visual { position: relative; display: grid; min-height: 260px; place-items: center; overflow: hidden; background: linear-gradient(140deg, #f8d990 0%, #fff0d2 55%, #f5dfb2 100%); }
.insights-featured-visual::before,.insights-featured-visual::after { position: absolute; width: 245px; height: 245px; border: 1px solid rgba(37,42,49,.13); border-radius: 50%; content: ""; }
.insights-featured-visual::after { width: 320px; height: 320px; }
.insights-featured-orbit { position: relative; z-index: 1; display: grid; width: 155px; height: 155px; place-items: center; background: rgba(255,253,248,.78); border: 1px solid rgba(37,42,49,.18); border-radius: 50%; box-shadow: 0 12px 35px rgba(37,42,49,.12); }
.insights-featured-orbit::before,.insights-featured-orbit::after { position: absolute; width: 120px; height: 120px; border: 1px solid rgba(233,107,27,.42); border-radius: 50%; content: ""; }
.insights-featured-orbit::after { width: 190px; height: 190px; border-color: rgba(37,42,49,.16); }
.insights-featured-orbit > span { color: var(--brand-ember); font-size: 3.2rem; font-weight: 800; letter-spacing: -.1em; }
.insights-featured-orbit > i { position: absolute; z-index: 2; width: 9px; height: 9px; background: var(--brand-graphite); border: 2px solid var(--brand-sun); border-radius: 50%; }
.insights-featured-orbit > i:nth-of-type(1) { top: 10px; left: 34px; }
.insights-featured-orbit > i:nth-of-type(2) { right: 1px; bottom: 36px; }
.insights-featured-orbit > i:nth-of-type(3) { bottom: 7px; left: 43px; }
.insights-featured-visual-label { position: absolute; bottom: 13px; left: 15px; color: #555a60; font-family: "IBM Plex Mono", monospace; font-size: .55rem; letter-spacing: .06em; }
.insights-featured-copy { display: flex; flex-direction: column; justify-content: center; padding: 28px clamp(23px, 4vw, 40px); }
.insights-featured-copy .site-eyebrow { margin-bottom: 13px; }
.insights-featured-copy .site-eyebrow > span { background: var(--brand-orange); }
.insights-featured-copy h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(1.5rem, 2.5vw, 2.15rem); font-weight: 750; letter-spacing: -.055em; line-height: 1.07; }
.insights-featured-copy > p:not(.site-eyebrow) { margin: 12px 0 18px; color: #585d62; font-size: .81rem; line-height: 1.7; }
.insights-featured-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 13px; border-top: 1px solid #e4dccd; }
.insights-featured-footer > span { color: #565b61; font-family: "IBM Plex Mono", monospace; font-size: .57rem; }
.insights-featured-footer a { display: inline-flex; align-items: center; gap: 6px; color: var(--brand-graphite); font-size: .73rem; font-weight: 650; text-decoration: none; }
.insights-featured-footer a:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 4px; }
.insights-explore { margin-top: 56px; }
.insights-explore-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.insights-explore-heading .site-eyebrow { margin: 0 0 6px; }
.insights-explore-heading h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 3.8vw, 3rem); font-weight: 700; letter-spacing: -.06em; line-height: 1; }
.insights-category { display: grid; grid-template-columns: minmax(170px, .32fr) minmax(0, 1fr); gap: 24px; padding: 24px 0; border-top: 1px solid #ded5c5; }
.insights-category-heading { display: flex; align-items: flex-start; gap: 13px; }
.insights-category-number { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; color: var(--brand-graphite); background: var(--brand-sun); border-radius: 50%; font-family: "IBM Plex Mono", monospace; font-size: .67rem; }
.insights-category-heading .site-eyebrow { margin: 1px 0 7px; }
.insights-category-heading h3 { margin: 0; color: var(--brand-graphite); font-size: 1.1rem; font-weight: 700; letter-spacing: -.035em; line-height: 1.15; }
.insights-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.insights-article-card { display: flex; min-height: 178px; flex-direction: column; padding: 15px; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 6px; }
.insights-article-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #5b6065; font-family: "IBM Plex Mono", monospace; font-size: .53rem; }
.insights-article-meta > span:last-child { color: var(--brand-ember); }
.insights-article-card h4 { margin: 17px 0 7px; color: var(--brand-graphite); font-size: .92rem; font-weight: 700; letter-spacing: -.025em; line-height: 1.25; }
.insights-article-card h4 a { color: inherit; text-decoration: none; }
.insights-article-card h4 a:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 3px; }
.insights-article-card p { margin: 0; color: #585d62; font-size: .72rem; line-height: 1.6; }
.insights-article-link { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin-top: auto; padding-top: 12px; color: var(--brand-graphite); font-size: .68rem; font-weight: 650; text-decoration: none; }
.insights-article-link:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 4px; }
.insights-closing { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 25px; margin-top: 30px; padding: 31px clamp(23px, 4vw, 42px); background: var(--brand-apricot); border: 1px solid #ead8b4; border-radius: 10px; }
.insights-closing > div:first-child .site-eyebrow { margin-bottom: 13px; color: #53575c; }
.insights-closing h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 750; letter-spacing: -.065em; line-height: 1; }
.insights-closing h2 em { color: var(--brand-ember); font-style: normal; }
.insights-closing > div:last-child p { max-width: 360px; margin: 0 0 15px; color: #51565b; font-size: .84rem; line-height: 1.65; }

@media (max-width: 991.98px) {
  .insights-hero { grid-template-columns: minmax(0, 1fr) minmax(230px, .75fr); }
  .insights-category { grid-template-columns: 1fr; gap: 15px; }
}
@media (max-width: 767.98px) {
  .insights-hero { grid-template-columns: 1fr; gap: 32px; padding: 35px 23px; }
  .insights-hero h1 { font-size: clamp(2.8rem, 11vw, 4.2rem); }
  .insights-code-card { justify-self: start; width: min(100%, 390px); }
  .insights-featured { grid-template-columns: 1fr; }
  .insights-featured-visual { min-height: 220px; }
  .insights-explore { margin-top: 42px; }
  .insights-article-grid { grid-template-columns: 1fr 1fr; }
  .insights-article-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .insights-closing { grid-template-columns: 1fr; gap: 18px; margin-top: 22px; }
}
@media (max-width: 480px) {
  .insights-hero { padding: 32px 19px; }
  .insights-code-lines { padding-right: 10px; padding-left: 10px; }
  .insights-code-lines p { font-size: .57rem; }
  .insights-article-grid { grid-template-columns: 1fr; }
  .insights-article-card:last-child:nth-child(odd) { grid-column: auto; }
  .insights-article-card { min-height: 0; }
  .insights-explore-heading { align-items: flex-start; flex-direction: column; }
}

.discuss-page { padding-bottom: 8px; }
.discuss-page-hero { position: relative; display: grid; min-height: 480px; grid-template-columns: minmax(0, 1fr) minmax(230px, .4fr); align-items: center; gap: 32px; padding: 45px clamp(25px, 6vw, 78px); overflow: hidden; color: var(--brand-cream); background: radial-gradient(ellipse at 75% 14%, rgba(255,201,40,.12), transparent 34%), var(--brand-graphite); border: 1px solid #454a50; border-radius: 12px; }
.discuss-page-hero::after { position: absolute; right: 14%; bottom: -300px; width: 590px; height: 590px; border: 1px solid rgba(255,247,232,.12); border-radius: 50%; content: ""; pointer-events: none; }
.discuss-page-hero > div,.discuss-talk-card { position: relative; z-index: 1; }
.discuss-page-hero .site-eyebrow { color: #e3d8c6; }
.discuss-page-hero .site-eyebrow > span { background: var(--brand-sun); }
.discuss-page-hero h1 { margin: 0; color: var(--brand-cream); font-size: clamp(3.2rem, 7vw, 6rem); font-weight: 750; letter-spacing: -.075em; line-height: .96; }
.discuss-page-hero h1 em { color: var(--brand-sun); font-style: normal; }
.discuss-page-hero > div > p:not(.site-eyebrow) { max-width: 600px; margin: 21px 0 0; color: #e0d9ce; font-size: .94rem; line-height: 1.75; }
.discuss-intent-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; max-width: 600px; margin: 24px 0 0; padding: 0; list-style: none; }
.discuss-intent-list li { display: flex; align-items: baseline; gap: 9px; color: var(--brand-cream); font-size: .78rem; }
.discuss-intent-list li > span { color: var(--brand-sun); font-family: "IBM Plex Mono", monospace; font-size: .61rem; }
.discuss-talk-card { justify-self: end; width: min(100%, 290px); padding: 18px; background: rgba(37,42,49,.55); border: 1px solid #555a60; border-radius: 9px; box-shadow: 0 22px 50px rgba(0,0,0,.2); transform: rotate(2deg); }
.discuss-talk-core { position: relative; display: flex; min-height: 235px; flex-direction: column; align-items: center; justify-content: center; gap: 12px; overflow: hidden; background: radial-gradient(circle, rgba(255,201,40,.16), transparent 63%); border: 1px solid #555a60; border-radius: 6px; }
.discuss-talk-core::before,.discuss-talk-core::after { position: absolute; width: 160px; height: 160px; border: 1px solid rgba(255,247,232,.14); border-radius: 50%; content: ""; }
.discuss-talk-core::after { width: 220px; height: 220px; }
.discuss-talk-core > span,.discuss-talk-core > strong { position: relative; z-index: 1; }
.discuss-talk-core > span { color: #e3d8c6; font-family: "IBM Plex Mono", monospace; font-size: .62rem; letter-spacing: .13em; }
.discuss-talk-core > strong { color: var(--brand-sun); font-size: 3.2rem; font-weight: 750; letter-spacing: -.08em; line-height: .91; }
.discuss-talk-card > ul { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 11px 0 0; padding: 0; list-style: none; }
.discuss-talk-card > ul li { padding: 9px 7px; color: var(--brand-cream); background: #30363e; border: 1px solid #4b5158; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-size: .57rem; letter-spacing: .06em; text-align: center; }
.discuss-start { display: grid; grid-template-columns: minmax(235px, .7fr) minmax(0, 1.3fr); gap: clamp(28px, 5vw, 64px); margin-top: 40px; padding: clamp(24px, 4vw, 40px); background: #fffdf8; border: 1px solid #e4dccd; border-radius: 10px; }
.discuss-start-copy .site-eyebrow { margin-bottom: 15px; }
.discuss-start-copy h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 3.8vw, 3rem); font-weight: 750; letter-spacing: -.065em; line-height: .99; }
.discuss-start-copy h2 em { color: var(--brand-ember); font-style: normal; }
.discuss-start-copy > p:not(.site-eyebrow) { max-width: 340px; margin: 14px 0 0; color: #585d62; font-size: .82rem; line-height: 1.7; }
.discuss-direct-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 32px; padding-top: 17px; border-top: 1px solid #e4dccd; }
.discuss-direct-contact > span { color: #585d62; font-family: "IBM Plex Mono", monospace; font-size: .57rem; letter-spacing: .08em; }
.discuss-direct-contact > a { display: inline-flex; align-items: center; gap: 7px; color: var(--brand-graphite); font-size: .9rem; font-weight: 700; text-decoration: none; }
.discuss-direct-contact > a:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 4px; }
.discuss-direct-contact > small { color: #62666b; font-size: .69rem; }
.discuss-form { min-width: 0; }
.discuss-form-alert { margin-bottom: 16px; padding: 11px 13px; color: #6d2c12; background: #fff0d2; border: 1px solid #edc28a; border-radius: 5px; font-size: .78rem; }
.discuss-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.discuss-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 13px; }
.discuss-field { display: flex; min-width: 0; flex-direction: column; gap: 6px; }
.discuss-field-wide { grid-column: 1 / -1; }
.discuss-field label { color: var(--brand-graphite); font-size: .73rem; font-weight: 650; }
.discuss-field label > span { color: #b34e16; }
.discuss-field input,.discuss-field select,.discuss-field textarea { width: 100%; min-width: 0; padding: 10px 11px; color: var(--brand-graphite); background: #fffdf8; border: 1px solid #c9c0b1; border-radius: 5px; font-family: "Inter", sans-serif; font-size: .77rem; }
.discuss-field input::placeholder,.discuss-field textarea::placeholder { color: #74716c; opacity: 1; }
.discuss-field input:focus,.discuss-field select:focus,.discuss-field textarea:focus { border-color: #b85b19; outline: 3px solid rgba(255,138,50,.22); }
.discuss-field [aria-invalid="true"] { border-color: #a63d22; }
.discuss-field textarea { min-height: 130px; resize: vertical; line-height: 1.6; }
.discuss-field-error { color: #9c321c; font-size: .68rem; line-height: 1.4; }
.discuss-form-submit { display: flex; align-items: center; gap: 15px; margin-top: 17px; }
.discuss-form-submit .btn { flex: 0 0 auto; }
.discuss-form-submit > p { max-width: 300px; margin: 0; color: #62666b; font-size: .66rem; line-height: 1.5; }
.discuss-next { margin-top: 54px; }
.discuss-next-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.discuss-next-heading .site-eyebrow { margin: 0 0 6px; }
.discuss-next-heading h2 { margin: 0; color: var(--brand-graphite); font-size: clamp(2rem, 3.8vw, 3rem); font-weight: 700; letter-spacing: -.06em; line-height: 1; }
.discuss-next > ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.discuss-next > ol > li { min-height: 160px; padding: 18px; background: #fffdf8; border: 1px solid #e4dccd; border-radius: 7px; }
.discuss-next > ol > li > span { color: var(--brand-ember); font-family: "IBM Plex Mono", monospace; font-size: .66rem; }
.discuss-next > ol h3 { margin: 17px 0 7px; color: var(--brand-graphite); font-size: .95rem; font-weight: 700; }
.discuss-next > ol p { margin: 0; color: #585d62; font-size: .75rem; line-height: 1.6; }
.discuss-page .discuss-footnote { margin: 20px 2px 0; color: #555a60; font-size: .74rem; }
.discuss-page .discuss-footnote a { color: var(--brand-graphite); }

@media (max-width: 991.98px) {
  .discuss-page-hero { grid-template-columns: minmax(0, 1fr) minmax(210px, .42fr); }
  .discuss-start { grid-template-columns: 1fr; gap: 26px; }
  .discuss-start-copy { display: grid; grid-template-columns: 1fr 1fr; column-gap: 22px; align-items: end; }
  .discuss-start-copy .site-eyebrow { grid-column: 1 / -1; }
  .discuss-start-copy > p:not(.site-eyebrow) { margin-top: 0; }
  .discuss-direct-contact { grid-column: 1 / -1; margin-top: 18px; }
}
@media (max-width: 767.98px) {
  .discuss-page-hero { grid-template-columns: 1fr; gap: 30px; padding: 35px 23px; }
  .discuss-page-hero h1 { font-size: clamp(2.9rem, 12vw, 4.5rem); }
  .discuss-talk-card { justify-self: start; width: min(100%, 280px); }
  .discuss-talk-core { min-height: 190px; }
  .discuss-start { margin-top: 28px; padding: 22px 18px; }
  .discuss-start-copy { display: block; }
  .discuss-direct-contact { margin-top: 20px; }
  .discuss-next { margin-top: 40px; }
  .discuss-next > ol { grid-template-columns: 1fr; }
  .discuss-next > ol > li { min-height: 0; }
  .discuss-next > ol h3 { margin-top: 10px; }
}
@media (max-width: 480px) {
  .discuss-page-hero { padding: 32px 19px; }
  .discuss-intent-list { grid-template-columns: 1fr; gap: 8px; }
  .discuss-form-grid { grid-template-columns: 1fr; }
  .discuss-field-wide { grid-column: auto; }
  .discuss-form-submit { align-items: flex-start; flex-direction: column; }
  .discuss-next-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
}

.insight-detail { padding-bottom: 8px; }
.insight-detail-hero { position: relative; padding: 30px clamp(22px, 5vw, 62px) 40px; background: radial-gradient(ellipse at 82% 10%, rgba(255,201,40,.12), transparent 34%), var(--brand-graphite); border: 1px solid #454a50; border-radius: 10px; }
.insight-back-link { display: inline-block; margin-bottom: 32px; color: #fff0d2; font-size: .74rem; text-decoration: none; }
.insight-back-link:hover { color: var(--brand-sun); text-decoration: underline; text-underline-offset: 4px; }
.insight-detail-hero .site-eyebrow { color: #e3d8c6; }
.insight-detail-hero .site-eyebrow > span { background: var(--brand-sun); }
.insight-detail-meta { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-top: 24px; color: #e1d6c5; font-family: "IBM Plex Mono", monospace; font-size: .59rem; letter-spacing: .06em; }
.insight-detail-meta > span:first-child { color: var(--brand-sun); }
.insight-detail-hero h1 { max-width: 900px; margin: 16px 0 0; color: var(--brand-cream); font-size: clamp(2.4rem, 5.2vw, 4.5rem); font-weight: 750; letter-spacing: -.07em; line-height: .99; }
.insight-detail-summary { max-width: 760px; margin: 16px 0 0; color: #e0d9ce; font-size: .97rem; line-height: 1.75; }
.insight-detail-layout { display: grid; grid-template-columns: minmax(170px, .34fr) minmax(0, 1fr); gap: clamp(30px, 6vw, 80px); max-width: 970px; margin: 0 auto; padding: 48px 24px; }
.insight-detail-aside { align-self: start; padding: 16px; background: var(--brand-apricot); border: 1px solid #ead8b4; border-radius: 6px; }
.insight-detail-aside .site-eyebrow { margin-bottom: 9px; color: #565b61; font-size: .57rem; }
.insight-detail-aside > p { margin: 0; color: var(--brand-graphite); font-size: .87rem; font-weight: 700; line-height: 1.4; }
.insight-detail-aside > a { display: inline-flex; gap: 5px; margin-top: 14px; color: var(--brand-graphite); font-size: .68rem; font-weight: 650; text-decoration: none; }
.insight-detail-aside > a:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 4px; }
.insight-detail-content > p { margin: 0 0 20px; color: #41474e; font-size: .96rem; line-height: 1.9; }
.insight-detail-contact { display: inline-flex; align-items: center; gap: 7px; margin-top: 6px; padding: 13px 15px; color: var(--brand-graphite); background: var(--brand-apricot); border: 1px solid #ead8b4; border-radius: 5px; font-size: .78rem; font-weight: 650; text-decoration: none; }
.insight-detail-contact:hover { background: #ffe8bc; }
.insight-detail-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; max-width: 970px; margin: 0 auto; padding: 18px 24px; border-top: 1px solid #ded5c5; }
.insight-detail-footer a { color: var(--brand-graphite); font-size: .74rem; font-weight: 650; text-decoration: none; }
.insight-detail-footer a:hover { text-decoration: underline; text-decoration-color: var(--brand-orange); text-underline-offset: 4px; }
@media (max-width: 767.98px) {
  .insight-detail-hero { padding: 25px 22px 30px; }
  .insight-back-link { margin-bottom: 24px; }
  .insight-detail-layout { grid-template-columns: 1fr; gap: 22px; padding: 31px 5px; }
  .insight-detail-aside { max-width: none; }
  .insight-detail-footer { padding-right: 5px; padding-left: 5px; }
}
.site-theme p:not(.site-eyebrow) { font-size: 16px !important; }
.site-theme .btn {
  border-radius: 8px;
  font-weight: 650;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.site-theme .site-main .btn:not(.btn-sm) { min-height: 44px; padding: 10px 16px; }
.site-theme .site-main .btn-sm { min-height: 36px; padding: 7px 12px; }
.site-theme .site-main .store-hero-actions a.store-text-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  color: var(--brand-cream);
  background: rgba(255,247,232,.08);
  border: 1px solid rgba(255,247,232,.55);
  border-radius: 8px;
  font-size: .9rem;
  font-weight: 650;
  line-height: 1.3;
  text-decoration: none;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}
.site-theme .site-main .store-hero-actions a.store-text-link span {
  padding-left: 0;
  color: var(--brand-sun);
}
.site-theme .site-main .store-hero-actions a.store-text-link:hover {
  color: var(--brand-graphite);
  background: var(--brand-sun);
  border-color: var(--brand-sun);
}
.site-theme .site-main .store-hero-actions a.store-text-link:hover span { color: var(--brand-graphite); }
.site-theme .site-main .store-hero-actions a.store-text-link:focus-visible {
  color: var(--brand-cream);
  outline: 3px solid var(--brand-sun);
  outline-offset: 3px;
}

.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(230px, .7fr);
  align-items: end;
  gap: 20px 34px;
  min-height: 250px;
  margin-top: 52px;
  padding: clamp(27px, 5vw, 48px);
  overflow: hidden;
  background: radial-gradient(ellipse at 86% 16%, rgba(255,201,40,.16), transparent 34%), #252a31;
  border: 1px solid #454a50;
  border-radius: 14px;
  isolation: isolate;
}
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing)::before {
  position: absolute;
  z-index: -1;
  right: -85px;
  bottom: -240px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(255,247,232,.23);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255,247,232,.025), 0 0 0 58px rgba(255,247,232,.025), 0 0 0 90px rgba(255,247,232,.02);
  content: "";
  pointer-events: none;
}
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > .site-eyebrow {
  grid-column: 1 / -1;
  margin: 0;
  color: #e6d9c4;
}
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > div:first-child .site-eyebrow {
  margin: 0 0 13px;
  color: #e6d9c4;
}
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) h2 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--brand-cream);
  font-size: clamp(2rem, 4.7vw, 3.8rem);
  font-weight: 750;
  letter-spacing: -.065em;
  line-height: .99;
}
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) h2 em {
  color: var(--brand-sun);
  font-style: normal;
}
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > div:last-child p,
.site-theme .marketing-closing-action p {
  max-width: 360px;
  margin: 0 0 17px;
  color: #e0d9ce;
  font-size: .88rem;
  line-height: 1.7;
}
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > .btn,
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > div:last-child .btn {
  position: relative;
  z-index: 1;
  justify-self: start;
  color: var(--brand-graphite);
  background: var(--brand-sun);
  border-color: var(--brand-sun);
}
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > .btn:hover,
.site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > div:last-child .btn:hover {
  color: var(--brand-graphite);
  background: #ffd85c;
  border-color: #ffd85c;
}
.site-theme .marketing-closing-action .btn { color: var(--brand-graphite); background: var(--brand-sun); border-color: var(--brand-sun); }
.site-theme .marketing-closing-action .btn:hover { color: var(--brand-graphite); background: #ffd85c; border-color: #ffd85c; }
@media (max-width: 767.98px) {
  .site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 0;
    margin-top: 38px;
    padding: 27px 22px;
  }
  .site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > .site-eyebrow { grid-column: auto; }
  .site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > div:first-child,
  .site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) > div:last-child { grid-column: 1; }
  .site-theme :is(.marketing-closing,.ai-stop-closing,.go-live-closing,.fix-support-closing,.work-closing,.insights-closing) h2 { font-size: clamp(2rem, 10vw, 3.2rem); }
}

.cookie-consent[hidden] { display: none; }
.cookie-consent {
  position: fixed;
  z-index: 2000;
  right: 20px;
  bottom: 20px;
  left: 20px;
  display: flex;
  max-width: 900px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 auto;
  padding: 20px 22px;
  color: #fff7e8;
  background: #252a31;
  border: 1px solid rgba(255,247,232,.28);
  border-radius: 12px;
  box-shadow: 0 16px 55px rgba(0,0,0,.32);
}
.cookie-consent-copy { max-width: 620px; }
.cookie-consent h2 { margin: 0 0 7px; color: #fff7e8; font-size: 1.1rem; font-weight: 700; }
.cookie-consent p { margin: 0; color: #e0d9ce; font-size: .92rem; line-height: 1.6; }
.site-theme .cookie-consent a:not(.btn):not(.nav-link):not(.navbar-brand),
.admin-theme .cookie-consent a:not(.btn):not(.nav-link):not(.admin-brand) { color: #ffc928; text-underline-offset: 3px; }
.site-theme .cookie-consent a:not(.btn):not(.nav-link):not(.navbar-brand):hover,
.admin-theme .cookie-consent a:not(.btn):not(.nav-link):not(.admin-brand):hover { color: #fff7e8; }
.cookie-consent-actions { display: flex; flex: 0 0 auto; gap: 9px; }
.cookie-consent-actions button,.cookie-settings-trigger {
  min-height: 40px;
  padding: 8px 13px;
  border: 1px solid #ffc928;
  border-radius: 7px;
  font: inherit;
  font-size: .9rem;
  font-weight: 650;
  cursor: pointer;
}
.cookie-consent-accept { color: #252a31; background: #ffc928; }
.cookie-consent-reject { color: #fff7e8; background: transparent; }
.cookie-consent-actions button:hover,.cookie-settings-trigger:hover { filter: brightness(1.08); }
.cookie-consent-actions button:focus-visible,.cookie-settings-trigger:focus-visible {
  outline: 3px solid #fff7e8;
  outline-offset: 3px;
}
.site-footer-links .cookie-settings-trigger {
  min-height: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  font-size: inherit;
  font-weight: 400;
  text-align: left;
  text-decoration: underline;
  text-decoration-color: #ff8a32;
  text-underline-offset: 4px;
}
.admin-cookie-footer { display: flex; justify-content: center; gap: 18px; padding: 12px 20px; color: #d0c7b9; font-size: .85rem; }
.admin-cookie-footer a { color: inherit; }
.admin-cookie-footer .cookie-settings-trigger { min-height: 0; padding: 0; color: inherit; background: transparent; border: 0; font-size: inherit; font-weight: 400; text-decoration: underline; text-underline-offset: 3px; }
.auth-oauth-divider { display: flex; align-items: center; gap: 12px; margin: 18px 0 12px; color: #687078; font-size: .82rem; }
.auth-oauth-divider::before,.auth-oauth-divider::after { height: 1px; flex: 1; background: #d8dce0; content: ""; }
.auth-google-button { display: flex; align-items: center; justify-content: center; min-height: 44px; }
@media (max-width: 640px) {
  .cookie-consent { align-items: stretch; flex-direction: column; gap: 14px; right: 12px; bottom: 12px; left: 12px; padding: 17px; }
  .cookie-consent-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .cookie-consent-actions button { min-height: 44px; }
}