/* Arabic homepage styles: original cascade order retained. */

/* /assets/fonts/fonts-702b7eba.css */
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/b040ead9034d62ba.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/39818998ec5dbccc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/3e770239ce6e57cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/060eccf9c647a014.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/b040ead9034d62ba.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/39818998ec5dbccc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/3e770239ce6e57cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/060eccf9c647a014.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/b040ead9034d62ba.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/39818998ec5dbccc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/3e770239ce6e57cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/060eccf9c647a014.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/41f1e64ff8dbfd64.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/3a67cf2b96d068f8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/e613bad269e158ab.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/686b114874710936.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/d0c935d94fc74ce0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dcc9886568f2342d.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/e493f5fa912cdecf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/689a46e3c1cad404.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/50d246d60cbee4fd.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/468493a3b9dd5289.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/0930d8c09d9997dc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/632518d8547284aa.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/bf43e79904fc533e.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/ce013ebebfbf3227.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/238ad63b7ac80140.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/6f58c7351ca14ecf.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/22bd9b393960a42c.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/effc6711249e7349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/94d65887a83f1282.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/22bd9b393960a42c.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/effc6711249e7349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/94d65887a83f1282.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/22bd9b393960a42c.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/effc6711249e7349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/94d65887a83f1282.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/22bd9b393960a42c.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/effc6711249e7349.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/94d65887a83f1282.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/d8c30647abfeffe6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* /studio.css */
:root{--green:#08a657;--green-deep:#075d3d;--green-ink:#0b3025;--mint:#dff8e9;--mint-2:#effbf4;--lime:#b9f065;--paper:#fbfcf8;--line:#dbe8df;--muted:#62756c;--serif:"Space Grotesk","DM Sans",Arial,sans-serif;--sans:"DM Sans",Arial,sans-serif;--shell:min(1180px,calc(100vw - 48px));--hero-shell:min(1100px,calc(100vw - 48px));--shadow:0 24px 70px rgba(19,72,50,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--green-ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}main{overflow:hidden}
.announcement{height:30px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#c7f6d9 0%,#e9ffe4 48%,#b8f2d5 100%);font-size:14px;font-weight:700;letter-spacing:.03em;color:#176343}.announcement a{display:flex;gap:7px;align-items:center}.site-header{position:relative;z-index:50;background:rgba(251,252,248,.94);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{position:sticky;top:0;border-color:var(--line);box-shadow:0 12px 40px rgba(12,72,45,.06);backdrop-filter:blur(16px)}.nav-shell{width:var(--shell);height:76px;margin:auto;display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:28px}.brand img{width:92px;height:46px;object-fit:contain}.nav-links{display:flex;justify-content:center;align-items:center;gap:25px}.nav-links>a,.nav-trigger,.text-link{border:0;background:none;padding:10px 0;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.nav-trigger{display:flex;align-items:center;gap:6px}.nav-trigger span{color:var(--green);font-size:14px}.nav-group{position:relative}.mega{position:absolute;top:54px;left:50%;width:850px;padding:22px;display:grid;grid-template-columns:230px 1fr;gap:25px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.2s}.nav-group:hover .mega,.nav-group:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-intro{padding:24px;background:linear-gradient(145deg,#e3faec,#f6ffe7);border-radius:14px}.mega-intro b{font-family:var(--serif);font-size:25px;font-weight:400}.mega-intro p{margin:7px 0 18px;color:var(--muted);font-size:17px}.mega-intro .button{width:100%;justify-content:center}.mega-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.mega-links a{padding:10px 12px;border-radius:10px;display:flex;flex-direction:column;line-height:1.3}.mega-links a:hover{background:var(--mint-2);color:var(--green)}.mega-links span{font-size:14px;font-weight:700}.mega-links small{margin-top:3px;color:var(--muted);font-size:14px}.nav-actions{display:flex;align-items:center;gap:18px}.button{min-height:44px;padding:0 19px;border:1px solid var(--green);border-radius:999px;background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:700;line-height:1;transition:.2s;box-shadow:0 10px 28px rgba(8,166,87,.16)}.button:hover{background:#078b4a;transform:translateY(-2px)}.button span{font-size:16px}.button-ghost{background:transparent;color:var(--green-ink);border-color:#aacdb8;box-shadow:none}.button-ghost:hover{background:white;color:var(--green)}.menu-button{display:none;border:0;background:none;width:42px;height:42px;padding:10px}.menu-button i{display:block;height:1px;background:var(--green-ink);margin:7px 0;transition:.2s}
.language-switch{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(8,166,87,.3);border-radius:999px;background:rgba(255,255,255,.72);color:#087b47;font-size:14px;font-weight:800;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.language-switch:hover{border-color:#08a657;background:#e8f8ed;color:#092f24}.mobile-language-switch{display:none}
.language-menu{position:relative;z-index:80}.language-menu-trigger{min-width:58px;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(8,166,87,.34);border-radius:999px;background:#fff;color:#087b47;font-size:14px;font-weight:800;cursor:pointer}.language-menu-trigger i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.language-menu.open .language-menu-trigger i{transform:rotate(225deg) translate(-1px,-1px)}.language-menu-panel{position:absolute;inset-inline-end:0;top:calc(100% + 9px);width:178px;padding:7px;display:grid;gap:3px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 46px rgba(8,66,43,.16);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}.language-menu.open .language-menu-panel{opacity:1;visibility:visible;transform:none}.language-menu-panel a{min-height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:10px;color:#345c4c;font-size:14px;font-weight:700}.language-menu-panel a:hover,.language-menu-panel a:focus-visible{background:var(--mint-2);color:var(--green)}.language-menu-panel a.active{background:#e2f7e9;color:#075d3d}.language-menu-panel small{color:#71877d;font-size:14px;font-weight:800;letter-spacing:.08em}.language-menu-mobile{display:none}
.language-menu-trigger:focus-visible,.language-menu-panel a:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}
.footer-grid{grid-template-columns:repeat(3,1fr)}
html[lang="ar"] .nav-shell,html[lang="ar"] .nav-links,html[lang="ar"] .nav-actions,html[lang="ar"] .mega{direction:rtl}html[lang="ar"] .mega{text-align:right}html[lang="ar"] .discover-menu{right:auto;left:-38px}html[lang="ar"] .discover-links>a{grid-template-columns:44px minmax(0,1fr) auto;text-align:right}html[lang="ar"] .discover-links>a:hover{transform:translateX(-3px)}
.hero{position:relative;padding:84px 0 94px;background:radial-gradient(circle at 74% 32%,rgba(172,244,185,.53),transparent 31%),linear-gradient(135deg,#fbfcf8 28%,#f2fbf5 70%,#e6f9ed)}.hero:before{content:"";position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(4,117,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(4,117,61,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,black)}.hero-grid{position:relative;width:var(--shell);margin:auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:58px}.hero-copy{position:relative;z-index:3;max-width:570px}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.eyebrow:before{content:"";width:27px;height:1px;background:currentColor}.hero h1{max-width:650px;margin:0;font-family:var(--serif);font-size:clamp(48px,5.15vw,72px);font-weight:400;line-height:.94;letter-spacing:-.035em}.hero h1 em{color:var(--green);font-style:normal}.hero-copy>p{max-width:540px;margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.trust-note{margin-top:26px;display:flex;align-items:center;gap:9px;color:#567167;font-size:14px;font-weight:700}.trust-note span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(8,166,87,.12)}
.visual{position:relative;min-height:510px;transform:translate(var(--mx,0),var(--my,0));transition:transform .18s ease-out}.product-window{position:absolute;left:1%;right:0;top:10%;z-index:2;padding:0 0 8px;background:rgba(255,255,255,.96);border:1px solid rgba(25,108,68,.2);border-radius:18px;box-shadow:0 35px 90px rgba(20,96,61,.18);overflow:hidden}.product-window>img{width:100%;height:auto;object-fit:contain}.window-bar{height:27px;padding:0 11px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #edf3ef;color:#9aad9f;font-size:14px}.window-bar i{width:6px;height:6px;border-radius:50%;background:#b5dcc4}.window-bar span{margin-left:6px}.phone-stage{position:absolute;z-index:4}.visual-stack .phone-stage{left:-7%;bottom:-2%;width:155px;filter:drop-shadow(0 28px 30px rgba(18,78,51,.22))}.phone-stage img{width:100%;height:auto;object-fit:contain}.float-note{position:absolute;z-index:5;right:-2%;bottom:6%;padding:9px 14px;border:1px solid #9bd7b6;border-radius:999px;background:rgba(255,255,255,.92);color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.visual:after{content:"";position:absolute;inset:4% -9% -5% 8%;z-index:0;border-radius:45% 55% 45% 55%;background:linear-gradient(145deg,rgba(183,246,135,.72),rgba(39,208,122,.16) 50%,rgba(5,152,79,.35));filter:blur(1px)}.visual-dashboard .product-window{top:16%;left:-4%}.orbit{position:absolute;z-index:1;border:1px solid rgba(5,142,72,.22);border-radius:50%}.orbit-a{width:430px;height:430px;right:-7%;top:0}.orbit-b{width:330px;height:330px;right:2%;top:10%}.visual-phone .halo{position:absolute;z-index:1;inset:4% 8%;border-radius:50%;background:radial-gradient(circle,#d9ffc0 0,#a7f0bd 31%,rgba(42,194,112,.22) 54%,transparent 55%)}.visual-phone .phone-stage{width:260px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 35px 45px rgba(20,84,57,.22))}.visual-phone .float-note{right:8%;bottom:19%}.visual-sector{display:grid;place-items:center}.visual-sector:after{inset:6%;border-radius:50%}.sector-word{position:absolute;z-index:1;max-width:100%;color:rgba(8,166,87,.12);font-family:var(--serif);font-size:94px;line-height:.75;text-align:center}.sector-product{position:relative;z-index:3;width:245px;filter:drop-shadow(0 35px 40px rgba(10,95,57,.23))}.signal-dot{position:absolute;z-index:4;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 10px rgba(8,166,87,.12)}.signal-dot:after{content:"";position:absolute;width:70px;height:1px;background:rgba(8,166,87,.4);top:6px}.d1{left:15%;top:26%}.d2{right:9%;top:43%}.d3{left:22%;bottom:17%}.visual-security{display:grid;place-items:center}.visual-security:after{inset:12%;border-radius:50%}.security-core{position:relative;z-index:5;width:154px;height:154px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0bbb64,#006f43);box-shadow:0 25px 60px rgba(0,112,66,.25);color:white;text-align:center;font-size:14px;font-weight:800;letter-spacing:.12em}.security-ring{position:absolute;z-index:3;border:1px solid rgba(8,166,87,.35);border-radius:50%}.r1{width:240px;height:240px}.r2{width:350px;height:350px}.r3{width:460px;height:460px}.visual-security>b{position:absolute;z-index:5;padding:8px 13px;background:white;border:1px solid #a9dbc0;border-radius:999px;color:var(--green);font-size:14px}.visual-security>b:nth-of-type(1){top:15%;left:13%}.visual-security>b:nth-of-type(2){top:22%;right:7%}.visual-security>b:nth-of-type(3){bottom:14%;left:18%}.visual-security>b:nth-of-type(4){right:13%;bottom:22%}
.proof{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.proof-track{width:max-content;display:flex;animation:ticker 32s linear infinite}.proof-track>div{width:320px;min-height:92px;padding:22px 30px;display:flex;align-items:flex-start;gap:15px;border-right:1px solid var(--line)}.proof-track b{color:var(--green);font-size:14px}.proof-track span{font-family:var(--serif);font-size:17px;line-height:1.25}@keyframes ticker{to{transform:translateX(-50%)}}
.section-shell{width:var(--shell);margin:auto}.story-section{padding:112px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.story-section.revealed,.proof.revealed,.sector-index.revealed,.faq-section.revealed,.closing.revealed,.form-section.revealed{opacity:1;transform:none}.story-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);gap:110px;align-items:start}.section-heading h2{max-width:510px;margin:0;font-family:var(--serif);font-size:clamp(37px,4vw,55px);font-weight:400;line-height:1.02;letter-spacing:-.025em}.section-heading>p{max-width:610px;color:var(--muted)}.section-heading a{color:var(--green);font-weight:700}.section-heading.wide{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start;margin-bottom:55px}.section-heading.wide .eyebrow{grid-column:1/-1;margin-bottom:0}.section-heading.wide h2{grid-column:1}.section-heading.wide>p,.section-heading.wide>.story-copy{grid-column:2}.story-copy{max-width:660px;color:#536a60;font-size:16px}.story-copy>p{margin:0 0 18px}.story-copy>p:first-of-type{color:var(--green-ink);font-size:19px;line-height:1.55}.story-copy .inline-actions{margin-top:28px}.story-copy .inline-actions:empty{display:none}.story-1{background:linear-gradient(120deg,#f1fbf5,#fbfff3)}.story-2{background:white}.story-grid.has-media{grid-template-columns:.62fr .78fr;grid-template-areas:"heading copy" "media media"}.story-grid.has-media .section-heading{grid-area:heading}.story-grid.has-media .story-copy{grid-area:copy}.story-media{grid-area:media;position:relative;margin:55px 0 0;padding:40px;border:1px solid #c8e1d2;border-radius:28px;background:linear-gradient(135deg,#d8f7e5,#f3ffdc 52%,#c5f2da);overflow:hidden}.story-media img{position:relative;z-index:2;width:100%;height:auto;max-height:650px;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(20,81,53,.12))}.story-media.portrait-media img{max-height:620px}.media-glow{position:absolute;width:470px;height:470px;right:-80px;bottom:-150px;border-radius:50%;background:rgba(84,216,133,.28);filter:blur(35px)}.process{grid-column:1/-1;margin:35px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none;border-top:1px solid #9dceb3}.process li{padding:20px 20px 0 0}.process b{display:block;color:var(--green);font-size:14px}.process span{display:block;margin-top:10px;color:var(--green-ink);font-size:14px}.data-callout{margin:25px 0;padding:26px;border-left:3px solid var(--green);background:linear-gradient(90deg,#e7faee,transparent)}.data-callout strong{font-family:var(--serif);font-size:27px;font-weight:400}.related{margin-top:35px;padding-top:22px;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line)}.related>span{width:100%;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.12em}.related a{padding:7px 12px;border:1px solid #b8d8c5;border-radius:999px;color:var(--green);font-size:14px;font-weight:700}
.product-band{background:linear-gradient(155deg,#e6faee,#f9fff0)}.mobile-band{background:#fff}.product-explorer{border-top:1px solid #9ecab1}.explorer-nav{display:grid;grid-template-columns:repeat(8,1fr)}.mobile-band .explorer-nav{grid-template-columns:repeat(6,1fr)}.explorer-nav button{min-width:0;padding:18px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#769087;font-size:14px;cursor:pointer;transition:.2s}.explorer-nav button span{display:block;margin-bottom:3px;font-size:14px}.explorer-nav button.active{border-color:var(--green);color:var(--green);font-weight:800}.explorer-stage{padding:45px 0 0;display:grid;grid-template-columns:190px 1fr;gap:35px;align-items:start}.explorer-meta{padding-top:25px}.explorer-meta>span{color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.1em}.explorer-meta h3{margin:5px 0 13px;font-family:var(--serif);font-size:32px;font-weight:400}.explorer-meta a{color:var(--green);font-size:14px;font-weight:800}.explorer-image{position:relative;min-height:450px;padding:28px;border:1px solid #c6ddcf;border-radius:24px;background:white;display:grid;place-items:center;overflow:hidden;transition:opacity .18s,transform .18s}.explorer-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 80%,rgba(152,244,129,.25),transparent 35%)}.explorer-image img{position:relative;width:100%;height:auto;max-height:590px;object-fit:contain}.explorer-image.is-mobile img{max-height:570px;width:auto}.explorer-image.switching{opacity:.25;transform:translateY(5px)}
.sector-index{padding:110px 0;background:linear-gradient(140deg,#f6fff7,#e5faec);opacity:0;transform:translateY(20px);transition:.6s}.sector-list{margin-top:50px;border-top:1px solid #9dcab1}.sector-list a{min-height:88px;padding:17px 5px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;border-bottom:1px solid #b8d8c5;transition:.2s}.sector-list a:hover{padding-left:15px;background:rgba(255,255,255,.5)}.sector-list span{color:var(--green);font-size:14px}.sector-list b{font-family:var(--serif);font-size:29px;font-weight:400}.sector-list>a>span:last-child{font-size:20px}.sector-list.large{margin:0}.sector-list.large a{grid-template-columns:70px .7fr 1fr auto;min-height:115px}.sector-list.large p{color:var(--muted);font-size:17px}
.faq-section{padding:112px 0;background:white;opacity:0;transform:translateY(20px);transition:.6s}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list{border-top:1px solid #acd0ba}.faq-item{border-bottom:1px solid #acd0ba}.faq-item button{width:100%;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;background:none;text-align:left;font-weight:700;cursor:pointer}.faq-item button i{position:relative;width:15px;height:15px;flex:0 0 15px}.faq-item button i:before,.faq-item button i:after{content:"";position:absolute;left:0;top:7px;width:15px;height:1px;background:var(--green)}.faq-item button i:after{transform:rotate(90deg);transition:.2s}.faq-item>div{display:grid;grid-template-rows:0fr;transition:.3s}.faq-item>div p{overflow:hidden;margin:0;color:var(--muted)}.faq-item.open>div{grid-template-rows:1fr}.faq-item.open>div p{padding:0 35px 22px 0}.faq-item.open button i:after{transform:rotate(0)}
.closing{position:relative;padding:115px 0;text-align:center;background:linear-gradient(135deg,#d1f7dd 0%,#f3ffd6 46%,#b8efd0 100%);overflow:hidden;opacity:0;transform:translateY(20px);transition:.6s}.closing .section-shell{position:relative;z-index:2;max-width:820px}.closing .eyebrow:before{display:none}.closing h2{margin:0;font-family:var(--serif);font-size:clamp(44px,5vw,70px);font-weight:400;line-height:.96}.closing p{max-width:610px;margin:22px auto;color:#4d6d5e}.closing .hero-actions{justify-content:center}.closing-orbit{position:absolute;width:660px;height:660px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(7,128,67,.2);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.12),0 0 0 160px rgba(255,255,255,.1)}
.form-section{padding:110px 0;background:white;opacity:0;transform:translateY(20px);transition:.6s}.form-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:105px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{display:flex;flex-direction:column;gap:7px}.contact-form label.full{grid-column:1/-1}.contact-form label span{font-size:14px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #9fbeac;border-radius:0;background:transparent;padding:12px 2px;outline:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 1px 0 var(--green)}.contact-form textarea{min-height:105px;resize:vertical}.contact-form .button{justify-self:start;border:0}.form-success{display:none;align-items:center;color:var(--green);font-weight:700}.contact-form.sent .form-success{display:flex}
.hero-grid{width:var(--hero-shell);grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:54px;text-align:left}.hero-copy{max-width:520px;margin:0}.hero h1{max-width:560px;font-size:clamp(44px,4.5vw,64px);font-weight:500;line-height:1;letter-spacing:-.045em;text-align:left}.hero-copy>p{max-width:500px;margin-top:23px;font-size:17px;text-align:left}.hero-actions,.trust-note{justify-content:flex-start}.section-heading h2,.closing h2,.component-grid h3,.explorer-meta h3,.mega-intro b,.sector-list b{font-weight:500;letter-spacing:-.035em}
.device-mockup{position:relative;width:100%;padding:5px;border:2px solid #164c38;border-radius:34px;background:linear-gradient(145deg,#2b5b49,#0b2f23);box-shadow:0 28px 55px rgba(6,56,36,.22)}.device-screen{position:relative;overflow:hidden;border-radius:28px;background:white}.device-screen img{width:100%;height:auto;max-height:none!important;object-fit:contain}.device-speaker{position:absolute;z-index:5;top:10px;left:50%;width:30%;height:5px;transform:translateX(-50%);border-radius:99px;background:#17392d;opacity:.72}.device-key{position:absolute;left:-5px;width:4px;border-radius:3px;background:#174b37}.key-a{top:21%;height:11%}.key-b{top:35%;height:17%}.phone-stage .device-mockup,.sector-product .device-mockup{width:100%}.explorer-image.is-mobile .device-mockup{width:min(270px,74%);z-index:2}.story-media.portrait-media .device-mockup{width:min(280px,80%);margin:auto;z-index:2}
.breadcrumbs{width:var(--hero-shell);margin:20px auto -48px;position:relative;z-index:5;display:flex;align-items:center;gap:8px;color:#789087;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.breadcrumbs a:hover{color:var(--green)}.breadcrumbs i{font-style:normal;color:#abc3b4}.breadcrumbs span{color:var(--green-deep);font-weight:700}
.journey-progress{position:fixed;z-index:100;left:0;top:0;width:100%;height:3px;background:rgba(8,166,87,.1);pointer-events:none}.journey-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#08a657,#a8ed69);transition:width .12s linear}.journey-rail{position:sticky;z-index:30;top:68px;padding:0;border-bottom:1px solid #bddac8;background:rgba(248,253,249,.9);backdrop-filter:blur(14px)}.journey-shell{width:var(--shell);margin:auto;display:flex;align-items:center;gap:30px}.journey-kicker{flex:0 0 auto;color:var(--green);font-size:14px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.journey-steps{display:flex;overflow-x:auto;scrollbar-width:none}.journey-steps::-webkit-scrollbar{display:none}.journey-steps button{position:relative;min-height:58px;padding:0 17px;display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:none;color:#80978c;white-space:nowrap;cursor:pointer;font-size:14px;font-weight:700}.journey-steps button b{font-size:14px;font-weight:500;color:#a4bcb0}.journey-steps button:after{content:"";position:absolute;left:50%;right:50%;bottom:-2px;height:2px;background:var(--green);transition:.25s}.journey-steps button.active{color:var(--green-ink)}.journey-steps button.active b{color:var(--green)}.journey-steps button.active:after{left:12px;right:12px}.journey-steps button:hover{color:var(--green)}[data-journey-step]{scroll-margin-top:135px}.flow-section li button{width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}.flow-section li button span{transition:color .2s}.flow-section li.active button span,.flow-section li:hover button span{color:var(--green)}.flow-prompt{margin:28px 0 0;color:var(--muted);font-size:14px}.feature-row{transition:background .2s,transform .2s,padding .2s}.feature-row:hover{padding-left:12px;background:rgba(225,249,234,.45);transform:translateX(4px)}.component-grid article{transition:transform .25s,box-shadow .25s,background .25s}.component-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(18,87,54,.12);background:#fff}
.flow-illustration{position:relative;height:190px;margin:28px 0 4px;padding:0 2%;border:1px solid rgba(8,166,87,.18);border-radius:24px;background:radial-gradient(circle at 50% 20%,rgba(185,240,101,.34),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.86),rgba(216,249,228,.78));overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 18px 40px rgba(18,87,54,.08)}.flow-illustration svg{width:100%;height:100%}.flow-illustration svg circle{fill:#fff;stroke:#08a657;stroke-width:3;filter:drop-shadow(0 5px 8px rgba(8,166,87,.18))}.flow-badge{position:absolute;padding:5px 9px;border:1px solid #a8d8b8;border-radius:99px;background:#fff;color:#16774f;font-size:14px;font-weight:800;letter-spacing:.12em}.flow-badge.b1{left:1%;bottom:18%}.flow-badge.b2{left:25%;top:16%}.flow-badge.b3{left:47%;top:18%}.flow-badge.b4{left:68%;top:8%}.flow-badge.b5{right:0;bottom:21%}.flow-section ol{position:relative;z-index:2}.flow-section li{transition:transform .25s,background .25s;border-radius:14px}.flow-section li.active{transform:translateY(-5px)}.flow-section li.active:after{content:"";position:absolute;left:0;right:15px;top:17px;height:42px;border:1px solid rgba(8,166,87,.2);border-radius:12px;background:rgba(255,255,255,.65);z-index:-1}.flow-section li b,.flow-section li span{position:relative;z-index:1}.component-grid article{position:relative;overflow:hidden}.component-grid article:before{content:"✦";position:absolute;right:20px;top:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #9ed5b2;border-radius:12px;background:linear-gradient(145deg,#e6faee,#fff);color:var(--green);font-size:17px;box-shadow:0 8px 18px rgba(8,166,87,.1)}.component-grid article:nth-child(3n+2):before{content:"◌"}.component-grid article:nth-child(3n+3):before{content:"↗"}.card-icon{display:none}
.feature-row{padding:16px 0;display:grid;grid-template-columns:minmax(130px,.42fr) 1fr;gap:25px;border-bottom:1px solid var(--line)}.feature-row:first-of-type{border-top:1px solid var(--line)}.feature-row b{color:var(--green-ink);font-size:14px}.feature-row span{color:var(--muted);font-size:14px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chip-row span{padding:8px 13px;border:1px solid #a9d4ba;border-radius:999px;background:rgba(255,255,255,.72);color:var(--green-deep);font-size:14px;font-weight:700}.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.stats-strip .section-shell{display:grid;grid-template-columns:repeat(6,1fr)}.stats-strip .section-shell>div{min-height:104px;padding:23px 18px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.stats-strip strong{font-family:var(--serif);font-size:27px;font-weight:400;color:var(--green)}.stats-strip span{color:var(--muted);font-size:14px}.component-section{padding:100px 0;background:white;border-bottom:1px solid var(--line)}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #a8cfb7;border-left:1px solid #a8cfb7}.component-grid article{min-height:205px;padding:25px;border-right:1px solid #a8cfb7;border-bottom:1px solid #a8cfb7;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,252,241,.65))}.component-grid article>span{color:var(--green);font-size:14px}.component-grid h3{margin:28px 0 8px;font-family:var(--serif);font-size:26px;font-weight:400;line-height:1}.component-grid p{margin:0;color:var(--muted);font-size:17px}.flow-section{padding:75px 0;background:linear-gradient(110deg,#e7f9ed,#f8ffe9);border-bottom:1px solid var(--line)}.flow-section ol{margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);list-style:none;border-top:1px solid #96cbaa}.flow-section li{position:relative;padding:22px 15px 0 0}.flow-section li:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #e7f9ed}.flow-section li b{display:block;color:var(--green);font-size:17px}.flow-section li span{display:block;margin-top:8px;font-size:17px;font-weight:700}.proof-block{padding:90px 0;background:radial-gradient(circle at 78% 50%,rgba(161,238,142,.38),transparent 35%),linear-gradient(135deg,#e0f8e9,#f5ffe5);border-bottom:1px solid #acd5bb}.proof-block .section-shell>div{max-width:820px}.proof-block .feature-row{border-color:#a7ceb5}.proof-block .feature-row b{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--green)}.proof-block p{font-size:18px;color:var(--green-ink)}.applications{padding:54px 0;border-bottom:1px solid var(--line);background:#fff}.applications .section-shell{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:30px}.applications .eyebrow{margin:0}.applications .chip-row{margin:0}.related-section{padding:45px 0;background:var(--mint-2);border-bottom:1px solid var(--line)}.related-section .inline-actions{margin-top:18px}.form-note{align-self:center;color:var(--muted);font-size:14px}
footer{padding:80px max(24px,calc((100vw - 1180px)/2)) 25px;background:#eaf8ef;border-top:1px solid #bcddc8;overflow:hidden}.footer-top{padding-bottom:55px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:50px;border-bottom:1px solid #aed3bc}.footer-top p{max-width:560px;color:#5c7468}.footer-grid{padding:50px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid span{margin-bottom:6px;color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.footer-grid a,.footer-grid p{color:#4f6a5e;font-size:17px}.footer-grid p{margin:0}.footer-word{margin:0 -10px;color:var(--green);font-family:var(--serif);font-size:clamp(110px,17vw,250px);line-height:.66;letter-spacing:-.06em;opacity:.16}.footer-bottom{padding-top:35px;display:flex;justify-content:space-between;color:#668074;font-size:14px}.footer-bottom div{display:flex;gap:20px}
@media(max-width:1100px){:root{--shell:min(100% - 36px,960px)}.nav-shell{grid-template-columns:120px 1fr auto;gap:15px}.nav-links{gap:14px}.nav-links>a,.nav-trigger{font-size:14px}.text-link{display:none}.hero-grid{grid-template-columns:.9fr 1.1fr;gap:30px}.visual{min-height:430px}.story-grid{gap:65px}.mega{width:760px}.process{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.announcement{display:none}.site-header{position:sticky;top:0}.nav-shell{height:68px;grid-template-columns:1fr auto}.menu-button{display:block}.nav-actions{display:none}.nav-links{position:fixed;inset:68px 0 0;padding:22px;background:var(--paper);display:none;overflow:auto;align-items:stretch}.menu-open .nav-links{display:flex;flex-direction:column}.nav-links>a,.nav-trigger{width:100%;padding:15px 0;border-bottom:1px solid var(--line);justify-content:space-between;text-align:left;font-size:16px}.nav-group{width:100%}.mega{position:static;width:100%;display:none;grid-template-columns:1fr;margin-top:5px;padding:10px;opacity:1;visibility:visible;transform:none;box-shadow:none}.nav-group.open .mega{display:grid}.mega-intro{display:none}.mega-links{grid-template-columns:1fr 1fr}.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:700px}.visual{min-height:500px;max-width:720px;width:100%;margin:auto}.story-grid,.story-grid.has-media,.faq-layout,.form-grid{grid-template-columns:1fr;grid-template-areas:none;gap:40px}.story-grid.has-media .section-heading,.story-grid.has-media .story-copy,.story-media{grid-area:auto}.section-heading.wide{grid-template-columns:1fr}.section-heading.wide h2,.section-heading.wide>p,.section-heading.wide>.story-copy{grid-column:1}.story-section,.faq-section,.form-section,.sector-index{padding:80px 0}.explorer-stage{grid-template-columns:150px 1fr}.explorer-nav{overflow-x:auto;display:flex}.explorer-nav button{min-width:110px}.sector-list.large a{grid-template-columns:50px 1fr auto}.sector-list.large p{display:none}}
@media(max-width:980px){.language-menu-mobile{display:block;width:100%;border-bottom:1px solid var(--line)}.language-menu-mobile .language-menu-trigger{width:100%;padding:15px 0;justify-content:space-between;border:0;border-radius:0;background:transparent;font-size:16px}.language-menu-mobile .language-menu-panel{position:static;width:100%;margin:0 0 10px;padding:7px;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none}.language-menu-mobile.open .language-menu-panel{display:grid}.language-menu-mobile .language-menu-panel a{min-height:48px}.language-menu:not(.language-menu-mobile){display:none}}
@media(max-width:680px){:root{--shell:calc(100% - 28px)}body{font-size:15px}.brand img{width:78px}.hero{padding:48px 0 55px}.hero h1{font-size:45px;line-height:.97}.hero-copy>p{font-size:17px}.visual{min-height:330px;margin-top:12px}.visual-stack .product-window,.visual-dashboard .product-window{left:1%;right:1%;top:5%}.visual-stack .phone-stage{left:0;width:88px}.visual-phone .phone-stage{width:180px}.visual-phone .float-note{right:0}.visual-sector .sector-word{font-size:56px}.sector-product{width:170px}.visual-security{transform:scale(.76);margin:-35px 0}.r3{width:390px;height:390px}.story-section,.faq-section,.form-section,.sector-index{padding:66px 0}.section-heading h2{font-size:39px}.story-copy>p:first-of-type{font-size:17px}.story-grid{gap:28px}.story-media{margin-top:20px;padding:14px;border-radius:18px}.process{grid-template-columns:1fr 1fr}.section-heading.wide{margin-bottom:35px}.explorer-stage{grid-template-columns:1fr}.explorer-meta{padding:0}.explorer-image{min-height:260px;padding:13px}.explorer-image.is-mobile{min-height:430px}.proof-track>div{width:270px}.sector-list a{grid-template-columns:42px 1fr auto}.sector-list b{font-size:23px}.faq-layout{gap:35px}.closing{padding:80px 0}.closing h2{font-size:46px}.contact-form{grid-template-columns:1fr}.contact-form label.full{grid-column:1}.footer-top{grid-template-columns:1fr;gap:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-word{font-size:100px}.footer-bottom{flex-direction:column;gap:12px}.mega-links{grid-template-columns:1fr}}
@media(max-width:980px){.stats-strip .section-shell{grid-template-columns:repeat(3,1fr)}.component-grid{grid-template-columns:repeat(2,1fr)}.flow-section ol{grid-template-columns:repeat(3,1fr)}.breadcrumbs{margin:14px auto -38px}}
@media(max-width:680px){:root{--hero-shell:calc(100% - 28px)}.breadcrumbs{margin:12px auto -30px;white-space:nowrap;overflow:hidden}.stats-strip .section-shell{grid-template-columns:repeat(2,1fr)}.component-grid{grid-template-columns:1fr}.component-grid article{min-height:160px}.flow-section ol{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr;gap:5px}.applications .section-shell{grid-template-columns:1fr}.explorer-image.is-mobile .device-mockup{width:min(220px,72%)}.device-mockup{border-radius:26px}.device-screen{border-radius:21px}}

/* Guided page journey: keeps the route scannable without turning it into a card wall. */
@media(max-width:980px){.journey-rail{top:68px}.journey-shell{width:calc(100% - 28px);gap:14px}.journey-kicker{font-size:14px}.journey-steps button{padding:0 12px}}
@media(max-width:680px){.journey-rail{top:68px}.journey-shell{width:100%;padding-left:14px}.journey-kicker{position:sticky;left:0;background:rgba(248,253,249,.96);padding:0 8px 0 0;z-index:2}.journey-steps button{min-height:50px;font-size:14px}.journey-steps button b{display:none}.flow-section ol{gap:0}}
@media(max-width:680px){.hero-copy{width:100%;max-width:none}.hero h1,.hero-copy>p{width:100%;max-width:none}.hero h1{font-size:40px;line-height:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.story-section,.proof,.sector-index,.faq-section,.closing,.form-section{opacity:1;transform:none}}

/* 2026 light SaaS rebuild */
:root{--green:#0aa85f;--green-bright:#15c978;--green-deep:#075f42;--green-ink:#12392d;--mint:#dcf8e9;--mint-2:#f0fbf5;--lime:#c6f36f;--paper:#f7faf7;--line:#cfe2d6;--muted:#60766d;--shell:min(1280px,calc(100vw - 56px));--hero-shell:min(1280px,calc(100vw - 56px));--shadow:0 24px 70px rgba(20,86,59,.12)}
body{background:var(--paper);letter-spacing:-.005em}::selection{background:var(--lime);color:var(--green-ink)}
.announcement{height:34px;background:linear-gradient(90deg,#d9fae8,#f4ffdf 52%,#d8f8e6);border-bottom:1px solid rgba(14,138,82,.1)}
.site-header{background:rgba(250,253,250,.92)}.site-header.scrolled{position:sticky;top:0}.nav-shell{height:74px;grid-template-columns:132px 1fr auto}.nav-links{gap:24px}.nav-links>a,.nav-trigger,.text-link{font-size:14px}.nav-links>a:hover,.text-link:hover,.nav-trigger:hover{color:var(--green)}
.brand img{width:98px}.button{min-height:46px;padding:0 21px;border-radius:13px;box-shadow:0 12px 25px rgba(10,168,95,.16)}.button:hover{box-shadow:0 16px 32px rgba(10,168,95,.22)}.button-ghost{border-color:#a7ccb7;background:rgba(255,255,255,.62)}
.mega{top:52px;width:880px;border-radius:18px;box-shadow:0 28px 80px rgba(20,76,54,.14)}.mega-intro{background:linear-gradient(145deg,#ddf9e8,#f4ffdb);border:1px solid #c3e6d1}.mega-links a{border:1px solid transparent}.mega-links a:hover{border-color:#d2eadb;background:#f0fbf5}
.hero{padding:62px 0 68px;background:radial-gradient(circle at 83% 15%,rgba(198,243,111,.44),transparent 24%),radial-gradient(circle at 66% 85%,rgba(21,201,120,.22),transparent 30%),linear-gradient(135deg,#fbfdfa 0%,#edf9f1 58%,#e2f7e9 100%);border-bottom:1px solid var(--line)}
.hero:before{opacity:.65;background-size:34px 34px;mask-image:linear-gradient(90deg,transparent 25%,black 80%)}.hero-grid{grid-template-columns:minmax(410px,.82fr) minmax(540px,1.18fr);gap:54px}.hero-copy{max-width:590px}.hero h1{max-width:620px;font-size:clamp(46px,4.7vw,72px);line-height:.96;font-weight:600;letter-spacing:-.055em}.hero h1 em{position:relative;color:var(--green)}.hero h1 em:after{content:"";position:absolute;left:2px;right:0;bottom:-4px;height:8px;border-radius:99px;background:var(--lime);opacity:.48;z-index:-1}.hero-copy>p{max-width:570px;margin-top:24px;color:#526b61;font-size:17px;line-height:1.58}.hero-actions{margin-top:28px}.trust-note{margin-top:22px}
.visual{min-height:500px}.visual:after{inset:0 -3% -1% 4%;border-radius:34px;background:linear-gradient(145deg,rgba(200,247,136,.76),rgba(75,220,139,.2) 48%,rgba(10,168,95,.3));box-shadow:inset 0 0 0 1px rgba(10,168,95,.12)}.product-window{left:4%;right:2%;top:12%;border-radius:16px;box-shadow:0 30px 62px rgba(19,78,53,.16)}.visual-stack .phone-stage{left:-1%;bottom:-4%;width:148px}.float-note{right:-1%;bottom:7%;border-radius:10px;box-shadow:0 12px 25px rgba(12,95,59,.11)}.visual-dashboard .product-window{top:13%;left:1%}.visual-phone .halo{inset:2% 13%;background:radial-gradient(circle,#f3ffdc 0,#bff2c7 35%,rgba(44,201,118,.18) 58%,transparent 59%)}
.breadcrumbs{margin:14px auto -38px}.journey-rail{top:74px;background:rgba(248,252,249,.93)}.journey-steps button{min-height:50px}.journey-shell{gap:18px}
.proof{background:#fff}.proof-track{width:var(--shell);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);animation:none}.proof-track>div{width:auto;min-height:100px;padding:24px}.proof-track>div:nth-child(n+5){display:none}.proof-track span{font-size:15px;font-weight:600}.proof-track b{padding-top:2px}
.story-section{padding:72px 0}.story-grid{grid-template-columns:minmax(260px,.74fr) minmax(420px,1.26fr);gap:70px}.story-grid.has-media{grid-template-columns:.72fr 1.28fr;grid-template-areas:"heading copy" "media media"}.section-heading h2{font-size:clamp(34px,3.4vw,51px);line-height:1.01}.section-heading.wide{grid-template-columns:.82fr 1.18fr;gap:46px;margin-bottom:38px}.story-copy{max-width:none}.story-copy>p{margin-bottom:14px}.story-copy>p:first-of-type{font-size:17px}.story-media{margin-top:34px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#dff8e9,#f7ffe8 54%,#c9f2d8)}
.story-0{background:#fff}.story-1{background:linear-gradient(120deg,#eefaf3,#fbfdf8)}.story-2{background:#f8fbf8}.feature-row{padding:14px 0;grid-template-columns:minmax(155px,.4fr) 1fr;gap:22px}.feature-row b{position:relative;padding-left:17px}.feature-row b:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:2px;background:var(--green)}
.component-section{padding:76px 0;background:linear-gradient(145deg,#f4fbf6,#eef9f2);border-bottom:1px solid var(--line)}.component-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:0}.component-grid article{min-height:190px;padding:24px;border:1px solid #cce4d5;border-radius:18px;background:rgba(255,255,255,.86)}.component-grid article:nth-child(2n){background:linear-gradient(150deg,#fff,#effbe7)}.component-grid article>span{display:inline-flex;padding:5px 8px;border-radius:7px;background:#e0f7e9;font-weight:800}.component-grid article:before{right:18px;top:17px;border-radius:9px}.component-grid h3{margin:26px 48px 9px 0;font-size:23px;line-height:1.06}.component-grid p{line-height:1.48}
.product-band,.mobile-band{background:linear-gradient(160deg,#ecf9f1,#f8fdea)}.product-explorer{border-top:0}.explorer-nav{gap:7px}.explorer-nav button{padding:13px 7px;border:1px solid #cde2d5;border-radius:11px;background:rgba(255,255,255,.65)}.explorer-nav button.active{border-color:var(--green);background:#e7faee;box-shadow:0 8px 18px rgba(10,168,95,.1)}.explorer-stage{padding-top:26px;grid-template-columns:180px 1fr;gap:22px}.explorer-image{min-height:420px;padding:22px;border-radius:20px;box-shadow:0 20px 50px rgba(28,91,63,.08)}
.metric-lab{background:linear-gradient(135deg,#eefaf3,#f9fdeb)}.metric-workspace{display:grid;grid-template-columns:.78fr 1.22fr;gap:16px}.metric-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-tabs button{padding:19px;border:1px solid #c5dfcf;border-radius:16px;background:rgba(255,255,255,.78);text-align:left;color:var(--green-ink);cursor:pointer;transition:.2s}.metric-tabs button:hover{transform:translateY(-2px)}.metric-tabs button.active{border-color:var(--green);background:linear-gradient(145deg,#e4faec,#f8ffe5);box-shadow:0 14px 35px rgba(10,168,95,.12)}.metric-tabs span,.metric-tabs small{display:block}.metric-tabs span{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--green)}.metric-tabs strong{display:block;margin:7px 0;font-family:var(--serif);font-size:34px}.metric-tabs small{color:var(--muted);line-height:1.35}.metric-panel{padding:20px;border:1px solid #c5dfcf;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(24,82,56,.08)}.metric-panel-head,.metric-panel [data-metric-list]>div{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:12px;align-items:center}.metric-panel-head{padding:0 12px 11px;color:#789087;font-size:14px;text-transform:uppercase;letter-spacing:.11em}.metric-panel [data-metric-list]>div{padding:13px 12px;border-top:1px solid #e1ece5;font-size:14px}.metric-panel .c0{font-weight:700}.metric-panel .c2{padding:5px 8px;border-radius:7px;background:#e5f9ec;color:var(--green-deep);font-size:14px;font-weight:700}
.comparison-section{padding:72px 0;background:#fff;border-bottom:1px solid var(--line)}.comparison-scroll{overflow:auto;border:1px solid #c7dfd0;border-radius:18px;box-shadow:0 16px 45px rgba(25,80,57,.06)}.comparison-section table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.comparison-section th,.comparison-section td{padding:16px 18px;border-bottom:1px solid #dfebe3;border-right:1px solid #e6eee9;text-align:left;font-size:14px}.comparison-section thead th{background:#eef9f2;color:var(--green-deep);font-size:14px;text-transform:uppercase;letter-spacing:.07em}.comparison-section th.highlight{background:#dcf8e8;color:var(--green)}.comparison-section tbody th{font-weight:700}.comparison-section tbody td:last-child{background:#f2fbf5;color:var(--green-deep);font-weight:700}.comparison-section tbody tr:last-child>*{border-bottom:0}
.stats-strip .section-shell{gap:8px;padding:12px 0}.stats-strip .section-shell>div{min-height:92px;border:1px solid #d6e6dc;border-radius:13px;background:#fff}.stats-strip strong{font-size:24px;font-weight:600}.sector-index{padding:72px 0}.sector-list{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0}.sector-list a{min-height:76px;padding:14px 18px;border:1px solid #c4dfcf;border-radius:15px;background:rgba(255,255,255,.7)}.sector-list a:hover{padding-left:23px;background:#fff}.sector-list b{font-size:23px}
.faq-section{padding:78px 0}.faq-layout{grid-template-columns:.72fr 1.28fr;gap:70px}.faq-item button{padding:19px 0}.closing{padding:88px 0;background:radial-gradient(circle at 50% 100%,rgba(10,168,95,.2),transparent 44%),linear-gradient(135deg,#dff9e8,#f6ffdf 50%,#c9f3d8)}.closing h2{font-size:clamp(42px,4.8vw,66px)}.closing-orbit{width:560px;height:560px}
.form-section{padding:76px 0}.form-grid{grid-template-columns:.76fr 1.24fr;gap:72px}.contact-form{padding:28px;border:1px solid #c8dfd1;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(24,82,56,.08)}
footer{padding-top:62px;background:linear-gradient(145deg,#edf9f1,#e5f7eb)}.footer-top{padding-bottom:42px}.footer-grid{padding:38px 0}.footer-word{font-weight:600;opacity:.12}
@media(max-width:980px){:root{--shell:min(100% - 34px,900px);--hero-shell:min(100% - 34px,900px)}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:720px}.visual{min-height:470px}.proof-track{grid-template-columns:1fr 1fr}.proof-track>div{border-bottom:1px solid var(--line)}.component-grid{grid-template-columns:1fr 1fr}.metric-workspace{grid-template-columns:1fr}.story-grid,.story-grid.has-media{gap:32px}.journey-rail{top:68px}}
@media(max-width:680px){:root{--shell:calc(100% - 24px);--hero-shell:calc(100% - 24px)}.hero{padding:42px 0 48px}.hero h1{font-size:40px}.hero-copy>p{font-size:17px}.visual{min-height:310px}.proof-track{grid-template-columns:1fr}.proof-track>div{min-height:72px;padding:16px}.story-section,.component-section,.comparison-section,.faq-section,.form-section,.sector-index{padding:54px 0}.component-grid{grid-template-columns:1fr}.component-grid article{min-height:160px}.metric-tabs{grid-template-columns:1fr 1fr}.metric-tabs button{padding:14px}.metric-tabs strong{font-size:27px}.metric-panel{padding:12px}.metric-panel-head,.metric-panel [data-metric-list]>div{grid-template-columns:1fr .9fr}.metric-panel-head span:nth-child(2),.metric-panel .c1{display:none}.sector-list{grid-template-columns:1fr}.contact-form{padding:18px}.journey-rail{display:none}}

/* Homepage product-led sections */
.home-section-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px 70px;align-items:end;margin-bottom:36px}.home-section-intro .eyebrow{grid-column:1/-1;margin:0}.home-section-intro h2{margin:0;font-family:var(--serif);font-size:clamp(40px,4.4vw,62px);font-weight:600;line-height:.94;letter-spacing:-.055em}.home-section-intro h2 em{color:var(--green);font-style:normal}.home-section-intro>p{max-width:570px;margin:0 0 4px;color:var(--muted);font-size:17px}
.home-problem{padding:76px 0;background:#fff;border-bottom:1px solid var(--line)}.channel-map{display:grid;grid-template-columns:1.26fr .74fr;gap:14px}.channel-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.channel-list article{min-height:112px;padding:18px;display:grid;grid-template-columns:34px 1fr;align-items:start;gap:10px;border:1px solid #d1e3d8;border-radius:16px;background:#f9fcfa;transition:.2s}.channel-list article:hover{border-color:#9fd0b4;transform:translateY(-3px);box-shadow:0 14px 30px rgba(21,83,56,.08)}.channel-list article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e7f8ed;color:var(--green);font-size:14px;font-weight:800}.channel-list article div{display:flex;flex-direction:column}.channel-list article b{font-size:15px}.channel-list article small{color:var(--muted)}.channel-list article>i{grid-column:2;padding-top:9px;border-top:1px solid #e2ece6;color:#a35656;font-size:14px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.channel-list article:last-child{grid-column:1/-1}.channel-result{position:relative;padding:28px;display:flex;flex-direction:column;justify-content:center;border:1px solid #a8d3b9;border-radius:20px;background:radial-gradient(circle at 85% 10%,rgba(198,243,111,.62),transparent 32%),linear-gradient(145deg,#e7faee,#f8ffe9);overflow:hidden}.channel-result>small{color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.channel-result>strong{margin:3px 0 -8px;font-family:var(--serif);font-size:82px;line-height:1;color:var(--green)}.channel-result h3{max-width:280px;margin:0;font-family:var(--serif);font-size:31px;line-height:1.02}.channel-result>p{max-width:350px;color:var(--muted);font-size:17px}.channel-result>div{margin-top:12px;padding:14px;border:1px solid #b9dcc5;border-radius:12px;background:rgba(255,255,255,.65);display:flex;flex-direction:column}.channel-result>div b{font-size:14px}.channel-result>div span{color:var(--muted);font-size:14px}.signal-pulse{position:absolute;right:30px;top:30px;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(10,168,95,.1),0 0 0 17px rgba(10,168,95,.06)}
.home-dashboard{padding:82px 0;background:linear-gradient(145deg,#edf9f1,#f7fce9);border-bottom:1px solid var(--line)}.dashboard-shell{padding:14px;border:1px solid #bddbc8;border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 25px 65px rgba(24,84,58,.09)}.dashboard-context{padding:3px 4px 14px;display:flex;align-items:center;gap:8px}.dashboard-context span,.dashboard-context b{padding:7px 10px;border:1px solid #d2e4d9;border-radius:8px;background:#fff;color:var(--muted);font-size:14px}.dashboard-context span{margin-right:auto;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dashboard-context span i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(10,168,95,.1)}.dashboard-shell .product-explorer{border:0;min-width:0}.dashboard-shell .explorer-nav{grid-template-columns:repeat(8,minmax(108px,1fr));max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a8d5b9 transparent}.dashboard-shell .explorer-nav button{min-width:0;padding-inline:8px;white-space:nowrap}.dashboard-shell .explorer-stage{padding-top:14px;grid-template-columns:minmax(205px,.28fr) minmax(0,1fr)}.dashboard-shell .explorer-image{min-width:0;min-height:390px}.dashboard-shell .explorer-meta{min-width:0;padding-left:8px;padding-right:12px;overflow:visible}.dashboard-shell .explorer-meta h3{max-width:100%;font-size:clamp(27px,2.4vw,34px);overflow-wrap:anywhere}.dashboard-shell .explorer-meta a{display:inline-flex;max-width:100%;line-height:1.35}
.home-app-showcase{padding:82px 0;background:radial-gradient(circle at 46% 58%,rgba(198,243,111,.35),transparent 26%),linear-gradient(145deg,#effaf3,#f8fdea);border-bottom:1px solid var(--line);overflow:hidden}.app-intro{grid-template-columns:.9fr 1.1fr}.app-canvas{position:relative;min-height:630px;padding:20px;display:grid;grid-template-columns:245px minmax(310px,1fr) 310px;align-items:stretch;gap:14px;border:1px solid #bddbc8;border-radius:28px;background:rgba(255,255,255,.66);box-shadow:0 30px 80px rgba(22,88,59,.1);backdrop-filter:blur(12px)}.app-dock{padding:10px;display:flex;flex-direction:column;justify-content:center;gap:7px;border:1px solid #d0e3d7;border-radius:19px;background:rgba(249,252,250,.82)}.app-dock button{min-height:62px;padding:0 13px;display:grid;grid-template-columns:28px 1fr 10px;align-items:center;gap:9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.2s}.app-dock button span{font-size:14px;color:#91a59b}.app-dock button b{font-size:14px}.app-dock button i{width:7px;height:7px;border-radius:50%;border:1px solid #a6baaf}.app-dock button:hover{background:#fff;color:var(--green-ink)}.app-dock button.active{border-color:#9bd2b1;background:linear-gradient(135deg,#ddf8e8,#f4ffdf);color:var(--green-deep);box-shadow:0 9px 20px rgba(11,132,75,.1)}.app-dock button.active i{border-color:var(--green);background:var(--green);box-shadow:0 0 0 5px rgba(10,168,95,.1)}.app-phone-stage{position:relative;display:grid;place-items:center;min-width:0;border-radius:20px;background:linear-gradient(145deg,rgba(215,248,227,.7),rgba(244,255,221,.75));overflow:hidden}.app-phone{position:relative;z-index:3;width:248px;filter:drop-shadow(0 34px 34px rgba(18,75,50,.22));transition:.18s}.app-phone.switching{opacity:.2;transform:translateY(8px) scale(.98)}.app-orbit{position:absolute;border:1px solid rgba(10,168,95,.2);border-radius:50%}.app-orbit.o1{width:390px;height:390px}.app-orbit.o2{width:520px;height:520px}.app-notification{position:absolute;z-index:5;left:20px;top:40px;width:150px;padding:11px 10px 11px 36px;display:flex;flex-direction:column;border:1px solid #abd8bc;border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(20,88,59,.12);animation:notificationFloat 4s ease-in-out infinite}.app-notification i{position:absolute;left:12px;top:15px;width:14px;height:14px;border-radius:5px;background:var(--green)}.app-notification b{font-size:14px}.app-notification small{color:var(--muted);font-size:14px}@keyframes notificationFloat{50%{transform:translateY(-7px)}}.app-detail{padding:34px 26px;display:flex;flex-direction:column;justify-content:center;border:1px solid #d0e3d7;border-radius:19px;background:rgba(255,255,255,.86)}.app-detail>span{align-self:flex-start;padding:6px 9px;border-radius:8px;background:#e4f8eb;color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.app-detail>small{margin-top:30px;color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.app-detail h3{margin:7px 0 12px;font-family:var(--serif);font-size:35px;line-height:1}.app-detail>p{margin:0;color:var(--muted);font-size:17px}.app-proof{margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.app-proof>span{padding:11px;border:1px solid #d6e6dc;border-radius:10px;display:flex;flex-direction:column}.app-proof b{font-size:14px}.app-proof small{color:var(--muted);font-size:14px}.app-detail .button{align-self:flex-start;margin-top:auto}
.app-dock button>div{min-width:0;display:flex;flex-direction:column}.app-dock button>div b{line-height:1.25}.app-dock button>div small{display:none}.app-dock button.active{min-height:62px;padding-block:0;align-items:center}.app-dock button.active>span,.app-dock button.active>i{margin-top:0}.app-detail>p{max-width:32ch;line-height:1.65;text-wrap:pretty}
.home-security{padding:76px 0;background:#fff;border-bottom:1px solid var(--line)}.security-board{position:relative;padding:28px;display:grid;grid-template-columns:.8fr .45fr 1.15fr;gap:24px;align-items:center;border:1px solid #b9dac6;border-radius:25px;background:radial-gradient(circle at 40% 50%,rgba(198,243,111,.36),transparent 25%),linear-gradient(135deg,#edf9f1,#f8fdeb);overflow:hidden}.security-message h2{margin:0;font-family:var(--serif);font-size:clamp(35px,3.7vw,52px);line-height:.98}.security-message h2 em{color:var(--green);font-style:normal}.security-message p{color:var(--muted);font-size:17px}.security-radar{position:relative;width:155px;height:155px;display:grid;place-items:center;border:1px solid rgba(10,168,95,.35);border-radius:50%}.security-radar span{position:relative;z-index:3;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;text-align:center;font-size:14px;font-weight:800}.security-radar i{position:absolute;border:1px solid rgba(10,168,95,.22);border-radius:50%}.security-radar i:nth-of-type(1){width:108px;height:108px}.security-radar i:nth-of-type(2){width:190px;height:190px}.security-radar i:nth-of-type(3){width:230px;height:230px}.security-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.security-controls article{min-height:100px;padding:15px;border:1px solid #c9e0d2;border-radius:13px;background:rgba(255,255,255,.76)}.security-controls article:last-child{grid-column:1/-1}.security-controls span{color:var(--green);font-size:14px}.security-controls b{display:block;margin:6px 0 3px;font-size:14px}.security-controls p{margin:0;color:var(--muted);font-size:17px;line-height:1.35}
@media(max-width:1050px){.app-canvas{grid-template-columns:200px 1fr 270px}.security-board{grid-template-columns:.8fr .4fr 1.1fr}.app-notification{display:none}}
@media(max-width:850px){.home-section-intro{grid-template-columns:1fr;gap:16px}.home-section-intro .eyebrow{grid-column:1}.channel-map{grid-template-columns:1fr}.app-canvas{min-height:auto;grid-template-columns:1fr 1fr}.app-dock{grid-column:1/-1;flex-direction:row;overflow:auto;justify-content:flex-start}.app-dock button{min-width:145px}.app-phone-stage{min-height:530px}.security-board{grid-template-columns:1fr 1fr}.security-message{grid-column:1/-1}.security-radar{margin:auto}}
@media(max-width:850px){.app-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.app-dock button{width:100%;min-width:0}.app-dock button.active{min-height:62px}}
@media(max-width:600px){.app-dock{grid-template-columns:minmax(0,1fr)}.app-dock button.active{min-height:62px}.app-detail>p{max-width:none}}
@media(max-width:600px){.home-problem,.home-dashboard,.home-app-showcase,.home-security{padding:54px 0}.home-section-intro h2{font-size:40px}.channel-list{grid-template-columns:1fr}.channel-list article:last-child{grid-column:auto}.dashboard-shell{padding:9px;border-radius:18px}.dashboard-context{overflow:auto}.dashboard-context span,.dashboard-context b{flex:0 0 auto}.dashboard-shell .explorer-stage{grid-template-columns:1fr}.dashboard-shell .explorer-meta{padding:0}.dashboard-shell .explorer-image{min-height:260px}.app-canvas{padding:10px;grid-template-columns:1fr;border-radius:20px}.app-dock{grid-column:1}.app-phone-stage{min-height:480px}.app-phone{width:210px}.app-detail{padding:24px}.app-detail h3{font-size:30px}.app-detail .button{margin-top:24px}.security-board{padding:20px;grid-template-columns:1fr}.security-radar{display:none}.security-controls{grid-template-columns:1fr}.security-controls article:last-child{grid-column:1}.channel-result>strong{font-size:66px}}

/* Responsive repair pass: keep late design overrides from defeating the base breakpoints */
@media(max-width:980px){
  main{width:100%;overflow:hidden}
  .story-grid,.story-grid.has-media{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"heading" "copy" "media"!important;gap:28px}
  .story-grid>.section-heading,.story-grid.has-media>.section-heading{grid-area:heading;min-width:0}
  .story-grid>.story-copy,.story-grid.has-media>.story-copy{grid-area:copy;min-width:0;width:100%;max-width:none}
  .story-grid>.story-media,.story-grid.has-media>.story-media{grid-area:media;min-width:0;width:100%}
  .section-heading.wide{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:30px}
  .section-heading.wide .eyebrow,.section-heading.wide h2,.section-heading.wide>p,.section-heading.wide>.story-copy{grid-column:1;min-width:0}
  .faq-layout,.form-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .section-heading,.story-copy,.faq-list,.contact-form{min-width:0}
}
@media(max-width:680px){
  body{overflow-x:hidden}
  .hero-grid,.section-shell,.home-section-intro{min-width:0}
  .hero-copy,.hero-copy>p{min-width:0;max-width:100%}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hero-actions .button{width:100%;padding:0 12px}
  .visual:after{inset:0}
  .visual-stack .product-window,.visual-dashboard .product-window{left:0;right:0}
  .explorer-stage{grid-template-columns:minmax(0,1fr);gap:16px}
  .explorer-meta{padding:0;display:grid;grid-template-columns:1fr auto;align-items:end}
  .explorer-meta>span{grid-column:1/-1}.explorer-meta h3{margin-bottom:0}.explorer-image{width:100%;min-width:0}
  .explorer-nav{max-width:100%;overscroll-behavior-inline:contain}
  .story-copy .inline-actions{display:flex;flex-wrap:wrap}
  .feature-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .feature-row b{padding-left:16px}
  .closing-orbit{width:430px;height:430px}
  .faq-item button{align-items:flex-start}
  .faq-item button span{min-width:0}
}

/* Homepage hero composition: centered message, expansive product stage */
.home-hero{padding:82px 0 110px}
.home-hero .hero-grid{width:min(1120px,calc(100vw - 48px));grid-template-columns:minmax(0,1fr);gap:44px}
.home-hero .hero-copy{width:100%;max-width:100%;margin:0 auto;text-align:center}
.home-hero .hero-copy .eyebrow{justify-content:center}.home-hero .hero-copy .eyebrow:before{display:none}
.home-hero .home-title{max-width:1080px;margin-inline:auto;font-size:clamp(58px,5.65vw,78px);line-height:.92;letter-spacing:-.065em;text-align:center}
.home-hero .home-title>span,.home-hero .home-title>em{display:block;width:auto;max-width:100%;white-space:nowrap}
.home-hero .home-title>em{width:max-content;margin:9px auto 0}.home-hero .hero-copy>p{max-width:690px;margin:27px auto 0;font-size:17px;text-align:center}.home-hero .hero-actions,.home-hero .trust-note{justify-content:center}
.home-hero .visual-stack{width:min(1040px,100%);min-height:585px;margin:4px auto 0}
.home-hero .visual-stack:after{inset:38px 16px -8px;border-radius:44px}
.home-hero .product-window{left:7%;right:3%;top:75px}
.home-hero .visual-stack .phone-stage{left:0;bottom:-18px;width:188px}
.home-hero .hero-visual-tabs{left:50%;top:13px;transform:translateX(-50%)}
.home-hero .hero-reach-card{right:0;bottom:4px}
.home-hero .orbit-one{right:8%;top:70px}.home-hero .orbit-two{right:15%;top:135px}
.home-hero .visual-stack.mode-app .phone-stage{left:50%;width:245px}.home-hero .visual-stack.mode-app .product-window{transform:perspective(1100px) translate(48px,24px) scale(.9) rotateY(-4deg)}
@media(max-width:980px){.home-hero .hero-grid{width:min(900px,calc(100vw - 34px))}.home-hero .home-title{font-size:clamp(52px,7vw,67px)}.home-hero .home-title>span{white-space:normal}.home-hero .visual-stack{min-height:530px}.home-hero .product-window{left:5%;right:2%}}
@media(max-width:680px){.home-hero{padding:46px 0 66px}.home-hero .hero-grid{width:calc(100vw - 28px)!important;gap:30px}.home-hero .hero-copy{text-align:left}.home-hero .hero-copy .eyebrow{justify-content:flex-start}.home-hero .home-title{margin:0;font-size:42px;line-height:.94;text-align:left}.home-hero .home-title>span,.home-hero .home-title>em{white-space:normal!important}.home-hero .home-title>em{width:auto;margin:5px 0 0}.home-hero .hero-copy>p{margin:23px 0 0;text-align:left}.home-hero .hero-actions,.home-hero .trust-note{justify-content:flex-start}.home-hero .visual-stack{min-height:365px}.home-hero .visual-stack:after{inset:30px 0 -4px}.home-hero .hero-visual-tabs{top:3px}.home-hero .product-window{left:10px;right:0;top:56px}.home-hero .visual-stack .phone-stage{left:-3px;bottom:-8px;width:100px}.home-hero .hero-reach-card{right:0;bottom:-2px}.home-hero .visual-stack.mode-app .phone-stage{left:50%;width:150px}}
@media(max-width:420px){
  .hero h1{font-size:37px}
  .eyebrow{font-size:14px;letter-spacing:.13em}
  .hero-actions{grid-template-columns:1fr}
  .hero-actions .button{min-height:48px}
  .metric-tabs{grid-template-columns:1fr}
  .app-phone-stage{min-height:430px}
}

/* Content must never depend on JavaScript observation to remain visible. */
.story-section,.proof,.sector-index,.faq-section,.closing,.form-section{opacity:1;transform:none}

/* Dashboard explorer content hierarchy */
.dashboard-explorer .explorer-stage{grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);gap:28px}
.dashboard-explorer .explorer-meta{min-width:0;padding:18px 12px 0 8px}
.dashboard-explorer .explorer-meta h3{margin:7px 0 12px;overflow-wrap:anywhere}
.dashboard-explorer .explorer-meta p{margin:0 0 18px;color:var(--muted);font-size:17px;line-height:1.58;text-wrap:pretty}
.dashboard-explorer .explorer-meta a{display:inline-flex;align-items:center;gap:7px;margin-top:2px}
@media(max-width:900px){.dashboard-explorer .explorer-stage{grid-template-columns:minmax(210px,.4fr) minmax(0,1fr);gap:20px}}
@media(max-width:680px){.dashboard-explorer .explorer-stage{grid-template-columns:minmax(0,1fr);gap:16px}.dashboard-explorer .explorer-meta{padding:0}.dashboard-explorer .explorer-meta p{max-width:62ch;margin-bottom:14px}.dashboard-explorer .explorer-image{min-width:0;width:100%}}

/* Homepage source-copy synchronization */
.problem-conclusion{box-sizing:border-box;width:100%;max-width:none;margin:24px 0 0;padding:16px 24px;border-left:3px solid var(--green);background:#edf9f1;color:var(--green-ink);font-weight:700;line-height:1.5;text-align:center;text-wrap:balance}
.home-why .home-section-intro h2{grid-column:1/-1;max-width:940px}.home-why .home-section-intro{margin-bottom:28px}
.measurement-intro{color:var(--muted)}.measurement-intro p{margin:0 0 10px}.measurement-intro small{display:inline-flex;margin:0 0 12px;padding:6px 9px;border-radius:8px;background:#e2f8ea;color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.metric-tabs strong{font-size:34px}.metric-conclusion{box-sizing:border-box;width:100%;max-width:none;margin:24px 0 0;padding:16px 24px;border-left:3px solid var(--green);background:rgba(255,255,255,.68);color:var(--green-ink);font-weight:700;line-height:1.5;text-align:center;text-wrap:balance}
.dashboard-overview-link{padding:14px 4px 2px;display:flex;justify-content:flex-end}
.security-controls article{height:auto}.security-controls p{text-wrap:pretty}
.contextual-actions{margin-top:18px;display:flex;justify-content:center}.contextual-actions .button{min-height:42px}.security-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.security-actions .button{min-height:42px;padding-inline:15px}
@media(max-width:680px){.problem-conclusion,.metric-conclusion{margin-top:18px;padding:15px 18px;text-wrap:pretty}.dashboard-overview-link{justify-content:stretch}.dashboard-overview-link .button{width:100%}.measurement-intro{font-size:14px}}

/* Homepage problem story: one delivery report instead of disconnected cards */
.home-problem{position:relative;padding:108px 0;background:radial-gradient(circle at 88% 18%,rgba(185,240,101,.13),transparent 28%),linear-gradient(145deg,#092f24,#0b3b2c 58%,#083225);color:#fff;overflow:hidden}
.home-problem:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 10%,#000 65%,transparent)}
.home-problem .section-shell{position:relative;z-index:1}
.home-problem .home-section-intro{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:30px 80px;margin-bottom:48px;align-items:end}
.home-problem .home-section-intro .eyebrow{color:var(--lime)}
.home-problem .home-section-intro h2{font-size:clamp(48px,5.7vw,76px);font-weight:500;line-height:.91;letter-spacing:-.06em}
.home-problem .home-section-intro h2>span{color:#fff}.home-problem .home-section-intro h2 em{color:var(--lime)}
.home-problem .home-section-intro>p{max-width:500px;margin-bottom:5px;color:#b8cfc5;font-size:17px;line-height:1.7}
.problem-console{border:1px solid rgba(211,240,221,.32);border-radius:28px;background:#f6faf7;color:var(--green-ink);box-shadow:0 36px 90px rgba(0,15,10,.28);overflow:hidden}
.problem-console-bar{min-height:62px;padding:0 24px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;border-bottom:1px solid #d3e3d9;background:rgba(255,255,255,.82)}
.problem-console-bar>div{display:flex;align-items:center;gap:10px;color:var(--green-deep);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.problem-console-bar i{width:8px;height:8px;border-radius:50%;background:#e5a33f;box-shadow:0 0 0 5px rgba(229,163,63,.13)}
.problem-console-bar b{padding:7px 11px;border:1px solid #ead7b7;border-radius:999px;background:#fff9ed;color:#966118;font-size:14px;letter-spacing:.04em}.problem-console-bar small{color:#82978d;font-size:14px}
.problem-console-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);min-height:500px}
.home-problem .channel-list{position:relative;padding:28px;display:flex;flex-direction:column;gap:0;background:linear-gradient(135deg,#f8fbf9,#eff6f1)}
.home-problem .channel-list:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:1px;background:#cedfd4}
.home-problem .channel-list article{position:relative;min-height:83px;padding:15px 18px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;border:0;border-bottom:1px solid #d7e5dc;border-radius:0;background:transparent;box-shadow:none;transition:.2s}
.home-problem .channel-list article:last-child{grid-column:auto;border-bottom:0}.home-problem .channel-list article:hover{padding-left:24px;border-color:#b8d6c4;background:rgba(255,255,255,.72);box-shadow:none;transform:none}
.home-problem .channel-list article>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #b9d8c5;border-radius:50%;background:#fff;color:var(--green);font-size:14px;font-weight:800}
.home-problem .channel-list article div{display:flex;flex-direction:column;min-width:0}.home-problem .channel-list article b{font-size:15px}.home-problem .channel-list article small{color:var(--muted);font-size:14px}
.home-problem .channel-list article>i{grid-column:auto;padding:6px 9px;border:1px solid #ead8c0;border-radius:999px;background:#fffaf1;color:#a26b28;font-size:14px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.home-problem .channel-result{position:relative;padding:42px;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;background:radial-gradient(circle at 82% 12%,rgba(185,240,101,.24),transparent 30%),#0d4432;color:#fff;overflow:hidden}
.home-problem .channel-result:before,.home-problem .channel-result:after{content:"";position:absolute;border:1px solid rgba(185,240,101,.14);border-radius:50%}.home-problem .channel-result:before{width:260px;height:260px;right:-100px;top:-110px}.home-problem .channel-result:after{width:170px;height:170px;right:-55px;top:-65px}
.home-problem .channel-result>small{position:relative;z-index:1;color:var(--lime);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.home-problem .channel-result>strong{position:absolute;right:31px;top:8px;margin:0;color:rgba(185,240,101,.18);font-family:var(--serif);font-size:150px;font-weight:500;line-height:1}
.home-problem .channel-result h3{position:relative;z-index:1;max-width:330px;margin:16px 0 12px;font-family:var(--serif);font-size:clamp(31px,3.2vw,44px);font-weight:500;line-height:.98;letter-spacing:-.04em}.home-problem .channel-result>p{position:relative;z-index:1;max-width:370px;margin:0;color:#b9d0c6;font-size:17px}
.home-problem .channel-result ul{position:relative;z-index:1;margin:24px 0;padding:0;display:grid;gap:8px;list-style:none}.home-problem .channel-result li{padding-left:20px;color:#d6e5de;font-size:17px}.home-problem .channel-result li:before{content:"\00d7";position:absolute;margin-left:-18px;color:#efb75c;font-weight:800}
.home-problem .channel-result>div{position:relative;z-index:1;margin-top:7px;padding:15px 16px;display:flex;flex-direction:column;border:1px solid rgba(185,240,101,.25);border-radius:13px;background:rgba(255,255,255,.07)}.home-problem .channel-result>div b{color:var(--lime);font-size:14px}.home-problem .channel-result>div span{color:#aac3b8;font-size:14px}
@media(max-width:850px){.home-problem .home-section-intro{grid-template-columns:1fr;gap:20px}.problem-console-grid{grid-template-columns:1fr}.home-problem .channel-list:after{display:none}.problem-console-bar{grid-template-columns:1fr auto}.problem-console-bar small{display:none}}
@media(max-width:600px){.home-problem{padding:68px 0}.home-problem .home-section-intro{margin-bottom:30px}.home-problem .home-section-intro h2{font-size:46px}.home-problem .home-section-intro>p{font-size:17px}.problem-console{border-radius:20px}.problem-console-bar{padding:13px 16px;grid-template-columns:1fr;gap:7px}.problem-console-bar b{justify-self:start}.home-problem .channel-list{padding:12px}.home-problem .channel-list article{min-height:76px;padding:12px 8px;grid-template-columns:34px minmax(0,1fr)}.home-problem .channel-list article>i{grid-column:2;justify-self:start}.home-problem .channel-result{padding:34px 26px}.home-problem .channel-result>strong{font-size:110px}}

/* Homepage hero: controlled headline rhythm and interactive product depth */
.home-hero{padding:82px 0 96px;background:radial-gradient(circle at 76% 42%,rgba(180,244,164,.58),transparent 28%),radial-gradient(circle at 92% 12%,rgba(185,240,101,.32),transparent 23%),linear-gradient(135deg,#fbfcf8 20%,#f4fbf5 62%,#e6f8eb)}
.home-hero .hero-grid{grid-template-columns:minmax(430px,.88fr) minmax(560px,1.12fr);gap:52px;align-items:center}
.home-hero .hero-copy{max-width:610px}.home-hero .home-title{max-width:none;font-size:clamp(50px,4.75vw,70px);line-height:.91;letter-spacing:-.06em;text-wrap:balance}.home-title>span,.home-title>em{display:block;white-space:nowrap}.home-title>span:nth-child(2){color:var(--green-deep)}.home-title>em{width:max-content;margin-top:7px;color:var(--green);font-style:normal}.home-title>em:after{bottom:-5px;height:9px}
.home-hero .hero-copy>p{max-width:550px;margin-top:28px;font-size:17px;line-height:1.62}.home-hero .hero-actions{margin-top:30px}
.home-hero .visual-stack{--rx:0deg;--ry:0deg;min-height:555px;transform:none;isolation:isolate}
.home-hero .visual-stack:after{inset:35px -12px 4px 25px;border-radius:42px;background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.72),transparent 25%),linear-gradient(145deg,rgba(205,249,148,.9),rgba(77,218,142,.27) 48%,rgba(10,168,95,.38));box-shadow:inset 0 0 0 1px rgba(10,168,95,.14),0 35px 70px rgba(12,86,55,.1)}
.hero-visual-tabs{position:absolute;z-index:8;left:48px;top:15px;padding:5px;display:flex;gap:3px;border:1px solid rgba(143,195,164,.65);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(21,82,57,.1);backdrop-filter:blur(14px)}
.hero-visual-tabs button{min-height:32px;padding:0 13px;display:flex;align-items:center;gap:7px;border:0;border-radius:999px;background:transparent;color:#71867c;font-size:14px;font-weight:800;cursor:pointer;transition:.25s}.hero-visual-tabs button i{width:6px;height:6px;border:1px solid #94aa9f;border-radius:50%}.hero-visual-tabs button.active{background:var(--green-deep);color:#fff;box-shadow:0 7px 16px rgba(7,93,61,.2)}.hero-visual-tabs button.active i{border-color:var(--lime);background:var(--lime);box-shadow:0 0 0 4px rgba(185,240,101,.13)}
.home-hero .product-window{left:48px;right:-8px;top:74px;z-index:3;padding-bottom:5px;border-color:rgba(21,102,64,.2);border-radius:19px;box-shadow:0 34px 70px rgba(18,75,51,.22);transform:perspective(1100px) rotateX(var(--rx)) rotateY(calc(var(--ry) - 3deg)) translate(var(--mx),var(--my));transform-origin:center;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s}
.home-hero .window-bar{height:31px;padding-inline:12px;background:linear-gradient(90deg,#fff,#f4faf6)}.home-hero .window-bar b{margin-left:auto;color:var(--green);font-size:14px;letter-spacing:.13em}
.home-hero .visual-stack .phone-stage{left:-5px;bottom:-10px;width:168px;z-index:5;filter:drop-shadow(0 30px 28px rgba(12,65,43,.28));transform:translate(calc(var(--mx) * -.7),calc(var(--my) * -.7)) rotate(-2deg);transition:left .45s cubic-bezier(.2,.8,.2,1),bottom .45s,width .45s,transform .38s,filter .35s}
.phone-push{position:absolute;z-index:8;left:77%;top:19%;width:138px;padding:10px 10px 10px 34px;display:flex;flex-direction:column;border:1px solid rgba(139,199,162,.7);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 15px 30px rgba(15,79,51,.16);line-height:1.25;animation:heroFloat 4.2s ease-in-out infinite}.phone-push>i{position:absolute;left:11px;top:13px;width:14px;height:14px;border-radius:5px;background:var(--green);box-shadow:0 0 0 5px rgba(8,166,87,.1)}.phone-push b{font-size:14px}.phone-push small{color:var(--muted);font-size:14px}
.hero-reach-card{position:absolute;z-index:7;right:-20px;bottom:10px;width:180px;padding:14px 15px;border:1px solid rgba(133,193,158,.72);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 18px 38px rgba(14,78,50,.16);backdrop-filter:blur(12px);transform:translate(calc(var(--mx) * -.45),calc(var(--my) * -.45));transition:.35s}.hero-reach-card>span{display:block;color:var(--muted);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.hero-reach-card>strong{display:block;margin:2px 0;color:var(--green-deep);font-family:var(--serif);font-size:29px;line-height:1}.hero-reach-card>i{height:5px;margin:7px 0;display:block;border-radius:99px;background:#dceae1;overflow:hidden}.hero-reach-card>i b{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--lime))}.hero-reach-card>small{color:#748a80;font-size:14px}
.hero-orbit{position:absolute;z-index:1;border:1px solid rgba(7,126,68,.18);border-radius:50%;pointer-events:none}.orbit-one{width:430px;height:430px;right:-25px;top:52px;animation:orbitSpin 24s linear infinite}.orbit-two{width:300px;height:300px;right:43px;top:117px;border-style:dashed;animation:orbitSpin 18s linear infinite reverse}
.home-hero .visual-stack.mode-app .product-window{opacity:.48;filter:saturate(.7) blur(.3px);transform:perspective(1100px) translate(78px,20px) scale(.88) rotateY(-5deg)}.home-hero .visual-stack.mode-app .phone-stage{left:49%;bottom:-18px;width:225px;transform:translateX(-50%) rotate(0);filter:drop-shadow(0 38px 36px rgba(12,65,43,.3))}.home-hero .visual-stack.mode-app .hero-reach-card{right:-5px;bottom:35px}.home-hero .visual-stack.mode-app .phone-push{left:72%;top:16%}
@keyframes heroFloat{50%{transform:translateY(-7px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.home-hero .hero-grid{grid-template-columns:minmax(390px,.86fr) minmax(500px,1.14fr);gap:30px}.home-hero .home-title{font-size:clamp(47px,5.6vw,62px)}.hero-reach-card{right:0}}
@media(max-width:980px){.home-hero{padding-top:64px}.home-hero .hero-grid{grid-template-columns:1fr}.home-hero .hero-copy{max-width:720px}.home-hero .home-title{font-size:clamp(54px,8vw,68px)}.home-hero .visual-stack{width:min(720px,100%);min-height:560px;margin-top:24px}}
@media(max-width:680px){.home-hero{padding:46px 0 58px}.home-hero .hero-grid,.home-hero .hero-copy{width:100%;min-width:0;max-width:100%}.home-hero .home-title,.home-hero .hero-copy>p{width:100%;min-width:0;max-width:100%}.home-hero .home-title{font-size:clamp(39px,11vw,50px);line-height:.94;overflow-wrap:normal}.home-title>span,.home-title>em{width:auto;max-width:100%;white-space:normal}.home-title>em{margin-top:4px}.home-hero .hero-actions{width:100%;min-width:0}.home-hero .hero-actions .button{min-width:0;padding-inline:10px;font-size:14px}.home-hero .visual-stack{width:100%;min-width:0;min-height:365px;margin-top:20px}.home-hero .visual-stack:after{inset:28px 0 0 8px;border-radius:25px}.hero-visual-tabs{left:18px;top:4px}.home-hero .product-window{left:16px;right:4px;top:55px;border-radius:13px}.home-hero .visual-stack .phone-stage{left:0;bottom:-5px;width:94px}.phone-push{display:none}.hero-reach-card{right:4px;bottom:4px;width:145px;padding:10px}.hero-reach-card>strong{font-size:23px}.hero-orbit{display:none}.home-hero .visual-stack.mode-app .product-window{transform:translate(35px,12px) scale(.86);opacity:.42}.home-hero .visual-stack.mode-app .phone-stage{left:48%;bottom:-8px;width:145px}.home-hero .visual-stack.mode-app .hero-reach-card{right:4px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.phone-push,.hero-orbit{animation:none}.home-hero .product-window,.home-hero .phone-stage,.hero-reach-card{transition:none}}
@media(max-width:680px){
  .home-hero .hero-grid{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;margin-inline:auto;overflow:visible}
  .home-hero .hero-copy,.home-hero .home-title,.home-hero .hero-copy>p,.home-hero .hero-actions{width:100%!important;max-width:100%!important;min-width:0!important}
  .home-hero .home-title{font-size:38px;line-height:.95;text-wrap:wrap}
  .home-hero .home-title>span,.home-hero .home-title>em{white-space:normal!important;overflow-wrap:break-word}
  .home-hero .hero-copy>p{font-size:17px;overflow-wrap:break-word}
  .home-hero .hero-actions{grid-template-columns:1fr;gap:9px}
  .home-hero .hero-actions .button{width:100%}
  .home-hero .visual-stack{width:100%!important;max-width:100%!important}
}

/* Dashboard product pages — compact, interactive SaaS system */
.dashboard-page{--dash-shell:min(1120px,calc(100vw - 48px));--module:#0aa85f;--module-soft:#e8f8ef;background:#f8fbf8;color:var(--green-ink);overflow-x:hidden}
.dashboard-page .section-shell{width:var(--dash-shell)}
.dashboard-page h1,.dashboard-page h2,.dashboard-page h3{font-family:var(--serif);text-wrap:balance}
.dashboard-page .eyebrow{margin-bottom:13px}
.dash-overview-hero,.dash-module-hero{padding:62px 0 32px;background:radial-gradient(circle at 80% 20%,rgba(198,243,111,.38),transparent 26%),linear-gradient(145deg,#f8fcf9,#edf8f1);border-bottom:1px solid #cee3d5}
.dash-overview-hero>.section-shell,.dash-module-hero>.section-shell{display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:48px;align-items:center}
.dash-overview-hero>.section-shell>*,.dash-module-hero>.section-shell>*,.dash-hero-console,.module-screen,.module-identity{min-width:0}
.dash-hero-copy h1,.module-identity h1{margin:0;font-size:clamp(44px,4.8vw,66px);font-weight:600;line-height:.94;letter-spacing:-.05em}
.dash-hero-copy h1 em,.module-identity h1 em{color:var(--module);font-style:normal}
.dash-hero-copy>p,.module-identity>p{max-width:570px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.65}
.dash-hero-console,.module-screen{position:relative;padding:12px;border:1px solid #b8d9c5;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 28px 65px rgba(19,82,53,.14);overflow:hidden}
.dash-hero-console>img,.module-screen>img{display:block;width:100%;height:auto;border-radius:13px}
.console-bar,.screen-signal{height:35px;padding:0 6px;display:flex;align-items:center;gap:8px;color:#6c8177;font-size:14px;text-transform:uppercase;letter-spacing:.1em}
.console-bar i,.screen-signal i{width:8px;height:8px;border-radius:50%;background:var(--module);box-shadow:0 0 0 5px color-mix(in srgb,var(--module) 13%,transparent)}
.console-bar b{margin-left:auto;padding:4px 7px;border-radius:6px;background:#e4f8eb;color:var(--green);font-size:14px}
.console-status{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.console-status span{padding:10px;border:1px solid #d4e7db;border-radius:10px;color:var(--muted);font-size:14px}.console-status b{display:block;color:var(--module);font-size:18px}
.dash-module-nav{width:100%;margin:18px 0 0;padding:7px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;border:1px solid #c8dfd1;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 12px 34px rgba(18,76,50,.06)}
.dash-module-nav a{min-width:0;padding:10px 8px;display:flex;flex-direction:column;gap:3px;border:1px solid transparent;border-radius:9px;color:#70877c;transition:.2s}.dash-module-nav a:hover{background:#f0faf4;color:var(--green)}.dash-module-nav a.active{border-color:color-mix(in srgb,var(--module) 35%,#cfe4d6);background:var(--module-soft);color:var(--module)}.dash-module-nav span{font-size:14px}.dash-module-nav b{overflow:hidden;font-size:14px;text-overflow:ellipsis}
.dash-section{padding:74px 0;border-bottom:1px solid #d7e7dd}.dash-section-head{max-width:760px;margin-bottom:30px}.dash-section-head.split{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}.dash-section-head h2{margin:0;font-size:clamp(34px,3.8vw,52px);line-height:1;letter-spacing:-.035em}.dash-section-head>p,.dash-section-head.split p{margin:0;color:var(--muted);line-height:1.65}
.dash-fragmentation{background:#fff}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cost-grid article{min-height:165px;padding:22px;border:1px solid #d3e4d9;border-radius:17px;background:linear-gradient(145deg,#fbfdfb,#f1f8f4)}.cost-grid article>span,.fit-grid article>span{color:var(--green);font-size:14px}.cost-grid h3,.fit-grid h3{margin:28px 0 8px;font-size:23px}.cost-grid p,.fit-grid p{margin:0;color:var(--muted);font-size:17px;line-height:1.55}
.replacement-lab{background:linear-gradient(135deg,#edf9f2,#f8fce9)}.replacement-table{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.replacement-table button{min-height:130px;padding:14px;display:flex;flex-direction:column;gap:10px;border:1px solid #c7ddd0;border-radius:13px;background:rgba(255,255,255,.7);color:var(--green-ink);text-align:left;cursor:pointer;transition:.2s}.replacement-table button:hover{transform:translateY(-3px)}.replacement-table button.active{border-color:var(--green);background:#fff;box-shadow:0 14px 30px rgba(10,168,95,.12)}.replacement-table span{font-size:14px;font-weight:800}.replacement-table small{color:#98665f;font-size:14px}.replacement-table b{margin-top:auto;color:var(--green);font-size:14px}.replacement-result{margin-top:12px;padding:18px 22px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border:1px solid #acd5bc;border-radius:15px;background:#fff}.replacement-result div{display:flex;flex-direction:column}.replacement-result small{color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.11em}.replacement-result strong{font-size:15px}.replacement-result i{color:var(--green);font-size:24px;font-style:normal}
.module-command{background:#fff}.module-command .product-explorer{margin-top:0}.module-command .explorer-nav{grid-template-columns:repeat(8,1fr)}
.structure-engine{background:#f7fbf8}.structure-engine>.section-shell{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-areas:"copy graph" "results results";gap:34px 70px;align-items:center}.structure-copy{grid-area:copy}.structure-copy h2{margin:0;font-size:50px;line-height:.95}.structure-copy p{color:var(--muted);line-height:1.65}.structure-copy blockquote{margin:24px 0 0;padding:16px 18px;border-left:3px solid var(--green);background:#eaf8ef;font-size:14px;font-weight:700}.structure-graph{grid-area:graph;position:relative;min-height:330px;border:1px solid #bedbc9;border-radius:24px;background-image:linear-gradient(rgba(10,168,95,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(10,168,95,.06) 1px,transparent 1px);background-size:32px 32px;overflow:hidden}.graph-core{position:absolute;left:50%;top:50%;width:125px;height:125px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--green);color:#fff;font-weight:800;box-shadow:0 0 0 25px rgba(10,168,95,.09)}.structure-graph span{position:absolute;padding:10px 14px;border:1px solid #a9d2b9;border-radius:999px;background:#fff;font-size:14px;font-weight:700}.structure-graph span:after{content:"";position:absolute;width:80px;height:1px;background:#96caaa;transform-origin:left}.g1{left:9%;top:15%}.g1:after{left:100%;top:50%;transform:rotate(25deg)}.g2{right:8%;top:16%}.g2:after{right:100%;top:50%;transform:rotate(155deg)}.g3{left:7%;bottom:18%}.g3:after{left:100%;top:50%;transform:rotate(-22deg)}.g4{right:6%;bottom:17%}.g4:after{right:100%;top:50%;transform:rotate(202deg)}.g5{left:50%;bottom:5%;transform:translateX(-50%)}.g5:after{left:50%;bottom:100%;transform:rotate(-90deg)}.structure-results{grid-area:results;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.structure-results article{padding:16px;border:1px solid #cce2d4;border-radius:12px;background:#fff;font-size:14px;font-weight:700}.structure-results span{display:block;margin-bottom:13px;color:var(--green);font-size:14px}
.dash-fit{background:#fff}.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.fit-grid article{min-height:190px;padding:20px;border:1px solid #cfe2d6;border-radius:16px;background:linear-gradient(145deg,#fff,#f2f9f5)}
.objections{background:#eef9f2}.objection-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.objection-stack article{border:1px solid #c4dfcf;border-radius:16px;background:rgba(255,255,255,.68);overflow:hidden}.objection-stack button{width:100%;min-height:100px;padding:20px;border:0;background:none;color:var(--green-ink);text-align:left;font-weight:800;cursor:pointer}.objection-stack p{display:none;margin:0;padding:0 20px 20px;color:var(--muted);font-size:17px;line-height:1.6}.objection-stack article.active{background:#fff;box-shadow:0 18px 45px rgba(20,84,56,.1)}.objection-stack article.active p{display:block}
.module-number{display:inline-grid;width:44px;height:44px;margin-bottom:22px;place-items:center;border:1px solid color-mix(in srgb,var(--module) 45%,#bdd7c7);border-radius:12px;background:var(--module-soft);color:var(--module);font-weight:800}.module-screen:after{content:"";position:absolute;right:-80px;bottom:-100px;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--module) 18%,transparent);filter:blur(20px)}
.module-problem{background:#fff}.module-problem>.section-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.problem-signal{position:relative;min-height:275px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #cbded2;border-radius:23px;background:linear-gradient(145deg,#f2f7f4,#fff);overflow:hidden}.problem-signal:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(160,95,83,.07) 35px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(160,95,83,.07) 35px)}.problem-signal>span,.problem-signal>b{position:relative;z-index:2}.problem-signal>span{color:#9c655d;font-size:14px;text-transform:uppercase;letter-spacing:.14em}.problem-signal>b{font-size:34px}.problem-signal i{position:absolute;left:25px;right:25px;height:2px;background:#d9b0a8}.problem-signal i:nth-of-type(1){top:78px}.problem-signal i:nth-of-type(2){top:127px;width:42%}.problem-signal i:nth-of-type(3){top:176px;width:67%}.problem-copy h2{margin:0;font-size:47px;line-height:1}.problem-copy p{color:var(--muted);font-size:17px;line-height:1.68}
.capability-section{background:var(--module-soft)}.capability-console{min-height:560px;padding:12px;display:grid;grid-template-columns:300px 1fr;gap:12px;border:1px solid color-mix(in srgb,var(--module) 30%,#c8ddd0);border-radius:24px;background:rgba(255,255,255,.74);box-shadow:0 25px 65px rgba(19,78,53,.09)}.capability-console>nav{max-height:540px;padding:8px;display:flex;flex-direction:column;gap:6px;overflow:auto;border:1px solid #d6e5dc;border-radius:16px;background:#f9fcfa}.capability-console nav button{padding:12px;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;border:1px solid transparent;border-radius:10px;background:transparent;color:#62796e;text-align:left;cursor:pointer}.capability-console nav button:hover{background:#fff}.capability-console nav button.active{border-color:color-mix(in srgb,var(--module) 38%,#d5e6dc);background:#fff;color:var(--module);box-shadow:0 8px 18px rgba(20,80,54,.07)}.capability-console nav span{font-size:14px}.capability-console nav b{font-size:14px;line-height:1.35}.capability-stage{position:relative;min-width:0;border-radius:17px;background:linear-gradient(145deg,#edf7f1,#fafff2);overflow:hidden}.stage-screen{position:absolute;inset:22px 22px 155px;padding:8px;border:1px solid #bed8c8;border-radius:14px;background:#fff;overflow:hidden}.stage-screen img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px}.capability-stage article{position:absolute;z-index:3;left:22px;right:22px;bottom:22px;min-height:112px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--module) 32%,#c5ddd0);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 15px 35px rgba(20,76,52,.1);opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s}.capability-stage article.active{opacity:1;transform:none}.capability-stage small{color:var(--module);font-size:14px;text-transform:uppercase;letter-spacing:.1em}.capability-stage h3{margin:6px 0 7px;font-size:23px}.capability-stage p{margin:0;color:var(--muted);font-size:17px;line-height:1.5}
.module-process{background:#fff}.process-console{padding:14px;display:grid;grid-template-columns:1fr 1.2fr;gap:12px;border:1px solid #cadfd2;border-radius:23px;background:#f6faf7}.process-controls{display:grid;gap:7px}.process-controls button{min-height:72px;padding:12px 15px;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:10px;border:1px solid #d3e3d9;border-radius:12px;background:#fff;color:var(--green-ink);text-align:left;cursor:pointer;transition:.2s}.process-controls button:hover{transform:translateX(4px)}.process-controls button.active{border-color:var(--module);background:var(--module-soft);color:var(--module)}.process-controls span{font-size:14px}.process-controls b{font-size:14px}.process-output{position:relative;min-height:370px;border-radius:17px;background:linear-gradient(145deg,#0d372a,#0a5b3b);overflow:hidden}.process-output:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:30px 30px}.process-output article{position:absolute;inset:0;padding:38px;display:flex;flex-direction:column;justify-content:center;color:#fff;opacity:0;transform:translateX(20px);transition:.25s}.process-output article.active{opacity:1;transform:none}.process-output small{color:#a8efc9;text-transform:uppercase;letter-spacing:.13em}.process-output h3{max-width:430px;margin:14px 0;font-size:39px;line-height:1}.process-output p{max-width:470px;color:#d3eee0}.process-pulse{margin-top:25px;display:flex;align-items:center;gap:10px;font-size:14px}.process-pulse i{width:9px;height:9px;border-radius:50%;background:#b9f065;box-shadow:0 0 0 7px rgba(185,240,101,.12)}
.module-insight{background:linear-gradient(145deg,#eff9f3,#f8fce9)}.module-insight>.section-shell{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.insight-copy h2{margin:0;font-size:46px;line-height:1}.insight-copy p{color:var(--muted);line-height:1.65}.insight-visual{position:relative;min-height:390px;padding:18px;border:1px solid #bad8c5;border-radius:22px;background:#fff;overflow:hidden}.insight-visual>span{display:block;margin-bottom:12px;color:var(--module);font-size:14px;text-transform:uppercase;letter-spacing:.13em}.insight-visual>img{width:100%;height:290px;object-fit:cover;object-position:top;border-radius:13px}.insight-visual>div{position:absolute;right:30px;bottom:30px;padding:13px 17px;border:1px solid #add2ba;border-radius:12px;background:#fff;box-shadow:0 14px 28px rgba(14,73,47,.12)}.insight-visual b{display:block;color:var(--module);font-size:24px}.insight-visual small{color:var(--muted);font-size:14px}.module-faq .related{border:0}.module-closing{background:linear-gradient(135deg,var(--module-soft),#f4ffd8)}
/* Each module gets a different operating surface */
.module-shawts{--module:#08a657;--module-soft:#e8f8ef}.module-organization{--module:#087b59;--module-soft:#e6f5ef}.module-moderation{--module:#15966c;--module-soft:#e8f7f1}.module-library{--module:#5b9637;--module-soft:#eff8e8}.module-events{--module:#0b8f78;--module-soft:#e7f7f3}.module-ticketing{--module:#138a59;--module-soft:#eaf7ef}.module-tracking{--module:#087f6b;--module-soft:#e7f6f3}.module-administration{--module:#4c8c3b;--module-soft:#eef7e9}
.module-organization .capability-console{grid-template-columns:1fr 1.25fr}.module-organization .capability-console>nav{display:grid;grid-template-columns:1fr 1fr;align-content:start}.module-organization .stage-screen{inset:26px 26px 175px}.module-moderation .capability-console nav button:after{content:"review";grid-column:2;color:#d3865f;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.module-library .capability-stage{border-radius:8px 17px 17px 17px}.module-library .capability-stage:before{content:"DOCUMENT VAULT";position:absolute;z-index:4;left:0;top:0;padding:9px 20px;border-radius:0 0 12px 0;background:var(--module);color:#fff;font-size:14px;letter-spacing:.12em}.module-events .process-console{grid-template-columns:1fr}.module-events .process-controls{grid-template-columns:repeat(5,1fr)}.module-events .process-controls button{grid-template-columns:1fr;min-height:92px}.module-events .process-output{min-height:300px}.module-ticketing .capability-console{grid-template-columns:1fr 300px}.module-ticketing .capability-console>nav{grid-column:2}.module-ticketing .capability-stage{grid-column:1;grid-row:1}.module-tracking .process-output{background-color:#0a4f3e;background-image:radial-gradient(circle at 32% 40%,rgba(185,240,101,.28) 0 5px,transparent 6px),radial-gradient(circle at 68% 62%,rgba(185,240,101,.24) 0 5px,transparent 6px)}.module-administration .capability-console>nav{display:grid;grid-template-columns:1fr 1fr;align-content:start}.module-administration .capability-console nav button{grid-template-columns:25px 1fr}
@media(max-width:980px){.dashboard-page{--dash-shell:min(900px,calc(100vw - 34px))}.dash-overview-hero>.section-shell,.dash-module-hero>.section-shell{grid-template-columns:1fr}.dash-hero-console,.module-screen{max-width:780px}.dash-module-nav{grid-template-columns:repeat(4,1fr)}.replacement-table{grid-template-columns:repeat(4,1fr)}.structure-engine>.section-shell{grid-template-columns:1fr;grid-template-areas:"copy" "graph" "results"}.fit-grid{grid-template-columns:1fr 1fr}.capability-console,.module-organization .capability-console,.module-ticketing .capability-console{grid-template-columns:260px 1fr}.module-ticketing .capability-console>nav{grid-column:1}.module-ticketing .capability-stage{grid-column:2}.module-problem>.section-shell{gap:35px}.module-insight>.section-shell{gap:35px}}
@media(max-width:680px){.dashboard-page{--dash-shell:calc(100vw - 24px)}.dash-overview-hero,.dash-module-hero{padding:42px 0 24px}.dash-overview-hero>.section-shell,.dash-module-hero>.section-shell{gap:30px}.dash-hero-copy h1,.module-identity h1{max-width:100%;font-size:clamp(34px,11vw,42px);overflow-wrap:anywhere}.module-identity>p{font-size:17px}.module-identity .hero-actions{display:grid;grid-template-columns:1fr}.module-identity .button{width:100%}.dash-module-nav{display:flex;overflow-x:auto}.dash-module-nav a{flex:0 0 105px}.dash-section{padding:52px 0}.dash-section-head.split{grid-template-columns:1fr;gap:13px}.dash-section-head h2,.structure-copy h2,.problem-copy h2,.insight-copy h2{font-size:37px}.cost-grid,.fit-grid,.objection-stack,.structure-results{grid-template-columns:1fr}.replacement-table{display:flex;overflow-x:auto}.replacement-table button{flex:0 0 170px}.replacement-result{grid-template-columns:1fr}.replacement-result i{transform:rotate(90deg)}.structure-graph{min-height:300px}.module-problem>.section-shell,.module-insight>.section-shell{grid-template-columns:1fr;gap:30px}.problem-signal{min-height:210px}.capability-console,.module-organization .capability-console,.module-ticketing .capability-console{min-height:0;grid-template-columns:1fr}.capability-console>nav,.module-organization .capability-console>nav,.module-administration .capability-console>nav{grid-column:1;display:flex;max-height:none;overflow-x:auto}.capability-console nav button{flex:0 0 185px}.capability-stage,.module-ticketing .capability-stage{grid-column:1;grid-row:auto;min-height:470px}.process-console{grid-template-columns:1fr}.process-controls{display:flex;overflow-x:auto}.process-controls button{flex:0 0 180px}.module-events .process-controls{display:flex}.process-output{min-height:360px}.process-output article{padding:26px}.process-output h3{font-size:33px}.insight-visual{min-height:330px}.insight-visual>img{height:235px}.console-status{grid-template-columns:1fr}.module-command .explorer-nav{grid-template-columns:repeat(4,1fr)}}

/* Final homepage hero layout overrides */
.home-hero{padding:82px 0 110px}
.home-hero .hero-grid{width:min(1120px,calc(100vw - 48px));grid-template-columns:minmax(0,1fr);gap:44px}
.home-hero .hero-copy{width:100%;max-width:100%;margin:auto;text-align:center}
.home-hero .hero-copy .eyebrow{justify-content:center}.home-hero .hero-copy .eyebrow:before{display:none}
.home-hero .home-title{max-width:1080px;margin-inline:auto;font-size:clamp(58px,5.65vw,78px);line-height:.92;letter-spacing:-.065em;text-align:center}
.home-hero .home-title>span,.home-hero .home-title>em{display:block;width:auto;max-width:100%;white-space:nowrap}.home-hero .home-title>em{width:max-content;margin:9px auto 0}
.home-hero .hero-copy>p{max-width:690px;margin:27px auto 0;text-align:center}.home-hero .hero-actions,.home-hero .trust-note{justify-content:center}
.home-hero .visual-stack{width:min(1040px,100%);min-height:585px;margin:4px auto 0}.home-hero .visual-stack:after{inset:38px 16px -8px;border-radius:44px}.home-hero .product-window{left:7%;right:3%;top:75px}.home-hero .visual-stack .phone-stage{left:0;bottom:-18px;width:188px}.home-hero .hero-visual-tabs{left:50%;top:13px;transform:translateX(-50%)}.home-hero .hero-reach-card{right:0;bottom:4px}.home-hero .orbit-one{right:8%;top:70px}.home-hero .orbit-two{right:15%;top:135px}.home-hero .visual-stack.mode-app .phone-stage{left:50%;width:245px}.home-hero .visual-stack.mode-app .product-window{transform:perspective(1100px) translate(48px,24px) scale(.9) rotateY(-4deg)}
@media(max-width:980px){.home-hero .hero-grid{width:min(900px,calc(100vw - 34px));grid-template-columns:minmax(0,1fr)}.home-hero .home-title{font-size:clamp(52px,7vw,67px)}.home-hero .home-title>span{white-space:normal}.home-hero .visual-stack{width:min(820px,100%);min-height:530px}.home-hero .product-window{left:5%;right:2%}}
@media(max-width:680px){.home-hero{padding:46px 0 66px}.home-hero .hero-grid{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;gap:30px}.home-hero .hero-copy{text-align:left}.home-hero .hero-copy .eyebrow{justify-content:flex-start}.home-hero .home-title{margin:0;font-size:42px;line-height:.94;text-align:left}.home-hero .home-title>span,.home-hero .home-title>em{white-space:normal!important}.home-hero .home-title>em{width:auto;margin:5px 0 0}.home-hero .hero-copy>p{width:100%;max-width:100%;margin:23px 0 0;text-align:left}.home-hero .hero-actions{grid-template-columns:1fr}.home-hero .hero-actions,.home-hero .trust-note{justify-content:flex-start}.home-hero .visual-stack{width:100%;min-height:365px}.home-hero .visual-stack:after{inset:30px 0 -4px}.home-hero .hero-visual-tabs{top:3px}.home-hero .product-window{left:10px;right:0;top:56px}.home-hero .visual-stack .phone-stage{left:-3px;bottom:-8px;width:100px}.home-hero .hero-reach-card{right:0;bottom:-2px}.home-hero .visual-stack.mode-app .phone-stage{left:50%;width:150px}}

/* Authoritative homepage hero: left-aligned copy + real interactive explorer */
.home-hero{padding:78px 0 92px}
.home-hero .hero-grid{width:min(1180px,calc(100vw - 48px));grid-template-columns:minmax(430px,.88fr) minmax(560px,1.12fr);gap:58px;align-items:center}
.home-hero .hero-copy{width:auto;max-width:570px;margin:0;text-align:left}
.home-hero .hero-copy .eyebrow{justify-content:flex-start}.home-hero .hero-copy .eyebrow:before{display:block}
.home-hero .home-title{max-width:570px;margin:0;font-size:clamp(49px,4.55vw,67px);line-height:.92;letter-spacing:-.06em;text-align:left}
.home-hero .home-title>span,.home-hero .home-title>em{display:block;width:auto;max-width:100%;white-space:nowrap}.home-hero .home-title>em{width:max-content;margin:7px 0 0}
.home-hero .hero-copy>p{max-width:540px;margin:26px 0 0;text-align:left}.home-hero .hero-actions,.home-hero .trust-note{justify-content:flex-start}
.hero-explorer{min-height:565px;transform:none!important}
.hero-explorer:after{content:"";position:absolute;z-index:0;inset:18px -18px -16px 24px;border-radius:38px;background:radial-gradient(circle at 85% 12%,rgba(255,255,255,.72),transparent 25%),linear-gradient(145deg,#cbf397,#a8ebbd 48%,#64d39b);box-shadow:inset 0 0 0 1px rgba(7,126,68,.12)}
.hero-explorer-shell{position:relative;z-index:2;width:100%;min-height:540px;border:1px solid #b8d6c4;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 34px 75px rgba(13,72,47,.2);overflow:hidden;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate(var(--mx,0),var(--my,0));transition:transform .3s ease}
.hero-explorer-shell>header{height:44px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce8e0;background:#fbfdfb;color:#789087;font-size:14px;text-transform:uppercase;letter-spacing:.11em}.hero-explorer-shell>header span{display:flex;align-items:center;gap:8px;color:var(--green-deep);font-weight:800}.hero-explorer-shell>header i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(8,166,87,.1)}
.hero-explorer-shell>nav{height:64px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-bottom:1px solid #d9e7de;background:#f4f9f6}.hero-explorer-shell>nav button{min-width:0;padding:0 12px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#758b80;text-align:left;cursor:pointer;transition:.2s}.hero-explorer-shell>nav button:hover{background:#fff;color:var(--green-deep)}.hero-explorer-shell>nav button.active{border-color:#9bcfaf;background:#fff;color:var(--green);box-shadow:0 8px 18px rgba(11,115,69,.09)}.hero-explorer-shell>nav span{font-size:14px}.hero-explorer-shell>nav b{font-size:14px}
.hero-explorer-stage{min-height:432px;padding:16px;display:grid;grid-template-rows:300px auto;gap:12px;background:linear-gradient(145deg,#eef8f2,#f8fce9);transition:opacity .16s,transform .16s}.hero-explorer-stage.switching{opacity:.35;transform:translateY(4px)}
.hero-screen-wrap{min-width:0;display:grid;place-items:center;border:1px solid #c9ded1;border-radius:14px;background:#fff;overflow:hidden}.hero-screen{width:100%;height:100%;object-fit:contain;object-position:center top;transition:.25s}.hero-explorer-stage.mobile-view .hero-screen{width:auto;max-width:210px;height:280px;filter:drop-shadow(0 18px 20px rgba(17,72,48,.18))}
.hero-explorer-detail{padding:13px 15px;display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start;border:1px solid #c9ded1;border-radius:13px;background:rgba(255,255,255,.9)}.hero-explorer-detail>span{padding-top:3px;color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hero-explorer-detail strong{display:block;font-size:15px;line-height:1.25}.hero-explorer-detail p{margin:4px 0 0;color:var(--muted);font-size:17px;line-height:1.45}
.hero-mobile-peek{position:absolute;z-index:5;left:0;top:195px;width:112px;filter:drop-shadow(0 22px 20px rgba(12,65,43,.25));transform:rotate(-2deg);transition:opacity .2s,transform .3s}.hero-mobile-peek .device-mockup{width:100%}.hero-mobile-peek>span{position:absolute;left:72%;top:18%;width:max-content;padding:7px 10px;display:flex;align-items:center;gap:6px;border:1px solid #a9d5ba;border-radius:999px;background:rgba(255,255,255,.94);color:var(--green-deep);font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(13,75,49,.12)}.hero-mobile-peek>span i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(8,166,87,.1)}.hero-explorer-stage.mobile-view .hero-mobile-peek{opacity:0;transform:translateX(-12px) rotate(-4deg);pointer-events:none}
@media(max-width:1050px){.home-hero .hero-grid{grid-template-columns:minmax(390px,.84fr) minmax(500px,1.16fr);gap:32px}.home-hero .home-title{font-size:clamp(47px,5vw,59px)}}
@media(max-width:980px){.home-hero .hero-grid{width:min(900px,calc(100vw - 34px));grid-template-columns:1fr;gap:44px}.home-hero .hero-copy{max-width:680px}.home-hero .home-title{max-width:650px;font-size:clamp(50px,7vw,64px)}.hero-explorer{width:min(760px,100%);min-height:565px;margin:auto}}
@media(max-width:680px){.home-hero{padding:46px 0 60px}.home-hero .hero-grid{width:calc(100vw - 28px)!important;gap:34px}.home-hero .hero-copy{width:100%;max-width:100%}.home-hero .home-title{font-size:42px}.home-hero .home-title>span,.home-hero .home-title>em{white-space:normal!important}.home-hero .hero-copy>p{width:100%;max-width:100%}.home-hero .hero-actions{grid-template-columns:1fr}.hero-explorer{width:100%;min-height:500px}.hero-explorer:after{inset:12px -4px -8px 8px;border-radius:24px}.hero-explorer-shell{min-height:480px;border-radius:17px}.hero-explorer-shell>header small{display:none}.hero-explorer-shell>nav{height:58px}.hero-explorer-shell>nav button{padding:0 7px;grid-template-columns:1fr;gap:0;text-align:center}.hero-explorer-shell>nav button span{display:none}.hero-explorer-stage{min-height:378px;padding:10px;grid-template-rows:245px auto}.hero-explorer-stage.mobile-view .hero-screen{height:230px}.hero-mobile-peek{top:205px;width:78px}.hero-mobile-peek>span{display:none}.hero-explorer-detail{grid-template-columns:1fr;gap:4px;padding:11px}.hero-explorer-detail>span{padding:0}.hero-explorer-detail p{font-size:17px}}
.hero-mobile-peek{left:auto;right:12px;top:174px;width:128px;transform:rotate(2deg)}.hero-mobile-peek>span{left:auto;right:72%;top:18%}
@media(max-width:680px){.hero-mobile-peek{left:auto;right:7px;top:192px;width:84px}}

/* Rebuilt homepage hero — isolated from legacy hero rules */
.home-hero-v2{position:relative;padding:88px 0 100px;background:radial-gradient(circle at 79% 38%,rgba(182,244,158,.5),transparent 27%),linear-gradient(135deg,#fbfcf8 18%,#f4faf5 62%,#e7f8ec);overflow:hidden}
.home-hero-v2:before{content:"";position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(6,115,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,115,61,.045) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent 25%,#000 72%,transparent)}
.home-hero-v2-grid{position:relative;z-index:1;width:min(1180px,calc(100vw - 48px));margin:auto;display:grid;grid-template-columns:minmax(430px,.86fr) minmax(590px,1.14fr);gap:70px;align-items:center}
.home-hero-v2-copy{position:relative;z-index:5;min-width:0;max-width:560px}.home-hero-v2-copy h1{margin:0;font-family:var(--serif);font-size:clamp(50px,4.55vw,66px);font-weight:600;line-height:.92;letter-spacing:-.06em}.home-hero-v2-copy h1 span,.home-hero-v2-copy h1 em{display:block;white-space:nowrap}.home-hero-v2-copy h1 span:nth-child(2){color:var(--green-deep)}.home-hero-v2-copy h1 em{position:relative;width:max-content;margin-top:7px;color:var(--green);font-style:normal}.home-hero-v2-copy h1 em:after{content:"";position:absolute;z-index:-1;left:2px;right:0;bottom:-5px;height:9px;border-radius:99px;background:var(--lime);opacity:.5}.home-hero-v2-copy>p{max-width:530px;margin:27px 0 0;color:#526b61;font-size:17px;line-height:1.62}.home-hero-v2-copy .hero-actions{justify-content:flex-start;margin-top:30px}.home-hero-proof{margin-top:24px;display:flex;flex-wrap:wrap;gap:9px 20px;color:#637b70;font-size:14px;font-weight:700}.home-hero-proof span{display:flex;align-items:center;gap:8px}.home-hero-proof span+span:before{content:"";width:1px;height:13px;margin-right:10px;background:#b9cec1}.home-hero-proof i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(8,166,87,.1)}
.home-product-stage{--stage-x:0px;--stage-y:0px;--stage-rx:0deg;--stage-ry:0deg;position:relative;min-width:0;min-height:570px;isolation:isolate}.home-product-stage:before{content:"";position:absolute;z-index:0;inset:46px -24px 0 30px;border-radius:43px;background:radial-gradient(circle at 83% 13%,rgba(255,255,255,.7),transparent 24%),linear-gradient(145deg,#cdf598,#9de4b8 48%,#55c98f);box-shadow:inset 0 0 0 1px rgba(7,126,68,.12),0 30px 70px rgba(11,92,57,.12)}
.home-product-orbit{position:absolute;z-index:1;border:1px solid rgba(8,138,74,.18);border-radius:50%;pointer-events:none}.home-product-orbit.orbit-a{width:430px;height:430px;right:-25px;top:65px}.home-product-orbit.orbit-b{width:290px;height:290px;right:45px;top:135px;border-style:dashed}
.home-product-tabs{position:absolute;z-index:8;left:52px;right:18px;top:12px;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border:1px solid #afd2bc;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 14px 30px rgba(16,80,53,.1);backdrop-filter:blur(14px)}.home-product-tabs button{min-height:42px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:transparent;color:#73897f;font-size:14px;font-weight:800;cursor:pointer;transition:.22s}.home-product-tabs button span{font-size:14px;color:#96aaa0}.home-product-tabs button:hover{background:#edf8f1;color:var(--green-deep)}.home-product-tabs button.active{background:var(--green-deep);color:#fff;box-shadow:0 8px 18px rgba(7,93,61,.2)}.home-product-tabs button.active span{color:var(--lime)}
.home-dashboard-device{position:absolute;z-index:3;left:35px;right:-8px;top:82px;padding-bottom:6px;border:1px solid rgba(20,99,63,.22);border-radius:20px;background:#fff;box-shadow:0 34px 70px rgba(15,72,49,.22);overflow:hidden;transform:perspective(1200px) translate(var(--stage-x),var(--stage-y)) rotateX(var(--stage-rx)) rotateY(calc(var(--stage-ry) - 2deg));transform-origin:center;transition:opacity .3s,filter .3s,transform .35s}.home-dashboard-device>img{width:100%;height:auto;max-height:445px;object-fit:contain;object-position:top}.home-device-bar{height:30px;padding:0 11px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #e1ebe5;color:#879b91;font-size:14px}.home-device-bar i{width:6px;height:6px;border-radius:50%;background:#b9dec7}.home-device-bar span{margin-left:6px}.home-device-bar b{margin-left:auto;color:var(--green);font-size:14px;letter-spacing:.13em}
.home-phone-device{position:absolute;z-index:6;left:-8px;bottom:-10px;width:166px;padding:0;border:0;background:transparent;color:inherit;filter:drop-shadow(0 30px 28px rgba(12,65,43,.3));cursor:pointer;transform:translate(calc(var(--stage-x) * -.65),calc(var(--stage-y) * -.65)) rotate(-2deg);transition:left .4s,bottom .4s,width .4s,transform .35s,filter .3s}.home-phone-device .device-mockup{width:100%}.home-phone-device>span{position:absolute;left:74%;top:18%;width:max-content;padding:8px 11px;display:flex;align-items:center;gap:7px;border:1px solid #9fcfb1;border-radius:999px;background:rgba(255,255,255,.94);color:var(--green-deep);font-size:14px;font-weight:800;box-shadow:0 12px 26px rgba(12,74,48,.14)}.home-phone-device>span i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(8,166,87,.1)}
.home-product-caption{position:absolute;z-index:7;right:-18px;bottom:10px;width:275px;padding:17px 18px;border:1px solid #acd3b9;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 18px 38px rgba(14,75,49,.16);backdrop-filter:blur(12px);transform:translate(calc(var(--stage-x) * -.4),calc(var(--stage-y) * -.4));transition:.3s}.home-product-caption small{color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.home-product-caption strong{display:block;margin-top:5px;font-size:16px;line-height:1.2}.home-product-caption p{margin:6px 0 0;color:var(--muted);font-size:17px;line-height:1.45}.home-reach-signal{position:absolute;z-index:7;right:-15px;top:140px;width:130px;padding:12px;border:1px solid #b1d7bf;border-radius:14px;background:rgba(255,255,255,.93);box-shadow:0 14px 30px rgba(15,79,52,.13)}.home-reach-signal span{display:block;color:#71877c;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.home-reach-signal>b{display:block;color:var(--green-deep);font-size:25px;line-height:1.2}.home-reach-signal>i{height:4px;display:block;border-radius:99px;background:#dce9e1;overflow:hidden}.home-reach-signal em{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--lime))}
.home-product-stage.is-changing .home-dashboard-device,.home-product-stage.is-changing .home-phone-device,.home-product-stage.is-changing .home-product-caption{opacity:.28}.home-product-stage.focus-mobile .home-dashboard-device{opacity:.4;filter:saturate(.65);transform:perspective(1200px) translate(65px,20px) scale(.88) rotateY(-4deg)}.home-product-stage.focus-mobile .home-phone-device{left:48%;bottom:-22px;width:232px;transform:translateX(-50%) rotate(0);filter:drop-shadow(0 38px 36px rgba(12,65,43,.32))}.home-product-stage.focus-mobile .home-phone-device>span{display:none}.home-product-stage.focus-mobile .home-product-caption{right:-8px;bottom:26px}.home-product-stage.focus-mobile .home-reach-signal{opacity:.28}
@media(max-width:1100px){.home-hero-v2-grid{grid-template-columns:minmax(390px,.84fr) minmax(520px,1.16fr);gap:36px}.home-hero-v2-copy h1{font-size:clamp(47px,5.2vw,59px)}.home-product-caption{right:0}.home-reach-signal{right:0}}
@media(max-width:980px){.home-hero-v2-grid{width:min(900px,calc(100vw - 34px));grid-template-columns:1fr;gap:46px}.home-hero-v2-copy{max-width:690px}.home-hero-v2-copy h1{font-size:clamp(52px,7vw,65px)}.home-product-stage{width:min(760px,100%);min-height:580px;margin:auto}.home-dashboard-device{right:0}}
@media(max-width:680px){.home-hero-v2{padding:48px 0 62px}.home-hero-v2-grid{width:calc(100vw - 28px);gap:36px}.home-hero-v2-copy{width:100%;max-width:100%}.home-hero-v2-copy h1{font-size:42px}.home-hero-v2-copy h1 span,.home-hero-v2-copy h1 em{white-space:normal}.home-hero-v2-copy>p{font-size:17px}.home-hero-v2-copy .hero-actions{display:grid;grid-template-columns:1fr}.home-hero-proof span+span:before{display:none}.home-product-stage{width:100%;min-height:390px}.home-product-stage:before{inset:37px 0 0 8px;border-radius:26px}.home-product-orbit{display:none}.home-product-tabs{left:14px;right:5px;top:0}.home-product-tabs button{min-height:38px;padding:0 5px;font-size:14px}.home-product-tabs button span{display:none}.home-dashboard-device{left:10px;right:0;top:58px;border-radius:14px}.home-dashboard-device>img{max-height:270px}.home-phone-device{left:-3px;bottom:-2px;width:94px}.home-phone-device>span{display:none}.home-product-caption{right:0;bottom:-12px;width:210px;padding:12px}.home-product-caption strong{font-size:14px}.home-product-caption p{font-size:17px}.home-reach-signal{display:none}.home-product-stage.focus-mobile .home-phone-device{left:48%;bottom:-14px;width:150px}.home-product-stage.focus-mobile .home-product-caption{right:0;bottom:0}}
@media(prefers-reduced-motion:reduce){.home-dashboard-device,.home-phone-device,.home-product-caption{transition:none}}


/* Rebuilt Why Tawasol */
.why-v2{padding:108px 0;background:linear-gradient(135deg,#f7fbf8,#eef8f2);border-bottom:1px solid var(--line)}
.why-v2-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(620px,1.28fr);gap:82px;align-items:start}.why-v2-intro{position:sticky;top:110px}.why-v2-intro h2{margin:0;font-family:var(--serif);font-size:clamp(43px,4.2vw,58px);font-weight:600;line-height:.94;letter-spacing:-.05em}.why-v2-intro h2 em{color:var(--green);font-style:normal}.why-v2-intro>p{max-width:430px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.why-v2-signal{margin-top:32px;padding:16px 18px;display:flex;align-items:center;gap:13px;border:1px solid #b9d9c5;border-radius:14px;background:rgba(255,255,255,.72)}.why-v2-signal>i{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(8,166,87,.1)}.why-v2-signal span{display:flex;flex-direction:column}.why-v2-signal b{font-size:14px}.why-v2-signal small{color:var(--muted);font-size:14px}
.why-v2-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b9d8c5;border-left:1px solid #b9d8c5}.why-v2-grid article{position:relative;min-height:285px;padding:28px;display:flex;flex-direction:column;border-right:1px solid #b9d8c5;border-bottom:1px solid #b9d8c5;background:rgba(255,255,255,.55);transition:.25s}.why-v2-grid article:hover{z-index:2;background:#fff;box-shadow:0 22px 50px rgba(17,77,51,.1);transform:translateY(-4px)}.why-v2-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #a8d3b8;border-radius:14px;background:linear-gradient(145deg,#e0f8e9,#f7ffe8);color:var(--green)}.why-v2-icon svg{width:23px;height:23px}.why-v2-grid article>small{position:absolute;right:24px;top:25px;color:#97aaa0;font-size:14px}.why-v2-grid h3{max-width:260px;margin:36px 0 10px;font-size:20px;line-height:1.15}.why-v2-grid p{margin:0;color:var(--muted);font-size:17px;line-height:1.58}

/* Rebuilt dashboard showcase */
.dashboard-v2{padding:104px 0;background:radial-gradient(circle at 84% 20%,rgba(185,240,101,.25),transparent 24%),linear-gradient(145deg,#edf8f1,#f8fce9);border-bottom:1px solid var(--line)}.dashboard-v2-head{margin-bottom:42px;display:grid;grid-template-columns:1fr .86fr;gap:70px;align-items:end}.dashboard-v2-head h2{margin:0;font-family:var(--serif);font-size:clamp(43px,4.4vw,60px);font-weight:600;line-height:.94;letter-spacing:-.05em}.dashboard-v2-head h2 em{color:var(--green);font-style:normal}.dashboard-v2-head>p{margin:0 0 4px;color:var(--muted);font-size:17px;line-height:1.65}
.dashboard-v2-workspace{min-height:670px;padding:12px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;border:1px solid #b5d6c2;border-radius:27px;background:rgba(255,255,255,.72);box-shadow:0 30px 75px rgba(17,79,52,.12);backdrop-filter:blur(12px)}.dashboard-v2-workspace>nav{padding:10px;display:flex;flex-direction:column;gap:5px;border-radius:18px;background:linear-gradient(160deg,#0a3428,#07583b)}.dashboard-v2-workspace>nav button{min-height:67px;padding:9px 11px;display:grid;grid-template-columns:38px 1fr 8px;align-items:center;gap:9px;border:1px solid transparent;border-radius:12px;background:transparent;color:#b8d3c7;text-align:left;cursor:pointer;transition:.2s}.dashboard-v2-workspace>nav button:hover{background:rgba(255,255,255,.06);color:#fff}.dashboard-v2-workspace>nav button.active{border-color:rgba(185,240,101,.36);background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 3px 0 0 var(--lime)}.dashboard-v2-workspace>nav button>b{font-size:14px}.dashboard-v2-workspace>nav button>i{width:6px;height:6px;border:1px solid #89a99a;border-radius:50%}.dashboard-v2-workspace>nav button.active>i{border-color:var(--lime);background:var(--lime);box-shadow:0 0 0 5px rgba(185,240,101,.1)}.dashboard-v2-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(190,229,207,.2);border-radius:10px;background:rgba(255,255,255,.06);color:#a7d6bd}.dashboard-v2-icon svg{width:17px;height:17px}.dashboard-v2-workspace>nav button.active .dashboard-v2-icon{color:var(--lime);border-color:rgba(185,240,101,.3);background:rgba(185,240,101,.08)}
.dashboard-v2-main{min-width:0;padding:10px;display:grid;grid-template-rows:auto minmax(390px,1fr) auto;gap:10px;border:1px solid #d1e3d8;border-radius:18px;background:#f8fbf9;transition:opacity .16s,transform .16s}.dashboard-v2-main.is-changing{opacity:.35;transform:translateY(4px)}.dashboard-v2-toolbar{padding:0 5px 5px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#789087;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.dashboard-v2-toolbar>span{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:800}.dashboard-v2-toolbar>span i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(8,166,87,.1)}.dashboard-v2-toolbar>div{display:flex;gap:6px}.dashboard-v2-toolbar b{padding:6px 8px;border:1px solid #d3e4d9;border-radius:7px;background:#fff;color:#6d8278;font-size:14px}.dashboard-v2-screen{min-width:0;padding:10px;display:grid;place-items:center;border:1px solid #c8ddd0;border-radius:15px;background:#fff;overflow:hidden}.dashboard-v2-screen img{width:100%;height:100%;max-height:470px;object-fit:contain;object-position:center top}.dashboard-v2-main footer{padding:17px 18px;display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:20px;border:1px solid #c9ded1;border-radius:14px;background:linear-gradient(90deg,#edf9f2,#f8fce9)}.dashboard-v2-main footer>span{color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.dashboard-v2-main footer h3{margin:0;font-size:19px}.dashboard-v2-main footer p{max-width:590px;margin:4px 0 0;color:var(--muted);font-size:17px;line-height:1.45}.dashboard-v2-main footer .button{min-height:39px;padding-inline:14px;font-size:14px}

/* Measurement now shares the problem section's dark visual language */
.metric-lab{background:radial-gradient(circle at 88% 18%,rgba(185,240,101,.13),transparent 28%),linear-gradient(145deg,#092f24,#0b3b2c 58%,#083225);color:#fff;border-bottom:1px solid #174f3c}.metric-lab .eyebrow{color:var(--lime)}.metric-lab .section-heading h2{color:#fff}.metric-lab .measurement-intro{color:#b7cec4}.metric-lab .measurement-intro small{border:1px solid rgba(185,240,101,.24);background:rgba(185,240,101,.08);color:var(--lime)}.metric-lab .metric-tabs button{border-color:rgba(190,224,204,.2);background:rgba(255,255,255,.055);color:#fff}.metric-lab .metric-tabs button:hover{border-color:rgba(185,240,101,.4);background:rgba(255,255,255,.09)}.metric-lab .metric-tabs button.active{border-color:var(--lime);background:linear-gradient(145deg,rgba(8,166,87,.32),rgba(185,240,101,.1));box-shadow:0 18px 45px rgba(0,15,10,.22)}.metric-lab .metric-tabs span{color:var(--lime)}.metric-lab .metric-tabs small{color:#adc6ba}.metric-lab .metric-panel{border-color:#a8cfb7;background:#f8fbf9;color:var(--green-ink);box-shadow:0 24px 55px rgba(0,20,13,.24)}.metric-lab .metric-conclusion{border-left-color:var(--lime);background:rgba(255,255,255,.075);color:#e3eee8}.metric-lab .button{border-color:var(--lime);background:var(--lime);color:var(--green-deep);box-shadow:0 12px 30px rgba(0,15,10,.2)}.metric-lab .button:hover{background:#cbfa82}
@media(max-width:980px){.why-v2-layout{grid-template-columns:1fr;gap:42px}.why-v2-intro{position:static;max-width:700px}.dashboard-v2-head{grid-template-columns:1fr;gap:18px}.dashboard-v2-workspace{grid-template-columns:190px minmax(0,1fr)}.dashboard-v2-main footer{grid-template-columns:90px minmax(0,1fr)}.dashboard-v2-main footer .button{grid-column:2;justify-self:start}}
@media(max-width:680px){.why-v2,.dashboard-v2{padding:64px 0}.why-v2-intro h2,.dashboard-v2-head h2{font-size:40px}.why-v2-grid{grid-template-columns:1fr}.why-v2-grid article{min-height:235px}.dashboard-v2-workspace{min-height:0;padding:8px;grid-template-columns:1fr}.dashboard-v2-workspace>nav{padding:7px;display:grid;grid-template-columns:repeat(4,1fr);overflow-x:auto}.dashboard-v2-workspace>nav button{min-width:96px;min-height:72px;grid-template-columns:1fr;justify-items:center;gap:3px;text-align:center}.dashboard-v2-workspace>nav button>i{display:none}.dashboard-v2-icon{width:30px;height:30px}.dashboard-v2-main{grid-template-rows:auto 250px auto}.dashboard-v2-toolbar>div{display:none}.dashboard-v2-main footer{grid-template-columns:1fr;gap:9px}.dashboard-v2-main footer .button{grid-column:1;width:100%}.metric-lab .section-heading.wide{grid-template-columns:1fr}.metric-lab .metric-workspace{grid-template-columns:1fr}.metric-lab .metric-tabs{grid-template-columns:1fr 1fr}}

/* Why Tawasol — compact, playful bento composition */
.why-v2{position:relative;padding:96px 0;background:radial-gradient(circle at 12% 18%,rgba(185,240,101,.26),transparent 20%),radial-gradient(circle at 88% 82%,rgba(82,211,145,.18),transparent 23%),#f8fbf8;overflow:hidden}
.why-v2:before{content:"";position:absolute;width:210px;height:210px;right:-95px;top:90px;border:1px dashed rgba(8,166,87,.2);border-radius:50%;box-shadow:0 0 0 34px rgba(8,166,87,.025),0 0 0 68px rgba(8,166,87,.02)}
.why-v2-layout{position:relative;z-index:1;width:min(1020px,calc(100vw - 48px));display:grid;grid-template-columns:1fr;gap:44px}
.why-v2-intro{position:static;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px 64px;align-items:end}.why-v2-intro>.eyebrow{grid-column:1/-1}.why-v2-intro h2{grid-column:1;font-size:clamp(43px,4.3vw,58px)}.why-v2-intro>p{grid-column:2;max-width:420px;margin:0 0 4px}.why-v2-signal{grid-column:2;width:max-content;max-width:100%;margin:4px 0 0;padding:12px 16px;border-radius:999px;background:#fff;box-shadow:0 12px 28px rgba(15,80,52,.08)}
.why-v2-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;border:0}.why-v2-grid article{isolation:isolate;min-height:245px;padding:26px;border:1px solid rgba(129,190,153,.45);border-radius:25px;overflow:hidden;box-shadow:0 12px 30px rgba(17,76,51,.055);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}.why-v2-grid article:before{content:"";position:absolute;z-index:-1;width:170px;height:170px;right:-72px;top:-75px;border-radius:50%;background:rgba(255,255,255,.45)}.why-v2-grid article:after{content:"";position:absolute;z-index:-1;right:26px;bottom:24px;width:38px;height:38px;opacity:.25;background-image:radial-gradient(currentColor 1.5px,transparent 1.5px);background-size:8px 8px}.why-v2-grid article:nth-child(1){grid-column:span 7;min-height:270px;background:linear-gradient(145deg,#dff8e8,#f3ffda)}.why-v2-grid article:nth-child(2){grid-column:span 5;min-height:270px;background:linear-gradient(145deg,#ecf9f1,#d8f5e5)}.why-v2-grid article:nth-child(3),.why-v2-grid article:nth-child(4),.why-v2-grid article:nth-child(5){grid-column:span 4;background:#fff}.why-v2-grid article:nth-child(4){background:linear-gradient(145deg,#f7ffe8,#e8f8ed)}.why-v2-grid article:nth-child(6){grid-column:span 12;min-height:190px;padding-right:310px;background:linear-gradient(110deg,#0b3c2d,#096143);color:#fff}.why-v2-grid article:nth-child(6):before{width:300px;height:300px;right:-60px;top:-110px;background:rgba(185,240,101,.12);box-shadow:0 0 0 42px rgba(185,240,101,.04)}
.why-v2-grid article:hover{z-index:2;transform:translateY(-7px) rotate(-.35deg);box-shadow:0 24px 55px rgba(16,79,52,.13)}.why-v2-grid article:nth-child(even):hover{transform:translateY(-7px) rotate(.35deg)}.why-v2-icon{width:54px;height:54px;border:0;border-radius:18px;background:#fff;color:var(--green);box-shadow:0 10px 24px rgba(12,102,62,.1);transition:transform .28s}.why-v2-grid article:hover .why-v2-icon{transform:rotate(-7deg) scale(1.06)}.why-v2-grid article:nth-child(2) .why-v2-icon,.why-v2-grid article:nth-child(4) .why-v2-icon{border-radius:50%;background:var(--green-deep);color:var(--lime)}.why-v2-grid article:nth-child(6) .why-v2-icon{background:var(--lime);color:var(--green-deep)}.why-v2-grid article>small{display:none}.why-v2-grid h3{max-width:330px;margin:30px 0 10px;font-size:clamp(19px,2vw,24px)}.why-v2-grid p{max-width:440px;font-size:17px}.why-v2-grid article:nth-child(6) h3{margin-top:22px;color:#fff}.why-v2-grid article:nth-child(6) p{color:#bcd3c8}.why-v2-grid article:nth-child(6):after{right:90px;bottom:55px;width:100px;height:100px;color:var(--lime);opacity:.35;background-size:12px 12px}
@media(max-width:900px){.why-v2-layout{width:min(760px,calc(100vw - 34px))}.why-v2-intro{grid-template-columns:1fr;gap:16px}.why-v2-intro>.eyebrow,.why-v2-intro h2,.why-v2-intro>p,.why-v2-signal{grid-column:1}.why-v2-grid article:nth-child(1),.why-v2-grid article:nth-child(2){grid-column:span 6}.why-v2-grid article:nth-child(3),.why-v2-grid article:nth-child(4),.why-v2-grid article:nth-child(5){grid-column:span 6}.why-v2-grid article:nth-child(6){grid-column:span 6;min-height:245px;padding-right:26px}}
@media(max-width:600px){.why-v2{padding:66px 0}.why-v2-layout{width:calc(100vw - 28px);gap:32px}.why-v2-intro h2{font-size:40px}.why-v2-signal{width:100%;border-radius:15px}.why-v2-grid{grid-template-columns:1fr}.why-v2-grid article:nth-child(n){grid-column:1;min-height:220px;padding:23px}.why-v2-grid article:nth-child(6){padding-right:23px}.why-v2-grid h3{margin-top:26px}.why-v2-grid article:hover{transform:translateY(-4px)}}

/* Why Tawasol heading alignment and tighter card spacing */
.why-v2-layout{gap:25px}
.why-v2-intro{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);grid-template-rows:auto auto;column-gap:64px;row-gap:11px;align-items:start}
.why-v2-intro>.eyebrow{grid-column:1/-1;grid-row:1;margin-bottom:0}
.why-v2-intro h2{grid-column:1;grid-row:2;align-self:start}
.why-v2-intro>p{grid-column:2;grid-row:2;align-self:start;margin:2px 0 0}
.why-v2-signal{grid-column:2;grid-row:2;align-self:start;margin:78px 0 0}
@media(max-width:900px){.why-v2-layout{gap:28px}.why-v2-intro{grid-template-columns:1fr;grid-template-rows:auto;row-gap:14px}.why-v2-intro>.eyebrow,.why-v2-intro h2,.why-v2-intro>p,.why-v2-signal{grid-column:1;grid-row:auto}.why-v2-signal{margin-top:4px}}
@media(max-width:600px){.why-v2-layout{gap:24px}}

/* Structural two-column header: both groups are guaranteed to share one row */
.why-v2-layout{gap:18px}
.why-v2-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);grid-template-rows:auto;gap:64px;align-items:start}
.why-v2-heading,.why-v2-summary{min-width:0}
.why-v2-heading .eyebrow{margin-bottom:17px}
.why-v2-heading h2{margin:0}
.why-v2-summary{padding-top:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.why-v2-summary>p{max-width:420px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.why-v2-summary .why-v2-signal{width:max-content;max-width:100%;margin:0;align-self:flex-start}
@media(max-width:900px){.why-v2-layout{gap:26px}.why-v2-intro{grid-template-columns:1fr;gap:18px}.why-v2-summary{padding-top:0;gap:14px}}

/* Keep heading and subheading parallel at tablet/desktop widths */
@media(min-width:601px){
  .why-v2-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:44px;align-items:start}
  .why-v2-summary{padding-top:0;margin-top:64px;align-self:start}
}
@media(max-width:600px){
  .why-v2-intro{grid-template-columns:1fr;gap:16px}
  .why-v2-summary{padding-top:0;margin-top:0}
}

/* Mobile app section heading alignment and balanced wrapping */
.home-app-showcase .app-intro{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:64px;row-gap:14px;align-items:start}
.home-app-showcase .app-intro>.eyebrow{grid-column:1/-1;margin-bottom:0}
.home-app-showcase .app-intro h2{grid-column:1;max-width:610px;font-size:clamp(43px,4.15vw,56px);line-height:.96;text-wrap:balance}
.home-app-showcase .app-intro h2 em{display:block;max-width:590px;text-wrap:balance}
.home-app-showcase .app-intro>p{grid-column:2;align-self:start;max-width:480px;margin:2px 0 0;font-size:17px;line-height:1.65}
@media(max-width:700px){.home-app-showcase .app-intro{grid-template-columns:1fr;gap:15px}.home-app-showcase .app-intro>.eyebrow,.home-app-showcase .app-intro h2,.home-app-showcase .app-intro>p{grid-column:1}.home-app-showcase .app-intro h2{font-size:40px}.home-app-showcase .app-intro>p{margin-top:2px}}

/* Structurally rebuilt mobile-app heading */
.app-intro-v2{margin-bottom:36px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:start}
.app-intro-v2-heading{min-width:0}.app-intro-v2-heading .eyebrow{margin-bottom:17px}.app-intro-v2 h2{margin:0;font-family:var(--serif);font-size:clamp(43px,4.05vw,55px);font-weight:600;line-height:.95;letter-spacing:-.055em}.app-intro-v2 h2 span,.app-intro-v2 h2 em{display:block;white-space:nowrap}.app-intro-v2 h2 em{color:var(--green);font-style:normal}.app-intro-v2>p{max-width:480px;margin:0;padding-top:36px;color:var(--muted);font-size:17px;line-height:1.65}
@media(max-width:850px) and (min-width:681px){.app-intro-v2{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:34px}.app-intro-v2 h2{font-size:43px}.app-intro-v2>p{padding-top:34px;font-size:17px}}
@media(max-width:680px){.app-intro-v2{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.app-intro-v2 h2{font-size:40px}.app-intro-v2 h2 span,.app-intro-v2 h2 em{white-space:normal}.app-intro-v2>p{padding-top:0;font-size:17px}}

/* Exact row alignment: description and headline begin on the same grid line */
.app-intro-v2{grid-template-rows:auto auto;column-gap:64px;row-gap:17px;align-items:start}
.app-intro-v2-heading{display:contents}
.app-intro-v2-heading .eyebrow{grid-column:1;grid-row:1;margin:0}
.app-intro-v2 h2{grid-column:1;grid-row:2;align-self:start}
.app-intro-v2>p{grid-column:2;grid-row:2;align-self:start;margin:0;padding-top:0}
@media(min-width:681px){.app-intro-v2>p{transform:translateY(32px)}}
@media(max-width:850px) and (min-width:681px){.app-intro-v2{column-gap:34px}.app-intro-v2>p{padding-top:0}}
@media(max-width:680px){.app-intro-v2{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:15px}.app-intro-v2-heading .eyebrow{grid-column:1;grid-row:1}.app-intro-v2 h2{grid-column:1;grid-row:2}.app-intro-v2>p{grid-column:1;grid-row:3;transform:none}}

/* Dashboard v3 — large edge-to-edge product imagery */
.dashboard-v3{padding:104px 0;background:radial-gradient(circle at 88% 14%,rgba(185,240,101,.28),transparent 22%),linear-gradient(145deg,#edf8f1,#f9fdeb);border-bottom:1px solid var(--line)}
.dashboard-v3-head{margin-bottom:40px;display:grid;grid-template-columns:1.08fr .92fr;gap:76px;align-items:end}.dashboard-v3-head h2{margin:0;font-family:var(--serif);font-size:clamp(43px,4.5vw,61px);font-weight:600;line-height:.94;letter-spacing:-.055em}.dashboard-v3-head h2 em{color:var(--green);font-style:normal}.dashboard-v3-head>div:last-child{padding-bottom:4px}.dashboard-v3-head p{max-width:490px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.dashboard-v3-head>div:last-child>span{margin-top:18px;display:flex;align-items:center;gap:9px;color:var(--green);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.dashboard-v3-head>div:last-child>span i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(8,166,87,.1)}
.dashboard-v3-console{padding:10px;border:1px solid #add2ba;border-radius:27px;background:rgba(255,255,255,.76);box-shadow:0 30px 75px rgba(15,77,50,.13);backdrop-filter:blur(12px)}.dashboard-v3-topbar{height:43px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#71877c;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.dashboard-v3-topbar>span{display:flex;align-items:center;gap:8px;color:var(--green-deep);font-weight:800}.dashboard-v3-topbar>span i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(8,166,87,.1)}.dashboard-v3-topbar>div{display:flex;gap:6px}.dashboard-v3-topbar b{padding:6px 8px;border:1px solid #d1e3d7;border-radius:7px;background:#fff;font-size:14px}
.dashboard-v3-tabs{padding:7px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;border:1px solid #c9ded1;border-radius:14px;background:#f3f8f5}.dashboard-v3-tabs button{min-width:0;min-height:64px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:9px;background:transparent;color:#73887e;cursor:pointer;transition:.2s}.dashboard-v3-tabs button:hover{background:#fff;color:var(--green-deep)}.dashboard-v3-tabs button.active{border-color:#96cbaa;background:linear-gradient(145deg,#dff8e8,#f5ffe4);color:var(--green);box-shadow:0 9px 20px rgba(10,139,78,.1)}.dashboard-v3-tabs button span{width:25px;height:25px;display:grid;place-items:center}.dashboard-v3-tabs svg{width:18px;height:18px}.dashboard-v3-tabs b{max-width:100%;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.dashboard-v3-stage{position:relative;margin-top:9px;padding:0;border-radius:18px;background:linear-gradient(145deg,#c9f29b,#77d7a4);overflow:visible;transition:opacity .15s,transform .15s}.dashboard-v3-stage.is-changing{opacity:.3;transform:translateY(4px)}.dashboard-v3-browser{position:relative;border:1px solid #9dcbb0;border-radius:17px;background:#fff;box-shadow:0 24px 55px rgba(15,75,49,.16);overflow:hidden}.dashboard-v3-browserbar{height:34px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e2ece6;background:#fbfdfb;color:#83988e;font-size:14px}.dashboard-v3-browserbar>div{display:flex;gap:5px}.dashboard-v3-browserbar i{width:6px;height:6px;border-radius:50%;background:#b4dcc3}.dashboard-v3-browserbar span{margin-left:5px}.dashboard-v3-browserbar>b{margin-left:auto;color:var(--green);font-size:14px;letter-spacing:.13em}.dashboard-v3-browser>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top;background:#fff;transition:transform .35s}.dashboard-v3-browser:hover>img{transform:scale(1.012)}
.dashboard-v3-float{position:absolute;z-index:4;right:22px;bottom:20px;width:175px;padding:13px 14px;border:1px solid #a8d1b6;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 15px 32px rgba(13,73,47,.14);backdrop-filter:blur(10px)}.dashboard-v3-float span{display:block;color:#799087;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.dashboard-v3-float>b{display:block;margin:2px 0 7px;color:var(--green-deep);font-size:15px}.dashboard-v3-float>i{height:4px;display:block;border-radius:99px;background:#dceae1;overflow:hidden}.dashboard-v3-float em{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--lime))}
.dashboard-v3-detail{margin-top:9px;padding:19px 20px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:22px;align-items:center;border:1px solid #c4ddcd;border-radius:16px;background:linear-gradient(90deg,#f7fbf8,#edf8f1)}.dashboard-v3-detail>span{color:var(--green);font-size:14px;font-weight:800;letter-spacing:.12em}.dashboard-v3-detail small{color:#7b9086;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.dashboard-v3-detail h3{margin:2px 0 3px;font-size:21px}.dashboard-v3-detail p{max-width:700px;margin:0;color:var(--muted);font-size:17px;line-height:1.5}.dashboard-v3-detail .button{min-height:40px;padding-inline:15px;font-size:14px}
@media(max-width:980px){.dashboard-v3-head{grid-template-columns:1fr;gap:18px}.dashboard-v3-tabs{display:flex;overflow-x:auto}.dashboard-v3-tabs button{flex:0 0 108px}.dashboard-v3-detail{grid-template-columns:60px minmax(0,1fr)}.dashboard-v3-detail .button{grid-column:2;justify-self:start}}
@media(max-width:680px){.dashboard-v3{padding:66px 0}.dashboard-v3-head h2{font-size:40px}.dashboard-v3-console{padding:7px;border-radius:20px}.dashboard-v3-topbar>div{display:none}.dashboard-v3-tabs button{flex-basis:92px}.dashboard-v3-browserbar span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-v3-float{right:8px;bottom:8px;width:135px;padding:9px}.dashboard-v3-detail{padding:15px;grid-template-columns:1fr;gap:8px}.dashboard-v3-detail .button{grid-column:1;width:100%}}

/* Active dashboard module description sits above the product image */
.dashboard-v3-console{display:flex;flex-direction:column}
.dashboard-v3-topbar{order:1}.dashboard-v3-tabs{order:2}.dashboard-v3-detail{order:3;margin-top:9px;background:linear-gradient(90deg,#edf8f1,#f8fce9)}.dashboard-v3-stage{order:4;margin-top:9px}.dashboard-v3-float{display:none}

/* Keep the dashboard inside the site's standard page margins */
.dashboard-v3>.section-shell{width:min(1100px,calc(100vw - 48px));margin-inline:auto;min-width:0}
.dashboard-v3-console,.dashboard-v3-stage,.dashboard-v3-browser,.dashboard-v3-browser>img{width:100%;max-width:100%;min-width:0}
.dashboard-v3-stage{overflow:hidden}
.dashboard-v3-browser>img{image-rendering:auto;filter:none;transform:none}
.dashboard-v3-browser:hover>img{transform:none}
@media(max-width:680px){.dashboard-v3>.section-shell{width:calc(100vw - 28px)}}

@media(max-width:980px){.mobile-language-switch{display:flex}html[lang="ar"] .nav-shell{display:grid;grid-template-columns:auto 1fr auto}html[lang="ar"] .nav-shell>.brand{position:static;grid-column:1;grid-row:1;justify-self:start;margin:0}html[lang="ar"] .nav-shell>.menu-button{position:static;grid-column:3;grid-row:1;justify-self:end;margin:0}html[lang="ar"] .nav-links{direction:rtl;text-align:right;inset:68px 0 0}html[lang="ar"] .nav-links>a,html[lang="ar"] .nav-trigger,html[lang="ar"] .mega-links a{text-align:right}html[lang="ar"] .discover-menu{right:auto;left:auto}}

/* Mild lossless screen-space sharpening for dashboard UI screenshots */
.dashboard-sharpen-filter{position:absolute;pointer-events:none}
.dashboard-v3-browser>img{filter:url(#dashboard-sharpen) contrast(1.015);transform:none}

/* V31 narrow desktop layout. Remove this block to restore the V30 dimensions. */
@media(min-width:981px){
  body.home-page{--shell:min(1080px,calc(100vw - 64px));--hero-shell:min(1080px,calc(100vw - 64px))}
  body.home-page .section-shell{width:min(1080px,calc(100vw - 64px))}
  body.home-page .home-hero-v2-grid,body.home-page .home-hero .hero-grid{width:min(1080px,calc(100vw - 64px))}
  body.home-page .home-hero-v2-grid{grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);gap:48px}
  body.home-page .home-product-stage{min-height:530px}
  body.home-page .why-v2-layout{width:min(1000px,calc(100vw - 64px))}
  body.home-page .dashboard-v3>.section-shell{width:min(1060px,calc(100vw - 64px))}
  body.home-page .home-problem,body.home-page .home-dashboard,body.home-page .home-app-showcase,body.home-page .home-security{padding-top:70px;padding-bottom:70px}
  body.home-page .why-v2,body.home-page .dashboard-v3{padding-top:82px;padding-bottom:82px}
  body.home-page .app-canvas{min-height:590px;grid-template-columns:220px minmax(280px,1fr) 275px}
  body.home-page .dashboard-v3-head{gap:52px}
}

/* Discover navigation */
.discover-menu{left:auto;right:-38px;width:430px;padding:10px;display:block;transform:translateY(10px)}
.nav-group:hover .discover-menu,.nav-group:focus-within .discover-menu{transform:translateY(0)}
.discover-links{display:grid;gap:4px}
.discover-links>a{min-height:78px;padding:12px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border:1px solid transparent;border-radius:13px;transition:.2s}
.discover-links>a:hover{border-color:#cce6d6;background:#effaf3;transform:translateX(3px)}
.discover-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e4f7e9;color:var(--green)}
.discover-icon svg{width:21px;height:21px}
.discover-links>a>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.discover-links b{font-size:14px}
.discover-links small{color:var(--muted);font-size:14px;line-height:1.35}
.discover-links>a>span:last-child{color:var(--green);font-size:16px}

@media(max-width:980px){
  .discover-menu{display:none;right:auto;padding:6px!important}
  .nav-group.open .discover-menu{display:block}
  .discover-links>a{min-height:68px}
  .discover-links small{font-size:14px}
}

/* Arabic responsive and accessibility pass — preserves the existing compositions. */
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{text-wrap:balance}
html[lang="ar"] .eyebrow,html[lang="ar"] .ip-kicker,html[lang="ar"] .sec2-kicker,html[lang="ar"] .ab4-kicker,html[lang="ar"] .ap-kicker,html[lang="ar"] .journey-kicker{font-size:max(14px, max(12px,1em));letter-spacing:0}
html[lang="ar"] .button,html[lang="ar"] .home-product-tabs button{min-height:44px}
html[lang="ar"] .breadcrumbs a,html[lang="ar"] .breadcrumbs span{min-height:44px;display:inline-flex;align-items:center}
html[lang="ar"] .footer-grid a,html[lang="ar"] .footer-bottom a{min-height:44px;display:flex;align-items:center}
html[lang="ar"] .metric-tabs button,html[lang="ar"] .metric-tabs button *{text-align:right}
html[lang="ar"] .metric-panel-head,html[lang="ar"] .metric-panel [data-metric-list]>div{direction:rtl;text-align:right}
html[lang="ar"] .journey-steps,html[lang="ar"] .dashboard-v3-tabs{direction:rtl;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
html[lang="ar"] .journey-steps button,html[lang="ar"] .dashboard-v3-tabs button{scroll-snap-align:start}
html[lang="ar"] .sec15-comparison{direction:rtl;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
html[lang="ar"] .sec15-comparison table,html[lang="ar"] .sec15-table{direction:rtl;text-align:right}

@media(max-width:680px){
  html[lang="ar"] .breadcrumbs{overflow-x:auto;scrollbar-width:none}
  html[lang="ar"] .footer-grid a{padding-block:9px}
}


/* /homepage-v4.css */
/* Homepage v4 — isolated visual system */
.home-page{
  --home-shell:min(1180px,calc(100vw - 48px));
  --home-narrow:min(1040px,calc(100vw - 48px));
  --home-ink:#092f24;
  --home-green:#08a657;
  --home-lime:#b9f065;
  --home-cream:#fbfcf5;
  --home-mint:#e8f8ed;
  --home-line:rgba(15,94,61,.16);
  background:var(--home-cream);
  color:var(--home-ink);
}
.home-page main{overflow:hidden;background:var(--home-cream)}
.home-page .section-shell{width:var(--home-shell);max-width:none}
.home-page .eyebrow{font-family:"DM Sans",sans-serif;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.home-page .button{min-height:48px;padding:0 20px;border-radius:14px;transition:transform .2s,box-shadow .2s,background .2s}
.home-page .button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(5,78,48,.16)}

/* Header and journey */
.home-page .site-header{background:rgba(251,252,245,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,94,61,.1)}
.home-page .announcement{background:var(--home-ink)}
.home-page .nav-shell{width:var(--home-shell)}
.home-page .journey-rail{top:68px;border-bottom:1px solid var(--home-line);background:rgba(251,252,245,.9);backdrop-filter:blur(18px)}
.home-page .journey-shell{width:var(--home-shell);gap:18px}
.home-page .journey-kicker{padding:7px 11px;border-radius:99px;background:var(--home-ink);color:var(--home-lime)}
.home-page .journey-steps button{min-height:54px;border:0}
.home-page .journey-steps button.active{color:var(--home-ink)}
.home-page .journey-steps button.active:after{height:4px;bottom:0;border-radius:10px 10px 0 0;background:var(--home-green)}
.home-page .proof{border:0;background:#fff}
.home-page .proof-track{width:100%;grid-template-columns:repeat(4,1fr)}
.home-page .proof-track>div{min-height:112px;padding:23px 32px;border-color:var(--home-line);background:#fff;transition:background .2s,transform .2s}
.home-page .proof-track>div:nth-child(even){background:#f7faee}
.home-page .proof-track>div:hover{position:relative;z-index:2;background:#eaf8df;transform:translateY(-4px)}

/* Hero */
.home-page .home-hero-v2{position:relative;padding:92px 0 116px;background:
  radial-gradient(circle at 88% 18%,rgba(185,240,101,.36),transparent 21%),
  radial-gradient(circle at 58% 78%,rgba(67,203,133,.16),transparent 26%),
  linear-gradient(135deg,#fbfcf5 0%,#f4faef 57%,#e4f7e9 100%)}
.home-page .home-hero-v2:before{content:"";position:absolute;inset:0;opacity:.55;background-image:radial-gradient(rgba(8,166,87,.16) 1.2px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.home-page .home-hero-v2:after{content:"TWO-WAY BY DESIGN";position:absolute;right:-43px;top:120px;padding:9px 48px;background:var(--home-lime);color:var(--home-ink);font-size:14px;font-weight:900;letter-spacing:.16em;transform:rotate(8deg);box-shadow:0 9px 20px rgba(25,92,55,.12)}
.home-page .home-hero-v2-grid{position:relative;z-index:2;width:var(--home-shell);min-height:600px;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:62px;align-items:center}
.home-page .home-hero-v2-copy{max-width:540px;padding-top:4px}
.home-page .home-hero-v2-copy>.eyebrow{width:max-content;margin-bottom:24px;padding:8px 12px;border:1px solid rgba(8,166,87,.24);border-radius:999px;background:rgba(255,255,255,.7);color:var(--home-green)}
.home-page .home-hero-v2-copy h1{max-width:520px;font-family:"Space Grotesk",sans-serif;font-size:clamp(51px,4.25vw,64px);font-weight:600;line-height:.91;letter-spacing:-.065em}
.home-page .home-hero-v2-copy h1 span,.home-page .home-hero-v2-copy h1 em{display:block;white-space:nowrap}
.home-page .home-hero-v2-copy h1 span:nth-child(2){color:var(--home-ink)}
.home-page .home-hero-v2-copy h1 em{width:max-content;margin-top:10px;padding:3px 12px 8px 7px;border-radius:12px 20px 16px 8px;background:var(--home-lime);color:var(--home-ink);font-style:normal;transform:rotate(-1.5deg)}
.home-page .home-hero-v2-copy h1 em:after{display:none}
.home-page .home-hero-v2-copy>p{max-width:500px;margin-top:28px;color:#526c61;font-size:17px;line-height:1.65}
.home-page .home-hero-v2-copy .hero-actions{margin-top:30px;gap:10px}
.home-page .home-hero-v2-copy .button:first-child{background:var(--home-ink);box-shadow:0 12px 28px rgba(5,58,39,.18)}
.home-page .home-hero-v2-copy .button-ghost{border-color:#9fc8af;background:rgba(255,255,255,.72)}
.home-page .home-hero-proof{margin-top:24px;padding-top:20px;border-top:1px solid var(--home-line);font-size:14px}

.home-page .home-product-stage{min-height:610px;perspective:1200px}
.home-page .home-product-stage:before{inset:38px -10px 18px 34px;border-radius:64px 28px 64px 28px;background:
  radial-gradient(circle at 78% 16%,rgba(255,255,255,.72),transparent 24%),
  linear-gradient(145deg,#d8f9a8 0%,#8ddfaf 48%,#31b77c 100%);box-shadow:inset 0 0 0 1px rgba(6,100,57,.1),0 38px 80px rgba(11,85,54,.16)}
.home-page .home-product-stage:after{content:"";position:absolute;z-index:1;right:14px;bottom:28px;width:94px;height:94px;border:1px dashed rgba(7,80,50,.26);border-radius:50%;animation:homeSpin 18s linear infinite}
.home-page .home-product-orbit.orbit-a{position:absolute;z-index:1;left:4px;top:68px;width:76px;height:76px;border:1px dashed rgba(7,92,53,.26);border-radius:22px;transform:rotate(12deg)}
.home-page .home-product-orbit.orbit-b{position:absolute;z-index:1;right:-24px;top:78px;width:16px;height:70px;border-radius:99px;background:var(--home-lime);box-shadow:0 12px 22px rgba(7,90,52,.13)}
.home-page .home-product-tabs{left:66px;right:12px;top:0;padding:6px;border:1px solid rgba(10,105,61,.2);border-radius:18px;background:rgba(255,255,255,.9)}
.home-page .home-product-tabs button{min-height:46px;border-radius:12px;font-size:14px}
.home-page .home-product-tabs button.active{background:var(--home-ink);box-shadow:0 8px 18px rgba(5,62,40,.2)}
.home-page .home-dashboard-device{left:56px;right:-5px;top:86px;border:0;border-radius:20px;box-shadow:0 30px 70px rgba(4,62,39,.24);transform:perspective(1200px) translate(var(--stage-x),var(--stage-y)) rotateX(var(--stage-rx)) rotateY(calc(var(--stage-ry) - 3deg)) rotateZ(1deg)}
.home-page .home-dashboard-device>img{max-height:460px;image-rendering:auto;filter:contrast(1.02)}
.home-page .home-device-bar{height:34px;background:#fff}
.home-page .home-phone-device{left:-6px;bottom:-24px;width:174px;transform:translate(calc(var(--stage-x) * -.65),calc(var(--stage-y) * -.65)) rotate(-5deg)}
.home-page .home-phone-device:hover{filter:drop-shadow(0 38px 32px rgba(5,57,37,.36));transform:translate(calc(var(--stage-x) * -.65),calc(var(--stage-y) * -.65 - 8px)) rotate(-2deg)}
.home-page .home-phone-device>span{left:73%;top:14%;padding:9px 12px;border-radius:12px;background:var(--home-lime);border:0;animation:homeBob 3.8s ease-in-out infinite}
.home-page .home-product-caption{right:-10px;bottom:4px;width:286px;padding:18px 19px;border:0;border-radius:18px 18px 5px 18px;background:var(--home-ink);color:#fff;box-shadow:0 18px 38px rgba(4,55,35,.22)}
.home-page .home-product-caption small{color:var(--home-lime)}
.home-page .home-product-caption strong{font-size:17px}
.home-page .home-product-caption p{color:#bcd1c7;font-size:17px}
.home-page .home-reach-signal{right:-8px;top:132px;border:0;border-radius:18px;background:#fff;box-shadow:0 16px 35px rgba(7,65,43,.17);animation:homeBob 4.4s ease-in-out infinite reverse}
.home-page .home-reach-signal>b{font-family:"Space Grotesk",sans-serif}
@keyframes homeBob{50%{translate:0 -8px}}
@keyframes homeSpin{to{transform:rotate(360deg)}}

/* The problem */
.home-page .home-problem{padding:112px 0;background:radial-gradient(circle at 88% 15%,rgba(185,240,101,.14),transparent 25%),linear-gradient(140deg,#072c21,#0b4230);border:0}
.home-page .home-problem:before{background-size:42px 42px;opacity:.2}
.home-page .home-problem .home-section-intro{width:var(--home-shell);margin:0 auto 44px;grid-template-columns:1fr .82fr;align-items:end}
.home-page .home-problem .home-section-intro h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(50px,5.6vw,78px)}
.home-page .problem-console{border-color:rgba(255,255,255,.2);border-radius:30px 30px 30px 8px;box-shadow:0 38px 90px rgba(0,14,9,.32)}
.home-page .home-problem .channel-list article{border-radius:12px}
.home-page .home-problem .channel-list article:hover{padding-left:27px;background:#fff;transform:rotate(-.25deg)}
.home-page .home-problem .channel-result{background:radial-gradient(circle at 85% 8%,rgba(185,240,101,.28),transparent 29%),#0e4b37}
.home-page .home-problem .channel-result h3{font-family:"Space Grotesk",sans-serif}

/* Why Tawasol */
.home-page .why-v2{padding:108px 0;background:radial-gradient(circle at 10% 18%,rgba(185,240,101,.3),transparent 20%),radial-gradient(circle at 92% 80%,rgba(54,199,129,.18),transparent 22%),#f8fbf4}
.home-page .why-v2-layout{width:var(--home-narrow);gap:32px}
.home-page .why-v2-intro{grid-template-columns:1fr .88fr;gap:72px}
.home-page .why-v2-heading h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(46px,4.7vw,64px);font-weight:600;line-height:.94}
.home-page .why-v2-heading h2 em{display:inline-block;margin-top:7px;padding:3px 9px 7px;border-radius:10px;background:var(--home-lime);color:var(--home-ink);font-style:normal;transform:rotate(-1deg)}
.home-page .why-v2-summary{margin-top:62px;gap:16px}
.home-page .why-v2-summary>p{font-size:17px}
.home-page .why-v2-signal{border:1px solid var(--home-line);background:#fff;box-shadow:0 12px 30px rgba(10,75,48,.08)}
.home-page .why-v2-grid{gap:14px}
.home-page .why-v2-grid article{border:1px solid var(--home-line);border-radius:24px 24px 24px 8px;box-shadow:0 12px 30px rgba(13,74,49,.06)}
.home-page .why-v2-grid article:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 24px 50px rgba(13,74,49,.13)}
.home-page .why-v2-grid article:nth-child(even){border-radius:24px 24px 8px 24px}
.home-page .why-v2-grid article:nth-child(even):hover{transform:translateY(-7px) rotate(.5deg)}
.home-page .why-v2-grid article:nth-child(1){background:linear-gradient(145deg,#d9f7e4,#f4ffdd)}
.home-page .why-v2-grid article:nth-child(2){background:#fff}
.home-page .why-v2-grid article:nth-child(4){background:#f1fbdc}
.home-page .why-v2-grid article:nth-child(6){background:var(--home-ink)}
.home-page .why-v2-icon{border-radius:16px;transition:transform .25s}
.home-page .why-v2-grid h3{font-family:"Space Grotesk",sans-serif;font-weight:600}

/* Dashboard */
.home-page .dashboard-v3{padding:112px 0;background:linear-gradient(180deg,#fff 0%,#edf8ef 100%);border:0}
.home-page .dashboard-v3>.section-shell{width:var(--home-shell)}
.home-page .dashboard-v3-head{grid-template-columns:1fr .72fr;gap:70px;margin-bottom:38px;align-items:end}
.home-page .dashboard-v3-head h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(47px,5vw,68px)}
.home-page .dashboard-v3-head h2 em{display:inline-block;margin-top:8px;padding:2px 9px 7px;border-radius:10px;background:var(--home-lime);color:var(--home-ink);transform:rotate(-1deg)}
.home-page .dashboard-v3-console{padding:12px;border:1px solid var(--home-line);border-radius:30px 30px 30px 9px;background:#fff;box-shadow:0 34px 80px rgba(9,65,43,.13)}
.home-page .dashboard-v3-topbar{height:46px}
.home-page .dashboard-v3-tabs{gap:7px;padding:8px;border:0;background:#eef6f0}
.home-page .dashboard-v3-tabs button{min-height:70px;border-radius:12px}
.home-page .dashboard-v3-tabs button.active{border-color:transparent;background:var(--home-ink);color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(5,66,42,.2)}
.home-page .dashboard-v3-tabs button.active svg{color:var(--home-lime)}
.home-page .dashboard-v3-detail{padding:20px 22px;border:0;border-radius:15px;background:#eff8e9}
.home-page .dashboard-v3-detail h3{font-family:"Space Grotesk",sans-serif}
.home-page .dashboard-v3-stage{border-radius:18px;background:#d8f2df}
.home-page .dashboard-v3-browser{border:0;border-radius:18px;box-shadow:none}
.home-page .dashboard-v3-browser>img{filter:url(#dashboard-sharpen) contrast(1.02)}

/* Mobile app */
.home-page .home-app-showcase{padding:112px 0;background:radial-gradient(circle at 55% 54%,rgba(185,240,101,.34),transparent 25%),linear-gradient(135deg,#f5faec,#e4f6ea);border:0}
.home-page .app-intro-v2{display:block;margin-bottom:42px}
.home-page .app-intro-v2-heading{display:block}
.home-page .app-intro-v2 h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(47px,4.8vw,65px);font-weight:600;line-height:.94}
.home-page .app-intro-v2 h2 em:last-child{width:max-content;margin-top:6px;padding:2px 9px 7px;border-radius:10px;background:var(--home-lime);color:var(--home-ink);transform:rotate(-1deg)}
.home-page .app-intro-v2>p{display:none}
.home-page .app-canvas{min-height:650px;padding:13px;grid-template-columns:235px minmax(320px,1fr) 292px;gap:12px;border:1px solid var(--home-line);border-radius:30px 30px 8px 30px;background:rgba(255,255,255,.8);box-shadow:0 32px 78px rgba(12,74,49,.12)}
.home-page .app-dock{border:0;border-radius:20px 8px 20px 20px;background:#f0f6f1}
.home-page .app-dock button{border-radius:13px}
.home-page .app-dock button.active{border-color:transparent;background:var(--home-ink);color:#fff;box-shadow:0 12px 25px rgba(5,66,42,.18)}
.home-page .app-dock button.active span,.home-page .app-dock button.active small{color:#b9d0c4}
.home-page .app-dock button.active b{color:#fff}
.home-page .app-phone-stage{border-radius:22px;background:radial-gradient(circle,#edf9d9 0%,#a9e5b9 55%,#69cc9a 100%)}
.home-page .app-phone{width:260px;transition:opacity .18s,transform .18s}
.home-page .app-notification{border:0;background:var(--home-lime);transform:rotate(-2deg)}
.home-page .app-detail{border:0;border-radius:8px 20px 20px 20px;background:#fff}
.home-page .app-detail h3{font-family:"Space Grotesk",sans-serif;font-size:38px}
.home-page .app-detail>span{background:var(--home-lime);color:var(--home-ink)}

/* Measurement */
.home-page .metric-lab{padding:112px 0;background:radial-gradient(circle at 90% 15%,rgba(185,240,101,.14),transparent 26%),linear-gradient(140deg,#072c21,#0b4230);border:0}
.home-page .metric-lab .section-heading.wide{grid-template-columns:1fr .8fr;gap:70px;margin-bottom:42px}
.home-page .metric-lab .section-heading h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(47px,5vw,68px)}
.home-page .metric-workspace{gap:14px}
.home-page .metric-tabs button{border-color:rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06)}
.home-page .metric-tabs button:hover{transform:translateY(-4px) rotate(-.3deg)}
.home-page .metric-tabs button.active{border-color:var(--home-lime);background:rgba(185,240,101,.12)}
.home-page .metric-panel{border:0;border-radius:22px 22px 22px 7px}

/* Security */
.home-page .home-security{padding:76px 0;background:#fff;border:0}
.home-page .security-board{padding:42px;display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:stretch;border:1px solid var(--home-line);border-radius:28px 28px 8px 28px;background:radial-gradient(circle at 4% 100%,rgba(185,240,101,.25),transparent 26%),linear-gradient(135deg,#f0f9f2,#f8fbea);box-shadow:0 22px 55px rgba(12,76,49,.08);overflow:hidden}
.home-page .security-message{display:flex;flex-direction:column;align-items:flex-start}
.home-page .security-message .eyebrow{margin-bottom:14px}
.home-page .security-message h2{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(40px,4vw,54px);font-weight:600;line-height:.95;letter-spacing:-.045em}
.home-page .security-message h2 em{color:var(--home-green);font-style:normal}
.home-page .security-message>p{max-width:390px;margin:20px 0;color:#5d7469;font-size:17px;line-height:1.65}
.home-page .security-assurance{margin:0 0 26px;display:flex;flex-wrap:wrap;gap:9px 15px}
.home-page .security-assurance span{display:flex;align-items:center;gap:7px;color:#466457;font-size:14px;font-weight:700}
.home-page .security-assurance i{width:6px;height:6px;border-radius:50%;background:var(--home-green)}
.home-page .security-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:9px}
.home-page .security-controls{display:block;border-top:1px solid #a9cdb7}
.home-page .security-controls article{min-height:72px;padding:14px 0;display:grid;grid-template-columns:34px 120px 1fr;gap:15px;align-items:center;border:0;border-bottom:1px solid #bad6c5;border-radius:0;background:transparent;box-shadow:none;transition:padding .2s,background .2s}
.home-page .security-controls article:last-child{border-bottom:0}
.home-page .security-controls article:hover{padding-left:10px;background:rgba(255,255,255,.55);box-shadow:none;transform:none}
.home-page .security-controls span{color:var(--home-green);font-size:14px;font-weight:800}
.home-page .security-controls b{margin:0;font-family:"Space Grotesk",sans-serif;font-size:14px}
.home-page .security-controls p{margin:0;color:#5d7469;font-size:17px;line-height:1.5}

/* Company proof band */
.home-page .home-company{padding:72px 0;background:#f7faef}
.home-page .home-company>.section-shell{width:var(--home-shell)}
.home-page .company-band{position:relative;padding:42px 46px 0;border-radius:28px 28px 8px 28px;background:radial-gradient(circle at 92% 6%,rgba(185,240,101,.16),transparent 27%),var(--home-ink);color:#fff;overflow:hidden;box-shadow:0 24px 60px rgba(5,55,38,.14)}
.home-page .company-band-intro{display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:end;padding-bottom:34px}
.home-page .company-band .eyebrow{margin-bottom:14px;color:var(--home-lime)}
.home-page .company-band h2{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(38px,4vw,52px);font-weight:600;line-height:.96;letter-spacing:-.045em}
.home-page .company-band h2 em{color:var(--home-lime);font-style:normal}
.home-page .company-band-copy>p{max-width:510px;margin:0 0 22px;color:#bdd0c7;font-size:17px;line-height:1.65}
.home-page .company-band-copy>div{display:flex;align-items:center;gap:20px;color:#9eb8ac;font-size:14px;font-weight:700}
.home-page .company-band-copy>div span:first-child{display:flex;align-items:center;gap:8px;color:#d9e7e0}
.home-page .company-band-copy i{width:7px;height:7px;border-radius:50%;background:var(--home-lime);box-shadow:0 0 0 4px rgba(185,240,101,.12)}
.home-page .company-band-copy a{margin-left:auto;color:var(--home-lime);font-size:14px;white-space:nowrap}
.home-page .company-band-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.15)}
.home-page .company-band-stats article{min-height:114px;padding:23px 24px 24px 0;border-right:1px solid rgba(255,255,255,.12)}
.home-page .company-band-stats article:not(:first-child){padding-left:24px}
.home-page .company-band-stats article:last-child{border-right:0}
.home-page .company-band-stats strong,.home-page .company-band-stats span{display:block}
.home-page .company-band-stats strong{font-family:"Space Grotesk",sans-serif;font-size:30px;line-height:1;color:#fff}
.home-page .company-band-stats span{max-width:155px;margin-top:9px;color:#9fb8ad;font-size:14px;line-height:1.4}

/* Compact sectors */
.home-page .home-sectors{padding:64px 0;background:linear-gradient(150deg,#e8f8ed,#f8fce9)}
.home-page .home-sectors>.section-shell{width:min(880px,calc(100vw - 48px))}
.home-page .home-sectors-head{margin-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:24px}
.home-page .home-sectors-head .eyebrow{margin-bottom:9px}
.home-page .home-sectors-head h2{margin:0;font-family:"Space Grotesk",sans-serif;font-size:36px;font-weight:600;line-height:1;letter-spacing:-.04em}
.home-page .home-sectors-head>a{color:var(--home-green);font-size:14px;font-weight:800;white-space:nowrap}
.home-page .home-sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.home-page .home-sector-grid>a{position:relative;min-height:122px;padding:15px;display:grid;grid-template-columns:32px 1fr;gap:10px;border:1px solid var(--home-line);border-radius:14px 14px 5px 14px;background:rgba(255,255,255,.82);transition:transform .2s,background .2s}
.home-page .home-sector-grid>a:hover{transform:translateY(-3px);background:#fff}
.home-page .home-sector-number{position:absolute;right:13px;top:11px;color:var(--home-green);font-size:14px;font-weight:800}
.home-page .home-sector-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#ddf5e4;color:var(--home-green)}
.home-page .home-sector-icon svg{width:17px}
.home-page .home-sector-grid h3{margin:3px 18px 0 0;font-family:"Space Grotesk",sans-serif;font-size:15px;line-height:1.1}
.home-page .home-sector-grid p{grid-column:1/-1;margin:3px 0 0;color:#63776e;font-size:17px;line-height:1.4}
.home-page .home-sector-grid>a>b{position:absolute;right:13px;bottom:10px;color:var(--home-green);font-size:14px}

/* Generic homepage endings */
.home-page .faq-section{padding:104px 0;background:#f6faef}
.home-page .faq-layout{gap:80px}
.home-page .faq-section .section-heading h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(44px,4.8vw,62px)}
.home-page .faq-item button{font-family:"Space Grotesk",sans-serif}
.home-page .closing{padding:112px 0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.4),transparent 23%),linear-gradient(135deg,#b9f065,#63d496)}
.home-page .closing h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(50px,6vw,78px)}
.home-page .closing .button:first-child{background:var(--home-ink)}
.home-page .site-footer{background:var(--home-ink)}

@media(max-width:1050px){
  .home-page .home-product-stage{min-height:570px}
  .home-page .app-canvas{grid-template-columns:205px minmax(300px,1fr) 250px}
  .home-page .security-board{grid-template-columns:.72fr 1.28fr;gap:34px}
}
@media(max-width:1100px){
  .home-page .home-hero-v2-grid{width:min(980px,calc(100vw - 40px));grid-template-columns:minmax(0,1fr);gap:46px}
  .home-page .home-hero-v2-copy{max-width:680px}
  .home-page .home-hero-v2-copy h1{max-width:680px;font-size:clamp(54px,6.2vw,67px)}
  .home-page .home-product-stage{width:min(760px,100%);margin-inline:auto}
}
@media(max-width:900px){
  .home-page{--home-shell:min(820px,calc(100vw - 34px));--home-narrow:min(760px,calc(100vw - 34px))}
  .home-page .home-hero-v2{padding:72px 0 90px}
  .home-page .home-hero-v2-grid{grid-template-columns:1fr;gap:48px}
  .home-page .home-hero-v2-copy{max-width:690px}
  .home-page .home-product-stage{width:min(720px,100%);margin:auto}
  .home-page .why-v2-intro,.home-page .dashboard-v3-head,.home-page .app-intro-v2,.home-page .metric-lab .section-heading.wide{grid-template-columns:1fr;gap:20px}
  .home-page .why-v2-summary{margin-top:0}
  .home-page .app-intro-v2{grid-template-rows:auto}
  .home-page .app-intro-v2-heading{display:block}
  .home-page .app-intro-v2-heading .eyebrow,.home-page .app-intro-v2 h2,.home-page .app-intro-v2>p{grid-column:auto;grid-row:auto}
  .home-page .app-intro-v2>p{transform:none;max-width:620px}
  .home-page .app-canvas{grid-template-columns:1fr 1fr}
  .home-page .app-dock{grid-column:1/-1;display:flex;overflow:auto}
  .home-page .app-dock button{flex:0 0 150px}
  .home-page .security-board{grid-template-columns:1fr}
  .home-page .home-company>.section-shell{width:var(--home-shell)}
  .home-page .home-sectors>.section-shell{width:min(760px,calc(100vw - 34px))}
  .home-page .company-band-intro{grid-template-columns:1fr;gap:22px}
  .home-page .home-sector-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .home-page{--home-shell:calc(100vw - 28px);--home-narrow:calc(100vw - 28px)}
  .home-page .home-hero-v2{padding:48px 0 68px}
  .home-page .home-hero-v2:after{display:none}
  .home-page .home-hero-v2-grid{width:calc(100vw - 28px);max-width:calc(100vw - 28px);min-height:0;grid-template-columns:minmax(0,1fr);gap:38px}
  .home-page .home-hero-v2-copy,.home-page .home-hero-v2-copy>p,.home-page .home-hero-v2-copy .hero-actions,.home-page .home-product-stage{width:100%;max-width:100%;min-width:0}
  .home-page .home-hero-v2-copy>.eyebrow{margin-bottom:18px}
  .home-page .home-hero-v2-copy h1{font-size:43px;line-height:.94}
  .home-page .home-hero-v2-copy h1 span,.home-page .home-hero-v2-copy h1 em{white-space:normal}
  .home-page .home-hero-v2-copy h1 em{width:max-content;max-width:100%}
  .home-page .home-hero-v2-copy>p{font-size:17px;overflow-wrap:anywhere}
  .home-page .home-hero-v2-copy .hero-actions{grid-template-columns:1fr}
  .home-page .home-product-stage{min-height:405px}
  .home-page .home-product-stage:before{inset:35px 0 3px 7px;border-radius:30px 16px 30px 16px}
  .home-page .home-product-tabs{left:12px;right:auto;width:calc(100% - 16px);max-width:calc(100% - 16px)}
  .home-page .home-product-tabs button{min-width:0;min-height:40px;padding-inline:3px;font-size:14px}
  .home-page .home-product-tabs button span{display:none}
  .home-page .home-dashboard-device{left:12px;right:0;top:62px;border-radius:12px}
  .home-page .home-dashboard-device>img{max-height:275px}
  .home-page .home-phone-device{left:-2px;bottom:-4px;width:100px}
  .home-page .home-product-caption{right:0;bottom:-5px;width:215px;padding:13px}
  .home-page .home-product-caption strong{font-size:14px}
  .home-page .home-product-caption p{font-size:17px}
  .home-page .home-product-stage:after,.home-page .home-product-orbit,.home-page .home-reach-signal{display:none}
  .home-page .home-problem,.home-page .why-v2,.home-page .dashboard-v3,.home-page .home-app-showcase,.home-page .metric-lab,.home-page .home-security{padding:72px 0}
  .home-page .home-company,.home-page .home-sectors{padding:48px 0}
  .home-page .home-problem .home-section-intro{width:100%;grid-template-columns:1fr}
  .home-page .home-problem .home-section-intro h2,.home-page .why-v2-heading h2,.home-page .dashboard-v3-head h2,.home-page .app-intro-v2 h2,.home-page .metric-lab .section-heading h2,.home-page .security-message h2{font-size:42px}
  .home-page .problem-console{border-radius:22px 22px 22px 7px}
  .home-page .why-v2-grid{grid-template-columns:1fr}
  .home-page .why-v2-grid article:nth-child(n){grid-column:1;min-height:210px;padding:23px}
  .home-page .why-v2-grid article:nth-child(6){padding-right:23px}
  .home-page .dashboard-v3-console{border-radius:22px 22px 22px 7px;padding:7px}
  .home-page .dashboard-v3-tabs{display:flex}
  .home-page .dashboard-v3-tabs button{flex:0 0 96px}
  .home-page .dashboard-v3-detail{grid-template-columns:1fr}
  .home-page .dashboard-v3-detail .button{grid-column:1;width:100%}
  .home-page .app-intro-v2 h2 span,.home-page .app-intro-v2 h2 em{white-space:normal}
  .home-page .app-canvas{padding:9px;grid-template-columns:1fr;border-radius:22px 22px 7px 22px}
  .home-page .app-dock{grid-column:1}
  .home-page .app-phone-stage{min-height:500px}
  .home-page .app-phone{width:220px}
  .home-page .metric-lab .metric-workspace{grid-template-columns:1fr}
  .home-page .metric-lab .metric-tabs{grid-template-columns:1fr 1fr}
  .home-page .metric-panel{overflow-x:auto}
  .home-page .security-board{padding:24px;grid-template-columns:1fr;gap:30px;border-radius:24px 24px 7px 24px}
  .home-page .security-actions{margin-top:0}
  .home-page .security-controls article{grid-template-columns:28px 1fr;gap:5px 10px}
  .home-page .security-controls article p{grid-column:2}
  .home-page .home-company>.section-shell,.home-page .home-sectors>.section-shell{width:calc(100vw - 28px)}
  .home-page .company-band{padding:28px 24px 0}
  .home-page .company-band h2{font-size:35px}
  .home-page .company-band-copy>div{align-items:flex-start;flex-direction:column;gap:9px}
  .home-page .company-band-copy a{margin-left:0}
  .home-page .company-band-stats{grid-template-columns:1fr 1fr}
  .home-page .company-band-stats article:nth-child(2){border-right:0}
  .home-page .company-band-stats article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
  .home-page .home-sectors-head{align-items:flex-start;flex-direction:column;gap:10px}
  .home-page .home-sectors-head h2{font-size:32px}
  .home-page .home-sector-grid{grid-template-columns:1fr}
  .home-page .home-sector-grid>a{min-height:105px}
}
@media(max-width:420px){
  .home-page .home-hero-v2-copy h1{font-size:40px}
  .home-page .home-hero-v2-copy h1 em{padding-inline:6px}
  .home-page .home-hero-proof{gap:8px 14px}
  .home-page .home-product-caption{width:195px}
  .home-page .metric-lab .metric-tabs{grid-template-columns:1fr}
}

/* Readable supporting copy across the homepage */
.home-page .home-problem .channel-list article small{font-size:14px;line-height:1.45}
.home-page .home-problem .channel-result>p{font-size:17px;line-height:1.65}
.home-page .home-problem .channel-result li{font-size:17px;line-height:1.5}
.home-page .home-problem .channel-result>div b{font-size:15px}
.home-page .home-problem .channel-result>div span{margin-top:3px;font-size:14px;line-height:1.45}
.home-page .why-v2-grid p{font-size:17px;line-height:1.6}
.home-page .dashboard-v3-head p{font-size:17px;line-height:1.7}
.home-page .dashboard-v3-detail p{max-width:680px;font-size:17px;line-height:1.6}
.home-page .dashboard-v3-tabs b{font-size:14px}
.home-page .app-dock button{min-height:62px;padding-block:0}
.home-page .app-dock button.active{min-height:62px;padding-block:0;align-items:center}
.home-page .app-dock button.active>span,
.home-page .app-dock button.active>i{margin-top:0}
.home-page .app-dock button b{font-size:14px}
.home-page .app-dock button small{display:none}
.home-page .app-detail>p{font-size:17px;line-height:1.65}
.home-page .app-proof small{font-size:14px}
.home-page .measurement-intro{font-size:16px;line-height:1.65}
.home-page .metric-tabs small{font-size:14px;line-height:1.45}
.home-page .metric-panel [data-metric-list]>div{font-size:14px}
.home-page .metric-panel .c2{font-size:14px}
.home-page .metric-conclusion{font-size:15px}
.home-page .security-controls b{font-size:14px}
.home-page .security-controls p{font-size:17px;line-height:1.5}
.home-page .faq-item>div p{font-size:17px;line-height:1.65}
@media(max-width:680px){
  .home-page .why-v2-grid p,.home-page .dashboard-v3-detail p,.home-page .app-detail>p,.home-page .measurement-intro{font-size:17px}
  .home-page .app-dock button small{display:none}
  .home-page .security-controls p{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .home-page .home-product-stage:after,.home-page .home-phone-device>span,.home-page .home-reach-signal{animation:none}
}
/* Homepage heading rhythm: every primary section title resolves to two lines or fewer. */
.home-page main>section:not(.taw-static-hero) h2{overflow-wrap:normal;word-break:normal;text-wrap:balance}
.home-page :is(.home-problem,.why-v2,.dashboard-v3,.home-security,.home-company) h2 br{display:none}
.home-page :is(.home-problem,.why-v2,.dashboard-v3,.home-security,.home-company) h2 em{display:block}
.home-page .home-problem .home-section-intro h2{font-size:clamp(42px,4.2vw,60px)}
.home-page .why-v2 h2{font-size:clamp(42px,3.35vw,48px)}
.home-page .dashboard-v3-head h2{font-size:clamp(44px,3.75vw,54px)}
.home-page .metric-lab .section-heading h2{max-width:720px;font-size:clamp(44px,3.9vw,56px)}
.home-page .faq-section .section-heading h2{max-width:720px;font-size:44px}
.home-page .home-app-showcase .app-intro-v2-heading h2 span{display:block}
.home-page .home-app-showcase .app-intro-v2-heading h2 em{display:inline!important}
.home-page .home-security .security-message h2{font-size:38px}
.home-page .home-company .company-band-intro h2{font-size:clamp(38px,3.05vw,44px)}
@media(max-width:1000px){
  .home-page .home-problem .home-section-intro h2{font-size:clamp(40px,5vw,46px)}
}
@media(max-width:600px){
  .home-page .why-v2 h2{font-size:28px!important}
  .home-page .dashboard-v3-head h2{font-size:28px!important}
  .home-page .home-app-showcase .app-intro-v2-heading h2{font-size:25px!important}
  .home-page .home-app-showcase .app-intro-v2-heading h2 span{display:block}
  .home-page .home-app-showcase .app-intro-v2-heading h2 em{display:inline}
  .home-page .home-security .security-message h2{font-size:28px!important}
  .home-page .home-company .company-band-intro h2{font-size:25px!important}
  .home-page .closing h2{font-size:27px!important}
}
.home-page .company-scale-proof{margin:28px 0;padding:16px 20px;border:1px solid currentColor;border-radius:14px;font-size:clamp(14px,1.2vw,17px);font-weight:600;line-height:1.6}
.home-page .app-dock .app-compose>span{font-size:24px;line-height:1}

/* App showcase heading: the highlight pill was display:inline, so its vertical
   padding fell outside the line box and painted over the line above (and its
   margin-top / width:max-content were silently ignored). inline-block gives it
   its own vertical space; leading 1.25 replaces the collapsed 0.94.
   One block covers EN, AR and PL - all three homepages share these classes. */
.home-page .home-app-showcase .app-intro-v2-heading h2{
  line-height:1.25!important;
}
.home-page .home-app-showcase .app-intro-v2-heading h2 span{
  display:block!important;
  margin-bottom:8px!important;
}
.home-page .home-app-showcase .app-intro-v2-heading h2 em:last-child{
  display:inline-block!important;
  width:max-content;
  max-width:100%;
  margin-top:0!important;
  padding:4px 14px!important;
  border-radius:12px!important;
  box-shadow:0 1px 2px rgba(5,51,32,.08);
}
@media (max-width:600px){
  .home-page .home-app-showcase .app-intro-v2-heading h2 em:last-child{
    display:inline-block!important;
    width:auto;
    max-width:100%;
    padding:3px 11px!important;
  }
}


/* /site-system.css */
/*
 * Tawasol shared layout system
 * Loaded last on every route. This is the canonical source for page gutters,
 * responsive typography, section rhythm and repeatable card distribution.
 */
:root {
  --site-max: 1180px;
  --site-gutter: 32px;
  --site-shell: min(var(--site-max), calc(100vw - (var(--site-gutter) * 2)));
  --site-section: clamp(72px, 7vw, 104px);
  --site-card-gap: 14px;
  --site-touch-target: 44px;
}

/* One container contract for the shared mobile suite in all locales. */
.ms-shell {
  width: var(--site-shell);
}

/* Homepage hero — one composition, isolated from the shared layout rules. */
body.home-page .home-hero-v2 {
  min-height: 0;
  padding: 76px 0 86px;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 38%, rgba(178, 238, 99, .18), transparent 27%),
    linear-gradient(135deg, #fbfdf8 0%, #f6faf4 52%, #eef8f1 100%);
}

body.home-page .home-hero-v2::before {
  opacity: .34;
  background-size: 28px 28px;
  mask-image: linear-gradient(90deg, transparent 52%, #000 100%);
}

body.home-page .home-hero-v2::after {
  display: none;
}

body.home-page .home-hero-v2-grid {
  width: var(--site-shell);
  min-height: 620px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}

body.home-page .home-hero-v2-copy,
body.home-page .home-hero-v2-copy h1 {
  width: 100%;
  max-width: 520px;
}

body.home-page .home-hero-v2-copy {
  position: relative;
  z-index: 6;
  padding: 0;
}

body.home-page .home-hero-v2-copy > .eyebrow {
  margin: 0 0 22px;
  padding: 7px 12px;
  border-color: rgba(8, 166, 87, .28);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 8px 24px rgba(11, 81, 52, .06);
}

body.home-page .home-hero-v2-copy h1 {
  position: relative;
  isolation: isolate;
  margin: 0;
  font-size: clamp(47px, 3.55vw, 52px);
  font-weight: 650;
  line-height: .96;
  letter-spacing: -.058em;
  text-wrap: initial;
}

body.home-page .home-hero-v2-copy h1::before {
  display: none;
}

body.home-page .home-hero-v2-copy h1 > span,
body.home-page .home-hero-v2-copy h1 > em {
  position: relative;
  z-index: 1;
  display: block;
  white-space: nowrap !important;
  color: #073c2a;
}

body.home-page .home-hero-v2-copy h1 > span {
  font-size: max(14px, 1em) !important;
  line-height: inherit;
  letter-spacing: inherit;
}

body.home-page .home-hero-v2-copy h1 > span::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 1px;
  height: .5em;
  border-radius: 999px;
  background: rgba(186, 242, 99, .72);
}

body.home-page .home-hero-v2-copy h1 > span:first-child::after {
  left: 31%;
  right: 0;
}

body.home-page .home-hero-v2-copy h1 > span:nth-child(2)::after {
  left: 15%;
  width: 62%;
  background: rgba(177, 238, 94, .84);
}

body.home-page .home-hero-v2-copy h1 > span + span {
  margin-top: 4px;
}

body.home-page .home-hero-v2-copy h1 > em {
  width: max-content;
  margin-top: 16px;
  padding: 5px 14px 8px;
  border-radius: 12px;
  background: #baf263;
  color: #073c2a;
  font-size: max(14px, .94em);
  line-height: .94;
  font-style: normal;
  transform: none;
  box-shadow: 0 8px 22px rgba(82, 157, 61, .12);
}

body.home-page .home-hero-v2-copy > p {
  width: 100%;
  max-width: 500px;
  margin: 25px 0 0;
  color: #50695f;
  font-size: 17px;
  line-height: 1.58;
  text-wrap: pretty;
}

body.home-page .home-hero-v2-copy .hero-actions {
  margin-top: 28px;
  gap: 10px;
}

body.home-page .home-hero-v2-copy .button {
  min-height: 50px;
  padding-inline: 20px;
  border-radius: 12px;
}

body.home-page .home-hero-proof {
  margin-top: 24px;
  padding-top: 18px;
  gap: 10px 16px;
}

body.home-page .home-product-stage {
  width: 100%;
  min-height: 570px;
  margin: 0;
  transform: none;
}

body.home-page .home-product-stage::before {
  inset: 50px -80px 10px 28px;
  border-radius: 38px;
  background: linear-gradient(145deg, #dff7bb 0%, #9de1b2 48%, #50bf88 100%);
  box-shadow: inset 0 0 0 1px rgba(6, 100, 57, .08), 0 28px 70px rgba(11, 85, 54, .13);
}

body.home-page .home-product-stage::after,
body.home-page .home-product-orbit {
  display: none;
}

body.home-page .home-product-tabs {
  left: 56px;
  right: -24px;
  top: 16px;
  padding: 5px;
  border-radius: 15px;
  box-shadow: 0 16px 34px rgba(8, 72, 47, .11);
}

body.home-page .home-product-tabs button {
  min-height: 43px;
  border-radius: 10px;
}

body.home-page .home-dashboard-device {
  left: 28px;
  right: -54px;
  top: 92px;
  border-radius: 18px;
  transform: perspective(1200px) translate(var(--stage-x), var(--stage-y)) rotateY(-2deg);
  box-shadow: 0 28px 64px rgba(4, 62, 39, .2);
}

body.home-page .home-dashboard-device > img {
  max-height: 420px;
}

body.home-page .home-phone-device {
  left: -22px;
  bottom: -6px;
  width: 148px;
  transform: translate(calc(var(--stage-x) * -.45), calc(var(--stage-y) * -.45)) rotate(-4deg);
}

body.home-page .home-phone-device:hover {
  transform: translate(calc(var(--stage-x) * -.45), calc(var(--stage-y) * -.45 - 6px)) rotate(-2deg);
}

body.home-page .home-phone-device > span {
  display: none;
}

body.home-page .home-product-caption {
  right: -22px;
  bottom: 4px;
  width: 260px;
  padding: 16px 18px;
  border-radius: 15px;
}

body.home-page .home-reach-signal {
  right: -16px;
  top: 120px;
  transform: scale(.9);
  transform-origin: top right;
}

@media (max-width: 1100px) {
  body.home-page .home-hero-v2-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 46px;
  }

  body.home-page .home-hero-v2-copy,
  body.home-page .home-hero-v2-copy h1 {
    max-width: 680px;
  }

  html[lang="en"] body.home-page .home-hero-v2-copy h1 {
    font-size: clamp(57px, 4.2vw, 62px);
  }

  body.home-page .home-product-stage {
    width: min(760px, 100%);
    margin-inline: auto;
  }
}

@media (max-width: 680px) {
  body.home-page .home-hero-v2 {
    padding: 46px 0 58px;
  }

  body.home-page .home-hero-v2-grid {
    width: calc(100vw - 32px);
    min-height: 0;
    gap: 34px;
  }

  body.home-page .home-hero-v2-copy h1 {
    font-size: clamp(38px, 11vw, 47px) !important;
    line-height: .98 !important;
  }

  body.home-page .home-hero-v2-copy h1 > span {
    white-space: normal !important;
    font-size: max(14px, 1em) !important;
    line-height: inherit;
  }

  body.home-page .home-hero-v2-copy h1 > em {
    margin-top: 12px;
    white-space: nowrap !important;
  }

  body.home-page .home-hero-v2-copy h1::before {
    display: none;
  }

  body.home-page .home-hero-v2-copy > p {
    margin-top: 21px;
    font-size: 17px;
    line-height: 1.55;
  }

  body.home-page .home-hero-v2-copy .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  body.home-page .home-product-stage {
    min-height: 390px;
  }

  body.home-page .home-product-stage::before {
    inset: 38px -24px 4px 8px;
    border-radius: 24px;
  }

  body.home-page .home-product-tabs {
    left: 12px;
    right: 0;
    top: 0;
  }

  body.home-page .home-dashboard-device {
    left: 8px;
    right: -18px;
    top: 64px;
  }

  body.home-page .home-phone-device {
    left: -4px;
    bottom: 0;
    width: 92px;
  }

  body.home-page .home-product-caption {
    right: 0;
    bottom: -4px;
    width: 205px;
    padding: 12px 14px;
  }

  body.home-page .home-reach-signal {
    display: none;
  }
}

@media (max-width: 350px) {
  .story-design-broadcast .product-story-copy h1 {
    font-size: 28px !important;
  }
}

/* Late route-specific desktop grid declarations were overriding their own
   mobile breakpoint and squeezing Arabic headings into 16-36px columns. */
@media (max-width: 760px) {
  .sec17-heading,
  .why-deployment-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  .sec17-heading > div,
  .why-deployment-heading > div {
    min-inline-size: 0;
  }
}

@media (max-width: 680px) {
  body.home-page .home-hero-v2-copy h1 > span {
    font-size: 32px !important;
    line-height: 1.12 !important;
  }

  .dashboard-v3-head h2,
  .app-intro-v2-heading h2 {
    font-size: 28px !important;
    line-height: 1.12 !important;
  }

  .blog-hero h1 {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }

  .article-hero h1 {
    font-size: 32px !important;
    line-height: 1.12 !important;
    max-inline-size: none;
  }

  .article-body h2 {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  .article-next h2 {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  .product-story-copy h1,
  .sv-app-hero-copy h1,
  .sx-hero-copy h1 {
    font-size: 30px !important;
    line-height: 1.12 !important;
  }

  .sx-section-head h2,
  .sx-targeting h2,
  .sx-closing h2,
  .sv-app-alive h2,
  .sv-app-closing h2 {
    font-size: 30px !important;
    line-height: 1.16 !important;
  }
}

/* English app accessibility and final mobile hub repair. */
.skip-link {
  position: fixed;
  z-index: 10000;
  left: 16px;
  top: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #092f24;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform .18s ease;
}

.skip-link:focus {
  transform: translateY(0);
  outline: 3px solid #b9f065;
  outline-offset: 3px;
}

.app-hub .hub-connection h2 {
  max-width: 620px;
  font-size: clamp(42px, 4.1vw, 56px);
}

@media (max-width: 680px) {
  .menu-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  .app-hub .product-hub-hero > .section-shell {
    width: calc(100% - 28px);
    max-width: calc(100% - 28px);
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px;
  }

  .app-hub .hub-copy h1 {
    max-width: 340px;
    font-size: 36px !important;
    line-height: 1.04 !important;
  }

  .app-hub .hub-stage {
    width: 100%;
    min-height: 0;
    padding: 24px 10px 10px;
    overflow: hidden;
  }

  .app-hub .hub-phone {
    width: min(225px, 72vw);
    margin-inline: auto;
    transform: rotate(2deg);
  }

  .app-hub .hub-stage > aside {
    position: relative;
    inset: auto;
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    box-sizing: border-box;
  }

  .app-hub .hub-route-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .app-hub .hub-route-grid > button,
  .app-hub .hub-route-grid > button.active {
    grid-column: 1 !important;
    min-height: 210px;
  }
}

/* Arabic dashboard parity repair. Shared layouts remain the source of truth;
   these rules reverse placement and raise Arabic readability without DOM-wide
   runtime property swaps. */
html[lang="ar"] #app .ar-readable-microcopy {
  font-size: 14px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[lang="ar"] :is(.product-story-dashboard, .dashboard-hub) button,
html[lang="ar"] :is(.product-story-dashboard, .dashboard-hub) button :is(span, b, em, small, p, h3) {
  text-align: start !important;
}

html[lang="ar"] .product-story-dashboard .story-contexts article,
html[lang="ar"] .product-story-dashboard .story-contexts article :is(span, b, em, small, p, h3) {
  text-align: start !important;
}

html[lang="ar"] .product-story-dashboard :is(
  .product-story-screen > div,
  .screen-signal,
  .story-hero-proof b,
  .story-card-grid article > span,
  .story-stepper button span,
  .story-stepper button small,
  .story-step-panels article > span,
  .story-step-panels article > b,
  .story-insight em,
  .story-contexts article > span,
  .story-contexts article > small,
  .story-contexts article > em,
  .story-contexts article > b,
  .story-objection-list button,
  .faq-item button,
  label,
  small
) {
  font-size: 14px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

html[lang="ar"] .product-story-dashboard :is(
  .story-card-grid p,
  .story-step-panels p,
  .story-contexts p,
  .story-objection-list p,
  .faq-item p
) {
  font-size: 17px !important;
  line-height: 1.75 !important;
}

@media (min-width: 981px) {
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-dashboard .product-story-copy h1 {
    max-width: 540px !important;
    font-size: clamp(38px, 2.9vw, 42px) !important;
    line-height: 1.25 !important;
    text-wrap: balance;
  }

  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-design-event .product-story-copy h1 {
    font-size: 36px !important;
  }

  html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .hub-copy h1 {
    font-size: 48px !important;
    line-height: 1.15 !important;
    text-wrap: balance;
  }

  html[lang="ar"] body.arabic-mirrored-page .dashboard-hub :is(.hub-selector h2, .hub-connection h2) {
    max-width: 760px !important;
    font-size: clamp(42px, 3.5vw, 50px) !important;
    line-height: 1.2 !important;
    text-wrap: balance;
  }
}

/* App-page hero type now follows the dashboard-page scale in every locale. */
@media (min-width:681px){
  html[lang="en"] .product-story-app .product-story-copy h1{
    font-size:clamp(39px,3vw,44px)!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
  }
  html[lang="pl"] .product-story-app .product-story-copy h1{
    font-size:clamp(31px,2.4vw,36px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }
  html[lang="ar"] .product-story-app .product-story-copy h1{
    font-size:clamp(38px,2.9vw,42px)!important;
    line-height:1.25!important;
    letter-spacing:0!important;
  }
  html:is([lang="en"],[lang="pl"],[lang="ar"]) .app-hub .hub-copy h1{
    font-size:48px!important;
    line-height:1.15!important;
  }
}

@media (max-width:680px){
  html:is([lang="en"],[lang="pl"]) .product-story-app .product-story-copy h1{
    font-size:34px!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }
  html[lang="ar"] .product-story-app .product-story-copy h1{
    font-size:25px!important;
    line-height:1.35!important;
    letter-spacing:0!important;
  }
  html:is([lang="en"],[lang="pl"],[lang="ar"]) .app-hub .hub-copy h1{
    font-size:30px!important;
    line-height:1.25!important;
  }
}

/* The app suite uses standalone page systems, so target their real hero headings. */
@media (min-width:681px){
  html[lang="en"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:clamp(39px,3vw,44px)!important;line-height:1!important;letter-spacing:-.055em!important}
  html[lang="pl"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:clamp(31px,2.4vw,36px)!important;line-height:1!important;letter-spacing:-.045em!important}
  html[lang="ar"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:clamp(38px,2.9vw,42px)!important;line-height:1.25!important;letter-spacing:0!important}
}
@media (max-width:680px){
  html:is([lang="en"],[lang="pl"]) :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:34px!important;line-height:1.05!important;letter-spacing:-.035em!important}
  html[lang="ar"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:25px!important;line-height:1.35!important;letter-spacing:0!important}
}

/* English and Polish dashboard hero titles: exactly one line per title segment. */
@media (min-width: 681px) {
  html:is([lang="en"],[lang="pl"]) .dashboard-shawts-hero .product-story-copy h1 {
    width: 100% !important;
    max-width: none !important;
    line-height: 1 !important;
  }

  html:is([lang="en"],[lang="pl"]) .dashboard-shawts-hero .product-story-copy h1 > :is(span,em) {
    display: block !important;
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html:is([lang="en"],[lang="pl"]) body.product-story-page .shawts-page .sx-hero-copy h1 {
    width: 100% !important;
    max-width: none !important;
    line-height: 1 !important;
  }

  html:is([lang="en"],[lang="pl"]) body.product-story-page .shawts-page .sx-hero-copy h1 > :is(span,em) {
    display: block !important;
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html[lang="en"] .dashboard-shawts-hero .product-story-copy h1 {
    font-size: clamp(42px, 3.25vw, 47px) !important;
    letter-spacing: -.055em !important;
  }

  html[lang="en"] body.product-story-page .shawts-page .sx-hero-copy h1 {
    font-size: clamp(42px, 3.25vw, 47px) !important;
    letter-spacing: -.055em !important;
  }

  html[lang="pl"] .dashboard-shawts-hero .product-story-copy h1 {
    font-size: clamp(34px, 2.65vw, 39px) !important;
    letter-spacing: -.045em !important;
  }


  html[lang="pl"] body.product-story-page .shawts-page .sx-hero-copy h1 {
    font-size: clamp(34px, 2.65vw, 39px) !important;
    letter-spacing: -.045em !important;
  }
}

@media (min-width: 981px) {
  html:is([lang="en"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero > .section-shell {
    grid-template-columns: minmax(0, 590px) minmax(0, 1fr) !important;
  }
}

@media (max-width: 680px) {
  .product-story-dashboard .product-story-screen > img {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .product-story-dashboard p {
    max-width: 100% !important;
  }

  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-dashboard .product-story-copy h1 {
    max-width: 100% !important;
    font-size: 25px !important;
    line-height: 1.35 !important;
    text-wrap: balance;
  }

  html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .hub-copy h1 {
    font-size: 30px !important;
    line-height: 1.25 !important;
    text-wrap: balance;
  }

  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-dashboard :is(
    .story-block-head h2,
    .story-objections header h2,
    .story-faq header h2
  ) {
    max-width: 100% !important;
    font-size: 23px !important;
    line-height: 1.3 !important;
    text-wrap: balance;
  }

  html[lang="ar"] .product-story-dashboard .product-story-nav > .section-shell::after {
    content: "مرّر للوحدات ←";
    right: auto;
    left: 0;
    background: linear-gradient(270deg, rgba(251,252,245,0), #fbfcf5 24%);
    font-size: 14px;
  }

  .story-design-moderation .queue-filter-bar {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .story-design-moderation .queue-filter-bar button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    flex: none !important;
  }

  .story-design-moderation .queue-filter-bar button:last-child {
    grid-column: 1 / -1;
  }

  html[lang="ar"] .product-story-dashboard :is(
    .library-context-destinations,
    .events-context-panels,
    .events-context-panels > article
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
  }

  html[lang="ar"] .product-story-dashboard :is(
    .library-context-experience,
    .events-context-stage
  ) {
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[lang="ar"] .product-story-dashboard :is(
    .library-context-destinations,
    .events-context-panels
  ) {
    min-width: 0 !important;
  }

  html[lang="ar"] .product-story-dashboard .events-context-panels {
    position: relative !important;
    inset: auto !important;
  }

  html[lang="ar"] .story-design-broadcast .capability-note > p {
    width: auto !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  html[lang="ar"] .story-design-broadcast .capability-note {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[lang="ar"] .story-design-broadcast .capability-note > p {
    width: 100% !important;
  }
}

/* Shawts hero final structure: protected copy and image columns. */
.product-story-dashboard.story-design-broadcast .product-story-hero > .section-shell {
  display: grid !important;
  width: var(--site-shell) !important;
  max-width: var(--site-max) !important;
  min-height: 680px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 34px !important;
  align-items: center !important;
}

@media (min-width: 981px) {
  .product-story-dashboard.story-design-broadcast .section-shell,
  .product-story-dashboard.story-design-broadcast .product-story-block > .section-shell {
    width: var(--site-shell) !important;
    max-width: var(--site-max) !important;
    margin-inline: auto !important;
  }
}

.product-story-dashboard.story-design-broadcast .product-story-copy {
  position: relative;
  z-index: 2;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.product-story-dashboard.story-design-broadcast .product-story-copy .story-index {
  display: block !important;
  position: absolute !important;
  left: -16px !important;
  top: -94px !important;
  color: color-mix(in srgb, var(--accent) 13%, transparent) !important;
  font: 700 152px/1 "Space Grotesk", sans-serif !important;
  letter-spacing: -.09em !important;
  pointer-events: none !important;
  user-select: none !important;
}

.product-story-dashboard.story-design-broadcast .product-story-copy h1 {
  width: 100% !important;
  max-width: 100% !important;
  font-size: clamp(29px, 8.4vw, 34px) !important;
  line-height: .98 !important;
}

.product-story-dashboard.story-design-broadcast .product-story-copy > .eyebrow {
  font-size: 14px !important;
  padding: 9px 14px !important;
}

.product-story-dashboard.story-design-broadcast .product-story-copy > p {
  max-width: 590px !important;
  font-size: 20px !important;
  line-height: 1.62 !important;
}

.product-story-dashboard.story-design-broadcast .product-story-copy .button {
  min-height: 52px !important;
  padding-inline: 22px !important;
  font-size: 14px !important;
}

.product-story-dashboard.story-design-broadcast .story-hero-proof {
  max-width: 620px !important;
  gap: 9px !important;
}

.product-story-dashboard.story-design-broadcast .story-hero-proof > span {
  min-height: 66px !important;
  padding: 12px !important;
}

.product-story-dashboard.story-design-broadcast .story-hero-proof b {
  font-size: 14px !important;
}

.product-story-dashboard.story-design-broadcast .product-story-copy h1 > span {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}

.product-story-dashboard.story-design-broadcast .product-story-hero-visual {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 12px !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.product-story-dashboard.story-design-broadcast .product-story-screen {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

@media (min-width: 820px) {
  .product-story-dashboard.story-design-broadcast .product-story-hero > .section-shell {
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr) !important;
    gap: clamp(42px, 4vw, 58px) !important;
  }

  .product-story-dashboard.story-design-broadcast .product-story-copy h1 {
    font-size: clamp(34px, 4.05vw, 58px) !important;
    letter-spacing: -.055em !important;
  }

  .product-story-dashboard.story-design-broadcast .product-story-hero-visual {
    padding: 20px !important;
  }
}

@media (max-width: 819px) {
  .product-story-dashboard.story-design-broadcast .product-story-hero > .section-shell {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
  }

  .product-story-dashboard.story-design-broadcast .product-story-hero > .section-shell {
    min-height: 0 !important;
  }

  .product-story-dashboard.story-design-broadcast .product-story-copy > p {
    font-size: 17px !important;
  }

}

@media (max-width: 680px) {
  .product-story-dashboard.story-design-broadcast .product-story-copy .story-index {
    left: -16px !important;
    top: -65px !important;
    font-size: 100px !important;
  }
}

@media (max-width: 350px) {
  .product-story-dashboard.story-design-broadcast .product-story-copy h1 {
    font-size: 27px !important;
  }
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* One horizontal alignment line for navigation, content and page journeys. */
.nav-shell,
.hero-grid,
.section-shell,
.journey-shell,
.breadcrumbs,
.why-page .why-shell,
.institutional-page .ip-shell,
.product-story-page .section-shell,
.dashboard-page .section-shell,
.product-hub .section-shell,
body.home-page .section-shell,
body.home-page .dashboard-v3 > .section-shell {
  width: var(--site-shell);
  margin-inline: auto;
  min-width: 0;
}

/* Headings wrap by phrase, never by forced narrow-word columns. */
:where(main) h1,
:where(main) h2,
:where(main) h3 {
  max-width: 100%;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

:where(main) p,
:where(main) li,
:where(main) blockquote {
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: pretty;
}

.home-page .home-hero-v2-copy,
.home-page .home-hero-v2-copy h1 {
  width: 100%;
  max-width: 540px;
}

.home-page .home-hero-v2-copy h1 {
  font-size: clamp(52px, 4.25vw, 60px);
  line-height: 0.94;
  letter-spacing: -0.05em;
}

.home-page .home-hero-v2-copy h1 > span,
.home-page .home-hero-v2-copy h1 > em {
  white-space: normal !important;
}

.home-page .home-hero-v2-copy h1 > span {
  display: block;
  white-space: nowrap !important;
  font-size: max(14px, 1em) !important;
  line-height: inherit;
  letter-spacing: inherit;
}

.home-page .home-hero-v2-copy h1 > em {
  display: inline-block;
  width: max-content;
  margin-top: 14px;
  padding: 5px 14px 8px;
  border-radius: 14px 20px 16px 10px;
  font-size: max(14px, 1em);
  line-height: 0.92;
  transform: none;
}

.home-page .home-hero-v2-copy > p {
  max-width: 520px;
  margin-top: 24px;
  font-size: 17px;
  line-height: 1.55;
  text-wrap: pretty;
}

@media (min-width: 1101px) {
  .home-page .home-hero-v2-grid {
    width: min(1180px, calc(100vw - 64px));
    grid-template-columns: minmax(0, 540px) minmax(0, 1fr);
    gap: 44px;
  }

  .home-page .home-product-stage {
    min-height: 610px;
    transform: none;
  }

  .home-page .home-phone-device {
    left: -34px;
  }
}

/* Homepage hero typography: preserve the authored line structure and use a
   quiet underline wash instead of hard marker blocks. */
body.home-page .home-hero-v2-copy h1 > span::after {
  display: none;
}

body.home-page .home-hero-v2-copy h1 > em {
  position: relative;
  z-index: 1;
  display: block;
  width: max-content;
  margin-top: 9px;
  padding: 0 2px 3px;
  border-radius: 0;
  background: none;
  box-shadow: none;
  transform: none;
}

body.home-page .home-hero-v2-copy h1 > em::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -3px;
  right: -5px;
  bottom: .08em;
  display: block;
  height: .18em;
  border-radius: 55% 45% 52% 48% / 60% 46% 54% 40%;
  background: rgba(174, 235, 88, .34);
  filter: blur(.7px);
  transform: rotate(-.35deg) scaleX(1.01);
  transform-origin: center;
}

@media (min-width: 1101px) {
  body.home-page .home-hero-v2-copy h1 {
    max-width: 620px;
    font-size: clamp(58px, 4.35vw, 64px);
    line-height: .94;
    letter-spacing: -.058em;
  }

  body.home-page .home-hero-v2-copy h1 > span,
  body.home-page .home-hero-v2-copy h1 > em {
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  body.home-page .home-hero-v2-copy h1 > span + span::before,
  body.home-page .home-hero-v2-copy h1 > em::before {
    content: none !important;
  }

  html:not([lang="ar"]) body.home-page .home-product-stage {
    transform: translateX(28px);
  }

  html[lang="ar"] body.home-page .home-hero-v2-copy h1 {
    font-size: clamp(58px, 4.55vw, 67px);
    line-height: 1.18 !important;
    letter-spacing: 0;
  }
}

.dashboard-hub .product-hub-hero > .section-shell,
.app-hub .product-hub-hero > .section-shell,
.dash-overview-hero > .section-shell {
  grid-template-columns: minmax(0, 570px) minmax(0, 1fr);
  gap: 44px;
}

.dashboard-hub .hub-copy h1,
.app-hub .hub-copy h1,
.dashboard-overview .dash-hero-copy h1 {
  font-size: clamp(50px, 4vw, 58px);
  line-height: 0.98;
}

.home-page .app-intro-v2 h2 span,
.home-page .app-intro-v2 h2 em,
.product-story-copy h1,
.hub-copy h1,
.institutional-page h1,
.why-page h1,
.dashboard-page h1 {
  white-space: normal !important;
}

/* Repeatable content grids use equal tracks and equal-height cards. */
.cost-grid,
.fit-grid,
.structure-results,
.component-grid,
.story-card-grid,
.hub-route-grid,
.home-page .why-v2-grid {
  align-items: stretch;
  grid-auto-rows: 1fr;
}

.cost-grid > *,
.fit-grid > *,
.structure-results > *,
.component-grid > *,
.story-card-grid > *,
.hub-route-grid > *,
.home-page .why-v2-grid > * {
  height: 100%;
  min-width: 0;
}

/* Homepage cards are a clean, even system instead of a masonry puzzle. */
.home-page .why-v2-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--site-card-gap);
}

.home-page .why-v2-grid article:nth-child(n) {
  grid-column: auto;
  min-height: 248px;
  padding: 25px;
}

.home-page .why-v2-grid article:nth-child(6) {
  padding-right: 25px;
}

/* Product hubs show every module with equal visual weight. */
.product-hub .hub-route-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--site-card-gap);
}

.app-hub .hub-route-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-hub .hub-route-grid > button,
.product-hub .hub-route-grid > button.active,
.app-hub .hub-route-grid > button,
.app-hub .hub-route-grid > button.active {
  grid-column: auto;
  min-height: 250px;
  padding: 24px;
  border: 1px solid rgba(9, 82, 51, 0.16);
  border-radius: 22px;
  background: #fff;
  color: #092f24;
  font: inherit;
  transform: none;
}

.product-hub .hub-route-grid > button:nth-child(even) {
  background: #eef8e9;
}

.product-hub .hub-route-grid > button.active,
.app-hub .hub-route-grid > button.active {
  border-color: #092f24;
  background: #092f24;
  color: #fff;
}

/* The duplicated ticker set is decorative; one balanced four-item set is clearer. */
.home-page .proof-track {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  animation: none;
}

.home-page .proof-track > div {
  width: auto;
  min-width: 0;
}

.home-page .proof-track > div:nth-child(n + 5) {
  display: none;
}

.product-hub .hub-route-grid > button:hover {
  transform: translateY(-5px);
}

/* Shawts hero: reserve a hard gap between the headline and product screen. */
@media (min-width: 1101px) {
  .story-design-broadcast .product-story-hero > .section-shell {
    grid-template-columns: minmax(0, 460px) minmax(0, 1fr);
    gap: 82px;
  }

  .story-design-broadcast .product-story-copy,
  .story-design-broadcast .product-story-copy h1 {
    width: 100%;
    max-width: 460px;
  }

  .story-design-broadcast .product-story-copy h1 {
    font-size: clamp(50px, 4vw, 59px);
    line-height: .96;
    text-wrap: balance;
    overflow-wrap: normal;
  }
}

@media (min-width: 981px) and (max-width: 1100px) {
  .story-design-broadcast .product-story-hero > .section-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }

  .story-design-broadcast .product-story-copy {
    max-width: 680px;
  }

  .story-design-broadcast .product-story-screen {
    max-width: 820px;
    margin-inline: auto;
  }
}

/* Protect major two-column layouts from creating narrow text columns. */
.dash-overview-hero > .section-shell,
.dash-module-hero > .section-shell,
.product-hub-hero > .section-shell,
.product-story-hero > .section-shell,
.why-hero-grid,
.institutional-page .ip-hero > .ip-shell {
  min-width: 0;
}

.dash-hero-copy,
.module-identity,
.hub-copy,
.product-story-copy,
.why-hero-copy,
.ip-hero-copy,
.story-block-head,
.section-heading,
.dash-section-head {
  min-width: 0;
  max-width: 100%;
}

/* Footer uses the same outer margins as the pages above it. */
footer {
  padding-inline: max(var(--site-gutter), calc((100vw - var(--site-max)) / 2));
}

@media (max-width: 980px) {
  :root {
    --site-gutter: 22px;
    --site-section: clamp(64px, 8vw, 84px);
  }

  .home-page .why-v2-grid,
  .product-hub .hub-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-hub-hero > .section-shell,
  .dash-overview-hero > .section-shell,
  .dash-module-hero > .section-shell,
  .product-story-hero > .section-shell,
  .why-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-page .home-hero-v2-copy,
  .home-page .home-hero-v2-copy h1 {
    max-width: 720px;
  }

  .home-page .home-hero-v2-copy h1 > span {
    white-space: normal !important;
    font-size: 42px !important;
  }

  .hub-copy,
  .dash-hero-copy,
  .module-identity,
  .product-story-copy,
  .why-hero-copy {
    max-width: 720px;
  }
}

@media (max-width: 680px) {
  :root {
    --site-gutter: 16px;
    --site-section: 64px;
    --site-card-gap: 10px;
  }

  .nav-shell,
  .hero-grid,
  .section-shell,
  .journey-shell,
  .breadcrumbs,
  .why-page .why-shell,
  .institutional-page .ip-shell,
  .product-story-page .section-shell,
  .dashboard-page .section-shell,
  .product-hub .section-shell,
  body.home-page .section-shell,
  body.home-page .dashboard-v3 > .section-shell {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
  }

  /* Manual desktop line breaks are allowed to reflow naturally on phones. */
  :where(
    .home-hero-v2-copy,
    .why-v2-heading,
    .dash-hero-copy,
    .why-hero-copy,
    .why-heading,
    .why-scale-copy,
    .why-owner-intro,
    .ip-hero-copy,
    .section-heading,
    .story-block-head,
    .closing,
    .story-closing
  ) h1 br,
  :where(
    .home-hero-v2-copy,
    .why-v2-heading,
    .dash-hero-copy,
    .why-hero-copy,
    .why-heading,
    .why-scale-copy,
    .why-owner-intro,
    .ip-hero-copy,
    .section-heading,
    .story-block-head,
    .closing,
    .story-closing
  ) h2 br {
    display: initial;
  }

  :where(
    .home-hero-v2-copy,
    .dash-hero-copy,
    .module-identity,
    .hub-copy,
    .product-story-copy,
    .why-hero-copy,
    .ip-hero-copy,
    .hero-copy
  ) h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(36px, 10.6vw, 43px) !important;
    line-height: 1.01 !important;
    letter-spacing: -0.045em !important;
  }

  :where(
    .why-v2-heading,
    .dashboard-v3-head,
    .app-intro-v2,
    .dash-section-head,
    .story-block-head,
    .section-heading,
    .why-heading,
    .why-thesis,
    .why-deploy-copy,
    .why-scale-copy,
    .why-owner-intro,
    .ip-heading,
    .ip-section-copy,
    .closing,
    .story-closing
  ) h2 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(31px, 8.8vw, 38px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
  }

  .product-story-copy,
  .story-block-head,
  .story-block-intro,
  .institutional-page .ip-heading,
  .institutional-page .ip-hero-copy,
  .why-page .why-hero-copy,
  .dashboard-page .dash-hero-copy,
  .dashboard-page .module-identity,
  .product-hub .hub-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .home-page .home-hero-v2-copy > p,
  .product-hub .hub-copy > p,
  .product-story-copy > p,
  .dashboard-page .dash-hero-copy > p,
  .dashboard-page .module-identity > p,
  .institutional-page .ip-hero-copy > p,
  .why-page .why-hero-copy > p {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .home-page .home-hero-v2-copy h1 > span,
  .home-page .home-hero-v2-copy h1 > em {
    white-space: normal !important;
  }

  .home-page .home-hero-v2-copy h1 {
    font-size: clamp(42px, 11vw, 50px) !important;
    line-height: 1.02;
  }

  .home-page .home-hero-v2-copy h1 > span {
    font-size: 36px !important;
    line-height: 1.12;
  }

  .home-page .home-hero-v2-copy h1 > em {
    margin-top: 10px;
    font-size: max(14px, 1em);
    padding: 6px 14px 9px;
  }

  .home-page .why-v2-grid,
  .product-hub .hub-route-grid,
  .cost-grid,
  .fit-grid,
  .structure-results,
  .story-card-grid,
  .component-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-page .proof-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-page .proof-track > div {
    min-height: 96px;
    padding: 18px;
  }

  .home-page .proof-track span {
    font-size: 14px;
    line-height: 1.35;
  }

  .home-page .why-v2-grid article:nth-child(n),
  .product-hub .hub-route-grid > button,
  .product-hub .hub-route-grid > button.active,
  .story-card-grid > article:nth-child(n) {
    grid-column: 1 !important;
    transform: none;
  }

  .home-page .why-v2-grid article:nth-child(n) {
    min-height: 0;
    padding: 22px;
  }

  .product-hub .hub-route-grid > button,
  .product-hub .hub-route-grid > button.active {
    min-height: 220px;
    padding: 22px;
  }

  .story-card-grid > article:nth-child(n) {
    min-height: 0;
    padding: 22px;
  }

  footer {
    padding-inline: var(--site-gutter);
  }

  .footer-top,
  .footer-grid,
  .footer-bottom {
    min-width: 0;
  }
}

/* Explicit language control shared by English and Arabic navigation. */
.language-switch {
  min-height: var(--site-touch-target);
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(8, 166, 87, .3);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #087b47;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
  transition: background .2s, color .2s, border-color .2s;
}

.menu-button,
.related a,
.lb-search-bar > button,
.lb-search-suggestions button {
  min-inline-size: var(--site-touch-target);
  min-block-size: var(--site-touch-target);
}

.related a {
  display: inline-flex;
  align-items: center;
}

.language-switch:hover {
  border-color: #08a657;
  background: #e8f8ed;
  color: #092f24;
}

.mobile-language-switch {
  display: none;
}

@media (max-width: 980px) {
  .mobile-language-switch {
    display: flex;
  }
}

/* Dashboard hub mobile repair, loaded after the shared product styles. */
@media (max-width: 680px) {
  .dashboard-hub .product-hub-hero > .section-shell {
    width: calc(100% - 28px);
    max-width: calc(100% - 28px);
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 30px;
  }

  .dashboard-hub .hub-copy h1 {
    font-size: 36px !important;
    line-height: 1.04 !important;
  }

  .dashboard-hub .hub-stage {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-width: 100%;
    padding: 10px;
    overflow: hidden;
  }

  .dashboard-hub .hub-stage > aside {
    position: relative;
    inset: auto;
    width: 100%;
    margin-top: 10px;
    padding: 18px;
    border-radius: 15px;
    box-shadow: none;
  }

  .dashboard-hub .hub-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px;
  }

  .dashboard-hub .hub-route-grid > button,
  .dashboard-hub .hub-route-grid > button.active {
    grid-column: span 1 !important;
    min-height: 180px;
    padding: 16px;
  }

  .dashboard-hub .hub-route-grid > button p {
    display: none;
  }

  .dashboard-hub .hub-route-grid > button.active {
    grid-column: 1 / -1 !important;
    min-height: 210px;
  }

  .dashboard-hub .hub-route-grid > button.active p {
    display: block;
    font-size: 17px;
  }
}

@media (max-width: 350px) {
  .dashboard-hub .hub-route-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .dashboard-hub .hub-route-grid > button,
  .dashboard-hub .hub-route-grid > button.active {
    grid-column: 1 !important;
  }
}

/* Shawts hero: two intentional headline lines with a protected image column. */
.story-design-broadcast .product-story-copy .story-index {
  display: none !important;
}

.story-design-broadcast .product-story-copy h1 > span {
  display: block;
  white-space: nowrap;
}

.story-design-broadcast .product-story-copy,
.story-design-broadcast .product-story-hero-visual {
  min-width: 0;
}

.story-design-broadcast .product-story-hero-visual {
  overflow: hidden;
  padding: 28px;
  border-radius: 32px;
}

.story-design-broadcast .product-story-hero-visual::before {
  inset: 0 !important;
}

.story-design-broadcast .product-story-screen,
.story-design-broadcast .product-story-screen::before {
  max-width: 100%;
  transform: none;
}

.story-design-broadcast .product-story-screen::before {
  inset: 0;
}

.story-design-broadcast .product-story-hero-visual .screen-signal.s1 {
  right: 12px;
}

.story-design-broadcast .product-story-hero-visual .screen-signal.s2 {
  left: 12px;
}

@media (min-width: 1101px) {
  .story-design-broadcast .product-story-hero > .section-shell {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 64px;
  }

  .story-design-broadcast .product-story-copy,
  .story-design-broadcast .product-story-copy h1 {
    width: 100%;
    max-width: 100%;
  }

  .story-design-broadcast .product-story-copy h1 {
    font-size: clamp(40px, 3.2vw, 48px);
    line-height: .98;
  }
}

@media (min-width: 681px) and (max-width: 1100px) {
  .story-design-broadcast .product-story-copy h1 {
    width: min(100%, 650px);
    max-width: 650px;
    font-size: clamp(40px, 4.8vw, 50px);
    line-height: .98;
  }

  .story-design-broadcast .product-story-hero-visual {
    padding: 22px;
  }
}

@media (max-width: 680px) {
  .story-design-broadcast .product-story-copy h1 {
    font-size: clamp(31px, 9vw, 34px) !important;
    line-height: 1.04 !important;
  }

  .story-design-broadcast .product-story-hero-visual {
    margin-top: 4px;
    padding: 14px;
    border-radius: 22px;
  }
}

@media (max-width: 350px) {
  .story-design-broadcast .product-story-copy h1 {
    font-size: 28px !important;
  }
}

@media (max-width: 680px) {
  .product-story-dashboard .product-story-copy h1,
  .product-story-app .product-story-copy h1 {
    font-size: 29px !important;
    line-height: 1.13 !important;
  }

  .ab4-origin-question h2,
  .ab4-heading h2 {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  .case-studies-hero h1,
  .cv-hero-copy h1,
  .why-hero-copy h1,
  .why-closing h2 {
    font-size: 34px !important;
    line-height: 1.14 !important;
  }

  .sec2-proof h2 {
    font-size: 30px !important;
    line-height: 1.16 !important;
  }

  .article-next h2 {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  .ep-faq-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }
}

@media (min-width: 1101px) {
  .article-hero h1 {
    max-width: 900px;
    font-size: 40px !important;
  }
}

/* Dashboard heroes: keep all eight localized product images large, centered and fully contained. */
html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero > .section-shell {
  align-items: center !important;
}

html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero-visual {
  min-height: 0 !important;
  padding: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero-visual::before {
  inset: 8px !important;
  border-radius: 42px 22px !important;
}

html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-screen {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  transform: none !important;
  overflow: visible !important;
}

html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-screen > img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  transform: none !important;
}

@media (min-width: 981px) {
  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero > .section-shell {
    width: min(1320px, calc(100vw - 64px)) !important;
    max-width: 1320px !important;
    grid-template-columns: minmax(440px, 520px) minmax(0, 1fr) !important;
    gap: clamp(48px, 4vw, 64px) !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero-visual {
    width: 100% !important;
    padding: 20px !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-screen {
    max-width: 780px !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-hero > .sx-shell {
    width: min(1320px, calc(100vw - 64px)) !important;
    max-width: 1320px !important;
    grid-template-columns: minmax(440px, 520px) minmax(0, 1fr) !important;
    gap: clamp(48px, 4vw, 64px) !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-browser {
    max-width: 780px !important;
  }
}

html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-product-stage {
  min-height: 0 !important;
  padding: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-product-stage::before {
  inset: 8px !important;
  border-radius: 42px 22px !important;
}

html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-browser {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 680px !important;
  transform: none !important;
}

@media (max-width: 680px) {
  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-hero {
    overflow: hidden !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero > .section-shell,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-hero > .sx-shell {
    width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 28px) !important;
    margin-inline: auto !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-copy .hero-actions,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-copy .story-hero-proof,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page :is(.sx-actions,.sx-hero-proof) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero :is(.product-story-copy,.product-story-copy h1,.product-story-copy h1 span,.product-story-copy h1 em),
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page :is(.sx-hero-copy,.sx-hero-copy h1,.sx-hero-copy h1 span,.sx-hero-copy h1 em) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero-visual,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-product-stage {
    padding: 14px !important;
    overflow: visible !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-screen,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-browser {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero-visual::before,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-product-stage::before {
    inset: 0 !important;
    border-radius: 24px 14px !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .screen-signal,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-float {
    max-width: calc(100% - 16px) !important;
    white-space: normal !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .screen-signal.s1,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-float-a {
    inset-inline: 8px auto !important;
  }

  html:is([lang="en"],[lang="ar"],[lang="pl"]) .dashboard-shawts-hero .screen-signal.s2,
  html:is([lang="en"],[lang="ar"],[lang="pl"]) body.product-story-page .shawts-page .sx-float-b {
    inset-inline: auto 8px !important;
  }
}
/* Site footer v2 */
.site-footer-v2{position:relative;padding:0;background:#052d22;color:#fff;border-top:0;overflow:hidden}
.site-footer-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 25%,rgba(105,255,116,.13),transparent 27%),radial-gradient(circle at 88% 8%,rgba(185,240,101,.16),transparent 24%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px;pointer-events:none}
.site-footer-v2 .sf-shell{position:relative;width:min(1180px,calc(100vw - 48px));margin:auto;padding:30px 0 24px}
.site-footer-v2 .sf-cta{min-height:285px;padding:46px 50px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:52px;align-items:center;border:1px solid rgba(185,240,101,.42);border-radius:30px 30px 9px 30px;background:radial-gradient(circle at 82% 20%,rgba(199,255,91,.22),transparent 28%),linear-gradient(135deg,#0a5038,#087646);box-shadow:0 28px 70px rgba(0,13,9,.28),inset 0 1px rgba(255,255,255,.12)}
.site-footer-v2 .sf-kicker{display:flex;align-items:center;gap:10px;color:#c7ff5b;font-size:14px;font-weight:800;letter-spacing:.14em}.site-footer-v2 .sf-kicker i{width:8px;height:8px;border-radius:50%;background:#c7ff5b;box-shadow:0 0 0 6px rgba(199,255,91,.13)}
.site-footer-v2 .sf-cta h2{max-width:760px;margin:16px 0 0;color:#fff;font-family:"Space Grotesk","DM Sans",sans-serif;font-size:clamp(44px,4.4vw,64px);font-weight:600;line-height:.98;letter-spacing:-.052em;text-wrap:balance}
.site-footer-v2 .sf-cta p{max-width:700px;margin:20px 0 0;color:#c4dbd1;font-size:17px;line-height:1.65}
.site-footer-v2 .sf-actions{display:grid;gap:10px;min-width:210px}.site-footer-v2 .sf-button{min-height:52px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.26);border-radius:14px 14px 5px 14px;color:#fff;font-size:14px;font-weight:800;transition:.22s}.site-footer-v2 .sf-button span{font-size:17px}.site-footer-v2 .sf-button:hover{transform:translateY(-2px);border-color:#c7ff5b;background:rgba(255,255,255,.08)}.site-footer-v2 .sf-button-primary{border-color:#c7ff5b;background:#c7ff5b;color:#073c2b;box-shadow:0 16px 34px rgba(2,30,19,.25)}.site-footer-v2 .sf-button-primary:hover{background:#d5ff8b}
.site-footer-v2 .sf-main{padding:66px 0 54px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:80px;border-bottom:1px solid rgba(255,255,255,.12)}
.site-footer-v2 .sf-brand>a{display:inline-flex}.site-footer-v2 .sf-brand img{width:118px;height:auto;filter:brightness(0) invert(1)}.site-footer-v2 .sf-brand>p{max-width:390px;margin:25px 0;color:#a9c4b8;font-size:17px;line-height:1.7}.site-footer-v2 .sf-badges{display:flex;flex-wrap:wrap;gap:7px}.site-footer-v2 .sf-badges span{padding:8px 10px;display:flex;align-items:center;gap:7px;border:1px solid rgba(185,240,101,.2);border-radius:999px;background:rgba(255,255,255,.04);color:#d3e4dc;font-size:14px;font-weight:700}.site-footer-v2 .sf-badges i{width:5px;height:5px;border-radius:50%;background:#c7ff5b}
.site-footer-v2 .sf-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px}.site-footer-v2 .sf-links>div{display:flex;flex-direction:column;gap:11px}.site-footer-v2 .sf-links strong{margin-bottom:8px;color:#c7ff5b;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.site-footer-v2 .sf-links a{display:flex;justify-content:space-between;gap:8px;color:#d0e0d9;font-size:14px;line-height:1.4}.site-footer-v2 .sf-links a span{opacity:0;transform:translate(-5px,3px);color:#c7ff5b;transition:.2s}.site-footer-v2 .sf-links a:hover{color:#fff}.site-footer-v2 .sf-links a:hover span{opacity:1;transform:translate(0,0)}.site-footer-v2 .sf-contact>a{color:#fff;font-weight:700}.site-footer-v2 .sf-contact p{margin:5px 0 0;color:#91afa2;font-size:17px;line-height:1.6}
.site-footer-v2 .sf-signature{padding:29px 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(255,255,255,.12)}.site-footer-v2 .sf-signature>span{color:#c7ff5b;font-family:"Space Grotesk",sans-serif;font-size:clamp(68px,11vw,150px);font-weight:600;line-height:.72;letter-spacing:-.075em;opacity:.94}.site-footer-v2 .sf-signature small{max-width:260px;color:#88a89a;font-size:14px;font-weight:700;line-height:1.5;text-align:end;text-transform:uppercase;letter-spacing:.1em}
.site-footer-v2 .sf-bottom{padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#7f9f91;font-size:14px}.site-footer-v2 .sf-bottom>div{display:flex;gap:22px}.site-footer-v2 .sf-bottom a{color:#a9c1b7}.site-footer-v2 .sf-bottom a:hover{color:#c7ff5b}
html[dir="rtl"] .site-footer-v2 .sf-cta{border-radius:30px 30px 30px 9px}html[dir="rtl"] .site-footer-v2 .sf-button{border-radius:14px 14px 14px 5px}html[dir="rtl"] .site-footer-v2 .sf-kicker{letter-spacing:0}html[dir="rtl"] .site-footer-v2 .sf-cta h2{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;line-height:1.25}html[dir="rtl"] .site-footer-v2 .sf-links strong{letter-spacing:0}html[dir="rtl"] .site-footer-v2 .sf-links a span{transform:translate(5px,3px)}html[dir="rtl"] .site-footer-v2 .sf-links a:hover span{transform:none}
@media(max-width:900px){.site-footer-v2 .sf-cta{grid-template-columns:1fr;padding:40px;gap:30px}.site-footer-v2 .sf-actions{grid-template-columns:1fr 1fr}.site-footer-v2 .sf-main{grid-template-columns:1fr;gap:44px}.site-footer-v2 .sf-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-footer-v2 .sf-shell{width:calc(100vw - 28px);padding-top:14px}.site-footer-v2 .sf-cta{min-height:0;padding:30px 22px;border-radius:23px 23px 7px 23px}.site-footer-v2 .sf-cta h2{font-size:34px;line-height:1.04}.site-footer-v2 .sf-cta p{font-size:17px}.site-footer-v2 .sf-actions{grid-template-columns:1fr}.site-footer-v2 .sf-main{padding:48px 4px 40px}.site-footer-v2 .sf-links{gap:34px 24px}.site-footer-v2 .sf-links a{font-size:14px}.site-footer-v2 .sf-signature{display:block;padding:25px 0}.site-footer-v2 .sf-signature>span{font-size:max(14px, 20vw);line-height:.78}.site-footer-v2 .sf-signature small{display:block;margin-top:22px;text-align:start}.site-footer-v2 .sf-bottom{align-items:flex-start;flex-direction:column-reverse}.site-footer-v2 .sf-bottom>div{gap:18px}html[dir="rtl"] .site-footer-v2 .sf-cta{border-radius:23px 23px 23px 7px}}
/* Compact site footer v3 */
.site-footer-v3{position:relative;padding:0;background:#063326;color:#fff;border-top:1px solid #20c96d;overflow:hidden}.site-footer-v3:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0,rgba(185,240,101,.1),transparent 31%),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,72px 100%;pointer-events:none}.site-footer-v3 .sf3-shell{position:relative;width:min(1180px,calc(100vw - 48px));margin:auto;padding:48px 0 22px}.site-footer-v3 .sf3-top{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr);gap:80px;align-items:center}.site-footer-v3 .sf3-brand img{width:112px;height:auto;filter:brightness(0) invert(1)}.site-footer-v3 .sf3-brand p{max-width:450px;margin:18px 0 0;color:#a8c4b8;font-size:17px;line-height:1.65}.site-footer-v3 .sf3-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding-inline-start:28px;border-inline-start:1px solid rgba(185,240,101,.3)}.site-footer-v3 .sf3-invite>span{grid-column:1;color:#b9f065;font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.site-footer-v3 .sf3-invite>span i{display:inline-block;width:6px;height:6px;margin-inline-end:8px;border-radius:50%;background:#b9f065;box-shadow:0 0 0 5px rgba(185,240,101,.1)}.site-footer-v3 .sf3-invite strong{max-width:560px;font-family:"Space Grotesk","DM Sans",sans-serif;font-size:clamp(28px,2.6vw,38px);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}.site-footer-v3 .sf3-invite>a{grid-column:2;grid-row:1/3;min-width:174px;min-height:50px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:12px 12px 4px 12px;background:#b9f065;color:#073728;font-size:14px;font-weight:800;box-shadow:0 15px 34px rgba(0,20,12,.24);transition:.2s}.site-footer-v3 .sf3-invite>a:hover{transform:translateY(-2px);background:#ccff7f}.site-footer-v3 .sf3-invite b{font-size:16px}.site-footer-v3 .sf3-rule{height:1px;margin:40px 0;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(185,240,101,.42),rgba(255,255,255,.08))}.site-footer-v3 .sf3-middle{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px}.site-footer-v3 .sf3-links{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.site-footer-v3 .sf3-links>div{display:flex;flex-direction:column;gap:9px}.site-footer-v3 .sf3-links strong,.site-footer-v3 .sf3-contact>span{margin-bottom:7px;color:#b9f065;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.site-footer-v3 .sf3-links a{width:max-content;max-width:100%;color:#d1e1da;font-size:14px;line-height:1.5;transition:.18s}.site-footer-v3 .sf3-links a:hover{color:#b9f065;transform:translateX(3px)}.site-footer-v3 .sf3-contact{padding-inline-start:28px;border-inline-start:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.site-footer-v3 .sf3-contact>a[dir]{color:#fff;font-size:14px;font-weight:700}.site-footer-v3 .sf3-contact p{margin:0;color:#86a699;font-size:17px}.site-footer-v3 .sf3-talk{margin-top:9px;color:#b9f065;font-size:14px;font-weight:800}.site-footer-v3 .sf3-talk b{margin-inline-start:12px}.site-footer-v3 .sf3-trust{margin-top:38px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.site-footer-v3 .sf3-trust>div{display:flex;flex-wrap:wrap;gap:18px}.site-footer-v3 .sf3-trust span{display:flex;align-items:center;gap:7px;color:#b6ccc2;font-size:14px;font-weight:700}.site-footer-v3 .sf3-trust i{width:5px;height:5px;border-radius:50%;background:#b9f065}.site-footer-v3 .sf3-trust small{color:#789b8c;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-footer-v3 .sf3-bottom{padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#759789;font-size:14px}.site-footer-v3 .sf3-bottom>div{display:flex;gap:20px}.site-footer-v3 .sf3-bottom a{color:#9db8ad}.site-footer-v3 .sf3-bottom a:hover{color:#b9f065}html[dir="rtl"] .site-footer-v3 .sf3-invite strong{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;line-height:1.25}html[dir="rtl"] .site-footer-v3 .sf3-invite>span,html[dir="rtl"] .site-footer-v3 .sf3-links strong,html[dir="rtl"] .site-footer-v3 .sf3-contact>span{letter-spacing:0}html[dir="rtl"] .site-footer-v3 .sf3-links a:hover{transform:translateX(-3px)}html[dir="rtl"] .site-footer-v3 .sf3-invite>a{border-radius:12px 12px 12px 4px}
@media(max-width:850px){.site-footer-v3 .sf3-top{grid-template-columns:1fr;gap:34px}.site-footer-v3 .sf3-invite{padding-inline-start:0;border:0}.site-footer-v3 .sf3-middle{grid-template-columns:1fr;gap:36px}.site-footer-v3 .sf3-contact{padding:24px 0 0;border-inline-start:0;border-top:1px solid rgba(255,255,255,.1)}}
@media(max-width:600px){.site-footer-v3 .sf3-shell{width:calc(100vw - 32px);padding:38px 0 19px}.site-footer-v3 .sf3-brand p{font-size:17px}.site-footer-v3 .sf3-invite{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.site-footer-v3 .sf3-invite strong{font-size:30px}.site-footer-v3 .sf3-invite>a{width:100%;margin-top:5px}.site-footer-v3 .sf3-rule{margin:34px 0}.site-footer-v3 .sf3-links{grid-template-columns:1fr 1fr;gap:31px 24px}.site-footer-v3 .sf3-contact{padding-top:25px}.site-footer-v3 .sf3-trust{align-items:flex-start;flex-direction:column;gap:16px}.site-footer-v3 .sf3-trust>div{gap:10px 16px}.site-footer-v3 .sf3-bottom{align-items:flex-start;flex-direction:column-reverse}.site-footer-v3 .sf3-bottom>div{gap:17px}}

/* Keep every English and Polish dashboard hero title to its two authored lines. */
@media (min-width: 681px) {
  html:is([lang="en"],[lang="pl"]) .dashboard-shawts-hero .product-story-copy h1,
  html:is([lang="en"],[lang="pl"]) body.product-story-page .shawts-page .sx-hero-copy h1 {
    width: 100% !important;
    max-width: none !important;
    line-height: 1 !important;
  }

  html:is([lang="en"],[lang="pl"]) .dashboard-shawts-hero .product-story-copy h1 > :is(span,em),
  html:is([lang="en"],[lang="pl"]) body.product-story-page .shawts-page .sx-hero-copy h1 > :is(span,em) {
    display: block !important;
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  html[lang="en"] .dashboard-shawts-hero .product-story-copy h1,
  html[lang="en"] body.product-story-page .shawts-page .sx-hero-copy h1 {
    font-size: clamp(39px, 3vw, 44px) !important;
    letter-spacing: -.055em !important;
  }

  html[lang="pl"] .dashboard-shawts-hero .product-story-copy h1,
  html[lang="pl"] body.product-story-page .shawts-page .sx-hero-copy h1 {
    font-size: clamp(31px, 2.4vw, 36px) !important;
    letter-spacing: -.045em !important;
  }
}

@media (min-width: 981px) {
  html:is([lang="en"],[lang="pl"]) .dashboard-shawts-hero .product-story-hero > .section-shell,
  html:is([lang="en"],[lang="pl"]) body.product-story-page .shawts-page .sx-hero > .sx-shell {
    width: min(1180px, calc(100vw - 48px)) !important;
    max-width: 1180px !important;
    grid-template-columns: minmax(0, 520px) minmax(0, 1fr) !important;
    gap: 40px !important;
  }
}
/* Arabic hero parity: mirror complete compositions, controls, and copy alignment. */
html[lang="ar"] :is(.taw-static-copy,.hero-copy,.why-hero-copy,.product-story-copy,.hub-copy,.sx-hero-copy,.ms-hero-copy,.sv-app-hero-copy,.cv-hero-copy,.c9-hero-copy,.ep-hero-copy,.lb-hero-copy,.fr-hero-copy,.case-studies-hero-copy,.contact-hero-copy){text-align:right!important}
html[lang="ar"] :is(.taw-static-actions,.hero-actions,.sx-actions,.product-story-actions){direction:rtl;justify-content:flex-start}
html[lang="ar"] .taw-static-shell{direction:rtl}
html[lang="ar"] .taw-static-copy,html[lang="ar"] .taw-static-copy h1,html[lang="ar"] .taw-static-copy>p{width:100%;max-width:100%}
html[lang="ar"] :is(.hero-actions,.sx-actions,.taw-static-actions) a span[aria-hidden="true"]{display:inline-block;transform:scaleX(-1)}
@media(min-width:1101px){html[lang="ar"] body.product-story-page .shawts-page .sx-hero-copy,html[lang="ar"] body.product-story-page .story-design-structure .product-story-copy{padding-inline-start:70px;box-sizing:border-box}}
@media(max-width:680px){html[lang="ar"] :is(.taw-static-shell,.product-story-hero>.section-shell,.product-hub-hero>.section-shell,.sx-hero>.sx-shell,.ms-hero>.ms-shell){direction:rtl}html[lang="ar"] :is(.taw-static-copy,.product-story-copy,.hub-copy,.sx-hero-copy,.ms-hero-copy,.sv-app-hero-copy,.cv-hero-copy,.c9-hero-copy,.ep-hero-copy,.lb-hero-copy,.fr-hero-copy){text-align:right!important}}

/* Final app/dashboard hero-heading parity. */
@media (min-width:681px){
  html[lang="en"] .product-story-app .product-story-copy h1{font-size:clamp(39px,3vw,44px)!important;line-height:1!important;letter-spacing:-.055em!important}
  html[lang="pl"] .product-story-app .product-story-copy h1{font-size:clamp(31px,2.4vw,36px)!important;line-height:1!important;letter-spacing:-.045em!important}
  html[lang="ar"] .product-story-app .product-story-copy h1{font-size:clamp(38px,2.9vw,42px)!important;line-height:1.25!important;letter-spacing:0!important}
  html:is([lang="en"],[lang="pl"],[lang="ar"]) .app-hub .hub-copy h1{font-size:48px!important;line-height:1.15!important}
}
@media (max-width:680px){
  html:is([lang="en"],[lang="pl"]) .product-story-app .product-story-copy h1{font-size:34px!important;line-height:1.05!important;letter-spacing:-.035em!important}
  html[lang="ar"] .product-story-app .product-story-copy h1{font-size:25px!important;line-height:1.35!important;letter-spacing:0!important}
  html:is([lang="en"],[lang="pl"],[lang="ar"]) .app-hub .hub-copy h1{font-size:30px!important;line-height:1.25!important}
}

/* Final standalone app hero sizes — matches dashboard headings. */
@media (min-width:681px){
  html[lang="en"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:clamp(39px,3vw,44px)!important;line-height:1!important;letter-spacing:-.055em!important}
  html[lang="pl"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:clamp(31px,2.4vw,36px)!important;line-height:1!important;letter-spacing:-.045em!important}
  html[lang="ar"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:clamp(38px,2.9vw,42px)!important;line-height:1.25!important;letter-spacing:0!important}
}
@media (max-width:680px){
  html:is([lang="en"],[lang="pl"]) :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:34px!important;line-height:1.05!important;letter-spacing:-.035em!important}
  html[lang="ar"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1{font-size:25px!important;line-height:1.35!important;letter-spacing:0!important}
}
/* Arabic homepage hero: true geometric mirror of the English product scene. */
html[lang="ar"] body.home-page .taw-static-hero .home-product-stage:before{inset:50px 28px 10px -80px!important;border-radius:38px!important}
html[lang="ar"] body.home-page .taw-static-hero .home-product-tabs{left:-24px!important;right:56px!important}
html[lang="ar"] body.home-page .taw-static-hero .home-dashboard-device{left:-54px!important;right:28px!important;transform:perspective(1200px) translate(var(--stage-x),var(--stage-y)) rotateY(2deg)!important}
html[lang="ar"] body.home-page .taw-static-hero .home-phone-device{left:auto!important;right:-22px!important;transform:translate(calc(var(--stage-x) * .45),calc(var(--stage-y) * -.45)) rotate(4deg)!important}
html[lang="ar"] body.home-page .taw-static-hero .home-phone-device:hover{transform:translate(calc(var(--stage-x) * .45),calc(var(--stage-y) * -.45 - 6px)) rotate(2deg)!important}
html[lang="ar"] body.home-page .taw-static-hero .home-reach-signal{left:-16px!important;right:auto!important;transform-origin:top left!important}
html[lang="ar"] body.home-page .taw-static-hero .home-product-caption{left:-22px!important;right:auto!important;border-radius:15px 15px 15px 5px!important}
@media(max-width:680px){html[lang="ar"] body.home-page .taw-static-hero .home-product-stage:before{inset:38px 14px 5px -20px!important}html[lang="ar"] body.home-page .taw-static-hero .home-product-tabs{left:4px!important;right:12px!important}html[lang="ar"] body.home-page .taw-static-hero .home-dashboard-device{left:0!important;right:12px!important;transform:none!important}html[lang="ar"] body.home-page .taw-static-hero .home-phone-device{left:auto!important;right:-6px!important;transform:rotate(3deg)!important}html[lang="ar"] body.home-page .taw-static-hero .home-product-caption{left:0!important;right:auto!important}}
@media(min-width:1101px){html[lang="ar"] body.home-page .taw-static-hero .home-product-stage{transform:translateX(-28px)!important}}

/* Homepage hero container discipline: every language uses the same page margins. */
body.home-page .taw-static-hero .taw-static-shell{
  width:min(1320px,100%)!important;
  max-width:1320px!important;
  box-sizing:border-box;
}
body.home-page .taw-static-hero .home-product-stage{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box;
}
@media(min-width:1101px){
  body.home-page .taw-static-hero .home-product-stage{transform:none!important}
  body.home-page .taw-static-hero .home-product-stage:before{inset:50px 0 10px 28px!important}
  body.home-page .taw-static-hero .home-product-tabs{left:56px!important;right:0!important}
  body.home-page .taw-static-hero .home-dashboard-device{left:28px!important;right:0!important}
  body.home-page .taw-static-hero .home-dashboard-device{transform:translate(var(--stage-x),var(--stage-y))!important}
  body.home-page .taw-static-hero .home-phone-device{left:12px!important}
  body.home-page .taw-static-hero .home-reach-signal{right:0!important}
  body.home-page .taw-static-hero .home-product-caption{right:0!important}

  html[lang="ar"] body.home-page .taw-static-hero .home-product-stage{transform:none!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-product-stage:before{inset:50px 28px 10px 0!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-product-tabs{left:0!important;right:56px!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-dashboard-device{left:0!important;right:28px!important;transform:translate(var(--stage-x),var(--stage-y))!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-phone-device{left:auto!important;right:12px!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-reach-signal{left:0!important;right:auto!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-product-caption{left:0!important;right:auto!important}
}
@media(max-width:680px){
  body.home-page .taw-static-hero{padding-inline:16px!important}
  body.home-page .taw-static-hero .taw-static-shell{width:100%!important;max-width:100%!important}
  body.home-page .taw-static-hero :is(.taw-static-copy,.home-product-stage){width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;min-width:0!important}
  body.home-page .taw-static-hero .home-product-stage:before{inset:38px 0 4px 8px!important}
  body.home-page .taw-static-hero .home-product-tabs{left:12px!important;right:0!important}
  body.home-page .taw-static-hero .home-dashboard-device{left:8px!important;right:0!important;transform:none!important}
  body.home-page .taw-static-hero .home-phone-device{left:8px!important}
  body.home-page .taw-static-hero .home-product-caption{right:0!important}

  html[lang="ar"] body.home-page .taw-static-hero .home-product-stage:before{inset:38px 8px 4px 0!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-product-tabs{left:0!important;right:12px!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-dashboard-device{left:0!important;right:8px!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-phone-device{left:auto!important;right:8px!important}
  html[lang="ar"] body.home-page .taw-static-hero .home-product-caption{left:0!important;right:auto!important}
  html[lang="ar"] body.home-page .taw-static-hero .taw-static-shell>.home-product-stage{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;justify-self:end!important}
}

/* Mobile audit: keep editable text at a readable size on phones. */
@media(max-width:680px){
  html body #app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea,select){font-size:16px!important}
}
/* ---------------------------------------------------------------------------
   Mobile nav sheet height fix.
   .site-header has backdrop-filter: blur(18px), which makes it a containing
   block for position:fixed descendants. So .nav-links { inset:68px 0 0 }
   resolved against the 75px-tall header instead of the viewport, leaving a
   ~44px tall menu that showed one link. Viewport units sidestep the containing
   block; scoped to .menu-open so only the open mobile sheet is affected.
   --------------------------------------------------------------------------- */
body.menu-open .nav-links,
html body.menu-open .nav-links {
  top: 68px !important;
  bottom: auto !important;
  height: calc(100dvh - 68px) !important;
  max-height: calc(100dvh - 68px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
@supports not (height: 100dvh) {
  body.menu-open .nav-links,
  html body.menu-open .nav-links {
    height: calc(100vh - 68px) !important;
    max-height: calc(100vh - 68px) !important;
  }
}

/* ---------------------------------------------------------------------------
   Mobile header + menu sheet.
   .nav-shell is a 3-column grid; on phones .nav-actions is hidden, so the
   hamburger was left sitting in column 2 right beside the logo. Flex with
   space-between puts it at the far end and mirrors correctly in RTL.
   --------------------------------------------------------------------------- */
@media (max-width: 1080px) {
  .nav-shell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }
  .nav-shell > .menu-button { margin-inline-start: auto !important; order: 9 !important; }

  /* A real icon button instead of two hairlines. */
  .menu-button {
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 !important;
    border: 1px solid rgba(8,101,61,.20) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.72) !important;
  }
  /* Bars are positioned absolutely so the open/close geometry is exact and does
     not depend on whatever gap or margins the base stylesheet applies. */
  .menu-button { position: relative !important; }
  .menu-button i {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 18px !important;
    height: 2px !important;
    margin: -1px 0 0 -9px !important;
    border-radius: 2px !important;
    background: #0d3b2a !important;
    transition: transform .22s ease, background-color .22s ease;
  }
  .menu-button i:first-child { transform: translateY(-4px); }
  .menu-button i:last-child  { transform: translateY(4px); }
  /* Open state morphs the two bars into a close (X) icon. */
  body.menu-open .menu-button { background: #0d3b2a !important; border-color: #0d3b2a !important; }
  body.menu-open .menu-button i { background: #fff !important; }
  body.menu-open .menu-button i:first-child { transform: rotate(45deg); }
  body.menu-open .menu-button i:last-child  { transform: rotate(-45deg); }

  /* Sheet: start at the top instead of vertically centring the links. */
  body.menu-open .nav-links {
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 2px !important;
    padding: 14px 20px 32px !important;
  }
}

/* The open sheet lives inside .site-header, which is its own stacking context
   (backdrop-filter). On RTL pages some hero content painted above it, so the
   menu was invisible even though it was laid out correctly. Raise the header
   while the menu is open. */
body.menu-open .site-header { z-index: 9999 !important; }
body.menu-open .nav-links { z-index: 1 !important; }

/* RTL pages set overflow:hidden on .site-header to guard against horizontal
   scroll. Combined with backdrop-filter (which makes the header the containing
   block for the fixed sheet) that CLIPS the menu to the 75px header box, so the
   Arabic menu opened but was invisible. Un-clip only while the menu is open. */
body.menu-open .site-header { overflow: visible !important; }

/* Decisive fix: while the menu is open, drop backdrop-filter on the header.
   That is what made the header the containing block for the fixed sheet AND
   let its overflow:hidden clip it. Without it the sheet resolves against the
   viewport and nothing can clip it. */
body.menu-open .site-header {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  background: #f7faf7 !important;
}
body.menu-open .nav-links { z-index: 9999 !important; }


/* /arabic.css */
html[lang="ar"]{direction:rtl;overflow-x:clip}
html[lang="ar"] body{direction:rtl;overflow-x:hidden;font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;text-align:right}
html[lang="ar"] :is([dir="ltr"],.footer-word){font-family:"Plus Jakarta Sans",sans-serif}
html[lang="ar"] .home-page :is(h1,h2,h3,.button,.nav-links,.nav-actions,.eyebrow){font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif}
html[lang="ar"] .home-page :is(.home-hero-v2-copy h1,.dashboard-v3-head h2,.app-intro-v2 h2,.metric-lab .section-heading h2,.security-message h2,.company-band h2,.home-sectors-head h2,.faq-section .section-heading h2,.closing h2){letter-spacing:0}
html[lang="ar"] .home-page .eyebrow{letter-spacing:0;text-transform:none}
html[lang="ar"] .home-page .home-hero-v2:before{mask-image:linear-gradient(270deg,transparent 35%,#000 100%)}
html[lang="ar"] .home-page .home-hero-v2:after{content:"تفاعل ثنائي الاتجاه";right:auto;left:-35px;transform:rotate(-8deg);font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;font-size:14px}
html[lang="ar"] .home-page .home-hero-v2-copy h1{line-height:1.35;letter-spacing:0}
html[lang="ar"] .home-page .home-hero-v2-copy h1 em{width:max-content;padding:2px 10px 8px;transform:rotate(1deg)}
html[lang="ar"] .home-page .home-product-tabs{left:12px;right:66px}
html[lang="ar"] .home-page .home-dashboard-device{left:-5px;right:56px;transform:perspective(1200px) translate(var(--stage-x),var(--stage-y)) rotateX(var(--stage-rx)) rotateY(calc(var(--stage-ry) + 3deg)) rotateZ(-1deg)}
html[lang="ar"] .home-page .home-phone-device{left:auto;right:-6px;transform:translate(calc(var(--stage-x) * -.65),calc(var(--stage-y) * -.65)) rotate(5deg)}
html[lang="ar"] .home-page .home-product-caption{right:auto;left:-10px;border-radius:18px 18px 18px 5px}
html[lang="ar"] .home-page .home-reach-signal{right:auto;left:-8px}
html[lang="ar"] .home-page .home-product-orbit.orbit-a{left:auto;right:4px}
html[lang="ar"] .home-page .home-product-orbit.orbit-b{right:auto;left:-24px}
html[lang="ar"] .home-page .problem-console,
html[lang="ar"] .home-page .dashboard-v3-console,
html[lang="ar"] .home-page .metric-panel,
html[lang="ar"] .home-page .company-band{border-radius:30px 30px 9px 30px}
html[lang="ar"] .home-page .why-v2-grid article:nth-child(6){padding-right:34px;padding-left:42px}
html[lang="ar"] .home-page .dashboard-v3-detail{grid-template-columns:minmax(0,1fr) auto}
html[lang="ar"] .home-page .dashboard-v3-detail>[data-dashboard-v3-count]{display:none}
html[lang="ar"] .home-page .dashboard-v3-detail .button{justify-self:start}
html[lang="ar"] .home-page .app-canvas{direction:ltr;grid-template-columns:235px minmax(320px,1fr) 292px}
html[lang="ar"] .home-page .app-dock{direction:rtl;border-radius:20px 8px 20px 20px}
html[lang="ar"] .home-page .app-dock button{grid-template-columns:minmax(0,1fr) 10px;text-align:right}
html[lang="ar"] .home-page .app-detail{border-radius:8px 20px 20px 20px}
html[lang="ar"] .home-page .app-detail{direction:rtl;text-align:right}
html[lang="ar"] .home-page .app-detail>:is(span,small,h3,p){direction:rtl;unicode-bidi:plaintext;text-align:right}
html[lang="ar"] .home-page .app-detail :is(.app-proof,.button){direction:rtl;text-align:right}
html[lang="ar"] .home-page .app-intro-v2 h2 em{white-space:nowrap}
html[lang="ar"] .home-page .security-message{align-items:flex-start}
html[lang="ar"] .home-page .security-controls article:hover{padding-left:0;padding-right:10px}
html[lang="ar"] .home-page .company-band-copy a{margin-left:0;margin-right:auto}
html[lang="ar"] .home-page .ar-company-stats{grid-template-columns:repeat(6,1fr)}
html[lang="ar"] .home-page .company-band-stats article{padding:23px 0 24px 20px;border-right:0;border-left:1px solid rgba(255,255,255,.12)}
html[lang="ar"] .home-page .company-band-stats article:not(:first-child){padding-left:20px;padding-right:20px}
html[lang="ar"] .home-page .company-band-stats article:last-child{border-left:0}
html[lang="ar"] .home-page .home-sectors>.section-shell{width:min(1050px,calc(100vw - 48px))}
html[lang="ar"] .home-page .home-sector-grid>a{grid-template-columns:32px 1fr;border-radius:14px 14px 14px 5px}
html[lang="ar"] .home-page .home-sector-number{right:auto;left:13px}
html[lang="ar"] .home-page .home-sector-grid h3{margin:3px 0 0 18px}
html[lang="ar"] .home-page .home-sector-grid>a>b{right:auto;left:13px}
html[lang="ar"] .home-page .faq-item button{text-align:right}
html[lang="ar"] .home-page .footer-grid,
html[lang="ar"] .home-page .footer-top,
html[lang="ar"] .home-page .footer-bottom{direction:rtl}
html[lang="ar"] .home-page .ar-arrow{display:inline-block;transition:transform .2s}
html[lang="ar"] .home-page a:hover>.ar-arrow{transform:translateX(-3px)}
html[lang="ar"] .home-page :is(.section-heading h2,.component-grid h3,.explorer-meta h3,.faq-item button span,.closing h2){line-height:1.35;overflow-wrap:break-word;text-wrap:balance}
html[lang="ar"] .home-page :is(.component-grid p,.story-copy p,.explorer-meta p,.faq-item p){line-height:1.75}
html[lang="ar"] .home-page :is(.button,.feature-row,.component-grid article,.explorer-meta,.story-copy){min-width:0}
html[lang="ar"] .home-page .feature-row{align-items:start}
html[lang="ar"] .home-page .feature-row :is(b,span){line-height:1.65;overflow-wrap:break-word}

/* Arabic glyphs are taller than the Latin display face. Keep the approved
   font sizes and give the lines enough vertical room to remain separate. */
html[lang="ar"] .home-page :is(.home-hero-v2-copy h1,.hero-copy h1){line-height:1.35!important}
html[lang="ar"] .home-page :is(.home-section-intro h2,.why-v2-heading h2,.dashboard-v3-head h2,.app-intro-v2 h2,.metric-lab .section-heading h2,.security-message h2,.company-band h2,.faq-section .section-heading h2,.closing h2,.section-heading h2){line-height:1.4!important}
html[lang="ar"] .home-page :is(h3,.faq-item button span){line-height:1.45!important}
html[lang="ar"] .home-page :is(.home-hero-v2-copy h1 span,.home-hero-v2-copy h1 em,.app-intro-v2 h2 span,.app-intro-v2 h2 em){padding-block-start:.06em;padding-block-end:.1em}

/* Arabic needs a slightly larger optical floor than Latin at the same CSS
   size. Keep the approved display scale, but make labels and supporting copy
   readable instead of carrying over the English 7--11px micro type. */
html[lang="ar"] .home-page .announcement{font-size:14px}
html[lang="ar"] .home-page :is(.nav-links>a,.nav-trigger,.text-link){font-size:14px}
html[lang="ar"] .home-page .nav-actions .button{font-size:14px}
html[lang="ar"] .home-page .nav-shell{direction:rtl}
html[lang="ar"] .home-page .brand img{object-position:right center}
html[lang="ar"] .home-page .nav-links,
html[lang="ar"] .home-page .nav-actions{direction:rtl}
html[lang="ar"] .home-page .mega{direction:rtl;text-align:right}
html[lang="ar"] .home-page .discover-menu{right:auto;left:-38px}
html[lang="ar"] .home-page .discover-links>a{grid-template-columns:44px minmax(0,1fr) auto;text-align:right}
html[lang="ar"] .home-page .discover-links>a:hover{transform:translateX(-3px)}
html[lang="ar"] .home-page .discover-links>a>.ar-arrow{transform:scaleX(1)}
html[lang="ar"] .home-page :is(.eyebrow,.home-hero-proof,.trust-note){font-size:14px}
html[lang="ar"] .home-page .button{font-size:14px}
html[lang="ar"] .home-page .proof-track span{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;font-size:18px;line-height:1.45;text-align:right}
html[lang="ar"] .home-page .proof-track strong{display:block;color:var(--home-ink);font-size:17px;font-weight:700;line-height:1.45}
html[lang="ar"] .home-page .proof-track small{display:block;color:#526c61;font-size:14px;font-weight:500;line-height:1.65}
html[lang="ar"] .home-page .home-product-tabs button{font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;font-size:14px;font-weight:500;letter-spacing:0}
html[lang="ar"] .home-page .home-product-tabs button span{display:none}
html[lang="ar"] .home-page .home-product-caption strong{font-size:15px}
html[lang="ar"] .home-page .home-product-caption p{font-size:17px;line-height:1.55}

html[lang="ar"] .home-page :is(.problem-console-bar,.problem-console-bar b,.problem-console-bar span,.problem-channel-status,.problem-result-label){font-size:14px}
html[lang="ar"] .home-page .problem-channel b{font-size:16px}
html[lang="ar"] .home-page .problem-channel small{font-size:14px;line-height:1.55}
html[lang="ar"] .home-page :is(.problem-result p,.problem-result li){font-size:17px;line-height:1.7}
html[lang="ar"] .home-page .channel-list article b{font-size:16px}
html[lang="ar"] .home-page .channel-list article small{font-size:15px;line-height:1.6}
html[lang="ar"] .home-page .channel-result>p{font-size:17px;line-height:1.75}
html[lang="ar"] .home-page .channel-result li{font-size:17px;line-height:1.65}
/* Blind-spot risks: the base "×" is absolutely placed with margin-left, which in RTL lands on the
   first letter. Rebuild as a flex row with an amber dot on the start (right) side. The mirror
   script leaves these items alone (rtlHandled), so no inline padding fights this. */
html[lang="ar"]:not(#ar) body.home-page:not(#ar) .home-problem .channel-result li{
  display:flex!important;align-items:flex-start!important;gap:.625rem!important;
  padding:0!important;margin:0!important;
  color:#e2e8f0!important;font-size:.75rem!important;line-height:1.625!important;text-align:right!important;
}
html[lang="ar"]:not(#ar) body.home-page:not(#ar) .home-problem .channel-result li::before{
  content:""!important;position:static!important;flex:0 0 auto!important;
  width:.375rem!important;height:.375rem!important;margin:.5rem 0 0!important;
  border-radius:9999px!important;background:#fbbf24!important;
}
@media (min-width:640px){
  html[lang="ar"]:not(#ar) body.home-page:not(#ar) .home-problem .channel-result li{font-size:.875rem!important;}
}
html[lang="ar"] .home-page .channel-result>div b{font-size:16px}

html[lang="ar"] .home-page .why-v2-grid p{font-size:17px;line-height:1.75}
html[lang="ar"] .home-page .why-v2-signal b{font-size:14px}
html[lang="ar"] .home-page .why-v2-signal small{font-size:14px}

html[lang="ar"] .home-page :is(.dashboard-v3-topbar,.dashboard-v3-topbar b,.dashboard-v3-browserbar,.dashboard-v3-browserbar>b){font-size:14px}
html[lang="ar"] .home-page .dashboard-v3-tabs b{font-size:14px}
html[lang="ar"] .home-page .dashboard-v3-detail>span{font-size:14px}
html[lang="ar"] .home-page .dashboard-v3-detail small{font-size:14px}
html[lang="ar"] .home-page .dashboard-v3-detail p{font-size:17px;line-height:1.7}
html[lang="ar"] .home-page .dashboard-v3-detail .button{font-size:14px}

html[lang="ar"] .home-page .app-dock button b{font-size:14px}
html[lang="ar"] .home-page .app-dock button :is(span,small){font-size:14px}
html[lang="ar"] .home-page .app-detail>span{font-size:14px}
html[lang="ar"] .home-page .app-detail>small{font-size:14px}
html[lang="ar"] .home-page .app-detail>p{font-size:17px;line-height:1.75}
html[lang="ar"] .home-page .app-proof :is(span,small,b){font-size:14px}

html[lang="ar"] .home-page .metric-tabs :is(span,small){font-size:14px}
html[lang="ar"] .home-page :is(.metric-panel span,.metric-panel small,.metric-panel b,.metric-conclusion){font-size:14px}
html[lang="ar"] .home-page .metric-panel p{font-size:17px;line-height:1.7}

html[lang="ar"] .home-page .security-message>p{font-size:17px}
html[lang="ar"] .home-page .security-assurance span{font-size:14px}
html[lang="ar"] .home-page .security-controls span{font-size:14px}
html[lang="ar"] .home-page .security-controls b{font-size:16px}
html[lang="ar"] .home-page .security-controls p{font-size:17px;line-height:1.65}

html[lang="ar"] .home-page .company-band-copy>p{font-size:17px;line-height:1.7}
html[lang="ar"] .home-page .company-band-copy>div{font-size:14px}
html[lang="ar"] .home-page .company-band-stats span{font-size:14px}
html[lang="ar"] .home-page .home-sector-number{font-size:14px}
html[lang="ar"] .home-page .home-sector-grid h3{font-size:17px}
html[lang="ar"] .home-page .home-sector-grid p{font-size:17px;line-height:1.6}
html[lang="ar"] .home-page .home-sectors-all{font-size:14px}
html[lang="ar"] .home-page .faq-item button span{font-size:17px}
html[lang="ar"] .home-page .faq-item p{font-size:17px;line-height:1.75}
html[lang="ar"] .home-page .closing>p{font-size:17px;line-height:1.7}

@media(max-width:1100px){
  html[lang="ar"] .home-page .home-hero-v2-grid{grid-template-columns:minmax(0,1fr)}
  html[lang="ar"] .home-page .ar-company-stats{grid-template-columns:repeat(3,1fr)}
  html[lang="ar"] .home-page .company-band-stats article:nth-child(3n){border-left:0}
}
@media(max-width:900px){html[lang="ar"] .home-page .app-canvas{grid-template-columns:1fr 1fr}}
@media(max-width:980px){
  html[lang="ar"] .home-page .nav-shell{direction:rtl;display:grid;grid-template-columns:auto 1fr auto}
  html[lang="ar"] .home-page .nav-shell>.brand{position:static;grid-column:1;grid-row:1;justify-self:start;margin:0}
  html[lang="ar"] .home-page .nav-shell>.menu-button{position:static;grid-column:3;grid-row:1;justify-self:end;margin:0}
  html[lang="ar"] .home-page .nav-links{direction:rtl;text-align:right;inset:68px 0 0}
  html[lang="ar"] .home-page .nav-links>a,
  html[lang="ar"] .home-page .nav-trigger{text-align:right}
  html[lang="ar"] .home-page .discover-menu{right:auto;left:auto}
  html[lang="ar"] .home-page .mega-links a{text-align:right}
}
@media(max-width:680px){
  html[lang="ar"] body.home-page,
  html[lang="ar"] body.home-page #app{width:100%;max-width:100%;min-width:0;overflow-x:clip}
  html[lang="ar"] .home-page .nav-shell{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px);margin-inline:auto!important;box-sizing:border-box}
  html[lang="ar"] .home-page .home-hero-v2-grid{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-inline:auto!important;padding-inline:0;box-sizing:border-box;overflow:visible}
  html[lang="ar"] .home-page .home-hero-v2-copy,
  html[lang="ar"] .home-page .home-hero-v2-copy h1,
  html[lang="ar"] .home-page .home-hero-v2-copy h1 span,
  html[lang="ar"] .home-page .home-hero-v2-copy h1 em{width:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:normal}
  html[lang="ar"] .home-page .home-hero-v2-copy>.eyebrow{width:auto;max-width:100%}
  html[lang="ar"] .home-page .home-hero-v2-copy h1{line-height:1.16}
  html[lang="ar"] .home-page .home-product-tabs{right:12px;left:auto}
  html[lang="ar"] .home-page .home-dashboard-device{right:12px;left:0}
  html[lang="ar"] .home-page .home-phone-device{right:-2px;left:auto}
  html[lang="ar"] .home-page .home-product-caption{left:0;right:auto}
  html[lang="ar"] .home-page .dashboard-v3-detail{grid-template-columns:1fr}
  html[lang="ar"] .home-page .app-canvas{grid-template-columns:1fr}
  html[lang="ar"] .home-page .app-intro-v2 h2 em{white-space:nowrap}
  html[lang="ar"] .home-page .ar-company-stats{grid-template-columns:1fr 1fr}
  html[lang="ar"] .home-page .company-band-stats article:nth-child(3n){border-left:1px solid rgba(255,255,255,.12)}
  html[lang="ar"] .home-page .company-band-stats article:nth-child(2n){border-left:0}
  html[lang="ar"] .home-page .home-sectors>.section-shell{width:calc(100vw - 28px)}
  html[lang="ar"] .home-page .proof-track span{gap:5px}
  html[lang="ar"] .home-page .proof-track strong{font-size:16px}
  html[lang="ar"] .home-page .proof-track small{font-size:14px}
  html[lang="ar"] .home-page :is(.home-hero-v2-copy h1,.hero-copy h1){line-height:1.28!important}
  html[lang="ar"] .home-page :is(.home-section-intro h2,.why-v2-heading h2,.dashboard-v3-head h2,.app-intro-v2 h2,.metric-lab .section-heading h2,.security-message h2,.faq-section .section-heading h2,.closing h2){line-height:1.32!important}
}

/* Keep the Arabic mobile hero comfortably inside the handset viewport. */
@media(max-width:680px){
  html[lang="ar"] .home-page .home-hero-v2-copy h1{font-size:36px!important;text-align:right}
  html[lang="ar"] .home-page .home-hero-v2-copy h1 span,
  html[lang="ar"] .home-page .home-hero-v2-copy h1 em{max-width:100%;white-space:normal!important;text-align:right}
  html[lang="ar"] .home-page .home-hero-v2-copy>.eyebrow{white-space:normal;text-align:right}
}

/* Homepage dashboard: true RTL reading order and a clean product-first stage. */
html[lang="ar"] .home-page .dashboard-v3{text-align:right}
html[lang="ar"] .home-page .dashboard-v3-console{padding:12px;border-radius:24px;background:#fff}
html[lang="ar"] .home-page .dashboard-v3-topbar{direction:rtl;text-align:right}
html[lang="ar"] .home-page .dashboard-v3-topbar>span{flex-direction:row}
html[lang="ar"] .home-page .dashboard-v3-topbar>div{margin-inline-start:auto}
html[lang="ar"] .home-page .dashboard-v3-tabs{
  order:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  overflow:visible;
  direction:rtl;
  background:#eef6f0;
}
html[lang="ar"] .home-page .dashboard-v3-tabs button{
  min-height:58px;
  padding:9px 12px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:1fr;
  align-items:center;
  justify-items:start;
  gap:9px;
  text-align:right;
}
html[lang="ar"] .home-page .dashboard-v3-tabs button span{grid-column:1;grid-row:1}
html[lang="ar"] .home-page .dashboard-v3-tabs button b{grid-column:2;grid-row:1;width:100%;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.35;text-align:right}
html[lang="ar"] .home-page .dashboard-v3-stage{order:3;margin-top:10px;border-radius:16px;background:#f5f8f6;overflow:hidden}
html[lang="ar"] .home-page .dashboard-v3-browser{border:1px solid #d6e4db;border-radius:16px;box-shadow:none}
html[lang="ar"] .home-page .dashboard-v3-browserbar{display:none}
html[lang="ar"] .home-page .dashboard-v3-browser>img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  height:auto;
  object-fit:contain;
  object-position:right top;
  filter:none!important;
  transform:none!important;
  background:#fff;
}
html[lang="ar"] .home-page .dashboard-v3-detail{
  order:4;
  margin-top:10px;
  padding:18px 20px;
  direction:rtl;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  text-align:right;
  background:#eff8e9;
}
html[lang="ar"] .home-page .dashboard-v3-detail>div{min-width:0}
html[lang="ar"] .home-page .dashboard-v3-detail .button{justify-self:end}

@media(max-width:680px){
  html[lang="ar"] .home-page .dashboard-v3-console{padding:7px;border-radius:18px}
  html[lang="ar"] .home-page .dashboard-v3-topbar{height:auto;min-height:44px;padding:8px 10px}
  html[lang="ar"] .home-page .dashboard-v3-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:6px}
  html[lang="ar"] .home-page .dashboard-v3-tabs button{min-width:0;min-height:54px;padding:7px 9px;grid-template-columns:26px minmax(0,1fr);gap:7px}
  html[lang="ar"] .home-page .dashboard-v3-tabs button span{width:24px;height:24px}
  html[lang="ar"] .home-page .dashboard-v3-tabs button b{font-size:14px}
  html[lang="ar"] .home-page .dashboard-v3-stage{margin-top:7px;border-radius:12px}
  html[lang="ar"] .home-page .dashboard-v3-browser{border-radius:12px}
  html[lang="ar"] .home-page .dashboard-v3-detail{margin-top:7px;padding:14px;grid-template-columns:1fr;gap:10px}
  html[lang="ar"] .home-page .dashboard-v3-detail .button{width:100%;justify-self:stretch}
}


/* /arabic-mirror.css */
html[lang="ar"]{direction:rtl;max-width:100%;overflow-x:hidden}
html[lang="ar"] body{
  font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif;
  direction:rtl;
  text-align:right;
}

/* Arabic institutional pages: keep captions, controls and diagram copy legible. */
html[lang="ar"] body.arabic-mirrored-page :is(.why-page,.about-page,.security-v2) small{
  font-size:14px !important;
  line-height:1.65!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html[lang="ar"] body.arabic-mirrored-page :is(
  .why-page .eyebrow,
  .why-page .why-kicker,
  .why-page .why-section-no,
  .about-page .ip-kicker,
  .about-page .about-v2-index,
  .security-v2 .ip-kicker,
  .security-v2 .security-kicker
){
  font-size:14px!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html[lang="ar"] body.arabic-mirrored-page :is(.why-page,.about-page,.security-v2) :is(nav button,button>span,button>b){
  font-size:14px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}

html[lang="ar"] body.arabic-mirrored-page .why-page :is(
  .why-hero-proof span,
  .why-hero-proof b,
  .why-window-bar,
  .why-pulse,
  .why-pulse b,
  .why-stage-label,
  .why-system-map article i,
  .why-system-map article span,
  .why-boundary>span,
  .why-lock span,
  .why-scale-number>span,
  .why-owner-path article>span,
  .why-owner-link b,
  .why-owner-proof small
){
  font-size:14px !important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html[lang="ar"] body.arabic-mirrored-page .why-page :is(
  .why-reason-list button p,
  .why-system-map article span,
  .why-server small,
  .why-owner-intro>p
){
  font-size:17px !important;
  line-height:1.7!important;
}

html[lang="ar"] body.arabic-mirrored-page .why-page :is(.why-hero:after,.why-proof-card-media:before){
  font-size:14px !important;
  letter-spacing:0!important;
}

html[lang="ar"] body.arabic-mirrored-page .about-page :is(
  .about-v2-stats span,
  .about-v2-dashboard>div,
  .about-v2-badge span,
  .about-timeline-copy>span,
  .about-timeline-signal,
  .about-proof-screen b,
  .about-proof-number span,
  .about-workbench>nav button span,
  .about-work-stage>div:last-child>span,
  .about-work-stage>div:last-child b,
  .about-v2-map-stat,
  .about-v2-marquee span,
  .about-v3-office>b,
  .about-v3-office-route,
  .about-v3-office-route strong,
  .about-v3-office-result aside span,
  .about-v3-portfolio-core>span,
  .about-v3-ecosystem article>span,
  .about-v3-portfolio-proof
){
  font-size:14px !important;
  line-height:1.6!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html[lang="ar"] body.arabic-mirrored-page .about-page :is(
  .about-v3-office p,
  .about-v3-office-result>div p,
  .about-timeline-copy p,
  .about-work-stage p
){
  font-size:17px !important;
  line-height:1.75!important;
}

html[lang="ar"] body.arabic-mirrored-page .security-v2 :is(
  .security-hero-tags span,
  .security-perimeter>span,
  .security-perimeter>span b,
  .security-model-boundary>span,
  .sec8-panel-copy>span,
  .sec8-flow>b,
  .sec8-flow section>div:after,
  .sec8-boundary>footer span,
  .sec8-boundary>footer b,
  .sec8-hybrid-boundaries section span,
  .sec8-hybrid-boundaries>section:after,
  .sec8-detail-card span,
  .sec10-access>span,
  .sec10-access-route span,
  .sec10-zone>header span,
  .sec10-node strong,
  .sec10-private-link span,
  .sec10-status,
  .sec10-map-caption span,
  .sec11-selector>header>span,
  .sec11-selector nav button>span,
  .sec11-selected>span,
  .sec11-people>span,
  .sec11-route span,
  .sec11-control-stamp span,
  .sec11-control-stamp strong,
  .sec11-stage>footer>span
){
  font-size:14px !important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html[lang="ar"] body.arabic-mirrored-page .security-v2 :is(
  .sec8-panel-copy p,
  .sec8-detail-card p,
  .sec10-map-caption p,
  .sec11-selected>p,
  .sec11-stage>footer p
){
  font-size:17px !important;
  line-height:1.7!important;
}

html[lang="ar"] body.arabic-mirrored-page .security-v2 :is(.sec8-detail-card,.sec10-map-caption,.sec11-stage>footer){
  height:auto!important;
}

@media(max-width:640px){
  html[lang="ar"] body.arabic-mirrored-page :is(.why-page,.about-page,.security-v2) small{
    font-size:14px !important;
  }
  html[lang="ar"] body.arabic-mirrored-page .security-v2 :is(.sec8-panel-copy p,.sec8-detail-card p,.sec10-map-caption p,.sec11-selected>p,.sec11-stage>footer p){
    font-size:17px !important;
  }
}

/* Shawts hero uses the same composition in a true RTL mirror. */
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero{padding:88px 0 96px;background:radial-gradient(circle at 13% 16%,rgba(185,240,101,.48),transparent 24%),radial-gradient(circle at 40% 92%,rgba(74,205,139,.14),transparent 30%),linear-gradient(225deg,#fbfcf5 0%,#edf9ef 55%,#e1f5e8 100%)}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero:after{right:auto;left:-150px}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero>.section-shell{min-height:610px;grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr)!important;gap:64px!important}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy{max-width:565px!important}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .story-index{left:auto;right:-24px;top:-108px;font-size:170px}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy h1{max-width:565px!important;font-size:clamp(48px,4.2vw,62px)!important;line-height:1.2!important;letter-spacing:-.04em!important}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy>p{max-width:520px!important;margin-top:25px;font-size:18px!important;line-height:1.85!important}
html[lang="ar"] body.arabic-shawts-page .story-hero-proof{direction:rtl;text-align:right}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-screen{border-radius:28px 28px 28px 9px;transform:rotate(-.65deg) scale(1.025)}
html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-screen:before{inset:-31px -28px 34px 25px}
@media(max-width:980px){html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero>.section-shell{grid-template-columns:1fr!important;gap:54px!important}html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy{max-width:720px!important}html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy h1,html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy>p{max-width:680px!important}}
@media(max-width:680px){html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero{padding:62px 0 72px!important}html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-hero>.section-shell{gap:40px!important}html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .story-index{right:-8px;top:-62px;font-size:104px!important}html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy h1{font-size:34px!important;line-height:1.35!important}html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-copy>p{margin-top:20px;font-size:17px !important;line-height:1.85!important}html[lang="ar"] body.arabic-shawts-page .story-design-broadcast .product-story-screen{transform:none}}

/* Dashboard module 03: mirror every moderation composition, not only the hero grid. */
html[lang="ar"] body.arabic-moderation-page .story-design-moderation{
  direction:rtl;
  text-align:right;
}
html[lang="ar"] body.arabic-moderation-page .story-design-moderation .product-story-hero{
  background:radial-gradient(circle at 18% 18%,rgba(185,240,101,.2),transparent 26%),linear-gradient(225deg,#14271f,#073c2b);
}
html[lang="ar"] body.arabic-moderation-page .dashboard-shawts-hero .product-story-copy h1{
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.16);
}
html[lang="ar"] body.arabic-moderation-page .dashboard-shawts-hero .product-story-copy>p{
  color:#d8e9e1!important;
}
html[lang="ar"] body.arabic-moderation-page .dashboard-shawts-hero .story-hero-proof>span{
  color:#e3f0ea!important;
}
html[lang="ar"] body.arabic-moderation-page .dashboard-shawts-hero .product-story-copy>.eyebrow{
  color:#087545!important;
  background:#f5fbf6!important;
}
html[lang="ar"] body.arabic-moderation-page .story-design-moderation .product-story-hero:before{
  mask-image:linear-gradient(270deg,transparent 20%,#000);
}
html[lang="ar"] body.arabic-moderation-page .story-design-moderation .product-story-screen,
html[lang="ar"] body.arabic-moderation-page .moderation-step-stage,
html[lang="ar"] body.arabic-moderation-page .moderation-queue-screen,
html[lang="ar"] body.arabic-moderation-page .moderation-context-stage{
  border-radius:25px 25px 25px 8px;
}
html[lang="ar"] body.arabic-moderation-page .story-design-moderation .product-story-screen:before{
  inset:-28px -25px 30px 22px;
  border-radius:18px 42px 18px 42px;
  background:linear-gradient(215deg,#b9f065,#4ed08c);
}
html[lang="ar"] body.arabic-moderation-page :is(.moderation-steps,.moderation-workspace,.moderation-context-experience),
html[lang="ar"] body.arabic-moderation-page :is(.moderation-post,.moderation-ai,.moderation-review,.moderation-actions,.moderation-restrict){
  direction:rtl;
  text-align:right;
}
html[lang="ar"] body.arabic-moderation-page .moderation-steps>nav:before{
  background:linear-gradient(270deg,#08a657,#b9f065);
}
html[lang="ar"] body.arabic-moderation-page .moderation-steps>nav button,
html[lang="ar"] body.arabic-moderation-page .moderation-actions>div button,
html[lang="ar"] body.arabic-moderation-page .moderation-context-experience>aside button{
  text-align:right;
}
html[lang="ar"] body.arabic-moderation-page .moderation-real-screen>div>span,
html[lang="ar"] body.arabic-moderation-page .moderation-context-screen>header span{
  margin-left:0;
  margin-right:5px;
}
html[lang="ar"] body.arabic-moderation-page .moderation-real-screen>div>b{
  margin-left:0;
  margin-right:auto;
}
html[lang="ar"] body.arabic-moderation-page .moderation-restrict>div>button i{
  margin-left:0;
  margin-right:auto;
}
html[lang="ar"] body.arabic-moderation-page .moderation-context-experience>aside button{
  border-left:0;
  border-right:3px solid transparent;
}
html[lang="ar"] body.arabic-moderation-page .moderation-context-experience>aside button:hover,
html[lang="ar"] body.arabic-moderation-page .moderation-context-experience>aside button.active{
  border-left-color:transparent;
  border-right-color:#b9f065;
  transform:translateX(-5px);
}
html[lang="ar"] body.arabic-moderation-page .moderation-context-panels footer i{
  display:inline-block;
  transform:scaleX(-1);
}

@media(max-width:760px){
  html[lang="ar"] body.arabic-moderation-page .moderation-context-experience>aside button:hover,
  html[lang="ar"] body.arabic-moderation-page .moderation-context-experience>aside button.active{transform:none}
}

/* Shawts capabilities: complete RTL geometry and a non-scrolling mobile control. */
html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow>nav button{
  text-align:right;
}
html[lang="ar"] body.arabic-shawts-page .capability-stage{
  border-radius:24px 24px 24px 7px;
}
html[lang="ar"] body.arabic-shawts-page .capability-copy h3{
  letter-spacing:0;
  line-height:1.35;
}
html[lang="ar"] body.arabic-shawts-page .capability-copy p{
  line-height:1.85;
}
html[lang="ar"] body.arabic-shawts-page .capability-preview{
  border-radius:28px 28px 28px 8px;
  direction:rtl;
  text-align:right;
}
html[lang="ar"] body.arabic-shawts-page .cap-editor header,
html[lang="ar"] body.arabic-shawts-page .compose-toolbar{
  direction:rtl;
  justify-content:flex-start;
}
html[lang="ar"] body.arabic-shawts-page .arabic-format-icon{
  position:relative;
  width:25px;
  height:25px;
  padding:0;
  display:inline-block;
  flex:0 0 25px;
  border-radius:7px;
  background:#eff6f1;
  color:#315748;
  font-size:0;
  text-decoration:none;
}
html[lang="ar"] body.arabic-shawts-page .arabic-format-icon:before,
html[lang="ar"] body.arabic-shawts-page .arabic-format-icon:after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  border-radius:2px;
  background:currentColor;
}
html[lang="ar"] body.arabic-shawts-page .format-bold:before{top:7px;height:4px}
html[lang="ar"] body.arabic-shawts-page .format-bold:after{bottom:7px;height:4px}
html[lang="ar"] body.arabic-shawts-page .format-italic:before{
  left:11px;
  right:auto;
  top:5px;
  width:3px;
  height:15px;
  transform:skewX(18deg);
}
html[lang="ar"] body.arabic-shawts-page .format-italic:after{display:none}
html[lang="ar"] body.arabic-shawts-page .format-underline:before{
  top:6px;
  height:9px;
  border:2px solid currentColor;
  border-top:0;
  background:transparent;
}
html[lang="ar"] body.arabic-shawts-page .format-underline:after{bottom:5px;height:2px}
html[lang="ar"] body.arabic-shawts-page .capability-preview:before{
  right:auto;
  left:-70px;
}
html[lang="ar"] body.arabic-shawts-page .capability-note{
  direction:rtl;
  text-align:center;
  margin-top:14px;
  padding:16px 22px;
  border-top:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
}
html[lang="ar"] body.arabic-shawts-page .capability-note>span{margin:0;white-space:nowrap}
html[lang="ar"] body.arabic-shawts-page .capability-note>p{max-width:none;margin:0;color:#e2eee8;font-size:17px;line-height:1.6;text-align:center;text-wrap:nowrap;white-space:nowrap}

@media(max-width:680px){
  html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow{
    padding:10px;
    overflow:hidden;
  }
  html[lang="ar"] body.arabic-shawts-page .capability-endpoints{
    height:auto;
    min-height:42px;
    padding:2px 4px 10px;
  }
  html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow>nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    overflow:visible;
  }
  html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow>nav:before{
    display:none;
  }
  html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow>nav button{
    width:100%;
    min-width:0;
    height:70px;
    padding:10px 12px;
  }
  html[lang="ar"] body.arabic-shawts-page .capability-stage{
    min-height:610px;
    margin-top:10px;
  }
  html[lang="ar"] body.arabic-shawts-page .capability-stage>article{
    padding:22px 18px;
    gap:20px;
    align-content:start;
  }
  html[lang="ar"] body.arabic-shawts-page .capability-copy h3{
    font-size:28px;
    line-height:1.45;
  }
  html[lang="ar"] body.arabic-shawts-page .capability-copy p{
    font-size:17px;
    line-height:1.8;
  }
  html[lang="ar"] body.arabic-shawts-page .capability-preview{
    min-height:270px;
    padding:16px;
  }
  html[lang="ar"] body.arabic-shawts-page .capability-note{
    padding:14px 12px;
  }
  html[lang="ar"] body.arabic-shawts-page .capability-note>p{font-size:17px;line-height:1.6}
}

/* Arabic QA baseline: one typographic system, logical alignment and safe BiDi. */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select{
  font-family:"IBM Plex Sans Arabic","Plus Jakarta Sans",sans-serif!important;
}
html[lang="ar"] body{font-weight:400;line-height:1.7}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3{font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;text-wrap:balance}
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6{font-weight:500!important;line-height:1.45!important;letter-spacing:0!important}
html[lang="ar"] p,
html[lang="ar"] li{font-weight:400;line-height:1.7}
html[lang="ar"] small,
html[lang="ar"] figcaption{line-height:1.55}
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] th,
html[lang="ar"] td{text-align:right}
html[lang="ar"] table{direction:rtl}
html[lang="ar"] input[type="email"],
html[lang="ar"] input[type="tel"],
html[lang="ar"] input[type="url"],
html[lang="ar"] a[href^="mailto:"],
html[lang="ar"] a[href^="tel:"],
html[lang="ar"] code,
html[lang="ar"] .bidi-ltr{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
}
html[lang="ar"] bdi{unicode-bidi:isolate}
@media(max-width:680px){
  html[lang="ar"] main h1{font-size:clamp(32px,10.5vw,44px);line-height:1.28!important}
  html[lang="ar"] main h2{font-size:clamp(27px,8vw,38px);line-height:1.32!important}
}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,
html[lang="ar"] .eyebrow,html[lang="ar"] .button,html[lang="ar"] .nav-links,
html[lang="ar"] .nav-trigger,html[lang="ar"] .story-index{
  font-family:"IBM Plex Sans Arabic",sans-serif;
}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{
  letter-spacing:0;
  text-wrap:balance;
}
html[lang="ar"] h1{line-height:1.35}
html[lang="ar"] h2{line-height:1.4}
html[lang="ar"] h3{line-height:1.4}
html[lang="ar"] p,html[lang="ar"] li,html[lang="ar"] small{line-height:1.7}
html[lang="ar"] .product-story-copy,html[lang="ar"] .hub-copy,
html[lang="ar"] .section-heading,html[lang="ar"] .dash-section-head,
html[lang="ar"] .problem-copy,html[lang="ar"] .insight-copy,
html[lang="ar"] .story-closing .section-shell,html[lang="ar"] .closing .section-shell,
html[lang="ar"] .ip-closing .ip-shell,html[lang="ar"] .sec2-closing .sec2-shell{
  text-align:right;
}
html[lang="ar"] .button span{transform:scaleX(-1)}
html[lang="ar"] .brand img{object-position:right center}
html[lang="ar"] .nav-shell{direction:rtl}
html[lang="ar"] .nav-links,html[lang="ar"] .nav-actions{direction:rtl}
html[lang="ar"] .mega{direction:rtl;text-align:right}
html[lang="ar"] .discover-menu{right:auto;left:-38px}
html[lang="ar"] .discover-links>a{grid-template-columns:44px minmax(0,1fr) auto;text-align:right}
html[lang="ar"] .discover-links>a:hover{transform:translateX(-3px)}
html[lang="ar"] .discover-links>a>span:last-child{transform:scaleX(-1)}
html[lang="ar"] input,html[lang="ar"] textarea,html[lang="ar"] select{text-align:right}
html[lang="ar"] [dir="ltr"],html[lang="ar"] .language-switch{font-family:"Plus Jakarta Sans",sans-serif}
html[lang="ar"] .product-story-screen img,html[lang="ar"] .module-screen img,
html[lang="ar"] .hub-dashboard-screen img{object-fit:contain}
@media(max-width:720px){
  html[lang="ar"] body,html[lang="ar"] #app{width:100%;max-width:100%;overflow-x:hidden}
  html[lang="ar"] .nav-shell{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px);margin-inline:auto!important}
  html[lang="ar"] h1{line-height:1.25}
  html[lang="ar"] h2{line-height:1.32}
  html[lang="ar"] .product-story-hero{width:100%;max-width:100%;overflow:hidden}
  html[lang="ar"] .product-story-hero>.section-shell{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding-inline:14px!important;display:flex!important;
    flex-direction:column!important;align-items:stretch!important;gap:34px!important;
  }
  html[lang="ar"] .product-story-copy{
    order:1!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;transform:none!important;text-align:right!important;
  }
  html[lang="ar"] .product-story-copy h1{
    width:100%!important;max-width:100%!important;margin-inline:0!important;
    font-size:35px!important;line-height:1.24!important;letter-spacing:-.025em!important;
    white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  html[lang="ar"] .product-story-copy>p{width:100%!important;max-width:100%!important;font-size:17px!important}
  html[lang="ar"] .product-story-copy .hero-actions{width:100%;display:grid;grid-template-columns:1fr}
  html[lang="ar"] .product-story-copy .button{width:100%}
  html[lang="ar"] .product-story-hero-visual{order:2!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:10px 0 0!important;overflow:visible}
  html[lang="ar"] .story-index{left:auto!important;right:0!important;top:-50px!important;font-size:86px!important}
  html[lang="ar"] .phone-float.f1{right:0!important;left:auto!important}
  html[lang="ar"] .phone-float.f2{left:0!important;right:auto!important}
}

/* Security readability — section labels and centered technical review */
html[lang="ar"] .security-v2 .sec2-kicker{
  font-size:16px;
  font-weight:700;
  line-height:1.55;
  letter-spacing:0;
}
html[lang="ar"] .security-v2 .sec2-closing .sec2-shell{
  text-align:center!important;
}
html[lang="ar"] .security-v2 .sec2-closing h2,
html[lang="ar"] .security-v2 .sec2-closing p{
  margin-inline:auto;
  text-align:center;
}
html[lang="ar"] .security-v2 .sec2-closing .hero-actions{
  justify-content:center!important;
}
@media(max-width:640px){
  html[lang="ar"] .security-v2 .sec2-kicker{font-size:14px}
}
@media(max-width:980px){
  html[lang="ar"] .nav-shell{direction:rtl;display:grid;grid-template-columns:auto 1fr auto}
  html[lang="ar"] .nav-shell>.brand{position:static;grid-column:1;grid-row:1;justify-self:start;margin:0}
  html[lang="ar"] .nav-shell>.menu-button{position:static;grid-column:3;grid-row:1;justify-self:end;margin:0}
  html[lang="ar"] .nav-links{direction:rtl;text-align:right;inset:68px 0 0}
  html[lang="ar"] .nav-links>a,html[lang="ar"] .nav-trigger,html[lang="ar"] .mega-links a{text-align:right}
  html[lang="ar"] .discover-menu{right:auto;left:auto}
}

/* Shawts Arabic: match the English page rhythm with native RTL typography. */
html[lang="ar"] body.arabic-shawts-page .product-story-page{direction:rtl}
html[lang="ar"] body.arabic-shawts-page .product-story-hero>.section-shell{
  direction:rtl;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:82px
}
html[lang="ar"] body.arabic-shawts-page .product-story-copy{
  width:100%;max-width:460px;justify-self:start;text-align:right
}
html[lang="ar"] body.arabic-shawts-page .product-story-copy h1{
  max-width:460px;font-family:"IBM Plex Sans Arabic",sans-serif;
  font-size:clamp(47px,3.75vw,58px);font-weight:600;line-height:1.35;
  letter-spacing:0;text-align:right;text-wrap:balance
}
html[lang="ar"] body.arabic-shawts-page .product-story-copy h1>span{display:block;white-space:normal}
html[lang="ar"] body.arabic-shawts-page .product-story-copy>p{max-width:445px;font-size:18px;line-height:1.8}
html[lang="ar"] body.arabic-shawts-page .story-block-head,
html[lang="ar"] body.arabic-shawts-page .story-card-grid article,
html[lang="ar"] body.arabic-shawts-page .broadcast-proof,
html[lang="ar"] body.arabic-shawts-page .broadcast-flow,
html[lang="ar"] body.arabic-shawts-page .broadcast-context-board,
html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow,
html[lang="ar"] body.arabic-shawts-page .shawts-context-experience{direction:rtl;text-align:right}
html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button,
html[lang="ar"] body.arabic-shawts-page .broadcast-flow>nav button,
html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow button,
html[lang="ar"] body.arabic-shawts-page .shawts-context-experience button{text-align:right}
html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button>strong{right:auto;left:17px}
html[lang="ar"] body.arabic-shawts-page .proof-comment.reply{margin-left:0;margin-right:42px}
html[lang="ar"] body.arabic-shawts-page .story-block-head h2{line-height:1.22;letter-spacing:-.035em}
html[lang="ar"] body.arabic-shawts-page .story-card-grid h3,
html[lang="ar"] body.arabic-shawts-page .broadcast-flow-stage h3,
html[lang="ar"] body.arabic-shawts-page .broadcast-context-copy h3{line-height:1.3;letter-spacing:-.025em}
@media(max-width:720px){
  html[lang="ar"] body.arabic-shawts-page .product-story-hero>.section-shell{display:flex!important;gap:34px}
  html[lang="ar"] body.arabic-shawts-page .product-story-copy{max-width:none}
  html[lang="ar"] body.arabic-shawts-page .product-story-copy h1{max-width:none;font-size:35px!important;line-height:1.24!important}
  html[lang="ar"] body.arabic-shawts-page .product-story-copy h1>span{white-space:normal}
}

/* Arabic dashboard pages need their own type rhythm. The English story layouts use
   very tight display leading and aggressive emergency wrapping that do not suit
   Arabic letterforms. Keep these rules last so every dashboard design shares the
   same readable scale instead of inheriting page-specific English overrides. */
html[lang="ar"] body.arabic-mirrored-page.product-story-page{
  --ps-shell:min(1160px,calc(100vw - 56px));
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page h1,
html[lang="ar"] body.arabic-mirrored-page.product-story-page h2,
html[lang="ar"] body.arabic-mirrored-page.product-story-page h3{
  letter-spacing:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  text-wrap:pretty!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-hero{
  padding-block:78px 82px;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-hero>.section-shell{
  min-height:520px;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:56px!important;
  align-items:center;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy{
  width:100%;
  max-width:540px!important;
  min-width:0;
  justify-self:start;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy h1{
  max-width:530px!important;
  font-size:clamp(40px,3.5vw,52px)!important;
  font-weight:700;
  line-height:1.3!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy h1>span{
  display:inline!important;
  white-space:normal!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy>p{
  max-width:520px!important;
  margin-top:22px;
  font-size:17px!important;
  line-height:1.9!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-index{
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  top:-68px!important;
  font-size:112px!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-block{
  padding-block:88px!important;
}
/* .story-head-vector is absolutely positioned into a gutter that .story-block-head
   reserves with padding-right:135px. Zeroing the padding here removed that gutter
   while the badge stayed pinned to the physical right — which in RTL is where the
   heading now starts, so it landed on top of the first word. Reserve the gutter on
   the inline-end side and flip the badge to match: physical right in LTR, physical
   left in RTL. */
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-block-head{
  display:block!important;
  width:100%!important;
  max-width:820px!important;
  margin:0 0 34px!important;
  padding:0!important;
  padding-inline-end:135px!important;
}
/* Statement sections deliberately carry their message inside the cinematic
   component. Keep the duplicate section header hidden, as it is in English. */
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-statement>.section-shell>.story-block-head{
  display:none!important;
}
html[lang="ar"] body.arabic-mirrored-page .app-hub .hub-selector header{
  max-width:850px;
}
html[lang="ar"] body.arabic-mirrored-page .app-hub .hub-selector h2{
  max-width:850px!important;
  font-size:clamp(42px,4vw,56px)!important;
  line-height:1.25!important;
  text-wrap:balance!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-head-vector{
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  transform:rotate(-7deg);
}

@media(max-width:680px){
  html[lang="ar"] body.arabic-mirrored-page .product-story-app .product-story-nav::after{
    content:"اسحب لاستكشاف المزيد ←";
    right:auto;
    left:14px;
    background:linear-gradient(270deg,rgba(251,252,245,0),#fbfcf5 28%);
  }
  html[lang="ar"] body.arabic-mirrored-page .product-story-app .product-story-nav>.section-shell{
    scroll-padding-inline:18px 96px;
  }
  html[lang="ar"] body.arabic-mirrored-page .app-hub .hub-copy h1{
    max-width:100%!important;
    font-size:34px!important;
    line-height:1.3!important;
    text-wrap:balance!important;
  }
  html[lang="ar"] body.arabic-mirrored-page .app-hub .hub-selector h2{
    max-width:100%!important;
    font-size:29px!important;
    line-height:1.4!important;
  }
  html[lang="ar"] body.arabic-mirrored-page .app-hub .hub-connection h2{
    font-size:30px!important;
    line-height:1.35!important;
  }
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-head-vector svg{
  transform:rotate(-7deg);
}
/* Below the desktop breakpoint the badge stacks above the heading, so the gutter
   must go away with it. */
@media(max-width:680px){
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-block-head{
    padding-inline-end:0!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-head-vector{
    position:relative!important;
    inset-inline-end:auto!important;
    inset-inline-start:auto!important;
    margin:0 0 18px!important;
  }
}

/* Arabic dashboard typography floor.
   The English product compositions use 7–11px utility copy in many places.
   Arabic letterforms need more height and a larger optical size, so keep every
   dashboard label readable and let its container grow instead of clipping it. */
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard,
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub{
  font-size:16px;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard small,
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub small{
  font-size:14px!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .eyebrow,
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .eyebrow{
  font-size:14px !important;
  line-height:1.55!important;
  letter-spacing:.02em!important;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .product-story-screen>div,
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .hub-dashboard-screen>div{
  min-height:42px;
  height:auto;
  padding-block:8px;
  font-size:14px !important;
  line-height:1.45;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .product-story-nav a{
  min-height:70px;
  padding-block:10px;
  font-size:14px !important;
  line-height:1.5;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .product-story-nav a span{
  font-size:14px !important;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .screen-signal{
  padding:11px 14px;
  font-size:14px !important;
  line-height:1.45;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .story-hero-proof>span{
  min-height:66px;
  padding:11px 12px;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .story-hero-proof i{
  width:28px;
  height:28px;
  font-size:14px !important;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .story-hero-proof b{
  font-size:14px !important;
  line-height:1.5;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard :is(button>span,button>em),
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub button>span{
  font-size:14px !important;
  line-height:1.5!important;
  letter-spacing:0!important;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard :is(
  .story-card-grid article>span,
  .story-matrix-head,
  .story-matrix button i,
  .story-stepper nav button span,
  .named-metrics nav span,
  .named-report header,
  .moderation-step-panels header>span,
  .moderation-workspace-detail>article>span,
  .moderation-context-panels article>span,
  .calendar-date span,
  .calendar-demo>span,
  .story-stories .story-card-grid article:after,
  .story-path b,
  .perimeter>span,
  .brand-configurator label,
  .story-dual>article>span,
  .story-sides article>span,
  .folder-files>div>span,
  .document-state article>span,
  .incident-line span,
  .report-builder label,
  .report-builder aside span,
  .story-contexts b,
  .story-related>span
){
  font-size:14px !important;
  line-height:1.55!important;
  letter-spacing:0!important;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .story-related a{
  padding:10px 13px;
  font-size:14px !important;
  line-height:1.45;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard :is(
  .named-report [data-named-list]>div,
  .story-objection-list p,
  .story-faq .faq-item>div p,
  .story-card-grid p
){
  font-size:17px !important;
  line-height:1.85!important;
}
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .hub-stage>aside small,
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .hub-route-grid>button>span{
  font-size:14px !important;
}
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .hub-stage>aside p,
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .hub-route-grid p{
  font-size:17px !important;
  line-height:1.75!important;
}
html[lang="ar"] body.arabic-mirrored-page .dashboard-hub .hub-stage>aside a{
  font-size:14px!important;
  line-height:1.5;
}

/* Events 05 / journey workspace bar: it is separate from the hero browser bar
   and previously retained the 7–8px English microcopy and physical LTR margins. */
html[lang="ar"] body.arabic-mirrored-page .story-design-event .event-real-screen>div{
  height:48px;
  padding-inline:16px;
  direction:rtl;
  font-size:14px!important;
  line-height:1.5;
  letter-spacing:0;
}
html[lang="ar"] body.arabic-mirrored-page .story-design-event .event-real-screen>div>i{
  width:8px;
  height:8px;
  flex:0 0 8px;
}
html[lang="ar"] body.arabic-mirrored-page .story-design-event .event-real-screen>div>span{
  margin-left:0;
  margin-right:7px;
  font-size:14px!important;
  font-weight:600;
  white-space:nowrap;
}
html[lang="ar"] body.arabic-mirrored-page .story-design-event .event-real-screen>div>b{
  margin-left:0;
  margin-right:auto;
  padding:7px 11px;
  font-size:14px !important;
  line-height:1.4;
  letter-spacing:0;
  white-space:nowrap;
}

@media(max-width:680px){
  html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard small,
  html[lang="ar"] body.arabic-mirrored-page .dashboard-hub small{font-size:14px!important}
  html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .product-story-nav a{
    min-width:132px;
    min-height:74px;
    font-size:14px!important;
  }
  html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard :is(button>span,button>em),
  html[lang="ar"] body.arabic-mirrored-page .dashboard-hub button>span{font-size:14px !important}
  html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .story-hero-proof{
    grid-template-columns:1fr;
  }
  html[lang="ar"] body.arabic-mirrored-page .product-story-dashboard .story-hero-proof>span{
    min-height:58px;
  }
  html[lang="ar"] body.arabic-mirrored-page .story-design-event .event-real-screen>div{
    height:46px;
    padding-inline:11px;
    font-size:14px !important;
  }
  html[lang="ar"] body.arabic-mirrored-page .story-design-event .event-real-screen>div>span{
    max-width:48%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:14px !important;
  }
  html[lang="ar"] body.arabic-mirrored-page .story-design-event .event-real-screen>div>b{
    padding:6px 8px;
    font-size:14px !important;
  }
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-block-head>.eyebrow{
  display:inline-flex;
  margin-bottom:14px!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-block-head h2,
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-objections header h2,
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-faq header h2{
  width:100%!important;
  max-width:780px!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(34px,3.25vw,46px)!important;
  line-height:1.38!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-block-intro{
  max-width:720px!important;
  margin-top:16px!important;
  font-size:16px!important;
  line-height:1.9!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-card-grid h3,
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-step-panels h3,
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-insight h3{
  line-height:1.55!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-card-grid p,
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-step-panels p,
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-matrix p{
  line-height:1.85!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-stories .story-card-grid article:after{
  content:"نهاية مغلقة";
}

@media(max-width:980px){
  html[lang="ar"] body.arabic-mirrored-page.product-story-page{
    --ps-shell:min(900px,calc(100vw - 40px));
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-hero>.section-shell{
    min-height:0;
    grid-template-columns:minmax(0,1fr)!important;
    gap:44px!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy{
    max-width:700px!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy h1,
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy>p{
    max-width:680px!important;
  }
}

@media(max-width:680px){
  html[lang="ar"] body.arabic-mirrored-page.product-story-page{
    --ps-shell:calc(100vw - 32px);
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-hero{
    padding-block:56px 62px!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-hero>.section-shell{
    width:var(--ps-shell)!important;
    max-width:var(--ps-shell)!important;
    margin-inline:auto!important;
    padding-inline:0!important;
    gap:34px!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy{
    width:100%!important;
    max-width:100%!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy h1{
    width:100%!important;
    max-width:100%!important;
    font-size:32px!important;
    line-height:1.42!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-copy>p{
    width:100%!important;
    max-width:100%!important;
    font-size:17px !important;
    line-height:1.9!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-index{
    top:-42px!important;
    font-size:70px!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .product-story-block{
    padding-block:62px!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-block-head{
    max-width:100%!important;
    margin-bottom:26px!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-block-head h2,
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-objections header h2,
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-faq header h2{
    max-width:100%!important;
    font-size:29px!important;
    line-height:1.48!important;
  }
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-card-grid h3,
  html[lang="ar"] body.arabic-mirrored-page.product-story-page .story-step-panels h3{
    font-size:22px!important;
    line-height:1.55!important;
  }
}

/* ── Mobile-app stories in Arabic ───────────────────────────────────────────
   The app mockups are typeset for English: display text runs at a line-height
   of ~1.0 and several panels are pinned to a fixed pixel height. Arabic sets
   taller and longer, so those boxes clip. Relax the leading, let the fixed
   heights become minimums, and give the flex rows room to wrap. */
html[lang="ar"] body.arabic-mirrored-page .product-story-app strong,
html[lang="ar"] body.arabic-mirrored-page .product-story-app blockquote{
  line-height:1.42!important;
  height:auto!important;
  overflow:visible!important;
  text-wrap:pretty;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-app b,
html[lang="ar"] body.arabic-mirrored-page .product-story-app em,
html[lang="ar"] body.arabic-mirrored-page .product-story-app small,
html[lang="ar"] body.arabic-mirrored-page .product-story-app span{
  line-height:1.6;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-app h3{
  line-height:1.5!important;
}
/* Panel footers carry three short labels that are noticeably longer in Arabic. */
html[lang="ar"] body.arabic-mirrored-page .product-story-app article>footer{
  height:auto!important;
  grid-auto-flow:row;
  align-content:center;
  row-gap:6px;
  overflow:visible!important;
}
@media(min-width:681px){
  html[lang="ar"] body.arabic-mirrored-page .product-story-app article>footer{
    min-height:86px;
  }
}
/* Vertical "offboarding" rail: Arabic needs a wider band than the English caps. */
html[lang="ar"] body.arabic-mirrored-page .chats-v39-boundary strong{
  line-height:1.5!important;
  white-space:normal!important;
}
html[lang="ar"] body.arabic-mirrored-page .chats-v39-owned aside strong,
html[lang="ar"] body.arabic-mirrored-page .chats-v41-context-map aside strong,
html[lang="ar"] body.arabic-mirrored-page .chats-v39-console>header strong{
  font-size:clamp(24px,2vw,30px)!important;
  line-height:1.45!important;
}
/* Numbers and index chips read as Latin runs inside an RTL line. */
html[lang="ar"] body.arabic-mirrored-page .product-story-app .story-index,
html[lang="ar"] body.arabic-mirrored-page .product-story-nav span{
  line-height:1.25!important;
}

/* Accordion rows: the chevron had no reserved track, so it pushed 17px out. */
html[lang="ar"] body.arabic-mirrored-page .story-objection-list button,
html[lang="ar"] body.arabic-mirrored-page .story-faq button{
  gap:18px;
}
html[lang="ar"] body.arabic-mirrored-page .story-objection-list button>span,
html[lang="ar"] body.arabic-mirrored-page .story-faq button>span{
  flex:1 1 auto;
  min-width:0;
}
html[lang="ar"] body.arabic-mirrored-page .story-objection-list button>i,
html[lang="ar"] body.arabic-mirrored-page .story-faq button>i{
  flex:0 0 auto;
}

/* Sticky module rail: give it air under the header and space the index off
   the label, which otherwise collide once the label is Arabic. */
html[lang="ar"] body.arabic-mirrored-page .product-story-nav a{
  gap:10px;
}
html[lang="ar"] body.arabic-mirrored-page .product-story-nav .section-shell{
  padding-block:4px;
}

/* Header: the dropdown caret sat tight against the Arabic label. */
html[lang="ar"] .nav-trigger{gap:9px}
html[lang="ar"] .nav-trigger>span{transform:none;font-size:max(14px, .8em);opacity:.75}
html[lang="ar"] .nav-actions{gap:16px}

/* Shawts is a composed product story, so mirror its geometry as well as its text. */
html[lang="ar"] body.arabic-shawts-page .product-story-page,
html[lang="ar"] body.arabic-shawts-page .product-story,
html[lang="ar"] body.arabic-shawts-page .product-story-block,
html[lang="ar"] body.arabic-shawts-page .product-story-nav,
html[lang="ar"] body.arabic-shawts-page .broadcast-proof,
html[lang="ar"] body.arabic-shawts-page .broadcast-flow,
html[lang="ar"] body.arabic-shawts-page .broadcast-context-board,
html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow,
html[lang="ar"] body.arabic-shawts-page .shawts-context-experience{
  direction:rtl;
}
html[lang="ar"] body.arabic-shawts-page .product-story-hero{
  background:radial-gradient(circle at 18% 20%,rgba(185,240,101,.38),transparent 25%),linear-gradient(135deg,#fbfcf5,#e8f8ed);
}
html[lang="ar"] body.arabic-shawts-page .product-story-hero:before{
  mask-image:linear-gradient(270deg,transparent 20%,#000);
}
html[lang="ar"] body.arabic-shawts-page .product-story-screen{
  border-radius:25px 25px 25px 8px;
  transform:rotate(-1deg);
}
html[lang="ar"] body.arabic-shawts-page .product-story-screen:before{
  inset:-28px -25px 30px 22px;
  border-radius:18px 42px 18px 42px;
  background:linear-gradient(215deg,#b9f065,#53ce8f);
}
html[lang="ar"] body.arabic-shawts-page .product-story-screen>div span{
  margin-left:0;
  margin-right:7px;
}
html[lang="ar"] body.arabic-shawts-page .screen-signal.s1{
  right:auto;
  left:-22px;
}
html[lang="ar"] body.arabic-shawts-page .screen-signal.s2{
  left:auto;
  right:-28px;
}
html[lang="ar"] body.arabic-shawts-page .story-block-head{
  position:relative;
  max-width:930px!important;
  padding-left:132px!important;
  padding-right:0!important;
}
html[lang="ar"] body.arabic-shawts-page .story-head-vector{
  right:auto!important;
  left:0!important;
  transform:rotate(-7deg);
}
html[lang="ar"] body.arabic-shawts-page .story-head-vector svg{
  transform:rotate(-10deg);
}

/* Arabic Shawts capabilities: preserve the English section's position and scale,
   then mirror its internal reading order without allowing generic dashboard rules
   to collapse or displace it. */
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone{
  display:block!important;
  position:relative;
  width:100%;
  direction:rtl;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible;
}
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone>.story-capabilities{
  display:block!important;
  position:relative;
  width:100%;
  scroll-margin-top:110px;
  direction:rtl;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .story-block-head{
  margin-inline:0 auto!important;
  padding-right:0!important;
  padding-left:132px!important;
  direction:rtl;
  text-align:right!important;
}
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .story-block-head .eyebrow,
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .story-block-head h2{
  text-align:right!important;
}
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .story-head-vector{
  right:auto!important;
  left:0!important;
}
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .capability-endpoints,
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .shawts-capability-flow>nav,
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .capability-stage>article{
  direction:rtl;
}
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .capability-stage>article{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
}
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .capability-copy{
  grid-column:1;
  text-align:right!important;
}
html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .capability-preview{
  grid-column:2;
}

@media(max-width:680px){
  html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .story-block-head{
    padding-left:0!important;
  }
  html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .capability-stage>article{
    grid-template-columns:1fr;
  }
  html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .capability-copy,
  html[lang="ar"] body.arabic-shawts-page .shawts-capabilities-clone .capability-preview{
    grid-column:1;
  }
}
html[lang="ar"] body.arabic-shawts-page .story-card-grid article{
  border-radius:23px 23px 7px 23px;
}
html[lang="ar"] body.arabic-shawts-page .story-card-grid article:nth-child(even){
  border-radius:23px 23px 23px 7px;
}
html[lang="ar"] body.arabic-shawts-page .product-story-block blockquote{
  border-left:0;
  border-right:4px solid var(--accent);
}
html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button:hover,
html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button.active{
  transform:translateX(-7px);
}
html[lang="ar"] body.arabic-shawts-page .story-metrics .story-block-head{
  margin-bottom:40px!important;
}
html[lang="ar"] body.arabic-shawts-page .story-metrics .story-block-head h2{
  max-width:680px!important;
}
html[lang="ar"] body.arabic-shawts-page .broadcast-proof{
  grid-template-columns:310px minmax(0,1fr);
  align-items:stretch;
}
html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button{
  grid-template-columns:52px minmax(0,1fr);
  text-align:right;
}
html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button>strong{
  right:auto!important;
  left:17px!important;
}
html[lang="ar"] body.arabic-shawts-page .proof-product{
  border-radius:27px 27px 27px 8px;
}
html[lang="ar"] body.arabic-shawts-page .proof-product-context>span{
  left:auto;
  right:18px;
}
html[lang="ar"] body.arabic-shawts-page .proof-progress i{
  margin-right:0;
  margin-left:auto;
  background:linear-gradient(270deg,#08a657,#b9f065);
}
html[lang="ar"] body.arabic-shawts-page .story-metrics .story-insight{
  direction:rtl;
  text-align:center;
}
html[lang="ar"] body.arabic-shawts-page .story-metrics .story-insight h3,
html[lang="ar"] body.arabic-shawts-page .story-metrics .story-insight p,
html[lang="ar"] body.arabic-shawts-page .story-metrics .story-insight em{text-align:center}
html[lang="ar"] body.arabic-shawts-page .broadcast-flow>nav:before{
  background:linear-gradient(270deg,#08a657,#b9f065);
}
html[lang="ar"] body.arabic-shawts-page .broadcast-flow-stage{
  border-radius:29px 29px 29px 9px;
}
html[lang="ar"] body.arabic-shawts-page .broadcast-flow-stage:before{
  right:auto;
  left:-60px;
}
html[lang="ar"] body.arabic-shawts-page .broadcast-flow-stage>article{
  transform:translateX(-30px);
}
html[lang="ar"] body.arabic-shawts-page .broadcast-flow-stage>article.active{
  transform:none;
}
html[lang="ar"] body.arabic-shawts-page .shawts-capability-flow,
html[lang="ar"] body.arabic-shawts-page .shawts-context-screen{
  border-radius:34px 34px 34px 10px;
}
html[lang="ar"] body.arabic-shawts-page .broadcast-context-board>article{
  border-radius:28px 28px 8px 28px;
}
html[lang="ar"] body.arabic-shawts-page .broadcast-context-board>article:hover>header>i{
  transform:rotate(10deg) scale(1.08);
}
html[lang="ar"] body.arabic-shawts-page .shawts-context-panels article>div{
  grid-column:2;
}
html[lang="ar"] body.arabic-shawts-page .shawts-context-panels article>small,
html[lang="ar"] body.arabic-shawts-page .shawts-context-panels article>h3,
html[lang="ar"] body.arabic-shawts-page .shawts-context-panels article>p{
  grid-column:1;
}

@media(max-width:980px){
  html[lang="ar"] body.arabic-shawts-page .screen-signal.s1{left:-5px}
  html[lang="ar"] body.arabic-shawts-page .screen-signal.s2{right:-4px}
  html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button:hover,
  html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button.active{transform:translateY(-5px)}
}

@media(max-width:680px){
  html[lang="ar"] body.arabic-shawts-page .product-story-hero>.section-shell{
    overflow:visible;
  }
  html[lang="ar"] body.arabic-shawts-page .product-story-copy h1{
    font-size:32px!important;
    line-height:1.42!important;
  }
  html[lang="ar"] body.arabic-shawts-page .story-block-head{
    padding-left:0!important;
  }
  html[lang="ar"] body.arabic-shawts-page .story-head-vector{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    width:68px!important;
    height:68px!important;
    margin:0 0 18px!important;
  }
  html[lang="ar"] body.arabic-shawts-page .product-story-screen{
    width:100%;
    max-width:100%;
    transform:none;
  }
  html[lang="ar"] body.arabic-shawts-page .product-story-screen:before{
    inset:-14px -8px 18px 10px;
  }
  html[lang="ar"] body.arabic-shawts-page .screen-signal.s1{left:0}
  html[lang="ar"] body.arabic-shawts-page .screen-signal.s2{right:0}
  html[lang="ar"] body.arabic-shawts-page .story-metrics .story-block-head{
    margin-bottom:28px!important;
  }
  html[lang="ar"] body.arabic-shawts-page .broadcast-proof{
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    overflow:visible;
  }
  html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button{
    width:100%;
    min-height:126px;
    padding:18px;
    grid-template-columns:46px minmax(0,1fr);
    flex:none;
  }
  html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button>i{
    width:46px;
    height:46px;
  }
  html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button:hover,
  html[lang="ar"] body.arabic-shawts-page .broadcast-proof>nav button.active{
    transform:none;
  }
  html[lang="ar"] body.arabic-shawts-page .story-metrics .story-insight{
    display:flex;
    padding:24px 18px;
  }
  html[lang="ar"] body.arabic-shawts-page .shawts-context-panels article>small,
  html[lang="ar"] body.arabic-shawts-page .shawts-context-panels article>h3,
  html[lang="ar"] body.arabic-shawts-page .shawts-context-panels article>p,
  html[lang="ar"] body.arabic-shawts-page .shawts-context-panels article>div{
    grid-column:1;
  }
}

/* Arabic mobile hero containment for the editorial About composition. */
@media(max-width:680px){
  html[lang="ar"] .about-v4 .ab4-hero-copy h1{font-size:32px!important;line-height:1.22!important;text-align:right}
  html[lang="ar"] .about-v4 .ab4-hero-copy h1>span,
  html[lang="ar"] .about-v4 .ab4-hero-copy h1>em{max-width:100%;white-space:normal!important;text-align:right}
  html[lang="ar"] .about-v4 .ab4-hero-copy>.ab4-kicker{display:block;max-width:100%;white-space:normal;text-align:right}
}

/* Final cascade enforcement after route-specific styles. */
/* Homepage RTL contract: mirror the major two-column compositions while keeping
   interface screenshots in their native orientation. Logical alignment avoids
   left/right regressions at responsive breakpoints. */
html[lang="ar"] body.home-page main{direction:rtl;text-align:start}
html[lang="ar"] body.home-page :is(.home-hero-v2-grid,.why-v2-layout,.security-layout,.faq-layout){direction:rtl}
html[lang="ar"] body.home-page :is(.home-hero-v2-copy,.home-section-intro,.section-heading,.company-band-intro,.company-band-copy,.security-copy){text-align:start}
html[lang="ar"] body.home-page :is(.home-hero-v2-copy,.home-section-intro,.section-heading,.company-band-copy,.security-copy)>*{margin-inline-start:0;margin-inline-end:0}
html[lang="ar"] body.home-page :is(.hero-actions,.home-hero-proof,.security-actions,.security-assurance){justify-content:flex-start}
html[lang="ar"] body.home-page :is(.home-product-stage,.home-dashboard-device,.device-mockup,.dashboard-v3-stage,.app-phone-stage){direction:ltr}
html[lang="ar"] body.home-page :is(.home-product-caption,.home-reach-signal,.dashboard-v3-detail,.app-detail){direction:rtl;text-align:start}
html[lang="ar"] body.home-page .home-device-bar{direction:rtl}
html[lang="ar"] body.home-page .home-device-bar>b{margin-inline-start:auto!important;margin-inline-end:0!important}
html[lang="ar"] body.home-page :is(.home-product-tabs button,.dashboard-v3-tabs button,.metric-tabs button,.faq-item button){text-align:start}
html[lang="ar"] body.home-page :is(.footer-top,.footer-grid,.footer-bottom){direction:rtl;text-align:start}
/* Arabic homepage — employee app showcase */
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2{max-width:900px;margin-inline-start:auto;margin-inline-end:0;text-align:right}
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2-heading{max-width:900px}
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2{display:block;font-size:clamp(44px,4.6vw,64px);line-height:1.3!important}
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2 :is(span,em){display:block;width:max-content;max-width:100%;margin:0;padding:.04em .12em .12em;white-space:normal}
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2 span{padding-inline-start:0}
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2 em:not(:last-child){color:#08a657}
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2 em:last-child{transform:rotate(1deg)}
html[lang="ar"] body.home-page .home-app-showcase .app-canvas{direction:rtl;grid-template-columns:235px minmax(320px,1fr) 292px}
html[lang="ar"] body.home-page .home-app-showcase .app-dock{grid-column:1;direction:rtl}
html[lang="ar"] body.home-page .home-app-showcase .app-dock{padding:14px;justify-content:center;gap:9px;overflow:hidden}
html[lang="ar"] body.home-page .home-app-showcase .app-dock button{width:100%;min-width:0;min-height:72px;padding:0 16px;grid-template-columns:34px minmax(0,1fr) 10px;gap:10px;border-radius:14px;text-align:right;overflow:hidden}
html[lang="ar"] body.home-page .home-app-showcase .app-dock button>span{font-size:14px;text-align:center}
html[lang="ar"] body.home-page .home-app-showcase .app-dock button>div{min-width:0}
html[lang="ar"] body.home-page .home-app-showcase .app-dock button b{display:block;font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
html[lang="ar"] body.home-page .home-app-showcase .app-dock button.active{min-height:72px;padding:0 16px;background:#073f32;box-shadow:0 12px 24px rgba(7,63,50,.16)}
html[lang="ar"] body.home-page .home-app-showcase .app-dock button.active b{color:#fff}
html[lang="ar"] body.home-page .home-app-showcase .app-phone-stage{grid-column:2;direction:ltr}
html[lang="ar"] body.home-page .home-app-showcase .app-detail{grid-column:3;direction:rtl;text-align:right}
@media(max-width:680px){
  html[lang="ar"] body.home-page :is(.home-hero-v2-copy,.home-section-intro,.section-heading,.company-band-intro,.company-band-copy,.security-copy){text-align:start!important}
  html[lang="ar"] body.home-page :is(.hero-actions,.home-hero-proof,.security-actions,.security-assurance){align-items:stretch;justify-content:flex-start}
  html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2{margin-bottom:30px;text-align:right!important}
  html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2{display:block;font-size:clamp(30px,9vw,38px)!important;line-height:1.4!important}
  html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2 :is(span,em){display:block;width:max-content;max-width:100%;padding:.02em 0 .1em}
  html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2 em:last-child{margin-top:4px;padding-inline:.18em;transform:none}
  html[lang="ar"] body.home-page .home-app-showcase .app-canvas{display:grid;grid-template-columns:1fr;gap:12px;padding:9px}
  html[lang="ar"] body.home-page .home-app-showcase .app-dock{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;background:transparent;overflow:visible}
  html[lang="ar"] body.home-page .home-app-showcase .app-dock button{display:flex;min-height:52px;padding:10px 12px;align-items:center;justify-content:space-between;text-align:right}
  html[lang="ar"] body.home-page .home-app-showcase .app-dock button small{display:none!important}
  html[lang="ar"] body.home-page .home-app-showcase .app-phone-stage{grid-column:1;min-height:490px}
  html[lang="ar"] body.home-page .home-app-showcase .app-detail{grid-column:1;padding:28px 20px;text-align:right}
}
html[lang="ar"] main h1,html[lang="ar"] main h2,html[lang="ar"] main h3{font-family:"IBM Plex Sans Arabic",sans-serif!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important}
html[lang="ar"] main h4,html[lang="ar"] main h5,html[lang="ar"] main h6{font-family:"IBM Plex Sans Arabic",sans-serif!important;font-weight:500!important;line-height:1.45!important}
html[lang="ar"] main p,html[lang="ar"] main li{font-family:"IBM Plex Sans Arabic",sans-serif!important;font-weight:400;line-height:1.7!important}
@media(max-width:680px){
  html[lang="ar"] main h1{font-size:clamp(32px,10.5vw,44px)!important;line-height:1.28!important}
  html[lang="ar"] main h2{font-size:clamp(27px,8vw,38px)!important;line-height:1.32!important}
  html[lang="ar"] .cv-page h1 span+span:before,html[lang="ar"] .cv-page h1 em:before,html[lang="ar"] .c9-page h3 span+span:before{content:' ';}
  html[lang="ar"] .cv-page h1{font-size:clamp(27px,7.8vw,36px)!important}
  html[lang="ar"] .cv-page h2{font-size:clamp(25px,7.4vw,34px)!important}
  html[lang="ar"] .fr-page h2,html[lang="ar"] .ms-page h2{font-size:clamp(24px,6.8vw,32px)!important}
  html[lang="ar"] .ep-page h2,html[lang="ar"] .ep-page h3{font-size:clamp(23px,6.8vw,31px)!important}
  html[lang="ar"] .sv-page h1{font-size:clamp(28px,8vw,38px)!important}
  html[lang="ar"] .c9-page h3{line-height:1.45!important;overflow:visible!important}
}

/* Arabic homepage dashboard: exact English component parity, mirrored only. */
html[lang="ar"] body.home-page .dashboard-v3-head{direction:rtl;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:38px}
html[lang="ar"] body.home-page .dashboard-v3-head>div:first-child{grid-column:1;text-align:right}
html[lang="ar"] body.home-page .dashboard-v3-head>div:last-child{grid-column:2;text-align:right;padding-bottom:4px}
html[lang="ar"] body.home-page .dashboard-v3-head h2{font-size:clamp(45px,4.5vw,61px);line-height:1.18!important}
html[lang="ar"] body.home-page .dashboard-v3-head h2>span{display:block}
html[lang="ar"] body.home-page .dashboard-v3-console{display:flex;flex-direction:column;padding:12px;border-radius:30px 30px 9px 30px}
html[lang="ar"] body.home-page .dashboard-v3-topbar{order:1;height:46px}
html[lang="ar"] body.home-page .dashboard-v3-tabs{order:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:8px;overflow:visible;direction:rtl}
html[lang="ar"] body.home-page .dashboard-v3-tabs button{min-width:0;min-height:70px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
html[lang="ar"] body.home-page .dashboard-v3-tabs button span,
html[lang="ar"] body.home-page .dashboard-v3-tabs button b{grid-column:auto;grid-row:auto;width:auto;text-align:center}
html[lang="ar"] body.home-page .dashboard-v3-tabs button b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}
html[lang="ar"] body.home-page .dashboard-v3-detail{order:3;margin-top:9px;padding:20px 22px;grid-template-columns:72px minmax(0,1fr) auto;gap:22px;direction:rtl;text-align:right}
html[lang="ar"] body.home-page .dashboard-v3-detail>[data-dashboard-v3-count]{display:block}
html[lang="ar"] body.home-page .dashboard-v3-detail .button{justify-self:start}
html[lang="ar"] body.home-page .dashboard-v3-stage{order:4;margin-top:9px;border-radius:18px;background:#d8f2df;overflow:visible}
html[lang="ar"] body.home-page .dashboard-v3-browser{border:0;border-radius:18px;box-shadow:none}
html[lang="ar"] body.home-page .dashboard-v3-browserbar{display:flex;direction:rtl}
html[lang="ar"] body.home-page .dashboard-v3-browserbar span{margin-right:5px;margin-left:0}
html[lang="ar"] body.home-page .dashboard-v3-browserbar>b{margin-right:auto;margin-left:0}
html[lang="ar"] body.home-page .dashboard-v3-browser>img{width:100%;height:auto;max-height:none;object-fit:contain;filter:url(#dashboard-sharpen) contrast(1.02)!important}
@media(max-width:980px){
  html[lang="ar"] body.home-page .dashboard-v3-head{grid-template-columns:1fr;gap:18px}
  html[lang="ar"] body.home-page .dashboard-v3-head>div:first-child,
  html[lang="ar"] body.home-page .dashboard-v3-head>div:last-child{grid-column:1}
  html[lang="ar"] body.home-page .dashboard-v3-tabs{display:flex;overflow-x:auto}
  html[lang="ar"] body.home-page .dashboard-v3-tabs button{flex:0 0 108px}
  html[lang="ar"] body.home-page .dashboard-v3-detail{grid-template-columns:60px minmax(0,1fr)}
  html[lang="ar"] body.home-page .dashboard-v3-detail .button{grid-column:2}
}
@media(max-width:680px){
  html[lang="ar"] body.home-page .dashboard-v3-head h2{font-size:40px!important;line-height:1.3!important}
  html[lang="ar"] body.home-page .dashboard-v3-console{padding:7px;border-radius:20px}
  html[lang="ar"] body.home-page .dashboard-v3-topbar>div{display:none}
  html[lang="ar"] body.home-page .dashboard-v3-tabs{display:flex;padding:7px;gap:5px;overflow-x:auto}
  html[lang="ar"] body.home-page .dashboard-v3-tabs button{flex:0 0 92px;min-height:64px}
  html[lang="ar"] body.home-page .dashboard-v3-detail{padding:15px;grid-template-columns:1fr;gap:8px}
  html[lang="ar"] body.home-page .dashboard-v3-detail>[data-dashboard-v3-count]{display:block}
  html[lang="ar"] body.home-page .dashboard-v3-detail .button{grid-column:1;width:100%}
}

/* Arabic homepage heading system: explicit RTL alignment and calm two-line wraps. */
html[lang="ar"] body.home-page main :is(h1,h2,h3),
html[lang="ar"] body.home-page main :is(header,.section-heading,.home-section-intro,.why-v2-heading,.dashboard-v3-head>div,.app-intro-v2,.security-message,.company-band-intro,.closing .section-shell){
  direction:rtl;
  text-align:right!important;
}
html[lang="ar"] body.home-page main :is(.eyebrow,.ip-kicker){justify-content:flex-start;text-align:right!important}
html[lang="ar"] body.home-page main section:not(.taw-static-hero) h2{
  text-align:right!important;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
html[lang="ar"] body.home-page .dashboard-v3-head h2>span,
html[lang="ar"] body.home-page .dashboard-v3-head h2>em,
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2>span,
html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2>em{display:block;width:max-content;max-width:100%;white-space:nowrap}
html[lang="ar"] body.home-page :is(.section-heading,.home-section-intro,.dashboard-v3-head,.app-intro-v2,.closing .section-shell){margin-inline-start:0;margin-inline-end:0}
html[lang="ar"] body.home-page .closing :is(.eyebrow,h2,p,.hero-actions){margin-inline-start:0;margin-inline-end:0;text-align:right!important;justify-content:flex-start}
html[lang="ar"] body.home-page .why-v2-grid h3{font-size:26px;line-height:1.42!important;text-wrap:balance}
html[lang="ar"] body.home-page .app-detail h3{font-size:34px;line-height:1.35!important;text-wrap:balance}
html[lang="ar"] body.home-page :is(.why-v2-grid h3,.app-detail h3,.channel-result h3){overflow-wrap:normal;word-break:normal}
@media(max-width:680px){
  html[lang="ar"] body.home-page .dashboard-v3-head h2{font-size:34px!important;line-height:1.32!important}
  html[lang="ar"] body.home-page .home-app-showcase .app-intro-v2 h2{font-size:32px!important;line-height:1.38!important}
  html[lang="ar"] body.home-page .why-v2-grid h3{font-size:21px}
  html[lang="ar"] body.home-page .app-detail h3{font-size:32px}
}

/* The closing CTA is the sole centered heading exception on the Arabic homepage. */
html[lang="ar"] body.home-page main section.closing .section-shell{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-inline:auto;
  text-align:center!important;
}
html[lang="ar"] body.home-page main section.closing :is(.eyebrow,h2,p){
  width:100%;
  margin-inline:auto;
  text-align:center!important;
}
html[lang="ar"] body.home-page main section.closing .eyebrow{justify-content:center}
html[lang="ar"] body.home-page main section.closing .hero-actions{
  width:auto;
  margin-inline:auto;
  justify-content:center;
  align-items:center;
  text-align:center!important;
}
html[lang="ar"] body.home-page .closing .hero-actions .button{justify-content:center;text-align:center!important}


/* /nav-discover.css */
.discover-menu{left:auto;right:-38px;width:430px;padding:10px;display:block;transform:translateY(10px)}
.nav-group:hover .discover-menu,.nav-group:focus-within .discover-menu{transform:translateY(0)}
.discover-links{display:grid;gap:4px}
.discover-links>a{min-height:78px;padding:12px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border:1px solid transparent;border-radius:13px;transition:.2s}
.discover-links>a:hover{border-color:#cce6d6;background:#effaf3;transform:translateX(3px)}
.discover-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e4f7e9;color:var(--green)}
.discover-icon svg{width:21px;height:21px}
.discover-links>a>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.discover-links b{font-size:14px}
.discover-links small{color:var(--muted);font-size:14px;line-height:1.35}
.discover-links>a>span:last-child{color:var(--green);font-size:16px}
@media(max-width:980px){.discover-menu{display:none;right:auto;padding:6px!important}.nav-group.open .discover-menu{display:block}.discover-links>a{min-height:68px}.discover-links small{font-size:14px}}


/* /localization-system.css */
/* Shared locale normalization. Keep this file last in the cascade. */
html[lang="ar"] {
  direction: rtl !important;
  overflow-x: clip;
}

html[lang="ar"],
html[lang="ar"] body,
[dir="rtl"] {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  letter-spacing: 0 !important;
  word-spacing: normal;
  text-rendering: optimizeLegibility;
}

html[lang="ar"] :is(h1, h2, h3, h4, h5, h6),
[dir="rtl"] :is(h1, h2, h3, h4, h5, h6) {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  letter-spacing: 0 !important;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: balance;
  white-space: normal !important;
}

html[lang="ar"] h1,
[dir="rtl"] h1 {
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-block-end: 1rem;
}

html[lang="ar"] :is(h2, h3, h4),
[dir="rtl"] :is(h2, h3, h4) {
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin-block-end: .75rem;
}

html[lang="ar"] :is(p, li),
[dir="rtl"] :is(p, li) {
  font-weight: 400;
  line-height: 1.7;
}

html[lang="ar"] :is(button, .button, .btn, nav a),
[dir="rtl"] :is(button, .button, .btn, nav a) {
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0 !important;
}

/* Product headings must wrap at every viewport; legacy page CSS forced nowrap. */
.c9-page :is(h1, h2),
.community-page :is(.product-story-copy h1, .product-story-copy h1 span) {
  white-space: normal !important;
}

/* Only repeatable card titles are clamped. Page and article headings remain complete. */
:is(.blog-card-copy h3, .story-card-grid h3, .module-card h3) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

html[lang="ar"] :is(.site-header, .section-shell, .blog-shell, .case-studies-shell) {
  min-inline-size: 0;
}

html[lang="ar"] :is(.article-deck, .article-body, .blog-brief-copy, .product-story-copy) {
  text-align: start;
}

@media (max-width: 760px) {
  html[lang="ar"],
  html[lang="ar"] body,
  html[lang="ar"] #app {
    inline-size: 100vw;
    max-inline-size: 100vw;
    min-inline-size: 0;
    overflow-x: hidden !important;
    position: relative;
  }

  html[lang="ar"] body.home-page :is(.site-header, main, main > section, footer) {
    inline-size: 100%;
    max-inline-size: 100vw;
    overflow-x: hidden !important;
  }

  html[lang="ar"] body.home-page main > section {
    overflow-x: clip;
  }

  html[lang="ar"] :is(.home-hero-v2-grid, .home-hero-v2-copy, .product-story-copy, .article-hero-grid) {
    min-inline-size: 0;
    max-inline-size: 100%;
  }

  html[lang="ar"] .home-hero-v2-grid {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[lang="ar"] .nav-shell {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  html[lang="ar"] :is(.home-hero-v2-copy, .home-hero-v2-copy > p, .home-hero-v2-copy .hero-actions, .home-hero-proof, .home-product-stage) {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  html[lang="ar"] .home-product-stage {
    overflow: hidden;
  }

  html[lang="ar"] .home-hero-v2 h1 {
    font-size: clamp(2.35rem, 11vw, 3.5rem) !important;
  }

}

/* The same mobile component serves all three locales. Keep the visual
   direction logical while retaining LTR order inside product screenshots. */
html[lang="ar"] .ms-page,
html[lang="ar"] .ms-page :is(h1, h2, h3, p, li, button, a) {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
  letter-spacing: 0 !important;
}

html[lang="ar"] .ms-page :is(p, li) {
  font-weight: 400;
  line-height: 1.7;
}

html[lang="ar"] .ms-page h1 {
  font-weight: 600 !important;
}

html[lang="ar"] .ms-page :is(h2, h3) {
  font-weight: 500 !important;
}

html[dir="rtl"] .ms-dashboard { left: auto; right: 0; }
html[dir="rtl"] .ms-phone { right: auto; left: 0; }
html[dir="rtl"] .ms-browser span { margin-inline-start: auto; margin-inline-end: 0; }
html[dir="rtl"] .ms-card li,
html[dir="rtl"] .ms-split-grid li { padding-inline-start: 21px; padding-inline-end: 0; }
html[dir="rtl"] .ms-card li::before,
html[dir="rtl"] .ms-split-grid li::before { left: auto; right: 0; }
html[dir="rtl"] .ms-faq-item button { text-align: start; }
html[dir="rtl"] .ms-faq-item p { padding-inline-end: 48px; padding-inline-start: 0; }

html[lang="pl"] .ms-page :is(.ms-hero-copy, .ms-card, .ms-split-grid article),
html[lang="ar"] .ms-page :is(.ms-hero-copy, .ms-card, .ms-split-grid article) {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 680px) {
html[lang="ar"] .article-body h2 {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }
}

/* App suite typography parity with the eight dashboard module pages. */
:is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) :is(h1,h2,h3,h4) {
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (min-width:681px) {
  html[lang="en"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(39px,3vw,44px) !important;
    line-height: 1 !important;
    letter-spacing: -.055em !important;
  }
  html[lang="pl"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(31px,2.4vw,36px) !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
  }
  html[lang="ar"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(38px,2.9vw,42px) !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) section h2 {
    font-size: clamp(42px,4.8vw,65px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
  }
  html[lang="ar"] :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) section h2 {
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) :is([class*="faq"],[class*="objection"]) h2 {
    font-size: clamp(42px,4.5vw,60px) !important;
    line-height: .98 !important;
  }
  :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) :is([class*="closing"],[class*="close"]) h2 {
    font-size: clamp(48px,6vw,76px) !important;
    line-height: .96 !important;
  }

  :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) section h3 {
    font-size: clamp(22px,2.2vw,30px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.025em !important;
  }
  html[lang="ar"] :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) section h3 {
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width:680px) {
  html:is([lang="en"],[lang="pl"]) :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: 34px !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }
  html[lang="ar"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: 25px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }
  :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) section h2 {
    font-size: 30px !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;
  }
  :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) :is([class*="closing"],[class*="close"]) h2 {
    font-size: 34px !important;
    line-height: 1.06 !important;
  }
  :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) section h3 {
    font-size: clamp(20px,6.4vw,25px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
  }
  html[lang="ar"] :is(.sv-app-page,.c9-page,.cv-page,.ep-page,.lb-page,.fr-page,.ms-page) :is(h2,h3) {
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }
}

/* Correct app-page hierarchy: hero H1 must remain the largest display type. */
@media (min-width:681px) {
  html[lang="en"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(66px,5.8vw,82px) !important;
    line-height: .92 !important;
    letter-spacing: -.06em !important;
  }
  html[lang="pl"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(58px,5.1vw,74px) !important;
    line-height: .94 !important;
    letter-spacing: -.052em !important;
  }
  html[lang="ar"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(54px,4.9vw,70px) !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }
}
@media (max-width:680px) {
  html[lang="en"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(40px,11vw,48px) !important;
    line-height: .98 !important;
  }
  html[lang="pl"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(38px,10vw,44px) !important;
    line-height: 1 !important;
  }
  html[lang="ar"] :is(.sv-app-hero,.c9-hero,.cv-hero,.ep-hero,.lb-hero,.fr-hero,.ms-hero) h1 {
    font-size: clamp(36px,9.5vw,42px) !important;
    line-height: 1.28 !important;
  }
}
/* Arabic copy fit and logical alignment for shared component overrides. */
html[lang="ar"] .blog-brief h2{font-size:43px!important;line-height:1.3!important}
html[lang="ar"] body main h1{font-family:"IBM Plex Sans Arabic",sans-serif!important;letter-spacing:0!important}
@media(max-width:680px){html[lang="ar"] body .cv-gap .cv-head h2{font-size:34px!important}}
html[lang="ar"] body.product-story-page .product-story.story-design-structure :is(.story-block-head,.story-objections header,.story-faq header){text-align:right!important}
html[lang="ar"] .ep-event-content h2{font-size:38px!important;line-height:1.3!important}
html[lang="ar"] .c9-faq header h2{font-size:46px!important;line-height:1.25!important}
html[lang="ar"] .cv-gap .cv-head h2{font-size:48px!important;line-height:1.3!important}
@media(max-width:680px){html[lang="ar"] .article-next h2{font-size:27px!important;line-height:1.4!important}}


/* /home-hero-v5.css */
/* Tawasol static homepage hero */
.home-page .taw-static-hero{position:relative;min-height:680px;padding:clamp(54px,6vw,82px) 24px;background:linear-gradient(135deg,#fbfdf8 0%,#f1f8ef 54%,#e9f8ec 100%);color:#073c2b;overflow:hidden;isolation:isolate}
.home-page .taw-static-hero:before{content:"";position:absolute;z-index:-1;right:-180px;top:-270px;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle,rgba(174,255,54,.2),rgba(20,193,92,.08) 44%,transparent 70%)}
.home-page .taw-static-shell{width:min(1220px,100%);min-height:560px;margin:auto;display:grid;grid-template-columns:minmax(570px,1.08fr) minmax(500px,.92fr);align-items:center;gap:clamp(36px,4vw,58px)}
.home-page .taw-static-copy{max-width:620px}
.home-page .taw-static-eyebrow{display:flex;align-items:center;gap:10px;max-width:520px;margin-bottom:23px;color:#087646;font-size:14px;font-weight:800;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}
.home-page .taw-static-eyebrow i{flex:none;width:8px;height:8px;border-radius:50%;background:#aaff32;box-shadow:0 0 0 5px rgba(8,166,87,.11),0 0 18px rgba(128,255,40,.65)}
.home-page .taw-static-copy h1{max-width:620px;margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(42px,3.35vw,49px);font-weight:600;line-height:1.08;letter-spacing:-.045em}
.home-page .taw-static-copy h1 span,.home-page .taw-static-copy h1 em{display:block;white-space:nowrap}
.home-page .taw-static-copy h1 em{color:#08a657;font-style:normal}
.home-page .taw-static-copy>p{max-width:555px;margin:25px 0 0;color:#4d675b;font-size:clamp(17px,1.25vw,19px);line-height:1.65;text-wrap:pretty}
.home-page .taw-static-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.home-page .taw-static-actions .button:first-child{border-color:#08a657;background:linear-gradient(135deg,#08ad5c,#007f44);box-shadow:0 15px 34px rgba(0,143,72,.22)}
.home-page .taw-static-actions .button-ghost{border-color:#9bc6aa;background:rgba(255,255,255,.74)}
.home-page .taw-static-trust{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:24px;color:#557065;font-size:14px;font-weight:700}
.home-page .taw-static-trust span{display:flex;align-items:center;gap:7px}
.home-page .taw-static-trust i{width:7px;height:7px;border-radius:50%;background:#08a657}
.home-page .taw-live-loop{position:relative;padding:18px;border:1px solid rgba(7,92,50,.12);border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 40px 90px -48px rgba(3,68,39,.42),inset 0 0 0 1px rgba(255,255,255,.7);backdrop-filter:blur(18px)}
.home-page .taw-live-loop:before{content:"";position:absolute;z-index:-1;inset:12% -7% -7% 18%;border-radius:50%;background:radial-gradient(circle,rgba(155,255,54,.2),transparent 68%);filter:blur(10px)}
.home-page .taw-live-loop>header{padding:4px 5px 15px;border-bottom:1px solid #dce9df}
.home-page .taw-live-loop>header>div{display:flex;align-items:center;justify-content:space-between;gap:16px}
.home-page .taw-live-loop>header span{display:flex;align-items:center;gap:8px;color:#087646;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-page .taw-live-loop>header span i{width:7px;height:7px;border-radius:50%;background:#aaff32;box-shadow:0 0 0 4px rgba(134,242,43,.13)}
.home-page .taw-live-loop>header b{color:#789086;font-size:14px;letter-spacing:.12em}
.home-page .taw-live-loop>header p{margin:7px 0 0;color:#61796e;font-size:17px}
.home-page .taw-create-shawt{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;margin-top:14px;padding:10px 11px;border:1px solid rgba(7,130,70,.18);border-radius:14px;background:linear-gradient(110deg,#f8fff8,#edfaef);box-shadow:0 12px 28px -24px rgba(2,82,42,.4)}
.home-page .taw-create-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#073e2b;color:#c6ff54;font-size:14px;font-weight:800}
.home-page .taw-create-shawt>div small{display:block;color:#71877d;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.home-page .taw-create-shawt>div b{display:block;margin-top:2px;color:#244b3a;font-size:14px}
.home-page .taw-create-ai,.home-page .taw-create-shawt>a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 10px;border-radius:8px;font:700 14px/1 "DM Sans",sans-serif;text-decoration:none;white-space:nowrap}
.home-page .taw-create-ai{border:1px solid #a8d4b7;background:#fff;color:#087847}
.home-page .taw-create-ai i{color:#70d91c;font-style:normal;font-size:14px}
.home-page .taw-create-shawt>a{border:1px solid #08a657;background:#08a657;color:#fff;box-shadow:0 8px 18px -12px rgba(0,130,65,.7)}
.home-page .taw-create-shawt>a:hover{border-color:#9bf235;background:#b7ff42;color:#073c2b}
.home-page .taw-live-loop article{position:relative;background:#fff;border:1px solid #e1ece4;box-shadow:0 12px 30px -25px rgba(4,64,38,.35)}
.home-page .taw-loop-step{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#e7f8eb;color:#078145;font-size:14px;font-weight:800}
.home-page .taw-loop-broadcast{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:13px 14px;border-radius:15px}
.home-page .taw-loop-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#093e2c,#087847);color:#bdff4c}
.home-page .taw-loop-icon svg{width:20px;height:20px}
.home-page .taw-loop-broadcast small,.home-page .taw-loop-audit small,.home-page .taw-loop-pulse small{display:block;color:#088149;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.home-page .taw-loop-broadcast h2{margin:2px 0 0;font-family:"Space Grotesk",sans-serif;font-size:16px;letter-spacing:-.02em}
.home-page .taw-loop-broadcast p{margin:2px 0 0;color:#60776c;font-size:17px}
.home-page .taw-loop-broadcast p strong{color:#224a3a}
.home-page .taw-loop-broadcast time{padding:6px 9px;border-radius:999px;background:#e6f9eb;color:#078046;font-size:14px;font-weight:800;text-transform:uppercase}
.home-page .taw-loop-line{display:grid;place-items:center;height:14px}
.home-page .taw-loop-line i{width:1px;height:100%;background:linear-gradient(#8de337,#0ead60)}
.home-page .taw-loop-audit{padding:14px;border-radius:17px}
.home-page .taw-audit-head,.home-page .taw-audit-head>div{display:flex;align-items:center;gap:9px}
.home-page .taw-audit-head{justify-content:space-between}
.home-page .taw-audit-head>b{padding:6px 9px;border-radius:999px;background:#e3f9e9;color:#078146;font-size:14px}
.home-page .taw-audit-total{display:flex;align-items:baseline;gap:9px;margin-top:9px}
.home-page .taw-audit-total strong{font-family:"Space Grotesk",sans-serif;font-size:31px;font-weight:600;letter-spacing:-.04em}
.home-page .taw-audit-total span{color:#657b71;font-size:14px}
.home-page .taw-audit-progress{height:5px;margin:7px 0 10px;border-radius:5px;background:#e4ece6;overflow:hidden}
.home-page .taw-audit-progress i{display:block;width:96%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#079e53,#aaff32)}
.home-page .taw-loop-audit ul{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0;padding:0;list-style:none}
.home-page .taw-loop-audit li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 7px;padding:8px;border-radius:10px;background:#f6f9f6}
.home-page .taw-loop-audit li>span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0b4832;color:#c7ff5b;font-size:17px;font-weight:800}
.home-page .taw-loop-audit li b{font-size:17px;white-space:nowrap}
.home-page .taw-loop-audit li small{color:#768b81;font-size:17px;letter-spacing:0;text-transform:none;white-space:nowrap}
.home-page .taw-loop-audit li>i{grid-column:1/-1;margin-top:4px;color:#07934e;font-size:17px;font-style:normal;font-weight:800;text-align:right}
.home-page .taw-loop-pulse{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;padding:13px 14px;border-radius:15px}
.home-page .taw-loop-pulse h3{margin:2px 0 8px;font-family:"Space Grotesk",sans-serif;font-size:14px}
.home-page .taw-loop-pulse>div>div{display:grid;gap:5px}
.home-page .taw-loop-pulse>div>div>span{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;padding:6px 8px;border-radius:7px;background:#eef5ef;overflow:hidden;font-size:14px}
.home-page .taw-loop-pulse>div>div i{position:absolute;inset:0 auto 0 0;width:var(--value);background:#d4f3dc}
.home-page .taw-loop-pulse>div>div b,.home-page .taw-loop-pulse>div>div em{position:relative;z-index:1;font-style:normal}
.home-page .taw-loop-pulse>strong{color:#078247;font-family:"Space Grotesk",sans-serif;font-size:22px;line-height:.9;text-align:right}
.home-page .taw-loop-pulse>strong small{margin-top:4px;color:#71877d;font-family:"DM Sans",sans-serif;font-size:14px;letter-spacing:.08em}
.home-page .taw-live-loop>footer{display:flex;justify-content:space-between;gap:8px;padding:13px 5px 0;color:#526d61;font-size:14px;font-weight:800;text-transform:uppercase}
.home-page .taw-live-loop>footer span{display:flex;align-items:center;gap:5px}
.home-page .taw-live-loop>footer i{width:6px;height:6px;border-radius:50%;background:#9bf235;box-shadow:0 0 0 3px rgba(116,225,39,.1)}
@media (prefers-reduced-motion:no-preference){.home-page .taw-loop-broadcast{animation:taw-static-rise .7s .15s cubic-bezier(.16,1,.3,1) both}.home-page .taw-loop-audit{animation:taw-static-rise .7s .25s cubic-bezier(.16,1,.3,1) both}.home-page .taw-loop-pulse{animation:taw-static-rise .7s .35s cubic-bezier(.16,1,.3,1) both}}@keyframes taw-static-rise{from{opacity:0;transform:translateY(12px)}}
@media (max-width:1000px){.home-page .taw-static-hero{padding-top:44px}.home-page .taw-static-shell{grid-template-columns:1fr;gap:42px}.home-page .taw-static-copy{max-width:760px}.home-page .taw-static-copy h1{max-width:750px}.home-page .taw-live-loop{width:min(680px,100%);margin:auto}}
@media (max-width:600px){.home-page .taw-static-hero{padding:32px 16px 46px}.home-page .taw-static-shell{gap:32px}.home-page .taw-static-eyebrow{margin-bottom:17px;font-size:14px}.home-page .taw-static-copy h1{font-size:clamp(25px,7.25vw,28px);line-height:1.18;letter-spacing:-.035em;white-space:nowrap}.home-page .taw-static-copy>p{margin-top:19px;font-size:17px;line-height:1.55}.home-page .taw-static-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:23px}.home-page .taw-static-actions .button{justify-content:center;padding-inline:9px;font-size:14px}.home-page .taw-static-trust{gap:8px 14px;font-size:14px}.home-page .taw-live-loop{padding:12px;border-radius:20px}.home-page .taw-create-shawt{grid-template-columns:auto 1fr auto}.home-page .taw-create-ai{display:none}.home-page .taw-create-shawt>a{padding-inline:8px}.home-page .taw-loop-broadcast{grid-template-columns:auto 1fr auto}.home-page .taw-loop-icon{display:none}.home-page .taw-loop-audit ul{grid-template-columns:1fr}.home-page .taw-loop-audit li:nth-child(n+2){display:none}.home-page .taw-live-loop>footer{font-size:14px}.home-page .taw-audit-total strong{font-size:27px}}

html[lang="ar"] .home-page .taw-static-copy h1{font-family:"DM Sans",sans-serif;font-size:clamp(44px,3.5vw,52px);line-height:1.2;letter-spacing:-.025em}
html[dir="rtl"] .home-page .taw-static-copy,html[dir="rtl"] .home-page .taw-live-loop{text-align:right}
html[dir="rtl"] .home-page .taw-audit-head,html[dir="rtl"] .home-page .taw-live-loop>header>div{flex-direction:row}
html[dir="rtl"] .home-page .taw-loop-audit li>i{text-align:left}
@media (max-width:600px){html[lang="ar"] .home-page .taw-static-copy h1{font-size:clamp(29px,8vw,32px);line-height:1.3}}

/* Interactive dual-device product preview. */
.home-page .home-product-tabs button:focus-visible{outline:2px solid #08a657;outline-offset:2px}
.home-page .home-phone-device>span{animation:taw-phone-toast 4.8s ease-in-out infinite}
.home-page .home-phone-device>span b{font-size:14px;white-space:nowrap}
html[dir="rtl"] .home-page .home-product-tabs{direction:rtl}
html[dir="rtl"] .home-page .home-product-tabs button,
html[dir="rtl"] .home-page .home-product-caption{text-align:right}
html[dir="rtl"] .home-page .home-device-bar span{margin-left:0;margin-right:6px}
html[dir="rtl"] .home-page .home-device-bar b{margin-left:0;margin-right:auto}
@keyframes taw-phone-toast{0%,16%,82%,100%{opacity:0;transform:translateY(-7px)}25%,72%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.home-page .home-phone-device>span{animation:none}}

/* Dual-device hero scale and depth: the product UI is the dominant visual. */
@media (min-width:1101px){
  .home-page .taw-static-hero{padding-inline:24px}
  .home-page .taw-static-shell{
    width:min(1320px,100%);
    grid-template-columns:minmax(520px,555px) minmax(0,1fr);
    gap:clamp(34px,3vw,48px);
  }
  .home-page .home-product-stage{min-height:630px}
  .home-page .home-product-stage:before{
    inset:42px -10px 2px 18px;
    border-radius:48px 28px;
    box-shadow:inset 0 0 0 1px rgba(7,126,68,.15),0 42px 90px rgba(11,92,57,.18);
  }
  .home-page .home-product-tabs{left:28px;right:18px;top:6px}
  .home-page .home-dashboard-device{
    left:4px;
    right:-5px;
    top:72px;
    border-radius:22px;
    box-shadow:0 42px 85px rgba(8,63,40,.26),0 8px 24px rgba(8,63,40,.12);
  }
  .home-page .home-dashboard-device>img{width:100%;max-height:500px}
  .home-page .home-phone-device{
    left:-20px;
    bottom:-12px;
    width:195px;
    filter:drop-shadow(0 36px 34px rgba(5,51,32,.38));
  }
  .home-page .home-reach-signal{right:-12px;top:126px;width:142px;padding:14px}
  .home-page .home-product-caption{right:-12px;bottom:3px;width:292px;padding:19px 20px}
  .home-page .home-product-caption strong{font-size:17px}
}

.home-page .home-dashboard-device:after{
  content:"";
  position:absolute;
  inset:30px 0 auto;
  height:34%;
  background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 48%);
  pointer-events:none;
}
.home-page .home-product-tabs button.active{transform:translateY(-1px)}
.home-page .home-dashboard-device>img{transition:opacity .2s,transform .45s cubic-bezier(.2,.8,.2,1)}
.home-page .home-product-stage:not(.is-changing):hover .home-dashboard-device>img{transform:scale(1.012)}
.home-page .home-phone-device:hover{filter:drop-shadow(0 42px 38px rgba(5,51,32,.42));transform:translateY(-5px) rotate(-1deg)}

/* Arabic hero headline: three balanced lines, right-aligned.
   Each phrase keeps its own line; tracking stays at 0 because negative
   letter-spacing breaks Arabic letter joining.
   arabic-mirror.css sets the size and weight with !important, so these need the
   headline's own id to outrank it. */
html[lang="ar"] .home-page .taw-static-copy h1#taw-home-title{
  max-width:none!important;
  font-size:clamp(30px,4.6vw,52px)!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-align:right!important;
}
html[lang="ar"] .home-page .taw-static-copy h1#taw-home-title span,
html[lang="ar"] .home-page .taw-static-copy h1#taw-home-title em{
  display:block!important;
  white-space:nowrap!important;
}
@media (max-width:600px){
  html[lang="ar"] .home-page .taw-static-copy h1#taw-home-title{
    font-size:clamp(24px,6.6vw,30px)!important;
    line-height:1.3!important;
  }
  /* Let a long phrase wrap rather than overflow the viewport. */
  html[lang="ar"] .home-page .taw-static-copy h1#taw-home-title span,
  html[lang="ar"] .home-page .taw-static-copy h1#taw-home-title em{
    white-space:normal!important;
  }
}

/* Sovereignty positioning: compact desktop eyebrow and a distinct trust seal. */
.home-page .taw-static-eyebrow{max-width:none;white-space:nowrap;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.6}
.home-page .taw-static-trust{align-items:center;gap:10px 14px}
.home-page .taw-static-trust .sovereignty-badge{padding:12px 15px;border:1px solid #236447;border-radius:10px;background:#083e2c;color:#f0ffdf;box-shadow:0 5px 16px #073c2b12;gap:10px;font-size:13px;line-height:1.5}
.home-page .sovereignty-badge svg{width:25px;height:25px;flex:none;color:#c5f77c}
.home-page .sovereignty-badge b{font-weight:600}
.home-page .taw-static-trust .sovereignty-owner{font-size:12px;color:#355844}
.home-page .sovereignty-owner:before{content:'·';font-size:18px;margin-inline-end:2px}
.home-page .sovereignty-card .why-v2-icon{background:#083e2c;color:#d6f57c;border-color:#236447}
.home-page .sovereignty-card .why-v2-icon svg{width:28px;height:28px}
html[lang="ar"] .home-page .taw-static-eyebrow{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}
@media(max-width:767px){.home-page .taw-static-eyebrow{white-space:normal;font-size:11px;letter-spacing:.04em;max-width:100%;text-wrap:balance}.home-page .taw-static-trust .sovereignty-badge{font-size:12px;padding:11px 12px}}

/* Four proof highlights, with logical borders for both LTR and RTL. */
.home-page .proof.proof-highlights{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border-block:1px solid #e2e8f0;box-shadow:0 2px 5px #0f172a06}
.home-page .proof-highlights .proof-track{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;animation:none;transform:none}
.home-page .proof-highlights .proof-track>div{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;min-height:0;width:auto;padding:24px 32px;background:transparent;border:0;border-inline-start:1px solid #e2e8f0;box-shadow:none;transform:none;text-align:start}
.home-page .proof-highlights .proof-track>div:first-child{border-inline-start:0}
.home-page .proof-highlights .proof-track strong{display:block;margin:0;color:#0f172a;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;line-height:1.35;letter-spacing:-.02em}
.home-page .proof-highlights .proof-track span{display:block;color:#475569;font-size:14px;font-weight:400;line-height:1.65;white-space:normal}
html[lang="ar"] .home-page .proof-highlights .proof-track strong{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;font-size:20px;line-height:1.5}
@media(max-width:1023px){.home-page .proof-highlights .proof-track{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .proof-highlights .proof-track>div{padding:24px}.home-page .proof-highlights .proof-track>div:nth-child(odd){border-inline-start:0}.home-page .proof-highlights .proof-track>div:nth-child(n+3){border-top:1px solid #e2e8f0}}
@media(max-width:639px){.home-page .proof-highlights .proof-track strong,html[lang="ar"] .home-page .proof-highlights .proof-track strong{font-size:18px}.home-page .proof-highlights .proof-track span{font-size:12px}}


/* /readability.css */
/* Shared text defaults. Component display sizes remain in their own stylesheets. */
html body { font-size: 17px; }
:where(main, footer, .site-header) :where(p, li) {
  font-size: 17px;
  line-height: 1.65;
}
:where(small, figcaption, caption) { font-size: 14px; line-height: 1.5; }
:where(input, textarea, select) { font-size: 16px; line-height: 1.5; }
:where(button, label) { font-size: 15px; }
html[lang="ar"] :where(p, li, small, label, figcaption) {
  line-height: 1.75;
  letter-spacing: 0;
}
/* Supporting information needs room to wrap at larger, readable sizes. */
.announcement { height: auto; min-height: 34px; padding-block: 7px; gap: 12px; }
.site-footer-v3 .sf3-trust { flex-wrap: wrap; }
.site-footer-v3 .sf3-bottom { flex-wrap: wrap; }
.site-footer-v3 .sf3-contact p { color: #b6ccc2; }
.site-footer-v3 .sf3-bottom { color: #b6ccc2; }
.site-footer-v3 .sf3-trust small { color: #b6ccc2; }
@media (max-width: 680px) {
  .announcement { line-height: 1.45; }
  .button { min-height: 46px; height: auto; padding-block: 12px; line-height: 1.4; }
}


/* /mobile-layout.css */
.mobile-product-preview { display:none; }
/* Mobile presentation: one reading column, quieter previews, reachable controls. */
@media(max-width:767px) {
  html body #app .mobile-reading-panel { margin-block-start:28px!important; }
  html body #app .mobile-reading-panel + .mobile-reading-panel { margin-block-start:20px!important; }
  html body #app .why-v2-grid article:nth-child(n) { min-height:0!important; height:auto!important; padding-block:24px!important; }
  html body #app :is(.story-hero-proof,.c9-trust,.cv-trust) { display:none!important; }
  html body #app .product-story-copy .hero-actions { margin-top:24px!important; }
  html body #app .product-story-copy>.eyebrow { padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; font-size:11px!important; line-height:1.5!important; }
  html body #app .product-story-copy h1 { margin-top:20px!important; }
  html body #app .sf3-invite { display:none!important; }
  html body #app .sf3-rule { margin-block:24px!important; }
  html body #app .sf3-middle { gap:24px!important; }
  html body.mobile-legal-page #app .hero-explorer { display:none!important; }
  html body.mobile-legal-page #app .hero { min-height:0!important; padding:36px 20px!important; }
  html body #app .mobile-reading-section { min-height:0!important; height:auto!important; padding-block:48px!important; }
  html body #app .mobile-reading-section>div { min-height:0!important; }
  html body #app .mobile-original-preview { display:none!important; }
  html body #app .mobile-product-preview { display:flex!important; align-items:center; justify-content:center; width:100%; min-width:0; margin:24px 0 0; padding:18px; border:1px solid #d5e5d9; border-radius:16px; background:#f0f6f0; }
  html body #app .mobile-product-preview img { display:block; width:auto!important; max-width:100%!important; height:auto!important; max-height:270px!important; object-fit:contain!important; border-radius:6px; }
  html body #app main h1 { font-size:34px!important; line-height:1.16!important; letter-spacing:-.035em!important; white-space:normal!important; }
  html body #app main h2 { font-size:28px!important; line-height:1.25!important; letter-spacing:-.025em!important; }
  html[lang="ar"] body #app main :is(h1,h2) { letter-spacing:0!important; line-height:1.5!important; }
  html body #app :is(.product-story-copy,.story-block-head,.mi-head,.sx-section-head,.ai-journey-head,.c9-case-head,.cv-head,.ep-heading,.fr-heading,.lb-heading,.sv-section-head,.sec2-heading,.sec17-heading,.why-heading) { width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; transform:none!important; }
  html body #app :is(.product-story-copy,.story-block-head,.mi-head,.sx-section-head,.ai-journey-head,.c9-case-head,.cv-head,.ep-heading,.fr-heading,.lb-heading,.sv-section-head,.sec2-heading,.sec17-heading,.why-heading)>p { font-size:16px!important; line-height:1.65!important; margin-top:16px!important; }
  html body #app :is(.product-story-hero,.sx-hero,.c9-hero,.cv-hero,.ep-hero,.fr-hero,.lb-hero,.sv-app-hero,.why-hero,.sec2-hero,.blog-hero) { padding-block:36px!important; min-height:0!important; }
  html body #app :is(.hero-centered,.sx-hero-grid,.c9-hero-grid,.cv-hero-grid,.ep-hero-grid,.fr-hero-layout,.lb-hero-grid,.sv-app-hero-grid) { grid-template-columns:minmax(0,1fr)!important; min-height:0!important; gap:0!important; }
  html body #app :is(.sx-shell,.c9-shell,.cv-shell,.ep-shell,.fr-shell,.lb-shell,.sv-shell,.sec2-shell,.why-shell,.blog-shell,.av-shell,.ai-journey-shell) { width:calc(100% - 40px)!important; max-width:640px!important; margin-inline:auto!important; }
  html body #app :is(.sx-hero-copy,.c9-hero-copy,.cv-hero-copy,.ep-hero-copy,.fr-hero-copy,.lb-hero-copy,.sv-app-hero-copy,.why-hero-copy) { padding:0!important; transform:none!important; }
  html body #app :is(.sx-hero-copy,.c9-hero-copy,.cv-hero-copy,.ep-hero-copy,.fr-hero-copy,.lb-hero-copy,.sv-app-hero-copy,.why-hero-copy)>p { font-size:16px!important; line-height:1.65!important; margin-block:18px!important; }
  html body #app :is(.story-hero-sticker,.sx-hero-sticker,.c9-hero-type,.c9-grain,.c9-index,.cv-orb,.ep-grid-lines,.fr-hero-grid,.lb-hero-gridlines,.blog-signal,.c9-close-phone,.c9-product-watermark) { display:none!important; }
  html body #app :is(.product-story-hero,.sx-hero,.c9-hero,.cv-hero,.ep-hero,.fr-hero,.lb-hero,.sv-app-hero) :is(.hero-actions,.sx-actions,.c9-actions,.cv-actions,.ep-actions,.fr-actions,.lb-actions,.sv-actions) { display:flex!important; flex-wrap:wrap; gap:10px; margin-block:24px 0!important; }
  html body #app :is(.story-objection-grid,.sx-objection-grid,.story-objection-list) { grid-template-columns:1fr!important; gap:0!important; }
  html body #app :is(.story-objection-grid,.sx-objection-grid,.story-objection-list)>article { min-height:0!important; padding:22px 0!important; border:0!important; border-bottom:1px solid currentColor!important; background:transparent!important; box-shadow:none!important; }
  html body #app :is(.why-proof-grid,.why-deployment-list) { grid-template-columns:1fr!important; grid-auto-rows:auto!important; gap:0!important; }
  html body #app .why-proof-grid>article { min-height:0!important; height:auto!important; padding:24px 20px!important; border-radius:12px!important; margin-bottom:12px; }
  html body #app .why-proof-grid>.why-proof-card { display:block!important; grid-template-rows:none!important; }
  html body #app .why-proof-card-title { min-height:0!important; padding:0!important; }
  html body #app .why-proof-grid>article h3 { font-size:22px!important; line-height:1.35!important; }
  html body #app .about-v5 .av-hero { padding-block:36px!important; min-height:0!important; gap:24px!important; }
  html body #app .about-v5 .av-art { display:none!important; }
  html body #app .about-v5 .av-lead { font-size:16px!important; line-height:1.65!important; }
  html body #app .about-v5 :is(.av-work,.av-proof,.av-places,.av-origin,.av-principle) { padding-block:48px!important; }
  html body #app .about-v5 .av-work-grid { display:block!important; }
  html body #app .about-v5 .av-work-note { padding:0 0 20px!important; min-height:0!important; }
  html body #app .about-v5 .av-cities { gap:16px!important; }
  html body #app .about-v5 .av-city { min-height:0!important; padding:22px!important; }
  html body #app .blog-hero-grid { display:block!important; }
  html body #app .blog-feature-card { box-shadow:none!important; }
  html body #app .blog-grid { grid-template-columns:1fr!important; gap:24px!important; }
  html body #app .blog-grid article { min-height:0!important; }
  html body #app .blog-grid img { max-height:180px!important; object-fit:cover; }
  html body #app :is(.cu-hero,.dm-hero) { padding-block:36px!important; }
  html body #app .cu-clocks { display:none!important; }
  html body #app :is(.cu-office,.dm-prep-cards>article,.dm-steps>article) { min-height:0!important; padding:22px!important; }
  html body #app :is(.cu-form,.dm-form) { padding:24px 20px!important; border-radius:16px!important; box-shadow:none!important; }
  html body #app :is(.cu-fields,.dm-fields) { gap:18px!important; }
  html body #app :is(.cu-form,.dm-form) :is(input,select,textarea) { font-size:16px!important; min-height:48px; }
  html body #app :is(.sf3-top,.sf3-main) { gap:24px!important; }
  html body #app .sf3-trust { display:none!important; }
  html body #app .sf3-brand p { font-size:15px!important; line-height:1.65!important; }
}
.mobile-hero-eyebrow,.home-page .taw-static-copy>.mobile-hero-lead { display:none; }
@media (max-width:1080px) {
  html body .site-header { position:sticky!important; top:0; background:#fbfcf8!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; transition:none!important; }
  html body .nav-shell { height:68px!important; }
  html body .nav-actions { display:none!important; }
  html body .nav-links { display:none!important; position:fixed!important; inset:68px 0 0!important; height:calc(100dvh - 68px)!important; background:#fbfcf8!important; overflow:auto!important; overscroll-behavior:contain; transform:none!important; transition:none!important; }
  html body.menu-open .nav-links { display:flex!important; flex-direction:column!important; align-items:stretch!important; padding:12px 24px 32px!important; gap:0!important; }
  html body .nav-links>a,html body .nav-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:58px; padding:16px 0!important; font-size:19px!important; text-align:start!important; border-bottom:1px solid #dce5dc; }
  html body .nav-group { width:100%; }
  html body .nav-group .mega { display:none!important; position:static!important; width:100%!important; margin:0!important; padding:8px 0 16px!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; transform:none!important; transition:none!important; opacity:1!important; visibility:visible!important; }
  html body .nav-group.open .mega { display:block!important; }
  html body .mega-intro,html body .mega-links small,html body .discover-links small { display:none!important; }
  html body .mega-links { display:grid!important; grid-template-columns:1fr!important; gap:0!important; }
  html body .mega-links a { min-height:46px; padding:12px 16px!important; border-radius:6px; }
  html body .mega-links span { font-size:16px!important; font-weight:500; }
  html body .discover-links>a { min-height:52px; }
  html body .nav-trigger span { transition:none; }
  html body .nav-group.open>.nav-trigger span { transform:rotate(180deg); }
  html body .menu-button { touch-action:manipulation; }
}
@media (max-width: 767px) {
  html body.home-page .taw-static-hero { padding:32px 20px 40px!important; background:#f4f8f2!important; }
  html body.home-page .taw-static-hero:before { display:none; }
  html body.home-page .taw-static-copy:has(.mobile-hero-lead)>.taw-static-eyebrow,
  html body.home-page .taw-static-copy:has(.mobile-hero-lead)>p:not(.mobile-hero-lead) { display:none!important; }
  html body.home-page .taw-static-copy>.mobile-hero-eyebrow { display:block; margin:0 0 20px; font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.06em; color:#227249; }
  html body.home-page .taw-static-copy>.mobile-hero-lead { display:block; margin:20px 0 0!important; font-size:16px!important; line-height:1.65!important; }
  html body.home-page .taw-static-trust .sovereignty-owner { display:none!important; }
  html body.home-page .taw-static-trust { margin-top:12px!important; }
  html body.home-page .home-device-bar { display:none!important; }
  html body.home-page .why-v2-grid { grid-auto-rows:auto!important; align-items:start!important; }
  body .section-shell { width:calc(100% - 40px)!important; max-width:640px!important; margin-inline:auto!important; }
  body :is(.product-story-hero,.product-story-block,.story-objections,.story-faq,.story-closing) { padding-block:56px!important; }
  body :is(.product-story-copy,.story-block-head) { min-width:0; }
  body :is(.product-story-copy h1,.story-block-head h2) { line-height:1.2!important; text-wrap:pretty!important; }
  body :is(.product-story-copy>p,.story-block-head>p) { font-size:16px!important; line-height:1.7!important; }
  body .button { min-height:48px; white-space:normal; text-align:center; }
  body .discover-links small { display:none; }
  body .discover-links>a { min-height:56px; }
  body footer { padding-inline:20px; }
  body .footer-top { gap:24px; }
  body .footer-grid { gap:28px 20px; }
  body .footer-word { font-size:clamp(64px,18vw,130px); }

  .home-page .taw-static-hero { padding:40px 20px 48px; min-height:0; background:#f3f8f1; }
  .home-page .taw-static-shell { display:grid; grid-template-columns:minmax(0,1fr); gap:36px; min-height:0; }
  .home-page .taw-static-eyebrow { font-size:10px; line-height:1.6; letter-spacing:.08em; max-width:32ch; margin-bottom:20px; text-wrap:pretty; }
  .home-page .taw-static-copy h1#taw-home-title { font-size:clamp(29px,7.8vw,44px)!important; line-height:1.16!important; letter-spacing:-.04em; white-space:normal!important; }
  .home-page .taw-static-copy h1#taw-home-title :is(span,em) { white-space:normal!important; }
  html[lang="ar"] .home-page .taw-static-copy h1#taw-home-title { letter-spacing:0; line-height:1.45!important; }
  .home-page .taw-static-copy>p { font-size:16px; line-height:1.7; margin-top:22px; }
  .home-page .taw-static-actions { display:flex; flex-direction:column; gap:8px; margin-top:24px; }
  .home-page .taw-static-actions .button { width:100%; min-height:50px; font-size:15px; }
  .home-page .taw-static-actions .button-ghost { background:transparent; border-color:transparent; box-shadow:none; }
  .home-page .taw-static-trust { margin-top:20px; gap:10px; }
  .home-page .taw-static-trust .sovereignty-badge { background:transparent; color:#234c38; border:0; box-shadow:none; padding:0; font-size:12px; }
  .home-page .sovereignty-badge svg { color:#087646; width:20px; }
  .home-page .sovereignty-owner { display:none; }
  .home-page .home-product-stage { display:flex; flex-direction:column; gap:16px; min-height:0!important; padding:16px; border:1px solid #d6e4d8; border-radius:18px; background:white; }
  .home-page .home-product-stage:before,.home-page .home-product-orbit,.home-page .home-phone-device,.home-page .home-reach-signal { display:none!important; }
  .home-page .home-product-tabs { position:static!important; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; width:100%; padding:0; }
  .home-page .home-product-tabs button { min-width:0; padding:10px 4px; min-height:44px; font-size:12px; justify-content:center; }
  .home-page .home-product-tabs button>span { display:none; }
  .home-page .home-dashboard-device { position:static!important; width:100%!important; transform:none!important; border-radius:8px; box-shadow:none; }
  .home-page .home-dashboard-device>img { width:100%; height:auto; max-height:none; transform:none!important; }
  .home-page .home-product-caption { position:static!important; width:100%!important; padding:0!important; border:0; background:transparent; box-shadow:none; transform:none!important; }
  .home-page .home-product-caption strong { font-size:17px; line-height:1.4; color:#0b3024; }
  .home-page .home-product-caption p { font-size:14px; line-height:1.6; color:#405c50; }
  .home-page .proof-highlights .proof-track>div { padding:20px 14px; }
  .home-page .proof-highlights .proof-track strong { font-size:16px; }
  .home-page .proof-highlights .proof-track span { font-size:13px; line-height:1.5; }
  .home-page :is(.home-problem,.why-v2,.dashboard-v3,.home-app-showcase,.metric-lab,.home-security,.home-company,.faq-section,.closing) { padding-block:56px!important; }
  .home-page main section h2 { font-size:30px!important; line-height:1.2!important; letter-spacing:-.025em; text-wrap:pretty!important; }
  html[lang="ar"] .home-page main section h2 { letter-spacing:0; line-height:1.5!important; }
  .home-page :is(.home-section-intro,.why-v2-intro,.dashboard-v3-head,.app-intro-v2) { gap:18px!important; margin-bottom:28px; }
  .home-page :is(.home-section-intro,.why-v2-intro,.dashboard-v3-head,.app-intro-v2,.security-message,.company-band-copy) p { font-size:16px!important; line-height:1.7!important; }
  .home-page .why-v2-grid { gap:0; }
  .home-page .why-v2-grid article:nth-child(n) { min-height:0; padding:24px 0; border:0; border-bottom:1px solid #cdded1; border-radius:0; box-shadow:none; background:transparent; color:#123e2c; transform:none; }
  .home-page .why-v2-grid article:nth-child(n) :is(h3,p) { color:#123e2c; }
  .home-page .why-v2-grid h3 { font-size:21px; line-height:1.35; }
  .home-page .why-v2-grid p { font-size:16px; line-height:1.65; }
  .home-page .why-v2-grid article:before,.home-page .why-v2-grid article:after { display:none; }
  .home-page .dashboard-v3-console { padding:0; border:0; background:transparent; box-shadow:none; }
  .home-page .dashboard-v3-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; overflow:visible; padding:0; margin-bottom:20px; }
  .home-page .dashboard-v3-tabs button { width:100%; min-width:0; min-height:48px; padding:10px; flex-direction:row; justify-content:flex-start; }
  .home-page .dashboard-v3-detail { padding:20px; }
  .home-page .app-canvas { display:flex; flex-direction:column; gap:24px; padding:0; border:0; background:transparent; box-shadow:none; }
  .home-page .app-dock { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:0; border:0; background:transparent; }
  .home-page .app-dock button,.home-page .app-dock button.active { display:flex; min-width:0; min-height:48px; padding:12px; gap:6px; }
  .home-page .app-dock button :is(small,i),.home-page .app-dock button>span { display:none!important; }
  .home-page .app-dock button b { font-size:14px; }
  .home-page .app-phone-stage { min-height:0; padding:24px; background:#e4f1e5; }
  .home-page .app-phone { width:190px; }
  .home-page :is(.app-orbit,.app-notification) { display:none; }
  .home-page .app-detail { padding:0; border:0; background:transparent; }
  .home-page .app-detail h3 { font-size:27px; line-height:1.25; }
  .home-page .app-detail>p { font-size:16px; line-height:1.7; }
  .home-page .security-board { padding:0; gap:30px; border:0; box-shadow:none; background:transparent; }
  .home-page .security-controls { gap:0; }
  .home-page .security-controls article { padding:20px 0; border:0; border-bottom:1px solid #cdded1; background:transparent; }
  .home-page .security-controls article p { font-size:15px; line-height:1.65; }
  .home-page .company-band { padding:24px; border-radius:18px; }
  .home-page .company-band-stats { gap:20px; }
  .home-page .company-band-stats article { padding:16px 0; }
  .home-page .faq-item>button { padding-block:20px; font-size:17px; line-height:1.5; }
  .home-page .closing-orbit { display:none; }
  .home-page .closing .hero-actions { display:flex; flex-direction:column; }
}


/* /home-narrative.css */
/* Shared homepage narrative, including RTL. Hero and compact proof strip retain their layout. */
.home-page main > section:not(.taw-static-hero):not(.proof):not(.home-transition) {
  padding-block: 64px !important;
}
.home-page main > .home-transition {
  width: 100%;
  max-width: 100% !important;
  margin: 0;
  padding: 40px 16px;
  box-sizing: border-box;
  background: #bbf75e;
  color: #020617;
  border-block: 1px solid rgba(0, 0, 0, .1);
  border-inline: 0;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}
.home-page .home-transition > .section-shell { width: 100% !important; max-width: 1152px !important; margin: 0 auto; padding: 0; }
.home-page .home-transition h2 {
  text-align: center !important;
  display: block;
  margin: 0 0 12px;
  color: #020617;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.home-page .home-transition h2 > span { display: inline; }
.home-page .home-transition h2 > span::after { content: ' '; }
.home-page .home-transition mark {
  display: inline;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  font: inherit;
}
.home-page .home-transition p {
  text-align: center !important;
  max-width: none;
  margin: 0 auto;
  color: #020617;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.625;
}
html[dir="rtl"] .home-transition h2 { letter-spacing: normal; }
html[dir="rtl"] body.home-page main .home-transition h2,
html[dir="rtl"] body.home-page main .home-transition p { text-align: center !important; }
html body.home-page main .home-transition #home-transition-title {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
}
@media (min-width: 640px) {
  .home-page main > section:not(.taw-static-hero):not(.proof):not(.home-transition) { padding-block: 96px !important; }
  .home-page main > .home-transition { padding-block: 48px; }
  .home-page .home-transition h2 { font-size: 34px; }
  .home-page .home-transition p { font-size: 18px; }
}
@media (min-width: 1024px) {
  .home-page .home-transition h2 { font-size: 40px; }
  .home-page .home-transition p { font-size: clamp(17px, 1.4vw, 20px); }
  html body.home-page main .home-transition :is(h2, p) { white-space: nowrap !important; text-wrap: nowrap !important; }
}


/* /mobile-compact.css */
/* Scoped to the homepage and product routes. Desktop layouts remain unchanged. */
@media (max-width: 767px) {
  html body[data-mobile-optimized] #app main > section,
  html body[data-mobile-optimized] #app main .mobile-reading-section { padding-block:40px !important; min-height:0 !important; }
  html body[data-mobile-optimized] #app main h1,
  html body[data-mobile-optimized] #app main h1#taw-home-title { font-size:28px !important; line-height:1.375 !important; white-space:normal !important; text-wrap:balance !important; }
  html body[data-mobile-optimized] #app main h2 { font-size:24px !important; line-height:1.375 !important; text-wrap:balance !important; }
  html body[data-mobile-optimized] #app main .home-transition h2 { font-size:28px !important; }
  html[lang="ar"] body[data-mobile-optimized] #app main :is(h1,h2) { letter-spacing:0 !important; line-height:1.5 !important; }
  html body[data-mobile-optimized] #app .mobile-reading-panel { margin-block-start:20px !important; }
  html body[data-mobile-optimized] #app :is(.hero-actions,.sx-actions,.c9-actions,.cv-actions,.ep-actions,.fr-actions,.lb-actions,.sv-actions,.security-actions) { display:flex !important; flex-wrap:wrap; gap:10px; }
  html body[data-mobile-optimized] #app main .button { min-height:44px; justify-content:center; text-align:center; }
  html body[data-mobile-optimized] #app main button { min-height:44px; }
  html body[data-mobile-optimized] #app :is(.hero-actions,.sx-actions,.c9-actions,.cv-actions,.ep-actions,.fr-actions,.lb-actions,.sv-actions,.security-actions) > a { width:100%; }
  /* Original hero copy and proof stay visible; no alternate shortened lead. */
  html body[data-mobile-optimized] #app .taw-static-copy > :is(.taw-static-eyebrow,p:not(.mobile-hero-lead)),
  html body[data-mobile-optimized] #app .sovereignty-owner { display:block !important; }
  html body[data-mobile-optimized] #app :is(.story-hero-proof,.c9-trust,.cv-trust) { display:flex !important; flex-wrap:wrap; gap:12px; margin-top:20px; }
  html body[data-mobile-optimized] #app :is(.proof-track,.company-band-stats,.metric-tabs,.sx-proof-strip,.ep-proof-band) { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; width:100%; }
  html body[data-mobile-optimized] #app :is(.proof-track,.company-band-stats,.metric-tabs,.sx-proof-strip,.ep-proof-band) > * { min-width:0 !important; min-height:0 !important; width:auto !important; padding:14px !important; border-radius:12px; }
  html body[data-mobile-optimized] #app .proof-track { padding-inline:16px; box-sizing:border-box; }
  html body[data-mobile-optimized] #app .company-band-stats strong { font-size:28px !important; }
  html body[data-mobile-optimized] #app :is(.dashboard-proof-band > .section-shell,.sv-app-stats,.adoption-stats) { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  html body[data-mobile-optimized] #app :is(.dashboard-proof-band > .section-shell,.sv-app-stats,.adoption-stats) > * { min-width:0 !important; min-height:0 !important; padding:14px !important; }
  html body[data-mobile-optimized] #app .dashboard-proof-band strong { font-size:26px !important; overflow-wrap:anywhere; }
  /* A visible next-card edge and native scrollbar make swiping discoverable. */
  html body[data-mobile-optimized] #app :is(.story-card-grid,.screening-pipeline,.story-objection-grid,.sx-objection-grid,.cv-six-grid,.cv-proof-grid,.ep-problem-grid,.fr-pillar-grid,.lb-feature-grid,.sv-app-problem-grid,.sv-app-feed-grid,.security-controls,.c9-consequences,.c9-feature-mosaic) {
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:stretch !important; justify-content:flex-start !important;
    width:100% !important; max-width:100% !important; min-width:0 !important; gap:16px !important;
    overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x mandatory; scroll-padding-inline:2px;
    overscroll-behavior-inline:contain; padding:2px 2px 16px !important; box-sizing:border-box; scrollbar-width:thin;
  }
  html body[data-mobile-optimized] #app :is(.story-card-grid,.screening-pipeline,.story-objection-grid,.sx-objection-grid,.cv-six-grid,.cv-proof-grid,.ep-problem-grid,.fr-pillar-grid,.lb-feature-grid,.sv-app-problem-grid,.sv-app-feed-grid,.security-controls,.c9-consequences,.c9-feature-mosaic) > * {
    flex:0 0 86% !important; width:86% !important; max-width:none !important; min-width:0 !important; height:auto !important; min-height:0 !important;
    position:relative !important; inset:auto !important; transform:none !important; margin:0 !important; padding:20px !important; box-sizing:border-box; scroll-snap-align:start;
  }
  html body[data-mobile-optimized] #app .screening-pipeline::before { content:none; }
  html body[data-mobile-optimized] #app [data-mobile-swipe]:focus-visible { outline:3px solid #087a49; outline-offset:4px; }
  html body[data-mobile-optimized] #app .dashboard-v3-console { display:flex; flex-direction:column; }
  html body[data-mobile-optimized] #app .dashboard-v3-detail { order:1; width:100%; max-width:384px; margin:0 auto 20px; border:1px solid #cfdfd4; border-radius:12px; box-shadow:0 12px 28px #092e2412; }
  html body[data-mobile-optimized] #app .dashboard-v3-stage { order:2; min-width:0; }
  /* Show readable detail of the real screen, with the rest reachable by touch. */
  html body[data-mobile-optimized] #app :is(.dashboard-v3-browser,.product-story-screen) { width:100% !important; max-width:384px !important; margin-inline:auto !important; min-height:0 !important; transform:none !important; clip-path:none !important; overflow:auto !important; border-radius:12px !important; }
  html body[data-mobile-optimized] #app :is(.dashboard-v3-browser,.product-story-screen) > img { display:block !important; width:680px !important; min-width:680px !important; max-width:none !important; height:auto !important; max-height:none !important; transform:none !important; }
  html body[data-mobile-optimized] #app .product-story-hero-visual { display:block !important; min-height:0 !important; margin-top:24px; }
  html body[data-mobile-optimized] #app .product-story-screen .screen-signal { display:flex !important; position:static !important; inset:auto !important; height:auto !important; min-height:44px; width:max-content !important; max-width:100% !important; margin:8px 0 !important; transform:none !important; white-space:normal !important; }
  html body[data-mobile-optimized] #app .product-story-hero-visual > :not(.product-story-screen) { position:relative !important; inset:auto !important; transform:none !important; max-width:100% !important; margin-block:12px; }
  html body[data-mobile-optimized] #app :is(.dashboard-v3-tabs,.app-dock) { display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start !important; overflow-x:auto !important; scroll-snap-type:x proximity; gap:8px !important; padding-bottom:12px !important; }
  html body[data-mobile-optimized] #app :is(.dashboard-v3-tabs,.app-dock) > button { flex:0 0 auto; width:auto !important; min-height:44px !important; scroll-snap-align:start; }
  html body[data-mobile-optimized] #app .app-dock button small { display:block !important; white-space:normal; }
  html body[data-mobile-optimized] #app .app-dock button { max-width:230px; }
  @media (min-width:640px) {
    html body[data-mobile-optimized] #app main > section { padding-block:48px !important; }
    html body[data-mobile-optimized] #app main h1 { font-size:30px !important; }
    html body[data-mobile-optimized] #app :is(.hero-actions,.sx-actions,.c9-actions,.cv-actions,.ep-actions,.fr-actions,.lb-actions,.sv-actions,.security-actions) > a { width:auto; }
  }
}


/* /navigation-mega.css */
/* Opaque product navigation, isolated above every page's content. */
html body #app>.site-header{z-index:10000!important;overflow:visible!important;background:#fff!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;transform:none!important}
html body #app>main{isolation:isolate}
html body .site-header .nav-shell{position:relative;overflow:visible}
html body .site-header .tw-mega{box-sizing:border-box;z-index:999!important;background:#fff!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #dce6e0!important;border-radius:20px!important;padding:18px!important;box-shadow:0 24px 60px -12px #0b302b30,0 0 0 1px #00000004!important;display:grid!important;grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr)!important;gap:18px!important;direction:ltr;max-height:calc(100dvh - 125px);overscroll-behavior:contain}
html body .site-header .tw-mega *{box-sizing:border-box}
html body .site-header .tw-mega .mega-intro{display:flex!important;flex-direction:column;align-items:flex-start;gap:0;padding:25px!important;border:1px solid #d9eadf;border-radius:14px;background:linear-gradient(135deg,#f0faf3,#e8f5ec)!important;text-align:start;min-width:0}
html body .site-header .tw-mega .mega-feature-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c9e4d3;border-radius:12px;background:#fff;color:#148452;margin-bottom:24px}
html body .site-header .tw-mega svg{width:22px;height:22px;display:block}
html body .site-header .tw-mega .mega-intro>b{font-family:inherit;font-size:22px!important;line-height:1.3;font-weight:700;letter-spacing:-.025em;color:#143b2d}
html body .site-header .tw-mega .mega-intro p{margin:12px 0 25px!important;font-size:14px!important;line-height:1.7!important;color:#577065;font-weight:400}
html body .site-header .tw-mega .mega-explore{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;max-width:100%;padding:12px 16px;border-radius:999px;background:#08764f;color:#fff;font-size:13px!important;font-weight:700;line-height:1.5;text-decoration:none;white-space:normal;transition:background .18s}
html body .site-header .tw-mega .mega-explore:hover{background:#075c40}
html body .site-header .tw-mega .mega-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:center;gap:6px!important;min-width:0}
html body .site-header .tw-mega .mega-links>a{display:grid!important;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:3px 11px;min-height:83px;padding:12px!important;border:1px solid transparent;border-radius:12px;text-align:start;white-space:normal;transition:background .18s,border-color .18s;color:#153a2d}
html body .site-header .tw-mega .mega-links>a:hover{background:#f2f8f4;border-color:#e2eee5;color:#08764f;transform:none}
html body .site-header .tw-mega .mega-module-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf6f0;color:#18865a;font-style:normal}
html body .site-header .tw-mega .mega-links a>span{font-size:14px!important;line-height:1.45;font-weight:700;letter-spacing:0}
html body .site-header .tw-mega .mega-links a>small{display:block!important;grid-column:2;margin:0;font-size:12px!important;line-height:1.5;color:#698075;font-weight:400}
html body .site-header .tw-mega a:focus-visible{outline:2px solid #159265;outline-offset:2px}
html[lang="ar"] body .site-header .tw-mega{direction:rtl}
html[lang="ar"] body .site-header .tw-mega .mega-intro>b{letter-spacing:0;line-height:1.6}
html[lang="ar"] body .site-header .tw-mega .mega-links a>span{line-height:1.7}
@media(min-width:1081px){
 html body .site-header .nav-group:has(.tw-mega){position:static!important}
 html body .site-header .tw-mega{position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;right:auto!important;width:min(940px,calc(100vw - 48px))!important;margin:0!important;visibility:hidden!important;pointer-events:none;transform:translateX(-50%)!important;transition:none!important}
 html body .site-header .tw-mega:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
 html body .site-header .nav-group.open>.tw-mega{visibility:visible!important;pointer-events:auto}
 html body .site-header .nav-group:not(.open)>.discover-menu{visibility:hidden;opacity:0;pointer-events:none}
 html body .site-header .nav-group.open>.discover-menu{visibility:visible;opacity:1;pointer-events:auto;background:#fff}
}
@media(max-width:1080px){
 html body .site-header .nav-links{background:#fff!important}
 html body .site-header .nav-group>.tw-mega{display:none!important;position:static!important;width:100%!important;max-height:none;margin:6px 0 16px!important;transform:none!important;visibility:visible!important;grid-template-columns:1fr!important;box-shadow:0 8px 20px -12px #123d2920!important;gap:14px!important;padding:12px!important}
 html body .site-header .nav-group.open>.tw-mega{display:grid!important}
 html body .site-header .tw-mega .mega-intro{padding:20px!important}
 html body .site-header .tw-mega .mega-feature-icon{display:none}
 html body .site-header .tw-mega .mega-intro>b{font-size:19px!important}
 html body .site-header .tw-mega .mega-intro p{margin:7px 0 15px!important}
 html body .site-header .tw-mega .mega-links>a{min-height:76px;padding:10px!important}
}
@media(max-width:560px){html body .site-header .tw-mega .mega-links{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html body .site-header .tw-mega a{transition:none!important}}
/* Override the legacy mobile rule that explicitly made dropdowns transparent. */
html body #app .site-header .nav-group>.tw-mega{background:#fff!important;opacity:1!important}


/* /demo-modal.css */
/* Scoped conversion controls; homepage editorial content is untouched. */
.td-form,.td-dialog,.td-mobile-bar{font-family:var(--sans,Arial,sans-serif);color:#123d32;box-sizing:border-box}
.td-form[lang=ar],.td-dialog[lang=ar],.td-mobile-bar[lang=ar]{font-family:"Tajawal",var(--sans,Arial,sans-serif)}
.td-form *,.td-dialog *,.td-mobile-bar *{box-sizing:border-box}
.td-form .contact-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.td-dialog{border:1px solid #d6e6dc;border-radius:24px;padding:0;width:min(580px,calc(100vw - 32px));max-width:580px;max-height:calc(100dvh - 32px);background:#fff;box-shadow:0 24px 100px #05291f40;margin:auto;overflow:auto;overscroll-behavior:contain}
.td-dialog::backdrop{background:#082d26a6;backdrop-filter:blur(4px)}
.td-dialog:not([open]){display:none}
.td-close-row{display:flex;justify-content:flex-end;padding:8px 12px 0;position:sticky;top:0;background:#fff;z-index:2}
.td-close{border:1px solid #d6e6dc;border-radius:50%;width:44px;height:44px;background:#f4f9f5;color:#123d32;font-size:26px;cursor:pointer;display:grid;place-items:center}
.td-form{margin:0;background:#fff;border:1px solid #d6e6dc;border-radius:22px;padding:28px;min-width:0;width:100%;text-align:start}
.td-dialog .td-form{border:0;padding-top:4px}
.td-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:#08794c}
.td-form h2{font-family:inherit!important;font-size:28px!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:9px 0 12px!important;color:#123d32!important}
.td-form header>p{font-size:15px;line-height:1.6;margin:0 0 10px;color:#48635b}
.td-form header>small{font-size:12px;color:#48635b}
.td-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.td-fields label{display:block;font-size:13px;font-weight:600;line-height:1.5;min-width:0}
.td-fields input{display:block;width:100%;height:46px;border:1px solid #b9cec2;border-radius:9px;background:#f8fbf9;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;color:#123d32;margin-top:6px;box-shadow:none}
.td-fields input[dir=ltr]{text-align:left}
.td-form :focus-visible,.td-dialog :focus-visible,.td-mobile-bar :focus-visible{outline:3px solid #158452;outline-offset:3px}
.td-fields input[aria-invalid=true]{border-color:#b43e2d;background:#fff8f5}
.td-field-error{display:block;color:#a33123;font-size:12px;font-weight:400;margin-top:4px}
.td-field-error:empty{display:none}
.td-modules{margin:0 0 18px;padding:0;border:0;min-width:0}
.td-modules legend{padding:0;font-size:13px;font-weight:700;margin-bottom:10px}
.td-core{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #b6d9c6;border-radius:10px;background:#edf8f1}
.td-core>span{color:#08794c;font-size:20px}.td-core strong{font-size:14px}.td-core small{margin-inline-start:auto;color:#15603d;font-size:11px;white-space:nowrap}
.td-form .td-base-note,.td-form .td-hint{font-size:12px;line-height:1.6;color:#48635b;margin:8px 0}
.td-addons-toggle{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #c6dace;border-radius:10px;width:100%;min-height:46px;padding:10px 12px;background:#fff;color:#14583e;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;text-align:start;cursor:pointer}
.td-addons-toggle>span{font-size:20px;flex-shrink:0}
.td-addon-options{padding:8px 0}.td-addon-options label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:1.5;padding:8px;border-radius:8px;cursor:pointer}.td-addon-options label:hover{background:#f1f8f3}.td-addon-options input{width:20px;height:20px;flex:0 0 20px;accent-color:#07864f;margin:0}
.td-selection{font-size:12px;color:#08794c;margin:6px 0}.td-selection:empty{display:none}
.td-submit{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;border:0;border-radius:10px;background:#087e4c;color:white;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.5;cursor:pointer}
.td-submit:hover{background:#06693f}.td-submit:disabled{opacity:.7;cursor:wait}
.td-form .td-micro{font-size:12px;line-height:1.7;color:#3c5d50;text-align:center;margin:12px 0 8px}
.td-form .td-privacy{font-size:11px;line-height:1.6;color:#536c61;text-align:center;margin:0}.td-privacy a{color:#12613f;text-decoration:underline}
.td-status{font-size:14px;line-height:1.65;padding:12px;border-radius:10px;background:#fff4ec;color:#87351b;margin:16px 0 0;overflow-wrap:anywhere}.td-status:empty{display:none}
.td-success{text-align:center;padding:24px 0}.td-success>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e1f5e8;color:#087e4c;font-size:28px;margin:0 auto 20px}.td-success p{font-size:16px;line-height:1.7;color:#48635b}.td-success button{border:1px solid #b6d9c6;border-radius:8px;background:white;color:#14583e;min-height:44px;padding:10px 15px;font:inherit;cursor:pointer}
.td-form [hidden],.td-dialog [hidden],.td-mobile-bar[hidden]{display:none!important}
.td-call-content{padding:8px 28px 28px}.td-call-content h2{font:700 25px/1.3 var(--sans,Arial,sans-serif);margin:0 0 20px}.td-call-content a{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:60px;padding:12px 0;border-bottom:1px solid #d6e6dc;color:#14583e;text-decoration:none}.td-call-content a span{font-size:15px}.td-call-content b{direction:ltr;font-size:16px;white-space:nowrap}
.td-scroll-lock{overflow:hidden!important}
@media(max-width:767px){
 .td-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.td-form{padding:22px 18px}.td-dialog .td-form{padding:4px 20px 22px}.td-fields{grid-template-columns:1fr;gap:12px;margin:16px 0}.td-form h2{font-size:25px!important}.td-form[lang=ar] h2{letter-spacing:0!important;line-height:1.5!important}
 .td-dialog .td-fields{gap:9px;margin:12px 0}.td-dialog .td-fields input{height:44px;margin-top:4px}.td-dialog .td-fields label{font-size:12px;line-height:1.4}.td-dialog .td-hint{display:none}.td-dialog header>p{font-size:14px;line-height:1.5}.td-dialog .td-form h2{margin:7px 0 9px!important}
 .dm-hero-grid{display:flex!important;flex-direction:column!important;gap:24px!important}.dm-hero-grid>.td-form{order:-1}.dm-hero-grid>.dm-intro{width:100%}
 .cu-form .cu-fields{grid-template-columns:1fr!important}.cu-form .cu-fields>label{grid-column:auto!important}
 .td-call-content{padding-inline:18px}.td-call-content a{flex-wrap:wrap;gap:6px}
}
@media(prefers-reduced-motion:reduce){.td-dialog *{scroll-behavior:auto!important;transition:none!important}}


/* /assets/fonts/fonts-9cdab44a.css */
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/b040ead9034d62ba.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/39818998ec5dbccc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/3e770239ce6e57cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/060eccf9c647a014.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/b040ead9034d62ba.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/39818998ec5dbccc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/3e770239ce6e57cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/060eccf9c647a014.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/b040ead9034d62ba.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/39818998ec5dbccc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/3e770239ce6e57cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/060eccf9c647a014.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/b040ead9034d62ba.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/39818998ec5dbccc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/3e770239ce6e57cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/060eccf9c647a014.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/41f1e64ff8dbfd64.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/3a67cf2b96d068f8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/e613bad269e158ab.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/686b114874710936.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/d0c935d94fc74ce0.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dcc9886568f2342d.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/e493f5fa912cdecf.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/689a46e3c1cad404.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/50d246d60cbee4fd.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/468493a3b9dd5289.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/0930d8c09d9997dc.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/632518d8547284aa.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/bf43e79904fc533e.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/ce013ebebfbf3227.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/238ad63b7ac80140.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/6f58c7351ca14ecf.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* /site-footer.css */
/* Canonical footer typography, independent of the surrounding page template. */
html body #app footer.site-footer-v3{font:400 17px/1.6 "DM Sans",Arial,sans-serif;letter-spacing:-.005em;text-align:start;margin:0;width:100%;max-width:none;float:none;box-sizing:border-box}
html body #app footer.site-footer-v3 *{box-sizing:border-box;font-family:"DM Sans",Arial,sans-serif!important}
html body #app footer.site-footer-v3 :is(a,p,span,small,strong,b){text-transform:none}
html body #app footer.site-footer-v3 a{text-decoration:none}
html body #app footer.site-footer-v3 p{font-weight:400}
html body #app footer.site-footer-v3 .sf3-links a{font-weight:400}
html body #app footer.site-footer-v3 .sf3-invite strong{font-family:"Space Grotesk","DM Sans",sans-serif!important;font-weight:700}
html body #app footer.site-footer-v3[lang="ar"],html body #app footer.site-footer-v3[lang="ar"] *{font-family:"IBM Plex Sans Arabic",sans-serif!important;letter-spacing:normal}
html body #app footer.site-footer-v3[lang="ar"] .sf3-links a{font-weight:500;line-height:1.3}
html body #app .site-footer-v3{position:relative;padding:0;background:#063326;color:#fff;border-top:1px solid #20c96d;overflow:hidden}html body #app .site-footer-v3:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0,rgba(185,240,101,.1),transparent 31%),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,72px 100%;pointer-events:none}html body #app .site-footer-v3 .sf3-shell{position:relative;width:min(1180px,calc(100vw - 48px));margin:auto;padding:48px 0 22px}html body #app .site-footer-v3 .sf3-top{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr);gap:80px;align-items:center}html body #app .site-footer-v3 .sf3-brand img{width:112px;height:auto;filter:brightness(0) invert(1)}html body #app .site-footer-v3 .sf3-brand p{max-width:450px;margin:18px 0 0;color:#a8c4b8;font-size:17px;line-height:1.65}html body #app .site-footer-v3 .sf3-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding-inline-start:28px;border-inline-start:1px solid rgba(185,240,101,.3)}html body #app .site-footer-v3 .sf3-invite>span{grid-column:1;color:#b9f065;font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}html body #app .site-footer-v3 .sf3-invite>span i{display:inline-block;width:6px;height:6px;margin-inline-end:8px;border-radius:50%;background:#b9f065;box-shadow:0 0 0 5px rgba(185,240,101,.1)}html body #app .site-footer-v3 .sf3-invite strong{max-width:560px;font-family:"Space Grotesk","DM Sans",sans-serif;font-size:clamp(28px,2.6vw,38px);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}html body #app .site-footer-v3 .sf3-invite>a{grid-column:2;grid-row:1/3;min-width:174px;min-height:50px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:12px 12px 4px 12px;background:#b9f065;color:#073728;font-size:14px;font-weight:800;box-shadow:0 15px 34px rgba(0,20,12,.24);transition:.2s}html body #app .site-footer-v3 .sf3-invite>a:hover{transform:translateY(-2px);background:#ccff7f}html body #app .site-footer-v3 .sf3-invite b{font-size:16px}html body #app .site-footer-v3 .sf3-rule{height:1px;margin:40px 0;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(185,240,101,.42),rgba(255,255,255,.08))}html body #app .site-footer-v3 .sf3-middle{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px}html body #app .site-footer-v3 .sf3-links{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}html body #app .site-footer-v3 .sf3-links>div{display:flex;flex-direction:column;gap:9px}html body #app .site-footer-v3 .sf3-links strong,html body #app .site-footer-v3 .sf3-contact>span{margin-bottom:7px;color:#b9f065;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}html body #app .site-footer-v3 .sf3-links a{width:max-content;max-width:100%;color:#d1e1da;font-size:14px;line-height:1.5;transition:.18s}html body #app .site-footer-v3 .sf3-links a:hover{color:#b9f065;transform:translateX(3px)}html body #app .site-footer-v3 .sf3-contact{padding-inline-start:28px;border-inline-start:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:flex-start;gap:8px}html body #app .site-footer-v3 .sf3-contact>a[dir]{color:#fff;font-size:14px;font-weight:700}html body #app .site-footer-v3 .sf3-contact p{margin:0;color:#86a699;font-size:17px}html body #app .site-footer-v3 .sf3-talk{margin-top:9px;color:#b9f065;font-size:14px;font-weight:800}html body #app .site-footer-v3 .sf3-talk b{margin-inline-start:12px}html body #app .site-footer-v3 .sf3-trust{margin-top:38px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}html body #app .site-footer-v3 .sf3-trust>div{display:flex;flex-wrap:wrap;gap:18px}html body #app .site-footer-v3 .sf3-trust span{display:flex;align-items:center;gap:7px;color:#b6ccc2;font-size:14px;font-weight:700}html body #app .site-footer-v3 .sf3-trust i{width:5px;height:5px;border-radius:50%;background:#b9f065}html body #app .site-footer-v3 .sf3-trust small{color:#789b8c;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}html body #app .site-footer-v3 .sf3-bottom{padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#759789;font-size:14px}html body #app .site-footer-v3 .sf3-bottom>div{display:flex;gap:20px}html body #app .site-footer-v3 .sf3-bottom a{color:#9db8ad}html body #app .site-footer-v3 .sf3-bottom a:hover{color:#b9f065}html[dir="rtl"] body #app .site-footer-v3 .sf3-invite strong{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;line-height:1.25}html[dir="rtl"] body #app .site-footer-v3 .sf3-invite>span,html[dir="rtl"] body #app .site-footer-v3 .sf3-links strong,html[dir="rtl"] body #app .site-footer-v3 .sf3-contact>span{letter-spacing:0}html[dir="rtl"] body #app .site-footer-v3 .sf3-links a:hover{transform:translateX(-3px)}html[dir="rtl"] body #app .site-footer-v3 .sf3-invite>a{border-radius:12px 12px 12px 4px}
@media(max-width:850px){html body #app .site-footer-v3 .sf3-top{grid-template-columns:1fr;gap:34px}html body #app .site-footer-v3 .sf3-invite{padding-inline-start:0;border:0}html body #app .site-footer-v3 .sf3-middle{grid-template-columns:1fr;gap:36px}html body #app .site-footer-v3 .sf3-contact{padding:24px 0 0;border-inline-start:0;border-top:1px solid rgba(255,255,255,.1)}}
@media(max-width:600px){html body #app .site-footer-v3 .sf3-shell{width:calc(100vw - 32px);padding:38px 0 19px}html body #app .site-footer-v3 .sf3-brand p{font-size:17px}html body #app .site-footer-v3 .sf3-invite{display:flex;align-items:flex-start;flex-direction:column;gap:13px}html body #app .site-footer-v3 .sf3-invite strong{font-size:30px}html body #app .site-footer-v3 .sf3-invite>a{width:100%;margin-top:5px}html body #app .site-footer-v3 .sf3-rule{margin:34px 0}html body #app .site-footer-v3 .sf3-links{grid-template-columns:1fr 1fr;gap:31px 24px}html body #app .site-footer-v3 .sf3-contact{padding-top:25px}html body #app .site-footer-v3 .sf3-trust{align-items:flex-start;flex-direction:column;gap:16px}html body #app .site-footer-v3 .sf3-trust>div{gap:10px 16px}html body #app .site-footer-v3 .sf3-bottom{align-items:flex-start;flex-direction:column-reverse}html body #app .site-footer-v3 .sf3-bottom>div{gap:17px}}


html body #app .site-footer-v3 :is(.sf3-trust,.sf3-bottom){flex-wrap:wrap}
html body #app .site-footer-v3 :is(.sf3-contact p,.sf3-bottom,.sf3-trust small){color:#b6ccc2}
html body #app .site-footer-v3 a:focus-visible{outline:2px solid #b9f065;outline-offset:5px}
html body #app .site-footer-v3 .sf3-contact>a[dir="ltr"]{direction:ltr!important;text-align:start!important}
@media(max-width:767px){
 html body #app .site-footer-v3 :is(.sf3-invite,.sf3-trust){display:none!important}
 html body #app .site-footer-v3 .sf3-rule{margin-block:24px!important}
 html body #app .site-footer-v3 :is(.sf3-middle,.sf3-top){gap:24px!important}
 html body #app .site-footer-v3 .sf3-brand p{font-size:15px!important;line-height:1.65!important}
}


/* /floating-cta.css */
.tw-floating{position:fixed;z-index:1000;inset-inline-end:24px;bottom:24px;display:flex;gap:8px;opacity:0;visibility:hidden;transform:translateY(16px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s;box-sizing:border-box;font-family:"DM Sans",Arial,sans-serif}
.tw-floating[dir=rtl]{inset-inline-end:auto;left:24px;right:auto;font-family:"IBM Plex Sans Arabic",sans-serif}
.tw-floating.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.tw-floating a{display:flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;min-height:52px;padding:14px 22px;border:1px solid #b9f065;border-radius:999px;background:#b9f065;color:#063326;font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;box-shadow:0 8px 28px #05291f38;cursor:pointer;text-align:center}
.tw-floating .tw-demo:hover{background:#d0ff8e}.tw-floating svg{width:21px;height:21px;flex-shrink:0}
.tw-floating a:focus-visible{outline:3px solid #087e4c;outline-offset:4px}
.tw-floating .tw-call{display:none}
@media(max-width:767px){
 .tw-floating,.tw-floating[dir=rtl]{inset-inline:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #c8ded1;box-shadow:0 -4px 20px #0a3d2810}
 .tw-floating a{border-radius:10px;min-height:48px;padding:9px 8px;font-size:13px;box-shadow:none;gap:6px}
 .tw-floating .tw-demo{background:#087e4c;color:#fff;border-color:#087e4c}.tw-floating .tw-demo:hover{background:#06693f}
 .tw-floating .tw-call{display:flex;background:#fff;color:#087e4c;border-color:#087e4c}
 .tw-floating svg{width:18px;height:18px}
 body.tw-has-space{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
}
@media(prefers-reduced-motion:reduce){.tw-floating{transition:none;transform:none}}
@media(max-width:359px){
 .tw-floating{grid-template-columns:minmax(0,1fr) 52px}
 .tw-floating .tw-call span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}


/* /site-consent.css */
#tawasol-consent{position:fixed;z-index:10020;bottom:16px;left:16px;right:16px;max-width:780px;margin:auto;padding:20px;background:#fff;color:#173d31;border:1px solid #749b8d;border-radius:14px;box-shadow:0 6px 30px #0003;font-family:inherit;max-height:80vh;overflow:auto}#tawasol-consent[hidden]{display:none!important}#tawasol-consent h2{font-size:20px;margin:0 0 10px}#tawasol-consent p{font-size:14px;line-height:1.6;margin:0 0 14px}#tawasol-consent>div{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#tawasol-consent button{font:inherit;font-size:14px;background:#eef5f1;color:#153b2d;border:1px solid #719184;border-radius:6px;padding:12px;cursor:pointer;min-height:44px}#tawasol-consent a{color:#174f3b;text-decoration:underline;font-size:14px}#tawasol-cookie-settings{position:fixed;bottom:8px;inset-inline-start:8px;z-index:1000;font:inherit;font-size:12px;border:1px solid #719184;background:#fff;color:#173d31;border-radius:5px;padding:8px;min-height:36px;cursor:pointer}#tawasol-consent button:focus-visible,#tawasol-cookie-settings:focus-visible{outline:3px solid #0a875d;outline-offset:3px}


/* Keep off-screen homepage sections available while deferring their layout and paint. */
@supports(content-visibility:auto){html[lang="ar"] body.home-page main>section:not(.taw-static-hero){content-visibility:auto;contain-intrinsic-size:auto 700px}html[lang="ar"] body.home-page .site-footer-v3{content-visibility:auto;contain-intrinsic-size:auto 680px}}