.odoo-section{position:relative;overflow:hidden;background:#f5f8fb;color:#122c43;padding:120px clamp(24px,6vw,96px) 80px}.odoo-section:before{content:"";position:absolute;left:-180px;top:120px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(132,79,134,.08),transparent 67%)}.odoo-layout{position:relative;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.odoo-content h2{font:700 clamp(2.45rem,4vw,4.4rem)/1.1 "Manrope";letter-spacing:-.055em;margin:0 0 25px;color:#0d263d}.odoo-content h2 em{font-style:normal;color:#855486}.odoo-lead{font-size:1rem;line-height:1.78;color:#63778a;margin:0 0 34px;max-width:580px}.odoo-benefits{border-top:1px solid #d8e3ec;margin-bottom:31px}.odoo-benefits>div{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:17px 0;border-bottom:1px solid #d8e3ec}.odoo-benefits>div>span{font:700 .75rem "Manrope";color:#9a6b9b}.odoo-benefits p{font-size:.84rem;line-height:1.55;color:#718294;margin:0}.odoo-benefits strong{display:block;color:#18344c;font:700 .94rem "Manrope";margin-bottom:3px}.odoo-cta{display:inline-flex;align-items:center;gap:28px;padding:15px 19px;border-radius:7px;background:#805181;color:#fff;text-decoration:none;font-size:.85rem;font-weight:700;box-shadow:0 12px 28px rgba(128,81,129,.2)}.odoo-cta:hover{background:#6e416f;transform:translateY(-1px)}.odoo-ecosystem{position:relative;min-height:595px;border:1px solid #d9e4ed;border-radius:16px;background:#fff;padding:26px;box-shadow:0 25px 75px rgba(27,61,87,.09)}.ecosystem-label{text-align:center;color:#8699aa;font-size:.68rem;font-weight:800;letter-spacing:.2em;margin:5px 0 24px}.module-grid{height:485px;display:grid;grid-template-columns:1fr 1.18fr 1fr;grid-template-rows:1fr 1.16fr 1fr;gap:11px;grid-template-areas:"sales inventory accounting" "purchase center hr" ". project ."}.module-tile{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #e0e8ef;border-radius:9px;background:#f9fbfd;padding:13px;min-width:0}.module-tile:after{content:"";position:absolute;background:#c7dae7;z-index:0}.sales{grid-area:sales}.inventory{grid-area:inventory}.accounting{grid-area:accounting}.purchase{grid-area:purchase}.center-tile{grid-area:center;background:linear-gradient(145deg,#805181,#69416c);border:0;color:white;box-shadow:0 14px 35px rgba(119,70,121,.25);overflow:visible}.hr{grid-area:hr}.project{grid-area:project}.module-tile i{display:grid;place-items:center;width:35px;height:35px;border-radius:7px;color:#6f526f;background:#efe8f0;margin-bottom:8px}.module-tile svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.module-tile b{font:700 .78rem "Manrope";color:#243e54}.module-tile>span{font-size:.68rem;color:#8798a7;margin-top:3px}.center-tile strong{font:800 2rem "Manrope";letter-spacing:-.08em;position:relative;z-index:2}.center-tile small{font-size:.51rem;letter-spacing:.2em;color:#d7c2d8;position:relative;z-index:2}.pulse{position:absolute;border:1px solid rgba(137,84,139,.17);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.p1{width:185px;height:185px}.p2{width:260px;height:260px;border-style:dashed}.sales:after,.accounting:after{width:12px;height:1px;right:-12px;bottom:20px}.inventory:after{width:1px;height:12px;left:50%;bottom:-12px}.purchase:after{width:12px;height:1px;right:-12px;top:50%}.hr:after{width:12px;height:1px;left:-12px;top:50%}.project:after{width:1px;height:12px;left:50%;top:-12px}.ecosystem-note{font-size:.7rem;color:#71889a;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:17px}.ecosystem-note span{width:6px;height:6px;border-radius:50%;background:#9c6b9d;box-shadow:0 0 0 4px #f1e9f1}.implementation-flow{position:relative;max-width:1240px;margin:80px auto 0;padding:29px 32px;display:grid;grid-template-columns:250px 1fr;align-items:center;gap:40px;border-top:1px solid #d6e2eb;border-bottom:1px solid #d6e2eb}.flow-title span{display:block;font-size:.59rem;letter-spacing:.2em;color:#8d5c8f;font-weight:800;margin-bottom:6px}.flow-title strong{font:700 .94rem/1.4 "Manrope";color:#1d3a51}.implementation-flow ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;list-style:none}.implementation-flow li{position:relative;padding:4px 22px;border-left:1px solid #d8e3eb}.implementation-flow li b{display:block;font-size:.62rem;color:#9b6d9c;margin-bottom:8px}.implementation-flow li span{display:block;font:700 .78rem "Manrope";color:#26435a;margin-bottom:4px}.implementation-flow li small{font-size:.65rem;color:#7e91a1;line-height:1.4}@media(max-width:980px){.odoo-layout{grid-template-columns:1fr}.odoo-content{max-width:720px}.implementation-flow{grid-template-columns:1fr}.implementation-flow ol{border-top:1px solid #d8e3eb;padding-top:22px}}@media(max-width:620px){.odoo-section{padding:82px 20px 60px}.odoo-layout{gap:52px}.odoo-ecosystem{min-height:510px;padding:16px}.module-grid{height:415px;gap:7px}.module-tile{padding:7px}.module-tile i{width:30px;height:30px}.module-tile b{font-size:.65rem}.module-tile>span{display:none}.center-tile strong{font-size:1.55rem}.p1{width:140px;height:140px}.p2{width:205px;height:205px}.implementation-flow{margin-top:55px;padding:25px 0}.implementation-flow ol{grid-template-columns:1fr 1fr;gap:0}.implementation-flow li{padding:15px}.implementation-flow li:nth-child(n+3){border-top:1px solid #d8e3eb}}
