/* Thonem Website v9.4 — premium experience, accessibility and conversion layer.
   Loaded after the v9.3 warm brand theme so the release remains reversible. */
:root{
  --focus-ring:0 0 0 4px rgba(234,119,54,.22);
  --warm-accent:#e9682f;
  --warm-accent-deep:#c94f22;
  --warm-ink:#2d221c;
}
::selection{background:#f3a05c;color:#2d221c}
a,button,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid #d95b2a!important;outline-offset:3px;box-shadow:var(--focus-ring)
}
.site-header{isolation:isolate}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(234,119,54,.28),transparent);opacity:0;transition:opacity .2s ease}
.site-header.scrolled:after{opacity:1}
.nav a{position:relative;padding:8px 0}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#f39a4d,#d95b2a);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav a:hover:after,.nav a[aria-current="page"]:after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:#c75123;font-weight:800}
.mobile-nav a[aria-current="page"]{background:#fff0e4!important;color:#bd4d22!important;font-weight:800}
.brand-logo{transition:transform .22s ease,filter .22s ease}.brand:hover .brand-logo{transform:translateY(-1px) rotate(-2deg)}
.btn{position:relative;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.28) 48%,transparent 72%);transform:translateX(-120%);transition:transform .55s ease}.btn:hover:before{transform:translateX(120%)}
.feature,.v3-card,.journey-card,.maturity-card,.provider-profile,.docs-search-result,.capability-card{will-change:transform}
.feature:hover,.v3-card:hover,.journey-card:hover,.maturity-card:hover,.provider-profile:hover,.docs-search-result:hover,.capability-card:hover{box-shadow:0 18px 45px rgba(110,52,21,.10)}
.hero-copy,.inner-hero-copy{position:relative}.hero-copy:after,.inner-hero-copy:after{content:"";position:absolute;width:92px;height:4px;border-radius:99px;background:linear-gradient(90deg,#f39a4d,#d95b2a);left:0;bottom:-28px;opacity:.8}
[dir="rtl"] .hero-copy:after,[dir="rtl"] .inner-hero-copy:after{left:auto;right:0}
.site-search-dialog{overflow:hidden}.site-search-head span:after{content:" · v9.4";font-size:.7em;color:#b87955;font-weight:700}.site-search-item[aria-selected="true"]{background:#fff0e4!important}
body.menu-lock,body.search-lock{overflow:hidden}
.menu-btn{border-radius:10px}.menu-btn[aria-expanded="true"]{background:#fff0e4}.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-btn span{transition:transform .2s ease}
.lead-form button[aria-busy="true"]{opacity:.72;cursor:wait}.lead-form button[aria-busy="true"] span{display:none}.lead-form button[aria-busy="true"]:after{content:"…";font-weight:900;letter-spacing:.18em}
.lead-form input:user-invalid,.lead-form textarea:user-invalid,.lead-form select:user-invalid{border-color:#bc3d32!important;box-shadow:0 0 0 3px rgba(188,61,50,.08)!important}
.footer .brand-logo{filter:drop-shadow(0 6px 12px rgba(218,91,42,.14))}
.quality-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(122,68,35,.12);background:rgba(255,255,255,.7);border-radius:999px;font-size:10px;font-weight:800;color:#7c6657}
.quality-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#e9682f;box-shadow:0 0 0 4px rgba(233,104,47,.10)}
.section,.proof-strip,.footer{content-visibility:auto;contain-intrinsic-size:1px 700px}.hero,.inner-hero,.site-header{content-visibility:visible}
@media(max-width:900px){.hero-copy:after,.inner-hero-copy:after{bottom:-18px}.mobile-nav.open{max-height:calc(100vh - 80px);overflow:auto;overscroll-behavior:contain}}
@media(max-width:600px){.nav-wrap{height:72px}.brand-name{font-size:22px}.brand-logo{width:38px;height:38px}.hero-copy:after,.inner-hero-copy:after{display:none}}
@media(prefers-reduced-motion:reduce){.nav a:after,.brand-logo,.btn:before,.menu-btn span{transition:none!important}.brand:hover .brand-logo{transform:none}.feature,.v3-card,.journey-card,.maturity-card,.provider-profile,.docs-search-result,.capability-card{will-change:auto}}
