@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
.observepoint-page{--op-bg:#f4f4f3;--op-surface:#fff;--op-surface-2:#ebebe8;--op-border:#dddcd8;--op-border-strong:#c4c3bd;--op-ink:#1b1b19;--op-ink-2:#4a4a45;--op-ink-3:#6c6c65;--op-accent:#846200;--op-accent-bright:#f0b400;--op-accent-soft:#fbf0cf;--op-accent-btn:#f4b800;--op-accent-btn-hover:#dca600;--op-accent-btn-text:#1b1b19;--op-pass:#0f7a3d;--op-pass-soft:#e4f4ea;--op-warn:#b4530a;--op-warn-soft:#fbe8d6;--op-risk:#b42318;--op-risk-soft:#fdece9;--op-font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--op-font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--op-content:760px;--op-wide:1060px;--op-pad:clamp(20px, 5vw, 40px);--op-section-y:clamp(56px, 8vw, 104px);background:var(--op-bg);min-height:100vh;color:var(--op-ink);font-family:var(--op-font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65}[data-theme=dark] .observepoint-page{--op-bg:#181817;--op-surface:#222220;--op-surface-2:#2b2b28;--op-border:#3a3a36;--op-border-strong:#4e4e49;--op-ink:#f1f1ee;--op-ink-2:#b9b9b3;--op-ink-3:#8c8c85;--op-accent:#ffc72c;--op-accent-bright:#ffce3a;--op-accent-soft:#ffc72c26;--op-accent-btn:#ffc72c;--op-accent-btn-hover:#f0b81f;--op-accent-btn-text:#1b1b19;--op-pass:#4ccf8a;--op-pass-soft:#4ccf8a26;--op-warn:#f0993a;--op-warn-soft:#f0993a26;--op-risk:#fb8a82;--op-risk-soft:#fb8a8226}.observepoint-page *,.observepoint-page :before,.observepoint-page :after{box-sizing:border-box}.op-wrap{max-width:var(--op-content);padding:0 var(--op-pad);margin:0 auto}.op-wrap-wide{max-width:var(--op-wide);padding:0 var(--op-pad);margin:0 auto}.op-section{padding:var(--op-section-y) 0}.observepoint-page section{scroll-margin-top:72px}.op-eyebrow{font-family:var(--op-font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--op-accent);align-items:center;gap:12px;margin:0 0 20px;font-size:11px;font-weight:500;display:flex}.op-eyebrow:before{content:"";background:currentColor;flex:none;width:22px;height:1px}.op-h1{font-family:var(--op-font-sans);letter-spacing:-.02em;color:var(--op-ink);text-wrap:balance;margin:0;font-size:clamp(31px,5.4vw,52px);font-weight:600;line-height:1.08}.op-h2{font-family:var(--op-font-sans);letter-spacing:-.015em;color:var(--op-ink);text-wrap:balance;margin:0 0 18px;font-size:clamp(24px,3.4vw,34px);font-weight:600;line-height:1.15}.op-h3{font-family:var(--op-font-sans);color:var(--op-ink);margin:0;font-size:17px;font-weight:600;line-height:1.3}.op-accent{color:var(--op-accent)}.op-lede{color:var(--op-ink-2);max-width:var(--op-content);margin:0 0 20px;font-size:clamp(16.5px,1.7vw,19px);line-height:1.6}.op-body{color:var(--op-ink-2);margin:0 0 18px;font-size:16px;line-height:1.72}.op-body:last-child{margin-bottom:0}.op-body strong{color:var(--op-ink);font-weight:600}.op-hero{padding-top:clamp(48px,8vw,96px);padding-bottom:var(--op-section-y);position:relative;overflow:hidden}.op-hero .op-h1{max-width:18ch;margin-bottom:22px}.op-hero-sub{color:var(--op-ink-2);max-width:56ch;margin:0 0 28px;font-size:clamp(16.5px,1.9vw,20px);line-height:1.55}.op-honesty{max-width:60ch;color:var(--op-ink-3);border-left:2px solid var(--op-border-strong);align-items:flex-start;gap:10px;padding:4px 0 4px 14px;font-size:13px;line-height:1.55;display:flex}.op-honesty svg{color:var(--op-ink-3);flex:none;margin-top:2px}.op-waterfall{flex-direction:column;gap:6px;width:100%;display:flex}.op-waterfall-row{align-items:center;height:9px;display:flex}.op-waterfall-bar{background:linear-gradient(90deg, var(--op-accent-bright), color-mix(in srgb, var(--op-accent-bright) 30%, transparent));transform-origin:0;border-radius:2px;height:7px;animation:.7s cubic-bezier(.22,1,.36,1) backwards op-wf-grow}@keyframes op-wf-grow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.op-hero-waterfall{opacity:.5;pointer-events:none;width:min(340px,38vw);position:absolute;top:50%;right:clamp(-40px,-2vw,0px);transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}@media (max-width:760px){.op-hero-waterfall{display:none}}.op-divider{max-width:var(--op-wide);padding:0 var(--op-pad);margin:0 auto}.op-divider .op-waterfall{opacity:.55;gap:4px}.op-divider .op-waterfall-bar{height:4px}.op-pill{font-family:var(--op-font-mono);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:11px;font-weight:600;display:inline-flex}.op-pill svg{flex:none}.op-pill-pass{color:var(--op-pass);background:var(--op-pass-soft)}.op-pill-warn{color:var(--op-warn);background:var(--op-warn-soft)}.op-pill-risk{color:var(--op-risk);background:var(--op-risk-soft)}.op-pill-info{color:var(--op-accent);background:var(--op-accent-soft)}.op-contrast{grid-template-columns:1fr;gap:16px;margin-top:36px;display:grid}@media (min-width:720px){.op-contrast{grid-template-columns:1fr 1fr;align-items:stretch;gap:18px}}.op-panel{border:1px solid var(--op-border);background:var(--op-surface);border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex}.op-panel-anticipate{border-color:color-mix(in srgb, var(--op-accent) 35%, var(--op-border));box-shadow:0 1px 0 var(--op-accent-soft), 0 8px 24px -16px color-mix(in srgb, var(--op-accent) 40%, transparent)}.op-panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.op-panel-label{font-family:var(--op-font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--op-ink-3);font-size:11px;font-weight:600}.op-panel-anticipate .op-panel-label{color:var(--op-accent)}.op-panel-line{color:var(--op-ink);font-size:15px;line-height:1.5}.op-panel-meta{font-family:var(--op-font-mono);color:var(--op-ink-3);margin-top:auto;font-size:12px}.op-panel-meta b{color:var(--op-ink-2);font-weight:600}.op-cardgrid{grid-template-columns:1fr;gap:14px;margin-top:32px;display:grid}@media (min-width:680px){.op-cardgrid{grid-template-columns:1fr 1fr;gap:16px}}.op-statuscard{border:1px solid var(--op-border);background:var(--op-surface);border-radius:12px;padding:18px}.op-statuscard-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.op-statuscard-head .op-h3{flex:1}.op-statuscard-body{color:var(--op-ink-2);margin:0;font-size:14.5px;line-height:1.6}.op-audit-sub{font-family:var(--op-font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--op-ink-3);margin:30px 0 0;font-size:12px}.op-audit{--opp-panel-bg:#0d0d0f;--opp-panel-border:transparent;--opp-card-bg:#161619;--opp-card-border:#ffffff12;--opp-title:#f4f4f5;--opp-body:#9ca3af;--opp-id:#6b7280;background:var(--opp-panel-bg);border:1px solid var(--opp-panel-border);border-radius:16px;flex-direction:column;gap:14px;margin-top:28px;padding:clamp(16px,3vw,24px);display:flex}.op-opp{--opp-color:#f59e0b;--opp-pill-bg:#f59e0b21;--opp-pill-text:#fbbf24;background:var(--opp-card-bg);border:1px solid var(--opp-card-border);border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px 18px 22px;transition:border-color .15s,transform .15s;display:flex;position:relative}.op-opp:before{content:"";background:var(--opp-color);border-radius:0 2px 2px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.op-opp:hover{border-color:color-mix(in srgb, var(--opp-color) 35%, transparent);transform:translateY(-1px)}.op-opp-leak{--opp-color:#f59e0b;--opp-pill-bg:#f59e0b21;--opp-pill-text:#fbbf24}.op-opp-opportunity{--opp-color:#34d399;--opp-pill-bg:#34d39921;--opp-pill-text:#6ee7b7}.op-opp-horizon{--opp-color:#38bdf8;--opp-pill-bg:#38bdf821;--opp-pill-text:#7dd3fc}.op-opp-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.op-opp-pill{font-family:var(--op-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opp-pill-text);background:var(--opp-pill-bg);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.op-opp-pill svg{flex:none;width:12px;height:12px}.op-opp-id{font-family:var(--op-font-mono);letter-spacing:.04em;color:var(--opp-id);font-size:11px}.op-opp-title{font-family:var(--op-font-sans);color:var(--opp-title);margin:0;font-size:17px;font-weight:600;line-height:1.3}.op-opp-body{font-family:var(--op-font-mono);color:var(--opp-body);margin:0;font-size:13.5px;line-height:1.7}[data-theme=light] .observepoint-page .op-audit{--opp-panel-bg:#ebeae6;--opp-panel-border:var(--op-border);--opp-card-bg:#fff;--opp-card-border:#0000001a;--opp-title:#1b1b19;--opp-body:#4a4a45;--opp-id:#6c6c65}[data-theme=light] .observepoint-page .op-opp-leak{--opp-pill-text:#b45309}[data-theme=light] .observepoint-page .op-opp-opportunity{--opp-pill-text:#047857}[data-theme=light] .observepoint-page .op-opp-horizon{--opp-pill-text:#0369a1}.op-callouts{grid-template-columns:1fr;gap:16px;margin-top:30px;display:grid}@media (min-width:720px){.op-callouts{grid-template-columns:1fr 1fr}}.op-callout{border:1px solid var(--op-border);background:var(--op-surface-2);border-radius:12px;padding:20px}.op-callout .op-h3{margin-bottom:10px}.op-callout p{color:var(--op-ink-2);margin:0;font-size:14.5px;line-height:1.62}.op-close-card{border:1px solid var(--op-border);background:var(--op-surface);border-radius:14px;margin-top:34px;padding:clamp(24px,4vw,36px)}.op-cta{font-family:var(--op-font-sans);color:var(--op-accent-btn-text);background:var(--op-accent-btn);border-radius:9px;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.op-cta:hover{background:var(--op-accent-btn-hover);transform:translateY(-1px)}.op-cta:focus-visible{outline:3px solid var(--op-accent-bright);outline-offset:3px}.op-cta svg{transition:transform .2s}.op-cta:hover svg{transform:translate(3px)}.op-chat{border:1px solid var(--op-border);background:var(--op-surface);font-family:var(--op-font-sans);border-radius:14px;margin-top:28px;overflow:hidden}.op-chat .sc-chat-header{border-bottom:1px solid var(--op-border);font-family:var(--op-font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--op-ink-3);background:var(--op-surface-2);justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;display:flex}.op-chat .sc-live{color:var(--op-pass);align-items:center;gap:6px;display:inline-flex}.op-chat .sc-pulse{background:var(--op-pass);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite op-pulse}@keyframes op-pulse{0%,to{opacity:1}50%{opacity:.35}}.op-chat .sc-chat-thread{flex-direction:column;gap:12px;max-height:420px;padding:18px 16px;display:flex;overflow-y:auto}.op-chat .sc-msg{display:flex}.op-chat .sc-msg.user{justify-content:flex-end}.op-chat .sc-bubble{border-radius:12px;max-width:85%;padding:11px 14px;font-size:14.5px;line-height:1.6}.op-chat .sc-msg.ai .sc-bubble{background:var(--op-surface-2);color:var(--op-ink);border-bottom-left-radius:4px}.op-chat .sc-msg.user .sc-bubble{background:var(--op-accent-soft);color:var(--op-ink);border-bottom-right-radius:4px}.op-chat .sc-bubble a{color:var(--op-accent);text-underline-offset:2px;text-decoration:underline}.op-chat .sc-msg.user .sc-bubble a{color:var(--op-accent)}.op-chat .sc-typing{gap:4px;padding:12px 14px;display:inline-flex}.op-chat .sc-typing span{background:var(--op-ink-3);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite op-typing}.op-chat .sc-typing span:nth-child(2){animation-delay:.15s}.op-chat .sc-typing span:nth-child(3){animation-delay:.3s}@keyframes op-typing{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.op-chat .sc-suggestions{flex-wrap:wrap;gap:8px;padding:0 16px 14px;display:flex}.op-chat .sc-sugg{font-family:var(--op-font-mono);color:var(--op-accent);background:var(--op-accent-soft);border:1px solid color-mix(in srgb, var(--op-accent) 22%, transparent);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;transition:background .15s}.op-chat .sc-sugg:hover{background:color-mix(in srgb, var(--op-accent) 14%, var(--op-accent-soft))}.op-chat .sc-sugg:focus-visible{outline:2px solid var(--op-accent);outline-offset:2px}.op-chat .sc-input-area{border-top:1px solid var(--op-border);background:var(--op-surface);padding:12px 16px}.op-chat .sc-input-wrap{border:1px solid var(--op-border-strong);background:var(--op-surface);border-radius:10px;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;display:flex}.op-chat .sc-input-wrap:focus-within{border-color:var(--op-accent)}.op-chat .sc-input-wrap textarea{resize:none;font-family:var(--op-font-sans);color:var(--op-ink);background:0 0;border:none;outline:none;flex:1;max-height:100px;padding:6px 0;font-size:14.5px;line-height:1.5}.op-chat .sc-input-wrap textarea::placeholder{color:var(--op-ink-3)}.op-chat .sc-send{cursor:pointer;background:var(--op-accent-btn);width:32px;height:32px;color:var(--op-accent-btn-text);border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.op-chat .sc-send:disabled{background:var(--op-border-strong);cursor:not-allowed}.op-chat .sc-send:focus-visible{outline:2px solid var(--op-accent-bright);outline-offset:2px}.op-chat .sc-error{color:var(--op-risk);margin:8px 2px 0;font-size:12.5px}.op-chat .sc-hint{color:var(--op-ink-3);margin:10px 2px 0;font-size:11.5px;line-height:1.5}.op-progress-bar{z-index:30;background:color-mix(in srgb, var(--op-border) 70%, transparent);height:3px;position:fixed;top:0;left:0;right:0}.op-progress-fill{background:var(--op-accent-bright);height:100%;transition:width .12s linear;display:block}.op-progress{z-index:30;display:none;position:fixed;top:50%;right:20px;transform:translateY(-50%)}@media (min-width:1200px){.op-progress{display:block}}.op-progress ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.op-progress-item{text-align:left;cursor:pointer;width:100%;font-family:var(--op-font-mono);letter-spacing:.5px;color:var(--op-ink-3);background:0 0;border:none;border-radius:7px;align-items:center;gap:11px;padding:5px 7px;font-size:11px;transition:color .15s;display:flex}.op-progress-item:hover{color:var(--op-ink)}.op-progress-item:focus-visible{outline:2px solid var(--op-accent);outline-offset:2px}.op-progress-item.active{color:var(--op-accent);font-weight:600}.op-progress-dot{border:1.5px solid var(--op-border-strong);background:0 0;border-radius:50%;flex:none;width:8px;height:8px;transition:background .15s,border-color .15s,box-shadow .15s}.op-progress-item.passed .op-progress-dot{background:var(--op-accent-bright);border-color:var(--op-accent-bright)}.op-progress-item.active .op-progress-dot{background:var(--op-accent);border-color:var(--op-accent);box-shadow:0 0 0 3px var(--op-accent-soft)}.op-progress-label{white-space:nowrap;opacity:0;transition:opacity .15s,transform .15s;transform:translate(4px)}.op-progress:hover .op-progress-label,.op-progress-item:focus-visible .op-progress-label,.op-progress-item.active .op-progress-label{opacity:1;transform:none}.op-theme-toggle{z-index:40;background:color-mix(in srgb, var(--op-surface) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--op-border);border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:fixed;top:14px;right:16px;box-shadow:0 1px 3px #00000014}.op-theme-opt{width:30px;height:30px;color:var(--op-ink-3);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.op-theme-opt:hover{color:var(--op-ink)}.op-theme-opt.on{background:var(--op-accent-soft);color:var(--op-accent)}.op-theme-opt:focus-visible{outline:2px solid var(--op-accent);outline-offset:2px}.op-theme-opt svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.observepoint-page *{transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.op-waterfall-bar{opacity:1!important;transform:none!important}.op-opp:hover{transform:none}}