.os-landing{--os-paper:var(--background,var(--color-surface));--os-card:var(--card,var(--color-surface-white));--os-ink:var(--foreground,var(--color-text));--os-muted:var(--muted-foreground,var(--color-text-muted));--os-line:var(--border,var(--color-border));--os-soft:var(--muted,var(--color-surface-soft));--os-green:var(--primary,var(--color-brand-blue));--os-lime:var(--gold,var(--color-gold));--os-button:var(--primary,var(--color-brand-blue));--os-on-button:var(--primary-foreground,var(--color-on-brand));color:var(--os-ink);background:var(--os-paper);overflow-wrap:break-word;font-family:Inter,Noto Sans Arabic,system-ui,sans-serif;line-height:1.5;container-type:inline-size}.os-landing *,.os-landing :before,.os-landing :after{box-sizing:border-box}.os-landing :is(h1,h2,h3,p,figure,ul){margin:0}.os-landing ul{padding:0;list-style:none}.os-landing a{color:inherit;text-decoration:none}.os-landing button{font:inherit;cursor:pointer}.os-landing svg{flex-shrink:0}.os-landing :is(a,button,summary):focus-visible{outline:3px solid var(--os-green);outline-offset:5px}.os-landing :is(section,main){scroll-margin-top:100px}.os-wrap{width:min(100%,1248px);margin-inline:auto;padding-inline:32px}.os-header{z-index:20;background:var(--os-card);border-bottom:1px solid var(--os-line);position:sticky;top:0}.os-header-inner{align-items:center;gap:36px;min-height:88px;display:flex}.os-brand{flex-shrink:0;display:inline-flex}.os-brand img{object-fit:contain;width:132px;height:49px;display:block}.os-brand .os-logo-dark,:is(.dark,[data-tema=tun],[data-theme=dark]) .os-logo-light{display:none}:is(.dark,[data-tema=tun],[data-theme=dark]) .os-brand .os-logo-dark{display:block}.os-nav{gap:28px;margin-inline-start:auto;font-size:13px;font-weight:550;display:flex}.os-nav a:hover,.os-text-link:hover,.os-footer a:hover{color:var(--os-green);text-underline-offset:5px;text-decoration:underline}.os-header-actions{align-items:center;gap:12px;display:flex}.os-landing .os-button{background:var(--os-button);min-height:48px;color:var(--os-on-button);text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:16px;padding:12px 23px;font-size:13px;font-weight:600;display:inline-flex}.os-landing .os-button:hover{background:color-mix(in srgb, var(--os-button), var(--os-ink) 10%)}.os-landing .os-button-outline{background:var(--os-paper);border-color:var(--os-line);color:var(--os-green)}.os-landing .os-button-outline:hover{background:var(--os-soft);border-color:var(--os-green)}.os-mobile-menu{display:none;position:relative}.os-mobile-menu summary{border:1px solid var(--os-line);cursor:pointer;border-radius:12px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.os-mobile-menu summary::-webkit-details-marker{display:none}.os-mobile-menu nav{inset-inline-end:0;border:1px solid var(--os-line);background:var(--os-card);border-radius:14px;width:min(290px,85vw);padding:8px;position:absolute;top:54px;box-shadow:0 16px 40px #001b2220}.os-mobile-menu nav a{border-radius:8px;padding:12px;font-size:14px;display:block}.os-mobile-menu nav a:hover{background:var(--os-soft)}.os-skip{z-index:30;top:12px;background:var(--os-paper);padding:12px;position:absolute;inset-inline-start:12px;transform:translateY(-200%)}.os-skip:focus{transform:none}.os-hero{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-block:88px 78px;display:grid}.os-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--os-green);align-items:center;gap:10px;font-size:10px;font-weight:650;display:flex}.os-eyebrow:before{content:"";background:currentColor;flex-shrink:0;width:20px;height:1px}.os-hero h1{letter-spacing:-.05em;text-wrap:balance;margin-block:24px;font-size:clamp(38px,4.6cqi,59px);font-weight:550;line-height:1.08}.os-hero h1 em{color:var(--os-green);font-style:normal}.os-intro{max-width:455px;color:var(--os-muted);font-size:15px;line-height:1.8}.os-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}.os-text-link{align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:550;display:inline-flex}.os-proof{color:var(--os-muted);flex-wrap:wrap;gap:12px 20px;font-size:11px;display:flex;margin-top:28px!important}.os-proof li{align-items:center;gap:6px;display:flex}.os-proof svg{width:14px;height:14px;color:var(--os-green)}.os-visual{background:var(--os-soft);border-radius:24px;min-width:0;padding:28px 14px 26px;position:relative}.os-preview-label{color:var(--os-muted);justify-content:center;align-items:center;gap:7px;margin-bottom:20px;font-size:10px;display:flex}.os-preview-label>span{background:var(--os-green);border-radius:50%;width:6px;height:6px}.os-board{border:1px solid var(--os-line);background:var(--os-card);border-radius:15px;overflow:hidden;box-shadow:0 12px 30px -22px #143a3060}.os-board-top{border-bottom:1px solid var(--os-line);align-items:center;gap:10px;padding:17px;display:flex}.os-app-symbol{color:#fff;background:#075640;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.os-board-top strong{font-size:13px;font-weight:600;display:block}.os-board-top small{color:var(--os-muted);margin-top:2px;font-size:9px;display:block}.os-board-dots{letter-spacing:2px;color:var(--os-muted);margin-inline-start:auto;font-size:22px}.os-board-body{padding:19px 14px}.os-board-title{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;display:flex}.os-board-title strong{font-weight:550}.os-board-title svg{width:16px;color:var(--os-muted)}.os-board-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.os-board-column{background:var(--os-soft);border-radius:8px;padding:8px 6px}.os-board-column>p{align-items:center;gap:5px;margin-bottom:10px;font-size:9px;font-weight:550;display:flex}.os-dot{background:#709d83;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.os-dot-1{background:#b99a4c}.os-dot-2{background:#437a5b}.os-mini-card{border:1px solid var(--os-line);background:var(--os-card);border-radius:7px;margin-top:7px;padding:10px 8px}.os-mini-card>svg{width:15px;height:15px;color:var(--os-green);margin-bottom:7px}.os-mini-card strong{min-height:28px;font-size:9px;font-weight:550;display:block}.os-skeleton{background:var(--os-line);border-radius:8px;width:88%;height:4px;margin-top:7px;display:block}.os-skeleton.os-short{width:58%}.os-mini-tag{align-items:center;gap:5px;margin-top:14px;display:flex}.os-mini-tag span:first-child{background:var(--os-soft);border:1px solid var(--os-line);border-radius:50%;width:13px;height:13px}.os-mini-tag span:last-child{background:var(--os-line);border-radius:8px;width:32px;height:4px}.os-board-bottom{border-top:1px solid var(--os-line);color:var(--os-muted);align-items:center;gap:8px;padding:11px 16px;font-size:9px;display:flex}.os-board-bottom svg{width:13px;height:13px;color:var(--os-green)}.os-connected{background:var(--os-lime);border:4px solid var(--os-paper);color:#214330;border-radius:16px;align-items:center;gap:12px;margin-block:-3px -42px;margin-inline:34px -4px;padding:16px;display:flex;position:relative}.os-connected>span{border:1px solid #9fba7a;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.os-connected strong{font-size:12px;font-weight:600;display:block}.os-connected small{margin-top:3px;font-size:9px;display:block}.os-connected>svg{width:16px;margin-inline-start:auto}.os-section{padding-block:72px}.os-soft-section{background:var(--os-soft);border-block:1px solid var(--os-line)}.os-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px;display:flex}.os-heading h2,.os-faq h2,.os-cta h2{letter-spacing:-.035em;text-wrap:balance;max-width:560px;margin-top:17px;font-size:clamp(26px,3cqi,36px);font-weight:550;line-height:1.18}.os-heading>p{max-width:350px;color:var(--os-muted);font-size:13px;line-height:1.75}.os-products{grid-template-columns:1fr 1fr;gap:24px;display:grid}.os-single-product{grid-template-columns:1fr}.os-product{border:1px solid var(--os-line);background:var(--os-card);border-radius:20px;flex-direction:column;padding:32px;display:flex}.os-product-top{align-items:center;gap:14px;margin-bottom:25px;display:flex}.os-product-symbol{border:1px solid var(--os-line);width:40px;height:40px;color:var(--os-green);border-radius:12px;place-items:center;display:grid}.os-audience{text-transform:uppercase;letter-spacing:.08em;color:var(--os-muted);font-size:10px}.os-product h3{letter-spacing:-.03em;justify-content:space-between;align-items:center;gap:12px;font-size:28px;font-weight:550;display:flex}.os-product h3 span{opacity:.5;font-size:24px;font-weight:400}.os-product>p{max-width:440px;color:var(--os-muted);margin-top:12px;font-size:14px;line-height:1.8}.os-product ul{gap:11px;margin-block:24px 30px;font-size:12px;display:grid}.os-product li{align-items:center;gap:9px;display:flex}.os-product li svg{width:15px;height:15px}.os-product .os-button{align-self:flex-start;margin-top:auto}.os-product-cabinet{color:#fff;background:#133e30;border-color:#133e30}.os-product-cabinet :is(.os-audience,p){color:#c5d7cc}.os-product-cabinet .os-product-symbol{color:#d9edab;border-color:#4c6f5b}.os-product-cabinet .os-button,.os-cta .os-button{background:var(--os-lime);color:#214330}.os-product-cabinet .os-button:hover,.os-cta .os-button:hover{background:#e8f5c9}.os-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;display:grid}.os-modules article{border-top:1px solid var(--os-line);padding-block:28px}.os-feature-icon{background:var(--os-soft);width:42px;height:42px;color:var(--os-green);border-radius:12px;place-items:center;margin-bottom:20px;display:grid}.os-modules h3{letter-spacing:-.02em;font-size:17px;font-weight:550}.os-modules p{color:var(--os-muted);max-width:310px;margin-top:10px;font-size:13px;line-height:1.8}.os-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.os-steps button{text-align:start;background:var(--os-card);border:1px solid var(--os-line);color:var(--os-ink);border-radius:10px;align-items:center;gap:10px;padding:17px 14px;font-size:12px;font-weight:550;display:flex}.os-steps button>span{color:var(--os-muted);font-size:10px}.os-steps button>svg{width:15px;margin-inline-start:auto}.os-steps button[aria-pressed=true]{color:#fff;background:#075640;border-color:#075640}.os-steps button[aria-pressed=true]>span{color:#c8e2d3}.os-step-detail{border:1px solid var(--os-line);background:var(--os-card);border-radius:16px;grid-template-columns:70px 1fr minmax(160px,240px);align-items:center;gap:30px;min-height:185px;margin-top:20px;padding:32px;display:grid}.os-step-number{color:var(--os-green);opacity:.35;letter-spacing:-.06em;font-size:54px;font-weight:450}.os-step-detail h3{margin-bottom:10px;font-size:21px;font-weight:550}.os-step-detail p{color:var(--os-muted);font-size:13px;line-height:1.8}.os-step-detail .os-step-result{border-inline-start:1px solid var(--os-line);color:var(--os-green);align-items:center;gap:12px;padding-inline-start:24px;font-size:12px;display:flex}.os-agencies{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.os-agencies li{border:1px solid var(--os-line);border-radius:16px;padding:24px}.os-agency-title{align-items:center;gap:12px;display:flex}.os-agency-title>span{border:1px solid var(--os-line);background:var(--os-soft);width:42px;height:42px;color:var(--os-green);border-radius:12px;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.os-agency-title h3{overflow-wrap:anywhere;font-size:15px;font-weight:550}.os-agency-links{border-top:1px solid var(--os-line);color:var(--os-green);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:20px;padding-top:12px;font-size:11px;font-weight:550;display:flex}.os-agency-links a{align-items:center;gap:7px;min-height:40px;display:inline-flex}.os-agency-links a:hover{text-underline-offset:4px;text-decoration:underline}.os-agency-links svg{width:14px;height:14px}.os-empty{background:var(--os-soft);color:var(--os-muted);border-radius:14px;align-items:center;gap:14px;padding:24px;font-size:14px;display:flex}.os-faq{grid-template-columns:.8fr 1.2fr;gap:64px;padding-block:0 72px;display:grid}.os-faq h2{margin-top:16px}.os-faq details{border-top:1px solid var(--os-line)}.os-faq details:last-child{border-bottom:1px solid var(--os-line)}.os-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:14px;font-weight:550;list-style:none;display:flex}.os-faq summary::-webkit-details-marker{display:none}.os-faq summary>span{color:var(--os-green);font-size:24px;font-weight:400}.os-faq details[open] summary>span{transform:rotate(45deg)}.os-faq details p{color:var(--os-muted);padding-bottom:22px;font-size:13px;line-height:1.8}.os-cta{color:#fff;background:#133e30;border-radius:22px;justify-content:space-between;align-items:center;gap:40px;width:min(100% - 64px,1184px);margin-bottom:64px;padding:42px;display:flex}.os-cta .os-eyebrow{color:#d9edab}.os-cta h2{max-width:600px;font-size:clamp(25px,3cqi,34px)}.os-cta>div>p:last-child{color:#c5d7cc;margin-top:16px;font-size:13px}.os-cta>a{flex-shrink:0}.os-footer{grid-template-columns:1fr 1fr;gap:32px;padding-block:20px 26px;display:grid}.os-footer p{color:var(--os-muted);max-width:320px;margin-top:16px;font-size:12px;line-height:1.8}.os-footer nav{align-content:start;justify-self:end;gap:4px;font-size:12px;display:grid}.os-footer nav a{justify-content:space-between;align-items:center;gap:24px;min-height:36px;display:flex}.os-footer nav svg{width:14px}.os-footer-bottom{border-top:1px solid var(--os-line);color:var(--os-muted);grid-column:1/-1;justify-content:space-between;gap:20px;padding-top:24px;font-size:11px;display:flex}@container (max-width:1000px){.os-header-inner{gap:20px}.os-nav{display:none}.os-header-actions{margin-inline-start:auto}.os-mobile-menu{display:block}.os-hero{gap:32px;padding-block:56px 64px}.os-heading{flex-direction:column;align-items:start;gap:20px}.os-heading>p{max-width:600px}.os-steps button{gap:7px;padding:14px 10px}.os-steps button>svg{display:none}.os-agencies{grid-template-columns:repeat(2,minmax(0,1fr))}.os-cta{padding:32px}.os-cta h2{max-width:440px}}@container (max-width:740px){.os-wrap{padding-inline:24px}.os-hero{grid-template-columns:1fr;gap:42px}.os-hero h1{max-width:600px;font-size:clamp(38px,7.5cqi,54px)}.os-intro{max-width:540px}.os-visual{width:100%;max-width:540px;margin-inline:auto}.os-section{padding-block:48px}.os-products{grid-template-columns:1fr}.os-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.os-product{padding:26px}.os-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.os-step-detail{grid-template-columns:44px 1fr;gap:20px;min-height:230px;padding:24px}.os-step-number{font-size:40px}.os-step-detail .os-step-result{border:0;grid-column:2;padding:0}.os-faq{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.os-cta{flex-direction:column;align-items:start;gap:26px;width:calc(100% - 48px);margin-bottom:40px;padding:32px 26px}.os-footer{gap:30px}}@container (max-width:460px){.os-wrap{padding-inline:20px}.os-header-inner{gap:8px;min-height:76px}.os-brand img{width:126px;height:42px}.os-header-actions{gap:7px}.os-landing .os-header-login{display:none}.os-mobile-menu summary,.os-header-actions>button{width:36px;height:40px}.os-hero{padding-block:42px 55px}.os-hero h1{font-size:39px}.os-eyebrow{font-size:9px}.os-actions{gap:8px 18px}.os-proof{gap:10px;font-size:10px}.os-visual{padding:22px 8px}.os-board-top{padding:13px}.os-board-body{padding:14px 9px}.os-board-columns{gap:5px}.os-board-column{padding:7px 4px}.os-mini-card{padding:8px 5px}.os-mini-card strong{min-height:28px;font-size:8px}.os-board-column>p{gap:4px;font-size:8px}.os-connected{gap:9px;margin-inline-start:14px;padding:12px 9px}.os-connected strong{font-size:11px}.os-heading h2,.os-faq h2{font-size:28px}.os-modules{grid-template-columns:1fr}.os-modules article{grid-template-columns:42px 1fr;gap:0 16px;padding-block:23px;display:grid}.os-feature-icon{grid-row:span 2;margin:0}.os-modules h3{font-size:16px}.os-modules p{grid-column:2;margin-top:6px}.os-agencies{grid-template-columns:1fr}.os-steps{gap:6px}.os-steps button{flex-direction:column;align-items:start;min-height:62px;font-size:11px}.os-step-detail{gap:15px;padding:20px}.os-cta{width:calc(100% - 40px)}.os-footer{grid-template-columns:1fr}.os-footer nav{justify-self:stretch}.os-product-top{gap:10px}.os-audience{font-size:9px}}@media (prefers-reduced-motion:no-preference){.os-landing :is(a,button,summary){transition:background-color .15s,color .15s,border-color .15s}}
