.co-page.co-features #feature-intro.co-omboxos-section{display:grid;min-height:calc(100svh - 78px);align-items:start;padding-block:clamp(40px,7vh,88px);background:radial-gradient(ellipse at 12% 0%,#e7f4ff 0,transparent 42%),linear-gradient(145deg,#f8fbff,#eef5fc 62%,#f7f8fc)}
.co-page.co-features .co-ombox-intro-stage{padding-block:clamp(28px,5vh,64px);background:radial-gradient(ellipse at 12% 0%,#e7f4ff 0,transparent 42%),linear-gradient(145deg,#f8fbff,#eef5fc 62%,#f7f8fc)}
.co-page .co-feature-intro-container{width:calc(100% - 64px);max-width:1480px;margin-inline:auto}
.co-page .co-presentation-panel{padding:clamp(22px,4vw,52px);border:1px solid #dce7f1;border-radius:18px;background:#fff;box-shadow:0 24px 72px #1e466315}
.co-page .co-ombox-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(24px,4vw,64px);padding-bottom:28px;border-bottom:1px solid #e5edf4}
.co-page .co-ombox-lead h1{max-width:720px;margin:14px 0 18px;color:#173651;font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.4px;line-height:1.45}
.co-page .co-ombox-lead-copy>p{margin:5px 0;color:#425b72;font-size:clamp(16px,1.35vw,19px);line-height:1.8}
.co-page .co-ombox-lead-copy>.co-ombox-lead-callout{margin-top:14px;color:#173651;font-weight:650}
.co-page .co-copy-emphasis{color:#FF0000;text-decoration-line:underline;text-decoration-color:#FF0000;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-skip-ink:none}
.co-page .co-ombox-illustration{width:100%;max-width:500px;margin:0 auto}
.co-page .co-system-graphic{padding:22px 18px;border:1px solid #e0e6eb;border-radius:18px;background:#f6f8fa;color:#354b5b;text-align:center}
.co-page .co-system-caption{display:block;margin-bottom:18px;color:#647582;font-size:12px;font-weight:700;letter-spacing:.08em}
.co-page .co-system-client-group{position:relative;padding-bottom:28px}
.co-page .co-system-client-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.co-page .co-system-client{position:relative;display:grid;justify-items:center;gap:5px;padding:9px 4px;border:1px solid #dce3e8;border-radius:11px;background:#fff;color:#405563;font-size:13px;font-weight:600}
.co-page .co-system-client::after{position:absolute;top:100%;left:50%;width:1px;height:14px;background:#9aaab5;content:""}
.co-page .co-system-client-group::before{position:absolute;right:16.67%;bottom:14px;left:16.67%;height:1px;background:#9aaab5;content:""}
.co-page .co-system-client-group::after{position:absolute;bottom:0;left:50%;width:1px;height:14px;background:#9aaab5;content:""}
.co-page .co-device-icon{position:relative;display:block;width:25px;height:19px;border:2px solid #526d7d;border-radius:3px}
.co-page .co-device-icon--desktop::after{position:absolute;bottom:-5px;left:6px;width:9px;border-top:2px solid #526d7d;content:""}
.co-page .co-device-icon--tablet{width:17px;height:22px;border-radius:4px}
.co-page .co-device-icon--phone{width:13px;height:22px;border-radius:4px}
.co-page .co-system-node{display:flex;min-width:0;min-height:58px;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border:1px solid #d9e1e7;border-radius:12px;background:#fff;color:#344b5c}
.co-page .co-system-node strong{font-size:14px;line-height:1.5}
.co-page .co-system-node small{display:block;margin-top:3px;color:#687986;font-size:11px;line-height:1.4}
.co-page .co-system-node-icon{display:grid;width:27px;height:27px;flex:none;place-items:center;border:1px solid #b8c8d2;border-radius:50%;color:#4b766a;font-size:16px;font-weight:700}
.co-page .co-system-auth{width:82%;margin-inline:auto;background:#f0f4f6}
.co-page .co-system-link-short{width:1px;height:22px;margin-inline:auto;background:#9aaab5}
.co-page .co-system-core{width:88%;min-height:66px;margin-inline:auto;border-color:#344b5c;background:#344b5c;color:#fff}
.co-page .co-system-core strong{font-size:16px}
.co-page .co-system-core small{color:#dbe3e8}
.co-page .co-system-branches{position:relative;height:27px}
.co-page .co-system-branches::before{position:absolute;top:0;left:50%;height:12px;border-left:1px solid #9aaab5;content:""}
.co-page .co-system-branches::after{position:absolute;top:12px;right:25%;left:25%;border-top:1px solid #9aaab5;content:""}
.co-page .co-system-branches span{position:absolute;top:12px;height:15px;border-left:1px solid #9aaab5}
.co-page .co-system-branches span:first-child{left:25%}
.co-page .co-system-branches span:last-child{left:75%}
.co-page .co-system-integrations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.co-page .co-system-integrations .co-system-node{min-height:56px;padding-inline:8px}
.co-page .co-ombox-definition{max-width:1160px;padding-top:28px}
.co-page .co-ombox-definition h2{margin:8px 0 14px;color:#142f49;font-size:clamp(26px,3vw,36px);line-height:1.3}
.co-page .co-ombox-definition p,.co-page .co-ombox-server-note{color:#425b72;font-size:clamp(16px,1.35vw,19px);line-height:2}
.co-page .co-ombox-build-flow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1.15fr);align-items:center;gap:12px;margin-top:30px;padding:22px;border:1px solid #e0eaf3;border-radius:14px;background:#f6f9fc;text-align:center}
.co-page .co-ombox-build-flow>div{display:grid;justify-items:center;gap:8px;min-height:132px;align-content:center;padding:18px;border:1px solid #dce7f1;border-radius:12px;background:#fff}
.co-page .co-ombox-build-flow>div>span{color:#0074d5;font-size:12px;font-weight:700;letter-spacing:.12em}
.co-page .co-ombox-build-flow strong{color:#183b59;font-size:clamp(16px,1.5vw,20px)}
.co-page .co-ombox-build-flow small{color:#63798e;font-size:14px;line-height:1.6}
.co-page .co-ombox-build-connector{display:block;width:100%;height:1px;background:#9aaab5}
.co-page .co-ombox-build-flow .co-ombox-build-result{border-color:#aed8f3;background:#edf7ff}
.co-page .co-ombox-server-note{margin:14px 0 0;font-size:14px}
.co-page .co-presentation-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:24px;border-bottom:1px solid #e5edf4}
.co-page .co-presentation-header h2{margin:0;color:#142f49;font-size:clamp(32px,4.2vw,52px);letter-spacing:-1.2px;line-height:1.2}
.co-page .co-presentation-header p{margin:12px 0 0;color:#61758a;font-size:15px;line-height:1.8}
.co-page .co-omboxos-copy{padding-top:clamp(22px,4vh,42px);color:#344a60;font-size:clamp(17px,1.8vw,21px);line-height:2;overflow-wrap:anywhere}
.co-page .co-omboxos-copy p{margin:0 0 22px;color:inherit}
body.eye-protection .co-page.co-features #feature-intro.co-omboxos-section,body.eye-protection .co-page.co-features .co-ombox-intro-stage{background:linear-gradient(145deg,#edf2e4,#f5f6ec)}
body.eye-protection .co-page .co-presentation-panel{border-color:#d3dac9;background:#f9faef;box-shadow:0 20px 60px #33412a12}
body.eye-protection .co-page .co-presentation-header h2,body.eye-protection .co-page .co-ombox-lead h1,body.eye-protection .co-page .co-ombox-definition h2{color:#2e402f}
body.eye-protection .co-page .co-presentation-header p{color:#405442}
body.eye-protection .co-page .co-ombox-definition p,body.eye-protection .co-page .co-ombox-server-note{color:#405442}
@media(max-width:760px){.co-page.co-features #feature-intro.co-omboxos-section{padding-block:24px}.co-page.co-features .co-ombox-intro-stage{padding-block:20px}.co-page .co-feature-intro-container{width:calc(100% - 32px)}.co-page .co-presentation-header{align-items:flex-start;flex-direction:column;gap:18px}.co-page .co-ombox-lead{grid-template-columns:1fr;gap:22px}.co-page .co-ombox-lead h1{font-size:clamp(25px,7vw,32px);line-height:1.5}.co-page .co-ombox-illustration{max-width:440px}.co-page .co-system-graphic{padding:18px 12px}.co-page .co-system-client-row{gap:7px}.co-page .co-system-client{font-size:12px}.co-page .co-system-auth{width:94%}.co-page .co-system-core{width:100%}.co-page .co-system-integrations{gap:8px}.co-page .co-system-integrations .co-system-node strong{font-size:12px}.co-page .co-ombox-build-flow{grid-template-columns:1fr;gap:10px;padding:14px}.co-page .co-ombox-build-flow>div{min-height:100px}.co-page .co-ombox-build-connector{width:1px;height:14px;margin-inline:auto}}

.co-page.co-features .co-value-section,.co-page.co-features .co-build-section,.co-page.co-features .co-partnership-section{padding-block:clamp(48px,7vw,92px)}
.co-page.co-features .co-build-section{background:#f4f8fc}
.co-page.co-features .co-value-heading{max-width:900px;margin-bottom:30px}
.co-page.co-features .co-value-heading h2{margin:0 0 14px;color:#173651;font-size:clamp(28px,3vw,42px);line-height:1.3}
.co-page.co-features .co-value-heading p{margin:0;color:#52677a;font-size:clamp(16px,1.35vw,18px);line-height:1.85}
.co-page.co-features .co-table-hint{display:none}
.co-page.co-features .co-value-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #dce7f1;border-radius:16px;background:#fff;box-shadow:0 16px 42px #1e46630c}
.co-page.co-features .co-value-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}
.co-page.co-features .co-value-table caption{caption-side:top;padding:16px 22px;color:#496780;font-size:14px;font-weight:700;text-align:left}
.co-page.co-features .co-value-table th,.co-page.co-features .co-value-table td{padding:18px 22px;border-top:1px solid #e5edf4;vertical-align:top;font-size:15px;line-height:1.7}
.co-page.co-features .co-value-table thead th{background:#edf5fc;color:#244c69;font-size:14px;white-space:nowrap}
.co-page.co-features .co-value-table tbody th{color:#173651;font-weight:750;min-width:160px}
.co-page.co-features .co-value-table tbody tr:nth-child(even){background:#f9fbfd}
.co-page.co-features .co-value-note{margin:16px 0 0;color:#62768a;font-size:14px;line-height:1.75}
.co-page.co-features .co-delivery-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}
.co-page.co-features .co-delivery-steps li{padding:26px;border:1px solid #dce7f1;border-radius:14px;background:#fff}
.co-page.co-features .co-delivery-steps li>span{color:#0074d5;font-size:13px;font-weight:800;letter-spacing:.1em}
.co-page.co-features .co-delivery-steps h3{margin:12px 0 8px;color:#173651;font-size:20px}
.co-page.co-features .co-delivery-steps p{margin:0;color:#52677a;font-size:15px;line-height:1.75}
.co-page.co-features .co-value-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:24px 28px;border-radius:14px;background:#eaf5ff}
.co-page.co-features .co-value-action p{margin:0;color:#173651;font-size:17px;font-weight:650}
.co-page.co-features .co-value-action a{flex:none}
.co-page.co-features .co-value-action .ag-button{background:#d92d20;color:#fff;box-shadow:0 7px 18px #d92d2039}
.co-page.co-features .co-value-action .ag-button:hover,.co-page.co-features .co-value-action .ag-button:focus-visible{background:#b42318;color:#fff}
body.eye-protection .co-page.co-features .co-build-section{background:#edf2e4}
body.eye-protection .co-page.co-features .co-value-heading h2,body.eye-protection .co-page.co-features .co-delivery-steps h3{color:#2e402f}
body.eye-protection .co-page.co-features .co-value-table-wrap,body.eye-protection .co-page.co-features .co-delivery-steps li{background:#f9faef;border-color:#d3dac9}
body.eye-protection .co-page.co-features .co-value-table thead th,body.eye-protection .co-page.co-features .co-value-action{background:#e6eddb;color:#2e402f}
body.eye-protection .co-page.co-features .co-value-table tbody tr:nth-child(even){background:#f2f5e9}
@media(max-width:950px){.co-page.co-features .co-delivery-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.co-page.co-features .co-table-hint{display:block;margin:0 0 10px;color:#52677a;font-size:13px}.co-page.co-features .co-value-table th,.co-page.co-features .co-value-table td{padding:14px 16px}.co-page.co-features .co-delivery-steps{grid-template-columns:1fr}.co-page.co-features .co-value-action{align-items:flex-start;flex-direction:column;padding:22px}.co-page.co-features .co-value-action a{width:100%;text-align:center}}