/* PriceLive Brand System v15 — premium RTL redesign */
:root {
  --pl-brand: #ff9415;
  --pl-brand-2: #ffb84d;
  --pl-brand-3: #ffcf7a;
  --pl-ink: #111827;
  --pl-ink-2: #334155;
  --pl-muted-2: #64748b;
  --pl-bg: #f6f7fb;
  --pl-card: rgba(255,255,255,.78);
  --pl-line: rgba(15,23,42,.08);
  --pl-glass-line: rgba(255,255,255,.72);
  --pl-glow: 0 20px 60px rgba(255,148,21,.18);
  --pl-radius-xl: 28px;
  --pl-radius-lg: 22px;
  --pl-radius-md: 16px;
  --pl-container: 1180px;
}
html[data-theme="dark"] {
  --pl-ink: #f8fafc;
  --pl-ink-2: #cbd5e1;
  --pl-muted-2: #94a3b8;
  --pl-bg: #08101f;
  --pl-card: rgba(15,23,42,.72);
  --pl-line: rgba(148,163,184,.16);
  --pl-glass-line: rgba(148,163,184,.16);
}

html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(650px 340px at 82% -5%, rgba(255,148,21,.13), transparent 65%),
    radial-gradient(500px 300px at 8% 18%, rgba(255,184,77,.08), transparent 68%),
    var(--pl-bg);
  color: var(--pl-ink);
}
body::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image: radial-gradient(rgba(100,116,139,.12) 1px, transparent 1px);
  background-size: 24px 24px; opacity:.24;
  mask-image: linear-gradient(to bottom, black, transparent 75%);
}

/* shared modern surfaces */
.card, .page-card, .content-card, .article-card, .news-card, .tool-card,
.stat-card, .calculator-card, .auth-card, .faq-item, .analysis-card,
.dashboard-card, .ticket-card, .asset-card {
  border:1px solid var(--pl-line) !important;
  border-radius:var(--pl-radius-lg) !important;
  background:var(--pl-card) !important;
  box-shadow:0 18px 50px rgba(15,23,42,.06) !important;
  backdrop-filter: blur(18px) saturate(135%);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
}
.card:hover, .article-card:hover, .news-card:hover, .tool-card:hover, .asset-card:hover {
  transform:translateY(-4px);
  box-shadow:0 24px 60px rgba(15,23,42,.10), 0 0 0 1px rgba(255,148,21,.10) !important;
}
.card, .article-card, .news-card, .tool-card, .asset-card { transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease; }

button, a { -webkit-tap-highlight-color:transparent; }
button:not(:disabled), a.button, .btn, .cta-button { cursor:pointer; }
button, .btn, .cta-button, input, select, textarea { font-family:inherit; }

/* Navbar / sidebar */
.sidebar, .pl-sidebar {
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
  border-left:1px solid rgba(15,23,42,.08) !important;
}
html[data-theme="dark"] .sidebar, html[data-theme="dark"] .pl-sidebar { background:rgba(7,15,30,.80) !important; }
.sidebar-header, .pl-sidebar-header { background:linear-gradient(135deg,#ffb84d,#ff9415) !important; }
.sidebar-logo, .pl-sidebar-brand { letter-spacing:-.02em; }
.nav-item, .pl-nav-item { transition:all .22s ease !important; }
.nav-item:hover, .pl-nav-item:hover { transform:translateX(-3px); }
.nav-item.active, .pl-nav-item.is-active { color:var(--pl-brand) !important; background:rgba(255,148,21,.10) !important; border-color:rgba(255,148,21,.18) !important; }

/* global controls */
.theme-toggle, .sidebar-toggle, .pl-global-controls button, .pl-theme-toggle, .pl-sidebar-toggle {
  width:44px !important; height:44px !important;
  border:1px solid var(--pl-line) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.68) !important;
  color:var(--pl-ink) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(14px);
}
html[data-theme="dark"] .theme-toggle, html[data-theme="dark"] .sidebar-toggle,
html[data-theme="dark"] .pl-global-controls button { background:rgba(15,23,42,.78) !important; }

/* page container */
.page-wrapper .container { width:min(var(--pl-container), calc(100% - 32px)); margin-inline:auto; }
header {
  position:sticky !important; top:12px; z-index:600;
  margin:14px 0 20px !important; padding:14px 16px !important;
  border:1px solid var(--pl-glass-line) !important; border-radius:22px !important;
  background:rgba(255,255,255,.70) !important;
  backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%);
  box-shadow:0 16px 40px rgba(15,23,42,.06) !important;
}
html[data-theme="dark"] header { background:rgba(9,17,32,.72) !important; }
header h1 { font-size:clamp(1.05rem,2.2vw,1.45rem) !important; font-weight:800 !important; letter-spacing:-.03em; }
header h1 i { color:var(--pl-brand) !important; }

.refresh-btn, .copy-table-btn, .asset-action-btn, .user-login-btn, .cta-button {
  background:linear-gradient(135deg,var(--pl-brand-2),var(--pl-brand)) !important;
  border:0 !important; color:#fff !important; box-shadow:0 10px 24px rgba(255,148,21,.18) !important;
}
.refresh-btn:hover, .copy-table-btn:hover, .asset-action-btn:hover, .user-login-btn:hover, .cta-button:hover { transform:translateY(-3px) !important; box-shadow:0 16px 34px rgba(255,148,21,.26) !important; }

.tabs { gap:8px !important; padding:7px !important; border-radius:18px !important; background:rgba(255,255,255,.62) !important; backdrop-filter:blur(14px); border:1px solid var(--pl-line) !important; }
html[data-theme="dark"] .tabs { background:rgba(15,23,42,.62) !important; }
.tab-btn { border-radius:14px !important; color:var(--pl-muted-2) !important; transition:all .25s ease !important; }
.tab-btn.active { color:#fff !important; background:linear-gradient(135deg,var(--pl-brand-2),var(--pl-brand)) !important; box-shadow:0 8px 22px rgba(255,148,21,.18); }

/* Landing page */
.pl-landing { position:relative; }
.pl-hero {
  position:relative; overflow:hidden; min-height:590px; display:grid; align-items:center;
  margin:10px 0 26px; padding:clamp(30px,6vw,72px); border-radius:36px;
  border:1px solid rgba(255,255,255,.72);
  background:
    radial-gradient(circle at 82% 32%, rgba(255,202,122,.28), transparent 24%),
    radial-gradient(circle at 18% 82%, rgba(255,148,21,.13), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,248,237,.68));
  box-shadow:0 32px 90px rgba(15,23,42,.08);
}
html[data-theme="dark"] .pl-hero {
  border-color:rgba(148,163,184,.14);
  background:
    radial-gradient(circle at 82% 32%, rgba(255,148,21,.17), transparent 24%),
    radial-gradient(circle at 18% 82%, rgba(255,148,21,.08), transparent 28%),
    linear-gradient(135deg, rgba(15,23,42,.92), rgba(10,18,33,.82));
}
.pl-hero::before, .pl-hero::after { content:""; position:absolute; border-radius:50%; filter:blur(10px); pointer-events:none; }
.pl-hero::before { width:240px; height:240px; left:-90px; top:-90px; background:rgba(255,148,21,.11); }
.pl-hero::after { width:280px; height:280px; right:-120px; bottom:-120px; background:rgba(255,184,77,.12); }
.pl-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center; }
.pl-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(255,148,21,.22); border-radius:999px; background:rgba(255,148,21,.08); color:#d97706; font-weight:700; font-size:.78rem; }
html[data-theme="dark"] .pl-eyebrow { color:#ffbe62; }
.pl-hero h2 { margin:18px 0 14px; font-size:clamp(2.1rem,5vw,4.6rem); line-height:1.1; letter-spacing:-.055em; font-weight:900; max-width:780px; }
.pl-gradient-text { background:linear-gradient(135deg,#ffb84d,#ff9415 60%,#df6d00); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pl-hero p { max-width:670px; font-size:clamp(.94rem,1.8vw,1.15rem); color:var(--pl-muted-2); line-height:2; }
.pl-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.pl-secondary-cta { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 18px; border:1px solid var(--pl-line); border-radius:14px; color:var(--pl-ink); background:rgba(255,255,255,.55); text-decoration:none; transition:all .25s ease; }
html[data-theme="dark"] .pl-secondary-cta { background:rgba(15,23,42,.64); }
.pl-secondary-cta:hover { border-color:rgba(255,148,21,.25); transform:translateY(-2px); }
.pl-proof-row { display:flex; flex-wrap:wrap; gap:16px; margin-top:26px; color:var(--pl-muted-2); font-size:.78rem; }
.pl-proof-row span { display:inline-flex; align-items:center; gap:7px; }
.pl-proof-row i { color:var(--pl-brand); }

.pl-hero-visual { position:relative; min-height:420px; }
.pl-market-orb { position:absolute; inset:0; display:grid; place-items:center; }
.pl-orb-ring { position:absolute; width:min(420px,72vw); aspect-ratio:1; border-radius:50%; border:1px solid rgba(255,148,21,.17); box-shadow:inset 0 0 80px rgba(255,148,21,.06), 0 0 80px rgba(255,148,21,.06); animation:plSpin 26s linear infinite; }
.pl-orb-ring::before, .pl-orb-ring::after { content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--pl-brand); box-shadow:0 0 20px rgba(255,148,21,.6); }
.pl-orb-ring::before { top:10%; right:16%; } .pl-orb-ring::after { bottom:12%; left:10%; }
@keyframes plSpin { to { transform:rotate(360deg); } }
.pl-live-card { position:relative; width:min(390px,84vw); padding:24px; border-radius:28px; background:rgba(255,255,255,.76); border:1px solid rgba(255,255,255,.85); box-shadow:0 30px 80px rgba(15,23,42,.14); backdrop-filter:blur(22px); }
html[data-theme="dark"] .pl-live-card { background:rgba(15,23,42,.78); border-color:rgba(148,163,184,.18); }
.pl-live-top { display:flex; justify-content:space-between; gap:10px; align-items:center; color:var(--pl-muted-2); font-size:.78rem; }
.pl-live-status { display:inline-flex; gap:6px; align-items:center; color:#059669; font-weight:700; }
.pl-live-status i { font-size:.45rem; }
.pl-live-main { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center; margin:26px 0; }
.pl-live-icon { width:52px; height:52px; display:grid; place-items:center; border-radius:17px; background:rgba(255,148,21,.10); color:var(--pl-brand); font-size:1.25rem; }
.pl-live-price { font-size:clamp(1.45rem,3.2vw,2.1rem); font-weight:900; letter-spacing:-.03em; }
.pl-live-meta { font-size:.75rem; color:var(--pl-muted-2); margin-top:3px; }
.pl-mini-chart { display:flex; align-items:flex-end; gap:7px; height:92px; padding:0 4px; }
.pl-mini-bar { flex:1; border-radius:999px 999px 6px 6px; background:linear-gradient(to top,rgba(255,148,21,.15),rgba(255,148,21,.72)); animation:plBars 2.2s ease-in-out infinite alternate; transform-origin:bottom; }
.pl-mini-bar:nth-child(2){height:46%}.pl-mini-bar:nth-child(1){height:68%}.pl-mini-bar:nth-child(3){height:58%;animation-delay:.14s}.pl-mini-bar:nth-child(4){height:78%;animation-delay:.22s}.pl-mini-bar:nth-child(5){height:64%;animation-delay:.32s}.pl-mini-bar:nth-child(6){height:90%;animation-delay:.42s}.pl-mini-bar:nth-child(7){height:72%;animation-delay:.52s}.pl-mini-bar:nth-child(8){height:98%;animation-delay:.62s}
@keyframes plBars { to { transform:scaleY(.76); opacity:.72; } }

.pl-section { margin:58px 0; }
.pl-section-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; margin-bottom:18px; }
.pl-section-kicker { color:var(--pl-brand); font-size:.74rem; font-weight:800; letter-spacing:.05em; }
.pl-section h3 { margin:5px 0 0; font-size:clamp(1.5rem,3.2vw,2.25rem); letter-spacing:-.04em; }
.pl-section-sub { max-width:680px; margin:7px 0 0; color:var(--pl-muted-2); line-height:1.9; }
.pl-feature-grid, .pl-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.pl-feature, .pl-benefit { padding:22px; border:1px solid var(--pl-line); background:var(--pl-card); border-radius:22px; box-shadow:0 14px 40px rgba(15,23,42,.05); transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease; backdrop-filter:blur(16px); }
.pl-feature:hover, .pl-benefit:hover { transform:translateY(-6px); border-color:rgba(255,148,21,.2); box-shadow:0 22px 55px rgba(15,23,42,.09); }
.pl-feature-icon, .pl-benefit-icon { width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,148,21,.10);color:var(--pl-brand);font-size:1.08rem;margin-bottom:18px; }
.pl-feature h4, .pl-benefit h4 { margin:0 0 7px; font-size:1rem; }
.pl-feature p, .pl-benefit p { margin:0; color:var(--pl-muted-2); line-height:1.9; font-size:.82rem; }

.pl-live-section { padding:24px; border-radius:28px; border:1px solid var(--pl-line); background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.42)); backdrop-filter:blur(18px); }
html[data-theme="dark"] .pl-live-section { background:rgba(15,23,42,.56); }
.pl-live-section .tabs { margin-bottom:14px; }

.pl-tools-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:14px; }
.pl-tool-showcase { min-height:240px; padding:28px; border-radius:26px; border:1px solid var(--pl-line); background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,248,237,.62)); position:relative; overflow:hidden; }
html[data-theme="dark"] .pl-tool-showcase { background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(29,23,12,.7)); }
.pl-tool-showcase::after { content:""; position:absolute; width:180px;height:180px; border-radius:50%; right:-70px; bottom:-80px;background:rgba(255,148,21,.12); filter:blur(2px); }
.pl-tool-showcase h4 { font-size:1.15rem; margin:0 0 7px; }.pl-tool-showcase p { color:var(--pl-muted-2); line-height:1.8; font-size:.83rem; max-width:370px; }
.pl-tool-link { display:inline-flex; align-items:center; gap:8px; margin-top:18px; color:var(--pl-brand); text-decoration:none; font-weight:800; font-size:.82rem; }
.pl-tool-card { padding:20px; border:1px solid var(--pl-line); border-radius:22px; background:var(--pl-card); }

.pl-price-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.pl-price-card { padding:24px; border-radius:24px; border:1px solid var(--pl-line); background:var(--pl-card); position:relative; }
.pl-price-card.featured { border-color:rgba(255,148,21,.34); box-shadow:0 20px 60px rgba(255,148,21,.10); }
.pl-price-card .badge { position:absolute; top:16px; left:16px; padding:5px 8px; border-radius:999px; font-size:.65rem; font-weight:800; background:rgba(255,148,21,.10); color:var(--pl-brand); }
.pl-price-card h4 { margin:0 0 7px; }.pl-price-card p { color:var(--pl-muted-2); font-size:.78rem; line-height:1.8; }.pl-price-value { font-size:1.8rem; font-weight:900; margin:18px 0; }.pl-price-list { margin:0; padding:0; list-style:none; display:grid; gap:9px; color:var(--pl-muted-2); font-size:.78rem; }.pl-price-list li { display:flex; gap:8px; align-items:flex-start; }.pl-price-list i { color:var(--pl-brand); margin-top:4px; }

.pl-testimonials { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.pl-quote { padding:22px; border-radius:22px; border:1px solid var(--pl-line); background:var(--pl-card); }.pl-stars { color:#f59e0b; font-size:.75rem; letter-spacing:2px; }.pl-quote p { line-height:1.95; color:var(--pl-ink-2); font-size:.82rem; }.pl-quote small { color:var(--pl-muted-2); }

.pl-faq { display:grid; gap:10px; }.pl-faq-item { border:1px solid var(--pl-line); border-radius:18px; background:var(--pl-card); overflow:hidden; }.pl-faq-item summary { padding:17px 18px; cursor:pointer; font-weight:800; list-style:none; }.pl-faq-item summary::-webkit-details-marker{display:none}.pl-faq-item div { padding:0 18px 18px; color:var(--pl-muted-2); line-height:1.95; font-size:.82rem; }
.pl-final-cta { margin:64px 0 32px; padding:44px; border-radius:32px; text-align:center; background:linear-gradient(135deg,#111827,#1f2937); color:#fff; position:relative; overflow:hidden; box-shadow:0 30px 80px rgba(15,23,42,.18); }
.pl-final-cta::before { content:""; position:absolute; width:340px;height:340px; border-radius:50%; background:rgba(255,148,21,.18); filter:blur(30px); top:-170px; right:-70px; }.pl-final-cta > *{position:relative}.pl-final-cta h3{font-size:clamp(1.5rem,3vw,2.4rem);margin:0 0 10px}.pl-final-cta p{color:#cbd5e1;max-width:660px;margin:0 auto 20px;line-height:1.9}

footer { border-top:1px solid var(--pl-line) !important; padding-top:28px !important; margin-top:50px !important; }

/* reveal / stagger */
.pl-reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1); }
.pl-reveal.is-visible { opacity:1; transform:none; }
.pl-stagger > * { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1); }
.pl-stagger.is-visible > * { opacity:1; transform:none; }
.pl-stagger.is-visible > *:nth-child(2){transition-delay:.06s}.pl-stagger.is-visible > *:nth-child(3){transition-delay:.12s}.pl-stagger.is-visible > *:nth-child(4){transition-delay:.18s}.pl-stagger.is-visible > *:nth-child(5){transition-delay:.24s}.pl-stagger.is-visible > *:nth-child(6){transition-delay:.30s}

/* form/auth polish */
input, select, textarea { border-radius:14px !important; border:1px solid var(--pl-line) !important; background:rgba(255,255,255,.62) !important; color:var(--pl-ink) !important; min-height:44px; }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { background:rgba(15,23,42,.70) !important; }
input:focus, select:focus, textarea:focus { border-color:rgba(255,148,21,.42) !important; box-shadow:0 0 0 4px rgba(255,148,21,.08) !important; outline:none !important; }

@media (max-width: 980px){
  .pl-hero-grid{grid-template-columns:1fr}.pl-hero{min-height:auto}.pl-hero-visual{min-height:330px}.pl-feature-grid,.pl-benefit-grid,.pl-price-cards,.pl-testimonials{grid-template-columns:1fr 1fr}.pl-tools-grid{grid-template-columns:1fr 1fr}.pl-tool-showcase{grid-column:1/-1}
}
@media (max-width: 680px){
  .page-wrapper .container{width:min(var(--pl-container),calc(100% - 18px))}.pl-hero{padding:24px;border-radius:26px;margin-top:5px}.pl-hero h2{font-size:clamp(2rem,11vw,3rem)}.pl-hero p{font-size:.9rem}.pl-hero-actions{display:grid}.pl-hero-actions>*{width:100%}.pl-hero-visual{min-height:285px}.pl-live-card{padding:18px}.pl-orb-ring{width:280px}.pl-section{margin:42px 0}.pl-section-head{display:block}.pl-feature-grid,.pl-benefit-grid,.pl-price-cards,.pl-testimonials,.pl-tools-grid{grid-template-columns:1fr}.pl-live-section{padding:12px;border-radius:22px}.pl-final-cta{padding:32px 20px;border-radius:26px}header{top:8px;padding:10px 12px !important;border-radius:18px !important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pl-reveal,.pl-stagger>*{opacity:1;transform:none}}

/* =========================================================
   PriceLive v16 — universal top navigation + screenshot hero
   ========================================================= */
.pl-topbar-wrap{position:sticky;top:12px;z-index:1100;width:min(var(--pl-container),calc(100% - 28px));margin:12px auto 22px;}
.pl-topbar{position:relative;display:flex;align-items:center;gap:18px;min-height:70px;padding:10px 12px 10px 14px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:rgba(255,255,255,.72);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 16px 42px rgba(15,23,42,.08);}
html[data-theme="dark"] .pl-topbar{background:rgba(7,15,30,.78);border-color:rgba(148,163,184,.16);box-shadow:0 16px 44px rgba(0,0,0,.24);}
.pl-topbar-brand{display:flex;align-items:center;gap:10px;min-width:max-content;text-decoration:none;color:var(--pl-ink);}
.pl-topbar-logo{width:44px;height:44px;display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(255,148,21,.18));}
.pl-topbar-brand-text{display:flex;flex-direction:column;line-height:1.05}
.pl-topbar-brand-title{font-size:1rem;font-weight:900;letter-spacing:-.035em}
.pl-topbar-brand-sub{font-size:.58rem;color:var(--pl-muted-2);margin-top:4px}
.pl-topbar-links{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;}
.pl-topbar-link,.pl-topbar-menu-btn{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 11px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--pl-ink-2);font:inherit;font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s ease;}
.pl-topbar-link:hover,.pl-topbar-menu-btn:hover{background:rgba(255,148,21,.07);color:var(--pl-brand);border-color:rgba(255,148,21,.13);transform:translateY(-1px)}
.pl-topbar-link.is-active,.pl-topbar-menu.is-active>.pl-topbar-menu-btn{background:rgba(255,148,21,.11);color:var(--pl-brand);border-color:rgba(255,148,21,.16)}
.pl-topbar-menu{position:relative;}
.pl-topbar-menu-btn .pl-topbar-chevron{font-size:.6rem;transition:transform .22s ease}
.pl-topbar-menu.is-open .pl-topbar-chevron{transform:rotate(180deg)}
.pl-topbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:230px;padding:8px;border:1px solid var(--pl-line);border-radius:18px;background:var(--pl-card);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 24px 60px rgba(15,23,42,.13);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s ease;}
.pl-topbar-menu.is-open .pl-topbar-dropdown{opacity:1;visibility:visible;transform:none}
.pl-topbar-dropdown a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px;color:var(--pl-ink-2);text-decoration:none;font-size:.74rem;font-weight:650}
.pl-topbar-dropdown a:hover{background:rgba(255,148,21,.08);color:var(--pl-brand)}
.pl-topbar-dropdown i{width:20px;text-align:center;color:var(--pl-brand)}
.pl-topbar-actions{display:flex;align-items:center;gap:7px;min-width:max-content;}
.pl-topbar-icon,.pl-topbar-login,.pl-topbar-mobile{width:42px;height:42px;border:1px solid var(--pl-line);border-radius:13px;background:rgba(255,255,255,.58);color:var(--pl-ink);display:grid;place-items:center;cursor:pointer;transition:all .2s ease;}
html[data-theme="dark"] .pl-topbar-icon,html[data-theme="dark"] .pl-topbar-login,html[data-theme="dark"] .pl-topbar-mobile{background:rgba(15,23,42,.68);}
.pl-topbar-icon:hover,.pl-topbar-login:hover,.pl-topbar-mobile:hover{color:var(--pl-brand);border-color:rgba(255,148,21,.24);transform:translateY(-1px)}
.pl-topbar-login{width:auto;padding:0 13px;gap:7px;font:inherit;font-size:.75rem;font-weight:800;}
.pl-topbar-mobile{display:none}
.pl-topbar-drawer{display:none}
body.has-pl-topbar{padding-top:0}

/* Screenshot-matched hero / motion treatment */
.pl-hero--brandshot{min-height:645px;padding:clamp(30px,5vw,58px);border-radius:34px;background:
 radial-gradient(circle at 78% 18%,rgba(255,148,21,.09),transparent 22%),
 radial-gradient(circle at 13% 18%,rgba(255,255,255,.04),transparent 28%),
 linear-gradient(135deg,#0d1525 0%,#0b1322 54%,#0e1729 100%);border:1px solid rgba(255,179,77,.23);box-shadow:0 30px 90px rgba(2,6,23,.28);}
.pl-hero--brandshot:before{width:360px;height:360px;left:-150px;top:-170px;background:rgba(255,148,21,.09);filter:blur(30px)}
.pl-hero--brandshot:after{width:340px;height:340px;right:-120px;bottom:-150px;background:rgba(48,70,110,.18);filter:blur(28px)}
.pl-hero--brandshot .pl-hero-grid{grid-template-columns:.95fr 1.05fr;gap:30px}
.pl-hero--brandshot .pl-hero-copy{order:2;text-align:right;position:relative;z-index:3}
.pl-hero--brandshot .pl-hero-visual{order:1;min-height:470px}
.pl-brand-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,148,21,.30);background:rgba(255,148,21,.07);border-radius:999px;color:#ffae3a;font-size:.76rem;font-weight:800}
.pl-hero--brandshot h2{max-width:650px;color:#f8fafc;font-size:clamp(2.35rem,5.6vw,5rem);line-height:1.15;letter-spacing:-.055em;margin:18px 0}
.pl-hero--brandshot h2 .pl-orange{color:#ff9415}
.pl-hero--brandshot p{max-width:650px;color:#9eabc0;line-height:2.1;font-size:clamp(.9rem,1.7vw,1.06rem)}
.pl-hero--brandshot .pl-hero-actions{justify-content:flex-start}
.pl-hero--brandshot .pl-secondary-cta{color:#e6edf8;background:rgba(255,255,255,.02);border-color:rgba(148,163,184,.20)}
.pl-hero--brandshot .pl-proof-row{color:#77879f}
.pl-hero--brandshot .pl-proof-row i{color:#34d399}
.pl-brand-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.pl-brand-stage::before{content:"";position:absolute;width:330px;aspect-ratio:1;border:1px dashed rgba(255,148,21,.28);border-radius:50%;animation:plOrbitSpin 20s linear infinite}
.pl-brand-stage::after{content:"";position:absolute;width:410px;aspect-ratio:1;border:1px solid rgba(255,148,21,.10);border-radius:50%;box-shadow:0 0 110px rgba(255,148,21,.05);}
.pl-brand-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#ff9415;box-shadow:0 0 18px rgba(255,148,21,.65);animation:plDotFloat 4.8s ease-in-out infinite}
.pl-brand-dot.one{left:19%;top:22%}.pl-brand-dot.two{right:17%;top:48%;width:9px;height:9px;background:#35b6ff;box-shadow:0 0 18px rgba(53,182,255,.55);animation-delay:-1.5s}.pl-brand-dot.three{left:27%;bottom:18%;width:8px;height:8px;background:#ff9f2e;animation-delay:-2.6s}
.pl-mascot-wrap{position:relative;z-index:3;width:min(280px,60vw);aspect-ratio:1;display:grid;place-items:center;animation:plMascotFloat 4.6s ease-in-out infinite}
.pl-mascot-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.25)) drop-shadow(0 0 25px rgba(255,148,21,.08));}
.pl-floating-price-card{position:absolute;right:-54px;bottom:18%;z-index:5;width:min(240px,48vw);padding:13px 15px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(17,27,45,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.28);animation:plCardFloat 4s ease-in-out infinite}
.pl-floating-top{display:flex;align-items:center;justify-content:space-between;color:#8291a8;font-size:.58rem}.pl-live-dot{color:#13b981;font-weight:800}.pl-floating-title{font-size:.82rem;color:#f8fafc;font-weight:800;margin-top:8px}.pl-floating-sub{font-size:.62rem;color:#2dd386;margin-top:4px}.pl-floating-spark{height:24px;margin-top:8px;display:flex;align-items:end;gap:3px}.pl-floating-spark span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(to top,rgba(255,148,21,.20),rgba(255,148,21,.90));animation:plSpark 1.7s ease-in-out infinite}.pl-floating-spark span:nth-child(2){animation-delay:-.2s}.pl-floating-spark span:nth-child(3){animation-delay:-.4s}.pl-floating-spark span:nth-child(4){animation-delay:-.6s}.pl-floating-spark span:nth-child(5){animation-delay:-.8s}.pl-floating-spark span:nth-child(6){animation-delay:-1s}
@keyframes plOrbitSpin{to{transform:rotate(360deg)}}
@keyframes plMascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes plCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes plDotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes plSpark{0%,100%{transform:scaleY(.75);opacity:.7}50%{transform:scaleY(1.1);opacity:1}}

/* Keep the old hero visual out of the way only when the new branded hero is present. */
.pl-hero--brandshot .pl-market-orb{display:none}

@media (max-width:1050px){
  .pl-topbar-links{gap:0}.pl-topbar-link,.pl-topbar-menu-btn{padding-inline:8px;font-size:.72rem}
  .pl-hero--brandshot .pl-hero-grid{grid-template-columns:1fr}.pl-hero--brandshot .pl-hero-copy{order:1}.pl-hero--brandshot .pl-hero-visual{order:2;min-height:410px}
}
@media (max-width:800px){
  .pl-topbar-wrap{top:8px;width:calc(100% - 16px);margin-top:8px;margin-bottom:16px}
  .pl-topbar{min-height:62px;padding:8px 9px;border-radius:18px;gap:8px}
  .pl-topbar-logo{width:38px;height:38px}.pl-topbar-brand-title{font-size:.9rem}.pl-topbar-brand-sub{display:none}
  .pl-topbar-links{display:none}.pl-topbar-actions{margin-inline-start:auto}.pl-topbar-mobile{display:grid}.pl-topbar-login{display:none}
  .pl-topbar-drawer{position:absolute;left:8px;right:8px;top:calc(100% + 8px);display:block;padding:8px;border:1px solid var(--pl-line);border-radius:18px;background:var(--pl-card);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 22px 55px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.2s ease;}
  .pl-topbar-wrap.menu-open .pl-topbar-drawer{opacity:1;visibility:visible;transform:none}
  .pl-topbar-drawer a,.pl-topbar-drawer button{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:9px 11px;margin:2px 0;border:0;border-radius:12px;background:transparent;color:var(--pl-ink-2);font:inherit;font-size:.76rem;text-decoration:none;text-align:right;cursor:pointer}
  .pl-topbar-drawer a:hover,.pl-topbar-drawer button:hover{background:rgba(255,148,21,.08);color:var(--pl-brand)}
  .pl-topbar-drawer i{width:20px;text-align:center;color:var(--pl-brand)}
  .pl-hero--brandshot{min-height:auto;padding:24px 20px}.pl-hero--brandshot h2{font-size:clamp(2rem,10vw,3rem)}.pl-hero--brandshot .pl-hero-actions{display:grid}.pl-hero--brandshot .pl-hero-actions>*{width:100%}.pl-hero--brandshot .pl-hero-visual{min-height:350px}.pl-brand-stage::before{width:250px}.pl-brand-stage::after{width:310px}.pl-floating-price-card{right:1%;bottom:13%;width:205px}.pl-mascot-wrap{width:215px}
}
@media (prefers-reduced-motion:reduce){.pl-brand-stage::before,.pl-brand-dot,.pl-mascot-wrap,.pl-floating-price-card,.pl-floating-spark span{animation:none!important}}
/* The universal topbar owns sticky navigation; legacy page headers become normal content headers. */
body:has(.pl-topbar-wrap) header{position:relative!important;top:auto!important;z-index:auto!important;margin-top:8px!important}
@media (max-width:800px){body:has(.pl-topbar-wrap) header{margin-top:4px!important}}