/* === J.O.T Group parity stylesheet (matches original HTML) === */
html,body{background:#07080D !important;}
body{overflow-x:hidden;}
/* ambient blueprint grid + radial glows behind everything */
body::before{content:"";position:fixed;inset:-64px 0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(42,46,61,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(42,46,61,.35) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000,transparent 75%);opacity:.5;}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 78% 8%,rgba(255,99,11,.12),transparent 60%),radial-gradient(55% 50% at 12% 22%,rgba(110,91,255,.10),transparent 60%);}
.elementor,.xpro-theme-builder-header,#xpro-theme-builder-footer,main{position:relative;z-index:1;}

/* typography parity (clamp scale) */
.jot-hero h1{font-size:clamp(2.6rem,6vw,5.5rem) !important;line-height:1.0 !important;letter-spacing:-.01em;}
.jot-pagetop h1{font-size:clamp(2.4rem,5vw,4.4rem) !important;line-height:1.03 !important;letter-spacing:-.01em;}
.jot-section h2{line-height:1.1 !important;letter-spacing:-.01em;}
.jot-accent{color:#FF630B;}
.jot-lead .elementor-widget-container,.jot-lead p{font-size:clamp(1.15rem,1.4vw,1.31rem) !important;line-height:1.55 !important;color:#9EA6B7;}

/* eyebrow glowing dot */
.jot-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;}
.jot-eyebrow .elementor-heading-title::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF630B;box-shadow:0 0 12px rgba(255,99,11,.8);margin-right:9px;}

/* hero tagline */
.jot-tagline{margin-top:18px;padding-top:24px;border-top:1px solid #2A2E3D;}
.jot-tagline .elementor-heading-title{color:#9EA6B7;font-family:'Space Grotesk',sans-serif;}

/* ecosystem map */
.jot-ecomap img{max-width:520px;width:100%;margin:0 auto;display:block;}

/* buttons */
.jot-btn .elementor-button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;}
.jot-btn-primary .elementor-button:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,99,11,.35);}
.jot-btn-secondary .elementor-button:hover{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.35) !important;transform:translateY(-1px);}
.jot-link .elementor-button{background:transparent !important;color:#FF630B !important;padding:0 !important;border:none !important;font-weight:600;}
.jot-link .elementor-button:hover{color:#FF8A3D !important;}
.jot-link .elementor-button:hover .elementor-button-text{padding-left:2px;}

/* icon-box icon = tinted rounded square (matches HTML cards) */
.elementor-widget-icon-box .elementor-icon{background:rgba(255,99,11,.10) !important;border:1px solid rgba(255,99,11,.25);color:#FF630B !important;border-radius:12px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:22px;}
.elementor-widget-icon-box .elementor-icon i,.elementor-widget-icon-box .elementor-icon svg{color:#FF630B !important;fill:#FF630B !important;width:22px;height:22px;}
.elementor-widget-icon-box .elementor-icon-box-title{margin-bottom:6px;}

/* cards hover lift */
.jot-card{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease,background .4s ease;}
.jot-card:hover{transform:translateY(-4px);border-color:#FF630B !important;box-shadow:0 10px 30px rgba(255,99,11,.1);}
.jot-narr:hover{border-color:rgba(255,99,11,.4) !important;transform:none;}

/* tag pills */
.jot-tags .elementor-icon-list-items{flex-wrap:wrap;gap:10px;}
.jot-tags .elementor-icon-list-item{border:1px solid #2A2E3D;border-radius:999px;padding:6px 12px !important;background:rgba(255,255,255,.02);margin:0 !important;}
.jot-tags .elementor-icon-list-text{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem !important;color:#9EA6B7;}
.jot-tags .elementor-icon-list-icon{color:#FF630B;}

/* problem list 2-col */
.jot-problemlist .elementor-icon-list-items{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;}
.jot-problemlist .elementor-icon-list-icon i{color:#C86B3C !important;}

/* connected pillar strip */
.jot-pillars{gap:1px !important;}
.jot-pillar{transition:background .25s ease;}
.jot-pillar:hover{background:#121a30 !important;}

/* connected flow steps + hover underline */
.jot-steps{}
.jot-step{position:relative;}
.jot-step::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:#FF630B;transition:width .4s ease;}
.jot-step:hover::after{width:100%;}

/* CTA band radial glow */
.jot-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#181327,#0E1324) !important;}
.jot-band::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 50% 0%,rgba(255,99,11,.16),transparent 70%);pointer-events:none;}
.jot-band > *{position:relative;z-index:1;}

/* infinite marquee */
.jot-marquee{overflow:hidden !important;-webkit-mask-image:linear-gradient(to right,transparent,#fff 15%,#fff 85%,transparent);mask-image:linear-gradient(to right,transparent,#fff 15%,#fff 85%,transparent);padding:8px 0;}
.jot-marquee-track{display:flex !important;flex-wrap:nowrap !important;width:max-content !important;gap:12px;animation:jotmarquee 30s linear infinite !important;}
.jot-marquee:hover .jot-marquee-track{animation-play-state:paused;}
@keyframes jotmarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.jot-pill{flex:0 0 auto !important;width:auto !important;}
.jot-pill .elementor-heading-title{border:1px solid #2A2E3D;border-radius:999px;padding:11px 18px;background:rgba(255,255,255,.02);white-space:nowrap;font-size:.8rem;color:#9EA6B7;font-family:'Inter',sans-serif;font-weight:600;}

/* scroll reveal (driven by JS adding .jot-in) */
.jot-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.jot-reveal.jot-in{opacity:1;transform:none;}

/* header: transparent over hero, glass on scroll */
.xpro-theme-builder-header{position:fixed !important;top:0;left:0;right:0;z-index:100;background:transparent !important;border-bottom:1px solid transparent;transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease;}
.xpro-theme-builder-header.jot-scrolled{background:rgba(7,8,13,.78) !important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #2A2E3D;}
.xpro-theme-builder-header .xpro-nav-menu-wrapper a,.xpro-theme-builder-header .xpro-menu li a{color:#9EA6B7;font-family:'Inter',sans-serif;font-weight:500;}
.xpro-theme-builder-header .xpro-nav-menu-wrapper a:hover,.xpro-theme-builder-header .xpro-menu li a:hover{color:#FF630B;}

/* footer social squares */
.elementor-widget-xpro-social-icon .xpro-social-icon-wrap a,.elementor-widget-xpro-social-icon a.xpro-social-icon{border:1px solid #2A2E3D;border-radius:12px;width:42px;height:42px;display:inline-flex !important;align-items:center;justify-content:center;color:#9EA6B7;transition:.2s;}
.elementor-widget-xpro-social-icon a:hover{border-color:rgba(255,99,11,.5);background:rgba(255,99,11,.06);color:#FF630B;}

/* contact map */
.jot-map img{width:100%;border:1px solid #2A2E3D;border-radius:24px;display:block;}

/* WPForms styled to match the original HTML form */
.jot-form .wpforms-field-label{font-size:.82rem !important;font-weight:600 !important;letter-spacing:.04em;color:#9EA6B7 !important;text-transform:uppercase;margin-bottom:8px;}
.jot-form input[type=text],.jot-form input[type=email],.jot-form input[type=tel],.jot-form input[type=url],.jot-form textarea{width:100% !important;background:rgba(255,255,255,.03) !important;border:1px solid #2A2E3D !important;border-radius:12px !important;padding:13px 16px !important;color:#F6F1E8 !important;font-family:'Inter',sans-serif;font-size:1rem !important;box-shadow:none !important;}
.jot-form input:focus,.jot-form textarea:focus{outline:none !important;border-color:#FF630B !important;background:rgba(255,99,11,.04) !important;}
.jot-form textarea{min-height:130px !important;resize:vertical;}
.jot-form .wpforms-field-description,.jot-form .wpforms-required-label{color:#9EA6B7;}
.jot-form button[type=submit],.jot-form .wpforms-submit{background:#FF630B !important;color:#07080D !important;border:none !important;border-radius:999px !important;padding:15px 30px !important;font-weight:600 !important;font-family:'Inter',sans-serif;width:100% !important;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.jot-form button[type=submit]:hover,.jot-form .wpforms-submit:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,99,11,.35);}
.jot-form .wpforms-confirmation-container-full{background:rgba(255,99,11,.08);border:1px solid rgba(255,99,11,.3);color:#F6F1E8;border-radius:12px;}

/* responsive */
@media (max-width:1024px){
  .jot-row > .e-con{width:48% !important;}
  .jot-pillar{width:50% !important;}
}
@media (max-width:767px){
  .jot-row > .e-con{width:100% !important;}
  .jot-pillar{width:100% !important;}
  .jot-step{width:100% !important;border-right:none !important;border-bottom:1px solid #2A2E3D !important;}
  .jot-step:last-child{border-bottom:none !important;}
  .jot-problemlist .elementor-icon-list-items{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .jot-reveal{opacity:1 !important;transform:none !important;}
  .jot-marquee-track{animation:none !important;}
}

/* === Header & Footer exact HTML parity (appended) === */
.jot-header-wrap{width:100%;}
.jot-nav-inner{margin:0 auto;}
.jot-brand{cursor:pointer;}
.jot-mark-img img{width:30px !important;height:30px;display:block;}
.jot-mark-img a,.jot-mark-img .elementor-widget-container{line-height:0;}
.jot-logo-text .elementor-heading-title,.jot-logo-text a{font-family:'Space Grotesk',sans-serif !important;font-weight:700;font-size:1.18rem;color:#F6F1E8 !important;letter-spacing:.02em;line-height:1;text-decoration:none;}
.jot-logo-text .jot-grp{display:block;font-size:.62rem;font-weight:600;letter-spacing:.28em;color:#9EA6B7;margin-top:3px;font-family:'Inter',sans-serif;}
.jot-nav .xpro-elementor-horizontal-navbar-nav{gap:6px;}
.jot-nav .xpro-elementor-horizontal-navbar-nav > li > a{padding:9px 14px !important;border-radius:999px;color:#9EA6B7 !important;font-weight:500;transition:color .2s ease,background .2s ease;}
.jot-nav .xpro-elementor-horizontal-navbar-nav > li > a:hover{color:#F6F1E8 !important;}
.jot-nav .xpro-elementor-horizontal-navbar-nav > li.current-menu-item > a,.jot-nav .xpro-elementor-horizontal-navbar-nav > li.current_page_item > a{color:#F6F1E8 !important;background:rgba(255,255,255,.06);}
.jot-headcta .elementor-button,.jot-headcta a.elementor-button{padding:11px 22px !important;}
.jot-footer{width:100%;}
.jot-foot-p p,.jot-foot-about p{max-width:320px;color:#9EA6B7;font-size:.95rem;line-height:1.6;margin:0;}
.jot-foot-h4 .elementor-heading-title{font-family:'Space Grotesk',sans-serif !important;color:#F6F1E8 !important;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;line-height:1;}
.jot-foot-col .jot-foot-h4{margin-bottom:18px !important;}
.jot-flinks .elementor-widget-container > *{margin:0;}
.jot-flinks a{display:block;color:#9EA6B7 !important;text-decoration:none;font-size:.95rem;margin-bottom:11px;transition:color .2s ease;width:fit-content;}
.jot-flinks a:hover{color:#FF630B !important;}
.jot-foot-copy .elementor-heading-title{color:#9EA6B7 !important;font-size:.85rem;font-weight:400;font-family:'Inter',sans-serif !important;}
@media (max-width:980px){.jot-foot-grid > .e-con{width:46% !important;}}
@media (max-width:600px){.jot-foot-grid > .e-con{width:100% !important;}.jot-foot-bottom{flex-direction:column;align-items:flex-start !important;}}