/* bv-solutions.css: the Bruviti Solutions Page page's own styles. GENERATED by
   tools/build-page-css.py from the design package page; do not edit by hand. */
/*@section:reset*/
body.bv-design.solutions-page{font-size:16px;line-height:normal}
body.bv-design.solutions-page::before{content:none}
body.bv-design :where(.bvp-solutions) :where(h1,h2,h3,h4,p){color:inherit;letter-spacing:normal;position:static;font-size:inherit;line-height:inherit;font-weight:inherit;overflow-wrap:normal}
body.bv-design :where(.bvp-solutions) a{transition:none;position:static}
@media (hover:hover){body.bv-design :where(.bvp-solutions) a:hover{text-decoration:none}}body.bv-design :where(.bvp-solutions) :where(img,svg,video){max-width:none;height:revert}
body.bv-design :where(.bvp-solutions) :where(img,picture,video,canvas,svg){display:revert}
body.bv-design :where(.bvp-solutions) :where(*)::before,body.bv-design :where(.bvp-solutions) :where(*)::after{box-sizing:content-box}
body.bv-design :where(.bvp-solutions) .container{width:auto;overflow:visible}
body.bv-design :where(.bvp-solutions, .xv) *{max-width:none}
/*@page:Bruviti Solutions Page.html -> .bvp-solutions (kept 63, pruned 3)*/
body.bv-design :where(.bvp-solutions) .sh{padding-bottom:0}
body.bv-design :where(.bvp-solutions) .jump{margin-top:44px;padding:20px 0 28px;border-top:1px solid var(--dline);width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
body.bv-design :where(.bvp-solutions) .jump a{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.45);font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap}
@media (hover:hover){body.bv-design :where(.bvp-solutions) .jump a:hover{border-color:#fff;color:#fff}}body.bv-design :where(.bvp-solutions) .caps{list-style:none;margin-top:28px;display:grid;gap:14px}
body.bv-design :where(.bvp-solutions) .caps li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:baseline}
body.bv-design :where(.bvp-solutions) .caps b{display:block;font-size:17px;font-weight:500;line-height:1.35}
body.bv-design :where(.bvp-solutions) .indb{padding:88px 0;border-top:1px solid var(--border)}
body.bv-design :where(.bvp-solutions) .b2{padding:88px 0 0}
body.bv-design :where(.bvp-solutions) .b2 .top{display:grid;gap:16px}
body.bv-design :where(.bvp-solutions) .b2 h2{font-size:40px;font-weight:300;line-height:1.14;letter-spacing:-.015em}
body.bv-design :where(.bvp-solutions) .b2 .top p{margin-top:0;max-width:48ch}
body.bv-design :where(.bvp-solutions) .b2 .mid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:48px 0 56px;align-items:start}
body.bv-design :where(.bvp-solutions) .b2 .pic{aspect-ratio:3/2;background:#E4E4E4;display:grid;place-items:center;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#767676}
body.bv-design :where(.bvp-solutions) .b2 .caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body.bv-design :where(.bvp-solutions) .b2 .cap h3{font-size:20px;font-weight:400;line-height:1.3;text-wrap:balance;padding-top:14px;border-top:2px solid var(--orange)}
body.bv-design :where(.bvp-solutions) .b2 .cap p{margin-top:10px;font-size:15px;font-weight:300;line-height:1.55;color:var(--body)}
body.bv-design :where(.bvp-solutions) .b2 .kp{grid-column:2;margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:22px;border-top:1px solid var(--border)}
body.bv-design :where(.bvp-solutions) .b2 .kp .l{grid-column:1/-1;font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:-14px}
body.bv-design :where(.bvp-solutions) .b2 .kp b{font-size:22px;font-weight:300;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
body.bv-design :where(.bvp-solutions) .b2 .uc{background:var(--mist);padding:40px 0 48px}
body.bv-design :where(.bvp-solutions) .b2 .uc .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
body.bv-design :where(.bvp-solutions) .b2 .uc h3{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
body.bv-design :where(.bvp-solutions) .b2 .ucg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.bv-design :where(.bvp-solutions) .b2 .ucg a{background:#fff;border:1px solid var(--border);padding:16px 18px 18px;min-height:84px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font-size:17px;font-weight:400;line-height:1.35;color:var(--ink)}
body.bv-design :where(.bvp-solutions) .b2 .ucg a::after{content:"→";color:var(--copper)}
@media (hover:hover){body.bv-design :where(.bvp-solutions) .b2 .ucg a:hover{border-color:var(--ink);color:var(--copper)}}body.bv-design :where(.bvp-solutions) .b2 .kp b{display:flex;gap:10px;align-items:baseline}
body.bv-design :where(.bvp-solutions) .b2 .kp b{flex-direction:column;align-items:flex-start;gap:12px}
body.bv-design :where(.bvp-solutions) .b2 .kp b i{flex:0 0 auto;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent}
body.bv-design :where(.bvp-solutions) .b2 .kp b i.up{border-bottom:14px solid var(--orange)}
body.bv-design :where(.bvp-solutions) .b2 .kp b i.dn{border-top:14px solid var(--orange)}
body.bv-design :where(.bvp-solutions) .b2 .cap h3{min-height:2.6em}
body.bv-design :where(.bvp-solutions) .indb{padding:88px 0}
body.bv-design :where(.bvp-solutions) .indb .lk{border-top:0;padding-top:0}
body.bv-design :where(.bvp-solutions) .indb .lk ul{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
body.bv-design :where(.bvp-solutions) .indb .intro{margin-top:16px;max-width:44ch}
body.bv-design :where(.bvp-solutions) .b2 .pic{overflow:hidden}
body.bv-design :where(.bvp-solutions) .b2 .pic img{display:block;width:100%;height:100%;object-fit:cover}
body.bv-design :where(.bvp-solutions) .b2.flip .mid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
body.bv-design :where(.bvp-solutions) .b2.flip .mid>.pic{order:2}
body.bv-design :where(.bvp-solutions) .b2.flip .kp{grid-column:1}
body.bv-design :where(.bvp-solutions) .indb .g2>.lk{margin-top:50px}
@media (max-width:860px){
body.bv-design :where(.bvp-solutions) .jump{margin-top:32px;padding:16px 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.bv-design :where(.bvp-solutions) .jump a{justify-content:center;white-space:normal;text-align:center;padding:0 8px;font-size:13px}
body.bv-design :where(.bvp-solutions) .b2{padding:56px 0 0}
body.bv-design :where(.bvp-solutions) .b2 h2{font-size:26px}
body.bv-design :where(.bvp-solutions) .b2 .mid,body.bv-design :where(.bvp-solutions) .b2.flip .mid{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 0 40px}
body.bv-design :where(.bvp-solutions) .b2.flip .mid>.pic{order:0}
body.bv-design :where(.bvp-solutions) .b2 .caps{grid-template-columns:minmax(0,1fr);gap:24px}
body.bv-design :where(.bvp-solutions) .b2 .cap h3{min-height:0;font-size:18px}
body.bv-design :where(.bvp-solutions) .b2 .kp{display:none}
body.bv-design :where(.bvp-solutions) .b2 .uc{padding:32px 0 40px}
body.bv-design :where(.bvp-solutions) .b2 .uc .wrap{grid-template-columns:minmax(0,1fr);gap:16px}
body.bv-design :where(.bvp-solutions) .b2 .ucg{grid-template-columns:minmax(0,1fr);gap:8px}
body.bv-design :where(.bvp-solutions) .b2 .ucg a{min-height:56px;padding:16px;font-size:15px}
body.bv-design :where(.bvp-solutions) .indb{padding:56px 0}
body.bv-design :where(.bvp-solutions) .indb .g2>.lk{margin-top:0}
body.bv-design :where(.bvp-solutions) .indb .lk ul{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:861px){
body.bv-design :where(.bvp-solutions) .b2 .caps{margin-top:0;grid-template-rows:auto auto;row-gap:0}
body.bv-design :where(.bvp-solutions) .b2 .cap{display:grid;grid-row:span 2;grid-template-rows:subgrid}
body.bv-design :where(.bvp-solutions) .b2 .cap h3{min-height:0}
}
/*@section:shell*/
@media(min-width:861px){body.bv-design :where(.bvp-solutions) .b2 .ucg{grid-template-columns:repeat(3,245px)}}
@media(min-width:1280px){body.bv-design :where(.bvp-solutions) .b2 .uc .wrap{grid-template-columns:minmax(0,1fr) 759px}}
body.bv-design :where(.bvp-solutions) .b2 .kp b{font-size:17px;line-height:1.3;flex-direction:row;align-items:baseline;gap:10px;font-weight:400}
body.bv-design :where(.bvp-solutions) .b2 .kp b span{max-width:14ch}
body.bv-design :where(.bvp-solutions) .b2 .kp b i,body.bv-design :where(.bvp-solutions) .b2 .kp b i.up,body.bv-design :where(.bvp-solutions) .b2 .kp b i.dn{width:auto;height:auto;border:0;font:600 1em/1 "IBM Plex Mono",monospace;font-style:normal;color:var(--orange)}
body.bv-design :where(.bvp-solutions) .b2 .kp b i.up::before{content:"\2191"}
body.bv-design :where(.bvp-solutions) .b2 .kp b i.dn::before{content:"\2193"}
@media(max-width:860px){body.bv-design :where(.bvp-solutions) .b2 .kp{grid-column:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid var(--border)}body.bv-design :where(.bvp-solutions) .b2 .kp .l{font-size:12px;margin-bottom:2px}body.bv-design :where(.bvp-solutions) .b2 .kp b{font-size:16px}body.bv-design :where(.bvp-solutions) .b2 .kp b span{max-width:none}}
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-solutions) .jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:normal}body.bv-design :where(.bvp-solutions) .jump a{justify-content:center}}
@media(min-width:861px) and (max-width:960px){body.bv-design :where(.bvp-solutions) .caps .cap h3{font-size:18px}}
/*@section:midsize*/
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-solutions) .faqw,body.bv-design :where(.bvp-solutions) .wrap.g2:has(>h2:first-child):not(:has(>.res)),body.bv-design :where(.bvp-solutions) .wrap.g2:has(>div:first-child>h2:only-child),body.bv-design :where(.bvp-solutions) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child),body.bv-design :where(.bvp-solutions) .uc>.wrap:has(>.ucg){grid-template-columns:minmax(0,1fr);gap:32px}body.bv-design :where(.bvp-solutions) .faqw>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-solutions) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-solutions) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-solutions) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-solutions) .uc>.wrap:has(>.ucg)>:last-child:not(.ucg,.dgrid,.wk){max-width:667px}body.bv-design :where(.bvp-solutions) .faqw>:last-child,body.bv-design :where(.bvp-solutions) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child,body.bv-design :where(.bvp-solutions) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child,body.bv-design :where(.bvp-solutions) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child,body.bv-design :where(.bvp-solutions) .uc>.wrap:has(>.ucg)>:last-child{margin-top:0}}
/*@section:shared*/
body.bv-design :where(.bvp-solutions) :where(h2,h3,h4){text-wrap:pretty}
@media(max-width:860px){body.bv-design :where(.bvp-solutions) .tbl td:first-child,body.bv-design :where(.bvp-solutions) .tbl th:first-child{white-space:normal;width:30%}}
@media(max-width:374px){body.bv-design :where(.bvp-solutions) .tbl td,body.bv-design :where(.bvp-solutions) .tbl th{padding-right:8px}}