/* =========================================================
   POBO — HOME (NEW DESIGN)  ·  template: home-new.php
   Design reference: 1920px artboard, 1718px frame, 1622px content.
========================================================= */

/* GP base subset the shared header relies on (generate-style is dequeued) */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body.pbn-body{margin:0;background:#fff;color:#0a0a0a;font-family:"Mona Sans",sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
:where(.pbn-body) :where(button,input,select,textarea){margin:0;font-family:inherit;font-size:inherit;line-height:1.5;text-transform:none}
.pbn-body a{text-decoration:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Tokens */
.pbn-body{
	--ink:#0a0a0a;
	--ink2:#1b1b1b;
	--mut:#5f6368;
	--line:#ececec;
	--blue:#0a3cff;
	--blue2:#3b6dff;
	--sky:#9cc6f6;
	--ease:cubic-bezier(.22,1,.36,1);
	--fx:clamp(0px,5.3vw,102px);                    /* frame inset from viewport */
	--px:clamp(16px,2.5vw,48px);                    /* content inset inside frame */
	--sy:clamp(72px,6.9vw,132px);                   /* section rhythm */
	--h2:clamp(32px,3.75vw,72px);
}

/* ---------- Shared header: restyle for this layout ---------- */

/* ---------- Utilities ---------- */
.pbn{position:relative;display:block}
.pbn :where(h1,h2,h3,p,ul,ol,li,figure){margin:0;padding:0}
.pbn :where(ul,ol){list-style:none;margin:0;padding:0}
.pbn img{display:block;max-width:100%;height:auto}
.pbn a{color:inherit}
.pbn-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.pbn-frame{position:relative;width:calc(100% - 2 * var(--fx));max-width:1718px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.pbn-frame__mark{position:absolute;top:-6px;width:11px;height:11px;border:1px solid #dcdcdc;background:#fff;z-index:2}
.pbn-frame__mark--l{left:-6px}
.pbn-frame__mark--r{right:-6px}
.pbn-wrap{padding:0 var(--px)}
.pbn-sec{position:relative;padding:var(--sy) 0}
.pbn-h2{font-size:var(--h2);font-weight:600;line-height:1.22;letter-spacing:-.022em;color:var(--ink);text-wrap:balance}

/* Buttons */
.pbn-btn{background-origin:border-box!important;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:53px;padding:0 34px;border:1px solid transparent;border-radius:0;font-family:inherit;font-size:16px;font-weight:500;letter-spacing:.005em;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
.pbn-arw{width:22px;height:12px;flex-shrink:0;transition:transform .35s var(--ease)}
.pbn-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.pbn a.pbn-btn--light{background:#fff;color:#111;border-color:#d9d9d9;min-width:205px}
.pbn a.pbn-btn--dark{background:linear-gradient(90deg,#000 0%,#353535 100%);color:#fff;min-width:235px;padding:0 24px}
.pbn .pbn-btn--white{background:linear-gradient(90deg,#fff 0%,#e9efff 100%);color:#0b0b0b;padding:0 24px}
@media (hover:hover) and (pointer:fine){
	.pbn-btn:hover{transform:translateY(-2px)}
	.pbn-btn:hover .pbn-arw{transform:translateX(4px)}
	.pbn a.pbn-btn--light:hover{border-color:#111}
	.pbn a.pbn-btn--dark:hover{background:linear-gradient(90deg,#0a3cff 0%,#3d6bff 55%,#86b0ff 100%)}
	.pbn .pbn-btn--white:hover{box-shadow:0 14px 30px -14px rgba(0,0,0,.45)}
}

/* Scroll reveal (only once JS has armed it) */
.pbn-js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.pbn-js [data-reveal][data-delay="1"]{transition-delay:.08s}
.pbn-js [data-reveal][data-delay="2"]{transition-delay:.16s}
.pbn-js [data-reveal][data-delay="3"]{transition-delay:.24s}
.pbn-js [data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.pbn-js [data-reveal]{opacity:1;transform:none;transition:none}}

/* =========================================================
   1 · HERO
========================================================= */
.pbn-hero{padding-top:clamp(56px,6.5vw,124px);text-align:center}
.pbn-hero__title{max-width:1480px;margin:0 auto;font-size:clamp(34px,3.95vw,76px);font-weight:600;line-height:1.18;letter-spacing:-.028em;color:var(--ink);text-wrap:balance}
.pbn-hero__text{max-width:960px;margin:clamp(20px,2.2vw,42px) auto 0;font-size:clamp(16px,1.0vw,19px);line-height:1.38;color:#151515;text-wrap:balance}
.pbn-hero__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(28px,3.2vw,62px)}

/* ---------- Animated dashboard stage ---------- */
.pbn-stage{position:relative;margin-top:clamp(36px,3.2vw,62px);container-type:inline-size;text-align:left}
.pbn-stage__in{
	--u:calc(100cqw / 1622);
	position:relative;height:calc(var(--u) * 590);overflow:hidden;background:#1546ff;
	font-family:"Mona Sans",sans-serif;color:#111;
}
.pbn-stage__bg{position:absolute;inset:0;width:100%;height:100%}
.pbn-stage__shards{transform-origin:50% 50%;animation:pbnBgDrift 16s ease-in-out infinite alternate}
@keyframes pbnBgDrift{to{transform:translate3d(-14px,6px,0) scale(1.03)}}

.pbn-card{position:absolute;padding:calc(var(--u) * 8);border-radius:calc(var(--u) * 14);background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.55);box-shadow:0 calc(var(--u) * 30) calc(var(--u) * 60) calc(var(--u) * -20) rgba(5,20,120,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pbn-card__in{position:relative;height:100%;padding:calc(var(--u) * 17) calc(var(--u) * 17);border-radius:calc(var(--u) * 7);background:#fff;overflow:hidden}
.pbn-card--plan{left:calc(var(--u) * 151);top:calc(var(--u) * 60);width:calc(var(--u) * 336);height:calc(var(--u) * 202);animation:pbnFloat 7s ease-in-out infinite}
.pbn-card--config{left:calc(var(--u) * 49);top:calc(var(--u) * 304);width:calc(var(--u) * 366);height:calc(var(--u) * 209);animation:pbnFloat 8s ease-in-out -2s infinite}
.pbn-card--erp{left:calc(var(--u) * 536);top:calc(var(--u) * 95);width:calc(var(--u) * 551);height:calc(var(--u) * 560);border-bottom-left-radius:0;border-bottom-right-radius:0}
.pbn-card--erp .pbn-card__in{padding:calc(var(--u) * 27) calc(var(--u) * 28)}
.pbn-card--int{left:calc(var(--u) * 1234);top:calc(var(--u) * 67);width:calc(var(--u) * 337);height:calc(var(--u) * 188);animation:pbnFloat 7.5s ease-in-out -1s infinite}
.pbn-card--api{left:calc(var(--u) * 1135);top:calc(var(--u) * 287);width:calc(var(--u) * 337);height:calc(var(--u) * 188);background:rgba(255,255,255,.22);animation:pbnFloat 8.5s ease-in-out -3s infinite}
.pbn-card--api .pbn-card__in{background:#121520;padding:calc(var(--u) * 13) calc(var(--u) * 12)}
@keyframes pbnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--u) * -7))}}

.pbn-chip{display:inline-block;padding:calc(var(--u) * 4) calc(var(--u) * 10);border-radius:999px;background:#eaf0ff;color:#2a55ff;font-size:calc(var(--u) * 10.5);font-weight:600;letter-spacing:.02em;line-height:1.2;text-transform:uppercase}
.pbn-chip--dark{background:#262a37;color:#c8cbd6;font-size:calc(var(--u) * 7);padding:calc(var(--u) * 3) calc(var(--u) * 8)}
.pbn-pill{display:inline-flex;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 3) calc(var(--u) * 9);border-radius:calc(var(--u) * 4);font-weight:500;line-height:1.3}
.pbn-pill--ok{background:#e7f7ea;color:#2f9d43;font-size:calc(var(--u) * 10)}
.pbn-pill--live{margin-left:auto;align-self:flex-start;background:#e7f7ea;color:#22a33a;font-size:calc(var(--u) * 14);padding:calc(var(--u) * 4) calc(var(--u) * 10)}
.pbn-pill--live i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;background:currentColor;animation:pbnPulse 1.8s ease-in-out infinite}
@keyframes pbnPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,163,58,.45)}50%{box-shadow:0 0 0 calc(var(--u) * 4) rgba(34,163,58,0)}}

/* Go-live plan */
.pbn-card__row{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--u) * 14)}
.pbn-card__title{font-size:calc(var(--u) * 18);font-weight:600;color:#111}
.pbn-plan{margin-top:calc(var(--u) * 10)}
.pbn-plan li{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u) * 29);font-size:calc(var(--u) * 11.5);color:#6b6f78}
.pbn-plan i{position:relative;width:calc(var(--u) * 150);height:calc(var(--u) * 4);border-radius:4px;background:#eceef2;overflow:hidden}
.pbn-plan i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#2a55ff,#3d6dff);transform:scaleX(var(--p));transform-origin:left;animation:pbnGrow 1.6s var(--ease) both;animation-delay:calc(.6s + var(--d) * .15s)}
@keyframes pbnGrow{from{transform:scaleX(0)}}

/* Configuration toggles */
.pbn-config{margin-top:calc(var(--u) * 12)}
.pbn-config li{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u) * 43.5)}
.pbn-config b{display:block;font-size:calc(var(--u) * 14);font-weight:600;color:#111;line-height:1.25}
.pbn-config small{display:block;font-size:calc(var(--u) * 10.5);color:#7a7e87;line-height:1.3}
.pbn-toggle{position:relative;flex-shrink:0;width:calc(var(--u) * 45);height:calc(var(--u) * 24);border-radius:999px;background:#e4e6ea;box-shadow:inset 0 0 0 1px #d6d9df;transition:background .45s var(--ease)}
.pbn-toggle::after{content:"";position:absolute;top:calc(var(--u) * 3);left:calc(var(--u) * 3);width:calc(var(--u) * 18);height:calc(var(--u) * 18);border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .45s var(--ease)}
.pbn-toggle.is-on{background:#2a55ff;box-shadow:none}
.pbn-toggle.is-on::after{transform:translateX(calc(var(--u) * 21))}

/* ERP console */
.pbn-erp__head{display:flex;align-items:center;gap:calc(var(--u) * 15)}
.pbn-erp__logo{display:grid;place-items:center;width:calc(var(--u) * 45);height:calc(var(--u) * 45);border-radius:calc(var(--u) * 10);background:#0b0b0b;color:#fff;font-size:calc(var(--u) * 21);font-weight:700}
.pbn-erp__name b{display:block;font-size:calc(var(--u) * 24);font-weight:600;line-height:1.15;color:#111}
.pbn-erp__name small{display:block;margin-top:calc(var(--u) * 3);font-size:calc(var(--u) * 15);color:#5b5f68}
.pbn-erp__label{margin-top:calc(var(--u) * 33);font-size:calc(var(--u) * 12);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#55595f}
.pbn-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 16);margin-top:calc(var(--u) * 13)}
.pbn-op{position:relative;height:calc(var(--u) * 107);border-radius:calc(var(--u) * 14);background:#f4f5f8;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .45s var(--ease),background .45s var(--ease),transform .45s var(--ease)}
.pbn-op__ico{position:absolute;top:calc(var(--u) * 16);left:calc(var(--u) * 16);display:grid;place-items:center;width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #dfe2e8;color:#555;transition:background .45s var(--ease),color .45s var(--ease),box-shadow .45s var(--ease)}
.pbn-op__ico .pbn-ico{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}
.pbn-op__check{position:absolute;top:calc(var(--u) * 12);right:calc(var(--u) * 12);display:grid;place-items:center;width:calc(var(--u) * 16);height:calc(var(--u) * 16);border-radius:50%;background:#22a33a;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.pbn-op__check svg{width:70%;height:70%}
.pbn-op__label{position:absolute;left:calc(var(--u) * 16);bottom:calc(var(--u) * 20);font-size:calc(var(--u) * 18);font-weight:600;color:#111}
.pbn-op.is-on{background:#fff;box-shadow:inset 0 0 0 1.5px #2a55ff,0 calc(var(--u) * 10) calc(var(--u) * 24) calc(var(--u) * -12) rgba(42,85,255,.5)}
.pbn-op.is-on .pbn-op__ico{background:#2a55ff;color:#fff;box-shadow:none}
.pbn-op.is-on .pbn-op__check{transform:scale(1)}
.pbn-ready{display:flex;align-items:baseline;justify-content:space-between;margin-top:calc(var(--u) * 17)}
.pbn-ready__label{font-size:calc(var(--u) * 16);font-weight:600;color:#111}
.pbn-ready__pct{font-size:calc(var(--u) * 13);font-weight:600;color:#2a55ff}
.pbn-ready__bar{position:relative;display:block;height:calc(var(--u) * 8);margin-top:calc(var(--u) * 12);border-radius:999px;background:#eceef2;overflow:hidden}
.pbn-ready__bar i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#2a55ff,#6f9bff);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.pbn-erp__more{margin-top:calc(var(--u) * 26);padding-top:calc(var(--u) * 18);border-top:1px solid #eef0f3}
.pbn-erp__sk{display:block;width:62%;height:calc(var(--u) * 9);margin-top:calc(var(--u) * 14);border-radius:999px;background:#eef0f4}
.pbn-erp__sk--s{width:38%;margin-top:calc(var(--u) * 8)}

/* Integration map */
.pbn-int{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--u) * 13);height:calc(var(--u) * 110)}
.pbn-int__hub{position:relative;z-index:1;display:grid;place-items:center;align-content:center;width:calc(var(--u) * 70);height:calc(var(--u) * 44);border-radius:calc(var(--u) * 8);background:#0b0b0b;color:#fff;line-height:1.1;text-align:center}
.pbn-int__hub b{font-size:calc(var(--u) * 10.5);font-weight:600}
.pbn-int__hub small{font-size:calc(var(--u) * 7.5);opacity:.8}
.pbn-int__lines{position:absolute;left:calc(var(--u) * 70);right:calc(var(--u) * 118);top:calc(var(--u) * 14);height:calc(var(--u) * 82);width:auto;overflow:visible}
.pbn-int__lines path{fill:none;stroke:#b9c4dc;stroke-width:1.2;stroke-dasharray:2 3;vector-effect:non-scaling-stroke;animation:pbnDash 1.6s linear infinite}
@keyframes pbnDash{to{stroke-dashoffset:-10}}
.pbn-int__list{display:grid;gap:calc(var(--u) * 11)}
.pbn-int__list li{display:flex;align-items:center;justify-content:space-between;width:calc(var(--u) * 118);height:calc(var(--u) * 30);padding:0 calc(var(--u) * 10) 0 calc(var(--u) * 11);border-radius:calc(var(--u) * 6);background:#f4f5f8;font-size:calc(var(--u) * 10.5);font-weight:600;color:#111}
.pbn-int__list i{width:calc(var(--u) * 5);height:calc(var(--u) * 5);border-radius:50%;background:#22a33a;animation:pbnBlink 2.4s ease-in-out infinite;animation-delay:calc(var(--d) * .5s)}
@keyframes pbnBlink{0%,100%{opacity:1}50%{opacity:.25}}

/* API terminal */
.pbn-api__req{display:flex;align-items:center;gap:calc(var(--u) * 9);margin-top:calc(var(--u) * 10);font-size:calc(var(--u) * 8);color:#b8bcc8}
.pbn-api__verb{padding:calc(var(--u) * 2) calc(var(--u) * 6);border-radius:calc(var(--u) * 3);background:#15391f;color:#3fd16a;font-weight:700;font-size:calc(var(--u) * 7)}
.pbn-api__code{margin:calc(var(--u) * 10) 0 0;font-family:"Mona Sans",sans-serif;font-size:calc(var(--u) * 8.5);line-height:1.65;color:#9aa3b8;white-space:pre-wrap;background:none;border:0;padding:0;overflow:hidden}
.pbn-api__code .k{color:#8fb0ff}
.pbn-api__code .s{color:#f2c37b}
.pbn-api__code .ok{color:#3fd16a}
.pbn-api__code .cur{display:inline-block;width:.55em;height:1em;vertical-align:-.15em;background:#8fb0ff;animation:pbnBlink 1s steps(1) infinite}

/* =========================================================
   2 · STATS
========================================================= */
.pbn-stats{margin-top:clamp(56px,6.4vw,122px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pbn-stats__list{display:grid;grid-template-columns:repeat(4,1fr);padding:clamp(32px,2.6vw,50px) 0 clamp(32px,1.9vw,36px)}
.pbn-stat{display:flex;flex-direction:column;align-items:center;text-align:center}
.pbn-stat__num{font-size:clamp(40px,3.4vw,66px);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.pbn-stat__label{max-width:220px;margin-top:clamp(10px,.8vw,16px);font-size:clamp(15px,1.05vw,20px);line-height:1.2;color:#111}

/* =========================================================
   3 · SERVICES
========================================================= */
.pbn-svc__title{max-width:960px}
.pbn-svc__grid{display:grid;grid-template-columns:383fr 601fr 483fr;column-gap:clamp(28px,4.06vw,78px);margin-top:clamp(36px,3.4vw,65px);align-items:start}
.pbn-svc__tabs{display:flex;flex-direction:column}
.pbn-svc__tab{position:relative;display:flex;align-items:center;width:100%;min-height:63px;padding:0;border:0;border-bottom:1px solid #e3e3e3;background:none;color:#6b6b6b;font-size:clamp(16px,1vw,19px);font-weight:400;text-align:left;cursor:pointer;transition:color .3s var(--ease)}
.pbn-svc__tab span{position:relative;display:inline-flex;align-items:center;gap:11px;height:100%}
.pbn-svc__tab span::before{content:"";width:6px;height:6px;flex-shrink:0;background:#b4c6ff;transition:background .3s var(--ease),transform .3s var(--ease)}
.pbn-svc__tab::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--uw,0);background:#000;transition:width .5s var(--ease)}
.pbn-svc__tab:hover{color:#111}
.pbn-svc__tab.is-active{color:#000;font-weight:500}
.pbn-svc__tab.is-active span::before{background:#3d6ff5;transform:scale(1.15)}
.pbn-svc__tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.pbn-svc__tab:first-child{margin-top:-17px}
.pbn-svc__media{overflow:hidden;background:#cfe0fb}
.pbn-svc__media img{width:100%;transition:transform 1.2s var(--ease)}
.pbn-svc__media.is-swap img{animation:pbnSwap .9s var(--ease)}
@keyframes pbnSwap{0%{transform:scale(1.04);opacity:.6}100%{transform:none;opacity:1}}
.pbn-svc__panel p{font-size:clamp(17px,1.1vw,21px);font-weight:500;line-height:1.59;color:#0d0d0d}
.pbn-svc__panel.is-active p{animation:pbnFadeUp .6s var(--ease) both}
@keyframes pbnFadeUp{from{opacity:0;transform:translateY(10px)}}

/* =========================================================
   4 · CTA BAND (full frame width)
========================================================= */
.pbn-cta{position:relative;overflow:hidden;background:linear-gradient(160deg,#0838ff 0%,#3a6ef6 45%,#6b9ef4 75%,#93c3f3 100%)}
.pbn-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 0% 0%,rgba(10,40,255,.6),transparent 60%);pointer-events:none}
.pbn-cta__in{position:relative;display:grid;grid-template-columns:1fr minmax(0,600px);align-items:center;gap:40px;min-height:clamp(260px,19.2vw,368px);padding:clamp(48px,5vw,96px) clamp(16px,4.5vw,86px) clamp(48px,5vw,96px) clamp(20px,4.5vw,86px)}
.pbn-cta__title{font-size:clamp(30px,3.25vw,62px);font-weight:600;line-height:1.42;letter-spacing:-.015em;color:#fff;text-wrap:balance;max-width:760px}
.pbn-cta__side p{font-size:clamp(16px,.95vw,18px);line-height:1.42;color:rgba(255,255,255,.95)}
.pbn-cta__side .pbn-btn{margin-top:22px}

/* =========================================================
   5 · MODULES + shared bordered grid
========================================================= */
.pbn-mod__head{text-align:center}
.pbn-mod__head .pbn-h2{max-width:1560px;margin:0 auto}
.pbn-mod__lead{max-width:1190px;margin:clamp(20px,2.4vw,46px) auto 0;font-size:clamp(16px,.95vw,18px);line-height:1.42;color:#111;text-wrap:balance}
.pbn-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,4.2vw,80px);border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6}
.pbn-grid__cell{position:relative;padding:28px 28px 40px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;transition:background .4s var(--ease)}
.pbn-cell__title{margin-top:clamp(16px,1.35vw,26px);font-size:clamp(19px,1.25vw,24px);font-weight:500;line-height:1.25;color:#0b0b0b}
.pbn-cell__text{margin-top:clamp(12px,1.05vw,20px);font-size:clamp(15px,.95vw,18px);line-height:1.42;color:#111}
.pbn-modc__ico{width:113px;height:113px;transition:transform .5s var(--ease)}
@media (hover:hover) and (pointer:fine){
	.pbn-modc:hover{background:#f7f9ff}
	.pbn-modc:hover .pbn-modc__ico{transform:translateY(-4px)}
}

/* =========================================================
   6 · WHY POBO (black, full frame width)
========================================================= */
.pbn-why{background:#000;color:#fff}
.pbn-mod{padding-bottom:clamp(64px,6.5vw,125px)}
.pbn-why__in{padding:clamp(56px,4.3vw,82px) var(--px) clamp(64px,5.3vw,102px)}
.pbn-why__head{display:grid;grid-template-columns:1fr minmax(0,600px);gap:40px;align-items:start}
.pbn-why__title{font-size:clamp(28px,2.5vw,48px);font-weight:600;line-height:1.56;letter-spacing:-.01em;color:#fff;max-width:760px;text-wrap:balance}
.pbn-why__lead{font-size:clamp(15px,.95vw,18px);line-height:1.42;color:#fff;padding-top:8px}
.pbn-grid--dark{border-color:#1c1c1f;margin-top:clamp(40px,3.6vw,68px)}
.pbn-grid--dark .pbn-grid__cell{background:#000;border-color:#1c1c1f;padding:27px 27px 40px}
.pbn-grid--dark .pbn-cell__title{color:#fff;margin-top:clamp(16px,1.5vw,28px)}
.pbn-grid--dark .pbn-cell__text{color:#f2f2f2;margin-top:clamp(14px,1.4vw,26px)}
.pbn-whyc__ico{display:flex;align-items:flex-end;height:116px}
.pbn-whyc__ico img{width:auto;height:auto;max-height:116px;transition:transform .6s var(--ease),filter .6s var(--ease)}
@media (hover:hover) and (pointer:fine){
	.pbn-whyc:hover{background:#07080c}
	.pbn-whyc:hover .pbn-whyc__ico img{transform:translateY(-5px);filter:brightness(1.2)}
}

/* =========================================================
   7 · FAQ + CONTACT
========================================================= */
.pbn-talk{padding-bottom:clamp(64px,6.4vw,122px)}
.pbn-talk__title{text-align:center}
.pbn-talk__grid{display:grid;grid-template-columns:810fr 760fr;gap:clamp(32px,2.6vw,51px);margin-top:clamp(36px,3.8vw,72px);align-items:start}
.pbn-faq{border-top:1px solid #e3e3e3}
.pbn-faq__item{border-bottom:1px solid #e3e3e3}
.pbn-faq__q{font-size:inherit;font-weight:inherit}
.pbn-faq__btn{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;padding:clamp(22px,1.8vw,34px) 0;border:0;background:none;color:#0b0b0b;font-size:clamp(17px,1.25vw,24px);font-weight:600;line-height:1.4;text-align:left;cursor:pointer}
.pbn-faq__btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.pbn-faq__icon{position:relative;flex-shrink:0;width:22px;height:22px;margin-top:.35em;transition:transform .45s var(--ease)}
.pbn-faq__icon::before,.pbn-faq__icon::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#111;border-radius:2px}
.pbn-faq__icon::after{transform:rotate(90deg)}
.pbn-faq__item.is-open .pbn-faq__icon{transform:rotate(45deg)}
.pbn-faq__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.pbn-faq__item.is-open .pbn-faq__panel{grid-template-rows:1fr}
.pbn-faq__inner{overflow:hidden}
.pbn-faq__inner p{padding:0 0 clamp(22px,1.6vw,30px);margin-top:-4px;font-size:clamp(15px,.95vw,18px);line-height:1.42;color:#111}

.pbn-form-card{position:relative;padding:clamp(24px,1.8vw,34px) clamp(20px,1.8vw,34px) clamp(28px,1.6vw,31px);background:linear-gradient(155deg,#063dff 0%,#1d4ff5 35%,#4d7ff4 65%,#a4c9f9 100%);color:#fff;overflow:hidden}
.pbn-form-card::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 0% 20%,rgba(6,61,255,.65),transparent 70%);pointer-events:none}
.pbn-form-card > *{position:relative}
.pbn-form-card__title{font-size:clamp(24px,1.7vw,33px);font-weight:600;line-height:1.3;color:#fff}
.pbn-form{margin-top:clamp(18px,1.5vw,28px)}
.pbn-form__row{display:grid;grid-template-columns:1fr 1fr;gap:27px}
.pbn-field{display:block;margin-bottom:clamp(16px,1.3vw,24px)}
.pbn-field > span{display:block;margin-bottom:10px;font-size:clamp(16px,1.05vw,20px);font-weight:400;color:#fff}
.pbn-field input,.pbn-field textarea{display:block;width:100%;height:54px;padding:0 18px;border:1px solid transparent;border-radius:0;background:#fff;color:#111;font-size:clamp(15px,.95vw,18px);outline:none;box-shadow:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.pbn-field textarea{height:128px;padding:14px 18px;resize:vertical;min-height:100px}
.pbn-field input::placeholder,.pbn-field textarea::placeholder{color:#7b7e86;opacity:1}
.pbn-field input:focus,.pbn-field textarea:focus{border-color:#0b0b0b;box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.pbn-form.was-validated .pbn-field :invalid{border-color:#ff5a5a;box-shadow:0 0 0 3px rgba(255,90,90,.35)}
.pbn-form__submit{margin-top:clamp(4px,.6vw,10px);min-width:258px;border:0}
.pbn-form__submit[disabled]{opacity:.75;cursor:progress}
.pbn-form__submit.is-sent{background:#e8fff0;color:#0d7a35}
.pbn-form__live{min-height:1.4em;margin-top:12px!important;font-size:15px;color:#fff}

/* =========================================================
   FOOTER
========================================================= */

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width:1199px){
	.pbn-svc__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.pbn-svc__panels{grid-column:1 / -1;margin-top:36px;max-width:820px}
		}
@media (max-width:1023px){
	.pbn-grid{grid-template-columns:repeat(2,1fr)}
	.pbn-talk__grid{grid-template-columns:1fr}
	.pbn-cta__in,.pbn-why__head{grid-template-columns:1fr;gap:20px}
	.pbn-cta__title,.pbn-why__title{max-width:none}
}
@media (max-width:767px){
	.pbn-body{--fx:0px}
	.pbn-frame{border:0}
	.pbn-frame__mark{display:none}
	.pbn-hero__ctas .pbn-btn{flex:1 1 220px}
	.pbn-stats__list{grid-template-columns:repeat(2,1fr);row-gap:32px}

	/* Dashboard: centre console only, re-scaled to a 600-unit artboard */
	.pbn-stage{margin-left:calc(var(--px) * -1);margin-right:calc(var(--px) * -1)}
	.pbn-stage__in{--u:calc(100cqw / 600);height:calc(var(--u) * 600)}
	.pbn-card--plan,.pbn-card--config,.pbn-card--int,.pbn-card--api{display:none}
	.pbn-card--erp{left:calc(var(--u) * 24);top:calc(var(--u) * 44);width:calc(var(--u) * 552);height:calc(var(--u) * 600)}
	.pbn-op__label{font-size:calc(var(--u) * 20)}
	.pbn-erp__label{font-size:calc(var(--u) * 14)}
	.pbn-ready__label{font-size:calc(var(--u) * 18)}
	.pbn-erp__name small{font-size:calc(var(--u) * 16)}

	.pbn-svc__grid{grid-template-columns:1fr}
	.pbn-svc__tabs{margin-bottom:28px}
	.pbn-svc__tab:first-child{margin-top:0}
	.pbn-svc__panels{margin-top:24px}
	.pbn-svc__media{max-width:480px}
	.pbn-grid{grid-template-columns:1fr}
	.pbn-grid__cell{padding:24px 20px 32px}
	.pbn-modc__ico{width:88px;height:88px}
	.pbn-whyc__ico{height:96px}
	.pbn-whyc__ico img{max-height:96px}
	.pbn-why__in{padding-left:20px;padding-right:20px}
	.pbn-form__row{grid-template-columns:1fr;gap:0}
	.pbn-form__submit{width:100%;min-width:0}
	.pbn-cta .pbn-btn{width:100%}
			}
@media (max-width:420px){
		.pbn-btn{padding:0 18px}
}

@media (prefers-reduced-motion:reduce){
	.pbn-stage__shards,.pbn-card,.pbn-plan i::after,.pbn-int__lines path,.pbn-int__list i,.pbn-pill--live i{animation:none!important}
}

/* Header menu buttons: remove the browser-default button border */

/* Remove the side frame lines and corner markers */
.pbn-frame{border-left:0;border-right:0}
.pbn-frame__mark{display:none}
.svcx-nb { white-space: nowrap; }