.monitor-redesign{--accent:#d8b30d;--accent-hover:#f0cc1a;--accent-soft:#3b3517;--on-accent:#10191d;--monitor-space:clamp(108px,12vw,176px);background:#07191f}
:root[data-theme="light"] .monitor-redesign{--accent:#876d00;--accent-hover:#705a00;--accent-soft:#f6edbd;background:var(--bg)}
.monitor-main{width:min(1200px,100%);padding-top:0!important}
.monitor-hero{display:grid;grid-template-columns:minmax(0,.76fr) minmax(520px,1.24fr);align-items:center;gap:clamp(42px,6vw,82px);min-height:650px;padding:76px 0 92px}
.monitor-kicker{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.monitor-hero h1{font-size:clamp(46px,5.4vw,72px);line-height:1.1;letter-spacing:-.055em;margin-top:22px;max-width:8ch}.monitor-hero h1 em{color:var(--accent);font-style:normal}
[data-language="en"] .monitor-hero h1{font-size:clamp(42px,4.8vw,64px);max-width:12ch}
.monitor-hero .lead{font-size:17px;line-height:1.8;color:var(--muted);margin-top:26px}.monitor-hero .proof-note{max-width:48ch}
.monitor-media-button{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);color:inherit;cursor:zoom-in;box-shadow:0 22px 58px #0004}
.monitor-media-button:hover{border-color:var(--accent)}.monitor-media-button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.monitor-shot{display:block;width:100%;height:auto;background:#f5f7fa}
.monitor-hero-media{max-width:620px;justify-self:end}.monitor-hero-media .monitor-shot{aspect-ratio:1;object-fit:cover}
.monitor-feature-heading{text-align:center;padding:58px 0 26px}.monitor-feature-heading p{color:var(--muted);font-size:13px;letter-spacing:.16em}.monitor-feature-heading h2{font-size:clamp(30px,4vw,44px);margin-top:8px}
.monitor-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);align-items:center;gap:clamp(48px,8vw,112px);margin-top:var(--monitor-space)}
.monitor-feature.media-left{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr)}.monitor-feature.media-left>.monitor-media-button,.monitor-feature.media-left>.monitor-media-pending{order:-1}
.monitor-feature-copy h3{font-size:clamp(31px,3.6vw,48px);line-height:1.18;letter-spacing:-.04em;margin-top:15px}
.know-label{color:var(--muted);font-size:11px;letter-spacing:.08em;margin-top:27px}.monitor-feature-copy ol{list-style:none;counter-reset:feature-points;padding:0;margin:12px 0 0}.monitor-feature-copy li{counter-increment:feature-points;display:grid;grid-template-columns:30px 1fr;gap:12px;padding:5px 0;font-size:15px}.monitor-feature-copy li:before{content:"0" counter(feature-points);color:var(--accent);font:700 12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}
.helps{border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.8;margin-top:22px;padding-top:17px}.helps strong{color:var(--text)}
.monitor-note{color:var(--muted);font-size:12px;margin-top:12px}
.monitor-media-pending{min-height:330px;border:1px dashed var(--line);border-radius:12px;background:var(--surface);display:grid;place-content:center;text-align:center;padding:34px;color:var(--muted)}.monitor-media-pending span{color:var(--accent);font-size:12px;letter-spacing:.14em}.monitor-media-pending strong{color:var(--text);font-size:22px;margin:10px 0}.monitor-media-pending p{max-width:34ch}
.monitor-plans{margin-top:clamp(130px,14vw,190px);padding-top:70px!important;border-top:1px solid var(--line)}.monitor-plans-heading{text-align:center;max-width:800px;margin:0 auto 34px}.monitor-plans-heading h2{font-size:clamp(28px,4vw,43px);margin:12px 0 16px}.monitor-plans-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.8}
.monitor-plans .plan-card{background:#0b2028}.monitor-plans .plan-card ul{min-height:136px}.monitor-scope-note{text-align:center;color:var(--muted);font-size:12px;margin:30px auto 0}
:root[data-theme="light"] .monitor-plans .plan-card{background:var(--surface)}
.monitor-image-dialog{width:min(1320px,calc(100% - 32px));max-height:94dvh}.monitor-image-dialog .dialog-toolbar p{font-weight:650}.monitor-dialog-stage{display:grid;place-items:center;background:#071116;padding:12px}.monitor-dialog-stage img{display:block;max-width:100%;max-height:78dvh;width:auto;height:auto}.monitor-image-dialog::backdrop{background:#02090de8}
@media(max-width:900px){.monitor-hero{grid-template-columns:1fr;min-height:0;padding:58px 0 70px}.monitor-hero-media{max-width:760px}.monitor-feature,.monitor-feature.media-left{grid-template-columns:1fr;gap:34px;margin-top:86px}.monitor-feature>.monitor-feature-copy{order:-1}.monitor-feature.media-left>.monitor-media-button,.monitor-feature.media-left>.monitor-media-pending{order:0}.monitor-feature-copy{max-width:640px}.monitor-media-pending{min-height:250px}}
@media(max-width:600px){.monitor-redesign{--monitor-space:76px}.monitor-main{padding-inline:16px}.monitor-hero{padding:42px 0 54px;gap:34px}.monitor-hero h1{font-size:44px}.monitor-hero .lead{font-size:15px}.monitor-feature-heading{padding:38px 0 8px}.monitor-feature{gap:26px}.monitor-feature-copy h3{font-size:33px}.monitor-feature-copy li{font-size:14px}.monitor-media-button{border-radius:9px}.monitor-media-pending{min-height:220px}.monitor-plans{margin-top:108px;padding-top:54px!important}.monitor-plans .plan-card ul{min-height:0}.monitor-image-dialog{width:calc(100% - 16px)}.monitor-dialog-stage{padding:4px}}
@media(prefers-reduced-motion:reduce){.monitor-media-button{scroll-behavior:auto}}