/* /erpex_saas_website/static/src/css/website.css */
 @font-face{font-family: "IBM Plex Sans Arabic"; src: url("/erpex_ai_theme/static/fonts/ibm-plex-sans-arabic-400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic"; src: url("/erpex_ai_theme/static/fonts/ibm-plex-sans-arabic-600.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic"; src: url("/erpex_ai_theme/static/fonts/ibm-plex-sans-arabic-700.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap;}:root{--bg: #f4f7f9; --surface: #fff; --surface-2: #f8fafb; --text: #0f2f3d; --muted: #5b7481; --border: #e1e8ec; --accent: #005777; --accent-hover: #00465f; --on-accent: #fff; --soft: #ebf2f5; --ring: rgba(0, 87, 119, .2); --teal: #00b8b1; --mint: #5fe0d9; --danger: #d63b4a; --danger-soft: #fdeef0; --ok: #00805f; --ok-soft: #e3f4ef; --warn: #a8530a; --warn-soft: #fdf0e3; --shadow: 0 12px 40px #0f2f3d14; --shadow-sm: 0 2px 10px #0f2f3d0d; --shadow-lg: 0 40px 120px -20px #0f2f3d40; --hero: radial-gradient(1200px 600px at 50% -10%, #0a6f86 0%, transparent 60%), linear-gradient(180deg, #032a3b 0%, #04202e 100%); --rail: linear-gradient(180deg, #07324a 0%, #052a3c 45%, #04202e 100%); --header: color-mix(in srgb, var(--surface) 84%, transparent); --font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif; color-scheme: light;}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #07161d; --surface: #0b212b; --surface-2: #0e2833; --text: #e7f3f5; --muted: #9cb3bc; --border: #1f3b47; --accent: #3fd0c9; --accent-hover: #6fe0da; --on-accent: #04202e; --soft: #133d44; --ring: rgba(63, 208, 201, .3); --danger: #ef6b76; --danger-soft: #3d1a20; --ok: #4fd1a5; --ok-soft: #0f3a33; --warn: #f2a65a; --warn-soft: #3a2a14; --shadow: 0 12px 40px #00000066; --shadow-sm: 0 2px 10px #00000040; --shadow-lg: 0 40px 120px -20px #000000a0; color-scheme: dark;}}:root[data-theme="dark"]{--bg: #07161d; --surface: #0b212b; --surface-2: #0e2833; --text: #e7f3f5; --muted: #9cb3bc; --border: #1f3b47; --accent: #3fd0c9; --accent-hover: #6fe0da; --on-accent: #04202e; --soft: #133d44; --ring: rgba(63, 208, 201, .3); --danger: #ef6b76; --danger-soft: #3d1a20; --ok: #4fd1a5; --ok-soft: #0f3a33; --warn: #f2a65a; --warn-soft: #3a2a14; --shadow: 0 12px 40px #00000066; --shadow-sm: 0 2px 10px #00000040; --shadow-lg: 0 40px 120px -20px #000000a0; color-scheme: dark;}*{box-sizing: border-box;}html{scroll-behavior: smooth; scroll-padding-top: 84px; -webkit-text-size-adjust: 100%; overflow-x: clip;}body{margin: 0; background: var(--bg); color: var(--text); font: 16px/1.75 var(--font); overflow-x: hidden; -webkit-font-smoothing: antialiased;}img, svg{display: block;}a{color: inherit;}h1, h2, h3, p, figure, blockquote{margin: 0;}button, input, textarea{font: inherit; color: inherit;}:is(a, button, input, textarea, summary, [tabindex]):focus-visible{outline: 2px solid var(--teal); outline-offset: 2px;}.i{width: 20px; height: 20px; fill: currentColor; flex: none;}[dir="rtl"] .i.flip{transform: scaleX(-1);}.wrap{width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: 24px;}.skip{position: absolute; inset-inline-start: 16px; top: -60px; z-index: 40; padding: 10px 16px; border-radius: 10px; background: var(--accent); color: var(--on-accent); text-decoration: none; font-weight: 600;}.skip:focus{top: 12px;}.ltr{direction: ltr; unicode-bidi: isolate;}.hl{background: linear-gradient(100deg, var(--accent) 0%, var(--teal) 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}.on-dark .hl{background-image: linear-gradient(100deg, #5fe0d9 0%, #9cf2ec 45%, #3fd0c9 100%);}.soon{display: inline-flex; align-items: center; gap: 4px; padding: 1px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; background: var(--warn-soft); color: var(--warn); vertical-align: middle; white-space: nowrap;}.btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding-inline: 22px; border: 1px solid transparent; border-radius: 12px; font-weight: 600; font-size: 15px; text-decoration: none; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s, transform .15s, box-shadow .15s;}.btn:active{transform: translateY(1px);}.btn-primary{background: var(--accent); color: var(--on-accent);}.btn-primary:hover{background: var(--accent-hover);}.btn-ghost{background: var(--surface); border-color: var(--border); color: var(--text);}.btn-ghost:hover{border-color: var(--accent); color: var(--accent);}.on-dark .btn-primary{background: linear-gradient(180deg, #6fe6df, #3fd0c9); color: #032a3b; box-shadow: 0 10px 30px -8px rgba(63, 208, 201, .6);}.on-dark .btn-primary:hover{background: linear-gradient(180deg, #8ff0ea, #5fe0d9);}.on-dark .btn-ghost{background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .24); color: #fff;}.on-dark .btn-ghost:hover{background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .6); color: #fff;}.btn .busy, .btn[aria-busy="true"] .send{display: none;}.btn[aria-busy="true"]{pointer-events: none; opacity: .85;}.btn[aria-busy="true"] .busy{display: block; animation: spin .8s linear infinite;}@keyframes spin{to{transform: rotate(360deg);}}.site-header{position: sticky; top: 0; z-index: 30; background: var(--header); border-bottom: 1px solid var(--border); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px);}.site-header .wrap{height: 68px; display: flex; align-items: center; gap: 28px;}.brand{display: flex; align-items: center; flex: none; border-radius: 8px;}.brand img{height: 34px; width: auto;}.brand .logo-dark{display: none;}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand .logo-light{display: none;}:root:not([data-theme="light"]) .brand .logo-dark{display: block;}}:root[data-theme="dark"] .brand .logo-light{display: none;}:root[data-theme="dark"] .brand .logo-dark{display: block;}.nav{display: flex; gap: 2px;}.nav a{display: inline-flex; align-items: center; min-height: 40px; padding-inline: 12px; border-radius: 10px; color: var(--muted); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap;}.nav a:hover{color: var(--text); background: var(--soft);}.nav a[aria-current="page"]{color: var(--accent); background: var(--soft); font-weight: 600;}.tools{margin-inline-start: auto; display: flex; align-items: center; gap: 8px;}.tool{display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px; padding-inline: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--muted); font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer;}.tool:hover{color: var(--accent); border-color: var(--accent);}.tool .sun{display: none;}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tool .sun{display: block;}:root:not([data-theme="light"]) .tool .moon{display: none;}}:root[data-theme="dark"] .tool .sun{display: block;}:root[data-theme="dark"] .tool .moon{display: none;}.tools .btn{min-height: 44px; padding-inline: 18px; font-size: 14px;}.menu-btn, .menu, .menu-btn .shut{display: none;}.menu-btn[aria-expanded="true"] .open{display: none;}.menu-btn[aria-expanded="true"] .shut{display: block;}.hero{position: relative; overflow: hidden; background: var(--hero); color: #fff; isolation: isolate; padding-top: 88px;}.hero::after{content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .14; background-image: linear-gradient(rgba(255, 255, 255, .45) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .45) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(60% 55% at 50% 30%, #000, transparent); -webkit-mask-image: radial-gradient(60% 55% at 50% 30%, #000, transparent);}.aurora{position: absolute; inset: -20% -10% auto; height: 120%; z-index: -2; pointer-events: none; filter: blur(60px); opacity: .7;}.aurora span{position: absolute; border-radius: 50%; mix-blend-mode: screen; animation: drift 18s ease-in-out infinite alternate;}.aurora span:nth-child(1){width: 520px; height: 520px; inset-inline-start: 8%; top: 4%; background: #00b8b1; opacity: .45;}.aurora span:nth-child(2){width: 600px; height: 600px; inset-inline-end: 4%; top: -6%; background: #0a6f86; opacity: .6; animation-duration: 22s;}.aurora span:nth-child(3){width: 380px; height: 380px; inset-inline-start: 42%; top: 22%; background: #5fe0d9; opacity: .22; animation-duration: 26s;}@keyframes drift{to{transform: translate3d(40px, 30px, 0) scale(1.08);}}.hero-copy{text-align: center; max-width: 900px; margin-inline: auto;}.kicker{display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding-inline: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, .92);}.kicker .badge{display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(95, 224, 217, .18); color: var(--mint);}.kicker .badge .i{width: 15px; height: 15px;}.hero h1{margin-top: 22px; font-size: 60px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; text-wrap: balance;}.hero .lead{margin: 22px auto 0; max-width: 40em; font-size: 20px; line-height: 1.8; color: rgba(255, 255, 255, .8); text-wrap: pretty;}.hero .actions{margin-top: 34px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;}.hero .btn{min-height: 52px; padding-inline: 26px; font-size: 16px;}.proof{margin: 28px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; font-size: 14px; color: rgba(255, 255, 255, .75);}.proof li{display: flex; align-items: center; gap: 8px;}.proof .i{width: 18px; height: 18px; color: var(--mint);}.demo{position: relative; margin-top: 64px;}.demo::before{content: ""; position: absolute; inset: 8% 6% -2%; z-index: -1; border-radius: 40px; background: radial-gradient(closest-side, rgba(63, 208, 201, .35), transparent); filter: blur(30px);}.demo-tabs{display: flex; justify-content: center; gap: 8px; margin-bottom: 18px; flex-wrap: wrap;}.demo-tab{position: relative; overflow: hidden; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding-inline: 16px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .78); font-size: 14px; font-weight: 500; cursor: pointer;}.demo-tab .i{width: 18px; height: 18px;}.demo-tab:hover{color: #fff; border-color: rgba(255, 255, 255, .4);}.demo-tab[aria-selected="true"]{background: rgba(255, 255, 255, .14); border-color: rgba(95, 224, 217, .6); color: #fff;}.demo-tab .progress{position: absolute; inset-inline-start: 0; bottom: 0; height: 2px; width: 0; background: var(--mint);}.demo-window{position: relative; border-radius: 18px 18px 0 0; overflow: hidden; background: #f4f7f9; color: #0f2f3d; color-scheme: light; border: 1px solid rgba(255, 255, 255, .18); border-bottom: 0; box-shadow: 0 -10px 80px -10px rgba(0, 20, 30, .6);}.demo-bar{position: relative; display: flex; align-items: center; gap: 12px; height: 40px; padding-inline: 14px; background: #e9eff2; border-bottom: 1px solid #dce5ea; direction: ltr;}.demo-bar .dots{display: flex; gap: 6px;}.demo-bar .dots span{width: 10px; height: 10px; border-radius: 50%; background: #c6d3da;}.demo-bar .url{margin-inline: auto; display: inline-flex; align-items: center; gap: 6px; padding: 3px 14px; border-radius: 8px; background: #fff; color: #5b7481; font-size: 12px;}.demo-bar .url .i{width: 13px; height: 13px;}.demo-bar .sample{position: absolute; inset-inline-end: 14px; padding: 2px 10px; border-radius: 999px; background: #fdf0e3; color: #a8530a; font-size: 11px; font-weight: 600; direction: rtl;}[lang="en"] .demo-bar .sample{direction: ltr;}.demo-body{display: grid; grid-template-columns: 220px 1fr; height: 580px; position: relative;}.demo-side{background: var(--rail); color: #b9ccd3; padding: 16px 12px; display: flex; flex-direction: column; gap: 4px; font-size: 13px;}.demo-side img{height: 26px; width: auto; margin: 2px 8px 16px; align-self: flex-start;}.demo-side span{display: flex; align-items: center; gap: 10px; min-height: 36px; padding-inline: 10px; border-radius: 10px;}.demo-side span .i{width: 17px; height: 17px; color: #7f9eab;}.demo-side span.on{background: #0b3d52; color: #fff; box-shadow: inset -3px 0 0 #5fe0d9;}[dir="ltr"] .demo-side span.on{box-shadow: inset 3px 0 0 #5fe0d9;}.demo-side span.on .i{color: #5fe0d9;}.demo-main{position: relative; min-width: 0; overflow: hidden;}.demo-head{display: flex; align-items: center; gap: 12px; height: 56px; padding-inline: 22px; background: #fff; border-bottom: 1px solid #e1e8ec;}.demo-head .crumb{font-weight: 600; font-size: 15px; transition: opacity .3s;}.demo-head .search{margin-inline-start: auto; display: inline-flex; align-items: center; gap: 8px; min-width: 220px; height: 34px; padding-inline: 12px; border: 1px solid #e1e8ec; border-radius: 10px; color: #8aa0ab; font-size: 13px;}.demo-head .search .i{width: 16px; height: 16px;}.demo-head .search kbd{margin-inline-start: auto; font: 600 11px/1 var(--font); padding: 3px 6px; border-radius: 6px; background: #f1f5f7; color: #5b7481; direction: ltr;}.demo-screen{position: absolute; inset: 56px 0 0; padding: 22px; display: grid; align-content: start; gap: 16px; transition: opacity .4s ease, transform .4s ease;}.demo-screen.is-hidden{opacity: 0; transform: translateY(8px); pointer-events: none; visibility: hidden;}.demo-greet strong{display: block; font-size: 22px; font-weight: 700;}.demo-greet span{color: #5b7481; font-size: 13px;}.demo-kpis{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}.kpi{background: #fff; border: 1px solid #e1e8ec; border-radius: 14px; padding: 14px; display: grid; gap: 6px; min-width: 0;}.kpi .top{display: flex; align-items: center; gap: 8px; color: #5b7481; font-size: 12px; line-height: 1.4;}.kpi .top .i{width: 26px; height: 26px; padding: 5px; border-radius: 8px; background: #ebf2f5; color: #005777;}.kpi.warn .top .i{background: #fdf0e3; color: #a8530a;}.kpi b{font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.demo-list{background: #fff; border: 1px solid #e1e8ec; border-radius: 14px; overflow: hidden;}.demo-list h3{font-size: 13px; font-weight: 600; padding: 12px 16px; border-bottom: 1px solid #e1e8ec; color: #5b7481;}.demo-list .row{display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 12px; align-items: center; padding: 10px 16px; border-bottom: 1px solid #eef3f5; font-size: 13px;}.demo-list .row:last-child{border-bottom: 0;}.demo-list .row .ref{color: #5b7481; direction: ltr; unicode-bidi: isolate; text-align: start;}.demo-list .row .amt{font-variant-numeric: tabular-nums; font-weight: 600;}.demo-list .row .late{color: #a8530a; font-weight: 500;}.demo-form{background: #fff; border: 1px solid #e1e8ec; border-radius: 14px; padding: 18px; display: grid; gap: 14px;}.demo-form .title{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}.demo-form .title b{font-size: 20px; direction: ltr; unicode-bidi: isolate;}.demo-form .stage{display: flex; gap: 4px; margin-inline-start: auto; font-size: 12px;}.demo-form .stage span{padding: 4px 12px; border-radius: 999px; background: #f1f5f7; color: #5b7481;}.demo-form .stage span.on{background: #005777; color: #fff;}.demo-form .buttons{display: flex; gap: 8px; flex-wrap: wrap;}.demo-form .buttons span{padding: 6px 14px; border-radius: 9px; background: #f1f5f7; color: #0f2f3d; font-size: 13px; font-weight: 600;}.demo-form .buttons span.main{background: #005777; color: #fff;}.demo-form .buttons span.missing{border: 1px dashed #c6d3da; background: transparent; color: #8aa0ab; text-decoration: line-through;}.demo-form dl{margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; font-size: 13px;}.demo-form dt{color: #5b7481;}.demo-form dd{margin: 0; font-weight: 600;}.assist{position: absolute; inset-inline: 0; bottom: 16px; margin-inline: auto; width: min(580px, calc(100% - 32px)); z-index: 2; display: flex; flex-direction: column; border: 1px solid #e1e8ec; border-radius: 18px; background: #fff; box-shadow: 0 30px 80px -20px rgba(15, 47, 61, .45), 0 2px 10px rgba(15, 47, 61, .06); overflow: hidden;}.assist-head{display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #e1e8ec;}.mark{display: grid; place-items: center; flex: none; background: #0b3d52; color: #5fe0d9;}.assist-head .mark{width: 28px; height: 28px; border-radius: 9px;}.assist-head .mark .i{width: 16px; height: 16px;}.assist-head strong{font-size: 14px; white-space: nowrap;}.ctx{margin-inline-start: auto; display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 62%; padding: 3px 10px; border: 1px solid #e1e8ec; border-radius: 999px; color: #5b7481; font-size: 12px; white-space: nowrap;}.ctx span{overflow: hidden; text-overflow: ellipsis;}.ctx .i{width: 14px; height: 14px; color: #005777;}.thread{display: flex; flex-direction: column; gap: 12px; padding: 0 14px; background: #f8fafb; max-height: 0; overflow: hidden; transition: max-height .5s ease, padding .5s ease;}.assist.is-open .thread{max-height: 380px; padding-block: 14px;}.q{align-self: flex-end; max-width: 85%; padding: 8px 14px; border-radius: 16px; border-end-end-radius: 6px; background: #ebf2f5; font-size: 14px; line-height: 1.7;}.a{display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.8;}.a .mark{width: 24px; height: 24px; margin-top: 2px; border-radius: 8px;}.a .mark .i{width: 14px; height: 14px;}.a-body{flex: 1; min-width: 0; display: grid; gap: 10px; justify-items: start;}.a-body p b{color: #005777;}.typing{display: inline-flex; gap: 4px; padding-block: 8px;}.typing span{width: 6px; height: 6px; border-radius: 50%; background: #8aa0ab; animation: blink 1s infinite;}.typing span:nth-child(2){animation-delay: .15s;}.typing span:nth-child(3){animation-delay: .3s;}@keyframes blink{50%{opacity: .25;}}.source{display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: 999px; background: #ebf2f5; color: #005777; font-size: 12px; font-weight: 500;}.source .i{width: 13px; height: 13px;}.mini-card{width: 100%; border: 1px solid color-mix(in srgb, #005777 30%, #e1e8ec); border-radius: 13px; background: #fff; overflow: hidden;}.mini-card .head{display: flex; align-items: center; gap: 10px; padding: 10px 12px;}.mini-card .head .ic{display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #ebf2f5; color: #005777; flex: none;}.mini-card .head .ic .i{width: 18px; height: 18px;}.mini-card .head .t{flex: 1; min-width: 0;}.mini-card .head .t b{display: block; font-size: 13px; font-weight: 600; line-height: 1.5;}.mini-card .head .t small{display: block; color: #5b7481; font-size: 12px; line-height: 1.5;}.mini-card .open{display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; border-radius: 9px; background: #005777; color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap;}.mini-card .open .i{width: 14px; height: 14px;}.mini-card .pill{display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; background: #fdf0e3; color: #a8530a;}.mini-card.is-approved .pill{background: #e3f4ef; color: #00805f;}.mini-card .foot{display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-top: 1px solid #e1e8ec; background: #f8fafb; font-size: 12px; color: #5b7481;}.mini-card .foot .grow{flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px;}.mini-card .foot .i{width: 14px; height: 14px; flex: none;}.mini-card .foot .b{padding: 5px 12px; border-radius: 9px; border: 1px solid #e1e8ec; background: #fff; color: #0f2f3d; font-weight: 600; white-space: nowrap;}.mini-card .foot .b.go{background: #005777; border-color: #005777; color: #fff; transition: transform .15s, box-shadow .2s;}.mini-card .foot .b.go.press{transform: scale(.92); box-shadow: 0 0 0 5px rgba(0, 87, 119, .2);}.mini-card .foot .done{display: none;}.mini-card.is-approved .foot{color: #00805f;}.mini-card.is-approved .foot .b, .mini-card.is-approved .foot .ask{display: none;}.mini-card.is-approved .foot .done{display: flex;}.pop-in{animation: rise .45s ease both;}@keyframes rise{from{opacity: 0; transform: translateY(6px);}}.composer{display: flex; align-items: center; gap: 8px; margin: 10px; padding: 6px; padding-inline-start: 14px; border: 1px solid #e1e8ec; border-radius: 14px;}.composer .text{flex: 1; min-width: 0; min-height: 24px; font-size: 14px; color: #0f2f3d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.composer .text.is-empty::before{content: attr(data-placeholder); color: #8aa0ab;}.composer .caret{display: inline-block; width: 2px; height: 1.1em; margin-inline-start: 1px; vertical-align: -3px; background: #005777; animation: blink 1s steps(1) infinite;}.composer .send{display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: #005777; color: #fff; opacity: .35; transition: opacity .2s;}.composer .send.on{opacity: 1;}.composer .send .i{width: 18px; height: 18px;}.stats{position: relative; z-index: 1; background: var(--surface); border-bottom: 1px solid var(--border);}.stats ul{margin: 0; padding: 28px 0; list-style: none; display: grid; grid-template-columns: repeat(4, 1fr);}.stats li{padding-inline: 24px; display: grid; gap: 2px; align-content: start;}.stats li + li{border-inline-start: 1px solid var(--border);}.stats b{font-size: 30px; font-weight: 700; color: var(--accent); line-height: 1.3;}.stats span{color: var(--muted); font-size: 14px;}.section{padding-block: 104px;}.section.alt{background: var(--surface); border-block: 1px solid var(--border);}.section.clip{overflow: hidden;}.sec-head{max-width: 780px; margin-bottom: 48px;}.sec-head.center{margin-inline: auto; text-align: center;}.eyebrow{display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-size: 14px; font-weight: 600;}.eyebrow .i{width: 18px; height: 18px;}.sec-head h2{margin-top: 10px; font-size: 40px; line-height: 1.3; font-weight: 700; letter-spacing: -.01em; text-wrap: balance;}.sec-head p{margin-top: 16px; color: var(--muted); font-size: 18px; text-wrap: pretty;}.tile{width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--soft); color: var(--accent); flex: none;}.tile .i{width: 24px; height: 24px;}.bento{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}.cell{position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 22px; padding: 28px; border: 1px solid var(--border); border-radius: 22px; background: var(--surface); transition: border-color .2s, box-shadow .2s, transform .2s;}.cell:hover{border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); box-shadow: var(--shadow); transform: translateY(-3px);}.cell .copy{display: grid; gap: 12px; align-content: start;}.cell h3{font-size: 21px; font-weight: 600; line-height: 1.45;}.cell p{color: var(--muted); font-size: 15px;}.cell .vignette{margin-top: auto;}.vignette{position: relative; padding: 16px; border-radius: 16px; background: var(--surface-2); border: 1px solid var(--border); display: grid; gap: 10px; font-size: 13px;}.vignette .q{background: var(--soft); color: var(--text); font-size: 13px;}.vignette .a{font-size: 13px; color: var(--text);}.vignette .a b{color: var(--accent);}.vignette .chip{justify-self: end; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: 12px;}.vignette .chip .i{width: 14px; height: 14px; color: var(--accent);}.vignette .chip .x{color: var(--muted);}.vignette .source{background: var(--soft); color: var(--accent);}.vignette .mini-card{border-color: color-mix(in srgb, var(--accent) 30%, var(--border)); background: var(--surface);}.vignette .mini-card .head .ic{background: var(--soft); color: var(--accent);}.vignette .mini-card .head .t small{color: var(--muted);}.vignette .mini-card .foot{color: var(--muted); background: var(--surface-2); border-color: var(--border);}.vignette .mini-card .foot .b{background: var(--surface); border-color: var(--border); color: var(--text);}.vignette .mini-card .foot .b.go, .vignette .mini-card .open{background: var(--accent); border-color: var(--accent); color: var(--on-accent);}.vignette .mini-card .pill{background: var(--warn-soft); color: var(--warn);}.vignette .mini-card.is-approved .pill{background: var(--ok-soft); color: var(--ok);}.vignette .mini-card.is-approved .foot{color: var(--ok);}.vignette .steps{display: grid; gap: 8px;}.vignette .step{display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border);}.vignette .step .n{display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--soft); color: var(--accent); font-size: 12px; font-weight: 700; flex: none;}.vignette .step.done .n{background: var(--ok-soft); color: var(--ok);}.vignette .options{display: grid; gap: 8px;}.vignette .option{display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border);}.vignette .option .i{width: 18px; height: 18px; color: var(--accent);}.vignette .option.best{border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); box-shadow: 0 0 0 3px var(--ring);}.vignette .option em{margin-inline-start: auto; font-style: normal; font-size: 11px; font-weight: 600; color: var(--ok); white-space: nowrap;}.vignette .lock{display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--border);}.vignette .lock .i{width: 18px; height: 18px;}.vignette .lock.yes .i{color: var(--ok);}.vignette .lock.no{color: var(--muted);}.vignette .lock.no .i{color: var(--muted);}.day{display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: center;}.day .sec-head{margin-bottom: 0;}.points{margin: 32px 0 0; padding: 0; list-style: none; display: grid; gap: 22px;}.points li{display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start;}.points h3{font-size: 17px; font-weight: 600; line-height: 1.5;}.points p{color: var(--muted); font-size: 15px; margin-top: 2px;}.day-shot{position: relative; border-radius: 24px; padding: 22px; background: var(--rail); box-shadow: var(--shadow-lg); isolation: isolate;}.day-shot::before{content: ""; position: absolute; inset: -40px; z-index: -1; background: radial-gradient(closest-side, rgba(0, 184, 177, .22), transparent);}.day-card{background: #f4f7f9; color: #0f2f3d; color-scheme: light; border-radius: 16px; padding: 20px; display: grid; gap: 14px;}.day-card .demo-kpis{grid-template-columns: repeat(2, 1fr);}.day-card .search{display: flex; align-items: center; gap: 8px; height: 42px; padding-inline: 12px; border: 1px solid #e1e8ec; border-radius: 12px; background: #fff; color: #8aa0ab; font-size: 13px;}.day-card .search .i{width: 16px; height: 16px;}.day-card .search kbd{margin-inline-start: auto; font: 600 11px/1 var(--font); padding: 4px 7px; border-radius: 6px; background: #f1f5f7; color: #5b7481; direction: ltr;}.day-card .apps{display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px;}.day-card .apps span{display: grid; justify-items: center; gap: 6px; font-size: 11px; color: #5b7481; text-align: center; line-height: 1.4;}.day-card .apps .i{width: 44px; height: 44px; padding: 11px; border-radius: 13px; background: #fff; border: 1px solid #e1e8ec; color: #005777;}.families{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}.family{display: grid; align-content: start; gap: 12px; padding: 22px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); transition: border-color .2s, box-shadow .2s;}.family:hover{border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); box-shadow: var(--shadow-sm);}.family h3{font-size: 17px; font-weight: 600; line-height: 1.5;}.family ul{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px;}.family li{padding: 2px 10px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); color: var(--muted); font-size: 13px;}.family.own{background: linear-gradient(160deg, color-mix(in srgb, var(--teal) 12%, var(--surface)), var(--surface)); border-style: dashed; border-color: color-mix(in srgb, var(--accent) 40%, var(--border));}.family.own p{color: var(--muted); font-size: 14px;}.trust{position: relative; overflow: hidden; background: var(--hero); color: #fff; isolation: isolate;}.trust .sec-head p{color: rgba(255, 255, 255, .75);}.trust .eyebrow{color: var(--mint);}.trust-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .1); border-radius: 22px; overflow: hidden;}.trust-item{padding: 28px; background: #04202e; display: grid; gap: 10px; align-content: start;}.trust-item .tile{background: rgba(95, 224, 217, .12); color: var(--mint);}.trust-item h3{font-size: 18px; font-weight: 600;}.trust-item p{color: rgba(255, 255, 255, .72); font-size: 15px;}.services{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}.service{padding: 30px; border: 1px solid var(--border); border-radius: 22px; background: var(--surface); display: grid; gap: 14px; align-content: start;}.service h3{font-size: 20px; font-weight: 600;}.service p{color: var(--muted); font-size: 15px;}.faq{max-width: 860px; margin-inline: auto; display: grid; gap: 12px;}.faq details{border: 1px solid var(--border); border-radius: 16px; background: var(--surface); transition: border-color .2s, box-shadow .2s;}.faq details[open]{border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); box-shadow: var(--shadow-sm);}.faq summary{display: flex; align-items: center; gap: 16px; min-height: 64px; padding: 14px 22px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 600; line-height: 1.5;}.faq summary::-webkit-details-marker{display: none;}.faq summary .i{margin-inline-start: auto; width: 22px; height: 22px; color: var(--accent); transition: transform .2s;}.faq details[open] summary .i{transform: rotate(45deg);}.faq .answer{padding: 0 22px 20px; color: var(--muted); font-size: 16px; line-height: 1.85;}.final{position: relative; overflow: hidden; border-radius: 28px; background: var(--hero); color: #fff; padding: 76px 48px; text-align: center; isolation: isolate;}.final .aurora{inset: -40% -10%; height: 180%; opacity: .55;}.final h2{font-size: 40px; line-height: 1.3; font-weight: 700; max-width: 20em; margin-inline: auto; text-wrap: balance;}.final p{margin: 16px auto 0; max-width: 36em; color: rgba(255, 255, 255, .8); font-size: 18px;}.final .actions{margin-top: 30px; display: flex; justify-content: center; flex-wrap: wrap; gap: 12px;}.final .btn{min-height: 52px; padding-inline: 28px; font-size: 16px;}.site-footer{background: var(--surface); border-top: 1px solid var(--border); padding-block: 64px 28px; font-size: 15px;}.site-footer .cols{display: grid; grid-template-columns: 1.8fr 1fr 1.2fr; gap: 40px;}.site-footer .brand img{height: 32px;}.site-footer .tagline{margin-top: 16px; font-weight: 600;}.site-footer .about{margin-top: 6px; color: var(--muted); max-width: 34em; line-height: 1.85;}.site-footer h2{font-size: 15px; font-weight: 600; margin-bottom: 14px;}.site-footer ul{margin: 0; padding: 0; list-style: none; display: grid; gap: 2px;}.site-footer li a, .site-footer li span{display: inline-flex; align-items: center; gap: 10px; min-height: 36px; color: var(--muted); text-decoration: none;}.site-footer li a:hover{color: var(--accent);}.site-footer li .i{width: 18px; height: 18px; color: var(--accent);}.site-footer .bottom{margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--border); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 14px;}.site-footer .bottom a{color: var(--muted); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: 32px;}.site-footer .bottom a:hover{color: var(--accent);}.page-hero{position: relative; overflow: hidden; background: var(--hero); color: #fff; isolation: isolate;}.page-hero .wrap{padding-block: 72px 132px;}.page-hero h1{font-size: 48px; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; max-width: 16em; text-wrap: balance;}.page-hero p{margin-top: 14px; max-width: 40em; font-size: 19px; color: rgba(255, 255, 255, .8);}.contact{position: relative; z-index: 1; margin-top: -84px; padding-bottom: 104px; display: grid; grid-template-columns: 1.65fr 1fr; gap: 24px; align-items: start;}.card{background: var(--surface); border: 1px solid var(--border); border-radius: 22px; box-shadow: var(--shadow); padding: 32px;}.card h2{font-size: 21px; font-weight: 600;}.card .sub{margin-top: 4px; color: var(--muted); font-size: 15px;}.topics{margin: 22px 0 0; padding: 0; border: 0; min-width: 0;}.topics legend{padding: 0; font-size: 14px; font-weight: 600; margin-bottom: 10px;}.topics .opts{display: flex; flex-wrap: wrap; gap: 8px;}.topics label{position: relative; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding-inline: 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); font-size: 14px; font-weight: 500; cursor: pointer; transition: border-color .15s, background-color .15s;}.topics label .i{width: 18px; height: 18px; color: var(--accent);}.topics input{position: absolute; opacity: 0; pointer-events: none;}.topics label:has(input:checked){border-color: var(--accent); background: var(--soft); color: var(--accent); box-shadow: 0 0 0 3px var(--ring);}.topics label:has(input:focus-visible){outline: 2px solid var(--teal); outline-offset: 2px;}.form{margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 16px;}.field{display: grid; gap: 6px; align-content: start;}.field.full{grid-column: 1 / -1;}.field label{font-size: 14px; font-weight: 600;}.field label small{color: var(--muted); font-weight: 400;}.field input, .field textarea{width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); font-size: 15px; transition: border-color .15s, box-shadow .15s;}.field textarea{min-height: 132px; resize: vertical; line-height: 1.7;}.field input::placeholder, .field textarea::placeholder{color: color-mix(in srgb, var(--muted) 75%, transparent);}.field input:hover, .field textarea:hover{border-color: color-mix(in srgb, var(--accent) 35%, var(--border));}.field input:focus, .field textarea:focus{outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--ring); background: var(--surface);}.field input[type="email"], .field input[type="tel"]{direction: ltr;}[dir="rtl"] .field input[type="email"], [dir="rtl"] .field input[type="tel"]{text-align: right;}.field [aria-invalid="true"]{border-color: var(--danger);}.field [aria-invalid="true"]:focus{box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 25%, transparent);}.field .error{display: flex; gap: 6px; align-items: center; color: var(--danger); font-size: 13px; font-weight: 500;}.field .error .i{width: 16px; height: 16px;}.field .error[hidden]{display: none;}.trap{position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden;}.form-foot{grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-top: 4px;}.form-foot p{display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px;}.form-foot p .i{width: 16px; height: 16px; color: var(--ok);}.alert{margin-top: 20px; display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; background: var(--danger-soft); border: 1px solid color-mix(in srgb, var(--danger) 35%, transparent); font-size: 14px;}.alert .i{color: var(--danger); margin-top: 2px;}.alert[hidden]{display: none;}.alert:focus{outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 25%, transparent);}.alert a{color: var(--accent); font-weight: 600;}.sent{display: grid; justify-items: center; text-align: center; gap: 14px; padding-block: 40px 24px;}.sent .badge{width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; background: var(--ok-soft); color: var(--ok); animation: pop .45s cubic-bezier(.2, 1.4, .4, 1) both;}.sent .badge .i{width: 38px; height: 38px;}.sent h2{font-size: 26px;}.sent p{color: var(--muted); max-width: 32em;}.sent .actions{margin-top: 8px; display: flex; gap: 12px; flex-wrap: wrap; justify-content: center;}@keyframes pop{from{transform: scale(.5); opacity: 0;}}.next{margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 16px; counter-reset: step;}.next li{display: grid; grid-template-columns: 36px 1fr; gap: 12px; align-items: start; counter-increment: step;}.next li::before{content: counter(step); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--soft); color: var(--accent); font-weight: 700;}.next b{display: block; font-size: 15px; font-weight: 600;}.next span{color: var(--muted); font-size: 14px;}.reach{display: grid; gap: 2px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--border);}.reach h3{font-size: 15px; font-weight: 600; margin-bottom: 6px;}.reach a, .reach div{display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 8px 10px; border-radius: 14px; text-decoration: none;}.reach a:hover{background: var(--soft);}.reach small{display: block; color: var(--muted); font-size: 13px;}.reach strong{font-weight: 600; font-size: 15px;}.reach .tile{width: 42px; height: 42px; border-radius: 12px;}.reach .tile .i{width: 21px; height: 21px;}.lost{position: relative; overflow: hidden; background: var(--hero); color: #fff; isolation: isolate; text-align: center;}.lost .wrap{min-height: 560px; display: grid; place-content: center; justify-items: center; padding-block: 96px;}.lost .code{font-size: 140px; line-height: 1; font-weight: 700; letter-spacing: -.04em;}.lost h1{margin-top: 18px; font-size: 34px;}.lost p{margin-top: 10px; color: rgba(255, 255, 255, .8); font-size: 18px; max-width: 30em;}.lost .actions{margin-top: 30px; display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;}.js .reveal{opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease;}.js .reveal.is-in{opacity: 1; transform: none;}@media (max-width: 1080px){.nav a{padding-inline: 9px;}.hero h1{font-size: 50px;}.demo-body{grid-template-columns: 64px 1fr;}.demo-side span b, .demo-side img{display: none;}.demo-side span{justify-content: center; padding: 0;}.demo-side span.on{box-shadow: none;}.demo-kpis{grid-template-columns: repeat(2, 1fr);}.demo-list{display: none;}.families{grid-template-columns: repeat(2, 1fr);}.bento{grid-template-columns: repeat(2, 1fr);}.day{grid-template-columns: 1fr; gap: 48px;}}@media (max-width: 900px){.nav, .tools .lang, .tools .btn{display: none;}.menu-btn{display: inline-flex;}.menu{display: block; position: absolute; inset-inline: 0; top: 100%; padding: 12px 16px 20px; background: var(--surface); border-bottom: 1px solid var(--border); box-shadow: var(--shadow);}.menu[hidden]{display: none;}.menu a.row{display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding-inline: 12px; border-radius: 12px; text-decoration: none; font-size: 16px; font-weight: 500;}.menu a.row:hover{background: var(--soft);}.menu a.row .i{color: var(--muted);}.menu .btn{width: 100%; margin-top: 10px;}}@media (max-width: 760px){.wrap{padding-inline: 16px;}.site-header .wrap{height: 60px; gap: 12px;}.brand img{height: 30px;}.hero{padding-top: 52px;}.kicker{font-size: 13px;}.hero h1{font-size: 36px; line-height: 1.28; margin-top: 18px;}.hero .lead{font-size: 17px; margin-top: 16px;}.hero .actions .btn{flex: 1 1 100%;}.proof{flex-direction: column; align-items: flex-start; width: fit-content; margin-inline: auto; gap: 8px;}.demo{margin-top: 40px; margin-inline: -16px;}.demo-tabs{gap: 6px; padding-inline: 16px;}.demo-tab{padding-inline: 12px; font-size: 13px;}.demo-window{border-radius: 16px 16px 0 0;}.demo-body{grid-template-columns: 1fr; height: 640px;}.demo-side, .demo-head .search, .demo-form dl, .demo-bar .dots{display: none;}.demo-bar .url{margin-inline: 0; min-width: 0; overflow: hidden; white-space: nowrap;}.demo-bar .sample{position: static; margin-inline-start: auto; flex: none;}.demo-head{height: 50px; padding-inline: 16px;}.demo-screen{inset: 50px 0 0; padding: 14px; gap: 12px;}.demo-greet strong{font-size: 18px;}.kpi{padding: 10px;}.kpi b{font-size: 15px;}.demo-form{padding: 14px;}.demo-form .stage{margin-inline-start: 0;}.assist{bottom: 10px; width: calc(100% - 20px);}.assist.is-open .thread{max-height: 440px;}.ctx{max-width: 55%;}.stats ul{grid-template-columns: repeat(2, 1fr); gap: 20px 0; padding: 24px 0;}.stats li{padding-inline: 16px;}.stats li:nth-child(3){border-inline-start: 0;}.stats b{font-size: 24px;}.section{padding-block: 72px;}.sec-head{margin-bottom: 32px;}.sec-head h2{font-size: 28px;}.sec-head p{font-size: 16px;}.bento, .families, .services, .trust-grid{grid-template-columns: 1fr;}.cell{padding: 22px; border-radius: 18px;}.cell:hover{transform: none;}.day-card{padding: 14px;}.day-card .apps{grid-template-columns: repeat(3, 1fr);}.day-shot{padding: 14px;}.trust-item{padding: 22px;}.faq summary{font-size: 16px; padding-inline: 16px;}.faq .answer{padding-inline: 16px; font-size: 15px;}.final{padding: 48px 22px; border-radius: 22px;}.final h2{font-size: 28px;}.final p{font-size: 16px;}.final .btn{flex: 1 1 100%;}.site-footer .cols{grid-template-columns: 1fr; gap: 28px;}.page-hero .wrap{padding-block: 48px 108px;}.page-hero h1{font-size: 32px;}.page-hero p{font-size: 16px;}.contact{grid-template-columns: 1fr; margin-top: -76px; padding-bottom: 72px;}.card{padding: 22px 18px; border-radius: 18px;}.form{grid-template-columns: 1fr;}.form-foot .btn{width: 100%;}.lost .code{font-size: 96px;}.lost h1{font-size: 26px;}.lost .btn{flex: 1 1 100%;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*, *::before, *::after{animation: none !important; transition: none !important;}.js .reveal{opacity: 1; transform: none;}}