/* ============================================================
   JOMETECH STANDALONE PAGES — Shared styles
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

* { box-sizing: border-box; }
body { margin:0; font-family:'DM Sans', sans-serif; color:#1c2136; -webkit-font-smoothing:antialiased; }
h1, h2, h3, h4, h5, h6 { font-family:'Sora', sans-serif; }
a { transition: color .15s; }

/* Layout container */
.jt-container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* Promo bar */
.jt-promo-bar { background:#0000CC; color:#fff; padding:10px 24px; text-align:center; font-size:.85rem; font-weight:500; }
.jt-promo-text strong { font-weight:700; }
.jt-promo-cta { color:#ffd0d0 !important; font-weight:700 !important; text-decoration:none !important; margin-left:14px; white-space:nowrap; }
.jt-promo-cta:hover { color:#fff !important; }

/* Header */
.jt-page-header { background:#fff; border-bottom:1px solid #e8eaf2; box-shadow:0 2px 12px rgba(0,0,204,.05); position:sticky; top:0; z-index:1000; }
.jt-page-header-inner { max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; gap:32px; min-height:72px; }
.jt-page-logo { display:flex; align-items:center; flex-shrink:0; text-decoration:none; }
.jt-page-logo img { height:44px; width:auto; }
.jt-page-nav { flex:1; }
.jt-page-nav-list { list-style:none; padding:0; margin:0; display:flex; align-items:center; gap:4px; }
.jt-page-nav-list > li { position:relative; }
.jt-page-nav-list > li > a { display:flex; align-items:center; gap:5px; padding:14px 14px; color:#3a4260; font-family:'DM Sans',sans-serif; font-size:.9rem; font-weight:500; text-decoration:none; transition:color .15s; white-space:nowrap; }
.jt-page-nav-list > li > a:hover, .jt-page-nav-list > li.jt-pg-has-drop:hover > a { color:#0000CC; }
.jt-page-nav-list > li > a .fa-angle-down { font-size:.78rem; opacity:.6; transition:transform .2s; }
.jt-page-nav-list > li.jt-pg-has-drop:hover > a .fa-angle-down { transform:rotate(180deg); }
.jt-pg-drop { position:absolute; top:100%; left:0; background:#fff; border:1.5px solid #e8eaf2; border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.14); padding:6px; min-width:240px; list-style:none; margin:0; opacity:0; visibility:hidden; transform:translateY(-8px); transition:all .18s; z-index:1001; }
.jt-pg-has-drop:hover .jt-pg-drop { opacity:1; visibility:visible; transform:translateY(0); }
.jt-pg-drop li a { display:flex; align-items:center; gap:10px; padding:9px 14px; border-radius:8px; color:#3a4260; font-size:.875rem; font-weight:500; text-decoration:none; transition:background .15s, color .15s; }
.jt-pg-drop li a:hover { background:#e6e6ff; color:#0000CC; }
.jt-pg-drop li a .fa, .jt-pg-drop li a .fab { color:#0000CC; font-size:.9rem; width:16px; text-align:center; }
.jt-page-cta { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.jt-page-login { display:inline-flex; align-items:center; gap:6px; color:#3a4260; font-size:.88rem; font-weight:500; text-decoration:none; padding:8px 12px; transition:color .15s; }
.jt-page-login:hover { color:#0000CC; }
.jt-page-cart { display:inline-flex; align-items:center; gap:7px; background:#FE2D2B; color:#fff !important; font-family:'Sora',sans-serif; font-weight:700; font-size:.85rem; padding:10px 20px; border-radius:9px; text-decoration:none !important; transition:background .18s, transform .15s, box-shadow .18s; white-space:nowrap; }
.jt-page-cart:hover { background:#c0201e; transform:translateY(-1px); box-shadow:0 6px 18px rgba(254,45,43,.35); color:#fff !important; }
.jt-page-burger { display:none; background:none; border:none; cursor:pointer; width:36px; height:36px; padding:0; flex-direction:column; justify-content:center; align-items:center; gap:4px; }
.jt-page-burger span { display:block; width:22px; height:2px; background:#3a4260; border-radius:2px; }

@media (max-width: 991px) {
  .jt-page-header-inner { gap:16px; }
  .jt-page-burger { display:flex; }
  .jt-page-nav, .jt-page-cta { display:none; }
  .jt-page-nav.open, .jt-page-cta.open { display:flex; flex-direction:column; align-items:stretch; position:absolute; top:100%; left:0; right:0; background:#fff; border-bottom:1.5px solid #e8eaf2; padding:12px 20px; gap:0; }
  .jt-page-nav.open { padding-bottom:0; }
  .jt-page-cta.open { padding-top:0; gap:8px; }
  .jt-page-nav-list { flex-direction:column; align-items:stretch; gap:0; width:100%; }
  .jt-page-nav-list > li > a { padding:12px 0; }
  .jt-pg-drop { position:static !important; opacity:1 !important; visibility:visible !important; transform:none !important; box-shadow:none !important; border:none !important; padding:0 0 0 16px !important; margin-top:0; }
  .jt-page-cart, .jt-page-login { width:100%; justify-content:center; }
}

/* Hero */
.jt-hero { background:linear-gradient(135deg,#040d1f 0%,#0a0055 55%,#16003a 100%); padding:80px 0 90px; position:relative; overflow:hidden; }
.jt-hero::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle at 15% 60%,rgba(0,0,204,.3) 0%,transparent 50%),radial-gradient(circle at 85% 20%,rgba(254,45,43,.15) 0%,transparent 45%); pointer-events:none; }
.jt-hero::after { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:56px 56px; pointer-events:none; }
.jt-hero .jt-container { position:relative; z-index:2; }
.jt-hero-pill { display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:50px; padding:7px 16px; color:rgba(255,255,255,.85); font-size:.82rem; font-weight:600; margin-bottom:24px; }
.jt-hero-pill-dot { width:8px; height:8px; border-radius:50%; background:#22c55e; animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }
.jt-hero h1 { font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(2rem,4.5vw,3.4rem); color:#fff; letter-spacing:-.04em; line-height:1.1; margin:0 0 20px; }
.jt-hero h1 span { color:#FE2D2B; }
.jt-hero p { color:rgba(255,255,255,.7); font-size:1.05rem; line-height:1.75; margin-bottom:32px; max-width:580px; }
.jt-hero-ctas { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:28px; }
.jt-hero-btn-primary { display:inline-flex; align-items:center; gap:8px; background:#FE2D2B; color:#fff !important; font-family:'Sora',sans-serif; font-weight:700; font-size:.9rem; padding:14px 28px; border-radius:10px; text-decoration:none !important; border:2px solid #FE2D2B; transition:background .18s, transform .15s, box-shadow .18s; }
.jt-hero-btn-primary:hover { background:#c0201e; border-color:#c0201e; transform:translateY(-2px); box-shadow:0 8px 24px rgba(254,45,43,.4); }
.jt-hero-btn-secondary { display:inline-flex; align-items:center; gap:8px; background:transparent; color:#fff !important; font-family:'Sora',sans-serif; font-weight:600; font-size:.9rem; padding:14px 28px; border-radius:10px; text-decoration:none !important; border:2px solid rgba(255,255,255,.3); transition:border-color .18s, background .18s, transform .15s; }
.jt-hero-btn-secondary:hover { border-color:rgba(255,255,255,.7); background:rgba(255,255,255,.08); transform:translateY(-2px); }
.jt-hero-trust { display:flex; gap:20px; flex-wrap:wrap; }
.jt-hero-trust-item { display:flex; align-items:center; gap:6px; color:rgba(255,255,255,.55); font-size:.82rem; }
.jt-hero-trust-item .fa { color:#22c55e; font-size:.9rem; }

/* Sections */
.jt-section { padding:80px 0; }
.jt-section-grey { background:#f7f9ff; }
.jt-section-header { text-align:center; margin-bottom:56px; }
.jt-eyebrow { display:inline-block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; color:#0000CC; margin-bottom:12px; }
.jt-section-header h2 { font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(1.6rem,3vw,2.4rem); color:#07102a; letter-spacing:-.03em; margin:0 0 14px; line-height:1.2; }
.jt-section-header p { color:#5a6278; font-size:.975rem; max-width:600px; margin:0 auto; line-height:1.75; }

/* Feature cards */
.jt-feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:8px; }
@media(max-width:991px){ .jt-feat-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:575px){ .jt-feat-grid{grid-template-columns:1fr;} }
.jt-feat-card { background:#fff; border:2px solid #eef0f8; border-radius:18px; padding:32px 28px; transition:border-color .22s, transform .22s, box-shadow .22s; }
.jt-feat-card:hover { border-color:#0000CC; transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,204,.1); }
.jt-feat-icon { width:54px; height:54px; background:linear-gradient(135deg,#e6e6ff,#d0d0ff); border-radius:15px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.jt-feat-icon .fa { font-size:1.4rem; color:#0000CC; }
.jt-feat-card h4 { font-family:'Sora',sans-serif; font-weight:700; font-size:1rem; color:#07102a; margin:0 0 10px; }
.jt-feat-card p { font-size:.875rem; color:#5a6278; line-height:1.65; margin:0 0 14px; }
.jt-feat-tag { display:inline-block; background:#e6e6ff; color:#0000CC; font-size:.7rem; font-weight:700; padding:3px 10px; border-radius:50px; text-transform:uppercase; letter-spacing:.06em; }

/* Pricing plans */
.jt-plans { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
@media(max-width:991px){ .jt-plans{grid-template-columns:repeat(2,1fr);} }
@media(max-width:575px){ .jt-plans{grid-template-columns:1fr;} }
.jt-plans-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media(max-width:991px){ .jt-plans-3{grid-template-columns:1fr;} }
.jt-plan { background:#fff; border:2px solid #eef0f8; border-radius:20px; padding:30px 22px; position:relative; transition:border-color .22s, transform .22s, box-shadow .22s; display:flex; flex-direction:column; }
.jt-plan:hover { border-color:#0000CC; transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,204,.1); }
.jt-plan.popular { border-color:#0000CC; box-shadow:0 8px 32px rgba(0,0,204,.18); transform:scale(1.03); }
.jt-plan-badge { position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:#FE2D2B; color:#fff; font-family:'Sora',sans-serif; font-size:.65rem; font-weight:800; padding:4px 14px; border-radius:50px; text-transform:uppercase; letter-spacing:.08em; white-space:nowrap; }
.jt-plan-name { font-family:'Sora',sans-serif; font-weight:700; font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; color:#0000CC; margin-bottom:10px; }
.jt-plan-price { font-family:'Sora',sans-serif; font-weight:800; font-size:2.4rem; color:#07102a; letter-spacing:-.05em; line-height:1; margin-bottom:4px; }
.jt-plan-price sup { font-size:1.05rem; vertical-align:super; font-weight:700; }
.jt-plan-price span { font-size:.78rem; font-weight:400; color:#8f9aaa; }
.jt-plan-billed { font-size:.76rem; color:#8f9aaa; margin-bottom:8px; min-height:18px; }
.jt-plan-desc { font-size:.82rem; color:#5a6278; margin-bottom:16px; }
.jt-plan-features { list-style:none; padding:0; margin:0 0 20px; flex:1; }
.jt-plan-features li { display:flex; align-items:flex-start; gap:9px; padding:7px 0; border-bottom:1px solid #f4f6fb; font-size:.84rem; color:#3a4260; line-height:1.45; }
.jt-plan-features li:last-child { border-bottom:none; }
.jt-plan-features li .fa { color:#0000CC; font-size:.85rem; flex-shrink:0; margin-top:2px; }
.jt-order-btn { display:block; text-align:center; padding:12px; border-radius:10px; font-family:'Sora',sans-serif; font-weight:700; font-size:.88rem; text-decoration:none; transition:background .18s, transform .15s; }
.jt-order-btn.primary { background:#0000CC; color:#fff; }
.jt-order-btn.primary:hover { background:#0000a3; transform:translateY(-1px); }
.jt-order-btn.outline { background:transparent; color:#0000CC; border:2px solid #0000CC; }
.jt-order-btn.outline:hover { background:#0000CC; color:#fff; }

/* Billing toggle */
.jt-billing-toggle { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:20px; }
.jt-toggle-switch { position:relative; display:inline-block; width:52px; height:28px; cursor:pointer; margin:0; }
.jt-toggle-switch input { opacity:0; width:0; height:0; }
.jt-toggle-slider { position:absolute; inset:0; background:#e0e4ef; border-radius:28px; transition:background .25s; }
.jt-toggle-slider::before { content:''; position:absolute; width:22px; height:22px; left:3px; top:3px; background:#fff; border-radius:50%; box-shadow:0 2px 6px rgba(0,0,0,.2); transition:transform .25s; }
.jt-toggle-switch input:checked+.jt-toggle-slider { background:#0000CC; }
.jt-toggle-switch input:checked+.jt-toggle-slider::before { transform:translateX(24px); }
.jt-toggle-label { font-family:'DM Sans',sans-serif; font-size:.9rem; font-weight:500; color:#8f9aaa; transition:color .2s; }
.jt-toggle-label.active { color:#07102a; font-weight:700; }
.jt-toggle-save { display:inline-block; background:#FE2D2B; color:#fff; font-size:.65rem; font-weight:800; padding:2px 8px; border-radius:50px; text-transform:uppercase; margin-left:6px; vertical-align:middle; }

/* CTA banner */
.jt-cta { background:linear-gradient(135deg,#0000CC 0%,#0000a3 100%); padding:64px 0; text-align:center; }
.jt-cta h2 { font-family:'Sora',sans-serif; font-weight:800; font-size:clamp(1.5rem,2.5vw,2.2rem); color:#fff; margin:0 0 12px; }
.jt-cta p { color:rgba(255,255,255,.78); font-size:.95rem; margin:0 0 28px; max-width:560px; margin-left:auto; margin-right:auto; line-height:1.7; }
.jt-cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.jt-btn-white { display:inline-flex; align-items:center; gap:8px; background:#fff; color:#0000CC !important; font-family:'Sora',sans-serif; font-weight:700; font-size:.9rem; padding:14px 28px; border-radius:10px; text-decoration:none !important; border:2px solid #fff; transition:transform .15s, box-shadow .15s; }
.jt-btn-white:hover { transform:translateY(-2px); box-shadow:0 6px 24px rgba(0,0,0,.2); }
.jt-btn-outline-white { display:inline-flex; align-items:center; gap:8px; background:transparent; color:#fff !important; font-family:'Sora',sans-serif; font-weight:700; font-size:.9rem; padding:14px 28px; border-radius:10px; text-decoration:none !important; border:2px solid rgba(255,255,255,.4); transition:background .15s, border-color .15s; }
.jt-btn-outline-white:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.7); }

/* FAQ */
.jt-faq-list { max-width:760px; margin:0 auto; }
.jt-faq-item { background:#fff; border:1.5px solid #eef0f8; border-radius:12px; margin-bottom:10px; overflow:hidden; }
.jt-faq-q { display:flex; justify-content:space-between; align-items:center; padding:18px 22px; cursor:pointer; font-family:'Sora',sans-serif; font-weight:700; font-size:.9rem; color:#07102a; transition:background .15s; }
.jt-faq-q:hover { background:#f7f9ff; }
.jt-faq-q .fa { color:#0000CC; transition:transform .25s; font-size:.85rem; }
.jt-faq-q.open .fa { transform:rotate(45deg); }
.jt-faq-a { display:none; padding:0 22px 18px; font-size:.875rem; color:#5a6278; line-height:1.7; }
.jt-faq-a.open { display:block; }

/* Footer */
.jt-footer { background:#07102a; color:rgba(255,255,255,.65); padding:64px 0 0; position:relative; }
.jt-footer-grid { display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:48px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.08); }
@media(max-width:991px){ .jt-footer-grid{grid-template-columns:1fr 1fr; gap:32px;} }
@media(max-width:575px){ .jt-footer-grid{grid-template-columns:1fr; gap:24px;} }
.jt-footer-brand-name { font-family:'Sora',sans-serif; font-weight:800; font-size:1.2rem; color:#fff; margin-bottom:14px; }
.jt-footer-brand-name span { color:#FE2D2B; }
.jt-footer-brand p { font-size:.875rem; line-height:1.75; color:rgba(255,255,255,.5); margin:0 0 20px; }
.jt-footer-social { display:flex; gap:10px; }
.jt-footer-social a { width:34px; height:34px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:8px; display:inline-flex; align-items:center; justify-content:center; color:rgba(255,255,255,.6) !important; font-size:.85rem; transition:background .18s, color .18s; text-decoration:none; }
.jt-footer-social a:hover { background:#0000CC; border-color:#0000CC; color:#fff !important; }
.jt-footer-col h4 { font-family:'Sora',sans-serif; font-weight:700; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; color:#fff; margin:0 0 18px; }
.jt-footer-col ul { list-style:none; padding:0; margin:0; }
.jt-footer-col ul li { margin-bottom:10px; }
.jt-footer-col ul li a, .jt-footer a { color:rgba(255,255,255,.5) !important; font-size:.875rem; text-decoration:none; transition:color .15s; }
.jt-footer-col ul li a:hover, .jt-footer a:hover { color:#fff !important; }
.jt-footer-payments { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.jt-footer-pay-label { font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.35); margin-right:6px; }
.jt-pay-badge { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.65); font-size:.72rem; font-weight:700; padding:5px 14px; border-radius:5px; letter-spacing:.04em; }
.jt-pay-eco { color:#a8ff94; border-color:rgba(168,255,148,.3); }
.jt-footer-bottom { display:flex; align-items:center; justify-content:space-between; padding:20px 0 24px; flex-wrap:wrap; gap:12px; }
.jt-footer-bottom p { font-size:.82rem; color:rgba(255,255,255,.3); margin:0; }
.jt-footer-legal { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.jt-footer-legal a { font-size:.82rem; color:rgba(255,255,255,.4) !important; }
.jt-footer-sep { color:rgba(255,255,255,.15); }

/* WhatsApp float */
.jt-whatsapp-float { position:fixed; bottom:28px; right:28px; z-index:9999; width:56px; height:56px; border-radius:50%; background:#25d366; color:#fff !important; display:flex; align-items:center; justify-content:center; font-size:1.6rem; text-decoration:none !important; box-shadow:0 6px 24px rgba(37,211,102,.5); transition:transform .2s, box-shadow .2s; }
.jt-whatsapp-float:hover { transform:scale(1.1); box-shadow:0 10px 32px rgba(37,211,102,.6); color:#fff !important; }

/* Prose pages (legal) */
.jt-prose { max-width:760px; margin:0 auto; padding:60px 20px; }
.jt-prose h1 { font-family:'Sora',sans-serif; font-weight:800; font-size:2.2rem; color:#07102a; letter-spacing:-.03em; margin:0 0 8px; }
.jt-prose .jt-prose-meta { color:#8f9aaa; font-size:.85rem; margin-bottom:32px; padding-bottom:20px; border-bottom:1px solid #eef0f8; }
.jt-prose h2 { font-family:'Sora',sans-serif; font-weight:700; font-size:1.3rem; color:#07102a; margin:32px 0 12px; letter-spacing:-.02em; }
.jt-prose h3 { font-family:'Sora',sans-serif; font-weight:700; font-size:1.05rem; color:#07102a; margin:24px 0 10px; }
.jt-prose p, .jt-prose li { font-size:.95rem; color:#3a4260; line-height:1.75; margin:0 0 14px; }
.jt-prose ul, .jt-prose ol { padding-left:22px; margin-bottom:16px; }
.jt-prose strong { color:#07102a; font-weight:700; }
.jt-prose a { color:#0000CC; }