:root { color-scheme:light; }
html { scroll-behavior:smooth; scroll-padding-top:28px; }
body.ob-site { --ink:#172538; --muted:#596b80; --blue:#285ad8; --paper:#fafbfc; --line:#dae2eb; --soft:#f0f4fa; --white:#fff; margin:0; background:var(--paper); color:var(--ink); font:400 16px/1.65 "Figtree",sans-serif; -webkit-font-smoothing:antialiased; }
.ob-site *, .ob-site *::before, .ob-site *::after { box-sizing:border-box; }
.ob-site [hidden] { display:none!important; }
.ob-site :is(h1,h2,h3,h4,p,figure) { margin:0; }
.ob-site :is(h1,h2,h3,h4) { color:var(--ink); font-family:inherit; letter-spacing:-.045em; text-wrap:balance; }
.ob-site h1 { font-size:clamp(36px,5.1vw,64px); line-height:1.08; font-weight:600; }
.ob-site h2 { font-size:clamp(30px,3.6vw,46px); line-height:1.15; font-weight:600; }
.ob-site h3 { font-size:22px; line-height:1.3; font-weight:600; }
.ob-site p { color:var(--muted); }
.ob-site a { color:inherit; text-underline-offset:4px; }
.ob-site a:not(.ob-prose a) { text-decoration:none; }
.ob-site a:hover { color:var(--blue); }
.ob-site :is(button,input,select,textarea) { font:inherit; }
.ob-site button { color:inherit; cursor:pointer; }
.ob-site :focus-visible { outline:3px solid #6389ed; outline-offset:5px; }
.ob-site img { max-width:100%; height:auto; display:block; }
.ob-site .ob-icon { width:20px; height:20px; flex-shrink:0; vertical-align:middle; }
.ob-wrap { width:calc(100% - 88px); max-width:1360px; margin-inline:auto; }
.ob-header { display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); min-height:98px; }
.ob-brand { display:inline-flex; gap:10px; align-items:center; font-size:24px; font-weight:700; letter-spacing:-.8px; flex-shrink:0; }
.ob-mark { width:34px; height:36px; display:inline-grid; place-items:center; background:var(--ink); color:var(--white); border-radius:8px; font-size:23px; letter-spacing:-1.7px; }
.ob-logo { max-width:210px; max-height:60px; width:auto; object-fit:contain; }
.ob-links { display:flex; align-items:center; justify-content:flex-end; gap:24px; font-size:14px; }
.ob-nav-list,.ob-footer-menu { display:flex; flex-wrap:wrap; align-items:center; gap:24px; list-style:none; margin:0; padding:0; }
.ob-nav-list li { position:relative; }
.ob-nav-list a { display:inline-flex; align-items:center; min-height:44px; }
.ob-nav-list .sub-menu { display:none; position:absolute; z-index:20; top:100%; left:0; min-width:210px; max-width:280px; list-style:none; margin:0; padding:12px; background:var(--white); border:1px solid var(--line); box-shadow:0 12px 30px #17253814; }
.ob-nav-list .sub-menu .sub-menu { position:static; border:0; box-shadow:none; padding-block:0; min-width:0; }
.ob-nav-list .sub-menu a { padding:5px 10px; }
.ob-nav-list li:hover > .sub-menu,.ob-nav-list li:focus-within > .sub-menu { display:block; }
.ob-links .ob-nav-cta { display:inline-flex; align-items:center; gap:14px; background:var(--ink); color:var(--white); padding:11px 17px; border-radius:5px; white-space:nowrap; }
.ob-links .ob-nav-cta:hover { background:var(--blue); color:var(--white); }
.ob-mobile-nav { display:none; align-items:center; gap:8px; border:1px solid var(--line); background:var(--white); border-radius:5px; min-height:44px; padding:8px 12px; }
.ob-kicker { color:var(--muted); font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; display:flex; gap:12px; align-items:center; }
.ob-kicker::before { content:""; width:24px; height:1px; background:var(--blue); flex-shrink:0; }
.ob-accent { color:var(--blue); }
.ob-lead { font-size:19px; line-height:1.65; }
.ob-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:28px; }
.ob-action { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:48px; border:1px solid var(--line); border-radius:6px; padding:11px 21px; background:var(--white); color:var(--ink); font-size:15px; font-weight:600; line-height:1.45; text-align:center; }
.ob-action:hover { border-color:var(--blue); color:var(--blue); }
.ob-action.ob-primary { background:var(--blue); color:var(--white); border-color:var(--blue); box-shadow:0 5px 12px #285ad814; }
.ob-action.ob-primary:hover { background:#1e49b6; color:var(--white); }
.ob-text-link { display:inline-flex; gap:12px; align-items:center; color:var(--blue)!important; font-size:14px; font-weight:600; }
.ob-explore { margin-top:20px; }
.ob-hero-primary { padding-bottom:42px; background:radial-gradient(ellipse at 50% 90%,#edf2fb88,transparent 70%); }
.ob-intro { text-align:center; max-width:1040px; margin:auto; padding:64px 24px 38px; }
.ob-intro .ob-kicker { justify-content:center; margin-bottom:24px; }
.ob-intro .ob-lead { max-width:660px; margin:24px auto 0; }
.ob-intro .ob-actions { justify-content:center; }
.ob-hero-product { max-width:1040px; width:calc(100% - 88px); margin:0 auto; }
.ob-product-image { width:100%; height:auto; object-fit:contain; }
.ob-app { background:var(--white); border:1px solid var(--line); border-radius:8px; box-shadow:0 18px 38px #17253809; text-align:left; font-size:13px; line-height:1.45; }
.ob-app-top { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding:15px 22px; }
.ob-app-brand { display:flex; gap:9px; align-items:center; font-weight:600; }
.ob-app-brand .ob-mark { width:24px; height:26px; font-size:16px; border-radius:5px; }
.ob-app-hint { color:var(--muted); font-size:12px; }
.ob-app-tabs { display:flex; flex-wrap:wrap; gap:24px; padding:0 24px; border-bottom:1px solid var(--line); }
.ob-app-tabs button { background:transparent; border:0; border-bottom:2px solid transparent; min-height:46px; padding:13px 0; color:var(--muted); font-size:13px; }
.ob-app-tabs button[aria-pressed="true"] { color:var(--blue); border-bottom-color:var(--blue); font-weight:600; }
.ob-app-content { padding:24px; min-height:266px; }
.ob-app-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:18px; }
.ob-app-heading strong { font-size:18px; font-weight:600; }
.ob-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.ob-table th { color:var(--muted); text-align:left; font-size:12px; font-weight:500; padding:0 9px 10px; border-bottom:1px solid var(--line); }
.ob-table td { padding:13px 9px; border-bottom:1px solid #edf0f5; vertical-align:middle; overflow-wrap:anywhere; }
.ob-table th:first-child { width:34%; }
.ob-table th:last-child { width:29%; }
.ob-person { display:flex; gap:10px; align-items:center; font-weight:600; }
.ob-avatar { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--soft); font-size:12px; font-weight:500; flex-shrink:0; }
.ob-status { display:inline-flex; align-items:center; gap:6px; font-size:12px; }
.ob-status::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; flex-shrink:0; }
.ob-ok { color:#24714f; } .ob-problem { color:#a44428; } .ob-neutral { color:#657387; }
.ob-app-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:11px; padding:13px 24px; background:#fbfcfe; border-radius:0 0 8px 8px; }
.ob-app-caption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:14px!important; color:var(--muted); font-size:12px; }
.ob-app-caption a { display:inline-flex; gap:8px; align-items:center; }
.ob-portal { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; padding:14px 0; }
.ob-portal strong { display:block; font-size:20px; margin-bottom:12px; }
.ob-portal p + p { margin-top:18px; }
.ob-upload { padding:28px 16px; border:1px dashed #a9bbd5; text-align:center; border-radius:6px; color:var(--blue); background:var(--paper); overflow-wrap:anywhere; }
.ob-upload strong { margin:12px 0; font-size:14px; }
.ob-upload span { display:block; font-size:12px; color:var(--muted); }
.ob-values { display:flex; justify-content:center; gap:42px; flex-wrap:wrap; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:24px 0; color:var(--muted); font-size:14px; }
.ob-values span { display:flex; gap:10px; align-items:center; }
.ob-values .ob-icon { color:var(--blue); }
.ob-section { padding-block:92px; }
.ob-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:42px; }
.ob-section-heading h2 { max-width:700px; }
.ob-section-heading > p { max-width:330px; font-size:16px; }
.ob-section .ob-kicker { margin-bottom:22px; }
.ob-soft { background:var(--soft); }
.ob-day { background:linear-gradient(180deg,#fafbfc,#f0f4fa); border-bottom:1px solid var(--line); }
.ob-day .ob-section-heading { align-items:start; margin-bottom:38px; }
.ob-day .ob-section-heading h2 { max-width:820px; font-size:clamp(33px,4.4vw,56px); }
.ob-day .ob-section-heading > p { max-width:280px; margin-top:7px; }
.ob-day-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:34px; }
.ob-day-tabs button { display:flex; align-items:center; gap:18px; padding:22px 0; background:transparent; border:0; border-top:2px solid var(--line); border-bottom:1px solid var(--line); text-align:left; min-width:0; }
.ob-day-tabs button[aria-pressed="true"] { border-top-color:var(--blue); color:var(--blue); }
.ob-day-tabs .ob-day-time { color:inherit; font-size:34px; letter-spacing:-1px; line-height:1.2; font-variant-numeric:tabular-nums; }
.ob-day-tabs span { color:var(--muted); font-size:13px; line-height:1.45; }
.ob-day-tabs strong { display:block; font-size:15px; font-weight:500; }
.ob-day-tabs button[aria-pressed="true"] strong { color:var(--blue); }
.ob-day-panel { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:60px; align-items:center; min-height:380px; }
.ob-day-copy h3 { font-size:32px; line-height:1.2; margin-bottom:20px; }
.ob-day-copy > p { font-size:17px; }
.ob-day-result { display:flex; gap:12px; align-items:start; margin-top:24px; font-size:14px; }
.ob-day-result .ob-icon { color:var(--blue); margin-top:3px; }
.ob-scene { background:var(--white); border:1px solid var(--line); border-radius:6px; padding:28px; min-height:330px; box-shadow:0 10px 30px #17253805; }
.ob-scene-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:28px; font-size:12px; color:var(--muted); }
.ob-scene-person { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.ob-scene-person .ob-avatar { display:grid; width:40px; height:40px; font-size:13px; }
.ob-scene-person strong { display:block; font-weight:600; font-size:19px; }
.ob-scene-person small { display:block; font-size:13px; color:var(--muted); overflow-wrap:anywhere; }
.ob-scene-file { display:flex; align-items:center; gap:14px; border-block:1px solid var(--line); padding:23px 0; overflow-wrap:anywhere; }
.ob-scene-file > .ob-icon { color:var(--blue); width:25px; height:25px; }
.ob-scene-file > div { min-width:0; }
.ob-scene-file strong { display:block; font-size:15px; margin-bottom:6px; font-weight:500; }
.ob-scene-foot { display:flex; gap:10px; align-items:center; margin-top:22px; color:var(--muted); font-size:13px; }
.ob-scene-row { display:flex; justify-content:space-between; gap:18px; align-items:center; border-top:1px solid var(--line); padding:20px 0; font-size:14px; }
.ob-scene-row > div { min-width:0; }
.ob-scene-row strong { font-weight:500; }
.ob-scene-row small { display:block; font-size:12px; color:var(--muted); margin-top:5px; }
.ob-scene-row .ob-status { max-width:43%; }
.ob-scene-live { display:flex; align-items:baseline; flex-wrap:wrap; gap:20px; padding-bottom:22px; }
.ob-scene-live time { color:var(--blue); font-size:44px; line-height:1; letter-spacing:-1px; }
.ob-scene-live strong { font-size:20px; font-weight:600; }
.ob-day-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px; align-items:center; margin-top:30px; padding-top:24px; border-top:1px solid var(--line); }
.ob-day-bottom p { font-size:12px; }
.ob-product-intro { margin-bottom:44px; }
.ob-product-intro p:not(.ob-kicker) { max-width:660px; margin-top:22px; }
.ob-screen { min-width:0; width:100%; }
.ob-screen-surface { display:flex; flex-direction:column; justify-content:space-between; width:100%; max-width:100%; aspect-ratio:16/9; min-height:270px; padding:24px; border:1px solid #cad6e5; background:linear-gradient(135deg,#f2f5f9,#e9eff7); color:var(--muted); }
.ob-screen--speaker .ob-screen-surface { aspect-ratio:4/3; }
.ob-screen-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; font-size:11px; letter-spacing:1px; text-transform:uppercase; }
.ob-screen-center { display:flex; flex-direction:column; align-items:center; text-align:center; padding:30px 12px; gap:14px; }
.ob-screen-center > .ob-icon { width:32px; height:32px; color:#7f94b0; }
.ob-screen-center strong { font-size:22px; font-weight:500; line-height:1.4; color:#4b6079; }
.ob-screen-center span { font-size:14px; }
.ob-screen figcaption { margin-top:14px; font-size:12px; color:var(--muted); }
.ob-real-portal { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:70px; }
.ob-real-portal p:not(.ob-kicker) { margin-top:22px; }
.ob-screen-points { display:flex; flex-wrap:wrap; gap:18px 32px; padding-top:26px; color:var(--muted); font-size:14px; }
.ob-screen-points span { display:flex; gap:10px; align-items:center; }
.ob-screen-points .ob-icon { color:var(--blue); }
.ob-case-band { background:var(--ink); color:#f7f9fc; padding-block:80px; }
.ob-case-layout { display:grid; grid-template-columns:1.05fr 1fr; gap:72px; align-items:center; }
.ob-case-band h2 { color:#f7f9fc; }
.ob-case-band p,.ob-case-band .ob-kicker { color:#b8c8db; }
.ob-case-band p:not(.ob-kicker) { margin-top:24px; }
.ob-case-band .ob-action { background:transparent; color:#f7f9fc; border-color:#718298; }
.ob-case-band .ob-action:hover { background:#263a54; border-color:#d8e2ef; }
.ob-case-band .ob-kicker { margin-bottom:22px; }
.ob-case-image { min-width:0; }
.ob-case-image > img { width:100%; max-height:520px; object-fit:cover; }
.ob-case-illustration { min-height:320px; display:flex; flex-direction:column; align-items:start; justify-content:center; padding:42px; background:linear-gradient(130deg,#263d59,#172538); border-top:1px solid #49617d; border-bottom:1px solid #49617d; }
.ob-case-illustration .ob-icon { width:46px; height:46px; margin-bottom:28px; color:#a4bce0; }
.ob-case-illustration span { font-size:clamp(23px,2.5vw,34px); line-height:1.3; letter-spacing:-.04em; }
.ob-case-illustration small { color:#b8c8db; margin-top:24px; }
.ob-case-story { display:inline-flex; gap:12px; align-items:center; margin-top:24px; font-size:14px; }
.ob-case-story:hover { color:#b1c8ff!important; }
.ob-resource-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.ob-resource { display:flex; flex-direction:column; align-items:start; gap:16px; min-width:0; }
.ob-resource-visual { width:100%; min-height:170px; padding:26px; background:#eef3fa; border-top:2px solid #cbd8ee; display:flex; align-items:end; gap:14px; color:var(--blue)!important; font-size:20px; font-weight:500; line-height:1.25; }
.ob-resource-visual:has(img) { padding:0; border:0; }
.ob-resource-visual img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.ob-resource-visual .ob-icon { width:28px; height:28px; }
.ob-resource small { color:var(--muted); font-size:12px; }
.ob-resource h3 { font-size:23px; }
.ob-resource p { font-size:15px; }
.ob-resource .ob-text-link { margin-top:auto; }
.ob-resource-empty { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:28px; padding:30px 0; border-block:1px solid var(--line); }
.ob-resource-empty p { max-width:650px; }
.ob-more { margin-top:32px; }
.ob-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:65px; }
.ob-faq details { border-top:1px solid var(--line); padding:22px 0; }
.ob-faq details:last-child { border-bottom:1px solid var(--line); }
.ob-faq summary { font-weight:500; cursor:pointer; padding-right:18px; }
.ob-faq details p { padding-top:14px; font-size:15px; }
.ob-contact { border-top:1px solid var(--line); background:radial-gradient(ellipse at 6% 100%,#e8effb,transparent 60%),var(--paper); }
.ob-contact-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:90px; align-items:start; }
.ob-contact-copy h2 { max-width:550px; }
.ob-contact-copy .ob-lead { margin-top:26px; max-width:480px; font-size:17px; }
.ob-contact-details { display:grid; gap:12px; margin-top:32px; font-size:15px; }
.ob-contact-details a { display:flex; align-items:center; gap:12px; overflow-wrap:anywhere; }
.ob-contact-form { min-width:0; border-top:2px solid var(--blue); padding-top:28px; }
.ob-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.ob-field { display:flex; flex-direction:column; gap:8px; min-width:0; font-size:14px; font-weight:500; }
.ob-field-wide { grid-column:1/-1; }
.ob-field input,.ob-field textarea,.ob-field select { width:100%; min-width:0; padding:12px 14px; min-height:48px; border:1px solid #bdcad9; border-radius:4px; background:var(--white); color:var(--ink); font-size:16px; font-weight:400; }
.ob-field textarea { resize:vertical; min-height:145px; }
.ob-field input::placeholder,.ob-field textarea::placeholder { color:#718095; opacity:1; }
.ob-field small { font-size:12px; color:var(--muted); font-weight:400; }
.ob-consent { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:6px; font-size:13px; color:var(--muted); line-height:1.6; }
.ob-consent label { display:flex; gap:12px; align-items:flex-start; }
.ob-field [data-error-for] { font-size:12px; font-weight:400; color:#a44428; }
.ob-contact-form [data-error-for]:empty { display:none; }
.ob-contact-form [aria-invalid="true"] { border-color:#a44428; }
.ob-consent input { flex-shrink:0; width:18px; height:18px; margin:3px 0 0; accent-color:var(--blue); }
.ob-consent a { text-decoration:underline!important; }
.ob-contact-form > .ob-action,.ob-contact-form .ob-form-actions { margin-top:24px; }
.ob-contact-form button:disabled { cursor:wait; opacity:.65; }
.ob-form-feedback { margin-block:20px; padding:16px 18px; border-left:3px solid var(--blue); background:#edf3ff; color:var(--ink); font-size:14px; overflow-wrap:anywhere; }
.ob-form-feedback:empty { display:none; }
.ob-form-feedback:is([data-status="invalid"],[data-status="rate_limited"],[data-status="unavailable"],[data-status="storage_error"],[data-status="server_error"],[data-status="unknown"]) { background:#fff2ed; border-color:#a44428; color:#71331d; }
.ob-form-feedback:is([data-status="delivered"],[data-status="queued"]) { background:#edf8f2; border-color:#24714f; color:#1d523b; }
.ob-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; gap:28px; padding-block:38px; border-top:1px solid var(--line); }
.ob-footer p { font-size:13px; margin-top:10px; }
.ob-footer-links { display:flex; flex-wrap:wrap; gap:24px; font-size:13px; color:var(--muted); }
.ob-footer-links a { display:inline-flex; align-items:center; gap:6px; min-height:30px; }
.ob-content-header { padding-block:65px 45px; }
.ob-content-header h1 { max-width:1000px; margin-top:24px; }
.ob-content-header .ob-lead { max-width:760px; margin-top:24px; }
.ob-back { display:inline-flex; align-items:center; gap:10px; color:var(--muted)!important; font-size:14px; }
.ob-content-layout { display:grid; grid-template-columns:minmax(0,1fr) 255px; gap:80px; padding-bottom:90px; }
.ob-prose { max-width:820px; min-width:0; font-size:18px; }
.ob-prose > * + * { margin-top:24px; }
.ob-prose :is(h2,h3,h4) { margin-top:40px; margin-bottom:20px; }
.ob-prose h2 { font-size:34px; } .ob-prose h3 { font-size:26px; }
.ob-prose a { color:var(--blue); text-decoration:underline; }
.ob-prose li { margin-block:10px; }
.ob-prose blockquote { margin:30px 0; border-left:3px solid var(--blue); padding:16px 28px; background:var(--soft); }
.ob-prose pre { overflow:auto; font-size:14px; background:var(--soft); padding:20px; }
.ob-prose :is(iframe,video) { max-width:100%; }
.ob-prose .wp-block-table { overflow:auto; }
.ob-prose table { border-collapse:collapse; width:100%; }
.ob-prose :is(th,td) { padding:12px; border:1px solid var(--line); text-align:left; }
.ob-prose .alignwide { width:100%; }
.ob-prose .alignleft { float:left; margin:0 24px 24px 0; max-width:50%; }
.ob-prose .alignright { float:right; margin:0 0 24px 24px; max-width:50%; }
.ob-prose .aligncenter { margin-inline:auto; }
.ob-prose figcaption,.wp-caption-text { font-size:13px; color:var(--muted); }
.ob-side-note { border-top:2px solid var(--blue); padding-top:22px; }
.ob-side-note p { font-size:15px; margin-block:18px; }
.ob-cover { margin-bottom:40px!important; }
.ob-cover img { width:100%; max-height:620px; object-fit:cover; }
.ob-post-meta { display:flex; flex-wrap:wrap; gap:14px; font-size:13px; color:var(--muted); margin-top:18px; }
.ob-posts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:46px 30px; padding-bottom:60px; }
.ob-post-card { min-width:0; }
.ob-post-card img { aspect-ratio:16/10; width:100%; object-fit:cover; margin-bottom:24px; }
.ob-post-card h2 { font-size:28px; margin-bottom:18px; }
.ob-post-card .ob-text-link { margin-top:22px; }
.ob-pagination { padding-bottom:70px; }
.ob-pagination .nav-links { display:flex; flex-wrap:wrap; gap:10px; }
.ob-pagination .page-numbers { min-width:44px; min-height:44px; display:grid; place-items:center; border:1px solid var(--line); padding:6px 12px; }
.ob-pagination .current { color:var(--white); background:var(--ink); }
.ob-search { display:flex; gap:12px; margin-block:24px; max-width:600px; }
.ob-search input { width:100%; min-width:0; padding:12px; font:inherit; border:1px solid var(--line); background:var(--white); color:var(--ink); }
.ob-comments { clear:both; margin-top:60px; font-size:16px; }
.ob-comments .comment-list { padding-left:24px; }
.ob-comments .comment { padding-block:15px; }
.ob-comments label { display:block; margin-bottom:8px; }
.ob-comments :is(input:not([type="checkbox"]),textarea) { max-width:100%; padding:10px; border:1px solid var(--line); background:var(--white); color:var(--ink); }
.ob-comments textarea { width:100%; }
.ob-comments .submit { background:var(--blue)!important; color:var(--white)!important; cursor:pointer; }
.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute!important; word-wrap:normal!important; }
.ob-skip-link { position:absolute; left:16px; top:-100px; z-index:10000; background:var(--white); color:var(--ink); padding:14px 20px; }
.ob-skip-link:focus { top:16px; }
@media (max-width:1050px) {
 .ob-links,.ob-nav-list { gap:16px; }
 .ob-day .ob-section-heading { flex-direction:column; gap:22px; }
 .ob-day .ob-section-heading > p { max-width:560px; }
 .ob-contact-layout { gap:45px; }
 .ob-case-layout,.ob-real-portal { gap:40px; }
 .ob-day-panel { gap:32px; }
}
@media (max-width:800px) {
 .ob-wrap,.ob-hero-product { width:calc(100% - 40px); }
 .ob-header { min-height:82px; flex-wrap:wrap; padding-block:18px; gap:16px; }
 .ob-brand { font-size:22px; }
 .ob-js .ob-mobile-nav { display:inline-flex; }
 .ob-links { width:100%; flex-direction:column; align-items:stretch; padding-top:10px; }
 .ob-js .ob-links:not(.is-open) { display:none; }
 .ob-nav-list { align-items:stretch; flex-direction:column; gap:0; }
 .ob-nav-list .sub-menu { display:block; position:static; min-width:0; max-width:100%; border:0; box-shadow:none; padding:0 0 0 18px; background:transparent; }
 .ob-nav-cta { justify-content:center; }
 .ob-intro { padding:46px 20px 32px; }
 .ob-site h1 { font-size:clamp(34px,7vw,52px); }
 .ob-intro .ob-lead { font-size:17px; }
 .ob-hero-primary { padding-bottom:32px; }
 .ob-table .ob-file { display:none; }
 .ob-table th:first-child { width:53%; } .ob-table th:last-child { width:47%; }
 .ob-app-content { padding:20px 14px; min-height:250px; }
 .ob-app-heading { flex-wrap:wrap; }
 .ob-app-hint { display:none; }
 .ob-app-tabs { gap:20px; padding:0 16px; }
 .ob-table td { padding:15px 5px; }
 .ob-person .ob-avatar { display:none; }
 .ob-app-footer { padding:14px 18px; }
 .ob-portal { grid-template-columns:1fr; gap:18px; }
 .ob-values { gap:14px 24px; padding:24px 0; font-size:13px; }
 .ob-section { padding-block:58px; }
 .ob-section-heading { flex-direction:column; align-items:start; gap:24px; }
 .ob-section-heading > p { max-width:none; }
 .ob-day-tabs { gap:14px; margin-bottom:28px; }
 .ob-day-tabs button { flex-direction:column; align-items:start; gap:10px; padding:18px 0; }
 .ob-day-tabs .ob-day-time { font-size:29px; }
 .ob-day-tabs span { font-size:12px; }
 .ob-day-tabs strong { font-size:14px; }
 .ob-day-panel,.ob-real-portal,.ob-case-layout,.ob-faq,.ob-contact-layout,.ob-content-layout { grid-template-columns:1fr; gap:34px; min-height:0; }
 .ob-day-copy { min-height:245px; }
 .ob-day-copy h3 { font-size:29px; }
 .ob-day-copy > p { font-size:16px; }
 .ob-scene { padding:22px; min-height:330px; }
 .ob-real-portal .ob-screen { order:2; }
 .ob-screen-surface,.ob-screen--speaker .ob-screen-surface { padding:18px; aspect-ratio:auto; min-height:300px; }
 .ob-screen-center { padding:26px 0; }
 .ob-screen-center strong { font-size:20px; }
 .ob-day-bottom { margin-top:24px; }
 .ob-case-band { padding-block:55px; }
 .ob-case-illustration { min-height:250px; padding:30px; }
 .ob-resource-list,.ob-posts { grid-template-columns:1fr; gap:40px; }
 .ob-resource-visual { min-height:180px; }
 .ob-contact-copy .ob-lead { max-width:100%; }
 .ob-content-header { padding-block:42px 35px; }
 .ob-prose { font-size:17px; }
 .ob-content-layout { padding-bottom:55px; }
 .ob-prose :is(.alignleft,.alignright) { float:none; max-width:100%; margin:24px 0; }
}
@media (max-width:430px) {
 .ob-intro .ob-actions,.ob-action { width:100%; }
 .ob-action { gap:14px; }
 .ob-app-tabs { gap:16px; }
 .ob-app-tabs button { font-size:12px; }
 .ob-day-tabs { gap:12px; }
 .ob-day-tabs strong { font-size:12px; }
 .ob-day-tabs span { font-size:11px; }
 .ob-day-tabs .ob-day-time { font-size:27px; }
 .ob-status { font-size:11px; }
 .ob-scene-row { gap:12px; }
 .ob-form-grid { grid-template-columns:1fr; }
 .ob-field-wide { grid-column:auto; }
 .ob-search { flex-direction:column; }
 .ob-footer-links { gap:18px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }