.odoo-hero{position:relative;overflow:hidden;padding:88px 0 0;background:radial-gradient(circle at 87% 9%,rgba(164,89,148,.22),transparent 30%),radial-gradient(circle at 18% 18%,#dfe7ff,transparent 36%),linear-gradient(145deg,#fbfcff,#f2f5ff 72%,#fff)}
.odoo-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,55,195,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,55,195,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.odoo-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}.odoo-hero-copy{padding-bottom:72px}.odoo-hero-copy h1{max-width:790px;font-size:clamp(3rem,5.2vw,5.1rem)}.odoo-hero-copy .hero-lead{max-width:740px}.odoo-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.odoo-badges span{padding:7px 11px;border:1px solid #dbe2f8;border-radius:99px;background:rgba(255,255,255,.84);color:#3d4962;font-size:.72rem;font-weight:800;box-shadow:0 8px 22px rgba(28,49,108,.06)}.odoo-detail-link{display:inline-flex;gap:8px;margin-top:24px;color:var(--blue);font-size:.88rem;font-weight:800}
.odoo-hero-visual{position:relative;min-height:540px;display:grid;grid-template-columns:1fr 92px 1fr;align-items:center}.odoo-system-card{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;padding:25px;border:1px solid rgba(255,255,255,.92);border-radius:29px;background:rgba(255,255,255,.9);box-shadow:0 26px 65px rgba(25,43,105,.16);text-align:center}.odoo-system-card img{width:145px;height:auto}.odoo-system-card strong{margin-top:20px}.odoo-system-card small{margin-top:6px;color:#7d879b;font-size:.7rem}.odoo-bridge{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.odoo-bridge:before{content:"";position:absolute;left:-32px;right:-32px;top:28px;z-index:-1;height:2px;background:linear-gradient(90deg,#a45994,var(--blue))}.odoo-bridge b{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--blue);font-size:1.55rem;box-shadow:0 12px 28px rgba(23,55,195,.18)}.odoo-bridge span{color:#2a3651;font-size:.67rem;font-weight:900}.odoo-bridge small{color:#7f899e;font-size:.58rem}.odoo-phone{justify-self:center;width:204px;padding:9px;border:6px solid #0c1428;border-radius:36px;background:#fff;box-shadow:0 28px 60px rgba(14,25,65,.22)}.odoo-phone-top{height:18px}.odoo-phone-top span{display:block;width:60px;height:10px;margin:auto;border-radius:99px;background:#0c1428}.odoo-phone-screen{min-height:335px;padding:23px 13px 15px;border-radius:22px;background:linear-gradient(#1737c3 0 92px,#f2f5fb 92px)}.odoo-mobile-brand{display:flex;align-items:center;gap:8px;color:#fff}.odoo-mobile-brand img{object-fit:contain}.odoo-mobile-brand strong{font-size:.83rem}.odoo-phone-screen>small{display:block;margin:7px 0 30px;color:#cbd5ff;font-size:.6rem}.odoo-mobile-product{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:12px 10px;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(20,37,82,.08)}.odoo-mobile-product i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf1ff;color:var(--blue);font-style:normal}.odoo-mobile-product span,.odoo-mobile-product b,.odoo-mobile-product small{display:block}.odoo-mobile-product b{font-size:.65rem}.odoo-mobile-product small{margin-top:3px;color:#8993a7;font-size:.5rem}
.odoo-proof-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e6f3;border-bottom:0;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -8px 30px rgba(24,45,105,.06)}.odoo-proof-grid article{padding:23px 25px}.odoo-proof-grid article+article{border-left:1px solid var(--line)}.odoo-proof-grid strong,.odoo-proof-grid span{display:block}.odoo-proof-grid strong{color:var(--blue);font-size:.85rem}.odoo-proof-grid span{margin-top:4px;color:var(--muted);font-size:.78rem}
.odoo-setup .section-heading{max-width:860px;margin-left:auto;margin-right:auto}.odoo-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.odoo-steps article{position:relative;padding:27px 22px;border:1px solid var(--line);border-radius:20px;background:#fff}.odoo-steps article:after{content:"→";position:absolute;right:-13px;top:39px;z-index:2;color:var(--blue);font-weight:950}.odoo-steps article:last-child:after{display:none}.odoo-steps article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:25px;border-radius:13px;background:var(--blue);color:#fff;font-weight:900}.odoo-steps h3{font-size:1.02rem}.odoo-steps p{margin:0;font-size:.83rem}
.odoo-flow-board{display:grid;grid-template-columns:1fr 160px 1fr;align-items:center;gap:25px}.odoo-flow-card{padding:33px;border:1px solid #dfe5f3;border-radius:25px;background:#fff;box-shadow:0 16px 40px rgba(24,45,105,.08)}.odoo-flow-card header{display:flex;align-items:center;gap:13px;margin-bottom:24px}.odoo-flow-card header span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#a45994;color:#fff;font-weight:900}.odoo-flow-in header span{background:var(--blue)}.odoo-flow-card h3{margin:0}.odoo-flow-card ul,.odoo-operational-card ul,.odoo-private-grid ul{display:grid;gap:9px;padding:0;margin:0;list-style:none}.odoo-flow-card li,.odoo-operational-card li{position:relative;padding:10px 12px 10px 38px;border-radius:10px;background:#f7f9fd;color:#3f4960;font-size:.84rem;font-weight:700}.odoo-flow-card li:before,.odoo-operational-card li:before{content:"✓";position:absolute;left:14px;color:var(--green)}.odoo-flow-core{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:30px;background:linear-gradient(145deg,#1737c3,#091b79);color:#fff;box-shadow:0 24px 52px rgba(23,55,195,.22)}.odoo-flow-core img{object-fit:contain}.odoo-flow-core strong{margin-top:15px}.odoo-flow-core span{margin-top:4px;color:#b9c7ff;font-size:.72rem}.odoo-flow-core i{margin-top:22px;font-size:1.7rem;font-style:normal}
.odoo-catalogue-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center}.odoo-catalogue-grid>div>p{font-size:1.03rem}.odoo-checks{display:grid;grid-template-columns:1fr 1fr;gap:11px 17px;padding:0;margin:28px 0 0;list-style:none}.odoo-checks li{position:relative;padding:12px 13px 12px 41px;border:1px solid #e2e7f4;border-radius:13px;background:#fff;color:#344054;font-size:.86rem;font-weight:700}.odoo-checks li:before{content:"✓";position:absolute;left:14px;color:var(--green);font-weight:950}.odoo-stock-card{padding:42px;border-radius:29px;background:linear-gradient(145deg,#171d33,#0a1024);color:#fff;box-shadow:0 25px 60px rgba(9,19,47,.2)}.odoo-stock-card>span{display:grid;place-items:center;width:66px;height:66px;margin-bottom:35px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.08);font-size:2rem}.odoo-stock-card h3{color:#fff;font-size:1.7rem}.odoo-stock-card p{color:#bac4dc}.odoo-stock-card>div{display:flex;align-items:baseline;gap:11px;margin-top:28px}.odoo-stock-card b{font-size:2.2rem}.odoo-stock-card small{color:#aeb9d3}
.odoo-operational-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.odoo-operational-card{padding:38px;border:1px solid #dfe5f3;border-radius:26px;background:#fff}.odoo-op-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:27px;border-radius:16px;background:#edf1ff;color:var(--blue);font-size:1.35rem}.odoo-operational-card h2{font-size:clamp(1.55rem,2.6vw,2.25rem)}.odoo-operational-card ul{margin-top:24px}
.odoo-mobile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.odoo-mobile-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.odoo-mobile-grid article>span{display:grid;place-items:center;width:47px;height:47px;margin-bottom:25px;border-radius:14px;background:#edf1ff;color:var(--blue);font-weight:900}.odoo-mobile-grid h3{font-size:1.08rem}.odoo-mobile-grid p{margin:0;font-size:.86rem}.odoo-store-row{justify-content:center;margin-top:30px}
.odoo-private-section{background:radial-gradient(circle at 85% 20%,rgba(71,93,195,.35),transparent 33%),linear-gradient(135deg,#0b1533,#111f52);color:#fff}.odoo-private-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.odoo-private-grid h2{color:#fff}.odoo-private-grid p{color:#bec8df}.odoo-private-grid .eyebrow{color:#aab9ff}.odoo-private-grid .button{margin-top:22px}.odoo-private-grid li{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.055);color:#e4e9f6;font-weight:700}.odoo-private-grid li span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#1f9c69;color:#fff}
.odoo-monitor-grid,.odoo-security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.odoo-monitor-grid article{padding:28px;border-top:3px solid var(--blue);border-radius:6px 6px 20px 20px;background:#f5f7fc}.odoo-monitor-grid article>span{color:var(--blue);font-size:.72rem;font-weight:900}.odoo-monitor-grid h3{margin-top:22px;font-size:1.05rem}.odoo-monitor-grid p{margin:0;font-size:.84rem}.odoo-security{background:#0b1533;color:#fff}.odoo-security-heading{max-width:800px;margin-bottom:42px}.odoo-security-heading h2{color:#fff}.odoo-security-heading p{color:#b9c4df}.odoo-security-heading .eyebrow{color:#a9b9ff}.odoo-security-grid article{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055)}.odoo-security-grid article>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:29px;border-radius:14px;background:rgba(255,255,255,.1);color:#cbd5ff;font-size:.78rem;font-weight:900}.odoo-security-grid h3{color:#fff}.odoo-security-grid p{margin:0;color:#aeb9d3;font-size:.86rem}
.odoo-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.odoo-use-grid article{min-height:170px;padding:28px;border:1px solid #dfe5f3;border-radius:20px;background:linear-gradient(145deg,#fff,#f8faff)}.odoo-use-grid h3{font-size:1.08rem}.odoo-use-grid p{margin:0;font-size:.86rem}.odoo-faq details{border-bottom:1px solid var(--line)}.odoo-faq summary{display:flex;justify-content:space-between;gap:24px;padding:24px 0;color:#1b263e;font-weight:800;cursor:pointer;list-style:none}.odoo-faq summary::-webkit-details-marker{display:none}.odoo-faq summary span{color:var(--blue);font-size:1.2rem}.odoo-faq details[open] summary span{transform:rotate(45deg)}.odoo-faq p{padding:0 50px 22px 0}.odoo-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:55px 60px;border-radius:30px;background:linear-gradient(135deg,#1737c3,#071c83);color:#fff;box-shadow:0 26px 65px rgba(23,55,195,.25)}.odoo-cta>div:first-child{max-width:720px}.odoo-cta h2{color:#fff}.odoo-cta p{color:#cbd5ff}.odoo-cta .eyebrow{color:#aebeff}.odoo-cta>div:last-child{display:flex;min-width:240px;flex-direction:column;gap:12px}
@media(max-width:1050px){.odoo-steps{grid-template-columns:repeat(3,1fr)}.odoo-steps article:after{display:none}.odoo-proof-grid{grid-template-columns:1fr 1fr}.odoo-proof-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.odoo-proof-grid article:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:900px){.odoo-hero-grid,.odoo-catalogue-grid,.odoo-private-grid{grid-template-columns:1fr;gap:35px}.odoo-hero-copy{padding-bottom:5px}.odoo-hero-visual{max-width:700px;width:100%;margin:auto}.odoo-flow-board{grid-template-columns:1fr}.odoo-flow-core{min-height:125px}.odoo-operational-grid,.odoo-mobile-grid,.odoo-use-grid{grid-template-columns:1fr 1fr}.odoo-monitor-grid,.odoo-security-grid{grid-template-columns:1fr 1fr}.odoo-cta{display:block}.odoo-cta>div:last-child{margin-top:30px;flex-direction:row}}
@media(max-width:620px){.odoo-hero{padding-top:55px}.odoo-hero-copy h1{font-size:clamp(2.55rem,13vw,3.8rem)}.odoo-hero-visual{grid-template-columns:1fr;gap:15px;min-height:0;margin:38px 0 48px}.odoo-bridge{padding:8px 0}.odoo-bridge:before{top:-18px;bottom:-18px;left:50%;right:auto;width:2px;height:auto;background:linear-gradient(#a45994,var(--blue))}.odoo-phone{width:220px}.odoo-proof-grid,.odoo-steps,.odoo-operational-grid,.odoo-mobile-grid,.odoo-monitor-grid,.odoo-security-grid,.odoo-use-grid{grid-template-columns:1fr}.odoo-proof-grid article+article{border-left:0;border-top:1px solid var(--line)}.odoo-checks{grid-template-columns:1fr}.odoo-stock-card,.odoo-operational-card{padding:30px 24px}.odoo-flow-card{padding:25px 21px}.odoo-private-grid{gap:35px}.odoo-cta{padding:38px 25px}.odoo-cta>div:last-child{flex-direction:column}.odoo-cta .button{width:100%}}
