.cmp-page{--cmp-bg:var(--hero-off-white,#fdfdfb);--cmp-ink:#07111e;--cmp-muted:#667387;--cmp-line:#07111e1a;--cmp-teal:#23c7bb;background:var(--cmp-bg);min-height:100vh;color:var(--cmp-ink);font-family:var(--font-body,"Nunito", "Inter", "Segoe UI", sans-serif)}.cmp-page :is(h1,h2,h3){font-family:var(--font-heading);margin:0;font-weight:500;letter-spacing:0!important}.cmp-main{background:var(--cmp-bg);overflow:clip}.cmp-hero{min-height:min(760px,92svh);margin-top:calc(-1 * var(--marketing-header-height,70px));padding:calc(var(--marketing-header-height,70px) + 3rem) 1.25rem 4.5rem;isolation:isolate;background:var(--cmp-bg);place-items:center;display:grid;position:relative;overflow:hidden}.cmp-hero:before,.cmp-hero:after{content:"";z-index:3;pointer-events:none;width:1px;height:67%;position:absolute}.cmp-hero:before{background:#23c7bb8c;bottom:-4%;left:31%;transform:rotate(-43deg)}.cmp-hero:after{background:color-mix(in srgb, var(--cmp-competitor-color) 52%, transparent);bottom:-4%;right:31%;transform:rotate(43deg)}.cmp-hero-side{z-index:1;color:#fff;width:39%;height:100%;position:absolute;bottom:0;overflow:hidden}.cmp-hero-side:after{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff2e,#0000 48%,#07111e1f);position:absolute;inset:0}.cmp-hero-side--coodra{clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(145deg,#168c85 0%,#23c7bb 72%);left:0}.cmp-hero-side--competitor{background:linear-gradient(145deg, color-mix(in srgb, #fff 15%, var(--cmp-competitor-color)), color-mix(in srgb, #07111e 66%, var(--cmp-competitor-color)));clip-path:polygon(100% 0,100% 100%,0 100%);right:0}.cmp-hero-side-copy{z-index:2;gap:.9rem;width:min(17rem,52%);display:grid;position:absolute;bottom:clamp(2.2rem,5vw,4.4rem)}.cmp-hero-side--coodra .cmp-hero-side-copy{left:clamp(2.2rem,5vw,5rem)}.cmp-hero-side--competitor .cmp-hero-side-copy{text-align:right;right:clamp(2.2rem,5vw,5rem)}.cmp-hero-side-copy>span,.cmp-hero-side-copy small{color:#ffffffb3;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:950}.cmp-hero-side-copy h2{color:#fff;font-size:clamp(1.7rem,2.4vw,2.7rem);font-weight:900;line-height:1.02}.cmp-hero-side-copy h2 span{display:block}.cmp-hero-side-copy p{color:#ffffffe6;border-top:1px solid #ffffff8c;margin:0;padding-top:1.05rem;font-size:.92rem;line-height:1.5}.cmp-hero-side-copy strong{color:#fff;font-size:.85rem;line-height:1.35}.cmp-hero-copy{z-index:4;text-align:center;justify-items:center;width:min(34rem,100%);display:grid;position:relative}.cmp-hero-kicker{color:#415166;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.55rem;font-size:.68rem;font-weight:950}.cmp-hero-copy h1{color:var(--cmp-ink);justify-items:center;font-size:clamp(3.6rem,6vw,6rem);font-weight:950;line-height:.82;display:grid}.cmp-hero-name{display:block}.cmp-hero-vs{color:#199f96;width:100%;margin:.24rem 0 .18rem;font-size:clamp(1.8rem,2.5vw,2.5rem);font-weight:950;line-height:1;position:relative}.cmp-hero-vs:before,.cmp-hero-vs:after{content:"";background:#199f967a;width:31%;height:1px;position:absolute;top:50%}.cmp-hero-vs:before{left:0}.cmp-hero-vs:after{right:0}.cmp-hero-copy p{color:#566477;margin:2rem 0 0;font-size:clamp(.96rem,1.1vw,1.08rem);line-height:1.55}.cmp-hero-copy a{color:#fff;min-height:3rem;font:900 .9rem/1 var(--font-body,"Nunito", "Inter", "Segoe UI", sans-serif);cursor:pointer;background:#050606;border:0;border-radius:8px;align-items:center;margin-top:1.8rem;padding:0 1.55rem;text-decoration:none;display:inline-flex;box-shadow:0 .8rem 1.8rem #07111e2e}.cmp-hero-app{z-index:4;aspect-ratio:1;pointer-events:none;background:linear-gradient(145deg,#fffffffa,#f5f7fae0),#fff;border-radius:25%;place-items:center;width:clamp(4.3rem,5vw,5.4rem);display:grid;position:absolute;box-shadow:0 1.2rem 2.2rem #07111e33,0 .28rem .7rem #07111e21,inset 0 0 0 1px #07111e14}.cmp-hero-app img{object-fit:contain;width:70%;height:70%}.cmp-hero-app--coodra{top:clamp(10rem,24vh,14rem);left:clamp(10rem,18vw,20rem);transform:rotate(-8deg)}.cmp-hero-app--competitor{background:linear-gradient(145deg,#20242b,#111318),#15171c;top:clamp(10rem,24vh,14rem);right:clamp(10rem,18vw,20rem);transform:rotate(8deg)}.cmp-hero-app--competitor img{width:73%;height:73%}.cmp-hero-app--zoho-inventory{background:linear-gradient(145deg,#fffffffc,#f2f5f8f0),#fff}.cmp-hero-app--zoho-inventory img{width:82%;height:82%}.cmp-hero-nav{z-index:5;color:#fff;cursor:pointer;background:0 0;border:0;width:min(21vw,18rem);position:absolute;top:0;bottom:0}.cmp-hero-nav:before{content:"";opacity:0;background:#07111e29;transition:opacity .18s;position:absolute;inset:0}.cmp-hero-nav span{aspect-ratio:1;opacity:0;background:#050606e0;border-radius:999px;place-items:center;width:3.4rem;font-size:2.2rem;font-weight:400;line-height:1;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)scale(.92);box-shadow:0 1rem 2.5rem #07111e2e}.cmp-hero-nav:hover:before,.cmp-hero-nav:focus-visible:before,.cmp-hero-nav:hover span,.cmp-hero-nav:focus-visible span,.cmp-hero:hover .cmp-hero-nav span{opacity:1}.cmp-hero-nav:hover span,.cmp-hero-nav:focus-visible span,.cmp-hero:hover .cmp-hero-nav span{transform:translateY(-50%)scale(1)}.cmp-hero-nav--left{left:0}.cmp-hero-nav--left span{left:clamp(1rem,3vw,2.6rem)}.cmp-hero-nav--right{right:0}.cmp-hero-nav--right span{right:clamp(1rem,3vw,2.6rem)}.cmp-hero-dots{z-index:6;gap:.48rem;display:flex;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.cmp-hero-dots button{cursor:pointer;background:#07111e38;border:0;border-radius:999px;width:.5rem;height:.5rem;padding:0}.cmp-hero-dots button[aria-current=true]{background:var(--cmp-ink);width:1.45rem}.cmp-difference-strip{border-bottom:1px solid var(--cmp-line);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;min-height:5.6rem;padding:1.2rem clamp(1.25rem,4vw,4rem);display:grid}.cmp-difference-group{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cmp-difference-group div{border-right:1px solid var(--cmp-line);text-align:center;gap:.22rem;padding:0 1.1rem;display:grid}.cmp-difference-group div:last-child{border-right:0}.cmp-difference-group strong,.cmp-difference-label{color:#168c85;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:950}.cmp-difference-group--competitor strong{color:var(--cmp-competitor-color)}.cmp-difference-group span{color:#526175;font-size:.78rem}.cmp-difference-label{color:#566477;white-space:nowrap}.cmp-canonical-links{width:min(1180px,100% - 2rem);margin:0 auto;padding:clamp(3rem,5vw,4.5rem) 0 clamp(1rem,2vw,1.5rem)}.cmp-canonical-links>div:first-child{max-width:42rem}.cmp-canonical-links>div:first-child span{color:#159b91;letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:950}.cmp-canonical-links h2{color:var(--cmp-ink);margin:.55rem 0 0;font-size:clamp(2rem,3.2vw,3.35rem);line-height:.98}.cmp-canonical-grid{border:1px solid var(--cmp-line);background:var(--cmp-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(1.6rem,3vw,2.4rem);display:grid}.cmp-canonical-grid a{min-height:12rem;color:var(--cmp-ink);background:#fff;align-content:start;gap:.72rem;padding:clamp(1.1rem,2vw,1.45rem);text-decoration:none;display:grid}.cmp-canonical-grid img{object-fit:contain;object-position:left center;width:auto;max-width:7.5rem;height:2.2rem}.cmp-canonical-grid strong{color:var(--cmp-ink);font-size:1rem;line-height:1.2}.cmp-canonical-grid span{color:var(--cmp-muted);font-size:.82rem;line-height:1.45}.cmp-comparison{background:var(--cmp-bg);width:min(1180px,100% - 2rem);margin:0 auto;padding:clamp(3rem,5vw,4.5rem) 0 clamp(4rem,7vw,6rem)}.cmp-sheet-intro{border-bottom:1px solid var(--cmp-line);padding-bottom:2rem}.cmp-sheet-intro h2{color:var(--cmp-ink);font-size:clamp(2rem,3vw,3.2rem);font-weight:850;line-height:.95}.cmp-sheet-intro p{max-width:35rem;color:var(--cmp-muted);margin:1rem 0 0;font-size:.9rem;line-height:1.55}.cmp-approach-grid{border-bottom:1px solid var(--cmp-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cmp-approach-grid article{padding:2rem clamp(1rem,4vw,4rem)}.cmp-approach-grid article+article{border-left:1px solid var(--cmp-line)}.cmp-approach-grid span,.cmp-fit-grid span{color:#159b91;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:950}.cmp-approach-grid article+article span,.cmp-fit-grid article span:nth-of-type(2){color:var(--cmp-competitor-color)}.cmp-approach-grid h3{margin-bottom:.62rem;padding-bottom:.62rem;position:relative}.cmp-approach-grid h3:after{content:"";background:#159b91;width:3.8rem;height:1px;position:absolute;bottom:0;left:0}.cmp-approach-grid article+article h3:after{background:var(--cmp-competitor-color)}.cmp-approach-grid h3,.cmp-capabilities h3,.cmp-best-fit h3,.cmp-why h3{color:var(--cmp-ink);margin-top:.5rem;font-size:1.35rem;font-weight:850}.cmp-approach-grid p,.cmp-approach-grid li,.cmp-fit-grid p,.cmp-why p{color:#536175;font-size:.82rem;line-height:1.5}.cmp-approach-grid ul{gap:.32rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.cmp-approach-grid li{padding-left:1.15rem;position:relative}.cmp-approach-grid li:before{content:"✓";color:#159b91;font-weight:950;position:absolute;left:0}.cmp-approach-grid article+article li:before{color:var(--cmp-competitor-color)}.cmp-capabilities,.cmp-best-fit,.cmp-why{border-bottom:1px solid var(--cmp-line);padding:1.8rem 0}.cmp-capability-table{margin-top:.9rem}.cmp-capability-row{color:#526175;border-bottom:1px solid #07111e0f;grid-template-columns:1.5fr 1fr 1fr;align-items:center;gap:1rem;min-height:2rem;padding:.42rem 0;font-size:.78rem;display:grid}.cmp-capability-row strong{color:var(--cmp-ink);font-weight:800}.cmp-capability-row strong i{color:#159b91;margin-right:.3rem;font-style:normal}.cmp-capability-row em{color:#657184;font-style:normal}.cmp-capability-row--head{color:#7a8493;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:950}.cmp-capability-row--head strong:last-child{color:var(--cmp-competitor-color)}.cmp-capability-row--head strong:first-of-type{color:#159b91}.cmp-why>div{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;display:grid}.cmp-why article{border-right:1px solid var(--cmp-line);padding:0 1.5rem}.cmp-why article:first-child{padding-left:0}.cmp-why article:last-child{border-right:0}.cmp-why p{margin:.15rem 0 .7rem}.cmp-fit-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.cmp-fit-panel{background:linear-gradient(100deg,#fffffffa,#f4faf9eb),#f6faf9;min-height:12rem;padding:1.4rem clamp(7.5rem,13vw,11rem) 1.4rem 1.5rem;position:relative;overflow:hidden}.cmp-fit-panel--competitor{background:linear-gradient(260deg, #fffffffa, color-mix(in srgb, #fff 92%, var(--cmp-competitor-color))), #f8f8f8;padding-left:clamp(7.5rem,13vw,11rem);padding-right:1.5rem}.cmp-fit-panel>div:first-child{z-index:2;position:relative}.cmp-fit-panel span{color:#159b91;letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:950}.cmp-fit-panel--competitor span{color:var(--cmp-competitor-color)}.cmp-fit-panel ul{gap:.38rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.cmp-fit-panel li{color:#536175;padding-left:1.15rem;font-size:.78rem;line-height:1.4;position:relative}.cmp-fit-panel li:before{content:"✓";color:#159b91;font-weight:950;position:absolute;left:0}.cmp-fit-panel--competitor li:before{color:var(--cmp-competitor-color)}.cmp-fit-panel-mark{z-index:1;clip-path:polygon(52% 0,100% 0,100% 100%,52% 100%,0 50%);background:linear-gradient(145deg,#118d84,#23c7bb);place-items:center;width:clamp(9.5rem,15vw,13rem);height:124%;display:grid;position:absolute;top:-12%;right:-3.8rem}.cmp-fit-panel--competitor .cmp-fit-panel-mark{clip-path:polygon(0 0,48% 0,100% 50%,48% 100%,0 100%);background:linear-gradient(145deg, color-mix(in srgb, #fff 10%, var(--cmp-competitor-color)), color-mix(in srgb, #07111e 68%, var(--cmp-competitor-color)));left:-3.8rem;right:auto}.cmp-fit-panel-mark img{object-fit:contain;filter:drop-shadow(0 .5rem .8rem #07111e29);width:36%;height:36%}.cmp-fit-panel--coodra .cmp-fit-panel-mark img{filter:brightness(0)invert()drop-shadow(0 .5rem .8rem #07111e24)}.cmp-why{border-bottom:0}.cmp-why article{grid-template-columns:auto 1fr;column-gap:.8rem;display:grid}.cmp-why article span{color:#fff;background:#159b91;border-radius:50%;grid-row:span 2;place-items:center;width:1.8rem;height:1.8rem;font-size:.62rem;font-weight:950;display:grid}.cmp-why article strong{color:var(--cmp-ink);font-size:.84rem}@media (width<=900px){.cmp-hero{min-height:48rem;padding-inline:1rem}.cmp-hero-side{width:33%}.cmp-hero-side-copy{display:none}.cmp-hero-app--coodra{left:6vw}.cmp-hero-app--competitor{right:6vw}.cmp-hero-nav{width:18vw}.cmp-difference-strip{grid-template-columns:1fr}.cmp-difference-label{display:none}.cmp-canonical-grid,.cmp-approach-grid{grid-template-columns:1fr}.cmp-approach-grid article+article{border-top:1px solid var(--cmp-line);border-left:0}.cmp-fit-panels,.cmp-why>div{grid-template-columns:1fr;gap:1.3rem}.cmp-why article{border-right:0;border-bottom:1px solid var(--cmp-line);padding:0 0 1.3rem}}@media (width<=640px){.cmp-hero{min-height:44rem;padding-top:calc(var(--marketing-header-height,70px) + 4.5rem)}.cmp-hero-copy{width:min(100%,20rem)}.cmp-hero-copy h1{font-size:clamp(2.55rem,12vw,3.4rem);line-height:.88}.cmp-hero-vs{font-size:1.5rem}.cmp-hero-copy p{max-width:100%}.cmp-hero-kicker{max-width:17rem;line-height:1.5}.cmp-hero-side{width:45%;height:40%}.cmp-hero-side--coodra{clip-path:polygon(0 18%,100% 100%,0 100%)}.cmp-hero-side--competitor{clip-path:polygon(100% 18%,100% 100%,0 100%)}.cmp-hero-app{display:none}.cmp-hero-nav span{width:2.8rem;font-size:1.8rem}.cmp-comparison{width:min(100% - 2rem,1180px)}.cmp-capability-row{grid-template-columns:1.2fr 1fr 1fr;gap:.45rem;font-size:.7rem}.cmp-fit-panel,.cmp-fit-panel--competitor{padding:1.2rem 5.5rem 1.2rem 1rem}.cmp-fit-panel--competitor{padding-left:5.5rem;padding-right:1rem}.cmp-fit-panel-mark{right:-5.2rem}.cmp-fit-panel--competitor .cmp-fit-panel-mark{left:-5.2rem}.cmp-difference-strip{padding-inline:.7rem}.cmp-difference-group{grid-template-columns:1fr}.cmp-difference-group div{border-right:0;border-bottom:1px solid var(--cmp-line);padding:.7rem}.cmp-difference-group div:last-child{border-bottom:0}}