/* design-new.css — Landing page e re, bazuar te dizajni i dhënë. Vetëm faqja publike. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --pxa-bg:#040810; --pxa-bg2:#070c18; --pxa-card:#0c1427; --pxa-inner:#111e36;
  --pxa-blue:#3b6ef0; --pxa-cyan:#22d3ee; --pxa-emerald:#10b981; --pxa-red:#f85149;
  --pxa-txt:#ffffff; --pxa-txt-mut:#94a3b8; --pxa-txt-dim:#64748b;
  --pxa-line:rgba(255,255,255,0.06); --pxa-line2:rgba(255,255,255,0.1);
  --pxa-font-d:'Barlow Condensed',sans-serif; --pxa-font-b:'Inter',sans-serif;
}
.pxa-root{font-family:var(--pxa-font-b);background:var(--pxa-bg2);color:var(--pxa-txt);}
.pxa-root *{box-sizing:border-box;}
.pxa-wrap{max-width:1280px;margin:0 auto;padding:0 24px;}

/* Tema e çelët (dita) — mbivendos ndryshoret rrënjë, kaskadohet automatikisht kudo
   qe perdor var(--pxa-*). Aktivizohet duke shtuar klasen .pxa-light te .pxa-root. */
.pxa-root.pxa-light{
  --pxa-bg:#f0f5fb; --pxa-bg2:#ffffff; --pxa-card:#ffffff; --pxa-inner:#f8fafc;
  --pxa-txt:#0f172a; --pxa-txt-mut:#64748b; --pxa-txt-dim:#94a3b8;
  --pxa-line:#e2e8f0; --pxa-line2:#e2e8f0;
}
.pxa-light .pxa-h1-white{color:#0f172a;}
.pxa-light .pxa-sub{color:#334155;}
.pxa-light .pxa-lead{color:#475569;}
.pxa-light .pxa-lead b{color:#0f172a;}
.pxa-light .pxa-navlink{color:#334155;}
.pxa-light .pxa-btn-ghost{color:#475569;}
.pxa-light .pxa-brand-name{color:#0f172a;}
.pxa-light .pxa-topbar{background:#f1f5f9;border-color:#e2e8f0;}
.pxa-light .pxa-topbar-txt{color:#64748b;}
.pxa-light .pxa-nav.pxa-scrolled{background:rgba(255,255,255,.95);border-color:#e2e8f0;}
.pxa-light .pxa-sec-h2,.pxa-light .pxa-guar-title,.pxa-light .pxa-step-title,.pxa-light .pxa-price-label,.pxa-light .pxa-faq-q{color:#0f172a;}
.pxa-light .pxa-sec-p,.pxa-light .pxa-guar-body,.pxa-light .pxa-step-body,.pxa-light .pxa-price-desc,.pxa-light .pxa-faq-a{color:#475569;}
.pxa-light .pxa-logo-item{color:#94a3b8;}
.pxa-light .pxa-dash-titlebar{background:#f8fafc;}
.pxa-light .pxa-hero{background:#f0f5fb;}
.pxa-light .pxa-hero-grid,.pxa-light .pxa-hero-glow{display:none;}
.pxa-light .pxa-footer{background:#f8fafc;}
.pxa-light .pxa-footer-desc,.pxa-light .pxa-footer-col a{color:#94a3b8;}
.pxa-light .pxa-footer-col h5{color:#0f172a;}
.pxa-light .pxa-model-card{background:#f8fafc;border-color:#e2e8f0;}
.pxa-light .pxa-model-desc{color:#94a3b8;}
.pxa-light .pxa-model-label{color:#64748b;}

/* ═══ Ngjyrat e tekstit/sfondit tani lidhen DIREKT me var(--pxa-*) brenda vetë
   HTML-së (jo më hex të ngurtësuar) — mbivendosja e rrënjës më sipër (.pxa-light)
   kaskadohet automatikisht, pa nevojë selektorësh [style*=...] të brishtë. ═══ */
.pxa-light .pxa-feat-tabs{background:#f1f5f9;}
.pxa-light .pxa-feat-tab.pxa-active{background:#fff;}
.pxa-light .pxa-feat-right{background:#f8fafc;}
.pxa-light .pxa-bt-tab{background:#f1f5f9;color:#64748b;}
.pxa-light .pxa-bt-ex-item{background:#f1f5f9;}
.pxa-light .pxa-urgency{color:#92400e;}
.pxa-light .pxa-price-chip{color:#334155;background:#eff6ff;}

/* Header-i i vjeter (topbar, hdrLeft/hdrRight) mbetet strukturalisht (i duhet core.js
   pas login-it), por FSHIHET kur shfaqet hero-ja e re publike — s'duhet 2 header njekohesisht. */
header.topbar:has(~ #v-hero.on){display:none;}

/* Top utility bar */
.pxa-topbar{position:fixed;top:0;left:0;right:0;z-index:60;height:36px;background:var(--pxa-bg);border-bottom:1px solid var(--pxa-line);display:flex;align-items:center;}
.pxa-topbar .pxa-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;}
.pxa-dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--pxa-emerald);animation:pxa-pulse 2s infinite;}
@keyframes pxa-pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.pxa-topbar-txt{font-family:monospace;font-size:10px;color:#475569;}
.pxa-topbar-right{display:flex;align-items:center;gap:2px;margin-left:auto;}
.pxa-topbar-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-family:monospace;font-size:11px;color:#475569;background:none;border:none;cursor:pointer;}
.pxa-topbar-btn:hover{color:#cbd5e1;background:rgba(255,255,255,0.05);}
.pxa-topbar-sep{width:1px;height:14px;background:var(--pxa-line2);margin:0 4px;}

/* Nav */
.pxa-nav{position:fixed;top:36px;left:0;right:0;z-index:50;transition:all .3s;background:transparent;}
.pxa-nav.pxa-scrolled{background:rgba(7,12,24,0.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--pxa-line2);box-shadow:0 20px 40px rgba(0,0,0,.4);}
.pxa-nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
.pxa-brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.pxa-brand-name{font-family:var(--pxa-font-d);letter-spacing:.06em;font-weight:700;font-size:16px;color:#fff;}
.pxa-brand-name span{color:var(--pxa-cyan);}
.pxa-logo-mark path{fill:#fcfcfb;fill-rule:evenodd;transition:fill .3s;}
.pxa-light .pxa-logo-mark path{fill:#0f172a;}
.pxa-navlinks{display:none;align-items:center;gap:2px;}
@media(min-width:1024px){.pxa-navlinks{display:flex;}}
.pxa-navlink{padding:8px 14px;font-size:14px;border-radius:8px;color:#cbd5e1;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;}
.pxa-navlink:hover{color:#fff;background:rgba(255,255,255,0.05);}
.pxa-navauth{display:none;align-items:center;gap:12px;}
@media(min-width:1024px){.pxa-navauth{display:flex;}}
.pxa-btn-ghost{background:none;border:none;color:#94a3b8;font-size:14px;padding:6px 8px;border-radius:8px;cursor:pointer;font-family:inherit;}
.pxa-btn-ghost:hover{color:#fff;background:rgba(255,255,255,0.05);}
.pxa-btn-primary{background:var(--pxa-blue);color:#fff;font-weight:600;font-size:14px;padding:8px 20px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:all .2s;}
.pxa-btn-primary:hover{background:#2f5ad6;box-shadow:0 8px 20px rgba(59,110,240,.3);}
.pxa-navburger{display:block;background:none;border:none;color:#fff;padding:8px;cursor:pointer;}
@media(min-width:1024px){.pxa-navburger{display:none;}}

/* Hero */
.pxa-hero{position:relative;padding:150px 0 100px;overflow:hidden;background:var(--pxa-bg2);}
.pxa-hero-grid{position:absolute;inset:0;opacity:.025;pointer-events:none;background-image:linear-gradient(rgba(59,110,240,1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,110,240,1) 1px,transparent 1px);background-size:56px 56px;}
.pxa-hero-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:900px;height:500px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at top,rgba(59,110,240,.14) 0%,transparent 65%);}
.pxa-hero-inner{position:relative;max-width:760px;}
.pxa-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(59,110,240,.25);background:rgba(59,110,240,.08);margin-bottom:32px;}
.pxa-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--pxa-blue);animation:pxa-pulse 2s infinite;}
.pxa-eyebrow span{color:#60a5fa;font-size:12px;font-family:monospace;letter-spacing:.15em;text-transform:uppercase;}
.pxa-h1{font-family:var(--pxa-font-d);font-weight:700;line-height:.92;letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(3rem,7.5vw,5.25rem);}
.pxa-h1-white{color:#fff;}
.pxa-h1-grad{background:linear-gradient(135deg,#22d3ee 0%,#3b6ef0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.pxa-sub{font-family:var(--pxa-font-d);font-size:20px;font-weight:600;color:rgba(255,255,255,.55);margin:0 0 24px;}
.pxa-sub b{color:var(--pxa-cyan);font-weight:700;}
.pxa-lead{font-size:17px;line-height:1.6;color:#94a3b8;max-width:560px;margin:0 0 40px;}
.pxa-lead b{color:#fff;font-weight:500;}
.pxa-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px;}
.pxa-cta-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pxa-blue);color:#fff;font-weight:600;font-size:14px;padding:16px 28px;border-radius:12px;text-decoration:none;transition:all .2s;}
.pxa-cta-main:hover{background:#2f5ad6;box-shadow:0 16px 32px rgba(59,110,240,.3);}
.pxa-cta-second{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:14px;padding:16px 28px;border-radius:12px;text-decoration:none;transition:all .2s;}
.pxa-cta-second:hover{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.04);}
.pxa-trust-row{display:flex;flex-wrap:wrap;gap:24px;}
.pxa-trust-item{display:flex;align-items:center;gap:8px;font-size:12px;font-family:monospace;color:#64748b;}
.pxa-trust-item svg{color:#475569;flex:0 0 auto;}

/* Hero dashboard mockup */
.pxa-hero-dash{position:absolute;right:16px;top:96px;width:38%;display:none;}
@media(min-width:1280px){.pxa-hero-dash{display:block;}}
.pxa-dash-card{border-radius:16px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.7);border:1px solid var(--pxa-line2);background:var(--pxa-card);}
.pxa-dash-titlebar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--pxa-line);background:rgba(255,255,255,.02);}
.pxa-dash-dot{width:10px;height:10px;border-radius:50%;}
.pxa-dash-body{padding:20px;}
.pxa-dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;}
.pxa-dash-metric{background:var(--pxa-inner);border-radius:12px;padding:12px;}
.pxa-dash-metric-label{font-size:9px;font-family:monospace;color:#64748b;margin-bottom:4px;}
.pxa-dash-metric-val{font-family:var(--pxa-font-d);font-size:18px;font-weight:700;color:#fff;}
.pxa-dash-metric-delta{font-size:10px;color:var(--pxa-emerald);font-family:monospace;}
.pxa-dash-chart{background:var(--pxa-inner);border-radius:12px;padding:16px;margin-bottom:16px;}
.pxa-dash-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px;font-family:monospace;}
.pxa-dash-list-item:last-child{border-bottom:none;}
.pxa-badge-win{font-size:10px;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.1);color:#34d399;border:1px solid rgba(16,185,129,.2);}
.pxa-badge-lose{font-size:10px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:#64748b;border:1px solid rgba(255,255,255,.1);}

/* Logo bar */
.pxa-logobar{border-top:1px solid var(--pxa-line);border-bottom:1px solid var(--pxa-line);padding:40px 0;background:var(--pxa-bg2);}
.pxa-logobar-label{text-align:center;font-size:10px;font-family:monospace;text-transform:uppercase;letter-spacing:.2em;color:#334155;margin:0 0 28px;}
.pxa-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 40px;}
.pxa-logo-item{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#334155;}

/* Guarantees */
.pxa-section{padding:96px 0;border-top:1px solid var(--pxa-line);background:var(--pxa-bg);}
.pxa-sec-head{text-align:center;max-width:560px;margin:0 auto 56px;}
.pxa-sec-eyebrow{font-size:12px;font-family:monospace;text-transform:uppercase;letter-spacing:.15em;margin:0 0 16px;}
.pxa-sec-h2{font-family:var(--pxa-font-d);font-size:clamp(2.2rem,4vw,3rem);font-weight:700;color:#fff;margin:0 0 16px;}
.pxa-sec-p{font-size:14px;line-height:1.6;color:#64748b;}
.pxa-guar-grid{display:grid;grid-template-columns:1fr;gap:24px;}
@media(min-width:768px){.pxa-guar-grid{grid-template-columns:repeat(3,1fr);}}
.pxa-guar-card{border-radius:16px;border:1px solid;padding:32px;}
.pxa-guar-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
.pxa-guar-title{font-family:var(--pxa-font-d);font-size:19px;font-weight:700;color:#fff;margin:0 0 12px;}
.pxa-guar-body{font-size:14px;line-height:1.6;color:#94a3b8;margin:0;}

/* Pse SaaS-et zgjedhin PhronexusAI */
.pxa-why-callout{border-radius:16px;border:1px solid rgba(16,185,129,.25);background:rgba(16,185,129,.06);padding:24px 28px;margin-top:32px;display:flex;gap:16px;align-items:flex-start;}
.pxa-why-callout svg{flex:0 0 auto;margin-top:2px;}

/* How Auction Works */
.pxa-steps4{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:48px;}
@media(min-width:768px){.pxa-steps4{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.pxa-steps4{grid-template-columns:repeat(4,1fr);}}
.pxa-step-card{border-radius:16px;border:1px solid var(--pxa-line2);background:var(--pxa-card);padding:20px;position:relative;}
.pxa-step-icon{width:36px;height:36px;border-radius:12px;background:rgba(59,110,240,.1);border:1px solid rgba(59,110,240,.2);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.pxa-step-num{font-size:10px;font-family:monospace;color:#64748b;margin-bottom:6px;}
.pxa-step-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 6px;}
.pxa-step-body{font-size:12px;line-height:1.5;color:#64748b;margin:0;}

.pxa-model-select{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px;}
@media(min-width:640px){.pxa-model-select{grid-template-columns:repeat(2,1fr);}}
.pxa-model-card{text-align:left;border-radius:16px;border:2px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);padding:20px 24px;cursor:pointer;position:relative;transition:all .2s;font-family:inherit;}
.pxa-model-card:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.04);}
.pxa-model-card.pxa-active{border-color:var(--pxa-blue);background:rgba(59,110,240,.08);box-shadow:0 8px 20px rgba(59,110,240,.15);}
.pxa-model-dot{position:absolute;top:16px;right:16px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);}
.pxa-model-card.pxa-active .pxa-model-dot{background:var(--pxa-blue);border-color:var(--pxa-blue);}
.pxa-model-top{display:flex;align-items:flex-start;gap:12px;}
.pxa-model-icon{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.08);color:#64748b;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.pxa-model-card.pxa-active .pxa-model-icon{background:var(--pxa-blue);color:#fff;}
.pxa-model-label{font-family:var(--pxa-font-d);font-size:15px;font-weight:700;letter-spacing:.03em;color:#94a3b8;}
.pxa-model-card.pxa-active .pxa-model-label{color:#fff;}
.pxa-model-badge{font-size:9px;padding:2px 8px;border-radius:999px;font-family:monospace;font-weight:600;background:rgba(255,255,255,.08);color:#64748b;margin-left:8px;}
.pxa-model-card.pxa-active .pxa-model-badge{background:var(--pxa-blue);color:#fff;}
.pxa-model-desc{font-size:12px;color:#64748b;line-height:1.5;margin:4px 0 0;}
.pxa-model-card.pxa-active .pxa-model-desc{color:#cbd5e1;}

.pxa-model-panel{border-radius:16px;border:1px solid var(--pxa-line2);background:var(--pxa-card);overflow:hidden;}
.pxa-model-panel-grid{display:grid;grid-template-columns:1fr;}
@media(min-width:1024px){.pxa-model-panel-grid{grid-template-columns:1fr 1fr;}}
.pxa-model-panel-col{padding:28px;}
.pxa-model-panel-col + .pxa-model-panel-col{border-top:1px solid var(--pxa-line);}
@media(min-width:1024px){.pxa-model-panel-col + .pxa-model-panel-col{border-top:none;border-left:1px solid var(--pxa-line);}}
.pxa-panel-label{font-size:11px;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin:0 0 20px;}
.pxa-bar-row{margin-bottom:20px;}
.pxa-bar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.pxa-bar-track{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;}
.pxa-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b6ef0,#22d3ee);}
.pxa-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0;}
.pxa-mini-card{background:var(--pxa-inner);border-radius:8px;padding:10px;text-align:center;}
.pxa-factor-card{border-radius:12px;border:1px solid var(--pxa-line);background:var(--pxa-inner);padding:16px;margin-bottom:12px;display:flex;gap:12px;align-items:flex-start;}
.pxa-factor-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:0 0 auto;}
.pxa-warn-box{border-radius:12px;border:1px solid rgba(248,81,73,.2);background:rgba(248,81,73,.06);padding:16px;display:flex;gap:10px;align-items:flex-start;}
.pxa-warn-box svg{flex:0 0 auto;margin-top:2px;}
.hide{display:none !important;}
/* Modali i login/regjistrimit (#modal, nga auth.js) duhet te rendera GJITHMONE
   siper topbar/nav-it te ri (z-index 60/50) — perndryshe "hapet" teknikisht
   (klasa .hide hiqet) por mbetet i padukshem pas tyre. */
#modal.backdrop{z-index:200 !important;}
/* Modali duhet te ket scroll TE VETIN (brenda kartes), jo faqja e teresishme te
   levize kur permbajtja e regjistrimit eshte e gjate. VETEM kur s'ka .hide —
   perndryshe display:flex !important do te anashkalonte .hide{display:none}
   (specifikitet #id > .klase), duke e bere modalin gjithmone te dukshem. */
#modal.backdrop:not(.hide){overflow-y:auto;padding:24px 16px;}
#modal .card.modal{max-height:88vh;overflow-y:auto;margin:auto;}

/* Pricing */
.pxa-urgency{display:inline-flex;align-items:center;gap:10px;border-radius:12px;border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.1);padding:12px 20px;margin-bottom:32px;font-size:14px;color:#fbbf24;}
.pxa-urgency-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex:0 0 auto;animation:pxa-pulse 2s infinite;}
.pxa-price-strip{border-radius:16px;border:1px solid rgba(59,110,240,.2);background:rgba(59,110,240,.05);padding:20px;margin-bottom:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;}
.pxa-price-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;border-radius:999px;padding:6px 12px;border:1px solid rgba(59,110,240,.2);background:rgba(59,110,240,.1);color:#cbd5e1;}
.pxa-price-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:40px;text-align:left;}
@media(min-width:768px){.pxa-price-grid{grid-template-columns:repeat(3,1fr);}}
.pxa-price-card{border-radius:16px;border:1px solid;padding:28px;}
.pxa-price-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.pxa-price-phase{font-size:11px;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:4px;}
.pxa-price-label{font-family:var(--pxa-font-d);font-size:19px;font-weight:700;color:#fff;margin:0 0 12px;}
.pxa-price-desc{font-size:13px;line-height:1.6;color:#94a3b8;margin:0;}
.pxa-price-cta-strip{border-radius:16px;border:1px solid var(--pxa-line2);background:var(--pxa-card);padding:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;text-align:left;}

/* FAQ */
.pxa-faq-list{display:flex;flex-direction:column;gap:8px;}
.pxa-faq-item{border-radius:12px;border:1px solid var(--pxa-line2);background:var(--pxa-card);overflow:hidden;}
.pxa-faq-q{width:100%;text-align:left;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;}
.pxa-faq-chev{transition:transform .2s;flex:0 0 auto;color:#64748b;}
.pxa-faq-item.pxa-open .pxa-faq-chev{transform:rotate(180deg);}
.pxa-faq-a{padding:0 24px 24px;font-size:13px;line-height:1.6;color:#94a3b8;border-top:1px solid var(--pxa-line);margin-top:0;padding-top:16px;}

/* CTA Banner */
.pxa-cta-banner{text-align:center;padding:0;}
.pxa-cta-banner p{font-size:15px;line-height:1.6;color:#94a3b8;max-width:520px;margin:0 auto 40px;}

/* Footer */
.pxa-footer{border-top:1px solid var(--pxa-line);padding:64px 0 32px;background:var(--pxa-bg);}
.pxa-footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:56px;}
@media(min-width:768px){.pxa-footer-grid{grid-template-columns:repeat(6,1fr);}}
.pxa-footer-brand-col{grid-column:span 2;}
.pxa-footer-desc{font-size:12px;line-height:1.6;color:#64748b;max-width:220px;margin:0 0 20px;}
.pxa-footer-social{display:flex;gap:8px;}
.pxa-footer-social a{width:32px;height:32px;border-radius:8px;border:1px solid var(--pxa-line2);color:#64748b;display:flex;align-items:center;justify-content:center;text-decoration:none;}
.pxa-footer-social a:hover{color:#fff;border-color:rgba(255,255,255,.2);}
.pxa-footer-col h5{font-size:12px;font-weight:600;color:#fff;margin:0 0 16px;}
.pxa-footer-col a{display:block;font-size:12px;color:#64748b;text-decoration:none;padding:6px 0;}
.pxa-footer-col a:hover{color:#cbd5e1;}
.pxa-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;color:#475569;padding-top:24px;border-top:1px solid var(--pxa-line);}

/* How It Works (5 hapa) */
.pxa-hiw-list{display:flex;flex-direction:column;gap:12px;}
.pxa-hiw-item{border-radius:16px;border:1px solid var(--pxa-line2);background:var(--pxa-card);padding:24px;display:grid;grid-template-columns:1fr;gap:20px;align-items:start;}
@media(min-width:768px){.pxa-hiw-item{grid-template-columns:auto 1fr;}}
.pxa-hiw-iconwrap{display:flex;align-items:center;gap:16px;}
@media(min-width:768px){.pxa-hiw-iconwrap{flex-direction:column;}}
.pxa-hiw-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(59,110,240,.15);border:1px solid rgba(59,110,240,.25);}
.pxa-hiw-icon.pxa-dim{background:rgba(255,255,255,.05);border-color:var(--pxa-line2);}
.pxa-hiw-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;}
.pxa-hiw-num{font-size:10px;font-family:monospace;color:#64748b;}
.pxa-hiw-badge{font-size:10px;padding:2px 10px;border-radius:999px;font-family:monospace;border:1px solid rgba(59,110,240,.2);background:rgba(59,110,240,.1);color:#93c5fd;}
.pxa-hiw-badge.pxa-dim{background:rgba(255,255,255,.05);border-color:var(--pxa-line2);color:#94a3b8;}
.pxa-hiw-badge.pxa-rec{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:#6ee7b7;}
.pxa-hiw-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 6px;}
.pxa-hiw-body{font-size:13px;line-height:1.6;color:#94a3b8;margin:0;}

/* Features Deep Dive (Platforma) */
.pxa-feat-panel{border-radius:16px;border:1px solid var(--pxa-line2);overflow:hidden;}
.pxa-feat-tabs{display:flex;overflow-x:auto;background:var(--pxa-bg);}
.pxa-feat-tab{padding:14px 20px;font-size:13px;font-weight:500;white-space:nowrap;flex:0 0 auto;background:none;border:none;color:#64748b;cursor:pointer;font-family:inherit;border-radius:12px 12px 0 0;margin-bottom:-1px;}
.pxa-feat-tab.pxa-active{background:var(--pxa-card);color:#fff;font-weight:600;}
.pxa-feat-body{display:grid;grid-template-columns:1fr;background:var(--pxa-card);}
@media(min-width:1024px){.pxa-feat-body{grid-template-columns:1fr 1fr;}}
.pxa-feat-left{padding:32px;}
.pxa-feat-left h3{font-family:var(--pxa-font-d);font-size:22px;font-weight:700;color:#fff;margin:0 0 12px;}
.pxa-feat-left p{font-size:13px;line-height:1.6;color:#94a3b8;margin:0 0 28px;}
.pxa-feat-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.pxa-feat-bullets li{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;color:#cbd5e1;}
.pxa-feat-check{width:20px;height:20px;border-radius:50%;background:rgba(59,110,240,.12);border:1px solid rgba(59,110,240,.25);display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:2px;}
.pxa-feat-right{padding:24px;background:rgba(255,255,255,.02);}
.pxa-feat-panel-label{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:10px;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:#64748b;}
.pxa-feat-live-item{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;}
.pxa-feat-live-bar-track{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:12px;}
.pxa-feat-live-bar-fill{height:100%;border-radius:999px;}
.pxa-feat-card{border-radius:12px;background:var(--pxa-inner);padding:14px;margin-bottom:10px;}

/* Business Types (Segmentet) */
.pxa-bt-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:40px;}
.pxa-bt-tab{padding:10px 20px;border-radius:12px;font-family:var(--pxa-font-d);font-size:14px;font-weight:700;letter-spacing:.05em;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.05);color:#94a3b8;cursor:pointer;transition:all .2s;}
.pxa-bt-tab.pxa-active{color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.3);}
.pxa-bt-tab.pxa-active[data-t="B2B"]{background:#2563eb;}
.pxa-bt-tab.pxa-active[data-t="B2C"]{background:#0891b2;}
.pxa-bt-tab.pxa-active[data-t="B2B2C"]{background:#7c3aed;}
.pxa-bt-panel{border-radius:16px;border:1px solid;padding:32px;transition:all .3s;}
.pxa-bt-grid{display:grid;grid-template-columns:1fr;gap:32px;}
@media(min-width:768px){.pxa-bt-grid{grid-template-columns:1fr 1fr;}}
.pxa-bt-type{font-size:11px;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:10px;}
.pxa-bt-title{font-family:var(--pxa-font-d);font-size:26px;font-weight:700;color:#fff;margin:0 0 12px;}
.pxa-bt-desc{font-size:14px;color:#cbd5e1;margin:0 0 20px;line-height:1.6;}
.pxa-bt-connects{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid;font-size:13px;font-weight:500;}
.pxa-bt-ex-label{font-size:11px;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:14px;}
.pxa-bt-ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pxa-bt-ex-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.03);}
.pxa-bt-ex-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto;}