/* Shared product design for all nine public locales. Scoped to product landings. */
body.og-product-v2{margin:0;background:#fff;color:#171817;font-family:OgilioV2Sans,"Inter Tight",Arial,sans-serif}
body.og-product-v2 *,body.og-product-v2 *::before,body.og-product-v2 *::after{box-sizing:border-box}
body.og-product-v2 .op2-main{overflow:hidden}
body.og-product-v2 .op2-container{width:min(1152px,calc(100% - 48px));margin-inline:auto}
body.og-product-v2 .op2-main :is(h1,h2,h3,p){margin-top:0}
body.og-product-v2 .op2-main :is(h1,h2,h3){font-family:OgilioV2Sans,"Inter Tight",Arial,sans-serif;font-weight:500;letter-spacing:-.035em;text-wrap:balance}
body.og-product-v2 .op2-main a{text-decoration:none}
body.og-product-v2 .op2-main a:focus-visible,body.og-product-v2 .op2-main summary:focus-visible{outline:3px solid #778b22;outline-offset:4px}
body.og-product-v2 .op2-eyebrow{margin:0 0 18px;color:#596341;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.11em;text-transform:uppercase}
body.og-product-v2 .op2-hero{padding:104px 0 100px;background:#f7f7f4}
body.og-product-v2 .op2-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:0 0 48px;color:#757971;font-size:12px;line-height:1.4}
body.og-product-v2 .op2-breadcrumb a{color:#51564d}
body.og-product-v2 .op2-breadcrumb a:hover{text-decoration:underline}
body.og-product-v2 .op2-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:68px}
body.og-product-v2 .op2-hero-copy{min-width:0}
body.og-product-v2 .op2-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#2b3025;font-size:12px;font-weight:650}
body.og-product-v2 .op2-kicker-mark{width:10px;height:10px;border-radius:3px;background:#9cbb1b;transform:rotate(-20deg)}
body.og-product-v2 .op2-status{margin-inline-start:7px;padding:6px 10px;border:1px solid #d7dcbd;border-radius:5px;background:#edf2d8;color:#46551f;font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.04em}
body.og-product-v2.og-product-experience .op2-status{border-color:#dfdbd0;background:#f2f0e8;color:#555449}
body.og-product-v2 .op2-hero h1{max-width:680px;margin:23px 0 22px;color:#171817;font-size:clamp(48px,5.2vw,74px);line-height:1.02;letter-spacing:-.055em}
body.og-product-v2 .op2-lead{max-width:605px;margin:0;color:#5b6058;font-size:18px;line-height:1.56}
body.og-product-v2 .op2-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:31px}
body.og-product-v2 .op2-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:12px 20px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:650;line-height:1.3;text-align:center;transition:transform .2s,background .2s,border-color .2s}
body.og-product-v2 .op2-button:hover{transform:translateY(-2px)}
body.og-product-v2 .op2-button-primary{background:#eaff57;color:#171817}
body.og-product-v2 .op2-button-primary:hover{background:#ddec4c}
body.og-product-v2 .op2-button-outline{border-color:#cfd2c6;background:transparent;color:#242822}
body.og-product-v2 .op2-button-outline:hover{border-color:#939b79;background:#fff}
body.og-product-v2 .op2-microcopy{margin:14px 0 0;color:#757970;font-size:12px;line-height:1.5}
body.og-product-v2 .op2-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:505px;overflow:hidden;padding:31px;border:1px solid #30382b;border-radius:15px;background:#1b2119;color:#fff;isolation:isolate}
body.og-product-v2 .op2-visual::before{position:absolute;z-index:-1;top:20%;inset-inline-start:12%;width:75%;aspect-ratio:1;border:1px solid #ffffff19;border-radius:50%;content:""}
body.og-product-v2 .op2-visual::after{position:absolute;z-index:-1;top:32%;inset-inline-start:24%;width:51%;aspect-ratio:1;border:1px solid #ffffff21;border-radius:50%;content:""}
body.og-product-v2 .op2-visual-top,body.og-product-v2 .op2-visual-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
body.og-product-v2 .op2-visual-top>span:first-child{font-size:22px;font-weight:650;letter-spacing:-.06em;direction:ltr}
body.og-product-v2 .op2-visual-period{color:#eaff57}
body.og-product-v2 .op2-visual-index{color:#b7c0a8;font-size:12px;font-weight:600;letter-spacing:.07em}
body.og-product-v2 .op2-visual-symbol{position:absolute;top:50%;inset-inline-start:50%;display:grid;place-items:center;width:145px;height:145px;border:1px solid #ffffff26;border-radius:22px;background:#eaff57;color:#1b2119;box-shadow:20px 20px 0 #eaff5715;transform:translate(-50%,-50%) rotate(-8deg)}
body.og-product-v2 .op2-visual-symbol svg{width:78px;height:78px;transform:rotate(8deg)}
body.og-product-v2 .op2-visual-bottom{align-items:end}
body.og-product-v2 .op2-visual-bottom strong{font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.06;letter-spacing:-.045em}
body.og-product-v2 .op2-visual-bottom>span{max-width:85px;color:#b7c0a8;font-size:12px;text-align:end}
body.og-product-v2 .op2-visual-line{position:absolute;right:0;bottom:0;left:0;height:7px;background:#eaff57}
body.og-product-v2 .op2-benefits{padding:110px 0 116px;background:#1a1e18;color:#fff}
body.og-product-v2 .op2-benefits .op2-eyebrow{color:#d5e887}
body.og-product-v2 .op2-section-head{max-width:790px;margin-bottom:44px}
body.og-product-v2 .op2-section-head h2{margin:0 0 18px;color:#fff;font-size:clamp(40px,4.4vw,59px);line-height:1.08}
body.og-product-v2 .op2-section-head>p:last-child{max-width:720px;margin:0;color:#bac1b7;font-size:17px;line-height:1.6}
body.og-product-v2 .op2-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.og-product-v2 .op2-benefit-card{display:flex;flex-direction:column;min-height:300px;padding:28px;border:1px solid #414a3d;border-radius:12px;background:#252b22}
body.og-product-v2 .op2-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:auto}
body.og-product-v2 .op2-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#eaff57;color:#171817}
body.og-product-v2 .op2-card-icon svg{width:23px;height:23px}
body.og-product-v2 .op2-card-number{color:#a5aea0;font-size:12px}
body.og-product-v2 .op2-benefit-card h3{margin:43px 0 10px;color:#fff;font-size:26px;line-height:1.13}
body.og-product-v2 .op2-benefit-card p{margin:0;color:#bcc4b8;font-size:15px;line-height:1.55}
body.og-product-v2 .op2-workflow{padding:110px 0;background:#f7f7f4}
body.og-product-v2 .op2-workflow-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px}
body.og-product-v2 .op2-workflow h2,body.og-product-v2 .op2-faq h2,body.og-product-v2 .op2-related h2{margin:0;color:#171817;font-size:clamp(37px,3.7vw,49px);line-height:1.08}
body.og-product-v2 .op2-workflow-intro .op2-text-link{margin-top:30px}
body.og-product-v2 .op2-text-link{display:inline-flex;align-items:center;gap:16px;color:#2c3815;font-size:14px;font-weight:650;line-height:1.4}
body.og-product-v2 .op2-text-link:hover{text-decoration:underline;text-underline-offset:4px}
body.og-product-v2 .op2-steps{list-style:none;margin:0;padding:0;border-top:1px solid #d4d8ca}
body.og-product-v2 .op2-steps li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #d4d8ca}
body.og-product-v2 .op2-step-index{color:#687656;font-size:13px;font-weight:700}
body.og-product-v2 .op2-steps h3{margin:0 0 9px;color:#1e221c;font-size:25px;line-height:1.17}
body.og-product-v2 .op2-steps p{margin:0;color:#63695f;font-size:15px;line-height:1.6}
body.og-product-v2 .op2-details{padding:100px 0 110px;background:#fff}
body.og-product-v2 .op2-activation{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:start;gap:25px;padding:32px;border:1px solid #e4e7dc;border-radius:13px;background:#f5f7ed}
body.og-product-v2 .op2-activation-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#eaff57;color:#1b2119}
body.og-product-v2 .op2-activation-icon svg{width:26px;height:26px}
body.og-product-v2 .op2-activation .op2-eyebrow{margin-bottom:12px}
body.og-product-v2 .op2-activation h2{margin:0 0 11px;color:#171817;font-size:clamp(26px,2.4vw,35px);line-height:1.12}
body.og-product-v2 .op2-activation p:last-child{max-width:690px;margin:0;color:#60675c;font-size:15px;line-height:1.6}
body.og-product-v2 .op2-activation .op2-text-link{white-space:nowrap;margin-top:12px}
body.og-product-v2 .op2-faq{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:70px;margin-top:110px}
body.og-product-v2 .op2-faq-list{border-top:1px solid #d9ddd3}
body.og-product-v2 .op2-faq-list details{border-bottom:1px solid #d9ddd3}
body.og-product-v2 .op2-faq-list summary{position:relative;display:block;min-height:74px;padding:22px 36px 22px 0;list-style:none;cursor:pointer;color:#252a22;font-size:18px;font-weight:550;line-height:1.35}
body.og-product-v2 .op2-faq-list summary::-webkit-details-marker{display:none}
body.og-product-v2 .op2-faq-list summary::after{position:absolute;right:2px;top:20px;content:"+";color:#505d40;font-size:25px;font-weight:400}
body.og-product-v2 .op2-faq-list details[open] summary::after{content:"−"}
body.og-product-v2 .op2-faq-list details>p{max-width:620px;margin:-2px 0 24px;color:#626961;font-size:15px;line-height:1.6}
body.og-product-v2 .op2-related{padding:100px 0;background:#f7f7f4}
body.og-product-v2 .op2-related-head{max-width:750px;margin-bottom:38px}
body.og-product-v2 .op2-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.og-product-v2 .op2-related-card{display:flex;flex-direction:column;min-height:285px;padding:28px;border:1px solid #e3e6de;border-radius:12px;background:#fff}
body.og-product-v2 .op2-related-card-top{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:auto}
body.og-product-v2 .op2-related-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:8px;background:#eaff57;color:#20231d}
body.og-product-v2 .op2-related-icon svg{width:25px;height:25px}
body.og-product-v2 .op2-related-status{padding:6px 9px;border:1px solid #e0e3d8;border-radius:5px;color:#687062;font-size:11px;line-height:1.3}
body.og-product-v2 .op2-related-card h3{margin:35px 0 8px;font-size:27px;line-height:1.15}
body.og-product-v2 .op2-related-card h3 a{color:#20231d}
body.og-product-v2 .op2-related-card p{margin:0 0 20px;color:#626861;font-size:15px;line-height:1.55}
body.og-product-v2 .op2-related-card .op2-text-link{margin-top:auto;padding-top:18px;border-top:1px solid #e9ebe5}
body.og-product-v2 .op2-final{padding:100px 0;background:#eaff57}
body.og-product-v2 .op2-final-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:50px}
body.og-product-v2 .op2-final .op2-eyebrow{color:#4c591d}
body.og-product-v2 .op2-final h2{max-width:800px;margin:0 0 16px;color:#171817;font-size:clamp(42px,4.9vw,66px);line-height:1.04}
body.og-product-v2 .op2-final p:not(.op2-eyebrow):not(.op2-microcopy){max-width:680px;margin:0;color:#4b542d;font-size:17px;line-height:1.5}
body.og-product-v2 .op2-final-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:200px}
body.og-product-v2 .op2-button-dark{background:#1a1d18;color:#fff}
body.og-product-v2 .op2-button-dark:hover{background:#353b2e}
body.og-product-v2 .op2-button-light{border-color:#a8bd36;background:transparent;color:#1d2516}
body.og-product-v2 .op2-button-light:hover{background:#f7ffb0}
body.og-product-v2 .op2-final .op2-microcopy{margin:4px 0 0;color:#4b542d;text-align:center}
html[dir=rtl] body.og-product-v2 .op2-main,html[dir=rtl] body.og-product-v2 .op2-main :is(h1,h2,h3){font-family:"Noto Sans Arabic",Arial,sans-serif}
html[dir=rtl] body.og-product-v2 .op2-main :is(h1,h2,h3){letter-spacing:0}
html[dir=rtl] body.og-product-v2 .op2-eyebrow{letter-spacing:0}
html[dir=rtl] body.og-product-v2 .op2-visual-symbol{transform:translate(50%,-50%) rotate(-8deg)}
html[dir=rtl] body.og-product-v2 .op2-faq-list summary{padding:22px 0 22px 36px}
html[dir=rtl] body.og-product-v2 .op2-faq-list summary::after{right:auto;left:2px}
@media(max-width:900px){body.og-product-v2 .op2-hero-grid{gap:30px}body.og-product-v2 .op2-visual{min-height:430px}body.og-product-v2 .op2-workflow-grid,body.og-product-v2 .op2-faq{gap:40px}body.og-product-v2 .op2-activation{grid-template-columns:50px 1fr}body.og-product-v2 .op2-activation .op2-text-link{grid-column:2;margin-top:0}}
@media(max-width:720px){body.og-product-v2 .op2-container{width:calc(100% - 36px)}body.og-product-v2 .op2-hero{padding:86px 0 72px}body.og-product-v2 .op2-breadcrumb{margin-bottom:35px}body.og-product-v2 .op2-hero-grid,body.og-product-v2 .op2-workflow-grid,body.og-product-v2 .op2-faq,body.og-product-v2 .op2-final-grid{grid-template-columns:1fr}body.og-product-v2 .op2-hero h1{font-size:clamp(42px,8vw,58px)}body.og-product-v2 .op2-visual{min-height:370px}body.og-product-v2 .op2-visual-symbol{width:115px;height:115px}body.og-product-v2 .op2-visual-symbol svg{width:64px;height:64px}body.og-product-v2 .op2-benefits,body.og-product-v2 .op2-workflow,body.og-product-v2 .op2-details,body.og-product-v2 .op2-related,body.og-product-v2 .op2-final{padding:75px 0}body.og-product-v2 .op2-benefit-grid{grid-template-columns:1fr}body.og-product-v2 .op2-benefit-card{min-height:230px}body.og-product-v2 .op2-benefit-card h3{margin-top:34px}body.og-product-v2 .op2-faq{margin-top:75px}body.og-product-v2 .op2-related-grid{grid-template-columns:1fr}body.og-product-v2 .op2-related-card{min-height:245px}body.og-product-v2 .op2-final-grid{gap:25px}body.og-product-v2 .op2-final-actions{align-items:flex-start}body.og-product-v2 .op2-final-actions .op2-button{min-width:210px}}
@media(max-width:480px){body.og-product-v2 .op2-container{width:calc(100% - 32px)}body.og-product-v2 .op2-hero h1{font-size:clamp(39px,10vw,50px)}body.og-product-v2 .op2-lead{font-size:16px}body.og-product-v2 .op2-actions{align-items:stretch;flex-direction:column}body.og-product-v2 .op2-actions .op2-button{width:100%}body.og-product-v2 .op2-visual{min-height:320px;padding:22px}body.og-product-v2 .op2-visual-bottom strong{font-size:28px}body.og-product-v2 .op2-section-head h2{font-size:37px}body.og-product-v2 .op2-activation{grid-template-columns:1fr;padding:24px}body.og-product-v2 .op2-activation .op2-text-link{grid-column:1}body.og-product-v2 .op2-steps li{grid-template-columns:35px 1fr;gap:12px}body.og-product-v2 .op2-faq-list summary{font-size:16px}body.og-product-v2 .op2-final h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){body.og-product-v2 .op2-main *{transition:none!important;animation:none!important}}

/* Ogilio public typography alignment, 2026-10-19 */

body.og-product-v2 .op2-main :is(h1,h2,h3){font-weight:400;letter-spacing:-.02em}
body.og-product-v2 .op2-hero h1{font-size:clamp(48px,5vw,64px);line-height:1;letter-spacing:-.025em}
body.og-product-v2 .op2-section-head h2,body.og-product-v2 .op2-workflow h2,body.og-product-v2 .op2-faq h2,body.og-product-v2 .op2-related h2,body.og-product-v2 .op2-final h2{font-size:clamp(38px,3.75vw,48px);line-height:1.05;letter-spacing:-.02em}
body.og-product-v2 .op2-eyebrow{font-size:10px;font-weight:500;letter-spacing:.06em}
@media(max-width:700px){body.og-product-v2 .op2-hero h1{font-size:clamp(42px,10vw,56px)}body.og-product-v2 .op2-section-head h2,body.og-product-v2 .op2-workflow h2,body.og-product-v2 .op2-faq h2,body.og-product-v2 .op2-related h2,body.og-product-v2 .op2-final h2{font-size:clamp(34px,8vw,40px)}}
