/* Legacy page content (legal, about, blog, construction) scoped inside the redesign. */
.xp-lg{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6}.xp-lg h1,.xp-lg h2,.xp-lg h3,.xp-lg h4{font-family:inherit;letter-spacing:normal}
.xp-lg *,.xp-lg *::before,.xp-lg *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.xp-lg{
  --navy: #070d1a;
  --navy2: #0e1a30;
  --green: #1a6b47;
  --green-light: #2f9169;
  --green-pale: #eef5f1;
  --off-white: #f6f8fc;
  --text: #0c1320;
  --mid: #4f5f74;
  --border: #e2e8f0;
  --radius: 12px;
}
.xp-lg{ scroll-behavior: smooth; }
.xp-lg{
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: white;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.xp-lg .no-nav#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-lg .no-nav#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-lg .nav-logo{ display: flex; align-items: center; text-decoration: none; }
.xp-lg .nav-logo img{ height: 32px; width: auto; }
.xp-lg .nav-links{ display: flex; gap: 4px; list-style: none; }
.xp-lg .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-lg .nav-links a svg{ opacity: 0.6; transition: opacity 0.2s; flex-shrink: 0; }
.xp-lg .nav-links a:hover{ color: white; background: rgba(255,255,255,0.07); }
.xp-lg .nav-links a:hover svg{ opacity: 1; }
.xp-lg .nav-cta{ display: flex; gap: 12px; align-items: center; }
.xp-lg .lang-switcher{ position: relative; display: inline-flex; align-items: center; }
.xp-lg .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-lg .lang-switcher-select:hover{
  background-color: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}
.xp-lg .lang-switcher-select:focus-visible{
  outline: 2px solid var(--green, #1a6b47);
  outline-offset: 2px;
}
.xp-lg .lang-switcher-select option{
  background: #0f1a2e;
  color: #fff;
  padding: 8px 12px;
}
@media (max-width: 640px){.xp-lg .lang-switcher-select{ padding: 7px 26px 7px 11px; font-size: 13px; }
}.xp-lg .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-lg .btn-ghost:hover{ color: white; }
.xp-lg .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-lg .btn-primary:hover{ background: var(--green-light); transform: translateY(-1px); }
.xp-lg .page-hero{
  background: var(--navy);
  padding: 140px 24px 80px;
  text-align: center;
  position: relative; overflow: hidden;
}
.xp-lg .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-lg .page-hero-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green-light); margin-bottom: 16px;
}
.xp-lg .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-lg .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-lg section{ padding: 80px 24px; }
.xp-lg .container{ max-width: 1100px; margin: 0 auto; }
.xp-lg .container-narrow{ max-width: 760px; margin: 0 auto; }
.xp-lg .section-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.xp-lg .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-lg .section-sub{
  font-size: 18px; color: var(--mid); max-width: 580px;
  text-wrap: pretty; line-height: 1.7;
}
.xp-lg .section-header{ margin-bottom: 56px; }
.xp-lg .section-header.centered{ text-align: center; }
.xp-lg .section-header.centered .section-sub{ margin: 0 auto; }
.xp-lg .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-lg .btn-primary-lg:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-lg .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-lg .btn-outline-lg:hover{ background: rgba(255,255,255,0.10); transform: translateY(-2px); }
.xp-lg .no-footer{
  background: #040a14;
  color: rgba(255,255,255,0.65);
  padding: 60px 60px 40px;
}
.xp-lg .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 28px; }
.xp-lg .footer-brand .footer-logo{ display: block; margin-bottom: 16px; }
.xp-lg .footer-brand .footer-logo img{ height: 28px; width: auto; }
.xp-lg .footer-brand p{ font-size: 14px; line-height: 1.7; max-width: 280px; color: rgba(255,255,255,0.65); }
.xp-lg .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-lg .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
.xp-lg .footer-col ul.footer-countries a{ display: inline-flex; align-items: center; gap: 10px; }
.xp-lg .footer-col ul.footer-countries .country-flag-svg svg{ display: block; border-radius: 3px; }
.xp-lg .footer-col a{ color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.xp-lg .footer-col a:hover{ color: rgba(255,255,255,0.8); }
.xp-lg .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-lg .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-lg .footer-bottom a{ color: rgba(255,255,255,0.7); text-decoration: none; }
.xp-lg .footer-bottom a:hover{ color: white; }
.xp-lg .footer-legal{ font-size: 12px; color: rgba(255,255,255,0.55); max-width: 800px; line-height: 1.6; margin-top: 16px; }
.xp-lg .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-lg .footer-datarep > a{ display: inline-block; flex-shrink: 0; }
.xp-lg .footer-datarep img{
  width: 130px; height: auto; display: block;
  border-radius: 4px;
}
.xp-lg .footer-datarep p{
  font-size: 13px; color: rgba(255,255,255,0.7);
  line-height: 1.55; max-width: 280px; margin: 0;
}
.xp-lg .footer-datarep p strong{ color: white; }
.xp-lg .footer-datarep p a{ color: var(--green-light); text-decoration: none; white-space: nowrap; }
.xp-lg .footer-datarep p a:hover{ color: white; }
.xp-lg .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-lg .nav-burger:hover,.xp-lg .nav-burger:active{ background: rgba(255,255,255,0.18); }
.xp-lg .nav-burger svg{ display: block; }
@media (max-width: 1024px){.xp-lg .no-nav#navbar{
    padding: 14px 18px;
    background: rgba(7,13,26,0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.xp-lg .no-nav#navbar.scrolled{ background: rgba(7,13,26,0.98); }
.xp-lg .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-lg .nav-links.open{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.xp-lg .nav-links li{ width: 100%; }
.xp-lg .nav-links a{
    width: 100%; padding: 12px 14px; font-size: 16px;
    border-radius: 8px;
  }
.xp-lg .nav-cta .btn-ghost{ display: none; }
.xp-lg .nav-cta .btn-primary{ padding: 8px 16px; font-size: 14px; }
.xp-lg .nav-burger{ display: inline-flex; }
}@media (max-width: 860px){.xp-lg section{ padding: 56px 18px; }
.xp-lg .page-hero{ padding: 110px 18px 56px; }
.xp-lg .no-footer{ padding: 48px 22px 28px; }
.xp-lg .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 40px; }
.xp-lg .footer-brand{ grid-column: 1 / -1; }
.xp-lg .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 14px; }
.xp-lg .footer-bottom > div{ flex-direction: column; gap: 6px !important; }
.xp-lg [style*="grid-template-columns:1fr 1fr"],.xp-lg [style*="grid-template-columns: 1fr 1fr"],.xp-lg [style*="grid-template-columns:1fr 1.2fr"],.xp-lg [style*="grid-template-columns: 1fr 1.2fr"],.xp-lg [style*="grid-template-columns:1.2fr 1fr"],.xp-lg [style*="grid-template-columns: 1.2fr 1fr"],.xp-lg [style*="grid-template-columns:1fr 1fr 1fr"],.xp-lg [style*="grid-template-columns: 1fr 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
.xp-lg [style*="gap:80px"],.xp-lg [style*="gap: 80px"],.xp-lg [style*="gap:60px"],.xp-lg [style*="gap: 60px"],.xp-lg [style*="gap:48px"],.xp-lg [style*="gap: 48px"]{
    gap: 28px !important;
  }
.xp-lg [style*="grid-template-columns:180px 1fr"],.xp-lg [style*="grid-template-columns: 180px 1fr"]{
    grid-template-columns: 1fr !important;
  }
.xp-lg .features-grid,.xp-lg .steps,.xp-lg .steps-v,.xp-lg .solve-grid,.xp-lg .pricing-grid,.xp-lg .team-grid,.xp-lg .values-grid,.xp-lg .stats-grid,.xp-lg .peppol-grid,.xp-lg .hero-stats{ grid-template-columns: 1fr !important; }
.xp-lg .peppol-grid{ gap: 36px !important; }
.xp-lg .dash-body{ grid-template-columns: 1fr !important; padding: 16px !important; }
.xp-lg .dash-invoice-row{ flex-wrap: wrap; gap: 6px 12px; }
.xp-lg .hero-stat-divider{ display: none; }
.xp-lg .btn-primary-lg,.xp-lg .btn-outline-lg{ padding: 14px 22px; font-size: 15px; }
.xp-lg .hero-actions{ flex-direction: column; align-items: stretch; gap: 10px; }
.xp-lg .hero-actions a{ text-align: center; }
}@media (max-width: 480px){.xp-lg section{ padding: 44px 16px; }
.xp-lg .page-hero{ padding: 96px 16px 40px; }
.xp-lg .page-hero h1{ letter-spacing: -1px; }
.xp-lg .no-footer{ padding: 40px 18px 24px; }
.xp-lg .footer-grid{ grid-template-columns: 1fr; gap: 28px; }
}.xp-lg .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-lg .hero-netviz svg{ width: 100%; height: auto; display: block; }
.xp-lg .page-hero > *:not(.hero-netviz):not(.page-hero-glow),.xp-lg #hero > *:not(.hero-netviz):not(.hero-glow):not(.hero-glow-2){ position: relative; z-index: 1; }
@media (max-width: 768px){.xp-lg .hero-netviz{ display: none; }
}.xp-lg .legal-layout{
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 64px;
  align-items: start;
}
@media (max-width: 900px){.xp-lg .legal-layout{ grid-template-columns: 1fr; gap: 32px; }
.xp-lg .legal-toc{ position: static !important; max-height: none !important; }
}.xp-lg .legal-toc{
  position: sticky;
  top: 100px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  font-size: 13.5px;
  border-left: 1px solid var(--border);
  padding: 4px 0 4px 18px;
}
.xp-lg .legal-toc::-webkit-scrollbar{ width: 4px; }
.xp-lg .legal-toc::-webkit-scrollbar-thumb{ background: var(--border); border-radius: 2px; }
.xp-lg .legal-toc-header{
  display: flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--mid);
  margin-bottom: 14px;
}
.xp-lg .legal-toc-header h3{ font-size: 11px; font-weight: 600; margin: 0; color: var(--mid); }
.xp-lg .legal-toc a{
  display: flex; gap: 10px;
  color: var(--mid);
  text-decoration: none;
  padding: 6px 0;
  line-height: 1.4;
  transition: color 0.15s;
  border-left: 2px solid transparent;
  margin-left: -20px;
  padding-left: 18px;
}
.xp-lg .legal-toc a:hover{ color: var(--text); }
.xp-lg .legal-toc a.active{ color: var(--green); border-left-color: var(--green); font-weight: 500; }
.xp-lg .legal-toc .toc-num{
  font-variant-numeric: tabular-nums;
  color: rgba(0,0,0,0.25);
  font-size: 11.5px;
  flex-shrink: 0;
  width: 22px;
}
.xp-lg .legal-body{
  font-size: 16px;
  line-height: 1.75;
  color: var(--text);
  max-width: 760px;
}
.xp-lg .legal-body h2{
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: 48px 0 16px;
  scroll-margin-top: 100px;
  color: var(--text);
}
.xp-lg .legal-body h2:first-of-type{ margin-top: 0; }
.xp-lg .legal-body h3{
  font-size: 18px;
  font-weight: 600;
  margin: 32px 0 12px;
  color: var(--text);
  scroll-margin-top: 100px;
}
.xp-lg .legal-body p{ margin-bottom: 16px; color: var(--mid); }
.xp-lg .legal-body strong{ color: var(--text); font-weight: 600; }
.xp-lg .legal-body ol,.xp-lg .legal-body ul{ margin: 0 0 20px 24px; }
.xp-lg .legal-body li{ margin-bottom: 8px; color: var(--mid); }
.xp-lg .legal-body a{
  color: var(--green);
  text-decoration: none;
  border-bottom: 1px solid oklch(43.5% 0.09 158 / 0.3);
  transition: border-color 0.15s;
}
.xp-lg .legal-body a:hover{ border-bottom-color: var(--green); }
.xp-lg .legal-meta{
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
.xp-lg .legal-meta-badge{
  display: inline-block;
  padding: 6px 12px;
  background: var(--green-pale);
  color: oklch(40% 0.15 152);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
}
.xp-lg .legal-meta-item{
  font-size: 13px;
  color: var(--mid);
}
.xp-lg .def-table,.xp-lg .data-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
  margin: 20px 0 32px;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.xp-lg .def-table th,.xp-lg .def-table td,.xp-lg .data-table th,.xp-lg .data-table td{
  text-align: left;
  padding: 14px 16px;
  vertical-align: top;
  border-bottom: 1px solid var(--border);
}
.xp-lg .def-table thead,.xp-lg .data-table thead{ background: #f8fafc; }
.xp-lg .def-table th,.xp-lg .data-table th{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mid);
}
.xp-lg .def-table tbody td,.xp-lg .data-table tbody td{ color: var(--mid); line-height: 1.6; }
.xp-lg .def-table tbody td:first-child{
  font-weight: 600;
  color: var(--text);
  width: 28%;
  white-space: nowrap;
}
.xp-lg .def-table tr:last-child td,.xp-lg .data-table tr:last-child td{ border-bottom: none; }
.xp-lg .notice-box{
  display: flex; gap: 14px;
  padding: 16px 20px;
  background: var(--green-pale);
  border-left: 3px solid var(--green);
  border-radius: 6px;
  margin: 20px 0;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--text);
}
.xp-lg .notice-box-icon{ width: 20px; height: 20px; flex-shrink: 0; margin-top: 2px; }
.xp-lg .notice-box strong{ color: var(--text); }
.xp-lg .trust-hub{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: 36px 0 48px;
}
.xp-lg .trust-card{
  display: block;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 12px;
  text-decoration: none !important;
  border-bottom: 1px solid var(--border) !important;
  transition: border-color 0.2s, transform 0.15s;
  background: white;
}
.xp-lg .trust-card:hover{
  border-color: var(--green) !important;
  transform: translateY(-2px);
}
.xp-lg .trust-card-icon{
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  background: var(--green-pale);
  border-radius: 8px;
  margin-bottom: 16px;
}
.xp-lg .trust-card h4{
  font-size: 15px; font-weight: 600;
  color: var(--text);
  margin-bottom: 6px;
}
.xp-lg .trust-card p{
  font-size: 13.5px;
  color: var(--mid);
  margin: 0;
  line-height: 1.55;
}
.xp-lg .country-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin: 24px 0 32px;
}
.xp-lg .country-card{
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 18px;
  background: white;
}
.xp-lg .country-card-head{
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 14px;
}
.xp-lg .country-card-name{
  font-size: 16px; font-weight: 600; color: var(--text);
}
.xp-lg .country-card-flag{
  font-size: 22px;
}
.xp-lg .country-status{
  display: flex; align-items: center; gap: 8px;
  font-size: 13px;
  color: var(--mid);
  padding: 6px 0;
}
.xp-lg .country-status .dot{
  width: 8px; height: 8px; border-radius: 50%;
  flex-shrink: 0;
}
.xp-lg .dot-green{ background: var(--green); box-shadow: 0 0 0 3px oklch(43.5% 0.09 158 / 0.15); }
.xp-lg .dot-amber{ background: #d97706; box-shadow: 0 0 0 3px rgba(217,119,6,0.15); }
.xp-lg .country-status-label{ color: var(--text); font-weight: 500; }
.xp-lg .pillar-list{
  display: grid;
  gap: 12px;
  margin: 24px 0 32px;
}
.xp-lg .pillar{
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.xp-lg .pillar-num{
  font-size: 13px;
  font-weight: 600;
  color: var(--green);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}
.xp-lg .pillar h4{
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 6px;
}
.xp-lg .pillar p{
  font-size: 14.5px;
  color: var(--mid);
  margin: 0;
  line-height: 1.65;
}
.xp-lg .provider-list{
  display: grid;
  gap: 14px;
  margin: 24px 0 32px;
}
.xp-lg .provider{
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 22px 24px;
  background: white;
}
.xp-lg .provider-head{
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 16px; margin-bottom: 12px;
  flex-wrap: wrap;
}
.xp-lg .provider-name{
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
}
.xp-lg .provider-tag{
  display: inline-block;
  font-size: 11.5px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 100px;
  background: var(--off-white);
  color: var(--mid);
  border: 1px solid var(--border);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.xp-lg .provider-row{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 16px;
  font-size: 13.5px;
  padding: 10px 0;
  border-top: 1px dashed var(--border);
}
.xp-lg .provider-row dt{
  font-weight: 500;
  color: var(--mid);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding-top: 1px;
}
.xp-lg .provider-row dd{
  margin: 0;
  color: var(--text);
  line-height: 1.6;
}
@media (max-width: 900px){.xp-lg .legal-toc{
    border-left: none;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 16px 0;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }
.xp-lg .legal-toc a{
    margin-left: 0; padding-left: 4px; border-left: none;
    flex-wrap: wrap;
    word-break: break-word;
    min-width: 0;
  }
.xp-lg .legal-toc-header{ flex-wrap: wrap; }
.xp-lg .legal-meta{ gap: 10px; }
.xp-lg .legal-meta-item,.xp-lg .legal-meta-badge{ word-break: break-word; max-width: 100%; }
.xp-lg .legal-body{ min-width: 0; }
.xp-lg .legal-layout{ min-width: 0; }
.xp-lg .def-table,.xp-lg .data-table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
.xp-lg .def-table tbody td:first-child{ white-space: normal; }
}@media (max-width: 480px){.xp-lg section{ padding: 56px 16px !important; }
.xp-lg .legal-body h1{ font-size: 28px; }
}.xp-lg .imprint-grid{
    display: grid; grid-template-columns: 200px 1fr;
    gap: 14px 24px;
    margin: 8px 0 32px;
    font-size: 15px;
  }
.xp-lg .imprint-grid dt{
    font-weight: 600;
    color: var(--text);
  }
.xp-lg .imprint-grid dd{
    margin: 0;
    color: var(--mid);
  }
@media (max-width: 640px){.xp-lg .imprint-grid{ grid-template-columns: 1fr; gap: 4px 0; }
.xp-lg .imprint-grid dt{ margin-top: 12px; }
}.xp-ab{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6}.xp-ab h1,.xp-ab h2,.xp-ab h3,.xp-ab h4{font-family:inherit;letter-spacing:normal}
.xp-ab *,.xp-ab *::before,.xp-ab *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.xp-ab{
  --navy: #070d1a;
  --navy2: #0e1a30;
  --green: #1a6b47;
  --green-light: #2f9169;
  --green-pale: #eef5f1;
  --off-white: #f6f8fc;
  --text: #0c1320;
  --mid: #4f5f74;
  --border: #e2e8f0;
  --radius: 12px;
}
.xp-ab{ scroll-behavior: smooth; }
.xp-ab{
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: white;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.xp-ab .no-nav#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-ab .no-nav#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-ab .nav-logo{ display: flex; align-items: center; text-decoration: none; }
.xp-ab .nav-logo img{ height: 32px; width: auto; }
.xp-ab .nav-links{ display: flex; gap: 4px; list-style: none; }
.xp-ab .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-ab .nav-links a svg{ opacity: 0.6; transition: opacity 0.2s; flex-shrink: 0; }
.xp-ab .nav-links a:hover{ color: white; background: rgba(255,255,255,0.07); }
.xp-ab .nav-links a:hover svg{ opacity: 1; }
.xp-ab .nav-cta{ display: flex; gap: 12px; align-items: center; }
.xp-ab .lang-switcher{ position: relative; display: inline-flex; align-items: center; }
.xp-ab .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-ab .lang-switcher-select:hover{
  background-color: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}
.xp-ab .lang-switcher-select:focus-visible{
  outline: 2px solid var(--green, #1a6b47);
  outline-offset: 2px;
}
.xp-ab .lang-switcher-select option{
  background: #0f1a2e;
  color: #fff;
  padding: 8px 12px;
}
@media (max-width: 640px){.xp-ab .lang-switcher-select{ padding: 7px 26px 7px 11px; font-size: 13px; }
}.xp-ab .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-ab .btn-ghost:hover{ color: white; }
.xp-ab .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-ab .btn-primary:hover{ background: var(--green-light); transform: translateY(-1px); }
.xp-ab .page-hero{
  background: var(--navy);
  padding: 140px 24px 80px;
  text-align: center;
  position: relative; overflow: hidden;
}
.xp-ab .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-ab .page-hero-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green-light); margin-bottom: 16px;
}
.xp-ab .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-ab .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-ab section{ padding: 80px 24px; }
.xp-ab .container{ max-width: 1100px; margin: 0 auto; }
.xp-ab .container-narrow{ max-width: 760px; margin: 0 auto; }
.xp-ab .section-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.xp-ab .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-ab .section-sub{
  font-size: 18px; color: var(--mid); max-width: 580px;
  text-wrap: pretty; line-height: 1.7;
}
.xp-ab .section-header{ margin-bottom: 56px; }
.xp-ab .section-header.centered{ text-align: center; }
.xp-ab .section-header.centered .section-sub{ margin: 0 auto; }
.xp-ab .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-ab .btn-primary-lg:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-ab .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-ab .btn-outline-lg:hover{ background: rgba(255,255,255,0.10); transform: translateY(-2px); }
.xp-ab .no-footer{
  background: #040a14;
  color: rgba(255,255,255,0.65);
  padding: 60px 60px 40px;
}
.xp-ab .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 28px; }
.xp-ab .footer-brand .footer-logo{ display: block; margin-bottom: 16px; }
.xp-ab .footer-brand .footer-logo img{ height: 28px; width: auto; }
.xp-ab .footer-brand p{ font-size: 14px; line-height: 1.7; max-width: 280px; color: rgba(255,255,255,0.65); }
.xp-ab .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-ab .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
.xp-ab .footer-col ul.footer-countries a{ display: inline-flex; align-items: center; gap: 10px; }
.xp-ab .footer-col ul.footer-countries .country-flag-svg svg{ display: block; border-radius: 3px; }
.xp-ab .footer-col a{ color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.xp-ab .footer-col a:hover{ color: rgba(255,255,255,0.8); }
.xp-ab .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-ab .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-ab .footer-bottom a{ color: rgba(255,255,255,0.7); text-decoration: none; }
.xp-ab .footer-bottom a:hover{ color: white; }
.xp-ab .footer-legal{ font-size: 12px; color: rgba(255,255,255,0.55); max-width: 800px; line-height: 1.6; margin-top: 16px; }
.xp-ab .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-ab .footer-datarep > a{ display: inline-block; flex-shrink: 0; }
.xp-ab .footer-datarep img{
  width: 130px; height: auto; display: block;
  border-radius: 4px;
}
.xp-ab .footer-datarep p{
  font-size: 13px; color: rgba(255,255,255,0.7);
  line-height: 1.55; max-width: 280px; margin: 0;
}
.xp-ab .footer-datarep p strong{ color: white; }
.xp-ab .footer-datarep p a{ color: var(--green-light); text-decoration: none; white-space: nowrap; }
.xp-ab .footer-datarep p a:hover{ color: white; }
.xp-ab .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-ab .nav-burger:hover,.xp-ab .nav-burger:active{ background: rgba(255,255,255,0.18); }
.xp-ab .nav-burger svg{ display: block; }
@media (max-width: 1024px){.xp-ab .no-nav#navbar{
    padding: 14px 18px;
    background: rgba(7,13,26,0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.xp-ab .no-nav#navbar.scrolled{ background: rgba(7,13,26,0.98); }
.xp-ab .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-ab .nav-links.open{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.xp-ab .nav-links li{ width: 100%; }
.xp-ab .nav-links a{
    width: 100%; padding: 12px 14px; font-size: 16px;
    border-radius: 8px;
  }
.xp-ab .nav-cta .btn-ghost{ display: none; }
.xp-ab .nav-cta .btn-primary{ padding: 8px 16px; font-size: 14px; }
.xp-ab .nav-burger{ display: inline-flex; }
}@media (max-width: 860px){.xp-ab section{ padding: 56px 18px; }
.xp-ab .page-hero{ padding: 110px 18px 56px; }
.xp-ab .no-footer{ padding: 48px 22px 28px; }
.xp-ab .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 40px; }
.xp-ab .footer-brand{ grid-column: 1 / -1; }
.xp-ab .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 14px; }
.xp-ab .footer-bottom > div{ flex-direction: column; gap: 6px !important; }
.xp-ab [style*="grid-template-columns:1fr 1fr"],.xp-ab [style*="grid-template-columns: 1fr 1fr"],.xp-ab [style*="grid-template-columns:1fr 1.2fr"],.xp-ab [style*="grid-template-columns: 1fr 1.2fr"],.xp-ab [style*="grid-template-columns:1.2fr 1fr"],.xp-ab [style*="grid-template-columns: 1.2fr 1fr"],.xp-ab [style*="grid-template-columns:1fr 1fr 1fr"],.xp-ab [style*="grid-template-columns: 1fr 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
.xp-ab [style*="gap:80px"],.xp-ab [style*="gap: 80px"],.xp-ab [style*="gap:60px"],.xp-ab [style*="gap: 60px"],.xp-ab [style*="gap:48px"],.xp-ab [style*="gap: 48px"]{
    gap: 28px !important;
  }
.xp-ab [style*="grid-template-columns:180px 1fr"],.xp-ab [style*="grid-template-columns: 180px 1fr"]{
    grid-template-columns: 1fr !important;
  }
.xp-ab .features-grid,.xp-ab .steps,.xp-ab .steps-v,.xp-ab .solve-grid,.xp-ab .pricing-grid,.xp-ab .team-grid,.xp-ab .values-grid,.xp-ab .stats-grid,.xp-ab .peppol-grid,.xp-ab .hero-stats{ grid-template-columns: 1fr !important; }
.xp-ab .peppol-grid{ gap: 36px !important; }
.xp-ab .dash-body{ grid-template-columns: 1fr !important; padding: 16px !important; }
.xp-ab .dash-invoice-row{ flex-wrap: wrap; gap: 6px 12px; }
.xp-ab .hero-stat-divider{ display: none; }
.xp-ab .btn-primary-lg,.xp-ab .btn-outline-lg{ padding: 14px 22px; font-size: 15px; }
.xp-ab .hero-actions{ flex-direction: column; align-items: stretch; gap: 10px; }
.xp-ab .hero-actions a{ text-align: center; }
}@media (max-width: 480px){.xp-ab section{ padding: 44px 16px; }
.xp-ab .page-hero{ padding: 96px 16px 40px; }
.xp-ab .page-hero h1{ letter-spacing: -1px; }
.xp-ab .no-footer{ padding: 40px 18px 24px; }
.xp-ab .footer-grid{ grid-template-columns: 1fr; gap: 28px; }
}.xp-ab .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-ab .hero-netviz svg{ width: 100%; height: auto; display: block; }
.xp-ab .page-hero > *:not(.hero-netviz):not(.page-hero-glow),.xp-ab #hero > *:not(.hero-netviz):not(.hero-glow):not(.hero-glow-2){ position: relative; z-index: 1; }
@media (max-width: 768px){.xp-ab .hero-netviz{ display: none; }
}.xp-ab .team-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.xp-ab .team-card{
    background: var(--off-white); border: 1px solid var(--border);
    border-radius: 16px; padding: 36px 32px; text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
  }
.xp-ab .team-card:hover{ box-shadow: 0 12px 40px rgba(0,0,0,0.08); transform: translateY(-3px); }
.xp-ab .team-avatar{
    width: 112px; height: 112px; border-radius: 50%;
    background: var(--navy2); margin: 0 auto 22px;
    display: flex; align-items: center; justify-content: center;
    font-size: 36px; font-weight: 700; color: var(--green-light);
    border: 3px solid var(--green-pale);
    overflow: hidden;
  }
.xp-ab .team-avatar img{ width: 100%; height: 100%; object-fit: cover; object-position: center 18%; display: block; }
.xp-ab .team-name{ font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.xp-ab .team-role{ font-size: 13px; font-weight: 600; color: var(--green); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 14px; }
.xp-ab .team-bio{ font-size: 14px; color: var(--mid); line-height: 1.7; }
.xp-ab .values-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.xp-ab .value-card{
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
  }
.xp-ab .value-num{ font-size: 44px; font-weight: 700; color: var(--green); line-height: 1; margin-bottom: 14px; letter-spacing: -1.5px; }
.xp-ab .value-card h3{ font-size: 17px; font-weight: 600; margin-bottom: 10px; }
.xp-ab .value-card p{ font-size: 14px; color: var(--mid); line-height: 1.7; }
.xp-ab .about-stat-row{ display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
@media (max-width: 900px){.xp-ab .about-stat-row{ grid-template-columns: repeat(2, 1fr); gap: 16px; }
}@media (max-width: 480px){.xp-ab .about-stat-row{ grid-template-columns: 1fr; }
.xp-ab .about-stat{ padding: 22px 18px; }
.xp-ab .about-stat-num{ font-size: 32px; }
}.xp-ab .about-stat{
    background: var(--navy); border-radius: 16px; padding: 32px 24px; text-align: center;
  }
.xp-ab .about-stat-num{ font-size: 40px; font-weight: 700; color: white; letter-spacing: -1.5px; line-height: 1; }
.xp-ab .about-stat-label{ font-size: 13px; color: rgba(255,255,255,0.45); margin-top: 8px; }
.xp-ab .location-block{
    background: var(--navy); border-radius: 20px; padding: 60px;
    display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
  }
@media (max-width: 860px){.xp-ab .location-block{ grid-template-columns: 1fr; gap: 36px; padding: 36px 28px; }
.xp-ab .location-block h2{ font-size: 26px !important; }
}.xp-ab .location-block h2{ font-size: 32px; font-weight: 700; color: white; letter-spacing: -1px; margin-bottom: 16px; }
.xp-ab .location-block p{ font-size: 16px; color: rgba(255,255,255,0.55); line-height: 1.75; margin-bottom: 8px; }
.xp-ab .location-map{
    position: relative;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    aspect-ratio: 4/3;
    overflow: hidden;
  }
.xp-ab .location-map svg{ width: 100%; height: 100%; display: block; }
.xp-ab .map-grid-line{ stroke: rgba(255,255,255,0.05); stroke-width: 1; }
.xp-ab .map-region{ fill: rgba(255,255,255,0.05); stroke: rgba(255,255,255,0.12); stroke-width: 0.4; }
.xp-ab .map-pin-ring{ fill: none; stroke: var(--green-light); stroke-width: 1; opacity: 0.4; transform-origin: center; animation: mapPing 2.4s ease-out infinite; }
.xp-ab .map-pin-dot{ fill: var(--green-light); }

  @keyframes mapPing {
    0% { r: 6; opacity: 0.6; }
    100% { r: 22; opacity: 0; }
  }.xp-ab .map-label{
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, calc(-50% + 22px));
    font-size: 12px; font-weight: 600; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--green-light);
    background: rgba(11,15,23,0.85);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 999px; padding: 6px 12px;
  }
.xp-ab .map-coord{
    position: absolute; bottom: 12px; left: 14px;
    font-family: monospace; font-size: 11px;
    color: rgba(255,255,255,0.35); letter-spacing: 0.04em;
  }
.xp-ab .contact-form{ display: grid; gap: 14px; }
.xp-ab .contact-form .field{ display: flex; flex-direction: column; gap: 6px; }
.xp-ab .contact-form label{
    font-size: 11px; font-weight: 600; letter-spacing: 0.08em;
    text-transform: uppercase; color: rgba(255,255,255,0.8);
  }
.xp-ab .contact-form input,.xp-ab .contact-form textarea,.xp-ab .contact-form select{
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 12px 14px;
    color: white;
    font-family: inherit;
    font-size: 15px;
    transition: border-color 0.15s, background 0.15s;
  }
.xp-ab .contact-form input:focus,.xp-ab .contact-form textarea:focus,.xp-ab .contact-form select:focus{
    outline: none;
    border-color: var(--green-light);
    background: rgba(255,255,255,0.06);
  }
.xp-ab .contact-form textarea{ min-height: 96px; resize: vertical; }
.xp-ab .contact-form select{
    appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='1.5' d='M1 1.5l5 5 5-5'/></svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 38px;
    cursor: pointer;
  }
.xp-ab .contact-form select option{ background: #0a1424; color: white; }
.xp-ab .contact-row-2{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 720px){.xp-ab #contact .container > div{ grid-template-columns: 1fr !important; gap: 40px !important; }
.xp-ab .contact-row-2{ grid-template-columns: 1fr; }
.xp-ab section[style*="background:white"] > .container > div[style*="grid-template-columns:1fr 1fr"]{
      grid-template-columns: 1fr !important;
      gap: 40px !important;
    }
}.xp-ab .contact-actions{ display: flex; align-items: center; gap: 16px; margin-top: 4px; }
.xp-ab .contact-success{
    display: none;
    padding: 18px 20px;
    border-radius: 12px;
    background: rgba(56, 178, 130, 0.1);
    border: 1px solid rgba(56, 178, 130, 0.3);
    color: var(--green-light);
    font-size: 15px;
    line-height: 1.5;
  }
.xp-ab .contact-success.visible{ display: block; }
.xp-ab .form-note{ font-size: 12px; color: rgba(255,255,255,0.4); }
.xp-ab .hp-trap{
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }
.xp-ab .human-check{
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
  }
.xp-ab .human-check label{
    font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.85);
    text-transform: none; letter-spacing: 0;
    margin: 0;
  }
.xp-ab .human-check input{
    width: 70px; padding: 8px 10px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 6px;
    color: white; font-size: 14px;
    text-align: center;
  }
.xp-bl{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6}.xp-bl h1,.xp-bl h2,.xp-bl h3,.xp-bl h4{font-family:inherit;letter-spacing:normal}
.xp-bl *,.xp-bl *::before,.xp-bl *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.xp-bl{
  --navy: #070d1a;
  --navy2: #0e1a30;
  --green: #1a6b47;
  --green-light: #2f9169;
  --green-pale: #eef5f1;
  --off-white: #f6f8fc;
  --text: #0c1320;
  --mid: #4f5f74;
  --border: #e2e8f0;
  --radius: 12px;
}
.xp-bl{ scroll-behavior: smooth; }
.xp-bl{
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: white;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.xp-bl .no-nav#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-bl .no-nav#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-bl .nav-logo{ display: flex; align-items: center; text-decoration: none; }
.xp-bl .nav-logo img{ height: 32px; width: auto; }
.xp-bl .nav-links{ display: flex; gap: 4px; list-style: none; }
.xp-bl .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-bl .nav-links a svg{ opacity: 0.6; transition: opacity 0.2s; flex-shrink: 0; }
.xp-bl .nav-links a:hover{ color: white; background: rgba(255,255,255,0.07); }
.xp-bl .nav-links a:hover svg{ opacity: 1; }
.xp-bl .nav-cta{ display: flex; gap: 12px; align-items: center; }
.xp-bl .lang-switcher{ position: relative; display: inline-flex; align-items: center; }
.xp-bl .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-bl .lang-switcher-select:hover{
  background-color: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}
.xp-bl .lang-switcher-select:focus-visible{
  outline: 2px solid var(--green, #1a6b47);
  outline-offset: 2px;
}
.xp-bl .lang-switcher-select option{
  background: #0f1a2e;
  color: #fff;
  padding: 8px 12px;
}
@media (max-width: 640px){.xp-bl .lang-switcher-select{ padding: 7px 26px 7px 11px; font-size: 13px; }
}.xp-bl .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-bl .btn-ghost:hover{ color: white; }
.xp-bl .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-bl .btn-primary:hover{ background: var(--green-light); transform: translateY(-1px); }
.xp-bl .page-hero{
  background: var(--navy);
  padding: 140px 24px 80px;
  text-align: center;
  position: relative; overflow: hidden;
}
.xp-bl .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-bl .page-hero-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green-light); margin-bottom: 16px;
}
.xp-bl .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-bl .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-bl section{ padding: 80px 24px; }
.xp-bl .container{ max-width: 1100px; margin: 0 auto; }
.xp-bl .container-narrow{ max-width: 760px; margin: 0 auto; }
.xp-bl .section-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.xp-bl .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-bl .section-sub{
  font-size: 18px; color: var(--mid); max-width: 580px;
  text-wrap: pretty; line-height: 1.7;
}
.xp-bl .section-header{ margin-bottom: 56px; }
.xp-bl .section-header.centered{ text-align: center; }
.xp-bl .section-header.centered .section-sub{ margin: 0 auto; }
.xp-bl .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-bl .btn-primary-lg:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-bl .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-bl .btn-outline-lg:hover{ background: rgba(255,255,255,0.10); transform: translateY(-2px); }
.xp-bl .no-footer{
  background: #040a14;
  color: rgba(255,255,255,0.65);
  padding: 60px 60px 40px;
}
.xp-bl .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 28px; }
.xp-bl .footer-brand .footer-logo{ display: block; margin-bottom: 16px; }
.xp-bl .footer-brand .footer-logo img{ height: 28px; width: auto; }
.xp-bl .footer-brand p{ font-size: 14px; line-height: 1.7; max-width: 280px; color: rgba(255,255,255,0.65); }
.xp-bl .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-bl .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
.xp-bl .footer-col ul.footer-countries a{ display: inline-flex; align-items: center; gap: 10px; }
.xp-bl .footer-col ul.footer-countries .country-flag-svg svg{ display: block; border-radius: 3px; }
.xp-bl .footer-col a{ color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.xp-bl .footer-col a:hover{ color: rgba(255,255,255,0.8); }
.xp-bl .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-bl .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-bl .footer-bottom a{ color: rgba(255,255,255,0.7); text-decoration: none; }
.xp-bl .footer-bottom a:hover{ color: white; }
.xp-bl .footer-legal{ font-size: 12px; color: rgba(255,255,255,0.55); max-width: 800px; line-height: 1.6; margin-top: 16px; }
.xp-bl .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-bl .footer-datarep > a{ display: inline-block; flex-shrink: 0; }
.xp-bl .footer-datarep img{
  width: 130px; height: auto; display: block;
  border-radius: 4px;
}
.xp-bl .footer-datarep p{
  font-size: 13px; color: rgba(255,255,255,0.7);
  line-height: 1.55; max-width: 280px; margin: 0;
}
.xp-bl .footer-datarep p strong{ color: white; }
.xp-bl .footer-datarep p a{ color: var(--green-light); text-decoration: none; white-space: nowrap; }
.xp-bl .footer-datarep p a:hover{ color: white; }
.xp-bl .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-bl .nav-burger:hover,.xp-bl .nav-burger:active{ background: rgba(255,255,255,0.18); }
.xp-bl .nav-burger svg{ display: block; }
@media (max-width: 1024px){.xp-bl .no-nav#navbar{
    padding: 14px 18px;
    background: rgba(7,13,26,0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.xp-bl .no-nav#navbar.scrolled{ background: rgba(7,13,26,0.98); }
.xp-bl .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-bl .nav-links.open{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.xp-bl .nav-links li{ width: 100%; }
.xp-bl .nav-links a{
    width: 100%; padding: 12px 14px; font-size: 16px;
    border-radius: 8px;
  }
.xp-bl .nav-cta .btn-ghost{ display: none; }
.xp-bl .nav-cta .btn-primary{ padding: 8px 16px; font-size: 14px; }
.xp-bl .nav-burger{ display: inline-flex; }
}@media (max-width: 860px){.xp-bl section{ padding: 56px 18px; }
.xp-bl .page-hero{ padding: 110px 18px 56px; }
.xp-bl .no-footer{ padding: 48px 22px 28px; }
.xp-bl .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 40px; }
.xp-bl .footer-brand{ grid-column: 1 / -1; }
.xp-bl .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 14px; }
.xp-bl .footer-bottom > div{ flex-direction: column; gap: 6px !important; }
.xp-bl [style*="grid-template-columns:1fr 1fr"],.xp-bl [style*="grid-template-columns: 1fr 1fr"],.xp-bl [style*="grid-template-columns:1fr 1.2fr"],.xp-bl [style*="grid-template-columns: 1fr 1.2fr"],.xp-bl [style*="grid-template-columns:1.2fr 1fr"],.xp-bl [style*="grid-template-columns: 1.2fr 1fr"],.xp-bl [style*="grid-template-columns:1fr 1fr 1fr"],.xp-bl [style*="grid-template-columns: 1fr 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
.xp-bl [style*="gap:80px"],.xp-bl [style*="gap: 80px"],.xp-bl [style*="gap:60px"],.xp-bl [style*="gap: 60px"],.xp-bl [style*="gap:48px"],.xp-bl [style*="gap: 48px"]{
    gap: 28px !important;
  }
.xp-bl [style*="grid-template-columns:180px 1fr"],.xp-bl [style*="grid-template-columns: 180px 1fr"]{
    grid-template-columns: 1fr !important;
  }
.xp-bl .features-grid,.xp-bl .steps,.xp-bl .steps-v,.xp-bl .solve-grid,.xp-bl .pricing-grid,.xp-bl .team-grid,.xp-bl .values-grid,.xp-bl .stats-grid,.xp-bl .peppol-grid,.xp-bl .hero-stats{ grid-template-columns: 1fr !important; }
.xp-bl .peppol-grid{ gap: 36px !important; }
.xp-bl .dash-body{ grid-template-columns: 1fr !important; padding: 16px !important; }
.xp-bl .dash-invoice-row{ flex-wrap: wrap; gap: 6px 12px; }
.xp-bl .hero-stat-divider{ display: none; }
.xp-bl .btn-primary-lg,.xp-bl .btn-outline-lg{ padding: 14px 22px; font-size: 15px; }
.xp-bl .hero-actions{ flex-direction: column; align-items: stretch; gap: 10px; }
.xp-bl .hero-actions a{ text-align: center; }
}@media (max-width: 480px){.xp-bl section{ padding: 44px 16px; }
.xp-bl .page-hero{ padding: 96px 16px 40px; }
.xp-bl .page-hero h1{ letter-spacing: -1px; }
.xp-bl .no-footer{ padding: 40px 18px 24px; }
.xp-bl .footer-grid{ grid-template-columns: 1fr; gap: 28px; }
}.xp-bl .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-bl .hero-netviz svg{ width: 100%; height: auto; display: block; }
.xp-bl .page-hero > *:not(.hero-netviz):not(.page-hero-glow),.xp-bl #hero > *:not(.hero-netviz):not(.hero-glow):not(.hero-glow-2){ position: relative; z-index: 1; }
@media (max-width: 768px){.xp-bl .hero-netviz{ display: none; }
}.xp-bl .blog-section{ background: white; }
.xp-bl .blog-section-head{
    display: flex; align-items: baseline; justify-content: space-between;
    gap: 16px; margin-bottom: 32px; flex-wrap: wrap;
  }
.xp-bl .blog-section-head h2{
    font-size: 22px; font-weight: 700; letter-spacing: -0.4px; color: var(--text);
  }
.xp-bl .blog-section-head .count{ font-size: 13px; color: var(--mid); }
.xp-bl .post-card{
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    border: 1px solid var(--border);
    border-radius: 18px;
    overflow: hidden;
    background: white;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
  }
.xp-bl .post-card:hover{
    box-shadow: 0 18px 50px rgba(7,13,26,0.10);
    transform: translateY(-3px);
    border-color: oklch(43.5% 0.09 158 / 0.4);
  }
.xp-bl .post-visual{
    position: relative;
    background:
      radial-gradient(125% 120% at 80% 6%, rgba(28,167,226,0.42) 0%, transparent 52%),
      linear-gradient(150deg, #0f3c79 0%, #0a2d5c 46%, #08204a 100%);
    min-height: 300px;
    overflow: hidden;
    display: flex; align-items: flex-end;
    padding: 28px;
  }
.xp-bl .post-visual .pv-glow{
    position: absolute; width: 300px; height: 300px; border-radius: 50%;
    background: radial-gradient(circle, rgba(40,180,235,0.34) 0%, transparent 70%);
    bottom: -120px; left: -90px; pointer-events: none;
  }
.xp-bl .post-visual .pv-net{
    position: absolute; top: 50%; right: 5%; width: 300px; opacity: 1;
    transform: translateY(-46%);
    filter: drop-shadow(0 8px 26px rgba(0,0,0,0.30));
  }
.xp-bl .post-visual .pv-net svg{ width: 100%; height: auto; display: block; }
.xp-bl .pv-scene{
    position: absolute; left: 55%; top: 49%;
    transform: translate(-50%, -50%);
    width: 420px; height: 300px; pointer-events: none;
  }
.xp-bl .pv-wires{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
.xp-bl .pv-doc{
    position: absolute; border-radius: 13px;
    background: linear-gradient(165deg, #ffffff 0%, #eef2f7 100%);
    box-shadow: 0 24px 50px rgba(0,0,0,0.40);
    z-index: 2;
  }
.xp-bl .pv-doc-back{
    width: 184px; height: 150px; left: 92px; top: 80px;
    transform: rotate(-12deg);
    background: linear-gradient(165deg, #e3e9f1, #c8d2e0);
    opacity: 0.9;
  }
.xp-bl .pv-doc-front{
    width: 208px; left: 140px; top: 52px;
    transform: rotate(-5deg);
    padding: 15px 16px 16px;
  }
.xp-bl .pv-doc-head{ display: flex; align-items: center; gap: 8px; margin-bottom: 13px; }
.xp-bl .pv-doc-dot{ width: 9px; height: 9px; border-radius: 50%; background: #1ca7e2; flex-shrink: 0; }
.xp-bl .pv-doc-title{ font-size: 11px; font-weight: 700; letter-spacing: 0.12em; color: #0a1528; }
.xp-bl .pv-doc-pill{
    margin-left: auto; font-size: 9.5px; font-weight: 700; letter-spacing: 0.03em;
    color: #1278b4; background: #daf0fb;
    padding: 3px 8px; border-radius: 100px;
  }
.xp-bl .pv-bar{ height: 7px; border-radius: 4px; background: #d3dae4; margin-bottom: 9px; }
.xp-bl .pv-bar.w80{ width: 82%; }
.xp-bl .pv-bar.w65{ width: 64%; }
.xp-bl .pv-bar.w72{ width: 73%; }
.xp-bl .pv-doc-total{
    display: flex; align-items: baseline; justify-content: space-between;
    margin-top: 13px; padding-top: 11px; border-top: 1px solid #e2e8f0;
  }
.xp-bl .pv-doc-total > span:first-child{
    font-size: 10px; font-weight: 600; letter-spacing: 0.08em;
    color: #76808f; text-transform: uppercase;
  }
.xp-bl .pv-amt{ font-size: 16px; font-weight: 800; color: #0a1528; letter-spacing: -0.3px; }
.xp-bl .pv-badge{
    position: absolute; left: 332px; top: 184px;
    width: 36px; height: 36px; border-radius: 50%;
    background: #0a6cb0; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 10px 22px rgba(10,108,176,0.55);
    z-index: 3;
  }
.xp-bl .pv-badge svg{ width: 19px; height: 19px; display: block; }
.xp-bl .pv-flag{
    position: absolute; top: 26px; left: 28px;
    display: inline-flex; align-items: center; gap: 9px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.14);
    padding: 7px 13px 7px 9px; border-radius: 100px;
    color: white; font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em;
  }
.xp-bl .pv-flag svg{ display: block; border-radius: 3px; }
.xp-bl .pv-kicker{
    position: relative; z-index: 1;
    font-size: 12px; font-weight: 600; letter-spacing: 0.12em;
    text-transform: uppercase; color: #57c4f2;
  }
.xp-bl .pv-date{
    position: relative; z-index: 1;
    font-size: 13px; color: rgba(255,255,255,0.55); margin-top: 6px;
  }
.xp-bl .post-body{ padding: 36px 38px; display: flex; flex-direction: column; }
.xp-bl .post-tags{ display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.xp-bl .post-tag{
    font-size: 11.5px; font-weight: 600; letter-spacing: 0.04em;
    color: oklch(40% 0.15 152); background: var(--green-pale);
    border-radius: 100px; padding: 5px 11px;
  }
.xp-bl .post-body h3{
    font-size: clamp(22px, 2.4vw, 28px); font-weight: 700;
    line-height: 1.22; letter-spacing: -0.6px; color: var(--text);
    margin-bottom: 14px; text-wrap: balance;
  }
.xp-bl .post-excerpt{ font-size: 15.5px; color: var(--mid); line-height: 1.7; margin-bottom: 22px; }
.xp-bl .post-meta{
    margin-top: auto;
    display: flex; align-items: center; gap: 14px;
    font-size: 13px; color: var(--mid);
    padding-top: 18px; border-top: 1px solid var(--border);
  }
.xp-bl .post-meta .read-link{
    margin-left: auto; color: var(--green); font-weight: 600;
    display: inline-flex; align-items: center; gap: 6px;
  }
.xp-bl .post-card:hover .read-link{ gap: 9px; }
.xp-bl .post-meta .read-link svg{ transition: transform 0.2s; }
.xp-bl .blog-note{
    margin-top: 28px; font-size: 14px; color: var(--mid);
    display: flex; align-items: center; gap: 10px;
  }
.xp-bl .blog-note svg{ flex-shrink: 0; stroke: var(--green); }
@media (max-width: 760px){.xp-bl .post-card{ grid-template-columns: 1fr; }
.xp-bl .post-visual{ min-height: 200px; }
.xp-bl .post-body{ padding: 28px 24px; }
.xp-bl .pv-scene{ transform: translate(-50%, -50%) scale(0.74); }
}.xp-bp{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6}.xp-bp h1,.xp-bp h2,.xp-bp h3,.xp-bp h4{font-family:inherit;letter-spacing:normal}
.xp-bp *,.xp-bp *::before,.xp-bp *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.xp-bp{
  --navy: #070d1a;
  --navy2: #0e1a30;
  --green: #1a6b47;
  --green-light: #2f9169;
  --green-pale: #eef5f1;
  --off-white: #f6f8fc;
  --text: #0c1320;
  --mid: #4f5f74;
  --border: #e2e8f0;
  --radius: 12px;
}
.xp-bp{ scroll-behavior: smooth; }
.xp-bp{
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: white;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.xp-bp .no-nav#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-bp .no-nav#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-bp .nav-logo{ display: flex; align-items: center; text-decoration: none; }
.xp-bp .nav-logo img{ height: 32px; width: auto; }
.xp-bp .nav-links{ display: flex; gap: 4px; list-style: none; }
.xp-bp .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-bp .nav-links a svg{ opacity: 0.6; transition: opacity 0.2s; flex-shrink: 0; }
.xp-bp .nav-links a:hover{ color: white; background: rgba(255,255,255,0.07); }
.xp-bp .nav-links a:hover svg{ opacity: 1; }
.xp-bp .nav-cta{ display: flex; gap: 12px; align-items: center; }
.xp-bp .lang-switcher{ position: relative; display: inline-flex; align-items: center; }
.xp-bp .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-bp .lang-switcher-select:hover{
  background-color: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}
.xp-bp .lang-switcher-select:focus-visible{
  outline: 2px solid var(--green, #1a6b47);
  outline-offset: 2px;
}
.xp-bp .lang-switcher-select option{
  background: #0f1a2e;
  color: #fff;
  padding: 8px 12px;
}
@media (max-width: 640px){.xp-bp .lang-switcher-select{ padding: 7px 26px 7px 11px; font-size: 13px; }
}.xp-bp .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-bp .btn-ghost:hover{ color: white; }
.xp-bp .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-bp .btn-primary:hover{ background: var(--green-light); transform: translateY(-1px); }
.xp-bp .page-hero{
  background: var(--navy);
  padding: 140px 24px 80px;
  text-align: center;
  position: relative; overflow: hidden;
}
.xp-bp .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-bp .page-hero-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green-light); margin-bottom: 16px;
}
.xp-bp .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-bp .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-bp section{ padding: 80px 24px; }
.xp-bp .container{ max-width: 1100px; margin: 0 auto; }
.xp-bp .container-narrow{ max-width: 760px; margin: 0 auto; }
.xp-bp .section-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.xp-bp .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-bp .section-sub{
  font-size: 18px; color: var(--mid); max-width: 580px;
  text-wrap: pretty; line-height: 1.7;
}
.xp-bp .section-header{ margin-bottom: 56px; }
.xp-bp .section-header.centered{ text-align: center; }
.xp-bp .section-header.centered .section-sub{ margin: 0 auto; }
.xp-bp .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-bp .btn-primary-lg:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-bp .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-bp .btn-outline-lg:hover{ background: rgba(255,255,255,0.10); transform: translateY(-2px); }
.xp-bp .no-footer{
  background: #040a14;
  color: rgba(255,255,255,0.65);
  padding: 60px 60px 40px;
}
.xp-bp .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 28px; }
.xp-bp .footer-brand .footer-logo{ display: block; margin-bottom: 16px; }
.xp-bp .footer-brand .footer-logo img{ height: 28px; width: auto; }
.xp-bp .footer-brand p{ font-size: 14px; line-height: 1.7; max-width: 280px; color: rgba(255,255,255,0.65); }
.xp-bp .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-bp .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
.xp-bp .footer-col ul.footer-countries a{ display: inline-flex; align-items: center; gap: 10px; }
.xp-bp .footer-col ul.footer-countries .country-flag-svg svg{ display: block; border-radius: 3px; }
.xp-bp .footer-col a{ color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.xp-bp .footer-col a:hover{ color: rgba(255,255,255,0.8); }
.xp-bp .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-bp .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-bp .footer-bottom a{ color: rgba(255,255,255,0.7); text-decoration: none; }
.xp-bp .footer-bottom a:hover{ color: white; }
.xp-bp .footer-legal{ font-size: 12px; color: rgba(255,255,255,0.55); max-width: 800px; line-height: 1.6; margin-top: 16px; }
.xp-bp .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-bp .footer-datarep > a{ display: inline-block; flex-shrink: 0; }
.xp-bp .footer-datarep img{
  width: 130px; height: auto; display: block;
  border-radius: 4px;
}
.xp-bp .footer-datarep p{
  font-size: 13px; color: rgba(255,255,255,0.7);
  line-height: 1.55; max-width: 280px; margin: 0;
}
.xp-bp .footer-datarep p strong{ color: white; }
.xp-bp .footer-datarep p a{ color: var(--green-light); text-decoration: none; white-space: nowrap; }
.xp-bp .footer-datarep p a:hover{ color: white; }
.xp-bp .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-bp .nav-burger:hover,.xp-bp .nav-burger:active{ background: rgba(255,255,255,0.18); }
.xp-bp .nav-burger svg{ display: block; }
@media (max-width: 1024px){.xp-bp .no-nav#navbar{
    padding: 14px 18px;
    background: rgba(7,13,26,0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.xp-bp .no-nav#navbar.scrolled{ background: rgba(7,13,26,0.98); }
.xp-bp .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-bp .nav-links.open{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.xp-bp .nav-links li{ width: 100%; }
.xp-bp .nav-links a{
    width: 100%; padding: 12px 14px; font-size: 16px;
    border-radius: 8px;
  }
.xp-bp .nav-cta .btn-ghost{ display: none; }
.xp-bp .nav-cta .btn-primary{ padding: 8px 16px; font-size: 14px; }
.xp-bp .nav-burger{ display: inline-flex; }
}@media (max-width: 860px){.xp-bp section{ padding: 56px 18px; }
.xp-bp .page-hero{ padding: 110px 18px 56px; }
.xp-bp .no-footer{ padding: 48px 22px 28px; }
.xp-bp .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 40px; }
.xp-bp .footer-brand{ grid-column: 1 / -1; }
.xp-bp .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 14px; }
.xp-bp .footer-bottom > div{ flex-direction: column; gap: 6px !important; }
.xp-bp [style*="grid-template-columns:1fr 1fr"],.xp-bp [style*="grid-template-columns: 1fr 1fr"],.xp-bp [style*="grid-template-columns:1fr 1.2fr"],.xp-bp [style*="grid-template-columns: 1fr 1.2fr"],.xp-bp [style*="grid-template-columns:1.2fr 1fr"],.xp-bp [style*="grid-template-columns: 1.2fr 1fr"],.xp-bp [style*="grid-template-columns:1fr 1fr 1fr"],.xp-bp [style*="grid-template-columns: 1fr 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
.xp-bp [style*="gap:80px"],.xp-bp [style*="gap: 80px"],.xp-bp [style*="gap:60px"],.xp-bp [style*="gap: 60px"],.xp-bp [style*="gap:48px"],.xp-bp [style*="gap: 48px"]{
    gap: 28px !important;
  }
.xp-bp [style*="grid-template-columns:180px 1fr"],.xp-bp [style*="grid-template-columns: 180px 1fr"]{
    grid-template-columns: 1fr !important;
  }
.xp-bp .features-grid,.xp-bp .steps,.xp-bp .steps-v,.xp-bp .solve-grid,.xp-bp .pricing-grid,.xp-bp .team-grid,.xp-bp .values-grid,.xp-bp .stats-grid,.xp-bp .peppol-grid,.xp-bp .hero-stats{ grid-template-columns: 1fr !important; }
.xp-bp .peppol-grid{ gap: 36px !important; }
.xp-bp .dash-body{ grid-template-columns: 1fr !important; padding: 16px !important; }
.xp-bp .dash-invoice-row{ flex-wrap: wrap; gap: 6px 12px; }
.xp-bp .hero-stat-divider{ display: none; }
.xp-bp .btn-primary-lg,.xp-bp .btn-outline-lg{ padding: 14px 22px; font-size: 15px; }
.xp-bp .hero-actions{ flex-direction: column; align-items: stretch; gap: 10px; }
.xp-bp .hero-actions a{ text-align: center; }
}@media (max-width: 480px){.xp-bp section{ padding: 44px 16px; }
.xp-bp .page-hero{ padding: 96px 16px 40px; }
.xp-bp .page-hero h1{ letter-spacing: -1px; }
.xp-bp .no-footer{ padding: 40px 18px 24px; }
.xp-bp .footer-grid{ grid-template-columns: 1fr; gap: 28px; }
}.xp-bp .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-bp .hero-netviz svg{ width: 100%; height: auto; display: block; }
.xp-bp .page-hero > *:not(.hero-netviz):not(.page-hero-glow),.xp-bp #hero > *:not(.hero-netviz):not(.hero-glow):not(.hero-glow-2){ position: relative; z-index: 1; }
@media (max-width: 768px){.xp-bp .hero-netviz{ display: none; }
}.xp-bp .legal-layout{
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 64px;
  align-items: start;
}
@media (max-width: 900px){.xp-bp .legal-layout{ grid-template-columns: 1fr; gap: 32px; }
.xp-bp .legal-toc{ position: static !important; max-height: none !important; }
}.xp-bp .legal-toc{
  position: sticky;
  top: 100px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  font-size: 13.5px;
  border-left: 1px solid var(--border);
  padding: 4px 0 4px 18px;
}
.xp-bp .legal-toc::-webkit-scrollbar{ width: 4px; }
.xp-bp .legal-toc::-webkit-scrollbar-thumb{ background: var(--border); border-radius: 2px; }
.xp-bp .legal-toc-header{
  display: flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--mid);
  margin-bottom: 14px;
}
.xp-bp .legal-toc-header h3{ font-size: 11px; font-weight: 600; margin: 0; color: var(--mid); }
.xp-bp .legal-toc a{
  display: flex; gap: 10px;
  color: var(--mid);
  text-decoration: none;
  padding: 6px 0;
  line-height: 1.4;
  transition: color 0.15s;
  border-left: 2px solid transparent;
  margin-left: -20px;
  padding-left: 18px;
}
.xp-bp .legal-toc a:hover{ color: var(--text); }
.xp-bp .legal-toc a.active{ color: var(--green); border-left-color: var(--green); font-weight: 500; }
.xp-bp .legal-toc .toc-num{
  font-variant-numeric: tabular-nums;
  color: rgba(0,0,0,0.25);
  font-size: 11.5px;
  flex-shrink: 0;
  width: 22px;
}
.xp-bp .legal-body{
  font-size: 16px;
  line-height: 1.75;
  color: var(--text);
  max-width: 760px;
}
.xp-bp .legal-body h2{
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: 48px 0 16px;
  scroll-margin-top: 100px;
  color: var(--text);
}
.xp-bp .legal-body h2:first-of-type{ margin-top: 0; }
.xp-bp .legal-body h3{
  font-size: 18px;
  font-weight: 600;
  margin: 32px 0 12px;
  color: var(--text);
  scroll-margin-top: 100px;
}
.xp-bp .legal-body p{ margin-bottom: 16px; color: var(--mid); }
.xp-bp .legal-body strong{ color: var(--text); font-weight: 600; }
.xp-bp .legal-body ol,.xp-bp .legal-body ul{ margin: 0 0 20px 24px; }
.xp-bp .legal-body li{ margin-bottom: 8px; color: var(--mid); }
.xp-bp .legal-body a{
  color: var(--green);
  text-decoration: none;
  border-bottom: 1px solid oklch(43.5% 0.09 158 / 0.3);
  transition: border-color 0.15s;
}
.xp-bp .legal-body a:hover{ border-bottom-color: var(--green); }
.xp-bp .legal-meta{
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border);
}
.xp-bp .legal-meta-badge{
  display: inline-block;
  padding: 6px 12px;
  background: var(--green-pale);
  color: oklch(40% 0.15 152);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
}
.xp-bp .legal-meta-item{
  font-size: 13px;
  color: var(--mid);
}
.xp-bp .def-table,.xp-bp .data-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
  margin: 20px 0 32px;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.xp-bp .def-table th,.xp-bp .def-table td,.xp-bp .data-table th,.xp-bp .data-table td{
  text-align: left;
  padding: 14px 16px;
  vertical-align: top;
  border-bottom: 1px solid var(--border);
}
.xp-bp .def-table thead,.xp-bp .data-table thead{ background: #f8fafc; }
.xp-bp .def-table th,.xp-bp .data-table th{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mid);
}
.xp-bp .def-table tbody td,.xp-bp .data-table tbody td{ color: var(--mid); line-height: 1.6; }
.xp-bp .def-table tbody td:first-child{
  font-weight: 600;
  color: var(--text);
  width: 28%;
  white-space: nowrap;
}
.xp-bp .def-table tr:last-child td,.xp-bp .data-table tr:last-child td{ border-bottom: none; }
.xp-bp .notice-box{
  display: flex; gap: 14px;
  padding: 16px 20px;
  background: var(--green-pale);
  border-left: 3px solid var(--green);
  border-radius: 6px;
  margin: 20px 0;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--text);
}
.xp-bp .notice-box-icon{ width: 20px; height: 20px; flex-shrink: 0; margin-top: 2px; }
.xp-bp .notice-box strong{ color: var(--text); }
.xp-bp .trust-hub{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: 36px 0 48px;
}
.xp-bp .trust-card{
  display: block;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 12px;
  text-decoration: none !important;
  border-bottom: 1px solid var(--border) !important;
  transition: border-color 0.2s, transform 0.15s;
  background: white;
}
.xp-bp .trust-card:hover{
  border-color: var(--green) !important;
  transform: translateY(-2px);
}
.xp-bp .trust-card-icon{
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  background: var(--green-pale);
  border-radius: 8px;
  margin-bottom: 16px;
}
.xp-bp .trust-card h4{
  font-size: 15px; font-weight: 600;
  color: var(--text);
  margin-bottom: 6px;
}
.xp-bp .trust-card p{
  font-size: 13.5px;
  color: var(--mid);
  margin: 0;
  line-height: 1.55;
}
.xp-bp .country-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
  margin: 24px 0 32px;
}
.xp-bp .country-card{
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 18px;
  background: white;
}
.xp-bp .country-card-head{
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 14px;
}
.xp-bp .country-card-name{
  font-size: 16px; font-weight: 600; color: var(--text);
}
.xp-bp .country-card-flag{
  font-size: 22px;
}
.xp-bp .country-status{
  display: flex; align-items: center; gap: 8px;
  font-size: 13px;
  color: var(--mid);
  padding: 6px 0;
}
.xp-bp .country-status .dot{
  width: 8px; height: 8px; border-radius: 50%;
  flex-shrink: 0;
}
.xp-bp .dot-green{ background: var(--green); box-shadow: 0 0 0 3px oklch(43.5% 0.09 158 / 0.15); }
.xp-bp .dot-amber{ background: #d97706; box-shadow: 0 0 0 3px rgba(217,119,6,0.15); }
.xp-bp .country-status-label{ color: var(--text); font-weight: 500; }
.xp-bp .pillar-list{
  display: grid;
  gap: 12px;
  margin: 24px 0 32px;
}
.xp-bp .pillar{
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 10px;
}
.xp-bp .pillar-num{
  font-size: 13px;
  font-weight: 600;
  color: var(--green);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
}
.xp-bp .pillar h4{
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 6px;
}
.xp-bp .pillar p{
  font-size: 14.5px;
  color: var(--mid);
  margin: 0;
  line-height: 1.65;
}
.xp-bp .provider-list{
  display: grid;
  gap: 14px;
  margin: 24px 0 32px;
}
.xp-bp .provider{
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 22px 24px;
  background: white;
}
.xp-bp .provider-head{
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 16px; margin-bottom: 12px;
  flex-wrap: wrap;
}
.xp-bp .provider-name{
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
}
.xp-bp .provider-tag{
  display: inline-block;
  font-size: 11.5px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 100px;
  background: var(--off-white);
  color: var(--mid);
  border: 1px solid var(--border);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.xp-bp .provider-row{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 16px;
  font-size: 13.5px;
  padding: 10px 0;
  border-top: 1px dashed var(--border);
}
.xp-bp .provider-row dt{
  font-weight: 500;
  color: var(--mid);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding-top: 1px;
}
.xp-bp .provider-row dd{
  margin: 0;
  color: var(--text);
  line-height: 1.6;
}
@media (max-width: 900px){.xp-bp .legal-toc{
    border-left: none;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 16px 0;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }
.xp-bp .legal-toc a{
    margin-left: 0; padding-left: 4px; border-left: none;
    flex-wrap: wrap;
    word-break: break-word;
    min-width: 0;
  }
.xp-bp .legal-toc-header{ flex-wrap: wrap; }
.xp-bp .legal-meta{ gap: 10px; }
.xp-bp .legal-meta-item,.xp-bp .legal-meta-badge{ word-break: break-word; max-width: 100%; }
.xp-bp .legal-body{ min-width: 0; }
.xp-bp .legal-layout{ min-width: 0; }
.xp-bp .def-table,.xp-bp .data-table{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
.xp-bp .def-table tbody td:first-child{ white-space: normal; }
}@media (max-width: 480px){.xp-bp section{ padding: 56px 16px !important; }
.xp-bp .legal-body h1{ font-size: 28px; }
}.xp-bp .article-hero h1{ max-width: 880px; }
.xp-bp .article-meta-row{
    display: flex; align-items: center; justify-content: center;
    gap: 10px 18px; flex-wrap: wrap; margin-top: 22px;
    font-size: 13.5px; color: rgba(255,255,255,0.6);
  }
.xp-bp .article-meta-row .chip{
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 100px; padding: 6px 13px 6px 9px;
    color: white; font-weight: 600; font-size: 12.5px;
  }
.xp-bp .article-meta-row .chip svg{ display: block; border-radius: 3px; }
.xp-bp .article-meta-row .dot{ width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.35); }
.xp-bp .breadcrumb{
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; color: var(--mid); margin-bottom: 28px;
  }
.xp-bp .breadcrumb a{ color: var(--mid); text-decoration: none; border-bottom: none; }
.xp-bp .breadcrumb a:hover{ color: var(--green); }
.xp-bp .breadcrumb svg{ opacity: 0.5; }
.xp-bp .legal-body .lead{
    font-size: 19px; line-height: 1.7; color: var(--text);
    font-weight: 500; margin-bottom: 28px;
  }
.xp-bp .article-cta{
    margin: 48px 0 8px;
    background: var(--navy);
    border-radius: 18px;
    padding: 38px 40px;
    position: relative; overflow: hidden;
  }
.xp-bp .article-cta .cta-glow{
    position: absolute; width: 360px; height: 360px; border-radius: 50%;
    background: radial-gradient(circle, oklch(43.5% 0.09 158 / 0.22) 0%, transparent 70%);
    top: -160px; right: -60px; pointer-events: none;
  }
.xp-bp .article-cta h3{
    position: relative; color: white; font-size: 22px; font-weight: 700;
    letter-spacing: -0.4px; margin-bottom: 10px;
  }
.xp-bp .article-cta p{
    position: relative; color: rgba(255,255,255,0.6); font-size: 15px;
    line-height: 1.65; margin-bottom: 24px; max-width: 540px;
  }
.xp-bp .article-cta-links{ position: relative; display: flex; gap: 12px; flex-wrap: wrap; }
.xp-bp .cta-link{
    display: inline-flex; align-items: center; gap: 10px;
    text-decoration: none; border-bottom: none !important;
    border-radius: 11px; padding: 14px 20px;
    font-size: 14.5px; font-weight: 600;
    transition: transform 0.15s, background 0.2s, border-color 0.2s;
  }
.xp-bp .cta-link.primary{ background: var(--green); color: white; }
.xp-bp .cta-link.primary:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-bp .cta-link.outline{
    background: rgba(255,255,255,0.05); color: white;
    border: 1px solid rgba(255,255,255,0.16);
  }
.xp-bp .cta-link.outline:hover{ background: rgba(255,255,255,0.1); transform: translateY(-2px); }
.xp-bp .cta-link svg{ flex-shrink: 0; }
.xp-bp .article-disclaimer{
    margin-top: 36px; padding-top: 22px;
    border-top: 1px solid var(--border);
    font-size: 13px; color: var(--mid); line-height: 1.7;
  }
@media (max-width: 760px){.xp-bp .article-cta{ padding: 30px 24px; }
.xp-bp .legal-body .lead{ font-size: 17.5px; }
}.xp-co{font-family:'DM Sans',sans-serif;color:#151b26;line-height:1.6}.xp-co h1,.xp-co h2,.xp-co h3,.xp-co h4{font-family:inherit;letter-spacing:normal}
.xp-co *,.xp-co *::before,.xp-co *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.xp-co{
  --navy: #070d1a;
  --navy2: #0e1a30;
  --green: #1a6b47;
  --green-light: #2f9169;
  --green-pale: #eef5f1;
  --off-white: #f6f8fc;
  --text: #0c1320;
  --mid: #4f5f74;
  --border: #e2e8f0;
  --radius: 12px;
}
.xp-co{ scroll-behavior: smooth; }
.xp-co{
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
  background: white;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.xp-co .no-nav#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-co .no-nav#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-co .nav-logo{ display: flex; align-items: center; text-decoration: none; }
.xp-co .nav-logo img{ height: 32px; width: auto; }
.xp-co .nav-links{ display: flex; gap: 4px; list-style: none; }
.xp-co .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-co .nav-links a svg{ opacity: 0.6; transition: opacity 0.2s; flex-shrink: 0; }
.xp-co .nav-links a:hover{ color: white; background: rgba(255,255,255,0.07); }
.xp-co .nav-links a:hover svg{ opacity: 1; }
.xp-co .nav-cta{ display: flex; gap: 12px; align-items: center; }
.xp-co .lang-switcher{ position: relative; display: inline-flex; align-items: center; }
.xp-co .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-co .lang-switcher-select:hover{
  background-color: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
}
.xp-co .lang-switcher-select:focus-visible{
  outline: 2px solid var(--green, #1a6b47);
  outline-offset: 2px;
}
.xp-co .lang-switcher-select option{
  background: #0f1a2e;
  color: #fff;
  padding: 8px 12px;
}
@media (max-width: 640px){.xp-co .lang-switcher-select{ padding: 7px 26px 7px 11px; font-size: 13px; }
}.xp-co .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-co .btn-ghost:hover{ color: white; }
.xp-co .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-co .btn-primary:hover{ background: var(--green-light); transform: translateY(-1px); }
.xp-co .page-hero{
  background: var(--navy);
  padding: 140px 24px 80px;
  text-align: center;
  position: relative; overflow: hidden;
}
.xp-co .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-co .page-hero-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green-light); margin-bottom: 16px;
}
.xp-co .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-co .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-co section{ padding: 80px 24px; }
.xp-co .container{ max-width: 1100px; margin: 0 auto; }
.xp-co .container-narrow{ max-width: 760px; margin: 0 auto; }
.xp-co .section-label{
  font-size: 12px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--green); margin-bottom: 14px;
}
.xp-co .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-co .section-sub{
  font-size: 18px; color: var(--mid); max-width: 580px;
  text-wrap: pretty; line-height: 1.7;
}
.xp-co .section-header{ margin-bottom: 56px; }
.xp-co .section-header.centered{ text-align: center; }
.xp-co .section-header.centered .section-sub{ margin: 0 auto; }
.xp-co .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-co .btn-primary-lg:hover{ background: var(--green-light); transform: translateY(-2px); }
.xp-co .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-co .btn-outline-lg:hover{ background: rgba(255,255,255,0.10); transform: translateY(-2px); }
.xp-co .no-footer{
  background: #040a14;
  color: rgba(255,255,255,0.65);
  padding: 60px 60px 40px;
}
.xp-co .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 28px; }
.xp-co .footer-brand .footer-logo{ display: block; margin-bottom: 16px; }
.xp-co .footer-brand .footer-logo img{ height: 28px; width: auto; }
.xp-co .footer-brand p{ font-size: 14px; line-height: 1.7; max-width: 280px; color: rgba(255,255,255,0.65); }
.xp-co .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-co .footer-col ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
.xp-co .footer-col ul.footer-countries a{ display: inline-flex; align-items: center; gap: 10px; }
.xp-co .footer-col ul.footer-countries .country-flag-svg svg{ display: block; border-radius: 3px; }
.xp-co .footer-col a{ color: rgba(255,255,255,0.65); text-decoration: none; font-size: 14px; transition: color 0.2s; }
.xp-co .footer-col a:hover{ color: rgba(255,255,255,0.8); }
.xp-co .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-co .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-co .footer-bottom a{ color: rgba(255,255,255,0.7); text-decoration: none; }
.xp-co .footer-bottom a:hover{ color: white; }
.xp-co .footer-legal{ font-size: 12px; color: rgba(255,255,255,0.55); max-width: 800px; line-height: 1.6; margin-top: 16px; }
.xp-co .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-co .footer-datarep > a{ display: inline-block; flex-shrink: 0; }
.xp-co .footer-datarep img{
  width: 130px; height: auto; display: block;
  border-radius: 4px;
}
.xp-co .footer-datarep p{
  font-size: 13px; color: rgba(255,255,255,0.7);
  line-height: 1.55; max-width: 280px; margin: 0;
}
.xp-co .footer-datarep p strong{ color: white; }
.xp-co .footer-datarep p a{ color: var(--green-light); text-decoration: none; white-space: nowrap; }
.xp-co .footer-datarep p a:hover{ color: white; }
.xp-co .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-co .nav-burger:hover,.xp-co .nav-burger:active{ background: rgba(255,255,255,0.18); }
.xp-co .nav-burger svg{ display: block; }
@media (max-width: 1024px){.xp-co .no-nav#navbar{
    padding: 14px 18px;
    background: rgba(7,13,26,0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.xp-co .no-nav#navbar.scrolled{ background: rgba(7,13,26,0.98); }
.xp-co .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-co .nav-links.open{ transform: translateY(0); opacity: 1; pointer-events: auto; }
.xp-co .nav-links li{ width: 100%; }
.xp-co .nav-links a{
    width: 100%; padding: 12px 14px; font-size: 16px;
    border-radius: 8px;
  }
.xp-co .nav-cta .btn-ghost{ display: none; }
.xp-co .nav-cta .btn-primary{ padding: 8px 16px; font-size: 14px; }
.xp-co .nav-burger{ display: inline-flex; }
}@media (max-width: 860px){.xp-co section{ padding: 56px 18px; }
.xp-co .page-hero{ padding: 110px 18px 56px; }
.xp-co .no-footer{ padding: 48px 22px 28px; }
.xp-co .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 40px; }
.xp-co .footer-brand{ grid-column: 1 / -1; }
.xp-co .footer-bottom{ flex-direction: column; align-items: flex-start; gap: 14px; }
.xp-co .footer-bottom > div{ flex-direction: column; gap: 6px !important; }
.xp-co [style*="grid-template-columns:1fr 1fr"],.xp-co [style*="grid-template-columns: 1fr 1fr"],.xp-co [style*="grid-template-columns:1fr 1.2fr"],.xp-co [style*="grid-template-columns: 1fr 1.2fr"],.xp-co [style*="grid-template-columns:1.2fr 1fr"],.xp-co [style*="grid-template-columns: 1.2fr 1fr"],.xp-co [style*="grid-template-columns:1fr 1fr 1fr"],.xp-co [style*="grid-template-columns: 1fr 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
.xp-co [style*="gap:80px"],.xp-co [style*="gap: 80px"],.xp-co [style*="gap:60px"],.xp-co [style*="gap: 60px"],.xp-co [style*="gap:48px"],.xp-co [style*="gap: 48px"]{
    gap: 28px !important;
  }
.xp-co [style*="grid-template-columns:180px 1fr"],.xp-co [style*="grid-template-columns: 180px 1fr"]{
    grid-template-columns: 1fr !important;
  }
.xp-co .features-grid,.xp-co .steps,.xp-co .steps-v,.xp-co .solve-grid,.xp-co .pricing-grid,.xp-co .team-grid,.xp-co .values-grid,.xp-co .stats-grid,.xp-co .peppol-grid,.xp-co .hero-stats{ grid-template-columns: 1fr !important; }
.xp-co .peppol-grid{ gap: 36px !important; }
.xp-co .dash-body{ grid-template-columns: 1fr !important; padding: 16px !important; }
.xp-co .dash-invoice-row{ flex-wrap: wrap; gap: 6px 12px; }
.xp-co .hero-stat-divider{ display: none; }
.xp-co .btn-primary-lg,.xp-co .btn-outline-lg{ padding: 14px 22px; font-size: 15px; }
.xp-co .hero-actions{ flex-direction: column; align-items: stretch; gap: 10px; }
.xp-co .hero-actions a{ text-align: center; }
}@media (max-width: 480px){.xp-co section{ padding: 44px 16px; }
.xp-co .page-hero{ padding: 96px 16px 40px; }
.xp-co .page-hero h1{ letter-spacing: -1px; }
.xp-co .no-footer{ padding: 40px 18px 24px; }
.xp-co .footer-grid{ grid-template-columns: 1fr; gap: 28px; }
}.xp-co .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-co .hero-netviz svg{ width: 100%; height: auto; display: block; }
.xp-co .page-hero > *:not(.hero-netviz):not(.page-hero-glow),.xp-co #hero > *:not(.hero-netviz):not(.hero-glow):not(.hero-glow-2){ position: relative; z-index: 1; }
@media (max-width: 768px){.xp-co .hero-netviz{ display: none; }
}.xp-co a{color:var(--green)}
.xp-co a:hover{color:var(--green-light)}
.xp-co .chain{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;max-width:920px;margin:36px auto 0}
.xp-co .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;margin:4px 0}
.xp-co .chain i.hi{color:#fff;border-color:oklch(43.5% .09 158/.6);background:oklch(43.5% .09 158/.22)}
.xp-co .chain s{text-decoration:none;width:22px;height:1px;background:rgba(255,255,255,.2)}
.xp-co .band{border-top:1px solid var(--border)}
.xp-co .bgrid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.xp-co .bgrid.flip .bcopy{order:2}
.xp-co .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-co .bstage em{font-style:normal;color:var(--green)}
.xp-co .bcopy h2,.xp-co .bhead 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-co .bcopy p,.xp-co .bhead p{font-size:16px;color:var(--mid);line-height:1.8;max-width:48ch}
.xp-co .bhead{max-width:660px;margin-bottom:38px}
.xp-co .bhead p{max-width:62ch}
.xp-co .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-co .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-co .card-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.xp-co .card-h b{font-size:13.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.xp-co .pill{font-size:11px;font-weight:600;color:var(--green);background:var(--green-pale);border-radius:999px;padding:4px 10px;white-space:nowrap}
.xp-co .pill.warn{color:#8a6116;background:#fdf5e4}
.xp-co .kv div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;font-size:13.5px;border-bottom:1px solid #f1f4f9}
.xp-co .kv div:last-child{border-bottom:none}
.xp-co .kv span:first-child{color:var(--mid)}
.xp-co .kv span:last-child{font-weight:600;text-align:right}
.xp-co .dw{margin-top:6px;display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;align-items:start}
.xp-co .pts{display:flex;flex-direction:column;gap:7px}
.xp-co .pt{border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:12px;display:flex;align-items:center;gap:7px}
.xp-co .pt i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.xp-co .pt.on{border-color:var(--green);box-shadow:0 0 0 2px var(--green-pale)}
.xp-co .plan{position:relative;border:1px solid var(--border);border-radius:9px;background:#fbfcfe;height:186px;overflow:hidden}
.xp-co .plan svg{position:absolute;inset:0;width:100%;height:100%}
.xp-co .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-co .mk i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.xp-co .area{position:absolute;border:1.5px solid #d46a6a;background:rgba(212,106,106,.13);border-radius:2px}
.xp-co .take{margin-top:14px;width:100%;border-collapse:collapse}
.xp-co .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-co .take th.r,.xp-co .take td.r{text-align:right}
.xp-co .take td{font-size:12.5px;padding:9px 0;border-bottom:1px solid #f1f4f9}
.xp-co .take tr:last-child td{border-bottom:none}
.xp-co .take td:first-child{font-weight:600}
.xp-co .card-foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.xp-co .card-foot span.n{font-size:12.5px;color:var(--mid)}
.xp-co .card-foot span.go{font-size:12px;font-weight:600;color:#fff;background:var(--green);border-radius:8px;padding:8px 13px}
.xp-co .steps4{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px}
.xp-co .stp{border:1px solid var(--border);border-radius:11px;padding:14px 15px;background:#fff}
.xp-co .stp em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:8px}
.xp-co .stp b{display:block;font-size:13.5px;font-weight:600;margin-bottom:5px}
.xp-co .stp span{font-size:12.5px;color:var(--mid);line-height:1.6}
.xp-co .pcf{padding:0;overflow:hidden}
.xp-co .pcf-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border);background:#fcfdff}
.xp-co .pcf-kpis>div{padding:18px 20px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:5px}
.xp-co .pcf-kpis>div:first-child{border-left:none}
.xp-co .pcf-kpis span{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab}
.xp-co .pcf-kpis b{font-size:16px;font-weight:700;letter-spacing:-.4px}
.xp-co .pcf-kpis b.in{color:#1a6b47}
.xp-co .pcf-kpis b.out{color:#a63b3b}
.xp-co .pcf-body{padding:18px 20px 22px}
.xp-co .pcf-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--mid);margin-bottom:10px}
.xp-co .pcf-legend span{display:flex;align-items:center;gap:6px}
.xp-co .pcf-legend em{font-style:normal;color:#9aa5b5}
.xp-co .pcf-legend .rng{margin-left:auto;font-weight:600;color:var(--text)}
.xp-co .d{width:9px;height:9px;border-radius:50%;display:inline-block}
.xp-co .d.in{background:#1a6b47}
.xp-co .d.out{background:#4a48c8}
.xp-co .d.nyh{background:#fff;border:1.5px solid #9aa5b5}
.xp-co .chart{position:relative;height:300px;margin-top:6px}
.xp-co .months3{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none}
.xp-co .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-co .months3 span:first-child{border-left:none}
.xp-co .axis{position:absolute;left:0;right:0;top:50%;height:1px;background:#dfe4ec}
.xp-co .cfpt{position:absolute;top:50%;width:0}
.xp-co .cfpt::before{content:'';position:absolute;left:-1px;width:2px;height:var(--h);background:currentColor;opacity:.35}
.xp-co .cfpt::after{content:'';position:absolute;left:-4.5px;width:9px;height:9px;border-radius:50%;background:currentColor}
.xp-co .cfpt b{position:absolute;font-size:11.5px;font-weight:600;white-space:nowrap;transform:translateX(-50%);color:var(--text)}
.xp-co .cfpt.up{color:#1a6b47}
.xp-co .cfpt.up::before{bottom:0}
.xp-co .cfpt.up::after{top:calc(-1 * var(--h) - 4.5px)}
.xp-co .cfpt.up b{top:calc(-1 * var(--h) - 26px);left:0}
.xp-co .cfpt.down::before{top:0}
.xp-co .cfpt.down::after{top:calc(var(--h) - 4.5px)}
.xp-co .cfpt.down b{top:calc(var(--h) + 12px);left:0}
.xp-co .cfpt.out{color:#4a48c8}
.xp-co .cfpt.in.down{color:#1a6b47}
.xp-co .cfpt.nyh::after{background:#fff;border:1.5px solid currentColor}
.xp-co .ticks{position:absolute;left:0;right:0;bottom:0;height:16px;font-size:11px;color:#9aa5b5}
.xp-co .ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.xp-co .flow2{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 36px rgba(12,19,32,.06)}
.xp-co .flow2>div{padding:20px 22px}
.xp-co .flow2>div+div{border-left:1px solid var(--border)}
.xp-co .flow-h{display:flex;align-items:center;gap:9px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8d99ab;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:4px}
.xp-co .flow-h i{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.xp-co .flow-h span{margin-left:auto;color:#b3bccb;letter-spacing:0;text-transform:none;font-weight:600;font-size:11px}
.xp-co .doc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:12px 0;border-bottom:1px solid #f1f4f9}
.xp-co .doc:last-child{border-bottom:none}
.xp-co .doc b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:600}
.xp-co .doc .amt{margin-left:auto;font-size:13px;font-weight:600;white-space:nowrap}
.xp-co .doc .who{flex:1 1 100%;font-size:11.5px;color:#9aa5b5}
.xp-co .doc .wpk{font-size:10.5px;font-weight:600;color:var(--green);background:var(--green-pale);border-radius:999px;padding:2px 7px}
.xp-co .proj-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px;background:#fcfdff;border-top:1px solid var(--border);grid-column:1/-1;font-size:12.5px;color:var(--mid)}
.xp-co .proj-bar b{font-size:13.5px;color:var(--text)}
.xp-co .proj-bar .pill{margin-left:auto}
.xp-co .bvc{width:100%;border-collapse:collapse;min-width:790px}
.xp-co .bvc 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)}
.xp-co .bvc th.r,.xp-co .bvc td.r{text-align:right}
.xp-co .bvc td{font-size:12.5px;padding:13px 10px;border-bottom:1px solid #f1f4f9;white-space:nowrap}
.xp-co .bvc tr:last-child td{border-bottom:none}
.xp-co .bvc td:first-child{font-weight:600;white-space:normal}
.xp-co .bvc td.mut{color:#b3bccb}
.xp-co .bvc tfoot td{font-weight:700;border-top:1px solid var(--border);border-bottom:none;background:#fcfdff}
.xp-co .meter{display:block;position:relative;height:10px;border-radius:5px;background:#eef1f6;min-width:110px}
.xp-co .meter i{position:absolute;left:0;top:0;height:100%;border-radius:5px}
.xp-co .meter i.cm{background:#c7dbcf}
.xp-co .meter i.bl{background:var(--green)}
.xp-co .meter i.cm.over{background:#eec9c9}
.xp-co .mlegend{display:flex;gap:16px;margin-top:16px;font-size:12px;color:var(--mid);flex-wrap:wrap}
.xp-co .mlegend span{display:flex;align-items:center;gap:7px}
.xp-co .mlegend i{width:16px;height:8px;border-radius:4px;display:inline-block}
.xp-co .scroll-x{overflow-x:auto}
.xp-co .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-co .fig{padding:26px;border-left:1px solid var(--border)}
.xp-co .fig:first-child{border-left:none}
.xp-co .fig b{display:block;font-size:19px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}
.xp-co .fig span{font-size:13.5px;color:var(--mid);line-height:1.65}
.xp-co .note{font-size:13px;color:var(--mid);line-height:1.7;border-left:2px solid var(--border);padding-left:14px;margin-top:20px;max-width:52ch}
@media(max-width:1000px){.xp-co .steps4{grid-template-columns:1fr 1fr}
}@media(max-width:900px){.xp-co .bgrid{grid-template-columns:1fr;gap:32px}
.xp-co .bgrid.flip .bcopy{order:0}
.xp-co .dw{grid-template-columns:1fr}
.xp-co .flow2{grid-template-columns:1fr}
.xp-co .flow2>div+div{border-left:none;border-top:1px solid var(--border)}
.xp-co .pcf-kpis{grid-template-columns:1fr 1fr}
.xp-co .pcf-kpis>div:nth-child(3){border-left:none}
.xp-co .chart{height:340px}
.xp-co .cfpt b{font-size:10.5px}
.xp-co .figures{grid-template-columns:1fr}
.xp-co .fig{border-left:none;border-top:1px solid var(--border)}
.xp-co .fig:first-child{border-top:none}
}.ph-sm{padding:64px 0 56px}.ph-sm h1{max-width:20ch;font-size:clamp(36px,4.6vw,64px)}
.xp-lg #toc,.xp-bp #toc{overflow-x:hidden}