/* Homepage: compact platform story and the original layered product hero. */
.home-page .home-scale-proof{flex-basis:100%;font-weight:800;color:#075536}
.home-page .taw-static-trust{line-height:1.65;gap:6px 18px}
.home-page .home-phone-device>span{display:none!important}
.home-page .home-product-tabs button:not(.active){color:#426454!important}
.home-page .home-product-tabs button>span{display:inline!important;margin-inline-end:6px}
.home-page .home-product-tabs button:focus-visible,.home-page .home-sector-strip a:focus-visible{outline:3px solid #087045;outline-offset:4px}
/* Give the original dashboard/phone composition breathing room; the reach badge is gone. */
html body.home-page #app .home-product-stage{min-height:620px;transform:none!important}
html body.home-page #app .home-product-caption{width:290px;padding:20px 22px;background:#092f24!important;border-radius:20px 20px 7px 20px!important;box-shadow:0 20px 38px #05291f24}
html body.home-page #app .home-product-caption strong{font-size:20px;line-height:1.3;color:#fff!important}
html body.home-page #app .home-product-caption p{font-size:15px;line-height:1.6;color:#c6dbce!important}
html body.home-page #app .home-product-caption small{font-size:12px;color:#bcff67!important}
html body.home-page #app .home-phone-device{width:185px;bottom:-20px}

/* Keep the approved product defaults, phone scale and localized sector links. */
.home-page .app-phone{width:320px!important;max-width:100%;transform:none!important}
.home-page .app-phone-stage{min-height:710px!important}
.home-page .app-notification{display:none}
.home-page .home-sector-strip{padding:22px 0;background:#edf4ee;border-block:1px solid #d4e4d8}
.home-page .home-sector-strip .section-shell{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:15px;line-height:1.6}
.home-page .home-sector-strip a{color:#075536;text-decoration:underline;text-underline-offset:4px;padding-block:8px}
.home-page .metric-example-label{color:#c6dbce;font-size:14px;margin-bottom:16px}
.home-page .eyebrow,.home-page .taw-static-eyebrow{color:#087045!important}
.home-page .home-company .eyebrow,.home-page .home-problem .eyebrow,.home-page .metric-lab .eyebrow{color:#bcff67!important}
.home-page .closing .eyebrow{color:#06482f!important}
.home-page .announcement,.home-page .announcement a{color:#d4e9db!important}
@media(min-width:768px) and (max-width:1100px){
 html body.home-page #app .taw-static-shell{grid-template-columns:1fr!important;width:min(720px,100%)!important;gap:42px!important}
 html body.home-page #app .home-dashboard-device{left:28px!important;right:0!important;transform:none!important}
 html body.home-page #app .home-product-tabs{left:56px!important;right:0!important}
 html body.home-page #app .home-product-caption{right:0!important;left:auto!important}
 html[dir="rtl"] body.home-page #app .home-dashboard-device{left:0!important;right:28px!important}
 html[dir="rtl"] body.home-page #app .home-product-tabs{left:0!important;right:56px!important}
 html[dir="rtl"] body.home-page #app .home-product-caption{left:0!important;right:auto!important}
}

@media(max-width:767px){
 html[lang="ar"],html[lang="ar"] body.home-page,html[lang="ar"] body.home-page #app{inline-size:100%!important;max-inline-size:100%!important}
 html body.home-page #app .taw-static-shell{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:30px!important}
 html body.home-page #app .taw-static-copy,html body.home-page #app .home-product-stage{width:100%!important;max-width:100%!important;min-width:0!important}
 html body.home-page #app .home-product-stage{display:flex!important;flex-direction:column;gap:0;padding:0;min-height:0!important;overflow:hidden;border-radius:20px;border:1px solid #d0e1d1;background:#fff}
 html body.home-page #app .home-product-tabs{position:static!important;width:100%;padding:6px;margin:0;border:0;border-bottom:1px solid #e4ece3;border-radius:0;background:#f6faf2}
 html body.home-page #app .home-product-tabs button{font-size:12px;min-width:0;padding-inline:5px}
 html body.home-page #app .home-dashboard-device{position:static!important;inset:auto!important;width:100%!important;transform:none!important;border-radius:0;padding:0;box-shadow:none}
 html body.home-page #app .home-product-caption{position:static!important;inset:auto!important;transform:none!important;width:100%!important;margin:0;border:0;border-radius:0!important;padding:20px!important;box-shadow:none;background:#092f24!important}
 html body.home-page #app .home-product-caption strong{font-size:19px}
 html body.home-page #app .home-product-caption p{font-size:15px}
 html body.home-page #app .home-phone-device{display:none!important}
 .home-page .app-phone{width:min(320px,85vw)!important}.home-page .app-phone-stage{min-height:690px!important;padding-inline:0!important}
 .home-page .home-sector-strip .section-shell{justify-content:flex-start;gap:4px 18px}.home-page .home-sector-strip strong{flex-basis:100%}
 .home-page .metric-panel-head{display:none}.home-page .metric-panel [data-metric-list]>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 10px}
 .home-page .metric-panel .c0{grid-column:1;grid-row:1}.home-page .metric-panel .c1{display:block!important;grid-column:1;grid-row:2;font-size:13px;color:#496450}.home-page .metric-panel .c2{grid-column:2;grid-row:1/3}
}

