.opage{--o-purple:#714b67;--o-purple-2:#8f6185;--o-teal:#017e84;--o-teal-2:#00a09d;--o-marker:#fbb945;--gutter:clamp(20px, 5vw, 72px);background:var(--surface);overflow-x:hidden}.opage__top{padding:24px var(--gutter) 0;background:radial-gradient(50% 40% at 85% 10%,#714b671f,#0000 70%),radial-gradient(40% 35% at 10% 30%,#00a09d1a,#0000 70%);position:relative}.hl{background:linear-gradient(#0000 58%,#fbb9458c 58% 92%,#0000 92%);padding-inline:4px}.oh{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding-top:clamp(28px,6vh,64px);display:flex}.oh__ver{color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:600;animation:.6s both rise;display:inline-flex}.oh__ver i{background:var(--o-purple);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #714b672e}.oh__ver b{color:var(--o-purple)}.oh__title{letter-spacing:-.02em;margin:20px 0 0;font-size:clamp(34px,min(5.6vw,8vh),80px);font-weight:800;line-height:1.3;animation:.7s 50ms both rise}.scribble{color:var(--o-purple);white-space:nowrap;position:relative}.scribble svg{inset-inline:-2%;width:104%;height:.32em;position:absolute;bottom:.06em;overflow:visible}.scribble path{fill:none;stroke:var(--o-teal-2);stroke-width:6px;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340px;transform-origin:50%;animation:1s cubic-bezier(.6,0,.3,1) .6s forwards o-draw;transform:scaleX(-1)}.oh__lead{max-width:680px;color:var(--ink-2);text-wrap:balance;margin:18px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.95;animation:.7s .15s both rise}.oh__lead b{color:var(--ink)}.oh__cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;animation:.7s .25s both rise;display:flex}.obtn{border-radius:14px;align-items:center;height:52px;padding-inline:26px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.obtn--primary{background:var(--o-purple);color:#fff;box-shadow:0 12px 24px -14px #714b67e6}.obtn--primary:hover{background:#643f5b;transform:translateY(-2px)}.obtn--ghost{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}.obtn--ghost:hover{border-color:var(--o-teal-2)}.obtn--light{color:var(--o-purple);background:#fff}.obtn--light:hover{transform:translateY(-2px)}.oh__trust{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:18px 0 0;padding:0;font-size:13.5px;list-style:none;animation:.7s .3s both rise;display:flex}.oh__trust li:before{content:"✓";color:var(--o-teal-2);margin-inline-end:6px;font-weight:900}.tray-wrap{justify-content:center;width:100%;max-width:1100px;margin-top:clamp(32px,5vh,56px);display:flex;position:relative}.tray{background:var(--surface-2);border:1px solid var(--line);border-bottom:0;border-radius:28px 28px 0 0;grid-template-columns:repeat(6,1fr);gap:22px 14px;width:min(100%,640px);padding:28px 32px 32px;display:grid;box-shadow:0 -20px 60px -40px #714b6780}.app{flex-direction:column;align-items:center;gap:8px;animation:.5s cubic-bezier(.3,1.5,.5,1) both o-pop;display:flex}.app__icon{border-radius:16px;place-items:center;width:56px;height:56px;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid;box-shadow:0 8px 16px -10px #00000073,inset 0 -3px #00000014}.app__icon svg{width:26px;height:26px}.app:hover .app__icon{transform:translateY(-4px)rotate(-4deg)}.app__name{color:var(--ink-2);white-space:nowrap;font-size:12.5px;font-weight:600}.float-card{z-index:2;background:var(--surface-2);border:1px solid var(--line);text-align:start;border-radius:20px;padding:14px;position:absolute;box-shadow:0 30px 50px -30px #10121873}.cal{width:236px;animation:.8s cubic-bezier(.2,.8,.2,1) .5s both o-float-in;top:18px;right:0;rotate:4deg}.cal__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cal__head b{font-size:15px}.cal__tag{color:#fff;background:var(--o-teal);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.cal__grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;font-size:12px;display:grid}.cal__wd{color:var(--muted);padding-bottom:2px;font-weight:700}.cal__d{border-radius:8px;place-items:center;height:26px;display:grid}.cal__d--fri{color:var(--c-crm)}.cal__d--today{background:var(--o-purple);color:#fff;font-weight:800;box-shadow:0 0 0 3px #714b6733}.cal__conv{background:var(--page);border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:7px 10px;font-size:12.5px;display:flex}.cal__conv span{color:var(--muted)}.cal__conv b{color:var(--o-teal)}.inv{width:260px;font-size:12.5px;animation:.8s cubic-bezier(.2,.8,.2,1) .7s both o-float-in;top:64px;left:0;rotate:-4deg}.inv__head{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;padding-bottom:8px;display:flex}.inv__head span{font-size:14px;font-weight:800}.inv__head b{color:var(--muted);font-size:11.5px}.inv ul{gap:4px;margin:8px 0;padding:0;list-style:none;display:grid}.inv li{color:var(--ink-2);justify-content:space-between;display:flex}.inv__total{background:#714b6714;border-radius:10px;justify-content:space-between;padding:8px 10px;display:flex}.inv__total b{color:var(--o-purple)}.inv__stamp{top:-12px;color:var(--o-teal);border:2px solid var(--o-teal);background:var(--surface-2);border-radius:8px;padding:2px 10px;font-size:12px;font-weight:800;animation:.5s cubic-bezier(.3,1.8,.5,1) 1.4s both o-stamp;position:absolute;inset-inline-end:-10px;rotate:10deg}.osec{max-width:1200px;padding:clamp(56px, 9vh, 110px) var(--gutter) 0;margin:0 auto}.osec__head{text-align:center;max-width:760px;margin:0 auto 36px}.okicker{color:var(--o-teal);margin-bottom:8px;font-size:13px;font-weight:800;display:inline-block}.osec h2{text-wrap:balance;letter-spacing:-.01em;margin:0;font-size:clamp(26px,3.2vw,44px);font-weight:800;line-height:1.45}.osec__head p{color:var(--ink-2);text-wrap:balance;margin:12px auto 0;font-size:16px;line-height:1.95}.osec__head p a{color:var(--ink);text-underline-offset:5px;font-weight:700;text-decoration:underline}.reveal-ready [data-reveal]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal-ready [data-reveal].is-in{opacity:1;transform:none}.own{color:#fff;background:radial-gradient(60% 80% at 0% 100%, #00a09d59, transparent 70%), linear-gradient(135deg, var(--o-purple-2), var(--o-purple) 60%, #4e3247);border-radius:32px;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;padding:clamp(24px,4vw,48px);display:grid;position:relative;overflow:hidden}.own__text{order:-1}.own__tag{background:#ffffff29;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.own h3{margin:12px 0 0;font-size:clamp(24px,2.8vw,38px);font-weight:800;line-height:1.4}.own p{color:#ffffffd1;max-width:560px;margin:12px 0 0;font-size:15.5px;line-height:1.95}.own__diss{color:#ffffff8c!important}.own__punch{font-weight:800;color:var(--o-marker)!important;font-size:20px!important}.own__visual{place-items:center;min-height:220px;display:grid;position:relative}.lock{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;width:170px;height:170px}.lock__body{fill:#ffffff1f}.lock__hole{stroke:var(--o-marker);stroke-width:5px}.lock__shackle{transform-origin:108px 56px;transition:transform .9s cubic-bezier(.3,1.6,.5,1) .5s}.own.is-in .lock__shackle{transform:translateY(-14px)rotate(28deg)}.key{bottom:6px;fill:none;width:130px;stroke:var(--o-marker);stroke-width:6px;stroke-linecap:round;opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1) .2s,opacity .5s .2s;position:absolute;inset-inline-end:10%;transform:translate(-60px)rotate(-14deg)}.key__hole{stroke-width:4px}.own.is-in .key{opacity:1;transform:rotate(-14deg)}.struck{background-image:linear-gradient(var(--c-crm), var(--c-crm));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:right 58%;background-repeat:no-repeat;background-size:0% 2.5px;transition:background-size 1s cubic-bezier(.6,0,.3,1) .5s}.is-in .struck,html:not(.reveal-ready) .struck{background-size:100% 2.5px}.diss-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.diss{background:var(--surface-2);border:1px solid var(--line);border-radius:24px;flex-direction:column;padding:24px;display:flex}.diss__label{font-size:12px;font-weight:800}.diss__label--them{color:var(--muted)}.diss__label--us{color:var(--o-teal);border-top:1px dashed var(--line);margin-top:18px;padding-top:16px}.diss__them{color:var(--muted);margin:8px 0 0;font-size:18px;font-weight:700;line-height:1.7}.diss__us{color:var(--ink);margin:8px 0 0;font-size:15.5px;font-weight:500;line-height:1.9}.psteps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:900px;margin:0 auto;padding:0;list-style:none;display:grid}.pstep{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;align-items:flex-start;gap:12px;padding:18px;display:flex}.pstep__n{color:#fff;background:var(--o-purple);border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.pstep h3{margin:0;font-size:16px;font-weight:800}.pstep p{color:var(--ink-2);margin:4px 0 0;font-size:13.5px;line-height:1.8}.fork{text-align:center;max-width:900px;margin:0 auto}.fork__lines{width:100%;height:56px;display:block}.fork__lines path{fill:none;stroke:var(--o-teal-2);stroke-width:2px;stroke-dasharray:6 8;vector-effect:non-scaling-stroke;animation:1.4s linear infinite o-dash}.fork__note{color:var(--o-purple);background:#714b6714;border-radius:99px;margin:0 0 10px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-block}.lanes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lane{border:1.5px dashed;border-radius:18px;flex-direction:column;gap:4px;padding:16px;display:flex}.lane b{font-size:15px}.lane span{color:var(--ink-2);font-size:13px}.lane--odoo{border-color:var(--o-purple);background:#714b670f}.lane--odoo b{color:var(--o-purple)}.lane--connect{border-color:var(--o-teal-2);background:#00a09d0f}.lane--connect b{color:var(--o-teal)}.lane--custom{border-color:var(--c-smart);background:#2448e60d}.lane--custom b{color:var(--c-smart)}.goalpill{background:var(--ink);width:fit-content;color:var(--surface-2);border-radius:99px;align-items:center;gap:8px;margin:20px auto 0;padding:12px 22px;font-weight:800;display:flex}.goalpill svg{color:var(--o-marker)}.loc-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.loc{--tone:var(--o-teal);background:var(--surface-2);border:1px solid var(--line);border-radius:24px;padding:24px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.loc:hover{transform:translateY(-4px);box-shadow:0 24px 40px -30px #10121880}.loc:before{content:"";top:-40px;background:var(--tone);opacity:.14;border-radius:50%;width:120px;height:120px;position:absolute;inset-inline-end:-40px}.loc--teal{--tone:#00a09d}.loc--orange{--tone:#f6a04d}.loc--pink{--tone:#e9576c}.loc--violet{--tone:#a77de0}.loc--blue{--tone:#2f5bea}.loc--yellow{--tone:#e5a400}.loc__alt{color:var(--tone);font-size:12px;font-weight:700}.loc h3{margin:6px 0 12px;font-size:20px;font-weight:800}.loc ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.loc li{color:var(--ink-2);padding-inline-start:18px;font-size:14px;line-height:1.8;position:relative}.loc li:before{content:"";inset-inline-start:0;background:var(--tone);border-radius:3px;width:8px;height:8px;position:absolute;top:.75em}.ointeg{grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;display:grid}.ointeg__text p{color:var(--ink-2);margin:14px 0 0;font-size:16px;line-height:2}.flow{aspect-ratio:660/290;padding:0;position:relative}.flow__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:scaleX(-1)}.flow__line{fill:none;stroke:var(--line);stroke-width:2px}:root:not([data-theme=dark]) .flow__line{stroke:#714b6740}.flow__dot{fill:var(--o-teal-2)}.flow__dot--ai{fill:var(--o-marker)}.flow__sources{inset-block:0;width:33.3%;position:absolute;right:0}.flow__sources span{background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600;position:absolute;left:6px;right:0;overflow:hidden;translate:0 -50%}.flow__hub,.flow__ai{aspect-ratio:1;text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:21.2%;display:flex;position:absolute;top:50%;translate:0 -50%}.flow__hub{background:var(--o-purple);color:#fff;left:28.8%;box-shadow:0 0 0 8px #714b671f,0 20px 40px -20px #714b67e6}.flow__hub b{font-size:clamp(16px,1.8vw,22px)}.flow__hub span,.flow__ai span{opacity:.85;font-size:11.5px}.flow__ai{background:var(--ink);color:var(--surface-2);left:0}.flow__ai b{color:var(--o-marker);font-size:13px}.stairs{flex-direction:column;align-items:center;gap:8px;max-width:820px;margin:0 auto;padding:0;list-style:none;display:flex}.stair{border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.stair b{white-space:nowrap;font-size:17px}.stair span{text-align:end;font-size:13.5px}.stair--top{background:var(--o-marker);color:#2a1a05;width:55%}.stair--ai{background:var(--o-purple);color:#fff;width:70%}.stair--data{background:var(--o-teal);color:#fff;width:85%}.stair--base{background:var(--surface-2);border:1px solid var(--line);width:100%}.faq{gap:10px;max-width:820px;margin:0 auto;display:grid}.faq__item{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:0 20px}.faq__item summary{cursor:pointer;justify-content:space-between;gap:12px;padding:18px 0;font-size:16px;font-weight:700;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--o-purple);font-size:22px;line-height:1;transition:rotate .25s}.faq__item[open] summary:after{rotate:45deg}.faq__item p{color:var(--ink-2);margin:0 0 18px;font-size:14.5px;line-height:2}.oband{max-width:1200px;margin:clamp(56px,9vh,110px) auto 48px;margin-inline:max(var(--gutter), calc((100% - 1200px) / 2));text-align:center;color:#fff;background:radial-gradient(50% 80% at 100% 0%, #00a09d80, transparent 70%), linear-gradient(135deg, var(--o-purple), #4e3247);border-radius:32px;padding:clamp(32px,5vw,56px)}.oband h2{margin:0;font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.45}.oband p{color:#fffc;margin:10px 0 22px}@keyframes o-draw{to{stroke-dashoffset:0}}@keyframes o-pop{0%{opacity:0;scale:.5}}@keyframes o-float-in{0%{opacity:0;transform:translateY(30px)}}@keyframes o-stamp{0%{opacity:0;scale:2.2}}@keyframes o-dash{to{stroke-dashoffset:-28px}}@media (max-width:1080px){.float-card{display:none}.ointeg{grid-template-columns:1fr}}@media (max-width:860px){.own,.diss-grid,.loc-grid,.lanes{grid-template-columns:1fr}.own__visual{min-height:160px}.tray{grid-template-columns:repeat(4,1fr);padding:20px 16px 24px}.fork__lines{display:none}.lanes{margin:12px 0}.stair{flex-direction:column;align-items:flex-start;gap:2px;width:100%!important}.stair span{text-align:start}.flow__sources span{padding:6px 8px;font-size:11px}}@media (max-width:520px){.tray{grid-template-columns:repeat(3,1fr)}.app__icon{width:48px;height:48px}}:root[data-theme=dark] .odoopage :is(.okicker,.oh__ver b){color:var(--o-teal-2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .odoopage :is(.okicker,.oh__ver b){color:var(--o-teal-2)}}