/* Public site shares the workspace's navy, white and restrained teal system. */
body.public-marketing-active{background:#fff!important;color:#172b46!important}
body.public-marketing-active #marketingLanding{--site-ink:var(--web6-navy);--site-muted:var(--web6-muted);--site-teal:var(--web6-teal);background:#fff!important;color:var(--site-ink)!important;font-family:var(--web6-font,Manrope,Arial,sans-serif)!important;max-width:none!important}
body.public-marketing-active #publicRouteView{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}
.site-modern{font:16px/1.65 var(--web6-font,Manrope,Arial,sans-serif);color:#172b46;background:#fff;overflow:clip}
.site-modern *, .site-preview-dialog *{box-sizing:border-box}
.site-modern h1,.site-modern h2,.site-modern h3{font-family:var(--web6-font,Manrope,Arial,sans-serif)!important;font-style:normal!important;color:#172b46!important;letter-spacing:-.045em!important;max-width:none!important;margin:0 0 22px!important;text-wrap:balance}
.site-modern h1{font-size:clamp(38px,4.1vw,61px)!important;line-height:1.1!important;font-weight:720!important}
.site-modern h2{font-size:clamp(29px,3vw,42px)!important;line-height:1.18!important;font-weight:700!important}
.site-modern h3{font-size:28px!important;line-height:1.25!important;font-weight:650!important}
.site-modern p{font:500 17px/1.75 var(--web6-font,Manrope,Arial,sans-serif)!important;color:#53657b!important;max-width:65ch;margin:0 0 24px!important}
.site-section{width:min(1320px,calc(100% - 64px));margin:0 auto;padding:76px 0}
.site-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;min-height:590px;padding-top:76px;padding-bottom:64px}
.site-hero p{font-size:20px!important;line-height:1.65!important}
.site-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.site-button{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;background:#007f78!important;color:#fff!important;border:1px solid #007f78!important;border-radius:7px!important;padding:14px 20px!important;min-height:48px;font:600 14px/1.3 var(--web6-font,Manrope,Arial,sans-serif)!important;text-decoration:none!important;cursor:pointer;box-shadow:none!important;transition:background .18s,transform .18s;white-space:normal;text-align:center}
.site-button:hover{background:#006b65!important;transform:translateY(-1px)}
.site-button.site-secondary{background:#fff!important;color:#172b46!important;border-color:#b3c9ce!important}
.site-button.site-secondary:hover{background:#f0f7f6!important}
.site-button:disabled{opacity:.65;cursor:wait}
.site-button svg,.site-framework-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[dir=rtl] .site-button svg,[dir=rtl] .site-framework-links svg{transform:scaleX(-1)}
.site-shot{min-width:0;margin:0;border:1px solid #d6e0e7;border-radius:12px;background:#fff;box-shadow:0 16px 44px #172b4612;overflow:hidden}
.site-shot>button{display:block;width:100%;border:0;padding:0;background:#fff;cursor:zoom-in;border-radius:0}
.site-shot img{display:block;width:100%;height:auto;aspect-ratio:1180/780;object-fit:contain}
.site-shot figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5eaee;padding:11px 15px;font:400 11px/1.5 var(--web6-font,Manrope,Arial,sans-serif);color:#64748b;background:#f8fafb}
.site-hero-shot{transform:perspective(1600px) rotateY(-3deg);border:7px solid #172b46;border-bottom-width:7px;box-shadow:0 22px 35px #10253c20}
[dir=rtl] .site-hero-shot{transform:perspective(1600px) rotateY(3deg)}
.site-tabs{display:flex;gap:26px;overflow-x:auto;border-bottom:1px solid #dce4e9;margin:28px 0 38px;scrollbar-width:thin}
.site-tabs button{white-space:nowrap;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;color:#53657b!important;border-radius:0!important;padding:12px 3px!important;font:500 15px/1.4 var(--web6-font,Manrope,Arial,sans-serif)!important;cursor:pointer}
.site-tabs button[aria-selected=true]{color:#007f78!important;border-bottom-color:#007f78!important}
.site-workflow{display:grid;grid-template-columns:.65fr 1fr;gap:64px;align-items:center;animation:site-enter .22s ease-out}
.site-people{border-top:1px solid #e5eaee}
.site-people h2{max-width:860px!important}
.site-people ol{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;list-style:none;padding:0;margin:46px 0 0}
.site-people li>span{font-size:46px;font-weight:650;line-height:1.2;color:#007f78;display:block;margin-bottom:20px}
.site-people h3{font-size:24px!important}
.site-knowledge{background:#f5f8fa}
.site-knowledge>.site-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.site-framework-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px}
.site-framework-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d6e0e7;padding:14px 0;color:#172b46;font-weight:600;text-decoration:none}
.site-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:52px max(32px,calc((100vw - 1320px)/2));background:#007f78}
.site-cta h2,.site-cta p{color:#fff!important;margin-bottom:8px!important}
.site-cta .site-button{flex-shrink:0}
.site-page-heading{padding-bottom:24px;max-width:1000px;margin-inline:auto;text-align:center}
.site-page-heading p{margin-inline:auto!important}
.site-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px}
.site-plan{border:1px solid #d8e2e8;border-radius:10px;padding:27px 22px;display:flex;flex-direction:column;min-width:0}
.site-plan h2{font-size:25px!important;letter-spacing:-.03em!important;min-height:60px}
.site-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:4px 0 14px}
.site-price strong{font-size:31px;letter-spacing:-1px;line-height:1.25}
.site-price small{color:#64748b}
.site-plan>p{font-size:13px!important}
.site-plan dl{margin:15px 0}
.site-plan dl div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #edf0f3;font-size:13px}
.site-plan dt{color:#53657b}
.site-plan dd{margin:0;font-weight:650;text-align:end}
.site-plan details{font-size:13px;margin:4px 0 22px}
.site-plan summary{cursor:pointer;font-weight:600;padding:10px 0}
.site-plan ul{padding-inline-start:20px;line-height:1.8;text-transform:capitalize}
.site-plan>.site-button{margin-top:auto}
.site-plan-note{margin-top:32px!important;max-width:100%!important;font-size:14px!important}
.site-demo{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;max-width:1150px;padding-top:72px}
.site-demo h1{font-size:clamp(38px,4vw,55px)!important}
.site-demo-steps{display:flex;list-style:none;padding:0;gap:22px;flex-wrap:wrap;margin:34px 0;font-size:14px;font-weight:600}
.site-demo-steps li{display:flex;align-items:center;gap:9px}
.site-demo-steps span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b3c9ce;border-radius:50%;color:#007f78}
.site-demo-form{padding:28px;border:1px solid #d8e2e8;border-radius:12px;display:grid;gap:20px;background:#fff}
.site-demo-form[hidden],.site-receipt[hidden]{display:none!important}
.site-demo-form label{display:grid;gap:8px;font:600 14px/1.5 var(--web6-font,Manrope,Arial,sans-serif);color:#172b46}
.site-demo-form input,.site-demo-form select,.site-demo-form textarea{width:100%;min-width:0;font:400 15px/1.5 var(--web6-font,Manrope,Arial,sans-serif);color:#172b46;background:#fff;border:1px solid #cbd8e1;border-radius:6px;padding:11px 12px;min-height:46px}
.site-demo-form textarea{resize:vertical}
.site-demo-form details{background:#f5f8fa;padding:15px;border-radius:7px}
.site-demo-form summary{font-size:14px;cursor:pointer;font-weight:600}
.site-demo-form details label{margin-top:18px}
.site-demo-form .site-honeypot{position:absolute!important;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.site-demo-form p{font-size:13px!important;margin:0!important}
.site-form-status[data-error=true]{color:#9f3333!important}
.site-form-privacy{text-align:center}
.site-modern a:not(.site-button){color:#007f78}
.site-receipt{border-inline-start:3px solid #007f78;padding:25px;background:#f3faf8}
.site-feature{max-width:1120px}
.site-feature>a:first-child{display:inline-block;margin-bottom:28px}
.site-feature>p{max-width:800px}
.site-feature>.site-shot{margin:38px 0}
.site-preview-dialog{border:1px solid #d6e0e7;border-radius:12px;padding:20px;max-width:min(1240px,96vw);max-height:94vh;background:#fff;color:#172b46}
.site-preview-dialog::backdrop{background:#071b35b3;backdrop-filter:blur(4px)}
.site-preview-dialog>button{margin-bottom:15px;margin-inline-start:auto;display:flex!important}
.site-preview-dialog img{display:block;max-width:100%;max-height:72vh;object-fit:contain}
.site-preview-dialog p{font:13px var(--web6-font,Manrope,Arial,sans-serif);color:#53657b}
/* Retained knowledge and account routes inherit the same public canvas. */
body.public-marketing-active #publicRouteView>.public-breadcrumb{background:#fff;color:#53657b;max-width:1320px;margin:auto}
body.public-marketing-active #publicRouteView .marketing-band{background:#fff;color:#172b46;box-shadow:none;border-color:#e5eaee}
body.public-marketing-active #publicRouteView h1,body.public-marketing-active #publicRouteView h2{font-family:var(--web6-font,Manrope,Arial,sans-serif)}
.site-modern :focus-visible,.site-preview-dialog :focus-visible{outline:3px solid #168fba;outline-offset:4px}
@keyframes site-enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.site-hero{gap:28px}.site-demo{gap:45px}.site-workflow{gap:36px}}
@media(max-width:960px){.site-hero{grid-template-columns:1fr;max-width:800px}.site-hero-shot{transform:none}.site-hero p{max-width:600px}.site-workflow{grid-template-columns:1fr}.site-workflow>div{max-width:700px}.site-people ol{gap:25px}.site-knowledge>.site-section{gap:45px}.site-demo{grid-template-columns:1fr;max-width:690px}.site-demo-intro>p:last-child{display:none}}
@media(max-width:600px){.site-section{width:calc(100% - 40px);padding:45px 0}.site-hero h1{font-size:40px!important}.site-hero p{font-size:18px!important}.site-tabs{gap:19px}.site-people ol{grid-template-columns:1fr;gap:20px}.site-people li{display:grid;grid-template-columns:55px 1fr;gap:0 16px}.site-people li>span{grid-row:span 2;font-size:36px}.site-people h3{margin-bottom:10px!important}.site-people p{grid-column:2}.site-knowledge>.site-section{grid-template-columns:1fr;gap:25px}.site-framework-links{gap:8px 22px}.site-cta{padding:34px 20px;display:block}.site-cta .site-button{margin-top:18px}.site-demo-form{padding:20px}.site-demo-steps{gap:12px}.site-plan h2{min-height:0}.site-shot figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.site-modern *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.site-directory{padding-top:30px}
.site-directory>label{display:grid;gap:10px;font-size:14px;font-weight:600;max-width:500px;margin-bottom:32px}
.site-directory input{font:16px var(--web6-font,Manrope,Arial,sans-serif);border:1px solid #cbd8e1;border-radius:7px;padding:13px;color:#172b46;background:#fff}
.site-directory-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.site-directory-list a{display:grid;grid-template-columns:150px 1fr 20px;gap:20px;align-items:center;text-decoration:none!important;border-bottom:1px solid #e1e7ec;padding:22px 0;color:#172b46!important}
.site-directory-list a[hidden]{display:none}
.site-directory-list span{font-size:14px;color:#53657b}
.site-directory-list svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.site-security{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;padding-top:36px}
.site-security article{border-bottom:1px solid #e1e7ec;padding:24px 0}
.site-security article h2{font-size:26px!important}
.site-security aside{padding:28px;background:#f4f8fa;align-self:start;border-radius:10px}
.site-feature-points{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0}
.site-feature-points span{display:block;font-size:32px;color:#007f78;margin-bottom:16px}
.site-modern .site-tabs button{box-shadow:none!important}
body.public-marketing-active .framework-guide-page,body.public-marketing-active .public-white-page{background:#fff!important;color:#172b46!important;max-width:1320px;margin:0 auto;padding:40px 32px}
body.public-marketing-active .framework-guide-hero{background:#f5f8fa!important;border:1px solid #e0e7ec!important;box-shadow:none!important;border-radius:12px;padding:40px!important}
body.public-marketing-active .framework-guide-hero h1,body.public-marketing-active .public-page-heading h1{color:#172b46!important;font:700 clamp(34px,4vw,52px)/1.15 var(--web6-font,Manrope,Arial,sans-serif)!important;letter-spacing:-.04em}
body.public-marketing-active .framework-guide-hero p{color:#53657b!important;font-size:18px;line-height:1.7}
body.public-marketing-active .framework-guide-visual{background:transparent!important;box-shadow:none!important;border:0!important}
body.public-marketing-active .framework-guide-mark{background:#172b46!important;box-shadow:none!important;color:#fff!important}
body.public-marketing-active .framework-guide-section,body.public-marketing-active .framework-guide-sidebar,body.public-marketing-active .framework-fact-grid article{box-shadow:none!important;border-color:#e0e7ec!important;background:#fff!important}
body.public-marketing-active .framework-guide-page .primary-link-button,body.public-marketing-active .public-white-page .primary-link-button{background:#007f78!important;border-color:#007f78!important;color:white!important;border-radius:7px!important;text-transform:none!important;box-shadow:none!important}
@media(max-width:760px){.site-directory-list{grid-template-columns:1fr}.site-directory-list a{grid-template-columns:110px 1fr 20px;gap:14px}.site-security{grid-template-columns:1fr;gap:30px}.site-feature-points{grid-template-columns:1fr;gap:12px}body.public-marketing-active .framework-guide-hero{padding:24px!important}}
body.public-marketing-active .framework-back-link,body.public-marketing-active .framework-guide-badge{color:#00736d!important}
body.public-marketing-active .framework-guide-hero::before,body.public-marketing-active .framework-guide-hero::after{display:none!important}
.site-pricing{padding-top:40px}

html[lang=ar] body.public-marketing-active #marketingLanding :is(h1,h2,h3,p,label,button,input,select,textarea,summary,li,a,small,dt,dd,figcaption){font-family:'Plan Arabic',Tahoma,sans-serif!important}
html[lang=ar] .site-modern h1{line-height:1.55!important;font-size:clamp(34px,3.6vw,52px)!important}
html[lang=ar] .site-modern h2,html[lang=ar] .site-modern h3{line-height:1.6!important;letter-spacing:0!important}
html[lang=ar] .site-modern p{line-height:1.9!important}
html[lang=ar] .site-modern :is(label,summary,button,a){line-height:1.8!important}

