@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");
:root{--navy:#102c45;--ink:#17334b;--green:#37fab7;--mint:#b7facc;--blue:#1b75a8;--line:#d7e4e7;--pale:#b7faee;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 Poppins,Arial,sans-serif;background:var(--white)}a{color:inherit;text-decoration:none}p{max-width:680px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px max(5vw,24px);background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand img{width:132px;display:block}.site-header nav{display:flex;gap:22px;align-items:center;font-size:14px}.site-header nav a:hover,.site-header nav a.active{color:var(--green)}.nav-cta,.button{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:4px;font-weight:bold}.nav-cta,.primary{background:var(--green);color:#fff}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 12px}.hero,.section{padding:110px max(7vw,24px);max-width:1440px;margin:auto}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:linear-gradient(120deg,#f7fbfa,#fff)}h1,h2,h3{line-height:1.1;color:var(--navy);margin:12px 0 20px}h1{font-size:clamp(42px,5.5vw,76px);letter-spacing:-.05em;max-width:700px}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;max-width:720px}h3{font-size:23px}.lead{font-size:20px;color:#536979}.eyebrow,.tag{font-size:12px;letter-spacing:.15em;font-weight:bold;color:var(--green)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.secondary{border:1px solid var(--navy)}.ecosystem-hero{min-height:470px;position:relative}.orbit-line{position:absolute;inset:40px 12%;border:1px dashed #8ecdb6;border-radius:50%;transform:rotate(-18deg)}.node{position:absolute;padding:24px;border-radius:50%;width:180px;height:180px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 15px 35px #12382c18;border:8px solid #fff}.node span{font-size:12px;color:var(--green)}.node small{font-size:12px;color:#647985}.node-community{top:12%;left:0;background:#e5f5ed}.node-pq{top:35%;left:35%;background:var(--navy);color:#fff}.node-pq strong{color:#fff}.node-network{bottom:5%;right:0;background:#e8f2fa}.section-intro{margin-bottom:50px}.challenge{background:var(--pale)}.issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.issue{padding:28px;border-top:3px solid var(--green);background:white}.issue b{color:var(--green)}.lifecycle{margin-top:65px}.life-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}.life-row span{padding:11px 17px;border:1px solid var(--line);border-radius:30px;background:white}.life-row i{color:var(--green)}.callout{font-size:20px;font-weight:bold;border-left:4px solid var(--green);padding:4px 24px;margin-top:55px}.model{background:#eef6fa}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center}.flow-step{background:#fff;border:1px solid var(--line);padding:22px;min-height:130px}.flow-step strong{display:block;color:var(--navy);font-size:17px}.flow-step span{display:block;margin-top:10px;color:#657c8b;font-size:14px}.flow-step.active{background:var(--navy);color:white;border-color:var(--navy)}.flow-step.active strong{color:#fff}.flow-arrow{font-size:28px;color:var(--green);padding:0 12px}.principles{margin-top:32px;padding:20px 24px;background:white;border-left:3px solid var(--blue)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-col .section-intro{grid-column:1/-1}.audience-card{padding:38px;background:var(--mint)}.audience-card.dark{background:var(--navy);color:#fff}.audience-card.dark h3{color:#fff}.audience-card ul{padding-left:20px}.audience-card li{margin:10px 0}.connected{background:var(--pale)}.centered{text-align:center;margin-inline:auto}.centered p{margin-inline:auto}.network{position:relative;max-width:850px;height:460px;margin:auto}.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:24px;font-weight:bold}.network-center span{font-size:11px;font-weight:normal;color:#bcebd8;margin:8px 18px}.pill{position:absolute;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 20px #1435480c;font-size:14px}.p1{top:4%;left:37%}.p2{top:17%;right:4%}.p3{top:48%;right:0}.p4{bottom:4%;right:16%}.p5{bottom:0;left:38%}.p6{bottom:12%;left:2%}.p7{top:47%;left:0}.p8{top:17%;left:5%}.p9{top:0;right:37%}.business{display:grid;grid-template-columns:1fr 1fr;gap:70px}.benefit-list div{border-bottom:1px solid var(--line);padding:20px 0}.benefit-list span{color:var(--green);margin-right:20px}.benefit-list p{margin-left:51px;color:#657c8b}.integration{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#f1f8f9}.layers{display:grid;gap:10px;align-content:center}.layers div{padding:22px;background:#fff;border:1px solid var(--line);text-align:center}.layers .layer-core{background:var(--green);color:#fff;font-weight:bold;border-color:var(--green)}.closing{padding:100px max(7vw,24px);background:var(--navy);color:#d9e7ec}.closing h2{color:#fff;max-width:850px}.closing p{max-width:700px}.light{background:#fff;color:var(--navy)}.outline-light{border:1px solid #b7d4d7;color:#fff}footer{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:45px;padding:60px max(7vw,24px);background:#0b2235;color:#b8cbd2;position:relative}footer img{width:130px;filter:brightness(0) invert(1);margin-bottom:12px}footer strong{display:block;color:#fff;margin-bottom:12px}footer a{display:block;margin:5px 0}.placeholder{color:#8ca4ae}.copyright{grid-column:1/-1;border-top:1px solid #294252;padding-top:20px;font-size:13px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.js .reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.site-header nav{gap:11px;font-size:12px}.flow{grid-template-columns:1fr}.flow-arrow{text-align:center;transform:rotate(90deg);padding:4px}.hero{grid-template-columns:1fr;min-height:auto}.ecosystem-hero{min-height:420px}.business,.integration{gap:35px}}@media(max-width:700px){.site-header{padding:13px 20px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:67px;left:0;right:0;padding:18px 24px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.nav-cta{text-align:center;justify-content:center}.hero,.section{padding:75px 20px}h1{font-size:45px}.issue-grid,.two-col,.business,.integration{grid-template-columns:1fr}.two-col .section-intro{grid-column:auto}.node{width:145px;height:145px;padding:12px;font-size:14px}.node-community{left:0}.node-pq{left:30%}.node-network{right:0}.network{height:620px}.p1{top:0;left:15%}.p2{top:12%;right:0}.p3{top:27%;right:0}.p4{bottom:10%;right:0}.p5{bottom:0;left:23%}.p6{bottom:16%;left:0}.p7{top:43%;left:0}.p8{top:20%;left:0}.p9{top:7%;right:14%}footer{grid-template-columns:1fr}.copyright{grid-column:auto}.life-row{gap:8px}.life-row i{display:none}}.site-header nav a{display:inline-flex;align-items:center;padding:10px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 12px #1435480d;font-weight:500;transition:all .2s ease}.site-header nav a:hover,.site-header nav a.active{color:var(--navy);border-color:var(--green);background:var(--mint);box-shadow:0 7px 18px #14354816;transform:translateY(-1px)}.site-header nav a[href="#contact"]{background:var(--green);border-color:var(--green);color:#fff}.site-header nav a[href="#contact"]:hover{background:#148b67;border-color:#148b67;color:#fff}.site-header nav{gap:10px}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:500 14px/1.2 Poppins,Arial,sans-serif;cursor:pointer;box-shadow:0 4px 12px #1435480d}.nav-dropdown-toggle .nav-chevron{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.nav-dropdown-menu{position:absolute;top:calc(100% + 9px);left:0;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 30px #1435481f;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s ease;z-index:20}.nav-dropdown-menu a{display:block!important;padding:10px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;white-space:nowrap}.nav-dropdown-menu a:hover{background:var(--mint)!important;color:var(--navy)!important;transform:none!important}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle{border-color:var(--green);background:var(--mint)}.nav-dropdown:hover .nav-dropdown-toggle .nav-chevron,.nav-dropdown:focus-within .nav-dropdown-toggle .nav-chevron{transform:rotate(180deg)}@media(max-width:700px){.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;justify-content:space-between}.nav-dropdown-menu{position:static;display:none;min-width:0;margin-top:8px;box-shadow:none;transform:none}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block;opacity:1;visibility:visible}}.site-header{position:sticky}.site-header nav{position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:700px){.site-header nav{position:absolute;left:0;right:0;transform:none}}

/* Product dropdown: distinct, restrained control with a clear chevron. */
.nav-dropdown-toggle{min-height:43px;padding:7px 9px 7px 15px;border-color:#b9d9cf;background:#f2faf6;color:#0f4d42;font-weight:600;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.nav-dropdown-toggle .nav-chevron{width:24px;height:24px;padding:5px;border-radius:50%;background:#d9f0e6;stroke:#087f60;stroke-width:2.2}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle{background:#e9f6f0;border-color:#1aa77b;box-shadow:0 6px 18px #14354818}

/* Payquest mint palette: keep dark text legible on bright accents. */
.primary,.nav-cta,.site-header nav a[href="#contact"],.layers .layer-core{color:var(--navy)}
.site-header nav a[href="#contact"]:hover{background:#26dfa1;border-color:#26dfa1;color:var(--navy)}
.eyebrow,.tag,.issue b,.node span{color:#087f60}
.hero{background:linear-gradient(120deg,#eafff7,#fff 70%)}
.node-community{background:var(--mint)}.node-network{background:var(--pale)}
.nav-dropdown-toggle{background:var(--pale);border-color:#7edfb9;color:var(--navy)}
.nav-dropdown-toggle .nav-chevron{background:var(--mint);stroke:var(--navy)}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle{background:var(--mint);border-color:var(--green)}

.node-pq span,.audience-card.dark .tag,.closing .eyebrow{color:var(--mint)}

/* Corporate buttons: navy carries the action, mint stays an accent. */
.primary,.nav-cta,.site-header nav a[href="#contact"]{background:var(--navy);border-color:var(--navy);color:#fff}
.primary:hover,.site-header nav a[href="#contact"]:hover{background:#173e5c;border-color:#173e5c;color:#fff}
.nav-dropdown-toggle{background:#fff;border-color:var(--line);color:var(--navy);font-weight:700;box-shadow:0 4px 12px #1435480d}
.nav-dropdown-toggle .nav-chevron{width:15px;height:15px;padding:0;border-radius:0;background:transparent;stroke:var(--navy);stroke-width:2}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle{background:#fff;border-color:#9db9bf;box-shadow:0 6px 16px #14354816}

/* Keep navigation links neutral, including the active Overview state. */
.site-header nav a:hover,.site-header nav a.active{background:#fff;border-color:#9db9bf;color:var(--navy);box-shadow:0 4px 12px #1435480d;transform:none}
.site-header nav a.active{font-weight:700}

.site-header nav a[href="#contact"].active{background:var(--navy);border-color:var(--navy);color:#fff}

/* Soft farmer photo behind the homepage hero. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background:url("/demo1/assets/images/payquest-hero.webp") center/cover no-repeat;filter:grayscale(1) contrast(.85);opacity:.3;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.83) 38%,rgba(255,255,255,.36) 100%);pointer-events:none}
.hero-copy{position:relative;z-index:1}.hero .ecosystem-hero{display:none}
@media(max-width:700px){.hero{min-height:620px}.hero::before{background-position:62% center;opacity:.2}.hero::after{background:rgba(255,255,255,.72)}}

/* Full-width hero, with the copy held to a readable column. */
.hero{width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,650px) minmax(0,1fr)}
.hero .button.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.hero .button.primary:hover{background:#173e5c;border-color:#173e5c;color:#fff}
@media(max-width:1000px){.hero{grid-template-columns:1fr}}

/* Align the full-width hero copy with the header and reduce left gutter. */
.site-header,.hero{padding-left:max(24px,2.5vw);padding-right:max(24px,2.5vw)}
.hero::after{background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.73) 35%,rgba(255,255,255,.28) 100%)}
@media(max-width:700px){.site-header,.hero{padding-left:20px;padding-right:20px}.hero::after{background:rgba(255,255,255,.72)}}

/* Responsive hero sizing: show more of the next section on laptop screens. */
.hero{min-height:clamp(560px,70vh,660px);padding-top:clamp(64px,8vh,88px);padding-bottom:clamp(64px,8vh,88px)}
.hero::before{background-position:center 45%}
@media(max-width:1000px){.hero{min-height:0;padding-top:72px;padding-bottom:80px}}
@media(max-width:700px){.hero{min-height:0;padding-top:68px;padding-bottom:76px}.hero::before{background-position:62% center}}

/* Keep sections aligned with the full-width hero and its tighter rhythm. */
.section{max-width:none;margin:0;padding:clamp(72px,8vh,96px) max(2.5vw,24px)}
.section-intro{margin-bottom:40px}
.challenge,.connected{background:#effbf8}
.issue-grid,.flow,.principles,.lifecycle{max-width:1600px}
.business .benefit-list,.integration .layers{width:100%;max-width:720px;justify-self:end}
.closing{padding:clamp(72px,8vh,96px) max(2.5vw,24px)}
footer{padding:64px max(2.5vw,24px)}
section[id]{scroll-margin-top:84px}
@media(max-width:700px){.section{padding:64px 20px}.section-intro{margin-bottom:32px}.closing{padding:72px 20px}footer{padding:56px 20px}.business .benefit-list,.integration .layers{max-width:none}}

.section-intro.centered h2{margin-left:auto;margin-right:auto}

/* Full-width section backgrounds, with comfortable content width. */
.section{padding:0}
.section-inner{width:100%;max-width:1600px;margin-inline:auto;padding:clamp(72px,8vh,96px) max(2.5vw,24px)}
.two-col,.business,.integration{display:block}
.two-col>.section-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.business>.section-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px}
.integration>.section-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px}
@media(max-width:1000px){.business>.section-inner,.integration>.section-inner{gap:35px}}
@media(max-width:700px){.section-inner{padding:64px 20px}.two-col>.section-inner,.business>.section-inner,.integration>.section-inner{grid-template-columns:1fr}}

/* Final content measure for wide displays. */
.section-inner{max-width:1440px;padding-left:max(4vw,24px);padding-right:max(4vw,24px)}
@media(max-width:700px){.section-inner{padding-left:20px;padding-right:20px}}

/* Compact site shell with measured side gutters. */
body{background:#f4f8f7}
.site-header,main,footer{width:calc(100% - 64px);max-width:1520px;margin-left:auto;margin-right:auto}
main{background:#fff}
.hero{min-height:clamp(520px,65vh,610px);padding-top:clamp(56px,7vh,76px);padding-bottom:clamp(56px,7vh,76px)}
h1{font-size:clamp(40px,4.8vw,66px)}h2{font-size:clamp(30px,3.2vw,46px)}h3{font-size:21px}.lead{font-size:18px}
.section-inner{padding-top:clamp(60px,7vh,80px);padding-bottom:clamp(60px,7vh,80px)}
.section-intro{margin-bottom:32px}.issue{padding:24px}.audience-card{padding:30px}.benefit-list div{padding-top:16px;padding-bottom:16px}
.closing{padding-top:72px;padding-bottom:72px}footer{padding-top:56px;padding-bottom:56px}
@media(max-width:1000px){.hero{min-height:0;padding-top:64px;padding-bottom:72px}}
@media(max-width:700px){.site-header,main,footer{width:100%}.hero{padding-top:64px;padding-bottom:72px}h1{font-size:clamp(38px,10vw,44px)}.section-inner{padding-top:56px;padding-bottom:56px}.section-intro{margin-bottom:28px}}