/* hive-mobile.css — phone (≤700px) + tablet (701–1024px) layer. Desktop untouched. */

/* ============ PHONE ============ */
@media (max-width:700px){
/* --- quote: words keep their gaps when line breaks collapse --- */
#why .mline{word-spacing:.08em}
#why .mline .w{display:inline;margin-right:.25em}
#why .mline br{display:none!important}
/* --- what's inside: one slider control only, all tiles one height --- */
#capabilities .capdots,#capabilities .mslider-nav,#capabilities .mslider-dots{display:none!important}
#capabilities .capnav{display:flex!important;justify-content:center!important;margin-top:18px!important;padding:0 18px!important}
#capabilities .capmosaic>.cap-tile:nth-child(n):nth-child(n):nth-child(n):nth-child(n):nth-child(n):nth-child(n):nth-child(n){height:560px!important;min-height:560px!important;max-height:560px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;flex:0 0 86%!important}
#capabilities .capmosaic>.cap-tile .cap-vis .stk{min-height:0!important;height:auto!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis,#capabilities .capmosaic>.cap-tile:nth-child(2):nth-child(2):nth-child(2) .cap-vis{display:block!important;position:relative!important;left:0!important;right:0!important;width:100%!important;padding:0!important;margin:16px 0 0!important;overflow:hidden!important;flex:1 1 auto!important;min-height:0!important;transform:none!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis>*,#capabilities .capmosaic>.cap-tile:nth-child(2):nth-child(2):nth-child(2) .cap-vis>*{zoom:.72;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;transform:none!important;position:static!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .lapt,#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .scr,#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .scr-in,#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .stk.wfp{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;padding-top:0!important;transform:none!important;margin:0!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis{overflow:visible!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc{display:block!important;position:relative!important;margin:8px 0 0!important;height:560px!important;min-height:560px!important;width:100%!important;transform:none!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc .wf-node{left:4%!important;right:auto!important;width:auto!important;max-width:88%!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc .wf-node:nth-of-type(1){top:0!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc .wf-node:nth-of-type(2){top:19%!important;left:8%!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc .wf-node:nth-of-type(3){top:38%!important;left:12%!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc .wf-pop{top:56%!important;bottom:auto!important;left:8%!important;right:auto!important;width:84%!important;max-height:44%!important;overflow:hidden!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc .wire,#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc>svg{display:none!important}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc::before{content:"";position:absolute;inset:0;z-index:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M60 6 H90 Q94 6 94 10 V20 Q94 24 90 24 H30 M14 24 Q10 24 10 28 V38 Q10 42 14 42 H34 M78 42 Q86 42 86 48 V56 Q86 60 82 60 H60' fill='none' stroke='rgba(27,27,27,.28)' stroke-width='.7' vector-effect='non-scaling-stroke'/><circle cx='30' cy='24' r='1.2' fill='%23F7F5F2' stroke='rgba(27,27,27,.4)' stroke-width='.5'/><circle cx='34' cy='42' r='1.2' fill='%23F7F5F2' stroke='rgba(27,27,27,.4)' stroke-width='.5'/><circle cx='60' cy='60' r='1.2' fill='%23F7F5F2' stroke='rgba(27,27,27,.4)' stroke-width='.5'/></svg>") center/100% 100% no-repeat}
#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc .wf-node,#capabilities .capmosaic>.cap-tile:nth-child(3):nth-child(3):nth-child(3) .cap-vis .wfc .wf-pop{z-index:1}
#capabilities .capmosaic>.cap-tile:nth-child(2):nth-child(2):nth-child(2) .cap-vis .stk{width:100%!important;min-width:0!important;max-width:none!important;padding-top:26px!important;transform:none!important;margin:0!important;min-height:0!important}
#capabilities .capmosaic>.cap-tile:nth-child(2):nth-child(2):nth-child(2) .cap-vis{margin-top:28px!important}
#capabilities .capmosaic>.cap-tile:nth-child(2):nth-child(2):nth-child(2) .cap-vis .stk .ag-hd{margin-top:0!important}
#capabilities .capmosaic>.cap-tile:nth-child(3) .cap-vis .lapt,#capabilities .capmosaic>.cap-tile:nth-child(3) .cap-vis .scr,#capabilities .capmosaic>.cap-tile:nth-child(3) .cap-vis .scr-in{height:auto!important;min-height:0!important;overflow:visible!important}
#capabilities .capmosaic>.cap-tile:nth-child(5) .cap-vis.intvis{align-items:flex-start!important;padding-top:0!important}
#capabilities .capmosaic>.cap-tile:nth-child(5):nth-child(5):nth-child(5):nth-child(5):nth-child(5) .cap-vis.intvis{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:0!important;margin:0!important;left:0!important;right:0!important;width:100%!important;position:relative!important}
#capabilities .capmosaic>.cap-tile:nth-child(5):nth-child(5):nth-child(5):nth-child(5):nth-child(5) .cap-vis.intvis .iw-orb{margin:0 auto!important;left:auto!important;right:auto!important;position:relative!important;transform:translateY(-80px) scale(1.28)!important;transform-origin:top center!important;width:min(300px,92%)!important}

#capabilities .capmosaic>.cap-tile .cap-vis{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
#capabilities .capmosaic>.cap-tile:nth-child(1) .cap-vis .stk.chatp .cp-bar{position:absolute!important;bottom:0!important}
/* --- platform tiles + how it gets there: left aligned, contained --- */
#deploy .lhead,#deploy .lsec,#deploy .kicker,#deploy .xtile,#deploy .xtile h3,#deploy .xtile p,#deploy .tilegrid+p,#deploy .closing{text-align:left!important;margin-left:0!important;margin-right:0!important}
#deploy .tilegrid~p,#deploy .wrap>p,#deploy .hgt-close,#deploy p.close,#deploy .lsub{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none!important}
#deploy .xtile{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;padding:24px 22px!important}
/* platform tiles: content aligned inside */
.stk-grid .stk,.layer-tile,.pl-tile{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}


/* --- footer: tagline + note two lines, stacked column heads with hairlines --- */
footer .fgrid{display:block!important}
footer .fbrand{margin-bottom:22px!important}
footer .fbrand .ftag{max-width:none!important;font-size:15px!important;line-height:1.5!important;text-wrap:balance}
footer .fbrand .fnote{max-width:none!important;font-size:10.5px!important;line-height:1.7!important;letter-spacing:.14em!important;text-wrap:balance}
footer .fgrid .fcols,footer nav.fcols{display:block!important;grid-template-columns:none!important;border-top:1px solid rgba(247,245,242,.14)!important;margin-top:8px}
footer .fgrid .fcols>div,footer nav.fcols>div{display:block!important;width:100%!important;border-bottom:1px solid rgba(247,245,242,.14)!important;padding:0!important;margin:0!important;justify-self:auto!important}
footer .fcols .fh{margin:0!important;padding:17px 0!important;font-size:10.5px!important;letter-spacing:.2em!important;display:flex!important;justify-content:space-between;align-items:center;cursor:pointer}
footer .fcols .fh::after{content:"+";font-family:var(--f-ui,system-ui);font-size:17px;letter-spacing:0;color:rgba(247,245,242,.5);line-height:1}
footer .fcols>div.open .fh::after{content:"–"}
footer .fcols .fgroup{display:none;padding:0 0 12px!important}
footer .fcols>div.open .fgroup{display:block}
footer .fcols .fgroup a{display:block;padding:8px 0!important;font-size:15px!important;line-height:1.3}
footer .fsoccol .soc{display:flex!important;align-items:center;gap:10px}
footer .fsignoff{margin-top:34px!important}
footer .typeline{font-size:17px!important;line-height:1.4!important;white-space:normal!important;max-width:none!important;overflow-wrap:anywhere}
footer .typeline #typeTxt{white-space:normal!important}

/* --- homepage: what's inside — one height for every tile --- */
#capabilities .capmosaic>.cap-tile{height:520px!important;min-height:0!important;max-height:none!important;flex:0 0 86%!important;border-radius:22px!important}

/* --- homepage: solution — stacked accordion (tap to expand) --- */
#solution .ss-stage{gap:10px!important}
#solution .ss-panel{border-radius:18px!important;overflow:hidden!important}
#solution .ss-kick{height:auto!important;padding:20px 22px!important;cursor:pointer;justify-content:space-between;font-size:11px!important;letter-spacing:.18em!important}
#solution .ss-kick span{flex:1;color:var(--ink);font-family:var(--f-ui);font-weight:500;font-size:16px;letter-spacing:0;text-transform:none}
#solution .ss-kick i{min-width:22px}
#solution .ss-kick::after{content:"+";font-family:var(--f-ui);font-size:20px;line-height:1;color:var(--stone-6);letter-spacing:0;flex:0 0 auto}
#solution .ss-panel.mopen .ss-kick::after{content:"–"}
#solution .ss-body{display:none!important;padding:0 22px 24px!important;gap:18px!important}
#solution .ss-panel.mopen .ss-body{display:grid!important;grid-template-columns:1fr!important}
#solution .ss-copy h3{display:none!important}
#solution .ss-copy p{margin:0!important;font-size:15px!important;line-height:1.55!important;max-width:none!important}
#solution .ss-go{margin-top:12px;display:inline-flex}
#solution .ss-vis{display:block!important;width:100%!important;max-width:none!important;height:auto!important;justify-self:stretch!important}
#solution .ss-vis .solshot{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.73!important;max-height:none!important;border-radius:12px!important;box-shadow:0 12px 30px rgba(20,30,45,.14)!important}
#solution .ss-vis .solshot.agl{display:flex!important}

/* --- homepage: see it live — the demo runs as one column, no monitor bezel scale --- */
#work .dispw{width:100%!important;height:auto!important;filter:none!important;opacity:1!important;transform:none!important}
#work .disp{width:100%!important;transform:none!important;padding:6px!important;border-radius:16px!important}
#work .disp::after{inset:5px!important;border-radius:11px!important}
#work #hwApp{height:560px!important}
#product .dispw{width:100%!important;height:auto!important;filter:none!important;opacity:1!important;transform:none!important}
#product .disp{width:100%!important;transform:none!important;padding:6px!important;border-radius:16px!important}
#product .disp::after{inset:5px!important;border-radius:11px!important}
#product #hwApp{height:560px!important}
#hwApp .hw-view{padding:14px!important}
#hwApp .hw-today{grid-template-columns:1fr!important}
#hwApp .hw-grid4{grid-template-columns:1fr 1fr!important}
#hwApp .hw-kpis{grid-template-columns:1fr!important}
#hwApp .hw-stats{display:flex!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%!important}
#hwApp .hw-stats>*{flex:0 0 auto}
#hwApp h1{font-size:18px!important}
/* mobile view switcher rendered by hive-mobile.js */
.hw-mnav{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid rgba(27,27,27,.07);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#fff}
.hw-mnav::-webkit-scrollbar{display:none}
.hw-mnav button{flex:0 0 auto;font:inherit;font-size:12.5px;font-weight:500;padding:8px 13px;border-radius:999px;border:1px solid rgba(27,27,27,.12);background:transparent;color:#1B1B1B;white-space:nowrap;min-height:36px}
.hw-mnav button.on{background:#1B1B1B;border-color:#1B1B1B;color:#F7F5F2}
#hwApp.has-mnav{grid-template-rows:auto 1fr!important}
#hwApp.has-mnav .hw-main{min-height:0}

/* --- homepage: enterprise security — accordion --- */
.sechome .seclist{display:block!important;margin-top:28px!important;border-top:1px solid rgba(247,245,242,.16)}
.sechome .seclist li{display:block!important;border-bottom:1px solid rgba(247,245,242,.16)!important;padding:0!important;gap:0!important}
.sechome .seclist li h3{display:flex!important;align-items:center;gap:14px;padding:16px 0!important;margin:0!important;font-size:17px!important;cursor:pointer}
.sechome .seclist li h3::after{content:"+";margin-left:auto;font-family:var(--f-ui);font-size:20px;font-weight:300;opacity:.6}
.sechome .seclist li.open h3::after{content:"–"}
.sechome .seclist li{position:relative;display:block!important}
.sechome .seclist li>svg,.sechome .seclist li svg.certb{width:34px!important;height:34px!important;position:absolute!important;left:0;top:13px;margin:0!important;display:block}
.sechome .seclist li h3{padding-left:48px!important;position:relative;z-index:1}
.sechome .seclist li p{display:none;margin:0 0 18px 48px!important;font-size:15px!important;max-width:none!important}
.sechome .seclist li.open p{display:block}
.sechome .seclink{margin-top:28px!important}
.sechome .sec-sub{margin-top:14px!important}

/* --- platform: how it gets there tiles read as slider (already), shorter body --- */
#deploy .tilegrid.ind .xtile p{font-size:15px!important;line-height:1.55!important}
#deploy .tilegrid.ind .xtile{min-height:0!important}
/* --- platform: four layers → horizontal slider, one height, no plus --- */

#solutions .hslide,#solutions .carnav{display:none!important}
/* platform departments: dropdown instead of pill row */
#work .vtabs,#product .vtabs,.msel+.vtabs,.msel+.dtabs{display:none!important}
#work .msel,#product .msel{display:block!important}

/* --- pricing: compact cards, features behind "What's included" (script) --- */
.prhero .headblock h1{font-size:clamp(30px,9vw,40px)!important}
.cfg{position:static!important;grid-template-columns:1fr!important;gap:18px!important;padding:20px 18px!important;border-radius:18px!important}
.cfg .cfg-total{border-top:1px solid var(--line-soft);padding-top:16px}
.cfg .cfg-sum{flex-direction:row!important;align-items:baseline!important;gap:10px}
.cfg .bdpanel{position:static!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--line-soft)!important;border-radius:0!important;padding:12px 0 0!important;margin-top:12px!important}
.layer{padding:22px 18px!important;border-radius:18px!important;margin-top:28px!important}
.layer-head{margin-bottom:18px!important}
.layer-head h2{font-size:24px!important}
.layer-head p{font-size:14.5px!important}
.cardrow,.cardrow.two{grid-template-columns:1fr!important;gap:12px!important}
.pcard{padding:22px 20px!important}
.pcard .price{font-size:30px!important;margin-bottom:6px!important}
.pcard .price[style*="22px"]{font-size:19px!important;font-weight:450!important;color:var(--stone-6)!important;letter-spacing:0!important;line-height:1.4!important}
.pcard .pt{margin-bottom:10px!important}
.pcard ul{display:none;margin:0 0 18px!important}
.pcard.mopen ul{display:block}
.pcard .pc-more{display:flex;justify-content:space-between;align-items:center;width:100%;margin:14px 0 14px;padding:12px 0;border:0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:transparent;font:inherit;font-size:13.5px;font-weight:500;color:var(--stone-6);cursor:pointer}
.pcard .pc-more::after{content:"+";font-size:18px;line-height:1}
.pcard.mopen .pc-more::after{content:"–"}
.pcard .btn{width:100%!important}
#orchestration .btn.onpaper{padding:14px 22px!important;white-space:nowrap}
#packs .btn.primary{white-space:nowrap}
.packgrid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-18px;margin-right:-18px;padding:2px 18px 6px;scrollbar-width:none}
.packgrid::-webkit-scrollbar{display:none}
.packgrid>.pack{flex:0 0 78%!important;scroll-snap-align:center;min-width:0}
.packgrid>.pack.more{display:none!important}
#larger .cardrow{gap:10px!important}
#larger .pcard .sub{margin-bottom:18px!important}
.apitable{min-width:0!important;width:100%!important;font-size:13px}
.apitable th:nth-child(4),.apitable td:nth-child(4){display:none}
.apitable td,.apitable th{padding:10px 6px!important}
.apitable td.n{white-space:nowrap}
.fine{padding:0 18px!important;font-size:12.5px!important}
.pstick{display:flex!important;top:auto!important;bottom:0!important}
body.pstick-top .pstick{display:none!important}

/* --- about: founding partners — hide industry list --- */
[data-screen-label="Founding partners"] .ab-chips{display:none!important}
[data-screen-label="Founding partners"] .split{grid-template-columns:1fr!important}

/* --- careers: mission shorter body; life at hive → accordion --- */
#mission p,#mission .lead{font-size:15px!important;line-height:1.55!important}
.cr-slider .cr-slnav,.cr-slider .mslider-nav,.cr-slider .mslider-dots,.cr-slider .cr-dots{display:none!important}
.cr-slider{margin:0!important;padding:0!important}
.cr-slider .cr-cards{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:visible!important;margin:0!important;padding:0!important;border-top:0!important}
.cr-slider .cr-card{display:block!important;flex:none!important;width:100%!important;min-height:0!important;transform:none!important;opacity:1!important;border:0!important;border-radius:18px!important;padding:18px 18px 4px!important;position:relative}
.cr-slider .cr-card .cr-tag{position:static!important;display:block!important;margin:0 0 6px!important;padding:0!important;font-size:10.5px!important;letter-spacing:.16em!important;opacity:.7}
.cr-slider .cr-card{position:relative}
.cr-slider .cr-card h3{margin:0!important;padding:0 30px 14px 0!important;font-size:18px!important;line-height:1.25!important;color:inherit!important;cursor:pointer;position:relative;max-width:none!important}
.cr-slider .cr-card h3::after{content:"+";position:absolute;right:0;top:-2px;font-family:var(--f-ui);font-size:20px;font-weight:300;opacity:.6}
.cr-slider .cr-card.open h3::after{content:"–"}
.cr-slider .cr-card p{display:none;margin:0 0 16px!important;font-size:14.5px!important;line-height:1.55!important;color:inherit!important;opacity:.8;max-width:none!important}
.cr-slider .cr-card.open p{display:block}
.cr-slider .cr-card:nth-child(3),.cr-slider .cr-card:nth-child(5){color:#F7F5F2!important}
.cr-slider .cr-card:nth-child(1),.cr-slider .cr-card:nth-child(2),.cr-slider .cr-card:nth-child(4){color:#101A2C!important}

/* --- integrations: hide the three hero stats --- */
.ig-stats{display:none!important}

/* --- newsroom: category chips → dropdown (script builds .msel) --- */
.nw-chips{display:none!important}

/* --- industries: two tinted cards; client work as a numbered chain, firm ops as a checklist --- */
.shape{display:flex!important;flex-direction:column!important;gap:14px!important;border:0!important;margin-top:28px!important}
.shape-row{display:block!important;padding:24px 22px 24px!important;border:0!important;border-radius:22px!important;background:linear-gradient(160deg,#eef2fb 0%,#dde6f8 100%)!important}
.shape-row:nth-child(2){background:linear-gradient(160deg,#f5f1ea 0%,#e9e2d6 100%)!important}
.shape-row .shape-lab{display:block!important;font-size:11.5px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--stone-6)!important;margin:0 0 16px!important;width:auto!important}
.shape-body{padding:0!important;margin:0!important}
.shape-line{display:flex!important;flex-direction:column!important;gap:0!important;position:relative!important;counter-reset:sh}
.shape-line .shape-s{display:none!important}
.shape-line .shape-w{position:relative!important;display:block!important;font-size:17px!important;font-weight:500!important;color:var(--ink)!important;border:0!important;border-radius:0!important;padding:9px 0 9px 40px!important;line-height:1.3!important;opacity:1!important;counter-increment:sh;background:none!important}
.shape-row:nth-child(1) .shape-line .shape-w::before{content:"0" counter(sh);position:absolute;left:0;top:11px;font-size:12px;letter-spacing:.1em;color:var(--stone-4);font-weight:400}
.shape-row:nth-child(1) .shape-line::before{content:"";position:absolute;left:26px;top:16px;bottom:16px;width:1px;background:rgba(27,27,27,.16)}
.shape-row:nth-child(1) .shape-line .shape-w::after{content:"";position:absolute;left:23px;top:16px;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid rgba(27,27,27,.4)}
.shape-row:nth-child(2) .shape-line .shape-w{padding-left:30px!important;border-bottom:1px solid rgba(27,27,27,.1)!important}
.shape-row:nth-child(2) .shape-line .shape-w:last-child{border-bottom:0!important}
.shape-row:nth-child(2) .shape-line .shape-w::before{content:"";position:absolute;left:2px;top:14px;width:12px;height:12px;border-radius:3px;border:1.2px solid rgba(27,27,27,.5)}
.shape-row:nth-child(2) .shape-line .shape-w::after{content:"";position:absolute;left:5px;top:16px;width:5px;height:3px;border-left:1.2px solid rgba(27,27,27,.7);border-bottom:1.2px solid rgba(27,27,27,.7);transform:rotate(-45deg)}
.shape-cap{margin:16px 0 0!important;font-size:14.5px!important;line-height:1.5!important;color:var(--stone-6)!important;padding-top:14px!important;border-top:1px solid rgba(27,27,27,.1)!important}
.bw-body,.bw-body p{text-align:left!important;margin-left:0!important;padding-left:0!important}
.bwlist .bwrow{display:block!important;padding:22px 0!important}
.bwlist .bwrow .bw-head{display:flex!important;align-items:center!important;gap:0!important;width:100%!important;text-align:left!important}
.bwlist .bwrow .bw-head .bw-n{flex:0 0 44px!important;width:44px!important;min-width:44px!important;padding:0!important}
.bwlist .bwrow .bw-head .bw-t{flex:1 1 auto!important}
.bwlist .bwrow .bw-body{display:block!important;padding:0 0 4px 44px!important;margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;overflow:hidden!important}
.bwlist .bwrow .bw-body p{padding:0!important;margin:12px 0 0!important;max-width:none!important;text-align:left!important}
.bw-head{text-align:left!important}
[data-screen-label="Where it goes next"] .wn-band,[data-screen-label="Where it goes next"] .lhead,[data-screen-label="Where it goes next"] p,[data-screen-label="Where it goes next"] .wn-p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
[data-screen-label="Where it goes next"] .wn-link{margin-left:auto!important;margin-right:auto!important}

/* --- PE: no nowrap notes, generous spacing --- */
.pe-dnote{white-space:normal!important;max-width:none!important}
.pe-comm .pq-h{text-wrap:balance!important;white-space:normal!important}
.pe-uses{height:auto!important;min-height:0!important;padding:40px 0!important}
.pq-h{max-width:none!important}

/* --- security: standards list tighter --- */
.sx-std li,.std-item{padding:16px 0!important}

/* generic: nothing wider than the viewport */
html,body{overflow-x:hidden}
.lsec,.pq-h,h2{overflow-wrap:anywhere}
}

/* ============ TABLET ============ */
@media (min-width:701px) and (max-width:1024px){
/* footer: plain columns, no accordions */
footer .fgrid{grid-template-columns:minmax(0,1fr)!important;gap:36px!important}
footer .fcols{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 20px!important;border-top:0!important}
footer .fcols>div{border-bottom:0!important}
footer .fcols .fh{padding:0!important;margin:0 0 10px!important;cursor:default;display:block!important}
footer .fcols .fh::after{content:none!important}
footer .fcols .fgroup{display:block!important;padding:0!important}
footer .fcols a{display:block;padding:7px 0!important}

/* homepage: solution — text left, screenshot right, collapsed by default */
#solution .ss-stage{gap:12px!important}
#solution .ss-panel{border-radius:20px!important;overflow:hidden!important}
#solution .ss-kick{height:auto!important;padding:20px 26px!important;cursor:pointer;justify-content:space-between}
#solution .ss-kick span{flex:1;color:var(--ink);font-family:var(--f-ui);font-weight:500;font-size:17px;letter-spacing:0;text-transform:none}
#solution .ss-kick::after{content:"+";font-family:var(--f-ui);font-size:22px;line-height:1;color:var(--stone-6);letter-spacing:0}
#solution .ss-panel.mopen .ss-kick::after{content:"–"}
#solution .ss-body{display:none!important;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr)!important;gap:24px!important;align-items:center!important;padding:0 26px 26px!important}
#solution .ss-panel.mopen .ss-body{display:grid!important}
#solution .ss-copy h3{display:none!important}
#solution .ss-copy p{margin:0!important;font-size:15px!important;max-width:none!important}
#solution .ss-vis{display:block!important;width:100%!important;height:auto!important;max-width:none!important;justify-self:stretch!important}
#solution .ss-vis .solshot{width:100%!important;height:auto!important;aspect-ratio:1.73!important;max-height:none!important;border-radius:14px!important}
#solution .ss-vis .solshot.agl{display:flex!important}

/* homepage: what's inside — equal tile heights */
#capabilities .capmosaic>.cap-tile{height:560px!important;min-height:0!important;max-height:none!important}
footer .fbrand .ftag{max-width:none!important}
footer .fbrand .fnote{max-width:none!important}
/* homepage: quote band padding */
.manifesto-pin.static .mstick{padding-top:clamp(56px,7vw,80px)!important;padding-bottom:clamp(56px,7vw,80px)!important}

/* homepage: see it live demo — the monitor scales to the column */
#work .dispw,#product .dispw{filter:none!important;opacity:1!important}

/* homepage: enterprise security 2×2 */
.sechome .seclist{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 28px!important}
.sechome .lhead{grid-template-columns:1fr!important}
.sechome .sec-sub{justify-self:start!important;text-align:left!important}

/* platform: departments → one line, scrollable, never wraps */
#work #hwDept,#product #hwDept,#work .vtabs,#product .vtabs,.dtabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;gap:6px!important;scrollbar-width:none;padding:6px!important;max-width:100%!important;width:100%!important;border-radius:999px!important}
#work #hwDept::-webkit-scrollbar,#product #hwDept::-webkit-scrollbar{display:none}
#work #hwDept button,#product #hwDept button,#work .vtabs button,#product .vtabs button,.dtabs button{flex:0 0 auto!important;white-space:nowrap!important;font-size:15px!important;padding:12px 18px!important}
.msel{display:none!important}
/* platform: four layers → slider, smaller tiles */

#solutions .hslide,#solutions .carnav{display:none!important}

/* pricing */
.cfg{grid-template-columns:1fr 1fr!important}
.cfg .cfg-total{grid-column:1/-1;border-top:1px solid var(--line-soft);padding-top:14px;text-align:left}
.cfg .cfg-sum{flex-direction:row!important;align-items:baseline!important;gap:10px}
.cardrow{grid-template-columns:1fr 1fr!important}
.cardrow.two{grid-template-columns:1fr 1fr!important}
#larger .cardrow{grid-template-columns:1fr 1fr 1fr!important}
.packgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.packgrid>.pack.more{display:none!important}

/* industries: why these firms — clean two-column ledger */
.shape{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important}
.shape-row{display:block!important;background:var(--paper,#fff);border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.shape-lab{display:block!important;margin-bottom:14px!important}
.shape-line{display:flex!important;flex-direction:column!important;gap:8px!important}
.shape-line .shape-s{display:none!important}
.shape-line .shape-w{font-size:18px!important;line-height:1.3}
.shape-cap{margin-top:16px!important}

/* PE / security: no nowrap overflow, single-column panels where the row is tight */
.pe-dnote{white-space:normal!important}
.pe-comm .pq-h{white-space:normal!important;text-wrap:balance}
.pq-triad{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.pe-uses-in{grid-template-columns:34% minmax(0,1fr)!important}

html,body{overflow-x:hidden}
}


/* ============ MOBILE MENU (≤900px) ============ */
@media (max-width:900px){
nav.topnav:has(.mnav-btn.on),nav.topnav.menu-open{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-bottom:0!important}
nav.topnav:has(.mnav-btn.on) .tn-logo{filter:none!important}
nav.topnav:has(.mnav-btn.on) .mnav-btn{color:#1B1B1B!important}
nav.topnav:has(.mnav-btn.on)::before,nav.topnav:has(.mnav-btn.on)::after{opacity:0!important}
.mnav{background:#fff!important;border-top:0!important;box-shadow:none!important;padding:6px 22px 30px!important}
.mnav .mn-top,.mnav .mn-h{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid rgba(27,27,27,.08);padding:15px 2px;font:500 17px var(--f-ui,system-ui);color:#1B1B1B;text-align:left;text-decoration:none;cursor:pointer}
.mnav .mn-h i{font-style:normal;font-weight:300;font-size:22px;color:rgba(27,27,27,.5);line-height:1}
.mnav .mn-grp.open .mn-h i{transform:rotate(45deg)}
.mnav .mn-sub{display:none;padding:4px 0 10px 14px;border-bottom:1px solid rgba(27,27,27,.08)}
.mnav .mn-grp.open .mn-sub{display:flex;flex-direction:column}
.mnav .mn-sub a{font:450 15.5px var(--f-ui,system-ui);color:rgba(27,27,27,.72);padding:10px 0;border-bottom:0;text-decoration:none}
.mnav .mn-ctas{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.mnav .mn-ctas a{margin:0!important}
}
/* ============ SEE IT LIVE GATE (≤1024px) ============ */
@media (max-width:1024px){
#work::after,#work .demo-tag,.demo-tag{display:none!important}
.hw-gated .disp{display:none!important}
.hw-gated{transform:none!important;width:100%!important;height:auto!important;min-height:0!important;filter:none!important;opacity:1!important}
.hw-gate{width:100%;border:1px solid rgba(27,27,27,.08);cursor:pointer;text-align:center;border-radius:22px;padding:44px 22px 40px;background:radial-gradient(70% 80% at 50% 0%,rgba(207,224,245,.9),transparent 70%),linear-gradient(160deg,#F4F7FC 0%,#E7EEF9 60%,#DCE7F6 100%);color:#101A2C;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--f-ui,system-ui);box-shadow:0 20px 50px rgba(20,26,46,.08)}
.hw-gate b{font-family:var(--f-display,inherit);font-weight:500;font-size:24px;letter-spacing:-.01em}
.hw-gate>span{font-size:14.5px;color:rgba(16,26,44,.66);max-width:28ch}
.hw-gate em{font-style:normal;margin-top:16px;background:#1B1B1B;color:#F7F5F2;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600}
.hw-stage{position:fixed;inset:0;z-index:1000;background:#F7F5F2;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hw-stage-in{transform-origin:center center;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.hw-stage-in .disp{display:block!important;width:1120px!important;transform:none!important;margin:0!important}
.hw-stage-x{position:fixed;top:10px;right:14px;z-index:2;border:0;background:transparent;color:#1B1B1B;padding:6px 10px;font:300 34px/1 var(--f-ui,system-ui);cursor:pointer}
html.hw-stage-open,html.hw-stage-open body{overflow:hidden!important}
}

/* ============ LIVE DEMO: keep the real left sidebar on phones ============ */
@media (max-width:1024px){
.hw-mnav{display:none!important}
#hwApp.has-mnav{grid-template-rows:minmax(0,1fr)!important}
#work #hwApp,#product #hwApp{grid-template-columns:150px minmax(0,1fr)!important}
#work .hw-side,#product .hw-side{display:flex!important;width:150px!important;padding:12px 8px!important;font-size:12px!important;overflow:hidden!important}
#hwApp .hw-side .hw-nav{padding:7px 8px!important;font-size:12px!important;gap:8px!important}
#hwApp .hw-side .hw-nav svg{width:13px!important;height:13px!important}
#hwApp .hw-side .hw-ws b{font-size:12px!important}
#hwApp .hw-side .hw-proj,#hwApp .hw-side .hw-chat{font-size:11px!important}
}

/* overlay close buttons: a bare × everywhere, no circle or pill */
.wlm-x,.gs-x,#gsClose,.ov-x,.wz-x,.ct-x,[class$="-x"][aria-label="Close"],button[aria-label="Close"]{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;width:auto!important;height:auto!important;padding:6px 10px!important;font-family:var(--f-ui,system-ui)!important;font-weight:300!important;font-size:32px!important;line-height:1!important;color:inherit}

/* ============ phone/tablet: no film in the header ============ */
@media (max-width:1024px){
#product{display:none!important}
.opener::after,.opener .mist{display:none!important}
}

/* hero secondary CTA readable on the fading ground */
@media (max-width:1024px){
header.hero .cta-row .btn.secondary{color:#F7F5F2!important;border:1.5px solid #1B1B1B!important;background:#1B1B1B!important;opacity:1!important}
}

/* ============ PLATFORM tiles (≤1024px): desktop card scaled as one unit ============ */
@media (max-width:1024px){
#solutions #layersCar,#solutions .blocks{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:14px!important;padding:0 0 12px!important;margin:0!important;width:100%!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#solutions #layersCar::-webkit-scrollbar{display:none}
#solutions .hslide,#solutions .carnav{display:none!important}
/* each tile keeps the desktop 620px design width and is scaled to the phone via zoom, so nothing reflows */
#solutions #layersCar>.block{flex:0 0 calc(86vw - 0px)!important;width:calc(86vw - 0px)!important;max-width:none;min-width:0!important;scroll-snap-align:center!important;height:560px!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important;border-radius:22px!important;position:relative;display:block!important}
#solutions #layersCar>.block>*{display:none!important}
#solutions #layersCar>.block::before{content:"";display:block}
#solutions #layersCar>.block .mscale{display:block!important;position:absolute;left:0;top:0;width:620px;height:calc(560px / var(--ms,.5));transform-origin:top left;transform:scale(var(--ms,.5));padding:calc(26px / var(--ms,.5)) calc(24px / var(--ms,.5));box-sizing:border-box;display:flex!important;flex-direction:column!important}
#solutions #layersCar>.block .mscale>*:not(.tvis):not(.floatstack):not(.tfeats):not(.arrowrow){display:block!important}
#solutions #layersCar>.block .mscale>.arrowrow{display:none!important}
#solutions #layersCar>.block .mscale>.tvis{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:0!important;margin-top:16px!important;gap:20px!important}
#solutions #layersCar>.block .mscale>.tvis>*{margin:0!important;width:100%!important;flex:0 0 auto!important}
#solutions #layersCar>.block .mscale .tvis .tokeff{order:0;margin:0!important}
#solutions #layersCar>.block .mscale .tvis .floatstack{order:1;flex:0 0 auto!important;justify-content:flex-start!important}
#solutions #layersCar>.block .mscale>.blk-lower,#solutions #layersCar>.block .mscale .blk-lower{display:none!important;margin:0!important}
#solutions #layersCar>.block .mscale .tvis .tfeats{order:2;margin:0!important;flex:0 0 auto!important}
#solutions #layersCar>.block .mscale>.floatstack{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;margin:24px 0 0!important}
#solutions #layersCar>.block .mscale>.tfeats{display:grid!important;align-content:center;flex:1 1 auto}
#solutions #layersCar>.block .mscale .tvis .floatstack{margin:0!important;justify-content:center!important}
#solutions #layersCar>.block .mscale .tvis .tokeff+.floatstack{flex:0 0 auto!important}
#solutions #layersCar>.block .mscale h3{font-size:calc(24px / var(--ms,.5))!important;font-weight:420!important;letter-spacing:-.01em!important;line-height:1.1!important;margin-bottom:calc(8px / var(--ms,.5))!important;text-align:left!important}
#solutions #layersCar>.block .mscale>p{font-size:calc(15px / var(--ms,.5))!important;line-height:1.5!important;max-width:none!important;text-align:left!important;min-height:0!important;margin:0!important}
#solutions #layersCar>.block .mscale .arrowrow{display:none!important}
#solutions #layersCar>.block .mscale .floatstack{margin:auto 0 0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:16px!important;transform:none!important}
#solutions #layersCar>.block .mscale .float{margin:0!important;width:100%!important;display:block!important;box-sizing:border-box}
#solutions #layersCar>.block .mscale .tvis>*,#solutions #layersCar>.block .mscale .floatstack>*{max-width:100%!important}
#solutions #layersCar>.block .mscale .tvis .tokeff{width:100%!important;max-width:none!important;margin:0 0 20px!important}
#solutions #layersCar>.block .mscale .tokeff{margin:34px 0 0!important;max-width:none!important;display:block!important}
#solutions #layersCar>.block .mscale .tfeats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;margin:auto 0 0!important}
#solutions #layersCar>.block .mscale .blk-lower{display:block!important}
}
/* hamburger stripes invert with the ground */
@media (max-width:900px){
nav.topnav.on-dark:not(.scrolled) .mnav-btn i,nav.topnav.on-dark:not(.scrolled) .mnav-btn i::before,nav.topnav.on-dark:not(.scrolled) .mnav-btn i::after,
nav.topnav.scrolled.on-dark:not(.menu-open) .mnav-btn i,nav.topnav.scrolled.on-dark:not(.menu-open) .mnav-btn i::before,nav.topnav.scrolled.on-dark:not(.menu-open) .mnav-btn i::after{background:#F7F5F2!important}
nav.topnav.on-light .mnav-btn i,nav.topnav.on-light .mnav-btn i::before,nav.topnav.on-light .mnav-btn i::after,nav.topnav:has(.mnav-btn.on) .mnav-btn i,nav.topnav:has(.mnav-btn.on) .mnav-btn i::before,nav.topnav:has(.mnav-btn.on) .mnav-btn i::after{background:#1B1B1B!important}
}

/* ============ PE deployment timeline: vertical steps on phone/tablet ============ */
@media (max-width:1024px){
.pe-track{display:block!important;position:relative!important;padding:0 0 0 30px!important;margin:32px 0 0!important;height:auto!important}
.pe-track .pe-rail{position:absolute!important;left:6px!important;top:8px!important;bottom:8px!important;width:2px!important;height:auto!important;background:rgba(27,27,27,.12)!important;border-radius:2px}
.pe-track .pe-rail .pe-fill{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:62%!important;background:linear-gradient(180deg,#4D86C2,#1B2B45)!important;border-radius:2px}
.pe-track .pe-rail .pe-dot{display:none!important}
.pe-track .pe-stations{display:flex!important;flex-direction:column!important;gap:26px!important;width:100%!important;margin:0!important;padding:0!important}
.pe-track .pe-stations span{display:block!important;position:relative!important;text-align:left!important;width:100%!important;max-width:none!important;padding:0!important;flex:none!important}
.pe-track .pe-stations span b{position:absolute!important;left:-30px!important;top:6px!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#fff!important;border:2px solid #4D86C2!important;display:block!important;margin:0!important}
.pe-track .pe-stations span:nth-child(3) b{border-color:rgba(27,27,27,.3)!important}
.pe-track .pe-stations span i{display:block!important;font-style:normal!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--stone-4)!important;margin-bottom:4px!important}
.pe-track .pe-stations span{font-size:20px!important;font-weight:500!important;line-height:1.2!important}
.pe-track .pe-stations span small{display:block!important;font-size:14.5px!important;font-weight:400!important;line-height:1.5!important;color:var(--stone-6)!important;margin-top:6px!important;max-width:34ch!important}
.pe-dnote{margin-top:30px!important;text-align:left!important}
}

/* model-agnostic picker wider on phone/tablet */
@media (max-width:1024px){
#capabilities .capmosaic>.cap-tile:nth-child(4):nth-child(4):nth-child(4):nth-child(4):nth-child(4) .stk.mdlp .mdl-pop{width:92%!important;max-width:none!important}
}

/* ============ Platform · How it gets there: numbered list instead of cards ============ */
@media (max-width:1024px){
/* deployment ledger: the collapsed detail row must not spill over the next row */
#deploy .dj .dj-r{align-self:stretch!important;height:100%!important;min-height:0!important;box-sizing:border-box}
#deploy .dj:hover .dj-r,#deploy .dj:focus-within .dj-r,#deploy .dj.open .dj-r{height:auto!important}
#deploy .dj .dj-plus{margin-top:0!important;align-self:start}
#deploy .tilegrid.ind{display:flex!important;flex-direction:column!important;gap:0!important;overflow:visible!important;margin:8px 0 0!important;padding:0!important;scroll-snap-type:none!important;border-top:1px solid rgba(27,27,27,.12)}
#deploy .hslide,#deploy .mslide,#deploy .msl-bar,#deploy [class*="slide"],#deploy .tilegrid.ind~*:not(p){display:none!important}
#deploy .tilegrid.ind .xtile{background:none!important;border-radius:0!important;padding:22px 0 22px 44px!important;position:relative!important;flex:none!important;width:100%!important;min-height:0!important;border-bottom:1px solid rgba(27,27,27,.12);counter-increment:hd}
#deploy .tilegrid.ind{counter-reset:hd}
#deploy .tilegrid.ind .xtile::before{content:"0" counter(hd);position:absolute;left:0;top:26px;font-family:var(--f-ui);font-size:12px;letter-spacing:.14em;color:var(--stone-4)}
#deploy .tilegrid.ind .xtile h3{font-size:20px!important;margin:0 0 6px!important;font-weight:500!important}
#deploy .tilegrid.ind .xtile p{font-size:15.5px!important;line-height:1.5!important;color:var(--stone-6)!important;margin:0!important;max-width:none!important}
#deploy .lsec{font-size:28px!important;line-height:1.15!important}
#deploy .lsec br{display:none}
#deploy .wrap>p.reveal{text-align:left!important;margin:26px 0 0!important;font-size:15.5px!important}
}

/* Where it goes next: same display scale/leading as the other mobile section headlines */
@media (max-width:700px){
[data-screen-label="Where it goes next"] .wn-p{font-family:var(--f-ui)!important;font-weight:400!important;font-size:16px!important;line-height:1.6!important;letter-spacing:0!important;color:var(--stone-6)!important;margin:14px auto 0!important;max-width:40ch!important;text-wrap:pretty!important}
[data-screen-label="Where it goes next"] .wn-link{margin-top:26px!important;font-size:15px!important;gap:10px!important}
[data-screen-label="Where it goes next"] .kicker{font-size:11.5px!important;letter-spacing:.16em!important}
}

@media (max-width:700px){.dsk-br{display:none!important}}

@media (max-width:700px){.opener #work{display:none!important}}
@media (min-width:701px) and (max-width:1024px){.opener #work{margin:8px auto 0!important;padding:0 14px!important}.opener #work .dispw{filter:none!important;opacity:1!important;transform:none!important;width:100%!important;height:auto!important}.opener #work .disp{width:100%!important;transform:none!important}.opener #work #hwApp{height:560px!important}}

/* page heroes: identical height on phone across all pages */
@media (max-width:700px){
header.pghero,header.pghero.skyhero,.prhero{min-height:58svh!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;padding:104px 22px 56px!important;text-align:center!important}
header.pghero>.wrap,header.pghero .sh-in,header.pghero .headblock{padding:0!important;margin:0 auto!important;min-height:0!important;height:auto!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important}
header.pghero .kicker{margin-bottom:18px!important}
header.pghero h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.08!important;margin:0 0 20px!important}
header.pghero p{margin:0 auto!important;max-width:34ch!important}
}

@media (max-width:700px){
.opener{padding-bottom:40px!important}
.logomq{margin-top:-40px!important}
.logomq .eyebrow{margin-bottom:26px!important}
}

/* waitlist + any labelled close: bare × only */
@media (max-width:1024px){
a.close#closeBtn,.bar a.close{font-size:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:8px!important;border-radius:0!important;width:auto!important;height:auto!important;line-height:1!important;min-width:0!important}
a.close#closeBtn::after,.bar a.close::after{content:"×";font-size:26px;line-height:1;color:currentColor;font-weight:300;display:block}
}

.mnav .mnav-ghost{display:none!important}

/* tablet (701–1024): solution accordion uses natural heights, no legacy fixed-stage math */
@media (min-width:701px) and (max-width:1024px){
#solution .ss-stack{height:auto!important}
#solution .ss-pin{position:static!important}
#solution .ss-stage{position:static!important;height:auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:12px!important;box-shadow:none!important;background:none!important}
#solution .ss-panel{position:relative!important;top:auto!important;bottom:auto!important;height:auto!important;min-height:0!important;transform:none!important;overflow:hidden!important;border-radius:14px!important;box-shadow:none!important}
#solution .ss-panel .ss-body{height:auto!important;min-height:0!important;flex:none!important;padding-bottom:24px!important}
#solution .ss-panel .ss-copy h3{height:auto!important;font-size:clamp(24px,3.2vw,32px)!important}
#solution .ss-panel .ss-vis{height:auto!important;min-height:0!important;display:block!important;max-width:none!important}
#solution .ss-panel .ss-vis .solshot{position:relative!important;height:auto!important;width:100%!important;max-height:none!important;aspect-ratio:1.6!important;transform:none!important;top:auto!important}
}

/* ============ USE-CASE BAND (≤900px): one centred column on every page ============ */
@media (max-width:900px){
body .pe-uses .pe-uses-in,body .pe-uses-sec .pe-uses-in{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;justify-items:center!important;align-items:start!important;gap:18px!important;height:auto!important;min-height:0!important;padding-top:clamp(56px,9vw,80px)!important;padding-bottom:clamp(56px,9vw,80px)!important;text-align:center!important}
body .pe-uses .pe-uses-in::before{left:var(--gut,18px)!important;right:var(--gut,18px)!important}
body main#main>section.pe-uses,body section.pe-uses,body .pe-uses-sec .pe-uses{padding:0!important;height:auto!important;min-height:0!important}
body .pe-uses .pe-uses-l{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;text-align:center!important}
body .pe-uses .pe-uses-l .pq-k,body .pe-uses .pe-uses-l .kicker{text-align:center!important;margin:0 auto 12px!important}
body .pe-uses .pe-uses-l .pq-h,body .pe-uses .pe-uses-l .lsec,body .pe-uses .pe-uses-l h2{text-align:center!important;margin:0 auto!important;max-width:18ch!important;font-size:clamp(26px,7vw,32px)!important;line-height:1.12!important;text-wrap:balance}
body .pe-uses .pe-uses-l .pq-h br,body .pe-uses .pe-uses-l .lsec br{display:none}
body .pe-uses .pe-uses-r{width:100%!important;max-width:none!important;margin:0 auto!important;justify-self:stretch!important;height:calc(5 * 1.5 * var(--ucfs,24px))!important}
body .pe-uses .pe-uses-list{left:0!important;right:0!important}
body .pe-uses .pe-uses-list li{text-align:center!important;font-size:var(--ucfs,24px)!important;line-height:1.5!important;white-space:nowrap!important;max-width:100%;padding:0 2px;box-sizing:border-box}
body .pe-uses .pe-uses-r.uc-clip .pe-uses-list li{overflow:hidden;text-overflow:ellipsis}
}

/* ============ TAP TARGETS (≤700px): nothing interactive under 40px ============ */
@media (max-width:700px){
.motion-try{padding:5px 6px!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
.motion-try .mt-cta{padding:11px 16px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;font-size:13.5px!important}
.motion-try .mt-hive{min-height:40px!important;display:inline-flex!important;align-items:center!important}
a.ctaline{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:6px 0!important}
#solution .ss-go{min-height:40px!important;display:inline-flex!important;align-items:center!important;padding:6px 0!important}
footer .flegal{gap:8px!important}
footer .flegal a{display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:0 8px!important;margin-left:-8px!important}
footer .flegal a+a{margin-left:0!important}
footer .fcols .fh{font-size:11px!important}
footer .fmeta{font-size:11px!important;flex-wrap:wrap}
.prbd-link{min-height:40px!important;padding:8px 0!important;margin-top:8px!important}
.prseg button{min-height:40px!important}
.prctl-l,.prrec{font-size:10.5px!important}
.pcard .pc-more{min-height:44px}
.tg,details.faq summary{min-height:44px}
details.faq summary .tg{width:30px!important;height:30px!important}
}

/* ============ INLINE PROSE LINKS (≤700px): no link ever collides with its neighbour ============ */
@media (max-width:700px){
.prose a,.article a,.fa a,.legal a,.body-copy a{padding:4px 0;line-height:1.7}
}

/* msel replaces its row: on phones the native select is the only control */
@media(max-width:700px){
  select.msel+.vtabs,select.msel+.dtabs,select.msel+.nw-chips,select.msel+[data-mfilter],
  .vtabs[data-msel="1"],.dtabs[data-msel="1"],.nw-chips[data-msel="1"],[data-mfilter][data-msel="1"]{display:none!important}
}