/* Shared styles for the /crm and /helpdesk product pages. */
:root{--font-display:'Poppins',system-ui,sans-serif;--font-body:'Poppins',system-ui,sans-serif;--text-inverse-muted:rgba(255,255,255,.82);
--canvas:#FBFDFB;--surface:#FFFFFF;--mint-50:#F2FBF8;--mint-100:#DBF2E9;--mint-200:#CCEEE3;--green-500b:#3D825E;--green-700b:#2A5E44;--green-800b:#24513B;--green-900b:#0F2B1E;--lime:#D5F382;--ink-a:#1B1E20;--ink-mutedb:#4A5652;--border-a:#E3EDE8;
--shadow-md-g:0 8px 24px -8px rgba(36,81,59,.14);--shadow-lg-g:0 24px 56px -16px rgba(15,43,30,.22)}
body{margin:0;background:var(--canvas);font-family:var(--font-body);color:var(--ink-a);-webkit-font-smoothing:antialiased}
a{color:var(--green-700b)}a:hover{color:var(--green-500b)}
.gain-navlink:hover{background:var(--action-ghost-bg-hover);color:var(--text-strong)}
.gain-wordmark:hover{opacity:.85}
.mega-link{display:block;padding:9px 0;font:var(--weight-medium) var(--text-md)/1.25 var(--font-body);color:var(--text-body);text-decoration:none;white-space:nowrap;transition:color .18s,translate .18s}
.mega-link:hover{color:var(--green-700);translate:3px 0}
.mega-more{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font:var(--weight-regular) var(--text-xs)/1 var(--font-mono);color:var(--green-700);text-decoration:none}
.mega-more:hover{color:var(--green-600)}
.mega-card{display:flex;flex-direction:column;gap:8px;width:250px;padding:22px 22px 20px;border-radius:var(--radius-md);background:var(--gradient-mint);border:1px solid var(--green-100);text-decoration:none;transition:box-shadow .25s,translate .25s}
.mega-card:hover{box-shadow:var(--shadow-md);translate:0 -2px}
@media(max-width:1000px){.nav-desktop{display:none!important}.nav-mobile{display:inline-flex!important}}

/* ---- page shell ---- */
.pp{position:relative;overflow-x:clip}
.aurora{position:absolute;inset:-6% -6% auto -6%;height:820px;z-index:0;pointer-events:none;contain:paint;background:
 radial-gradient(34% 40% at 18% 24%,rgba(204,238,227,.95) 0%,rgba(204,238,227,0) 70%),
 radial-gradient(30% 34% at 44% 12%,rgba(213,243,130,.34) 0%,rgba(213,243,130,0) 72%),
 radial-gradient(36% 40% at 78% 34%,rgba(178,229,225,.7) 0%,rgba(178,229,225,0) 72%),
 radial-gradient(30% 36% at 92% 8%,rgba(219,242,233,.9) 0%,rgba(219,242,233,0) 70%);
 filter:blur(60px);animation:ppDrift 13s ease-in-out infinite alternate;will-change:transform;transform:translateZ(0)}
@keyframes ppDrift{from{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.06)}}
.pp-sec{position:relative;z-index:1;padding:92px 48px}
.pp-sec--surface{background:var(--surface);border-top:1px solid var(--border-a);border-bottom:1px solid var(--border-a)}
.pp-sec--mint{background:var(--mint-100);border-top:1px solid var(--mint-200);border-bottom:1px solid var(--mint-200)}
.pp-sec--dark{background:var(--green-900b);color:#fff}
.pp-hero{padding:172px 48px 96px}
.pp-wrap{max-width:1144px;margin:0 auto}
.pp-col{max-width:760px}

/* ---- type ---- */
.pp-eyebrow{margin:0 0 24px;font:500 12px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--green-700b)}
.pp-h1{margin:0;min-height:2.16em;max-width:var(--h1w,22ch);font:600 clamp(38px,5.2vw,60px)/1.08 var(--font-display);letter-spacing:-.032em;color:var(--ink-a);text-wrap:balance}
.pp-lede{min-height:3.2em;max-width:64ch;margin:28px 0 0;font:400 18px/1.6 var(--font-body);color:var(--ink-mutedb);text-wrap:pretty}
.pp-price-line{margin:20px 0 0;font:500 17px/1.5 var(--font-body);color:var(--ink-a);font-variant-numeric:tabular-nums}
.pp-h2{margin:0;max-width:24ch;font:600 clamp(28px,3.4vw,40px)/1.14 var(--font-display);letter-spacing:-.028em;color:var(--ink-a);text-wrap:pretty}
.pp-sec--dark .pp-h2{color:#fff;max-width:20ch;font-variant-numeric:tabular-nums}
.pp-body{display:flex;flex-direction:column;gap:20px;margin-top:26px;max-width:68ch}
.pp-body p{margin:0;font:400 17px/1.68 var(--font-body);color:var(--ink-mutedb);text-wrap:pretty}
.pp-sec--dark .pp-body p{color:rgba(255,255,255,.86)}
.pp-note{margin:26px 0 0;font:400 15px/1.6 var(--font-body);color:var(--ink-mutedb)}
.pp-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:22px;font:600 16px/1 var(--font-body);color:var(--green-700b);text-decoration:none}
.pp-link:hover{color:var(--green-500b);text-decoration:underline;text-underline-offset:4px}
.pp-sec--dark .pp-link{color:var(--lime)}
.pp-sec--dark .pp-link:hover{color:#E6F9B4}

/* ---- buttons ---- */
.pp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:34px}
.pp-cta{display:inline-flex;align-items:center;min-height:50px;padding:0 26px;border-radius:999px;background:var(--green-500b);color:#fff;text-decoration:none;font:600 16px/1 var(--font-body);box-shadow:var(--shadow-md-g);transition:background-color .18s ease-out,transform .18s ease-out}
.pp-cta:hover{background:var(--green-700b);color:#fff;transform:translateY(-1px)}
.pp-sec--dark .pp-cta{background:var(--lime);color:var(--green-900b)}
.pp-sec--dark .pp-cta:hover{background:#E1F79E;color:var(--green-900b)}
.pp-alt{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 4px;font:600 16px/1 var(--font-body);color:var(--green-700b);text-decoration:none}
.pp-alt:hover{color:var(--green-500b);text-decoration:underline;text-underline-offset:4px}
.pp-trust{margin:20px 0 0;font:400 14.5px/1.5 var(--font-body);color:var(--ink-mutedb)}
.pp-sec--dark .pp-trust{color:rgba(255,255,255,.82)}

/* ---- feature band ---- */
.pp-band{margin-top:40px}
.pp-band-h{margin:0 0 0;padding-bottom:12px;font:500 12px/12px var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--green-700b);border-bottom:1px solid var(--border-a)}
.pp-band-grid{--rowh:116px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:linear-gradient(var(--border-a) 0 1px,transparent 1px) 0 0/100% var(--rowh)}
.pp-band-grid li{display:flex;flex-direction:column;height:var(--rowh);box-sizing:border-box;padding:18px 26px 18px 0}
.pp-feat{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font:500 16px/1.4 var(--font-body);color:var(--ink-a);text-decoration:none;text-underline-offset:4px}
a.pp-feat:hover{color:var(--green-700b);text-decoration:underline}
.feature-link--pending{cursor:default}
.pp-feat small,.pp-band-grid li small{display:block;margin-top:6px;font:400 14px/1.45 var(--font-body);color:var(--ink-mutedb)}
.pp-badge{padding:3px 9px;border-radius:999px;background:var(--mint-200);color:var(--green-700b);font:500 11px/1.2 var(--font-body);letter-spacing:.04em;white-space:nowrap}

/* ---- faq ---- */
.pp-acc{margin-top:34px;border-top:1px solid var(--border-a)}
.pp-acc details{border-bottom:1px solid var(--border-a)}
.pp-acc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 0;cursor:pointer;list-style:none;font:600 18px/1.4 var(--font-display);color:var(--ink-a)}
.pp-acc summary::-webkit-details-marker{display:none}
.pp-acc summary:hover{color:var(--green-700b)}
.pp-acc-i{flex:0 0 auto;color:var(--green-700b);transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.pp-acc details[open] .pp-acc-i{transform:rotate(180deg)}
.pp-acc-a{margin:0;padding:0 0 22px;max-width:72ch;font:400 17px/1.65 var(--font-body);color:var(--ink-mutedb);text-wrap:pretty}

/* ---- helpdesk loop ---- */
.pp-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin-top:38px;border-top:1px solid var(--border-a);border-bottom:1px solid var(--border-a)}
.pp-loop-s{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 26px 26px 0}
.pp-loop-s+.pp-loop-s{padding-left:26px;border-left:1px solid var(--border-a)}
.pp-loop-n{font:400 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;color:var(--green-700b)}
.pp-loop-t{font:600 19px/1.3 var(--font-display);letter-spacing:-.014em;color:var(--ink-a)}
.pp-loop-d{margin:0;font:400 15px/1.55 var(--font-body);color:var(--ink-mutedb)}
.pp-loop-cap{margin:20px 0 0;max-width:70ch;font:400 15px/1.6 var(--font-body);color:var(--ink-mutedb)}

/* ---- price band ---- */
.pp-sec--dark .pp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 6px;font-variant-numeric:tabular-nums}
.pp-num{font:600 clamp(44px,6vw,76px)/1 var(--font-display);letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums}
.pp-per{font:400 17px/1.4 var(--font-body);color:rgba(255,255,255,.82)}

/* ---- motion ---- */
.pp-motion .pp-rev{opacity:0;transform:translateY(12px);transition:opacity .35s cubic-bezier(.25,.46,.45,.94),transform .35s cubic-bezier(.25,.46,.45,.94)}
.pp-motion .pp-rev.is-in{opacity:1;transform:none}
.pp-motion .pp-loop .pp-loop-s{opacity:0;transform:translateY(12px);transition:opacity .35s cubic-bezier(.25,.46,.45,.94) var(--sd,0s),transform .35s cubic-bezier(.25,.46,.45,.94) var(--sd,0s)}
.pp-motion .pp-loop.is-in .pp-loop-s{opacity:1;transform:none}

@media(max-width:1000px){.pp-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-loop-s:nth-child(3){border-left:0;padding-left:0}.pp-loop-s:nth-child(n+3){border-top:1px solid var(--border-a)}}
@media(max-width:720px){
 .pp-sec{padding:68px 24px}.pp-hero{padding:140px 24px 72px}
 .pp-band-grid{--rowh:auto;grid-template-columns:1fr;background:none}
 .pp-band-grid li{height:auto;padding:18px 0;border-bottom:1px solid var(--border-a)}
 .pp-loop{grid-template-columns:1fr}.pp-loop-s,.pp-loop-s+.pp-loop-s{padding:20px 0;border-left:0}.pp-loop-s+.pp-loop-s{border-top:1px solid var(--border-a)}
 .pp-h1{min-height:0}.pp-lede{min-height:0;font-size:17px}.pp-body p,.pp-acc-a{font-size:16.5px}
 .pp-actions{flex-direction:column;align-items:stretch}.pp-cta,.pp-alt{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.aurora{animation:none}.pp-cta{transition:none}
 .pp-motion .pp-rev,.pp-motion .pp-loop .pp-loop-s{opacity:1;transform:none;transition:none}}