/* Product-family overview pages: the same forest, lime and editorial type as the modules. */
.ov-page{--ov-ink:#092f24;--ov-green:#079653;--ov-lime:#bbf75e;--ov-paper:#fbfcf8;--ov-line:#d7e5dc;background:var(--ov-paper);color:var(--ov-ink);overflow:hidden}
.ov-page *{box-sizing:border-box}.ov-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.ov-page :is(h1,h2,h3,p){margin:0}.ov-page :is(h1,h2,h3){font-family:"Space Grotesk","DM Sans",sans-serif;letter-spacing:-.045em}.ov-page a{text-decoration:none;color:inherit}
.ov-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#087b49;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ov-eyebrow::before{content:"";width:25px;height:2px;background:currentColor}
.ov-hero{padding:76px 0 32px;background:linear-gradient(125deg,#fbfcf8 25%,#edf6ee)}
.ov-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:56px}
.ov-copy h1{font-size:clamp(42px,4.3vw,64px);line-height:1.08;margin-top:24px;font-weight:700;text-wrap:balance}
.ov-copy h1 em{display:inline;font-style:normal;background:linear-gradient(transparent 56%,var(--ov-lime) 56%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding-inline:3px}
.ov-copy>p{max-width:540px;margin-top:25px;color:#50695d;font-size:18px;line-height:1.7}
.ov-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.ov-actions .button{gap:12px;border-radius:12px;min-height:48px;background:var(--ov-green);color:white;border:1px solid transparent;padding:14px 20px;font-size:14px;font-weight:700;box-shadow:none}
.ov-actions .button-ghost{background:transparent;color:var(--ov-ink);border-color:#c1d6c8}.ov-actions .button:hover{background:#076d41;color:white}
.ov-trust{display:flex;flex-wrap:wrap;gap:12px 18px;list-style:none;margin:24px 0 0;padding:0;font-size:12px;color:#4d6a5b}.ov-trust li{display:flex;align-items:center;gap:6px}.ov-trust i{font-style:normal;color:var(--ov-green)}
.ov-preview{min-width:0;border:1px solid #bcd6c5;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 64px #163c2312}
.ov-preview>header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ov-line);font-size:12px;color:#4c6659}.ov-preview header span{display:flex;align-items:center;gap:8px}.ov-preview header i{width:7px;height:7px;border-radius:50%;background:var(--ov-green)}.ov-preview header b{color:#0a6c43;font-family:"Space Grotesk",sans-serif}
.ov-screen-stage{position:relative;background:#e5f2e8;padding:20px;overflow:hidden}.ov-screen{position:relative;z-index:1;background:#fff;border:1px solid #c6dccc;border-radius:10px;overflow:hidden}.ov-screen img{display:block;width:100%;height:280px;object-fit:cover;object-position:top left}
.ov-preview-caption{padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 16px}.ov-preview-caption>span{font-weight:700;font-size:17px}.ov-preview-caption p{grid-column:1;max-width:390px;color:#587065;font-size:13px;line-height:1.5}.ov-preview-caption a{grid-column:2;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;border-bottom:1px solid #94b8a1;padding-block:10px}
.ov-tabs{display:flex;gap:8px;margin-top:36px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px}.ov-tabs button{flex:1 0 auto;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border:1px solid #cdded2;border-radius:10px;background:transparent;color:var(--ov-ink);font:600 13px/1.4 "DM Sans",sans-serif;cursor:pointer;scroll-snap-align:start}.ov-tabs button>span{color:#748e7d;font-size:11px}.ov-tabs button[aria-pressed=true]{background:var(--ov-ink);border-color:var(--ov-ink);color:#fff}.ov-tabs button[aria-pressed=true]>span{color:var(--ov-lime)}
.ov-directory{padding:88px 0;background:#fff}.ov-section-head{display:grid;grid-template-columns:1fr .75fr;gap:64px;align-items:end;margin-bottom:36px}.ov-section-head h2{font-size:clamp(32px,3.2vw,46px);line-height:1.14;margin-top:16px;font-weight:700}.ov-section-head em{font-style:normal;color:#128055}.ov-section-head>p{font-size:16px;line-height:1.7;color:#597266;max-width:460px}
.ov-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ov-module-link{display:grid;grid-template-columns:180px minmax(0,1fr);border:1px solid #d5e3d9;border-radius:16px;overflow:hidden;background:var(--ov-paper);transition:border-color .2s,box-shadow .2s}.ov-module-link:hover,.ov-module-link:focus-visible{border-color:#17854d;box-shadow:0 10px 24px #173d2410}.ov-module-link:focus-visible,.ov-tabs button:focus-visible{outline:3px solid #07894c;outline-offset:4px}
.ov-card-visual{position:relative;min-height:190px;padding:32px 0 18px 16px;background:#e8f3e9;overflow:hidden}.ov-card-visual img{display:block;width:310px;max-width:none;height:160px;object-fit:cover;object-position:top left;border:1px solid #c8dccc;border-radius:7px}.ov-card-visual>span{position:absolute;top:12px;inset-inline-start:16px;font-size:11px;font-weight:700;color:#4f7860}.ov-card-copy{padding:24px;display:flex;flex-direction:column;justify-content:center;min-width:0}.ov-card-copy h3{display:flex;justify-content:space-between;gap:10px;font-size:22px;line-height:1.25;letter-spacing:-.025em}.ov-card-copy h3>span{font-size:18px;color:#15864c}.ov-card-copy p{margin-top:10px;font-size:14px;line-height:1.65;color:#526b5e}.ov-card-cta{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#087a47;margin-top:18px}
.ov-system{background:#082f24;color:#fff;padding:76px 0}.ov-system .ov-eyebrow{color:#bbf75e}.ov-system h2,.ov-system h3{color:#fff}.ov-system .ov-section-head>p{color:#c0d4c9}.ov-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #ffffff30;padding-top:30px}.ov-system-grid article>span{color:#bbf75e;font:600 13px/1.5 "Space Grotesk",sans-serif}.ov-system-grid h3{font-size:23px;line-height:1.25;margin:18px 0 10px}.ov-system-grid p{font-size:15px;line-height:1.7;color:#c0d4c9}
.ov-closing{padding:76px 0;background:#f0f7e9;text-align:center}.ov-closing h2{font-size:clamp(32px,3.7vw,50px);line-height:1.15;margin:20px auto;max-width:780px}.ov-closing p{font-size:17px;line-height:1.65;color:#51695a;max-width:640px;margin-inline:auto}.ov-closing .ov-actions{justify-content:center}
/* The app uses the same palette, with real portrait screens instead of a desktop console. */
.ov-app .ov-hero{background:#fbfcf8}.ov-app .ov-preview{background:#e2f1e6}.ov-app .ov-screen-stage{height:388px;padding:24px;background:linear-gradient(130deg,#d8eddf,#b9dbbf)}.ov-app .ov-screen{width:178px;margin-inline:auto;border:5px solid #0b3b2b;border-radius:24px;box-shadow:0 16px 35px #07342122;transform:translateX(-28px)}.ov-app .ov-screen img{height:338px;object-fit:cover;object-position:top;width:100%}.ov-secondary-phone{position:absolute;width:155px;height:306px;object-fit:cover;object-position:top;border:5px solid #497a61;border-radius:22px;inset-inline-end:48px;top:52px;transform:rotate(9deg);opacity:.85}.ov-app .ov-preview-caption{background:#fff}.ov-app .ov-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ov-app .ov-module-link{display:flex;flex-direction:column}.ov-app .ov-card-visual{height:232px;min-height:232px;padding:24px 24px 0;background:#edf5e9}.ov-app .ov-module-link:nth-child(2n) .ov-card-visual{background:#dfefe5}.ov-app .ov-module-link:nth-child(3n) .ov-card-visual{background:#edf2dc}.ov-app .ov-card-visual img{width:162px;height:auto;min-height:260px;max-width:100%;margin:auto;border:4px solid #285c42;border-radius:20px;box-shadow:0 10px 25px #092d2015}.ov-app .ov-card-copy{flex:1;justify-content:flex-start}.ov-app .ov-card-cta{margin-top:auto;padding-top:18px}
html[dir=rtl] .ov-page :is(h1,h2,h3){font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;line-height:1.4}html[dir=rtl] .ov-tabs button{font-family:inherit}html[dir=rtl] .ov-app .ov-screen{transform:translateX(28px)}html[dir=rtl] .ov-secondary-phone{transform:rotate(-9deg)}
@media(min-width:768px) and (max-width:1100px){.ov-hero-grid{gap:28px;grid-template-columns:1fr 1fr}.ov-preview-caption{grid-template-columns:1fr}.ov-preview-caption a{grid-column:1;grid-row:auto;justify-self:start}.ov-module-link{grid-template-columns:130px minmax(0,1fr)}.ov-card-copy{padding:20px}.ov-app .ov-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-app .ov-secondary-phone{inset-inline-end:12px}}
@media(max-width:767px){.ov-shell{width:calc(100% - 40px)}.ov-hero-grid{grid-template-columns:1fr;gap:28px}.ov-copy h1{font-size:34px}.ov-copy>p{font-size:16px;margin-top:18px}.ov-copy h1{margin-top:16px}.ov-actions{flex-direction:column}.ov-actions .button{width:100%}.ov-trust{gap:12px;font-size:11px}.ov-preview>header{padding:14px;font-size:11px}.ov-screen-stage{padding:12px}.ov-screen{overflow-x:auto}.ov-screen img{width:540px;height:auto;max-width:none}.ov-preview-caption{grid-template-columns:1fr;padding:16px}.ov-preview-caption a{grid-column:1;grid-row:auto;justify-self:start}.ov-tabs{margin-top:22px}.ov-tabs button{flex:0 0 auto}.ov-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.ov-section-head>p{font-size:15px}.ov-module-grid,.ov-app .ov-module-grid{grid-template-columns:1fr;gap:14px}.ov-module-link{grid-template-columns:92px minmax(0,1fr)}.ov-card-copy{padding:18px}.ov-card-copy h3{font-size:20px}.ov-card-copy p{font-size:14px}.ov-card-visual{min-height:180px;padding-inline-start:12px}.ov-card-visual img{width:265px}.ov-system-grid{grid-template-columns:1fr;gap:22px;padding-top:22px}.ov-system-grid article+article{border-top:1px solid #ffffff25;padding-top:20px}.ov-system-grid h3{font-size:21px;margin-top:8px}.ov-closing p{font-size:16px}.ov-app .ov-screen-stage{height:342px}.ov-app .ov-screen{width:157px;transform:translateX(-20px)}.ov-app .ov-screen img{width:100%;height:294px}.ov-secondary-phone{width:134px;height:268px;inset-inline-end:20px;top:48px}.ov-app .ov-module-link{display:grid;grid-template-columns:104px minmax(0,1fr)}.ov-app .ov-card-visual{height:auto;min-height:200px;padding:35px 8px 0}.ov-app .ov-card-visual img{width:122px;max-width:none;min-height:0;border-width:3px;border-radius:14px}.ov-app .ov-card-copy{padding:18px}.ov-app .ov-card-cta{padding-top:14px}html[dir=rtl] .ov-app .ov-screen{transform:translateX(20px)}}
@media(prefers-reduced-motion:reduce){.ov-page *{transition:none !important}}
/* App previews: complete images, natural proportions, no overlapping phones. */
.ov-app .ov-screen-stage{height:auto;display:flex;align-items:center;justify-content:center;gap:18px;padding:24px}
.ov-app .ov-screen{flex:0 1 178px;width:178px;min-width:0;margin:0;transform:none!important;overflow:hidden}
.ov-app .ov-screen img{width:100%;max-width:100%;height:auto;min-height:0;object-fit:contain}
.ov-app .ov-secondary-phone{position:static;flex:0 1 155px;width:155px;min-width:0;max-width:45%;height:auto;object-fit:contain;transform:none!important;opacity:1;order:2}
.ov-app .ov-card-visual{height:auto;min-height:0;padding:32px 24px 24px;display:flex;align-items:center;justify-content:center}
.ov-app .ov-card-visual img{width:162px;max-width:100%;height:auto;min-height:0;object-fit:contain}
@media(max-width:767px){.ov-app .ov-screen-stage{height:auto;padding:18px 12px;gap:12px}.ov-app .ov-screen{flex-basis:157px}.ov-app .ov-secondary-phone{flex-basis:134px}.ov-app .ov-card-visual{height:auto;min-height:0;padding:32px 8px 16px}.ov-app .ov-card-visual img{width:100%;max-width:100%;height:auto}}