/* CashNet: blue surfaces, with quiet light areas for reading. */
body{background:#f2f5ff}
.cn-header{background:#f2f5ff}
.cn-login{background:#e1e9ff;border-color:#b6c9ff;color:#2045bd}
.cn-hero{position:relative;isolation:isolate}
.cn-hero:before{content:"";position:absolute;z-index:-1;inset:-20px -5vw -10px;background:radial-gradient(ellipse at 85% 40%,#a9c5ff 0,transparent 59%),radial-gradient(ellipse at 5% 100%,#d4e3ff 0,transparent 55%);pointer-events:none}
.cn-product{background:linear-gradient(145deg,#2354e7,#113296);box-shadow:0 30px 80px #173fa238;border:1px solid #7d9dfb}
.cn-product-top,.cn-product .cn-overline,.cn-product-bottom,.cn-caption{color:#d5e4ff}
.cn-device-tabs{background:#183a9d}
.cn-device-tabs button{color:#d5e4ff}
.cn-product-body{color:#172039}
.cn-strip{background:#183caa;color:#fff;border-color:#183caa}
.cn-strip span{color:#c8d7ff}.cn-strip .cn-wrap>div{border-color:#6e8ed0}
.cn-devices-section{background:linear-gradient(120deg,#dce7ff,#c1d5ff)}
.cn-device-grid article{background:#f8faff;border-color:#a9c2ff;box-shadow:0 9px 24px #2048dd08}
.cn-trial-banner{background:#dce7ff;border-color:#bfd0fb}
.cn-plan-featured{background:linear-gradient(145deg,#2855ed,#173cb8);color:#fff;box-shadow:0 20px 45px #2855ed29}
.cn-plan-featured .cn-overline,.cn-plan-featured>p{color:#d6e3ff}
.cn-plan-featured ul{border-color:#7695ef}.cn-plan-featured li:before{color:#a5d6ff}
.cn-plan-featured .btn-p{background:#fff;color:#2346be}.cn-plan-featured .btn-p:hover{background:#e8efff}
.cn-locations{background:radial-gradient(ellipse at 100% 0%,#3f7fff 0,transparent 60%),linear-gradient(120deg,#102b85,#2553e6)}
.cn-end{border-radius:26px;background:#dce7ff;padding-top:52px;padding-bottom:52px;margin-bottom:64px}
.cn-footer{max-width:none;background:#10285e;color:#e0eaff;border:0;padding-left:max(32px,calc((100vw - 1176px)/2));padding-right:max(32px,calc((100vw - 1176px)/2));padding-top:44px;padding-bottom:40px}
.cn-footer .cn-brand,.cn-footer .cn-brand:hover{color:#fff}.cn-footer-top>div a,.cn-footer-bottom{color:#c2d4f6}
.cn-footer-top>div a:hover{color:#fff}
@media(max-width:740px){.cn-hero:before{inset:0}.cn-end{border-radius:0;margin-bottom:0;padding-top:42px;padding-bottom:48px}.cn-footer{padding:32px 22px 112px}.cn-hero{overflow:hidden}}
