/* Patly Examiner Analytics. Built on patly.ai's own tokens from assets/patly-core.css: navy panels, gold accent, Lato. */ body.pa{ --pa-green:#34D399;--pa-red:#F87171;--pa-blue:#60A5FA;--pa-violet:#A78BFA;--pa-teal:#2DD4BF; --pa-card:linear-gradient(180deg,rgba(34,51,95,.62),rgba(24,42,84,.72)); --pa-radius:16px; } body.pa .btn-gold,body.pa a.btn-gold,body.pa .nav-links a.btn-gold{color:var(--navy)} body.pa .btn-ghost,body.pa a.btn-ghost{color:var(--ink)} .pa-wrap{max-width:1180px;margin:0 auto;padding:0 24px} .pa-main{min-height:60vh} .pa-section{padding:64px 0} .pa-eyebrow{margin-bottom:12px} body.pa h1{font-size:clamp(2.1rem,4.4vw,3.3rem)} body.pa h2{font-size:clamp(1.6rem,2.8vw,2.2rem)} body.pa h2 em{font-style:normal;color:var(--gold)} body.pa h3{color:var(--ink);font-weight:900;font-size:1.12rem;line-height:1.3} .pa-muted{color:var(--muted)}.pa-small{font-size:.9rem} .pa-notice{margin:24px 0;padding:14px 18px;border:1px solid rgba(245,179,1,.45);background:var(--gold-soft);color:var(--ink);border-radius:12px;font-size:.95rem} .pa-notice-ok{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.10)} body.pa code{background:rgba(157,175,214,.14);color:var(--ink);padding:1px 6px;border-radius:5px;font-size:.88em} /* The analytics bar under the site header */ .pa-sub{position:sticky;top:72px;z-index:40;background:rgba(10,20,46,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} .pa-sub-in{display:flex;align-items:center;gap:26px;height:58px} .pa-sub-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900;text-decoration:none;letter-spacing:.01em;white-space:nowrap} .pa-sub-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(245,179,1,.16)} .pa-sub nav{display:flex;gap:4px} .pa-sub nav a{color:var(--muted);text-decoration:none;font-weight:700;font-size:.92rem;padding:8px 12px;border-radius:9px} .pa-sub nav a:hover,.pa-sub nav a.on{color:var(--ink);background:rgba(157,175,214,.10)} .pa-sub-search{margin-left:auto;position:relative;width:min(380px,40vw)} .pa-sub-search input{width:100%;background:rgba(14,26,58,.9);border:1px solid var(--line-strong);border-radius:10px;padding:9px 14px;color:var(--ink);font:inherit;font-size:.92rem} .pa-sub-search input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,179,1,.15)} /* Hero and search */ .pa-hero{position:relative;overflow:hidden;padding:92px 0 64px;text-align:center} .pa-hero::before{content:"";position:absolute;inset:0;background: radial-gradient(60% 50% at 50% 0%,rgba(245,179,1,.12),transparent 70%), radial-gradient(40% 40% at 85% 30%,rgba(96,165,250,.10),transparent 70%), linear-gradient(rgba(157,175,214,.06) 1px,transparent 1px) 0 0/44px 44px, linear-gradient(90deg,rgba(157,175,214,.06) 1px,transparent 1px) 0 0/44px 44px; -webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,transparent 100%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,transparent 100%)} .pa-hero .pa-wrap{position:relative} .pa-hero h1{max-width:860px;margin:0 auto} .pa-hero .sub{margin:22px auto 0;max-width:720px} .pa-search{position:relative;max-width:760px;margin:34px auto 0} .pa-search input{width:100%;font:inherit;font-size:1.1rem;color:var(--ink);background:rgba(10,20,46,.92);border:1px solid var(--line-strong);border-radius:14px;padding:20px 150px 20px 54px;box-shadow:0 24px 60px rgba(4,9,24,.45)} .pa-search input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(245,179,1,.14),0 24px 60px rgba(4,9,24,.45)} .pa-search svg.pa-search-ico{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--muted)} .pa-search .btn{position:absolute;right:8px;top:8px;bottom:8px;padding:0 22px} .pa-try{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:.9rem;color:var(--muted)} .pa-try a{color:var(--body);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:4px 12px} .pa-try a:hover{border-color:var(--gold);color:var(--gold)} .pa-ta{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;background:#0C1733;border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 30px 70px rgba(2,6,18,.6);padding:8px;text-align:left;display:none;max-height:420px;overflow:auto} .pa-ta.open{display:block} .pa-ta-g{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 12px 4px} .pa-ta a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink)} .pa-ta a:hover,.pa-ta a.on{background:rgba(157,175,214,.10)} .pa-ta-ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:.72rem;font-weight:900;color:var(--navy);background:var(--gold)} .pa-ta-ic.k-artunit{background:var(--pa-blue)}.pa-ta-ic.k-domain{background:var(--pa-teal)}.pa-ta-ic.k-techcenter{background:var(--pa-violet)}.pa-ta-ic.k-application{background:var(--muted)} .pa-ta b{font-weight:700}.pa-ta small{display:block;color:var(--muted);font-size:.8rem} /* Stat strip */ .pa-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:54px} .pa-stat{background:rgba(10,20,46,.7);padding:22px 20px;text-align:center} .pa-stat b{display:block;color:#fff;font-size:2rem;font-weight:900;letter-spacing:-.01em} .pa-stat span{color:var(--muted);font-size:.86rem} /* Entity header and figures */ .pa-ent{padding:40px 0 10px;background:radial-gradient(70% 120% at 10% 0%,rgba(245,179,1,.07),transparent 60%)} .pa-crumbs{font-size:.86rem;color:var(--muted);margin-bottom:18px} .pa-crumbs a{color:var(--body);text-decoration:none}.pa-crumbs a:hover{color:var(--gold)} .pa-crumbs span{margin:0 8px;opacity:.6} .pa-ent-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap} .pa-ent-title{font-size:clamp(2rem,4vw,3rem)!important;margin:6px 0 10px} .pa-ent-meta{color:var(--muted);display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center} .pa-ent-meta a{color:var(--ink);text-decoration:none;font-weight:700}.pa-ent-meta a:hover{color:var(--gold)} .pa-ent-actions{display:flex;gap:10px;flex-wrap:wrap} .pa-ent-actions .btn{padding:10px 18px;font-size:.92rem} .pa-live{display:inline-flex;align-items:center;gap:8px} .pa-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pa-green);box-shadow:0 0 10px rgba(52,211,153,.8)} .pa-live.off::before{background:var(--muted);box-shadow:none} .pa-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 8px} .pa-kpi{background:var(--pa-card);border:1px solid var(--line);border-radius:var(--pa-radius);padding:20px 20px 18px;position:relative;overflow:hidden} .pa-kpi::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent 70%);opacity:.55} .pa-kpi-l{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700} .pa-kpi-v{font-size:2.5rem;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;margin:10px 0 8px} .pa-kpi-v small{font-size:1rem;color:var(--muted);font-weight:700} .pa-kpi-c{font-size:.84rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center} .pa-kpi-c a{color:var(--gold);font-weight:700;text-decoration:none} .pa-na{font-size:1.2rem;color:var(--muted);font-weight:700;letter-spacing:0} .pa-chip{display:inline-block;font-size:.76rem;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(157,175,214,.12);color:var(--body)} .pa-chip-up{background:rgba(52,211,153,.14);color:var(--pa-green)} .pa-chip-down{background:rgba(248,113,113,.14);color:var(--pa-red)} .pa-tag{display:inline-block;font-size:.76rem;font-weight:700;padding:4px 11px;border-radius:999px;background:rgba(96,165,250,.14);color:var(--pa-blue);letter-spacing:.02em} .pa-tag-easy{background:rgba(52,211,153,.14);color:var(--pa-green)} .pa-tag-hard{background:rgba(248,113,113,.14);color:var(--pa-red)} .pa-tag-mid{background:rgba(96,165,250,.14);color:var(--pa-blue)} /* Explorer: questions */ .pa-explorer{padding-top:30px} .pa-ask{background:radial-gradient(90% 140% at 0% 0%,rgba(245,179,1,.08),transparent 55%),var(--panel);border:1px solid var(--line-strong);border-radius:22px;padding:30px 30px 26px;box-shadow:0 30px 80px rgba(4,9,24,.35)} .pa-ask-head h2{margin-top:6px} .pa-qs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 22px} .pa-q{font:inherit;font-size:.92rem;font-weight:700;color:var(--body);background:rgba(10,20,46,.6);border:1px solid var(--line-strong);border-radius:999px;padding:9px 16px;cursor:pointer;transition:all .15s ease} .pa-q:hover{border-color:var(--gold);color:var(--ink)} .pa-q.on{background:var(--gold);border-color:var(--gold);color:var(--navy)} .pa-ans{display:grid;grid-template-columns:minmax(260px,.85fr) 1.4fr;gap:30px;align-items:start;border-top:1px dashed var(--line-strong);padding-top:24px;animation:pa-in .35s ease} @keyframes pa-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .pa-ans-h{color:#fff;font-size:1.5rem;font-weight:900;line-height:1.28} .pa-ans-h em{font-style:normal;color:var(--gold)} .pa-ans-p{color:var(--body);margin-top:12px;font-size:.98rem} .pa-ans-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px} .pa-fact{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(10,20,46,.45)} .pa-fact b{display:block;color:#fff;font-size:1.35rem;font-weight:900} .pa-fact span{color:var(--muted);font-size:.8rem} .pa-ans-viz{min-height:280px} /* Cards and grid */ .pa-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px} .pa-span2{grid-column:1/-1} .pa-card{background:var(--pa-card);border:1px solid var(--line);border-radius:var(--pa-radius);padding:24px 24px 20px;min-width:0} .pa-card header .eyebrow{font-size:.72rem;letter-spacing:.18em} .pa-card header h3{margin:6px 0 6px} .pa-card header p{color:var(--muted);font-size:.9rem;line-height:1.55;margin-bottom:12px} .pa-chart{position:relative;min-height:250px;width:100%} .pa-chart-tall{min-height:380px} .pa-empty{display:grid;place-items:center;min-height:200px;color:var(--muted);font-size:.92rem;text-align:center;border:1px dashed var(--line-strong);border-radius:12px;padding:20px} svg.pa-svg{display:block;width:100%;height:auto;overflow:visible;font-family:inherit} .pa-svg text{fill:var(--muted);font-size:11px} .pa-svg .t-ink{fill:var(--ink);font-weight:700} .pa-svg .t-big{fill:#fff;font-weight:900} .pa-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;color:var(--muted);margin:2px 0 8px} .pa-legend i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle} .pa-tip{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;opacity:0;transition:opacity .12s ease;background:#071029;border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;font-size:.82rem;color:var(--body);box-shadow:0 16px 40px rgba(0,0,0,.45);max-width:300px;line-height:1.45} .pa-tip b{color:#fff} .pa-tip .r{display:flex;justify-content:space-between;gap:16px} /* Bars */ .pa-bars{display:flex;flex-direction:column;gap:12px} .pa-bar{display:grid;grid-template-columns:150px 1fr 56px;gap:12px;align-items:center} .pa-bar-l{color:var(--ink);font-size:.9rem;font-weight:700;line-height:1.25} .pa-bar-l small{display:block;color:var(--muted);font-weight:400;font-size:.76rem} .pa-bar-t{position:relative;height:12px;background:rgba(157,175,214,.10);border-radius:999px} .pa-bar-f{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;transition:width .9s cubic-bezier(.2,.8,.2,1)} .pa-bar-p{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1px;border-radius:2px;background:var(--pa-blue);box-shadow:0 0 0 2px rgba(10,20,46,.9)} .pa-bar-v{text-align:right;color:#fff;font-weight:900;font-variant-numeric:tabular-nums} /* Simulator */ .pa-simgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px} .pa-seg-l{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:4px 0 8px} .pa-seg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px} .pa-seg button{font:inherit;font-size:.88rem;font-weight:700;color:var(--body);background:rgba(10,20,46,.6);border:1px solid var(--line-strong);border-radius:10px;padding:9px 13px;cursor:pointer} .pa-seg button.on{background:rgba(245,179,1,.14);border-color:var(--gold);color:var(--gold)} .pa-big{font-size:3.4rem;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1} .pa-big-l{color:var(--muted);font-size:.9rem;margin-top:6px} .pa-simfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0} .pa-simtable{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:6px} .pa-simtable td,.pa-simtable th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left} .pa-simtable th{color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase} .pa-simtable td.n{text-align:right;font-variant-numeric:tabular-nums;color:#fff;font-weight:700} .pa-simtable tr.best td{color:var(--gold)} .pa-simnote{color:var(--muted);font-size:.8rem;margin-top:10px} /* Tables */ .pa-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:rgba(10,20,46,.45)} .pa-table{width:100%;border-collapse:collapse;font-size:.92rem} .pa-table th,.pa-table td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top} .pa-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700;cursor:pointer;user-select:none;white-space:nowrap;background:rgba(24,42,84,.55)} .pa-table th.num,.pa-table td.num{text-align:right;font-variant-numeric:tabular-nums} .pa-table tr:last-child td{border-bottom:0} .pa-table tbody tr:hover{background:rgba(157,175,214,.06)} .pa-table a{color:var(--ink);font-weight:700;text-decoration:none}.pa-table a:hover{color:var(--gold)} .pa-title{color:var(--body)} .pa-st{font-size:.76rem;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(157,175,214,.12);color:var(--body);white-space:nowrap} .pa-st-granted{background:rgba(52,211,153,.14);color:var(--pa-green)} .pa-st-abandoned{background:rgba(248,113,113,.14);color:var(--pa-red)} .pa-pills{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0} .pa-pill{font:inherit;font-size:.86rem;font-weight:700;border:1px solid var(--line-strong);border-radius:999px;padding:6px 14px;background:transparent;color:var(--body);cursor:pointer} .pa-pill.active,.pa-pill:hover{border-color:var(--gold);color:var(--gold)} .pa-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:18px} /* Gate */ .pa-locked{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;border:1px solid var(--line-strong);border-radius:22px;padding:34px;background:radial-gradient(70% 120% at 100% 0%,rgba(245,179,1,.10),transparent 60%),var(--panel)} .pa-locked-art{position:relative;height:240px;border-radius:16px;overflow:hidden;background:rgba(10,20,46,.6);border:1px solid var(--line);filter:blur(1.5px)} .pa-locked-art span{position:absolute;bottom:22px;width:9%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--gold),rgba(245,179,1,.25))} .pa-locked-art span:nth-child(1){left:8%;height:38%}.pa-locked-art span:nth-child(2){left:22%;height:62%}.pa-locked-art span:nth-child(3){left:36%;height:48%} .pa-locked-art span:nth-child(4){left:50%;height:78%}.pa-locked-art span:nth-child(5){left:64%;height:56%}.pa-locked-art span:nth-child(6){left:78%;height:70%} .pa-locked-art i{position:absolute;left:6%;right:6%;height:2px;background:rgba(96,165,250,.6);border-radius:2px} .pa-locked-art i:nth-of-type(1){top:30%;transform:rotate(-8deg)}.pa-locked-art i:nth-of-type(2){top:48%;transform:rotate(4deg);background:rgba(52,211,153,.6)}.pa-locked-art i:nth-of-type(3){top:22%;left:30%;right:30%;transform:rotate(-14deg);background:rgba(248,113,113,.5)} .pa-locked-copy h3{font-size:1.5rem;margin:6px 0 10px} .pa-locked-copy p{color:var(--body)} .pa-locked-ctas{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap} .pa-kpi-lock{border-style:dashed} /* Explore page: landscape and heatmap */ .pa-heat{overflow-x:auto} .pa-heat table{border-collapse:separate;border-spacing:3px;font-size:.78rem} .pa-heat th{color:var(--muted);font-weight:700;padding:0 4px;white-space:nowrap} .pa-heat td.lab{white-space:nowrap;padding-right:10px;text-align:right} .pa-heat td.lab a{color:var(--ink);font-weight:700;text-decoration:none} .pa-heat td.lab small{display:block;color:var(--muted);font-weight:400;max-width:230px;overflow:hidden;text-overflow:ellipsis} .pa-heat td.c{width:34px;height:28px;border-radius:5px;cursor:default;transition:transform .12s ease} .pa-heat td.c:hover{transform:scale(1.18);outline:1px solid #fff} .pa-scale{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem;margin-top:12px} .pa-scale i{display:block;width:160px;height:8px;border-radius:4px;background:linear-gradient(90deg,#F87171,#F5B301,#34D399)} .pa-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:10px} .pa-filter input{background:rgba(10,20,46,.8);border:1px solid var(--line-strong);border-radius:10px;padding:8px 12px;color:var(--ink);font:inherit;font-size:.88rem;min-width:220px} /* Product page */ .pa-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .pa-feat{background:var(--pa-card);border:1px solid var(--line);border-radius:var(--pa-radius);padding:24px} .pa-feat .n{color:var(--gold);font-weight:900;font-size:.82rem;letter-spacing:.16em} .pa-feat h3{margin:10px 0 8px} .pa-feat p{color:var(--muted);font-size:.93rem} .pa-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:900px} .pa-plan{background:var(--pa-card);border:1px solid var(--line-strong);border-radius:20px;padding:30px} .pa-plan.featured{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 30px 70px rgba(4,9,24,.4)} .pa-price{font-size:3rem;font-weight:900;color:#fff;letter-spacing:-.02em;margin:8px 0 2px} .pa-price small{font-size:1rem;color:var(--muted);font-weight:700} .pa-plan ul{list-style:none;margin:18px 0 22px;padding:0} .pa-plan li{padding:7px 0 7px 26px;position:relative;color:var(--body);font-size:.95rem;border-bottom:1px solid var(--line)} .pa-plan li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)} .pa-plan .btn{margin:4px 6px 0 0} .pa-faq details{border-bottom:1px solid var(--line);padding:18px 0} .pa-faq summary{color:var(--ink);font-weight:900;cursor:pointer;font-size:1.05rem;list-style:none} .pa-faq summary::-webkit-details-marker{display:none} .pa-faq summary::after{content:"+";float:right;color:var(--gold);font-weight:900} .pa-faq details[open] summary::after{content:"\2212"} .pa-faq details p{margin-top:10px;color:var(--body)} .pa-results{margin-top:28px;display:grid;gap:10px} .pa-result{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(24,42,84,.5);text-decoration:none;color:var(--ink)} .pa-result:hover{border-color:var(--gold)} .pa-result small{display:block;color:var(--muted)} /* Forms (account, sign-in) */ .pa-form label{display:block;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:16px 0 6px} .pa-form input[type=text],.pa-form input[type=email],.pa-form select{background:rgba(10,20,46,.8);border:1px solid var(--line-strong);border-radius:10px;padding:11px 14px;color:var(--ink);font:inherit;width:100%;max-width:420px} .pa-form input:focus{outline:none;border-color:var(--gold)} .pa-inline-form{display:inline} .pa-card .pa-table-wrap{margin-top:10px} .pa-timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line-strong)} .pa-timeline li{padding:10px 0 10px 20px;position:relative;color:var(--body)} .pa-timeline li::before{content:"";position:absolute;left:-7px;top:17px;width:12px;height:12px;border-radius:50%;background:var(--line-strong)} .pa-timeline li.out::before{background:var(--gold)}.pa-timeline li.in::before{background:var(--pa-green)} .pa-timeline .d{color:var(--muted);font-size:.84rem;margin-right:10px;font-variant-numeric:tabular-nums} .pa-rej{margin:6px 0 0;padding-left:18px;font-size:.88rem} .pa-widget{background:var(--pa-card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--body)} .pa-widget ul{list-style:none;padding:0;margin:8px 0 0}.pa-widget li{padding:6px 0;border-bottom:1px solid var(--line)} .pa-widget a{color:var(--ink);font-weight:700;text-decoration:none} .pa-sub-ex{display:none;align-items:center;padding:8px 13px;border-radius:10px;border:1px solid var(--line-strong);background:rgba(14,26,58,.9);color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap} .pa-sub-ex.on{border-color:var(--gold);color:var(--gold)} .pa-sub-m{display:none;position:relative} .pa-sub-m summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:10px;border:1px solid var(--line-strong);background:rgba(14,26,58,.9);color:var(--ink);font-weight:800;font-size:.92rem;white-space:nowrap} .pa-sub-m summary::-webkit-details-marker{display:none} .pa-sub-m summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);margin-top:-4px} .pa-sub-m[open] summary{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,179,1,.15)} .pa-sub-m[open] summary::after{transform:rotate(-135deg);margin-top:3px} .pa-sub-m-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:70;width:min(340px,calc(100vw - 32px));max-height:min(72vh,560px);overflow:auto;background:#0d1838;border:1px solid var(--line-strong);border-radius:14px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.45)} .pa-sub-m-menu a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem} .pa-sub-m-menu a:hover{background:rgba(245,179,1,.08)} .pa-sub-m-menu a.on{background:rgba(245,179,1,.14);color:#fff} .pa-sub-m-menu a small{display:block;color:var(--muted);font-weight:400;font-size:.78rem;margin-top:2px} .pa-sub-m-menu .pa-sub-m-sub{padding-left:22px} .pa-sub-m-grp{padding:10px 12px 4px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase} @media (max-width:1100px){ .pa-sub{top:72px} .pa-sub nav{display:none} .pa-sub-ex{display:inline-flex;flex:0 0 auto} .pa-sub-m{display:block;flex:0 0 auto} .pa-sub-m summary{white-space:nowrap} .pa-sub-m summary svg{flex:0 0 auto;color:var(--gold)} .pa-sub-in{gap:12px} .pa-sub-search{width:min(380px,100%)} } @media (max-width:900px){ .pa-kpis{grid-template-columns:repeat(2,1fr)}.pa-grid,.pa-ans,.pa-simgrid,.pa-locked{grid-template-columns:1fr} .pa-feats{grid-template-columns:1fr}.pa-plans{grid-template-columns:1fr}.pa-stats{grid-template-columns:repeat(2,1fr)} .pa-search input{padding-right:20px}.pa-search .btn{display:none} } @media (max-width:560px){ .pa-kpis{grid-template-columns:1fr} .pa-bar{grid-template-columns:110px 1fr 48px} .pa-sub-in{flex-wrap:wrap;height:auto;gap:8px 10px;padding:8px 0 10px} .pa-sub-brand{font-size:.95rem} .pa-sub-m summary{padding:8px 11px;font-size:.92rem} .pa-sub-search{order:10;flex:1 0 100%;width:100%;min-width:0;margin:0} .pa-sub-m-menu{width:min(360px,calc(100vw - 24px))} } @media (prefers-reduced-motion:reduce){.pa-bar-f{transition:none}.pa-ans{animation:none}} /* Older pages (account, sign-in, leaderboards, application) */ .pa-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:.92rem;text-decoration:none;border-radius:10px;padding:10px 18px;border:1px solid var(--line-strong);color:var(--ink);background:transparent;cursor:pointer} .pa-btn:hover{border-color:var(--gold);color:var(--gold);text-decoration:none} .pa-btn-primary,a.pa-btn-primary{background:var(--gold);border-color:var(--gold);color:var(--navy)} .pa-btn-primary:hover{background:#FFC61A;color:var(--navy)} .pa-btn-small{padding:6px 12px;font-size:.84rem} select.pa-btn{background:rgba(10,20,46,.8)} .pa-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px} .pa-badge,.pa-badge-easy,.pa-badge-hard,.pa-badge-amber{display:inline-block;font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(157,175,214,.12);color:var(--body)} .pa-badge-easy{background:rgba(52,211,153,.14);color:var(--pa-green)}.pa-badge-hard{background:rgba(248,113,113,.14);color:var(--pa-red)} .pa-section.pa-wrap{padding-top:48px} .pa-section.pa-wrap>h1,.pa-section.pa-wrap h1{margin-bottom:14px} .pa-section.pa-wrap .pa-card{margin-top:16px} @media (max-width:900px){.pa-grid-2{grid-template-columns:1fr}} /* The site styles every
as its sticky top bar; card titles opt out */ .pa-card>header{position:static;top:auto;z-index:auto;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;transition:none} .pa-ans-viz .pa-simgrid{grid-template-columns:1fr} /* Search: a flat button inside the field, and a dropdown that is never clipped and sits above the page */ .pa-hero{overflow:visible} .pa-search{z-index:20} body.pa .pa-search .btn{position:absolute;top:8px;bottom:8px;right:8px;margin:0;padding:0 24px;border:0;border-radius:10px;background:var(--gold);color:var(--navy); font-weight:900;font-size:1rem;letter-spacing:.01em;line-height:1;box-shadow:none;text-shadow:none;-webkit-appearance:none;appearance:none;transform:none; transition:background-color .15s ease} body.pa .pa-search .btn:hover{background:#FFC61A;transform:none;box-shadow:none} body.pa .pa-search .btn:active{background:#E5A800} body.pa .pa-search .btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px} .pa-search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,179,1,.12),0 24px 60px rgba(4,9,24,.45)} .pa-search input::-webkit-search-cancel-button,.pa-sub-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px; margin:0 4px 0 8px;cursor:pointer;opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' stroke='%239DAFD6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat} .pa-search input::-webkit-search-cancel-button:hover,.pa-sub-search input::-webkit-search-cancel-button:hover{opacity:1} .pa-ta{z-index:100} .pa-ta-empty{padding:14px 14px 12px;color:var(--muted);font-size:.9rem;line-height:1.5} .pa-ta-empty b{color:var(--ink)} /* Record facts and the plain-words reading */ .pa-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:4px 28px;margin:22px 0 6px;padding:16px 22px;border:1px solid var(--line);border-radius:14px;background:rgba(10,20,46,.45)} .pa-fact-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding:8px 0;font-size:.92rem} .pa-fact-row span{color:var(--muted);white-space:nowrap}.pa-fact-row b{color:var(--ink);text-align:right;font-weight:700} .pa-fact-row b a{color:var(--ink);text-decoration:none}.pa-fact-row b a:hover{color:var(--gold)}.pa-fact-row b small{font-weight:400;font-size:.8rem} .pa-read{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:center;margin:18px 0 8px;padding:22px 26px;border:1px solid var(--line-strong);border-radius:16px;background:radial-gradient(80% 120% at 0% 0%,rgba(245,179,1,.08),transparent 60%),var(--panel)} .pa-read-text p:last-child{color:var(--ink);font-size:1.08rem;line-height:1.6;margin-top:8px} .pa-diffwrap small{display:block;color:var(--muted);font-size:.78rem;margin-top:8px} .pa-diff{position:relative;height:12px;border-radius:6px;background:linear-gradient(90deg,#34D399,#F5B301 55%,#F87171)} .pa-diff i{position:absolute;top:-6px;width:5px;height:24px;border-radius:3px;background:#fff;box-shadow:0 0 0 2px var(--navy);transform:translateX(-50%)} .pa-diff-l{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-top:8px}.pa-diff-l b{color:#fff} /* Locked panels: the real page shape, the content blurred, a lock on top */ .pa-lock{position:relative;overflow:hidden} .pa-lock>header,.pa-lock .pa-ask-head,.pa-lock .pa-qs{position:relative;z-index:4} .pa-lock .pa-chart,.pa-lock .pa-sim,.pa-lock .pa-ans,.pa-lock .pa-lock-preview,.pa-lock .pa-locked-art,.pa-lock .pa-table-wrap{filter:blur(6px);pointer-events:none;user-select:none;opacity:.85} .pa-lock .pa-ans.pa-ans-live{filter:none;pointer-events:auto;user-select:auto;opacity:1} .pa-lock .pa-table-wrap{filter:none;opacity:1;pointer-events:auto} .pa-blur-row td{filter:blur(5px);user-select:none;pointer-events:none} .pa-blur-row td a{pointer-events:none} .pa-ans-wrap{position:relative} .pa-lockmask{position:absolute;inset:0;display:grid;place-items:center;padding:20px;z-index:3;background:radial-gradient(60% 60% at 50% 50%,rgba(14,26,58,.5),rgba(14,26,58,.1))} .pa-lockbox{background:rgba(10,20,46,.94);border:1px solid var(--gold);border-radius:14px;padding:18px 22px;text-align:center;color:var(--gold);box-shadow:0 20px 60px rgba(0,0,0,.45);max-width:380px} .pa-lockbox b{display:block;color:#fff;font-size:1.05rem;margin:8px 0 2px}.pa-lockbox span{color:var(--muted);font-size:.86rem} .pa-lockbox p{margin:14px 0 0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pa-lockbox .btn{padding:9px 16px;font-size:.88rem} .pa-lock-page{min-height:300px;border:1px solid var(--line-strong);border-radius:22px;background:var(--panel)} .pa-lock-page .pa-lock-preview{padding:20px} /* Landing page */ .pa-trust{color:var(--muted);font-size:.86rem;margin-top:14px} .pa-feats-3{grid-template-columns:repeat(3,1fr)} .pa-cmp td:first-child{color:var(--ink);font-weight:700;max-width:420px} .pa-cmp-us{color:#fff}.pa-cmp-us small{display:block;color:var(--muted);font-weight:400;margin-top:3px;font-size:.82rem} .pa-cmp-other{color:var(--body)} .pa-ck{vertical-align:-3px;color:var(--pa-green);margin-right:4px} .pa-cmp-other .pa-ck{color:var(--muted)} .pa-plans-3{grid-template-columns:repeat(3,1fr);max-width:1140px} .pa-plan-free{border-style:dashed} .pa-final{text-align:center}.pa-final h2{margin-bottom:10px} /* Peer comparison, appeals, interviews, filers */ .pa-vs-row{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;margin:10px 0} .pa-vs-l{color:var(--ink);font-size:.86rem;font-weight:700} .pa-vs-bars{display:grid;gap:4px} .pa-vs-bar{position:relative;height:15px;background:rgba(157,175,214,.1);border-radius:8px} .pa-vs-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:8px;transition:width .8s cubic-bezier(.2,.8,.2,1)} .pa-vs-bar span{position:absolute;right:8px;top:0;line-height:15px;font-size:.72rem;color:#fff;font-weight:700} .pa-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px} .pa-mini .pa-fact b{font-size:1.25rem} .pa-filers{display:grid;grid-template-columns:1fr 1fr;gap:18px} .pa-filers h4{color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px} .pa-filer{display:grid;grid-template-columns:1fr 54px 70px 44px;gap:8px;align-items:center;font-size:.84rem;margin:7px 0} .pa-filer-n{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pa-filer-c{color:var(--muted);text-align:right;white-space:nowrap}.pa-filer-v{color:#fff;font-weight:700;text-align:right} .pa-hist{margin-top:14px;font-size:.84rem}.pa-hist td,.pa-hist th{padding:7px 10px} @media (max-width:900px){.pa-feats-3,.pa-plans-3,.pa-read,.pa-filers{grid-template-columns:1fr}.pa-mini{grid-template-columns:1fr 1fr}.pa-vs-row{grid-template-columns:1fr}} /* Timeline: pick a span of filing years */ .pa-tl-card{margin-top:22px} .pa-tl-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px} .pa-tl-label{color:var(--body);font-size:.92rem}.pa-tl-label b{color:#fff}.pa-tl-label a{color:var(--gold);text-decoration:none} .pa-tl-quick{display:flex;gap:6px;flex-wrap:wrap}.pa-tl-quick .pa-pill{padding:5px 11px;font-size:.8rem} svg.pa-tl{touch-action:none;cursor:col-resize;user-select:none;-webkit-user-select:none}svg.pa-tl text{user-select:none;-webkit-user-select:none;pointer-events:none} .pa-range-badge{display:inline-block;margin-left:10px;vertical-align:middle;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:999px;background:rgba(245,179,1,.14);color:var(--gold)} .pa-range-badge.dim{background:rgba(157,175,214,.12);color:var(--muted)} .pa-card>header h3 .pa-range-badge{text-transform:none} .pa-spark{display:block;opacity:.9}.pa-table td .pa-spark{vertical-align:middle} .pa-crumbs{display:flex;gap:8px;color:var(--muted);font-size:.84rem;margin-bottom:10px}.pa-crumbs a{color:var(--muted);text-decoration:none}.pa-crumbs a:hover{color:var(--gold)} /* Statistics: twelve figures, counting up with a staggered reveal */ .pa-stats2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px} .pa-stat2{display:flex;gap:14px;align-items:center;padding:18px 18px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));opacity:0;animation:pa-rise .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 70ms);transition:border-color .25s,transform .25s} .pa-stat2:hover{border-color:rgba(245,179,1,.45);transform:translateY(-2px)} .pa-stat2 .ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(245,179,1,.12);color:var(--gold)} .pa-stat2 b{display:block;color:#fff;font-size:1.65rem;font-weight:900;letter-spacing:-.01em;line-height:1.1} .pa-stat2 span{display:block;color:var(--muted);font-size:.82rem;margin-top:3px} @keyframes pa-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} /* The four views: cards you can click, no underline */ a.pa-feat-link,a.pa-feat-link:hover,a.pa-feat-link:visited{text-decoration:none;color:inherit} a.pa-feat-link{display:block;position:relative;padding-bottom:44px;transition:transform .25s ease,border-color .25s ease,background .25s ease} a.pa-feat-link:hover{transform:translateY(-3px);border-color:rgba(245,179,1,.5);background:rgba(245,179,1,.05)} a.pa-feat-link .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(245,179,1,.12);color:var(--gold);margin-bottom:14px} a.pa-feat-link h3{color:#fff} a.pa-feat-link::after{content:"Open \2192";position:absolute;left:24px;bottom:18px;color:var(--gold);font-weight:700;font-size:.86rem;opacity:.75;transition:opacity .25s,transform .25s} a.pa-feat-link:hover::after{opacity:1;transform:translateX(4px)} @media (max-width:1000px){.pa-stats2{grid-template-columns:repeat(2,1fr)}} @media (max-width:560px){.pa-stats2{grid-template-columns:1fr}} /* Admin bar: look at the site as others see it */ .pa-adminbar{background:rgba(245,179,1,.10);border-bottom:1px solid rgba(245,179,1,.35);font-size:.84rem} .pa-adminbar-in{display:flex;align-items:center;gap:6px;padding:8px 24px;flex-wrap:wrap} .pa-adminbar span{color:var(--gold);font-weight:700;margin-right:6px} .pa-adminbar a{color:var(--ink);text-decoration:none;padding:4px 12px;border-radius:999px;border:1px solid rgba(245,179,1,.35)} .pa-adminbar a.on{background:var(--gold);color:#0e1a3a;font-weight:800} .pa-adminbar a:hover{border-color:var(--gold)} .pa-adminbar-right{margin-left:auto;display:flex;gap:6px} .pa-adminbar-right a{border-color:var(--line)} /* A view without data yet: a decoy picture of it, blurred, with a short note */ .pa-pending{position:relative;overflow:hidden;min-height:180px} .pa-pending .pa-pending-viz{filter:blur(7px);opacity:.6;pointer-events:none;user-select:none} .pa-pending-block{border:1px solid var(--line);border-radius:16px;background:rgba(10,20,46,.35)} .pa-pending-block .pa-pending-viz{padding:6px} .pa-pending-note{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;pointer-events:none} .pa-pending-note b{display:inline-flex;align-items:center;gap:9px;color:#fff;background:rgba(10,20,46,.88);border:1px solid rgba(245,179,1,.5);border-radius:999px;padding:8px 18px;font-size:.9rem;box-shadow:0 12px 40px rgba(0,0,0,.35)} .pa-pending-note b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pa-pulse 1.4s ease-in-out infinite} .pa-pending-note span{color:var(--body);font-size:.84rem;max-width:440px;background:rgba(10,20,46,.6);border-radius:8px;padding:3px 10px} @keyframes pa-pulse{0%,100%{opacity:.3}50%{opacity:1}} /* Compare: kind tabs, four boxes with colour keys, popular comparisons */ .pa-compare-tabs{justify-content:center;margin-top:22px} .pa-compare-tabs a.pa-pill{text-decoration:none} .pa-compare-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:center;max-width:1180px;margin:16px auto 0} .pa-compare-slot{position:relative;display:block} .pa-compare-slot i{position:absolute;left:14px;top:50%;width:10px;height:10px;border-radius:50%;transform:translateY(-50%);pointer-events:none} .pa-compare-slot input{width:100%;padding:14px 14px 14px 34px;border-radius:12px;border:1px solid var(--line-strong);background:rgba(8,16,40,.65);color:#fff;font:inherit;font-size:.98rem;text-overflow:ellipsis} .pa-compare-slot input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,179,1,.15)} .pa-compare-form .btn{padding:14px 26px} .pa-compare-note{text-align:center;color:var(--gold);font-size:.88rem;margin-top:10px} .pa-sugg-group{color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin:22px 0 10px} .pa-suggs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px} a.pa-sugg{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease} a.pa-sugg:hover{transform:translateY(-2px);border-color:rgba(245,179,1,.5);background:rgba(245,179,1,.05)} a.pa-sugg.on{border-color:var(--gold);background:rgba(245,179,1,.08)} a.pa-sugg .ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(245,179,1,.12);color:var(--gold)} a.pa-sugg .tx{min-width:0;display:flex;flex-direction:column;gap:3px} a.pa-sugg b{color:#fff;font-size:.92rem;line-height:1.3} a.pa-sugg small{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pa-compare-head{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)} .pa-compare-chips{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 8px} .pa-compare-chips a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line-strong);border-radius:999px;color:#fff;text-decoration:none;font-weight:700;font-size:.9rem} .pa-compare-chips a:hover{border-color:var(--gold)} .pa-compare-chips i{width:10px;height:10px;border-radius:50%} @media (max-width:900px){.pa-compare-form{grid-template-columns:1fr 1fr}.pa-compare-form .btn{grid-column:1/-1}} @media (max-width:520px){.pa-compare-form{grid-template-columns:1fr}} .pa-leads{display:flex;flex-direction:column;gap:2px} .pa-lead{display:grid;grid-template-columns:1.2fr 1.3fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem} .pa-lead:last-child{border-bottom:0} .pa-lead .l{color:var(--muted)} .pa-lead .w{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pa-lead .w i{flex:0 0 auto;width:10px;height:10px;border-radius:50%} .pa-lead b{color:var(--gold);font-variant-numeric:tabular-nums} /* Admin: view the site as any tier, from the analytics menu */ .pa-viewas{position:relative;margin-left:auto;margin-right:12px} .pa-viewas summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);font-weight:700;font-size:.86rem;white-space:nowrap;user-select:none} .pa-viewas summary::-webkit-details-marker{display:none} .pa-viewas summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 2px;opacity:.7} .pa-viewas summary:hover{border-color:var(--gold)} .pa-viewas.sim summary{background:var(--gold);color:#0e1a3a;border-color:var(--gold)} .pa-viewas-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:290px;background:#0d1838;border:1px solid var(--line-strong);border-radius:14px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.5)} .pa-viewas-menu p{margin:6px 10px 8px;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase} .pa-viewas-menu a{display:block;padding:9px 12px;border-radius:10px;color:var(--ink);text-decoration:none} .pa-viewas-menu a:hover{background:rgba(245,179,1,.08)} .pa-viewas-menu a.on{background:rgba(245,179,1,.14)} .pa-viewas-menu a b{display:block;font-size:.9rem}.pa-viewas-menu a small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px} .pa-viewas-menu a.on b::after{content:" \2713";color:var(--gold)} .pa-viewas-foot{display:flex;gap:6px;border-top:1px solid var(--line);margin-top:6px;padding-top:6px} .pa-viewas-foot a{flex:1;text-align:center;font-size:.8rem;color:var(--muted)} @media (max-width:1100px){.pa-viewas span{display:none}} .pa-ans.pa-ans-locked{filter:blur(6px);pointer-events:none;user-select:none;opacity:.85} .pa-q.locked{opacity:.8}.pa-q.locked svg{vertical-align:-1px;opacity:.8} .pa-tl-locked{margin-top:8px;color:var(--muted);font-size:.84rem}.pa-tl-locked a{color:var(--gold);text-decoration:none;font-weight:700} /* ---------- Use cases with animated demos ---------- */ .uc-list{display:flex;flex-direction:column;gap:26px;margin-top:30px} .uc{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008))} .uc:nth-child(even) .uc-text{order:2} .uc-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)} .uc-tier{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;font-size:.68rem;letter-spacing:.06em;border:1px solid var(--line-strong);color:var(--muted)} .uc-tier.free{border-color:rgba(52,211,153,.5);color:#6EE7B7}.uc-tier.pro{border-color:rgba(245,179,1,.55);color:var(--gold)}.uc-tier.team{border-color:rgba(167,139,250,.6);color:#C4B5FD} .uc h3{color:#fff;font-size:1.32rem;line-height:1.3;margin:10px 0 8px} .uc p{color:var(--body);line-height:1.6;margin:0 0 12px} .uc ol{margin:0 0 12px;padding:0;list-style:none;counter-reset:s} .uc ol li{counter-increment:s;display:flex;gap:10px;align-items:flex-start;color:var(--ink);margin:8px 0;font-size:.93rem} .uc ol li::before{content:counter(s);flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(245,179,1,.14);color:var(--gold);font-weight:800;font-size:.75rem} .uc-out{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.25);color:var(--ink);font-size:.9rem} .uc-out b{color:#6EE7B7} .uc a.uc-try{display:inline-flex;gap:6px;margin-top:14px;color:var(--gold);font-weight:800;text-decoration:none;font-size:.92rem} .uc a.uc-try:hover{gap:10px} /* the mock browser */ .dm{position:relative;border-radius:16px;border:1px solid var(--line-strong);background:#0a1430;box-shadow:0 30px 70px rgba(0,0,0,.45);overflow:hidden;min-height:330px;font-size:13px} .dm-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#0d1a3d;border-bottom:1px solid var(--line)} .dm-bar i{width:9px;height:9px;border-radius:50%;background:#2a3a66}.dm-bar i:first-child{background:#f87171aa}.dm-bar i:nth-child(2){background:#f5b301aa}.dm-bar i:nth-child(3){background:#34d399aa} .dm-bar span{margin-left:10px;flex:1;background:rgba(255,255,255,.05);border-radius:6px;padding:3px 10px;color:var(--muted);font-size:11px} .dm-body{padding:16px;position:relative} .dm-tag{position:absolute;right:10px;bottom:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(157,175,214,.55)} .dm-cursor{position:absolute;left:0;top:0;width:20px;height:20px;z-index:9;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));transform:translate(40px,300px)} .dm-cursor.down{transform-origin:2px 2px} .dm-cursor.down path{fill:var(--gold)} .dm-pop{opacity:0;transform:translateY(8px);transition:opacity .38s ease,transform .38s ease} .dm-pop.in{opacity:1;transform:none} .dm-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:1px solid var(--line-strong);background:rgba(8,16,40,.8);color:var(--ink);transition:border-color .2s} .dm-search.on{border-color:var(--gold)} .dm-search .dm-go{margin-left:auto;padding:4px 10px;border-radius:7px;background:var(--gold);color:#0e1a3a;font-weight:800;font-size:11px} .dm-search .dm-go.on{filter:brightness(1.15)} .dm-type{white-space:pre-wrap} .dm-caret{width:1px;height:14px;background:var(--gold);animation:pa-blink 1s steps(1) infinite} @keyframes pa-blink{50%{opacity:0}} .dm-drop{position:absolute;left:16px;right:16px;top:62px;z-index:5;background:#0d1838;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.4)} .dm-opt{padding:8px 12px;border-bottom:1px solid var(--line)}.dm-opt b{color:#fff;display:block}.dm-opt small{color:var(--muted)} .dm-opt.on{background:rgba(245,179,1,.12)} .dm-card{margin-top:12px;padding:14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03)} .dm-h{color:#fff;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dm-h small{color:var(--muted);font-weight:500} .dm-h2{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:12px 0 6px} .dm-seg{display:flex;gap:6px;margin-bottom:12px}.dm-seg span{padding:5px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted);font-size:11px} .dm-seg span.on{border-color:var(--gold);color:var(--gold);background:rgba(245,179,1,.1)} .dm-brows{display:flex;flex-direction:column;gap:7px} .dm-brow{display:grid;grid-template-columns:130px 1fr 42px;gap:10px;align-items:center;color:var(--ink);font-size:12px} .dm-brow b{color:#fff;text-align:right} .dm-track{height:10px;border-radius:6px;background:rgba(157,175,214,.12);overflow:hidden} .dm-track i{display:block;height:100%;width:0;border-radius:6px;background:var(--gold);transition:width .8s cubic-bezier(.2,.8,.2,1)} .dm-track i.blue{background:#60A5FA}.dm-track i.green{background:#34D399}.dm-track i.red{background:#F87171}.dm-track i.gold{background:#F5B301}.dm-track i.violet{background:#A78BFA} .dm-badge{margin-top:12px;padding:9px 12px;border-radius:10px;background:rgba(245,179,1,.1);border:1px solid rgba(245,179,1,.4);color:var(--ink);font-size:12px}.dm-badge b{color:var(--gold)} .dm-kpis{display:flex;gap:8px;margin-top:10px}.dm-kpis>div{flex:1;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line)} .dm-kpis b{display:block;color:#fff;font-size:17px;font-weight:900}.dm-kpis span{color:var(--muted);font-size:10.5px} .dm-ph{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dm-ph b{color:#fff;font-size:17px}.dm-ph span{color:var(--muted)} .dm-chip{font-style:normal;font-size:10.5px;padding:3px 9px;border-radius:999px;background:rgba(52,211,153,.14);color:#6EE7B7;font-weight:700} .dm-svg{width:100%;height:auto;display:block} .dm-svg .grid{stroke:rgba(157,175,214,.12);stroke-width:1} .dm-path{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} .dm-path.gold{stroke:#F5B301}.dm-path.blue{stroke:#60A5FA}.dm-path.green{stroke:#34D399}.dm-path.violet{stroke:#A78BFA}.dm-path.red{stroke:#F87171}.dm-path.dash{stroke-dasharray:5 5} .dm-svg text{fill:#cbd5f5;font-size:9px}.dm-vline{stroke:#F5B301;stroke-dasharray:3 3} .dm-poly{stroke-width:2;transition:opacity .5s ease,transform .5s ease;transform-origin:80px 72px} .dm-poly.blue{fill:rgba(96,165,250,.18);stroke:#60A5FA}.dm-poly.gold{fill:rgba(245,179,1,.25);stroke:#F5B301} .dm-poly.dm-pop{transform:scale(.4)}.dm-poly.dm-pop.in{transform:none} .dm-two{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center} .dm-sub{color:var(--muted);font-size:11px;margin-bottom:4px} .dm-hist{display:flex;align-items:flex-end;gap:4px;height:70px;padding-bottom:2px;border-bottom:1px solid var(--line)} .dm-hist i{flex:1;height:0;border-radius:3px 3px 0 0;background:#60A5FA;transition:height .6s cubic-bezier(.2,.8,.2,1)} .dm-hist i.hot{background:#F5B301} .dm-stack{display:flex;align-items:flex-end;gap:5px;height:90px;border-bottom:1px solid var(--line)} .dm-stack i{flex:1;height:0;border-radius:3px 3px 0 0;background:linear-gradient(to top,#34D399 0 62%,#F87171 62% 84%,rgba(157,175,214,.5) 84%);transition:height .6s cubic-bezier(.2,.8,.2,1)} .dm-chips{display:flex;flex-wrap:wrap;gap:6px} .dm-chips span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line-strong);color:#fff;font-weight:700;font-size:11.5px} .dm-chips span i{width:8px;height:8px;border-radius:50%} .dm-step{opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .3s ease} .dm-step.in{opacity:1;transform:none} .dm-lead{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)} .dm-lead b{color:#fff;display:flex;align-items:center;gap:6px}.dm-lead b i{width:8px;height:8px;border-radius:50%}.dm-lead em{font-style:normal;color:var(--gold);font-weight:800} .dm-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dm-list span{color:var(--muted);font-size:11px;margin-right:4px}.dm-list b{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:11.5px} .dm-qs{display:flex;flex-wrap:wrap;gap:6px}.dm-qs span{padding:6px 11px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);font-size:11.5px} .dm-qs span.on{background:var(--gold);color:#0e1a3a;border-color:var(--gold);font-weight:800} .dm-ans{margin-top:12px;padding:12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;line-height:1.55;min-height:70px} .dm-term{background:#060c20;border-radius:10px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#c7d2fe;min-height:250px} .dm-term .dm-line{white-space:pre;line-height:1.7}.dm-term .k{color:#93c5fd}.dm-term .v{color:#fcd34d}.dm-term .p{color:#6ee7b7} /* what-ifs */ .pa-whatifs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 18px} .pa-whatifs button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:border-color .2s,transform .2s,background .2s} .pa-whatifs button:hover{border-color:rgba(245,179,1,.5);transform:translateY(-2px)} .pa-whatifs button.on{border-color:var(--gold);background:rgba(245,179,1,.08)} .pa-whatifs b{color:#fff;font-size:.95rem}.pa-whatifs small{color:var(--muted);font-size:.8rem} .pa-flash{animation:pa-flash .9s ease} @keyframes pa-flash{0%{box-shadow:0 0 0 0 rgba(245,179,1,.6)}100%{box-shadow:0 0 0 18px rgba(245,179,1,0)}} /* everything inside */ .pa-inside{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px} .pa-inside-col h3{color:#fff;font-size:1.05rem;margin:0 0 10px} .pa-inside-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:.9rem} .pa-tierchip{flex:0 0 auto;font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:3px 9px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap} .pa-tierchip.free{border-color:rgba(52,211,153,.5);color:#6EE7B7}.pa-tierchip.pro{border-color:rgba(245,179,1,.55);color:var(--gold)}.pa-tierchip.team{border-color:rgba(167,139,250,.6);color:#C4B5FD} /* plans */ .pa-plans-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1240px;margin:26px auto 0} .pa-plan .pa-was{color:var(--muted);font-size:.82rem;margin-top:2px} .pa-plan .pa-plan-note{color:var(--muted);font-size:.8rem;margin-top:10px} .pa-matrix{margin-top:26px} .pa-matrix summary{cursor:pointer;color:var(--gold);font-weight:800;text-align:center;list-style:none} .pa-matrix summary::-webkit-details-marker{display:none} .pa-matrix table td.c,.pa-matrix table th.c{text-align:center;width:110px} .pa-matrix .grp td{color:var(--gold);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;padding-top:18px} .pa-matrix .yes{color:#6EE7B7;font-weight:900}.pa-matrix .no{color:rgba(157,175,214,.35)} .pa-matrix small{color:var(--muted)} .pa-hero-cta{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap} .pa-hero-cta .note{color:var(--muted);font-size:.86rem;align-self:center} @media (max-width:1100px){.pa-plans-4{grid-template-columns:repeat(2,1fr)}.pa-inside{grid-template-columns:1fr 1fr}} @media (max-width:900px){.uc{grid-template-columns:1fr;padding:20px}.uc:nth-child(even) .uc-text{order:0}.pa-whatifs{grid-template-columns:1fr}.pa-inside{grid-template-columns:1fr}} @media (max-width:600px){.pa-plans-4{grid-template-columns:1fr}.dm-brow{grid-template-columns:100px 1fr 36px}} /* Rankings dropdown in the analytics menu */ .pa-subdrop{position:relative} .pa-subdrop summary{list-style:none;cursor:pointer;padding:8px 12px;border-radius:10px;color:var(--ink);font-weight:700;display:inline-flex;align-items:center;gap:6px} .pa-subdrop summary::-webkit-details-marker{display:none} .pa-subdrop summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;opacity:.7} .pa-subdrop.on summary,.pa-subdrop summary:hover{color:#fff;background:rgba(255,255,255,.06)} .pa-subdrop-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:60;width:300px;background:#0d1838;border:1px solid var(--line-strong);border-radius:14px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.5)} .pa-subdrop-menu a{display:block;padding:9px 12px;border-radius:10px;color:var(--ink);text-decoration:none} .pa-subdrop-menu a:hover{background:rgba(245,179,1,.08)} .pa-subdrop-menu b{display:block;font-size:.92rem}.pa-subdrop-menu small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px} /* interactive legends */ .pa-legend-toggle span{cursor:pointer;user-select:none;transition:opacity .2s} .pa-legend-toggle span.off{opacity:.35;text-decoration:line-through} /* difficulty plot */ .pa-diff-card{margin-top:18px} .pa-diff-ctl{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap} .pa-diff-ctl .pa-pills{margin:0 0 6px} .pa-diff-say{color:var(--body);font-size:.95rem;margin:6px 0 4px}.pa-diff-say b{color:#fff}.pa-diff-say em{font-style:normal;color:var(--gold);font-weight:800} .pa-svg .pa-diff-end{fill:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase} .pa-svg .pa-diff-me{fill:#fff;font-size:11px;font-weight:800} .pa-diff-bin{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)} .pa-diff-bin b{color:#fff} .pa-diff-names{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .pa-diff-names a{padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;font-size:.82rem} .pa-diff-names a:hover{border-color:var(--gold)}.pa-diff-names small{color:var(--muted)} .pa-tip-sub{color:var(--muted);font-size:.78rem;margin-top:4px} /* count lists, ranking filters, people and places */ .pa-countlist{display:flex;flex-direction:column;gap:2px} .pa-cl{display:grid;grid-template-columns:minmax(0,1.4fr) 1fr auto;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:.9rem} .pa-cl:last-child{border-bottom:0} .pa-cl-n{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.pa-cl-n a{color:#fff;text-decoration:none;font-weight:700}.pa-cl-n a:hover{color:var(--gold)}.pa-cl-n small{color:var(--muted);margin-left:6px} .pa-cl-bar{height:8px;border-radius:5px;background:rgba(157,175,214,.12);overflow:hidden}.pa-cl-bar i{display:block;height:100%;background:linear-gradient(90deg,#F5B301,#FCD34D);border-radius:5px} .pa-cl-v{color:var(--muted);font-size:.82rem;white-space:nowrap} .pa-rank-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:18px 0 14px} .pa-rank-filters label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800} .pa-rank-filters select{min-width:190px;padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:#0b1636;color:#fff;font:inherit;font-size:.92rem;letter-spacing:0;text-transform:none;font-weight:600} .pa-rank-filters select:focus{outline:none;border-color:var(--gold)} .pa-rk{color:var(--muted);font-weight:800;width:34px} .pa-who{display:flex;flex-direction:column}.pa-who a{color:#fff;font-weight:800;text-decoration:none}.pa-who a:hover{color:var(--gold)}.pa-who small{color:var(--muted)} .pa-grow{font-weight:800}.pa-grow.up{color:#6EE7B7}.pa-grow.down{color:#FCA5A5} .pa-tabs{display:flex;gap:8px;margin:18px 0 6px} .pa-tabs a{padding:8px 16px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem} .pa-tabs a.on{background:var(--gold);color:#0e1a3a;border-color:var(--gold)} .pa-kw-hero .pa-search{max-width:900px} .pa-kw-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} .pa-kw-chips a{padding:7px 14px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;font-size:.88rem} .pa-kw-chips a:hover{border-color:var(--gold);color:var(--gold)} .pa-kw-sum{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;margin:6px 0 0;color:var(--body)}.pa-kw-sum b{color:#fff} .pa-mark{background:rgba(245,179,1,.22);color:#fff;border-radius:3px;padding:0 2px} .pa-kw-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:12px 0} .pa-kw-filters select,.pa-kw-filters input{padding:9px 12px;border-radius:10px;border:1px solid var(--line-strong);background:#0b1636;color:#fff;font:inherit;font-size:.9rem} .pa-kw-filters label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800} .pa-anchor-nav{position:sticky;top:120px;z-index:5;display:flex;gap:6px;flex-wrap:wrap;padding:10px 0;background:linear-gradient(180deg,rgba(13,24,56,.96),rgba(13,24,56,.85));backdrop-filter:blur(6px)} .pa-anchor-nav a{padding:6px 12px;border-radius:999px;color:var(--ink);text-decoration:none;font-size:.86rem;border:1px solid var(--line)} .pa-anchor-nav a:hover{border-color:var(--gold);color:var(--gold)} /* Scrollbars in the site's colours: a slim muted thumb on the panel's own navy, gold under the pointer. Chrome and Firefox read the standard properties; Safari reads the -webkit- rules. */ .pa-ta,.pa-table-wrap,.pa-heat,.pa-viewas-menu,.pa-subdrop-menu{scrollbar-width:thin;scrollbar-color:rgba(157,175,214,.38) transparent} .pa-ta::-webkit-scrollbar,.pa-table-wrap::-webkit-scrollbar,.pa-heat::-webkit-scrollbar,.pa-viewas-menu::-webkit-scrollbar,.pa-subdrop-menu::-webkit-scrollbar{width:12px;height:12px} .pa-ta::-webkit-scrollbar-track,.pa-table-wrap::-webkit-scrollbar-track,.pa-heat::-webkit-scrollbar-track,.pa-viewas-menu::-webkit-scrollbar-track,.pa-subdrop-menu::-webkit-scrollbar-track{background:transparent;margin:10px 0} .pa-ta::-webkit-scrollbar-thumb,.pa-table-wrap::-webkit-scrollbar-thumb,.pa-heat::-webkit-scrollbar-thumb,.pa-viewas-menu::-webkit-scrollbar-thumb,.pa-subdrop-menu::-webkit-scrollbar-thumb{background:rgba(157,175,214,.32);border-radius:999px;border:3px solid transparent;background-clip:padding-box} .pa-ta::-webkit-scrollbar-thumb:hover,.pa-table-wrap::-webkit-scrollbar-thumb:hover,.pa-heat::-webkit-scrollbar-thumb:hover,.pa-viewas-menu::-webkit-scrollbar-thumb:hover,.pa-subdrop-menu::-webkit-scrollbar-thumb:hover{background:rgba(245,179,1,.75);border:3px solid transparent;background-clip:padding-box} .pa-ta::-webkit-scrollbar-corner,.pa-table-wrap::-webkit-scrollbar-corner,.pa-heat::-webkit-scrollbar-corner,.pa-viewas-menu::-webkit-scrollbar-corner,.pa-subdrop-menu::-webkit-scrollbar-corner{background:transparent} /* buttons: a