/*
 * Thonem Website v9.3 — Warm Brand Theme
 * Visual system derived from the official Thonem logo supplied for this release.
 * Loaded after site.v9.css so the release remains easy to roll back.
 */
:root{
  color-scheme:light;
  --bg:#fffaf5;
  --bg2:#fff2e6;
  --panel:#ffffff;
  --panel2:#fff6ee;
  --text:#1d1713;
  --muted:#74665d;
  --line:rgba(122,68,35,.14);
  --cyan:#ee813a;
  --blue:#da5d2b;
  --lime:#5f8f66;
  --accent:#e56f31;
  --accent-2:#d75b2b;
  --accent-soft:#fff0e3;
  --accent-pale:#fff8f1;
  --ink:#211913;
  --shadow:0 28px 70px rgba(121,63,27,.13);
  --shadow-soft:0 14px 34px rgba(121,63,27,.09);
}
html{background:#fffaf5}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 90% 9%,rgba(239,129,58,.13),transparent 24rem),
    radial-gradient(circle at 8% 34%,rgba(248,180,110,.13),transparent 25rem),
    linear-gradient(180deg,#fffaf5 0%,#fff7ef 45%,#fffaf6 100%);
}
body:before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.35;
  background-image:radial-gradient(rgba(180,93,42,.11) .65px,transparent .65px);
  background-size:18px 18px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 72%);
}
::selection{background:#f18a45;color:#fff}
.ambient{filter:blur(100px);opacity:.13}
.ambient-a{background:#f38d46}.ambient-b{background:#f2b06e}

/* Header + real logo */
.site-header{background:rgba(255,250,245,.86);border-bottom-color:rgba(122,68,35,.08);backdrop-filter:blur(18px) saturate(135%)}
.site-header.scrolled{border-color:var(--line);box-shadow:0 12px 34px rgba(121,63,27,.08)}
.nav-wrap{height:80px}
.brand{gap:11px;color:var(--ink)}
.brand-logo{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 7px 12px rgba(202,88,34,.16))}
.footer .brand-logo{width:46px;height:46px}
.brand-name{font-size:24px;color:#211913;letter-spacing:-.045em}
.site-badge{background:#fff1e4!important;border-color:rgba(219,96,42,.22)!important;color:#b75125!important}
.nav a,.text-link{color:#66584f}.nav a:hover,.text-link:hover{color:#d65c2a}
.search-trigger{color:#6f6158!important;background:rgba(255,255,255,.68)!important;border-color:rgba(122,68,35,.13)!important}
.search-trigger:hover{border-color:rgba(218,93,43,.28)!important;color:#c95425!important}
.menu-btn span{background:#2a201a}
.mobile-nav{background:rgba(255,250,245,.98)!important;border-color:var(--line)!important;box-shadow:var(--shadow-soft)}
.mobile-nav a{color:#4d4038!important;border-color:rgba(122,68,35,.10)!important}

/* Primary actions */
.btn{
  color:#fff;
  background:linear-gradient(135deg,#f39a4d 0%,#ea7736 48%,#d95b2a 100%);
  box-shadow:0 13px 28px rgba(218,91,42,.22);
}
.btn:hover{box-shadow:0 17px 35px rgba(218,91,42,.3)}
.btn-ghost{background:rgba(255,255,255,.72);color:#a74821;border-color:rgba(218,93,43,.22);box-shadow:none}
.btn-ghost:hover{background:#fff;border-color:rgba(218,93,43,.35)}
.btn-light{background:#fff;color:#bd4d22;box-shadow:0 12px 28px rgba(92,35,11,.13)}
.inline-link{color:#bc4c22;border-color:rgba(218,93,43,.28)}
.inline-link:hover{color:#e46c2f}

/* Home hero */
.hero{min-height:720px;position:relative;padding-top:54px;padding-bottom:80px}
.hero:before{content:"";position:absolute;inset:28px -8vw 24px;z-index:-1;border-radius:48px;background:linear-gradient(115deg,rgba(255,249,241,.78),rgba(255,234,212,.70));border:1px solid rgba(219,96,42,.09);box-shadow:0 36px 100px rgba(132,67,27,.08)}
.eyebrow,.kicker{color:#b85529}
.eyebrow{background:rgba(255,255,255,.66);border-color:rgba(215,91,43,.16);box-shadow:0 8px 24px rgba(137,65,26,.05)}
.pulse{background:#ea7736;box-shadow:0 0 0 6px rgba(234,119,54,.10)}
.hero h1{color:#1f1814}
.gradient-text{background:linear-gradient(95deg,#d75c2b 4%,#ef8440 48%,#f5a257 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{color:#685b53}
.hero-meta{color:#89776b}.hero-meta i{background:#d9b9a3}
.hero-visual{min-height:570px;border-radius:42px;background:linear-gradient(150deg,#fff7ec 0%,#ffe0c2 52%,#ef8b47 115%);border:1px solid rgba(207,88,36,.12);overflow:hidden;box-shadow:0 30px 80px rgba(129,62,24,.12)}
.hero-visual:before{content:"";position:absolute;width:430px;height:430px;right:-76px;top:-45px;background:url('/_thonem-site/assets/thonem-logo@2x.png') center/contain no-repeat;opacity:.97;filter:drop-shadow(0 26px 40px rgba(159,67,25,.15));z-index:1}
.hero-visual:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-28%;height:55%;background:radial-gradient(ellipse at center,rgba(255,255,255,.78),rgba(255,240,224,.32) 55%,transparent 72%);transform:rotate(-4deg);z-index:0}
.orbit{border-color:rgba(215,91,43,.13);z-index:1}.orbit-a{width:500px;height:500px}.orbit-b{width:370px;height:370px;border-color:rgba(245,154,77,.18)}
.console-card{z-index:3;width:min(94%,500px);margin-top:140px;margin-left:-45px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,249,243,.94));border-color:rgba(118,64,34,.13);box-shadow:0 28px 70px rgba(122,62,26,.18);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}
.console-card:after{background:linear-gradient(130deg,rgba(255,255,255,.25),transparent 28%,transparent 72%,rgba(236,119,54,.06))}
.console-top{border-color:var(--line)}.console-title{color:#40342d}.status-dot{background:#73a477;box-shadow:0 0 12px rgba(95,143,102,.35)}
.console-chip{background:#fff0e3;color:#bd4e23;border-color:rgba(219,96,42,.20)}
.metric{background:#fff;border-color:rgba(122,68,35,.09);box-shadow:0 8px 18px rgba(112,58,27,.04)}
.metric span,.metric small{color:#89776b}.metric strong{color:#2b211b}
.chart{border-color:var(--line)}.chart-grid{background:linear-gradient(rgba(128,76,45,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(128,76,45,.07) 1px,transparent 1px);background-size:100% 38px,58px 100%}.chart-line{stroke:#e36a30}.chart-fill{fill:#ef8440;opacity:.09}
.flow{border-color:rgba(122,68,35,.09);background:#fff}.flow-icon{background:#fff0e3;color:#c65425}.flow strong{color:#352922}.flow small,.flow-time{color:#8d7a6d}.flow-ok{color:#6a9a70}
.floating-pill{background:rgba(255,255,255,.91);border-color:rgba(122,68,35,.12);box-shadow:0 16px 34px rgba(105,51,22,.12);color:#77675d}.floating-pill b{color:#c65325}
.pill-a{top:160px;right:15px}.pill-b{bottom:62px;left:10px}

/* Core surfaces */
.proof-strip{border-color:var(--line);background:rgba(255,245,235,.7)}
.proof-label{color:#a85b36}.proof-items span{color:#6f6057}
.section-head p,.arch-copy p,.why-copy p,.cta-right p{color:#74665d}
.feature,.v3-card,.journey-card,.maturity-card,.readiness-card,.contract-card,.boundary-grid article,.doc-section,.release,.lead-form,.provider-profile,.docs-search-result,.check-row{
  border-color:rgba(122,68,35,.12)!important;
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(255,248,241,.94))!important;
  box-shadow:0 14px 36px rgba(113,55,24,.055);
}
.feature:hover,.v3-card:hover,.journey-card:hover,.maturity-card:hover,.provider-profile:hover,.docs-search-result:hover{border-color:rgba(218,93,43,.28)!important;box-shadow:0 18px 42px rgba(113,55,24,.09)}
.feature-icon{border-color:rgba(218,93,43,.18);background:#fff0e4;color:#d65d2b}
.feature-no{color:#b88a70}.feature h3,.v3-card h3,.journey-card h3,.maturity-card h3,.readiness-card h3,.contract-card h3{color:#30241e}
.feature p,.v3-card p,.journey-card p,.maturity-card p,.readiness-card p,.contract-card p{color:#75675e!important}
.mini-ui span,.code-line span,.code-line b,.self-service-strip a,.checker-actions button{background:#fff8f1!important;border-color:rgba(122,68,35,.10)!important;color:#8a6b58!important}.code-line b{color:#d45b29!important;background:transparent!important;border:0!important}

/* Architecture + premium highlight sections */
.architecture-card{border-color:rgba(133,66,29,.13);background:linear-gradient(145deg,#fff9f2,#ffe8d2);box-shadow:0 28px 70px rgba(122,61,26,.08)}
.arch-map{background:radial-gradient(circle at 50% 50%,rgba(236,119,54,.15),transparent 39%)}
.node{border-color:rgba(122,68,35,.12);background:rgba(255,255,255,.90);box-shadow:0 14px 30px rgba(93,45,20,.08)}
.node strong{color:#35281f}.node small{color:#8d7767}.node-core{border-color:rgba(218,93,43,.25);background:linear-gradient(150deg,#fff2e4,#ffd9b6)}
.mini-mark{background:linear-gradient(135deg,#f39a4d,#dc5f2c);color:#fff}
.connector{border-color:rgba(218,93,43,.20)!important}
.why-item{border-color:var(--line)!important}.why-item>span{color:#ce5727!important}.why-item p{color:#75675e!important}

/* Demo / labs */
.lab-teaser,.demo-shell,.demo-console{border-color:rgba(122,68,35,.12)!important;background:#fff9f3!important;box-shadow:0 18px 44px rgba(113,55,24,.06)}
.lab-copy p,.demo-copy p,.demo-note{color:#75675e!important}.demo-safe{background:#fff0e3!important;border-color:rgba(218,93,43,.20)!important;color:#c65325!important}
.lab-preview,.lab-window{background:linear-gradient(145deg,#fff4e7,#ffe0c2)!important;border-color:rgba(122,68,35,.10)!important}.lab-rail{background:#fff9f3!important;border-color:rgba(122,68,35,.10)!important}.lab-rail span{color:#8a7567!important}.lab-rail b{color:#c95425!important}
.demo-tabs{background:#fff5eb!important;border-color:var(--line)!important}.demo-tab{color:#836f61}.demo-tab.active{background:#ffe8d4!important;color:#c75425!important}.demo-choice{border-color:var(--line)!important;color:#836f61!important}.demo-choice.active{border-color:rgba(218,93,43,.28)!important;background:#fff0e4!important;color:#c65325!important}
.product-art{background:linear-gradient(135deg,#f7b06f,#e66830)!important;color:#fff!important}.product-demo small,.flow-stack span{color:#ce5928!important}.stock-pill{background:#eff6ee!important;color:#547b59!important}.flow-stack b{border-color:var(--line)!important;color:#3c3029!important;background:#fff!important}

/* Documentation, search and registries */
.docs-side nav a{color:#79695f!important;border-color:rgba(122,68,35,.08)!important}.docs-side nav a:hover{color:#d05a29!important}
.docs-search,.registry-toolbar input,.docs-search-input input,.lead-form input,.lead-form select,.lead-form textarea{background:#fff!important;color:#332720!important;border-color:rgba(122,68,35,.15)!important}
.docs-search:focus,.registry-toolbar input:focus,.docs-search-input input:focus,.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:rgba(218,93,43,.45)!important;box-shadow:0 0 0 3px rgba(234,119,54,.10)!important}
.doc-section p,.docs-search-result span,.provider-profile p,.provider-profile small,.provider-status p,.decision-list li,.empty-state{color:#78685e!important}
.doc-section pre{background:#2e211a!important;color:#ffd8b8!important;border-color:rgba(80,39,18,.16)!important}.principle{background:#fff1e4!important;border-color:rgba(218,93,43,.14)!important}.principle b{color:#c95425!important}.principle span{color:#806e61!important}
.check-grid span,.self-service-strip a{border-color:var(--line)!important;color:#7e6c60!important}.doc-version{border-color:var(--line)!important;color:#7b695e!important;background:#fff8f1!important}.doc-version:before{background:#e66c31!important;box-shadow:0 0 0 4px rgba(230,108,49,.08)!important}.heading-anchor{color:#c76b42!important}
.registry-toolbar label,.docs-search-input{color:#8a7567!important}.filter-pills button{border-color:var(--line)!important;background:#fff!important;color:#76665c!important}.filter-pills button.active,.filter-pills button:hover{color:#be4d22!important;border-color:rgba(218,93,43,.35)!important;background:#fff0e4!important}.provider-profile>span,.provider-status>span,.release-channel>span{color:#cb5526!important}.provider-profile a{color:#b84a20!important}.provider-status{border-color:rgba(218,93,43,.18)!important;background:#fff9f3!important}.decision-list li{border-color:var(--line)!important;background:#fff!important}
.registry-table{border-color:var(--line)!important}.registry-table th,.registry-table td{border-color:var(--line)!important}.registry-table th{color:#836f62!important;background:#fff2e6!important}.registry-table code,.contract-lines code,.release-channel code{color:#b74b21!important}

/* Readiness */
.check-row em{color:#a15d3a!important;border-color:var(--line)!important}.check-row input{accent-color:#df652e}.checker-summary{border-color:rgba(218,93,43,.18)!important;background:#fff9f2!important;box-shadow:var(--shadow-soft)}.checker-score{background:conic-gradient(#e46b31 var(--readiness,0%),rgba(122,68,35,.08) 0)!important}.checker-score:after{background:#fffaf5!important;border-color:var(--line)!important}.checker-summary p{color:#77675d!important}.flow-node{border-color:var(--line)!important;background:#fff!important}.flow-node:not(:last-child):after{color:#d85d2a!important;background:#fffaf5!important}.flow-node span,.flow-caption{color:#8d786a!important}.flow-node b{color:#382c25!important}

/* Contact / forms */
.lead-form label>span,.form-status,.contact-step span{color:#826f62!important}.lead-form .consent span{color:#6f6057!important}.contact-step{border-color:var(--line)!important}.contact-step>b{color:#ca5425!important}.contact-step strong{color:#3e3028!important}.form-status.success{color:#5b845f!important}.form-status.error{color:#bc3d32!important}.contact-aside h2{color:#2d221c!important}.intake-mini span{border-color:var(--line)!important;color:#806e61!important;background:#fff!important}

/* Release & status components */
.release time,.release p,.status-list span{color:#806f63!important}.release span{color:#ca5425!important}.status-list{border-color:var(--line)!important;background:#fff!important}.status-list>div{border-color:var(--line)!important}.status-list b{color:#382c25!important}.status-list em{color:#946245!important;border-color:var(--line)!important}.release-number{color:rgba(223,101,46,.68)!important}.release-channel{border-color:var(--line)!important}

/* Search overlay */
.site-search-backdrop{background:rgba(72,37,17,.28)!important;backdrop-filter:blur(8px)}
.site-search-dialog{background:#fffaf5!important;border-color:rgba(122,68,35,.14)!important;box-shadow:0 34px 90px rgba(86,40,17,.22)!important;color:#2d221c!important}.site-search-head{border-color:var(--line)!important}.site-search-head button{color:#8b7769!important}.site-search-input{background:#fff!important;border-color:rgba(122,68,35,.12)!important}.site-search-input input{color:#30251f!important}.site-search-result{border-color:rgba(122,68,35,.09)!important}.site-search-result:hover,.site-search-result.active{background:#fff0e4!important}.site-search-result strong{color:#342820!important}.site-search-result span,.site-search-foot{color:#846f61!important}

/* CTA + footer */
.cta-panel{background:linear-gradient(105deg,#f39a4d 0%,#e97133 52%,#d85b2a 100%)!important;border-color:rgba(189,74,28,.18)!important;box-shadow:0 28px 70px rgba(184,73,27,.20)!important;color:#fff}
.cta-panel:after{content:"";position:absolute;right:3%;bottom:-44%;width:270px;height:270px;background:url('/_thonem-site/assets/thonem-logo@2x.png') center/contain no-repeat;opacity:.16;filter:grayscale(1) brightness(4);pointer-events:none}
.cta-panel .kicker,.cta-panel p{color:rgba(255,255,255,.82)!important}.cta-panel h2{color:#fff!important}
.footer{border-color:var(--line)!important;background:linear-gradient(180deg,#fffaf5,#fff2e7)!important}.footer p,.footer-end{color:#826f62!important}.footer-links a{color:#67584e!important}.footer-links a:hover{color:#c75224!important}

/* Misc dark literals converted to the light brand system */
.layers span,.doc-lines b,.payment-rail span,.device-mini span,.shipment-card,.status-big,.state-output{color:#77665b!important}
.layers span,.doc-lines b,.payment-rail span,.device-mini span{border-color:var(--line)!important;background:#fff!important}.layers .hot,.payment-rail .hot,.device-mini .hot,.state-track span.done{border-color:rgba(218,93,43,.24)!important;background:#fff0e4!important;color:#c65325!important}.state-track span{border-color:var(--line)!important;color:#897568!important}.console-head{border-color:var(--line)!important;color:#806d60!important}.state-output{border-color:var(--line)!important}

/* Arabic uses the same visual identity. */
html[dir="rtl"] .brand{letter-spacing:0}

@media(max-width:1100px){
  .hero:before{inset:22px -18px 20px}.hero-visual:before{width:370px;height:370px;right:-50px}.console-card{margin-left:0}
}
@media(max-width:900px){
  .hero{padding-top:34px}.hero:before{border-radius:32px}.hero-visual{min-height:520px}.hero-visual:before{width:360px;height:360px;right:-40px;top:-45px}.console-card{margin-top:125px;width:min(94%,530px)}
}
@media(max-width:700px){
  .shell{width:min(100% - 30px,1180px)}
  .nav-wrap{height:70px}.brand-logo{width:37px;height:37px}.brand-name{font-size:21px}
  .hero{padding-top:24px;padding-bottom:48px}.hero:before{inset:8px -8px 18px;border-radius:26px}.hero h1{font-size:clamp(47px,15vw,68px)}.hero-lead{font-size:17px}
  .hero-visual{min-height:470px;border-radius:28px}.hero-visual:before{width:300px;height:300px;right:-55px;top:-36px}.console-card{margin-top:118px;padding:17px;transform:none;width:94%}.pill-a{top:104px;right:10px}.pill-b{bottom:30px}
  .cta-panel:after{width:200px;height:200px;right:-4%;bottom:-34%}
}
@media(prefers-reduced-motion:reduce){.brand-logo{filter:none}.hero-visual:before{filter:none}}