/* Consistent public-site finish. App screenshot colors and service behavior are unchanged. */
:root{--mint:#d9bf7b;--mint-dim:#b39859;--amber:#d9bf7b;--glow-mint:rgba(217,191,123,.09)}
.btn.solid,.submit,.primary,.auth-submit{background:linear-gradient(115deg,#ebdcb3,#d8c087 65%,#c2a566)!important;color:#172031!important;border-color:#cdb477!important;box-shadow:0 3px 12px rgba(164,139,81,.1)!important}
nav .langtog button.on,nav .back:hover{color:#d9bf7b!important}
body:not(:has(#top)) .hero .em{background:none!important;color:#806736!important;-webkit-text-fill-color:#806736!important;text-shadow:none!important}
body:not(:has(#top)) :is(.eyebrow,.s-no){color:#806736!important}body:not(:has(#top)) :is(.secondary-band,.card2,.tier,.callout,.ctaband,.form-card) :is(.eyebrow,.s-no,.h){color:#d9bf7b!important}
body:not(:has(#top)) :is(.card2,.step,.person,.tier,.ctaband,.form-card,.toc,.callout){border-color:rgba(201,177,116,.28)!important}
body:not(:has(#top)) header.hero,body:not(:has(#top)) header.doc{border-bottom-color:rgba(201,177,116,.4);border-bottom-width:2px}body:not(:has(#top)) header.hero::after,body:not(:has(#top)) header.doc::after{height:2px;bottom:-2px;background:#c9b174;box-shadow:0 0 0 100vmax #c9b174}
body:not(:has(#top)) .brand small{letter-spacing:.18em}.callout p{line-height:1.75}
#product .desktop-product-frame{border:3px solid #c9b174;box-shadow:0 18px 45px -30px #0008}
.story-kicker,.everyday-kicker{font-size:12px;color:#806736!important}.story-band .story-kicker{color:#d9bf7b!important}
.notification-note{font-family:var(--sans)!important;font-size:12px!important;line-height:1.65!important;color:#b8c7da!important}.notification-mode-labels{font-size:12px}.notification-mobile-gallery{display:none}
.entry-chart-open{display:block;border-radius:8px}.entry-chart-open:focus-visible{outline:2px solid #806736;outline-offset:4px}.entry-chart-hint{font-size:11px!important;margin:8px 0 0!important;color:#806736!important}
@media(max-width:640px){
#thesis .story-card{grid-template-columns:minmax(0,1fr);padding:22px;gap:20px}#thesis .story-number{grid-column:1;grid-row:auto;justify-self:start}#thesis .entry-card-example{grid-column:1;grid-row:auto}#thesis .entry-native-card{max-width:190px}#thesis .entry-event-copy{grid-column:1;grid-row:auto;max-width:none}#thesis .entry-event-copy h3{font-size:24px}#thesis .entry-event-copy p{font-size:16px;line-height:1.65}#thesis .entry-native-chart{grid-column:1;grid-row:auto;padding:16px}#thesis .entry-card-example figcaption{font-size:11px;line-height:1.6}#thesis .entry-native-chart figcaption{font-size:12px}
.notification-three-figure{display:none}.notification-mobile-gallery{display:block;min-width:0}.notification-swipe{font-size:12px;color:#b8c7da;margin:0 0 14px}.notification-mobile-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px;scrollbar-color:#b39859 #0a1729;overscroll-behavior-x:contain}.notification-mobile-track:focus-visible{outline:2px solid #d9bf7b;outline-offset:4px}.notification-mobile-card{flex:0 0 85%;max-width:275px;margin:0;scroll-snap-align:center;min-width:0}.notification-phone-crop{position:relative;aspect-ratio:480/910;overflow:hidden}.notification-phone-crop img{position:absolute;left:var(--phone-x);top:-6.5934%;width:320%;height:112.5275%;max-width:none;object-fit:fill}.notification-mobile-card figcaption{margin-top:12px;text-align:center;color:#c1ccdb;font-size:13px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.notification-mobile-track{scroll-behavior:auto}}
.asubmit{background:linear-gradient(115deg,#ebdcb3,#d8c087 65%,#c2a566)!important;color:#172031!important;border-color:#cdb477!important;box-shadow:0 3px 12px rgba(164,139,81,.1)!important}
body:has(.auth-shell) .proto-tag{position:relative;inset:auto;margin-top:18px;padding:14px;z-index:auto;background:transparent}

/* Preserve the original hero geometry; retain the approved gold accent. */
#top h1 .em{background:none!important;color:#806736!important;-webkit-text-fill-color:#806736!important}
@media(min-width:1440px){#top h1{font-size:clamp(64px,4vw,76px);max-width:800px}#top .hero-grid{grid-template-columns:minmax(0,min(800px,55%))}}