.od-hero{--od-erp: 300 17% 37%;background:radial-gradient(ellipse 55% 45% at 50% 60%,hsl(0 0% 100% / .55),transparent 70%),radial-gradient(ellipse 45% 50% at 0% 35%,hsl(187 92% 70% / .55),transparent 65%),radial-gradient(ellipse 55% 70% at 100% 55%,hsl(300 30% 82% / .45),transparent 70%),radial-gradient(ellipse 55% 50% at 0% 100%,hsl(200 75% 55% / .22),transparent 70%),#f1f8f8;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.od-hero .sh-eyebrow{background:#ffffff8c;color:hsl(var(--primary));border:1px solid hsl(0 0% 100% / .8);backdrop-filter:blur(8px)}.od-hero h1 .accent{color:hsl(var(--primary))}.od-hero .sh-inner.od-hero-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);align-items:center;gap:48px;max-width:1280px;text-align:left}.od-hero .od-hero-copy{min-width:0}.od-hero .od-hero-copy h1{font-size:clamp(30px,3.1vw,44px);line-height:1.07;margin:0 0 18px;max-width:none;text-align:left}.od-hero .od-hero-copy p.sub{text-align:left;margin:0;max-width:560px}.od-hero .od-hero-copy .sh-cta{margin:24px 0 0;justify-content:flex-start;width:auto}.od-hero .od-hero-copy .sh-meta{margin:26px 0 0;margin-inline:0}.od-hero-visual{position:relative;min-width:0}.od-hero-visual:before{content:"";position:absolute;inset:-10% -6% -14%;z-index:-1;background:radial-gradient(ellipse 62% 60% at 58% 42%,hsl(187 92% 55% / .28),transparent 70%);filter:blur(6px)}.od-stage{display:grid;grid-template-columns:minmax(0,.92fr) 54px minmax(0,1.08fr);align-items:stretch;gap:0}.od-pane{background:#ffffffeb;border:1px solid hsl(0 0% 100% / .9);border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 40px 80px -36px #19425780,0 10px 26px -16px #2752684d;backdrop-filter:blur(10px)}.od-bar{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#f8fafb;border-bottom:1px solid hsl(200 20% 90%)}.od-dots{display:flex;gap:5px}.od-dots i{width:8px;height:8px;border-radius:50%;background:#cad3d8}.od-dots i:nth-child(1){background:#ed7a6e}.od-dots i:nth-child(2){background:#f5bb47}.od-dots i:nth-child(3){background:#5ec982}.od-bar-t{font-size:11px;font-weight:600;color:#677a83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-bar-st{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#e2f9f1;color:#197657;transition:background .4s,color .4s}.od-bar-st .dot{width:6px;height:6px;border-radius:50%;background:#25b182}.od-stage.js-hero:not([data-step="9"]) .od-bar-st{background:#dff8fb;color:#0a7b8f}.od-stage.js-hero:not([data-step="9"]) .od-bar-st .dot{background:#09bbd3;animation:odPulse 1s ease-in-out infinite}.od-doc{position:relative;overflow:hidden;margin:0;padding:14px;display:flex;flex-direction:column;gap:9px;font-size:10.5px;color:#677a83}.od-doc-head{display:flex;align-items:center;gap:8px}.od-doc-logo{width:24px;height:24px;border-radius:7px;flex:none;background:linear-gradient(135deg,#0c98b0,#09bbd3 70%)}.od-doc-id{display:flex;flex-direction:column;min-width:0;flex:1}.od-doc-id b{font-size:11.5px;color:#1b272d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-doc-id em{font-style:normal;font-family:var(--font-jetbrains),monospace;font-size:9px}.od-doc-num{font-family:var(--font-jetbrains),monospace;font-weight:700;color:#263740}.od-doc-meta{display:flex;gap:6px;flex-wrap:wrap}.od-doc-meta .od-hl{font-family:var(--font-jetbrains),monospace;font-size:9.5px}.od-doc-line{display:flex;justify-content:space-between;gap:6px}.od-doc-line b,.od-doc-tot b,.od-doc-iban b{font-family:var(--font-jetbrains),monospace;font-weight:700;color:#263740}.od-doc-lines{display:flex;flex-direction:column;gap:5px}.od-doc-lines i{height:5px;border-radius:3px;background:#e6ecef}.od-doc-tot{display:flex;flex-direction:column;gap:3px;border-top:1px solid hsl(200 20% 90%);padding-top:6px}.od-doc-tot>div{display:flex;justify-content:space-between}.od-doc-iban{display:flex;justify-content:space-between}.od-hl{padding:4px 7px;border-radius:6px;border:1px solid transparent;transition:background .35s,border-color .35s,box-shadow .35s}.od-hl.lit{background:#09bbd31a;border-color:#09bbd380;box-shadow:0 0 0 3px #09bbd314}.od-hl--strong b{font-size:12px;color:#172126}.od-scan{display:none}.od-stage.js-hero .od-scan{display:block;position:absolute;left:0;right:0;top:-30px;height:30px;opacity:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,transparent,hsl(187 92% 52% / .16) 55%,hsl(187 92% 56% / .3));border-bottom:2px solid hsl(187 92% 50% / .85)}.od-stage.js-hero:not([data-step="9"]) .od-scan{opacity:1;animation:odScan 1.7s ease-in-out infinite}@keyframes odScan{0%{top:-30px}to{top:100%}}@keyframes odPulse{0%,to{opacity:1}50%{opacity:.3}}.od-link{display:grid;place-items:center;gap:6px;align-content:center}.od-link-line{position:relative;width:100%;height:3px;border-radius:3px;background:#09bbd338;overflow:hidden}.od-link-line i{position:absolute;top:0;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,hsl(var(--primary)),transparent);animation:odFlow 1.4s linear infinite}.od-link-line i:nth-child(2){animation-delay:.47s}.od-link-line i:nth-child(3){animation-delay:.94s}@keyframes odFlow{0%{left:-40%}to{left:100%}}.od-link-lab{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:hsl(var(--primary))}.od-link-lab .icon{width:11px;height:11px}.od-stage.js-hero[data-step="0"] .od-link-line i{animation-play-state:paused;opacity:.25}.od-bar-erp{background:hsl(var(--od-erp, 300 17% 37%) / .08);border-bottom-color:hsl(var(--od-erp, 300 17% 37%) / .2)}.od-erp-logo{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#6e4e6e;color:#fff;font-weight:800;font-size:11px;flex:none}.od-erp-logo.sm{width:18px;height:18px;font-size:10px}.od-erp-state{margin-left:auto;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;background:#6e4e6e1f;color:#5f445f;white-space:nowrap}.od-form{padding:12px 13px 13px;display:flex;flex-direction:column;gap:6px;font-size:10.5px}.od-form-title{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.od-form-bill{font-family:var(--font-jetbrains),monospace;font-size:13px;font-weight:800;color:#1b272d}.od-form-sub{font-size:9.5px;color:#70858f}.od-fr{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;background:#f8fafc;border:1px solid hsl(200 20% 91%);min-height:26px}.od-fr .k{color:#5e6f78}.od-fr .v,.od-lines .v,.od-totals .v{font-family:var(--font-jetbrains),monospace;font-weight:700;color:#5f445f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.3em}.od-lines{border:1px solid hsl(200 20% 91%);border-radius:7px;overflow:hidden;margin-top:2px}.od-lines-h,.od-lines-r{display:grid;grid-template-columns:1.4fr 1.1fr .5fr .8fr;gap:6px;padding:5px 8px}.od-lines-h{font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#70858f;background:#f5f8fa}.od-lines-r{min-height:26px;align-items:center}.od-lines .n{text-align:right}.od-acc{color:#0a7b8f!important}.od-totals{display:flex;flex-direction:column;gap:3px;align-items:flex-end;padding:4px 8px 0}.od-totals>div{display:flex;gap:12px;min-width:150px;justify-content:space-between}.od-totals .t b{font-size:12px;color:#172126}.od-form-foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.od-chip{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;padding:4px 8px;border-radius:999px;border:1px solid hsl(200 20% 88%);background:#f5f8fa;color:#5a6a72}.od-chip .icon{width:11px;height:11px}.od-chip-ok{background:#e2f9f1;color:#197657;border-color:#adebd6}.od-stage.js-hero .od-pane-erp [data-f]{transition:background .35s,border-color .35s}.od-stage.js-hero .od-pane-erp .od-fr.on,.od-stage.js-hero .od-pane-erp .od-lines-r.on{background:#6e4e6e0f;border-color:#6e4e6e40}.od-stage.js-hero .od-pane-erp .od-chip{opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}.od-stage.js-hero .od-pane-erp .od-chip.on{opacity:1;transform:none}.od-stage.js-hero .v.typing:after{content:"";display:inline-block;width:1px;height:1em;background:currentColor;margin-left:1px;vertical-align:-2px;animation:odCaret .7s steps(1) infinite}@keyframes odCaret{50%{opacity:0}}@media(max-width:1080px){.od-hero .sh-inner.od-hero-inner{grid-template-columns:1fr;gap:34px;text-align:center}.od-hero .od-hero-copy h1,.od-hero .od-hero-copy p.sub{text-align:center;margin-inline:auto}.od-hero .od-hero-copy .sh-cta{justify-content:center}.od-hero .od-hero-copy .sh-meta{margin-inline:auto}.od-hero-visual{width:100%;max-width:760px;margin-inline:auto}}@media(max-width:640px){.od-stage{grid-template-columns:1fr;gap:10px}.od-link{height:40px}.od-link-line{width:3px;height:100%}.od-link-line i{width:100%;height:40%;animation:none;top:30%}}@media(prefers-reduced-motion:reduce){.od-link-line i,.od-stage.js-hero .od-scan,.od-stage.js-hero:not([data-step="9"]) .od-bar-st .dot{animation:none}}.od-note{text-align:center;font-size:14px;color:hsl(var(--muted-foreground));margin:22px auto 0;max-width:720px}.od-note a{color:hsl(var(--primary));font-weight:600}.od-benefits{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.od-benefits li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:hsl(var(--card));border:1px solid hsl(var(--border));font-size:14px;color:hsl(var(--foreground));box-shadow:0 6px 16px -12px #23495c80}.od-benefits li .icon{width:16px;height:16px;color:hsl(var(--primary));flex:none}.od-fieldlist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px}.od-fieldlist li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5;color:hsl(var(--muted-foreground))}.od-fieldlist li .icon{flex:none;width:15px;height:15px;margin-top:2px;color:hsl(var(--primary))}.od-fieldlist li strong{color:hsl(var(--foreground));font-weight:600}.od-honest{display:flex;gap:12px;align-items:flex-start;max-width:860px;margin:30px auto 0;padding:16px 18px;border-radius:12px;background:hsl(var(--primary) / .06);border:1px solid hsl(var(--primary) / .22)}.od-honest .icon{flex:none;width:18px;height:18px;color:hsl(var(--primary));margin-top:1px}.od-honest p{margin:0;font-size:13.5px;line-height:1.6;color:hsl(var(--muted-foreground))}.od-honest strong{color:hsl(var(--foreground))}.od-race{margin:36px auto 0;max-width:1040px;padding:22px;border-radius:20px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 30px 60px -40px #19425773;display:grid;gap:14px}.od-race-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.od-race-q{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.od-race-pick{display:inline-flex;padding:3px;border-radius:999px;background:hsl(var(--muted) / .7);gap:2px}.od-race-pick button{border:0;background:transparent;font:inherit;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;color:hsl(var(--muted-foreground));cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.od-race-pick button[aria-pressed=true]{background:hsl(var(--card));color:hsl(var(--primary));box-shadow:0 2px 8px -3px #23495c66}.od-lane{border-radius:14px;padding:14px 16px 16px;border:1px solid hsl(var(--border));background:hsl(var(--muted) / .35)}.od-lane-us{background:hsl(var(--primary) / .05);border-color:hsl(var(--primary) / .3)}.od-lane-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.od-lane-logo{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#6e4e6e;color:#fff;font-weight:800;font-size:14px;flex:none}.od-lane-logo.us{background:#fff;border:1px solid hsl(var(--primary) / .3)}.od-lane-t{display:grid;line-height:1.25;min-width:0}.od-lane-t b{font-size:14.5px;color:hsl(var(--foreground))}.od-lane-t em{font-style:normal;font-size:12.5px;color:hsl(var(--muted-foreground))}.od-lane-count{margin-left:auto;display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:10px;background:hsl(var(--card));border:1px solid hsl(var(--border));white-space:nowrap}.od-lane-count b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;color:hsl(var(--warning, 38 92% 50%))}.od-lane-us .od-lane-count b{color:hsl(var(--primary))}.od-lane-count span{font-size:12px;color:hsl(var(--muted-foreground))}.od-lane-count.bump{animation:od-bump .35s ease}@keyframes od-bump{40%{transform:scale(1.14)}}.od-lane-steps{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:22px;position:relative}.od-lane-us .od-lane-steps{grid-template-columns:repeat(3,1fr) 1.2fr;grid-auto-flow:row}.od-lane-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:12.5px;line-height:1.3;color:hsl(var(--muted-foreground))}.od-lane-steps li .icon{width:40px;height:40px;padding:10px;border-radius:12px;background:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));transition:background .3s,color .3s,border-color .3s,transform .3s}.od-lane-steps li:not(:last-child):after{content:"";position:absolute;top:20px;left:calc(50% + 26px);width:calc(100% - 30px);height:2px;background:hsl(var(--border));transition:background .4s}.od-lane-steps li.is-on{color:hsl(var(--foreground))}.od-lane-steps li.is-on .icon{color:hsl(var(--primary));border-color:hsl(var(--primary) / .45);transform:translateY(-2px)}.od-lane-steps li.is-on:after{background:hsl(var(--primary) / .5)}.od-lane-odoo .od-lane-steps li.is-click.is-on .icon{color:#ce8509;border-color:#f59f0a8c;background:#f59f0a1a}.od-lane-steps li.is-end.is-on .icon{background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary))}.od-lane-steps li.is-end:after{display:none}.od-lane-done{justify-content:center}.od-lane-done .icon{background:hsl(var(--success, 142 71% 45%) / .12)!important}.od-lane-us .od-lane-steps li.od-lane-done.is-on{color:hsl(var(--foreground));font-weight:700}.od-lane-us .od-lane-steps li.od-lane-done.is-on .icon{color:hsl(var(--success, 142 71% 45%));border-color:hsl(var(--success, 142 71% 45%) / .5)}.js-race .od-lane-done{opacity:0;transform:translate(-8px);transition:opacity .4s,transform .4s}.js-race.us-done .od-lane-done{opacity:1;transform:none}.od-race-sum{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px 18px;padding:12px 16px;border-radius:12px;background:hsl(var(--muted) / .5);font-size:14px;color:hsl(var(--muted-foreground))}.od-race-sum b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:hsl(var(--foreground))}.od-race-sum-o b{color:#ce8509}.od-race-sum-us b{color:hsl(var(--primary))}.od-race-note{margin:0;font-size:12px;line-height:1.5;color:hsl(var(--muted-foreground));text-align:center}@media(max-width:760px){.od-race{padding:16px}.od-lane-steps,.od-lane-us .od-lane-steps{grid-auto-flow:row;grid-template-columns:1fr;gap:8px}.od-lane-steps li{flex-direction:row;text-align:left;gap:10px}.od-lane-steps li .icon{width:32px;height:32px;padding:7px;flex:none}.od-lane-steps li:not(:last-child):after{top:32px;left:15px;width:2px;height:8px}.od-lane-head{flex-wrap:wrap}.od-lane-done{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.od-lane-steps li .icon,.od-lane-steps li:after{transition:none}.od-lane-count.bump{animation:none}}.od-cmp{margin:36px auto 0;max-width:960px;border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden;background:hsl(var(--card));box-shadow:0 18px 44px -30px #23495c80}.od-cmp-row{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;gap:12px;padding:13px 18px;border-bottom:1px solid hsl(var(--border));font-size:14px;color:hsl(var(--muted-foreground));line-height:1.5}.od-cmp-row:last-child{border-bottom:0}.od-cmp-row .c{font-weight:700;color:hsl(var(--foreground))}.od-cmp-row .us{color:hsl(var(--foreground));font-weight:500;background:hsl(var(--primary) / .06);margin:-13px -18px -13px 0;padding:13px 18px;border-left:3px solid hsl(var(--primary))}.od-cmp-head{background:hsl(var(--muted) / .6);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.od-cmp-head .us{color:hsl(var(--primary));background:hsl(var(--primary) / .12)}@media(max-width:720px){.od-cmp-row{grid-template-columns:1fr;gap:4px}.od-cmp-row .us{margin:4px -18px -13px}.od-cmp-head{display:none}.od-cmp-row:not(.od-cmp-head)>span:nth-child(2):before,.od-cmp-row:not(.od-cmp-head)>.us:before{display:block;margin-bottom:1px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.od-cmp-row:not(.od-cmp-head)>span:nth-child(2):before{content:"Odoo nativo";color:hsl(var(--muted-foreground))}.od-cmp-row:not(.od-cmp-head)>.us:before{content:"Contextual Docs → Odoo";color:hsl(var(--primary))}}.od-why-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start;margin-top:48px}.od-why-copy h3{font-size:19px;line-height:1.3;margin:0 0 10px}.od-why-copy p{margin:0;font-size:15px;line-height:1.7;color:hsl(var(--muted-foreground))}.od-why-stat{position:sticky;top:96px;padding:30px 26px;border-radius:18px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 24px 60px -34px #23495c80;text-align:center}.od-why-num{display:flex;align-items:baseline;justify-content:center;gap:2px}.od-why-num b{font-family:var(--font-jetbrains),monospace;font-size:68px;font-weight:800;line-height:1;letter-spacing:-.03em;color:hsl(var(--primary));font-variant-numeric:tabular-nums}.od-why-num .pct{font-size:30px;font-weight:800;color:hsl(var(--primary))}.od-why-num-lab{display:block;margin-top:8px;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.od-why-bars{display:flex;flex-direction:column;gap:14px;margin-top:26px;text-align:left}.od-why-bar-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.od-why-bar-top span{font-size:12.5px;color:hsl(var(--muted-foreground))}.od-why-bar-top b{font-family:var(--font-jetbrains),monospace;font-size:12.5px;color:hsl(var(--muted-foreground))}.od-why-bar.is-us .od-why-bar-top span{color:hsl(var(--foreground));font-weight:600}.od-why-bar.is-us .od-why-bar-top b{color:hsl(var(--primary))}.od-why-track{height:8px;border-radius:999px;background:hsl(var(--muted));overflow:hidden}.od-why-track i{display:block;height:100%;width:var(--w, 100%);border-radius:999px;background:hsl(var(--muted-foreground) / .3)}.od-why-bar.is-us .od-why-track i{background:linear-gradient(90deg,hsl(var(--secondary)),hsl(var(--primary)))}.od-why-foot{margin:22px 0 0;font-size:12.5px;line-height:1.55;color:hsl(var(--muted-foreground))}.od-why.js-why .od-why-track i{width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1)}.od-why.js-why .od-why-track i.on{width:var(--w, 100%)}@media(max-width:980px){.od-why-grid{grid-template-columns:1fr;gap:32px}.od-why-stat{position:static}}@media(prefers-reduced-motion:reduce){.od-why.js-why .od-why-track i{width:var(--w, 100%);transition:none}}.od-how-rail{--how-gap: 24px;position:relative;list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--how-gap)}.od-how-track{position:absolute;top:21px;left:calc((100% - 3 * var(--how-gap)) / 8);right:calc((100% - 3 * var(--how-gap)) / 8);height:2px;border-radius:2px;background:hsl(var(--border));overflow:hidden}.od-how-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,hsl(var(--secondary)),hsl(var(--primary)))}.od-how-step{position:relative}.od-how-node{position:relative;z-index:2;width:44px;height:44px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:hsl(var(--card));border:2px solid hsl(var(--border));transition:background .45s,border-color .45s,box-shadow .45s}.od-how-n{font-family:var(--font-jetbrains),monospace;font-size:16px;font-weight:800;color:hsl(var(--muted-foreground));transition:color .45s}.od-how-body{text-align:center}.od-how-ic{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;margin-bottom:10px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));transition:background .45s,color .45s}.od-how-ic .icon{width:17px;height:17px}.od-how-body h3{font-size:15px;line-height:1.35;margin:0 0 8px}.od-how-body p{font-size:13.5px;line-height:1.6;color:hsl(var(--muted-foreground));margin:0 0 12px}.od-how-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.od-how-chips li{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));transition:background .45s,color .45s,border-color .45s}.od-how-step.on .od-how-node{background:linear-gradient(135deg,hsl(var(--secondary)),hsl(var(--primary)));border-color:transparent;box-shadow:0 10px 24px -10px hsl(var(--primary) / .7)}.od-how-step.on .od-how-n{color:#fff}.od-how-step.on .od-how-ic{background:hsl(var(--primary) / .14);color:hsl(var(--primary))}.od-how-step.on .od-how-chips li{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-color:hsl(var(--primary) / .3)}.od-how.js-how .od-how-track i{width:0;transition:width 2.6s cubic-bezier(.4,0,.2,1)}.od-how.js-how .od-how-track i.on{width:100%}.od-how.js-how .od-how-step{opacity:.55;transition:opacity .5s}.od-how.js-how .od-how-step.on{opacity:1}@media(max-width:980px){.od-how-rail{grid-template-columns:repeat(2,1fr)}.od-how-track{display:none}}@media(max-width:560px){.od-how-rail{grid-template-columns:1fr}}.od-shot{margin:40px auto 0;max-width:1120px}.od-shot-frame{border-radius:16px;overflow:hidden;border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 40px 80px -36px #19425773,0 10px 26px -16px #27526840}.od-shot-bar{padding:10px 14px}.od-shot-bar .od-bar-t{font-size:12px}.od-shot-frame img{display:block;width:100%;height:auto}.od-shot-cap{margin:12px 0 0;text-align:center;font-size:13px;color:hsl(var(--muted-foreground))}.od-legend{list-style:none;margin:30px auto 0;padding:0;max-width:1120px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px;counter-reset:none}.od-legend-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:14px;background:hsl(var(--card));border:1px solid hsl(var(--border));transition:border-color .25s,box-shadow .25s}.od-legend-item:hover{border-color:hsl(var(--primary) / .5);box-shadow:0 18px 40px -28px hsl(var(--primary) / .6)}.od-legend-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:hsl(var(--primary));color:#fff;box-shadow:0 0 0 4px hsl(var(--primary) / .15);flex:none;margin-top:1px}.od-legend-body{display:grid;gap:3px;min-width:0}.od-legend-ui{font-size:15px;font-weight:800;color:hsl(var(--foreground))}.od-legend-from{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:hsl(var(--primary))}.od-legend-from .icon{width:13px;height:13px}.od-legend-note{font-size:13px;line-height:1.5;color:hsl(var(--muted-foreground))}@media(max-width:760px){.od-legend{grid-template-columns:1fr}.od-shot-frame{overflow-x:auto;-webkit-overflow-scrolling:touch}.od-shot-frame img{min-width:960px}.od-shot-cap:before{content:"Desliza para ver toda la pantalla. "}}.od-guard{margin:40px auto 0;max-width:980px;display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:16px;align-items:stretch}.od-guard-col{padding:18px;border-radius:16px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 18px 44px -30px #23495c80;display:flex;flex-direction:column;gap:10px}.od-guard-h{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:4px}.od-guard-h .icon{width:15px;height:15px;color:hsl(var(--primary))}.od-gcard{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-radius:11px;background:hsl(var(--muted) / .4);border:1px solid hsl(var(--border));transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,border-color .3s,background .3s}.od-gcard-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.od-gcard-ic .icon{width:16px;height:16px}.od-gcard-t b{display:block;font-size:13px;color:hsl(var(--foreground))}.od-gcard-t span{display:block;font-size:11px;color:hsl(var(--muted-foreground));font-family:var(--font-jetbrains),monospace}.od-gcard-st{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;opacity:0;transition:opacity .3s}.od-guard-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.od-guard-actions .btn{display:inline-flex;align-items:center;gap:6px}.od-guard-actions .btn .icon{width:14px;height:14px}.od-guard:not(.js-guard) .od-guard-actions{display:none}.od-guard-mid{display:grid;place-items:center}.od-guard-check{display:grid;justify-items:center;gap:6px;text-align:center;font-size:11px;font-weight:700;color:hsl(var(--muted-foreground));padding:12px 8px;border-radius:12px;border:1px dashed hsl(var(--border));transition:border-color .3s,color .3s,background .3s}.od-guard-check .icon{width:22px;height:22px;color:hsl(var(--primary))}.od-gbill{display:grid;gap:3px;padding:12px 13px;border-radius:11px;background:#6e4e6e0f;border:1px solid hsl(300 17% 37% / .25);opacity:0;transform:translate(-10px);transition:opacity .45s,transform .45s}.od-gbill-ref{font-family:var(--font-jetbrains),monospace;font-size:13px;font-weight:800;color:#5a3f5a}.od-gbill-t{font-size:12px;color:hsl(var(--muted-foreground))}.od-gbill-st{display:inline-flex;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;margin-top:4px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#e2f9f1;color:#197657}.od-gbill-st .icon{width:12px;height:12px}.od-gdup{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px 13px;border-radius:11px;background:hsl(var(--warning) / .08);border:1px solid hsl(var(--warning) / .45);opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s}.od-gdup-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:hsl(var(--warning) / .18);color:hsl(var(--warning))}.od-gdup-ic .icon{width:16px;height:16px}.od-gdup-t b{display:block;font-size:13px;color:hsl(var(--foreground))}.od-gdup-t span{display:block;font-size:12px;line-height:1.45;color:hsl(var(--muted-foreground));margin-top:2px}.od-guard[data-state=sending1] .od-gcard[data-i="1"],.od-guard[data-state=sending2] .od-gcard[data-i="2"]{border-color:hsl(var(--primary) / .6);background:hsl(var(--primary) / .06);transform:translate(10px)}.od-guard[data-state=sending1] .od-guard-check,.od-guard[data-state=sending2] .od-guard-check{border-color:hsl(var(--primary) / .6);color:hsl(var(--primary));background:hsl(var(--primary) / .06)}.od-guard:is([data-state=created1],[data-state=sending2],[data-state=blocked2]) .od-gcard[data-i="1"]{opacity:.55;transform:none}.od-guard:is([data-state=created1],[data-state=sending2],[data-state=blocked2]) .od-gcard[data-i="1"] .od-gcard-st{opacity:1;background:#e2f9f1;color:#197657}.od-guard:is([data-state=created1],[data-state=sending2],[data-state=blocked2]) .od-gcard[data-i="1"] .od-gcard-st:before{content:"En Odoo"}.od-guard:is([data-state=created1],[data-state=sending2],[data-state=blocked2]) .od-gbill{opacity:1;transform:none}.od-guard[data-state=blocked2] .od-gcard[data-i="2"]{border-color:hsl(var(--warning) / .6);background:hsl(var(--warning) / .06);animation:odShake .45s ease}.od-guard[data-state=blocked2] .od-gcard[data-i="2"] .od-gcard-st{opacity:1;background:hsl(var(--warning) / .15);color:#935210}.od-guard[data-state=blocked2] .od-gcard[data-i="2"] .od-gcard-st:before{content:"Duplicado"}.od-guard[data-state=blocked2] .od-gdup{opacity:1;transform:none}.od-guard[data-state=blocked2] .od-guard-check{border-color:hsl(var(--warning) / .6);color:#935210;background:hsl(var(--warning) / .06)}.od-guard:not(.js-guard) .od-gbill,.od-guard:not(.js-guard) .od-gdup{opacity:1;transform:none}@keyframes odShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:820px){.od-guard{grid-template-columns:1fr}.od-guard-mid{padding:4px 0}.od-guard[data-state=sending1] .od-gcard[data-i="1"],.od-guard[data-state=sending2] .od-gcard[data-i="2"]{transform:translateY(4px)}}.od-guard-more{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px auto 0;max-width:980px}.od-gm{padding:20px;border-radius:14px;background:hsl(var(--card));border:1px solid hsl(var(--border))}.od-gm .ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));margin-bottom:12px}.od-gm .ic .icon{width:19px;height:19px}.od-gm b{display:block;font-size:14.5px;margin-bottom:5px;color:hsl(var(--foreground))}.od-gm p{margin:0;font-size:13.5px;line-height:1.55;color:hsl(var(--muted-foreground))}@media(max-width:820px){.od-guard-more{grid-template-columns:1fr}}.od-compat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.od-cc{padding:22px;border-radius:16px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-top:3px solid hsl(var(--primary));box-shadow:0 18px 44px -30px #23495c80;display:grid;gap:8px;align-content:start}.od-cc-ver{font-size:15px;font-weight:800;color:hsl(var(--foreground))}.od-cc-tr{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;font-family:var(--font-jetbrains),monospace;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .25)}.od-cc-tr .icon{width:13px;height:13px}.od-cc p{margin:4px 0 0;font-size:13.5px;line-height:1.6;color:hsl(var(--muted-foreground))}.od-compat-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.od-compat-chips li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:hsl(var(--card));border:1px solid hsl(var(--border));font-size:13px;color:hsl(var(--foreground))}.od-compat-chips li .icon{width:15px;height:15px;color:hsl(var(--primary));flex:none}@media(max-width:860px){.od-compat{grid-template-columns:1fr}}.od-sec-list{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.od-sec-card{padding:22px;border-radius:16px;background:hsl(var(--card));border:1px solid hsl(var(--border))}.od-sec-card .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));margin-bottom:14px}.od-sec-card .ic .icon{width:20px;height:20px}.od-sec-card b{display:block;font-size:14.5px;font-weight:700;color:hsl(var(--foreground));margin-bottom:5px}.od-sec-card p{margin:0;font-size:13.5px;line-height:1.55;color:hsl(var(--muted-foreground))}@media(max-width:900px){.od-sec-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.od-sec-list{grid-template-columns:1fr}}.od-reveal-on .od-ri{opacity:0;transform:translateY(14px);transition:opacity .55s,transform .55s}.od-reveal-on .od-ri.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.od-reveal-on .od-ri{opacity:1;transform:none;transition:none}}