:root{--jpt-bg:#0b0b0e;--jpt-bg2:#131319;--jpt-card:#17171e;--jpt-line:#272730;--jpt-txt:#fff;--jpt-mut:#9a9aa8;--jpt-g1:#FEC500;--jpt-g2:#FE9408;--jpt-g3:#FF6712}
.jpt{font-family:'Inter',system-ui,sans-serif;color:var(--jpt-txt);line-height:1.6}
.jpt *{box-sizing:border-box}
.jpt a{color:#ffb066;text-decoration:none}
.jpt .wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.jpt-hero{position:relative;background:var(--jpt-bg);padding:74px 0 36px;text-align:center;overflow:hidden}
.jpt-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% -10%,rgba(255,103,18,.22),transparent 60%);pointer-events:none}
.jpt-kick{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--jpt-g1);font-weight:600;position:relative}
.jpt-hero h1{font-family:'Sora','Inter',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(30px,5.5vw,52px);line-height:1.03;margin:14px 0 12px;position:relative}
.jpt-hero h1 em{background:linear-gradient(100deg,var(--jpt-g1),var(--jpt-g3));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.jpt-hero p.lead{color:#c7c7d2;max-width:600px;margin:0 auto 26px;font-size:17px;position:relative}
.jpt-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(100deg,var(--jpt-g1),var(--jpt-g3));color:#1a1205;font-weight:600;border:0;padding:15px 28px;border-radius:11px;font-size:15px;cursor:pointer;box-shadow:0 8px 26px rgba(255,103,18,.32);transition:.15s;text-decoration:none}
.jpt-btn:hover{filter:brightness(1.07);transform:translateY(-2px);color:#1a1205}
.jpt-btn.ghost{background:transparent;color:#fff;border:1px solid var(--jpt-line);box-shadow:none}
.jpt-ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;position:relative}
.jpt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:760px;margin:40px auto 4px;position:relative}
.jpt-stat{background:var(--jpt-card);border:1px solid var(--jpt-line);border-radius:13px;padding:18px 10px;text-align:center}
.jpt-stat .v{font-family:'Sora','Inter',sans-serif;font-weight:800;font-size:28px;background:linear-gradient(100deg,var(--jpt-g1),var(--jpt-g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.jpt-stat .l{font-size:11px;color:var(--jpt-mut);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.jpt-cfg{background:linear-gradient(180deg,#101016,#0c0c10);padding:46px 0 60px}
.jpt-cfg h2{font-family:'Sora','Inter',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:30px;text-align:center;margin:0 0 6px;color:#fff}
.jpt-cfg .sub{text-align:center;color:var(--jpt-mut);font-size:14px;margin-bottom:24px}
.jpt-steps{display:flex;justify-content:center;gap:9px;margin-bottom:22px;flex-wrap:wrap}
.jpt-step{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--jpt-mut);background:var(--jpt-card);border:1px solid var(--jpt-line);padding:8px 14px;border-radius:30px}
.jpt-step.on{color:#fff;border-color:var(--jpt-g2)}
.jpt-step.done{color:var(--jpt-g1)}
.jpt-step b{width:19px;height:19px;border-radius:50%;background:#26262f;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.jpt-step.on b,.jpt-step.done b{background:linear-gradient(100deg,var(--jpt-g1),var(--jpt-g3));color:#1a1205}
.jpt-panel{max-width:820px;margin:0 auto;min-height:200px}
.jpt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:11px}
.jpt-opt{background:var(--jpt-card);border:1px solid var(--jpt-line);border-radius:11px;padding:15px 12px;font-size:14px;cursor:pointer;text-align:center;transition:.12s;font-weight:500;color:#fff}
.jpt-opt:hover{border-color:var(--jpt-g2);transform:translateY(-2px);background:#1d1d25}
.jpt-opt small{display:block;color:var(--jpt-mut);font-size:11px;font-weight:400;margin-top:3px}
.jpt-back{background:none;border:0;color:var(--jpt-mut);font-size:13px;cursor:pointer;margin-bottom:14px}
.jpt-back:hover{color:#fff}
.jpt-load{text-align:center;padding:54px 0}
.jpt-spin{width:44px;height:44px;border-radius:50%;border:3px solid #26262f;border-top-color:var(--jpt-g2);margin:0 auto 14px;animation:jptspin .7s linear infinite}
@keyframes jptspin{to{transform:rotate(360deg)}}
.jpt-res{background:var(--jpt-card);border:1px solid var(--jpt-line);border-radius:18px;padding:26px;animation:jptin .4s ease}
@keyframes jptin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.jpt-res .eng{font-family:'Sora','Inter',sans-serif;font-weight:800;font-size:24px}
.jpt-res .crumb{font-size:12px;color:var(--jpt-mut);margin-bottom:2px}
.jpt-big{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:10px 0 20px}
.jpt-bigc{background:#0e0e13;border:1px solid var(--jpt-line);border-radius:13px;padding:18px;text-align:center}
.jpt-bigc .n{font-family:'Sora','Inter',sans-serif;font-weight:800;font-size:32px}
.jpt-bigc .gn{font-size:15px;color:#28c878;font-weight:600}
.jpt-bigc .lab{font-size:11px;color:var(--jpt-mut);text-transform:uppercase;letter-spacing:.05em}
.jpt-meter{margin:16px 0}
.jpt-meter .row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}
.jpt-track{height:15px;background:#0d0d12;border-radius:8px;overflow:hidden;border:1px solid var(--jpt-line)}
.jpt-fill{height:100%;border-radius:8px;width:0;transition:width 1s cubic-bezier(.2,.7,.2,1)}
.jpt-fill.s{background:#3a3a46}
.jpt-fill.t{background:linear-gradient(90deg,var(--jpt-g1),var(--jpt-g3))}
.jpt-ctaband{margin-top:8px;text-align:center;background:linear-gradient(100deg,rgba(254,197,0,.12),rgba(255,103,18,.12));border:1px solid #3a2a12;border-radius:13px;padding:20px}
.jpt-ctaband p{margin:0 0 13px;font-size:14px;color:#e9d9c2}
.jpt-sec{background:var(--jpt-bg);padding:48px 0}
.jpt-sec h2{font-family:'Sora','Inter',sans-serif;font-weight:800;font-size:28px;color:#fff;margin:0 0 8px}
.jpt-lead{color:var(--jpt-mut);max-width:760px;margin:0 0 22px}
.jpt-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--jpt-card);border:1px solid var(--jpt-line);border-radius:12px;overflow:hidden}
.jpt-table th{background:#0e0e13;color:#ffb066;text-align:left;padding:12px 14px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.jpt-table td{padding:11px 14px;border-top:1px solid var(--jpt-line);color:#d7d7e0}
.jpt-table td.gen{background:#0e0e13;color:var(--jpt-g1);font-weight:600}
.jpt-table .gain{color:#28c878;font-weight:600;white-space:nowrap}
.jpt-trust{display:flex;flex-wrap:wrap;gap:20px;background:var(--jpt-card);border:1px solid var(--jpt-line);border-radius:14px;padding:22px 26px}
.jpt-trust div{font-size:14px;color:var(--jpt-mut)}.jpt-trust b{display:block;font-size:22px;color:#fff;font-family:'Sora','Inter',sans-serif}
.jpt-faq details{border:1px solid var(--jpt-line);border-radius:10px;padding:2px 16px;margin-bottom:10px;background:var(--jpt-card)}
.jpt-faq summary{font-weight:600;cursor:pointer;padding:13px 0;color:#fff}
.jpt-faq p{margin:0 0 14px;color:var(--jpt-mut)}
@media(max-width:560px){.jpt-stats{grid-template-columns:repeat(2,1fr)}.jpt-big{grid-template-columns:1fr}}
/* Unify TheGem/Elementor page-title bar to dark JPT (replaces red #F30000) */
.custom-page-title .thegem-section-parallax-background,.custom-page-title .thegem-section-parallax{background-color:#0b0b0e!important;background-image:radial-gradient(130% 130% at 50% 0%,rgba(255,103,18,.20),transparent 62%)!important}
.custom-page-title .block-title,.custom-page-title h1{color:#fff!important}
.custom-page-title a{color:#ffb066!important}
.custom-page-title .breadcrumbs span,.custom-page-title .sep{color:#9a9aa8!important}
/* ---- Menu polish (desktop + mobile hamburger) ---- */
.main-menu .menu-item>a:hover,.main-menu .current-menu-item>a,#primary-menu .menu-item>a:hover,#primary-menu .current-menu-item>a,.sticky-mode .menu-item>a:hover{color:#FF7A12!important}
.custom-page-title a:hover{color:#FEC500!important}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after,.menu-toggle .lines,.menu-toggle .lines:before,.menu-toggle .lines:after{background:#fff!important}
.mobile-menu-slide-wrapper{background:#0b0b0e!important}
.mobile-menu-slide-wrapper a{color:#fff!important;font-weight:500}
.mobile-menu-slide-wrapper li{border-color:rgba(255,255,255,.08)!important}
.mobile-menu-slide-wrapper .current-menu-item>a,.mobile-menu-slide-wrapper a:hover,.mobile-menu-slide-wrapper .sub-menu-toggle:hover{color:#FF7A12!important}
.mobile-menu-slide-close,.mobile-menu-slide-close:before,.mobile-menu-slide-close:after{color:#fff!important;background:#fff!important}
.mobile-menu-slide-close{background:transparent!important}
/* ---- Button readability: TheGem default buttons -> JPT gradient, always dark readable text ---- */
.gem-button{background-image:linear-gradient(100deg,#FEC500,#FF6712)!important;background-color:transparent!important;color:#160e03!important;border:0!important;text-shadow:none!important;font-weight:600!important;transition:.15s}
.gem-button:hover,.gem-button:focus{filter:brightness(1.08)!important;color:#160e03!important;background-image:linear-gradient(100deg,#FEC500,#FF6712)!important}
.gem-button.gem-button-style-outline{background-image:none!important;background-color:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.45)!important}
.gem-button.gem-button-style-outline:hover{border-color:#FF7A12!important;color:#FF7A12!important}
/* Kill the light (#dfe5e8) chip background on menu items; make mobile menu text readable */
#primary-menu li a,#primary-menu.nav-menu li a,.mobile-menu-slide-wrapper #primary-menu li a,.mobile-menu-slide-wrapper li a,.mobile-menu-slide-wrapper .sub-menu li a{background-color:transparent!important;background-image:none!important;color:#fff!important}
.mobile-menu-slide-wrapper #primary-menu li.current-menu-item>a,.mobile-menu-slide-wrapper #primary-menu li a:hover,#primary-menu li a:hover{color:#FF7A12!important;background-color:rgba(255,122,18,.10)!important}
.mobile-menu-slide-wrapper{background:#0b0b0e!important}
.mobile-menu-slide-wrapper #primary-menu li{border-bottom:1px solid rgba(255,255,255,.07)!important}
/* Active mobile menu item: dark row + orange text (override TheGem light active bg) */
.mobile-menu-slide-wrapper ul#primary-menu li.current-menu-item,.mobile-menu-slide-wrapper ul#primary-menu li.current-menu-item>a,.mobile-menu-slide-wrapper ul#primary-menu li.current_page_item>a,.mobile-menu-slide-wrapper ul#primary-menu .current-menu-ancestor>a{background:rgba(255,122,18,.14)!important;color:#FF7A12!important}
.mobile-menu-slide-wrapper .sub-menu-toggle,.mobile-menu-slide-wrapper .sub-menu li a{color:#fff!important;background:transparent!important}
.mobile-menu-slide-wrapper input[type=search],.mobile-menu-slide-wrapper .search-field{background:#17171e!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}
/* Brand logo chips in configurator */
.jpt-brandgrid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
.jpt-brandopt{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px}
.jpt-brandopt img{height:44px;width:auto;max-width:92%;object-fit:contain;background:#fff;border-radius:10px;padding:7px 10px}
.jpt-brandopt span{font-size:13px;color:#cfcfd6;font-weight:500}