/* Cropped application surfaces. All data is illustrative. */
.feature-visual:has(.feature-app-frame){padding:23px 22px;background:var(--surface);height:278px;justify-content:flex-start}.feature-app-frame{width:100%;min-height:226px;background:var(--surface-raised);border:1px solid var(--line);border-radius:7px;overflow:hidden;font-size:8px;line-height:1.5;color:var(--text);box-shadow:0 8px 24px #00000008}.feature-app-bar{display:flex;align-items:center;gap:7px;height:31px;padding:0 11px;border-bottom:1px solid var(--line)}.feature-app-bar strong{font-size:9px}.feature-app-bar>span{margin-left:auto;font-size:7px;color:var(--muted)}.feature-app-bar i{font-style:normal;color:var(--muted)}.feature-app-bar img{filter:brightness(0) saturate(100%) invert(34%) sepia(94%) saturate(2055%) hue-rotate(188deg) brightness(91%) contrast(103%)}[data-theme="dark"] .feature-app-bar img{filter:brightness(0) saturate(100%) invert(66%) sepia(56%) saturate(2048%) hue-rotate(187deg) brightness(104%) contrast(101%)}.feature-app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;color:var(--muted);font-size:8px}.feature-app-toolbar>code{flex:1;text-align:center;font-size:7px}.feature-app-explorer,.feature-app-database{display:grid;grid-template-columns:100px minmax(0,1fr)}.feature-app-side{display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);padding:11px 7px;font-size:8px}.feature-app-side>strong{font-size:8px;padding:0 5px 3px}.feature-app-side>span{padding:5px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.feature-app-selected{background:var(--soft-blue);color:var(--blue)!important;border-radius:4px}.feature-app-main{min-width:0}.feature-app-row{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:8px;align-items:center;border-top:1px solid var(--line);padding:9px 11px;min-height:32px;transition:background .5s,box-shadow .5s}.feature-app-explorer .feature-app-row{grid-template-columns:1.5fr .7fr .6fr;padding:8px 10px;font-size:7px}.feature-app-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.feature-app-row-heading{background:var(--surface);color:var(--muted);font-size:7px;padding-block:7px}.feature-app-row small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.feature-app-status{color:#16885f;font-size:7px}.feature-app-tabs{display:flex;gap:3px;padding:8px 8px 5px;border-bottom:1px solid var(--line);font-size:7px;color:var(--muted)}.feature-app-tabs>span{padding:5px 7px;white-space:nowrap}.feature-app-primary{display:inline-block;background:#0276db;color:#fff!important;padding:4px 7px;border-radius:4px;font-size:7px}.feature-app-pagination{padding:10px;color:var(--muted);font-size:7px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.feature-app-cron{margin:0 11px 8px;border:1px solid var(--line);border-radius:5px;padding:9px;transition:background .5s,box-shadow .5s}.feature-app-cron>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.feature-app-cron strong{font-size:9px}.feature-app-cron-detail{display:flex;justify-content:space-between;gap:7px;font-size:7px;margin-bottom:5px}.feature-app-cron-detail>span:first-child{color:var(--muted)}.feature-app-cron-detail code{font-size:7px;white-space:nowrap}.feature-app-cron .feature-app-toolbar{padding:5px 0 0;border-top:1px solid var(--line);font-size:7px}.feature-app-cron-compact{display:flex;justify-content:space-between;align-items:center;font-size:8px}.feature-app-cron-compact strong{font-size:8px}.feature-app-security-tabs{font-size:6px;padding:6px 4px}.feature-app-security-tabs>span{padding:5px;white-space:nowrap}.feature-app-check{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);transition:background .5s,box-shadow .5s}.feature-app-check strong{font-size:8px;font-weight:550}.feature-app-check>span:last-child{margin-left:auto;color:var(--muted)}.feature-app-checkbox{width:11px;height:11px;background:#0276db;color:#fff;border-radius:3px;display:grid;place-items:center;font-size:8px}.feature-app-chat{padding:10px 12px}.feature-app-question{padding:7px 9px;border-radius:5px;background:var(--soft-blue);max-width:87%;margin:0 0 9px auto;font-size:8px;transition:box-shadow .5s}.feature-app-command{border:1px solid var(--line);border-radius:5px;padding:8px 9px;transition:box-shadow .5s}.feature-app-command>div:first-child{display:flex;justify-content:space-between;font-size:7px;color:var(--muted)}.feature-app-command code{display:block;color:var(--text);padding:8px 0;font:9px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.feature-app-command-actions{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:var(--muted)}.feature-app-composer{margin-top:9px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);transition:box-shadow .5s}.feature-app-composer>span{font-size:8px}.feature-app-composer>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:7px}.feature-app-composer b{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;color:#fff;background:#0276db;font-size:10px}.feature-app-frame .feature-app-step-active{background:var(--soft-blue);box-shadow:inset 2px 0 var(--blue)}.feature-app-chat .feature-app-step-active{box-shadow:0 0 0 1px var(--blue);background:var(--surface-raised)}
@media(max-width:900px){.feature-visual:has(.feature-app-frame){padding:20px 15px;height:272px}.feature-app-explorer,.feature-app-database{grid-template-columns:85px minmax(0,1fr)}.feature-app-security-tabs{overflow:hidden;font-size:6px}.feature-app-security-tabs>span{padding:5px 3px}.feature-app-side{font-size:7px}.feature-app-tabs>span{padding:5px}.feature-app-row{font-size:7px;padding-inline:9px}}
@media(max-width:640px){.feature-visual:has(.feature-app-frame){height:279px;padding:22px 18px}.feature-app-explorer,.feature-app-database{grid-template-columns:90px minmax(0,1fr)}.feature-app-row{padding-inline:9px}.feature-app-security-tabs{font-size:6px}}
@media(prefers-reduced-motion:reduce){.feature-app-frame *{transition:none!important}.feature-app-frame .feature-app-step-active{box-shadow:none;background:inherit}}
.feature-app-container-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto 55px;gap:10px;align-items:center;margin:6px 10px;padding:9px 10px;border:1px solid var(--line);border-radius:5px;transition:background .5s,box-shadow .5s}.feature-app-container-row strong{font-size:9px}.feature-app-container-row small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.feature-app-container-icon{font-size:16px;color:var(--blue)}.feature-app-inline-actions{font-size:10px;color:var(--muted);text-align:right}.feature-app-cron-row{display:grid;grid-template-columns:17px .9fr 1.65fr .7fr .7fr .7fr;gap:6px;align-items:center;min-height:43px;border-top:1px solid var(--line);padding:10px 9px;font-size:7px;transition:background .5s,box-shadow .5s}.feature-app-cron-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.feature-app-cron-row>code{font-size:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.feature-app-cron-row>code:nth-child(2){color:var(--blue)}.feature-app-cron-row.feature-app-row-heading{min-height:28px;font-size:6px;padding-block:7px}
@media(max-width:900px){.feature-app-cron-row{gap:4px;padding-inline:7px;font-size:6px}.feature-app-cron-row>code{font-size:6px}.feature-app-container-row{gap:7px;grid-template-columns:16px minmax(0,1fr) auto 43px;padding-inline:7px}.feature-app-inline-actions{font-size:8px}}
@media(prefers-reduced-motion:reduce){.feature-app-container-row,.feature-app-cron-row{transition:none}}
/* Surveillance : les réglages viennent du desktop, les événements du collecteur Linux. */
.monitoring-feature{scroll-margin-top:100px;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.monitoring-visual{margin:0;padding:30px 25px;background:var(--surface);border-right:1px solid var(--line);height:100%;display:flex;flex-direction:column;justify-content:center}.monitoring-visual figcaption{max-width:420px;margin:16px auto 0;text-align:center;font-size:11px;line-height:1.65;color:var(--muted)}.monitoring-copy{padding:32px}.monitoring-copy h3{font-size:clamp(23px,2.2vw,30px);line-height:1.25;letter-spacing:-.025em}.monitoring-benefits{margin:24px 0;display:grid;gap:18px}.monitoring-benefits dt{font-size:13px;font-weight:650;margin-bottom:5px}.monitoring-benefits dd{margin:0;font-size:12px;color:var(--muted);line-height:1.75}.monitoring-copy .monitoring-note{font-size:11px;line-height:1.7;padding-top:16px;border-top:1px solid var(--line)}
.monitoring-flow{position:relative;width:100%;height:330px;max-width:500px;margin-inline:auto}.monitoring-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.monitoring-links path{fill:none;stroke:var(--line);stroke-width:1.8}.monitoring-links .monitoring-setup-link{stroke-dasharray:4 5}.monitoring-junction{fill:var(--blue)}.monitoring-node{position:absolute;background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 20px #00000005;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 7px;text-align:center;transition:border-color .35s,box-shadow .35s,transform .35s}.monitoring-node strong{font-size:12px;line-height:1.35}.monitoring-node>span:last-child{font-size:9px;line-height:1.4;color:var(--muted)}.monitoring-node img{filter:brightness(0) saturate(100%) invert(40%) sepia(97%) saturate(2200%) hue-rotate(191deg)}.monitoring-source{left:23%;top:0;width:54%;height:74px}.monitoring-collector{left:17%;top:36.36%;width:66%;height:72px}.monitoring-backend,.monitoring-firebase{width:36%;top:75.15%;height:82px}.monitoring-backend{left:4%}.monitoring-firebase{right:4%}.monitoring-firebase>svg{color:#e7a718}.monitoring-node-symbol{font:650 18px/1.2 ui-monospace,monospace;color:var(--blue)}.monitoring-node.feature-app-step-active{border-color:var(--blue);box-shadow:0 0 0 3px var(--soft-blue),0 8px 24px #0276db12;transform:translateY(-3px)}.monitoring-event{position:absolute;top:60%;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;max-width:90%;white-space:nowrap;padding:5px 9px;background:var(--surface-raised);border:1px solid var(--line);border-radius:20px;font-size:9px;color:var(--muted)}.monitoring-event code{font-size:9px;color:var(--text)}.monitoring-event-dot{width:5px;height:5px;background:#ed9b23;border-radius:50%;flex-shrink:0}.monitoring-flow[data-flow-status="resolved"] .monitoring-event-dot{background:#20a377}.monitoring-event-label{position:absolute;top:70%;width:100%;text-align:center;font-size:8px;color:var(--muted);padding:2px}
.monitoring-flow[data-flow-stage="0"] .monitoring-setup-link,.monitoring-flow[data-flow-stage="2"] .monitoring-backend-link,.monitoring-flow[data-flow-stage="3"] .monitoring-firebase-link{stroke:var(--blue);stroke-width:2.5;stroke-dasharray:7 12;animation:monitoring-events .85s linear infinite}.monitoring-flow[data-flow-stage="1"] .monitoring-event{border-color:var(--blue);box-shadow:0 0 0 3px var(--soft-blue)}
@keyframes monitoring-events{to{stroke-dashoffset:-38}}
@media(max-width:900px){.monitoring-feature{grid-template-columns:1fr}.monitoring-visual{border-right:0;border-bottom:1px solid var(--line);padding:28px 20px}.monitoring-copy{padding:27px 30px}}
@media(max-width:440px){.monitoring-copy{padding:24px}.monitoring-node strong{font-size:11px}.monitoring-node>span:last-child{font-size:8px}.monitoring-event{font-size:8px;gap:4px;padding-inline:7px}.monitoring-collector{left:10%;width:80%}}
@media(prefers-reduced-motion:reduce){.monitoring-flow *{animation:none!important;transition:none!important}.monitoring-node.feature-app-step-active{transform:none}}
.monitoring-setup-label{position:absolute;top:27%;width:100%;text-align:center;font-size:9px;color:var(--muted);background:var(--surface);padding:2px}.monitoring-or{position:absolute;left:42%;width:16%;top:86%;text-align:center;color:var(--muted);font-size:10px}
.monitoring-source img{filter:none;width:25px;height:25px;object-fit:contain}