/* Components carried over from the current paylists.com pages, scoped so they keep their original look inside the redesign. */
.xp-h{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6;text-align:left}.xp-h h1,.xp-h h2,.xp-h h3,.xp-h h4,.xp-h h5,.xp-h h6{font-family:inherit;letter-spacing:normal;font-weight:700}.xp-h a{color:#1a6b47}
.xp-h *,.xp-h *::before,.xp-h *::after{box-sizing:border-box;margin:0;padding:0}
.xp-h{--green:#1a6b47;--green-light:#22815a;--ink:#151b26;--mid:#59616e;--muted:#98a2b0;--paper:#fbfaf8;--line:#e4e1db;--line2:#eeebe6;--mono:'DM Mono',ui-monospace,monospace}
.xp-h{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
.xp-h img{display:block}
.xp-h a{color:var(--green);text-decoration:none}
.xp-h a:hover{color:var(--green-light)}
.xp-h .wrap{max-width:1160px;margin:0 auto;padding:0 32px}
.xp-h .eyebrow{font:600 12px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.xp-h .btn{display:inline-block;white-space:nowrap;font:600 15px/1.2 'DM Sans',sans-serif;padding:13px 26px;border-radius:10px;background:var(--green);color:#fff}
.xp-h .btn:hover{background:var(--green-light);color:#fff}
.xp-h .btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.xp-h .btn.ghost:hover{background:#fff;border-color:var(--muted);color:var(--ink)}
.xp-h .tagnew{font:600 9px/1 'DM Sans';letter-spacing:.1em;background:var(--ink);color:#fff;padding:4px 6px;border-radius:4px;vertical-align:middle}
.xp-h .nav-x{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;background:rgba(251,250,248,.94);backdrop-filter:blur(10px)}
.xp-h .nav-x img{height:32px}
.xp-h .nav-x ul{display:flex;gap:2px;list-style:none}
.xp-h .nav-x ul a{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--mid);font-size:14px;font-weight:500;padding:7px 11px;border-radius:8px}
.xp-h .nav-x ul a svg{width:15px;height:15px;flex:0 0 15px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.xp-h .nav-x ul a:hover{color:var(--ink);background:#f1eee9}
.xp-h .nav-x .right{display:flex;gap:10px;align-items:center;flex-shrink:0}
.xp-h .nav-x .right .login{white-space:nowrap;color:var(--mid);font-size:14px;font-weight:500}
.xp-h .nav-x .btn{color:#fff}
.xp-h .lang{position:relative;display:flex;align-items:center;flex-shrink:0;color:var(--mid)}
.xp-h .lang select{appearance:none;-webkit-appearance:none;font:500 13.5px/1.2 'DM Sans',sans-serif;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 36px 9px 15px;height:38px;cursor:pointer;text-overflow:clip}
.xp-h .lang select:hover{border-color:var(--muted)}
.xp-h .lang select:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.xp-h .lang svg{position:absolute;right:13px;width:11px;pointer-events:none}
.xp-h .hero{position:relative;padding:72px 0 84px;border-bottom:1px solid var(--line)}
.xp-h .hcol{position:relative}
.xp-h .constellation{position:absolute;top:-210px;right:-30px;width:196px;height:auto;pointer-events:none;z-index:0;opacity:.75}
.xp-h .hcopy{position:relative;z-index:1}
.xp-h .hero .wrap{position:relative;z-index:1}
.xp-h .hpill{display:flex;justify-content:center;position:relative;z-index:1;margin-bottom:76px}
.xp-h .hpill-badge{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font:600 13px/1 'DM Sans',sans-serif;color:var(--green);background:oklch(96.5% .028 159);border:1px solid oklch(86% .05 159);border-radius:999px;padding:11px 20px}
.xp-h .hpill-badge::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--green)}
.xp-h .hgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.xp-h h1 span{color:var(--mid);display:block;font-size:.62em;letter-spacing:-1.2px;line-height:1.12;margin-top:.22em}
.xp-h .hcopy{display:grid;gap:16px;max-width:44ch}
.xp-h .hcopy p{font-size:16.5px;color:var(--mid);text-wrap:pretty}
.xp-h .hcopy b{color:var(--ink);font-weight:600}
.xp-h .hcards{display:grid;gap:14px}
.xp-h .hcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.xp-h .hcard h3{font-size:15px;font-weight:700;letter-spacing:-.2px;margin-bottom:14px}
.xp-h .hchips{display:flex;flex-wrap:wrap;gap:7px}
.xp-h .hchips span{font:500 12px/1.3 'DM Sans';color:var(--mid);border:1px solid var(--line);border-radius:999px;padding:7px 11px;white-space:nowrap}
.xp-h .hchips span.pp{border-color:oklch(86% .05 159);background:oklch(96.5% .028 159);color:#175f3f;font-weight:600}
.xp-h .hnote{font-size:12.5px;color:var(--mid);padding-left:4px;text-wrap:pretty}
.xp-h .hnote b{color:var(--ink)}
@media(max-width:900px){.xp-h .hgrid{grid-template-columns:1fr;gap:40px}
}.xp-h .heroflex{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:end}
.xp-h h1{font-size:clamp(34px,4.6vw,60px);font-weight:700;letter-spacing:-2.4px;line-height:1.02;max-width:16ch}
.xp-h .lede{font-size:18px;color:var(--mid);text-wrap:pretty}
.xp-h .metrics{display:flex;gap:40px;margin-top:38px;flex-wrap:wrap}
.xp-h .metrics div b{display:block;font-size:34px;font-weight:700;letter-spacing:-1.4px;line-height:1}
.xp-h .metrics div span{font:500 11px/1.5 var(--mono);letter-spacing:.06em;color:#7a828e}
.xp-h .hpick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.xp-h .hpick em{font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-style:normal}
.xp-h .hpick button{font:500 12px/1.2 'DM Sans';padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--mid);cursor:pointer;white-space:nowrap}
.xp-h .hpick button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.xp-h .strip{background:var(--ink);color:#fff;padding:22px 0}
.xp-h .strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.xp-h .strip b{font-size:15px;font-weight:600}
.xp-h .strip b i{font-style:normal;color:oklch(76% .09 159)}
.xp-h .strip .nodes{display:flex;gap:10px;align-items:center;font:500 11px/1 var(--mono);letter-spacing:.06em;color:rgba(255,255,255,.55);flex-wrap:wrap}
.xp-h .strip .nodes span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;white-space:nowrap}
.xp-h .ledger{display:grid;grid-template-columns:1fr 1px 1fr;background:#fff;border:1px solid var(--line)}
.xp-h .ledger .col{display:grid;grid-template-rows:subgrid;grid-row:1/-1;align-content:start}
.xp-h .ledger .vr{grid-row:1/-1}
.xp-h .vr{background:var(--line)}
.xp-h .col{padding:44px 40px}
.xp-h .col h3{font:600 12px/1 'DM Sans';letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.xp-h .col h4{font-size:26px;font-weight:700;letter-spacing:-.8px}
.xp-h .col .cap{font-size:14px;color:var(--mid);margin:6px 0 22px}
.xp-h .step{display:grid;grid-template-columns:26px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line2)}
.xp-h .step .n{font:500 12px/1.7 var(--mono);color:#b3aca2}
.xp-h .step b{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xp-h .step p{font-size:14px;color:var(--mid);margin-top:3px}
.xp-h .via{display:inline-block;font:500 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);border:1px solid oklch(45% .10 159/.4);border-radius:999px;padding:4px 9px;white-space:nowrap;vertical-align:middle}
.xp-h .step .via{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green);border:1px solid oklch(45% .10 159/.4);border-radius:999px;padding:4px 8px;white-space:nowrap}
.xp-h .kinds{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.xp-h .kinds span{white-space:nowrap;font:500 11px/1.3 var(--mono);padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--mid)}
.xp-h .fwrap{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px 32px 30px;margin-top:44px;overflow-x:auto}
.xp-h .fhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.xp-h .fhead b{font-size:15px;font-weight:600}
.xp-h .fhead span{font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--muted)}
.xp-h .fgrid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));column-gap:100px;row-gap:0;min-width:900px}
.xp-h .fcell{position:relative}
.xp-h .fcell.link::before{content:'';position:absolute;top:50%;left:-100px;width:100px;border-top:2px dotted #d3d7de}
.xp-h .fcell.link.rej::before{border-top-style:dashed;border-top-color:oklch(70% .14 25)}
.xp-h .fcell .conv{position:absolute;top:50%;left:-100px;width:100px;transform:translateY(-50%);display:flex;justify-content:center}
.xp-h .fcell .conv span{font:600 9px/1 'DM Sans';letter-spacing:.08em;color:#1a6b47;background:oklch(96.5% .028 159);border:1px solid oklch(82% .06 159);border-radius:999px;padding:5px 8px;white-space:nowrap}
.xp-h .fcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px rgba(21,27,38,.04)}
.xp-h .fcard .top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.xp-h .fcard .type{font:600 10px/1 'DM Sans';letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.xp-h .fcard .stat{font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap}
.xp-h .fcard .stat::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.xp-h .stat.ok{color:#1a6b47}
.xp-h .stat.dr{color:var(--muted)}
.xp-h .stat.op{color:oklch(52% .13 60)}
.xp-h .stat.bl{color:oklch(48% .16 255)}
.xp-h .fcard .id{font-size:17px;font-weight:700;letter-spacing:-.4px}
.xp-h .fcard .who{font-size:13px;color:var(--mid);margin-top:5px}
.xp-h .fcard .dt{font:400 12px/1.6 var(--mono);color:var(--muted)}
.xp-h .fcard .amt{font-size:16px;font-weight:700;margin-top:6px}
.xp-h .fbranch{position:relative;margin-top:44px;padding-top:0}
.xp-h .fcell.fbranch:nth-of-type(5){grid-column:2}
.xp-h .fcell.fbranch:nth-of-type(6){grid-column:3}
.xp-h .fcell.fbranch:nth-of-type(5)::before{content:'';position:absolute;top:-44px;left:50%;height:44px;border-left:2px dotted #d3d7de;border-top:none;width:0}
.xp-h .tl{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:22px 24px;display:grid;gap:0}
.xp-h .tl .ev{position:relative;padding:0 0 22px 40px;border-left:1px solid rgba(255,255,255,.14);margin-left:13px}
.xp-h .tl .ev:last-child{border-left-color:transparent;padding-bottom:0}
.xp-h .tl .ev .dot{position:absolute;left:-14px;top:0;width:27px;height:27px;border-radius:50%;background:var(--green);border:1px solid #2f9169;box-shadow:0 0 0 4px rgba(26,107,71,.18)}
.xp-h .tl .ev h6{font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.xp-h .tl .ev h6 i{font-style:normal;font-size:12px;font-weight:500;color:var(--green-light);white-space:nowrap}
.xp-h .tl .ev time{display:block;font:400 11px/1.8 var(--mono);color:rgba(255,255,255,.4)}
.xp-h .tl .ev p{margin-top:8px;font-size:13px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.05);border-radius:8px;padding:10px 12px}
.xp-h section{padding:96px 0}
.xp-h h2{font-size:clamp(28px,3.8vw,46px);font-weight:700;letter-spacing:-1.6px;line-height:1.1;text-wrap:balance}
.xp-h .sub{font-size:17px;color:var(--mid);max-width:58ch;margin-top:14px;text-wrap:pretty}
.xp-h .band{background:var(--ink);color:#fff}
.xp-h .band h2{color:#fff}
.xp-h .band .sub{color:rgba(255,255,255,.6)}
.xp-h .roles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:52px;border-top:1px solid rgba(255,255,255,.14)}
.xp-h .roles div{padding:30px 28px 0 0;border-right:1px solid rgba(255,255,255,.14)}
.xp-h .roles div+div{padding-left:28px}
.xp-h .roles div:last-child{border-right:none;padding-right:0}
.xp-h .roles b{display:block;font-size:18px;margin-bottom:8px}
.xp-h .roles p{font-size:14px;color:rgba(255,255,255,.6)}
.xp-h .roles .pill{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:oklch(76% .09 159);margin-bottom:14px;display:block}
.xp-h .peppol{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.xp-h .hops{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 34px 28px}
.xp-h .hop{display:grid;grid-template-columns:44px 1fr;gap:18px;position:relative;padding-bottom:30px}
.xp-h .hop:last-of-type{padding-bottom:8px}
.xp-h .hop:not(:last-of-type)::before{content:'';position:absolute;left:21.5px;top:52px;bottom:8px;width:1px;background:var(--line)}
.xp-h .hop .ic{width:44px;height:44px;border-radius:50%;background:#f7f5f2;border:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center}
.xp-h .hop .ic svg{width:21px;height:21px}
.xp-h .hop .ic.xp-on{background:oklch(96.5% .028 159);border-color:oklch(86% .05 159);color:var(--green)}
.xp-h .hop .ic.ok{color:var(--green)}
.xp-h .hop b{font-size:15.5px;font-weight:600;display:block;margin-top:9px}
.xp-h .hop p{font-size:13.5px;color:var(--mid);margin-top:2px}
.xp-h .hopnote{font-size:12.5px;color:var(--muted);border-top:1px solid var(--line2);padding-top:16px;margin-top:6px}
.xp-h .flow{border:1px solid var(--line);background:#fff}
.xp-h .flow div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 24px;border-bottom:1px solid var(--line2);font-size:14px}
.xp-h .flow div:last-child{border:none}
.xp-h .flow em{font-style:normal;font:500 11px/1 var(--mono);color:var(--muted);white-space:nowrap}
.xp-h .flow .dir{font:500 10px/1 var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;background:#f6f4f1;padding:4px 7px;border-radius:4px}
.xp-h .langs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.xp-h .langs div{background:#fff;border:1px solid var(--line);padding:26px}
.xp-h .langs b{display:block;font-size:17px;margin-bottom:6px}
.xp-h .langs p{font-size:14px;color:var(--mid)}
.xp-h .langs .code{font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--green);display:block;margin-bottom:14px}
.xp-h .ctaB{text-align:center;background:var(--ink);color:#fff}
.xp-h .ctaB h2{color:#fff;max-width:18ch;margin:0 auto 18px}
.xp-h .ctaB p{color:rgba(255,255,255,.6);margin-bottom:28px}
.xp-h .cft{position:relative;border:1px solid var(--line);border-radius:12px;padding:24px 26px 20px;background:#fff}
.xp-h .cft .th{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.xp-h .cft .th b{font-size:14px}
.xp-h .cft .th span{font:500 11px/1 var(--mono);color:var(--muted)}
.xp-h .cft .lg{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--mid);margin-bottom:18px}
.xp-h .cft .lg i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.xp-h .cfgrid{position:relative;height:250px}
.xp-h .cfaxis{position:absolute;left:0;right:0;top:104px;height:1px;background:var(--line)}
.xp-h .cfday{position:absolute;top:110px;transform:translateX(-50%);font:400 10px/1.6 var(--mono);color:var(--muted)}
.xp-h .cftoday{position:absolute;top:88px;height:34px;width:1px;border-left:1px dashed oklch(55% .14 265);z-index:0}
.xp-h .cftoday b{position:absolute;top:-20px;left:-24px;font:600 9px/1 'DM Sans';letter-spacing:.06em;background:oklch(45% .14 265);color:#fff;padding:4px 7px;border-radius:999px}
.xp-h .cfm{position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:96px;z-index:1}
.xp-h .cfm .dot{width:11px;height:11px;border-radius:50%;border:2px solid #fff}
.xp-h .cfm .stem{width:2px;background:currentColor;opacity:.35}
.xp-h .cfm .lb{font-size:11px;color:var(--mid);text-align:center;line-height:1.35}
.xp-h .cfm .lb em{display:block;font-style:normal;font:600 12px/1.4 'DM Sans';color:var(--ink)}
.xp-h .cfm.in{color:#1a6b47;bottom:146px;justify-content:flex-end}
.xp-h .cfm.out{color:oklch(45% .14 265);top:134px}
.xp-h .cfsum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid var(--line2);margin-top:6px;padding-top:14px}
.xp-h .cfsum span{display:block;font:600 9.5px/1.4 'DM Sans';letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.xp-h .cfsum b{display:block;font-size:15px;font-weight:700;color:var(--ink);margin-top:3px}
.xp-h .cfsum b{color:var(--ink)}
.xp-h #coverage{background:#fff;border-top:1px solid var(--line)}
.xp-h .cov-head{text-align:center;max-width:60ch;margin:0 auto}
.xp-h .cov-head .sub{margin-left:auto;margin-right:auto}
.xp-h .cgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:44px}
.xp-h .citem{display:flex;flex-direction:column;align-items:center;gap:11px;padding:20px 8px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none}
.xp-h .citem:hover{border-color:var(--green);color:var(--ink);box-shadow:0 4px 16px rgba(21,27,38,.06)}
.xp-h .citem b{font-size:13px;font-weight:600;text-align:center;text-wrap:balance}
.xp-h .citem svg{display:block;border-radius:3px}
.xp-h .covnote{text-align:center;font-size:13px;color:var(--mid);margin-top:22px}
.xp-h #faq{background:var(--paper)}
.xp-h .faq-list{max-width:760px;margin:44px auto 0}
.xp-h .fq{border-bottom:1px solid var(--line)}
.xp-h .fq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 2px;font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.xp-h .fq summary::-webkit-details-marker{display:none}
.xp-h .fq summary::after{content:'+';flex:0 0 28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:500;color:var(--mid)}
.xp-h .fq[open] summary::after{content:'\2212';background:var(--green);border-color:var(--green);color:#fff}
.xp-h .fq p{font-size:14.5px;color:var(--mid);padding:0 60px 22px 2px;text-wrap:pretty}
.xp-h .fq p+p{padding-top:0;margin-top:-8px}
.xp-h .endcta{background:var(--ink);color:#fff;text-align:center}
.xp-h .endcta h2{color:#fff;max-width:22ch;margin:0 auto 14px}
.xp-h .endcta p{color:rgba(255,255,255,.6);margin-bottom:28px}
.xp-h .endcta .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.xp-h .ft{background:#0e131c;color:rgba(255,255,255,.55);padding:72px 0 28px;font-size:14px}
.xp-h .ftgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:44px}
.xp-h .ft img{height:24px;margin-bottom:16px}
.xp-h .ft .fbrand p{line-height:1.7;max-width:30ch}
.xp-h .ft .fbrand .small{font-size:12px;color:rgba(255,255,255,.4);margin-top:14px;max-width:34ch}
.xp-h .fdatarep{border-top:1px solid rgba(255,255,255,.08);margin-top:22px;padding-top:20px;max-width:34ch}
.xp-h .fdatarep img{height:auto;width:112px;margin-bottom:12px;border-radius:4px}
.xp-h .fdatarep p{font-size:11.5px;line-height:1.7;color:rgba(255,255,255,.4)}
.xp-h .fdatarep strong{color:rgba(255,255,255,.7);font-weight:600}
.xp-h .ft h4{font:600 12px/1 'DM Sans';letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:16px}
.xp-h .ft h4+ul{margin-bottom:26px}
.xp-h .ft ul{list-style:none;display:grid;gap:10px}
.xp-h .ft a{color:rgba(255,255,255,.5)}
.xp-h .ft a:hover{color:#fff}
.xp-h .ft .fc a{display:flex;align-items:center;gap:9px}
.xp-h .ftbot{border-top:1px solid rgba(255,255,255,.08);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px}
@media(max-width:900px){.xp-h .ftgrid{grid-template-columns:1fr 1fr}
.xp-h .cgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}@media(max-width:1080px){.xp-h .nav-x ul{display:none}
}@media(max-width:600px){.xp-h .hpill-badge{white-space:normal;text-align:left}
}@media(max-width:900px){.xp-h .constellation{display:none}
}@media(max-width:760px){.xp-h .fgrid{min-width:900px}
}@media(max-width:900px){.xp-h .heroflex,.xp-h .ledger,.xp-h .peppol,.xp-h .roles,.xp-h .langs{grid-template-columns:1fr}
.xp-h .ledger{grid-template-rows:auto!important}
.xp-h .ledger .col{grid-template-rows:none;grid-row:auto;grid-column:1}
.xp-h .ledger .col+.col{border-top:1px solid var(--line)}
.xp-h .peppol{grid-template-columns:1fr!important}
.xp-h .vr{display:none}
.xp-h .roles div,.xp-h .roles div+div{border-right:none;border-bottom:1px solid rgba(255,255,255,.14);padding:26px 0}
.xp-h .roles div:last-child{border-bottom:none}
}.xp-h .cfstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.xp-h .cfstats>div{min-width:0}
.xp-h .cfstats .cfsv{font-size:20px;font-weight:700;line-height:1.2;overflow-wrap:break-word}
@media(max-width:760px){.xp-h .cfstats{grid-template-columns:1fr 1fr}
.xp-h .cfstats>div{padding:14px}
.xp-h .cfstats .cfsv{font-size:18px}
}@media(max-width:760px){.xp-h .col{padding:32px 20px}
.xp-h .col h4{font-size:22px}
.xp-h h1{overflow-wrap:break-word;hyphens:auto}
.xp-h .hgrid>*,.xp-h .heroflex>*{min-width:0}
.xp-h .hcta{flex-wrap:wrap}
.xp-h .hcta .btn{padding:12px 18px;font-size:14px}
}@media(max-width:400px){.xp-h .nav-x .right .btn{display:none}
}@media(max-width:560px){.xp-h .nav-x{gap:10px;padding:12px 14px}
.xp-h .nav-x img{height:27px}
.xp-h .nav-x .right{gap:8px}
.xp-h .nav-x .right .login{display:none}
.xp-h .lang select{font-size:12.5px;padding:8px 26px 8px 11px;height:34px}
.xp-h .lang svg{right:10px;width:9px}
.xp-h .nav-x .right .btn{font-size:13.5px;padding:10px 14px}
}.xp-h .nav-x ul .mobonly{display:none}
@media(max-width:1080px){.xp-h .nav-x ul li.mobonly{display:block}
}.xp-h .nav-x .burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;color:var(--ink);flex:0 0 40px}
.xp-h .nav-x .burger svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
@media(max-width:1080px){.xp-h .nav-x .burger{display:flex}
.xp-h .nav-x ul{display:none;position:fixed;top:66px;left:0;right:0;flex-direction:column;gap:2px;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 16px 18px;box-shadow:0 20px 40px rgba(21,27,38,.12);max-height:calc(100vh - 66px);overflow-y:auto}
.xp-h .nav-x ul.open{display:flex}
.xp-h .nav-x ul a{padding:13px 12px;font-size:16px}
}@media(max-width:760px){.xp-h .nav-x{padding:12px 18px}
.xp-h .nav-x .right{gap:8px}
.xp-h .nav-x .right .login{padding:10px 4px}
.xp-h .lang select{padding:9px 30px 9px 12px;font-size:13px}
.xp-h section{padding:64px 0}
.xp-h .wrap{padding:0 18px}
.xp-h .hero{padding:44px 0 56px}
.xp-h .hpill{margin-bottom:34px}
.xp-h .hpill-badge{white-space:normal;text-align:left;line-height:1.5}
.xp-h h1{letter-spacing:-1.6px}
.xp-h .fwrap{padding:22px 18px}
.xp-h .fgrid{min-width:760px}
.xp-h .fwrap::after{content:'\2190 scroll \2192';display:block;font:500 11px/1 var(--mono);color:var(--muted);margin-top:14px}
.xp-h .cfsum{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.xp-h .cft{padding:20px 16px 16px}
.xp-h .ftbot{flex-direction:column;gap:10px}
.xp-h .ft ul{gap:14px}
.xp-h .ft{padding:56px 0 24px}
}@media(max-width:600px){.xp-h .cgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.xp-h .ftgrid{grid-template-columns:1fr;gap:32px}
.xp-h .hops{padding:24px 20px 20px}
.xp-h .fq summary{font-size:15px;padding:18px 2px}
.xp-h .fq p{padding:0 8px 18px 2px}
}.xp-h .cfm .cfd{display:none}
@media(max-width:700px){.xp-h .cfgrid{height:auto;display:grid;gap:0;padding:2px 0}
.xp-h .cfaxis,.xp-h .cfday{display:none}
.xp-h .cfm{position:static;transform:none;width:100%;display:grid;grid-template-columns:52px 15px 1fr;align-items:start;padding:10px 0;border-top:1px solid var(--line2)}
.xp-h .cfm:first-of-type{border-top:none}
.xp-h .cfm>*{grid-row:1}
.xp-h .cfm .stem{display:none}
.xp-h .cfm .cfd{display:block;grid-column:1;font:400 10.5px/1.7 var(--mono);color:var(--muted);white-space:nowrap}
.xp-h .cfm .dot{grid-column:2;width:9px;height:9px;margin-top:5px;border-width:2px}
.xp-h .cfm .lb{grid-column:3;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;text-align:left;font-size:12.5px;line-height:1.5}
.xp-h .cfm .lb em{display:inline;font-size:13.5px}
.xp-h .cftoday{position:static;display:flex;align-items:center;width:auto;height:auto;border-left:none;border-top:1px dashed oklch(55% .14 265);left:auto!important;margin:6px 0}
.xp-h .cftoday b{position:static;top:auto;left:auto;margin:-10px 0 -10px 52px}
}.xp-h .fdatarep p{font-size:12px}
.xp-h .cft .lg{font-size:12px}
.xp-pm{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6;text-align:left}.xp-pm h1,.xp-pm h2,.xp-pm h3,.xp-pm h4,.xp-pm h5,.xp-pm h6{font-family:inherit;letter-spacing:normal;font-weight:700}.xp-pm a{color:#1a6b47}

.xp-pm *,.xp-pm *::before,.xp-pm *::after{box-sizing:border-box;margin:0;padding:0}.xp-pm{
  --navy: #070d1a;
  --navy2: #0e1a30;
  --green: #1a6b47;
  --green-light: #2f9169;
  --green-pale: #eef5f1;
  --off-white: #f6f8fc;
  --text: #0c1320;
  --mid: #4f5f74;
  --border: #e2e8f0;
  --radius: 12px;
}
.xp-pm{ scroll-behavior: smooth; }
.xp-pm{
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: white;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.xp-pm .nav-x#navbar{
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 60px;
  transition: background 0.3s, box-shadow 0.3s;
}
.xp-pm .nav-x#navbar.scrolled{
  background: rgba(7,13,26,0.97);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.06);
}
.xp-pm .nav-logo{ display: flex; align-items: center; text-decoration: none; }
.xp-pm .nav-logo img{ height: 32px; width: auto; }
.xp-pm .nav-links{ display: flex; gap: 4px; list-style: none; }
.xp-pm .nav-links a{
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,0.7); text-decoration: none;
  font-size: 14px; font-weight: 500; transition: color 0.2s, background 0.2s;
  padding: 7px 12px; border-radius: 8px;
  white-space: nowrap;
}
.xp-pm .nav-links a svg{ opacity: 0.6; transition: opacity 0.2s; flex-shrink: 0; }
.xp-pm .nav-links a:hover{ color: white; background: rgba(255,255,255,0.07); }
.xp-pm .nav-links a:hover svg{ opacity: 1; }
.xp-pm .nav-cta{ display: flex; gap: 12px; align-items: center; }
.xp-pm .lang-switcher{ position: relative; display: inline-flex; align-items: center; }
.xp-pm .lang-switcher-select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid rgba(255,255,255,0.18);
  background-color: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.85);
  font: 500 14px/1 inherit;
  padding: 8px 30px 8px 14px;
  border-radius: 999px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.7)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.xp-pm .lang-switcher-select:hover{
  background-color: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}
.xp-pm .lang-switcher-select:focus-visible{
  outline: 2px solid var(--green, #1a6b47);
  outline-offset: 2px;
}
.xp-pm .lang-switcher-select option{
  background: #0f1a2e;
  color: #fff;
  padding: 8px 12px;
}
@media (max-width: 640px){.xp-pm .lang-switcher-select{ padding: 7px 26px 7px 11px; font-size: 13px; }
}.xp-pm .btn-ghost{
  color: rgba(255,255,255,0.8); font-size: 15px;
  background: none; border: none; cursor: pointer;
  font-family: inherit; font-weight: 500;
  text-decoration: none; transition: color 0.2s;
}
.xp-pm .btn-ghost:hover{ color: white; }
.xp-pm .btn-primary{
  background: var(--green); color: white;
  padding: 10px 22px; border-radius: 8px;
  font-size: 15px; font-weight: 600;
  border: none; cursor: pointer;
  font-family: inherit; text-decoration: none;
  transition: background 0.2s, transform 0.15s; display: inline-block;
}
.xp-pm .btn-primary:hover{ background: var(--green-light); transform: translateY(-1px); }
.xp-pm .page-hero{
  background: var(--navy);
  padding: 140px 24px 80px;
  text-align: center;
  position: relative; overflow: hidden;
}
.xp-pm .page-hero-glow{
  position: absolute; width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, oklch(43.5% 0.09 158 / 0.15) 0%, transparent 70%);
  top: -100px; left: 50%; transform: translateX(-50%);
  pointer-events: none;
}
.xp-pm .page-hero-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green-light); margin-bottom: 16px;
}
.xp-pm .page-hero h1{
  font-size: clamp(28px, 4vw, 52px); font-weight: 700;
  color: white; letter-spacing: -1.5px; line-height: 1.15;
  max-width: 760px; margin: 0 auto 20px; text-wrap: balance;
}
.xp-pm .page-hero p{
  font-size: 18px; color: rgba(255,255,255,0.55);
  max-width: 580px; margin: 0 auto; text-wrap: pretty; line-height: 1.7;
}
.xp-pm section{ padding: 80px 24px; }
.xp-pm .container{ max-width: 1100px; margin: 0 auto; }
.xp-pm .container-narrow{ max-width: 760px; margin: 0 auto; }
.xp-pm .section-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.xp-pm .section-title{
  font-size: clamp(26px, 3.5vw, 42px); font-weight: 700;
  line-height: 1.15; letter-spacing: -1px; color: var(--text);
  text-wrap: balance; margin-bottom: 16px;
}
.xp-pm .section-sub{
  font-size: 18px; color: var(--mid); max-width: 580px;
  text-wrap: pretty; line-height: 1.7;
}
.xp-pm .section-header{ margin-bottom: 56px; }
.xp-pm .section-header.centered{ text-align: center; }
.xp-pm .section-header.centered .section-sub{ margin: 0 auto; }
.xp-pm .btn-primary-lg{
  background: var(--green); color: white;
  padding: 16px 32px; border-radius: 10px;
  font-size: 16px; font-weight: 600;
  border: none; cursor: pointer; font-family: inherit;
  text-decoration: none; display: inline-block;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  box-shadow: 0 8px 32px oklch(43.5% 0.09 158 / 0.35);
}
.xp-pm .btn-primary-lg:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-pm .btn-outline-lg{
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15);
  color: white; padding: 16px 32px; border-radius: 10px;
  font-size: 16px; font-weight: 500; cursor: pointer;
  font-family: inherit; text-decoration: none; display: inline-block;
  transition: background 0.2s, transform 0.15s;
}
.xp-pm .btn-outline-lg:hover{ background: rgba(255,255,255,0.10); transform: translateY(-2px); }
.xp-pm footer{
  background: #040a14;
  color: rgba(255,255,255,0.65);
  padding: 60px 60px 40px;
}
.xp-pm .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 28px; }
.xp-pm .footer-brand .footer-logo{ display: block; margin-bottom: 16px; }
.xp-pm .footer-brand .footer-logo img{ height: 28px; width: auto; }
.xp-pm .footer-brand p{ font-size: 14px; line-height: 1.7; max-width: 280px; color: rgba(255,255,255,0.65); }
.xp-pm .footer-col h4{ font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.9); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; }
.xp-pm .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
.xp-pm .footer-col ul.footer-countries a{ display: inline-flex; align-items: center; gap: 10px; }
.xp-pm .footer-col ul.footer-countries .country-flag-svg svg{ display: block; border-radius: 3px; }
.xp-pm .footer-col a{ color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.xp-pm .footer-col a:hover{ color: rgba(255,255,255,0.8); }
.xp-pm .footer-col .cc-mini{
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 16px; border-radius: 3px;
  font-size: 9px; font-weight: 700; letter-spacing: 0.04em;
  color: white; margin-right: 8px; vertical-align: -2px;
  font-family: 'DM Sans', sans-serif;
}
.xp-pm .footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 32px; display: flex; justify-content: space-between;
  align-items: center; font-size: 13px; flex-wrap: wrap; gap: 12px; color: rgba(255,255,255,0.7);
}
.xp-pm .footer-bottom a{ color: rgba(255,255,255,0.7); text-decoration: none; }
.xp-pm .footer-bottom a:hover{ color: white; }
.xp-pm .footer-legal{ font-size: 12px; color: rgba(255,255,255,0.55); max-width: 800px; line-height: 1.6; margin-top: 16px; }
.xp-pm .footer-datarep{
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  padding: 18px 0 0;
  margin-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.xp-pm .footer-datarep > a{ display: inline-block; flex-shrink: 0; }
.xp-pm .footer-datarep img{
  width: 130px; height: auto; display: block;
  border-radius: 4px;
}
.xp-pm .footer-datarep p{
  font-size: 13px; color: rgba(255,255,255,0.7);
  line-height: 1.55; max-width: 280px; margin: 0;
}
.xp-pm .footer-datarep p strong{ color: white; }
.xp-pm .footer-datarep p a{ color: var(--green-light); text-decoration: none; white-space: nowrap; }
.xp-pm .footer-datarep p a:hover{ color: white; }
.xp-pm .nav-burger{
  display: none; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); cursor: pointer;
  padding: 8px; border-radius: 8px; color: white;
  -webkit-tap-highlight-color: rgba(255,255,255,0.15);
  touch-action: manipulation;
}
.xp-pm .nav-burger:hover,.xp-pm .nav-burger:active{ background: rgba(255,255,255,0.18); }
.xp-pm .nav-burger svg{ display: block; }
@media (max-width: 1024px){.xp-pm .nav-x#navbar{
    padding: 14px 18px;
    background: rgba(7,13,26,0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.xp-pm .nav-x#navbar.scrolled{ background: rgba(7,13,26,0.98); }
.xp-pm .nav-links{
    position: fixed; top: 64px; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: rgba(7,13,26,0.98); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    padding: 12px 18px 20px;
    border-top: 1px solid rgba(255,255,255,0.08);
    transform: translateY(-12px); opacity: 0; pointer-events: none;
    transition: transform 0.2s, opacity 0.2s;
    max-height: calc(100vh - 64px); overflow-y: auto;
  }
.xp-pm .nav-links.open{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.xp-pm .nav-links li{ width: 100%; }
.xp-pm .nav-links a{
    width: 100%; padding: 12px 14px; font-size: 16px;
    border-radius: 8px;
  }
.xp-pm .nav-cta .btn-ghost{ display: none; }
.xp-pm .nav-cta .btn-primary{ padding: 8px 16px; font-size: 14px; }
.xp-pm .nav-burger{ display: inline-flex; }
}@media (max-width: 860px){.xp-pm section{ padding: 56px 18px; }
.xp-pm .page-hero{ padding: 110px 18px 56px; }
.xp-pm footer{ padding: 48px 22px 28px; }
.xp-pm .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 40px; }
.xp-pm .footer-brand{ grid-column: 1 / -1; }
.xp-pm .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 14px; }
.xp-pm .footer-bottom > div{ flex-direction: column; gap: 6px !important; }
.xp-pm [style*="grid-template-columns:1fr 1fr"],.xp-pm [style*="grid-template-columns: 1fr 1fr"],.xp-pm [style*="grid-template-columns:1fr 1.2fr"],.xp-pm [style*="grid-template-columns: 1fr 1.2fr"],.xp-pm [style*="grid-template-columns:1.2fr 1fr"],.xp-pm [style*="grid-template-columns: 1.2fr 1fr"],.xp-pm [style*="grid-template-columns:1fr 1fr 1fr"],.xp-pm [style*="grid-template-columns: 1fr 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
.xp-pm [style*="gap:80px"],.xp-pm [style*="gap: 80px"],.xp-pm [style*="gap:60px"],.xp-pm [style*="gap: 60px"],.xp-pm [style*="gap:48px"],.xp-pm [style*="gap: 48px"]{
    gap: 28px !important;
  }
.xp-pm [style*="grid-template-columns:180px 1fr"],.xp-pm [style*="grid-template-columns: 180px 1fr"]{
    grid-template-columns: 1fr !important;
  }
.xp-pm .features-grid,.xp-pm .steps,.xp-pm .steps-v,.xp-pm .solve-grid,.xp-pm .pricing-grid,.xp-pm .team-grid,.xp-pm .values-grid,.xp-pm .stats-grid,.xp-pm .peppol-grid,.xp-pm .hero-stats{ grid-template-columns: 1fr !important; }
.xp-pm .peppol-grid{ gap: 36px !important; }
.xp-pm .dash-body{ grid-template-columns: 1fr !important; padding: 16px !important; }
.xp-pm .dash-invoice-row{ flex-wrap: wrap; gap: 6px 12px; }
.xp-pm .hero-stat-divider{ display: none; }
.xp-pm .btn-primary-lg,.xp-pm .btn-outline-lg{ padding: 14px 22px; font-size: 15px; }
.xp-pm .hero-actions{ flex-direction: column; align-items: stretch; gap: 10px; }
.xp-pm .hero-actions a{ text-align: center; }
}@media (max-width: 480px){.xp-pm section{ padding: 44px 16px; }
.xp-pm .page-hero{ padding: 96px 16px 40px; }
.xp-pm .page-hero h1{ letter-spacing: -1px; }
.xp-pm footer{ padding: 40px 18px 24px; }
.xp-pm .footer-grid{ grid-template-columns: 1fr; gap: 28px; }
}.xp-pm .hero-netviz{
  position: absolute;
  top: 46px; right: 24px;
  width: 244px; max-width: 25vw;
  z-index: 0;
  pointer-events: none;
  opacity: 0.72;
  -webkit-mask-image: radial-gradient(125% 135% at 80% 24%, #000 44%, transparent 84%);
          mask-image: radial-gradient(125% 135% at 80% 24%, #000 44%, transparent 84%);
}
.xp-pm .hero-netviz svg{ width: 100%; height: auto; display: block; }
.xp-pm .page-hero > *:not(.hero-netviz):not(.page-hero-glow),.xp-pm #hero > *:not(.hero-netviz):not(.hero-glow):not(.hero-glow-2){ position: relative; z-index: 1; }
@media (max-width: 768px){.xp-pm .hero-netviz{ display: none; }
}.xp-pm a{color:var(--green)}
.xp-pm a:hover{color:var(--green-light)}
.xp-pm .chain{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;max-width:900px;margin:36px auto 0}
.xp-pm .chain i{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:8px;padding:8px 13px}
.xp-pm .chain i.hi{color:#fff;border-color:oklch(43.5% .09 158/.6);background:oklch(43.5% .09 158/.22)}
.xp-pm .chain s{text-decoration:none;width:22px;height:1px;background:rgba(255,255,255,.2)}
.xp-pm .band{border-top:1px solid var(--border)}
.xp-pm .bgrid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.xp-pm .bgrid.flip .bcopy{order:2}
.xp-pm .bstage{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9aa5b5;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.xp-pm .bstage em{font-style:normal;color:var(--green)}
.xp-pm .bcopy h2{font-size:clamp(26px,3.2vw,38px);font-weight:700;letter-spacing:-1.1px;line-height:1.15;margin-bottom:16px;text-wrap:balance}
.xp-pm .bcopy p{font-size:16px;color:var(--mid);line-height:1.8;max-width:48ch}
.xp-pm .types{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.xp-pm .type{background:#fff;border:1px solid var(--border);border-radius:13px;padding:22px}
.xp-pm .type b{display:block;font-size:15px;font-weight:600;margin-bottom:7px}
.xp-pm .type p{font-size:13.5px;color:var(--mid);line-height:1.7}
.xp-pm .type .xp-t{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-bottom:12px;display:block}
.xp-pm .card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px;box-shadow:0 10px 36px rgba(12,19,32,.06);min-width:0}
.xp-pm .card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.xp-pm .card-h b{font-size:13.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.xp-pm .pill{font-size:11px;font-weight:600;color:var(--green);background:var(--green-pale);border-radius:999px;padding:4px 10px;white-space:nowrap}
.xp-pm .pill.warn{color:#8a6116;background:#fdf5e4}
.xp-pm .kv div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;font-size:13.5px;border-bottom:1px solid #f1f4f9}
.xp-pm .kv div:last-child{border-bottom:none}
.xp-pm .kv span:first-child{color:var(--mid)}
.xp-pm .kv span:last-child{font-weight:600;text-align:right}
.xp-pm .wbs{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.xp-pm .wbs div{display:flex;align-items:center;gap:10px;font-size:13px;padding:8px 0;border-bottom:1px solid #f1f4f9}
.xp-pm .wbs div:last-child{border-bottom:none}
.xp-pm .wbs code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--mid);background:var(--off-white);border:1px solid var(--border);border-radius:5px;padding:2px 6px;flex-shrink:0}
.xp-pm .wbs span.xp-n{margin-left:auto;font-size:11.5px;color:#9aa5b5;flex-shrink:0}
.xp-pm .tl{margin-top:6px;display:flex;flex-direction:column;gap:12px}
.xp-pm .tl-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;font-size:12.5px}
.xp-pm .tl-row b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}
.xp-pm .trk{position:relative;height:22px}
.xp-pm .xp-bar{position:absolute;top:50%;transform:translateY(-50%);height:7px;border-radius:4px}
.xp-pm .xp-bar.xp-plan{background:#dfe7f5;height:9px}
.xp-pm .xp-bar.xp-fc{border:1px dashed #c08a2e;background:transparent;height:13px;border-radius:5px}
.xp-pm .xp-bar.act{background:var(--green-light)}
.xp-pm .legend{display:flex;gap:16px;margin-top:16px;font-size:12px;color:var(--mid);flex-wrap:wrap}
.xp-pm .legend span{display:flex;align-items:center;gap:7px}
.xp-pm .legend i{width:16px;height:7px;border-radius:4px;display:inline-block}
.xp-pm .figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.xp-pm .fig{padding:26px;border-left:1px solid var(--border)}
.xp-pm .fig:first-child{border-left:none}
.xp-pm .fig b{display:block;font-size:30px;font-weight:700;letter-spacing:-1px;margin-bottom:6px}
.xp-pm .fig span{font-size:13.5px;color:var(--mid);line-height:1.65}
.xp-pm .board{display:flex;gap:12px;margin-top:6px}
.xp-pm .col{flex:1 1 0;min-width:0}
.xp-pm .col-h{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab;padding:0 2px 10px}
.xp-pm .col-h i{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.xp-pm .col-h span{margin-left:auto;color:#b3bccb}
.xp-pm .wp{background:#fff;border:1px solid var(--border);border-radius:9px;padding:11px 12px;margin-bottom:8px;box-shadow:0 1px 2px rgba(12,19,32,.04)}
.xp-pm .wp.acc{border-left:3px solid var(--green-light)}
.xp-pm .wp b{font-size:12.5px;font-weight:600;margin-bottom:5px;display:flex;justify-content:space-between;gap:8px}
.xp-pm .wp b em{font-style:normal;font-weight:600;color:var(--mid);font-size:11.5px;white-space:nowrap}
.xp-pm .wp span{font-size:11.5px;color:#9aa5b5}
.xp-pm .col.empty{display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:9px;font-size:11.5px;color:#b3bccb;min-height:70px;margin-top:26px}
.xp-pm .dw{margin-top:6px;display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:start}
.xp-pm .pts{display:flex;flex-direction:column;gap:7px}
.xp-pm .pt{border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:12px;display:flex;align-items:center;gap:7px}
.xp-pm .pt i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.xp-pm .pt.xp-on{border-color:var(--green);box-shadow:0 0 0 2px var(--green-pale)}
.xp-pm .xp-plan{position:relative;border:1px solid var(--border);border-radius:9px;background:#fbfcfe;height:186px;overflow:hidden}
.xp-pm .xp-plan svg{position:absolute;inset:0;width:100%;height:100%}
.xp-pm .mk{position:absolute;font-size:10.5px;font-weight:600;background:#fff;border:1px solid var(--border);border-radius:5px;padding:3px 7px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.xp-pm .mk i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.xp-pm .area{position:absolute;border:1.5px solid #d46a6a;background:rgba(212,106,106,.13);border-radius:2px}
.xp-pm .take{margin-top:14px;width:100%;border-collapse:collapse}
.xp-pm .take th{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab;text-align:left;padding:0 0 8px;border-bottom:1px solid var(--border)}
.xp-pm .take th.xp-r,.xp-pm .take td.xp-r{text-align:right}
.xp-pm .take td{font-size:12.5px;padding:9px 0;border-bottom:1px solid #f1f4f9}
.xp-pm .take tr:last-child td{border-bottom:none}
.xp-pm .take td:first-child{font-weight:600}
.xp-pm .pv{padding:0;overflow:hidden}
.xp-pm .pv-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--border);background:#fcfdff}
.xp-pm .pv-top b{font-size:14px;font-weight:700}
.xp-pm .pv-meta{font-size:12.5px;color:var(--mid)}
.xp-pm .pv-top .pill{margin-left:auto}
.xp-pm .pv-grid{display:grid;grid-template-columns:224px minmax(0,1fr) 230px}
.xp-pm .pane{padding:16px 18px;border-left:1px solid var(--border);min-width:0}
.xp-pm .pane:first-child{border-left:none}
.xp-pm .pane-h{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab;padding-bottom:12px}
.xp-pm .pane-h>span:not(.views){margin-left:auto;color:#b3bccb}
.xp-pm .views{margin-left:auto;display:flex;gap:4px}
.xp-pm .views i{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--mid);border:1px solid var(--border);border-radius:6px;padding:3px 7px;background:#fff}
.xp-pm .views i.xp-on{background:var(--green-pale);border-color:var(--green-pale);color:var(--green)}
.xp-pm .wbs .sel{background:var(--green-pale);border-radius:7px;padding-left:8px;padding-right:8px}
.xp-pm .months{display:grid;grid-template-columns:repeat(6,1fr);font-size:10.5px;color:#9aa5b5;border-bottom:1px solid var(--border);padding-bottom:7px;margin-bottom:6px}
.xp-pm .months span{padding-left:6px;border-left:1px solid #f1f4f9}
.xp-pm .months span:first-child{border-left:none}
.xp-pm .tl-row b em.s{font-size:10px;font-weight:600;border-radius:999px;padding:2px 6px;margin-left:5px;white-space:nowrap}
.xp-pm .tl-row b em.rel{color:#8a6116;background:#fdf5e4}
.xp-pm .tl-row b em.frz{color:#6741b8;background:#f2eefc}
.xp-pm .tl-row b em.ns{color:#6b7688;background:#eef1f6}
.xp-pm .tl-row b em.cmp{color:#1a6b47;background:var(--green-pale)}
.xp-pm .pane-f{font-size:11.5px;color:var(--mid);border-top:1px solid var(--border);margin-top:12px;padding-top:10px}
.xp-pm .dws{display:flex;flex-direction:column;gap:8px}
.xp-pm .dwi{border:1px solid var(--border);border-radius:9px;padding:11px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.xp-pm .dwi b{font-size:12.5px;font-weight:600;flex:1 1 auto}
.xp-pm .dwi .xp-rev{font-size:10.5px;font-weight:600;color:var(--mid);border:1px solid var(--border);border-radius:999px;padding:2px 7px}
.xp-pm .dwi .wpk{font-size:10.5px;font-weight:600;color:var(--green);background:var(--green-pale);border-radius:999px;padding:2px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xp-pm .dwi .by{flex:1 1 100%;font-size:11px;color:#9aa5b5}
.xp-pm .pcf{padding:0;overflow:hidden}
.xp-pm .pcf-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border);background:#fcfdff}
.xp-pm .pcf-kpis>div{padding:18px 20px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:5px}
.xp-pm .pcf-kpis>div:first-child{border-left:none}
.xp-pm .pcf-kpis span{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab}
.xp-pm .pcf-kpis b{font-size:16px;font-weight:700;letter-spacing:-.4px}
.xp-pm .pcf-kpis b.in{color:#1a6b47}
.xp-pm .pcf-kpis b.out{color:#a63b3b}
.xp-pm .pcf-body{padding:18px 20px 22px}
.xp-pm .pcf-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--mid);margin-bottom:10px}
.xp-pm .pcf-legend span{display:flex;align-items:center;gap:6px}
.xp-pm .pcf-legend em{font-style:normal;color:#9aa5b5}
.xp-pm .pcf-legend .rng{margin-left:auto;font-weight:600;color:var(--text)}
.xp-pm .d{width:9px;height:9px;border-radius:50%;display:inline-block}
.xp-pm .d.in{background:#1a6b47}
.xp-pm .d.out{background:#4a48c8}
.xp-pm .d.nyh{background:#fff;border:1.5px solid #9aa5b5}
.xp-pm .chart{position:relative;height:300px;margin-top:6px}
.xp-pm .months3{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none}
.xp-pm .months3 span{border-left:1px solid #eef1f6;padding:0 0 0 8px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#b3bccb}
.xp-pm .months3 span:first-child{border-left:none}
.xp-pm .xp-axis{position:absolute;left:0;right:0;top:50%;height:1px;background:#dfe4ec}
.xp-pm .cfpt{position:absolute;top:50%;width:0}
.xp-pm .cfpt::before{content:'';position:absolute;left:-1px;width:2px;height:var(--h);background:currentColor;opacity:.35}
.xp-pm .cfpt::after{content:'';position:absolute;left:-4.5px;width:9px;height:9px;border-radius:50%;background:currentColor}
.xp-pm .cfpt b{position:absolute;font-size:11.5px;font-weight:600;white-space:nowrap;transform:translateX(-50%);color:var(--text)}
.xp-pm .cfpt.up{color:#1a6b47}
.xp-pm .cfpt.up::before{bottom:0}
.xp-pm .cfpt.up::after{top:calc(-1 * var(--h) - 4.5px)}
.xp-pm .cfpt.up b{top:calc(-1 * var(--h) - 26px);left:0}
.xp-pm .cfpt.down::before{top:0}
.xp-pm .cfpt.down::after{top:calc(var(--h) - 4.5px)}
.xp-pm .cfpt.down b{top:calc(var(--h) + 12px);left:0}
.xp-pm .cfpt.out{color:#4a48c8}
.xp-pm .cfpt.in.down{color:#1a6b47}
.xp-pm .cfpt.nyh::after{background:#fff;border:1.5px solid currentColor}
.xp-pm .ticks{position:absolute;left:0;right:0;bottom:0;height:16px;font-size:11px;color:#9aa5b5}
.xp-pm .ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
@media(max-width:900px){.xp-pm .pcf-kpis{grid-template-columns:1fr 1fr}
.xp-pm .pcf-kpis>div:nth-child(3){border-left:none}
.xp-pm .chart{height:340px}
.xp-pm .cfpt b{font-size:10.5px}
}.xp-pm .ledw{margin-top:22px;overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 22px;box-shadow:0 10px 36px rgba(12,19,32,.06)}
.xp-pm .led{width:100%;border-collapse:collapse;min-width:920px}
.xp-pm .led th{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab;text-align:left;padding:0 12px 9px 0;border-bottom:1px solid var(--border);vertical-align:bottom}
.xp-pm .led th.xp-r,.xp-pm .led td.xp-r{text-align:right}
.xp-pm .led th.xp-g,.xp-pm .led td.xp-g{border-left:1px solid var(--border);padding-left:14px}
.xp-pm .led td{font-size:12.5px;padding:11px 12px 11px 0;border-bottom:1px solid #f1f4f9;color:var(--mid);white-space:nowrap}
.xp-pm .led tr:last-child td{border-bottom:none}
.xp-pm .led td.ln{white-space:normal;min-width:150px}
.xp-pm .led td.ln b{display:block;font-size:12.5px;font-weight:600;color:var(--text)}
.xp-pm .led td.ln code{display:inline-block;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:var(--mid);background:var(--off-white);border:1px solid var(--border);border-radius:5px;padding:2px 6px;white-space:nowrap}
.xp-pm .led td.ev{color:var(--text);font-weight:600}
.xp-pm .led td.am{font-weight:600;color:var(--text)}
.xp-pm .led tr.hl td{background:#fff}
.xp-pm .led .dash{color:#c3cbd8}
@media(max-width:1000px){.xp-pm .pv-grid{grid-template-columns:1fr}
.xp-pm .pane{border-left:none;border-top:1px solid var(--border)}
.xp-pm .pane:first-child{border-top:none}
}@media(max-width:900px){.xp-pm .bgrid{grid-template-columns:1fr;gap:32px}
.xp-pm .dw{grid-template-columns:1fr}
.xp-pm .board{overflow-x:auto;padding-bottom:6px}
.xp-pm .col{flex:0 0 150px}
.xp-pm .bgrid.flip .bcopy{order:0}
.xp-pm .types{grid-template-columns:1fr 1fr}
.xp-pm .figures{grid-template-columns:1fr}
.xp-pm .fig{border-left:none;border-top:1px solid var(--border)}
.xp-pm .fig:first-child{border-top:none}
}.xp-op{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6;text-align:left}.xp-op h1,.xp-op h2,.xp-op h3,.xp-op h4,.xp-op h5,.xp-op h6{font-family:inherit;letter-spacing:normal;font-weight:700}.xp-op a{color:#1a6b47}

.xp-op *,.xp-op *::before,.xp-op *::after{box-sizing:border-box;margin:0;padding:0}.xp-op{
  --navy: #070d1a;
  --navy2: #0e1a30;
  --green: #1a6b47;
  --green-light: #2f9169;
  --green-pale: #eef5f1;
  --off-white: #f6f8fc;
  --text: #0c1320;
  --mid: #4f5f74;
  --border: #e2e8f0;
  --radius: 12px;
}
.xp-op{ scroll-behavior: smooth; }
.xp-op{
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: white;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.xp-op .nav-x#navbar{
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 60px;
  transition: background 0.3s, box-shadow 0.3s;
}
.xp-op .nav-x#navbar.scrolled{
  background: rgba(7,13,26,0.97);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.06);
}
.xp-op .nav-logo{ display: flex; align-items: center; text-decoration: none; }
.xp-op .nav-logo img{ height: 32px; width: auto; }
.xp-op .nav-links{ display: flex; gap: 4px; list-style: none; }
.xp-op .nav-links a{
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,0.7); text-decoration: none;
  font-size: 14px; font-weight: 500; transition: color 0.2s, background 0.2s;
  padding: 7px 12px; border-radius: 8px;
  white-space: nowrap;
}
.xp-op .nav-links a svg{ opacity: 0.6; transition: opacity 0.2s; flex-shrink: 0; }
.xp-op .nav-links a:hover{ color: white; background: rgba(255,255,255,0.07); }
.xp-op .nav-links a:hover svg{ opacity: 1; }
.xp-op .nav-cta{ display: flex; gap: 12px; align-items: center; }
.xp-op .lang-switcher{ position: relative; display: inline-flex; align-items: center; }
.xp-op .lang-switcher-select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid rgba(255,255,255,0.18);
  background-color: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.85);
  font: 500 14px/1 inherit;
  padding: 8px 30px 8px 14px;
  border-radius: 999px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.7)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.xp-op .lang-switcher-select:hover{
  background-color: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}
.xp-op .lang-switcher-select:focus-visible{
  outline: 2px solid var(--green, #1a6b47);
  outline-offset: 2px;
}
.xp-op .lang-switcher-select option{
  background: #0f1a2e;
  color: #fff;
  padding: 8px 12px;
}
@media (max-width: 640px){.xp-op .lang-switcher-select{ padding: 7px 26px 7px 11px; font-size: 13px; }
}.xp-op .btn-ghost{
  color: rgba(255,255,255,0.8); font-size: 15px;
  background: none; border: none; cursor: pointer;
  font-family: inherit; font-weight: 500;
  text-decoration: none; transition: color 0.2s;
}
.xp-op .btn-ghost:hover{ color: white; }
.xp-op .btn-primary{
  background: var(--green); color: white;
  padding: 10px 22px; border-radius: 8px;
  font-size: 15px; font-weight: 600;
  border: none; cursor: pointer;
  font-family: inherit; text-decoration: none;
  transition: background 0.2s, transform 0.15s; display: inline-block;
}
.xp-op .btn-primary:hover{ background: var(--green-light); transform: translateY(-1px); }
.xp-op .page-hero{
  background: var(--navy);
  padding: 140px 24px 80px;
  text-align: center;
  position: relative; overflow: hidden;
}
.xp-op .page-hero-glow{
  position: absolute; width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, oklch(43.5% 0.09 158 / 0.15) 0%, transparent 70%);
  top: -100px; left: 50%; transform: translateX(-50%);
  pointer-events: none;
}
.xp-op .page-hero-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green-light); margin-bottom: 16px;
}
.xp-op .page-hero h1{
  font-size: clamp(28px, 4vw, 52px); font-weight: 700;
  color: white; letter-spacing: -1.5px; line-height: 1.15;
  max-width: 760px; margin: 0 auto 20px; text-wrap: balance;
}
.xp-op .page-hero p{
  font-size: 18px; color: rgba(255,255,255,0.55);
  max-width: 580px; margin: 0 auto; text-wrap: pretty; line-height: 1.7;
}
.xp-op section{ padding: 80px 24px; }
.xp-op .container{ max-width: 1100px; margin: 0 auto; }
.xp-op .container-narrow{ max-width: 760px; margin: 0 auto; }
.xp-op .section-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.xp-op .section-title{
  font-size: clamp(26px, 3.5vw, 42px); font-weight: 700;
  line-height: 1.15; letter-spacing: -1px; color: var(--text);
  text-wrap: balance; margin-bottom: 16px;
}
.xp-op .section-sub{
  font-size: 18px; color: var(--mid); max-width: 580px;
  text-wrap: pretty; line-height: 1.7;
}
.xp-op .section-header{ margin-bottom: 56px; }
.xp-op .section-header.centered{ text-align: center; }
.xp-op .section-header.centered .section-sub{ margin: 0 auto; }
.xp-op .btn-primary-lg{
  background: var(--green); color: white;
  padding: 16px 32px; border-radius: 10px;
  font-size: 16px; font-weight: 600;
  border: none; cursor: pointer; font-family: inherit;
  text-decoration: none; display: inline-block;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  box-shadow: 0 8px 32px oklch(43.5% 0.09 158 / 0.35);
}
.xp-op .btn-primary-lg:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-op .btn-outline-lg{
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15);
  color: white; padding: 16px 32px; border-radius: 10px;
  font-size: 16px; font-weight: 500; cursor: pointer;
  font-family: inherit; text-decoration: none; display: inline-block;
  transition: background 0.2s, transform 0.15s;
}
.xp-op .btn-outline-lg:hover{ background: rgba(255,255,255,0.10); transform: translateY(-2px); }
.xp-op footer{
  background: #040a14;
  color: rgba(255,255,255,0.65);
  padding: 60px 60px 40px;
}
.xp-op .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 28px; }
.xp-op .footer-brand .footer-logo{ display: block; margin-bottom: 16px; }
.xp-op .footer-brand .footer-logo img{ height: 28px; width: auto; }
.xp-op .footer-brand p{ font-size: 14px; line-height: 1.7; max-width: 280px; color: rgba(255,255,255,0.65); }
.xp-op .footer-col h4{ font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.9); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; }
.xp-op .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
.xp-op .footer-col ul.footer-countries a{ display: inline-flex; align-items: center; gap: 10px; }
.xp-op .footer-col ul.footer-countries .country-flag-svg svg{ display: block; border-radius: 3px; }
.xp-op .footer-col a{ color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.xp-op .footer-col a:hover{ color: rgba(255,255,255,0.8); }
.xp-op .footer-col .cc-mini{
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 16px; border-radius: 3px;
  font-size: 9px; font-weight: 700; letter-spacing: 0.04em;
  color: white; margin-right: 8px; vertical-align: -2px;
  font-family: 'DM Sans', sans-serif;
}
.xp-op .footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 32px; display: flex; justify-content: space-between;
  align-items: center; font-size: 13px; flex-wrap: wrap; gap: 12px; color: rgba(255,255,255,0.7);
}
.xp-op .footer-bottom a{ color: rgba(255,255,255,0.7); text-decoration: none; }
.xp-op .footer-bottom a:hover{ color: white; }
.xp-op .footer-legal{ font-size: 12px; color: rgba(255,255,255,0.55); max-width: 800px; line-height: 1.6; margin-top: 16px; }
.xp-op .footer-datarep{
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  padding: 18px 0 0;
  margin-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.xp-op .footer-datarep > a{ display: inline-block; flex-shrink: 0; }
.xp-op .footer-datarep img{
  width: 130px; height: auto; display: block;
  border-radius: 4px;
}
.xp-op .footer-datarep p{
  font-size: 13px; color: rgba(255,255,255,0.7);
  line-height: 1.55; max-width: 280px; margin: 0;
}
.xp-op .footer-datarep p strong{ color: white; }
.xp-op .footer-datarep p a{ color: var(--green-light); text-decoration: none; white-space: nowrap; }
.xp-op .footer-datarep p a:hover{ color: white; }
.xp-op .nav-burger{
  display: none; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); cursor: pointer;
  padding: 8px; border-radius: 8px; color: white;
  -webkit-tap-highlight-color: rgba(255,255,255,0.15);
  touch-action: manipulation;
}
.xp-op .nav-burger:hover,.xp-op .nav-burger:active{ background: rgba(255,255,255,0.18); }
.xp-op .nav-burger svg{ display: block; }
@media (max-width: 1024px){.xp-op .nav-x#navbar{
    padding: 14px 18px;
    background: rgba(7,13,26,0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.xp-op .nav-x#navbar.scrolled{ background: rgba(7,13,26,0.98); }
.xp-op .nav-links{
    position: fixed; top: 64px; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: rgba(7,13,26,0.98); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    padding: 12px 18px 20px;
    border-top: 1px solid rgba(255,255,255,0.08);
    transform: translateY(-12px); opacity: 0; pointer-events: none;
    transition: transform 0.2s, opacity 0.2s;
    max-height: calc(100vh - 64px); overflow-y: auto;
  }
.xp-op .nav-links.open{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.xp-op .nav-links li{ width: 100%; }
.xp-op .nav-links a{
    width: 100%; padding: 12px 14px; font-size: 16px;
    border-radius: 8px;
  }
.xp-op .nav-cta .btn-ghost{ display: none; }
.xp-op .nav-cta .btn-primary{ padding: 8px 16px; font-size: 14px; }
.xp-op .nav-burger{ display: inline-flex; }
}@media (max-width: 860px){.xp-op section{ padding: 56px 18px; }
.xp-op .page-hero{ padding: 110px 18px 56px; }
.xp-op footer{ padding: 48px 22px 28px; }
.xp-op .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 40px; }
.xp-op .footer-brand{ grid-column: 1 / -1; }
.xp-op .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 14px; }
.xp-op .footer-bottom > div{ flex-direction: column; gap: 6px !important; }
.xp-op [style*="grid-template-columns:1fr 1fr"],.xp-op [style*="grid-template-columns: 1fr 1fr"],.xp-op [style*="grid-template-columns:1fr 1.2fr"],.xp-op [style*="grid-template-columns: 1fr 1.2fr"],.xp-op [style*="grid-template-columns:1.2fr 1fr"],.xp-op [style*="grid-template-columns: 1.2fr 1fr"],.xp-op [style*="grid-template-columns:1fr 1fr 1fr"],.xp-op [style*="grid-template-columns: 1fr 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
.xp-op [style*="gap:80px"],.xp-op [style*="gap: 80px"],.xp-op [style*="gap:60px"],.xp-op [style*="gap: 60px"],.xp-op [style*="gap:48px"],.xp-op [style*="gap: 48px"]{
    gap: 28px !important;
  }
.xp-op [style*="grid-template-columns:180px 1fr"],.xp-op [style*="grid-template-columns: 180px 1fr"]{
    grid-template-columns: 1fr !important;
  }
.xp-op .features-grid,.xp-op .steps,.xp-op .steps-v,.xp-op .solve-grid,.xp-op .pricing-grid,.xp-op .team-grid,.xp-op .values-grid,.xp-op .stats-grid,.xp-op .peppol-grid,.xp-op .hero-stats{ grid-template-columns: 1fr !important; }
.xp-op .peppol-grid{ gap: 36px !important; }
.xp-op .dash-body{ grid-template-columns: 1fr !important; padding: 16px !important; }
.xp-op .dash-invoice-row{ flex-wrap: wrap; gap: 6px 12px; }
.xp-op .hero-stat-divider{ display: none; }
.xp-op .btn-primary-lg,.xp-op .btn-outline-lg{ padding: 14px 22px; font-size: 15px; }
.xp-op .hero-actions{ flex-direction: column; align-items: stretch; gap: 10px; }
.xp-op .hero-actions a{ text-align: center; }
}@media (max-width: 480px){.xp-op section{ padding: 44px 16px; }
.xp-op .page-hero{ padding: 96px 16px 40px; }
.xp-op .page-hero h1{ letter-spacing: -1px; }
.xp-op footer{ padding: 40px 18px 24px; }
.xp-op .footer-grid{ grid-template-columns: 1fr; gap: 28px; }
}.xp-op .hero-netviz{
  position: absolute;
  top: 46px; right: 24px;
  width: 244px; max-width: 25vw;
  z-index: 0;
  pointer-events: none;
  opacity: 0.72;
  -webkit-mask-image: radial-gradient(125% 135% at 80% 24%, #000 44%, transparent 84%);
          mask-image: radial-gradient(125% 135% at 80% 24%, #000 44%, transparent 84%);
}
.xp-op .hero-netviz svg{ width: 100%; height: auto; display: block; }
.xp-op .page-hero > *:not(.hero-netviz):not(.page-hero-glow),.xp-op #hero > *:not(.hero-netviz):not(.hero-glow):not(.hero-glow-2){ position: relative; z-index: 1; }
@media (max-width: 768px){.xp-op .hero-netviz{ display: none; }
}.xp-op a{color:var(--green)}
.xp-op a:hover{color:var(--green-light)}
.xp-op .chain{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;max-width:900px;margin:36px auto 0}
.xp-op .chain i{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:8px;padding:8px 13px}
.xp-op .chain i.hi{color:#fff;border-color:oklch(43.5% .09 158/.6);background:oklch(43.5% .09 158/.22)}
.xp-op .chain s{text-decoration:none;width:22px;height:1px;background:rgba(255,255,255,.2)}
.xp-op .band{border-top:1px solid var(--border)}
.xp-op .bgrid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.xp-op .bgrid.flip .bcopy{order:2}
.xp-op .bstage{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9aa5b5;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.xp-op .bstage em{font-style:normal;color:var(--green)}
.xp-op .bcopy h2{font-size:clamp(26px,3.2vw,38px);font-weight:700;letter-spacing:-1.1px;line-height:1.15;margin-bottom:16px;text-wrap:balance}
.xp-op .bcopy p{font-size:16px;color:var(--mid);line-height:1.8;max-width:48ch}
.xp-op .tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:var(--green-pale);padding:4px 9px;border-radius:6px;margin-bottom:14px}
.xp-op .models{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.xp-op .model{border:1px solid var(--border);border-radius:11px;padding:16px;background:#fff}
.xp-op .model b{display:block;font-size:14px;font-weight:600;margin-bottom:5px}
.xp-op .model span{font-size:12.5px;color:var(--mid);line-height:1.6}
.xp-op .card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px;box-shadow:0 10px 36px rgba(12,19,32,.06)}
.xp-op .card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.xp-op .card-h b{font-size:13.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.xp-op .pill{font-size:11px;font-weight:600;color:var(--green);background:var(--green-pale);border-radius:999px;padding:4px 10px;white-space:nowrap}
.xp-op .pill.warn{color:#8a6116;background:#fdf5e4}
.xp-op .kv div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;font-size:13.5px;border-bottom:1px solid #f1f4f9}
.xp-op .kv div:last-child{border-bottom:none}
.xp-op .kv span:first-child{color:var(--mid)}
.xp-op .kv span:last-child{font-weight:600;text-align:right}
.xp-op .figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.xp-op .fig{padding:26px;border-left:1px solid var(--border)}
.xp-op .fig:first-child{border-left:none}
.xp-op .fig b{display:block;font-size:30px;font-weight:700;letter-spacing:-1px;margin-bottom:6px}
.xp-op .fig span{font-size:13.5px;color:var(--mid);line-height:1.65}
.xp-op .ledger-wrap{margin-top:6px;overflow-x:auto}
.xp-op .ledger{width:100%;border-collapse:collapse;min-width:820px}
.xp-op .ledger th{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab;text-align:left;padding:0 10px 12px;border-bottom:1px solid var(--border);vertical-align:bottom}
.xp-op .ledger th.r,.xp-op .ledger td.r{text-align:right}
.xp-op .ledger td{font-size:12px;padding:11px 10px;border-bottom:1px solid #f1f4f9;vertical-align:middle;white-space:nowrap}
.xp-op .ledger tr:last-child td{border-bottom:none}
.xp-op .ledger tr.alt td{background:#fbfcfe}
.xp-op .ledger .line b{display:block;font-weight:600;margin-bottom:5px}
.xp-op .ledger .po{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:var(--mid);border:1px solid var(--border);border-radius:6px;padding:3px 7px;display:inline-block}
.xp-op .ledger .ev{font-weight:600}
.xp-op .ledger .ev em{font-style:normal;font-weight:400;color:var(--mid)}
.xp-op .ledger .mut{color:#b3bccb}
.xp-op .ledger .amt{font-weight:600}
.xp-op .ledger-sep{border-left:1px solid var(--border)}
@media(max-width:900px){.xp-op .bgrid{grid-template-columns:1fr;gap:32px}
.xp-op .bgrid.flip .bcopy{order:0}
.xp-op .models{grid-template-columns:1fr 1fr}
.xp-op .figures{grid-template-columns:1fr}
.xp-op .fig{border-left:none;border-top:1px solid var(--border)}
.xp-op .fig:first-child{border-top:none}
}.xp-qc{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6;text-align:left}.xp-qc h1,.xp-qc h2,.xp-qc h3,.xp-qc h4,.xp-qc h5,.xp-qc h6{font-family:inherit;letter-spacing:normal;font-weight:700}.xp-qc a{color:#1a6b47}

.xp-qc *,.xp-qc *::before,.xp-qc *::after{box-sizing:border-box;margin:0;padding:0}.xp-qc{
  --navy: #070d1a;
  --navy2: #0e1a30;
  --green: #1a6b47;
  --green-light: #2f9169;
  --green-pale: #eef5f1;
  --off-white: #f6f8fc;
  --text: #0c1320;
  --mid: #4f5f74;
  --border: #e2e8f0;
  --radius: 12px;
}
.xp-qc{ scroll-behavior: smooth; }
.xp-qc{
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: white;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.xp-qc .nav-x#navbar{
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 60px;
  transition: background 0.3s, box-shadow 0.3s;
}
.xp-qc .nav-x#navbar.scrolled{
  background: rgba(7,13,26,0.97);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.06);
}
.xp-qc .nav-logo{ display: flex; align-items: center; text-decoration: none; }
.xp-qc .nav-logo img{ height: 32px; width: auto; }
.xp-qc .nav-links{ display: flex; gap: 4px; list-style: none; }
.xp-qc .nav-links a{
  display: inline-flex; align-items: center; gap: 6px;
  color: rgba(255,255,255,0.7); text-decoration: none;
  font-size: 14px; font-weight: 500; transition: color 0.2s, background 0.2s;
  padding: 7px 12px; border-radius: 8px;
  white-space: nowrap;
}
.xp-qc .nav-links a svg{ opacity: 0.6; transition: opacity 0.2s; flex-shrink: 0; }
.xp-qc .nav-links a:hover{ color: white; background: rgba(255,255,255,0.07); }
.xp-qc .nav-links a:hover svg{ opacity: 1; }
.xp-qc .nav-cta{ display: flex; gap: 12px; align-items: center; }
.xp-qc .lang-switcher{ position: relative; display: inline-flex; align-items: center; }
.xp-qc .lang-switcher-select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid rgba(255,255,255,0.18);
  background-color: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.85);
  font: 500 14px/1 inherit;
  padding: 8px 30px 8px 14px;
  border-radius: 999px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.7)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.xp-qc .lang-switcher-select:hover{
  background-color: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}
.xp-qc .lang-switcher-select:focus-visible{
  outline: 2px solid var(--green, #1a6b47);
  outline-offset: 2px;
}
.xp-qc .lang-switcher-select option{
  background: #0f1a2e;
  color: #fff;
  padding: 8px 12px;
}
@media (max-width: 640px){.xp-qc .lang-switcher-select{ padding: 7px 26px 7px 11px; font-size: 13px; }
}.xp-qc .btn-ghost{
  color: rgba(255,255,255,0.8); font-size: 15px;
  background: none; border: none; cursor: pointer;
  font-family: inherit; font-weight: 500;
  text-decoration: none; transition: color 0.2s;
}
.xp-qc .btn-ghost:hover{ color: white; }
.xp-qc .btn-primary{
  background: var(--green); color: white;
  padding: 10px 22px; border-radius: 8px;
  font-size: 15px; font-weight: 600;
  border: none; cursor: pointer;
  font-family: inherit; text-decoration: none;
  transition: background 0.2s, transform 0.15s; display: inline-block;
}
.xp-qc .btn-primary:hover{ background: var(--green-light); transform: translateY(-1px); }
.xp-qc .page-hero{
  background: var(--navy);
  padding: 140px 24px 80px;
  text-align: center;
  position: relative; overflow: hidden;
}
.xp-qc .page-hero-glow{
  position: absolute; width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, oklch(43.5% 0.09 158 / 0.15) 0%, transparent 70%);
  top: -100px; left: 50%; transform: translateX(-50%);
  pointer-events: none;
}
.xp-qc .page-hero-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green-light); margin-bottom: 16px;
}
.xp-qc .page-hero h1{
  font-size: clamp(28px, 4vw, 52px); font-weight: 700;
  color: white; letter-spacing: -1.5px; line-height: 1.15;
  max-width: 760px; margin: 0 auto 20px; text-wrap: balance;
}
.xp-qc .page-hero p{
  font-size: 18px; color: rgba(255,255,255,0.55);
  max-width: 580px; margin: 0 auto; text-wrap: pretty; line-height: 1.7;
}
.xp-qc section{ padding: 80px 24px; }
.xp-qc .container{ max-width: 1100px; margin: 0 auto; }
.xp-qc .container-narrow{ max-width: 760px; margin: 0 auto; }
.xp-qc .section-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.xp-qc .section-title{
  font-size: clamp(26px, 3.5vw, 42px); font-weight: 700;
  line-height: 1.15; letter-spacing: -1px; color: var(--text);
  text-wrap: balance; margin-bottom: 16px;
}
.xp-qc .section-sub{
  font-size: 18px; color: var(--mid); max-width: 580px;
  text-wrap: pretty; line-height: 1.7;
}
.xp-qc .section-header{ margin-bottom: 56px; }
.xp-qc .section-header.centered{ text-align: center; }
.xp-qc .section-header.centered .section-sub{ margin: 0 auto; }
.xp-qc .btn-primary-lg{
  background: var(--green); color: white;
  padding: 16px 32px; border-radius: 10px;
  font-size: 16px; font-weight: 600;
  border: none; cursor: pointer; font-family: inherit;
  text-decoration: none; display: inline-block;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  box-shadow: 0 8px 32px oklch(43.5% 0.09 158 / 0.35);
}
.xp-qc .btn-primary-lg:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-qc .btn-outline-lg{
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15);
  color: white; padding: 16px 32px; border-radius: 10px;
  font-size: 16px; font-weight: 500; cursor: pointer;
  font-family: inherit; text-decoration: none; display: inline-block;
  transition: background 0.2s, transform 0.15s;
}
.xp-qc .btn-outline-lg:hover{ background: rgba(255,255,255,0.10); transform: translateY(-2px); }
.xp-qc footer{
  background: #040a14;
  color: rgba(255,255,255,0.65);
  padding: 60px 60px 40px;
}
.xp-qc .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 28px; }
.xp-qc .footer-brand .footer-logo{ display: block; margin-bottom: 16px; }
.xp-qc .footer-brand .footer-logo img{ height: 28px; width: auto; }
.xp-qc .footer-brand p{ font-size: 14px; line-height: 1.7; max-width: 280px; color: rgba(255,255,255,0.65); }
.xp-qc .footer-col h4{ font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.9); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; }
.xp-qc .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
.xp-qc .footer-col ul.footer-countries a{ display: inline-flex; align-items: center; gap: 10px; }
.xp-qc .footer-col ul.footer-countries .country-flag-svg svg{ display: block; border-radius: 3px; }
.xp-qc .footer-col a{ color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.xp-qc .footer-col a:hover{ color: rgba(255,255,255,0.8); }
.xp-qc .footer-col .cc-mini{
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 16px; border-radius: 3px;
  font-size: 9px; font-weight: 700; letter-spacing: 0.04em;
  color: white; margin-right: 8px; vertical-align: -2px;
  font-family: 'DM Sans', sans-serif;
}
.xp-qc .footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 32px; display: flex; justify-content: space-between;
  align-items: center; font-size: 13px; flex-wrap: wrap; gap: 12px; color: rgba(255,255,255,0.7);
}
.xp-qc .footer-bottom a{ color: rgba(255,255,255,0.7); text-decoration: none; }
.xp-qc .footer-bottom a:hover{ color: white; }
.xp-qc .footer-legal{ font-size: 12px; color: rgba(255,255,255,0.55); max-width: 800px; line-height: 1.6; margin-top: 16px; }
.xp-qc .footer-datarep{
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  padding: 18px 0 0;
  margin-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.xp-qc .footer-datarep > a{ display: inline-block; flex-shrink: 0; }
.xp-qc .footer-datarep img{
  width: 130px; height: auto; display: block;
  border-radius: 4px;
}
.xp-qc .footer-datarep p{
  font-size: 13px; color: rgba(255,255,255,0.7);
  line-height: 1.55; max-width: 280px; margin: 0;
}
.xp-qc .footer-datarep p strong{ color: white; }
.xp-qc .footer-datarep p a{ color: var(--green-light); text-decoration: none; white-space: nowrap; }
.xp-qc .footer-datarep p a:hover{ color: white; }
.xp-qc .nav-burger{
  display: none; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); cursor: pointer;
  padding: 8px; border-radius: 8px; color: white;
  -webkit-tap-highlight-color: rgba(255,255,255,0.15);
  touch-action: manipulation;
}
.xp-qc .nav-burger:hover,.xp-qc .nav-burger:active{ background: rgba(255,255,255,0.18); }
.xp-qc .nav-burger svg{ display: block; }
@media (max-width: 1024px){.xp-qc .nav-x#navbar{
    padding: 14px 18px;
    background: rgba(7,13,26,0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.xp-qc .nav-x#navbar.scrolled{ background: rgba(7,13,26,0.98); }
.xp-qc .nav-links{
    position: fixed; top: 64px; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    background: rgba(7,13,26,0.98); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    padding: 12px 18px 20px;
    border-top: 1px solid rgba(255,255,255,0.08);
    transform: translateY(-12px); opacity: 0; pointer-events: none;
    transition: transform 0.2s, opacity 0.2s;
    max-height: calc(100vh - 64px); overflow-y: auto;
  }
.xp-qc .nav-links.open{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.xp-qc .nav-links li{ width: 100%; }
.xp-qc .nav-links a{
    width: 100%; padding: 12px 14px; font-size: 16px;
    border-radius: 8px;
  }
.xp-qc .nav-cta .btn-ghost{ display: none; }
.xp-qc .nav-cta .btn-primary{ padding: 8px 16px; font-size: 14px; }
.xp-qc .nav-burger{ display: inline-flex; }
}@media (max-width: 860px){.xp-qc section{ padding: 56px 18px; }
.xp-qc .page-hero{ padding: 110px 18px 56px; }
.xp-qc footer{ padding: 48px 22px 28px; }
.xp-qc .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 40px; }
.xp-qc .footer-brand{ grid-column: 1 / -1; }
.xp-qc .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 14px; }
.xp-qc .footer-bottom > div{ flex-direction: column; gap: 6px !important; }
.xp-qc [style*="grid-template-columns:1fr 1fr"],.xp-qc [style*="grid-template-columns: 1fr 1fr"],.xp-qc [style*="grid-template-columns:1fr 1.2fr"],.xp-qc [style*="grid-template-columns: 1fr 1.2fr"],.xp-qc [style*="grid-template-columns:1.2fr 1fr"],.xp-qc [style*="grid-template-columns: 1.2fr 1fr"],.xp-qc [style*="grid-template-columns:1fr 1fr 1fr"],.xp-qc [style*="grid-template-columns: 1fr 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
.xp-qc [style*="gap:80px"],.xp-qc [style*="gap: 80px"],.xp-qc [style*="gap:60px"],.xp-qc [style*="gap: 60px"],.xp-qc [style*="gap:48px"],.xp-qc [style*="gap: 48px"]{
    gap: 28px !important;
  }
.xp-qc [style*="grid-template-columns:180px 1fr"],.xp-qc [style*="grid-template-columns: 180px 1fr"]{
    grid-template-columns: 1fr !important;
  }
.xp-qc .features-grid,.xp-qc .steps,.xp-qc .steps-v,.xp-qc .solve-grid,.xp-qc .pricing-grid,.xp-qc .team-grid,.xp-qc .values-grid,.xp-qc .stats-grid,.xp-qc .peppol-grid,.xp-qc .hero-stats{ grid-template-columns: 1fr !important; }
.xp-qc .peppol-grid{ gap: 36px !important; }
.xp-qc .dash-body{ grid-template-columns: 1fr !important; padding: 16px !important; }
.xp-qc .dash-invoice-row{ flex-wrap: wrap; gap: 6px 12px; }
.xp-qc .hero-stat-divider{ display: none; }
.xp-qc .btn-primary-lg,.xp-qc .btn-outline-lg{ padding: 14px 22px; font-size: 15px; }
.xp-qc .hero-actions{ flex-direction: column; align-items: stretch; gap: 10px; }
.xp-qc .hero-actions a{ text-align: center; }
}@media (max-width: 480px){.xp-qc section{ padding: 44px 16px; }
.xp-qc .page-hero{ padding: 96px 16px 40px; }
.xp-qc .page-hero h1{ letter-spacing: -1px; }
.xp-qc footer{ padding: 40px 18px 24px; }
.xp-qc .footer-grid{ grid-template-columns: 1fr; gap: 28px; }
}.xp-qc .hero-netviz{
  position: absolute;
  top: 46px; right: 24px;
  width: 244px; max-width: 25vw;
  z-index: 0;
  pointer-events: none;
  opacity: 0.72;
  -webkit-mask-image: radial-gradient(125% 135% at 80% 24%, #000 44%, transparent 84%);
          mask-image: radial-gradient(125% 135% at 80% 24%, #000 44%, transparent 84%);
}
.xp-qc .hero-netviz svg{ width: 100%; height: auto; display: block; }
.xp-qc .page-hero > *:not(.hero-netviz):not(.page-hero-glow),.xp-qc #hero > *:not(.hero-netviz):not(.hero-glow):not(.hero-glow-2){ position: relative; z-index: 1; }
@media (max-width: 768px){.xp-qc .hero-netviz{ display: none; }
}.xp-qc a{color:var(--green)}
.xp-qc a:hover{color:var(--green-light)}
.xp-qc .chain{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;max-width:900px;margin:36px auto 0}
.xp-qc .chain i{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:8px;padding:8px 13px}
.xp-qc .chain i.hi{color:#fff;border-color:oklch(43.5% .09 158/.6);background:oklch(43.5% .09 158/.22)}
.xp-qc .chain s{text-decoration:none;width:22px;height:1px;background:rgba(255,255,255,.2)}
.xp-qc .band{border-top:1px solid var(--border)}
.xp-qc .band:first-of-type{border-top:none}
.xp-qc .bgrid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.xp-qc .bgrid.flip .bcopy{order:2}
.xp-qc .bstage{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9aa5b5;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.xp-qc .bstage em{font-style:normal;color:var(--green)}
.xp-qc .bcopy h2{font-size:clamp(26px,3.2vw,38px);font-weight:700;letter-spacing:-1.1px;line-height:1.15;margin-bottom:16px;text-wrap:balance}
.xp-qc .bcopy p{font-size:16px;color:var(--mid);line-height:1.8;max-width:48ch}
.xp-qc .tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:var(--green-pale);padding:4px 9px;border-radius:6px;margin-bottom:14px}
.xp-qc .models{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.xp-qc .model{border:1px solid var(--border);border-radius:11px;padding:16px;background:#fff}
.xp-qc .model b{display:block;font-size:14px;font-weight:600;margin-bottom:5px}
.xp-qc .model span{font-size:12.5px;color:var(--mid);line-height:1.6}
.xp-qc .card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 24px;box-shadow:0 10px 36px rgba(12,19,32,.06)}
.xp-qc .card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.xp-qc .card-h b{font-size:13.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.xp-qc .pill{font-size:11px;font-weight:600;color:var(--green);background:var(--green-pale);border-radius:999px;padding:4px 10px;white-space:nowrap}
.xp-qc .kv div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;font-size:13.5px;border-bottom:1px solid #f1f4f9}
.xp-qc .kv div:last-child{border-bottom:none}
.xp-qc .kv span:first-child{color:var(--mid)}
.xp-qc .kv span:last-child{font-weight:600;text-align:right}
.xp-qc .figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.xp-qc .fig{padding:26px;border-left:1px solid var(--border)}
.xp-qc .fig:first-child{border-left:none}
.xp-qc .fig b{display:block;font-size:30px;font-weight:700;letter-spacing:-1px;margin-bottom:6px}
.xp-qc .fig span{font-size:13.5px;color:var(--mid);line-height:1.65}
.xp-qc .ledger-wrap{margin-top:6px;overflow-x:auto}
.xp-qc .ledger{width:100%;border-collapse:collapse;min-width:900px}
.xp-qc .ledger th{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab;text-align:left;padding:0 10px 12px;border-bottom:1px solid var(--border);vertical-align:bottom}
.xp-qc .ledger th.r,.xp-qc .ledger td.r{text-align:right}
.xp-qc .ledger td{font-size:12px;padding:11px 10px;border-bottom:1px solid #f1f4f9;vertical-align:middle;white-space:nowrap}
.xp-qc .ledger tr:last-child td{border-bottom:none}
.xp-qc .ledger tr.alt td{background:#fbfcfe}
.xp-qc .ledger .wp{font-weight:600}
.xp-qc .ledger .line b{display:block;font-weight:600;margin-bottom:5px}
.xp-qc .ledger .doc{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:var(--mid);border:1px solid var(--border);border-radius:6px;padding:3px 7px;display:inline-block}
.xp-qc .ledger .ev{font-weight:600}
.xp-qc .ledger .ev em{font-style:normal;font-weight:400;color:var(--mid)}
.xp-qc .ledger .mut{color:#b3bccb}
.xp-qc .ledger .amt{font-weight:600}
.xp-qc .ledger-sep{border-left:1px solid var(--border)}
@media(max-width:900px){.xp-qc .bgrid{grid-template-columns:1fr;gap:32px}
.xp-qc .bgrid.flip .bcopy{order:0}
.xp-qc .models{grid-template-columns:1fr 1fr}
.xp-qc .figures{grid-template-columns:1fr}
.xp-qc .fig{border-left:none;border-top:1px solid var(--border)}
.xp-qc .fig:first-child{border-top:none}
}