/* Pixels Trade 2026 — all rules scoped to .pxt */
.pxt{--ink:#1A1B4B;--txt:#1F2937;--g7:#374151;--g6:#4B5563;--g5:#6B7280;--g4:#9CA3AF;--g3:#D1D5DB;--g2:#E5E7EB;--g1:#F3F4F6;--g0:#F9FAFB;--warm:#F2F1ED;--or:#FF8800;--or-t:#C25E00;--dark:#0D0D0E;
 font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;color:var(--txt);background:#FFFFFF;-webkit-font-smoothing:antialiased;overflow-x:clip}
.pxt *,.pxt *::before,.pxt *::after{box-sizing:border-box}
.pxt h1,.pxt h2,.pxt h3,.pxt h4,.pxt p,.pxt ul,.pxt ol,.pxt figure{margin:0;padding:0}
.pxt ul{list-style:none}
.pxt img{max-width:100%;display:block}
.pxt a{color:inherit;text-decoration:none}
.pxt button{font:inherit}
.pxt .w{max-width:1280px;margin:0 auto;padding:0 40px}
.pxt .sec{padding:112px 0}
.pxt .sec-s{padding:72px 0}
.pxt .soft{background:var(--g0)}
.pxt .warm{background:var(--warm)}
.pxt /* type */
.eb{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--or-t)}
.pxt .eb .mk{color:var(--or)}
.pxt .h1{font-size:clamp(44px,6.2vw,80px);line-height:1.03;letter-spacing:-.035em;font-weight:600;color:var(--ink)}
.pxt .h2{font-size:clamp(32px,4.2vw,54px);line-height:1.08;letter-spacing:-.03em;font-weight:600;color:var(--ink)}
.pxt .h3{font-size:24px;line-height:1.25;letter-spacing:-.015em;font-weight:600;color:var(--ink)}
.pxt .h4{font-size:19px;line-height:1.3;font-weight:600;color:var(--ink)}
.pxt .lead{font-size:clamp(17px,1.45vw,20px);line-height:1.6;color:var(--g6)}
.pxt .p{font-size:16px;line-height:1.65;color:var(--g6)}
.pxt .sm{font-size:14px;line-height:1.55;color:var(--g6)}
.pxt .acc{color:var(--or)}
.pxt .il{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:2px;text-underline-offset:4px}
.pxt .il:hover{color:var(--or-t)}
.pxt .dd-sep{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g5);padding:12px 14px 4px;border-top:1px solid var(--g2);margin-top:6px}
.pxt .glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--g2);border:1px solid var(--g2);border-radius:24px;overflow:hidden}
.pxt .glance div{background:#FFFFFF;padding:24px 26px;display:flex;flex-direction:column;gap:6px}
.pxt .glance dt{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--or-t)}
.pxt .glance dd{margin:0;color:var(--ink);font-weight:500;line-height:1.45}
.pxt .hd{display:flex;flex-direction:column;gap:18px;max-width:780px}
.pxt .hd.c{align-items:center;text-align:center;margin:0 auto}
.pxt .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pxt .between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.pxt .stack{display:flex;flex-direction:column}
.pxt .g8{gap:8px}
.pxt .g12{gap:12px}
.pxt .g16{gap:16px}
.pxt .g20{gap:20px}
.pxt .g24{gap:24px}
.pxt .g32{gap:32px}
.pxt .g48{gap:48px}
.pxt .g56{gap:56px}
.pxt /* grids */
.grid{display:grid;gap:20px}
.pxt .c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pxt .c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pxt .c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pxt .c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pxt .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.pxt /* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:40px;font-size:15px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s,color .3s,border-color .3s}
.pxt .btn .ar{transition:transform .3s}
.pxt .btn:hover{transform:translateY(-2px)}
.pxt .btn:hover .ar{transform:translate(2px,-2px)}
.pxt .b-d{background:var(--ink);color:#FFFFFF}
.pxt .b-d:hover{color:#FFFFFF;box-shadow:0 14px 30px -12px rgba(26,27,75,.55)}
.pxt .b-o{background:var(--or);color:var(--ink)}
.pxt .b-o:hover{color:var(--ink);box-shadow:0 14px 30px -12px rgba(255,136,0,.6)}
.pxt .b-l{border-color:var(--g3);color:var(--ink);background:rgba(255,255,255,.7)}
.pxt .b-l:hover{border-color:var(--ink);color:var(--ink)}
.pxt .b-w{border-color:rgba(255,255,255,.4);color:#FFFFFF;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pxt .b-w:hover{color:#FFFFFF;background:rgba(255,255,255,.16)}
.pxt .lnk{display:inline-flex;align-items:center;gap:6px;color:var(--or-t);font-weight:500}
.pxt .lnk:hover{color:var(--ink)}
.pxt .chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:40px;background:var(--g1);color:var(--g7);font-size:13px;font-weight:500}
.pxt .chip.cw{background:#FFFFFF;border:1px solid var(--g2)}
.pxt /* surfaces */
.glass{background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.78);box-shadow:0 22px 50px -22px rgba(26,27,75,.3),inset 0 1px 0 rgba(255,255,255,.9)}
.pxt .glass-d{background:rgba(255,255,255,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15)}
.pxt .card{border:1px solid var(--g2);border-radius:24px;background:#FFFFFF;padding:30px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.pxt .card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(26,27,75,.28);border-color:var(--g3)}
.pxt .ph{position:relative;overflow:hidden;border-radius:24px;background:var(--g1)}
.pxt .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.pxt .ph:hover img{transform:scale(1.05)}
.pxt .kb img{animation:kb 20s ease-in-out infinite alternate}
.pxt .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#FFF3E5;color:var(--or-t);flex-shrink:0}
.pxt .num{font-size:44px;font-weight:600;color:var(--or);letter-spacing:-.04em;line-height:1}
.pxt .ticks{display:flex;flex-direction:column;gap:12px}
.pxt .ticks li{display:flex;gap:10px;align-items:flex-start;color:var(--g7);line-height:1.5}
.pxt .ticks li svg{flex-shrink:0;margin-top:2px;color:var(--or-t)}
.pxt .dark{background:var(--dark);color:#D1D5DB}
.pxt .dark .h2,.pxt .dark .h3,.pxt .dark .h4{color:#FFFFFF}
.pxt .dark .eb{color:#FFB766}
.pxt .dark .p,.pxt .dark .lead{color:#C4C9D4}
.pxt /* header */
.hdr{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.75);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.pxt .hdr.sc{border-color:var(--g2);box-shadow:0 10px 30px -20px rgba(26,27,75,.25)}
.pxt .hdr .w{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}
.pxt .logo img{width:84px;height:36px}
.pxt .nav{display:flex;align-items:center;gap:30px}
.pxt .nav>a,.pxt .dd>button{color:var(--g6);font-size:16px;padding:6px 0;border:0;border-bottom:1px solid transparent;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .25s,border-color .25s}
.pxt .nav>a:hover,.pxt .dd>button:hover{color:var(--ink)}
.pxt .nav>a.on,.pxt .dd.on>button{color:var(--ink);border-color:var(--g6)}
.pxt .dd{position:relative}
.pxt .dd-m{position:absolute;left:-18px;top:100%;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s}
.pxt .dd:hover .dd-m,.pxt .dd:focus-within .dd-m,.pxt .dd.op .dd-m{opacity:1;visibility:visible;transform:none}
.pxt .dd-in{border-radius:20px;padding:10px;min-width:280px;display:flex;flex-direction:column}
.pxt .dd-in a{display:flex;flex-direction:column;padding:12px 14px;border-radius:12px;color:var(--ink);font-weight:500}
.pxt .dd-in a span{font-size:13px;color:var(--g5);font-weight:400}
.pxt .dd-in a:hover{background:rgba(255,136,0,.09)}
.pxt .burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--g2);background:#FFFFFF;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
.pxt .mnav{display:none}
.pxt /* footer */
.ftr{background:var(--warm);color:var(--g6);padding:88px 0 32px;overflow:hidden}
.pxt .ftr a{color:var(--g7);transition:color .25s}
.pxt .ftr a:hover{color:var(--or-t)}
.pxt .ftr .btn.b-d{color:#FFFFFF}
.pxt .ftr .btn.b-l{color:var(--ink)}
.pxt .ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:56px;border-bottom:1px solid var(--g3)}
.pxt .ft-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;padding:48px 0;font-size:15px;line-height:1.6}
.pxt .ftr .lbl{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--or-t)}
.pxt .certs{display:flex;align-items:center;gap:14px}
.pxt .certs img{height:32px;width:auto;opacity:.75;transition:opacity .3s}
.pxt .certs img:hover{opacity:1}
.pxt .ftr .bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;border-top:1px solid var(--g3);color:var(--g5);font-size:14px}
.pxt /* logos */
.lw span img{max-width:150px;max-height:64px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .4s,opacity .4s,transform .4s}
.pxt .lw span:hover img{filter:none;opacity:1;transform:scale(1.06)}
.pxt .mq .lg{display:grid;place-items:center;width:200px;height:100px;border-radius:18px;background:#FFFFFF;border:1px solid var(--g2);flex-shrink:0}
.pxt .mq .lg img{max-width:150px;max-height:64px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .4s,opacity .4s}
.pxt .mq .lg:hover img{filter:none;opacity:1}
.pxt .pc .lt{height:240px;border-radius:18px;background:var(--g0);border:1px solid var(--g2);display:grid;place-items:center}
.pxt .pc .lt img{max-width:60%;max-height:120px;object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pxt .pc:hover .lt img{transform:scale(1.08)}
.pxt .pc .shot{background:#FFFFFF;border:1px solid var(--g2)}
.pxt .pc .shot img{object-fit:cover;object-position:top center}
.pxt /* hero */
.hero{padding:64px 0 88px;position:relative}
.pxt .hero .split{grid-template-columns:1.05fr .95fr}
.pxt .hero-ph{position:relative;min-height:540px}
.pxt .hero-ph .ph{position:absolute;inset:0 0 0 40px;border-radius:36px}
.pxt .badge{position:absolute;border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.pxt .ribbon{background:var(--warm);padding:26px 0;overflow:hidden}
.pxt .mq{display:flex;align-items:center;gap:56px;width:max-content;animation:mq 40s linear infinite;white-space:nowrap}
.pxt .mq-w{overflow:hidden}
.pxt .mq-w:hover .mq{animation-play-state:paused}
.pxt .mq .dt{width:10px;height:10px;border-radius:50%;background:var(--or);flex-shrink:0}
.pxt .fade-x{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pxt /* page hero (inner) */
.phero{padding:56px 0 96px}
.pxt .phero .ph{height:500px;border-radius:32px}
.pxt .crumb{font-size:14px;color:var(--g5);display:flex;gap:8px;align-items:center}
.pxt .crumb a:hover{color:var(--ink)}
.pxt /* stats */
.stats{position:relative;overflow:hidden;padding:120px 0}
.pxt .stats .bgimg{position:absolute;inset:0}
.pxt .stats .bgimg img{width:100%;height:100%;object-fit:cover;opacity:.45;transform:scale(1.12)}
.pxt .stats .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,14,.55),rgba(13,13,14,.9))}
.pxt .stat{border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:10px}
.pxt .stat .k{font-size:13px;letter-spacing:.12em;color:#FFB766;font-weight:600;text-transform:uppercase}
.pxt .stat .v{font-size:64px;font-weight:600;letter-spacing:-.04em;color:#FFFFFF;line-height:1}
.pxt .stat .v small{font-size:28px;color:var(--g4);font-weight:500}
.pxt .stat .d{color:#D1D5DB;font-size:15px;line-height:1.5}
.pxt /* tabs (CSS-only,.pxt radios) */
.tabs>input{position:absolute;opacity:0;pointer-events:none}
.pxt .tbar{display:flex;flex-wrap:wrap;gap:10px}
.pxt .tl{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:40px;border:1px solid var(--g2);color:var(--g6);font-weight:500;cursor:pointer;transition:all .3s;background:#FFFFFF}
.pxt .tl:hover{border-color:var(--ink);color:var(--ink)}
.pxt .pane{display:none}
.pxt .tabs>input:nth-of-type(1):checked~.tbar .tl:nth-child(1),.pxt .tabs>input:nth-of-type(2):checked~.tbar .tl:nth-child(2),.pxt .tabs>input:nth-of-type(3):checked~.tbar .tl:nth-child(3){background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
.pxt .tabs>input:nth-of-type(1):checked~.panes .pane:nth-child(1),.pxt .tabs>input:nth-of-type(2):checked~.panes .pane:nth-child(2),.pxt .tabs>input:nth-of-type(3):checked~.panes .pane:nth-child(3){display:grid;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.pxt .tabs>input:focus-visible~.tbar{outline:2px solid var(--or);outline-offset:6px;border-radius:40px}
.pxt .tabs .pane{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center;margin-top:40px}
.pxt /* filter grid (references) */
.flt>input{position:absolute;opacity:0;pointer-events:none}
.pxt .flt>input:nth-of-type(1):checked~.tbar .tl:nth-child(1),.pxt .flt>input:nth-of-type(2):checked~.tbar .tl:nth-child(2),.pxt .flt>input:nth-of-type(3):checked~.tbar .tl:nth-child(3),.pxt .flt>input:nth-of-type(4):checked~.tbar .tl:nth-child(4){background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
.pxt .flt>input:nth-of-type(2):checked~.grid .pc:not(.f-fin),.pxt .flt>input:nth-of-type(3):checked~.grid .pc:not(.f-hea),.pxt .flt>input:nth-of-type(4):checked~.grid .pc:not(.f-sup){display:none}
.pxt /* project cards */
.pc{display:flex;flex-direction:column;gap:18px;padding:12px 12px 26px;color:var(--txt)}
.pxt .pc .ph{height:260px;border-radius:18px}
.pxt .pc .tile{height:240px;border-radius:18px;display:flex;align-items:flex-end;padding:22px;position:relative;overflow:hidden}
.pxt .pc .tile .big{position:absolute;right:-6px;top:-34px;font-size:210px;font-weight:700;letter-spacing:-.06em;color:rgba(255,255,255,.16);line-height:1;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pxt .pc:hover .tile .big{transform:translate(-10px,10px)}
.pxt .pc .bd{padding:0 12px;display:flex;flex-direction:column;gap:8px}
.pxt .pc .cat{font-size:13px;color:var(--or-t);font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pxt /* logos wall (text) */
.lw{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--g2);border-left:1px solid var(--g2)}
.pxt .lw span{border-right:1px solid var(--g2);border-bottom:1px solid var(--g2);min-height:110px;display:grid;place-items:center;font-size:20px;font-weight:600;color:var(--g4);letter-spacing:-.01em;transition:color .3s,background .3s;text-align:center;padding:12px}
.pxt .lw span:hover{color:var(--ink);background:var(--g0)}
.pxt /* steps line */
.steps{display:grid;gap:28px}
.pxt .step{display:flex;flex-direction:column;gap:10px;padding-top:24px;border-top:2px solid var(--ink);position:relative}
.pxt .step::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--or)}
.pxt .step .k{font-size:13px;font-weight:600;color:var(--or-t);letter-spacing:.12em;text-transform:uppercase}
.pxt .dx{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;padding:28px;border-radius:28px;background:linear-gradient(135deg,#FFF6EA,#FFE2B8)}
.pxt .dxc{border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}
.pxt .dxc.hl{background:rgba(26,27,75,.92);border-color:rgba(26,27,75,.92)}
.pxt .dxc.hl .h4{color:#FFFFFF}
.pxt .dxc.hl .sm{color:#C4C9D4}
.pxt .dxm{align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:110px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--or-t)}
.pxt .trust{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--g5)}
.pxt .trust svg{color:var(--or-t);width:15px;height:15px}
.pxt .rule{border-left:3px solid var(--or);padding:16px 20px;background:#FFF8F0;border-radius:0 14px 14px 0;font-weight:500;color:var(--ink);line-height:1.55}
.pxt .mcta{display:none}
.pxt .phero .h1{font-size:clamp(36px,4.4vw,58px);line-height:1.06}
.pxt .pk .btn{min-height:46px;padding:0 18px;font-size:14px;text-align:center}
.pxt .stat .d{font-size:15px}
.pxt button.pc{text-align:left;font:inherit;cursor:pointer;width:100%;background:#FFFFFF}
.pxt .pm{border:0;padding:0;border-radius:28px;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 48px);box-shadow:0 60px 120px -30px rgba(26,27,75,.5);color:var(--txt);background:#FFFFFF}
.pxt .pm::backdrop{background:rgba(13,13,14,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pxt .pm[open]{animation:rise .45s cubic-bezier(.2,.7,.2,1) both}
.pxt .pm-in{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:18px}
.pxt .pm-x{position:sticky;top:14px;float:right;margin:14px 14px -58px 0;width:44px;height:44px;border-radius:50%;border:1px solid var(--g2);background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;color:var(--ink);z-index:2}
.pxt .pm-x:hover{border-color:var(--ink)}
.pxt .pm .cat{font-size:13px;color:var(--or-t);font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pxt .pm-b{gap:14px}
.pxt .pm-b>div{background:var(--g0);border:1px solid var(--g2);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
.pxt .pm-f{display:flex;flex-direction:column;gap:8px}
.pxt .pm-f img{width:100%;border-radius:18px;border:1px solid var(--g2)}
.pxt .dd-in.glass{background:rgba(255,255,255,.97);border:1px solid var(--g2);box-shadow:0 30px 60px -24px rgba(26,27,75,.35)}
.pxt .wb{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,4vw,56px);align-items:center;padding:14px;color:var(--txt)}
.pxt .wb .ph{aspect-ratio:4/3;border-radius:18px;border:1px solid var(--g2);background:#F7F5F0}
.pxt .wb.alt .ph{order:2}
.pxt .wb .wbt{padding:10px 18px}
.pxt .t5>input:nth-of-type(4):checked~.tbar .tl:nth-child(4),.pxt .t5>input:nth-of-type(5):checked~.tbar .tl:nth-child(5){background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
.pxt .t5>input:nth-of-type(4):checked~.panes .pane:nth-child(4),.pxt .t5>input:nth-of-type(5):checked~.panes .pane:nth-child(5){display:grid;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.pxt .ef .nd{padding:22px;gap:8px}
.pxt .ef .nd.hl .tlab{color:#FFB766}
.pxt .ef .cn{flex:0 0 36px}
.pxt /* v6 */
.asc{display:flex;flex-direction:column;gap:14px}
.pxt .awi{height:200px;border-radius:18px;background:var(--g0);border:1px solid var(--g2);display:grid;place-items:center}
.pxt .awi img{max-width:70%;max-height:150px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.pxt .crt{padding:12px 12px 22px;display:flex;flex-direction:column;gap:14px}
.pxt .secbg{display:flex;justify-content:center;padding:40px 20px;border-radius:28px;background:linear-gradient(160deg,#FFFFFF,#FFE7C2)}
.pxt .dd-in{display:grid;grid-template-columns:1fr 1fr;min-width:560px}
.pxt .dd-sep{grid-column:1/-1}
.pxt .certs img{mix-blend-mode:multiply}
.pxt .certs img[alt="Sortlist"]{height:18px}
.pxt /* awards */
.aw{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--g2);flex-wrap:wrap;transition:padding .35s}
.pxt .aw:hover{padding-left:12px}
.pxt .aw .t{font-size:clamp(20px,2.2vw,28px);font-weight:600;color:var(--ink);letter-spacing:-.02em}
.pxt /* tools */
.tgrp{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;padding-top:24px;border-top:1px solid var(--g2)}
.pxt .tlab{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--or-t)}
.pxt .tools{display:flex;flex-wrap:wrap;gap:10px}
.pxt .tool{display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:14px;border:1px solid var(--g2);background:#FFFFFF;color:var(--g7);font-size:14px;font-weight:500;transition:all .35s cubic-bezier(.2,.7,.2,1)}
.pxt .tool svg{fill:var(--g5);transition:fill .35s,transform .35s}
.pxt .tool:hover{border-color:var(--bc,var(--ink));transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(26,27,75,.35);color:var(--ink)}
.pxt .tool:hover svg{fill:var(--bc);transform:scale(1.1)}
.pxt .tool.wm{padding:10px 16px;font-weight:600;color:var(--g6)}
.pxt /* partners */
.ptn{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:1px solid var(--g2);border-radius:24px;background:#FFFFFF}
.pxt .pt-l{display:grid;place-items:center;width:150px;height:84px;border-radius:16px;background:var(--g0);transition:transform .35s,box-shadow .35s}
.pxt .pt-l img{max-width:110px;max-height:56px;width:auto;height:auto;object-fit:contain}
.pxt .pt-l:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(26,27,75,.35)}
.pxt .ftr .ptn{background:transparent;border-color:var(--g3);padding:20px 0;border-width:1px 0 0 0;border-radius:0;margin-top:8px}
.pxt .ftr .pt-l{background:#FFFFFF}
.pxt /* testimonials */
.tm{display:flex;flex-direction:column;gap:18px}
.pxt .tq{font-size:18px;line-height:1.55;color:var(--ink);font-weight:500;letter-spacing:-.01em;flex-grow:1}
.pxt .tp{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid var(--g2)}
.pxt .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#FFFFFF;font-weight:600;font-size:14px;flex-shrink:0}
.pxt .tm .chip{align-self:flex-start}
.pxt .srt{display:flex;align-items:center;gap:16px;padding:16px 22px;border-radius:20px;border:1px solid var(--g2);background:#FFFFFF;transition:box-shadow .3s,transform .3s}
.pxt .srt:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(26,27,75,.35)}
.pxt .srt .big{font-size:44px;font-weight:600;letter-spacing:-.04em;color:var(--ink);line-height:1}
.pxt /* AI showcase cards */
.aic{padding:12px 12px 22px;display:flex;flex-direction:column;gap:14px;color:var(--txt)}
.pxt .aic .ph{height:auto;aspect-ratio:4/3;border-radius:18px;background:#F7F5F0;border:1px solid var(--g2)}
.pxt .phero .ph{border:1px solid var(--g2)}
.pxt /* flow diagram */
.flow{display:flex;align-items:stretch;gap:0;padding:28px;border-radius:28px;background:linear-gradient(135deg,#FFF6EA,#FFE2B8);overflow:hidden;position:relative}
.pxt .nd{flex:1 1 0;min-width:0;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1;transition:transform .4s}
.pxt .nd:hover{transform:translateY(-4px)}
.pxt .nd.hl{background:var(--ink);border-color:var(--ink)}
.pxt .nd.hl .h4{color:#FFFFFF}
.pxt .nd.hl .sm{color:#C4C9D4}
.pxt .nd.hl .ni{background:var(--or);color:var(--ink)}
.pxt .ni{width:42px;height:42px;border-radius:12px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--or-t);margin-bottom:6px;box-shadow:0 6px 16px -8px rgba(26,27,75,.3)}
.pxt .cn{flex:0 0 44px;align-self:center;height:2px;background:repeating-linear-gradient(90deg,var(--or) 0 6px,transparent 6px 12px);position:relative}
.pxt .cn span{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--or);box-shadow:0 0 12px var(--or);animation:trv 2.4s linear infinite}
@keyframes trv{from{left:-4px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 6px);opacity:0}}
.pxt /* awards */
.awc{padding:12px 12px 24px;display:flex;flex-direction:column;gap:14px}
.pxt .awc .ph{height:230px;border-radius:18px;background:#F7F5F0}
.pxt /* AI page */
.chat{border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:16px}
.pxt .chat .top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);padding-bottom:14px;border-bottom:1px solid var(--g2)}
.pxt .live{display:inline-flex;align-items:center;gap:8px;color:var(--or-t)}
.pxt .dot{width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 0 0 rgba(255,136,0,.55);animation:pl 2s infinite}
.pxt .q{font-weight:500;color:var(--ink);background:var(--g1);padding:14px 16px;border-radius:14px 14px 14px 4px}
.pxt .a{font-size:15px;color:var(--g7);line-height:1.65}
.pxt .typing span{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--g4);animation:typ 1.2s infinite}
.pxt .typing span:nth-child(2){animation-delay:.2s}
.pxt .typing span:nth-child(3){animation-delay:.4s}
.pxt .src{font-size:12px;font-weight:500;color:var(--ink);background:#FFF3E5;padding:5px 10px;border-radius:8px}
.pxt .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:24px;overflow:hidden;gap:1px;background:var(--g2)}
.pxt .kpis div{background:#FFFFFF;padding:32px 28px;display:flex;flex-direction:column;gap:8px}
.pxt .kpis b{font-size:40px;font-weight:600;letter-spacing:-.04em;color:var(--ink);line-height:1}
.pxt .pain{padding:32px 0;border-top:1px solid var(--g2);display:flex;flex-direction:column;gap:12px}
.pxt .panel-steps{background:var(--g0);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:4px;counter-reset:st}
.pxt .panel-steps .st{counter-increment:st;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:12px 0}
.pxt .panel-steps .st::before{content:counter(st,decimal-leading-zero);font-weight:600;font-size:20px;color:var(--or);letter-spacing:-.02em}
.pxt .panel-steps strong{display:block;color:var(--ink);font-weight:600}
.pxt .cmp{overflow-x:auto;border:1px solid var(--g2);border-radius:24px}
.pxt .cmp table{width:100%;min-width:720px;border-collapse:collapse;font-size:15px}
.pxt .cmp th,.pxt .cmp td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--g2)}
.pxt .cmp tr:last-child td{border-bottom:0}
.pxt .cmp thead th{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g5);background:var(--g0)}
.pxt .cmp thead th.us{background:var(--ink);color:#FFFFFF}
.pxt .cmp td:first-child{font-weight:500;color:var(--ink)}
.pxt .cmp td.us{background:#FFF8F0;color:var(--ink);font-weight:500}
.pxt .cmp .no{color:var(--g5)}
.pxt .sec-hd{height:230px;border-radius:18px;padding:24px;display:flex;align-items:flex-end;color:#FFFFFF;font-weight:600;font-size:24px;line-height:1.15;position:relative;overflow:hidden}
.pxt .sec-hd img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.pxt .sec-hd::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,27,75,0) 35%,rgba(26,27,75,.85))}
.pxt .sec-hd span{position:relative;z-index:1}
.pxt .card:hover .sec-hd img{transform:scale(1.06)}
.pxt .dots li{position:relative;padding:6px 0 6px 20px;color:var(--g7);font-size:15px}
.pxt .dots li::before{content:"";position:absolute;left:0;top:17px;width:8px;height:2px;background:var(--or)}
.pxt .case{padding:36px 32px;display:flex;flex-direction:column;gap:12px;border-radius:24px}
.pxt .case .out{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);color:#FFFFFF;font-weight:500;font-size:15px}
.pxt .roi{display:grid;grid-template-columns:1.1fr .9fr;border-radius:28px;overflow:hidden;border:1px solid var(--g2)}
.pxt .roi-in{padding:44px;background:#FFFFFF;display:flex;flex-direction:column;gap:28px}
.pxt .fld label{display:flex;justify-content:space-between;gap:16px;font-size:15px;font-weight:500;color:var(--ink);margin-bottom:12px}
.pxt .fld output{font-weight:600;color:var(--or-t);white-space:nowrap}
.pxt .fld input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:var(--g2);outline:none;cursor:pointer}
.pxt .fld input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--or);border:4px solid #FFFFFF;box-shadow:0 0 0 1px var(--or),0 4px 10px rgba(255,136,0,.4)}
.pxt .fld input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--or);border:4px solid #FFFFFF;box-shadow:0 0 0 1px var(--or)}
.pxt .fld input[type=range]:focus-visible{outline:2px solid var(--or);outline-offset:6px}
.pxt .roi-out{background:var(--ink);color:#FFFFFF;padding:44px;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;overflow:hidden}
.pxt .roi-out::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-120px;background:radial-gradient(circle,rgba(255,136,0,.45),transparent 65%);animation:fl 9s ease-in-out infinite}
.pxt .roi-out>*{position:relative}
.pxt .roi-out .big{font-size:clamp(52px,6.5vw,78px);font-weight:600;letter-spacing:-.04em;line-height:1}
.pxt .roi-out .ln{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding:14px 0;font-size:15px}
.pxt .pk{display:flex;flex-direction:column;gap:14px;position:relative}
.pxt .pk.ft{border-color:var(--ink);box-shadow:0 30px 60px -30px rgba(26,27,75,.35)}
.pxt .pk .pop{position:absolute;top:22px;right:22px;font-size:12px;font-weight:600;color:var(--ink);background:var(--or);padding:5px 11px;border-radius:40px}
.pxt .pk .dur{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--or-t);padding-bottom:18px;border-bottom:1px solid var(--g2)}
.pxt .pk .ticks{flex-grow:1;margin:8px 0 20px}
.pxt .faq{max-width:880px;margin:0 auto;border-top:1px solid var(--g2)}
.pxt .faq details{border-bottom:1px solid var(--g2)}
.pxt .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:18px;font-weight:600;color:var(--ink)}
.pxt .faq summary::-webkit-details-marker{display:none}
.pxt .faq summary .pm{width:32px;height:32px;border-radius:50%;border:1px solid var(--g3);display:grid;place-items:center;flex-shrink:0;transition:transform .3s,background .3s}
.pxt .faq details[open] summary .pm{transform:rotate(45deg);background:var(--or);border-color:var(--or)}
.pxt .faq details p{padding:0 48px 26px 0}
.pxt /* mock phone (Pixels Secure) */
.phone{position:relative;width:300px;border-radius:44px;padding:12px;background:var(--ink);box-shadow:0 50px 90px -40px rgba(26,27,75,.6)}
.pxt .phone .scr{border-radius:34px;background:#FFFFFF;padding:34px 22px 26px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;min-height:540px}
.pxt .scan{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#FFF3E5;color:var(--or-t);position:relative}
.pxt .scan::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--or);opacity:.5;animation:ring 2.2s ease-out infinite}
.pxt /* form */
.form{border-radius:28px;padding:40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:var(--g0);border:1px solid var(--g2)}
.pxt .fl{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:var(--g7)}
.pxt .fl input,.pxt .fl select,.pxt .fl textarea{font:inherit;font-weight:400;font-size:16px;min-height:50px;padding:12px 16px;border-radius:14px;border:1px solid var(--g3);background:#FFFFFF;color:var(--txt)}
.pxt .fl input:focus,.pxt .fl select:focus,.pxt .fl textarea:focus{outline:2px solid var(--or);outline-offset:1px;border-color:var(--or)}
.pxt .full{grid-column:1/-1}
.pxt .bn{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}
.pxt .bn.b2{grid-template-columns:1fr auto}
.pxt /* motion */
.fl1{animation:fl 7s ease-in-out infinite}
.pxt .fl2{animation:fl 9s ease-in-out infinite reverse}
.pxt .rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.pxt .d1{animation-delay:.08s}
.pxt .d2{animation-delay:.2s}
.pxt .d3{animation-delay:.32s}
.pxt .d4{animation-delay:.44s}
.pxt .d5{animation-delay:.6s}
.pxt.js .rv{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.pxt.js .rv.in{opacity:1;transform:none}
.pxt.js .rv.dl1{transition-delay:.1s}
.pxt.js .rv.dl2{transition-delay:.2s}
.pxt.js .rv.dl3{transition-delay:.3s}
.pxt.js .wipe{clip-path:inset(10% 10% 10% 10% round 40px);transition:clip-path 1.3s cubic-bezier(.2,.7,.2,1)}
.pxt.js .wipe.in{clip-path:inset(0 0 0 0 round 24px)}
.pxt .bar{height:6px;border-radius:6px;background:var(--or);transform-origin:left;animation:bar 2.6s cubic-bezier(.2,.7,.2,1) infinite alternate}
.pxt .ul{background:linear-gradient(var(--or),var(--or)) 0 92%/0 6px no-repeat;animation:ul 1.2s .9s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes pl{70%{box-shadow:0 0 0 10px rgba(255,136,0,0)}100%{box-shadow:0 0 0 0 rgba(255,136,0,0)}}
@keyframes bar{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
@keyframes ul{to{background-size:100% 6px}}
@keyframes typ{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}
@keyframes ring{from{transform:scale(.9);opacity:.6}to{transform:scale(1.25);opacity:0}}
.pxt /* responsive */
@media (max-width:1100px){.c5{grid-template-columns:repeat(3,minmax(0,1fr))}.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:22px}}
@media (max-width:980px){.pxt .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pxt .wb{grid-template-columns:1fr}
.pxt .wb.alt .ph{order:0}
.pxt .tgrp{grid-template-columns:1fr;gap:14px}
.pxt .flow{flex-direction:column;padding:18px}
.pxt .cn{flex:0 0 32px;width:2px;height:32px;align-self:center;background:repeating-linear-gradient(180deg,var(--or) 0 6px,transparent 6px 12px)}
.pxt .cn span{left:-4px;animation-name:trvv}
@keyframes trvv{from{top:-4px;opacity:0}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 6px);opacity:0}}
.pxt .w{padding:0 24px}
.pxt .sec{padding:80px 0}
.pxt .nav,.pxt .hdr .cta{display:none}
.pxt .burger{display:inline-flex}
.pxt .mnav.op{display:flex;flex-direction:column;gap:4px;padding:8px 24px 24px}
.pxt .mnav a{padding:12px 0;border-bottom:1px solid var(--g2);color:var(--ink);font-weight:500}
.pxt .split,.pxt .hero .split,.pxt .tabs .pane,.pxt .roi,.pxt .c2,.pxt .c3{grid-template-columns:1fr}
.pxt .tabs .pane{gap:32px}
.pxt .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.pxt .hero-ph{min-height:420px}
.pxt .hero-ph .ph{inset:0 0 0 20px}
.pxt .phero .ph{height:360px}}
@media (max-width:640px){.pxt .c4,.pxt .c5,.pxt .kpis,.pxt .form,.pxt .bn,.pxt .bn.b2,.pxt .glance,.pxt .dx{grid-template-columns:1fr}
.pxt .mcta{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:90;box-shadow:0 14px 30px -10px rgba(26,27,75,.6)}
.pxt .ftr{padding-bottom:96px}
.pxt .bn{justify-items:start}
.pxt .roi-in,.pxt .roi-out,.pxt .form{padding:26px}
.pxt .hero-ph .ph{inset:0}
.pxt .badge{display:none}
.pxt .stat .v{font-size:52px}}
@media (prefers-reduced-motion:reduce){.pxt *{animation:none !important;transition:none !important}
.pxt.js .rv,.pxt.js .wipe{opacity:1;transform:none;clip-path:none}}
/* Approved service additions. Jade's existing rules remain unchanged above. */
.pxt .pxt-brand-visual{background:var(--warm);height:auto;aspect-ratio:3/2}
.pxt .pxt-brand-visual img{width:100%;height:100%;object-fit:contain;transform:none}
.pxt .pxt-brand-visual:hover img{transform:none}
.pxt .pxt-ai-hero{display:flex;align-items:center;min-height:560px}
.pxt .pxt-ai-hero>.pxt-brand-visual{position:relative;inset:auto;width:100%;border-radius:36px}
.pxt .ic img{width:28px;height:28px;object-fit:contain}
.pxt .pxt-architecture{border:1px solid var(--g2);border-radius:24px;background:var(--warm);overflow-x:auto;overscroll-behavior-x:contain}
.pxt .pxt-architecture img{width:100%;height:auto;object-fit:contain}
.pxt .pxt-lab-frame{display:block;width:100%;height:900px;border:0;border-radius:24px;background:var(--warm)}
.pxt .dd-in{max-height:min(75vh,720px);overflow-y:auto}
.pxt [data-pxt-contact-status]{min-height:24px;color:var(--ink)}
@media(max-width:760px){.pxt .pxt-ai-hero{min-height:0}.pxt .pxt-architecture img{min-width:900px;max-width:none}.pxt .pxt-lab-frame{height:1180px}}