/* OBS anonymous landing. Intentionally isolated from the authenticated workspace. */
.obs-landing{--ink:#14243b;--muted:#536278;--teal:#087e78;--line:#dce3ec;margin:0;background:#f7f9fc;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.obs-landing *{box-sizing:border-box}.obs-landing a{color:inherit;text-decoration:none}.obs-landing svg{display:block}.obs-landing a:focus-visible{outline:3px solid #087e78;outline-offset:5px}.obs-landing .skip-link{position:absolute;top:-70px;left:20px;padding:12px;background:white;z-index:20}.obs-landing .skip-link:focus{top:12px}
.obs-landing .landing-container{max-width:1320px;margin:0 auto;padding-left:48px;padding-right:48px}.obs-landing .landing-header{border-bottom:1px solid var(--line);background:#fff}.obs-landing .header-inner{height:90px;display:flex;align-items:center;justify-content:space-between}
.obs-landing .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:21px;letter-spacing:-.7px;line-height:1.1}.obs-landing .brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#14243b}.obs-landing .brand-mark svg{width:28px;fill:none;stroke:#5eead4;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.obs-landing .brand-product{display:block;font-size:11px;letter-spacing:1.5px;font-weight:500;text-transform:uppercase;margin-top:5px;color:#5c697b}
.obs-landing nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.obs-landing .nav-overview{color:var(--muted)}.obs-landing .header-signin{padding:11px 18px;border:1px solid #cbd5e1;border-radius:7px;display:flex;gap:24px;align-items:center}.obs-landing .header-signin:hover{background:#f0fdfa;border-color:#0d9488}
.obs-landing .hero{display:grid;grid-template-columns:.92fr 1.15fr;gap:50px;align-items:center;padding-top:86px;padding-bottom:72px;position:relative}.obs-landing .eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#527071;margin:0 0 26px}.obs-landing .eyebrow-line{height:2px;width:23px;background:var(--teal)}
.obs-landing h1{font-size:clamp(44px,4.55vw,65px);font-weight:600;letter-spacing:-3.5px;line-height:1.075;margin:0}.obs-landing h1>span{color:var(--teal)}.obs-landing .hero-description{max-width:420px;font-size:16px;line-height:1.85;color:var(--muted);margin:26px 0 29px}.obs-landing .hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px}
.obs-landing .primary-action{display:inline-flex;gap:27px;justify-content:space-between;align-items:center;min-height:48px;padding:14px 20px;border-radius:7px;background:#087e78;color:white;font-size:13px;font-weight:600;box-shadow:0 4px 8px #087e7812;transition:background .15s,transform .15s}.obs-landing .primary-action:hover{background:#06635f;transform:translateY(-1px)}.obs-landing .primary-action>span{font-size:20px;line-height:1}.obs-landing .secondary-action{font-size:12px;font-weight:600;display:flex;align-items:center;gap:15px}.obs-landing .secondary-action:hover{color:var(--teal)}.obs-landing .signin-note{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.6;color:#5c6c80;margin:23px 0 0}.obs-landing .signin-note svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.obs-landing .workspace-preview{margin:0;min-width:0;position:relative}.obs-landing .workspace-preview:before{content:"";position:absolute;inset:8% -5%;background:#a8e4dc;filter:blur(80px);opacity:.23;z-index:-1}.obs-landing .preview-window{background:#111e30;border:1px solid #26354a;border-radius:13px;box-shadow:0 24px 55px -22px #15294188,0 0 0 7px #e6ecf280;color:#eef4fa;overflow:hidden;transform:rotate(-1deg)}
.obs-landing .preview-titlebar{height:40px;background:#152337;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #2a374a;font-size:8px;letter-spacing:1.7px;color:#a0b2c9}.obs-landing .window-dots{display:flex;gap:5px}.obs-landing .window-dots i{width:6px;height:6px;background:#556780;border-radius:50%}.obs-landing .window-dots i:first-child{background:#708298}.obs-landing .preview-lock{font-size:13px}.obs-landing .preview-content{padding:23px}.obs-landing .preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.obs-landing .panel-eyebrow{font-size:8px;letter-spacing:1.4px;color:#8ca2bd;margin:0 0 8px}.obs-landing .preview-heading h2{font-size:19px;letter-spacing:-.5px;font-weight:550;margin:0}.obs-landing .sample-badge{color:#b7c6d9;font-size:7px;letter-spacing:1px;border:1px solid #41516a;padding:5px 7px;border-radius:4px;white-space:nowrap}
.obs-landing .preview-tabs{display:flex;gap:22px;border-bottom:1px solid #2b384b;color:#91a5be;font-size:9px;margin-top:24px}.obs-landing .preview-tabs span{padding-bottom:10px}.obs-landing .preview-tabs .selected{color:#5eead4;border-bottom:2px solid #5eead4}
.obs-landing .metric-grid{display:grid;grid-template-columns:1fr 1fr 1fr;margin:20px 0;gap:10px}.obs-landing .metric-grid>div{background:#18273b;border:1px solid #2b3a50;border-radius:6px;padding:13px 12px}.obs-landing .metric-label{display:block;font-size:9px;color:#b5c3d7}.obs-landing .metric-grid strong{display:block;font-size:28px;letter-spacing:-1px;font-weight:550;margin:9px 0}.obs-landing .metric-unit{font-size:12px;font-weight:400;color:#95aac3;letter-spacing:0}.obs-landing .metric-grid small{font-size:8px;color:#93dbc9;white-space:nowrap;display:flex;align-items:center;gap:5px}.obs-landing .metric-grid>div:nth-child(2) small{color:#9bacc2}.obs-landing .status-dot{display:inline-block;width:5px;height:5px;background:#5eead4;border-radius:50%;flex-shrink:0}.obs-landing .status-dot.amber{background:#f5bd67}.obs-landing .metric-grid .amber-text{color:#f5bd67}
.obs-landing .chart-card{border:1px solid #2b3a50;border-radius:6px;padding:13px 13px 9px;background:#142237}.obs-landing .chart-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px}.obs-landing .chart-legend{display:flex;align-items:center;gap:5px;font-size:8px;color:#9fb1ca}.obs-landing .chart-legend i{width:5px;height:5px;background:#5eead4;border-radius:50%}.obs-landing .chart-legend em{font-style:normal;color:#a2b4ce;margin-left:13px}.obs-landing .activity-chart{width:100%;height:115px;margin-top:10px}.obs-landing .chart-grid{fill:none;stroke:#304157;stroke-width:1;stroke-dasharray:3 4}.obs-landing .chart-line{fill:none;stroke:#4edbc5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.obs-landing .chart-times{display:flex;justify-content:space-between;font-size:7px;color:#9bacc2}
.obs-landing .signal-list{margin-top:19px}.obs-landing .signal-list-title{display:flex;justify-content:space-between;font-size:10px;margin-bottom:11px}.obs-landing .signal-list-title>span:last-child{font-size:8px;color:#8fa3bf}.obs-landing .signal-row{display:grid;grid-template-columns:42px 79px 1fr 42px;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #28384e;font-size:8px}.obs-landing .level{font-size:7px;letter-spacing:.4px;border-radius:3px;padding:4px 5px;width:fit-content}.obs-landing .level.info{color:#71dacb;background:#163c40}.obs-landing .level.warn{color:#f8c977;background:#473923}.obs-landing .signal-service{color:#dce5f2}.obs-landing .signal-message{color:#a3b5cd}.obs-landing .signal-time{text-align:right;color:#93a9c5;font-size:7px}.obs-landing .preview-bottom{display:flex;justify-content:space-between;align-items:center;background:#17263b;border-top:1px solid #2b3a50;padding:11px 23px;font-size:8px;color:#a6bbd4}.obs-landing .preview-bottom>span:first-child{display:flex;align-items:center;gap:6px}.obs-landing figcaption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#63748b;margin-top:24px;line-height:1.5;text-align:center}.obs-landing .caption-line{height:1px;width:16px;background:#9fadb9}
.obs-landing .ecosystem-strip{background:#edf2f6;border-block:1px solid var(--line)}.obs-landing .ecosystem-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:100px}.obs-landing .ecosystem-inner p{font-size:8px;font-weight:600;letter-spacing:1.5px;color:#53657a;line-height:1.8;margin:0;white-space:nowrap}.obs-landing .ecosystem-inner strong{font-size:12px;color:#33455c;letter-spacing:0;font-weight:600}.obs-landing .ecosystem-inner>div{display:flex;gap:clamp(22px,4vw,60px);color:#5e6f82;font-size:15px;font-weight:550;letter-spacing:-.25px}
.obs-landing .capabilities{padding-top:62px;padding-bottom:58px;scroll-margin-top:30px}.obs-landing .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:35px}.obs-landing .section-heading .eyebrow{margin-bottom:12px;font-size:9px}.obs-landing .section-heading h2{font-size:29px;letter-spacing:-1px;font-weight:550;margin:0}.obs-landing .section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.obs-landing .capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.obs-landing .capability{padding:27px}.obs-landing .capability+.capability{border-left:1px solid var(--line)}.obs-landing .capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.obs-landing .capability-icon{background:#eaf5f3;color:var(--teal);width:39px;height:39px;border-radius:8px;display:grid;place-items:center}.obs-landing .capability-icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.obs-landing .capability-number{font-size:8px;letter-spacing:1.1px;color:#5c6e82}.obs-landing .capability h3{font-weight:600;font-size:17px;letter-spacing:-.45px;margin:0 0 12px}.obs-landing .capability p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 23px}.obs-landing .capability-label{display:flex;justify-content:space-between;color:#19716e;font-size:10px;font-weight:600}
.obs-landing .closing-section{margin-bottom:50px}.obs-landing .closing-section>div{display:flex;gap:22px;align-items:center}.obs-landing .closing-section{display:flex;align-items:center;justify-content:space-between;padding-top:27px;padding-bottom:27px}.obs-landing .closing-symbol{color:var(--teal);font-size:40px;font-weight:300}.obs-landing .closing-section h2{font-size:23px;letter-spacing:-.65px;font-weight:550;margin:0 0 6px}.obs-landing .closing-section p{font-size:13px;color:var(--muted);margin:0}.obs-landing .landing-footer{border-top:1px solid var(--line);min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#5b6c80}.obs-landing .landing-footer a{color:#3a526c}
@media(min-width:1500px){.obs-landing .hero{padding-top:100px;padding-bottom:90px}}
@media(max-width:1050px){.obs-landing .landing-container{padding-left:30px;padding-right:30px}.obs-landing .hero{gap:30px;grid-template-columns:1fr 1.12fr}.obs-landing h1{font-size:50px;letter-spacing:-2.6px}.obs-landing .preview-content{padding:17px}.obs-landing .metric-grid>div{padding:11px 8px}.obs-landing .metric-grid small{font-size:7px}.obs-landing .signal-row{grid-template-columns:34px 65px 1fr;gap:6px}.obs-landing .signal-time{display:none}.obs-landing .ecosystem-inner>div{gap:22px;font-size:12px}.obs-landing .section-heading>p{max-width:250px}.obs-landing .capability{padding:22px}}
@media(max-width:800px){.obs-landing .hero{grid-template-columns:1fr;padding-top:54px;padding-bottom:46px;gap:45px}.obs-landing .hero-copy{max-width:580px}.obs-landing h1{font-size:62px}.obs-landing .hero-description{max-width:500px}.obs-landing .hero-actions{flex-direction:row;align-items:center;gap:23px}.obs-landing .workspace-preview{max-width:640px;width:100%;margin:auto}.obs-landing .preview-window{transform:none}.obs-landing .preview-content{padding:25px}.obs-landing .metric-grid>div{padding:15px}.obs-landing .metric-grid small{font-size:9px}.obs-landing .metric-label{font-size:10px}.obs-landing .signal-row{grid-template-columns:43px 90px 1fr 45px;font-size:10px}.obs-landing .signal-time{display:block}.obs-landing .ecosystem-inner{align-items:flex-start;padding-top:22px;padding-bottom:22px;gap:20px;flex-direction:column}.obs-landing .ecosystem-inner>div{width:100%;justify-content:space-between;flex-wrap:wrap;gap:16px}.obs-landing .section-heading{align-items:flex-start;flex-direction:column;gap:15px}.obs-landing .section-heading>p{max-width:none}.obs-landing .capability-grid{grid-template-columns:1fr}.obs-landing .capability+.capability{border-left:0;border-top:1px solid var(--line)}.obs-landing .capability-top{margin-bottom:15px}.obs-landing .capability p{max-width:500px}.obs-landing .closing-section{gap:20px}.obs-landing .closing-section h2{font-size:20px}}
@media(max-width:480px){.obs-landing .landing-container{padding-left:22px;padding-right:22px}.obs-landing .header-inner{height:76px}.obs-landing .brand{font-size:18px;gap:9px}.obs-landing .brand-mark{height:36px;width:36px;border-radius:10px}.obs-landing .brand-product{font-size:9px;letter-spacing:1.2px}.obs-landing nav{gap:0}.obs-landing .nav-overview{display:none}.obs-landing .header-signin{gap:12px;padding:10px 12px;font-size:11px}.obs-landing h1{font-size:52px;letter-spacing:-2.8px}.obs-landing .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:23px}.obs-landing .hero-description{font-size:14px;line-height:1.85;margin:22px 0}.obs-landing .hero-actions{flex-direction:column;align-items:stretch;gap:20px}.obs-landing .secondary-action{justify-content:center}.obs-landing .signin-note{font-size:9px}.obs-landing .preview-content{padding:14px}.obs-landing .preview-titlebar{font-size:6px;letter-spacing:1px;padding:0 12px}.obs-landing .preview-heading h2{font-size:15px}.obs-landing .panel-eyebrow{font-size:6px}.obs-landing .sample-badge{font-size:6px;padding:4px}.obs-landing .preview-tabs{gap:20px;margin-top:20px}.obs-landing .metric-grid{gap:6px;margin:15px 0}.obs-landing .metric-grid>div{padding:10px 7px}.obs-landing .metric-label{font-size:7px}.obs-landing .metric-grid strong{font-size:25px}.obs-landing .metric-grid small{font-size:6px;gap:3px}.obs-landing .metric-unit{font-size:10px}.obs-landing .chart-heading{font-size:8px}.obs-landing .chart-legend{font-size:6px}.obs-landing .chart-legend em{margin-left:5px}.obs-landing .activity-chart{height:90px}.obs-landing .signal-row{grid-template-columns:34px 62px 1fr;font-size:7px;gap:5px}.obs-landing .signal-time{display:none}.obs-landing .signal-list-title{font-size:9px}.obs-landing .signal-list-title>span:last-child{font-size:6px}.obs-landing .preview-bottom{padding:11px 14px;font-size:6px}.obs-landing figcaption{font-size:8px;gap:5px}.obs-landing .caption-line{display:none}.obs-landing .ecosystem-inner>div{justify-content:flex-start;column-gap:22px;row-gap:14px;font-size:12px}.obs-landing .capabilities{padding-top:43px;padding-bottom:22px}.obs-landing .section-heading h2{font-size:26px;line-height:1.25}.obs-landing .closing-section{align-items:stretch;flex-direction:column;margin-bottom:27px}.obs-landing .closing-section>div{gap:15px}.obs-landing .closing-section .primary-action{margin-top:10px}.obs-landing .landing-footer{padding-top:23px;padding-bottom:23px;flex-wrap:wrap;row-gap:18px}.obs-landing .landing-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.obs-landing .primary-action{transition:none}.obs-landing .primary-action:hover{transform:none}}