.case-hero{max-width:1140px;margin:auto;padding:80px 6% 0;text-align:center}.case-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.12;letter-spacing:-2.8px;margin:0 0 26px}.case-intro{max-width:650px;margin:0 auto 30px;color:var(--muted);font-size:19px;line-height:1.7}.case-path{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:64px 0 0;padding:25px 0;border-block:1px solid var(--line);font-size:14px;font-weight:600}.case-path a span{color:var(--red);margin-right:9px;font-size:11px}.path-arrow{color:#96a1ad}.case-story{max-width:1280px;margin:auto;padding:0 6%}.case-step{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;padding:85px 0;scroll-margin-top:30px}.case-step+.case-step{border-top:1px solid var(--line)}.case-step:nth-child(2) .case-copy{grid-column:2;grid-row:1}.case-step:nth-child(2) .case-screen{grid-column:1;grid-row:1}.case-copy h2{font-size:clamp(30px,3.1vw,43px);line-height:1.16;letter-spacing:-1.4px;margin:0 0 25px}.case-copy .eyebrow{color:var(--red);margin-bottom:22px}.step-number{display:inline-block;margin-right:12px;border-right:1px solid #cbd3dc;padding-right:14px}.case-copy p{color:var(--muted);font-size:16px;line-height:1.7}.case-copy .case-lead{color:var(--ink);font-weight:600;font-size:19px;line-height:1.5;margin-bottom:8px}.case-screen{min-width:0;margin:0;background:#fff;border:1px solid #d9e1e7;border-radius:12px;box-shadow:0 15px 45px #23334a10;overflow:hidden}.case-screen>a{display:block;height:345px;overflow:hidden;background:#edf2f4}.case-screen img{display:block;width:100%;height:auto}.case-screen figcaption{padding:13px 16px;font-size:10px;color:var(--muted);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line)}.case-screen figcaption a{color:var(--blue);text-decoration:underline}.case-close{text-align:center;background:#edf2f4;padding:65px 6% 70px;border-block:1px solid var(--line)}.case-close h2{font-size:clamp(42px,5vw,65px);letter-spacing:-2px;line-height:1.1;margin:0 0 20px}.case-close>p:not(.eyebrow){color:var(--muted);margin-bottom:28px}.case-next{max-width:1000px;margin:auto;padding:30px 6% 45px}.case-next summary{cursor:pointer;font-weight:600;font-size:15px}.case-next summary span{display:inline-block;font-weight:400;font-size:12px;color:var(--muted);margin-left:20px}.case-next details>div{padding-top:12px;font-size:14px;color:var(--muted)}.case-next small{font-size:11px}.site-footer{border-top:1px solid var(--line)}
@media(max-width:750px){.case-hero{padding-top:40px}.case-hero h1{font-size:clamp(32px,7.4vw,49px);letter-spacing:-1.4px}.case-intro{font-size:16px}.case-path{margin-top:38px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:22px 0}.path-arrow{display:none}.case-step{grid-template-columns:1fr;gap:25px;padding:45px 0}.case-step:nth-child(2) .case-copy,.case-step:nth-child(2) .case-screen{grid-column:auto;grid-row:auto}.case-copy h2{font-size:33px}.case-copy .case-lead{font-size:18px}.case-screen>a{height:280px}.case-close{padding:45px 6%}.case-close .eyebrow{font-size:9px}.case-next summary span{display:block;margin:8px 0 0}.case-next summary{line-height:1.4}}
/* Visual refinement: retain the concise workflow narrative. */
.case-hero{position:relative;isolation:isolate;max-width:none;padding:54px max(6%,calc((100% - 1060px)/2)) 0;background:radial-gradient(ellipse at 48% 20%,#fafbf9,#eff3f1 50%,#dbe4e8);overflow:hidden}.case-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(148deg,transparent 0 24%,#9ab3ab40 24.3%,#bdcec424 43%,transparent 43.4%),linear-gradient(32deg,transparent 0 66%,#90a8ba42 66.4%,#d4dfe733 87%,transparent 87.4%);pointer-events:none}.case-hero h1{font-size:clamp(38px,4.7vw,62px)}.case-path{margin-top:38px;padding:21px 0;border-color:#c4d1d6}.case-path a:nth-of-type(1) span{color:#235aa8}.case-path a:nth-of-type(2) span{color:#436644}.case-path a:nth-of-type(3) span{color:#08756d}.case-story{padding-top:5px}.case-step{padding:60px 0;gap:48px;grid-template-columns:.85fr 1.15fr;--step-color:#235aa8;--step-tint:#edf3fa}.case-step:nth-child(2){grid-template-columns:1.15fr .85fr;--step-color:#436644;--step-tint:#edf2e9}.case-step:nth-child(3){--step-color:#08756d;--step-tint:#e7f3ee}.case-copy .eyebrow{color:var(--step-color)}.step-number{border:0;padding:5px 9px;border-radius:5px;background:var(--step-tint);margin-right:8px}.case-screen{border:8px solid var(--step-tint);border-radius:14px;box-shadow:0 12px 30px #23334a15;outline:1px solid #dce5e9}.case-screen>a{height:345px;position:relative}.case-screen img{width:100%;max-width:none}.case-screen figcaption{background:#fff;border-top:1px solid #dce5e9;padding:12px 10px;font-size:10px}.case-step:nth-child(3) .case-screen>a{height:365px}.case-step:nth-child(3) .case-screen img{margin-top:-40px}.case-close{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#3b566d,transparent 65%),#23334a;color:#fff;padding:52px 6% 56px;border:0}.case-close::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(145deg,transparent 48%,#829d8617 48.2%,#829d8608 73%,transparent 73.2%)}.case-close .eyebrow{color:#bacfcb}.case-close>p:not(.eyebrow){color:#d7e1e8}.case-close .red{color:#ee7985}.case-close .button{background:#b52332;border-color:#d3606b}.case-close .button:hover{background:#961d2a}.case-next{padding-block:25px 30px}
@media(max-width:750px){.case-hero{padding:35px 6% 0}.case-hero h1{font-size:clamp(32px,7.4vw,49px)}.case-path{margin-top:28px;padding:20px 0}.case-step,.case-step:nth-child(2){grid-template-columns:1fr;gap:21px;padding:36px 0}.case-screen>a{height:260px}.case-step:nth-child(3) .case-screen>a{height:255px}.case-step:nth-child(3) .case-screen img{margin-top:-18px}.case-close{padding:40px 6% 45px}.case-screen{border-width:6px}}
.launch-actions{display:flex;justify-content:center;align-items:center;gap:25px}.button{cursor:pointer;font-family:inherit}.trial-note{font-size:12px;color:var(--muted);margin:12px 0 0}.connected-section{padding:40px max(6%,calc((100% - 1126px)/2)) 35px;background:linear-gradient(120deg,#eef3f7,#f1f5ef);border-top:1px solid var(--line)}.connected-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:25px}.connected-heading h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0}.connected-heading h2 br{display:none}.connected-heading .eyebrow{margin:0}.connected-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.connected-card{background:#ffffffd9;border:1px solid #dbe3e7;border-top:3px solid #6d6895;border-radius:10px;padding:26px}.connected-card.accounting{border-top-color:#43816f}.connected-card .eyebrow{font-size:10px;color:#625b86;margin-bottom:15px}.connected-card.accounting .eyebrow{color:#37715f}.connected-card h3{font-size:25px;line-height:1.25;margin:0 0 14px;letter-spacing:-.6px}.connected-card>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.integration-trademark{font-size:10px;color:var(--muted);margin:20px 0 0}.case-close .trial-invitation{font-size:22px;margin:0 0 25px}.case-close .trial-note{font-size:13px;margin:12px 0 22px;color:#d7e1e8}.demo-alternative{font-size:14px;color:#d7e1e8;text-decoration:underline;text-underline-offset:4px}dialog{max-width:480px;width:calc(100% - 36px);padding:35px;border:1px solid var(--line);border-radius:14px;color:var(--ink);box-shadow:0 24px 80px #0005}dialog::backdrop{background:#23334ab3}dialog h2{font-size:28px;line-height:1.2}dialog p{font-size:16px;color:var(--muted)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;color:var(--ink);cursor:pointer}header .button.small{white-space:nowrap}
@media(max-width:750px){.launch-actions{flex-wrap:wrap;gap:18px}.connected-section{padding:32px 6%}.connected-heading{display:block}.connected-heading .eyebrow{margin-bottom:16px}.connected-heading h2{font-size:29px}.connected-grid{grid-template-columns:1fr;gap:18px}.connected-card{padding:22px}.connected-card h3{font-size:23px}.case-close .trial-invitation{font-size:20px}.demo-alternative{display:block;max-width:290px;margin:auto}}
.case-story{background:#f7f9fa;border-inline:1px solid #e3e9ed;padding:24px 30px;max-width:1126px;margin:34px auto}.case-step{padding:34px 24px;position:relative}.case-step+.case-step{border-top:1px solid #d4dee5}.case-copy{position:relative}.case-screen{box-shadow:0 8px 22px #23334a12}.connected-section{padding-top:32px}.connected-heading{max-width:1126px;margin:0 auto 24px}.connected-grid{max-width:1126px;margin:auto}.mini-conversation{background:#f1eef7;border-radius:9px;padding:16px;margin:20px 0}.mini-conversation>span{font-size:9px;letter-spacing:1px;color:#6d6485}.mini-conversation p{font-size:14px;line-height:1.5;margin:12px 0 0}.mini-conversation .question{background:#fff;padding:10px;border-radius:8px}.mini-conversation .answer{padding-left:10px;border-left:3px solid #8173a6}.accounting-bridge{min-height:147px;display:flex;align-items:center;justify-content:center;gap:15px;background:#edf4ef;border-radius:9px;margin:20px 0;padding:20px}.accounting-bridge b{font-size:16px;line-height:1.4}.accounting-bridge span{color:#37715f;font-size:27px}.connected-card>p:last-child{margin-top:12px}.case-hero{padding-top:42px}.case-path{margin-top:30px}.integration-trademark{max-width:1126px;margin:20px auto 0}
@media(max-width:750px){.case-story{margin:20px 12px;padding:0 15px}.case-step{padding:28px 0}.accounting-bridge{gap:10px;padding:15px}.accounting-bridge b{font-size:14px}.case-hero{padding-top:30px}}

/* NetProphet service mark and companion wordmark. */
.service-mark{font-size:.6em;line-height:0;vertical-align:super;margin-left:1px}.netprophet-brand{margin-bottom:20px}.netprophet-wordmark{display:inline-block;font-family:inherit;font-size:31px;font-weight:650;letter-spacing:-1.3px;line-height:1.2;color:#23334a;white-space:nowrap}.netprophet-wordmark>span{color:#b52332;font-weight:750}.netprophet-wordmark sup{font-size:11px;font-weight:500;letter-spacing:0;vertical-align:super;margin-left:3px;color:#23334a}.netprophet-brand .eyebrow{margin:8px 0 0;color:#58677b;font-size:9px;letter-spacing:1.6px}.connected-card.prophet{border-top-color:#b52332}

/* Brand emphasis for role-based access. */
.role-assurance{max-width:1120px;margin:28px auto 0;padding:24px 28px;border:1px solid #edd9dc;border-left:5px solid #b52332;border-radius:0 10px 10px 0;background:linear-gradient(115deg,#fcf0f1 0%,#fffafa 48%,#fff 100%);box-shadow:0 5px 18px #23334a08;display:flex;align-items:center;gap:32px;box-sizing:border-box;color:#23334a}.role-assurance strong{font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:750;line-height:1.3;letter-spacing:-.5px;color:#b52332;flex:0 0 235px}.role-assurance p{margin:0;font-size:15px;line-height:1.65;color:#43546a}.case-screen figcaption .financial-access-note{flex-basis:100%;color:#52667e;font-size:11px}@media(max-width:1250px){.role-assurance{margin-inline:6%}}@media(max-width:750px){.role-assurance{display:block;padding:20px 22px;margin-top:22px}.role-assurance strong{display:block;font-size:21px;max-width:260px}.role-assurance p{margin-top:10px}}

/* Local proposal: a unified role reassurance. */
.role-assurance{display:block;text-align:center;padding:26px 24px 28px;border:1px solid #edd9dc;border-radius:10px;background:linear-gradient(110deg,#fffafa,#fcf0f1 50%,#fffafa);box-shadow:none}
.role-assurance::before{content:"";display:block;width:38px;height:3px;margin:0 auto 12px;border-radius:2px;background:#b52332}
.role-assurance strong{display:block;max-width:none;font-size:24px;line-height:1.3;letter-spacing:-.5px}
.role-assurance p{margin:8px auto 0;font-size:16px;line-height:1.5;max-width:680px}
@media(max-width:750px){.role-assurance{padding:22px 20px}.role-assurance strong{max-width:none;font-size:22px}.role-assurance p{font-size:15px;max-width:320px}}
