/* OS Logging keeps the shared editorial language with its original golden accent. */
.logging-logo { background:white; padding:4px 7px; width:142px; max-width:142px; height:auto; }
.logging-cover .product-cover-heading { grid-template-columns:1.6fr 1fr; }
.logging-cover h1 { font-size:clamp(45px,5vw,82px); }
.logging-console { background:#121916; color:#edf1e9; position:relative; isolation:isolate; padding:32px 38px 24px; border:1px solid #3e4938; box-shadow:0 25px 60px #15201216; overflow:hidden; }
.logging-console:before { content:''; position:absolute; z-index:-1; width:65%; height:100%; right:0; top:0; pointer-events:none; background:radial-gradient(ellipse at right top,#e8b4000d,transparent 70%); }
.log-console-head,.log-toolbar,.log-chart-head,.log-category-head,.log-console-foot,.log-trend-foot { display:flex; justify-content:space-between; align-items:center; gap:22px; }
.log-console-head { padding-bottom:24px; border-bottom:1px solid #ffffff1a; }
.log-console-head>div { display:flex; gap:13px; align-items:center; }
.logging-page .log-console-head h2 { font:500 24px/1.25 var(--head); letter-spacing:-.035em; margin:0; }
.log-spark { width:9px; height:9px; background:var(--accent); box-shadow:0 0 20px #e8b40055; rotate:45deg; }
.log-demo-badge { color:#e0c876; border:1px solid #e8b40040; padding:8px 11px; font-size:9px; letter-spacing:.09em; }
.log-toolbar { padding:24px 0 28px; }
.log-toolbar p { margin:0; color:#a4b0a0; font-size:13px; }
.log-periods,.log-chart-types { display:flex; gap:4px; }
.log-periods button,.log-chart-types button { border:1px solid transparent; background:transparent; color:#aeb8a7; padding:10px 15px; font:inherit; font-size:12px; cursor:pointer; }
.log-periods button[aria-pressed=true] { background:var(--accent); color:#172016; }
.log-periods button[aria-pressed=false]:hover { border-color:#83966b70; color:white; }
.log-chart-types { background:#ffffff05; border:1px solid #ffffff12; padding:3px; }
.log-chart-types button { font-size:11px; padding:6px 10px; }
.log-chart-types button[aria-pressed=true] { background:#364132; color:#f1ebd7; }
.log-dashboard { display:grid; grid-template-columns:1fr 1fr; border:1px solid #ffffff16; }
.log-distribution,.log-trend { padding:25px 30px 22px; min-width:0; }
.log-distribution { border-right:1px solid #ffffff16; }
.log-chart-head h3 { font:500 15px/1.4 var(--head); margin:0; letter-spacing:-.01em; }
.log-chart-head>span { font-size:11px; color:#aeb8a7; white-space:nowrap; }
.log-donut { position:relative; width:292px; max-width:100%; margin:12px auto 0; aspect-ratio:1; }
.log-donut svg { width:100%; height:100%; overflow:visible; transform:rotate(-90deg); }
.log-donut circle { fill:none; }
.log-ring-guide { stroke:#ffffff14; stroke-width:1; stroke-dasharray:2 7; }
.log-ring-track { stroke:#ffffff06; stroke-width:33; }
[data-log-ring] { stroke-width:33; }
[data-log-ring].log-highlighted { stroke-width:43; }
.log-dimmed { opacity:.24; }
.log-donut-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; gap:4px; }
.log-donut-center strong { font:500 58px/1 var(--head); letter-spacing:-.065em; }
.log-donut-center span { color:#aebca4; font-size:9px; letter-spacing:.09em; margin-top:8px; }
.log-donut-center small { font-size:11px; color:#87947e; }
.log-orbit-dot { position:absolute; inset:2%; border-radius:50%; pointer-events:none; }
.log-orbit-dot:after { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:var(--accent); left:50%; top:0; box-shadow:0 0 12px #e8b40070; }
.log-selection { color:#b4c0aa; text-align:center; font-size:11px; min-height:18px; margin:9px 0 0; }
.log-bars-view { min-height:304px; display:flex; flex-direction:column; justify-content:center; gap:25px; padding:15px 0; }
.log-horizontal-row>div:first-child { display:flex; justify-content:space-between; gap:15px; font-size:12px; margin-bottom:10px; }
.log-horizontal-row strong { font-weight:500; color:#c5cdbf; }
.log-horizontal-track { height:12px; background:#ffffff08; overflow:hidden; }
.log-horizontal-track i { display:block; width:var(--bar-width); height:100%; background:var(--bar-color); }
.log-trend>p { margin:22px 0 0; font-size:12px; color:#85957e; }
.log-trend-chart { height:239px; display:flex; align-items:stretch; justify-content:space-between; gap:16px; padding:35px 0 27px; margin:20px 0 0; background:repeating-linear-gradient(0deg,transparent 0,transparent calc(25% - 1px),#ffffff0b calc(25% - 1px),#ffffff0b 25%); }
.log-trend-column { position:relative; flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:8px; min-width:0; }
.log-trend-column>i { height:var(--bar-height); min-height:3px; width:min(44px,100%); display:block; background:linear-gradient(0deg,#e8b4001f,#e8b400); transform-origin:bottom; border-top:1px solid #fce090; }
.log-trend-column>span { color:#c8d0c1; font-size:10px; }
.log-trend-column>small { position:absolute; top:calc(100% + 10px); color:#97a28f; font-size:9px; white-space:nowrap; }
.log-trend-foot { margin-top:22px; font-size:9px; color:#809275; letter-spacing:.07em; }
.log-trend-foot strong { font-weight:500; color:#e8d28a; font-size:12px; margin-left:8px; }
.log-category-head { margin:27px 0 15px; min-height:22px; }
.log-category-head h3 { font:500 12px var(--head); margin:0; color:#aeb8a7; }
.log-category-head button { background:transparent; border:0; padding:0; color:#e0c876; font-size:11px; cursor:pointer; }
.log-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.log-categories button { position:relative; display:grid; grid-template-columns:1fr auto; text-align:left; padding:18px 18px 15px; background:#ffffff03; border:1px solid #ffffff17; color:#edf1e9; font-family:var(--body); cursor:pointer; min-width:0; }
.log-categories button>span { grid-column:span 2; font-size:11px; margin-bottom:18px; display:flex; align-items:center; gap:8px; }
.log-categories i { background:var(--category-color); width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.log-categories strong { font:500 28px/1 var(--head); letter-spacing:-.045em; }
.log-categories small { align-self:end; color:#9fae94; font-size:11px; }
.log-categories button:is(:hover,[aria-pressed=true]) { background:#e8b40008; border-color:var(--category-color); }
.log-categories button[aria-pressed=true]:after { content:''; position:absolute; left:-1px; top:-1px; width:3px; height:calc(100% + 2px); background:var(--category-color); }
.log-console-foot { margin-top:22px; color:#9aa88f; font-size:10px; }
.log-console-foot p { margin:0; max-width:570px; }
.log-console-foot>span { font-size:8px; letter-spacing:.07em; text-align:right; }
.log-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.logging-console button:focus-visible { outline:2px solid #f3d46e; outline-offset:4px; }
.logging-principle { display:grid; grid-template-columns:1.1fr 1fr; gap:8vw; align-items:center; }
.logging-principle h2 em { color:var(--accent); font-style:normal; }
.logging-principle p,.logging-invitation p { max-width:580px; color:#aabb9f; }
.logging-flow { display:grid; grid-template-columns:1fr 1fr; justify-items:center; align-items:center; position:relative; padding:38px 25px; border:1px solid #ffffff18; background:radial-gradient(ellipse,#e8b40007,transparent 70%); min-height:345px; gap:24px 0; }
.logging-stream { display:flex; flex-direction:column; gap:17px; width:100%; padding-right:24px; }
.logging-stream i { height:1px; background:#e8b40020; position:relative; overflow:hidden; }
.logging-stream i:after { content:''; position:absolute; height:1px; width:35%; background:linear-gradient(90deg,transparent,#e8b400); transform:translateX(-100%); }
.log-flow-label { color:#a1ad94; font:9px monospace; letter-spacing:.15em; }
.log-analyzer { grid-row:1/3; grid-column:2; padding:25px 15px; border:1px solid #e8b40050; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; background:#e8b40006; box-shadow:0 0 60px #e8b4000c; }
.log-analyzer img { width:125px; max-width:100%; background:white; padding:8px; }
.log-analyzer>span { font:9px monospace; color:#e0c876; letter-spacing:.12em; }
.log-flow-result { display:flex; gap:10px; height:48px; align-items:end; }
.log-flow-result i { width:10px; height:70%; background:var(--accent); transform-origin:bottom; }
.log-flow-result i:nth-child(2) { height:100%; }.log-flow-result i:nth-child(3) { height:45%; }.log-flow-result i:nth-child(4) { height:80%; }.log-flow-result i:nth-child(5) { height:60%; }
.logging-invitation { display:flex; justify-content:space-between; align-items:center; gap:50px; border-top:1px solid #ffffff1c; }
.logging-invitation .button { flex-shrink:0; }
.product-mini-row { grid-template-columns:repeat(5,minmax(0,1fr)); }
body.motion-enabled [data-log-ring] { transition:stroke-dasharray .8s var(--feel-ease),stroke-dashoffset .8s var(--feel-ease),stroke-width .45s,opacity .45s!important; }
body.motion-enabled .log-horizontal-track i { transition:width .8s var(--feel-ease)!important; }
body.motion-enabled .log-horizontal-row,body.motion-enabled .log-categories button { transition:opacity .35s,background .35s,border-color .35s!important; }
body.motion-enabled .logging-visible .log-orbit-dot { animation:loggingOrbit 24s linear infinite!important; }
body.motion-enabled .logging-visible .log-trend-column>i { animation:loggingBar .8s var(--feel-ease) var(--bar-delay) both!important; }
body.motion-enabled .logging-visible .logging-stream i:after { animation:loggingStream 3.5s linear var(--stream-delay) infinite!important; }
body.motion-enabled .logging-visible .log-flow-result i { animation:loggingBarPulse 3s ease-in-out infinite alternate!important; }
body.motion-enabled .logging-visible .log-flow-result i:nth-child(even) { animation-delay:-1.5s!important; }
@keyframes loggingOrbit { to{transform:rotate(360deg)} }
@keyframes loggingBar { from{transform:scaleY(.05);opacity:.25} to{transform:scaleY(1);opacity:1} }
@keyframes loggingStream { to{transform:translateX(390%)} }
@keyframes loggingBarPulse { to{transform:scaleY(.5)} }
@media(max-width:1150px) { .product-mini-row{grid-template-columns:repeat(2,minmax(0,1fr))}.product-mini-row>a:last-child{grid-column:span 2}.logging-console{padding:25px}.log-distribution,.log-trend{padding:20px}.log-categories{gap:8px}.log-categories button{padding:14px 12px}.log-categories button>span{font-size:10px}.log-chart-head{gap:12px}.log-chart-head h3{font-size:13px}.log-periods button{padding:10px 13px}.logging-principle{gap:40px} }
@media(max-width:760px) {
  .logging-cover .product-cover-heading{grid-template-columns:1fr}.logging-cover h1{font-size:44px}.logging-logo{width:110px;max-width:110px;height:auto}
  .logging-console{padding:19px 16px 16px;margin:0 -10px}.log-console-head{align-items:start;flex-direction:column;gap:12px;padding-bottom:17px}.logging-page .log-console-head h2{font-size:22px}.log-demo-badge{font-size:9px;letter-spacing:.04em;padding:7px 9px}
  .log-toolbar{flex-direction:column;align-items:stretch;gap:15px;padding:18px 0}.log-toolbar p{font-size:11px}.log-periods{justify-content:space-between;border:1px solid #ffffff16;padding:3px}.log-periods button{flex:1;padding:10px 6px;font-size:11px}
  .log-dashboard{grid-template-columns:minmax(0,1fr)}.log-distribution{border-right:0;border-bottom:1px solid #ffffff16}.log-distribution,.log-trend{padding:18px 15px}.log-chart-head h3{font-size:12px}.log-chart-types button{font-size:10px;padding:6px 8px}
  .log-donut{width:265px;max-width:100%;margin:14px auto 0}.log-donut-center strong{font-size:48px}.log-donut-center span{font-size:8px}.log-donut-center small{font-size:9px}.log-bars-view{min-height:270px}.log-trend-chart{height:195px;gap:9px}.log-trend-column>small{font-size:8px}.log-trend-column>span{font-size:9px}
  .log-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.log-categories button{padding:15px 12px}.log-categories button>span{font-size:11px;margin-bottom:15px;gap:6px}.log-categories strong{font-size:27px}.log-categories small{font-size:11px}.log-category-head h3{font-size:11px}.log-category-head button{font-size:9px}
  .log-console-foot{flex-direction:column;align-items:start;gap:12px;font-size:10px}.log-console-foot>span{text-align:left;font-size:7px}.logging-principle{grid-template-columns:1fr;gap:28px}.logging-principle p{font-size:15px}.logging-flow{min-height:285px}.logging-invitation{flex-direction:column;align-items:start;gap:22px}.logging-invitation p{font-size:15px}.logging-page .connected-products h2{font-size:33px}
  .orbit-node{min-width:68px;max-width:78px;font-size:9px}.orbit-node .node-symbol{width:37px;height:37px}
}
@media(max-width:380px) { .logging-cover h1{font-size:40px}.log-donut{width:236px}.log-donut-center strong{font-size:43px}.log-category-head{gap:8px}.log-category-head button{font-size:8px} }
noscript .log-static-note { color:#aeb8a7; font-size:12px; }