/* Shared public-site shell; no account or companion controls. */
.visual-site { --paper: #f6f3ec; --ink: #242b2e; --blue: #315368; --banana: #c3cf87; --muted: #656963; --line: #d8d6cd; --bronze: #866642; }
.visual-site .site-header { border-bottom-color: var(--line); }
.visual-site .button { border-radius: 4px; }
.visual-site .site-header .button { background: var(--blue); border-color: var(--blue); color: var(--paper); }
.visual-site .site-header .button:hover { background: var(--ink); color: var(--paper); }
.visual-site > .service-note { font-size: .79rem; text-align: center; padding-block: 11px; }
.visual-site .eyebrow { font-family: Arial,Helvetica,sans-serif; font-weight: 700; font-size: .67rem; letter-spacing: .13em; }
.visual-site .text-link { transition: color .18s, border-color .18s; }
.visual-site .text-link:hover { color: var(--blue); }
.visual-site .section { padding-block: clamp(65px, 7.5vw, 110px); }
.visual-site .footer-wordmark { font-size: 3rem; }
.visual-site .site-footer { border-top: 1px solid #495256; }

@media(max-width:700px){
 .visual-site > .service-note { font-size: .75rem; padding: 12px 20px; text-align: left; }
 .visual-site .footer-wordmark { font-size: 2.8rem; }
}

/* The mascot accompanies the offer, with room kept clear for the copy. */
.visual-site .page-heading:has(.page-mascot) { position:relative; }
.visual-site .page-heading .page-mascot { display:none; }
@media(min-width:1200px){
 .visual-site .page-heading .page-mascot { display:block; position:absolute; right:0; top:90px; width:30%; height:auto; pointer-events:none; }
}

/* The palette is carried by paper, ink and denim; green is a small accent. */
.visual-site h1,.visual-site h2,.visual-site h3 { font-weight: 650; }
.visual-site h2 { letter-spacing: -.045em; }
.visual-site .button-light { background: var(--paper); border-color: var(--paper); color: var(--ink); }
.visual-site .button-light:hover { background: #e8ecd4; border-color: #e8ecd4; color: var(--ink); }
.visual-site .service-note { background: #eeebe0; border-color: #d7d1c1; }
.visual-site .small-copy,.visual-site .plan-description { color: var(--muted); }
.visual-site .example-tags > span { background:#f0eee7; border-color:#dcd8ce; }
.visual-site .recommendation { background:#e4e9cd; border-color:#a6af88; }
.visual-site .unit-price { background:#efeee5; }
.visual-site .featured .unit-price { background:#e4e9cd; }
.visual-site .pricing-trial { background:#efede5; border-color:var(--bronze); }
.visual-site .site-footer { background:var(--ink); }
.visual-site .footer-main p,.visual-site .footer-bottom { color:#c7cfcc; }
.visual-site .footer-bottom { border-top-color:#4b5558; }