.og-about-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-about-body *{box-sizing:border-box}.og-about-body :is(h1,h2,h3){font-family:inherit;font-weight:400}.og-about-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.og-about-hero{background:linear-gradient(125deg,#f4f7ec,#fafbf6 56%,#e9f2dd);border-bottom:1px solid #e6eadf;padding:100px 0 110px}.og-about-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:center;gap:clamp(40px,6vw,86px)}.og-about-eyebrow{display:block;color:#5a6b21;font-size:10px;line-height:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin:0 0 22px}.og-about-hero h1{font-size:clamp(48px,5vw,64px);line-height:1;letter-spacing:-.025em;max-width:790px;margin:0 0 27px}.og-about-lead{font-size:16px;line-height:22px;color:#636761;max-width:680px;margin:0 0 32px}.og-about-actions{display:flex;flex-wrap:wrap;gap:12px}.og-about-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:13px 20px;border-radius:6px;font-size:14px;line-height:20px;font-weight:500;text-decoration:none;transition:transform .2s,background .2s}.og-about-button:hover{transform:translateY(-2px)}.og-about-button span{font-size:19px;line-height:1}.og-about-button-dark{background:#171817;color:#fff}.og-about-button-dark:hover{background:#343834}.og-about-button-light{background:#fff;color:#171817;border:1px solid #dce3d7}.og-about-hero-art{min-height:390px;border-radius:18px;background:#1d271e;color:#fff;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 70px #23331b24}.og-about-hero-art:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;inset:auto -260px -280px auto;background:radial-gradient(circle,#bbec62,#557344 42%,transparent 70%);opacity:.85}.og-about-art-top,.og-about-art-bottom{position:relative;display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.08em;font-weight:500}.og-about-art-top span:last-child{color:#cce7b6}.og-about-art-center{position:relative;display:grid;place-items:center;min-height:240px}.og-about-art-center strong{font-size:clamp(60px,8vw,100px);line-height:1;letter-spacing:-.09em;font-weight:500}.og-about-art-center strong span{color:#d8fc78}.og-about-art-ring{position:absolute;width:235px;height:235px;border:1px solid #ffffff45;border-radius:50%;box-shadow:0 0 0 45px #ffffff0b,0 0 0 90px #ffffff08}.og-about-art-bottom{flex-wrap:wrap;justify-content:flex-start;gap:10px}.og-about-art-bottom span{border:1px solid #ffffff4a;border-radius:999px;padding:7px 10px;white-space:nowrap}.og-about-section{padding:100px 0;border-bottom:1px solid #e8eae5}.og-about-section-head{max-width:760px;margin-bottom:43px}.og-about-section h2,.og-about-final h2{font-size:clamp(38px,3.75vw,48px);line-height:1.05;letter-spacing:-.02em;margin:0 0 22px}.og-about-section-head p,.og-about-approach-head p,.og-about-final p{font-size:16px;line-height:22px;color:#636761;margin:0}.og-about-timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.og-about-timeline li{border-top:1px solid #b9cbb0;padding-top:20px}.og-about-year{display:block;min-height:52px;color:#50703c;font-size:20px;letter-spacing:-.02em}.og-about-timeline h3,.og-about-principles h3,.og-about-product-grid h3{font-size:23px;line-height:1.15;letter-spacing:-.02em;margin:0 0 13px}.og-about-timeline p,.og-about-principles p,.og-about-product-grid p{font-size:14px;line-height:20px;color:#636761;margin:0}.og-about-approach{background:#f7f9f4}.og-about-approach-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:20px 80px;align-items:end;margin-bottom:48px}.og-about-approach-head .og-about-eyebrow{grid-column:1/-1;margin:0}.og-about-approach-head h2{margin:0}.og-about-approach-head p{max-width:490px}.og-about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.og-about-principles article{border:1px solid #e0e8da;border-radius:13px;background:#fff;padding:30px;min-height:230px}.og-about-index{display:block;font-size:11px;color:#5a6b21;letter-spacing:.06em;margin-bottom:35px}.og-about-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.og-about-product-grid article{border:1px solid #e5e9e1;border-radius:14px;background:#fafbf8;padding:30px;min-height:270px;display:flex;flex-direction:column}.og-about-product-grid p{margin-bottom:25px}.og-about-product-grid a{color:#223b24;text-decoration:none;border-bottom:1px solid currentColor;align-self:flex-start;font-size:14px;font-weight:600;margin-top:auto;padding-bottom:3px}.og-about-product-grid a:hover{color:#628227}.og-about-final{background:#192a1e;color:#fff;padding:95px 0 105px}.og-about-final .og-about-eyebrow{color:#b9e77b}.og-about-final h2{max-width:780px}.og-about-final p{color:#d0ddcc;max-width:710px;margin-bottom:31px}.og-about-button-acid{background:#d9f77c;color:#192a1e}.og-about-button-acid:hover{background:#e9ffad}.og-about-button-outline{border:1px solid #8ca88c;color:#fff}@media(max-width:980px){.og-about-hero-grid{grid-template-columns:1fr}.og-about-hero-art{max-width:600px}.og-about-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.og-about-approach-head{grid-template-columns:1fr;gap:18px}}@media(max-width:700px){.og-about-wrap{width:calc(100% - 36px)}.og-about-hero{padding:65px 0 75px}.og-about-hero h1{font-size:clamp(42px,10vw,56px)}.og-about-hero-art{min-height:300px}.og-about-art-center{min-height:170px}.og-about-art-center strong{font-size:65px}.og-about-art-ring{width:165px;height:165px;box-shadow:0 0 0 32px #ffffff0b,0 0 0 65px #ffffff08}.og-about-section{padding:72px 0}.og-about-timeline,.og-about-principles,.og-about-product-grid{grid-template-columns:1fr}.og-about-timeline{gap:28px}.og-about-year{min-height:37px}.og-about-principles article,.og-about-product-grid article{min-height:0}.og-about-final{padding:72px 0 80px}}html[lang="ar"] .og-about-body,html[lang="ar"] .og-about-body :is(h1,h2,h3){font-family:"Noto Sans Arabic",OgilioV2Arabic,system-ui,sans-serif}html[lang="ar"] .og-about-body :is(h1,h2,h3){letter-spacing:normal;line-height:1.3}html[lang|="zh"] .og-about-body :is(h1,h2,h3){letter-spacing:normal}@media(prefers-reduced-motion:reduce){.og-about-button{transition:none}}

/* About hero: the real Ogilio mark connects the product network and the 2012–today story. */
.og-about-hero-art{isolation:isolate;min-height:440px;padding:27px 29px;background:radial-gradient(circle at 77% 74%,#455f39 0%,#223324 42%,#19281e 82%);box-shadow:0 26px 62px #1c321e2b}
.og-about-hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:30px 30px;opacity:.55;border-radius:inherit;pointer-events:none}
.og-about-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#d5ff6830 50%,transparent 65%);background-size:240% 100%;animation:og-about-sweep 12s linear infinite;z-index:-1;pointer-events:none}
.og-about-visual-top{position:relative;z-index:3;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:10px;font-weight:600;letter-spacing:.09em;color:#e5f4db;text-transform:uppercase}
.og-about-visual-top>span:first-child{display:flex;align-items:center;gap:8px}.og-about-visual-top i{width:5px;height:5px;border-radius:50%;background:#dfff70;box-shadow:0 0 0 5px #dfff7020}
.og-about-visual-top b{font-weight:400;color:#dfff70;margin-inline:4px}
.og-about-network{position:relative;height:265px;min-width:0;z-index:2}
.og-about-network-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.og-about-network-routes path{fill:none;stroke:#a8cd92;stroke-width:1.5;stroke-dasharray:5 8;stroke-linecap:round;opacity:.78;animation:og-about-route 13s linear infinite}
.og-about-network-routes path:nth-child(2){animation-duration:17s}.og-about-network-routes path:nth-child(3){animation-duration:21s}.og-about-network-routes path:nth-child(4){animation-duration:19s}
.og-about-network-core{position:absolute;left:50%;top:50%;width:128px;height:128px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #dfff70aa;border-radius:50%;background:#233b26;box-shadow:0 0 0 13px #b5ec6215,0 0 0 36px #b5ec6208,0 0 52px #b5ec6240;z-index:2}
.og-about-network-core img{display:block;width:66px;height:68px;object-fit:contain;filter:drop-shadow(0 2px 10px #0005)}
.og-about-core-halo{position:absolute;inset:-13px;border:1px solid #c2f26b55;border-radius:50%;animation:og-about-pulse 3.4s ease-out infinite}
.og-about-network-node{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e4f3d64d;border-radius:999px;background:#223624ed;box-shadow:0 6px 18px #0002;color:#f7fff0;font-size:11px;font-weight:500;letter-spacing:.01em;white-space:nowrap}
.og-about-network-node i{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:#dfff70;box-shadow:0 0 10px #dfff70}
.og-about-node-saas{left:1%;top:15%}.og-about-node-source{right:0;top:15%}.og-about-node-api{right:0;bottom:10%}.og-about-node-bedbank{left:1%;bottom:10%;text-decoration:none;min-width:116px}.og-about-node-bedbank span{display:flex;flex-direction:column;line-height:1.15;gap:2px}.og-about-node-bedbank small{font-size:9px;font-weight:400;color:#cce7b6}.og-about-node-bedbank:hover{background:#365b35;border-color:#dfff70}.og-about-node-bedbank:focus-visible{outline:2px solid #dfff70;outline-offset:3px}
.og-about-visual-timeline{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:18px;border-top:1px solid #e6f7da55}
.og-about-timeline-track{position:absolute;top:-1px;left:0;width:100%;height:2px;background:#dfff70;transform:scaleX(0);transform-origin:left center;animation:og-about-progress 12s linear infinite}
.og-about-visual-milestone{display:flex;flex-direction:column;gap:4px;min-width:0;color:#dcebd6;opacity:.6;animation:og-about-stage 12s ease-in-out infinite}
.og-about-visual-milestone:nth-of-type(2){animation-delay:4s}.og-about-visual-milestone:nth-of-type(3){animation-delay:8s}
.og-about-visual-milestone strong{font-size:13px;font-weight:600;color:#dfff70;line-height:1.2}.og-about-visual-milestone span{font-size:11px;line-height:1.3}
@keyframes og-about-route{to{stroke-dashoffset:-130}}
@keyframes og-about-pulse{0%{transform:scale(.88);opacity:.8}75%,100%{transform:scale(1.25);opacity:0}}
@keyframes og-about-progress{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes og-about-stage{0%,27%{opacity:1}33%,100%{opacity:.58}}
@keyframes og-about-sweep{0%{background-position:220% 0}100%{background-position:-120% 0}}
[dir=rtl] .og-about-timeline-track{left:auto;right:0;transform-origin:right center}
@media(max-width:700px){.og-about-hero-art{min-height:390px;padding:24px 20px}.og-about-network{height:225px}.og-about-network-core{width:108px;height:108px}.og-about-network-core img{width:54px;height:55px}.og-about-network-node{font-size:10px;padding:7px 8px}.og-about-node-saas{left:0;top:12%}.og-about-node-source{right:0;top:12%}.og-about-node-api{right:0;bottom:8%}.og-about-node-bedbank{left:0;bottom:8%;min-width:100px}.og-about-visual-milestone span{font-size:10px}}
@media(max-width:420px){.og-about-network-core{width:92px;height:92px}.og-about-network-core img{width:46px;height:48px}.og-about-network-node{font-size:9px}.og-about-visual-top{font-size:9px}.og-about-visual-timeline{gap:8px}}
@media(prefers-reduced-motion:reduce){.og-about-hero-art:after,.og-about-network-routes path,.og-about-core-halo,.og-about-timeline-track,.og-about-visual-milestone{animation:none!important}.og-about-timeline-track{transform:scaleX(1)}.og-about-visual-milestone{opacity:1}}

/* Bedbank offer for hotel partners. */
.og-about-bedbank{background:#f7f9f4}.og-about-bedbank-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(45px,7vw,100px);align-items:start}.og-about-bedbank-copy{max-width:565px}.og-about-bedbank-copy p{font-size:16px;line-height:22px;color:#636761;margin:0 0 28px}.og-about-bedbank-panel{border:1px solid #dfe8d9;border-radius:16px;background:#fff;overflow:hidden}.og-about-bedbank-network{display:flex;align-items:end;gap:18px;padding:28px 32px;background:#e9f2df;border-bottom:1px solid #dfe8d9}.og-about-bedbank-network strong{font-size:clamp(36px,4vw,50px);font-weight:400;letter-spacing:-.04em;line-height:1;color:#203923;white-space:nowrap}.og-about-bedbank-network span{font-size:14px;line-height:18px;color:#516c49;max-width:155px}.og-about-bedbank-panel ol{list-style:none;padding:0 32px;margin:0}.og-about-bedbank-panel li{display:grid;grid-template-columns:28px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #e5ebe2}.og-about-bedbank-panel li:last-child{border-bottom:0}.og-about-bedbank-panel li>span{font-size:11px;font-weight:600;color:#5a6b21;margin-top:4px}.og-about-bedbank-panel h3{font-size:19px;line-height:1.2;margin:0 0 6px}.og-about-bedbank-panel p{font-size:13px;line-height:19px;color:#636761;margin:0}@media(max-width:860px){.og-about-bedbank-grid{grid-template-columns:1fr;gap:36px}.og-about-bedbank-copy{max-width:720px}}@media(max-width:700px){.og-about-bedbank-network{padding:24px}.og-about-bedbank-panel ol{padding:0 24px}}