/* Show the complete transparent wordmark, including the dark-orange full stop. */
.brand-logo{display:block;width:160px;flex:none}
.brand-logo img{display:block;width:100%;height:auto}
.operlivo-signet{object-fit:contain}
.hero-product-by{color:var(--muted);font-size:.75rem;letter-spacing:.07em;margin-left:8px}
.hero-label{flex-wrap:wrap}
.footer-top>div>.footer-product-name{font-size:1rem;font-weight:600;margin:20px 0 14px}
.company-details p{font-size:1rem;line-height:1.7;margin-top:12px}
.site-header .brand{flex-shrink:0}
.footer-legal{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.875rem;line-height:1.6}
.footer-legal a:hover,.contact-privacy a:hover{color:#a43d1c;text-decoration:underline;text-underline-offset:4px}
.contact-privacy{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:18px}
.contact-privacy a{text-decoration:underline;text-underline-offset:3px}
.legal-layout{max-width:1280px;margin:0 auto;padding:0 48px 90px;display:grid;grid-template-columns:240px minmax(0,760px);gap:70px;align-items:start}
.legal-nav{position:sticky;top:32px;display:grid;gap:4px;padding:20px 0;border-top:1px solid var(--line)}
.legal-nav a{font-size:.875rem;padding:8px 0;line-height:1.6;color:var(--muted)}
.legal-nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.legal-copy section{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:32px}
.legal-copy h2{font-size:1.5rem;letter-spacing:-.025em;line-height:1.3;margin-bottom:16px}
.legal-copy p,.legal-copy li{font-size:1rem;line-height:1.8;color:var(--muted)}
.legal-copy p+p{margin-top:14px}.legal-copy a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-copy ul{padding-left:22px}.legal-copy li+li{margin-top:8px}
.legal-date{font-size:.875rem;color:var(--muted);flex-shrink:0;max-width:190px;line-height:1.6}
.legal-contact{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:10px}
.legal-contact h2{font-size:1.25rem}.legal-contact a{display:inline-block;margin-top:12px}
@media(max-width:1000px){.site-header{gap:20px}.site-header nav{gap:20px}.legal-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:750px){.brand-logo{width:140px}.site-header{column-gap:14px}.footer-bottom{align-items:flex-start}.footer-legal{width:100%;order:3;gap:12px 20px}.legal-layout{display:block;padding:0 24px 60px}.legal-nav{position:static;display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:28px}.legal-nav a{padding:6px 0}.legal-copy h2{font-size:1.3rem}}

/* The selected wordmark is dark graphite with a dark orange full stop. */
.site-header nav{gap:20px}.site-header{column-gap:20px}
@media(max-width:1150px) and (min-width:751px){.site-header .nav-how{display:none}.site-header{padding-inline:28px}.site-header nav{gap:14px}.brand-logo{width:150px}}
/* Keep navigation and the example link readable at tablet widths. */
.site-header nav>a,.site-header .nav-platform>a,.header-cta{white-space:nowrap}
.page-hero-bottom>.text-link{flex-shrink:0;white-space:nowrap}
.opening-statement .statement-copy p:last-child{color:#596874}
.interface-icon{display:block;flex:none;width:1em;height:1em;min-width:16px;min-height:16px}
.header-contact-short{display:none}
@media(max-width:1050px) and (min-width:751px){.site-header .header-cta{display:flex;gap:12px}.header-contact-full{display:none}.header-contact-short{display:inline}.site-header .header-right{margin-left:auto}}
@media(max-width:900px) and (min-width:751px){.site-header{flex-wrap:wrap;row-gap:12px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between}.site-header .header-right{order:2}}

/* Personal introduction, kept editorial until the owner supplies his portrait. */
.about-hero h1{max-width:950px}
.about-story{max-width:1280px;margin:0 auto;padding:0 48px 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:80px}
.about-story h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em;line-height:1.15;margin-top:20px}
.about-copy p{font-size:1.0625rem;line-height:1.8;color:var(--muted)}
.about-copy p+p{margin-top:24px}
.about-signature{display:grid;gap:8px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.about-signature span{color:var(--muted)}
.about-signature a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1250px) and (min-width:751px){.site-header .nav-how{display:none}}
@media(max-width:750px){.about-story{grid-template-columns:minmax(0,1fr);gap:28px;padding:0 24px 56px}.about-copy p{font-size:1rem}}

/* The language choice stays compact on desktop and shows its current state on mobile. */
.language-switch{display:flex;align-items:center;flex:none}
.language-current{display:none}