/* Demo & Trial Modals (shared base) */
.demo-modal,.trial-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:60px 20px;}
.demo-modal.is-open,.trial-modal.is-open{display:flex;}
.demo-modal-backdrop,.trial-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:1;}
.demo-modal-dialog,.trial-modal-dialog{position:relative;z-index:2;width:100%;max-width:640px;margin:auto;}
.demo-modal-content,.trial-modal-content{position:relative;background:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,0.3);overflow:hidden;}
.demo-modal-close,.trial-modal-close{position:absolute;top:10px;right:14px;background:transparent;border:0;color:#333;font-size:28px;line-height:1;cursor:pointer;padding:6px 10px;z-index:3;}
.demo-modal-close:hover,.trial-modal-close:hover{color:#ff6200;}
.demo-modal-body,.trial-modal-body{padding:32px 28px 24px;}
body.demo-modal-open,body.trial-modal-open{overflow:hidden;}
#demoModal button.demo-modal-close,#trialModal button.trial-modal-close{background:transparent;color:#ff6200;}
/* Demo Modal Form */
.demo-modal .demo-2-form{box-shadow:none;padding:0;background:transparent;}
.demo-modal .demo-2-form h2{font-size:22px;margin:0 0 18px;padding-right:30px;}
.demo-modal .form-loader{text-align:center;}
/* Trial Modal Form */
.trial-modal .form{background:transparent;padding:0;}
.trial-modal .form-head{font-size:22px;margin:0 0 18px;padding-right:30px;}
.trial-modal .form-loader{text-align:center;}
.trial-modal .step-count{display:flex;list-style:none;padding-left:0;margin-bottom:20px;}
.trial-modal .step-count li{height:25px;width:25px;display:flex;justify-content:center;align-items:center;margin-right:15px;font-size:14px;line-height:1;position:relative;z-index:1;color:#333;}
.trial-modal .step-count li:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;transform:rotate(45deg);border-radius:5px;background:#dce3ec;z-index:-1;}
.trial-modal .step-count li.active:before{background:#ff6200;}
.trial-modal .step-count li.active{color:#fff;}
/* Author Page */
.blog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;color:#666;}
.blog-breadcrumb a{color:#666;text-decoration:none;}
.blog-breadcrumb a:hover{color:#ff6200;}
.blog-breadcrumb .sep{color:#999;margin:0 4px;}
.blog-breadcrumb .current{color:#222;font-weight:500;}
.author-hero{background:#f1f1f1;margin-top:90px;padding:50px 0 60px;}
.author-hero .blog-breadcrumb{justify-content:flex-start;margin-bottom:30px;}
.author-hero-row{display:flex;align-items:center;flex-wrap:wrap;margin:0 -15px;}
.author-hero-img-col{flex:0 0 33.333%;max-width:33.333%;padding:0 15px;display:flex;justify-content:center;}
.author-hero-info{flex:0 0 66.666%;max-width:66.666%;padding:0 15px 0 40px;}
.author-hero-img img{width:260px;height:260px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 8px 30px rgba(0,0,0,0.12);display:block;}
.author-name{font-size:36px;font-weight:700;color:#222;margin:0 0 6px;line-height:1.2;}
.author-role{display:inline-block;color:#ff6200;font-size:16px;font-weight:500;margin-bottom:18px;}
.author-bio{font-size:16px;line-height:27px;color:#353535;margin-bottom:24px;}
.author-social{display:flex;gap:12px;}
.author-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ff6200;color:#fff;font-size:16px;transition:all 0.3s;text-decoration:none;}
.author-social a:hover{background:#e55700;transform:scale(1.08);color:#fff;}
.author-social a svg{width:16px;height:16px;fill:#fff;display:block;}
.author-posts-section{padding:60px 0;}
.author-posts-section .section-title{text-align:center;font-size:28px;font-weight:700;color:#222;margin-bottom:40px;max-width:initial;}
.author-posts-section .section-title span{position:relative;display:inline-block;}
.author-posts-section .blogs-outer-wrap .alm-listing{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.author-posts-section .blogs-outer-wrap .blog-post-col{height:100%;}
.author-posts-section .blogs-outer-wrap .blog-post-col .post-media img{width:100%;height:auto;}
/* Demo & Trial Modals Responsive */
@media only screen and (max-width:991px){
.demo-modal,.trial-modal{padding:40px 16px;}
.demo-modal-dialog,.trial-modal-dialog{max-width:560px;}
.author-hero{margin-top:80px;padding:40px 0 50px;}
.author-hero-row{flex-wrap:wrap;}
.author-hero-img-col,.author-hero-info{width:100%;flex:0 0 100%;max-width:100%;}
.author-hero-img-col{margin-bottom:30px;}
.author-hero-info{padding-left:15px;text-align:center;}
.author-social{justify-content:center;}
.author-hero .blog-breadcrumb{justify-content:center;}
.author-posts-section .blogs-outer-wrap .alm-listing{grid-template-columns:repeat(2,1fr);}
.author-name{font-size:30px;}
.author-bio{text-align:center;}
}
@media only screen and (max-width:767px){
.demo-modal,.trial-modal{padding:24px 12px;}
.demo-modal-body,.trial-modal-body{padding:26px 20px 20px;}
.demo-modal .demo-2-form h2,.trial-modal .form-head{font-size:19px;}
.author-hero-img img{width:200px;height:200px;}
.author-name{font-size:26px;}
.author-bio{font-size:15px;line-height:25px;}
.author-posts-section .blogs-outer-wrap .alm-listing{grid-template-columns:1fr;}
.author-posts-section{padding:40px 0;}
.author-posts-section .section-title{font-size:24px;margin-bottom:30px;}
}
@media only screen and (max-width:480px){
.demo-modal-body,.trial-modal-body{padding:22px 16px 16px;}
.demo-modal-close,.trial-modal-close{top:6px;right:10px;font-size:26px;}
.author-hero{margin-top:0;padding:30px 0 40px;}
.author-name{font-size:22px;}
.author-hero-img img{width:160px;height:160px;}
.author-social a{width:36px;height:36px;font-size:14px;}
.author-posts-section .blogs-outer-wrap .alm-listing{gap:20px;}
}
/* HubSpot form loader.
   style.css:2460 hides the spinner with `.hbspt-form + .form-loader`, but forms
   are now created with an explicit `target`, and in that mode HubSpot injects
   its iframe straight into the container without wrapping it in .hbspt-form -
   so that rule stopped matching and the spinner never went away.
   General sibling, because a <script> sits between the container and the loader. */
.trakop-hsform:has(iframe,form)~.form-loader{display:none;}