/* platform: a ported GHL editor page (src/lib/ghl-page.mjs). * * Only the STRUCTURE GHL's own runtime would have supplied lives here: the section's * content width, rows as flex, columns stacking on a phone, the text reset, the button * shape, the popup. Every colour, size and weight comes from the page's own per-element * rules, which is what keeps the copy looking the way it was designed in GHL. */ .pf-np{min-height:100vh;color:var(--text-color,#000);font-family:var(--contentfont,ui-sans-serif),ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased} .pf-np-sec{position:relative} /* GHL's content width. Its "full width" section class stretches the BACKGROUND, not the text. */ .pf-np-in{max-width:1170px;margin:0 auto} .pf-np-row{display:flex;flex-wrap:wrap;align-items:stretch;margin-left:auto;margin-right:auto} /* ⚠️ A COLUMN'S PADDING IS INSIDE ITS SHARE, as in GHL (border-box). Content-box added each column's padding on top of its 50%, so two columns came to just over 100% and the second wrapped under the first (the Nueva sales page's LITE / PRO cards, 2026-09-30). */ .pf-np-col{display:flex;flex-direction:column;min-width:0;box-sizing:border-box} .pf-np-t{font-size:17px;line-height:1.3} .pf-np-t :where(h1,h2,h3,h4,h5,h6,p){margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit} .pf-np-t :where(strong,b){font-weight:700} .pf-np-t a{color:var(--link-color,inherit)} /* GHL's editor writes a blank line as

and shows it as one. */ .pf-np-t p:empty::before{content:"\00a0"} .pf-np-btn{display:inline-block;box-sizing:border-box;max-width:100%;text-decoration:none;text-align:center;cursor:pointer;line-height:1.5;transition:filter .15s} .pf-np-btn:hover{filter:brightness(1.08)} .pf-np-btn:focus-visible{outline:3px solid var(--link-color,#295bac);outline-offset:3px} .pf-np-sub{display:block;font-size:.8em;font-weight:400;opacity:.9} .pf-np-img img{display:inline-block;max-width:100%;height:auto} .pf-np-div hr{border:0;border-top:var(--pf-hr,1px solid #E2E8F0);width:var(--pf-hr-w,100%);margin:0 auto} /* GHL pads each icon 16px (its p-3), which is also what spaces them: 56px apart at 24px. */ .pf-np-social{display:flex;flex-wrap:wrap} .pf-np-social a{display:block;box-sizing:content-box;width:var(--pf-si,24px);height:var(--pf-si,24px);padding:16px;line-height:0} .pf-np-social a:focus-visible{outline:3px solid var(--link-color,#295bac);outline-offset:3px} .pf-np-pop{position:fixed;inset:0;margin:auto;max-height:calc(100vh - 32px);overflow:auto;border:0;box-sizing:border-box} .pf-np-pop:not([open]){display:none} .pf-np-pop::backdrop{background:rgba(0,0,0,.5)} .pf-np-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:99px;background:rgba(0,0,0,.06);font:24px/1 system-ui,sans-serif;color:#333;cursor:pointer} .pf-np-x:focus-visible{outline:3px solid var(--link-color,#295bac)} /* html body: outranks a GHL custom class like "block" that the page's own styles force visible (GLP's What Is ORYGN hid "VIDEO 1" on phones in GHL and showed it here, 2026-09-30). */ html body .pf-np-hd{display:none!important} @media (max-width:767px){ .pf-np-col{flex:0 0 100%!important;max-width:100%!important} .pf-np-btn{display:block;width:100%} html body .pf-np-hm{display:none!important} html body .pf-np-hd{display:revert!important} } @media (prefers-reduced-motion:reduce){.pf-np-btn{transition:none}} /* A GHL bullet list: the copy's own