body { margin:0; color:var(--em-text); background:var(--em-page);  }
	a { color:var(--em-text); }
	.marketing-header { position:sticky; top:0; z-index:5; background:var(--em-surface); border-bottom:1px solid var(--em-line); }
	.marketing-nav { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
	.brand-tools, .nav-actions, .nav-links { display:flex; align-items:center; gap:14px; }
	.brand-tools img { width:190px; max-width:42vw; height:auto; }
	.nav-links a { color:var(--em-text); font-weight:600; text-decoration:none; }
	.nav-links a:hover, .footer-links a:hover { color:var(--em-text); text-decoration:underline; text-underline-offset:4px; }
	.login-link { color:var(--em-text); font-weight:700; text-decoration:none; }
	.lang-select { max-width:150px; }
	.btn-color1, .btn-color2 { background-color:var(--em-navy); color:var(--em-surface); border-color:var(--em-navy); border-radius:8px; font-weight:700; }
	.btn-color1:hover, .btn-color2:hover, .btn-color1:focus, .btn-color2:focus { background-color:var(--em-navy); color:var(--em-surface); border-color:var(--em-navy); }
	.mobile-menu { display:none; position:relative; }
	.mobile-menu summary { list-style:none; cursor:pointer; }
	.mobile-menu summary::-webkit-details-marker { display:none; }
	.mobile-menu-panel { position:absolute; right:0; top:calc(100% + 8px); width:min(290px, 92vw); padding:18px; background:var(--em-surface); border:1px solid var(--em-line); box-shadow:0 18px 40px rgba(31,41,51,.18); border-radius:8px; }
	.mobile-menu-panel a { display:block; padding:8px 0; color:var(--em-text); font-weight:700; text-decoration:none; }
	.mobile-menu-panel .lang-select { margin-top:10px; max-width:100%; }
	.hero { background:var(--em-navy) url("/img/bg-top.jpg") center/cover no-repeat; color:var(--em-surface); }
	.hero-shade { min-height:520px; display:flex; align-items:center; background:linear-gradient(90deg, rgba(20,33,48,.86), rgba(20,33,48,.44)); }
	.hero.compact { background:var(--em-surface); color:var(--em-text); }
	.hero.compact .hero-shade { min-height:300px; background:none; border-bottom:1px solid var(--em-line); }
	.hero.compact .hero-actions .secondary-link { color:var(--em-text); }
	.hero h1 { max-width:850px; font-size:clamp(2.15rem, 5vw, 4.4rem); font-weight:800; line-height:1.03; letter-spacing:0; margin:0 0 18px; }
	.hero.compact h1 { font-size:clamp(2rem, 4vw, 3.1rem); }
	.hero p { max-width:740px; font-size:1.25rem; line-height:1.55; margin:0 0 26px; }
	.hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
	.secondary-link { color:var(--em-surface); font-weight:700; text-decoration:underline; text-underline-offset:4px; }
	.page-band { padding:64px 0; }
	.page-band.alt { background:var(--em-surface); }
	.section-title { font-size:2rem; font-weight:750; margin-bottom:16px; }
		.feature-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
		.feature-card, .pricing-card { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:24px; height:100%; }
	.feature-icon { width:44px; height:44px; border-radius:8px; display:grid; place-items:center; color:var(--em-text); background:var(--em-panel); margin-bottom:14px; }
	.tabler-icon { width:24px; height:24px; vertical-align:middle; }
		.pricing-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
		.price { font-size:2rem; font-weight:800; }
		.muted { color:var(--em-text); }
		.workflow-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
		.workflow-card { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:24px; min-height:220px; }
		.workflow-step { color:var(--em-text); font-weight:800; margin-bottom:18px; }
		.proof-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; align-items:start; }
		.proof-screen { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; overflow:hidden; box-shadow:0 18px 38px rgba(31,41,51,.12); }
		.proof-bar { height:34px; background:var(--em-text); display:flex; align-items:center; gap:6px; padding:0 12px; }
		.proof-dot { width:8px; height:8px; border-radius:50%; background:var(--em-gray); opacity:.8; }
		.proof-body { padding:18px; min-height:180px; }
		.proof-line { height:12px; margin-bottom:10px; border-radius:99px; background:var(--em-line); }
		.proof-line.short { width:54%; }
		.proof-line.mid { width:72%; }
		.proof-pill { display:inline-block; margin:6px 6px 0 0; padding:6px 10px; border-radius:99px; background:var(--em-panel); color:var(--em-text); font-size:.88rem; font-weight:700; }
		.comparison-table { width:100%; border-collapse:collapse; background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; overflow:hidden; }
		.comparison-table th, .comparison-table td { padding:14px 16px; border-bottom:1px solid var(--em-line); vertical-align:top; }
		.comparison-table th { background:var(--em-panel); color:var(--em-text); }
		.comparison-table tr:last-child td { border-bottom:0; }
		.footer-links { display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-end; }
		.footer-links a { color:var(--em-surface); font-weight:700; text-decoration:none; }
		.footer .lang-select { max-width:180px; margin-top:14px; }
			.faq-list { display:grid; gap:14px; }
			.faq-item { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:22px; }
			.faq-item h3 { font-size:1.15rem; margin-bottom:8px; }
		.related-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
			.related-card { background:transparent; border-top:1px solid var(--em-line); padding:18px 0 0; height:100%; }
			.related-card a { color:var(--em-text); font-weight:750; text-decoration:none; }
			.related-card a:hover { color:var(--em-text); text-decoration:underline; text-underline-offset:4px; }
			ul.clean-list { padding-left:20px; margin:18px 0 0; }
	li { margin-bottom:8px; }
	.footer { background:var(--em-text); color:var(--em-surface); padding:36px 0; }
	.footer a { color:var(--em-surface); }
	@media (max-width: 900px) {
		.marketing-nav { min-height:62px; padding:8px 0; gap:10px; }
		.nav-links, .login-link { display:none; }
		.mobile-menu { display:block; }
		.nav-actions { margin-left:auto; gap:8px; }
				.feature-grid, .pricing-grid, .workflow-grid, .related-grid, .proof-grid { grid-template-columns:1fr; }
		.hero-shade { min-height:560px; }
		.hero.compact .hero-shade { min-height:260px; }
	}
		@media (max-width: 576px) {
			.brand-tools { flex:1 1 auto; }
			.brand-tools img { width:170px; max-width:170px; }
			.nav-actions .btn { padding-left:10px; padding-right:10px; }
			.marketing-nav { flex-wrap:nowrap; }
			.hero h1 { font-size:2.25rem; }
			.hero.compact h1 { font-size:2rem; }
			.hero p { font-size:1.08rem; }
		}
		.spec-main { font-size:18px; line-height:1.62; }
		.spec-main .container { max-width:1160px; }
		.spec-hero { padding:76px 0 72px; background:linear-gradient(135deg, var(--em-surface) 0%, var(--em-panel) 54%, var(--em-panel) 100%); color:var(--em-text); border-bottom:1px solid var(--em-line); }
		.spec-hero.home { background:var(--em-navy) url("/img/bg-top.jpg") center/cover no-repeat; color:var(--em-surface); border-bottom:0; }
		.spec-hero-grid { display:grid; grid-template-columns:minmax(0, 1fr) minmax(340px, .9fr); gap:44px; align-items:center; }
		.spec-hero h1 { max-width:820px; font-size:3.45rem; line-height:1.05; font-weight:700; letter-spacing:0; margin:0 0 18px; }
		.spec-hero p { max-width:720px; font-size:1.22rem; line-height:1.62; margin:0 0 16px; }
		.spec-section { padding:88px 0; }
		.spec-section.compact { padding:52px 0; }
		.spec-section.alt { background:var(--em-surface); }
		.spec-narrow { max-width:720px; }
		.spec-title { max-width:820px; font-size:2.35rem; line-height:1.15; font-weight:650; margin:0 0 18px; }
		.spec-eyebrow { color:var(--em-text); font-size:.84rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; }
		.spec-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:26px; }
		.spec-note { color:var(--em-text); font-size:.95rem; }
		.spec-hero.home .spec-actions .btn-color1 { background:var(--em-surface); border-color:var(--em-surface); color:var(--em-text); }
		.spec-hero.home .spec-actions .btn-color1:hover, .spec-hero.home .spec-actions .btn-color1:focus { background:var(--em-panel); border-color:var(--em-panel); color:var(--em-text); }
		.spec-hero.home .spec-actions .secondary-link { color:var(--em-surface); background:rgba(20,33,48,.72); border:1px solid rgba(255,255,255,.76); border-radius:8px; padding:10px 14px; text-decoration:none; }
		.spec-hero.home .spec-note { color:var(--em-surface); opacity:.96; font-weight:400; }
		.spec-process { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; margin-top:32px; }
		.spec-process-item { padding-top:0; }
		.spec-process-number { width:54px; height:54px; border-radius:50%; display:grid; place-items:center; color:var(--em-surface); background:var(--em-navy); font-size:1.25rem; font-weight:800; margin-bottom:14px; }
		.spec-grid, .spec-grid.two, .spec-price-grid, .spec-contact-grid { display:grid; gap:22px; margin-top:28px; }
		.spec-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
		.spec-grid.two { grid-template-columns:repeat(2, minmax(0, 1fr)); }
		.spec-contact-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
		.spec-card { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:24px; }
		.spec-price-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
		.spec-price-grid .spec-card { display:flex; flex-direction:column; }
		.spec-price-grid .spec-card .btn { margin-top:auto !important; align-self:flex-start; }
		.spec-card.featured { border:2px solid var(--em-navy); box-shadow:0 18px 40px rgba(31,41,51,.12); }
		.spec-price { font-size:2.15rem; font-weight:850; line-height:1; margin:8px 0 12px; }
		.spec-tour { display:grid; grid-template-columns:minmax(0, .9fr) minmax(360px, 1fr); gap:44px; align-items:center; }
		.spec-tour.reverse { grid-template-columns:minmax(360px, 1fr) minmax(0, .9fr); }
		.spec-tour.reverse .spec-tour-copy { order:2; }
		.spec-tour.reverse .spec-screen { order:1; }
		.spec-screen { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; box-shadow:0 18px 40px rgba(31,41,51,.14); overflow:hidden; }
		.spec-screen-bar { height:34px; background:var(--em-text); display:flex; align-items:center; gap:6px; padding:0 12px; }
		.spec-dot { width:8px; height:8px; border-radius:50%; background:var(--em-gray); opacity:.85; }
		.spec-screen-body { padding:22px; background:var(--em-surface); }
		.spec-row { padding:12px; border:1px solid var(--em-line); border-radius:8px; background:var(--em-surface); margin-bottom:12px; }
		.spec-label { display:block; color:var(--em-text); font-size:.82rem; font-weight:850; text-transform:uppercase; margin-bottom:4px; }
		.spec-line { height:10px; border-radius:99px; background:var(--em-line); margin:8px 0; }
		.spec-line.short { width:48%; }
		.spec-line.mid { width:70%; }
		.spec-pill { display:inline-block; padding:5px 9px; border-radius:99px; background:var(--em-panel); color:var(--em-text); font-size:.82rem; font-weight:800; margin:4px 5px 0 0; }
		.spec-compare { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px; margin-top:28px; }
		.spec-table { width:100%; border-collapse:collapse; background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; overflow:hidden; }
		.spec-table th, .spec-table td { padding:14px 16px; border-bottom:1px solid var(--em-line); vertical-align:top; }
		.spec-table th { background:var(--em-panel); color:var(--em-text); }
		.spec-table tr:last-child td { border-bottom:0; }
		.spec-faq details { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:18px 20px; margin-bottom:12px; }
		.spec-faq summary { cursor:pointer; font-weight:800; }
		.faq-category { padding-top:24px; margin-top:24px; border-top:1px solid var(--em-line); }
		.faq-category:first-child { padding-top:0; margin-top:0; border-top:0; }
		.spec-cta { padding:66px 0; background:var(--em-text); color:var(--em-surface); }
		.spec-footer-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; }
		.spec-footer-grid h2 { font-size:1rem; font-weight:850; margin:0 0 10px; }
		.spec-footer-grid a { display:block; margin-bottom:6px; }
		.upload-drop { border:2px dashed var(--em-line); border-radius:8px; padding:28px; background:var(--em-surface); text-align:center; }
		.upload-drop input { max-width:100%; }
		@media (max-width: 900px) {
			.spec-main { font-size:17px; }
			.spec-hero { padding:56px 0; }
			.spec-hero-grid, .spec-process, .spec-grid, .spec-grid.two, .spec-price-grid, .spec-contact-grid, .spec-tour, .spec-tour.reverse, .spec-compare, .spec-footer-grid { grid-template-columns:1fr; }
			.spec-tour.reverse .spec-tour-copy, .spec-tour.reverse .spec-screen { order:initial; }
			.spec-hero h1 { font-size:2.35rem; }
			.spec-title { font-size:1.95rem; }
			.spec-section { padding:46px 0; }
		}
	
html[dir="rtl"] body{text-align:right} .spec-grid{align-items:start} .lang-select{max-width:240px} .marketing-header .nav-links{flex-wrap:wrap} .spec-main a{text-decoration:underline} .spec-main .btn{text-decoration:none} .article-meta{font-size:.9rem} .source-links{overflow-wrap:anywhere} .marketing-nav{flex-wrap:wrap} .spec-screen ol{padding-inline-start:1.5rem} .spec-screen li{margin-block:1rem}
/* Keep navigation available at every viewport without a script-only menu. */
.marketing-header .nav-links{display:flex;flex-wrap:wrap}
.marketing-header .brand-tools{flex-wrap:wrap}
@media(max-width:767px){
 .marketing-nav{padding:12px 15px;flex-wrap:wrap}
 .marketing-header .nav-links{order:3;width:100%;gap:8px 16px}
 .marketing-header .brand-tools{flex:0 1 auto;max-width:100%;gap:10px}
 .lang-select{max-width:min(240px,64vw)}
 .spec-hero{padding:32px 0}
 .spec-hero h1{font-size:2rem;overflow-wrap:anywhere}
 .spec-actions{flex-wrap:wrap}
 .spec-grid{grid-template-columns:1fr}
}
html[dir="rtl"] .spec-hero,html[dir="rtl"] .spec-section{text-align:right}
.spec-screen ol{margin:0}.spec-screen{min-width:0}.spec-card{overflow-wrap:anywhere}

.marketing-header .login-link{display:inline-flex}

.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.pricing-grid{grid-template-columns:1fr}}