/* ===== llm-token-cost-calculator: page design, scoped to .pxltc ===== */
.pxltc{
  --ink:#1a1512; --ink-2:#3d352f; --muted:#6f655e; --line:#ece6e1; --line-2:#d9d0c9;
  --paper:#ffffff; --mist:#f7f5f3;
  --volt:#f4531f; --navy:#1a1512; --blue:#c0370b;
  --t-yellow:#fef1ed; --t-blue:#fde7e0; --t-mint:#fef6f4; --t-lilac:#f6ece8; --t-rose:#fdddd2;
  --ok:#f4531f; --mid:#f88f6d; --bad:#b5aaa2;
  --font-head:"Bricolage Grotesque","Figtree",system-ui,sans-serif;
  --font-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
.pxltc *{box-sizing:border-box}
.pxltc{margin:0;font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
.pxltc img,.pxltc svg{max-width:100%}
.pxltc a{color:var(--blue)}
.pxltc strong{font-weight:600}
.pxltc:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}
.pxltc [hidden]{display:none!important}
.pxltc .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pxltc h1,.pxltc h2,.pxltc h3{font-family:var(--font-head);letter-spacing:-.02em;color:var(--ink)}
.pxltc h1{font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.05;font-weight:800;margin:.25em 0 .3em}
.pxltc h2{font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.1;font-weight:800;margin:0 0 .45em}
.pxltc h3{font-size:1.2rem;line-height:1.25;font-weight:800;margin:0 0 .35em}
.pxltc p{margin:0 0 1em}
.pxltc .container{max-width:1120px;margin:0 auto;padding:0 24px}
.pxltc .topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.pxltc .brand img{height:30px;width:auto;display:block}
.pxltc .wordmark{font:800 22px/1 var(--font-head);color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.pxltc .topnav{display:flex;align-items:center;gap:18px}
.pxltc .topnav a{color:var(--ink-2);text-decoration:none;font-weight:500;font-size:15px}
.pxltc .topnav a:hover{color:var(--ink)}
.pxltc .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font:600 15px/1.2 var(--font-body);border:0;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s}
.pxltc .btn-primary{background:var(--ink);color:#fff}
.pxltc .btn-primary:hover{background:#2e2620}
.pxltc .btn-primary:disabled{opacity:.35;cursor:not-allowed}
.pxltc .btn-volt{background:var(--volt);color:var(--ink)}
.pxltc .btn-volt:hover{background:#dc4516}
.pxltc .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line-2)}
.pxltc .btn-ghost:hover{border-color:var(--ink)}
.pxltc .btn-sm{padding:8px 14px;font-size:14px}
.pxltc .btn-link{background:none;border:0;color:var(--blue);font:600 15px/1.2 var(--font-body);cursor:pointer;padding:12px 6px;text-decoration:underline;text-underline-offset:3px}
.pxltc .topnav .btn{color:var(--ink);font-size:14px}
.pxltc .hero{padding:34px 0 72px;text-align:center;background:linear-gradient(180deg,var(--mist) 0,#fff 420px)}
.pxltc .crumbs{font-size:14px;color:var(--muted);display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.pxltc .crumbs a{color:var(--muted);text-decoration:none}
.pxltc .crumbs a:hover{color:var(--ink);text-decoration:underline}
.pxltc .hero .sub{font-size:1.15rem;color:var(--muted);max-width:640px;margin:0 auto}
.pxltc .hero-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.pxltc .hero-pills li{font-size:14px;font-weight:600;border-radius:999px;padding:6px 14px;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.pxltc .tool{max-width:1040px;margin:28px auto 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);text-align:left;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(26,21,18,.05),0 24px 48px -28px rgba(26,21,18,.35)}
.pxltc .tool-left{padding:22px;border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
.pxltc .tool-right{padding:22px;background:var(--mist);min-width:0}
.pxltc .ta-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.pxltc .ta-head label{font-weight:700;font-size:15px}
.pxltc .count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.pxltc #prompt{width:100%;flex:1;min-height:240px;resize:vertical;padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;font:16px/1.55 var(--font-body);color:var(--ink);background:#fdfcfb}
.pxltc #prompt:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue);background:#fff}
.pxltc .ta-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.pxltc .kbd-hint{font-size:13px;color:var(--muted);margin:10px 0 0}
.pxltc #tool,.pxltc .tool-right{scroll-margin-top:72px}
.pxltc kbd{font:600 12px/1 var(--font-body);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:2px 5px;background:#fff}
.pxltc .empty{height:100%;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;gap:4px}
.pxltc .empty h3{margin-top:12px}
.pxltc .empty p{color:var(--muted);font-size:15px;margin:0;max-width:310px}
.pxltc .empty .pending{font-size:13px;font-weight:600;color:var(--muted);margin-top:6px}
.pxltc .ring{width:132px;height:132px;flex:0 0 auto;display:block}
.pxltc .ring .track{fill:none;stroke:#ebe4de;stroke-width:11}
.pxltc .ring .val{fill:none;stroke:var(--ring,#d9d0c9);stroke-width:11;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .7s ease,stroke .3s}
.pxltc .ring text{font-family:var(--font-head);font-weight:800;fill:var(--ink)}
.pxltc .score-top{display:flex;gap:18px;align-items:center}
.pxltc .grade{display:inline-block;font-weight:700;font-size:14px;border-radius:999px;padding:4px 12px;background:var(--g-bg,#fff);color:var(--g-ink,var(--ink))}
.pxltc .verdict{margin:8px 0 2px;font-weight:600;line-height:1.4;font-size:15.5px}
.pxltc .passed{font-size:14px;color:var(--muted);margin:0}
.pxltc .g-excellent{--g-bg:var(--t-mint);--g-ink:#9e2d08;--ring:var(--ok)}
.pxltc .g-good{--g-bg:var(--t-blue);--g-ink:#c0370b;--ring:var(--blue)}
.pxltc .g-decent{--g-bg:var(--t-yellow);--g-ink:#9e2d08;--ring:var(--mid)}
.pxltc .g-needs{--g-bg:#fde4db;--g-ink:#9e2d08;--ring:#f9a98f}
.pxltc .g-poor{--g-bg:var(--t-rose);--g-ink:#9e2d08;--ring:var(--bad)}
.pxltc .rh{font:700 15px/1.3 var(--font-body);letter-spacing:0;margin:22px 0 10px}
.pxltc .breakdown{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pxltc .breakdown li{display:grid;grid-template-columns:132px 1fr 60px;gap:10px;align-items:center;font-size:14px}
.pxltc .breakdown .bar{height:8px;background:#ebe4de;border-radius:99px;overflow:hidden}
.pxltc .breakdown .bar i{display:block;height:100%;width:0;border-radius:99px;transition:width .6s ease}
.pxltc .bar i.full{background:var(--ok)}
.pxltc .bar i.part{background:var(--mid)}
.pxltc .breakdown .bv{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.pxltc .breakdown .bv.zero{color:#9e2d08}
.pxltc .fixes{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14.5px;color:var(--ink-2)}
.pxltc .fixes b{color:var(--ink)}
.pxltc .all-good{font-size:14.5px;color:var(--ink-2);margin:16px 0 0}
.pxltc .after-tool{max-width:1040px;margin:14px auto 0;text-align:left}
.pxltc .gate{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:center;background:var(--volt);border-radius:22px;padding:26px 28px}
.pxltc .gate h3{font-size:1.35rem}
.pxltc .gate p{font-size:15px;margin:0}
.pxltc .gate form{display:grid;gap:10px}
.pxltc .gate label{font-weight:700;font-size:14px}
.pxltc .gate input[type=email]{width:100%;padding:12px 14px;border:1px solid rgba(26,21,18,.25);border-radius:12px;font:inherit;font-size:15px;background:#fff}
.pxltc .gate .fine{font-size:12.5px;color:#1a1512;line-height:1.45;margin:0}
.pxltc .gate .skip{background:none;border:0;padding:0;font:600 14px var(--font-body);color:var(--ink);text-decoration:underline;cursor:pointer;justify-self:start}
.pxltc .gate .err{font-size:13px;font-weight:600;color:#9e2d08;margin:0}
.pxltc .rewrite{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 26px}
.pxltc .rewrite-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.pxltc .rewrite-head h3{margin:0}
.pxltc .rewrite pre{white-space:pre-wrap;font:15px/1.65 var(--font-body);background:var(--mist);border-radius:14px;padding:16px 18px;margin:0 0 10px}
.pxltc .rewrite .note{font-size:13.5px;color:var(--muted);margin:0}
.pxltc .rewrite code{background:var(--t-yellow);padding:1px 5px;border-radius:5px;font-size:.92em}
.pxltc .demo-note{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.pxltc .chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:20px auto 0;max-width:1040px}
.pxltc .chips span{font-size:14px;font-weight:600;color:var(--muted);margin-right:2px}
.pxltc .chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:500 14px/1.2 var(--font-body);color:var(--ink);cursor:pointer}
.pxltc .chip:hover{border-color:var(--ink)}
.pxltc .tips{max-width:1040px;margin:30px auto 0;text-align:left}
.pxltc .tips h2{font-size:1.3rem;text-align:center;margin-bottom:14px}
.pxltc .tips ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pxltc .tips li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:14.5px;color:var(--ink-2);line-height:1.45}
.pxltc .tips li strong{display:block;color:var(--ink);font-size:15px;font-weight:700;margin-bottom:2px}
.pxltc .section{padding:88px 0}
.pxltc .section.tint{background:var(--mist)}
.pxltc .section.flush-top{padding-top:0}
.pxltc .section-head{text-align:center;max-width:780px;margin:0 auto 40px}
.pxltc .section-head p{color:var(--ink-2)}
.pxltc .bg-yellow{background:var(--t-yellow)}
.pxltc .bg-blue{background:var(--t-blue)}
.pxltc .bg-mint{background:var(--t-mint)}
.pxltc .bg-lilac{background:var(--t-lilac)}
.pxltc .bg-rose{background:var(--t-rose)}
.pxltc .feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:48px 0}
.pxltc .feature.first{padding-top:0}
.pxltc .feature.reverse .feature-art{order:-1}
.pxltc .feature-art{border-radius:26px;padding:36px;display:grid;place-items:center;min-height:360px}
.pxltc .feature-copy h2{font-size:clamp(1.7rem,2.8vw,2.2rem)}
.pxltc .feature-copy p{color:var(--ink-2)}
.pxltc .feature-copy .btn{margin-top:6px}
.pxltc .chat{width:min(100%,400px);display:grid;gap:10px}
.pxltc .msg{max-width:88%;border-radius:16px;padding:10px 14px;font-size:14.5px;line-height:1.45}
.pxltc .msg.you{justify-self:end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.pxltc .msg.ai{justify-self:start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;display:grid;gap:7px;width:78%}
.pxltc .msg .line{display:block;height:8px;border-radius:99px;background:#e6ded7}
.pxltc .msg .tag{justify-self:start;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;margin-top:2px}
.pxltc .tag.bad{background:var(--t-rose);color:#9e2d08}
.pxltc .tag.good{background:var(--t-mint);color:#9e2d08}
.pxltc .weights{width:min(100%,430px);background:#fff;border-radius:18px;padding:20px 22px;border:1px solid rgba(26,21,18,.08)}
.pxltc .weights .wt{font-weight:700;font-size:15px;margin:0 0 12px}
.pxltc .w-row{display:grid;grid-template-columns:120px 1fr 26px;gap:10px;align-items:center;font-size:13.5px;margin-bottom:9px;color:var(--ink-2)}
.pxltc .w-row i{display:block;height:10px;border-radius:99px;background:var(--blue);width:var(--w)}
.pxltc .w-row b{text-align:right;color:var(--ink)}
.pxltc .w-total{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-weight:700;font-size:14px}
.pxltc .ba{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pxltc .ba-card{border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}
.pxltc .ba-card h3{margin:0}
.pxltc .ba-card .quote{font:600 1.05rem/1.5 var(--font-body);background:#fff;border-radius:14px;padding:14px 16px;margin:0}
.pxltc .ba-card ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:15px;display:grid;gap:4px}
.pxltc .ba-score{display:flex;align-items:center;gap:14px}
.pxltc .ba-score .ring{width:74px;height:74px}
.pxltc .ba-card .btn{align-self:flex-start;margin-top:auto}
.pxltc .ba-after{margin:24px auto 0;max-width:800px;text-align:center;color:var(--ink-2)}
.pxltc .ptypes{width:min(100%,470px);display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pxltc .ptype{background:#fff;border-radius:14px;padding:12px 14px;border:1px solid rgba(26,21,18,.08)}
.pxltc .ptype b{display:block;font-size:14px;margin-bottom:4px}
.pxltc .ptype span{font-size:14px;color:var(--ink-2);line-height:1.4;display:block}
.pxltc .accent{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;background:var(--volt)}
.pxltc .accent-art{background:var(--navy);display:grid;place-items:center;padding:24px;min-height:360px}
.pxltc .accent-art svg{width:min(100%,440px);height:auto}
.pxltc .accent-body{padding:52px 48px;display:flex;flex-direction:column;justify-content:center}
.pxltc .accent-body h2{font-size:clamp(2rem,3.6vw,2.8rem)}
.pxltc .accent-body p{color:var(--ink);font-size:1.05rem}
.pxltc .accent-body p a{color:var(--ink);font-weight:600}
.pxltc .accent-body .btn{align-self:flex-start}
.pxltc .duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pxltc .card{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;display:flex;flex-direction:column}
.pxltc .card p{color:var(--ink-2)}
.pxltc .card .tag{align-self:flex-start;font-size:13px;font-weight:600;border-radius:999px;padding:4px 12px;margin-bottom:14px}
.pxltc .card .btn{align-self:flex-start;margin-top:auto}
.pxltc .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pxltc .stat{border:1px solid var(--line);border-radius:22px;padding:30px 18px;text-align:center;background:#fff}
.pxltc .stat b{display:block;font:800 clamp(2.4rem,4vw,3.2rem)/1 var(--font-head);letter-spacing:-.03em;margin-bottom:10px}
.pxltc .stat span{font-size:14.5px;color:var(--muted)}
.pxltc .faq{max-width:820px;margin:0 auto}
.pxltc .faq details{border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:10px}
.pxltc .faq summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.pxltc .faq summary::-webkit-details-marker{display:none}
.pxltc .faq summary h3{margin:0;font-size:1.08rem;font-family:var(--font-body);font-weight:700;letter-spacing:0}
.pxltc .faq summary::after{content:"+";font:600 24px/1 var(--font-body);color:var(--ink-2);flex:0 0 auto}
.pxltc .faq details[open] summary::after{content:"\2212"}
.pxltc .faq details[open]{border-color:var(--line-2)}
.pxltc .faq .a{padding:0 22px 18px;color:var(--ink-2)}
.pxltc .faq .a p{margin:0}
.pxltc .worked{max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}
.pxltc .worked h3{text-align:center;margin-bottom:20px}
.pxltc .worked-grid{display:grid;grid-template-columns:1fr 44px 1.7fr;gap:12px;align-items:stretch}
.pxltc .worked-grid .box{border-radius:16px;padding:18px 20px;margin:0}
.pxltc .worked-grid .lbl{font-size:13px;font-weight:700;color:var(--muted);display:block;margin-bottom:6px}
.pxltc .worked-grid .in{font:600 1.1rem/1.4 var(--font-body)}
.pxltc .worked-grid .arrow{display:grid;place-items:center;color:var(--ink)}
.pxltc .worked-grid .arrow svg{width:28px;height:28px}
.pxltc .worked-foot{text-align:center;margin-top:20px}
.pxltc .suite{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pxltc .suite a{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:inherit}
.pxltc .suite a:hover{border-color:var(--ink)}
.pxltc .suite .ico{flex:0 0 38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--ink)}
.pxltc .suite .ico svg{width:20px;height:20px}
.pxltc .suite strong{display:block;font-size:15px;line-height:1.3;font-weight:700;color:var(--ink)}
.pxltc .suite span{display:block;font-size:13.5px;color:var(--muted);line-height:1.4}
.pxltc .final{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;background:var(--volt)}
.pxltc .final-art{background:var(--navy);padding:44px 36px;display:grid;place-items:center}
.pxltc .scorecard{background:#fff;border-radius:20px;padding:22px;width:min(100%,340px);display:grid;gap:14px}
.pxltc .scorecard .top{display:flex;align-items:center;gap:16px}
.pxltc .scorecard .ring{width:96px;height:96px}
.pxltc .scorecard .rows{display:grid;gap:8px}
.pxltc .scorecard .r{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center;font-size:13px;color:var(--ink-2)}
.pxltc .scorecard .r i{display:block;height:7px;border-radius:99px;background:var(--ok)}
.pxltc .final-body{padding:52px 48px;display:flex;flex-direction:column;justify-content:center}
.pxltc .final-body h2{font-size:clamp(2.1rem,3.8vw,3rem)}
.pxltc .final-body p a{color:var(--ink);font-weight:600}
.pxltc .final-body .btn{align-self:flex-start;margin-top:6px}
.pxltc footer{background:var(--mist);border-top:1px solid var(--line);padding:56px 0 28px;font-size:15px}
.pxltc .fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:28px}
.pxltc .fgrid .fh{font:700 14px/1.3 var(--font-body);letter-spacing:0;margin:0 0 12px;color:var(--ink)}
.pxltc .fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pxltc .fgrid a{color:var(--ink-2);text-decoration:none}
.pxltc .fgrid a:hover{color:var(--ink);text-decoration:underline}
.pxltc .fbrand p{color:var(--muted);font-size:14.5px;margin-top:12px;max-width:260px}
.pxltc .fbottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--muted);font-size:14px}
.pxltc @media (max-width:1100px){
  .fgrid{grid-template-columns:1fr 1fr 1fr}
  .fbrand{grid-column:1/-1}
}
@media (max-width:900px){.pxltc .tool{grid-template-columns:1fr}
.pxltc .tool-left{border-right:0;border-bottom:1px solid var(--line)}
.pxltc .gate{grid-template-columns:1fr}
.pxltc .tips ul{grid-template-columns:1fr 1fr}
.pxltc .duo,.pxltc .accent,.pxltc .final,.pxltc .ba{grid-template-columns:1fr}
.pxltc .feature{grid-template-columns:1fr;gap:28px;padding:36px 0}
.pxltc .feature.reverse .feature-art{order:0}
.pxltc .feature-art{min-height:0;padding:28px}
.pxltc .stats{grid-template-columns:1fr 1fr}
.pxltc .suite{grid-template-columns:1fr 1fr}
.pxltc .accent-art,.pxltc .final-art{min-height:0}
.pxltc .accent-body,.pxltc .final-body{padding:36px 28px}
.pxltc .topnav a:not(.btn){display:none}
.pxltc .worked-grid{grid-template-columns:1fr}
.pxltc .worked-grid .arrow svg{transform:rotate(90deg)}
.pxltc .kbd-hint{display:none}}
@media (max-width:600px){.pxltc{font-size:16px}
.pxltc .container{padding:0 16px}
.pxltc .topbar{padding:10px 16px}
.pxltc .section{padding:64px 0}
.pxltc .tips ul,.pxltc .suite{grid-template-columns:1fr}
.pxltc .fgrid{grid-template-columns:1fr 1fr}
.pxltc .breakdown li{grid-template-columns:108px 1fr 54px;font-size:13.5px}
.pxltc .ptypes{grid-template-columns:1fr}
.pxltc .score-top{gap:14px}
.pxltc .score-top .ring{width:108px;height:108px}}
@media (prefers-reduced-motion:reduce){.pxltc{scroll-behavior:auto}
.pxltc .ring .val,.pxltc .breakdown .bar i{transition:none}}
.pxltc .form-h{font:800 1.35rem/1.2 var(--font-head);letter-spacing:-.02em;margin:0 0 4px}
.pxltc .form-sub{color:var(--muted);font-size:14.5px;margin:0 0 16px}
.pxltc .field{margin:0 0 14px;border:0;padding:0;min-width:0}
.pxltc .field>label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.pxltc .field input[type=number],.pxltc .field input[type=text],.pxltc .field input[type=url],.pxltc .field select{width:100%;padding:11px 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--ink)}
.pxltc .field input:focus,.pxltc .field select:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.pxltc .field .hint{font-size:12.5px;color:var(--muted);margin:5px 0 0}
.pxltc .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pxltc .money{position:relative}
.pxltc .money>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;pointer-events:none}
.pxltc .money input{padding-left:26px!important}
.pxltc .range-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.pxltc .range-row output{font:800 1.15rem/1 var(--font-head);font-variant-numeric:tabular-nums}
.pxltc input[type=range]{width:100%;accent-color:var(--ink);margin:6px 0 0}
.pxltc .btn-block{width:100%}
.pxltc .form-note{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.pxltc .kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pxltc .kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.pxltc .kpi .k{font-size:12.5px;font-weight:700;color:var(--muted);display:block}
.pxltc .kpi .v{font:800 1.55rem/1.15 var(--font-head);letter-spacing:-.02em;display:block;margin-top:4px;font-variant-numeric:tabular-nums;color:var(--ink)}
.pxltc .kpi .s{font-size:12.5px;color:var(--muted);display:block}
.pxltc .kpi.big{grid-column:1/-1;background:var(--ink);border-color:var(--ink)}
.pxltc .kpi.big .k,.pxltc .kpi.big .s{color:#d8cfc8}
.pxltc .kpi.big .v{color:var(--volt);font-size:2.3rem}
.pxltc .res-note{font-size:13px;color:var(--muted);margin:12px 0 0}
.pxltc .list-check{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pxltc .list-check li{padding-left:26px;position:relative;color:var(--ink-2)}
.pxltc .list-check li::before{content:"";position:absolute;left:2px;top:.42em;width:13px;height:7px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.pxltc .list-dot li::before{width:8px;height:8px;border:0;border-radius:50%;background:var(--muted);transform:none;top:.62em;left:4px}
.pxltc .tiles4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pxltc .tile4{border-radius:20px;padding:22px}
.pxltc .tile4 p{font-size:15px;color:var(--ink-2);margin:0}
.pxltc .tiles3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pxltc .h2-like{font-size:clamp(1.7rem,2.8vw,2.2rem);line-height:1.12;font-weight:800;margin:0 0 .45em}
.pxltc .center-copy{max-width:780px;margin:0 auto;text-align:center;color:var(--ink-2)}
.pxltc .badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px}
.pxltc .badge.live{background:var(--t-mint);color:#9e2d08}
.pxltc .badge.cat{background:var(--t-yellow);color:#9e2d08}
.pxltc .report{max-width:1040px;margin:14px auto 0;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}
.pxltc .report h3{margin-top:0}
.pxltc .report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.pxltc .report .sub-h{font:700 15px/1.3 var(--font-body);letter-spacing:0;margin:20px 0 8px}
.pxltc .scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 0 6px}
.pxltc .scale span{height:10px;border-radius:99px;background:#ebe4de}
.pxltc .scale span.on{background:var(--blue)}
.pxltc .scale-l{display:grid;grid-template-columns:repeat(4,1fr);font-size:12.5px;color:var(--muted)}
.pxltc .years{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pxltc .quote-box{margin-top:18px;background:var(--mist);border-radius:18px;padding:22px}
.pxltc .quote-box h3{margin:0 0 6px}
.pxltc ol.steps{list-style:none;counter-reset:step;margin:0 0 18px;padding:0}
.pxltc ol.steps li{counter-increment:step;position:relative;padding:12px 0 12px 50px;border-bottom:1px solid var(--line);color:var(--ink-2)}
.pxltc ol.steps li:last-child{border-bottom:0}
.pxltc ol.steps li::before{content:counter(step);position:absolute;left:0;top:10px;width:34px;height:34px;border-radius:50%;background:var(--volt);color:var(--ink);font:800 16px/34px var(--font-head);text-align:center}
.pxltc .demo-shell{width:min(100%,430px)}
.pxltc .demo-ui{background:#fff;border-radius:18px;border:1px solid rgba(26,21,18,.08);box-shadow:0 22px 44px -28px rgba(26,21,18,.5);padding:18px;display:grid;gap:10px;text-align:left}
.pxltc .demo-bar{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.pxltc .demo-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.pxltc .demo-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bad);animation:dblink 1.4s infinite}
@keyframes dblink{50%{opacity:.25}}
.pxltc .demo-toggle{background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;font:600 12.5px/1.2 var(--font-body);color:var(--ink);cursor:pointer}
.pxltc .d-label{font-size:12px;font-weight:700;color:var(--muted);display:block;margin-bottom:4px}
.pxltc .d-field{border:1px solid var(--line-2);border-radius:10px;padding:8px 12px;font-size:14px;min-height:38px;background:#fdfcfb;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.pxltc .d-field.is-focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(244,83,31,.18);background:#fff}
.pxltc .d-field.is-focus .typed::after{content:"";display:inline-block;width:1.5px;height:1em;background:var(--ink);margin-left:1px;vertical-align:-2px;animation:dblink 1s steps(1) infinite}
.pxltc .d-btn{background:var(--ink);color:#fff;border-radius:999px;padding:10px;text-align:center;font-weight:600;font-size:14.5px;transition:transform .15s,background .15s}
.pxltc .d-btn.is-pressed{transform:scale(.95);background:#2e2620}
.pxltc .d-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pxltc .d-kpi{border-radius:12px;padding:10px 12px;background:var(--mist)}
.pxltc .d-kpi b{display:block;font:800 1.2rem/1.2 var(--font-head);font-variant-numeric:tabular-nums}
.pxltc .d-kpi span{font-size:11.5px;font-weight:700;color:var(--muted)}
.pxltc .fade-in{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.pxltc .fade-in.show{opacity:1;transform:none}
.pxltc ol.steps li{transition:color .25s}
.pxltc ol.steps li::before{transition:background .25s,color .25s}
.pxltc ol.steps li.is-on{color:var(--ink)}
.pxltc ol.steps li.is-on::before{background:var(--ink);color:var(--volt)}
@media (max-width:900px){.pxltc .report-grid,.pxltc .years{grid-template-columns:1fr 1fr}
.pxltc .tiles4{grid-template-columns:1fr 1fr}
.pxltc .tiles3{grid-template-columns:1fr}}
@media (max-width:600px){.pxltc .tiles4,.pxltc .row2{grid-template-columns:1fr}
.pxltc .kpis{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.pxltc .demo-live::before{animation:none}
.pxltc .d-field.is-focus .typed::after{display:none}
.pxltc .fade-in{transition:none}}
.pxltc{--brand:#f4531f;--brand-strong:#d63d0c;--brand-deep:#c0370b}
.pxltc a{color:var(--brand-deep)}
.pxltc:focus-visible{outline-color:var(--brand-strong)}
.pxltc .btn-primary{background:var(--brand-strong);color:#fff}
.pxltc .btn-primary:hover{background:#b8330a}
.pxltc .btn-volt,.pxltc .topnav .btn{background:var(--brand-strong);color:#fff}
.pxltc .btn-volt:hover,.pxltc .topnav .btn:hover{background:#b8330a}
.pxltc .accent .btn-primary,.pxltc .final .btn-primary,.pxltc .gate .btn-primary{background:var(--ink);color:#fff}
.pxltc .accent .btn-primary:hover,.pxltc .final .btn-primary:hover,.pxltc .gate .btn-primary:hover{background:#2e2620}
.pxltc .demo-live::before{background:var(--brand)}
.pxltc .d-btn{background:var(--brand-strong)}
.pxltc .d-btn.is-pressed{background:#b8330a}
.pxltc input[type=range],.pxltc .toggle input{accent-color:var(--brand-strong)}
.pxltc .d-track i{background:var(--brand-strong)}
.pxltc .d-thumb{border-color:var(--brand-strong)}
.pxltc .rail a.tool-link[aria-current="page"]{background:var(--t-yellow)}
.pxltc .plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.pxltc .plan{border-radius:18px;padding:20px}
.pxltc .plan h4{font:800 1.1rem/1.25 var(--font-head);margin:0 0 4px}
.pxltc .plan p{font-size:13.5px;color:var(--ink-2);margin:0 0 10px}
.pxltc .plan ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14.5px}
.pxltc .scan{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pxltc .scan-head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:6px}
.pxltc .scan-list{list-style:none;margin:0;padding:0;max-height:176px;overflow:hidden;display:grid;gap:4px;align-content:start}
.pxltc .scan-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;padding:5px 8px;border-radius:8px;background:var(--mist);animation:rowin .3s ease}
.pxltc .scan-list li code{font:600 12.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink)}
.pxltc .scan-list li.gap{background:var(--t-yellow)}
.pxltc .scan-list .t{font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px}
.pxltc .scan-list .t.m{background:#ebe4de;color:var(--muted)}
.pxltc .scan-list .t.g{background:var(--ink);color:var(--volt)}
@keyframes rowin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.pxltc .d-kpi.d-dark{background:var(--ink)}
.pxltc .d-kpi.d-dark span{color:#d8cfc8}
.pxltc .d-kpi.d-dark b{color:var(--volt);font-size:1.6rem}
.pxltc .serp{width:min(100%,400px);background:#fff;border-radius:18px;padding:16px;display:grid;gap:10px;border:1px solid rgba(26,21,18,.08)}
.pxltc .serp-q{border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}
.pxltc .serp-r{border-radius:12px;padding:10px 12px;background:var(--mist)}
.pxltc .serp-r small{display:block;font-size:12px;color:var(--muted)}
.pxltc .serp-r b{display:block;font-size:15px;color:#c0370b}
.pxltc .serp-r span{font-size:13px;color:var(--ink-2)}
.pxltc .serp-r.win{background:var(--t-yellow)}
.pxltc .serp-r.ghost{background:transparent;border:2px dashed var(--line-2)}
.pxltc .serp-r.ghost b{color:var(--muted)}
.pxltc .get-tiles{list-style:none;margin:0 auto;padding:0;max-width:1100px}
.pxltc .get-tiles li{font-size:15px;color:var(--ink-2);line-height:1.5}
.pxltc .get-tiles li strong{display:block;font:800 1.15rem/1.25 var(--font-head);color:var(--ink);margin-bottom:6px}
.pxltc .found{background:#fff;border-radius:20px;padding:22px;width:min(100%,360px);display:grid;gap:8px}
.pxltc .found-n{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ink-2)}
.pxltc .found-n b{font:800 2.4rem/1 var(--font-head);color:var(--ink);margin-right:6px}
.pxltc .found-r{background:var(--t-yellow);border-radius:10px;padding:10px 12px;font-weight:600;font-size:14.5px}
.pxltc .found-r.more{background:var(--mist);color:var(--ink-2);font-weight:500}
.pxltc .order{width:min(100%,400px);display:grid;gap:10px}
.pxltc .order div{background:#fff;border-radius:14px;padding:12px 14px 12px 56px;position:relative;border:1px solid rgba(26,21,18,.08)}
.pxltc .order span{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--volt);font:800 15px/30px var(--font-head);text-align:center}
.pxltc .order b{display:block;font-size:15px}
.pxltc .order small{font-size:13px;color:var(--muted)}
@media (max-width:900px){.pxltc .plan-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pxltc .scan-list li{animation:none}}
.pxltc .roadmap{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:14px}
.pxltc .rm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 20px;flex-wrap:wrap;margin-bottom:14px}
.pxltc .rm-head h3{margin:0 0 4px}
.pxltc .rm-head p{margin:0;font-size:14px;color:var(--muted);max-width:560px}
.pxltc .rm-key{display:flex;flex-wrap:wrap;gap:6px}
.pxltc .rm-key span{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}
.pxltc .k-page,.pxltc .it-page{background:#d63d0c;color:#fff}
.pxltc .k-faq,.pxltc .it-faq{background:var(--t-rose);color:var(--ink)}
.pxltc .k-link,.pxltc .it-link{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--volt)}
.pxltc .k-blog,.pxltc .it-blog{background:var(--ink);color:#fff}
.pxltc .rm-scroll{overflow-x:auto;padding-bottom:6px}
.pxltc .rm-grid{display:grid;grid-template-columns:repeat(12,minmax(118px,1fr));gap:8px;min-width:1100px}
.pxltc .rm-month{grid-row:1;font:800 13px/1 var(--font-head);color:var(--ink);padding:6px 8px;border-radius:8px;background:var(--mist)}
.pxltc .rm-week{grid-row:2;font-size:11.5px;font-weight:700;color:var(--muted);padding:0 2px}
.pxltc .rm-col{grid-row:3;display:grid;gap:6px;align-content:start;min-height:90px;border-left:1px dashed var(--line-2);padding-left:6px}
.pxltc .rm-it{border-radius:10px;padding:8px 9px;font-size:12.5px;font-weight:600;line-height:1.3;opacity:0;transform:translateY(8px);animation:rmin .45s ease forwards;animation-delay:var(--d)}
.pxltc .rm-it small{display:block;font-size:10.5px;font-weight:700;opacity:.8;margin-bottom:2px;text-transform:none}
.pxltc .rm-it.locked{color:transparent!important;text-shadow:0 0 8px rgba(26,21,18,.45);user-select:none}
.pxltc .rm-it.locked small{text-shadow:none;color:var(--ink)}
.pxltc .rm-it.it-page.locked small,.pxltc .rm-it.it-blog.locked small{color:#fff}
.pxltc .rm-it.it-page.locked,.pxltc .rm-it.it-blog.locked{text-shadow:0 0 8px rgba(255,255,255,.7)}
@keyframes rmin{to{opacity:1;transform:none}}
.pxltc .rm-lock{margin:10px 0 0;font-size:13px;font-weight:700;color:var(--blue)}
@media (prefers-reduced-motion:reduce){.pxltc .rm-it{animation:none;opacity:1;transform:none}}
.pxltc .section{content-visibility:auto;contain-intrinsic-size:auto 640px}
.pxltc .hero,.pxltc #tool{content-visibility:visible}
.pxltc #gNum,.pxltc #gCount,.pxltc .scorecard text,.pxltc .d-kpi b{font-variant-numeric:tabular-nums}
.pxltc .ring .val{transition:stroke-dashoffset 1.5s cubic-bezier(.16,.84,.3,1),stroke .4s}
@media (prefers-reduced-motion: no-preference){.pxltc.js-on .rv{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .95s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--rd,0) * 1ms)}
.pxltc .rv.is-in{opacity:1;transform:none}
.pxltc.js-on .rv-zoom{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .95s ease,transform 1.15s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--rd,0) * 1ms)}
.pxltc .rv-zoom.is-in{opacity:1;transform:none}
.pxltc .pxstep{opacity:0;transform:translateY(8px);animation:pxstep .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes pxstep{to{opacity:1;transform:none}}
.pxltc .scorecard .rows .r i{transition:width 1.1s cubic-bezier(.16,.84,.3,1)}
.pxltc .suite > a{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.pxltc .suite > a:hover{transform:translateY(-3px)}
.pxltc .btn.is-busy{pointer-events:none;opacity:.75}
.pxltc .btn.is-busy::after{content:"";width:14px;height:14px;margin-left:10px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;display:inline-block;animation:pxspin .7s linear infinite;vertical-align:-2px}
@keyframes pxspin{to{transform:rotate(360deg)}}}
.pxltc .tool-right #gapTop,.pxltc .tool-right .verdict,.pxltc .tool-right .rh,.pxltc .tool-right .fixes{transition:opacity .45s ease,filter .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.pxltc .tool-right.pxrunning #gapTop,.pxltc .tool-right.pxrunning .verdict,.pxltc .tool-right.pxrunning .rh,.pxltc .tool-right.pxrunning .fixes{opacity:.22;filter:blur(1.5px)}
.pxltc .tool-right.pxdone #gapTop,.pxltc .tool-right.pxdone .verdict,.pxltc .tool-right.pxdone .rh,.pxltc .tool-right.pxdone .fixes{animation:pxdone .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes pxdone{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.pxltc .tool-right.pxrunning #gapTop,.pxltc .tool-right.pxrunning .verdict,.pxltc .tool-right.pxrunning .rh,.pxltc .tool-right.pxrunning .fixes{opacity:1;filter:none}
.pxltc .tool-right.pxdone #gapTop,.pxltc .tool-right.pxdone .verdict,.pxltc .tool-right.pxdone .rh,.pxltc .tool-right.pxdone .fixes{animation:none}}
.pxltc .pxscan{border:1px solid var(--line);border-radius:16px;background:var(--mist);padding:16px 18px;margin:0 0 4px}
.pxltc .pxscan[hidden]{display:none}
.pxltc .pxscan-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;color:var(--ink)}
.pxltc .pxscan-pct{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}
.pxltc .pxscan-bar{height:7px;border-radius:999px;background:#ebe4de;overflow:hidden;margin:10px 0 12px}
.pxltc .pxscan-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--volt);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.pxltc .pxscan-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px;color:var(--ink-2)}
.pxltc .pxscan-list li{display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(6px);animation:pxstep .4s cubic-bezier(.2,.8,.2,1) forwards}
.pxltc .pxscan-list li b{width:16px;height:16px;flex:0 0 auto;border-radius:50%;border:2px solid var(--line-2);display:inline-block}
.pxltc .pxscan-list li.done b{border-color:transparent;background:var(--volt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
@media (prefers-reduced-motion: reduce){.pxltc .pxscan-list li{opacity:1;transform:none;animation:none}
.pxltc .pxscan-bar i{transition:none}}
.pxltc{
  /* soft black instead of near-black */
  --ink:#241f1b; --ink-2:#4a403a; --muted:#736861;
  --line:#f3e8e1; --line-2:#e7d9cf;
  --paper:#ffffff; --mist:#fff8f4;

  /* orange scale: light for surfaces, deeper only for text and buttons */
  --volt:#ff7a3d; --brand:#f4531f; --brand-strong:#d94a12; --brand-deep:#b8420e;
  --blue:#c0370b; --navy:#fff1e8;

  /* surface tints, all light orange */
  --t-yellow:#fff4ee; --t-blue:#ffeadf; --t-mint:#fff8f4; --t-lilac:#fdeee7; --t-rose:#fce0d3;
  --ok:#ff7a3d; --mid:#ffa477; --bad:#d9c9bf;
}
.pxltc{background:#fff}
.pxltc .hero{background:linear-gradient(180deg,#fff5ef 0,#fff 440px)}
.pxltc .section.tint{background:#fff8f4}
.pxltc .accent,.pxltc .final{background:#fff2ea;border:1px solid #f8ded0}
.pxltc .accent-art,.pxltc .final-art{background:#fde8dc}
.pxltc .accent-body h2,.pxltc .final-body h2{color:var(--ink)}
.pxltc .accent-body p,.pxltc .final-body p,.pxltc .accent-body p a,.pxltc .final-body p a{color:var(--ink-2)}
.pxltc .accent .btn-primary,.pxltc .final .btn-primary,.pxltc .gate .btn-primary{background:var(--ink);color:#fff}
.pxltc .accent .btn-primary:hover,.pxltc .final .btn-primary:hover,.pxltc .gate .btn-primary:hover{background:#3a312b}
.pxltc .scorecard,.pxltc .found,.pxltc .serp,.pxltc .order div{box-shadow:0 1px 2px rgba(36,31,27,.05),0 18px 40px -26px rgba(36,31,27,.28)}
.pxltc .scorecard,.pxltc .found{border:1px solid #f6e2d6}
.pxltc .gate{background:#fff2ea;border:1px solid #f8ded0}
.pxltc .gate .fine{color:var(--ink-2)}
.pxltc .g-good{--g-bg:#ffeadf;--g-ink:#b8420e;--ring:#ef5a1c}
.pxltc .g-excellent{--g-bg:#fff4ee;--g-ink:#b8420e;--ring:#ef5a1c}
.pxltc .g-decent{--g-bg:#fff4ee;--g-ink:#b8420e;--ring:#ff9560}
.pxltc .scorecard .r i{background:#ef5a1c}
.pxltc .scorecard .grade{background:#ffeadf;color:#b8420e}
.pxltc .kpi.big{background:var(--ink);border-color:var(--ink)}
.pxltc .kpi.big .k,.pxltc .kpi.big .s{color:#ddd2ca}
.pxltc .kpi.big .v,.pxltc .d-kpi.d-dark b{color:#ff9560}
.pxltc .d-kpi.d-dark{background:var(--ink)}
.pxltc .d-kpi.d-dark span{color:#ddd2ca}
.pxltc .k-blog,.pxltc .it-blog{background:var(--ink);color:#fff}
.pxltc .k-page,.pxltc .it-page{background:#e05c1e;color:#fff}
.pxltc .k-faq,.pxltc .it-faq{background:#fce0d3;color:var(--ink)}
.pxltc .k-link,.pxltc .it-link{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #f4823f}
.pxltc .scan-list .t.g{background:var(--ink);color:#ff9560}
.pxltc .order span{background:var(--ink);color:#ff9560}
.pxltc .msg.you{background:var(--ink);color:#fff}
.pxltc .d-btn{background:var(--brand-strong);color:#fff}
.pxltc .btn-primary{background:var(--brand-strong);color:#fff}
.pxltc .btn-primary:hover{background:#b8420e}
.pxltc .btn-volt{background:var(--brand-strong);color:#fff}
.pxltc .btn-volt:hover{background:#b8420e}
.pxltc .btn-ghost{background:#fff;border-color:#e7d9cf}
.pxltc .btn-ghost:hover{border-color:var(--ink)}
.pxltc .pxscan{background:#fff8f4;border-color:#f3e8e1}
.pxltc .pxscan-bar{background:#f7e4da}
.pxltc .pxscan-bar i{background:#ef5a1c}
.pxltc .pxscan-list li b{border-color:#e7d9cf}
.pxltc .pxscan-list li.done b{background-color:#ef5a1c}
.pxltc{
  --ink:#3a2a21; --ink-2:#5c4a3f; --muted:#86746a;
  --line:#fbe7da; --line-2:#f5d5c1;
  --paper:#ffffff; --mist:#fff8f2;
  --volt:#ffa162; --brand:#ffa162; --brand-strong:#ffa162; --brand-deep:#b8520f;
  --blue:#b8520f; --navy:#ffe9d8;
  --t-yellow:#fff3e8; --t-blue:#ffe9d8; --t-mint:#fff8f2; --t-lilac:#fff0e4; --t-rose:#ffe2cc;
  --ok:#fb8c45; --mid:#ffbb8a; --bad:#eed8ca;
  --btn:#ffa162; --btn-hover:#ff8d45; --btn-ink:#3a2a21;
}
.pxltc a{color:#b8520f}
.pxltc:focus-visible{outline-color:#f07a2c}
.pxltc .hero{background:linear-gradient(180deg,#fff1e4 0,#fff 460px)}
.pxltc .section.tint,.pxltc footer{background:#fff8f2}
.pxltc .topbar{border-bottom-color:#fbe7da}
.pxltc .btn-primary,.pxltc .btn-volt,.pxltc .topnav .btn,.pxltc .d-btn,.pxltc .accent .btn-primary,.pxltc .final .btn-primary,.pxltc .gate .btn-primary{background:var(--btn);color:var(--btn-ink)}
.pxltc .btn-primary:hover,.pxltc .btn-volt:hover,.pxltc .topnav .btn:hover,.pxltc .accent .btn-primary:hover,.pxltc .final .btn-primary:hover,.pxltc .gate .btn-primary:hover{background:var(--btn-hover)}
.pxltc .d-btn.is-pressed{background:var(--btn-hover)}
.pxltc .btn-ghost{background:#fff;border-color:#f5d5c1}
.pxltc .btn-ghost:hover{border-color:#ffa162;background:#fff8f2}
.pxltc .chip:hover,.pxltc .suite a:hover{border-color:#ffa162}
.pxltc .accent,.pxltc .final,.pxltc .gate{background:#fff3e8;border:1px solid #fbe0cc}
.pxltc .accent-art,.pxltc .final-art{background:#ffe9d8}
.pxltc .feature-art{background-color:#fff3e8}
.pxltc .kpi.big,.pxltc .d-kpi.d-dark{background:#ffe9d8;border-color:#fbd9bf}
.pxltc .kpi.big .k,.pxltc .kpi.big .s,.pxltc .d-kpi.d-dark span{color:var(--ink-2)}
.pxltc .kpi.big .v,.pxltc .d-kpi.d-dark b{color:#b8520f}
.pxltc .scan-list .t.g{background:#ffd3b3;color:var(--ink)}
.pxltc .order span{background:#ffc497;color:var(--ink)}
.pxltc .msg.you{background:#ffe0c8;color:var(--ink)}
.pxltc ol.steps li::before{background:#ffe0c8;color:var(--ink)}
.pxltc ol.steps li.is-on::before{background:#ffa162;color:var(--ink)}
.pxltc .k-page,.pxltc .it-page{background:#ffb27d;color:var(--ink)}
.pxltc .k-blog,.pxltc .it-blog{background:#ffd3b3;color:var(--ink)}
.pxltc .k-faq,.pxltc .it-faq{background:#ffede0;color:var(--ink)}
.pxltc .k-link,.pxltc .it-link{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #ffa162}
.pxltc .rm-it.it-page.locked small,.pxltc .rm-it.it-blog.locked small{color:var(--ink)}
.pxltc .rm-it.it-page.locked,.pxltc .rm-it.it-blog.locked{text-shadow:0 0 8px rgba(58,42,33,.45)}
.pxltc .ring .track,.pxltc .breakdown .bar,.pxltc .scale span,.pxltc .pxscan-bar{background:#fbe7da;stroke:#fbe7da}
.pxltc .g-excellent,.pxltc .g-good{--g-bg:#ffe9d8;--g-ink:#b8520f;--ring:#fb8c45}
.pxltc .g-decent{--g-bg:#fff3e8;--g-ink:#b8520f;--ring:#ffb27d}
.pxltc .g-needs{--g-bg:#ffede0;--g-ink:#b8520f;--ring:#ffc9a3}
.pxltc .g-poor{--g-bg:#ffe2cc;--g-ink:#b8520f;--ring:#eed8ca}
.pxltc .scorecard .r i,.pxltc .pxscan-bar i,.pxltc .w-row i,.pxltc .scale span.on{background:#fb8c45}
.pxltc .scorecard .grade{background:#ffe9d8;color:#b8520f}
.pxltc .pxscan{background:#fff8f2;border-color:#fbe7da}
.pxltc .pxscan-list li.done b{background-color:#fb8c45}
.pxltc .tag.bad,.pxltc .tag.good,.pxltc .badge.live,.pxltc .badge.cat{color:#b8520f}
.pxltc .breakdown .bv.zero,.pxltc .gate .err,.pxltc .serp-r b{color:#b8520f}
.pxltc .scorecard,.pxltc .found{border-color:#fbe0cc}
.pxltc .scorecard,.pxltc .found,.pxltc .serp,.pxltc .order div{box-shadow:0 1px 2px rgba(58,42,33,.04),0 18px 40px -28px rgba(58,42,33,.22)}
.pxltc .tool{box-shadow:0 1px 2px rgba(58,42,33,.04),0 24px 48px -30px rgba(58,42,33,.25)}
.pxltc{
  --brand:#eb600e; --brand-hover:#d4560c;
  --volt:#eb600e; --brand-strong:#eb600e; --brand-deep:#eb600e; --blue:#eb600e;
  --ok:#eb600e; --mid:#f39a63; --bad:#f2d9c9;
  --navy:#fde9dc;
  --t-yellow:#fef3ec; --t-blue:#fde9dc; --t-mint:#fff8f4; --t-lilac:#fdf0e7; --t-rose:#fbdcc8;
  --line:#f8e6da; --line-2:#f1d3bf; --mist:#fff8f4;
  --btn:#eb600e; --btn-hover:#d4560c; --btn-ink:#ffffff;
}
.pxltc a{color:#eb600e}
.pxltc:focus-visible{outline-color:#eb600e}
.pxltc .hero{background:linear-gradient(180deg,#fef1e8 0,#fff 460px)}
.pxltc .section.tint,.pxltc footer{background:#fff8f4}
.pxltc .btn-primary,.pxltc .btn-volt,.pxltc .topnav .btn,.pxltc .d-btn,.pxltc .accent .btn-primary,.pxltc .final .btn-primary,.pxltc .gate .btn-primary{background:#eb600e;color:#fff}
.pxltc .btn-primary:hover,.pxltc .btn-volt:hover,.pxltc .topnav .btn:hover,.pxltc .accent .btn-primary:hover,.pxltc .final .btn-primary:hover,.pxltc .gate .btn-primary:hover,.pxltc .d-btn.is-pressed{background:#d4560c}
.pxltc .btn-ghost:hover,.pxltc .chip:hover,.pxltc .suite a:hover{border-color:#eb600e}
.pxltc .btn-link{color:#eb600e}
.pxltc .accent,.pxltc .final,.pxltc .gate{background:#fef3ec;border-color:#f8e0d0}
.pxltc .accent-art,.pxltc .final-art{background:#fde9dc}
.pxltc .kpi.big .v,.pxltc .d-kpi.d-dark b{color:#eb600e}
.pxltc .kpi.big,.pxltc .d-kpi.d-dark{background:#fde9dc;border-color:#f8d6c0}
.pxltc .scan-list .t.g,.pxltc .order span,.pxltc ol.steps li.is-on::before{background:#eb600e;color:#fff}
.pxltc ol.steps li::before{background:#fde9dc;color:#eb600e}
.pxltc .msg.you{background:#fde9dc}
.pxltc .k-page,.pxltc .it-page{background:#eb600e;color:#fff}
.pxltc .k-blog,.pxltc .it-blog{background:#fbdcc8;color:var(--ink)}
.pxltc .k-link,.pxltc .it-link{box-shadow:inset 0 0 0 1.5px #eb600e}
.pxltc .rm-it.it-page.locked small{color:#fff}
.pxltc .rm-lock{color:#eb600e}
.pxltc .g-excellent,.pxltc .g-good,.pxltc .g-decent,.pxltc .g-needs,.pxltc .g-poor{--g-ink:#eb600e}
.pxltc .g-excellent,.pxltc .g-good{--g-bg:#fde9dc;--ring:#eb600e}
.pxltc .g-decent{--g-bg:#fef3ec;--ring:#f39a63}
.pxltc .g-needs{--ring:#f7b891}
.pxltc .scorecard .r i,.pxltc .pxscan-bar i,.pxltc .w-row i,.pxltc .scale span.on,.pxltc .bar i.full{background:#eb600e}
.pxltc .bar i.part{background:#f39a63}
.pxltc .scorecard .grade{background:#fde9dc;color:#eb600e}
.pxltc .pxscan-list li.done b{background-color:#eb600e}
.pxltc .tag.bad,.pxltc .tag.good,.pxltc .badge.live,.pxltc .badge.cat,.pxltc .breakdown .bv.zero,.pxltc .gate .err,.pxltc .serp-r b{color:#eb600e}
.pxltc .k-faq,.pxltc .it-faq{background:#fef0e6}
.pxltc .bx{max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 1px 2px rgba(58,42,33,.04),0 24px 48px -30px rgba(58,42,33,.22)}
.pxltc .bx-steps{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pxltc .bx-steps li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--mist);font-size:14px;font-weight:600;color:var(--muted);transition:background .3s,color .3s}
.pxltc .bx-steps b{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid var(--line-2);font:800 13px/1 var(--font-head);color:var(--muted);transition:background .3s,border-color .3s,color .3s}
.pxltc .bx-steps li.on{background:#fde9dc;color:var(--ink)}
.pxltc .bx-steps li.on b{background:#eb600e;border-color:#eb600e;color:#fff}
.pxltc .bx-steps li.done{color:var(--ink-2)}
.pxltc .bx-steps li.done b{background:#fde9dc;border-color:#fde9dc;color:#eb600e}
.pxltc .bx-stage{display:grid;grid-template-columns:1fr 132px 1fr;gap:14px;align-items:start}
.pxltc .bx-panel{border:1px solid var(--line);border-radius:18px;padding:14px;min-height:430px;background:#fff;transition:border-color .4s,box-shadow .4s}
.pxltc .bx-panel.lit{border-color:#f4b58c;box-shadow:0 0 0 4px #fef1e8}
.pxltc .bx-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pxltc .bx-head strong{font:800 1.05rem/1.2 var(--font-head)}
.pxltc .bx-state{font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 10px;background:#fde9dc;color:#eb600e;transition:background .3s,color .3s}
.pxltc .bx-state.muted{background:var(--mist);color:var(--muted)}
.pxltc .bx-state.after{background:#eb600e;color:#fff}
.pxltc .bx-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.pxltc .bx-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--mist);font-size:14px;border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.pxltc .bx-list li span{display:block;min-width:0}
.pxltc .bx-list li small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxltc .bx-list li i{font-style:normal;flex:0 0 auto;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}
.pxltc .bx-list li i.show{opacity:1;transform:none}
.pxltc .bx-list li i.have{background:#fff;color:var(--muted);border:1px solid var(--line-2)}
.pxltc .bx-list li i.miss{background:#eb600e;color:#fff}
.pxltc .bx-list li.scan{border-color:#eb600e;background:#fff}
.pxltc .bx-list li.match{background:#fff}
.pxltc .bx-list li.gap{background:#fef1e8;border-color:#f7c8a8}
.pxltc .bx-list li.new{background:#fff;border:1.5px dashed #eb600e}
.pxltc .bx-list li.new i{background:#fde9dc;color:#eb600e}
.pxltc .bx-in{animation:bxin .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes bxin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pxltc .bx-mid{display:grid;place-items:center;align-self:center}
.pxltc .bx-gauge{width:124px;height:124px;border-radius:50%;background:#fef1e8;display:grid;place-content:center;text-align:center;border:2px solid #fde0cc}
.pxltc .bx-gauge b{font:800 2.6rem/1 var(--font-head);color:#eb600e;font-variant-numeric:tabular-nums}
.pxltc .bx-gauge span{font-size:12.5px;font-weight:700;color:var(--ink-2)}
.pxltc .bx-gauge.pop{animation:bxpop .45s cubic-bezier(.2,.8,.2,1)}
@keyframes bxpop{50%{transform:scale(1.08)}}
.pxltc .bx-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.pxltc .bx-status{margin:0;font-size:14.5px;font-weight:600;color:var(--ink)}
.pxltc .bx-note{max-width:1040px;margin:10px auto 0;text-align:center;font-size:13px;color:var(--muted)}
@media (max-width:900px){.pxltc .bx-steps{grid-template-columns:1fr 1fr}
.pxltc .bx-stage{grid-template-columns:1fr}
.pxltc .bx-mid{order:3}
.pxltc .bx-panel{min-height:0}
.pxltc #bxYou{order:4}}
@media (max-width:600px){.pxltc .bx{padding:14px}
.pxltc .bx-steps li{font-size:13px;padding:8px}}
@media (prefers-reduced-motion:reduce){.pxltc .bx-in,.pxltc .bx-gauge.pop{animation:none}
.pxltc .bx-list li i{transition:none}}
.pxltc .kicker{font-size:14px;font-weight:700;color:#eb600e;margin:14px 0 0}
.pxltc .section-head .kicker{margin:0 0 6px}
.pxltc .feature-copy h3,.pxltc .h2-like{font-family:var(--font-head);font-size:clamp(1.7rem,2.8vw,2.2rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:0 0 .45em}
.pxltc .rn-tool .field input{width:100%;padding:11px 12px;border:1px solid var(--line-2);border-radius:10px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.pxltc .rn-tool .field input:focus{outline:2px solid #eb600e;outline-offset:0;border-color:#eb600e}
.pxltc .rn-switches{display:grid;gap:10px;margin:2px 0 14px}
.pxltc .rn-switch{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;cursor:pointer;position:relative}
.pxltc .rn-switch input{position:absolute;opacity:0;width:44px;height:26px;margin:0;cursor:pointer}
.pxltc .rn-knob{flex:0 0 44px;height:26px;border-radius:999px;background:#eadcd2;position:relative;transition:background .2s}
.pxltc .rn-knob::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(58,42,33,.25);transition:transform .2s}
.pxltc .rn-switch input:checked+.rn-knob,.pxltc .rn-knob.on{background:#eb600e}
.pxltc .rn-switch input:checked+.rn-knob::after,.pxltc .rn-knob.on::after{transform:translateX(18px)}
.pxltc .rn-switch input:focus-visible+.rn-knob{outline:3px solid #eb600e;outline-offset:2px}
.pxltc .rn-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}
.pxltc .rn-presets span{font-size:13px;font-weight:700;color:var(--muted);margin-right:4px}
.pxltc .rn-presets .chip{padding:5px 12px;font-size:13px}
.pxltc .rn-presets .chip.on{border-color:#eb600e;background:#fef1e8;color:#b8520f}
.pxltc .rn-err{color:#c2410c;font-weight:600;font-size:14px;margin:8px 0 0}
.pxltc .rn-out{display:flex;flex-direction:column}
.pxltc .rn-empty{flex:1;min-height:300px;display:grid;place-content:center;text-align:center;gap:14px;color:var(--muted)}
.pxltc .rn-empty p{margin:0;font-size:15px}
.pxltc .rn-dice{width:76px;height:76px;margin:0 auto;border-radius:18px;background:#fff;border:2px solid #f8d6c0;position:relative}
.pxltc .rn-dice span{position:absolute;width:12px;height:12px;border-radius:50%;background:#eb600e}
.pxltc .rn-dice span:nth-child(1){top:12px;left:12px}
.pxltc .rn-dice span:nth-child(2){top:12px;right:12px}
.pxltc .rn-dice span:nth-child(3){top:30px;left:30px}
.pxltc .rn-dice span:nth-child(4){bottom:12px;left:12px}
.pxltc .rn-dice span:nth-child(5){bottom:12px;right:12px}
.pxltc .rn-result{flex:1;display:flex;flex-direction:column}
.pxltc .rn-meta{font-size:14px;font-weight:600;color:var(--ink-2);margin:0 0 12px}
.pxltc .rn-big{flex:1;min-height:240px;display:grid;place-items:center;font:800 clamp(3.4rem,9vw,6rem)/1 var(--font-head);letter-spacing:-.03em;color:#eb600e;font-variant-numeric:tabular-nums;background:#fff;border:1px solid var(--line);border-radius:18px;word-break:break-all;text-align:center;padding:10px}
.pxltc .rn-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px;align-content:flex-start;max-height:320px;overflow:auto}
.pxltc .rn-chips li{min-width:52px;text-align:center;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font:700 16px/1.2 var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink)}
.pxltc .rn-chips li.rolling{color:#eb600e}
.pxltc .rn-chips li.land{animation:rnland .35s cubic-bezier(.2,.8,.2,1)}
.pxltc .rn-chips li.dup{background:#fde9dc;border-color:#eb600e;color:#b8520f}
.pxltc .rn-chips li.gone{opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s}
.pxltc .rn-chips.small li{min-width:40px;padding:5px 8px;font-size:13.5px}
@keyframes rnland{0%{transform:scale(.85)}60%{transform:scale(1.06)}100%{transform:none}}
.pxltc .rn-copied{font-size:13.5px;font-weight:700;color:#eb600e;margin:10px 0 0}
.pxltc .bias{width:min(100%,420px);background:#fff;border-radius:18px;padding:18px;border:1px solid rgba(58,42,33,.08)}
.pxltc .bias-tabs{display:flex;gap:6px;margin-bottom:16px}
.pxltc .bias-tabs span{font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 11px;background:var(--mist);color:var(--muted);transition:background .3s,color .3s}
.pxltc .bias-tabs span.on{background:#eb600e;color:#fff}
.pxltc .bias-bars{height:170px;display:grid;grid-template-columns:repeat(10,1fr);gap:6px;align-items:end}
.pxltc .bias-bars i{display:block;border-radius:6px 6px 2px 2px;background:#f7b891;height:4%;transition:height .8s cubic-bezier(.2,.8,.2,1),background .4s}
.pxltc .bias-bars i.peak{background:#eb600e}
.pxltc .bias-axis{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;text-align:center;font-size:12px;font-weight:700;color:var(--muted);margin-top:6px}
.pxltc .bias-cap{font-size:13.5px;color:var(--ink-2);margin:12px 0 0;min-height:2.6em}
.pxltc .sw-demo{width:min(100%,400px);background:#fff;border-radius:18px;padding:20px;display:grid;gap:12px;border:1px solid rgba(58,42,33,.08)}
.pxltc .sw-row{display:flex;align-items:center;gap:10px;font-size:14.5px}
.pxltc .sw-demo .rn-chips{min-height:92px;max-height:none}
.pxltc .sw-cap{font-size:13.5px;font-weight:600;color:var(--ink-2);margin:0;min-height:2.6em}
.pxltc .sw-demo .demo-toggle{justify-self:start}
.pxltc .rn-caution{background:#fef1e8;border-left:3px solid #eb600e;border-radius:0 12px 12px 0;padding:12px 14px;font-size:15px}
.pxltc .range-tile{border:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;font:inherit;color:var(--ink);transition:transform .2s,box-shadow .2s}
.pxltc .range-tile b{font:800 1.35rem/1.15 var(--font-head);letter-spacing:-.02em}
.pxltc .range-tile span{font-size:14.5px;color:var(--ink-2)}
.pxltc .range-tile em{font-style:normal;font-size:13.5px;font-weight:700;color:#eb600e;margin-top:auto;padding-top:8px}
.pxltc .range-tile:hover{transform:translateY(-3px);box-shadow:0 14px 28px -20px rgba(58,42,33,.4)}
.pxltc .gw{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.pxltc .gw-copy p{color:var(--ink-2)}
.pxltc .gw-stage{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 24px 48px -32px rgba(58,42,33,.3)}
.pxltc .gw-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.pxltc .gw-bar span{font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--mist);border-radius:999px;padding:4px 10px}
.pxltc .gw-bar b{color:var(--ink)}
.pxltc .gw-bar .gw-uniq{background:#fde9dc}
.pxltc .gw-bar .gw-uniq b{color:#eb600e}
.pxltc .gw-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}
.pxltc .gw-grid i{aspect-ratio:1;border-radius:3px;background:#f6ebe3;transition:background .15s,transform .2s}
.pxltc .gw-grid i.hit{background:#f7b891}
.pxltc .gw-grid i.win{background:#eb600e;transform:scale(1.35);position:relative;z-index:1;box-shadow:0 0 0 2px #fff}
.pxltc .gw-win{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.pxltc .gw-slot{border:1.5px dashed #f1d3bf;border-radius:14px;padding:10px;text-align:center;transition:background .3s,border-color .3s}
.pxltc .gw-slot small{display:block;font-size:12px;font-weight:700;color:var(--muted)}
.pxltc .gw-slot b{font:800 1.8rem/1.2 var(--font-head);color:var(--ink);font-variant-numeric:tabular-nums}
.pxltc .gw-slot.set{background:#fef1e8;border:1.5px solid #eb600e}
.pxltc .gw-slot.set b{color:#eb600e}
.pxltc .gw-status{margin:12px 0 0;font-size:14px;font-weight:600;text-align:center;color:var(--ink-2)}
.pxltc .vs{width:min(100%,440px);display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pxltc .vs-card{background:#fff;border-radius:18px;padding:16px;border:1px solid rgba(58,42,33,.08);display:flex;flex-direction:column;gap:6px}
.pxltc .vs-card small{font-size:12.5px;font-weight:700;color:var(--muted)}
.pxltc .vs-card code{font:600 12px/1.3 ui-monospace,Menlo,Consolas,monospace;background:var(--mist);border-radius:6px;padding:4px 6px;color:var(--ink-2)}
.pxltc .vs-num{font:800 2.6rem/1.1 var(--font-head);color:var(--ink);font-variant-numeric:tabular-nums;margin:6px 0 0}
.pxltc .vs-card.good{border:1.5px solid #eb600e}
.pxltc .vs-card.good .vs-num{color:#eb600e}
.pxltc .vs-edit{font-size:12.5px;color:var(--muted);margin:0;min-height:2.4em}
.pxltc .vs-tag{align-self:flex-start;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}
.pxltc .vs-tag.bad{background:#f3ebe6;color:var(--muted);opacity:0;transition:opacity .3s}
.pxltc .vs-tag.bad.show{opacity:1}
.pxltc .vs-tag.ok{background:#fde9dc;color:#b8520f}
.pxltc .vs-num.flip{animation:vsflip .35s ease}
@keyframes vsflip{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
.pxltc .who{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pxltc .who li{border-radius:18px;padding:18px 20px}
.pxltc .who b{display:block;font:800 1.1rem/1.25 var(--font-head);margin-bottom:4px}
.pxltc .who span{font-size:14.5px;color:var(--ink-2)}
.pxltc .cta-roll{background:#fff;border-radius:22px;padding:30px 24px;width:min(100%,300px);text-align:center;border:1px solid #fbe0cc;box-shadow:0 18px 40px -28px rgba(58,42,33,.3)}
.pxltc .cta-roll small{display:block;font-size:13px;font-weight:700;color:var(--muted)}
.pxltc .cta-roll b{display:block;font:800 5rem/1.05 var(--font-head);color:#eb600e;font-variant-numeric:tabular-nums;margin:6px 0}
.pxltc .cta-roll span{font-size:14px;color:var(--ink-2)}
.pxltc .faq summary .q{font-size:1.08rem;font-weight:700}
.pxltc .suite em.try,.pxltc .posts em.try{display:block;font-style:normal;font-size:13.5px;font-weight:700;color:#eb600e;margin-top:6px}
.pxltc .suite{grid-template-columns:repeat(3,1fr)}
.pxltc .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pxltc .posts a{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.pxltc .posts a:hover{border-color:#eb600e;transform:translateY(-3px)}
.pxltc .posts strong{font:800 1.08rem/1.3 var(--font-head);color:var(--ink)}
.pxltc .posts span{font-size:14.5px;color:var(--ink-2)}
.pxltc .posts em.try{margin-top:auto}
@media (max-width:900px){.pxltc .gw{grid-template-columns:1fr;gap:24px}
.pxltc .who,.pxltc .posts{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pxltc .who,.pxltc .posts,.pxltc .vs{grid-template-columns:1fr}
.pxltc .gw-grid{grid-template-columns:repeat(20,1fr);gap:2px}}
@media (prefers-reduced-motion:reduce){.pxltc .rn-chips li.land,.pxltc .vs-num.flip{animation:none}
.pxltc .bias-bars i,.pxltc .gw-grid i,.pxltc .range-tile,.pxltc .posts a{transition:none}}
.pxltc h1{text-wrap:balance}
.pxltc h2,.pxltc h3,.pxltc .h2-like{text-wrap:balance}
.pxltc p,.pxltc li{text-wrap:pretty}
.pxltc .feature-copy h2,.pxltc .feature-copy h3,.pxltc .gw-copy h3,.pxltc .card .h2-like,.pxltc .duo .card h2,.pxltc .inc-card h2,.pxltc .final-body h2,.pxltc .final-body .h2-like,.pxltc .method h2{
  font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.18;letter-spacing:-.015em;margin-bottom:.6em}
.pxltc .section-head h2,.pxltc .section-head .h2-like{font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.15}
.pxltc .feature-copy,.pxltc .gw-copy{max-width:600px}
.pxltc .feature-copy p,.pxltc .gw-copy p,.pxltc .card p,.pxltc .final-body p,.pxltc .method p{font-size:1.0625rem;line-height:1.75;color:var(--ink-2);margin:0 0 1.15em;max-width:62ch}
.pxltc .section-head p,.pxltc .center-copy{font-size:1.0625rem;line-height:1.75;max-width:64ch;margin-left:auto;margin-right:auto}
.pxltc .feature-copy h2+p,.pxltc .feature-copy h3+p,.pxltc .gw-copy h3+p{font-size:1.14rem;line-height:1.7;color:var(--ink)}
.pxltc .feature-copy p strong,.pxltc .gw-copy p strong,.pxltc .card p strong,.pxltc .section-head p strong,.pxltc .center-copy:not(.concl) p strong,.pxltc .final-body p strong{
  font-weight:600;color:#9a430b;background:#fef1e8;border-radius:6px;padding:.05em .35em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pxltc .feature-copy h2~p+p,.pxltc .feature-copy h3~p+p{border-left:3px solid #f7c8a8;padding-left:16px}
.pxltc .feature-copy .btn{margin-top:10px}
.pxltc .list-check li,.pxltc .list-x li{line-height:1.6}
.pxltc ol.steps li{line-height:1.6}
@media (max-width:600px){.pxltc .feature-copy h2,.pxltc .feature-copy h3,.pxltc .gw-copy h3,.pxltc .card .h2-like,.pxltc .duo .card h2,.pxltc .final-body h2,.pxltc .final-body .h2-like{font-size:1.5rem}
.pxltc .section-head h2,.pxltc .section-head .h2-like{font-size:1.65rem}
.pxltc .feature-copy p,.pxltc .gw-copy p,.pxltc .card p,.pxltc .final-body p,.pxltc .section-head p,.pxltc .center-copy{font-size:1rem;line-height:1.7}
.pxltc .feature-copy h2+p,.pxltc .feature-copy h3+p{font-size:1.06rem}
.pxltc .feature-copy h2~p+p,.pxltc .feature-copy h3~p+p{padding-left:12px}}
.pxltc ol.steps{list-style:none!important;padding:0!important;margin-left:0!important}
.pxltc ol.steps>li{list-style:none!important;margin-left:0!important;padding-left:50px!important}
.pxltc ol.steps>li::marker{content:none}
.pxltc ol.steps>li::before{display:grid!important;place-items:center;line-height:1!important;content:counter(step)!important;background:#fde9dc!important;color:#eb600e!important}
.pxltc ol.steps>li.is-on::before{background:#eb600e!important;color:#fff!important}
.pxltc .more-wrap{padding:24px 0 88px}
.pxltc .more{background:#fff8f4;border:1px solid #fbe7da;border-radius:28px;padding:72px 28px}
.pxltc .more .section-head{margin-bottom:36px}
.pxltc .more .section-head h2{font-size:clamp(2rem,3.8vw,3rem)}
.pxltc .more .section-head p{color:var(--ink-2);font-size:1.05rem}
.pxltc .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:0 auto}
.pxltc .more-grid a{display:flex;gap:14px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #f8e6da;border-radius:16px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}
.pxltc .more-grid a:hover{border-color:#eb600e;transform:translateY(-2px);box-shadow:0 14px 28px -22px rgba(58,42,33,.35)}
.pxltc .more-grid .mi{flex:0 0 44px;height:44px;border-radius:12px;background:#fde9dc;color:#eb600e;display:grid;place-items:center}
.pxltc .more-grid .mi svg{width:22px;height:22px}
.pxltc .more-grid strong{display:block;font:700 1.02rem/1.3 var(--font-body);color:var(--ink);margin-bottom:3px}
.pxltc .more-grid span.d{display:block;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
@media (max-width:900px){.pxltc .more-grid{grid-template-columns:1fr 1fr}
.pxltc .more{padding:52px 18px}}
@media (max-width:600px){.pxltc .more-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pxltc .more-grid a{transition:none}}
.pxltc .xt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:14px;position:relative;counter-reset:xt}
.pxltc .xt::before{content:"";position:absolute;left:24px;right:24px;top:22px;height:4px;border-radius:99px;background:#f3e3d8}
.pxltc .xt::after{content:"";position:absolute;left:24px;top:22px;height:4px;border-radius:99px;background:#eb600e;width:0;transition:width 2.2s cubic-bezier(.4,0,.2,1)}
.pxltc .xt.go::after{width:calc(100% - 48px)}
.pxltc .xt li{position:relative;z-index:1;padding-top:58px;opacity:.35;transform:translateY(8px);transition:opacity .45s,transform .45s}
.pxltc .xt li.in{opacity:1;transform:none}
.pxltc .xt li::before{counter-increment:xt;content:counter(xt);position:absolute;top:4px;left:0;width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #f3e3d8;display:grid;place-items:center;font:800 15px/1 var(--font-head);color:var(--muted);transition:all .35s}
.pxltc .xt li.in::before{background:#eb600e;border-color:#eb600e;color:#fff}
.pxltc .xt b{display:block;font:800 1.05rem/1.25 var(--font-head);margin-bottom:4px}
.pxltc .xt span{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.pxltc .xc{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:14px}
.pxltc .xc-card{background:#fff;border:1px solid #f8e6da;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,transform .2s,box-shadow .2s}
.pxltc .xc-card:hover{border-color:#f4b58c;transform:translateY(-3px);box-shadow:0 18px 34px -26px rgba(58,42,33,.45)}
.pxltc .xc-ico{width:42px;height:42px;border-radius:12px;background:#fde9dc;color:#eb600e;display:grid;place-items:center}
.pxltc .xc-ico svg{width:22px;height:22px}
.pxltc .xc-card b{font:800 1.05rem/1.25 var(--font-head)}
.pxltc .xc-card>span{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.pxltc .xc-bad,.pxltc .xc-good{font-size:13.5px;border-radius:10px;padding:8px 10px;line-height:1.45}
.pxltc .xc-bad{background:#f7f1ed;color:var(--muted);text-decoration:line-through;text-decoration-color:#e3b596}
.pxltc .xc-good{background:#fef1e8;color:var(--ink);border-left:3px solid #eb600e}
.pxltc .xk{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pxltc .xk li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #f8e6da;border-radius:14px;padding:12px 14px;font-size:15px;color:var(--ink-2)}
.pxltc .xk li::before{content:"";flex:0 0 22px;height:22px;border-radius:7px;border:2px solid #f1d3bf;background:#fff center/14px no-repeat;transition:all .3s}
.pxltc .xk li.in::before{background-color:#eb600e;border-color:#eb600e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}
.pxltc .xk li b{color:var(--ink)}
.pxltc .xpanel{width:min(100%,440px);background:#fff;border-radius:18px;padding:18px;border:1px solid rgba(58,42,33,.08)}
@media (max-width:900px){.pxltc .xt,.pxltc .xc{grid-template-columns:1fr 1fr}
.pxltc .xt::before,.pxltc .xt::after{display:none}}
@media (max-width:560px){.pxltc .xt,.pxltc .xc{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pxltc .xt li,.pxltc .xt::after,.pxltc .xt li::before,.pxltc .xk li::before{transition:none}
.pxltc .xt li{opacity:1;transform:none}}
.pxltc .wc{max-width:1120px;margin:28px auto 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;text-align:left;align-items:start}
.pxltc .wc-form{display:grid;gap:12px}
.pxltc .wc-step{margin:0;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px 20px;min-width:0}
.pxltc .wc-step h2{display:flex;align-items:center;gap:10px;font:800 1.12rem/1.3 var(--font-head);letter-spacing:-.01em;margin:0 0 4px}
.pxltc .wc-step h2 b{flex:0 0 28px;height:28px;border-radius:50%;background:#fde9dc;color:#eb600e;display:grid;place-items:center;font-size:13px}
.pxltc .wc-help{font-size:14px;color:var(--muted);margin:0 0 12px}
.pxltc .wc-opts{display:grid;gap:8px}
.pxltc .wc-opts.cols3{grid-template-columns:repeat(3,1fr)}
.pxltc .wc-opts label,.pxltc .wc-feats label{position:relative;cursor:pointer}
.pxltc .wc-opts input,.pxltc .wc-feats input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pxltc .wc-opts span{display:block;height:100%;padding:12px 14px;border:1.5px solid var(--line-2);border-radius:14px;font-size:14.5px;transition:border-color .2s,background .2s}
.pxltc .wc-opts strong{font-weight:600}
.pxltc .wc-opts input:checked+span{border-color:#eb600e;background:#fef3ec}
.pxltc .wc-opts input:focus-visible+span,.pxltc .wc-feats input:focus-visible+span{outline:3px solid #eb600e;outline-offset:2px}
.pxltc .wc-feats{display:flex;flex-wrap:wrap;gap:8px}
.pxltc .wc-feats span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--line-2);border-radius:999px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s,color .2s}
.pxltc .wc-feats span::before{content:"+";font-weight:800;color:var(--muted)}
.pxltc .wc-feats input:checked+span{border-color:#eb600e;background:#eb600e;color:#fff}
.pxltc .wc-feats input:checked+span::before{content:"✓";color:#fff}
.pxltc .wc-step input[type=range]{accent-color:#eb600e}
.pxltc .range-row output{color:#eb600e}
.pxltc .wc-result{position:sticky;top:84px}
.pxltc .wc-sticky{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 1px 2px rgba(58,42,33,.04),0 24px 48px -30px rgba(58,42,33,.28)}
.pxltc .wc-label{font-size:14px;font-weight:700;color:var(--muted);margin:0}
.pxltc .wc-budget{font:800 clamp(1.9rem,3.4vw,2.5rem)/1.1 var(--font-head);letter-spacing:-.02em;color:#eb600e;margin:4px 0 6px;font-variant-numeric:tabular-nums}
.pxltc .wc-maint{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ink-2)}
.pxltc .wc-time{margin:0;font-size:15px}
.pxltc .wc-meter{height:8px;border-radius:99px;background:#f6ebe3;margin:14px 0 18px;overflow:hidden}
.pxltc .wc-meter i{display:block;height:100%;width:0;background:#eb600e;border-radius:99px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.pxltc .wc-sticky h3{font-size:1rem;margin:0 0 8px}
.pxltc .wc-lines{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:4px;font-size:14px;max-height:230px;overflow:auto}
.pxltc .wc-lines li{display:flex;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:8px;background:var(--mist)}
.pxltc .wc-lines li b{font-variant-numeric:tabular-nums;white-space:nowrap}
.pxltc .wc-lines li.new{animation:bxin .35s ease}
.pxltc .wc-tip{font-size:13.5px;background:#fef3ec;border-radius:12px;padding:10px 12px;color:var(--ink-2)}
.pxltc .wc-note{font-size:13px;color:var(--muted)}
.pxltc .wc-email{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.pxltc .wc-email summary{cursor:pointer;font-weight:700;font-size:14.5px;color:#eb600e}
.pxltc .wc-email-in{display:flex;gap:8px;margin-top:10px}
.pxltc .wc-email-in input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line-2);border-radius:10px;font:inherit;font-size:15px}
.pxltc .wc-fine{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.pxltc .inc{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pxltc .inc-card{border-radius:22px;padding:28px;border:1px solid var(--line)}
.pxltc .inc-card.yes{background:#fef3ec;border-color:#fbe0cc}
.pxltc .inc-card h2{font-size:clamp(1.4rem,2.4vw,1.8rem)}
.pxltc .list-x{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pxltc .list-x li{padding-left:26px;position:relative;color:var(--ink-2)}
.pxltc .list-x li::before,.pxltc .list-x li::after{content:"";position:absolute;left:4px;top:.72em;width:12px;height:2px;background:var(--muted);transform:rotate(45deg)}
.pxltc .list-x li::after{transform:rotate(-45deg)}
.pxltc .method{max-width:820px;margin:48px auto 0;text-align:center}
.pxltc .method p{color:var(--ink-2)}
.pxltc .method-cta{font-weight:600;color:var(--ink)!important}
.pxltc .lead-copy{font-size:1.15rem;margin-bottom:40px!important}
.pxltc ol.steps li.is-on{color:var(--ink)}
.pxltc .mini{width:min(100%,380px);background:#fff;border-radius:18px;padding:18px;display:grid;gap:12px;border:1px solid rgba(58,42,33,.08)}
.pxltc .mini-row{display:flex;justify-content:space-between;font-size:14px;font-weight:600}
.pxltc .mini-row b{color:#eb600e;font-variant-numeric:tabular-nums}
.pxltc .mini-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:64px;align-content:flex-start}
.pxltc .mini-tags span{font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:#eb600e;color:#fff;animation:bxin .35s ease}
.pxltc .mini-est{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:10px}
.pxltc .mini-est small{font-size:13px;font-weight:700;color:var(--muted)}
.pxltc .mini-est b{font:800 1.9rem/1 var(--font-head);color:#eb600e;font-variant-numeric:tabular-nums}
.pxltc .mini-bar{height:8px;background:#f6ebe3;border-radius:99px;overflow:hidden}
.pxltc .mini-bar i{display:block;height:100%;width:0;background:#eb600e;border-radius:99px;transition:width .6s ease}
.pxltc .mini .demo-toggle{justify-self:start}
.pxltc .quotes{width:min(100%,420px);background:#fff;border-radius:18px;padding:18px;display:grid;gap:10px;border:1px solid rgba(58,42,33,.08)}
.pxltc .q-title{margin:0;font-size:14px;color:var(--ink-2)}
.pxltc .q-title b{color:var(--ink)}
.pxltc .q-row{display:grid;grid-template-columns:62px 1fr 64px 96px;align-items:center;gap:8px;font-size:13px}
.pxltc .q-row span{font-weight:700}
.pxltc .q-track{position:relative;height:22px;background:var(--mist);border-radius:8px}
.pxltc .q-track::before{content:"";position:absolute;left:40%;width:20%;top:0;bottom:0;background:#fde9dc;border:1.5px dashed #eb600e;border-radius:6px}
.pxltc .q-track i{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#f7b891;box-shadow:0 0 0 3px #fff;transition:left .9s cubic-bezier(.2,.8,.2,1),background .3s}
.pxltc .q-row.fair .q-track i{background:#eb600e}
.pxltc .q-row b{font-variant-numeric:tabular-nums;text-align:right}
.pxltc .q-key{display:flex;align-items:center;gap:8px;margin:2px 0 0;font-size:12.5px;color:var(--ink-2)}
.pxltc .q-key span{width:18px;height:12px;border-radius:4px;background:#fde9dc;border:1.5px dashed #eb600e}
.pxltc .q-row em{font-style:normal;font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 8px;background:#f3ebe6;color:var(--muted);opacity:0;transition:opacity .3s;text-align:center}
.pxltc .q-row em.ok{background:#eb600e;color:#fff}
.pxltc .q-row.show em{opacity:1}
.pxltc .quotes .demo-toggle{justify-self:start}
@media (max-width:900px){.pxltc .wc{grid-template-columns:1fr}
.pxltc .wc-result{position:static}
.pxltc .inc{grid-template-columns:1fr}}
@media (max-width:600px){.pxltc .wc-opts.cols3{grid-template-columns:1fr 1fr}
.pxltc .q-row{grid-template-columns:56px 1fr 58px;}
.pxltc .q-row em{grid-column:2/4;justify-self:start}}
.pxltc .wtypes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pxltc .wtype{display:flex;flex-direction:column;gap:8px;text-align:left;padding:18px;border:1px solid #f8e6da;border-radius:20px;background:#fff;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.pxltc .wtype:hover,.pxltc .wtype.on{border-color:#eb600e;transform:translateY(-3px);box-shadow:0 18px 34px -26px rgba(58,42,33,.45)}
.pxltc .wtype.on{background:#fef3ec}
.pxltc .wt-ico{width:42px;height:42px;border-radius:12px;background:#fde9dc;color:#eb600e;display:grid;place-items:center}
.pxltc .wt-ico svg{width:22px;height:22px}
.pxltc .wtype b{font:800 1.05rem/1.25 var(--font-head)}
.pxltc .wtype>span:not(.wt-ico):not(.wt-dots){font-size:14px;color:var(--ink-2)}
.pxltc .wt-dots{display:flex;gap:4px;margin-top:2px}
.pxltc .wt-dots i{width:16px;height:6px;border-radius:99px;background:#f3e3d8}
.pxltc .wt-dots i.on{background:#eb600e}
.pxltc .wtype em{font-style:normal;font-size:13.5px;font-weight:700;color:#eb600e;margin-top:auto;padding-top:4px}
.pxltc .drv-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pxltc .drv-btns button{border:1.5px solid var(--line-2);background:#fff;border-radius:999px;padding:8px 14px;font:600 14px/1.2 var(--font-body);color:var(--ink);cursor:pointer;transition:all .2s}
.pxltc .drv-btns button.on{background:#eb600e;border-color:#eb600e;color:#fff}
.pxltc .drv{width:min(100%,420px);background:#fff;border-radius:18px;padding:20px;border:1px solid rgba(58,42,33,.08)}
.pxltc .drv-lbl{margin:0 0 12px;font-size:13px;font-weight:700;color:var(--muted)}
.pxltc .drv-bars{display:grid;gap:8px}
.pxltc .drv-bars div{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:center;font-size:13px;font-weight:600;color:var(--muted);transition:color .3s}
.pxltc .drv-bars i{height:14px;border-radius:99px;background:#f6e2d4;width:0;transition:width .8s cubic-bezier(.2,.8,.2,1),background .3s}
.pxltc .drv-bars div.on{color:var(--ink)}
.pxltc .drv-bars div.on i{background:#eb600e}
.pxltc .drv-note{margin-top:16px;padding:12px 14px;border-radius:12px;background:#fef3ec;display:grid;gap:2px}
.pxltc .drv-note b{font-size:15px}
.pxltc .drv-note span{font-size:14px;color:var(--ink-2)}
.pxltc .life{max-width:1080px;margin:0 auto}
.pxltc .life-line{position:relative;height:6px;border-radius:99px;background:#f3e3d8;margin:0 8px 46px;display:flex;justify-content:space-between}
.pxltc .life-line i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:#eb600e;transition:width 2.4s cubic-bezier(.4,0,.2,1)}
.pxltc .life-line span{position:relative;top:16px;font-size:12.5px;font-weight:700;color:var(--muted);transform:translateX(-50%)}
.pxltc .life-line span:first-of-type{transform:none}
.pxltc .life-line span:last-of-type{transform:translateX(-100%)}
.pxltc .life-line span::before{content:"";position:absolute;left:50%;top:-19px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;border:2.5px solid #eb600e}
.pxltc .life-line span:first-of-type::before{left:0;margin-left:0}
.pxltc .life-line span:last-of-type::before{left:auto;right:0;margin-left:0}
.pxltc .life-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pxltc .life-items li{background:#fff;border:1px solid #f8e6da;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s}
.pxltc .life-items li.in{opacity:1;transform:none}
.pxltc .li-ico{width:36px;height:36px;border-radius:10px;background:#fde9dc;color:#eb600e;display:grid;place-items:center;margin-bottom:4px}
.pxltc .li-ico svg{width:19px;height:19px}
.pxltc .life-items b{font:800 1.02rem/1.2 var(--font-head)}
.pxltc .life-items em{font-style:normal;font-size:13px;font-weight:800;color:#eb600e}
.pxltc .life-items span:last-child{font-size:13.5px;color:var(--ink-2)}
@media (max-width:1000px){.pxltc .wtypes{grid-template-columns:repeat(3,1fr)}
.pxltc .life-items{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.pxltc .wtypes,.pxltc .life-items{grid-template-columns:1fr 1fr}
.pxltc .drv-bars div{grid-template-columns:96px 1fr}}
@media (prefers-reduced-motion:reduce){.pxltc .life-items li{opacity:1;transform:none;transition:none}
.pxltc .life-line i{transition:none}}
.pxltc .gantt{display:grid;gap:9px}
.pxltc .gantt small{font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:4px}
.pxltc .g-row{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center;font-size:13px;font-weight:700;color:var(--ink-2)}
.pxltc .g-row div{position:relative;height:16px;border-radius:6px;background:var(--mist)}
.pxltc .g-row i{position:absolute;top:0;bottom:0;left:var(--s);width:0;border-radius:6px;background:#f4b58c;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.pxltc .g-row i.soft{background:repeating-linear-gradient(45deg,#fde0cc 0 6px,#fbd0b2 6px 12px)}
.pxltc .g-row i.hot{background:#eb600e}
.pxltc .gantt.go .g-row i{width:var(--w)}
.pxltc .g-note{margin:6px 0 0;font-size:13px;color:var(--ink-2);background:#fef3ec;border-radius:10px;padding:8px 10px}
.pxltc .quote{width:min(100%,400px);background:#fff;border-radius:16px;padding:18px;box-shadow:0 24px 44px -30px rgba(58,42,33,.45);border:1px solid rgba(58,42,33,.08);display:grid;gap:6px}
.pxltc .qd-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #2b211b;padding-bottom:8px;margin-bottom:4px}
.pxltc .qd-head b{font:800 1.05rem/1 var(--font-head)}
.pxltc .qd-head small{font-size:12px;color:var(--muted)}
.pxltc .qd-line{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:6px 8px;border-radius:8px;transition:background .35s,color .35s}
.pxltc .qd-line b{color:#eb600e;font-size:13px}
.pxltc .qd-line.miss b{color:var(--muted);font-weight:700}
.pxltc .qd-line.miss.flag{background:#fef1e8;box-shadow:inset 3px 0 0 #eb600e}
.pxltc .qd-line.miss.flag b{color:#b8520f}
.pxltc .qd-flag{margin:6px 0 0;font-size:13.5px;font-weight:800;color:#fff;background:#eb600e;border-radius:10px;padding:8px 10px;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.pxltc .qd-flag.in{opacity:1;transform:none}
.pxltc .method{max-width:1000px}
.pxltc .formula{display:flex;align-items:stretch;justify-content:center;gap:10px;margin:8px 0 26px;flex-wrap:wrap}
.pxltc .fx{flex:1 1 150px;max-width:190px;background:#fff;border:1px solid #f8e6da;border-radius:18px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}
.pxltc .fx.in{opacity:1;transform:none}
.pxltc .fx.hot{background:#eb600e;border-color:#eb600e;color:#fff}
.pxltc .fx-ico{width:42px;height:42px;border-radius:12px;background:#fde9dc;color:#eb600e;display:grid;place-items:center;margin-bottom:4px}
.pxltc .fx-ico svg{width:22px;height:22px}
.pxltc .fx.hot .fx-ico{background:rgba(255,255,255,.2);color:#fff}
.pxltc .fx b{font:800 1.05rem/1.2 var(--font-head)}
.pxltc .fx small{font-size:13px;color:var(--muted)}
.pxltc .fx.hot small{color:#ffe6d6}
.pxltc .formula .op{align-self:center;font:800 1.6rem/1 var(--font-head);font-style:normal;color:#eb600e;opacity:0;transition:opacity .3s}
.pxltc .formula .op.in{opacity:1}
.pxltc .method-note{position:relative;text-align:left;background:#fff;border:1px solid #f8e6da;border-left:4px solid #eb600e;border-radius:16px;padding:18px 22px}
.pxltc .mn-tag{display:inline-block;font-size:12.5px;font-weight:800;color:#b8520f;background:#fde9dc;border-radius:999px;padding:4px 10px;margin-bottom:8px}
.pxltc .method .method-note p{margin:0;max-width:none;font-size:1rem;line-height:1.75;color:var(--ink-2)}
.pxltc .method-cta-box{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;background:#fef3ec;border-radius:16px;padding:16px 22px;text-align:left}
.pxltc .method .method-cta-box p{margin:0;font-weight:700;color:var(--ink)}
.pxltc .pull{position:relative;max-width:860px;margin:0 auto 48px;background:#fff;border:1px solid #f8e6da;border-radius:24px;padding:30px 34px 30px 84px;box-shadow:0 20px 40px -32px rgba(58,42,33,.35)}
.pxltc .pull-mark{position:absolute;left:24px;top:14px;font:800 5rem/1 Georgia,serif;color:#eb600e}
.pxltc .pull p{margin:0;font-size:1.15rem;line-height:1.75;color:var(--ink)}
.pxltc ol.wc-steps{list-style:none!important;margin:18px 0 0!important;padding:0!important;counter-reset:wcs;display:grid;gap:10px}
.pxltc ol.wc-steps>li{position:relative;list-style:none!important;margin:0!important;padding:14px 16px 14px 60px!important;background:#fff;border:1px solid #f8e6da;border-radius:14px;line-height:1.55;transition:border-color .3s,box-shadow .3s}
.pxltc ol.wc-steps>li::marker{content:none}
.pxltc ol.wc-steps>li::before{counter-increment:wcs;content:counter(wcs);position:absolute;left:14px;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:50%;background:#fde9dc;color:#eb600e;display:grid;place-items:center;font:800 14px/1 var(--font-head)}
.pxltc ol.wc-steps>li.is-on{border-color:#eb600e;box-shadow:0 10px 24px -18px rgba(235,96,14,.6)}
.pxltc ol.wc-steps>li.is-on::before{background:#eb600e;color:#fff}
@media (max-width:600px){.pxltc .pull{padding:26px 20px 22px 20px}
.pxltc .pull-mark{position:static;display:block;font-size:3.4rem;height:34px}
.pxltc .formula .op{display:none}
.pxltc .fx{max-width:none;flex-basis:40%}}
@media (prefers-reduced-motion:reduce){.pxltc .fx,.pxltc .formula .op{opacity:1;transform:none;transition:none}}
.pxltc #wcPages{-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(#eb600e,#eb600e) 0/var(--p,5%) 100% no-repeat #f3e3d8;outline-offset:4px}
.pxltc #wcPages::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #eb600e;box-shadow:0 2px 6px rgba(58,42,33,.25);cursor:pointer}
.pxltc #wcPages::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #eb600e;cursor:pointer}
.pxltc .wc-opts.cols2{grid-template-columns:repeat(2,1fr)}
.pxltc .wc-opts.cols4{grid-template-columns:repeat(4,1fr)}
@media (max-width:640px){.pxltc .wc-opts.cols3,.pxltc .wc-opts.cols4{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.pxltc .wc{grid-template-columns:1fr}
.pxltc .wc-result{position:static}}
.pxltc .wc-step .field:last-child{margin-bottom:0}
.pxltc .wc-step textarea{width:100%;min-height:220px;resize:vertical;padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;font:15px/1.55 var(--font-body);color:var(--ink);background:#fdfcfb}
.pxltc .wc-step textarea:focus{outline:2px solid #eb600e;outline-offset:0;border-color:#eb600e;background:#fff}
.pxltc .wc-step input[type=range]{width:100%;margin:8px 0 0}
.pxltc .wc-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pxltc .wc-row .rn-switch{margin-left:auto}
.pxltc .px-t{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.pxltc .px-t th{font-size:12.5px;color:var(--muted);text-align:left;font-weight:700;padding:0 5px 6px;border:0;background:none}
.pxltc .px-t td{padding:4px 5px 4px 0;border:0;background:none;vertical-align:middle}
.pxltc .px-t input,.pxltc .px-t select{width:100%;padding:9px 10px;border:1px solid var(--line-2);border-radius:10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.pxltc .px-t input:focus,.pxltc .px-t select:focus{outline:2px solid #eb600e;outline-offset:0;border-color:#eb600e}
.pxltc .px-scroll{overflow-x:auto;margin:0 0 10px}
.pxltc .x-del{border:0;background:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;border-radius:8px;padding:4px 8px}
.pxltc .x-del:hover{background:#fef1e8;color:#eb600e}
.pxltc .proj{display:flex;align-items:flex-end;gap:5px;height:92px;margin:4px 0 6px}
.pxltc .proj i{flex:1;background:#eb600e;border-radius:5px 5px 0 0;height:0;opacity:.75;transition:height .6s cubic-bezier(.2,.8,.2,1)}
.pxltc .proj i:last-child{opacity:1}
.pxltc .proj-ax{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:14px}
.pxltc .wc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}
.pxltc .wc-kpis div{background:var(--mist);border-radius:12px;padding:10px 6px;text-align:center}
.pxltc .wc-kpis b{display:block;font:800 1.55rem/1.1 var(--font-head);color:#eb600e;font-variant-numeric:tabular-nums}
.pxltc .wc-kpis span{font-size:12px;color:var(--muted);font-weight:700}
.pxltc .rank{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:5px;font-size:14px;max-height:320px;overflow:auto}
.pxltc .rank li{display:grid;grid-template-columns:24px 1fr auto auto;gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:var(--mist);animation:bxin .35s ease}
.pxltc .rank .n{width:22px;height:22px;border-radius:50%;background:#fde9dc;color:#eb600e;font:800 12px/22px var(--font-head);text-align:center}
.pxltc .rank .s{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.pxltc .tg{font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 9px;white-space:nowrap}
.pxltc .tg.m{background:#eb600e;color:#fff}
.pxltc .tg.s{background:#fbd9c4;color:#9e3d05}
.pxltc .tg.c{background:#fef1e8;color:#b8520f}
.pxltc .tg.w{background:#efe9e4;color:var(--muted)}
.pxltc .kwl{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.pxltc .kwl span{font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px}
.pxltc .kwl .y{background:#eb600e;color:#fff}
.pxltc .kwl .n{background:#fff;border:1.5px dashed #f1b894;color:#9e3d05}
.pxltc .cl{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
.pxltc .cl li{position:relative;padding:9px 10px 9px 36px;border-radius:10px;background:var(--mist);font-size:13.5px;color:var(--ink-2);line-height:1.45}
.pxltc .cl li b{display:block;color:var(--ink);font-size:14px}
.pxltc .cl li::before{content:"";position:absolute;left:11px;top:12px;width:15px;height:15px;border-radius:50%}
.pxltc .cl .p::before{background:#eb600e}
.pxltc .cl .w::before{background:#f8b48a}
.pxltc .cl .x::before{background:#fff;border:2.5px solid #e2c3ae}
.pxltc .score-row{display:flex;gap:16px;align-items:center;margin:0 0 14px}
.pxltc .score-row .ring{width:104px;height:104px}
.pxltc .score-row .g{font:800 1.4rem/1.2 var(--font-head)}
.pxltc .empty-note{border:1.5px dashed var(--line-2);border-radius:14px;padding:22px 16px;text-align:center;color:var(--muted);font-size:14.5px;margin:0 0 14px}
.pxltc .qscale{display:grid;grid-template-columns:repeat(3,1fr);font-size:12.5px;font-weight:700;color:var(--muted);margin:-8px 0 16px}
.pxltc .qscale span:nth-child(2){text-align:center}
.pxltc .qscale span:last-child{text-align:right}
.pxltc .qscale .on{color:#eb600e}
.pxltc .wc-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.pxltc .wc-sticky .btn-primary{margin-top:4px}
.pxltc .after-tool{text-align:center;color:var(--ink-2);font-size:15px;margin-top:22px}
.pxltc .after-tool a{font-weight:700}
.pxltc .feature-copy h3,.pxltc .section-head h3,.pxltc .h3-big{font:800 clamp(1.6rem,2.6vw,2.1rem)/1.12 var(--font-head);letter-spacing:-.02em;margin:0 0 .45em;color:var(--ink)}
.pxltc .section-head h2+p,.pxltc .section-head h3+p{margin-bottom:.6em}
.pxltc .lead-b{color:var(--ink)!important;font-weight:600}
.pxltc .cmp-wrap{max-width:900px;margin:0 auto;overflow-x:auto;background:#fff;border:1px solid #f8e6da;border-radius:20px}
.pxltc .cmp{width:100%;border-collapse:collapse;font-size:15px;margin:0}
.pxltc .cmp th,.pxltc .cmp td{padding:14px 18px;text-align:left;border:0;border-bottom:1px solid #f8e6da;vertical-align:top;color:var(--ink-2);background:none}
.pxltc .cmp th{font:800 1rem/1.3 var(--font-head);color:var(--ink);background:#fef3ec}
.pxltc .cmp tr:last-child td{border-bottom:0}
.pxltc .cmp td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.pxltc .demo-cap{font-size:12.5px;font-weight:700;color:var(--muted);margin:0 0 10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.pxltc .bill{display:grid;gap:8px}
.pxltc .bill-row{display:flex;justify-content:space-between;font-size:14px;padding:7px 10px;border-radius:9px;background:var(--mist)}
.pxltc .bill-row b{font-variant-numeric:tabular-nums}
.pxltc .bill-big{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:10px;margin-top:2px}
.pxltc .bill-big small{font-size:13px;font-weight:700;color:var(--muted)}
.pxltc .bill-big b{font:800 2rem/1 var(--font-head);color:#eb600e;font-variant-numeric:tabular-nums}
.pxltc .sl .field{margin-bottom:12px}
.pxltc .sl .field>label{display:flex;justify-content:space-between}
.pxltc .sl .field output{color:#eb600e;font-weight:800;font-variant-numeric:tabular-nums}
.pxltc .sl input[type=range]{accent-color:#eb600e}
.pxltc .duo2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.pxltc .duo2 div{border-radius:14px;padding:12px;background:var(--mist)}
.pxltc .duo2 div.hot{background:#fef1e8;border:1.5px solid #f6c3a2}
.pxltc .duo2 small{display:block;font-size:12px;font-weight:700;color:var(--muted)}
.pxltc .duo2 b{display:block;font:800 1.6rem/1.15 var(--font-head);font-variant-numeric:tabular-nums}
.pxltc .duo2 .hot b{color:#eb600e}
.pxltc .duo2 span{font-size:12.5px;color:var(--muted)}
.pxltc .sl-msg{margin:10px 0 0;font-size:13.5px;background:#fef3ec;border-radius:12px;padding:10px 12px;color:var(--ink-2)}
.pxltc .sl-msg b{color:#b8520f}
.pxltc .hb{display:grid;gap:9px}
.pxltc .hb-row{display:grid;grid-template-columns:110px 1fr 64px;gap:10px;align-items:center;font-size:13.5px;color:var(--ink-2)}
.pxltc .hb-row div{height:12px;border-radius:99px;background:#f6ebe3;overflow:hidden}
.pxltc .hb-row i{display:block;height:100%;width:0;border-radius:99px;background:#eb600e;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.pxltc .hb-row i.soft{background:#f8b48a}
.pxltc .hb-row b{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.pxltc .seg2{display:inline-flex;gap:4px;background:var(--mist);border-radius:999px;padding:4px;margin-bottom:12px}
.pxltc .seg2 button{border:0;background:none;border-radius:999px;padding:6px 12px;font:700 13px/1.2 var(--font-body);color:var(--ink-2);cursor:pointer}
.pxltc .seg2 button.on{background:#eb600e;color:#fff}
.pxltc .lchart svg{width:100%;height:auto;display:block}
.pxltc .lchart .draw{stroke-dasharray:700;stroke-dashoffset:700;transition:stroke-dashoffset 2s ease}
.pxltc .lchart.go .draw{stroke-dashoffset:0}
.pxltc .msb{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pxltc .msb>div{background:var(--mist);border-radius:12px;padding:10px;min-height:170px}
.pxltc .msb h4{margin:0 0 6px;font:800 .92rem/1.2 var(--font-head);display:flex;justify-content:space-between}
.pxltc .msb h4 small{font:700 11.5px/1.2 var(--font-body);color:var(--muted)}
.pxltc .msb span{display:block;font-size:12px;font-weight:700;padding:6px 8px;border-radius:8px;margin-top:5px;background:#fff;border:1px solid #f8e6da;opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .35s}
.pxltc .msb .must span{background:#eb600e;border-color:#eb600e;color:#fff}
.pxltc .msb .wont span{text-decoration:line-through;color:var(--muted)}
.pxltc .msb span.in{opacity:1;transform:none}
@media (max-width:520px){.pxltc .msb{grid-template-columns:1fr 1fr}}
.pxltc .gauge svg{width:100%;max-width:300px;display:block;margin:0 auto}
.pxltc .gauge .ndl{transform-origin:150px 150px;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pxltc .cvd{position:relative;overflow:hidden;border-radius:14px;background:#fdfcfb;border:1px solid #f8e6da;padding:14px 16px;font-size:13px;line-height:1.55}
.pxltc .cvd h4{margin:0;font:800 1.05rem/1.2 var(--font-head)}
.pxltc .cvd .sub{color:var(--muted);font-size:12px;margin-bottom:6px}
.pxltc .cvd .hd{font-weight:800;font-size:11.5px;color:#eb600e;margin:8px 0 2px}
.pxltc .cvd p{margin:0 0 3px;color:var(--ink-2)}
.pxltc .cvd mark{background:none;color:inherit;border-radius:4px;padding:0 2px;transition:background .3s,color .3s}
.pxltc .cvd mark.hit{background:#fde9dc;color:#b8520f;font-weight:700}
.pxltc .cvd .beam{position:absolute;left:0;right:0;top:-40px;height:40px;background:linear-gradient(180deg,rgba(235,96,14,0),rgba(235,96,14,.16));border-bottom:2px solid #eb600e;opacity:0}
.pxltc .cvd .beam.go{animation:beam 2.4s ease-in-out forwards}
@keyframes beam{0%{top:-40px;opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.pxltc .cvd-res{display:flex;gap:14px;align-items:center;margin-top:12px}
.pxltc .cvd-res .ring{width:80px;height:80px}
.pxltc .cvd-res .kwl{margin:6px 0 0}
.pxltc .cvd-res .kwl span{opacity:0;transition:opacity .3s}
.pxltc .cvd-res .kwl span.in{opacity:1}
.pxltc .lay{display:grid;gap:6px;background:#fdfcfb;border:1px solid #f8e6da;border-radius:12px;padding:12px;min-height:150px;margin-bottom:10px}
.pxltc .lay.two{grid-template-columns:34% 1fr}
.pxltc .lay i{display:block;height:9px;border-radius:6px;background:#efe6df}
.pxltc .lay .sd{background:#fef1e8;border-radius:9px;padding:8px;display:grid;gap:5px;align-content:start}
.pxltc .lay .sd i{background:#f6c9ad}
.pxltc .lay .hdr{font-size:11px;font-weight:700;color:var(--muted);background:#fef1e8;border-radius:7px;padding:5px 7px}
.pxltc .lay .h{background:#eb600e;height:7px;width:32%}
.pxltc .pout{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13px}
.pxltc .pout li{display:grid;grid-template-columns:86px 1fr;gap:8px;padding:7px 10px;border-radius:9px;background:var(--mist)}
.pxltc .pout li b{color:var(--ink)}
.pxltc .pout .bad{color:#b8520f;font-weight:700}
.pxltc .pout .garb{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#b8520f}
.pxltc .tick{display:grid;gap:7px}
.pxltc .tick label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #f8e6da;border-radius:12px;padding:10px 12px;font-size:14px;cursor:pointer;color:var(--ink-2)}
.pxltc .tick input{accent-color:#eb600e;width:18px;height:18px;margin:2px 0 0;flex:none}
.pxltc .tick b{color:var(--ink)}
.pxltc .mx{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;aspect-ratio:1.2;width:100%}
.pxltc .mx .q{border-radius:12px;padding:10px;font-size:12px;font-weight:800}
.pxltc .mx .q1{background:#fef1e8;color:#b8520f}
.pxltc .mx .q2{background:#eb600e;color:#fff}
.pxltc .mx .q3{background:#f3eee9;color:var(--muted)}
.pxltc .mx .q4{background:#fde9dc;color:#9e3d05}
.pxltc .mx .dot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;color:var(--ink);border:2.5px solid #eb600e;font:800 12px/1 var(--font-head);cursor:pointer;transition:transform .2s,background .2s}
.pxltc .mx .dot:hover,.pxltc .mx .dot.on{transform:scale(1.18);background:#eb600e;color:#fff}
.pxltc .mx-ax{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--muted);margin-top:6px}
.pxltc .mx-out{margin-top:10px;font-size:13.5px;background:#fef3ec;border-radius:12px;padding:10px 12px;color:var(--ink-2);min-height:62px}
.pxltc .mx-out b{color:var(--ink)}
.pxltc .privacy{display:flex;gap:14px;align-items:center;max-width:780px;margin:0 auto;background:#fff;border:1px solid #f8e6da;border-radius:20px;padding:20px 22px}
.pxltc .privacy .xc-ico{flex:none}
.pxltc .privacy p{margin:0;color:var(--ink-2)}
@media (max-width:900px){.pxltc .feature{grid-template-columns:1fr;gap:28px}
.pxltc .feature.reverse .feature-art{order:0}}
.pxltc .wc-step input[type=range],.pxltc .sl input[type=range],.pxltc .px-range{-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(#eb600e,#eb600e) 0/var(--p,5%) 100% no-repeat #f3e3d8;outline-offset:4px}
.pxltc .wc-step input[type=range]::-webkit-slider-thumb,.pxltc .sl input[type=range]::-webkit-slider-thumb,.pxltc .px-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #eb600e;box-shadow:0 2px 6px rgba(58,42,33,.25);cursor:pointer}
.pxltc .wc-step input[type=range]::-moz-range-thumb,.pxltc .sl input[type=range]::-moz-range-thumb,.pxltc .px-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #eb600e;cursor:pointer}

/* ===== the live tool's own stylesheet, carried over and scoped ===== */
.pxltc .ltc-wrap{
    --primary:#0D1876; --accent:#091259; --success:#16a34a; --bg:#ffffff;--soft:#f5f5fb;
    --text:#0f0f1a; --muted:#8b8ba3; --card:#FFFFFF; --border:#e7e7f0;
    --radius:14px; --shadow:0 8px 30px rgba(15,15,26,.08);
    --font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    max-width:1080px; margin:0 auto; padding:32px 16px 64px; font-family:var(--font); color:var(--text); line-height:1.55;
  }
.pxltc .ltc-wrap *{box-sizing:border-box;}
.pxltc .ltc-head{text-align:center;margin-bottom:24px;}
.pxltc .ltc-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    color:var(--primary);background:rgba(46,117,182,.10);padding:6px 12px;border-radius:999px;margin-bottom:12px;}
.pxltc .ltc-head h1{font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-0.025em;margin:0 0 14px;color:var(--primary);line-height:1.12;}
.pxltc .ltc-head p{margin:0 auto;max-width:640px;color:var(--muted);font-size:clamp(15px,1.4vw,17px);}
.pxltc .ltc-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:14px;}
.pxltc .ltc-trust span{font-size:13px;color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:6px;}
.pxltc .ltc-trust i{color:var(--accent);}
.pxltc .ltc-grid{display:grid;grid-template-columns:1fr;gap:20px;}
@media (min-width:880px){.pxltc .ltc-grid{grid-template-columns:1.05fr 1fr;align-items:start;}}
.pxltc .ltc-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:22px;}
.pxltc .ltc-field{margin-bottom:18px;}
.pxltc .ltc-field:last-child{margin-bottom:0;}
.pxltc .ltc-label{display:block;font-size:14px;font-weight:600;color:var(--primary);margin-bottom:6px;}
.pxltc .ltc-input,.pxltc .ltc-select{width:100%;padding:11px 13px;border:2px solid var(--border);border-radius:10px;font-size:15px;font-weight:600;font-family:var(--font);color:var(--text);background:#fff;}
.pxltc .ltc-input:focus-visible,.pxltc .ltc-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);}
.pxltc .ltc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:520px){.pxltc .ltc-row{grid-template-columns:1fr;}}
.pxltc .ltc-hint{font-size:12px;color:var(--muted);margin-top:5px;}
.pxltc .ltc-price-tag{font-size:12px;color:var(--muted);font-weight:600;margin-top:5px;}
.pxltc .ltc-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;}
.pxltc .ltc-toggle input{position:absolute;opacity:0;width:0;height:0;}
.pxltc .ltc-switch{width:46px;height:26px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .2s;flex:0 0 auto;}
.pxltc .ltc-switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.pxltc .ltc-toggle input:checked + .ltc-switch{background:var(--success);}
.pxltc .ltc-toggle input:checked + .ltc-switch::after{transform:translateX(20px);}
.pxltc .ltc-toggle input:focus-visible + .ltc-switch{outline:2px solid var(--accent);outline-offset:2px;}
.pxltc .ltc-toggle-text{font-size:14px;font-weight:600;}
.pxltc [hidden]{display:none !important;}
.pxltc .ltc-result{position:sticky;top:16px;}
.pxltc .ltc-hero-stat{text-align:left;margin-bottom:16px;}
.pxltc .ltc-est-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;}
.pxltc .ltc-big{font-size:clamp(28px,6vw,40px);font-weight:800;color:var(--primary);line-height:1.05;letter-spacing:-.01em;}
.pxltc .ltc-big.is-bump{animation:ltcBump .35s ease;}
@keyframes ltcBump{0%{transform:scale(1);}40%{transform:scale(1.05);color:var(--accent);}100%{transform:scale(1);}}
.pxltc .ltc-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.pxltc .ltc-meta-val{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;}
.pxltc .ltc-note{margin-top:14px;font-size:12.5px;color:var(--muted);font-style:italic;}
.pxltc .ltc-cta-block{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);}
.pxltc .ltc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border:none;border-radius:12px;
    cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font);transition:transform .1s,background .15s,box-shadow .15s;text-decoration:none;line-height:1.3;}
.pxltc .ltc-btn:active{transform:translateY(1px);}
.pxltc .ltc-btn[disabled]{opacity:.6;cursor:default;}
.pxltc .ltc-btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow);}
.pxltc .ltc-btn-primary:hover{background:#1d4674;}
.pxltc .ltc-btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--border);}
.pxltc .ltc-btn-secondary:hover{border-color:var(--accent);color:var(--accent);}
.pxltc .ltc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.pxltc .ltc-email-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.pxltc .ltc-email-row input[type="email"]{flex:1 1 180px;min-width:0;padding:12px 14px;border:2px solid var(--border);border-radius:10px;font-size:15px;font-family:var(--font);}
.pxltc .ltc-email-row input[type="email"]:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);}
.pxltc .ltc-email-row .ltc-btn{width:auto;flex:0 0 auto;padding:12px 18px;}
.pxltc .ltc-msg{margin-top:10px;font-size:14px;padding:10px 12px;border-radius:8px;display:none;}
.pxltc .ltc-msg.is-ok{display:block;background:rgba(31,122,31,.08);color:var(--success);}
.pxltc .ltc-msg.is-err{display:block;background:rgba(185,28,28,.08);color:#dc2626;}
.pxltc .ltc-foot-note{text-align:center;font-size:12px;color:var(--muted);margin-top:14px;}
.pxltc .ltc-compare{margin-top:24px;}
.pxltc .ltc-compare h2{font-size:18px;color:var(--primary);text-align:center;margin:0 0 4px;}
.pxltc .ltc-compare .ltc-sub{text-align:center;color:var(--muted);font-size:14px;margin:0 0 16px;}
.pxltc .ltc-compare-table{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
.pxltc .ltc-crow{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--border);font-size:14px;}
.pxltc .ltc-crow:first-child{border-top:none;}
.pxltc .ltc-crow.head{background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;}
.pxltc .ltc-crow .ltc-cnum{text-align:right;font-variant-numeric:tabular-nums;}
.pxltc .ltc-crow.is-selected{background:rgba(46,117,182,.06);}
.pxltc .ltc-crow.is-selected .ltc-cname{color:var(--accent);font-weight:700;}
.pxltc .ltc-cname{font-weight:600;display:flex;align-items:center;gap:8px;}
.pxltc .ltc-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:999px;}
.pxltc .ltc-pill.cheap{background:rgba(31,122,31,.12);color:var(--success);}
.pxltc .ltc-pill.sel{background:var(--soft);color:var(--accent);}
@media (max-width:560px){.pxltc .ltc-crow{grid-template-columns:1.3fr 1fr;}
.pxltc .ltc-crow .ltc-hide-sm{display:none;}}
@media (prefers-reduced-motion:reduce){.pxltc .ltc-big.is-bump{animation:none;}
.pxltc .ltc-btn:active{transform:none;}}
.pxltc .ltc-cta-bar{margin-top:24px;background:#091259;border-radius:var(--radius);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.pxltc .ltc-cta-bar p{margin:0;color:#fff;font-weight:600;font-size:15px;}
.pxltc .ltc-cta-bar a{flex:0 0 auto;background:#fff;color:#0D1876;padding:11px 20px;border-radius:10px;font-size:14.5px;font-weight:700;text-decoration:none;}

/* ===== the tool, re-pointed at the design palette ===== */

/* ==== the live tool, re-pointed at the new design's palette ====
   The tool's own stylesheet above is carried over untouched, so every
   calculation, class hook and JS selector still works. It is driven by custom
   properties declared on .ltc-wrap, so re-declaring them restyles it. */
.pxltc .ltc-wrap{
  --primary:#b8520f;            /* was #0D1876 navy; used as a fill under
                                   white text AND as text on white, and
                                   #b8520f clears 4.5:1 in both directions */
  --accent:#b8520f;             /* was #091259 navy */
  --bg:#ffffff;
  --soft:#fff8f4;               /* was #f5f5fb cool grey */
  --text:#3a2a21;               /* warm ink, matching the design */
  --muted:#7d6b61;              /* 5.06:1 on white */
  --card:#ffffff;
  --border:#f8e6da;             /* was #e7e7f0 cool */
  --radius:18px;
  --shadow:0 1px 2px rgba(58,42,33,.04),0 24px 48px -30px rgba(58,42,33,.28);
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  /* the design's container already supplies the width and gutters */
  max-width:none;margin:28px auto 0;padding:0;
  /* the design centres its hero and the tool now sits inside it, but the
     tool's labels, fields and tables are all left-aligned by design */
  text-align:left;
}
.pxltc .ltc-card{border-radius:22px;border:1px solid #f8e6da}
.pxltc .ltc-badge{background:rgba(235,96,14,.10);color:#b8520f}
.pxltc .ltc-in:focus,.pxltc .ltc-input:focus,.pxltc .ltc-ta:focus,
.pxltc .ltc-textarea:focus,.pxltc .ltc-select:focus{
  outline-color:#eb600e;border-color:#eb600e}
/* .ltc-btn is the base; the solid variants keep their white text */
.pxltc .ltc-btn{color:#b8520f}
.pxltc .ltc-btn-primary,.pxltc .ltc-btn--primary{
  background:#c2500c;border-color:#c2500c;color:#fff}
.pxltc .ltc-btn-primary:hover,.pxltc .ltc-btn--primary:hover{
  background:#a84407;border-color:#a84407}
/* the CTA bar was hardcoded navy */
.pxltc .ltc-cta-bar{background:#b8520f}
.pxltc .ltc-cta-bar,.pxltc .ltc-cta-bar p{color:#fff}
.pxltc .ltc-cta-bar a{background:#fff;color:#b8520f}

.pxltc .ltc-big,.pxltc .ltc-total,.pxltc .ltc-cost{
  font-family:"Bricolage Grotesque","Figtree",system-ui,sans-serif;letter-spacing:-.02em}
.pxltc .ltc-row.is-best,.pxltc .ltc-best{border-color:#eb600e;background:#fff6f0}
/* the "Cheapest" badge was #16a34a on its own pale green tint - 2.79:1.
   The badge keeps its meaning; only the text darkens enough to read. */
.pxltc .ltc-pill.cheap{color:#166534}

/* ==== article illustrations ====
   Tool-specific artwork for the article sections, built from the design's own
   surfaces (the warm tints, the orange ramp, the card radius) so it reads as
   part of the page rather than a decoration dropped on top. The motion is in
   artanim.js and every piece degrades to its finished state when the visitor
   asks for reduced motion. */

/* a mock page of text that dims while its key sentences light up */
.pxltc .docmock{display:grid;gap:7px;padding:16px 16px 18px;background:#fff;
  border:1px solid #f3e3d8;border-radius:14px}
.pxltc .docmock .ln{height:8px;border-radius:99px;background:#eadfd6;
  transition:background .45s ease,opacity .45s ease}
.pxltc .docmock.dim .ln{opacity:.45}
.pxltc .docmock .ln.lit{opacity:1;background:#eb600e}
.pxltc .docmock .ln.w90{width:90%}
.pxltc .docmock .ln.w75{width:75%}
.pxltc .docmock .ln.w60{width:60%}
.pxltc .docmock .ln.w45{width:45%}
.pxltc .docmock-out{margin-top:12px;background:#fff6f0;border:1px solid #f6d5bf;
  border-left:3px solid #eb600e;border-radius:12px;padding:12px 14px;
  font-size:13.5px;line-height:1.5;color:var(--ink);
  opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.pxltc .docmock-out.in{opacity:1;transform:none}
.pxltc .docmock-out b{display:block;font:800 12px/1 var(--font-head);
  letter-spacing:.12em;text-transform:uppercase;color:#b8520f;margin-bottom:6px}

/* a code block that types itself out */
.pxltc .codewrap{background:#2f2219;border-radius:12px;padding:14px 15px;
  overflow:hidden}
.pxltc .codewrap .codehead{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.pxltc .codewrap .codehead i{width:9px;height:9px;border-radius:50%;
  background:rgba(255,255,255,.26);display:block}
.pxltc .codewrap .codehead small{margin-left:6px;font-size:11.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.pxltc .codetype{margin:0;font:500 11.5px/1.65 ui-monospace,Menlo,Consolas,monospace;
  color:#ffd9c0;white-space:pre-wrap;word-break:break-word;min-height:11.5em}

/* a stacked bar whose segments grow in turn */
.pxltc .stackbar{display:flex;height:34px;border-radius:10px;overflow:hidden;
  background:#f6ebe3;margin:4px 0 10px}
.pxltc .stackbar span{display:block;width:0;height:100%;
  transition:width .7s cubic-bezier(.2,.8,.2,1);
  font:700 11.5px/34px var(--font-body);color:#fff;text-align:center;
  white-space:nowrap;overflow:hidden}
.pxltc .stackbar .s1{background:#c2500c}
.pxltc .stackbar .s2{background:#eb600e}
.pxltc .stackbar .s3{background:#f8b48a;color:#5c4a3f}
.pxltc .sbkey{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 4px;padding:0;
  list-style:none;font-size:12.5px;color:var(--ink-2)}
.pxltc .sbkey li{display:flex;align-items:center;gap:6px}
.pxltc .sbkey i{width:10px;height:10px;border-radius:3px;display:block}
.pxltc .sbkey .k1{background:#c2500c}
.pxltc .sbkey .k2{background:#eb600e}
.pxltc .sbkey .k3{background:#f8b48a}

/* a figure that counts up, sized like the design's other display numbers */
.pxltc .bignum{font:800 clamp(2rem,3.4vw,2.6rem)/1 var(--font-head);
  letter-spacing:-.02em;color:#b8520f;font-variant-numeric:tabular-nums}

/* the gauge sits beside a short label. The design draws .ring .val with
   stroke:var(--ring,#d9d0c9), so the brand colour is handed to it here. */
.pxltc .ringrow{display:flex;align-items:center;gap:16px}
.pxltc .ringrow .ring{width:108px;height:108px;--ring:#eb600e}
.pxltc .ringrow .ring text{font-size:21px;fill:#b8520f}
.pxltc .ringrow p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}

/* .cl items opted into the stagger. The hidden state is scoped to .js-on,
   which page.js only sets when motion is allowed, so with reduced motion or
   no JavaScript the list renders exactly as it always did. */
.pxltc.js-on .cl[data-auto] li{opacity:0;transform:translateY(8px);
  transition:opacity .45s ease,transform .45s ease}
.pxltc.js-on .cl[data-auto] li.in{opacity:1;transform:none}

/* a before/after pair of small tiles */
.pxltc .twotile{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pxltc .twotile .tile{background:#fff;border:1px solid #f3e3d8;border-radius:12px;
  padding:12px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.pxltc .twotile .tile b{display:block;font:800 12px/1 var(--font-head);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;color:var(--muted)}
.pxltc .twotile .tile.on{border-color:#eb600e;background:#fff6f0}
.pxltc .twotile .tile.on b{color:#b8520f}
.pxltc .twotile .scanlines{display:grid;gap:5px;margin-top:8px}
.pxltc .twotile .scanlines i{display:block;height:6px;border-radius:99px;background:#e6dcd3}
.pxltc .twotile .tile.on .scanlines i{background:#f8b48a}
@media (max-width:560px){
  .pxltc .twotile{grid-template-columns:1fr}
  .pxltc .ringrow{flex-direction:column;align-items:flex-start}
}

/* ==== contrast: text on orange ====
   White on #eb600e measured 3.38:1 and orange links on white 3.38:1, both
   under the 4.5:1 AA needs at these sizes. The brand orange stays on every
   decorative surface; only colours sitting directly under text are deepened:
   fills to #c2500c (white text 4.72:1) and link/label text to #b8520f
   (4.94 on white, 4.70 on the tint). Scoped to this page. */
.pxltc{--muted:#7d6b61}

/* fills that carry white text */
.pxltc .btn-primary,.pxltc .btn-volt,.pxltc .d-btn,
.pxltc .accent .btn-primary,.pxltc .final .btn-primary,.pxltc .gate .btn-primary{background:#c2500c}
.pxltc .btn-primary:hover,.pxltc .btn-volt:hover,.pxltc .d-btn.is-pressed,
.pxltc .accent .btn-primary:hover,.pxltc .final .btn-primary:hover,
.pxltc .gate .btn-primary:hover{background:#a84407}

/* small solid chips and states that carry text */
.pxltc .tg.m,.pxltc .k-page,.pxltc .it-page,.pxltc .scan-list .t.g,
.pxltc .order span,.pxltc .msb .must span,.pxltc .bias-tabs span.on,
.pxltc .seg2 button.on,.pxltc .wc-feats input:checked+span,
.pxltc .mini-tags span,.pxltc .bx-state.after{background:#c2500c}
.pxltc ol.steps>li.is-on::before,.pxltc ol.wc-steps>li.is-on::before,
.pxltc .xt li.in::before{background:#c2500c!important}

/* orange text on a light background */
.pxltc .kicker,.pxltc .btn-link,.pxltc .demo-cap .on,
.pxltc .mini-row b,.pxltc .mini-est b,.pxltc .bill-big b,.pxltc .bill-row b,
.pxltc .hb-row b,.pxltc .q-row b,.pxltc .vs-card.good .vs-num,
.pxltc .wc-email summary{color:#b8520f}
.pxltc .container a:not(.btn):not([class*="-btn"]):not([class*="-cta"]):not(.chip){color:#b8520f}
.pxltc .crumbs a{color:#7d6b61}
.pxltc .mn-tag{color:#a4460a}

/* LAST WORD: anything with a solid fill keeps its white text. The link rule
   above is deliberately broad and would otherwise win on source order and put
   dark orange text on a dark orange button - 1.05:1, invisible. */
.pxltc .btn-primary,.pxltc .btn-volt,.pxltc .d-btn,
.pxltc .accent .btn-primary,.pxltc .final .btn-primary,
.pxltc .gate .btn-primary,.pxltc .tg.m,.pxltc .k-page,.pxltc .it-page,
.pxltc .scan-list .t.g,.pxltc .order span,.pxltc .msb .must span,
.pxltc .bias-tabs span.on,.pxltc .seg2 button.on,
.pxltc .wc-feats input:checked+span,.pxltc .mini-tags span{color:#fff}

/* ==== the comparison table on a phone ====
   The theme's stylesheet puts white-space:nowrap on tables and nothing in the
   design undoes it. At desktop the columns are wide enough to hide it; at
   390px the columns print over each other. */
.pxltc .cmp,.pxltc .cmp th,.pxltc .cmp td{white-space:normal}
@media (max-width:640px){
  .pxltc .cmp-wrap{overflow-x:visible}
  .pxltc .cmp{table-layout:fixed;width:100%}
  .pxltc .cmp th,.pxltc .cmp td{padding:10px 11px;font-size:13px;overflow-wrap:anywhere}
  .pxltc .cmp th:first-child,.pxltc .cmp td:first-child{white-space:normal;width:38%}
}

/* ==== the designed article sections ====
   Five feature cards in a three-up grid leave one orphan on its own row;
   centring the wrap makes the last two read as deliberate. The steps list can
   never be centred from the markup - the design sets
   ol.wc-steps{margin:18px 0 0!important} and !important beats an inline
   style - so a wrapper does the centring instead. */
.pxltc .xc-center{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.pxltc .xc-center>.xc-card{flex:1 1 300px;max-width:372px}
.pxltc .steps-wrap{max-width:860px;margin:0 auto}

/* ===================== d27 sections ===================== */

/* ---------- tokens ---------- */
.pxltc{
  --d27-ink:#241a14;
  --d27-body:#5e4d44;          /* 7.1:1 on white */
  --d27-soft:#8a7467;          /* 4.6:1 - labels only, never body copy */
  --d27-orange:#eb600e;
  --d27-orange-dk:#c04c07;     /* 4.6:1 on white, for text that must read */
  --d27-line:#ece7e4;
  /* Light only, and deliberately close to white. The earlier peach/cream pair
     read as creamy on a real screen, and the closing band was near-black; the
     client asked for neither. Sections are now separated by a barely-there
     warm grey rather than by colour. */
  --d27-peach:#fafafa;          /* the alternating section */
  --d27-cream:#ffffff;          /* was the cream band - now plain white */
  --d27-blush:#f4f2f1;          /* the panel the mock floats on */
  --d27-dark:#f7f5f4;           /* the closing band, light */
  --d27-good:#15803d;
  --d27-bad:#b91c1c;
}

/* ---------- rhythm ----------
   the reference's whole trick is air: rows sit far apart and the art is big.
   d26 used ~56px here, which is what made the page read as stacked cards. */
.pxltc .d27{padding:clamp(72px,9vw,128px) 0;position:relative}
.pxltc .d27.tint{background:var(--d27-peach)}
.pxltc .d27.cream{background:var(--d27-cream)}
.pxltc .d27__in{max-width:1180px;margin:0 auto;padding:0 24px}

/* ---------- centred section head ---------- */
.pxltc .d27-head{max-width:760px;margin:0 auto;text-align:center}
.pxltc .d27-head .kicker{
  display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--d27-orange-dk);margin:0 0 14px}
.pxltc .d27-head h2{
  margin:0;font-size:clamp(28px,4.2vw,50px);line-height:1.1;
  letter-spacing:-.022em;font-weight:800;color:var(--d27-ink)}
.pxltc .d27-head p{
  margin:18px auto 0;max-width:640px;font-size:clamp(15px,1.5vw,17.5px);
  line-height:1.72;color:var(--d27-body)}

/* ---------- the alternating row ---------- */
.pxltc .d27-row{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:clamp(36px,5.5vw,88px);align-items:center}
.pxltc .d27-row + .d27-row{margin-top:clamp(64px,8vw,116px)}
.pxltc .d27-row.flip .d27-copy{order:2}
.pxltc .d27-row.flip .d27-art{order:1}
.pxltc .d27-copy h3{
  margin:0 0 16px;font-size:clamp(22px,2.9vw,33px);line-height:1.18;
  letter-spacing:-.018em;font-weight:800;color:var(--d27-ink)}
.pxltc .d27-copy p{margin:0 0 14px;font-size:16px;line-height:1.74;color:var(--d27-body)}
.pxltc .d27-copy p:last-child{margin-bottom:0}
.pxltc .d27-copy a{color:var(--d27-orange-dk);text-decoration:underline;text-underline-offset:2px}
.pxltc .d27-pts{list-style:none;margin:20px 0 0;padding:0}
.pxltc .d27-pts li{
  position:relative;padding:0 0 0 30px;margin:0 0 12px;
  font-size:15.5px;line-height:1.62;color:var(--d27-body)}
.pxltc .d27-pts li:last-child{margin-bottom:0}
.pxltc .d27-pts li::before{
  content:"";position:absolute;left:4px;top:.56em;width:9px;height:9px;
  border-radius:50%;background:var(--d27-orange);
  box-shadow:0 0 0 4px rgba(235,96,14,.14)}
.pxltc .d27-pts b{color:var(--d27-ink);font-weight:700}

/* ---------- the tinted art panel ----------
   the mock is a real card floating on a colour field, not a bordered box */
.pxltc .d27-art{
  border-radius:26px;padding:clamp(20px,2.8vw,36px);
  background:var(--d27-blush);position:relative;overflow:hidden}
/* on a tinted section the panel has to differ from BOTH the section behind it
   and the white card inside it; white here gave a white card on a white panel
   separated only by its shadow */
.pxltc .d27.tint .d27-art{background:#eceae8}
.pxltc .d27-art.sand{background:var(--d27-cream)}
.pxltc .d27-card{
  background:#fff;border-radius:16px;padding:clamp(16px,2vw,24px);
  box-shadow:0 1px 2px rgba(36,26,20,.05),0 14px 34px -14px rgba(36,26,20,.22)}
.pxltc .d27.tint .d27-card{box-shadow:0 1px 2px rgba(36,26,20,.05),0 14px 34px -16px rgba(36,26,20,.18)}
/* A demo lifted out of the old article keeps its own stylesheet, which is still
   on the page - the deploy appends to that file rather than replacing it. So
   this only has to stop the widget fighting the card it now sits in: drop the
   margins it used as a standalone block, and let a wide one scroll instead of
   bursting the column on a phone. */
.pxltc .d27-lift > :not(.d27-cap):not(.p-note){margin:0;max-width:100%}
.pxltc .d27-lift > :not(.d27-cap):not(.p-note) + *{margin-top:14px}
.pxltc .d27-lift{overflow-x:auto}
.pxltc .d27-lift table{width:100%}
.pxltc .d27-cap{
  display:flex;align-items:center;gap:8px;margin:0 0 16px;
  font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--d27-soft)}
.pxltc .d27-cap i{width:7px;height:7px;border-radius:50%;background:var(--d27-orange);flex:none}
.pxltc .d27-foot{
  margin:14px 0 0;font-size:12.5px;line-height:1.55;color:var(--d27-soft);text-align:center}

/* ---------- 1. density gauge ---------- */
.pxltc .g-read{display:flex;align-items:baseline;gap:10px;margin:0 0 4px}
.pxltc .g-num{font-size:clamp(34px,4.6vw,46px);font-weight:800;letter-spacing:-.03em;
  color:var(--d27-ink);font-variant-numeric:tabular-nums;line-height:1}
.pxltc .g-verdict{font-size:13.5px;font-weight:800;letter-spacing:.01em}
.pxltc .g-sub{margin:0 0 22px;font-size:13px;color:var(--d27-soft)}
.pxltc .g-track{position:relative;height:16px;border-radius:999px;display:flex}
.pxltc .g-track > span{display:block;height:100%}
.pxltc .g-track > span:first-child{border-radius:999px 0 0 999px}
.pxltc .g-track > span:last-child{border-radius:0 999px 999px 0}
.pxltc .g-z1{width:16.6%;background:#f3ddc9}
.pxltc .g-z2{width:33.3%;background:#86c79b}
.pxltc .g-z3{width:25%;background:#f0c88a}
.pxltc .g-z4{width:25.1%;background:#e9a79c}
.pxltc .g-needle{
  position:absolute;top:-9px;bottom:-9px;width:4px;border-radius:3px;
  background:var(--d27-ink);left:0;margin-left:-2px;
  box-shadow:0 0 0 3px rgba(255,255,255,.95)}
.pxltc .g-scale{display:flex;justify-content:space-between;margin:10px 2px 0;
  font-size:11px;font-weight:700;color:var(--d27-soft);font-variant-numeric:tabular-nums}
.pxltc .g-zones{display:flex;margin:18px 0 0;gap:6px}
.pxltc .g-zones div{flex:1;text-align:center;font-size:10.5px;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;color:var(--d27-soft);
  padding:7px 2px;border-radius:8px;transition:background .3s,color .3s}
.pxltc .g-zones div.on{background:var(--d27-orange);color:#fff}

/* ---------- 2. frequency table ---------- */
.pxltc .f-row{display:grid;grid-template-columns:116px minmax(0,1fr) 42px;
  gap:12px;align-items:center;margin:0 0 13px}
.pxltc .f-row:last-of-type{margin-bottom:0}
.pxltc .f-term{font-size:13.5px;font-weight:700;color:var(--d27-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pxltc .f-bar{height:11px;border-radius:999px;background:#edecea;overflow:hidden}
.pxltc .f-bar i{display:block;height:100%;width:0;border-radius:999px;
  background:linear-gradient(90deg,#f5873c,var(--d27-orange))}
.pxltc .f-row.muted .f-bar i{background:linear-gradient(90deg,#d9d0c9,#b9ab9f)}
.pxltc .f-n{font-size:13px;font-weight:800;color:var(--d27-soft);text-align:right;
  font-variant-numeric:tabular-nums}
.pxltc .f-verdict{
  margin:20px 0 0;padding:14px 16px;border-radius:12px;background:#f6f5f4;
  border-left:3px solid var(--d27-orange);font-size:13.5px;line-height:1.6;
  color:var(--d27-ink)}
.pxltc .f-verdict b{color:var(--d27-orange-dk)}

/* ---------- 3. missing related terms ---------- */
.pxltc .t-scan{position:relative}
.pxltc .t-line{
  position:absolute;left:-8px;right:-8px;height:34px;border-radius:9px;
  background:linear-gradient(90deg,rgba(235,96,14,0),rgba(235,96,14,.13),rgba(235,96,14,0));
  top:0;opacity:0;pointer-events:none}
.pxltc .t-item{display:flex;align-items:center;gap:12px;padding:11px 0;
  border-bottom:1px solid var(--d27-line)}
.pxltc .t-item:last-child{border-bottom:0}
.pxltc .t-dot{width:19px;height:19px;border-radius:50%;flex:none;
  border:2px solid #ddd9d6;position:relative;transition:border-color .25s}
.pxltc .t-dot::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:var(--d27-bad);transform:scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.pxltc .t-item.miss .t-dot{border-color:var(--d27-bad)}
.pxltc .t-item.miss .t-dot::after{transform:scale(.46)}
.pxltc .t-term{font-size:14.5px;font-weight:700;color:var(--d27-ink);flex:1}
.pxltc .t-state{font-size:12.5px;font-weight:700;color:var(--d27-soft)}
.pxltc .t-item.miss .t-state{color:var(--d27-bad)}
/* the same scan reading the other way: present, not missing */
.pxltc .t-item.miss.good .t-dot{border-color:var(--d27-good)}
.pxltc .t-item.miss.good .t-dot::after{background:var(--d27-good)}
.pxltc .t-item.miss.good .t-state{color:var(--d27-good)}
.pxltc .t-sum{margin:18px 0 0;padding:13px 15px;border-radius:12px;
  background:#f6f5f4;font-size:13.5px;font-weight:700;color:var(--d27-ink);
  text-align:center}

/* ---------- 4. it stays in your browser ---------- */
.pxltc .b-win{border:1px solid var(--d27-line);border-radius:13px;overflow:hidden;background:#fff}
.pxltc .b-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;
  background:#f4f3f2;border-bottom:1px solid var(--d27-line)}
.pxltc .b-bar em{width:8px;height:8px;border-radius:50%;background:#ddd9d6;flex:none}
.pxltc .b-bar span{margin-left:8px;font-size:11px;font-weight:700;color:var(--d27-soft)}
.pxltc .b-body{padding:15px 14px}
.pxltc .b-ln{height:7px;border-radius:4px;background:#edecea;margin:0 0 8px}
.pxltc .b-ln.s{width:62%}
.pxltc .b-ln.m{width:86%}
.pxltc .b-tag{display:inline-block;margin:6px 0 0;padding:5px 11px;border-radius:999px;
  background:#eaf6ee;color:var(--d27-good);font-size:11.5px;font-weight:800}
.pxltc .b-path{position:relative;height:54px;margin:2px 0 0}
.pxltc .b-path svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
/* the packet rides the line, so the line is straight and the pill is centred
   on its own left coordinate - the earlier curve put the pill beside the path
   rather than on it */
.pxltc .b-pkt{
  position:absolute;left:12%;top:50%;transform:translate(-50%,-50%);
  padding:5px 11px;border-radius:999px;
  background:var(--d27-ink);color:#fff;font-size:10.5px;font-weight:700;
  white-space:nowrap}
.pxltc .b-arrow{
  position:absolute;right:2%;top:50%;width:0;height:0;margin-top:-5px;
  border-left:7px solid #d8d4d1;border-top:5px solid transparent;
  border-bottom:5px solid transparent}
.pxltc .b-srv{
  border:1px dashed #dcd8d5;border-radius:13px;padding:13px 15px;text-align:center;
  background:#fbfbfb}
.pxltc .b-srv strong{display:block;font-size:12.5px;color:var(--d27-ink);margin:0 0 4px}
.pxltc .b-srv span{display:block;font-size:11.5px;color:var(--d27-soft);line-height:1.55}

/* ---------- 5. the same figure counted two ways ---------- */
/* minmax(0,…) and min-width:0, because a grid track otherwise refuses to go
   narrower than its content and the whole card overflows its column */
.pxltc .p-flip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pxltc .p-col{border-radius:13px;padding:15px 15px 17px;border:1px solid var(--d27-line);
  min-width:0}
.pxltc .p-col.bad{background:#fdf3f1;border-color:#f2ded8}
.pxltc .p-col.good{background:#f1f8f3;border-color:#dcece1}
.pxltc .p-h{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--d27-soft);margin:0 0 11px}
/* label above value, not beside it. Side by side with a nowrap value pushed
   the column wider than its track as soon as a value was a phrase rather than
   a number - which clipped one side of the panel and wrapped the other. */
.pxltc .p-r{padding:6px 0;font-size:12.5px;line-height:1.45;color:var(--d27-body);
  min-width:0}
.pxltc .p-r + .p-r{border-top:1px solid rgba(36,26,20,.05)}
.pxltc .p-r span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--d27-soft);margin:0 0 2px}
.pxltc .p-r b{display:block;color:var(--d27-ink);font-weight:700;
  overflow-wrap:anywhere}
.pxltc .p-v{margin:12px 0 0;padding:9px 0 0;border-top:1px solid rgba(36,26,20,.09);
  font-size:clamp(20px,2.5vw,28px);font-weight:800;letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere}
.pxltc .p-col.bad .p-v{color:var(--d27-bad)}
.pxltc .p-col.good .p-v{color:var(--d27-good)}
.pxltc .p-note{margin:16px 0 0;padding:13px 15px;border-radius:12px;background:#f6f5f4;
  border-left:3px solid var(--d27-orange);font-size:13px;line-height:1.6;color:var(--d27-ink)}

/* ---------- 6. a sequence that fills in ---------- */
.pxltc .s-list{list-style:none;margin:0;padding:0;counter-reset:s}
.pxltc .s-it{display:flex;gap:13px;align-items:flex-start;padding:11px 0;
  border-bottom:1px solid var(--d27-line)}
.pxltc .s-it:last-child{border-bottom:0}
.pxltc .s-n{flex:none;width:25px;height:25px;border-radius:50%;background:var(--d27-orange);
  color:#fff;font-size:12.5px;font-weight:800;display:flex;align-items:center;
  justify-content:center;margin-top:1px}
.pxltc .s-b{display:block}
.pxltc .s-b b{display:block;font-size:14px;font-weight:700;color:var(--d27-ink);margin:0 0 3px}
.pxltc .s-b em{display:block;font-style:normal;font-size:12.5px;line-height:1.55;
  color:var(--d27-soft)}
.pxltc .s-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  margin:16px 0 0;padding:14px 15px;border-radius:12px;background:#f6f5f4;
  border:1px solid var(--d27-line)}
.pxltc .s-total span{font-size:12.5px;font-weight:700;color:var(--d27-soft)}
.pxltc .s-total b{font-size:clamp(20px,2.5vw,26px);font-weight:800;color:var(--d27-orange-dk);
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* ---------- 7. bars drawn to scale against each other ---------- */
.pxltc .k-row{margin:0 0 15px}
.pxltc .k-row:last-of-type{margin-bottom:0}
.pxltc .k-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  margin:0 0 7px}
.pxltc .k-h span{font-size:13px;font-weight:700;color:var(--d27-ink)}
.pxltc .k-h b{font-size:13px;font-weight:800;color:var(--d27-soft);
  font-variant-numeric:tabular-nums}
.pxltc .k-bar{height:14px;border-radius:999px;background:#edecea;overflow:hidden}
.pxltc .k-bar i{display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,#f5873c,var(--d27-orange))}
.pxltc .k-bar.calm i{background:linear-gradient(90deg,#8fc9a2,#4f9d6b)}
.pxltc .k-bar.grey i{background:linear-gradient(90deg,#d9d0c9,#b9ab9f)}
.pxltc .k-note{margin:18px 0 0;padding:13px 15px;border-radius:12px;background:#f6f5f4;
  font-size:13px;line-height:1.6;color:var(--d27-ink)}

/* ---------- 8. a file writing itself ---------- */
.pxltc .o-file{border:1px solid var(--d27-line);border-radius:13px;overflow:hidden;background:#fcfcfc}
.pxltc .o-name{display:flex;align-items:center;gap:8px;padding:10px 13px;
  background:#f4f3f2;border-bottom:1px solid var(--d27-line);
  font-size:12px;font-weight:800;color:var(--d27-ink)}
.pxltc .o-name span{width:9px;height:11px;border-radius:2px;background:var(--d27-orange);flex:none}
.pxltc .o-body{padding:13px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;line-height:1.75}
.pxltc .o-l{color:var(--d27-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pxltc .o-l.h{color:var(--d27-ink);font-weight:700}
.pxltc .o-l.c{color:#a08a7b}
.pxltc .o-l.b{height:8px}
.pxltc .o-foot{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#f6f5f4;
  font-size:13px;line-height:1.6;color:var(--d27-ink)}

/* ---------- 9. variants of one output ---------- */
.pxltc .v-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pxltc .v-it{text-align:center}
.pxltc .v-art{display:flex;align-items:center;justify-content:center;min-height:86px;
  border:1px solid var(--d27-line);border-radius:12px;background:#fcfcfc;padding:12px}
.pxltc .v-l{display:block;margin:8px 0 0;font-size:11px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:var(--d27-soft)}
.pxltc .v-note{margin:16px 0 0;padding:13px 15px;border-radius:12px;background:#f6f5f4;
  font-size:13px;line-height:1.6;color:var(--d27-ink)}
/* the sample marks are type, not images - no asset to load or go stale */
.pxltc .v-wm{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--d27-ink)}
.pxltc .v-wm.thin{font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.pxltc .v-mk{display:flex;align-items:center;gap:7px}
.pxltc .v-mk i{width:24px;height:24px;border-radius:7px;background:var(--d27-orange);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;
  font-weight:800;font-style:normal;flex:none}
.pxltc .v-mk.round i{border-radius:50%}

/* ---------- 10. a conversation playing out ---------- */
.pxltc .c-thread{display:flex;flex-direction:column;gap:9px;position:relative}
.pxltc .c-msg{display:flex}
.pxltc .c-msg.you{justify-content:flex-end}
.pxltc .c-msg span{
  display:inline-block;max-width:82%;padding:9px 13px;border-radius:14px;
  font-size:13.5px;line-height:1.5}
.pxltc .c-msg.bot span{background:#f0efee;color:var(--d27-ink);border-bottom-left-radius:5px}
.pxltc .c-msg.you span{background:var(--d27-orange);color:#fff;border-bottom-right-radius:5px}
.pxltc .c-typing{display:none;align-items:center;gap:4px;padding:10px 13px;width:fit-content;
  background:#f0efee;border-radius:14px;border-bottom-left-radius:5px}
.pxltc .c-typing i{width:6px;height:6px;border-radius:50%;background:#bda593;display:block}
.pxltc .c-note{margin:18px 0 0;padding:13px 15px;border-radius:12px;background:#f6f5f4;
  border-left:3px solid var(--d27-orange);font-size:13px;line-height:1.6;color:var(--d27-ink)}

/* ---------- the quiet band of numerals ---------- */
.pxltc .d27-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,2vw,22px);margin:clamp(34px,4.5vw,52px) 0 0}
.pxltc .d27-stat{
  background:#fff;border-radius:18px;padding:clamp(22px,2.6vw,32px);
  box-shadow:0 1px 2px rgba(36,26,20,.04),0 12px 30px -16px rgba(36,26,20,.2)}
.pxltc .d27-stat .n{
  font-size:clamp(32px,4.2vw,52px);font-weight:800;letter-spacing:-.035em;
  line-height:1;color:var(--d27-orange-dk);font-variant-numeric:tabular-nums}
.pxltc .d27-stat .l{margin:12px 0 0;font-size:13.5px;line-height:1.55;color:var(--d27-body)}

/* ---------- the closing band ----------
   it used to be near-black with white text. Now that the background is light,
   every one of those colours has to come back to the normal ink/body pair or
   the whole band would be white-on-white. A hairline rule replaces the colour
   as the thing that marks it as the end of the page. */
.pxltc .d27-dark{background:var(--d27-dark);color:var(--d27-body);
  border-top:1px solid var(--d27-line)}
.pxltc .d27-dark .d27-head h2{color:var(--d27-ink)}
.pxltc .d27-dark .d27-head p{color:var(--d27-body)}
.pxltc .d27-dark .d27-head .kicker{color:var(--d27-orange-dk)}
.pxltc .d27-dark a:not(.d27-btn){color:var(--d27-orange-dk);text-decoration:underline;
  text-underline-offset:2px}
.pxltc .d27-btn{
  display:inline-block;margin:28px 0 0;padding:15px 30px;border-radius:999px;
  background:var(--d27-orange);color:#fff;font-weight:800;font-size:15.5px;
  text-decoration:none;transition:background .2s,transform .2s}
.pxltc .d27-btn:hover{background:#f57220;transform:translateY(-1px);color:#fff}
.pxltc .d27-why{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2.4vw,30px);margin:clamp(38px,5vw,58px) 0 0;text-align:left}
.pxltc .d27-why div{
  padding:22px;border-radius:16px;background:#fff;
  border:1px solid var(--d27-line)}
.pxltc .d27-why h4{margin:0 0 9px;font-size:16px;font-weight:800;color:var(--d27-ink)}
.pxltc .d27-why p{margin:0;font-size:14px;line-height:1.66;color:var(--d27-body)}

/* ---------- reveal ----------
   the finished state is the default. The JS only takes it away after it has
   confirmed GSAP and ScrollTrigger are both present, so if the libraries never
   arrive - or arrive broken - the page still reads as a finished page. */
.pxltc.d27-armed .d27-rv{opacity:0}

@media (max-width:860px){
  .pxltc .d27-row{grid-template-columns:minmax(0,1fr);gap:30px}
  .pxltc .d27-row.flip .d27-copy,
  .pxltc .d27-row.flip .d27-art{order:0}
  .pxltc .d27-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pxltc .d27-why{grid-template-columns:minmax(0,1fr)}
  /* the long term was being ellipsised away on a phone; let it wrap instead */
  .pxltc .f-row{grid-template-columns:104px minmax(0,1fr) 30px;gap:9px}
  .pxltc .f-term{white-space:normal;overflow:visible;font-size:12.5px;line-height:1.28}
  /* two columns of figures do not survive a phone; they stack */
  .pxltc .p-flip{grid-template-columns:minmax(0,1fr)}
  .pxltc .o-body{font-size:11px}
}
@media (max-width:480px){
  .pxltc .d27-stats{grid-template-columns:minmax(0,1fr)}
  .pxltc .g-zones{flex-wrap:wrap}
  .pxltc .g-zones div{flex:1 1 44%}
}
@media (prefers-reduced-motion:reduce){
  .pxltc.d27-armed .d27-rv{opacity:1}
}