/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important}
.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}
.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}
.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}
.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}
.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/#dm [data-blog-component=post] .inner-title{margin-top:0;line-height:normal}#dm [list-layout=large_list][text-box-padding=true] .postArticle .postText,#dm [text-box-padding=true] .postArticle .postText{padding:15px}
#dm .blogImg{background-size:cover;background-position:center}#dm .blogImg img{visibility:hidden;position:absolute}#dm .postArticle{float:left;padding-right:15px;padding-left:15px}#dm .postArticle .inner{position:relative;max-width:100%}
#dm .postArticle .authorBar{font-size:80%;opacity:.8}#dm .postArticle .readMore{opacity:.8}#dm .postArticle .postDescription{overflow:hidden;line-height:1.4em;word-break:break-word}#dm #dm_content [dmle_extension=internal_blog_list] .postArticle.lastArticle{margin-bottom:0!important}
#dm [dmle_extension=internal_blog_list]>.inner{display:block}#dm .postArticle .postTitle h3{margin:0 0 15px;padding:0;line-height:normal}#dm .postArticle .postTitle h3:after{content:""}
#dm [dmle_extension=internal_blog_list][show-author=false] .authorBar,#dm [dmle_extension=internal_blog_list][show-blog-title=false] .blog-name,#dm [dmle_extension=internal_blog_list][show-images=false] .blogImg,#dm [dmle_extension=internal_blog_list][visible-post-lines="0"] .postDescription{display:none}
#dm .postText *{text-align:left}#dm [dmle_extension=internal_blog_list][trim-title=true] h3 a{overflow:hidden;max-height:1.2em}#dm [dmle_extension=internal_blog_list] .postDescription *{margin:0}#dm [list-layout=list_slider]{color:#fff}
#dm [list-layout=list_slider]:hover .flex-prev{opacity:1;left:10px}#dm [list-layout=list_slider]:hover .flex-next{opacity:1;right:10px}#dm [list-layout=list_slider]>.inner{width:100%;margin:0}#dm [list-layout=list_slider] .inner{max-width:100%;height:100%;position:relative}
#dm #dm_content [dmle_extension=internal_blog_list][list-layout=list_slider]{min-height:350px!important}#dm [list-layout=list_slider] .postArticle{padding:0;width:100%;height:100%;position:absolute}#dm [list-layout=list_slider] .postArticle .inner{width:100%;background-color:rgba(0,0,0,.5);min-height:350px}
#dm [list-layout=list_slider] .postArticle .blogImg{position:absolute;width:100%;height:100%;top:0;left:0}#dm [list-layout=list_slider] .postArticle .postText{width:100%;height:100%;bottom:0;left:0;position:absolute;background-color:inherit}
#dm [list-layout=large_list] .postArticle a,#dm [list-layout=list_slider] .postArticle .postText *,#dm [list-layout=recent_posts] .postArticle a{text-decoration:none}#dm [list-layout=list_slider] .postArticle .authorBar,#dm [list-layout=list_slider] .postArticle .postDescription{margin:0 0 15px;padding:0}
#dm [list-layout=list_slider] .postText{display:flex;flex-direction:column;justify-content:center;padding:50px}#dm [list-layout=list_slider][text-align=left] .postText *{text-align:left}#dm [list-layout=list_slider][text-align=center] .postText *{text-align:center}
#dm [list-layout=list_slider][text-align=right] .postText *{text-align:right}#dm [list-layout=large_list]:not([data-placeholder=true]):after,#dm [list-layout=large_list]:not([data-placeholder=true]):before{content:" ";display:table}
#dm [list-layout=large_list]>.inner{margin:0 -15px}#dm [list-layout=large_list] .postArticle{position:relative;text-align:left;width:100%}#dm [list-layout=large_list] .postArticle .postText{padding:15px 0;display:block;width:100%}
#dm [list-layout=large_list][posts-padding="0"]>.inner{margin:0}#dm [list-layout=large_list][posts-padding="5"]>.inner{margin:-5px}#dm [list-layout=large_list][posts-padding="10"]>.inner{margin:-10px}
#dm [list-layout=large_list][posts-padding="15"]>.inner{margin:-15px}#dm [list-layout=large_list][posts-padding="20"]>.inner{margin:-20px}
#dm [list-layout=large_list][posts-padding="25"]>.inner{margin:-25px}#dm [list-layout=large_list][posts-padding="30"]>.inner{margin:-30px}
#dm [list-layout=large_list][posts-padding="35"]>.inner{margin:-35px}#dm [list-layout=large_list][posts-padding="40"]>.inner{margin:-40px}
#dm [list-layout=large_list][posts-padding="45"]>.inner{margin:-45px}#dm [list-layout=large_list][posts-padding="50"]>.inner{margin:-50px}
#dm [list-layout=large_list][posts-padding="0"] .postArticle{padding:0}#dm [list-layout=large_list][posts-padding="5"] .postArticle{padding:5px}
#dm [list-layout=large_list][posts-padding="10"] .postArticle{padding:10px}#dm [list-layout=large_list][posts-padding="15"] .postArticle{padding:15px}
#dm [list-layout=large_list][posts-padding="20"] .postArticle{padding:20px}#dm [list-layout=large_list][posts-padding="25"] .postArticle{padding:25px}
#dm [list-layout=large_list][posts-padding="30"] .postArticle{padding:30px}#dm [list-layout=large_list][posts-padding="35"] .postArticle{padding:35px}
#dm [list-layout=large_list][posts-padding="40"] .postArticle{padding:40px}#dm [list-layout=large_list][posts-padding="45"] .postArticle{padding:45px}
#dm [list-layout=large_list][posts-padding="50"] .postArticle{padding:50px}@media(min-width:768px){body.dmRoot #dm [list-layout=large_list][posts-per-row="1"] .postArticle{width:100%}
body.dmRoot #dm [list-layout=large_list][posts-per-row="2"] .postArticle{width:50%}body.dmRoot #dm [list-layout=large_list][posts-per-row="3"] .postArticle{width:33.33333333%}
body.dmRoot #dm [list-layout=large_list][posts-per-row="4"] .postArticle{width:25%}}#dm [list-layout=large_list][text-align=left] .postText *{text-align:left}#dm [list-layout=large_list][text-align=center] .postText *{text-align:center}
#dm [list-layout=large_list][text-align=right] .postText *{text-align:right}#dm [list-layout=large_list] .blogImg{height:170px}#dm [list-layout=large_list] .postArticle.lastArticle{margin-bottom:0}#dm [list-layout=large_list] .blogSearchInput{height:28px!important;position:relative;z-index:99}
#dm [list-layout=large_list] .postArticle .authorBar,#dm [list-layout=large_list] .postArticle .postDescription{margin:0 0 15px;padding:0}#dm [list-layout=recent_posts] .postArticle .postTitle h3{font-size:1.2em}
#dm [list-layout=recent_posts]>.inner{margin:0 -15px}#dm [list-layout=recent_posts] .blogImg{position:absolute;width:40%;height:100%}#dm [show-images=true][list-layout=recent_posts] .postText{float:left;width:100%;padding:0 10px 0 45%}
#dm [show-images=true][list-layout=recent_posts][text-box-padding=true] .postArticle .postText{padding:15px 10px 15px 45%}#dm [list-layout=recent_posts][show-images=false] .postText{margin-left:0}#dm [list-layout=recent_posts] .postArticle{position:relative;overflow:hidden;text-align:left;width:100%}
#dm .postArticle .inner{width:100%}#dm [list-layout=recent_posts] .blogSearchInput{height:28px!important;position:relative;z-index:99}#dm [list-layout=recent_posts] .postArticle .authorBar,#dm [list-layout=recent_posts] .postArticle .postDescription{margin:0 0 15px;padding:0}
#dm [list-layout=recent_posts][posts-padding="0"]>.inner{margin:0 -15px}#dm [list-layout=recent_posts][posts-padding="5"]>.inner{margin:0 -15px -5px}
#dm [list-layout=recent_posts][posts-padding="10"]>.inner{margin:0 -15px -10px}#dm [list-layout=recent_posts][posts-padding="15"]>.inner{margin:0 -15px -15px}
#dm [list-layout=recent_posts][posts-padding="20"]>.inner{margin:0 -15px -20px}#dm [list-layout=recent_posts][posts-padding="25"]>.inner{margin:0 -15px -25px}
#dm [list-layout=recent_posts][posts-padding="30"]>.inner{margin:0 -15px -30px}#dm [list-layout=recent_posts][posts-padding="35"]>.inner{margin:0 -15px -35px}
#dm [list-layout=recent_posts][posts-padding="40"]>.inner{margin:0 -15px -40px}#dm [list-layout=recent_posts][posts-padding="45"]>.inner{margin:0 -15px -45px}
#dm [list-layout=recent_posts][posts-padding="50"]>.inner{margin:0 -15px -50px}#dm [list-layout=recent_posts][posts-padding="0"] .postArticle{padding-bottom:0}
#dm [list-layout=recent_posts][posts-padding="5"] .postArticle{padding-bottom:5px}#dm [list-layout=recent_posts][posts-padding="10"] .postArticle{padding-bottom:10px}
#dm [list-layout=recent_posts][posts-padding="15"] .postArticle{padding-bottom:15px}#dm [list-layout=recent_posts][posts-padding="20"] .postArticle{padding-bottom:20px}
#dm [list-layout=recent_posts][posts-padding="25"] .postArticle{padding-bottom:25px}#dm [list-layout=recent_posts][posts-padding="30"] .postArticle{padding-bottom:30px}
#dm [list-layout=recent_posts][posts-padding="35"] .postArticle{padding-bottom:35px}#dm [list-layout=recent_posts][posts-padding="40"] .postArticle{padding-bottom:40px}
#dm [list-layout=recent_posts][posts-padding="45"] .postArticle{padding-bottom:45px}#dm [list-layout=recent_posts][posts-padding="50"] .postArticle{padding-bottom:50px}
.dmBlogSearch{height:32px}.dmBlogSearch .dmBlogSearchWrapper{position:relative;height:100%}.dmBlogSearch .dmBlogSearchWrapper input{position:absolute;top:0;left:0}.dmBlogSearch .dmBlogSearchIcon{height:20px;border:0;color:inherit;font-size:18px;position:absolute;overflow:hidden;z-index:2;padding:0;background-color:transparent;white-space:nowrap;border-radius:5px;top:calc(50% - 10px);right:15px}
#dm .dmBlogSearch .dmBlogSearchInput:-ms-input-placeholder{color:inherit}#dm .dmBlogSearch .dmBlogSearchInput:-moz-placeholder,#dm .dmBlogSearch .dmBlogSearchInput::-moz-placeholder{color:inherit}#dm .dmBlogSearch .dmBlogSearchInput::-webkit-input-placeholder{color:inherit}
#dm div.dmInner .dmBlogSearch input.dmBlogSearchInput{border-width:1px;border-style:solid;border-color:inherit;color:inherit;width:100%;height:100%;margin:0;padding:0 37px 0 15px;background-color:transparent;outline:0;font-size:14px;font-weight:400}
#dm .dmBlogSearch .dmBlogSearchClickOverlay{height:100%;position:absolute;top:0;bottom:1px;right:1px;width:32px;z-index:3;cursor:pointer}/**/.blog-post .blog-post-component{margin-bottom:35px;clear:both}.blog-post>footer{margin-top:20px}.blog-post>footer .timeline-post{width:50%;display:inline-block}.blog-post>footer .timeline-post.prev-post{text-align:left}
.blog-post>footer .timeline-post.next-post{text-align:right}.blog-post .blog-post-component-image figcaption{margin-top:10px}.blog-post .blog-post-component-video img{width:100%}.blog-post .blog-post-component-video iframe{border:0}
.blog-post .blog-post-component-divider hr{margin:0}.blog-post .blog-post-component-title .inner-post-details{padding-left:0}.blog-post .blog-post-component-title .inner-post-details li{display:inline-block;margin-right:10px}
.blog-post .blog-post-component-title .inner-post-details li:first-child{list-style:none}/**/[dmle_extension=internal_blog_list] .pagination-nav{display:flex;justify-content:center;width:100%;padding-block:8px;background-color:transparent;border-color:var(--btn-border-color)}[dmle_extension=internal_blog_list] .pagination-nav .pagination-list{list-style:none;width:fit-content;display:flex;gap:6px;padding:0;margin:0;flex:1;justify-content:center}
[dmle_extension=internal_blog_list] .pagination-nav .pagination-list .pagination-item{color:var(--btn-text-color);display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(1em + 18px);font-size:14px;font-weight:700;text-align:center;aspect-ratio:1/1;border-radius:4px;min-width:fit-content}
[dmle_extension=internal_blog_list] .pagination-nav .pagination-list .pagination-item .pagination-link{text-decoration:none;transition:all .2s ease-in-out;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:inherit;cursor:pointer}
[dmle_extension=internal_blog_list] .pagination-nav .pagination-list .pagination-item .pagination-link .dm-icon-left,[dmle_extension=internal_blog_list] .pagination-nav .pagination-list .pagination-item .pagination-link .dm-icon-right{font-size:16px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}
[dmle_extension=internal_blog_list] .pagination-nav .pagination-list .pagination-item .pagination-link .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
[dmle_extension=internal_blog_list] .pagination-nav .pagination-list .pagination-item .pagination-link.disabled{pointer-events:none;color:#c9cacd;cursor:not-allowed}[dmle_extension=internal_blog_list] .pagination-nav .pagination-list .pagination-item:has(.pagination-link.active){background-color:var(--btn-bg-color);border-color:var(--btn-border-color);border-width:var(--btn-border-width);color:var(--btn-text-color);border-radius:50%}
[dmle_extension=internal_blog_list] .pagination-nav .pagination-list .pagination-item:has(.pagination-link.active):hover{background-color:var(--btn-bg-color);border-color:var(--btn-bg-color)}[dmle_extension=internal_blog_list][data-paginate-listable-widget=true] .photoGalleryViewAll{display:none!important}
#dm [blog-posts-feature-flag=true] .inner{width:100%}#dm [blog-posts-feature-flag=true] .blogImg img,#dm [blog-posts-feature-flag=true][list-layout=recent_posts] .blogImg img,#dm [list-layout=layout4] .blogImg img{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
#dm [blog-posts-feature-flag=true] .postTitle h3 a{font-weight:700}#dm [blog-posts-feature-flag=true]:not([list-layout=layout4]) .postArticle .postTitle h3 a{line-height:1.5em}#dm [blog-posts-feature-flag=true] .postArticle{padding-right:0;padding-left:0}
#dm [blog-posts-feature-flag=true] .blogImgLink{overflow:hidden;display:inline-block}#dm [blog-posts-feature-flag=true] .blogImg{transition:all .2s ease-out!important;height:100%;width:100%}#dm [blog-posts-feature-flag=true] .postDescription{max-height:5.5em;color:#747474}
#dm [blog-posts-feature-flag=true] .postArticle{position:relative;overflow:visible}#dm [blog-posts-feature-flag=true] .postArticle .inner{overflow:hidden}#dm [blog-posts-feature-flag=true] .more-posts-text-container{margin:20px 0}
@media(min-width:768px){body.dmRoot #dm [blog-posts-feature-flag=true],body.dmRoot #dm [list-layout=layout4]{display:flex!important;flex-direction:column;align-items:center}}#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="0"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="0"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="0"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="0"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="5"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="5"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="5"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="5"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="10"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="10"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="10"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="10"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="15"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="15"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="15"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="15"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="20"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="20"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="20"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="20"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="25"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="25"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="25"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="25"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="30"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="30"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="30"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="30"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="35"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="35"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="35"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="35"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="40"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="40"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="40"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="40"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="45"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="45"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="45"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="45"]>.inner{margin:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="50"] .postArticle,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="50"] .postArticle{padding:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="50"]>.inner,#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="50"]>.inner{margin:0}
@media(max-width:767px){.dmRoot #dm [blog-posts-feature-flag=true][list-layout=list_slider]>.inner{position:static}}#dm [blog-posts-feature-flag=true][list-layout=list_slider] .postArticle .inner{overflow:hidden}
#dm [blog-posts-feature-flag=true][list-layout=large_list] .postDescription{font-size:15px}#dm [blog-posts-feature-flag=true][list-layout=large_list] .postArticle{width:100%!important}#dm [blog-posts-feature-flag=true][list-layout=large_list] .blogImgLink{height:230px;width:100%}
#dm [blog-posts-feature-flag=true][list-layout=large_list] .postTitle h3 a{font-size:23px}#dm [blog-posts-feature-flag=true][list-layout=recent_posts] .blogImgLink{width:550px;height:425px;flex:1 0 auto}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts] .blogImg{position:static;width:100%;max-height:none!important}#dm [blog-posts-feature-flag=true][list-layout=recent_posts] .postDescription{font-size:15px}
#dm [blog-posts-feature-flag=true][show-images=true][list-layout=recent_posts] .postText{float:none;display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;padding:0 1% 0 5%}#dm [blog-posts-feature-flag=true][list-layout=recent_posts] .postTitle h3 a{font-size:30px}
#dm [blog-posts-feature-flag=true][show-images=true][list-layout=recent_posts][text-box-padding=true] .postArticle .postText{padding:15px 10px 15px 0}#dm [blog-posts-feature-flag=true][data-image-hover-effect=zoomout] .postArticle:focus .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=zoomout] .postArticle:hover .blogImg{transform:scale(1.06)}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=float] .postArticle:focus .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=float] .postArticle:hover .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=forward] .postArticle:focus .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=forward] .postArticle:hover .blogImg{transform:translateY(-8px)}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=grayscale] .blogImg{filter:grayscale(0%)}#dm [blog-posts-feature-flag=true][data-image-hover-effect=grayscale] .postArticle:focus .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=grayscale] .postArticle:hover .blogImg{filter:grayscale(100%);filter:gray}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=reverse-grayscale] .blogImg{filter:grayscale(100%);filter:gray}#dm [blog-posts-feature-flag=true][data-image-hover-effect=reverse-grayscale] .postArticle:focus .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=reverse-grayscale] .postArticle:hover .blogImg{filter:grayscale(0%)}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=blur] .blogImg{filter:blur(0)}#dm [blog-posts-feature-flag=true][data-image-hover-effect=blur] .postArticle:focus .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=blur] .postArticle:hover .blogImg{filter:blur(3px)}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=grayscale-blur] .blogImg{filter:grayscale(0%) blur(0)}#dm [blog-posts-feature-flag=true][data-image-hover-effect=grayscale-blur] .postArticle:focus .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=grayscale-blur] .postArticle:hover .blogImg{filter:grayscale(100%) blur(3px)}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=opacity] .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=shine] .blogImg{opacity:1}#dm [blog-posts-feature-flag=true][data-image-hover-effect=opacity] .postArticle:focus .blogImg,#dm [blog-posts-feature-flag=true][data-image-hover-effect=opacity] .postArticle:hover .blogImg{opacity:.7}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=shine] .blogImg{position:relative}#dm [blog-posts-feature-flag=true][data-image-hover-effect=shine] .blogImg::after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;opacity:0;transition-property:transform;transition-duration:.4s;transition-timing-function:ease;transform:translate(-50%,-50%);background:rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.13) 48%,rgba(255,255,255,.5) 57%,rgba(255,255,255,0) 64%,rgba(255,255,255,0) 100%)}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=shine] .postArticle:focus .blogImg::after,#dm [blog-posts-feature-flag=true][data-image-hover-effect=shine] .postArticle:hover .blogImg::after{opacity:1;transform:translate(0)}
#dm [blog-posts-feature-flag=true][data-image-hover-effect=shine] .postArticle:active .blogImg::after{opacity:0}#dm [blog-posts-feature-flag=true] .blog-name{margin-top:0;text-align:center}#dm [blog-posts-feature-flag=true][dmle_extension=internal_blog_list][show-author=false] .authorBar,#dm [blog-posts-feature-flag=true][dmle_extension=internal_blog_list][show-blog-title=false] .blog-name,#dm [blog-posts-feature-flag=true][dmle_extension=internal_blog_list][show-images=false] .blogImgLink,#dm [blog-posts-feature-flag=true][dmle_extension=internal_blog_list][visible-post-lines="0"] .postDescription{display:none}
#dm [list-layout=layout4] .postArticle{position:relative;text-align:left;width:100%}#dm [list-layout=layout4] .postArticle .postText{padding:15px 0;display:block;width:100%}#dm [list-layout=layout4][text-box-padding=true] .postArticle .postText{padding:15px}
#dm [list-layout=layout4][text-align=left] .postText *{text-align:left}#dm [list-layout=layout4][text-align=center] .postText *{text-align:center}#dm [list-layout=layout4][text-align=right] .postText *{text-align:right}
#dm [list-layout=layout4] .postArticle.lastArticle{margin-bottom:0}#dm [list-layout=layout4] .postArticle a{text-decoration:none}#dm [list-layout=layout4] .blogSearchInput{height:28px!important;position:relative;z-index:99}
#dm [list-layout=layout4] .postArticle .authorBar{margin:0 0 15px;padding:0}#dm [list-layout=layout4] .postTitle h3 a{font-size:18px;font-weight:700;line-height:1.5em;display:inline-block}#dm [list-layout=layout4] .blogImgLink{height:190px;width:100%;display:block}
#dm [list-layout=layout4] .postArticle .inner{background-color:#fff;border-radius:4px;box-shadow:rgba(0,0,0,.25) 0 3px 11px 0!important;-moz-box-shadow:rgba(0,0,0,.25) 0 3px 11px 0!important;-webkit-box-shadow:rgba(0,0,0,.25) 0 3px 11px 0!important}
#dm [list-layout=layout4] .postArticle .postDescription{font-size:15px}#dm [list-layout=layout4][trim-title=true] h3 a{overflow:hidden;max-height:1.5em}#dm .dmRespColsWrapper .dmRespCol [dmle_extension=internal_blog_list][list-layout=layout4]{height:auto!important}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts] .postArticle .inner{display:flex}#dm [blog-posts-feature-flag=true][list-layout=recent_posts] .postText{min-width:20%}#dm [blog-posts-feature-flag=true]:not([list-layout=recent_posts]) .postArticle .inner{display:flex;flex-direction:column}
#dm [blog-posts-feature-flag=true]:not([list-layout=list_slider]) .postArticle .inner{min-height:100%}#dm [blog-posts-feature-flag=true] .postTextContainer{display:flex;flex-direction:column;flex:1 1 auto;height:100%}
#dm [blog-posts-feature-flag=true] .postTextContainer .postText{flex:1 1 auto}#dm [blog-posts-feature-flag=true][text-box-padding=true]:not([list-layout=list_slider]) .postTextContainer .readMore{padding:0 15px 15px}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts] .postTextContainer .readMore{padding:0 15px 15px 5%}#dm [blog-posts-feature-flag=true][list-layout=large_list]>.inner,#dm [list-layout=layout4]>.inner{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="0"]>.inner,#dm [list-layout=layout4][posts-padding="0"]>.inner{grid-gap:0}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="5"]>.inner,#dm [list-layout=layout4][posts-padding="5"]>.inner{grid-gap:10px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="10"]>.inner,#dm [list-layout=layout4][posts-padding="10"]>.inner{grid-gap:20px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="15"]>.inner,#dm [list-layout=layout4][posts-padding="15"]>.inner{grid-gap:30px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="20"]>.inner,#dm [list-layout=layout4][posts-padding="20"]>.inner{grid-gap:40px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="25"]>.inner,#dm [list-layout=layout4][posts-padding="25"]>.inner{grid-gap:50px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="30"]>.inner,#dm [list-layout=layout4][posts-padding="30"]>.inner{grid-gap:60px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="35"]>.inner,#dm [list-layout=layout4][posts-padding="35"]>.inner{grid-gap:70px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="40"]>.inner,#dm [list-layout=layout4][posts-padding="40"]>.inner{grid-gap:80px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="45"]>.inner,#dm [list-layout=layout4][posts-padding="45"]>.inner{grid-gap:90px}
#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="50"]>.inner,#dm [list-layout=layout4][posts-padding="50"]>.inner{grid-gap:100px}
@media(min-width:768px){body.dmRoot #dm [blog-posts-feature-flag=true][list-layout=large_list][posts-per-row="1"]>.inner,body.dmRoot #dm [list-layout=layout4][posts-per-row="1"]>.inner{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}
body.dmRoot #dm [blog-posts-feature-flag=true][list-layout=large_list][posts-per-row="2"]>.inner,body.dmRoot #dm [list-layout=layout4][posts-per-row="2"]>.inner{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}
body.dmRoot #dm [blog-posts-feature-flag=true][list-layout=large_list][posts-per-row="3"]>.inner,body.dmRoot #dm [list-layout=layout4][posts-per-row="3"]>.inner{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
body.dmRoot #dm [blog-posts-feature-flag=true][list-layout=large_list][posts-per-row="4"]>.inner,body.dmRoot #dm [list-layout=layout4][posts-per-row="4"]>.inner{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
}#dm .dmRespColsWrapper .dmRespCol [dmle_extension=internal_blog_list][blog-posts-feature-flag=true][list-layout=recent_posts]{height:auto!important}#dm .dmRespColsWrapper .dmRespCol [dmle_extension=internal_blog_list][blog-posts-feature-flag=false][list-layout=large_list]{height:100%!important}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts]>.inner{display:flex;flex-direction:column}#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="0"] .postArticle{padding-top:0;padding-bottom:0}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="5"] .postArticle:not(:last-child){padding-bottom:10px}#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="10"] .postArticle:not(:last-child){padding-bottom:20px}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="15"] .postArticle:not(:last-child){padding-bottom:30px}#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="20"] .postArticle:not(:last-child){padding-bottom:40px}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="25"] .postArticle:not(:last-child){padding-bottom:50px}#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="30"] .postArticle:not(:last-child){padding-bottom:60px}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="35"] .postArticle:not(:last-child){padding-bottom:70px}#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="40"] .postArticle:not(:last-child){padding-bottom:80px}
#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="45"] .postArticle:not(:last-child){padding-bottom:90px}#dm [blog-posts-feature-flag=true][list-layout=recent_posts][posts-padding="50"] .postArticle:not(:last-child){padding-bottom:100px}
#dm [blog-posts-feature-flag=true][list-layout=large_list] .postArticle .postDescription{margin:0}#dm .fullBleedMode .dmRespColsWrapper .dmRespCol .mainBlog[blog-posts-feature-flag=true]{max-width:100%!important;width:100%!important}
@media(max-width:767px){.dmRoot #dm [blog-posts-feature-flag=true][list-layout=recent_posts] .postTitle h3 a,.dmRoot #dm [list-layout=layout4] .postTitle h3 a{font-size:18px}.dmRoot #dm [list-layout=layout4] .postDescription{font-size:14px;margin-bottom:15px;padding:0}
.dmRoot #dm [blog-posts-feature-flag=true][list-layout=recent_posts] .blogImgLink{width:160px;height:255px}.dmRoot #dm [blog-posts-feature-flag=true][list-layout=recent_posts] .postDescription{font-size:12px}
.dmRoot #dm [blog-posts-feature-flag=true][list-layout=large_list] .postTitle h3 a{font-size:20px}.dmRoot #dm [blog-posts-feature-flag=true][list-layout=large_list] .postDescription{font-size:14px;margin-bottom:15px;padding:0}
.dmRoot #dm [blog-posts-feature-flag=true] .more-posts-text-container{float:none;margin-left:auto;margin-right:auto;display:block!important}}.blog-empty-state{display:flex;gap:24px;padding:8px}.blog-empty-card{background:#fff;border:1px solid #ededee;border-radius:12px;overflow:hidden;flex:1}
.blog-empty-card__image{background:#f5f5f5;height:214px;display:flex;align-items:center;justify-content:center}.blog-empty-card__content{padding:24px;display:flex;flex-direction:column;gap:16px}.blog-empty-card__title{font-weight:700;font-size:24px}
.blog-empty-card__date,.blog-empty-card__description{font-size:18px}.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="0"]>.inner .postArticle{padding:0}
.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="5"]>.inner .postArticle{padding:5px}.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="10"]>.inner .postArticle{padding:10px}
.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="15"]>.inner .postArticle{padding:15px}.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="20"]>.inner .postArticle{padding:20px}
.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="25"]>.inner .postArticle{padding:25px}.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="30"]>.inner .postArticle{padding:30px}
.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="35"]>.inner .postArticle{padding:35px}.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="40"]>.inner .postArticle{padding:40px}
.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="45"]>.inner .postArticle{padding:45px}.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider])[posts-padding="50"]>.inner .postArticle{padding:50px}
.msie #dm [blog-posts-feature-flag=true]:not([list-layout=list_slider]) .postArticle .inner{height:100%}/**/.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider,.flexslider .slides>li{height:100%;overflow:hidden;position:relative}
.flexslider{padding:0;-webkit-transform:translateZ(0);direction:ltr;margin:0;zoom:1;opacity:1!important}.flexslider .slides{height:100%;zoom:1}.flexslider .slides>li{display:none;text-align:center}.flexslider .slides>li a{display:block;width:100%;height:100%}
.flexslider .slides img{width:100%;display:block;margin:auto}.flexslider .slides>li a img{opacity:0}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flex-viewport{height:100%;transition:all 1s ease}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}
.flex-direction-nav button{border:0;background:0;padding:0}.flex-direction-nav a,.flex-direction-nav button,.flex-pauseplay a{display:block;position:absolute;z-index:10;overflow:hidden;cursor:pointer}
.flex-direction-nav a,.flex-direction-nav button{text-decoration:none;margin:-15px 0 0;top:50%;color:rgba(255,255,255,.8)!important;text-shadow:1px 1px 0 rgba(0,0,0,.3);transition:all .3s ease;width:30px;height:30px;opacity:0}
.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider.arrows-visible .flex-prev,.flexslider.hover .flex-prev,.flexslider:hover .flex-prev{opacity:.7;left:10px}
.flexslider.arrows-visible .flex-next,.flexslider.hover .flex-next,.flexslider:hover .flex-next{opacity:.7;right:10px}.flex-control-thumbs img:hover,.flex-pauseplay a:hover,.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{filter:alpha(opacity=0);cursor:default}.flex-direction-nav a:before,.flex-direction-nav button:before{font-family:"flexslider-icon";font-size:30px;line-height:30px;display:inline-block;content:"\f001"}
.flex-direction-nav a.flex-next:before,.flex-direction-nav button.flex-next:before{content:"\f002"}.nav-layout-2 .flex-direction-nav a:before,.nav-layout-2 .flex-direction-nav button:before{font-family:FontAwesome;content:"\f104"}
.nav-layout-2 .flex-direction-nav a.flex-next:before,.nav-layout-2 .flex-direction-nav button.flex-next:before{content:"\f105"}.nav-layout-3 .flex-direction-nav a:before,.nav-layout-3 .flex-direction-nav button:before{font-family:FontAwesome;content:"\f100"}
.nav-layout-3 .flex-direction-nav a.flex-next:before,.nav-layout-3 .flex-direction-nav button.flex-next:before{content:"\f101"}.flex-pauseplay a{width:20px;height:20px;bottom:5px;left:10px;opacity:.8;color:#000}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:"\f004"}.flex-pauseplay a.flex-play:before{content:"\f003"}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;border-radius:20px;-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs .flex-active{opacity:1;cursor:default}.flex-caption{background:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #4C000000,endColorstr = #4C000000);zoom:1;width:100%;padding-top:7px;position:absolute;background-color:#000;font-size:16px;line-height:20px;bottom:0;margin-bottom:0;color:#fff;padding-bottom:7px;opacity:.65}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}.flexslider .color-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);display:block}
.flexslider .slides>li .slide-inner{font-weight:700;color:#fff;position:absolute;z-index:1;visibility:hidden}.flexslider .slides>li .slide-inner *{line-height:normal}.flexslider .slides>li .slide-inner.animated{visibility:visible}
.flexslider .slides>li .slide-inner .slide-title{margin:0}.flexslider .slides>li .slide-inner .slide-text{margin:0;font-size:19px;font-weight:400}#dm .dmInner .flexslider .slides>li .slide-inner .slide-button{margin-top:20px;margin-left:auto;margin-right:auto}
.flexslider .slides [show-content=false] .color-overlay,.flexslider .slides [show-content=false] .slide-inner,.flexslider[hide-content=true] .slides .color-overlay,.flexslider[hide-content=true] .slides .slide-inner{visibility:hidden!important}
.flexslider a[href]+.color-overlay{cursor:pointer}.flexslider .slides>li[layout=center] .slide-inner{max-width:70%;max-height:80%}#dm .flexslider .slides .dmWidget .text{max-width:100%;width:100%;padding:10px 20px!important}
.flexslider:not([layout]):not([position]) .slides>li[layout=bottom][position=left] .slide-inner{text-align:left!important}.flexslider:not([layout]):not([position]) .slides>li[layout=bottom][position=center] .slide-inner{text-align:center!important}
.flexslider:not([layout]):not([position]) .slides>li[layout=bottom][position=right] .slide-inner{text-align:right!important}.flexslider:not([layout]):not([position]) .slides>li[layout^=bottom] .slide-inner{background-color:inherit}
.flexslider:not([layout]):not([position]) .slides>li[layout^=bottom] .slide-button,.flexslider:not([layout]):not([position]) .slides>li[layout^=bottom] .slide-title{display:none!important}.flexslider:not([layout]):not([position]) .slides>li[layout^=bottom] .color-overlay{visibility:hidden!important}
#dm .dmInner .flexslider.ed-version .slide-button{-js-display:inline-flex;display:inline-flex;justify-content:center;align-items:center}.flexslider:not([position]):not([layout]) .slides>li[layout=center][position=center] .slide-inner{right:auto!important;bottom:auto!important;text-align:center}
.flexslider:not([position]) .slides>li[layout=bottom]{position:relative;background-color:rgba(0,0,0,.5)}.flexslider:not([position]) .slides>li[layout=bottom] .slide-inner{width:100%;margin-left:0!important;margin-top:0!important;max-height:100%;padding:15px 30px;top:auto!important;bottom:0!important;left:0!important}
.flexslider:not([position]) .slides>li[layout=center][position=right] .slide-inner{right:10%!important;margin-left:0!important;left:auto!important;text-align:left}.flexslider:not([position]) .slides>li[layout=center][position=left] .slide-inner h3,.flexslider:not([position]) .slides>li[layout=center][position=right] .slide-inner h3{text-align:left}
.flexslider:not([position]) .slides>li[layout=center][position=left] .slide-inner{left:10%!important;margin-right:0!important;right:auto!important;text-align:left}.flexslider.ed-version .color-overlay,.flexslider.ed-version .text-wrapper{pointer-events:none}
.flexslider.ed-version .slides img{display:none}.flexslider.ed-version:not([layout]) .slides>li[layout=center] .slide-inner,.flexslider.ed-version[layout=center] .slides>li .slide-inner{position:static!important;top:auto!important;left:auto!important;margin:0!important}
.flexslider.ed-version:not([layout]) .slides>li[layout=center] .slide-inner .slide-button.slide-button-visible,.flexslider.ed-version[layout=center] .slides>li .slide-inner .slide-button.slide-button-visible{display:inline-flex!important}
.flexslider.ed-version:not([layout]) .slides>li[layout=center] .slide-inner .slide-button.slide-button-invisible,.flexslider.ed-version[layout=center] .slides>li .slide-inner .slide-button.slide-button-invisible{display:none!important}
.flexslider.ed-version:not([layout]) .slides>li[layout=center] a,.flexslider.ed-version[layout=center] .slides>li a{position:absolute;left:0;top:0}.flexslider.ed-version:not([layout]) .slides>li[layout=center],.flexslider.ed-version[layout=center] .slides>li{display:-ms-flexbox!important;-ms-flex-pack:center;-ms-flex-align:center;display:flex!important;justify-content:center;align-items:center}
.flexslider.ed-version:not([layout]) .slide-inner,.flexslider.ed-version[layout=center] .slide-inner{max-width:70%;max-height:80%;background-color:transparent;top:50%!important;left:50%!important;right:auto!important;width:auto}
.flexslider.ed-version:not([layout]) .slide-inner .slide-title,.flexslider.ed-version[layout=center] .slide-inner .slide-title{display:block!important;text-align:center!important}.flexslider.ed-version:not([layout])[position=right] .slides>li,.flexslider.ed-version[layout=center][position=right] .slides>li{justify-content:flex-end}
.flexslider.ed-version:not([layout])[position=right] .slides>li .slide-inner,.flexslider.ed-version[layout=center][position=right] .slides>li .slide-inner{margin-right:10%!important}.flexslider.ed-version:not([layout])[position=right] .slides>li .slide-inner .slide-button,.flexslider.ed-version[layout=center][position=right] .slides>li .slide-inner .slide-button{float:right}
.flexslider.ed-version:not([layout])[position=right] .slides>li .slide-inner .slide-text,.flexslider.ed-version:not([layout])[position=right] .slides>li .slide-inner .slide-text p,.flexslider.ed-version:not([layout])[position=right] .slides>li .slide-inner .slide-title,.flexslider.ed-version:not([layout])[position=right] .slides>li .slide-inner .slide-title p,.flexslider.ed-version[layout=center][position=right] .slides>li .slide-inner .slide-text,.flexslider.ed-version[layout=center][position=right] .slides>li .slide-inner .slide-text p,.flexslider.ed-version[layout=center][position=right] .slides>li .slide-inner .slide-title,.flexslider.ed-version[layout=center][position=right] .slides>li .slide-inner .slide-title p{text-align:right!important}
.flexslider.ed-version:not([layout])[position=left] .slides>li,.flexslider.ed-version[layout=center][position=left] .slides>li{justify-content:flex-start}.flexslider.ed-version:not([layout])[position=left] .slides>li .slide-inner,.flexslider.ed-version[layout=center][position=left] .slides>li .slide-inner{margin-left:10%!important}
.flexslider.ed-version:not([layout])[position=left] .slides>li .slide-inner .slide-button,.flexslider.ed-version[layout=center][position=left] .slides>li .slide-inner .slide-button{float:left}.flexslider.ed-version:not([layout])[position=left] .slides>li .slide-inner .slide-text,.flexslider.ed-version:not([layout])[position=left] .slides>li .slide-inner .slide-text p,.flexslider.ed-version:not([layout])[position=left] .slides>li .slide-inner .slide-title,.flexslider.ed-version:not([layout])[position=left] .slides>li .slide-inner .slide-title p,.flexslider.ed-version[layout=center][position=left] .slides>li .slide-inner .slide-text,.flexslider.ed-version[layout=center][position=left] .slides>li .slide-inner .slide-text p,.flexslider.ed-version[layout=center][position=left] .slides>li .slide-inner .slide-title,.flexslider.ed-version[layout=center][position=left] .slides>li .slide-inner .slide-title p{text-align:left!important}
.flexslider.ed-version:not([layout])[position=center] .slides>li .slide-inner .slide-text,.flexslider.ed-version:not([layout])[position=center] .slides>li .slide-inner .slide-text p,.flexslider.ed-version:not([layout])[position=center] .slides>li .slide-inner .slide-title,.flexslider.ed-version:not([layout])[position=center] .slides>li .slide-inner .slide-title p,.flexslider.ed-version[layout=center][position=center] .slides>li .slide-inner .slide-text,.flexslider.ed-version[layout=center][position=center] .slides>li .slide-inner .slide-text p,.flexslider.ed-version[layout=center][position=center] .slides>li .slide-inner .slide-title,.flexslider.ed-version[layout=center][position=center] .slides>li .slide-inner .slide-title p{text-align:center!important}
.flexslider.ed-version[layout=bottom] .slides>li[show-caption=false] .slide-inner{visibility:hidden!important}.flexslider.ed-version .flex-direction-nav>li a,.flexslider.ed-version[layout=bottom] .slides>li{position:relative}
.flexslider.ed-version[layout=bottom] .slides>li .slide-inner{width:100%;max-width:100%;background-color:rgba(0,0,0,.5);margin-left:0!important;margin-top:0!important;max-height:100%;padding:15px 30px;top:auto!important;bottom:0!important;left:0!important}
.flexslider.ed-version[layout=bottom] .slides>li .slide-inner .slide-button,.flexslider.ed-version[layout=bottom] .slides>li .slide-inner .slide-title,.flexslider.ed-version[layout=empty] .slide-inner{display:none!important}
.flexslider.ed-version[layout=bottom][position=right] .slide-inner{text-align:right}.flexslider.ed-version[layout=bottom][position=left] .slide-inner{text-align:left}.flexslider.ed-version .flex-direction-nav>li{position:absolute;z-index:10000;top:50%;line-height:0;transform:translateY(-50%)}
.flexslider.ed-version .flex-direction-nav>li a:before{width:100%;text-align:center;position:relative;top:50%;line-height:40px;transform:translateY(-50%)}.flexslider.ed-version .flex-direction-nav>li:first-child{left:0}
.flexslider.ed-version .flex-direction-nav>li:not(:first-child){right:0}[data-buttonstyle=BIG_BASIC] .flexslider .slide-button .iconBg.hidden+.text,[data-buttonstyle=BIG_BASIC] .flexslider .slide-button.hidden .text,[data-buttonstyle=CONTRAST_ICON] .flexslider .slide-button .iconBg.hidden+.text,[data-buttonstyle=CONTRAST_ICON] .flexslider .slide-button.hidden .text,[data-buttonstyle=FLAT_ICON] .flexslider .slide-button .iconBg.hidden+.text,[data-buttonstyle=FLAT_ICON] .flexslider .slide-button.hidden .text,[data-buttonstyle=FLAT_ROUND_ICON] .flexslider .slide-button .iconBg.hidden+.text,[data-buttonstyle=FLAT_ROUND_ICON] .flexslider .slide-button.hidden .text,[data-buttonstyle=TWO_COLORS] .flexslider .slide-button .iconBg.hidden+.text,[data-buttonstyle=TWO_COLORS] .flexslider .slide-button.hidden .text{margin-left:-40px;box-sizing:content-box}/**/#dm .dmSocialHub:not(.gapSpacing) .socialHubInnerDiv a:not(:last-child){margin-right:5px}.socialHubIcon{display:flex!important;align-items:center;justify-content:center}.socialHubIcon svg{fill:currentColor;width:80%;height:80%}
.socialHubIcon.style1,.socialHubIcon.style4,.socialHubIcon.style6,.socialHubIcon.style7{background:#617379}.socialHubIcon.style7{box-shadow:0 5px 0 0 #475459}.style1.dmSocialTiktok,.style4.dmSocialTiktok{background:#000}
.style1.dmSocialFacebook,.style4.dmSocialFacebook{background:#1877f2}.style1.dmSocialTwitter,.style4.dmSocialTwitter{background:#0f1419}.style1.dmSocialGooglePlus,.style4.dmSocialGooglePlus{background:#da4835}
.style1.dmSocialInstagram,.style4.dmSocialInstagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}.style1.dmSocialYoutube,.style4.dmSocialYoutube{background:red}
.style1.dmSocialLinkedin,.style4.dmSocialLinkedin{background:#2867b2}.style1.dmSocialYelp,.style4.dmSocialYelp{background:#e43340}.style1.dmSocialPinterest,.style4.dmSocialPinterest{background:#c8232c}
.style1.dmSocialVimeo,.style4.dmSocialVimeo{background:#1ab7ea}.style1.dmSocialPicasa,.style4.dmSocialPicasa{background:#be81d1}.style1.dmSocialFoursquare,.style4.dmSocialFoursquare{background:#ef4b78}
.style1.dmSocialRss,.style4.dmSocialRss{background:#f39200}.style1.dmSocialReddit,.style4.dmSocialReddit{background:#ff4500}.style1.dmSocialEmail,.style4.dmSocialEmail{background:#617379}.style1.dmSocialSnapchat,.style4.dmSocialSnapchat{background:#fffc00}
.style1.dmSocialTripadvisor,.style4.dmSocialTripadvisor{background:#589442}.style1.dmSocialWaze,.style4.dmSocialWaze{background:#56cbe7}.style1.dmSocialGoogleMyBusiness,.style4.dmSocialGoogleMyBusiness{background:#477cdf}
.style1.dmSocialWhatsapp,.style4.dmSocialWhatsapp{background:#25d366}.style1.dmSocialPhone,.style4.dmSocialPhone{background:#616c79}.style1:after{content:"";width:44px;height:28px;display:block;position:absolute;top:0;left:0;z-index:-1;border-radius:10px}
.style1.dmSocialEmail:after,.style1.dmSocialFacebook:after,.style1.dmSocialFoursquare:after,.style1.dmSocialGoogleMyBusiness:after,.style1.dmSocialGooglePlus:after,.style1.dmSocialInstagram:after,.style1.dmSocialLinkedin:after,.style1.dmSocialPhone:after,.style1.dmSocialPicasa:after,.style1.dmSocialPinterest:after,.style1.dmSocialReddit:after,.style1.dmSocialRss:after,.style1.dmSocialSnapchat:after,.style1.dmSocialTripadvisor:after,.style1.dmSocialTwitter:after,.style1.dmSocialVimeo:after,.style1.dmSocialYelp:after,.style1.dmSocialYoutube:after{background:#fff;opacity:.2}
.style2.dmSocialTiktok{color:#000}.style2.dmSocialFacebook{color:#1877f2}.style2.dmSocialTwitter{color:#0f1419}.style2.dmSocialGooglePlus{color:#da4835}.style2.dmSocialInstagram:before{background-image:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.style2.dmSocialYoutube{color:red}.style2.dmSocialLinkedin{color:#2867b2}.style2.dmSocialYelp{color:#e43340}.style2.dmSocialPinterest{color:#c8232c}.style2.dmSocialVimeo{color:#1ab7ea}.style2.dmSocialPicasa{color:#be81d1}
.style2.dmSocialFoursquare{color:#ef4b78}.style2.dmSocialRss{color:#f39200}.style2.dmSocialReddit{color:#ff4500}.style2.dmSocialEmail{color:#617379}.style2.dmSocialSnapchat{color:#fffc00}.style2.dmSocialTripadvisor{color:#589442}
.style2.dmSocialGoogleMyBusiness:before{color:#477cdf}.style2.dmSocialWaze:before{color:#56cbe7}.style2.dmSocialWhatsapp:before{color:#25d366}.style2.dmSocialPhone{color:#616c79}.style6.dmSocialTiktok{background:#000}
.style6.dmSocialFacebook{background:#1877f2}.style6.dmSocialTwitter{background:#0f1419}.style6.dmSocialGooglePlus{background:#da4835}.style6.dmSocialInstagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}
.style6.dmSocialYoutube{background:red}.style6.dmSocialLinkedin{background:#2867b2}.style6.dmSocialYelp{background:#e43340}.style6.dmSocialPinterest{background:#c8232c}.style6.dmSocialVimeo{background:#1ab7ea}
.style6.dmSocialPicasa{background:#be81d1}.style6.dmSocialFoursquare{background:#ef4b78}.style6.dmSocialRss{background:#f39200}.style6.dmSocialReddit{background:#ff4500}.style6.dmSocialEmail{background:#617379}
.style6.dmSocialSnapchat{background:#fffc00}.style6.dmSocialTripadvisor{background:#589442}.style6.dmSocialWaze{background:#56cbe7}.style6.dmSocialGoogleMyBusiness{background:#477cdf}.style6.dmSocialWhatsapp{background:#25d366}
.style6.dmSocialPhone{background:#616c79}.style7.dmSocialTiktok{background:#000}.style7.dmSocialFacebook{background:#1877f2;box-shadow:0 5px 0 0 #4b68a5}.style7.dmSocialTwitter{background:#0f1419}.style7.dmSocialGooglePlus{background:#da4835;box-shadow:0 5px 0 0 #c44130}
.style7.dmSocialInstagram{box-shadow:0 5px 0 0 #ad2271;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important}.style7.dmSocialYoutube{background:red;box-shadow:0 5px 0 0 #b3392c}
.style7.dmSocialLinkedin{background:#2867b2;box-shadow:0 5px 0 0 #1278b1}.style7.dmSocialYelp{background:#e43340;box-shadow:0 5px 0 0 #b62933}.style7.dmSocialPinterest{background:#c8232c;box-shadow:0 5px 0 0 #a21a2d}
.style7.dmSocialVimeo{background:#1ab7ea;box-shadow:0 5px 0 0 #1592bb}.style7.dmSocialPicasa{background:#be81d1;box-shadow:0 5px 0 0 #9867a7}.style7.dmSocialFoursquare{background:#ef4b78;box-shadow:0 5px 0 0 #da3b67}
.style7.dmSocialRss{background:#f39200;box-shadow:0 5px 0 0 #c27500}.style7.dmSocialReddit{background:#ff4500;box-shadow:0 5px 0 0 #ae5534}.style7.dmSocialEmail{background:#617379;box-shadow:0 5px 0 0 #475459}
.style7.dmSocialSnapchat{background:#fffc00;box-shadow:0 5px 0 0 #d1d05d}.style7.dmSocialTripadvisor{background:#589442;box-shadow:0 5px 0 0 #4e7b3e}.style7.dmSocialWaze{background:#56cbe7;box-shadow:0 5px 0 0 #475459}
.style7.dmSocialGoogleMyBusiness{background:#477cdf;box-shadow:0 5px 0 0 #475459}.style7.dmSocialWhatsapp{background:#25d366;box-shadow:0 5px 0 0 #475459}.style7.dmSocialPhone{background:#616c79;box-shadow:0 5px 0 0 #4a5458}/**/.dmSocialHub{clear:both}#dm .dmSocialHub .horizontal a,#dm .dmSocialHub.gapSpacing .socialHubWrapper{display:block}#dm .dmSocialHub.gapSpacing .socialHubInnerDiv{display:flex;flex-wrap:wrap;column-gap:5px;justify-content:center}
#dm .dmSocialHub.alignedLeft .socialHubInnerDiv,#dm .dmSocialHub.alignedLeft h3,.dmSocialHub>div.horizontal{text-align:left}#dm .dmSocialHub a{display:inline-block;text-decoration:none;margin:0;vertical-align:bottom}
#dm .dmSocialHub>h3,.dmSocialHub>div{text-align:inherit}#dm .dmSocialHub.alignedCenter .socialHubInnerDiv,#dm .dmSocialHub.alignedCenter h3{text-align:center}#dm .dmSocialHub.alignedRight .socialHubInnerDiv,#dm .dmSocialHub.alignedRight h3{text-align:right}
a span.socialHubIcon{width:44px;height:44px;font-size:27px;display:inline-block;text-align:center;margin-right:0;margin-bottom:5px;line-height:44px;box-sizing:border-box;background-image:none!important}
.socialHubIcon[class^=icon-]:before,[class*=" icon-"]:before{cursor:pointer}.socialHubIcon.style1{font-size:24px;border-radius:10px;color:#fff;position:relative;z-index:1}.socialHubIcon.style2{font-size:29px}
.socialHubIcon.style3{font-size:24px;border-radius:50%;border:3px solid #fff;color:#fff}.socialHubIcon.style4{font-size:24px;border-radius:10px;color:#fff;position:relative}.socialHubIcon.style5{color:#fff}
.socialHubIcon.style6,.socialHubIcon.style7{font-size:24px;border-radius:50%;color:#fff}.socialHubIcon.style7{border-radius:10px;position:relative;margin-bottom:10px}.socialHubIcon.style8{font-size:24px;border-radius:50%;color:#fff;background:#000}
.socialHubIcon.style9{color:#333;font-size:29px}@media(min-width:768px) and (max-width:1024px){.dmRoot #dm .dmStandardTablet .dmSocialHub.dmSocialHome .socialHubIcon{width:36px;height:36px;background-size:auto}
}#dm .dmSocialHub .socialHubWrapper{display:inline-block;max-width:100%}
/* Custom Widgets Styles */
.widget-3a778e {
  --neon-cyan: #00f5ff;
  --neon-green: #00ff41;
  --neon-yellow: rgba(245, 245, 6, 1);
  --neon-purple: #bf5fff;
  --dark-bg: #050a0e;
  --mid-bg: #0a1628;
  --panel-bg: rgba(5, 15, 25, 0.92);
  --grid-color: rgba(0, 245, 255, 0.06);
  --text-primary: #e0f7ff;
  /* Matrix Canvas */
  /* Scanlines */
  /* Corner brackets */
  /* Main content */
  /* Badge */
  /* Heading */
  /* Glitch text effect */
  /* Subtext */
  /* Buttons container */
  /* Neon buttons */
  /* Matrix character scramble on btn text */
  /* Shine sweep */
  /* Footer code line */
  /* Responsive */
}
.widget-3a778e .cta-wrapper {
  position: relative;
  width: 100%;
  min-height: 480px;
  background: var(--dark-bg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 32px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 245, 255, 0.15);
  /* Grid background */
  background-image: linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px), radial-gradient(ellipse 80% 60% at 50% 50%, rgba(0, 245, 255, 0.04) 0%, transparent 70%);
  background-size: 40px 40px, 40px 40px, 100% 100%;
}
.widget-3a778e .matrix-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
.widget-3a778e .scanlines {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.15) 2px, rgba(0, 0, 0, 0.15) 4px);
  pointer-events: none;
  z-index: 1;
  animation: scanMove 8s linear infinite;
}
@keyframes scanMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100px;
  }
}
.widget-3a778e .corner {
  position: absolute;
  width: 28px;
  height: 28px;
  z-index: 3;
}
.widget-3a778e .corner-tl {
  top: 12px;
  left: 12px;
  border-top: 2px solid var(--neon-cyan);
  border-left: 2px solid var(--neon-cyan);
  box-shadow: -2px -2px 8px rgba(0, 245, 255, 0.4);
}
.widget-3a778e .corner-tr {
  top: 12px;
  right: 12px;
  border-top: 2px solid var(--neon-cyan);
  border-right: 2px solid var(--neon-cyan);
  box-shadow: 2px -2px 8px rgba(0, 245, 255, 0.4);
}
.widget-3a778e .corner-bl {
  bottom: 12px;
  left: 12px;
  border-bottom: 2px solid var(--neon-cyan);
  border-left: 2px solid var(--neon-cyan);
  box-shadow: -2px 2px 8px rgba(0, 245, 255, 0.4);
}
.widget-3a778e .corner-br {
  bottom: 12px;
  right: 12px;
  border-bottom: 2px solid var(--neon-cyan);
  border-right: 2px solid var(--neon-cyan);
  box-shadow: 2px 2px 8px rgba(0, 245, 255, 0.4);
}
.widget-3a778e .cta-content {
  position: relative;
  z-index: 5;
  text-align: center;
  max-width: 720px;
  width: 100%;
}
.widget-3a778e .cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 245, 255, 0.08);
  border: 1px solid rgba(0, 245, 255, 0.3);
  border-radius: 4px;
  padding: 5px 14px;
  margin-bottom: 24px;
  animation: badgePulse 2.5s ease-in-out infinite;
}
.widget-3a778e .badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--neon-green);
  box-shadow: 0 0 8px var(--neon-green);
  animation: dotBlink 1.2s steps(1) infinite;
}
@keyframes dotBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}
.widget-3a778e .badge-text {
  font-family: "Courier New", monospace;
  font-size: 11px;
  letter-spacing: 3px;
  color: var(--neon-cyan);
  text-transform: uppercase;
}
@keyframes badgePulse {
  0%, 100% {
    box-shadow: 0 0 0px rgba(0, 245, 255, 0.2);
  }
  50% {
    box-shadow: 0 0 16px rgba(0, 245, 255, 0.35);
  }
}
.widget-3a778e .cta-heading {
  font-family: "Libre Baskerville", serif;
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 20px 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}
.widget-3a778e .glitch-text {
  position: relative;
  display: inline-block;
  animation: glitchMain 6s infinite;
}
.widget-3a778e .glitch-text::before,
.widget-3a778e .glitch-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.widget-3a778e .glitch-text::before {
  color: var(--neon-cyan);
  animation: glitchBefore 6s infinite;
  text-shadow: 2px 0 var(--neon-cyan);
}
.widget-3a778e .glitch-text::after {
  color: var(--neon-purple);
  animation: glitchAfter 6s infinite;
  text-shadow: -2px 0 var(--neon-purple);
}
@keyframes glitchMain {
  0%, 90%, 100% {
    transform: none;
    opacity: 1;
  }
  91% {
    transform: skewX(1deg);
  }
  92% {
    transform: skewX(-1deg);
  }
  93% {
    transform: none;
  }
}
@keyframes glitchBefore {
  0%, 88%, 100% {
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    opacity: 0;
  }
  89% {
    clip-path: polygon(0 25%, 100% 25%, 100% 50%, 0 50%);
    opacity: 0.7;
    transform: translate(-3px);
  }
  90% {
    clip-path: polygon(0 60%, 100% 60%, 100% 75%, 0 75%);
    opacity: 0.7;
    transform: translate(3px);
  }
  91% {
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    opacity: 0;
  }
}
@keyframes glitchAfter {
  0%, 88%, 100% {
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    opacity: 0;
  }
  89% {
    clip-path: polygon(0 50%, 100% 50%, 100% 70%, 0 70%);
    opacity: 0.7;
    transform: translate(3px);
  }
  90% {
    clip-path: polygon(0 20%, 100% 20%, 100% 40%, 0 40%);
    opacity: 0.7;
    transform: translate(-3px);
  }
  91% {
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
    opacity: 0;
  }
}
.widget-3a778e .cta-subtext {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(180, 220, 240, 0.85);
  margin: 0 0 40px 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.widget-3a778e .cta-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.widget-3a778e .cta-buttons a {
  text-decoration: none;
}
.widget-3a778e .neon-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 34px;
  font-family: "Courier New", monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  outline: none;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 4px;
  background: transparent;
  text-decoration: none;
}
.widget-3a778e .neon-btn--primary {
  background: rgba(0, 245, 255, 0.08);
  border: 1.5px solid var(--neon-cyan);
  color: var(--neon-cyan);
  box-shadow: 0 0 10px rgba(0, 245, 255, 0.3), inset 0 0 10px rgba(0, 245, 255, 0.05);
  animation: neonPulseBlue 2.5s ease-in-out infinite;
}
.widget-3a778e .neon-btn--primary:hover {
  background: rgba(0, 245, 255, 0.15);
  box-shadow: 0 0 20px rgba(0, 245, 255, 0.6), 0 0 40px rgba(0, 245, 255, 0.3), inset 0 0 20px rgba(0, 245, 255, 0.1);
  transform: translateY(-2px);
}
.widget-3a778e .neon-btn--secondary {
  background: rgba(245, 245, 6, 0.06);
  border: 1.5px solid var(--neon-yellow);
  color: var(--neon-yellow);
  box-shadow: 0 0 10px rgba(245, 245, 6, 0.3), inset 0 0 10px rgba(245, 245, 6, 0.05);
  animation: neonPulseYellow 2.5s ease-in-out infinite;
  animation-delay: 1.2s;
}
.widget-3a778e .neon-btn--secondary:hover {
  background: rgba(245, 245, 6, 0.12);
  box-shadow: 0 0 20px rgba(245, 245, 6, 0.6), 0 0 40px rgba(245, 245, 6, 0.3), inset 0 0 20px rgba(245, 245, 6, 0.1);
  transform: translateY(-2px);
}
@keyframes neonPulseBlue {
  0%, 100% {
    box-shadow: 0 0 10px rgba(0, 245, 255, 0.3), inset 0 0 10px rgba(0, 245, 255, 0.05);
  }
  50% {
    box-shadow: 0 0 20px rgba(0, 245, 255, 0.55), 0 0 35px rgba(0, 245, 255, 0.2), inset 0 0 10px rgba(0, 245, 255, 0.08);
  }
}
@keyframes neonPulseYellow {
  0%, 100% {
    box-shadow: 0 0 10px rgba(245, 245, 6, 0.3), inset 0 0 10px rgba(245, 245, 6, 0.05);
  }
  50% {
    box-shadow: 0 0 20px rgba(245, 245, 6, 0.55), 0 0 35px rgba(245, 245, 6, 0.2), inset 0 0 10px rgba(245, 245, 6, 0.08);
  }
}
.widget-3a778e .btn-glitch {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.widget-3a778e .btn-shine {
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
  transform: skewX(-20deg);
  z-index: 1;
  transition: none;
}
.widget-3a778e .neon-btn:hover .btn-shine {
  left: 150%;
  transition: left 0.5s ease;
}
.widget-3a778e .cta-footer-line {
  text-align: center;
}
.widget-3a778e .footer-code {
  font-family: "Courier New", monospace;
  font-size: 12px;
  color: rgba(0, 245, 255, 0.35);
  letter-spacing: 1px;
  animation: codeFlicker 4s ease-in-out infinite;
}
@keyframes codeFlicker {
  0%, 95%, 100% {
    opacity: 0.35;
  }
  96% {
    opacity: 0.9;
  }
  97% {
    opacity: 0.2;
  }
  98% {
    opacity: 0.8;
  }
  99% {
    opacity: 0.35;
  }
}
@media (max-width: 767px) {
  .widget-3a778e .cta-wrapper {
    padding: 48px 20px;
    min-height: 420px;
  }
  .widget-3a778e .cta-heading {
    font-size: 22px;
  }
  .widget-3a778e .cta-subtext {
    font-size: 14px;
  }
  .widget-3a778e .cta-buttons {
    flex-direction: column;
    align-items: center;
  }
  .widget-3a778e .neon-btn {
    width: 100%;
    max-width: 280px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-3a778e .cta-heading {
    font-size: 30px;
  }
}

@charset "UTF-8";
.widget-8b7991 {
  --accent: rgba(245, 245, 6, 1);
  --accent-dim: rgba(245, 245, 6, 0.12);
  --accent-glow: rgba(245, 245, 6, 0.35);
  --dark-bg: rgba(10, 10, 14, 1);
  --card-bg: rgba(16, 16, 22, 0.92);
  --card-border: rgba(245, 245, 6, 0.18);
  --card-border-hover: rgba(245, 245, 6, 0.7);
  --text-primary: rgba(255, 255, 255, 1);
  --text-secondary: rgba(180, 185, 200, 1);
  --modal-bg: rgba(10, 10, 16, 0.98);
  --grid-line: rgba(245, 245, 6, 0.05);
  font-family: "Poppins", sans-serif;
  width: 100%;
  box-sizing: border-box;
}

/* ─── WRAPPER ─── */
.widget-8b7991 .industries-wrapper {
  padding: 80px 24px;
  position: relative;
  overflow: hidden;
  background: var(--dark-bg);
}

.widget-8b7991 .industries-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  z-index: 0;
}

/* ─── HEADER ─── */
.widget-8b7991 .industries-header {
  text-align: center;
  margin-bottom: 64px;
  position: relative;
  z-index: 1;
}

.widget-8b7991 .header-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--accent);
  border: 1px solid var(--card-border-hover);
  background: var(--accent-dim);
  padding: 6px 18px;
  border-radius: 100px;
  margin-bottom: 22px;
}

/* ─── horizontal-rule title layout ─── */
.widget-8b7991 .header-title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 18px;
}

.widget-8b7991 .header-title-line {
  flex: 1;
  max-width: 120px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--card-border-hover));
}

.widget-8b7991 .header-title-line:last-child {
  background: linear-gradient(270deg, transparent, var(--card-border-hover));
}

.widget-8b7991 .industries-title {
  font-family: "Libre Baskerville", serif;
  font-size: clamp(26px, 4vw, 44px);
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.15;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  border-left: 3px solid var(--accent);
  border-right: 3px solid var(--accent);
  padding: 0 22px;
  white-space: nowrap;
}

.widget-8b7991 .industries-subtitle {
  font-size: 15px;
  color: var(--text-secondary);
  max-width: 540px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ─── GRID ─── */
.widget-8b7991 .industries-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  perspective: 1000px;
}

/* ─── CARD — 3D floating base ─── */
.widget-8b7991 .industry-card {
  position: relative;
  border-radius: 16px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  cursor: pointer;
  transform-style: preserve-3d;
  opacity: 0;
  transform: translateZ(-80px) translateY(40px) rotateX(8deg);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, box-shadow 0.4s ease;
  backdrop-filter: blur(12px);
  overflow: hidden;
  will-change: transform;
}

.widget-8b7991 .industry-card:hover {
  border-color: var(--card-border-hover);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--card-border-hover), 0 0 40px var(--accent-glow), 0 -2px 20px rgba(245, 245, 6, 0.15) inset;
}

/* ─── FLOATING SHADOW LAYER ─── */
.widget-8b7991 .card-float-layer {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: -1;
  transition: box-shadow 0.4s ease;
}

.widget-8b7991 .industry-card:hover .card-float-layer {
  box-shadow: 0 60px 100px rgba(0, 0, 0, 0.7);
}

/* ─── CARD GRID OVERLAY ─── */
.widget-8b7991 .card-grid-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(245, 245, 6, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(245, 245, 6, 0.03) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  z-index: 0;
  border-radius: 16px;
}

/* ─── GLOW ─── */
.widget-8b7991 .card-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: var(--accent-glow);
  filter: blur(50px);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}

.widget-8b7991 .industry-card:hover .card-glow {
  opacity: 1;
}

/* ─── SHINE SWEEP ─── */
.widget-8b7991 .card-shine {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(115deg, transparent 0%, transparent 40%, rgba(255, 255, 255, 0.06) 50%, transparent 60%, transparent 100%);
  background-size: 200% 200%;
  background-position: 200% 200%;
  pointer-events: none;
  z-index: 3;
  transition: background-position 0.6s ease;
}

.widget-8b7991 .industry-card:hover .card-shine {
  background-position: -50% -50%;
}

/* ─── CARD INNER ─── */
.widget-8b7991 .card-inner {
  position: relative;
  z-index: 2;
  padding: 24px 22px 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  height: 100%;
  box-sizing: border-box;
}

/* ─── TOP BAR ─── */
.widget-8b7991 .card-top-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin-bottom: 4px;
}

.widget-8b7991 .card-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 6px var(--accent-glow);
  flex-shrink: 0;
}

.widget-8b7991 .card-dot--mid {
  background: rgba(245, 245, 6, 0.5);
  box-shadow: none;
}

.widget-8b7991 .card-dot--dim {
  background: rgba(245, 245, 6, 0.2);
  box-shadow: none;
}

.widget-8b7991 .card-index-label {
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  color: rgba(245, 245, 6, 0.3);
  font-family: "Courier New", monospace;
}

/* ─── ICON ─── */
.widget-8b7991 .industry-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--accent-dim);
  border: 1px solid var(--card-border-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  box-sizing: border-box;
  transition: background 0.3s ease, transform 0.3s ease;
}

.widget-8b7991 .industry-card:hover .industry-icon {
  background: var(--accent);
  transform: rotate(-5deg) scale(1.1);
}

.widget-8b7991 .industry-icon svg {
  width: 26px;
  height: 26px;
  fill: var(--accent);
  transition: fill 0.3s ease;
}

.widget-8b7991 .industry-card:hover .industry-icon svg {
  fill: var(--dark-bg);
}

.widget-8b7991 .industry-name {
  font-family: "Libre Baskerville", serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 4px 0 0;
  line-height: 1.3;
}

.widget-8b7991 .industry-tagline {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.55;
  margin: 0;
  flex: 1;
}

.widget-8b7991 .card-stats {
  margin-top: 4px;
}

.widget-8b7991 .stat-badge {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--accent);
  background: var(--accent-dim);
  border: 1px solid var(--card-border);
  padding: 3px 9px;
  border-radius: 100px;
}

/* ─── CARD BUTTON ─── */
.widget-8b7991 .industry-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 9px 18px;
  background: transparent;
  border: 1px solid var(--card-border-hover);
  border-radius: 8px;
  color: var(--accent);
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  z-index: 1;
}

/* Matrix canvas lives behind the text */
.widget-8b7991 .industry-btn .btn-matrix-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
}

.widget-8b7991 .industry-btn:hover .btn-matrix-canvas {
  opacity: 1;
}

/* Solid fill that slides in on hover — sits on top of canvas, behind text */
.widget-8b7991 .industry-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--accent);
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}

.widget-8b7991 .industry-btn:hover::before {
  transform: translateX(0);
}

.widget-8b7991 .industry-btn:hover {
  color: var(--dark-bg);
  box-shadow: 0 0 24px var(--accent-glow);
  transform: translateX(2px);
}

.widget-8b7991 .btn-text,
.widget-8b7991 .btn-icon {
  position: relative;
  z-index: 2;
}

.widget-8b7991 .btn-icon svg {
  width: 15px;
  height: 15px;
  display: block;
  transition: transform 0.3s ease;
}

.widget-8b7991 .industry-btn:hover .btn-icon svg {
  transform: translateX(4px);
}

/* ─── ENTRANCE ANIMATION ─── */
.widget-8b7991 .industry-card.card-visible {
  opacity: 1;
  transform: translateZ(0) translateY(0) rotateX(0deg);
}

.widget-8b7991 .industry-card.card-visible:hover {
  transform: translateZ(30px) scale(1.03) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
}

/* ─── MODAL OVERLAY ─── */
.widget-8b7991 .industry-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
  box-sizing: border-box;
}

.widget-8b7991 .industry-modal-overlay.active {
  opacity: 1;
  pointer-events: all;
}

/* ─── MODAL ─── */
.widget-8b7991 .industry-modal {
  position: relative;
  width: 100%;
  max-width: 720px;
  max-height: 88vh;
  background: var(--modal-bg);
  border: 1px solid var(--card-border-hover);
  border-radius: 20px;
  overflow: hidden;
  transform: translateY(40px) scale(0.96);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 0 80px rgba(245, 245, 6, 0.12), 0 30px 80px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
}

.widget-8b7991 .industry-modal-overlay.active .industry-modal {
  transform: translateY(0) scale(1);
}

/* Modal scan line animation */
.widget-8b7991 .modal-scan-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  animation: scanLine 3s ease-in-out infinite;
  pointer-events: none;
}

@keyframes scanLine {
  0% {
    top: 0;
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
/* ─── MODAL HEADER ─── */
.widget-8b7991 .modal-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 32px 32px 24px;
  border-bottom: 1px solid var(--card-border);
  background: linear-gradient(135deg, rgba(245, 245, 6, 0.05), transparent);
  flex-shrink: 0;
}

.widget-8b7991 .modal-icon {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  background: var(--accent-dim);
  border: 1px solid var(--card-border-hover);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 14px;
  box-sizing: border-box;
}

.widget-8b7991 .modal-icon svg {
  width: 34px;
  height: 34px;
  fill: var(--accent);
}

.widget-8b7991 .modal-title-block {
  flex: 1;
}

.widget-8b7991 .modal-title {
  font-family: "Libre Baskerville", serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 6px;
}

.widget-8b7991 .modal-subtitle {
  font-size: 14px;
  color: var(--accent);
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.widget-8b7991 .modal-close {
  background: transparent;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-secondary);
  flex-shrink: 0;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.widget-8b7991 .modal-close:hover {
  background: rgba(255, 255, 255, 0.07);
  color: var(--text-primary);
  border-color: var(--card-border-hover);
}

.widget-8b7991 .modal-close svg {
  width: 18px;
  height: 18px;
}

/* ─── MODAL BODY ─── */
.widget-8b7991 .modal-body {
  overflow-y: auto;
  padding: 28px 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}

.widget-8b7991 .modal-body::-webkit-scrollbar {
  width: 4px;
}

.widget-8b7991 .modal-body::-webkit-scrollbar-track {
  background: transparent;
}

.widget-8b7991 .modal-body::-webkit-scrollbar-thumb {
  background: var(--card-border-hover);
  border-radius: 10px;
}

.widget-8b7991 .modal-description {
  font-size: 15px;
  color: var(--text-secondary);
  line-height: 1.75;
}

/* ─── MODAL FEATURES ─── */
.widget-8b7991 .modal-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.widget-8b7991 .modal-feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 13px;
  color: var(--text-secondary);
  transition: border-color 0.2s ease, background 0.2s ease;
}

.widget-8b7991 .modal-feature-item:hover {
  border-color: var(--card-border-hover);
  background: var(--accent-dim);
  color: var(--text-primary);
}

.widget-8b7991 .modal-feature-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
  box-shadow: 0 0 8px var(--accent-glow);
}

/* ─── SEO BLOCK ─── */
.widget-8b7991 .modal-seo-block {
  padding: 18px 20px;
  background: linear-gradient(135deg, var(--accent-dim), rgba(245, 245, 6, 0.04));
  border: 1px solid var(--card-border-hover);
  border-radius: 12px;
}

.widget-8b7991 .seo-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 8px;
}

.widget-8b7991 .seo-text {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.65;
  margin: 0;
}

/* ─── RESPONSIVE ─── */
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-8b7991 .industries-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .widget-8b7991 .industries-wrapper {
    padding: 60px 20px;
  }
  .widget-8b7991 .industries-title {
    font-size: 32px;
    white-space: normal;
  }
}
@media (max-width: 767px) {
  .widget-8b7991 .industries-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    perspective: none;
  }
  .widget-8b7991 .industries-wrapper {
    padding: 48px 16px;
  }
  .widget-8b7991 .industries-header {
    margin-bottom: 40px;
  }
  .widget-8b7991 .industries-title {
    font-size: 22px;
    white-space: normal;
    padding: 0 12px;
  }
  .widget-8b7991 .header-title-line {
    max-width: 40px;
  }
  .widget-8b7991 .card-inner {
    padding: 18px 16px 16px;
    gap: 8px;
  }
  .widget-8b7991 .industry-name {
    font-size: 14px;
  }
  .widget-8b7991 .industry-tagline {
    font-size: 11px;
  }
  .widget-8b7991 .modal-header {
    padding: 24px 20px 18px;
    gap: 14px;
  }
  .widget-8b7991 .modal-body {
    padding: 20px 20px 24px;
  }
  .widget-8b7991 .modal-features {
    grid-template-columns: 1fr;
  }
  .widget-8b7991 .modal-title {
    font-size: 20px;
  }
  .widget-8b7991 .modal-icon {
    width: 52px;
    height: 52px;
  }
  .widget-8b7991 .industry-card.card-visible:hover {
    transform: translateZ(0) scale(1.02);
  }
}
@media (max-width: 420px) {
  .widget-8b7991 .industries-grid {
    grid-template-columns: 1fr;
  }
}

@charset "UTF-8";
.widget-4d344c {
  /* ── Neon palette ── */
  --neon-cyan: #00f5ff;
  --neon-magenta: #ff00e5;
  --neon-green: #00ff88;
  --neon-yellow: rgba(245, 245, 6, 1);
  --neon-blue: #4169ff;
  --dark-bg: #080c14;
  --dark-panel: #0d1321;
  --dark-card: #111827;
  --dark-border: rgba(0, 245, 255, 0.18);
  --text-primary: rgba(255,255,255,1);
  --text-secondary: rgba(180,210,230,0.75);
  --font-main: "Poppins", sans-serif;
  --font-heading: "Libre Baskerville", serif;
  font-family: var(--font-main);
  color: var(--text-primary);
  position: relative;
  overflow: hidden;
  /* ─── Keyframes ─── */
  /* ─── Root widget ─── */
  /* ─── Floating particles ─── */
  /* ─── Header ─── */
  /* corner accents */
  /* ─── Panel ─── */
  /* ─── Steps ─── */
  /* ─── Step Panels ─── */
  /* ─── Calendar ─── */
  /* ─── Selected date display ─── */
  /* ─── Time Slots ─── */
  /* ─── Form ─── */
  /* ─── Confirm ─── */
  /* ─── Success ─── */
  /* ─── Step Footer ─── */
  /* ─── CTA Buttons ─── */
  /* Primary (cyan) */
  /* Ghost */
  /* Neon Green */
  /* Neon Blue */
  /* ─── Responsive ─── */
}
@keyframes scanline {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100vh);
  }
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.85);
    opacity: 0.7;
  }
  70% {
    transform: scale(1.3);
    opacity: 0;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes glitch {
  0%, 100% {
    clip-path: inset(0 0 98% 0);
    transform: translate(-2px, 0);
  }
  20% {
    clip-path: inset(40% 0 50% 0);
    transform: translate(2px, 0);
  }
  40% {
    clip-path: inset(70% 0 20% 0);
    transform: translate(-1px, 0);
  }
  60% {
    clip-path: inset(20% 0 70% 0);
    transform: translate(1px, 0);
  }
  80% {
    clip-path: inset(90% 0 5% 0);
    transform: translate(0px, 0);
  }
}
@keyframes border-glow {
  0%, 100% {
    border-color: var(--neon-cyan);
    box-shadow: 0 0 6px var(--neon-cyan), inset 0 0 6px rgba(0, 245, 255, 0.05);
  }
  50% {
    border-color: var(--neon-magenta);
    box-shadow: 0 0 10px var(--neon-magenta), inset 0 0 8px rgba(255, 0, 229, 0.08);
  }
}
@keyframes flicker {
  0%, 100% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  93% {
    opacity: 0.4;
  }
  94% {
    opacity: 1;
  }
  96% {
    opacity: 0.6;
  }
  97% {
    opacity: 1;
  }
}
@keyframes float-particle {
  0% {
    transform: translateY(0) translateX(0);
    opacity: 0;
  }
  10% {
    opacity: 0.8;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    transform: translateY(-120px) translateX(30px);
    opacity: 0;
  }
}
@keyframes neon-pulse-green {
  0%, 100% {
    box-shadow: 0 0 8px var(--neon-green), 0 0 20px var(--neon-green), 0 0 40px rgba(0, 255, 136, 0.4);
  }
  50% {
    box-shadow: 0 0 15px var(--neon-green), 0 0 35px var(--neon-green), 0 0 60px rgba(0, 255, 136, 0.6);
  }
}
@keyframes neon-pulse-cyan {
  0%, 100% {
    box-shadow: 0 0 8px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 40px rgba(0, 245, 255, 0.4);
  }
  50% {
    box-shadow: 0 0 15px var(--neon-cyan), 0 0 35px var(--neon-cyan), 0 0 60px rgba(0, 245, 255, 0.6);
  }
}
@keyframes step-line-fill {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes cal-day-in {
  from {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes success-pop {
  0% {
    transform: scale(0) rotate(-20deg);
    opacity: 0;
  }
  60% {
    transform: scale(1.2) rotate(5deg);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes ring-expand {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
@keyframes data-stream {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100px;
  }
}
.widget-4d344c .cyber-widget {
  background: var(--dark-bg);
  border: 1px solid var(--dark-border);
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  min-height: 600px;
}
.widget-4d344c .cyber-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.widget-4d344c .particle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--neon-cyan);
  animation: float-particle linear infinite;
}
.widget-4d344c .cyber-header {
  position: relative;
  padding: 40px 32px 36px;
  overflow: hidden;
  text-align: center;
  z-index: 1;
}
.widget-4d344c .cyber-header-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #080c14 0%, #0a101e 40%, #0d0a1e 70%, #080c14 100%);
  z-index: 0;
}
.widget-4d344c .cyber-header-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(0, 245, 255, 0.03) 29px), repeating-linear-gradient(90deg, transparent, transparent 28px, rgba(0, 245, 255, 0.03) 29px);
  animation: data-stream 8s linear infinite;
}
.widget-4d344c .cyber-scanlines {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.1) 4px);
  pointer-events: none;
  z-index: 1;
}
.widget-4d344c .cyber-scanlines::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 0%, rgba(0, 245, 255, 0.03) 50%, transparent 100%);
  height: 60px;
  animation: scanline 6s linear infinite;
}
.widget-4d344c .header-content {
  position: relative;
  z-index: 2;
}
.widget-4d344c .cyber-icon-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
}
.widget-4d344c .cyber-icon-wrap svg {
  width: 40px;
  height: 40px;
  fill: var(--neon-cyan);
  filter: drop-shadow(0 0 8px var(--neon-cyan));
  position: relative;
  z-index: 2;
}
.widget-4d344c .cyber-pulse-ring {
  position: absolute;
  inset: 0;
  border: 2px solid var(--neon-cyan);
  border-radius: 50%;
  animation: pulse-ring 2.5s ease-out infinite;
}
.widget-4d344c .cyber-pulse-ring.ring2 {
  animation-delay: 1.25s;
}
.widget-4d344c .cyber-title {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  text-shadow: 0 0 20px rgba(0, 245, 255, 0.4), 0 0 40px rgba(0, 245, 255, 0.2);
  margin: 0 0 8px;
  animation: flicker 8s infinite;
}
.widget-4d344c .cyber-subtitle {
  font-size: 0.95rem;
  color: var(--neon-cyan);
  margin: 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0.85;
}
.widget-4d344c .cyber-corner {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 3;
}
.widget-4d344c .cyber-corner.tl {
  top: 8px;
  left: 8px;
  border-top: 2px solid var(--neon-cyan);
  border-left: 2px solid var(--neon-cyan);
}
.widget-4d344c .cyber-corner.tr {
  top: 8px;
  right: 8px;
  border-top: 2px solid var(--neon-cyan);
  border-right: 2px solid var(--neon-cyan);
}
.widget-4d344c .cyber-corner.bl {
  bottom: 8px;
  left: 8px;
  border-bottom: 2px solid var(--neon-cyan);
  border-left: 2px solid var(--neon-cyan);
}
.widget-4d344c .cyber-corner.br {
  bottom: 8px;
  right: 8px;
  border-bottom: 2px solid var(--neon-cyan);
  border-right: 2px solid var(--neon-cyan);
}
.widget-4d344c .cyber-panel {
  position: relative;
  z-index: 1;
  padding: 28px 32px 36px;
  background: var(--dark-panel);
  border-top: 1px solid var(--dark-border);
}
.widget-4d344c .cyber-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 32px;
}
.widget-4d344c .cyber-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
  z-index: 1;
}
.widget-4d344c .step-dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--dark-card);
  border: 2px solid rgba(0, 245, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: var(--text-secondary);
  transition: all 0.4s ease;
  position: relative;
}
.widget-4d344c .cyber-step.active .step-dot {
  border-color: var(--neon-cyan);
  background: rgba(0, 245, 255, 0.08);
  color: var(--neon-cyan);
  box-shadow: 0 0 14px rgba(0, 245, 255, 0.4), inset 0 0 8px rgba(0, 245, 255, 0.08);
  animation: neon-pulse-cyan 2s ease-in-out infinite;
}
.widget-4d344c .cyber-step.completed .step-dot {
  border-color: var(--neon-green);
  background: rgba(0, 255, 136, 0.08);
  color: var(--neon-green);
}
.widget-4d344c .step-label {
  font-size: 0.65rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--text-secondary);
  white-space: nowrap;
  transition: color 0.3s;
}
.widget-4d344c .cyber-step.active .step-label {
  color: var(--neon-cyan);
}
.widget-4d344c .cyber-step.completed .step-label {
  color: var(--neon-green);
}
.widget-4d344c .cyber-step-line {
  flex: 1;
  height: 2px;
  background: rgba(0, 245, 255, 0.12);
  min-width: 30px;
  max-width: 80px;
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}
.widget-4d344c .cyber-step-line.filled::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--neon-cyan), var(--neon-green));
  animation: step-line-fill 0.6s ease forwards;
  box-shadow: 0 0 6px var(--neon-cyan);
}
.widget-4d344c .step-panel {
  animation: none;
}
.widget-4d344c .step-panel.hidden {
  display: none !important;
}
.widget-4d344c .step-panel.fade-in {
  animation: fadeInUp 0.4s ease forwards;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.widget-4d344c .calendar-wrap {
  background: var(--dark-card);
  border: 1px solid var(--dark-border);
  border-radius: 4px;
  padding: 20px;
  animation: border-glow 4s ease-in-out infinite;
  max-width: 480px;
  margin: 0 auto;
}
.widget-4d344c .cal-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.widget-4d344c .cal-month-year {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--neon-cyan);
  text-shadow: 0 0 10px rgba(0, 245, 255, 0.4);
  letter-spacing: 1px;
}
.widget-4d344c .cyber-nav-btn {
  background: none;
  border: 1px solid var(--dark-border);
  color: var(--neon-cyan);
  width: 32px;
  height: 32px;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.widget-4d344c .cyber-nav-btn:hover {
  border-color: var(--neon-cyan);
  background: rgba(0, 245, 255, 0.1);
  box-shadow: 0 0 8px rgba(0, 245, 255, 0.3);
}
.widget-4d344c .cal-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-bottom: 8px;
}
.widget-4d344c .cal-weekdays span {
  text-align: center;
  font-size: 0.6rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--neon-cyan);
  opacity: 0.6;
  padding: 4px 0;
}
.widget-4d344c .cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}
.widget-4d344c .cal-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s;
  animation: cal-day-in 0.3s ease both;
  background: transparent;
  color: var(--text-primary);
  position: relative;
  overflow: hidden;
}
.widget-4d344c .cal-day:hover:not(.disabled):not(.empty) {
  border-color: var(--neon-cyan);
  background: rgba(0, 245, 255, 0.08);
  color: var(--neon-cyan);
  box-shadow: 0 0 8px rgba(0, 245, 255, 0.2);
}
.widget-4d344c .cal-day.selected {
  background: rgba(0, 245, 255, 0.15);
  border-color: var(--neon-cyan);
  color: var(--neon-cyan);
  font-weight: 700;
  box-shadow: 0 0 12px rgba(0, 245, 255, 0.4), inset 0 0 12px rgba(0, 245, 255, 0.08);
}
.widget-4d344c .cal-day.today:not(.selected) {
  border-color: var(--neon-magenta);
  color: var(--neon-magenta);
}
.widget-4d344c .cal-day.disabled, .widget-4d344c .cal-day.past {
  opacity: 0.2;
  cursor: not-allowed;
  pointer-events: none;
}
.widget-4d344c .cal-day.empty {
  cursor: default;
  pointer-events: none;
}
.widget-4d344c .selected-date-display {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: rgba(0, 245, 255, 0.04);
  border: 1px solid rgba(0, 245, 255, 0.12);
  border-radius: 2px;
  margin-bottom: 12px;
}
.widget-4d344c .sd-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-secondary);
}
.widget-4d344c .sd-value {
  font-size: 0.9rem;
  color: var(--neon-cyan);
  font-weight: 600;
}
.widget-4d344c .time-slots-wrap {
  max-width: 560px;
  margin: 0 auto;
}
.widget-4d344c .time-section-label {
  font-size: 0.68rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--neon-cyan);
  opacity: 0.6;
  margin: 16px 0 8px;
}
.widget-4d344c .time-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.widget-4d344c .time-slot {
  padding: 10px 6px;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  border: 1px solid rgba(0, 245, 255, 0.18);
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s;
  background: var(--dark-card);
  color: var(--text-secondary);
  position: relative;
  overflow: hidden;
}
.widget-4d344c .time-slot::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, transparent 40%, rgba(0, 245, 255, 0.04) 100%);
}
.widget-4d344c .time-slot:hover:not(.unavailable) {
  border-color: var(--neon-cyan);
  color: var(--neon-cyan);
  background: rgba(0, 245, 255, 0.06);
  box-shadow: 0 0 10px rgba(0, 245, 255, 0.25);
}
.widget-4d344c .time-slot.selected {
  border-color: var(--neon-cyan);
  background: rgba(0, 245, 255, 0.14);
  color: var(--neon-cyan);
  font-weight: 700;
  box-shadow: 0 0 14px rgba(0, 245, 255, 0.4);
}
.widget-4d344c .time-slot.unavailable {
  opacity: 0.2;
  cursor: not-allowed;
  text-decoration: line-through;
}
.widget-4d344c .cyber-form {
  max-width: 600px;
  margin: 0 auto;
}
.widget-4d344c .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.widget-4d344c .cyber-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.widget-4d344c .cyber-field.full {
  grid-column: 1/-1;
  margin-bottom: 16px;
}
.widget-4d344c .cyber-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--neon-cyan);
  opacity: 0.8;
}
.widget-4d344c .req {
  color: var(--neon-magenta);
}
.widget-4d344c .cyber-input-wrap {
  position: relative;
}
.widget-4d344c .cyber-input {
  width: 100%;
  background: var(--dark-card);
  border: 1px solid rgba(0, 245, 255, 0.22);
  border-radius: 2px;
  color: var(--text-primary);
  font-family: var(--font-main);
  font-size: 0.88rem;
  padding: 10px 14px;
  outline: none;
  transition: border-color 0.3s, box-shadow 0.3s;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
.widget-4d344c .cyber-input::placeholder {
  color: rgba(180, 210, 230, 0.3);
}
.widget-4d344c .cyber-input:focus {
  border-color: var(--neon-cyan);
  box-shadow: 0 0 12px rgba(0, 245, 255, 0.25), inset 0 0 6px rgba(0, 245, 255, 0.04);
}
.widget-4d344c .cyber-input.error {
  border-color: var(--neon-magenta) !important;
}
.widget-4d344c .cyber-select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2300f5ff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}
.widget-4d344c .cyber-select option {
  background: var(--dark-card);
  color: var(--text-primary);
}
.widget-4d344c .cyber-textarea {
  resize: vertical;
  min-height: 100px;
}
.widget-4d344c .input-border-anim {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta));
  transition: width 0.4s ease;
  border-radius: 0 0 2px 2px;
}
.widget-4d344c .cyber-input:focus ~ .input-border-anim {
  width: 100%;
}
.widget-4d344c .field-error {
  font-size: 0.7rem;
  color: var(--neon-magenta);
  letter-spacing: 0.5px;
  min-height: 14px;
}
.widget-4d344c .confirm-wrap {
  max-width: 600px;
  margin: 0 auto;
}
.widget-4d344c .confirm-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
.widget-4d344c .confirm-block {
  background: var(--dark-card);
  border: 1px solid var(--dark-border);
  border-radius: 4px;
  padding: 16px;
  transition: border-color 0.3s;
}
.widget-4d344c .confirm-block:hover {
  border-color: rgba(0, 245, 255, 0.4);
}
.widget-4d344c .confirm-block-label {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--neon-cyan);
  opacity: 0.7;
  margin-bottom: 8px;
}
.widget-4d344c .confirm-block-value {
  font-size: 0.9rem;
  color: var(--text-primary);
  font-weight: 600;
  word-break: break-word;
}
.widget-4d344c .confirm-note {
  font-size: 0.78rem;
  color: var(--text-secondary);
  text-align: center;
  opacity: 0.7;
  margin: 0 0 16px;
}
.widget-4d344c .success-wrap {
  text-align: center;
  padding: 20px;
  max-width: 480px;
  margin: 0 auto;
}
.widget-4d344c .success-icon-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  margin-bottom: 24px;
}
.widget-4d344c .success-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(0, 255, 136, 0.12);
  border: 2px solid var(--neon-green);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: var(--neon-green);
  animation: success-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.4);
  position: relative;
  z-index: 1;
}
.widget-4d344c .success-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid var(--neon-green);
  animation: ring-expand 1.5s ease-out infinite;
}
.widget-4d344c .success-ring.r2 {
  animation-delay: 0.75s;
}
.widget-4d344c .success-title {
  font-family: var(--font-heading);
  font-size: 1.6rem;
  color: var(--neon-green);
  text-shadow: 0 0 15px rgba(0, 255, 136, 0.4);
  margin: 0 0 12px;
}
.widget-4d344c .success-msg {
  color: var(--text-secondary);
  font-size: 0.9rem;
  margin: 0 0 20px;
}
.widget-4d344c .success-details {
  background: var(--dark-card);
  border: 1px solid rgba(0, 255, 136, 0.2);
  border-radius: 4px;
  padding: 16px;
  font-size: 0.85rem;
  color: var(--neon-green);
  font-weight: 600;
  margin-bottom: 24px;
}
.widget-4d344c .step-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 245, 255, 0.08);
}
.widget-4d344c .cyber-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 28px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  font-family: var(--font-main);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  overflow: hidden;
  transition: transform 0.15s ease;
  background: transparent;
  min-width: 160px;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
.widget-4d344c .cyber-btn:hover {
  transform: translateY(-2px);
}
.widget-4d344c .cyber-btn:active {
  transform: translateY(0);
}
.widget-4d344c .cyber-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  transform: none;
}
.widget-4d344c .cyber-btn:disabled .cyber-btn-glitch {
  display: none;
}
.widget-4d344c .cyber-btn-bg {
  position: absolute;
  inset: 0;
  transition: all 0.3s ease;
}
.widget-4d344c .cyber-btn-text {
  position: relative;
  z-index: 2;
}
.widget-4d344c .cyber-btn-glitch {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  background: inherit;
  animation: glitch 5s ease-in-out infinite;
}
.widget-4d344c .cyber-btn.primary {
  color: #000;
  box-shadow: 0 0 12px rgba(0, 245, 255, 0.5), 0 0 24px rgba(0, 245, 255, 0.3), inset 0 0 12px rgba(0, 245, 255, 0.1);
  border: 1px solid var(--neon-cyan);
  animation: neon-pulse-cyan 2.5s ease-in-out infinite;
}
.widget-4d344c .cyber-btn.primary .cyber-btn-bg {
  background: linear-gradient(135deg, rgba(0, 245, 255, 0.9) 0%, rgba(0, 200, 230, 0.85) 100%);
}
.widget-4d344c .cyber-btn.primary:hover .cyber-btn-bg {
  background: linear-gradient(135deg, rgb(0, 245, 255) 0%, rgb(0, 180, 220) 100%);
}
.widget-4d344c .cyber-btn.primary .cyber-btn-glitch {
  background: var(--neon-cyan);
  opacity: 0.07;
}
.widget-4d344c .cyber-btn.ghost {
  color: var(--text-secondary);
  border: 1px solid rgba(0, 245, 255, 0.25);
}
.widget-4d344c .cyber-btn.ghost .cyber-btn-bg {
  background: transparent;
}
.widget-4d344c .cyber-btn.ghost:hover {
  color: var(--neon-cyan);
  border-color: var(--neon-cyan);
}
.widget-4d344c .cyber-btn.ghost:hover .cyber-btn-bg {
  background: rgba(0, 245, 255, 0.06);
}
.widget-4d344c .cyber-btn.neon-green {
  color: #000;
  border: 1px solid var(--neon-green);
  box-shadow: 0 0 12px rgba(0, 255, 136, 0.5), 0 0 28px rgba(0, 255, 136, 0.3), inset 0 0 12px rgba(0, 255, 136, 0.08);
  animation: neon-pulse-green 2.5s ease-in-out infinite;
}
.widget-4d344c .cyber-btn.neon-green .cyber-btn-bg {
  background: linear-gradient(135deg, rgba(0, 255, 136, 0.92) 0%, rgba(0, 200, 100, 0.88) 100%);
}
.widget-4d344c .cyber-btn.neon-green:hover .cyber-btn-bg {
  background: linear-gradient(135deg, #00ff88, #00cc66);
}
.widget-4d344c .cyber-btn.neon-green .cyber-btn-glitch {
  background: var(--neon-green);
  opacity: 0.07;
}
.widget-4d344c .cyber-btn.neon-blue {
  color: var(--text-primary);
  border: 1px solid var(--neon-blue);
  box-shadow: 0 0 12px rgba(65, 105, 255, 0.5), 0 0 28px rgba(65, 105, 255, 0.3);
}
.widget-4d344c .cyber-btn.neon-blue .cyber-btn-bg {
  background: linear-gradient(135deg, rgba(65, 105, 255, 0.85) 0%, rgba(100, 50, 200, 0.85) 100%);
}
.widget-4d344c .cyber-btn.neon-blue:hover .cyber-btn-bg {
  background: linear-gradient(135deg, #4169ff, #6432c8);
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-4d344c .cyber-panel {
    padding: 24px 24px 32px;
  }
  .widget-4d344c .cyber-title {
    font-size: 1.7rem;
  }
  .widget-4d344c .time-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .widget-4d344c .cyber-header {
    padding: 28px 20px 24px;
  }
  .widget-4d344c .cyber-panel {
    padding: 20px 16px 28px;
  }
  .widget-4d344c .cyber-title {
    font-size: 1.4rem;
  }
  .widget-4d344c .cyber-subtitle {
    font-size: 0.78rem;
    letter-spacing: 1px;
  }
  .widget-4d344c .cyber-steps {
    gap: 0;
  }
  .widget-4d344c .step-dot {
    width: 32px;
    height: 32px;
    font-size: 0.55rem;
  }
  .widget-4d344c .step-label {
    font-size: 0.55rem;
  }
  .widget-4d344c .cyber-step-line {
    min-width: 16px;
  }
  .widget-4d344c .form-row {
    grid-template-columns: 1fr;
  }
  .widget-4d344c .confirm-grid {
    grid-template-columns: 1fr;
  }
  .widget-4d344c .time-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .widget-4d344c .step-footer {
    flex-wrap: wrap;
  }
  .widget-4d344c .cyber-btn {
    min-width: 120px;
    font-size: 0.7rem;
    padding: 12px 20px;
  }
}

.widget-484a6a {
  /* ---- Base Variables ---- */
  --btn-bg: #0a0a1a;
  --btn-color: #00eaff;
  --btn-accent: #00eaff;
  --btn-font-size: 16px;
  --btn-padding-v: 14px;
  --btn-padding-h: 36px;
  --btn-radius: 4px;
  --btn-border-width: 1px;
  --corner-size: 8px;
  display: flex;
  justify-content: center;
  /* ========== BASE BUTTON ========== */
  /* ============================================================
     CORNER BRACKETS (shared by several styles)
  ============================================================ */
  /* ============================================================
     1. GLITCH
  ============================================================ */
  /* ============================================================
     2. PULSE
  ============================================================ */
  /* ============================================================
     3. NEON GLOW
  ============================================================ */
  /* ============================================================
     4. SCAN LINE
  ============================================================ */
  /* ============================================================
     5. MATRIX RAIN
  ============================================================ */
  /* ============================================================
     6. CIRCUIT TRACE
  ============================================================ */
  /* ============================================================
     7. LASER WIPE
  ============================================================ */
  /* ============================================================
     8. DATA STREAM
  ============================================================ */
  /* ============================================================
     RESPONSIVE
  ============================================================ */
}
.widget-484a6a .tech-btn-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.widget-484a6a .tech-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: var(--btn-padding-v) var(--btn-padding-h);
  background: var(--btn-bg);
  color: var(--btn-color);
  font-family: "Poppins", monospace;
  font-size: var(--btn-font-size);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: var(--btn-border-width) solid var(--btn-accent);
  border-radius: var(--btn-radius);
  cursor: pointer;
  overflow: hidden;
  outline: none;
  transition: all 0.3s ease;
  text-decoration: none;
  white-space: nowrap;
  /* hide decoration layers by default */
}
.widget-484a6a .tech-btn .tech-btn-glitch-layer,
.widget-484a6a .tech-btn .tech-btn-scan,
.widget-484a6a .tech-btn .tech-btn-particles,
.widget-484a6a .tech-btn .tech-btn-corners {
  display: none;
}
.widget-484a6a .tech-btn .tech-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  flex-shrink: 0;
}
.widget-484a6a .tech-btn .tech-btn-icon svg {
  width: 100%;
  height: 100%;
  fill: var(--btn-color);
  color: var(--btn-color);
}
.widget-484a6a .tech-btn:hover {
  filter: brightness(1.2);
}
.widget-484a6a .tech-btn-corners {
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.widget-484a6a .tech-btn-corners .c {
  position: absolute;
  width: var(--corner-size);
  height: var(--corner-size);
  border-color: var(--btn-accent);
  border-style: solid;
}
.widget-484a6a .tech-btn-corners .c.tl {
  top: -1px;
  left: -1px;
  border-width: 2px 0 0 2px;
}
.widget-484a6a .tech-btn-corners .c.tr {
  top: -1px;
  right: -1px;
  border-width: 2px 2px 0 0;
}
.widget-484a6a .tech-btn-corners .c.bl {
  bottom: -1px;
  left: -1px;
  border-width: 0 0 2px 2px;
}
.widget-484a6a .tech-btn-corners .c.br {
  bottom: -1px;
  right: -1px;
  border-width: 0 2px 2px 0;
}
.widget-484a6a .tech-btn.anim-glitch {
  border-color: var(--btn-accent);
  text-shadow: 0 0 8px var(--btn-accent);
}
.widget-484a6a .tech-btn.anim-glitch .tech-btn-glitch-layer {
  display: block;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--btn-accent);
  font-size: var(--btn-font-size);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  pointer-events: none;
  opacity: 0;
}
.widget-484a6a .tech-btn.anim-glitch:hover {
  filter: none;
  animation: glitch-shake 0.4s steps(2) infinite;
}
.widget-484a6a .tech-btn.anim-glitch:hover .tech-btn-glitch-layer:nth-child(1) {
  animation: glitch-1 0.4s steps(2) infinite;
  opacity: 1;
  color: #ff003c;
  clip-path: polygon(0 15%, 100% 15%, 100% 40%, 0 40%);
  transform: translateX(-3px);
}
.widget-484a6a .tech-btn.anim-glitch .tech-btn-glitch-layer:nth-of-type(1) {
  display: block;
}
@keyframes glitch-shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px) skewX(-2deg);
  }
  50% {
    transform: translateX(2px) skewX(2deg);
  }
  75% {
    transform: translateX(-1px);
  }
}
@keyframes glitch-1 {
  0% {
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    transform: translateX(-4px);
  }
  25% {
    clip-path: polygon(0 50%, 100% 50%, 100% 70%, 0 70%);
    transform: translateX(4px);
  }
  50% {
    clip-path: polygon(0 30%, 100% 30%, 100% 50%, 0 50%);
    transform: translateX(-3px);
  }
  75% {
    clip-path: polygon(0 70%, 100% 70%, 100% 85%, 0 85%);
    transform: translateX(3px);
  }
  100% {
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    transform: translateX(-4px);
  }
}
.widget-484a6a .tech-btn.anim-pulse {
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--btn-accent) 60%, transparent);
  animation: pulse-ring 2.5s ease-out infinite;
}
.widget-484a6a .tech-btn.anim-pulse:hover {
  animation: pulse-ring 1s ease-out infinite;
  filter: brightness(1.3);
}
@keyframes pulse-ring {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--btn-accent) 60%, transparent);
  }
  60% {
    box-shadow: 0 0 0 14px color-mix(in srgb, var(--btn-accent) 0%, transparent);
  }
  100% {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--btn-accent) 0%, transparent);
  }
}
.widget-484a6a .tech-btn.anim-neon {
  border-color: var(--btn-accent);
  text-shadow: 0 0 8px var(--btn-accent), 0 0 20px var(--btn-accent);
  box-shadow: 0 0 8px var(--btn-accent), 0 0 20px color-mix(in srgb, var(--btn-accent) 50%, transparent), inset 0 0 12px color-mix(in srgb, var(--btn-accent) 15%, transparent);
  animation: neon-flicker 4s ease-in-out infinite;
}
.widget-484a6a .tech-btn.anim-neon:hover {
  box-shadow: 0 0 16px var(--btn-accent), 0 0 40px var(--btn-accent), 0 0 70px color-mix(in srgb, var(--btn-accent) 50%, transparent), inset 0 0 20px color-mix(in srgb, var(--btn-accent) 25%, transparent);
  animation: none;
  filter: none;
}
@keyframes neon-flicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
    box-shadow: 0 0 8px var(--btn-accent), 0 0 20px color-mix(in srgb, var(--btn-accent) 50%, transparent), inset 0 0 12px color-mix(in srgb, var(--btn-accent) 15%, transparent);
    opacity: 1;
  }
  20%, 24%, 55% {
    box-shadow: none;
    opacity: 0.7;
  }
}
.widget-484a6a .tech-btn.anim-scan {
  border-color: var(--btn-accent);
  overflow: hidden;
}
.widget-484a6a .tech-btn.anim-scan .tech-btn-scan {
  display: block;
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 40%;
  background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--btn-accent) 25%, transparent) 50%, transparent 100%);
  animation: scan-move 2.5s linear infinite;
  pointer-events: none;
}
.widget-484a6a .tech-btn.anim-scan:hover .tech-btn-scan {
  animation-duration: 1s;
}
@keyframes scan-move {
  0% {
    top: -40%;
  }
  100% {
    top: 120%;
  }
}
.widget-484a6a .tech-btn.anim-matrix {
  font-family: "Courier New", monospace;
  border-color: var(--btn-accent);
  text-shadow: 0 0 6px var(--btn-accent);
  overflow: hidden;
}
.widget-484a6a .tech-btn.anim-matrix::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, color-mix(in srgb, var(--btn-accent) 4%, transparent) 2px, color-mix(in srgb, var(--btn-accent) 4%, transparent) 4px);
  pointer-events: none;
  animation: matrix-bg 8s linear infinite;
}
.widget-484a6a .tech-btn.anim-matrix:hover::before {
  animation-duration: 2s;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, color-mix(in srgb, var(--btn-accent) 10%, transparent) 2px, color-mix(in srgb, var(--btn-accent) 10%, transparent) 4px);
}
@keyframes matrix-bg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100px;
  }
}
.widget-484a6a .tech-btn.anim-circuit {
  border-color: var(--btn-accent);
  background: var(--btn-bg);
  /* horizontal trace */
  /* vertical trace */
}
.widget-484a6a .tech-btn.anim-circuit .tech-btn-corners {
  display: block;
}
.widget-484a6a .tech-btn.anim-circuit::before, .widget-484a6a .tech-btn.anim-circuit::after {
  content: "";
  position: absolute;
  background: var(--btn-accent);
  pointer-events: none;
}
.widget-484a6a .tech-btn.anim-circuit::before {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  animation: circuit-h 3s ease-in-out infinite;
}
.widget-484a6a .tech-btn.anim-circuit::after {
  top: 0;
  right: 0;
  width: 1px;
  height: 0;
  animation: circuit-v 3s ease-in-out infinite 1.5s;
}
.widget-484a6a .tech-btn.anim-circuit:hover::before {
  animation-duration: 0.6s;
}
.widget-484a6a .tech-btn.anim-circuit:hover::after {
  animation-duration: 0.6s;
  animation-delay: 0.3s;
}
@keyframes circuit-h {
  0% {
    width: 0;
    left: 0;
    opacity: 1;
  }
  45% {
    width: 100%;
    left: 0;
    opacity: 1;
  }
  50% {
    width: 100%;
    left: 0;
    opacity: 0;
  }
  100% {
    width: 0;
    left: 0;
    opacity: 0;
  }
}
@keyframes circuit-v {
  0% {
    height: 0;
    top: 0;
    opacity: 1;
  }
  45% {
    height: 100%;
    top: 0;
    opacity: 1;
  }
  50% {
    height: 100%;
    top: 0;
    opacity: 0;
  }
  100% {
    height: 0;
    top: 0;
    opacity: 0;
  }
}
.widget-484a6a .tech-btn.anim-laser {
  border-color: var(--btn-accent);
  overflow: hidden;
}
.widget-484a6a .tech-btn.anim-laser::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--btn-accent) 40%, transparent) 50%, transparent 100%);
  animation: laser-wipe 2s ease-in-out infinite;
  pointer-events: none;
}
.widget-484a6a .tech-btn.anim-laser:hover::before {
  animation-duration: 0.6s;
  background: linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--btn-accent) 70%, transparent) 50%, transparent 100%);
}
@keyframes laser-wipe {
  0% {
    left: -60%;
  }
  100% {
    left: 120%;
  }
}
.widget-484a6a .tech-btn.anim-data {
  font-family: "Courier New", monospace;
  border-color: var(--btn-accent);
  overflow: hidden;
}
.widget-484a6a .tech-btn.anim-data .tech-btn-corners {
  display: block;
}
.widget-484a6a .tech-btn.anim-data .tech-btn-particles {
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.widget-484a6a .tech-btn.anim-data .p1, .widget-484a6a .tech-btn.anim-data .p2, .widget-484a6a .tech-btn.anim-data .p3, .widget-484a6a .tech-btn.anim-data .p4 {
  position: absolute;
  width: 2px;
  background: var(--btn-accent);
  border-radius: 1px;
  opacity: 0;
}
.widget-484a6a .tech-btn.anim-data .p1 {
  left: 20%;
  height: 4px;
  animation: data-dot 2.4s ease-in-out 0s infinite;
}
.widget-484a6a .tech-btn.anim-data .p2 {
  left: 45%;
  height: 6px;
  animation: data-dot 2.4s ease-in-out 0.6s infinite;
}
.widget-484a6a .tech-btn.anim-data .p3 {
  left: 65%;
  height: 3px;
  animation: data-dot 2.4s ease-in-out 1.2s infinite;
}
.widget-484a6a .tech-btn.anim-data .p4 {
  left: 80%;
  height: 5px;
  animation: data-dot 2.4s ease-in-out 1.8s infinite;
}
.widget-484a6a .tech-btn.anim-data:hover .p1 {
  animation-duration: 0.8s;
}
.widget-484a6a .tech-btn.anim-data:hover .p2 {
  animation-duration: 0.8s;
}
.widget-484a6a .tech-btn.anim-data:hover .p3 {
  animation-duration: 0.8s;
}
.widget-484a6a .tech-btn.anim-data:hover .p4 {
  animation-duration: 0.8s;
}
@keyframes data-dot {
  0% {
    top: 110%;
    opacity: 0;
  }
  20% {
    opacity: 0.9;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    top: -10%;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .widget-484a6a .tech-btn {
    font-size: calc(var(--btn-font-size) * 0.9);
    padding: calc(var(--btn-padding-v) * 0.85) calc(var(--btn-padding-h) * 0.75);
  }
}

@charset "UTF-8";
.widget-0bcf9c {
  /* ---------- Default Variables ---------- */
  --tech-accent: #00f0ff;
  --tech-accent2: var(--color_4, #f5f506);
  --tech-bg: transparent;
  --heading-color: var(--color_1, #ffffff);
  --subheading-color: var(--color_1, #ffffff);
  --body-color: var(--color_1, #ffffff);
  --tagline-color: var(--tech-accent);
  --cta-color: var(--color_3, #000000);
  --scanline-opacity: 0.04;
  /* ---------- Base ---------- */
  /* ---------- Tagline ---------- */
  /* ---------- Heading ---------- */
  /* ---------- Subheading ---------- */
  /* ---------- Body ---------- */
  /* ---------- Decorative Line ---------- */
  /* ---------- Scanline overlay ---------- */
  /* ---------- CTA ---------- */
  /* ============================================================
     ANIMATION THEMES
  ============================================================ */
  /* ── 1. Typewriter ── */
  /* ── 2. Glitch ── */
  /* ── 3. Fade-In slide up ── */
  /* ── 4. Neon glow pulse ── */
  /* ── 5. Scramble (driven by JS, but base class) ── */
  /* ============================================================
     RESPONSIVE
  ============================================================ */
}
.widget-0bcf9c .tech-text-widget {
  position: relative;
  overflow: hidden;
  background: var(--tech-bg);
  padding: 40px 32px;
  width: 100%;
  box-sizing: border-box;
}
.widget-0bcf9c .tagline-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
}
.widget-0bcf9c .tagline-bracket {
  font-family: "Courier New", monospace;
  font-size: 0.85em;
  color: var(--tagline-color);
  opacity: 0.8;
}
.widget-0bcf9c .tagline-text {
  font-family: "Courier New", monospace;
  font-size: 0.78em;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tagline-color);
}
.widget-0bcf9c .heading-wrapper {
  margin-bottom: 12px;
}
.widget-0bcf9c .main-heading {
  color: var(--heading-color);
  margin: 0;
  line-height: 1.15;
  word-break: break-word;
}
.widget-0bcf9c .subheading-wrapper {
  margin-bottom: 14px;
}
.widget-0bcf9c .sub-heading {
  margin: 0;
  color: var(--subheading-color);
  opacity: 0.85;
}
.widget-0bcf9c .body-wrapper {
  margin-bottom: 22px;
}
.widget-0bcf9c .body-text {
  color: var(--body-color);
  line-height: 1.7;
}
.widget-0bcf9c .body-text p {
  margin: 0 0 0.8em;
}
.widget-0bcf9c .decor-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.widget-0bcf9c .decor-line-bar {
  flex: 1;
  height: 1px;
  background: var(--tech-accent);
  opacity: 0.45;
}
.widget-0bcf9c .decor-line-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tech-accent);
  box-shadow: 0 0 6px var(--tech-accent);
  flex-shrink: 0;
}
.widget-0bcf9c .scanline-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(to bottom, transparent 0px, transparent 3px, rgba(0, 0, 0, var(--scanline-opacity)) 3px, rgba(0, 0, 0, var(--scanline-opacity)) 4px);
  z-index: 1;
}
.widget-0bcf9c .cta-wrapper {
  margin-top: 4px;
}
.widget-0bcf9c .typewriter-text {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid var(--tech-accent);
  width: 0;
  animation: tw-typing 2.4s steps(40, end) 0.3s forwards, tw-caret 0.75s step-end infinite;
}
@keyframes tw-typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes tw-caret {
  0%, 100% {
    border-color: var(--tech-accent);
  }
  50% {
    border-color: transparent;
  }
}
.widget-0bcf9c .glitch-text {
  position: relative;
  display: inline-block;
}
.widget-0bcf9c .glitch-text::before,
.widget-0bcf9c .glitch-text::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  background: transparent;
  overflow: hidden;
  clip-path: inset(0 0 90% 0);
}
.widget-0bcf9c .glitch-text::before {
  left: 2px;
  color: #ff003c;
  animation: glitch-top 3s infinite linear;
  text-shadow: -2px 0 #ff003c;
}
.widget-0bcf9c .glitch-text::after {
  left: -2px;
  color: #00f0ff;
  animation: glitch-bottom 3.3s infinite linear;
  text-shadow: 2px 0 #00f0ff;
}
@keyframes glitch-top {
  0% {
    clip-path: inset(0 0 90% 0);
    transform: skewX(-2deg);
    opacity: 0;
  }
  10% {
    clip-path: inset(5% 0 80% 0);
    transform: skewX(2deg);
    opacity: 1;
  }
  20% {
    clip-path: inset(40% 0 50% 0);
    transform: skewX(-1deg);
    opacity: 1;
  }
  30% {
    clip-path: inset(80% 0 5% 0);
    transform: skewX(1deg);
    opacity: 0.8;
  }
  40% {
    clip-path: inset(20% 0 75% 0);
    transform: skewX(-2deg);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 0 90% 0);
    transform: skewX(0);
    opacity: 0;
  }
}
@keyframes glitch-bottom {
  0% {
    clip-path: inset(85% 0 0 0);
    transform: skewX(2deg);
    opacity: 0;
  }
  15% {
    clip-path: inset(60% 0 20% 0);
    transform: skewX(-2deg);
    opacity: 1;
  }
  35% {
    clip-path: inset(10% 0 70% 0);
    transform: skewX(1deg);
    opacity: 0.9;
  }
  55% {
    clip-path: inset(75% 0 10% 0);
    transform: skewX(-1deg);
    opacity: 1;
  }
  75% {
    clip-path: inset(30% 0 55% 0);
    transform: skewX(2deg);
    opacity: 0.8;
  }
  100% {
    clip-path: inset(85% 0 0 0);
    transform: skewX(0);
    opacity: 0;
  }
}
.widget-0bcf9c .fadein-text {
  display: inline-block;
  animation: fadein-up 1s ease 0.2s both;
  opacity: 0;
}
@keyframes fadein-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.widget-0bcf9c .neon-text {
  display: inline-block;
  color: var(--tech-accent);
  animation: neon-pulse 2.5s ease-in-out infinite;
}
@keyframes neon-pulse {
  0%, 100% {
    text-shadow: 0 0 4px var(--tech-accent), 0 0 10px var(--tech-accent), 0 0 22px var(--tech-accent), 0 0 42px var(--tech-accent);
  }
  50% {
    text-shadow: 0 0 2px var(--tech-accent), 0 0 6px var(--tech-accent), 0 0 14px var(--tech-accent);
  }
}
.widget-0bcf9c .scramble-text {
  display: inline-block;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .widget-0bcf9c .tech-text-widget {
    padding: 28px 18px;
  }
  .widget-0bcf9c .typewriter-text {
    white-space: normal;
    animation: fadein-up 1s ease 0.2s both, tw-caret 0.75s step-end infinite;
    width: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-0bcf9c .tech-text-widget {
    padding: 34px 24px;
  }
}

@charset "UTF-8";
.widget-91e3b9 {
  --qc-primary: #F5F506;
  --qc-primary-dark: #d4d400;
  --qc-bg: #0a0a0a;
  --qc-card-bg: #111111;
  --qc-card-border: rgba(245,245,6,0.15);
  --qc-card-hover: rgba(245,245,6,0.08);
  --qc-text: #ffffff;
  --qc-text-muted: rgba(255,255,255,0.6);
  --qc-text-faint: rgba(255,255,255,0.35);
  --qc-input-bg: #1a1a1a;
  --qc-input-border: rgba(255,255,255,0.15);
  --qc-input-focus: rgba(245,245,6,0.5);
  --qc-radius: 12px;
  --qc-radius-sm: 8px;
  --qc-radius-lg: 16px;
  --qc-transition: 0.2s ease;
  font-family: "Poppins", sans-serif;
  color: var(--qc-text);
  background: var(--qc-bg);
  border-radius: var(--qc-radius-lg);
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  /* ── HEADER ── */
  /* ── PROGRESS ── */
  /* ── FORM CONTAINER ── */
  /* ── STEPS ── */
  /* ── STEP HEADER ── */
  /* ── FIELDS ── */
  /* ── RADIO GROUP ── */
  /* ── CHECKBOX CARDS ── */
  /* ── RADIO CARDS ── */
  /* ── AUTOMATION CARDS ── */
  /* ── CONTENT GRID ── */
  /* ── NAVIGATION ── */
  /* ── RESULTS STEP ── */
  /* ── LEAD SCORE ── */
  /* ── FORM ERROR ── */
  /* ── THANK YOU DETAIL ROWS ── */
  /* ── CONTACT FORM ── */
  /* ── THANK YOU ── */
  /* ── CONTENT NEEDS SECTION ── */
  /* ── TIMELINE CARDS ── */
  /* ── RESPONSIVE ── */
}
.widget-91e3b9 .qc-wrapper {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.widget-91e3b9 .qc-header {
  background: linear-gradient(135deg, #0d0d0d 0%, #1a1a00 100%);
  border-bottom: 2px solid var(--qc-primary);
  padding: 48px 40px 36px;
  text-align: center;
}
.widget-91e3b9 .qc-header-inner {
  max-width: 620px;
  margin: 0 auto;
}
.widget-91e3b9 .qc-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--qc-primary);
  margin: 0 0 12px;
  line-height: 1.2;
}
.widget-91e3b9 .qc-subtitle {
  font-size: 1rem;
  color: var(--qc-text-muted);
  margin: 0 0 20px;
  line-height: 1.6;
}
.widget-91e3b9 .qc-time-badge {
  display: inline-block;
  background: rgba(245, 245, 6, 0.1);
  border: 1px solid rgba(245, 245, 6, 0.3);
  color: var(--qc-primary);
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 500;
}
.widget-91e3b9 .qc-progress-container {
  background: #0d0d0d;
  padding: 16px 40px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-91e3b9 .qc-progress-bar {
  flex: 1;
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}
.widget-91e3b9 .qc-progress-fill {
  height: 100%;
  background: var(--qc-primary);
  border-radius: 2px;
  transition: width 0.4s ease;
  width: 9%;
}
.widget-91e3b9 .qc-progress-label {
  font-size: 0.75rem;
  color: var(--qc-text-muted);
  white-space: nowrap;
}
.widget-91e3b9 .qc-form-container {
  padding: 40px;
}
.widget-91e3b9 .qc-step {
  display: none;
}
.widget-91e3b9 .qc-step.active {
  display: block;
  animation: qcFadeIn 0.35s ease;
}
@keyframes qcFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.widget-91e3b9 .qc-step-header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 32px;
}
.widget-91e3b9 .qc-step-number {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background: var(--qc-primary);
  color: #000;
  font-weight: 700;
  font-size: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.widget-91e3b9 .qc-step-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--qc-text);
  margin: 0 0 4px;
}
.widget-91e3b9 .qc-step-desc {
  font-size: 0.875rem;
  color: var(--qc-text-muted);
  margin: 0;
}
.widget-91e3b9 .qc-field-group {
  margin-bottom: 20px;
}
.widget-91e3b9 .qc-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.widget-91e3b9 .qc-label {
  display: block;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--qc-text-muted);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.widget-91e3b9 .qc-input,
.widget-91e3b9 .qc-select,
.widget-91e3b9 .qc-textarea {
  width: 100%;
  background: var(--qc-input-bg);
  border: 1px solid var(--qc-input-border);
  border-radius: var(--qc-radius-sm);
  color: var(--qc-text);
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  padding: 12px 16px;
  box-sizing: border-box;
  transition: border-color var(--qc-transition);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.widget-91e3b9 .qc-input::placeholder,
.widget-91e3b9 .qc-textarea::placeholder {
  color: var(--qc-text-faint);
}
.widget-91e3b9 .qc-input:focus,
.widget-91e3b9 .qc-select:focus,
.widget-91e3b9 .qc-textarea:focus {
  border-color: var(--qc-input-focus);
  box-shadow: 0 0 0 3px rgba(245, 245, 6, 0.08);
}
.widget-91e3b9 .qc-select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px;
  padding-right: 36px;
}
.widget-91e3b9 .qc-select option {
  background: #1a1a1a;
  color: #fff;
}
.widget-91e3b9 .qc-textarea {
  resize: vertical;
  min-height: 100px;
}
.widget-91e3b9 .qc-file-input {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 0.85rem;
}
.widget-91e3b9 .qc-radio-group {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.widget-91e3b9 .qc-radio-group.inline {
  gap: 20px;
}
.widget-91e3b9 .qc-radio-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  color: var(--qc-text);
  cursor: pointer;
}
.widget-91e3b9 .qc-radio {
  accent-color: var(--qc-primary);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.widget-91e3b9 .qc-checkbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 8px;
}
.widget-91e3b9 .qc-checkbox-card {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--qc-card-bg);
  border: 1px solid var(--qc-card-border);
  border-radius: var(--qc-radius);
  padding: 12px 14px;
  cursor: pointer;
  transition: all var(--qc-transition);
  position: relative;
}
.widget-91e3b9 .qc-checkbox-card:hover {
  background: var(--qc-card-hover);
  border-color: rgba(245, 245, 6, 0.4);
}
.widget-91e3b9 .qc-checkbox-card input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.widget-91e3b9 .qc-checkbox-card.checked {
  background: rgba(245, 245, 6, 0.1);
  border-color: var(--qc-primary);
}
.widget-91e3b9 .qc-card-icon {
  font-size: 1.2rem;
  min-width: 24px;
  text-align: center;
}
.widget-91e3b9 .qc-card-text {
  flex: 1;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--qc-text);
}
.widget-91e3b9 .qc-card-price {
  font-size: 0.72rem;
  color: var(--qc-primary);
  white-space: nowrap;
  font-weight: 600;
}
.widget-91e3b9 .qc-checkbox-card.monthly .qc-card-price {
  color: #4ade80;
}
.widget-91e3b9 .qc-radio-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 8px;
}
.widget-91e3b9 .qc-radio-card {
  cursor: pointer;
  position: relative;
}
.widget-91e3b9 .qc-radio-card input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.widget-91e3b9 .qc-radio-card-inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: var(--qc-card-bg);
  border: 2px solid var(--qc-card-border);
  border-radius: var(--qc-radius);
  padding: 16px 14px;
  transition: all var(--qc-transition);
  height: 100%;
  box-sizing: border-box;
}
.widget-91e3b9 .qc-radio-card:hover .qc-radio-card-inner {
  border-color: rgba(245, 245, 6, 0.4);
  background: var(--qc-card-hover);
}
.widget-91e3b9 .qc-radio-card.selected .qc-radio-card-inner {
  border-color: var(--qc-primary);
  background: rgba(245, 245, 6, 0.1);
}
.widget-91e3b9 .qc-radio-card-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--qc-text);
}
.widget-91e3b9 .qc-radio-card-price {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--qc-primary);
}
.widget-91e3b9 .qc-radio-card-desc {
  font-size: 0.75rem;
  color: var(--qc-text-muted);
  line-height: 1.4;
}
.widget-91e3b9 .qc-automation-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 8px;
}
.widget-91e3b9 .qc-automation-card {
  cursor: pointer;
  position: relative;
}
.widget-91e3b9 .qc-automation-card input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.widget-91e3b9 .qc-automation-inner {
  background: var(--qc-card-bg);
  border: 2px solid var(--qc-card-border);
  border-radius: var(--qc-radius);
  padding: 16px;
  transition: all var(--qc-transition);
  height: 100%;
  box-sizing: border-box;
}
.widget-91e3b9 .qc-automation-card:hover .qc-automation-inner {
  border-color: rgba(245, 245, 6, 0.4);
  background: var(--qc-card-hover);
}
.widget-91e3b9 .qc-automation-card.selected .qc-automation-inner {
  border-color: var(--qc-primary);
  background: rgba(245, 245, 6, 0.1);
}
.widget-91e3b9 .qc-automation-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
  gap: 6px;
}
.widget-91e3b9 .qc-automation-badge {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.widget-91e3b9 .none-badge {
  background: rgba(255, 255, 255, 0.1);
  color: #aaa;
}
.widget-91e3b9 .basic-badge {
  background: rgba(74, 222, 128, 0.15);
  color: #4ade80;
}
.widget-91e3b9 .medium-badge {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
}
.widget-91e3b9 .advanced-badge {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}
.widget-91e3b9 .enterprise-badge {
  background: rgba(245, 245, 6, 0.15);
  color: var(--qc-primary);
}
.widget-91e3b9 .qc-automation-price {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--qc-primary);
}
.widget-91e3b9 .qc-automation-desc {
  font-size: 0.78rem;
  color: var(--qc-text-muted);
  margin: 0;
  line-height: 1.4;
}
.widget-91e3b9 .qc-automation-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.widget-91e3b9 .qc-automation-list li {
  font-size: 0.78rem;
  color: var(--qc-text-muted);
  padding: 2px 0;
  padding-left: 14px;
  position: relative;
}
.widget-91e3b9 .qc-automation-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--qc-primary);
  font-size: 0.7rem;
}
.widget-91e3b9 .qc-content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.widget-91e3b9 .qc-content-item {
  background: var(--qc-card-bg);
  border: 1px solid var(--qc-card-border);
  border-radius: var(--qc-radius);
  padding: 16px;
}
.widget-91e3b9 .qc-content-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--qc-text);
  margin-bottom: 12px;
}
.widget-91e3b9 .qc-divider-label {
  font-size: 0.85rem;
  color: var(--qc-text-muted);
  margin-bottom: 16px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.widget-91e3b9 .qc-step-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-91e3b9 .qc-btn-next {
  background: var(--qc-primary);
  color: #000;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  padding: 14px 28px;
  border: none;
  border-radius: var(--qc-radius);
  cursor: pointer;
  transition: all var(--qc-transition);
  white-space: nowrap;
}
.widget-91e3b9 .qc-btn-next:hover {
  background: var(--qc-primary-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(245, 245, 6, 0.25);
}
.widget-91e3b9 .qc-btn-back {
  background: transparent;
  color: var(--qc-text-muted);
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  padding: 12px 20px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--qc-radius);
  cursor: pointer;
  transition: all var(--qc-transition);
}
.widget-91e3b9 .qc-btn-back:hover {
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--qc-text);
}
.widget-91e3b9 .qc-recommendation {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: rgba(245, 245, 6, 0.06);
  border: 1px solid rgba(245, 245, 6, 0.25);
  border-radius: var(--qc-radius);
  padding: 18px 20px;
  margin-bottom: 28px;
}
.widget-91e3b9 .qc-rec-icon {
  font-size: 1.4rem;
  flex-shrink: 0;
  margin-top: 1px;
}
.widget-91e3b9 .qc-rec-text {
  font-size: 0.9rem;
  color: var(--qc-text);
  line-height: 1.6;
}
.widget-91e3b9 .qc-results-section {
  background: var(--qc-card-bg);
  border: 1px solid var(--qc-card-border);
  border-radius: var(--qc-radius-lg);
  padding: 24px;
  margin-bottom: 20px;
}
.widget-91e3b9 .qc-results-heading {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--qc-text);
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.widget-91e3b9 .qc-cost-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}
.widget-91e3b9 .qc-cost-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  font-size: 0.88rem;
}
.widget-91e3b9 .qc-cost-row:last-child {
  border-bottom: none;
}
.widget-91e3b9 .qc-cost-name {
  color: var(--qc-text-muted);
}
.widget-91e3b9 .qc-cost-amount {
  font-weight: 600;
  color: var(--qc-text);
}
.widget-91e3b9 .qc-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  background: rgba(245, 245, 6, 0.08);
  border-radius: var(--qc-radius-sm);
  border: 1px solid rgba(245, 245, 6, 0.2);
}
.widget-91e3b9 .qc-total-label {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--qc-text);
}
.widget-91e3b9 .qc-total-amount {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--qc-primary);
}
.widget-91e3b9 .qc-lead-score {
  background: var(--qc-card-bg);
  border: 1px solid var(--qc-card-border);
  border-radius: var(--qc-radius-lg);
  padding: 24px;
  margin-bottom: 20px;
}
.widget-91e3b9 .qc-score-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.widget-91e3b9 .qc-score-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.widget-91e3b9 .qc-score-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--qc-text-muted);
  font-weight: 600;
}
.widget-91e3b9 .qc-stars {
  display: flex;
  gap: 3px;
}
.widget-91e3b9 .qc-star {
  font-size: 1.1rem;
}
.widget-91e3b9 .qc-score-value {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--qc-text);
}
.widget-91e3b9 .qc-priority-badge {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 20px;
  font-size: 0.78rem;
}
.widget-91e3b9 .priority-high {
  background: rgba(248, 113, 113, 0.15);
  color: #f87171;
}
.widget-91e3b9 .priority-medium {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
}
.widget-91e3b9 .priority-normal {
  background: rgba(74, 222, 128, 0.15);
  color: #4ade80;
}
.widget-91e3b9 .qc-team-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-91e3b9 .qc-team-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.widget-91e3b9 .qc-team-tag {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 0.8rem;
  color: var(--qc-text);
}
.widget-91e3b9 .qc-form-error {
  background: rgba(248, 113, 113, 0.1);
  border: 1px solid rgba(248, 113, 113, 0.4);
  border-radius: var(--qc-radius-sm);
  color: #f87171;
  font-size: 0.875rem;
  padding: 12px 16px;
  margin-bottom: 16px;
  line-height: 1.5;
}
.widget-91e3b9 .qc-ty-detail {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 0.9rem;
}
.widget-91e3b9 .qc-ty-detail:last-child {
  border-bottom: none;
}
.widget-91e3b9 .qc-ty-detail-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--qc-text-muted);
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.widget-91e3b9 .qc-contact-summary {
  background: rgba(245, 245, 6, 0.05);
  border: 1px solid rgba(245, 245, 6, 0.2);
  border-radius: var(--qc-radius);
  padding: 16px 20px;
  margin-bottom: 28px;
  font-size: 0.88rem;
  color: var(--qc-text-muted);
  line-height: 1.6;
}
.widget-91e3b9 .qc-cta-box {
  background: linear-gradient(135deg, rgba(245, 245, 6, 0.05) 0%, rgba(245, 245, 6, 0.1) 100%);
  border: 1px solid rgba(245, 245, 6, 0.25);
  border-radius: var(--qc-radius-lg);
  padding: 28px;
  text-align: center;
  margin-bottom: 28px;
  margin-top: 8px;
}
.widget-91e3b9 .qc-cta-desc {
  font-size: 0.9rem;
  color: var(--qc-text-muted);
  margin: 0 0 20px;
  line-height: 1.6;
}
.widget-91e3b9 .qc-submit-btn {
  background: var(--qc-primary);
  color: #000;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  padding: 16px 40px;
  border: none;
  border-radius: var(--qc-radius);
  cursor: pointer;
  transition: all var(--qc-transition);
  min-width: 220px;
}
.widget-91e3b9 .qc-submit-btn:hover {
  background: var(--qc-primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(245, 245, 6, 0.3);
}
.widget-91e3b9 .qc-submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.widget-91e3b9 .qc-thankyou {
  text-align: center;
  padding: 40px 20px;
}
.widget-91e3b9 .qc-ty-icon {
  font-size: 4rem;
  margin-bottom: 16px;
}
.widget-91e3b9 .qc-ty-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--qc-primary);
  margin: 0 0 16px;
}
.widget-91e3b9 .qc-ty-msg {
  font-size: 1rem;
  color: var(--qc-text-muted);
  margin: 0 0 28px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}
.widget-91e3b9 .qc-ty-summary {
  background: var(--qc-card-bg);
  border: 1px solid var(--qc-card-border);
  border-radius: var(--qc-radius);
  padding: 20px 24px;
  margin-bottom: 28px;
  font-size: 0.9rem;
  color: var(--qc-text-muted);
  text-align: left;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}
.widget-91e3b9 .qc-content-needs {
  margin-top: 8px;
}
.widget-91e3b9 .timeline-cards {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-91e3b9 .qc-header {
    padding: 36px 28px 28px;
  }
  .widget-91e3b9 .qc-form-container {
    padding: 32px 28px;
  }
  .widget-91e3b9 .qc-progress-container {
    padding: 14px 28px;
  }
  .widget-91e3b9 .qc-title {
    font-size: 1.9rem;
  }
  .widget-91e3b9 .qc-checkbox-grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  }
}
@media (max-width: 767px) {
  .widget-91e3b9 .qc-header {
    padding: 28px 20px 24px;
  }
  .widget-91e3b9 .qc-title {
    font-size: 1.5rem;
  }
  .widget-91e3b9 .qc-form-container {
    padding: 24px 20px;
  }
  .widget-91e3b9 .qc-progress-container {
    padding: 12px 20px;
  }
  .widget-91e3b9 .qc-checkbox-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .widget-91e3b9 .qc-checkbox-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 10px;
  }
  .widget-91e3b9 .qc-card-price {
    font-size: 0.68rem;
  }
  .widget-91e3b9 .qc-radio-cards,
  .widget-91e3b9 .qc-automation-cards {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .widget-91e3b9 .qc-field-row {
    grid-template-columns: 1fr;
  }
  .widget-91e3b9 .qc-score-grid {
    grid-template-columns: 1fr;
  }
  .widget-91e3b9 .qc-step-title {
    font-size: 1.2rem;
  }
  .widget-91e3b9 .qc-content-grid {
    grid-template-columns: 1fr;
  }
  .widget-91e3b9 .qc-automation-cards {
    grid-template-columns: 1fr;
  }
  .widget-91e3b9 .qc-total-amount {
    font-size: 1.1rem;
  }
  .widget-91e3b9 .qc-step-number {
    width: 36px;
    height: 36px;
    min-width: 36px;
    font-size: 0.85rem;
  }
}

.widget-1cce53 {
  /* ---- Theme variables ---- */
  --bg-color: #0a0e1a;
  --border-color: rgba(245, 245, 6, 0.25);
  --accent: rgba(245, 245, 6, 1);
  --accent-dim: rgba(245, 245, 6, 0.55);
  --text-primary: var(--color_1);
  --text-muted: rgba(255, 255, 255, 0.5);
  --link-color: rgba(255, 255, 255, 0.75);
  --link-hover: var(--accent);
  --dot-color: rgba(245, 245, 6, 0.4);
  --scan-color: rgba(245, 245, 6, 0.07);
  --font: "Poppins", sans-serif;
  width: 100%;
  display: block;
  /* ---- Scan line animation ---- */
  /* ---- Circuit dots ---- */
  /* ---- Inner layout ---- */
  /* ---- Brand ---- */
  /* ---- Center copyright ---- */
  /* ---- Right links ---- */
  /* ---- Responsive: tablet ---- */
  /* ---- Responsive: mobile ---- */
}
.widget-1cce53 .copyright-footer {
  position: relative;
  overflow: hidden;
  background: var(--bg-color);
  border-top: 1px solid var(--border-color);
  padding: 18px 32px;
  font-family: var(--font);
  box-shadow: 0 -2px 24px rgba(245, 245, 6, 0.06);
}
.widget-1cce53 .scan-line {
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--scan-color), transparent);
  animation: scan 5s linear infinite;
  pointer-events: none;
  z-index: 0;
}
@keyframes scan {
  0% {
    left: -60%;
  }
  100% {
    left: 110%;
  }
}
.widget-1cce53 .circuit-dots {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.widget-1cce53 .dot {
  position: absolute;
  border-radius: 50%;
  background: var(--dot-color);
  animation: pulse-dot 3s ease-in-out infinite;
}
.widget-1cce53 .dot-1 {
  width: 4px;
  height: 4px;
  top: 30%;
  left: 3%;
  animation-delay: 0s;
}
.widget-1cce53 .dot-2 {
  width: 3px;
  height: 3px;
  top: 60%;
  left: 8%;
  animation-delay: 0.6s;
}
.widget-1cce53 .dot-3 {
  width: 5px;
  height: 5px;
  top: 40%;
  left: 94%;
  animation-delay: 1.2s;
}
.widget-1cce53 .dot-4 {
  width: 3px;
  height: 3px;
  top: 65%;
  left: 90%;
  animation-delay: 1.8s;
}
.widget-1cce53 .dot-5 {
  width: 4px;
  height: 4px;
  top: 25%;
  left: 50%;
  animation-delay: 2.4s;
}
@keyframes pulse-dot {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.6);
  }
}
.widget-1cce53 .copyright-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.widget-1cce53 .copyright-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.widget-1cce53 .brand-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: var(--accent);
  fill: var(--accent);
}
.widget-1cce53 .brand-icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: var(--accent);
  color: var(--accent);
}
.widget-1cce53 .brand-name {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-primary);
}
.widget-1cce53 .copyright-center {
  text-align: center;
  flex: 1;
}
.widget-1cce53 .copyright-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 400;
  letter-spacing: 0.04em;
}
.widget-1cce53 .copy-symbol {
  color: var(--accent-dim);
  font-size: 13px;
}
.widget-1cce53 .copy-year {
  color: var(--accent);
  font-weight: 600;
}
.widget-1cce53 .copy-company {
  color: var(--text-primary);
  font-weight: 500;
}
.widget-1cce53 .copy-separator {
  color: var(--accent-dim);
  font-size: 10px;
}
.widget-1cce53 .copy-rights {
  color: var(--text-muted);
}
.widget-1cce53 .copyright-tagline {
  margin-top: 4px;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent-dim);
  font-weight: 400;
}
.widget-1cce53 .copyright-links {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-shrink: 0;
}
.widget-1cce53 .copyright-links a {
  text-decoration: none;
}
.widget-1cce53 .footer-link {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--link-color);
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  transition: color 0.25s ease;
}
.widget-1cce53 .footer-link::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--accent);
  transition: width 0.25s ease;
}
.widget-1cce53 .copyright-links a:hover .footer-link {
  color: var(--link-hover);
}
.widget-1cce53 .copyright-links a:hover .footer-link::after {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-1cce53 .copyright-footer {
    padding: 16px 24px;
  }
  .widget-1cce53 .copyright-inner {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .widget-1cce53 .copyright-footer {
    padding: 20px 16px;
  }
  .widget-1cce53 .copyright-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }
  .widget-1cce53 .copyright-brand {
    justify-content: center;
  }
  .widget-1cce53 .copyright-links {
    justify-content: center;
    gap: 14px;
  }
  .widget-1cce53 .dot-1, .widget-1cce53 .dot-2, .widget-1cce53 .dot-3, .widget-1cce53 .dot-4 {
    display: none;
  }
}

.widget-77d3bc .ecp-why-section {
  width: 100%;
  padding: 60px 40px;
  box-sizing: border-box;
}
.widget-77d3bc .ecp-header {
  text-align: center;
  margin-bottom: 48px;
}
.widget-77d3bc .ecp-title {
  font-family: "Libre Baskerville", serif;
  font-size: 35px;
  font-weight: 700;
  color: var(--color_1);
  margin: 0 0 14px 0;
  line-height: 1.2;
}
.widget-77d3bc .ecp-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  color: var(--color_1);
  opacity: 0.8;
  margin: 0 auto;
  max-width: 600px;
  line-height: 1.6;
}
.widget-77d3bc .ecp-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}
.widget-77d3bc .ecp-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 36px 28px 32px;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  cursor: default;
  box-sizing: border-box;
}
.widget-77d3bc .ecp-card.ecp-card--visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.widget-77d3bc .ecp-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}
.widget-77d3bc .ecp-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: rgba(245, 245, 6, 0.12);
}
.widget-77d3bc .ecp-card-icon svg {
  width: 32px;
  height: 32px;
  fill: var(--color_4);
  color: var(--color_4);
}
.widget-77d3bc .ecp-card-title {
  font-family: "Libre Baskerville", serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--color_1);
  margin: 0 0 10px 0;
  line-height: 1.3;
}
.widget-77d3bc .ecp-card-desc {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: var(--color_1);
  opacity: 0.75;
  margin: 0;
  line-height: 1.6;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-77d3bc .ecp-cards-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .widget-77d3bc .ecp-why-section {
    padding: 48px 24px;
  }
  .widget-77d3bc .ecp-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .widget-77d3bc .ecp-cards-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .widget-77d3bc .ecp-why-section {
    padding: 40px 16px;
  }
  .widget-77d3bc .ecp-title {
    font-size: 24px;
  }
  .widget-77d3bc .ecp-subtitle {
    font-size: 15px;
  }
  .widget-77d3bc .ecp-card {
    padding: 28px 20px 24px;
  }
}

.widget-4300b8 {
  --bc-accent: var(--color_4);
  --bc-text: var(--color_1);
  --bc-muted: rgba(255, 255, 255, 0.5);
  --bc-line: rgba(245, 245, 6, 0.3);
  --bc-node-bg: rgba(0, 0, 0, 0.6);
  --bc-node-border: var(--color_4);
  --bc-node-size: 14px;
  --bc-line-width: 2px;
  --bc-item-gap: 0px;
  font-family: "Poppins", sans-serif;
  /* Header */
  /* Nav */
  /* Each item row */
  /* Connector column */
  /* Content */
  /* Tagline */
  /* Mobile */
}
.widget-4300b8 .breadcrumb-widget {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 0;
  max-width: 320px;
}
.widget-4300b8 .breadcrumb-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
.widget-4300b8 .breadcrumb-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.widget-4300b8 .breadcrumb-header-icon svg {
  width: 22px;
  height: 22px;
  fill: var(--bc-accent);
  color: var(--bc-accent);
}
.widget-4300b8 .breadcrumb-header-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--bc-accent);
  font-family: "Poppins", sans-serif;
}
.widget-4300b8 .breadcrumb-nav {
  width: 100%;
}
.widget-4300b8 .breadcrumb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--bc-item-gap);
}
.widget-4300b8 .breadcrumb-item {
  display: flex;
  align-items: stretch;
  gap: 16px;
  min-height: 48px;
}
.widget-4300b8 .breadcrumb-connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: var(--bc-node-size);
  position: relative;
}
.widget-4300b8 .breadcrumb-line {
  flex: 1;
  width: var(--bc-line-width);
  background: var(--bc-line);
  min-height: 16px;
  position: relative;
  overflow: hidden;
}
.widget-4300b8 .breadcrumb-line::after {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to bottom, transparent, var(--bc-accent), transparent);
  animation: lineFlow 3s linear infinite;
}
.widget-4300b8 .breadcrumb-line.hidden {
  background: transparent;
}
.widget-4300b8 .breadcrumb-line.hidden::after {
  display: none;
}
@keyframes lineFlow {
  0% {
    top: -40%;
  }
  100% {
    top: 140%;
  }
}
.widget-4300b8 .breadcrumb-node {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.widget-4300b8 .breadcrumb-dot {
  width: var(--bc-node-size);
  height: var(--bc-node-size);
  border-radius: 50%;
  background: var(--bc-node-bg);
  border: 2px solid var(--bc-node-border);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.widget-4300b8 .breadcrumb-item:hover .breadcrumb-dot {
  box-shadow: 0 0 10px var(--bc-accent), 0 0 20px rgba(245, 245, 6, 0.3);
}
.widget-4300b8 .breadcrumb-item--active .breadcrumb-dot {
  border-color: var(--bc-accent);
  box-shadow: 0 0 12px var(--bc-accent), 0 0 24px rgba(245, 245, 6, 0.4);
  background: rgba(245, 245, 6, 0.15);
}
.widget-4300b8 .breadcrumb-dot-inner {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--bc-accent);
}
.widget-4300b8 .breadcrumb-dot-inner.pulse {
  animation: pulseGlow 1.8s ease-in-out infinite;
}
@keyframes pulseGlow {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 4px var(--bc-accent);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.4);
    box-shadow: 0 0 10px var(--bc-accent);
  }
}
.widget-4300b8 .breadcrumb-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 0;
  min-width: 0;
}
.widget-4300b8 .breadcrumb-step-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--bc-muted);
  font-family: "Poppins", sans-serif;
  transition: color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  text-decoration: none;
}
.widget-4300b8 .breadcrumb-item:hover .breadcrumb-step-label {
  color: var(--bc-text);
}
.widget-4300b8 .breadcrumb-step-label.active-label {
  font-size: 15px;
  font-weight: 600;
  color: var(--bc-text);
  cursor: default;
}
.widget-4300b8 .breadcrumb-item--active .breadcrumb-step-label {
  color: var(--bc-text);
}
.widget-4300b8 a .breadcrumb-step-label {
  color: var(--bc-muted);
}
.widget-4300b8 a:hover .breadcrumb-step-label {
  color: var(--bc-text);
}
.widget-4300b8 .breadcrumb-step-desc {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
  margin-top: 2px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 1.4;
}
.widget-4300b8 .breadcrumb-tagline {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.widget-4300b8 .tagline-text {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.3);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}
@media (max-width: 767px) {
  .widget-4300b8 .breadcrumb-widget {
    max-width: 100%;
  }
  .widget-4300b8 .breadcrumb-step-label {
    font-size: 13px;
    white-space: normal;
  }
}

@charset "UTF-8";
.widget-5db9fa {
  --tron-cyan: #00e5ff;
  --tron-yellow: var(--color_4);
  --tron-dark: #050a0f;
  --tron-mid: #0a1520;
  --tron-glow: rgba(0, 229, 255, 0.18);
  --tron-border: rgba(0, 229, 255, 0.45);
  --text-main: var(--color_1);
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
  /* ── Matrix canvas ─────────────────────────────── */
  /* ── Portrait frame ─────────────────────────────── */
  /* Corner brackets */
  /* Scan line */
  /* ── Photo ─────────────────────────────────────── */
  /* ── Data panel ─────────────────────────────────── */
  /* Divider */
  /* Bio */
  /* Social chips */
  /* ── Ticker bar ─────────────────────────────────── */
  /* ── Responsive ─────────────────────────────────── */
}
.widget-5db9fa .portrait-widget {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  background: var(--tron-dark);
  border: 1px solid var(--tron-border);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 32px rgba(0, 229, 255, 0.12), inset 0 0 40px rgba(0, 0, 0, 0.6);
}
.widget-5db9fa .matrix-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.07;
  pointer-events: none;
  z-index: 0;
}
.widget-5db9fa .portrait-frame {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 24px 20px;
  gap: 0;
}
.widget-5db9fa .corner {
  position: absolute;
  width: 18px;
  height: 18px;
  border-color: var(--tron-cyan);
  border-style: solid;
  opacity: 0.75;
}
.widget-5db9fa .corner.tl {
  top: 10px;
  left: 10px;
  border-width: 2px 0 0 2px;
}
.widget-5db9fa .corner.tr {
  top: 10px;
  right: 10px;
  border-width: 2px 2px 0 0;
}
.widget-5db9fa .corner.bl {
  bottom: 10px;
  left: 10px;
  border-width: 0 0 2px 2px;
}
.widget-5db9fa .corner.br {
  bottom: 10px;
  right: 10px;
  border-width: 0 2px 2px 0;
}
.widget-5db9fa .scan-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--tron-cyan), transparent);
  opacity: 0.6;
  animation: scanDown 4s linear infinite;
  z-index: 2;
}
@keyframes scanDown {
  0% {
    top: 0;
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    top: 100%;
    opacity: 0.6;
  }
}
.widget-5db9fa .photo-wrap {
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 2px solid var(--tron-cyan);
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.3), 0 0 6px rgba(0, 229, 255, 0.5) inset;
  overflow: hidden;
  flex-shrink: 0;
  margin-bottom: 18px;
}
.widget-5db9fa .founder-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.85) contrast(1.08);
}
.widget-5db9fa .photo-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(0, 229, 255, 0.08) 0%, transparent 60%, rgba(245, 245, 6, 0.06) 100%);
  pointer-events: none;
}
.widget-5db9fa .glitch-overlay {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 229, 255, 0.03) 3px, rgba(0, 229, 255, 0.03) 4px);
  pointer-events: none;
  animation: glitchPulse 8s ease-in-out infinite;
}
@keyframes glitchPulse {
  0%, 90%, 100% {
    opacity: 1;
    transform: none;
  }
  92% {
    opacity: 0.8;
    transform: translateX(2px);
  }
  94% {
    opacity: 1;
    transform: translateX(-1px);
  }
  96% {
    opacity: 0.9;
    transform: translateX(1px);
  }
  98% {
    opacity: 1;
    transform: none;
  }
}
.widget-5db9fa .data-panel {
  width: 100%;
  text-align: center;
}
.widget-5db9fa .id-label {
  font-family: "Courier New", monospace;
  font-size: 10px;
  letter-spacing: 0.18em;
  color: var(--tron-cyan);
  opacity: 0.65;
  margin-bottom: 4px;
  text-transform: uppercase;
  animation: blink 3s step-end infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 0.65;
  }
  50% {
    opacity: 0.3;
  }
}
.widget-5db9fa .founder-name {
  font-family: "Libre Baskerville", serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--text-main);
  margin: 0 0 4px;
  text-shadow: 0 0 12px rgba(0, 229, 255, 0.3);
  letter-spacing: 0.04em;
}
.widget-5db9fa .founder-title {
  font-family: "Courier New", monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--tron-yellow);
  text-transform: uppercase;
  margin-bottom: 14px;
  opacity: 0.9;
}
.widget-5db9fa .divider-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.widget-5db9fa .divider-line::before,
.widget-5db9fa .divider-line::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--tron-cyan));
  opacity: 0.35;
}
.widget-5db9fa .divider-line::after {
  background: linear-gradient(90deg, var(--tron-cyan), transparent);
}
.widget-5db9fa .divider-text {
  font-family: "Courier New", monospace;
  font-size: 9px;
  letter-spacing: 0.2em;
  color: var(--tron-cyan);
  opacity: 0.55;
}
.widget-5db9fa .founder-bio {
  font-size: 13px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 16px;
  text-align: center;
}
.widget-5db9fa .social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 4px;
  padding-bottom: 4px;
}
.widget-5db9fa .social-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Courier New", monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--tron-cyan);
  text-decoration: none;
  border: 1px solid rgba(0, 229, 255, 0.3);
  border-radius: 2px;
  padding: 4px 10px;
  background: rgba(0, 229, 255, 0.05);
  transition: all 0.25s ease;
  text-transform: uppercase;
}
.widget-5db9fa .social-chip:hover {
  background: rgba(0, 229, 255, 0.14);
  border-color: var(--tron-cyan);
  box-shadow: 0 0 10px rgba(0, 229, 255, 0.2);
  color: #fff;
}
.widget-5db9fa .chip-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tron-cyan);
  animation: dotPulse 2s ease-in-out infinite;
  display: inline-block;
}
@keyframes dotPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.7);
  }
}
.widget-5db9fa .ticker-bar {
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(0, 229, 255, 0.2);
  background: rgba(0, 229, 255, 0.04);
  overflow: hidden;
  height: 26px;
  display: flex;
  align-items: center;
}
.widget-5db9fa .ticker-inner {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
  animation: tickerScroll 18s linear infinite;
  padding-left: 100%;
}
@keyframes tickerScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.widget-5db9fa .t-item {
  font-family: "Courier New", monospace;
  font-size: 9px;
  letter-spacing: 0.18em;
  color: var(--tron-cyan);
  opacity: 0.6;
  text-transform: uppercase;
}
.widget-5db9fa .t-sep {
  color: var(--tron-yellow);
  font-size: 7px;
  opacity: 0.5;
}
@media (max-width: 767px) {
  .widget-5db9fa .portrait-frame {
    padding: 22px 16px 16px;
  }
  .widget-5db9fa .photo-wrap {
    width: 110px;
    height: 110px;
  }
  .widget-5db9fa .founder-name {
    font-size: 19px;
  }
}

@charset "UTF-8";
.widget-f5c208 {
  font-family: "Poppins", sans-serif;
  /* ── Header ── */
  /* ══════════════════════════════════════════
     3D CAROUSEL SCENE
  ══════════════════════════════════════════ */
  /* The scrollable row of slots */
  /* ── Each slot wraps one card and owns its 3-D transform ── */
  /* ── SLOT STATE CLASSES (set by JS) ── */
  /* Active – front and centre, flat */
  /* One step each side */
  /* Two steps each side */
  /* Everything else – far back */
  /* ══════════════════════════════════════════
     3D CARD STYLING
  ══════════════════════════════════════════ */
  /* Active card gets a brighter glow ring */
  /* ── Holographic gloss overlay ── */
  /* ── Chamfered corner accents ── */
  /* ── Scan-line overlay (active card only) ── */
  /* ── Card inner content ── */
  /* ── Divider ── */
  /* ══════════════════════════════════════════
     REFLECTION / GROUND SHADOW
  ══════════════════════════════════════════ */
  /* ══════════════════════════════════════════
     ARROWS
  ══════════════════════════════════════════ */
  /* ══════════════════════════════════════════
     DOT NAV
  ══════════════════════════════════════════ */
  /* ══════════════════════════════════════════
     AUTO-PLAY PROGRESS BAR
  ══════════════════════════════════════════ */
  /* ══════════════════════════════════════════
     CTA
  ══════════════════════════════════════════ */
  /* ── THEME: neon (default) ── */
  /* ── THEME: cyber ── */
  /* ── THEME: holographic ── */
  /* ── THEME: matrix ── */
  /* ── THEME: solid-tech ── */
  /* ── ANIMATION: pulse ── */
  /* ── ANIMATION: glitch ── */
  /* ── ANIMATION: scan-line ── */
  /* ── ANIMATION: shimmer ── */
  /* ── ANIMATION: type-cursor ── */
  /* ── ANIMATION: none ── */
  /* ══════════════════════════════════════════
     RESPONSIVE
  ══════════════════════════════════════════ */
}
.widget-f5c208 .problems-widget {
  padding: 60px 20px 80px;
  max-width: 1200px;
  margin: 0 auto;
}
.widget-f5c208 .problems-header {
  text-align: center;
  margin-bottom: 56px;
}
.widget-f5c208 .problems-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--color_4);
  background: rgba(245, 245, 6, 0.12);
  border: 1px solid rgba(245, 245, 6, 0.35);
  border-radius: 50px;
  padding: 5px 16px;
  margin-bottom: 18px;
}
.widget-f5c208 .problems-title {
  font-family: "Libre Baskerville", serif;
  font-size: 38px;
  font-weight: 700;
  color: var(--color_1);
  margin: 0 0 14px;
  line-height: 1.2;
}
.widget-f5c208 .problems-subtitle {
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.6;
}
.widget-f5c208 .carousel-scene {
  position: relative;
  width: 100%;
  padding: 40px 0 20px;
  /* perspective applied here so all children share one vanishing point */
  perspective: 1400px;
  perspective-origin: 50% 45%;
}
.widget-f5c208 .carousel-stage {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* extra vertical room for the 3-D tilt effect */
  padding: 32px 0 48px;
}
.widget-f5c208 .carousel-track {
  display: flex;
  align-items: center;
  gap: 28px;
  transition: transform 0.72s cubic-bezier(0.35, 0, 0.1, 1);
  will-change: transform;
  transform-style: preserve-3d;
}
.widget-f5c208 .carousel-slot {
  flex: 0 0 300px;
  height: 340px;
  transform-style: preserve-3d;
  transition: transform 0.72s cubic-bezier(0.35, 0, 0.1, 1), opacity 0.72s ease, filter 0.72s ease;
  cursor: pointer;
  position: relative;
}
.widget-f5c208 .carousel-slot.is-active {
  transform: translateZ(60px) scale(1.08);
  opacity: 1;
  filter: none;
  z-index: 5;
}
.widget-f5c208 .carousel-slot.is-prev1 {
  transform: translateZ(-30px) translateX(-10px) rotateY(22deg) scale(0.93);
  opacity: 0.72;
  filter: brightness(0.7);
  z-index: 4;
}
.widget-f5c208 .carousel-slot.is-next1 {
  transform: translateZ(-30px) translateX(10px) rotateY(-22deg) scale(0.93);
  opacity: 0.72;
  filter: brightness(0.7);
  z-index: 4;
}
.widget-f5c208 .carousel-slot.is-prev2 {
  transform: translateZ(-110px) translateX(-20px) rotateY(38deg) scale(0.8);
  opacity: 0.42;
  filter: brightness(0.45);
  z-index: 3;
}
.widget-f5c208 .carousel-slot.is-next2 {
  transform: translateZ(-110px) translateX(20px) rotateY(-38deg) scale(0.8);
  opacity: 0.42;
  filter: brightness(0.45);
  z-index: 3;
}
.widget-f5c208 .carousel-slot.is-far {
  transform: translateZ(-200px) scale(0.65);
  opacity: 0;
  filter: brightness(0.2);
  z-index: 1;
  pointer-events: none;
}
.widget-f5c208 .problem-card {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  /* Dark glass base */
  background: linear-gradient(145deg, rgba(18, 18, 30, 0.95) 0%, rgba(10, 10, 20, 0.98) 100%);
  /* Layered borders: outer glow + inner edge */
  border: 1px solid rgba(245, 245, 6, 0.25);
  box-shadow: 0 0 0 1px rgba(245, 245, 6, 0.08), 0 24px 60px rgba(0, 0, 0, 0.55), 0 8px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.widget-f5c208 .carousel-slot.is-active .problem-card {
  border-color: rgba(245, 245, 6, 0.55);
  box-shadow: 0 0 0 1px rgba(245, 245, 6, 0.18), 0 0 32px rgba(245, 245, 6, 0.22), 0 0 80px rgba(245, 245, 6, 0.08), 0 30px 70px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.widget-f5c208 .card-gloss {
  position: absolute;
  inset: 0;
  border-radius: 18px;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 40%, transparent 60%, rgba(245, 245, 6, 0.04) 100%);
  /* subtle animated shimmer on the active card */
  opacity: 0;
  transition: opacity 0.5s ease;
}
.widget-f5c208 .carousel-slot.is-active .card-gloss {
  opacity: 1;
  animation: card-gloss-sweep 3.5s ease-in-out infinite;
}
@keyframes card-gloss-sweep {
  0%, 100% {
    background-position: -200% 0;
  }
  50% {
    background-position: 200% 0;
  }
}
.widget-f5c208 .card-corner {
  position: absolute;
  width: 14px;
  height: 14px;
  border-color: var(--color_4);
  border-style: solid;
  opacity: 0.5;
  z-index: 2;
  transition: opacity 0.4s ease, width 0.4s ease, height 0.4s ease;
}
.widget-f5c208 .card-corner.tl {
  top: 10px;
  left: 10px;
  border-width: 2px 0 0 2px;
}
.widget-f5c208 .card-corner.tr {
  top: 10px;
  right: 10px;
  border-width: 2px 2px 0 0;
}
.widget-f5c208 .card-corner.bl {
  bottom: 10px;
  left: 10px;
  border-width: 0 0 2px 2px;
}
.widget-f5c208 .card-corner.br {
  bottom: 10px;
  right: 10px;
  border-width: 0 2px 2px 0;
}
.widget-f5c208 .carousel-slot.is-active .card-corner {
  opacity: 1;
  width: 18px;
  height: 18px;
}
.widget-f5c208 .carousel-slot.is-active .problem-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  background: repeating-linear-gradient(to bottom, transparent 0px, transparent 3px, rgba(0, 0, 0, 0.06) 3px, rgba(0, 0, 0, 0.06) 4px);
  pointer-events: none;
  z-index: 3;
  opacity: 0.6;
}
.widget-f5c208 .problem-top,
.widget-f5c208 .solution-bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  position: relative;
  z-index: 4;
}
.widget-f5c208 .problem-icon,
.widget-f5c208 .solution-icon {
  font-size: 22px;
  line-height: 1;
  filter: drop-shadow(0 0 6px rgba(245, 245, 6, 0.4));
}
.widget-f5c208 .problem-text {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  line-height: 1.55;
}
.widget-f5c208 .problem-divider {
  display: flex;
  align-items: center;
  margin: 14px 0;
  gap: 10px;
  position: relative;
  z-index: 4;
}
.widget-f5c208 .problem-divider::before,
.widget-f5c208 .problem-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(245, 245, 6, 0.22);
  box-shadow: 0 0 6px rgba(245, 245, 6, 0.2);
}
.widget-f5c208 .problem-arrow {
  font-size: 18px;
  color: var(--color_4);
  line-height: 1;
  flex-shrink: 0;
  filter: drop-shadow(0 0 5px rgba(245, 245, 6, 0.7));
}
.widget-f5c208 .solution-text {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--color_4);
  margin: 0;
  line-height: 1.55;
  text-shadow: 0 0 12px rgba(245, 245, 6, 0.35);
}
.widget-f5c208 .carousel-stage::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 48px;
  background: radial-gradient(ellipse at 50% 100%, rgba(245, 245, 6, 0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.widget-f5c208 .carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid rgba(245, 245, 6, 0.4);
  background: rgba(0, 0, 0, 0.55);
  color: var(--color_4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
  padding: 0;
  backdrop-filter: blur(6px);
  box-shadow: 0 0 10px rgba(245, 245, 6, 0.15);
}
.widget-f5c208 .carousel-arrow svg {
  width: 20px;
  height: 20px;
}
.widget-f5c208 .carousel-prev {
  left: 8px;
}
.widget-f5c208 .carousel-next {
  right: 8px;
}
.widget-f5c208 .carousel-arrow:hover {
  background: rgba(245, 245, 6, 0.15);
  border-color: var(--color_4);
  box-shadow: 0 0 18px rgba(245, 245, 6, 0.4);
  transform: translateY(-50%) scale(1.1);
}
.widget-f5c208 .carousel-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  position: relative;
  z-index: 10;
}
.widget-f5c208 .carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
  background: rgba(245, 245, 6, 0.25);
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.widget-f5c208 .carousel-dot.is-active {
  background: var(--color_4);
  transform: scale(1.35);
  box-shadow: 0 0 8px rgba(245, 245, 6, 0.7);
}
.widget-f5c208 .carousel-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--color_4);
  box-shadow: 0 0 8px rgba(245, 245, 6, 0.6);
  transition: width linear;
  z-index: 10;
}
.widget-f5c208 .problems-cta {
  text-align: center;
  margin-top: 52px;
  position: relative;
}
.widget-f5c208 .problems-cta-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 36px;
  border-radius: 50px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  letter-spacing: 0.04em;
  z-index: 0;
  transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
.widget-f5c208 .problems-cta-btn.btn-theme-neon {
  background: transparent;
  color: var(--color_4);
  border: 2px solid var(--color_4);
  box-shadow: 0 0 10px rgba(245, 245, 6, 0.35), inset 0 0 10px rgba(245, 245, 6, 0.05);
}
.widget-f5c208 .problems-cta-btn.btn-theme-neon:hover {
  background: var(--color_4);
  color: #000;
  box-shadow: 0 0 24px rgba(245, 245, 6, 0.8), 0 0 60px rgba(245, 245, 6, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.1);
  transform: translateY(-3px);
}
.widget-f5c208 .problems-cta-btn.btn-theme-cyber {
  background: #000;
  color: #00ffff;
  border: 1px solid #00ffff;
  box-shadow: 0 0 8px rgba(0, 255, 255, 0.3), inset 0 0 8px rgba(0, 255, 255, 0.05);
  border-radius: 4px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 13px;
}
.widget-f5c208 .problems-cta-btn.btn-theme-cyber:hover {
  background: rgba(0, 255, 255, 0.1);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.7), 0 0 50px rgba(0, 255, 255, 0.3), inset 0 0 20px rgba(0, 255, 255, 0.08);
  color: #fff;
  transform: translateY(-2px);
}
.widget-f5c208 .problems-cta-btn.btn-theme-holo {
  background: linear-gradient(135deg, rgba(120, 80, 255, 0.15) 0%, rgba(0, 200, 255, 0.15) 50%, rgba(245, 245, 6, 0.12) 100%);
  color: #fff;
  border: 1px solid rgba(200, 160, 255, 0.5);
  box-shadow: 0 4px 24px rgba(120, 80, 255, 0.2);
  border-radius: 8px;
}
.widget-f5c208 .problems-cta-btn.btn-theme-holo:hover {
  background: linear-gradient(135deg, rgba(160, 100, 255, 0.35) 0%, rgba(0, 220, 255, 0.3) 50%, rgba(245, 245, 6, 0.25) 100%);
  border-color: rgba(220, 180, 255, 0.8);
  box-shadow: 0 6px 40px rgba(120, 80, 255, 0.45), 0 0 20px rgba(0, 200, 255, 0.3);
  transform: translateY(-3px);
}
.widget-f5c208 .problems-cta-btn.btn-theme-matrix {
  background: rgba(0, 255, 70, 0.08);
  color: #00ff46;
  border: 1px solid #00ff46;
  box-shadow: 0 0 8px rgba(0, 255, 70, 0.25), inset 0 0 8px rgba(0, 255, 70, 0.04);
  border-radius: 2px;
  letter-spacing: 0.1em;
  font-family: "Courier New", monospace;
}
.widget-f5c208 .problems-cta-btn.btn-theme-matrix:hover {
  background: rgba(0, 255, 70, 0.18);
  box-shadow: 0 0 22px rgba(0, 255, 70, 0.7), 0 0 50px rgba(0, 255, 70, 0.3), inset 0 0 20px rgba(0, 255, 70, 0.07);
  transform: translateY(-2px);
}
.widget-f5c208 .problems-cta-btn.btn-theme-solid {
  background: var(--color_4);
  color: #000;
  border: 2px solid var(--color_4);
  box-shadow: 4px 4px 0px rgba(245, 245, 6, 0.4);
  border-radius: 6px;
  font-weight: 700;
}
.widget-f5c208 .problems-cta-btn.btn-theme-solid:hover {
  background: #fff;
  border-color: #fff;
  color: #000;
  box-shadow: 6px 6px 0px rgba(245, 245, 6, 0.5);
  transform: translate(-2px, -2px);
}
.widget-f5c208 .problems-cta-btn.btn-anim-pulse {
  animation: btn-pulse 2.5s ease-in-out infinite;
}
@keyframes btn-pulse {
  0%, 100% {
    box-shadow: 0 0 10px rgba(245, 245, 6, 0.35), inset 0 0 10px rgba(245, 245, 6, 0.05);
  }
  50% {
    box-shadow: 0 0 28px rgba(245, 245, 6, 0.7), 0 0 50px rgba(245, 245, 6, 0.25), inset 0 0 16px rgba(245, 245, 6, 0.08);
  }
}
.widget-f5c208 .problems-cta-btn.btn-theme-cyber.btn-anim-pulse {
  animation: btn-pulse-cyan 2.5s ease-in-out infinite;
}
@keyframes btn-pulse-cyan {
  0%, 100% {
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.3), inset 0 0 8px rgba(0, 255, 255, 0.05);
  }
  50% {
    box-shadow: 0 0 24px rgba(0, 255, 255, 0.7), 0 0 48px rgba(0, 255, 255, 0.25), inset 0 0 14px rgba(0, 255, 255, 0.08);
  }
}
.widget-f5c208 .problems-cta-btn.btn-theme-matrix.btn-anim-pulse {
  animation: btn-pulse-green 2.5s ease-in-out infinite;
}
@keyframes btn-pulse-green {
  0%, 100% {
    box-shadow: 0 0 8px rgba(0, 255, 70, 0.25), inset 0 0 8px rgba(0, 255, 70, 0.04);
  }
  50% {
    box-shadow: 0 0 24px rgba(0, 255, 70, 0.65), 0 0 48px rgba(0, 255, 70, 0.2), inset 0 0 14px rgba(0, 255, 70, 0.07);
  }
}
.widget-f5c208 .problems-cta-btn.btn-anim-glitch {
  animation: btn-glitch 4s steps(1) infinite;
}
@keyframes btn-glitch {
  0%, 94%, 100% {
    transform: none;
    filter: none;
  }
  95% {
    transform: translate(-2px, 1px) skewX(-3deg);
    filter: hue-rotate(90deg) brightness(1.3);
  }
  96% {
    transform: translate(2px, -1px) skewX(2deg);
    filter: hue-rotate(180deg) brightness(1.1);
  }
  97% {
    transform: translate(-1px, -2px);
    filter: hue-rotate(270deg);
  }
  98% {
    transform: translate(0);
    filter: none;
  }
}
.widget-f5c208 .problems-cta-btn.btn-anim-scan::after {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent 40%, rgba(255, 255, 255, 0.12) 50%, transparent 60%);
  animation: btn-scan 2.5s linear infinite;
  pointer-events: none;
  z-index: 1;
}
@keyframes btn-scan {
  0% {
    top: -100%;
  }
  100% {
    top: 200%;
  }
}
.widget-f5c208 .problems-cta-btn.btn-anim-shimmer::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.22) 50%, transparent 100%);
  animation: btn-shimmer 2.8s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
  border-radius: inherit;
}
@keyframes btn-shimmer {
  0% {
    left: -75%;
  }
  60%, 100% {
    left: 125%;
  }
}
.widget-f5c208 .problems-cta-btn.btn-anim-cursor .btn-cursor {
  display: inline-block;
  width: 2px;
  height: 1em;
  background: currentColor;
  margin-left: 4px;
  vertical-align: text-bottom;
  animation: btn-blink 1s step-end infinite;
}
@keyframes btn-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.widget-f5c208 .problems-cta-btn.btn-anim-none {
  animation: none;
}
.widget-f5c208 .problems-cta-btn.btn-anim-none::before,
.widget-f5c208 .problems-cta-btn.btn-anim-none::after {
  display: none;
}
@media (max-width: 1024px) {
  .widget-f5c208 .carousel-slot {
    flex: 0 0 270px;
    height: 320px;
  }
  .widget-f5c208 .problems-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .widget-f5c208 .problems-widget {
    padding: 40px 16px 64px;
  }
  .widget-f5c208 .problems-title {
    font-size: 26px;
  }
  .widget-f5c208 .problems-subtitle {
    font-size: 15px;
  }
  .widget-f5c208 .carousel-slot {
    flex: 0 0 240px;
    height: 300px;
  }
  .widget-f5c208 .carousel-scene {
    perspective: 900px;
  }
  .widget-f5c208 .carousel-slot.is-prev1 {
    transform: translateZ(-20px) translateX(-8px) rotateY(15deg) scale(0.92);
  }
  .widget-f5c208 .carousel-slot.is-next1 {
    transform: translateZ(-20px) translateX(8px) rotateY(-15deg) scale(0.92);
  }
  .widget-f5c208 .carousel-slot.is-prev2,
  .widget-f5c208 .carousel-slot.is-next2 {
    opacity: 0;
    pointer-events: none;
  }
}

.widget-7c3b7f {
  --accent: var(--color_4, rgba(245, 245, 6, 1));
  --bg: rgba(10, 10, 15, 0.96);
  --text-primary: var(--color_1, #ffffff);
  --text-muted: rgba(255, 255, 255, 0.5);
  --divider: rgba(245, 245, 6, 0.2);
  --glow: rgba(245, 245, 6, 0.35);
  font-family: "Poppins", sans-serif;
  /* Animated scan line */
  /* Entry animation */
  /* Stagger delays handled in JS */
}
.widget-7c3b7f .stats-strip {
  position: relative;
  background: var(--bg);
  border-top: 1px solid var(--divider);
  border-bottom: 1px solid var(--divider);
  overflow: hidden;
  padding: 0;
}
.widget-7c3b7f .scan-line {
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(245, 245, 6, 0.04), rgba(245, 245, 6, 0.08), rgba(245, 245, 6, 0.04), transparent);
  animation: scanMove 4s ease-in-out infinite;
  pointer-events: none;
}
@keyframes scanMove {
  0% {
    left: -60%;
  }
  100% {
    left: 110%;
  }
}
.widget-7c3b7f .stats-track {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}
.widget-7c3b7f .stat-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 16px;
  position: relative;
  cursor: default;
  transition: background 0.3s ease;
  gap: 6px;
}
.widget-7c3b7f .stat-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 60%;
  height: 2px;
  background: var(--accent);
  box-shadow: 0 0 8px var(--glow);
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.widget-7c3b7f .stat-item:hover::before {
  transform: translateX(-50%) scaleX(1);
}
.widget-7c3b7f .stat-item:hover {
  background: rgba(245, 245, 6, 0.03);
}
.widget-7c3b7f .stat-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
  fill: var(--accent);
  opacity: 0.85;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.widget-7c3b7f .stat-icon svg {
  width: 22px;
  height: 22px;
  fill: var(--accent);
  color: var(--accent);
  stroke: var(--accent);
}
.widget-7c3b7f .stat-item:hover .stat-icon {
  opacity: 1;
  transform: translateY(-2px);
}
.widget-7c3b7f .stat-number {
  font-size: 32px;
  font-weight: 700;
  color: var(--text-primary);
  letter-spacing: -0.5px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  transition: color 0.3s ease;
}
.widget-7c3b7f .stat-number.counted {
  color: var(--accent);
  text-shadow: 0 0 20px var(--glow);
  transition: color 0.4s ease, text-shadow 0.4s ease;
}
.widget-7c3b7f .stat-number.settled {
  color: var(--text-primary);
  text-shadow: none;
  transition: color 0.6s ease, text-shadow 0.6s ease;
}
.widget-7c3b7f .stat-label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
  text-align: center;
  line-height: 1.3;
  transition: color 0.3s ease;
}
.widget-7c3b7f .stat-item:hover .stat-label {
  color: rgba(255, 255, 255, 0.75);
}
.widget-7c3b7f .stat-divider {
  width: 1px;
  background: var(--divider);
  align-self: stretch;
  margin: 12px 0;
  flex-shrink: 0;
}
.widget-7c3b7f .stat-item {
  opacity: 0;
  transform: translateY(10px);
}
.widget-7c3b7f .stat-item.visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
@media (max-width: 767px) {
  .widget-7c3b7f .stats-track {
    flex-wrap: wrap;
  }
  .widget-7c3b7f .stat-item {
    flex: 1 1 calc(50% - 1px);
    padding: 22px 12px;
    min-width: calc(50% - 1px);
  }
  .widget-7c3b7f .stat-divider {
    display: none;
  }
  .widget-7c3b7f .stat-item:nth-child(odd):not(:last-child) {
    border-right: 1px solid var(--divider);
  }
  .widget-7c3b7f .stat-item:not(:nth-last-child(-n+2)) {
    border-bottom: 1px solid var(--divider);
  }
  .widget-7c3b7f .stat-number {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .widget-7c3b7f .stat-item {
    padding: 22px 10px;
  }
  .widget-7c3b7f .stat-number {
    font-size: 26px;
  }
  .widget-7c3b7f .stat-label {
    font-size: 10px;
  }
}

@charset "UTF-8";
/* ================================================
   ROOT & WIDGET SHELL
================================================ */
.widget-9bef5e {
  --accent: rgba(245, 245, 6, 1);
  --accent-glow: rgba(245, 245, 6, 0.38);
  --accent-dim: rgba(245, 245, 6, 0.10);
  --accent-mid: rgba(245, 245, 6, 0.55);
  --bg-deep: #050710;
  --bg-card: rgba(10, 14, 28, 0.94);
  --bg-card-hover: rgba(16, 22, 42, 0.98);
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-accent: rgba(245, 245, 6, 0.28);
  --text-primary: rgba(255, 255, 255, 0.96);
  --text-muted: rgba(180, 192, 220, 0.88);
  --text-dim: rgba(140, 155, 185, 0.65);
  --node-size: 48px;
  --track-h: 2px;
  --green: #00ff88;
  --green-dim: rgba(0, 255, 136, 0.15);
  font-family: "Poppins", sans-serif;
  background: var(--bg-deep);
  padding: 56px 32px 48px;
  overflow: hidden;
  position: relative;
}

/* Animated grid */
.widget-9bef5e::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(245, 245, 6, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(245, 245, 6, 0.035) 1px, transparent 1px);
  background-size: 44px 44px;
  animation: gridDrift 24s linear infinite;
  pointer-events: none;
  z-index: 0;
}

/* Ambient radial glow */
.widget-9bef5e::after {
  content: "";
  position: absolute;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245, 245, 6, 0.06) 0%, transparent 68%);
  top: -280px;
  right: -100px;
  pointer-events: none;
  animation: ambientPulse 7s ease-in-out infinite;
  z-index: 0;
}

@keyframes gridDrift {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 44px 44px, 44px 44px;
  }
}
@keyframes ambientPulse {
  0%, 100% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.12);
  }
}
/* Scanline overlay */
.widget-9bef5e .scanline-overlay {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.08) 3px, rgba(0, 0, 0, 0.08) 4px);
  pointer-events: none;
  z-index: 1;
  animation: scanlineDrift 8s linear infinite;
}

@keyframes scanlineDrift {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -80px;
  }
}
/* ================================================
   HEADER ROW — full width
================================================ */
.widget-9bef5e .tl-header-row {
  position: relative;
  z-index: 2;
  max-width: 1300px;
  margin: 0 auto 40px;
}

.widget-9bef5e .timeline-header {
  text-align: left;
}

.widget-9bef5e .header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--accent-dim);
  border: 1px solid var(--border-accent);
  border-radius: 4px;
  padding: 5px 14px 5px 10px;
  margin-bottom: 18px;
  animation: fadeSlideDown 0.5s ease both;
}

.widget-9bef5e .badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 8px var(--accent);
  animation: dotBlink 1.4s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes dotBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.widget-9bef5e .badge-text {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
}

.widget-9bef5e .badge-line {
  display: inline-block;
  width: 18px;
  height: 1px;
  background: var(--accent-mid);
  flex-shrink: 0;
}

.widget-9bef5e .timeline-title {
  font-family: "Poppins", sans-serif;
  font-size: clamp(24px, 3vw, 40px);
  font-weight: 800;
  color: var(--text-primary);
  margin: 0 0 10px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  animation: fadeSlideDown 0.5s 0.08s ease both;
}

.widget-9bef5e .timeline-subtitle {
  font-size: 14px;
  color: var(--text-muted);
  max-width: 640px;
  margin: 0 0 18px;
  line-height: 1.7;
  animation: fadeSlideDown 0.5s 0.16s ease both;
}

.widget-9bef5e .header-rule {
  display: flex;
  align-items: center;
  gap: 10px;
  animation: fadeSlideDown 0.5s 0.22s ease both;
}

.widget-9bef5e .rule-line {
  display: inline-block;
  width: 64px;
  height: 1px;
  background: linear-gradient(90deg, var(--accent-mid), transparent);
}

.widget-9bef5e .rule-line-short {
  width: 24px;
}

.widget-9bef5e .rule-icon {
  width: 14px;
  height: 14px;
  color: var(--accent);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.widget-9bef5e .rule-icon svg {
  width: 100%;
  height: 100%;
}

/* ================================================
   MAIN LAYOUT — horizontal timeline LEFT + clock RIGHT
================================================ */
.widget-9bef5e .tl-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 36px;
  align-items: start;
  max-width: 1300px;
  margin: 0 auto;
}

/* ================================================
   HORIZONTAL TIMELINE TRACK
================================================ */
.widget-9bef5e .timeline-track-wrapper {
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: thin;
  scrollbar-color: var(--border-accent) transparent;
  padding-bottom: 4px;
}

.widget-9bef5e .timeline-track-wrapper::-webkit-scrollbar {
  height: 4px;
}

.widget-9bef5e .timeline-track-wrapper::-webkit-scrollbar-thumb {
  background: var(--border-accent);
  border-radius: 4px;
}

/* ── Scroll affordance: right-edge fade + arrow hint ── */
.widget-9bef5e .track-scroll-fade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  width: 64px;
  background: linear-gradient(to left, var(--bg-deep) 0%, transparent 100%);
  pointer-events: none;
  z-index: 4;
  transition: opacity 0.4s ease;
}

.widget-9bef5e .track-scroll-fade.hidden {
  opacity: 0;
}

.widget-9bef5e .track-scroll-hint {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  pointer-events: none;
  z-index: 5;
  color: var(--accent-mid);
  animation: hintPulse 2s ease-in-out infinite;
  transition: opacity 0.4s ease;
}

.widget-9bef5e .track-scroll-hint.hidden {
  opacity: 0;
}

.widget-9bef5e .track-scroll-hint svg {
  width: 20px;
  height: 20px;
}

.widget-9bef5e .track-scroll-hint span {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: "Courier New", monospace;
}

@keyframes hintPulse {
  0%, 100% {
    opacity: 0.5;
    transform: translateY(-50%) translateX(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) translateX(3px);
  }
}
.widget-9bef5e .timeline-track {
  position: relative;
  min-width: 640px;
  padding-top: 10px;
  padding-bottom: 4px;
}

/* Horizontal spine */
.widget-9bef5e .track-line-h {
  position: absolute;
  top: calc(10px + var(--node-size) / 2);
  left: calc(var(--node-size) / 2);
  right: calc(var(--node-size) / 2);
  height: var(--track-h);
  background: linear-gradient(90deg, var(--accent) 0%, rgba(245, 245, 6, 0.2) 70%, transparent 100%);
  border-radius: 4px;
  z-index: 0;
}

.widget-9bef5e .track-glow-h {
  position: absolute;
  top: calc(10px + var(--node-size) / 2 - 3px);
  left: calc(var(--node-size) / 2);
  right: calc(var(--node-size) / 2);
  height: 8px;
  background: linear-gradient(90deg, var(--accent-glow) 0%, transparent 100%);
  border-radius: 4px;
  filter: blur(4px);
  animation: trackGlowPulse 3s ease-in-out infinite;
  z-index: 0;
}

.widget-9bef5e .track-progress-h {
  position: absolute;
  top: calc(10px + var(--node-size) / 2);
  left: calc(var(--node-size) / 2);
  height: var(--track-h);
  width: 0%;
  background: var(--accent);
  border-radius: 4px;
  box-shadow: 0 0 8px var(--accent);
  transition: width 2s ease;
  z-index: 1;
}

@keyframes trackGlowPulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
/* ================================================
   STEPS ROW — horizontal
================================================ */
.widget-9bef5e .steps-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  z-index: 2;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Each step takes equal width */
.widget-9bef5e .timeline-step {
  flex: 1;
  min-width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transform: translateY(16px);
  animation: stepAppear 0.45s ease forwards;
}

.widget-9bef5e .timeline-step:nth-child(1) {
  animation-delay: 0.04s;
}

.widget-9bef5e .timeline-step:nth-child(2) {
  animation-delay: 0.12s;
}

.widget-9bef5e .timeline-step:nth-child(3) {
  animation-delay: 0.2s;
}

.widget-9bef5e .timeline-step:nth-child(4) {
  animation-delay: 0.28s;
}

.widget-9bef5e .timeline-step:nth-child(5) {
  animation-delay: 0.36s;
}

.widget-9bef5e .timeline-step:nth-child(6) {
  animation-delay: 0.44s;
}

.widget-9bef5e .timeline-step:nth-child(7) {
  animation-delay: 0.52s;
}

.widget-9bef5e .timeline-step:nth-child(8) {
  animation-delay: 0.6s;
}

@keyframes stepAppear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Node sits at top-center of each step */
.widget-9bef5e .step-node-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 14px;
  position: relative;
  z-index: 3;
}

.widget-9bef5e .step-node {
  width: var(--node-size);
  height: var(--node-size);
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.widget-9bef5e .node-ring {
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1.5px solid transparent;
  background: conic-gradient(var(--accent) 0deg 120deg, rgba(245, 245, 6, 0.12) 120deg) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  animation: ringRotate 7s linear infinite;
}

@keyframes ringRotate {
  to {
    transform: rotate(360deg);
  }
}
.widget-9bef5e .node-core {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(145deg, #0a0f20 0%, #141e3a 100%);
  border: 1px solid var(--border-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  box-shadow: 0 0 18px rgba(245, 245, 6, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.widget-9bef5e .node-number {
  font-size: 15px;
  font-weight: 800;
  color: var(--accent);
  font-family: "Poppins", sans-serif;
  line-height: 1;
}

.widget-9bef5e .node-pulse {
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 1px solid var(--accent-glow);
  animation: nodePulse 2.4s ease-in-out infinite;
  opacity: 0;
}

@keyframes nodePulse {
  0% {
    transform: scale(0.85);
    opacity: 0.65;
  }
  100% {
    transform: scale(1.65);
    opacity: 0;
  }
}
.widget-9bef5e .node-scan {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(245, 245, 6, 0.15) 0%, transparent 50%);
  animation: nodeScan 3s ease-in-out infinite;
}

@keyframes nodeScan {
  0%, 100% {
    transform: rotate(0deg);
    opacity: 0.4;
  }
  50% {
    transform: rotate(180deg);
    opacity: 0.8;
  }
}
/* ================================================
   CARD — sits below each node
================================================ */
.widget-9bef5e .step-card {
  width: 100%;
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  cursor: default;
  outline: none;
}

/* Keyboard / focus visible ring */
.widget-9bef5e .step-card:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px var(--accent-glow), 0 6px 28px rgba(0, 0, 0, 0.4);
  border-color: var(--border-accent);
}

/* Tech corner brackets */
.widget-9bef5e .card-corner {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: 3;
}

.widget-9bef5e .card-corner-tl {
  top: 0;
  left: 0;
  border-top: 2px solid var(--accent-mid);
  border-left: 2px solid var(--accent-mid);
  border-top-left-radius: 8px;
}

.widget-9bef5e .card-corner-tr {
  top: 0;
  right: 0;
  border-top: 2px solid var(--accent-mid);
  border-right: 2px solid var(--accent-mid);
  border-top-right-radius: 8px;
}

.widget-9bef5e .card-corner-bl {
  bottom: 0;
  left: 0;
  border-bottom: 2px solid var(--accent-mid);
  border-left: 2px solid var(--accent-mid);
  border-bottom-left-radius: 8px;
}

.widget-9bef5e .card-corner-br {
  bottom: 0;
  right: 0;
  border-bottom: 2px solid var(--accent-mid);
  border-right: 2px solid var(--accent-mid);
  border-bottom-right-radius: 8px;
}

/* Top edge accent bar */
.widget-9bef5e .card-edge-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent) 0%, rgba(245, 245, 6, 0.15) 100%);
  border-radius: 2px 2px 0 0;
}

/* Scan-line sweep on active card */
.widget-9bef5e .card-scan-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent-glow), transparent);
  top: -2px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}

.widget-9bef5e .step-card.step-active .card-scan-line {
  opacity: 1;
  animation: scanSweep 2s linear infinite;
}

@keyframes scanSweep {
  0% {
    top: 0%;
  }
  100% {
    top: 100%;
  }
}
.widget-9bef5e .step-card:hover {
  transform: translateY(-4px);
  border-color: var(--border-accent);
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.5), 0 0 24px var(--accent-glow);
  background: var(--bg-card-hover);
}

/* Pause auto-cycle on hover/focus */
.widget-9bef5e .step-card:hover,
.widget-9bef5e .step-card:focus-within,
.widget-9bef5e .steps-row:hover ~ * .timeline-cta-row {
  /* see JS for cycle pause logic */
}

.widget-9bef5e .step-card.step-active {
  border-color: rgba(245, 245, 6, 0.35);
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.4), 0 0 16px var(--accent-glow);
}

.widget-9bef5e .card-inner {
  padding: 14px 16px 12px;
  position: relative;
  z-index: 1;
}

.widget-9bef5e .card-top {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}

.widget-9bef5e .step-icon-wrap {
  width: 34px;
  height: 34px;
  border-radius: 7px;
  background: var(--accent-dim);
  border: 1px solid var(--border-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.3s ease;
}

.widget-9bef5e .step-card:hover .step-icon-wrap {
  background: rgba(245, 245, 6, 0.16);
}

.widget-9bef5e .step-icon-wrap svg {
  width: 18px;
  height: 18px;
  fill: var(--accent);
  color: var(--accent);
}

.widget-9bef5e .step-meta {
  flex: 1;
  min-width: 0;
  overflow: visible;
}

/* #7: Phase label — improved legibility */
.widget-9bef5e .step-phase {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  display: block;
  margin-bottom: 2px;
  opacity: 0.8;
}

.widget-9bef5e .step-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.25;
  text-align: left;
  word-break: break-word;
  white-space: normal;
  overflow-wrap: break-word;
}

/* Duration badge */
.widget-9bef5e .step-badge-wrap {
  margin-bottom: 8px;
}

.widget-9bef5e .step-badge {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  padding: 2px 7px;
  white-space: nowrap;
  font-family: "Courier New", monospace;
  letter-spacing: 0.04em;
}

.widget-9bef5e .badge-bracket {
  color: var(--accent-mid);
  font-weight: 400;
}

/* #4: Larger, more readable description */
.widget-9bef5e .step-description {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.65;
  margin: 0 0 10px;
  text-align: left;
}

.widget-9bef5e .step-footer-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.widget-9bef5e .step-tags {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}

.widget-9bef5e .tag {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.widget-9bef5e .tag-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  animation: dotBlink 1.4s ease-in-out infinite;
}

.widget-9bef5e .tag-active {
  background: rgba(245, 245, 6, 0.12);
  border: 1px solid rgba(245, 245, 6, 0.38);
  color: var(--accent);
}

.widget-9bef5e .tag-queued {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--border-subtle);
  color: var(--text-dim);
}

/* Data-stream shimmer on hover */
.widget-9bef5e .step-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(245, 245, 6, 0.04) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: none;
  pointer-events: none;
}

.widget-9bef5e .step-card:hover::after {
  animation: dataStream 0.7s ease forwards;
}

@keyframes dataStream {
  to {
    transform: translateX(100%);
  }
}
/* ================================================
   CTA ROW
   #6: Visually anchored with separator + micro-copy
================================================ */
.widget-9bef5e .timeline-cta-row {
  margin-top: 28px;
}

/* Anchor separator line */
.widget-9bef5e .cta-anchor-line {
  height: 1px;
  background: linear-gradient(90deg, var(--accent-mid) 0%, rgba(245, 245, 6, 0.08) 60%, transparent 100%);
  margin-bottom: 18px;
  opacity: 0.5;
}

.widget-9bef5e .cta-inner-row {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

/* ── BASE BUTTON RESET (all styles share this) ── */
.widget-9bef5e .timeline-cta-btn {
  background: transparent;
  color: var(--accent);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  padding: 12px 30px;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  font-family: "Courier New", monospace;
  transition: color 0.25s ease, box-shadow 0.3s ease, transform 0.25s ease, background 0.25s ease;
}

.widget-9bef5e .timeline-cta-btn::before,
.widget-9bef5e .timeline-cta-btn::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

/* ================================================
   STYLE 1 — TRON (default)
================================================ */
.widget-9bef5e .timeline-cta-btn.cta-tron {
  box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 10px var(--accent-glow), 0 0 24px rgba(245, 245, 6, 0.08);
  animation: tronIdle 3.5s ease-in-out infinite;
}

@keyframes tronIdle {
  0%, 100% {
    box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 8px var(--accent-glow), 0 0 20px rgba(245, 245, 6, 0.06);
  }
  50% {
    box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 18px var(--accent-glow), 0 0 42px rgba(245, 245, 6, 0.18), 0 0 70px rgba(245, 245, 6, 0.06);
  }
}
.widget-9bef5e .timeline-cta-btn.cta-tron::before {
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(105deg, transparent 20%, rgba(245, 245, 6, 0.22) 50%, transparent 80%);
  animation: tronBeamIdle 4s ease-in-out infinite;
}

@keyframes tronBeamIdle {
  0% {
    left: -100%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  60% {
    left: 160%;
    opacity: 0.6;
  }
  100% {
    left: 160%;
    opacity: 0;
  }
}
.widget-9bef5e .timeline-cta-btn.cta-tron::after {
  inset: 0;
  border-radius: 4px;
  opacity: 0;
  background: linear-gradient(to right, var(--accent) 8px, transparent 8px) top left/100% 2px no-repeat, linear-gradient(to left, var(--accent) 8px, transparent 8px) top right/100% 2px no-repeat, linear-gradient(to right, var(--accent) 8px, transparent 8px) bottom left/100% 2px no-repeat, linear-gradient(to left, var(--accent) 8px, transparent 8px) bottom right/100% 2px no-repeat, linear-gradient(to bottom, var(--accent) 8px, transparent 8px) top left/2px 100% no-repeat, linear-gradient(to top, var(--accent) 8px, transparent 8px) bottom left/2px 100% no-repeat, linear-gradient(to bottom, var(--accent) 8px, transparent 8px) top right/2px 100% no-repeat, linear-gradient(to top, var(--accent) 8px, transparent 8px) bottom right/2px 100% no-repeat;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.widget-9bef5e .timeline-cta-btn.cta-tron:hover {
  background: rgba(245, 245, 6, 0.07);
  color: #fff;
  transform: translateY(-2px) scale(1.02);
  box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 20px var(--accent-glow), 0 0 50px rgba(245, 245, 6, 0.22), 0 0 100px rgba(245, 245, 6, 0.08), 0 8px 28px rgba(0, 0, 0, 0.45);
  animation: tronHoverPulse 0.8s ease-in-out infinite;
}

.widget-9bef5e .timeline-cta-btn.cta-tron:hover::before {
  animation: tronHoverBeam 0.55s ease forwards;
}

@keyframes tronHoverBeam {
  0% {
    left: -100%;
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    left: 160%;
    opacity: 0;
  }
}
.widget-9bef5e .timeline-cta-btn.cta-tron:hover::after {
  opacity: 1;
}

@keyframes tronHoverPulse {
  0%, 100% {
    box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 18px var(--accent-glow), 0 0 44px rgba(245, 245, 6, 0.2), 0 8px 28px rgba(0, 0, 0, 0.45);
  }
  50% {
    box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 28px var(--accent-glow), 0 0 72px rgba(245, 245, 6, 0.32), 0 0 110px rgba(245, 245, 6, 0.1), 0 8px 28px rgba(0, 0, 0, 0.45);
  }
}
.widget-9bef5e .timeline-cta-btn.cta-tron:active {
  transform: translateY(0) scale(0.97);
  background: rgba(245, 245, 6, 0.14);
  color: #000;
  box-shadow: inset 0 0 0 1.5px var(--accent), 0 0 40px var(--accent), 0 0 80px var(--accent-glow);
  animation: none;
}

.widget-9bef5e .cta-tron-scan {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(245, 245, 6, 0.04) 4px, rgba(245, 245, 6, 0.04) 5px);
  pointer-events: none;
  z-index: 1;
  animation: tronScanMove 3s linear infinite;
  opacity: 0.8;
}

@keyframes tronScanMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -40px;
  }
}
/* ================================================
   STYLE 2 — GLITCH
================================================ */
.widget-9bef5e .timeline-cta-btn.cta-glitch {
  border: 1.5px solid var(--accent);
  box-shadow: 0 0 8px var(--accent-glow);
  animation: glitchIdle 5s ease-in-out infinite;
}

@keyframes glitchIdle {
  0%, 88%, 100% {
    transform: none;
    text-shadow: none;
    filter: none;
  }
  90% {
    transform: translate(-2px, 0);
    text-shadow: 2px 0 rgba(255, 0, 80, 0.75), -2px 0 rgba(0, 200, 255, 0.75);
    filter: brightness(1.3);
  }
  92% {
    transform: translate(2px, 0);
    text-shadow: -2px 0 rgba(255, 0, 80, 0.75), 2px 0 rgba(0, 200, 255, 0.75);
    filter: brightness(0.9);
  }
  94% {
    transform: translate(0, -1px);
    text-shadow: 1px 1px rgba(245, 245, 6, 0.8);
    filter: brightness(1.5);
  }
  96% {
    transform: translate(-1px, 1px);
    text-shadow: none;
  }
  98% {
    transform: none;
  }
}
.widget-9bef5e .timeline-cta-btn.cta-glitch::before {
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, transparent, rgba(245, 245, 6, 0.06) 50%, transparent);
  opacity: 0;
  transition: opacity 0.2s;
}

.widget-9bef5e .timeline-cta-btn.cta-glitch::after {
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, transparent 100%);
  z-index: 1;
}

.widget-9bef5e .timeline-cta-btn.cta-glitch:hover {
  background: rgba(245, 245, 6, 0.06);
  color: #fff;
  animation: glitchHover 0.4s steps(1) infinite;
  box-shadow: 2px 0 rgba(255, 0, 80, 0.6), -2px 0 rgba(0, 200, 255, 0.6), 0 0 18px var(--accent-glow);
}

@keyframes glitchHover {
  0% {
    transform: translate(0, 0);
    clip-path: inset(0 0 80% 0);
  }
  20% {
    transform: translate(-3px, 0);
    clip-path: inset(20% 0 60% 0);
  }
  40% {
    transform: translate(3px, 0);
    clip-path: inset(50% 0 20% 0);
  }
  60% {
    transform: translate(-2px, 1px);
    clip-path: inset(5% 0 90% 0);
  }
  80% {
    transform: translate(0, -1px);
    clip-path: none;
  }
  100% {
    transform: translate(0, 0);
    clip-path: none;
  }
}
.widget-9bef5e .cta-glitch-r,
.widget-9bef5e .cta-glitch-b {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-family: "Courier New", monospace;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}

.widget-9bef5e .cta-glitch-r {
  color: rgba(255, 0, 80, 0.7);
  animation: glitchR 5s ease-in-out infinite;
}

.widget-9bef5e .cta-glitch-b {
  color: rgba(0, 200, 255, 0.7);
  animation: glitchB 5s ease-in-out infinite;
}

@keyframes glitchR {
  0%, 88%, 100% {
    opacity: 0;
    transform: none;
  }
  90% {
    opacity: 0.7;
    transform: translate(-3px, 0);
  }
  92% {
    opacity: 0;
  }
}
@keyframes glitchB {
  0%, 88%, 100% {
    opacity: 0;
    transform: none;
  }
  91% {
    opacity: 0.7;
    transform: translate(3px, 0);
  }
  93% {
    opacity: 0;
  }
}
.widget-9bef5e .timeline-cta-btn.cta-glitch:active {
  transform: translate(1px, -1px) scale(0.97);
  box-shadow: 4px 0 rgba(255, 0, 80, 0.8), -4px 0 rgba(0, 200, 255, 0.8), 0 0 32px var(--accent);
  animation: none;
}

/* ================================================
   STYLE 3 — PULSE
================================================ */
.widget-9bef5e .timeline-cta-btn.cta-pulse {
  border: 1.5px solid var(--accent);
  box-shadow: 0 0 10px var(--accent-glow);
  z-index: 0;
}

.widget-9bef5e .timeline-cta-btn.cta-pulse::before {
  inset: -8px;
  border-radius: 8px;
  border: 1.5px solid var(--accent-glow);
  animation: pulseRing1 2s ease-out infinite;
}

.widget-9bef5e .timeline-cta-btn.cta-pulse::after {
  inset: -16px;
  border-radius: 12px;
  border: 1px solid rgba(245, 245, 6, 0.18);
  animation: pulseRing2 2s ease-out 0.5s infinite;
}

@keyframes pulseRing1 {
  0% {
    inset: -2px;
    opacity: 0.8;
    border-color: var(--accent-glow);
  }
  100% {
    inset: -22px;
    opacity: 0;
    border-color: rgba(245, 245, 6, 0.04);
  }
}
@keyframes pulseRing2 {
  0% {
    inset: -2px;
    opacity: 0.5;
  }
  100% {
    inset: -32px;
    opacity: 0;
  }
}
.widget-9bef5e .timeline-cta-btn.cta-pulse:hover {
  background: rgba(245, 245, 6, 0.08);
  color: #fff;
  transform: scale(1.04);
  box-shadow: 0 0 28px var(--accent-glow), 0 0 60px rgba(245, 245, 6, 0.18);
}

.widget-9bef5e .timeline-cta-btn.cta-pulse:active {
  transform: scale(0.97);
  box-shadow: 0 0 48px var(--accent), 0 0 90px var(--accent-glow);
  animation: none;
}

/* ================================================
   STYLE 4 — RIPPLE
================================================ */
.widget-9bef5e .timeline-cta-btn.cta-ripple {
  border: 1.5px solid var(--accent);
  box-shadow: 0 0 8px var(--accent-glow);
  animation: rippleIdle 4s ease-in-out infinite;
}

@keyframes rippleIdle {
  0%, 100% {
    box-shadow: 0 0 6px var(--accent-glow);
  }
  50% {
    box-shadow: 0 0 16px var(--accent-glow), 0 0 32px rgba(245, 245, 6, 0.1);
  }
}
.widget-9bef5e .timeline-cta-btn.cta-ripple::before {
  inset: 50% 50%;
  border-radius: 50%;
  background: rgba(245, 245, 6, 0.25);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: none;
}

.widget-9bef5e .timeline-cta-btn.cta-ripple:hover {
  background: rgba(245, 245, 6, 0.06);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 0 22px var(--accent-glow);
  animation: none;
}

.widget-9bef5e .timeline-cta-btn.cta-ripple:active {
  transform: scale(0.96);
  box-shadow: 0 0 40px var(--accent);
  animation: none;
}

.widget-9bef5e .cta-ripple-wave {
  position: absolute;
  border-radius: 50%;
  background: rgba(245, 245, 6, 0.3);
  transform: scale(0);
  pointer-events: none;
  animation: rippleWave 0.7s ease-out forwards;
}

@keyframes rippleWave {
  to {
    transform: scale(4.5);
    opacity: 0;
  }
}
/* ================================================
   STYLE 5 — DATA STREAM
================================================ */
.widget-9bef5e .timeline-cta-btn.cta-stream {
  border: 1.5px solid rgba(245, 245, 6, 0.5);
  box-shadow: 0 0 10px var(--accent-glow);
  overflow: hidden;
}

.widget-9bef5e .timeline-cta-btn.cta-stream::before {
  top: 0;
  left: -100%;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(245, 245, 6, 0.14) 50%, transparent);
  animation: streamBeam 2.8s linear infinite;
}

@keyframes streamBeam {
  0% {
    left: -40%;
  }
  100% {
    left: 120%;
  }
}
.widget-9bef5e .timeline-cta-btn.cta-stream::after {
  inset: 0;
  z-index: 1;
  background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(245, 245, 6, 0.03) 3px, rgba(245, 245, 6, 0.03) 4px);
  animation: streamScan 1.4s linear infinite;
}

@keyframes streamScan {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -28px;
  }
}
.widget-9bef5e .cta-stream-col {
  position: absolute;
  top: -100%;
  bottom: 0;
  width: 1px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  pointer-events: none;
  z-index: 0;
  animation: streamColFall linear infinite;
  color: var(--accent);
  font-size: 8px;
  font-family: "Courier New", monospace;
  opacity: 0.35;
}

@keyframes streamColFall {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
.widget-9bef5e .timeline-cta-btn.cta-stream:hover {
  background: rgba(245, 245, 6, 0.07);
  color: #fff;
  box-shadow: 0 0 24px var(--accent-glow), 0 0 50px rgba(245, 245, 6, 0.14);
  transform: translateY(-2px);
}

.widget-9bef5e .timeline-cta-btn.cta-stream:active {
  transform: scale(0.97);
  background: rgba(245, 245, 6, 0.12);
  box-shadow: 0 0 48px var(--accent);
  animation: none;
}

/* ================================================
   STYLE 6 — CYBER SCAN
================================================ */
.widget-9bef5e .timeline-cta-btn.cta-cyber {
  background: linear-gradient(135deg, rgba(10, 14, 28, 0.9) 0%, rgba(20, 28, 52, 0.9) 100%);
  border: 1px solid rgba(245, 245, 6, 0.4);
  border-top: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent);
  box-shadow: 0 0 12px var(--accent-glow), inset 0 0 16px rgba(245, 245, 6, 0.04);
  letter-spacing: 0.22em;
}

.widget-9bef5e .timeline-cta-btn.cta-cyber::before {
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--accent) 40%, rgba(255, 255, 255, 0.9) 50%, var(--accent) 60%, transparent 100%);
  box-shadow: 0 0 12px var(--accent), 0 0 24px rgba(245, 245, 6, 0.5);
  top: 0;
  animation: cyberScan 2s ease-in-out infinite;
}

@keyframes cyberScan {
  0% {
    top: 0%;
    opacity: 0.9;
  }
  45% {
    top: 95%;
    opacity: 1;
  }
  55% {
    top: 95%;
    opacity: 0.7;
  }
  100% {
    top: 0%;
    opacity: 0.9;
  }
}
.widget-9bef5e .timeline-cta-btn.cta-cyber::after {
  inset: 0;
  background: linear-gradient(0deg, transparent 0%, rgba(245, 245, 6, 0.04) 50%, transparent 100%);
  animation: cyberAmbient 3s ease-in-out infinite;
}

@keyframes cyberAmbient {
  0%, 100% {
    opacity: 0.4;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
.widget-9bef5e .timeline-cta-btn.cta-cyber:hover {
  background: linear-gradient(135deg, rgba(20, 28, 52, 0.95) 0%, rgba(30, 44, 80, 0.98) 100%);
  color: #fff;
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 0 28px var(--accent-glow), 0 0 60px rgba(245, 245, 6, 0.2), inset 0 0 20px rgba(245, 245, 6, 0.06);
  border-color: var(--accent);
  letter-spacing: 0.28em;
  transition: letter-spacing 0.3s ease, color 0.25s ease, box-shadow 0.3s ease, transform 0.25s ease, background 0.25s ease;
}

.widget-9bef5e .timeline-cta-btn.cta-cyber:active {
  transform: scale(0.97);
  box-shadow: 0 0 50px var(--accent), 0 0 100px var(--accent-glow);
  background: rgba(245, 245, 6, 0.1);
  animation: none;
}

/* CTA button focus */
.widget-9bef5e .timeline-cta-btn:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
  box-shadow: 0 0 0 5px var(--accent-glow);
}

/* #8: CTA hint — configurable, toned down slightly */
.widget-9bef5e .cta-hint {
  font-size: 10px;
  font-family: "Courier New", monospace;
  color: var(--text-dim);
  letter-spacing: 0.1em;
  opacity: 0.7;
}

/* ================================================
   RIGHT PANEL — Calendar + Clock
================================================ */
.widget-9bef5e .tl-right {
  position: sticky;
  top: 24px;
  /* #10: Guard for short viewports */
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  scrollbar-width: none;
}

.widget-9bef5e .tl-right::-webkit-scrollbar {
  display: none;
}

.widget-9bef5e .cal-card {
  background: var(--bg-card);
  border: 1px solid var(--border-subtle);
  border-radius: 10px;
  padding: 22px 20px 18px;
  position: relative;
  overflow: hidden;
}

.widget-9bef5e .cal-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(245, 245, 6, 0.03) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

/* Tech corner decorations */
.widget-9bef5e .cal-card-corner {
  position: absolute;
  width: 12px;
  height: 12px;
  z-index: 3;
}

.widget-9bef5e .cal-corner-tl {
  top: 0;
  left: 0;
  border-top: 2px solid var(--accent);
  border-left: 2px solid var(--accent);
  border-top-left-radius: 10px;
}

.widget-9bef5e .cal-corner-tr {
  top: 0;
  right: 0;
  border-top: 2px solid var(--accent);
  border-right: 2px solid var(--accent);
  border-top-right-radius: 10px;
}

.widget-9bef5e .cal-corner-bl {
  bottom: 0;
  left: 0;
  border-bottom: 2px solid var(--accent-mid);
  border-left: 2px solid var(--accent-mid);
  border-bottom-left-radius: 10px;
}

.widget-9bef5e .cal-corner-br {
  bottom: 0;
  right: 0;
  border-bottom: 2px solid var(--accent-mid);
  border-right: 2px solid var(--accent-mid);
  border-bottom-right-radius: 10px;
}

/* Calendar header */
.widget-9bef5e .cal-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

.widget-9bef5e .cal-month-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.widget-9bef5e .cal-sys-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--accent);
  opacity: 0.7;
  font-family: "Courier New", monospace;
}

.widget-9bef5e .cal-month-name {
  font-size: 22px;
  font-weight: 800;
  color: var(--text-primary);
  line-height: 1.1;
  text-align: left;
}

.widget-9bef5e .cal-year {
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-mid);
  font-family: "Courier New", monospace;
  letter-spacing: 0.06em;
}

/* Calendar grid */
.widget-9bef5e .cal-grid-wrap {
  position: relative;
  z-index: 1;
}

.widget-9bef5e .cal-dow-row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 6px;
}

.widget-9bef5e .cal-dow-row span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  color: var(--text-dim);
  text-transform: uppercase;
}

.widget-9bef5e .cal-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
}

.widget-9bef5e .cal-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
  border-radius: 4px;
  cursor: default;
  transition: background 0.2s, color 0.2s;
  font-family: "Courier New", monospace;
  position: relative;
  outline: none;
}

.widget-9bef5e .cal-day:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.widget-9bef5e .cal-day.empty {
  opacity: 0;
  pointer-events: none;
}

.widget-9bef5e .cal-day.other-month {
  opacity: 0.28;
}

.widget-9bef5e .cal-day:not(.empty):hover {
  background: var(--accent-dim);
  color: var(--accent);
}

.widget-9bef5e .cal-day.today {
  background: var(--accent);
  color: #000;
  font-weight: 800;
  box-shadow: 0 0 10px var(--accent-glow);
  animation: todayGlow 2s ease-in-out infinite;
}

@keyframes todayGlow {
  0%, 100% {
    box-shadow: 0 0 8px var(--accent-glow);
  }
  50% {
    box-shadow: 0 0 18px var(--accent);
  }
}
/* Divider */
.widget-9bef5e .cal-divider {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0;
  position: relative;
  z-index: 1;
}

.widget-9bef5e .cal-div-line {
  flex: 1;
  height: 1px;
  background: var(--border-subtle);
}

.widget-9bef5e .cal-div-icon {
  font-size: 10px;
  color: var(--accent-mid);
  flex-shrink: 0;
}

/* ================================================
   ANALOG CLOCK
================================================ */
.widget-9bef5e .clock-panel {
  position: relative;
  z-index: 1;
}

.widget-9bef5e .clock-sys-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--accent);
  opacity: 0.7;
  font-family: "Courier New", monospace;
  margin-bottom: 10px;
}

.widget-9bef5e .analog-clock-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}

.widget-9bef5e .analog-clock {
  width: 130px;
  height: 130px;
  position: relative;
  flex-shrink: 0;
}

.widget-9bef5e .clock-face {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(circle, #0d1525 0%, #060a14 70%);
  border: 1.5px solid var(--border-accent);
  position: relative;
  box-shadow: 0 0 24px rgba(245, 245, 6, 0.12), inset 0 0 20px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.widget-9bef5e .tick {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform-origin: bottom center;
  background: var(--border-subtle);
  border-radius: 2px;
}

.widget-9bef5e .tick.major {
  width: 2px;
  height: 9px;
  background: var(--accent-mid);
  margin-left: -1px;
}

.widget-9bef5e .tick.minor {
  width: 1px;
  height: 5px;
  margin-left: -0.5px;
  background: rgba(245, 245, 6, 0.18);
}

.widget-9bef5e .clock-num {
  position: absolute;
  font-size: 9px;
  font-weight: 700;
  color: var(--accent-mid);
  font-family: "Courier New", monospace;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.widget-9bef5e .clock-glow-ring {
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  border: 1px solid rgba(245, 245, 6, 0.06);
  pointer-events: none;
}

/* Hands */
.widget-9bef5e .hand {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform-origin: bottom center;
  border-radius: 4px 4px 0 0;
}

.widget-9bef5e .hand-hour {
  width: 3px;
  height: 32px;
  margin-left: -1.5px;
  background: var(--text-primary);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.3);
}

.widget-9bef5e .hand-min {
  width: 2px;
  height: 42px;
  margin-left: -1px;
  background: var(--accent);
  box-shadow: 0 0 8px var(--accent-glow);
}

.widget-9bef5e .hand-sec {
  width: 1px;
  height: 48px;
  margin-left: -0.5px;
  background: #ff4444;
  box-shadow: 0 0 6px rgba(255, 68, 68, 0.6);
  transition: transform 0.1s cubic-bezier(0.4, 2.4, 0.6, 1);
}

.widget-9bef5e .clock-center-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  transform: translate(-50%, -50%);
  z-index: 10;
  box-shadow: 0 0 8px var(--accent);
}

/* Digital row */
.widget-9bef5e .digital-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 4px;
}

.widget-9bef5e .digital-time {
  font-size: 26px;
  font-weight: 800;
  color: var(--accent);
  font-family: "Courier New", monospace;
  letter-spacing: 0.06em;
  text-shadow: 0 0 14px var(--accent-glow);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.widget-9bef5e .digital-secs-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.widget-9bef5e .digital-sec-label {
  font-size: 7.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--text-dim);
  font-family: "Courier New", monospace;
}

.widget-9bef5e .digital-sec-val {
  font-size: 16px;
  font-weight: 800;
  color: var(--text-muted);
  font-family: "Courier New", monospace;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.widget-9bef5e .digital-date-row {
  font-size: 10px;
  color: var(--text-dim);
  font-family: "Courier New", monospace;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Status bar */
.widget-9bef5e .cal-status-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--border-subtle);
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}

.widget-9bef5e .status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.widget-9bef5e .status-dot.status-green {
  background: var(--green);
  box-shadow: 0 0 6px var(--green);
  animation: dotBlink 2s ease-in-out infinite;
}

.widget-9bef5e .status-text {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--text-dim);
  font-family: "Courier New", monospace;
  text-transform: uppercase;
}

.widget-9bef5e .status-sep {
  color: var(--border-subtle);
  font-size: 10px;
}

/* ================================================
   MICRO-INTERACTIONS
================================================ */
/* 1 ── Node click particle burst ── */
.widget-9bef5e .node-particle {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--accent);
  pointer-events: none;
  z-index: 20;
  box-shadow: 0 0 6px var(--accent);
  animation: particleBurst 0.55s ease-out forwards;
}

@keyframes particleBurst {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(var(--px), var(--py)) scale(0);
    opacity: 0;
  }
}
/* 2 ── Card boot-up typing overlay ── */
.widget-9bef5e .card-boot-overlay {
  position: absolute;
  inset: 0;
  background: var(--bg-card);
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  transform-origin: top;
}

.widget-9bef5e .step-card.booting .card-boot-overlay {
  animation: bootReveal 0.55s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes bootReveal {
  0% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 100% 0);
  }
}
/* Cursor blink on boot */
.widget-9bef5e .step-card.booting .step-title::after {
  content: "▋";
  color: var(--accent);
  animation: cursorBlink 0.4s step-end 4;
  margin-left: 2px;
}

@keyframes cursorBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* 3 ── Icon bounce + intensified glow on card hover ── */
.widget-9bef5e .step-icon-wrap {
  transition: background 0.3s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}

.widget-9bef5e .step-card:hover .step-icon-wrap {
  background: rgba(245, 245, 6, 0.16);
  transform: translateY(-4px) scale(1.12);
  box-shadow: 0 6px 18px rgba(245, 245, 6, 0.28);
}

.widget-9bef5e .step-icon-wrap svg {
  transition: filter 0.3s ease;
}

.widget-9bef5e .step-card:hover .step-icon-wrap svg {
  filter: drop-shadow(0 0 5px var(--accent));
}

/* 6 ── Duration badge 3D flip ── */
.widget-9bef5e .badge-flip {
  display: inline-block;
  position: relative;
  perspective: 400px;
  cursor: default;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  padding: 0;
  background: none;
  border: none;
  /* size set by inner faces */
  transform-style: preserve-3d;
}

.widget-9bef5e .badge-face {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 4px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Courier New", monospace;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.widget-9bef5e .badge-face-front {
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border-subtle);
  transform: rotateY(0deg);
}

.widget-9bef5e .badge-face-back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
  background: var(--accent-dim);
  border: 1px solid var(--border-accent);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transform: rotateY(180deg);
}

.widget-9bef5e .step-card:hover .badge-face-front {
  transform: rotateY(-180deg);
}

.widget-9bef5e .step-card:hover .badge-face-back {
  transform: rotateY(0deg);
}

/* 7 ── Calendar day pop ── */
.widget-9bef5e .cal-day:not(.empty):not(.other-month) {
  transition: background 0.18s ease, color 0.18s ease, transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.widget-9bef5e .cal-day:not(.empty):not(.other-month):hover {
  transform: scale(1.25);
  z-index: 2;
  background: var(--accent-dim);
  color: var(--accent);
}

.widget-9bef5e .cal-day.today:hover {
  transform: scale(1.2);
  background: var(--accent);
  color: #000;
}

/* 8 ── CTA click flash ── */
.widget-9bef5e .cta-flash {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  border-radius: 50%;
  background: radial-gradient(circle at var(--fx, 50%) var(--fy, 80%), rgba(245, 245, 6, 0.12) 0%, transparent 60%);
  opacity: 0;
}

.widget-9bef5e .cta-flash.flash-active {
  animation: ctaFlash 0.6s ease-out forwards;
}

@keyframes ctaFlash {
  0% {
    opacity: 1;
    transform: scale(0.8);
  }
  60% {
    opacity: 0.6;
    transform: scale(1.3);
  }
  100% {
    opacity: 0;
    transform: scale(1.8);
  }
}
/* 5 ── Magnetic node — smooth transition on mouseleave ── */
.widget-9bef5e .step-node {
  transition: transform 0.15s ease-out;
}

/* ================================================
   REDUCED MOTION — respect user preferences
================================================ */
@media (prefers-reduced-motion: reduce) {
  .widget-9bef5e *,
  .widget-9bef5e *::before,
  .widget-9bef5e *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .widget-9bef5e .scanline-overlay,
  .widget-9bef5e::before,
  .widget-9bef5e::after {
    display: none;
  }
}
/* ================================================
   ANIMATIONS
================================================ */
@keyframes fadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(-14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ================================================
   RESPONSIVE — TABLET (768–1080px)
================================================ */
@media (min-width: 768px) and (max-width: 1080px) {
  .widget-9bef5e {
    padding: 36px 18px 28px;
  }
  .widget-9bef5e .tl-layout {
    grid-template-columns: 1fr 230px;
    gap: 20px;
  }
  .widget-9bef5e .tl-header-row {
    margin-bottom: 28px;
  }
  .widget-9bef5e .timeline-title {
    font-size: clamp(20px, 2.8vw, 30px);
  }
  .widget-9bef5e .timeline-subtitle {
    font-size: 13px;
  }
  .widget-9bef5e .timeline-track {
    min-width: max(100%, 540px);
  }
  .widget-9bef5e .timeline-step {
    min-width: 130px;
  }
  .widget-9bef5e .cal-card {
    padding: 16px 14px 12px;
  }
  .widget-9bef5e .analog-clock {
    width: 100px;
    height: 100px;
  }
  .widget-9bef5e .digital-time {
    font-size: 20px;
  }
  .widget-9bef5e .digital-sec-val {
    font-size: 13px;
  }
  .widget-9bef5e .cal-month-name {
    font-size: 17px;
  }
  .widget-9bef5e .cal-year {
    font-size: 12px;
  }
  .widget-9bef5e .clock-sys-label,
  .widget-9bef5e .cal-sys-label {
    font-size: 8px;
  }
  .widget-9bef5e .cal-day {
    font-size: 10px;
  }
  .widget-9bef5e .cta-inner-row {
    flex-wrap: wrap;
    gap: 12px;
  }
}
/* ================================================
   RESPONSIVE — PHONE (<768px)
================================================ */
@media (max-width: 767px) {
  .widget-9bef5e {
    padding: 28px 14px 24px;
    overflow: hidden;
  }
  .widget-9bef5e .tl-header-row {
    margin-bottom: 20px;
  }
  .widget-9bef5e .timeline-title {
    font-size: clamp(18px, 5.5vw, 26px);
  }
  .widget-9bef5e .timeline-subtitle {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .widget-9bef5e .tl-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .widget-9bef5e .tl-right {
    position: static;
    order: -1;
    max-height: none;
  }
  .widget-9bef5e .cal-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    column-gap: 14px;
    padding: 14px 12px 10px;
  }
  .widget-9bef5e .cal-card-corner {
    z-index: 3;
  }
  .widget-9bef5e .cal-header {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }
  .widget-9bef5e .cal-grid-wrap {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
  }
  .widget-9bef5e .cal-divider {
    grid-column: 1/-1;
    grid-row: 3;
    margin: 10px 0 6px;
  }
  .widget-9bef5e .clock-panel {
    grid-column: 2;
    grid-row: 1/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .widget-9bef5e .cal-status-bar {
    grid-column: 1/-1;
    grid-row: 4;
    flex-wrap: wrap;
    gap: 5px;
  }
  .widget-9bef5e .analog-clock {
    width: 90px;
    height: 90px;
  }
  .widget-9bef5e .digital-time {
    font-size: 18px;
  }
  .widget-9bef5e .digital-sec-val {
    font-size: 12px;
  }
  .widget-9bef5e .cal-month-name {
    font-size: 15px;
  }
  .widget-9bef5e .cal-year {
    font-size: 10px;
  }
  .widget-9bef5e .cal-day {
    font-size: 10px;
  }
  .widget-9bef5e .clock-sys-label,
  .widget-9bef5e .cal-sys-label {
    font-size: 8px;
    letter-spacing: 0.12em;
  }
  .widget-9bef5e .status-text {
    font-size: 8px;
  }
  .widget-9bef5e .timeline-track-wrapper {
    overflow-x: scroll;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: 8px;
    margin-left: -14px;
    margin-right: -14px;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
  }
  .widget-9bef5e .timeline-track {
    min-width: max-content;
    padding-right: 14px;
  }
  .widget-9bef5e .timeline-step {
    min-width: 150px;
    max-width: 150px;
    scroll-snap-align: start;
  }
  .widget-9bef5e .steps-row {
    gap: 14px;
  }
  .widget-9bef5e .cta-inner-row {
    flex-wrap: wrap;
    gap: 10px;
  }
  .widget-9bef5e .timeline-cta-row {
    margin-top: 20px;
  }
  .widget-9bef5e .cta-hint {
    font-size: 9px;
  }
  /* Hide scroll hint on mobile — users expect swipe */
  .widget-9bef5e .track-scroll-hint,
  .widget-9bef5e .track-scroll-fade {
    display: none;
  }
}
/* ================================================
   VERY SMALL PHONES (<400px)
================================================ */
@media (max-width: 400px) {
  .widget-9bef5e {
    padding: 22px 10px 18px;
  }
  .widget-9bef5e .cal-card {
    display: block;
    padding: 12px 10px 10px;
  }
  .widget-9bef5e .clock-panel {
    display: block;
    margin-top: 10px;
  }
  .widget-9bef5e .analog-clock-wrap {
    justify-content: flex-start;
  }
  .widget-9bef5e .analog-clock {
    width: 80px;
    height: 80px;
  }
  .widget-9bef5e .digital-time {
    font-size: 16px;
  }
  .widget-9bef5e .cal-divider {
    margin: 8px 0;
  }
  .widget-9bef5e .timeline-track-wrapper {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .widget-9bef5e .timeline-step {
    min-width: 140px;
    max-width: 140px;
  }
}

@charset "UTF-8";
.widget-1af821 {
  --neon: rgba(245, 245, 6, 1);
  --neon-dim: rgba(245, 245, 6, 0.35);
  --neon-faint: rgba(245, 245, 6, 0.08);
  --dark-base: #060606;
  --dark-panel: rgba(12, 12, 12, 0.92);
  --dark-glass: rgba(18, 18, 18, 0.85);
  --text-primary: rgba(255, 255, 255, 1);
  --text-muted: rgba(180, 180, 180, 0.75);
  --border-subtle: rgba(245, 245, 6, 0.15);
  --radius-card: 16px;
  /* Focus ring colour — high contrast yellow on dark background */
  --focus-ring: rgba(245, 245, 6, 0.9);
  font-family: "Poppins", sans-serif;
  color: var(--text-primary);
  padding: 60px 20px 80px;
  position: relative;
  overflow: hidden;
  background: transparent;
  user-select: none;
}

/* ===================== SCREEN-READER ONLY ===================== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ===================== GLOBAL FOCUS RING ===================== */
/* Remove browser default, apply custom visible ring on all interactive elements */
.widget-1af821 *:focus {
  outline: none;
}

.widget-1af821 *:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: 6px;
}

/* ===================== HEADER ===================== */
.portfolio-header {
  text-align: center;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}

.portfolio-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  color: var(--neon);
  background: rgba(245, 245, 6, 0.06);
  border: 1px solid rgba(245, 245, 6, 0.25);
  border-radius: 40px;
  padding: 7px 18px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--neon);
  box-shadow: 0 0 8px var(--neon);
  animation: pulseDot 2s ease-in-out infinite;
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  .badge-dot,
  .explore-hint-icon,
  .hub-glow {
    animation: none;
  }
  .info-card,
  .info-backdrop,
  .node-tooltip,
  .node-ring,
  .card-nav,
  .info-card-close,
  .card-btn,
  .service-badge,
  .mobile-proj-card {
    transition: none !important;
  }
}
@keyframes pulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.7);
  }
}
.portfolio-heading {
  font-family: "Libre Baskerville", serif;
  font-size: 38px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 16px;
  line-height: 1.25;
}

.portfolio-heading em {
  color: var(--neon);
  font-style: normal;
}

.portfolio-subheading {
  font-size: 15px;
  color: var(--text-muted);
  max-width: 620px;
  margin: 0 auto;
  line-height: 1.7;
}

/* ===================== EXPLORE HINT ===================== */
.explore-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 11.5px;
  font-weight: 500;
  color: rgba(180, 180, 180, 0.55);
  letter-spacing: 0.4px;
  margin-bottom: 20px;
  transition: opacity 0.6s ease;
  position: relative;
  z-index: 2;
}

.explore-hint.hidden {
  opacity: 0;
  pointer-events: none;
}

.explore-hint-icon {
  color: var(--neon);
  font-size: 10px;
  opacity: 0.7;
  animation: pulseDot 2.5s ease-in-out infinite;
}

/* ===================== CAROUSEL STAGE ===================== */
.carousel-stage {
  position: relative;
  width: 560px;
  height: 560px;
  margin: 0 auto 40px;
  cursor: grab;
}

.carousel-stage:active {
  cursor: grabbing;
}

.carousel-lines {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 600px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
}

/* ===================== HUB ===================== */
.carousel-hub {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  pointer-events: none;
}

.hub-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245, 245, 6, 0.12) 0%, transparent 70%);
  animation: hubPulse 3s ease-in-out infinite;
}

@keyframes hubPulse {
  0%, 100% {
    opacity: 0.7;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.15);
  }
}
.hub-inner {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(8, 8, 8, 0.95);
  border: 1.5px solid rgba(245, 245, 6, 0.4);
  box-shadow: 0 0 20px rgba(245, 245, 6, 0.15), inset 0 0 20px rgba(245, 245, 6, 0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.hub-icon {
  font-size: 22px;
  color: var(--neon);
  line-height: 1;
  text-shadow: 0 0 12px var(--neon);
}

.hub-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--neon);
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  padding: 0 6px;
}

/* ===================== PROJECT NODES ===================== */
.project-node {
  position: absolute;
  width: 90px;
  height: 90px;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: filter 0.3s ease;
  /* Ensure minimum 44×44px touch / click area */
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
  background: transparent;
  border: none;
  padding: 0;
}

.node-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(10, 10, 10, 0.9);
  border: 1.5px solid rgba(245, 245, 6, 0.2);
  box-shadow: 0 0 12px rgba(245, 245, 6, 0.05);
  transition: border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}

.project-node:hover .node-ring,
.project-node.active .node-ring {
  border-color: rgba(245, 245, 6, 0.75);
  box-shadow: 0 0 22px rgba(245, 245, 6, 0.35), inset 0 0 12px rgba(245, 245, 6, 0.06);
  background: rgba(20, 20, 10, 0.95);
}

/* Custom focus ring on nodes — circular */
.project-node:focus-visible .node-ring {
  border-color: var(--focus-ring);
  box-shadow: 0 0 0 3px rgba(245, 245, 6, 0.45), 0 0 22px rgba(245, 245, 6, 0.35);
  outline: none;
}

/* Override global focus-visible border-radius for circular nodes */
.project-node:focus-visible {
  outline: none;
  border-radius: 50%;
}

.node-icon {
  position: relative;
  z-index: 1;
  font-size: 20px;
  line-height: 1;
  transition: transform 0.3s ease;
}

.project-node:hover .node-icon,
.project-node.active .node-icon,
.project-node:focus-visible .node-icon {
  transform: scale(1.15);
}

/* Node labels hidden visually; screen readers use aria-label */
.node-label {
  display: none;
}

/* Connector lines from hub to nodes */
.connector-line {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  background: linear-gradient(90deg, rgba(245, 245, 6, 0.3), rgba(245, 245, 6, 0.05));
  transform-origin: 0 50%;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* ===================== NODE TOOLTIP ===================== */
.node-tooltip {
  position: fixed;
  z-index: 9997;
  background: rgba(12, 12, 12, 0.95);
  border: 1px solid rgba(245, 245, 6, 0.3);
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  pointer-events: none;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.node-tooltip.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ===================== INFO CARD ===================== */
.info-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(4px);
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.info-backdrop.active {
  opacity: 1;
  pointer-events: all;
}

.info-card {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.92);
  width: min(780px, 92vw);
  max-height: 88vh;
  z-index: 9999;
  background: rgba(10, 10, 10, 0.97);
  border: 1px solid rgba(245, 245, 6, 0.2);
  border-radius: 20px;
  box-shadow: 0 0 60px rgba(245, 245, 6, 0.1), 0 24px 80px rgba(0, 0, 0, 0.7);
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  scrollbar-width: thin;
  scrollbar-color: rgba(245, 245, 6, 0.2) transparent;
}

.info-card::-webkit-scrollbar {
  width: 4px;
}

.info-card::-webkit-scrollbar-track {
  background: transparent;
}

.info-card::-webkit-scrollbar-thumb {
  background: rgba(245, 245, 6, 0.2);
  border-radius: 2px;
}

.info-card.active {
  opacity: 1;
  pointer-events: all;
  transform: translate(-50%, -50%) scale(1);
}

/* Card navigation arrows */
.card-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 12;
  background: rgba(20, 20, 12, 0.92);
  border: 1px solid rgba(245, 245, 6, 0.2);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-muted);
  transition: all 0.2s ease;
}

.card-nav:hover {
  background: rgba(245, 245, 6, 0.12);
  color: var(--neon);
  border-color: var(--neon);
}

.card-nav:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: 50%;
}

.card-nav-prev {
  left: -20px;
}

.card-nav-next {
  right: -20px;
}

.info-card-close {
  position: absolute;
  top: 16px;
  right: 18px;
  z-index: 10;
  background: rgba(30, 30, 20, 0.9);
  border: 1px solid rgba(245, 245, 6, 0.25);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-muted);
  font-size: 13px;
  transition: all 0.2s ease;
  line-height: 1;
}

.info-card-close:hover {
  background: rgba(245, 245, 6, 0.12);
  color: var(--neon);
  border-color: var(--neon);
}

.info-card-close:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: 50%;
}

.info-card-inner {
  display: flex;
  flex-direction: column;
}

/* Screenshot — 16:9 aspect ratio */
.info-card-screenshot {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  flex-shrink: 0;
}

.info-card-screenshot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.info-card.active .info-card-screenshot img {
  transform: scale(1.03);
}

.screenshot-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(transparent, rgba(10, 10, 10, 0.97));
  pointer-events: none;
}

/* Card Body — re-enable text selection */
.info-card-body {
  padding: 22px 28px 28px;
  user-select: text;
}

.card-top-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 8px;
}

.card-industry {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--neon);
  background: rgba(245, 245, 6, 0.07);
  border: 1px solid rgba(245, 245, 6, 0.2);
  padding: 4px 12px;
  border-radius: 30px;
}

.card-nav-counter {
  font-size: 11px;
  font-weight: 500;
  color: rgba(180, 180, 180, 0.45);
  letter-spacing: 0.5px;
}

.card-client-name {
  font-family: "Libre Baskerville", serif;
  font-size: 26px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 10px 0 10px;
  line-height: 1.2;
}

.card-description {
  font-size: 13.5px;
  color: var(--text-muted);
  line-height: 1.7;
  margin: 0 0 20px;
}

.card-section-label {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(245, 245, 6, 0.6);
  margin: 0 0 10px;
}

/* Services */
.card-services-wrap {
  margin-bottom: 20px;
}

.card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.service-badge {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-primary);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  padding: 5px 13px;
  transition: all 0.2s ease;
}

.service-badge:hover {
  border-color: rgba(245, 245, 6, 0.4);
  color: var(--neon);
  background: rgba(245, 245, 6, 0.05);
}

/* Results */
.card-results-wrap {
  margin-bottom: 22px;
}

.card-results {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 16px;
}

.result-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--text-muted);
}

.result-check {
  color: var(--neon);
  font-size: 12px;
  flex-shrink: 0;
  text-shadow: 0 0 8px var(--neon-dim);
}

/* Action Buttons */
.card-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 4px;
}

.card-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  padding: 11px 22px;
  border-radius: 8px;
  transition: all 0.25s ease;
  letter-spacing: 0.3px;
  cursor: pointer;
  /* Minimum touch target */
  min-height: 44px;
}

.card-btn:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
}

.card-btn-primary {
  background: var(--neon);
  color: #000;
  border: 1px solid var(--neon);
  box-shadow: 0 0 18px rgba(245, 245, 6, 0.25);
}

.card-btn-primary:hover {
  background: transparent;
  color: var(--neon);
  box-shadow: 0 0 28px rgba(245, 245, 6, 0.4);
}

.card-btn-secondary {
  background: transparent;
  color: var(--text-primary);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.card-btn-secondary:hover {
  border-color: rgba(245, 245, 6, 0.4);
  color: var(--neon);
  background: rgba(245, 245, 6, 0.04);
}

/* Keyboard hint inside card */
.card-keyboard-hint {
  margin-top: 18px;
  font-size: 10.5px;
  color: rgba(180, 180, 180, 0.3);
  letter-spacing: 0.3px;
}

.card-keyboard-hint kbd {
  display: inline-block;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  padding: 1px 6px;
  font-family: inherit;
  font-size: 10px;
  line-height: 1.6;
  color: rgba(200, 200, 200, 0.5);
}

/* ===================== MOBILE CARD LIST ===================== */
.mobile-card-list {
  display: none;
}

.mobile-proj-card {
  background: rgba(12, 12, 12, 0.9);
  border: 1px solid rgba(245, 245, 6, 0.12);
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  user-select: none;
}

.mobile-proj-card:hover,
.mobile-proj-card:active {
  border-color: rgba(245, 245, 6, 0.45);
  box-shadow: 0 0 18px rgba(245, 245, 6, 0.12);
}

.mobile-proj-card:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: 14px;
}

.mobile-proj-thumb {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

.mobile-proj-info {
  padding: 14px 16px 16px;
}

.mobile-proj-industry {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--neon);
  margin-bottom: 5px;
}

.mobile-proj-name {
  font-family: "Libre Baskerville", serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.3;
  margin: 0 0 4px;
}

.mobile-proj-cta {
  font-size: 11px;
  color: rgba(245, 245, 6, 0.55);
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* ===================== RESPONSIVE ===================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .portfolio-heading {
    font-size: 32px;
  }
  .carousel-stage {
    width: 480px;
    height: 480px;
  }
  .card-nav-prev {
    left: -16px;
  }
  .card-nav-next {
    right: -16px;
  }
}
@media (max-width: 767px) {
  .widget-1af821 {
    padding: 40px 16px 60px;
  }
  .portfolio-heading {
    font-size: 26px;
  }
  .portfolio-subheading {
    font-size: 13.5px;
  }
  /* Hide orbital carousel on mobile, show card list */
  .carousel-stage {
    display: none;
  }
  .explore-hint {
    display: none;
  }
  .mobile-card-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 40px;
  }
  /* Info card adjustments */
  .info-card-body {
    padding: 16px 18px 22px;
  }
  .card-client-name {
    font-size: 20px;
  }
  .card-results {
    grid-template-columns: 1fr;
  }
  .card-actions {
    flex-direction: column;
  }
  .card-btn {
    justify-content: center;
  }
  /* Nav arrows inside card on mobile */
  .card-nav-prev {
    left: 8px;
  }
  .card-nav-next {
    right: 8px;
  }
  .card-keyboard-hint {
    display: none;
  }
}
@media (max-width: 420px) {
  .mobile-card-list {
    grid-template-columns: 1fr;
  }
}
/* High-contrast mode support */
@media (forced-colors: active) {
  .node-ring,
  .hub-inner,
  .info-card,
  .card-nav,
  .info-card-close,
  .card-btn,
  .service-badge,
  .portfolio-badge {
    border: 2px solid ButtonText;
  }
  .project-node:focus-visible .node-ring,
  .card-nav:focus-visible,
  .info-card-close:focus-visible,
  .card-btn:focus-visible,
  .mobile-proj-card:focus-visible {
    outline: 3px solid Highlight;
  }
}