/* Supporting palette: blue/navy/cyan/gold remain the signature.
   Color-only rules preserve responsive layout, anchors and motion. */
:root {
  --coral: #F28273;
  --coral-ink: #A63F35;
  --coral-soft: #FFF1ED;
  --emerald-teal: #159A83;
  --teal-ink: #087562;
  --teal-light: #74DBC4;
  --teal-soft: #EAF8F3;
  --soft-violet: #B4A0E8;
  --violet-ink: #69509B;
  --violet-soft: #F3EFFB;
}

/* Four ecosystem choices, with a restrained audience color. */
.premium-refresh .role-ribbon.ecosystem-options > a:nth-child(1) {
  --audience-ink: #0758CF; --audience-soft: #F1F6FF; --audience-edge: #D6B879;
}
.premium-refresh .role-ribbon.ecosystem-options > a:nth-child(2) {
  --audience-ink: var(--teal-ink); --audience-soft: var(--teal-soft); --audience-edge: #A0D8CA;
}
.premium-refresh .role-ribbon.ecosystem-options > a:nth-child(3) {
  --audience-ink: var(--coral-ink); --audience-soft: var(--coral-soft); --audience-edge: #EAB3A8;
}
.premium-refresh .role-ribbon.ecosystem-options > a:nth-child(4) {
  --audience-ink: var(--violet-ink); --audience-soft: var(--violet-soft); --audience-edge: #C8B9E7;
}
.premium-refresh .role-ribbon.ecosystem-options > a {
  background: linear-gradient(145deg, #FFF 32%, var(--audience-soft));
  border-color: var(--audience-edge) !important;
}
.premium-refresh .role-ribbon.ecosystem-options > a:hover {
  background: var(--audience-soft);
  border-color: var(--audience-ink) !important;
}
.premium-refresh .role-ribbon.ecosystem-options > a > svg,
.premium-refresh .role-ribbon.ecosystem-options > a small {
  color: var(--audience-ink);
}

/* Warmth between the photographic stories and the Owner section. */
.premium-refresh .community-pledge {
  background: linear-gradient(110deg, #F0F6FF, #FFF1ED 54%, #F3EFFB);
  border-color: #E9DDD9;
}
.q2-home-section { background: linear-gradient(135deg, #FFFAF6, #FFF 60%, #F3EFFB); }
.q2-audience-card:nth-child(2) { background: var(--teal-soft); border-color: #B9DFD3; }
.q2-audience-card:nth-child(2) .q2-card-index { color: var(--teal-ink); }
.q2-audience-card:nth-child(3) { background: var(--violet-soft); border-color: #D5C9EA; }
.q2-audience-card:nth-child(3) .q2-card-index { color: var(--violet-ink); }
.econ-owner-upside-grid .econ-upside-card:nth-child(3) {
  background: linear-gradient(145deg, #FFF, var(--coral-soft)); border-color: #EABDB3;
}
.econ-owner-upside-grid .econ-upside-card:nth-child(3) > span { color: var(--coral-ink); }
.econ-potential-grid > article:nth-child(3n+2) { background: var(--teal-soft); border-color: #BBDDD4; }
.econ-potential-grid > article:nth-child(3n) { background: var(--violet-soft); border-color: #D7CDED; }

/* Accent the code-native illustrations without changing their movement. */
.owner-points > li:nth-child(3) .owner-benefit-visual [stroke="#48bfff"] { stroke: var(--soft-violet); }
.owner-points > li:nth-child(3) .owner-benefit-visual [fill="#48bfff"] { fill: var(--soft-violet); }

/* Navy panels gain colored light; their actions stay signature blue. */
.home-partner-section.partner-feature-stack {
  background: linear-gradient(160deg, #FFF5F0, #F4F8FC 42%, #F2EFF9 78%, #EDF8F4);
}
.partner-feature-card.partner-feature-detailer {
  background: radial-gradient(ellipse at 0 0, #F2827321, transparent 65%), linear-gradient(118deg, #101B38, #102A50);
  border-color: #A96C69;
}
.partner-feature-detailer .partner-feature-kicker { color: #FFAE9F; }
.partner-feature-detailer .partner-feature-benefit-icon {
  color: #FFB3A6; background: #F282731A; border-color: #D68F81;
}
.partner-feature-card.partner-feature-parking {
  background: radial-gradient(ellipse at 0 0, #159A8329, transparent 68%), linear-gradient(118deg, #081D35, #10394C);
  border-color: #438B81;
}
.partner-feature-parking .partner-feature-kicker { color: var(--teal-light); }
.partner-feature-parking .partner-feature-benefit-icon {
  color: #8FE5D1; background: #159A8324; border-color: #56B5A2;
}
.partner-feature-card.partner-feature-other {
  background: radial-gradient(ellipse at 0 0, #B4A0E82B, transparent 68%), linear-gradient(118deg, #151C3D, #192B56);
  border-color: #8276AC;
}
.partner-feature-other .partner-feature-kicker { color: #C9B9F1; }
.partner-feature-other .partner-feature-benefit-icon {
  color: #D0C1F4; background: #B4A0E81F; border-color: #9C89C6;
}
.partner-feature-other .partner-service-visual {
  background: radial-gradient(circle at 80% 10%, #B4A0E82B, transparent 55%), linear-gradient(140deg, #102044, #273761);
  border-color: #9283B5;
}
.partner-service-tiles span:nth-child(3n+1) { color: #FFC0B3; border-color: #F2827377; background: #F2827314; }
.partner-service-tiles span:nth-child(3n+2) { color: #9AE7D5; border-color: #74DBC477; background: #159A831A; }
.partner-service-tiles span:nth-child(3n) { color: #D9CDF4; border-color: #B4A0E888; background: #B4A0E81A; }

/* Supporting pages share the same accents in their existing card systems. */
.partner-benefit-card:nth-child(3n+1) { background: var(--coral-soft); border-color: #EDD0C7; }
.partner-benefit-card:nth-child(3n+1) .partner-card-icon { background: #FFE0D6; color: var(--coral-ink); }
.partner-benefit-card:nth-child(3n+2) { background: var(--teal-soft); border-color: #C1DED4; }
.partner-benefit-card:nth-child(3n+2) .partner-card-icon { background: #CFF0E5; color: var(--teal-ink); }
.partner-benefit-card:nth-child(3n) { background: var(--violet-soft); border-color: #D9CEEA; }
.partner-benefit-card:nth-child(3n) .partner-card-icon { background: #E5DCF6; color: var(--violet-ink); }
.global-partners-page .gp-opportunity-grid article:nth-child(3n+1):not(.is-highlighted) .gp-card-icon,
.global-partners-page .gp-industry-grid article:nth-child(3n+1) .gp-card-icon {
  background: #FFE0D6; color: var(--coral-ink); box-shadow: inset 0 0 0 1px #EABDB3;
}
.global-partners-page .gp-opportunity-grid article:nth-child(3n+2):not(.is-highlighted) .gp-card-icon,
.global-partners-page .gp-industry-grid article:nth-child(3n+2) .gp-card-icon {
  background: #CFF0E5; color: var(--teal-ink); box-shadow: inset 0 0 0 1px #A5D5C8;
}
.global-partners-page .gp-opportunity-grid article:nth-child(3n):not(.is-highlighted) .gp-card-icon,
.global-partners-page .gp-industry-grid article:nth-child(3n) .gp-card-icon {
  background: #E5DCF6; color: var(--violet-ink); box-shadow: inset 0 0 0 1px #CAB9E8;
}
.advertise-opportunity:nth-child(3n+1) .ad-icon { background: #FFE0D6; color: var(--coral-ink); }
.advertise-opportunity:nth-child(3n+2) .ad-icon { background: #CFF0E5; color: var(--teal-ink); }
.advertise-opportunity:nth-child(3n) .ad-icon { background: #E5DCF6; color: var(--violet-ink); }
.advertise-opportunity:nth-child(3n+1)::before { background: linear-gradient(90deg, var(--coral), #F0C66B); }
.advertise-opportunity:nth-child(3n+2)::before { background: linear-gradient(90deg, var(--emerald-teal), #00B2FF); }
.advertise-opportunity:nth-child(3n)::before { background: linear-gradient(90deg, var(--soft-violet), #0A66FF); }

/* Gold lettering: a fine dark edge preserves the gold fill on pale surfaces. */
:root{--gold-label-edge:rgba(94,60,14,.72);--gold-label-ink:#946419}
:is(.section-kicker,.resources-kicker,.article-kicker,.news-bulletin-kicker,.calc-modal-kicker,.q2-planning-label,.hub-kicker,.intl-kicker){-webkit-text-stroke:.3px var(--gold-label-edge);paint-order:stroke fill;text-shadow:0 .4px .4px rgba(69,44,12,.18)}
/* These labels sit on white or softly tinted cards, so use deeper gold too. */
.econ-potential-head .section-kicker,.econ-below .section-kicker,.q2-home-section .q2-planning-label{color:var(--gold-label-ink);-webkit-text-stroke:.2px #795018}

/* Planned Owner app tools and referral options. */
.owner-app-tools{max-width:1440px;margin:0 auto;padding:44px clamp(20px,5vw,78px);color:#102b4c;background:#fff}
.owner-app-tools-heading{max-width:850px}
.owner-app-tools-heading .section-kicker{color:#946419}
.owner-app-tools h2{font:800 clamp(26px,3vw,38px)/1.17 Montserrat,Arial,sans-serif;letter-spacing:-.03em;color:#051033;margin:12px 0}
.owner-app-tools-heading>p{color:#465c75;font-size:16px;line-height:1.6;margin:0 0 22px}
.owner-app-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.owner-app-tools-grid article{min-width:0;padding:25px;border:1px solid #b9dacf;border-radius:18px;background:linear-gradient(145deg,#fff,#eaf8f3)}
.owner-app-tools-grid article:nth-child(2){border-color:#d1c2e8;background:linear-gradient(145deg,#fff,#f3effb)}
.owner-app-tools-grid article:nth-child(3){border-color:#e1cdd0;background:linear-gradient(145deg,#fff,#fff2ef)}
.owner-app-tools-tag{font:800 11px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.11em;color:#087562}
.owner-app-tools-grid article:nth-child(2) .owner-app-tools-tag{color:#69509b}
.owner-app-tools-grid article:nth-child(3) .owner-app-tools-tag{color:#a35346}
.owner-app-tools h3{font:800 25px/1.2 Montserrat,Arial,sans-serif;color:#051033;margin:10px 0}
.owner-app-tools-grid article p{font-size:15px;line-height:1.65;color:#344b65;margin:0}
.owner-app-tools .owner-app-tools-note{font-size:12px;line-height:1.6;color:#52647b;margin:17px 0 0}
@media(max-width:980px){.owner-app-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.owner-app-tools{padding:30px 20px}.owner-app-tools-grid{grid-template-columns:1fr;gap:12px}.owner-app-tools-grid article{padding:22px}}

/* Official italic TREVLER wordmark and tagline. */
.trevler-nav-name,.brand-name{font-style:italic;font-synthesis:style}
.trevler-nav-slogan,.brand-slogan{font-style:italic;font-synthesis:style}
.brand-inverse .brand-name,.brand-inverse .brand-slogan{color:#fff}