/* ── ODOO FULL-WIDTH OVERRIDE ── */
  /* Break out of Odoo's container on all common wrapper selectors */
  #wrapwrap, #wrap, .o_website_page, .container, .container-fluid,
  main, .o_main_navbar + *, [data-oe-model] {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* The page wrapper itself must be full width */
  html, body {
    max-width: 100% !important;
    overflow-x: hidden;
  }

  :root {
    --navy:      #1a3260;
    --navy-dark: #111f45;
    --navy-mid:  #2a4a8a;
    --blue:      #3a8fd4;
    --blue-lt:   #5aaee8;
    --blue-pale: #e8f3fb;
    --teal:      #2bb5c8;
    --white:     #ffffff;
    --off:       #f5f8fc;
    --grey:      #eef2f8;
    --text:      #1a3260;
    --muted:     #6b7a9a;
    --border:    #dde5f0;
    --font:      'Montserrat', sans-serif;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body {
    background: var(--white);
    color: var(--text);
    font-family: var(--font);
    font-weight: 400;
    line-height: 1.65;
  }

  /* ── WRAPPER so all sections go edge-to-edge ── */
  .pnd-wrap {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    overflow-x: hidden;
  }

  /* ── NAV ── */
  .pnd-nav {
    position: sticky; top: 0; left: 0; right: 0; z-index: 1000;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 6%; height: 82px;
    background: rgba(255,255,255,.97);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 1px 20px rgba(26,50,96,.07);
    width: 100%;
  }
  .pnd-nav-logo { display: flex; align-items: center; text-decoration: none; }
  .pnd-nav-logo img { height: 62px; display: block; }
  /* Fallback text logo if image fails */
  .pnd-nav-logo .logo-fallback {
    font-family: var(--font); font-weight: 900; font-size: 1.2rem;
    color: var(--navy); letter-spacing: -.02em;
  }
  .pnd-nav-logo .logo-fallback span { color: var(--blue); }
  .pnd-nav-links { display: flex; gap: 2rem; list-style: none; }
  .pnd-nav-links a { color: var(--muted); font-size: .84rem; font-weight: 500; text-decoration: none; transition: color .2s; }
  .pnd-nav-links a:hover { color: var(--navy); }
  .pnd-nav-right { display: flex; align-items: center; gap: 1.2rem; }
  .pnd-nav-phone { color: var(--navy); font-size: .84rem; font-weight: 600; text-decoration: none; }
  .pnd-btn-nav {
    background: var(--navy); color: #fff;
    font-family: var(--font); font-weight: 700; font-size: .82rem;
    padding: .55rem 1.4rem; border-radius: 100px;
    text-decoration: none; border: none; cursor: pointer;
    transition: background .2s, transform .15s;
    display: inline-block;
  }
  .pnd-btn-nav:hover { background: var(--blue); transform: translateY(-1px); }

  /* ── SECTIONS ── */
  .pnd-section { width: 100%; }
  .pnd-inner { max-width: 1280px; margin: 0 auto; padding: 7rem 6%; }
  .pnd-inner-sm { max-width: 1280px; margin: 0 auto; padding: 5rem 6%; }

  /* ── HERO ── */
  .pnd-hero {
    background: linear-gradient(145deg, #f0f5fb 0%, #fff 55%);
    position: relative; overflow: hidden; width: 100%;
  }
  .pnd-hero::before {
    content: ''; position: absolute; top: -200px; right: -200px;
    width: 650px; height: 650px;
    background: radial-gradient(circle, rgba(58,143,212,.1) 0%, transparent 70%);
    pointer-events: none;
  }
  .pnd-hero-inner {
    max-width: 1280px; margin: 0 auto; padding: 6rem 6% 5rem;
    display: grid; grid-template-columns: 1fr 1fr;
    align-items: center; gap: 4rem;
  }
  .pnd-badge {
    display: inline-flex; align-items: center; gap: .5rem;
    background: var(--blue-pale); border: 1px solid rgba(58,143,212,.35);
    color: var(--blue); font-size: .72rem; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    padding: .4rem 1.1rem; border-radius: 100px; margin-bottom: 1.5rem;
  }
  .pnd-badge-dot { width: 7px; height: 7px; background: var(--blue); border-radius: 50%; animation: pndpulse 2s infinite; flex-shrink: 0; }
  @keyframes pndpulse { 0%,100%{opacity:1} 50%{opacity:.3} }
  .pnd-hero h1 {
    font-size: clamp(2.2rem, 3.8vw, 3.5rem); font-weight: 800;
    line-height: 1.1; letter-spacing: -.03em; color: var(--navy); margin-bottom: 1.4rem;
  }
  .pnd-hero h1 em { font-style: normal; color: var(--blue); }
  .pnd-hero-sub { color: var(--muted); font-size: .97rem; max-width: 480px; margin-bottom: 2.5rem; line-height: 1.8; }
  .pnd-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
  .pnd-btn-primary {
    background: var(--navy); color: #fff;
    font-family: var(--font); font-weight: 700; font-size: .88rem;
    padding: .9rem 2.2rem; border-radius: 100px;
    text-decoration: none; border: none; cursor: pointer;
    box-shadow: 0 4px 20px rgba(26,50,96,.25);
    transition: background .2s, transform .2s; display: inline-block;
  }
  .pnd-btn-primary:hover { background: var(--blue); transform: translateY(-2px); }
  .pnd-btn-secondary {
    background: transparent; color: var(--navy);
    font-family: var(--font); font-weight: 700; font-size: .88rem;
    padding: .9rem 2.2rem; border-radius: 100px;
    border: 2px solid var(--navy); text-decoration: none; cursor: pointer;
    transition: background .2s, color .2s, transform .2s; display: inline-block;
  }
  .pnd-btn-secondary:hover { background: var(--navy); color: #fff; transform: translateY(-2px); }

  .pnd-hero-card {
    background: #fff; border: 1px solid var(--border);
    border-radius: 28px; padding: 2.5rem;
    box-shadow: 0 20px 60px rgba(26,50,96,.1);
    position: relative; overflow: hidden;
  }
  .pnd-hero-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, var(--navy), var(--blue), var(--teal));
  }
  .pnd-hero-card-icon { font-size: 3.2rem; margin-bottom: 1.1rem; display: block; }
  .pnd-hero-card h3 { font-size: 1.15rem; font-weight: 800; color: var(--navy); margin-bottom: .4rem; }
  .pnd-hero-card > p { color: var(--muted); font-size: .86rem; margin-bottom: 1.4rem; }
  .pnd-check {
    display: flex; align-items: center; gap: .7rem;
    background: var(--blue-pale); border-radius: 10px;
    padding: .65rem 1rem; margin-bottom: .6rem;
    font-size: .84rem; color: var(--navy); font-weight: 500;
  }
  .pnd-check::before { content: '✓'; color: var(--blue); font-weight: 800; flex-shrink: 0; }
  .pnd-stat-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; margin-top: 1.4rem; }
  .pnd-stat {
    background: var(--navy); border-radius: 14px;
    padding: 1rem; text-align: center; color: #fff;
  }
  .pnd-stat strong { display: block; font-size: 1.45rem; font-weight: 800; color: #7ec8f0; line-height: 1; margin-bottom: .2rem; }
  .pnd-stat span { font-size: .68rem; font-weight: 600; opacity: .65; text-transform: uppercase; letter-spacing: .05em; }

  /* ── COMPAT ── */
  .pnd-compat {
    background: var(--grey); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
    padding: 1.4rem 6%;
    display: flex; align-items: center; justify-content: center; gap: 2rem; flex-wrap: wrap;
  }
  .pnd-compat p { color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
  .pnd-pill { background: #fff; border: 1px solid var(--border); color: var(--navy); font-size: .8rem; font-weight: 700; padding: .32rem 1rem; border-radius: 100px; }

  /* ── LABELS & TITLES ── */
  .pnd-label { display: inline-block; color: var(--blue); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: .8rem; }
  .pnd-title { font-size: clamp(1.8rem, 3vw, 2.65rem); font-weight: 800; line-height: 1.15; letter-spacing: -.025em; color: var(--navy); margin-bottom: 1rem; }
  .pnd-sub { color: var(--muted); font-size: .95rem; max-width: 540px; margin-bottom: 3.5rem; }

  /* ── WHY ── */
  .pnd-why { background: var(--off); }
  .pnd-why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
  .pnd-why-card { background: #fff; border: 1px solid var(--border); border-radius: 20px; padding: 1.8rem; transition: transform .25s, box-shadow .25s; }
  .pnd-why-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(26,50,96,.09); }
  .pnd-why-icon { width: 48px; height: 48px; background: var(--blue-pale); border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.35rem; margin-bottom: 1.1rem; }
  .pnd-why-card h3 { font-size: .94rem; font-weight: 700; color: var(--navy); margin-bottom: .5rem; }
  .pnd-why-card p { color: var(--muted); font-size: .84rem; line-height: 1.7; }

  /* ── HOW ── */
  .pnd-how { background: var(--navy); }
  .pnd-how .pnd-title { color: #fff; }
  .pnd-how .pnd-sub { color: rgba(255,255,255,.5); }
  .pnd-how .pnd-label { color: #7ec8f0; }
  .pnd-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem; position: relative; }
  .pnd-steps::before {
    content: ''; position: absolute; top: 28px;
    left: calc(12.5% + 14px); right: calc(12.5% + 14px);
    height: 2px; background: rgba(58,143,212,.2); z-index: 0;
  }
  .pnd-step { text-align: center; position: relative; z-index: 1; padding: 0 .5rem; }
  .pnd-step-num {
    width: 56px; height: 56px; background: var(--blue); color: #fff;
    font-size: 1.1rem; font-weight: 800; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 1.4rem;
    box-shadow: 0 0 0 6px var(--navy), 0 0 0 8px rgba(58,143,212,.25);
  }
  .pnd-step h3 { font-size: .93rem; font-weight: 700; color: #fff; margin-bottom: .5rem; }
  .pnd-step p { font-size: .82rem; color: rgba(255,255,255,.5); }

  /* ── PACKAGES ── */
  .pnd-pkg-section { background: var(--off); }
  .pnd-pkg-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
  .pnd-pkg { background: #fff; border: 2px solid var(--border); border-radius: 24px; padding: 2.5rem; position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s; }
  .pnd-pkg:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(26,50,96,.1); }
  .pnd-pkg.featured { border-color: var(--blue); box-shadow: 0 12px 40px rgba(58,143,212,.15); }
  .pnd-pkg.featured::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--navy), var(--blue), var(--teal)); }
  .pnd-pkg-badge { position: absolute; top: 1.5rem; right: 1.5rem; background: var(--blue); color: #fff; font-size: .69rem; font-weight: 700; letter-spacing: .05em; padding: .28rem .8rem; border-radius: 100px; }
  .pnd-pkg-type { color: var(--muted); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .3rem; }
  .pnd-pkg-name { font-size: 1.45rem; font-weight: 800; color: var(--navy); margin-bottom: .25rem; }
  .pnd-pkg-tagline { color: var(--muted); font-size: .83rem; margin-bottom: 1.8rem; }
  .pnd-pkg-price { font-size: 2.3rem; font-weight: 800; color: var(--navy); line-height: 1; margin-bottom: .15rem; }
  .pnd-pkg-price span { font-size: .9rem; font-weight: 400; color: var(--muted); }
  .pnd-pkg-note { color: var(--muted); font-size: .76rem; margin-bottom: 1.8rem; }
  .pnd-pkg hr { border: none; border-top: 1px solid var(--border); margin-bottom: 1.4rem; }
  .pnd-pkg-feats { list-style: none; margin-bottom: 2rem; }
  .pnd-pkg-feats li { display: flex; align-items: flex-start; gap: .6rem; font-size: .83rem; color: var(--muted); margin-bottom: .6rem; }
  .pnd-pkg-feats li::before { content: '✓'; color: var(--blue); font-weight: 800; flex-shrink: 0; margin-top: .05rem; }
  .pnd-btn-pkg { display: block; text-align: center; width: 100%; font-family: var(--font); font-weight: 700; font-size: .87rem; padding: .85rem; border-radius: 12px; cursor: pointer; text-decoration: none; transition: background .2s, transform .2s; }
  .pnd-btn-pkg.solid { background: var(--navy); color: #fff; border: 2px solid var(--navy); box-shadow: 0 4px 16px rgba(26,50,96,.2); }
  .pnd-btn-pkg.solid:hover { background: var(--blue); border-color: var(--blue); transform: translateY(-2px); }
  .pnd-btn-pkg.outline { background: transparent; color: var(--navy); border: 2px solid var(--border); }
  .pnd-btn-pkg.outline:hover { border-color: var(--navy); transform: translateY(-2px); }

  /* ── TESTIMONIALS ── */
  .pnd-stars { color: var(--blue); font-size: .88rem; letter-spacing: .05em; margin-bottom: 1rem; }
  .pnd-test-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
  .pnd-test-card { background: var(--off); border: 1px solid var(--border); border-radius: 20px; padding: 2rem; transition: transform .25s; }
  .pnd-test-card:hover { transform: translateY(-4px); }
  .pnd-test-card p { font-size: .87rem; color: var(--muted); font-style: italic; line-height: 1.75; margin-bottom: 1.4rem; }
  .pnd-test-author strong { font-size: .87rem; font-weight: 700; color: var(--navy); display: block; }
  .pnd-test-author span { font-size: .77rem; color: var(--muted); }

  /* ── FAQ ── */
  .pnd-faq { background: var(--off); }
  .pnd-faq-inner { max-width: 760px; margin: 0 auto; }
  .pnd-faq-item { border-bottom: 1px solid var(--border); }
  .pnd-faq-q { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.35rem 0; cursor: pointer; font-size: .93rem; font-weight: 600; color: var(--navy); user-select: none; }
  .pnd-faq-arr { width: 28px; height: 28px; flex-shrink: 0; background: var(--blue-pale); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--blue); font-size: 1rem; font-weight: 700; transition: transform .3s, background .2s; }
  .pnd-faq-item.open .pnd-faq-arr { transform: rotate(45deg); background: var(--blue); color: #fff; }
  .pnd-faq-a { color: var(--muted); font-size: .86rem; max-height: 0; overflow: hidden; transition: max-height .4s ease, padding .3s; }
  .pnd-faq-item.open .pnd-faq-a { max-height: 200px; padding-bottom: 1.2rem; }

  /* ── FORM ── */
  .pnd-form-section { background: var(--navy); }
  .pnd-form-section .pnd-title { color: #fff; }
  .pnd-form-section .pnd-label { color: #7ec8f0; }
  .pnd-form-section .pnd-sub { color: rgba(255,255,255,.5); }
  .pnd-form-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: start; }
  .pnd-ben { display: flex; align-items: flex-start; gap: .9rem; margin-bottom: 1.3rem; }
  .pnd-ben-dot { width: 36px; height: 36px; flex-shrink: 0; background: rgba(58,143,212,.18); border: 1px solid rgba(58,143,212,.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .9rem; }
  .pnd-ben strong { display: block; font-size: .88rem; font-weight: 700; color: #fff; margin-bottom: .2rem; }
  .pnd-ben span { font-size: .8rem; color: rgba(255,255,255,.45); }
  .pnd-direct { margin-top: 2.5rem; padding: 1.5rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 16px; }
  .pnd-direct p { font-size: .8rem; color: rgba(255,255,255,.4); margin-bottom: .5rem; }
  .pnd-direct a.em { color: #7ec8f0; font-weight: 700; font-size: 1rem; text-decoration: none; display: block; margin-bottom: .2rem; }
  .pnd-direct a.ph { color: rgba(255,255,255,.55); font-size: .88rem; text-decoration: none; }

  .pnd-form-card { background: #fff; border-radius: 28px; padding: 2.8rem; box-shadow: 0 30px 80px rgba(0,0,0,.22); position: relative; overflow: hidden; }
  .pnd-form-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--navy), var(--blue), var(--teal)); }
  .pnd-fc-title { font-size: 1.2rem; font-weight: 800; color: var(--navy); margin-bottom: .3rem; }
  .pnd-fc-sub { color: var(--muted); font-size: .82rem; margin-bottom: 2rem; }
  .pnd-frow { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .pnd-fg { margin-bottom: 1rem; }
  .pnd-fg label { display: block; font-size: .7rem; font-weight: 700; color: var(--muted); letter-spacing: .07em; text-transform: uppercase; margin-bottom: .35rem; }
  .pnd-fg input, .pnd-fg select, .pnd-fg textarea { width: 100%; background: var(--off); border: 1.5px solid var(--border); border-radius: 10px; padding: .7rem 1rem; color: var(--navy); font-family: var(--font); font-size: .87rem; outline: none; transition: border-color .2s, box-shadow .2s; -webkit-appearance: none; appearance: none; }
  .pnd-fg select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%233a8fd4' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; padding-right: 2.5rem; cursor: pointer; }
  .pnd-fg input:focus, .pnd-fg select:focus, .pnd-fg textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(58,143,212,.1); }
  .pnd-fg input::placeholder, .pnd-fg textarea::placeholder { color: #bac4d4; }
  .pnd-fg textarea { resize: vertical; min-height: 88px; }
  .pnd-form-check { display: flex; align-items: flex-start; gap: .65rem; font-size: .79rem; color: var(--muted); margin-bottom: 1.5rem; }
  .pnd-form-check input[type=checkbox] { width: 15px; height: 15px; flex-shrink: 0; accent-color: var(--blue); cursor: pointer; margin-top: .15rem; }
  .pnd-btn-submit { width: 100%; background: var(--navy); color: #fff; font-family: var(--font); font-weight: 700; font-size: .93rem; padding: 1rem; border-radius: 12px; border: none; cursor: pointer; box-shadow: 0 4px 20px rgba(26,50,96,.28); transition: background .2s, transform .2s; }
  .pnd-btn-submit:hover { background: var(--blue); transform: translateY(-2px); }
  #pnd-success { display: none; text-align: center; padding: 2rem .5rem; }
  #pnd-success .sico { font-size: 3rem; margin-bottom: 1rem; display: block; }
  #pnd-success h3 { font-size: 1.2rem; font-weight: 800; color: var(--navy); margin-bottom: .5rem; }
  #pnd-success p { color: var(--muted); font-size: .87rem; }

  /* ── FOOTER ── */
  .pnd-footer { background: var(--navy-dark); padding: 4rem 0 2.5rem; color: rgba(255,255,255,.55); }
  .pnd-footer-inner { max-width: 1280px; margin: 0 auto; padding: 0 6%; }
  .pnd-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
  .pnd-footer-brand img { height: 64px; width: auto; margin-bottom: 1rem; display: block; }
  /* white version of logo for dark footer */
  .pnd-footer-brand .pnd-footer-logo-text { font-family: var(--font); font-weight: 900; font-size: 1.3rem; color: #fff; letter-spacing: -.02em; margin-bottom: 1rem; display: block; }
  .pnd-footer-brand .pnd-footer-logo-text span { color: #7ec8f0; }
  .pnd-footer-brand p { font-size: .84rem; line-height: 1.75; max-width: 280px; margin-bottom: 1.5rem; }
  .pnd-footer-social { display: flex; gap: .6rem; }
  .pnd-footer-social a { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: .38rem .9rem; color: rgba(255,255,255,.55); font-size: .78rem; font-weight: 600; text-decoration: none; transition: background .2s, color .2s; }
  .pnd-footer-social a:hover { background: var(--blue); color: #fff; border-color: var(--blue); }
  .pnd-footer-col h4 { font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: 1.1rem; }
  .pnd-footer-col ul { list-style: none; }
  .pnd-footer-col ul li { margin-bottom: .6rem; }
  .pnd-footer-col ul li a { color: rgba(255,255,255,.55); font-size: .84rem; text-decoration: none; transition: color .2s; }
  .pnd-footer-col ul li a:hover { color: #7ec8f0; }
  .pnd-footer-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,.08); font-size: .77rem; }
  .pnd-footer-bottom a { color: rgba(255,255,255,.35); text-decoration: none; margin-left: 1.5rem; }
  .pnd-footer-bottom a:hover { color: #7ec8f0; }

  .pnd-wa {
    position: fixed; bottom: 2rem; right: 2rem; z-index: 9999;
    width: 56px; height: 56px; border-radius: 50%;
    background: #25d366; display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; text-decoration: none;
    box-shadow: 0 4px 20px rgba(37,211,102,.45); transition: transform .2s;
  }
  .pnd-wa:hover { transform: scale(1.1); }

  .pnd-reveal { opacity: 0; transform: translateY(26px); transition: opacity .65s ease, transform .65s ease; }
  .pnd-reveal.visible { opacity: 1; transform: translateY(0); }

  @media(max-width:1024px) {
    .pnd-hero-inner { grid-template-columns: 1fr; text-align: center; }
    .pnd-hero-sub { margin: 0 auto 2.5rem; }
    .pnd-actions { justify-content: center; }
    .pnd-why-grid { grid-template-columns: 1fr 1fr; }
    .pnd-pkg-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
    .pnd-test-grid { grid-template-columns: 1fr 1fr; }
    .pnd-form-wrap { grid-template-columns: 1fr; gap: 3rem; }
    .pnd-footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  }
  @media(max-width:768px) {
    .pnd-nav-links, .pnd-nav-phone { display: none; }
    .pnd-inner { padding: 5rem 5%; }
    .pnd-hero-inner { padding: 5rem 5% 4rem; }
    .pnd-steps { grid-template-columns: 1fr 1fr; }
    .pnd-steps::before { display: none; }
    .pnd-why-grid, .pnd-test-grid { grid-template-columns: 1fr; }
    .pnd-frow { grid-template-columns: 1fr; }
    .pnd-footer-grid { grid-template-columns: 1fr; }
    .pnd-footer-bottom { flex-direction: column; gap: .7rem; text-align: center; }
  }

  /* ── PROFILE SWITCHER ── */
  .pnd-profile-section { background: var(--white); border-bottom: 1px solid var(--border); }
  .pnd-profile-inner { max-width:1280px; margin:0 auto; padding:0 6%; }
  .pnd-profile-label { font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); padding-top:2.5rem; display:block; margin-bottom:1.2rem; }
  .pnd-profile-tabs { display:grid; grid-template-columns:repeat(3,1fr); }
  .pnd-profile-tab {
    display:flex; align-items:center; gap:1.1rem;
    padding:1.6rem 0 1.8rem;
    border-top:3px solid var(--border);
    cursor:pointer; transition:border-color .2s;
    text-align:left; background:none; border-left:none; border-right:none; border-bottom:none;
    font-family:var(--font);
  }
  .pnd-profile-tab:not(:last-child) { margin-right:2rem; }
  .pnd-profile-tab.active { border-top-color:var(--navy); }
  .pnd-profile-tab .pt-icon {
    width:44px; height:44px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    color:var(--muted); transition:color .2s;
  }
  .pnd-profile-tab.active .pt-icon { color:var(--navy); }
  .pnd-profile-tab .pt-text strong { display:block; font-size:.95rem; font-weight:700; color:var(--muted); transition:color .2s; margin-bottom:.2rem; }
  .pnd-profile-tab.active .pt-text strong { color:var(--navy); }
  .pnd-profile-tab .pt-text span { font-size:.8rem; color:var(--muted); font-weight:400; }
  .pnd-profile-tab .pt-arrow { margin-left:auto; color:var(--border); transition:color .2s; flex-shrink:0; }
  .pnd-profile-tab.active .pt-arrow { color:var(--navy); }

  /* Nav profile links */
  .pnd-profile-nav { display:flex; gap:.2rem; }
  .pnd-profile-nav-btn {
    font-family:var(--font); font-size:.78rem; font-weight:600;
    color:var(--muted); background:none; border:none; cursor:pointer;
    padding:.4rem .8rem; border-radius:8px; transition:background .15s, color .15s;
    white-space:nowrap;
  }
  .pnd-profile-nav-btn:hover { background:var(--grey); color:var(--navy); }
  .pnd-profile-nav-btn.active { background:var(--blue-pale); color:var(--navy); }

  /* Profile-gated content */
  [data-pnd-profile] { display:none; }
  .pnd-wrap[data-profile="manager"] [data-pnd-profile="manager"] { display:block; }
  .pnd-wrap[data-profile="resident"] [data-pnd-profile="resident"] { display:block; }
  .pnd-wrap[data-profile="business"] [data-pnd-profile="business"] { display:block; }
  /* Grid variants for why cards */
  [data-pnd-profile] .pnd-why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }

  /* ── WIZARD STEPS ── */
  .pnd-wizard-card { background:#fff; border-radius:28px; padding:2.8rem; box-shadow:0 30px 80px rgba(0,0,0,.22); position:relative; overflow:hidden; }
  .pnd-wizard-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--navy),var(--blue),var(--teal)); }
  .pnd-wiz-progress { display:flex; gap:.4rem; margin-bottom:2rem; }
  .pnd-wiz-step-dot { height:3px; flex:1; background:var(--border); border-radius:2px; transition:background .3s; }
  .pnd-wiz-step-dot.done { background:var(--navy); }
  .pnd-wiz-step-dot.active { background:var(--blue); }
  .pnd-wiz-screen { display:none; }
  .pnd-wiz-screen.active { display:block; }
  .pnd-wiz-title { font-size:1.2rem; font-weight:800; color:var(--navy); margin-bottom:.3rem; }
  .pnd-wiz-sub { color:var(--muted); font-size:.83rem; margin-bottom:2rem; }

  /* Situation cards */
  .pnd-sit-grid { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-bottom:1.5rem; }
  .pnd-sit-card {
    border:2px solid var(--border); border-radius:14px; padding:1.2rem 1rem;
    cursor:pointer; transition:border-color .2s, background .2s;
    font-family:var(--font); background:#fff; text-align:left;
  }
  .pnd-sit-card:hover { border-color:rgba(58,143,212,.4); background:var(--blue-pale); }
  .pnd-sit-card.selected { border-color:var(--navy); background:var(--blue-pale); }
  .pnd-sit-card strong { display:block; font-size:.88rem; font-weight:700; color:var(--navy); margin-bottom:.2rem; }
  .pnd-sit-card span { font-size:.77rem; color:var(--muted); }

  /* Business type grid */
  .pnd-biz-grid { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-bottom:1.5rem; }

  .pnd-wiz-back { background:none; border:none; font-family:var(--font); font-size:.82rem; font-weight:600; color:var(--muted); cursor:pointer; padding:0; margin-bottom:1.5rem; display:flex; align-items:center; gap:.4rem; }
  .pnd-wiz-back:hover { color:var(--navy); }

  /* Adapted why/how/faq label */
  .pnd-profile-chip {
    display:inline-flex; align-items:center; gap:.4rem;
    background:var(--blue-pale); border:1px solid rgba(58,143,212,.25);
    color:var(--blue); font-size:.7rem; font-weight:700; letter-spacing:.08em;
    text-transform:uppercase; padding:.3rem .9rem; border-radius:100px; margin-bottom:1rem;
  }

  @media(max-width:768px){
    .pnd-profile-tabs { grid-template-columns:1fr; }
    .pnd-profile-tab:not(:last-child) { margin-right:0; }
    .pnd-profile-nav { display:none; }
    .pnd-sit-grid,.pnd-biz-grid { grid-template-columns:1fr; }
  }


  /* ── POLE NAVIGATION ── */
  .pnd-pole-nav {
    background: var(--off); border-bottom: 2px solid var(--border);
    position: sticky; top: 70px; z-index: 90;
  }
  .pnd-pole-nav-inner {
    max-width:1280px; margin:0 auto; padding:0 6%;
    display:flex; gap:0;
  }
  .pnd-pole-btn {
    font-family:var(--font); font-size:.82rem; font-weight:700;
    color:var(--muted); background:none; border:none; cursor:pointer;
    padding:1rem 1.8rem; border-bottom:3px solid transparent;
    transition:color .2s, border-color .2s; letter-spacing:.02em;
    position:relative; top:2px;
  }
  .pnd-pole-btn:hover { color:var(--navy); }
  .pnd-pole-btn.active { color:var(--navy); border-bottom-color:var(--navy); }

  /* ── POLE SECTIONS ── */
  .pnd-pole { display:none; }
  .pnd-pole.active { display:block; }

  /* ── CHARGER CATALOGUE ── */
  .pnd-cat-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem;
  }
  .pnd-cat-card {
    background:var(--white); border:2px solid var(--border);
    border-radius:20px; padding:2rem; position:relative;
    transition:transform .25s, box-shadow .25s, border-color .25s;
  }
  .pnd-cat-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(26,50,96,.09); border-color:rgba(58,143,212,.3); }
  .pnd-cat-card.popular { border-color:var(--blue); }
  .pnd-cat-card.popular::before {
    content:'Most Popular'; position:absolute; top:-1px; left:50%; transform:translateX(-50%);
    background:var(--blue); color:#fff; font-size:.65rem; font-weight:800;
    letter-spacing:.07em; padding:.25rem .9rem; border-radius:0 0 8px 8px;
  }
  .pnd-cat-power {
    font-size:2rem; font-weight:900; color:var(--navy);
    font-family:var(--font); letter-spacing:-.03em; margin-bottom:.1rem;
  }
  .pnd-cat-type { font-size:.7rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.1em; margin-bottom:1.2rem; }
  .pnd-cat-price { font-size:1.3rem; font-weight:800; color:var(--navy); margin-bottom:.2rem; }
  .pnd-cat-price-note { font-size:.75rem; color:var(--muted); margin-bottom:1.5rem; }
  .pnd-cat-times {
    display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-bottom:1.5rem;
  }
  .pnd-time-chip {
    background:var(--blue-pale); border-radius:10px; padding:.65rem .8rem;
  }
  .pnd-time-chip .tc-label { font-size:.65rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.2rem; }
  .pnd-time-chip .tc-val { font-size:.88rem; font-weight:700; color:var(--navy); }

  /* ── OCPP PLATFORM ── */
  .pnd-ocpp-hero {
    background:var(--navy); padding:5rem 6%;
    position:relative; overflow:hidden;
  }
  .pnd-ocpp-hero::before {
    content:''; position:absolute; top:-200px; right:-200px;
    width:600px; height:600px;
    background:radial-gradient(circle,rgba(58,143,212,.15) 0%,transparent 70%);
    pointer-events:none;
  }
  .pnd-ocpp-hero-inner {
    max-width:1280px; margin:0 auto;
    display:grid; grid-template-columns:1fr 1.2fr; gap:5rem; align-items:center;
  }
  .pnd-ocpp-hero h1, .pnd-ocpp-hero h2 { font-size:clamp(2rem,3vw,2.8rem); font-weight:800; color:#fff; line-height:1.1; letter-spacing:-.03em; margin-bottom:1rem; }
  .pnd-ocpp-hero h1 em, .pnd-ocpp-hero h2 em { font-style:normal; color:#7ec8f0; }
  .pnd-ocpp-hero p { color:rgba(255,255,255,.55); font-size:.97rem; line-height:1.8; margin-bottom:2rem; }
  .pnd-ocpp-badge {
    display:inline-flex; align-items:center; gap:.5rem;
    background:rgba(58,143,212,.2); border:1px solid rgba(58,143,212,.35);
    color:#7ec8f0; font-size:.72rem; font-weight:700;
    letter-spacing:.1em; text-transform:uppercase;
    padding:.4rem 1.1rem; border-radius:100px; margin-bottom:1.5rem;
  }
  .pnd-ocpp-screens {
    position:relative;
  }
  .pnd-screen-main {
    border-radius:16px; overflow:hidden;
    box-shadow:0 30px 80px rgba(0,0,0,.4);
    border:1px solid rgba(255,255,255,.1);
  }
  .pnd-screen-main img { width:100%; display:block; }
  .pnd-screen-float {
    position:absolute; bottom:-20px; left:-24px;
    width:55%; border-radius:12px; overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
    border:1px solid rgba(255,255,255,.12);
  }
  .pnd-screen-float img { width:100%; display:block; }

  /* OCPP features */
  .pnd-ocpp-features { background:var(--off); }
  .pnd-feat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; }
  .pnd-feat-card {
    background:var(--white); border:1px solid var(--border);
    border-radius:16px; padding:1.5rem;
    transition:transform .25s, box-shadow .25s;
  }
  .pnd-feat-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(26,50,96,.08); }
  .pnd-feat-icon {
    width:42px; height:42px; background:var(--blue-pale);
    border-radius:12px; display:flex; align-items:center; justify-content:center;
    margin-bottom:1rem; color:var(--blue);
  }
  .pnd-feat-card h4 { font-size:.88rem; font-weight:700; color:var(--navy); margin-bottom:.4rem; }
  .pnd-feat-card p { font-size:.8rem; color:var(--muted); line-height:1.6; }

  /* OCPP packs */
  .pnd-ocpp-packs { background:var(--navy); }
  .pnd-ocpp-packs .pnd-title { color:#fff; }
  .pnd-ocpp-packs .pnd-label { color:#7ec8f0; }
  .pnd-ocpp-packs .pnd-sub { color:rgba(255,255,255,.5); }
  .pnd-pack-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:1.5rem; }
  .pnd-pack-grid .pnd-pack-card { grid-column:span 2; }
  .pnd-pack-grid .pnd-pack-card:nth-child(4) { grid-column:2 / span 2; }
  .pnd-pack-grid .pnd-pack-card:nth-child(5) { grid-column:4 / span 2; }
  .pnd-pack-card {
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
    border-radius:24px; padding:2rem; position:relative; overflow:hidden;
    transition:transform .25s, border-color .25s;
  }
  .pnd-pack-card:hover { transform:translateY(-5px); border-color:rgba(58,143,212,.4); }
  .pnd-pack-card.featured {
    border-color:var(--blue);
    background:linear-gradient(160deg,rgba(58,143,212,.15) 0%,rgba(255,255,255,.04) 60%);
  }
  .pnd-pack-card.featured::before {
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg,var(--blue),var(--teal));
  }
  .pnd-pack-feat-badge {
    position:absolute; top:1.3rem; right:1.3rem;
    background:var(--blue); color:#fff;
    font-size:.65rem; font-weight:800; letter-spacing:.06em;
    padding:.25rem .7rem; border-radius:100px;
  }
  .pnd-pack-name { font-size:1.2rem; font-weight:800; color:#fff; margin-bottom:.2rem; }
  .pnd-pack-tagline { font-size:.8rem; color:rgba(255,255,255,.45); margin-bottom:1.5rem; }
  .pnd-pack-price { font-size:2rem; font-weight:900; color:#fff; line-height:1; margin-bottom:.15rem; }
  .pnd-pack-price span { font-size:.85rem; font-weight:400; color:rgba(255,255,255,.5); }
  .pnd-pack-chargers { font-size:.75rem; color:#7ec8f0; font-weight:600; margin-bottom:1.5rem; }
  .pnd-pack-divider { border:none; border-top:1px solid rgba(255,255,255,.1); margin-bottom:1.3rem; }
  .pnd-pack-feats { list-style:none; margin-bottom:1.8rem; }
  .pnd-pack-feats li {
    display:flex; align-items:flex-start; gap:.6rem;
    font-size:.82rem; color:rgba(255,255,255,.6); margin-bottom:.6rem;
  }
  .pnd-pack-feats li::before { content:'✓'; color:#7ec8f0; font-weight:800; flex-shrink:0; }
  .pnd-btn-pack-main {
    display:block; text-align:center; width:100%;
    background:var(--blue); color:#fff;
    font-family:var(--font); font-weight:700; font-size:.87rem;
    padding:.85rem; border-radius:12px; border:none; cursor:pointer;
    text-decoration:none; transition:background .2s, transform .2s;
    box-shadow:0 4px 16px rgba(58,143,212,.25);
  }
  .pnd-btn-pack-main:hover { background:var(--blue-lt); transform:translateY(-2px); }
  .pnd-btn-pack-out {
    display:block; text-align:center; width:100%;
    background:transparent; color:rgba(255,255,255,.7);
    font-family:var(--font); font-weight:700; font-size:.87rem;
    padding:.85rem; border-radius:12px;
    border:1px solid rgba(255,255,255,.2);
    text-decoration:none; transition:border-color .2s, color .2s, transform .2s; cursor:pointer;
  }
  .pnd-btn-pack-out:hover { border-color:rgba(255,255,255,.5); color:#fff; transform:translateY(-2px); }

  /* OCPP demo form */
  .pnd-demo-section { background:var(--off); }
  .pnd-demo-wrap { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
  .pnd-demo-intro .pnd-title { color:var(--navy); }
  .pnd-demo-stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:2rem; }
  .pnd-demo-stat {
    background:var(--white); border:1px solid var(--border);
    border-radius:14px; padding:1.2rem; text-align:center;
  }
  .pnd-demo-stat strong { display:block; font-size:1.6rem; font-weight:900; color:var(--navy); line-height:1; margin-bottom:.3rem; }
  .pnd-demo-stat span { font-size:.72rem; color:var(--muted); font-weight:600; text-transform:uppercase; letter-spacing:.06em; }

  /* Charger contact */
  .pnd-chg-contact { background:var(--navy); }
  .pnd-chg-contact .pnd-title { color:#fff; }
  .pnd-chg-contact .pnd-label { color:#7ec8f0; }
  .pnd-chg-contact .pnd-sub { color:rgba(255,255,255,.5); }

  /* Responsive additions */
  @media(max-width:1024px){
    .pnd-cat-grid { grid-template-columns:1fr 1fr; }
    .pnd-feat-grid { grid-template-columns:1fr 1fr; }
    .pnd-pack-grid { grid-template-columns:1fr; max-width:420px; margin:0 auto; }
    .pnd-pack-grid .pnd-pack-card:nth-child(n) { grid-column:auto; }
    .pnd-ocpp-hero-inner { grid-template-columns:1fr; }
    .pnd-screen-float { display:none; }
    .pnd-demo-wrap { grid-template-columns:1fr; gap:3rem; }
  }
  @media(max-width:768px){
    .pnd-cat-grid { grid-template-columns:1fr; }
    .pnd-feat-grid { grid-template-columns:1fr 1fr; }
    .pnd-pole-btn { padding:.8rem 1rem; font-size:.75rem; }
  }


  /* ── UNIFIED HERO ── */
  .pnd-hero-new {
    position:relative;
    height:calc(100vh - 70px);
    display:flex; flex-direction:column;
    overflow:hidden;
  }
  .pnd-hero-bg { position:absolute; inset:0; z-index:0; }
  .pnd-hero-bg img { width:100%; height:100%; object-fit:cover; object-position:center 40%; display:block; }
  .pnd-hero-overlay {
    position:absolute; inset:0;
    background:linear-gradient(180deg,rgba(10,20,50,.35) 0%,rgba(10,20,50,.5) 40%,rgba(10,20,50,.88) 100%);
  }
  /* Content area fills available space, text pushed to bottom */
  .pnd-hero-content {
    position:relative; z-index:1;
    flex:1; display:flex; flex-direction:column; justify-content:flex-end;
    max-width:1280px; margin:0 auto; padding:3rem 6% 2rem;
    width:100%;
  }
  .pnd-hero-new h1 {
    font-family:var(--font); font-size:clamp(2.2rem,3.8vw,3.6rem);
    font-weight:900; line-height:1.08; letter-spacing:-.03em;
    color:#fff; margin-bottom:1rem;
  }
  .pnd-hero-new h1 em { font-style:normal; color:#7ec8f0; }
  .pnd-hero-promise {
    font-size:.95rem; color:rgba(255,255,255,.65);
    font-weight:500; margin-bottom:0; max-width:560px;
  }
  .pnd-hero-promise strong { color:#fff; }
  /* Entries always at the bottom, never pushed out */
  .pnd-hero-entries {
    display:grid; grid-template-columns:repeat(3,1fr);
    background:rgba(255,255,255,.08);
    border-top:1px solid rgba(255,255,255,.1);
    position:relative; z-index:1;
    flex-shrink:0;
  }
  .pnd-entry {
    background:rgba(8,16,42,.65); backdrop-filter:blur(14px);
    padding:1.5rem 2rem; cursor:pointer; border:none;
    border-right:1px solid rgba(255,255,255,.08);
    text-align:left; font-family:var(--font);
    transition:background .2s;
    display:flex; flex-direction:column; gap:.75rem;
    text-decoration:none;
  }
  .pnd-entry:last-child { border-right:none; }
  .pnd-entry:hover { background:rgba(26,50,96,.85); }
  .pnd-entry-title { font-size:.93rem; font-weight:800; color:#fff; display:block; margin-bottom:.2rem; }
  .pnd-entry-sub { font-size:.77rem; color:rgba(255,255,255,.5); display:block; line-height:1.5; }
  .pnd-entry-arrow { font-size:.72rem; font-weight:700; color:rgba(255,255,255,.3); letter-spacing:.06em; text-transform:uppercase; margin-top:auto; transition:color .2s; }
  .pnd-entry:hover .pnd-entry-arrow { color:#7ec8f0; }
  @media(max-width:900px){
    .pnd-hero-new { height:auto; min-height:100svh; margin-top:0; padding-top:70px; }
    .pnd-hero-content { padding-top:2rem; flex:1; }
    .pnd-hero-entries { grid-template-columns:1fr; }
    .pnd-entry { border-right:none; border-bottom:1px solid rgba(255,255,255,.08); }
    .pnd-hero-new h1 { font-size:2rem; }
  }


  .pnd-entry-stat {
    font-family:var(--font); font-size:1.5rem; font-weight:900;
    color:#fff; line-height:1.1; margin-bottom:.2rem;
    letter-spacing:-.02em;
  }
  .pnd-entry-stat span {
    font-size:.75rem; font-weight:500; color:rgba(255,255,255,.5);
    letter-spacing:0; display:block; margin-top:.2rem;
  }


  .pnd-entry-kpi-label {
    font-size:.65rem; font-weight:700; color:rgba(255,255,255,.4);
    text-transform:uppercase; letter-spacing:.1em;
    display:block; margin-bottom:.3rem;
  }


  /* ── CHARGER CATALOGUE NEW ── */
  .pnd-cat-grid-new { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
  .pnd-cat-card-new {
    background:var(--navy); border:1px solid rgba(255,255,255,.08);
    border-radius:20px; overflow:hidden; position:relative;
    transition:transform .25s, border-color .25s;
  }
  .pnd-cat-card-new:hover { transform:translateY(-5px); border-color:rgba(58,143,212,.4); }
  .pnd-cat-card-new.popular { border-color:var(--blue); }
  .pnd-cat-pop {
    position:absolute; top:1rem; right:1rem;
    background:var(--blue); color:#fff;
    font-size:.65rem; font-weight:800; letter-spacing:.06em;
    padding:.25rem .75rem; border-radius:100px; z-index:2;
  }
  .pnd-cat-img-wrap {
    background:#0a1428; height:200px;
    display:flex; align-items:center; justify-content:center; padding:1.5rem;
  }
  .pnd-cat-img {
    max-height:170px; max-width:100%; object-fit:contain; display:block;
    filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));
  }
  .pnd-cat-info { padding:1.5rem; }
  .pnd-cat-power { font-size:1.6rem; font-weight:900; color:#fff; letter-spacing:-.02em; line-height:1; margin-bottom:.15rem; }
  .pnd-cat-type { font-size:.72rem; font-weight:700; color:rgba(255,255,255,.4); text-transform:uppercase; letter-spacing:.08em; margin-bottom:1.2rem; }
  .pnd-cat-price { font-size:1.1rem; font-weight:800; color:#7ec8f0; margin-bottom:.15rem; }
  .pnd-cat-price-note { font-size:.75rem; color:rgba(255,255,255,.4); margin-bottom:1.2rem; }
  .pnd-spec-grid { display:flex; flex-direction:column; gap:0; }
  .pnd-spec-row { display:flex; justify-content:space-between; align-items:center; padding:.45rem 0; border-bottom:1px solid rgba(255,255,255,.06); }
  .pnd-spec-row:last-child { border-bottom:none; }
  .pnd-spec-label { font-size:.74rem; color:rgba(255,255,255,.4); font-weight:500; }
  .pnd-spec-val { font-size:.74rem; color:#fff; font-weight:600; text-align:right; }
  @media(max-width:1024px){ .pnd-cat-grid-new { grid-template-columns:1fr; max-width:420px; margin:0 auto; } }


  /* ── MULTI-PAGE ──
     The former buttons (hero entries and pole tabs) are now real links.
     These rules make them render exactly like the buttons did. */
  a.pnd-entry, a.pnd-pole-btn { line-height: normal; text-decoration: none; }
  a.pnd-pole-btn { text-align: center; }
  a.pnd-entry { color: inherit; }


  /* ======= SIMULATOR (scoped: .sim-*) ======= */
  .sim{background:var(--navy)}
  .sim .pnd-inner{padding:6rem 6%}
  .sim-head{text-align:center;max-width:620px;margin:0 auto 2.6rem}
  .sim-head .pnd-title{color:#fff}
  .sim-head .pnd-sub{color:rgba(255,255,255,.55);margin:0 auto}
  .sim-card{max-width:780px;margin:0 auto;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28);position:relative}
  .sim-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--navy),var(--blue),var(--teal));z-index:2}
  .sim-visual{background:radial-gradient(120% 140% at 80% 50%,#1d3a72 0%,#0d1a35 70%);padding:1.6rem 1.2rem .6rem;position:relative}
  .sim-visual{overflow:hidden}
  .sim-visual svg{display:block;width:100%;max-width:620px;margin:0 auto;height:auto;overflow:visible}
  .sim-caption{text-align:center;color:rgba(255,255,255,.55);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem 0 1rem;min-height:2.2rem}
  .sim-caption.on{color:#7ec8f0}
  .sim-body{padding:2rem 2.4rem 2.4rem}
  .sim-dots{display:flex;gap:.4rem;margin-bottom:1.6rem}
  .sim-dot{height:3px;flex:1;background:var(--border);border-radius:2px;transition:background .3s}
  .sim-dot.done{background:var(--navy)}
  .sim-dot.active{background:var(--blue)}
  .sim-panel{display:none}
  .sim-panel.active{display:block;animation:simIn .35s ease}
  @keyframes simIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .sim-q{font-size:1.2rem;font-weight:800;color:var(--navy);margin-bottom:.25rem}
  .sim-hint{color:var(--muted);font-size:.83rem;margin-bottom:1.6rem}
  .sim-types{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
  .sim-type{border:2px solid var(--border);border-radius:16px;padding:1.2rem 1rem;background:#fff;text-align:left;cursor:pointer;font-family:var(--font);transition:border-color .2s,background .2s,transform .2s}
  .sim-type:hover{border-color:rgba(58,143,212,.5);background:var(--blue-pale);transform:translateY(-2px)}
  .sim-type.selected{border-color:var(--navy);background:var(--blue-pale)}
  .sim-type .t-name{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:.3rem}
  .sim-type .t-kw{display:block;font-size:1.7rem;font-weight:900;letter-spacing:-.02em;color:var(--navy);line-height:1;margin-bottom:.5rem}
  .sim-type .t-kw small{font-size:.85rem;font-weight:700;color:var(--muted);margin-left:.15rem}
  .sim-type .t-desc{display:block;font-size:.76rem;color:var(--muted);line-height:1.5}
  .sim-bolts{display:inline-flex;gap:2px;margin-bottom:.5rem}
  .sim-bolts i{width:7px;height:14px;background:var(--border);clip-path:polygon(60% 0,0 55%,45% 55%,30% 100%,100% 40%,55% 40%)}
  .sim-bolts i.on{background:var(--blue)}
  .sim-big{font-size:2.6rem;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--navy);margin-bottom:.3rem}
  .sim-big small{font-size:.95rem;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:.3rem}
  .sim-range{width:100%;margin:1.1rem 0 .4rem;-webkit-appearance:none;appearance:none;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--blue) var(--fill,0%),var(--border) var(--fill,0%));outline:none;cursor:pointer}
  .sim-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--navy);box-shadow:0 2px 8px rgba(26,50,96,.3);cursor:grab}
  .sim-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--navy);box-shadow:0 2px 8px rgba(26,50,96,.3);cursor:grab}
  .sim-range:focus-visible{outline:3px solid rgba(58,143,212,.4);outline-offset:6px}
  .sim-scale{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);font-weight:600}
  .sim-legend{position:relative;height:2.4rem;margin-top:.2rem}
  .sim-legend .mark{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;font-size:.7rem;font-weight:700;color:var(--blue);white-space:nowrap;cursor:pointer;background:none;border:none;font-family:var(--font)}
  .sim-legend .mark::before{content:'';width:2px;height:9px;background:var(--blue);border-radius:2px;margin-bottom:2px}
  .sim-sugg{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--blue-pale);border:1px solid rgba(58,143,212,.25);border-radius:12px;padding:.7rem 1rem;font-size:.8rem;color:var(--navy);margin-top:.6rem}
  .sim-sugg b{font-weight:800}
  .sim-sugg button{margin-left:auto;background:#fff;border:1px solid rgba(58,143,212,.4);color:var(--blue);font-family:var(--font);font-weight:700;font-size:.74rem;padding:.3rem .8rem;border-radius:100px;cursor:pointer}
  .sim-sugg button:hover{background:var(--blue);color:#fff}
  .sim-nav{display:flex;gap:.8rem;margin-top:1.8rem;align-items:center}
  .sim-back{background:none;border:none;font-family:var(--font);font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;padding:.6rem .2rem}
  .sim-back:hover{color:var(--navy)}
  .sim-btn{margin-left:auto;background:var(--navy);color:#fff;font-family:var(--font);font-weight:700;font-size:.9rem;padding:.9rem 2rem;border-radius:100px;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(26,50,96,.25);transition:background .2s,transform .2s}
  .sim-btn:hover{background:var(--blue);transform:translateY(-2px)}
  .sim-result-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:.4rem}
  .sim-result-num{font-size:clamp(2.6rem,7vw,3.8rem);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--navy)}
  .sim-result-num small{font-size:1rem;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:.4rem}
  .sim-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.5rem 0 1rem}
  .sim-stat{background:var(--off);border:1px solid var(--border);border-radius:14px;padding:.9rem;text-align:center}
  .sim-stat strong{display:block;font-size:1.25rem;font-weight:800;color:var(--navy);line-height:1.1}
  .sim-stat span{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .sim-math{font-size:.78rem;color:var(--muted);margin-bottom:.5rem}
  .sim-note{font-size:.74rem;color:var(--muted);border-top:1px solid var(--border);padding-top:.9rem;margin-top:.9rem}
  .sim-cta{display:block;width:100%;text-align:center;margin-top:1.4rem;background:var(--navy);color:#fff;font-family:var(--font);font-weight:700;font-size:.95rem;padding:1rem;border-radius:12px;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(26,50,96,.28);transition:background .2s,transform .2s}
  .sim-cta:hover{background:var(--blue);transform:translateY(-2px)}
  .sim-again{display:block;margin:.9rem auto 0;background:none;border:none;font-family:var(--font);font-size:.8rem;font-weight:600;color:var(--muted);cursor:pointer}
  .sim-again:hover{color:var(--navy)}
  @media(max-width:640px){
    .sim .pnd-inner{padding:4rem 5%}
    .sim-body{padding:1.5rem 1.2rem 1.8rem}
    .sim-types{grid-template-columns:1fr}
    .sim-type{display:grid;grid-template-columns:1fr auto;column-gap:1rem;align-items:center}
    .sim-type .t-name,.sim-type .sim-bolts,.sim-type .t-desc{grid-column:1}
    .sim-type .t-kw{grid-column:2;grid-row:1 / 4;margin:0;text-align:right}
    .sim-stats{grid-template-columns:1fr}
    .sim-sugg button{margin-left:0}
  }
  @media(prefers-reduced-motion:reduce){.sim-panel.active{animation:none}}

  /* ── INTEGRATIONS VISUAL (lot 3) ── */
  .ix { position:relative; overflow:hidden; background:radial-gradient(ellipse at 50% 45%,#23407a 0%,var(--navy) 45%,var(--navy-dark) 100%); color:#fff; padding:84px 24px 64px; }
  .ix::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px); background-size:26px 26px; -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%); mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%); pointer-events:none; }
  .ix-in { position:relative; max-width:1240px; margin:0 auto; }
  .ix-head { text-align:center; display:flex; flex-direction:column; align-items:center; margin-bottom:28px; }
  .ix-eyebrow { display:inline-block; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--teal); margin-bottom:14px; }
  .ix-title { font-size:clamp(28px,4vw,44px); line-height:1.12; font-weight:800; margin:0 0 14px; max-width:760px; color:#fff; letter-spacing:-.02em; }
  .ix-sub { font-size:clamp(15px,1.5vw,18px); line-height:1.6; color:rgba(255,255,255,.78); max-width:720px; margin:0; }
  .ix-fig { margin:0; }
  .ix-stage { position:relative; width:100%; max-width:1200px; margin:0 auto; aspect-ratio:1200/640; }
  .ix-stage svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
  .ix-ln { fill:none; stroke:rgba(120,190,235,.45); stroke-width:1.6; stroke-dasharray:3 7; stroke-linecap:round; animation:ixdash 2.2s linear infinite; }
  @keyframes ixdash { to { stroke-dashoffset:-20; } }
  .ix-pulse { fill:#7fe3f0; filter:drop-shadow(0 0 6px #2bb5c8); }
  .ix-col { position:absolute; top:0; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.9); }
  .ix-col small { display:block; margin-top:6px; letter-spacing:.02em; text-transform:none; font-weight:500; font-size:13px; color:rgba(255,255,255,.62); }
  .ix-col b { color:var(--teal); }
  .ix-col-l { left:1%; } .ix-col-r { right:1%; text-align:right; }
  .ix-hub { position:absolute; left:50%; top:51.5625%; width:24%; aspect-ratio:1; transform:translate(-50%,-50%); display:grid; place-items:center; }
  .ix-disc { position:absolute; inset:14%; border-radius:50%; background:linear-gradient(145deg,#4aa3e6,#2a6fb8 55%,#1d4f94); box-shadow:0 0 0 6px rgba(255,255,255,.12),0 18px 50px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.35); }
  .ix-hub img { position:relative; width:46%; height:auto; filter:drop-shadow(0 2px 6px rgba(0,0,0,.3)); }
  .ix-ring { position:absolute; inset:6%; border-radius:50%; border:1.5px solid rgba(127,227,240,.5); animation:ixring 3.6s ease-out infinite; opacity:0; }
  .ix-ring:nth-child(2) { animation-delay:1.2s; } .ix-ring:nth-child(3) { animation-delay:2.4s; }
  @keyframes ixring { 0% { transform:scale(.72); opacity:.8; } 100% { transform:scale(1.18); opacity:0; } }
  .ix-n { position:absolute; transform:translate(-50%,-50%) rotate(var(--r)); }
  .ix-n img { display:block; width:100%; height:auto; }
  .ix-n-card { background:#fff; border-radius:14px; padding:14px 18px; box-shadow:0 10px 30px rgba(5,12,35,.35); display:grid; place-items:center; transition:transform .3s; }
  .ix-n-card:hover { transform:translate(-50%,-50%) translateY(-4px); }
  .ix-n-card img { max-height:64px; width:auto; max-width:100%; }
  .ix-n-l.ix-n-card img { max-height:72px; } .ix-n-s.ix-n-card img { max-height:44px; }
  .ix-n-card img[alt*=Xero] { max-height:52px; }
  .ix-n-free img { filter:drop-shadow(0 14px 22px rgba(0,0,0,.45)); }
  .ix-n-free img[alt*=WRewards] { filter:drop-shadow(0 0 1.2px rgba(255,255,255,.75)) drop-shadow(0 14px 22px rgba(0,0,0,.45)); }
  .ix-badge { position:absolute; left:50%; top:80%; transform:translateX(-50%); display:flex; gap:8px; flex-wrap:wrap; justify-content:center; width:44%; }
  .ix-tag { font-size:11.5px; font-weight:600; letter-spacing:.04em; padding:5px 11px; border-radius:99px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.9); }
  .ix-foot { max-width:900px; margin:34px auto 0; text-align:center; }
  .ix-brands { font-size:14px; line-height:1.7; color:rgba(255,255,255,.78); margin:0 0 14px; max-width:none; }
  .ix-brands b { color:#fff; }
  .ix-note { font-size:11.5px; line-height:1.55; color:rgba(255,255,255,.5); margin:0; }
  .ix-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .ix-grp { display:contents; }
  @media (prefers-reduced-motion:reduce) { .ix-ln, .ix-ring { animation:none; } .ix-pulse { display:none; } }
  @media (max-width:860px) {
    .ix { padding:56px 16px 48px; }
    .ix-stage { aspect-ratio:auto; display:flex; flex-direction:column; align-items:center; gap:18px; }
    .ix-stage svg, .ix-badge { display:none; }
    .ix-hub { position:relative; left:auto; top:auto; transform:none; width:210px; margin:-6px 0; order:0; }
    .ix-hub::after { content:""; position:absolute; left:50%; top:92%; width:2px; height:34px; background:linear-gradient(var(--teal),transparent); }
    .ix-col { position:static; text-align:center !important; width:100%; }
    .ix-col-l { order:1; } .ix-grp-l { order:2; } .ix-col-r { order:3; } .ix-grp-r { order:4; }
    .ix-grp { display:grid; grid-template-columns:1fr 1fr; gap:14px 12px; width:100%; max-width:440px; align-items:center; justify-items:center; }
    .ix-n { position:static; transform:none !important; width:100% !important; }
    .ix-n-card { padding:12px 14px; min-height:76px; }
    .ix-n-card img { max-height:46px !important; }
    .ix-n-s.ix-n-card img { max-height:34px !important; }
    .ix-n-card.ix-n-l img { max-height:52px !important; }
    .ix-n-free { max-width:170px; }
    .ix-grp-l .ix-n:last-child { grid-column:span 2; max-width:220px; }
  }
  /* value proposition + integrations page */
  .pnd-x { }
  @media (max-width:480px) { .pnd-x { display:none; } }
  .vp-grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
  .vp-link { display:inline-block; margin-top:1.6rem; font-size:.85rem; font-weight:700; color:var(--blue); text-decoration:none; }
  .vp-link:hover { text-decoration:underline; }
  .vp-cta { background:var(--navy); color:#fff; text-align:center; }
  .vp-cta h2 { color:#fff; font-size:clamp(1.6rem,2.6vw,2.2rem); font-weight:800; letter-spacing:-.02em; margin-bottom:.8rem; }
  .vp-cta p { color:rgba(255,255,255,.75); max-width:560px; margin:0 auto 1.8rem; font-size:.95rem; line-height:1.7; }
  .vp-cta .vp-actions { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
  @media (max-width:1024px) { .vp-grid3 { grid-template-columns:1fr 1fr; } }
  @media (max-width:768px) { .vp-grid3 { grid-template-columns:1fr; } .pnd-pole-nav-inner { overflow-x:auto; padding:0 2%; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .pnd-pole-nav-inner::-webkit-scrollbar { display:none; } .pnd-pole-btn { white-space:nowrap; padding:.8rem .75rem; } }

  /* ── HOME BANNER (integrations) ── */
  .has-ban { --ban-h: 300px; }
  .has-ban .pnd-hero-new { height: calc(100vh - 70px - var(--ban-h)); min-height: 480px; }
  .pnb { position: relative; overflow: hidden; min-height: 300px; color: #fff; font-family: var(--font);
    background: radial-gradient(55% 130% at 88% 45%, rgba(70,160,235,.38) 0%, rgba(70,160,235,0) 70%),
                linear-gradient(90deg, #111f45 0%, #1a3260 38%, #245a9e 72%, #2f86d6 100%); }
  .pnb::before { content: ""; position: absolute; right: -8%; top: -45%; width: 44%; aspect-ratio: 1; border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,.07); box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.02); pointer-events: none; }
  .pnb-in { position: relative; max-width: 1400px; min-height: 300px; margin: 0 auto; padding: 14px 6%;
    display: grid; grid-template-columns: 1.1fr .9fr; gap: 30px; align-items: center; }
  .pnb-title { font-size: clamp(26px, 2.6vw, 38px); line-height: 1.1; font-weight: 800; letter-spacing: -.02em; margin: 0; }
  .pnb-title em { font-style: normal; color: #22e1f0; }
  .pnb-sub { margin: 12px 0 0; font-size: clamp(14.5px, 1.15vw, 17px); line-height: 1.5; color: #d3e2f7; font-weight: 500; max-width: 580px; }
  .pnb-feats { display: flex; list-style: none; margin: 14px 0 0; padding: 0; }
  .pnb-feats li { display: flex; align-items: center; gap: 10px; padding-right: 16px; margin-right: 16px; border-right: 1px solid rgba(255,255,255,.2); font-weight: 600; font-size: 13.5px; line-height: 1.25; white-space: nowrap; }
  .pnb-feats li:last-child { border: 0; margin: 0; padding: 0; }
  .pnb-feats svg { width: 28px; height: 28px; stroke: #22e1f0; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex: none; }
  .pnb-act { display: flex; align-items: center; gap: 18px; margin-top: 16px; }
  .pnb-btn { display: inline-block; background: #22e1f0; color: #0a2350; font-weight: 800; font-size: 16px; padding: 13px 28px; border-radius: 99px; text-decoration: none; box-shadow: 0 8px 22px rgba(34,225,240,.3); transition: transform .15s; white-space: nowrap; }
  .pnb-btn:hover { transform: translateY(-2px); }
  .pnb-lnk { color: #d3e2f7; font-weight: 600; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
  .pnb-lnk:hover { color: #fff; }
  .pnb-x { position: absolute; top: 12px; right: 14px; width: 32px; height: 32px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; z-index: 3; }
  .pnb-x:hover { background: rgba(255,255,255,.24); }
  .pnb-stage { position: relative; height: 250px; width: 100%; max-width: 540px; margin-left: auto; }
  .pnb-stage svg { position: absolute; inset: 0; width: 100%; height: 100%; }
  .pnb-ln { fill: none; stroke: rgba(140,200,255,.55); stroke-width: 1.3; stroke-dasharray: 3 5; }
  .pnb-pulse { fill: #7fe9f5; filter: drop-shadow(0 0 6px #22e1f0); }
  .pnb-hub { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; transform: translate(-50%,-50%); border-radius: 50%; background: #e8f3fb; display: grid; place-items: center; box-shadow: 0 0 0 9px rgba(255,255,255,.08), 0 0 0 20px rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.35); }
  .pnb-hub img { width: 58px; height: auto; display: block; }
  .pnb-c { position: absolute; background: #fff; border-radius: 10px; box-shadow: 0 8px 22px rgba(0,0,0,.28); display: grid; place-items: center; padding: 7px 11px; animation: pnbfl 6s ease-in-out infinite; }
  .pnb-c img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
  .pnb-k { position: absolute; border-radius: 7px; box-shadow: 0 10px 24px rgba(0,0,0,.35); overflow: hidden; animation: pnbfl 7s ease-in-out infinite; }
  .pnb-k img { display: block; width: 100%; height: auto; }
  .pnb-mini { display: none; }
  @keyframes pnbfl { 50% { margin-top: -6px; } }
  @media (prefers-reduced-motion: reduce) { .pnb-c, .pnb-k { animation: none; } .pnb-pulse { display: none; } }
  @media (max-width: 1199px) { .pnb-feats { display: none; } .pnb-act { margin-top: 22px; } }
  @media (min-width: 901px) and (max-height: 820px) {
    .has-ban { --ban-h: 250px; }
    .pnb, .pnb-in { min-height: 250px; }
    .pnb-in { padding-top: 18px; padding-bottom: 18px; }
    .pnb-title { font-size: clamp(24px, 2.3vw, 32px); }
    .pnb-sub { font-size: 15px; margin-top: 10px; }
    .pnb-feats { display: none; }
    .pnb-act { margin-top: 16px; }
    .pnb-stage { margin-top: -18px; margin-bottom: -18px; transform: scale(.86); transform-origin: right center; }
  }
  @media (max-width: 900px) {
    .has-ban { --ban-h: 128px; }
    .has-ban .pnd-hero-new { height: auto; min-height: calc(100svh - var(--ban-h)); }
    .pnb, .pnb-in { min-height: 128px; }
    .pnb-in { display: block; padding: 14px 5% 16px; }
    .pnb-stage, .pnb-sub, .pnb-lnk { display: none; }
    .pnb-title { font-size: clamp(17px, 5.3vw, 22px); padding-right: 36px; line-height: 1.15; }
    .pnb-title br { display: none; }
    .pnb-act { margin-top: 12px; gap: 10px; }
    .pnb-btn { font-size: 14px; padding: 11px 20px; }
    .pnb-x { top: 8px; right: 8px; width: 30px; height: 30px; }
    .pnb-mini { display: flex; align-items: center; gap: 6px; min-width: 0; }
    .pnb-mini span { position: relative; flex: none; width: 46px; height: 30px; background: #fff; border-radius: 7px; }
    .pnb-mini span.mk { background: none; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,.3); border-radius: 5px; }
    .pnb-mini img { position: absolute; inset: 4px 6px; width: calc(100% - 12px); height: calc(100% - 8px); object-fit: contain; }
    .pnb-mini span.mk img { inset: 0; width: 100%; height: 100%; object-fit: cover; }
  }

/* Pricing: all plans on one row on wide screens, Campaigns as a horizontal banner */
@media (min-width:1100px){
  .pnd-ocpp-packs .pnd-inner{max-width:1480px}
  .pnd-pack-grid{grid-template-columns:repeat(5,1fr);gap:1rem}
  .pnd-pack-grid .pnd-pack-card,.pnd-pack-grid .pnd-pack-card:nth-child(4),.pnd-pack-grid .pnd-pack-card:nth-child(5){grid-column:auto}
  .pnd-pack-grid .pnd-pack-card{padding:1.5rem 1.25rem;display:flex;flex-direction:column}
  .pnd-pack-grid .pnd-pack-feats{flex:1}
  .pnd-pack-grid .pnd-pack-feat-badge{position:static;display:inline-block;margin-bottom:.6rem;align-self:flex-start}
}
.pnd-camp{max-width:1280px;margin:2.5rem auto 0;display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:center;text-align:left;padding:2rem 2.25rem}
.pnd-camp-list{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.5rem}
.pnd-camp .pnd-pack-feats{margin:0}
@media (max-width:900px){.pnd-camp{grid-template-columns:1fr}.pnd-camp-list{grid-template-columns:1fr}}

/* Neighbour Host banner */
.pnd-nb{max-width:1280px;margin:0 auto 4.5rem;display:grid;grid-template-columns:1.6fr 1fr;gap:2.5rem;align-items:center;padding:2.5rem 3rem;border-radius:28px;border:1px solid rgba(126,200,240,.45);background:linear-gradient(135deg,rgba(58,143,212,.28) 0%,rgba(0,184,148,.12) 100%);position:relative;overflow:hidden}
.pnd-nb::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.pnd-nb-pill{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0d2a4a;background:#7ec8f0;border-radius:999px;padding:.3rem .8rem;margin-bottom:1rem}
.pnd-nb-title{font-size:2.3rem;font-weight:800;color:#fff;margin:0 0 .5rem;line-height:1.1}
.pnd-nb-lead{font-size:1.1rem;color:rgba(255,255,255,.85);margin:0 0 1.2rem;line-height:1.5}
.pnd-nb .pnd-pack-feats li{font-size:.98rem;color:rgba(255,255,255,.9)}
.pnd-nb-note{font-size:.8rem;color:rgba(255,255,255,.5);margin:1.1rem 0 0}
.pnd-nb-side{text-align:center;background:rgba(13,42,74,.55);border-radius:20px;padding:2rem 1.5rem}
.pnd-nb-big{font-size:4rem;font-weight:800;color:#fff;line-height:1}
.pnd-nb-bigsub{font-size:.9rem;color:#7ec8f0;font-weight:700;margin:.5rem 0 1rem}
.pnd-nb-zero{font-size:1rem;color:#fff;font-weight:700}
.pnd-nb-biz{text-align:center;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7ec8f0;margin:0 0 1.2rem}
@media (max-width:900px){.pnd-nb{grid-template-columns:1fr;padding:2rem 1.5rem}.pnd-nb-title{font-size:1.9rem}}