.elementor-58779 .elementor-element.elementor-element-78ac1d8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1.5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1.5px;--border-left-width:0px;border-color:var( --e-global-color-bd47e29 );--border-color:var( --e-global-color-bd47e29 );--padding-top:1rem;--padding-bottom:1rem;--padding-left:0rem;--padding-right:0rem;--z-index:999;}.elementor-58779 .elementor-element.elementor-element-78ac1d8:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-78ac1d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-bdde90f img{width:160px;height:37.5px;}.elementor-58779 .elementor-element.elementor-element-bdde90f:hover img{opacity:0.9;}.elementor-58779 .elementor-element.elementor-element-fb973c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-58779 .elementor-element.elementor-element-f1a41bd{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-58779 .elementor-element.elementor-element-e19f667.elementor-element{--align-self:flex-start;}.elementor-58779 .elementor-element.elementor-element-785500b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-58779 .elementor-element.elementor-element-785500b:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-785500b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-609b85b ) 5%, var( --e-global-color-text ) 50%);}.elementor-58779 .elementor-element.elementor-element-38e84f0{padding:0rem 15rem 0rem 15rem;text-align:center;}.elementor-58779 .elementor-element.elementor-element-38e84f0 .elementor-heading-title{font-size:3rem;font-weight:bold;line-height:130%;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-c1dd3b7{padding:0rem 15rem 0rem 15rem;text-align:center;font-weight:300;line-height:152%;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-6885883.elementor-element{--align-self:flex-start;}.elementor-58779 .elementor-element.elementor-element-6d8a661{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-58779 .elementor-element.elementor-element-f4d7fa8{width:100%;max-width:100%;}.elementor-58779 .elementor-element.elementor-element-d71bf8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-58779 .elementor-element.elementor-element-d71bf8a:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-d71bf8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-58779 .elementor-element.elementor-element-763884a{padding:0rem 0rem 0rem 0rem;text-align:center;}.elementor-58779 .elementor-element.elementor-element-763884a .elementor-heading-title{font-size:2.25rem;font-weight:900;color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-e7515bb{padding:0rem 15rem 2rem 15rem;text-align:center;font-weight:300;line-height:152%;color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-8597944{--e-image-carousel-slides-to-show:5;}.elementor-58779 .elementor-element.elementor-element-983bd38{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-wrapper .e-tabs-header .e-tabs-title{color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-wrapper .e-tabs-header .e-tabs-videos-count{color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side i{color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side svg{fill:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-items .e-tab-title .e-tab-title-text{color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-items .e-tab-title .e-tab-title-text button{color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-items .e-tab-title .e-tab-duration{color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ){background-color:var( --e-global-color-e8997f0 );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:var( --e-global-color-609b85b );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:var( --e-global-color-609b85b );}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-items-wrapper .e-tab-title.e-active{border-style:solid;}.elementor-58779 .elementor-element.elementor-element-1c6df60 .e-tabs-items-wrapper .e-section-title{border-style:solid;}.elementor-58779 .elementor-element.elementor-element-9da4ff5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-58779 .elementor-element.elementor-element-9da4ff5:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-9da4ff5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-3142910{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 8rem) 0rem;padding:0rem 0rem 0rem 0rem;text-align:center;}.elementor-58779 .elementor-element.elementor-element-3142910 .elementor-heading-title{font-size:2.25rem;font-weight:900;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-8d68e6a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-fb674ef{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-3859279 );--border-color:var( --e-global-color-3859279 );--border-radius:16px 16px 16px 16px;--margin-top:-5rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-58779 .elementor-element.elementor-element-fb674ef:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-fb674ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(195deg, var( --e-global-color-text ) 30%, #4F46E55E 100%);}.elementor-58779 .elementor-element.elementor-element-fb674ef:hover{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-text ) 0%, #4F46E55E 100%);--overlay-opacity:1;}.elementor-58779 .elementor-element.elementor-element-fb674ef::before, .elementor-58779 .elementor-element.elementor-element-fb674ef > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-fb674ef > .e-con-inner > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-fb674ef > .elementor-background-slideshow::before, .elementor-58779 .elementor-element.elementor-element-fb674ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-58779 .elementor-element.elementor-element-fb674ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://vespertool.com/wp-content/uploads/Cocoa-know-when-to-buy.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-58779 .elementor-element.elementor-element-fb674ef:hover::before, .elementor-58779 .elementor-element.elementor-element-fb674ef:hover > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-fb674ef:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-fb674ef > .elementor-background-slideshow:hover::before, .elementor-58779 .elementor-element.elementor-element-fb674ef > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-58779 .elementor-element.elementor-element-04a84d1 .elementor-image-box-wrapper{text-align:left;}.elementor-58779 .elementor-element.elementor-element-04a84d1 .elementor-image-box-title{font-size:2.25rem;font-weight:bold;line-height:1.5em;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-04a84d1 .elementor-image-box-description{font-size:1.25rem;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-9f93989{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-3859279 );--border-color:var( --e-global-color-3859279 );--border-radius:16px 16px 16px 16px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-58779 .elementor-element.elementor-element-9f93989:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-9f93989 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(165deg, var( --e-global-color-text ) 30%, #33CDC68F 100%);}.elementor-58779 .elementor-element.elementor-element-9f93989:hover{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-text ) 0%, #33CDC68F 100%);}.elementor-58779 .elementor-element.elementor-element-9f93989::before, .elementor-58779 .elementor-element.elementor-element-9f93989 > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-9f93989 > .e-con-inner > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-9f93989 > .elementor-background-slideshow::before, .elementor-58779 .elementor-element.elementor-element-9f93989 > .e-con-inner > .elementor-background-slideshow::before, .elementor-58779 .elementor-element.elementor-element-9f93989 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://vespertool.com/wp-content/uploads/Cocoa-verify-quotes.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;}.elementor-58779 .elementor-element.elementor-element-6c86482 .elementor-image-box-wrapper{text-align:left;}.elementor-58779 .elementor-element.elementor-element-6c86482 .elementor-image-box-title{font-size:2.25rem;font-weight:bold;line-height:1.5em;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-6c86482 .elementor-image-box-description{font-size:1.25rem;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-3bd7211{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-3859279 );--border-color:var( --e-global-color-3859279 );--border-radius:16px 16px 16px 16px;--margin-top:-5rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-58779 .elementor-element.elementor-element-3bd7211:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-3bd7211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(165deg, var( --e-global-color-text ) 30%, #4F46E55E 100%);}.elementor-58779 .elementor-element.elementor-element-3bd7211:hover{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-text ) 0%, #4F46E55E 100%);}.elementor-58779 .elementor-element.elementor-element-3bd7211::before, .elementor-58779 .elementor-element.elementor-element-3bd7211 > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-3bd7211 > .e-con-inner > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-3bd7211 > .elementor-background-slideshow::before, .elementor-58779 .elementor-element.elementor-element-3bd7211 > .e-con-inner > .elementor-background-slideshow::before, .elementor-58779 .elementor-element.elementor-element-3bd7211 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://vespertool.com/wp-content/uploads/Cocoa-make-decisions-you-can-defend.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:85% auto;}.elementor-58779 .elementor-element.elementor-element-54a99c1 .elementor-image-box-wrapper{text-align:left;}.elementor-58779 .elementor-element.elementor-element-54a99c1 .elementor-image-box-title{font-size:2.25rem;font-weight:bold;line-height:1.5em;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-54a99c1 .elementor-image-box-description{font-size:1.25rem;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-bbcf8bb{--display:flex;--min-height:550px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-3859279 );--border-color:var( --e-global-color-3859279 );--border-radius:16px 16px 16px 16px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-58779 .elementor-element.elementor-element-bbcf8bb:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-bbcf8bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(195deg, var( --e-global-color-text ) 30%, #33CDC68F 100%);}.elementor-58779 .elementor-element.elementor-element-bbcf8bb:hover{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-text ) 0%, #33CDC68F 100%);}.elementor-58779 .elementor-element.elementor-element-bbcf8bb::before, .elementor-58779 .elementor-element.elementor-element-bbcf8bb > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-bbcf8bb > .e-con-inner > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-bbcf8bb > .elementor-background-slideshow::before, .elementor-58779 .elementor-element.elementor-element-bbcf8bb > .e-con-inner > .elementor-background-slideshow::before, .elementor-58779 .elementor-element.elementor-element-bbcf8bb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://vespertool.com/wp-content/uploads/Cocoa-evaluate-your-performance.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:contain;}.elementor-58779 .elementor-element.elementor-element-00c2150 .elementor-image-box-wrapper{text-align:left;}.elementor-58779 .elementor-element.elementor-element-00c2150 .elementor-image-box-title{font-size:2.25rem;font-weight:bold;line-height:1.5em;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-00c2150 .elementor-image-box-description{font-size:1.25rem;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-8a7859e{margin:3rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 12rem 0rem 12rem;text-align:center;}.elementor-58779 .elementor-element.elementor-element-8a7859e .elementor-heading-title{font-size:2rem;font-weight:bold;line-height:1.75em;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-afcc033{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-58779 .elementor-element.elementor-element-299a3bd{text-align:center;}.elementor-58779 .elementor-element.elementor-element-299a3bd .elementor-heading-title{font-size:2.25rem;font-weight:900;color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-989c2cc{padding:0rem 10rem 2rem 10rem;text-align:center;}.elementor-58779 .elementor-element.elementor-element-989c2cc .elementor-heading-title{font-size:1rem;font-weight:300;color:var( --e-global-color-primary );}.elementor-58779 .elementor-element.elementor-element-4580600{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-5d8972b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-3859279 );--border-color:var( --e-global-color-3859279 );--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-3c84e8e{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.25rem) 0rem;--icon-box-icon-margin:15px;}.elementor-58779 .elementor-element.elementor-element-3c84e8e .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-58779 .elementor-element.elementor-element-3c84e8e .elementor-icon-box-title{margin-block-end:24px;color:#273055;}.elementor-58779 .elementor-element.elementor-element-3c84e8e .elementor-icon-box-title, .elementor-58779 .elementor-element.elementor-element-3c84e8e .elementor-icon-box-title a{font-size:1.5rem;font-weight:500;line-height:1.5625em;letter-spacing:0px;}.elementor-58779 .elementor-element.elementor-element-3c84e8e .elementor-icon-box-description{color:#273055;}.elementor-58779 .elementor-element.elementor-element-4e525a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-58779 .elementor-element.elementor-element-4e525a3 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-58779 .elementor-element.elementor-element-c9ee541{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-3859279 );--border-color:var( --e-global-color-3859279 );--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-c27e2e5{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.25rem) 0rem;--icon-box-icon-margin:15px;}.elementor-58779 .elementor-element.elementor-element-c27e2e5 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-58779 .elementor-element.elementor-element-c27e2e5 .elementor-icon-box-title{margin-block-end:24px;color:#273055;}.elementor-58779 .elementor-element.elementor-element-c27e2e5 .elementor-icon-box-title, .elementor-58779 .elementor-element.elementor-element-c27e2e5 .elementor-icon-box-title a{font-size:1.5rem;font-weight:500;line-height:1.5625em;letter-spacing:0px;}.elementor-58779 .elementor-element.elementor-element-c27e2e5 .elementor-icon-box-description{color:#273055;}.elementor-58779 .elementor-element.elementor-element-6e657ec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-58779 .elementor-element.elementor-element-6e657ec .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-58779 .elementor-element.elementor-element-d586b53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-3859279 );--border-color:var( --e-global-color-3859279 );--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-2c116a9{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.25rem) 0rem;--icon-box-icon-margin:15px;}.elementor-58779 .elementor-element.elementor-element-2c116a9 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-58779 .elementor-element.elementor-element-2c116a9 .elementor-icon-box-title{margin-block-end:24px;color:#273055;}.elementor-58779 .elementor-element.elementor-element-2c116a9 .elementor-icon-box-title, .elementor-58779 .elementor-element.elementor-element-2c116a9 .elementor-icon-box-title a{font-size:1.5rem;font-weight:500;line-height:1.5625em;letter-spacing:0px;}.elementor-58779 .elementor-element.elementor-element-2c116a9 .elementor-icon-box-description{color:#273055;}.elementor-58779 .elementor-element.elementor-element-d150fa5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-58779 .elementor-element.elementor-element-d150fa5 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-58779 .elementor-element.elementor-element-b3ef566{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-3859279 );--border-color:var( --e-global-color-3859279 );--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-d155e85{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.25rem) 0rem;--icon-box-icon-margin:15px;}.elementor-58779 .elementor-element.elementor-element-d155e85 .elementor-icon-box-wrapper{align-items:center;text-align:left;}.elementor-58779 .elementor-element.elementor-element-d155e85 .elementor-icon-box-title{margin-block-end:24px;color:#273055;}.elementor-58779 .elementor-element.elementor-element-d155e85 .elementor-icon-box-title, .elementor-58779 .elementor-element.elementor-element-d155e85 .elementor-icon-box-title a{font-size:1.5rem;font-weight:500;line-height:1.5625em;letter-spacing:0px;}.elementor-58779 .elementor-element.elementor-element-d155e85 .elementor-icon-box-description{color:#273055;}.elementor-58779 .elementor-element.elementor-element-947f9de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-58779 .elementor-element.elementor-element-947f9de .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-58779 .elementor-element.elementor-element-b02758d{--display:flex;--gap:0rem 1rem;--row-gap:0rem;--column-gap:1rem;--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-58779 .elementor-element.elementor-element-b02758d:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-b02758d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#030C38;}.elementor-58779 .elementor-element.elementor-element-177af9b{text-align:center;}.elementor-58779 .elementor-element.elementor-element-177af9b .elementor-heading-title{font-size:2.25rem;font-weight:900;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-79c8373{padding:0rem 15rem 0rem 15rem;text-align:center;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-ea8f9f5{width:100%;max-width:100%;margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-68c57ac{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-5a2bb24{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-d2ce742{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-0f5bc59{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-9ef35df{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-6535148{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-58779 .elementor-element.elementor-element-18dddc5{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 2rem) 0rem;padding:0rem 0rem 0rem 0rem;text-align:center;}.elementor-58779 .elementor-element.elementor-element-18dddc5 .elementor-heading-title{font-size:2.25rem;font-weight:900;}.elementor-58779 .elementor-element.elementor-element-77aeb21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-58779 .elementor-element.elementor-element-46ca325{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:24px 24px 24px 24px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-58779 .elementor-element.elementor-element-46ca325:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-46ca325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vespertool.com/wp-content/uploads/Dairy-cafe-webinar-banner.png");background-position:center center;background-size:cover;}.elementor-58779 .elementor-element.elementor-element-46ca325:hover::before, .elementor-58779 .elementor-element.elementor-element-46ca325:hover > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-46ca325:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-46ca325 > .elementor-background-slideshow:hover::before, .elementor-58779 .elementor-element.elementor-element-46ca325 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at bottom left, #4F46E580 25%, #030C3833 35%);}.elementor-58779 .elementor-element.elementor-element-46ca325:hover{--overlay-opacity:0.5;box-shadow:0px 4px 8px 0px rgba(3.0000000000000018, 11.999999999999963, 56, 0.05);}.elementor-58779 .elementor-element.elementor-element-20c2c82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-58779 .elementor-element.elementor-element-6e7eb41{background-color:var( --e-global-color-609b85b );padding:8px 20px 8px 20px;}.elementor-58779 .elementor-element.elementor-element-6e7eb41 .elementor-heading-title{font-size:0.875rem;font-weight:500;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-a3177dd{background-color:var( --e-global-color-609b85b );padding:8px 20px 8px 20px;}.elementor-58779 .elementor-element.elementor-element-a3177dd .elementor-heading-title{font-size:0.875rem;font-weight:500;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-aef18ec{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-58779 .elementor-element.elementor-element-37ab04c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-58779 .elementor-element.elementor-element-98219d2{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 8px 0px rgba(3.0000000000000018, 11.999999999999963, 56, 0.05);--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-58779 .elementor-element.elementor-element-98219d2:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-98219d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0D8E6;background-image:url("https://vespertool.com/wp-content/uploads/Vesper-Strong-Source-Podcast-Banner.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-58779 .elementor-element.elementor-element-98219d2:hover::before, .elementor-58779 .elementor-element.elementor-element-98219d2:hover > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-98219d2:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-98219d2 > .elementor-background-slideshow:hover::before, .elementor-58779 .elementor-element.elementor-element-98219d2 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at bottom left, #4F46E580 25%, #030C3833 35%);}.elementor-58779 .elementor-element.elementor-element-98219d2:hover{--overlay-opacity:0.5;}.elementor-58779 .elementor-element.elementor-element-7d27e1a{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-58779 .elementor-element.elementor-element-ee2f421{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--border-radius:24px 24px 24px 24px;box-shadow:0px 4px 8px 0px rgba(3.0000000000000018, 11.999999999999963, 56, 0.05);--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-58779 .elementor-element.elementor-element-ee2f421:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-ee2f421 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://vespertool.com/wp-content/uploads/Vesper-Downloads-Banner.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-58779 .elementor-element.elementor-element-ee2f421:hover::before, .elementor-58779 .elementor-element.elementor-element-ee2f421:hover > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-ee2f421:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-58779 .elementor-element.elementor-element-ee2f421 > .elementor-background-slideshow:hover::before, .elementor-58779 .elementor-element.elementor-element-ee2f421 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at bottom left, #4F46E580 25%, #030C3833 35%);}.elementor-58779 .elementor-element.elementor-element-ee2f421:hover{--overlay-opacity:0.5;}.elementor-58779 .elementor-element.elementor-element-fa5022d{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-58779 .elementor-element.elementor-element-a5a2c4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--padding-top:5rem;--padding-bottom:10rem;--padding-left:0rem;--padding-right:0rem;}.elementor-58779 .elementor-element.elementor-element-a5a2c4b:not(.elementor-motion-effects-element-type-background), .elementor-58779 .elementor-element.elementor-element-a5a2c4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-58779 .elementor-element.elementor-element-18fbfc3{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-41b0c4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-58779 .elementor-element.elementor-element-1a8dd14 .elementor-heading-title{font-size:1.5rem;font-weight:500;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-f8520a2{text-align:left;}.elementor-58779 .elementor-element.elementor-element-f8520a2 img{width:161px;height:48px;}.elementor-58779 .elementor-element.elementor-element-578a8a7{text-align:left;}.elementor-58779 .elementor-element.elementor-element-578a8a7 img{width:161px;height:48px;}.elementor-58779 .elementor-element.elementor-element-d77cf7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-58779 .elementor-element.elementor-element-3f80ae6 .elementor-heading-title{font-size:1.5rem;font-weight:500;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-ee24e8d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-58779 .elementor-element.elementor-element-ee24e8d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-58779 .elementor-element.elementor-element-ee24e8d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-58779 .elementor-element.elementor-element-ee24e8d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-58779 .elementor-element.elementor-element-ee24e8d .elementor-icon-list-item > a{font-size:1rem;font-weight:300;}.elementor-58779 .elementor-element.elementor-element-ee24e8d .elementor-icon-list-text{color:var( --e-global-color-bd47e29 );transition:color 0.3s;}.elementor-58779 .elementor-element.elementor-element-ee24e8d .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-58779 .elementor-element.elementor-element-6b05c43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-58779 .elementor-element.elementor-element-0664fe8 .elementor-heading-title{font-size:1.5rem;font-weight:500;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-4db42c6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-58779 .elementor-element.elementor-element-4db42c6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-58779 .elementor-element.elementor-element-4db42c6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-58779 .elementor-element.elementor-element-4db42c6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-58779 .elementor-element.elementor-element-4db42c6 .elementor-icon-list-item > a{font-size:1rem;font-weight:300;}.elementor-58779 .elementor-element.elementor-element-4db42c6 .elementor-icon-list-text{color:var( --e-global-color-bd47e29 );transition:color 0.3s;}.elementor-58779 .elementor-element.elementor-element-4db42c6 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-58779 .elementor-element.elementor-element-1bf2c56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-58779 .elementor-element.elementor-element-d46277a .elementor-heading-title{font-size:1.5rem;font-weight:500;color:var( --e-global-color-bd47e29 );}.elementor-58779 .elementor-element.elementor-element-c1c3e8f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-58779 .elementor-element.elementor-element-c1c3e8f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-58779 .elementor-element.elementor-element-c1c3e8f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-58779 .elementor-element.elementor-element-c1c3e8f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-58779 .elementor-element.elementor-element-c1c3e8f .elementor-icon-list-item > a{font-size:1rem;font-weight:300;}.elementor-58779 .elementor-element.elementor-element-c1c3e8f .elementor-icon-list-text{color:var( --e-global-color-bd47e29 );transition:color 0.3s;}.elementor-58779 .elementor-element.elementor-element-c1c3e8f .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-58779 .elementor-element.elementor-element-46ca325{--width:65%;}.elementor-58779 .elementor-element.elementor-element-37ab04c{--width:35%;}}@media(max-width:1024px){.elementor-58779 .elementor-element.elementor-element-785500b{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-38e84f0{padding:0rem 0rem 0rem 0rem;}.elementor-58779 .elementor-element.elementor-element-c1dd3b7{padding:0rem 0rem 0rem 0rem;}.elementor-58779 .elementor-element.elementor-element-d71bf8a{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-e7515bb{padding:0rem 0rem 0rem 0rem;}.elementor-58779 .elementor-element.elementor-element-8597944{--e-image-carousel-slides-to-show:5;padding:0rem 0rem 0rem 0rem;}.elementor-58779 .elementor-element.elementor-element-983bd38{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-9da4ff5{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-8d68e6a{--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-8a7859e{padding:0rem 0rem 0rem 0rem;}.elementor-58779 .elementor-element.elementor-element-afcc033{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-989c2cc{padding:0rem 0rem 2rem 0rem;}.elementor-58779 .elementor-element.elementor-element-4580600{--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-3c84e8e .elementor-icon{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-c27e2e5 .elementor-icon{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-2c116a9 .elementor-icon{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-d155e85 .elementor-icon{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-b02758d{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-79c8373{padding:0rem 0rem 0rem 0rem;}.elementor-58779 .elementor-element.elementor-element-68c57ac{--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-6535148{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-a5a2c4b{--padding-top:3rem;--padding-bottom:6rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-18fbfc3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-58779 .elementor-element.elementor-element-78ac1d8{--padding-top:0.5rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-bdde90f img{width:128px;height:30px;}.elementor-58779 .elementor-element.elementor-element-f1a41bd{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 03rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-785500b{--justify-content:flex-start;--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-38e84f0{text-align:left;}.elementor-58779 .elementor-element.elementor-element-38e84f0 .elementor-heading-title{font-size:2rem;}.elementor-58779 .elementor-element.elementor-element-c1dd3b7{text-align:left;}.elementor-58779 .elementor-element.elementor-element-6d8a661{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 03rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-d71bf8a{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-763884a{text-align:left;}.elementor-58779 .elementor-element.elementor-element-763884a .elementor-heading-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-e7515bb{padding:0rem 0rem 0rem 0rem;text-align:left;}.elementor-58779 .elementor-element.elementor-element-8597944{--e-image-carousel-slides-to-show:3;padding:3rem 0rem 0rem 0rem;}.elementor-58779 .elementor-element.elementor-element-9da4ff5{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-3142910{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;text-align:left;}.elementor-58779 .elementor-element.elementor-element-3142910 .elementor-heading-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-8d68e6a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-fb674ef{--min-height:500px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-04a84d1 .elementor-image-box-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-04a84d1 .elementor-image-box-description{font-size:1rem;}.elementor-58779 .elementor-element.elementor-element-9f93989{--min-height:350px;}.elementor-58779 .elementor-element.elementor-element-6c86482 .elementor-image-box-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-6c86482 .elementor-image-box-description{font-size:1rem;}.elementor-58779 .elementor-element.elementor-element-3bd7211{--min-height:500px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-58779 .elementor-element.elementor-element-54a99c1 .elementor-image-box-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-54a99c1 .elementor-image-box-description{font-size:1rem;}.elementor-58779 .elementor-element.elementor-element-bbcf8bb{--min-height:500px;}.elementor-58779 .elementor-element.elementor-element-00c2150 .elementor-image-box-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-00c2150 .elementor-image-box-description{font-size:1rem;}.elementor-58779 .elementor-element.elementor-element-8a7859e{text-align:left;}.elementor-58779 .elementor-element.elementor-element-8a7859e .elementor-heading-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-299a3bd{text-align:left;}.elementor-58779 .elementor-element.elementor-element-299a3bd .elementor-heading-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-989c2cc{text-align:left;}.elementor-58779 .elementor-element.elementor-element-989c2cc .elementor-heading-title{font-size:1rem;}.elementor-58779 .elementor-element.elementor-element-4580600{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-5d8972b{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;grid-column:span 1;}.elementor-58779 .elementor-element.elementor-element-c9ee541{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;}.elementor-58779 .elementor-element.elementor-element-d586b53{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-width:1px 1px 0px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-58779 .elementor-element.elementor-element-b3ef566{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;grid-column:span 1;}.elementor-58779 .elementor-element.elementor-element-177af9b{text-align:left;}.elementor-58779 .elementor-element.elementor-element-177af9b .elementor-heading-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-79c8373{text-align:left;}.elementor-58779 .elementor-element.elementor-element-ea8f9f5{width:100%;max-width:100%;}.elementor-58779 .elementor-element.elementor-element-68c57ac{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-58779 .elementor-element.elementor-element-6535148{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-18dddc5{text-align:left;}.elementor-58779 .elementor-element.elementor-element-18dddc5 .elementor-heading-title{font-size:1.5rem;}.elementor-58779 .elementor-element.elementor-element-77aeb21{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-58779 .elementor-element.elementor-element-46ca325{--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-20c2c82{--gap:0px 08px;--row-gap:0px;--column-gap:08px;}.elementor-58779 .elementor-element.elementor-element-6e7eb41{padding:2px 5px 3px 5px;}.elementor-58779 .elementor-element.elementor-element-6e7eb41 .elementor-heading-title{font-size:0.7rem;}.elementor-58779 .elementor-element.elementor-element-a3177dd{padding:2px 5px 3px 5px;}.elementor-58779 .elementor-element.elementor-element-a3177dd .elementor-heading-title{font-size:0.7rem;}.elementor-58779 .elementor-element.elementor-element-aef18ec{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-98219d2{--min-height:350px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-7d27e1a{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-ee2f421{--min-height:350px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-fa5022d{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-58779 .elementor-element.elementor-element-a5a2c4b{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-58779 .elementor-element.elementor-element-18fbfc3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-f4d7fa8 *//* =========================================================
   Tokens
   ========================================================= */
.vsp-app{
  --vsp-teal:#33CDC6;
  --vsp-purple:#4F46E5;
  --vsp-purple-12:#4F46E51F;
  --vsp-dark:#030C38;
  --vsp-white:#FFFFFF;
  --vsp-ultra:#EEF2F7;
  --vsp-light:#D0D8E6;
  --vsp-body:#3A405E;
  --vsp-radius:.75rem;

  font-size:1rem;
  display:grid;
  grid-template-columns:240px 1fr;
  gap:0.5rem;
  background:#F4F4F447;
  color:var(--vsp-body);
  border-radius:8px;
  padding:0.5rem;
  position:relative;
  overflow:hidden;
  min-height:650px;
}

/* =========================================================
   Layout: Sidebar / Main / Stage / Header
   ========================================================= */
.vsp-sidebar{
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:8px;
  padding:1rem;
  display:flex;
  flex-direction:column;
  gap:.75rem;
}
.vsp-logoimg{display:block;margin:.25rem 0 .5rem}

.vsp-main{display:grid}

.vsp-stage{
  position:relative;
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:8px;
  padding:1rem;
  min-height:720px;
  display:flex;
  flex-direction:column;
}

.vsp-header{
  padding:.25rem 0 .5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.vsp-title{margin:0;font-size:1.25rem;color:var(--vsp-dark);font-weight:700}

/* =========================================================
   Navigation & Subtabs
   ========================================================= */
.vsp-navlist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.375rem;
}
.vsp-navlink{
  display:grid;
  grid-template-columns:20px 1fr;
  align-items:center;
  gap:1rem;
  text-decoration:none;
  padding:.625rem .75rem;
  border-radius:8px;
  transition:background .15s,color .15s,filter .15s;
  font-size:.9rem;
}
.vsp-navlink:link,
.vsp-navlink:visited{
  color:var(--vsp-body);
}
.vsp-navicon{display:block}
.vsp-navlink:hover,
.vsp-navlink.is-active{
  background:var(--vsp-purple-12);
  color:var(--vsp-purple);
}
.vsp-navlink:hover .vsp-navicon,
.vsp-navlink.is-active .vsp-navicon{
  filter:brightness(0) saturate(100%) invert(22%) sepia(92%) saturate(2648%) hue-rotate(231deg) brightness(90%) contrast(97%);
}

/* square icon background */
.vsp-naviconwrap{
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:4px;
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  display:flex;
  align-items:center;
  justify-content:center;
}
.vsp-naviconwrap img{
  width:16px;
  height:16px;
  display:block;
}

/* subtabs */
.vsp-subtabs{
  display:none;
  gap:.5rem;
  margin:.5rem 0 .75rem;
}
.vsp-subtabs.is-active{display:flex}
.vsp-subtab{
  display:inline-block;
  text-decoration:none;
  padding:.25rem .75rem;
  border-radius:8px;
  transition:background .15s,color .15s;
  font-size:.9rem;
}
.vsp-subtab:link,
.vsp-subtab:visited{
  color:var(--vsp-body);
}
.vsp-subtab:hover,
.vsp-subtab.is-active{
  background:var(--vsp-purple-12);
  color:var(--vsp-purple);
}

/* =========================================================
   Content routing
   ========================================================= */
.vsp-panegroup,
.vsp-pane,
.vsp-solosection{
  display:none;
  min-height:32rem;
}
.vsp-panegroup.is-active,
.vsp-pane.is-active{
  display:block;
}
.vsp-solosection.is-active{
  display:block;
  flex:1;
}

/* =========================================================
   Cards, grid, lists & shared bits
   ========================================================= */
.vsp-card{
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:1rem;
  padding:1rem;
}
.vsp-card--center{text-align:center}
.vsp-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
.vsp-card__title{
  margin:0;
  font-size:1rem;
  color:var(--vsp-dark);
  font-weight:700;
}

.vsp-chip{
  background:transparent;
  color:var(--vsp-dark);
  padding:0;
  border:none;
  font-size:.95rem;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
}
.vsp-chip__icon{
  display:inline-block;
  width:1rem;
  height:1rem;
}

.vsp-grid{
  display:grid;
  grid-template-columns:20rem 1fr;
  gap:1rem;
  margin-top:.75rem;
}
.vsp-column{display:grid;align-content:start}

.vsp-img{
  max-width:100%;
  border-radius:.75rem;
  border:1px solid var(--vsp-light);
}
.vsp-empty{
  margin:.5rem 0 0;
  color:var(--vsp-body);
  font-size:.88rem;
}

.vsp-list{
  list-style:none;
  margin:0;
  padding:0;
  background:var(--vsp-white);
  border-top:1px solid var(--vsp-light);
}
.vsp-listrow{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.6rem .75rem;
  border-bottom:1px solid var(--vsp-light);
  font-size:.88rem;
}
.vsp-listrow--highlight{background:var(--vsp-purple-12)}
.vsp-rowleft{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
}
.vsp-right{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
}
.vsp-muted{
  font-size:.72rem;
  color:var(--vsp-body);
  opacity:.8;
}
.vsp-delta{font-size:.9rem}
.vsp-up{color:var(--vsp-teal)}
.vsp-down{color:#e11d48}

/* =========================================================
   Charts: shared SVG primitives
   ========================================================= */
.vsp-chart{
  width:100%;
  height:360px;
  display:block;
  font-family:inherit;
}
.vsp-layer-grid line{
  stroke:var(--vsp-light);
  stroke-width:1;
  stroke-linecap:round;
  stroke-dasharray:2 10;
  opacity:.9;
}
.vsp-xline{stroke:var(--vsp-light)}

/* =========================================================
   Dashboard panes — standardised: Prices, Futures, Transport,
   Supply, Weather, AI-Forecast
   ========================================================= */
/* Strip-style panes: Dashboard & AI
   (cards become borderless; header is a full-width strip) */
.vsp-pane--strip > .vsp-card{
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
}

/* header strip (full width) */
.vsp-pane--strip .vsp-card__head{
  border-top:1px solid var(--vsp-light);
  border-bottom:1px solid var(--vsp-light);
  margin-left:-1rem;
  margin-right:-1rem;
  padding:.6rem 1rem;
  margin-bottom:.75rem;
}

/* borderless charts inside these panes */
.vsp-pane[data-pane="prices"] .vsp-chartcard,
.vsp-pane[data-pane="futures"] .vsp-chartcard,
.vsp-pane[data-pane="transport"] .vsp-chartcard,
.vsp-pane[data-pane="supply"] .vsp-chartcard,
.vsp-pane[data-pane="weather"] .vsp-chartcard{
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
}

/* optional dates band */
.vsp-pane[data-pane="prices"] .vsp-dates,
.vsp-pane[data-pane="futures"] .vsp-dates,
.vsp-pane[data-pane="transport"] .vsp-dates,
.vsp-pane[data-pane="supply"] .vsp-dates,
.vsp-pane[data-pane="weather"] .vsp-dates{
  border-radius:.75rem;
  padding:.75rem 1rem;
  margin:0 -1rem 1rem;
  display:flex;
  justify-content:space-between;
}

/* mini-chart wrapper (Prices) */
.vsp-pane[data-pane="prices"] .vsp-card--center{
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
}

/* =========================================================
   Dashboard → Prices — list polish
   ========================================================= */
.vsp-block--prices{
  border:none;
  background:transparent;
  padding:0;
  --highlight-bleed:.75rem;
  --edge-gutter:.25rem;
  overflow:visible;
}
.vsp-list--plain{
  border:none;
  margin:0;
  padding:0;
}
.vsp-block--prices .vsp-listrow{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.55rem 0;
  border:none;
  font-size:.875rem;
  line-height:1.2;
}
.vsp-block--prices .vsp-rowleft{
  font-weight:400;
  color:var(--vsp-dark);
  padding-left:.1rem;
}
.vsp-block--prices .vsp-right{
  display:flex;
  align-items:center;
  gap:.6rem;
  padding-right:.25rem;
}
.vsp-block--prices .vsp-price{
  min-width:4.5rem;
  text-align:right;
  color:var(--vsp-dark);
}
.vsp-block--prices .vsp-delta{font-size:.75rem}
.vsp-block--prices .vsp-delta.vsp-up{color:var(--vsp-teal)}
.vsp-block--prices .vsp-delta.vsp-down{color:#e11d48}

/* tiny arrow ticks */
.vsp-block--prices .vsp-delta::after{
  content:"";
  display:inline-block;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  margin-left:.3rem;
  transform:translateY(-1px);
}
.vsp-block--prices .vsp-delta.vsp-up::after{border-bottom:6px solid var(--vsp-teal)}
.vsp-block--prices .vsp-delta.vsp-down::after{border-top:6px solid #e11d48}

/* highlight row with soft bleed */
.vsp-block--prices .vsp-listrow--highlight{
  background:var(--vsp-ultra);
  border-radius:.4rem;
  padding:.55rem var(--highlight-bleed);
  margin:0 calc(-1 * var(--highlight-bleed));
  clip-path:inset(0 var(--edge-gutter) round .4rem);
}

/* =========================================================
   Dashboard → Prices — mini WPI chart
   ========================================================= */
#vspMiniChartPrices{
  position:relative;
  border:none;
  background:transparent;
  box-shadow:none;
  padding:0;
}
#vspMiniChartPrices .vsp-chartwrap{position:relative}
#vspMiniChartPrices .vsp-chart{
  width:100%;
  height:360px;
  display:block;
  font-family:inherit;
}
#vspMiniChartPrices .vsp-layer-grid line{
  stroke:var(--vsp-light);
  stroke-width:1;
  stroke-linecap:round;
  stroke-dasharray:2 10;
  opacity:.9;
}
#vspMiniChartPrices .vsp-xline{stroke:var(--vsp-light)}
#vspMiniChartPrices .vsp-path{
  fill:none;
  stroke:var(--vsp-purple);
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke-dashoffset 900ms ease-out;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
#vspMiniChartPrices .vsp-markergrp circle{
  transition:opacity .3s ease;
  opacity:0;
}
#vspMiniChartPrices .vsp-marker-core{fill:var(--vsp-purple)}
#vspMiniChartPrices .vsp-marker-ring{
  fill:var(--vsp-white);
  stroke:var(--vsp-purple);
  stroke-width:2;
}
#vspMiniChartPrices .vsp-marker-halo{
  fill:var(--vsp-purple);
  opacity:.18!important;
  r:13;
  transform-origin:center;
  vector-effect:non-scaling-stroke;
}
#vspMiniChartPrices .vsp-markergrp.show circle{opacity:1}
#vspMiniChartPrices .vsp-pricebadge{
  position:absolute;
  transform:translate(-70%,calc(-100% - 12px));
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:4px;
  padding:.55rem .8rem;
  font-size:.75rem;
  color:var(--vsp-dark);
  pointer-events:none;
  opacity:0;
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:.5rem;
  z-index:3;
}
#vspMiniChartPrices .vsp-pricebadge .vsp-key{
  width:12px;
  height:12px;
  background:var(--vsp-purple);
  border-radius:2px;
  display:inline-block;
}
#vspMiniChartPrices .vsp-dot{
  position:absolute;
  left:0;
  top:0;
  transform:translate(-50%,-50%);
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--vsp-purple);
  box-shadow:0 0 0 4px #fff,0 0 0 12px rgba(79,70,229,.18);
  opacity:0;
  transition:opacity .25s ease;
  z-index:2;
  pointer-events:none;
}

/* shared date labels */
.vsp-date__label{
  font-size:1rem;
  font-weight:600;
}
.vsp-date__sub{font-size:.75rem}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  #vspMiniChartPrices .vsp-path{
    transition:none!important;
    stroke-dasharray:0!important;
  }
  #vspMiniChartPrices .vsp-markergrp circle,
  #vspMiniChartPrices .vsp-pricebadge,
  #vspMiniChartPrices .vsp-dot{
    transition:none!important;
  }
}

/* =========================================================
   Dashboard → Prices — watchbar under "Prices · EUR / mt"
   ========================================================= */

/* connect header + watchbar borders */
.vsp-pane[data-pane="prices"] .vsp-card__head{
  margin-bottom:0;
}

.vsp-pane[data-pane="prices"] .vsp-watchbar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:1.5rem;
  margin:0 -1rem;
  border-bottom:1px solid var(--vsp-light);
  background:var(--vsp-white);
}

/* left: dates */
.vsp-watchbar__dates{
  display:flex;
  gap:11rem;
  border-right:1px solid var(--vsp-light);
  padding:.25rem 1.5rem .25rem 1rem;
}
.vsp-watchbar__dateblock .vsp-date__label{font-size:.875rem}
.vsp-watchbar__dateblock .vsp-date__sub{font-size:.65rem}

/* middle: product label */
.vsp-watchbar__product{
  justify-self:flex-start;
  font-size:1rem;
  font-weight:600;
  color:var(--vsp-dark);
}

/* right: icons (anchor-based) */
.vsp-watchbar__actions{
  display:flex;
  gap:.65rem;
  padding-right:1rem;
}
.vsp-watchbar__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.25rem;
  border-radius:4px;
  text-decoration:none;
  cursor:pointer;
  transition:background .15s ease,box-shadow .15s ease,transform .15s ease;
}
.vsp-watchbar__icon img{
  display:block;
  width:16px;
  height:16px;
  filter: brightness(0) saturate(100%) invert(6%) sepia(9%) saturate(3757%) 
        hue-rotate(197deg) brightness(92%) contrast(96%);

}
.vsp-watchbar__icon:hover{
  background:var(--vsp-ultra);
  transform:translateY(-1px);
}

.vsp-watchbar__icon:focus-visible{
  outline:3px solid var(--vsp-teal);
  outline-offset:2px;
}

/* Prices watchbar icon tooltip (first bell icon) */
.vsp-watchbar__icon{
  position:relative; /* anchor for tooltip */
}

/* hidden by default */
.vsp-tooltip{
  position:absolute;
  left:50%;
  top:100%;
  transform:translate(-50%, 8px);
  padding:0rem .6rem;
  border-radius:4px;
  background:var(--vsp-dark);
  color:#fff;
  font-size:.65rem;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:
    opacity .14s ease-out,
    transform .14s ease-out,
    visibility .14s linear;
  z-index:10;
}

/* show on hover + keyboard focus */
.vsp-watchbar__icon:hover .vsp-tooltip,
.vsp-watchbar__icon:focus-visible .vsp-tooltip{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 10px);
}


/* =========================================================
   Futures
   ========================================================= */
#vspFuturesChart{position:relative}
#vspFuturesChart .vsp-chartwrap{position:relative}
#vspFuturesChart .vsp-chart{
  width:100%;
  height:360px;
  display:block;
  font-family:inherit;
}
#vspFuturesChart .vsp-layer-grid line{
  stroke:var(--vsp-light);
  stroke-width:1;
  stroke-linecap:round;
  stroke-dasharray:2 10;
  opacity:.9;
  vector-effect:non-scaling-stroke;
}
#vspFuturesChart .vsp-xline{
  stroke:var(--vsp-light);
  vector-effect:non-scaling-stroke;
}
#vspFuturesChart .vsp-path{
  fill:none;
  stroke:var(--vsp-purple);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:miter;
  transition:stroke-dashoffset 900ms ease-out;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
#vspFuturesChart .vsp-chartlegend{
  display:flex;
  align-items:center;
  gap:.4rem;
  font-size:.75rem;
  color:var(--vsp-body);
  margin-top:.4rem;
  margin-left:.2rem;
}
#vspFuturesChart .vsp-legend-label{opacity:.75}
#vspFuturesChart .vsp-legend-key{
  width:20px;
  height:14px;
  background:var(--vsp-purple);
  border-radius:2px;
  display:inline-block;
}
#vspFuturesChart .vsp-legend-text{
  color:var(--vsp-dark);
  font-size:0.75rem;
}

/* Futures → Floating info box */
.fsp-info{
  position:absolute;
  top:1rem;
  left:24rem;
  z-index:20;
  max-width:450px;
  padding:.5rem .5rem;
  background:var(--vsp-ultra);
  color:#fff;
  font-size:0.75rem;
  line-height:2rem;
  border-radius:4px;
  pointer-events:auto;
}

.fsp-list{
  margin-top:.25rem;
  background:#e9eff7;
  border-radius:4px;
  padding: 0;
  font-size:0.75rem;
  color:var(--vsp-dark);
}

.fsp-group{
  padding:0 1.1rem;
}

.fsp-group + .fsp-group{
  border-top:1px solid rgba(12, 32, 78, 0.08);
}

/* Corn / Durum wheat header rows */
.fsp-grouphead{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem 0;
}

.fsp-toggle{
  font-size:0.75rem;
  line-height:1;
  width:1rem;
  text-align:center;
  color:#102049;
}

.fsp-group-title{
  font-weight:500;
}

/* Corn body */
.fsp-groupbody{
  padding:.25rem 0 .4rem;
  display:grid;
  grid-template-columns:1.2fr 1.2fr;
  column-gap:2rem;
  row-gap:.35rem;
}

.fsp-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 0.25rem;
}

.fsp-option--right{
  grid-column:2 / 3;
}

.fsp-option-label{
  font-size:0.75rem;
}

/* Fake radio */
.fsp-radio{
  width:8px;
  height:8px;
  border-radius:50%;
  border:1.5px solid var(--vsp-light);
  box-sizing:border-box;
}

/* Filled “selected” radio */
.fsp-option.is-selected .fsp-radio{
  background:var(--vsp-dark);           /* ⬅️ fill the dot */
}

/* collapsed groups */
.fsp-group.is-collapsed .fsp-groupbody{
  display:none;
}

/* Wrap flag + label */
.fsp-labelwrap{
  display:flex;
  align-items:center;
  gap:.75rem;       /* spacing between flag + label */
}

/* Flags in .elementor-58779 .elementor-element.elementor-element-f4d7fa8 */
.fsp-flag{
  width:12px;
  height:auto;
  display:block;
}


/* Ensure the chartcard becomes the positioning context */
.vsp-chartcard{
  position:relative;
}

/* Dashboard → Futures: top search bar */
.vsp-searchbar{
  width:100%;
  padding:.75rem 1rem .75rem 2.4rem !important;
  border: solid 1px var(--vsp-light) !important;
  border-radius:4px;
  font-size:.75rem;
  color:var(--vsp-dark);

  /* search icon */
  background-image:url("https://vespertool.com/wp-content/uploads/Search-icon.svg");
  background-repeat:no-repeat;
  background-size:16px;
  background-position:.75rem;
  display:block;
}

.vsp-searchbar::placeholder{
  color:#6b7280; /* matches News search placeholder */
}

.fsp-commodities{
  display:flex;
  align-items:center;
  gap:.4rem;
  margin-top:.5rem;
  margin-bottom:.35rem;
  padding:0 .1rem;
  overflow-x:auto;
  max-width:300px;
}

.fsp-pill{
  flex:0 0 auto;
  border:none;
  background:#e9eff7;
  border-radius:4px;
  padding:0rem .75rem;
  font-size:.75rem;
  font-family:inherit;
  color:var(--vsp-dark);
  white-space:nowrap;
  cursor:default;
}

.fsp-pill--active{
  position:relative;
  background:var(--vsp-purple-12);
  color:var(--vsp-purple);
}

.fsp-pill--active::before{
  content:"";
  position:absolute;
  left:.6rem;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--vsp-link);
}


@media (prefers-reduced-motion:reduce){
  #vspFuturesChart .vsp-path{
    transition:none!important;
    stroke-dasharray:0!important;
  }
}

/* =========================================================
   Transport — list & chart
   ========================================================= */

/* hide the "Price, EUR" header bar on Transport Prices */
.vsp-pane[data-pane="transport"] #vspTransportChart .vsp-card__head{display:none}
.vsp-pane[data-pane="transport"] .vsp-grid{
  grid-template-columns:16rem 1fr;
}

.vsp-block--routes{
  border:none;
  background:transparent;
  padding:0;
}
.vsp-list--routes{
  background:transparent;
  margin:0;
  padding:0;
  border-top:0;
}
.vsp-list--routes .vsp-listrow{
  display:block;
  padding:.6rem 0;
  margin:0;
  background:transparent;
  border:0;
  border-top:1px solid var(--vsp-light);
}
.vsp-list--routes .vsp-listrow:first-child{border-top:none}
.vsp-list--routes .vsp-listrow:last-child{border-bottom:none}

.vsp-route__title{
  margin:0 0 .15rem;
  font-weight:600;
  color:var(--vsp-dark);
  text-align:left;
}
.vsp-route__meta{
  margin:0 0 .25rem;
  font-size:.82rem;
  color:var(--vsp-body);
  opacity:.85;
  text-align:left;
}
.vsp-route__price{
  margin:0 0 .15rem;
  font-weight:700;
  color:var(--vsp-dark);
  text-align:left;
}
.vsp-route__deltas{
  margin:0;
  font-size:.82rem;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.35rem;
  text-align:left;
}
.vsp-delta.vsp-flat{
  color:var(--vsp-body);
  opacity:.85;
}

#vspTransportChart{position:relative}
#vspTransportChart .vsp-chartwrap{position:relative}
#vspTransportChart .vsp-chart{
  width:100%;
  height:360px;
  display:block;
  font-family:inherit;
}
#vspTransportChart .vsp-layer-grid line{
  stroke:var(--vsp-light);
  stroke-width:1;
  stroke-linecap:round;
  stroke-dasharray:2 10;
  opacity:.9;
  vector-effect:non-scaling-stroke;
}
#vspTransportChart .vsp-xline{
  stroke:var(--vsp-light);
  vector-effect:non-scaling-stroke;
}
#vspTransportChart .vsp-path{
  fill:none;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:miter;
  transition:stroke-dashoffset 900ms ease-out;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
#vspTransportChart .path-a{stroke:var(--vsp-purple)}
#vspTransportChart .path-b{stroke:var(--vsp-teal)}
#vspTransportChart .path-c{stroke:#5CA6FF}
#vspTransportChart .vsp-routebadge{
  position:absolute;
  left:12px;
  top:12px;
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:4px;
  box-shadow:0 2px 10px rgba(3,12,56,.08);
  padding:.5rem .7rem;
  font-size:.86rem;
  color:var(--vsp-dark);
  display:grid;
  gap:.35rem;
  z-index:2;
}
#vspTransportChart .vsp-routebadge__row{
  display:flex;
  align-items:center;
  gap:.45rem;
  white-space:nowrap;
}

/* layout under chart */
.transport-layout{
  display:flex;
  flex-direction:column;
  gap:0;
}

/* full-width divider under chart */
.transport-divider{
  border-bottom:1px solid var(--vsp-light);
  margin:.25rem -1rem 0;
}

.transport-routes{
  display:flex;
  margin:0 -1rem;
  border-bottom:1px solid var(--vsp-light);
  padding:0;
}

/* reuse route styles */
.transport-route .vsp-route__title{
  font-weight:600;
  color:var(--vsp-dark);
  font-size:.8rem;
}
.transport-route .vsp-route__meta{
  font-size:.75rem;
  opacity:.85;
}
.transport-route .vsp-route__price{
  font-weight:700;
  color:var(--vsp-dark);
  font-size:1rem;
}
.transport-route .vsp-route__deltas{
  font-size:.75rem;
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
}

.routes-container{display:flex}
.route-col{
  flex:1;
  border-right:1px solid var(--vsp-light);
  padding:1rem 1.25rem;
}
.route-col:last-child{border-right:none}
.transport-route{padding:0}

/* =========================================================
   Supply & demand
   ========================================================= */
#vspSupplyChart{position:relative}
#vspSupplyChart .vsp-chartwrap{position:relative}
#vspSupplyChart .vsp-chart{
  width:100%;
  height:360px;
  display:block;
  font-family:inherit;
}

/* top controls row */
#vspSupplyChart .supply-toprow{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:.75rem .25rem .4rem;
  user-select:none;
  pointer-events:none;
}
.vsp-pane[data-pane="supply"] .vsp-card__head .vsp-chip{margin-right:.25rem}

/* faux select shared */
#vspSupplyChart .cc-inline{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
}
#vspSupplyChart .cc-filter__label{
  font-size:.9rem;
  color:var(--vsp-body);
  opacity:.85;
  margin-right:.1rem;
}
#vspSupplyChart .cc-fauxselect{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .65rem;
  border:1px solid var(--vsp-light);
  border-radius:.6rem;
  background:var(--vsp-ultra);
  color:var(--vsp-body);
  font-size:.9rem;
  user-select:none;
  cursor:default;
  opacity:.9;
}
#vspSupplyChart .cc-fauxselect .cc-caret{
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid var(--vsp-body);
  opacity:.45;
  transform:translateY(1px);
}
#vspSupplyChart .supply-spacer{flex:1}
#vspSupplyChart .supply-range{
  font-size:.9rem;
  color:var(--vsp-body);
  opacity:.85;
  white-space:nowrap;
}
#vspSupplyChart .supply-range strong{
  color:var(--vsp-dark);
}

/* series */
#vspSupplyChart .vsp-layer-grid line{
  stroke:var(--vsp-light);
  stroke-width:1;
  stroke-linecap:round;
  stroke-dasharray:2 10;
  opacity:.9;
  vector-effect:non-scaling-stroke;
}
#vspSupplyChart .vsp-xline{
  stroke:var(--vsp-light);
  vector-effect:non-scaling-stroke;
}
#vspSupplyChart .bars.export rect{fill:#85A5FF}
#vspSupplyChart .bars.consumption rect{fill:#3D5AFE}
#vspSupplyChart .bars.import rect{fill:#F7941D}
#vspSupplyChart .bars.production rect{fill:#39B36E}
#vspSupplyChart .stocks-line{
  fill:none;
  stroke:#E04B36;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:miter;
  transition:stroke-dashoffset 900ms ease-out;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}

/* legend */
#vspSupplyChart .supply-legend {
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: .35rem;
  align-items: start;
  justify-items: start;
  text-align: left;
}

#vspSupplyChart .supply-legend .muted{
  color:var(--vsp-body);
  opacity:.8;
  margin-right:.25rem;
}
#vspSupplyChart .supply-legend .key{
  width:16px;
  height:12px;
  border-radius:2px;
  display:inline-block;
  position:relative;
}

/* Each row becomes a flex row */
#vspSupplyChart .supply-legend .legend-row {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex-wrap: nowrap;
}

#vspSupplyChart .key-export{background:#85A5FF}
#vspSupplyChart .key-consumption{background:#3D5AFE}
#vspSupplyChart .key-import{background:#F7941D}
#vspSupplyChart .key-production{background:#39B36E}
#vspSupplyChart .key-stocks-line{
  width:16px;
  height:12px;
  border:0;
  border-radius:2px;
}
#vspSupplyChart .key-stocks-line::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:4px;
  background:#E04B36;
  border-radius:2px;
  transform:translateY(-50%);
}

/* Ending stocks line sits inline with label */
#vspSupplyChart .supply-legend .ending-stocks-row .key-stocks-line {
  margin-left: .35rem;
}

@media (prefers-reduced-motion:reduce){
  #vspSupplyChart .stocks-line{
    transition:none!important;
    stroke-dasharray:0!important;
  }
}

/* =========================================================
   Weather & Crops → crop calendar
   ========================================================= */
#vspCropCalendar{padding-bottom:.5rem}
#vspCropCalendar .cc-filter{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:1rem 0 .75rem;
}
#vspCropCalendar .cc-filter__label{
  font-size:.9rem;
  color:var(--vsp-body);
  opacity:.85;
  margin-right:.1rem;
}
#vspCropCalendar .cc-fauxselect{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .65rem;
  border:1px solid var(--vsp-light);
  border-radius:.6rem;
  background:var(--vsp-ultra);
  color:var(--vsp-body);
  font-size:.9rem;
  user-select:none;
  cursor:default;
  opacity:.9;
}
#vspCropCalendar .cc-fauxselect .cc-caret{
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid var(--vsp-body);
  opacity:.45;
  transform:translateY(1px);
}

#vspCropCalendar .cc-table{border-top:1px solid var(--vsp-light)}
#vspCropCalendar .cc-row{
  display:grid;
  grid-template-columns:10rem 1fr;
  align-items:center;
  padding:.85rem 0;
  border-bottom:1px solid var(--vsp-light);
}
#vspCropCalendar .cc-country{
  font-weight:600;
  color:var(--vsp-dark);
  padding-right:.5rem;
}
#vspCropCalendar .cc-band{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:.4rem;
}
#vspCropCalendar .cc-cell{
  height:16px;
  border-radius:.4rem;
  background:transparent;
  border:1px dashed rgba(58,64,94,.15);
}

/* calendar colours */
#vspCropCalendar{
  --cc-plant:#0B4EA2;
  --cc-mid:#39B36E;
  --cc-harvest:#8EC7F5;
}
#vspCropCalendar .P{
  background:var(--cc-plant)!important;
  border-color:transparent;
}
#vspCropCalendar .M{
  background:var(--cc-mid)!important;
  border-color:transparent;
}
#vspCropCalendar .H{
  background:var(--cc-harvest)!important;
  border-color:transparent;
}

/* legend */
#vspCropCalendar .cc-legend{
  display:flex;
  align-items:center;
  gap:.45rem;
  margin-top:.6rem;
  font-size:.86rem;
  color:var(--vsp-dark);
}
#vspCropCalendar .cc-legend .muted{
  color:var(--vsp-body);
  opacity:.8;
  margin-right:.25rem;
}
#vspCropCalendar .cc-legend .key{
  width:16px;
  height:12px;
  border-radius:2px;
  display:inline-block;
}
#vspCropCalendar .key-plant{background:var(--cc-plant)}
#vspCropCalendar .key-mid{background:var(--cc-mid)}
#vspCropCalendar .key-harvest{background:var(--cc-harvest)}

/* =========================================================
   Market → Expert Outlook
   ========================================================= */
.vsp-pane[data-pane="expert"] .xp-headrow{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin:1rem .25rem 1rem;
}
.vsp-pane[data-pane="expert"] .xp-heading{
  margin:0;
  font-size:1.25rem;
  font-weight:800;
  color:var(--vsp-dark);
}
.vsp-pane[data-pane="expert"] .xp-subnote{
  font-size:.9rem;
  color:var(--vsp-body);
  opacity:.85;
}

.vsp-pane[data-pane="expert"] .xp-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
}

.vsp-pane[data-pane="expert"] .xp-card{
  display:block;
  background:var(--vsp-ultra);
  color:var(--vsp-dark);
  border-radius:4px;
  padding:1.1rem 1.1rem 1.2rem;
  text-decoration:none;
  box-shadow:0 6px 20px rgba(3,12,56,.08);
  border:1px solid var(--vsp-light);
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.vsp-pane[data-pane="expert"] .xp-card:hover{
  background:var(--vsp-purple);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(3,12,56,.16);
}

.vsp-pane[data-pane="expert"] .xp-cardtop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:1rem;
}
.vsp-pane[data-pane="expert"] .xp-pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.25rem .55rem;
  border-radius:4px;
  background:#fff;
  border:1px solid var(--vsp-light);
  color:var(--vsp-dark);
  font-size:.86rem;
}
.vsp-pane[data-pane="expert"] .xp-date{
  font-size:.9rem;
  color:var(--vsp-body);
  opacity:.9;
  font-weight:600;
}
.vsp-pane[data-pane="expert"] .xp-title{
  margin:.3rem 0 .5rem;
  font-size:1rem;
  line-height:1.25;
  font-weight:600;
  color:inherit;
}
.vsp-pane[data-pane="expert"] .xp-desc{
  margin:0;
  font-size:.875rem;
  line-height:1.45;
  color:inherit;
  opacity:.9;
}

.vsp-pane[data-pane="expert"] .xp-card:hover .xp-date{
  color:#fff;
  opacity:.9;
}
.vsp-pane[data-pane="expert"] .xp-card:hover .xp-pill{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.35);
  color:#fff;
}

/* =========================================================
   Market → Technical Analysis
   ========================================================= */
.vsp-pane[data-pane="ta"] .ta-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--vsp-light);
  border-bottom:1px solid var(--vsp-light);
  margin-left:-1rem;
  margin-right:-1rem;
  padding:.6rem 1rem;
  margin-top:0;
  margin-bottom:.75rem;
}
.vsp-pane[data-pane="ta"] .ta-title{
  margin:0;
  font-size:1rem;
  font-weight:700;
  color:var(--vsp-dark);
}
.vsp-pane[data-pane="ta"] .ta-unit{
  font-size:.95rem;
  font-weight:600;
  color:var(--vsp-dark);
  opacity:1;
}

.vsp-pane[data-pane="ta"] .ta-toprow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:.25rem .25rem 1.1rem;
}
.vsp-pane[data-pane="ta"] .ta-left{
  display:flex;
  align-items:center;
  gap:.5rem;
}
.vsp-pane[data-pane="ta"] .ta-filter__label{
  font-size:.9rem;
  color:var(--vsp-body);
  opacity:.85;
  margin-right:.1rem;
}
.vsp-pane[data-pane="ta"] .ta-right{
  display:flex;
  align-items:center;
}
.vsp-pane[data-pane="ta"] .ta-mode{
  font-size:.95rem;
  color:var(--vsp-body);
  opacity:.9;
  white-space:nowrap;
}
.vsp-pane[data-pane="ta"] .ta-mode .is-active{
  color:var(--vsp-dark);
  font-weight:700;
  opacity:1;
}
.vsp-pane[data-pane="ta"] .ta-mode .ta-spacer{
  display:inline-block;
  width:.25rem;
}

.vsp-pane[data-pane="ta"] .ta-sectionlabel{
  margin:.75rem .25rem .5rem;
  font-size:1rem;
  font-weight:800;
  color:var(--vsp-dark);
}

.vsp-pane[data-pane="ta"] .ta-metrics{
  display:grid;
  grid-template-columns:2fr repeat(4,1fr);
  gap:.75rem;
  padding:.75rem;
  margin:.25rem 0 1rem;
  border:1px solid var(--vsp-light);
  border-radius:4px;
  background:#fff;
}
.vsp-pane[data-pane="ta"] .ta-metric{
  padding:.6rem .75rem;
  border-radius:4px;
}
.vsp-pane[data-pane="ta"] .ta-metric__label{
  font-size:.85rem;
  color:var(--vsp-body);
  opacity:.85;
  font-weight:700;
  margin:0 0 .2rem;
}
.vsp-pane[data-pane="ta"] .ta-metric__value{
  font-size:1rem;
  font-weight:800;
  letter-spacing:.2px;
  color:var(--vsp-dark);
}
.vsp-pane[data-pane="ta"] .ta-kpi strong{
  font-size:1.5rem;
  letter-spacing:0;
}
.vsp-pane[data-pane="ta"] .ta-unit-inline{
  font-size:1rem;
  font-weight:700;
  margin-left:.25rem;
}
.vsp-pane[data-pane="ta"] .ta-metric__range{
  margin-top:.25rem;
  font-size:.65rem;
  color:var(--vsp-body);
  opacity:.9;
}
.vsp-pane[data-pane="ta"] .ta-up{color:var(--vsp-teal)}
.vsp-pane[data-pane="ta"] .ta-down{color:#e11d48}

.vsp-pane[data-pane="ta"] .ta-indicators{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.75rem;
  margin:.25rem 0 0;
}
.vsp-pane[data-pane="ta"] .ta-indcard{
  position:relative;
  border:1px solid var(--vsp-light);
  background:#fff;
  border-radius:4px;
  padding:1rem 3.5rem 1rem 1rem;
  display:grid;
  gap:.25rem;
}
.vsp-pane[data-pane="ta"] .ta-ind__label{
  font-size:.85rem;
  color:var(--vsp-body);
  opacity:.85;
  font-weight:700;
}
.vsp-pane[data-pane="ta"] .ta-ind__value{
  font-size:1.15rem;
  font-weight:800;
  color:var(--vsp-dark);
}
.vsp-pane[data-pane="ta"] .ta-strong{
  font-weight:800;
  color:var(--vsp-dark);
}
.vsp-pane[data-pane="ta"] .ta-ind__badge{
  position:absolute;
  right:.9rem;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:800;
  border:1px solid var(--vsp-light);
}
.vsp-pane[data-pane="ta"] .ta-bad--down{
  background:rgba(225,29,72,.12);
  color:#e11d48;
  font-size:.75rem;
}

/* =========================================================
   Market → News
   ========================================================= */
.vsp-pane[data-pane="news"] .news-layout{
  display:grid;
  grid-template-columns:16rem 1fr;
  gap:1rem;
}

.vsp-pane[data-pane="news"] .news-rail{
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:8px;
  padding:.5rem;
  display:grid;
  align-content:start;
  gap:.65rem;
}
.vsp-pane[data-pane="news"] .news-search{
  height:36px;
  width:100%;
  border:1px solid var(--vsp-light);
  border-radius:4px;
  padding:0 .65rem;
  font-size:.92rem;
  color:var(--vsp-body);
  background:var(--vsp-ultra);
}
.vsp-pane[data-pane="news"] .news-search::placeholder{
  color:var(--vsp-body);
  opacity:.55;
}

.vsp-pane[data-pane="news"] .news-catlist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.35rem;
}
.vsp-pane[data-pane="news"] .news-cat a{
  display:block;
  text-decoration:none;
  color:var(--vsp-body);
  padding:.1rem .6rem;
  border:1px solid var(--vsp-light);
  border-radius:4px;
  font-size:.7rem;
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
  background:var(--vsp-white);
}
.vsp-pane[data-pane="news"] .news-cat a:hover{
  background:var(--vsp-purple-12);
  border-color:var(--vsp-purple);
  color:var(--vsp-purple);
  transform:translateX(1px);
}
.vsp-pane[data-pane="news"] .news-cat a.is-active{
  background:var(--vsp-purple);
  border-color:var(--vsp-light);
  color:var(--vsp-white);
  font-weight:700;
}

.vsp-pane[data-pane="news"] .news-stream{
  display:grid;
  gap:1rem;
}
.vsp-pane[data-pane="news"] .news-card{
  background:var(--vsp-ultra);
  border:1px solid var(--vsp-light);
  border-radius:4px;
  padding:.25rem 1.1rem .25rem;
  box-shadow:0 6px 20px rgba(3,12,56,.08);
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
  color:var(--vsp-dark);
}
.vsp-pane[data-pane="news"] .news-card:hover{
  background:var(--vsp-purple);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(3,12,56,.16);
}
.vsp-pane[data-pane="news"] .news-meta{
  font-size:.65rem;
  color:inherit;
  opacity:.9;
  margin:0 0 .5rem;
}
.vsp-pane[data-pane="news"] .news-title{
  margin:.25rem 0 .45rem;
  font-size:1rem;
  line-height:1.25;
  font-weight:600;
  color:inherit;
}
.vsp-pane[data-pane="news"] .news-desc{
  margin:0 0 .7rem;
  font-size:.75rem;
  line-height:1.45;
  color:inherit;
  opacity:.95;
}
.vsp-pane[data-pane="news"] .news-date{
  font-size:.875rem;
  font-weight:600;
  color:inherit;
  opacity:.9;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
}
.vsp-pane[data-pane="news"] .news-date::before{
  content:"▣";
  font-size:.8rem;
  opacity:.9;
}

@media (max-width:70rem){
  .vsp-pane[data-pane="news"] .news-layout{
    grid-template-columns:14rem 1fr;
  }
}
@media (max-width:52rem){
  .vsp-pane[data-pane="news"] .news-layout{grid-template-columns:1fr}
}

/* =========================================================
   Notifications drawer
   ========================================================= */
.vsp-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,12,56,.45);
  display:none;
  z-index:6;
  border-radius:inherit;
}
.vsp-backdrop.is-open{display:block}
.vsp-stage .vsp-drawerwrap{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  display:none;
  z-index:7;
}
.vsp-stage .vsp-drawerwrap.is-open{display:block}
.vsp-drawer{
  width:30rem;
  height:100%;
  background:var(--vsp-white);
  border-left:1px solid var(--vsp-light);
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  box-shadow:-8px 0 24px rgba(3,12,56,.15);
  display:flex;
  flex-direction:column;
}
.vsp-drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.8rem 1rem;
  border-bottom:1px solid var(--vsp-light);
}
.vsp-drawer__title{
  font-size:1rem;
  font-weight:700;
  color:var(--vsp-dark);
}
.vsp-drawer__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  border-radius:var(--vsp-radius);
  text-decoration:none;
}
.vsp-drawer__close:hover{background:var(--vsp-purple-12)}
.vsp-drawer__body{
  padding:.6rem .9rem .5rem;
  flex:1 1 auto;
}

.vsp-note{
  border-radius:8px;
  display:flex;
  gap:.55rem;
  align-items:flex-start;
  margin:.45rem 0;
  background:var(--vsp-ultra);
  transition:background-color .3s ease,color .3s ease;
}
.vsp-note:hover{background:var(--vsp-purple)}
.vsp-note__title,
.vsp-note__emph,
.vsp-note__meta{
  transition:color .3s ease;
}
.vsp-note:hover .vsp-note__title,
.vsp-note:hover .vsp-note__emph,
.vsp-note:hover .vsp-note__meta{
  color:var(--vsp-white);
}
.vsp-note.vsp-card{padding:.55rem .65rem}
.vsp-note__iconwrap{
  flex:0 0 auto;
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:4px;
  padding:.35rem;
  display:grid;
  place-items:center;
}
.vsp-note__iconwrap img{
  filter:brightness(0) saturate(100%) invert(22%) sepia(92%) saturate(2648%) hue-rotate(231deg) brightness(92%) contrast(98%);
}
.vsp-note__content{display:grid;gap:.1rem}
.vsp-note__title{
  font-weight:700;
  color:var(--vsp-dark);
  font-size:.9rem;
  line-height:1.25;
}
.vsp-note__emph{
  font-weight:700;
  color:var(--vsp-dark);
  font-size:.92rem;
}
.vsp-note__meta{
  font-size:.7rem;
  color:var(--vsp-body);
  opacity:.85;
}

.vsp-drawer__section{
  border-top:1px solid var(--vsp-light);
  padding:.75rem .9rem;
  margin-top:auto;
}
.vsp-list--notify{
  border-top:none;
  padding-top:.2rem;
}
.vsp-list--notify .vsp-listrow{
  border-bottom:none;
  padding:.45rem 0;
}
.vsp-personal{
  border-radius:8px;
  background:var(--vsp-purple-12);
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-top:.35rem;
}
.vsp-personal.vsp-card{padding:.6rem .65rem}
.vsp-toggle{
  display:inline-flex;
  align-items:center;
}
.vsp-toggle img{
  display:block;
  width:42px;
  height:24px;
}
.vsp-toggle.is-on img{
  filter:brightness(0) saturate(100%) invert(22%) sepia(92%) saturate(2648%) hue-rotate(231deg) brightness(95%) contrast(98%);
}

/* =========================================================
   Chatbot
   ========================================================= */
/* Remove outer border/padding on the chatbot card */
.vsp-solosection[data-section="chatbot"] > .vsp-card.vsp-chat {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
   
.vsp-solosection > .vsp-card{
  height:100%;
  display:flex;
  flex-direction:column;
}
.vsp-chat{
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,280px);
  gap:1rem;
  min-height:28rem;
}
.vsp-chat__col{
  display:flex;
  flex-direction:column;
  gap:.75rem;
  max-height: 350px;
  overflow-y: auto;
}
.vsp-chat__sidewrap{
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:8px;
  padding:.75rem;
}
.vsp-chat__stream{
  display:grid;
  gap:.75rem;
}
.vsp-chat__placeholder{
  color:var(--vsp-body);
  opacity:.75;
  padding:.75rem;
  border:1px dashed var(--vsp-light);
  border-radius:8px;
}
.vsp-msg{
  max-width:72%;
  padding:.6rem .75rem;
  border-radius:8px;
  font-size:.92rem;
  line-height:1.35;
  animation:vsp-pop .18s ease-out;
}
.vsp-msg--user{
  margin-left:auto;
  background:var(--vsp-purple);
  color:#fff;
  border-top-right-radius:8px;
}
.vsp-msg--bot{
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  color:var(--vsp-body);
  box-shadow:0 1px 0 rgba(3,12,56,.03);
}
.vsp-chat__composer{
  display:flex;
  gap:.5rem;
  align-items:center;
  padding-top:.25rem;
}
.vsp-input{
  flex:1;
  height:38px;
  border:1px solid var(--vsp-light);
  border-radius:8px !important;
  padding:0 .75rem;
  background:var(--vsp-white);
  color:var(--vsp-body);
  font-size:.92rem;
}
.vsp-input:focus {
  outline: none !important;
}

.vsp-send{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 .9rem;
  height:38px;
  border-radius:8px;
  background:var(--vsp-purple);
  color:#fff !important;
  text-decoration:none;
  font-weight:600;
  font-size:.92rem;
  transition:background .15s ease;
}
.vsp-send:hover{background:#4F46E5E6}
.vsp-chat__footnote{
  text-align:center;
  font-size:.78rem;
  color:var(--vsp-body);
  opacity:.75;
  margin-top:.25rem;
}
.vsp-prompts{
  display:grid;
  gap:.5rem;
  margin-top:.5rem;
}
.vsp-prompt{
  display:block;
  text-decoration:none;
  padding:.6rem .7rem;
  border:1px solid var(--vsp-light);
  border-radius:8px;
  background:var(--vsp-white);
  transition:background .15s ease,border-color .15s ease,color .15s ease;
  font-size:.9rem;
  line-height:1.25;
}
.vsp-prompt:link,
.vsp-prompt:visited{
  color:var(--vsp-body);
}
.vsp-prompt:hover{
  background:var(--vsp-purple-12);
  border-color:var(--vsp-purple);
  color:var(--vsp-purple);
}
.vsp-typing{
  display:inline-grid;
  grid-auto-flow:column;
  gap:.2rem;
}
.vsp-typing i{
  width:.28rem;
  height:.28rem;
  border-radius:50%;
  background:var(--vsp-body);
  opacity:.5;
  animation:vsp-blink 1.1s infinite;
}
.vsp-typing i:nth-child(2){animation-delay:.15s}
.vsp-typing i:nth-child(3){animation-delay:.3s}

@keyframes vsp-pop{
  from{transform:translateY(4px);opacity:0}
  to{transform:translateY(0);opacity:1}
}
@keyframes vsp-blink{
  0%,80%,100%{opacity:.3}
  40%{opacity:1}
}

.vsp-comingsoon {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--vsp-purple);
}

/* =========================================================
   Focus / accessibility
   ========================================================= */
.vsp-navlink:focus-visible,
.vsp-subtab:focus-visible,
.vsp-send:focus-visible,
.vsp-input:focus-visible{
  outline:3px solid var(--vsp-teal);
  outline-offset:2px;
}

/* =========================================================
   Responsive core layout
   ========================================================= */
.vsp-sidebar,
.vsp-main,
.vsp-stage{
  min-width:0;        /* allow them to shrink inside the grid */
  max-width:100%;     /* don’t grow beyond the viewport width */
  box-sizing:border-box;
}
 
/* ===============================
   Forecasts → AI-Forecast
   =============================== */

/* chart area */
.vsp-pane[data-pane="ai"] .vsp-chartwrap{position:relative}
.vsp-pane[data-pane="ai"] .vsp-chart{
  width:100%;
  height:360px;
  display:block;
  font-family:inherit;
}
.vsp-pane[data-pane="ai"] .vsp-layer-grid line{
  stroke:var(--vsp-light);
  stroke-width:1;
  stroke-linecap:round;
  stroke-dasharray:2 10;
  opacity:.9;
}
.vsp-pane[data-pane="ai"] .vsp-xline{stroke:var(--vsp-light)}

/* series colours (3 products) */
#vspAIForecastChart .s1{stroke:#4F46E5}
#vspAIForecastChart .s2{stroke:#33CDC6}
#vspAIForecastChart .s3{stroke:#5CA6FF}

/* line styles */
#vspAIForecastChart .vsp-path{
  fill:none;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
  transition:stroke-dashoffset 900ms ease-out;
}
#vspAIForecastChart .hist{stroke-dasharray:0}
#vspAIForecastChart .fore{stroke-dasharray:6 10!important}

/* remove old purple future shade */
#vspAIForecastChart .ai-future{display:none!important}

/* forecast cones */
#vspAIForecastChart .ai-cone{
  fill-opacity:.12;
  pointer-events:none;
}
#vspAIForecastChart .ai-cone.c1{fill:#4F46E5}
#vspAIForecastChart .ai-cone.c2{fill:#33CDC6}
#vspAIForecastChart .ai-cone.c3{fill:#5CA6FF}

/* horizon badge */
#vspAIForecastChart .ai-badge{
  position:absolute;
  left:12px;
  top:12px;
  background:var(--vsp-white);
  border:1px solid var(--vsp-light);
  border-radius:4px;
  padding:.4rem .6rem;
  font-size:.75rem;
  color:var(--vsp-dark);
  box-shadow:0 2px 10px rgba(3,12,56,.08);
}

/* compact legend */
#vspAIForecastChart .ai-legend{
  display:flex;
  align-items:center;
  gap:.45rem;
  flex-wrap:wrap;
  font-size:.84rem;
  color:var(--vsp-dark);
  margin:.35rem .1rem 0;
}
#vspAIForecastChart .ai-leglbl{
  color:var(--vsp-body);
  opacity:.8;
  margin-right:.2rem;
}
#vspAIForecastChart .ai-key{
  width:16px;
  height:12px;
  border-radius:2px;
  display:inline-block;
}
#vspAIForecastChart .ai-k1{background:#4F46E5}
#vspAIForecastChart .ai-k2{background:#33CDC6}
#vspAIForecastChart .ai-k3{background:#5CA6FF}
#vspAIForecastChart .ai-spacer{flex:1}
#vspAIForecastChart .ai-line{
  width:22px;
  height:0;
  border-top:3px solid var(--vsp-dark);
  display:inline-block;
  border-radius:999px;
  opacity:.7;
}
#vspAIForecastChart .ai-line.solid{border-top-color:var(--vsp-dark)}
#vspAIForecastChart .ai-line.dash{border-top-style:dashed}

/* historical accuracy row */
#vspAIForecastChart .ai-accuracy{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  font-size:.8rem;
  color:var(--vsp-body);
  margin:.35rem .1rem 0;
}
#vspAIForecastChart .ai-acc__label{
  color:var(--vsp-dark);
  font-weight:700;
  margin-right:.25rem;
}
#vspAIForecastChart .ai-accuracy b{
  color:var(--vsp-dark);
  font-weight:700;
}
#vspAIForecastChart .ai-accuracy i{
  opacity:.75;
  font-style:normal;
}

@media (prefers-reduced-motion:reduce){
  #vspAIForecastChart .vsp-path{
    transition:none!important;
    stroke-dasharray:0!important;
  }
}

/* =========================================================
   Cost Models (solo section: nav → Cost models)
   ========================================================= */

/* outer card */
.vsp-solosection[data-section="costs"] > .vsp-card{
  border:none;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.vsp-solosection[data-section="costs"]{min-height:32rem}

.cm-board{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:0;
}

/* top header */
.cm-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.25rem .8rem;
  border-radius:4px;
  background:var(--vsp-ultra);
  border:1px solid var(--vsp-light);
  font-size:.85rem;
}
.cm-header-left{
  position:relative;
  display:flex;
  align-items:center;
  gap:.6rem;
}

/* anchor styled as button */
.cm-select{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .7rem;
  border-radius:4px;
  border:1px solid var(--vsp-light);
  background:#fff;
  font-size:.875rem;
  font-weight:400;
  color:var(--vsp-purple) !important;
  text-decoration:none;
  cursor:pointer;
}
.cm-select:focus-visible{
  outline:3px solid var(--vsp-purple);
  outline-offset:2px;
}
.cm-select-caret{
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid currentColor;
  opacity:.7;
  transform:translateY(1px);
}
.cm-share{
  font-size:.8rem;
  color:var(--vsp-body);
  opacity:.85;
}

/* dropdown menu */
.cm-select-menu{
  position:absolute;
  top:calc(100% + .4rem);
  left:0;
  width:15rem;
  background:#fff;
  border-radius:4px;
  border:1px solid var(--vsp-light);
  box-shadow:0 10px 25px rgba(3,12,56,.12);
  padding:.3rem;
  display:none;
  z-index:4;
}
.cm-select-item{
  display:block;
  width:100%;
  text-align:left;
  border:none;
  background:transparent;
  padding:.4rem .6rem;
  border-radius:4px;
  font-size:.875rem;
  color:var(--vsp-body) !important;
  text-decoration:none;
  cursor:pointer;
}
.cm-select-item:hover{
  background:var(--vsp-purple-12);
  color:var(--vsp-purple) !important;
}
.cm-select-item--cta{
  margin-top:.25rem;
  background:var(--vsp-purple);
  color:#fff !important;
  font-weight:600;
}
.cm-select-item--cta:hover{
  background:#4F46E5E6;
  color:#fff !important;
}

/* open state on wrapper */
.vsp-solosection[data-section="costs"].cm-select-open .cm-select-menu{
  display:block;
}

/* right side of header */
.cm-header-right{
  text-align:right;
  white-space:nowrap;
}
.cm-price-label{
  font-size:.5rem;
  color:var(--vsp-body);
  opacity:.8;
}
.cm-price-main{
  display:inline-flex;
  align-items:baseline;
  gap:.3rem;
}
.cm-price-number{
  font-size:1.25rem;
  font-weight:800;
  color:var(--vsp-purple);
}
.cm-price-unit{
  font-size:.5rem;
  color:var(--vsp-body);
}

/* KPI row */
.cm-kpis{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.5rem;
}
.cm-kpi{
  padding:.15rem .65rem;
  border-radius:4px;
  background:#fff;
  border:1px solid var(--vsp-light);
}
.cm-kpi-label{
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--vsp-body);
  opacity:.8;
}
.cm-kpi-value{
  margin-top:.15rem;
  font-size:.875rem;
  font-weight:700;
}
.cm-kpi-arrow{font-size:.5rem}
.cm-kpi-down{color:#e11d48}
.cm-kpi-up{color:var(--vsp-teal)}

/* main grid */
.cm-grid{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(0,1.2fr);
  gap:.75rem;
  align-items:start;
}
.cm-column{
  display:flex;
  flex-direction:column;
}

/* shared card */
.cm-card{
  background:#fff;
  border-radius:.9rem;
  border:1px solid var(--vsp-light);
  padding:.75rem .8rem;
  font-size:.85rem;
}
.cm-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.55rem;
}
.cm-card-head--tight{margin-bottom:.3rem}
.cm-card-title{
  font-size:.875rem;
  font-weight:700;
  color:var(--vsp-dark);
}
.cm-card-sub{
  font-size:.65rem;
  color:var(--vsp-body);
  opacity:.85;
}

/* Total price trend */
.cm-pillgroup{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  font-size:.7rem;
}
.cm-pill{
  padding:0 .6rem;
  border-radius:4px;
  border:1px solid rgba(208,216,230,.9);
  background:#fff;
  color:var(--vsp-body);
  font-weight:600;
  text-transform:none;
}
.cm-pill.is-active{
  background:var(--vsp-purple);
  border-color:var(--vsp-purple);
  color:#fff;
}
.cm-pill:not(.is-active){
  cursor:default;
  opacity:.8;
}

/* Recipe section */
.cm-recipe{margin-top:.25rem}

/* header row */
.cm-recipe-headrow{
  display:grid;
  grid-template-columns:minmax(0,2fr) 1.1fr 1.4fr .9fr 1.2fr;
  align-items:end;
  column-gap:.5rem;
  padding-bottom:.35rem;
  border-bottom:1px solid rgba(208,216,230,.7);
  margin-bottom:.3rem;
}
.cm-recipe-head-main{
  font-size:.6rem;
  font-weight:400;
  color:var(--vsp-dark);
}
.cm-recipe-head-cols{
  display:contents;
  font-size:.6rem;
}
.cm-recipe-head-cols span{white-space:nowrap}
.cm-headunit{opacity:.8}

/* rows */
.cm-recipe-rows{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  margin-top:.25rem;
}
.cm-recipe-row{
  display:grid;
  grid-template-columns:minmax(0,2fr) 1.1fr 1.4fr .9fr 1.2fr auto;
  column-gap:.5rem;
  align-items:center;
  min-height:32px;
  font-size:.5rem;
}

/* material pseudo-select */
.cm-fauxselect-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.03rem .55rem;
  border-radius:4px;
  border:1px solid var(--vsp-light);
  background:var(--vsp-ultra);
  font-size:.5rem;
  color:var(--vsp-dark) !important;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cm-fauxselect-row span:first-child{
  overflow:hidden;
  text-overflow:ellipsis;
}

/* numeric pill fields */
.cm-cell-pill{
  padding:.03rem .5rem;
  border-radius:4px;
  border:1px solid rgba(208,216,230,.85);
  font-variant-numeric:tabular-nums;
}
.cm-align-right{text-align:right}

/* plus/minus control */
.cm-cell-stepper{
  display:flex;
  justify-content:flex-end;
}
.cm-stepper{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  width:90px;
  gap:.35rem;
  padding:.25rem .4rem;
  border-radius:4px;
  background:#f6f7fb;
  border:1px solid rgba(208,216,230,.85);
}
.cm-stepper-btn{
  width:16px;
  height:16px;
  border-radius:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.7rem;
  font-weight:600;
  color:var(--vsp-purple);
  background:#fff;
  border:1px solid rgba(208,216,230,.9);
}
.cm-stepper-value{font-variant-numeric:tabular-nums}

/* remove icon */
.cm-cell-remove{
  font-size:.85rem;
  color:#c4c7d4;
  cursor:default;
  padding:.1rem .25rem;
}

/* shared tables */
.cm-table-wrap{
  border-radius:4px;
  overflow:hidden;
}
.cm-table{
  width:100%;
  border-collapse:collapse;
  font-size:.5rem;
}
.cm-table th,
.cm-table td{
  padding:.4rem .55rem;
  text-align:left;
  white-space:nowrap;
}
.cm-table th{
  background:var(--vsp-white);
  font-weight:600;
  color:var(--vsp-body);
  font-size:.6rem;
}
.cm-table tbody tr:hover{background:var(--vsp-ultra)}
.cm-table td:last-child{text-align:right}

.cm-links{
  margin-top:.25rem;
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  font-size:.65rem;
}
.cm-links--single{justify-content:flex-start}
.cm-link{
  text-decoration:none;
  color:var(--vsp-purple) !important;
  font-weight:600;
}
.cm-link:hover{text-decoration:underline}

/* right column trend chart */
.cm-mini-chart{
  width:100%;
  height:80px;
  color:var(--vsp-purple);
}
.cm-trend-axis{
  display:flex;
  justify-content:space-between;
  font-size:.5rem;
  color:var(--vsp-body);
  opacity:.8;
}

/* Non-ingredient costs */
.cm-card-head--noning{
  align-items:center;
  background:var(--vsp-purple-12);
  padding:.25rem .8rem;
  border-radius:4px;
}

/* fake toggle */
.cm-toggle{
  flex:0 0 auto;
  width:20px;
  height:11px;
  border-radius:999px;
  border:none;
  padding:0;
  margin:0;
  background:var(--vsp-purple);
  position:relative;
}
.cm-toggle-knob{
  position:absolute;
  top:1.5px;
  left:10px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
}

/* country / industry filters */
.cm-filters{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.6rem;
  margin:.5rem 0 .55rem;
}
.cm-filter-label{
  font-size:.75rem;
  color:var(--vsp-body);
  opacity:.85;
}
.cm-fauxselect{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 .55rem;
  border-radius:4px;
  border:1px solid var(--vsp-light);
  background:var(--vsp-ultra);
  font-size:.7rem;
}
.cm-caret{
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid var(--vsp-body);
  opacity:.5;
  transform:translateY(1px);
}

/* compact table */
.cm-table-wrap--compact th{border:none!important}
.cm-table.cm-table--compact th,
.cm-table.cm-table--compact td{
  padding:.3rem .55rem;
  border:none!important;
  background:#fff;
}
.cm-table.cm-table--compact th:nth-child(2),
.cm-table.cm-table--compact td:nth-child(2){
  text-align:right;
}
.cm-table.cm-table--compact th:nth-child(3),
.cm-table.cm-table--compact td:nth-child(3){
  text-align:right;
}
.cm-table.cm-table--compact tbody tr.is-emphasis{
  background:#f1f5ff;
  font-weight:600;
}

/* borderless recipe / trend / non-ingredient cards */
.cm-card--recipe,
.cm-card--trend,
.cm-card--noning{
  border:none!important;
  box-shadow:none!important;
  background:#fff;
  padding:.5rem .5rem;
}

/* Pills inside cost model dropdown */
.cm-select-groups{
  display:flex;
  align-items:center;
  gap:.35rem;
  padding:.25rem .25rem .35rem;
  margin:-.1rem -.1rem .15rem;
  overflow-x:auto;
}

.cm-select-pill{
  flex:0 0 auto;
  border-radius:4px;
  padding:.15rem .6rem;
  font-size:.7rem;
  background:var(--vsp-ultra);
  color:var(--vsp-body);
  white-space:nowrap;
}

.cm-select-pill--active{
  position:relative;
  background:var(--vsp-purple-12);
  color:var(--vsp-purple);
}

/* =========================================
   Global responsive rules (≤ 60rem)
   ========================================= */
@media (max-width:60rem){

  /* -------------------------
     1. Core layout
     ------------------------- */

  /* App becomes single column, but cannot scroll sideways */
  .vsp-app{
    grid-template-columns:1fr;
    overflow-x:hidden;              /* prevent whole widget from scrolling horizontally */
  }

  /* Sidebar (tabs) on top */
  .vsp-sidebar{
    order:0;
    margin-bottom:.75rem;
    padding:.5rem;
    background:#fff;
  }

  .vsp-main{
    order:1;
  }

  /* MAIN TABS: horizontally scrollable, same look */
  .vsp-navlist{
    display:flex;                   /* instead of grid */
    flex-wrap:nowrap;
    gap:.375rem;
    overflow-x:auto;                /* scroll only this row */
    -webkit-overflow-scrolling:touch;
    padding:0 .5rem .75rem;
    margin:0 0 .75rem;              /* fixed typo (was 0.75re) */
    max-width:100%;
  }

  .vsp-navlist > li{
    flex:0 0 auto;                  /* tabs keep natural width and scroll */
  }

  .vsp-navlist::-webkit-scrollbar{
    height:0;                       /* optional: hide scrollbar track */
  }

  /* SUBTABS: same behaviour, bit of spacing */
  .vsp-subtabs{
    margin:.5rem 0 .75rem;
  }

  .vsp-subtabs.is-active{
    display:flex;
    flex-wrap:nowrap;
    gap:.5rem;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:0 0 .75rem;
    margin:0;
    max-width:100%;
  }

  .vsp-subtabs.is-active .vsp-subtab{
    flex:0 0 auto;
  }

  .vsp-subtabs::-webkit-scrollbar{
    height:0;
  }

.vsp-pane--strip .vsp-card__head,
  .vsp-pane[data-pane="ta"] .ta-head{
    margin-left:0;
    margin-right:0;
  }

  /* Dates bands that were margin:0 -1rem 1rem */
  .vsp-pane[data-pane="prices"]   .vsp-dates,
  .vsp-pane[data-pane="futures"]  .vsp-dates,
  .vsp-pane[data-pane="transport"].vsp-dates,
  .vsp-pane[data-pane="supply"]   .vsp-dates,
  .vsp-pane[data-pane="weather"]  .vsp-dates{
    margin:0 0 1rem;
  }

  /* Prices watchbar (had margin:0 -1rem) */
  .vsp-pane[data-pane="prices"] .vsp-watchbar{
    margin:0;
  }

  /* Transport bits that used full-width bleed */
  .transport-divider{
    margin:.25rem 0 0;
  }
  .transport-routes{
    margin:0;
  }

  /* Generic grid + other pieces */
  .vsp-grid{grid-template-columns:1fr}
  .vsp-drawer{width:20rem}
  .vsp-chat{grid-template-columns:1fr}



  /* -------------------------
     2. Prices pane – padding & alignment
     ------------------------- */

/* -------------------------
   2. Dashboard panes – padding & alignment
   (Prices, Futures, Transport, Supply, Weather)
   ------------------------- */

/* Remove inner card side padding so header/dates/watchbar
   line up with list content */
.vsp-pane[data-pane="prices"]    > .vsp-card,
.vsp-pane[data-pane="futures"]   > .vsp-card,
.vsp-pane[data-pane="transport"] > .vsp-card,
.vsp-pane[data-pane="supply"]    > .vsp-card,
.vsp-pane[data-pane="weather"]   > .vsp-card,
.vsp-pane[data-pane="ai"]        > .vsp-card{          /* NEW */
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Header bar directly under subtabs */
.vsp-pane[data-pane="prices"]    .vsp-card__head,
.vsp-pane[data-pane="futures"]   .vsp-card__head,
.vsp-pane[data-pane="transport"] .vsp-card__head,
.vsp-pane[data-pane="supply"]    .vsp-card__head,
.vsp-pane[data-pane="weather"]   .vsp-card__head,
.vsp-pane[data-pane="ai"]        .vsp-card__head{      /* NEW */
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Technical analysis header strip under subtabs */
.vsp-pane[data-pane="ta"] .ta-head{
  padding-left:0 !important;
  padding-right:0 !important;
}


/* Header bar directly under subtabs */
.vsp-pane[data-pane="prices"]  .vsp-card__head,
.vsp-pane[data-pane="futures"] .vsp-card__head,
.vsp-pane[data-pane="transport"] .vsp-card__head,
.vsp-pane[data-pane="supply"]   .vsp-card__head,
.vsp-pane[data-pane="weather"]  .vsp-card__head{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Dates rows under the header */
.vsp-pane[data-pane="prices"]   .vsp-dates,
.vsp-pane[data-pane="futures"]  .vsp-dates,
.vsp-pane[data-pane="transport"] .vsp-dates,
.vsp-pane[data-pane="supply"]   .vsp-dates,
.vsp-pane[data-pane="weather"]  .vsp-dates{
  padding-left:0 !important;
  padding-right:0 !important;
}


  /* Watchbar – make padding match WPI section */
  .vsp-pane[data-pane="prices"] .vsp-watchbar,
  .vsp-pane[data-pane="prices"] .vsp-watchbar__dates,
  .vsp-pane[data-pane="prices"] .vsp-watchbar__product,
  .vsp-pane[data-pane="prices"] .vsp-watchbar__actions{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Watchbar dates: remove right border + push second date to the right */
  .vsp-pane[data-pane="prices"] .vsp-watchbar__dates{
    border-right:none;
    justify-content:space-between;
    flex:1 1 auto;
  }
  .vsp-pane[data-pane="prices"] .vsp-watchbar__dates .vsp-watchbar__dateblock{
    flex:1 1 0;
  }
  .vsp-pane[data-pane="prices"] .vsp-watchbar__dates .vsp-watchbar__dateblock:last-child{
    text-align:right;               /* “05 Nov WOW” on the right */
  }

  /* Extra watchbar tweaks that previously lived at 48rem:
     still useful for all small screens; generic .elementor-58779 .elementor-element.elementor-element-f4d7fa8s
     won’t override the more specific Prices rules above */
  .vsp-pane[data-pane="prices"] .vsp-watchbar{
    grid-template-columns:1fr;
    row-gap:.4rem;
  }
  .vsp-watchbar__dates{
    justify-content:flex-start;
    gap:1.25rem;
  }
  .vsp-watchbar__product{
    justify-self:flex-start;
  }
  .vsp-watchbar__actions{
    justify-content:flex-start;
  }



  /* -------------------------
     3. Expert Outlook
     ------------------------- */

  /* Collapse cards to single column on small screens */
  .vsp-pane[data-pane="expert"] .xp-grid{
    grid-template-columns:1fr;
  }



  /* -------------------------
     4. Technical Analysis
     ------------------------- */

  .vsp-pane[data-pane="ta"] .ta-metrics{
    grid-template-columns:1fr 1fr;
  }

  .vsp-pane[data-pane="ta"] .ta-indicators{
    grid-template-columns:1fr;
  }



  /* -------------------------
     5. News layout
     ------------------------- */

  /* Stack rail + stream into a single column */
  .vsp-pane[data-pane="news"] .news-layout{
    grid-template-columns:1fr;
  }



  /* -------------------------
     6. Cost Models
     ------------------------- */

  .cm-grid{
    grid-template-columns:1fr;
  }

  .cm-recipe-row{
    grid-template-columns:
      minmax(0,2.3fr)
      1.1fr
      1.5fr
      .9fr
      1.2fr
      auto;
  }

  .cm-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .cm-header-right{
    text-align:left;
  }
  
  .cm-select, .cm-share, .cm-select-pill, .cm-select-item{
      font-size:0.5rem;
      padding:0 0.75rem;
  }

.cm-recipe-headrow{
    display:none;
}

.cm-recipe-row, .cm-cell-pill{
    font-size:0.4rem;
}

  .cm-kpis{
    grid-template-columns:1fr;
  }

  .cm-recipe-headrow{
    grid-template-columns:1fr;
  }

  .cm-recipe-head-cols{
    margin-top:.25rem;
  }
  
  .cm-column--left > .cm-card--recipe,
  .cm-column--left > .cm-links,
  .cm-column--right > .cm-card--trend,
  .cm-column--right > .cm-card--noning {
    padding-left: 0;
    padding-right: 0;
  }
  
  /* -------------------------
     7. Futures
     ------------------------- */  
  #vspFuturesChart .fsp-info{
    left:50%;
    top:.5rem;
    transform:translateX(-50%);
    max-width:calc(100% - 2rem); /* small side gutters */
  }
  
  /* Entire panel */
  .fsp-info{
    font-size:50%; /* base scaling */
    padding:.25rem .35rem;
  }
  
    .fsp-grouphead{
    padding:.15rem 0;               /* reduce vertical padding */
  }

  /* Search bar */
  .vsp-searchbar{
    font-size:0.5rem !important;
  }

  /* Commodity pills */
  .fsp-commodities{
    gap:.2rem;
  }
  .fsp-pill,
  .fsp-pill--active{
    font-size:0.5rem !important;
    padding:0 .4rem;
  }

  /* Group titles */
  .fsp-group-title{
    font-size:0.5rem !important;
  }

  /* +/- toggle */
  .fsp-toggle{
    font-size:0.5rem !important;
  }

  /* Option rows */
  .fsp-option-label{
    font-size:0.5rem !important;
  }

  .fsp-radio{
    transform:scale(.7); /* keep proportional */
  }

  .fsp-flag{
    width:8px !important;
    height:auto;
  }

  /* "is-selected" option */
  .fsp-option.is-selected .fsp-radio{
    transform:scale(.7);
  }
  
  /* -------------------------
     8. Transport
     ------------------------- */  
     
  /* Make the lanes stack vertically */
  .transport-routes{
    display:block !important;
    border-bottom:0;  /* optional cleaner look */
  }

  .routes-container{
    display:block !important;
  }

  /* Each lane becomes full-width and stacked */
  .route-col{
    width:100% !important;
    border-right:0 !important; /* remove column dividers */
    padding:1rem 0 !important;
    border-bottom:1px solid var(--vsp-light);
  }

  /* Remove bottom border on last route */
  .route-col:last-child{
    border-bottom:none !important;
  }

  /* -------------------------
     9. Supply
     ------------------------- */  
     
  #vspSupplyChart .cc-filter__label,
  #vspSupplyChart .cc-fauxselect,
  #vspSupplyChart .supply-range{
    font-size:0.5rem;
  }
  
#vspSupplyChart .cc-fauxselect{
    padding:0 0.45rem;
}  
  
  /* -------------------------
     10. Weather
     ------------------------- */    

  #vspCropCalendar .cc-filter__label {
    font-size: .5rem;
  }

  #vspCropCalendar .cc-fauxselect {
    padding: 0 .45rem;
    font-size: .5rem;    /* was .9rem → half */
    gap: .3rem;
    border-radius: .4rem !important;
  }

  #vspCropCalendar .cc-fauxselect .cc-caret {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid var(--vsp-body);
    opacity: .5;
    transform: translateY(1px);
  }

  /* Weather & Crops → Legend */
  #vspCropCalendar .cc-legend {
    font-size: .5rem !important;   /* 50% smaller */
    gap: .35rem !important;         /* tighter spacing */
    margin-top: .35rem !important;
  }

  #vspCropCalendar .cc-legend .muted {
    font-size: .45rem !important;
  }

  /* Keys (Plant / Mid-season / Harvest) */
  #vspCropCalendar .cc-legend .key {
    width: 10px !important;   /* smaller squares */
    height: 8px !important;
    border-radius: 2px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-8597944 */.logo-carousel-vesper .swiper-wrapper {
    transition-timing-function: linear;
}

.logo-carousel-vesper .swiper-container {
    animation: infinite-scroll 10s linear infinite;
}

@keyframes infinite-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4580600 *//* Hide the icon completely on screens <= 1024px */
@media (max-width: 1024px) {
  .success-cards-homepage-icon-1,
  .success-cards-homepage-icon-2,
  .success-cards-homepage-icon-3 {
    display: none !important;
  }
}

/* Fade in on hover for screens > 1024px */
@media (min-width: 1025px) {
  /* start transparent (but in the layout) */
  .success-cards-homepage-icon-1,
  .success-cards-homepage-icon-2,
  .success-cards-homepage-icon-3 {
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease !important;
  }

  .success-cards-homepage-1:hover .success-cards-homepage-icon-1,
  .success-cards-homepage-2:hover .success-cards-homepage-icon-2,
  .success-cards-homepage-3:hover .success-cards-homepage-icon-3 {
    opacity: 1;
    pointer-events: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4b9828 */#vtabs { margin: 0 auto; }

/* Card with layered overlay: subtle global tint + darker bottom + darker top corners */
#vtabs .vtabs-card {
  position: relative;
  border-radius: 8px;
  min-height: 500px;
  padding: 28px;
  color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* Base image is added via JS; these gradients stay on top */
  overflow: hidden;
}

#vtabs .vtabs-card-link { position: absolute; inset: 0; z-index: 1; }

#vtabs .vtabs-card-logo,
#vtabs .vtabs-pill,
#vtabs .vtabs-title,
#vtabs .vtabs-read { position: relative; z-index: 2; pointer-events: none; }

/* Make in-card logo white */
#vtabs .vtabs-card-logo {
  position: absolute;
  top: 25px; left: 25px;
  width: 140px; height: auto;
  filter: invert(1) brightness(2);
}

/* Pill */
#vtabs .vtabs-pill {
  position: absolute; top: 25px; right: 25px;
  background: #4F46E5; color: #fff; padding: 8px 18px;
  border-radius: 8px; font-size: 16px; font-weight: 700;
}

/* Title & hover CTA */
#vtabs .vtabs-title {
  position: absolute; left: 25px; right:25px; bottom: 25px;
  margin: 0; font-size: 2rem; line-height: 1.55; color: #fff;
  transition: transform .25s ease;
}
#vtabs .vtabs-read {
  position: absolute; left: 25px; bottom: 25px;
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 16px; opacity: 0; transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease;
}
#vtabs .vtabs-read-icon { width: 10px; height: 10px; transform: rotate(90deg); filter: invert(1) brightness(2); }
#vtabs .vtabs-card:hover .vtabs-title { transform: translateY(-36px); }
#vtabs .vtabs-card:hover .vtabs-read  { opacity: 1; transform: translateY(0); }

/* Progress & tabs row */
#vtabs .vtabs-progress { height: 6px; background: #030C3833; border-radius: 999px; margin: 14px 0; position: relative; overflow: hidden; }
#vtabs .vtabs-progress-thumb { position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #4F46E5; border-radius: 999px; transition: none; }

#vtabs .vtabs-logos { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#vtabs .vtab { display: inline-flex; align-items: center; justify-content: center; padding: 10px; text-decoration: none; opacity: .35; transition: opacity .2s; }
#vtabs .vtab[aria-selected="true"] { opacity: 1; }
#vtabs .vtab img { max-height: 60px; max-width: 200px; width: auto; height: auto; }

/* <= 1024px tweaks */
@media (max-width: 1024px) {
  /* in-card logo (half of desktop ~140px) */
  #vtabs .vtabs-card-logo {
    width: 70px;
  }

  /* smaller pill */
  #vtabs .vtabs-pill {
    padding: 4px 20px;
    font-size: 10px;
    border-radius: 8px;
  }

  /* smaller title */
  #vtabs .vtabs-title {
    font-size: 1.5rem;   /* ~22px */
    line-height: 1.35;
  }

  /* stable 5-column logo row so clicking doesn't push others off-screen */
  #vtabs .vtabs-logos {
    display: grid;                          /* overrides the desktop flex */
    grid-template-columns: repeat(5, 1fr);  /* equal-width cells */
    align-items: center;
    gap: 8px;
  }

  #vtabs .vtab {
    padding: 6px 0;   /* a bit tighter on mobile */
  }

  /* lock logos to a consistent height (≈ half of 60px) */
  #vtabs .vtab img {
    height: 30px;           /* consistent size */
    width: auto;
    max-width: 100%;        /* never overflow its cell */
    display: block;         /* remove baseline gap */
    margin: 0 auto;         /* centered in its cell */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea8f9f5 *//* Center form block */
.elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hbspt-form {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Stack field and button vertically */
.elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs-form .actions {
  display: block;
  text-align: center;
}

/* Make both field and button full-width, large, and same size */
.elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs_email,
.elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs_submit {
  display: block;
  width: 100%;
  max-width: 640px; /* controls width — adjust as needed */
  margin: 0 auto 10px auto; /* centers + spacing between */
}

.elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs-input {
  width: 100%;
  height: 50px;
  border-radius: 16px;
  padding: 0 24px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 1rem;
}

/* Button styling — same width and height */
.elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs-button {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 16px;
  background: linear-gradient(to right, #33CDC6 0%, #27A7CC 100%);
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs-button:hover {
  opacity: 0.95;
}

/* Hide HubSpot validation messages so they don’t shift layout */
.elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hbspt-form .hs-error-msgs {
  margin-top:10px;    
  color:white;
}

/* Mobile adjustments */
@media only screen and (max-width: 767px) {
  .elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hbspt-form {
    justify-content: flex-start; /* Left-align on mobile */
  }

  .elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs_email,
  .elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs_submit {
    max-width: 100%;
    margin-left: 0; /* remove auto-centering margins */
    margin-right: 0;
  }

  .elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs-input,
  .elementor-58779 .elementor-element.elementor-element-ea8f9f5 .hs-button {
    height: 56px;
    font-size: 0.95rem;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68c57ac */.elementor-58779 .elementor-element.elementor-element-68c57ac::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to right,
    rgba(3, 12, 56, 1) 0%,      /* solid blue on left edge */
    rgba(3, 12, 56, 0.85) 5%,   /* strong fade start */
    rgba(3, 12, 56, 0) 15%,     /* full transparent zone */
    rgba(3, 12, 56, 0) 85%,     /* full transparent zone */
    rgba(3, 12, 56, 0.85) 95%,  /* strong fade end */
    rgba(3, 12, 56, 1) 100%     /* solid blue on right edge */
  );
}/* End custom CSS */