/* pak-5.5d PRSXA site (home, sign in, sign up, reset, legal). Clear light theme: white + Pearl AI blue, navy footer, Inter, Font Awesome icons. Prefix px- */
:root{
  --px-ink:#0B1B3B; --px-ink-2:#12264D; --px-ink-3:#1B3263; --px-ink-line:#24396A;
  --px-blue:#3161E8; --px-blue-d:#2450C8; --px-blue-soft:#EEF3FE; --px-blue-line:#C7D5FA; --px-blue-wash:#F6F8FE;
  --px-text:#101828; --px-slate:#475467; --px-faint:#667085;
  --px-bg:#FFFFFF; --px-mist:#F5F7FB; --px-rule:#E4E7EC; --px-rule-2:#EEF0F4;
  --px-mint:#087443; --px-mint-soft:#E7F6EE; --px-bad:#B42318; --px-bad-soft:#FEF3F2; --px-amber:#B54708;
  --px-r-s:8px; --px-r:12px; --px-r-l:16px;
  --px-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px rgba(16,24,40,.06);
  --px-shadow-l:0 2px 6px rgba(16,24,40,.06),0 24px 56px rgba(16,24,40,.12);
  --px-ease:cubic-bezier(.2,.7,.2,1);
  --px-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--px-font);font-feature-settings:'cv11','ss01';color:var(--px-text);background:var(--px-bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--px-blue);text-underline-offset:3px}
a:hover{color:var(--px-blue-d)}
img,svg{max-width:100%}
h1,h2,h3,h4{color:var(--px-text);font-weight:700;letter-spacing:-.015em}
:focus-visible{outline:3px solid #84A4F2;outline-offset:2px;border-radius:4px}
.px-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--px-ink);color:#fff;padding:10px 14px;border-radius:var(--px-r-s);text-decoration:none;font-weight:600;transition:top .2s}
.px-skip:focus{top:12px;color:#fff}
.px-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.px-num{font-variant-numeric:tabular-nums}
.px-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* wordmark: PRSXA is the brand; the P monogram stands in where only an icon fits */
.px-word{display:inline-flex;align-items:flex-start;gap:1px;font-weight:800;font-size:20px;letter-spacing:.14em;color:var(--px-text);text-decoration:none;line-height:1}
.px-word:hover{color:var(--px-text)}
.px-word sup{font-size:9px;letter-spacing:0;font-weight:600;margin-left:2px;opacity:.7}
.px-word-lg{font-size:28px}
.px-p{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--px-ink);color:#fff;font-weight:700;font-size:17px;line-height:1;flex:none;position:relative}
.px-p:after{content:"";position:absolute;left:9px;right:9px;bottom:5px;height:2px;border-radius:2px;background:#6E93F5}
.px-p-blue{background:var(--px-blue)}
.px-p-blue:after{background:#fff;opacity:.7}

/* buttons */
.px-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 18px;border-radius:var(--px-r-s);font-family:inherit;font-weight:600;font-size:15px;line-height:1;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;
  transition:background-color .18s var(--px-ease),border-color .18s var(--px-ease),color .18s var(--px-ease),box-shadow .18s var(--px-ease),transform .12s var(--px-ease)}
.px-btn:active{transform:translateY(1px)}
.px-btn i{font-size:.92em}
.px-btn-solid,.px-btn-primary{background:var(--px-blue);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 1px 2px rgba(11,27,59,.2)}
.px-btn-solid:hover,.px-btn-primary:hover{background:var(--px-blue-d);color:#fff}
.px-btn-ink{background:var(--px-ink);color:#fff}
.px-btn-ink:hover{background:var(--px-ink-3);color:#fff}
.px-btn-outline,.px-btn-ghost{background:#fff;color:var(--px-text);border-color:var(--px-rule)}
.px-btn-outline:hover,.px-btn-ghost:hover{border-color:#B9C3D6;background:var(--px-mist);color:var(--px-text)}
.px-btn-quiet{background:transparent;color:var(--px-text)}
.px-btn-quiet:hover{background:var(--px-mist);color:var(--px-text)}
.px-btn-white{background:#fff;color:var(--px-ink)}
.px-btn-white:hover{background:#E8EDF7;color:var(--px-ink)}
.px-btn-line{background:#fff;color:var(--px-text);border-color:var(--px-rule)}
.px-btn-line:hover{background:var(--px-mist);border-color:#C9D0DC;color:var(--px-text)}
.px-cta .px-btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.px-cta .px-btn-line:hover{background:rgba(255,255,255,.1);color:#fff}
.px-btn-sm{height:36px;padding:0 14px;font-size:14px}
.px-btn-lg{height:52px;padding:0 24px;font-size:16px}
.px-btn-block{width:100%}
.px-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.px-spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:px-spin .7s linear infinite;flex:none}
@keyframes px-spin{to{transform:rotate(360deg)}}

/* nav */
.px-nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.px-nav.is-scrolled{border-bottom-color:var(--px-rule);box-shadow:0 4px 18px rgba(11,27,59,.06)}
.px-nav-in{display:flex;align-items:center;gap:28px;height:70px}
.px-links{display:flex;gap:4px}
.px-links a{color:var(--px-slate);text-decoration:none;font-weight:500;font-size:15px;padding:8px 12px;border-radius:var(--px-r-s);transition:color .15s,background-color .15s}
.px-links a:hover{color:var(--px-text);background:var(--px-mist)}
.px-nav-cta{margin-left:auto;display:flex;gap:8px;align-items:center}
.px-burger{display:none;width:42px;height:42px;border:1px solid var(--px-rule);border-radius:var(--px-r-s);background:#fff;color:var(--px-text);font-size:17px;cursor:pointer}
.px-mnav{display:none}
@media (max-width:920px){
  .px-links{display:none}.px-burger{display:inline-flex;align-items:center;justify-content:center}
  .px-nav-cta .px-btn-quiet{display:none}
  .px-mnav{display:block;position:fixed;inset:70px 0 auto 0;background:#fff;border-bottom:1px solid var(--px-rule);box-shadow:0 18px 40px rgba(11,27,59,.12);padding:10px 24px 20px;
    transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s var(--px-ease),transform .2s var(--px-ease),visibility .2s}
  .px-mnav.open{transform:none;opacity:1;visibility:visible}
  .px-mnav a{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--px-rule-2);color:var(--px-text);text-decoration:none;font-weight:500}
  .px-mnav a i{width:18px;color:var(--px-blue);text-align:center}
  .px-mnav .px-btn{margin-top:14px;width:100%}
}

/* hero */
.px-hero{background:var(--px-blue-wash);color:var(--px-text);position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--px-rule)}
.px-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:linear-gradient(#E3E9F8 1px,transparent 1px),linear-gradient(90deg,#E3E9F8 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 85%);mask-image:linear-gradient(180deg,#000 0,transparent 85%)}
.px-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center;padding:88px 24px 96px}
.px-kicker{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--px-slate);margin:0 0 22px;font-weight:500}
.px-kicker .px-p{width:24px;height:24px;font-size:13px;border-radius:6px;background:var(--px-blue)}
.px-kicker .px-p:after{left:7px;right:7px;bottom:4px;background:#fff;opacity:.7}
.px-hero h1{color:var(--px-text);font-size:58px;line-height:1.06;letter-spacing:-.028em;margin:0 0 20px;font-weight:700;max-width:14ch}
.px-lead{font-size:19px;line-height:1.6;color:var(--px-slate);max-width:34em;margin:0 0 32px}
.px-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.px-hero-facts{display:flex;flex-wrap:wrap;gap:10px 24px;margin:30px 0 0;padding:0;list-style:none;font-size:14px;color:var(--px-slate)}
.px-hero-facts li{display:flex;align-items:center;gap:8px}
.px-hero-facts i{color:var(--px-blue)}
@media (max-width:980px){.px-hero-in{grid-template-columns:1fr;padding:60px 24px 72px;gap:44px}.px-hero h1{font-size:44px}}
@media (max-width:520px){.px-hero h1{font-size:36px}.px-lead{font-size:17px}.px-hero-cta .px-btn{flex:1 1 100%}}

/* hero product window */
.px-win{background:#fff;color:var(--px-text);border-radius:var(--px-r-l);box-shadow:var(--px-shadow-l);border:1px solid var(--px-rule);overflow:hidden;display:grid;grid-template-columns:168px minmax(0,1fr);min-height:440px}
.px-win-side{background:var(--px-mist);border-right:1px solid var(--px-rule);padding:14px 12px;display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.px-win-brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.14em;font-size:13px;margin:2px 2px 10px}
.px-win-brand .px-p{width:22px;height:22px;font-size:12px;border-radius:6px}
.px-win-brand .px-p:after{left:6px;right:6px;bottom:4px}
.px-win-new{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--px-rule);border-radius:7px;padding:7px 9px;font-weight:600;color:var(--px-text)}
.px-win-h{color:var(--px-faint);font-size:11px;margin:10px 4px 2px}
.px-win-chat{padding:6px 8px;border-radius:6px;color:var(--px-slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s,color .3s}
.px-win-chat.on{background:#fff;color:var(--px-text);font-weight:600;box-shadow:0 1px 2px rgba(11,27,59,.08)}
.px-win-main{display:flex;flex-direction:column;min-width:0}
.px-win-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--px-rule-2);font-size:12.5px;color:var(--px-slate)}
.px-win-mode{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:var(--px-blue-soft);color:var(--px-blue-d);font-weight:600;transition:background-color .3s,color .3s}
.px-win-plan{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.px-win-plan b{color:var(--px-mint);font-weight:600}
.px-win-body{flex:1;padding:18px 18px 8px;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:300px}
.px-msg{max-width:92%;font-size:13.5px;line-height:1.55;opacity:0;transform:translateY(6px);transition:opacity .35s var(--px-ease),transform .35s var(--px-ease)}
.px-msg.in{opacity:1;transform:none}
.px-msg-u{align-self:flex-end;background:var(--px-blue);color:#fff;padding:9px 13px;border-radius:12px 12px 3px 12px}
.px-msg-a{align-self:flex-start;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px}
.px-msg-a .px-p{width:24px;height:24px;font-size:12px;border-radius:6px}
.px-msg-a .px-p:after{left:6px;right:6px;bottom:4px}
.px-msg-a .px-ans{color:var(--px-text)}
.px-ans p{margin:0 0 8px}
.px-ans b{font-weight:600}
.px-caret{display:inline-block;width:7px;height:14px;background:var(--px-blue);vertical-align:-2px;margin-left:2px;animation:px-blink 1s steps(2) infinite}
@keyframes px-blink{50%{opacity:0}}
.px-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.px-src span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:4px 8px;border:1px solid var(--px-rule);border-radius:6px;color:var(--px-slate);background:#fff}
.px-src i{color:var(--px-blue)}
.px-mini{width:100%;border-collapse:collapse;font-size:12px;margin:4px 0 8px}
.px-mini th,.px-mini td{border-bottom:1px solid var(--px-rule-2);padding:5px 6px;text-align:left}
.px-mini th{color:var(--px-faint);font-weight:500}
.px-mini td.n{text-align:right;font-variant-numeric:tabular-nums}
.px-bars{display:flex;align-items:flex-end;gap:8px;height:64px;margin:4px 0 8px;padding:0 2px;border-bottom:1px solid var(--px-rule)}
.px-bars i{flex:1;background:var(--px-blue);border-radius:3px 3px 0 0;height:0;transition:height .7s var(--px-ease)}
.px-bars i.lo{background:#9DB4F2}
.px-code{background:var(--px-ink);color:#D6E0F5;border-radius:8px;padding:10px 12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:hidden;margin:4px 0 8px}
.px-code em{color:#8FB0FF;font-style:normal}
.px-code s{color:#7FD1A8;text-decoration:none}
.px-win-in{margin:8px 16px 16px;border:1px solid var(--px-rule);border-radius:12px;padding:10px 10px 10px 14px;display:flex;align-items:center;gap:10px;color:var(--px-faint);font-size:13px}
.px-win-in .px-typed{flex:1;color:var(--px-text);min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-win-in .px-typed:empty:before{content:"Message PRSXA…";color:var(--px-faint)}
.px-win-send{width:32px;height:32px;border-radius:8px;background:var(--px-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none;transition:transform .15s}
.px-win-send.hit{transform:scale(.88)}
@media (max-width:640px){.px-win{grid-template-columns:1fr;min-height:400px}.px-win-side{display:none}}

/* sections */
.px-sec{padding:104px 0}
.px-sec-mist{background:var(--px-mist)}
.px-sec-ink{background:var(--px-bg);color:var(--px-text);border-top:1px solid var(--px-rule);border-bottom:1px solid var(--px-rule)}
.px-sec-ink h2,.px-sec-ink h3{color:var(--px-text)}
.px-head{max-width:720px;margin:0 0 48px}
.px-head-c{margin-left:auto;margin-right:auto;text-align:center}
.px-h2{font-size:40px;line-height:1.15;letter-spacing:-.022em;margin:0 0 14px}
.px-sub{color:var(--px-slate);font-size:18px;line-height:1.6;margin:0}
.px-sec-ink .px-sub{color:var(--px-slate)}
@media (max-width:700px){.px-sec{padding:72px 0}.px-h2{font-size:30px}.px-sub{font-size:16.5px}.px-head{margin-bottom:34px}}

/* modes showcase (tabs) */
.px-modes{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.px-tabs{display:flex;flex-direction:column;gap:4px;border-left:2px solid var(--px-rule);padding-left:0}
.px-tab{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:13px 16px;margin-left:-2px;border-left:2px solid transparent;cursor:pointer;color:var(--px-slate);font-weight:500;transition:color .18s,border-color .18s,background-color .18s}
.px-tab i{width:20px;text-align:center;color:var(--px-faint);transition:color .18s}
.px-tab:hover{color:var(--px-text);background:var(--px-mist)}
.px-tab[aria-selected="true"]{color:var(--px-text);border-left-color:var(--px-blue);background:var(--px-blue-soft);font-weight:600}
.px-tab[aria-selected="true"] i{color:var(--px-blue)}
.px-tab:focus-visible{outline:3px solid #84A4F2;outline-offset:-3px}
.px-tab .px-plan-tag{margin-left:auto}
.px-panes{position:relative;min-width:0}
.px-pane{border:1px solid var(--px-rule);border-radius:var(--px-r-l);background:#fff;box-shadow:var(--px-shadow);padding:34px 36px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px}
.px-pane[hidden]{display:none}
.px-pane.enter{animation:px-pane .32s var(--px-ease)}
@keyframes px-pane{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.px-pane h3{font-size:24px;margin:0 0 10px;display:flex;align-items:center;gap:12px}
.px-pane h3 i{width:42px;height:42px;border-radius:10px;background:var(--px-blue-soft);color:var(--px-blue);display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.px-pane > div > p{color:var(--px-slate);margin:0 0 20px}
.px-ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.px-ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.px-ticks i{color:var(--px-mint);margin-top:5px;font-size:13px}
.px-try{background:var(--px-mist);border-radius:var(--px-r);padding:20px}
.px-try h4{font-size:14px;color:var(--px-slate);font-weight:600;margin:0 0 12px;letter-spacing:0}
.px-try ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.px-try li{background:#fff;border:1px solid var(--px-rule);border-radius:var(--px-r-s);padding:10px 12px;font-size:14px;display:flex;gap:10px;align-items:flex-start}
.px-try li i{color:var(--px-blue);margin-top:4px;font-size:12px}
.px-plan-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--px-mint-soft);color:var(--px-mint);white-space:nowrap}
.px-plan-tag.plus{background:var(--px-blue-soft);color:var(--px-blue-d)}
@media (max-width:980px){
  .px-modes{grid-template-columns:1fr}
  .px-tabs{flex-direction:row;overflow-x:auto;border-left:0;border-bottom:2px solid var(--px-rule);gap:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .px-tabs::-webkit-scrollbar{display:none}
  .px-tab{margin:0 0 -2px;border-left:0;border-bottom:2px solid transparent;white-space:nowrap;padding:12px 14px;gap:8px}
  .px-tab[aria-selected="true"]{border-bottom-color:var(--px-blue);background:transparent}
  .px-tab .px-plan-tag{display:none}
  .px-pane{grid-template-columns:1fr;padding:24px 20px;gap:24px}
}

/* tools list */
.px-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--px-rule);margin-top:64px}
.px-tool{padding:26px 24px 26px 0;border-bottom:1px solid var(--px-rule)}
.px-tool + .px-tool{padding-left:24px;border-left:1px solid var(--px-rule)}
.px-tool:nth-child(4n+1){padding-left:0;border-left:0}
.px-tool i{font-size:20px;color:var(--px-blue);margin-bottom:14px;display:block}
.px-tool h3{font-size:16px;margin:0 0 6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.px-tool p{margin:0;color:var(--px-slate);font-size:14.5px;line-height:1.55}
@media (max-width:980px){.px-tools{grid-template-columns:1fr 1fr}.px-tool:nth-child(n){padding:22px 18px;border-left:0}.px-tool:nth-child(2n){border-left:1px solid var(--px-rule)}.px-tool:nth-child(2n+1){padding-left:0}}
@media (max-width:560px){.px-tools{grid-template-columns:1fr}.px-tool:nth-child(n){padding:20px 0;border-left:0}}

/* free allowance */
.px-free{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.px-flow{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0}
.px-flow li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:0 0 24px;position:relative}
.px-flow li:not(:last-child):before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--px-rule)}
.px-flow b.px-n{width:40px;height:40px;border-radius:50%;border:2px solid var(--px-blue);color:var(--px-blue);display:flex;align-items:center;justify-content:center;font-weight:700;background:#fff}
.px-flow h3{font-size:17px;margin:7px 0 4px}
.px-flow p{margin:0;color:var(--px-slate);font-size:15px}
.px-meter-card{background:#fff;border:1px solid var(--px-rule);border-radius:var(--px-r-l);box-shadow:var(--px-shadow);padding:28px}
.px-meter-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 18px}
.px-meter-h h3{font-size:17px;margin:0}
.px-meter-h span{font-size:13.5px;color:var(--px-slate);display:inline-flex;gap:6px;align-items:center}
.px-meter{display:grid;grid-template-columns:15fr 50fr;gap:4px;height:14px;margin:0 0 10px}
.px-meter > span{background:var(--px-rule-2);border-radius:4px;overflow:hidden;position:relative}
.px-meter > span i{position:absolute;inset:0 auto 0 0;width:0;border-radius:4px;transition:width 1.4s var(--px-ease)}
.px-meter .best i{background:var(--px-blue)}
.px-meter .lite i{background:#8EA9F0}
.px-meter.go .best i{width:100%}
.px-meter.go .lite i{width:44%;transition-delay:1.2s}
.px-meter-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13.5px;color:var(--px-slate);margin:0 0 22px}
.px-meter-legend span{display:inline-flex;align-items:center;gap:7px}
.px-meter-legend em{width:10px;height:10px;border-radius:3px;display:inline-block;background:var(--px-blue)}
.px-meter-legend em.l{background:#8EA9F0}
.px-meter-legend em.r{background:var(--px-rule-2)}
.px-meter-rows{display:grid;gap:0;border-top:1px solid var(--px-rule-2)}
.px-meter-rows div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--px-rule-2);font-size:14.5px}
.px-meter-rows div span:first-child{color:var(--px-slate);display:flex;gap:10px;align-items:center}
.px-meter-rows div span:first-child i{width:16px;text-align:center;color:var(--px-faint)}
.px-meter-rows b{font-weight:600}
@media (max-width:980px){.px-free{grid-template-columns:1fr;gap:36px}}

/* plans */
.px-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.px-plan{position:relative;background:#fff;border:1px solid var(--px-rule);border-radius:var(--px-r-l);padding:30px 28px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s var(--px-ease),transform .2s var(--px-ease)}
.px-plan:hover{box-shadow:var(--px-shadow)}
.px-plan.pop{border:2px solid var(--px-blue);box-shadow:var(--px-shadow-l);padding:29px 27px}
.px-pop{position:absolute;top:-13px;left:26px;background:var(--px-blue);color:#fff;font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:999px;display:inline-flex;gap:6px;align-items:center}
.px-plan-name{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin:0}
.px-plan-name i{color:var(--px-blue);font-size:17px}
.px-for{color:var(--px-slate);font-size:15px;margin:6px 0 20px;min-height:48px}
.px-price{display:flex;align-items:baseline;gap:6px;margin:0 0 4px}
.px-price b{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.px-price small{font-size:15px;color:var(--px-slate)}
.px-price-note{font-size:13px;color:var(--px-faint);margin:0 0 22px;min-height:20px}
.px-limits{display:grid;gap:0;margin:0 0 22px;border:1px solid var(--px-rule-2);border-radius:var(--px-r);background:var(--px-mist)}
.px-limits div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px}
.px-limits div + div{border-top:1px solid var(--px-rule-2)}
.px-limits span{color:var(--px-slate)}
.px-limits b{font-weight:600;text-align:right}
.px-plan .px-btn{width:100%;margin:0 0 24px}
.px-plan h4{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--px-text);letter-spacing:0}
.px-plan ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:14.5px}
.px-plan li{display:flex;gap:11px;align-items:flex-start;line-height:1.5}
.px-plan li i{flex:none;color:var(--px-mint);margin-top:4px;font-size:13px;width:14px;text-align:center}
.px-plan li.soon{color:var(--px-faint)}
.px-plan li.soon i{color:var(--px-faint)}
.px-plans-note{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;color:var(--px-slate);font-size:14px;margin:30px 0 0;padding:0;list-style:none}
.px-plans-note li{display:inline-flex;gap:8px;align-items:center}
.px-plans-note i{color:var(--px-blue)}
@media (max-width:980px){.px-plans{grid-template-columns:1fr;max-width:560px;margin:0 auto}.px-for{min-height:0}}

/* comparison table */
.px-cmp-wrap{position:relative;border:1px solid var(--px-rule);border-radius:var(--px-r-l);background:#fff;overflow-x:auto;-webkit-overflow-scrolling:touch}
.px-cmp{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;font-size:14.5px}
.px-cmp th,.px-cmp td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--px-rule-2);vertical-align:middle}
.px-cmp thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:16px;padding-top:20px;padding-bottom:18px;border-bottom:1px solid var(--px-rule)}
.px-cmp thead th small{display:block;font-size:13px;font-weight:500;color:var(--px-slate);margin-top:2px}
.px-cmp thead th.pop{box-shadow:inset 0 3px 0 var(--px-blue)}
.px-cmp th[scope="row"]{font-weight:500;color:var(--px-text);width:40%}
.px-cmp th[scope="row"] small{display:block;color:var(--px-faint);font-weight:400;font-size:13px;margin-top:2px}
.px-cmp td{width:20%;color:var(--px-text);font-variant-numeric:tabular-nums}
.px-cmp td.c-pop,.px-cmp th.c-pop{background:#F7F9FE}
.px-cmp tr.grp th{background:var(--px-mist);font-size:13.5px;font-weight:600;color:var(--px-slate);padding-top:12px;padding-bottom:12px}
.px-cmp tr.grp th i{color:var(--px-blue);margin-right:8px;width:16px;text-align:center}
.px-cmp tbody tr:not(.grp):hover th,.px-cmp tbody tr:not(.grp):hover td{background:#FAFBFD}
.px-cmp tbody tr:last-child th,.px-cmp tbody tr:last-child td{border-bottom:0}
.px-y{color:var(--px-mint)}
.px-no{color:#B8C0D0}
.px-cmp .px-soon{font-size:12.5px;color:var(--px-faint)}
.px-cmp-first{position:sticky;left:0;background:#fff;z-index:1}
@media (max-width:760px){.px-cmp th,.px-cmp td{padding:12px 14px}.px-cmp th[scope="row"]{min-width:220px}}

/* security band */
.px-sec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:8px}
.px-sec-item i{width:46px;height:46px;border-radius:10px;border:1px solid var(--px-blue-line);background:var(--px-blue-soft);color:var(--px-blue);display:inline-flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:18px}
.px-sec-item h3{font-size:17px;margin:0 0 8px}
.px-sec-item p{margin:0;color:var(--px-slate);font-size:15px;line-height:1.6}
@media (max-width:980px){.px-sec-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.px-sec-grid{grid-template-columns:1fr;gap:26px}}

/* Pearl Organisation products */
.px-eco{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.px-eco a{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;gap:16px;align-items:start;padding:22px;border:1px solid var(--px-rule);border-radius:var(--px-r);background:#fff;text-decoration:none;color:var(--px-text);transition:border-color .18s,box-shadow .18s,transform .18s var(--px-ease)}
.px-eco a:hover{border-color:var(--px-blue-line);box-shadow:var(--px-shadow);transform:translateY(-2px);color:var(--px-text)}
.px-eco a > i:first-child{width:44px;height:44px;border-radius:10px;background:var(--px-blue-soft);color:var(--px-blue);display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.px-eco a > i:last-child{color:var(--px-faint);font-size:12px;margin-top:6px;transition:transform .18s,color .18s}
.px-eco a:hover > i:last-child{color:var(--px-blue);transform:translate(2px,-2px)}
.px-eco h3{font-size:16px;margin:0 0 4px}
.px-eco p{margin:0;font-size:14px;color:var(--px-slate);line-height:1.5}
.px-eco a.dev{background:var(--px-ink);border-color:var(--px-ink);color:#fff}
.px-eco a.dev h3{color:#fff}
.px-eco a.dev p{color:#B8C6E6}
.px-eco a.dev > i:first-child{background:var(--px-ink-3);color:#8FB0FF}
.px-eco a.dev:hover{border-color:var(--px-ink-3)}
.px-trust{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin:36px 0 0;color:var(--px-slate);font-size:14.5px}
.px-trust span{display:inline-flex;gap:8px;align-items:center}
.px-trust i{color:var(--px-blue)}
.px-trust b{color:var(--px-text);font-weight:600}
@media (max-width:980px){.px-eco{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.px-eco{grid-template-columns:1fr}}

/* FAQ */
.px-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.px-faq{border-top:1px solid var(--px-rule)}
.px-faq details{border-bottom:1px solid var(--px-rule)}
.px-faq summary{cursor:pointer;font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 2px}
.px-faq summary::-webkit-details-marker{display:none}
.px-faq summary i{color:var(--px-slate);font-size:13px;transition:transform .25s var(--px-ease);flex:none}
.px-faq details[open] summary i{transform:rotate(45deg);color:var(--px-blue)}
.px-faq summary:hover{color:var(--px-blue-d)}
.px-faq .px-faq-a{overflow:hidden}
.px-faq .px-faq-a p{margin:0;padding:0 2px 22px;color:var(--px-slate);font-size:15.5px;max-width:62ch}
@media (max-width:980px){.px-faq-grid{grid-template-columns:1fr;gap:20px}}

/* closing call to action */
.px-cta{background:var(--px-blue);color:#fff;border-radius:var(--px-r-l);padding:48px 52px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden;isolation:isolate}
.px-cta:after{content:"P";position:absolute;right:-20px;bottom:-110px;font-size:340px;font-weight:700;line-height:1;color:rgba(255,255,255,.07);z-index:-1;pointer-events:none}
.px-cta h2{color:#fff;font-size:32px;margin:0 0 8px;letter-spacing:-.02em;line-height:1.2}
.px-cta p{margin:0;color:#DCE5FC;font-size:17px}
.px-cta .px-hero-cta{flex:none}
@media (max-width:820px){.px-cta{flex-direction:column;align-items:flex-start;padding:34px 26px}.px-cta h2{font-size:26px}}

/* footer */
.px-foot{background:var(--px-ink);color:#B8C6E6;padding:72px 0 28px;font-size:14.5px}
.px-foot a{color:#B8C6E6;text-decoration:none;transition:color .15s}
.px-foot a:hover{color:#fff}
.px-foot a.px-btn-white{color:var(--px-ink)}.px-foot a.px-btn-white:hover{color:var(--px-ink)}
.px-foot-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.4fr);gap:56px;padding-bottom:48px;border-bottom:1px solid var(--px-ink-line)}
.px-foot .px-word{color:#fff}
.px-foot-brand p{margin:16px 0 22px;max-width:34ch;line-height:1.6}
.px-foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.px-foot-cols h4{color:#fff;font-size:14.5px;font-weight:600;margin:0 0 16px;letter-spacing:0}
.px-foot-cols a{display:flex;align-items:center;gap:8px;padding:5px 0}
.px-foot-cols a i{font-size:11px;opacity:.6}
.px-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:24px;font-size:13.5px;color:#8C9CC0}
.px-foot-bottom > div{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.px-status{display:inline-flex;align-items:center;gap:8px}
.px-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#2FBF7F;box-shadow:0 0 0 3px rgba(47,191,127,.2)}
@media (max-width:980px){.px-foot-top{grid-template-columns:1fr;gap:40px}.px-foot-cols{grid-template-columns:1fr 1fr}}

/* entrance motion: one orchestrated hero moment, plus a light reveal for blocks as they scroll in */
@media (prefers-reduced-motion:no-preference){
  .px-hero .px-rise{opacity:0;transform:translateY(14px);animation:px-rise .7s var(--px-ease) forwards}
  .px-hero .px-rise:nth-child(2){animation-delay:.08s}.px-hero .px-rise:nth-child(3){animation-delay:.16s}
  .px-hero .px-rise:nth-child(4){animation-delay:.24s}.px-hero .px-rise:nth-child(5){animation-delay:.32s}
  .px-hero .px-win{opacity:0;transform:translateY(24px) scale(.985);animation:px-rise .9s .25s var(--px-ease) forwards}
  .px-rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--px-ease),transform .6s var(--px-ease)}
  .px-rv.px-shown{opacity:1;transform:none}
}
@keyframes px-rise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------- auth pages ---------- */
body.px-auth{background:var(--px-bg);min-height:100vh}
.px-auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);min-height:100vh}
.px-auth-side{background:var(--px-blue-wash);color:var(--px-text);border-left:1px solid var(--px-rule);padding:40px 56px;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}
.px-auth-side:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.9;background-image:linear-gradient(#E3E9F8 1px,transparent 1px),linear-gradient(90deg,#E3E9F8 1px,transparent 1px);background-size:48px 48px;
  -webkit-mask-image:linear-gradient(200deg,#000,transparent 75%);mask-image:linear-gradient(200deg,#000,transparent 75%)}
.px-auth-side .px-word{color:var(--px-text)}
.px-auth-side-in{margin:auto 0;max-width:440px;padding:40px 0}
.px-auth-side h2{color:var(--px-text);font-size:34px;line-height:1.15;margin:0 0 14px;letter-spacing:-.022em}
.px-auth-side > .px-auth-side-in > p{color:var(--px-slate);font-size:17px;margin:0 0 30px}
.px-auth-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.px-auth-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start}
.px-auth-list i{width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--px-blue-line);color:var(--px-blue);display:inline-flex;align-items:center;justify-content:center}
.px-auth-list b{display:block;color:var(--px-text);font-weight:600;font-size:15.5px}
.px-auth-list span{color:var(--px-slate);font-size:14.5px}
.px-auth-side small{color:var(--px-faint);font-size:13px}
.px-auth-main{display:flex;flex-direction:column;padding:28px 24px}
.px-auth-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--px-slate)}
.px-auth-top .px-word{display:none}
.px-auth-top a{font-weight:600;text-decoration:none}
.px-acard{width:100%;max-width:420px;margin:auto;padding:36px 0}
.px-acard h1{font-size:30px;line-height:1.2;margin:0 0 8px;letter-spacing:-.02em}
.px-asub{color:var(--px-slate);margin:0 0 28px;font-size:15.5px}
.px-asub b{color:var(--px-text);font-weight:600;word-break:break-all}
.px-field{margin-bottom:18px}
.px-field label{display:block;font-size:14px;font-weight:600;color:var(--px-text);margin-bottom:7px}
.px-in-wrap{position:relative}
.px-in-wrap > i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--px-faint);font-size:14px;pointer-events:none;transition:color .15s}
.px-in-wrap .px-in{padding-left:40px}
.px-in-wrap:focus-within > i{color:var(--px-blue)}
.px-in{width:100%;height:48px;border:1px solid #CDD5E3;border-radius:var(--px-r-s);padding:0 14px;font:inherit;font-size:15.5px;color:var(--px-text);background:#fff;transition:border-color .15s,box-shadow .15s,background-color .15s}
.px-in::placeholder{color:#9AA3B8}
.px-in:hover{border-color:#B3BED2}
.px-in:focus{outline:0;border-color:var(--px-blue);box-shadow:0 0 0 4px rgba(45,91,227,.14)}
.px-in.is-bad{border-color:var(--px-bad);background:var(--px-bad-soft)}
.px-in.is-bad:focus{box-shadow:0 0 0 4px rgba(196,50,31,.12)}
.px-otp{letter-spacing:.6em;text-align:center;font-size:22px;font-weight:600;padding-left:.6em!important;font-variant-numeric:tabular-nums}
.px-fmsg{display:none;font-size:13.5px;margin-top:7px;line-height:1.45;align-items:flex-start;gap:7px}
.px-fmsg.show{display:flex}
.px-fmsg.bad{color:#A82A19}
.px-fmsg.good{color:var(--px-mint)}
.px-fmsg.show:before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px;margin-top:2px}
.px-fmsg.bad.show:before{content:"\f06a"}
.px-fmsg.good.show:before{content:"\f058"}
.px-fmsg.shake{animation:px-shake .35s}
@keyframes px-shake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.px-pw{position:relative}
.px-pw .px-in{padding-right:48px}
.px-eye{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:none;color:var(--px-faint);cursor:pointer;border-radius:6px;font-size:15px;display:inline-flex;align-items:center;justify-content:center}
.px-eye:hover{color:var(--px-text);background:var(--px-mist)}
.px-acard .px-btn{width:100%;height:48px;margin-top:6px}
.px-alt{margin-top:22px;text-align:center;font-size:14.5px;color:var(--px-slate)}
.px-alt a{font-weight:600;text-decoration:none}
.px-row-end{display:flex;justify-content:flex-end;margin:-6px 0 16px}
.px-row-end a{font-size:14px;font-weight:600;text-decoration:none}
.px-linkbtn{background:none;border:0;color:var(--px-blue);font:inherit;font-weight:600;cursor:pointer;padding:0}
.px-linkbtn:hover{color:var(--px-blue-d);text-decoration:underline}
.px-back{background:none;border:0;color:var(--px-slate);font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin:0 0 18px;display:inline-flex;gap:8px;align-items:center}
.px-back:hover{color:var(--px-text)}
.px-legal{font-size:13px;color:var(--px-faint);margin-top:18px;text-align:center;display:flex;gap:8px;justify-content:center;align-items:center}
.px-legal a{color:var(--px-slate)}
.px-check{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--px-slate);margin:4px 0 18px;cursor:pointer}
.px-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--px-blue);flex:none}
.px-pwmeter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}
.px-pwmeter i{height:4px;border-radius:2px;background:var(--px-rule-2);transition:background-color .2s}
.px-pwmeter[data-s="1"] i:nth-child(-n+1){background:var(--px-bad)}
.px-pwmeter[data-s="2"] i:nth-child(-n+2){background:var(--px-amber)}
.px-pwmeter[data-s="3"] i:nth-child(-n+3){background:var(--px-blue)}
.px-pwmeter[data-s="4"] i{background:var(--px-mint)}
.px-pwhint{font-size:12.5px;color:var(--px-faint);margin-top:5px;min-height:18px}
/* steps: finished steps turn green, the current one is blue */
.px-stepper{display:flex;align-items:center;margin:0 0 30px}
.px-st{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:var(--px-faint);flex:1 1 0;min-width:0;white-space:nowrap}
.px-st i{width:28px;height:28px;border-radius:50%;border:2px solid var(--px-rule);background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12.5px;font-weight:600;flex:none;transition:background-color .25s,border-color .25s,color .25s}
.px-st i svg{width:13px;height:13px}
.px-st.now{color:var(--px-text);font-weight:600}.px-st.now i{border-color:var(--px-blue);background:var(--px-blue);color:#fff;box-shadow:0 0 0 4px rgba(45,91,227,.14)}
.px-st.done{color:var(--px-mint)}.px-st.done i{background:var(--px-mint);border-color:var(--px-mint);color:#fff}
.px-st+.px-st:before{content:"";flex:1 1 auto;max-width:36px;min-width:10px;height:2px;background:var(--px-rule);margin-right:4px;transition:background-color .25s}
.px-st.done+.px-st:before{background:var(--px-mint)}
.px-panel{display:none}
.px-panel.on{display:block;animation:px-pane .3s var(--px-ease)}
.px-auth-foot{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:13px;color:var(--px-faint)}
.px-auth-foot a{color:var(--px-slate);text-decoration:none}
.px-auth-foot a:hover{color:var(--px-text)}
@media (max-width:980px){
  .px-auth-shell{grid-template-columns:1fr}
  .px-auth-side{display:none}
  .px-auth-top .px-word{display:inline-flex}
  .px-auth-top > span{display:none}
  .px-acard{padding:28px 0}
}
@media (max-width:420px){.px-st span{display:none}.px-st.now span{display:inline}.px-acard h1{font-size:26px}}

/* ---------- legal pages ---------- */
.px-legal-hero{background:var(--px-mist);border-bottom:1px solid var(--px-rule)}
.px-legal-hero .px-wrap{padding-top:56px;padding-bottom:44px}
.px-legal-hero h1{font-size:40px;margin:0 0 8px;letter-spacing:-.022em}
.px-legal-hero p{margin:0;color:var(--px-slate);display:flex;gap:8px;align-items:center}
.px-legal-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding-top:48px;padding-bottom:88px}
.px-toc{position:sticky;top:96px;align-self:start;font-size:14px;border-left:2px solid var(--px-rule)}
.px-toc b{display:block;padding:0 0 10px 16px;color:var(--px-text);font-weight:600}
.px-toc a{display:block;padding:6px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--px-slate);text-decoration:none;transition:color .15s,border-color .15s}
.px-toc a:hover,.px-toc a.on{color:var(--px-blue-d);border-left-color:var(--px-blue)}
.px-legal-page{max-width:72ch}
.px-legal-page h2{font-size:21px;margin:40px 0 10px;scroll-margin-top:96px}
.px-legal-page h2:first-child{margin-top:0}
.px-legal-page p,.px-legal-page li{color:#2F3A56;font-size:16px;line-height:1.7}
.px-legal-page ul{padding-left:22px}
.px-legal-page .px-upd{display:none}
.px-legal-page > h1{display:none}
@media (max-width:900px){.px-legal-wrap{grid-template-columns:1fr;gap:28px}.px-toc{position:static}.px-legal-hero h1{font-size:30px}}

/* ---------- pak-5.5c additions ---------- */
/* Pearl AI's own icon wherever Pearl AI is named */
.px-pai{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--px-text)}
.px-pai img{width:22px;height:22px;border-radius:6px;flex:none;box-shadow:0 0 0 1px var(--px-rule)}
.px-kicker .px-pai img{width:20px;height:20px}
.px-eco a > img.px-eco-pai{width:44px;height:44px;border-radius:10px;background:#fff;padding:6px;box-shadow:0 0 0 1px var(--px-ink-line)}
.px-model{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-variant-numeric:tabular-nums}
.px-model img{width:16px;height:16px;border-radius:4px}

/* cookie choice (first visit) */
.px-ck{position:fixed;left:16px;bottom:16px;z-index:90;width:min(440px,calc(100vw - 32px));background:#fff;border:1px solid var(--px-rule);border-radius:var(--px-r-l);box-shadow:var(--px-shadow-l);padding:20px;
  transform:translateY(16px);opacity:0;transition:transform .3s var(--px-ease),opacity .3s var(--px-ease)}
.px-ck.show{transform:none;opacity:1}
.px-ck h2{font-size:16px;margin:0 0 6px;display:flex;align-items:center;gap:9px}
.px-ck h2 i{color:var(--px-blue)}
.px-ck p{margin:0 0 14px;font-size:14px;color:var(--px-slate);line-height:1.55}
.px-ck-opts{display:none;margin:0 0 14px;border:1px solid var(--px-rule-2);border-radius:var(--px-r);overflow:hidden}
.px-ck.more .px-ck-opts{display:block;animation:px-pane .25s var(--px-ease)}
.px-ck-opt{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 14px;font-size:13.5px}
.px-ck-opt + .px-ck-opt{border-top:1px solid var(--px-rule-2)}
.px-ck-opt b{display:block;font-weight:600;color:var(--px-text);margin-bottom:2px}
.px-ck-opt span{color:var(--px-slate)}
.px-ck-btns{display:flex;flex-wrap:wrap;gap:8px}
.px-ck-btns .px-btn{flex:1 1 auto;height:40px;font-size:14px}
.px-sw{position:relative;width:40px;height:24px;flex:none;margin-top:2px}
.px-sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.px-sw i{position:absolute;inset:0;border-radius:999px;background:#D0D5DD;transition:background-color .2s}
.px-sw i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.2);transition:transform .2s var(--px-ease)}
.px-sw input:checked + i{background:var(--px-blue)}
.px-sw input:checked + i:after{transform:translateX(16px)}
.px-sw input:disabled + i{background:#9DB4F2;cursor:not-allowed}
.px-sw input:focus-visible + i{outline:3px solid #84A4F2;outline-offset:2px}

/* sign-in: account found / link card / caps lock */
.px-who{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--px-rule);border-radius:var(--px-r);background:var(--px-mist);margin:0 0 20px}
.px-who .px-av{width:36px;height:36px;border-radius:50%;background:var(--px-blue-soft);color:var(--px-blue-d);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.px-who div{min-width:0;flex:1}
.px-who b{display:block;font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-who span{font-size:13px;color:var(--px-slate)}
.px-who button{flex:none}
.px-caps{display:none;font-size:13px;color:var(--px-amber);margin-top:7px;gap:7px;align-items:center}
.px-caps.show{display:flex}
.px-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--px-faint);font-size:13px}
.px-or:before,.px-or:after{content:"";flex:1;height:1px;background:var(--px-rule)}
.px-link-card{border:1px solid var(--px-blue-line);background:var(--px-blue-wash);border-radius:var(--px-r);padding:16px;margin:0 0 18px;display:flex;gap:14px;align-items:flex-start}
.px-link-card > i{width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid var(--px-blue-line);color:var(--px-blue);display:inline-flex;align-items:center;justify-content:center;flex:none}
.px-link-card b{display:block;font-weight:600;margin-bottom:2px}
.px-link-card span{font-size:14px;color:var(--px-slate)}
.px-done-tick{width:56px;height:56px;border-radius:50%;background:var(--px-mint-soft);color:var(--px-mint);display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin:0 0 16px;animation:px-pop .45s var(--px-ease)}
@keyframes px-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}100%{transform:none;opacity:1}}

/* legal documents */
.px-legal-page h3{font-size:17px;margin:26px 0 8px}
.px-legal-page table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:14.5px}
.px-legal-page th,.px-legal-page td{border:1px solid var(--px-rule);padding:10px 12px;text-align:left;vertical-align:top}
.px-legal-page th{background:var(--px-mist);font-weight:600}
.px-note{border:1px solid var(--px-blue-line);background:var(--px-blue-wash);border-radius:var(--px-r);padding:16px 18px;margin:0 0 28px;font-size:15px;color:var(--px-text)}
.px-note b{font-weight:600}
.px-note.warn{border-color:#FEDF89;background:#FFFAEB}
.px-legal-docs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.px-legal-docs a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--px-rule);border-radius:999px;background:#fff;color:var(--px-slate);text-decoration:none;font-size:13.5px;font-weight:500;transition:border-color .15s,color .15s}
.px-legal-docs a:hover,.px-legal-docs a.on{border-color:var(--px-blue-line);color:var(--px-blue-d)}
.px-legal-docs a.on{background:var(--px-blue-soft)}

/* sign-in handover page */
.px-hand{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--px-blue-wash)}
.px-hand-card{background:#fff;border:1px solid var(--px-rule);border-radius:var(--px-r-l);box-shadow:var(--px-shadow);padding:36px 32px;max-width:420px;width:100%;text-align:center}
.px-hand-card .px-spin{width:28px;height:28px;border-width:3px;color:var(--px-blue);margin:0 auto 16px}

/* ---------- pak-5.5d: trademark mark, text-only Pearl AI credit, refined motion ---------- */
.px-word sup.px-tm{font-size:8.5px;letter-spacing:.02em;font-weight:700;opacity:.85;margin-left:-2px;position:relative;top:1px}
.px-word-lg sup.px-tm{font-size:10px}
.px-foot-pai{margin:-8px 0 22px}
.px-foot-pai a{font-weight:600;color:#fff!important}
.px-foot-pai a:hover{text-decoration:underline}
.px-pai{font-weight:600}

/* buttons: lift on hover, settle on press */
.px-btn{transition:background-color .2s var(--px-ease),border-color .2s var(--px-ease),color .2s var(--px-ease),box-shadow .25s var(--px-ease),transform .2s var(--px-ease)}
.px-btn:not([disabled]):hover{transform:translateY(-1px)}
.px-btn:not([disabled]):active{transform:translateY(0) scale(.985);transition-duration:.08s}
.px-btn-solid:not([disabled]):hover,.px-btn-primary:not([disabled]):hover{box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px rgba(49,97,232,.28)}
.px-btn-ink:not([disabled]):hover{box-shadow:0 8px 20px rgba(11,27,59,.25)}
.px-btn-outline:not([disabled]):hover,.px-btn-ghost:not([disabled]):hover,.px-btn-line:not([disabled]):hover{box-shadow:0 6px 16px rgba(16,24,40,.08)}
.px-btn-white:not([disabled]):hover{box-shadow:0 8px 20px rgba(0,0,0,.18)}

/* main navigation: a thin underline grows from the centre */
.px-links a{position:relative}
.px-links a:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--px-blue);transform:scaleX(0);transition:transform .25s var(--px-ease)}
.px-links a:hover:after{transform:scaleX(1)}

/* plans: cards rise and the border picks up the brand colour */
.px-plan{transition:transform .3s var(--px-ease),box-shadow .3s var(--px-ease),border-color .3s var(--px-ease)}
.px-plan:hover{transform:translateY(-6px);box-shadow:var(--px-shadow-l);border-color:var(--px-blue-line)}
.px-plan.pop:hover{border-color:var(--px-blue)}
.px-plan .px-price b{transition:color .3s var(--px-ease)}
.px-plan:hover .px-price b{color:var(--px-blue-d)}
.px-plan li i{transition:transform .3s var(--px-ease)}
.px-plan:hover li i{transform:scale(1.12)}

/* tools, modes, legal links, security tiles */
.px-tool{transition:background-color .25s var(--px-ease)}
.px-tool i{transition:transform .3s var(--px-ease)}
.px-tool:hover{background:var(--px-blue-wash)}
.px-tool:hover i{transform:translateY(-3px)}
.px-sec-item i{transition:transform .3s var(--px-ease),background-color .3s,color .3s}
.px-sec-item:hover i{transform:translateY(-3px);background:var(--px-blue);color:#fff}
.px-try li{transition:border-color .2s,transform .2s var(--px-ease),box-shadow .2s}
.px-try li:hover{border-color:var(--px-blue-line);transform:translateX(3px);box-shadow:var(--px-shadow)}
.px-cmp tbody tr{transition:background-color .15s}
.px-foot-cols a{transition:color .15s,transform .2s var(--px-ease)}
.px-foot-cols a:hover{transform:translateX(3px)}
.px-legal-docs a{transition:border-color .2s,color .2s,background-color .2s,transform .2s var(--px-ease)}
.px-legal-docs a:hover{transform:translateY(-1px)}
.px-in{transition:border-color .2s,box-shadow .2s,background-color .2s}
@media (hover:none){.px-plan:hover,.px-btn:not([disabled]):hover,.px-tool:hover i,.px-sec-item:hover i,.px-try li:hover,.px-foot-cols a:hover{transform:none}}