.og-source-body{margin:0;background:#fff;color:#171817;font-family:OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.og-source-body *{box-sizing:border-box}
.og-source-body :is(h1,h2,h3){font-family:OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400}
.og-source-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.og-source-hero{background:linear-gradient(135deg,#f1f6e9 0%,#fbfcf8 58%,#e8f1df 100%);border-bottom:1px solid #e2e9d9;padding:95px 0 110px}
.og-source-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);align-items:center;gap:clamp(42px,7vw,100px)}
.og-source-eyebrow,.og-source-number{display:block;color:#5a6b21;font-size:10px;line-height:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.og-source-eyebrow{margin:0 0 27px}
.og-source-eyebrow span{padding-inline:8px}
.og-source-hero h1{font-size:clamp(48px,5vw,64px);letter-spacing:-.025em;line-height:1;max-width:720px;font-weight:400;margin:0 0 28px}
.og-source-lead{font-size:16px;font-weight:400;line-height:22px;letter-spacing:normal;color:#636761;max-width:655px;margin:0 0 34px}
.og-source-actions{display:flex;flex-wrap:wrap;gap:12px}
.og-source-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:50px;padding:13px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;line-height:20px;letter-spacing:normal;transition:transform .2s ease,background .2s ease}
.og-source-button:hover{transform:translateY(-2px)}
.og-source-button span{font-size:20px;line-height:1}
.og-source-button-primary{background:#17261a;color:#fff}
.og-source-button-primary:hover{background:#2b432d}
.og-source-button-secondary{background:#fff;color:#263f2a;border:1px solid #c8d7c5}
.og-source-visual{min-width:0;transform:rotate(1.5deg);border:1px solid #c8d6c4;border-radius:17px;background:#fff;box-shadow:0 28px 60px rgba(23,46,25,.12);overflow:hidden}
.og-source-visual-top{min-height:57px;padding:14px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2e9de;background:#f7faf4;color:#57675d;font-size:10px;font-weight:500;letter-spacing:.06em}
.og-source-visual-top b{font-size:20px;letter-spacing:-.06em;color:#19251c;margin-inline:auto}
.og-source-visual-dots{display:flex;gap:4px}
.og-source-visual-dots i{width:7px;height:7px;border-radius:50%;background:#bac9b4}
.og-source-visual-content{padding:36px}
.og-source-visual-brand{font-size:34px;font-weight:500;letter-spacing:-.03em;margin-bottom:34px}
.og-source-visual-brand span{color:#7c9475;font-size:17px;letter-spacing:-.03em}
.og-source-visual-row{display:grid;grid-template-columns:28px 1fr 24px;align-items:center;gap:12px;min-height:68px;padding:0 14px;margin-bottom:10px;border:1px solid #dce6d9;border-radius:9px;background:#f8fbf5}
.og-source-visual-row>span:first-child{color:#73926b;font-size:13px;font-weight:700}
.og-source-visual-row strong{font-size:14px;font-weight:500;line-height:20px}
.og-source-visual-row>span:last-child{font-size:19px;color:#52704f}
.og-source-visual-foot{margin-top:25px;font-size:10px;font-weight:500;letter-spacing:.06em;color:#7a8f71}
.og-source-visual-foot span{color:#81a167;margin-inline:8px}
.og-source-section{padding:105px 0;border-bottom:1px solid #e4e9e1}
.og-source-section-head{max-width:770px;margin-bottom:39px}
.og-source-section h2,.og-source-final h2{font-size:clamp(38px,3.75vw,48px);font-weight:400;line-height:1.05;letter-spacing:-.02em;margin:17px 0}
.og-source-section-head p,.og-source-scope p{font-size:16px;font-weight:400;line-height:22px;color:#636761;margin:0}
.og-source-benefits,.og-source-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.og-source-benefit{min-height:255px;padding:30px;border:1px solid #e0e8dc;border-radius:14px;background:#f8faf6}
.og-source-benefit-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#e5efdf;color:#315332;font-weight:500;font-size:12px}
.og-source-benefit h3,.og-source-step h3{font-size:24px;font-weight:400;line-height:28px;letter-spacing:normal;margin:29px 0 10px}
.og-source-benefit p,.og-source-step p{font-size:14px;font-weight:400;line-height:20px;color:#636761;margin:0}
.og-source-process{background:#f7f9f5}
.og-source-step{border-top:1px solid #b9c9b7;padding-top:25px}
.og-source-step-number{font-size:12px;letter-spacing:.06em;color:#5a6b21;font-weight:500}
.og-source-scope{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.7fr);align-items:center;gap:70px}
.og-source-scope p{max-width:690px}
.og-source-scope ul{list-style:none;padding:0;margin:0;border:1px solid #dce7d8;border-radius:13px;overflow:hidden;background:#f8faf6}
.og-source-scope li{display:flex;gap:15px;align-items:center;min-height:70px;padding:20px 24px;font-size:16px;font-weight:400;line-height:22px;border-bottom:1px solid #dce7d8}
.og-source-scope li:last-child{border-bottom:0}
.og-source-scope li span{color:#538446;font-size:17px}
.og-source-faq{background:#fbfcfa}
.og-source-faq-grid{display:grid;grid-template-columns:.7fr 1fr;gap:70px}
.og-source-faq details{border-bottom:1px solid #d8e0d4;padding:5px 0}
.og-source-faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-weight:400;font-size:16px;line-height:22px;padding:21px 0}
.og-source-faq summary::-webkit-details-marker{display:none}
.og-source-faq summary span{font-size:25px;font-weight:400;color:#5b7953}
.og-source-faq details[open] summary span{transform:rotate(45deg)}
.og-source-faq details p{font-size:14px;line-height:20px;color:#636761;margin:0 0 23px}
.og-source-final{padding:95px 0 105px;background:#17301f;color:#fff}
.og-source-final .og-source-number{color:#a9d58a}
.og-source-final h2{max-width:790px}
.og-source-final p{max-width:720px;font-size:16px;line-height:22px;color:#d7e5d6;margin:0 0 30px}
.og-source-button-lime{background:#b5e565;color:#17251a}
.og-source-button-outline{border:1px solid #8aa68a;color:#fff}
.og-source-saas-link{display:inline-block;color:#d6e8cf;margin-top:30px;font-size:14px;font-weight:400;line-height:20px;text-underline-offset:4px}
[dir=rtl] .og-source-visual{transform:rotate(-1.5deg)}
@media(max-width:980px){.og-source-hero-grid{grid-template-columns:1fr;gap:50px}.og-source-visual{max-width:560px}.og-source-faq-grid{gap:35px}}
@media(max-width:700px){.og-source-wrap{width:calc(100% - 36px)}.og-source-hero{padding:60px 0 75px}.og-source-hero h1{font-size:clamp(42px,10vw,56px)}.og-source-visual-content{padding:25px}.og-source-section{padding:72px 0}.og-source-benefits,.og-source-steps,.og-source-scope,.og-source-faq-grid{grid-template-columns:1fr;gap:20px}.og-source-benefit{min-height:0}.og-source-scope{gap:32px}.og-source-faq-grid{gap:10px}.og-source-final{padding:70px 0 80px}}
@media(prefers-reduced-motion:reduce){.og-source-button{transition:none}}

html[lang="ar"] body.og-source-body{font-family:"Noto Sans Arabic",OgilioV2Arabic,system-ui,sans-serif}
html[lang="ar"] .og-source-body :is(h1,h2,h3){font-family:"Noto Sans Arabic",OgilioV2Arabic,system-ui,sans-serif;letter-spacing:normal}
html[lang|="zh"] .og-source-body :is(h1,h2,h3){letter-spacing:normal}
html[lang="ar"] .og-source-hero h1,html[lang="ar"] .og-source-section h2,html[lang="ar"] .og-source-final h2{line-height:1.3}
