.log-hero-grid{position:relative}.log-hero-grid>*{z-index:1;position:relative}.log-console-mock{border:1px solid var(--line-strong);background:var(--surface-subtle);border-radius:0;overflow:hidden}.log-console-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:1px solid var(--line);background:var(--background);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.68rem;font-weight:600;display:flex}.log-console-label:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.log-console-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.log-console-summary-item{padding:.75rem 1rem}.log-console-summary-item:not(:last-child){border-right:1px solid var(--line)}.log-console-summary-item-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);margin-bottom:.3rem;font-size:.58rem;font-weight:600}.log-console-summary-item-value{font-family:var(--font-mono);color:var(--foreground);font-size:1.1rem;font-weight:500}.log-console-table{grid-template-columns:.6fr .5fr .5fr .6fr .4fr .6fr;display:grid}.log-console-header{display:contents}.log-console-header-cell{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:1px solid var(--line);background:var(--surface-subtle);padding:.5rem .75rem;font-size:.58rem;font-weight:600}.log-console-header-cell:not(:last-child){border-right:1px solid var(--line)}.log-console-row{display:contents}.log-console-row:not(:last-child) .log-console-cell{border-bottom:1px solid var(--line)}.log-console-cell{font-family:var(--font-mono);color:var(--foreground);padding:.5rem .75rem;font-size:.72rem;font-weight:500}.log-console-cell:not(:last-child){border-right:1px solid var(--line)}.log-console-status{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.3rem;font-size:.62rem;font-weight:600;display:inline-flex}.log-console-status:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.log-console-status--ontime{color:var(--status-green)}.log-console-status--ontime:before{background:var(--status-green)}.log-console-status--intransit{color:var(--brand)}.log-console-status--intransit:before{background:var(--brand)}.log-console-status--delayed{color:var(--status-warning)}.log-console-status--delayed:before{background:var(--status-warning)}.log-console-status--exception{color:var(--status-error)}.log-console-status--exception:before{background:var(--status-error)}.log-console-footer{border-top:1px solid var(--line);background:var(--background);font-family:var(--font-mono);color:var(--foreground-secondary);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.68rem;display:flex}.log-console-footer:before{content:"✓";color:var(--status-green);font-weight:700}.log-hero-stats{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border-radius:0;grid-template-columns:repeat(4,1fr);display:grid}.log-hero-stat{text-align:left;padding:clamp(1.2rem,2vw,1.6rem) clamp(1rem,2vw,1.4rem)}.log-hero-stat:not(:last-child){border-right:1px solid var(--line)}.log-hero-stat-value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--foreground);margin:0;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:400}.log-hero-stat-label{color:var(--foreground-secondary);margin:.4rem 0 0;font-size:.84rem;line-height:1.4}.log-callout{border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 0-sm 0-sm 0;margin-top:1.5rem;padding:1rem 1.05rem}.log-callout p{color:var(--foreground);margin:0;font-size:.88rem;line-height:1.55}.log-pipeline-flow{border:1px solid var(--line);border-radius:0;margin-top:2rem;overflow:hidden}.log-pipeline-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:1px solid var(--line);background:var(--background);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.68rem;font-weight:600;display:flex}.log-pipeline-label:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.log-pipeline-nodes{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:0;padding:1rem;display:grid}.log-pipeline-node{border:1px solid var(--line);background:var(--background);border-radius:0;flex-direction:column;gap:.3rem;padding:.75rem;display:flex}.log-pipeline-node-label{font-family:var(--font-mono);color:var(--foreground);font-size:.78rem;font-weight:600}.log-pipeline-node-detail{color:var(--foreground-secondary);font-size:.72rem;line-height:1.45}.log-pipeline-node-status{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--status-green);align-items:center;gap:.3rem;font-size:.62rem;font-weight:600;display:flex}.log-pipeline-node-status:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.log-pipeline-connector{justify-content:center;align-items:center;min-width:clamp(12px,2vw,24px);padding:0 .5rem;display:flex}.log-pipeline-connector:after{content:"";background:repeating-linear-gradient(90deg,var(--line-strong)0,var(--line-strong)4px,transparent 4px,transparent 8px);width:100%;height:1px}.log-pipeline-footer{border-top:1px solid var(--line);background:var(--background);font-family:var(--font-mono);color:var(--foreground-secondary);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.68rem;display:flex}.log-pipeline-footer:before{content:"✓";color:var(--status-green);font-weight:700}.log-network-bg{position:relative}.log-network-bg:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(60deg,transparent 0,transparent 19px,var(--line)19px,var(--line)20px),repeating-linear-gradient(120deg,transparent 0,transparent 19px,var(--line)19px,var(--line)20px);opacity:.05;position:absolute;inset:0}.log-network-bg>*{z-index:1;position:relative}.log-network-panel{border:1px solid var(--line);border-radius:0;margin-top:2rem;overflow:hidden}.log-network-bar{border-bottom:1px solid var(--line);background:var(--surface-subtle);align-items:center;padding:0;display:flex}.log-network-bar-item{font-family:var(--font-mono);color:var(--foreground);padding:.75rem 1rem;font-size:.72rem;font-weight:500}.log-network-bar-item:not(:last-child){border-right:1px solid var(--line)}.log-network-bar-item span{color:var(--foreground-secondary);margin-right:.5rem;font-weight:400}.log-network-table{grid-template-columns:.8fr .5fr .7fr .7fr 1.2fr .5fr;display:grid}.log-network-header{display:contents}.log-network-header-cell{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:1px solid var(--line);background:var(--surface-subtle);padding:.5rem .75rem;font-size:.58rem;font-weight:600}.log-network-header-cell:not(:last-child){border-right:1px solid var(--line)}.log-network-row{display:contents}.log-network-row:not(:last-child) .log-network-cell{border-bottom:1px solid var(--line)}.log-network-cell{font-family:var(--font-mono);color:var(--foreground);padding:.75rem;font-size:.72rem;font-weight:500;line-height:1.45}.log-network-cell:not(:last-child){border-right:1px solid var(--line)}.log-network-fill{vertical-align:middle;border-radius:3px;width:64px;height:6px;margin-left:.5rem;display:inline-block}.log-network-fill--high{background:linear-gradient(90deg,var(--status-green)var(--fill-pct),var(--line)var(--fill-pct))}.log-network-fill--medium{background:linear-gradient(90deg,var(--status-warning)var(--fill-pct),var(--line)var(--fill-pct))}.log-network-fill--low{background:linear-gradient(90deg,var(--status-error)var(--fill-pct),var(--line)var(--fill-pct))}.log-network-fill--offline{background:var(--line)}.log-network-trend{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;font-weight:600}.log-network-trend--high{color:var(--status-green)}.log-network-trend--medium{color:var(--status-warning)}.log-network-trend--low{color:var(--status-error)}.log-network-trend--offline{color:var(--foreground-secondary)}.log-network-footer{border-top:1px solid var(--line);background:var(--background);font-family:var(--font-mono);color:var(--foreground-secondary);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.68rem;display:flex}.log-network-footer:before{content:"✓";color:var(--status-green);font-weight:700}.log-usecase-grid{border:1px solid var(--line);border-radius:0;grid-template-columns:repeat(3,1fr);margin-top:2rem;display:grid;overflow:hidden}.log-usecase-cell{color:inherit;padding:2.5rem;text-decoration:none;transition:background .2s cubic-bezier(.25,1,.5,1);display:block}.log-usecase-cell:hover{background:var(--surface-subtle)}.log-usecase-cell:not(:nth-child(3n)){border-right:1px solid var(--line)}.log-usecase-cell:nth-child(-n+3){border-bottom:1px solid var(--line)}.log-usecase-cell h3{color:var(--foreground);margin-bottom:.5rem;font-size:.98rem;font-weight:600;line-height:1.3}.log-usecase-cell .usecase-summary{color:var(--foreground-secondary);font-size:.86rem;line-height:1.55}.log-usecase-cell .pill-row{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.log-topology{border:1px solid var(--dark-border,#ffffff1a);border-radius:0;margin-top:2rem;padding:2.5rem}.log-topology-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;border-bottom:1px solid var(--dark-border,#ffffff1a);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;font-size:.66rem;font-weight:600;display:flex}.log-topology-label:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.log-topology-nodes{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:0;display:grid}.log-topology-node{border:1px solid var(--dark-border,#ffffff1a);background:#101e4a80;border-radius:0;padding:1rem}.log-topology-node-label{font-family:var(--font-mono);color:var(--primary-foreground);margin-bottom:.3rem;font-size:.78rem;font-weight:600}.log-topology-node-detail{color:#ffffff73;font-size:.72rem;line-height:1.45}.log-topology-connector{justify-content:center;align-items:center;min-width:clamp(12px,2vw,24px);padding:0 .5rem;display:flex}.log-topology-connector:after{content:"";background:repeating-linear-gradient(90deg,#fff3 0 4px,#0000 4px 8px);width:100%;height:1px}.log-operations-grid{border:1px solid var(--dark-border,#ffffff1a);border-radius:0;grid-template-columns:repeat(4,1fr);margin-top:2rem;display:grid;overflow:hidden}.log-operations-cell{padding:2.5rem}.log-operations-cell:not(:last-child){border-right:1px solid var(--dark-border,#ffffff1a)}.log-operations-name{font-family:var(--font-mono);color:var(--primary-foreground);border-bottom:1px solid var(--dark-border,#ffffff1a);margin-bottom:.75rem;padding-bottom:.75rem;font-size:.82rem;font-weight:600}.log-operations-bullets{margin:0;padding:0;list-style:none}.log-operations-bullets li{color:#ffffff8c;font-size:.8rem;line-height:1.7}.log-operations-bullets li:before{content:"— ";color:#ffffff40}.log-dark-stats{border:1px solid var(--dark-border,#ffffff1a);border-radius:0;grid-template-columns:repeat(4,1fr);margin-top:1.5rem;display:grid;overflow:hidden}.log-dark-stat-cell{padding:2.5rem}.log-dark-stat-cell:not(:last-child){border-right:1px solid var(--dark-border,#ffffff1a)}.log-dark-stat-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;border-bottom:1px solid var(--dark-border,#ffffff1a);margin-bottom:.75rem;padding-bottom:.75rem;font-size:.58rem;font-weight:600}.log-dark-stat-value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--primary-foreground);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:400}.log-integ-panel{border:1px solid var(--line);border-radius:0;margin-top:2rem;overflow:hidden}.log-integ-bar{border-bottom:1px solid var(--line);background:var(--surface-subtle);align-items:center;padding:0;display:flex}.log-integ-bar-item{font-family:var(--font-mono);color:var(--foreground);padding:.75rem 1rem;font-size:.72rem;font-weight:500}.log-integ-bar-item:not(:last-child){border-right:1px solid var(--line)}.log-integ-bar-item span{color:var(--foreground-secondary);margin-right:.5rem;font-weight:400}.log-integ-table{grid-template-columns:1.2fr 2fr .5fr .8fr;display:grid}.log-integ-header{display:contents}.log-integ-header-cell{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:1px solid var(--line);background:var(--surface-subtle);padding:.5rem .75rem;font-size:.58rem;font-weight:600}.log-integ-header-cell:not(:last-child){border-right:1px solid var(--line)}.log-integ-row{display:contents}.log-integ-row:not(:last-child) .log-integ-cell{border-bottom:1px solid var(--line)}.log-integ-cell{font-family:var(--font-mono);color:var(--foreground);padding:.75rem;font-size:.72rem;font-weight:500;line-height:1.45}.log-integ-cell:not(:last-child){border-right:1px solid var(--line)}.log-final-divider{border:none;border-top:1px solid var(--line);margin-inline:auto;max-width:80rem;margin-bottom:0}@media (max-width:1100px){.log-hero-stats{grid-template-columns:repeat(2,1fr)}.log-hero-stat:nth-child(2){border-right:none}.log-hero-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.log-pipeline-connector{min-width:clamp(8px,1.5vw,16px)}.log-network-bar{flex-wrap:wrap}.log-usecase-grid{grid-template-columns:repeat(2,1fr)}.log-usecase-cell{border-right:none!important}.log-usecase-cell:nth-child(odd){border-right:1px solid var(--line)!important}.log-usecase-cell:not(:nth-last-child(-n+2)),.log-usecase-cell:nth-child(3){border-bottom:1px solid var(--line)}.log-operations-grid{grid-template-columns:repeat(2,1fr)}.log-operations-cell:nth-child(2){border-right:none}.log-operations-cell:nth-child(-n+2){border-bottom:1px solid var(--dark-border,#ffffff1a)}.log-dark-stats{grid-template-columns:repeat(2,1fr)}.log-dark-stat-cell:nth-child(2){border-right:none}.log-dark-stat-cell:nth-child(-n+2){border-bottom:1px solid var(--dark-border,#ffffff1a)}.log-topology-connector{min-width:clamp(8px,1.5vw,16px)}.log-integ-bar{flex-wrap:wrap}}@media (max-width:760px){.log-hero-stats{grid-template-columns:1fr}.log-hero-stat{border-right:none!important}.log-hero-stat:not(:last-child){border-bottom:1px solid var(--line)}.log-console-summary{grid-template-columns:1fr}.log-console-summary-item{border-right:none!important}.log-console-summary-item:not(:last-child){border-bottom:1px solid var(--line)}.log-console-mock{overflow-x:auto}.log-console-table{min-width:32rem}.log-pipeline-nodes{grid-template-columns:1fr;gap:0}.log-pipeline-connector{min-width:unset;justify-content:center;padding:.5rem 0}.log-pipeline-connector:after{background:repeating-linear-gradient(180deg,var(--line-strong)0,var(--line-strong)4px,transparent 4px,transparent 8px);width:1px;height:18px}.log-network-panel{overflow-x:auto}.log-network-table{min-width:40rem}.log-usecase-grid{grid-template-columns:1fr}.log-usecase-cell{border-right:none!important}.log-usecase-cell:not(:last-child){border-bottom:1px solid var(--line)}.log-topology-nodes{grid-template-columns:1fr;gap:0}.log-topology-connector{min-width:unset;justify-content:center;padding:.5rem 0}.log-topology-connector:after{background:repeating-linear-gradient(#fff3 0 4px,#0000 4px 8px);width:1px;height:18px}.log-operations-grid{grid-template-columns:1fr}.log-operations-cell{border-right:none!important}.log-operations-cell:not(:last-child){border-bottom:1px solid var(--dark-border,#ffffff1a)}.log-dark-stats{grid-template-columns:1fr}.log-dark-stat-cell{border-right:none!important}.log-dark-stat-cell:not(:last-child){border-bottom:1px solid var(--dark-border,#ffffff1a)}.log-integ-panel{overflow-x:auto}.log-integ-table{min-width:32rem}}